@hashicorp/design-system-components 5.0.0-rc-20251013193429 → 5.0.0-rc-20251014173443

package/dist/components/hds/dropdown/list-item/interactive.js

@@ -1,10 +1,10 @@
 import Component from '@glimmer/component';
-import { assert } from '@ember/debug';
+import { deprecate, assert } from '@ember/debug';
 import { HdsDropdownListItemInteractiveColorValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li class={{this.classNames}}>\n  {{#if @isLoading}}\n    <div class=\"hds-dropdown-list-item__interactive-loading-wrapper\" ...attributes>\n      <div class=\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--leading\">\n        <Hds::Icon @name=\"loading\" />\n      </div>\n      <Hds::Text::Body @tag=\"div\" @size=\"100\" @weight=\"regular\" class=\"hds-dropdown-list-item__interactive-text\">\n        {{yield (hash Badge=(component \"hds/badge\" size=\"small\"))}}\n      </Hds::Text::Body>\n    </div>\n  {{else}}\n    <Hds::Interactive\n      @current-when={{@current-when}}\n      @models={{hds-link-to-models @model @models}}\n      @query={{hds-link-to-query @query}}\n      @replace={{@replace}}\n      @route={{@route}}\n      @isRouteExternal={{@isRouteExternal}}\n      @href={{@href}}\n      @isHrefExternal={{@isHrefExternal}}\n      ...attributes\n    >\n      {{#if @icon}}\n        <span class=\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--leading\">\n          <Hds::Icon @name={{@icon}} />\n        </span>\n      {{/if}}\n      <Hds::Text::Body class=\"hds-dropdown-list-item__interactive-text\" @tag=\"span\" @size=\"200\" @weight=\"medium\">\n        {{yield (hash Badge=(component \"hds/badge\" size=\"small\"))}}\n      </Hds::Text::Body>\n      {{#if @trailingIcon}}\n        <span class=\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--trailing\">\n          <Hds::Icon @name={{@trailingIcon}} />\n        </span>\n      {{/if}}\n    </Hds::Interactive>\n  {{/if}}\n</li>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li class={{this.classNames}}>\n  {{#if @isLoading}}\n    <div class=\"hds-dropdown-list-item__interactive-loading-wrapper\" ...attributes>\n      <div class=\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--leading\">\n        <Hds::Icon @name=\"loading\" />\n      </div>\n      <Hds::Text::Body @tag=\"div\" @size=\"100\" @weight=\"regular\" class=\"hds-dropdown-list-item__interactive-text\">\n        {{#if (has-block)}}\n          {{yield (hash Badge=(component \"hds/badge\" size=\"small\"))}}\n        {{else}}\n          {{this.text}}\n        {{/if}}\n      </Hds::Text::Body>\n    </div>\n  {{else}}\n    <Hds::Interactive\n      @current-when={{@current-when}}\n      @models={{hds-link-to-models @model @models}}\n      @query={{hds-link-to-query @query}}\n      @replace={{@replace}}\n      @route={{@route}}\n      @isRouteExternal={{@isRouteExternal}}\n      @href={{@href}}\n      @isHrefExternal={{@isHrefExternal}}\n      ...attributes\n    >\n      {{#if @icon}}\n        <span class=\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--leading\">\n          <Hds::Icon @name={{@icon}} />\n        </span>\n      {{/if}}\n      <Hds::Text::Body class=\"hds-dropdown-list-item__interactive-text\" @tag=\"span\" @size=\"200\" @weight=\"medium\">\n        {{#if (has-block)}}\n          {{yield (hash Badge=(component \"hds/badge\" size=\"small\"))}}\n        {{else}}\n          {{this.text}}\n        {{/if}}\n      </Hds::Text::Body>\n      {{#if @trailingIcon}}\n        <span class=\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--trailing\">\n          <Hds::Icon @name={{@trailingIcon}} />\n        </span>\n      {{/if}}\n    </Hds::Interactive>\n  {{/if}}\n</li>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
@@ -14,6 +14,28 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
 const DEFAULT_COLOR = HdsDropdownListItemInteractiveColorValues.Action;
 const COLORS = Object.values(HdsDropdownListItemInteractiveColorValues);
 class HdsDropdownListItemInteractive extends Component {
+  constructor(owner, 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() {
+    const {
+      text
+    } = this.args;
+    assert('@text for "Hds::Dropdown::ListItem::Interactive" must have a valid value', text !== undefined);
+    return text;
+  }
   get color() {
     const {
       color = DEFAULT_COLOR

package/dist/components/hds/dropdown/list-item/interactive.js.map

@@ -1 +1 @@
-{"version":3,"file":"interactive.js","sources":["../../../../../src/components/hds/dropdown/list-item/interactive.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport { HdsDropdownListItemInteractiveColorValues } from './types.ts';\n\nimport type { HdsIconSignature } from '../../icon';\nimport type { HdsInteractiveSignature } from '../../interactive';\nimport type { HdsDropdownListItemInteractiveColors } from './types.ts';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsBadgeSignature } from '../../badge/index.ts';\n\nexport const DEFAULT_COLOR = HdsDropdownListItemInteractiveColorValues.Action;\nexport const COLORS: HdsDropdownListItemInteractiveColors[] = Object.values(\n  HdsDropdownListItemInteractiveColorValues\n);\n\nexport interface HdsDropdownListItemInteractiveSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    color?: HdsDropdownListItemInteractiveColors;\n    icon?: HdsIconSignature['Args']['name'];\n    isLoading?: boolean;\n    trailingIcon?: HdsIconSignature['Args']['name'];\n  };\n  Blocks: {\n    default?: [\n      {\n        Badge?: ComponentLike<HdsBadgeSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement | HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsDropdownListItemInteractive extends Component<HdsDropdownListItemInteractiveSignature> {\n  get color(): HdsDropdownListItemInteractiveColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Dropdown::ListItem::Interactive\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  get classNames(): string {\n    const classes = [\n      'hds-dropdown-list-item',\n      'hds-dropdown-list-item--variant-interactive',\n    ];\n\n    // add a class based on the @color argument\n    classes.push(`hds-dropdown-list-item--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_COLOR","HdsDropdownListItemInteractiveColorValues","Action","COLORS","Object","values","HdsDropdownListItemInteractive","Component","color","args","assert","join","includes","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AAaO,MAAMA,aAAa,GAAGC,yCAAyC,CAACC;AAChE,MAAMC,MAA8C,GAAGC,MAAM,CAACC,MAAM,CACzEJ,yCACF;AAmBe,MAAMK,8BAA8B,SAASC,SAAS,CAA0C;EAC7G,IAAIC,KAAKA,GAAyC;IAChD,MAAM;AAAEA,MAAAA,KAAK,GAAGR;KAAe,GAAG,IAAI,CAACS,IAAI;AAE3CC,IAAAA,MAAM,CACJ,CAAA,gFAAA,EAAmFP,MAAM,CAACQ,IAAI,CAC5F,IACF,CAAC,CAAA,YAAA,EAAeH,KAAK,CAAA,CAAE,EACvBL,MAAM,CAACS,QAAQ,CAACJ,KAAK,CACvB,CAAC;AAED,IAAA,OAAOA,KAAK;AACd,EAAA;EAEA,IAAIK,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CACd,wBAAwB,EACxB,6CAA6C,CAC9C;;AAED;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,8BAAA,EAAiC,IAAI,CAACP,KAAK,EAAE,CAAC;AAE3D,IAAA,OAAOM,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACK,oBAAA,CAAAC,QAAA,EAzBoBX,8BAA8B,CAAA;;;;"}
+{"version":3,"file":"interactive.js","sources":["../../../../../src/components/hds/dropdown/list-item/interactive.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert, deprecate } from '@ember/debug';\n\nimport { HdsDropdownListItemInteractiveColorValues } from './types.ts';\n\nimport type { HdsIconSignature } from '../../icon';\nimport type { HdsInteractiveSignature } from '../../interactive';\nimport type { HdsDropdownListItemInteractiveColors } from './types.ts';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsBadgeSignature } from '../../badge/index.ts';\nimport type Owner from '@ember/owner';\n\nexport const DEFAULT_COLOR = HdsDropdownListItemInteractiveColorValues.Action;\nexport const COLORS: HdsDropdownListItemInteractiveColors[] = Object.values(\n  HdsDropdownListItemInteractiveColorValues\n);\n\nexport interface HdsDropdownListItemInteractiveSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    color?: HdsDropdownListItemInteractiveColors;\n    icon?: HdsIconSignature['Args']['name'];\n    isLoading?: boolean;\n    /**\n     * @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\n     */\n    text?: string;\n    trailingIcon?: HdsIconSignature['Args']['name'];\n  };\n  Blocks: {\n    default?: [\n      {\n        Badge?: ComponentLike<HdsBadgeSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement | HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsDropdownListItemInteractive extends Component<HdsDropdownListItemInteractiveSignature> {\n  constructor(\n    owner: Owner,\n    args: HdsDropdownListItemInteractiveSignature['Args']\n  ) {\n    super(owner, args);\n\n    if (args.text !== undefined) {\n      deprecate(\n        'The `@text` argument for \"Hds::Dropdown::ListItem::Interactive\" has been deprecated. Please put text in the yielded block.',\n        false,\n        {\n          id: 'hds.dropdown.list-item.interactive',\n          until: '5.0.0',\n          url: 'https://helios.hashicorp.design/components/dropdown?tab=version%20history#4100',\n          for: '@hashicorp/design-system-components',\n          since: {\n            available: '4.10.0',\n            enabled: '5.0.0',\n          },\n        }\n      );\n    }\n  }\n\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::ListItem::Interactive\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  get color(): HdsDropdownListItemInteractiveColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Dropdown::ListItem::Interactive\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  get classNames(): string {\n    const classes = [\n      'hds-dropdown-list-item',\n      'hds-dropdown-list-item--variant-interactive',\n    ];\n\n    // add a class based on the @color argument\n    classes.push(`hds-dropdown-list-item--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_COLOR","HdsDropdownListItemInteractiveColorValues","Action","COLORS","Object","values","HdsDropdownListItemInteractive","Component","constructor","owner","args","text","undefined","deprecate","id","until","url","for","since","available","enabled","assert","color","join","includes","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AAcO,MAAMA,aAAa,GAAGC,yCAAyC,CAACC;AAChE,MAAMC,MAA8C,GAAGC,MAAM,CAACC,MAAM,CACzEJ,yCACF;AAuBe,MAAMK,8BAA8B,SAASC,SAAS,CAA0C;AAC7GC,EAAAA,WAAWA,CACTC,KAAY,EACZC,IAAqD,EACrD;AACA,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;AAElB,IAAA,IAAIA,IAAI,CAACC,IAAI,KAAKC,SAAS,EAAE;AAC3BC,MAAAA,SAAS,CACP,4HAA4H,EAC5H,KAAK,EACL;AACEC,QAAAA,EAAE,EAAE,oCAAoC;AACxCC,QAAAA,KAAK,EAAE,OAAO;AACdC,QAAAA,GAAG,EAAE,gFAAgF;AACrFC,QAAAA,GAAG,EAAE,qCAAqC;AAC1CC,QAAAA,KAAK,EAAE;AACLC,UAAAA,SAAS,EAAE,QAAQ;AACnBC,UAAAA,OAAO,EAAE;AACX;AACF,OACF,CAAC;AACH,IAAA;AACF,EAAA;EAEA,IAAIT,IAAIA,GAAW;IACjB,MAAM;AAAEA,MAAAA;KAAM,GAAG,IAAI,CAACD,IAAI;AAE1BW,IAAAA,MAAM,CACJ,0EAA0E,EAC1EV,IAAI,KAAKC,SACX,CAAC;AAED,IAAA,OAAOD,IAAI;AACb,EAAA;EAEA,IAAIW,KAAKA,GAAyC;IAChD,MAAM;AAAEA,MAAAA,KAAK,GAAGtB;KAAe,GAAG,IAAI,CAACU,IAAI;AAE3CW,IAAAA,MAAM,CACJ,CAAA,gFAAA,EAAmFlB,MAAM,CAACoB,IAAI,CAC5F,IACF,CAAC,CAAA,YAAA,EAAeD,KAAK,CAAA,CAAE,EACvBnB,MAAM,CAACqB,QAAQ,CAACF,KAAK,CACvB,CAAC;AAED,IAAA,OAAOA,KAAK;AACd,EAAA;EAEA,IAAIG,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CACd,wBAAwB,EACxB,6CAA6C,CAC9C;;AAED;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,8BAAA,EAAiC,IAAI,CAACL,KAAK,EAAE,CAAC;AAE3D,IAAA,OAAOI,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACK,oBAAA,CAAAC,QAAA,EA5DoBvB,8BAA8B,CAAA;;;;"}

package/dist/components/hds/dropdown/toggle/icon.js

@@ -2,7 +2,7 @@ import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { assert } from '@ember/debug';
 import { tracked } from '@glimmer/tracking';
-import { HdsDropdownToggleIconSizeValues } from './types.js';
+import { HdsDropdownToggleIconSizeValues, HdsDropdownToggleIconAllowedIconValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { g, i, n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
@@ -16,6 +16,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
 
 const DEFAULT_SIZE = HdsDropdownToggleIconSizeValues.Medium;
 const SIZES = Object.values(HdsDropdownToggleIconSizeValues);
+const ALLOWED_ICON_LIST = Object.values(HdsDropdownToggleIconAllowedIconValues);
 class HdsDropdownToggleIcon extends Component {
   static {
     g(this.prototype, "_hasImage", [tracked], function () {
@@ -86,13 +87,16 @@ class HdsDropdownToggleIcon extends Component {
   }
 
   /**
-   * Indicates if a dropdown chevron icon should be displayed; should be displayed unless the "more-horizontal" icon is used.
+   * Indicates if a dropdown chevron icon should be displayed; should be displayed unless the "more-horizontal" or "more-vertical" icons are used.
    *
    * @param hasChevron
    * @type {boolean}
    * @default true
    */
   get hasChevron() {
+    if (this.args.icon && !ALLOWED_ICON_LIST.includes(this.args.icon) && this.args.hasChevron === false) {
+      assert(`@hasChevron for "Hds::Dropdown::Toggle::Icon" must be true unless the icon is one of the following: ${ALLOWED_ICON_LIST.join(', ')}; received: ${this.args.icon}`);
+    }
     return this.args.hasChevron ?? true;
   }
 
@@ -121,5 +125,5 @@ class HdsDropdownToggleIcon extends Component {
 }
 setComponentTemplate(TEMPLATE, HdsDropdownToggleIcon);
 
-export { DEFAULT_SIZE, SIZES, HdsDropdownToggleIcon as default };
+export { ALLOWED_ICON_LIST, DEFAULT_SIZE, SIZES, HdsDropdownToggleIcon as default };
 //# sourceMappingURL=icon.js.map

package/dist/components/hds/dropdown/toggle/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../../../../src/components/hds/dropdown/toggle/icon.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\nimport { tracked } from '@glimmer/tracking';\nimport { HdsDropdownToggleIconSizeValues } from './types.ts';\n\nimport type { HdsIconSignature } from '../../icon';\nimport type { HdsDropdownToggleIconSizes } from './types';\nimport type { ModifierLike } from '@glint/template';\nimport type { SetupPrimitiveToggleModifier } from '../../popover-primitive/index.ts';\nimport type Owner from '@ember/owner';\n\nexport const DEFAULT_SIZE = HdsDropdownToggleIconSizeValues.Medium;\nexport const SIZES: HdsDropdownToggleIconSizes[] = Object.values(\n  HdsDropdownToggleIconSizeValues\n);\n\nexport interface HdsDropdownToggleIconSignature {\n  Args: {\n    hasChevron?: boolean;\n    icon?: HdsIconSignature['Args']['name'];\n    imageSrc?: string;\n    isOpen?: boolean;\n    size?: HdsDropdownToggleIconSizes;\n    text: string;\n    setupPrimitiveToggle?: ModifierLike<SetupPrimitiveToggleModifier>;\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsDropdownToggleIcon extends Component<HdsDropdownToggleIconSignature> {\n  @tracked private _hasImage = true;\n\n  constructor(owner: Owner, args: HdsDropdownToggleIconSignature['Args']) {\n    super(owner, args);\n    if (!(this.args.icon || this.args.imageSrc)) {\n      assert(\n        '@icon or @imageSrc must be defined for \"Hds::Dropdown::Toggle::Icon\"'\n      );\n    }\n  }\n\n  @action\n  onDidUpdateImageSrc(): void {\n    this._hasImage = true;\n  }\n\n  @action\n  onImageLoadError(): void {\n    this._hasImage = false;\n  }\n\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the `aria-label` applied to the toggle\n   */\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::Toggle::Icon\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  /**\n   * @param size\n   * @type {string}\n   * @default medium\n   * @description The size of the button; acceptable values are `small` and `medium`\n   */\n  get size(): HdsDropdownToggleIconSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Dropdown::Toggle::Icon\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * @param iconSize\n   * @type {string}\n   * @default 24\n   * @description ensures that the correct icon size is used\n   */\n  get iconSize(): HdsIconSignature['Args']['size'] {\n    if (this.args.size === 'medium' && !this.hasChevron) {\n      // in this special case we use a larger SVG\n      return '24';\n    } else {\n      // this is the default size (notice: for the \"small\" variant with chevron, we set the actual size to `12px` via CSS)\n      return '16';\n    }\n  }\n\n  /**\n   * Indicates if a dropdown chevron icon should be displayed; should be displayed unless the \"more-horizontal\" icon is used.\n   *\n   * @param hasChevron\n   * @type {boolean}\n   * @default true\n   */\n  get hasChevron(): boolean {\n    return this.args.hasChevron ?? true;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method ToggleIcon#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-dropdown-toggle-icon'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-dropdown-toggle-icon--size-${this.size}`);\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-dropdown-toggle-icon--is-open');\n    }\n\n    // add a class based on the @hasChevron argument\n    if (this.hasChevron) {\n      classes.push('hds-dropdown-toggle-icon--has-chevron');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_SIZE","HdsDropdownToggleIconSizeValues","Medium","SIZES","Object","values","HdsDropdownToggleIcon","Component","g","prototype","tracked","i","void 0","constructor","owner","args","icon","imageSrc","assert","onDidUpdateImageSrc","_hasImage","n","action","onImageLoadError","text","undefined","size","join","includes","iconSize","hasChevron","classNames","classes","push","isOpen","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"icon.js","sources":["../../../../../src/components/hds/dropdown/toggle/icon.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\nimport { tracked } from '@glimmer/tracking';\nimport {\n  HdsDropdownToggleIconSizeValues,\n  HdsDropdownToggleIconAllowedIconValues,\n} from './types.ts';\n\nimport type { HdsIconSignature } from '../../icon';\nimport type { HdsDropdownToggleIconSizes } from './types';\nimport type { ModifierLike } from '@glint/template';\nimport type { SetupPrimitiveToggleModifier } from '../../popover-primitive/index.ts';\nimport type Owner from '@ember/owner';\n\nexport const DEFAULT_SIZE = HdsDropdownToggleIconSizeValues.Medium;\nexport const SIZES: HdsDropdownToggleIconSizes[] = Object.values(\n  HdsDropdownToggleIconSizeValues\n);\n\nexport const ALLOWED_ICON_LIST: string[] = Object.values(\n  HdsDropdownToggleIconAllowedIconValues\n);\n\nexport interface HdsDropdownToggleIconSignature {\n  Args: {\n    hasChevron?: boolean;\n    icon?: HdsIconSignature['Args']['name'];\n    imageSrc?: string;\n    isOpen?: boolean;\n    size?: HdsDropdownToggleIconSizes;\n    text: string;\n    setupPrimitiveToggle?: ModifierLike<SetupPrimitiveToggleModifier>;\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsDropdownToggleIcon extends Component<HdsDropdownToggleIconSignature> {\n  @tracked private _hasImage = true;\n\n  constructor(owner: Owner, args: HdsDropdownToggleIconSignature['Args']) {\n    super(owner, args);\n    if (!(this.args.icon || this.args.imageSrc)) {\n      assert(\n        '@icon or @imageSrc must be defined for \"Hds::Dropdown::Toggle::Icon\"'\n      );\n    }\n  }\n\n  @action\n  onDidUpdateImageSrc(): void {\n    this._hasImage = true;\n  }\n\n  @action\n  onImageLoadError(): void {\n    this._hasImage = false;\n  }\n\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the `aria-label` applied to the toggle\n   */\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::Toggle::Icon\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  /**\n   * @param size\n   * @type {string}\n   * @default medium\n   * @description The size of the button; acceptable values are `small` and `medium`\n   */\n  get size(): HdsDropdownToggleIconSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Dropdown::Toggle::Icon\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * @param iconSize\n   * @type {string}\n   * @default 24\n   * @description ensures that the correct icon size is used\n   */\n  get iconSize(): HdsIconSignature['Args']['size'] {\n    if (this.args.size === 'medium' && !this.hasChevron) {\n      // in this special case we use a larger SVG\n      return '24';\n    } else {\n      // this is the default size (notice: for the \"small\" variant with chevron, we set the actual size to `12px` via CSS)\n      return '16';\n    }\n  }\n\n  /**\n   * Indicates if a dropdown chevron icon should be displayed; should be displayed unless the \"more-horizontal\" or \"more-vertical\" icons are used.\n   *\n   * @param hasChevron\n   * @type {boolean}\n   * @default true\n   */\n  get hasChevron(): boolean {\n    if (\n      this.args.icon &&\n      !ALLOWED_ICON_LIST.includes(this.args.icon) &&\n      this.args.hasChevron === false\n    ) {\n      assert(\n        `@hasChevron for \"Hds::Dropdown::Toggle::Icon\" must be true unless the icon is one of the following: ${ALLOWED_ICON_LIST.join(\n          ', '\n        )}; received: ${this.args.icon}`\n      );\n    }\n\n    return this.args.hasChevron ?? true;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method ToggleIcon#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-dropdown-toggle-icon'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-dropdown-toggle-icon--size-${this.size}`);\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-dropdown-toggle-icon--is-open');\n    }\n\n    // add a class based on the @hasChevron argument\n    if (this.hasChevron) {\n      classes.push('hds-dropdown-toggle-icon--has-chevron');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_SIZE","HdsDropdownToggleIconSizeValues","Medium","SIZES","Object","values","ALLOWED_ICON_LIST","HdsDropdownToggleIconAllowedIconValues","HdsDropdownToggleIcon","Component","g","prototype","tracked","i","void 0","constructor","owner","args","icon","imageSrc","assert","onDidUpdateImageSrc","_hasImage","n","action","onImageLoadError","text","undefined","size","join","includes","iconSize","hasChevron","classNames","classes","push","isOpen","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/dropdown/toggle/types.js

@@ -18,6 +18,11 @@ let HdsDropdownToggleButtonColorValues = /*#__PURE__*/function (HdsDropdownToggl
   HdsDropdownToggleButtonColorValues["Secondary"] = "secondary";
   return HdsDropdownToggleButtonColorValues;
 }({});
+let HdsDropdownToggleIconAllowedIconValues = /*#__PURE__*/function (HdsDropdownToggleIconAllowedIconValues) {
+  HdsDropdownToggleIconAllowedIconValues["MoreHorizontal"] = "more-horizontal";
+  HdsDropdownToggleIconAllowedIconValues["MoreVertical"] = "more-vertical";
+  return HdsDropdownToggleIconAllowedIconValues;
+}({});
 
-export { HdsDropdownToggleButtonColorValues, HdsDropdownToggleButtonSizeValues, HdsDropdownToggleIconSizeValues };
+export { HdsDropdownToggleButtonColorValues, HdsDropdownToggleButtonSizeValues, HdsDropdownToggleIconAllowedIconValues, HdsDropdownToggleIconSizeValues };
 //# sourceMappingURL=types.js.map

package/dist/components/hds/dropdown/toggle/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../../src/components/hds/dropdown/toggle/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsDropdownToggleIconSizeValues {\n  Small = 'small',\n  Medium = 'medium',\n}\nexport type HdsDropdownToggleIconSizes = `${HdsDropdownToggleIconSizeValues}`;\n\nexport enum HdsDropdownToggleButtonSizeValues {\n  Small = 'small',\n  Medium = 'medium',\n}\nexport type HdsDropdownToggleButtonSizes =\n  `${HdsDropdownToggleButtonSizeValues}`;\n\nexport enum HdsDropdownToggleButtonColorValues {\n  Primary = 'primary',\n  Secondary = 'secondary',\n}\nexport type HdsDropdownToggleButtonColors =\n  `${HdsDropdownToggleButtonColorValues}`;\n"],"names":["HdsDropdownToggleIconSizeValues","HdsDropdownToggleButtonSizeValues","HdsDropdownToggleButtonColorValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,IAAYA,+BAA+B,0BAA/BA,+BAA+B,EAAA;EAA/BA,+BAA+B,CAAA,OAAA,CAAA,GAAA,OAAA;EAA/BA,+BAA+B,CAAA,QAAA,CAAA,GAAA,QAAA;AAAA,EAAA,OAA/BA,+BAA+B;AAAA,CAAA,CAAA,EAAA;AAM3C,IAAYC,iCAAiC,0BAAjCA,iCAAiC,EAAA;EAAjCA,iCAAiC,CAAA,OAAA,CAAA,GAAA,OAAA;EAAjCA,iCAAiC,CAAA,QAAA,CAAA,GAAA,QAAA;AAAA,EAAA,OAAjCA,iCAAiC;AAAA,CAAA,CAAA,EAAA;AAO7C,IAAYC,kCAAkC,0BAAlCA,kCAAkC,EAAA;EAAlCA,kCAAkC,CAAA,SAAA,CAAA,GAAA,SAAA;EAAlCA,kCAAkC,CAAA,WAAA,CAAA,GAAA,WAAA;AAAA,EAAA,OAAlCA,kCAAkC;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../../src/components/hds/dropdown/toggle/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsDropdownToggleIconSizeValues {\n  Small = 'small',\n  Medium = 'medium',\n}\nexport type HdsDropdownToggleIconSizes = `${HdsDropdownToggleIconSizeValues}`;\n\nexport enum HdsDropdownToggleButtonSizeValues {\n  Small = 'small',\n  Medium = 'medium',\n}\nexport type HdsDropdownToggleButtonSizes =\n  `${HdsDropdownToggleButtonSizeValues}`;\n\nexport enum HdsDropdownToggleButtonColorValues {\n  Primary = 'primary',\n  Secondary = 'secondary',\n}\nexport type HdsDropdownToggleButtonColors =\n  `${HdsDropdownToggleButtonColorValues}`;\n\nexport enum HdsDropdownToggleIconAllowedIconValues {\n  MoreHorizontal = 'more-horizontal',\n  MoreVertical = 'more-vertical',\n}\nexport type HdsDropdownToggleIconAllowedIcons =\n  `${HdsDropdownToggleIconAllowedIconValues}`;\n"],"names":["HdsDropdownToggleIconSizeValues","HdsDropdownToggleButtonSizeValues","HdsDropdownToggleButtonColorValues","HdsDropdownToggleIconAllowedIconValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,IAAYA,+BAA+B,0BAA/BA,+BAA+B,EAAA;EAA/BA,+BAA+B,CAAA,OAAA,CAAA,GAAA,OAAA;EAA/BA,+BAA+B,CAAA,QAAA,CAAA,GAAA,QAAA;AAAA,EAAA,OAA/BA,+BAA+B;AAAA,CAAA,CAAA,EAAA;AAM3C,IAAYC,iCAAiC,0BAAjCA,iCAAiC,EAAA;EAAjCA,iCAAiC,CAAA,OAAA,CAAA,GAAA,OAAA;EAAjCA,iCAAiC,CAAA,QAAA,CAAA,GAAA,QAAA;AAAA,EAAA,OAAjCA,iCAAiC;AAAA,CAAA,CAAA,EAAA;AAO7C,IAAYC,kCAAkC,0BAAlCA,kCAAkC,EAAA;EAAlCA,kCAAkC,CAAA,SAAA,CAAA,GAAA,SAAA;EAAlCA,kCAAkC,CAAA,WAAA,CAAA,GAAA,WAAA;AAAA,EAAA,OAAlCA,kCAAkC;AAAA,CAAA,CAAA,EAAA;AAO9C,IAAYC,sCAAsC,0BAAtCA,sCAAsC,EAAA;EAAtCA,sCAAsC,CAAA,gBAAA,CAAA,GAAA,iBAAA;EAAtCA,sCAAsC,CAAA,cAAA,CAAA,GAAA,eAAA;AAAA,EAAA,OAAtCA,sCAAsC;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/components/hds/flyout/body.js

@@ -0,0 +1,31 @@
+import Component from '@glimmer/component';
+import { deprecate } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{!\n  THIS SUBCOMPONENT IS NOW DEPRECATED\n}}\n<div class=\"hds-flyout__body\" ...attributes>\n  {{yield}}\n</div>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsFlyoutBody extends Component {
+  constructor(owner, 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'
+      }
+    });
+  }
+}
+setComponentTemplate(TEMPLATE, HdsFlyoutBody);
+
+export { HdsFlyoutBody as default };
+//# sourceMappingURL=body.js.map

package/dist/components/hds/flyout/body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"body.js","sources":["../../../../src/components/hds/flyout/body.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { deprecate } from '@ember/debug';\n\nimport type Owner from '@ember/owner';\n\nexport interface HdsFlyoutBodySignature {\n  // when component has no args, but constructor still needs to be defined, use `never`\n  // see: https://github.com/hashicorp/design-system/pull/2511/files/f2146e5243d0431892a62d2fbf2889f1cbd3e525#r1815255004\n  Args: never;\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsFlyoutBody extends Component<HdsFlyoutBodySignature> {\n  constructor(owner: Owner, args: HdsFlyoutBodySignature['Args']) {\n    super(owner, args);\n\n    deprecate(\n      '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.',\n      false,\n      {\n        id: 'hds.components.flyout.body',\n        until: '5.0.0',\n        url: 'https://helios.hashicorp.design/components/flyout?tab=version%20history#460',\n        for: '@hashicorp/design-system-components',\n        since: {\n          enabled: '4.6.0',\n          available: '4.6.0',\n        },\n      }\n    );\n  }\n}\n"],"names":["HdsFlyoutBody","Component","constructor","owner","args","deprecate","id","until","url","for","since","enabled","available","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAiBe,MAAMA,aAAa,SAASC,SAAS,CAAyB;AAC3EC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAAoC,EAAE;AAC9D,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;AAElBC,IAAAA,SAAS,CACP,6MAA6M,EAC7M,KAAK,EACL;AACEC,MAAAA,EAAE,EAAE,4BAA4B;AAChCC,MAAAA,KAAK,EAAE,OAAO;AACdC,MAAAA,GAAG,EAAE,6EAA6E;AAClFC,MAAAA,GAAG,EAAE,qCAAqC;AAC1CC,MAAAA,KAAK,EAAE;AACLC,QAAAA,OAAO,EAAE,OAAO;AAChBC,QAAAA,SAAS,EAAE;AACb;AACF,KACF,CAAC;AACH,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAnBoBd,aAAa,CAAA;;;;"}

package/dist/components/hds/flyout/description.js

@@ -0,0 +1,31 @@
+import Component from '@glimmer/component';
+import { deprecate } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{!\n  THIS SUBCOMPONENT IS NOW DEPRECATED\n}}\n<Hds::Text::Body class=\"hds-flyout__description\" @tag=\"div\" @size=\"200\" @color=\"primary\" ...attributes>\n  {{yield}}\n</Hds::Text::Body>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsFlyoutDescription extends Component {
+  constructor(owner, 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'
+      }
+    });
+  }
+}
+setComponentTemplate(TEMPLATE, HdsFlyoutDescription);
+
+export { HdsFlyoutDescription as default };
+//# sourceMappingURL=description.js.map

package/dist/components/hds/flyout/description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description.js","sources":["../../../../src/components/hds/flyout/description.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { deprecate } from '@ember/debug';\nimport type { HdsTextBodySignature } from '../text/body';\nimport type Owner from '@ember/owner';\n\nexport interface HdsFlyoutDescriptionSignature {\n  Args: never;\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nexport default class HdsFlyoutDescription extends Component<HdsFlyoutDescriptionSignature> {\n  constructor(owner: Owner, args: HdsFlyoutDescriptionSignature['Args']) {\n    super(owner, args);\n\n    deprecate(\n      '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.',\n      false,\n      {\n        id: 'hds.components.flyout.description',\n        until: '5.0.0',\n        url: 'https://helios.hashicorp.design/components/flyout?tab=version%20history#460',\n        for: '@hashicorp/design-system-components',\n        since: {\n          available: '4.6.0',\n          enabled: '4.6.0',\n        },\n      }\n    );\n  }\n}\n"],"names":["HdsFlyoutDescription","Component","constructor","owner","args","deprecate","id","until","url","for","since","available","enabled","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAee,MAAMA,oBAAoB,SAASC,SAAS,CAAgC;AACzFC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAA2C,EAAE;AACrE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;AAElBC,IAAAA,SAAS,CACP,2NAA2N,EAC3N,KAAK,EACL;AACEC,MAAAA,EAAE,EAAE,mCAAmC;AACvCC,MAAAA,KAAK,EAAE,OAAO;AACdC,MAAAA,GAAG,EAAE,6EAA6E;AAClFC,MAAAA,GAAG,EAAE,qCAAqC;AAC1CC,MAAAA,KAAK,EAAE;AACLC,QAAAA,SAAS,EAAE,OAAO;AAClBC,QAAAA,OAAO,EAAE;AACX;AACF,KACF,CAAC;AACH,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAnBoBd,oBAAoB,CAAA;;;;"}

package/dist/components/hds/flyout/footer.js

@@ -0,0 +1,31 @@
+import Component from '@glimmer/component';
+import { deprecate } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{!\n  THIS SUBCOMPONENT IS NOW DEPRECATED\n}}\n<div class=\"hds-flyout__footer\" ...attributes>\n  {{yield (hash close=@onDismiss)}}\n</div>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsFlyoutFooter extends Component {
+  constructor(owner, 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'
+      }
+    });
+  }
+}
+setComponentTemplate(TEMPLATE, HdsFlyoutFooter);
+
+export { HdsFlyoutFooter as default };
+//# sourceMappingURL=footer.js.map

package/dist/components/hds/flyout/footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","sources":["../../../../src/components/hds/flyout/footer.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { deprecate } from '@ember/debug';\nimport type Owner from '@ember/owner';\n\nexport interface HdsFlyoutFooterSignature {\n  Args: {\n    onDismiss?: (event: MouseEvent) => void;\n  };\n  Blocks: {\n    default: [{ close?: (event: MouseEvent) => void }];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsFlyoutFooter extends Component<HdsFlyoutFooterSignature> {\n  constructor(owner: Owner, args: HdsFlyoutFooterSignature['Args']) {\n    super(owner, args);\n\n    deprecate(\n      '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.',\n      false,\n      {\n        id: 'hds.components.flyout.footer',\n        until: '5.0.0',\n        url: 'https://helios.hashicorp.design/components/flyout?tab=version%20history#460',\n        for: '@hashicorp/design-system-components',\n        since: {\n          enabled: '4.6.0',\n          available: '4.6.0',\n        },\n      }\n    );\n  }\n}\n"],"names":["HdsFlyoutFooter","Component","constructor","owner","args","deprecate","id","until","url","for","since","enabled","available","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAgBe,MAAMA,eAAe,SAASC,SAAS,CAA2B;AAC/EC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAAsC,EAAE;AAChE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;AAElBC,IAAAA,SAAS,CACP,iNAAiN,EACjN,KAAK,EACL;AACEC,MAAAA,EAAE,EAAE,8BAA8B;AAClCC,MAAAA,KAAK,EAAE,OAAO;AACdC,MAAAA,GAAG,EAAE,6EAA6E;AAClFC,MAAAA,GAAG,EAAE,qCAAqC;AAC1CC,MAAAA,KAAK,EAAE;AACLC,QAAAA,OAAO,EAAE,OAAO;AAChBC,QAAAA,SAAS,EAAE;AACb;AACF,KACF,CAAC;AACH,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAnBoBd,eAAe,CAAA;;;;"}

package/dist/components/hds/flyout/header.js

@@ -0,0 +1,31 @@
+import Component from '@glimmer/component';
+import { deprecate } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{!\n  THIS SUBCOMPONENT IS NOW DEPRECATED\n}}\n<div class=\"hds-flyout__header\" ...attributes>\n  {{#if @icon}}\n    <Hds::Icon class=\"hds-flyout__icon\" @name={{@icon}} @size=\"24\" />\n  {{/if}}\n  <Hds::Text::Display class=\"hds-flyout__title\" @tag=\"div\" @size=\"300\" @weight=\"semibold\" id={{@id}}>\n    {{#if @tagline}}\n      <Hds::Text::Body class=\"hds-flyout__tagline\" @tag=\"div\" @size=\"100\" @weight=\"regular\" @color=\"faint\">\n        {{@tagline}}\n      </Hds::Text::Body>\n    {{/if}}\n    {{yield}}\n  </Hds::Text::Display>\n  <Hds::DismissButton class=\"hds-flyout__dismiss\" {{on \"click\" @onDismiss}} />\n</div>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsFlyoutHeader extends Component {
+  constructor(owner, 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'
+      }
+    });
+  }
+}
+setComponentTemplate(TEMPLATE, HdsFlyoutHeader);
+
+export { HdsFlyoutHeader as default };
+//# sourceMappingURL=header.js.map

package/dist/components/hds/flyout/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sources":["../../../../src/components/hds/flyout/header.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { deprecate } from '@ember/debug';\nimport type { HdsIconSignature } from '../icon';\nimport type Owner from '@ember/owner';\n\nexport interface HdsFlyoutHeaderSignature {\n  Args: {\n    id?: string;\n    tagline?: string;\n    onDismiss: (event: MouseEvent) => void;\n    icon?: HdsIconSignature['Args']['name'];\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsFlyoutHeader extends Component<HdsFlyoutHeaderSignature> {\n  constructor(owner: Owner, args: HdsFlyoutHeaderSignature['Args']) {\n    super(owner, args);\n\n    deprecate(\n      '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.',\n      false,\n      {\n        id: 'hds.components.flyout.header',\n        until: '5.0.0',\n        url: 'https://helios.hashicorp.design/components/flyout?tab=version%20history#460',\n        for: '@hashicorp/design-system-components',\n        since: {\n          enabled: '4.6.0',\n          available: '4.6.0',\n        },\n      }\n    );\n  }\n}\n"],"names":["HdsFlyoutHeader","Component","constructor","owner","args","deprecate","id","until","url","for","since","enabled","available","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAoBe,MAAMA,eAAe,SAASC,SAAS,CAA2B;AAC/EC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAAsC,EAAE;AAChE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;AAElBC,IAAAA,SAAS,CACP,iNAAiN,EACjN,KAAK,EACL;AACEC,MAAAA,EAAE,EAAE,8BAA8B;AAClCC,MAAAA,KAAK,EAAE,OAAO;AACdC,MAAAA,GAAG,EAAE,6EAA6E;AAClFC,MAAAA,GAAG,EAAE,qCAAqC;AAC1CC,MAAAA,KAAK,EAAE;AACLC,QAAAA,OAAO,EAAE,OAAO;AAChBC,QAAAA,SAAS,EAAE;AACb;AACF,KACF,CAAC;AACH,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAnBoBd,eAAe,CAAA;;;;"}

package/dist/components/hds/menu-primitive/index.js

@@ -0,0 +1,98 @@
+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 { precompileTemplate } from '@ember/template-compilation';
+import { g, i, n } from 'decorator-transforms/runtime';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{!\n  THIS COMPONENT IS NOW DEPRECATED\n}}\n{{! template-lint-disable no-invalid-interactive }}\n<div\n  class=\"hds-menu-primitive\"\n  ...attributes\n  {{did-insert this.didInsert}}\n  {{on \"focusout\" this.onFocusOut}}\n  {{on \"keyup\" this.onKeyUp}}\n>\n  <div class=\"hds-menu-primitive__toggle\" tabindex=\"-1\">\n    {{yield (hash onClickToggle=this.onClickToggle isOpen=this.isOpen) to=\"toggle\"}}\n  </div>\n  {{#if this.isOpen}}\n    <div class=\"hds-menu-primitive__content\" tabindex=\"-1\">\n      {{yield (hash close=this.close) to=\"content\"}}\n    </div>\n  {{/if}}\n</div>\n{{! template-lint-enable no-invalid-interactive }}");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class MenuPrimitive extends Component {
+  static {
+    g(this.prototype, "isOpen", [tracked]);
+  }
+  #isOpen = (i(this, "isOpen"), void 0);
+  static {
+    g(this.prototype, "toggleRef", [tracked]);
+  }
+  #toggleRef = (i(this, "toggleRef"), void 0); // 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
+  static {
+    g(this.prototype, "_element", [tracked]);
+  }
+  #_element = (i(this, "_element"), void 0);
+  constructor(owner, 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'
+      }
+    });
+  }
+  didInsert(element) {
+    this._element = element;
+  }
+  static {
+    n(this.prototype, "didInsert", [action]);
+  }
+  onClickToggle(event) {
+    // we store a reference to the DOM node that has the "onClickToggle" event associated with it
+    if (!this.toggleRef) {
+      this.toggleRef = event.currentTarget;
+    }
+    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();
+  }
+  static {
+    n(this.prototype, "onClickToggle", [action]);
+  }
+  onFocusOut(event) {
+    // 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 || document.activeElement)) {
+      this.close();
+    }
+  }
+  static {
+    n(this.prototype, "onFocusOut", [action]);
+  }
+  onKeyUp(event) {
+    if (event.key === 'Escape') {
+      this.close();
+      this.toggleRef?.focus();
+    }
+  }
+  static {
+    n(this.prototype, "onKeyUp", [action]);
+  }
+  close() {
+    // 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', () => {
+      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();
+      }
+    });
+  }
+  static {
+    n(this.prototype, "close", [action]);
+  }
+}
+setComponentTemplate(TEMPLATE, MenuPrimitive);
+
+export { MenuPrimitive as default };
+//# sourceMappingURL=index.js.map

