@tmorrow/cre8-wc 2.1.1 → 2.2.2

package/dist/assets/iframe-CWwoGI65.css

@@ -0,0 +1 @@
+:root{--size-base-unit: .5rem;--cre8-l-max-width: 82.5rem;--cre8-l-linelength-width: 42rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}

package/dist/assets/{inline-alert.stories-CygBYI02.js → inline-alert.stories-C_R0hcQ4.js}

@@ -1,4 +1,4 @@
-import{a as N,A as S,b as e}from"./iframe-BNJP6ovU.js";import{s as E}from"./spread-CnPic3C2.js";import{C as R,n as o}from"./cre8-element-B35i4Lyg.js";import"./icon-ChfRWXWy.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-Bxnzk64Q.js";const M=N`@charset "UTF-8";
+import{a as N,A as S,b as e}from"./iframe-CTa_pRc7.js";import{s as E}from"./spread-B518TqwY.js";import{C as R,n as o}from"./cre8-element-q82VmUgi.js";import"./icon-ByzQuB0Z.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-DWVEXvB4.js";const M=N`@charset "UTF-8";
 .cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
@@ -373,6 +373,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -545,6 +549,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**

package/dist/assets/{layout-container.stories-TMyIJteJ.js → layout-container.stories-Bywbzd_L.js}

@@ -1,4 +1,4 @@
-import{a as p,b as s}from"./iframe-BNJP6ovU.js";import"./f-po-BdPzDRD-.js";import{s as l}from"./spread-CnPic3C2.js";import{C as g,n as c}from"./cre8-element-B35i4Lyg.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./_commonjsHelpers-DaWZu8wl.js";const u=p`.cre8-u-content-knockout-brand {
+import{a as l,b as s}from"./iframe-CTa_pRc7.js";import"./f-po-CGwWqyus.js";import{s as p}from"./spread-B518TqwY.js";import{C as g,n as c}from"./cre8-element-q82VmUgi.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DWVEXvB4.js";import"./_commonjsHelpers-DaWZu8wl.js";const u=l`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -603,6 +611,6 @@ span.ripple {
       <div class="${i}">
         <slot></slot>
       </div>
-    `}};o.styles=[u];let a=o;f([c({type:Boolean,reflect:!0})],a.prototype,"fullHeight");customElements.get("cre8-layout-container")===void 0&&customElements.define("cre8-layout-container",a);const R={title:"Cre8 Components/Layout Container",component:"layout-container",parameters:{status:{type:"inProgress"}}},r=e=>s`<cre8-layout-container ${l(e)}>
+    `}};o.styles=[u];let a=o;f([c({type:Boolean,reflect:!0})],a.prototype,"fullHeight");customElements.get("cre8-layout-container")===void 0&&customElements.define("cre8-layout-container",a);const R={title:"Cre8 Components/Layout Container",component:"layout-container",parameters:{status:{type:"inProgress"}}},r=e=>s`<cre8-layout-container ${p(e)}>
   <f-po>Layout Container</f-po>
 </cre8-layout-container>`;r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:"args => html`<cre8-layout-container ${spread(args)}>\n  <f-po>Layout Container</f-po>\n</cre8-layout-container>`",...r.parameters?.docs?.source}}};const _=["Default"];export{r as Default,_ as __namedExportsOrder,R as default};

package/dist/assets/{layout.stories-ylRM-ANL.js → layout.stories-CI7XD-aG.js}

@@ -1,4 +1,4 @@
-import{a as h,b as d}from"./iframe-BNJP6ovU.js";import"./f-po-BdPzDRD-.js";import{s as b}from"./spread-CnPic3C2.js";import{C as f,n as g}from"./cre8-element-B35i4Lyg.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./_commonjsHelpers-DaWZu8wl.js";const z=h`.cre8-u-content-knockout-brand {
+import{a as h,b as d}from"./iframe-CTa_pRc7.js";import"./f-po-CGwWqyus.js";import{s as b}from"./spread-B518TqwY.js";import{C as f,n as g}from"./cre8-element-q82VmUgi.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DWVEXvB4.js";import"./_commonjsHelpers-DaWZu8wl.js";const w=h`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -587,11 +595,11 @@ span.ripple {
 .cre8-c-layout-section {
   width: 100%;
   height: 100%;
-}`;var w=Object.defineProperty,x=(i,e,r,y)=>{for(var t=void 0,a=i.length-1,n;a>=0;a--)(n=i[a])&&(t=n(e,r,t)||t);return t&&w(e,r,t),t};const c=class c extends f{constructor(){super(...arguments),this.top="1rem"}render(){const e=this.componentClassNames("cre8-c-layout-section",{"cre8-c-layout-section--sticky":this.behavior==="sticky"});return d`
+}`;var z=Object.defineProperty,x=(i,e,r,y)=>{for(var t=void 0,a=i.length-1,n;a>=0;a--)(n=i[a])&&(t=n(e,r,t)||t);return t&&z(e,r,t),t};const c=class c extends f{constructor(){super(...arguments),this.top="1rem"}render(){const e=this.componentClassNames("cre8-c-layout-section",{"cre8-c-layout-section--sticky":this.behavior==="sticky"});return d`
       <div class="${e}" style=${`top: ${this.top}`}>
         <slot></slot>
       </div>
-    `}};c.styles=[z];let o=c;x([g()],o.prototype,"behavior");x([g()],o.prototype,"top");customElements.get("cre8-layout-section")===void 0&&customElements.define("cre8-layout-section",o);const v=h`.cre8-u-content-knockout-brand {
+    `}};c.styles=[w];let o=c;x([g()],o.prototype,"behavior");x([g()],o.prototype,"top");customElements.get("cre8-layout-section")===void 0&&customElements.define("cre8-layout-section",o);const v=h`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -965,6 +973,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1137,6 +1149,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1209,7 +1225,7 @@ span.ripple {
       <div class="${e}">
         <slot></slot>
       </div>
-    `}};u.styles=[v];let l=u;R([g()],l.prototype,"variant");customElements.get("cre8-layout")===void 0&&customElements.define("cre8-layout",l);const F={title:"Cre8 Components/Layout",component:"cre8-layout",parameters:{status:{type:"notStarted"}}},m=i=>d`<cre8-layout ${b(i)}>
+    `}};u.styles=[v];let p=u;R([g()],p.prototype,"variant");customElements.get("cre8-layout")===void 0&&customElements.define("cre8-layout",p);const F={title:"Cre8 Components/Layout",component:"cre8-layout",parameters:{status:{type:"notStarted"}}},m=i=>d`<cre8-layout ${b(i)}>
   <cre8-layout-section>
     <f-po>Layout Section</f-po>
   </cre8-layout-section>
@@ -1223,7 +1239,7 @@ span.ripple {
   <cre8-layout-section>
     <f-po>Layout Section</f-po>
   </cre8-layout-section>
-</cre8-layout>`,p=()=>d`<cre8-layout variant="right-sidebar">
+</cre8-layout>`,l=()=>d`<cre8-layout variant="right-sidebar">
   <cre8-layout-section>
     <f-po>Layout Section</f-po>
   </cre8-layout-section>
@@ -1244,11 +1260,11 @@ span.ripple {
   <cre8-layout-section>
     <f-po>Layout Section</f-po>
   </cre8-layout-section>
-</cre8-layout>\``,...s.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`() => html\`<cre8-layout variant="right-sidebar">
+</cre8-layout>\``,...s.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`() => html\`<cre8-layout variant="right-sidebar">
   <cre8-layout-section>
     <f-po>Layout Section</f-po>
   </cre8-layout-section>
   <cre8-layout-section>
     <f-po>Layout Section Sidebar</f-po>
   </cre8-layout-section>
-</cre8-layout>\``,...p.parameters?.docs?.source}}};const T=["Default","LeftSidebar","RightSidebar"];export{m as Default,s as LeftSidebar,p as RightSidebar,T as __namedExportsOrder,F as default};
+</cre8-layout>\``,...l.parameters?.docs?.source}}};const T=["Default","LeftSidebar","RightSidebar"];export{m as Default,s as LeftSidebar,l as RightSidebar,T as __namedExportsOrder,F as default};

