@tmorrow/cre8-wc 2.0.6 → 2.0.8

package/dist/assets/{formatter-L2YTDE3Q-CJVnxOUW.js → formatter-L2YTDE3Q-B9u1AOWn.js}

@@ -1 +1 @@
-import{b as m}from"./blocks-DhUVut8Z.js";import{d as o,f as t}from"./iframe-dHvya7sk.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";var e=t(m(),1),_=(0,e.default)(2)(async(i,r)=>i===!1?r:o(r));export{_ as formatter};
+import{b as m}from"./blocks-1be_-L6v.js";import{d as o,f as t}from"./iframe-BNJP6ovU.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";var e=t(m(),1),_=(0,e.default)(2)(async(i,r)=>i===!1?r:o(r));export{_ as formatter};

package/dist/assets/{global-nav-item-xQL7wVjY.js → global-nav-item-T4htN-yO.js}

@@ -1,4 +1,4 @@
-import{a as p,b as a}from"./iframe-dHvya7sk.js";import{o as g}from"./if-defined-HKKhGupN.js";import{C as h,n as o}from"./cre8-element-DfmMtHJO.js";import{r as u}from"./state-CfuknrX8.js";const f=p`.cre8-u-content-knockout-brand {
+import{a as p,b as r}from"./iframe-BNJP6ovU.js";import{o as g}from"./if-defined-Bxnzk64Q.js";import{C as h,n as o}from"./cre8-element-B35i4Lyg.js";import{r as u}from"./state-DkQhleoO.js";const f=p`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -667,10 +659,10 @@ cre8-icon-legacy {
   --cre8-icon-height: 0.75rem;
   --cre8-icon-width: 0.75rem;
   margin-left: 0.5rem;
-}`;var b=Object.defineProperty,n=(m,e,t,d)=>{for(var r=void 0,s=m.length-1,c;s>=0;s--)(c=m[s])&&(r=c(e,t,r)||r);return r&&b(e,t,r),r};const l=class l extends h{constructor(){super(),this.text="Nav item",this.href="#",this.iconName="keyboard-arrow-down",this._handleOnClickOutside=this._handleOnClickOutside.bind(this),this._clickHandler=this._clickHandler.bind(this)}connectedCallback(){super.connectedCallback(),document.addEventListener("mousedown",this._handleOnClickOutside,!1)}disconnectedCallback(){document.removeEventListener("mousedown",this._handleOnClickOutside,!1),super.disconnectedCallback()}_handleOnClickOutside(e){if(!this.isActive)return;if(!this.shadowRoot?.host)throw Error("Could not determine navigation context during click handler");const t=e.composedPath().includes(this.shadowRoot.host);this.isActive&&!t&&(this.isActive=!1)}_clickHandler(e){e.preventDefault(),this.parentNode&&this.parentNode.querySelectorAll("cre8-global-nav-item").forEach(d=>{d!==this&&(d.isActive=!1)}),this.isActive=!this.isActive}closePanel(){this.isActive=!1}_handleOnKeyDown(e){if(e.key==="Escape"&&this.isActive===!0){this.closePanel();const t=this.shadowRoot?.querySelector(".cre8-c-global-nav__link");t&&setTimeout(()=>{t.focus()},1)}}render(){const e=this.componentClassNames("cre8-c-global-nav__item",{"cre8-is-active":this.isActive===!0,"cre8-c-global-nav__item--megamenu":this.megaMenu===!0});return this.megaMenu?a`
+}`;var b=Object.defineProperty,n=(m,e,t,d)=>{for(var a=void 0,s=m.length-1,c;s>=0;s--)(c=m[s])&&(a=c(e,t,a)||a);return a&&b(e,t,a),a};const l=class l extends h{constructor(){super(),this.text="Nav item",this.href="#",this.iconName="keyboard-arrow-down",this._handleOnClickOutside=this._handleOnClickOutside.bind(this),this._clickHandler=this._clickHandler.bind(this)}connectedCallback(){super.connectedCallback(),document.addEventListener("mousedown",this._handleOnClickOutside,!1)}disconnectedCallback(){document.removeEventListener("mousedown",this._handleOnClickOutside,!1),super.disconnectedCallback()}_handleOnClickOutside(e){if(!this.isActive)return;if(!this.shadowRoot?.host)throw Error("Could not determine navigation context during click handler");const t=e.composedPath().includes(this.shadowRoot.host);this.isActive&&!t&&(this.isActive=!1)}_clickHandler(e){e.preventDefault(),this.parentNode&&this.parentNode.querySelectorAll("cre8-global-nav-item").forEach(d=>{d!==this&&(d.isActive=!1)}),this.isActive=!this.isActive}closePanel(){this.isActive=!1}_handleOnKeyDown(e){if(e.key==="Escape"&&this.isActive===!0){this.closePanel();const t=this.shadowRoot?.querySelector(".cre8-c-global-nav__link");t&&setTimeout(()=>{t.focus()},1)}}render(){const e=this.componentClassNames("cre8-c-global-nav__item",{"cre8-is-active":this.isActive===!0,"cre8-c-global-nav__item--megamenu":this.megaMenu===!0});return this.megaMenu?r`
             <li class="${e}" @keydown=${this._handleOnKeyDown}>
                 <div class="cre8-c-global-nav__item-content">
