npm - @tmorrow/cre8-wc - Versions diffs - 2.0.6 → 2.0.8 - Mend

@tmorrow/cre8-wc 2.0.6 → 2.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (326) hide show

package/lib/components/heading/heading.d.ts CHANGED Viewed

@@ -32,7 +32,7 @@ export declare class Cre8Heading extends Cre8Element {
      * <li>**title-default** renders a heading with the heading title-default preset treatment</li>
      * <li>**title-small** renders a heading with the heading title-small preset treatment</li>
      * <li>**label-large** renders a heading with the label-large preset treatment</li>
-     * <li>**label** renders a heading with the label preset treatment</li>
+     * <li>**label-default** renders a heading with the label-default preset treatment</li>
      * <li>**label-small** renders a heading with the label-small preset treatment</li>
      * <li>**meta-large** renders a heading with the meta-large preset treatment</li>
      * <li>**meta-default** renders a heading with the meta-default preset treatment</li>
@@ -47,15 +47,13 @@ export declare class Cre8Heading extends Cre8Element {
      * <cre8-text-passage size="small">
      * <ul>
      * <li>**h1** renders an `h1` tag</li>
-     * <li>**h2** renders an `h2` tag. This is the default</li>
+     * <li>**h2** renders an `h2` tag</li>
      * <li>**h3** renders an `h3` tag</li>
      * <li>**h4** renders an `h4` tag</li>
-     * <li>**h5** renders an `h5` tag</li>
+     * <li>**h5** renders an `h5` tag. This is the default</li>
      * <li>**h6** renders an `h6` tag</li>
      * </ul>
      * </cre8-text-passage>
-     *
-     * @attr{string}
      */
     tagVariant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     /**

package/lib/components/heading/heading.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../components/heading/heading.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG1C;;;;;;;;;;;;;;;;GAgBG;AACP,qBAAa,WAAY,SAAQ,WAAW;IACxC,MAAM,CAAC,MAAM,4BAAY;IAEzB;;;;;;;;;;;;;;;;;;;;;OAqBG;IAEC,IAAI,CAAC,EACH,iBAAiB,GACjB,eAAe,GACf,gBAAgB,GAChB,kBAAkB,GAClB,gBAAgB,GAChB,cAAc,GACd,aAAa,GACb,eAAe,GACf,aAAa,GACb,aAAa,GACb,eAAe,GACf,aAAa,GACb,YAAY,GACZ,cAAc,GACd,YAAY,CAAC;IAEnB~~;;;;;;;;;;;;;;;OAeG~~;IAEC,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAE/D;;;;OAIG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IAEC,UAAU,CAAC,EAAE,OAAO,CAAC;IAEzB,MAAM;CAwDT;AAOD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,WAAW,CAAC;KAC/B;CACJ;AAED,eAAe,WAAW,CAAC"}
1	+ {"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../components/heading/heading.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG1C;;;;;;;;;;;;;;;;GAgBG;AACP,qBAAa,WAAY,SAAQ,WAAW;IACxC,MAAM,CAAC,MAAM,4BAAY;IAEzB;;;;;;;;;;;;;;;;;;;;;OAqBG;IAEC,IAAI,CAAC,EACH,iBAAiB,GACjB,eAAe,GACf,gBAAgB,GAChB,kBAAkB,GAClB,gBAAgB,GAChB,cAAc,GACd,aAAa,GACb,eAAe,GACf,aAAa,GACb,aAAa,GACb,eAAe,GACf,aAAa,GACb,YAAY,GACZ,cAAc,GACd,YAAY,CAAC;IAEnB;;;;;;;;;;;;;OAaG;IAEC,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAE/D;;;;OAIG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IAEC,UAAU,CAAC,EAAE,OAAO,CAAC;IAEzB,MAAM;CAwDT;AAOD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,WAAW,CAAC;KAC/B;CACJ;AAED,eAAe,WAAW,CAAC"}

package/lib/components/heading/heading.js CHANGED Viewed

@@ -34,15 +34,13 @@ export class Cre8Heading extends Cre8Element {
          * <cre8-text-passage size="small">
          * <ul>
          * <li>**h1** renders an `h1` tag</li>
-         * <li>**h2** renders an `h2` tag. This is the default</li>
+         * <li>**h2** renders an `h2` tag</li>
          * <li>**h3** renders an `h3` tag</li>
          * <li>**h4** renders an `h4` tag</li>
-         * <li>**h5** renders an `h5` tag</li>
+         * <li>**h5** renders an `h5` tag. This is the default</li>
          * <li>**h6** renders an `h6` tag</li>
          * </ul>
          * </cre8-text-passage>
-         *
-         * @attr{string}
          */
         this.tagVariant = 'h5';
     }

package/lib/components/heading/heading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../components/heading/heading.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Cre8Element } from '../cre8-element';\nimport styles from './heading.styles.js';\n\n /*\n HTML headings are titles or subtitles that you want to display on a webpage. The H1 is the most important and H6\n * is the least important in the content hierarchy.\n \n # How to Use\n * 1. The cre8-heading tag wraps around one of the six native HTML \"h\" tags, depending on your chosen variation.\n * 2. There are two main use cases for using this component:\n * text passage headings and Components with a title (i.e. modal, card or alert)\n * 3. There will be instances when the design requires the heading text to have the brand color applied\n * in which case you should set the [brandColor](?path=/story/cre8-components-heading--brand-color)\n * attribute to true on the cre8-heading tag.\n * 4. For dark backgrounds, add the [inverted](?path=/story/cre8-components-heading--inverted)\n * attribute to the tag for white text.\n \n \n * @slot - The heading text content\n /\nexport class Cre8Heading extends Cre8Element {\n static styles = [styles];\n\n /\n Heading type\n * <cre8-text-passage size=\"small\">\n * <ul>\n * <li>display-default renders a heading with the heading display-default preset treatment</li>\n * <li>display-small renders a heading with the heading display-small preset treatment</li>\n * <li>headline-large renders a heading with the heading headline-large preset treatment</li>\n * <li>headline-default renders a heading with the heading headline-default preset treatment</li>\n * <li>headline-small renders a heading with the heading headline-small preset treatment</li>\n * <li>title-xlarge renders a heading with the heading title-xlarge preset treatment</li>\n * <li>title-large renders a heading with the heading title-large preset treatment</li>\n * <li>title-default renders a heading with the heading title-default preset treatment</li>\n * <li>title-small renders a heading with the heading title-small preset treatment</li>\n * <li>label-large renders a heading with the label-large preset treatment</li>\n * <li>label renders a heading with the label preset treatment</li>\n * <li>label-small renders a heading with the label-small preset treatment</li>\n * <li>meta-large renders a heading with the meta-large preset treatment</li>\n * <li>meta-default renders a heading with the meta-default preset treatment</li>\n * <li>meta-small renders a heading with the meta-small preset treatment</li>\n * </ul>\n * </cre8-text-passage>\n /\n @property()\n type?:\n \| 'display-default'\n \| 'display-small'\n \| 'headline-large'\n \| 'headline-default'\n \| 'headline-small'\n \| 'title-xlarge'\n \| 'title-large'\n \| 'title-default'\n \| 'title-small'\n \| 'label-large'\n \| 'label-default'\n \| 'label-small'\n \| 'meta-large'\n \| 'meta-default'\n \| 'meta-small';\n\n /\n Dynamic tag name for the component\n * 1) This is needed to use proper semantic heading treatments depending on where the banner lives on the page\n * <cre8-text-passage size=\"small\">\n * <ul>\n * <li>h1 renders an `h1` tag</li>\n * <li>h2 renders an `h2` tag. This is the default</li>\n * <li>h3 renders an `h3` tag</li>\n * <li>h4 renders an `h4` tag</li>\n * <li>h5 renders an `h5` tag</li>\n * <li>h6 renders an `h6` tag</li>\n * </ul>\n * </cre8-text-passage>\n \n @attr{string}\n /\n @property()\n tagVariant: 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6' = 'h5';\n\n /\n Invert the color of the font from dark to light. An inverted `heading` should be used on a dark background.\n \n @attr{boolean}\n /\n @property({ type: Boolean, reflect: true })\n inverted?: boolean;\n\n /\n Apply the brand color to the heading text.\n \n @attr{boolean}\n */\n @property({ type: Boolean, reflect: true })\n brandColor?: boolean;\n\n render() {\n const tagVariantClassNames = !this.type\n ? {\n 'cre8-c-heading--headline-large': this.tagVariant === 'h1',\n 'cre8-c-heading--headline-default': this.tagVariant === 'h2',\n 'cre8-c-heading--headline-small': this.tagVariant === 'h3',\n 'cre8-c-heading--title-large': this.tagVariant === 'h4',\n 'cre8-c-heading--title-default': this.tagVariant === 'h5',\n 'cre8-c-heading--title-small': this.tagVariant === 'h6',\n }\n : {};\n\n const componentClassName = this.componentClassNames('cre8-c-heading', {\n 'cre8-c-heading--headline-large': this.type === 'headline-large',\n 'cre8-c-heading--headline-default': this.type === 'headline-default',\n 'cre8-c-heading--headline-small': this.type === 'headline-small',\n 'cre8-c-heading--title-large': this.type === 'title-large',\n 'cre8-c-heading--title-default': this.type === 'title-default',\n 'cre8-c-heading--title-small': this.type === 'title-small',\n 'cre8-c-heading--title-xlarge': this.type === 'title-xlarge',\n 'cre8-c-heading--display-default': this.type === 'display-default',\n 'cre8-c-heading--display-small': this.type === 'display-small',\n 'cre8-c-heading--label-large': this.type === 'label-large',\n 'cre8-c-heading--label-default': this.type === 'label-default',\n 'cre8-c-heading--label-small': this.type === 'label-small',\n 'cre8-c-heading--meta-large': this.type === 'meta-large',\n 'cre8-c-heading--meta-default': this.type === 'meta-default',\n 'cre8-c-heading--meta-small': this.type === 'meta-small',\n // Spread last. `tagVariantClassNames` is `{}` whenever `type` is\n // set, so the type-derived keys above still win when both could\n // apply. Spreading it first meant those same keys immediately\n // overwrote the tagVariant fallback with `false`, so an unset\n // `type` produced no preset class at all and every heading fell\n // back to the bare `.cre8-c-heading` size.\n ...tagVariantClassNames,\n 'cre8-c-heading--brand-color': this.brandColor,\n 'cre8-c-heading--inverted': this.inverted,\n });\n\n switch (this.tagVariant) {\n case 'h1':\n return html` <h1 part=\"tag\" class=\"${componentClassName}\"><slot></slot></h1> `;\n case 'h2':\n return html` <h2 part=\"tag\" class=\"${componentClassName}\"><slot></slot></h2> `;\n case 'h3':\n return html` <h3 part=\"tag\" class=\"${componentClassName}\"><slot></slot></h3> `;\n case 'h4':\n return html` <h4 part=\"tag\" class=\"${componentClassName}\"><slot></slot></h4> `;\n case 'h5':\n return html` <h5 part=\"tag\" class=\"${componentClassName}\"><slot></slot></h5> `;\n case 'h6':\n return html` <h6 part=\"tag\" class=\"${componentClassName}\"><slot></slot></h6> `;\n default:\n return html` <h4 part=\"tag\" class=\"${componentClassName}\"><slot></slot></h4> `;\n }\n }\n}\n\n\nif (customElements.get('cre8-heading') === undefined) {\n customElements.define('cre8-heading', Cre8Heading);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cre8-heading': Cre8Heading;\n }\n}\n\nexport default Cre8Heading;\n"]}
1	+ {"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../components/heading/heading.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Cre8Element } from '../cre8-element';\nimport styles from './heading.styles.js';\n\n /*\n HTML headings are titles or subtitles that you want to display on a webpage. The H1 is the most important and H6\n * is the least important in the content hierarchy.\n \n # How to Use\n * 1. The cre8-heading tag wraps around one of the six native HTML \"h\" tags, depending on your chosen variation.\n * 2. There are two main use cases for using this component:\n * text passage headings and Components with a title (i.e. modal, card or alert)\n * 3. There will be instances when the design requires the heading text to have the brand color applied\n * in which case you should set the [brandColor](?path=/story/cre8-components-heading--brand-color)\n * attribute to true on the cre8-heading tag.\n * 4. For dark backgrounds, add the [inverted](?path=/story/cre8-components-heading--inverted)\n * attribute to the tag for white text.\n \n \n * @slot - The heading text content\n /\nexport class Cre8Heading extends Cre8Element {\n static styles = [styles];\n\n /\n Heading type\n * <cre8-text-passage size=\"small\">\n * <ul>\n * <li>display-default renders a heading with the heading display-default preset treatment</li>\n * <li>display-small renders a heading with the heading display-small preset treatment</li>\n * <li>headline-large renders a heading with the heading headline-large preset treatment</li>\n * <li>headline-default renders a heading with the heading headline-default preset treatment</li>\n * <li>headline-small renders a heading with the heading headline-small preset treatment</li>\n * <li>title-xlarge renders a heading with the heading title-xlarge preset treatment</li>\n * <li>title-large renders a heading with the heading title-large preset treatment</li>\n * <li>title-default renders a heading with the heading title-default preset treatment</li>\n * <li>title-small renders a heading with the heading title-small preset treatment</li>\n * <li>label-large renders a heading with the label-large preset treatment</li>\n * <li>label-default renders a heading with the label-default preset treatment</li>\n * <li>label-small renders a heading with the label-small preset treatment</li>\n * <li>meta-large renders a heading with the meta-large preset treatment</li>\n * <li>meta-default renders a heading with the meta-default preset treatment</li>\n * <li>meta-small renders a heading with the meta-small preset treatment</li>\n * </ul>\n * </cre8-text-passage>\n /\n @property()\n type?:\n \| 'display-default'\n \| 'display-small'\n \| 'headline-large'\n \| 'headline-default'\n \| 'headline-small'\n \| 'title-xlarge'\n \| 'title-large'\n \| 'title-default'\n \| 'title-small'\n \| 'label-large'\n \| 'label-default'\n \| 'label-small'\n \| 'meta-large'\n \| 'meta-default'\n \| 'meta-small';\n\n /\n Dynamic tag name for the component\n * 1) This is needed to use proper semantic heading treatments depending on where the banner lives on the page\n * <cre8-text-passage size=\"small\">\n * <ul>\n * <li>h1 renders an `h1` tag</li>\n * <li>h2 renders an `h2` tag</li>\n * <li>h3 renders an `h3` tag</li>\n * <li>h4 renders an `h4` tag</li>\n * <li>h5 renders an `h5` tag. This is the default</li>\n * <li>h6 renders an `h6` tag</li>\n * </ul>\n * </cre8-text-passage>\n /\n @property()\n tagVariant: 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6' = 'h5';\n\n /\n Invert the color of the font from dark to light. An inverted `heading` should be used on a dark background.\n \n @attr{boolean}\n /\n @property({ type: Boolean, reflect: true })\n inverted?: boolean;\n\n /\n Apply the brand color to the heading text.\n \n @attr{boolean}\n */\n @property({ type: Boolean, reflect: true })\n brandColor?: boolean;\n\n render() {\n const tagVariantClassNames = !this.type\n ? {\n 'cre8-c-heading--headline-large': this.tagVariant === 'h1',\n 'cre8-c-heading--headline-default': this.tagVariant === 'h2',\n 'cre8-c-heading--headline-small': this.tagVariant === 'h3',\n 'cre8-c-heading--title-large': this.tagVariant === 'h4',\n 'cre8-c-heading--title-default': this.tagVariant === 'h5',\n 'cre8-c-heading--title-small': this.tagVariant === 'h6',\n }\n : {};\n\n const componentClassName = this.componentClassNames('cre8-c-heading', {\n 'cre8-c-heading--headline-large': this.type === 'headline-large',\n 'cre8-c-heading--headline-default': this.type === 'headline-default',\n 'cre8-c-heading--headline-small': this.type === 'headline-small',\n 'cre8-c-heading--title-large': this.type === 'title-large',\n 'cre8-c-heading--title-default': this.type === 'title-default',\n 'cre8-c-heading--title-small': this.type === 'title-small',\n 'cre8-c-heading--title-xlarge': this.type === 'title-xlarge',\n 'cre8-c-heading--display-default': this.type === 'display-default',\n 'cre8-c-heading--display-small': this.type === 'display-small',\n 'cre8-c-heading--label-large': this.type === 'label-large',\n 'cre8-c-heading--label-default': this.type === 'label-default',\n 'cre8-c-heading--label-small': this.type === 'label-small',\n 'cre8-c-heading--meta-large': this.type === 'meta-large',\n 'cre8-c-heading--meta-default': this.type === 'meta-default',\n 'cre8-c-heading--meta-small': this.type === 'meta-small',\n // Spread last. `tagVariantClassNames` is `{}` whenever `type` is\n // set, so the type-derived keys above still win when both could\n // apply. Spreading it first meant those same keys immediately\n // overwrote the tagVariant fallback with `false`, so an unset\n // `type` produced no preset class at all and every heading fell\n // back to the bare `.cre8-c-heading` size.\n ...tagVariantClassNames,\n 'cre8-c-heading--brand-color': this.brandColor,\n 'cre8-c-heading--inverted': this.inverted,\n });\n\n switch (this.tagVariant) {\n case 'h1':\n return html` <h1 part=\"tag\" class=\"${componentClassName}\"><slot></slot></h1> `;\n case 'h2':\n return html` <h2 part=\"tag\" class=\"${componentClassName}\"><slot></slot></h2> `;\n case 'h3':\n return html` <h3 part=\"tag\" class=\"${componentClassName}\"><slot></slot></h3> `;\n case 'h4':\n return html` <h4 part=\"tag\" class=\"${componentClassName}\"><slot></slot></h4> `;\n case 'h5':\n return html` <h5 part=\"tag\" class=\"${componentClassName}\"><slot></slot></h5> `;\n case 'h6':\n return html` <h6 part=\"tag\" class=\"${componentClassName}\"><slot></slot></h6> `;\n default:\n return html` <h4 part=\"tag\" class=\"${componentClassName}\"><slot></slot></h4> `;\n }\n }\n}\n\n\nif (customElements.get('cre8-heading') === undefined) {\n customElements.define('cre8-heading', Cre8Heading);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cre8-heading': Cre8Heading;\n }\n}\n\nexport default Cre8Heading;\n"]}

package/lib/components/icon/icon.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ import { Cre8Element } from '../cre8-element';
  * **'svg-legacy'** will be **deprecated** in Web Components v0.5.0
  *
  * - [List of new figma @tmorrow/cre8-wc/icons](https:/www.figma.com/file/j1a0rBkoH65XiGKfq7ppWa/Iconography?type=design&node-id=2037-5773&mode=design&t=6ZzC6KH3Gkxf3fj5-4)
- * - The new `svg` from the svg package: https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/.
+ * - The new `svg` from the svg package: https:/docs.cre8.dev/svgs/.
  *
  * ##Usability Considerations
  * - If the icon is decorative: set `aria-hidden` to true.
@@ -19,17 +19,17 @@ import { Cre8Element } from '../cre8-element';
  * For example, if the icon is a close button, setting `aria-label="Close"`will give
  * the SVG an aria-label to make it sufficiently accessible.
  *
- * [More information on Accessibility with svgs](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/getting-started-accessibility--page)
+ * [More information on Accessibility with svgs](https:/docs.cre8.dev/svgs/?path=/story/getting-started-accessibility--page)
  *
  * ##How to use
  * Cre8 Web Components (cre8-wc) includes the `cre8_dev/svgs` package.
  * If you need to install a newer version than what's included, please see
- * the [installation instructions for svgs](https:/git.express-scripts.com/ExpressScripts/svgs#installation).
+ * the [installation instructions for svgs](https:/github.com/tmorrowdev/svgs#installation).
  * - Import the component (this is the icon container): `import '@cre8_dev/svgs';`
  * - Import an svg as a string: `import svgInfo from '@tmorrow/cre8-wc/icons/Info.svg?raw';`
  *
  * Your import paths may be different depending on your project's build configuration.
- * Please see [Importing Icons](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/icon-sets-importing-@tmorrow/cre8-wc/icons--page)
+ * Please see [Importing Icons](https:/docs.cre8.dev/svgs/?path=/story/icon-sets-importing-@tmorrow/cre8-wc/icons--page)
  * of the `cre8_dev/svgs` documentation for more information.
  */
 export declare class Cre8Icon extends Cre8Element {

package/lib/components/icon/icon.js CHANGED Viewed

@@ -50,7 +50,7 @@ import svgVaccine from '@tmorrow/cre8-wc/icons/Vaccinations.svg?raw';
 import svgWarningFilled from '@tmorrow/cre8-wc/icons/Warning.svg?raw';
 import svgCaretDoubleRight from '@tmorrow/cre8-wc/icons/Caret_Double_Right.svg?raw';
 import svgErrorAlt from '@tmorrow/cre8-wc/icons/error-alt.svg?raw';
-import svgEsi from '@tmorrow/cre8-wc/icons/express-scripts.svg?raw';
+import svgPharmacy from '@tmorrow/cre8-wc/icons/pharmacy.svg?raw';
 import svgInsta from '@tmorrow/cre8-wc/icons/instagram.svg?raw';
 import svgLinkedin from '@tmorrow/cre8-wc/icons/linkedin.svg?raw';
 import svgOpen from '@tmorrow/cre8-wc/icons/open.svg?raw';
@@ -76,7 +76,7 @@ import iconSprite from '@tmorrow/cre8-wc/icons/cre8-icons.svg?raw';
  * **'svg-legacy'** will be **deprecated** in Web Components v0.5.0
  *
  * - [List of new figma @tmorrow/cre8-wc/icons](https:/www.figma.com/file/j1a0rBkoH65XiGKfq7ppWa/Iconography?type=design&node-id=2037-5773&mode=design&t=6ZzC6KH3Gkxf3fj5-4)
- * - The new `svg` from the svg package: https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/.
+ * - The new `svg` from the svg package: https:/docs.cre8.dev/svgs/.
  *
  * ##Usability Considerations
  * - If the icon is decorative: set `aria-hidden` to true.
@@ -86,17 +86,17 @@ import iconSprite from '@tmorrow/cre8-wc/icons/cre8-icons.svg?raw';
  * For example, if the icon is a close button, setting `aria-label="Close"`will give
  * the SVG an aria-label to make it sufficiently accessible.
  *
- * [More information on Accessibility with svgs](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/getting-started-accessibility--page)
+ * [More information on Accessibility with svgs](https:/docs.cre8.dev/svgs/?path=/story/getting-started-accessibility--page)
  *
  * ##How to use
  * Cre8 Web Components (cre8-wc) includes the `cre8_dev/svgs` package.
  * If you need to install a newer version than what's included, please see
- * the [installation instructions for svgs](https:/git.express-scripts.com/ExpressScripts/svgs#installation).
+ * the [installation instructions for svgs](https:/github.com/tmorrowdev/svgs#installation).
  * - Import the component (this is the icon container): `import '@cre8_dev/svgs';`
  * - Import an svg as a string: `import svgInfo from '@tmorrow/cre8-wc/icons/Info.svg?raw';`
  *
  * Your import paths may be different depending on your project's build configuration.
- * Please see [Importing Icons](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/icon-sets-importing-@tmorrow/cre8-wc/icons--page)
+ * Please see [Importing Icons](https:/docs.cre8.dev/svgs/?path=/story/icon-sets-importing-@tmorrow/cre8-wc/icons--page)
  * of the `cre8_dev/svgs` documentation for more information.
  */
 export class Cre8Icon extends Cre8Element {
@@ -149,7 +149,7 @@ export class Cre8Icon extends Cre8Element {
         iconMap['error-alt'] = html `<svg src='${svgErrorAlt}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
         iconMap['error-round'] = html `<svg src='${svgError}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
         iconMap['error'] = html `<svg src='${svgError}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
-        iconMap['express-scripts'] = html `<svg src='${svgEsi}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
+        iconMap['pharmacy'] = html `<svg src='${svgPharmacy}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
         iconMap['external-file'] = html `<svg src='${svgExternal}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
         iconMap['find-drug'] = html `<svg src='${svgMedication}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
         iconMap['globe'] = html `<svg src='${svgGlobe}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;

package/lib/components/icon/icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../components/icon/icon.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable max-len /\n/ eslint-disable dot-notation /\n/ eslint-disable max-statements /\nimport { html, TemplateResult, } from 'lit';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { property } from 'lit/decorators.js';\nimport svgAdd from '@tmorrow/cre8-wc/icons/add.svg?raw';\nimport svgArrowLeft from '@tmorrow/cre8-wc/icons/Arrow_-_Left.svg?raw';\nimport svgChat from '@tmorrow/cre8-wc/icons/Chat_Default.svg?raw';\nimport svgCalendar from '@tmorrow/cre8-wc/icons/calendar.svg?raw';\nimport svgCaretDown from '@tmorrow/cre8-wc/icons/Caret_Down_Filled.svg?raw';\nimport svgCheckCircle from '@tmorrow/cre8-wc/icons/Check_Filled.svg?raw';\nimport svgCheck from '@tmorrow/cre8-wc/icons/Check.svg?raw';\nimport svgClose from '@tmorrow/cre8-wc/icons/Close.svg?raw';\nimport svgDownload from '@tmorrow/cre8-wc/icons/Download.svg?raw';\nimport svgEdit from '@tmorrow/cre8-wc/icons/Edit.svg?raw';\nimport svgEllipsis from '@tmorrow/cre8-wc/icons/Ellipsis_Filled.svg?raw';\nimport svgMessageFilled from '@tmorrow/cre8-wc/icons/Message_Unread_Filled.svg?raw';\nimport svgMessage from '@tmorrow/cre8-wc/icons/Message_Unread.svg?raw';\nimport svgError from '@tmorrow/cre8-wc/icons/Error.svg?raw';\nimport svgExternal from '@tmorrow/cre8-wc/icons/External_Link.svg?raw';\nimport svgMedication from '@tmorrow/cre8-wc/icons/Medication.svg?raw';\nimport svgGlobe from '@tmorrow/cre8-wc/icons/Globe.svg?raw';\nimport svgHelp from '@tmorrow/cre8-wc/icons/Help.svg?raw';\nimport svgInfoFilled from '@tmorrow/cre8-wc/icons/Info.svg?raw';\nimport svgCaretUp from '@tmorrow/cre8-wc/icons/Caret_Up.svg?raw';\nimport svgLightbulb from '@tmorrow/cre8-wc/icons/Lightbulb.svg?raw';\nimport svgLocation from '@tmorrow/cre8-wc/icons/Location.svg?raw';\nimport svgMenu from '@tmorrow/cre8-wc/icons/Menu.svg?raw';\nimport svgMinus from '@tmorrow/cre8-wc/icons/Minus.svg?raw';\nimport svgAccountFilled from '@tmorrow/cre8-wc/icons/Account_Filled.svg?raw';\nimport svgNotification from '@tmorrow/cre8-wc/icons/Notification.svg?raw';\nimport svgRefill from '@tmorrow/cre8-wc/icons/Refill.svg?raw';\nimport svgAccount from '@tmorrow/cre8-wc/icons/Account.svg?raw';\nimport svgPlayFilled from '@tmorrow/cre8-wc/icons/Play_Arrow.svg?raw';\nimport svgPlayCircle from '@tmorrow/cre8-wc/icons/Play_Circle.svg?raw';\nimport svgSpinner from '@tmorrow/cre8-wc/icons/Spinner_75.svg?raw';\nimport svgUndo from '@tmorrow/cre8-wc/icons/Undo.svg?raw';\nimport svgSearch from '@tmorrow/cre8-wc/icons/Search.svg?raw';\nimport svgCart from '@tmorrow/cre8-wc/icons/Cart.svg?raw';\nimport svgRectangle from '@tmorrow/cre8-wc/icons/Rectangle.svg?raw';\nimport svgVaccine from '@tmorrow/cre8-wc/icons/Vaccinations.svg?raw';\nimport svgWarningFilled from '@tmorrow/cre8-wc/icons/Warning.svg?raw';\nimport svgCaretDoubleRight from '@tmorrow/cre8-wc/icons/Caret_Double_Right.svg?raw';\nimport svgErrorAlt from '@tmorrow/cre8-wc/icons/error-alt.svg?raw';\nimport svgEsi from '@tmorrow/cre8-wc/icons/express-scripts.svg?raw';\nimport svgInsta from '@tmorrow/cre8-wc/icons/instagram.svg?raw';\nimport svgLinkedin from '@tmorrow/cre8-wc/icons/linkedin.svg?raw';\nimport svgOpen from '@tmorrow/cre8-wc/icons/open.svg?raw';\nimport svgPause from '@tmorrow/cre8-wc/icons/pause.svg?raw';\nimport svgPersonBubble from '@tmorrow/cre8-wc/icons/person-bubble.svg?raw';\nimport svgPinterest from '@tmorrow/cre8-wc/icons/pinterest.svg?raw';\nimport svgRss from '@tmorrow/cre8-wc/icons/rss-feed.svg?raw';\nimport svgRx from '@tmorrow/cre8-wc/icons/rx.svg?raw';\nimport svgSwap from '@tmorrow/cre8-wc/icons/swap.svg?raw';\nimport svgThumbsUp from '@tmorrow/cre8-wc/icons/thumb-up.svg?raw';\nimport svgTrendFlat from '@tmorrow/cre8-wc/icons/trending-flat.svg?raw';\nimport svgTrendUp from '@tmorrow/cre8-wc/icons/trending-up.svg?raw';\nimport svgTwitter from '@tmorrow/cre8-wc/icons/twitter.svg?raw';\n\nimport { Cre8Element } from '../cre8-element';\nimport styles from './icon.styles.js';\nimport iconSprite from '@tmorrow/cre8-wc/icons/cre8-icons.svg?raw';\n\n/\n \n * \n * <svg> is a web component, which can be used with any frontend framework and use any svg.\n * It takes raw svgs as props and renders them.\n \n 'svg-legacy' will be deprecated in Web Components v0.5.0\n \n - [List of new figma @tmorrow/cre8-wc/icons](https:/www.figma.com/file/j1a0rBkoH65XiGKfq7ppWa/Iconography?type=design&node-id=2037-5773&mode=design&t=6ZzC6KH3Gkxf3fj5-4)\n * - The new `svg` from the svg package: https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/.\n \n ##Usability Considerations\n * - If the icon is decorative: set `aria-hidden` to true.\n * - If the icon is interactive (not decorative): set `aria-hidden` to false and add the `aria-label`\n * - If the icon is key to functionality from a screen reader perspective, it is required to add `aria-label`\n * which will describe the icon.\n * For example, if the icon is a close button, setting `aria-label=\"Close\"`will give\n * the SVG an aria-label to make it sufficiently accessible.\n \n [More information on Accessibility with svgs](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/getting-started-accessibility--page)\n \n ##How to use\n * Cre8 Web Components (cre8-wc) includes the `cre8_dev/svgs` package.\n * If you need to install a newer version than what's included, please see\n * the [installation instructions for svgs](https:/git.express-scripts.com/ExpressScripts/svgs#installation).\n * - Import the component (this is the icon container): `import '@cre8_dev/svgs';`\n * - Import an svg as a string: `import svgInfo from '@tmorrow/cre8-wc/icons/Info.svg?raw';`\n \n Your import paths may be different depending on your project's build configuration.\n * Please see [Importing Icons](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/icon-sets-importing-@tmorrow/cre8-wc/icons--page)\n * of the `cre8_dev/svgs` documentation for more information.\n /\n\nexport class Cre8Icon extends Cre8Element {\n static styles = [styles];\n\n /\n Focusable\n \n @required\n /\n @property({ type: Boolean, reflect: true })\n focusable?: boolean;\n\n /\n Icon name (this method of passing in svgs is to be deprecated)\n \n @required\n /\n @property()\n name: string;\n\n /\n Raw SVG markup to render. Preferred over `name`/sprite-path icons.\n /\n @property({ reflect: true })\n svg?: string\n /\n Icon path\n * 1) This points to the file where the icon sprite lives\n * 2) This method of pathing will soon be depricated\n \n /\n @property()\n iconUrl?: string = iconSprite;\n\n /*\n Icon Title, this string is used for the aira-label of the svg\n \n @required\n /\n @property()\n iconTitle?: string;\n\n /\n Get the path to the @tmorrow/cre8-wc/icons, either by overriding it on the window\n * or by using the bundled icon path\n /\n getIconPath() {\n if (window.Cre8_ICON_URL) {\n return window.Cre8_ICON_URL;\n }\n\n const script = document.querySelector<HTMLScriptElement>('script[src$=\"icon\"]');\n if (script) {\n return `${script.src.replace(/^(.+)\\/.$/, '$1')}/svgs/svgs.svg`;\n }\n\n return this.iconUrl;\n }\n\n render() {\n const componentClassName = this.componentClassNames('cre8-c-icon-wrapper', {});\n\n const iconMap: { [name: string]: TemplateResult<1> } = {};\n\n iconMap['add'] = html`<svg src=${svgAdd} container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['arrow-back'] = html`<svg src='${svgArrowLeft}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['arrow-forward'] = html`<svg src='${svgArrowLeft}' rotate=\"180\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['attention'] = html`<svg src='${svgChat}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['calendar'] = html`<svg src='${svgCalendar}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['calendar-datepicker'] = html`<svg src='${svgCalendar}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\" height=\"24\" width=\"24\"></svg>`;\n iconMap['caret-down'] = html`<svg src='${svgCaretDown}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['caret-double-left'] = html`<svg src='${svgCaretDoubleRight}' rotate=\"180\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['caret-double-right'] = html`<svg src='${svgCaretDoubleRight}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['check-circle'] = html`<svg src='${svgCheckCircle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['check'] = html`<svg src='${svgCheck}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['close'] = html`<svg src='${svgClose}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['delta-down'] = html`<svg src='${svgCaretDown}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['delta-up'] = html`<svg src='${svgCaretDown}' flip=\"vertical\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['download'] = html`<svg src='${svgDownload}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['edit'] = html`<svg src='${svgEdit}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['ellipsis'] = html`<svg src='${svgEllipsis}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['email'] = html`${svgMessageFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['envelope'] = html`<svg src='${svgMessage}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['error-alt'] = html`<svg src='${svgErrorAlt}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['error-round'] = html`<svg src='${svgError}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['error'] = html`<svg src='${svgError}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['express-scripts'] = html`<svg src='${svgEsi}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['external-file'] = html`<svg src='${svgExternal}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['find-drug'] = html`<svg src='${svgMedication}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['globe'] = html`<svg src='${svgGlobe}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['help'] = html`<svg src='${svgHelp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['info'] = html`<svg src='${svgInfoFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['instagram'] = html`<svg src='${svgInsta}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['keyboard-arrow-down'] = html`<svg src='${svgCaretUp}' rotate=\"180\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['keyboard-arrow-left'] = html`<svg src='${svgCaretUp}' rotate=\"-90\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['keyboard-arrow-right'] = html`<svg src='${svgCaretUp}' rotate=\"90\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['keyboard-arrow-up'] = html`<svg src='${svgCaretUp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['language'] = html`<svg src='${svgGlobe}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['light-bulb'] = html`<svg src='${svgLightbulb}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['linkedin'] = html`<svg src='${svgLinkedin}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['location-on'] = html`<svg src='${svgLocation}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['menu'] = html`<svg src='${svgMenu}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['minus'] = html`<svg src='${svgMinus}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['neutral'] = html`<svg src='${svgAccountFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['notifications'] = html`<svg src='${svgNotification}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['open'] = html`<svg src='${svgOpen}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['order-status'] = html`<svg src='${svgRefill}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['pause'] = html`<svg src='${svgPause}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['people'] = html`<svg src='${svgAccount}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['person-bubble'] = html`<svg src='${svgPersonBubble}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['person'] = html`<svg src='${svgAccountFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['pinterest'] = html`<svg src='${svgPinterest}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['play-arrow'] = html`<svg src='${svgPlayFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['play-circle-outline'] = html`<svg src='${svgPlayCircle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['progress-spinner'] = html`<svg src='${svgSpinner}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['replay'] = html`<svg src='${svgUndo}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['rss-feed'] = html`<svg src='${svgRss}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['rx'] = html`<svg src='${svgRx}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['search'] = html`<svg src='${svgSearch}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['shop'] = html`<svg src='${svgCart}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['spinner'] = html`<svg src='${svgSpinner}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['square'] = html`<svg src='${svgRectangle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['success'] = html`<svg src='${svgCheckCircle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['swap'] = html`<svg src='${svgSwap}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['thumb-up'] = html`<svg src='${svgThumbsUp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['trending-flat'] = html`<svg src='${svgTrendFlat}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['trending-up'] = html`<svg src='${svgTrendUp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['twitter'] = html`<svg src='${svgTwitter}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['vaccine'] = html`<svg src='${svgVaccine}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['warning'] = html`<svg src='${svgWarningFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n\n const iconPath = this.getIconPath();\n\n // if (iconMap[this.name] !== undefined) {\n // return iconMap[this.name];\n // }\n if (!this.name && !this.svg) {\n console.warn('Cre8Icon: No icon name or svg provided. Please provide either a name or svg.');\n return html``;\n }\n\n const wrapperRole = this.iconTitle ? 'img' : undefined;\n return html`\n ${this.svg ? html`<span class=\"${componentClassName}\" role=\"${ifDefined(wrapperRole)}\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\">${unsafeHTML(this.svg)}</span>` : html`\n <span class=\"${componentClassName}\" role=\"${ifDefined(wrapperRole)}\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\">\n <svg class=\"cre8-c-icon\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"${this.focusable ? 'true' : 'false'}\" aria-hidden=\"true\">\n <use href=\"${iconPath}#${this.name}\"></use>\n </svg>\n </span>` }`;\n }\n}\n\n\nif (customElements.get('cre8-icon') === undefined) {\n customElements.define('cre8-icon', Cre8Icon);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cre8-icon': Cre8Icon;\n }\n interface Window {\n Cre8_ICON_URL?: string;\n }\n}\n\nexport default Cre8Icon;\n"]}
1	+ {"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../components/icon/icon.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable max-len /\n/ eslint-disable dot-notation /\n/ eslint-disable max-statements /\nimport { html, TemplateResult, } from 'lit';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { property } from 'lit/decorators.js';\nimport svgAdd from '@tmorrow/cre8-wc/icons/add.svg?raw';\nimport svgArrowLeft from '@tmorrow/cre8-wc/icons/Arrow_-_Left.svg?raw';\nimport svgChat from '@tmorrow/cre8-wc/icons/Chat_Default.svg?raw';\nimport svgCalendar from '@tmorrow/cre8-wc/icons/calendar.svg?raw';\nimport svgCaretDown from '@tmorrow/cre8-wc/icons/Caret_Down_Filled.svg?raw';\nimport svgCheckCircle from '@tmorrow/cre8-wc/icons/Check_Filled.svg?raw';\nimport svgCheck from '@tmorrow/cre8-wc/icons/Check.svg?raw';\nimport svgClose from '@tmorrow/cre8-wc/icons/Close.svg?raw';\nimport svgDownload from '@tmorrow/cre8-wc/icons/Download.svg?raw';\nimport svgEdit from '@tmorrow/cre8-wc/icons/Edit.svg?raw';\nimport svgEllipsis from '@tmorrow/cre8-wc/icons/Ellipsis_Filled.svg?raw';\nimport svgMessageFilled from '@tmorrow/cre8-wc/icons/Message_Unread_Filled.svg?raw';\nimport svgMessage from '@tmorrow/cre8-wc/icons/Message_Unread.svg?raw';\nimport svgError from '@tmorrow/cre8-wc/icons/Error.svg?raw';\nimport svgExternal from '@tmorrow/cre8-wc/icons/External_Link.svg?raw';\nimport svgMedication from '@tmorrow/cre8-wc/icons/Medication.svg?raw';\nimport svgGlobe from '@tmorrow/cre8-wc/icons/Globe.svg?raw';\nimport svgHelp from '@tmorrow/cre8-wc/icons/Help.svg?raw';\nimport svgInfoFilled from '@tmorrow/cre8-wc/icons/Info.svg?raw';\nimport svgCaretUp from '@tmorrow/cre8-wc/icons/Caret_Up.svg?raw';\nimport svgLightbulb from '@tmorrow/cre8-wc/icons/Lightbulb.svg?raw';\nimport svgLocation from '@tmorrow/cre8-wc/icons/Location.svg?raw';\nimport svgMenu from '@tmorrow/cre8-wc/icons/Menu.svg?raw';\nimport svgMinus from '@tmorrow/cre8-wc/icons/Minus.svg?raw';\nimport svgAccountFilled from '@tmorrow/cre8-wc/icons/Account_Filled.svg?raw';\nimport svgNotification from '@tmorrow/cre8-wc/icons/Notification.svg?raw';\nimport svgRefill from '@tmorrow/cre8-wc/icons/Refill.svg?raw';\nimport svgAccount from '@tmorrow/cre8-wc/icons/Account.svg?raw';\nimport svgPlayFilled from '@tmorrow/cre8-wc/icons/Play_Arrow.svg?raw';\nimport svgPlayCircle from '@tmorrow/cre8-wc/icons/Play_Circle.svg?raw';\nimport svgSpinner from '@tmorrow/cre8-wc/icons/Spinner_75.svg?raw';\nimport svgUndo from '@tmorrow/cre8-wc/icons/Undo.svg?raw';\nimport svgSearch from '@tmorrow/cre8-wc/icons/Search.svg?raw';\nimport svgCart from '@tmorrow/cre8-wc/icons/Cart.svg?raw';\nimport svgRectangle from '@tmorrow/cre8-wc/icons/Rectangle.svg?raw';\nimport svgVaccine from '@tmorrow/cre8-wc/icons/Vaccinations.svg?raw';\nimport svgWarningFilled from '@tmorrow/cre8-wc/icons/Warning.svg?raw';\nimport svgCaretDoubleRight from '@tmorrow/cre8-wc/icons/Caret_Double_Right.svg?raw';\nimport svgErrorAlt from '@tmorrow/cre8-wc/icons/error-alt.svg?raw';\nimport svgPharmacy from '@tmorrow/cre8-wc/icons/pharmacy.svg?raw';\nimport svgInsta from '@tmorrow/cre8-wc/icons/instagram.svg?raw';\nimport svgLinkedin from '@tmorrow/cre8-wc/icons/linkedin.svg?raw';\nimport svgOpen from '@tmorrow/cre8-wc/icons/open.svg?raw';\nimport svgPause from '@tmorrow/cre8-wc/icons/pause.svg?raw';\nimport svgPersonBubble from '@tmorrow/cre8-wc/icons/person-bubble.svg?raw';\nimport svgPinterest from '@tmorrow/cre8-wc/icons/pinterest.svg?raw';\nimport svgRss from '@tmorrow/cre8-wc/icons/rss-feed.svg?raw';\nimport svgRx from '@tmorrow/cre8-wc/icons/rx.svg?raw';\nimport svgSwap from '@tmorrow/cre8-wc/icons/swap.svg?raw';\nimport svgThumbsUp from '@tmorrow/cre8-wc/icons/thumb-up.svg?raw';\nimport svgTrendFlat from '@tmorrow/cre8-wc/icons/trending-flat.svg?raw';\nimport svgTrendUp from '@tmorrow/cre8-wc/icons/trending-up.svg?raw';\nimport svgTwitter from '@tmorrow/cre8-wc/icons/twitter.svg?raw';\n\nimport { Cre8Element } from '../cre8-element';\nimport styles from './icon.styles.js';\nimport iconSprite from '@tmorrow/cre8-wc/icons/cre8-icons.svg?raw';\n\n/\n \n * \n * <svg> is a web component, which can be used with any frontend framework and use any svg.\n * It takes raw svgs as props and renders them.\n \n 'svg-legacy' will be deprecated in Web Components v0.5.0\n \n - [List of new figma @tmorrow/cre8-wc/icons](https:/www.figma.com/file/j1a0rBkoH65XiGKfq7ppWa/Iconography?type=design&node-id=2037-5773&mode=design&t=6ZzC6KH3Gkxf3fj5-4)\n * - The new `svg` from the svg package: https:/docs.cre8.dev/svgs/.\n \n ##Usability Considerations\n * - If the icon is decorative: set `aria-hidden` to true.\n * - If the icon is interactive (not decorative): set `aria-hidden` to false and add the `aria-label`\n * - If the icon is key to functionality from a screen reader perspective, it is required to add `aria-label`\n * which will describe the icon.\n * For example, if the icon is a close button, setting `aria-label=\"Close\"`will give\n * the SVG an aria-label to make it sufficiently accessible.\n \n [More information on Accessibility with svgs](https:/docs.cre8.dev/svgs/?path=/story/getting-started-accessibility--page)\n \n ##How to use\n * Cre8 Web Components (cre8-wc) includes the `cre8_dev/svgs` package.\n * If you need to install a newer version than what's included, please see\n * the [installation instructions for svgs](https:/github.com/tmorrowdev/svgs#installation).\n * - Import the component (this is the icon container): `import '@cre8_dev/svgs';`\n * - Import an svg as a string: `import svgInfo from '@tmorrow/cre8-wc/icons/Info.svg?raw';`\n \n Your import paths may be different depending on your project's build configuration.\n * Please see [Importing Icons](https:/docs.cre8.dev/svgs/?path=/story/icon-sets-importing-@tmorrow/cre8-wc/icons--page)\n * of the `cre8_dev/svgs` documentation for more information.\n /\n\nexport class Cre8Icon extends Cre8Element {\n static styles = [styles];\n\n /\n Focusable\n \n @required\n /\n @property({ type: Boolean, reflect: true })\n focusable?: boolean;\n\n /\n Icon name (this method of passing in svgs is to be deprecated)\n \n @required\n /\n @property()\n name: string;\n\n /\n Raw SVG markup to render. Preferred over `name`/sprite-path icons.\n /\n @property({ reflect: true })\n svg?: string\n /\n Icon path\n * 1) This points to the file where the icon sprite lives\n * 2) This method of pathing will soon be depricated\n \n /\n @property()\n iconUrl?: string = iconSprite;\n\n /*\n Icon Title, this string is used for the aira-label of the svg\n \n @required\n /\n @property()\n iconTitle?: string;\n\n /\n Get the path to the @tmorrow/cre8-wc/icons, either by overriding it on the window\n * or by using the bundled icon path\n /\n getIconPath() {\n if (window.Cre8_ICON_URL) {\n return window.Cre8_ICON_URL;\n }\n\n const script = document.querySelector<HTMLScriptElement>('script[src$=\"icon\"]');\n if (script) {\n return `${script.src.replace(/^(.+)\\/.$/, '$1')}/svgs/svgs.svg`;\n }\n\n return this.iconUrl;\n }\n\n render() {\n const componentClassName = this.componentClassNames('cre8-c-icon-wrapper', {});\n\n const iconMap: { [name: string]: TemplateResult<1> } = {};\n\n iconMap['add'] = html`<svg src=${svgAdd} container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['arrow-back'] = html`<svg src='${svgArrowLeft}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['arrow-forward'] = html`<svg src='${svgArrowLeft}' rotate=\"180\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['attention'] = html`<svg src='${svgChat}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['calendar'] = html`<svg src='${svgCalendar}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['calendar-datepicker'] = html`<svg src='${svgCalendar}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\" height=\"24\" width=\"24\"></svg>`;\n iconMap['caret-down'] = html`<svg src='${svgCaretDown}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['caret-double-left'] = html`<svg src='${svgCaretDoubleRight}' rotate=\"180\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['caret-double-right'] = html`<svg src='${svgCaretDoubleRight}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['check-circle'] = html`<svg src='${svgCheckCircle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['check'] = html`<svg src='${svgCheck}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['close'] = html`<svg src='${svgClose}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['delta-down'] = html`<svg src='${svgCaretDown}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['delta-up'] = html`<svg src='${svgCaretDown}' flip=\"vertical\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['download'] = html`<svg src='${svgDownload}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['edit'] = html`<svg src='${svgEdit}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['ellipsis'] = html`<svg src='${svgEllipsis}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['email'] = html`${svgMessageFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['envelope'] = html`<svg src='${svgMessage}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['error-alt'] = html`<svg src='${svgErrorAlt}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['error-round'] = html`<svg src='${svgError}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['error'] = html`<svg src='${svgError}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['pharmacy'] = html`<svg src='${svgPharmacy}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['external-file'] = html`<svg src='${svgExternal}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['find-drug'] = html`<svg src='${svgMedication}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['globe'] = html`<svg src='${svgGlobe}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['help'] = html`<svg src='${svgHelp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['info'] = html`<svg src='${svgInfoFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['instagram'] = html`<svg src='${svgInsta}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['keyboard-arrow-down'] = html`<svg src='${svgCaretUp}' rotate=\"180\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['keyboard-arrow-left'] = html`<svg src='${svgCaretUp}' rotate=\"-90\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['keyboard-arrow-right'] = html`<svg src='${svgCaretUp}' rotate=\"90\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['keyboard-arrow-up'] = html`<svg src='${svgCaretUp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['language'] = html`<svg src='${svgGlobe}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['light-bulb'] = html`<svg src='${svgLightbulb}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['linkedin'] = html`<svg src='${svgLinkedin}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['location-on'] = html`<svg src='${svgLocation}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['menu'] = html`<svg src='${svgMenu}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['minus'] = html`<svg src='${svgMinus}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['neutral'] = html`<svg src='${svgAccountFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['notifications'] = html`<svg src='${svgNotification}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['open'] = html`<svg src='${svgOpen}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['order-status'] = html`<svg src='${svgRefill}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['pause'] = html`<svg src='${svgPause}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['people'] = html`<svg src='${svgAccount}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['person-bubble'] = html`<svg src='${svgPersonBubble}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['person'] = html`<svg src='${svgAccountFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['pinterest'] = html`<svg src='${svgPinterest}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['play-arrow'] = html`<svg src='${svgPlayFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['play-circle-outline'] = html`<svg src='${svgPlayCircle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['progress-spinner'] = html`<svg src='${svgSpinner}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['replay'] = html`<svg src='${svgUndo}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['rss-feed'] = html`<svg src='${svgRss}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['rx'] = html`<svg src='${svgRx}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['search'] = html`<svg src='${svgSearch}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['shop'] = html`<svg src='${svgCart}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['spinner'] = html`<svg src='${svgSpinner}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['square'] = html`<svg src='${svgRectangle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['success'] = html`<svg src='${svgCheckCircle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['swap'] = html`<svg src='${svgSwap}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['thumb-up'] = html`<svg src='${svgThumbsUp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['trending-flat'] = html`<svg src='${svgTrendFlat}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['trending-up'] = html`<svg src='${svgTrendUp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['twitter'] = html`<svg src='${svgTwitter}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['vaccine'] = html`<svg src='${svgVaccine}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n iconMap['warning'] = html`<svg src='${svgWarningFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n\n const iconPath = this.getIconPath();\n\n // if (iconMap[this.name] !== undefined) {\n // return iconMap[this.name];\n // }\n if (!this.name && !this.svg) {\n console.warn('Cre8Icon: No icon name or svg provided. Please provide either a name or svg.');\n return html``;\n }\n\n const wrapperRole = this.iconTitle ? 'img' : undefined;\n return html`\n ${this.svg ? html`<span class=\"${componentClassName}\" role=\"${ifDefined(wrapperRole)}\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\">${unsafeHTML(this.svg)}</span>` : html`\n <span class=\"${componentClassName}\" role=\"${ifDefined(wrapperRole)}\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\">\n <svg class=\"cre8-c-icon\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"${this.focusable ? 'true' : 'false'}\" aria-hidden=\"true\">\n <use href=\"${iconPath}#${this.name}\"></use>\n </svg>\n </span>` }`;\n }\n}\n\n\nif (customElements.get('cre8-icon') === undefined) {\n customElements.define('cre8-icon', Cre8Icon);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cre8-icon': Cre8Icon;\n }\n interface Window {\n Cre8_ICON_URL?: string;\n }\n}\n\nexport default Cre8Icon;\n"]}

package/lib/components/link-list/link-list.d.ts CHANGED Viewed

@@ -1,4 +1,10 @@
 import { Cre8Element } from '../cre8-element';
+/** One link in a data-driven link list. */
+export interface Cre8LinkData {
+    text: string;
+    href: string;
+    isActive?: boolean;
+}
 /**
  * @slot - The link list items
  */
@@ -31,6 +37,19 @@ export declare class Cre8LinkList extends Cre8Element {
      * - **display** renders a link list with a display treatment (e.g. article title)
      */
     variant?: 'secondary' | 'display';
+    /**
+     * Links for a data-driven list. Each becomes a `cre8-link-list-item`.
+     *
+     * Worth knowing if you compose these by hand: the label goes in the item's
+     * default slot, *not* its `text` prop. That prop is declared and documented
+     * but never rendered, so setting it produces an empty link that passes every
+     * check — see the drift ledger in `docs/kb/07-research.md`. This API routes
+     * around it.
+     */
+    items?: Cre8LinkData[];
+    /** The composition the data property stands for. */
+    private buildComposition;
+    protected updated(changed: Map<string, unknown>): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/lib/components/link-list/link-list.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../../components/link-list/link-list.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;~~AAG9C~~;;GAEG;~~AACH~~,qBAAa,YAAa,SAAQ,WAAW;IACzC,MAAM,CAAC,MAAM,4BAAY;IAE3B;;;;OAIG;IAEC,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,CAAC;IAE3C;;;OAGG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IAEC,IAAI,CAAC,EAAE,IAAI,CAAC;IAEhB;;;OAGG;IAEC,OAAO,CAAC,EAAE,WAAW,CAAC;IAE1B;;;;OAIG;IAEC,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;~~IAEtC~~,MAAM;CAiBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF;AAED,eAAe,YAAY,CAAC"}
1	+ {"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../../components/link-list/link-list.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI9C,2CAA2C;AAC3C,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AAEH,qBAAa,YAAa,SAAQ,WAAW;IACzC,MAAM,CAAC,MAAM,4BAAY;IAE3B;;;;OAIG;IAEC,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,CAAC;IAE3C;;;OAGG;IAEC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IAEC,IAAI,CAAC,EAAE,IAAI,CAAC;IAEhB;;;OAGG;IAEC,OAAO,CAAC,EAAE,WAAW,CAAC;IAE1B;;;;OAIG;IAEC,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACtC;;;;;;;;OAQG;IAEC,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IAE3B,oDAAoD;IACpD,OAAO,CAAC,gBAAgB;IASxB,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAOtD,MAAM;CAiBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF;AAED,eAAe,YAAY,CAAC"}

package/lib/components/link-list/link-list.js CHANGED Viewed

@@ -7,11 +7,27 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, } from 'lit';
 import { property } from 'lit/decorators.js';
 import { Cre8Element } from '../cre8-element';
+import { syncLightChildren } from '../utils/light-children';
 import styles from './link-list.styles.js';
 /**
  * @slot - The link list items
  */
 export class Cre8LinkList extends Cre8Element {
+    /** The composition the data property stands for. */
+    buildComposition() {
+        if (!this.items)
+            return null;
+        return this.items.map((item) => ({
+            tag: 'cre8-link-list-item',
+            props: { href: item.href, isActive: item.isActive },
+            text: item.text,
+        }));
+    }
+    updated(changed) {
+        if (['items'].some((key) => changed.has(key))) {
+            syncLightChildren(this, this.buildComposition());
+        }
+    }
     render() {
         const componentClassName = this.componentClassNames('cre8-c-link-list', {
             'cre8-c-link-list--secondary': this.variant === 'secondary',
@@ -45,6 +61,9 @@ __decorate([
 __decorate([
     property()
 ], Cre8LinkList.prototype, "variant", void 0);
+__decorate([
+    property({ type: Array })
+], Cre8LinkList.prototype, "items", void 0);
 if (customElements.get('cre8-link-list') === undefined) {
     customElements.define('cre8-link-list', Cre8LinkList);
 }

package/lib/components/link-list/link-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link-list.js","sourceRoot":"","sources":["../../../components/link-list/link-list.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,GAAI,MAAM,KAAK,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,MAAM,MAAM,uBAAuB,CAAC;~~AAE3C~~;;GAEG;~~AACH~~,MAAM,OAAO,YAAa,SAAQ,WAAW;~~IAwC3C~~,MAAM;QACF,MAAM,kBAAkB,GAAG,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,EAAE;YACpE,6BAA6B,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW;YAC3D,2BAA2B,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACvD,4BAA4B,EAAE,IAAI,CAAC,QAAQ,KAAK,IAAI;YACpD,8BAA8B,EAAE,IAAI,CAAC,QAAQ,KAAK,YAAY;YAC9D,8BAA8B,EAAE,IAAI,CAAC,QAAQ,KAAK,YAAY;YAC9D,6BAA6B,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW;YAC3D,sBAAsB,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;SAC7C,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;mBACE,kBAAkB;;;KAGhC,CAAC;IACJ,CAAC;;~~AAvDQ~~,mBAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAQvB;IADH,QAAQ,EAAE;8CACgC;AAOvC;IADH,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CACpB;AAOnB;IADH,QAAQ,EAAE;0CACK;AAOZ;IADH,QAAQ,EAAE;6CACe;AAQtB;IADH,QAAQ,EAAE;6CAC2B;~~AAqBxC~~,IAAI,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,SAAS,EAAE,CAAC;IACrD,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;AAC1D,CAAC;AAQD,eAAe,YAAY,CAAC","sourcesContent":["import { html, } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Cre8Element } from '../cre8-element';\nimport styles from './link-list.styles.js';\n\n/*\n @slot - The link list items\n /\nexport class Cre8LinkList extends Cre8Element {\n static styles = [styles];\n\n /\n Behavioral variant\n * - responsive renders a horizontal wrapping link list that converts to a stacked link list on large screens\n * - horizontal renders a horizontal wrapping link list on all screens\n /\n @property()\n behavior?: 'responsive' \| 'horizontal';\n\n /\n Inverted variant\n * 1. Used for dark backgrounds\n /\n @property({ type: Boolean, reflect: true })\n inverted?: boolean;\n\n /\n Size variants\n * - sm renders a link list with a smaller typography\n /\n @property()\n size?: 'sm';\n\n /\n Spacing between link list items\n * - condensed renders a link list with a more compact display\n /\n @property()\n spacing?: 'condensed';\n\n /\n Style variants\n * - secondary renders a link list with a more subtle visual treatment\n * - display renders a link list with a display treatment (e.g. article title)\n */\n @property()\n variant?: 'secondary' \| 'display';\n\n render() {\n const componentClassName = this.componentClassNames('cre8-c-link-list', {\n 'cre8-c-link-list--secondary': this.variant === 'secondary',\n 'cre8-c-link-list--display': this.variant === 'display',\n 'cre8-c-link-list--inverted': this.inverted === true,\n 'cre8-c-link-list--responsive': this.behavior === 'responsive',\n 'cre8-c-link-list--horizontal': this.behavior === 'horizontal',\n 'cre8-c-link-list--condensed': this.spacing === 'condensed',\n 'cre8-c-link-list--sm': this.size === 'sm',\n });\n\n return html`\n <ul class=\"${componentClassName}\">\n <slot></slot>\n </ul>\n `;\n }\n}\n\nif (customElements.get('cre8-link-list') === undefined) {\n customElements.define('cre8-link-list', Cre8LinkList);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cre8-link-list': Cre8LinkList;\n }\n}\n\nexport default Cre8LinkList;\n"]}
1	+ {"version":3,"file":"link-list.js","sourceRoot":"","sources":["../../../components/link-list/link-list.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,GAAI,MAAM,KAAK,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAkB,MAAM,yBAAyB,CAAC;AAC5E,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAS3C;;GAEG;AAEH,MAAM,OAAO,YAAa,SAAQ,WAAW;IAmD3C,oDAAoD;IAC5C,gBAAgB;QACpB,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QAC7B,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAC7B,GAAG,EAAE,qBAAqB;YAC1B,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;YACnD,IAAI,EAAE,IAAI,CAAC,IAAI;SAClB,CAAC,CAAC,CAAC;IACR,CAAC;IAES,OAAO,CAAC,OAA6B;QAC3C,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;YAC5C,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;QACrD,CAAC;IACL,CAAC;IAGD,MAAM;QACF,MAAM,kBAAkB,GAAG,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,EAAE;YACpE,6BAA6B,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW;YAC3D,2BAA2B,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACvD,4BAA4B,EAAE,IAAI,CAAC,QAAQ,KAAK,IAAI;YACpD,8BAA8B,EAAE,IAAI,CAAC,QAAQ,KAAK,YAAY;YAC9D,8BAA8B,EAAE,IAAI,CAAC,QAAQ,KAAK,YAAY;YAC9D,6BAA6B,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW;YAC3D,sBAAsB,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;SAC7C,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;mBACE,kBAAkB;;;KAGhC,CAAC;IACJ,CAAC;;AAnFQ,mBAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAQvB;IADH,QAAQ,EAAE;8CACgC;AAOvC;IADH,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CACpB;AAOnB;IADH,QAAQ,EAAE;0CACK;AAOZ;IADH,QAAQ,EAAE;6CACe;AAQtB;IADH,QAAQ,EAAE;6CAC2B;AAWlC;IADH,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;2CACC;AAsC7B,IAAI,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,SAAS,EAAE,CAAC;IACrD,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;AAC1D,CAAC;AAQD,eAAe,YAAY,CAAC","sourcesContent":["import { html, } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Cre8Element } from '../cre8-element';\nimport { syncLightChildren, type ChildSpec } from '../utils/light-children';\nimport styles from './link-list.styles.js';\n\n/** One link in a data-driven link list. /\nexport interface Cre8LinkData {\n text: string;\n href: string;\n isActive?: boolean;\n}\n\n/\n @slot - The link list items\n /\n\nexport class Cre8LinkList extends Cre8Element {\n static styles = [styles];\n\n /\n Behavioral variant\n * - responsive renders a horizontal wrapping link list that converts to a stacked link list on large screens\n * - horizontal renders a horizontal wrapping link list on all screens\n /\n @property()\n behavior?: 'responsive' \| 'horizontal';\n\n /\n Inverted variant\n * 1. Used for dark backgrounds\n /\n @property({ type: Boolean, reflect: true })\n inverted?: boolean;\n\n /\n Size variants\n * - sm renders a link list with a smaller typography\n /\n @property()\n size?: 'sm';\n\n /\n Spacing between link list items\n * - condensed renders a link list with a more compact display\n /\n @property()\n spacing?: 'condensed';\n\n /\n Style variants\n * - secondary renders a link list with a more subtle visual treatment\n * - display renders a link list with a display treatment (e.g. article title)\n /\n @property()\n variant?: 'secondary' \| 'display';\n /\n Links for a data-driven list. Each becomes a `cre8-link-list-item`.\n \n Worth knowing if you compose these by hand: the label goes in the item's\n * default slot, not its `text` prop. That prop is declared and documented\n * but never rendered, so setting it produces an empty link that passes every\n * check — see the drift ledger in `docs/kb/07-research.md`. This API routes\n * around it.\n /\n @property({ type: Array })\n items?: Cre8LinkData[];\n\n /* The composition the data property stands for. */\n private buildComposition(): ChildSpec[] \| null {\n if (!this.items) return null;\n return this.items.map((item) => ({\n tag: 'cre8-link-list-item',\n props: { href: item.href, isActive: item.isActive },\n text: item.text,\n }));\n }\n\n protected updated(changed: Map<string, unknown>): void {\n if (['items'].some((key) => changed.has(key))) {\n syncLightChildren(this, this.buildComposition());\n }\n }\n\n\n render() {\n const componentClassName = this.componentClassNames('cre8-c-link-list', {\n 'cre8-c-link-list--secondary': this.variant === 'secondary',\n 'cre8-c-link-list--display': this.variant === 'display',\n 'cre8-c-link-list--inverted': this.inverted === true,\n 'cre8-c-link-list--responsive': this.behavior === 'responsive',\n 'cre8-c-link-list--horizontal': this.behavior === 'horizontal',\n 'cre8-c-link-list--condensed': this.spacing === 'condensed',\n 'cre8-c-link-list--sm': this.size === 'sm',\n });\n\n return html`\n <ul class=\"${componentClassName}\">\n <slot></slot>\n </ul>\n `;\n }\n}\n\nif (customElements.get('cre8-link-list') === undefined) {\n customElements.define('cre8-link-list', Cre8LinkList);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cre8-link-list': Cre8LinkList;\n }\n}\n\nexport default Cre8LinkList;\n"]}

package/lib/components/list/list.d.ts CHANGED Viewed

@@ -1,4 +1,8 @@
 import { Cre8Element } from '../cre8-element';
+/** One item in a data-driven list. */
+export interface Cre8ListItemData {
+    text: string;
+}
 /**
  * @slot - The list items
  */
@@ -23,6 +27,15 @@ export declare class Cre8List extends Cre8Element {
      * </cre8-text-passage>
      */
     spacing?: 'padded' | 'condensed';
+    /**
+     * Items for a data-driven list. Set this and the list builds its own
+     * `cre8-list-item` children in the light DOM — the same composition you would
+     * write by hand. Leave it unset to compose the list yourself.
+     */
+    items?: Cre8ListItemData[];
+    /** The composition the data property stands for. */
+    private buildComposition;
+    protected updated(changed: Map<string, unknown>): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/lib/components/list/list.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../components/list/list.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;~~AAG9C~~;;GAEG;~~AACH~~,qBAAa,QAAS,SAAQ,WAAW;IACrC,MAAM,CAAC,MAAM,4BAAY;IAE3B;;;;;;;OAOG;IAEC,OAAO,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;;;;OAQG;IAEC,OAAO,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;~~IAErC~~,MAAM;CAaP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF;AAED,eAAe,QAAQ,CAAC"}
1	+ {"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../components/list/list.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI9C,sCAAsC;AACtC,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AAEH,qBAAa,QAAS,SAAQ,WAAW;IACrC,MAAM,CAAC,MAAM,4BAAY;IAE3B;;;;;;;OAOG;IAEC,OAAO,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;;;;OAQG;IAEC,OAAO,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACrC;;;;OAIG;IAEC,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAE/B,oDAAoD;IACpD,OAAO,CAAC,gBAAgB;IAKxB,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAOtD,MAAM;CAaP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF;AAED,eAAe,QAAQ,CAAC"}

package/lib/components/list/list.js CHANGED Viewed

@@ -7,11 +7,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, } from 'lit';
 import { property } from 'lit/decorators.js';
 import { Cre8Element } from '../cre8-element';
+import { syncLightChildren } from '../utils/light-children';
 import styles from './list.styles.js';
 /**
  * @slot - The list items
  */
 export class Cre8List extends Cre8Element {
+    /** The composition the data property stands for. */
+    buildComposition() {
+        if (!this.items)
+            return null;
+        return this.items.map((item) => ({ tag: 'cre8-list-item', text: item.text }));
+    }
+    updated(changed) {
+        if (['items'].some((key) => changed.has(key))) {
+            syncLightChildren(this, this.buildComposition());
+        }
+    }
     render() {
         const componentClassName = this.componentClassNames('cre8-c-list', {
             'cre8-c-list--bare': this.variant === 'bare',
@@ -32,6 +44,9 @@ __decorate([
 __decorate([
     property()
 ], Cre8List.prototype, "spacing", void 0);
+__decorate([
+    property({ type: Array })
+], Cre8List.prototype, "items", void 0);
 if (customElements.get('cre8-list') === undefined) {
     customElements.define('cre8-list', Cre8List);
 }

package/lib/components/list/list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list.js","sourceRoot":"","sources":["../../../components/list/list.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,GAAI,MAAM,KAAK,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,MAAM,MAAM,kBAAkB,CAAC;~~AAEtC~~;;GAEG;~~AACH~~,MAAM,OAAO,QAAS,SAAQ,WAAW;~~IA0BvC~~,MAAM;QACF,MAAM,kBAAkB,GAAG,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE;YAC/D,mBAAmB,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;YAC5C,qBAAqB,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YAChD,wBAAwB,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW;SACzD,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;mBACE,kBAAkB;;;KAGhC,CAAC;IACJ,CAAC;;~~AArCQ~~,eAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAWvB;IADH,QAAQ,EAAE;yCACU;AAYjB;IADH,QAAQ,EAAE;yCAC0B;~~AAiBvC~~,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;IAChD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AACjD,CAAC;AAQD,eAAe,QAAQ,CAAC","sourcesContent":["import { html, } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Cre8Element } from '../cre8-element';\nimport styles from './list.styles.js';\n\n/*\n @slot - The list items\n /\nexport class Cre8List extends Cre8Element {\n static styles = [styles];\n\n /\n Style variants\n * <cre8-text-passage size=\"sm\">\n * <ul>\n * <li>bare removes any lines from in between list items</li>\n * </ul>\n * </cre8-text-passage>\n /\n @property()\n variant?: 'bare';\n\n /\n Spacing variants\n * <cre8-text-passage size=\"sm\">\n * <ul>\n * <li>padded applies more padding in between list items compared to the default</li>\n * <li>condensed reduces padding in between list items compared to the default</li>\n * </ul>\n * </cre8-text-passage>\n */\n @property()\n spacing?: 'padded' \| 'condensed';\n\n render() {\n const componentClassName = this.componentClassNames('cre8-c-list', {\n 'cre8-c-list--bare': this.variant === 'bare',\n 'cre8-c-list--padded': this.spacing === 'padded',\n 'cre8-c-list--condensed': this.spacing === 'condensed',\n });\n\n return html`\n <ul class=\"${componentClassName}\">\n <slot></slot>\n </ul>\n `;\n }\n}\n\nif (customElements.get('cre8-list') === undefined) {\n customElements.define('cre8-list', Cre8List);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cre8-list': Cre8List;\n }\n}\n\nexport default Cre8List;\n"]}
1	+ {"version":3,"file":"list.js","sourceRoot":"","sources":["../../../components/list/list.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,GAAI,MAAM,KAAK,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAkB,MAAM,yBAAyB,CAAC;AAC5E,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAOtC;;GAEG;AAEH,MAAM,OAAO,QAAS,SAAQ,WAAW;IAiCvC,oDAAoD;IAC5C,gBAAgB;QACpB,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QAC7B,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,gBAAgB,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAClF,CAAC;IAES,OAAO,CAAC,OAA6B;QAC3C,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;YAC5C,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;QACrD,CAAC;IACL,CAAC;IAGD,MAAM;QACF,MAAM,kBAAkB,GAAG,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE;YAC/D,mBAAmB,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;YAC5C,qBAAqB,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YAChD,wBAAwB,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW;SACzD,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;mBACE,kBAAkB;;;KAGhC,CAAC;IACJ,CAAC;;AAzDQ,eAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAWvB;IADH,QAAQ,EAAE;yCACU;AAYjB;IADH,QAAQ,EAAE;yCAC0B;AAOjC;IADH,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;uCACK;AA8BjC,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;IAChD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AACjD,CAAC;AAQD,eAAe,QAAQ,CAAC","sourcesContent":["import { html, } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Cre8Element } from '../cre8-element';\nimport { syncLightChildren, type ChildSpec } from '../utils/light-children';\nimport styles from './list.styles.js';\n\n/** One item in a data-driven list. /\nexport interface Cre8ListItemData {\n text: string;\n}\n\n/\n @slot - The list items\n /\n\nexport class Cre8List extends Cre8Element {\n static styles = [styles];\n\n /\n Style variants\n * <cre8-text-passage size=\"sm\">\n * <ul>\n * <li>bare removes any lines from in between list items</li>\n * </ul>\n * </cre8-text-passage>\n /\n @property()\n variant?: 'bare';\n\n /\n Spacing variants\n * <cre8-text-passage size=\"sm\">\n * <ul>\n * <li>padded applies more padding in between list items compared to the default</li>\n * <li>condensed reduces padding in between list items compared to the default</li>\n * </ul>\n * </cre8-text-passage>\n /\n @property()\n spacing?: 'padded' \| 'condensed';\n /\n Items for a data-driven list. Set this and the list builds its own\n * `cre8-list-item` children in the light DOM — the same composition you would\n * write by hand. Leave it unset to compose the list yourself.\n /\n @property({ type: Array })\n items?: Cre8ListItemData[];\n\n /* The composition the data property stands for. */\n private buildComposition(): ChildSpec[] \| null {\n if (!this.items) return null;\n return this.items.map((item) => ({ tag: 'cre8-list-item', text: item.text }));\n }\n\n protected updated(changed: Map<string, unknown>): void {\n if (['items'].some((key) => changed.has(key))) {\n syncLightChildren(this, this.buildComposition());\n }\n }\n\n\n render() {\n const componentClassName = this.componentClassNames('cre8-c-list', {\n 'cre8-c-list--bare': this.variant === 'bare',\n 'cre8-c-list--padded': this.spacing === 'padded',\n 'cre8-c-list--condensed': this.spacing === 'condensed',\n });\n\n return html`\n <ul class=\"${componentClassName}\">\n <slot></slot>\n </ul>\n `;\n }\n}\n\nif (customElements.get('cre8-list') === undefined) {\n customElements.define('cre8-list', Cre8List);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cre8-list': Cre8List;\n }\n}\n\nexport default Cre8List;\n"]}

package/lib/components/modal/modal.d.ts CHANGED Viewed

@@ -14,7 +14,7 @@ import '@a11y/focus-trap';
  * @slot header - Custom header content for the modal
  * @slot footer - Custom footer content for the modal
  *
- * @fires close-modal - Fires when the modal is dismissed via the close button, overlay click, or Escape key.
+ * @fires modal-close - Fires when the modal is dismissed via the close button, overlay click, or Escape key.
  */
 export declare class Cre8Modal extends Cre8Element {
     static styles: import("lit").CSSResult[];
@@ -92,7 +92,7 @@ export declare class Cre8Modal extends Cre8Element {
 export interface CloseModalEvent extends CustomEvent<{
     isActive: boolean;
 }> {
-    type: 'close-modal';
+    type: 'modal-close';
     currentTarget: Cre8Modal;
 }
 declare global {