package/dist/assets/light-children-DDjBxt3J.js

@@ -0,0 +1 @@
+const a="data-cre8-generated";function s(n,l={}){for(const[i,o]of Object.entries(l)){if(o==null||o===!1){n.removeAttribute(i);continue}if(o===!0){n.setAttribute(i,"");continue}if(typeof o=="object"){n[i]=o;continue}n.setAttribute(i,String(o))}}function f(n,l,i){const o=[...n.children].filter(t=>t.hasAttribute(a));l.forEach((t,u)=>{let e=o[u];if(!e||e.tagName.toLowerCase()!==t.tag.toLowerCase()){const r=i.createElement(t.tag);r.setAttribute(a,""),e?n.replaceChild(r,e):n.appendChild(r),e=r}for(const r of[...e.attributes])r.name===a||r.name==="slot"||(!t.props||!(r.name in t.props))&&e.removeAttribute(r.name);s(e,t.props),t.slot?e.setAttribute("slot",t.slot):e.removeAttribute("slot"),t.children?f(e,t.children,i):t.text!==void 0&&e.textContent!==t.text&&(e.textContent=t.text)});for(let t=l.length;t<o.length;t++)o[t].remove()}function c(n,l){const i=n.ownerDocument;i&&f(n,l??[],i)}export{c as s};

package/dist/assets/{linelength-container.stories-Br2v8jXE.js → linelength-container.stories-DvwrIt8x.js}

@@ -1,4 +1,4 @@
-import{a as o,b as r}from"./iframe-BNJP6ovU.js";import"./f-po-BdPzDRD-.js";import{s as d}from"./spread-CnPic3C2.js";import{C as m}from"./cre8-element-B35i4Lyg.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./_commonjsHelpers-DaWZu8wl.js";const s=o`.cre8-u-content-knockout-brand {
+import{a as o,b as r}from"./iframe-CTa_pRc7.js";import"./f-po-CGwWqyus.js";import{s as d}from"./spread-B518TqwY.js";import{C as m}from"./cre8-element-q82VmUgi.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DWVEXvB4.js";import"./_commonjsHelpers-DaWZu8wl.js";const s=o`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**

