@hashicorp/design-system-components 5.1.0-rc-20251202110410 → 5.1.0-rc-20251205193007

package/dist/components/hds/form/text-input/field.js

@@ -6,10 +6,10 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { g, i, n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = 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 (ensure-safe-component F.CharacterCount) value=@value))}}\n  {{/if}}\n  <F.Control>\n    <div class=\"hds-form-text-input__wrapper\" {{style width=@width}}>\n      <Hds::Form::TextInput::Base\n        @type={{this.type}}\n        @value={{@value}}\n        @isInvalid={{@isInvalid}}\n        @isLoading={{@isLoading}}\n        @hasVisibilityToggle={{this.showVisibilityToggle}}\n        required={{@isRequired}}\n        ...attributes\n        id={{F.id}}\n        aria-describedby={{F.ariaDescribedBy}}\n      />\n      {{#if this.showVisibilityToggle}}\n        <Hds::Form::VisibilityToggle\n          @isVisible={{this._isPasswordMasked}}\n          @ariaLabel={{this.visibilityToggleAriaLabel}}\n          @ariaMessageText={{this.visibilityToggleAriaMessageText}}\n          aria-controls={{F.id}}\n          class=\"hds-form-text-input__visibility-toggle\"\n          {{on \"click\" this.onClickTogglePasswordReadability}}\n        />\n      {{/if}}\n    </div>\n  </F.Control>\n</Hds::Form::Field>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\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 (ensure-safe-component F.CharacterCount) value=@value))}}\n  {{/if}}\n  <F.Control>\n    <div class=\"hds-form-text-input__wrapper\" {{style width=@width}}>\n      <Hds::Form::TextInput::Base\n        @type={{this.type}}\n        @value={{@value}}\n        @isInvalid={{@isInvalid}}\n        @isLoading={{@isLoading}}\n        @hasVisibilityToggle={{this.showVisibilityToggle}}\n        required={{@isRequired}}\n        ...attributes\n        id={{F.id}}\n        aria-describedby={{F.ariaDescribedBy}}\n      />\n      {{#if this.showVisibilityToggle}}\n        <Hds::Form::VisibilityToggle\n          @isVisible={{this._isPasswordMasked}}\n          @ariaLabel={{this.visibilityToggleAriaLabel}}\n          @ariaMessageText={{this.visibilityToggleAriaMessageText}}\n          aria-controls={{F.id}}\n          class=\"hds-form-text-input__visibility-toggle\"\n          {{on \"click\" this.onClickTogglePasswordReadability}}\n        />\n      {{/if}}\n    </div>\n  </F.Control>\n</Hds::Form::Field>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/form/text-input/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/text-input/field.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\n\nimport type { ComponentLike, WithBoundArgs } from '@glint/template';\nimport type { HdsFormFieldSignature } from '../field';\nimport type { HdsFormTextInputBaseSignature } from './base';\nimport type { HdsFormErrorSignature } from '../error';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormLabelSignature } from '../label';\nimport type { HdsFormVisibilityToggleSignature } from '../visibility-toggle';\nimport HdsFormCharacterCountComponent from '../character-count/index.ts';\nimport type Owner from '@ember/owner';\n\nexport interface HdsFormTextInputFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' | 'layout'> &\n    HdsFormTextInputBaseSignature['Args'] & {\n      visibilityToggleAriaLabel?: HdsFormVisibilityToggleSignature['Args']['ariaLabel'];\n      visibilityToggleAriaMessageText?: HdsFormVisibilityToggleSignature['Args']['ariaMessageText'];\n    };\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\nexport default class HdsFormTextInputField extends Component<HdsFormTextInputFieldSignature> {\n  @tracked private _isPasswordMasked = true;\n  @tracked type;\n\n  constructor(owner: Owner, args: HdsFormTextInputFieldSignature['Args']) {\n    super(owner, args);\n    this.type = this.args.type ?? 'text';\n  }\n\n  get hasVisibilityToggle(): boolean {\n    return this.args.hasVisibilityToggle ?? true;\n  }\n\n  get showVisibilityToggle(): boolean {\n    return this.args.type === 'password' && this.hasVisibilityToggle;\n  }\n\n  get visibilityToggleAriaLabel(): string | undefined {\n    if (this.args.visibilityToggleAriaLabel) {\n      return this.args.visibilityToggleAriaLabel;\n    } else if (this._isPasswordMasked) {\n      return 'Show password';\n    } else {\n      return 'Hide password';\n    }\n  }\n\n  get visibilityToggleAriaMessageText(): string | undefined {\n    if (this.args.visibilityToggleAriaMessageText) {\n      return this.args.visibilityToggleAriaMessageText;\n    } else if (this._isPasswordMasked) {\n      return 'Password is hidden';\n    } else {\n      return 'Password is visible';\n    }\n  }\n\n  @action\n  onClickTogglePasswordReadability(): void {\n    this._isPasswordMasked = !this._isPasswordMasked;\n    this.type = this._isPasswordMasked ? 'password' : 'text';\n  }\n}\n"],"names":["HdsFormTextInputField","Component","g","prototype","tracked","i","void 0","constructor","owner","args","type","hasVisibilityToggle","showVisibilityToggle","visibilityToggleAriaLabel","_isPasswordMasked","visibilityToggleAriaMessageText","onClickTogglePasswordReadability","n","action","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;;AAsCe,MAAMA,qBAAqB,SAASC,SAAS,CAAiC;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,mBAAA,EAAA,CAC1FC,OAAO,CAAA,EAAA,YAAA;AAAA,MAAA,OAA6B,IAAI;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,kBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,mBAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CACxCC,OAAO,CAAA,CAAA;AAAA;AAAA,EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAAC,MAAA;AAERC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAA4C,EAAE;AACtE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;IAClB,IAAI,CAACC,IAAI,GAAG,IAAI,CAACD,IAAI,CAACC,IAAI,IAAI,MAAM;AACtC,EAAA;EAEA,IAAIC,mBAAmBA,GAAY;AACjC,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,mBAAmB,IAAI,IAAI;AAC9C,EAAA;EAEA,IAAIC,oBAAoBA,GAAY;IAClC,OAAO,IAAI,CAACH,IAAI,CAACC,IAAI,KAAK,UAAU,IAAI,IAAI,CAACC,mBAAmB;AAClE,EAAA;EAEA,IAAIE,yBAAyBA,GAAuB;AAClD,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACI,yBAAyB,EAAE;AACvC,MAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,yBAAyB;AAC5C,IAAA,CAAC,MAAM,IAAI,IAAI,CAACC,iBAAiB,EAAE;AACjC,MAAA,OAAO,eAAe;AACxB,IAAA,CAAC,MAAM;AACL,MAAA,OAAO,eAAe;AACxB,IAAA;AACF,EAAA;EAEA,IAAIC,+BAA+BA,GAAuB;AACxD,IAAA,IAAI,IAAI,CAACN,IAAI,CAACM,+BAA+B,EAAE;AAC7C,MAAA,OAAO,IAAI,CAACN,IAAI,CAACM,+BAA+B;AAClD,IAAA,CAAC,MAAM,IAAI,IAAI,CAACD,iBAAiB,EAAE;AACjC,MAAA,OAAO,oBAAoB;AAC7B,IAAA,CAAC,MAAM;AACL,MAAA,OAAO,qBAAqB;AAC9B,IAAA;AACF,EAAA;AAGAE,EAAAA,gCAAgCA,GAAS;AACvC,IAAA,IAAI,CAACF,iBAAiB,GAAG,CAAC,IAAI,CAACA,iBAAiB;IAChD,IAAI,CAACJ,IAAI,GAAG,IAAI,CAACI,iBAAiB,GAAG,UAAU,GAAG,MAAM;AAC1D,EAAA;AAAC,EAAA;IAAAG,CAAA,CAAA,IAAA,CAAAd,SAAA,EAAA,kCAAA,EAAA,CAJAe,MAAM,CAAA,CAAA;AAAA;AAKT;AAACC,oBAAA,CAAAC,QAAA,EA1CoBpB,qBAAqB,CAAA;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/text-input/field.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\n\nimport type { ComponentLike, WithBoundArgs } from '@glint/template';\nimport type { HdsFormFieldSignature } from '../field';\nimport type { HdsFormTextInputBaseSignature } from './base';\nimport type { HdsFormErrorSignature } from '../error';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormLabelSignature } from '../label';\nimport type { HdsFormVisibilityToggleSignature } from '../visibility-toggle';\nimport HdsFormCharacterCountComponent from '../character-count/index.ts';\nimport type Owner from '@ember/owner';\n\nexport interface HdsFormTextInputFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' | 'layout'> &\n    HdsFormTextInputBaseSignature['Args'] & {\n      visibilityToggleAriaLabel?: HdsFormVisibilityToggleSignature['Args']['ariaLabel'];\n      visibilityToggleAriaMessageText?: HdsFormVisibilityToggleSignature['Args']['ariaMessageText'];\n    };\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\nexport default class HdsFormTextInputField extends Component<HdsFormTextInputFieldSignature> {\n  @tracked private _isPasswordMasked = true;\n  @tracked type;\n\n  constructor(owner: Owner, args: HdsFormTextInputFieldSignature['Args']) {\n    super(owner, args);\n    this.type = this.args.type ?? 'text';\n  }\n\n  get hasVisibilityToggle(): boolean {\n    return this.args.hasVisibilityToggle ?? true;\n  }\n\n  get showVisibilityToggle(): boolean {\n    return this.args.type === 'password' && this.hasVisibilityToggle;\n  }\n\n  get visibilityToggleAriaLabel(): string | undefined {\n    if (this.args.visibilityToggleAriaLabel) {\n      return this.args.visibilityToggleAriaLabel;\n    } else if (this._isPasswordMasked) {\n      return 'Show password';\n    } else {\n      return 'Hide password';\n    }\n  }\n\n  get visibilityToggleAriaMessageText(): string | undefined {\n    if (this.args.visibilityToggleAriaMessageText) {\n      return this.args.visibilityToggleAriaMessageText;\n    } else if (this._isPasswordMasked) {\n      return 'Password is hidden';\n    } else {\n      return 'Password is visible';\n    }\n  }\n\n  @action\n  onClickTogglePasswordReadability(): void {\n    this._isPasswordMasked = !this._isPasswordMasked;\n    this.type = this._isPasswordMasked ? 'password' : 'text';\n  }\n}\n"],"names":["HdsFormTextInputField","Component","g","prototype","tracked","i","void 0","constructor","owner","args","type","hasVisibilityToggle","showVisibilityToggle","visibilityToggleAriaLabel","_isPasswordMasked","visibilityToggleAriaMessageText","onClickTogglePasswordReadability","n","action","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;;AAsCe,MAAMA,qBAAqB,SAASC,SAAS,CAAiC;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,mBAAA,EAAA,CAC1FC,OAAO,CAAA,EAAA,YAAA;AAAA,MAAA,OAA6B,IAAI;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,kBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,mBAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,MAAA,EAAA,CACxCC,OAAO,CAAA,CAAA;AAAA;AAAA,EAAA,KAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,MAAA,CAAA,EAAAC,MAAA;AAERC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAA4C,EAAE;AACtE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;IAClB,IAAI,CAACC,IAAI,GAAG,IAAI,CAACD,IAAI,CAACC,IAAI,IAAI,MAAM;AACtC,EAAA;EAEA,IAAIC,mBAAmBA,GAAY;AACjC,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,mBAAmB,IAAI,IAAI;AAC9C,EAAA;EAEA,IAAIC,oBAAoBA,GAAY;IAClC,OAAO,IAAI,CAACH,IAAI,CAACC,IAAI,KAAK,UAAU,IAAI,IAAI,CAACC,mBAAmB;AAClE,EAAA;EAEA,IAAIE,yBAAyBA,GAAuB;AAClD,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACI,yBAAyB,EAAE;AACvC,MAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,yBAAyB;AAC5C,IAAA,CAAC,MAAM,IAAI,IAAI,CAACC,iBAAiB,EAAE;AACjC,MAAA,OAAO,eAAe;AACxB,IAAA,CAAC,MAAM;AACL,MAAA,OAAO,eAAe;AACxB,IAAA;AACF,EAAA;EAEA,IAAIC,+BAA+BA,GAAuB;AACxD,IAAA,IAAI,IAAI,CAACN,IAAI,CAACM,+BAA+B,EAAE;AAC7C,MAAA,OAAO,IAAI,CAACN,IAAI,CAACM,+BAA+B;AAClD,IAAA,CAAC,MAAM,IAAI,IAAI,CAACD,iBAAiB,EAAE;AACjC,MAAA,OAAO,oBAAoB;AAC7B,IAAA,CAAC,MAAM;AACL,MAAA,OAAO,qBAAqB;AAC9B,IAAA;AACF,EAAA;AAGAE,EAAAA,gCAAgCA,GAAS;AACvC,IAAA,IAAI,CAACF,iBAAiB,GAAG,CAAC,IAAI,CAACA,iBAAiB;IAChD,IAAI,CAACJ,IAAI,GAAG,IAAI,CAACI,iBAAiB,GAAG,UAAU,GAAG,MAAM;AAC1D,EAAA;AAAC,EAAA;IAAAG,CAAA,CAAA,IAAA,CAAAd,SAAA,EAAA,kCAAA,EAAA,CAJAe,MAAM,CAAA,CAAA;AAAA;AAKT;AAACC,oBAAA,CAAAC,QAAA,EA1CoBpB,qBAAqB,CAAA;;;;"}