package/dist/components/hds/menu-primitive/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/menu-primitive/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { deprecate } from '@ember/debug';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { schedule } from '@ember/runloop';\nimport type Owner from '@ember/owner';\n\nexport interface MenuPrimitiveSignature {\n  Args: {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onClose?: (...args: any[]) => void;\n  };\n  Blocks: {\n    toggle?: [\n      {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        onClickToggle: (event: MouseEvent, ...args: any[]) => void;\n        isOpen?: boolean;\n      },\n    ];\n    content?: [\n      {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        close: (...args: any[]) => void;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class MenuPrimitive extends Component<MenuPrimitiveSignature> {\n  @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\n  @tracked toggleRef: HTMLElement | undefined;\n  @tracked _element!: HTMLElement;\n\n  constructor(owner: Owner, args: MenuPrimitiveSignature['Args']) {\n    super(owner, args);\n\n    deprecate(\n      'The `Hds::MenuPrimitive` component is now deprecated and will be removed in the next major version of `@hashicorp/design-system-components`.',\n      false,\n      {\n        id: 'hds.components.menu-primitive',\n        until: '5.0.0',\n        url: 'https://helios.hashicorp.design/components/menu-primitive?tab=version%20history#460',\n        for: '@hashicorp/design-system-components',\n        since: {\n          enabled: '4.10.0',\n          available: '4.10.0',\n        },\n      }\n    );\n  }\n\n  @action\n  didInsert(element: HTMLElement): void {\n    this._element = element;\n  }\n\n  @action\n  onClickToggle(event: MouseEvent): void {\n    // we store a reference to the DOM node that has the \"onClickToggle\" event associated with it\n    if (!this.toggleRef) {\n      this.toggleRef = event.currentTarget as HTMLElement;\n    }\n    this.isOpen = !this.isOpen;\n    // 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)\n    this.toggleRef?.focus();\n  }\n\n  @action\n  onFocusOut(event: FocusEvent): void {\n    // due to inconsistent implementation of relatedTarget across browsers we use the activeElement as a fallback\n    // if the related target is not part of the disclosed content we close the disclosed container\n    if (\n      !this._element.contains(\n        (event.relatedTarget as Node) || (document.activeElement as Node)\n      )\n    ) {\n      this.close();\n    }\n  }\n\n  @action\n  onKeyUp(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      this.close();\n      this.toggleRef?.focus();\n    }\n  }\n\n  @action\n  close(): void {\n    // we schedule this afterRender to avoid an error in tests caused by updating `isOpen` multiple times in the same computation\n    // eslint-disable-next-line ember/no-runloop\n    schedule('afterRender', (): void => {\n      this.isOpen = false;\n      // we call the \"onClose\" callback if it exists (and is a function)\n      if (this.args.onClose && typeof this.args.onClose === 'function') {\n        this.args.onClose();\n      }\n    });\n  }\n}\n"],"names":["MenuPrimitive","Component","g","prototype","tracked","i","void 0","constructor","owner","args","deprecate","id","until","url","for","since","enabled","available","didInsert","element","_element","n","action","onClickToggle","event","toggleRef","currentTarget","isOpen","focus","onFocusOut","contains","relatedTarget","document","activeElement","close","onKeyUp","key","schedule","onClose","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/modal/body.js

@@ -0,0 +1,31 @@
+import Component from '@glimmer/component';
+import { deprecate } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{!\n  THIS SUBCOMPONENT IS NOW DEPRECATED\n}}\n<div class=\"hds-modal__body\" ...attributes>\n  {{yield}}\n</div>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsModalBody extends Component {
+  constructor(owner, 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'
+      }
+    });
+  }
+}
+setComponentTemplate(TEMPLATE, HdsModalBody);
+
+export { HdsModalBody as default };
+//# sourceMappingURL=body.js.map

package/dist/components/hds/modal/body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"body.js","sources":["../../../../src/components/hds/modal/body.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { deprecate } from '@ember/debug';\nimport type Owner from '@ember/owner';\n\nexport interface HdsModalBodySignature {\n  // when component has no args, but constructor still needs to be defined, use `never`\n  // see: https://github.com/hashicorp/design-system/pull/2511/files/f2146e5243d0431892a62d2fbf2889f1cbd3e525#r1815255004\n  Args: never;\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsModalBody extends Component<HdsModalBodySignature> {\n  constructor(owner: Owner, args: HdsModalBodySignature['Args']) {\n    super(owner, args);\n\n    deprecate(\n      '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.',\n      false,\n      {\n        id: 'hds.components.modal.body',\n        until: '5.0.0',\n        url: 'https://helios.hashicorp.design/components/flyout?tab=version%20history#460',\n        for: '@hashicorp/design-system-components',\n        since: {\n          available: '4.6.0',\n          enabled: '4.6.0',\n        },\n      }\n    );\n  }\n}\n"],"names":["HdsModalBody","Component","constructor","owner","args","deprecate","id","until","url","for","since","available","enabled","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAgBe,MAAMA,YAAY,SAASC,SAAS,CAAwB;AACzEC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAAmC,EAAE;AAC7D,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;AAElBC,IAAAA,SAAS,CACP,4MAA4M,EAC5M,KAAK,EACL;AACEC,MAAAA,EAAE,EAAE,2BAA2B;AAC/BC,MAAAA,KAAK,EAAE,OAAO;AACdC,MAAAA,GAAG,EAAE,6EAA6E;AAClFC,MAAAA,GAAG,EAAE,qCAAqC;AAC1CC,MAAAA,KAAK,EAAE;AACLC,QAAAA,SAAS,EAAE,OAAO;AAClBC,QAAAA,OAAO,EAAE;AACX;AACF,KACF,CAAC;AACH,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAnBoBd,YAAY,CAAA;;;;"}

package/dist/components/hds/modal/footer.js

@@ -0,0 +1,31 @@
+import Component from '@glimmer/component';
+import { deprecate } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{!\n  THIS SUBCOMPONENT IS NOW DEPRECATED\n}}\n<div class=\"hds-modal__footer\" ...attributes>\n  {{yield (hash close=@onDismiss)}}\n</div>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsModalFooter extends Component {
+  constructor(owner, 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'
+      }
+    });
+  }
+}
+setComponentTemplate(TEMPLATE, HdsModalFooter);
+
+export { HdsModalFooter as default };
+//# sourceMappingURL=footer.js.map

