@hashicorp/design-system-components 6.2.0 → 6.3.0-rc-20260514101332

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

@@ -1,27 +1,56 @@
 import Component from '@glimmer/component';
-import { assert } from '@ember/debug';
+import { service } from '@ember/service';
 import { guidFor } from '@ember/object/internals';
+import { assert } from '@ember/debug';
+import { modifier } from 'ember-modifier';
 import { iconNames } from '@hashicorp/flight-icons/svg';
-import { HdsIconSizeValues, HdsIconColorValues } from './types.js';
+import { IconRegistry } from '@hashicorp/flight-icons/symbol-js/registry';
+import { HdsIconLibraryValues, HdsIconSizeValues, HdsIconColorValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
+import { g, i } from 'decorator-transforms/runtime';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const COLORS = Object.values(HdsIconColorValues);
 const NAMES = iconNames;
 class HdsIcon extends Component {
+  static {
+    g(this.prototype, "hdsTheming", [service]);
+  }
+  #hdsTheming = (i(this, "hdsTheming"), void 0);
+  static {
+    g(this.prototype, "hdsIconRegistry", [service]);
+  }
+  #hdsIconRegistry = (i(this, "hdsIconRegistry"), void 0);
   _iconId = 'icon-' + guidFor(this);
   _titleId = 'title-' + guidFor(this);
-  constructor(owner, args) {
-    super(owner, args);
-    if (!this.args.name) {
-      assert('Please provide to <Hds::Icon> a value for @name');
-    } else if (!iconNames.includes(this.args.name)) {
-      assert(`The icon @name "${this.args.name}" provided to <Hds::Icon> is not correct. Please verify it exists on https://helios.hashicorp.design/icons/library`);
-    }
+  get definition() {
+    return {
+      name: this.name,
+      size: this.size,
+      library: this.isCarbon ? HdsIconLibraryValues.Carbon : HdsIconLibraryValues.Flight
+    };
+  }
+  get name() {
+    const {
+      name
+    } = this.args;
+    assert('Please provide to <Hds::Icon> a value for @name', name !== undefined);
+    return name;
+  }
+  get registryEntry() {
+    const registryEntry = IconRegistry[this.name];
+    assert(`The icon @name "${this.args.name}" or @size "${this.args.size}" provided to <Hds::Icon> is not correct. Please verify it exists on https://helios.hashicorp.design/icons/library`, registryEntry !== undefined);
+    return IconRegistry[this.name];
+  }
+  get hasCarbonEquivalent() {
+    return this.registryEntry?.carbon !== null;
+  }
+  get isCarbon() {
+    return this.hdsTheming.isCarbonThemeEnabled && this.hasCarbonEquivalent;
   }
   get isInline() {
     return this.args.isInline ?? false;
@@ -81,8 +110,14 @@ class HdsIcon extends Component {
     }
     return classes.join(' ');
   }
+  get symbolId() {
+    return this.hdsIconRegistry.getSymbolId(this.definition) ?? '';
+  }
+  loadIcon = modifier(() => {
+    this.hdsIconRegistry.requestLoad(this.definition);
+  });
   static {
-    setComponentTemplate(precompileTemplate("<svg class={{this.classNames}} ...attributes aria-hidden={{if @title \"false\" \"true\"}} aria-labelledby={{this.ariaLabelledby}} data-test-icon={{@name}} fill={{this.fillColor}} id={{this._iconId}} role={{this.role}} width={{this.svgSize.width}} height={{this.svgSize.height}} viewBox=\"0 0 {{this.size}} {{this.size}}\" xmlns=\"http://www.w3.org/2000/svg\">\n  {{#if @title}}\n    <title id={{this._titleId}}>{{@title}}</title>\n    <g role=\"presentation\">\n      <use href=\"#flight-{{@name}}-{{this.size}}\" />\n    </g>\n  {{else}}\n    <use href=\"#flight-{{@name}}-{{this.size}}\" />\n  {{/if}}\n</svg>", {
+    setComponentTemplate(precompileTemplate("<svg class={{this.classNames}} ...attributes aria-hidden={{if @title \"false\" \"true\"}} aria-labelledby={{this.ariaLabelledby}} data-test-icon={{this.name}} data-has-carbon-equivalent={{this.hasCarbonEquivalent}} data-is-carbon={{this.isCarbon}} fill={{this.fillColor}} id={{this._iconId}} role={{this.role}} width={{this.svgSize.width}} height={{this.svgSize.height}} viewBox=\"0 0 {{this.size}} {{this.size}}\" xmlns=\"http://www.w3.org/2000/svg\" {{this.loadIcon}}>\n  {{#if @title}}\n    <title id={{this._titleId}}>{{@title}}</title>\n    <g role=\"presentation\">\n      <use href=\"#{{this.symbolId}}\"></use>\n    </g>\n  {{else}}\n    <use href=\"#{{this.symbolId}}\"></use>\n  {{/if}}\n</svg>", {
       strictMode: true
     }), this);
   }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/icon/index.gts"],"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';\nimport { guidFor } from '@ember/object/internals';\nimport { iconNames } from '@hashicorp/flight-icons/svg';\nimport type { IconName } from '@hashicorp/flight-icons/svg';\nimport type Owner from '@ember/owner';\n\nimport { HdsIconSizeValues, HdsIconColorValues } from './types.ts';\nimport type { HdsIconSizes, HdsIconColors } from './types.ts';\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() {\n    return this.args.isInline ?? false;\n  }\n\n  get predefinedColor() {\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() {\n    if (this.predefinedColor !== undefined) {\n      return 'currentColor';\n    } else {\n      return this.args.color ?? 'currentColor';\n    }\n  }\n\n  get size() {\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() {\n    return this.args.title ?? null;\n  }\n\n  get role() {\n    return this.args.title ? 'img' : null;\n  }\n\n  get ariaLabelledby() {\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  <template>\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}}\" />\n        </g>\n      {{else}}\n        <use href=\"#flight-{{@name}}-{{this.size}}\" />\n      {{/if}}\n    </svg>\n  </template>\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","precompileTemplate","strictMode"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/icon/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { service } from '@ember/service';\nimport { guidFor } from '@ember/object/internals';\nimport { assert } from '@ember/debug';\nimport { modifier } from 'ember-modifier';\nimport { iconNames } from '@hashicorp/flight-icons/svg';\nimport { IconRegistry } from '@hashicorp/flight-icons/symbol-js/registry';\nimport {\n  HdsIconSizeValues,\n  HdsIconColorValues,\n  HdsIconLibraryValues,\n} from './types.ts';\n\nimport type { IconName } from '@hashicorp/flight-icons/svg';\nimport type { HdsIconRegistryEntry } from '@hashicorp/flight-icons/symbol-js/registry';\nimport type HdsThemingService from '@hashicorp/design-system-components/services/hds-theming';\nimport type HdsIconRegistryService from '@hashicorp/design-system-components/services/hds-icon-registry';\nimport type { HdsIconDefinition } from '@hashicorp/design-system-components/services/hds-icon-registry';\nimport type { HdsIconSizes, HdsIconColors } from './types.ts';\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  @service declare readonly hdsTheming: HdsThemingService;\n  @service declare readonly hdsIconRegistry: HdsIconRegistryService;\n\n  private _iconId = 'icon-' + guidFor(this);\n  private _titleId = 'title-' + guidFor(this);\n\n  get definition(): HdsIconDefinition {\n    return {\n      name: this.name,\n      size: this.size,\n      library: this.isCarbon\n        ? HdsIconLibraryValues.Carbon\n        : HdsIconLibraryValues.Flight,\n    };\n  }\n\n  get name(): HdsIconSignature['Args']['name'] {\n    const { name } = this.args;\n\n    assert(\n      'Please provide to <Hds::Icon> a value for @name',\n      name !== undefined\n    );\n\n    return name;\n  }\n\n  get registryEntry(): HdsIconRegistryEntry | undefined {\n    const registryEntry = IconRegistry[this.name];\n\n    assert(\n      `The icon @name \"${this.args.name}\" or @size \"${this.args.size}\" provided to <Hds::Icon> is not correct. Please verify it exists on https://helios.hashicorp.design/icons/library`,\n      registryEntry !== undefined\n    );\n\n    return IconRegistry[this.name];\n  }\n\n  get hasCarbonEquivalent(): boolean {\n    return this.registryEntry?.carbon !== null;\n  }\n\n  get isCarbon(): boolean {\n    return this.hdsTheming.isCarbonThemeEnabled && this.hasCarbonEquivalent;\n  }\n\n  get isInline() {\n    return this.args.isInline ?? false;\n  }\n\n  get predefinedColor() {\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() {\n    if (this.predefinedColor !== undefined) {\n      return 'currentColor';\n    } else {\n      return this.args.color ?? 'currentColor';\n    }\n  }\n\n  get size(): HdsIconSizes {\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() {\n    return this.args.title ?? null;\n  }\n\n  get role() {\n    return this.args.title ? 'img' : null;\n  }\n\n  get ariaLabelledby() {\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  get symbolId(): string {\n    return this.hdsIconRegistry.getSymbolId(this.definition) ?? '';\n  }\n\n  loadIcon = modifier(() => {\n    this.hdsIconRegistry.requestLoad(this.definition);\n  });\n\n  <template>\n    <svg\n      class={{this.classNames}}\n      ...attributes\n      aria-hidden={{if @title \"false\" \"true\"}}\n      aria-labelledby={{this.ariaLabelledby}}\n      data-test-icon={{this.name}}\n      data-has-carbon-equivalent={{this.hasCarbonEquivalent}}\n      data-is-carbon={{this.isCarbon}}\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      {{this.loadIcon}}\n    >\n      {{#if @title}}\n        <title id={{this._titleId}}>{{@title}}</title>\n        <g role=\"presentation\">\n          <use href=\"#{{this.symbolId}}\"></use>\n        </g>\n      {{else}}\n        <use href=\"#{{this.symbolId}}\"></use>\n      {{/if}}\n    </svg>\n  </template>\n}\n"],"names":["COLORS","Object","values","HdsIconColorValues","NAMES","iconNames","HdsIcon","Component","g","prototype","service","i","_iconId","guidFor","_titleId","definition","name","size","library","isCarbon","HdsIconLibraryValues","Carbon","Flight","args","assert","undefined","registryEntry","IconRegistry","hasCarbonEquivalent","carbon","hdsTheming","isCarbonThemeEnabled","isInline","predefinedColor","color","includes","fillColor","HdsIconSizeValues","Sixteen","svgSize","width","stretched","height","title","role","ariaLabelledby","classNames","classes","push","join","symbolId","hdsIconRegistry","getSymbolId","loadIcon","modifier","requestLoad","setComponentTemplate","precompileTemplate","strictMode"],"mappings":"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"}

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

@@ -31,6 +31,11 @@ let HdsIconColorValues = /*#__PURE__*/function (HdsIconColorValues) {
   HdsIconColorValues["CriticalHighContrast"] = "critical-high-contrast";
   return HdsIconColorValues;
 }({});
+let HdsIconLibraryValues = /*#__PURE__*/function (HdsIconLibraryValues) {
+  HdsIconLibraryValues["Flight"] = "flight";
+  HdsIconLibraryValues["Carbon"] = "carbon";
+  return HdsIconLibraryValues;
+}({});
 
-export { HdsIconColorValues, HdsIconSizeValues };
+export { HdsIconColorValues, HdsIconLibraryValues, HdsIconSizeValues };
 //# sourceMappingURL=types.js.map

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 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;;;;"}
+{"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\nimport type { HdsIconModule } from '@hashicorp/flight-icons/symbol-js/registry';\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\nexport enum HdsIconLibraryValues {\n  Flight = 'flight',\n  Carbon = 'carbon',\n}\nexport type HdsIconLibraries = `${HdsIconLibraryValues}`;\n\nexport type HdsIconLoader = () => Promise<HdsIconModule>;\n"],"names":["HdsIconSizeValues","HdsIconColorValues","HdsIconLibraryValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAIA,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;AAwB9B,IAAYC,oBAAoB,0BAApBA,oBAAoB,EAAA;EAApBA,oBAAoB,CAAA,QAAA,CAAA,GAAA,QAAA;EAApBA,oBAAoB,CAAA,QAAA,CAAA,GAAA,QAAA;AAAA,EAAA,OAApBA,oBAAoB;AAAA,CAAA,CAAA,EAAA;;;;"}

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

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const DEFAULT_SIZE = 'medium';
@@ -39,8 +39,7 @@ class HdsIconTile extends Component {
   }
   get icon() {
     if (this.args.logo) {
-      // for the logo version we use the colored versions directly
-      return `${this.args.logo}-color`;
+      return this.args.logo;
     } else if (this.args.icon) {
       return this.args.icon;
     } else {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/icon-tile/index.gts"],"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';\nimport HdsIcon from '../icon/index.gts';\n\nimport type {\n  HdsIconTileColors,\n  HdsIconTileProducts,\n  HdsIconTileSizes,\n} from './types.ts';\nimport type { HdsIconSignature } from '../icon/index.gts';\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  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  <template>\n    <div class={{this.classNames}} aria-hidden=\"true\" ...attributes>\n      {{#if this.icon}}\n        <div class={{this.iconWrapperClass}}>\n          <HdsIcon\n            @name={{this.icon}}\n            @size={{this.iconSize}}\n            @stretched={{true}}\n          />\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            <HdsIcon\n              @name={{this.iconSecondary}}\n              @size=\"16\"\n              @stretched={{true}}\n            />\n          </div>\n        </div>\n      {{/if}}\n    </div>\n  </template>\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","precompileTemplate","strictMode","scope","HdsIcon"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/icon-tile/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\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';\nimport HdsIcon from '../icon/index.gts';\n\nimport type {\n  HdsIconTileColors,\n  HdsIconTileProducts,\n  HdsIconTileSizes,\n} from './types.ts';\nimport type { HdsIconSignature } from '../icon/index.gts';\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      return this.args.logo;\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  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  <template>\n    <div class={{this.classNames}} aria-hidden=\"true\" ...attributes>\n      {{#if this.icon}}\n        <div class={{this.iconWrapperClass}}>\n          <HdsIcon\n            @name={{this.icon}}\n            @size={{this.iconSize}}\n            @stretched={{true}}\n          />\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            <HdsIcon\n              @name={{this.iconSecondary}}\n              @size=\"16\"\n              @stretched={{true}}\n            />\n          </div>\n        </div>\n      {{/if}}\n    </div>\n  </template>\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","precompileTemplate","strictMode","scope","HdsIcon"],"mappings":"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"}

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

@@ -10,7 +10,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsInteractive extends Component {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/interactive/index.gts"],"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';\nimport { on } from '@ember/modifier';\nimport { LinkTo } from '@ember/routing';\nimport { array } from '@ember/helper';\n\nimport { getLinkToExternal } from '../../../utils/hds-link-to-external.ts';\nimport { hdsLinkToModels } from '../../../helpers/hds-link-to-models.ts';\nimport { hdsLinkToQuery } from '../../../helpers/hds-link-to-query.ts';\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  get linkToExternal(): typeof LinkTo | null {\n    const component = getLinkToExternal();\n    if (component === null) {\n      assert(\n        `HdsInteractive: You attempted to use an external link without configuring HDS with an external component. Please add this in your app.js file:\n\nimport LinkToExternal from 'ember-engines/components/link-to-external';\nimport { setLinkToExternal } from '@hashicorp/design-system-components/utils/hds-link-to-external';\nsetLinkToExternal(LinkToExternal);`\n      );\n    }\n    return component;\n  }\n\n  get isHrefExternal(): boolean {\n    return this.args.isHrefExternal ?? true;\n  }\n\n  get isRouteExternal(): boolean {\n    return this.args.isRouteExternal ?? false;\n  }\n\n  onKeyUp = (event: KeyboardEvent): void => {\n    if (event.key === ' ' || event.code === 'Space') {\n      (event.target as HTMLElement).click();\n    }\n  };\n\n  <template>\n    {{! 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={{hdsLinkToModels (array @model @models)}}\n          @query={{hdsLinkToQuery (array @query)}}\n          @replace={{@replace}}\n          @route={{@route}}\n          ...attributes\n        >{{yield}}</this.linkToExternal>\n      {{~else~}}\n        <LinkTo\n          @current-when={{@current-when}}\n          @models={{hdsLinkToModels (array @model @models)}}\n          @query={{hdsLinkToQuery (array @query)}}\n          @replace={{@replace}}\n          @route={{@route}}\n          ...attributes\n        >{{yield}}</LinkTo>\n      {{~/if~}}\n    {{~else if @href~}}\n      {{~#if this.isHrefExternal~}}\n        <a\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          ...attributes\n          href={{@href}}\n          {{on \"keyup\" this.onKeyUp}}\n        >{{yield}}</a>\n      {{~else~}}\n        <a\n          ...attributes\n          href={{@href}}\n          {{on \"keyup\" this.onKeyUp}}\n        >{{yield}}</a>\n      {{~/if~}}\n    {{~else~}}\n      <button type=\"button\" ...attributes>{{yield}}</button>\n    {{~/if~}}\n  </template>\n}\n"],"names":["HdsInteractive","Component","linkToExternal","component","getLinkToExternal","assert","isHrefExternal","args","isRouteExternal","onKeyUp","event","key","code","target","click","setComponentTemplate","precompileTemplate","strictMode","scope","hdsLinkToModels","array","hdsLinkToQuery","LinkTo","on"],"mappings":";;;;;;;;;;;AAAA;;;AAGC;AAgCc,MAAMA,uBAAuBC,SAAA,CAAU;EACpD,IAAIC,cAAAA,GAAuC;AACzC,IAAA,MAAMC,SAAA,GAAYC,iBAAA,EAAA;IAClB,IAAID,cAAc,IAAA,EAAM;AACtBE,MAAAA,MAAA,CACE,CAAA;;;;mCAI2B,CAAA;AAE/B,IAAA;AACA,IAAA,OAAOF,SAAA;AACT,EAAA;EAEA,IAAIG,cAAAA,GAA0B;AAC5B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,cAAc,IAAI,IAAA;AACrC,EAAA;EAEA,IAAIE,eAAAA,GAA2B;AAC7B,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,eAAe,IAAI,KAAA;AACtC,EAAA;EAEAC,OAAA,GAAWC,KAAO,IAAoB;IACpC,IAAIA,MAAMC,GAAG,KAAK,OAAOD,KAAA,CAAME,IAAI,KAAK,OAAA,EAAS;AAC9CF,MAAAA,KAAA,CAAMG,MAAM,CAAiBC,KAAK,EAAA;AACrC,IAAA;EACF,CAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,qiDAAA,EA2CA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,eAAA;QAAAC,KAAA;QAAAC,cAAA;QAAAC,MAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/interactive/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { on } from '@ember/modifier';\nimport { LinkTo } from '@ember/routing';\nimport { array } from '@ember/helper';\n\nimport { getLinkToExternal } from '../../../utils/hds-link-to-external.ts';\nimport { hdsLinkToModels } from '../../../helpers/hds-link-to-models.ts';\nimport { hdsLinkToQuery } from '../../../helpers/hds-link-to-query.ts';\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  get linkToExternal(): typeof LinkTo | null {\n    const component = getLinkToExternal();\n    if (component === null) {\n      assert(\n        `HdsInteractive: You attempted to use an external link without configuring HDS with an external component. Please add this in your app.js file:\n\nimport LinkToExternal from 'ember-engines/components/link-to-external';\nimport { setLinkToExternal } from '@hashicorp/design-system-components/utils/hds-link-to-external';\nsetLinkToExternal(LinkToExternal);`\n      );\n    }\n    return component;\n  }\n\n  get isHrefExternal(): boolean {\n    return this.args.isHrefExternal ?? true;\n  }\n\n  get isRouteExternal(): boolean {\n    return this.args.isRouteExternal ?? false;\n  }\n\n  onKeyUp = (event: KeyboardEvent): void => {\n    if (event.key === ' ' || event.code === 'Space') {\n      (event.target as HTMLElement).click();\n    }\n  };\n\n  <template>\n    {{! 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={{hdsLinkToModels (array @model @models)}}\n          @query={{hdsLinkToQuery (array @query)}}\n          @replace={{@replace}}\n          @route={{@route}}\n          ...attributes\n        >{{yield}}</this.linkToExternal>\n      {{~else~}}\n        <LinkTo\n          @current-when={{@current-when}}\n          @models={{hdsLinkToModels (array @model @models)}}\n          @query={{hdsLinkToQuery (array @query)}}\n          @replace={{@replace}}\n          @route={{@route}}\n          ...attributes\n        >{{yield}}</LinkTo>\n      {{~/if~}}\n    {{~else if @href~}}\n      {{~#if this.isHrefExternal~}}\n        <a\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          ...attributes\n          href={{@href}}\n          {{on \"keyup\" this.onKeyUp}}\n        >{{yield}}</a>\n      {{~else~}}\n        <a\n          ...attributes\n          href={{@href}}\n          {{on \"keyup\" this.onKeyUp}}\n        >{{yield}}</a>\n      {{~/if~}}\n    {{~else~}}\n      <button type=\"button\" ...attributes>{{yield}}</button>\n    {{~/if~}}\n  </template>\n}\n"],"names":["HdsInteractive","Component","linkToExternal","component","getLinkToExternal","assert","isHrefExternal","args","isRouteExternal","onKeyUp","event","key","code","target","click","setComponentTemplate","precompileTemplate","strictMode","scope","hdsLinkToModels","array","hdsLinkToQuery","LinkTo","on"],"mappings":";;;;;;;;;;;AAAA;;;AAGC;AAgCc,MAAMA,uBAAuBC,SAAA,CAAU;EACpD,IAAIC,cAAAA,GAAuC;AACzC,IAAA,MAAMC,SAAA,GAAYC,iBAAA,EAAA;IAClB,IAAID,cAAc,IAAA,EAAM;AACtBE,MAAAA,MAAA,CACE,CAAA;;;;mCAI2B,CAAA;AAE/B,IAAA;AACA,IAAA,OAAOF,SAAA;AACT,EAAA;EAEA,IAAIG,cAAAA,GAA0B;AAC5B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,cAAc,IAAI,IAAA;AACrC,EAAA;EAEA,IAAIE,eAAAA,GAA2B;AAC7B,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,eAAe,IAAI,KAAA;AACtC,EAAA;EAEAC,OAAA,GAAWC,KAAO,IAAoB;IACpC,IAAIA,MAAMC,GAAG,KAAK,OAAOD,KAAA,CAAME,IAAI,KAAK,OAAA,EAAS;AAC9CF,MAAAA,KAAA,CAAMG,MAAM,CAAiBC,KAAK,EAAA;AACrC,IAAA;EACF,CAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,qiDAAA,EA2CA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,eAAA;QAAAC,KAAA;QAAAC,cAAA;QAAAC,MAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -8,7 +8,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const DEFAULT_DIRECTION = HdsLayoutFlexDirectionValues.Row;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/layout/flex/index.gts"],"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';\nimport { element } from 'ember-element-helper';\nimport { hash } from '@ember/helper';\n\nimport {\n  HdsLayoutFlexDirectionValues,\n  HdsLayoutFlexJustifyValues,\n  HdsLayoutFlexAlignValues,\n  HdsLayoutFlexGapValues,\n} from './types.ts';\nimport HdsLayoutFlexItem from './item.gts';\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?: typeof HdsLayoutFlexItem;\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  <template>\n    {{#let (element this.componentTag) as |Tag|}}\n      <Tag class={{this.classNames}} ...attributes>{{yield\n          (hash Item=HdsLayoutFlexItem)\n        }}</Tag>\n    {{/let}}\n  </template>\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","precompileTemplate","strictMode","scope","element","hash","HdsLayoutFlexItem"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/layout/flex/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { element } from 'ember-element-helper';\nimport { hash } from '@ember/helper';\n\nimport {\n  HdsLayoutFlexDirectionValues,\n  HdsLayoutFlexJustifyValues,\n  HdsLayoutFlexAlignValues,\n  HdsLayoutFlexGapValues,\n} from './types.ts';\nimport HdsLayoutFlexItem from './item.gts';\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?: typeof HdsLayoutFlexItem;\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  <template>\n    {{#let (element this.componentTag) as |Tag|}}\n      <Tag class={{this.classNames}} ...attributes>{{yield\n          (hash Item=HdsLayoutFlexItem)\n        }}</Tag>\n    {{/let}}\n  </template>\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","precompileTemplate","strictMode","scope","element","hash","HdsLayoutFlexItem"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsLayoutFlexItem extends Component {

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../../../src/components/hds/layout/flex/item.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { element } from 'ember-element-helper';\nimport style from 'ember-style-modifier';\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  <template>\n    {{#let (element this.componentTag) as |Tag|}}<Tag\n        class={{this.classNames}}\n        {{style this.inlineStyles}}\n        ...attributes\n      >{{yield}}</Tag>{{/let}}\n  </template>\n}\n"],"names":["HdsLayoutFlexItem","Component","componentTag","args","tag","inlineStyles","basis","grow","toString","shrink","classNames","classes","push","enableCollapseBelowContentSize","join","setComponentTemplate","precompileTemplate","strictMode","scope","element","style"],"mappings":"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"}
+{"version":3,"file":"item.js","sources":["../../../../../src/components/hds/layout/flex/item.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { element } from 'ember-element-helper';\nimport style from 'ember-style-modifier';\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  <template>\n    {{#let (element this.componentTag) as |Tag|}}<Tag\n        class={{this.classNames}}\n        {{style this.inlineStyles}}\n        ...attributes\n      >{{yield}}</Tag>{{/let}}\n  </template>\n}\n"],"names":["HdsLayoutFlexItem","Component","componentTag","args","tag","inlineStyles","basis","grow","toString","shrink","classNames","classes","push","enableCollapseBelowContentSize","join","setComponentTemplate","precompileTemplate","strictMode","scope","element","style"],"mappings":"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"}

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

@@ -9,7 +9,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const ALIGNS = Object.values(HdsLayoutGridAlignValues);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/layout/grid/index.gts"],"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';\nimport { element } from 'ember-element-helper';\nimport { hash } from '@ember/helper';\nimport style from 'ember-style-modifier';\n\nimport { HdsLayoutGridAlignValues, HdsLayoutGridGapValues } from './types.ts';\nimport HdsLayoutGridItem from './item.gts';\n\nimport type {\n  HdsLayoutGridAligns,\n  HdsLayoutGridGaps,\n  AvailableTagNames,\n  AvailableElements,\n} from './types.ts';\n\nexport const ALIGNS: HdsLayoutGridAligns[] = Object.values(\n  HdsLayoutGridAlignValues\n);\nexport const DEFAULT_GAP = HdsLayoutGridGapValues.Zero;\nexport const GAPS: HdsLayoutGridGaps[] = Object.values(HdsLayoutGridGapValues);\n\ntype ResponsiveColumnWidths = {\n  sm?: string;\n  md?: string;\n  lg?: string;\n  xl?: string;\n  xxl?: string;\n};\n\nexport interface HdsLayoutGridSignature {\n  Args: {\n    tag?: AvailableTagNames;\n    columnMinWidth?: string;\n    columnWidth?: string | ResponsiveColumnWidths;\n    align?: HdsLayoutGridAligns;\n    gap?: HdsLayoutGridGaps | [HdsLayoutGridGaps, HdsLayoutGridGaps];\n  };\n  Blocks: {\n    default: [\n      {\n        Item?: typeof HdsLayoutGridItem;\n      },\n    ];\n  };\n  Element: AvailableElements;\n}\n\nexport default class HdsLayoutGrid extends Component<HdsLayoutGridSignature> {\n  get componentTag(): AvailableTagNames {\n    return this.args.tag ?? 'div';\n  }\n\n  get align(): HdsLayoutGridAligns | undefined {\n    const { align } = this.args;\n\n    if (align) {\n      assert(\n        `@align for \"Hds::Layout::Grid\" 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    | [HdsLayoutGridGaps]\n    | [HdsLayoutGridGaps, HdsLayoutGridGaps]\n    | undefined {\n    const { gap = DEFAULT_GAP } = this.args;\n\n    if (gap) {\n      assert(\n        `@gap for \"Hds::Layout::Grid\" 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  /*\n    LOGIC:\n\n     Default layout behavior:\n     --hds-layout-grid-column-fill-type is set to auto-fit (fluid layout)\n\n    If neither columnMinWidth nor columnWidth are passed in:\n    - We do not set --hds-layout-grid-column-min-width (defaults to 0px)\n    \n    If columnMinWidth is passed in:\n    - We set --hds-layout-grid-column-min-width to the passed in value\n\n    If a columnWidth value is passed in:\n    1) we set --hds-layout-grid-column-min-width to the passed in value for the view\n    2) In the CSS, we use \"auto-fill\" for --hds-layout-grid-column-fill-type for the view (fixed layout)\n\n    If both columnMinWidth & columnWidth are passed in:\n    - We throw an error, as it doesn't make sense in the context of a CSS grid layout (too complex to determine which to use & desired behavior)\n  */\n  get inlineStyles(): Record<string, unknown> {\n    const inlineStyles: {\n      '--hds-layout-grid-column-min-width'?: string;\n      '--hds-layout-grid-column-fill-type'?: string;\n\n      // responsive\n      '--hds-layout-grid-column-width-sm'?: string;\n      '--hds-layout-grid-column-width-md'?: string;\n      '--hds-layout-grid-column-width-lg'?: string;\n      '--hds-layout-grid-column-width-xl'?: string;\n      '--hds-layout-grid-column-width-xxl'?: string;\n    } = {};\n\n    // if both columnMinWidth and columnWidth are passed in, we throw an error\n    assert(\n      `@columnMinWidth and @columnWidth for \"Hds::Layout::Grid\" cannot be used together`,\n      !(this.args.columnMinWidth && this.args.columnWidth)\n    );\n\n    if (this.args.columnMinWidth) {\n      inlineStyles['--hds-layout-grid-column-min-width'] =\n        this.args.columnMinWidth;\n    } else if (this.args.columnWidth) {\n      if (typeof this.args.columnWidth === 'string') {\n        inlineStyles['--hds-layout-grid-column-min-width'] =\n          this.args.columnWidth;\n      } else if (typeof this.args.columnWidth === 'object') {\n        // Responsive column widths\n        if (this.args.columnWidth.sm) {\n          inlineStyles['--hds-layout-grid-column-width-sm'] =\n            this.args.columnWidth.sm;\n        }\n        if (this.args.columnWidth.md) {\n          inlineStyles['--hds-layout-grid-column-width-md'] =\n            this.args.columnWidth.md;\n        }\n        if (this.args.columnWidth.lg) {\n          inlineStyles['--hds-layout-grid-column-width-lg'] =\n            this.args.columnWidth.lg;\n        }\n        if (this.args.columnWidth.xl) {\n          inlineStyles['--hds-layout-grid-column-width-xl'] =\n            this.args.columnWidth.xl;\n        }\n        if (this.args.columnWidth.xxl) {\n          inlineStyles['--hds-layout-grid-column-width-xxl'] =\n            this.args.columnWidth.xxl;\n        }\n      }\n    }\n\n    return inlineStyles;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-layout-grid'];\n\n    // add a class based on the @align argument\n    if (this.align) {\n      classes.push(`hds-layout-grid--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-grid--row-gap-${this.gap[0]}`);\n        classes.push(`hds-layout-grid--column-gap-${this.gap[1]}`);\n      } else if (this.gap.length === 1) {\n        classes.push(`hds-layout-grid--row-gap-${this.gap[0]}`);\n        classes.push(`hds-layout-grid--column-gap-${this.gap[0]}`);\n      }\n    }\n\n    // If a single columnWidth string is passed in, set the respective CSS class (non-responsive view case)\n    if (typeof this.args.columnWidth === 'string') {\n      classes.push('hds-layout-grid--column-width-non-responsive');\n    }\n\n    // add classes based on responsive width arguments\n    // If an object is passed in for the columnWidth arg, set the respective CSS classes\n    if (typeof this.args.columnWidth === 'object') {\n      if (this.args.columnWidth.sm) {\n        classes.push('hds-layout-grid--column-width-sm');\n      }\n      if (this.args.columnWidth.md) {\n        classes.push('hds-layout-grid--column-width-md');\n      }\n      if (this.args.columnWidth.lg) {\n        classes.push('hds-layout-grid--column-width-lg');\n      }\n      if (this.args.columnWidth.xl) {\n        classes.push('hds-layout-grid--column-width-xl');\n      }\n      if (this.args.columnWidth.xxl) {\n        classes.push('hds-layout-grid--column-width-xxl');\n      }\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    {{#let (element this.componentTag) as |Tag|}}\n      <Tag\n        class={{this.classNames}}\n        {{style this.inlineStyles}}\n        ...attributes\n      >{{yield (hash Item=HdsLayoutGridItem)}}</Tag>\n    {{/let}}\n  </template>\n}\n"],"names":["ALIGNS","Object","values","HdsLayoutGridAlignValues","DEFAULT_GAP","HdsLayoutGridGapValues","Zero","GAPS","HdsLayoutGrid","Component","componentTag","args","tag","align","assert","join","includes","gap","Array","isArray","length","undefined","inlineStyles","columnMinWidth","columnWidth","sm","md","lg","xl","xxl","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode","scope","element","style","hash","HdsLayoutGridItem"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/layout/grid/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { element } from 'ember-element-helper';\nimport { hash } from '@ember/helper';\nimport style from 'ember-style-modifier';\n\nimport { HdsLayoutGridAlignValues, HdsLayoutGridGapValues } from './types.ts';\nimport HdsLayoutGridItem from './item.gts';\n\nimport type {\n  HdsLayoutGridAligns,\n  HdsLayoutGridGaps,\n  AvailableTagNames,\n  AvailableElements,\n} from './types.ts';\n\nexport const ALIGNS: HdsLayoutGridAligns[] = Object.values(\n  HdsLayoutGridAlignValues\n);\nexport const DEFAULT_GAP = HdsLayoutGridGapValues.Zero;\nexport const GAPS: HdsLayoutGridGaps[] = Object.values(HdsLayoutGridGapValues);\n\ntype ResponsiveColumnWidths = {\n  sm?: string;\n  md?: string;\n  lg?: string;\n  xl?: string;\n  xxl?: string;\n};\n\nexport interface HdsLayoutGridSignature {\n  Args: {\n    tag?: AvailableTagNames;\n    columnMinWidth?: string;\n    columnWidth?: string | ResponsiveColumnWidths;\n    align?: HdsLayoutGridAligns;\n    gap?: HdsLayoutGridGaps | [HdsLayoutGridGaps, HdsLayoutGridGaps];\n  };\n  Blocks: {\n    default: [\n      {\n        Item?: typeof HdsLayoutGridItem;\n      },\n    ];\n  };\n  Element: AvailableElements;\n}\n\nexport default class HdsLayoutGrid extends Component<HdsLayoutGridSignature> {\n  get componentTag(): AvailableTagNames {\n    return this.args.tag ?? 'div';\n  }\n\n  get align(): HdsLayoutGridAligns | undefined {\n    const { align } = this.args;\n\n    if (align) {\n      assert(\n        `@align for \"Hds::Layout::Grid\" 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    | [HdsLayoutGridGaps]\n    | [HdsLayoutGridGaps, HdsLayoutGridGaps]\n    | undefined {\n    const { gap = DEFAULT_GAP } = this.args;\n\n    if (gap) {\n      assert(\n        `@gap for \"Hds::Layout::Grid\" 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  /*\n    LOGIC:\n\n     Default layout behavior:\n     --hds-layout-grid-column-fill-type is set to auto-fit (fluid layout)\n\n    If neither columnMinWidth nor columnWidth are passed in:\n    - We do not set --hds-layout-grid-column-min-width (defaults to 0px)\n    \n    If columnMinWidth is passed in:\n    - We set --hds-layout-grid-column-min-width to the passed in value\n\n    If a columnWidth value is passed in:\n    1) we set --hds-layout-grid-column-min-width to the passed in value for the view\n    2) In the CSS, we use \"auto-fill\" for --hds-layout-grid-column-fill-type for the view (fixed layout)\n\n    If both columnMinWidth & columnWidth are passed in:\n    - We throw an error, as it doesn't make sense in the context of a CSS grid layout (too complex to determine which to use & desired behavior)\n  */\n  get inlineStyles(): Record<string, unknown> {\n    const inlineStyles: {\n      '--hds-layout-grid-column-min-width'?: string;\n      '--hds-layout-grid-column-fill-type'?: string;\n\n      // responsive\n      '--hds-layout-grid-column-width-sm'?: string;\n      '--hds-layout-grid-column-width-md'?: string;\n      '--hds-layout-grid-column-width-lg'?: string;\n      '--hds-layout-grid-column-width-xl'?: string;\n      '--hds-layout-grid-column-width-xxl'?: string;\n    } = {};\n\n    // if both columnMinWidth and columnWidth are passed in, we throw an error\n    assert(\n      `@columnMinWidth and @columnWidth for \"Hds::Layout::Grid\" cannot be used together`,\n      !(this.args.columnMinWidth && this.args.columnWidth)\n    );\n\n    if (this.args.columnMinWidth) {\n      inlineStyles['--hds-layout-grid-column-min-width'] =\n        this.args.columnMinWidth;\n    } else if (this.args.columnWidth) {\n      if (typeof this.args.columnWidth === 'string') {\n        inlineStyles['--hds-layout-grid-column-min-width'] =\n          this.args.columnWidth;\n      } else if (typeof this.args.columnWidth === 'object') {\n        // Responsive column widths\n        if (this.args.columnWidth.sm) {\n          inlineStyles['--hds-layout-grid-column-width-sm'] =\n            this.args.columnWidth.sm;\n        }\n        if (this.args.columnWidth.md) {\n          inlineStyles['--hds-layout-grid-column-width-md'] =\n            this.args.columnWidth.md;\n        }\n        if (this.args.columnWidth.lg) {\n          inlineStyles['--hds-layout-grid-column-width-lg'] =\n            this.args.columnWidth.lg;\n        }\n        if (this.args.columnWidth.xl) {\n          inlineStyles['--hds-layout-grid-column-width-xl'] =\n            this.args.columnWidth.xl;\n        }\n        if (this.args.columnWidth.xxl) {\n          inlineStyles['--hds-layout-grid-column-width-xxl'] =\n            this.args.columnWidth.xxl;\n        }\n      }\n    }\n\n    return inlineStyles;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-layout-grid'];\n\n    // add a class based on the @align argument\n    if (this.align) {\n      classes.push(`hds-layout-grid--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-grid--row-gap-${this.gap[0]}`);\n        classes.push(`hds-layout-grid--column-gap-${this.gap[1]}`);\n      } else if (this.gap.length === 1) {\n        classes.push(`hds-layout-grid--row-gap-${this.gap[0]}`);\n        classes.push(`hds-layout-grid--column-gap-${this.gap[0]}`);\n      }\n    }\n\n    // If a single columnWidth string is passed in, set the respective CSS class (non-responsive view case)\n    if (typeof this.args.columnWidth === 'string') {\n      classes.push('hds-layout-grid--column-width-non-responsive');\n    }\n\n    // add classes based on responsive width arguments\n    // If an object is passed in for the columnWidth arg, set the respective CSS classes\n    if (typeof this.args.columnWidth === 'object') {\n      if (this.args.columnWidth.sm) {\n        classes.push('hds-layout-grid--column-width-sm');\n      }\n      if (this.args.columnWidth.md) {\n        classes.push('hds-layout-grid--column-width-md');\n      }\n      if (this.args.columnWidth.lg) {\n        classes.push('hds-layout-grid--column-width-lg');\n      }\n      if (this.args.columnWidth.xl) {\n        classes.push('hds-layout-grid--column-width-xl');\n      }\n      if (this.args.columnWidth.xxl) {\n        classes.push('hds-layout-grid--column-width-xxl');\n      }\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    {{#let (element this.componentTag) as |Tag|}}\n      <Tag\n        class={{this.classNames}}\n        {{style this.inlineStyles}}\n        ...attributes\n      >{{yield (hash Item=HdsLayoutGridItem)}}</Tag>\n    {{/let}}\n  </template>\n}\n"],"names":["ALIGNS","Object","values","HdsLayoutGridAlignValues","DEFAULT_GAP","HdsLayoutGridGapValues","Zero","GAPS","HdsLayoutGrid","Component","componentTag","args","tag","align","assert","join","includes","gap","Array","isArray","length","undefined","inlineStyles","columnMinWidth","columnWidth","sm","md","lg","xl","xxl","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode","scope","element","style","hash","HdsLayoutGridItem"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsLayoutGridItem extends Component {

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../../../src/components/hds/layout/grid/item.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { element } from 'ember-element-helper';\nimport style from 'ember-style-modifier';\n\nimport type { AvailableTagNames, AvailableElements } from './types.ts';\n\ntype ResponsiveSpan = {\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n  xxl?: number;\n};\n\nexport interface HdsLayoutGridItemSignature {\n  Args: {\n    tag?: AvailableTagNames;\n    colspan?: number | ResponsiveSpan;\n    rowspan?: number | ResponsiveSpan;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: AvailableElements;\n}\n\nexport default class HdsLayoutGridItem extends Component<HdsLayoutGridItemSignature> {\n  get componentTag(): AvailableTagNames {\n    return this.args.tag ?? 'div';\n  }\n\n  get inlineStyles(): Record<string, unknown> {\n    const inlineStyles: {\n      '--hds-layout-grid-column-span'?: string;\n      '--hds-layout-grid-row-span'?: string;\n\n      // responsive\n      // column span\n      '--hds-layout-grid-column-span-sm'?: string;\n      '--hds-layout-grid-column-span-md'?: string;\n      '--hds-layout-grid-column-span-lg'?: string;\n      '--hds-layout-grid-column-span-xl'?: string;\n      '--hds-layout-grid-column-span-xxl'?: string;\n\n      // row span\n      '--hds-layout-grid-row-span-sm'?: string;\n      '--hds-layout-grid-row-span-md'?: string;\n      '--hds-layout-grid-row-span-lg'?: string;\n      '--hds-layout-grid-row-span-xl'?: string;\n      '--hds-layout-grid-row-span-xxl'?: string;\n    } = {};\n\n    if (this.args.colspan) {\n      if (typeof this.args.colspan === 'number') {\n        inlineStyles['--hds-layout-grid-column-span'] =\n          this.args.colspan.toString();\n      } else if (typeof this.args.colspan === 'object') {\n        // Responsive column spans\n        if (this.args.colspan.sm) {\n          inlineStyles['--hds-layout-grid-column-span-sm'] =\n            this.args.colspan.sm.toString();\n        }\n        if (this.args.colspan.md) {\n          inlineStyles['--hds-layout-grid-column-span-md'] =\n            this.args.colspan.md.toString();\n        }\n        if (this.args.colspan.lg) {\n          inlineStyles['--hds-layout-grid-column-span-lg'] =\n            this.args.colspan.lg.toString();\n        }\n        if (this.args.colspan.xl) {\n          inlineStyles['--hds-layout-grid-column-span-xl'] =\n            this.args.colspan.xl.toString();\n        }\n        if (this.args.colspan.xxl) {\n          inlineStyles['--hds-layout-grid-column-span-xxl'] =\n            this.args.colspan.xxl.toString();\n        }\n      }\n    }\n\n    if (this.args.rowspan) {\n      if (typeof this.args.rowspan === 'number') {\n        inlineStyles['--hds-layout-grid-row-span'] =\n          this.args.rowspan.toString();\n      } else if (typeof this.args.rowspan === 'object') {\n        // Responsive row spans\n        if (this.args.rowspan.sm) {\n          inlineStyles['--hds-layout-grid-row-span-sm'] =\n            this.args.rowspan.sm.toString();\n        }\n        if (this.args.rowspan.md) {\n          inlineStyles['--hds-layout-grid-row-span-md'] =\n            this.args.rowspan.md.toString();\n        }\n        if (this.args.rowspan.lg) {\n          inlineStyles['--hds-layout-grid-row-span-lg'] =\n            this.args.rowspan.lg.toString();\n        }\n        if (this.args.rowspan.xl) {\n          inlineStyles['--hds-layout-grid-row-span-xl'] =\n            this.args.rowspan.xl.toString();\n        }\n        if (this.args.rowspan.xxl) {\n          inlineStyles['--hds-layout-grid-row-span-xxl'] =\n            this.args.rowspan.xxl.toString();\n        }\n      }\n    }\n\n    return inlineStyles;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-layout-grid-item'];\n\n    // add classes based on responsive colspan\n    if (typeof this.args.colspan === 'object') {\n      if (this.args.colspan.sm) {\n        classes.push(`hds-layout-grid--col-span-view-sm`);\n      }\n      if (this.args.colspan.md) {\n        classes.push(`hds-layout-grid--col-span-view-md`);\n      }\n      if (this.args.colspan.lg) {\n        classes.push(`hds-layout-grid--col-span-view-lg`);\n      }\n      if (this.args.colspan.xl) {\n        classes.push(`hds-layout-grid--col-span-view-xl`);\n      }\n      if (this.args.colspan.xxl) {\n        classes.push(`hds-layout-grid--col-span-view-xxl`);\n      }\n    }\n\n    // add classes based on responsive rowspan\n    if (typeof this.args.rowspan === 'object') {\n      if (this.args.rowspan.sm) {\n        classes.push(`hds-layout-grid--row-span-view-sm`);\n      }\n      if (this.args.rowspan.md) {\n        classes.push(`hds-layout-grid--row-span-view-md`);\n      }\n      if (this.args.rowspan.lg) {\n        classes.push(`hds-layout-grid--row-span-view-lg`);\n      }\n      if (this.args.rowspan.xl) {\n        classes.push(`hds-layout-grid--row-span-view-xl`);\n      }\n      if (this.args.rowspan.xxl) {\n        classes.push(`hds-layout-grid--row-span-view-xxl`);\n      }\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    {{#let (element this.componentTag) as |Tag|}}\n      <Tag\n        class={{this.classNames}}\n        {{style this.inlineStyles}}\n        ...attributes\n      >{{yield}}</Tag>\n    {{/let}}\n  </template>\n}\n"],"names":["HdsLayoutGridItem","Component","componentTag","args","tag","inlineStyles","colspan","toString","sm","md","lg","xl","xxl","rowspan","classNames","classes","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","element","style"],"mappings":"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"}
+{"version":3,"file":"item.js","sources":["../../../../../src/components/hds/layout/grid/item.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { element } from 'ember-element-helper';\nimport style from 'ember-style-modifier';\n\nimport type { AvailableTagNames, AvailableElements } from './types.ts';\n\ntype ResponsiveSpan = {\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n  xxl?: number;\n};\n\nexport interface HdsLayoutGridItemSignature {\n  Args: {\n    tag?: AvailableTagNames;\n    colspan?: number | ResponsiveSpan;\n    rowspan?: number | ResponsiveSpan;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: AvailableElements;\n}\n\nexport default class HdsLayoutGridItem extends Component<HdsLayoutGridItemSignature> {\n  get componentTag(): AvailableTagNames {\n    return this.args.tag ?? 'div';\n  }\n\n  get inlineStyles(): Record<string, unknown> {\n    const inlineStyles: {\n      '--hds-layout-grid-column-span'?: string;\n      '--hds-layout-grid-row-span'?: string;\n\n      // responsive\n      // column span\n      '--hds-layout-grid-column-span-sm'?: string;\n      '--hds-layout-grid-column-span-md'?: string;\n      '--hds-layout-grid-column-span-lg'?: string;\n      '--hds-layout-grid-column-span-xl'?: string;\n      '--hds-layout-grid-column-span-xxl'?: string;\n\n      // row span\n      '--hds-layout-grid-row-span-sm'?: string;\n      '--hds-layout-grid-row-span-md'?: string;\n      '--hds-layout-grid-row-span-lg'?: string;\n      '--hds-layout-grid-row-span-xl'?: string;\n      '--hds-layout-grid-row-span-xxl'?: string;\n    } = {};\n\n    if (this.args.colspan) {\n      if (typeof this.args.colspan === 'number') {\n        inlineStyles['--hds-layout-grid-column-span'] =\n          this.args.colspan.toString();\n      } else if (typeof this.args.colspan === 'object') {\n        // Responsive column spans\n        if (this.args.colspan.sm) {\n          inlineStyles['--hds-layout-grid-column-span-sm'] =\n            this.args.colspan.sm.toString();\n        }\n        if (this.args.colspan.md) {\n          inlineStyles['--hds-layout-grid-column-span-md'] =\n            this.args.colspan.md.toString();\n        }\n        if (this.args.colspan.lg) {\n          inlineStyles['--hds-layout-grid-column-span-lg'] =\n            this.args.colspan.lg.toString();\n        }\n        if (this.args.colspan.xl) {\n          inlineStyles['--hds-layout-grid-column-span-xl'] =\n            this.args.colspan.xl.toString();\n        }\n        if (this.args.colspan.xxl) {\n          inlineStyles['--hds-layout-grid-column-span-xxl'] =\n            this.args.colspan.xxl.toString();\n        }\n      }\n    }\n\n    if (this.args.rowspan) {\n      if (typeof this.args.rowspan === 'number') {\n        inlineStyles['--hds-layout-grid-row-span'] =\n          this.args.rowspan.toString();\n      } else if (typeof this.args.rowspan === 'object') {\n        // Responsive row spans\n        if (this.args.rowspan.sm) {\n          inlineStyles['--hds-layout-grid-row-span-sm'] =\n            this.args.rowspan.sm.toString();\n        }\n        if (this.args.rowspan.md) {\n          inlineStyles['--hds-layout-grid-row-span-md'] =\n            this.args.rowspan.md.toString();\n        }\n        if (this.args.rowspan.lg) {\n          inlineStyles['--hds-layout-grid-row-span-lg'] =\n            this.args.rowspan.lg.toString();\n        }\n        if (this.args.rowspan.xl) {\n          inlineStyles['--hds-layout-grid-row-span-xl'] =\n            this.args.rowspan.xl.toString();\n        }\n        if (this.args.rowspan.xxl) {\n          inlineStyles['--hds-layout-grid-row-span-xxl'] =\n            this.args.rowspan.xxl.toString();\n        }\n      }\n    }\n\n    return inlineStyles;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-layout-grid-item'];\n\n    // add classes based on responsive colspan\n    if (typeof this.args.colspan === 'object') {\n      if (this.args.colspan.sm) {\n        classes.push(`hds-layout-grid--col-span-view-sm`);\n      }\n      if (this.args.colspan.md) {\n        classes.push(`hds-layout-grid--col-span-view-md`);\n      }\n      if (this.args.colspan.lg) {\n        classes.push(`hds-layout-grid--col-span-view-lg`);\n      }\n      if (this.args.colspan.xl) {\n        classes.push(`hds-layout-grid--col-span-view-xl`);\n      }\n      if (this.args.colspan.xxl) {\n        classes.push(`hds-layout-grid--col-span-view-xxl`);\n      }\n    }\n\n    // add classes based on responsive rowspan\n    if (typeof this.args.rowspan === 'object') {\n      if (this.args.rowspan.sm) {\n        classes.push(`hds-layout-grid--row-span-view-sm`);\n      }\n      if (this.args.rowspan.md) {\n        classes.push(`hds-layout-grid--row-span-view-md`);\n      }\n      if (this.args.rowspan.lg) {\n        classes.push(`hds-layout-grid--row-span-view-lg`);\n      }\n      if (this.args.rowspan.xl) {\n        classes.push(`hds-layout-grid--row-span-view-xl`);\n      }\n      if (this.args.rowspan.xxl) {\n        classes.push(`hds-layout-grid--row-span-view-xxl`);\n      }\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    {{#let (element this.componentTag) as |Tag|}}\n      <Tag\n        class={{this.classNames}}\n        {{style this.inlineStyles}}\n        ...attributes\n      >{{yield}}</Tag>\n    {{/let}}\n  </template>\n}\n"],"names":["HdsLayoutGridItem","Component","componentTag","args","tag","inlineStyles","colspan","toString","sm","md","lg","xl","xxl","rowspan","classNames","classes","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","element","style"],"mappings":"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"}

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

@@ -8,7 +8,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const DEFAULT_ICON_POSITION = HdsLinkIconPositionValues.Trailing;

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

@@ -1 +1 @@
-{"version":3,"file":"inline.js","sources":["../../../../src/components/hds/link/inline.gts"],"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';\nimport { eq } from 'ember-truth-helpers';\n\nimport type Owner from '@ember/owner';\n\nimport { HdsLinkColorValues, HdsLinkIconPositionValues } from './types.ts';\nimport HdsInteractive from '../interactive/index.gts';\nimport HdsIcon from '../icon/index.gts';\n\nimport type { HdsInteractiveSignature } from '../interactive/index.gts';\nimport type { HdsIconSignature } from '../icon/index.gts';\nimport type { HdsLinkColors, HdsLinkIconPositions } from './types.ts';\n\nexport const DEFAULT_ICON_POSITION = HdsLinkIconPositionValues.Trailing;\nexport const DEFAULT_COLOR = HdsLinkColorValues.Primary;\nexport const ICON_POSITIONS: HdsLinkIconPositions[] = Object.values(\n  HdsLinkIconPositionValues\n);\nexport const COLORS: HdsLinkColors[] = Object.values(HdsLinkColorValues);\n\nexport interface HdsLinkInlineSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    color?: HdsLinkColors;\n    icon?: HdsIconSignature['Args']['name'];\n    iconPosition?: HdsLinkIconPositions;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsLinkInline extends Component<HdsLinkInlineSignature> {\n  constructor(owner: Owner, args: HdsLinkInlineSignature['Args']) {\n    super(owner, args);\n    if (!(this.args.href || this.args.route)) {\n      assert('@href or @route must be defined for <Hds::Link::Inline>');\n    }\n  }\n\n  get color(): HdsLinkColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Link::Inline\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  get iconPosition(): HdsLinkIconPositions {\n    const { iconPosition = DEFAULT_ICON_POSITION } = this.args;\n\n    assert(\n      `@iconPosition for \"Hds::Link::Inline\" must be one of the following: ${ICON_POSITIONS.join(\n        ', '\n      )}; received: ${iconPosition}`,\n      ICON_POSITIONS.includes(iconPosition)\n    );\n\n    return iconPosition;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-link-inline'];\n\n    // add a class based on the @color argument\n    classes.push(`hds-link-inline--color-${this.color}`);\n\n    // add a class based on the @iconPosition argument\n    classes.push(`hds-link-inline--icon-${this.iconPosition}`);\n\n    return classes.join(' ');\n  }\n\n  <template>\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    <HdsInteractive\n      class={{this.classNames}}\n      @current-when={{@current-when}}\n      @models={{@models}}\n      @model={{@model}}\n      @query={{@query}}\n      @replace={{@replace}}\n      @route={{@route}}\n      @isRouteExternal={{@isRouteExternal}}\n      @href={{@href}}\n      @isHrefExternal={{@isHrefExternal}}\n      ...attributes\n    >\n      {{~#if (eq this.iconPosition \"leading\")~}}\n        {{~#if @icon~}}\n          <span class=\"hds-link-inline__icon hds-link-inline__icon--leading\">\n            <HdsIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n          </span>\n        {{~/if~}}\n      {{~/if~}}\n      {{yield}}\n      {{~#if (eq this.iconPosition \"trailing\")~}}\n        {{~#if @icon~}}\n          <span class=\"hds-link-inline__icon hds-link-inline__icon--trailing\">\n            <HdsIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n          </span>\n        {{~/if~}}\n      {{~/if~}}\n    </HdsInteractive>\n  </template>\n}\n"],"names":["DEFAULT_ICON_POSITION","HdsLinkIconPositionValues","Trailing","DEFAULT_COLOR","HdsLinkColorValues","Primary","ICON_POSITIONS","Object","values","COLORS","HdsLinkInline","Component","constructor","owner","args","href","route","assert","color","join","includes","iconPosition","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode","scope","HdsInteractive","eq","HdsIcon"],"mappings":";;;;;;;;;AAAA;;;AAGC;AAgBM,MAAMA,qBAAA,GAAwBC,yBAAA,CAA0BC;AACxD,MAAMC,aAAA,GAAgBC,kBAAA,CAAmBC;AACzC,MAAMC,cAAgB,GAAyBC,MAAA,CAAOC,MAAM,CACjEP,yBAAA;AAEK,MAAMQ,MAAQ,GAAkBF,MAAA,CAAOC,MAAM,CAACJ,kBAAA;AActC,MAAMM,sBAAsBC,SAAA,CAAU;AACnDC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAoC,EAAE;AAC9D,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;AACb,IAAA,IAAI,EAAE,IAAI,CAACA,IAAI,CAACC,IAAI,IAAI,IAAI,CAACD,IAAI,CAACE,KAAK,CAAA,EAAG;MACxCC,MAAA,CAAO,yDAAA,CAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIC,QAAuB;IACzB,MAAM;AAAEA,MAAAA,KAAA,GAAQf;KAAe,GAAG,IAAI,CAACW,IAAI;AAE3CG,IAAAA,MAAA,CACE,CAAA,6DAAA,EAAgER,MAAA,CAAOU,IAAI,CACzE,IAAA,CAAA,CAAA,YAAA,EACcD,KAAA,CAAA,CAAO,EACvBT,MAAA,CAAOW,QAAQ,CAACF,KAAA,CAAA,CAAA;AAGlB,IAAA,OAAOA,KAAA;AACT,EAAA;EAEA,IAAIG,eAAqC;IACvC,MAAM;AAAEA,MAAAA,YAAA,GAAerB;KAAuB,GAAG,IAAI,CAACc,IAAI;AAE1DG,IAAAA,MAAA,CACE,CAAA,oEAAA,EAAuEX,cAAA,CAAea,IAAI,CACxF,IAAA,CAAA,CAAA,YAAA,EACcE,YAAA,CAAA,CAAc,EAC9Bf,cAAA,CAAec,QAAQ,CAACC,YAAA,CAAA,CAAA;AAG1B,IAAA,OAAOA,YAAA;AACT,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,iBAAA,CAAkB;AAEnC;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAACN,KAAK,EAAE,CAAA;AAEnD;IACAK,OAAA,CAAQC,IAAI,CAAC,CAAA,sBAAA,EAAyB,IAAI,CAACH,YAAY,EAAE,CAAA;AAEzD,IAAA,OAAOE,OAAA,CAAQJ,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CAAA,wiCAAA,EA+BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"inline.js","sources":["../../../../src/components/hds/link/inline.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { eq } from 'ember-truth-helpers';\n\nimport type Owner from '@ember/owner';\n\nimport { HdsLinkColorValues, HdsLinkIconPositionValues } from './types.ts';\nimport HdsInteractive from '../interactive/index.gts';\nimport HdsIcon from '../icon/index.gts';\n\nimport type { HdsInteractiveSignature } from '../interactive/index.gts';\nimport type { HdsIconSignature } from '../icon/index.gts';\nimport type { HdsLinkColors, HdsLinkIconPositions } from './types.ts';\n\nexport const DEFAULT_ICON_POSITION = HdsLinkIconPositionValues.Trailing;\nexport const DEFAULT_COLOR = HdsLinkColorValues.Primary;\nexport const ICON_POSITIONS: HdsLinkIconPositions[] = Object.values(\n  HdsLinkIconPositionValues\n);\nexport const COLORS: HdsLinkColors[] = Object.values(HdsLinkColorValues);\n\nexport interface HdsLinkInlineSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    color?: HdsLinkColors;\n    icon?: HdsIconSignature['Args']['name'];\n    iconPosition?: HdsLinkIconPositions;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsLinkInline extends Component<HdsLinkInlineSignature> {\n  constructor(owner: Owner, args: HdsLinkInlineSignature['Args']) {\n    super(owner, args);\n    if (!(this.args.href || this.args.route)) {\n      assert('@href or @route must be defined for <Hds::Link::Inline>');\n    }\n  }\n\n  get color(): HdsLinkColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Link::Inline\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  get iconPosition(): HdsLinkIconPositions {\n    const { iconPosition = DEFAULT_ICON_POSITION } = this.args;\n\n    assert(\n      `@iconPosition for \"Hds::Link::Inline\" must be one of the following: ${ICON_POSITIONS.join(\n        ', '\n      )}; received: ${iconPosition}`,\n      ICON_POSITIONS.includes(iconPosition)\n    );\n\n    return iconPosition;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-link-inline'];\n\n    // add a class based on the @color argument\n    classes.push(`hds-link-inline--color-${this.color}`);\n\n    // add a class based on the @iconPosition argument\n    classes.push(`hds-link-inline--icon-${this.iconPosition}`);\n\n    return classes.join(' ');\n  }\n\n  <template>\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    <HdsInteractive\n      class={{this.classNames}}\n      @current-when={{@current-when}}\n      @models={{@models}}\n      @model={{@model}}\n      @query={{@query}}\n      @replace={{@replace}}\n      @route={{@route}}\n      @isRouteExternal={{@isRouteExternal}}\n      @href={{@href}}\n      @isHrefExternal={{@isHrefExternal}}\n      ...attributes\n    >\n      {{~#if (eq this.iconPosition \"leading\")~}}\n        {{~#if @icon~}}\n          <span class=\"hds-link-inline__icon hds-link-inline__icon--leading\">\n            <HdsIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n          </span>\n        {{~/if~}}\n      {{~/if~}}\n      {{yield}}\n      {{~#if (eq this.iconPosition \"trailing\")~}}\n        {{~#if @icon~}}\n          <span class=\"hds-link-inline__icon hds-link-inline__icon--trailing\">\n            <HdsIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n          </span>\n        {{~/if~}}\n      {{~/if~}}\n    </HdsInteractive>\n  </template>\n}\n"],"names":["DEFAULT_ICON_POSITION","HdsLinkIconPositionValues","Trailing","DEFAULT_COLOR","HdsLinkColorValues","Primary","ICON_POSITIONS","Object","values","COLORS","HdsLinkInline","Component","constructor","owner","args","href","route","assert","color","join","includes","iconPosition","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode","scope","HdsInteractive","eq","HdsIcon"],"mappings":";;;;;;;;;AAAA;;;AAGC;AAgBM,MAAMA,qBAAA,GAAwBC,yBAAA,CAA0BC;AACxD,MAAMC,aAAA,GAAgBC,kBAAA,CAAmBC;AACzC,MAAMC,cAAgB,GAAyBC,MAAA,CAAOC,MAAM,CACjEP,yBAAA;AAEK,MAAMQ,MAAQ,GAAkBF,MAAA,CAAOC,MAAM,CAACJ,kBAAA;AActC,MAAMM,sBAAsBC,SAAA,CAAU;AACnDC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAoC,EAAE;AAC9D,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;AACb,IAAA,IAAI,EAAE,IAAI,CAACA,IAAI,CAACC,IAAI,IAAI,IAAI,CAACD,IAAI,CAACE,KAAK,CAAA,EAAG;MACxCC,MAAA,CAAO,yDAAA,CAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIC,QAAuB;IACzB,MAAM;AAAEA,MAAAA,KAAA,GAAQf;KAAe,GAAG,IAAI,CAACW,IAAI;AAE3CG,IAAAA,MAAA,CACE,CAAA,6DAAA,EAAgER,MAAA,CAAOU,IAAI,CACzE,IAAA,CAAA,CAAA,YAAA,EACcD,KAAA,CAAA,CAAO,EACvBT,MAAA,CAAOW,QAAQ,CAACF,KAAA,CAAA,CAAA;AAGlB,IAAA,OAAOA,KAAA;AACT,EAAA;EAEA,IAAIG,eAAqC;IACvC,MAAM;AAAEA,MAAAA,YAAA,GAAerB;KAAuB,GAAG,IAAI,CAACc,IAAI;AAE1DG,IAAAA,MAAA,CACE,CAAA,oEAAA,EAAuEX,cAAA,CAAea,IAAI,CACxF,IAAA,CAAA,CAAA,YAAA,EACcE,YAAA,CAAA,CAAc,EAC9Bf,cAAA,CAAec,QAAQ,CAACC,YAAA,CAAA,CAAA;AAG1B,IAAA,OAAOA,YAAA;AACT,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,iBAAA,CAAkB;AAEnC;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAACN,KAAK,EAAE,CAAA;AAEnD;IACAK,OAAA,CAAQC,IAAI,CAAC,CAAA,sBAAA,EAAyB,IAAI,CAACH,YAAY,EAAE,CAAA;AAEzD,IAAA,OAAOE,OAAA,CAAQJ,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CAAA,wiCAAA,EA+BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -8,7 +8,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const DEFAULT_ICON_POSITION = HdsLinkIconPositionValues.Leading;