-                    ${this.slotNotEmpty("itemBefore")&&a`
+                    ${this.slotNotEmpty("itemBefore")&&r`
                     <div class="cre8-c-global-nav__item-before">
                         <slot name="itemBefore"></slot>
                     </div>`}
@@ -684,16 +676,16 @@ cre8-icon-legacy {
                     </button>
                 </div>
             </li>
-        `:a`
+        `:r`
             <li class="${e}">
                 <div class="cre8-c-global-nav__item-content">
                     <a class="cre8-c-global-nav__link" href="${this.href}">
-                        ${this.slotNotEmpty("itemBefore")&&a`
+                        ${this.slotNotEmpty("itemBefore")&&r`
                         <div class="cre8-c-global-nav__item-before">
                             <slot name="itemBefore"></slot>
                         </div>`}
                         ${this.text}
-                        ${this.slotNotEmpty("itemAfter")&&a`
+                        ${this.slotNotEmpty("itemAfter")&&r`
                         <div class="cre8-c-global-nav__item-after">
                             <slot name="itemAfter"></slot>
                         </div>`}

package/dist/assets/{global-nav-item.stories-Dp9TE3aR.js → global-nav-item.stories-2dWRfCXv.js}

@@ -1 +1 @@
-import{b as o}from"./iframe-dHvya7sk.js";import{s as t}from"./spread-BPiNgQQF.js";import"./global-nav-item-xQL7wVjY.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-HKKhGupN.js";import"./cre8-element-DfmMtHJO.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./state-CfuknrX8.js";const d={title:"Cre8 Components/Global Nav Item",component:"cre8-global-nav-item",parameters:{status:{type:"inProgress"}}},r=e=>o`<cre8-global-nav-item ${t(e)}>Hello world</cre8-global-nav-item>`;r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:"args => html`<cre8-global-nav-item ${spread(args)}>Hello world</cre8-global-nav-item>`",...r.parameters?.docs?.source}}};const g=["Default"];export{r as Default,g as __namedExportsOrder,d as default};
+import{b as o}from"./iframe-BNJP6ovU.js";import{s as t}from"./spread-CnPic3C2.js";import"./global-nav-item-T4htN-yO.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./state-DkQhleoO.js";const d={title:"Cre8 Components/Global Nav Item",component:"cre8-global-nav-item",parameters:{status:{type:"inProgress"}}},r=e=>o`<cre8-global-nav-item ${t(e)}>Hello world</cre8-global-nav-item>`;r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:"args => html`<cre8-global-nav-item ${spread(args)}>Hello world</cre8-global-nav-item>`",...r.parameters?.docs?.source}}};const g=["Default"];export{r as Default,g as __namedExportsOrder,d as default};

package/dist/assets/{global-nav.stories-B5Nk8JZ0.js → global-nav.stories-Fh1gScqg.js}

@@ -1,4 +1,4 @@
-import{a as g,b as p}from"./iframe-dHvya7sk.js";import{s as c}from"./spread-BPiNgQQF.js";import"./global-nav-item-xQL7wVjY.js";import{C as u,n as o}from"./cre8-element-DfmMtHJO.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-HKKhGupN.js";import"./state-CfuknrX8.js";import"./_commonjsHelpers-DaWZu8wl.js";const h=g`.cre8-u-content-knockout-brand {
+import{a as g,b as p}from"./iframe-BNJP6ovU.js";import{s as c}from"./spread-CnPic3C2.js";import"./global-nav-item-T4htN-yO.js";import{C as u,n as o}from"./cre8-element-B35i4Lyg.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./state-DkQhleoO.js";import"./_commonjsHelpers-DaWZu8wl.js";const h=g`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -607,7 +599,7 @@ span.ripple {
   width: 100%;
   list-style: none;
   overflow: auto;
-}`;var f=Object.defineProperty,d=(i,a,l,b)=>{for(var t=void 0,n=i.length-1,s;n>=0;n--)(s=i[n])&&(t=s(a,l,t)||t);return t&&f(a,l,t),t};const m=class m extends u{constructor(){super(...arguments),this.navAriaLabel="global"}render(){const a=this.componentClassNames("cre8-c-global-nav",{"cre8-c-global-nav--side-by-side":this.behavior==="side-by-side","cre8-c-global-nav--inverted":this.inverted===!0});return p`
+}`;var f=Object.defineProperty,d=(i,a,s,b)=>{for(var t=void 0,n=i.length-1,l;n>=0;n--)(l=i[n])&&(t=l(a,s,t)||t);return t&&f(a,s,t),t};const m=class m extends u{constructor(){super(...arguments),this.navAriaLabel="global"}render(){const a=this.componentClassNames("cre8-c-global-nav",{"cre8-c-global-nav--side-by-side":this.behavior==="side-by-side","cre8-c-global-nav--inverted":this.inverted===!0});return p`
       <nav aria-label="${this.navAriaLabel}" class="${a}">
         <ul class="cre8-c-global-nav__list">
           <slot></slot>

package/dist/assets/{grid-DYgnZBsd.js → grid-C5CKMXNe.js}

@@ -1,4 +1,4 @@
-import{a as p,b as c}from"./iframe-dHvya7sk.js";import{C as h,n as d}from"./cre8-element-DfmMtHJO.js";const u=p`.cre8-u-content-knockout-brand {
+import{a as g,b as c}from"./iframe-BNJP6ovU.js";import{C as h,n as d}from"./cre8-element-B35i4Lyg.js";const u=g`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -598,7 +590,7 @@ span.ripple {
       <div class="${e}">
         <slot></slot>
       </div>
-    `}};o.styles=[u];let a=o;customElements.get("cre8-grid-item")===void 0&&customElements.define("cre8-grid-item",a);const f=p`.cre8-u-content-knockout-brand {
+    `}};o.styles=[u];let a=o;customElements.get("cre8-grid-item")===void 0&&customElements.define("cre8-grid-item",a);const f=g`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -972,10 +964,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1148,10 +1136,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1537,7 +1521,7 @@ span.ripple {
   .cre8-c-grid--2-4-6up > ::slotted(cre8-grid-item) {
     width: 16.66%;
   }
-}`;var x=Object.defineProperty,n=(s,e,l,w)=>{for(var i=void 0,r=s.length-1,g;r>=0;r--)(g=s[r])&&(i=g(e,l,i)||i);return i&&x(e,l,i),i};const m=class m extends h{render(){const e=this.componentClassNames("cre8-c-grid",{"cre8-c-grid--side-by-side":this.variant==="side-by-side","cre8-c-grid--2up":this.variant==="2up","cre8-c-grid--3up":this.variant==="3up","cre8-c-grid--1-3up":this.variant==="1-3up","cre8-c-grid--4up":this.variant==="4up","cre8-c-grid--1-4up":this.variant==="1-4up","cre8-c-grid--1-2-4up":this.variant==="1-2-4up","cre8-c-grid--2-4-6up":this.variant==="2-4-6up","cre8-c-grid--gap-none":this.gap==="none","cre8-c-grid--gap-sm":this.gap==="sm","cre8-c-grid--gap-lg":this.gap==="lg","cre8-c-grid--break-faster":this.break==="faster","cre8-c-grid--break-slower":this.break==="slower"});return c`
+}`;var x=Object.defineProperty,n=(s,e,l,w)=>{for(var i=void 0,r=s.length-1,p;r>=0;r--)(p=s[r])&&(i=p(e,l,i)||i);return i&&x(e,l,i),i};const m=class m extends h{render(){const e=this.componentClassNames("cre8-c-grid",{"cre8-c-grid--side-by-side":this.variant==="side-by-side","cre8-c-grid--2up":this.variant==="2up","cre8-c-grid--3up":this.variant==="3up","cre8-c-grid--1-3up":this.variant==="1-3up","cre8-c-grid--4up":this.variant==="4up","cre8-c-grid--1-4up":this.variant==="1-4up","cre8-c-grid--1-2-4up":this.variant==="1-2-4up","cre8-c-grid--2-4-6up":this.variant==="2-4-6up","cre8-c-grid--gap-none":this.gap==="none","cre8-c-grid--gap-sm":this.gap==="sm","cre8-c-grid--gap-lg":this.gap==="lg","cre8-c-grid--break-faster":this.break==="faster","cre8-c-grid--break-slower":this.break==="slower"});return c`
       <div class="${e}">
         <slot></slot>
       </div>

package/dist/assets/{grid.stories-BFiXTq2C.js → grid.stories-BLmCNdeA.js}

@@ -1,4 +1,4 @@
-import{b as r}from"./iframe-dHvya7sk.js";import"./f-po-C2WpbOFJ.js";import{s as T}from"./spread-BPiNgQQF.js";import"./grid-DYgnZBsd.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-HKKhGupN.js";import"./cre8-element-DfmMtHJO.js";import"./_commonjsHelpers-DaWZu8wl.js";const O={title:"Cre8 Components/Grid",component:"cre8-grid",parameters:{status:{type:"inProgress"}}},e=l=>r`<cre8-grid ${T(l)}>
+import{b as r}from"./iframe-BNJP6ovU.js";import"./f-po-BdPzDRD-.js";import{s as T}from"./spread-CnPic3C2.js";import"./grid-C5CKMXNe.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";const O={title:"Cre8 Components/Grid",component:"cre8-grid",parameters:{status:{type:"inProgress"}}},e=l=>r`<cre8-grid ${T(l)}>
   <cre8-grid-item>
     <f-po>Grid Item 1</f-po>
   </cre8-grid-item>

package/dist/assets/{header.stories-D1f7xhjV.js → header.stories-BkDrjJtj.js}

@@ -1,4 +1,4 @@
-import{a as p,b as a}from"./iframe-dHvya7sk.js";import"./f-po-C2WpbOFJ.js";import{s as l}from"./spread-BPiNgQQF.js";import{r as c}from"./state-CfuknrX8.js";import{C as g}from"./cre8-element-DfmMtHJO.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-HKKhGupN.js";import"./_commonjsHelpers-DaWZu8wl.js";const h=p`.cre8-u-content-knockout-brand {
+import{a as p,b as a}from"./iframe-BNJP6ovU.js";import"./f-po-BdPzDRD-.js";import{s as l}from"./spread-CnPic3C2.js";import{r as c}from"./state-DkQhleoO.js";import{C as g}from"./cre8-element-B35i4Lyg.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./_commonjsHelpers-DaWZu8wl.js";const h=p`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**

package/dist/assets/{heading-485Jz7JZ.js → heading-Dbka33DK.js}

@@ -1,4 +1,4 @@
-import{a as h,b as t}from"./iframe-dHvya7sk.js";import{C as m,n as l}from"./cre8-element-DfmMtHJO.js";const s=h`@charset "UTF-8";
+import{a as h,b as t}from"./iframe-BNJP6ovU.js";import{C as m,n as l}from"./cre8-element-B35i4Lyg.js";const s=h`@charset "UTF-8";
 .cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
@@ -373,10 +373,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -549,10 +545,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -909,4 +901,4 @@ span.ripple {
 
 .cre8-c-heading--inverted {
   color: var(--cre8-color-content-knockout);
-}`;var c=Object.defineProperty,o=(d,i,e,y)=>{for(var r=void 0,n=d.length-1,g;n>=0;n--)(g=d[n])&&(r=g(i,e,r)||r);return r&&c(i,e,r),r};const p=class p extends m{constructor(){super(...arguments),this.tagVariant="h5"}render(){const i=this.type?{}:{"cre8-c-heading--headline-large":this.tagVariant==="h1","cre8-c-heading--headline-default":this.tagVariant==="h2","cre8-c-heading--headline-small":this.tagVariant==="h3","cre8-c-heading--title-large":this.tagVariant==="h4","cre8-c-heading--title-default":this.tagVariant==="h5","cre8-c-heading--title-small":this.tagVariant==="h6"},e=this.componentClassNames("cre8-c-heading",{"cre8-c-heading--headline-large":this.type==="headline-large","cre8-c-heading--headline-default":this.type==="headline-default","cre8-c-heading--headline-small":this.type==="headline-small","cre8-c-heading--title-large":this.type==="title-large","cre8-c-heading--title-default":this.type==="title-default","cre8-c-heading--title-small":this.type==="title-small","cre8-c-heading--title-xlarge":this.type==="title-xlarge","cre8-c-heading--display-default":this.type==="display-default","cre8-c-heading--display-small":this.type==="display-small","cre8-c-heading--label-large":this.type==="label-large","cre8-c-heading--label-default":this.type==="label-default","cre8-c-heading--label-small":this.type==="label-small","cre8-c-heading--meta-large":this.type==="meta-large","cre8-c-heading--meta-default":this.type==="meta-default","cre8-c-heading--meta-small":this.type==="meta-small",...i,"cre8-c-heading--brand-color":this.brandColor,"cre8-c-heading--inverted":this.inverted});switch(this.tagVariant){case"h1":return t` <h1 part="tag" class="${e}"><slot></slot></h1> `;case"h2":return t` <h2 part="tag" class="${e}"><slot></slot></h2> `;case"h3":return t` <h3 part="tag" class="${e}"><slot></slot></h3> `;case"h4":return t` <h4 part="tag" class="${e}"><slot></slot></h4> `;case"h5":return t` <h5 part="tag" class="${e}"><slot></slot></h5> `;case"h6":return t` <h6 part="tag" class="${e}"><slot></slot></h6> `;default:return t` <h4 part="tag" class="${e}"><slot></slot></h4> `}}};p.styles=[s];let a=p;o([l()],a.prototype,"type");o([l()],a.prototype,"tagVariant");o([l({type:Boolean,reflect:!0})],a.prototype,"inverted");o([l({type:Boolean,reflect:!0})],a.prototype,"brandColor");customElements.get("cre8-heading")===void 0&&customElements.define("cre8-heading",a);
+}`;var c=Object.defineProperty,o=(d,i,e,y)=>{for(var r=void 0,n=d.length-1,g;n>=0;n--)(g=d[n])&&(r=g(i,e,r)||r);return r&&c(i,e,r),r};const p=class p extends m{constructor(){super(...arguments),this.tagVariant="h5"}render(){const i=this.type?{}:{"cre8-c-heading--headline-large":this.tagVariant==="h1","cre8-c-heading--headline-default":this.tagVariant==="h2","cre8-c-heading--headline-small":this.tagVariant==="h3","cre8-c-heading--title-large":this.tagVariant==="h4","cre8-c-heading--title-default":this.tagVariant==="h5","cre8-c-heading--title-small":this.tagVariant==="h6"},e=this.componentClassNames("cre8-c-heading",{...i,"cre8-c-heading--headline-large":this.type==="headline-large","cre8-c-heading--headline-default":this.type==="headline-default","cre8-c-heading--headline-small":this.type==="headline-small","cre8-c-heading--title-large":this.type==="title-large","cre8-c-heading--title-default":this.type==="title-default","cre8-c-heading--title-small":this.type==="title-small","cre8-c-heading--title-xlarge":this.type==="title-xlarge","cre8-c-heading--display-default":this.type==="display-default","cre8-c-heading--display-small":this.type==="display-small","cre8-c-heading--label-large":this.type==="label-large","cre8-c-heading--label-default":this.type==="label-default","cre8-c-heading--label-small":this.type==="label-small","cre8-c-heading--meta-large":this.type==="meta-large","cre8-c-heading--meta-default":this.type==="meta-default","cre8-c-heading--meta-small":this.type==="meta-small","cre8-c-heading--brand-color":this.brandColor,"cre8-c-heading--inverted":this.inverted});switch(this.tagVariant){case"h1":return t` <h1 part="tag" class="${e}"><slot></slot></h1> `;case"h2":return t` <h2 part="tag" class="${e}"><slot></slot></h2> `;case"h3":return t` <h3 part="tag" class="${e}"><slot></slot></h3> `;case"h4":return t` <h4 part="tag" class="${e}"><slot></slot></h4> `;case"h5":return t` <h5 part="tag" class="${e}"><slot></slot></h5> `;case"h6":return t` <h6 part="tag" class="${e}"><slot></slot></h6> `;default:return t` <h4 part="tag" class="${e}"><slot></slot></h4> `}}};p.styles=[s];let a=p;o([l()],a.prototype,"type");o([l()],a.prototype,"tagVariant");o([l({type:Boolean,reflect:!0})],a.prototype,"inverted");o([l({type:Boolean,reflect:!0})],a.prototype,"brandColor");customElements.get("cre8-heading")===void 0&&customElements.define("cre8-heading",a);

package/dist/assets/{heading.stories-gPF_SmTc.js → heading.stories-Be40_bmG.js}

@@ -1,4 +1,4 @@
-import{b as $}from"./iframe-dHvya7sk.js";import{s as C}from"./spread-BPiNgQQF.js";import"./heading-485Jz7JZ.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-DfmMtHJO.js";import"./_commonjsHelpers-DaWZu8wl.js";const w={title:"cre8 Components/Heading",component:"cre8-heading",parameters:{status:{type:"inProgress"}},render:e=>$`<cre8-heading ${C(e)}>Heading</cre8-heading>`,argTypes:{type:{options:["display-default","display-small","headline-large","headline-default","headline-small","title-xlarge","title-large","title-default","title-small","label-large","label-default","label-small","meta-large","meta-default","meta-small"],control:{type:"radio"}},tagVariant:{options:["h1","h2","h3","h4","h5","h6"],control:{type:"radio"}},brandColor:{control:{type:"boolean"}},inverted:{control:{type:"boolean"}}}},a={},r={args:{type:"display-default"}},s={args:{type:"display-small"}},t={args:{type:"headline-large"}},o={args:{type:"headline-default"}},n={args:{type:"headline-small"}},l={args:{type:"title-xlarge"}},c={args:{type:"title-large"}},d={args:{type:"title-default"}},p={args:{type:"title-small"}},i={args:{type:"label-large"}},m={args:{type:"label-default"}},g={args:{type:"label-small"}},u={args:{type:"meta-large"}},h={args:{type:"meta-default"}},y={args:{type:"meta-small"}},S={args:{tagVariant:"h1"}},f={args:{tagVariant:"h2"}},b={args:{tagVariant:"h3"}},v={args:{tagVariant:"h4"}},D={args:{tagVariant:"h5"}},L={args:{tagVariant:"h6"}},V={args:{brandColor:!0}},k={render:e=>$`<div style="padding: 20px; background: #000;">
+import{b as $}from"./iframe-BNJP6ovU.js";import{s as C}from"./spread-CnPic3C2.js";import"./heading-Dbka33DK.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";const w={title:"cre8 Components/Heading",component:"cre8-heading",parameters:{status:{type:"inProgress"}},render:e=>$`<cre8-heading ${C(e)}>Heading</cre8-heading>`,argTypes:{type:{options:["display-default","display-small","headline-large","headline-default","headline-small","title-xlarge","title-large","title-default","title-small","label-large","label-default","label-small","meta-large","meta-default","meta-small"],control:{type:"radio"}},tagVariant:{options:["h1","h2","h3","h4","h5","h6"],control:{type:"radio"}},brandColor:{control:{type:"boolean"}},inverted:{control:{type:"boolean"}}}},a={},r={args:{type:"display-default"}},s={args:{type:"display-small"}},t={args:{type:"headline-large"}},o={args:{type:"headline-default"}},n={args:{type:"headline-small"}},l={args:{type:"title-xlarge"}},c={args:{type:"title-large"}},d={args:{type:"title-default"}},p={args:{type:"title-small"}},i={args:{type:"label-large"}},m={args:{type:"label-default"}},g={args:{type:"label-small"}},u={args:{type:"meta-large"}},h={args:{type:"meta-default"}},y={args:{type:"meta-small"}},S={args:{tagVariant:"h1"}},f={args:{tagVariant:"h2"}},b={args:{tagVariant:"h3"}},v={args:{tagVariant:"h4"}},D={args:{tagVariant:"h5"}},L={args:{tagVariant:"h6"}},V={args:{brandColor:!0}},k={render:e=>$`<div style="padding: 20px; background: #000;">
     <cre8-heading ${C(e)} ?inverted=${!0}>Heading style for dark backgrounds</cre8-heading>
   </div>`},H={render:e=>$`<div style="padding: 20px; background: #000;">
     <cre8-heading ${C(e)}  ?brandColor=${!0} ?inverted=${!0}>Heading with brand color for dark backgrounds</cre8-heading>

package/dist/assets/{hero.stories-BHlFNdvF.js → hero.stories-vRu7PZG9.js}

@@ -1,4 +1,4 @@
-import{a as v,b as t}from"./iframe-dHvya7sk.js";import"./heading-485Jz7JZ.js";import"./text-passage-DGaI5i2I.js";import{C as w,n as p}from"./cre8-element-DfmMtHJO.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const z=v`.cre8-u-content-knockout-brand {
+import{a as v,b as t}from"./iframe-BNJP6ovU.js";import"./heading-Dbka33DK.js";import"./text-passage-xQVosjOr.js";import{C as w,n as p}from"./cre8-element-B35i4Lyg.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const z=v`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**

package/dist/assets/{icon-DeTLDzTS.js → icon-ChfRWXWy.js}

@@ -1,4 +1,4 @@
-import{a as u,b as i,o as f}from"./iframe-dHvya7sk.js";import{o as p}from"./if-defined-HKKhGupN.js";import{C as b,n as t}from"./cre8-element-DfmMtHJO.js";const x=u`.cre8-u-content-knockout-brand {
+import{a as u,b as i,o as f}from"./iframe-BNJP6ovU.js";import{o as p}from"./if-defined-Bxnzk64Q.js";import{C as b,n as t}from"./cre8-element-B35i4Lyg.js";const x=u`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -943,7 +935,7 @@ cre8-icon[flip=both] {
 <path d="M12 1.875C9.99747 1.875 8.0399 2.46882 6.37486 3.58137C4.70981 4.69392 3.41206 6.27523 2.64572 8.12533C1.87939 9.97543 1.67888 12.0112 2.06955 13.9753C2.46023 15.9393 3.42454 17.7435 4.84055 19.1595C6.25656 20.5755 8.06066 21.5398 10.0247 21.9305C11.9888 22.3211 14.0246 22.1206 15.8747 21.3543C17.7248 20.5879 19.3061 19.2902 20.4186 17.6251C21.5312 15.9601 22.125 14.0025 22.125 12C22.122 9.3156 21.0543 6.74199 19.1562 4.84383C17.258 2.94567 14.6844 1.87798 12 1.875ZM12 19.875C10.4425 19.875 8.91993 19.4131 7.62489 18.5478C6.32985 17.6825 5.32049 16.4526 4.72445 15.0136C4.12841 13.5747 3.97246 11.9913 4.27632 10.4637C4.58018 8.93606 5.3302 7.53287 6.43154 6.43153C7.53288 5.3302 8.93607 4.58017 10.4637 4.27632C11.9913 3.97246 13.5747 4.12841 15.0136 4.72445C16.4526 5.32049 17.6825 6.32985 18.5478 7.62488C19.4131 8.91992 19.875 10.4425 19.875 12C19.8728 14.0879 19.0424 16.0896 17.566 17.566C16.0896 19.0424 14.0879 19.8728 12 19.875ZM10.875 12.375V7.5C10.875 7.20163 10.9935 6.91548 11.2045 6.7045C11.4155 6.49353 11.7016 6.375 12 6.375C12.2984 6.375 12.5845 6.49353 12.7955 6.7045C13.0065 6.91548 13.125 7.20163 13.125 7.5V12.375C13.125 12.6734 13.0065 12.9595 12.7955 13.1705C12.5845 13.3815 12.2984 13.5 12 13.5C11.7016 13.5 11.4155 13.3815 11.2045 13.1705C10.9935 12.9595 10.875 12.6734 10.875 12.375ZM13.5 16.125C13.5 16.4217 13.412 16.7117 13.2472 16.9584C13.0824 17.205 12.8481 17.3973 12.574 17.5108C12.2999 17.6244 11.9983 17.6541 11.7074 17.5962C11.4164 17.5383 11.1491 17.3954 10.9393 17.1857C10.7296 16.9759 10.5867 16.7086 10.5288 16.4176C10.4709 16.1267 10.5007 15.8251 10.6142 15.551C10.7277 15.2769 10.92 15.0426 11.1666 14.8778C11.4133 14.713 11.7033 14.625 12 14.625C12.3978 14.625 12.7794 14.783 13.0607 15.0643C13.342 15.3456 13.5 15.7272 13.5 16.125Z"/>
 
 </symbol>
-<symbol id="express-scripts" viewBox="0 0 45 24">
+<symbol id="pharmacy" viewBox="0 0 45 24">
 <path d="M6.5 6.03516V18.0139H15.0511V16.3152H8.33659V12.8007H13.817V11.1459H8.33659V7.68992H14.8014V6.03516H6.5Z"/>
 <path d="M31.2126 7.69285H33.8132C35.6351 7.69285 36.6489 8.5422 36.6489 10.0652C36.6489 11.6614 35.6939 12.5107 33.9014 12.5107H31.2126V7.69285ZM36.4285 6.53598C35.7086 6.19916 34.8564 6.02344 33.8132 6.02344H29.3613V18.0168H31.2126V14.1508H33.9161C35.4735 14.1508 36.6636 13.7701 37.4423 12.9793C38.1476 12.2764 38.5002 11.2953 38.5002 10.0505C38.5002 8.42505 37.7802 7.19495 36.4285 6.53598Z"/>
 <path d="M26.7284 6.00542L22.6974 10.0231L24.3596 11.6798L28.3907 7.66218L26.7284 6.00542Z"/>

package/dist/assets/{icon-description-o-YaiEjK.js → icon-description-BBSwDykJ.js}

@@ -1,4 +1,4 @@
-import{a as i}from"./iframe-dHvya7sk.js";i`@import 'design-tokens/core/scss/theming/component';
+import{a as i}from"./iframe-BNJP6ovU.js";i`@import 'design-tokens/core/scss/theming/component';
 
 /**
  * 1)

package/dist/assets/{icon-description.stories-BdPRvEwe.js → icon-description.stories-Cg6ekOme.js}

@@ -1,3 +1,3 @@
-import{b as o}from"./iframe-dHvya7sk.js";import{s}from"./spread-BPiNgQQF.js";import"./icon-description-o-YaiEjK.js";import"./preload-helper-PPVm8Dsz.js";const a={title:"Examples/Icon Description",component:"icon-description",parameters:{status:{type:"inProgress"}}},e=r=>o` <icon-description ${s(r)} verticalAlign="center" size="sm">
+import{b as o}from"./iframe-BNJP6ovU.js";import{s}from"./spread-CnPic3C2.js";import"./icon-description-BBSwDykJ.js";import"./preload-helper-PPVm8Dsz.js";const a={title:"Examples/Icon Description",component:"icon-description",parameters:{status:{type:"inProgress"}}},e=r=>o` <icon-description ${s(r)} verticalAlign="center" size="sm">
   <cre8-icon-legacy name="order-status" slot="header"></cre8-icon-legacy>Enrolled in auto refill
 </icon-description>`;e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:'args => html` <icon-description ${spread(args)} verticalAlign="center" size="sm">\n  <cre8-icon-legacy name="order-status" slot="header"></cre8-icon-legacy>Enrolled in auto refill\n</icon-description>`',...e.parameters?.docs?.source}}};const l=["Default"];export{e as Default,l as __namedExportsOrder,a as default};

package/dist/assets/{icon.stories-BxWpqxT5.js → icon.stories-Cj4U7L5G.js}

@@ -1,4 +1,4 @@
-import{b as o}from"./iframe-dHvya7sk.js";import{s as n}from"./spread-BPiNgQQF.js";import"./icon-DeTLDzTS.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-HKKhGupN.js";import"./cre8-element-DfmMtHJO.js";import"./_commonjsHelpers-DaWZu8wl.js";const t=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+import{b as o}from"./iframe-BNJP6ovU.js";import{s as n}from"./spread-CnPic3C2.js";import"./icon-ChfRWXWy.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";const t=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 0C6.41775 0 4.87103 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346628 6.40034 -0.15496 8.00887 0.153721 9.56072C0.462403 11.1126 1.22433 12.538 2.34315 13.6569C3.46197 14.7757 4.88743 15.5376 6.43928 15.8463C7.99113 16.155 9.59966 15.9965 11.0615 15.391C12.5233 14.7855 13.7727 13.7602 14.6518 12.4446C15.5308 11.129 16 9.58225 16 8C15.9978 5.87895 15.1542 3.84542 13.6544 2.34562C12.1546 0.845814 10.121 0.00223986 8 0ZM7.69231 3.69231C7.87488 3.69231 8.05334 3.74644 8.20514 3.84787C8.35694 3.9493 8.47526 4.09347 8.54512 4.26214C8.61499 4.43081 8.63327 4.61641 8.59765 4.79547C8.56203 4.97453 8.47412 5.139 8.34502 5.2681C8.21593 5.39719 8.05145 5.48511 7.87239 5.52072C7.69333 5.55634 7.50773 5.53806 7.33906 5.46819C7.17039 5.39833 7.02623 5.28002 6.9248 5.12822C6.82337 4.97642 6.76923 4.79795 6.76923 4.61538C6.76923 4.37057 6.86649 4.13578 7.0396 3.96267C7.21271 3.78956 7.44749 3.69231 7.69231 3.69231ZM8.61539 12.3077C8.28897 12.3077 7.97591 12.178 7.7451 11.9472C7.51429 11.7164 7.38462 11.4033 7.38462 11.0769V8C7.22141 8 7.06488 7.93516 6.94947 7.81976C6.83407 7.70435 6.76923 7.54782 6.76923 7.38461C6.76923 7.2214 6.83407 7.06488 6.94947 6.94947C7.06488 6.83406 7.22141 6.76923 7.38462 6.76923C7.71104 6.76923 8.02409 6.8989 8.2549 7.12971C8.48572 7.36053 8.61539 7.67358 8.61539 8V11.0769C8.7786 11.0769 8.93512 11.1418 9.05053 11.2572C9.16594 11.3726 9.23077 11.5291 9.23077 11.6923C9.23077 11.8555 9.16594 12.012 9.05053 12.1274C8.93512 12.2429 8.7786 12.3077 8.61539 12.3077Z"/>
 </svg>
 `,l={title:"cre8 Components/Icon/Icon",component:"cre8-icon-legacy",parameters:{status:{type:"inProgress"}},args:{name:"add"}},r=e=>o`

package/dist/assets/if-defined-Bxnzk64Q.js

@@ -0,0 +1 @@
+import{A as r}from"./iframe-BNJP6ovU.js";const m=o=>o??r;export{m as o};