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

package/dist/components/hds/text/code.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 SIZES = [HdsTextSizeValues.ThreeHundred, HdsTextSizeValues.TwoHundred, HdsTextSizeValues.OneHundred];

package/dist/components/hds/text/code.js.map

@@ -1 +1 @@
-{"version":3,"file":"code.js","sources":["../../../../src/components/hds/text/code.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 HdsText from './index.gts';\nimport { HdsTextSizeValues, HdsTextWeightValues } from './types.ts';\nimport type {\n  HdsTextAligns,\n  HdsTextColors,\n  HdsTextTags,\n  HdsTextWeights,\n} from './types.ts';\n\n// notice: only some combinations of size + font-weight are allowed (per design specs)\n// see: https://www.figma.com/file/oQsMzMMnynfPWpMEt91OpH/HDS-Product---Foundations?node-id=1262%3A9192\n\n// Allow consumers to provide either string or number representation of size\ntype HdsTextCodeSizeNumber = Extract<\n  HdsTextSizeValues,\n  | HdsTextSizeValues.OneHundred\n  | HdsTextSizeValues.TwoHundred\n  | HdsTextSizeValues.ThreeHundred\n>;\ntype HdsTextCodeSizeString = `${HdsTextCodeSizeNumber}`;\nexport type HdsTextCodeSizes = HdsTextCodeSizeNumber | HdsTextCodeSizeString;\nexport const SIZES: HdsTextCodeSizes[] = [\n  HdsTextSizeValues.ThreeHundred,\n  HdsTextSizeValues.TwoHundred,\n  HdsTextSizeValues.OneHundred,\n];\nexport const DEFAULT_SIZE = HdsTextSizeValues.TwoHundred;\n\nexport const DEFAULT_WEIGHT = HdsTextWeightValues.Regular;\nexport type HdsTextCodeWeight = Extract<HdsTextWeights, 'regular' | 'bold'>;\nexport const WEIGHTS_PER_SIZE: Record<HdsTextCodeSizes, HdsTextCodeWeight[]> = {\n  [HdsTextSizeValues.ThreeHundred]: [\n    HdsTextWeightValues.Regular,\n    HdsTextWeightValues.Bold,\n  ],\n  [HdsTextSizeValues.TwoHundred]: [\n    HdsTextWeightValues.Regular,\n    HdsTextWeightValues.Bold,\n  ],\n  [HdsTextSizeValues.OneHundred]: [\n    HdsTextWeightValues.Regular,\n    HdsTextWeightValues.Bold,\n  ],\n};\n\nexport interface HdsTextCodeSignature {\n  Args: {\n    size?: HdsTextCodeSizes;\n    tag?: HdsTextTags;\n    weight?: HdsTextCodeWeight;\n    align?: HdsTextAligns;\n    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n    color?: string | HdsTextColors;\n  };\n  Element:\n    | HTMLSpanElement\n    | HTMLHeadingElement\n    | HTMLParagraphElement\n    | HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class HdsTextCode extends Component<HdsTextCodeSignature> {\n  // Sets the \"size\" for the text\n  get size(): HdsTextCodeSizes {\n    let { size = DEFAULT_SIZE } = this.args;\n\n    // let's be a bit forgiving with the consumers\n    if (typeof size === 'string') {\n      size = parseInt(size, 10);\n    }\n\n    assert(\n      `@size for \"Hds::Text::Code\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  // Sets the \"weight\" for the text\n  get weight(): HdsTextCodeWeight {\n    const { weight = DEFAULT_WEIGHT } = this.args;\n\n    const weights = WEIGHTS_PER_SIZE[this.size];\n\n    assert(\n      `@weight for \"Hds::Text::Code\" with @size=${\n        this.size\n      } must be one of the following: ${weights.join(\n        ', '\n      )}; received: ${weight}`,\n      weights.includes(weight)\n    );\n\n    return weight;\n  }\n\n  <template>\n    <HdsText\n      @group=\"code\"\n      @size={{this.size}}\n      @weight={{this.weight}}\n      @align={{@align}}\n      @color={{@color}}\n      @tag={{@tag}}\n      ...attributes\n    >{{yield}}</HdsText>\n  </template>\n}\n"],"names":["SIZES","HdsTextSizeValues","ThreeHundred","TwoHundred","OneHundred","DEFAULT_SIZE","DEFAULT_WEIGHT","HdsTextWeightValues","Regular","WEIGHTS_PER_SIZE","Bold","HdsTextCode","Component","size","args","parseInt","assert","join","includes","weight","weights","setComponentTemplate","precompileTemplate","strictMode","scope","HdsText"],"mappings":";;;;;;;AAAA;;;AAGC;AA0BM,MAAMA,KAAO,GAAqB,CACvCC,iBAAA,CAAkBC,YAAY,EAC9BD,iBAAA,CAAkBE,UAAU,EAC5BF,iBAAA,CAAkBG,UAAU;AAEvB,MAAMC,YAAA,GAAeJ,iBAAA,CAAkBE;AAEvC,MAAMG,cAAA,GAAiBC,mBAAA,CAAoBC;AAE3C,MAAMC,gBAA2C,GAAuB;AAC7E,EAAA,CAACR,iBAAA,CAAkBC,YAAY,GAAG,CAChCK,mBAAA,CAAoBC,OAAO,EAC3BD,mBAAA,CAAoBG,IAAI,CACzB;AACD,EAAA,CAACT,iBAAA,CAAkBE,UAAU,GAAG,CAC9BI,mBAAA,CAAoBC,OAAO,EAC3BD,mBAAA,CAAoBG,IAAI,CACzB;EACD,CAACT,iBAAA,CAAkBG,UAAU,GAAG,CAC9BG,mBAAA,CAAoBC,OAAO,EAC3BD,mBAAA,CAAoBG,IAAI;AAE5B;AAqBe,MAAMC,oBAAoBC,SAAA,CAAU;AACjD;EACA,IAAIC,OAAyB;IAC3B,IAAI;AAAEA,MAAAA,IAAA,GAAOR;KAAc,GAAG,IAAI,CAACS,IAAI;AAEvC;AACA,IAAA,IAAI,OAAOD,SAAS,QAAA,EAAU;AAC5BA,MAAAA,IAAA,GAAOE,SAASF,IAAA,EAAM,EAAA,CAAA;AACxB,IAAA;AAEAG,IAAAA,MAAA,CACE,CAAA,0DAAA,EAA6DhB,KAAA,CAAMiB,IAAI,CACrE,IAAA,CAAA,CAAA,YAAA,EACcJ,IAAA,CAAA,CAAM,EACtBb,KAAA,CAAMkB,QAAQ,CAACL,IAAA,CAAA,CAAA;AAGjB,IAAA,OAAOA,IAAA;AACT,EAAA;AAEA;EACA,IAAIM,SAA4B;IAC9B,MAAM;AAAEA,MAAAA,MAAA,GAASb;KAAgB,GAAG,IAAI,CAACQ,IAAI;AAE7C,IAAA,MAAMM,UAAUX,gBAAgB,CAAC,IAAI,CAACI,IAAI,CAAC;IAE3CG,MAAA,CACE,4CACE,IAAI,CAACH,IAAI,CAAA,+BAAA,EACuBO,OAAA,CAAQH,IAAI,CAC5C,IAAA,CAAA,CAAA,YAAA,EACcE,MAAA,EAAQ,EACxBC,OAAA,CAAQF,QAAQ,CAACC,MAAA,CAAA,CAAA;AAGnB,IAAA,OAAOA,MAAA;AACT,EAAA;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,0JAAA,EAUA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"code.js","sources":["../../../../src/components/hds/text/code.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 HdsText from './index.gts';\nimport { HdsTextSizeValues, HdsTextWeightValues } from './types.ts';\nimport type {\n  HdsTextAligns,\n  HdsTextColors,\n  HdsTextTags,\n  HdsTextWeights,\n} from './types.ts';\n\n// notice: only some combinations of size + font-weight are allowed (per design specs)\n// see: https://www.figma.com/file/oQsMzMMnynfPWpMEt91OpH/HDS-Product---Foundations?node-id=1262%3A9192\n\n// Allow consumers to provide either string or number representation of size\ntype HdsTextCodeSizeNumber = Extract<\n  HdsTextSizeValues,\n  | HdsTextSizeValues.OneHundred\n  | HdsTextSizeValues.TwoHundred\n  | HdsTextSizeValues.ThreeHundred\n>;\ntype HdsTextCodeSizeString = `${HdsTextCodeSizeNumber}`;\nexport type HdsTextCodeSizes = HdsTextCodeSizeNumber | HdsTextCodeSizeString;\nexport const SIZES: HdsTextCodeSizes[] = [\n  HdsTextSizeValues.ThreeHundred,\n  HdsTextSizeValues.TwoHundred,\n  HdsTextSizeValues.OneHundred,\n];\nexport const DEFAULT_SIZE = HdsTextSizeValues.TwoHundred;\n\nexport const DEFAULT_WEIGHT = HdsTextWeightValues.Regular;\nexport type HdsTextCodeWeight = Extract<HdsTextWeights, 'regular' | 'bold'>;\nexport const WEIGHTS_PER_SIZE: Record<HdsTextCodeSizes, HdsTextCodeWeight[]> = {\n  [HdsTextSizeValues.ThreeHundred]: [\n    HdsTextWeightValues.Regular,\n    HdsTextWeightValues.Bold,\n  ],\n  [HdsTextSizeValues.TwoHundred]: [\n    HdsTextWeightValues.Regular,\n    HdsTextWeightValues.Bold,\n  ],\n  [HdsTextSizeValues.OneHundred]: [\n    HdsTextWeightValues.Regular,\n    HdsTextWeightValues.Bold,\n  ],\n};\n\nexport interface HdsTextCodeSignature {\n  Args: {\n    size?: HdsTextCodeSizes;\n    tag?: HdsTextTags;\n    weight?: HdsTextCodeWeight;\n    align?: HdsTextAligns;\n    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n    color?: string | HdsTextColors;\n  };\n  Element:\n    | HTMLSpanElement\n    | HTMLHeadingElement\n    | HTMLParagraphElement\n    | HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class HdsTextCode extends Component<HdsTextCodeSignature> {\n  // Sets the \"size\" for the text\n  get size(): HdsTextCodeSizes {\n    let { size = DEFAULT_SIZE } = this.args;\n\n    // let's be a bit forgiving with the consumers\n    if (typeof size === 'string') {\n      size = parseInt(size, 10);\n    }\n\n    assert(\n      `@size for \"Hds::Text::Code\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  // Sets the \"weight\" for the text\n  get weight(): HdsTextCodeWeight {\n    const { weight = DEFAULT_WEIGHT } = this.args;\n\n    const weights = WEIGHTS_PER_SIZE[this.size];\n\n    assert(\n      `@weight for \"Hds::Text::Code\" with @size=${\n        this.size\n      } must be one of the following: ${weights.join(\n        ', '\n      )}; received: ${weight}`,\n      weights.includes(weight)\n    );\n\n    return weight;\n  }\n\n  <template>\n    <HdsText\n      @group=\"code\"\n      @size={{this.size}}\n      @weight={{this.weight}}\n      @align={{@align}}\n      @color={{@color}}\n      @tag={{@tag}}\n      ...attributes\n    >{{yield}}</HdsText>\n  </template>\n}\n"],"names":["SIZES","HdsTextSizeValues","ThreeHundred","TwoHundred","OneHundred","DEFAULT_SIZE","DEFAULT_WEIGHT","HdsTextWeightValues","Regular","WEIGHTS_PER_SIZE","Bold","HdsTextCode","Component","size","args","parseInt","assert","join","includes","weight","weights","setComponentTemplate","precompileTemplate","strictMode","scope","HdsText"],"mappings":";;;;;;;AAAA;;;AAGC;AA0BM,MAAMA,KAAO,GAAqB,CACvCC,iBAAA,CAAkBC,YAAY,EAC9BD,iBAAA,CAAkBE,UAAU,EAC5BF,iBAAA,CAAkBG,UAAU;AAEvB,MAAMC,YAAA,GAAeJ,iBAAA,CAAkBE;AAEvC,MAAMG,cAAA,GAAiBC,mBAAA,CAAoBC;AAE3C,MAAMC,gBAA2C,GAAuB;AAC7E,EAAA,CAACR,iBAAA,CAAkBC,YAAY,GAAG,CAChCK,mBAAA,CAAoBC,OAAO,EAC3BD,mBAAA,CAAoBG,IAAI,CACzB;AACD,EAAA,CAACT,iBAAA,CAAkBE,UAAU,GAAG,CAC9BI,mBAAA,CAAoBC,OAAO,EAC3BD,mBAAA,CAAoBG,IAAI,CACzB;EACD,CAACT,iBAAA,CAAkBG,UAAU,GAAG,CAC9BG,mBAAA,CAAoBC,OAAO,EAC3BD,mBAAA,CAAoBG,IAAI;AAE5B;AAqBe,MAAMC,oBAAoBC,SAAA,CAAU;AACjD;EACA,IAAIC,OAAyB;IAC3B,IAAI;AAAEA,MAAAA,IAAA,GAAOR;KAAc,GAAG,IAAI,CAACS,IAAI;AAEvC;AACA,IAAA,IAAI,OAAOD,SAAS,QAAA,EAAU;AAC5BA,MAAAA,IAAA,GAAOE,SAASF,IAAA,EAAM,EAAA,CAAA;AACxB,IAAA;AAEAG,IAAAA,MAAA,CACE,CAAA,0DAAA,EAA6DhB,KAAA,CAAMiB,IAAI,CACrE,IAAA,CAAA,CAAA,YAAA,EACcJ,IAAA,CAAA,CAAM,EACtBb,KAAA,CAAMkB,QAAQ,CAACL,IAAA,CAAA,CAAA;AAGjB,IAAA,OAAOA,IAAA;AACT,EAAA;AAEA;EACA,IAAIM,SAA4B;IAC9B,MAAM;AAAEA,MAAAA,MAAA,GAASb;KAAgB,GAAG,IAAI,CAACQ,IAAI;AAE7C,IAAA,MAAMM,UAAUX,gBAAgB,CAAC,IAAI,CAACI,IAAI,CAAC;IAE3CG,MAAA,CACE,4CACE,IAAI,CAACH,IAAI,CAAA,+BAAA,EACuBO,OAAA,CAAQH,IAAI,CAC5C,IAAA,CAAA,CAAA,YAAA,EACcE,MAAA,EAAQ,EACxBC,OAAA,CAAQF,QAAQ,CAACC,MAAA,CAAA,CAAA;AAGnB,IAAA,OAAOA,MAAA;AACT,EAAA;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,0JAAA,EAUA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/text/display.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 = HdsTextSizeValues.TwoHundred;

package/dist/components/hds/text/display.js.map

@@ -1 +1 @@
-{"version":3,"file":"display.js","sources":["../../../../src/components/hds/text/display.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 HdsText from './index.gts';\nimport { HdsTextSizeValues, HdsTextWeightValues } from './types.ts';\nimport type {\n  HdsTextAligns,\n  HdsTextColors,\n  HdsTextSizes,\n  HdsTextTags,\n  HdsTextWeights,\n} from './types.ts';\n\n// notice: only some combinations of size + font-weight are allowed (per design specs)\n// see: https://www.figma.com/file/oQsMzMMnynfPWpMEt91OpH/HDS-Product---Foundations?node-id=1262%3A9192\n\nexport const DEFAULT_SIZE = HdsTextSizeValues.TwoHundred;\n\n// Filter out reverse mappings from enum\n// https://www.typescriptlang.org/docs/handbook/enums.html#reverse-mappings\nexport const SIZES: HdsTextSizes[] = Object.values(HdsTextSizeValues).filter(\n  (v): boolean => typeof v === 'number'\n) as HdsTextSizes[];\n\nexport type HdsTextDisplayWeight = Extract<\n  HdsTextWeights,\n  'medium' | 'semibold' | 'bold'\n>;\nexport const DEFAULT_WEIGHTS_PER_SIZE: Record<\n  HdsTextSizeValues,\n  HdsTextDisplayWeight\n> = {\n  [HdsTextSizeValues.FiveHundred]: HdsTextWeightValues.Bold,\n  [HdsTextSizeValues.FourHundred]: HdsTextWeightValues.Semibold,\n  [HdsTextSizeValues.ThreeHundred]: HdsTextWeightValues.Semibold,\n  [HdsTextSizeValues.TwoHundred]: HdsTextWeightValues.Semibold,\n  [HdsTextSizeValues.OneHundred]: HdsTextWeightValues.Medium,\n};\nexport const WEIGHTS_PER_SIZE: Record<HdsTextSizes, HdsTextDisplayWeight[]> = {\n  [HdsTextSizeValues.FiveHundred]: [HdsTextWeightValues.Bold],\n  [HdsTextSizeValues.FourHundred]: [\n    HdsTextWeightValues.Medium,\n    HdsTextWeightValues.Semibold,\n    HdsTextWeightValues.Bold,\n  ],\n  [HdsTextSizeValues.ThreeHundred]: [\n    HdsTextWeightValues.Medium,\n    HdsTextWeightValues.Semibold,\n    HdsTextWeightValues.Bold,\n  ],\n  [HdsTextSizeValues.TwoHundred]: [HdsTextWeightValues.Semibold],\n  [HdsTextSizeValues.OneHundred]: [HdsTextWeightValues.Medium],\n};\n\nexport interface HdsTextDisplaySignature {\n  Args: {\n    size?: HdsTextSizes;\n    tag?: HdsTextTags;\n    weight?: HdsTextDisplayWeight;\n    align?: HdsTextAligns;\n    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n    color?: string | HdsTextColors;\n  };\n  Element:\n    | HTMLSpanElement\n    | HTMLHeadingElement\n    | HTMLParagraphElement\n    | HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class HdsTextDisplay extends Component<HdsTextDisplaySignature> {\n  // Sets the \"size\" for the text\n  get size(): HdsTextSizes {\n    let { size = DEFAULT_SIZE } = this.args;\n\n    // let's be a bit forgiving with the consumers\n    if (typeof size === 'string') {\n      size = parseInt(size, 10);\n    }\n\n    assert(\n      `@size for \"Hds::Text::Display\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  // Sets the \"weight\" for the text\n  get weight(): HdsTextDisplayWeight {\n    let { weight } = this.args;\n\n    if (weight) {\n      const weights = WEIGHTS_PER_SIZE[this.size];\n      assert(\n        `@weight for \"Hds::Text::Display\" with @size=${\n          this.size\n        } must be one of the following: ${weights.join(\n          ', '\n        )}; received: ${weight}`,\n        weights.includes(weight)\n      );\n    } else {\n      // use the default (first item in the array)\n      weight = DEFAULT_WEIGHTS_PER_SIZE[this.size];\n    }\n\n    return weight;\n  }\n\n  <template>\n    <HdsText\n      @group=\"display\"\n      @size={{this.size}}\n      @weight={{this.weight}}\n      @align={{@align}}\n      @color={{@color}}\n      @tag={{@tag}}\n      ...attributes\n    >{{yield}}</HdsText>\n  </template>\n}\n"],"names":["DEFAULT_SIZE","HdsTextSizeValues","TwoHundred","SIZES","Object","values","filter","v","DEFAULT_WEIGHTS_PER_SIZE","FiveHundred","HdsTextWeightValues","Bold","FourHundred","Semibold","ThreeHundred","OneHundred","Medium","WEIGHTS_PER_SIZE","HdsTextDisplay","Component","size","args","parseInt","assert","join","includes","weight","weights","setComponentTemplate","precompileTemplate","strictMode","scope","HdsText"],"mappings":";;;;;;;AAAA;;;AAGC;AAkBM,MAAMA,YAAA,GAAeC,iBAAA,CAAkBC;AAE9C;AACA;MACaC,KAAO,GAAiBC,MAAA,CAAOC,MAAM,CAACJ,iBAAA,CAAA,CAAmBK,MAAM,CACzEC,KAAe,OAAOA,CAAA,KAAM;AAOxB,MAAMC,wBAEX,GACE;AACF,EAAA,CAACP,iBAAA,CAAkBQ,WAAW,GAAGC,oBAAoBC,IAAI;AACzD,EAAA,CAACV,iBAAA,CAAkBW,WAAW,GAAGF,oBAAoBG,QAAQ;AAC7D,EAAA,CAACZ,iBAAA,CAAkBa,YAAY,GAAGJ,oBAAoBG,QAAQ;AAC9D,EAAA,CAACZ,iBAAA,CAAkBC,UAAU,GAAGQ,oBAAoBG,QAAQ;AAC5D,EAAA,CAACZ,iBAAA,CAAkBc,UAAU,GAAGL,oBAAoBM;AACtD;AACO,MAAMC,gBAAuC,GAA0B;EAC5E,CAAChB,iBAAA,CAAkBQ,WAAW,GAAG,CAACC,mBAAA,CAAoBC,IAAI,CAAC;AAC3D,EAAA,CAACV,iBAAA,CAAkBW,WAAW,GAAG,CAC/BF,mBAAA,CAAoBM,MAAM,EAC1BN,mBAAA,CAAoBG,QAAQ,EAC5BH,mBAAA,CAAoBC,IAAI,CACzB;AACD,EAAA,CAACV,iBAAA,CAAkBa,YAAY,GAAG,CAChCJ,mBAAA,CAAoBM,MAAM,EAC1BN,mBAAA,CAAoBG,QAAQ,EAC5BH,mBAAA,CAAoBC,IAAI,CACzB;EACD,CAACV,iBAAA,CAAkBC,UAAU,GAAG,CAACQ,mBAAA,CAAoBG,QAAQ,CAAC;AAC9D,EAAA,CAACZ,iBAAA,CAAkBc,UAAU,GAAG,CAACL,mBAAA,CAAoBM,MAAM;AAC7D;AAqBe,MAAME,uBAAuBC,SAAA,CAAU;AACpD;EACA,IAAIC,OAAqB;IACvB,IAAI;AAAEA,MAAAA,IAAA,GAAOpB;KAAc,GAAG,IAAI,CAACqB,IAAI;AAEvC;AACA,IAAA,IAAI,OAAOD,SAAS,QAAA,EAAU;AAC5BA,MAAAA,IAAA,GAAOE,SAASF,IAAA,EAAM,EAAA,CAAA;AACxB,IAAA;AAEAG,IAAAA,MAAA,CACE,CAAA,6DAAA,EAAgEpB,KAAA,CAAMqB,IAAI,CACxE,IAAA,CAAA,CAAA,YAAA,EACcJ,IAAA,CAAA,CAAM,EACtBjB,KAAA,CAAMsB,QAAQ,CAACL,IAAA,CAAA,CAAA;AAGjB,IAAA,OAAOA,IAAA;AACT,EAAA;AAEA;EACA,IAAIM,SAA+B;IACjC,IAAI;AAAEA,MAAAA;KAAQ,GAAG,IAAI,CAACL,IAAI;AAE1B,IAAA,IAAIK,MAAA,EAAQ;AACV,MAAA,MAAMC,UAAUV,gBAAgB,CAAC,IAAI,CAACG,IAAI,CAAC;MAC3CG,MAAA,CACE,+CACE,IAAI,CAACH,IAAI,CAAA,+BAAA,EACuBO,OAAA,CAAQH,IAAI,CAC5C,IAAA,CAAA,CAAA,YAAA,EACcE,MAAA,EAAQ,EACxBC,OAAA,CAAQF,QAAQ,CAACC,MAAA,CAAA,CAAA;AAErB,IAAA,CAAA,MAAO;AACL;AACAA,MAAAA,MAAA,GAASlB,wBAAwB,CAAC,IAAI,CAACY,IAAI,CAAC;AAC9C,IAAA;AAEA,IAAA,OAAOM,MAAA;AACT,EAAA;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,6JAAA,EAUA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"display.js","sources":["../../../../src/components/hds/text/display.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 HdsText from './index.gts';\nimport { HdsTextSizeValues, HdsTextWeightValues } from './types.ts';\nimport type {\n  HdsTextAligns,\n  HdsTextColors,\n  HdsTextSizes,\n  HdsTextTags,\n  HdsTextWeights,\n} from './types.ts';\n\n// notice: only some combinations of size + font-weight are allowed (per design specs)\n// see: https://www.figma.com/file/oQsMzMMnynfPWpMEt91OpH/HDS-Product---Foundations?node-id=1262%3A9192\n\nexport const DEFAULT_SIZE = HdsTextSizeValues.TwoHundred;\n\n// Filter out reverse mappings from enum\n// https://www.typescriptlang.org/docs/handbook/enums.html#reverse-mappings\nexport const SIZES: HdsTextSizes[] = Object.values(HdsTextSizeValues).filter(\n  (v): boolean => typeof v === 'number'\n) as HdsTextSizes[];\n\nexport type HdsTextDisplayWeight = Extract<\n  HdsTextWeights,\n  'medium' | 'semibold' | 'bold'\n>;\nexport const DEFAULT_WEIGHTS_PER_SIZE: Record<\n  HdsTextSizeValues,\n  HdsTextDisplayWeight\n> = {\n  [HdsTextSizeValues.FiveHundred]: HdsTextWeightValues.Bold,\n  [HdsTextSizeValues.FourHundred]: HdsTextWeightValues.Semibold,\n  [HdsTextSizeValues.ThreeHundred]: HdsTextWeightValues.Semibold,\n  [HdsTextSizeValues.TwoHundred]: HdsTextWeightValues.Semibold,\n  [HdsTextSizeValues.OneHundred]: HdsTextWeightValues.Medium,\n};\nexport const WEIGHTS_PER_SIZE: Record<HdsTextSizes, HdsTextDisplayWeight[]> = {\n  [HdsTextSizeValues.FiveHundred]: [HdsTextWeightValues.Bold],\n  [HdsTextSizeValues.FourHundred]: [\n    HdsTextWeightValues.Medium,\n    HdsTextWeightValues.Semibold,\n    HdsTextWeightValues.Bold,\n  ],\n  [HdsTextSizeValues.ThreeHundred]: [\n    HdsTextWeightValues.Medium,\n    HdsTextWeightValues.Semibold,\n    HdsTextWeightValues.Bold,\n  ],\n  [HdsTextSizeValues.TwoHundred]: [HdsTextWeightValues.Semibold],\n  [HdsTextSizeValues.OneHundred]: [HdsTextWeightValues.Medium],\n};\n\nexport interface HdsTextDisplaySignature {\n  Args: {\n    size?: HdsTextSizes;\n    tag?: HdsTextTags;\n    weight?: HdsTextDisplayWeight;\n    align?: HdsTextAligns;\n    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n    color?: string | HdsTextColors;\n  };\n  Element:\n    | HTMLSpanElement\n    | HTMLHeadingElement\n    | HTMLParagraphElement\n    | HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class HdsTextDisplay extends Component<HdsTextDisplaySignature> {\n  // Sets the \"size\" for the text\n  get size(): HdsTextSizes {\n    let { size = DEFAULT_SIZE } = this.args;\n\n    // let's be a bit forgiving with the consumers\n    if (typeof size === 'string') {\n      size = parseInt(size, 10);\n    }\n\n    assert(\n      `@size for \"Hds::Text::Display\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  // Sets the \"weight\" for the text\n  get weight(): HdsTextDisplayWeight {\n    let { weight } = this.args;\n\n    if (weight) {\n      const weights = WEIGHTS_PER_SIZE[this.size];\n      assert(\n        `@weight for \"Hds::Text::Display\" with @size=${\n          this.size\n        } must be one of the following: ${weights.join(\n          ', '\n        )}; received: ${weight}`,\n        weights.includes(weight)\n      );\n    } else {\n      // use the default (first item in the array)\n      weight = DEFAULT_WEIGHTS_PER_SIZE[this.size];\n    }\n\n    return weight;\n  }\n\n  <template>\n    <HdsText\n      @group=\"display\"\n      @size={{this.size}}\n      @weight={{this.weight}}\n      @align={{@align}}\n      @color={{@color}}\n      @tag={{@tag}}\n      ...attributes\n    >{{yield}}</HdsText>\n  </template>\n}\n"],"names":["DEFAULT_SIZE","HdsTextSizeValues","TwoHundred","SIZES","Object","values","filter","v","DEFAULT_WEIGHTS_PER_SIZE","FiveHundred","HdsTextWeightValues","Bold","FourHundred","Semibold","ThreeHundred","OneHundred","Medium","WEIGHTS_PER_SIZE","HdsTextDisplay","Component","size","args","parseInt","assert","join","includes","weight","weights","setComponentTemplate","precompileTemplate","strictMode","scope","HdsText"],"mappings":";;;;;;;AAAA;;;AAGC;AAkBM,MAAMA,YAAA,GAAeC,iBAAA,CAAkBC;AAE9C;AACA;MACaC,KAAO,GAAiBC,MAAA,CAAOC,MAAM,CAACJ,iBAAA,CAAA,CAAmBK,MAAM,CACzEC,KAAe,OAAOA,CAAA,KAAM;AAOxB,MAAMC,wBAEX,GACE;AACF,EAAA,CAACP,iBAAA,CAAkBQ,WAAW,GAAGC,oBAAoBC,IAAI;AACzD,EAAA,CAACV,iBAAA,CAAkBW,WAAW,GAAGF,oBAAoBG,QAAQ;AAC7D,EAAA,CAACZ,iBAAA,CAAkBa,YAAY,GAAGJ,oBAAoBG,QAAQ;AAC9D,EAAA,CAACZ,iBAAA,CAAkBC,UAAU,GAAGQ,oBAAoBG,QAAQ;AAC5D,EAAA,CAACZ,iBAAA,CAAkBc,UAAU,GAAGL,oBAAoBM;AACtD;AACO,MAAMC,gBAAuC,GAA0B;EAC5E,CAAChB,iBAAA,CAAkBQ,WAAW,GAAG,CAACC,mBAAA,CAAoBC,IAAI,CAAC;AAC3D,EAAA,CAACV,iBAAA,CAAkBW,WAAW,GAAG,CAC/BF,mBAAA,CAAoBM,MAAM,EAC1BN,mBAAA,CAAoBG,QAAQ,EAC5BH,mBAAA,CAAoBC,IAAI,CACzB;AACD,EAAA,CAACV,iBAAA,CAAkBa,YAAY,GAAG,CAChCJ,mBAAA,CAAoBM,MAAM,EAC1BN,mBAAA,CAAoBG,QAAQ,EAC5BH,mBAAA,CAAoBC,IAAI,CACzB;EACD,CAACV,iBAAA,CAAkBC,UAAU,GAAG,CAACQ,mBAAA,CAAoBG,QAAQ,CAAC;AAC9D,EAAA,CAACZ,iBAAA,CAAkBc,UAAU,GAAG,CAACL,mBAAA,CAAoBM,MAAM;AAC7D;AAqBe,MAAME,uBAAuBC,SAAA,CAAU;AACpD;EACA,IAAIC,OAAqB;IACvB,IAAI;AAAEA,MAAAA,IAAA,GAAOpB;KAAc,GAAG,IAAI,CAACqB,IAAI;AAEvC;AACA,IAAA,IAAI,OAAOD,SAAS,QAAA,EAAU;AAC5BA,MAAAA,IAAA,GAAOE,SAASF,IAAA,EAAM,EAAA,CAAA;AACxB,IAAA;AAEAG,IAAAA,MAAA,CACE,CAAA,6DAAA,EAAgEpB,KAAA,CAAMqB,IAAI,CACxE,IAAA,CAAA,CAAA,YAAA,EACcJ,IAAA,CAAA,CAAM,EACtBjB,KAAA,CAAMsB,QAAQ,CAACL,IAAA,CAAA,CAAA;AAGjB,IAAA,OAAOA,IAAA;AACT,EAAA;AAEA;EACA,IAAIM,SAA+B;IACjC,IAAI;AAAEA,MAAAA;KAAQ,GAAG,IAAI,CAACL,IAAI;AAE1B,IAAA,IAAIK,MAAA,EAAQ;AACV,MAAA,MAAMC,UAAUV,gBAAgB,CAAC,IAAI,CAACG,IAAI,CAAC;MAC3CG,MAAA,CACE,+CACE,IAAI,CAACH,IAAI,CAAA,+BAAA,EACuBO,OAAA,CAAQH,IAAI,CAC5C,IAAA,CAAA,CAAA,YAAA,EACcE,MAAA,EAAQ,EACxBC,OAAA,CAAQF,QAAQ,CAACC,MAAA,CAAA,CAAA;AAErB,IAAA,CAAA,MAAO;AACL;AACAA,MAAAA,MAAA,GAASlB,wBAAwB,CAAC,IAAI,CAACY,IAAI,CAAC;AAC9C,IAAA;AAEA,IAAA,OAAOM,MAAA;AACT,EAAA;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,6JAAA,EAUA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -7,7 +7,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 COLORS = Object.values(HdsTextColorValues);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/text/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 style from 'ember-style-modifier';\nimport { element } from 'ember-element-helper';\n\nimport { HdsTextAlignValues, HdsTextColorValues } from './types.ts';\nimport type {\n  HdsTextAligns,\n  HdsTextColors,\n  HdsTextGroups,\n  HdsTextSizes,\n  HdsTextTags,\n  HdsTextWeights,\n} from './types.ts';\n\nexport const COLORS: HdsTextColors[] = Object.values(HdsTextColorValues);\nexport const ALIGNS: HdsTextAligns[] = Object.values(HdsTextAlignValues);\n\n// A union of all types in the HTMLElementTagNameMap interface\ntype AvailableElements = HTMLElementTagNameMap[keyof HTMLElementTagNameMap];\n\nexport interface HdsTextSignature {\n  Args: {\n    size: HdsTextSizes;\n    tag?: HdsTextTags;\n    weight?: HdsTextWeights;\n    align?: HdsTextAligns;\n    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n    color?: HdsTextColors | string | undefined;\n    group: HdsTextGroups;\n  };\n  Element: AvailableElements;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class HdsText extends Component<HdsTextSignature> {\n  // Get a tag to render based on the `@tag` argument passed or the value of `this.size` (via mapping)\n  get componentTag(): HdsTextTags {\n    const { tag = 'span' } = this.args;\n\n    return tag;\n  }\n\n  // Sets the \"variant\" (style) for the text\n  get variant(): string {\n    const { group, size } = this.args;\n\n    // notice: for performance reasons we don't do any other extra check on these values\n    // we assume they've already been validated by the \"parent\" components\n    return `${group}-${size}`;\n  }\n\n  // Sets the alignment of the text\n  get align(): HdsTextAligns | undefined {\n    const { align } = this.args;\n\n    if (align) {\n      assert(\n        `@align for \"Hds::Text\" 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  // Sets the color of the text as pre-defined value\n  get predefinedColor(): HdsTextColors | undefined {\n    const { color } = this.args;\n\n    if (color && COLORS.includes(color as HdsTextColors)) {\n      return color as HdsTextColors;\n    } else {\n      return undefined;\n    }\n  }\n\n  // Sets the color of the text as custom value (via inline style)\n  get customColor(): string | undefined {\n    const { color } = this.args;\n\n    if (color && !COLORS.includes(color as HdsTextColors)) {\n      return color as HdsTextColors;\n    } else {\n      return undefined;\n    }\n  }\n\n  get classNames(): string {\n    const classes = ['hds-text'];\n\n    // add a (helper) class based on the \"group + size\" variant\n    classes.push(`hds-typography-${this.variant}`);\n\n    // add a (helper) class based on the @weight argument\n    if (this.args.weight) {\n      classes.push(`hds-font-weight-${this.args.weight}`);\n    }\n\n    // add a class based on the @align argument\n    if (this.align) {\n      classes.push(`hds-text--align-${this.align}`);\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    return classes.join(' ');\n  }\n\n  <template>\n    {{! IMPORTANT: we removed any extra newline/whitespace between the 'let' and the '<Tag>' to reduce the issues with unexpected whitespaces (see https://github.com/hashicorp/design-system/pull/1652) }}\n    {{#let (element this.componentTag) as |Tag|}}<Tag\n        class={{this.classNames}}\n        {{style color=this.customColor}}\n        ...attributes\n      >{{yield}}</Tag>{{/let}}\n  </template>\n}\n"],"names":["COLORS","Object","values","HdsTextColorValues","ALIGNS","HdsTextAlignValues","HdsText","Component","componentTag","tag","args","variant","group","size","align","assert","join","includes","predefinedColor","color","undefined","customColor","classNames","classes","push","weight","setComponentTemplate","precompileTemplate","strictMode","scope","element","style"],"mappings":";;;;;;;;AAAA;;;AAGC;AAiBM,MAAMA,MAAQ,GAAkBC,MAAA,CAAOC,MAAM,CAACC,kBAAA;AAC9C,MAAMC,MAAQ,GAAkBH,MAAA,CAAOC,MAAM,CAACG,kBAAA;AAErD;;AAmBe,MAAMC,gBAAgBC,SAAA,CAAU;AAC7C;EACA,IAAIC,eAA4B;IAC9B,MAAM;AAAEC,MAAAA,GAAA,GAAM;KAAQ,GAAG,IAAI,CAACC,IAAI;AAElC,IAAA,OAAOD,GAAA;AACT,EAAA;AAEA;EACA,IAAIE,OAAAA,GAAkB;IACpB,MAAM;MAAEC,KAAK;AAAEC,MAAAA;KAAM,GAAG,IAAI,CAACH,IAAI;AAEjC;AACA;AACA,IAAA,OAAO,CAAA,EAAGE,KAAA,CAAA,CAAA,EAASC,MAAM;AAC3B,EAAA;AAEA;EACA,IAAIC,KAAAA,GAAmC;IACrC,MAAM;AAAEA,MAAAA;KAAO,GAAG,IAAI,CAACJ,IAAI;AAE3B,IAAA,IAAII,KAAA,EAAO;AACTC,MAAAA,MAAA,CACE,CAAA,qDAAA,EAAwDX,MAAA,CAAOY,IAAI,CACjE,IAAA,CAAA,CAAA,YAAA,EACcF,KAAA,CAAA,CAAO,EACvBV,MAAA,CAAOa,QAAQ,CAACH,KAAA,CAAA,CAAA;AAEpB,IAAA;AAEA,IAAA,OAAOA,KAAA;AACT,EAAA;AAEA;EACA,IAAII,eAAAA,GAA6C;IAC/C,MAAM;AAAEC,MAAAA;KAAO,GAAG,IAAI,CAACT,IAAI;IAE3B,IAAIS,KAAA,IAASnB,MAAA,CAAOiB,QAAQ,CAACE,KAAS,CAAA,EAAgB;AACpD,MAAA,OAAOA,KAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAOC,SAAA;AACT,IAAA;AACF,EAAA;AAEA;EACA,IAAIC,WAAAA,GAAkC;IACpC,MAAM;AAAEF,MAAAA;KAAO,GAAG,IAAI,CAACT,IAAI;IAE3B,IAAIS,SAAS,CAACnB,MAAA,CAAOiB,QAAQ,CAACE,KAAS,CAAA,EAAgB;AACrD,MAAA,OAAOA,KAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAOC,SAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIE,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,UAAA,CAAW;AAE5B;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,eAAA,EAAkB,IAAI,CAACb,OAAO,EAAE,CAAA;AAE7C;AACA,IAAA,IAAI,IAAI,CAACD,IAAI,CAACe,MAAM,EAAE;MACpBF,OAAA,CAAQC,IAAI,CAAC,CAAA,gBAAA,EAAmB,IAAI,CAACd,IAAI,CAACe,MAAM,CAAA,CAAE,CAAA;AACpD,IAAA;AAEA;IACA,IAAI,IAAI,CAACX,KAAK,EAAE;MACdS,OAAA,CAAQC,IAAI,CAAC,CAAA,gBAAA,EAAmB,IAAI,CAACV,KAAK,EAAE,CAAA;AAC9C,IAAA;AAEA;IACA,IAAI,IAAI,CAACI,eAAe,EAAE;MACxBK,OAAA,CAAQC,IAAI,CAAC,CAAA,eAAA,EAAkB,IAAI,CAACN,eAAe,EAAE,CAAA;AACvD,IAAA;AAEA,IAAA,OAAOK,OAAA,CAAQP,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAU,oBAAA,CAAAC,kBAAA,CAAA,iWAAA,EAOA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/text/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 style from 'ember-style-modifier';\nimport { element } from 'ember-element-helper';\n\nimport { HdsTextAlignValues, HdsTextColorValues } from './types.ts';\nimport type {\n  HdsTextAligns,\n  HdsTextColors,\n  HdsTextGroups,\n  HdsTextSizes,\n  HdsTextTags,\n  HdsTextWeights,\n} from './types.ts';\n\nexport const COLORS: HdsTextColors[] = Object.values(HdsTextColorValues);\nexport const ALIGNS: HdsTextAligns[] = Object.values(HdsTextAlignValues);\n\n// A union of all types in the HTMLElementTagNameMap interface\ntype AvailableElements = HTMLElementTagNameMap[keyof HTMLElementTagNameMap];\n\nexport interface HdsTextSignature {\n  Args: {\n    size: HdsTextSizes;\n    tag?: HdsTextTags;\n    weight?: HdsTextWeights;\n    align?: HdsTextAligns;\n    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n    color?: HdsTextColors | string | undefined;\n    group: HdsTextGroups;\n  };\n  Element: AvailableElements;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class HdsText extends Component<HdsTextSignature> {\n  // Get a tag to render based on the `@tag` argument passed or the value of `this.size` (via mapping)\n  get componentTag(): HdsTextTags {\n    const { tag = 'span' } = this.args;\n\n    return tag;\n  }\n\n  // Sets the \"variant\" (style) for the text\n  get variant(): string {\n    const { group, size } = this.args;\n\n    // notice: for performance reasons we don't do any other extra check on these values\n    // we assume they've already been validated by the \"parent\" components\n    return `${group}-${size}`;\n  }\n\n  // Sets the alignment of the text\n  get align(): HdsTextAligns | undefined {\n    const { align } = this.args;\n\n    if (align) {\n      assert(\n        `@align for \"Hds::Text\" 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  // Sets the color of the text as pre-defined value\n  get predefinedColor(): HdsTextColors | undefined {\n    const { color } = this.args;\n\n    if (color && COLORS.includes(color as HdsTextColors)) {\n      return color as HdsTextColors;\n    } else {\n      return undefined;\n    }\n  }\n\n  // Sets the color of the text as custom value (via inline style)\n  get customColor(): string | undefined {\n    const { color } = this.args;\n\n    if (color && !COLORS.includes(color as HdsTextColors)) {\n      return color as HdsTextColors;\n    } else {\n      return undefined;\n    }\n  }\n\n  get classNames(): string {\n    const classes = ['hds-text'];\n\n    // add a (helper) class based on the \"group + size\" variant\n    classes.push(`hds-typography-${this.variant}`);\n\n    // add a (helper) class based on the @weight argument\n    if (this.args.weight) {\n      classes.push(`hds-font-weight-${this.args.weight}`);\n    }\n\n    // add a class based on the @align argument\n    if (this.align) {\n      classes.push(`hds-text--align-${this.align}`);\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    return classes.join(' ');\n  }\n\n  <template>\n    {{! IMPORTANT: we removed any extra newline/whitespace between the 'let' and the '<Tag>' to reduce the issues with unexpected whitespaces (see https://github.com/hashicorp/design-system/pull/1652) }}\n    {{#let (element this.componentTag) as |Tag|}}<Tag\n        class={{this.classNames}}\n        {{style color=this.customColor}}\n        ...attributes\n      >{{yield}}</Tag>{{/let}}\n  </template>\n}\n"],"names":["COLORS","Object","values","HdsTextColorValues","ALIGNS","HdsTextAlignValues","HdsText","Component","componentTag","tag","args","variant","group","size","align","assert","join","includes","predefinedColor","color","undefined","customColor","classNames","classes","push","weight","setComponentTemplate","precompileTemplate","strictMode","scope","element","style"],"mappings":";;;;;;;;AAAA;;;AAGC;AAiBM,MAAMA,MAAQ,GAAkBC,MAAA,CAAOC,MAAM,CAACC,kBAAA;AAC9C,MAAMC,MAAQ,GAAkBH,MAAA,CAAOC,MAAM,CAACG,kBAAA;AAErD;;AAmBe,MAAMC,gBAAgBC,SAAA,CAAU;AAC7C;EACA,IAAIC,eAA4B;IAC9B,MAAM;AAAEC,MAAAA,GAAA,GAAM;KAAQ,GAAG,IAAI,CAACC,IAAI;AAElC,IAAA,OAAOD,GAAA;AACT,EAAA;AAEA;EACA,IAAIE,OAAAA,GAAkB;IACpB,MAAM;MAAEC,KAAK;AAAEC,MAAAA;KAAM,GAAG,IAAI,CAACH,IAAI;AAEjC;AACA;AACA,IAAA,OAAO,CAAA,EAAGE,KAAA,CAAA,CAAA,EAASC,MAAM;AAC3B,EAAA;AAEA;EACA,IAAIC,KAAAA,GAAmC;IACrC,MAAM;AAAEA,MAAAA;KAAO,GAAG,IAAI,CAACJ,IAAI;AAE3B,IAAA,IAAII,KAAA,EAAO;AACTC,MAAAA,MAAA,CACE,CAAA,qDAAA,EAAwDX,MAAA,CAAOY,IAAI,CACjE,IAAA,CAAA,CAAA,YAAA,EACcF,KAAA,CAAA,CAAO,EACvBV,MAAA,CAAOa,QAAQ,CAACH,KAAA,CAAA,CAAA;AAEpB,IAAA;AAEA,IAAA,OAAOA,KAAA;AACT,EAAA;AAEA;EACA,IAAII,eAAAA,GAA6C;IAC/C,MAAM;AAAEC,MAAAA;KAAO,GAAG,IAAI,CAACT,IAAI;IAE3B,IAAIS,KAAA,IAASnB,MAAA,CAAOiB,QAAQ,CAACE,KAAS,CAAA,EAAgB;AACpD,MAAA,OAAOA,KAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAOC,SAAA;AACT,IAAA;AACF,EAAA;AAEA;EACA,IAAIC,WAAAA,GAAkC;IACpC,MAAM;AAAEF,MAAAA;KAAO,GAAG,IAAI,CAACT,IAAI;IAE3B,IAAIS,SAAS,CAACnB,MAAA,CAAOiB,QAAQ,CAACE,KAAS,CAAA,EAAgB;AACrD,MAAA,OAAOA,KAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAOC,SAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIE,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,UAAA,CAAW;AAE5B;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,eAAA,EAAkB,IAAI,CAACb,OAAO,EAAE,CAAA;AAE7C;AACA,IAAA,IAAI,IAAI,CAACD,IAAI,CAACe,MAAM,EAAE;MACpBF,OAAA,CAAQC,IAAI,CAAC,CAAA,gBAAA,EAAmB,IAAI,CAACd,IAAI,CAACe,MAAM,CAAA,CAAE,CAAA;AACpD,IAAA;AAEA;IACA,IAAI,IAAI,CAACX,KAAK,EAAE;MACdS,OAAA,CAAQC,IAAI,CAAC,CAAA,gBAAA,EAAmB,IAAI,CAACV,KAAK,EAAE,CAAA;AAC9C,IAAA;AAEA;IACA,IAAI,IAAI,CAACI,eAAe,EAAE;MACxBK,OAAA,CAAQC,IAAI,CAAC,CAAA,eAAA,EAAkB,IAAI,CAACN,eAAe,EAAE,CAAA;AACvD,IAAA;AAEA,IAAA,OAAOK,OAAA,CAAQP,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAU,oBAAA,CAAAC,kBAAA,CAAA,iWAAA,EAOA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/theme-context/index.js

@@ -0,0 +1,44 @@
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { HdsThemeContextThemesValues, HdsThemeContextModesValues } from './types.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+const CONTEXTUAL_THEMES = Object.values(HdsThemeContextThemesValues);
+const CONTEXTUAL_MODES = Object.values(HdsThemeContextModesValues);
+const CONTEXTUAL_VALUES = [...CONTEXTUAL_THEMES, ...CONTEXTUAL_MODES];
+class HdsThemeContext extends Component {
+  constructor(owner, args) {
+    super(owner, args);
+    const {
+      context
+    } = args;
+    assert(`@context for "Hds::ThemeContext" must be one of the following: ${CONTEXTUAL_VALUES.join(', ')}; received: ${context}`, CONTEXTUAL_VALUES.includes(context));
+  }
+  // Get the class names to apply to the component.
+  get classNames() {
+    const classes = ['hds-theme-context'];
+    const {
+      context
+    } = this.args;
+    // add "theme" or "mode" classes based on the @context arguments
+    if (CONTEXTUAL_THEMES.includes(context)) {
+      classes.push(`hds-theme-${context}`);
+    } else if (CONTEXTUAL_MODES.includes(context)) {
+      classes.push(`hds-mode-${context}`);
+    }
+    return classes.join(' ');
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<div class={{this.classNames}} ...attributes>{{yield}}</div>", {
+      strictMode: true
+    }), this);
+  }
+}
+
+export { CONTEXTUAL_MODES, CONTEXTUAL_THEMES, CONTEXTUAL_VALUES, HdsThemeContext as default };
+//# sourceMappingURL=index.js.map