package/dist/assets/{link-CRE0Eqdo.js → link-CkyZrqNv.js}

@@ -1,4 +1,4 @@
-import{a as g,b as n,A as a}from"./iframe-BNJP6ovU.js";import{C as h,n as r}from"./cre8-element-B35i4Lyg.js";import{o as c}from"./if-defined-Bxnzk64Q.js";const f=g`.cre8-u-content-knockout-brand {
+import{a as g,b as n,A as a}from"./iframe-CTa_pRc7.js";import{C as h,n as r}from"./cre8-element-q82VmUgi.js";import{o as c}from"./if-defined-DWVEXvB4.js";const f=g`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**

package/dist/assets/{link-list.stories--y-urrVo.js → link-list.stories-BrOT-y5d.js}

@@ -1,4 +1,4 @@
-import{a as _,b as i}from"./iframe-BNJP6ovU.js";import{s as S}from"./spread-CnPic3C2.js";import{o as O}from"./if-defined-Bxnzk64Q.js";import{C as R,n}from"./cre8-element-B35i4Lyg.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const B=_`.cre8-u-content-knockout-brand {
+import{a as _,b as e}from"./iframe-CTa_pRc7.js";import{s as S}from"./spread-B518TqwY.js";import{o as O}from"./if-defined-DWVEXvB4.js";import{C as R,n}from"./cre8-element-q82VmUgi.js";import{s as C}from"./light-children-DDjBxt3J.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const B=_`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -638,21 +646,21 @@ span.ripple {
 ::slotted(cre8-icon-legacy) {
   --cre8-icon-height: 1.5rem;
   --cre8-icon-width: 1.5rem;
-}`;var T=Object.defineProperty,w=(l,t,o,I)=>{for(var e=void 0,a=l.length-1,m;a>=0;a--)(m=l[a])&&(e=m(t,o,e)||e);return e&&T(t,o,e),e};const z=class z extends R{render(){const t=this.componentClassNames("cre8-c-link-list__item",{"cre8-is-active":this.isActive===!0});return i`
-      <li class="${t}">
+}`;var T=Object.defineProperty,w=(l,i,a,I)=>{for(var t=void 0,s=l.length-1,c;s>=0;s--)(c=l[s])&&(t=c(i,a,t)||t);return t&&T(i,a,t),t};const z=class z extends R{render(){const i=this.componentClassNames("cre8-c-link-list__item",{"cre8-is-active":this.isActive===!0});return e`
+      <li class="${i}">
         <a class="cre8-c-link-list__link" href="${O(this.href)}">
-          ${this.slotNotEmpty("itemBefore")&&i`
+          ${this.slotNotEmpty("itemBefore")&&e`
           <div class="cre8-c-link-list__item-before">
             <slot name="itemBefore"></slot>
           </div>`}
           <slot></slot>
         </a>
-        ${this.slotNotEmpty("itemAfter")&&i`
+        ${this.slotNotEmpty("itemAfter")&&e`
         <div class="cre8-c-link-list__item-after">
           <slot name="itemAfter"></slot>
         </div>`}
       </li>
-    `}};z.styles=[B];let s=z;w([n()],s.prototype,"text");w([n({type:Boolean,reflect:!0})],s.prototype,"isActive");w([n()],s.prototype,"href");customElements.get("cre8-link-list-item")===void 0&&customElements.define("cre8-link-list-item",s);const V=_`.cre8-u-content-knockout-brand {
+    `}};z.styles=[B];let o=z;w([n()],o.prototype,"text");w([n({type:Boolean,reflect:!0})],o.prototype,"isActive");w([n()],o.prototype,"href");customElements.get("cre8-link-list-item")===void 0&&customElements.define("cre8-link-list-item",o);const V=_`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -1026,6 +1034,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1198,6 +1210,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1346,23 +1362,23 @@ span.ripple {
     margin-top: 0.5rem;
     margin-left: 1rem;
   }
-}`;var X=Object.defineProperty,c=(l,t,o,I)=>{for(var e=void 0,a=l.length-1,m;a>=0;a--)(m=l[a])&&(e=m(t,o,e)||e);return e&&X(t,o,e),e};const L=class L extends R{render(){const t=this.componentClassNames("cre8-c-link-list",{"cre8-c-link-list--secondary":this.variant==="secondary","cre8-c-link-list--display":this.variant==="display","cre8-c-link-list--inverted":this.inverted===!0,"cre8-c-link-list--responsive":this.behavior==="responsive","cre8-c-link-list--horizontal":this.behavior==="horizontal","cre8-c-link-list--condensed":this.spacing==="condensed","cre8-c-link-list--sm":this.size==="sm"});return i`
-      <ul class="${t}">
+}`;var X=Object.defineProperty,m=(l,i,a,I)=>{for(var t=void 0,s=l.length-1,c;s>=0;s--)(c=l[s])&&(t=c(i,a,t)||t);return t&&X(i,a,t),t};const L=class L extends R{buildComposition(){return this.items?this.items.map(i=>({tag:"cre8-link-list-item",props:{href:i.href,isActive:i.isActive},text:i.text})):null}updated(i){["items"].some(a=>i.has(a))&&C(this,this.buildComposition())}render(){const i=this.componentClassNames("cre8-c-link-list",{"cre8-c-link-list--secondary":this.variant==="secondary","cre8-c-link-list--display":this.variant==="display","cre8-c-link-list--inverted":this.inverted===!0,"cre8-c-link-list--responsive":this.behavior==="responsive","cre8-c-link-list--horizontal":this.behavior==="horizontal","cre8-c-link-list--condensed":this.spacing==="condensed","cre8-c-link-list--sm":this.size==="sm"});return e`
+      <ul class="${i}">
         <slot></slot>
       </ul>
