@reapit/elements_v5.0.0-beta.35

Notable Changes

🎉 New Components

• New Accordion component is available.
• New Button and AnchorButton components are available.
• Features now provides pre-built components for common items: Features.Bedrooms, Features.Bathrooms, Features.CarSpaces, and Features.LandSize.
• New icons have been added: MenuCollapseIcon, MenuExpandIcon and ChangeLogIcon. See Icons | Migrating to v5 for more info.

💔 Breaking Changes

Global CSS resets

Previously, the Elements stylesheet, @reapit/elements/styles.css, included a collection CSS reset styles that were applied globally to all elements based on their tag name. These have now been removed. If your UI relies on these resets, they are available via a separate stylesheet, @reapit/elements/reset.css, that you can import/include prior to the main Elements stylesheet.

Importantly, the CSS reset no longer applies -webkit-font-smoothing: antialiasing or -moz-osx-font-smoothing: grayscale. See Stop fixing font smoothing for an explanation behind this decision.

Components

Many Elements v4 components have been grouped under a new "Deprecated" section in the Storybook side bar. Consumers of these components should consider them to be implicitly deprecated. Explicit deprecation and renaming will come in a future beta version. The URL for these components' documentation will have changed as a result of this relocation.

The following components have either been deprecated and renamed (including their related classes in the Elements stylesheet), or removed:

• Accordion, now DeprecatedAccordion.
• Button, now DeprecatedButton.
• DrawCloseIcon has been removed. It's still available via <DeprecatedIcon icon="drawClose" />.

The following components have received breaking changes to their prop interfaces:

• Badge: variant is now colour and isReversed is now variant="reversed".
• Features: aria-label has been replaced with label.
• Tag: no longer supports an as prop.

What's Changed

• chore: bump package version by @kurtdoherty in #563
• chore: #133 deprecate v4 accordion by @kurtdoherty in #564
• chore: fix css lint issues by @kurtdoherty in #566
• feat: Add new Accordion.Summary component by @kurtdoherty in #565
• feat: Add new Accordion component by @kurtdoherty in #567
• chore: move all v4 component docs to a "Deprecated" group in Storybook by @kurtdoherty in #569
• chore: #556 Move global resets to separate reset.css by @kurtdoherty in #558
• chore: add latest icons by @kurtdoherty in #570
• chore: #571 deprecate existing Button by @kurtdoherty in #572
• feat: Add new ButtonBase component by @kurtdoherty in #573
• feat: Add new Button and AnchorButton components by @kurtdoherty in #574
• chore: #421-variable-token-update-tooltips by @rpt-rfoxy in #509
• chore: refactor Tag and TagGroup to match Chip and ChipGroup by @kurtdoherty in #577
• fix: resolve broken storybook builds by @kurtdoherty in #579
• fix: refactor Badge and remove buggy deprecated icon change by @kurtdoherty in #578
• feat: refactor Features and add new sizes by @kurtdoherty in #575
• chore: refactor Breadcrumbs and update docs by @kurtdoherty in #583
• chore: upgrade tooling by @kurtdoherty in #584
• chore: update changelog with release date by @kurtdoherty in #585
• fix: badge usage in icon migration docs by @kurtdoherty in #586

Full Changelog: https://github.com/reapit/elements/compare/@reapit/elements_v5.0.0-beta.34...@reapit/elements_v5.0.0-beta.35