@hashicorp/[email protected]

Major Changes

Upgraded Style Dictionary to version 5

• Updated format of the src JSON 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.

#3138

@hashicorp/[email protected]

4.24.0 documentation

Minor Changes

PopoverPrimitive - Added support for dynamic swap/injection of the toggle element.

#3189

AdvancedTable - Added support for column reordering.

• Added @hasReorderableColumns argument. When set to true, enables column reordering.
• Added optional @columnOrder argument for setting the initial order of columns by their keys.
• Added optional @onColumnReorder argument which accepts a callback function that is called when reordering is completed.
• Added optional @reorderedMessageText which overrides the default message text that is rendered in the table caption when a column is reordered.

#2997

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]

Patch Changes

cloud-ui/email - Fixed CSS helpers for "elevation" styles

#3158

@hashicorp/[email protected]

Patch Changes

Stepper::Nav - Fixed bug with stacking context styles causing step content's z-index to not work as expected

#3176

🔄 Updated dependencies:

• @hashicorp/[email protected]

@hashicorp/[email protected]

Minor Changes

pin-off icon added.

#3120

@hashicorp/[email protected]

4.23.0 documentation

Minor Changes

CodeEditor - Added a cspNonce argument which passes a value of the same name to the hds-code-editor modifier. cspNonce is used to add a nonce value to the style tag

#3132

Time - removed deprecated @task decorator to avoid warnings

#3144 - Thanks @aklkv for the contribution! 🙏

Card - Updated all exported types to use template literals instead of enum values.

IconTile - Updated exported HdsIconTileColors type to use template literals instead of enum values.

#3106

AdvancedTable - Added features and fixed issues for column pinning including:

• Added support for pinning first column in context menu
• Translated template strings in context menu
• Fixed style for scroll indicator when first column is sticky and has a px width

#3104

AdvancedTable - Fixed bug with automatic column resizing and scroll-shadow placement.

#3081

AppHeader - return close callback to the :logo named block so the menu actions can be hidden programmatically when the component is in a mobile view.

#3121

Patch Changes

AdvancedTable - simplified AdvancedTable::Tr type signature so the @selectionKey argument is not incorrectly marked as required.

#3108

PopoverPrimitive - Updated the type of the hidePopover callback to allow an optional event to be passed.

RichTooltip - Updated the type of the close callback to allow an optional event to be passed.

Dropdown - Updated the type of the close callback to allow an optional event to be passed and to make it always returned.

#3118

AppHeader - Fixed classname so that non-active controls in the AppHeader will be styled as disabled when the AppSideNav is expanded and in overlay mode

#3116

Button - Removed CSS declaration for pseudo element in disabled state

Dropdown - Removed CSS declaration for pseudo element in disabled state

FileInput - Removed CSS declaration for pseudo element in disabled state that led to invalid CSS (ignored by browsers)

#3131

🔄 Updated dependencies:

• @hashicorp/[email protected]

@hashicorp/[email protected]

Patch Changes

AdvancedTable - Fixed styles for right and center aligned cells.

#3093

AppFrame - Changed media query styles for frame header and sidebar containers to use level 3 vs level 4 CSS syntax

#3110

@hashicorp/[email protected]

4.22.0 documentation

Minor Changes

Added ember-intl as a dependency

• Added hdsIntl service for translations in HDS components with default fallback values
• Added hds-t helper which uses the hds-intl service to provide translations in HSD templates

AdvancedTable - Translated template strings. Removed extraneous screen-reader-only text.

AppFooter - Translated template strings

AppSideNav - Translated template strings

ApplicationState - Translated template strings

CodeEditor - Translated template strings

DismissButton - Translated template strings

MaskedInput - Translated template strings

SuperSelect - Translated template strings

Pagination - Translated template strings

SideNav - Translated template strings

Table - Translated template strings

Time - Translated template strings

#2878

Reveal - Added support for the aria-describedby attribute on the toggle.

#3084

Patch Changes

AppHeader - Changed the default breakpoint from lg to md.

#3072

Stepper::List - Fixed type for status argument in List::Step to be HdsStepperStatuses instead of enum HdsStepperStatusesValues

#3073

AdvancedTable::Tr - Updated @isSelected argument type from false to boolean

Table::Tr - Updated @isSelected argument type from false to boolean

#3066

CodeEditor - Fixed the type of the CodeEditor signature to indicate that the [CE].Title and [CE].Description have bound arguments.

#3068

@hashicorp/[email protected]

Patch Changes

AdvancedTable - Removed ember-math-helpers dev dependency

#3043

Form::RadioCard - Fixed styling bug where hover styles were visible when disabled

#3000

Make @ember/string a peerDependency to allow consuming apps to choose to use 3.x or 4.x. This unblocks apps that need 4.x for vite compatibility, while retaining 3.x support as well for older apps.

#3028 - Thanks @RobbieTheWagner for the contribution! 🙏

Form::SuperSelect - fix type for the @resultCountMessage argument so it can accept a string or a function.

#3008

AppSideNav::List::Link - Applied transparent background to the element to avoid overlapping with previous item's focus ring

#3032

AdvancedTable - Make the @hasResizableColumns argument optional for the ThSort component.

#3051

PopoverPrimitive - Updated type of the anchoredPositionOptions object in the setUpPrimitivePopover modifier to include arrowSelector from the hds-anchored-position modifier.

#3005

AppSideNav::List::Link - Removed extra transparent border and background when rendered as a <button> element

SideNav::List::Link - Removed extra transparent border when rendered as a <button> element

#3026

Tag - Fixed a performance issue when many tags are present on a page caused by the ResizeObserver

Dependencies - Added tracked-built-ins

#3033 - Thanks @meirish for the contribution! 🙏

AppSideNav::Panel - Fixed issue causing the focus ring of the first and last items within the Panel to be cut off

#3045

AppHeader - return close callback to the :globalActions and :utilityActions named blocks so the menu actions can be hidden programmatically when the component is in a mobile view.

#3031

Layout::Flex - Fixed issue in which gap value was improperly inherited by nested Flex components, added "0" as a supported gap value.

Layout::Grid - Fixed issue in which gap & columnMinWidth values were improperly inherited by nested Grid components, added "0" as a supported gap value.

#2987

@hashicorp/[email protected]

Minor Changes

move-horizontal and resize-column icons added.

#2972