-    `}};L.styles=[V];let r=L;c([n()],r.prototype,"behavior");c([n({type:Boolean,reflect:!0})],r.prototype,"inverted");c([n()],r.prototype,"size");c([n()],r.prototype,"spacing");c([n()],r.prototype,"variant");customElements.get("cre8-link-list")===void 0&&customElements.define("cre8-link-list",r);const E={title:"Cre8 Components/Link List",component:"cre8-link-list",parameters:{status:{type:"inProgress"}}},d=l=>i`<cre8-link-list ${S(l)}>
+    `}};L.styles=[V];let r=L;m([n()],r.prototype,"behavior");m([n({type:Boolean,reflect:!0})],r.prototype,"inverted");m([n()],r.prototype,"size");m([n()],r.prototype,"spacing");m([n()],r.prototype,"variant");m([n({type:Array})],r.prototype,"items");customElements.get("cre8-link-list")===void 0&&customElements.define("cre8-link-list",r);const j={title:"Cre8 Components/Link List",component:"cre8-link-list",parameters:{status:{type:"inProgress"}}},d=l=>e`<cre8-link-list ${S(l)}>
   <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 2</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 3 with a longer title</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
-</cre8-link-list>`,p=()=>i`<cre8-link-list variant="secondary">
+</cre8-link-list>`,p=()=>e`<cre8-link-list variant="secondary">
   <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 2</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 3 with a longer title</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
-</cre8-link-list>`,g=()=>i`<div style="background: black">
+</cre8-link-list>`,g=()=>e`<div style="background: black">
   <cre8-link-list inverted="true">
     <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
     <cre8-link-list-item href="#">Link item 2</cre8-link-list-item>
@@ -1370,13 +1386,13 @@ span.ripple {
     <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
     <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
   </cre8-link-list>
-</div>`,k=()=>i` <cre8-link-list variant="display">
+</div>`,h=()=>e` <cre8-link-list variant="display">
   <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 2</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 3 with a longer title</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
-</cre8-link-list>`,h=()=>i`<div style="background: black">
+</cre8-link-list>`,k=()=>e`<div style="background: black">
   <cre8-link-list variant="secondary" inverted="true">
     <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
     <cre8-link-list-item href="#">Link item 2</cre8-link-list-item>
@@ -1384,37 +1400,37 @@ span.ripple {
     <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
     <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
   </cre8-link-list>
-</div>`,f=()=>i`<cre8-link-list spacing="condensed">
+</div>`,f=()=>e`<cre8-link-list spacing="condensed">
   <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 2</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 3 with a longer title</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
-</cre8-link-list>`,u=()=>i`<cre8-link-list size="sm">
+</cre8-link-list>`,u=()=>e`<cre8-link-list size="sm">
   <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 2</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 3 with a longer title</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
-</cre8-link-list>`,x=()=>i`<cre8-link-list size="sm" spacing="condensed">
+</cre8-link-list>`,x=()=>e`<cre8-link-list size="sm" spacing="condensed">
   <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 2</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 3 with a longer title</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
-</cre8-link-list>`,y=()=>i`<cre8-link-list behavior="responsive">
+</cre8-link-list>`,y=()=>e`<cre8-link-list behavior="responsive">
   <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 2</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 3 with a longer title</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
-</cre8-link-list>`,b=()=>i`<cre8-link-list behavior="horizontal">
+</cre8-link-list>`,b=()=>e`<cre8-link-list behavior="horizontal">
   <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 2</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 3 with a longer title</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
-</cre8-link-list>`,v=()=>i`<cre8-link-list>
+</cre8-link-list>`,v=()=>e`<cre8-link-list>
   <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 2<cre8-badge slot="itemAfter" text="Badge"></cre8-badge></cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 3 with a longer title</cre8-link-list-item>
@@ -1440,13 +1456,13 @@ span.ripple {
     <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
     <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
   </cre8-link-list>
-</div>\``,...g.parameters?.docs?.source}}};k.parameters={...k.parameters,docs:{...k.parameters?.docs,source:{originalSource:`() => html\` <cre8-link-list variant="display">
+</div>\``,...g.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`() => html\` <cre8-link-list variant="display">
   <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 2</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 3 with a longer title</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
-</cre8-link-list>\``,...k.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`() => html\`<div style="background: black">
+</cre8-link-list>\``,...h.parameters?.docs?.source}}};k.parameters={...k.parameters,docs:{...k.parameters?.docs,source:{originalSource:`() => html\`<div style="background: black">
   <cre8-link-list variant="secondary" inverted="true">
     <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
     <cre8-link-list-item href="#">Link item 2</cre8-link-list-item>
@@ -1454,7 +1470,7 @@ span.ripple {
     <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
     <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
   </cre8-link-list>
-</div>\``,...h.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`() => html\`<cre8-link-list spacing="condensed">
+</div>\``,...k.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`() => html\`<cre8-link-list spacing="condensed">
   <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 2</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 3 with a longer title</cre8-link-list-item>
@@ -1490,4 +1506,4 @@ span.ripple {
   <cre8-link-list-item href="#">Link item 3 with a longer title</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
-</cre8-link-list>\``,...v.parameters?.docs?.source}}};const N=["Default","Secondary","Inverted","Display","SecondaryInverted","Condensed","Small","SmallCondensed","Responsive","Horizontal","WithBadge"];export{f as Condensed,d as Default,k as Display,b as Horizontal,g as Inverted,y as Responsive,p as Secondary,h as SecondaryInverted,u as Small,x as SmallCondensed,v as WithBadge,N as __namedExportsOrder,E as default};
+</cre8-link-list>\``,...v.parameters?.docs?.source}}};const G=["Default","Secondary","Inverted","Display","SecondaryInverted","Condensed","Small","SmallCondensed","Responsive","Horizontal","WithBadge"];export{f as Condensed,d as Default,h as Display,b as Horizontal,g as Inverted,y as Responsive,p as Secondary,k as SecondaryInverted,u as Small,x as SmallCondensed,v as WithBadge,G as __namedExportsOrder,j as default};

