@hashicorp/design-system-components 4.9.0 → 4.10.0

package/dist/components/hds/form/textarea/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/textarea/base.hbs","../../../../../src/components/hds/form/textarea/base.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{{! Notice: this is not the native HTML <textarea> but the Ember component <Textarea> }}\\n<Textarea class={{this.classNames}} {{style width=@width height=@height}} rows=\\\"4\\\" ...attributes @value={{@value}} />\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsFormTextareaBaseSignature {\n  Args: {\n    isInvalid?: boolean;\n    value?: string;\n    width?: string;\n    height?: string;\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsFormTextareaBaseComponent extends Component<HdsFormTextareaBaseSignature> {\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-form-textarea'];\n\n    // add typographic classes\n    classes.push('hds-typography-body-200', 'hds-font-weight-regular');\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-textarea--is-invalid`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsFormTextareaBaseComponent","Component","classNames","classes","push","args","isInvalid","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,iSAAiS;;ACDnU;AACA;AACA;AACA;;AAce,MAAMA,4BAA4B,SAASC,SAAS,CAA+B;AAChG;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,mBAAmB,CAAC,CAAA;;AAErC;AACAA,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CAAA;;AAElE;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,SAAS,EAAE;AACvBH,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,6BAAA,CAA+B,CAAC,CAAA;AAC/C,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAnBoBT,4BAA4B,CAAA;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/textarea/base.hbs","../../../../../src/components/hds/form/textarea/base.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{{! Notice: this is not the native HTML <textarea> but the Ember component <Textarea> }}\\n<Textarea class={{this.classNames}} {{style width=@width height=@height}} rows=\\\"4\\\" ...attributes @value={{@value}} />\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsFormTextareaBaseSignature {\n  Args: {\n    isInvalid?: boolean;\n    value?: string;\n    width?: string;\n    height?: string;\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsFormTextareaBase extends Component<HdsFormTextareaBaseSignature> {\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-form-textarea'];\n\n    // add typographic classes\n    classes.push('hds-typography-body-200', 'hds-font-weight-regular');\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-textarea--is-invalid`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsFormTextareaBase","Component","classNames","classes","push","args","isInvalid","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,iSAAiS;;ACDnU;AACA;AACA;AACA;;AAce,MAAMA,mBAAmB,SAASC,SAAS,CAA+B;AACvF;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,mBAAmB,CAAC,CAAA;;AAErC;AACAA,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CAAA;;AAElE;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,SAAS,EAAE;AACvBH,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,6BAAA,CAA+B,CAAC,CAAA;AAC/C,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAnBoBT,mBAAmB,CAAA;;;;"}

package/dist/components/hds/form/textarea/field.js

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsFormTextareaFieldComponent = templateOnlyComponent();
-var field = setComponentTemplate(TEMPLATE, HdsFormTextareaFieldComponent);
+const HdsFormTextareaField = templateOnlyComponent();
+var field = setComponentTemplate(TEMPLATE, HdsFormTextareaField);
 
 export { field as default };
 //# sourceMappingURL=field.js.map

package/dist/components/hds/form/textarea/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/textarea/field.hbs","../../../../../src/components/hds/form/textarea/field.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Field\\n  @layout=\\\"vertical\\\"\\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n  @isRequired={{@isRequired}}\\n  @isOptional={{@isOptional}}\\n  @id={{@id}}\\n  as |F|\\n>\\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \\\"Hds::Form::Field\\\" component level }}\\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\\n  {{#if F.CharacterCount}}\\n    {{yield (hash CharacterCount=(component F.CharacterCount value=@value))}}\\n  {{/if}}\\n  <F.Control>\\n    <Hds::Form::Textarea::Base\\n      @value={{@value}}\\n      @isInvalid={{@isInvalid}}\\n      @width={{@width}}\\n      @height={{@height}}\\n      required={{@isRequired}}\\n      ...attributes\\n      id={{F.id}}\\n      aria-describedby={{F.ariaDescribedBy}}\\n    />\\n  </F.Control>\\n</Hds::Form::Field>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nimport type { HdsFormFieldSignature } from '../field';\nimport type { HdsFormTextareaBaseSignature } from './base';\nimport type { ComponentLike, WithBoundArgs } from '@glint/template';\nimport type { HdsFormErrorSignature } from '../error';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormLabelSignature } from '../label';\nimport type HdsFormCharacterCountComponent from '../character-count';\n\ninterface HdsFormTextareaFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' | 'layout'> &\n    HdsFormTextareaBaseSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: ComponentLike<HdsFormLabelSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n        CharacterCount?: WithBoundArgs<\n          typeof HdsFormCharacterCountComponent,\n          'value'\n        >;\n      },\n    ];\n  };\n  Element: HdsFormFieldSignature['Element'];\n}\n\nconst HdsFormTextareaFieldComponent =\n  templateOnlyComponent<HdsFormTextareaFieldSignature>();\n\nexport default HdsFormTextareaFieldComponent;\n"],"names":["HdsFormTextareaFieldComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,o4BAAo4B;;ACDt6B;AACA;AACA;AACA;;AA+BA,MAAMA,6BAA6B,GACjCC,qBAAqB,EAAiC,CAAA;AAExD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,6BAA6B,CAAA;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/textarea/field.hbs","../../../../../src/components/hds/form/textarea/field.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Field\\n  @layout=\\\"vertical\\\"\\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n  @isRequired={{@isRequired}}\\n  @isOptional={{@isOptional}}\\n  @id={{@id}}\\n  as |F|\\n>\\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \\\"Hds::Form::Field\\\" component level }}\\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\\n  {{#if F.CharacterCount}}\\n    {{yield (hash CharacterCount=(component F.CharacterCount value=@value))}}\\n  {{/if}}\\n  <F.Control>\\n    <Hds::Form::Textarea::Base\\n      @value={{@value}}\\n      @isInvalid={{@isInvalid}}\\n      @width={{@width}}\\n      @height={{@height}}\\n      required={{@isRequired}}\\n      ...attributes\\n      id={{F.id}}\\n      aria-describedby={{F.ariaDescribedBy}}\\n    />\\n  </F.Control>\\n</Hds::Form::Field>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nimport type { HdsFormFieldSignature } from '../field';\nimport type { HdsFormTextareaBaseSignature } from './base';\nimport type { ComponentLike, WithBoundArgs } from '@glint/template';\nimport type { HdsFormErrorSignature } from '../error';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormLabelSignature } from '../label';\nimport type HdsFormCharacterCountComponent from '../character-count';\n\ninterface HdsFormTextareaFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' | 'layout'> &\n    HdsFormTextareaBaseSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: ComponentLike<HdsFormLabelSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n        CharacterCount?: WithBoundArgs<\n          typeof HdsFormCharacterCountComponent,\n          'value'\n        >;\n      },\n    ];\n  };\n  Element: HdsFormFieldSignature['Element'];\n}\n\nconst HdsFormTextareaField =\n  templateOnlyComponent<HdsFormTextareaFieldSignature>();\n\nexport default HdsFormTextareaField;\n"],"names":["HdsFormTextareaField","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,o4BAAo4B;;ACDt6B;AACA;AACA;AACA;;AA+BA,MAAMA,oBAAoB,GACxBC,qBAAqB,EAAiC,CAAA;AAExD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,oBAAoB,CAAA;;;;"}

package/dist/components/hds/form/toggle/base.js

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsFormToggleBaseComponent = templateOnlyComponent();
-var base = setComponentTemplate(TEMPLATE, HdsFormToggleBaseComponent);
+const HdsFormToggleBase = templateOnlyComponent();
+var base = setComponentTemplate(TEMPLATE, HdsFormToggleBase);
 
 export { base as default };
 //# sourceMappingURL=base.js.map

package/dist/components/hds/form/toggle/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/toggle/base.hbs","../../../../../src/components/hds/form/toggle/base.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-form-toggle\\\">\\n  <input class=\\\"hds-form-toggle__control\\\" type=\\\"checkbox\\\" ...attributes value={{@value}} role=\\\"switch\\\" />\\n  <div class=\\\"hds-form-toggle__facade\\\"></div>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\ninterface HdsFormToggleBaseSignature {\n  Args: {\n    value?: string;\n  };\n  Element: HTMLInputElement;\n}\n\nconst HdsFormToggleBaseComponent =\n  templateOnlyComponent<HdsFormToggleBaseSignature>();\n\nexport default HdsFormToggleBaseComponent;\n"],"names":["HdsFormToggleBaseComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,yRAAyR;;ACD3T;AACA;AACA;AACA;;AAWA,MAAMA,0BAA0B,GAC9BC,qBAAqB,EAA8B,CAAA;AAErD,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,0BAA0B,CAAA;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/toggle/base.hbs","../../../../../src/components/hds/form/toggle/base.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-form-toggle\\\">\\n  <input class=\\\"hds-form-toggle__control\\\" type=\\\"checkbox\\\" ...attributes value={{@value}} role=\\\"switch\\\" />\\n  <div class=\\\"hds-form-toggle__facade\\\"></div>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\ninterface HdsFormToggleBaseSignature {\n  Args: {\n    value?: string;\n  };\n  Element: HTMLInputElement;\n}\n\nconst HdsFormToggleBase = templateOnlyComponent<HdsFormToggleBaseSignature>();\n\nexport default HdsFormToggleBase;\n"],"names":["HdsFormToggleBase","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,yRAAyR;;ACD3T;AACA;AACA;AACA;;AAWA,MAAMA,iBAAiB,GAAGC,qBAAqB,EAA8B,CAAA;AAE7E,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,iBAAiB,CAAA;;;;"}

package/dist/components/hds/form/toggle/field.js

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsFormToggleFieldComponent = templateOnlyComponent();
-var field = setComponentTemplate(TEMPLATE, HdsFormToggleFieldComponent);
+const HdsFormToggleField = templateOnlyComponent();
+var field = setComponentTemplate(TEMPLATE, HdsFormToggleField);
 
 export { field as default };
 //# sourceMappingURL=field.js.map

