@reapit/elements_v5.0.0-beta.52

Notable Changes

🎉 New things

• Most core components are now connected to Figma via Code Connect. This means engineers will have access to Elements-based code snippets within Figma when inspecting designs (so long as they have a dev mode licence).

🐛 Bug fixes

• The @reapit/elements/lab/* and @reapit/elements/utils/* entry points are now correctly defined in the package manifest.

💔 Breaking changes

• Avatar: the colour prop now accepts 'default' | 'primary' instead of 'default' | 'purple'. This update was performed to ensure the component's interface matches its equivalent component in Figma.
• FeaturesItem: renamed to FeatureItem. If consumers are using Features.Item or the common items like Features.Bedrooms, this change will have no impact.
• LabelText: the ElLabelRequiredMark has been removed. This will only impact CSS-only consumers that were relying on the associated el-label-required-mark class name.
• PageHeader: renamed breadcrumbs prop to navigation to better align with its equivalent Figma component.
• StatusIndicator: accent1 and accent2 colours have been renamed to accent_1 and accent_2.
• SupplementaryInfo: accent-1 and accent-2 colours have been renamed to accent_1 and accent_2.

What's Changed

• chore: bump package version by @kurtdoherty in #779
• feat: Add initial code connect config and connect some simple components by @kurtdoherty in #781
• feat!: add code connect for more components by @kurtdoherty in #782
• feat: add code connect for BottomBar, ButtonGroup, ChipSelect and CompactSelectNative by @kurtdoherty in #783
• feat: add code connect for Divider, EmptyData, SelectNative, and SplitButton by @kurtdoherty in #784
• feat: add code connect for FolderTabs, PrimaryTabs, SecondaryTabs, and Tooltip by @kurtdoherty in #785
• feat: add code connect for FilterBar, StatusIndicator, and SupplementaryInfo by @kurtdoherty in #786
• feat: add code connect for Dialog, Drawer, and Menu by @kurtdoherty in #787
• feat!: add code connect for LabelText, PageHeader and Pagination by @kurtdoherty in #788
• feat!: add code connect for SideBar and TopBar by @kurtdoherty in #789
• feat: add code connect for Table by @kurtdoherty in #790
• fix: lab and utils entry points by @kurtdoherty in #791
• chore: update changelog with release date by @kurtdoherty in #792
• fix: type and lint errors by @kurtdoherty in #793
• fix: bump get-tag action to v2.1.4 to resolve set-output deprecation by @kurtdoherty in #794

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

@reapit/elements_v5.0.0-beta.51

Notable Changes

🎉 New things

Updated all components prop interfaces to now be exported. Specifically, they are now available via the Component.Props. This means when you import a component, such as Chip, you will automatically have Chip.Props available for use without needing an additional import type { ChipProps } from ... statement. This does not (yet) extend to compound components: Menu.Item will not have Menu.Item.Props available.

🐛 Bug fixes

Fixed missing entry point for lab components in package manifest 🤦‍♂️

💔 Breaking changes

Updated class names for lab components to use an "experimental" prefix; e.g. ElSearchInput -> ElExperimentalSearchInput. While this is a breaking change, it's unlikely current beta consumers are directly using these styled elements or class names, so it should have minimal impact.

What's Changed

• chore: bump package version by @kurtdoherty in #765
• chore: apply namespace pattern for component props (part 1) by @kurtdoherty in #766
• chore: apply namespace pattern for component props (part 2) by @kurtdoherty in #767
• chore: apply namespace pattern for component props (part 3) by @kurtdoherty in #768
• chore: apply namespace pattern for component props (part 4) by @kurtdoherty in #769
• chore: apply namespace pattern for component props (part 5) by @kurtdoherty in #770
• chore: apply namespace pattern for component props (part 6) by @kurtdoherty in #771
• chore: apply namespace pattern for component props (part 7) by @kurtdoherty in #772
• chore: apply namespace pattern for component props (part 8) by @kurtdoherty in #773
• fix: reference to non-existent DrawerProps by @kurtdoherty in #775
• chore: update class names for lab components by @kurtdoherty in #774
• fix: add missing lab entry point to package manifest by @kurtdoherty in #776
• chore: standardise context objects pattern by @kurtdoherty in #777
• fix: storybook build failures by @kurtdoherty in #778

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

@reapit/elements_v5.0.0-beta.50

Notable Changes

• readOnly support added to ChipSelect options.
• Added examples for using ChipSelect with Formik and React Hook Form.

What's Changed

• chore: bump package version by @kurtdoherty in #761
• chore: add links to form integration examples to ChipSelect docs by @kurtdoherty in #762
• feat: add readOnly support to ChipSelect by @kurtdoherty in #763
• chore: update changelog with release date by @kurtdoherty in #764

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

@reapit/elements_v5.0.0-beta.49

Notable Changes

🎉 New things

• New SelectNative now available via @reapit/elements/core/select-native.
• New ChipSelect now available via @reapit/elements/core/chip-select.
• New experimental SelectCustom component now available via @reapit/elements/lab/select-custom.
  • ⚠️ Remember, while experimental components are available for use, they come with all the caveats implied by terms like "experimental" and "unstable". Use in production at your own risk.

🐛 Bug fixes

• AppSwitcher.ProductMenuItem now passes through additional props correctly.

What's Changed

• chore: bump package version by @kurtdoherty in #753
• chore: upgrade Yarn, Storybook, and Vite by @kurtdoherty in #754
• feat: #426 Added new Select Custom element by @DanishAli-Reapit in #732
• feat: add SelectNative by @kurtdoherty in #756
• feat: add ChipSelectChip by @kurtdoherty in #757
• feat: add ChipSelect by @kurtdoherty in #758
• feat: add ChipSelect.determineNextControlledState by @kurtdoherty in #759
• chore: update changelog with release date by @kurtdoherty in #760

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

@reapit/elements_v5.0.0-beta.48

Notable Changes

🎉 New things

• Experimental Radio and RadioGroup have been added to @reapit/elements/lab/...

🐛 Fixes

• Tag now has the correct font colour
• Table atom is now correctly exported from @reapit/elements/core/table

What's Changed

• chore: bump package version by @kurtdoherty in #748
• feat: #733 v5 component refactor Radio and RadioGroup by @DanishAli-Reapit in #736
• chore: add basic AGENTS.md by @kurtdoherty in #749
• chore: tweak Table.Checkbox docs by @kurtdoherty in #750
• fix: Tag text now has the correct colour by @kurtdoherty in #751
• fix: Table now exported correctly by @kurtdoherty in #752

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

@reapit/elements_v5.0.0-beta.47

Notable Changes

🎉 New things

• New Table components are available. These are available via @reapit/elements/core/table and replace the experimental table components in @reapit/elements/core/lab, which will be removed in a future release.
• Added new font prop to Text. This replaces the separate size and weight props, both of which have been deprecated and will be removed in a future release. The new prop brings the ability to inherit the font style from the parent, making it much easier to use Text in order to add truncation behaviour or colour to a span of text.
• Pagination now supports anchor-based controls, as well as the existing button-based controls.
• AppSwitcher now supports MoveMeIn. It is not yet whitelisted for display though.

🐛 Bug fixes

• SplitButton.MenuButton will no longer submit forms.

💔 Breaking changes

• TagGroup and ChipGroup prop interface has been aligned. Specifically, ChipGroup no longer supports overflow: 'scroll' | 'wrap'.
  • Instead, it now supports flow: 'wrap' | 'nowrap' and overflow: 'auto' | 'hidden'.
  • The original overflow="scroll" behaviour no requires flow="nowrap".
  • The original overflow="auto", while overflow="wrap" becomes flow="wrap".
• The currentPage prop on the Pagination component has been renamed to pageNumber. The onPageChange prop has been deprecated and will be removed in a future release.
• CheckboxDisabledIcon and RadioDisabledIcon have been removed.

What's Changed

• chore: bump package version by @kurtdoherty in #712
• chore: align TagGroup and ChipGroup by @kurtdoherty in #713
• fix: SplitButton.MenuButton will no longer submit forms by @kurtdoherty in #714
• feat: Add new TableRowPrimaryAction by @kurtdoherty in #715
• feat: Add new TableCellPrimaryData by @kurtdoherty in #716
• feat: Add new TableCellDoubleLineLayout by @kurtdoherty in #717
• feat: Add new TableBodyCell by @kurtdoherty in #718
• feat: Add new TableBodyRow by @kurtdoherty in #719
• feat: Add new TableBody by @kurtdoherty in #720
• feat: Add new TableRowMoreActions by @kurtdoherty in #721
• chore: fix TS errors in stories by @kurtdoherty in #722
• chore: update TableBodyCell to auto apply scope="row" by @kurtdoherty in #723
• chore: ensure valid DOM in table unit tests by @kurtdoherty in #724
• feat: Add new TableCellSortButton by @kurtdoherty in #725
• feat: Add new TableHeaderCell by @kurtdoherty in #726
• feat: Add new TableHeaderRow by @kurtdoherty in #727
• feat: Add new TableHead by @kurtdoherty in #728
• feat: add font prop to Text by @kurtdoherty in #729
• feat: add Table by @kurtdoherty in #730
• chore: minor updates to Table docs by @kurtdoherty in #731
• chore: refactor Pagination by @kurtdoherty in #734
• fix: Table.HeaderCell renders as a td when it has no cell content by @kurtdoherty in #735
• feat: add Input with support for type='checkbox' by @kurtdoherty in #737
• chore: remove CheckboxDisabledIcon by @kurtdoherty in #738
• fix: InputCheckbox focus outline by @kurtdoherty in #739
• chore: remove RadioDisabledIcon by @kurtdoherty in #740
• feat: add Table.Checkbox by @kurtdoherty in #741
• fix: add missing table component exports by @kurtdoherty in #742
• feat: add Table.Toolbar by @kurtdoherty in #743
• chore: update Text docs by @kurtdoherty in #744
• feat: add support for MMI to AppSwitcher by @kurtdoherty in #745
• chore: update changelog with release date by @kurtdoherty in #746
• chore: update AutoResponder description in AppSwitcher by @kurtdoherty in #747

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

@reapit/elements_v5.0.0-beta.46

Notable Changes

🎉 New things

• Divider added. This replaces the menu-specific ElMenuDivider, though Menu.Divider is still available.
• EmptyData.Action added.
• An experimental SearchInput is now available via @reapit/elements/lab/search-input.
• SupplementaryInfo now supports an inherit colour.

🐛 Bug fixes

• Fixed style regression in DeprecatedNav #679
• Fixed SVG display issue in AppSwitcher #652
• Fixed Accordion issues on Safari #704
• Badge labels will no longer wrap when there's insufficient space.
• StatusIndicator text will no longer wrap when there's insufficient space.
• AppSwitcher now uses correct productId for Lettings BDM product (bdm instead of lettingsBdm).

💔 Breaking changes

• PageHeader no longer accepts children. It never actually handled children, but it's interface accepted it.
• SupplementaryInfo default colour is now inherit rather than primary
• EmptyData.SecondaryDescription removed. It has been replaced by a secondaryText prop on EmptyData.Description
• el-menu-divider and ElMenuDivider removed in favour of the new ElDivider and el-divider.
• The lettingsBdm product ID for the AppSwitcher has been replaced by bdm.

What's Changed

• chore: bump package version by @kurtdoherty in #691
• fix: #679 DeprecatedNav styles regression by @kurtdoherty in #692
• fix: CSS lint issue in FolderTabs by @kurtdoherty in #693
• fix: #652 AppAvatar now uses data URLs by @kurtdoherty in #694
• fix: FolderTabs documentation links by @kurtdoherty in #695
• fix: PageHeader no longer accepts children in its interface by @kurtdoherty in #696
• chore!: refactor EmptyData by @kurtdoherty in #697
• feat: Text supports new overflow='truncate' prop by @kurtdoherty in #699
• fix: Badge label will no longer wrap by @kurtdoherty in #700
• feat!: SupplementaryInfo supports inherit colour by @kurtdoherty in #702
• fix: StatusIndicator text no longer wraps by @kurtdoherty in #703
• feat: #496 Added Search Input v5 element by @DanishAli-Reapit in #698
• fix!: AppSwitcher now using correct Lettings BDM product ID by @kurtdoherty in #705
• chore: SearchInput onSearch prop changed to unstable_onSearch by @kurtdoherty in #707
• fix: #704 Accordion disclosure marker now hidden, custom icon now r… by @kurtdoherty in #708
• chore: update changelog with release date by @kurtdoherty in #706
• chore: update AppSwitcher code snippet by @kurtdoherty in #709
• feat!: Added generic Divider and remove el-menu-divider by @kurtdoherty in #711

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

@reapit/elements_v5.0.0-beta.45

🐛 Bug fixes

• Fixes a regression in TopBar included in beta.44. The secondary nav region now displays at the correct breakpoints.

What's Changed

• chore: bump package version by @kurtdoherty in #689
• fix: TopBar secondary nav regression introduced by #687 by @kurtdoherty in #690

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

@reapit/elements_v5.0.0-beta.44

Notable Changes

🎉 New things

• New FolderTabs component added.

🐛 Bug fixes

• AppSwitcher now supports all standard <button> element attributes. These are forwarded to the trigger button.
• Menu and CSSContainerQuery now place well together. A CSSContainerQuery can now be used to hide/show menu items without impacting their padding.
• The isWidthBelow breakpoint condition helper now correctly matches for widths strictly less than the specified breakpoint's minimum width, rather than match when less than or equal to it.

💔 Breaking changes

• The table components originally available from @reapit/elements/core/table have been moved to @reapit/elements/lab/table. They have also been removed from the root entry point, so are no longer available for import from @reapit/elements.
• The CSSContainerQuery component has been moved from @reapit/elements/core/container-query to @reapit/elements/core/css-container-query so that the import path matches the component name.

What's Changed

• chore: bump package version by @kurtdoherty in #680
• fix: AppSwitcher now supports standard button attributes by @kurtdoherty in #681
• fix: Menu and CSSContainerQuery interop by @kurtdoherty in #682
• chore: use font helper in all core components by @kurtdoherty in #683
• chore: move table components to new lab entry point by @kurtdoherty in #684
• feat: #685 Add FolderTabs by @kurtdoherty in #686
• chore: use new breakpoint helpers in core components by @kurtdoherty in #687
• chore: update changelog with release date by @kurtdoherty in #688

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

@reapit/elements_v5.0.0-beta.43

Notable Changes

🎉 New things

• Added new FilterBar.

🐛 Bug fixes

• Menu now correctly accepts consumer-supplied class names
• Tooltip no longer shows when its trigger is focused programmatically. This prevents the tooltip displaying for triggers that receive focus after the menu they control is closed.

💔 Breaking Changes

• StatusIndicator no longer has a default value for variant. The el-status-indicator-shape class has also been removed.

What's Changed

• chore: bump package version by @kurtdoherty in #672
• chore: update design tokens by @kurtdoherty in #673
• feat: #489 add new FilterBar component by @kurtdoherty in #674
• fix: Menu now handles consumer-supplied className by @kurtdoherty in #675
• chore!: Refactor StatusIndicator by @kurtdoherty in #676
• fix: Tooltip only shows on focus when tabbed to by @kurtdoherty in #677
• chore: update changelog with release date by @kurtdoherty in #678

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