package/dist/assets/{link.stories-C3WQOgkY.js → link.stories-DvGexqBV.js}

@@ -1,4 +1,4 @@
-import{b as p}from"./iframe-BNJP6ovU.js";import{s as m}from"./spread-CnPic3C2.js";import"./badge-BTxW3bN2.js";import"./link-CRE0Eqdo.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./icon-ChfRWXWy.js";import"./if-defined-Bxnzk64Q.js";const h=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+import{b as p}from"./iframe-CTa_pRc7.js";import{s as m}from"./spread-B518TqwY.js";import"./badge-UrvSTJon.js";import"./link-CkyZrqNv.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-q82VmUgi.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./icon-ByzQuB0Z.js";import"./if-defined-DWVEXvB4.js";const h=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M14.1538 1.23077H12.3077V0.615385C12.3077 0.452174 12.2428 0.295649 12.1274 0.180242C12.012 0.064835 11.8555 0 11.6923 0C11.5291 0 11.3725 0.064835 11.2571 0.180242C11.1417 0.295649 11.0769 0.452174 11.0769 0.615385V1.23077H4.92305V0.615385C4.92305 0.452174 4.85821 0.295649 4.74281 0.180242C4.6274 0.064835 4.47087 0 4.30766 0C4.14445 0 3.98793 0.064835 3.87252 0.180242C3.75711 0.295649 3.69228 0.452174 3.69228 0.615385V1.23077H1.84613C1.51971 1.23077 1.20665 1.36044 0.97584 1.59125C0.745026 1.82207 0.615356 2.13512 0.615356 2.46154V14.7692C0.615356 15.0957 0.745026 15.4087 0.97584 15.6395C1.20665 15.8703 1.51971 16 1.84613 16H14.1538C14.4802 16 14.7933 15.8703 15.0241 15.6395C15.2549 15.4087 15.3846 15.0957 15.3846 14.7692V2.46154C15.3846 2.13512 15.2549 1.82207 15.0241 1.59125C14.7933 1.36044 14.4802 1.23077 14.1538 1.23077ZM3.69228 2.46154V3.07692C3.69228 3.24013 3.75711 3.39666 3.87252 3.51207C3.98793 3.62747 4.14445 3.69231 4.30766 3.69231C4.47087 3.69231 4.6274 3.62747 4.74281 3.51207C4.85821 3.39666 4.92305 3.24013 4.92305 3.07692V2.46154H11.0769V3.07692C11.0769 3.24013 11.1417 3.39666 11.2571 3.51207C11.3725 3.62747 11.5291 3.69231 11.6923 3.69231C11.8555 3.69231 12.012 3.62747 12.1274 3.51207C12.2428 3.39666 12.3077 3.24013 12.3077 3.07692V2.46154H14.1538V4.92308H1.84613V2.46154H3.69228ZM14.1538 14.7692H1.84613V6.15385H14.1538V14.7692ZM6.7692 8V12.9231C6.7692 13.0863 6.70437 13.2428 6.58896 13.3582C6.47355 13.4736 6.31703 13.5385 6.15382 13.5385C5.99061 13.5385 5.83408 13.4736 5.71868 13.3582C5.60327 13.2428 5.53843 13.0863 5.53843 12.9231V8.99539L5.19843 9.16615C5.05236 9.23919 4.88326 9.25121 4.72832 9.19956C4.57339 9.14792 4.44532 9.03684 4.37228 8.89077C4.29924 8.7447 4.28722 8.57559 4.33887 8.42066C4.39051 8.26573 4.50159 8.13765 4.64766 8.06462L5.87843 7.44923C5.97229 7.40227 6.0766 7.38008 6.18144 7.3848C6.28629 7.38951 6.38818 7.42095 6.47745 7.47615C6.56671 7.53134 6.64038 7.60845 6.69145 7.70013C6.74251 7.79182 6.76928 7.89505 6.7692 8ZM11.32 10.3423L9.84612 12.3077H11.0769C11.2401 12.3077 11.3966 12.3725 11.512 12.4879C11.6274 12.6033 11.6923 12.7599 11.6923 12.9231C11.6923 13.0863 11.6274 13.2428 11.512 13.3582C11.3966 13.4736 11.2401 13.5385 11.0769 13.5385H8.61536C8.50107 13.5385 8.38904 13.5066 8.29183 13.4466C8.19461 13.3865 8.11605 13.3005 8.06494 13.1983C8.01383 13.0961 7.99219 12.9816 8.00246 12.8678C8.01272 12.754 8.05448 12.6453 8.12305 12.5538L10.3369 9.60231C10.3873 9.53527 10.4234 9.45865 10.4431 9.37715C10.4627 9.29565 10.4656 9.21098 10.4513 9.12836C10.4371 9.04573 10.4062 8.96687 10.3604 8.89664C10.3146 8.8264 10.2549 8.76626 10.1851 8.71991C10.1152 8.67356 10.0366 8.64198 9.95408 8.6271C9.87156 8.61222 9.78688 8.61436 9.70523 8.63338C9.62357 8.6524 9.54666 8.68791 9.47922 8.73773C9.41178 8.78755 9.35524 8.85062 9.31305 8.92308C9.27383 8.99529 9.22055 9.05893 9.15635 9.11022C9.09214 9.16151 9.01831 9.19942 8.93922 9.22172C8.86012 9.24401 8.77736 9.25024 8.69582 9.24004C8.61428 9.22983 8.53561 9.2034 8.46445 9.16229C8.39329 9.12119 8.33109 9.06625 8.2815 9.00072C8.23192 8.93519 8.19597 8.86038 8.17576 8.78073C8.15555 8.70108 8.15151 8.61818 8.16386 8.53694C8.17621 8.45569 8.2047 8.37774 8.24766 8.30769C8.45094 7.95591 8.76459 7.68102 9.13998 7.52562C9.51538 7.37021 9.93155 7.34298 10.324 7.44815C10.7164 7.55331 11.0632 7.785 11.3106 8.10729C11.558 8.42958 11.6921 8.82448 11.6923 9.23077C11.6936 9.63211 11.5627 10.0227 11.32 10.3423Z"/>
 </svg>
 `,v=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">

package/dist/assets/{list.stories-Bd2bxkxn.js → list.stories-B2PmqPK-.js}

@@ -1,4 +1,4 @@
-import{a as h,b as i}from"./iframe-BNJP6ovU.js";import{s as y}from"./spread-CnPic3C2.js";import{C as f,n as x}from"./cre8-element-B35i4Lyg.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const z=h`.cre8-u-content-knockout-brand {
+import{a as x,b as r}from"./iframe-CTa_pRc7.js";import{s as y}from"./spread-B518TqwY.js";import{C as b,n as c}from"./cre8-element-q82VmUgi.js";import{s as w}from"./light-children-DDjBxt3J.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const z=x`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -583,11 +591,11 @@ span.ripple {
  */
 /**
  * 1) List item within the list component
- */`,p=class p extends f{connectedCallback(){this.setAttribute("role","listitem"),super.connectedCallback()}render(){const t=this.componentClassNames("cre8-c-list__item",{});return i`
+ */`,u=class u extends b{connectedCallback(){this.setAttribute("role","listitem"),super.connectedCallback()}render(){const t=this.componentClassNames("cre8-c-list__item",{});return r`
         <div class="${t}">
           <slot></slot>
         </div>
-      `}};p.styles=[z];let l=p;customElements.get("cre8-list-item")===void 0&&customElements.define("cre8-list-item",l);const w=h`.cre8-u-content-knockout-brand {
+      `}};u.styles=[z];let p=u;customElements.get("cre8-list-item")===void 0&&customElements.define("cre8-list-item",p);const v=x`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -961,6 +969,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1133,6 +1145,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1217,52 +1233,52 @@ span.ripple {
 .cre8-c-list--padded ::slotted(cre8-list-item) {
   padding-top: 2rem;
   padding-bottom: 2rem;
-}`;var v=Object.defineProperty,b=(a,t,g,k)=>{for(var e=void 0,m=a.length-1,u;m>=0;m--)(u=a[m])&&(e=u(t,g,e)||e);return e&&v(t,g,e),e};const c=class c extends f{render(){const t=this.componentClassNames("cre8-c-list",{"cre8-c-list--bare":this.variant==="bare","cre8-c-list--padded":this.spacing==="padded","cre8-c-list--condensed":this.spacing==="condensed"});return i`
+}`;var k=Object.defineProperty,g=(a,t,n,R)=>{for(var e=void 0,l=a.length-1,f;l>=0;l--)(f=a[l])&&(e=f(t,n,e)||e);return e&&k(t,n,e),e};const h=class h extends b{buildComposition(){return this.items?this.items.map(t=>({tag:"cre8-list-item",text:t.text})):null}updated(t){["items"].some(n=>t.has(n))&&w(this,this.buildComposition())}render(){const t=this.componentClassNames("cre8-c-list",{"cre8-c-list--bare":this.variant==="bare","cre8-c-list--padded":this.spacing==="padded","cre8-c-list--condensed":this.spacing==="condensed"});return r`
       <ul class="${t}">
         <slot></slot>
       </ul>
-    `}};c.styles=[w];let r=c;b([x()],r.prototype,"variant");b([x()],r.prototype,"spacing");customElements.get("cre8-list")===void 0&&customElements.define("cre8-list",r);const P={title:"Cre8 Components/List",component:"cre8-list",parameters:{status:{type:"notStarted"}}},n=a=>i`<cre8-list ${y(a)}>
+    `}};h.styles=[v];let i=h;g([c()],i.prototype,"variant");g([c()],i.prototype,"spacing");g([c({type:Array})],i.prototype,"items");customElements.get("cre8-list")===void 0&&customElements.define("cre8-list",i);const B={title:"Cre8 Components/List",component:"cre8-list",parameters:{status:{type:"notStarted"}}},o=a=>r`<cre8-list ${y(a)}>
   <cre8-list-item>First List item</cre8-list-item>
   <cre8-list-item>Second List item</cre8-list-item>
   <cre8-list-item>Third List item</cre8-list-item>
   <cre8-list-item>Fourth List item</cre8-list-item>
   <cre8-list-item>Last List item</cre8-list-item>
-</cre8-list>`,o=()=>i`<cre8-list variant="bare">
+</cre8-list>`,d=()=>r`<cre8-list variant="bare">
   <li>Bare list item</li>
   <li>2nd Bare list item</li>
   <li>3rd Bare list item</li>
-</cre8-list>`,d=()=>i`<cre8-list spacing="padded">
+</cre8-list>`,s=()=>r`<cre8-list spacing="padded">
   <cre8-list-item><f-po>Padded list item</f-po></cre8-list-item>
   <cre8-list-item><f-po>Padded list item</f-po></cre8-list-item>
   <cre8-list-item><f-po>Padded list item</f-po></cre8-list-item>
   <cre8-list-item><f-po>Padded list item</f-po></cre8-list-item>
   <cre8-list-item><f-po>Padded list item</f-po></cre8-list-item>
-</cre8-list>`,s=()=>i`<cre8-list spacing="condensed">
+</cre8-list>`,m=()=>r`<cre8-list spacing="condensed">
   <cre8-list-item><f-po>Condensed list item</f-po></cre8-list-item>
   <cre8-list-item><f-po>Condensed list item</f-po></cre8-list-item>
   <cre8-list-item><f-po>Condensed list item</f-po></cre8-list-item>
   <cre8-list-item><f-po>Condensed list item</f-po></cre8-list-item>
   <cre8-list-item><f-po>Condensed list item</f-po></cre8-list-item>
-</cre8-list>`;n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`args => html\`<cre8-list \${spread(args)}>
+</cre8-list>`;o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`args => html\`<cre8-list \${spread(args)}>
   <cre8-list-item>First List item</cre8-list-item>
   <cre8-list-item>Second List item</cre8-list-item>
   <cre8-list-item>Third List item</cre8-list-item>
   <cre8-list-item>Fourth List item</cre8-list-item>
   <cre8-list-item>Last List item</cre8-list-item>
-</cre8-list>\``,...n.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`() => html\`<cre8-list variant="bare">
+</cre8-list>\``,...o.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`() => html\`<cre8-list variant="bare">
   <li>Bare list item</li>
   <li>2nd Bare list item</li>
   <li>3rd Bare list item</li>
-</cre8-list>\``,...o.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`() => html\`<cre8-list spacing="padded">
+</cre8-list>\``,...d.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`() => html\`<cre8-list spacing="padded">
   <cre8-list-item><f-po>Padded list item</f-po></cre8-list-item>
   <cre8-list-item><f-po>Padded list item</f-po></cre8-list-item>
   <cre8-list-item><f-po>Padded list item</f-po></cre8-list-item>
   <cre8-list-item><f-po>Padded list item</f-po></cre8-list-item>
   <cre8-list-item><f-po>Padded list item</f-po></cre8-list-item>
-</cre8-list>\``,...d.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`() => html\`<cre8-list spacing="condensed">
+</cre8-list>\``,...s.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`() => html\`<cre8-list spacing="condensed">
   <cre8-list-item><f-po>Condensed list item</f-po></cre8-list-item>
   <cre8-list-item><f-po>Condensed list item</f-po></cre8-list-item>
   <cre8-list-item><f-po>Condensed list item</f-po></cre8-list-item>
   <cre8-list-item><f-po>Condensed list item</f-po></cre8-list-item>
   <cre8-list-item><f-po>Condensed list item</f-po></cre8-list-item>
-</cre8-list>\``,...s.parameters?.docs?.source}}};const L=["Default","Bare","Padded","Condensed"];export{o as Bare,s as Condensed,n as Default,d as Padded,L as __namedExportsOrder,P as default};
+</cre8-list>\``,...m.parameters?.docs?.source}}};const V=["Default","Bare","Padded","Condensed"];export{d as Bare,m as Condensed,o as Default,s as Padded,V as __namedExportsOrder,B as default};

