@hashicorp/flight-icons@5.1.0

Minor Changes

Added icons delay and user-minus
Added Carbon icon references to contributed icons

#3995

Added incomplete-normal, circle-dash, and error-filled icons.

#4002

@hashicorp/design-system-components@6.5.0

6.5.0 documentation

Minor Changes

SegmentedGroup - Added SuperSelect and SuperSelectMultiple as yielded contextual components.

SegmentedGroup - Added isFullWidth and maxWidth arguments.

#4008

AdvancedTable - Updated the resize column behavior to support cascading resizes while guaranteeing that columns will never inadvertently shrink below the size of their container.

#4020

Table - Added .hds-table__tr--is-selected class to table rows when they are selected.

AdvancedTable - Added .hds-advanced-table__tr--is-selected class to table rows when they are selected.

#4021

Patch Changes

FilterBar - Added support for ActionsGeneric wrapping to new line

#4034

AdvancedTable - Fixed bug where the bottom scroll indicator was always present if reordering was enabled.

#4042

AdvancedTable - Fixed issue where keyboard order did not match visual order after sorting the table.

#4044

StepperNav - Added screen reader text for step number

StepperList - Added screen reader text for step number

#3993

AdvancedTable - Fixed an issue where clicking a cell scrolled the page to center that cell

#4017

AdvancedTable - Updated reorder handle to not be visible on resize handle hover / focus

AdvancedTable - FIxed a bug where tooltips in the table header would be cut off behind the empty state message.

#4038

🔄 Updated dependencies:

• @hashicorp/flight-icons@5.1.0

@hashicorp/design-system-components@6.4.0

6.4.0 documentation

Minor Changes

FilterBar - Added a searchAriaLabel feature to expose the value of the search input aria-label, allowing the value to be customized

#3980

@hashicorp/design-system-tokens@5.1.0

Minor Changes

Added design token for color-transform.direction for CSS lightness transformation.

• Added more specialized component tokens for Form/Primitives base elements (color and typography)
• Added component tokens for Badge and BadgeCount components
• Added component tokens for IconTile component

#3948

@hashicorp/design-system-components@6.3.0

6.3.0 documentation

Minor Changes

AppFooter - Exported THEMES constant.

#3946

Alert - Deprecated the Generic yielded block which renders below actions and added GenericContent and GenericFooter yielded blocks for including custom content either above or below Alert actions.

#3932

Patch Changes

StepperList - Fixed description and content contextual blocks to be hidden if conditionally empty

#3899

Toggle - Added the aria-checked attribute to the input for accessibility. It is synced with the checked attribute.

#3918

Pagination - Added keyboard focus management at the beginning and end of pagination. When an arrow button becomes disabled after clicking because a boundary has been reached, focus moves to the opposite arrow button.

#3917

Modal - Fixed issue causing Modal to close unexpectedly by checking that a click on the Overlay both starts and ends within the Overlay before closing

#3923

SegmentedGroup - Fixed border radius styling issue of icon-only Dropdowns when used within SegmentedGroup

#3945

Flyout - Replaced custom box shadow with standard elevation-overlay-box-shadow token.

Form Primitives - Replaced rendering of text via HDS Text component and used standard HTML tags, then updated CSS styles to use newly added component-level design tokens.

Components updated:

• FormCharacterCount
• FormError
• FormHelperText
• FormIndicator
• FormLabel
• FormLegend

IconTile - Replaced [product]-colored icon with standard [product] icon in @logo="[product]" variant.

LinkStandalone - Set explicit secondary hover state color to avoid possible overrides.

Pagination - Multiple changes:

• Added extra modifier classes hds-pagination--numbered/hds-pagination—compact to variants.
• Removed extra whitespace in label for PaginationSizeSelector.

Tag - Multiple changes:

• Added extra modifier classes hds-tag--is-interactive/hds-tag--is-static to variants.
• Fixed classes selectors for focus state (no visible changes).

#3947

🔄 Updated dependencies:

• @hashicorp/design-system-tokens@5.1.0

@hashicorp/design-system-components@6.2.1

6.2.1 documentation

Patch Changes

Dropdown - Fixed vertical alignment between text and Badge in DropdownListItemInteractive

#3889

CodeBlock - Translated strings for height toggle button text

#3895

CopySnippet - Fixed a11y issue by adding @ariaMessageText argument to an aria-live region to announce to screen readers when content has been copied. Added handling for copy to clipboard error state in ariaMessageText

CopyButton - Added handling for copy to clipboard error state in ariaMessageText

#3890

