@hashicorp/flight-icons@4.2.1

Patch Changes

Fixed naming for ping-identity icon (there was a space after the name)

#3623

@hashicorp/design-system-tokens@4.0.1

Patch Changes

Updated CSS helpers for font-weight property to use aliases to HDS tokens instead of direct values

#3562

@hashicorp/design-system-components@6.1.0

6.1.0 documentation

Minor Changes

FilterBar - Added support for an array of values for the generic filter type data

FilterBar - Added @onClear argument to FilterGroup contextual component

#3591

PopoverPrimitive - Added @onFocusOut argument to manage focus for dynamic popover content and prevent the popover from closing when content changes

Dropdown - Added @onFocusOut argument to manage focus for dynamic dropdown content and prevent the dropdown from closing when content changes

FilterBar - Added @onFocusOut argument to the FiltersDropdown to help manage focus for dynamic dropdown content and prevent the dropdown from closing when content changes

RichTooltip - Added @onFocusOut argument to manage focus for dynamic tooltip content and prevent the tooltip from closing when content changes

#3571

Patch Changes

AppHeader - Converted component to gts format.

#3580

Checkbox - Converted component to gts format.

#3585

ApplicationState - Converted component to gts format.

#3605

RadioCard - Converted component to gts format.

#3597

FormLayout - Converted components to gts format.

#3614

CodeEditor - Converted component to gts format.

#3646

AppFooter - Removed usage of hdsLinkToModels and hdsLinkToQuery helpers, instead forward the arguments to HdsLinkInline.

AppHeader - Removed usage of hdsLinkToModels and hdsLinkToQuery helpers, instead forward the arguments to HdsInteractive.

Button - Removed usage of hdsLinkToModels and hdsLinkToQuery helpers, instead forward the arguments to HdsInteractive.

LinkInline - Removed usage of hdsLinkToModels and hdsLinkToQuery helpers, instead forward the arguments to HdsInteractive.

LinkStandalone - Removed usage of hdsLinkToModels and hdsLinkToQuery helpers, instead forward the arguments to HdsInteractive.

Tag - Removed usage of hdsLinkToModels and hdsLinkToQuery helpers, instead forward the arguments to HdsInteractive.

#3621

Flex - Converted component to gts format.

#3625

AppFrame - Converted component to gts format.

#3581

KeyValueInputs - Converted component to gts format.

#3619

PopoverPrimitive - Converted component to gts format.

#3600

Tabs - Converted component to gts format.

#3635

FormCharacterCount - Converted component to gts format.
FormError - Converted component to gts format.
FormField - Converted component to gts format.
FormFieldset - Converted component to gts format.
FormHelperText - Converted component to gts format.
FormIndicator - Converted component to gts format.
FormLabel - Converted component to gts format.
FormLegend - Converted component to gts format.
FormVisibilityToggle - Converted component to gts format.

#3554

Accordion - Converted component to gts format.

#3567

Toggle - Converted component to gts format.

#3593

Stepper::List - Converted component to gts format.

Stepper::Nav - Converted component to gts format.

Stepper::Indicator - Converted component to gts format.

#3636

Modal - Converted the component to gts format.

#3573

CodeBlock - Converted component to gts format.

#3640

CopyButton - Converted component to gts format.

CopySnippet - Converted component to gts format.

#3589

Flyout - Converted component to gts format.

#3574

FileInput - Converted component to gts format.

#3586

AppSideNav - Converted component to gts format.

#3639

DisclosurePrimitive - Converted component to gts format.

#3542

Reveal - Converted component to gts format.

#3577

Pagination - Converted component to gts format.

#3628

PageHeader - Converted component to gts format.

#3627

Radio - Converted component to gts format.

#3582

IconTile - Converted component to gts format.

#3578

Breadcrumb - Converted component to gts format.

#3620

Tooltip - Fixed issue where showing the Tooltip caused page layout shift by reducing the width of the Tooltip container from 100% to the Tooltip max width of 280px.

#3651

Dropdown - Converted component to gts format.

#3606

MaskedInput - Converted component to gts format.

#3615

SuperSelect - Converted component to gts format.

