@hashicorp/design-system-components 4.1.2 → 4.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"body.js","sources":["../../../../src/components/hds/text/body.hbs","../../../../src/components/hds/text/body.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text\\n  @group=\\\"body\\\"\\n  @size={{this.size}}\\n  @weight={{this.weight}}\\n  @align={{@align}}\\n  @color={{@color}}\\n  @tag={{@tag}}\\n  ...attributes\\n>{{yield}}</Hds::Text>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\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 = '200';\nexport const AVAILABLE_SIZES = [300, 200, 100];\n\nexport const DEFAULT_WEIGHT = 'regular';\nexport const AVAILABLE_WEIGHTS_PER_SIZE = {\n  300: ['regular', 'medium', 'semibold'],\n  200: ['regular', 'medium', 'semibold'],\n  100: ['regular', 'medium', 'semibold'],\n};\n\nexport default class HdsTextBodyComponent extends Component {\n  /**\n   * Sets the \"size\" for the text\n   * Accepted values: see AVAILABLE_SIZES\n   *\n   * @type {string}\n   *\n   * @param size\n   */\n  get size() {\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::Body\" must be one of the following: ${AVAILABLE_SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      AVAILABLE_SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * Sets the \"weight\" for the text\n   * Accepted values: see AVAILABLE_WEIGHTS_PER_SIZE\n   *\n   * @type {string}\n   *\n   * @param variant\n   */\n  get weight() {\n    let { weight = DEFAULT_WEIGHT } = this.args;\n\n    const availableWeights = AVAILABLE_WEIGHTS_PER_SIZE[this.size];\n\n    assert(\n      `@weight for \"Hds::Text::Body\" with @size=${\n        this.size\n      } must be one of the following: ${availableWeights.join(\n        ', '\n      )}; received: ${weight}`,\n      availableWeights.includes(weight)\n    );\n\n    return weight;\n  }\n}\n"],"names":["DEFAULT_SIZE","AVAILABLE_SIZES","DEFAULT_WEIGHT","AVAILABLE_WEIGHTS_PER_SIZE","HdsTextBodyComponent","Component","size","args","parseInt","assert","join","includes","weight","availableWeights","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,mQAAmQ;;ACDrS;AACA;AACA;AACA;;AAQO,MAAMA,YAAY,GAAG,MAAK;AAC1B,MAAMC,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC;AAEvC,MAAMC,cAAc,GAAG,UAAS;AAChC,MAAMC,0BAA0B,GAAG;AACxC,EAAA,GAAG,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC;AACtC,EAAA,GAAG,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC;AACtC,EAAA,GAAG,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAA;AACvC,EAAC;AAEc,MAAMC,oBAAoB,SAASC,SAAS,CAAC;AAC1D;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;IACT,IAAI;AAAEA,MAAAA,IAAI,GAAGN,YAAAA;KAAc,GAAG,IAAI,CAACO,IAAI,CAAA;;AAEvC;AACA,IAAA,IAAI,OAAOD,IAAI,KAAK,QAAQ,EAAE;AAC5BA,MAAAA,IAAI,GAAGE,QAAQ,CAACF,IAAI,EAAE,EAAE,CAAC,CAAA;AAC3B,KAAA;AAEAG,IAAAA,MAAM,CACH,CAA4DR,0DAAAA,EAAAA,eAAe,CAACS,IAAI,CAC/E,IACF,CAAE,CAAA,YAAA,EAAcJ,IAAK,CAAA,CAAC,EACtBL,eAAe,CAACU,QAAQ,CAACL,IAAI,CAC/B,CAAC,CAAA;AAED,IAAA,OAAOA,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIM,MAAMA,GAAG;IACX,IAAI;AAAEA,MAAAA,MAAM,GAAGV,cAAAA;KAAgB,GAAG,IAAI,CAACK,IAAI,CAAA;AAE3C,IAAA,MAAMM,gBAAgB,GAAGV,0BAA0B,CAAC,IAAI,CAACG,IAAI,CAAC,CAAA;IAE9DG,MAAM,CACH,4CACC,IAAI,CAACH,IACN,CAAiCO,+BAAAA,EAAAA,gBAAgB,CAACH,IAAI,CACrD,IACF,CAAE,CAAcE,YAAAA,EAAAA,MAAO,EAAC,EACxBC,gBAAgB,CAACF,QAAQ,CAACC,MAAM,CAClC,CAAC,CAAA;AAED,IAAA,OAAOA,MAAM,CAAA;AACf,GAAA;AACF,CAAA;AAACE,oBAAA,CAAAC,QAAA,EAnDoBX,oBAAoB,CAAA;;;;"}
+{"version":3,"file":"body.js","sources":["../../../../src/components/hds/text/body.hbs","../../../../src/components/hds/text/body.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text\\n  @group=\\\"body\\\"\\n  @size={{this.size}}\\n  @weight={{this.weight}}\\n  @align={{@align}}\\n  @color={{@color}}\\n  @tag={{@tag}}\\n  ...attributes\\n>{{yield}}</Hds::Text>\")","/**\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 { 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 HdsTextBodySizeNumber = Extract<\n  HdsTextSizeValues,\n  | HdsTextSizeValues.OneHundred\n  | HdsTextSizeValues.TwoHundred\n  | HdsTextSizeValues.ThreeHundred\n>;\ntype HdsTextBodySizeString = `${HdsTextBodySizeNumber}`;\nexport type HdsTextBodySizes = HdsTextBodySizeNumber | HdsTextBodySizeString;\nexport const AVAILABLE_SIZES = [\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 HdsTextBodyWeight = Extract<\n  HdsTextWeights,\n  'regular' | 'medium' | 'semibold'\n>;\nexport const AVAILABLE_WEIGHTS_PER_SIZE: Record<\n  HdsTextBodySizes,\n  HdsTextBodyWeight[]\n> = {\n  300: [\n    HdsTextWeightValues.Regular,\n    HdsTextWeightValues.Medium,\n    HdsTextWeightValues.Semibold,\n  ],\n  200: [\n    HdsTextWeightValues.Regular,\n    HdsTextWeightValues.Medium,\n    HdsTextWeightValues.Semibold,\n  ],\n  100: [\n    HdsTextWeightValues.Regular,\n    HdsTextWeightValues.Medium,\n    HdsTextWeightValues.Semibold,\n  ],\n};\n\nexport interface HdsTextBodySignature {\n  Args: {\n    size?: HdsTextBodySizes;\n    color?: string | HdsTextColors;\n    tag?: HdsTextTags;\n    align?: HdsTextAligns;\n    weight?: HdsTextBodyWeight;\n  };\n  Element:\n    | HTMLSpanElement\n    | HTMLHeadingElement\n    | HTMLParagraphElement\n    | HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class HdsTextBodyComponent extends Component<HdsTextBodySignature> {\n  /**\n   * Sets the \"size\" for the text\n   * Accepted values: see AVAILABLE_SIZES\n   *\n   * @type {string}\n   *\n   * @param size\n   */\n  get size() {\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::Body\" must be one of the following: ${AVAILABLE_SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      AVAILABLE_SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * Sets the \"weight\" for the text\n   * Accepted values: see AVAILABLE_WEIGHTS_PER_SIZE\n   *\n   * @type {string}\n   *\n   * @param variant\n   */\n  get weight() {\n    const { weight = DEFAULT_WEIGHT } = this.args;\n\n    const availableWeights = AVAILABLE_WEIGHTS_PER_SIZE[this.size];\n\n    assert(\n      `@weight for \"Hds::Text::Body\" with @size=${\n        this.size\n      } must be one of the following: ${availableWeights.join(\n        ', '\n      )}; received: ${weight}`,\n      availableWeights.includes(weight)\n    );\n\n    return weight;\n  }\n}\n"],"names":["AVAILABLE_SIZES","HdsTextSizeValues","ThreeHundred","TwoHundred","OneHundred","DEFAULT_SIZE","DEFAULT_WEIGHT","HdsTextWeightValues","Regular","AVAILABLE_WEIGHTS_PER_SIZE","Medium","Semibold","HdsTextBodyComponent","Component","size","args","parseInt","assert","join","includes","weight","availableWeights","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,mQAAmQ;;ACDrS;AACA;AACA;AACA;;AAwBaA,MAAAA,eAAe,GAAG,CAC7BC,iBAAiB,CAACC,YAAY,EAC9BD,iBAAiB,CAACE,UAAU,EAC5BF,iBAAiB,CAACG,UAAU,EAC7B;AACYC,MAAAA,YAAY,GAAGJ,iBAAiB,CAACE,WAAU;AAE3CG,MAAAA,cAAc,GAAGC,mBAAmB,CAACC,QAAO;AAKlD,MAAMC,0BAGZ,GAAG;AACF,EAAA,GAAG,EAAE,CACHF,mBAAmB,CAACC,OAAO,EAC3BD,mBAAmB,CAACG,MAAM,EAC1BH,mBAAmB,CAACI,QAAQ,CAC7B;AACD,EAAA,GAAG,EAAE,CACHJ,mBAAmB,CAACC,OAAO,EAC3BD,mBAAmB,CAACG,MAAM,EAC1BH,mBAAmB,CAACI,QAAQ,CAC7B;AACD,EAAA,GAAG,EAAE,CACHJ,mBAAmB,CAACC,OAAO,EAC3BD,mBAAmB,CAACG,MAAM,EAC1BH,mBAAmB,CAACI,QAAQ,CAAA;AAEhC,EAAC;AAoBc,MAAMC,oBAAoB,SAASC,SAAS,CAAuB;AAChF;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;IACT,IAAI;AAAEA,MAAAA,IAAI,GAAGT,YAAAA;KAAc,GAAG,IAAI,CAACU,IAAI,CAAA;;AAEvC;AACA,IAAA,IAAI,OAAOD,IAAI,KAAK,QAAQ,EAAE;AAC5BA,MAAAA,IAAI,GAAGE,QAAQ,CAACF,IAAI,EAAE,EAAE,CAAC,CAAA;AAC3B,KAAA;AAEAG,IAAAA,MAAM,CACH,CAA4DjB,0DAAAA,EAAAA,eAAe,CAACkB,IAAI,CAC/E,IACF,CAAE,CAAA,YAAA,EAAcJ,IAAK,CAAA,CAAC,EACtBd,eAAe,CAACmB,QAAQ,CAACL,IAAI,CAC/B,CAAC,CAAA;AAED,IAAA,OAAOA,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIM,MAAMA,GAAG;IACX,MAAM;AAAEA,MAAAA,MAAM,GAAGd,cAAAA;KAAgB,GAAG,IAAI,CAACS,IAAI,CAAA;AAE7C,IAAA,MAAMM,gBAAgB,GAAGZ,0BAA0B,CAAC,IAAI,CAACK,IAAI,CAAC,CAAA;IAE9DG,MAAM,CACH,4CACC,IAAI,CAACH,IACN,CAAiCO,+BAAAA,EAAAA,gBAAgB,CAACH,IAAI,CACrD,IACF,CAAE,CAAcE,YAAAA,EAAAA,MAAO,EAAC,EACxBC,gBAAgB,CAACF,QAAQ,CAACC,MAAM,CAClC,CAAC,CAAA;AAED,IAAA,OAAOA,MAAM,CAAA;AACf,GAAA;AACF,CAAA;AAACE,oBAAA,CAAAC,QAAA,EAnDoBX,oBAAoB,CAAA;;;;"}

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

@@ -1,5 +1,6 @@
 import Component from '@glimmer/component';
 import { assert } from '@ember/debug';
+import { HdsTextSizeValues, HdsTextWeightValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
@@ -10,13 +11,13 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const DEFAULT_SIZE = '200';
-const AVAILABLE_SIZES = [300, 200, 100];
-const DEFAULT_WEIGHT = 'regular';
+const AVAILABLE_SIZES = [HdsTextSizeValues.ThreeHundred, HdsTextSizeValues.TwoHundred, HdsTextSizeValues.OneHundred];
+const DEFAULT_SIZE = HdsTextSizeValues.TwoHundred;
+const DEFAULT_WEIGHT = HdsTextWeightValues.Regular;
 const AVAILABLE_WEIGHTS_PER_SIZE = {
-  300: ['regular', 'bold'],
-  200: ['regular', 'bold'],
-  100: ['regular', 'bold']
+  [HdsTextSizeValues.ThreeHundred]: [HdsTextWeightValues.Regular, HdsTextWeightValues.Bold],
+  [HdsTextSizeValues.TwoHundred]: [HdsTextWeightValues.Regular, HdsTextWeightValues.Bold],
+  [HdsTextSizeValues.OneHundred]: [HdsTextWeightValues.Regular, HdsTextWeightValues.Bold]
 };
 class HdsTextCodeComponent extends Component {
   /**
@@ -49,7 +50,7 @@ class HdsTextCodeComponent extends Component {
    * @param variant
    */
   get weight() {
-    let {
+    const {
       weight = DEFAULT_WEIGHT
     } = this.args;
     const availableWeights = AVAILABLE_WEIGHTS_PER_SIZE[this.size];

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

@@ -1 +1 @@
-{"version":3,"file":"code.js","sources":["../../../../src/components/hds/text/code.hbs","../../../../src/components/hds/text/code.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text\\n  @group=\\\"code\\\"\\n  @size={{this.size}}\\n  @weight={{this.weight}}\\n  @align={{@align}}\\n  @color={{@color}}\\n  @tag={{@tag}}\\n  ...attributes\\n>{{yield}}</Hds::Text>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\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 = '200';\nexport const AVAILABLE_SIZES = [300, 200, 100];\n\nexport const DEFAULT_WEIGHT = 'regular';\nexport const AVAILABLE_WEIGHTS_PER_SIZE = {\n  300: ['regular', 'bold'],\n  200: ['regular', 'bold'],\n  100: ['regular', 'bold'],\n};\n\nexport default class HdsTextCodeComponent extends Component {\n  /**\n   * Sets the \"size\" for the text\n   * Accepted values: see AVAILABLE_SIZES\n   *\n   * @type {string}\n   *\n   * @param size\n   */\n  get size() {\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: ${AVAILABLE_SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      AVAILABLE_SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * Sets the \"weight\" for the text\n   * Accepted values: see AVAILABLE_WEIGHTS_PER_SIZE\n   *\n   * @type {string}\n   *\n   * @param variant\n   */\n  get weight() {\n    let { weight = DEFAULT_WEIGHT } = this.args;\n\n    const availableWeights = AVAILABLE_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: ${availableWeights.join(\n        ', '\n      )}; received: ${weight}`,\n      availableWeights.includes(weight)\n    );\n\n    return weight;\n  }\n}\n"],"names":["DEFAULT_SIZE","AVAILABLE_SIZES","DEFAULT_WEIGHT","AVAILABLE_WEIGHTS_PER_SIZE","HdsTextCodeComponent","Component","size","args","parseInt","assert","join","includes","weight","availableWeights","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,mQAAmQ;;ACDrS;AACA;AACA;AACA;;AAQO,MAAMA,YAAY,GAAG,MAAK;AAC1B,MAAMC,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC;AAEvC,MAAMC,cAAc,GAAG,UAAS;AAChC,MAAMC,0BAA0B,GAAG;AACxC,EAAA,GAAG,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;AACxB,EAAA,GAAG,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;AACxB,EAAA,GAAG,EAAE,CAAC,SAAS,EAAE,MAAM,CAAA;AACzB,EAAC;AAEc,MAAMC,oBAAoB,SAASC,SAAS,CAAC;AAC1D;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;IACT,IAAI;AAAEA,MAAAA,IAAI,GAAGN,YAAAA;KAAc,GAAG,IAAI,CAACO,IAAI,CAAA;;AAEvC;AACA,IAAA,IAAI,OAAOD,IAAI,KAAK,QAAQ,EAAE;AAC5BA,MAAAA,IAAI,GAAGE,QAAQ,CAACF,IAAI,EAAE,EAAE,CAAC,CAAA;AAC3B,KAAA;AAEAG,IAAAA,MAAM,CACH,CAA4DR,0DAAAA,EAAAA,eAAe,CAACS,IAAI,CAC/E,IACF,CAAE,CAAA,YAAA,EAAcJ,IAAK,CAAA,CAAC,EACtBL,eAAe,CAACU,QAAQ,CAACL,IAAI,CAC/B,CAAC,CAAA;AAED,IAAA,OAAOA,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIM,MAAMA,GAAG;IACX,IAAI;AAAEA,MAAAA,MAAM,GAAGV,cAAAA;KAAgB,GAAG,IAAI,CAACK,IAAI,CAAA;AAE3C,IAAA,MAAMM,gBAAgB,GAAGV,0BAA0B,CAAC,IAAI,CAACG,IAAI,CAAC,CAAA;IAE9DG,MAAM,CACH,4CACC,IAAI,CAACH,IACN,CAAiCO,+BAAAA,EAAAA,gBAAgB,CAACH,IAAI,CACrD,IACF,CAAE,CAAcE,YAAAA,EAAAA,MAAO,EAAC,EACxBC,gBAAgB,CAACF,QAAQ,CAACC,MAAM,CAClC,CAAC,CAAA;AAED,IAAA,OAAOA,MAAM,CAAA;AACf,GAAA;AACF,CAAA;AAACE,oBAAA,CAAAC,QAAA,EAnDoBX,oBAAoB,CAAA;;;;"}
+{"version":3,"file":"code.js","sources":["../../../../src/components/hds/text/code.hbs","../../../../src/components/hds/text/code.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text\\n  @group=\\\"code\\\"\\n  @size={{this.size}}\\n  @weight={{this.weight}}\\n  @align={{@align}}\\n  @color={{@color}}\\n  @tag={{@tag}}\\n  ...attributes\\n>{{yield}}</Hds::Text>\")","/**\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 { 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 AVAILABLE_SIZES = [\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 AVAILABLE_WEIGHTS_PER_SIZE: Record<\n  HdsTextCodeSizes,\n  HdsTextCodeWeight[]\n> = {\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    color?: string | HdsTextColors;\n    tag?: HdsTextTags;\n    align?: HdsTextAligns;\n    weight?: HdsTextCodeWeight;\n  };\n  Element:\n    | HTMLSpanElement\n    | HTMLHeadingElement\n    | HTMLParagraphElement\n    | HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class HdsTextCodeComponent extends Component<HdsTextCodeSignature> {\n  /**\n   * Sets the \"size\" for the text\n   * Accepted values: see AVAILABLE_SIZES\n   *\n   * @type {string}\n   *\n   * @param size\n   */\n  get size() {\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: ${AVAILABLE_SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      AVAILABLE_SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * Sets the \"weight\" for the text\n   * Accepted values: see AVAILABLE_WEIGHTS_PER_SIZE\n   *\n   * @type {string}\n   *\n   * @param variant\n   */\n  get weight() {\n    const { weight = DEFAULT_WEIGHT } = this.args;\n\n    const availableWeights = AVAILABLE_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: ${availableWeights.join(\n        ', '\n      )}; received: ${weight}`,\n      availableWeights.includes(weight)\n    );\n\n    return weight;\n  }\n}\n"],"names":["AVAILABLE_SIZES","HdsTextSizeValues","ThreeHundred","TwoHundred","OneHundred","DEFAULT_SIZE","DEFAULT_WEIGHT","HdsTextWeightValues","Regular","AVAILABLE_WEIGHTS_PER_SIZE","Bold","HdsTextCodeComponent","Component","size","args","parseInt","assert","join","includes","weight","availableWeights","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,mQAAmQ;;ACDrS;AACA;AACA;AACA;;AAwBaA,MAAAA,eAAe,GAAG,CAC7BC,iBAAiB,CAACC,YAAY,EAC9BD,iBAAiB,CAACE,UAAU,EAC5BF,iBAAiB,CAACG,UAAU,EAC7B;AACYC,MAAAA,YAAY,GAAGJ,iBAAiB,CAACE,WAAU;AAE3CG,MAAAA,cAAc,GAAGC,mBAAmB,CAACC,QAAO;AAElD,MAAMC,0BAGZ,GAAG;AACF,EAAA,CAACR,iBAAiB,CAACC,YAAY,GAAG,CAChCK,mBAAmB,CAACC,OAAO,EAC3BD,mBAAmB,CAACG,IAAI,CACzB;AACD,EAAA,CAACT,iBAAiB,CAACE,UAAU,GAAG,CAC9BI,mBAAmB,CAACC,OAAO,EAC3BD,mBAAmB,CAACG,IAAI,CACzB;EACD,CAACT,iBAAiB,CAACG,UAAU,GAAG,CAC9BG,mBAAmB,CAACC,OAAO,EAC3BD,mBAAmB,CAACG,IAAI,CAAA;AAE5B,EAAC;AAoBc,MAAMC,oBAAoB,SAASC,SAAS,CAAuB;AAChF;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;IACT,IAAI;AAAEA,MAAAA,IAAI,GAAGR,YAAAA;KAAc,GAAG,IAAI,CAACS,IAAI,CAAA;;AAEvC;AACA,IAAA,IAAI,OAAOD,IAAI,KAAK,QAAQ,EAAE;AAC5BA,MAAAA,IAAI,GAAGE,QAAQ,CAACF,IAAI,EAAE,EAAE,CAAC,CAAA;AAC3B,KAAA;AAEAG,IAAAA,MAAM,CACH,CAA4DhB,0DAAAA,EAAAA,eAAe,CAACiB,IAAI,CAC/E,IACF,CAAE,CAAA,YAAA,EAAcJ,IAAK,CAAA,CAAC,EACtBb,eAAe,CAACkB,QAAQ,CAACL,IAAI,CAC/B,CAAC,CAAA;AAED,IAAA,OAAOA,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIM,MAAMA,GAAG;IACX,MAAM;AAAEA,MAAAA,MAAM,GAAGb,cAAAA;KAAgB,GAAG,IAAI,CAACQ,IAAI,CAAA;AAE7C,IAAA,MAAMM,gBAAgB,GAAGX,0BAA0B,CAAC,IAAI,CAACI,IAAI,CAAC,CAAA;IAE9DG,MAAM,CACH,4CACC,IAAI,CAACH,IACN,CAAiCO,+BAAAA,EAAAA,gBAAgB,CAACH,IAAI,CACrD,IACF,CAAE,CAAcE,YAAAA,EAAAA,MAAO,EAAC,EACxBC,gBAAgB,CAACF,QAAQ,CAACC,MAAM,CAClC,CAAC,CAAA;AAED,IAAA,OAAOA,MAAM,CAAA;AACf,GAAA;AACF,CAAA;AAACE,oBAAA,CAAAC,QAAA,EAnDoBX,oBAAoB,CAAA;;;;"}

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

@@ -1,5 +1,6 @@
 import Component from '@glimmer/component';
 import { assert } from '@ember/debug';
+import { HdsTextSizeValues, HdsTextWeightValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
@@ -10,21 +11,27 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const DEFAULT_SIZE = '200';
-const AVAILABLE_SIZES = [500, 400, 300, 200, 100];
+// notice: only some combinations of size + font-weight are allowed (per design specs)
+// see: https://www.figma.com/file/oQsMzMMnynfPWpMEt91OpH/HDS-Product---Foundations?node-id=1262%3A9192
+
+const DEFAULT_SIZE = HdsTextSizeValues.TwoHundred;
+
+// Filter out reverse mappings from enum
+// https://www.typescriptlang.org/docs/handbook/enums.html#reverse-mappings
+const AVAILABLE_SIZES = Object.values(HdsTextSizeValues).filter(v => typeof v === 'number');
 const DEFAULT_WEIGHTS_PER_SIZE = {
-  500: ['bold'],
-  400: ['semibold'],
-  300: ['semibold'],
-  200: ['semibold'],
-  100: ['medium']
+  [HdsTextSizeValues.FiveHundred]: HdsTextWeightValues.Bold,
+  [HdsTextSizeValues.FourHundred]: HdsTextWeightValues.Semibold,
+  [HdsTextSizeValues.ThreeHundred]: HdsTextWeightValues.Semibold,
+  [HdsTextSizeValues.TwoHundred]: HdsTextWeightValues.Semibold,
+  [HdsTextSizeValues.OneHundred]: HdsTextWeightValues.Medium
 };
 const AVAILABLE_WEIGHTS_PER_SIZE = {
-  500: ['bold'],
-  400: ['medium', 'semibold', 'bold'],
-  300: ['medium', 'semibold', 'bold'],
-  200: ['semibold'],
-  100: ['medium']
+  [HdsTextSizeValues.FiveHundred]: [HdsTextWeightValues.Bold],
+  [HdsTextSizeValues.FourHundred]: [HdsTextWeightValues.Medium, HdsTextWeightValues.Semibold, HdsTextWeightValues.Bold],
+  [HdsTextSizeValues.ThreeHundred]: [HdsTextWeightValues.Medium, HdsTextWeightValues.Semibold, HdsTextWeightValues.Bold],
+  [HdsTextSizeValues.TwoHundred]: [HdsTextWeightValues.Semibold],
+  [HdsTextSizeValues.OneHundred]: [HdsTextWeightValues.Medium]
 };
 class HdsTextDisplayComponent extends Component {
   /**

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

@@ -1 +1 @@
-{"version":3,"file":"display.js","sources":["../../../../src/components/hds/text/display.hbs","../../../../src/components/hds/text/display.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text\\n  @group=\\\"display\\\"\\n  @size={{this.size}}\\n  @weight={{this.weight}}\\n  @align={{@align}}\\n  @color={{@color}}\\n  @tag={{@tag}}\\n  ...attributes\\n>{{yield}}</Hds::Text>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\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 = '200';\nexport const AVAILABLE_SIZES = [500, 400, 300, 200, 100];\n\nexport const DEFAULT_WEIGHTS_PER_SIZE = {\n  500: ['bold'],\n  400: ['semibold'],\n  300: ['semibold'],\n  200: ['semibold'],\n  100: ['medium'],\n};\nexport const AVAILABLE_WEIGHTS_PER_SIZE = {\n  500: ['bold'],\n  400: ['medium', 'semibold', 'bold'],\n  300: ['medium', 'semibold', 'bold'],\n  200: ['semibold'],\n  100: ['medium'],\n};\n\nexport default class HdsTextDisplayComponent extends Component {\n  /**\n   * Sets the \"size\" for the text\n   * Accepted values: see AVAILABLE_SIZES\n   *\n   * @type {string}\n   *\n   * @param size\n   */\n  get size() {\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: ${AVAILABLE_SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      AVAILABLE_SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * Sets the \"weight\" for the text\n   * Accepted values: see AVAILABLE_WEIGHTS_PER_SIZE\n   *\n   * @type {string}\n   *\n   * @param variant\n   */\n  get weight() {\n    let { weight } = this.args;\n\n    if (weight) {\n      const availableWeights = AVAILABLE_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: ${availableWeights.join(\n          ', '\n        )}; received: ${weight}`,\n        availableWeights.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"],"names":["DEFAULT_SIZE","AVAILABLE_SIZES","DEFAULT_WEIGHTS_PER_SIZE","AVAILABLE_WEIGHTS_PER_SIZE","HdsTextDisplayComponent","Component","size","args","parseInt","assert","join","includes","weight","availableWeights","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,sQAAsQ;;ACDxS;AACA;AACA;AACA;;AAQO,MAAMA,YAAY,GAAG,MAAK;AACpBC,MAAAA,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC;AAEjD,MAAMC,wBAAwB,GAAG;EACtC,GAAG,EAAE,CAAC,MAAM,CAAC;EACb,GAAG,EAAE,CAAC,UAAU,CAAC;EACjB,GAAG,EAAE,CAAC,UAAU,CAAC;EACjB,GAAG,EAAE,CAAC,UAAU,CAAC;EACjB,GAAG,EAAE,CAAC,QAAQ,CAAA;AAChB,EAAC;AACM,MAAMC,0BAA0B,GAAG;EACxC,GAAG,EAAE,CAAC,MAAM,CAAC;AACb,EAAA,GAAG,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC;AACnC,EAAA,GAAG,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC;EACnC,GAAG,EAAE,CAAC,UAAU,CAAC;EACjB,GAAG,EAAE,CAAC,QAAQ,CAAA;AAChB,EAAC;AAEc,MAAMC,uBAAuB,SAASC,SAAS,CAAC;AAC7D;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;IACT,IAAI;AAAEA,MAAAA,IAAI,GAAGN,YAAAA;KAAc,GAAG,IAAI,CAACO,IAAI,CAAA;;AAEvC;AACA,IAAA,IAAI,OAAOD,IAAI,KAAK,QAAQ,EAAE;AAC5BA,MAAAA,IAAI,GAAGE,QAAQ,CAACF,IAAI,EAAE,EAAE,CAAC,CAAA;AAC3B,KAAA;AAEAG,IAAAA,MAAM,CACH,CAA+DR,6DAAAA,EAAAA,eAAe,CAACS,IAAI,CAClF,IACF,CAAE,CAAA,YAAA,EAAcJ,IAAK,CAAA,CAAC,EACtBL,eAAe,CAACU,QAAQ,CAACL,IAAI,CAC/B,CAAC,CAAA;AAED,IAAA,OAAOA,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIM,MAAMA,GAAG;IACX,IAAI;AAAEA,MAAAA,MAAAA;KAAQ,GAAG,IAAI,CAACL,IAAI,CAAA;AAE1B,IAAA,IAAIK,MAAM,EAAE;AACV,MAAA,MAAMC,gBAAgB,GAAGV,0BAA0B,CAAC,IAAI,CAACG,IAAI,CAAC,CAAA;MAC9DG,MAAM,CACH,+CACC,IAAI,CAACH,IACN,CAAiCO,+BAAAA,EAAAA,gBAAgB,CAACH,IAAI,CACrD,IACF,CAAE,CAAcE,YAAAA,EAAAA,MAAO,EAAC,EACxBC,gBAAgB,CAACF,QAAQ,CAACC,MAAM,CAClC,CAAC,CAAA;AACH,KAAC,MAAM;AACL;AACAA,MAAAA,MAAM,GAAGV,wBAAwB,CAAC,IAAI,CAACI,IAAI,CAAC,CAAA;AAC9C,KAAA;AAEA,IAAA,OAAOM,MAAM,CAAA;AACf,GAAA;AACF,CAAA;AAACE,oBAAA,CAAAC,QAAA,EAvDoBX,uBAAuB,CAAA;;;;"}
+{"version":3,"file":"display.js","sources":["../../../../src/components/hds/text/display.hbs","../../../../src/components/hds/text/display.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text\\n  @group=\\\"display\\\"\\n  @size={{this.size}}\\n  @weight={{this.weight}}\\n  @align={{@align}}\\n  @color={{@color}}\\n  @tag={{@tag}}\\n  ...attributes\\n>{{yield}}</Hds::Text>\")","/**\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 { 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 AVAILABLE_SIZES = Object.values(HdsTextSizeValues).filter(\n  (v) => typeof v === 'number'\n);\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 AVAILABLE_WEIGHTS_PER_SIZE: Record<\n  HdsTextSizes,\n  HdsTextDisplayWeight[]\n> = {\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    color?: string | HdsTextColors;\n    tag?: HdsTextTags;\n    align?: HdsTextAligns;\n    weight?: HdsTextDisplayWeight;\n  };\n  Element:\n    | HTMLSpanElement\n    | HTMLHeadingElement\n    | HTMLParagraphElement\n    | HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class HdsTextDisplayComponent extends Component<HdsTextDisplaySignature> {\n  /**\n   * Sets the \"size\" for the text\n   * Accepted values: see AVAILABLE_SIZES\n   *\n   * @type {string}\n   *\n   * @param size\n   */\n  get size() {\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: ${AVAILABLE_SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      AVAILABLE_SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * Sets the \"weight\" for the text\n   * Accepted values: see AVAILABLE_WEIGHTS_PER_SIZE\n   *\n   * @type {string}\n   *\n   * @param variant\n   */\n  get weight() {\n    let { weight } = this.args;\n\n    if (weight) {\n      const availableWeights = AVAILABLE_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: ${availableWeights.join(\n          ', '\n        )}; received: ${weight}`,\n        availableWeights.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"],"names":["DEFAULT_SIZE","HdsTextSizeValues","TwoHundred","AVAILABLE_SIZES","Object","values","filter","v","DEFAULT_WEIGHTS_PER_SIZE","FiveHundred","HdsTextWeightValues","Bold","FourHundred","Semibold","ThreeHundred","OneHundred","Medium","AVAILABLE_WEIGHTS_PER_SIZE","HdsTextDisplayComponent","Component","size","args","parseInt","assert","join","includes","weight","availableWeights","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 import Component from '@glimmer/component';
 import { assert } from '@ember/debug';
+import { HdsTextColorValues, HdsTextAlignValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
@@ -10,8 +11,11 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const AVAILABLE_ALIGNS = ['left', 'center', 'right'];
-const AVAILABLE_COLORS = ['primary', 'strong', 'faint', 'disabled', 'high-contrast', 'action', 'action-hover', 'action-active', 'highlight', 'highlight-on-surface', 'highlight-high-contrast', 'success', 'success-on-surface', 'success-high-contrast', 'warning', 'warning-on-surface', 'warning-high-contrast', 'critical', 'critical-on-surface', 'critical-high-contrast'];
+const AVAILABLE_COLORS = Object.values(HdsTextColorValues);
+const AVAILABLE_ALIGNS = Object.values(HdsTextAlignValues);
+
+// A union of all types in the HTMLElementTagNameMap interface
+
 class HdsTextIndexComponent extends Component {
   /**
    * Get a tag to render based on the `@tag` argument passed or the value of `this.size` (via mapping)
@@ -20,7 +24,7 @@ class HdsTextIndexComponent extends Component {
    * @return {string} The html tag to use in the dynamic render of the component
    */
   get componentTag() {
-    let {
+    const {
       tag = 'span'
     } = this.args;
     return tag;
@@ -35,7 +39,7 @@ class HdsTextIndexComponent extends Component {
    * @param variant
    */
   get variant() {
-    let {
+    const {
       group,
       size
     } = this.args;
@@ -53,7 +57,7 @@ class HdsTextIndexComponent extends Component {
    * @type {string}
    */
   get align() {
-    let {
+    const {
       align
     } = this.args;
     if (align) {
@@ -70,10 +74,10 @@ class HdsTextIndexComponent extends Component {
    * @type {string}
    */
   get predefinedColor() {
-    let {
+    const {
       color
     } = this.args;
-    if (AVAILABLE_COLORS.includes(color)) {
+    if (color && AVAILABLE_COLORS.includes(color)) {
       return color;
     } else {
       return undefined;
@@ -87,10 +91,10 @@ class HdsTextIndexComponent extends Component {
    * @type {string}
    */
   get customColor() {
-    let {
+    const {
       color
     } = this.args;
-    if (!AVAILABLE_COLORS.includes(color)) {
+    if (color && !AVAILABLE_COLORS.includes(color)) {
       return color;
     } else {
       return undefined;
@@ -103,7 +107,7 @@ class HdsTextIndexComponent extends Component {
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = ['hds-text'];
+    const classes = ['hds-text'];
 
     // add a (helper) class based on the "group + size" variant
     classes.push(`hds-typography-${this.variant}`);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/text/index.hbs","../../../../src/components/hds/text/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! IMPORTANT: we removed any extra newlines before/after the `let` 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 * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nexport const AVAILABLE_ALIGNS = ['left', 'center', 'right'];\n\nexport const AVAILABLE_COLORS = [\n  'primary',\n  'strong',\n  'faint',\n  'disabled',\n  'high-contrast',\n  'action',\n  'action-hover',\n  'action-active',\n  'highlight',\n  'highlight-on-surface',\n  'highlight-high-contrast',\n  'success',\n  'success-on-surface',\n  'success-high-contrast',\n  'warning',\n  'warning-on-surface',\n  'warning-high-contrast',\n  'critical',\n  'critical-on-surface',\n  'critical-high-contrast',\n];\n\nexport default class HdsTextIndexComponent extends Component {\n  /**\n   * Get a tag to render based on the `@tag` argument passed or the value of `this.size` (via mapping)\n   *\n   * @method #componentTag\n   * @return {string} The html tag to use in the dynamic render of the component\n   */\n  get componentTag() {\n    let { tag = 'span' } = this.args;\n\n    return tag;\n  }\n\n  /**\n   * Sets the \"variant\" (style) for the text\n   * Accepted values: see AVAILABLE_VARIANTS\n   *\n   * @type {string}\n   *\n   * @param variant\n   */\n  get variant() {\n    let { 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  /**\n   * Sets the alignment of the text\n   * Accepted values: see AVAILABLE_ALIGNS\n   *\n   * @param align\n   * @type {string}\n   */\n  get align() {\n    let { align } = this.args;\n\n    if (align) {\n      assert(\n        `@align for \"Hds::Text\" must be one of the following: ${AVAILABLE_ALIGNS.join(\n          ', '\n        )}; received: ${align}`,\n        AVAILABLE_ALIGNS.includes(align)\n      );\n    }\n\n    return align;\n  }\n\n  /**\n   * Sets the color of the text as pre-defined value\n   * Accepted values: see AVAILABLE_COLORS\n   *\n   * @param color\n   * @type {string}\n   */\n  get predefinedColor() {\n    let { color } = this.args;\n\n    if (AVAILABLE_COLORS.includes(color)) {\n      return color;\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * Sets the color of the text as custom value (via inline style)\n   *\n   * @param color\n   * @type {string}\n   */\n  get customColor() {\n    let { color } = this.args;\n\n    if (!AVAILABLE_COLORS.includes(color)) {\n      return color;\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method #classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-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"],"names":["AVAILABLE_ALIGNS","AVAILABLE_COLORS","HdsTextIndexComponent","Component","componentTag","tag","args","variant","group","size","align","assert","join","includes","predefinedColor","color","undefined","customColor","classNames","classes","push","weight","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/text/index.hbs","../../../../src/components/hds/text/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! IMPORTANT: we removed any extra newlines before/after the `let` 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 * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\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 AVAILABLE_COLORS: string[] = Object.values(HdsTextColorValues);\nexport const AVAILABLE_ALIGNS: string[] = Object.values(HdsTextAlignValues);\n\n// A union of all types in the HTMLElementTagNameMap interface\ntype AvailableElements = HTMLElementTagNameMap[keyof HTMLElementTagNameMap];\n\nexport interface HdsTextIndexSignature {\n  Args: {\n    size: HdsTextSizes;\n    group: HdsTextGroups;\n    color?: string | HdsTextColors;\n    tag?: HdsTextTags;\n    align?: HdsTextAligns;\n    weight?: HdsTextWeights;\n  };\n  Element: AvailableElements;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class HdsTextIndexComponent extends Component<HdsTextIndexSignature> {\n  /**\n   * Get a tag to render based on the `@tag` argument passed or the value of `this.size` (via mapping)\n   *\n   * @method #componentTag\n   * @return {string} The html tag to use in the dynamic render of the component\n   */\n  get componentTag(): HdsTextTags {\n    const { tag = 'span' } = this.args;\n\n    return tag;\n  }\n\n  /**\n   * Sets the \"variant\" (style) for the text\n   * Accepted values: see AVAILABLE_VARIANTS\n   *\n   * @type {string}\n   *\n   * @param variant\n   */\n  get variant() {\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  /**\n   * Sets the alignment of the text\n   * Accepted values: see AVAILABLE_ALIGNS\n   *\n   * @param align\n   * @type {string}\n   */\n  get align() {\n    const { align } = this.args;\n\n    if (align) {\n      assert(\n        `@align for \"Hds::Text\" must be one of the following: ${AVAILABLE_ALIGNS.join(\n          ', '\n        )}; received: ${align}`,\n        AVAILABLE_ALIGNS.includes(align)\n      );\n    }\n\n    return align;\n  }\n\n  /**\n   * Sets the color of the text as pre-defined value\n   * Accepted values: see AVAILABLE_COLORS\n   *\n   * @param color\n   * @type {string}\n   */\n  get predefinedColor() {\n    const { color } = this.args;\n\n    if (color && AVAILABLE_COLORS.includes(color)) {\n      return color;\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * Sets the color of the text as custom value (via inline style)\n   *\n   * @param color\n   * @type {string}\n   */\n  get customColor() {\n    const { color } = this.args;\n\n    if (color && !AVAILABLE_COLORS.includes(color)) {\n      return color;\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method #classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    const classes = ['hds-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"],"names":["AVAILABLE_COLORS","Object","values","HdsTextColorValues","AVAILABLE_ALIGNS","HdsTextAlignValues","HdsTextIndexComponent","Component","componentTag","tag","args","variant","group","size","align","assert","join","includes","predefinedColor","color","undefined","customColor","classNames","classes","push","weight","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+let HdsTextColorValues = /*#__PURE__*/function (HdsTextColorValues) {
+  HdsTextColorValues["Primary"] = "primary";
+  HdsTextColorValues["Strong"] = "strong";
+  HdsTextColorValues["Faint"] = "faint";
+  HdsTextColorValues["Disabled"] = "disabled";
+  HdsTextColorValues["HighContrast"] = "high-contrast";
+  HdsTextColorValues["Action"] = "action";
+  HdsTextColorValues["ActionHover"] = "action-hover";
+  HdsTextColorValues["ActionActive"] = "action-active";
+  HdsTextColorValues["Highlight"] = "highlight";
+  HdsTextColorValues["HighlightOnSurface"] = "highlight-on-surface";
+  HdsTextColorValues["HighlightHighContrast"] = "highlight-high-contrast";
+  HdsTextColorValues["Success"] = "success";
+  HdsTextColorValues["SuccessOnSurface"] = "success-on-surface";
+  HdsTextColorValues["SuccessHighContrast"] = "success-high-contrast";
+  HdsTextColorValues["Warning"] = "warning";
+  HdsTextColorValues["WarningOnSurface"] = "warning-on-surface";
+  HdsTextColorValues["WarningHighContrast"] = "warning-high-contrast";
+  HdsTextColorValues["Critical"] = "critical";
+  HdsTextColorValues["CriticalOnSurface"] = "critical-on-surface";
+  HdsTextColorValues["CriticalHighContrast"] = "critical-high-contrast";
+  return HdsTextColorValues;
+}({});
+let HdsTextAlignValues = /*#__PURE__*/function (HdsTextAlignValues) {
+  HdsTextAlignValues["Left"] = "left";
+  HdsTextAlignValues["Center"] = "center";
+  HdsTextAlignValues["Right"] = "right";
+  return HdsTextAlignValues;
+}({});
+let HdsTextWeightValues = /*#__PURE__*/function (HdsTextWeightValues) {
+  HdsTextWeightValues["Regular"] = "regular";
+  HdsTextWeightValues["Medium"] = "medium";
+  HdsTextWeightValues["Semibold"] = "semibold";
+  HdsTextWeightValues["Bold"] = "bold";
+  return HdsTextWeightValues;
+}({});
+let HdsTextSizeValues = /*#__PURE__*/function (HdsTextSizeValues) {
+  HdsTextSizeValues[HdsTextSizeValues["FiveHundred"] = 500] = "FiveHundred";
+  HdsTextSizeValues[HdsTextSizeValues["FourHundred"] = 400] = "FourHundred";
+  HdsTextSizeValues[HdsTextSizeValues["ThreeHundred"] = 300] = "ThreeHundred";
+  HdsTextSizeValues[HdsTextSizeValues["TwoHundred"] = 200] = "TwoHundred";
+  HdsTextSizeValues[HdsTextSizeValues["OneHundred"] = 100] = "OneHundred";
+  return HdsTextSizeValues;
+}({});
+let HdsTextGroupValues = /*#__PURE__*/function (HdsTextGroupValues) {
+  HdsTextGroupValues["Code"] = "code";
+  HdsTextGroupValues["Display"] = "display";
+  HdsTextGroupValues["Body"] = "body";
+  return HdsTextGroupValues;
+}({});
+
+export { HdsTextAlignValues, HdsTextColorValues, HdsTextGroupValues, HdsTextSizeValues, HdsTextWeightValues };
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/text/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport type HdsTextTags = keyof HTMLElementTagNameMap;\n\nexport enum HdsTextColorValues {\n  Primary = 'primary',\n  Strong = 'strong',\n  Faint = 'faint',\n  Disabled = 'disabled',\n  HighContrast = 'high-contrast',\n  Action = 'action',\n  ActionHover = 'action-hover',\n  ActionActive = 'action-active',\n  Highlight = 'highlight',\n  HighlightOnSurface = 'highlight-on-surface',\n  HighlightHighContrast = 'highlight-high-contrast',\n  Success = 'success',\n  SuccessOnSurface = 'success-on-surface',\n  SuccessHighContrast = 'success-high-contrast',\n  Warning = 'warning',\n  WarningOnSurface = 'warning-on-surface',\n  WarningHighContrast = 'warning-high-contrast',\n  Critical = 'critical',\n  CriticalOnSurface = 'critical-on-surface',\n  CriticalHighContrast = 'critical-high-contrast',\n}\nexport type HdsTextColors = `${HdsTextColorValues}`;\n\nexport enum HdsTextAlignValues {\n  Left = 'left',\n  Center = 'center',\n  Right = 'right',\n}\nexport type HdsTextAligns = `${HdsTextAlignValues}`;\n\nexport enum HdsTextWeightValues {\n  Regular = 'regular',\n  Medium = 'medium',\n  Semibold = 'semibold',\n  Bold = 'bold',\n}\nexport type HdsTextWeights = `${HdsTextWeightValues}`;\n\nexport enum HdsTextSizeValues {\n  FiveHundred = 500,\n  FourHundred = 400,\n  ThreeHundred = 300,\n  TwoHundred = 200,\n  OneHundred = 100,\n}\ntype HdsTextSizesString = `${HdsTextSizeValues}`;\ntype HdsTextSizesNumber =\n  `${HdsTextSizeValues}` extends `${infer T extends number}` ? T : never;\nexport type HdsTextSizes = HdsTextSizesString | HdsTextSizesNumber;\n\nexport enum HdsTextGroupValues {\n  Code = 'code',\n  Display = 'display',\n  Body = 'body',\n}\nexport type HdsTextGroups = `${HdsTextGroupValues}`;\n"],"names":["HdsTextColorValues","HdsTextAlignValues","HdsTextWeightValues","HdsTextSizeValues","HdsTextGroupValues"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/yield/index.hbs","../../../../src/components/hds/yield/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! template-lint-disable no-yield-only }}\\n{{yield}}\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8KAA8K;;ACAhN,YAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/yield/index.hbs","../../../../src/components/hds/yield/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! template-lint-disable no-yield-only }}\\n{{yield}}\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport type { HdsYieldSignature } from './types';\n\nexport default class HdsYieldComponent extends Component<HdsYieldSignature> {}\n"],"names":["HdsYieldComponent","Component","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,qIAAqI;;ACDvK;AACA;AACA;AACA;;AAKe,MAAMA,iBAAiB,SAASC,SAAS,CAAoB,EAAA;AAAEC,oBAAA,CAAAC,QAAA,EAAzDH,iBAAiB,CAAA;;;;"}

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

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

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

package/dist/helpers/hds-link-to-models.js.map

@@ -1 +1 @@
-{"version":3,"file":"hds-link-to-models.js","sources":["../../src/helpers/hds-link-to-models.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { helper } from '@ember/component/helper';\nimport { assert } from '@ember/debug';\n\n/*\n * This helper can be used to support both @model and @models arguments when wrapping\n * the `<LinkTo>` component without it triggering assertions or having to use the component helper.\n *\n * The result of this helper should be passed into the `@models` argument of the `<LinkTo>` component:\n *\n * ```hbs\n * <LinkTo @models={{hds-link-to-models @model @models}} />\n * ```\n */\n\nexport function hdsLinkToModels<T>([model, models]: [T | undefined, T[] | undefined]) {\n  assert(\n    'You cannot provide both the `@model` and `@models` arguments to the component.',\n    !model || !models\n  );\n\n  if (model) {\n    return [model];\n  } else if (models) {\n    return models;\n  } else {\n    return [];\n  }\n}\n\nconst hdsLinkToModelsHelper = helper(hdsLinkToModels);\nexport default hdsLinkToModelsHelper;\n"],"names":["hdsLinkToModels","model","models","assert","hdsLinkToModelsHelper","helper"],"mappings":";;;AAAA;AACA;AACA;AACA;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,SAASA,eAAeA,CAAI,CAACC,KAAK,EAAEC,MAAM,CAAmC,EAAE;EACpFC,MAAM,CACJ,gFAAgF,EAChF,CAACF,KAAK,IAAI,CAACC,MACb,CAAC,CAAA;AAED,EAAA,IAAID,KAAK,EAAE;IACT,OAAO,CAACA,KAAK,CAAC,CAAA;GACf,MAAM,IAAIC,MAAM,EAAE;AACjB,IAAA,OAAOA,MAAM,CAAA;AACf,GAAC,MAAM;AACL,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;AACF,CAAA;AAEA,MAAME,qBAAqB,GAAGC,MAAM,CAACL,eAAe;;;;"}
+{"version":3,"file":"hds-link-to-models.js","sources":["../../src/helpers/hds-link-to-models.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { helper } from '@ember/component/helper';\nimport { assert } from '@ember/debug';\n\n/*\n * This helper can be used to support both @model and @models arguments when wrapping\n * the `<LinkTo>` component without it triggering assertions or having to use the component helper.\n *\n * The result of this helper should be passed into the `@models` argument of the `<LinkTo>` component:\n *\n * ```hbs\n * <LinkTo @models={{hds-link-to-models @model @models}} />\n * ```\n */\n\nexport function hdsLinkToModels<T>([model, models]: [\n  T | undefined,\n  T[] | undefined\n]) {\n  assert(\n    'You cannot provide both the `@model` and `@models` arguments to the component.',\n    !model || !models\n  );\n\n  if (model) {\n    return [model];\n  } else if (models) {\n    return models;\n  } else {\n    return [];\n  }\n}\n\nconst hdsLinkToModelsHelper = helper(hdsLinkToModels);\nexport default hdsLinkToModelsHelper;\n"],"names":["hdsLinkToModels","model","models","assert","hdsLinkToModelsHelper","helper"],"mappings":";;;AAAA;AACA;AACA;AACA;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,SAASA,eAAeA,CAAI,CAACC,KAAK,EAAEC,MAAM,CAGhD,EAAE;EACDC,MAAM,CACJ,gFAAgF,EAChF,CAACF,KAAK,IAAI,CAACC,MACb,CAAC,CAAA;AAED,EAAA,IAAID,KAAK,EAAE;IACT,OAAO,CAACA,KAAK,CAAC,CAAA;GACf,MAAM,IAAIC,MAAM,EAAE;AACjB,IAAA,OAAOA,MAAM,CAAA;AACf,GAAC,MAAM;AACL,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;AACF,CAAA;AAEA,MAAME,qBAAqB,GAAGC,MAAM,CAACL,eAAe;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hashicorp/design-system-components",
-  "version": "4.1.2",
+  "version": "4.2.0",
   "description": "Helios Design System Components",
   "keywords": [
     "hashicorp",
@@ -19,7 +19,7 @@
   "author": "HashiCorp Design Systems <design-systems@hashicorp.com>",
   "scripts": {
     "build": "rollup --config",
-    "prepublishOnly": "rollup --config",
+    "prepublishOnly": "yarn workspace @hashicorp/ember-flight-icons build && rollup --config && test -f 'dist/styles/@hashicorp/design-system-components.css' || (echo 'The pre-compiled CSS file was not found' && exit 1)",
     "start": "rollup --config --watch --environment development",
     "lint": "npm-run-all --aggregate-output --continue-on-error --parallel \"lint:!(fix)\"",
     "lint:fix": "npm-run-all --aggregate-output --continue-on-error --parallel lint:*:fix",
@@ -70,6 +70,8 @@
     "@types/ember-resolver": "^9.0.0",
     "@types/qunit": "^2.19.7",
     "@types/rsvp": "^4.0.6",
+    "@typescript-eslint/eslint-plugin": "^6.14.0",
+    "@typescript-eslint/parser": "^6.14.0",
     "ember-template-lint": "^4.18.2",
     "ember-template-lint-plugin-prettier": "^4.2.0",
     "eslint": "^8.52.0",
@@ -83,6 +85,7 @@
     "rollup": "^4.9.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-scss": "^4.0.0",
+    "rollup-plugin-ts": "^3.4.5",
     "stylelint": "^15.11.0",
     "stylelint-config-rational-order": "^0.1.2",
     "stylelint-config-standard-scss": "^11.1.0",
@@ -105,6 +108,7 @@
       "./components/hds/alert/description.js": "./dist/_app_/components/hds/alert/description.js",
       "./components/hds/alert/index.js": "./dist/_app_/components/hds/alert/index.js",
       "./components/hds/alert/title.js": "./dist/_app_/components/hds/alert/title.js",
+      "./components/hds/alert/types.js": "./dist/_app_/components/hds/alert/types.js",
       "./components/hds/app-footer/copyright.js": "./dist/_app_/components/hds/app-footer/copyright.js",
       "./components/hds/app-footer/index.js": "./dist/_app_/components/hds/app-footer/index.js",
       "./components/hds/app-footer/item.js": "./dist/_app_/components/hds/app-footer/item.js",
@@ -129,6 +133,7 @@
       "./components/hds/button-set/index.js": "./dist/_app_/components/hds/button-set/index.js",
       "./components/hds/button/index.js": "./dist/_app_/components/hds/button/index.js",
       "./components/hds/card/container.js": "./dist/_app_/components/hds/card/container.js",
+      "./components/hds/card/types.js": "./dist/_app_/components/hds/card/types.js",
       "./components/hds/code-block/copy-button.js": "./dist/_app_/components/hds/code-block/copy-button.js",
       "./components/hds/code-block/description.js": "./dist/_app_/components/hds/code-block/description.js",
       "./components/hds/code-block/index.js": "./dist/_app_/components/hds/code-block/index.js",
@@ -192,8 +197,10 @@
       "./components/hds/form/visibility-toggle/index.js": "./dist/_app_/components/hds/form/visibility-toggle/index.js",
       "./components/hds/icon-tile/index.js": "./dist/_app_/components/hds/icon-tile/index.js",
       "./components/hds/interactive/index.js": "./dist/_app_/components/hds/interactive/index.js",
+      "./components/hds/interactive/types.js": "./dist/_app_/components/hds/interactive/types.js",
       "./components/hds/link/inline.js": "./dist/_app_/components/hds/link/inline.js",
       "./components/hds/link/standalone.js": "./dist/_app_/components/hds/link/standalone.js",
+      "./components/hds/link/types.js": "./dist/_app_/components/hds/link/types.js",
       "./components/hds/menu-primitive/index.js": "./dist/_app_/components/hds/menu-primitive/index.js",
       "./components/hds/modal/body.js": "./dist/_app_/components/hds/modal/body.js",
       "./components/hds/modal/footer.js": "./dist/_app_/components/hds/modal/footer.js",
@@ -247,9 +254,11 @@
       "./components/hds/text/code.js": "./dist/_app_/components/hds/text/code.js",
       "./components/hds/text/display.js": "./dist/_app_/components/hds/text/display.js",
       "./components/hds/text/index.js": "./dist/_app_/components/hds/text/index.js",
+      "./components/hds/text/types.js": "./dist/_app_/components/hds/text/types.js",
       "./components/hds/toast/index.js": "./dist/_app_/components/hds/toast/index.js",
       "./components/hds/tooltip-button/index.js": "./dist/_app_/components/hds/tooltip-button/index.js",
       "./components/hds/yield/index.js": "./dist/_app_/components/hds/yield/index.js",
+      "./components/hds/yield/types.js": "./dist/_app_/components/hds/yield/types.js",
       "./helpers/hds-link-to-models.js": "./dist/_app_/helpers/hds-link-to-models.js",
       "./helpers/hds-link-to-query.js": "./dist/_app_/helpers/hds-link-to-query.js",
       "./modifiers/hds-clipboard.js": "./dist/_app_/modifiers/hds-clipboard.js",