package/dist/components/hds/form/toggle/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/toggle/field.hbs","../../../../../src/components/hds/form/toggle/field.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Field\\n  @layout=\\\"flag\\\"\\n  @contextualClass={{@contextualClass}}\\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n  @id={{@id}}\\n  as |F|\\n>\\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \\\"Hds::Form::Field\\\" component level }}\\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\\n  <F.Control>\\n    <Hds::Form::Toggle::Base\\n      @value={{@value}}\\n      required={{@isRequired}}\\n      ...attributes\\n      id={{F.id}}\\n      aria-describedby={{F.ariaDescribedBy}}\\n    />\\n  </F.Control>\\n</Hds::Form::Field>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsFormFieldSignature } from '../field';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormLabelSignature } from '../label';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormErrorSignature } from '../error';\n\nexport interface HdsFormToggleFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'isOptional'> & {\n    value?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Label?: ComponentLike<HdsFormLabelSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n      },\n    ];\n  };\n  Element: HdsFormFieldSignature['Element'];\n}\n\nconst HdsFormToggleFieldComponent =\n  templateOnlyComponent<HdsFormToggleFieldSignature>();\n\nexport default HdsFormToggleFieldComponent;\n"],"names":["HdsFormToggleFieldComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8pBAA8pB;;ACDhsB;AACA;AACA;AACA;;AAyBA,MAAMA,2BAA2B,GAC/BC,qBAAqB,EAA+B,CAAA;AAEtD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,2BAA2B,CAAA;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/toggle/field.hbs","../../../../../src/components/hds/form/toggle/field.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Field\\n  @layout=\\\"flag\\\"\\n  @contextualClass={{@contextualClass}}\\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n  @id={{@id}}\\n  as |F|\\n>\\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \\\"Hds::Form::Field\\\" component level }}\\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\\n  <F.Control>\\n    <Hds::Form::Toggle::Base\\n      @value={{@value}}\\n      required={{@isRequired}}\\n      ...attributes\\n      id={{F.id}}\\n      aria-describedby={{F.ariaDescribedBy}}\\n    />\\n  </F.Control>\\n</Hds::Form::Field>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsFormFieldSignature } from '../field';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormLabelSignature } from '../label';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormErrorSignature } from '../error';\n\nexport interface HdsFormToggleFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'isOptional'> & {\n    value?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Label?: ComponentLike<HdsFormLabelSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n      },\n    ];\n  };\n  Element: HdsFormFieldSignature['Element'];\n}\n\nconst HdsFormToggleField = templateOnlyComponent<HdsFormToggleFieldSignature>();\n\nexport default HdsFormToggleField;\n"],"names":["HdsFormToggleField","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8pBAA8pB;;ACDhsB;AACA;AACA;AACA;;AAyBA,MAAMA,kBAAkB,GAAGC,qBAAqB,EAA+B,CAAA;AAE/E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,kBAAkB,CAAA;;;;"}

package/dist/components/hds/form/toggle/group.js

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsFormToggleGroupComponent = templateOnlyComponent();
-var group = setComponentTemplate(TEMPLATE, HdsFormToggleGroupComponent);
+const HdsFormToggleGroup = templateOnlyComponent();
+var group = setComponentTemplate(TEMPLATE, HdsFormToggleGroup);
 
 export { group as default };
 //# sourceMappingURL=group.js.map

package/dist/components/hds/form/toggle/group.js.map

