@hashicorp/design-system-components 4.6.0 → 4.8.0

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

@@ -1 +1 @@
-{"version":3,"file":"checkmark.js","sources":["../../../../../src/components/hds/dropdown/list-item/checkmark.hbs","../../../../../src/components/hds/dropdown/list-item/checkmark.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n{{! template-lint-disable no-invalid-role require-context-role require-presentational-children }}\\n<li class={{this.classNames}} role=\\\"none\\\">\\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    class=\\\"hds-dropdown-list-item__interactive\\\"\\n    ...attributes\\n    role=\\\"option\\\"\\n    aria-selected={{if @selected \\\"true\\\" \\\"false\\\"}}\\n  >\\n    {{#if @icon}}\\n      <span class=\\\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--leading\\\">\\n        <FlightIcon @name={{@icon}} @isInlineBlock={{false}} />\\n      </span>\\n    {{/if}}\\n    <Hds::Text::Body @tag=\\\"span\\\" @size=\\\"200\\\" @weight=\\\"medium\\\" class=\\\"hds-dropdown-list-item__interactive-text\\\">\\n      {{yield}}\\n    </Hds::Text::Body>\\n    {{#if @count}}\\n      <Hds::Text::Body\\n        class=\\\"hds-dropdown-list-item__count\\\"\\n        @tag=\\\"span\\\"\\n        @size=\\\"100\\\"\\n        @weight=\\\"medium\\\"\\n        @color=\\\"faint\\\"\\n      >{{@count}}</Hds::Text::Body>\\n    {{/if}}\\n    <span class=\\\"hds-dropdown-list-item__checkmark\\\">\\n      {{#if @selected}}\\n        <FlightIcon class=\\\"hds-dropdown-list-item__checkmark-icon\\\" @name=\\\"check\\\" @isInlineBlock={{false}} />\\n      {{/if}}\\n    </span>\\n  </Hds::Interactive>\\n</li>\\n{{! template-lint-enable no-invalid-role require-context-role require-presentational-children }}\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport default class HdsDropdownListItemCheckmarkComponent extends Component {\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = [\n      'hds-dropdown-list-item',\n      'hds-dropdown-list-item--color-action',\n      'hds-dropdown-list-item--variant-checkmark',\n    ];\n\n    // add a class based on the @selected argument\n    if (this.args.selected) {\n      classes.push('hds-dropdown-list-item--variant-checkmark-selected');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsDropdownListItemCheckmarkComponent","Component","classNames","classes","args","selected","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,yqDAAyqD;;ACD3sD;AACA;AACA;AACA;;AAIe,MAAMA,qCAAqC,SAASC,SAAS,CAAC;AAC3E;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;IACf,IAAIC,OAAO,GAAG,CACZ,wBAAwB,EACxB,sCAAsC,EACtC,2CAA2C,CAC5C,CAAA;;AAED;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,QAAQ,EAAE;AACtBF,MAAAA,OAAO,CAACG,IAAI,CAAC,oDAAoD,CAAC,CAAA;AACpE,KAAA;AAEA,IAAA,OAAOH,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EApBoBT,qCAAqC,CAAA;;;;"}
+{"version":3,"file":"checkmark.js","sources":["../../../../../src/components/hds/dropdown/list-item/checkmark.hbs","../../../../../src/components/hds/dropdown/list-item/checkmark.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! template-lint-disable no-invalid-role require-context-role require-presentational-children }}\\n<li class={{this.classNames}} role=\\\"none\\\">\\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    class=\\\"hds-dropdown-list-item__interactive\\\"\\n    ...attributes\\n    role=\\\"option\\\"\\n    aria-selected={{if @selected \\\"true\\\" \\\"false\\\"}}\\n  >\\n    {{#if @icon}}\\n      <span class=\\\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--leading\\\">\\n        <FlightIcon @name={{@icon}} @isInlineBlock={{false}} />\\n      </span>\\n    {{/if}}\\n    <Hds::Text::Body @tag=\\\"span\\\" @size=\\\"200\\\" @weight=\\\"medium\\\" class=\\\"hds-dropdown-list-item__interactive-text\\\">\\n      {{yield}}\\n    </Hds::Text::Body>\\n    {{#if @count}}\\n      <Hds::Text::Body\\n        class=\\\"hds-dropdown-list-item__count\\\"\\n        @tag=\\\"span\\\"\\n        @size=\\\"100\\\"\\n        @weight=\\\"medium\\\"\\n        @color=\\\"faint\\\"\\n      >{{@count}}</Hds::Text::Body>\\n    {{/if}}\\n    <span class=\\\"hds-dropdown-list-item__checkmark\\\">\\n      {{#if @selected}}\\n        <FlightIcon class=\\\"hds-dropdown-list-item__checkmark-icon\\\" @name=\\\"check\\\" @isInlineBlock={{false}} />\\n      {{/if}}\\n    </span>\\n  </Hds::Interactive>\\n</li>\\n{{! template-lint-enable no-invalid-role require-context-role require-presentational-children }}\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\nimport type { HdsInteractiveSignature } from '../../interactive';\n\nexport interface HdsDropdownListItemCheckmarkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    count?: string | number;\n    icon?: FlightIconSignature['Args']['name'];\n    selected?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsDropdownListItemCheckmarkComponent extends Component<HdsDropdownListItemCheckmarkSignature> {\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = [\n      'hds-dropdown-list-item',\n      'hds-dropdown-list-item--color-action',\n      'hds-dropdown-list-item--variant-checkmark',\n    ];\n\n    // add a class based on the @selected argument\n    if (this.args.selected) {\n      classes.push('hds-dropdown-list-item--variant-checkmark-selected');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsDropdownListItemCheckmarkComponent","Component","classNames","classes","args","selected","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8nDAA8nD;;ACDhqD;AACA;AACA;AACA;;AAkBe,MAAMA,qCAAqC,SAASC,SAAS,CAAwC;AAClH;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;IACvB,MAAMC,OAAO,GAAG,CACd,wBAAwB,EACxB,sCAAsC,EACtC,2CAA2C,CAC5C,CAAA;;AAED;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,QAAQ,EAAE;AACtBF,MAAAA,OAAO,CAACG,IAAI,CAAC,oDAAoD,CAAC,CAAA;AACpE,KAAA;AAEA,IAAA,OAAOH,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EApBoBT,qCAAqC,CAAA;;;;"}

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

@@ -3,7 +3,7 @@ import { assert } from '@ember/debug';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li class={{this.classNames}} ...attributes>\n  {{#if @copyItemTitle}}\n    <Hds::Text::Body\n      class=\"hds-dropdown-list-item__copy-item-title\"\n      @tag=\"div\"\n      @size=\"100\"\n      @weight=\"semibold\"\n      @color=\"faint\"\n    >{{@copyItemTitle}}</Hds::Text::Body>\n  {{/if}}\n  <Hds::Copy::Snippet @color=\"secondary\" @textToCopy={{this.text}} @isTruncated={{this.isTruncated}} />\n</li>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li class={{this.classNames}} ...attributes>\n  {{#if @copyItemTitle}}\n    <Hds::Text::Body\n      class=\"hds-dropdown-list-item__copy-item-title\"\n      @tag=\"div\"\n      @size=\"100\"\n      @weight=\"semibold\"\n      @color=\"faint\"\n    >{{@copyItemTitle}}</Hds::Text::Body>\n  {{/if}}\n  <Hds::Copy::Snippet @color=\"secondary\" @textToCopy={{this.text}} @isTruncated={{this.isTruncated}} />\n</li>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
@@ -17,7 +17,7 @@ class HdsDropdownListItemCopyItemComponent extends Component {
    * @description The text of the item. If no text value is defined an error will be thrown
    */
   get text() {
-    let {
+    const {
       text
     } = this.args;
     assert('@text for "Hds::Dropdown::ListItem::CopyItem" must have a valid value', text !== undefined);
@@ -31,7 +31,7 @@ class HdsDropdownListItemCopyItemComponent extends Component {
    * @description Indicates that the text should be truncated instead of wrapping and using multiple lines.
    */
   get isTruncated() {
-    let {
+    const {
       isTruncated = true
     } = this.args;
     return isTruncated;
@@ -43,7 +43,7 @@ class HdsDropdownListItemCopyItemComponent extends Component {
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = ['hds-dropdown-list-item', 'hds-dropdown-list-item--variant-copy-item'];
+    const classes = ['hds-dropdown-list-item', 'hds-dropdown-list-item--variant-copy-item'];
     return classes.join(' ');
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"copy-item.js","sources":["../../../../../src/components/hds/dropdown/list-item/copy-item.hbs","../../../../../src/components/hds/dropdown/list-item/copy-item.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<li class={{this.classNames}} ...attributes>\\n  {{#if @copyItemTitle}}\\n    <Hds::Text::Body\\n      class=\\\"hds-dropdown-list-item__copy-item-title\\\"\\n      @tag=\\\"div\\\"\\n      @size=\\\"100\\\"\\n      @weight=\\\"semibold\\\"\\n      @color=\\\"faint\\\"\\n    >{{@copyItemTitle}}</Hds::Text::Body>\\n  {{/if}}\\n  <Hds::Copy::Snippet @color=\\\"secondary\\\" @textToCopy={{this.text}} @isTruncated={{this.isTruncated}} />\\n</li>\")","/**\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\nexport default class HdsDropdownListItemCopyItemComponent extends Component {\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the item. If no text value is defined an error will be thrown\n   */\n  get text() {\n    let { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::ListItem::CopyItem\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  /**\n   * @param isTruncated\n   * @type {boolean}\n   * @default true\n   * @description Indicates that the text should be truncated instead of wrapping and using multiple lines.\n   */\n  get isTruncated() {\n    let { isTruncated = true } = this.args;\n\n    return isTruncated;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = [\n      'hds-dropdown-list-item',\n      'hds-dropdown-list-item--variant-copy-item',\n    ];\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsDropdownListItemCopyItemComponent","Component","text","args","assert","undefined","isTruncated","classNames","classes","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,mhBAAmhB;;ACDrjB;AACA;AACA;AACA;;AAKe,MAAMA,oCAAoC,SAASC,SAAS,CAAC;AAC1E;AACF;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;IACT,IAAI;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACC,IAAI,CAAA;AAExBC,IAAAA,MAAM,CACJ,uEAAuE,EACvEF,IAAI,KAAKG,SACX,CAAC,CAAA;AAED,IAAA,OAAOH,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAII,WAAWA,GAAG;IAChB,IAAI;AAAEA,MAAAA,WAAW,GAAG,IAAA;KAAM,GAAG,IAAI,CAACH,IAAI,CAAA;AAEtC,IAAA,OAAOG,WAAW,CAAA;AACpB,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CACZ,wBAAwB,EACxB,2CAA2C,CAC5C,CAAA;AAED,IAAA,OAAOA,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA1CoBX,oCAAoC,CAAA;;;;"}
+{"version":3,"file":"copy-item.js","sources":["../../../../../src/components/hds/dropdown/list-item/copy-item.hbs","../../../../../src/components/hds/dropdown/list-item/copy-item.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<li class={{this.classNames}} ...attributes>\\n  {{#if @copyItemTitle}}\\n    <Hds::Text::Body\\n      class=\\\"hds-dropdown-list-item__copy-item-title\\\"\\n      @tag=\\\"div\\\"\\n      @size=\\\"100\\\"\\n      @weight=\\\"semibold\\\"\\n      @color=\\\"faint\\\"\\n    >{{@copyItemTitle}}</Hds::Text::Body>\\n  {{/if}}\\n  <Hds::Copy::Snippet @color=\\\"secondary\\\" @textToCopy={{this.text}} @isTruncated={{this.isTruncated}} />\\n</li>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport type { HdsCopySnippetSignature } from '../../copy/snippet';\n\nexport interface HdsDropdownListItemCopyItemSignature {\n  Args: {\n    copyItemTitle?: string;\n    isTruncated?: HdsCopySnippetSignature['Args']['isTruncated'];\n    text: HdsCopySnippetSignature['Args']['textToCopy'];\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsDropdownListItemCopyItemComponent extends Component<HdsDropdownListItemCopyItemSignature> {\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the item. If no text value is defined an error will be thrown\n   */\n  get text(): HdsCopySnippetSignature['Args']['textToCopy'] {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::ListItem::CopyItem\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  /**\n   * @param isTruncated\n   * @type {boolean}\n   * @default true\n   * @description Indicates that the text should be truncated instead of wrapping and using multiple lines.\n   */\n  get isTruncated(): HdsCopySnippetSignature['Args']['isTruncated'] {\n    const { isTruncated = true } = this.args;\n\n    return isTruncated;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = [\n      'hds-dropdown-list-item',\n      'hds-dropdown-list-item--variant-copy-item',\n    ];\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsDropdownListItemCopyItemComponent","Component","text","args","assert","undefined","isTruncated","classNames","classes","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,0eAA0e;;ACD5gB;AACA;AACA;AACA;;AAee,MAAMA,oCAAoC,SAASC,SAAS,CAAuC;AAChH;AACF;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAkD;IACxD,MAAM;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACC,IAAI,CAAA;AAE1BC,IAAAA,MAAM,CACJ,uEAAuE,EACvEF,IAAI,KAAKG,SACX,CAAC,CAAA;AAED,IAAA,OAAOH,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAII,WAAWA,GAAmD;IAChE,MAAM;AAAEA,MAAAA,WAAW,GAAG,IAAA;KAAM,GAAG,IAAI,CAACH,IAAI,CAAA;AAExC,IAAA,OAAOG,WAAW,CAAA;AACpB,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CACd,wBAAwB,EACxB,2CAA2C,CAC5C,CAAA;AAED,IAAA,OAAOA,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA1CoBX,oCAAoC,CAAA;;;;"}

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

@@ -3,7 +3,7 @@ import { assert } from '@ember/debug';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Text::Body\n  class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-description\"\n  @tag=\"li\"\n  @size=\"100\"\n  @weight=\"regular\"\n  @color=\"faint\"\n  ...attributes\n>\n  {{this.text}}\n</Hds::Text::Body>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Text::Body\n  class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-description\"\n  @tag=\"li\"\n  @size=\"100\"\n  @weight=\"regular\"\n  @color=\"faint\"\n  ...attributes\n>\n  {{this.text}}\n</Hds::Text::Body>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
@@ -17,7 +17,7 @@ class HdsDropdownListItemDescriptionComponent extends Component {
    * @description The text of the item. If no text value is defined an error will be thrown
    */
   get text() {
-    let {
+    const {
       text
     } = this.args;
     assert('@text for "Hds::Dropdown::ListItem::Description" must have a valid value', text !== undefined);

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

@@ -1 +1 @@
-{"version":3,"file":"description.js","sources":["../../../../../src/components/hds/dropdown/list-item/description.hbs","../../../../../src/components/hds/dropdown/list-item/description.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text::Body\\n  class=\\\"hds-dropdown-list-item hds-dropdown-list-item--variant-description\\\"\\n  @tag=\\\"li\\\"\\n  @size=\\\"100\\\"\\n  @weight=\\\"regular\\\"\\n  @color=\\\"faint\\\"\\n  ...attributes\\n>\\n  {{this.text}}\\n</Hds::Text::Body>\")","/**\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\nexport default class HdsDropdownListItemDescriptionComponent extends Component {\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the item. If no text value is defined an error will be thrown\n   */\n  get text() {\n    let { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::ListItem::Description\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n}\n"],"names":["HdsDropdownListItemDescriptionComponent","Component","text","args","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,6VAA6V;;ACD/X;AACA;AACA;AACA;;AAKe,MAAMA,uCAAuC,SAASC,SAAS,CAAC;AAC7E;AACF;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;IACT,IAAI;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACC,IAAI,CAAA;AAExBC,IAAAA,MAAM,CACJ,0EAA0E,EAC1EF,IAAI,KAAKG,SACX,CAAC,CAAA;AAED,IAAA,OAAOH,IAAI,CAAA;AACb,GAAA;AACF,CAAA;AAACI,oBAAA,CAAAC,QAAA,EAhBoBP,uCAAuC,CAAA;;;;"}
+{"version":3,"file":"description.js","sources":["../../../../../src/components/hds/dropdown/list-item/description.hbs","../../../../../src/components/hds/dropdown/list-item/description.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text::Body\\n  class=\\\"hds-dropdown-list-item hds-dropdown-list-item--variant-description\\\"\\n  @tag=\\\"li\\\"\\n  @size=\\\"100\\\"\\n  @weight=\\\"regular\\\"\\n  @color=\\\"faint\\\"\\n  ...attributes\\n>\\n  {{this.text}}\\n</Hds::Text::Body>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport type { HdsTextBodySignature } from '../../text/body';\n\nexport interface HdsDropdownListItemDescriptionSignature {\n  Args: {\n    text: string;\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nexport default class HdsDropdownListItemDescriptionComponent extends Component<HdsDropdownListItemDescriptionSignature> {\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the item. If no text value is defined an error will be thrown\n   */\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::ListItem::Description\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n}\n"],"names":["HdsDropdownListItemDescriptionComponent","Component","text","args","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,oTAAoT;;ACDtV;AACA;AACA;AACA;;AAae,MAAMA,uCAAuC,SAASC,SAAS,CAA0C;AACtH;AACF;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAW;IACjB,MAAM;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACC,IAAI,CAAA;AAE1BC,IAAAA,MAAM,CACJ,0EAA0E,EAC1EF,IAAI,KAAKG,SACX,CAAC,CAAA;AAED,IAAA,OAAOH,IAAI,CAAA;AACb,GAAA;AACF,CAAA;AAACI,oBAAA,CAAAC,QAAA,EAhBoBP,uCAAuC,CAAA;;;;"}

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

@@ -1,10 +1,16 @@
-import templateOnly from '@ember/component/template-only';
+import templateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-generic\" ...attributes>\n  {{yield}}\n</li>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-generic\" ...attributes>\n  {{yield}}\n</li>");
 
-var generic = setComponentTemplate(TEMPLATE, templateOnly());
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const HdsDropdownListItemGenericComponent = templateOnlyComponent();
+var generic = setComponentTemplate(TEMPLATE, HdsDropdownListItemGenericComponent);
 
 export { generic as default };
 //# sourceMappingURL=generic.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"generic.js","sources":["../../../../../src/components/hds/dropdown/list-item/generic.hbs","../../../../../src/components/hds/dropdown/list-item/generic.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<li class=\\\"hds-dropdown-list-item hds-dropdown-list-item--variant-generic\\\" ...attributes>\\n  {{yield}}\\n</li>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,wOAAwO;;ACA1Q,cAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}
+{"version":3,"file":"generic.js","sources":["../../../../../src/components/hds/dropdown/list-item/generic.hbs","../../../../../src/components/hds/dropdown/list-item/generic.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<li class=\\\"hds-dropdown-list-item hds-dropdown-list-item--variant-generic\\\" ...attributes>\\n  {{yield}}\\n</li>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsDropdownListItemGenericSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nconst HdsDropdownListItemGenericComponent =\n  templateOnlyComponent<HdsDropdownListItemGenericSignature>();\n\nexport default HdsDropdownListItemGenericComponent;\n"],"names":["HdsDropdownListItemGenericComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+LAA+L;;ACDjO;AACA;AACA;AACA;;AAWA,MAAMA,mCAAmC,GACvCC,qBAAqB,EAAuC,CAAA;AAE9D,cAAAC,oBAAA,CAAAC,QAAA,EAAeH,mCAAmC,CAAA;;;;"}

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

@@ -1,17 +1,18 @@
 import Component from '@glimmer/component';
 import { assert } from '@ember/debug';
+import { HdsDropdownListItemInteractiveColorValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\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        <FlightIcon @name=\"loading\" @isInlineBlock={{false}} />\n      </div>\n      <Hds::Text::Body @tag=\"div\" @size=\"100\" @weight=\"regular\" class=\"hds-dropdown-list-item__interactive-text\">\n        {{this.text}}\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          <FlightIcon @name={{@icon}} @isInlineBlock={{false}} />\n        </span>\n      {{/if}}\n      <Hds::Text::Body class=\"hds-dropdown-list-item__interactive-text\" @tag=\"span\" @size=\"200\" @weight=\"medium\">\n        {{this.text}}\n      </Hds::Text::Body>\n      {{#if @trailingIcon}}\n        <span class=\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--trailing\">\n          <FlightIcon @name={{@trailingIcon}} @isInlineBlock={{false}} />\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        <FlightIcon @name=\"loading\" @isInlineBlock={{false}} />\n      </div>\n      <Hds::Text::Body @tag=\"div\" @size=\"100\" @weight=\"regular\" class=\"hds-dropdown-list-item__interactive-text\">\n        {{this.text}}\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          <FlightIcon @name={{@icon}} @isInlineBlock={{false}} />\n        </span>\n      {{/if}}\n      <Hds::Text::Body class=\"hds-dropdown-list-item__interactive-text\" @tag=\"span\" @size=\"200\" @weight=\"medium\">\n        {{this.text}}\n      </Hds::Text::Body>\n      {{#if @trailingIcon}}\n        <span class=\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--trailing\">\n          <FlightIcon @name={{@trailingIcon}} @isInlineBlock={{false}} />\n        </span>\n      {{/if}}\n    </Hds::Interactive>\n  {{/if}}\n</li>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const DEFAULT_COLOR = 'action';
-const COLORS = ['action', 'critical'];
+const DEFAULT_COLOR = HdsDropdownListItemInteractiveColorValues.Action;
+const COLORS = Object.values(HdsDropdownListItemInteractiveColorValues);
 class HdsDropdownListItemInteractiveComponent extends Component {
   /**
    * @param text
@@ -19,7 +20,7 @@ class HdsDropdownListItemInteractiveComponent extends Component {
    * @description The text of the item. If no text value is defined an error will be thrown
    */
   get text() {
-    let {
+    const {
       text
     } = this.args;
     assert('@text for "Hds::Dropdown::ListItem::Interactive" must have a valid value', text !== undefined);
@@ -33,7 +34,7 @@ class HdsDropdownListItemInteractiveComponent extends Component {
    * @description Determines the color of the item (when item is set to interactive)
    */
   get color() {
-    let {
+    const {
       color = DEFAULT_COLOR
     } = this.args;
     assert(`@color for "Hds::Dropdown::ListItem::Interactive" must be one of the following: ${COLORS.join(', ')}; received: ${color}`, COLORS.includes(color));
@@ -46,7 +47,7 @@ class HdsDropdownListItemInteractiveComponent extends Component {
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = ['hds-dropdown-list-item', 'hds-dropdown-list-item--variant-interactive'];
+    const classes = ['hds-dropdown-list-item', 'hds-dropdown-list-item--variant-interactive'];
 
     // add a class based on the @color argument
     classes.push(`hds-dropdown-list-item--color-${this.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.hbs","../../../../../src/components/hds/dropdown/list-item/interactive.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\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        <FlightIcon @name=\\\"loading\\\" @isInlineBlock={{false}} />\\n      </div>\\n      <Hds::Text::Body @tag=\\\"div\\\" @size=\\\"100\\\" @weight=\\\"regular\\\" class=\\\"hds-dropdown-list-item__interactive-text\\\">\\n        {{this.text}}\\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          <FlightIcon @name={{@icon}} @isInlineBlock={{false}} />\\n        </span>\\n      {{/if}}\\n      <Hds::Text::Body class=\\\"hds-dropdown-list-item__interactive-text\\\" @tag=\\\"span\\\" @size=\\\"200\\\" @weight=\\\"medium\\\">\\n        {{this.text}}\\n      </Hds::Text::Body>\\n      {{#if @trailingIcon}}\\n        <span class=\\\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--trailing\\\">\\n          <FlightIcon @name={{@trailingIcon}} @isInlineBlock={{false}} />\\n        </span>\\n      {{/if}}\\n    </Hds::Interactive>\\n  {{/if}}\\n</li>\")","/**\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\nexport const DEFAULT_COLOR = 'action';\nexport const COLORS = ['action', 'critical'];\n\nexport default class HdsDropdownListItemInteractiveComponent extends Component {\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the item. If no text value is defined an error will be thrown\n   */\n  get text() {\n    let { 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  /**\n   * @param color\n   * @type {string}\n   * @default primary\n   * @description Determines the color of the item (when item is set to interactive)\n   */\n  get color() {\n    let { 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  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let 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","COLORS","HdsDropdownListItemInteractiveComponent","Component","text","args","assert","undefined","color","join","includes","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,4qDAA4qD;;ACD9sD;AACA;AACA;AACA;;AAKO,MAAMA,aAAa,GAAG,SAAQ;MACxBC,MAAM,GAAG,CAAC,QAAQ,EAAE,UAAU,EAAC;AAE7B,MAAMC,uCAAuC,SAASC,SAAS,CAAC;AAC7E;AACF;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;IACT,IAAI;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACC,IAAI,CAAA;AAExBC,IAAAA,MAAM,CACJ,0EAA0E,EAC1EF,IAAI,KAAKG,SACX,CAAC,CAAA;AAED,IAAA,OAAOH,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAII,KAAKA,GAAG;IACV,IAAI;AAAEA,MAAAA,KAAK,GAAGR,aAAAA;KAAe,GAAG,IAAI,CAACK,IAAI,CAAA;AAEzCC,IAAAA,MAAM,CACJ,CAAmFL,gFAAAA,EAAAA,MAAM,CAACQ,IAAI,CAC5F,IACF,CAAC,CAAA,YAAA,EAAeD,KAAK,CAAA,CAAE,EACvBP,MAAM,CAACS,QAAQ,CAACF,KAAK,CACvB,CAAC,CAAA;AAED,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIG,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CACZ,wBAAwB,EACxB,6CAA6C,CAC9C,CAAA;;AAED;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,8BAAA,EAAiC,IAAI,CAACL,KAAK,EAAE,CAAC,CAAA;AAE3D,IAAA,OAAOI,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACK,oBAAA,CAAAC,QAAA,EApDoBb,uCAAuC,CAAA;;;;"}
+{"version":3,"file":"interactive.js","sources":["../../../../../src/components/hds/dropdown/list-item/interactive.hbs","../../../../../src/components/hds/dropdown/list-item/interactive.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default 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        <FlightIcon @name=\\\"loading\\\" @isInlineBlock={{false}} />\\n      </div>\\n      <Hds::Text::Body @tag=\\\"div\\\" @size=\\\"100\\\" @weight=\\\"regular\\\" class=\\\"hds-dropdown-list-item__interactive-text\\\">\\n        {{this.text}}\\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          <FlightIcon @name={{@icon}} @isInlineBlock={{false}} />\\n        </span>\\n      {{/if}}\\n      <Hds::Text::Body class=\\\"hds-dropdown-list-item__interactive-text\\\" @tag=\\\"span\\\" @size=\\\"200\\\" @weight=\\\"medium\\\">\\n        {{this.text}}\\n      </Hds::Text::Body>\\n      {{#if @trailingIcon}}\\n        <span class=\\\"hds-dropdown-list-item__interactive-icon hds-dropdown-list-item__interactive-icon--trailing\\\">\\n          <FlightIcon @name={{@trailingIcon}} @isInlineBlock={{false}} />\\n        </span>\\n      {{/if}}\\n    </Hds::Interactive>\\n  {{/if}}\\n</li>\")","/**\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 { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\nimport type { HdsInteractiveSignature } from '../../interactive';\nimport type { HdsDropdownListItemInteractiveColors } from './types.ts';\n\nexport const DEFAULT_COLOR = HdsDropdownListItemInteractiveColorValues.Action;\nexport const COLORS: string[] = Object.values(\n  HdsDropdownListItemInteractiveColorValues\n);\n\nexport interface HdsDropdownListItemInteractiveSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    color: HdsDropdownListItemInteractiveColors;\n    icon?: FlightIconSignature['Args']['name'];\n    isLoading?: boolean;\n    text: string;\n    trailingIcon?: FlightIconSignature['Args']['name'];\n  };\n  Element: HTMLDivElement | HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsDropdownListItemInteractiveComponent extends Component<HdsDropdownListItemInteractiveSignature> {\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the item. If no text value is defined an error will be thrown\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  /**\n   * @param color\n   * @type {string}\n   * @default primary\n   * @description Determines the color of the item (when item is set to interactive)\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  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\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","HdsDropdownListItemInteractiveComponent","Component","text","args","assert","undefined","color","join","includes","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,moDAAmoD;;ACDrqD;AACA;AACA;AACA;;AAWaA,MAAAA,aAAa,GAAGC,yCAAyC,CAACC,OAAM;AACtE,MAAMC,MAAgB,GAAGC,MAAM,CAACC,MAAM,CAC3CJ,yCACF,EAAC;AAac,MAAMK,uCAAuC,SAASC,SAAS,CAA0C;AACtH;AACF;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAW;IACjB,MAAM;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACC,IAAI,CAAA;AAE1BC,IAAAA,MAAM,CACJ,0EAA0E,EAC1EF,IAAI,KAAKG,SACX,CAAC,CAAA;AAED,IAAA,OAAOH,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAII,KAAKA,GAAyC;IAChD,MAAM;AAAEA,MAAAA,KAAK,GAAGZ,aAAAA;KAAe,GAAG,IAAI,CAACS,IAAI,CAAA;AAE3CC,IAAAA,MAAM,CACJ,CAAmFP,gFAAAA,EAAAA,MAAM,CAACU,IAAI,CAC5F,IACF,CAAC,CAAA,YAAA,EAAeD,KAAK,CAAA,CAAE,EACvBT,MAAM,CAACW,QAAQ,CAACF,KAAK,CACvB,CAAC,CAAA;AAED,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIG,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CACd,wBAAwB,EACxB,6CAA6C,CAC9C,CAAA;;AAED;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,8BAAA,EAAiC,IAAI,CAACL,KAAK,EAAE,CAAC,CAAA;AAE3D,IAAA,OAAOI,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACK,oBAAA,CAAAC,QAAA,EApDoBb,uCAAuC,CAAA;;;;"}

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

@@ -3,7 +3,7 @@ import { getElementId } from '../../../../utils/hds-get-element-id.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<li class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-radio\">\n  <label class=\"hds-dropdown-list-item__label hds-typography-body-200\" for={{this.id}}>\n    <Hds::Form::Radio::Base class=\"hds-dropdown-list-item__control\" id={{this.id}} @value={{@value}} ...attributes />\n    {{#if @icon}}\n      <div class=\"hds-dropdown-list-item__icon\">\n        <FlightIcon @name={{@icon}} @isInlineBlock={{false}} />\n      </div>\n    {{/if}}\n    <span class=\"hds-dropdown-list-item__text-content\">{{yield}}</span>\n\n    {{#if @count}}\n      <Hds::Text::Body\n        class=\"hds-dropdown-list-item__count\"\n        @tag=\"span\"\n        @size=\"100\"\n        @weight=\"medium\"\n      >{{@count}}</Hds::Text::Body>\n    {{/if}}\n  </label>\n</li>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-radio\">\n  <label class=\"hds-dropdown-list-item__label hds-typography-body-200\" for={{this.id}}>\n    <Hds::Form::Radio::Base class=\"hds-dropdown-list-item__control\" id={{this.id}} @value={{@value}} ...attributes />\n    {{#if @icon}}\n      <div class=\"hds-dropdown-list-item__icon\">\n        <FlightIcon @name={{@icon}} @isInlineBlock={{false}} />\n      </div>\n    {{/if}}\n    <span class=\"hds-dropdown-list-item__text-content\">{{yield}}</span>\n\n    {{#if @count}}\n      <Hds::Text::Body\n        class=\"hds-dropdown-list-item__count\"\n        @tag=\"span\"\n        @size=\"100\"\n        @weight=\"medium\"\n      >{{@count}}</Hds::Text::Body>\n    {{/if}}\n  </label>\n</li>");
 
 /**
  * Copyright (c) HashiCorp, Inc.

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

@@ -1 +1 @@
-{"version":3,"file":"radio.js","sources":["../../../../../src/components/hds/dropdown/list-item/radio.hbs","../../../../../src/components/hds/dropdown/list-item/radio.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<li class=\\\"hds-dropdown-list-item hds-dropdown-list-item--variant-radio\\\">\\n  <label class=\\\"hds-dropdown-list-item__label hds-typography-body-200\\\" for={{this.id}}>\\n    <Hds::Form::Radio::Base class=\\\"hds-dropdown-list-item__control\\\" id={{this.id}} @value={{@value}} ...attributes />\\n    {{#if @icon}}\\n      <div class=\\\"hds-dropdown-list-item__icon\\\">\\n        <FlightIcon @name={{@icon}} @isInlineBlock={{false}} />\\n      </div>\\n    {{/if}}\\n    <span class=\\\"hds-dropdown-list-item__text-content\\\">{{yield}}</span>\\n\\n    {{#if @count}}\\n      <Hds::Text::Body\\n        class=\\\"hds-dropdown-list-item__count\\\"\\n        @tag=\\\"span\\\"\\n        @size=\\\"100\\\"\\n        @weight=\\\"medium\\\"\\n      >{{@count}}</Hds::Text::Body>\\n    {{/if}}\\n  </label>\\n</li>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { getElementId } from '../../../../utils/hds-get-element-id.js';\n\nexport default class HdsDropdownListItemRadioComponent extends Component {\n  /**\n   * Determines the unique ID to assign to the radio control\n   */\n  get id() {\n    return getElementId(this);\n  }\n}\n"],"names":["HdsDropdownListItemRadioComponent","Component","id","getElementId","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,s3BAAs3B;;ACDx5B;AACA;AACA;AACA;;AAKe,MAAMA,iCAAiC,SAASC,SAAS,CAAC;AACvE;AACF;AACA;EACE,IAAIC,EAAEA,GAAG;IACP,OAAOC,YAAY,CAAC,IAAI,CAAC,CAAA;AAC3B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAPoBL,iCAAiC,CAAA;;;;"}
+{"version":3,"file":"radio.js","sources":["../../../../../src/components/hds/dropdown/list-item/radio.hbs","../../../../../src/components/hds/dropdown/list-item/radio.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<li class=\\\"hds-dropdown-list-item hds-dropdown-list-item--variant-radio\\\">\\n  <label class=\\\"hds-dropdown-list-item__label hds-typography-body-200\\\" for={{this.id}}>\\n    <Hds::Form::Radio::Base class=\\\"hds-dropdown-list-item__control\\\" id={{this.id}} @value={{@value}} ...attributes />\\n    {{#if @icon}}\\n      <div class=\\\"hds-dropdown-list-item__icon\\\">\\n        <FlightIcon @name={{@icon}} @isInlineBlock={{false}} />\\n      </div>\\n    {{/if}}\\n    <span class=\\\"hds-dropdown-list-item__text-content\\\">{{yield}}</span>\\n\\n    {{#if @count}}\\n      <Hds::Text::Body\\n        class=\\\"hds-dropdown-list-item__count\\\"\\n        @tag=\\\"span\\\"\\n        @size=\\\"100\\\"\\n        @weight=\\\"medium\\\"\\n      >{{@count}}</Hds::Text::Body>\\n    {{/if}}\\n  </label>\\n</li>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\nimport type { HdsFormRadioBaseSignature } from '../../form/radio/base.ts';\n\nexport interface HdsDropdownListItemRadioSignature {\n  Args: HdsFormRadioBaseSignature['Args'] & {\n    count?: string | number;\n    icon?: FlightIconSignature['Args']['name'];\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsFormRadioBaseSignature['Element'];\n}\n\nexport default class HdsDropdownListItemRadioComponent extends Component<HdsDropdownListItemRadioSignature> {\n  /**\n   * Determines the unique ID to assign to the radio control\n   */\n  get id(): string {\n    return getElementId(this);\n  }\n}\n"],"names":["HdsDropdownListItemRadioComponent","Component","id","getElementId","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,20BAA20B;;ACD72B;AACA;AACA;AACA;;AAkBe,MAAMA,iCAAiC,SAASC,SAAS,CAAoC;AAC1G;AACF;AACA;EACE,IAAIC,EAAEA,GAAW;IACf,OAAOC,YAAY,CAAC,IAAI,CAAC,CAAA;AAC3B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAPoBL,iCAAiC,CAAA;;;;"}

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

@@ -1,10 +1,16 @@
-import templateOnly from '@ember/component/template-only';
+import templateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li\n  class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-separator\"\n  aria-hidden=\"true\"\n  role=\"separator\"\n  ...attributes\n></li>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li\n  class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-separator\"\n  aria-hidden=\"true\"\n  role=\"separator\"\n  ...attributes\n></li>");
 
-var separator = setComponentTemplate(TEMPLATE, templateOnly());
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const HdsDropdownListItemSeparatorComponent = templateOnlyComponent();
+var separator = setComponentTemplate(TEMPLATE, HdsDropdownListItemSeparatorComponent);
 
 export { separator as default };
 //# sourceMappingURL=separator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"separator.js","sources":["../../../../../src/components/hds/dropdown/list-item/separator.hbs","../../../../../src/components/hds/dropdown/list-item/separator.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<li\\n  class=\\\"hds-dropdown-list-item hds-dropdown-list-item--variant-separator\\\"\\n  aria-hidden=\\\"true\\\"\\n  role=\\\"separator\\\"\\n  ...attributes\\n></li>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,iRAAiR;;ACAnT,gBAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}
+{"version":3,"file":"separator.js","sources":["../../../../../src/components/hds/dropdown/list-item/separator.hbs","../../../../../src/components/hds/dropdown/list-item/separator.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<li\\n  class=\\\"hds-dropdown-list-item hds-dropdown-list-item--variant-separator\\\"\\n  aria-hidden=\\\"true\\\"\\n  role=\\\"separator\\\"\\n  ...attributes\\n></li>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsDropdownListItemSeparatorSignature {\n  Element: HTMLLIElement;\n}\n\nconst HdsDropdownListItemSeparatorComponent =\n  templateOnlyComponent<HdsDropdownListItemSeparatorSignature>();\n\nexport default HdsDropdownListItemSeparatorComponent;\n"],"names":["HdsDropdownListItemSeparatorComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,wOAAwO;;ACD1Q;AACA;AACA;AACA;;AAQA,MAAMA,qCAAqC,GACzCC,qBAAqB,EAAyC,CAAA;AAEhE,gBAAAC,oBAAA,CAAAC,QAAA,EAAeH,qCAAqC,CAAA;;;;"}

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

@@ -3,7 +3,7 @@ import { assert } from '@ember/debug';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Text::Body\n  class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-title\"\n  @tag=\"li\"\n  @size=\"100\"\n  @weight=\"semibold\"\n  @color=\"strong\"\n  ...attributes\n>\n  {{this.text}}\n</Hds::Text::Body>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Text::Body\n  class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-title\"\n  @tag=\"li\"\n  @size=\"100\"\n  @weight=\"semibold\"\n  @color=\"strong\"\n  ...attributes\n>\n  {{this.text}}\n</Hds::Text::Body>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
@@ -17,7 +17,7 @@ class HdsDropdownListItemTitleComponent extends Component {
    * @description The text of the item. If no text value is defined an error will be thrown
    */
   get text() {
-    let {
+    const {
       text
     } = this.args;
     assert('@text for "Hds::Dropdown::ListItem::Title" must have a valid value', text !== undefined);

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

@@ -1 +1 @@
-{"version":3,"file":"title.js","sources":["../../../../../src/components/hds/dropdown/list-item/title.hbs","../../../../../src/components/hds/dropdown/list-item/title.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text::Body\\n  class=\\\"hds-dropdown-list-item hds-dropdown-list-item--variant-title\\\"\\n  @tag=\\\"li\\\"\\n  @size=\\\"100\\\"\\n  @weight=\\\"semibold\\\"\\n  @color=\\\"strong\\\"\\n  ...attributes\\n>\\n  {{this.text}}\\n</Hds::Text::Body>\")","/**\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\nexport default class HdsDropdownListItemTitleComponent extends Component {\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the item. If no text value is defined an error will be thrown\n   */\n  get text() {\n    let { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::ListItem::Title\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n}\n"],"names":["HdsDropdownListItemTitleComponent","Component","text","args","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,yVAAyV;;ACD3X;AACA;AACA;AACA;;AAKe,MAAMA,iCAAiC,SAASC,SAAS,CAAC;AACvE;AACF;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;IACT,IAAI;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACC,IAAI,CAAA;AAExBC,IAAAA,MAAM,CACJ,oEAAoE,EACpEF,IAAI,KAAKG,SACX,CAAC,CAAA;AAED,IAAA,OAAOH,IAAI,CAAA;AACb,GAAA;AACF,CAAA;AAACI,oBAAA,CAAAC,QAAA,EAhBoBP,iCAAiC,CAAA;;;;"}
+{"version":3,"file":"title.js","sources":["../../../../../src/components/hds/dropdown/list-item/title.hbs","../../../../../src/components/hds/dropdown/list-item/title.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text::Body\\n  class=\\\"hds-dropdown-list-item hds-dropdown-list-item--variant-title\\\"\\n  @tag=\\\"li\\\"\\n  @size=\\\"100\\\"\\n  @weight=\\\"semibold\\\"\\n  @color=\\\"strong\\\"\\n  ...attributes\\n>\\n  {{this.text}}\\n</Hds::Text::Body>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport type { HdsTextBodySignature } from '../../text/body';\n\nexport interface HdsDropdownListItemTitleSignature {\n  Args: {\n    text: string;\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nexport default class HdsDropdownListItemTitleComponent extends Component<HdsDropdownListItemTitleSignature> {\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the item. If no text value is defined an error will be thrown\n   */\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::ListItem::Title\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n}\n"],"names":["HdsDropdownListItemTitleComponent","Component","text","args","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,gTAAgT;;ACDlV;AACA;AACA;AACA;;AAae,MAAMA,iCAAiC,SAASC,SAAS,CAAoC;AAC1G;AACF;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAW;IACjB,MAAM;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACC,IAAI,CAAA;AAE1BC,IAAAA,MAAM,CACJ,oEAAoE,EACpEF,IAAI,KAAKG,SACX,CAAC,CAAA;AAED,IAAA,OAAOH,IAAI,CAAA;AACb,GAAA;AACF,CAAA;AAACI,oBAAA,CAAAC,QAAA,EAhBoBP,iCAAiC,CAAA;;;;"}

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

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+let HdsDropdownListItemInteractiveColorValues = /*#__PURE__*/function (HdsDropdownListItemInteractiveColorValues) {
+  HdsDropdownListItemInteractiveColorValues["Action"] = "action";
+  HdsDropdownListItemInteractiveColorValues["Critical"] = "critical";
+  return HdsDropdownListItemInteractiveColorValues;
+}({});
+
+export { HdsDropdownListItemInteractiveColorValues };
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../../src/components/hds/dropdown/list-item/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsDropdownListItemInteractiveColorValues {\n  Action = 'action',\n  Critical = 'critical',\n}\nexport type HdsDropdownListItemInteractiveColors =\n  `${HdsDropdownListItemInteractiveColorValues}`;\n"],"names":["HdsDropdownListItemInteractiveColorValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,yCAAyC,0BAAzCA,yCAAyC,EAAA;EAAzCA,yCAAyC,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAzCA,yCAAyC,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;AAAA,EAAA,OAAzCA,yCAAyC,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

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

@@ -2,15 +2,16 @@ import { a as _defineProperty } from '../../../../_rollupPluginBabelHelpers-KIi_
 import Component from '@glimmer/component';
 import { assert } from '@ember/debug';
 import { guidFor } from '@ember/object/internals';
+import { HdsDropdownToggleButtonSizeValues, HdsDropdownToggleButtonColorValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<button\n  class={{this.classNames}}\n  id={{this.toggleButtonId}}\n  ...attributes\n  type=\"button\"\n  aria-expanded={{if @isOpen \"true\" \"false\"}}\n  {{on \"click\" this.onClick}}\n>\n  {{#if @icon}}\n    <div class=\"hds-dropdown-toggle-button__icon\">\n      <FlightIcon @name={{@icon}} @stretched={{true}} />\n    </div>\n  {{/if}}\n  <div class=\"hds-dropdown-toggle-button__text\">\n    {{this.text}}\n  </div>\n  {{#if @count}}\n    <Hds::BadgeCount\n      @text={{@count}}\n      @size=\"small\"\n      @type={{this.badgeType}}\n      class=\"hds-dropdown-toggle-button__count\"\n    />\n  {{/if}}\n  {{#if @badge}}\n    <Hds::Badge\n      @text={{@badge}}\n      @icon={{@badgeIcon}}\n      @size=\"small\"\n      @type={{this.badgeType}}\n      class=\"hds-dropdown-toggle-button__badge\"\n    />\n  {{/if}}\n  <Hds::Dropdown::Toggle::Chevron />\n</button>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<button\n  class={{this.classNames}}\n  id={{this.toggleButtonId}}\n  ...attributes\n  type=\"button\"\n  aria-expanded={{if @isOpen \"true\" \"false\"}}\n  {{on \"click\" this.onClick}}\n>\n  {{#if @icon}}\n    <div class=\"hds-dropdown-toggle-button__icon\">\n      <FlightIcon @name={{@icon}} @stretched={{true}} />\n    </div>\n  {{/if}}\n  <div class=\"hds-dropdown-toggle-button__text\">\n    {{this.text}}\n  </div>\n  {{#if @count}}\n    <Hds::BadgeCount\n      @text={{@count}}\n      @size=\"small\"\n      @type={{this.badgeType}}\n      class=\"hds-dropdown-toggle-button__count\"\n    />\n  {{/if}}\n  {{#if @badge}}\n    <Hds::Badge\n      @text={{@badge}}\n      @icon={{@badgeIcon}}\n      @size=\"small\"\n      @type={{this.badgeType}}\n      class=\"hds-dropdown-toggle-button__badge\"\n    />\n  {{/if}}\n  <Hds::Dropdown::Toggle::Chevron />\n</button>");
 
-const DEFAULT_SIZE = 'medium';
-const DEFAULT_COLOR = 'primary';
-const SIZES = ['small', 'medium'];
-const COLORS = ['primary', 'secondary'];
+const DEFAULT_SIZE = HdsDropdownToggleButtonSizeValues.Medium;
+const DEFAULT_COLOR = HdsDropdownToggleButtonColorValues.Primary;
+const SIZES = Object.values(HdsDropdownToggleButtonSizeValues);
+const COLORS = Object.values(HdsDropdownToggleButtonColorValues);
 const NOOP = () => {};
 class HdsDropdownToggleButtonComponent extends Component {
   constructor(...args) {
@@ -28,7 +29,7 @@ class HdsDropdownToggleButtonComponent extends Component {
    * @description The text of the button. If no text value is defined an error will be thrown.
    */
   get text() {
-    let {
+    const {
       text
     } = this.args;
     assert('@text for "Hds::Dropdown::Toggle::Button" must have a valid value', text !== undefined);
@@ -42,7 +43,7 @@ class HdsDropdownToggleButtonComponent extends Component {
    * @description The size of the button; acceptable values are `small` and `medium`
    */
   get size() {
-    let {
+    const {
       size = DEFAULT_SIZE
     } = this.args;
     assert(`@size for "Hds::Dropdown::Toggle::Button" must be one of the following: ${SIZES.join(', ')}; received: ${size}`, SIZES.includes(size));
@@ -56,7 +57,7 @@ class HdsDropdownToggleButtonComponent extends Component {
    * @description Determines the color of button to be used; acceptable values are `primary` and  `secondary`
    */
   get color() {
-    let {
+    const {
       color = DEFAULT_COLOR
     } = this.args;
     assert(`@color for "Hds::Dropdown::Toggle::Button" must be one of the following: ${COLORS.join(', ')}; received: ${color}`, COLORS.includes(color));
@@ -79,7 +80,7 @@ class HdsDropdownToggleButtonComponent extends Component {
    * @default () => {}
    */
   get onClick() {
-    let {
+    const {
       onClick
     } = this.args;
 
@@ -108,7 +109,7 @@ class HdsDropdownToggleButtonComponent extends Component {
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = ['hds-dropdown-toggle-button'];
+    const classes = ['hds-dropdown-toggle-button'];
 
     // add a class based on the @size argument
     classes.push(`hds-dropdown-toggle-button--size-${this.size}`);

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../../src/components/hds/dropdown/toggle/button.hbs","../../../../../src/components/hds/dropdown/toggle/button.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<button\\n  class={{this.classNames}}\\n  id={{this.toggleButtonId}}\\n  ...attributes\\n  type=\\\"button\\\"\\n  aria-expanded={{if @isOpen \\\"true\\\" \\\"false\\\"}}\\n  {{on \\\"click\\\" this.onClick}}\\n>\\n  {{#if @icon}}\\n    <div class=\\\"hds-dropdown-toggle-button__icon\\\">\\n      <FlightIcon @name={{@icon}} @stretched={{true}} />\\n    </div>\\n  {{/if}}\\n  <div class=\\\"hds-dropdown-toggle-button__text\\\">\\n    {{this.text}}\\n  </div>\\n  {{#if @count}}\\n    <Hds::BadgeCount\\n      @text={{@count}}\\n      @size=\\\"small\\\"\\n      @type={{this.badgeType}}\\n      class=\\\"hds-dropdown-toggle-button__count\\\"\\n    />\\n  {{/if}}\\n  {{#if @badge}}\\n    <Hds::Badge\\n      @text={{@badge}}\\n      @icon={{@badgeIcon}}\\n      @size=\\\"small\\\"\\n      @type={{this.badgeType}}\\n      class=\\\"hds-dropdown-toggle-button__badge\\\"\\n    />\\n  {{/if}}\\n  <Hds::Dropdown::Toggle::Chevron />\\n</button>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { guidFor } from '@ember/object/internals';\n\nexport const DEFAULT_SIZE = 'medium';\nexport const DEFAULT_COLOR = 'primary';\nexport const SIZES = ['small', 'medium'];\nexport const COLORS = ['primary', 'secondary'];\n\nconst NOOP = () => {};\n\nexport default class HdsDropdownToggleButtonComponent extends Component {\n  /**\n   * Generates a unique ID for the button\n   *\n   * @param toggleButtonId\n   */\n  toggleButtonId = 'toggle-button-' + guidFor(this);\n\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the button. If no text value is defined an error will be thrown.\n   */\n  get text() {\n    let { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::Toggle::Button\" 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() {\n    let { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Dropdown::Toggle::Button\" 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 color\n   * @type {string}\n   * @default primary\n   * @description Determines the color of button to be used; acceptable values are `primary` and  `secondary`\n   */\n  get color() {\n    let { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Dropdown::Toggle::Button\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  /**\n   * @param isFullWidth\n   * @type {boolean}\n   * @default false\n   * @description Indicates that a button should take up the full width of the parent container. The default is false.\n   */\n  get isFullWidth() {\n    return this.args.isFullWidth ?? false;\n  }\n\n  /**\n   * @param onClick\n   * @type {function}\n   * @default () => {}\n   */\n  get onClick() {\n    let { onClick } = this.args;\n\n    // notice: this is a guard used in case the toggle is used as standalone element (eg. in the showcase)\n    // in reality it's always used inside the Dropdown main component as yielded component, so the onClick handler is always defined\n    if (typeof onClick === 'function') {\n      return onClick;\n    } else {\n      return NOOP;\n    }\n  }\n\n  /**\n   * @param badgeType\n   * @type {string}\n   * @default 'filled'\n   * @description ensures that the correct Badge/BadgeCount type is used to meet contrast requirements\n   */\n  get badgeType() {\n    return this.color !== 'primary' ? 'inverted' : 'filled';\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method ToggleButton#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-dropdown-toggle-button'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-dropdown-toggle-button--size-${this.size}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-dropdown-toggle-button--color-${this.color}`);\n\n    // add a class based on the @isFullWidth argument\n    if (this.isFullWidth) {\n      classes.push('hds-dropdown-toggle-button--width-full');\n    }\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-dropdown-toggle-button--is-open');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_SIZE","DEFAULT_COLOR","SIZES","COLORS","NOOP","HdsDropdownToggleButtonComponent","Component","constructor","args","_defineProperty","guidFor","text","assert","undefined","size","join","includes","color","isFullWidth","onClick","badgeType","classNames","classes","push","isOpen","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"button.js","sources":["../../../../../src/components/hds/dropdown/toggle/button.hbs","../../../../../src/components/hds/dropdown/toggle/button.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<button\\n  class={{this.classNames}}\\n  id={{this.toggleButtonId}}\\n  ...attributes\\n  type=\\\"button\\\"\\n  aria-expanded={{if @isOpen \\\"true\\\" \\\"false\\\"}}\\n  {{on \\\"click\\\" this.onClick}}\\n>\\n  {{#if @icon}}\\n    <div class=\\\"hds-dropdown-toggle-button__icon\\\">\\n      <FlightIcon @name={{@icon}} @stretched={{true}} />\\n    </div>\\n  {{/if}}\\n  <div class=\\\"hds-dropdown-toggle-button__text\\\">\\n    {{this.text}}\\n  </div>\\n  {{#if @count}}\\n    <Hds::BadgeCount\\n      @text={{@count}}\\n      @size=\\\"small\\\"\\n      @type={{this.badgeType}}\\n      class=\\\"hds-dropdown-toggle-button__count\\\"\\n    />\\n  {{/if}}\\n  {{#if @badge}}\\n    <Hds::Badge\\n      @text={{@badge}}\\n      @icon={{@badgeIcon}}\\n      @size=\\\"small\\\"\\n      @type={{this.badgeType}}\\n      class=\\\"hds-dropdown-toggle-button__badge\\\"\\n    />\\n  {{/if}}\\n  <Hds::Dropdown::Toggle::Chevron />\\n</button>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { guidFor } from '@ember/object/internals';\nimport {\n  HdsDropdownToggleButtonSizeValues,\n  HdsDropdownToggleButtonColorValues,\n} from './types.ts';\n\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\nimport type { HdsBadgeSignature } from '../../badge';\nimport type { HdsBadgeCountSignature } from '../../badge-count';\nimport type {\n  HdsDropdownToggleButtonSizes,\n  HdsDropdownToggleButtonColors,\n} from './types';\n\nexport const DEFAULT_SIZE = HdsDropdownToggleButtonSizeValues.Medium;\nexport const DEFAULT_COLOR = HdsDropdownToggleButtonColorValues.Primary;\nexport const SIZES: string[] = Object.values(HdsDropdownToggleButtonSizeValues);\nexport const COLORS: string[] = Object.values(\n  HdsDropdownToggleButtonColorValues\n);\n\nconst NOOP = (): void => {};\n\nexport interface HdsDropdownToggleButtonSignature {\n  Args: {\n    badge?: HdsBadgeSignature['Args']['text'];\n    badgeIcon?: HdsBadgeSignature['Args']['icon'];\n    color: HdsDropdownToggleButtonColors;\n    count?: HdsBadgeCountSignature['Args']['text'];\n    icon?: FlightIconSignature['Args']['name'];\n    isFullWidth?: boolean;\n    isOpen?: boolean;\n    onClick?: (event: MouseEvent) => void;\n    size: HdsDropdownToggleButtonSizes;\n    text: string;\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsDropdownToggleButtonComponent extends Component<HdsDropdownToggleButtonSignature> {\n  /**\n   * Generates a unique ID for the button\n   *\n   * @param toggleButtonId\n   */\n  toggleButtonId = 'toggle-button-' + guidFor(this);\n\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the button. If no text value is defined an error will be thrown.\n   */\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::Toggle::Button\" 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(): HdsDropdownToggleButtonSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Dropdown::Toggle::Button\" 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 color\n   * @type {string}\n   * @default primary\n   * @description Determines the color of button to be used; acceptable values are `primary` and  `secondary`\n   */\n  get color(): HdsDropdownToggleButtonColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Dropdown::Toggle::Button\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  /**\n   * @param isFullWidth\n   * @type {boolean}\n   * @default false\n   * @description Indicates that a button should take up the full width of the parent container. The default is false.\n   */\n  get isFullWidth(): boolean {\n    return this.args.isFullWidth ?? false;\n  }\n\n  /**\n   * @param onClick\n   * @type {function}\n   * @default () => {}\n   */\n  get onClick(): (event: MouseEvent) => void {\n    const { onClick } = this.args;\n\n    // notice: this is a guard used in case the toggle is used as standalone element (eg. in the showcase)\n    // in reality it's always used inside the Dropdown main component as yielded component, so the onClick handler is always defined\n    if (typeof onClick === 'function') {\n      return onClick;\n    } else {\n      return NOOP;\n    }\n  }\n\n  /**\n   * @param badgeType\n   * @type {string}\n   * @default 'filled'\n   * @description ensures that the correct Badge/BadgeCount type is used to meet contrast requirements\n   */\n  get badgeType(): HdsBadgeCountSignature['Args']['type'] {\n    return this.color !== 'primary' ? 'inverted' : 'filled';\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method ToggleButton#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-dropdown-toggle-button'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-dropdown-toggle-button--size-${this.size}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-dropdown-toggle-button--color-${this.color}`);\n\n    // add a class based on the @isFullWidth argument\n    if (this.isFullWidth) {\n      classes.push('hds-dropdown-toggle-button--width-full');\n    }\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-dropdown-toggle-button--is-open');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_SIZE","HdsDropdownToggleButtonSizeValues","Medium","DEFAULT_COLOR","HdsDropdownToggleButtonColorValues","Primary","SIZES","Object","values","COLORS","NOOP","HdsDropdownToggleButtonComponent","Component","constructor","args","_defineProperty","guidFor","text","assert","undefined","size","join","includes","color","isFullWidth","onClick","badgeType","classNames","classes","push","isOpen","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -1,10 +1,16 @@
-import templateOnly from '@ember/component/template-only';
+import templateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<div class=\"hds-dropdown-toggle-chevron\">\n  <FlightIcon @name=\"chevron-down\" @isInlineBlock={{false}} />\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-dropdown-toggle-chevron\">\n  <FlightIcon @name=\"chevron-down\" @isInlineBlock={{false}} />\n</div>");
 
-var chevron = setComponentTemplate(TEMPLATE, templateOnly());
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const HdsDropdownToggleChevronComponent = templateOnlyComponent();
+var chevron = setComponentTemplate(TEMPLATE, HdsDropdownToggleChevronComponent);
 
 export { chevron as default };
 //# sourceMappingURL=chevron.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chevron.js","sources":["../../../../../src/components/hds/dropdown/toggle/chevron.hbs","../../../../../src/components/hds/dropdown/toggle/chevron.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<div class=\\\"hds-dropdown-toggle-chevron\\\">\\n  <FlightIcon @name=\\\"chevron-down\\\" @isInlineBlock={{false}} />\\n</div>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,gPAAgP;;ACAlR,cAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}
+{"version":3,"file":"chevron.js","sources":["../../../../../src/components/hds/dropdown/toggle/chevron.hbs","../../../../../src/components/hds/dropdown/toggle/chevron.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class=\\\"hds-dropdown-toggle-chevron\\\">\\n  <FlightIcon @name=\\\"chevron-down\\\" @isInlineBlock={{false}} />\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\ninterface HdsDropdownToggleChevronSignature {}\n\nconst HdsDropdownToggleChevronComponent =\n  templateOnlyComponent<HdsDropdownToggleChevronSignature>();\n\nexport default HdsDropdownToggleChevronComponent;\n"],"names":["HdsDropdownToggleChevronComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,qMAAqM;;ACDvO;AACA;AACA;AACA;;AAMA,MAAMA,iCAAiC,GACrCC,qBAAqB,EAAqC,CAAA;AAE5D,cAAAC,oBAAA,CAAAC,QAAA,EAAeH,iCAAiC,CAAA;;;;"}

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

@@ -3,18 +3,19 @@ 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 { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<button\n  class={{this.classNames}}\n  aria-label={{this.text}}\n  ...attributes\n  aria-expanded={{if @isOpen \"true\" \"false\"}}\n  {{on \"click\" this.onClick}}\n  {{did-update this.onDidUpdateImageSrc @imageSrc}}\n  type=\"button\"\n>\n  <div class=\"hds-dropdown-toggle-icon__wrapper\">\n    {{#if @imageSrc}}\n      {{#if this.hasImage}}\n        <img src={{@imageSrc}} alt=\"\" role=\"presentation\" {{on \"error\" this.onImageLoadError}} />\n      {{else}}\n        <FlightIcon @name=\"user\" @size={{this.iconSize}} />\n      {{/if}}\n    {{else if @icon}}\n      <FlightIcon @name={{@icon}} @size={{this.iconSize}} />\n    {{/if}}\n  </div>\n  {{#if this.hasChevron}}\n    <Hds::Dropdown::Toggle::Chevron />\n  {{/if}}\n</button>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<button\n  class={{this.classNames}}\n  aria-label={{this.text}}\n  ...attributes\n  aria-expanded={{if @isOpen \"true\" \"false\"}}\n  {{on \"click\" this.onClick}}\n  {{did-update this.onDidUpdateImageSrc @imageSrc}}\n  type=\"button\"\n>\n  <div class=\"hds-dropdown-toggle-icon__wrapper\">\n    {{#if @imageSrc}}\n      {{#if this.hasImage}}\n        <img src={{@imageSrc}} alt=\"\" role=\"presentation\" {{on \"error\" this.onImageLoadError}} />\n      {{else}}\n        <FlightIcon @name=\"user\" @size={{this.iconSize}} />\n      {{/if}}\n    {{else if @icon}}\n      <FlightIcon @name={{@icon}} @size={{this.iconSize}} />\n    {{/if}}\n  </div>\n  {{#if this.hasChevron}}\n    <Hds::Dropdown::Toggle::Chevron />\n  {{/if}}\n</button>");
 
 var _class, _descriptor;
-const DEFAULT_SIZE = 'medium';
-const SIZES = ['small', 'medium'];
+const DEFAULT_SIZE = HdsDropdownToggleIconSizeValues.Medium;
+const SIZES = Object.values(HdsDropdownToggleIconSizeValues);
 const NOOP = () => {};
 let HdsDropdownToggleIconComponent = (_class = class HdsDropdownToggleIconComponent extends Component {
-  constructor() {
-    super(...arguments);
+  constructor(owner, args) {
+    super(owner, args);
     _initializerDefineProperty(this, "hasImage", _descriptor, this);
     if (!(this.args.icon || this.args.imageSrc)) {
       assert('@icon or @imageSrc must be defined for "Hds::Dropdown::Toggle::Icon"');
@@ -33,7 +34,7 @@ let HdsDropdownToggleIconComponent = (_class = class HdsDropdownToggleIconCompon
    * @description The text of the `aria-label` applied to the toggle
    */
   get text() {
-    let {
+    const {
       text
     } = this.args;
     assert('@text for "Hds::Dropdown::Toggle::Icon" must have a valid value', text !== undefined);
@@ -47,7 +48,7 @@ let HdsDropdownToggleIconComponent = (_class = class HdsDropdownToggleIconCompon
    * @description The size of the button; acceptable values are `small` and `medium`
    */
   get size() {
-    let {
+    const {
       size = DEFAULT_SIZE
     } = this.args;
     assert(`@size for "Hds::Dropdown::Toggle::Icon" must be one of the following: ${SIZES.join(', ')}; received: ${size}`, SIZES.includes(size));
@@ -87,7 +88,7 @@ let HdsDropdownToggleIconComponent = (_class = class HdsDropdownToggleIconCompon
    * @default () => {}
    */
   get onClick() {
-    let {
+    const {
       onClick
     } = this.args;
 
@@ -106,7 +107,7 @@ let HdsDropdownToggleIconComponent = (_class = class HdsDropdownToggleIconCompon
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = ['hds-dropdown-toggle-icon'];
+    const classes = ['hds-dropdown-toggle-icon'];
 
     // add a class based on the @size argument
     classes.push(`hds-dropdown-toggle-icon--size-${this.size}`);