Releases · hashicorp/design-system

15 Oct 16:50

hashibot-hds

@hashicorp/[email protected]

d2a2c5a

@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]

Assets 2

26 Sep 18:14

hashibot-hds

@hashicorp/[email protected]

312af43

@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! 🙏

Assets 2

18 Sep 20:29

hashibot-hds

@hashicorp/[email protected]

9f73cc4

@hashicorp/[email protected]

Minor Changes

bucket icon added.

#2424

Assets 2

18 Sep 20:29

hashibot-hds

@hashicorp/[email protected]

9f73cc4

@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]

Assets 2

11 Sep 17:34

hashibot-hds

@hashicorp/[email protected]

653036f

@hashicorp/[email protected]

Patch Changes

Updated design tokens for Vagrant primary gradient to match Figma.

#2366

Assets 2

11 Sep 17:34

hashibot-hds

@hashicorp/[email protected]

653036f

@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: