Releases: hashicorp/design-system
@hashicorp/[email protected]
@hashicorp/[email protected]
@hashicorp/[email protected]
Minor Changes
Table
- Updated the visual design of Table
cells by adding borders, making them more distinguishable when spanning rows or columns.
Added global tokens for border radius
CodeEditor
- Added new CodeMirror 6 supported code editor component
hds-code-editor
modifier - Added new code editor modifier which converts the element it is applied to into a CodeMirror 6 code editor
SuperSelect
- Added searchFieldPosition="before-options"
to fix a11y issue in Multiple
component
AdvancedTable
- Added AdvancedTable
component and related sub-components
Add tabbable
as a dependency.
Patch Changes
Upgraded the following dependencies:
@ember/render-modifiers
from2.0.5
to2.1.0
@ember/addon-shim
from1.8.7
to1.9.0
clipboard-polyfill
from4.1.0
to4.1.1
decorator-transforms
from1.1.0
to1.2.1
ember-a11y-refocus
from4.1.3
to4.1.4
ember-element-helper
from0.8.5
to0.8.6
ember-focus-trap
from1.1.0
to1.1.1
ember-modifier
from4.1.0
to4.2.0
ember-power-select
from8.2.0
to8.6.2
sass
from1.69.5
to1.83.0
Table
- Fixed the aria-labels
for select row and select all checkboxes so they do not change based on the state of the checkbox.
Breadcrumb
- Implemented aria-controls
in Breadcrumb::Truncation
for a11y improvements with toggled content from PopoverPrimitive
Dropdown
- Implemented aria-controls
in Dropdown::Toggle::Button
for a11y improvements with toggled content from PopoverPrimitive
PopoverPrimitive
- Implemented aria-controls
in toggle element for a11y improvements with toggled content
RichTooltip
- Removed explicitly setting aria-controls
in RichTooltip::Toggle
as it is now set through the PopoverPrimitive
Tabs
- Implement aria-controls
in tab for a11y improvements with toggled content
Shifted our supported version of Node.js from 16* || >= 18
to >=18
Dropdown
- Fixed z-index
bug which caused the focus ring of the toggle icon to not be visible when the component was nested in a container.
🔄 Updated dependencies:
- @hashicorp/[email protected]
- @hashicorp/[email protected]
@hashicorp/[email protected]
@hashicorp/[email protected]
@hashicorp/[email protected]
@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-position
hds-register-event
hds-tooltip
Aligned private class properties to follow a standardized notation
Accordion
Alert
AppHeader
AppSideNav
CodeBlock
Copy::Button
Copy::Snippet
DisclosurePrimitive
Dropdown
Flyout
Form::SuperSelect
Form::TextInput
Icon
Modal
Pagination::Compact
Pagination::Numbered
PopoverPrimitive
Reveal
Table
Tabs
🔄 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::Title
to h3 & added visually hidden h2 to AppSideNav - Replaced aria-label for
ToggleButton
with aria-labelledby and aria-expanded
Fixed instances where arguments are passed into tracked properties at declaration:
MaskedInput
TextInput
Pagination::Compact
Pagination::Numbered
SideNav
Table
Table::ThSelectable
Tabs
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
Description
andBody
subcomponents, caused by not passing theargs
argument from the constructor tosuper
Hds::Modal
- Fixed error in
Body
subcomponent, caused by not passing theargs
argument 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"