package/dist/components/hds/theme-context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/theme-context/index.gts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport type Owner from '@ember/owner';\n\nimport {\n  HdsThemeContextThemesValues,\n  HdsThemeContextModesValues,\n} from './types.ts';\nimport type { HdsThemeContexts } from './types.ts';\n\nimport type { HdsThemes, HdsModes } from '../../../services/hds-theming.ts';\n\nexport interface HdsThemeContextSignature {\n  Args: {\n    // can be either an `HdsTheme` or an `HdsMode`\n    context: HdsThemeContexts;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport const CONTEXTUAL_THEMES: HdsThemes[] = Object.values(\n  HdsThemeContextThemesValues\n);\nexport const CONTEXTUAL_MODES: HdsModes[] = Object.values(\n  HdsThemeContextModesValues\n);\nexport const CONTEXTUAL_VALUES: HdsThemeContexts[] = [\n  ...CONTEXTUAL_THEMES,\n  ...CONTEXTUAL_MODES,\n];\n\nexport default class HdsThemeContext extends Component<HdsThemeContextSignature> {\n  constructor(owner: Owner, args: HdsThemeContextSignature['Args']) {\n    super(owner, args);\n\n    const { context } = args;\n\n    assert(\n      `@context for \"Hds::ThemeContext\" must be one of the following: ${CONTEXTUAL_VALUES.join(\n        ', '\n      )}; received: ${context}`,\n      CONTEXTUAL_VALUES.includes(context)\n    );\n  }\n\n  // Get the class names to apply to the component.\n  get classNames(): string {\n    const classes = ['hds-theme-context'];\n\n    const { context } = this.args;\n\n    // add \"theme\" or \"mode\" classes based on the @context arguments\n    if (CONTEXTUAL_THEMES.includes(context as HdsThemes)) {\n      classes.push(`hds-theme-${context}`);\n    } else if (CONTEXTUAL_MODES.includes(context as HdsModes)) {\n      classes.push(`hds-mode-${context}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <div class={{this.classNames}} ...attributes>{{yield}}</div>\n  </template>\n}\n"],"names":["CONTEXTUAL_THEMES","Object","values","HdsThemeContextThemesValues","CONTEXTUAL_MODES","HdsThemeContextModesValues","CONTEXTUAL_VALUES","HdsThemeContext","Component","constructor","owner","args","context","assert","join","includes","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;AAAA;;;AAGC;AAyBM,MAAMA,iBAAmB,GAAcC,MAAA,CAAOC,MAAM,CACzDC,2BAAA;AAEK,MAAMC,gBAAkB,GAAaH,MAAA,CAAOC,MAAM,CACvDG,0BAAA;AAEK,MAAMC,iBAAmB,GAAqB,CAChD,GAAAN,iBAAA,EACA,GAAAI,gBAAA;AAGU,MAAMG,wBAAwBC,SAAA,CAAU;AACrDC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAsC,EAAE;AAChE,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;IAEb,MAAM;AAAEC,MAAAA;AAAO,KAAE,GAAGD,IAAA;AAEpBE,IAAAA,MAAA,CACE,CAAA,+DAAA,EAAkEP,iBAAA,CAAkBQ,IAAI,CACtF,IAAA,CAAA,CAAA,YAAA,EACcF,OAAA,CAAA,CAAS,EACzBN,iBAAA,CAAkBS,QAAQ,CAACH,OAAA,CAAA,CAAA;AAE/B,EAAA;AAEA;EACA,IAAII,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,mBAAA,CAAoB;IAErC,MAAM;AAAEL,MAAAA;KAAS,GAAG,IAAI,CAACD,IAAI;AAE7B;AACA,IAAA,IAAIX,iBAAA,CAAkBe,QAAQ,CAACH,OAAW,CAAA,EAAY;AACpDK,MAAAA,OAAA,CAAQC,IAAI,CAAC,CAAA,UAAA,EAAaN,SAAS,CAAA;IACrC,CAAA,MAAO,IAAIR,gBAAA,CAAiBW,QAAQ,CAACH,OAAW,CAAA,EAAW;AACzDK,MAAAA,OAAA,CAAQC,IAAI,CAAC,CAAA,SAAA,EAAYN,SAAS,CAAA;AACpC,IAAA;AAEA,IAAA,OAAOK,OAAA,CAAQH,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAK,oBAAA,CAAAC,kBAAA,CAAA,8DAAA,EAEA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/theme-context/types.js

@@ -0,0 +1,27 @@
+import { HdsThemeValues, HdsModesDarkValues, HdsModesLightValues } from '../../../services/hds-theming.js';
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+// re-export the enum values for the `HdsThemes` to use in the component
+// note: using `as const` ensures Object.values() returns only the values (not keys _and_ values)
+const HdsThemeContextThemesValues = {
+  Default: HdsThemeValues.Default,
+  System: HdsThemeValues.System,
+  Light: HdsThemeValues.Light,
+  Dark: HdsThemeValues.Dark
+};
+
+// re-export the enum values for the `HdsModes` to use in the component
+// note: using `as const` ensures Object.values() returns only the values (not keys _and_ values)
+const HdsThemeContextModesValues = {
+  CdsG0: HdsModesLightValues.CdsG0,
+  CdsG10: HdsModesLightValues.CdsG10,
+  CdsG90: HdsModesDarkValues.CdsG90,
+  CdsG100: HdsModesDarkValues.CdsG100
+};
+
+export { HdsThemeContextModesValues, HdsThemeContextThemesValues };
+//# sourceMappingURL=types.js.map

package/dist/components/hds/theme-context/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/theme-context/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport {\n  HdsThemeValues,\n  HdsModesLightValues,\n  HdsModesDarkValues,\n} from '../../../services/hds-theming.ts';\n\nimport type { HdsThemes, HdsModes } from '../../../services/hds-theming.ts';\n\n// re-export the enum values for the `HdsThemes` to use in the component\n// note: using `as const` ensures Object.values() returns only the values (not keys _and_ values)\nexport const HdsThemeContextThemesValues = {\n  Default: HdsThemeValues.Default,\n  System: HdsThemeValues.System,\n  Light: HdsThemeValues.Light,\n  Dark: HdsThemeValues.Dark,\n} as const;\n\n// re-export the enum values for the `HdsModes` to use in the component\n// note: using `as const` ensures Object.values() returns only the values (not keys _and_ values)\nexport const HdsThemeContextModesValues = {\n  CdsG0: HdsModesLightValues.CdsG0,\n  CdsG10: HdsModesLightValues.CdsG10,\n  CdsG90: HdsModesDarkValues.CdsG90,\n  CdsG100: HdsModesDarkValues.CdsG100,\n} as const;\n\nexport type HdsThemeContexts = HdsThemes | Exclude<HdsModes, 'default'>;\n"],"names":["HdsThemeContextThemesValues","Default","HdsThemeValues","System","Light","Dark","HdsThemeContextModesValues","CdsG0","HdsModesLightValues","CdsG10","CdsG90","HdsModesDarkValues","CdsG100"],"mappings":";;AAAA;AACA;AACA;AACA;;AAUA;AACA;AACO,MAAMA,2BAA2B,GAAG;EACzCC,OAAO,EAAEC,cAAc,CAACD,OAAO;EAC/BE,MAAM,EAAED,cAAc,CAACC,MAAM;EAC7BC,KAAK,EAAEF,cAAc,CAACE,KAAK;EAC3BC,IAAI,EAAEH,cAAc,CAACG;AACvB;;AAEA;AACA;AACO,MAAMC,0BAA0B,GAAG;EACxCC,KAAK,EAAEC,mBAAmB,CAACD,KAAK;EAChCE,MAAM,EAAED,mBAAmB,CAACC,MAAM;EAClCC,MAAM,EAAEC,kBAAkB,CAACD,MAAM;EACjCE,OAAO,EAAED,kBAAkB,CAACC;AAC9B;;;;"}

package/dist/components/hds/theme-switcher/index.js

@@ -0,0 +1,107 @@
+import Component from '@glimmer/component';
+import { inject } from '@ember/service';
+import { fn } from '@ember/helper';
+import { on } from '@ember/modifier';
+import HdsDropdown from '../dropdown/index.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i } from 'decorator-transforms/runtime';
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */ // ------------------------------------------------------------------------------------------
+// IMPORTANT: this is a temporary implementation, while we wait for the design specifications
+// ------------------------------------------------------------------------------------------
+
+const OPTIONS = {
+  default: {
+    theme: 'default',
+    icon: 'hashicorp',
+    label: 'Default'
+  },
+  system: {
+    theme: 'system',
+    icon: 'monitor',
+    label: 'System'
+  },
+  light: {
+    theme: 'light',
+    icon: 'sun',
+    label: 'Light'
+  },
+  dark: {
+    theme: 'dark',
+    icon: 'moon',
+    label: 'Dark'
+  }
+};
+class HdsThemeSwitcher extends Component {
+  static {
+    g(this.prototype, "hdsTheming", [inject]);
+  }
+  #hdsTheming = (i(this, "hdsTheming"), void 0);
+  get toggleSize() {
+    return this.args.toggleSize ?? 'small';
+  }
+  get toggleIsFullWidth() {
+    return this.args.toggleIsFullWidth ?? false;
+  }
+  get toggleContent() {
+    if (this.currentTheme === 'default' && this.hasDefaultOption || this.currentTheme === 'system' && this.hasSystemOption || this.currentTheme === 'light' || this.currentTheme === 'dark') {
+      return {
+        label: OPTIONS[this.currentTheme].label,
+        icon: OPTIONS[this.currentTheme].icon
+      };
+    } else {
+      return {
+        label: 'Theme',
+        icon: undefined
+      };
+    }
+  }
+  // note: we will use the `default` option in development, while migrating to the `cds` theming
+  // during this process, consumers will enable/disable this option via code logic or feature flag
+  get hasDefaultOption() {
+    return this.args.hasDefaultOption ?? false;
+  }
+  get hasSystemOption() {
+    return this.args.hasSystemOption ?? true;
+  }
+  get _options() {
+    const options = {
+      ...OPTIONS
+    };
+    if (!this.hasDefaultOption) {
+      delete options.default;
+    }
+    if (!this.hasSystemOption) {
+      delete options.system;
+    }
+    return options;
+  }
+  get currentTheme() {
+    // we get the theme from the global service
+    return this.hdsTheming.currentTheme;
+  }
+  onSelectTheme = theme => {
+    // we set the theme in the global service (and provide an optional user-defined callback)
+    this.hdsTheming.setTheme({
+      theme,
+      onSetTheme: this.args.onSetTheme
+    });
+  };
+  static {
+    setComponentTemplate(precompileTemplate("{{!--\n  ------------------------------------------------------------------------------------------\n  IMPORTANT: this is a temporary implementation, while we wait for the design specifications\n  ------------------------------------------------------------------------------------------\n--}}\n<HdsDropdown @enableCollisionDetection={{true}} @matchToggleWidth={{@toggleIsFullWidth}} class=\"hds-theme-switcher-control\" ...attributes as |D|>\n  <D.ToggleButton @color=\"secondary\" @size={{this.toggleSize}} @isFullWidth={{this.toggleIsFullWidth}} @text={{this.toggleContent.label}} @icon={{this.toggleContent.icon}} />\n  {{#each-in this._options as |_key data|}}\n    <D.Interactive @icon={{data.icon}} {{on \"click\" (fn this.onSelectTheme data.theme)}}>{{data.label}}</D.Interactive>\n  {{/each-in}}\n</HdsDropdown>", {
+      strictMode: true,
+      scope: () => ({
+        HdsDropdown,
+        on,
+        fn
+      })
+    }), this);
+  }
+}
+
+export { HdsThemeSwitcher as default };
+//# sourceMappingURL=index.js.map

package/dist/components/hds/theme-switcher/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/theme-switcher/index.gts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\n// ------------------------------------------------------------------------------------------\n// IMPORTANT: this is a temporary implementation, while we wait for the design specifications\n// ------------------------------------------------------------------------------------------\n\nimport Component from '@glimmer/component';\nimport { inject as service } from '@ember/service';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport HdsDropdown from '../dropdown/index.gts';\n\nimport type { HdsDropdownSignature } from '../dropdown/index.gts';\nimport type { HdsDropdownToggleButtonSignature } from '../dropdown/toggle/button.gts';\nimport type { HdsIconSignature } from '../icon/index.gts';\nimport type HdsThemingService from '../../../services/hds-theming.ts';\nimport type {\n  HdsThemes,\n  HdsOnSetThemeCallback,\n} from '../../../services/hds-theming.ts';\n\ninterface ThemeOption {\n  theme: HdsThemes | undefined;\n  icon: HdsIconSignature['Args']['name'];\n  label: string;\n}\n\nconst OPTIONS: Record<HdsThemes, ThemeOption> = {\n  default: { theme: 'default', icon: 'hashicorp', label: 'Default' },\n  system: { theme: 'system', icon: 'monitor', label: 'System' },\n  light: { theme: 'light', icon: 'sun', label: 'Light' },\n  dark: { theme: 'dark', icon: 'moon', label: 'Dark' },\n};\n\nexport interface HdsThemeSwitcherSignature {\n  Args: {\n    toggleSize?: HdsDropdownToggleButtonSignature['Args']['size'];\n    toggleIsFullWidth?: HdsDropdownToggleButtonSignature['Args']['isFullWidth'];\n    hasDefaultOption?: boolean;\n    hasSystemOption?: boolean;\n    onSetTheme?: HdsOnSetThemeCallback;\n  };\n  Element: HdsDropdownSignature['Element'];\n}\n\nexport default class HdsThemeSwitcher extends Component<HdsThemeSwitcherSignature> {\n  @service declare readonly hdsTheming: HdsThemingService;\n\n  get toggleSize() {\n    return this.args.toggleSize ?? 'small';\n  }\n\n  get toggleIsFullWidth() {\n    return this.args.toggleIsFullWidth ?? false;\n  }\n\n  get toggleContent() {\n    if (\n      (this.currentTheme === 'default' && this.hasDefaultOption) ||\n      (this.currentTheme === 'system' && this.hasSystemOption) ||\n      this.currentTheme === 'light' ||\n      this.currentTheme === 'dark'\n    ) {\n      return {\n        label: OPTIONS[this.currentTheme].label,\n        icon: OPTIONS[this.currentTheme].icon,\n      };\n    } else {\n      return { label: 'Theme', icon: undefined };\n    }\n  }\n\n  // note: we will use the `default` option in development, while migrating to the `cds` theming\n  // during this process, consumers will enable/disable this option via code logic or feature flag\n  get hasDefaultOption() {\n    return this.args.hasDefaultOption ?? false;\n  }\n\n  get hasSystemOption() {\n    return this.args.hasSystemOption ?? true;\n  }\n\n  get _options() {\n    const options: Partial<typeof OPTIONS> = { ...OPTIONS };\n\n    if (!this.hasDefaultOption) {\n      delete options.default;\n    }\n\n    if (!this.hasSystemOption) {\n      delete options.system;\n    }\n\n    return options;\n  }\n\n  get currentTheme() {\n    // we get the theme from the global service\n    return this.hdsTheming.currentTheme;\n  }\n\n  onSelectTheme = (theme: HdsThemes | undefined): void => {\n    // we set the theme in the global service (and provide an optional user-defined callback)\n    this.hdsTheming.setTheme({ theme, onSetTheme: this.args.onSetTheme });\n  };\n\n  <template>\n    {{!\n      ------------------------------------------------------------------------------------------\n      IMPORTANT: this is a temporary implementation, while we wait for the design specifications\n      ------------------------------------------------------------------------------------------\n    }}\n    <HdsDropdown\n      @enableCollisionDetection={{true}}\n      @matchToggleWidth={{@toggleIsFullWidth}}\n      class=\"hds-theme-switcher-control\"\n      ...attributes\n      as |D|\n    >\n      <D.ToggleButton\n        @color=\"secondary\"\n        @size={{this.toggleSize}}\n        @isFullWidth={{this.toggleIsFullWidth}}\n        @text={{this.toggleContent.label}}\n        @icon={{this.toggleContent.icon}}\n      />\n      {{#each-in this._options as |_key data|}}\n        <D.Interactive\n          @icon={{data.icon}}\n          {{on \"click\" (fn this.onSelectTheme data.theme)}}\n        >{{data.label}}</D.Interactive>\n      {{/each-in}}\n    </HdsDropdown>\n  </template>\n}\n"],"names":["OPTIONS","default","theme","icon","label","system","light","dark","HdsThemeSwitcher","Component","g","prototype","service","i","toggleSize","args","toggleIsFullWidth","toggleContent","currentTheme","hasDefaultOption","hasSystemOption","undefined","_options","options","hdsTheming","onSelectTheme","setTheme","onSetTheme","setComponentTemplate","precompileTemplate","strictMode","scope","HdsDropdown","on","fn"],"mappings":"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"}

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

@@ -11,7 +11,7 @@ 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 dateIsValid = date => date instanceof Date && !isNaN(+date);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/time/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { typeOf } from '@ember/utils';\nimport { service } from '@ember/service';\nimport { hash, concat } from '@ember/helper';\n\nimport hdsFormatDate from '../../../helpers/hds-format-date.ts';\nimport HdsTimeRange from './range.gts';\nimport HdsTimeSingle from './single.gts';\nimport HdsTooltipButton from '../tooltip-button/index.gts';\n\nimport type { DisplayType } from '../../../services/hds-time-types.ts';\nimport type TimeService from '../../../services/hds-time.ts';\n\nexport interface HdsTimeSignature {\n  Args: {\n    date?: Date | string;\n    startDate?: Date | string;\n    endDate?: Date | string;\n    display?:\n      | 'utc'\n      | 'relative'\n      | 'friendly-only'\n      | 'friendly-local'\n      | 'friendly-relative';\n    isOpen?: boolean;\n    hasTooltip?: boolean;\n    isoUtcString?: string;\n  };\n  Element: HTMLElement;\n}\n\nconst dateIsValid = (date?: Date | string): date is Date =>\n  date instanceof Date && !isNaN(+date);\n\nexport default class HdsTime extends Component<HdsTimeSignature> {\n  @service declare readonly hdsTime: TimeService;\n\n  get date(): Date | undefined {\n    const { date } = this.args;\n\n    // Sometimes an ISO date string might be passed in instead of a JS Date.\n    if (date) {\n      if (typeOf(date) === 'string') {\n        return new Date(date);\n      } else if (date instanceof Date) {\n        return date;\n      }\n    }\n  }\n\n  get startDate(): Date | undefined {\n    const { startDate } = this.args;\n\n    if (startDate) {\n      if (typeOf(startDate) === 'string') {\n        return new Date(startDate);\n      } else if (startDate instanceof Date) {\n        return startDate;\n      }\n    }\n  }\n\n  get endDate(): Date | undefined {\n    const { endDate } = this.args;\n\n    if (endDate) {\n      if (typeOf(endDate) === 'string') {\n        return new Date(endDate);\n      } else if (endDate instanceof Date) {\n        return endDate;\n      }\n    }\n  }\n\n  get isValidDate(): boolean {\n    return dateIsValid(this.date);\n  }\n\n  get isValidDateRange(): boolean {\n    if (dateIsValid(this.startDate) && dateIsValid(this.endDate)) {\n      return this.startDate <= this.endDate;\n    }\n    return false;\n  }\n\n  get hasTooltip(): boolean {\n    return this.args.hasTooltip ?? true;\n  }\n\n  get isoUtcString(): string {\n    const date = this.date;\n\n    if (dateIsValid(date)) {\n      const isoUtcString = this.hdsTime.toIsoUtcString(date);\n\n      if (isoUtcString) return isoUtcString;\n    }\n\n    return '';\n  }\n\n  get rangeIsoUtcString(): string {\n    const startDate = this.startDate;\n    const endDate = this.endDate;\n\n    if (dateIsValid(startDate) && dateIsValid(endDate)) {\n      return `${this.hdsTime.toIsoUtcString(startDate)}–${this.hdsTime.toIsoUtcString(endDate)}`;\n    }\n    return '';\n  }\n\n  get display(): DisplayType {\n    const date = this.date;\n    const { display } = this.args;\n\n    if (dateIsValid(date)) {\n      const nextDiff = this.hdsTime.timeDifference(this.hdsTime.now, date);\n      return this.hdsTime.format(nextDiff, display);\n    }\n    return {\n      options: undefined,\n      difference: { absValueInMs: 0, valueInMs: 0 },\n      relative: { value: 0, unit: undefined },\n    };\n  }\n\n  get isOpen(): boolean {\n    return this.args.isOpen ?? false;\n  }\n\n  didInsertNode = (): void => {\n    const date = this.date;\n\n    if (dateIsValid(date)) {\n      this.hdsTime.register(date);\n    }\n  };\n\n  willDestroyNode = (): void => {\n    const date = this.date;\n\n    if (dateIsValid(date)) {\n      this.hdsTime.unregister(date);\n    }\n  };\n\n  <template>\n    {{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember causes extra space around the time element - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n    {{~#let this.display as |display|~}}\n      {{~#if this.isValidDate~}}\n        {{~#if this.hasTooltip~}}\n          <HdsTooltipButton\n            class=\"hds-time-wrapper\"\n            @text={{if\n              display.options.tooltipFormat\n              (hdsFormatDate this.date display.options.tooltipFormat)\n              this.isoUtcString\n            }}\n            @placement=\"bottom\"\n            @extraTippyOptions={{hash showOnCreate=this.isOpen}}\n          >\n            <HdsTimeSingle\n              @date={{this.date}}\n              @isoUtcString={{this.isoUtcString}}\n              @display={{this.display}}\n              @register={{this.didInsertNode}}\n              @unregister={{this.willDestroyNode}}\n              ...attributes\n            />\n          </HdsTooltipButton>\n        {{~else~}}\n          <HdsTimeSingle\n            @date={{this.date}}\n            @isoUtcString={{this.isoUtcString}}\n            @display={{this.display}}\n            @register={{this.didInsertNode}}\n            @unregister={{this.willDestroyNode}}\n            ...attributes\n          />\n        {{~/if~}}\n      {{~else if this.isValidDateRange~}}\n        {{~#if this.hasTooltip~}}\n          <HdsTooltipButton\n            class=\"hds-time-wrapper\"\n            @text={{if\n              display.options.tooltipFormat\n              (concat\n                (hdsFormatDate this.startDate display.options.tooltipFormat)\n                (hdsFormatDate this.endDate display.options.tooltipFormat)\n              )\n              this.rangeIsoUtcString\n            }}\n            @placement=\"bottom\"\n            @extraTippyOptions={{hash showOnCreate=this.isOpen}}\n          >\n            <HdsTimeRange\n              @startDate={{this.startDate}}\n              @endDate={{this.endDate}}\n              ...attributes\n            />\n          </HdsTooltipButton>\n        {{~else~}}\n          <HdsTimeRange\n            @startDate={{this.startDate}}\n            @endDate={{this.endDate}}\n            ...attributes\n          />\n        {{~/if~}}\n      {{~/if~}}\n    {{~/let~}}\n  </template>\n}\n"],"names":["dateIsValid","date","Date","isNaN","HdsTime","Component","g","prototype","service","i","args","typeOf","startDate","endDate","isValidDate","isValidDateRange","hasTooltip","isoUtcString","hdsTime","toIsoUtcString","rangeIsoUtcString","display","nextDiff","timeDifference","now","format","options","undefined","difference","absValueInMs","valueInMs","relative","value","unit","isOpen","didInsertNode","register","willDestroyNode","unregister","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTooltipButton","hdsFormatDate","hash","HdsTimeSingle","concat","HdsTimeRange"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/time/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { typeOf } from '@ember/utils';\nimport { service } from '@ember/service';\nimport { hash, concat } from '@ember/helper';\n\nimport hdsFormatDate from '../../../helpers/hds-format-date.ts';\nimport HdsTimeRange from './range.gts';\nimport HdsTimeSingle from './single.gts';\nimport HdsTooltipButton from '../tooltip-button/index.gts';\n\nimport type { DisplayType } from '../../../services/hds-time-types.ts';\nimport type TimeService from '../../../services/hds-time.ts';\n\nexport interface HdsTimeSignature {\n  Args: {\n    date?: Date | string;\n    startDate?: Date | string;\n    endDate?: Date | string;\n    display?:\n      | 'utc'\n      | 'relative'\n      | 'friendly-only'\n      | 'friendly-local'\n      | 'friendly-relative';\n    isOpen?: boolean;\n    hasTooltip?: boolean;\n    isoUtcString?: string;\n  };\n  Element: HTMLElement;\n}\n\nconst dateIsValid = (date?: Date | string): date is Date =>\n  date instanceof Date && !isNaN(+date);\n\nexport default class HdsTime extends Component<HdsTimeSignature> {\n  @service declare readonly hdsTime: TimeService;\n\n  get date(): Date | undefined {\n    const { date } = this.args;\n\n    // Sometimes an ISO date string might be passed in instead of a JS Date.\n    if (date) {\n      if (typeOf(date) === 'string') {\n        return new Date(date);\n      } else if (date instanceof Date) {\n        return date;\n      }\n    }\n  }\n\n  get startDate(): Date | undefined {\n    const { startDate } = this.args;\n\n    if (startDate) {\n      if (typeOf(startDate) === 'string') {\n        return new Date(startDate);\n      } else if (startDate instanceof Date) {\n        return startDate;\n      }\n    }\n  }\n\n  get endDate(): Date | undefined {\n    const { endDate } = this.args;\n\n    if (endDate) {\n      if (typeOf(endDate) === 'string') {\n        return new Date(endDate);\n      } else if (endDate instanceof Date) {\n        return endDate;\n      }\n    }\n  }\n\n  get isValidDate(): boolean {\n    return dateIsValid(this.date);\n  }\n\n  get isValidDateRange(): boolean {\n    if (dateIsValid(this.startDate) && dateIsValid(this.endDate)) {\n      return this.startDate <= this.endDate;\n    }\n    return false;\n  }\n\n  get hasTooltip(): boolean {\n    return this.args.hasTooltip ?? true;\n  }\n\n  get isoUtcString(): string {\n    const date = this.date;\n\n    if (dateIsValid(date)) {\n      const isoUtcString = this.hdsTime.toIsoUtcString(date);\n\n      if (isoUtcString) return isoUtcString;\n    }\n\n    return '';\n  }\n\n  get rangeIsoUtcString(): string {\n    const startDate = this.startDate;\n    const endDate = this.endDate;\n\n    if (dateIsValid(startDate) && dateIsValid(endDate)) {\n      return `${this.hdsTime.toIsoUtcString(startDate)}–${this.hdsTime.toIsoUtcString(endDate)}`;\n    }\n    return '';\n  }\n\n  get display(): DisplayType {\n    const date = this.date;\n    const { display } = this.args;\n\n    if (dateIsValid(date)) {\n      const nextDiff = this.hdsTime.timeDifference(this.hdsTime.now, date);\n      return this.hdsTime.format(nextDiff, display);\n    }\n    return {\n      options: undefined,\n      difference: { absValueInMs: 0, valueInMs: 0 },\n      relative: { value: 0, unit: undefined },\n    };\n  }\n\n  get isOpen(): boolean {\n    return this.args.isOpen ?? false;\n  }\n\n  didInsertNode = (): void => {\n    const date = this.date;\n\n    if (dateIsValid(date)) {\n      this.hdsTime.register(date);\n    }\n  };\n\n  willDestroyNode = (): void => {\n    const date = this.date;\n\n    if (dateIsValid(date)) {\n      this.hdsTime.unregister(date);\n    }\n  };\n\n  <template>\n    {{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember causes extra space around the time element - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n    {{~#let this.display as |display|~}}\n      {{~#if this.isValidDate~}}\n        {{~#if this.hasTooltip~}}\n          <HdsTooltipButton\n            class=\"hds-time-wrapper\"\n            @text={{if\n              display.options.tooltipFormat\n              (hdsFormatDate this.date display.options.tooltipFormat)\n              this.isoUtcString\n            }}\n            @placement=\"bottom\"\n            @extraTippyOptions={{hash showOnCreate=this.isOpen}}\n          >\n            <HdsTimeSingle\n              @date={{this.date}}\n              @isoUtcString={{this.isoUtcString}}\n              @display={{this.display}}\n              @register={{this.didInsertNode}}\n              @unregister={{this.willDestroyNode}}\n              ...attributes\n            />\n          </HdsTooltipButton>\n        {{~else~}}\n          <HdsTimeSingle\n            @date={{this.date}}\n            @isoUtcString={{this.isoUtcString}}\n            @display={{this.display}}\n            @register={{this.didInsertNode}}\n            @unregister={{this.willDestroyNode}}\n            ...attributes\n          />\n        {{~/if~}}\n      {{~else if this.isValidDateRange~}}\n        {{~#if this.hasTooltip~}}\n          <HdsTooltipButton\n            class=\"hds-time-wrapper\"\n            @text={{if\n              display.options.tooltipFormat\n              (concat\n                (hdsFormatDate this.startDate display.options.tooltipFormat)\n                (hdsFormatDate this.endDate display.options.tooltipFormat)\n              )\n              this.rangeIsoUtcString\n            }}\n            @placement=\"bottom\"\n            @extraTippyOptions={{hash showOnCreate=this.isOpen}}\n          >\n            <HdsTimeRange\n              @startDate={{this.startDate}}\n              @endDate={{this.endDate}}\n              ...attributes\n            />\n          </HdsTooltipButton>\n        {{~else~}}\n          <HdsTimeRange\n            @startDate={{this.startDate}}\n            @endDate={{this.endDate}}\n            ...attributes\n          />\n        {{~/if~}}\n      {{~/if~}}\n    {{~/let~}}\n  </template>\n}\n"],"names":["dateIsValid","date","Date","isNaN","HdsTime","Component","g","prototype","service","i","args","typeOf","startDate","endDate","isValidDate","isValidDateRange","hasTooltip","isoUtcString","hdsTime","toIsoUtcString","rangeIsoUtcString","display","nextDiff","timeDifference","now","format","options","undefined","difference","absValueInMs","valueInMs","relative","value","unit","isOpen","didInsertNode","register","willDestroyNode","unregister","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTooltipButton","hdsFormatDate","hash","HdsTimeSingle","concat","HdsTimeRange"],"mappings":"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"}

package/dist/components/hds/time/range.js

@@ -6,7 +6,7 @@ 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
  */
 class HdsTimeRange extends Component {

package/dist/components/hds/time/range.js.map

@@ -1 +1 @@
-{"version":3,"file":"range.js","sources":["../../../../src/components/hds/time/range.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { service } from '@ember/service';\n\nimport hdsFormatDate from '../../../helpers/hds-format-date.ts';\n\nimport type TimeService from '../../../services/hds-time.ts';\n\nexport interface HdsTimeRangeSignature {\n  Args: {\n    startDate?: Date;\n    endDate?: Date;\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsTimeRange extends Component<HdsTimeRangeSignature> {\n  @service declare readonly hdsTime: TimeService;\n\n  get startDateIsoUtcString(): string | undefined {\n    const { startDate } = this.args;\n    if (startDate) {\n      return this.hdsTime.toIsoUtcString(startDate);\n    }\n  }\n\n  get endDateIsoUtcString(): string | undefined {\n    const { endDate } = this.args;\n    if (endDate) {\n      return this.hdsTime.toIsoUtcString(endDate);\n    }\n  }\n\n  get startDateDisplayFormat(): {\n    month: Intl.DateTimeFormatOptions['month'];\n    day: Intl.DateTimeFormatOptions['day'];\n    year?: Intl.DateTimeFormatOptions['year'];\n    hour?: Intl.DateTimeFormatOptions['hour'];\n    minute?: Intl.DateTimeFormatOptions['minute'];\n    second?: Intl.DateTimeFormatOptions['second'];\n  } {\n    const { startDate, endDate } = this.args;\n\n    if (startDate?.getFullYear() !== endDate?.getFullYear()) {\n      return {\n        month: 'short',\n        day: 'numeric',\n        year: 'numeric',\n      };\n    } else {\n      return {\n        month: 'short',\n        day: 'numeric',\n        year: undefined,\n      };\n    }\n  }\n\n  get endDateDisplayFormat(): {\n    month: Intl.DateTimeFormatOptions['month'];\n    day: Intl.DateTimeFormatOptions['day'];\n    year?: Intl.DateTimeFormatOptions['year'];\n    hour?: Intl.DateTimeFormatOptions['hour'];\n    minute?: Intl.DateTimeFormatOptions['minute'];\n    second?: Intl.DateTimeFormatOptions['second'];\n  } {\n    return {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n    };\n  }\n\n  <template>\n    {{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember causes extra space around the time element - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n    <span class=\"hds-time hds-time--range\" ...attributes>\n      <time datetime={{this.startDateIsoUtcString}}>\n        {{~hdsFormatDate @startDate this.startDateDisplayFormat~}}\n      </time>\n      &ndash;\n      <time datetime={{this.endDateIsoUtcString}}>\n        {{~hdsFormatDate @endDate this.endDateDisplayFormat~}}\n      </time>\n    </span>\n  </template>\n}\n"],"names":["HdsTimeRange","Component","g","prototype","service","i","startDateIsoUtcString","startDate","args","hdsTime","toIsoUtcString","endDateIsoUtcString","endDate","startDateDisplayFormat","getFullYear","month","day","year","undefined","endDateDisplayFormat","setComponentTemplate","precompileTemplate","strictMode","scope","hdsFormatDate"],"mappings":";;;;;;;AAAA;;;AAGC;AAiBc,MAAMA,qBAAqBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACjDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,qBAAAA,GAA4C;IAC9C,MAAM;AAAEC,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;AAC/B,IAAA,IAAID,SAAA,EAAW;AACb,MAAA,OAAO,IAAI,CAACE,OAAO,CAACC,cAAc,CAACH,SAAA,CAAA;AACrC,IAAA;AACF,EAAA;EAEA,IAAII,mBAAAA,GAA0C;IAC5C,MAAM;AAAEC,MAAAA;KAAS,GAAG,IAAI,CAACJ,IAAI;AAC7B,IAAA,IAAII,OAAA,EAAS;AACX,MAAA,OAAO,IAAI,CAACH,OAAO,CAACC,cAAc,CAACE,OAAA,CAAA;AACrC,IAAA;AACF,EAAA;EAEA,IAAIC,sBAAAA,GAOF;IACA,MAAM;MAAEN,SAAS;AAAEK,MAAAA;KAAS,GAAG,IAAI,CAACJ,IAAI;IAExC,IAAID,SAAA,EAAWO,WAAA,EAAA,KAAkBF,OAAA,EAASE,WAAA,EAAA,EAAe;MACvD,OAAO;AACLC,QAAAA,KAAA,EAAO,OAAA;AACPC,QAAAA,GAAA,EAAK,SAAA;AACLC,QAAAA,IAAA,EAAM;OACR;AACF,IAAA,CAAA,MAAO;MACL,OAAO;AACLF,QAAAA,KAAA,EAAO,OAAA;AACPC,QAAAA,GAAA,EAAK,SAAA;AACLC,QAAAA,IAAA,EAAMC;OACR;AACF,IAAA;AACF,EAAA;EAEA,IAAIC,oBAAAA,GAOF;IACA,OAAO;AACLJ,MAAAA,KAAA,EAAO,OAAA;AACPC,MAAAA,GAAA,EAAK,SAAA;AACLC,MAAAA,IAAA,EAAM;KACR;AACF,EAAA;AAEA,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CAAA,kiBAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,uBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"range.js","sources":["../../../../src/components/hds/time/range.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';\n\nimport hdsFormatDate from '../../../helpers/hds-format-date.ts';\n\nimport type TimeService from '../../../services/hds-time.ts';\n\nexport interface HdsTimeRangeSignature {\n  Args: {\n    startDate?: Date;\n    endDate?: Date;\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsTimeRange extends Component<HdsTimeRangeSignature> {\n  @service declare readonly hdsTime: TimeService;\n\n  get startDateIsoUtcString(): string | undefined {\n    const { startDate } = this.args;\n    if (startDate) {\n      return this.hdsTime.toIsoUtcString(startDate);\n    }\n  }\n\n  get endDateIsoUtcString(): string | undefined {\n    const { endDate } = this.args;\n    if (endDate) {\n      return this.hdsTime.toIsoUtcString(endDate);\n    }\n  }\n\n  get startDateDisplayFormat(): {\n    month: Intl.DateTimeFormatOptions['month'];\n    day: Intl.DateTimeFormatOptions['day'];\n    year?: Intl.DateTimeFormatOptions['year'];\n    hour?: Intl.DateTimeFormatOptions['hour'];\n    minute?: Intl.DateTimeFormatOptions['minute'];\n    second?: Intl.DateTimeFormatOptions['second'];\n  } {\n    const { startDate, endDate } = this.args;\n\n    if (startDate?.getFullYear() !== endDate?.getFullYear()) {\n      return {\n        month: 'short',\n        day: 'numeric',\n        year: 'numeric',\n      };\n    } else {\n      return {\n        month: 'short',\n        day: 'numeric',\n        year: undefined,\n      };\n    }\n  }\n\n  get endDateDisplayFormat(): {\n    month: Intl.DateTimeFormatOptions['month'];\n    day: Intl.DateTimeFormatOptions['day'];\n    year?: Intl.DateTimeFormatOptions['year'];\n    hour?: Intl.DateTimeFormatOptions['hour'];\n    minute?: Intl.DateTimeFormatOptions['minute'];\n    second?: Intl.DateTimeFormatOptions['second'];\n  } {\n    return {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n    };\n  }\n\n  <template>\n    {{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember causes extra space around the time element - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n    <span class=\"hds-time hds-time--range\" ...attributes>\n      <time datetime={{this.startDateIsoUtcString}}>\n        {{~hdsFormatDate @startDate this.startDateDisplayFormat~}}\n      </time>\n      &ndash;\n      <time datetime={{this.endDateIsoUtcString}}>\n        {{~hdsFormatDate @endDate this.endDateDisplayFormat~}}\n      </time>\n    </span>\n  </template>\n}\n"],"names":["HdsTimeRange","Component","g","prototype","service","i","startDateIsoUtcString","startDate","args","hdsTime","toIsoUtcString","endDateIsoUtcString","endDate","startDateDisplayFormat","getFullYear","month","day","year","undefined","endDateDisplayFormat","setComponentTemplate","precompileTemplate","strictMode","scope","hdsFormatDate"],"mappings":";;;;;;;AAAA;;;AAGC;AAiBc,MAAMA,qBAAqBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACjDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,qBAAAA,GAA4C;IAC9C,MAAM;AAAEC,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;AAC/B,IAAA,IAAID,SAAA,EAAW;AACb,MAAA,OAAO,IAAI,CAACE,OAAO,CAACC,cAAc,CAACH,SAAA,CAAA;AACrC,IAAA;AACF,EAAA;EAEA,IAAII,mBAAAA,GAA0C;IAC5C,MAAM;AAAEC,MAAAA;KAAS,GAAG,IAAI,CAACJ,IAAI;AAC7B,IAAA,IAAII,OAAA,EAAS;AACX,MAAA,OAAO,IAAI,CAACH,OAAO,CAACC,cAAc,CAACE,OAAA,CAAA;AACrC,IAAA;AACF,EAAA;EAEA,IAAIC,sBAAAA,GAOF;IACA,MAAM;MAAEN,SAAS;AAAEK,MAAAA;KAAS,GAAG,IAAI,CAACJ,IAAI;IAExC,IAAID,SAAA,EAAWO,WAAA,EAAA,KAAkBF,OAAA,EAASE,WAAA,EAAA,EAAe;MACvD,OAAO;AACLC,QAAAA,KAAA,EAAO,OAAA;AACPC,QAAAA,GAAA,EAAK,SAAA;AACLC,QAAAA,IAAA,EAAM;OACR;AACF,IAAA,CAAA,MAAO;MACL,OAAO;AACLF,QAAAA,KAAA,EAAO,OAAA;AACPC,QAAAA,GAAA,EAAK,SAAA;AACLC,QAAAA,IAAA,EAAMC;OACR;AACF,IAAA;AACF,EAAA;EAEA,IAAIC,oBAAAA,GAOF;IACA,OAAO;AACLJ,MAAAA,KAAA,EAAO,OAAA;AACPC,MAAAA,GAAA,EAAK,SAAA;AACLC,MAAAA,IAAA,EAAM;KACR;AACF,EAAA;AAEA,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CAAA,kiBAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,uBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/time/single.js

@@ -7,7 +7,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/time/single.js.map

@@ -1 +1 @@
-{"version":3,"file":"single.js","sources":["../../../../src/components/hds/time/single.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport willDestroy from '@ember/render-modifiers/modifiers/will-destroy';\n\nimport hdsFormatDate from '../../../helpers/hds-format-date.ts';\nimport hdsFormatRelative from '../../../helpers/hds-format-relative.ts';\n\nimport type { DisplayType } from '../../../services/hds-time-types.ts';\n\nexport interface HdsTimeSingleSignature {\n  Args: {\n    date?: Date;\n    display: DisplayType;\n    isoUtcString?: string;\n    register: () => void;\n    unregister: () => void;\n  };\n  Element: HTMLTimeElement;\n}\n\nconst HdsTimeSingleComponent: TemplateOnlyComponent<HdsTimeSingleSignature> =\n  <template>\n    {{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember causes extra space around the time element - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n    <time\n      class=\"hds-time hds-time--single\"\n      datetime={{@isoUtcString}}\n      ...attributes\n      {{didInsert @register}}\n      {{willDestroy @unregister}}\n    >\n      {{~#if @display.options.showFriendly~}}\n        {{~#if @display.options.displayFormat~}}\n          {{~hdsFormatDate @date @display.options.displayFormat~}}\n        {{~else~}}\n          {{~@isoUtcString}}\n        {{~/if~}}\n        {{#if @display.options.showRelative}}\n          ({{hdsFormatRelative @display.relative.value @display.relative.unit}})\n        {{/if}}\n      {{~else~}}\n        {{#if @display.options.showRelative}}\n          {{~hdsFormatRelative @display.relative.value @display.relative.unit~}}\n        {{~/if~}}\n      {{~/if~}}\n    </time>\n  </template>;\n\nexport default HdsTimeSingleComponent;\n"],"names":["HdsTimeSingleComponent","setComponentTemplate","precompileTemplate","strictMode","scope","didInsert","willDestroy","hdsFormatDate","hdsFormatRelative","templateOnly"],"mappings":";;;;;;;;AAAA;;;AAGC;;AAwBD,MAAMA,sBAA8C,GAAAC,oBAAA,CAClDC,kBAAA,CAAA,82BAAA,EAwBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,SAAA;IAAAC,WAAA;mBAAAC,mBAAA;AAAAC,uBAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"single.js","sources":["../../../../src/components/hds/time/single.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport willDestroy from '@ember/render-modifiers/modifiers/will-destroy';\n\nimport hdsFormatDate from '../../../helpers/hds-format-date.ts';\nimport hdsFormatRelative from '../../../helpers/hds-format-relative.ts';\n\nimport type { DisplayType } from '../../../services/hds-time-types.ts';\n\nexport interface HdsTimeSingleSignature {\n  Args: {\n    date?: Date;\n    display: DisplayType;\n    isoUtcString?: string;\n    register: () => void;\n    unregister: () => void;\n  };\n  Element: HTMLTimeElement;\n}\n\nconst HdsTimeSingleComponent: TemplateOnlyComponent<HdsTimeSingleSignature> =\n  <template>\n    {{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember causes extra space around the time element - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n    <time\n      class=\"hds-time hds-time--single\"\n      datetime={{@isoUtcString}}\n      ...attributes\n      {{didInsert @register}}\n      {{willDestroy @unregister}}\n    >\n      {{~#if @display.options.showFriendly~}}\n        {{~#if @display.options.displayFormat~}}\n          {{~hdsFormatDate @date @display.options.displayFormat~}}\n        {{~else~}}\n          {{~@isoUtcString}}\n        {{~/if~}}\n        {{#if @display.options.showRelative}}\n          ({{hdsFormatRelative @display.relative.value @display.relative.unit}})\n        {{/if}}\n      {{~else~}}\n        {{#if @display.options.showRelative}}\n          {{~hdsFormatRelative @display.relative.value @display.relative.unit~}}\n        {{~/if~}}\n      {{~/if~}}\n    </time>\n  </template>;\n\nexport default HdsTimeSingleComponent;\n"],"names":["HdsTimeSingleComponent","setComponentTemplate","precompileTemplate","strictMode","scope","didInsert","willDestroy","hdsFormatDate","hdsFormatRelative","templateOnly"],"mappings":";;;;;;;;AAAA;;;AAGC;;AAwBD,MAAMA,sBAA8C,GAAAC,oBAAA,CAClDC,kBAAA,CAAA,82BAAA,EAwBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,SAAA;IAAAC,WAAA;mBAAAC,mBAAA;AAAAC,uBAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

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

@@ -5,7 +5,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/toast/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport { hash } from '@ember/helper';\n\nimport HdsAlert from '../alert/index.gts';\n\nimport type { HdsAlertSignature } from '../alert/index.gts';\n\nexport interface HdsToastSignature extends Omit<HdsAlertSignature, 'Args'> {\n  Args: Omit<HdsAlertSignature['Args'], 'type'>;\n}\n\nconst HdsToast: TemplateOnlyComponent<HdsToastSignature> = <template>\n  <HdsAlert\n    class=\"hds-toast\"\n    @type=\"inline\"\n    @color={{@color}}\n    @icon={{@icon}}\n    @onDismiss={{@onDismiss}}\n    role=\"alert\"\n    aria-live=\"polite\"\n    ...attributes\n    as |A|\n  >\n    {{yield\n      (hash\n        Title=A.Title\n        Description=A.Description\n        Button=A.Button\n        LinkStandalone=A.LinkStandalone\n        Generic=A.Generic\n      )\n    }}\n  </HdsAlert>\n</template>;\n\nexport default HdsToast;\n"],"names":["HdsToast","setComponentTemplate","precompileTemplate","strictMode","scope","HdsAlert","hash","templateOnly"],"mappings":";;;;;;AAAA;;;AAGC;;AAaD,MAAMA,QAAgC,GAAAC,oBAAA,CAAqBC,kBAAA,CAAA,iTAAA,EAsB3D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/toast/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport { hash } from '@ember/helper';\n\nimport HdsAlert from '../alert/index.gts';\n\nimport type { HdsAlertSignature } from '../alert/index.gts';\n\nexport interface HdsToastSignature extends Omit<HdsAlertSignature, 'Args'> {\n  Args: Omit<HdsAlertSignature['Args'], 'type'>;\n}\n\nconst HdsToast: TemplateOnlyComponent<HdsToastSignature> = <template>\n  <HdsAlert\n    class=\"hds-toast\"\n    @type=\"inline\"\n    @color={{@color}}\n    @icon={{@icon}}\n    @onDismiss={{@onDismiss}}\n    role=\"alert\"\n    aria-live=\"polite\"\n    ...attributes\n    as |A|\n  >\n    {{yield\n      (hash\n        Title=A.Title\n        Description=A.Description\n        Button=A.Button\n        LinkStandalone=A.LinkStandalone\n        Generic=A.Generic\n      )\n    }}\n  </HdsAlert>\n</template>;\n\nexport default HdsToast;\n"],"names":["HdsToast","setComponentTemplate","precompileTemplate","strictMode","scope","HdsAlert","hash","templateOnly"],"mappings":";;;;;;AAAA;;;AAGC;;AAaD,MAAMA,QAAgC,GAAAC,oBAAA,CAAqBC,kBAAA,CAAA,iTAAA,EAsB3D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/hds/tooltip-button/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 PLACEMENTS = Object.values(HdsTooltipPlacementValues);

package/dist/components/hds/tooltip-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/tooltip-button/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 type { Props as TippyProps } from 'tippy.js';\n\nimport hdsTooltip from '../../../modifiers/hds-tooltip.ts';\nimport { HdsTooltipPlacementValues } from './types.ts';\nimport type { HdsTooltipPlacements } from './types.ts';\n\nexport const PLACEMENTS: HdsTooltipPlacements[] = Object.values(\n  HdsTooltipPlacementValues\n);\n\nexport interface HdsTooltipSignature {\n  Args: {\n    extraTippyOptions?: Partial<Omit<TippyProps, 'placement' | 'offset'>>;\n    isInline?: boolean;\n    offset?: [number, number];\n    placement?: HdsTooltipPlacements;\n    text: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsTooltip extends Component<HdsTooltipSignature> {\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::TooltipButton\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  get options(): Partial<TippyProps> {\n    const { placement = HdsTooltipPlacementValues.Top, extraTippyOptions } =\n      this.args;\n\n    assert(\n      '@placement for \"Hds::TooltipButton\" must have a valid value',\n      placement == undefined || PLACEMENTS.includes(placement)\n    );\n\n    return {\n      ...(extraTippyOptions ? extraTippyOptions : {}),\n      placement: placement,\n      // takes array of 2 numbers (skidding, distance): array(0, 10)\n      offset: this.args.offset ? this.args.offset : [0, 10],\n    };\n  }\n\n  get isInline(): boolean {\n    const { isInline = true } = this.args;\n    return isInline;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-tooltip-button'];\n\n    // add a class based on the @isInline argument\n    if (this.isInline) {\n      classes.push('hds-tooltip-button--is-inline');\n    } else {\n      classes.push('hds-tooltip-button--is-block');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <button\n      type=\"button\"\n      class={{this.classNames}}\n      {{hdsTooltip this.text options=this.options}}\n      ...attributes\n    >{{~yield~}}</button>\n  </template>\n}\n"],"names":["PLACEMENTS","Object","values","HdsTooltipPlacementValues","HdsTooltip","Component","text","args","assert","undefined","options","placement","Top","extraTippyOptions","includes","offset","isInline","classNames","classes","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","hdsTooltip"],"mappings":";;;;;;;AAAA;;;AAGC;AAWM,MAAMA,UAAY,GAAyBC,MAAA,CAAOC,MAAM,CAC7DC,yBAAA;AAiBa,MAAMC,mBAAmBC,SAAA,CAAU;EAChD,IAAIC,IAAAA,GAAe;IACjB,MAAM;AAAEA,MAAAA;KAAM,GAAG,IAAI,CAACC,IAAI;AAE1BC,IAAAA,MAAA,CACE,0DACAF,IAAA,KAASG,SAAA,CAAA;AAGX,IAAA,OAAOH,IAAA;AACT,EAAA;EAEA,IAAII,OAAAA,GAA+B;IACjC,MAAM;MAAEC,SAAA,GAAYR,yBAAA,CAA0BS,GAAG;AAAEC,MAAAA;KAAmB,GACpE,IAAI,CAACN,IAAI;AAEXC,IAAAA,MAAA,CACE,6DAAA,EACAG,SAAA,IAAaF,SAAA,IAAaT,UAAA,CAAWc,QAAQ,CAACH,SAAA,CAAA,CAAA;IAGhD,OAAO;AACL,MAAA,IAAIE,iBAAA,GAAoBA,iBAAA,GAAoB,EAAE,CAAC;AAC/CF,MAAAA,SAAA,EAAWA,SAAA;AACX;AACAI,MAAAA,MAAA,EAAQ,IAAI,CAACR,IAAI,CAACQ,MAAM,GAAG,IAAI,CAACR,IAAI,CAACQ,MAAM,GAAG,CAAC,CAAA,EAAG,EAAA;KACpD;AACF,EAAA;EAEA,IAAIC,QAAAA,GAAoB;IACtB,MAAM;AAAEA,MAAAA,QAAA,GAAW;KAAM,GAAG,IAAI,CAACT,IAAI;AACrC,IAAA,OAAOS,QAAA;AACT,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,oBAAA,CAAqB;AAEtC;IACA,IAAI,IAAI,CAACF,QAAQ,EAAE;AACjBE,MAAAA,OAAA,CAAQC,IAAI,CAAC,+BAAA,CAAA;AACf,IAAA,CAAA,MAAO;AACLD,MAAAA,OAAA,CAAQC,IAAI,CAAC,8BAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQE,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,oIAAA,EAOA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,oBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/tooltip-button/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 type { Props as TippyProps } from 'tippy.js';\n\nimport hdsTooltip from '../../../modifiers/hds-tooltip.ts';\nimport { HdsTooltipPlacementValues } from './types.ts';\nimport type { HdsTooltipPlacements } from './types.ts';\n\nexport const PLACEMENTS: HdsTooltipPlacements[] = Object.values(\n  HdsTooltipPlacementValues\n);\n\nexport interface HdsTooltipSignature {\n  Args: {\n    extraTippyOptions?: Partial<Omit<TippyProps, 'placement' | 'offset'>>;\n    isInline?: boolean;\n    offset?: [number, number];\n    placement?: HdsTooltipPlacements;\n    text: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsTooltip extends Component<HdsTooltipSignature> {\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::TooltipButton\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  get options(): Partial<TippyProps> {\n    const { placement = HdsTooltipPlacementValues.Top, extraTippyOptions } =\n      this.args;\n\n    assert(\n      '@placement for \"Hds::TooltipButton\" must have a valid value',\n      placement == undefined || PLACEMENTS.includes(placement)\n    );\n\n    return {\n      ...(extraTippyOptions ? extraTippyOptions : {}),\n      placement: placement,\n      // takes array of 2 numbers (skidding, distance): array(0, 10)\n      offset: this.args.offset ? this.args.offset : [0, 10],\n    };\n  }\n\n  get isInline(): boolean {\n    const { isInline = true } = this.args;\n    return isInline;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-tooltip-button'];\n\n    // add a class based on the @isInline argument\n    if (this.isInline) {\n      classes.push('hds-tooltip-button--is-inline');\n    } else {\n      classes.push('hds-tooltip-button--is-block');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <button\n      type=\"button\"\n      class={{this.classNames}}\n      {{hdsTooltip this.text options=this.options}}\n      ...attributes\n    >{{~yield~}}</button>\n  </template>\n}\n"],"names":["PLACEMENTS","Object","values","HdsTooltipPlacementValues","HdsTooltip","Component","text","args","assert","undefined","options","placement","Top","extraTippyOptions","includes","offset","isInline","classNames","classes","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","hdsTooltip"],"mappings":";;;;;;;AAAA;;;AAGC;AAWM,MAAMA,UAAY,GAAyBC,MAAA,CAAOC,MAAM,CAC7DC,yBAAA;AAiBa,MAAMC,mBAAmBC,SAAA,CAAU;EAChD,IAAIC,IAAAA,GAAe;IACjB,MAAM;AAAEA,MAAAA;KAAM,GAAG,IAAI,CAACC,IAAI;AAE1BC,IAAAA,MAAA,CACE,0DACAF,IAAA,KAASG,SAAA,CAAA;AAGX,IAAA,OAAOH,IAAA;AACT,EAAA;EAEA,IAAII,OAAAA,GAA+B;IACjC,MAAM;MAAEC,SAAA,GAAYR,yBAAA,CAA0BS,GAAG;AAAEC,MAAAA;KAAmB,GACpE,IAAI,CAACN,IAAI;AAEXC,IAAAA,MAAA,CACE,6DAAA,EACAG,SAAA,IAAaF,SAAA,IAAaT,UAAA,CAAWc,QAAQ,CAACH,SAAA,CAAA,CAAA;IAGhD,OAAO;AACL,MAAA,IAAIE,iBAAA,GAAoBA,iBAAA,GAAoB,EAAE,CAAC;AAC/CF,MAAAA,SAAA,EAAWA,SAAA;AACX;AACAI,MAAAA,MAAA,EAAQ,IAAI,CAACR,IAAI,CAACQ,MAAM,GAAG,IAAI,CAACR,IAAI,CAACQ,MAAM,GAAG,CAAC,CAAA,EAAG,EAAA;KACpD;AACF,EAAA;EAEA,IAAIC,QAAAA,GAAoB;IACtB,MAAM;AAAEA,MAAAA,QAAA,GAAW;KAAM,GAAG,IAAI,CAACT,IAAI;AACrC,IAAA,OAAOS,QAAA;AACT,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,oBAAA,CAAqB;AAEtC;IACA,IAAI,IAAI,CAACF,QAAQ,EAAE;AACjBE,MAAAA,OAAA,CAAQC,IAAI,CAAC,+BAAA,CAAA;AACf,IAAA,CAAA,MAAO;AACLD,MAAAA,OAAA,CAAQC,IAAI,CAAC,8BAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQE,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,oIAAA,EAOA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,oBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -3,7 +3,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const HdsYield = setComponentTemplate(precompileTemplate("{{!-- template-lint-disable no-yield-only --}}\n{{yield}}", {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/yield/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface HdsYieldSignature {\n  Blocks: {\n    default: [];\n  };\n}\n\nconst HdsYield: TemplateOnlyComponent<HdsYieldSignature> = <template>\n  {{! template-lint-disable no-yield-only }}\n  {{yield}}\n</template>;\n\nexport default HdsYield;\n"],"names":["HdsYield","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAUD,MAAMA,QAAgC,GAAAC,oBAAA,CAAqBC,kBAAA,CAAA,2DAAA,EAG3D;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/yield/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface HdsYieldSignature {\n  Blocks: {\n    default: [];\n  };\n}\n\nconst HdsYield: TemplateOnlyComponent<HdsYieldSignature> = <template>\n  {{! template-lint-disable no-yield-only }}\n  {{yield}}\n</template>;\n\nexport default HdsYield;\n"],"names":["HdsYield","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAUD,MAAMA,QAAgC,GAAAC,oBAAA,CAAqBC,kBAAA,CAAA,2DAAA,EAG3D;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components.js

@@ -1,7 +1,7 @@
 export { default as HdsAccordion } from './components/hds/accordion/index.js';
 export { default as HdsAccordionItem } from './components/hds/accordion/item/index.js';
 export { HdsAccordionForceStateValues, HdsAccordionItemTitleTagValues, HdsAccordionSizeValues, HdsAccordionTypeValues } from './components/hds/accordion/types.js';
-export { H as HdsAdvancedTable, a as HdsAdvancedTableTh, b as HdsAdvancedTableThSelectable, c as HdsAdvancedTableTr } from './index-B9OqWZ9U.js';
+export { H as HdsAdvancedTable, a as HdsAdvancedTableTh, b as HdsAdvancedTableThSelectable, c as HdsAdvancedTableTr } from './index-DtMB-P9m.js';
 export { default as HdsAdvancedTableTd } from './components/hds/advanced-table/td.js';
 export { default as HdsAdvancedTableThButtonSort } from './components/hds/advanced-table/th-button-sort.js';
 export { default as HdsAdvancedTableThButtonTooltip } from './components/hds/advanced-table/th-button-tooltip.js';
@@ -158,7 +158,7 @@ export { default as HdsFormToggleBase } from './components/hds/form/toggle/base.
 export { default as HdsFormToggleField } from './components/hds/form/toggle/field.js';
 export { default as HdsFormToggleGroup } from './components/hds/form/toggle/group.js';
 export { default as HdsIcon } from './components/hds/icon/index.js';
-export { HdsIconColorValues, HdsIconSizeValues } from './components/hds/icon/types.js';
+export { HdsIconColorValues, HdsIconLibraryValues, HdsIconSizeValues } from './components/hds/icon/types.js';
 export { default as HdsIconTile } from './components/hds/icon-tile/index.js';
 export { HdsIconTileColorNeutral, HdsIconTileProductValues, HdsIconTileSizeValues } from './components/hds/icon-tile/types.js';
 export { default as HdsLinkInline } from './components/hds/link/inline.js';
@@ -217,6 +217,8 @@ export { default as HdsTextBody } from './components/hds/text/body.js';
 export { default as HdsTextCode } from './components/hds/text/code.js';
 export { default as HdsTextDisplay } from './components/hds/text/display.js';
 export { HdsTextAlignValues, HdsTextColorValues, HdsTextGroupValues, HdsTextSizeValues, HdsTextWeightValues } from './components/hds/text/types.js';
+export { default as HdsThemeContext } from './components/hds/theme-context/index.js';
+export { default as HdsThemeSwitcher } from './components/hds/theme-switcher/index.js';
 export { default as HdsTime } from './components/hds/time/index.js';
 export { default as HdsTimeSingle } from './components/hds/time/single.js';
 export { default as HdsTimeRange } from './components/hds/time/range.js';

package/dist/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/helpers/hds-t.js

@@ -5,7 +5,7 @@ import { isPresent } from '@ember/utils';
 import { g, i } from 'decorator-transforms/runtime';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */