Releases: hashicorp/design-system
@hashicorp/[email protected]
@hashicorp/[email protected]
Major Changes
Flyout - Removed deprecated HdsFlyoutHeader, HdsFlyoutBody, HdsFlyoutDescription, and HdsFlyoutFooter subcomponents.
Modal - Removed deprecated HdsModalHeader, HdsModalBody, and HdsModalFooter subcomponents.
Dropdown - Removed the deprecated @text argument from the HdsDropdownListItemInteractive component.
To migrate, run the codemod v4/dropdown-list-item-interactive (see readme file)
Dropdown - Added assertion to the ToggleIcon to provide improved developer guidance for the hasChevron attribute
Added ember-basic-dropdown as a peer dependency required by ember-power-select. To migrate, if your application uses SuperSelect, make sure to add this dependency.
ApplicationState - Replaced the default opinionated margin: 0 auto; rule from the component's root element with a new @isAutoCentered argument (which defaults to true, to preserve the existing centering behavior). This delegates the horizontal alignment control to the consumers, allowing them to disable it when needed.
Removed support for Ember 3.28. New minimum support target is Ember 4.12.
Removed sass and ember-cli-sass dependencies. Consumers using sass in their projects should make sure it's added as a direct dependency to their project.
AdvancedTable - Removed the @isVisuallyHidden argument from HdsAdvancedTableTh component. This setting is supported via setting isVisuallyHidden in the corresponding @columns item's configuration.
Removed the deprecated MenuPrimitive component
Upgraded ember-a11y-refocus dependency to version 5.0
Upgraded @glimmer/component dependency to version 2.0
Card - Removed the component invocation paths Hds::Card and hds/card. Consumers must update their templates to use <Hds::Card::Container> or {{hds/card/container}}
SideNav - Removed deprecated features
- Removed the
@ariaLabelargument - Removed the
HdsSideNavHeaderIconButtoncomponent - Updated the deprecation removal version from
5.0.0to6.0.0
Icon - Renamed the volume-2 icon to volume-up
Removed support for deprecated ember-flight-icons lazyEmbed config
Patch Changes
SideNav - Fixed the type of @a11yRefocusRouteChangeValidator to match the expected type from ember-a11y-refocus. The new type is (transition: Transition) => boolean instead of string.
AppHeader - Fixed the type of @a11yRefocusRouteChangeValidator to match the expected type from ember-a11y-refocus. The new type is (transition: Transition) => boolean instead of string.
🔄 Updated dependencies:
- @hashicorp/[email protected]
@hashicorp/[email protected]
@hashicorp/[email protected]
Patch Changes
CodeBlock - Fixed a11y issue with its CopyButton by adding copySuccessMessageText parameter to an aria-live region to announce to screen readers when content has been copied
CopyButton - Fixed a11y issue by adding ariaMessageText parameter to an aria-live region to announce to screen readers when content has been copied
FileInput - Added width of 100% to prevent the component from overflowing its container and making it consistent with other Input components
Button - Fixed color inheritance for Buttons within DialogPrimitive based components (such as the Modal and Flyout) when triggered from within the SideNav or AppHeader
SideNav - Fixed color inheritance for Buttons within DialogPrimitive based components (such as the Modal and Flyout) when triggered from within the SideNav
AppHeader - Fixed color inheritance for Buttons within DialogPrimitive based components (such as the Modal and Flyout) when triggered from within the AppHeader
AppFooter - Updated company name in copyright text
SuperSelect - Fixed issue with tabbing to SuperSelectMultiple with search enabled by adding tabindex of "0"
Modal - Refactored the component to not use ember-render-modifiers which fixes issues where the DOM may not be cleaned up when the Modal is closed.
Flyout - Refactored the component to not use ember-render-modifiers which fixes issues where the DOM may not be cleaned up when the Flyout is closed.
SuperSelect - Fixed color style for disabled option items.
🔄 Updated dependencies:
- @hashicorp/[email protected]
@hashicorp/[email protected]
Patch Changes
dropdown-list-item-interactive - Reworked codemod to support usage in complex conditionals, and values with concatenated handlebars values.
@hashicorp/[email protected]
Major Changes
Upgraded Style Dictionary to version 5
- Updated format of the
srcJSON tokens files to use the community standard DTCG format - Updated the tokens pipeline scripts to use the new format
Note: this is only a breaking change for consumers who use the src files to generate their own design tokens. For consumers using the design tokens in their compiled format, directly or via the @hashicorp/design-system-components package, this change will have no impact at all.
@hashicorp/[email protected]
Minor Changes
PopoverPrimitive - Added support for dynamic swap/injection of the toggle element.
AdvancedTable - Added support for column reordering.
- Added
@hasReorderableColumnsargument. When set totrue, enables column reordering. - Added optional
@columnOrderargument for setting the initial order of columns by their keys. - Added optional
@onColumnReorderargument which accepts a callback function that is called when reordering is completed. - Added optional
@reorderedMessageTextwhich overrides the default message text that is rendered in the table caption when a column is reordered.
Patch Changes
Table - Update the model and returned B.data to use generic types, so the type of the data is retained.
KeyValueInputs - Update the data and returned R.rowData to use generic types, so the type of the data is retained.
#3150 - Thanks @aklkv for the contribution! 🙏
🔄 Updated dependencies:
- @hashicorp/[email protected]
@hashicorp/[email protected]
@hashicorp/[email protected]
Patch Changes
Stepper::Nav - Fixed bug with stacking context styles causing step content's z-index to not work as expected
🔄 Updated dependencies:
- @hashicorp/[email protected]