package/dist/components/hds/form/text-input/types.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/form/text-input/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../../src/components/hds/form/text-input/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsFormTextInputTypeValues {\n  Text = 'text',\n  Email = 'email',\n  Password = 'password',\n  Url = 'url',\n  Date = 'date',\n  Time = 'time',\n  DateTimeLocal = 'datetime-local',\n  Search = 'search',\n  Month = 'month',\n  Week = 'week',\n  Tel = 'tel',\n}\n\nexport type HdsFormTextInputTypes = `${HdsFormTextInputTypeValues}`;\n"],"names":["HdsFormTextInputTypeValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,IAAYA,0BAA0B,0BAA1BA,0BAA0B,EAAA;EAA1BA,0BAA0B,CAAA,MAAA,CAAA,GAAA,MAAA;EAA1BA,0BAA0B,CAAA,OAAA,CAAA,GAAA,OAAA;EAA1BA,0BAA0B,CAAA,UAAA,CAAA,GAAA,UAAA;EAA1BA,0BAA0B,CAAA,KAAA,CAAA,GAAA,KAAA;EAA1BA,0BAA0B,CAAA,MAAA,CAAA,GAAA,MAAA;EAA1BA,0BAA0B,CAAA,MAAA,CAAA,GAAA,MAAA;EAA1BA,0BAA0B,CAAA,eAAA,CAAA,GAAA,gBAAA;EAA1BA,0BAA0B,CAAA,QAAA,CAAA,GAAA,QAAA;EAA1BA,0BAA0B,CAAA,OAAA,CAAA,GAAA,OAAA;EAA1BA,0BAA0B,CAAA,MAAA,CAAA,GAAA,MAAA;EAA1BA,0BAA0B,CAAA,KAAA,CAAA,GAAA,KAAA;AAAA,EAAA,OAA1BA,0BAA0B;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../../src/components/hds/form/text-input/types.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsFormTextInputTypeValues {\n  Text = 'text',\n  Email = 'email',\n  Password = 'password',\n  Url = 'url',\n  Date = 'date',\n  Time = 'time',\n  DateTimeLocal = 'datetime-local',\n  Search = 'search',\n  Month = 'month',\n  Week = 'week',\n  Tel = 'tel',\n}\n\nexport type HdsFormTextInputTypes = `${HdsFormTextInputTypeValues}`;\n"],"names":["HdsFormTextInputTypeValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,IAAYA,0BAA0B,0BAA1BA,0BAA0B,EAAA;EAA1BA,0BAA0B,CAAA,MAAA,CAAA,GAAA,MAAA;EAA1BA,0BAA0B,CAAA,OAAA,CAAA,GAAA,OAAA;EAA1BA,0BAA0B,CAAA,UAAA,CAAA,GAAA,UAAA;EAA1BA,0BAA0B,CAAA,KAAA,CAAA,GAAA,KAAA;EAA1BA,0BAA0B,CAAA,MAAA,CAAA,GAAA,MAAA;EAA1BA,0BAA0B,CAAA,MAAA,CAAA,GAAA,MAAA;EAA1BA,0BAA0B,CAAA,eAAA,CAAA,GAAA,gBAAA;EAA1BA,0BAA0B,CAAA,QAAA,CAAA,GAAA,QAAA;EAA1BA,0BAA0B,CAAA,OAAA,CAAA,GAAA,OAAA;EAA1BA,0BAA0B,CAAA,MAAA,CAAA,GAAA,MAAA;EAA1BA,0BAA0B,CAAA,KAAA,CAAA,GAAA,KAAA;AAAA,EAAA,OAA1BA,0BAA0B;AAAA,CAAA,CAAA,EAAA;;;;"}

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