package/dist/components/hds/modal/footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","sources":["../../../../src/components/hds/modal/footer.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { deprecate } from '@ember/debug';\nimport type Owner from '@ember/owner';\n\nexport interface HdsModalFooterSignature {\n  Args: {\n    onDismiss?: (event: MouseEvent) => void;\n  };\n  Blocks: {\n    default: [{ close?: (event: MouseEvent) => void }];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsModalFooter extends Component<HdsModalFooterSignature> {\n  constructor(owner: Owner, args: HdsModalFooterSignature['Args']) {\n    super(owner, args);\n\n    deprecate(\n      '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.',\n      false,\n      {\n        id: 'hds.components.modal.footer',\n        until: '5.0.0',\n        url: 'https://helios.hashicorp.design/components/flyout?tab=version%20history#460',\n        for: '@hashicorp/design-system-components',\n        since: {\n          enabled: '4.6.0',\n          available: '4.6.0',\n        },\n      }\n    );\n  }\n}\n"],"names":["HdsModalFooter","Component","constructor","owner","args","deprecate","id","until","url","for","since","enabled","available","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAgBe,MAAMA,cAAc,SAASC,SAAS,CAA0B;AAC7EC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAAqC,EAAE;AAC/D,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;AAElBC,IAAAA,SAAS,CACP,gNAAgN,EAChN,KAAK,EACL;AACEC,MAAAA,EAAE,EAAE,6BAA6B;AACjCC,MAAAA,KAAK,EAAE,OAAO;AACdC,MAAAA,GAAG,EAAE,6EAA6E;AAClFC,MAAAA,GAAG,EAAE,qCAAqC;AAC1CC,MAAAA,KAAK,EAAE;AACLC,QAAAA,OAAO,EAAE,OAAO;AAChBC,QAAAA,SAAS,EAAE;AACb;AACF,KACF,CAAC;AACH,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAnBoBd,cAAc,CAAA;;;;"}

package/dist/components/hds/modal/header.js

@@ -0,0 +1,31 @@
+import Component from '@glimmer/component';
+import { deprecate } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{!\n  THIS SUBCOMPONENT IS NOW DEPRECATED\n}}\n<div class=\"hds-modal__header\" ...attributes>\n  {{#if @icon}}\n    <Hds::Icon class=\"hds-modal__icon\" @name={{@icon}} @size=\"24\" />\n  {{/if}}\n  <Hds::Text::Display class=\"hds-modal__title\" @tag=\"div\" @size=\"300\" @weight=\"semibold\" id={{@id}}>\n    {{#if @tagline}}\n      <Hds::Text::Body class=\"hds-modal__tagline\" @tag=\"div\" @size=\"100\" @weight=\"regular\">\n        {{@tagline}}\n      </Hds::Text::Body>\n    {{/if}}\n    {{yield}}\n  </Hds::Text::Display>\n  <Hds::DismissButton class=\"hds-modal__dismiss\" {{on \"click\" @onDismiss}} />\n</div>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsModalHeader extends Component {
+  constructor(owner, 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'
+      }
+    });
+  }
+}
+setComponentTemplate(TEMPLATE, HdsModalHeader);
+
+export { HdsModalHeader as default };
+//# sourceMappingURL=header.js.map

