@hashicorp/[email protected]

Minor Changes

Added hds-register-event modifier (for internal use)

#2017

Published type declarations

#2004 - Thanks @natmegs for the contribution! 🙏

Tag - Converted component to TypeScript

#2089

IconTile - Converted component to TypeScript

#2033

SuperSelect - added components for single and multiple selection based on PowerSelect

#2022

BadgeCount - Converted component to TypeScript

#2088

DisclosurePrimitive - Converted component to TypeScript

#2025 - Thanks @WenInCode for the contribution! 🙏

Added hds-anchored-position modifier (for internal use)

#2020

AppFooter - Converted component to TypeScript

#2096

Stepper::Step::Indicator - Converted to TypeScript
Stepper::Task::Indicator - Converted to TypeScript

#2115

Badge - Converted component to TypeScript

#1991 - Thanks @chris-hut for the contribution! 🙏

Accordion - Converted component to TypeScript

#2101

Dropdown - Added support for trailing icon in ListItem::Interactive subcomponent

#2042

PopoverPrimitive - Added low-level (internal) headless component to provide anchoring, collision detection, and popover functionalities.

RichTooltip - Added component to provide tooltips that can contain more complex and structured content.

#2069

AppFrame - converted component to TypeScript

#2098

Toast - Converted component to TypeScript

#2023 - Thanks @WenInCode for the contribution! 🙏

Reveal - Converted component to TypeScript

#2097

ButtonSet - Converted component to TypeScript

#2099

Separator - Converted component to TypeScript

#2114

Patch Changes

Alert::Description - Fixed typo in template-registry.ts file declaration

#2090

Dropdown::ListItem::Checkmark - Fixed issue with leading icon spacing

#2084

Tooltip - Fixed max-width applied to the "bubble" (it was 304px, now is 280px per design specs)

#2050

Alert, Badge, BadgeCount, Button, Card::Container, DisclosurePrimitive, DismissButton, IconTile, Interactive, Link::Inline, Link::Standalone, Tag, Text - Standardized class names and signatures

#2108

CodeBlock - Re-mapped class-name variable to color-blue

#2027

Fixed default export warnings by preventing types.js files from being reexported

#2030 - Thanks @WenInCode for the contribution! 🙏

Tabs - Fixed issue with z-index of the active tab "indicator"

#2085

🔄 Updated dependencies:

• @hashicorp/[email protected]

@hashicorp/[email protected]

Minor Changes

Link::Inline - Converted component to TypeScript

#2013 - Thanks @WenInCode for the contribution! 🙏

Card - Converted component to TypeScript

#1997 - Thanks @valeriia-ruban for the contribution! 🙏

Link::Standalone - Converted component to TypeScript

#2010 - Thanks @WenInCode for the contribution! 🙏

Text - Converted component to TypeScript

#1984 - Thanks @natmegs for the contribution! 🙏

Alert - Converted component to TypeScript

#1990 - Thanks @WenInCode for the contribution! 🙏

Patch Changes

Modal, Flyout - Fixed flaky tests by running @ember/test-waiters in all environments

#2011 - Thanks @fivetanley for the contribution! 🙏

@hashicorp/[email protected]

This version is a re-release of @hashicorp/[email protected] containing the missing pre-compiled CSS

@hashicorp/[email protected]

Caution

This version is missing the pre-compiled CSS

You can still use this version if you import styles as Sass and don't require design-system-components.css

Patch Changes

Flyout - Fixed issue with Sass operators failing in old versions of Sass

#1994

@hashicorp/[email protected]

Minor Changes

Reorganized the icons within the "Core" icon set into 16 more descriptive categories.

#1986

Patch Changes

Added "category" to the icons' metadata in the catalog.json file.

#1967

@hashicorp/[email protected]

Patch Changes

🔄 Updated dependencies:

• @hashicorp/[email protected]

@hashicorp/[email protected]

Minor Changes

Added new pipeline to Style Dictionary for cloud-email - email/sass-variables to be used in email templating

#1965

@hashicorp/[email protected]

Minor Changes

DismissButton - Converted component to TypeScript

#1980 - Thanks @WenInCode for the contribution! 🙏

Added image error handling to Dropdown::Toggle::Icon

#1906 - Thanks @cbfx for the contribution! 🙏

Patch Changes

Enable glint

#1976 - Thanks @natmegs for the contribution! 🙏

Upgraded ember-truth-helpers from 3.1.1 to 4.0.3

#1976 - Thanks @natmegs for the contribution! 🙏

Added missing aria-label support to copy-snippet component.

#1963

Removed dialog-polyfill dependency

#1977

🔄 Updated dependencies:

• @hashicorp/[email protected]
• @hashicorp/[email protected]

@hashicorp/[email protected]

Major Changes

Converted Ember packages to v2 addon format.

To migrate update Sass configuration in ember-cli-build.js to include the paths for ember-flight-icons and design-system-components:

sassOptions: {
  precision: 4,
  includePaths: [
    './node_modules/@hashicorp/design-system-tokens/dist/products/css',
    './node_modules/@hashicorp/ember-flight-icons/dist/styles',
    './node_modules/@hashicorp/design-system-components/dist/styles',
  ],
},

Alternatively, you can import the CSS by adding this configuration in ember-cli-build.js.

app.import(
  "node_modules/@hashicorp/design-system-components/dist/styles/@hashicorp/design-system-components.css"
);

#1872

@hashicorp/[email protected]

Major Changes

New tokens added for large and medium size Tab variants. The "medium" tokens replace the former equivalent tokens which were not differentiated by size.

• --token-tabs-tab-height-medium (Replaces --token-tabs-tab-height)
• --token-tabs-tab-height-large (New)
• --token-tabs-tab-padding-horizontal-medium (Replaces --token-tabs-tab-padding-horizontal)
• --token-tabs-tab-padding-horizontal-large (New)

#1937