@hashicorp/design-system-components 4.1.2 → 4.3.0

package/dist/_app_/components/hds/form/super-select/after-options.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/components/hds/form/super-select/after-options";

package/dist/_app_/components/hds/form/super-select/multiple/base.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/components/hds/form/super-select/multiple/base";

package/dist/_app_/components/hds/form/super-select/multiple/field.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/components/hds/form/super-select/multiple/field";

package/dist/_app_/components/hds/form/super-select/option-group.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/components/hds/form/super-select/option-group";

package/dist/_app_/components/hds/form/super-select/placeholder.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/components/hds/form/super-select/placeholder";

package/dist/_app_/components/hds/form/super-select/single/base.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/components/hds/form/super-select/single/base";

package/dist/_app_/components/hds/form/super-select/single/field.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/components/hds/form/super-select/single/field";

package/dist/_app_/components/hds/popover-primitive/index.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/components/hds/popover-primitive/index";

package/dist/_app_/components/hds/rich-tooltip/bubble.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/components/hds/rich-tooltip/bubble";

package/dist/_app_/components/hds/rich-tooltip/index.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/components/hds/rich-tooltip/index";

package/dist/_app_/components/hds/rich-tooltip/toggle.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/components/hds/rich-tooltip/toggle";

package/dist/_app_/modifiers/hds-anchored-position.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/modifiers/hds-anchored-position";

package/dist/_app_/modifiers/hds-register-event.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/modifiers/hds-register-event";

package/dist/{_rollupPluginBabelHelpers-lqPQKyNs.js → _rollupPluginBabelHelpers-NoJJJNhk.js}

@@ -1,3 +1,7 @@
+function _assertClassBrand(e, t, n) {
+  if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
+  throw new TypeError("Private element is not present on this object");
+}
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
@@ -10,7 +14,7 @@ function _toPrimitive(t, r) {
 }
 function _toPropertyKey(t) {
   var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : String(i);
+  return "symbol" == typeof i ? i : i + "";
 }
 function _defineProperty(obj, key, value) {
   key = _toPropertyKey(key);
@@ -58,12 +62,6 @@ function _applyDecoratedDescriptor(target, property, decorators, descriptor, con
   }
   return desc;
 }