Stepper::Nav - Refactored classes for step to removed unneeded interactive classes

#3885

HdsAppFooter - Switched usage of inline styles with ember-style-modifier.

HdsBreadcrumbItem - Switched usage of inline styles with ember-style-modifier.

HdsClipboard Modifier - Switched usage of setAttribute for setProperty when updating a style value.

#3856 - Thanks @kgriffcodes for the contribution! 🙏

@hashicorp/design-system-components@6.2.0

6.2.0 documentation

Minor Changes

AdvancedTable - Replaced custom keyboard navigation modifiers with the Composite utility component.

#3818

AdvancedTable - Added support for allowing a pinnable first column and reorderable columns at the same time.

#3707

AdvancedTable - Added generic types for @model values.

#3699

Composite - Added a new utility component that enables accessible arrow-key keyboard navigation for complex components, such as Tabs and AdvancedTable.

#3649

Patch Changes

CopySnippet - Translated aria-label string for button.

#3816

AdvancedTable - Fixed typing for sticky first-column cells by exposing isStickyColumn in the yielded table-cell API and by passing an explicit parentId value when rendering row header cells.

Form::Indicator - Fixed invocation of HdsTextBody to use named arguments, which prevented incorrect argument forwarding.

Form::MaskedInput - Fixed element typing to match the underlying control element (input or textarea) instead of a generic HTMLElement.

Form::Textarea - Fixed element typing to HTMLTextAreaElement for stricter and more accurate Glint checks.

Table::ThSort - Fixed element typing to HTMLTableCellElement to reflect the actual rendered table-cell element.

#3810 - Thanks @aklkv for the contribution! 🙏

AdvancedTable - Converted component to gts format.

#3797

Tag - Fixed a runtime error when ResizeObserver is undefined (e.g. SSR).

#3839

CopySnippet - Translated aria-label string for button.

#3816

KeyValueInputs - Translated strings for DeleteRowButton and Field screen reader text.

#3823

@hashicorp/flight-icons@5.0.0

Major Changes

"Carbonized" all the assets, by adding two glyphs under the same icon (one for the "classic" HDS Flight icon, one for the IBM Carbon icon; in Figma they're controlled by isHDS/isCDS variables, while in code they are handled by the HdsIcon component). This change has updated the internal SVG code for every icon (hence the "major" version change), but visually everything should remain the same.

#3692

Minor Changes

workspace icon added

#3689

Added additional build and sync scripts which generate loader modules and types to support the transition from Flight to Carbon icons systems.

#3709

Patch Changes

Re-generated all the assets due to an upgrade of the svgo optimization library. This change has updated the internal SVG code for every icon, due to a different optimization algorithm, but visually everything should remain the same.

#3720

@hashicorp/design-system-tokens@5.0.0

Major Changes

Removed devdot (developer.hashicorp.com/) and marketing (www.hashicorp.com) as targets for the tokens pipeline

#3772

@hashicorp/design-system-components@6.1.1

6.1.1 documentation

Patch Changes

KeyValueInputs - Translated strings for the KeyValueInputs AddRowButton ariaLabel and description text.

#3681

Checkbox - Fixed CheckboxField signature element to be HTMLInputElement instead of HTMLElement.

FileInput - Fixed FileInputField signature element to be HTMLInputElement instead of HTMLElement.

Radio - Fixed RadioField signature element to be HTMLInputElement instead of HTMLElement.

Select - Fixed SelectField signature element to be HTMLInputElement instead of HTMLElement.

TextInput - Fixed TextInputField signature element to be HTMLInputElement instead of HTMLElement.

Textarea - Fixed TextareaField signature element to be HTMLInputElement instead of HTMLElement.

Toggle - Fixed ToggleField signature element to be HTMLInputElement instead of HTMLElement.

#3700

AdvancedTable - Replaced model-based state with a DDAU architecture, improving isolation and decoupling row/column logic.

#3546

Pagination - Translated strings for PaginationCompact and PaginationNumbered ariaLabels. Translated strings for PaginationNavArrow ariaLabels and button text.

#3781

Table - Converted component to gts format.

#3607

StepperList - Translated strings for Step status value types

StepperNav - Translated strings for status value types

#3727

AppFooter - Translated strings for AppFooterStatusLink status value types

#3729

AdvancedTable - Translated strings for ThSelectable ariaLabel and context menu Dropdown ToggleIcon

Table - Translated string for ThSelectable ariaLabel

#3730

🔄 Updated dependencies:

• @hashicorp/flight-icons@5.0.0
• @hashicorp/design-system-tokens@5.0.0