package/dist/components/hds/modal/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sources":["../../../../src/components/hds/modal/header.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { deprecate } from '@ember/debug';\nimport type { HdsIconSignature } from '../icon';\nimport type Owner from '@ember/owner';\n\nexport interface HdsModalHeaderSignature {\n  Args: {\n    id?: string;\n    tagline?: string;\n    onDismiss: (event: MouseEvent) => void;\n    icon?: HdsIconSignature['Args']['name'];\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsModalHeader extends Component<HdsModalHeaderSignature> {\n  constructor(owner: Owner, args: HdsModalHeaderSignature['Args']) {\n    super(owner, args);\n\n    deprecate(\n      '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.',\n      false,\n      {\n        id: 'hds.components.modal.header',\n        until: '5.0.0',\n        url: 'https://helios.hashicorp.design/components/flyout?tab=version%20history#460',\n        for: '@hashicorp/design-system-components',\n        since: {\n          available: '4.6.0',\n          enabled: '4.6.0',\n        },\n      }\n    );\n  }\n}\n"],"names":["HdsModalHeader","Component","constructor","owner","args","deprecate","id","until","url","for","since","available","enabled","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAoBe,MAAMA,cAAc,SAASC,SAAS,CAA0B;AAC7EC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAAqC,EAAE;AAC/D,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;AAElBC,IAAAA,SAAS,CACP,gNAAgN,EAChN,KAAK,EACL;AACEC,MAAAA,EAAE,EAAE,6BAA6B;AACjCC,MAAAA,KAAK,EAAE,OAAO;AACdC,MAAAA,GAAG,EAAE,6EAA6E;AAClFC,MAAAA,GAAG,EAAE,qCAAqC;AAC1CC,MAAAA,KAAK,EAAE;AACLC,QAAAA,SAAS,EAAE,OAAO;AAClBC,QAAAA,OAAO,EAAE;AACX;AACF,KACF,CAAC;AACH,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAnBoBd,cAAc,CAAA;;;;"}

package/dist/components/hds/side-nav/header/icon-button.js

@@ -0,0 +1,38 @@
+import Component from '@glimmer/component';
+import { deprecate, assert } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{!\n  THIS SUBCOMPONENT IS NOW DEPRECATED\n}}\n<Hds::Interactive\n  class=\"hds-side-nav__icon-button\"\n  @current-when={{@current-when}}\n  @models={{hds-link-to-models @model @models}}\n  @query={{hds-link-to-query @query}}\n  @replace={{@replace}}\n  @route={{@route}}\n  @isRouteExternal={{@isRouteExternal}}\n  @href={{@href}}\n  @isHrefExternal={{@isHrefExternal}}\n  ...attributes\n  aria-label={{this.ariaLabel}}\n>\n  <Hds::Icon @name={{@icon}} @stretched={{true}} @size=\"24\" />\n</Hds::Interactive>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsSideNavHeaderIconButton extends Component {
+  constructor(owner, 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() {
+    const {
+      ariaLabel
+    } = this.args;
+    assert('@ariaLabel for "Hds::SideNav::Header::IconButton" must have a valid value', ariaLabel !== undefined);
+    return ariaLabel;
+  }
+}
+setComponentTemplate(TEMPLATE, HdsSideNavHeaderIconButton);
+
+export { HdsSideNavHeaderIconButton as default };
+//# sourceMappingURL=icon-button.js.map