-function _classPrivateMethodGet(receiver, privateSet, fn) {
-  if (!privateSet.has(receiver)) {
-    throw new TypeError("attempted to get private field on non-instance");
-  }
-  return fn;
-}
 function _checkPrivateRedeclaration(obj, privateCollection) {
   if (privateCollection.has(obj)) {
     throw new TypeError("Cannot initialize the same private elements twice on an object");
@@ -74,5 +72,5 @@ function _classPrivateMethodInitSpec(obj, privateSet) {
   privateSet.add(obj);
 }
 
-export { _defineProperty as _, _applyDecoratedDescriptor as a, _initializerDefineProperty as b, _classPrivateMethodInitSpec as c, _classPrivateMethodGet as d };
-//# sourceMappingURL=_rollupPluginBabelHelpers-lqPQKyNs.js.map
+export { _applyDecoratedDescriptor as _, _defineProperty as a, _initializerDefineProperty as b, _classPrivateMethodInitSpec as c, _assertClassBrand as d };
+//# sourceMappingURL=_rollupPluginBabelHelpers-NoJJJNhk.js.map

package/dist/{_rollupPluginBabelHelpers-lqPQKyNs.js.map → _rollupPluginBabelHelpers-NoJJJNhk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"_rollupPluginBabelHelpers-lqPQKyNs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"_rollupPluginBabelHelpers-NoJJJNhk.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/hds/accordion/index.js

@@ -2,9 +2,15 @@ import templateOnly 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-accordion\" ...attributes>\n  {{yield (hash Item=(component \"hds/accordion/item\"))}}\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<div class=\"hds-accordion\" ...attributes>\n  {{yield (hash Item=(component \"hds/accordion/item\"))}}\n</div>");
 
-var index = setComponentTemplate(TEMPLATE, templateOnly());
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const HdsAccordionComponent = templateOnly();
+var index = setComponentTemplate(TEMPLATE, HdsAccordionComponent);
 
 export { index as default };
 //# sourceMappingURL=index.js.map

package/dist/components/hds/accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/accordion/index.hbs","../../../../src/components/hds/accordion/index.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-accordion\\\" ...attributes>\\n  {{yield (hash Item=(component \\\"hds/accordion/item\\\"))}}\\n</div>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,0OAA0O;;ACA5Q,YAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/accordion/index.hbs","../../../../src/components/hds/accordion/index.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\\n<div class=\\\"hds-accordion\\\" ...attributes>\\n  {{yield (hash Item=(component \\\"hds/accordion/item\\\"))}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsAccordionItemSignature } from './item/index.ts';\n\ninterface HdsAccordionSignature {\n  Blocks: {\n    default: [\n      {\n        Item?: ComponentLike<HdsAccordionItemSignature>;\n      }\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsAccordionComponent = TemplateOnlyComponent<HdsAccordionSignature>();\n\nexport default HdsAccordionComponent;\n"],"names":["HdsAccordionComponent","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,iMAAiM;;ACDnO;AACA;AACA;AACA;;AAiBA,MAAMA,qBAAqB,GAAGC,YAAqB,EAAyB,CAAA;AAE5E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,qBAAqB,CAAA;;;;"}

package/dist/components/hds/accordion/item/button.js

@@ -1,22 +1,26 @@
+import { _ as _applyDecoratedDescriptor } from '../../../../_rollupPluginBabelHelpers-NoJJJNhk.js';
 import Component from '@glimmer/component';
+import { action } from '@ember/object';
 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<button\n  class={{this.classNames}}\n  type=\"button\"\n  {{on \"click\" @onClickToggle}}\n  aria-controls={{@contentId}}\n  aria-expanded={{if @isOpen \"true\" \"false\"}}\n  aria-label={{@ariaLabel}}\n  ...attributes\n>\n  <FlightIcon @name=\"chevron-down\" @size=\"24\" @isInlineBlock={{false}} />\n</button>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<button\n  class={{this.classNames}}\n  type=\"button\"\n  {{on \"click\" this.onClick}}\n  aria-controls={{@contentId}}\n  aria-expanded={{if @isOpen \"true\" \"false\"}}\n  aria-label={{@ariaLabel}}\n  ...attributes\n>\n  <FlightIcon @name=\"chevron-down\" @size=\"24\" @isInlineBlock={{false}} />\n</button>");
 
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
+var _class;
+let HdsAccordionItemButtonComponent = (_class = class HdsAccordionItemButtonComponent extends Component {
+  onClick(event) {
+    if (this.args.onClickToggle) {
+      this.args.onClickToggle(event);
+    }
+  }
 
-class HdsAccordionItemButtonComponent extends Component {
   /**
    * Get the class names to apply to the component.
    * @method ItemButton#classNames
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = ['hds-accordion-item__button'];
+    const classes = ['hds-accordion-item__button'];
 
     // add a class based on the @isOpen argument
     if (this.args.isOpen) {
@@ -29,7 +33,7 @@ class HdsAccordionItemButtonComponent extends Component {
     }
     return classes.join(' ');
   }
-}
+}, (_applyDecoratedDescriptor(_class.prototype, "onClick", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClick"), _class.prototype)), _class);
 setComponentTemplate(TEMPLATE, HdsAccordionItemButtonComponent);
 
 export { HdsAccordionItemButtonComponent as default };

package/dist/components/hds/accordion/item/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../../src/components/hds/accordion/item/button.hbs","../../../../../src/components/hds/accordion/item/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\\n<button\\n  class={{this.classNames}}\\n  type=\\\"button\\\"\\n  {{on \\\"click\\\" @onClickToggle}}\\n  aria-controls={{@contentId}}\\n  aria-expanded={{if @isOpen \\\"true\\\" \\\"false\\\"}}\\n  aria-label={{@ariaLabel}}\\n  ...attributes\\n>\\n  <FlightIcon @name=\\\"chevron-down\\\" @size=\\\"24\\\" @isInlineBlock={{false}} />\\n</button>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport default class HdsAccordionItemButtonComponent extends Component {\n  /**\n   * Get the class names to apply to the component.\n   * @method ItemButton#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-accordion-item__button'];\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-accordion-item__button--is-open');\n    }\n\n    if (this.args.parentContainsInteractive === false) {\n      classes.push(\n        'hds-accordion-item__button--parent-does-not-contain-interactive'\n      );\n    } else {\n      classes.push('hds-accordion-item__button--parent-contains-interactive');\n    }\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsAccordionItemButtonComponent","Component","classNames","classes","args","isOpen","push","parentContainsInteractive","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,mbAAmb;;ACDrd;AACA;AACA;AACA;;AAIe,MAAMA,+BAA+B,SAASC,SAAS,CAAC;AACrE;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,4BAA4B,CAAC,CAAA;;AAE5C;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,MAAM,EAAE;AACpBF,MAAAA,OAAO,CAACG,IAAI,CAAC,qCAAqC,CAAC,CAAA;AACrD,KAAA;AAEA,IAAA,IAAI,IAAI,CAACF,IAAI,CAACG,yBAAyB,KAAK,KAAK,EAAE;AACjDJ,MAAAA,OAAO,CAACG,IAAI,CACV,iEACF,CAAC,CAAA;AACH,KAAC,MAAM;AACLH,MAAAA,OAAO,CAACG,IAAI,CAAC,yDAAyD,CAAC,CAAA;AACzE,KAAA;AACA,IAAA,OAAOH,OAAO,CAACK,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAvBoBV,+BAA+B,CAAA;;;;"}
+{"version":3,"file":"button.js","sources":["../../../../../src/components/hds/accordion/item/button.hbs","../../../../../src/components/hds/accordion/item/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\\n<button\\n  class={{this.classNames}}\\n  type=\\\"button\\\"\\n  {{on \\\"click\\\" this.onClick}}\\n  aria-controls={{@contentId}}\\n  aria-expanded={{if @isOpen \\\"true\\\" \\\"false\\\"}}\\n  aria-label={{@ariaLabel}}\\n  ...attributes\\n>\\n  <FlightIcon @name=\\\"chevron-down\\\" @size=\\\"24\\\" @isInlineBlock={{false}} />\\n</button>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\n\ninterface HdsAccordionItemButtonSignature {\n  Args: {\n    ariaLabel?: string;\n    contentId?: string;\n    isOpen?: boolean;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onClickToggle?: (event: MouseEvent, ...args: any[]) => void;\n    parentContainsInteractive?: boolean;\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsAccordionItemButtonComponent extends Component<HdsAccordionItemButtonSignature> {\n  @action\n  onClick(event: MouseEvent) {\n    if (this.args.onClickToggle) {\n      this.args.onClickToggle(event);\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method ItemButton#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    const classes = ['hds-accordion-item__button'];\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-accordion-item__button--is-open');\n    }\n\n    if (this.args.parentContainsInteractive === false) {\n      classes.push(\n        'hds-accordion-item__button--parent-does-not-contain-interactive'\n      );\n    } else {\n      classes.push('hds-accordion-item__button--parent-contains-interactive');\n    }\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsAccordionItemButtonComponent","_class","Component","onClick","event","args","onClickToggle","classNames","classes","isOpen","push","parentContainsInteractive","join","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,wYAAwY;;;ACmBrZA,IAAAA,+BAA+B,IAAAC,MAAA,GAArC,MAAMD,+BAA+B,SAASE,SAAS,CAAkC;EAEtGC,OAAOA,CAACC,KAAiB,EAAE;AACzB,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,aAAa,EAAE;AAC3B,MAAA,IAAI,CAACD,IAAI,CAACC,aAAa,CAACF,KAAK,CAAC,CAAA;AAChC,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIG,UAAUA,GAAG;AACf,IAAA,MAAMC,OAAO,GAAG,CAAC,4BAA4B,CAAC,CAAA;;AAE9C;AACA,IAAA,IAAI,IAAI,CAACH,IAAI,CAACI,MAAM,EAAE;AACpBD,MAAAA,OAAO,CAACE,IAAI,CAAC,qCAAqC,CAAC,CAAA;AACrD,KAAA;AAEA,IAAA,IAAI,IAAI,CAACL,IAAI,CAACM,yBAAyB,KAAK,KAAK,EAAE;AACjDH,MAAAA,OAAO,CAACE,IAAI,CACV,iEACF,CAAC,CAAA;AACH,KAAC,MAAM;AACLF,MAAAA,OAAO,CAACE,IAAI,CAAC,yDAAyD,CAAC,CAAA;AACzE,KAAA;AACA,IAAA,OAAOF,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAC,GAAAC,yBAAA,CAAAZ,MAAA,CAAAa,SAAA,EAAA,SAAA,EAAA,CA7BEC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAhB,MAAA,CAAAa,SAAA,cAAAb,MAAA,CAAAa,SAAA,CAAA,GAAAb,MAAA,EAAA;AAD2CiB,oBAAA,CAAAC,QAAA,EAA/BnB,+BAA+B,CAAA;;;;"}

package/dist/components/hds/accordion/item/index.js

@@ -1,12 +1,12 @@
-import { _ as _defineProperty } from '../../../../_rollupPluginBabelHelpers-lqPQKyNs.js';
+import { a as _defineProperty } from '../../../../_rollupPluginBabelHelpers-NoJJJNhk.js';
 import Component from '@glimmer/component';
 import { guidFor } from '@ember/object/internals';
 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<Hds::DisclosurePrimitive class={{this.classNames}} @isOpen={{@isOpen}} ...attributes>\n  <:toggle as |t|>\n    <div class=\"hds-accordion-item__toggle\">\n      <Hds::Accordion::Item::Button\n        @isOpen={{t.isOpen}}\n        @onClickToggle={{t.onClickToggle}}\n        @contentId={{this.contentId}}\n        @ariaLabel={{this.ariaLabel}}\n        @parentContainsInteractive={{this.containsInteractive}}\n      />\n\n      <Hds::Text::Display\n        @tag=\"div\"\n        @size=\"200\"\n        @weight=\"semibold\"\n        @color=\"strong\"\n        class=\"hds-accordion-item__toggle-content\"\n      >\n        {{yield to=\"toggle\"}}\n      </Hds::Text::Display>\n    </div>\n  </:toggle>\n\n  <:content>\n    <Hds::Text::Body\n      class=\"hds-accordion-item__content\"\n      @tag=\"div\"\n      @size=\"200\"\n      @weight=\"regular\"\n      @color=\"primary\"\n      id={{this.contentId}}\n    >\n      {{yield to=\"content\"}}\n    </Hds::Text::Body>\n  </:content>\n</Hds::DisclosurePrimitive>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<Hds::DisclosurePrimitive class={{this.classNames}} @isOpen={{@isOpen}} ...attributes>\n  <:toggle as |t|>\n    <div class=\"hds-accordion-item__toggle\">\n      <Hds::Accordion::Item::Button\n        @isOpen={{t.isOpen}}\n        @onClickToggle={{t.onClickToggle}}\n        @contentId={{this.contentId}}\n        @ariaLabel={{this.ariaLabel}}\n        @parentContainsInteractive={{this.containsInteractive}}\n      />\n\n      <Hds::Text::Display\n        @tag=\"div\"\n        @size=\"200\"\n        @weight=\"semibold\"\n        @color=\"strong\"\n        class=\"hds-accordion-item__toggle-content\"\n      >\n        {{yield to=\"toggle\"}}\n      </Hds::Text::Display>\n    </div>\n  </:toggle>\n\n  <:content>\n    <Hds::Text::Body\n      class=\"hds-accordion-item__content\"\n      @tag=\"div\"\n      @size=\"200\"\n      @weight=\"regular\"\n      @color=\"primary\"\n      id={{this.contentId}}\n    >\n      {{yield to=\"content\"}}\n    </Hds::Text::Body>\n  </:content>\n</Hds::DisclosurePrimitive>");
 
-class HdsAccordionItemIndexComponent extends Component {
+class HdsAccordionItemComponent extends Component {
   constructor(...args) {
     super(...args);
     /**
@@ -40,7 +40,7 @@ class HdsAccordionItemIndexComponent extends Component {
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = ['hds-accordion-item'];
+    const classes = ['hds-accordion-item'];
 
     // add a class based on the @isOpen argument
     if (this.args.isOpen) {
@@ -56,7 +56,7 @@ class HdsAccordionItemIndexComponent extends Component {
     return classes.join(' ');
   }
 }
-setComponentTemplate(TEMPLATE, HdsAccordionItemIndexComponent);
+setComponentTemplate(TEMPLATE, HdsAccordionItemComponent);
 
-export { HdsAccordionItemIndexComponent as default };
+export { HdsAccordionItemComponent as default };
 //# sourceMappingURL=index.js.map

package/dist/components/hds/accordion/item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/accordion/item/index.hbs","../../../../../src/components/hds/accordion/item/index.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<Hds::DisclosurePrimitive class={{this.classNames}} @isOpen={{@isOpen}} ...attributes>\\n  <:toggle as |t|>\\n    <div class=\\\"hds-accordion-item__toggle\\\">\\n      <Hds::Accordion::Item::Button\\n        @isOpen={{t.isOpen}}\\n        @onClickToggle={{t.onClickToggle}}\\n        @contentId={{this.contentId}}\\n        @ariaLabel={{this.ariaLabel}}\\n        @parentContainsInteractive={{this.containsInteractive}}\\n      />\\n\\n      <Hds::Text::Display\\n        @tag=\\\"div\\\"\\n        @size=\\\"200\\\"\\n        @weight=\\\"semibold\\\"\\n        @color=\\\"strong\\\"\\n        class=\\\"hds-accordion-item__toggle-content\\\"\\n      >\\n        {{yield to=\\\"toggle\\\"}}\\n      </Hds::Text::Display>\\n    </div>\\n  </:toggle>\\n\\n  <:content>\\n    <Hds::Text::Body\\n      class=\\\"hds-accordion-item__content\\\"\\n      @tag=\\\"div\\\"\\n      @size=\\\"200\\\"\\n      @weight=\\\"regular\\\"\\n      @color=\\\"primary\\\"\\n      id={{this.contentId}}\\n    >\\n      {{yield to=\\\"content\\\"}}\\n    </Hds::Text::Body>\\n  </:content>\\n</Hds::DisclosurePrimitive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\n\nexport default class HdsAccordionItemIndexComponent extends Component {\n  /**\n   * Generates a unique ID for the Content\n   *\n   * @param contentId\n   */\n  contentId = 'content-' + guidFor(this);\n\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'Toggle display'\n   */\n  get ariaLabel() {\n    return this.args.ariaLabel ?? 'Toggle display';\n  }\n\n  /**\n   * @param containsInteractive\n   * @type {boolean}\n   * @default false\n   */\n  get containsInteractive() {\n    return this.args.containsInteractive ?? false;\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 = ['hds-accordion-item'];\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-accordion-item--is-open');\n    }\n\n    if (this.containsInteractive) {\n      // Entire accordion item including the chevron is interactive:\n      classes.push('hds-accordion-item--contains-interactive');\n    } else {\n      // Only chevron is interactive:\n      classes.push('hds-accordion-item--does-not-contain-interactive');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsAccordionItemIndexComponent","Component","constructor","args","_defineProperty","guidFor","ariaLabel","containsInteractive","classNames","classes","isOpen","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,gnCAAgnC;;ACOnoC,MAAMA,8BAA8B,SAASC,SAAS,CAAC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AACpE;AACF;AACA;AACA;AACA;AAJEC,IAAAA,eAAA,oBAKY,UAAU,GAAGC,OAAO,CAAC,IAAI,CAAC,CAAA,CAAA;AAAA,GAAA;AAEtC;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;AACd,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,SAAS,IAAI,gBAAgB,CAAA;AAChD,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,mBAAmBA,GAAG;AACxB,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,mBAAmB,IAAI,KAAK,CAAA;AAC/C,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,oBAAoB,CAAC,CAAA;;AAEpC;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACO,MAAM,EAAE;AACpBD,MAAAA,OAAO,CAACE,IAAI,CAAC,6BAA6B,CAAC,CAAA;AAC7C,KAAA;IAEA,IAAI,IAAI,CAACJ,mBAAmB,EAAE;AAC5B;AACAE,MAAAA,OAAO,CAACE,IAAI,CAAC,0CAA0C,CAAC,CAAA;AAC1D,KAAC,MAAM;AACL;AACAF,MAAAA,OAAO,CAACE,IAAI,CAAC,kDAAkD,CAAC,CAAA;AAClE,KAAA;AAEA,IAAA,OAAOF,OAAO,CAACG,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAjDoBd,8BAA8B,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/accordion/item/index.hbs","../../../../../src/components/hds/accordion/item/index.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\\n<Hds::DisclosurePrimitive class={{this.classNames}} @isOpen={{@isOpen}} ...attributes>\\n  <:toggle as |t|>\\n    <div class=\\\"hds-accordion-item__toggle\\\">\\n      <Hds::Accordion::Item::Button\\n        @isOpen={{t.isOpen}}\\n        @onClickToggle={{t.onClickToggle}}\\n        @contentId={{this.contentId}}\\n        @ariaLabel={{this.ariaLabel}}\\n        @parentContainsInteractive={{this.containsInteractive}}\\n      />\\n\\n      <Hds::Text::Display\\n        @tag=\\\"div\\\"\\n        @size=\\\"200\\\"\\n        @weight=\\\"semibold\\\"\\n        @color=\\\"strong\\\"\\n        class=\\\"hds-accordion-item__toggle-content\\\"\\n      >\\n        {{yield to=\\\"toggle\\\"}}\\n      </Hds::Text::Display>\\n    </div>\\n  </:toggle>\\n\\n  <:content>\\n    <Hds::Text::Body\\n      class=\\\"hds-accordion-item__content\\\"\\n      @tag=\\\"div\\\"\\n      @size=\\\"200\\\"\\n      @weight=\\\"regular\\\"\\n      @color=\\\"primary\\\"\\n      id={{this.contentId}}\\n    >\\n      {{yield to=\\\"content\\\"}}\\n    </Hds::Text::Body>\\n  </:content>\\n</Hds::DisclosurePrimitive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\n\nexport interface HdsAccordionItemSignature {\n  Args: {\n    ariaLabel?: string;\n    containsInteractive?: boolean;\n    isOpen?: boolean;\n  };\n  Blocks: {\n    content?: [];\n    toggle?: [];\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsAccordionItemComponent extends Component<HdsAccordionItemSignature> {\n  /**\n   * Generates a unique ID for the Content\n   *\n   * @param contentId\n   */\n  contentId = 'content-' + guidFor(this);\n\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'Toggle display'\n   */\n  get ariaLabel() {\n    return this.args.ariaLabel ?? 'Toggle display';\n  }\n\n  /**\n   * @param containsInteractive\n   * @type {boolean}\n   * @default false\n   */\n  get containsInteractive() {\n    return this.args.containsInteractive ?? false;\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    const classes = ['hds-accordion-item'];\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-accordion-item--is-open');\n    }\n\n    if (this.containsInteractive) {\n      // Entire accordion item including the chevron is interactive:\n      classes.push('hds-accordion-item--contains-interactive');\n    } else {\n      // Only chevron is interactive:\n      classes.push('hds-accordion-item--does-not-contain-interactive');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsAccordionItemComponent","Component","constructor","args","_defineProperty","guidFor","ariaLabel","containsInteractive","classNames","classes","isOpen","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,ukCAAukC;;ACoB1lC,MAAMA,yBAAyB,SAASC,SAAS,CAA4B;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AAC1F;AACF;AACA;AACA;AACA;AAJEC,IAAAA,eAAA,oBAKY,UAAU,GAAGC,OAAO,CAAC,IAAI,CAAC,CAAA,CAAA;AAAA,GAAA;AAEtC;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;AACd,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,SAAS,IAAI,gBAAgB,CAAA;AAChD,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,mBAAmBA,GAAG;AACxB,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,mBAAmB,IAAI,KAAK,CAAA;AAC/C,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,MAAMC,OAAO,GAAG,CAAC,oBAAoB,CAAC,CAAA;;AAEtC;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACO,MAAM,EAAE;AACpBD,MAAAA,OAAO,CAACE,IAAI,CAAC,6BAA6B,CAAC,CAAA;AAC7C,KAAA;IAEA,IAAI,IAAI,CAACJ,mBAAmB,EAAE;AAC5B;AACAE,MAAAA,OAAO,CAACE,IAAI,CAAC,0CAA0C,CAAC,CAAA;AAC1D,KAAC,MAAM;AACL;AACAF,MAAAA,OAAO,CAACE,IAAI,CAAC,kDAAkD,CAAC,CAAA;AAClE,KAAA;AAEA,IAAA,OAAOF,OAAO,CAACG,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAjDoBd,yBAAyB,CAAA;;;;"}

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

@@ -2,9 +2,15 @@ import templateOnly 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<div class=\"hds-alert__description hds-font-weight-regular hds-foreground-primary\" ...attributes>{{yield}}</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-alert__description hds-font-weight-regular hds-foreground-primary\" ...attributes>{{yield}}</div>");
 
-var description = setComponentTemplate(TEMPLATE, templateOnly());
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const HdsAlertDescriptionComponent = templateOnly();
+var description = setComponentTemplate(TEMPLATE, HdsAlertDescriptionComponent);
 
 export { description as default };
 //# sourceMappingURL=description.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"description.js","sources":["../../../../src/components/hds/alert/description.hbs","../../../../src/components/hds/alert/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<div class=\\\"hds-alert__description hds-font-weight-regular hds-foreground-primary\\\" ...attributes>{{yield}}</div>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,2OAA2O;;ACA7Q,kBAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}
+{"version":3,"file":"description.js","sources":["../../../../src/components/hds/alert/description.hbs","../../../../src/components/hds/alert/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<div class=\\\"hds-alert__description hds-font-weight-regular hds-foreground-primary\\\" ...attributes>{{yield}}</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsAlertDescriptionSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsAlertDescriptionComponent =\n  TemplateOnlyComponent<HdsAlertDescriptionSignature>();\n\nexport default HdsAlertDescriptionComponent;\n"],"names":["HdsAlertDescriptionComponent","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,kMAAkM;;ACDpO;AACA;AACA;AACA;;AAWA,MAAMA,4BAA4B,GAChCC,YAAqB,EAAgC,CAAA;AAEvD,kBAAAC,oBAAA,CAAAC,QAAA,EAAeH,4BAA4B,CAAA;;;;"}

package/dist/components/hds/alert/index.js

@@ -1,31 +1,32 @@
-import { a as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../_rollupPluginBabelHelpers-lqPQKyNs.js';
+import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../_rollupPluginBabelHelpers-NoJJJNhk.js';
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { assert } from '@ember/debug';
 import { guidFor } from '@ember/object/internals';
 import { tracked } from '@glimmer/tracking';
+import { HdsAlertTypeValues, HdsAlertColorValues } 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<div\n  class={{this.classNames}}\n  role={{this.role}}\n  aria-live=\"polite\"\n  aria-labelledby={{this.ariaLabelledBy}}\n  {{did-insert this.didInsert}}\n  ...attributes\n>\n  {{#if this.icon}}\n    <div class=\"hds-alert__icon\">\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} @isInlineBlock={{false}} />\n    </div>\n  {{/if}}\n\n  <div class=\"hds-alert__content\">\n    <div class=\"hds-alert__text {{if (eq @type \'compact\') \'hds-typography-body-100\' \'hds-typography-body-200\'}}\">\n      {{yield (hash Title=(component \"hds/alert/title\"))}}\n      {{yield (hash Description=(component \"hds/alert/description\"))}}\n    </div>\n\n    <div class=\"hds-alert__actions\">\n      {{yield\n        (hash\n          Button=(component \"hds/button\" size=\"small\") LinkStandalone=(component \"hds/link/standalone\" size=\"small\")\n        )\n      }}\n    </div>\n    {{yield (hash Generic=(component \"hds/yield\"))}}\n  </div>\n\n  {{#if this.onDismiss}}\n    <Hds::DismissButton class=\"hds-alert__dismiss\" {{on \"click\" this.onDismiss}} />\n  {{/if}}\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div\n  class={{this.classNames}}\n  role={{this.role}}\n  aria-live=\"polite\"\n  aria-labelledby={{this.ariaLabelledBy}}\n  {{did-insert this.didInsert}}\n  ...attributes\n>\n  {{#if this.icon}}\n    <div class=\"hds-alert__icon\">\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} @isInlineBlock={{false}} />\n    </div>\n  {{/if}}\n\n  <div class=\"hds-alert__content\">\n    <div class=\"hds-alert__text {{if (eq @type \'compact\') \'hds-typography-body-100\' \'hds-typography-body-200\'}}\">\n      {{yield (hash Title=(component \"hds/alert/title\"))}}\n      {{yield (hash Description=(component \"hds/alert/description\"))}}\n    </div>\n\n    <div class=\"hds-alert__actions\">\n      {{yield\n        (hash\n          Button=(component \"hds/button\" size=\"small\") LinkStandalone=(component \"hds/link/standalone\" size=\"small\")\n        )\n      }}\n    </div>\n    {{yield (hash Generic=(component \"hds/yield\"))}}\n  </div>\n\n  {{#if this.onDismiss}}\n    <Hds::DismissButton class=\"hds-alert__dismiss\" {{on \"click\" this.onDismiss}} />\n  {{/if}}\n</div>");
 
 var _class, _descriptor, _descriptor2;
-const TYPES = ['page', 'inline', 'compact'];
-const DEFAULT_COLOR = 'neutral';
-const COLORS = ['neutral', 'highlight', 'success', 'warning', 'critical'];
+const TYPES = Object.values(HdsAlertTypeValues);
+const DEFAULT_COLOR = HdsAlertColorValues.Neutral;
+const COLORS = Object.values(HdsAlertColorValues);
 const MAPPING_COLORS_TO_ICONS = {
-  neutral: 'info',
-  highlight: 'info',
-  success: 'check-circle',
-  warning: 'alert-triangle',
-  critical: 'alert-diamond'
+  [HdsAlertColorValues.Neutral]: 'info',
+  [HdsAlertColorValues.Highlight]: 'info',
+  [HdsAlertColorValues.Success]: 'check-circle',
+  [HdsAlertColorValues.Warning]: 'alert-triangle',
+  [HdsAlertColorValues.Critical]: 'alert-diamond'
 };
 const CONTENT_ELEMENT_SELECTOR = '.hds-alert__content';
 const TITLE_ELEMENT_SELECTOR = '.hds-alert__title';
 const DESCRIPTION_ELEMENT_SELECTOR = '.hds-alert__description';
-let HdsAlertIndexComponent = (_class = class HdsAlertIndexComponent extends Component {
-  constructor() {
-    super(...arguments);
+let HdsAlertComponent = (_class = class HdsAlertComponent extends Component {
+  constructor(owner, args) {
+    super(owner, args);
     _initializerDefineProperty(this, "role", _descriptor, this);
     _initializerDefineProperty(this, "ariaLabelledBy", _descriptor2, this);
     assert(`@type for "Hds::Alert" must be one of the following: ${TYPES.join(', ')}; received: ${this.args.type}`, TYPES.includes(this.args.type));
@@ -38,7 +39,7 @@ let HdsAlertIndexComponent = (_class = class HdsAlertIndexComponent extends Comp
    * @description Determines the color scheme for the alert.
    */
   get color() {
-    let {
+    const {
       color = DEFAULT_COLOR
     } = this.args;
     assert(`@color for "Hds::Alert" must be one of the following: ${COLORS.join(', ')}; received: ${color}`, COLORS.includes(color));
@@ -52,7 +53,7 @@ let HdsAlertIndexComponent = (_class = class HdsAlertIndexComponent extends Comp
    * @description The name of the icon to be used.
    */
   get icon() {
-    let {
+    const {
       icon
     } = this.args;
 
@@ -81,7 +82,7 @@ let HdsAlertIndexComponent = (_class = class HdsAlertIndexComponent extends Comp
    * @default () => {}
    */
   get onDismiss() {
-    let {
+    const {
       onDismiss
     } = this.args;
     if (typeof onDismiss === 'function') {
@@ -110,7 +111,7 @@ let HdsAlertIndexComponent = (_class = class HdsAlertIndexComponent extends Comp
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = ['hds-alert'];
+    const classes = ['hds-alert'];
 
     // Add a class based on the @type argument
     classes.push(`hds-alert--type-${this.args.type}`);
@@ -120,16 +121,16 @@ let HdsAlertIndexComponent = (_class = class HdsAlertIndexComponent extends Comp
     return classes.join(' ');
   }
   didInsert(element) {
-    let actions = element.querySelectorAll(`${CONTENT_ELEMENT_SELECTOR} button, ${CONTENT_ELEMENT_SELECTOR} a`);
+    const actions = element.querySelectorAll(`${CONTENT_ELEMENT_SELECTOR} button, ${CONTENT_ELEMENT_SELECTOR} a`);
     if (actions.length) {
       this.role = 'alertdialog';
     }
 
     // `alertdialog` must have an accessible name so we use either the
     // title or the description as label for the alert
-    let label = element.querySelector(TITLE_ELEMENT_SELECTOR) || element.querySelector(DESCRIPTION_ELEMENT_SELECTOR);
+    const label = element.querySelector(TITLE_ELEMENT_SELECTOR) || element.querySelector(DESCRIPTION_ELEMENT_SELECTOR);
     if (label) {
-      let labelId = label.getAttribute('id') || guidFor(element);
+      const labelId = label.getAttribute('id') || guidFor(element);
       label.setAttribute('id', labelId);
       this.ariaLabelledBy = labelId;
     }
@@ -147,7 +148,7 @@ let HdsAlertIndexComponent = (_class = class HdsAlertIndexComponent extends Comp
   writable: true,
   initializer: null
 }), _applyDecoratedDescriptor(_class.prototype, "didInsert", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsert"), _class.prototype)), _class);
-setComponentTemplate(TEMPLATE, HdsAlertIndexComponent);
+setComponentTemplate(TEMPLATE, HdsAlertComponent);
 
-export { COLORS, DEFAULT_COLOR, MAPPING_COLORS_TO_ICONS, TYPES, HdsAlertIndexComponent as default };
+export { COLORS, DEFAULT_COLOR, MAPPING_COLORS_TO_ICONS, TYPES, HdsAlertComponent as default };
 //# sourceMappingURL=index.js.map

package/dist/components/hds/alert/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/alert/index.hbs","../../../../src/components/hds/alert/index.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<div\\n  class={{this.classNames}}\\n  role={{this.role}}\\n  aria-live=\\\"polite\\\"\\n  aria-labelledby={{this.ariaLabelledBy}}\\n  {{did-insert this.didInsert}}\\n  ...attributes\\n>\\n  {{#if this.icon}}\\n    <div class=\\\"hds-alert__icon\\\">\\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} @isInlineBlock={{false}} />\\n    </div>\\n  {{/if}}\\n\\n  <div class=\\\"hds-alert__content\\\">\\n    <div class=\\\"hds-alert__text {{if (eq @type \\'compact\\') \\'hds-typography-body-100\\' \\'hds-typography-body-200\\'}}\\\">\\n      {{yield (hash Title=(component \\\"hds/alert/title\\\"))}}\\n      {{yield (hash Description=(component \\\"hds/alert/description\\\"))}}\\n    </div>\\n\\n    <div class=\\\"hds-alert__actions\\\">\\n      {{yield\\n        (hash\\n          Button=(component \\\"hds/button\\\" size=\\\"small\\\") LinkStandalone=(component \\\"hds/link/standalone\\\" size=\\\"small\\\")\\n        )\\n      }}\\n    </div>\\n    {{yield (hash Generic=(component \\\"hds/yield\\\"))}}\\n  </div>\\n\\n  {{#if this.onDismiss}}\\n    <Hds::DismissButton class=\\\"hds-alert__dismiss\\\" {{on \\\"click\\\" this.onDismiss}} />\\n  {{/if}}\\n</div>\")","/**\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 { guidFor } from '@ember/object/internals';\nimport { tracked } from '@glimmer/tracking';\n\nexport const TYPES = ['page', 'inline', 'compact'];\nexport const DEFAULT_COLOR = 'neutral';\nexport const COLORS = [\n  'neutral',\n  'highlight',\n  'success',\n  'warning',\n  'critical',\n];\nexport const MAPPING_COLORS_TO_ICONS = {\n  neutral: 'info',\n  highlight: 'info',\n  success: 'check-circle',\n  warning: 'alert-triangle',\n  critical: 'alert-diamond',\n};\n\nconst CONTENT_ELEMENT_SELECTOR = '.hds-alert__content';\nconst TITLE_ELEMENT_SELECTOR = '.hds-alert__title';\nconst DESCRIPTION_ELEMENT_SELECTOR = '.hds-alert__description';\n\nexport default class HdsAlertIndexComponent extends Component {\n  @tracked role = 'alert';\n  @tracked ariaLabelledBy;\n\n  constructor() {\n    super(...arguments);\n\n    assert(\n      `@type for \"Hds::Alert\" must be one of the following: ${TYPES.join(\n        ', '\n      )}; received: ${this.args.type}`,\n      TYPES.includes(this.args.type)\n    );\n  }\n\n  /**\n   * @param color\n   * @type {enum}\n   * @default neutral\n   * @description Determines the color scheme for the alert.\n   */\n  get color() {\n    let { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Alert\" 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 icon\n   * @type {string}\n   * @default null\n   * @description The name of the icon to be used.\n   */\n  get icon() {\n    let { icon } = this.args;\n\n    // If `icon` isn't passed, use the pre-defined one from `color`\n    if (icon === undefined) {\n      if (this.args.type === 'compact') {\n        // for the \"compact\" type by default we use filled icons\n        return `${MAPPING_COLORS_TO_ICONS[this.color]}-fill`;\n      } else {\n        // for all the other types by default we use outlined icons\n        return MAPPING_COLORS_TO_ICONS[this.color];\n      }\n      // If `icon` is set explicitly to false, user doesn't want any icon in the alert\n    } else if (icon === false) {\n      assert(\n        `@icon for \"Hds::Alert\" with @type \"compact\" is required`,\n        this.args.type !== 'compact'\n      );\n\n      return false;\n    } else {\n      // If a name for `icon` is passed, set FlightIcon to that name\n      return icon;\n    }\n  }\n\n  /**\n   * @param onDismiss\n   * @type {function}\n   * @default () => {}\n   */\n  get onDismiss() {\n    let { onDismiss } = this.args;\n\n    if (typeof onDismiss === 'function') {\n      return onDismiss;\n    } else {\n      return false;\n    }\n  }\n\n  /**\n   * @param iconSize\n   * @type {string}\n   * @description ensures that the correct icon size is used. Automatically calculated.\n   */\n  get iconSize() {\n    if (this.args.type === 'compact') {\n      return '16';\n    } else {\n      return '24';\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method Alert#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-alert'];\n\n    // Add a class based on the @type argument\n    classes.push(`hds-alert--type-${this.args.type}`);\n\n    // Add a class based on the @color argument\n    classes.push(`hds-alert--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n\n  @action\n  didInsert(element) {\n    let actions = element.querySelectorAll(\n      `${CONTENT_ELEMENT_SELECTOR} button, ${CONTENT_ELEMENT_SELECTOR} a`\n    );\n    if (actions.length) {\n      this.role = 'alertdialog';\n    }\n\n    // `alertdialog` must have an accessible name so we use either the\n    // title or the description as label for the alert\n    let label =\n      element.querySelector(TITLE_ELEMENT_SELECTOR) ||\n      element.querySelector(DESCRIPTION_ELEMENT_SELECTOR);\n    if (label) {\n      let labelId = label.getAttribute('id') || guidFor(element);\n      label.setAttribute('id', labelId);\n      this.ariaLabelledBy = labelId;\n    }\n  }\n}\n"],"names":["TYPES","DEFAULT_COLOR","COLORS","MAPPING_COLORS_TO_ICONS","neutral","highlight","success","warning","critical","CONTENT_ELEMENT_SELECTOR","TITLE_ELEMENT_SELECTOR","DESCRIPTION_ELEMENT_SELECTOR","HdsAlertIndexComponent","_class","Component","constructor","arguments","_initializerDefineProperty","_descriptor","_descriptor2","assert","join","args","type","includes","color","icon","undefined","onDismiss","iconSize","classNames","classes","push","didInsert","element","actions","querySelectorAll","length","role","label","querySelector","labelId","getAttribute","guidFor","setAttribute","ariaLabelledBy","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;AACA,eAAe,kBAAkB,CAAC,gtCAAgtC;;;ACU3uC,MAAMA,KAAK,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAC;AAC3C,MAAMC,aAAa,GAAG,UAAS;AACzBC,MAAAA,MAAM,GAAG,CACpB,SAAS,EACT,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACX;AACM,MAAMC,uBAAuB,GAAG;AACrCC,EAAAA,OAAO,EAAE,MAAM;AACfC,EAAAA,SAAS,EAAE,MAAM;AACjBC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,QAAQ,EAAE,eAAA;AACZ,EAAC;AAED,MAAMC,wBAAwB,GAAG,qBAAqB,CAAA;AACtD,MAAMC,sBAAsB,GAAG,mBAAmB,CAAA;AAClD,MAAMC,4BAA4B,GAAG,yBAAyB,CAAA;AAEzCC,IAAAA,sBAAsB,IAAAC,MAAA,GAA5B,MAAMD,sBAAsB,SAASE,SAAS,CAAC;AAI5DC,EAAAA,WAAWA,GAAG;IACZ,KAAK,CAAC,GAAGC,SAAS,CAAC,CAAA;AAACC,IAAAA,0BAAA,eAAAC,WAAA,EAAA,IAAA,CAAA,CAAA;AAAAD,IAAAA,0BAAA,yBAAAE,YAAA,EAAA,IAAA,CAAA,CAAA;IAEpBC,MAAM,CACH,CAAuDpB,qDAAAA,EAAAA,KAAK,CAACqB,IAAI,CAChE,IACF,CAAE,CAAA,YAAA,EAAc,IAAI,CAACC,IAAI,CAACC,IAAK,CAAC,CAAA,EAChCvB,KAAK,CAACwB,QAAQ,CAAC,IAAI,CAACF,IAAI,CAACC,IAAI,CAC/B,CAAC,CAAA;AACH,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIE,KAAKA,GAAG;IACV,IAAI;AAAEA,MAAAA,KAAK,GAAGxB,aAAAA;KAAe,GAAG,IAAI,CAACqB,IAAI,CAAA;AAEzCF,IAAAA,MAAM,CACH,CAAwDlB,sDAAAA,EAAAA,MAAM,CAACmB,IAAI,CAClE,IACF,CAAE,CAAA,YAAA,EAAcI,KAAM,CAAA,CAAC,EACvBvB,MAAM,CAACsB,QAAQ,CAACC,KAAK,CACvB,CAAC,CAAA;AAED,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;IACT,IAAI;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACJ,IAAI,CAAA;;AAExB;IACA,IAAII,IAAI,KAAKC,SAAS,EAAE;AACtB,MAAA,IAAI,IAAI,CAACL,IAAI,CAACC,IAAI,KAAK,SAAS,EAAE;AAChC;AACA,QAAA,OAAQ,GAAEpB,uBAAuB,CAAC,IAAI,CAACsB,KAAK,CAAE,CAAM,KAAA,CAAA,CAAA;AACtD,OAAC,MAAM;AACL;AACA,QAAA,OAAOtB,uBAAuB,CAAC,IAAI,CAACsB,KAAK,CAAC,CAAA;AAC5C,OAAA;AACA;AACF,KAAC,MAAM,IAAIC,IAAI,KAAK,KAAK,EAAE;MACzBN,MAAM,CACH,CAAwD,uDAAA,CAAA,EACzD,IAAI,CAACE,IAAI,CAACC,IAAI,KAAK,SACrB,CAAC,CAAA;AAED,MAAA,OAAO,KAAK,CAAA;AACd,KAAC,MAAM;AACL;AACA,MAAA,OAAOG,IAAI,CAAA;AACb,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIE,SAASA,GAAG;IACd,IAAI;AAAEA,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACN,IAAI,CAAA;AAE7B,IAAA,IAAI,OAAOM,SAAS,KAAK,UAAU,EAAE;AACnC,MAAA,OAAOA,SAAS,CAAA;AAClB,KAAC,MAAM;AACL,MAAA,OAAO,KAAK,CAAA;AACd,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,QAAQA,GAAG;AACb,IAAA,IAAI,IAAI,CAACP,IAAI,CAACC,IAAI,KAAK,SAAS,EAAE;AAChC,MAAA,OAAO,IAAI,CAAA;AACb,KAAC,MAAM;AACL,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIO,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,WAAW,CAAC,CAAA;;AAE3B;IACAA,OAAO,CAACC,IAAI,CAAE,CAAkB,gBAAA,EAAA,IAAI,CAACV,IAAI,CAACC,IAAK,CAAA,CAAC,CAAC,CAAA;;AAEjD;IACAQ,OAAO,CAACC,IAAI,CAAE,CAAA,iBAAA,EAAmB,IAAI,CAACP,KAAM,EAAC,CAAC,CAAA;AAE9C,IAAA,OAAOM,OAAO,CAACV,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;EAGAY,SAASA,CAACC,OAAO,EAAE;IACjB,IAAIC,OAAO,GAAGD,OAAO,CAACE,gBAAgB,CACnC,CAAA,EAAE3B,wBAAyB,CAAA,SAAA,EAAWA,wBAAyB,CAAA,EAAA,CAClE,CAAC,CAAA;IACD,IAAI0B,OAAO,CAACE,MAAM,EAAE;MAClB,IAAI,CAACC,IAAI,GAAG,aAAa,CAAA;AAC3B,KAAA;;AAEA;AACA;AACA,IAAA,IAAIC,KAAK,GACPL,OAAO,CAACM,aAAa,CAAC9B,sBAAsB,CAAC,IAC7CwB,OAAO,CAACM,aAAa,CAAC7B,4BAA4B,CAAC,CAAA;AACrD,IAAA,IAAI4B,KAAK,EAAE;AACT,MAAA,IAAIE,OAAO,GAAGF,KAAK,CAACG,YAAY,CAAC,IAAI,CAAC,IAAIC,OAAO,CAACT,OAAO,CAAC,CAAA;AAC1DK,MAAAA,KAAK,CAACK,YAAY,CAAC,IAAI,EAAEH,OAAO,CAAC,CAAA;MACjC,IAAI,CAACI,cAAc,GAAGJ,OAAO,CAAA;AAC/B,KAAA;AACF,GAAA;AACF,CAAC,GAAAvB,WAAA,GAAA4B,yBAAA,CAAAjC,MAAA,CAAAkC,SAAA,EAAA,MAAA,EAAA,CAlIEC,OAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;AAAAC,EAAAA,WAAA,cAAA;AAAA,IAAA,OAAQ,OAAO,CAAA;AAAA,GAAA;AAAA,CAAAjC,CAAAA,EAAAA,YAAA,GAAA2B,yBAAA,CAAAjC,MAAA,CAAAkC,SAAA,qBACtBC,OAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;EAAAC,WAAA,EAAA,IAAA;AAAA,CAAAN,CAAAA,EAAAA,yBAAA,CAAAjC,MAAA,CAAAkC,SAAA,EA6GPM,WAAAA,EAAAA,CAAAA,MAAM,GAAAC,MAAA,CAAAC,wBAAA,CAAA1C,MAAA,CAAAkC,SAAA,EAAA,WAAA,CAAA,EAAAlC,MAAA,CAAAkC,SAAA,IAAAlC,MAAA,EAAA;AA/GkC2C,oBAAA,CAAAC,QAAA,EAAA7C,sBAAA,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/alert/index.hbs","../../../../src/components/hds/alert/index.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\\n  class={{this.classNames}}\\n  role={{this.role}}\\n  aria-live=\\\"polite\\\"\\n  aria-labelledby={{this.ariaLabelledBy}}\\n  {{did-insert this.didInsert}}\\n  ...attributes\\n>\\n  {{#if this.icon}}\\n    <div class=\\\"hds-alert__icon\\\">\\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} @isInlineBlock={{false}} />\\n    </div>\\n  {{/if}}\\n\\n  <div class=\\\"hds-alert__content\\\">\\n    <div class=\\\"hds-alert__text {{if (eq @type \\'compact\\') \\'hds-typography-body-100\\' \\'hds-typography-body-200\\'}}\\\">\\n      {{yield (hash Title=(component \\\"hds/alert/title\\\"))}}\\n      {{yield (hash Description=(component \\\"hds/alert/description\\\"))}}\\n    </div>\\n\\n    <div class=\\\"hds-alert__actions\\\">\\n      {{yield\\n        (hash\\n          Button=(component \\\"hds/button\\\" size=\\\"small\\\") LinkStandalone=(component \\\"hds/link/standalone\\\" size=\\\"small\\\")\\n        )\\n      }}\\n    </div>\\n    {{yield (hash Generic=(component \\\"hds/yield\\\"))}}\\n  </div>\\n\\n  {{#if this.onDismiss}}\\n    <Hds::DismissButton class=\\\"hds-alert__dismiss\\\" {{on \\\"click\\\" this.onDismiss}} />\\n  {{/if}}\\n</div>\")","/**\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 { guidFor } from '@ember/object/internals';\nimport { tracked } from '@glimmer/tracking';\n\nimport { HdsAlertColorValues, HdsAlertTypeValues } from './types.ts';\n\nimport type { ComponentLike, WithBoundArgs } from '@glint/template';\nimport type HdsButtonComponent from '../button';\nimport type HdsLinkStandaloneComponent from '../link/standalone';\nimport type { HdsYieldSignature } from '../yield';\nimport type { HdsAlertColors, HdsAlertTypes } from './types.ts';\nimport type { HdsAlertTitleSignature } from './title.ts';\nimport type { HdsAlertDescriptionSignature } from './description.ts';\n\nexport const TYPES: string[] = Object.values(HdsAlertTypeValues);\nexport const DEFAULT_COLOR = HdsAlertColorValues.Neutral;\nexport const COLORS: string[] = Object.values(HdsAlertColorValues);\n\nexport const MAPPING_COLORS_TO_ICONS = {\n  [HdsAlertColorValues.Neutral]: 'info',\n  [HdsAlertColorValues.Highlight]: 'info',\n  [HdsAlertColorValues.Success]: 'check-circle',\n  [HdsAlertColorValues.Warning]: 'alert-triangle',\n  [HdsAlertColorValues.Critical]: 'alert-diamond',\n} as const;\n\nconst CONTENT_ELEMENT_SELECTOR = '.hds-alert__content';\nconst TITLE_ELEMENT_SELECTOR = '.hds-alert__title';\nconst DESCRIPTION_ELEMENT_SELECTOR = '.hds-alert__description';\n\nexport interface HdsAlertSignature {\n  Args: {\n    type: HdsAlertTypes;\n    color?: HdsAlertColors;\n    icon?: string | false;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onDismiss?: (event: MouseEvent, ...args: any[]) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        Title?: ComponentLike<HdsAlertTitleSignature>;\n        Description?: ComponentLike<HdsAlertDescriptionSignature>;\n        Generic?: ComponentLike<HdsYieldSignature>;\n        LinkStandalone?: WithBoundArgs<\n          typeof HdsLinkStandaloneComponent,\n          'size'\n        >;\n        Button?: WithBoundArgs<typeof HdsButtonComponent, 'size'>;\n      }\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAlertComponent extends Component<HdsAlertSignature> {\n  @tracked role = 'alert';\n  @tracked ariaLabelledBy?: string;\n\n  constructor(owner: unknown, args: HdsAlertSignature['Args']) {\n    super(owner, args);\n\n    assert(\n      `@type for \"Hds::Alert\" must be one of the following: ${TYPES.join(\n        ', '\n      )}; received: ${this.args.type}`,\n      TYPES.includes(this.args.type)\n    );\n  }\n\n  /**\n   * @param color\n   * @type {enum}\n   * @default neutral\n   * @description Determines the color scheme for the alert.\n   */\n  get color() {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Alert\" 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 icon\n   * @type {string}\n   * @default null\n   * @description The name of the icon to be used.\n   */\n  get icon() {\n    const { icon } = this.args;\n\n    // If `icon` isn't passed, use the pre-defined one from `color`\n    if (icon === undefined) {\n      if (this.args.type === 'compact') {\n        // for the \"compact\" type by default we use filled icons\n        return `${MAPPING_COLORS_TO_ICONS[this.color]}-fill`;\n      } else {\n        // for all the other types by default we use outlined icons\n        return MAPPING_COLORS_TO_ICONS[this.color];\n      }\n      // If `icon` is set explicitly to false, user doesn't want any icon in the alert\n    } else if (icon === false) {\n      assert(\n        `@icon for \"Hds::Alert\" with @type \"compact\" is required`,\n        this.args.type !== 'compact'\n      );\n\n      return false;\n    } else {\n      // If a name for `icon` is passed, set FlightIcon to that name\n      return icon;\n    }\n  }\n\n  /**\n   * @param onDismiss\n   * @type {function}\n   * @default () => {}\n   */\n  get onDismiss() {\n    const { onDismiss } = this.args;\n\n    if (typeof onDismiss === 'function') {\n      return onDismiss;\n    } else {\n      return false;\n    }\n  }\n\n  /**\n   * @param iconSize\n   * @type {string}\n   * @description ensures that the correct icon size is used. Automatically calculated.\n   */\n  get iconSize() {\n    if (this.args.type === 'compact') {\n      return '16';\n    } else {\n      return '24';\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method Alert#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    const classes = ['hds-alert'];\n\n    // Add a class based on the @type argument\n    classes.push(`hds-alert--type-${this.args.type}`);\n\n    // Add a class based on the @color argument\n    classes.push(`hds-alert--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n\n  @action\n  didInsert(element: HTMLDivElement) {\n    const actions = element.querySelectorAll(\n      `${CONTENT_ELEMENT_SELECTOR} button, ${CONTENT_ELEMENT_SELECTOR} a`\n    );\n    if (actions.length) {\n      this.role = 'alertdialog';\n    }\n\n    // `alertdialog` must have an accessible name so we use either the\n    // title or the description as label for the alert\n    const label =\n      element.querySelector(TITLE_ELEMENT_SELECTOR) ||\n      element.querySelector(DESCRIPTION_ELEMENT_SELECTOR);\n    if (label) {\n      const labelId = label.getAttribute('id') || guidFor(element);\n      label.setAttribute('id', labelId);\n      this.ariaLabelledBy = labelId;\n    }\n  }\n}\n"],"names":["TYPES","Object","values","HdsAlertTypeValues","DEFAULT_COLOR","HdsAlertColorValues","Neutral","COLORS","MAPPING_COLORS_TO_ICONS","Highlight","Success","Warning","Critical","CONTENT_ELEMENT_SELECTOR","TITLE_ELEMENT_SELECTOR","DESCRIPTION_ELEMENT_SELECTOR","HdsAlertComponent","_class","Component","constructor","owner","args","_initializerDefineProperty","_descriptor","_descriptor2","assert","join","type","includes","color","icon","undefined","onDismiss","iconSize","classNames","classes","push","didInsert","element","actions","querySelectorAll","length","role","label","querySelector","labelId","getAttribute","guidFor","setAttribute","ariaLabelledBy","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/alert/title.js

@@ -2,9 +2,15 @@ import templateOnly 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<div class=\"hds-alert__title hds-font-weight-semibold\" ...attributes>{{yield}}</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-alert__title hds-font-weight-semibold\" ...attributes>{{yield}}</div>");
 
-var title = setComponentTemplate(TEMPLATE, templateOnly());
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const HdsAlertTitleComponent = templateOnly();
+var title = setComponentTemplate(TEMPLATE, HdsAlertTitleComponent);
 
 export { title as default };
 //# sourceMappingURL=title.js.map

package/dist/components/hds/alert/title.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.js","sources":["../../../../src/components/hds/alert/title.hbs","../../../../src/components/hds/alert/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<div class=\\\"hds-alert__title hds-font-weight-semibold\\\" ...attributes>{{yield}}</div>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+MAA+M;;ACAjP,YAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}
+{"version":3,"file":"title.js","sources":["../../../../src/components/hds/alert/title.hbs","../../../../src/components/hds/alert/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<div class=\\\"hds-alert__title hds-font-weight-semibold\\\" ...attributes>{{yield}}</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsAlertTitleSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsAlertTitleComponent = TemplateOnlyComponent<HdsAlertTitleSignature>();\n\nexport default HdsAlertTitleComponent;\n"],"names":["HdsAlertTitleComponent","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,sKAAsK;;ACDxM;AACA;AACA;AACA;;AAWA,MAAMA,sBAAsB,GAAGC,YAAqB,EAA0B,CAAA;AAE9E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,sBAAsB,CAAA;;;;"}

package/dist/components/hds/alert/types.js

@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+let HdsAlertTypeValues = /*#__PURE__*/function (HdsAlertTypeValues) {
+  HdsAlertTypeValues["Page"] = "page";
+  HdsAlertTypeValues["Inlne"] = "inline";
+  HdsAlertTypeValues["Compact"] = "compact";
+  return HdsAlertTypeValues;
+}({});
+let HdsAlertColorValues = /*#__PURE__*/function (HdsAlertColorValues) {
+  HdsAlertColorValues["Neutral"] = "neutral";
+  HdsAlertColorValues["Highlight"] = "highlight";
+  HdsAlertColorValues["Success"] = "success";
+  HdsAlertColorValues["Warning"] = "warning";
+  HdsAlertColorValues["Critical"] = "critical";
+  return HdsAlertColorValues;
+}({});
+
+export { HdsAlertColorValues, HdsAlertTypeValues };
+//# sourceMappingURL=types.js.map

package/dist/components/hds/alert/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/alert/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsAlertTypeValues {\n  Page = 'page',\n  Inlne = 'inline',\n  Compact = 'compact',\n}\nexport type HdsAlertTypes = `${HdsAlertTypeValues}`;\n\nexport enum HdsAlertColorValues {\n  Neutral = 'neutral',\n  Highlight = 'highlight',\n  Success = 'success',\n  Warning = 'warning',\n  Critical = 'critical',\n}\nexport type HdsAlertColors = `${HdsAlertColorValues}`;\n"],"names":["HdsAlertTypeValues","HdsAlertColorValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,kBAAkB,0BAAlBA,kBAAkB,EAAA;EAAlBA,kBAAkB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAlBA,kBAAkB,CAAA,OAAA,CAAA,GAAA,QAAA,CAAA;EAAlBA,kBAAkB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAlBA,kBAAkB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOlBC,IAAAA,mBAAmB,0BAAnBA,mBAAmB,EAAA;EAAnBA,mBAAmB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAnBA,mBAAmB,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAAnBA,mBAAmB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAnBA,mBAAmB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAnBA,mBAAmB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;AAAA,EAAA,OAAnBA,mBAAmB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/components/hds/app-footer/copyright.js

@@ -2,7 +2,7 @@ import Component from '@glimmer/component';
 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-app-footer__copyright\" ...attributes>\n  <FlightIcon @name=\"hashicorp\" />\n  <Hds::Text::Body @tag=\"span\" @size=\"100\">© {{this.year}} HashiCorp</Hds::Text::Body>\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<div class=\"hds-app-footer__copyright\" ...attributes>\n  <FlightIcon @name=\"hashicorp\" />\n  <Hds::Text::Body @tag=\"span\" @size=\"100\">© {{this.year}} HashiCorp</Hds::Text::Body>\n</div>");
 
 /**
  * Copyright (c) HashiCorp, Inc.

package/dist/components/hds/app-footer/copyright.js.map

@@ -1 +1 @@
-{"version":3,"file":"copyright.js","sources":["../../../../src/components/hds/app-footer/copyright.hbs","../../../../src/components/hds/app-footer/copyright.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-app-footer__copyright\\\" ...attributes>\\n  <FlightIcon @name=\\\"hashicorp\\\" />\\n  <Hds::Text::Body @tag=\\\"span\\\" @size=\\\"100\\\">© {{this.year}} HashiCorp</Hds::Text::Body>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport default class HdsAppFooterCopyrightComponent extends Component {\n  /**\n   * @param year\n   * @type {string}\n   * @description The copyright year\n   * @default The current year (calculated via `Date()`)\n   */\n  get year() {\n    return this.args.year ?? new Date().getFullYear();\n  }\n}\n"],"names":["HdsAppFooterCopyrightComponent","Component","year","args","Date","getFullYear","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4TAA4T;;ACD9V;AACA;AACA;AACA;;AAIe,MAAMA,8BAA8B,SAASC,SAAS,CAAC;AACpE;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;AACT,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,IAAI,IAAIE,IAAI,EAAE,CAACC,WAAW,EAAE,CAAA;AACnD,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAVoBP,8BAA8B,CAAA;;;;"}
+{"version":3,"file":"copyright.js","sources":["../../../../src/components/hds/app-footer/copyright.hbs","../../../../src/components/hds/app-footer/copyright.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\\n<div class=\\\"hds-app-footer__copyright\\\" ...attributes>\\n  <FlightIcon @name=\\\"hashicorp\\\" />\\n  <Hds::Text::Body @tag=\\\"span\\\" @size=\\\"100\\\">© {{this.year}} HashiCorp</Hds::Text::Body>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsAppFooterCopyrightSignature {\n  Args: {\n    year?: string;\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppFooterCopyrightComponent extends Component<HdsAppFooterCopyrightSignature> {\n  /**\n   * @param year\n   * @type {string}\n   * @description The copyright year\n   * @default The current year (calculated via `Date()`)\n   */\n  get year() {\n    return this.args.year ?? new Date().getFullYear();\n  }\n}\n"],"names":["HdsAppFooterCopyrightComponent","Component","year","args","Date","getFullYear","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,mRAAmR;;ACDrT;AACA;AACA;AACA;;AAWe,MAAMA,8BAA8B,SAASC,SAAS,CAAiC;AACpG;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;AACT,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,IAAI,IAAIE,IAAI,EAAE,CAACC,WAAW,EAAE,CAAA;AACnD,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAVoBP,8BAA8B,CAAA;;;;"}

package/dist/components/hds/app-footer/index.js

@@ -2,14 +2,14 @@ import Component from '@glimmer/component';
 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={{this.classNames}} ...attributes>\n  {{yield (hash ExtraBefore=(component \"hds/yield\"))}}\n  <ul class=\"hds-app-footer__list\" aria-label={{this.ariaLabel}}>\n    {{yield (hash StatusLink=(component \"hds/app-footer/status-link\"))}}\n    {{yield\n      (hash\n        Link=(component \"hds/app-footer/link\")\n        LegalLinks=(component \"hds/app-footer/legal-links\")\n        Item=(component \"hds/app-footer/item\")\n      )\n    }}\n  </ul>\n  {{yield (hash ExtraAfter=(component \"hds/yield\"))}}\n  <Hds::AppFooter::Copyright @year={{@copyrightYear}} />\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<div class={{this.classNames}} ...attributes>\n  {{yield (hash ExtraBefore=(component \"hds/yield\"))}}\n  <ul class=\"hds-app-footer__list\" aria-label={{this.ariaLabel}}>\n    {{yield (hash StatusLink=(component \"hds/app-footer/status-link\"))}}\n    {{yield\n      (hash\n        Link=(component \"hds/app-footer/link\")\n        LegalLinks=(component \"hds/app-footer/legal-links\")\n        Item=(component \"hds/app-footer/item\")\n      )\n    }}\n  </ul>\n  {{yield (hash ExtraAfter=(component \"hds/yield\"))}}\n  <Hds::AppFooter::Copyright @year={{@copyrightYear}} />\n</div>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsAppFooterIndexComponent extends Component {
+class HdsAppFooterComponent extends Component {
   /**
    * @param ariaLabel
    * @type {string}
@@ -21,7 +21,7 @@ class HdsAppFooterIndexComponent extends Component {
 
   /**
    * @param theme
-   * @type {string}
+   * @type {HdsAppFooterThemeTypes}
    * @description The component theme
    * @default 'light'
    */
@@ -35,14 +35,14 @@ class HdsAppFooterIndexComponent extends Component {
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = ['hds-app-footer'];
+    const classes = ['hds-app-footer'];
 
     // add a class based on the @theme argument
     classes.push(`hds-app-footer--theme-${this.theme}`);
     return classes.join(' ');
   }
 }
-setComponentTemplate(TEMPLATE, HdsAppFooterIndexComponent);
+setComponentTemplate(TEMPLATE, HdsAppFooterComponent);
 
-export { HdsAppFooterIndexComponent as default };
+export { HdsAppFooterComponent as default };
 //# sourceMappingURL=index.js.map

package/dist/components/hds/app-footer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/app-footer/index.hbs","../../../../src/components/hds/app-footer/index.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={{this.classNames}} ...attributes>\\n  {{yield (hash ExtraBefore=(component \\\"hds/yield\\\"))}}\\n  <ul class=\\\"hds-app-footer__list\\\" aria-label={{this.ariaLabel}}>\\n    {{yield (hash StatusLink=(component \\\"hds/app-footer/status-link\\\"))}}\\n    {{yield\\n      (hash\\n        Link=(component \\\"hds/app-footer/link\\\")\\n        LegalLinks=(component \\\"hds/app-footer/legal-links\\\")\\n        Item=(component \\\"hds/app-footer/item\\\")\\n      )\\n    }}\\n  </ul>\\n  {{yield (hash ExtraAfter=(component \\\"hds/yield\\\"))}}\\n  <Hds::AppFooter::Copyright @year={{@copyrightYear}} />\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport default class HdsAppFooterIndexComponent extends Component {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'Footer items'\n   */\n  get ariaLabel() {\n    return this.args.ariaLabel ?? 'Footer items';\n  }\n\n  /**\n   * @param theme\n   * @type {string}\n   * @description The component theme\n   * @default 'light'\n   */\n  get theme() {\n    return this.args.theme ?? 'light';\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 = ['hds-app-footer'];\n\n    // add a class based on the @theme argument\n    classes.push(`hds-app-footer--theme-${this.theme}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsAppFooterIndexComponent","Component","ariaLabel","args","theme","classNames","classes","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,qsBAAqsB;;ACDvuB;AACA;AACA;AACA;;AAIe,MAAMA,0BAA0B,SAASC,SAAS,CAAC;AAChE;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;AACd,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,cAAc,CAAA;AAC9C,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIE,KAAKA,GAAG;AACV,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,KAAK,IAAI,OAAO,CAAA;AACnC,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,gBAAgB,CAAC,CAAA;;AAEhC;IACAA,OAAO,CAACC,IAAI,CAAE,CAAA,sBAAA,EAAwB,IAAI,CAACH,KAAM,EAAC,CAAC,CAAA;AAEnD,IAAA,OAAOE,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAjCoBV,0BAA0B,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/app-footer/index.hbs","../../../../src/components/hds/app-footer/index.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\\n<div class={{this.classNames}} ...attributes>\\n  {{yield (hash ExtraBefore=(component \\\"hds/yield\\\"))}}\\n  <ul class=\\\"hds-app-footer__list\\\" aria-label={{this.ariaLabel}}>\\n    {{yield (hash StatusLink=(component \\\"hds/app-footer/status-link\\\"))}}\\n    {{yield\\n      (hash\\n        Link=(component \\\"hds/app-footer/link\\\")\\n        LegalLinks=(component \\\"hds/app-footer/legal-links\\\")\\n        Item=(component \\\"hds/app-footer/item\\\")\\n      )\\n    }}\\n  </ul>\\n  {{yield (hash ExtraAfter=(component \\\"hds/yield\\\"))}}\\n  <Hds::AppFooter::Copyright @year={{@copyrightYear}} />\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsYieldSignature } from '../yield';\nimport type HdsAppFooterItemSignature from './legal-links';\nimport type HdsAppFooterLegalLinksSignature from './legal-links';\nimport type HdsAppFooterLinkSignature from './link';\nimport type HdsAppFooterStatusLinkSignature from './status-link';\nimport type { HdsAppFooterThemeTypes } from './types.ts';\n\nexport interface HdsAppFooterSignature {\n  Args: {\n    ariaLabel?: string;\n    copyrightYear?: string;\n    theme?: HdsAppFooterThemeTypes;\n  };\n  Blocks: {\n    default: [\n      {\n        ExtraBefore?: ComponentLike<HdsYieldSignature>;\n        StatusLink?: ComponentLike<HdsAppFooterStatusLinkSignature>;\n        LegalLinks?: ComponentLike<HdsAppFooterLegalLinksSignature>;\n        Link?: ComponentLike<HdsAppFooterLinkSignature>;\n        Item?: ComponentLike<HdsAppFooterItemSignature>;\n        ExtraAfter?: ComponentLike<HdsYieldSignature>;\n      }\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppFooterComponent extends Component<HdsAppFooterSignature> {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'Footer items'\n   */\n  get ariaLabel() {\n    return this.args.ariaLabel ?? 'Footer items';\n  }\n\n  /**\n   * @param theme\n   * @type {HdsAppFooterThemeTypes}\n   * @description The component theme\n   * @default 'light'\n   */\n  get theme() {\n    return this.args.theme ?? 'light';\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    const classes = ['hds-app-footer'];\n\n    // add a class based on the @theme argument\n    classes.push(`hds-app-footer--theme-${this.theme}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsAppFooterComponent","Component","ariaLabel","args","theme","classNames","classes","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4pBAA4pB;;ACD9rB;AACA;AACA;AACA;;AAiCe,MAAMA,qBAAqB,SAASC,SAAS,CAAwB;AAClF;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;AACd,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,cAAc,CAAA;AAC9C,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIE,KAAKA,GAAG;AACV,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,KAAK,IAAI,OAAO,CAAA;AACnC,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,MAAMC,OAAO,GAAG,CAAC,gBAAgB,CAAC,CAAA;;AAElC;IACAA,OAAO,CAACC,IAAI,CAAE,CAAA,sBAAA,EAAwB,IAAI,CAACH,KAAM,EAAC,CAAC,CAAA;AAEnD,IAAA,OAAOE,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAjCoBV,qBAAqB,CAAA;;;;"}