[#3617](https://github.com/hashico...

@hashicorp/flight-icons@4.2.0

Minor Changes

Add cloudability and cloudability-color service icons.

#3530

@hashicorp/design-system-tokens@4.0.0

Major Changes

Removed tokens previously used by the HdsSideNav component. Component was removed in the 6.0.0 release of the components package.

#3541

@hashicorp/design-system-components@6.0.0

6.0.0 documentation

Major Changes

Removed ember-engines as a peer dependency, and added the hds-link-to-external utility. If your application uses Ember engines, it is now necessary to add a configuration to the app.js file.

import LinkToExternal from "ember-engines/components/link-to-external";
import { setLinkToExternal } from "@hashicorp/design-system-components/utils/hds-link-to-external";

setLinkToExternal(LinkToExternalComponent);

#3429 - Thanks @meirish for the contribution! 🙏

SideNav - removed the component.

#3541

Minor Changes

Breadcrumb - Added @href argument to Breadcrumb::Item.

Interactive - Refactored the component to use the hds-link-to-external utility. If your application uses Ember engines, it is now necessary to add a configuration to the app.js file.

import LinkToExternal from "ember-engines/components/link-to-external";
import { setLinkToExternal } from "@hashicorp/design-system-components/utils/hds-link-to-external";

setLinkToExternal(LinkToExternalComponent);

#3429 - Thanks @meirish for the contribution! 🙏

LayoutGridItem - Added responsive options to the @colspan and @rowspan arguments. Supported views include: "sm", "md", "lg", "xl", and "xxl".`

#3438

FilterBar - Added FilterBar component and related sub-components

AdvancedTable - Added support for filtering within the table with new actions named block and FilterBar contextual component

AdvancedTable - Added a named block emptyState and support for displaying content in the table when the model length is 0

#3386

LayoutGrid - Added responsive column width options to the @columnWidth argument. Supported views include: "sm", "md", "lg", "xl", and "xxl".

#3438

Text - Converted component and all sub-components to gts

#3478

Added the @codemirror/autocomplete to the re-exported CodeMirror packages.

#3552

Badge - Converted component to .gts format

#3445

Updated ember-intl to version 8.0.0 and changed the peer dependency requirement from ^7.3.0 to ^8.0.0 || ^7.3.0"

#3460

SuperSelect - Updated ember-power-select library to 8.12.0 and replaced usage of PowerSelectMultiple to PowerSelect with @multiple set to true

#3345 - Thanks @RobbieTheWagner for the contribution! 🙏

Patch Changes

TooltipButton - Converted component to gts format

#3488

ButtonSet - Converted ButtonSet to gts

#3492

Alert - converted component and subcomponents to gts format.

#3524

AdvancedTable - Updated HdsIntlService service declarations to align how services are declared

AppSideNav - Updated router service declaration to align how services are declared

CodeEditor - Updated HdsIntlService service declaration in CodeEditor modifier to align how services are declared

CopyButton - Updated HdsIntlService service declaration to align how services are declared

DismissButton - Updated HdsIntlService service declaration to align how services are declared

MaskedInput - Updated HdsIntlService service declaration to align how services are declared

Pagination - Updated HdsIntlService service declaration for PaginationInfo to align how services are declared

Table - Updated HdsIntlService service declarations to align how services are declared

#3484

Table - Fixed a bug in the cleanup logic of selectable rows where data updates caused the internal selection state to be incorrectly reset.

#3480

BadgeCount - Converted component to gts format

#3477

LinkInline - converted component to gts format.

LinkStandalone - converted component to gts format.

#3517

DismissButton - Converted component to gts format

#3476

Separator - Converted component to gts

#3490

Button - converted component to gts format.

#3518

Interactive - Converted component to gts format.

#3514

AppHeader - Fixed issue with disabled styles for nested elements in AppHeader not applying to non-HDS components when AppSideNav is open in mobile view

#3467

AppSideNav - Fixed an a11y issue by preventing a screenreader from reading content outside the menu when expanded on narrow devices.

#3470

Yield - Converted component to gts format

#3475

SegmentedGroup - Converted component to gts format

#3491

CodeEditor - Normalized error messages into readable strings

#3528

🔄 Updated dependencies:

• @hashicorp/flight-icons@4.2.0
• @hashicorp/design-system-tokens@4.0.0

@hashicorp/flight-icons@4.1.1

Patch Changes

Added "aap" to Ansible icon keywords for easier search.

#3430

@hashicorp/design-system-components@5.2.0

5.2.0 documentation

Minor Changes

Icon - Converted component to .gts format

#3444

Added Floating UI boundary option to hds-anchored-position modifier

PopoverPrimitive - Added Floating UI boundary option

Dropdown - Added Floating UI boundary option

RichTooltip - Added Floating UI boundary option

#3406

Patch Changes

SuperSelect - Removed styling incorrectly adding a checkbox next to the "Loading options..." message for search results

#3439

AdvancedTable - Added a guard against accessing hdsIntl service after component destruction

#3195

CodeBlock - Fixed issue with font-family and font-size targeting so styles will correctly apply to nested element containing code content

CodeEditor - Fixed issue with font-family and font-size targeting so styles will correctly apply to nested element containing code content

#3455

Flyout - Updated variable controlling the Flyout max-width to align with the AppSideNav minimized width

#3456

🔄 Updated dependencies:

• @hashicorp/flight-icons@4.1.1

@hashicorp/flight-icons@4.1.0

Minor Changes

ansible-community, ansible-community-color, ansible-automation-platform, and ansible-automation-platform-color icons added.

#3404

@hashicorp/design-system-components@5.1.0

5.1.0 documentation

Minor Changes

CodeEditor - Added a new @customExtensions argument which allows consumers to provide their own custom CodeMirror extensions.

#3372

Patch Changes

Dropdown - Updated component signature for ListItemCheckbox and ListItemRadio to have an optional @id argument.

#3371

Fix mixed sass declaration syntax to silence warnings

#3368

AdvancedTable - Fixed a bug in the cleanup logic of selectable rows where data updates caused the internal selection state to be incorrectly reset.

#3373

Button - Optimized CSS used to apply dark theme styles within AppHeader and SideNav

Dropdown - Optimized CSS used to apply dark theme styles within AppHeader and SideNav

SideNav: - Made CSS updates including:

• Optimized CSS used to apply dark theme styles to Buttons & Dropdowns
• Removed deprecated ".hds-side-nav__dropdown" class name which is redundant to the HDS Dropdown class name referenced in styles

AppHeader - Optimized CSS used to apply dark theme styles to Buttons & Dropdowns

#3356

🔄 Updated dependencies:

• @hashicorp/flight-icons@4.1.0