Releases: hashicorp/design-system
@hashicorp/[email protected]
Minor Changes
Time - Added Time component, Time service, and related libraries including:
- luxon (2.x or 3.x)
- ember-concurrency (4.x)
Table - Exposed the index of the @each loop over the @model as rowIndex
Patch Changes
Dropdown - Fixed an issue with the ToggleIcon to make the focus ring visible on mouse click
PageHeader - Fixed issue with extra space below title when no metadata is present
Alert - Removed default color applied to the hds-alert__text container (text color is applied via @color argument)
Dropdown, RichTooltip - Fixed ResizeObserver-related errors in tests
Upgraded @floating-ui/dom to 1.6.12
Fixed deprecated Sass syntax (map-get replaced with map.get and @import with @use)
IconTile - Updated visual design of IconTile to make it distinguishable from secondary IconButton.
Aligned private properties of the HDS modifiers to follow a standardized notation
hds-anchored-positionhds-register-eventhds-tooltip
Aligned private class properties to follow a standardized notation
AccordionAlertAppHeaderAppSideNavCodeBlockCopy::ButtonCopy::SnippetDisclosurePrimitiveDropdownFlyoutForm::SuperSelectForm::TextInputIconModalPagination::CompactPagination::NumberedPopoverPrimitiveRevealTableTabs
🔄 Updated dependencies:
- @hashicorp/[email protected]
- @hashicorp/[email protected]
@hashicorp/[email protected]
Minor Changes
Update v4/dropdown-list-item-interactive codemod to successfully parse nested content blocks such as conditionals
@hashicorp/[email protected]
Minor Changes
Dropdown - Added @matchToggleWidth argument
hds-clipboard - Added clipboard-polyfill to support product usage in non-secure environments; this impacts Copy::Button, Copy::Snippet, CodeBlock, and MaskedInput
Patch Changes
SideNav - Made a11y related improvements including:
- Changed
List::Titleto h3 & added visually hidden h2 to AppSideNav - Replaced aria-label for
ToggleButtonwith aria-labelledby and aria-expanded
Fixed instances where arguments are passed into tracked properties at declaration:
MaskedInputTextInputPagination::CompactPagination::NumberedSideNavTableTable::ThSelectableTabs
SideNav - Fixed bug with hidden panels sometimes causing unnecessary overflow scrolling
Dropdown - Fixed the height of the chevron in ToggleButton
@hashicorp/[email protected]
Patch Changes
Hds::Flyout
- Fixed error in
DescriptionandBodysubcomponents, caused by not passing theargsargument from the constructor tosuper
Hds::Modal
- Fixed error in
Bodysubcomponent, caused by not passing theargsargument from the constructor tosuper
Export TypeScript signatures for all components and modifiers
#2499 - Thanks @aklkv for the contribution! 🙏
Alert - Removed role="alert" and aria-live="polite" attributes from Alerts with color set to "neutral" or "highlight"
@hashicorp/[email protected]
@hashicorp/[email protected]
Minor Changes
Modal - Added returnFocusTo argument to control where the browser focus is returned once the modal is closed
Flyout - Added returnFocusTo argument to control where the browser focus is returned once the flyout is closed
CodeBlock - Added lineNumberStart option to set custom starting number for line numbering
SuperSelect::Multiple - Added @resultCountMessage argument to enable override
Patch Changes
Dropdown
- Fixed content being preserved in the DOM when closed
- Removed the
isOpenyielded argument - Added
@preserveContentInDomto optionally control rendering of the content
Modal - Fixed isDismissDisabled functionality
Flyout - Removed isDismissDisabled from signature (not an actual argument)
SuperSelect - Update the the default state of selected list items to Foreground / Primary to match other list items and the Dropdown.
SuperSelect::Multiple - Fixed placeholder style and layout
Dropdown - Update the color of the text and icons in the selected state checkmark list item to match the styling of the ListItems (Radio and Checkbox).
CodeBlock - Decoupled the display of line numbers from highlightLines
Dropdown - Fixed dropdown content not being preserved when interacted with
Upgraded ember-style-modifier to 4.4.0
🔄 Updated dependencies:
- @hashicorp/[email protected]
@hashicorp/[email protected]
Minor Changes
Dropdown - Made the isOpen state available in the yielded block
Patch Changes
IconTile - Fixed @color argument type signature
Interactive - Aligned types with LinkTo
DialogPrimitive - Fixed issue with box-sizing inheritance
Modal/Flyout - Updated box-sizing inheritance via DialogPrimitive fix
Upgraded eslint-plugin-ember to 12.2.0
AppFooter, AppFrame, SideNav - refactored subcomponents to use TemplateOnlyComponent instead of empty classes.
RadioCard
- Fixed selected border colors to match Figma and interactive states.
- Updated icon, label, and description colors to use
disabled-foregroundwhen
theRadioCardis disabled.
MaskedInput - Changed textarea scrollbar-width to "thin" to reduce overlap with toggle button.
CodeBlock - Changed textarea scrollbar-width to "thin" to reduce overlap with copy button.
Removed ember-keyboard dependency
Tabs - Fixed signatures for subcomponents
Table - Fixed signatures for subcomponents
BadgeCount - updated the type of the text argument to allow numbers
TooltipButton - made the default value for the placement argument 'top' and fixed the type definition
TooltipButton - made the extraTippyOptions argument optional and allowed to be a partial object
DialogPrimitive - added a guard so the yielded close function is always defined'
Hds::SideNav - Fixed a couple of bugs where SideNav would remain inert when no longer minimized (or would not be inert when minimized)
#2431 - Thanks @DingoEatingFuzz for the contribution! 🙏
Button - aligned type names to convention
Fixed issue with icon sprite not initiated
@hashicorp/[email protected]
@hashicorp/[email protected]
Minor Changes
Hds::Table
- Added
@selectableColumnKeyargument which enables sorting by row selection state and specifies the corresponding selection state key.
Hds::Table::Tr
- Added
@selectableColumnKeyargument which enables sorting by row selection state and specifies the corresponding selection state key. - Added
@sortBySelectedOrderargument which determines the state of the sort button in the selected item column. - Added
@onClickSortBySelectedargument which is the callback for the sort button in the selected item column.
Hds::Table::ThSelectable
- Added
@onClickSortBySelectedargument which is the callback for the sort button in the selected item column. - Added
@sortBySelectedOrderargument which determines the state of the sort button in the selected item column.
Patch Changes
SideNav: remove usage of Ember.testing because it is deprecated.
CopyButton - Updated icon colors to match interactive states of the component.
CopySnippet - Prevent the color from adhering to interactive states when
status is success or error.
Stepper - Updated to use semantic token over palette token in
Stepper::Indicator::Step.
Dropdown, RadioCard, SuperSelect, Stepper, Table - Fixed optional arguments in signatures
Dropdown::Toggle::Chevron - fix subcomponent signature
hds-clipboard modifier - extend error when copy action fails
Hds::Pagination::Compact & Hds::Pagination::Numbered
- Added assertion and more strict typing to ensure that a routing argument (
@model,@models, or@route) are present when using@onPageChangeto control routing.
🔄 Updated dependencies:
- @hashicorp/[email protected]