@hashicorp/design-system-components 4.2.0 → 4.3.0

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

@@ -1,10 +1,16 @@
-import templateOnly from '@ember/component/template-only';
+import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<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>");
+var TEMPLATE = 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>");
 
-var link = setComponentTemplate(TEMPLATE, templateOnly());
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
 
-export { link as default };
+class HdsAppFooterLinkComponent extends Component {}
+setComponentTemplate(TEMPLATE, HdsAppFooterLinkComponent);
+
+export { HdsAppFooterLinkComponent 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.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::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>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,wsBAAwsB;;ACA1uB,WAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,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';\n\nexport interface HdsAppFooterLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    color?: HdsLinkColors;\n    icon?: string;\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;;AAoBe,MAAMA,yBAAyB,SAASC,SAAS,CAA4B,EAAA;AAAEC,oBAAA,CAAAC,QAAA,EAAzEH,yBAAyB,CAAA;;;;"}

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

@@ -1,50 +1,35 @@
 import Component from '@glimmer/component';
 import { htmlSafe } from '@ember/template';
 import { assert } from '@ember/debug';
+import { HdsAppFooterStatusLinkStatusValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\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>");
+var TEMPLATE = 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>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const STATUSES = {
-  operational: {
-    text: 'System operational',
-    iconName: 'check-circle'
-  },
-  degraded: {
-    text: 'System degraded',
-    iconName: 'alert-triangle'
-  },
-  maintenance: {
-    text: 'System maintenance',
-    iconName: 'alert-triangle'
-  },
-  outage: {
-    text: 'System outage',
-    iconName: 'x-circle'
-  }
-};
+const STATUSES = HdsAppFooterStatusLinkStatusValues;
 class HdsAppFooterStatusLinkComponent extends Component {
-  constructor() {
-    super(...arguments);
+  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);
   }
 
   /**
    * @param status
-   * @type {string}
+   * @type {HdsAppFooterStatusTypes}
    * @description The name of the status which the StatusLink is being set to
    */
   get status() {
     let status;
     if (this.args.status) {
       status = this.args.status.toLowerCase();
-      assert(`@status for "Hds::AppFooter" must be one of the following: ${Object.keys(STATUSES).join(', ')} received: ${this.args.status}`, Object.keys(STATUSES).includes(status));
+      assert(`@status for "Hds::AppFooter" must be one of the following: ${Object.keys(STATUSES).join(', ')} received: ${this.args.status}`, status in STATUSES);
+      return status;
     }
     return status;
   }
@@ -56,7 +41,7 @@ class HdsAppFooterStatusLinkComponent extends Component {
    */
   get statusIcon() {
     if (this.status && !this.args.statusIcon) {
-      return STATUSES[this.status].iconName;
+      return STATUSES[this.status]?.iconName;
     }
     return this.args.statusIcon;
   }
@@ -80,8 +65,8 @@ class HdsAppFooterStatusLinkComponent extends Component {
    * @description The text content of the StatusLink
    */
   get text() {
-    if (!this.args.text) {
-      return STATUSES[this.status].text;
+    if (!this.args.text && this.status) {
+      return STATUSES[this.status]?.text;
     }
     return this.args.text;
   }
@@ -101,7 +86,7 @@ class HdsAppFooterStatusLinkComponent extends Component {
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = ['hds-app-footer__status-link'];
+    const classes = ['hds-app-footer__status-link'];
 
     // add a class based on status if no statusIconColor is explicitly specified
     if (this.status && !this.args.statusIconColor) {

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.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::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 { assert } from '@ember/debug';\n\nexport const STATUSES = {\n  operational: {\n    text: 'System operational',\n    iconName: 'check-circle',\n  },\n  degraded: {\n    text: 'System degraded',\n    iconName: 'alert-triangle',\n  },\n  maintenance: {\n    text: 'System maintenance',\n    iconName: 'alert-triangle',\n  },\n  outage: {\n    text: 'System outage',\n    iconName: 'x-circle',\n  },\n};\n\nexport default class HdsAppFooterStatusLinkComponent extends Component {\n  constructor() {\n    super(...arguments);\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 {string}\n   * @description The name of the status which the StatusLink is being set to\n   */\n  get status() {\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        Object.keys(STATUSES).includes(status)\n      );\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() {\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() {\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() {\n    if (!this.args.text) {\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() {\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() {\n    let 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","operational","text","iconName","degraded","maintenance","outage","HdsAppFooterStatusLinkComponent","Component","constructor","arguments","assert","args","undefined","status","toLowerCase","Object","keys","join","includes","statusIcon","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';\n\nexport const STATUSES = HdsAppFooterStatusLinkStatusValues;\n\nexport interface HdsAppFooterStatusLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    itemStyle?: SafeString;\n    status?: HdsAppFooterStatusTypes;\n    statusIcon?: string;\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() {\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() {\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() {\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() {\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() {\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() {\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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"}

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

@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+let HdsAppFooterStatusValues = /*#__PURE__*/function (HdsAppFooterStatusValues) {
+  HdsAppFooterStatusValues["Operational"] = "operational";
+  HdsAppFooterStatusValues["Degraded"] = "degraded";
+  HdsAppFooterStatusValues["Maintenance"] = "maintenance";
+  HdsAppFooterStatusValues["Outage"] = "outage";
+  return HdsAppFooterStatusValues;
+}({});
+const HdsAppFooterStatusLinkStatusValues = {
+  [HdsAppFooterStatusValues.Operational]: {
+    text: 'System operational',
+    iconName: 'check-circle'
+  },
+  [HdsAppFooterStatusValues.Degraded]: {
+    text: 'System degraded',
+    iconName: 'alert-triangle'
+  },
+  [HdsAppFooterStatusValues.Maintenance]: {
+    text: 'System maintenance',
+    iconName: 'alert-triangle'
+  },
+  [HdsAppFooterStatusValues.Outage]: {
+    text: 'System outage',
+    iconName: 'x-circle'
+  }
+};
+let HdsAppFooterThemeValues = /*#__PURE__*/function (HdsAppFooterThemeValues) {
+  HdsAppFooterThemeValues["Light"] = "light";
+  HdsAppFooterThemeValues["Dark"] = "dark";
+  return HdsAppFooterThemeValues;
+}({});
+
+export { HdsAppFooterStatusLinkStatusValues, HdsAppFooterStatusValues, HdsAppFooterThemeValues };
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +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 */\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: string;\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;;AAEYA,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;;;;"}

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

@@ -2,14 +2,14 @@ import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-app-frame\" ...attributes>\n  {{#if this.hasHeader}}\n    {{yield (hash Header=(component \"hds/app-frame/parts/header\"))}}\n  {{/if}}\n  {{#if this.hasSidebar}}\n    {{yield (hash Sidebar=(component \"hds/app-frame/parts/sidebar\"))}}\n  {{/if}}\n  {{!\n    IMPORTANT: since the modals may be injected via portal or `in-element` with code that lives in the \"main\" container,\n    the \"modal\" container needs to be present in the DOM _before_ the \"main\" block, otherwise it may cause errors\n    where the target DOM element is not found (for example in tests where the modal may be immediately opened on first render).\n  }}\n  {{#if this.hasModals}}\n    {{yield (hash Modals=(component \"hds/app-frame/parts/modals\"))}}\n  {{/if}}\n  {{yield (hash Main=(component \"hds/app-frame/parts/main\"))}}\n  {{#if this.hasFooter}}\n    {{yield (hash Footer=(component \"hds/app-frame/parts/footer\"))}}\n  {{/if}}\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-app-frame\" ...attributes>\n  {{#if this.hasHeader}}\n    {{yield (hash Header=(component \"hds/app-frame/parts/header\"))}}\n  {{/if}}\n  {{#if this.hasSidebar}}\n    {{yield (hash Sidebar=(component \"hds/app-frame/parts/sidebar\"))}}\n  {{/if}}\n  {{!\n    IMPORTANT: since the modals may be injected via portal or `in-element` with code that lives in the \"main\" container,\n    the \"modal\" container needs to be present in the DOM _before_ the \"main\" block, otherwise it may cause errors\n    where the target DOM element is not found (for example in tests where the modal may be immediately opened on first render).\n  }}\n  {{#if this.hasModals}}\n    {{yield (hash Modals=(component \"hds/app-frame/parts/modals\"))}}\n  {{/if}}\n  {{yield (hash Main=(component \"hds/app-frame/parts/main\"))}}\n  {{#if this.hasFooter}}\n    {{yield (hash Footer=(component \"hds/app-frame/parts/footer\"))}}\n  {{/if}}\n</div>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsAppFrameIndexComponent extends Component {
+class HdsAppFrameComponent extends Component {
   /**
    * Indicates if the "header" container should be displayed
    *
@@ -54,7 +54,7 @@ class HdsAppFrameIndexComponent extends Component {
     return this.args.hasModals ?? true;
   }
 }
-setComponentTemplate(TEMPLATE, HdsAppFrameIndexComponent);
+setComponentTemplate(TEMPLATE, HdsAppFrameComponent);
 
-export { HdsAppFrameIndexComponent as default };
+export { HdsAppFrameComponent as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/app-frame/index.hbs","../../../../src/components/hds/app-frame/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class=\\\"hds-app-frame\\\" ...attributes>\\n  {{#if this.hasHeader}}\\n    {{yield (hash Header=(component \\\"hds/app-frame/parts/header\\\"))}}\\n  {{/if}}\\n  {{#if this.hasSidebar}}\\n    {{yield (hash Sidebar=(component \\\"hds/app-frame/parts/sidebar\\\"))}}\\n  {{/if}}\\n  {{!\\n    IMPORTANT: since the modals may be injected via portal or `in-element` with code that lives in the \\\"main\\\" container,\\n    the \\\"modal\\\" container needs to be present in the DOM _before_ the \\\"main\\\" block, otherwise it may cause errors\\n    where the target DOM element is not found (for example in tests where the modal may be immediately opened on first render).\\n  }}\\n  {{#if this.hasModals}}\\n    {{yield (hash Modals=(component \\\"hds/app-frame/parts/modals\\\"))}}\\n  {{/if}}\\n  {{yield (hash Main=(component \\\"hds/app-frame/parts/main\\\"))}}\\n  {{#if this.hasFooter}}\\n    {{yield (hash Footer=(component \\\"hds/app-frame/parts/footer\\\"))}}\\n  {{/if}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport default class HdsAppFrameIndexComponent extends Component {\n  /**\n   * Indicates if the \"header\" container should be displayed\n   *\n   * @param hasHeader\n   * @type {boolean}\n   * @default true\n   */\n  get hasHeader() {\n    return this.args.hasHeader ?? true;\n  }\n\n  /**\n   * Indicates if the \"sidebar\" container should be displayed\n   *\n   * @param hasSidebar\n   * @type {boolean}\n   * @default true\n   */\n  get hasSidebar() {\n    return this.args.hasSidebar ?? true;\n  }\n\n  /**\n   * Indicates if the \"footer\" container should be displayed\n   *\n   * @param hasFooter\n   * @type {boolean}\n   * @default true\n   */\n  get hasFooter() {\n    return this.args.hasFooter ?? true;\n  }\n\n  /**\n   * Indicates if the \"modals\" container should be displayed\n   *\n   * @param hasModals\n   * @type {boolean}\n   * @default true\n   */\n  get hasModals() {\n    return this.args.hasModals ?? true;\n  }\n}\n"],"names":["HdsAppFrameIndexComponent","Component","hasHeader","args","hasSidebar","hasFooter","hasModals","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,siCAAsiC;;ACDxkC;AACA;AACA;AACA;;AAIe,MAAMA,yBAAyB,SAASC,SAAS,CAAC;AAC/D;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;AACd,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,IAAI,CAAA;AACpC,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIE,UAAUA,GAAG;AACf,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,UAAU,IAAI,IAAI,CAAA;AACrC,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;AACd,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,SAAS,IAAI,IAAI,CAAA;AACpC,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;AACd,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,SAAS,IAAI,IAAI,CAAA;AACpC,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA5CoBR,yBAAyB,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/app-frame/index.hbs","../../../../src/components/hds/app-frame/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 class=\\\"hds-app-frame\\\" ...attributes>\\n  {{#if this.hasHeader}}\\n    {{yield (hash Header=(component \\\"hds/app-frame/parts/header\\\"))}}\\n  {{/if}}\\n  {{#if this.hasSidebar}}\\n    {{yield (hash Sidebar=(component \\\"hds/app-frame/parts/sidebar\\\"))}}\\n  {{/if}}\\n  {{!\\n    IMPORTANT: since the modals may be injected via portal or `in-element` with code that lives in the \\\"main\\\" container,\\n    the \\\"modal\\\" container needs to be present in the DOM _before_ the \\\"main\\\" block, otherwise it may cause errors\\n    where the target DOM element is not found (for example in tests where the modal may be immediately opened on first render).\\n  }}\\n  {{#if this.hasModals}}\\n    {{yield (hash Modals=(component \\\"hds/app-frame/parts/modals\\\"))}}\\n  {{/if}}\\n  {{yield (hash Main=(component \\\"hds/app-frame/parts/main\\\"))}}\\n  {{#if this.hasFooter}}\\n    {{yield (hash Footer=(component \\\"hds/app-frame/parts/footer\\\"))}}\\n  {{/if}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsAppFrameFooterSignature } from './parts/footer.ts';\nimport type { HdsAppFrameHeaderSignature } from './parts/header.ts';\nimport type { HdsAppFrameMainSignature } from './parts/main.ts';\nimport type { HdsAppFrameModalsSignature } from './parts/modals.ts';\nimport type { HdsAppFrameSidebarSignature } from './parts/sidebar.ts';\nexport interface HdsAppFrameSignature {\n  Args: {\n    hasFooter?: boolean;\n    hasHeader?: boolean;\n    hasMain?: boolean;\n    hasModals?: boolean;\n    hasSidebar?: boolean;\n  };\n  Blocks: {\n    default: [\n      {\n        Footer?: ComponentLike<HdsAppFrameFooterSignature>;\n        Header?: ComponentLike<HdsAppFrameHeaderSignature>;\n        Main?: ComponentLike<HdsAppFrameMainSignature>;\n        Modals?: ComponentLike<HdsAppFrameModalsSignature>;\n        Sidebar?: ComponentLike<HdsAppFrameSidebarSignature>;\n      }\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppFrameComponent extends Component<HdsAppFrameSignature> {\n  /**\n   * Indicates if the \"header\" container should be displayed\n   *\n   * @param hasHeader\n   * @type {boolean}\n   * @default true\n   */\n  get hasHeader() {\n    return this.args.hasHeader ?? true;\n  }\n\n  /**\n   * Indicates if the \"sidebar\" container should be displayed\n   *\n   * @param hasSidebar\n   * @type {boolean}\n   * @default true\n   */\n  get hasSidebar() {\n    return this.args.hasSidebar ?? true;\n  }\n\n  /**\n   * Indicates if the \"footer\" container should be displayed\n   *\n   * @param hasFooter\n   * @type {boolean}\n   * @default true\n   */\n  get hasFooter() {\n    return this.args.hasFooter ?? true;\n  }\n\n  /**\n   * Indicates if the \"modals\" container should be displayed\n   *\n   * @param hasModals\n   * @type {boolean}\n   * @default true\n   */\n  get hasModals() {\n    return this.args.hasModals ?? true;\n  }\n}\n"],"names":["HdsAppFrameComponent","Component","hasHeader","args","hasSidebar","hasFooter","hasModals","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,6/BAA6/B;;ACD/hC;AACA;AACA;AACA;;AA+Be,MAAMA,oBAAoB,SAASC,SAAS,CAAuB;AAChF;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;AACd,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,IAAI,CAAA;AACpC,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIE,UAAUA,GAAG;AACf,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,UAAU,IAAI,IAAI,CAAA;AACrC,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;AACd,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,SAAS,IAAI,IAAI,CAAA;AACpC,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;AACd,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,SAAS,IAAI,IAAI,CAAA;AACpC,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA5CoBR,oBAAoB,CAAA;;;;"}

package/dist/components/hds/app-frame/parts/footer.js

@@ -1,10 +1,16 @@
-import templateOnly from '@ember/component/template-only';
+import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<footer class=\"hds-app-frame__footer\" ...attributes>\n  {{yield}}\n</footer>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<footer class=\"hds-app-frame__footer\" ...attributes>\n  {{yield}}\n</footer>");
 
-var footer = setComponentTemplate(TEMPLATE, templateOnly());
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
 
-export { footer as default };
+class HdsAppFrameFooterComponent extends Component {}
+setComponentTemplate(TEMPLATE, HdsAppFrameFooterComponent);
+
+export { HdsAppFrameFooterComponent as default };
 //# sourceMappingURL=footer.js.map

package/dist/components/hds/app-frame/parts/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sources":["../../../../../src/components/hds/app-frame/parts/footer.hbs","../../../../../src/components/hds/app-frame/parts/footer.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<footer class=\\\"hds-app-frame__footer\\\" ...attributes>\\n  {{yield}}\\n</footer>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,uMAAuM;;ACAzO,aAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}
+{"version":3,"file":"footer.js","sources":["../../../../../src/components/hds/app-frame/parts/footer.hbs","../../../../../src/components/hds/app-frame/parts/footer.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<footer class=\\\"hds-app-frame__footer\\\" ...attributes>\\n  {{yield}}\\n</footer>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsAppFrameFooterSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsAppFrameFooterComponent extends Component<HdsAppFrameFooterSignature> {}\n"],"names":["HdsAppFrameFooterComponent","Component","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8JAA8J;;ACDhM;AACA;AACA;AACA;;AAWe,MAAMA,0BAA0B,SAASC,SAAS,CAA6B,EAAA;AAAEC,oBAAA,CAAAC,QAAA,EAA3EH,0BAA0B,CAAA;;;;"}

package/dist/components/hds/app-frame/parts/header.js

@@ -1,10 +1,16 @@
-import templateOnly from '@ember/component/template-only';
+import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<header class=\"hds-app-frame__header\" ...attributes>\n  {{yield}}\n</header>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<header class=\"hds-app-frame__header\" ...attributes>\n  {{yield}}\n</header>");
 
-var header = setComponentTemplate(TEMPLATE, templateOnly());
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
 
-export { header as default };
+class HdsAppFrameHeaderComponent extends Component {}
+setComponentTemplate(TEMPLATE, HdsAppFrameHeaderComponent);
+
+export { HdsAppFrameHeaderComponent as default };
 //# sourceMappingURL=header.js.map

package/dist/components/hds/app-frame/parts/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../../../src/components/hds/app-frame/parts/header.hbs","../../../../../src/components/hds/app-frame/parts/header.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<header class=\\\"hds-app-frame__header\\\" ...attributes>\\n  {{yield}}\\n</header>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,uMAAuM;;ACAzO,aAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}
+{"version":3,"file":"header.js","sources":["../../../../../src/components/hds/app-frame/parts/header.hbs","../../../../../src/components/hds/app-frame/parts/header.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<header class=\\\"hds-app-frame__header\\\" ...attributes>\\n  {{yield}}\\n</header>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsAppFrameHeaderSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsAppFrameHeaderComponent extends Component<HdsAppFrameHeaderSignature> {}\n"],"names":["HdsAppFrameHeaderComponent","Component","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8JAA8J;;ACDhM;AACA;AACA;AACA;;AAWe,MAAMA,0BAA0B,SAASC,SAAS,CAA6B,EAAA;AAAEC,oBAAA,CAAAC,QAAA,EAA3EH,0BAA0B,CAAA;;;;"}

package/dist/components/hds/app-frame/parts/main.js

@@ -1,10 +1,16 @@
-import templateOnly from '@ember/component/template-only';
+import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<main class=\"hds-app-frame__main\" ...attributes>\n  {{yield}}\n</main>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<main class=\"hds-app-frame__main\" ...attributes>\n  {{yield}}\n</main>");
 
-var main = setComponentTemplate(TEMPLATE, templateOnly());
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
 
-export { main as default };
+class HdsAppFrameMainComponent extends Component {}
+setComponentTemplate(TEMPLATE, HdsAppFrameMainComponent);
+
+export { HdsAppFrameMainComponent as default };
 //# sourceMappingURL=main.js.map

package/dist/components/hds/app-frame/parts/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sources":["../../../../../src/components/hds/app-frame/parts/main.hbs","../../../../../src/components/hds/app-frame/parts/main.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<main class=\\\"hds-app-frame__main\\\" ...attributes>\\n  {{yield}}\\n</main>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,iMAAiM;;ACAnO,WAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}
+{"version":3,"file":"main.js","sources":["../../../../../src/components/hds/app-frame/parts/main.hbs","../../../../../src/components/hds/app-frame/parts/main.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<main class=\\\"hds-app-frame__main\\\" ...attributes>\\n  {{yield}}\\n</main>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsAppFrameMainSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsAppFrameMainComponent extends Component<HdsAppFrameMainSignature> {}\n"],"names":["HdsAppFrameMainComponent","Component","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,wJAAwJ;;ACD1L;AACA;AACA;AACA;;AAWe,MAAMA,wBAAwB,SAASC,SAAS,CAA2B,EAAA;AAAEC,oBAAA,CAAAC,QAAA,EAAvEH,wBAAwB,CAAA;;;;"}

package/dist/components/hds/app-frame/parts/modals.js

@@ -1,10 +1,16 @@
-import templateOnly from '@ember/component/template-only';
+import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! we use `:empty` in CSS so we have to avoid whitespaces }}\n<div class=\"hds-app-frame__modals\" ...attributes>{{~yield~}}</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! we use `:empty` in CSS so we have to avoid whitespaces }}\n<div class=\"hds-app-frame__modals\" ...attributes>{{~yield~}}</div>");
 
-var modals = setComponentTemplate(TEMPLATE, templateOnly());
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
 
-export { modals as default };
+class HdsAppFrameModalsComponent extends Component {}
+setComponentTemplate(TEMPLATE, HdsAppFrameModalsComponent);
+
+export { HdsAppFrameModalsComponent as default };
 //# sourceMappingURL=modals.js.map

package/dist/components/hds/app-frame/parts/modals.js.map

@@ -1 +1 @@
-{"version":3,"file":"modals.js","sources":["../../../../../src/components/hds/app-frame/parts/modals.hbs","../../../../../src/components/hds/app-frame/parts/modals.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! we use `:empty` in CSS so we have to avoid whitespaces }}\\n<div class=\\\"hds-app-frame__modals\\\" ...attributes>{{~yield~}}</div>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4PAA4P;;ACA9R,aAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}
+{"version":3,"file":"modals.js","sources":["../../../../../src/components/hds/app-frame/parts/modals.hbs","../../../../../src/components/hds/app-frame/parts/modals.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{{! we use `:empty` in CSS so we have to avoid whitespaces }}\\n<div class=\\\"hds-app-frame__modals\\\" ...attributes>{{~yield~}}</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsAppFrameModalsSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsAppFrameModalsComponent extends Component<HdsAppFrameModalsSignature> {}\n"],"names":["HdsAppFrameModalsComponent","Component","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,mNAAmN;;ACDrP;AACA;AACA;AACA;;AAWe,MAAMA,0BAA0B,SAASC,SAAS,CAA6B,EAAA;AAAEC,oBAAA,CAAAC,QAAA,EAA3EH,0BAA0B,CAAA;;;;"}

package/dist/components/hds/app-frame/parts/sidebar.js

@@ -1,10 +1,16 @@
-import templateOnly from '@ember/component/template-only';
+import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<aside class=\"hds-app-frame__sidebar\" ...attributes>\n  {{yield}}\n</aside>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<aside class=\"hds-app-frame__sidebar\" ...attributes>\n  {{yield}}\n</aside>");
 
-var sidebar = setComponentTemplate(TEMPLATE, templateOnly());
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
 
-export { sidebar as default };
+class HdsAppFrameSidebarComponent extends Component {}
+setComponentTemplate(TEMPLATE, HdsAppFrameSidebarComponent);
+
+export { HdsAppFrameSidebarComponent as default };
 //# sourceMappingURL=sidebar.js.map

package/dist/components/hds/app-frame/parts/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sources":["../../../../../src/components/hds/app-frame/parts/sidebar.hbs","../../../../../src/components/hds/app-frame/parts/sidebar.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<aside class=\\\"hds-app-frame__sidebar\\\" ...attributes>\\n  {{yield}}\\n</aside>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,sMAAsM;;ACAxO,cAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}
+{"version":3,"file":"sidebar.js","sources":["../../../../../src/components/hds/app-frame/parts/sidebar.hbs","../../../../../src/components/hds/app-frame/parts/sidebar.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<aside class=\\\"hds-app-frame__sidebar\\\" ...attributes>\\n  {{yield}}\\n</aside>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsAppFrameSidebarSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsAppFrameSidebarComponent extends Component<HdsAppFrameSidebarSignature> {}\n"],"names":["HdsAppFrameSidebarComponent","Component","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,6JAA6J;;ACD/L;AACA;AACA;AACA;;AAWe,MAAMA,2BAA2B,SAASC,SAAS,CAA8B,EAAA;AAAEC,oBAAA,CAAAC,QAAA,EAA7EH,2BAA2B,CAAA;;;;"}

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

@@ -1,32 +1,33 @@
 import Component from '@glimmer/component';
 import { assert } from '@ember/debug';
+import { HdsBadgeSizeValues, HdsBadgeTypeValues, HdsBadgeColorValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class={{this.classNames}} ...attributes>\n  {{#if @icon}}\n    <div class=\"hds-badge__icon\">\n      <FlightIcon @name={{this.icon}} @size=\"16\" @stretched={{true}} />\n    </div>\n  {{/if}}\n  {{#if this.isIconOnly}}\n    <span class=\"sr-only\">{{this.text}}</span>\n  {{else}}\n    <div class=\"hds-badge__text\">\n      {{this.text}}\n    </div>\n  {{/if}}\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class={{this.classNames}} ...attributes>\n  {{#if this.icon}}\n    <div class=\"hds-badge__icon\">\n      <FlightIcon @name={{this.icon}} @size=\"16\" @stretched={{true}} />\n    </div>\n  {{/if}}\n  {{#if this.isIconOnly}}\n    <span class=\"sr-only\">{{this.text}}</span>\n  {{else}}\n    <div class=\"hds-badge__text\">\n      {{this.text}}\n    </div>\n  {{/if}}\n</div>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const DEFAULT_SIZE = 'medium';
-const DEFAULT_TYPE = 'filled';
-const DEFAULT_COLOR = 'neutral';
-const SIZES = ['small', 'medium', 'large'];
-const TYPES = ['filled', 'inverted', 'outlined'];
-const COLORS = ['neutral', 'neutral-dark-mode', 'highlight', 'success', 'warning', 'critical'];
-class HdsBadgeIndexComponent extends Component {
+const SIZES = Object.values(HdsBadgeSizeValues);
+const TYPES = Object.values(HdsBadgeTypeValues);
+const COLORS = Object.values(HdsBadgeColorValues);
+const DEFAULT_SIZE = HdsBadgeSizeValues.Medium;
+const DEFAULT_TYPE = HdsBadgeTypeValues.Filled;
+const DEFAULT_COLOR = HdsBadgeColorValues.Neutral;
+class HdsBadgeComponent extends Component {
   /**
    * Sets the size for the component
    * Accepted values: small, medium, large
    *
    * @param size
-   * @type {string}
+   * @type {HdsBadgeSizes}
    * @default 'medium'
    */
   get size() {
-    let {
+    const {
       size = DEFAULT_SIZE
     } = this.args;
     assert(`@size for "Hds::Badge" must be one of the following: ${SIZES.join(', ')}; received: ${size}`, SIZES.includes(size));
@@ -38,11 +39,11 @@ class HdsBadgeIndexComponent extends Component {
    * Accepted values: filled, inverted, outlined
    *
    * @param type
-   * @type {string}
+   * @type {HdsBadgeTypes}
    * @default 'filled'
    */
   get type() {
-    let {
+    const {
       type = DEFAULT_TYPE
     } = this.args;
     assert(`@type for "Hds::Badge" must be one of the following: ${TYPES.join(', ')}; received: ${type}`, TYPES.includes(type));
@@ -54,11 +55,11 @@ class HdsBadgeIndexComponent extends Component {
    * Accepted values: neutral, neutral-dark-mode, highlight, success, warning, critical
    *
    * @param color
-   * @type {string}
+   * @type {HdsBadgeColors}
    * @default 'neutral'
    */
   get color() {
-    let {
+    const {
       color = DEFAULT_COLOR
     } = this.args;
     assert(`@color for "Hds::Badge" must be one of the following: ${COLORS.join(', ')}; received: ${color}`, COLORS.includes(color));
@@ -71,7 +72,7 @@ class HdsBadgeIndexComponent extends Component {
    * @description The text of the badge. If `isIconOnly` is set to `true`, the text will be visually hidden but still available to assistive technology. If no text value is defined, an error will be thrown.
    */
   get text() {
-    let {
+    const {
       text
     } = this.args;
     assert('@text for "Hds::Badge" must have a valid value', text !== undefined);
@@ -108,7 +109,7 @@ class HdsBadgeIndexComponent extends Component {
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = ['hds-badge'];
+    const classes = ['hds-badge'];
 
     // add a class based on the @size argument
     classes.push(`hds-badge--size-${this.size}`);
@@ -121,7 +122,7 @@ class HdsBadgeIndexComponent extends Component {
     return classes.join(' ');
   }
 }
-setComponentTemplate(TEMPLATE, HdsBadgeIndexComponent);
+setComponentTemplate(TEMPLATE, HdsBadgeComponent);
 
-export { COLORS, DEFAULT_COLOR, DEFAULT_SIZE, DEFAULT_TYPE, SIZES, TYPES, HdsBadgeIndexComponent as default };
+export { COLORS, DEFAULT_COLOR, DEFAULT_SIZE, DEFAULT_TYPE, SIZES, TYPES, HdsBadgeComponent as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/badge/index.hbs","../../../../src/components/hds/badge/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class={{this.classNames}} ...attributes>\\n  {{#if @icon}}\\n    <div class=\\\"hds-badge__icon\\\">\\n      <FlightIcon @name={{this.icon}} @size=\\\"16\\\" @stretched={{true}} />\\n    </div>\\n  {{/if}}\\n  {{#if this.isIconOnly}}\\n    <span class=\\\"sr-only\\\">{{this.text}}</span>\\n  {{else}}\\n    <div class=\\\"hds-badge__text\\\">\\n      {{this.text}}\\n    </div>\\n  {{/if}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nexport const DEFAULT_SIZE = 'medium';\nexport const DEFAULT_TYPE = 'filled';\nexport const DEFAULT_COLOR = 'neutral';\nexport const SIZES = ['small', 'medium', 'large'];\nexport const TYPES = ['filled', 'inverted', 'outlined'];\nexport const COLORS = [\n  'neutral',\n  'neutral-dark-mode',\n  'highlight',\n  'success',\n  'warning',\n  'critical',\n];\n\nexport default class HdsBadgeIndexComponent extends Component {\n  /**\n   * Sets the size for the component\n   * Accepted values: small, medium, large\n   *\n   * @param size\n   * @type {string}\n   * @default 'medium'\n   */\n  get size() {\n    let { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Badge\" 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   * Accepted values: filled, inverted, outlined\n   *\n   * @param type\n   * @type {string}\n   * @default 'filled'\n   */\n  get type() {\n    let { type = DEFAULT_TYPE } = this.args;\n\n    assert(\n      `@type for \"Hds::Badge\" 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   * Sets the color scheme for the component\n   * Accepted values: neutral, neutral-dark-mode, highlight, success, warning, critical\n   *\n   * @param color\n   * @type {string}\n   * @default 'neutral'\n   */\n  get color() {\n    let { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Badge\" 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 text\n   * @type {string}\n   * @description The text of the badge. If `isIconOnly` is set to `true`, the text will be visually hidden but still available to assistive technology. If no text value is defined, an error will be thrown.\n   */\n  get text() {\n    let { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Badge\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  /**\n   * Sets the icon name if there is one\n   *\n   * @param icon\n   * @type {string|null}\n   * @default null\n   */\n  get icon() {\n    return this.args.icon ?? null;\n  }\n\n  /**\n   * @param isIconOnly\n   * @type {boolean}\n   * @default false\n   * @description Indicates if the badge will only contain an icon; component will also ensure that accessible text is still applied to the component.\n   */\n  get isIconOnly() {\n    if (this.icon) {\n      return this.args.isIconOnly ?? false;\n    }\n    return false;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method Badge#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-badge'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-badge--size-${this.size}`);\n\n    // add a class based on the @type argument\n    classes.push(`hds-badge--type-${this.type}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-badge--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_SIZE","DEFAULT_TYPE","DEFAULT_COLOR","SIZES","TYPES","COLORS","HdsBadgeIndexComponent","Component","size","args","assert","join","includes","type","color","text","undefined","icon","isIconOnly","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/badge/index.hbs","../../../../src/components/hds/badge/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 class={{this.classNames}} ...attributes>\\n  {{#if this.icon}}\\n    <div class=\\\"hds-badge__icon\\\">\\n      <FlightIcon @name={{this.icon}} @size=\\\"16\\\" @stretched={{true}} />\\n    </div>\\n  {{/if}}\\n  {{#if this.isIconOnly}}\\n    <span class=\\\"sr-only\\\">{{this.text}}</span>\\n  {{else}}\\n    <div class=\\\"hds-badge__text\\\">\\n      {{this.text}}\\n    </div>\\n  {{/if}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport {\n  HdsBadgeColorValues,\n  HdsBadgeSizeValues,\n  HdsBadgeTypeValues,\n} from './types.ts';\n\nimport type { HdsBadgeColors, HdsBadgeSizes, HdsBadgeTypes } from './types.ts';\n\nexport const SIZES: string[] = Object.values(HdsBadgeSizeValues);\nexport const TYPES: string[] = Object.values(HdsBadgeTypeValues);\nexport const COLORS: string[] = Object.values(HdsBadgeColorValues);\nexport const DEFAULT_SIZE = HdsBadgeSizeValues.Medium;\nexport const DEFAULT_TYPE = HdsBadgeTypeValues.Filled;\nexport const DEFAULT_COLOR = HdsBadgeColorValues.Neutral;\n\nexport interface HdsBadgeSignature {\n  Args: {\n    size?: HdsBadgeSizes;\n    type?: HdsBadgeTypes;\n    color?: HdsBadgeColors;\n    text: string;\n    icon?: string | null;\n    isIconOnly?: boolean;\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsBadgeComponent extends Component<HdsBadgeSignature> {\n  /**\n   * Sets the size for the component\n   * Accepted values: small, medium, large\n   *\n   * @param size\n   * @type {HdsBadgeSizes}\n   * @default 'medium'\n   */\n  get size() {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Badge\" 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   * Accepted values: filled, inverted, outlined\n   *\n   * @param type\n   * @type {HdsBadgeTypes}\n   * @default 'filled'\n   */\n  get type() {\n    const { type = DEFAULT_TYPE } = this.args;\n\n    assert(\n      `@type for \"Hds::Badge\" 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   * Sets the color scheme for the component\n   * Accepted values: neutral, neutral-dark-mode, highlight, success, warning, critical\n   *\n   * @param color\n   * @type {HdsBadgeColors}\n   * @default 'neutral'\n   */\n  get color() {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Badge\" 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 text\n   * @type {string}\n   * @description The text of the badge. If `isIconOnly` is set to `true`, the text will be visually hidden but still available to assistive technology. If no text value is defined, an error will be thrown.\n   */\n  get text() {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Badge\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  /**\n   * Sets the icon name if there is one\n   *\n   * @param icon\n   * @type {string|null}\n   * @default null\n   */\n  get icon() {\n    return this.args.icon ?? null;\n  }\n\n  /**\n   * @param isIconOnly\n   * @type {boolean}\n   * @default false\n   * @description Indicates if the badge will only contain an icon; component will also ensure that accessible text is still applied to the component.\n   */\n  get isIconOnly() {\n    if (this.icon) {\n      return this.args.isIconOnly ?? false;\n    }\n    return false;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method Badge#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    const classes = ['hds-badge'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-badge--size-${this.size}`);\n\n    // add a class based on the @type argument\n    classes.push(`hds-badge--type-${this.type}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-badge--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["SIZES","Object","values","HdsBadgeSizeValues","TYPES","HdsBadgeTypeValues","COLORS","HdsBadgeColorValues","DEFAULT_SIZE","Medium","DEFAULT_TYPE","Filled","DEFAULT_COLOR","Neutral","HdsBadgeComponent","Component","size","args","assert","join","includes","type","color","text","undefined","icon","isIconOnly","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+let HdsBadgeSizeValues = /*#__PURE__*/function (HdsBadgeSizeValues) {
+  HdsBadgeSizeValues["Small"] = "small";
+  HdsBadgeSizeValues["Medium"] = "medium";
+  HdsBadgeSizeValues["Large"] = "large";
+  return HdsBadgeSizeValues;
+}({});
+let HdsBadgeTypeValues = /*#__PURE__*/function (HdsBadgeTypeValues) {
+  HdsBadgeTypeValues["Filled"] = "filled";
+  HdsBadgeTypeValues["Inverted"] = "inverted";
+  HdsBadgeTypeValues["Outlined"] = "outlined";
+  return HdsBadgeTypeValues;
+}({});
+let HdsBadgeColorValues = /*#__PURE__*/function (HdsBadgeColorValues) {
+  HdsBadgeColorValues["Neutral"] = "neutral";
+  HdsBadgeColorValues["NeutralDarkMode"] = "neutral-dark-mode";
+  HdsBadgeColorValues["Highlight"] = "highlight";
+  HdsBadgeColorValues["Success"] = "success";
+  HdsBadgeColorValues["Warning"] = "warning";
+  HdsBadgeColorValues["Critical"] = "critical";
+  return HdsBadgeColorValues;
+}({});
+
+export { HdsBadgeColorValues, HdsBadgeSizeValues, HdsBadgeTypeValues };
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/badge/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsBadgeSizeValues {\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n}\nexport type HdsBadgeSizes = `${HdsBadgeSizeValues}`;\n\nexport enum HdsBadgeTypeValues {\n  Filled = 'filled',\n  Inverted = 'inverted',\n  Outlined = 'outlined',\n}\nexport type HdsBadgeTypes = `${HdsBadgeTypeValues}`;\n\nexport enum HdsBadgeColorValues {\n  Neutral = 'neutral',\n  NeutralDarkMode = 'neutral-dark-mode',\n  Highlight = 'highlight',\n  Success = 'success',\n  Warning = 'warning',\n  Critical = 'critical',\n}\nexport type HdsBadgeColors = `${HdsBadgeColorValues}`;\n"],"names":["HdsBadgeSizeValues","HdsBadgeTypeValues","HdsBadgeColorValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,kBAAkB,0BAAlBA,kBAAkB,EAAA;EAAlBA,kBAAkB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAlBA,kBAAkB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAlBA,kBAAkB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAAlBA,kBAAkB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOlBC,IAAAA,kBAAkB,0BAAlBA,kBAAkB,EAAA;EAAlBA,kBAAkB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAlBA,kBAAkB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAlBA,kBAAkB,CAAA,UAAA,CAAA,GAAA,UAAA,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,iBAAA,CAAA,GAAA,mBAAA,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;;;;"}