diff --git a/.changeset/bitter-baboons-tease.md b/.changeset/bitter-baboons-tease.md new file mode 100644 index 00000000000..fe7f31e6d73 --- /dev/null +++ b/.changeset/bitter-baboons-tease.md @@ -0,0 +1,11 @@ +--- +"@hashicorp/design-system-components": major +--- + + +`Flyout` - Removed deprecated `HdsFlyoutHeader`, `HdsFlyoutBody`, `HdsFlyoutDescription`, and `HdsFlyoutFooter` subcomponents. + + + +`Modal` - Removed deprecated `HdsModalHeader`, `HdsModalBody`, and `HdsModalFooter` subcomponents. + diff --git a/.changeset/cold-worlds-notice.md b/.changeset/cold-worlds-notice.md new file mode 100644 index 00000000000..26319a386e3 --- /dev/null +++ b/.changeset/cold-worlds-notice.md @@ -0,0 +1,11 @@ +--- +"@hashicorp/design-system-components": major +--- + + + +`Dropdown` - Removed the deprecated `@text` argument from the `HdsDropdownListItemInteractive` component. + +To migrate run the codemod `v4/dropdown-list-item-interactive` (see [readme file](https://github.com/hashicorp/design-system/tree/main/packages/codemods/transforms/v4/dropdown-list-item-interactive)) + + diff --git a/.changeset/fluffy-places-ask.md b/.changeset/fluffy-places-ask.md new file mode 100644 index 00000000000..b11a17ba1c9 --- /dev/null +++ b/.changeset/fluffy-places-ask.md @@ -0,0 +1,5 @@ +--- +"@hashicorp/design-system-components": major +--- + +Removed support for Ember 3.28. New minimum support target is Ember 4.12. diff --git a/.changeset/full-showers-kiss.md b/.changeset/full-showers-kiss.md new file mode 100644 index 00000000000..d5426a68e97 --- /dev/null +++ b/.changeset/full-showers-kiss.md @@ -0,0 +1,5 @@ +--- +"@hashicorp/design-system-components": major +--- + +- Removed `sass` and `ember-cli-sass` dependencies. Consumers using `sass` in their projects should make sure it's added as a direct dependency to their project. diff --git a/.changeset/hot-owls-rescue.md b/.changeset/hot-owls-rescue.md new file mode 100644 index 00000000000..582a7dff51a --- /dev/null +++ b/.changeset/hot-owls-rescue.md @@ -0,0 +1,7 @@ +--- +"@hashicorp/design-system-components": major +--- + + +`AdvancedTable` - Removed the `@isVisuallyHidden` argument from `HdsAdvancedTableTh` component. This setting is supported via setting `isVisuallyHidden` in the corresponding `@columns` item's configuration. + diff --git a/.changeset/legal-swans-occur.md b/.changeset/legal-swans-occur.md new file mode 100644 index 00000000000..6b641130ada --- /dev/null +++ b/.changeset/legal-swans-occur.md @@ -0,0 +1,5 @@ +--- +"@hashicorp/design-system-components": major +--- + +Removed the deprecated `MenuPrimitive` component diff --git a/.changeset/solid-dolls-strive.md b/.changeset/solid-dolls-strive.md new file mode 100644 index 00000000000..b6eee38f128 --- /dev/null +++ b/.changeset/solid-dolls-strive.md @@ -0,0 +1,5 @@ +--- +"@hashicorp/flight-icons": major +--- + +Renamed `volume-2` to `volume-up`. diff --git a/.changeset/spicy-ads-roll.md b/.changeset/spicy-ads-roll.md new file mode 100644 index 00000000000..b0af1b042a1 --- /dev/null +++ b/.changeset/spicy-ads-roll.md @@ -0,0 +1,10 @@ +--- +"@hashicorp/design-system-components": major +--- + + +`SideNav` - Removed deprecated features +- Removed the `@ariaLabel` argument +- Removed the `HdsSideNavHeaderIconButton` component +- Updated the deprecation removal version from `5.0.0` to `6.0.0` + diff --git a/.changeset/young-meals-knock.md b/.changeset/young-meals-knock.md new file mode 100644 index 00000000000..b46136cbbb0 --- /dev/null +++ b/.changeset/young-meals-knock.md @@ -0,0 +1,5 @@ +--- +"@hashicorp/design-system-components": major +--- + +Removed support for deprecated `ember-flight-icons` `lazyEmbed` config diff --git a/.github/workflows/ci-components.yml b/.github/workflows/ci-components.yml index 4a12cf5a824..a148994dea9 100644 --- a/.github/workflows/ci-components.yml +++ b/.github/workflows/ci-components.yml @@ -7,7 +7,7 @@ on: pull_request: {} env: - NODE_VERSION: '22.x' + NODE_VERSION: "22.x" concurrency: group: ci-components-${{ github.head_ref || github.ref }} @@ -28,7 +28,7 @@ jobs: run: ./.github/scripts/filter_changed_files.sh "packages/components" "packages/flight-icons/catalog.json" "showcase" ".github/workflows/ci-components.yml" "packages/tokens" test: - name: 'Tests' + name: "Tests" runs-on: ubuntu-latest needs: [conditional-skip] if: needs.conditional-skip.outputs.trigger-ci == 'true' @@ -63,13 +63,12 @@ jobs: try-scenarios: name: ${{ matrix.try-scenario }} runs-on: ubuntu-latest - needs: 'test' + needs: "test" strategy: fail-fast: false matrix: try-scenario: - - ember-lts-3.28 - ember-lts-4.12 # - ember-release - ember-beta diff --git a/README.md b/README.md index 4f98f324b50..609e335cfb0 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,5 @@ + + diff --git a/packages/components/README.md b/packages/components/README.md index 8f6899d81a5..c414d5a1df4 100644 --- a/packages/components/README.md +++ b/packages/components/README.md @@ -8,9 +8,9 @@ A package containing the components for the Helios Design System. Compatibility ------------------------------------------------------------------------------ -* Ember.js v3.28 or above -* Ember CLI v3.28 or above -* Node.js v16 or above +* Ember.js v4.12 or above +* Ember CLI v4.12 or above +* Node.js v18 or above Installation ------------------------------------------------------------------------------ diff --git a/packages/components/addon-main.cjs b/packages/components/addon-main.cjs index 7c2c6ad22d6..797c851c5f9 100644 --- a/packages/components/addon-main.cjs +++ b/packages/components/addon-main.cjs @@ -9,11 +9,8 @@ const flightIconSprite = require('@hashicorp/flight-icons/svg-sprite/svg-sprite- module.exports = { ...addonV1Shim(__dirname), contentFor(type, config) { - const legacyLazyEmbed = config?.emberFlightIcons?.lazyEmbed; - if ( !config.flightIconsSpriteLazyEmbed && - !legacyLazyEmbed && !config.__flightIconsSpriteLoaded && type === 'body-footer' ) { diff --git a/packages/components/package.json b/packages/components/package.json index 6112a99e819..da2ed90d2db 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -59,7 +59,6 @@ "codemirror-lang-hcl": "^0.0.0-beta.2", "decorator-transforms": "^2.3.0", "ember-a11y-refocus": "^4.1.4", - "ember-cli-sass": "^11.0.1", "ember-concurrency": "^4.0.4", "ember-element-helper": "^0.8.6", "ember-focus-trap": "^1.1.1", @@ -71,10 +70,9 @@ "ember-truth-helpers": "^4.0.3", "luxon": "^3.4.2", "prismjs": "^1.30.0", - "sass": "^1.83.0", - "tracked-built-ins": "^4.0.0", "tabbable": "^6.2.0", - "tippy.js": "^6.3.7" + "tippy.js": "^6.3.7", + "tracked-built-ins": "^4.0.0" }, "devDependencies": { "@babel/core": "^7.27.1", @@ -113,6 +111,7 @@ "rollup": "^4.39.0", "rollup-plugin-copy": "^3.5.0", "rollup-plugin-scss": "^4.0.1", + "sass": "^1.89.2", "stylelint": "^16.17.0", "stylelint-config-rational-order": "^0.1.2", "stylelint-config-standard-scss": "^14.0.0", @@ -236,10 +235,6 @@ "./components/hds/dropdown/toggle/button.js": "./dist/_app_/components/hds/dropdown/toggle/button.js", "./components/hds/dropdown/toggle/chevron.js": "./dist/_app_/components/hds/dropdown/toggle/chevron.js", "./components/hds/dropdown/toggle/icon.js": "./dist/_app_/components/hds/dropdown/toggle/icon.js", - "./components/hds/flyout/body.js": "./dist/_app_/components/hds/flyout/body.js", - "./components/hds/flyout/description.js": "./dist/_app_/components/hds/flyout/description.js", - "./components/hds/flyout/footer.js": "./dist/_app_/components/hds/flyout/footer.js", - "./components/hds/flyout/header.js": "./dist/_app_/components/hds/flyout/header.js", "./components/hds/flyout.js": "./dist/_app_/components/hds/flyout.js", "./components/hds/form/character-count.js": "./dist/_app_/components/hds/form/character-count.js", "./components/hds/form/checkbox/base.js": "./dist/_app_/components/hds/form/checkbox/base.js", @@ -305,10 +300,6 @@ "./components/hds/layout/grid/item.js": "./dist/_app_/components/hds/layout/grid/item.js", "./components/hds/link/inline.js": "./dist/_app_/components/hds/link/inline.js", "./components/hds/link/standalone.js": "./dist/_app_/components/hds/link/standalone.js", - "./components/hds/menu-primitive.js": "./dist/_app_/components/hds/menu-primitive.js", - "./components/hds/modal/body.js": "./dist/_app_/components/hds/modal/body.js", - "./components/hds/modal/footer.js": "./dist/_app_/components/hds/modal/footer.js", - "./components/hds/modal/header.js": "./dist/_app_/components/hds/modal/header.js", "./components/hds/modal.js": "./dist/_app_/components/hds/modal.js", "./components/hds/page-header/actions.js": "./dist/_app_/components/hds/page-header/actions.js", "./components/hds/page-header/badges.js": "./dist/_app_/components/hds/page-header/badges.js", @@ -333,7 +324,6 @@ "./components/hds/separator.js": "./dist/_app_/components/hds/separator.js", "./components/hds/side-nav/base.js": "./dist/_app_/components/hds/side-nav/base.js", "./components/hds/side-nav/header/home-link.js": "./dist/_app_/components/hds/side-nav/header/home-link.js", - "./components/hds/side-nav/header/icon-button.js": "./dist/_app_/components/hds/side-nav/header/icon-button.js", "./components/hds/side-nav/header.js": "./dist/_app_/components/hds/side-nav/header.js", "./components/hds/side-nav.js": "./dist/_app_/components/hds/side-nav.js", "./components/hds/side-nav/list/back-link.js": "./dist/_app_/components/hds/side-nav/list/back-link.js", diff --git a/packages/components/src/components.ts b/packages/components/src/components.ts index 400dc061324..fb1b5c4d9b8 100644 --- a/packages/components/src/components.ts +++ b/packages/components/src/components.ts @@ -279,7 +279,6 @@ export { default as HdsSideNav } from './components/hds/side-nav/index.ts'; export { default as HdsSideNavBase } from './components/hds/side-nav/base.ts'; export { default as HdsSideNavHeader } from './components/hds/side-nav/header/index.ts'; export { default as HdsSideNavHeaderHomeLink } from './components/hds/side-nav/header/home-link.ts'; -export { default as HdsSideNavHeaderIconButton } from './components/hds/side-nav/header/icon-button.ts'; export { default as HdsSideNavList } from './components/hds/side-nav/list/index.ts'; export { default as HdsSideNavListBackLink } from './components/hds/side-nav/list/back-link.ts'; export { default as HdsSideNavListItem } from './components/hds/side-nav/list/item.ts'; @@ -390,8 +389,5 @@ export { default as HdsDismissButton } from './components/hds/dismiss-button/ind // Interactive export { default as HdsInteractive } from './components/hds/interactive/index.ts'; -// MenuPrimitive -export { default as HdsMenuPrimitive } from './components/hds/menu-primitive/index.ts'; - // PopoverPrimitive export { default as HdsPopoverPrimitive } from './components/hds/popover-primitive/index.ts'; diff --git a/packages/components/src/components/hds/advanced-table/index.hbs b/packages/components/src/components/hds/advanced-table/index.hbs index 8f8bae33e58..45eb3875f77 100644 --- a/packages/components/src/components/hds/advanced-table/index.hbs +++ b/packages/components/src/components/hds/advanced-table/index.hbs @@ -84,7 +84,6 @@ @isExpandable={{column.isExpandable}} @isStickyColumn={{this._isStickyColumn column}} @isStickyColumnPinned={{this.isStickyColumnPinned}} - @isVisuallyHidden={{column.isVisuallyHidden}} @tableHeight={{this._tableHeight}} @tooltip={{column.tooltip}} @onClickToggle={{this._tableModel.toggleAll}} diff --git a/packages/components/src/components/hds/advanced-table/th.ts b/packages/components/src/components/hds/advanced-table/th.ts index 04e2d84f436..d3531a443cb 100644 --- a/packages/components/src/components/hds/advanced-table/th.ts +++ b/packages/components/src/components/hds/advanced-table/th.ts @@ -44,7 +44,6 @@ export interface HdsAdvancedTableThSignature { isExpandable?: boolean; isStickyColumn?: boolean; isStickyColumnPinned?: boolean; - isVisuallyHidden?: boolean; newLabel?: string; parentId?: string; rowspan?: number; diff --git a/packages/components/src/components/hds/app-side-nav/portal/target.ts b/packages/components/src/components/hds/app-side-nav/portal/target.ts index c6ec46fea37..d3bd7aac162 100644 --- a/packages/components/src/components/hds/app-side-nav/portal/target.ts +++ b/packages/components/src/components/hds/app-side-nav/portal/target.ts @@ -4,7 +4,7 @@ */ import Component from '@glimmer/component'; -import { inject as service } from '@ember/service'; +import { service } from '@ember/service'; import { tracked } from '@glimmer/tracking'; import { action } from '@ember/object'; import { macroCondition, isTesting } from '@embroider/macros'; diff --git a/packages/components/src/components/hds/dropdown/index.ts b/packages/components/src/components/hds/dropdown/index.ts index 12bccfcd4ce..2f652915604 100644 --- a/packages/components/src/components/hds/dropdown/index.ts +++ b/packages/components/src/components/hds/dropdown/index.ts @@ -15,7 +15,7 @@ import { } from './types.ts'; import type { ComponentLike } from '@glint/template'; -import type { MenuPrimitiveSignature } from '../menu-primitive'; +import type { HdsPopoverPrimitiveSignature } from '../popover-primitive/index.ts'; import type { HdsDropdownFooterSignature } from './footer'; import type { HdsDropdownHeaderSignature } from './header'; import type { HdsDropdownListItemCheckboxSignature } from './list-item/checkbox'; @@ -39,15 +39,16 @@ export const POSITIONS: HdsDropdownPositions[] = Object.values( ); export interface HdsDropdownSignature { - Args: MenuPrimitiveSignature['Args'] & { + Args: { height?: string; isInline?: boolean; - isOpen?: boolean; + isOpen?: HdsPopoverPrimitiveSignature['Args']['isOpen']; listPosition?: HdsDropdownPositions; width?: string; enableCollisionDetection?: HdsAnchoredPositionOptions['enableCollisionDetection']; preserveContentInDom?: boolean; matchToggleWidth?: boolean; + onClose?: HdsPopoverPrimitiveSignature['Args']['onClose']; }; Blocks: { default: [ @@ -69,7 +70,7 @@ export interface HdsDropdownSignature { }, ]; }; - Element: MenuPrimitiveSignature['Element']; + Element: HTMLDivElement; } export default class HdsDropdown extends Component { diff --git a/packages/components/src/components/hds/dropdown/list-item/interactive.hbs b/packages/components/src/components/hds/dropdown/list-item/interactive.hbs index 53fc34e1b9f..f62914dc95f 100644 --- a/packages/components/src/components/hds/dropdown/list-item/interactive.hbs +++ b/packages/components/src/components/hds/dropdown/list-item/interactive.hbs @@ -9,11 +9,7 @@ - {{#if (has-block)}} - {{yield (hash Badge=(component "hds/badge" size="small"))}} - {{else}} - {{this.text}} - {{/if}} + {{yield (hash Badge=(component "hds/badge" size="small"))}} {{else}} @@ -34,11 +30,7 @@ {{/if}} - {{#if (has-block)}} - {{yield (hash Badge=(component "hds/badge" size="small"))}} - {{else}} - {{this.text}} - {{/if}} + {{yield (hash Badge=(component "hds/badge" size="small"))}} {{#if @trailingIcon}} diff --git a/packages/components/src/components/hds/dropdown/list-item/interactive.ts b/packages/components/src/components/hds/dropdown/list-item/interactive.ts index 323942938b0..722866f4bc0 100644 --- a/packages/components/src/components/hds/dropdown/list-item/interactive.ts +++ b/packages/components/src/components/hds/dropdown/list-item/interactive.ts @@ -4,7 +4,7 @@ */ import Component from '@glimmer/component'; -import { assert, deprecate } from '@ember/debug'; +import { assert } from '@ember/debug'; import { HdsDropdownListItemInteractiveColorValues } from './types.ts'; @@ -13,7 +13,6 @@ import type { HdsInteractiveSignature } from '../../interactive'; import type { HdsDropdownListItemInteractiveColors } from './types.ts'; import type { ComponentLike } from '@glint/template'; import type { HdsBadgeSignature } from '../../badge/index.ts'; -import type Owner from '@ember/owner'; export const DEFAULT_COLOR = HdsDropdownListItemInteractiveColorValues.Action; export const COLORS: HdsDropdownListItemInteractiveColors[] = Object.values( @@ -25,10 +24,6 @@ export interface HdsDropdownListItemInteractiveSignature { color?: HdsDropdownListItemInteractiveColors; icon?: HdsIconSignature['Args']['name']; isLoading?: boolean; - /** - * @deprecated The `@text` argument for "Hds::Dropdown::ListItem::Interactive" has been deprecated. Please put text in the yielded block. See: https://helios.hashicorp.design/components/dropdown?tab=version%20history#4100 - */ - text?: string; trailingIcon?: HdsIconSignature['Args']['name']; }; Blocks: { @@ -42,41 +37,6 @@ export interface HdsDropdownListItemInteractiveSignature { } export default class HdsDropdownListItemInteractive extends Component { - constructor( - owner: Owner, - args: HdsDropdownListItemInteractiveSignature['Args'] - ) { - super(owner, args); - - if (args.text !== undefined) { - deprecate( - 'The `@text` argument for "Hds::Dropdown::ListItem::Interactive" has been deprecated. Please put text in the yielded block.', - false, - { - id: 'hds.dropdown.list-item.interactive', - until: '5.0.0', - url: 'https://helios.hashicorp.design/components/dropdown?tab=version%20history#4100', - for: '@hashicorp/design-system-components', - since: { - available: '4.10.0', - enabled: '5.0.0', - }, - } - ); - } - } - - get text(): string { - const { text } = this.args; - - assert( - '@text for "Hds::Dropdown::ListItem::Interactive" must have a valid value', - text !== undefined - ); - - return text; - } - get color(): HdsDropdownListItemInteractiveColors { const { color = DEFAULT_COLOR } = this.args; diff --git a/packages/components/src/components/hds/flyout/body.hbs b/packages/components/src/components/hds/flyout/body.hbs deleted file mode 100644 index b64fb3b9af7..00000000000 --- a/packages/components/src/components/hds/flyout/body.hbs +++ /dev/null @@ -1,10 +0,0 @@ -{{! - Copyright (c) HashiCorp, Inc. - SPDX-License-Identifier: MPL-2.0 -}} -{{! - THIS SUBCOMPONENT IS NOW DEPRECATED -}} -
- {{yield}} -
\ No newline at end of file diff --git a/packages/components/src/components/hds/flyout/body.ts b/packages/components/src/components/hds/flyout/body.ts deleted file mode 100644 index 72f070a5ed5..00000000000 --- a/packages/components/src/components/hds/flyout/body.ts +++ /dev/null @@ -1,40 +0,0 @@ -/** - * Copyright (c) HashiCorp, Inc. - * SPDX-License-Identifier: MPL-2.0 - */ - -import Component from '@glimmer/component'; -import { deprecate } from '@ember/debug'; - -import type Owner from '@ember/owner'; - -export interface HdsFlyoutBodySignature { - // when component has no args, but constructor still needs to be defined, use `never` - // see: https://github.com/hashicorp/design-system/pull/2511/files/f2146e5243d0431892a62d2fbf2889f1cbd3e525#r1815255004 - Args: never; - Blocks: { - default: []; - }; - Element: HTMLDivElement; -} - -export default class HdsFlyoutBody extends Component { - constructor(owner: Owner, args: HdsFlyoutBodySignature['Args']) { - super(owner, args); - - deprecate( - 'The `Hds::Flyout::Body` sub-component is now deprecated and will be removed in the next major version of `@hashicorp/design-system-components`. Use `Hds::DialogPrimitive::Body` as one-to-one replacement.', - false, - { - id: 'hds.components.flyout.body', - until: '5.0.0', - url: 'https://helios.hashicorp.design/components/flyout?tab=version%20history#460', - for: '@hashicorp/design-system-components', - since: { - enabled: '4.6.0', - available: '4.6.0', - }, - } - ); - } -} diff --git a/packages/components/src/components/hds/flyout/description.hbs b/packages/components/src/components/hds/flyout/description.hbs deleted file mode 100644 index 92ce65b7b43..00000000000 --- a/packages/components/src/components/hds/flyout/description.hbs +++ /dev/null @@ -1,10 +0,0 @@ -{{! - Copyright (c) HashiCorp, Inc. - SPDX-License-Identifier: MPL-2.0 -}} -{{! - THIS SUBCOMPONENT IS NOW DEPRECATED -}} - - {{yield}} - \ No newline at end of file diff --git a/packages/components/src/components/hds/flyout/description.ts b/packages/components/src/components/hds/flyout/description.ts deleted file mode 100644 index e04a663fe82..00000000000 --- a/packages/components/src/components/hds/flyout/description.ts +++ /dev/null @@ -1,38 +0,0 @@ -/** - * Copyright (c) HashiCorp, Inc. - * SPDX-License-Identifier: MPL-2.0 - */ - -import Component from '@glimmer/component'; -import { deprecate } from '@ember/debug'; -import type { HdsTextBodySignature } from '../text/body'; -import type Owner from '@ember/owner'; - -export interface HdsFlyoutDescriptionSignature { - Args: never; - Blocks: { - default: []; - }; - Element: HdsTextBodySignature['Element']; -} - -export default class HdsFlyoutDescription extends Component { - constructor(owner: Owner, args: HdsFlyoutDescriptionSignature['Args']) { - super(owner, args); - - deprecate( - 'The `Hds::Flyout::Description` sub-component is now deprecated and will be removed in the next major version of `@hashicorp/design-system-components`. Use `Hds::DialogPrimitive::Description` as one-to-one replacement.', - false, - { - id: 'hds.components.flyout.description', - until: '5.0.0', - url: 'https://helios.hashicorp.design/components/flyout?tab=version%20history#460', - for: '@hashicorp/design-system-components', - since: { - available: '4.6.0', - enabled: '4.6.0', - }, - } - ); - } -} diff --git a/packages/components/src/components/hds/flyout/footer.hbs b/packages/components/src/components/hds/flyout/footer.hbs deleted file mode 100644 index 448b9041755..00000000000 --- a/packages/components/src/components/hds/flyout/footer.hbs +++ /dev/null @@ -1,10 +0,0 @@ -{{! - Copyright (c) HashiCorp, Inc. - SPDX-License-Identifier: MPL-2.0 -}} -{{! - THIS SUBCOMPONENT IS NOW DEPRECATED -}} -
- {{yield (hash close=@onDismiss)}} -
\ No newline at end of file diff --git a/packages/components/src/components/hds/flyout/footer.ts b/packages/components/src/components/hds/flyout/footer.ts deleted file mode 100644 index 98e237553e9..00000000000 --- a/packages/components/src/components/hds/flyout/footer.ts +++ /dev/null @@ -1,39 +0,0 @@ -/** - * Copyright (c) HashiCorp, Inc. - * SPDX-License-Identifier: MPL-2.0 - */ - -import Component from '@glimmer/component'; -import { deprecate } from '@ember/debug'; -import type Owner from '@ember/owner'; - -export interface HdsFlyoutFooterSignature { - Args: { - onDismiss?: (event: MouseEvent) => void; - }; - Blocks: { - default: [{ close?: (event: MouseEvent) => void }]; - }; - Element: HTMLDivElement; -} - -export default class HdsFlyoutFooter extends Component { - constructor(owner: Owner, args: HdsFlyoutFooterSignature['Args']) { - super(owner, args); - - deprecate( - 'The `Hds::Flyout::Footer` sub-component is now deprecated and will be removed in the next major version of `@hashicorp/design-system-components`. Use `Hds::DialogPrimitive::Footer` as one-to-one replacement.', - false, - { - id: 'hds.components.flyout.footer', - until: '5.0.0', - url: 'https://helios.hashicorp.design/components/flyout?tab=version%20history#460', - for: '@hashicorp/design-system-components', - since: { - enabled: '4.6.0', - available: '4.6.0', - }, - } - ); - } -} diff --git a/packages/components/src/components/hds/flyout/header.hbs b/packages/components/src/components/hds/flyout/header.hbs deleted file mode 100644 index e46e9e2c03e..00000000000 --- a/packages/components/src/components/hds/flyout/header.hbs +++ /dev/null @@ -1,21 +0,0 @@ -{{! - Copyright (c) HashiCorp, Inc. - SPDX-License-Identifier: MPL-2.0 -}} -{{! - THIS SUBCOMPONENT IS NOW DEPRECATED -}} -
- {{#if @icon}} - - {{/if}} - - {{#if @tagline}} - - {{@tagline}} - - {{/if}} - {{yield}} - - -
\ No newline at end of file diff --git a/packages/components/src/components/hds/flyout/header.ts b/packages/components/src/components/hds/flyout/header.ts deleted file mode 100644 index 7ff4f297fdf..00000000000 --- a/packages/components/src/components/hds/flyout/header.ts +++ /dev/null @@ -1,43 +0,0 @@ -/** - * Copyright (c) HashiCorp, Inc. - * SPDX-License-Identifier: MPL-2.0 - */ - -import Component from '@glimmer/component'; -import { deprecate } from '@ember/debug'; -import type { HdsIconSignature } from '../icon'; -import type Owner from '@ember/owner'; - -export interface HdsFlyoutHeaderSignature { - Args: { - id?: string; - tagline?: string; - onDismiss: (event: MouseEvent) => void; - icon?: HdsIconSignature['Args']['name']; - }; - Blocks: { - default: []; - }; - Element: HTMLDivElement; -} - -export default class HdsFlyoutHeader extends Component { - constructor(owner: Owner, args: HdsFlyoutHeaderSignature['Args']) { - super(owner, args); - - deprecate( - 'The `Hds::Flyout::Header` sub-component is now deprecated and will be removed in the next major version of `@hashicorp/design-system-components`. Use `Hds::DialogPrimitive::Header` as one-to-one replacement.', - false, - { - id: 'hds.components.flyout.header', - until: '5.0.0', - url: 'https://helios.hashicorp.design/components/flyout?tab=version%20history#460', - for: '@hashicorp/design-system-components', - since: { - enabled: '4.6.0', - available: '4.6.0', - }, - } - ); - } -} diff --git a/packages/components/src/components/hds/menu-primitive/index.hbs b/packages/components/src/components/hds/menu-primitive/index.hbs deleted file mode 100644 index 29a6c04850b..00000000000 --- a/packages/components/src/components/hds/menu-primitive/index.hbs +++ /dev/null @@ -1,25 +0,0 @@ -{{! - Copyright (c) HashiCorp, Inc. - SPDX-License-Identifier: MPL-2.0 -}} -{{! - THIS COMPONENT IS NOW DEPRECATED -}} -{{! template-lint-disable no-invalid-interactive }} -
-
- {{yield (hash onClickToggle=this.onClickToggle isOpen=this.isOpen) to="toggle"}} -
- {{#if this.isOpen}} -
- {{yield (hash close=this.close) to="content"}} -
- {{/if}} -
-{{! template-lint-enable no-invalid-interactive }} \ No newline at end of file diff --git a/packages/components/src/components/hds/menu-primitive/index.ts b/packages/components/src/components/hds/menu-primitive/index.ts deleted file mode 100644 index db655a604da..00000000000 --- a/packages/components/src/components/hds/menu-primitive/index.ts +++ /dev/null @@ -1,109 +0,0 @@ -/** - * Copyright (c) HashiCorp, Inc. - * SPDX-License-Identifier: MPL-2.0 - */ - -import Component from '@glimmer/component'; -import { deprecate } from '@ember/debug'; -import { tracked } from '@glimmer/tracking'; -import { action } from '@ember/object'; -import { schedule } from '@ember/runloop'; -import type Owner from '@ember/owner'; - -export interface MenuPrimitiveSignature { - Args: { - // eslint-disable-next-line @typescript-eslint/no-explicit-any - onClose?: (...args: any[]) => void; - }; - Blocks: { - toggle?: [ - { - // eslint-disable-next-line @typescript-eslint/no-explicit-any - onClickToggle: (event: MouseEvent, ...args: any[]) => void; - isOpen?: boolean; - }, - ]; - content?: [ - { - // eslint-disable-next-line @typescript-eslint/no-explicit-any - close: (...args: any[]) => void; - }, - ]; - }; - Element: HTMLDivElement; -} - -export default class MenuPrimitive extends Component { - @tracked isOpen: boolean | undefined; // notice: if in the future we need to add a "@isOpen" prop to control the status from outside (eg to have the MenuPrimitive opened on render) just add "this.args.isOpen" here to initalize the variable - @tracked toggleRef: HTMLElement | undefined; - @tracked _element!: HTMLElement; - - constructor(owner: Owner, args: MenuPrimitiveSignature['Args']) { - super(owner, args); - - deprecate( - 'The `Hds::MenuPrimitive` component is now deprecated and will be removed in the next major version of `@hashicorp/design-system-components`.', - false, - { - id: 'hds.components.menu-primitive', - until: '5.0.0', - url: 'https://helios.hashicorp.design/components/menu-primitive?tab=version%20history#460', - for: '@hashicorp/design-system-components', - since: { - enabled: '4.10.0', - available: '4.10.0', - }, - } - ); - } - - @action - didInsert(element: HTMLElement): void { - this._element = element; - } - - @action - onClickToggle(event: MouseEvent): void { - // we store a reference to the DOM node that has the "onClickToggle" event associated with it - if (!this.toggleRef) { - this.toggleRef = event.currentTarget as HTMLElement; - } - this.isOpen = !this.isOpen; - // we explicitly apply a focus state to the toggle element to overcome a bug in WebKit (see https://github.com/hashicorp/design-system/commit/40cd7f6b3cb15c45f9a1235fafd0fb3ed58e6e62) - this.toggleRef?.focus(); - } - - @action - onFocusOut(event: FocusEvent): void { - // due to inconsistent implementation of relatedTarget across browsers we use the activeElement as a fallback - // if the related target is not part of the disclosed content we close the disclosed container - if ( - !this._element.contains( - (event.relatedTarget as Node) || (document.activeElement as Node) - ) - ) { - this.close(); - } - } - - @action - onKeyUp(event: KeyboardEvent): void { - if (event.key === 'Escape') { - this.close(); - this.toggleRef?.focus(); - } - } - - @action - close(): void { - // we schedule this afterRender to avoid an error in tests caused by updating `isOpen` multiple times in the same computation - // eslint-disable-next-line ember/no-runloop - schedule('afterRender', (): void => { - this.isOpen = false; - // we call the "onClose" callback if it exists (and is a function) - if (this.args.onClose && typeof this.args.onClose === 'function') { - this.args.onClose(); - } - }); - } -} diff --git a/packages/components/src/components/hds/modal/body.hbs b/packages/components/src/components/hds/modal/body.hbs deleted file mode 100644 index 5cffdb61039..00000000000 --- a/packages/components/src/components/hds/modal/body.hbs +++ /dev/null @@ -1,10 +0,0 @@ -{{! - Copyright (c) HashiCorp, Inc. - SPDX-License-Identifier: MPL-2.0 -}} -{{! - THIS SUBCOMPONENT IS NOW DEPRECATED -}} -
- {{yield}} -
\ No newline at end of file diff --git a/packages/components/src/components/hds/modal/body.ts b/packages/components/src/components/hds/modal/body.ts deleted file mode 100644 index 325268fafa2..00000000000 --- a/packages/components/src/components/hds/modal/body.ts +++ /dev/null @@ -1,39 +0,0 @@ -/** - * Copyright (c) HashiCorp, Inc. - * SPDX-License-Identifier: MPL-2.0 - */ - -import Component from '@glimmer/component'; -import { deprecate } from '@ember/debug'; -import type Owner from '@ember/owner'; - -export interface HdsModalBodySignature { - // when component has no args, but constructor still needs to be defined, use `never` - // see: https://github.com/hashicorp/design-system/pull/2511/files/f2146e5243d0431892a62d2fbf2889f1cbd3e525#r1815255004 - Args: never; - Blocks: { - default: []; - }; - Element: HTMLDivElement; -} - -export default class HdsModalBody extends Component { - constructor(owner: Owner, args: HdsModalBodySignature['Args']) { - super(owner, args); - - deprecate( - 'The `Hds::Modal::Body` sub-component is now deprecated and will be removed in the next major version of `@hashicorp/design-system-components`. Use `Hds::DialogPrimitive::Body` as one-to-one replacement.', - false, - { - id: 'hds.components.modal.body', - until: '5.0.0', - url: 'https://helios.hashicorp.design/components/flyout?tab=version%20history#460', - for: '@hashicorp/design-system-components', - since: { - available: '4.6.0', - enabled: '4.6.0', - }, - } - ); - } -} diff --git a/packages/components/src/components/hds/modal/footer.hbs b/packages/components/src/components/hds/modal/footer.hbs deleted file mode 100644 index ee3d71f9d53..00000000000 --- a/packages/components/src/components/hds/modal/footer.hbs +++ /dev/null @@ -1,10 +0,0 @@ -{{! - Copyright (c) HashiCorp, Inc. - SPDX-License-Identifier: MPL-2.0 -}} -{{! - THIS SUBCOMPONENT IS NOW DEPRECATED -}} -
- {{yield (hash close=@onDismiss)}} -
\ No newline at end of file diff --git a/packages/components/src/components/hds/modal/footer.ts b/packages/components/src/components/hds/modal/footer.ts deleted file mode 100644 index f78ed43686a..00000000000 --- a/packages/components/src/components/hds/modal/footer.ts +++ /dev/null @@ -1,39 +0,0 @@ -/** - * Copyright (c) HashiCorp, Inc. - * SPDX-License-Identifier: MPL-2.0 - */ - -import Component from '@glimmer/component'; -import { deprecate } from '@ember/debug'; -import type Owner from '@ember/owner'; - -export interface HdsModalFooterSignature { - Args: { - onDismiss?: (event: MouseEvent) => void; - }; - Blocks: { - default: [{ close?: (event: MouseEvent) => void }]; - }; - Element: HTMLDivElement; -} - -export default class HdsModalFooter extends Component { - constructor(owner: Owner, args: HdsModalFooterSignature['Args']) { - super(owner, args); - - deprecate( - 'The `Hds::Modal::Footer` sub-component is now deprecated and will be removed in the next major version of `@hashicorp/design-system-components`. Use `Hds::DialogPrimitive::Footer` as one-to-one replacement.', - false, - { - id: 'hds.components.modal.footer', - until: '5.0.0', - url: 'https://helios.hashicorp.design/components/flyout?tab=version%20history#460', - for: '@hashicorp/design-system-components', - since: { - enabled: '4.6.0', - available: '4.6.0', - }, - } - ); - } -} diff --git a/packages/components/src/components/hds/modal/header.hbs b/packages/components/src/components/hds/modal/header.hbs deleted file mode 100644 index 4426455cd6c..00000000000 --- a/packages/components/src/components/hds/modal/header.hbs +++ /dev/null @@ -1,21 +0,0 @@ -{{! - Copyright (c) HashiCorp, Inc. - SPDX-License-Identifier: MPL-2.0 -}} -{{! - THIS SUBCOMPONENT IS NOW DEPRECATED -}} -
- {{#if @icon}} - - {{/if}} - - {{#if @tagline}} - - {{@tagline}} - - {{/if}} - {{yield}} - - -
\ No newline at end of file diff --git a/packages/components/src/components/hds/modal/header.ts b/packages/components/src/components/hds/modal/header.ts deleted file mode 100644 index f0d5df59b3c..00000000000 --- a/packages/components/src/components/hds/modal/header.ts +++ /dev/null @@ -1,43 +0,0 @@ -/** - * Copyright (c) HashiCorp, Inc. - * SPDX-License-Identifier: MPL-2.0 - */ - -import Component from '@glimmer/component'; -import { deprecate } from '@ember/debug'; -import type { HdsIconSignature } from '../icon'; -import type Owner from '@ember/owner'; - -export interface HdsModalHeaderSignature { - Args: { - id?: string; - tagline?: string; - onDismiss: (event: MouseEvent) => void; - icon?: HdsIconSignature['Args']['name']; - }; - Blocks: { - default: []; - }; - Element: HTMLDivElement; -} - -export default class HdsModalHeader extends Component { - constructor(owner: Owner, args: HdsModalHeaderSignature['Args']) { - super(owner, args); - - deprecate( - 'The `Hds::Modal::Header` sub-component is now deprecated and will be removed in the next major version of `@hashicorp/design-system-components`. Use `Hds::DialogPrimitive::Header` as one-to-one replacement.', - false, - { - id: 'hds.components.modal.header', - until: '5.0.0', - url: 'https://helios.hashicorp.design/components/flyout?tab=version%20history#460', - for: '@hashicorp/design-system-components', - since: { - available: '4.6.0', - enabled: '4.6.0', - }, - } - ); - } -} diff --git a/packages/components/src/components/hds/side-nav/header/icon-button.hbs b/packages/components/src/components/hds/side-nav/header/icon-button.hbs deleted file mode 100644 index 0a53016f1cd..00000000000 --- a/packages/components/src/components/hds/side-nav/header/icon-button.hbs +++ /dev/null @@ -1,22 +0,0 @@ -{{! - Copyright (c) HashiCorp, Inc. - SPDX-License-Identifier: MPL-2.0 -}} -{{! - THIS SUBCOMPONENT IS NOW DEPRECATED -}} - - - \ No newline at end of file diff --git a/packages/components/src/components/hds/side-nav/header/icon-button.ts b/packages/components/src/components/hds/side-nav/header/icon-button.ts deleted file mode 100644 index 7645e31be45..00000000000 --- a/packages/components/src/components/hds/side-nav/header/icon-button.ts +++ /dev/null @@ -1,51 +0,0 @@ -/** - * Copyright (c) HashiCorp, Inc. - * SPDX-License-Identifier: MPL-2.0 - */ - -import Component from '@glimmer/component'; -import { assert, deprecate } from '@ember/debug'; - -import type { HdsIconSignature } from '../../icon'; -import type { HdsInteractiveSignature } from '../../interactive/'; -import type Owner from '@ember/owner'; - -export interface HdsSideNavHeaderIconButtonSignature { - Args: HdsInteractiveSignature['Args'] & { - icon: HdsIconSignature['Args']['name']; - ariaLabel: string; - }; - Element: HdsInteractiveSignature['Element']; -} - -export default class HdsSideNavHeaderIconButton extends Component { - constructor(owner: Owner, args: HdsSideNavHeaderIconButtonSignature['Args']) { - super(owner, args); - - deprecate( - 'The `Hds::SideNav::Header::IconButton` sub-component is now deprecated and will be removed in the next major version of `@hashicorp/design-system-components`. Use `Hds::Button` with the `isIconOnly` variant instead.', - false, - { - id: 'hds.components.sidenav.header.iconbutton', - until: '5.0.0', - url: 'https://helios.hashicorp.design/components/side-nav?tab=version%20history#4100', - for: '@hashicorp/design-system-components', - since: { - available: '4.10.0', - enabled: '4.10.0', - }, - } - ); - } - - get ariaLabel(): string { - const { ariaLabel } = this.args; - - assert( - '@ariaLabel for "Hds::SideNav::Header::IconButton" must have a valid value', - ariaLabel !== undefined - ); - - return ariaLabel; - } -} diff --git a/packages/components/src/components/hds/side-nav/index.hbs b/packages/components/src/components/hds/side-nav/index.hbs index 56c8550dfd1..5540dc9d2b1 100644 --- a/packages/components/src/components/hds/side-nav/index.hbs +++ b/packages/components/src/components/hds/side-nav/index.hbs @@ -34,8 +34,7 @@
{{! template-lint-enable no-invalid-interactive}} void; @@ -84,7 +80,7 @@ export default class HdsSideNav extends Component { false, { id: 'hds.components.sidenav', - until: '5.0.0', + until: '6.0.0', url: 'https://helios.hashicorp.design/components/side-nav?tab=version%20history#4140', for: '@hashicorp/design-system-components', since: { @@ -93,23 +89,6 @@ export default class HdsSideNav extends Component { }, } ); - - if (args.ariaLabel !== undefined) { - deprecate( - 'The `@ariaLabel` argument for "Hds::SideNav" has been deprecated. It is replaced by aria-labelledby and aria-expanded on the toggle button', - false, - { - id: 'hds.sidenav', - until: '5.0.0', - url: 'https://helios.hashicorp.design/components/side-nav?tab=version%20history#4140', - for: '@hashicorp/design-system-components', - since: { - available: '4.14.0', - enabled: '5.0.0', - }, - } - ); - } } addEventListeners(): void { @@ -157,13 +136,6 @@ export default class HdsSideNav extends Component { return (this.isResponsive && !this.isDesktop) || this.isCollapsible; } - /** - * @deprecated The `@ariaLabel` argument for "Hds::SideNav" has been deprecated. It is replaced by aria-labelledby and aria-expanded on the toggle button - */ - get ariaLabel(): string | undefined { - return this.args.ariaLabel; - } - get classNames(): string { const classes = []; // `hds-side-nav` is already set by the "Hds::SideNav::Base" component diff --git a/packages/components/src/components/hds/side-nav/portal/target.ts b/packages/components/src/components/hds/side-nav/portal/target.ts index 076fb5e9eab..d0eefb7877f 100644 --- a/packages/components/src/components/hds/side-nav/portal/target.ts +++ b/packages/components/src/components/hds/side-nav/portal/target.ts @@ -4,7 +4,7 @@ */ import Component from '@glimmer/component'; -import { inject as service } from '@ember/service'; +import { service } from '@ember/service'; import { tracked } from '@glimmer/tracking'; import { action } from '@ember/object'; import { macroCondition, isTesting } from '@embroider/macros'; diff --git a/packages/components/src/components/hds/time/index.ts b/packages/components/src/components/hds/time/index.ts index 3f35278fe0e..8a54306f9c3 100644 --- a/packages/components/src/components/hds/time/index.ts +++ b/packages/components/src/components/hds/time/index.ts @@ -5,7 +5,7 @@ import Component from '@glimmer/component'; import { typeOf } from '@ember/utils'; -import { inject as service } from '@ember/service'; +import { service } from '@ember/service'; import { action } from '@ember/object'; import type { DisplayType } from '../../../services/hds-time-types.ts'; diff --git a/packages/components/src/components/hds/time/range.ts b/packages/components/src/components/hds/time/range.ts index 1a0081f5efd..7198e56713e 100644 --- a/packages/components/src/components/hds/time/range.ts +++ b/packages/components/src/components/hds/time/range.ts @@ -4,7 +4,7 @@ */ import Component from '@glimmer/component'; -import { inject as service } from '@ember/service'; +import { service } from '@ember/service'; import type TimeService from '../../../services/hds-time'; export interface HdsTimeRangeSignature { diff --git a/packages/components/src/instance-initializers/load-sprite.ts b/packages/components/src/instance-initializers/load-sprite.ts index 8d5cf982217..a88ecd9eccb 100644 --- a/packages/components/src/instance-initializers/load-sprite.ts +++ b/packages/components/src/instance-initializers/load-sprite.ts @@ -6,11 +6,8 @@ import config from 'ember-get-config'; export async function initialize() { - // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment - const legacyLazyEmbed = config?.emberFlightIcons?.lazyEmbed; - // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access - if (config?.flightIconsSpriteLazyEmbed || legacyLazyEmbed) { + if (config?.flightIconsSpriteLazyEmbed) { const { default: svgSprite } = await import( '@hashicorp/flight-icons/svg-sprite/svg-sprite-module' ); diff --git a/packages/components/src/styles/@hashicorp/design-system-components.scss b/packages/components/src/styles/@hashicorp/design-system-components.scss index 00c6008b820..c74eaa36f4b 100644 --- a/packages/components/src/styles/@hashicorp/design-system-components.scss +++ b/packages/components/src/styles/@hashicorp/design-system-components.scss @@ -39,7 +39,6 @@ @use "../components/icon-tile"; @use "../components/layout"; // multiple components @use "../components/link"; // multiple components -@use "../components/menu-primitive"; @use "../components/modal"; @use "../components/page-header"; @use "../components/pagination"; diff --git a/packages/components/src/styles/components/dropdown.scss b/packages/components/src/styles/components/dropdown.scss index 0c35374cd8b..014c6146f74 100644 --- a/packages/components/src/styles/components/dropdown.scss +++ b/packages/components/src/styles/components/dropdown.scss @@ -207,7 +207,7 @@ $hds-dropdown-toggle-border-radius: $hds-button-border-radius; // LIST // UL ELEMENT -// GOES INSIDE HDS::MenuPrimitive's :content block +// GOES INSIDE HDS::PopoverPrimitive's popover element .hds-dropdown__content { position: relative; diff --git a/packages/components/src/styles/components/menu-primitive.scss b/packages/components/src/styles/components/menu-primitive.scss deleted file mode 100644 index 0ed5a234395..00000000000 --- a/packages/components/src/styles/components/menu-primitive.scss +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Copyright (c) HashiCorp, Inc. - * SPDX-License-Identifier: MPL-2.0 - */ - -// -// MenuPrimitive COMPONENT -// - -.hds-menu-primitive { - position: relative; - width: fit-content; -} diff --git a/packages/components/src/styles/components/side-nav/header.scss b/packages/components/src/styles/components/side-nav/header.scss index e79eb3d3add..a20703abd02 100644 --- a/packages/components/src/styles/components/side-nav/header.scss +++ b/packages/components/src/styles/components/side-nav/header.scss @@ -94,29 +94,3 @@ } } } - -// generic "icon-button" - -// TODO: Replace this component with Hds::Button -.hds-side-nav__icon-button { - @include hds-interactive-dark-theme(); - display: flex; - align-items: center; - justify-content: center; - width: 36px; // same height as the dropdown "toggle" - height: 36px; - padding: 5px; // we take in account the transparent border - - // disabled state: - &:disabled, - &[disabled], - &.mock-disabled, - &:disabled:focus, - &[disabled]:focus, - &.mock-disabled:focus, - &:disabled:hover, - &[disabled]:hover, - &.mock-disabled:hover { - @include hds-interactive-dark-theme-state-disabled(); - } -} diff --git a/packages/components/src/template-registry.ts b/packages/components/src/template-registry.ts index 66183aa31c6..ddedfe2f9e2 100644 --- a/packages/components/src/template-registry.ts +++ b/packages/components/src/template-registry.ts @@ -97,10 +97,6 @@ import type HdsDropdownListItemTitleComponent from './components/hds/dropdown/li import type HdsDropdownToggleButtonComponent from './components/hds/dropdown/toggle/button'; import type HdsDropdownToggleChevronComponent from './components/hds/dropdown/toggle/chevron'; import type HdsDropdownToggleIconComponent from './components/hds/dropdown/toggle/icon'; -import type HdsFlyoutBodyComponent from './components/hds/flyout/body'; -import type HdsFlyoutDescriptionComponent from './components/hds/flyout/description'; -import type HdsFlyoutFooterComponent from './components/hds/flyout/footer'; -import type HdsFlyoutHeaderComponent from './components/hds/flyout/header'; import type HdsFlyoutComponent from './components/hds/flyout'; import type HdsFormComponent from './components/hds/form'; @@ -168,10 +164,6 @@ import type HdsLayoutGridComponent from './components/hds/layout/grid'; import type HdsLayoutGridItemComponent from './components/hds/layout/grid/item'; import type HdsLinkInlineComponent from './components/hds/link/inline'; import type HdsLinkStandaloneComponent from './components/hds/link/standalone'; -import type HdsMenuPrimitiveComponent from './components/hds/menu-primitive'; -import type HdsModalBodyComponent from './components/hds/modal/body'; -import type HdsModalFooterComponent from './components/hds/modal/footer'; -import type HdsModalHeaderComponent from './components/hds/modal/header'; import type HdsModalComponent from './components/hds/modal/'; import type HdsPageHeaderComponent from './components/hds/page-header'; import type HdsPageHeaderActionsComponent from './components/hds/page-header/actions'; @@ -201,7 +193,6 @@ import type HdsSideNavPortalComponent from './components/hds/side-nav/portal'; import type HdsSideNavPortalTargetComponent from './components/hds/side-nav/portal/target'; import type HdsSideNavHeaderComponent from './components/hds/side-nav/header'; import type HdsSideNavHeaderHomeLinkComponent from './components/hds/side-nav/header/home-link'; -import type HdsSideNavHeaderIconButtonComponent from './components/hds/side-nav/header/icon-button'; import type HdsSideNavListComponent from './components/hds/side-nav/list'; import type HdsSideNavListBackLinkComponent from './components/hds/side-nav/list/back-link'; import type HdsSideNavListItemComponent from './components/hds/side-nav/list/item'; @@ -570,18 +561,6 @@ export default interface HdsComponentsRegistry { 'Hds::Flyout': typeof HdsFlyoutComponent; 'hds/flyout': typeof HdsFlyoutComponent; - 'Hds::Flyout::Body': typeof HdsFlyoutBodyComponent; - 'hds/flyout/body': typeof HdsFlyoutBodyComponent; - - 'Hds::Flyout::Description': typeof HdsFlyoutDescriptionComponent; - 'hds/flyout/description': typeof HdsFlyoutDescriptionComponent; - - 'Hds::Flyout::Footer': typeof HdsFlyoutFooterComponent; - 'hds/flyout/footer': typeof HdsFlyoutFooterComponent; - - 'Hds::Flyout::Header': typeof HdsFlyoutHeaderComponent; - 'hds/flyout/header': typeof HdsFlyoutHeaderComponent; - // FORM 'Hds::Form': typeof HdsFormComponent; 'hds/form': typeof HdsFormComponent; @@ -806,23 +785,10 @@ export default interface HdsComponentsRegistry { 'Hds::Link::Standalone': typeof HdsLinkStandaloneComponent; 'hds/link/standalone': typeof HdsLinkStandaloneComponent; - // MenuPrimitive - 'Hds::MenuPrimitive': typeof HdsMenuPrimitiveComponent; - 'hds/menu-primitive': typeof HdsMenuPrimitiveComponent; - // Modal 'Hds::Modal': typeof HdsModalComponent; 'hds/modal': typeof HdsModalComponent; - 'Hds::ModalBody': typeof HdsModalBodyComponent; - 'hds/modal/body': typeof HdsModalBodyComponent; - - 'Hds::ModalFooter': typeof HdsModalFooterComponent; - 'hds/modal/footer': typeof HdsModalFooterComponent; - - 'Hds::ModalHeader': typeof HdsModalHeaderComponent; - 'hds/modal/header': typeof HdsModalHeaderComponent; - // PageHeader 'Hds::PageHeader': typeof HdsPageHeaderComponent; 'hds/page-header': typeof HdsPageHeaderComponent; @@ -925,10 +891,6 @@ export default interface HdsComponentsRegistry { 'hds/side-nav/header/home-link': typeof HdsSideNavHeaderHomeLinkComponent; HdsSideNavHeaderHomeLink: typeof HdsSideNavHeaderHomeLinkComponent; - 'Hds::SideNav::Header::IconButton': typeof HdsSideNavHeaderIconButtonComponent; - 'hds/side-nav/header/icon-button': typeof HdsSideNavHeaderIconButtonComponent; - HdsSideNavHeaderIconButton: typeof HdsSideNavHeaderIconButtonComponent; - 'Hds::SideNav::List': typeof HdsSideNavListComponent; 'hds/side-nav/list': typeof HdsSideNavListComponent; HdsSideNavList: typeof HdsSideNavListComponent; diff --git a/packages/flight-icons/catalog.json b/packages/flight-icons/catalog.json index d2eb365a7e5..47f7b2d6278 100644 --- a/packages/flight-icons/catalog.json +++ b/packages/flight-icons/catalog.json @@ -1,5 +1,5 @@ { - "lastRunTimeISO": "2025-08-20T23:58:48.772Z", + "lastRunTimeISO": "2025-10-02T23:36:22.558Z", "lastRunFigma": { "id": "TLnoT5AYQfy3tZ0H68BgOr", "page": "Export", @@ -7668,8 +7668,8 @@ }, { "id": "350:4505", - "fileName": "volume-2-24", - "iconName": "volume-2", + "fileName": "volume-up-24", + "iconName": "volume-up", "description": "volume, up, high, loud, sound, audio, speaker", "category": "Media", "size": "24", @@ -7678,8 +7678,8 @@ }, { "id": "350:4509", - "fileName": "volume-2-16", - "iconName": "volume-2", + "fileName": "volume-up-16", + "iconName": "volume-up", "description": "volume, up, high, loud, sound, audio, speaker", "category": "Media", "size": "16", diff --git a/packages/flight-icons/svg-original/volume-2-16.svg b/packages/flight-icons/svg-original/volume-up-16.svg similarity index 100% rename from packages/flight-icons/svg-original/volume-2-16.svg rename to packages/flight-icons/svg-original/volume-up-16.svg diff --git a/packages/flight-icons/svg-original/volume-2-24.svg b/packages/flight-icons/svg-original/volume-up-24.svg similarity index 100% rename from packages/flight-icons/svg-original/volume-2-24.svg rename to packages/flight-icons/svg-original/volume-up-24.svg diff --git a/packages/flight-icons/svg-react/index.ts b/packages/flight-icons/svg-react/index.ts index a492bda711b..7799c010660 100644 --- a/packages/flight-icons/svg-react/index.ts +++ b/packages/flight-icons/svg-react/index.ts @@ -764,8 +764,8 @@ export { IconVolume24 } from './volume-24'; export { IconVolume16 } from './volume-16'; export { IconVolumeDown24 } from './volume-down-24'; export { IconVolumeDown16 } from './volume-down-16'; -export { IconVolume224 } from './volume-2-24'; -export { IconVolume216 } from './volume-2-16'; +export { IconVolumeUp24 } from './volume-up-24'; +export { IconVolumeUp16 } from './volume-up-16'; export { IconVolumeX24 } from './volume-x-24'; export { IconVolumeX16 } from './volume-x-16'; export { IconWifi24 } from './wifi-24'; diff --git a/packages/flight-icons/svg-react/volume-2-16.tsx b/packages/flight-icons/svg-react/volume-up-16.tsx similarity index 96% rename from packages/flight-icons/svg-react/volume-2-16.tsx rename to packages/flight-icons/svg-react/volume-up-16.tsx index 47be6082b61..629ddac9792 100644 --- a/packages/flight-icons/svg-react/volume-2-16.tsx +++ b/packages/flight-icons/svg-react/volume-up-16.tsx @@ -1,7 +1,7 @@ import { forwardRef, useMemo } from 'react'; import { IconProps } from './types'; -export const IconVolume216 = forwardRef( +export const IconVolumeUp16 = forwardRef( ({ color = 'currentColor', title, ...props }, svgRef) => { const titleId = useMemo( () => diff --git a/packages/flight-icons/svg-react/volume-2-24.tsx b/packages/flight-icons/svg-react/volume-up-24.tsx similarity index 96% rename from packages/flight-icons/svg-react/volume-2-24.tsx rename to packages/flight-icons/svg-react/volume-up-24.tsx index 2006a14ee94..bd2a3801246 100644 --- a/packages/flight-icons/svg-react/volume-2-24.tsx +++ b/packages/flight-icons/svg-react/volume-up-24.tsx @@ -1,7 +1,7 @@ import { forwardRef, useMemo } from 'react'; import { IconProps } from './types'; -export const IconVolume224 = forwardRef( +export const IconVolumeUp24 = forwardRef( ({ color = 'currentColor', title, ...props }, svgRef) => { const titleId = useMemo( () => diff --git a/packages/flight-icons/svg-sprite/svg-sprite-module.js b/packages/flight-icons/svg-sprite/svg-sprite-module.js index a29773e9605..594e36bb216 100644 --- a/packages/flight-icons/svg-sprite/svg-sprite-module.js +++ b/packages/flight-icons/svg-sprite/svg-sprite-module.js @@ -4,4 +4,4 @@ */ // THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. -module.exports = ''; +module.exports = ''; diff --git a/packages/flight-icons/svg-sprite/svg-sprite.svg b/packages/flight-icons/svg-sprite/svg-sprite.svg index f9d587bd4f1..251ada544ea 100644 --- a/packages/flight-icons/svg-sprite/svg-sprite.svg +++ b/packages/flight-icons/svg-sprite/svg-sprite.svg @@ -4,4 +4,4 @@ --> - + diff --git a/packages/flight-icons/svg/index.d.ts b/packages/flight-icons/svg/index.d.ts index 56c2ef38a60..ec30980876c 100644 --- a/packages/flight-icons/svg/index.d.ts +++ b/packages/flight-icons/svg/index.d.ts @@ -3,5 +3,5 @@ * SPDX-License-Identifier: MPL-2.0 */ -export declare const iconNames: readonly ['loading', 'loading-static', 'running', 'running-static', 'apple', 'apple-color', 'alibaba', 'alibaba-color', 'amazon-ecs', 'amazon-ecs-color', 'amazon-eks', 'amazon-eks-color', 'auth0', 'auth0-color', 'aws', 'aws-color', 'aws-cdk', 'aws-cdk-color', 'aws-cloudwatch', 'aws-cloudwatch-color', 'aws-ec2', 'aws-ec2-color', 'aws-lambda', 'aws-lambda-color', 'aws-s3', 'aws-s3-color', 'azure', 'azure-color', 'azure-aks', 'azure-aks-color', 'azure-blob-storage', 'azure-blob-storage-color', 'azure-devops', 'azure-devops-color', 'azure-vms', 'azure-vms-color', 'bitbucket', 'bitbucket-color', 'bridgecrew', 'bridgecrew-color', 'cisco', 'cisco-color', 'codepen', 'codepen-color', 'confluence', 'confluence-color', 'confluent', 'confluent-color', 'datadog', 'datadog-color', 'digital-ocean', 'digital-ocean-color', 'docker', 'docker-color', 'duo', 'duo-color', 'elastic-observability', 'elastic-observability-color', 'f5', 'f5-color', 'facebook', 'facebook-color', 'figma', 'figma-color', 'gcp', 'gcp-color', 'git', 'git-color', 'gitlab', 'gitlab-color', 'github', 'github-color', 'google', 'google-color', 'google-docs', 'google-docs-color', 'google-drive', 'google-drive-color', 'google-forms', 'google-forms-color', 'google-sheets', 'google-sheets-color', 'google-slides', 'google-slides-color', 'grafana', 'grafana-color', 'helm', 'helm-color', 'infracost', 'infracost-color', 'jfrog', 'jfrog-color', 'jira', 'jira-color', 'jwt', 'jwt-color', 'kubernetes', 'kubernetes-color', 'lightlytics', 'lightlytics-color', 'linkedin', 'linkedin-color', 'linode', 'linode-color', 'linux', 'linux-color', 'loom', 'loom-color', 'meetup', 'meetup-color', 'microsoft', 'microsoft-color', 'microsoft-teams', 'microsoft-teams-color', 'minio', 'minio-color', 'mongodb', 'mongodb-color', 'new-relic', 'new-relic-color', 'okta', 'okta-color', 'oracle', 'oracle-color', 'opa', 'opa-color', 'openid', 'openid-color', 'pack', 'pack-color', 'pager-duty', 'pager-duty-color', 'ping-identity ', 'ping-identity-color', 'postgres', 'postgres-color', 'rabbitmq', 'rabbitmq-color', 'saml', 'saml-color', 'service-now', 'service-now-color', 'slack', 'slack-color', 'snyk', 'snyk-color', 'splunk', 'splunk-color', 'twilio', 'twilio-color', 'twitch', 'twitch-color', 'twitter', 'twitter-color', 'twitter-x', 'twitter-x-color', 'vantage', 'vantage-color', 'venafi', 'venafi-color', 'vercel', 'vercel-color', 'vmware', 'vmware-color', 'youtube', 'youtube-color', 'boundary', 'boundary-color', 'boundary-fill', 'boundary-fill-color', 'boundary-square', 'boundary-square-color', 'consul', 'consul-color', 'consul-fill', 'consul-fill-color', 'consul-square', 'consul-square-color', 'nomad', 'nomad-color', 'nomad-fill', 'nomad-fill-color', 'nomad-square', 'nomad-square-color', 'packer', 'packer-color', 'packer-fill', 'packer-fill-color', 'packer-square', 'packer-square-color', 'terraform', 'terraform-color', 'terraform-fill', 'terraform-fill-color', 'terraform-square', 'terraform-square-color', 'vagrant', 'vagrant-color', 'vagrant-fill', 'vagrant-fill-color', 'vagrant-square', 'vagrant-square-color', 'vault', 'vault-color', 'vault-fill', 'vault-fill-color', 'vault-square', 'vault-square-color', 'vault-radar', 'vault-radar-color', 'vault-radar-fill', 'vault-radar-fill-color', 'vault-radar-square', 'vault-radar-square-color', 'vault-secrets', 'vault-secrets-color', 'vault-secrets-fill', 'vault-secrets-fill-color', 'vault-secrets-square', 'vault-secrets-square-color', 'waypoint', 'waypoint-color', 'waypoint-fill', 'waypoint-fill-color', 'waypoint-square', 'waypoint-square-color', 'hashicorp', 'hashicorp-color', 'hashicorp-fill', 'hashicorp-fill-color', 'hashicorp-square', 'hashicorp-square-color', 'hcp', 'hcp-color', 'hcp-fill', 'hcp-fill-color', 'hcp-square', 'hcp-square-color', 'accessibility', 'folder-users', 'frown', 'identity-service', 'identity-user', 'meh', 'robot', 'smile', 'user', 'user-check', 'user-circle', 'user-circle-fill', 'user-minus', 'user-plus', 'user-x', 'users', 'ampersand', 'beaker', 'bucket', 'bulb', 'circle', 'circle-dot', 'circle-fill', 'circle-half', 'diamond', 'diamond-fill', 'disc', 'dot', 'dot-half', 'droplet', 'flag', 'gift', 'government', 'handshake', 'hash', 'hexagon', 'hexagon-fill', 'labyrinth', 'layers', 'moon', 'octagon', 'outline', 'random', 'rocket', 'sparkle', 'square', 'square-fill', 'sun', 'triangle', 'triangle-fill', 'truck', 'wand', 'zap', 'zap-off', 'docs', 'docs-download', 'docs-link', 'guide', 'guide-link', 'help', 'info', 'info-fill', 'learn', 'learn-link', 'support', 'alert-circle', 'alert-circle-fill', 'alert-diamond', 'alert-diamond-fill', 'alert-octagon', 'alert-octagon-fill', 'alert-triangle', 'alert-triangle-fill', 'check', 'check-circle', 'check-circle-fill', 'check-diamond', 'check-diamond-fill', 'check-hexagon', 'check-hexagon-fill', 'check-square', 'check-square-fill', 'skip', 'x', 'x-circle', 'x-circle-fill', 'x-diamond', 'x-diamond-fill', 'x-hexagon', 'x-hexagon-fill', 'x-square', 'x-square-fill', 'bug', 'certificate', 'eye', 'eye-off', 'fingerprint', 'key', 'keychain', 'lock', 'lock-fill', 'lock-off', 'shield', 'shield-alert', 'shield-check', 'shield-off', 'shield-x', 'token', 'unlock', 'verified', 'wall', 'minus', 'minus-circle', 'minus-circle-fill', 'minus-plus', 'minus-plus-circle', 'minus-plus-square', 'minus-square', 'minus-square-fill', 'plus', 'plus-circle', 'plus-circle-fill', 'plus-square', 'camera', 'camera-off', 'cast', 'closed-caption', 'fast-forward', 'film', 'headphones', 'image', 'music', 'pause', 'pause-circle', 'play', 'play-circle', 'radio', 'rewind', 'rss', 'skip-back', 'skip-forward', 'speaker', 'stop-circle', 'volume', 'volume-down', 'volume-2', 'volume-x', 'wifi', 'wifi-off', 'compass', 'crosshair', 'map', 'map-pin', 'navigation', 'navigation-alt', 'redirect', 'target', 'align-center', 'align-justify', 'align-left', 'align-right', 'battery', 'battery-charging', 'bookmark', 'bookmark-add', 'bookmark-add-fill', 'bookmark-fill', 'bookmark-remove', 'bookmark-remove-fill', 'bottom', 'top', 'start', 'end', 'command', 'crop', 'dashboard', 'delete', 'download', 'edit', 'entry-point', 'exit-point', 'external-link', 'filter', 'filter-circle', 'filter-fill', 'grid', 'grid-alt', 'home', 'jump-link', 'layout', 'link', 'list', 'maximize', 'maximize-alt', 'menu', 'minimize', 'minimize-alt', 'more-horizontal', 'more-vertical', 'mouse-pointer', 'move-horizontal', 'paperclip', 'pen-tool', 'pencil-tool', 'pin', 'pin-off', 'power', 'printer', 'reload', 'repeat', 'resize-column', 'rotate-cw', 'rotate-ccw', 'search', 'share', 'sidebar', 'sidebar-hide', 'sidebar-show', 'sign-in', 'sign-out', 'slash', 'slash-square', 'sort-asc', 'sort-desc', 'switcher', 'sync', 'sync-alert', 'sync-reverse', 'tag', 'toggle-left', 'toggle-right', 'trash', 'type', 'text-wrap', 'unfold-close', 'unfold-open', 'upload', 'zoom-in', 'zoom-out', 'archive', 'clipboard', 'clipboard-checked', 'clipboard-copy', 'clipboard-x', 'file', 'file-change', 'file-check', 'file-diff', 'file-minus', 'file-plus', 'file-source', 'file-text', 'file-x', 'files', 'folder', 'folder-fill', 'folder-minus', 'folder-minus-fill', 'folder-plus', 'folder-plus-fill', 'folder-star', 'inbox', 'api', 'auto-apply', 'build', 'change', 'change-circle', 'change-square', 'channel', 'cloud', 'cloud-check', 'cloud-download', 'cloud-lightning', 'cloud-lock', 'cloud-off', 'cloud-upload', 'cloud-x', 'code', 'connection', 'connection-gateway', 'cpu', 'duplicate', 'gateway', 'git-branch', 'git-commit', 'git-merge', 'git-pull-request', 'git-repo', 'hammer', 'key-values', 'mainframe', 'mesh', 'module', 'monitor', 'network', 'network-alt', 'node', 'path', 'pipeline', 'plug', 'replication-direct', 'replication-perf', 'scissors', 'server', 'server-cluster', 'serverless', 'service', 'settings', 'sliders', 'smartphone', 'socket', 'step', 'tablet', 'terminal', 'terminal-screen', 'test', 'tools', 'transform-data', 'tv', 'webhook', 'wrench', 'calendar', 'clock', 'clock-filled', 'delay', 'event', 'history', 'hourglass', 'watch', 'bar-chart', 'bar-chart-alt', 'box', 'collections', 'database', 'hard-drive', 'line-chart', 'line-chart-up', 'logs', 'package', 'pie-chart', 'queue', 'save', 'trend-down', 'trend-up', 'activity', 'at-sign', 'award', 'bell', 'bell-active', 'bell-active-fill', 'bell-off', 'discussion-circle', 'discussion-square', 'heart', 'heart-fill', 'heart-off', 'mail', 'mail-open', 'message-circle', 'message-circle-fill', 'message-square', 'message-square-fill', 'mic', 'mic-off', 'newspaper', 'phone', 'phone-call', 'phone-off', 'send', 'star', 'star-circle', 'star-fill', 'star-off', 'thumbs-down', 'thumbs-up', 'video', 'video-off', 'bank-vault', 'briefcase', 'credit-card', 'dollar-sign', 'enterprise', 'globe', 'globe-private', 'org', 'provider', 'shopping-bag', 'shopping-cart', 'arrow-down', 'arrow-down-circle', 'arrow-down-left', 'arrow-down-right', 'arrow-left', 'arrow-left-circle', 'arrow-right', 'arrow-right-circle', 'arrow-up', 'arrow-up-circle', 'arrow-up-left', 'arrow-up-right', 'caret', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'chevrons-down', 'chevrons-left', 'chevrons-right', 'chevrons-up', 'corner-down-left', 'corner-down-right', 'corner-left-down', 'corner-left-up', 'corner-right-down', 'corner-right-up', 'corner-up-left', 'corner-up-right', 'load-balancer', 'migrate', 'move', 'shuffle', 'swap-horizontal', 'swap-vertical']; +export declare const iconNames: readonly ['loading', 'loading-static', 'running', 'running-static', 'apple', 'apple-color', 'alibaba', 'alibaba-color', 'amazon-ecs', 'amazon-ecs-color', 'amazon-eks', 'amazon-eks-color', 'auth0', 'auth0-color', 'aws', 'aws-color', 'aws-cdk', 'aws-cdk-color', 'aws-cloudwatch', 'aws-cloudwatch-color', 'aws-ec2', 'aws-ec2-color', 'aws-lambda', 'aws-lambda-color', 'aws-s3', 'aws-s3-color', 'azure', 'azure-color', 'azure-aks', 'azure-aks-color', 'azure-blob-storage', 'azure-blob-storage-color', 'azure-devops', 'azure-devops-color', 'azure-vms', 'azure-vms-color', 'bitbucket', 'bitbucket-color', 'bridgecrew', 'bridgecrew-color', 'cisco', 'cisco-color', 'codepen', 'codepen-color', 'confluence', 'confluence-color', 'confluent', 'confluent-color', 'datadog', 'datadog-color', 'digital-ocean', 'digital-ocean-color', 'docker', 'docker-color', 'duo', 'duo-color', 'elastic-observability', 'elastic-observability-color', 'f5', 'f5-color', 'facebook', 'facebook-color', 'figma', 'figma-color', 'gcp', 'gcp-color', 'git', 'git-color', 'gitlab', 'gitlab-color', 'github', 'github-color', 'google', 'google-color', 'google-docs', 'google-docs-color', 'google-drive', 'google-drive-color', 'google-forms', 'google-forms-color', 'google-sheets', 'google-sheets-color', 'google-slides', 'google-slides-color', 'grafana', 'grafana-color', 'helm', 'helm-color', 'infracost', 'infracost-color', 'jfrog', 'jfrog-color', 'jira', 'jira-color', 'jwt', 'jwt-color', 'kubernetes', 'kubernetes-color', 'lightlytics', 'lightlytics-color', 'linkedin', 'linkedin-color', 'linode', 'linode-color', 'linux', 'linux-color', 'loom', 'loom-color', 'meetup', 'meetup-color', 'microsoft', 'microsoft-color', 'microsoft-teams', 'microsoft-teams-color', 'minio', 'minio-color', 'mongodb', 'mongodb-color', 'new-relic', 'new-relic-color', 'okta', 'okta-color', 'oracle', 'oracle-color', 'opa', 'opa-color', 'openid', 'openid-color', 'pack', 'pack-color', 'pager-duty', 'pager-duty-color', 'ping-identity ', 'ping-identity-color', 'postgres', 'postgres-color', 'rabbitmq', 'rabbitmq-color', 'saml', 'saml-color', 'service-now', 'service-now-color', 'slack', 'slack-color', 'snyk', 'snyk-color', 'splunk', 'splunk-color', 'twilio', 'twilio-color', 'twitch', 'twitch-color', 'twitter', 'twitter-color', 'twitter-x', 'twitter-x-color', 'vantage', 'vantage-color', 'venafi', 'venafi-color', 'vercel', 'vercel-color', 'vmware', 'vmware-color', 'youtube', 'youtube-color', 'boundary', 'boundary-color', 'boundary-fill', 'boundary-fill-color', 'boundary-square', 'boundary-square-color', 'consul', 'consul-color', 'consul-fill', 'consul-fill-color', 'consul-square', 'consul-square-color', 'nomad', 'nomad-color', 'nomad-fill', 'nomad-fill-color', 'nomad-square', 'nomad-square-color', 'packer', 'packer-color', 'packer-fill', 'packer-fill-color', 'packer-square', 'packer-square-color', 'terraform', 'terraform-color', 'terraform-fill', 'terraform-fill-color', 'terraform-square', 'terraform-square-color', 'vagrant', 'vagrant-color', 'vagrant-fill', 'vagrant-fill-color', 'vagrant-square', 'vagrant-square-color', 'vault', 'vault-color', 'vault-fill', 'vault-fill-color', 'vault-square', 'vault-square-color', 'vault-radar', 'vault-radar-color', 'vault-radar-fill', 'vault-radar-fill-color', 'vault-radar-square', 'vault-radar-square-color', 'vault-secrets', 'vault-secrets-color', 'vault-secrets-fill', 'vault-secrets-fill-color', 'vault-secrets-square', 'vault-secrets-square-color', 'waypoint', 'waypoint-color', 'waypoint-fill', 'waypoint-fill-color', 'waypoint-square', 'waypoint-square-color', 'hashicorp', 'hashicorp-color', 'hashicorp-fill', 'hashicorp-fill-color', 'hashicorp-square', 'hashicorp-square-color', 'hcp', 'hcp-color', 'hcp-fill', 'hcp-fill-color', 'hcp-square', 'hcp-square-color', 'accessibility', 'folder-users', 'frown', 'identity-service', 'identity-user', 'meh', 'robot', 'smile', 'user', 'user-check', 'user-circle', 'user-circle-fill', 'user-minus', 'user-plus', 'user-x', 'users', 'ampersand', 'beaker', 'bucket', 'bulb', 'circle', 'circle-dot', 'circle-fill', 'circle-half', 'diamond', 'diamond-fill', 'disc', 'dot', 'dot-half', 'droplet', 'flag', 'gift', 'government', 'handshake', 'hash', 'hexagon', 'hexagon-fill', 'labyrinth', 'layers', 'moon', 'octagon', 'outline', 'random', 'rocket', 'sparkle', 'square', 'square-fill', 'sun', 'triangle', 'triangle-fill', 'truck', 'wand', 'zap', 'zap-off', 'docs', 'docs-download', 'docs-link', 'guide', 'guide-link', 'help', 'info', 'info-fill', 'learn', 'learn-link', 'support', 'alert-circle', 'alert-circle-fill', 'alert-diamond', 'alert-diamond-fill', 'alert-octagon', 'alert-octagon-fill', 'alert-triangle', 'alert-triangle-fill', 'check', 'check-circle', 'check-circle-fill', 'check-diamond', 'check-diamond-fill', 'check-hexagon', 'check-hexagon-fill', 'check-square', 'check-square-fill', 'skip', 'x', 'x-circle', 'x-circle-fill', 'x-diamond', 'x-diamond-fill', 'x-hexagon', 'x-hexagon-fill', 'x-square', 'x-square-fill', 'bug', 'certificate', 'eye', 'eye-off', 'fingerprint', 'key', 'keychain', 'lock', 'lock-fill', 'lock-off', 'shield', 'shield-alert', 'shield-check', 'shield-off', 'shield-x', 'token', 'unlock', 'verified', 'wall', 'minus', 'minus-circle', 'minus-circle-fill', 'minus-plus', 'minus-plus-circle', 'minus-plus-square', 'minus-square', 'minus-square-fill', 'plus', 'plus-circle', 'plus-circle-fill', 'plus-square', 'camera', 'camera-off', 'cast', 'closed-caption', 'fast-forward', 'film', 'headphones', 'image', 'music', 'pause', 'pause-circle', 'play', 'play-circle', 'radio', 'rewind', 'rss', 'skip-back', 'skip-forward', 'speaker', 'stop-circle', 'volume', 'volume-down', 'volume-up', 'volume-x', 'wifi', 'wifi-off', 'compass', 'crosshair', 'map', 'map-pin', 'navigation', 'navigation-alt', 'redirect', 'target', 'align-center', 'align-justify', 'align-left', 'align-right', 'battery', 'battery-charging', 'bookmark', 'bookmark-add', 'bookmark-add-fill', 'bookmark-fill', 'bookmark-remove', 'bookmark-remove-fill', 'bottom', 'top', 'start', 'end', 'command', 'crop', 'dashboard', 'delete', 'download', 'edit', 'entry-point', 'exit-point', 'external-link', 'filter', 'filter-circle', 'filter-fill', 'grid', 'grid-alt', 'home', 'jump-link', 'layout', 'link', 'list', 'maximize', 'maximize-alt', 'menu', 'minimize', 'minimize-alt', 'more-horizontal', 'more-vertical', 'mouse-pointer', 'move-horizontal', 'paperclip', 'pen-tool', 'pencil-tool', 'pin', 'pin-off', 'power', 'printer', 'reload', 'repeat', 'resize-column', 'rotate-cw', 'rotate-ccw', 'search', 'share', 'sidebar', 'sidebar-hide', 'sidebar-show', 'sign-in', 'sign-out', 'slash', 'slash-square', 'sort-asc', 'sort-desc', 'switcher', 'sync', 'sync-alert', 'sync-reverse', 'tag', 'toggle-left', 'toggle-right', 'trash', 'type', 'text-wrap', 'unfold-close', 'unfold-open', 'upload', 'zoom-in', 'zoom-out', 'archive', 'clipboard', 'clipboard-checked', 'clipboard-copy', 'clipboard-x', 'file', 'file-change', 'file-check', 'file-diff', 'file-minus', 'file-plus', 'file-source', 'file-text', 'file-x', 'files', 'folder', 'folder-fill', 'folder-minus', 'folder-minus-fill', 'folder-plus', 'folder-plus-fill', 'folder-star', 'inbox', 'api', 'auto-apply', 'build', 'change', 'change-circle', 'change-square', 'channel', 'cloud', 'cloud-check', 'cloud-download', 'cloud-lightning', 'cloud-lock', 'cloud-off', 'cloud-upload', 'cloud-x', 'code', 'connection', 'connection-gateway', 'cpu', 'duplicate', 'gateway', 'git-branch', 'git-commit', 'git-merge', 'git-pull-request', 'git-repo', 'hammer', 'key-values', 'mainframe', 'mesh', 'module', 'monitor', 'network', 'network-alt', 'node', 'path', 'pipeline', 'plug', 'replication-direct', 'replication-perf', 'scissors', 'server', 'server-cluster', 'serverless', 'service', 'settings', 'sliders', 'smartphone', 'socket', 'step', 'tablet', 'terminal', 'terminal-screen', 'test', 'tools', 'transform-data', 'tv', 'webhook', 'wrench', 'calendar', 'clock', 'clock-filled', 'delay', 'event', 'history', 'hourglass', 'watch', 'bar-chart', 'bar-chart-alt', 'box', 'collections', 'database', 'hard-drive', 'line-chart', 'line-chart-up', 'logs', 'package', 'pie-chart', 'queue', 'save', 'trend-down', 'trend-up', 'activity', 'at-sign', 'award', 'bell', 'bell-active', 'bell-active-fill', 'bell-off', 'discussion-circle', 'discussion-square', 'heart', 'heart-fill', 'heart-off', 'mail', 'mail-open', 'message-circle', 'message-circle-fill', 'message-square', 'message-square-fill', 'mic', 'mic-off', 'newspaper', 'phone', 'phone-call', 'phone-off', 'send', 'star', 'star-circle', 'star-fill', 'star-off', 'thumbs-down', 'thumbs-up', 'video', 'video-off', 'bank-vault', 'briefcase', 'credit-card', 'dollar-sign', 'enterprise', 'globe', 'globe-private', 'org', 'provider', 'shopping-bag', 'shopping-cart', 'arrow-down', 'arrow-down-circle', 'arrow-down-left', 'arrow-down-right', 'arrow-left', 'arrow-left-circle', 'arrow-right', 'arrow-right-circle', 'arrow-up', 'arrow-up-circle', 'arrow-up-left', 'arrow-up-right', 'caret', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'chevrons-down', 'chevrons-left', 'chevrons-right', 'chevrons-up', 'corner-down-left', 'corner-down-right', 'corner-left-down', 'corner-left-up', 'corner-right-down', 'corner-right-up', 'corner-up-left', 'corner-up-right', 'load-balancer', 'migrate', 'move', 'shuffle', 'swap-horizontal', 'swap-vertical']; export type IconName = typeof iconNames[number]; diff --git a/packages/flight-icons/svg/index.js b/packages/flight-icons/svg/index.js index c1a7a7df9a8..28d8b02749b 100644 --- a/packages/flight-icons/svg/index.js +++ b/packages/flight-icons/svg/index.js @@ -3,4 +3,4 @@ * SPDX-License-Identifier: MPL-2.0 */ -export const iconNames = [ 'loading', 'loading-static', 'running', 'running-static', 'apple', 'apple-color', 'alibaba', 'alibaba-color', 'amazon-ecs', 'amazon-ecs-color', 'amazon-eks', 'amazon-eks-color', 'auth0', 'auth0-color', 'aws', 'aws-color', 'aws-cdk', 'aws-cdk-color', 'aws-cloudwatch', 'aws-cloudwatch-color', 'aws-ec2', 'aws-ec2-color', 'aws-lambda', 'aws-lambda-color', 'aws-s3', 'aws-s3-color', 'azure', 'azure-color', 'azure-aks', 'azure-aks-color', 'azure-blob-storage', 'azure-blob-storage-color', 'azure-devops', 'azure-devops-color', 'azure-vms', 'azure-vms-color', 'bitbucket', 'bitbucket-color', 'bridgecrew', 'bridgecrew-color', 'cisco', 'cisco-color', 'codepen', 'codepen-color', 'confluence', 'confluence-color', 'confluent', 'confluent-color', 'datadog', 'datadog-color', 'digital-ocean', 'digital-ocean-color', 'docker', 'docker-color', 'duo', 'duo-color', 'elastic-observability', 'elastic-observability-color', 'f5', 'f5-color', 'facebook', 'facebook-color', 'figma', 'figma-color', 'gcp', 'gcp-color', 'git', 'git-color', 'gitlab', 'gitlab-color', 'github', 'github-color', 'google', 'google-color', 'google-docs', 'google-docs-color', 'google-drive', 'google-drive-color', 'google-forms', 'google-forms-color', 'google-sheets', 'google-sheets-color', 'google-slides', 'google-slides-color', 'grafana', 'grafana-color', 'helm', 'helm-color', 'infracost', 'infracost-color', 'jfrog', 'jfrog-color', 'jira', 'jira-color', 'jwt', 'jwt-color', 'kubernetes', 'kubernetes-color', 'lightlytics', 'lightlytics-color', 'linkedin', 'linkedin-color', 'linode', 'linode-color', 'linux', 'linux-color', 'loom', 'loom-color', 'meetup', 'meetup-color', 'microsoft', 'microsoft-color', 'microsoft-teams', 'microsoft-teams-color', 'minio', 'minio-color', 'mongodb', 'mongodb-color', 'new-relic', 'new-relic-color', 'okta', 'okta-color', 'oracle', 'oracle-color', 'opa', 'opa-color', 'openid', 'openid-color', 'pack', 'pack-color', 'pager-duty', 'pager-duty-color', 'ping-identity ', 'ping-identity-color', 'postgres', 'postgres-color', 'rabbitmq', 'rabbitmq-color', 'saml', 'saml-color', 'service-now', 'service-now-color', 'slack', 'slack-color', 'snyk', 'snyk-color', 'splunk', 'splunk-color', 'twilio', 'twilio-color', 'twitch', 'twitch-color', 'twitter', 'twitter-color', 'twitter-x', 'twitter-x-color', 'vantage', 'vantage-color', 'venafi', 'venafi-color', 'vercel', 'vercel-color', 'vmware', 'vmware-color', 'youtube', 'youtube-color', 'boundary', 'boundary-color', 'boundary-fill', 'boundary-fill-color', 'boundary-square', 'boundary-square-color', 'consul', 'consul-color', 'consul-fill', 'consul-fill-color', 'consul-square', 'consul-square-color', 'nomad', 'nomad-color', 'nomad-fill', 'nomad-fill-color', 'nomad-square', 'nomad-square-color', 'packer', 'packer-color', 'packer-fill', 'packer-fill-color', 'packer-square', 'packer-square-color', 'terraform', 'terraform-color', 'terraform-fill', 'terraform-fill-color', 'terraform-square', 'terraform-square-color', 'vagrant', 'vagrant-color', 'vagrant-fill', 'vagrant-fill-color', 'vagrant-square', 'vagrant-square-color', 'vault', 'vault-color', 'vault-fill', 'vault-fill-color', 'vault-square', 'vault-square-color', 'vault-radar', 'vault-radar-color', 'vault-radar-fill', 'vault-radar-fill-color', 'vault-radar-square', 'vault-radar-square-color', 'vault-secrets', 'vault-secrets-color', 'vault-secrets-fill', 'vault-secrets-fill-color', 'vault-secrets-square', 'vault-secrets-square-color', 'waypoint', 'waypoint-color', 'waypoint-fill', 'waypoint-fill-color', 'waypoint-square', 'waypoint-square-color', 'hashicorp', 'hashicorp-color', 'hashicorp-fill', 'hashicorp-fill-color', 'hashicorp-square', 'hashicorp-square-color', 'hcp', 'hcp-color', 'hcp-fill', 'hcp-fill-color', 'hcp-square', 'hcp-square-color', 'accessibility', 'folder-users', 'frown', 'identity-service', 'identity-user', 'meh', 'robot', 'smile', 'user', 'user-check', 'user-circle', 'user-circle-fill', 'user-minus', 'user-plus', 'user-x', 'users', 'ampersand', 'beaker', 'bucket', 'bulb', 'circle', 'circle-dot', 'circle-fill', 'circle-half', 'diamond', 'diamond-fill', 'disc', 'dot', 'dot-half', 'droplet', 'flag', 'gift', 'government', 'handshake', 'hash', 'hexagon', 'hexagon-fill', 'labyrinth', 'layers', 'moon', 'octagon', 'outline', 'random', 'rocket', 'sparkle', 'square', 'square-fill', 'sun', 'triangle', 'triangle-fill', 'truck', 'wand', 'zap', 'zap-off', 'docs', 'docs-download', 'docs-link', 'guide', 'guide-link', 'help', 'info', 'info-fill', 'learn', 'learn-link', 'support', 'alert-circle', 'alert-circle-fill', 'alert-diamond', 'alert-diamond-fill', 'alert-octagon', 'alert-octagon-fill', 'alert-triangle', 'alert-triangle-fill', 'check', 'check-circle', 'check-circle-fill', 'check-diamond', 'check-diamond-fill', 'check-hexagon', 'check-hexagon-fill', 'check-square', 'check-square-fill', 'skip', 'x', 'x-circle', 'x-circle-fill', 'x-diamond', 'x-diamond-fill', 'x-hexagon', 'x-hexagon-fill', 'x-square', 'x-square-fill', 'bug', 'certificate', 'eye', 'eye-off', 'fingerprint', 'key', 'keychain', 'lock', 'lock-fill', 'lock-off', 'shield', 'shield-alert', 'shield-check', 'shield-off', 'shield-x', 'token', 'unlock', 'verified', 'wall', 'minus', 'minus-circle', 'minus-circle-fill', 'minus-plus', 'minus-plus-circle', 'minus-plus-square', 'minus-square', 'minus-square-fill', 'plus', 'plus-circle', 'plus-circle-fill', 'plus-square', 'camera', 'camera-off', 'cast', 'closed-caption', 'fast-forward', 'film', 'headphones', 'image', 'music', 'pause', 'pause-circle', 'play', 'play-circle', 'radio', 'rewind', 'rss', 'skip-back', 'skip-forward', 'speaker', 'stop-circle', 'volume', 'volume-down', 'volume-2', 'volume-x', 'wifi', 'wifi-off', 'compass', 'crosshair', 'map', 'map-pin', 'navigation', 'navigation-alt', 'redirect', 'target', 'align-center', 'align-justify', 'align-left', 'align-right', 'battery', 'battery-charging', 'bookmark', 'bookmark-add', 'bookmark-add-fill', 'bookmark-fill', 'bookmark-remove', 'bookmark-remove-fill', 'bottom', 'top', 'start', 'end', 'command', 'crop', 'dashboard', 'delete', 'download', 'edit', 'entry-point', 'exit-point', 'external-link', 'filter', 'filter-circle', 'filter-fill', 'grid', 'grid-alt', 'home', 'jump-link', 'layout', 'link', 'list', 'maximize', 'maximize-alt', 'menu', 'minimize', 'minimize-alt', 'more-horizontal', 'more-vertical', 'mouse-pointer', 'move-horizontal', 'paperclip', 'pen-tool', 'pencil-tool', 'pin', 'pin-off', 'power', 'printer', 'reload', 'repeat', 'resize-column', 'rotate-cw', 'rotate-ccw', 'search', 'share', 'sidebar', 'sidebar-hide', 'sidebar-show', 'sign-in', 'sign-out', 'slash', 'slash-square', 'sort-asc', 'sort-desc', 'switcher', 'sync', 'sync-alert', 'sync-reverse', 'tag', 'toggle-left', 'toggle-right', 'trash', 'type', 'text-wrap', 'unfold-close', 'unfold-open', 'upload', 'zoom-in', 'zoom-out', 'archive', 'clipboard', 'clipboard-checked', 'clipboard-copy', 'clipboard-x', 'file', 'file-change', 'file-check', 'file-diff', 'file-minus', 'file-plus', 'file-source', 'file-text', 'file-x', 'files', 'folder', 'folder-fill', 'folder-minus', 'folder-minus-fill', 'folder-plus', 'folder-plus-fill', 'folder-star', 'inbox', 'api', 'auto-apply', 'build', 'change', 'change-circle', 'change-square', 'channel', 'cloud', 'cloud-check', 'cloud-download', 'cloud-lightning', 'cloud-lock', 'cloud-off', 'cloud-upload', 'cloud-x', 'code', 'connection', 'connection-gateway', 'cpu', 'duplicate', 'gateway', 'git-branch', 'git-commit', 'git-merge', 'git-pull-request', 'git-repo', 'hammer', 'key-values', 'mainframe', 'mesh', 'module', 'monitor', 'network', 'network-alt', 'node', 'path', 'pipeline', 'plug', 'replication-direct', 'replication-perf', 'scissors', 'server', 'server-cluster', 'serverless', 'service', 'settings', 'sliders', 'smartphone', 'socket', 'step', 'tablet', 'terminal', 'terminal-screen', 'test', 'tools', 'transform-data', 'tv', 'webhook', 'wrench', 'calendar', 'clock', 'clock-filled', 'delay', 'event', 'history', 'hourglass', 'watch', 'bar-chart', 'bar-chart-alt', 'box', 'collections', 'database', 'hard-drive', 'line-chart', 'line-chart-up', 'logs', 'package', 'pie-chart', 'queue', 'save', 'trend-down', 'trend-up', 'activity', 'at-sign', 'award', 'bell', 'bell-active', 'bell-active-fill', 'bell-off', 'discussion-circle', 'discussion-square', 'heart', 'heart-fill', 'heart-off', 'mail', 'mail-open', 'message-circle', 'message-circle-fill', 'message-square', 'message-square-fill', 'mic', 'mic-off', 'newspaper', 'phone', 'phone-call', 'phone-off', 'send', 'star', 'star-circle', 'star-fill', 'star-off', 'thumbs-down', 'thumbs-up', 'video', 'video-off', 'bank-vault', 'briefcase', 'credit-card', 'dollar-sign', 'enterprise', 'globe', 'globe-private', 'org', 'provider', 'shopping-bag', 'shopping-cart', 'arrow-down', 'arrow-down-circle', 'arrow-down-left', 'arrow-down-right', 'arrow-left', 'arrow-left-circle', 'arrow-right', 'arrow-right-circle', 'arrow-up', 'arrow-up-circle', 'arrow-up-left', 'arrow-up-right', 'caret', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'chevrons-down', 'chevrons-left', 'chevrons-right', 'chevrons-up', 'corner-down-left', 'corner-down-right', 'corner-left-down', 'corner-left-up', 'corner-right-down', 'corner-right-up', 'corner-up-left', 'corner-up-right', 'load-balancer', 'migrate', 'move', 'shuffle', 'swap-horizontal', 'swap-vertical' ]; \ No newline at end of file +export const iconNames = [ 'loading', 'loading-static', 'running', 'running-static', 'apple', 'apple-color', 'alibaba', 'alibaba-color', 'amazon-ecs', 'amazon-ecs-color', 'amazon-eks', 'amazon-eks-color', 'auth0', 'auth0-color', 'aws', 'aws-color', 'aws-cdk', 'aws-cdk-color', 'aws-cloudwatch', 'aws-cloudwatch-color', 'aws-ec2', 'aws-ec2-color', 'aws-lambda', 'aws-lambda-color', 'aws-s3', 'aws-s3-color', 'azure', 'azure-color', 'azure-aks', 'azure-aks-color', 'azure-blob-storage', 'azure-blob-storage-color', 'azure-devops', 'azure-devops-color', 'azure-vms', 'azure-vms-color', 'bitbucket', 'bitbucket-color', 'bridgecrew', 'bridgecrew-color', 'cisco', 'cisco-color', 'codepen', 'codepen-color', 'confluence', 'confluence-color', 'confluent', 'confluent-color', 'datadog', 'datadog-color', 'digital-ocean', 'digital-ocean-color', 'docker', 'docker-color', 'duo', 'duo-color', 'elastic-observability', 'elastic-observability-color', 'f5', 'f5-color', 'facebook', 'facebook-color', 'figma', 'figma-color', 'gcp', 'gcp-color', 'git', 'git-color', 'gitlab', 'gitlab-color', 'github', 'github-color', 'google', 'google-color', 'google-docs', 'google-docs-color', 'google-drive', 'google-drive-color', 'google-forms', 'google-forms-color', 'google-sheets', 'google-sheets-color', 'google-slides', 'google-slides-color', 'grafana', 'grafana-color', 'helm', 'helm-color', 'infracost', 'infracost-color', 'jfrog', 'jfrog-color', 'jira', 'jira-color', 'jwt', 'jwt-color', 'kubernetes', 'kubernetes-color', 'lightlytics', 'lightlytics-color', 'linkedin', 'linkedin-color', 'linode', 'linode-color', 'linux', 'linux-color', 'loom', 'loom-color', 'meetup', 'meetup-color', 'microsoft', 'microsoft-color', 'microsoft-teams', 'microsoft-teams-color', 'minio', 'minio-color', 'mongodb', 'mongodb-color', 'new-relic', 'new-relic-color', 'okta', 'okta-color', 'oracle', 'oracle-color', 'opa', 'opa-color', 'openid', 'openid-color', 'pack', 'pack-color', 'pager-duty', 'pager-duty-color', 'ping-identity ', 'ping-identity-color', 'postgres', 'postgres-color', 'rabbitmq', 'rabbitmq-color', 'saml', 'saml-color', 'service-now', 'service-now-color', 'slack', 'slack-color', 'snyk', 'snyk-color', 'splunk', 'splunk-color', 'twilio', 'twilio-color', 'twitch', 'twitch-color', 'twitter', 'twitter-color', 'twitter-x', 'twitter-x-color', 'vantage', 'vantage-color', 'venafi', 'venafi-color', 'vercel', 'vercel-color', 'vmware', 'vmware-color', 'youtube', 'youtube-color', 'boundary', 'boundary-color', 'boundary-fill', 'boundary-fill-color', 'boundary-square', 'boundary-square-color', 'consul', 'consul-color', 'consul-fill', 'consul-fill-color', 'consul-square', 'consul-square-color', 'nomad', 'nomad-color', 'nomad-fill', 'nomad-fill-color', 'nomad-square', 'nomad-square-color', 'packer', 'packer-color', 'packer-fill', 'packer-fill-color', 'packer-square', 'packer-square-color', 'terraform', 'terraform-color', 'terraform-fill', 'terraform-fill-color', 'terraform-square', 'terraform-square-color', 'vagrant', 'vagrant-color', 'vagrant-fill', 'vagrant-fill-color', 'vagrant-square', 'vagrant-square-color', 'vault', 'vault-color', 'vault-fill', 'vault-fill-color', 'vault-square', 'vault-square-color', 'vault-radar', 'vault-radar-color', 'vault-radar-fill', 'vault-radar-fill-color', 'vault-radar-square', 'vault-radar-square-color', 'vault-secrets', 'vault-secrets-color', 'vault-secrets-fill', 'vault-secrets-fill-color', 'vault-secrets-square', 'vault-secrets-square-color', 'waypoint', 'waypoint-color', 'waypoint-fill', 'waypoint-fill-color', 'waypoint-square', 'waypoint-square-color', 'hashicorp', 'hashicorp-color', 'hashicorp-fill', 'hashicorp-fill-color', 'hashicorp-square', 'hashicorp-square-color', 'hcp', 'hcp-color', 'hcp-fill', 'hcp-fill-color', 'hcp-square', 'hcp-square-color', 'accessibility', 'folder-users', 'frown', 'identity-service', 'identity-user', 'meh', 'robot', 'smile', 'user', 'user-check', 'user-circle', 'user-circle-fill', 'user-minus', 'user-plus', 'user-x', 'users', 'ampersand', 'beaker', 'bucket', 'bulb', 'circle', 'circle-dot', 'circle-fill', 'circle-half', 'diamond', 'diamond-fill', 'disc', 'dot', 'dot-half', 'droplet', 'flag', 'gift', 'government', 'handshake', 'hash', 'hexagon', 'hexagon-fill', 'labyrinth', 'layers', 'moon', 'octagon', 'outline', 'random', 'rocket', 'sparkle', 'square', 'square-fill', 'sun', 'triangle', 'triangle-fill', 'truck', 'wand', 'zap', 'zap-off', 'docs', 'docs-download', 'docs-link', 'guide', 'guide-link', 'help', 'info', 'info-fill', 'learn', 'learn-link', 'support', 'alert-circle', 'alert-circle-fill', 'alert-diamond', 'alert-diamond-fill', 'alert-octagon', 'alert-octagon-fill', 'alert-triangle', 'alert-triangle-fill', 'check', 'check-circle', 'check-circle-fill', 'check-diamond', 'check-diamond-fill', 'check-hexagon', 'check-hexagon-fill', 'check-square', 'check-square-fill', 'skip', 'x', 'x-circle', 'x-circle-fill', 'x-diamond', 'x-diamond-fill', 'x-hexagon', 'x-hexagon-fill', 'x-square', 'x-square-fill', 'bug', 'certificate', 'eye', 'eye-off', 'fingerprint', 'key', 'keychain', 'lock', 'lock-fill', 'lock-off', 'shield', 'shield-alert', 'shield-check', 'shield-off', 'shield-x', 'token', 'unlock', 'verified', 'wall', 'minus', 'minus-circle', 'minus-circle-fill', 'minus-plus', 'minus-plus-circle', 'minus-plus-square', 'minus-square', 'minus-square-fill', 'plus', 'plus-circle', 'plus-circle-fill', 'plus-square', 'camera', 'camera-off', 'cast', 'closed-caption', 'fast-forward', 'film', 'headphones', 'image', 'music', 'pause', 'pause-circle', 'play', 'play-circle', 'radio', 'rewind', 'rss', 'skip-back', 'skip-forward', 'speaker', 'stop-circle', 'volume', 'volume-down', 'volume-up', 'volume-x', 'wifi', 'wifi-off', 'compass', 'crosshair', 'map', 'map-pin', 'navigation', 'navigation-alt', 'redirect', 'target', 'align-center', 'align-justify', 'align-left', 'align-right', 'battery', 'battery-charging', 'bookmark', 'bookmark-add', 'bookmark-add-fill', 'bookmark-fill', 'bookmark-remove', 'bookmark-remove-fill', 'bottom', 'top', 'start', 'end', 'command', 'crop', 'dashboard', 'delete', 'download', 'edit', 'entry-point', 'exit-point', 'external-link', 'filter', 'filter-circle', 'filter-fill', 'grid', 'grid-alt', 'home', 'jump-link', 'layout', 'link', 'list', 'maximize', 'maximize-alt', 'menu', 'minimize', 'minimize-alt', 'more-horizontal', 'more-vertical', 'mouse-pointer', 'move-horizontal', 'paperclip', 'pen-tool', 'pencil-tool', 'pin', 'pin-off', 'power', 'printer', 'reload', 'repeat', 'resize-column', 'rotate-cw', 'rotate-ccw', 'search', 'share', 'sidebar', 'sidebar-hide', 'sidebar-show', 'sign-in', 'sign-out', 'slash', 'slash-square', 'sort-asc', 'sort-desc', 'switcher', 'sync', 'sync-alert', 'sync-reverse', 'tag', 'toggle-left', 'toggle-right', 'trash', 'type', 'text-wrap', 'unfold-close', 'unfold-open', 'upload', 'zoom-in', 'zoom-out', 'archive', 'clipboard', 'clipboard-checked', 'clipboard-copy', 'clipboard-x', 'file', 'file-change', 'file-check', 'file-diff', 'file-minus', 'file-plus', 'file-source', 'file-text', 'file-x', 'files', 'folder', 'folder-fill', 'folder-minus', 'folder-minus-fill', 'folder-plus', 'folder-plus-fill', 'folder-star', 'inbox', 'api', 'auto-apply', 'build', 'change', 'change-circle', 'change-square', 'channel', 'cloud', 'cloud-check', 'cloud-download', 'cloud-lightning', 'cloud-lock', 'cloud-off', 'cloud-upload', 'cloud-x', 'code', 'connection', 'connection-gateway', 'cpu', 'duplicate', 'gateway', 'git-branch', 'git-commit', 'git-merge', 'git-pull-request', 'git-repo', 'hammer', 'key-values', 'mainframe', 'mesh', 'module', 'monitor', 'network', 'network-alt', 'node', 'path', 'pipeline', 'plug', 'replication-direct', 'replication-perf', 'scissors', 'server', 'server-cluster', 'serverless', 'service', 'settings', 'sliders', 'smartphone', 'socket', 'step', 'tablet', 'terminal', 'terminal-screen', 'test', 'tools', 'transform-data', 'tv', 'webhook', 'wrench', 'calendar', 'clock', 'clock-filled', 'delay', 'event', 'history', 'hourglass', 'watch', 'bar-chart', 'bar-chart-alt', 'box', 'collections', 'database', 'hard-drive', 'line-chart', 'line-chart-up', 'logs', 'package', 'pie-chart', 'queue', 'save', 'trend-down', 'trend-up', 'activity', 'at-sign', 'award', 'bell', 'bell-active', 'bell-active-fill', 'bell-off', 'discussion-circle', 'discussion-square', 'heart', 'heart-fill', 'heart-off', 'mail', 'mail-open', 'message-circle', 'message-circle-fill', 'message-square', 'message-square-fill', 'mic', 'mic-off', 'newspaper', 'phone', 'phone-call', 'phone-off', 'send', 'star', 'star-circle', 'star-fill', 'star-off', 'thumbs-down', 'thumbs-up', 'video', 'video-off', 'bank-vault', 'briefcase', 'credit-card', 'dollar-sign', 'enterprise', 'globe', 'globe-private', 'org', 'provider', 'shopping-bag', 'shopping-cart', 'arrow-down', 'arrow-down-circle', 'arrow-down-left', 'arrow-down-right', 'arrow-left', 'arrow-left-circle', 'arrow-right', 'arrow-right-circle', 'arrow-up', 'arrow-up-circle', 'arrow-up-left', 'arrow-up-right', 'caret', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'chevrons-down', 'chevrons-left', 'chevrons-right', 'chevrons-up', 'corner-down-left', 'corner-down-right', 'corner-left-down', 'corner-left-up', 'corner-right-down', 'corner-right-up', 'corner-up-left', 'corner-up-right', 'load-balancer', 'migrate', 'move', 'shuffle', 'swap-horizontal', 'swap-vertical' ]; \ No newline at end of file diff --git a/packages/flight-icons/svg/volume-2-16.svg b/packages/flight-icons/svg/volume-up-16.svg similarity index 100% rename from packages/flight-icons/svg/volume-2-16.svg rename to packages/flight-icons/svg/volume-up-16.svg diff --git a/packages/flight-icons/svg/volume-2-24.svg b/packages/flight-icons/svg/volume-up-24.svg similarity index 100% rename from packages/flight-icons/svg/volume-2-24.svg rename to packages/flight-icons/svg/volume-up-24.svg diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 86152a1465d..ebf5c722479 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -141,9 +141,6 @@ importers: ember-a11y-refocus: specifier: ^4.1.4 version: 4.1.4 - ember-cli-sass: - specifier: ^11.0.1 - version: 11.0.1 ember-concurrency: specifier: ^4.0.4 version: 4.0.4(@babel/core@7.28.0)(@glint/template@1.5.2) @@ -177,9 +174,6 @@ importers: prismjs: specifier: ^1.30.0 version: 1.30.0 - sass: - specifier: ^1.83.0 - version: 1.89.2 tabbable: specifier: ^6.2.0 version: 6.2.0 @@ -298,6 +292,9 @@ importers: rollup-plugin-scss: specifier: ^4.0.1 version: 4.0.1 + sass: + specifier: ^1.89.2 + version: 1.89.2 stylelint: specifier: ^16.17.0 version: 16.23.0(typescript@5.9.2) @@ -14200,7 +14197,6 @@ snapshots: codemirror-lang-hcl: 0.0.0-beta.2 decorator-transforms: 2.3.0(@babel/core@7.28.0) ember-a11y-refocus: 4.1.4 - ember-cli-sass: 11.0.1 ember-concurrency: 4.0.4(@babel/core@7.28.0)(@glint/template@1.5.2) ember-element-helper: 0.8.8 ember-focus-trap: 1.1.1(ember-source@6.5.0(@glimmer/component@1.1.2(@babel/core@7.28.0))(rsvp@4.8.5)) @@ -14212,7 +14208,6 @@ snapshots: ember-truth-helpers: 4.0.3(ember-source@6.5.0(@glimmer/component@1.1.2(@babel/core@7.28.0))(rsvp@4.8.5)) luxon: 3.7.1 prismjs: 1.30.0 - sass: 1.89.2 tabbable: 6.2.0 tippy.js: 6.3.7 tracked-built-ins: 4.0.0(@babel/core@7.28.0) @@ -14258,7 +14253,6 @@ snapshots: codemirror-lang-hcl: 0.0.0-beta.2 decorator-transforms: 2.3.0(@babel/core@7.28.0) ember-a11y-refocus: 4.1.4 - ember-cli-sass: 11.0.1 ember-concurrency: 4.0.4(@babel/core@7.28.0)(@glint/template@1.5.2) ember-element-helper: 0.8.8 ember-focus-trap: 1.1.1(ember-source@6.4.0(@glimmer/component@1.1.2(@babel/core@7.28.0))(rsvp@4.8.5)) @@ -14270,7 +14264,6 @@ snapshots: ember-truth-helpers: 4.0.3(ember-source@6.4.0(@glimmer/component@1.1.2(@babel/core@7.28.0))(rsvp@4.8.5)) luxon: 3.7.1 prismjs: 1.30.0 - sass: 1.89.2 tabbable: 6.2.0 tippy.js: 6.3.7 tracked-built-ins: 4.0.0(@babel/core@7.28.0) diff --git a/showcase/app/components/mock/app/header/app-header.gts b/showcase/app/components/mock/app/header/app-header.gts index 8f9d9f66ad4..226e101691b 100644 --- a/showcase/app/components/mock/app/header/app-header.gts +++ b/showcase/app/components/mock/app/header/app-header.gts @@ -96,7 +96,9 @@ export default class MockAppHeaderAppHeader extends Component - + + Account Settings + diff --git a/showcase/app/components/page-components/dropdown/sub-sections/list-items/not-interactive.gts b/showcase/app/components/page-components/dropdown/sub-sections/list-items/not-interactive.gts index 9c1734f77e5..a2414a80a74 100644 --- a/showcase/app/components/page-components/dropdown/sub-sections/list-items/not-interactive.gts +++ b/showcase/app/components/page-components/dropdown/sub-sections/list-items/not-interactive.gts @@ -43,10 +43,10 @@ const SubSectionListItemNotInteractive: TemplateOnlyComponent =