Skip to content

@hashicorp/design-system-components@4.10.0
Compare
Choose a tag to compare
@hashibot-hds hashibot-hds released this 11 Sep 17:34
· 289 commits to main since this release
@hashicorp/design-system-components@4.10.0
653036f
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.

4.10.0 documentation

Minor Changes

SuperSelect - Converted components to TypeScript

#2356

SideNav - Added a default value of "#hds-main" for a11yRefocusSkipTo
AppHeader - Changed default value of a11yRefocusSkipTo from "#main" to "#hds-main"
AppFrame::Main - Added id with default value of "hds-main" which a11yRefocusSkipTo points to

#2399

simplify components reexports and add types reexports

  • update HdsCard reexport to reflect correct component name HdsCardContainer

#2320 - Thanks @aklkv for the contribution! 🙏

AppHeader:

  • Hide the closed menu content in mobile view using CSS instead of conditionally rendering/not rendering the menu content.
  • Add NavigationNarrator with associated arguments to provide a "skip link".

#2306

Accordion: Added @titleTag argument

Alert: Added @tag argument to [A].Title

ApplicationState: Updated the @titleTag argument to only accept "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6"

CodeBlock: Added @tag argument to [CB].Title

DialogPrimitive: Added @titleTag argument to DialogPrimitive::Header

#2353

Hds::Pagination - Converted component to Typescript

#2174

Hds::SideNav::Header::IconButton - Deprecate the component. Use the Hds::Button component with isIconOnly set to true as a replacement.

#2354

Dropdown::ListItem::Interactive

  • Adds a yielded block.
  • Yields the Hds::Badge component.
  • Deprecates the @text argument.

New codemod: v4/dropdown-list-item-interactive

  • Converts Dropdown::ListItem::Interactive @text arguments to content within a yielded block.

#2347

Flyout: Changed the HTML element wrapping the tagline and title from a <div> to a <h1>

Modal: Changed the HTML element wrapping the tagline and title from a <div> to a <h1>

#2358

Dropdown - added @enableCollisionDetection and @isOpen arguments

Dropdown, Breadcrumb::Truncation - replaced MenuPrimitive with PopoverPrimitive

MenuPrimitive - marked as deprecated and will be removed in the next major version

#2309

AppFrame:

  • Modified sticky/fixed position to turn off when viewport height is under 480px in height
  • Refactored styles to make AppFrame responsible for sticky/fixed layout of SideNav and AppHeader

AppHeader:

  • Styled inoperable actions as disabled (which occurs when the SideNav is expanded in mobile view)

SideNav:

  • Removed the withAppHeader option as it is no longer needed.

#2299

Table - Converted component and sub-components to TypeScript

#2297

Patch Changes

DismissButton, RadioCard::Group, RichTooltip::Toggle - Type safety fixes

#2401

SideNav & AppHeader - Fixed styling issue to prevent Button and Dropdown nested within another Dropdown from inheriting dark theme.

#2359

AppHeader - Fixed issue with mobile menu to prevent tabbing to hidden content and hiding it from assistive technology when closed.

#2351

Breadcrumb: fix background hover color for Breadcrumb::Truncation

#2397

Update ember-a11y-refocus to 4.1.3

#2352

Accordion: changed the default name of the Accordion item toggles. Now, they are labelled by the content in the Accordion title.

#2383

BadgeCount: updated the color tokens to use palette tokens.

#2392

Badge: update the color tokens to use palette tokens.

#2393

Stepper::Indicator::Task: Updated palette tokens to use semantic tokens.

#2390

Migrated all internal instances of FlightIcon to Hds::Icon

#2339

🔄 Updated dependencies:

  • @hashicorp/design-system-tokens@2.2.1
Assets 2
Loading