@@ -2,10 +2,10 @@ import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! Notice: this is not the native HTML <textarea> but the Ember component <Textarea> }}\n<Textarea\n  class={{this.classNames}}\n  {{style width=@width height=@height}}\n  rows=\"4\"\n  id={{@id}}\n  aria-describedby={{@ariaDescribedBy}}\n  ...attributes\n  @value={{@value}}\n/>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! Notice: this is not the native HTML <textarea> but the Ember component <Textarea> }}\n<Textarea\n  class={{this.classNames}}\n  {{style width=@width height=@height}}\n  rows=\"4\"\n  id={{@id}}\n  aria-describedby={{@ariaDescribedBy}}\n  ...attributes\n  @value={{@value}}\n/>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

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

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/textarea/base.ts"],"sourcesContent":["/**\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    id?: string;\n    ariaDescribedBy?: 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":";;;;;;AAAA;AACA;AACA;AACA;;AAgBe,MAAMA,mBAAmB,SAASC,SAAS,CAA+B;AACvF;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,mBAAmB,CAAC;;AAErC;AACAA,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAE,yBAAyB,CAAC;;AAElE;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,SAAS,EAAE;AACvBH,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,6BAAA,CAA+B,CAAC;AAC/C,IAAA;AAEA,IAAA,OAAOD,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAnBoBT,mBAAmB,CAAA;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/textarea/base.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\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    id?: string;\n    ariaDescribedBy?: 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":";;;;;;AAAA;AACA;AACA;AACA;;AAgBe,MAAMA,mBAAmB,SAASC,SAAS,CAA+B;AACvF;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,mBAAmB,CAAC;;AAErC;AACAA,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAE,yBAAyB,CAAC;;AAElE;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,SAAS,EAAE;AACvBH,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,6BAAA,CAA+B,CAAC;AAC/C,IAAA;AAEA,IAAA,OAAOD,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAnBoBT,mBAAmB,CAAA;;;;"}

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

@@ -2,10 +2,10 @@ 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<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 (ensure-safe-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>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\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 (ensure-safe-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>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

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

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/textarea/field.ts"],"sourcesContent":["/**\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\nexport interface 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":";;;;;;AAAA;AACA;AACA;AACA;;AA+BA,MAAMA,oBAAoB,GACxBC,qBAAqB,EAAiC;AAExD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,oBAAoB,CAAA;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/textarea/field.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\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\nexport interface 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":";;;;;;AAAA;AACA;AACA;AACA;;AA+BA,MAAMA,oBAAoB,GACxBC,qBAAqB,EAAiC;AAExD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,oBAAoB,CAAA;;;;"}

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

@@ -2,10 +2,10 @@ 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<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>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\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>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

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

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/toggle/base.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nexport interface 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":";;;;;;AAAA;AACA;AACA;AACA;;AAWA,MAAMA,iBAAiB,GAAGC,qBAAqB,EAA8B;AAE7E,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,iBAAiB,CAAA;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/toggle/base.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nexport interface 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":";;;;;;AAAA;AACA;AACA;AACA;;AAWA,MAAMA,iBAAiB,GAAGC,qBAAqB,EAA8B;AAE7E,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,iBAAiB,CAAA;;;;"}

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

@@ -2,10 +2,10 @@ 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<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>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\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>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

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

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/toggle/field.ts"],"sourcesContent":["/**\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":";;;;;;AAAA;AACA;AACA;AACA;;AAyBA,MAAMA,kBAAkB,GAAGC,qBAAqB,EAA+B;AAE/E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,kBAAkB,CAAA;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/toggle/field.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\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":";;;;;;AAAA;AACA;AACA;AACA;;AAyBA,MAAMA,kBAAkB,GAAGC,qBAAqB,EAA+B;AAE/E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,kBAAkB,CAAA;;;;"}

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

@@ -2,10 +2,10 @@ 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<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>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\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>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

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

@@ -1 +1 @@
-{"version":3,"file":"group.js","sources":["../../../../../src/components/hds/form/toggle/group.ts"],"sourcesContent":["/**\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\nexport interface 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":";;;;;;AAAA;AACA;AACA;AACA;;AA2BA,MAAMA,kBAAkB,GAAGC,qBAAqB,EAA+B;AAE/E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,kBAAkB,CAAA;;;;"}
+{"version":3,"file":"group.js","sources":["../../../../../src/components/hds/form/toggle/group.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\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\nexport interface 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":";;;;;;AAAA;AACA;AACA;AACA;;AA2BA,MAAMA,kBAAkB,GAAGC,qBAAqB,EAA+B;AAE/E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,kBAAkB,CAAA;;;;"}

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

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/hds/form/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsFormTagValues {\n  Form = 'form',\n  Div = 'div',\n}\nexport type HdsFormTags = `${HdsFormTagValues}`;\n\nexport enum HdsFormHeaderTitleTagValues {\n  Div = 'div',\n  H1 = 'h1',\n  H2 = 'h2',\n  H3 = 'h3',\n  H4 = 'h4',\n  H5 = 'h5',\n  H6 = 'h6',\n}\nexport type HdsFormHeaderTitleTags = `${HdsFormHeaderTitleTagValues}`;\n\nexport default {\n  HdsFormTagValues,\n  HdsFormHeaderTitleTagValues,\n};\n"],"names":["HdsFormTagValues","HdsFormHeaderTitleTagValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,IAAYA,gBAAgB,0BAAhBA,gBAAgB,EAAA;EAAhBA,gBAAgB,CAAA,MAAA,CAAA,GAAA,MAAA;EAAhBA,gBAAgB,CAAA,KAAA,CAAA,GAAA,KAAA;AAAA,EAAA,OAAhBA,gBAAgB;AAAA,CAAA,CAAA,EAAA;AAM5B,IAAYC,2BAA2B,0BAA3BA,2BAA2B,EAAA;EAA3BA,2BAA2B,CAAA,KAAA,CAAA,GAAA,KAAA;EAA3BA,2BAA2B,CAAA,IAAA,CAAA,GAAA,IAAA;EAA3BA,2BAA2B,CAAA,IAAA,CAAA,GAAA,IAAA;EAA3BA,2BAA2B,CAAA,IAAA,CAAA,GAAA,IAAA;EAA3BA,2BAA2B,CAAA,IAAA,CAAA,GAAA,IAAA;EAA3BA,2BAA2B,CAAA,IAAA,CAAA,GAAA,IAAA;EAA3BA,2BAA2B,CAAA,IAAA,CAAA,GAAA,IAAA;AAAA,EAAA,OAA3BA,2BAA2B;AAAA,CAAA,CAAA,EAAA;AAWvC,YAAe;EACbD,gBAAgB;AAChBC,EAAAA;AACF,CAAC;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/form/types.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsFormTagValues {\n  Form = 'form',\n  Div = 'div',\n}\nexport type HdsFormTags = `${HdsFormTagValues}`;\n\nexport enum HdsFormHeaderTitleTagValues {\n  Div = 'div',\n  H1 = 'h1',\n  H2 = 'h2',\n  H3 = 'h3',\n  H4 = 'h4',\n  H5 = 'h5',\n  H6 = 'h6',\n}\nexport type HdsFormHeaderTitleTags = `${HdsFormHeaderTitleTagValues}`;\n\nexport default {\n  HdsFormTagValues,\n  HdsFormHeaderTitleTagValues,\n};\n"],"names":["HdsFormTagValues","HdsFormHeaderTitleTagValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,IAAYA,gBAAgB,0BAAhBA,gBAAgB,EAAA;EAAhBA,gBAAgB,CAAA,MAAA,CAAA,GAAA,MAAA;EAAhBA,gBAAgB,CAAA,KAAA,CAAA,GAAA,KAAA;AAAA,EAAA,OAAhBA,gBAAgB;AAAA,CAAA,CAAA,EAAA;AAM5B,IAAYC,2BAA2B,0BAA3BA,2BAA2B,EAAA;EAA3BA,2BAA2B,CAAA,KAAA,CAAA,GAAA,KAAA;EAA3BA,2BAA2B,CAAA,IAAA,CAAA,GAAA,IAAA;EAA3BA,2BAA2B,CAAA,IAAA,CAAA,GAAA,IAAA;EAA3BA,2BAA2B,CAAA,IAAA,CAAA,GAAA,IAAA;EAA3BA,2BAA2B,CAAA,IAAA,CAAA,GAAA,IAAA;EAA3BA,2BAA2B,CAAA,IAAA,CAAA,GAAA,IAAA;EAA3BA,2BAA2B,CAAA,IAAA,CAAA,GAAA,IAAA;AAAA,EAAA,OAA3BA,2BAA2B;AAAA,CAAA,CAAA,EAAA;AAWvC,YAAe;EACbD,gBAAgB;AAChBC,EAAAA;AACF,CAAC;;;;"}

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

@@ -2,10 +2,10 @@ 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  <Hds::Icon @name={{if @isVisible \"eye\" \"eye-off\"}} @size=\"16\" />\n  <span class=\"sr-only\" aria-live=\"polite\">{{@ariaMessageText}}</span>\n</button>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\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.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

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.ts"],"sourcesContent":["/**\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":";;;;;;AAAA;AACA;AACA;AACA;;AAaA,MAAMA,uBAAuB,GAC3BC,qBAAqB,EAAoC;AAE3D,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,uBAAuB,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/visibility-toggle/index.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\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":";;;;;;AAAA;AACA;AACA;AACA;;AAaA,MAAMA,uBAAuB,GAC3BC,qBAAqB,EAAoC;AAE3D,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,uBAAuB,CAAA;;;;"}

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

@@ -6,10 +6,10 @@ import { HdsIconSizeValues, HdsIconColorValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<svg\n  class={{this.classNames}}\n  ...attributes\n  aria-hidden=\"{{if @title \'false\' \'true\'}}\"\n  aria-labelledby={{this.ariaLabelledby}}\n  data-test-icon={{@name}}\n  fill=\"{{this.fillColor}}\"\n  id={{this._iconId}}\n  role={{this.role}}\n  width=\"{{this.svgSize.width}}\"\n  height=\"{{this.svgSize.height}}\"\n  viewBox=\"0 0 {{this.size}} {{this.size}}\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n>\n  {{#if @title}}\n    <title id={{this._titleId}}>{{@title}}</title>\n    <g role=\"presentation\">\n      <use href=\"#flight-{{@name}}-{{this.size}}\"></use>\n    </g>\n  {{else}}\n    <use href=\"#flight-{{@name}}-{{this.size}}\"></use>\n  {{/if}}\n</svg>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<svg\n  class={{this.classNames}}\n  ...attributes\n  aria-hidden=\"{{if @title \'false\' \'true\'}}\"\n  aria-labelledby={{this.ariaLabelledby}}\n  data-test-icon={{@name}}\n  fill=\"{{this.fillColor}}\"\n  id={{this._iconId}}\n  role={{this.role}}\n  width=\"{{this.svgSize.width}}\"\n  height=\"{{this.svgSize.height}}\"\n  viewBox=\"0 0 {{this.size}} {{this.size}}\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n>\n  {{#if @title}}\n    <title id={{this._titleId}}>{{@title}}</title>\n    <g role=\"presentation\">\n      <use href=\"#flight-{{@name}}-{{this.size}}\"></use>\n    </g>\n  {{else}}\n    <use href=\"#flight-{{@name}}-{{this.size}}\"></use>\n  {{/if}}\n</svg>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/icon/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\nimport { assert } from '@ember/debug';\nimport { iconNames } from '@hashicorp/flight-icons/svg';\nimport { HdsIconSizeValues, HdsIconColorValues } from './types.ts';\nimport type { HdsIconSizes, HdsIconColors } from './types';\nimport type { IconName } from '@hashicorp/flight-icons/svg';\nimport type Owner from '@ember/owner';\n\nexport const COLORS: HdsIconColors[] = Object.values(HdsIconColorValues);\nexport const NAMES = iconNames;\n\nexport interface HdsIconSignature {\n  Args: {\n    name: IconName;\n    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n    color?: HdsIconColors | string | undefined;\n    size?: HdsIconSizes;\n    stretched?: boolean;\n    isInline?: boolean;\n    title?: string;\n  };\n  Element: SVGElement;\n}\n\nexport default class HdsIcon extends Component<HdsIconSignature> {\n  private _iconId = 'icon-' + guidFor(this);\n  private _titleId = 'title-' + guidFor(this);\n\n  constructor(owner: Owner, args: HdsIconSignature['Args']) {\n    super(owner, args);\n\n    if (!this.args.name) {\n      assert('Please provide to <Hds::Icon> a value for @name');\n    } else if (!iconNames.includes(this.args.name)) {\n      assert(\n        `The icon @name \"${this.args.name}\" provided to <Hds::Icon> is not correct. Please verify it exists on https://helios.hashicorp.design/icons/library`\n      );\n    }\n  }\n\n  get isInline(): boolean {\n    return this.args.isInline ?? false;\n  }\n\n  get predefinedColor(): HdsIconColors | undefined {\n    const { color } = this.args;\n\n    if (color && COLORS.includes(color as HdsIconColors)) {\n      return color as HdsIconColors;\n    } else {\n      return undefined;\n    }\n  }\n\n  get fillColor(): string {\n    if (this.predefinedColor !== undefined) {\n      return 'currentColor';\n    } else {\n      return this.args.color ?? 'currentColor';\n    }\n  }\n\n  get size(): string {\n    return this.args.size ?? HdsIconSizeValues.Sixteen;\n  }\n\n  get svgSize(): { width: string; height: string } {\n    return {\n      width: this.args.stretched ? '100%' : this.size,\n      height: this.args.stretched ? '100%' : this.size,\n    };\n  }\n\n  get title(): string | null {\n    return this.args.title ?? null;\n  }\n\n  get role(): string | null {\n    return this.args.title ? 'img' : null;\n  }\n\n  get ariaLabelledby(): string | null {\n    return this.args.title ? this._titleId : null;\n  }\n\n  get classNames() {\n    const { name } = this.args;\n    const classes = ['hds-icon'];\n\n    // add a class based on the @name argument\n    classes.push(`hds-icon-${name}`);\n\n    if (this.isInline) {\n      classes.push('hds-icon--is-inline');\n    }\n\n    // add a (helper) class based on the @color argument (if pre-defined)\n    if (this.predefinedColor) {\n      classes.push(`hds-foreground-${this.predefinedColor}`);\n    }\n\n    // add an extra class to control the animation (depends on the icon)\n    if (['loading', 'running'].includes(name)) {\n      classes.push(`hds-icon--animation-${name}`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["COLORS","Object","values","HdsIconColorValues","NAMES","iconNames","HdsIcon","Component","_iconId","guidFor","_titleId","constructor","owner","args","name","assert","includes","isInline","predefinedColor","color","undefined","fillColor","size","HdsIconSizeValues","Sixteen","svgSize","width","stretched","height","title","role","ariaLabelledby","classNames","classes","push","join","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/icon/index.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\nimport { assert } from '@ember/debug';\nimport { iconNames } from '@hashicorp/flight-icons/svg';\nimport { HdsIconSizeValues, HdsIconColorValues } from './types.ts';\nimport type { HdsIconSizes, HdsIconColors } from './types';\nimport type { IconName } from '@hashicorp/flight-icons/svg';\nimport type Owner from '@ember/owner';\n\nexport const COLORS: HdsIconColors[] = Object.values(HdsIconColorValues);\nexport const NAMES = iconNames;\n\nexport interface HdsIconSignature {\n  Args: {\n    name: IconName;\n    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n    color?: HdsIconColors | string | undefined;\n    size?: HdsIconSizes;\n    stretched?: boolean;\n    isInline?: boolean;\n    title?: string;\n  };\n  Element: SVGElement;\n}\n\nexport default class HdsIcon extends Component<HdsIconSignature> {\n  private _iconId = 'icon-' + guidFor(this);\n  private _titleId = 'title-' + guidFor(this);\n\n  constructor(owner: Owner, args: HdsIconSignature['Args']) {\n    super(owner, args);\n\n    if (!this.args.name) {\n      assert('Please provide to <Hds::Icon> a value for @name');\n    } else if (!iconNames.includes(this.args.name)) {\n      assert(\n        `The icon @name \"${this.args.name}\" provided to <Hds::Icon> is not correct. Please verify it exists on https://helios.hashicorp.design/icons/library`\n      );\n    }\n  }\n\n  get isInline(): boolean {\n    return this.args.isInline ?? false;\n  }\n\n  get predefinedColor(): HdsIconColors | undefined {\n    const { color } = this.args;\n\n    if (color && COLORS.includes(color as HdsIconColors)) {\n      return color as HdsIconColors;\n    } else {\n      return undefined;\n    }\n  }\n\n  get fillColor(): string {\n    if (this.predefinedColor !== undefined) {\n      return 'currentColor';\n    } else {\n      return this.args.color ?? 'currentColor';\n    }\n  }\n\n  get size(): string {\n    return this.args.size ?? HdsIconSizeValues.Sixteen;\n  }\n\n  get svgSize(): { width: string; height: string } {\n    return {\n      width: this.args.stretched ? '100%' : this.size,\n      height: this.args.stretched ? '100%' : this.size,\n    };\n  }\n\n  get title(): string | null {\n    return this.args.title ?? null;\n  }\n\n  get role(): string | null {\n    return this.args.title ? 'img' : null;\n  }\n\n  get ariaLabelledby(): string | null {\n    return this.args.title ? this._titleId : null;\n  }\n\n  get classNames() {\n    const { name } = this.args;\n    const classes = ['hds-icon'];\n\n    // add a class based on the @name argument\n    classes.push(`hds-icon-${name}`);\n\n    if (this.isInline) {\n      classes.push('hds-icon--is-inline');\n    }\n\n    // add a (helper) class based on the @color argument (if pre-defined)\n    if (this.predefinedColor) {\n      classes.push(`hds-foreground-${this.predefinedColor}`);\n    }\n\n    // add an extra class to control the animation (depends on the icon)\n    if (['loading', 'running'].includes(name)) {\n      classes.push(`hds-icon--animation-${name}`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["COLORS","Object","values","HdsIconColorValues","NAMES","iconNames","HdsIcon","Component","_iconId","guidFor","_titleId","constructor","owner","args","name","assert","includes","isInline","predefinedColor","color","undefined","fillColor","size","HdsIconSizeValues","Sixteen","svgSize","width","stretched","height","title","role","ariaLabelledby","classNames","classes","push","join","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

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

@@ -1 +1 @@
-{"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;;AAEA,IAAYA,iBAAiB,0BAAjBA,iBAAiB,EAAA;EAAjBA,iBAAiB,CAAA,SAAA,CAAA,GAAA,IAAA;EAAjBA,iBAAiB,CAAA,YAAA,CAAA,GAAA,IAAA;AAAA,EAAA,OAAjBA,iBAAiB;AAAA,CAAA,CAAA,EAAA;AAO7B,IAAYC,kBAAkB,0BAAlBA,kBAAkB,EAAA;EAAlBA,kBAAkB,CAAA,SAAA,CAAA,GAAA,SAAA;EAAlBA,kBAAkB,CAAA,QAAA,CAAA,GAAA,QAAA;EAAlBA,kBAAkB,CAAA,OAAA,CAAA,GAAA,OAAA;EAAlBA,kBAAkB,CAAA,UAAA,CAAA,GAAA,UAAA;EAAlBA,kBAAkB,CAAA,cAAA,CAAA,GAAA,eAAA;EAAlBA,kBAAkB,CAAA,QAAA,CAAA,GAAA,QAAA;EAAlBA,kBAAkB,CAAA,aAAA,CAAA,GAAA,cAAA;EAAlBA,kBAAkB,CAAA,cAAA,CAAA,GAAA,eAAA;EAAlBA,kBAAkB,CAAA,WAAA,CAAA,GAAA,WAAA;EAAlBA,kBAAkB,CAAA,oBAAA,CAAA,GAAA,sBAAA;EAAlBA,kBAAkB,CAAA,uBAAA,CAAA,GAAA,yBAAA;EAAlBA,kBAAkB,CAAA,SAAA,CAAA,GAAA,SAAA;EAAlBA,kBAAkB,CAAA,kBAAA,CAAA,GAAA,oBAAA;EAAlBA,kBAAkB,CAAA,qBAAA,CAAA,GAAA,uBAAA;EAAlBA,kBAAkB,CAAA,SAAA,CAAA,GAAA,SAAA;EAAlBA,kBAAkB,CAAA,kBAAA,CAAA,GAAA,oBAAA;EAAlBA,kBAAkB,CAAA,qBAAA,CAAA,GAAA,uBAAA;EAAlBA,kBAAkB,CAAA,UAAA,CAAA,GAAA,UAAA;EAAlBA,kBAAkB,CAAA,mBAAA,CAAA,GAAA,qBAAA;EAAlBA,kBAAkB,CAAA,sBAAA,CAAA,GAAA,wBAAA;AAAA,EAAA,OAAlBA,kBAAkB;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/icon/types.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\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;;AAEA,IAAYA,iBAAiB,0BAAjBA,iBAAiB,EAAA;EAAjBA,iBAAiB,CAAA,SAAA,CAAA,GAAA,IAAA;EAAjBA,iBAAiB,CAAA,YAAA,CAAA,GAAA,IAAA;AAAA,EAAA,OAAjBA,iBAAiB;AAAA,CAAA,CAAA,EAAA;AAO7B,IAAYC,kBAAkB,0BAAlBA,kBAAkB,EAAA;EAAlBA,kBAAkB,CAAA,SAAA,CAAA,GAAA,SAAA;EAAlBA,kBAAkB,CAAA,QAAA,CAAA,GAAA,QAAA;EAAlBA,kBAAkB,CAAA,OAAA,CAAA,GAAA,OAAA;EAAlBA,kBAAkB,CAAA,UAAA,CAAA,GAAA,UAAA;EAAlBA,kBAAkB,CAAA,cAAA,CAAA,GAAA,eAAA;EAAlBA,kBAAkB,CAAA,QAAA,CAAA,GAAA,QAAA;EAAlBA,kBAAkB,CAAA,aAAA,CAAA,GAAA,cAAA;EAAlBA,kBAAkB,CAAA,cAAA,CAAA,GAAA,eAAA;EAAlBA,kBAAkB,CAAA,WAAA,CAAA,GAAA,WAAA;EAAlBA,kBAAkB,CAAA,oBAAA,CAAA,GAAA,sBAAA;EAAlBA,kBAAkB,CAAA,uBAAA,CAAA,GAAA,yBAAA;EAAlBA,kBAAkB,CAAA,SAAA,CAAA,GAAA,SAAA;EAAlBA,kBAAkB,CAAA,kBAAA,CAAA,GAAA,oBAAA;EAAlBA,kBAAkB,CAAA,qBAAA,CAAA,GAAA,uBAAA;EAAlBA,kBAAkB,CAAA,SAAA,CAAA,GAAA,SAAA;EAAlBA,kBAAkB,CAAA,kBAAA,CAAA,GAAA,oBAAA;EAAlBA,kBAAkB,CAAA,qBAAA,CAAA,GAAA,uBAAA;EAAlBA,kBAAkB,CAAA,UAAA,CAAA,GAAA,UAAA;EAAlBA,kBAAkB,CAAA,mBAAA,CAAA,GAAA,qBAAA;EAAlBA,kBAAkB,CAAA,sBAAA,CAAA,GAAA,wBAAA;AAAA,EAAA,OAAlBA,kBAAkB;AAAA,CAAA,CAAA,EAAA;;;;"}

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

@@ -4,10 +4,10 @@ import { HdsIconTileProductValues, HdsIconTileColorNeutral, 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 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>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\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.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/icon-tile/index.ts"],"sourcesContent":["/**\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: HdsIconTileSizes[] = Object.values(HdsIconTileSizeValues);\nexport const COLORS: HdsIconTileColors[] = Object.values({\n  ...HdsIconTileColorNeutral,\n  ...HdsIconTileProductValues,\n});\nexport const PRODUCTS: HdsIconTileProducts[] = Object.values(\n  HdsIconTileProductValues\n);\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() {\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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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/icon-tile/index.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\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: HdsIconTileSizes[] = Object.values(HdsIconTileSizeValues);\nexport const COLORS: HdsIconTileColors[] = Object.values({\n  ...HdsIconTileColorNeutral,\n  ...HdsIconTileProductValues,\n});\nexport const PRODUCTS: HdsIconTileProducts[] = Object.values(\n  HdsIconTileProductValues\n);\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() {\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/icon-tile/types.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/hds/icon-tile/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsIconTileSizeValues {\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n}\n\nexport type HdsIconTileSizes = `${HdsIconTileSizeValues}`;\n\nexport enum HdsIconTileProductValues {\n  Boundary = 'boundary',\n  Consul = 'consul',\n  HCP = 'hcp',\n  Nomad = 'nomad',\n  Packer = 'packer',\n  Terraform = 'terraform',\n  Vagrant = 'vagrant',\n  Vault = 'vault',\n  'Vault Secrets' = 'vault-secrets',\n  'Vault Radar' = 'vault-radar',\n  Waypoint = 'waypoint',\n}\n\nexport type HdsIconTileProducts = `${HdsIconTileProductValues}`;\n\nexport enum HdsIconTileColorNeutral {\n  Neutral = 'neutral',\n}\n\nexport type HdsIconTileColors =\n  | HdsIconTileProducts\n  | `${HdsIconTileColorNeutral}`;\n"],"names":["HdsIconTileSizeValues","HdsIconTileProductValues","HdsIconTileColorNeutral"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,IAAYA,qBAAqB,0BAArBA,qBAAqB,EAAA;EAArBA,qBAAqB,CAAA,OAAA,CAAA,GAAA,OAAA;EAArBA,qBAAqB,CAAA,QAAA,CAAA,GAAA,QAAA;EAArBA,qBAAqB,CAAA,OAAA,CAAA,GAAA,OAAA;AAAA,EAAA,OAArBA,qBAAqB;AAAA,CAAA,CAAA,EAAA;AAQjC,IAAYC,wBAAwB,0BAAxBA,wBAAwB,EAAA;EAAxBA,wBAAwB,CAAA,UAAA,CAAA,GAAA,UAAA;EAAxBA,wBAAwB,CAAA,QAAA,CAAA,GAAA,QAAA;EAAxBA,wBAAwB,CAAA,KAAA,CAAA,GAAA,KAAA;EAAxBA,wBAAwB,CAAA,OAAA,CAAA,GAAA,OAAA;EAAxBA,wBAAwB,CAAA,QAAA,CAAA,GAAA,QAAA;EAAxBA,wBAAwB,CAAA,WAAA,CAAA,GAAA,WAAA;EAAxBA,wBAAwB,CAAA,SAAA,CAAA,GAAA,SAAA;EAAxBA,wBAAwB,CAAA,OAAA,CAAA,GAAA,OAAA;EAAxBA,wBAAwB,CAAA,eAAA,CAAA,GAAA,eAAA;EAAxBA,wBAAwB,CAAA,aAAA,CAAA,GAAA,aAAA;EAAxBA,wBAAwB,CAAA,UAAA,CAAA,GAAA,UAAA;AAAA,EAAA,OAAxBA,wBAAwB;AAAA,CAAA,CAAA,EAAA;AAgBpC,IAAYC,uBAAuB,0BAAvBA,uBAAuB,EAAA;EAAvBA,uBAAuB,CAAA,SAAA,CAAA,GAAA,SAAA;AAAA,EAAA,OAAvBA,uBAAuB;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/icon-tile/types.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsIconTileSizeValues {\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n}\n\nexport type HdsIconTileSizes = `${HdsIconTileSizeValues}`;\n\nexport enum HdsIconTileProductValues {\n  Boundary = 'boundary',\n  Consul = 'consul',\n  HCP = 'hcp',\n  Nomad = 'nomad',\n  Packer = 'packer',\n  Terraform = 'terraform',\n  Vagrant = 'vagrant',\n  Vault = 'vault',\n  'Vault Secrets' = 'vault-secrets',\n  'Vault Radar' = 'vault-radar',\n  Waypoint = 'waypoint',\n}\n\nexport type HdsIconTileProducts = `${HdsIconTileProductValues}`;\n\nexport enum HdsIconTileColorNeutral {\n  Neutral = 'neutral',\n}\n\nexport type HdsIconTileColors =\n  | HdsIconTileProducts\n  | `${HdsIconTileColorNeutral}`;\n"],"names":["HdsIconTileSizeValues","HdsIconTileProductValues","HdsIconTileColorNeutral"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,IAAYA,qBAAqB,0BAArBA,qBAAqB,EAAA;EAArBA,qBAAqB,CAAA,OAAA,CAAA,GAAA,OAAA;EAArBA,qBAAqB,CAAA,QAAA,CAAA,GAAA,QAAA;EAArBA,qBAAqB,CAAA,OAAA,CAAA,GAAA,OAAA;AAAA,EAAA,OAArBA,qBAAqB;AAAA,CAAA,CAAA,EAAA;AAQjC,IAAYC,wBAAwB,0BAAxBA,wBAAwB,EAAA;EAAxBA,wBAAwB,CAAA,UAAA,CAAA,GAAA,UAAA;EAAxBA,wBAAwB,CAAA,QAAA,CAAA,GAAA,QAAA;EAAxBA,wBAAwB,CAAA,KAAA,CAAA,GAAA,KAAA;EAAxBA,wBAAwB,CAAA,OAAA,CAAA,GAAA,OAAA;EAAxBA,wBAAwB,CAAA,QAAA,CAAA,GAAA,QAAA;EAAxBA,wBAAwB,CAAA,WAAA,CAAA,GAAA,WAAA;EAAxBA,wBAAwB,CAAA,SAAA,CAAA,GAAA,SAAA;EAAxBA,wBAAwB,CAAA,OAAA,CAAA,GAAA,OAAA;EAAxBA,wBAAwB,CAAA,eAAA,CAAA,GAAA,eAAA;EAAxBA,wBAAwB,CAAA,aAAA,CAAA,GAAA,aAAA;EAAxBA,wBAAwB,CAAA,UAAA,CAAA,GAAA,UAAA;AAAA,EAAA,OAAxBA,wBAAwB;AAAA,CAAA,CAAA,EAAA;AAgBpC,IAAYC,uBAAuB,0BAAvBA,uBAAuB,EAAA;EAAvBA,uBAAuB,CAAA,SAAA,CAAA,GAAA,SAAA;AAAA,EAAA,OAAvBA,uBAAuB;AAAA,CAAA,CAAA,EAAA;;;;"}

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

@@ -9,7 +9,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    <this.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}}</this.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~}}");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/interactive/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\n\nimport { hdsResolveLinkToExternal } from '../../../utils/hds-resolve-link-to-external.ts';\n\nimport type Owner from '@ember/owner';\nimport type { LinkTo } from '@ember/routing';\n\nexport interface HdsInteractiveSignature {\n  Args: {\n    href?: string;\n    isHrefExternal?: boolean;\n    isRouteExternal?: boolean;\n    // the arguments and types below are mirroring the ones in LinkTo https://github.com/typed-ember/glint/blob/main/packages/environment-ember-loose/-private/intrinsics/link-to.d.ts#L9\n    // because they're not exported we're unable to import them directly from glint\n    route?: string;\n    models?: unknown[];\n    model?: unknown;\n    query?: Record<string, unknown>;\n    'current-when'?: string | boolean;\n    replace?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLAnchorElement | HTMLButtonElement;\n}\n\nexport default class HdsInteractive extends Component<HdsInteractiveSignature> {\n  @tracked linkToExternal: LinkTo | null = null;\n\n  constructor(owner: Owner, args: HdsInteractiveSignature['Args']) {\n    super(owner, args);\n\n    // we want to avoid resolving the component if it's not needed\n    if (args.isRouteExternal) {\n      void this.resolveLinkToExternal();\n    }\n  }\n\n  async resolveLinkToExternal() {\n    this.linkToExternal = await hdsResolveLinkToExternal(\n      this.args.isRouteExternal\n    );\n  }\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","Component","g","prototype","tracked","i","void 0","constructor","owner","args","isRouteExternal","resolveLinkToExternal","linkToExternal","hdsResolveLinkToExternal","isHrefExternal","onKeyUp","event","key","code","target","click","n","action","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;;AA+Be,MAAMA,cAAc,SAASC,SAAS,CAA0B;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,gBAAA,EAAA,CAC5EC,OAAO,CAAA,EAAA,YAAA;AAAA,MAAA,OAAiC,IAAI;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,eAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,gBAAA,CAAA,EAAAC,MAAA;AAE7CC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAAqC,EAAE;AAC/D,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;;AAElB;IACA,IAAIA,IAAI,CAACC,eAAe,EAAE;AACxB,MAAA,KAAK,IAAI,CAACC,qBAAqB,EAAE;AACnC,IAAA;AACF,EAAA;EAEA,MAAMA,qBAAqBA,GAAG;IAC5B,IAAI,CAACC,cAAc,GAAG,MAAMC,wBAAwB,CAClD,IAAI,CAACJ,IAAI,CAACC,eACZ,CAAC;AACH,EAAA;AACA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAII,cAAcA,GAAY;AAC5B,IAAA,OAAO,IAAI,CAACL,IAAI,CAACK,cAAc,IAAI,IAAI;AACzC,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIJ,eAAeA,GAAY;AAC7B,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,eAAe,IAAI,KAAK;AAC3C,EAAA;EAGAK,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;AACvC,IAAA;AACF,EAAA;AAAC,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAlB,SAAA,EAAA,SAAA,EAAA,CALAmB,MAAM,CAAA,CAAA;AAAA;AAMT;AAACC,oBAAA,CAAAC,QAAA,EA7CoBxB,cAAc,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/interactive/index.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\n\nimport { hdsResolveLinkToExternal } from '../../../utils/hds-resolve-link-to-external.ts';\n\nimport type Owner from '@ember/owner';\nimport type { LinkTo } from '@ember/routing';\n\nexport interface HdsInteractiveSignature {\n  Args: {\n    href?: string;\n    isHrefExternal?: boolean;\n    isRouteExternal?: boolean;\n    // the arguments and types below are mirroring the ones in LinkTo https://github.com/typed-ember/glint/blob/main/packages/environment-ember-loose/-private/intrinsics/link-to.d.ts#L9\n    // because they're not exported we're unable to import them directly from glint\n    route?: string;\n    models?: unknown[];\n    model?: unknown;\n    query?: Record<string, unknown>;\n    'current-when'?: string | boolean;\n    replace?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLAnchorElement | HTMLButtonElement;\n}\n\nexport default class HdsInteractive extends Component<HdsInteractiveSignature> {\n  @tracked linkToExternal: LinkTo | null = null;\n\n  constructor(owner: Owner, args: HdsInteractiveSignature['Args']) {\n    super(owner, args);\n\n    // we want to avoid resolving the component if it's not needed\n    if (args.isRouteExternal) {\n      void this.resolveLinkToExternal();\n    }\n  }\n\n  async resolveLinkToExternal() {\n    this.linkToExternal = await hdsResolveLinkToExternal(\n      this.args.isRouteExternal\n    );\n  }\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","Component","g","prototype","tracked","i","void 0","constructor","owner","args","isRouteExternal","resolveLinkToExternal","linkToExternal","hdsResolveLinkToExternal","isHrefExternal","onKeyUp","event","key","code","target","click","n","action","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;;AA+Be,MAAMA,cAAc,SAASC,SAAS,CAA0B;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,gBAAA,EAAA,CAC5EC,OAAO,CAAA,EAAA,YAAA;AAAA,MAAA,OAAiC,IAAI;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,eAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,gBAAA,CAAA,EAAAC,MAAA;AAE7CC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAAqC,EAAE;AAC/D,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;;AAElB;IACA,IAAIA,IAAI,CAACC,eAAe,EAAE;AACxB,MAAA,KAAK,IAAI,CAACC,qBAAqB,EAAE;AACnC,IAAA;AACF,EAAA;EAEA,MAAMA,qBAAqBA,GAAG;IAC5B,IAAI,CAACC,cAAc,GAAG,MAAMC,wBAAwB,CAClD,IAAI,CAACJ,IAAI,CAACC,eACZ,CAAC;AACH,EAAA;AACA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAII,cAAcA,GAAY;AAC5B,IAAA,OAAO,IAAI,CAACL,IAAI,CAACK,cAAc,IAAI,IAAI;AACzC,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIJ,eAAeA,GAAY;AAC7B,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,eAAe,IAAI,KAAK;AAC3C,EAAA;EAGAK,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;AACvC,IAAA;AACF,EAAA;AAAC,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAlB,SAAA,EAAA,SAAA,EAAA,CALAmB,MAAM,CAAA,CAAA;AAAA;AAMT;AAACC,oBAAA,CAAAC,QAAA,EA7CoBxB,cAAc,CAAA;;;;"}

package/dist/components/hds/layout/flex/index.js

@@ -4,10 +4,10 @@ import { HdsLayoutFlexDirectionValues, HdsLayoutFlexGapValues, HdsLayoutFlexJust
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{!\n  Dynamically generating an HTML tag in Ember creates a dynamic component class (with the corresponding tagName), while rendering\n  a plain HTML element requires less computing cycles for Ember (you will notice it doesn\'t add the `ember-view` class to it).\n}}\n{{#if (eq this.componentTag \"div\")}}\n  <div class={{this.classNames}} ...attributes>{{yield (hash Item=(component \"hds/layout/flex/item\"))}}</div>\n{{else}}\n  {{#let (element this.componentTag) as |Tag|}}\n    <Tag class={{this.classNames}} ...attributes>{{yield (hash Item=(component \"hds/layout/flex/item\"))}}</Tag>\n  {{/let}}\n{{/if}}");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{!\n  Dynamically generating an HTML tag in Ember creates a dynamic component class (with the corresponding tagName), while rendering\n  a plain HTML element requires less computing cycles for Ember (you will notice it doesn\'t add the `ember-view` class to it).\n}}\n{{#if (eq this.componentTag \"div\")}}\n  <div class={{this.classNames}} ...attributes>{{yield (hash Item=(component \"hds/layout/flex/item\"))}}</div>\n{{else}}\n  {{#let (element this.componentTag) as |Tag|}}\n    <Tag class={{this.classNames}} ...attributes>{{yield (hash Item=(component \"hds/layout/flex/item\"))}}</Tag>\n  {{/let}}\n{{/if}}");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/layout/flex/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/layout/flex/index.ts"],"sourcesContent":["/**\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 type { ComponentLike } from '@glint/template';\n\nimport type { HdsLayoutFlexItemSignature } from './item.ts';\n\nimport {\n  HdsLayoutFlexDirectionValues,\n  HdsLayoutFlexJustifyValues,\n  HdsLayoutFlexAlignValues,\n  HdsLayoutFlexGapValues,\n} from './types.ts';\n\nimport type {\n  HdsLayoutFlexDirections,\n  HdsLayoutFlexJustifys,\n  HdsLayoutFlexAligns,\n  HdsLayoutFlexGaps,\n  AvailableTagNames,\n  AvailableElements,\n} from './types.ts';\n\nexport const DEFAULT_DIRECTION = HdsLayoutFlexDirectionValues.Row;\nexport const DIRECTIONS: HdsLayoutFlexDirections[] = Object.values(\n  HdsLayoutFlexDirectionValues\n);\nexport const JUSTIFYS: HdsLayoutFlexJustifys[] = Object.values(\n  HdsLayoutFlexJustifyValues\n);\nexport const ALIGNS: HdsLayoutFlexAligns[] = Object.values(\n  HdsLayoutFlexAlignValues\n);\nexport const DEFAULT_GAP = HdsLayoutFlexGapValues.Zero;\nexport const GAPS: HdsLayoutFlexGaps[] = Object.values(HdsLayoutFlexGapValues);\n\nexport interface HdsLayoutFlexSignature {\n  Args: {\n    tag?: AvailableTagNames;\n    direction?: HdsLayoutFlexDirections;\n    justify?: HdsLayoutFlexJustifys;\n    align?: HdsLayoutFlexAligns;\n    wrap?: boolean;\n    gap?: HdsLayoutFlexGaps | [HdsLayoutFlexGaps, HdsLayoutFlexGaps];\n    isInline?: boolean;\n  };\n  Blocks: {\n    default: [\n      {\n        Item?: ComponentLike<HdsLayoutFlexItemSignature>;\n      },\n    ];\n  };\n  Element: AvailableElements;\n}\n\nexport default class HdsLayoutFlex extends Component<HdsLayoutFlexSignature> {\n  get componentTag(): AvailableTagNames {\n    return this.args.tag ?? 'div';\n  }\n\n  get direction(): HdsLayoutFlexDirections {\n    const { direction = DEFAULT_DIRECTION } = this.args;\n\n    assert(\n      `@direction for \"Hds::Layout::Flex\" must be one of the following: ${DIRECTIONS.join(\n        ', '\n      )}; received: ${direction}`,\n      DIRECTIONS.includes(direction)\n    );\n\n    return direction;\n  }\n\n  get justify(): HdsLayoutFlexJustifys | undefined {\n    const { justify } = this.args;\n\n    if (justify) {\n      assert(\n        `@justify for \"Hds::Layout::Flex\" must be one of the following: ${JUSTIFYS.join(\n          ', '\n        )}; received: ${justify}`,\n        JUSTIFYS.includes(justify)\n      );\n    }\n\n    return justify;\n  }\n\n  get align(): HdsLayoutFlexAligns | undefined {\n    const { align } = this.args;\n\n    if (align) {\n      assert(\n        `@align for \"Hds::Layout::Flex\" must be one of the following: ${ALIGNS.join(\n          ', '\n        )}; received: ${align}`,\n        ALIGNS.includes(align)\n      );\n    }\n\n    return align;\n  }\n\n  get gap():\n    | [HdsLayoutFlexGaps]\n    | [HdsLayoutFlexGaps, HdsLayoutFlexGaps]\n    | undefined {\n    const { gap = DEFAULT_GAP } = this.args;\n\n    if (gap) {\n      assert(\n        `@gap for \"Hds::Layout::Flex\" must be a single value or an array of two values of one of the following: ${GAPS.join(\n          ', '\n          // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n        )}; received: ${gap}`,\n        (!Array.isArray(gap) && GAPS.includes(gap)) ||\n          (Array.isArray(gap) &&\n            gap.length === 2 &&\n            GAPS.includes(gap[0]) &&\n            GAPS.includes(gap[1]))\n      );\n      return Array.isArray(gap) ? gap : [gap];\n    } else {\n      return undefined;\n    }\n  }\n\n  get classNames(): string {\n    const classes = ['hds-layout-flex'];\n\n    // add a class based on the @direction argument\n    classes.push(`hds-layout-flex--direction-${this.direction}`);\n\n    // add a class based on the @justify argument\n    if (this.justify) {\n      classes.push(`hds-layout-flex--justify-content-${this.justify}`);\n    }\n\n    // add a class based on the @align argument\n    if (this.align) {\n      classes.push(`hds-layout-flex--align-items-${this.align}`);\n    }\n\n    // add a class based on the @gap argument\n    if (this.gap) {\n      if (this.gap.length === 2) {\n        classes.push(`hds-layout-flex--row-gap-${this.gap[0]}`);\n        classes.push(`hds-layout-flex--column-gap-${this.gap[1]}`);\n      } else if (this.gap.length === 1) {\n        classes.push(`hds-layout-flex--row-gap-${this.gap[0]}`);\n        classes.push(`hds-layout-flex--column-gap-${this.gap[0]}`);\n      }\n    }\n\n    // add a class based on the @wrap argument\n    if (this.args.wrap) {\n      classes.push('hds-layout-flex--has-wrapping');\n    }\n\n    // add a class based on the @isInline argument\n    if (this.args.isInline) {\n      classes.push('hds-layout-flex--is-inline');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_DIRECTION","HdsLayoutFlexDirectionValues","Row","DIRECTIONS","Object","values","JUSTIFYS","HdsLayoutFlexJustifyValues","ALIGNS","HdsLayoutFlexAlignValues","DEFAULT_GAP","HdsLayoutFlexGapValues","Zero","GAPS","HdsLayoutFlex","Component","componentTag","args","tag","direction","assert","join","includes","justify","align","gap","Array","isArray","length","undefined","classNames","classes","push","wrap","isInline","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/layout/flex/index.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport type { ComponentLike } from '@glint/template';\n\nimport type { HdsLayoutFlexItemSignature } from './item.ts';\n\nimport {\n  HdsLayoutFlexDirectionValues,\n  HdsLayoutFlexJustifyValues,\n  HdsLayoutFlexAlignValues,\n  HdsLayoutFlexGapValues,\n} from './types.ts';\n\nimport type {\n  HdsLayoutFlexDirections,\n  HdsLayoutFlexJustifys,\n  HdsLayoutFlexAligns,\n  HdsLayoutFlexGaps,\n  AvailableTagNames,\n  AvailableElements,\n} from './types.ts';\n\nexport const DEFAULT_DIRECTION = HdsLayoutFlexDirectionValues.Row;\nexport const DIRECTIONS: HdsLayoutFlexDirections[] = Object.values(\n  HdsLayoutFlexDirectionValues\n);\nexport const JUSTIFYS: HdsLayoutFlexJustifys[] = Object.values(\n  HdsLayoutFlexJustifyValues\n);\nexport const ALIGNS: HdsLayoutFlexAligns[] = Object.values(\n  HdsLayoutFlexAlignValues\n);\nexport const DEFAULT_GAP = HdsLayoutFlexGapValues.Zero;\nexport const GAPS: HdsLayoutFlexGaps[] = Object.values(HdsLayoutFlexGapValues);\n\nexport interface HdsLayoutFlexSignature {\n  Args: {\n    tag?: AvailableTagNames;\n    direction?: HdsLayoutFlexDirections;\n    justify?: HdsLayoutFlexJustifys;\n    align?: HdsLayoutFlexAligns;\n    wrap?: boolean;\n    gap?: HdsLayoutFlexGaps | [HdsLayoutFlexGaps, HdsLayoutFlexGaps];\n    isInline?: boolean;\n  };\n  Blocks: {\n    default: [\n      {\n        Item?: ComponentLike<HdsLayoutFlexItemSignature>;\n      },\n    ];\n  };\n  Element: AvailableElements;\n}\n\nexport default class HdsLayoutFlex extends Component<HdsLayoutFlexSignature> {\n  get componentTag(): AvailableTagNames {\n    return this.args.tag ?? 'div';\n  }\n\n  get direction(): HdsLayoutFlexDirections {\n    const { direction = DEFAULT_DIRECTION } = this.args;\n\n    assert(\n      `@direction for \"Hds::Layout::Flex\" must be one of the following: ${DIRECTIONS.join(\n        ', '\n      )}; received: ${direction}`,\n      DIRECTIONS.includes(direction)\n    );\n\n    return direction;\n  }\n\n  get justify(): HdsLayoutFlexJustifys | undefined {\n    const { justify } = this.args;\n\n    if (justify) {\n      assert(\n        `@justify for \"Hds::Layout::Flex\" must be one of the following: ${JUSTIFYS.join(\n          ', '\n        )}; received: ${justify}`,\n        JUSTIFYS.includes(justify)\n      );\n    }\n\n    return justify;\n  }\n\n  get align(): HdsLayoutFlexAligns | undefined {\n    const { align } = this.args;\n\n    if (align) {\n      assert(\n        `@align for \"Hds::Layout::Flex\" must be one of the following: ${ALIGNS.join(\n          ', '\n        )}; received: ${align}`,\n        ALIGNS.includes(align)\n      );\n    }\n\n    return align;\n  }\n\n  get gap():\n    | [HdsLayoutFlexGaps]\n    | [HdsLayoutFlexGaps, HdsLayoutFlexGaps]\n    | undefined {\n    const { gap = DEFAULT_GAP } = this.args;\n\n    if (gap) {\n      assert(\n        `@gap for \"Hds::Layout::Flex\" must be a single value or an array of two values of one of the following: ${GAPS.join(\n          ', '\n          // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n        )}; received: ${gap}`,\n        (!Array.isArray(gap) && GAPS.includes(gap)) ||\n          (Array.isArray(gap) &&\n            gap.length === 2 &&\n            GAPS.includes(gap[0]) &&\n            GAPS.includes(gap[1]))\n      );\n      return Array.isArray(gap) ? gap : [gap];\n    } else {\n      return undefined;\n    }\n  }\n\n  get classNames(): string {\n    const classes = ['hds-layout-flex'];\n\n    // add a class based on the @direction argument\n    classes.push(`hds-layout-flex--direction-${this.direction}`);\n\n    // add a class based on the @justify argument\n    if (this.justify) {\n      classes.push(`hds-layout-flex--justify-content-${this.justify}`);\n    }\n\n    // add a class based on the @align argument\n    if (this.align) {\n      classes.push(`hds-layout-flex--align-items-${this.align}`);\n    }\n\n    // add a class based on the @gap argument\n    if (this.gap) {\n      if (this.gap.length === 2) {\n        classes.push(`hds-layout-flex--row-gap-${this.gap[0]}`);\n        classes.push(`hds-layout-flex--column-gap-${this.gap[1]}`);\n      } else if (this.gap.length === 1) {\n        classes.push(`hds-layout-flex--row-gap-${this.gap[0]}`);\n        classes.push(`hds-layout-flex--column-gap-${this.gap[0]}`);\n      }\n    }\n\n    // add a class based on the @wrap argument\n    if (this.args.wrap) {\n      classes.push('hds-layout-flex--has-wrapping');\n    }\n\n    // add a class based on the @isInline argument\n    if (this.args.isInline) {\n      classes.push('hds-layout-flex--is-inline');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_DIRECTION","HdsLayoutFlexDirectionValues","Row","DIRECTIONS","Object","values","JUSTIFYS","HdsLayoutFlexJustifyValues","ALIGNS","HdsLayoutFlexAlignValues","DEFAULT_GAP","HdsLayoutFlexGapValues","Zero","GAPS","HdsLayoutFlex","Component","componentTag","args","tag","direction","assert","join","includes","justify","align","gap","Array","isArray","length","undefined","classNames","classes","push","wrap","isInline","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/layout/flex/item.js

@@ -2,10 +2,10 @@ import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{!\n  Dynamically generating an HTML tag in Ember creates a dynamic component class (with the corresponding tagName), while rendering\n  a plain HTML element requires less computing cycles for Ember (you will notice it doesn\'t add the `ember-view` class to it).\n}}\n{{#if (eq this.componentTag \"div\")}}\n  <div class={{this.classNames}} {{style this.inlineStyles}} ...attributes>{{yield}}</div>\n{{else}}\n  {{#let (element this.componentTag) as |Tag|}}<Tag\n      class={{this.classNames}}\n      {{style this.inlineStyles}}\n      ...attributes\n    >{{yield}}</Tag>{{/let}}\n{{/if}}");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{!\n  Dynamically generating an HTML tag in Ember creates a dynamic component class (with the corresponding tagName), while rendering\n  a plain HTML element requires less computing cycles for Ember (you will notice it doesn\'t add the `ember-view` class to it).\n}}\n{{#if (eq this.componentTag \"div\")}}\n  <div class={{this.classNames}} {{style this.inlineStyles}} ...attributes>{{yield}}</div>\n{{else}}\n  {{#let (element this.componentTag) as |Tag|}}<Tag\n      class={{this.classNames}}\n      {{style this.inlineStyles}}\n      ...attributes\n    >{{yield}}</Tag>{{/let}}\n{{/if}}");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/layout/flex/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../../../src/components/hds/layout/flex/item.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport type { AvailableTagNames, AvailableElements } from './types.ts';\n\nexport interface HdsLayoutFlexItemSignature {\n  Args: {\n    tag?: AvailableTagNames;\n    basis?: string | 0;\n    grow?: boolean | number | string;\n    shrink?: boolean | number | string;\n    // TODO final name TBD\n    enableCollapseBelowContentSize?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: AvailableElements;\n}\n\nexport default class HdsLayoutFlexItem extends Component<HdsLayoutFlexItemSignature> {\n  get componentTag(): AvailableTagNames {\n    return this.args.tag ?? 'div';\n  }\n\n  get inlineStyles(): Record<string, unknown> {\n    const inlineStyles: {\n      'flex-basis'?: string;\n      'flex-grow'?: string;\n      'flex-shrink'?: string;\n    } = {};\n\n    // we handle all non-zero cases of `basis` values via inline styles\n    if (typeof this.args.basis === 'string') {\n      inlineStyles['flex-basis'] = this.args.basis;\n    }\n\n    // we handle non-standard cases of `grow` values via inline styles\n    if (typeof this.args.grow === 'number' && this.args.grow > 1) {\n      // the `{{style}}` modifier accepts only strings\n      inlineStyles['flex-grow'] = this.args.grow.toString();\n    } else if (typeof this.args.grow === 'string') {\n      inlineStyles['flex-grow'] = this.args.grow;\n    }\n\n    // we handle non-standard cases of `shrink` values via inline styles\n    if (typeof this.args.shrink === 'number' && this.args.shrink > 1) {\n      // the `{{style}}` modifier accepts only strings\n      inlineStyles['flex-shrink'] = this.args.shrink.toString();\n    } else if (typeof this.args.shrink === 'string') {\n      inlineStyles['flex-shrink'] = this.args.shrink;\n    }\n\n    return inlineStyles;\n  }\n\n  get classNames() {\n    const classes = ['hds-layout-flex-item'];\n\n    // add a class based on the @basis argument (if set to `0`)\n    if (this.args.basis === 0) {\n      classes.push('hds-layout-flex-item--basis-0');\n    }\n\n    // add a class based on the @grow argument (if set to `0/1` or `true/false`)\n    if (this.args.grow === 0 || this.args.grow === false) {\n      classes.push('hds-layout-flex-item--grow-0');\n    } else if (this.args.grow === 1 || this.args.grow === true) {\n      classes.push('hds-layout-flex-item--grow-1');\n    }\n\n    // add a class based on the @shrink argument (if set to `0/1` or `true/false`)\n    if (this.args.shrink === 0 || this.args.shrink === false) {\n      classes.push('hds-layout-flex-item--shrink-0');\n    } else if (this.args.shrink === 1 || this.args.shrink === true) {\n      classes.push('hds-layout-flex-item--shrink-1');\n    }\n\n    // add a class based on the @enableCollapseBelowContentSize argument (applies a `min-width: 0`)\n    if (this.args.enableCollapseBelowContentSize) {\n      classes.push('hds-layout-flex-item--enable-collapse-below-content-size');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsLayoutFlexItem","Component","componentTag","args","tag","inlineStyles","basis","grow","toString","shrink","classNames","classes","push","enableCollapseBelowContentSize","join","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"item.js","sources":["../../../../../src/components/hds/layout/flex/item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport type { AvailableTagNames, AvailableElements } from './types.ts';\n\nexport interface HdsLayoutFlexItemSignature {\n  Args: {\n    tag?: AvailableTagNames;\n    basis?: string | 0;\n    grow?: boolean | number | string;\n    shrink?: boolean | number | string;\n    // TODO final name TBD\n    enableCollapseBelowContentSize?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: AvailableElements;\n}\n\nexport default class HdsLayoutFlexItem extends Component<HdsLayoutFlexItemSignature> {\n  get componentTag(): AvailableTagNames {\n    return this.args.tag ?? 'div';\n  }\n\n  get inlineStyles(): Record<string, unknown> {\n    const inlineStyles: {\n      'flex-basis'?: string;\n      'flex-grow'?: string;\n      'flex-shrink'?: string;\n    } = {};\n\n    // we handle all non-zero cases of `basis` values via inline styles\n    if (typeof this.args.basis === 'string') {\n      inlineStyles['flex-basis'] = this.args.basis;\n    }\n\n    // we handle non-standard cases of `grow` values via inline styles\n    if (typeof this.args.grow === 'number' && this.args.grow > 1) {\n      // the `{{style}}` modifier accepts only strings\n      inlineStyles['flex-grow'] = this.args.grow.toString();\n    } else if (typeof this.args.grow === 'string') {\n      inlineStyles['flex-grow'] = this.args.grow;\n    }\n\n    // we handle non-standard cases of `shrink` values via inline styles\n    if (typeof this.args.shrink === 'number' && this.args.shrink > 1) {\n      // the `{{style}}` modifier accepts only strings\n      inlineStyles['flex-shrink'] = this.args.shrink.toString();\n    } else if (typeof this.args.shrink === 'string') {\n      inlineStyles['flex-shrink'] = this.args.shrink;\n    }\n\n    return inlineStyles;\n  }\n\n  get classNames() {\n    const classes = ['hds-layout-flex-item'];\n\n    // add a class based on the @basis argument (if set to `0`)\n    if (this.args.basis === 0) {\n      classes.push('hds-layout-flex-item--basis-0');\n    }\n\n    // add a class based on the @grow argument (if set to `0/1` or `true/false`)\n    if (this.args.grow === 0 || this.args.grow === false) {\n      classes.push('hds-layout-flex-item--grow-0');\n    } else if (this.args.grow === 1 || this.args.grow === true) {\n      classes.push('hds-layout-flex-item--grow-1');\n    }\n\n    // add a class based on the @shrink argument (if set to `0/1` or `true/false`)\n    if (this.args.shrink === 0 || this.args.shrink === false) {\n      classes.push('hds-layout-flex-item--shrink-0');\n    } else if (this.args.shrink === 1 || this.args.shrink === true) {\n      classes.push('hds-layout-flex-item--shrink-1');\n    }\n\n    // add a class based on the @enableCollapseBelowContentSize argument (applies a `min-width: 0`)\n    if (this.args.enableCollapseBelowContentSize) {\n      classes.push('hds-layout-flex-item--enable-collapse-below-content-size');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsLayoutFlexItem","Component","componentTag","args","tag","inlineStyles","basis","grow","toString","shrink","classNames","classes","push","enableCollapseBelowContentSize","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAqBe,MAAMA,iBAAiB,SAASC,SAAS,CAA6B;EACnF,IAAIC,YAAYA,GAAsB;AACpC,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,GAAG,IAAI,KAAK;AAC/B,EAAA;EAEA,IAAIC,YAAYA,GAA4B;IAC1C,MAAMA,YAIL,GAAG,EAAE;;AAEN;IACA,IAAI,OAAO,IAAI,CAACF,IAAI,CAACG,KAAK,KAAK,QAAQ,EAAE;MACvCD,YAAY,CAAC,YAAY,CAAC,GAAG,IAAI,CAACF,IAAI,CAACG,KAAK;AAC9C,IAAA;;AAEA;AACA,IAAA,IAAI,OAAO,IAAI,CAACH,IAAI,CAACI,IAAI,KAAK,QAAQ,IAAI,IAAI,CAACJ,IAAI,CAACI,IAAI,GAAG,CAAC,EAAE;AAC5D;AACAF,MAAAA,YAAY,CAAC,WAAW,CAAC,GAAG,IAAI,CAACF,IAAI,CAACI,IAAI,CAACC,QAAQ,EAAE;IACvD,CAAC,MAAM,IAAI,OAAO,IAAI,CAACL,IAAI,CAACI,IAAI,KAAK,QAAQ,EAAE;MAC7CF,YAAY,CAAC,WAAW,CAAC,GAAG,IAAI,CAACF,IAAI,CAACI,IAAI;AAC5C,IAAA;;AAEA;AACA,IAAA,IAAI,OAAO,IAAI,CAACJ,IAAI,CAACM,MAAM,KAAK,QAAQ,IAAI,IAAI,CAACN,IAAI,CAACM,MAAM,GAAG,CAAC,EAAE;AAChE;AACAJ,MAAAA,YAAY,CAAC,aAAa,CAAC,GAAG,IAAI,CAACF,IAAI,CAACM,MAAM,CAACD,QAAQ,EAAE;IAC3D,CAAC,MAAM,IAAI,OAAO,IAAI,CAACL,IAAI,CAACM,MAAM,KAAK,QAAQ,EAAE;MAC/CJ,YAAY,CAAC,aAAa,CAAC,GAAG,IAAI,CAACF,IAAI,CAACM,MAAM;AAChD,IAAA;AAEA,IAAA,OAAOJ,YAAY;AACrB,EAAA;EAEA,IAAIK,UAAUA,GAAG;AACf,IAAA,MAAMC,OAAO,GAAG,CAAC,sBAAsB,CAAC;;AAExC;AACA,IAAA,IAAI,IAAI,CAACR,IAAI,CAACG,KAAK,KAAK,CAAC,EAAE;AACzBK,MAAAA,OAAO,CAACC,IAAI,CAAC,+BAA+B,CAAC;AAC/C,IAAA;;AAEA;AACA,IAAA,IAAI,IAAI,CAACT,IAAI,CAACI,IAAI,KAAK,CAAC,IAAI,IAAI,CAACJ,IAAI,CAACI,IAAI,KAAK,KAAK,EAAE;AACpDI,MAAAA,OAAO,CAACC,IAAI,CAAC,8BAA8B,CAAC;AAC9C,IAAA,CAAC,MAAM,IAAI,IAAI,CAACT,IAAI,CAACI,IAAI,KAAK,CAAC,IAAI,IAAI,CAACJ,IAAI,CAACI,IAAI,KAAK,IAAI,EAAE;AAC1DI,MAAAA,OAAO,CAACC,IAAI,CAAC,8BAA8B,CAAC;AAC9C,IAAA;;AAEA;AACA,IAAA,IAAI,IAAI,CAACT,IAAI,CAACM,MAAM,KAAK,CAAC,IAAI,IAAI,CAACN,IAAI,CAACM,MAAM,KAAK,KAAK,EAAE;AACxDE,MAAAA,OAAO,CAACC,IAAI,CAAC,gCAAgC,CAAC;AAChD,IAAA,CAAC,MAAM,IAAI,IAAI,CAACT,IAAI,CAACM,MAAM,KAAK,CAAC,IAAI,IAAI,CAACN,IAAI,CAACM,MAAM,KAAK,IAAI,EAAE;AAC9DE,MAAAA,OAAO,CAACC,IAAI,CAAC,gCAAgC,CAAC;AAChD,IAAA;;AAEA;AACA,IAAA,IAAI,IAAI,CAACT,IAAI,CAACU,8BAA8B,EAAE;AAC5CF,MAAAA,OAAO,CAACC,IAAI,CAAC,0DAA0D,CAAC;AAC1E,IAAA;AAEA,IAAA,OAAOD,OAAO,CAACG,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAjEoBhB,iBAAiB,CAAA;;;;"}

package/dist/components/hds/layout/flex/types.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/layout/flex/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../../src/components/hds/layout/flex/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsLayoutFlexDirectionValues {\n  Row = 'row',\n  Column = 'column',\n}\n\nexport type HdsLayoutFlexDirections = `${HdsLayoutFlexDirectionValues}`;\n\nexport enum HdsLayoutFlexJustifyValues {\n  Start = 'start',\n  Center = 'center',\n  End = 'end',\n  SpaceBetween = 'space-between',\n  SpaceAround = 'space-around',\n  SpaceEvenly = 'space-evenly',\n}\n\nexport type HdsLayoutFlexJustifys = `${HdsLayoutFlexJustifyValues}`;\n\nexport enum HdsLayoutFlexAlignValues {\n  Start = 'start',\n  Center = 'center',\n  End = 'end',\n  Stretch = 'stretch',\n}\n\nexport type HdsLayoutFlexAligns = `${HdsLayoutFlexAlignValues}`;\n\nexport enum HdsLayoutFlexGapValues {\n  'Zero' = '0',\n  'Four' = '4',\n  'Eight' = '8',\n  'Twelve' = '12',\n  'Sixteen' = '16',\n  'TwentyFour' = '24',\n  'ThirtyTwo' = '32',\n  'FortyEight' = '48',\n}\n\nexport type HdsLayoutFlexGaps = `${HdsLayoutFlexGapValues}`;\n\n// A list of all existing tag names in the HTMLElementTagNameMap interface\nexport type AvailableTagNames = keyof HTMLElementTagNameMap;\n// A union of all types in the HTMLElementTagNameMap interface\nexport type AvailableElements =\n  HTMLElementTagNameMap[keyof HTMLElementTagNameMap];\n"],"names":["HdsLayoutFlexDirectionValues","HdsLayoutFlexJustifyValues","HdsLayoutFlexAlignValues","HdsLayoutFlexGapValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,IAAYA,4BAA4B,0BAA5BA,4BAA4B,EAAA;EAA5BA,4BAA4B,CAAA,KAAA,CAAA,GAAA,KAAA;EAA5BA,4BAA4B,CAAA,QAAA,CAAA,GAAA,QAAA;AAAA,EAAA,OAA5BA,4BAA4B;AAAA,CAAA,CAAA,EAAA;AAOxC,IAAYC,0BAA0B,0BAA1BA,0BAA0B,EAAA;EAA1BA,0BAA0B,CAAA,OAAA,CAAA,GAAA,OAAA;EAA1BA,0BAA0B,CAAA,QAAA,CAAA,GAAA,QAAA;EAA1BA,0BAA0B,CAAA,KAAA,CAAA,GAAA,KAAA;EAA1BA,0BAA0B,CAAA,cAAA,CAAA,GAAA,eAAA;EAA1BA,0BAA0B,CAAA,aAAA,CAAA,GAAA,cAAA;EAA1BA,0BAA0B,CAAA,aAAA,CAAA,GAAA,cAAA;AAAA,EAAA,OAA1BA,0BAA0B;AAAA,CAAA,CAAA,EAAA;AAWtC,IAAYC,wBAAwB,0BAAxBA,wBAAwB,EAAA;EAAxBA,wBAAwB,CAAA,OAAA,CAAA,GAAA,OAAA;EAAxBA,wBAAwB,CAAA,QAAA,CAAA,GAAA,QAAA;EAAxBA,wBAAwB,CAAA,KAAA,CAAA,GAAA,KAAA;EAAxBA,wBAAwB,CAAA,SAAA,CAAA,GAAA,SAAA;AAAA,EAAA,OAAxBA,wBAAwB;AAAA,CAAA,CAAA,EAAA;AASpC,IAAYC,sBAAsB,0BAAtBA,sBAAsB,EAAA;EAAtBA,sBAAsB,CAAA,MAAA,CAAA,GAAA,GAAA;EAAtBA,sBAAsB,CAAA,MAAA,CAAA,GAAA,GAAA;EAAtBA,sBAAsB,CAAA,OAAA,CAAA,GAAA,GAAA;EAAtBA,sBAAsB,CAAA,QAAA,CAAA,GAAA,IAAA;EAAtBA,sBAAsB,CAAA,SAAA,CAAA,GAAA,IAAA;EAAtBA,sBAAsB,CAAA,YAAA,CAAA,GAAA,IAAA;EAAtBA,sBAAsB,CAAA,WAAA,CAAA,GAAA,IAAA;EAAtBA,sBAAsB,CAAA,YAAA,CAAA,GAAA,IAAA;AAAA,EAAA,OAAtBA,sBAAsB;AAAA,CAAA,CAAA,EAAA;;AAalC;;AAEA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../../src/components/hds/layout/flex/types.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsLayoutFlexDirectionValues {\n  Row = 'row',\n  Column = 'column',\n}\n\nexport type HdsLayoutFlexDirections = `${HdsLayoutFlexDirectionValues}`;\n\nexport enum HdsLayoutFlexJustifyValues {\n  Start = 'start',\n  Center = 'center',\n  End = 'end',\n  SpaceBetween = 'space-between',\n  SpaceAround = 'space-around',\n  SpaceEvenly = 'space-evenly',\n}\n\nexport type HdsLayoutFlexJustifys = `${HdsLayoutFlexJustifyValues}`;\n\nexport enum HdsLayoutFlexAlignValues {\n  Start = 'start',\n  Center = 'center',\n  End = 'end',\n  Stretch = 'stretch',\n}\n\nexport type HdsLayoutFlexAligns = `${HdsLayoutFlexAlignValues}`;\n\nexport enum HdsLayoutFlexGapValues {\n  'Zero' = '0',\n  'Four' = '4',\n  'Eight' = '8',\n  'Twelve' = '12',\n  'Sixteen' = '16',\n  'TwentyFour' = '24',\n  'ThirtyTwo' = '32',\n  'FortyEight' = '48',\n}\n\nexport type HdsLayoutFlexGaps = `${HdsLayoutFlexGapValues}`;\n\n// A list of all existing tag names in the HTMLElementTagNameMap interface\nexport type AvailableTagNames = keyof HTMLElementTagNameMap;\n// A union of all types in the HTMLElementTagNameMap interface\nexport type AvailableElements =\n  HTMLElementTagNameMap[keyof HTMLElementTagNameMap];\n"],"names":["HdsLayoutFlexDirectionValues","HdsLayoutFlexJustifyValues","HdsLayoutFlexAlignValues","HdsLayoutFlexGapValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,IAAYA,4BAA4B,0BAA5BA,4BAA4B,EAAA;EAA5BA,4BAA4B,CAAA,KAAA,CAAA,GAAA,KAAA;EAA5BA,4BAA4B,CAAA,QAAA,CAAA,GAAA,QAAA;AAAA,EAAA,OAA5BA,4BAA4B;AAAA,CAAA,CAAA,EAAA;AAOxC,IAAYC,0BAA0B,0BAA1BA,0BAA0B,EAAA;EAA1BA,0BAA0B,CAAA,OAAA,CAAA,GAAA,OAAA;EAA1BA,0BAA0B,CAAA,QAAA,CAAA,GAAA,QAAA;EAA1BA,0BAA0B,CAAA,KAAA,CAAA,GAAA,KAAA;EAA1BA,0BAA0B,CAAA,cAAA,CAAA,GAAA,eAAA;EAA1BA,0BAA0B,CAAA,aAAA,CAAA,GAAA,cAAA;EAA1BA,0BAA0B,CAAA,aAAA,CAAA,GAAA,cAAA;AAAA,EAAA,OAA1BA,0BAA0B;AAAA,CAAA,CAAA,EAAA;AAWtC,IAAYC,wBAAwB,0BAAxBA,wBAAwB,EAAA;EAAxBA,wBAAwB,CAAA,OAAA,CAAA,GAAA,OAAA;EAAxBA,wBAAwB,CAAA,QAAA,CAAA,GAAA,QAAA;EAAxBA,wBAAwB,CAAA,KAAA,CAAA,GAAA,KAAA;EAAxBA,wBAAwB,CAAA,SAAA,CAAA,GAAA,SAAA;AAAA,EAAA,OAAxBA,wBAAwB;AAAA,CAAA,CAAA,EAAA;AASpC,IAAYC,sBAAsB,0BAAtBA,sBAAsB,EAAA;EAAtBA,sBAAsB,CAAA,MAAA,CAAA,GAAA,GAAA;EAAtBA,sBAAsB,CAAA,MAAA,CAAA,GAAA,GAAA;EAAtBA,sBAAsB,CAAA,OAAA,CAAA,GAAA,GAAA;EAAtBA,sBAAsB,CAAA,QAAA,CAAA,GAAA,IAAA;EAAtBA,sBAAsB,CAAA,SAAA,CAAA,GAAA,IAAA;EAAtBA,sBAAsB,CAAA,YAAA,CAAA,GAAA,IAAA;EAAtBA,sBAAsB,CAAA,WAAA,CAAA,GAAA,IAAA;EAAtBA,sBAAsB,CAAA,YAAA,CAAA,GAAA,IAAA;AAAA,EAAA,OAAtBA,sBAAsB;AAAA,CAAA,CAAA,EAAA;;AAalC;;AAEA;;;;"}