@hashicorp/design-system-components 4.8.0 → 4.10.0

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.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\\n  class={{this.classNames}}\\n  @isOpen={{(or @isOpen (eq @forceState \\\"open\\\"))}}\\n  @onClickToggle={{@onClickToggle}}\\n  ...attributes\\n>\\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        @size={{this.size}}\\n        @parentContainsInteractive={{this.containsInteractive}}\\n      />\\n\\n      <Hds::Text::Body\\n        @tag=\\\"div\\\"\\n        @size={{this.toggleTextSize}}\\n        @weight=\\\"semibold\\\"\\n        @color=\\\"strong\\\"\\n        class=\\\"hds-accordion-item__toggle-content\\\"\\n      >\\n        {{yield to=\\\"toggle\\\"}}\\n      </Hds::Text::Body>\\n    </div>\\n  </:toggle>\\n\\n  <:content as |c|>\\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 (hash close=c.close) 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 { assert } from '@ember/debug';\nimport { guidFor } from '@ember/object/internals';\n\nimport { HdsAccordionSizeValues, HdsAccordionTypeValues } from '../types.ts';\nimport type {\n  HdsAccordionForceStates,\n  HdsAccordionSizes,\n  HdsAccordionTypes,\n} from '../types.ts';\n\nexport const SIZES: string[] = Object.values(HdsAccordionSizeValues);\nexport const DEFAULT_SIZE = HdsAccordionSizeValues.Medium;\n\nexport const TYPES: string[] = Object.values(HdsAccordionTypeValues);\nexport const DEFAULT_TYPE = HdsAccordionTypeValues.Card;\n\nconst TEXT_SIZE_MAP = {\n  small: 100,\n  medium: 200,\n  large: 300,\n};\n\nexport interface HdsAccordionItemSignature {\n  Args: {\n    ariaLabel?: string;\n    isOpen?: boolean;\n    isStatic?: boolean;\n    containsInteractive?: boolean;\n    size?: HdsAccordionSizes;\n    type?: HdsAccordionTypes;\n    forceState?: HdsAccordionForceStates;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onClickToggle?: (event: MouseEvent, ...args: any[]) => void;\n  };\n  Blocks: {\n    toggle?: [];\n    content: [\n      {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        close: (...args: any[]) => void;\n      },\n    ];\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(): string {\n    return this.args.ariaLabel ?? 'Toggle display';\n  }\n\n  /**\n   * @param containsInteractive\n   * @type {boolean}\n   * @default false\n   */\n  get containsInteractive(): boolean {\n    return this.args.containsInteractive ?? false;\n  }\n\n  /**\n   * @param toggleTextSize\n   * @type {HdsTextSizes}\n   * @default 'medium'\n   */\n  get toggleTextSize(): number {\n    const size = this.args.size ?? DEFAULT_SIZE;\n    return TEXT_SIZE_MAP[size];\n  }\n\n  /**\n   * Sets the size for the component\n   *\n   * @param size\n   * @type {HdsAccordionSizes}\n   * @default 'medium'\n   */\n  get size(): HdsAccordionSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Accordion::Item\" 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   * Sets the type of the component\n   *\n   * @param type\n   * @type {HdsAccordionTypes}\n   * @default 'card'\n   */\n  get type(): HdsAccordionTypes {\n    const { type = DEFAULT_TYPE } = this.args;\n\n    assert(\n      `@type for \"Hds::Accordion::Item\" must be one of the following: ${TYPES.join(\n        ', '\n      )}; received: ${type}`,\n      TYPES.includes(type)\n    );\n\n    return type;\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 = ['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    // add a class based on the @isStatic argument\n    if (this.args.isStatic) {\n      classes.push('hds-accordion-item--is-static');\n    }\n\n    // add a class based on the @size argument\n    classes.push(`hds-accordion-item--size-${this.size}`);\n\n    // add a class based on the @type argument\n    classes.push(`hds-accordion-item--type-${this.type}`);\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":["SIZES","Object","values","HdsAccordionSizeValues","DEFAULT_SIZE","Medium","TYPES","HdsAccordionTypeValues","DEFAULT_TYPE","Card","TEXT_SIZE_MAP","small","medium","large","HdsAccordionItemComponent","Component","constructor","args","_defineProperty","guidFor","ariaLabel","containsInteractive","toggleTextSize","size","assert","join","includes","type","classNames","classes","isOpen","push","isStatic","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"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\\n  class={{this.classNames}}\\n  @isOpen={{(or @isOpen (eq @forceState \\\"open\\\"))}}\\n  @onClickToggle={{@onClickToggle}}\\n  ...attributes\\n>\\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={{@ariaLabel}}\\n        @ariaLabelledBy={{this.ariaLabelledBy}}\\n        @size={{this.size}}\\n        @parentContainsInteractive={{this.containsInteractive}}\\n      />\\n\\n      <Hds::Text::Body\\n        @tag={{this.titleTag}}\\n        @size={{this.toggleTextSize}}\\n        @weight=\\\"semibold\\\"\\n        @color=\\\"strong\\\"\\n        id={{this.titleId}}\\n        class=\\\"hds-accordion-item__toggle-content\\\"\\n      >\\n        {{yield to=\\\"toggle\\\"}}\\n      </Hds::Text::Body>\\n    </div>\\n  </:toggle>\\n\\n  <:content as |c|>\\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 (hash close=c.close) 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 { assert } from '@ember/debug';\nimport { guidFor } from '@ember/object/internals';\n\nimport {\n  HdsAccordionSizeValues,\n  HdsAccordionTypeValues,\n  HdsAccordionItemTitleTagValues,\n} from '../types.ts';\nimport type {\n  HdsAccordionForceStates,\n  HdsAccordionSizes,\n  HdsAccordionTypes,\n  HdsAccordionItemTitleTags,\n} from '../types.ts';\n\nexport const SIZES: string[] = Object.values(HdsAccordionSizeValues);\nexport const DEFAULT_SIZE = HdsAccordionSizeValues.Medium;\n\nexport const TYPES: string[] = Object.values(HdsAccordionTypeValues);\nexport const DEFAULT_TYPE = HdsAccordionTypeValues.Card;\n\nconst TEXT_SIZE_MAP = {\n  small: 100,\n  medium: 200,\n  large: 300,\n};\n\nexport interface HdsAccordionItemSignature {\n  Args: {\n    ariaLabel?: string;\n    containsInteractive?: boolean;\n    forceState?: HdsAccordionForceStates;\n    isOpen?: boolean;\n    isStatic?: boolean;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onClickToggle?: (event: MouseEvent, ...args: any[]) => void;\n    size?: HdsAccordionSizes;\n    titleTag?: HdsAccordionItemTitleTags;\n    type?: HdsAccordionTypes;\n  };\n  Blocks: {\n    toggle?: [];\n    content: [\n      {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        close: (...args: any[]) => void;\n      },\n    ];\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsAccordionItem extends Component<HdsAccordionItemSignature> {\n  /**\n   * Generates a unique ID for the Content\n   *\n   * @param contentId\n   */\n  contentId = 'content-' + guidFor(this);\n  titleId = 'title-' + guidFor(this);\n\n  get ariaLabelledBy(): string | undefined {\n    if (!this.args.ariaLabel) {\n      return this.titleId;\n    }\n    return undefined;\n  }\n\n  /**\n   * @param containsInteractive\n   * @type {boolean}\n   * @default false\n   */\n  get containsInteractive(): boolean {\n    return this.args.containsInteractive ?? false;\n  }\n\n  /**\n   * @param toggleTextSize\n   * @type {HdsTextSizes}\n   * @default 'medium'\n   */\n  get toggleTextSize(): number {\n    const size = this.args.size ?? DEFAULT_SIZE;\n    return TEXT_SIZE_MAP[size];\n  }\n\n  /**\n   * Sets the size for the component\n   *\n   * @param size\n   * @type {HdsAccordionSizes}\n   * @default 'medium'\n   */\n  get size(): HdsAccordionSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Accordion::Item\" 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   * Sets the type of the component\n   *\n   * @param type\n   * @type {HdsAccordionTypes}\n   * @default 'card'\n   */\n  get type(): HdsAccordionTypes {\n    const { type = DEFAULT_TYPE } = this.args;\n\n    assert(\n      `@type for \"Hds::Accordion::Item\" must be one of the following: ${TYPES.join(\n        ', '\n      )}; received: ${type}`,\n      TYPES.includes(type)\n    );\n\n    return type;\n  }\n\n  get titleTag(): HdsAccordionItemTitleTags {\n    return this.args.titleTag ?? HdsAccordionItemTitleTagValues.Div;\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 = ['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    // add a class based on the @isStatic argument\n    if (this.args.isStatic) {\n      classes.push('hds-accordion-item--is-static');\n    }\n\n    // add a class based on the @size argument\n    classes.push(`hds-accordion-item--size-${this.size}`);\n\n    // add a class based on the @type argument\n    classes.push(`hds-accordion-item--type-${this.type}`);\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":["SIZES","Object","values","HdsAccordionSizeValues","DEFAULT_SIZE","Medium","TYPES","HdsAccordionTypeValues","DEFAULT_TYPE","Card","TEXT_SIZE_MAP","small","medium","large","HdsAccordionItem","Component","constructor","args","_defineProperty","guidFor","ariaLabelledBy","ariaLabel","titleId","undefined","containsInteractive","toggleTextSize","size","assert","join","includes","type","titleTag","HdsAccordionItemTitleTagValues","Div","classNames","classes","isOpen","push","isStatic","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -19,6 +19,16 @@ let HdsAccordionForceStateValues = /*#__PURE__*/function (HdsAccordionForceState
   HdsAccordionForceStateValues["Close"] = "close";
   return HdsAccordionForceStateValues;
 }({});
+let HdsAccordionItemTitleTagValues = /*#__PURE__*/function (HdsAccordionItemTitleTagValues) {
+  HdsAccordionItemTitleTagValues["Div"] = "div";
+  HdsAccordionItemTitleTagValues["H1"] = "h1";
+  HdsAccordionItemTitleTagValues["H2"] = "h2";
+  HdsAccordionItemTitleTagValues["H3"] = "h3";
+  HdsAccordionItemTitleTagValues["H4"] = "h4";
+  HdsAccordionItemTitleTagValues["H5"] = "h5";
+  HdsAccordionItemTitleTagValues["H6"] = "h6";
+  return HdsAccordionItemTitleTagValues;
+}({});
 
-export { HdsAccordionForceStateValues, HdsAccordionSizeValues, HdsAccordionTypeValues };
+export { HdsAccordionForceStateValues, HdsAccordionItemTitleTagValues, HdsAccordionSizeValues, HdsAccordionTypeValues };
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/hds/accordion/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsAccordionTypeValues {\n  Card = 'card',\n  Flush = 'flush',\n}\nexport type HdsAccordionTypes = `${HdsAccordionTypeValues}`;\n\nexport enum HdsAccordionSizeValues {\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n}\nexport type HdsAccordionSizes = `${HdsAccordionSizeValues}`;\n\nexport enum HdsAccordionForceStateValues {\n  Open = 'open',\n  Close = 'close',\n}\nexport type HdsAccordionForceStates = `${HdsAccordionForceStateValues}`;\n"],"names":["HdsAccordionTypeValues","HdsAccordionSizeValues","HdsAccordionForceStateValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,sBAAsB,0BAAtBA,sBAAsB,EAAA;EAAtBA,sBAAsB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAtBA,sBAAsB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAAtBA,sBAAsB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMtBC,IAAAA,sBAAsB,0BAAtBA,sBAAsB,EAAA;EAAtBA,sBAAsB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAtBA,sBAAsB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAtBA,sBAAsB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAAtBA,sBAAsB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOtBC,IAAAA,4BAA4B,0BAA5BA,4BAA4B,EAAA;EAA5BA,4BAA4B,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAA5BA,4BAA4B,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAA5BA,4BAA4B,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/accordion/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsAccordionTypeValues {\n  Card = 'card',\n  Flush = 'flush',\n}\nexport type HdsAccordionTypes = `${HdsAccordionTypeValues}`;\n\nexport enum HdsAccordionSizeValues {\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n}\nexport type HdsAccordionSizes = `${HdsAccordionSizeValues}`;\n\nexport enum HdsAccordionForceStateValues {\n  Open = 'open',\n  Close = 'close',\n}\nexport type HdsAccordionForceStates = `${HdsAccordionForceStateValues}`;\n\nexport enum HdsAccordionItemTitleTagValues {\n  Div = 'div',\n  H1 = 'h1',\n  H2 = 'h2',\n  H3 = 'h3',\n  H4 = 'h4',\n  H5 = 'h5',\n  H6 = 'h6',\n}\n\nexport type HdsAccordionItemTitleTags = `${HdsAccordionItemTitleTagValues}`;\n"],"names":["HdsAccordionTypeValues","HdsAccordionSizeValues","HdsAccordionForceStateValues","HdsAccordionItemTitleTagValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,sBAAsB,0BAAtBA,sBAAsB,EAAA;EAAtBA,sBAAsB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAtBA,sBAAsB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAAtBA,sBAAsB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMtBC,IAAAA,sBAAsB,0BAAtBA,sBAAsB,EAAA;EAAtBA,sBAAsB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAtBA,sBAAsB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAtBA,sBAAsB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAAtBA,sBAAsB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOtBC,IAAAA,4BAA4B,0BAA5BA,4BAA4B,EAAA;EAA5BA,4BAA4B,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAA5BA,4BAA4B,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAA5BA,4BAA4B,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAM5BC,IAAAA,8BAA8B,0BAA9BA,8BAA8B,EAAA;EAA9BA,8BAA8B,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAA9BA,8BAA8B,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAA9BA,8BAA8B,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAA9BA,8BAA8B,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAA9BA,8BAA8B,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAA9BA,8BAA8B,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAA9BA,8BAA8B,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAA9BA,8BAA8B,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

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

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsAlertDescriptionComponent = templateOnlyComponent();
-var description = setComponentTemplate(TEMPLATE, HdsAlertDescriptionComponent);
+const HdsAlertDescription = templateOnlyComponent();
+var description = setComponentTemplate(TEMPLATE, HdsAlertDescription);
 
 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.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,qBAAqB,EAAgC,CAAA;AAEvD,kBAAAC,oBAAA,CAAAC,QAAA,EAAeH,4BAA4B,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 HdsAlertDescription =\n  TemplateOnlyComponent<HdsAlertDescriptionSignature>();\n\nexport default HdsAlertDescription;\n"],"names":["HdsAlertDescription","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,kMAAkM;;ACDpO;AACA;AACA;AACA;;AAWA,MAAMA,mBAAmB,GACvBC,qBAAqB,EAAgC,CAAA;AAEvD,kBAAAC,oBAAA,CAAAC,QAAA,EAAeH,mBAAmB,CAAA;;;;"}

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

@@ -8,7 +8,7 @@ import { HdsAlertTypeValues, HdsAlertColorValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<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      <Hds::Icon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\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 = Object.values(HdsAlertTypeValues);
@@ -24,7 +24,7 @@ const MAPPING_COLORS_TO_ICONS = {
 const CONTENT_ELEMENT_SELECTOR = '.hds-alert__content';
 const TITLE_ELEMENT_SELECTOR = '.hds-alert__title';
 const DESCRIPTION_ELEMENT_SELECTOR = '.hds-alert__description';
-let HdsAlertComponent = (_class = class HdsAlertComponent extends Component {
+let HdsAlert = (_class = class HdsAlert extends Component {
   constructor(owner, args) {
     super(owner, args);
     _initializerDefineProperty(this, "role", _descriptor, this);
@@ -71,7 +71,7 @@ let HdsAlertComponent = (_class = class HdsAlertComponent extends Component {
       assert(`@icon for "Hds::Alert" with @type "compact" is required`, this.args.type !== 'compact');
       return false;
     } else {
-      // If a name for `icon` is passed, set FlightIcon to that name
+      // If a name for `icon` is passed, set HdsIcon to that name
       return icon;
     }
   }
@@ -149,7 +149,7 @@ let HdsAlertComponent = (_class = class HdsAlertComponent extends Component {
   writable: true,
   initializer: null
 }), _applyDecoratedDescriptor(_class.prototype, "didInsert", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsert"), _class.prototype)), _class);
-setComponentTemplate(TEMPLATE, HdsAlertComponent);
+setComponentTemplate(TEMPLATE, HdsAlert);
 
-export { COLORS, DEFAULT_COLOR, MAPPING_COLORS_TO_ICONS, TYPES, HdsAlertComponent as default };
+export { COLORS, DEFAULT_COLOR, MAPPING_COLORS_TO_ICONS, TYPES, HdsAlert 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.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';\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\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?: FlightIconSignature['Args']['name'] | 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(): HdsAlertColors {\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 false\n   * @description The name of the icon to be used.\n   */\n  get icon(): FlightIconSignature['Args']['name'] | false {\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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  get onDismiss(): ((event: MouseEvent, ...args: any[]) => void) | false {\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(): FlightIconSignature['Args']['size'] {\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(): string {\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): void {\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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"}
+{"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      <Hds::Icon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\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';\nimport type { HdsIconSignature } from '../icon';\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?: HdsIconSignature['Args']['name'] | 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 HdsAlert 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(): HdsAlertColors {\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 false\n   * @description The name of the icon to be used.\n   */\n  get icon(): HdsIconSignature['Args']['name'] | false {\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 HdsIcon to that name\n      return icon;\n    }\n  }\n\n  /**\n   * @param onDismiss\n   * @type {function}\n   * @default () => {}\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  get onDismiss(): ((event: MouseEvent, ...args: any[]) => void) | false {\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(): HdsIconSignature['Args']['size'] {\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(): string {\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): void {\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","HdsAlert","_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":";;;;;;;;;;AACA,eAAe,kBAAkB,CAAC,6oCAA6oC;;;ACqBxqC,MAAMA,KAAe,GAAGC,MAAM,CAACC,MAAM,CAACC,kBAAkB,EAAC;AACnDC,MAAAA,aAAa,GAAGC,mBAAmB,CAACC,QAAO;AACjD,MAAMC,MAAgB,GAAGN,MAAM,CAACC,MAAM,CAACG,mBAAmB,EAAC;AAE3D,MAAMG,uBAAuB,GAAG;AACrC,EAAA,CAACH,mBAAmB,CAACC,OAAO,GAAG,MAAM;AACrC,EAAA,CAACD,mBAAmB,CAACI,SAAS,GAAG,MAAM;AACvC,EAAA,CAACJ,mBAAmB,CAACK,OAAO,GAAG,cAAc;AAC7C,EAAA,CAACL,mBAAmB,CAACM,OAAO,GAAG,gBAAgB;EAC/C,CAACN,mBAAmB,CAACO,QAAQ,GAAG,eAAA;AAClC,EAAU;AAEV,MAAMC,wBAAwB,GAAG,qBAAqB,CAAA;AACtD,MAAMC,sBAAsB,GAAG,mBAAmB,CAAA;AAClD,MAAMC,4BAA4B,GAAG,yBAAyB,CAAA;AA2BzCC,IAAAA,QAAQ,IAAAC,MAAA,GAAd,MAAMD,QAAQ,SAASE,SAAS,CAAoB;AAIjEC,EAAAA,WAAWA,CAACC,KAAc,EAAEC,IAA+B,EAAE;AAC3D,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC,CAAA;AAACC,IAAAA,0BAAA,eAAAC,WAAA,EAAA,IAAA,CAAA,CAAA;AAAAD,IAAAA,0BAAA,yBAAAE,YAAA,EAAA,IAAA,CAAA,CAAA;IAEnBC,MAAM,CACJ,CAAwDzB,qDAAAA,EAAAA,KAAK,CAAC0B,IAAI,CAChE,IACF,CAAC,CAAA,YAAA,EAAe,IAAI,CAACL,IAAI,CAACM,IAAI,CAAE,CAAA,EAChC3B,KAAK,CAAC4B,QAAQ,CAAC,IAAI,CAACP,IAAI,CAACM,IAAI,CAC/B,CAAC,CAAA;AACH,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIE,KAAKA,GAAmB;IAC1B,MAAM;AAAEA,MAAAA,KAAK,GAAGzB,aAAAA;KAAe,GAAG,IAAI,CAACiB,IAAI,CAAA;AAE3CI,IAAAA,MAAM,CACJ,CAAyDlB,sDAAAA,EAAAA,MAAM,CAACmB,IAAI,CAClE,IACF,CAAC,CAAA,YAAA,EAAeG,KAAK,CAAA,CAAE,EACvBtB,MAAM,CAACqB,QAAQ,CAACC,KAAK,CACvB,CAAC,CAAA;AAED,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAA6C;IACnD,MAAM;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACT,IAAI,CAAA;;AAE1B;IACA,IAAIS,IAAI,KAAKC,SAAS,EAAE;AACtB,MAAA,IAAI,IAAI,CAACV,IAAI,CAACM,IAAI,KAAK,SAAS,EAAE;AAChC;AACA,QAAA,OAAO,GAAGnB,uBAAuB,CAAC,IAAI,CAACqB,KAAK,CAAC,CAAO,KAAA,CAAA,CAAA;AACtD,OAAC,MAAM;AACL;AACA,QAAA,OAAOrB,uBAAuB,CAAC,IAAI,CAACqB,KAAK,CAAC,CAAA;AAC5C,OAAA;AACA;AACF,KAAC,MAAM,IAAIC,IAAI,KAAK,KAAK,EAAE;MACzBL,MAAM,CACJ,CAAyD,uDAAA,CAAA,EACzD,IAAI,CAACJ,IAAI,CAACM,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;AACE;EACA,IAAIE,SAASA,GAA0D;IACrE,MAAM;AAAEA,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACX,IAAI,CAAA;AAE/B,IAAA,IAAI,OAAOW,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,GAAqC;AAC/C,IAAA,IAAI,IAAI,CAACZ,IAAI,CAACM,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,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,WAAW,CAAC,CAAA;;AAE7B;IACAA,OAAO,CAACC,IAAI,CAAC,CAAmB,gBAAA,EAAA,IAAI,CAACf,IAAI,CAACM,IAAI,CAAA,CAAE,CAAC,CAAA;;AAEjD;IACAQ,OAAO,CAACC,IAAI,CAAC,CAAA,iBAAA,EAAoB,IAAI,CAACP,KAAK,EAAE,CAAC,CAAA;AAE9C,IAAA,OAAOM,OAAO,CAACT,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;EAGAW,SAASA,CAACC,OAAuB,EAAQ;IACvC,MAAMC,OAAO,GAAGD,OAAO,CAACE,gBAAgB,CACtC,CAAA,EAAG3B,wBAAwB,CAAA,SAAA,EAAYA,wBAAwB,CAAA,EAAA,CACjE,CAAC,CAAA;IACD,IAAI0B,OAAO,CAACE,MAAM,EAAE;MAClB,IAAI,CAACC,IAAI,GAAG,aAAa,CAAA;AAC3B,KAAA;;AAEA;AACA;AACA,IAAA,MAAMC,KAAK,GACTL,OAAO,CAACM,aAAa,CAAC9B,sBAAsB,CAAC,IAC7CwB,OAAO,CAACM,aAAa,CAAC7B,4BAA4B,CAAC,CAAA;AACrD,IAAA,IAAI4B,KAAK,EAAE;AACT,MAAA,MAAME,OAAO,GAAGF,KAAK,CAACG,YAAY,CAAC,IAAI,CAAC,IAAIC,OAAO,CAACT,OAAO,CAAC,CAAA;AAC5DK,MAAAA,KAAK,CAACK,YAAY,CAAC,IAAI,EAAEH,OAAO,CAAC,CAAA;MACjC,IAAI,CAACI,cAAc,GAAGJ,OAAO,CAAA;AAC/B,KAAA;AACF,GAAA;AACF,CAAC,GAAAtB,WAAA,GAAA2B,yBAAA,CAAAjC,MAAA,CAAAkC,SAAA,EAAA,MAAA,EAAA,CAnIEC,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,CAAAhC,CAAAA,EAAAA,YAAA,GAAA0B,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,EA8GPM,WAAAA,EAAAA,CAAAA,MAAM,GAAAxD,MAAA,CAAAyD,wBAAA,CAAAzC,MAAA,CAAAkC,SAAA,EAAA,WAAA,CAAA,EAAAlC,MAAA,CAAAkC,SAAA,IAAAlC,MAAA,EAAA;AAhHoB0C,oBAAA,CAAAC,QAAA,EAAR5C,QAAQ,CAAA;;;;"}

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

@@ -1,16 +1,21 @@
-import templateOnlyComponent from '@ember/component/template-only';
+import Component from '@glimmer/component';
+import { HdsAlertTitleTagValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<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{{! IMPORTANT: we removed any extra newlines before/after the `let` to reduce the issues with unexpected whitespaces (see https://github.com/hashicorp/design-system/pull/1652) }}\n{{#let (element this.componentTag) as |Tag|}}<Tag\n    class=\"hds-alert__title hds-typography-body-200 hds-font-weight-semibold\"\n    ...attributes\n  >{{yield}}</Tag>{{/let}}");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsAlertTitleComponent = templateOnlyComponent();
-var title = setComponentTemplate(TEMPLATE, HdsAlertTitleComponent);
+class HdsAlertTitle extends Component {
+  get componentTag() {
+    return this.args.tag ?? HdsAlertTitleTagValues.Div;
+  }
+}
+setComponentTemplate(TEMPLATE, HdsAlertTitle);
 
-export { title as default };
+export { HdsAlertTitle 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.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,qBAAqB,EAA0B,CAAA;AAE9E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,sBAAsB,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{{! IMPORTANT: we removed any extra newlines before/after the `let` to reduce the issues with unexpected whitespaces (see https://github.com/hashicorp/design-system/pull/1652) }}\\n{{#let (element this.componentTag) as |Tag|}}<Tag\\n    class=\\\"hds-alert__title hds-typography-body-200 hds-font-weight-semibold\\\"\\n    ...attributes\\n  >{{yield}}</Tag>{{/let}}\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { HdsAlertTitleTagValues } from './types.ts';\nimport type { HdsAlertTitleTags } from './types';\nexport interface HdsAlertTitleSignature {\n  Args: {\n    tag?: HdsAlertTitleTags;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAlertTitle extends Component<HdsAlertTitleSignature> {\n  get componentTag(): HdsAlertTitleTags {\n    return this.args.tag ?? HdsAlertTitleTagValues.Div;\n  }\n}\n"],"names":["HdsAlertTitle","Component","componentTag","args","tag","HdsAlertTitleTagValues","Div","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,qbAAqb;;ACDvd;AACA;AACA;AACA;;AAee,MAAMA,aAAa,SAASC,SAAS,CAAyB;EAC3E,IAAIC,YAAYA,GAAsB;IACpC,OAAO,IAAI,CAACC,IAAI,CAACC,GAAG,IAAIC,sBAAsB,CAACC,GAAG,CAAA;AACpD,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAJoBR,aAAa,CAAA;;;;"}

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

@@ -17,6 +17,16 @@ let HdsAlertColorValues = /*#__PURE__*/function (HdsAlertColorValues) {
   HdsAlertColorValues["Critical"] = "critical";
   return HdsAlertColorValues;
 }({});
+let HdsAlertTitleTagValues = /*#__PURE__*/function (HdsAlertTitleTagValues) {
+  HdsAlertTitleTagValues["Div"] = "div";
+  HdsAlertTitleTagValues["H1"] = "h1";
+  HdsAlertTitleTagValues["H2"] = "h2";
+  HdsAlertTitleTagValues["H3"] = "h3";
+  HdsAlertTitleTagValues["H4"] = "h4";
+  HdsAlertTitleTagValues["H5"] = "h5";
+  HdsAlertTitleTagValues["H6"] = "h6";
+  return HdsAlertTitleTagValues;
+}({});
 
-export { HdsAlertColorValues, HdsAlertTypeValues };
+export { HdsAlertColorValues, HdsAlertTitleTagValues, HdsAlertTypeValues };
 //# sourceMappingURL=types.js.map

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

@@ -1 +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  Inline = '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,QAAA,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;;;;"}
+{"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  Inline = '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\nexport enum HdsAlertTitleTagValues {\n  Div = 'div',\n  H1 = 'h1',\n  H2 = 'h2',\n  H3 = 'h3',\n  H4 = 'h4',\n  H5 = 'h5',\n  H6 = 'h6',\n}\n\nexport type HdsAlertTitleTags = `${HdsAlertTitleTagValues}`;\n"],"names":["HdsAlertTypeValues","HdsAlertColorValues","HdsAlertTitleTagValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,kBAAkB,0BAAlBA,kBAAkB,EAAA;EAAlBA,kBAAkB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAlBA,kBAAkB,CAAA,QAAA,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,EAAA;AASnBC,IAAAA,sBAAsB,0BAAtBA,sBAAsB,EAAA;EAAtBA,sBAAsB,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAAtBA,sBAAsB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAtBA,sBAAsB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAtBA,sBAAsB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAtBA,sBAAsB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAtBA,sBAAsB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAtBA,sBAAsB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAtBA,sBAAsB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

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

@@ -2,14 +2,14 @@ import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<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  <Hds::Icon @name=\"hashicorp\" />\n  <Hds::Text::Body @tag=\"span\" @size=\"100\">© {{this.year}} HashiCorp</Hds::Text::Body>\n</div>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsAppFooterCopyrightComponent extends Component {
+class HdsAppFooterCopyright extends Component {
   /**
    * @param year
    * @type {string}
@@ -20,7 +20,7 @@ class HdsAppFooterCopyrightComponent extends Component {
     return this.args.year ?? new Date().getFullYear();
   }
 }
-setComponentTemplate(TEMPLATE, HdsAppFooterCopyrightComponent);
+setComponentTemplate(TEMPLATE, HdsAppFooterCopyright);
 
-export { HdsAppFooterCopyrightComponent as default };
+export { HdsAppFooterCopyright as default };
 //# sourceMappingURL=copyright.js.map

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.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(): string | number {\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,GAAoB;AAC1B,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  <Hds::Icon @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 HdsAppFooterCopyright 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(): string | number {\n    return this.args.year ?? new Date().getFullYear();\n  }\n}\n"],"names":["HdsAppFooterCopyright","Component","year","args","Date","getFullYear","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,kRAAkR;;ACDpT;AACA;AACA;AACA;;AAWe,MAAMA,qBAAqB,SAASC,SAAS,CAAiC;AAC3F;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAoB;AAC1B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,IAAI,IAAIE,IAAI,EAAE,CAACC,WAAW,EAAE,CAAA;AACnD,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAVoBP,qBAAqB,CAAA;;;;"}

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

@@ -9,7 +9,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsAppFooterComponent extends Component {
+class HdsAppFooter extends Component {
   /**
    * @param ariaLabel
    * @type {string}
@@ -42,7 +42,7 @@ class HdsAppFooterComponent extends Component {
     return classes.join(' ');
   }
 }
-setComponentTemplate(TEMPLATE, HdsAppFooterComponent);
+setComponentTemplate(TEMPLATE, HdsAppFooter);
 
-export { HdsAppFooterComponent as default };
+export { HdsAppFooter 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.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(): string {\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(): HdsAppFooterThemeTypes {\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(): string {\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,GAAW;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,cAAc,CAAA;AAC9C,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIE,KAAKA,GAA2B;AAClC,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,KAAK,IAAI,OAAO,CAAA;AACnC,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,gBAAgB,CAAC,CAAA;;AAElC;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,sBAAA,EAAyB,IAAI,CAACH,KAAK,EAAE,CAAC,CAAA;AAEnD,IAAA,OAAOE,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAjCoBV,qBAAqB,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 HdsAppFooter extends Component<HdsAppFooterSignature> {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'Footer items'\n   */\n  get ariaLabel(): string {\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(): HdsAppFooterThemeTypes {\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(): string {\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":["HdsAppFooter","Component","ariaLabel","args","theme","classNames","classes","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4pBAA4pB;;ACD9rB;AACA;AACA;AACA;;AAiCe,MAAMA,YAAY,SAASC,SAAS,CAAwB;AACzE;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAW;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,cAAc,CAAA;AAC9C,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIE,KAAKA,GAA2B;AAClC,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,KAAK,IAAI,OAAO,CAAA;AACnC,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,gBAAgB,CAAC,CAAA;;AAElC;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,sBAAA,EAAyB,IAAI,CAACH,KAAK,EAAE,CAAC,CAAA;AAEnD,IAAA,OAAOE,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAjCoBV,YAAY,CAAA;;;;"}

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

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsAppFooterItemComponent extends Component {}
-setComponentTemplate(TEMPLATE, HdsAppFooterItemComponent);
+class HdsAppFooterItem extends Component {}
+setComponentTemplate(TEMPLATE, HdsAppFooterItem);
 
-export { HdsAppFooterItemComponent as default };
+export { HdsAppFooterItem as default };
 //# sourceMappingURL=item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../../src/components/hds/app-footer/item.hbs","../../../../src/components/hds/app-footer/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\\n<li class=\\\"hds-app-footer__list-item\\\" ...attributes>\\n  {{yield}}\\n</li>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsAppFooterItemSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsAppFooterItemComponent extends Component<HdsAppFooterItemSignature> {}\n"],"names":["HdsAppFooterItemComponent","Component","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4JAA4J;;ACD9L;AACA;AACA;AACA;;AAWe,MAAMA,yBAAyB,SAASC,SAAS,CAA4B,EAAA;AAAEC,oBAAA,CAAAC,QAAA,EAAzEH,yBAAyB,CAAA;;;;"}
+{"version":3,"file":"item.js","sources":["../../../../src/components/hds/app-footer/item.hbs","../../../../src/components/hds/app-footer/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\\n<li class=\\\"hds-app-footer__list-item\\\" ...attributes>\\n  {{yield}}\\n</li>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsAppFooterItemSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsAppFooterItem extends Component<HdsAppFooterItemSignature> {}\n"],"names":["HdsAppFooterItem","Component","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4JAA4J;;ACD9L;AACA;AACA;AACA;;AAWe,MAAMA,gBAAgB,SAASC,SAAS,CAA4B,EAAA;AAAEC,oBAAA,CAAAC,QAAA,EAAhEH,gBAAgB,CAAA;;;;"}

package/dist/components/hds/app-footer/legal-links.js

@@ -9,7 +9,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsAppFooterLegalLinksComponent extends Component {
+class HdsAppFooterLegalLinks extends Component {
   /**
    * @param ariaLabel
    * @type {string}
@@ -64,7 +64,7 @@ class HdsAppFooterLegalLinksComponent extends Component {
     return this.args.hrefForAccessibility ?? 'https://www.hashicorp.com/accessibility';
   }
 }
-setComponentTemplate(TEMPLATE, HdsAppFooterLegalLinksComponent);
+setComponentTemplate(TEMPLATE, HdsAppFooterLegalLinks);
 
-export { HdsAppFooterLegalLinksComponent as default };
+export { HdsAppFooterLegalLinks as default };
 //# sourceMappingURL=legal-links.js.map

package/dist/components/hds/app-footer/legal-links.js.map

@@ -1 +1 @@
-{"version":3,"file":"legal-links.js","sources":["../../../../src/components/hds/app-footer/legal-links.hbs","../../../../src/components/hds/app-footer/legal-links.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::AppFooter::Item>\\n  <ul class=\\\"hds-app-footer__legal-links\\\" aria-label={{this.ariaLabel}} ...attributes>\\n    <Hds::AppFooter::Link @href={{this.hrefForSupport}}>Support</Hds::AppFooter::Link>\\n    <Hds::AppFooter::Link @href={{this.hrefForTerms}}>Terms</Hds::AppFooter::Link>\\n    <Hds::AppFooter::Link @href={{this.hrefForPrivacy}}>Privacy</Hds::AppFooter::Link>\\n    <Hds::AppFooter::Link @href={{this.hrefForSecurity}}>Security</Hds::AppFooter::Link>\\n    <Hds::AppFooter::Link @href={{this.hrefForAccessibility}}>Accessibility</Hds::AppFooter::Link>\\n  </ul>\\n</Hds::AppFooter::Item>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsAppFooterLegalLinksSignature {\n  Args: {\n    ariaLabel?: string;\n    hrefForTerms?: string;\n    hrefForPrivacy?: string;\n    hrefForSecurity?: string;\n    hrefForSupport?: string;\n    hrefForAccessibility?: string;\n  };\n  Element: HTMLUListElement;\n}\n\nexport default class HdsAppFooterLegalLinksComponent extends Component<HdsAppFooterLegalLinksSignature> {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'Legal links'\n   */\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'Legal links';\n  }\n\n  /**\n   * @param hrefForSupport\n   * @type {string}\n   * @description The href value of the \"Support\" link\n   */\n  get hrefForSupport(): string {\n    return this.args.hrefForSupport ?? 'https://www.hashicorp.com/support';\n  }\n\n  /**\n   * @param hrefForTerms\n   * @type {string}\n   * @description The href value of the \"Terms\" link\n   */\n  get hrefForTerms(): string {\n    return (\n      this.args.hrefForTerms ?? 'https://www.hashicorp.com/terms-of-service'\n    );\n  }\n\n  /**\n   * @param hrefForPrivacy\n   * @type {string}\n   * @description The href value of the \"Privacy\" link\n   */\n  get hrefForPrivacy(): string {\n    return this.args.hrefForPrivacy ?? 'https://www.hashicorp.com/privacy';\n  }\n\n  /**\n   * @param hrefForSecurity\n   * @type {string}\n   * @description The href value of the \"Security\" link\n   */\n  get hrefForSecurity(): string {\n    return this.args.hrefForSecurity ?? 'https://www.hashicorp.com/security';\n  }\n\n  /**\n   * @param hrefForAccessibility\n   * @type {string}\n   * @description The href value of the \"Accessibility\" link\n   */\n  get hrefForAccessibility(): string {\n    return (\n      this.args.hrefForAccessibility ??\n      'https://www.hashicorp.com/accessibility'\n    );\n  }\n}\n"],"names":["HdsAppFooterLegalLinksComponent","Component","ariaLabel","args","hrefForSupport","hrefForTerms","hrefForPrivacy","hrefForSecurity","hrefForAccessibility","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,sqBAAsqB;;ACDxsB;AACA;AACA;AACA;;AAgBe,MAAMA,+BAA+B,SAASC,SAAS,CAAkC;AACtG;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAW;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,aAAa,CAAA;AAC7C,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIE,cAAcA,GAAW;AAC3B,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,cAAc,IAAI,mCAAmC,CAAA;AACxE,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,YAAYA,GAAW;AACzB,IAAA,OACE,IAAI,CAACF,IAAI,CAACE,YAAY,IAAI,4CAA4C,CAAA;AAE1E,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,cAAcA,GAAW;AAC3B,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,cAAc,IAAI,mCAAmC,CAAA;AACxE,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,eAAeA,GAAW;AAC5B,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,eAAe,IAAI,oCAAoC,CAAA;AAC1E,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,oBAAoBA,GAAW;AACjC,IAAA,OACE,IAAI,CAACL,IAAI,CAACK,oBAAoB,IAC9B,yCAAyC,CAAA;AAE7C,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA3DoBV,+BAA+B,CAAA;;;;"}
+{"version":3,"file":"legal-links.js","sources":["../../../../src/components/hds/app-footer/legal-links.hbs","../../../../src/components/hds/app-footer/legal-links.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::AppFooter::Item>\\n  <ul class=\\\"hds-app-footer__legal-links\\\" aria-label={{this.ariaLabel}} ...attributes>\\n    <Hds::AppFooter::Link @href={{this.hrefForSupport}}>Support</Hds::AppFooter::Link>\\n    <Hds::AppFooter::Link @href={{this.hrefForTerms}}>Terms</Hds::AppFooter::Link>\\n    <Hds::AppFooter::Link @href={{this.hrefForPrivacy}}>Privacy</Hds::AppFooter::Link>\\n    <Hds::AppFooter::Link @href={{this.hrefForSecurity}}>Security</Hds::AppFooter::Link>\\n    <Hds::AppFooter::Link @href={{this.hrefForAccessibility}}>Accessibility</Hds::AppFooter::Link>\\n  </ul>\\n</Hds::AppFooter::Item>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsAppFooterLegalLinksSignature {\n  Args: {\n    ariaLabel?: string;\n    hrefForTerms?: string;\n    hrefForPrivacy?: string;\n    hrefForSecurity?: string;\n    hrefForSupport?: string;\n    hrefForAccessibility?: string;\n  };\n  Element: HTMLUListElement;\n}\n\nexport default class HdsAppFooterLegalLinks extends Component<HdsAppFooterLegalLinksSignature> {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'Legal links'\n   */\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'Legal links';\n  }\n\n  /**\n   * @param hrefForSupport\n   * @type {string}\n   * @description The href value of the \"Support\" link\n   */\n  get hrefForSupport(): string {\n    return this.args.hrefForSupport ?? 'https://www.hashicorp.com/support';\n  }\n\n  /**\n   * @param hrefForTerms\n   * @type {string}\n   * @description The href value of the \"Terms\" link\n   */\n  get hrefForTerms(): string {\n    return (\n      this.args.hrefForTerms ?? 'https://www.hashicorp.com/terms-of-service'\n    );\n  }\n\n  /**\n   * @param hrefForPrivacy\n   * @type {string}\n   * @description The href value of the \"Privacy\" link\n   */\n  get hrefForPrivacy(): string {\n    return this.args.hrefForPrivacy ?? 'https://www.hashicorp.com/privacy';\n  }\n\n  /**\n   * @param hrefForSecurity\n   * @type {string}\n   * @description The href value of the \"Security\" link\n   */\n  get hrefForSecurity(): string {\n    return this.args.hrefForSecurity ?? 'https://www.hashicorp.com/security';\n  }\n\n  /**\n   * @param hrefForAccessibility\n   * @type {string}\n   * @description The href value of the \"Accessibility\" link\n   */\n  get hrefForAccessibility(): string {\n    return (\n      this.args.hrefForAccessibility ??\n      'https://www.hashicorp.com/accessibility'\n    );\n  }\n}\n"],"names":["HdsAppFooterLegalLinks","Component","ariaLabel","args","hrefForSupport","hrefForTerms","hrefForPrivacy","hrefForSecurity","hrefForAccessibility","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,sqBAAsqB;;ACDxsB;AACA;AACA;AACA;;AAgBe,MAAMA,sBAAsB,SAASC,SAAS,CAAkC;AAC7F;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAW;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,aAAa,CAAA;AAC7C,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIE,cAAcA,GAAW;AAC3B,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,cAAc,IAAI,mCAAmC,CAAA;AACxE,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,YAAYA,GAAW;AACzB,IAAA,OACE,IAAI,CAACF,IAAI,CAACE,YAAY,IAAI,4CAA4C,CAAA;AAE1E,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,cAAcA,GAAW;AAC3B,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,cAAc,IAAI,mCAAmC,CAAA;AACxE,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,eAAeA,GAAW;AAC5B,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,eAAe,IAAI,oCAAoC,CAAA;AAC1E,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,oBAAoBA,GAAW;AACjC,IAAA,OACE,IAAI,CAACL,IAAI,CAACK,oBAAoB,IAC9B,yCAAyC,CAAA;AAE7C,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA3DoBV,sBAAsB,CAAA;;;;"}

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

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsAppFooterLinkComponent extends Component {}
-setComponentTemplate(TEMPLATE, HdsAppFooterLinkComponent);
+class HdsAppFooterLink extends Component {}
+setComponentTemplate(TEMPLATE, HdsAppFooterLink);
 
-export { HdsAppFooterLinkComponent as default };
+export { HdsAppFooterLink as default };
 //# sourceMappingURL=link.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["../../../../src/components/hds/app-footer/link.hbs","../../../../src/components/hds/app-footer/link.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::AppFooter::Item>\\n  <Hds::Link::Inline\\n    class=\\\"hds-app-footer__link\\\"\\n    @color=\\\"secondary\\\"\\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    @icon={{@icon}}\\n    @iconPosition={{@iconPosition}}\\n    ...attributes\\n  ><Hds::Text::Body @tag=\\\"span\\\" @size=\\\"100\\\">{{yield}}</Hds::Text::Body></Hds::Link::Inline>\\n</Hds::AppFooter::Item>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport type { HdsInteractiveSignature } from '../interactive/';\nimport type { HdsLinkColors, HdsLinkIconPositions } from '../link/types.ts';\nimport type { HdsLinkInlineSignature } from '../link/inline.ts';\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\n\nexport interface HdsAppFooterLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    color?: HdsLinkColors;\n    icon?: FlightIconSignature['Args']['name'];\n    iconPosition?: HdsLinkIconPositions;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsLinkInlineSignature['Element'];\n}\n\nexport default class HdsAppFooterLinkComponent extends Component<HdsAppFooterLinkSignature> {}\n"],"names":["HdsAppFooterLinkComponent","Component","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+pBAA+pB;;ACDjsB;AACA;AACA;AACA;;AAqBe,MAAMA,yBAAyB,SAASC,SAAS,CAA4B,EAAA;AAAEC,oBAAA,CAAAC,QAAA,EAAzEH,yBAAyB,CAAA;;;;"}
+{"version":3,"file":"link.js","sources":["../../../../src/components/hds/app-footer/link.hbs","../../../../src/components/hds/app-footer/link.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::AppFooter::Item>\\n  <Hds::Link::Inline\\n    class=\\\"hds-app-footer__link\\\"\\n    @color=\\\"secondary\\\"\\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    @icon={{@icon}}\\n    @iconPosition={{@iconPosition}}\\n    ...attributes\\n  ><Hds::Text::Body @tag=\\\"span\\\" @size=\\\"100\\\">{{yield}}</Hds::Text::Body></Hds::Link::Inline>\\n</Hds::AppFooter::Item>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport type { HdsInteractiveSignature } from '../interactive/';\nimport type { HdsLinkColors, HdsLinkIconPositions } from '../link/types.ts';\nimport type { HdsLinkInlineSignature } from '../link/inline.ts';\nimport type { HdsIconSignature } from '../icon';\n\nexport interface HdsAppFooterLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    color?: HdsLinkColors;\n    icon?: HdsIconSignature['Args']['name'];\n    iconPosition?: HdsLinkIconPositions;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsLinkInlineSignature['Element'];\n}\n\nexport default class HdsAppFooterLink extends Component<HdsAppFooterLinkSignature> {}\n"],"names":["HdsAppFooterLink","Component","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+pBAA+pB;;ACDjsB;AACA;AACA;AACA;;AAqBe,MAAMA,gBAAgB,SAASC,SAAS,CAA4B,EAAA;AAAEC,oBAAA,CAAAC,QAAA,EAAhEH,gBAAgB,CAAA;;;;"}

package/dist/components/hds/app-footer/status-link.js

@@ -13,7 +13,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  */
 
 const STATUSES = HdsAppFooterStatusLinkStatusValues;
-class HdsAppFooterStatusLinkComponent extends Component {
+class HdsAppFooterStatusLink extends Component {
   constructor(owner, args) {
     super(owner, args);
     assert('Either @status or @text for "Hds::AppFooter::StatusLink" must have a valid value', this.args.text !== undefined || this.args.status);
@@ -33,17 +33,8 @@ class HdsAppFooterStatusLinkComponent extends Component {
     }
     return status;
   }
-
-  /**
-   * @param statusIcon
-   * @type {string}
-   * @description The name for the StatusLink icon
-   */
   get statusIcon() {
-    if (this.status && !this.args.statusIcon) {
-      return STATUSES[this.status]?.iconName;
-    }
-    return this.args.statusIcon;
+    return this.args.statusIcon ?? (this.status !== undefined ? STATUSES[this.status]?.iconName : undefined);
   }
 
   /**
@@ -95,7 +86,7 @@ class HdsAppFooterStatusLinkComponent extends Component {
     return classes.join(' ');
   }
 }
-setComponentTemplate(TEMPLATE, HdsAppFooterStatusLinkComponent);
+setComponentTemplate(TEMPLATE, HdsAppFooterStatusLink);
 
-export { STATUSES, HdsAppFooterStatusLinkComponent as default };
+export { STATUSES, HdsAppFooterStatusLink as default };
 //# sourceMappingURL=status-link.js.map

package/dist/components/hds/app-footer/status-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"status-link.js","sources":["../../../../src/components/hds/app-footer/status-link.hbs","../../../../src/components/hds/app-footer/status-link.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::AppFooter::Link\\n  class={{this.classNames}}\\n  style={{this.itemStyle}}\\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={{this.href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  @icon={{this.statusIcon}}\\n  @iconPosition=\\\"leading\\\"\\n  ...attributes\\n>{{this.text}}</Hds::AppFooter::Link>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { htmlSafe } from '@ember/template';\nimport type { SafeString } from '@ember/template/-private/handlebars';\nimport { assert } from '@ember/debug';\n\nimport type { HdsInteractiveSignature } from '../interactive/';\nimport { HdsAppFooterStatusLinkStatusValues } from './types.ts';\nimport type { HdsAppFooterStatusTypes } from './types.ts';\nimport type { HdsAppFooterLinkSignature } from './link.ts';\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\n\nexport const STATUSES = HdsAppFooterStatusLinkStatusValues;\n\nexport interface HdsAppFooterStatusLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    itemStyle?: SafeString;\n    status?: HdsAppFooterStatusTypes;\n    statusIcon?: FlightIconSignature['Args']['name'];\n    statusIconColor?: string;\n    text?: string;\n  };\n  Element: HdsAppFooterLinkSignature['Element'];\n}\n\nexport default class HdsAppFooterStatusLinkComponent extends Component<HdsAppFooterStatusLinkSignature> {\n  constructor(owner: unknown, args: HdsInteractiveSignature['Args']) {\n    super(owner, args);\n\n    assert(\n      'Either @status or @text for \"Hds::AppFooter::StatusLink\" must have a valid value',\n      this.args.text !== undefined || this.args.status\n    );\n  }\n\n  /**\n   * @param status\n   * @type {HdsAppFooterStatusTypes}\n   * @description The name of the status which the StatusLink is being set to\n   */\n  get status(): HdsAppFooterStatusTypes | undefined {\n    let status;\n    if (this.args.status) {\n      status = this.args.status.toLowerCase();\n      assert(\n        `@status for \"Hds::AppFooter\" must be one of the following: ${Object.keys(\n          STATUSES\n        ).join(', ')} received: ${this.args.status}`,\n\n        status in STATUSES\n      );\n      return status as HdsAppFooterStatusTypes;\n    }\n    return status;\n  }\n\n  /**\n   * @param statusIcon\n   * @type {string}\n   * @description The name for the StatusLink icon\n   */\n  get statusIcon(): FlightIconSignature['Args']['name'] {\n    if (this.status && !this.args.statusIcon) {\n      return STATUSES[this.status]?.iconName;\n    }\n    return this.args.statusIcon;\n  }\n\n  /**\n   * Get the inline style to apply to the item.\n   * @method StatusLink#itemStyle\n   * @return {string} The \"style\" attribute to apply to the item.\n   */\n  get itemStyle(): SafeString | undefined {\n    if (this.args.statusIconColor) {\n      return htmlSafe(\n        `--hds-app-footer-status-icon-color: ${this.args.statusIconColor}`\n      );\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * @param text\n   * @type {string}\n   * @description The text content of the StatusLink\n   */\n  get text(): string | undefined {\n    if (!this.args.text && this.status) {\n      return STATUSES[this.status]?.text;\n    }\n    return this.args.text;\n  }\n\n  /**\n   * @param href\n   * @type {string}\n   * @description The href value of the StatusLink\n   */\n  get href(): string {\n    return this.args.href ?? 'https://status.hashicorp.com';\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 = ['hds-app-footer__status-link'];\n\n    // add a class based on status if no statusIconColor is explicitly specified\n    if (this.status && !this.args.statusIconColor) {\n      classes.push(`hds-app-footer__status-link--${this.status}`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["STATUSES","HdsAppFooterStatusLinkStatusValues","HdsAppFooterStatusLinkComponent","Component","constructor","owner","args","assert","text","undefined","status","toLowerCase","Object","keys","join","statusIcon","iconName","itemStyle","statusIconColor","htmlSafe","href","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"status-link.js","sources":["../../../../src/components/hds/app-footer/status-link.hbs","../../../../src/components/hds/app-footer/status-link.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::AppFooter::Link\\n  class={{this.classNames}}\\n  style={{this.itemStyle}}\\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={{this.href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  @icon={{this.statusIcon}}\\n  @iconPosition=\\\"leading\\\"\\n  ...attributes\\n>{{this.text}}</Hds::AppFooter::Link>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { htmlSafe } from '@ember/template';\nimport type { SafeString } from '@ember/template/-private/handlebars';\nimport { assert } from '@ember/debug';\n\nimport type { HdsInteractiveSignature } from '../interactive/';\nimport { HdsAppFooterStatusLinkStatusValues } from './types.ts';\nimport type { HdsAppFooterStatusTypes } from './types.ts';\nimport type { HdsAppFooterLinkSignature } from './link.ts';\nimport type { HdsIconSignature } from '../icon';\n\nexport const STATUSES = HdsAppFooterStatusLinkStatusValues;\n\nexport interface HdsAppFooterStatusLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    itemStyle?: SafeString;\n    status?: HdsAppFooterStatusTypes;\n    statusIcon?: HdsIconSignature['Args']['name'];\n    statusIconColor?: string;\n    text?: string;\n  };\n  Element: HdsAppFooterLinkSignature['Element'];\n}\n\nexport default class HdsAppFooterStatusLink extends Component<HdsAppFooterStatusLinkSignature> {\n  constructor(owner: unknown, args: HdsInteractiveSignature['Args']) {\n    super(owner, args);\n\n    assert(\n      'Either @status or @text for \"Hds::AppFooter::StatusLink\" must have a valid value',\n      this.args.text !== undefined || this.args.status\n    );\n  }\n\n  /**\n   * @param status\n   * @type {HdsAppFooterStatusTypes}\n   * @description The name of the status which the StatusLink is being set to\n   */\n  get status(): HdsAppFooterStatusTypes | undefined {\n    let status;\n    if (this.args.status) {\n      status = this.args.status.toLowerCase();\n      assert(\n        `@status for \"Hds::AppFooter\" must be one of the following: ${Object.keys(\n          STATUSES\n        ).join(', ')} received: ${this.args.status}`,\n\n        status in STATUSES\n      );\n      return status as HdsAppFooterStatusTypes;\n    }\n    return status;\n  }\n\n  get statusIcon(): HdsIconSignature['Args']['name'] | undefined {\n    return (\n      this.args.statusIcon ??\n      (this.status !== undefined ? STATUSES[this.status]?.iconName : undefined)\n    );\n  }\n\n  /**\n   * Get the inline style to apply to the item.\n   * @method StatusLink#itemStyle\n   * @return {string} The \"style\" attribute to apply to the item.\n   */\n  get itemStyle(): SafeString | undefined {\n    if (this.args.statusIconColor) {\n      return htmlSafe(\n        `--hds-app-footer-status-icon-color: ${this.args.statusIconColor}`\n      );\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * @param text\n   * @type {string}\n   * @description The text content of the StatusLink\n   */\n  get text(): string | undefined {\n    if (!this.args.text && this.status) {\n      return STATUSES[this.status]?.text;\n    }\n    return this.args.text;\n  }\n\n  /**\n   * @param href\n   * @type {string}\n   * @description The href value of the StatusLink\n   */\n  get href(): string {\n    return this.args.href ?? 'https://status.hashicorp.com';\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 = ['hds-app-footer__status-link'];\n\n    // add a class based on status if no statusIconColor is explicitly specified\n    if (this.status && !this.args.statusIconColor) {\n      classes.push(`hds-app-footer__status-link--${this.status}`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["STATUSES","HdsAppFooterStatusLinkStatusValues","HdsAppFooterStatusLink","Component","constructor","owner","args","assert","text","undefined","status","toLowerCase","Object","keys","join","statusIcon","iconName","itemStyle","statusIconColor","htmlSafe","href","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AACA,eAAe,kBAAkB,CAAC,kiBAAkiB;;ACDpkB;AACA;AACA;AACA;;AAaO,MAAMA,QAAQ,GAAGC,mCAAkC;AAa3C,MAAMC,sBAAsB,SAASC,SAAS,CAAkC;AAC7FC,EAAAA,WAAWA,CAACC,KAAc,EAAEC,IAAqC,EAAE;AACjE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC,CAAA;AAElBC,IAAAA,MAAM,CACJ,kFAAkF,EAClF,IAAI,CAACD,IAAI,CAACE,IAAI,KAAKC,SAAS,IAAI,IAAI,CAACH,IAAI,CAACI,MAC5C,CAAC,CAAA;AACH,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIA,MAAMA,GAAwC;AAChD,IAAA,IAAIA,MAAM,CAAA;AACV,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACI,MAAM,EAAE;MACpBA,MAAM,GAAG,IAAI,CAACJ,IAAI,CAACI,MAAM,CAACC,WAAW,EAAE,CAAA;MACvCJ,MAAM,CACJ,CAA8DK,2DAAAA,EAAAA,MAAM,CAACC,IAAI,CACvEb,QACF,CAAC,CAACc,IAAI,CAAC,IAAI,CAAC,CAAc,WAAA,EAAA,IAAI,CAACR,IAAI,CAACI,MAAM,EAAE,EAE5CA,MAAM,IAAIV,QACZ,CAAC,CAAA;AACD,MAAA,OAAOU,MAAM,CAAA;AACf,KAAA;AACA,IAAA,OAAOA,MAAM,CAAA;AACf,GAAA;EAEA,IAAIK,UAAUA,GAAiD;IAC7D,OACE,IAAI,CAACT,IAAI,CAACS,UAAU,KACnB,IAAI,CAACL,MAAM,KAAKD,SAAS,GAAGT,QAAQ,CAAC,IAAI,CAACU,MAAM,CAAC,EAAEM,QAAQ,GAAGP,SAAS,CAAC,CAAA;AAE7E,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIQ,SAASA,GAA2B;AACtC,IAAA,IAAI,IAAI,CAACX,IAAI,CAACY,eAAe,EAAE;MAC7B,OAAOC,QAAQ,CACb,CAAuC,oCAAA,EAAA,IAAI,CAACb,IAAI,CAACY,eAAe,CAAA,CAClE,CAAC,CAAA;AACH,KAAC,MAAM;AACL,MAAA,OAAOT,SAAS,CAAA;AAClB,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAID,IAAIA,GAAuB;IAC7B,IAAI,CAAC,IAAI,CAACF,IAAI,CAACE,IAAI,IAAI,IAAI,CAACE,MAAM,EAAE;AAClC,MAAA,OAAOV,QAAQ,CAAC,IAAI,CAACU,MAAM,CAAC,EAAEF,IAAI,CAAA;AACpC,KAAA;AACA,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,IAAI,CAAA;AACvB,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIY,IAAIA,GAAW;AACjB,IAAA,OAAO,IAAI,CAACd,IAAI,CAACc,IAAI,IAAI,8BAA8B,CAAA;AACzD,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,6BAA6B,CAAC,CAAA;;AAE/C;IACA,IAAI,IAAI,CAACZ,MAAM,IAAI,CAAC,IAAI,CAACJ,IAAI,CAACY,eAAe,EAAE;MAC7CI,OAAO,CAACC,IAAI,CAAC,CAAA,6BAAA,EAAgC,IAAI,CAACb,MAAM,EAAE,CAAC,CAAA;AAC7D,KAAA;AAEA,IAAA,OAAOY,OAAO,CAACR,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACU,oBAAA,CAAAC,QAAA,EAzFoBvB,sBAAsB,CAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/hds/app-footer/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\n\nexport enum HdsAppFooterStatusValues {\n  Operational = 'operational',\n  Degraded = 'degraded',\n  Maintenance = 'maintenance',\n  Outage = 'outage',\n}\n\nexport type HdsAppFooterStatusTypes = `${HdsAppFooterStatusValues}`;\n\nexport const HdsAppFooterStatusLinkStatusValues: Record<\n  HdsAppFooterStatusValues,\n  {\n    text: string;\n    iconName: FlightIconSignature['Args']['name'];\n  }\n> = {\n  [HdsAppFooterStatusValues.Operational]: {\n    text: 'System operational',\n    iconName: 'check-circle',\n  },\n  [HdsAppFooterStatusValues.Degraded]: {\n    text: 'System degraded',\n    iconName: 'alert-triangle',\n  },\n  [HdsAppFooterStatusValues.Maintenance]: {\n    text: 'System maintenance',\n    iconName: 'alert-triangle',\n  },\n  [HdsAppFooterStatusValues.Outage]: {\n    text: 'System outage',\n    iconName: 'x-circle',\n  },\n};\n\nexport enum HdsAppFooterThemeValues {\n  Light = 'light',\n  Dark = 'dark',\n}\n\nexport type HdsAppFooterThemeTypes = `${HdsAppFooterThemeValues}`;\n"],"names":["HdsAppFooterStatusValues","HdsAppFooterStatusLinkStatusValues","Operational","text","iconName","Degraded","Maintenance","Outage","HdsAppFooterThemeValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAGYA,IAAAA,wBAAwB,0BAAxBA,wBAAwB,EAAA;EAAxBA,wBAAwB,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAxBA,wBAAwB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAxBA,wBAAwB,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAxBA,wBAAwB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAxBA,wBAAwB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAS7B,MAAMC,kCAMZ,GAAG;EACF,CAACD,wBAAwB,CAACE,WAAW,GAAG;AACtCC,IAAAA,IAAI,EAAE,oBAAoB;AAC1BC,IAAAA,QAAQ,EAAE,cAAA;GACX;EACD,CAACJ,wBAAwB,CAACK,QAAQ,GAAG;AACnCF,IAAAA,IAAI,EAAE,iBAAiB;AACvBC,IAAAA,QAAQ,EAAE,gBAAA;GACX;EACD,CAACJ,wBAAwB,CAACM,WAAW,GAAG;AACtCH,IAAAA,IAAI,EAAE,oBAAoB;AAC1BC,IAAAA,QAAQ,EAAE,gBAAA;GACX;EACD,CAACJ,wBAAwB,CAACO,MAAM,GAAG;AACjCJ,IAAAA,IAAI,EAAE,eAAe;AACrBC,IAAAA,QAAQ,EAAE,UAAA;AACZ,GAAA;AACF,EAAC;AAEWI,IAAAA,uBAAuB,0BAAvBA,uBAAuB,EAAA;EAAvBA,uBAAuB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAvBA,uBAAuB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAvBA,uBAAuB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/app-footer/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\nimport type { HdsIconSignature } from '../icon';\n\nexport enum HdsAppFooterStatusValues {\n  Operational = 'operational',\n  Degraded = 'degraded',\n  Maintenance = 'maintenance',\n  Outage = 'outage',\n}\n\nexport type HdsAppFooterStatusTypes = `${HdsAppFooterStatusValues}`;\n\nexport const HdsAppFooterStatusLinkStatusValues: Record<\n  HdsAppFooterStatusValues,\n  {\n    text: string;\n    iconName: HdsIconSignature['Args']['name'];\n  }\n> = {\n  [HdsAppFooterStatusValues.Operational]: {\n    text: 'System operational',\n    iconName: 'check-circle',\n  },\n  [HdsAppFooterStatusValues.Degraded]: {\n    text: 'System degraded',\n    iconName: 'alert-triangle',\n  },\n  [HdsAppFooterStatusValues.Maintenance]: {\n    text: 'System maintenance',\n    iconName: 'alert-triangle',\n  },\n  [HdsAppFooterStatusValues.Outage]: {\n    text: 'System outage',\n    iconName: 'x-circle',\n  },\n};\n\nexport enum HdsAppFooterThemeValues {\n  Light = 'light',\n  Dark = 'dark',\n}\n\nexport type HdsAppFooterThemeTypes = `${HdsAppFooterThemeValues}`;\n"],"names":["HdsAppFooterStatusValues","HdsAppFooterStatusLinkStatusValues","Operational","text","iconName","Degraded","Maintenance","Outage","HdsAppFooterThemeValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAGYA,IAAAA,wBAAwB,0BAAxBA,wBAAwB,EAAA;EAAxBA,wBAAwB,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAxBA,wBAAwB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAxBA,wBAAwB,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAxBA,wBAAwB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAxBA,wBAAwB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAS7B,MAAMC,kCAMZ,GAAG;EACF,CAACD,wBAAwB,CAACE,WAAW,GAAG;AACtCC,IAAAA,IAAI,EAAE,oBAAoB;AAC1BC,IAAAA,QAAQ,EAAE,cAAA;GACX;EACD,CAACJ,wBAAwB,CAACK,QAAQ,GAAG;AACnCF,IAAAA,IAAI,EAAE,iBAAiB;AACvBC,IAAAA,QAAQ,EAAE,gBAAA;GACX;EACD,CAACJ,wBAAwB,CAACM,WAAW,GAAG;AACtCH,IAAAA,IAAI,EAAE,oBAAoB;AAC1BC,IAAAA,QAAQ,EAAE,gBAAA;GACX;EACD,CAACJ,wBAAwB,CAACO,MAAM,GAAG;AACjCJ,IAAAA,IAAI,EAAE,eAAe;AACrBC,IAAAA,QAAQ,EAAE,UAAA;AACZ,GAAA;AACF,EAAC;AAEWI,IAAAA,uBAAuB,0BAAvBA,uBAAuB,EAAA;EAAvBA,uBAAuB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAvBA,uBAAuB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAvBA,uBAAuB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}