@@ -1 +1 @@
-{"version":3,"file":"group.js","sources":["../../../../../src/components/hds/form/toggle/group.hbs","../../../../../src/components/hds/form/toggle/group.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Fieldset @layout={{@layout}} @isRequired={{@isRequired}} @isOptional={{@isOptional}} ...attributes as |F|>\\n  {{! Notice: the order of the elements is not relevant here, because it\\'s controlled at \\\"Hds::Form::Fieldset\\\" component level }}\\n  {{yield (hash Legend=F.Legend HelperText=F.HelperText Error=F.Error)}}\\n  <F.Control>\\n    {{yield\\n      (hash\\n        ToggleField=(component\\n          \\\"hds/form/toggle/field\\\"\\n          contextualClass=\\\"hds-form-group__control-field\\\"\\n          isRequired=@isRequired\\n          extraAriaDescribedBy=F.ariaDescribedBy\\n        )\\n      )\\n    }}\\n  </F.Control>\\n</Hds::Form::Fieldset>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsFormFieldsetSignature } from '../fieldset';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormLegendSignature } from '../legend';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormToggleFieldSignature } from './field';\nimport type { HdsFormErrorSignature } from '../error';\n\ninterface HdsFormToggleGroupSignature {\n  Args: HdsFormFieldsetSignature['Args'] & {\n    name?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Legend?: ComponentLike<HdsFormLegendSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        ToggleField?: ComponentLike<HdsFormToggleFieldSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n      },\n    ];\n  };\n  Element: HdsFormFieldsetSignature['Element'];\n}\n\nconst HdsFormToggleGroupComponent =\n  templateOnlyComponent<HdsFormToggleGroupSignature>();\n\nexport default HdsFormToggleGroupComponent;\n"],"names":["HdsFormToggleGroupComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,ytBAAytB;;ACD3vB;AACA;AACA;AACA;;AA2BA,MAAMA,2BAA2B,GAC/BC,qBAAqB,EAA+B,CAAA;AAEtD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,2BAA2B,CAAA;;;;"}
+{"version":3,"file":"group.js","sources":["../../../../../src/components/hds/form/toggle/group.hbs","../../../../../src/components/hds/form/toggle/group.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Fieldset @layout={{@layout}} @isRequired={{@isRequired}} @isOptional={{@isOptional}} ...attributes as |F|>\\n  {{! Notice: the order of the elements is not relevant here, because it\\'s controlled at \\\"Hds::Form::Fieldset\\\" component level }}\\n  {{yield (hash Legend=F.Legend HelperText=F.HelperText Error=F.Error)}}\\n  <F.Control>\\n    {{yield\\n      (hash\\n        ToggleField=(component\\n          \\\"hds/form/toggle/field\\\"\\n          contextualClass=\\\"hds-form-group__control-field\\\"\\n          isRequired=@isRequired\\n          extraAriaDescribedBy=F.ariaDescribedBy\\n        )\\n      )\\n    }}\\n  </F.Control>\\n</Hds::Form::Fieldset>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { HdsFormFieldsetSignature } from '../fieldset';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormLegendSignature } from '../legend';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormToggleFieldSignature } from './field';\nimport type { HdsFormErrorSignature } from '../error';\n\ninterface HdsFormToggleGroupSignature {\n  Args: HdsFormFieldsetSignature['Args'] & {\n    name?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Legend?: ComponentLike<HdsFormLegendSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        ToggleField?: ComponentLike<HdsFormToggleFieldSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n      },\n    ];\n  };\n  Element: HdsFormFieldsetSignature['Element'];\n}\n\nconst HdsFormToggleGroup = templateOnlyComponent<HdsFormToggleGroupSignature>();\n\nexport default HdsFormToggleGroup;\n"],"names":["HdsFormToggleGroup","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,ytBAAytB;;ACD3vB;AACA;AACA;AACA;;AA2BA,MAAMA,kBAAkB,GAAGC,qBAAqB,EAA+B,CAAA;AAE/E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,kBAAkB,CAAA;;;;"}

package/dist/components/hds/form/visibility-toggle/index.js

@@ -2,15 +2,15 @@ import templateOnlyComponent from '@ember/component/template-only';
 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<button class=\"hds-form-visibility-toggle\" type=\"button\" aria-label={{@ariaLabel}} ...attributes>\n  <FlightIcon @name={{if @isVisible \"eye\" \"eye-off\"}} @size=\"16\" @isInlineBlock={{false}} />\n  <span class=\"sr-only\" aria-live=\"polite\">{{@ariaMessageText}}</span>\n</button>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<button class=\"hds-form-visibility-toggle\" type=\"button\" aria-label={{@ariaLabel}} ...attributes>\n  <Hds::Icon @name={{if @isVisible \"eye\" \"eye-off\"}} @size=\"16\" />\n  <span class=\"sr-only\" aria-live=\"polite\">{{@ariaMessageText}}</span>\n</button>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsFormVisibilityToggleComponent = templateOnlyComponent();
-var index = setComponentTemplate(TEMPLATE, HdsFormVisibilityToggleComponent);
+const HdsFormVisibilityToggle = templateOnlyComponent();
+var index = setComponentTemplate(TEMPLATE, HdsFormVisibilityToggle);
 
 export { index as default };
 //# sourceMappingURL=index.js.map

package/dist/components/hds/form/visibility-toggle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/visibility-toggle/index.hbs","../../../../../src/components/hds/form/visibility-toggle/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<button class=\\\"hds-form-visibility-toggle\\\" type=\\\"button\\\" aria-label={{@ariaLabel}} ...attributes>\\n  <FlightIcon @name={{if @isVisible \\\"eye\\\" \\\"eye-off\\\"}} @size=\\\"16\\\" @isInlineBlock={{false}} />\\n  <span class=\\\"sr-only\\\" aria-live=\\\"polite\\\">{{@ariaMessageText}}</span>\\n</button>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsFormVisibilityToggleSignature {\n  Args: {\n    ariaLabel?: string;\n    ariaMessageText?: string;\n    isVisible?: boolean;\n  };\n  Element: HTMLButtonElement;\n}\n\nconst HdsFormVisibilityToggleComponent =\n  templateOnlyComponent<HdsFormVisibilityToggleSignature>();\n\nexport default HdsFormVisibilityToggleComponent;\n"],"names":["HdsFormVisibilityToggleComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,gXAAgX;;ACDlZ;AACA;AACA;AACA;;AAaA,MAAMA,gCAAgC,GACpCC,qBAAqB,EAAoC,CAAA;AAE3D,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,gCAAgC,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/visibility-toggle/index.hbs","../../../../../src/components/hds/form/visibility-toggle/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<button class=\\\"hds-form-visibility-toggle\\\" type=\\\"button\\\" aria-label={{@ariaLabel}} ...attributes>\\n  <Hds::Icon @name={{if @isVisible \\\"eye\\\" \\\"eye-off\\\"}} @size=\\\"16\\\" />\\n  <span class=\\\"sr-only\\\" aria-live=\\\"polite\\\">{{@ariaMessageText}}</span>\\n</button>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsFormVisibilityToggleSignature {\n  Args: {\n    ariaLabel?: string;\n    ariaMessageText?: string;\n    isVisible?: boolean;\n  };\n  Element: HTMLButtonElement;\n}\n\nconst HdsFormVisibilityToggle =\n  templateOnlyComponent<HdsFormVisibilityToggleSignature>();\n\nexport default HdsFormVisibilityToggle;\n"],"names":["HdsFormVisibilityToggle","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,sVAAsV;;ACDxX;AACA;AACA;AACA;;AAaA,MAAMA,uBAAuB,GAC3BC,qBAAqB,EAAoC,CAAA;AAE3D,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,uBAAuB,CAAA;;;;"}

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

@@ -1,3 +1,8 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
 let HdsIconSizeValues = /*#__PURE__*/function (HdsIconSizeValues) {
   HdsIconSizeValues["Sixteen"] = "16";
   HdsIconSizeValues["TwentyFour"] = "24";

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/hds/icon/types.ts"],"sourcesContent":["export enum HdsIconSizeValues {\n  Sixteen = '16',\n  TwentyFour = '24',\n}\n\nexport type HdsIconSizes = `${HdsIconSizeValues}`;\n\nexport enum HdsIconColorValues {\n  Primary = 'primary',\n  Strong = 'strong',\n  Faint = 'faint',\n  Disabled = 'disabled',\n  HighContrast = 'high-contrast',\n  Action = 'action',\n  ActionHover = 'action-hover',\n  ActionActive = 'action-active',\n  Highlight = 'highlight',\n  HighlightOnSurface = 'highlight-on-surface',\n  HighlightHighContrast = 'highlight-high-contrast',\n  Success = 'success',\n  SuccessOnSurface = 'success-on-surface',\n  SuccessHighContrast = 'success-high-contrast',\n  Warning = 'warning',\n  WarningOnSurface = 'warning-on-surface',\n  WarningHighContrast = 'warning-high-contrast',\n  Critical = 'critical',\n  CriticalOnSurface = 'critical-on-surface',\n  CriticalHighContrast = 'critical-high-contrast',\n}\nexport type HdsIconColors = `${HdsIconColorValues}`;\n"],"names":["HdsIconSizeValues","HdsIconColorValues"],"mappings":"AAAYA,IAAAA,iBAAiB,0BAAjBA,iBAAiB,EAAA;EAAjBA,iBAAiB,CAAA,SAAA,CAAA,GAAA,IAAA,CAAA;EAAjBA,iBAAiB,CAAA,YAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAjBA,iBAAiB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOjBC,IAAAA,kBAAkB,0BAAlBA,kBAAkB,EAAA;EAAlBA,kBAAkB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAlBA,kBAAkB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAlBA,kBAAkB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAlBA,kBAAkB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAlBA,kBAAkB,CAAA,cAAA,CAAA,GAAA,eAAA,CAAA;EAAlBA,kBAAkB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAlBA,kBAAkB,CAAA,aAAA,CAAA,GAAA,cAAA,CAAA;EAAlBA,kBAAkB,CAAA,cAAA,CAAA,GAAA,eAAA,CAAA;EAAlBA,kBAAkB,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAAlBA,kBAAkB,CAAA,oBAAA,CAAA,GAAA,sBAAA,CAAA;EAAlBA,kBAAkB,CAAA,uBAAA,CAAA,GAAA,yBAAA,CAAA;EAAlBA,kBAAkB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAlBA,kBAAkB,CAAA,kBAAA,CAAA,GAAA,oBAAA,CAAA;EAAlBA,kBAAkB,CAAA,qBAAA,CAAA,GAAA,uBAAA,CAAA;EAAlBA,kBAAkB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAlBA,kBAAkB,CAAA,kBAAA,CAAA,GAAA,oBAAA,CAAA;EAAlBA,kBAAkB,CAAA,qBAAA,CAAA,GAAA,uBAAA,CAAA;EAAlBA,kBAAkB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAlBA,kBAAkB,CAAA,mBAAA,CAAA,GAAA,qBAAA,CAAA;EAAlBA,kBAAkB,CAAA,sBAAA,CAAA,GAAA,wBAAA,CAAA;AAAA,EAAA,OAAlBA,kBAAkB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/icon/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsIconSizeValues {\n  Sixteen = '16',\n  TwentyFour = '24',\n}\n\nexport type HdsIconSizes = `${HdsIconSizeValues}`;\n\nexport enum HdsIconColorValues {\n  Primary = 'primary',\n  Strong = 'strong',\n  Faint = 'faint',\n  Disabled = 'disabled',\n  HighContrast = 'high-contrast',\n  Action = 'action',\n  ActionHover = 'action-hover',\n  ActionActive = 'action-active',\n  Highlight = 'highlight',\n  HighlightOnSurface = 'highlight-on-surface',\n  HighlightHighContrast = 'highlight-high-contrast',\n  Success = 'success',\n  SuccessOnSurface = 'success-on-surface',\n  SuccessHighContrast = 'success-high-contrast',\n  Warning = 'warning',\n  WarningOnSurface = 'warning-on-surface',\n  WarningHighContrast = 'warning-high-contrast',\n  Critical = 'critical',\n  CriticalOnSurface = 'critical-on-surface',\n  CriticalHighContrast = 'critical-high-contrast',\n}\nexport type HdsIconColors = `${HdsIconColorValues}`;\n"],"names":["HdsIconSizeValues","HdsIconColorValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,iBAAiB,0BAAjBA,iBAAiB,EAAA;EAAjBA,iBAAiB,CAAA,SAAA,CAAA,GAAA,IAAA,CAAA;EAAjBA,iBAAiB,CAAA,YAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAjBA,iBAAiB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOjBC,IAAAA,kBAAkB,0BAAlBA,kBAAkB,EAAA;EAAlBA,kBAAkB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAlBA,kBAAkB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAlBA,kBAAkB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAlBA,kBAAkB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAlBA,kBAAkB,CAAA,cAAA,CAAA,GAAA,eAAA,CAAA;EAAlBA,kBAAkB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAlBA,kBAAkB,CAAA,aAAA,CAAA,GAAA,cAAA,CAAA;EAAlBA,kBAAkB,CAAA,cAAA,CAAA,GAAA,eAAA,CAAA;EAAlBA,kBAAkB,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAAlBA,kBAAkB,CAAA,oBAAA,CAAA,GAAA,sBAAA,CAAA;EAAlBA,kBAAkB,CAAA,uBAAA,CAAA,GAAA,yBAAA,CAAA;EAAlBA,kBAAkB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAlBA,kBAAkB,CAAA,kBAAA,CAAA,GAAA,oBAAA,CAAA;EAAlBA,kBAAkB,CAAA,qBAAA,CAAA,GAAA,uBAAA,CAAA;EAAlBA,kBAAkB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAlBA,kBAAkB,CAAA,kBAAA,CAAA,GAAA,oBAAA,CAAA;EAAlBA,kBAAkB,CAAA,qBAAA,CAAA,GAAA,uBAAA,CAAA;EAAlBA,kBAAkB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAlBA,kBAAkB,CAAA,mBAAA,CAAA,GAAA,qBAAA,CAAA;EAAlBA,kBAAkB,CAAA,sBAAA,CAAA,GAAA,wBAAA,CAAA;AAAA,EAAA,OAAlBA,kBAAkB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/components/hds/icon-tile/index.js

@@ -4,7 +4,7 @@ import { HdsIconTileColorNeutral, HdsIconTileProductValues, HdsIconTileSizeValue
 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={{this.classNames}} aria-hidden=\"true\" ...attributes>\n  {{#if @icon}}\n    <div class=\"hds-icon-tile__icon\">\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\n    </div>\n  {{/if}}\n  {{#if @logo}}\n    <div class=\"hds-icon-tile__logo\">\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\n    </div>\n  {{/if}}\n  {{#if this.iconSecondary}}\n    <div class=\"hds-icon-tile__extra\">\n      <div class=\"hds-icon-tile__extra-icon\">\n        <FlightIcon @name={{this.iconSecondary}} @size=\"16\" @stretched={{true}} />\n      </div>\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}} aria-hidden=\"true\" ...attributes>\n  {{#if this.icon}}\n    <div class={{this.iconWrapperClass}}>\n      <Hds::Icon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\n    </div>\n  {{/if}}\n\n  {{#if this.iconSecondary}}\n    <div class=\"hds-icon-tile__extra\">\n      <div class=\"hds-icon-tile__extra-icon\">\n        <Hds::Icon @name={{this.iconSecondary}} @size=\"16\" @stretched={{true}} />\n      </div>\n    </div>\n  {{/if}}\n</div>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
@@ -19,15 +19,7 @@ const COLORS = Object.values({
   ...HdsIconTileProductValues
 });
 const PRODUCTS = Object.values(HdsIconTileProductValues);
-class HdsIconTileComponent extends Component {
-  /**
-   * Sets the size for the component
-   * Accepted values: small, medium, large
-   *
-   * @param size
-   * @type {string}
-   * @default 'medium'
-   */
+class HdsIconTile extends Component {
   get size() {
     const {
       size = DEFAULT_SIZE
@@ -35,15 +27,6 @@ class HdsIconTileComponent extends Component {
     assert(`@size for "Hds::IconTile" must be one of the following: ${SIZES.join(', ')}; received: ${size}`, SIZES.includes(size));
     return size;
   }
-
-  /**
-   * Sets the color scheme for the component
-   * Accepted values: see THE COLORS LIST
-   *
-   * @param color
-   * @type {string}
-   * @default 'neutral'
-   */
   get color() {
     let {
       color = DEFAULT_COLOR
@@ -57,14 +40,6 @@ class HdsIconTileComponent extends Component {
     assert(`@color for "Hds::IconTile" must be one of the following: ${COLORS.join(', ')}; received: ${color}`, COLORS.includes(color));
     return color;
   }
-
-  /**
-   * Sets the icon name (one of the FlightIcons)
-   *
-   * @param icon
-   * @type {string|null}
-   * @default null
-   */
   get icon() {
     if (this.args.logo) {
       // for the logo version we use the colored versions directly
@@ -75,13 +50,6 @@ class HdsIconTileComponent extends Component {
       return undefined;
     }
   }
-
-  /**
-   * @param iconSize
-   * @type {string}
-   * @default 16
-   * @description ensures that the correct icon size is used. Automatically calculated.
-   */
   get iconSize() {
     if (this.args.size === 'small') {
       return '16';
@@ -89,14 +57,14 @@ class HdsIconTileComponent extends Component {
       return '24';
     }
   }
-
-  /**
-   * Sets the logo name if there is one
-   *
-   * @param logo
-   * @type {string|null}
-   * @default null
-   */
+  get iconWrapperClass() {
+    if (this.args.logo !== undefined) {
+      return 'hds-icon-tile__logo';
+    }
+    if (this.args.icon !== undefined) {
+      return 'hds-icon-tile__icon';
+    }
+  }
   get logo() {
     const {
       logo
@@ -106,12 +74,6 @@ class HdsIconTileComponent extends Component {
     }
     return logo ?? null;
   }
-
-  /**
-   * We need to differentiate between a logo and an icon
-   * @method IconTile#entity
-   * @return {string} The kind of entity we're dealing with ("logo" or "icon")
-   */
   get entity() {
     let entity;
     assert(`you can't pass both @logo and @icon properties to the "Hds::IconTile" component`, !(this.args.logo && this.args.icon));
@@ -124,23 +86,10 @@ class HdsIconTileComponent extends Component {
     }
     return entity;
   }
-
-  /**
-   * Sets the "secondary" icon name (one of the FlightIcons)
-   *
-   * @param iconSecondary
-   * @type {string|null}
-   * @default null
-   */
   get iconSecondary() {
-    return this.args.iconSecondary ?? null;
+    return this.args.iconSecondary;
   }
 
-  /**
-   * Get the class names to apply to the component.
-   * @method IconTile#classNames
-   * @return {string} The "class" attribute to apply to the component.
-   */
   // hds-icon-tile {{this.entityClass}} {{this.sizeClass}} {{this.colorClass}}"
   get classNames() {
     const classes = ['hds-icon-tile'];
@@ -156,7 +105,7 @@ class HdsIconTileComponent extends Component {
     return classes.join(' ');
   }
 }
-setComponentTemplate(TEMPLATE, HdsIconTileComponent);
+setComponentTemplate(TEMPLATE, HdsIconTile);
 
-export { COLORS, DEFAULT_COLOR, DEFAULT_SIZE, PRODUCTS, SIZES, HdsIconTileComponent as default };
+export { COLORS, DEFAULT_COLOR, DEFAULT_SIZE, PRODUCTS, SIZES, HdsIconTile as default };
 //# sourceMappingURL=index.js.map

package/dist/components/hds/icon-tile/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/icon-tile/index.hbs","../../../../src/components/hds/icon-tile/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}} aria-hidden=\\\"true\\\" ...attributes>\\n  {{#if @icon}}\\n    <div class=\\\"hds-icon-tile__icon\\\">\\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </div>\\n  {{/if}}\\n  {{#if @logo}}\\n    <div class=\\\"hds-icon-tile__logo\\\">\\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </div>\\n  {{/if}}\\n  {{#if this.iconSecondary}}\\n    <div class=\\\"hds-icon-tile__extra\\\">\\n      <div class=\\\"hds-icon-tile__extra-icon\\\">\\n        <FlightIcon @name={{this.iconSecondary}} @size=\\\"16\\\" @stretched={{true}} />\\n      </div>\\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  HdsIconTileColorNeutral,\n  HdsIconTileProductValues,\n  HdsIconTileSizeValues,\n} from './types.ts';\n\nimport type {\n  HdsIconTileColors,\n  HdsIconTileProducts,\n  HdsIconTileSizes,\n} from './types.ts';\n\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\n\nexport const DEFAULT_SIZE = 'medium';\nexport const DEFAULT_COLOR = 'neutral';\nexport const SIZES: string[] = Object.values(HdsIconTileSizeValues);\nexport const COLORS: string[] = Object.values({\n  ...HdsIconTileColorNeutral,\n  ...HdsIconTileProductValues,\n});\nexport const PRODUCTS: string[] = Object.values(HdsIconTileProductValues);\n\nexport interface HdsIconTileSignature {\n  Args: {\n    size?: HdsIconTileSizes;\n    color?: HdsIconTileColors;\n    logo?: HdsIconTileProducts;\n    icon?: FlightIconSignature['Args']['name'];\n    iconSecondary?: FlightIconSignature['Args']['name'];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsIconTileComponent extends Component<HdsIconTileSignature> {\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(): HdsIconTileSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::IconTile\" 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 color scheme for the component\n   * Accepted values: see THE COLORS LIST\n   *\n   * @param color\n   * @type {string}\n   * @default 'neutral'\n   */\n  get color(): string {\n    let { color = DEFAULT_COLOR } = this.args;\n\n    // if it's a \"logo\" then we overwrite any @color parameter passed\n    // and just use the product \"brand\" color\n    if (this.logo) {\n      color = this.logo;\n    }\n\n    assert(\n      `@color for \"Hds::IconTile\" 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   * Sets the icon name (one of the FlightIcons)\n   *\n   * @param icon\n   * @type {string|null}\n   * @default null\n   */\n  get icon(): FlightIconSignature['Args']['name'] | undefined {\n    if (this.args.logo) {\n      // for the logo version we use the colored versions directly\n      return `${this.args.logo}-color`;\n    } else if (this.args.icon) {\n      return this.args.icon;\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * @param iconSize\n   * @type {string}\n   * @default 16\n   * @description ensures that the correct icon size is used. Automatically calculated.\n   */\n  get iconSize(): FlightIconSignature['Args']['size'] {\n    if (this.args.size === 'small') {\n      return '16';\n    } else {\n      return '24';\n    }\n  }\n\n  /**\n   * Sets the logo name if there is one\n   *\n   * @param logo\n   * @type {string|null}\n   * @default null\n   */\n  get logo(): HdsIconTileProducts | null {\n    const { logo } = this.args;\n\n    if (logo) {\n      assert(\n        `@logo for \"Hds::IconTile\" must be one of the following: ${PRODUCTS.join(\n          ', '\n        )}; received: ${logo}`,\n        PRODUCTS.includes(logo)\n      );\n    }\n\n    return logo ?? null;\n  }\n\n  /**\n   * We need to differentiate between a logo and an icon\n   * @method IconTile#entity\n   * @return {string} The kind of entity we're dealing with (\"logo\" or \"icon\")\n   */\n  get entity(): string | undefined {\n    let entity;\n\n    assert(\n      `you can't pass both @logo and @icon properties to the \"Hds::IconTile\" component`,\n      !(this.args.logo && this.args.icon)\n    );\n\n    assert(\n      `you need to pass @logo or @icon to the \"Hds::IconTile\" component`,\n      !(this.args.logo === undefined && this.args.icon === undefined)\n    );\n\n    if (this.args.logo) {\n      entity = 'logo';\n    }\n    if (this.args.icon) {\n      entity = 'icon';\n    }\n\n    return entity;\n  }\n\n  /**\n   * Sets the \"secondary\" icon name (one of the FlightIcons)\n   *\n   * @param iconSecondary\n   * @type {string|null}\n   * @default null\n   */\n  get iconSecondary(): FlightIconSignature['Args']['name'] | null {\n    return this.args.iconSecondary ?? null;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method IconTile#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  // hds-icon-tile {{this.entityClass}} {{this.sizeClass}} {{this.colorClass}}\"\n  get classNames(): string {\n    const classes = ['hds-icon-tile'];\n\n    // add a class based on its entity argument\n    classes.push(`hds-icon-tile--${this.entity}`);\n\n    // add a class based on the @size argument\n    classes.push(`hds-icon-tile--size-${this.size}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-icon-tile--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_SIZE","DEFAULT_COLOR","SIZES","Object","values","HdsIconTileSizeValues","COLORS","HdsIconTileColorNeutral","HdsIconTileProductValues","PRODUCTS","HdsIconTileComponent","Component","size","args","assert","join","includes","color","logo","icon","undefined","iconSize","entity","iconSecondary","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/icon-tile/index.hbs","../../../../src/components/hds/icon-tile/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}} aria-hidden=\\\"true\\\" ...attributes>\\n  {{#if this.icon}}\\n    <div class={{this.iconWrapperClass}}>\\n      <Hds::Icon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </div>\\n  {{/if}}\\n\\n  {{#if this.iconSecondary}}\\n    <div class=\\\"hds-icon-tile__extra\\\">\\n      <div class=\\\"hds-icon-tile__extra-icon\\\">\\n        <Hds::Icon @name={{this.iconSecondary}} @size=\\\"16\\\" @stretched={{true}} />\\n      </div>\\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  HdsIconTileColorNeutral,\n  HdsIconTileProductValues,\n  HdsIconTileSizeValues,\n} from './types.ts';\n\nimport type {\n  HdsIconTileColors,\n  HdsIconTileProducts,\n  HdsIconTileSizes,\n} from './types.ts';\n\nimport type { HdsIconSignature } from '../icon';\n\nexport const DEFAULT_SIZE = 'medium';\nexport const DEFAULT_COLOR = 'neutral';\nexport const SIZES: string[] = Object.values(HdsIconTileSizeValues);\nexport const COLORS: string[] = Object.values({\n  ...HdsIconTileColorNeutral,\n  ...HdsIconTileProductValues,\n});\nexport const PRODUCTS: string[] = Object.values(HdsIconTileProductValues);\n\nexport interface HdsIconTileSignature {\n  Args: {\n    size?: HdsIconTileSizes;\n    color?: HdsIconTileColors;\n    logo?: HdsIconTileProducts;\n    icon?: HdsIconSignature['Args']['name'];\n    iconSecondary?: HdsIconSignature['Args']['name'];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsIconTile extends Component<HdsIconTileSignature> {\n  get size(): HdsIconTileSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::IconTile\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  get color(): string {\n    let { color = DEFAULT_COLOR } = this.args;\n\n    // if it's a \"logo\" then we overwrite any @color parameter passed\n    // and just use the product \"brand\" color\n    if (this.logo) {\n      color = this.logo;\n    }\n\n    assert(\n      `@color for \"Hds::IconTile\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  get icon(): HdsIconSignature['Args']['name'] | undefined {\n    if (this.args.logo) {\n      // for the logo version we use the colored versions directly\n      return `${this.args.logo}-color`;\n    } else if (this.args.icon) {\n      return this.args.icon;\n    } else {\n      return undefined;\n    }\n  }\n\n  get iconSize(): HdsIconSignature['Args']['size'] {\n    if (this.args.size === 'small') {\n      return '16';\n    } else {\n      return '24';\n    }\n  }\n\n  get iconWrapperClass(): string | undefined {\n    if (this.args.logo !== undefined) {\n      return 'hds-icon-tile__logo';\n    }\n\n    if (this.args.icon !== undefined) {\n      return 'hds-icon-tile__icon';\n    }\n  }\n\n  get logo(): HdsIconTileProducts | null {\n    const { logo } = this.args;\n\n    if (logo) {\n      assert(\n        `@logo for \"Hds::IconTile\" must be one of the following: ${PRODUCTS.join(\n          ', '\n        )}; received: ${logo}`,\n        PRODUCTS.includes(logo)\n      );\n    }\n\n    return logo ?? null;\n  }\n\n  get entity(): string | undefined {\n    let entity;\n\n    assert(\n      `you can't pass both @logo and @icon properties to the \"Hds::IconTile\" component`,\n      !(this.args.logo && this.args.icon)\n    );\n\n    assert(\n      `you need to pass @logo or @icon to the \"Hds::IconTile\" component`,\n      !(this.args.logo === undefined && this.args.icon === undefined)\n    );\n\n    if (this.args.logo) {\n      entity = 'logo';\n    }\n    if (this.args.icon) {\n      entity = 'icon';\n    }\n\n    return entity;\n  }\n\n  get iconSecondary(): HdsIconSignature['Args']['name'] | undefined {\n    return this.args.iconSecondary;\n  }\n\n  // hds-icon-tile {{this.entityClass}} {{this.sizeClass}} {{this.colorClass}}\"\n  get classNames(): string {\n    const classes = ['hds-icon-tile'];\n\n    // add a class based on its entity argument\n    classes.push(`hds-icon-tile--${this.entity}`);\n\n    // add a class based on the @size argument\n    classes.push(`hds-icon-tile--size-${this.size}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-icon-tile--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_SIZE","DEFAULT_COLOR","SIZES","Object","values","HdsIconTileSizeValues","COLORS","HdsIconTileColorNeutral","HdsIconTileProductValues","PRODUCTS","HdsIconTile","Component","size","args","assert","join","includes","color","logo","icon","undefined","iconSize","iconWrapperClass","entity","iconSecondary","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -7,7 +7,7 @@ import { setComponentTemplate } from '@ember/component';
 var TEMPLATE = precompileTemplate("{{! IMPORTANT: we removed the newlines before/after the yield to reduce the issues with unexpected whitespaces (see https://github.com/hashicorp/design-system/pull/231#issuecomment-1123502499) }}\n{{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember becomes visible in the link (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n{{! NOTICE: we can\'t support the direct use of the \"href\" HTML attribute via ...attributes in the <a> elements, because we need to rely on the \"@href\" Ember argument to differentiate between different types of generated output }}\n{{~#if @route~}}\n  {{~#if this.isRouteExternal~}}\n    <LinkToExternal\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      ...attributes\n    >{{yield}}</LinkToExternal>\n  {{~else~}}\n    <LinkTo\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      ...attributes\n    >{{yield}}</LinkTo>\n  {{~/if~}}\n{{~else if @href~}}\n  {{~#if this.isHrefExternal~}}\n    <a target=\"_blank\" rel=\"noopener noreferrer\" ...attributes href={{@href}} {{on \"keyup\" this.onKeyUp}}>{{yield}}</a>\n  {{~else~}}\n    <a ...attributes href={{@href}} {{on \"keyup\" this.onKeyUp}}>{{yield}}</a>\n  {{~/if~}}\n{{~else~}}\n  <button type=\"button\" ...attributes>{{yield}}</button>\n{{~/if~}}");
 
 var _class;
-let HdsInteractiveComponent = (_class = class HdsInteractiveComponent extends Component {
+let HdsInteractive = (_class = class HdsInteractive extends Component {
   /**
    * Determines if a @href value is "external" (it adds target="_blank" rel="noopener noreferrer")
    *
@@ -35,7 +35,7 @@ let HdsInteractiveComponent = (_class = class HdsInteractiveComponent extends Co
     }
   }
 }, (_applyDecoratedDescriptor(_class.prototype, "onKeyUp", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onKeyUp"), _class.prototype)), _class);
-setComponentTemplate(TEMPLATE, HdsInteractiveComponent);
+setComponentTemplate(TEMPLATE, HdsInteractive);
 
-export { HdsInteractiveComponent as default };
+export { HdsInteractive as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/interactive/index.hbs","../../../../src/components/hds/interactive/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! IMPORTANT: we removed the newlines before/after the yield to reduce the issues with unexpected whitespaces (see https://github.com/hashicorp/design-system/pull/231#issuecomment-1123502499) }}\\n{{! IMPORTANT: we need to add \\\"squishies\\\" here (~) because otherwise the whitespace added by Ember becomes visible in the link (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\\n{{! NOTICE: we can\\'t support the direct use of the \\\"href\\\" HTML attribute via ...attributes in the <a> elements, because we need to rely on the \\\"@href\\\" Ember argument to differentiate between different types of generated output }}\\n{{~#if @route~}}\\n  {{~#if this.isRouteExternal~}}\\n    <LinkToExternal\\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      ...attributes\\n    >{{yield}}</LinkToExternal>\\n  {{~else~}}\\n    <LinkTo\\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      ...attributes\\n    >{{yield}}</LinkTo>\\n  {{~/if~}}\\n{{~else if @href~}}\\n  {{~#if this.isHrefExternal~}}\\n    <a target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\" ...attributes href={{@href}} {{on \\\"keyup\\\" this.onKeyUp}}>{{yield}}</a>\\n  {{~else~}}\\n    <a ...attributes href={{@href}} {{on \\\"keyup\\\" this.onKeyUp}}>{{yield}}</a>\\n  {{~/if~}}\\n{{~else~}}\\n  <button type=\\\"button\\\" ...attributes>{{yield}}</button>\\n{{~/if~}}\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\n\nexport interface HdsInteractiveSignature {\n  Args: {\n    href?: string;\n    isHrefExternal?: boolean;\n    isRouteExternal?: boolean;\n    route?: string;\n    models?: Array<string | number>;\n    model?: string | number;\n    query?: Record<string, string>;\n    'current-when'?: string;\n    replace?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLAnchorElement | HTMLButtonElement;\n}\n\nexport default class HdsInteractiveComponent extends Component<HdsInteractiveSignature> {\n  /**\n   * Determines if a @href value is \"external\" (it adds target=\"_blank\" rel=\"noopener noreferrer\")\n   *\n   * @param isHrefExternal\n   * @type boolean\n   * @default true\n   */\n  get isHrefExternal(): boolean {\n    return this.args.isHrefExternal ?? true;\n  }\n\n  /**\n   * Determines if a @route value is \"external\" (uses the LinkToExternal component instead of LinkTo)\n   *\n   * @param isRouteExternal\n   * @type boolean\n   * @default false\n   */\n  get isRouteExternal(): boolean {\n    return this.args.isRouteExternal ?? false;\n  }\n\n  @action\n  onKeyUp(event: KeyboardEvent): void {\n    if (event.key === ' ' || event.code === 'Space') {\n      (event.target as HTMLElement).click();\n    }\n  }\n}\n"],"names":["HdsInteractiveComponent","_class","Component","isHrefExternal","args","isRouteExternal","onKeyUp","event","key","code","target","click","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,4lDAA4lD;;;ACyBzmDA,IAAAA,uBAAuB,IAAAC,MAAA,GAA7B,MAAMD,uBAAuB,SAASE,SAAS,CAA0B;AACtF;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,cAAcA,GAAY;AAC5B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,cAAc,IAAI,IAAI,CAAA;AACzC,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIE,eAAeA,GAAY;AAC7B,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,eAAe,IAAI,KAAK,CAAA;AAC3C,GAAA;EAGAC,OAAOA,CAACC,KAAoB,EAAQ;IAClC,IAAIA,KAAK,CAACC,GAAG,KAAK,GAAG,IAAID,KAAK,CAACE,IAAI,KAAK,OAAO,EAAE;AAC9CF,MAAAA,KAAK,CAACG,MAAM,CAAiBC,KAAK,EAAE,CAAA;AACvC,KAAA;AACF,GAAA;AACF,CAAC,GAAAC,yBAAA,CAAAX,MAAA,CAAAY,SAAA,EAAA,SAAA,EAAA,CANEC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAf,MAAA,CAAAY,SAAA,cAAAZ,MAAA,CAAAY,SAAA,CAAA,GAAAZ,MAAA,EAAA;AAvBmCgB,oBAAA,CAAAC,QAAA,EAAvBlB,uBAAuB,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/interactive/index.hbs","../../../../src/components/hds/interactive/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! IMPORTANT: we removed the newlines before/after the yield to reduce the issues with unexpected whitespaces (see https://github.com/hashicorp/design-system/pull/231#issuecomment-1123502499) }}\\n{{! IMPORTANT: we need to add \\\"squishies\\\" here (~) because otherwise the whitespace added by Ember becomes visible in the link (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\\n{{! NOTICE: we can\\'t support the direct use of the \\\"href\\\" HTML attribute via ...attributes in the <a> elements, because we need to rely on the \\\"@href\\\" Ember argument to differentiate between different types of generated output }}\\n{{~#if @route~}}\\n  {{~#if this.isRouteExternal~}}\\n    <LinkToExternal\\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      ...attributes\\n    >{{yield}}</LinkToExternal>\\n  {{~else~}}\\n    <LinkTo\\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      ...attributes\\n    >{{yield}}</LinkTo>\\n  {{~/if~}}\\n{{~else if @href~}}\\n  {{~#if this.isHrefExternal~}}\\n    <a target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\" ...attributes href={{@href}} {{on \\\"keyup\\\" this.onKeyUp}}>{{yield}}</a>\\n  {{~else~}}\\n    <a ...attributes href={{@href}} {{on \\\"keyup\\\" this.onKeyUp}}>{{yield}}</a>\\n  {{~/if~}}\\n{{~else~}}\\n  <button type=\\\"button\\\" ...attributes>{{yield}}</button>\\n{{~/if~}}\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\n\nexport interface HdsInteractiveSignature {\n  Args: {\n    href?: string;\n    isHrefExternal?: boolean;\n    isRouteExternal?: boolean;\n    route?: string;\n    models?: Array<string | number>;\n    model?: string | number;\n    query?: Record<string, string>;\n    'current-when'?: string;\n    replace?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLAnchorElement | HTMLButtonElement;\n}\n\nexport default class HdsInteractive extends Component<HdsInteractiveSignature> {\n  /**\n   * Determines if a @href value is \"external\" (it adds target=\"_blank\" rel=\"noopener noreferrer\")\n   *\n   * @param isHrefExternal\n   * @type boolean\n   * @default true\n   */\n  get isHrefExternal(): boolean {\n    return this.args.isHrefExternal ?? true;\n  }\n\n  /**\n   * Determines if a @route value is \"external\" (uses the LinkToExternal component instead of LinkTo)\n   *\n   * @param isRouteExternal\n   * @type boolean\n   * @default false\n   */\n  get isRouteExternal(): boolean {\n    return this.args.isRouteExternal ?? false;\n  }\n\n  @action\n  onKeyUp(event: KeyboardEvent): void {\n    if (event.key === ' ' || event.code === 'Space') {\n      (event.target as HTMLElement).click();\n    }\n  }\n}\n"],"names":["HdsInteractive","_class","Component","isHrefExternal","args","isRouteExternal","onKeyUp","event","key","code","target","click","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,4lDAA4lD;;;ACyBzmDA,IAAAA,cAAc,IAAAC,MAAA,GAApB,MAAMD,cAAc,SAASE,SAAS,CAA0B;AAC7E;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,cAAcA,GAAY;AAC5B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,cAAc,IAAI,IAAI,CAAA;AACzC,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIE,eAAeA,GAAY;AAC7B,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,eAAe,IAAI,KAAK,CAAA;AAC3C,GAAA;EAGAC,OAAOA,CAACC,KAAoB,EAAQ;IAClC,IAAIA,KAAK,CAACC,GAAG,KAAK,GAAG,IAAID,KAAK,CAACE,IAAI,KAAK,OAAO,EAAE;AAC9CF,MAAAA,KAAK,CAACG,MAAM,CAAiBC,KAAK,EAAE,CAAA;AACvC,KAAA;AACF,GAAA;AACF,CAAC,GAAAC,yBAAA,CAAAX,MAAA,CAAAY,SAAA,EAAA,SAAA,EAAA,CANEC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAf,MAAA,CAAAY,SAAA,cAAAZ,MAAA,CAAAY,SAAA,CAAA,GAAAZ,MAAA,EAAA;AAvB0BgB,oBAAA,CAAAC,QAAA,EAAdlB,cAAc,CAAA;;;;"}

package/dist/components/hds/link/inline.js

@@ -4,7 +4,7 @@ import { HdsLinkIconPositionValues, HdsLinkColorValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! IMPORTANT: we removed the newlines before/after the yield to reduce the issues with unexpected whitespaces (see https://github.com/hashicorp/design-system/pull/231#issuecomment-1123502499) }}\n{{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember becomes visible in the link (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n<Hds::Interactive\n  class={{this.classNames}}\n  @current-when={{@current-when}}\n  @models={{hds-link-to-models @model @models}}\n  @query={{hds-link-to-query @query}}\n  @replace={{@replace}}\n  @route={{@route}}\n  @isRouteExternal={{@isRouteExternal}}\n  @href={{@href}}\n  @isHrefExternal={{@isHrefExternal}}\n  ...attributes\n>{{#if (and @icon (eq this.iconPosition \"leading\"))~}}\n    <span class=\"hds-link-inline__icon hds-link-inline__icon--leading\">\n      <FlightIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n    </span>\n  {{~/if~}}{{yield}}{{~#if (and @icon (eq this.iconPosition \"trailing\"))~}}\n    <span class=\"hds-link-inline__icon hds-link-inline__icon--trailing\">\n      <FlightIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n    </span>\n  {{~/if}}</Hds::Interactive>");
+var TEMPLATE = precompileTemplate("{{! IMPORTANT: we removed the newlines before/after the yield to reduce the issues with unexpected whitespaces (see https://github.com/hashicorp/design-system/pull/231#issuecomment-1123502499) }}\n{{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember becomes visible in the link (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n<Hds::Interactive\n  class={{this.classNames}}\n  @current-when={{@current-when}}\n  @models={{hds-link-to-models @model @models}}\n  @query={{hds-link-to-query @query}}\n  @replace={{@replace}}\n  @route={{@route}}\n  @isRouteExternal={{@isRouteExternal}}\n  @href={{@href}}\n  @isHrefExternal={{@isHrefExternal}}\n  ...attributes\n>{{#if (eq this.iconPosition \"leading\")~}}\n    {{#if @icon~}}<span class=\"hds-link-inline__icon hds-link-inline__icon--leading\">\n        <Hds::Icon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n      </span>{{~/if}}\n  {{~/if~}}{{yield}}{{~#if (eq this.iconPosition \"trailing\")~}}\n    {{#if @icon~}}<span class=\"hds-link-inline__icon hds-link-inline__icon--trailing\">\n        <Hds::Icon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n      </span>{{~/if}}\n  {{~/if}}</Hds::Interactive>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
@@ -15,7 +15,7 @@ const DEFAULT_ICONPOSITION = HdsLinkIconPositionValues.Trailing;
 const DEFAULT_COLOR = HdsLinkColorValues.Primary;
 const ICONPOSITIONS = Object.values(HdsLinkIconPositionValues);
 const COLORS = Object.values(HdsLinkColorValues);
-class HdsLinkInlineComponent extends Component {
+class HdsLinkInline extends Component {
   constructor(owner, args) {
     super(owner, args);
     if (!(this.args.href || this.args.route)) {
@@ -67,7 +67,7 @@ class HdsLinkInlineComponent extends Component {
     return classes.join(' ');
   }
 }
-setComponentTemplate(TEMPLATE, HdsLinkInlineComponent);
+setComponentTemplate(TEMPLATE, HdsLinkInline);
 
-export { COLORS, DEFAULT_COLOR, DEFAULT_ICONPOSITION, ICONPOSITIONS, HdsLinkInlineComponent as default };
+export { COLORS, DEFAULT_COLOR, DEFAULT_ICONPOSITION, ICONPOSITIONS, HdsLinkInline as default };
 //# sourceMappingURL=inline.js.map

package/dist/components/hds/link/inline.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline.js","sources":["../../../../src/components/hds/link/inline.hbs","../../../../src/components/hds/link/inline.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! IMPORTANT: we removed the newlines before/after the yield to reduce the issues with unexpected whitespaces (see https://github.com/hashicorp/design-system/pull/231#issuecomment-1123502499) }}\\n{{! IMPORTANT: we need to add \\\"squishies\\\" here (~) because otherwise the whitespace added by Ember becomes visible in the link (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\\n<Hds::Interactive\\n  class={{this.classNames}}\\n  @current-when={{@current-when}}\\n  @models={{hds-link-to-models @model @models}}\\n  @query={{hds-link-to-query @query}}\\n  @replace={{@replace}}\\n  @route={{@route}}\\n  @isRouteExternal={{@isRouteExternal}}\\n  @href={{@href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  ...attributes\\n>{{#if (and @icon (eq this.iconPosition \\\"leading\\\"))~}}\\n    <span class=\\\"hds-link-inline__icon hds-link-inline__icon--leading\\\">\\n      <FlightIcon @name={{@icon}} @size=\\\"16\\\" @stretched={{true}} />\\n    </span>\\n  {{~/if~}}{{yield}}{{~#if (and @icon (eq this.iconPosition \\\"trailing\\\"))~}}\\n    <span class=\\\"hds-link-inline__icon hds-link-inline__icon--trailing\\\">\\n      <FlightIcon @name={{@icon}} @size=\\\"16\\\" @stretched={{true}} />\\n    </span>\\n  {{~/if}}</Hds::Interactive>\")","/**\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 { HdsLinkColorValues, HdsLinkIconPositionValues } from './types.ts';\n\nimport type { HdsInteractiveSignature } from '../interactive/';\nimport type { HdsLinkColors, HdsLinkIconPositions } from './types.ts';\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\n\nexport const DEFAULT_ICONPOSITION = HdsLinkIconPositionValues.Trailing;\nexport const DEFAULT_COLOR = HdsLinkColorValues.Primary;\nexport const ICONPOSITIONS: string[] = Object.values(HdsLinkIconPositionValues);\nexport const COLORS: string[] = Object.values(HdsLinkColorValues);\n\nexport interface HdsLinkInlineSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    color?: HdsLinkColors;\n    icon?: FlightIconSignature['Args']['name'];\n    iconPosition?: HdsLinkIconPositions;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsLinkInlineComponent extends Component<HdsLinkInlineSignature> {\n  constructor(owner: unknown, args: HdsLinkInlineSignature['Args']) {\n    super(owner, args);\n    if (!(this.args.href || this.args.route)) {\n      assert('@href or @route must be defined for <Hds::Link::Inline>');\n    }\n  }\n\n  /**\n   * @param color\n   * @type {string}\n   * @default primary\n   * @description Determines the color of link to be used; acceptable values are `primary` and `secondary`\n   */\n  get color(): HdsLinkColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Link::Inline\" 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 iconPosition\n   * @type {HdsLinkIconPositions}\n   * @default leading\n   * @description Positions the icon before or after the text; allowed values are `leading` or `trailing`\n   */\n  get iconPosition(): HdsLinkIconPositions {\n    const { iconPosition = DEFAULT_ICONPOSITION } = this.args;\n\n    assert(\n      `@iconPosition for \"Hds::Link::Inline\" must be one of the following: ${ICONPOSITIONS.join(\n        ', '\n      )}; received: ${iconPosition}`,\n      ICONPOSITIONS.includes(iconPosition)\n    );\n\n    return iconPosition;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method LinkInline#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-link-inline'];\n\n    // add a class based on the @color argument\n    classes.push(`hds-link-inline--color-${this.color}`);\n\n    // add a class based on the @iconPosition argument\n    classes.push(`hds-link-inline--icon-${this.iconPosition}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_ICONPOSITION","HdsLinkIconPositionValues","Trailing","DEFAULT_COLOR","HdsLinkColorValues","Primary","ICONPOSITIONS","Object","values","COLORS","HdsLinkInlineComponent","Component","constructor","owner","args","href","route","assert","color","join","includes","iconPosition","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,iuCAAiuC;;ACDnwC;AACA;AACA;AACA;;AAUaA,MAAAA,oBAAoB,GAAGC,yBAAyB,CAACC,SAAQ;AACzDC,MAAAA,aAAa,GAAGC,kBAAkB,CAACC,QAAO;AAChD,MAAMC,aAAuB,GAAGC,MAAM,CAACC,MAAM,CAACP,yBAAyB,EAAC;AACxE,MAAMQ,MAAgB,GAAGF,MAAM,CAACC,MAAM,CAACJ,kBAAkB,EAAC;AAclD,MAAMM,sBAAsB,SAASC,SAAS,CAAyB;AACpFC,EAAAA,WAAWA,CAACC,KAAc,EAAEC,IAAoC,EAAE;AAChE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC,CAAA;AAClB,IAAA,IAAI,EAAE,IAAI,CAACA,IAAI,CAACC,IAAI,IAAI,IAAI,CAACD,IAAI,CAACE,KAAK,CAAC,EAAE;MACxCC,MAAM,CAAC,yDAAyD,CAAC,CAAA;AACnE,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,KAAKA,GAAkB;IACzB,MAAM;AAAEA,MAAAA,KAAK,GAAGf,aAAAA;KAAe,GAAG,IAAI,CAACW,IAAI,CAAA;AAE3CG,IAAAA,MAAM,CACJ,CAAgER,6DAAAA,EAAAA,MAAM,CAACU,IAAI,CACzE,IACF,CAAC,CAAA,YAAA,EAAeD,KAAK,CAAA,CAAE,EACvBT,MAAM,CAACW,QAAQ,CAACF,KAAK,CACvB,CAAC,CAAA;AAED,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIG,YAAYA,GAAyB;IACvC,MAAM;AAAEA,MAAAA,YAAY,GAAGrB,oBAAAA;KAAsB,GAAG,IAAI,CAACc,IAAI,CAAA;AAEzDG,IAAAA,MAAM,CACJ,CAAuEX,oEAAAA,EAAAA,aAAa,CAACa,IAAI,CACvF,IACF,CAAC,CAAA,YAAA,EAAeE,YAAY,CAAA,CAAE,EAC9Bf,aAAa,CAACc,QAAQ,CAACC,YAAY,CACrC,CAAC,CAAA;AAED,IAAA,OAAOA,YAAY,CAAA;AACrB,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,iBAAiB,CAAC,CAAA;;AAEnC;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAACN,KAAK,EAAE,CAAC,CAAA;;AAEpD;IACAK,OAAO,CAACC,IAAI,CAAC,CAAA,sBAAA,EAAyB,IAAI,CAACH,YAAY,EAAE,CAAC,CAAA;AAE1D,IAAA,OAAOE,OAAO,CAACJ,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACM,oBAAA,CAAAC,QAAA,EA9DoBhB,sBAAsB,CAAA;;;;"}
+{"version":3,"file":"inline.js","sources":["../../../../src/components/hds/link/inline.hbs","../../../../src/components/hds/link/inline.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! IMPORTANT: we removed the newlines before/after the yield to reduce the issues with unexpected whitespaces (see https://github.com/hashicorp/design-system/pull/231#issuecomment-1123502499) }}\\n{{! IMPORTANT: we need to add \\\"squishies\\\" here (~) because otherwise the whitespace added by Ember becomes visible in the link (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\\n<Hds::Interactive\\n  class={{this.classNames}}\\n  @current-when={{@current-when}}\\n  @models={{hds-link-to-models @model @models}}\\n  @query={{hds-link-to-query @query}}\\n  @replace={{@replace}}\\n  @route={{@route}}\\n  @isRouteExternal={{@isRouteExternal}}\\n  @href={{@href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  ...attributes\\n>{{#if (eq this.iconPosition \\\"leading\\\")~}}\\n    {{#if @icon~}}<span class=\\\"hds-link-inline__icon hds-link-inline__icon--leading\\\">\\n        <Hds::Icon @name={{@icon}} @size=\\\"16\\\" @stretched={{true}} />\\n      </span>{{~/if}}\\n  {{~/if~}}{{yield}}{{~#if (eq this.iconPosition \\\"trailing\\\")~}}\\n    {{#if @icon~}}<span class=\\\"hds-link-inline__icon hds-link-inline__icon--trailing\\\">\\n        <Hds::Icon @name={{@icon}} @size=\\\"16\\\" @stretched={{true}} />\\n      </span>{{~/if}}\\n  {{~/if}}</Hds::Interactive>\")","/**\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 { HdsLinkColorValues, HdsLinkIconPositionValues } from './types.ts';\n\nimport type { HdsInteractiveSignature } from '../interactive/';\nimport type { HdsLinkColors, HdsLinkIconPositions } from './types.ts';\nimport type { HdsIconSignature } from '../icon';\n\nexport const DEFAULT_ICONPOSITION = HdsLinkIconPositionValues.Trailing;\nexport const DEFAULT_COLOR = HdsLinkColorValues.Primary;\nexport const ICONPOSITIONS: string[] = Object.values(HdsLinkIconPositionValues);\nexport const COLORS: string[] = Object.values(HdsLinkColorValues);\n\nexport interface HdsLinkInlineSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    color?: HdsLinkColors;\n    icon?: HdsIconSignature['Args']['name'];\n    iconPosition?: HdsLinkIconPositions;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsLinkInline extends Component<HdsLinkInlineSignature> {\n  constructor(owner: unknown, args: HdsLinkInlineSignature['Args']) {\n    super(owner, args);\n    if (!(this.args.href || this.args.route)) {\n      assert('@href or @route must be defined for <Hds::Link::Inline>');\n    }\n  }\n\n  /**\n   * @param color\n   * @type {string}\n   * @default primary\n   * @description Determines the color of link to be used; acceptable values are `primary` and `secondary`\n   */\n  get color(): HdsLinkColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Link::Inline\" 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 iconPosition\n   * @type {HdsLinkIconPositions}\n   * @default leading\n   * @description Positions the icon before or after the text; allowed values are `leading` or `trailing`\n   */\n  get iconPosition(): HdsLinkIconPositions {\n    const { iconPosition = DEFAULT_ICONPOSITION } = this.args;\n\n    assert(\n      `@iconPosition for \"Hds::Link::Inline\" must be one of the following: ${ICONPOSITIONS.join(\n        ', '\n      )}; received: ${iconPosition}`,\n      ICONPOSITIONS.includes(iconPosition)\n    );\n\n    return iconPosition;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method LinkInline#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-link-inline'];\n\n    // add a class based on the @color argument\n    classes.push(`hds-link-inline--color-${this.color}`);\n\n    // add a class based on the @iconPosition argument\n    classes.push(`hds-link-inline--icon-${this.iconPosition}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_ICONPOSITION","HdsLinkIconPositionValues","Trailing","DEFAULT_COLOR","HdsLinkColorValues","Primary","ICONPOSITIONS","Object","values","COLORS","HdsLinkInline","Component","constructor","owner","args","href","route","assert","color","join","includes","iconPosition","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,2vCAA2vC;;ACD7xC;AACA;AACA;AACA;;AAUaA,MAAAA,oBAAoB,GAAGC,yBAAyB,CAACC,SAAQ;AACzDC,MAAAA,aAAa,GAAGC,kBAAkB,CAACC,QAAO;AAChD,MAAMC,aAAuB,GAAGC,MAAM,CAACC,MAAM,CAACP,yBAAyB,EAAC;AACxE,MAAMQ,MAAgB,GAAGF,MAAM,CAACC,MAAM,CAACJ,kBAAkB,EAAC;AAclD,MAAMM,aAAa,SAASC,SAAS,CAAyB;AAC3EC,EAAAA,WAAWA,CAACC,KAAc,EAAEC,IAAoC,EAAE;AAChE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC,CAAA;AAClB,IAAA,IAAI,EAAE,IAAI,CAACA,IAAI,CAACC,IAAI,IAAI,IAAI,CAACD,IAAI,CAACE,KAAK,CAAC,EAAE;MACxCC,MAAM,CAAC,yDAAyD,CAAC,CAAA;AACnE,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,KAAKA,GAAkB;IACzB,MAAM;AAAEA,MAAAA,KAAK,GAAGf,aAAAA;KAAe,GAAG,IAAI,CAACW,IAAI,CAAA;AAE3CG,IAAAA,MAAM,CACJ,CAAgER,6DAAAA,EAAAA,MAAM,CAACU,IAAI,CACzE,IACF,CAAC,CAAA,YAAA,EAAeD,KAAK,CAAA,CAAE,EACvBT,MAAM,CAACW,QAAQ,CAACF,KAAK,CACvB,CAAC,CAAA;AAED,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIG,YAAYA,GAAyB;IACvC,MAAM;AAAEA,MAAAA,YAAY,GAAGrB,oBAAAA;KAAsB,GAAG,IAAI,CAACc,IAAI,CAAA;AAEzDG,IAAAA,MAAM,CACJ,CAAuEX,oEAAAA,EAAAA,aAAa,CAACa,IAAI,CACvF,IACF,CAAC,CAAA,YAAA,EAAeE,YAAY,CAAA,CAAE,EAC9Bf,aAAa,CAACc,QAAQ,CAACC,YAAY,CACrC,CAAC,CAAA;AAED,IAAA,OAAOA,YAAY,CAAA;AACrB,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,iBAAiB,CAAC,CAAA;;AAEnC;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAACN,KAAK,EAAE,CAAC,CAAA;;AAEpD;IACAK,OAAO,CAACC,IAAI,CAAC,CAAA,sBAAA,EAAyB,IAAI,CAACH,YAAY,EAAE,CAAC,CAAA;AAE1D,IAAA,OAAOE,OAAO,CAACJ,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACM,oBAAA,CAAAC,QAAA,EA9DoBhB,aAAa,CAAA;;;;"}

package/dist/components/hds/link/standalone.js

@@ -4,7 +4,7 @@ import { HdsLinkIconPositionValues, HdsLinkColorValues, HdsLinkStandaloneSizeVal
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("<Hds::Interactive\n  class={{this.classNames}}\n  @current-when={{@current-when}}\n  @models={{hds-link-to-models @model @models}}\n  @query={{hds-link-to-query @query}}\n  @replace={{@replace}}\n  @route={{@route}}\n  @isRouteExternal={{@isRouteExternal}}\n  @href={{@href}}\n  @isHrefExternal={{@isHrefExternal}}\n  ...attributes\n>\n  {{#if (eq this.iconPosition \"leading\")}}\n    <span class=\"hds-link-standalone__icon\">\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\n    </span>\n    <span class=\"hds-link-standalone__text\">\n      {{this.text}}\n    </span>\n  {{else}}\n    <span class=\"hds-link-standalone__text\">\n      {{this.text}}\n    </span>\n    <span class=\"hds-link-standalone__icon\">\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\n    </span>\n  {{/if}}\n</Hds::Interactive>");
+var TEMPLATE = precompileTemplate("<Hds::Interactive\n  class={{this.classNames}}\n  @current-when={{@current-when}}\n  @models={{hds-link-to-models @model @models}}\n  @query={{hds-link-to-query @query}}\n  @replace={{@replace}}\n  @route={{@route}}\n  @isRouteExternal={{@isRouteExternal}}\n  @href={{@href}}\n  @isHrefExternal={{@isHrefExternal}}\n  ...attributes\n>\n  {{#if (eq this.iconPosition \"leading\")}}\n    <span class=\"hds-link-standalone__icon\">\n      <Hds::Icon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\n    </span>\n    <span class=\"hds-link-standalone__text\">\n      {{this.text}}\n    </span>\n  {{else}}\n    <span class=\"hds-link-standalone__text\">\n      {{this.text}}\n    </span>\n    <span class=\"hds-link-standalone__icon\">\n      <Hds::Icon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\n    </span>\n  {{/if}}\n</Hds::Interactive>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
@@ -17,7 +17,7 @@ const DEFAULT_SIZE = HdsLinkStandaloneSizeValues.Medium;
 const ICONPOSITIONS = Object.values(HdsLinkIconPositionValues);
 const COLORS = Object.values(HdsLinkColorValues);
 const SIZES = Object.values(HdsLinkStandaloneSizeValues);
-class HdsLinkStandaloneComponent extends Component {
+class HdsLinkStandalone extends Component {
   constructor(owner, args) {
     super(owner, args);
     if (!(this.args.href || this.args.route)) {
@@ -127,7 +127,7 @@ class HdsLinkStandaloneComponent extends Component {
     return classes.join(' ');
   }
 }
-setComponentTemplate(TEMPLATE, HdsLinkStandaloneComponent);
+setComponentTemplate(TEMPLATE, HdsLinkStandalone);
 
-export { COLORS, DEFAULT_COLOR, DEFAULT_ICONPOSITION, DEFAULT_SIZE, ICONPOSITIONS, SIZES, HdsLinkStandaloneComponent as default };
+export { COLORS, DEFAULT_COLOR, DEFAULT_ICONPOSITION, DEFAULT_SIZE, ICONPOSITIONS, SIZES, HdsLinkStandalone as default };
 //# sourceMappingURL=standalone.js.map

package/dist/components/hds/link/standalone.js.map

@@ -1 +1 @@
-{"version":3,"file":"standalone.js","sources":["../../../../src/components/hds/link/standalone.hbs","../../../../src/components/hds/link/standalone.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"<Hds::Interactive\\n  class={{this.classNames}}\\n  @current-when={{@current-when}}\\n  @models={{hds-link-to-models @model @models}}\\n  @query={{hds-link-to-query @query}}\\n  @replace={{@replace}}\\n  @route={{@route}}\\n  @isRouteExternal={{@isRouteExternal}}\\n  @href={{@href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  ...attributes\\n>\\n  {{#if (eq this.iconPosition \\\"leading\\\")}}\\n    <span class=\\\"hds-link-standalone__icon\\\">\\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </span>\\n    <span class=\\\"hds-link-standalone__text\\\">\\n      {{this.text}}\\n    </span>\\n  {{else}}\\n    <span class=\\\"hds-link-standalone__text\\\">\\n      {{this.text}}\\n    </span>\\n    <span class=\\\"hds-link-standalone__icon\\\">\\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </span>\\n  {{/if}}\\n</Hds::Interactive>\")","/**\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 {\n  HdsLinkIconPositionValues,\n  HdsLinkColorValues,\n  HdsLinkStandaloneSizeValues,\n} from './types.ts';\n\nimport type { HdsInteractiveSignature } from '../interactive/';\nimport type {\n  HdsLinkColors,\n  HdsLinkIconPositions,\n  HdsLinkStandaloneSizes,\n} from './types.ts';\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\n\nexport interface HdsLinkStandaloneSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    size?: HdsLinkStandaloneSizes;\n    color?: HdsLinkColors;\n    text: string;\n    icon: FlightIconSignature['Args']['name'];\n    iconPosition?: HdsLinkIconPositions;\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport const DEFAULT_ICONPOSITION = HdsLinkIconPositionValues.Leading;\nexport const DEFAULT_COLOR = HdsLinkColorValues.Primary;\nexport const DEFAULT_SIZE = HdsLinkStandaloneSizeValues.Medium;\nexport const ICONPOSITIONS: string[] = Object.values(HdsLinkIconPositionValues);\nexport const COLORS: string[] = Object.values(HdsLinkColorValues);\nexport const SIZES: string[] = Object.values(HdsLinkStandaloneSizeValues);\n\nexport default class HdsLinkStandaloneComponent extends Component<HdsLinkStandaloneSignature> {\n  constructor(owner: unknown, args: HdsLinkStandaloneSignature['Args']) {\n    super(owner, args);\n    if (!(this.args.href || this.args.route)) {\n      assert('@href or @route must be defined for <Hds::Link::Standalone>');\n    }\n  }\n\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the link. If no text value is defined an error will be thrown.\n   */\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Link::Standalone\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  /**\n   * @param color\n   * @type {string}\n   * @default primary\n   * @description Determines the color of link to be used; acceptable values are `primary` and `secondary`\n   */\n  get color(): HdsLinkColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Link::Standalone\" 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|null}\n   * @default null\n   * @description The name of the icon to be used. An icon name must be defined.\n   */\n  get icon(): FlightIconSignature['Args']['name'] {\n    const { icon } = this.args;\n\n    assert(\n      '@icon for \"Hds::Link::Standalone\" must have a valid value',\n      icon !== undefined\n    );\n\n    return icon;\n  }\n\n  /**\n   * @param iconPosition\n   * @type {HdsLinkIconPositions}\n   * @default leading\n   * @description Positions the icon before or after the text; allowed values are `leading` or `trailing`\n   */\n  get iconPosition(): HdsLinkIconPositions {\n    const { iconPosition = DEFAULT_ICONPOSITION } = this.args;\n\n    assert(\n      `@iconPosition for \"Hds::Link::Standalone\" must be one of the following: ${ICONPOSITIONS.join(\n        ', '\n      )}; received: ${iconPosition}`,\n      ICONPOSITIONS.includes(iconPosition)\n    );\n\n    return iconPosition;\n  }\n\n  /**\n   * @param size\n   * @type {HdsLinkStandaloneSizes}\n   * @default medium\n   * @description The size of the standalone link; acceptable values are `small`, `medium`, and `large`\n   */\n  get size(): HdsLinkStandaloneSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Link::Standalone\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * @param iconSize\n   * @type {string}\n   * @default 16\n   * @description ensures that the correct icon size is used. Automatically calculated.\n   */\n  get iconSize(): FlightIconSignature['Args']['size'] {\n    if (this.args.size === 'large') {\n      return '24';\n    } else {\n      return '16';\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method LinkStandalone#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-link-standalone'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-link-standalone--size-${this.size}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-link-standalone--color-${this.color}`);\n\n    // add a class based on the @iconPosition argument\n    classes.push(`hds-link-standalone--icon-position-${this.iconPosition}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_ICONPOSITION","HdsLinkIconPositionValues","Leading","DEFAULT_COLOR","HdsLinkColorValues","Primary","DEFAULT_SIZE","HdsLinkStandaloneSizeValues","Medium","ICONPOSITIONS","Object","values","COLORS","SIZES","HdsLinkStandaloneComponent","Component","constructor","owner","args","href","route","assert","text","undefined","color","join","includes","icon","iconPosition","size","iconSize","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"standalone.js","sources":["../../../../src/components/hds/link/standalone.hbs","../../../../src/components/hds/link/standalone.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"<Hds::Interactive\\n  class={{this.classNames}}\\n  @current-when={{@current-when}}\\n  @models={{hds-link-to-models @model @models}}\\n  @query={{hds-link-to-query @query}}\\n  @replace={{@replace}}\\n  @route={{@route}}\\n  @isRouteExternal={{@isRouteExternal}}\\n  @href={{@href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  ...attributes\\n>\\n  {{#if (eq this.iconPosition \\\"leading\\\")}}\\n    <span class=\\\"hds-link-standalone__icon\\\">\\n      <Hds::Icon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </span>\\n    <span class=\\\"hds-link-standalone__text\\\">\\n      {{this.text}}\\n    </span>\\n  {{else}}\\n    <span class=\\\"hds-link-standalone__text\\\">\\n      {{this.text}}\\n    </span>\\n    <span class=\\\"hds-link-standalone__icon\\\">\\n      <Hds::Icon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </span>\\n  {{/if}}\\n</Hds::Interactive>\")","/**\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 {\n  HdsLinkIconPositionValues,\n  HdsLinkColorValues,\n  HdsLinkStandaloneSizeValues,\n} from './types.ts';\n\nimport type { HdsInteractiveSignature } from '../interactive/';\nimport type {\n  HdsLinkColors,\n  HdsLinkIconPositions,\n  HdsLinkStandaloneSizes,\n} from './types.ts';\nimport type { HdsIconSignature } from '../icon';\n\nexport interface HdsLinkStandaloneSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    size?: HdsLinkStandaloneSizes;\n    color?: HdsLinkColors;\n    text: string;\n    icon: HdsIconSignature['Args']['name'];\n    iconPosition?: HdsLinkIconPositions;\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport const DEFAULT_ICONPOSITION = HdsLinkIconPositionValues.Leading;\nexport const DEFAULT_COLOR = HdsLinkColorValues.Primary;\nexport const DEFAULT_SIZE = HdsLinkStandaloneSizeValues.Medium;\nexport const ICONPOSITIONS: string[] = Object.values(HdsLinkIconPositionValues);\nexport const COLORS: string[] = Object.values(HdsLinkColorValues);\nexport const SIZES: string[] = Object.values(HdsLinkStandaloneSizeValues);\n\nexport default class HdsLinkStandalone extends Component<HdsLinkStandaloneSignature> {\n  constructor(owner: unknown, args: HdsLinkStandaloneSignature['Args']) {\n    super(owner, args);\n    if (!(this.args.href || this.args.route)) {\n      assert('@href or @route must be defined for <Hds::Link::Standalone>');\n    }\n  }\n\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the link. If no text value is defined an error will be thrown.\n   */\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Link::Standalone\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  /**\n   * @param color\n   * @type {string}\n   * @default primary\n   * @description Determines the color of link to be used; acceptable values are `primary` and `secondary`\n   */\n  get color(): HdsLinkColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Link::Standalone\" 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|null}\n   * @default null\n   * @description The name of the icon to be used. An icon name must be defined.\n   */\n  get icon(): HdsIconSignature['Args']['name'] {\n    const { icon } = this.args;\n\n    assert(\n      '@icon for \"Hds::Link::Standalone\" must have a valid value',\n      icon !== undefined\n    );\n\n    return icon;\n  }\n\n  /**\n   * @param iconPosition\n   * @type {HdsLinkIconPositions}\n   * @default leading\n   * @description Positions the icon before or after the text; allowed values are `leading` or `trailing`\n   */\n  get iconPosition(): HdsLinkIconPositions {\n    const { iconPosition = DEFAULT_ICONPOSITION } = this.args;\n\n    assert(\n      `@iconPosition for \"Hds::Link::Standalone\" must be one of the following: ${ICONPOSITIONS.join(\n        ', '\n      )}; received: ${iconPosition}`,\n      ICONPOSITIONS.includes(iconPosition)\n    );\n\n    return iconPosition;\n  }\n\n  /**\n   * @param size\n   * @type {HdsLinkStandaloneSizes}\n   * @default medium\n   * @description The size of the standalone link; acceptable values are `small`, `medium`, and `large`\n   */\n  get size(): HdsLinkStandaloneSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Link::Standalone\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * @param iconSize\n   * @type {string}\n   * @default 16\n   * @description ensures that the correct icon size is used. Automatically calculated.\n   */\n  get iconSize(): HdsIconSignature['Args']['size'] {\n    if (this.args.size === 'large') {\n      return '24';\n    } else {\n      return '16';\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method LinkStandalone#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-link-standalone'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-link-standalone--size-${this.size}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-link-standalone--color-${this.color}`);\n\n    // add a class based on the @iconPosition argument\n    classes.push(`hds-link-standalone--icon-position-${this.iconPosition}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_ICONPOSITION","HdsLinkIconPositionValues","Leading","DEFAULT_COLOR","HdsLinkColorValues","Primary","DEFAULT_SIZE","HdsLinkStandaloneSizeValues","Medium","ICONPOSITIONS","Object","values","COLORS","SIZES","HdsLinkStandalone","Component","constructor","owner","args","href","route","assert","text","undefined","color","join","includes","icon","iconPosition","size","iconSize","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":"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"}