@hashicorp/[email protected]

4.14.0 documentation

Minor Changes

Dropdown - Added @matchToggleWidth argument

#2530

hds-clipboard - Added clipboard-polyfill to support product usage in non-secure environments; this impacts Copy::Button, Copy::Snippet, CodeBlock, and MaskedInput

#2525

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

#2536

Fixed instances where arguments are passed into tracked properties at declaration:

• MaskedInput
• TextInput
• Pagination::Compact
• Pagination::Numbered
• SideNav
• Table
• Table::ThSelectable
• Tabs

#2488

SideNav - Fixed bug with hidden panels sometimes causing unnecessary overflow scrolling

#2535

Dropdown - Fixed the height of the chevron in ToggleButton

#2522

@hashicorp/[email protected]

Patch Changes

Hds::Flyout

• Fixed error in Description and Body subcomponents, caused by not passing the args argument from the constructor to super

Hds::Modal

• Fixed error in Body subcomponent, caused by not passing the args argument from the constructor to super

#2511

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"

#2500

@hashicorp/[email protected]

Minor Changes

Confluent icon added

#2505

Updated okta and okta-color to reflect updated branding.

#2489

@hashicorp/[email protected]

4.13.0 documentation

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

#2497

CodeBlock - Added lineNumberStart option to set custom starting number for line numbering

#2467

SuperSelect::Multiple - Added @resultCountMessage argument to enable override

#2502

Patch Changes

Dropdown

• Fixed content being preserved in the DOM when closed
• Removed the isOpen yielded argument
• Added @preserveContentInDom to optionally control rendering of the content

#2490

Modal - Fixed isDismissDisabled functionality
Flyout - Removed isDismissDisabled from signature (not an actual argument)

#2485

SuperSelect - Update the the default state of selected list items to Foreground / Primary to match other list items and the Dropdown.

#2479

SuperSelect::Multiple - Fixed placeholder style and layout

#2473

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).

#2464

CodeBlock - Decoupled the display of line numbers from highlightLines

#2474

Dropdown - Fixed dropdown content not being preserved when interacted with

#2506

Upgraded ember-style-modifier to 4.4.0

#2482

🔄 Updated dependencies:

• @hashicorp/[email protected]

@hashicorp/[email protected]

4.12.0 documentation

Minor Changes

Dropdown - Made the isOpen state available in the yielded block

#2443

Patch Changes

IconTile - Fixed @color argument type signature

#2452

Interactive - Aligned types with LinkTo

#2455

DialogPrimitive - Fixed issue with box-sizing inheritance

Modal/Flyout - Updated box-sizing inheritance via DialogPrimitive fix

#2442

Upgraded eslint-plugin-ember to 12.2.0

AppFooter, AppFrame, SideNav - refactored subcomponents to use TemplateOnlyComponent instead of empty classes.

#2427

RadioCard

• Fixed selected border colors to match Figma and interactive states.
• Updated icon, label, and description colors to use disabled-foreground when
  the RadioCard is disabled.

#2445

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.

#2444

Removed ember-keyboard dependency

#2460

Tabs - Fixed signatures for subcomponents

#2448

Table - Fixed signatures for subcomponents

#2449

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

#2447

DialogPrimitive - added a guard so the yielded close function is always defined'

#2453

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

#2457

Fixed issue with icon sprite not initiated

#2433 - Thanks @aklkv for the contribution! 🙏

@hashicorp/[email protected]

Minor Changes

bucket icon added.

#2424

@hashicorp/[email protected]

4.11.0 documentation

Minor Changes

Hds::Table

• Added @selectableColumnKey argument which enables sorting by row selection state and specifies the corresponding selection state key.

Hds::Table::Tr

• Added @selectableColumnKey argument which enables sorting by row selection state and specifies the corresponding selection state key.
• Added @sortBySelectedOrder argument which determines the state of the sort button in the selected item column.
• Added @onClickSortBySelected argument which is the callback for the sort button in the selected item column.

Hds::Table::ThSelectable

• Added @onClickSortBySelected argument which is the callback for the sort button in the selected item column.
• Added @sortBySelectedOrder argument which determines the state of the sort button in the selected item column.

#2387

Patch Changes

SideNav: remove usage of Ember.testing because it is deprecated.

#2403

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.

#2419

Dropdown, RadioCard, SuperSelect, Stepper, Table - Fixed optional arguments in signatures

#2421

Dropdown::Toggle::Chevron - fix subcomponent signature

hds-clipboard modifier - extend error when copy action fails

#2418

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 @onPageChange to control routing.

#2400

🔄 Updated dependencies:

• @hashicorp/[email protected]

@hashicorp/[email protected]

Patch Changes

Updated design tokens for Vagrant primary gradient to match Figma.

#2366

@hashicorp/[email protected]

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/[email protected]

@hashicorp/[email protected]

Minor Changes

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