package/dist/assets/{loading-spinner-C52KNq6y.js → loading-spinner-D_r3kfYs.js}

@@ -1,4 +1,4 @@
-import{a as p,b as t,A as m}from"./iframe-BNJP6ovU.js";import{C as g,n as i}from"./cre8-element-B35i4Lyg.js";const h=p`.cre8-u-content-knockout-brand {
+import{a as m,b as t,A as p}from"./iframe-CTa_pRc7.js";import{C as g,n as i}from"./cre8-element-q82VmUgi.js";const h=m`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -716,7 +724,7 @@ span.ripple {
   overflow: hidden;
   transform: rotate(-90deg);
   transform-origin: center center;
-}`;var u=Object.defineProperty,n=(l,r,o,f)=>{for(var a=void 0,s=l.length-1,c;s>=0;s--)(c=l[s])&&(a=c(r,o,a)||a);return a&&u(r,o,a),a};const d=class d extends g{constructor(){super(),this.progress=0,this.size="large";const r=Math.floor(Math.random()*9e5)+1e5;this.labelId=`cre8-spinner-${r}`}renderDeterminateSpinner(){const r=Math.max(Math.min(100,this.progress===0?this.progress=1:this.progress),0),o=2*3.1415926*45-r/100*(2*3.1415926*45);return t` ${this.size==="small"?t`
+}`;var u=Object.defineProperty,n=(d,r,o,f)=>{for(var a=void 0,s=d.length-1,c;s>=0;s--)(c=d[s])&&(a=c(r,o,a)||a);return a&&u(r,o,a),a};const l=class l extends g{constructor(){super(),this.progress=0,this.size="large";const r=Math.floor(Math.random()*9e5)+1e5;this.labelId=`cre8-spinner-${r}`}renderDeterminateSpinner(){const r=Math.max(Math.min(100,this.progress===0?this.progress=1:this.progress),0),o=2*3.1415926*45-r/100*(2*3.1415926*45);return t` ${this.size==="small"?t`
           <svg class="cre8-c-spinner__icon cre8-c-spinner__icon-small" aria-hidden="true" viewBox="0 0 100 100">
             <circle cx="50%" cy="50%" r="43" stroke-dashoffset="${o}"></circle>
           </svg>
@@ -735,7 +743,7 @@ span.ripple {
         aria-labelledby="${this.labelId}"
         aria-valuemin="0"
         aria-valuemax="100"
-        aria-valuenow="${this.determinate?this.progress:m}"
+        aria-valuenow="${this.determinate?this.progress:p}"
         part="base"
       >
         ${this.determinate?this.renderDeterminateSpinner():this.renderInDeterminateSpinner()}
@@ -747,4 +755,4 @@ span.ripple {
           ${this.label}
         </div>
       </div>
-    `}};d.styles=h;let e=d;n([i({type:Boolean,reflect:!0})],e.prototype,"determinate");n([i({type:Boolean,reflect:!0})],e.prototype,"inverse");n([i({type:Boolean,reflect:!0})],e.prototype,"neutral");n([i()],e.prototype,"buttonVariant");n([i()],e.prototype,"label");n([i({reflect:!0,type:Number})],e.prototype,"progress");n([i()],e.prototype,"size");customElements.get("cre8-loading-spinner")===void 0&&customElements.define("cre8-loading-spinner",e);
+    `}};l.styles=h;let e=l;n([i({type:Boolean,reflect:!0})],e.prototype,"determinate");n([i({type:Boolean,reflect:!0})],e.prototype,"inverse");n([i({type:Boolean,reflect:!0})],e.prototype,"neutral");n([i()],e.prototype,"buttonVariant");n([i()],e.prototype,"label");n([i({reflect:!0,type:Number})],e.prototype,"progress");n([i()],e.prototype,"size");customElements.get("cre8-loading-spinner")===void 0&&customElements.define("cre8-loading-spinner",e);