@tmorrow/cre8-wc 2.0.6 → 2.0.8

package/dist/assets/{modal-CO0M4e_8.js → modal-CCfbY4fF.js}

@@ -1,4 +1,4 @@
-import{a as w,b as s}from"./iframe-dHvya7sk.js";import{C as x,n as l}from"./cre8-element-DfmMtHJO.js";import{e as y}from"./query-BpjciUlk.js";import"./icon-DeTLDzTS.js";function h(t,e,i,d=20,o=0){let a=[];if(o>=d)return a;const m=n=>{const g=n.assignedNodes().filter(v=>v.nodeType===1);return g.length>0?h(g[0].parentElement,e,i,d,o+1):[]},b=Array.from(t.children||[]);for(const n of b)e(n)||(i(n)&&a.push(n),n.shadowRoot!=null?a.push(...h(n.shadowRoot,e,i,d,o+1)):n.tagName==="SLOT"?a.push(...m(n)):a.push(...h(n,e,i,d,o+1)));return a}function f(t){return t.hasAttribute("hidden")||t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")!=="false"||t.style.display==="none"||t.style.opacity==="0"||t.style.visibility==="hidden"||t.style.visibility==="collapse"}function _(t){return t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&t.getAttribute("aria-disabled")!=="false"}function z(t){return t.getAttribute("tabindex")==="-1"||f(t)||_(t)?!1:t.hasAttribute("tabindex")||(t instanceof HTMLAnchorElement||t instanceof HTMLAreaElement)&&t.hasAttribute("href")||t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement||t instanceof HTMLIFrameElement}const p=new Map;function k(t,e,i){const d=p.get(i);d!=null&&window.clearTimeout(d),p.set(i,window.setTimeout(()=>{t(),p.delete(i)},e))}const C=document.createElement("template");C.innerHTML=`
+import{a as w,b as s}from"./iframe-BNJP6ovU.js";import{C as x,n as l}from"./cre8-element-B35i4Lyg.js";import{e as y}from"./query-BpjciUlk.js";import"./icon-ChfRWXWy.js";function h(t,e,i,d=20,o=0){let a=[];if(o>=d)return a;const m=n=>{const g=n.assignedNodes().filter(v=>v.nodeType===1);return g.length>0?h(g[0].parentElement,e,i,d,o+1):[]},b=Array.from(t.children||[]);for(const n of b)e(n)||(i(n)&&a.push(n),n.shadowRoot!=null?a.push(...h(n.shadowRoot,e,i,d,o+1)):n.tagName==="SLOT"?a.push(...m(n)):a.push(...h(n,e,i,d,o+1)));return a}function f(t){return t.hasAttribute("hidden")||t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")!=="false"||t.style.display==="none"||t.style.opacity==="0"||t.style.visibility==="hidden"||t.style.visibility==="collapse"}function _(t){return t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&t.getAttribute("aria-disabled")!=="false"}function z(t){return t.getAttribute("tabindex")==="-1"||f(t)||_(t)?!1:t.hasAttribute("tabindex")||(t instanceof HTMLAnchorElement||t instanceof HTMLAreaElement)&&t.hasAttribute("href")||t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement||t instanceof HTMLIFrameElement}const p=new Map;function k(t,e,i){const d=p.get(i);d!=null&&window.clearTimeout(d),p.set(i,window.setTimeout(()=>{t(),p.delete(i)},e))}const C=document.createElement("template");C.innerHTML=`
 	<div id="start"></div>
 	<div id="backup"></div>
 	<slot></slot>
@@ -377,10 +377,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -553,10 +549,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/{modal-BNu8xy08.js → modal-GglWRNJp.js}

@@ -1,4 +1,4 @@
-import{u as i,j as e,M as s,S as n,C as l}from"./blocks-DhUVut8Z.js";import{M as c}from"./modal.stories-CHYBrq_E.js";import{S as r,D as d,E as m}from"./sample-modal.stories-deE1EBfZ.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./iframe-dHvya7sk.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./button-CJL8yzAT.js";import"./if-defined-HKKhGupN.js";import"./cre8-element-DfmMtHJO.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-bQpK8UYN.js";import"./icon-DeTLDzTS.js";import"./loading-spinner-g6iJajXH.js";import"./heading-485Jz7JZ.js";import"./text-passage-DGaI5i2I.js";import"./f-po-C2WpbOFJ.js";import"./modal-CO0M4e_8.js";import"./button-group-BgwgtSFC.js";function a(o){const t={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...i(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{of:c}),`
+import{u as i,j as e,M as s,S as n,C as l}from"./blocks-1be_-L6v.js";import{M as c}from"./modal.stories-CpybCs79.js";import{S as r,D as d,E as m}from"./sample-modal.stories-BZ4N2R2Z.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./iframe-BNJP6ovU.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./button-CgaWukz0.js";import"./if-defined-Bxnzk64Q.js";import"./cre8-element-B35i4Lyg.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-Cfc5VeYV.js";import"./icon-ChfRWXWy.js";import"./loading-spinner-C52KNq6y.js";import"./heading-Dbka33DK.js";import"./text-passage-xQVosjOr.js";import"./f-po-BdPzDRD-.js";import"./modal-CCfbY4fF.js";import"./button-group-G7qN4MwM.js";function a(o){const t={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...i(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{of:c}),`
 `,e.jsx(t.h1,{id:"modal",children:"Modal"}),`
 `,e.jsx(t.p,{children:`Modal component should be used in all modal situations. It is natuarally composable and can even have a custom header and remove the close button.
 Here is code for the example below, a completely composed modal using slots:`}),`

package/dist/assets/{modal.stories-CHYBrq_E.js → modal.stories-CpybCs79.js}

@@ -1 +1 @@
-import{b as s}from"./iframe-dHvya7sk.js";import"./button-CJL8yzAT.js";import"./heading-485Jz7JZ.js";import"./text-passage-DGaI5i2I.js";import"./f-po-C2WpbOFJ.js";import"./modal-CO0M4e_8.js";const c={title:"cre8 Components/Modal",component:"cre8-modal",parameters:{status:{type:"inProgress"},actions:{handles:["close-modal"]}}},e=a=>s`<sample-modal></sample-modal>`,r=a=>s`<sample-modal status="error"></sample-modal>`,o=a=>s`<sample-modal status="warning"></sample-modal>`,m=a=>s`<sample-modal status="success"></sample-modal>`,t=a=>s`<sample-modal status="info"></sample-modal>`,l=a=>s`<sample-modal status="help"></sample-modal>`,p=a=>s`<sample-modal ?notDismissible=${!0}></sample-modal>`;e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:"args => html`<sample-modal></sample-modal>`",...e.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="error"></sample-modal>`',...r.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="warning"></sample-modal>`',...o.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="success"></sample-modal>`',...m.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="info"></sample-modal>`',...t.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="help"></sample-modal>`',...l.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:"args => html`<sample-modal ?notDismissible=${true}></sample-modal>`",...p.parameters?.docs?.source}}};const d=["Default","Error","Warning","Success","Info","Help","NotDismissible"],h=Object.freeze(Object.defineProperty({__proto__:null,Default:e,Error:r,Help:l,Info:t,NotDismissible:p,Success:m,Warning:o,__namedExportsOrder:d,default:c},Symbol.toStringTag,{value:"Module"}));export{h as M};
+import{b as s}from"./iframe-BNJP6ovU.js";import"./button-CgaWukz0.js";import"./heading-Dbka33DK.js";import"./text-passage-xQVosjOr.js";import"./f-po-BdPzDRD-.js";import"./modal-CCfbY4fF.js";const c={title:"cre8 Components/Modal",component:"cre8-modal",parameters:{status:{type:"inProgress"},actions:{handles:["close-modal"]}}},e=a=>s`<sample-modal></sample-modal>`,r=a=>s`<sample-modal status="error"></sample-modal>`,o=a=>s`<sample-modal status="warning"></sample-modal>`,m=a=>s`<sample-modal status="success"></sample-modal>`,t=a=>s`<sample-modal status="info"></sample-modal>`,l=a=>s`<sample-modal status="help"></sample-modal>`,p=a=>s`<sample-modal ?notDismissible=${!0}></sample-modal>`;e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:"args => html`<sample-modal></sample-modal>`",...e.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="error"></sample-modal>`',...r.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="warning"></sample-modal>`',...o.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="success"></sample-modal>`',...m.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="info"></sample-modal>`',...t.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="help"></sample-modal>`',...l.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:"args => html`<sample-modal ?notDismissible=${true}></sample-modal>`",...p.parameters?.docs?.source}}};const d=["Default","Error","Warning","Success","Info","Help","NotDismissible"],h=Object.freeze(Object.defineProperty({__proto__:null,Default:e,Error:r,Help:l,Info:t,NotDismissible:p,Success:m,Warning:o,__namedExportsOrder:d,default:c},Symbol.toStringTag,{value:"Module"}));export{h as M};

package/dist/assets/{multi-select.stories-C9XXsWio.js → multi-select.stories-BhzEKRui.js}

@@ -1,4 +1,4 @@
-import{a as C,b as c,A as y}from"./iframe-dHvya7sk.js";import{s as _}from"./spread-BPiNgQQF.js";import{o as k}from"./if-defined-HKKhGupN.js";import{C as z,n as o}from"./cre8-element-DfmMtHJO.js";import{r as x}from"./state-CfuknrX8.js";import{n as v}from"./index.browser-BY9c7rfI.js";import"./remove-tag-BSEZ7VT8.js";import"./field-note-DKXZiXLU.js";import"./button-CJL8yzAT.js";import"./checkbox-field-item-iHcdmTNw.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./icon-DeTLDzTS.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-bQpK8UYN.js";import"./loading-spinner-g6iJajXH.js";const I=C`.cre8-u-content-knockout-brand {
+import{a as C,b as c,A as y}from"./iframe-BNJP6ovU.js";import{s as _}from"./spread-CnPic3C2.js";import{o as k}from"./if-defined-Bxnzk64Q.js";import{C as z,n as o}from"./cre8-element-B35i4Lyg.js";import{r as x}from"./state-DkQhleoO.js";import{n as v}from"./index.browser-BY9c7rfI.js";import"./remove-tag-lCr57c5r.js";import"./field-note-fccBckVl.js";import"./button-CgaWukz0.js";import"./checkbox-field-item-DIMHcWM0.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./icon-ChfRWXWy.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-Cfc5VeYV.js";import"./loading-spinner-C52KNq6y.js";const I=C`.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/{nav-container.stories-DU9fhvDu.js → nav-container.stories-Be1YlegP.js}

@@ -1,4 +1,4 @@
-import{a as o,b as a}from"./iframe-dHvya7sk.js";import"./f-po-C2WpbOFJ.js";import{s as d}from"./spread-BPiNgQQF.js";import{C as m}from"./cre8-element-DfmMtHJO.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-HKKhGupN.js";import"./_commonjsHelpers-DaWZu8wl.js";const s=o`.cre8-u-content-knockout-brand {
+import{a as o,b as a}from"./iframe-BNJP6ovU.js";import"./f-po-BdPzDRD-.js";import{s as d}from"./spread-CnPic3C2.js";import{C as s}from"./cre8-element-B35i4Lyg.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./_commonjsHelpers-DaWZu8wl.js";const m=o`.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 */
 }
 
 /**
@@ -623,11 +615,11 @@ span.ripple {
   .cre8-c-nav-container {
     flex-direction: row;
   }
-}`,i=class i extends m{render(){const n=this.componentClassNames("cre8-c-nav-container",{});return a`
+}`,i=class i extends s{render(){const n=this.componentClassNames("cre8-c-nav-container",{});return a`
       <div class="${n}">
         <slot></slot>
       </div>
-    `}};i.styles=[s];let e=i;customElements.get("cre8-nav-container")===void 0&&customElements.define("cre8-nav-container",e);const x={title:"Cre8 Components/Nav Container",component:"cre8-nav-container",parameters:{status:{type:"inProgress"}}},t=r=>a`<cre8-text-passage size="sm" ?capLinelength=${!0}>
+    `}};i.styles=[m];let e=i;customElements.get("cre8-nav-container")===void 0&&customElements.define("cre8-nav-container",e);const x={title:"Cre8 Components/Nav Container",component:"cre8-nav-container",parameters:{status:{type:"inProgress"}}},t=r=>a`<cre8-text-passage size="sm" ?capLinelength=${!0}>
     <p>
       Nav container is used for the panel that can be toggled on/off on small screens with the header menu button. This is why it does not show up on
       small screens.

package/dist/assets/{page-header.stories-BrstKiEY.js → page-header.stories-BOVLQ0YF.js}

@@ -1,4 +1,4 @@
-import{a as l,b as n}from"./iframe-dHvya7sk.js";import{s as g}from"./spread-BPiNgQQF.js";import{C as c,n as h}from"./cre8-element-DfmMtHJO.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const f=l`.cre8-u-content-knockout-brand {
+import{a as l,b as n}from"./iframe-BNJP6ovU.js";import{s as g}from"./spread-CnPic3C2.js";import{C as c,n as h}from"./cre8-element-B35i4Lyg.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const f=l`.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/{pagination.stories-Bw2M2iOn.js → pagination.stories-D62sa_1K.js}

@@ -1,4 +1,4 @@
-import{a as R,b as a,A as g,g as L}from"./iframe-dHvya7sk.js";import{o as u}from"./if-defined-HKKhGupN.js";import{C as $,n as o}from"./cre8-element-DfmMtHJO.js";import{r as w}from"./state-CfuknrX8.js";import{r as S}from"./query-all-CK69__1O.js";import{C as z}from"./button-CJL8yzAT.js";import{w as N}from"./decorator-iVSD-Llo.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";import"./query-BpjciUlk.js";import"./cre8-form-element-bQpK8UYN.js";import"./icon-DeTLDzTS.js";import"./loading-spinner-g6iJajXH.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";const C={md:768,lg:960},P=(c="768")=>!window.matchMedia(`(min-width: ${c}px)`).matches,T=R`.cre8-u-content-knockout-brand {
+import{a as R,b as a,A as c,g as L}from"./iframe-BNJP6ovU.js";import{o as u}from"./if-defined-Bxnzk64Q.js";import{C as $,n as o}from"./cre8-element-B35i4Lyg.js";import{r as w}from"./state-DkQhleoO.js";import{r as S}from"./query-all-CK69__1O.js";import{C as z}from"./button-CgaWukz0.js";import{w as N}from"./decorator-iVSD-Llo.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";import"./query-BpjciUlk.js";import"./cre8-form-element-Cfc5VeYV.js";import"./icon-ChfRWXWy.js";import"./loading-spinner-C52KNq6y.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";const C={md:768,lg:960},P=(p="768")=>!window.matchMedia(`(min-width: ${p}px)`).matches,T=R`.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 */
 }
 
 /**
@@ -604,13 +596,13 @@ span.ripple {
   text-decoration: var(--cre8-typography-label-small-text-decoration);
   text-transform: var(--cre8-typography-label-small-text-transform);
   padding: 0.5rem;
-}`;var I=Object.defineProperty,m=(c,e,t,n)=>{for(var i=void 0,s=c.length-1,d;s>=0;s--)(d=c[s])&&(i=d(e,t,i)||i);return i&&I(e,t,i),i};const v=class v extends ${constructor(){super(...arguments),this.currentPage=1,this.display="default"}get _totalPages(){return Math.ceil(this.totalResults/this.pageSize)}render(){const e=this.componentClassNames("cre8-c-page-counter",{});return a`
+}`;var I=Object.defineProperty,m=(p,e,t,n)=>{for(var i=void 0,s=p.length-1,d;s>=0;s--)(d=p[s])&&(i=d(e,t,i)||i);return i&&I(e,t,i),i};const v=class v extends ${constructor(){super(...arguments),this.currentPage=1,this.display="default"}get _totalPages(){return Math.ceil(this.totalResults/this.pageSize)}render(){const e=this.componentClassNames("cre8-c-page-counter",{});return a`
       <div class='${e}'>
         <span class="cre8-c-pagination__text" aria-live="polite">
           ${!this.display||this.display==="default"?a`${this.currentPage}`:a`${this.currentPage} of ${this._totalPages}`}
         </span>
       </div>
-    `}};v.styles=[T];let p=v;m([o({type:Boolean,reflect:!0})],p.prototype,"rangeVariant");m([o()],p.prototype,"currentPage");m([o()],p.prototype,"totalResults");m([o()],p.prototype,"pageSize");m([o()],p.prototype,"display");customElements.get("cre8-page-counter")===void 0&&customElements.define("cre8-page-counter",p);const B=R`.cre8-u-content-knockout-brand {
+    `}};v.styles=[T];let g=v;m([o({type:Boolean,reflect:!0})],g.prototype,"rangeVariant");m([o()],g.prototype,"currentPage");m([o()],g.prototype,"totalResults");m([o()],g.prototype,"pageSize");m([o()],g.prototype,"display");customElements.get("cre8-page-counter")===void 0&&customElements.define("cre8-page-counter",g);const B=R`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -984,10 +976,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1160,10 +1148,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1262,7 +1246,7 @@ span.ripple {
 .cre8-c-pagination [aria-disabled=true] {
   fill: var(--cre8-color-content-default);
   --cre8-color-button-tertiary-content: var(--cre8-color-content-default);
-}`;var F=Object.defineProperty,O=Object.getOwnPropertyDescriptor,l=(c,e,t,n)=>{for(var i=n>1?void 0:n?O(e,t):e,s=c.length-1,d;s>=0;s--)(d=c[s])&&(i=(n?d(e,t,i):d(i))||i);return n&&i&&F(e,t,i),i};const V=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+}`;var F=Object.defineProperty,O=Object.getOwnPropertyDescriptor,l=(p,e,t,n)=>{for(var i=n>1?void 0:n?O(e,t):e,s=p.length-1,d;s>=0;s--)(d=p[s])&&(i=(n?d(e,t,i):d(i))||i);return n&&i&&F(e,t,i),i};const V=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.1508 14.7578C12.2184 14.8254 12.272 14.9056 12.3085 14.9939C12.3451 15.0822 12.3639 15.1768 12.3639 15.2724C12.3639 15.3679 12.3451 15.4625 12.3085 15.5508C12.272 15.6391 12.2184 15.7193 12.1508 15.7869C12.0832 15.8544 12.003 15.908 11.9147 15.9446C11.8265 15.9812 11.7318 16 11.6363 16C11.5407 16 11.4461 15.9812 11.3578 15.9446C11.2695 15.908 11.1893 15.8544 11.1218 15.7869L3.8494 8.51452C3.78178 8.44698 3.72814 8.36677 3.69154 8.27849C3.65495 8.1902 3.63611 8.09557 3.63611 8C3.63611 7.90443 3.65495 7.8098 3.69154 7.72151C3.72814 7.63323 3.78178 7.55302 3.8494 7.48548L11.1218 0.213121C11.2582 0.0766618 11.4433 -3.80414e-09 11.6363 0C11.8293 3.80414e-09 12.0143 0.0766618 12.1508 0.213121C12.2873 0.34958 12.3639 0.534658 12.3639 0.72764C12.3639 0.920622 12.2873 1.1057 12.1508 1.24216L5.39205 8L12.1508 14.7578Z"/>
 </svg>
 `,M=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
@@ -1287,7 +1271,7 @@ span.ripple {
       aria-label="pagination"
       class=${e}>
         <slot></slot>
-        ${this.hideLastAndFirstButtons?g:a` <cre8-button
+        ${this.hideLastAndFirstButtons?c:a` <cre8-button
               variant="tertiary"
               size="sm"
               text=""
@@ -1339,7 +1323,7 @@ span.ripple {
             className="cre8-c-pagination__icon"
             slot="before" svg=${k}
             size="24">
-            </cre8-icon>`:g}
+            </cre8-icon>`:c}
             ${this.pageRange.map(t=>t===this.currentPage?a`<cre8-button variant="tertiary" tab-index="-1" text="${t}"  class="icon-only" size="sm" id="current"></cre8-button>`:a`<cre8-button
                       variant="tertiary"
                       size="sm"
@@ -1354,7 +1338,7 @@ span.ripple {
             className="cre8-c-pagination__icon"
             slot="before" svg=${k}
             size="24">
-            </cre8-icon>`:g}`:g}
+            </cre8-icon>`:c}`:c}
         <cre8-button
           variant="tertiary"
           size="sm"
@@ -1377,7 +1361,7 @@ span.ripple {
           </span>
         </cre8-button>
 
-        ${this.hideLastAndFirstButtons?g:a` <cre8-button
+        ${this.hideLastAndFirstButtons?c:a` <cre8-button
               variant="tertiary"
               size="sm"
               hideText
@@ -1401,7 +1385,7 @@ span.ripple {
               </span>
             </cre8-button>`}
 
-      </nav>`}};y.styles=[B],y.elementDefinitions={"cre8-button":z};let r=y;l([w()],r.prototype,"_currentPage",2);l([o({reflect:!0,type:Number})],r.prototype,"totalResults",2);l([o({type:Number,reflect:!0})],r.prototype,"pageSize",1);l([w()],r.prototype,"_pageSize",2);l([o({reflect:!0,type:Number})],r.prototype,"visiblePages",2);l([o({type:String,reflect:!0})],r.prototype,"display",2);l([w()],r.prototype,"windowWidth",2);l([S("cre8-button")],r.prototype,"buttons",2);l([o({type:Boolean,reflect:!0})],r.prototype,"hideLastAndFirstButtons",2);l([o({reflect:!0,type:Number})],r.prototype,"currentPage",1);customElements.get("cre8-pagination")===void 0&&customElements.define("cre8-pagination",r);const{args:A,argTypes:_,template:Z}=L("cre8-pagination"),at={title:"cre8 Components/Pagination",component:"cre8-pagination",args:{...A,currentPage:1,totalResults:300,pageSize:10,visiblePages:5,display:"default"},argTypes:{..._,display:{..._.display,options:["compact","icon-only","range","default"],control:{type:"select"}}},parameters:{status:{type:"inProgress"},actions:{handles:["pagination.click","button.handleOnBlur","pagination.keydown"]}},decorators:[N],render:c=>Z(c)},h={args:{display:"default",currentPage:1,totalResults:300,pageSize:25}},f={args:{display:"compact",currentPage:1,totalResults:43,pageSize:10}},b={args:{display:"icon-only"}},x={args:{display:"default",currentPage:1,totalResults:300,pageSize:25,hideLastAndFirstButtons:!0}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+      </nav>`}};y.styles=[B],y.elementDefinitions={"cre8-button":z};let r=y;l([w()],r.prototype,"_currentPage",2);l([o({reflect:!0,type:Number})],r.prototype,"totalResults",2);l([o({type:Number,reflect:!0})],r.prototype,"pageSize",1);l([w()],r.prototype,"_pageSize",2);l([o({reflect:!0,type:Number})],r.prototype,"visiblePages",2);l([o({type:String,reflect:!0})],r.prototype,"display",2);l([w()],r.prototype,"windowWidth",2);l([S("cre8-button")],r.prototype,"buttons",2);l([o({type:Boolean,reflect:!0})],r.prototype,"hideLastAndFirstButtons",2);l([o({reflect:!0,type:Number})],r.prototype,"currentPage",1);customElements.get("cre8-pagination")===void 0&&customElements.define("cre8-pagination",r);const{args:A,argTypes:_,template:Z}=L("cre8-pagination"),at={title:"cre8 Components/Pagination",component:"cre8-pagination",args:{...A,currentPage:1,totalResults:300,pageSize:10,visiblePages:5,display:"default"},argTypes:{..._,display:{..._.display,options:["compact","icon-only","range","default"],control:{type:"select"}}},parameters:{status:{type:"inProgress"},actions:{handles:["pagination.click","button.handleOnBlur","pagination.keydown"]}},decorators:[N],render:p=>Z(p)},h={args:{display:"default",currentPage:1,totalResults:300,pageSize:25}},f={args:{display:"compact",currentPage:1,totalResults:43,pageSize:10}},b={args:{display:"icon-only"}},x={args:{display:"default",currentPage:1,totalResults:300,pageSize:25,hideLastAndFirstButtons:!0}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
   args: {
     display: 'default',
     currentPage: 1,

package/dist/assets/{percent-bar.stories-UQRXYUqd.js → percent-bar.stories-CYi4El7T.js}

@@ -1,4 +1,4 @@
-import{a as x,A as b,b as l}from"./iframe-dHvya7sk.js";import{s as y}from"./spread-BPiNgQQF.js";import{C as v,n as c}from"./cre8-element-DfmMtHJO.js";import"./button-CJL8yzAT.js";import"./text-passage-DGaI5i2I.js";import"./progress-meter-TzASasu0.js";import"./link-BpCiLxNW.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-HKKhGupN.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-bQpK8UYN.js";import"./icon-DeTLDzTS.js";import"./loading-spinner-g6iJajXH.js";import"./index.browser-BY9c7rfI.js";const w=x`.cre8-u-content-knockout-brand {
+import{a as x,A as b,b as l}from"./iframe-BNJP6ovU.js";import{s as y}from"./spread-CnPic3C2.js";import{C as v,n as c}from"./cre8-element-B35i4Lyg.js";import"./button-CgaWukz0.js";import"./text-passage-xQVosjOr.js";import"./progress-meter-Dit59091.js";import"./link-CRE0Eqdo.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-Bxnzk64Q.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-Cfc5VeYV.js";import"./icon-ChfRWXWy.js";import"./loading-spinner-C52KNq6y.js";import"./index.browser-BY9c7rfI.js";const w=x`.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/{popover.stories-ZkwrRFpR.js → popover.stories-B9O8F4yv.js}

@@ -1,4 +1,4 @@
-import{a as A,A as T,b as i,o as c}from"./iframe-dHvya7sk.js";import{s as O}from"./spread-BPiNgQQF.js";import{w as C}from"./decorator-iVSD-Llo.js";import"./f-po-C2WpbOFJ.js";import"./button-CJL8yzAT.js";import{C as B,n}from"./cre8-element-DfmMtHJO.js";import{e as k}from"./query-BpjciUlk.js";import{o as P}from"./query-assigned-elements-43hYArgI.js";import"./heading-485Jz7JZ.js";import{s as p}from"./story-helpers-BFn_kBYw.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./if-defined-HKKhGupN.js";import"./cre8-form-element-bQpK8UYN.js";import"./icon-DeTLDzTS.js";import"./loading-spinner-g6iJajXH.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";const S=A`.cre8-u-content-knockout-brand {
+import{a as A,A as T,b as i,o as c}from"./iframe-BNJP6ovU.js";import{s as O}from"./spread-CnPic3C2.js";import{w as C}from"./decorator-iVSD-Llo.js";import"./f-po-BdPzDRD-.js";import"./button-CgaWukz0.js";import{C as B,n}from"./cre8-element-B35i4Lyg.js";import{e as k}from"./query-BpjciUlk.js";import{o as P}from"./query-assigned-elements-43hYArgI.js";import"./heading-Dbka33DK.js";import{s as p}from"./story-helpers-BFn_kBYw.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./if-defined-Bxnzk64Q.js";import"./cre8-form-element-Cfc5VeYV.js";import"./icon-ChfRWXWy.js";import"./loading-spinner-C52KNq6y.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";const S=A`.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/{primary-nav.stories-wqOKwgQn.js → primary-nav.stories-Bt-o7h45.js}

@@ -1,4 +1,4 @@
-import{a as y,b as r}from"./iframe-dHvya7sk.js";import{s as b}from"./spread-BPiNgQQF.js";import{o as w}from"./if-defined-HKKhGupN.js";import{C as x,n as m}from"./cre8-element-DfmMtHJO.js";import{r as z}from"./state-CfuknrX8.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const k=y`.cre8-u-content-knockout-brand {
+import{a as y,b as r}from"./iframe-BNJP6ovU.js";import{s as b}from"./spread-CnPic3C2.js";import{o as w}from"./if-defined-Bxnzk64Q.js";import{C as x,n as m}from"./cre8-element-B35i4Lyg.js";import{r as z}from"./state-DkQhleoO.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const k=y`.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 */
 }
 
 /**
@@ -1192,10 +1184,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1368,10 +1356,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/{progress-meter-TzASasu0.js → progress-meter-Dit59091.js}

@@ -1,4 +1,4 @@
-import{a as p,b as g}from"./iframe-dHvya7sk.js";import{C as l,n as e}from"./cre8-element-DfmMtHJO.js";import{n as c}from"./index.browser-BY9c7rfI.js";const u=p`.cre8-u-content-knockout-brand {
+import{a as p,b as g}from"./iframe-BNJP6ovU.js";import{C as l,n as e}from"./cre8-element-B35i4Lyg.js";import{n as c}from"./index.browser-BY9c7rfI.js";const u=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/{progress-meter.stories-qfJALZf8.js → progress-meter.stories-CYnOCmjo.js}

@@ -1,4 +1,4 @@
-import{b as c}from"./iframe-dHvya7sk.js";import"./progress-meter-TzASasu0.js";import{s as p}from"./spread-BPiNgQQF.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-DfmMtHJO.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./index.browser-BY9c7rfI.js";const v={title:"cre8 Components/Progress Meter",component:"cre8-progress-meter",parameters:{status:{type:"inProgress"}},render:n=>c`<cre8-progress-meter ${p(n)}></cre8-progress-meter>`,args:{value:"50",knockout:!1},argTypes:{fieldId:{control:"text"},status:{control:"text"},knockout:{control:"boolean"},max:{control:"number"},value:{control:"number"},name:{control:"text"}}},e={args:{label:"Default progress label"}},r={args:{label:"Knockout progress label",knockout:!0}},s={args:{label:"Empty progress label",value:0}},a={args:{label:"Not strong progress label",value:"25",status:"error"}},o={args:{label:"Weak progress label",status:"warning"}},t={args:{label:"Good progress label",value:"75",status:"success"}},l={args:{label:"Excellent progress label",value:"100",status:"success"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+import{b as c}from"./iframe-BNJP6ovU.js";import"./progress-meter-Dit59091.js";import{s as p}from"./spread-CnPic3C2.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./index.browser-BY9c7rfI.js";const v={title:"cre8 Components/Progress Meter",component:"cre8-progress-meter",parameters:{status:{type:"inProgress"}},render:n=>c`<cre8-progress-meter ${p(n)}></cre8-progress-meter>`,args:{value:"50",knockout:!1},argTypes:{fieldId:{control:"text"},status:{control:"text"},knockout:{control:"boolean"},max:{control:"number"},value:{control:"number"},name:{control:"text"}}},e={args:{label:"Default progress label"}},r={args:{label:"Knockout progress label",knockout:!0}},s={args:{label:"Empty progress label",value:0}},a={args:{label:"Not strong progress label",value:"25",status:"error"}},o={args:{label:"Weak progress label",status:"warning"}},t={args:{label:"Good progress label",value:"75",status:"success"}},l={args:{label:"Excellent progress label",value:"100",status:"success"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
   args: {
     label: 'Default progress label'
   }

package/dist/assets/{progress-steps-item-KvW1d_7L.js → progress-steps-item-CWJsad0s.js}

@@ -1,4 +1,4 @@
-import{a as m,b as p}from"./iframe-dHvya7sk.js";import{C as c,n as i}from"./cre8-element-DfmMtHJO.js";const g=m`.cre8-u-content-knockout-brand {
+import{a as m,b as p}from"./iframe-BNJP6ovU.js";import{C as c,n as i}from"./cre8-element-B35i4Lyg.js";const g=m`.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/{progress-steps-item.stories-uOn6tJ1W.js → progress-steps-item.stories-ePn_6bPn.js}

@@ -1,4 +1,4 @@
-import{b as a}from"./iframe-dHvya7sk.js";import{s as o}from"./spread-BPiNgQQF.js";import"./progress-steps-item-KvW1d_7L.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-DfmMtHJO.js";import"./_commonjsHelpers-DaWZu8wl.js";const c=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+import{b as a}from"./iframe-BNJP6ovU.js";import{s as o}from"./spread-CnPic3C2.js";import"./progress-steps-item-CWJsad0s.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";const c=`<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 0ZM11.5123 6.58923L7.20462 10.8969C7.14746 10.9541 7.07959 10.9995 7.00489 11.0305C6.93018 11.0615 6.8501 11.0774 6.76923 11.0774C6.68836 11.0774 6.60828 11.0615 6.53358 11.0305C6.45887 10.9995 6.391 10.9541 6.33385 10.8969L4.48769 9.05077C4.37222 8.9353 4.30735 8.77868 4.30735 8.61538C4.30735 8.45208 4.37222 8.29547 4.48769 8.18C4.60317 8.06453 4.75978 7.99966 4.92308 7.99966C5.08638 7.99966 5.24299 8.06453 5.35846 8.18L6.76923 9.59154L10.6415 5.71846C10.6987 5.66128 10.7666 5.61593 10.8413 5.58499C10.916 5.55404 10.9961 5.53812 11.0769 5.53812C11.1578 5.53812 11.2378 5.55404 11.3126 5.58499C11.3873 5.61593 11.4551 5.66128 11.5123 5.71846C11.5695 5.77564 11.6148 5.84351 11.6458 5.91822C11.6767 5.99292 11.6927 6.07299 11.6927 6.15384C11.6927 6.2347 11.6767 6.31477 11.6458 6.38947C11.6148 6.46418 11.5695 6.53205 11.5123 6.58923Z"/>
 </svg>
 `,g=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">

package/dist/assets/{progress-steps.stories-CKFPx8D0.js → progress-steps.stories-CblrEcXF.js}

@@ -1,4 +1,4 @@
-import{a as g,r as c,b as s}from"./iframe-dHvya7sk.js";import{s as o}from"./spread-BPiNgQQF.js";import{C as d}from"./cre8-element-DfmMtHJO.js";import"./progress-steps-item-KvW1d_7L.js";import"./divider-B_PXBGWD.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const l=g`.cre8-u-content-knockout-brand {
+import{a as g,r as c,b as s}from"./iframe-BNJP6ovU.js";import{s as o}from"./spread-CnPic3C2.js";import{C as d}from"./cre8-element-B35i4Lyg.js";import"./progress-steps-item-CWJsad0s.js";import"./divider-xZ2KARHf.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const l=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 */
 }
 
 /**

package/dist/assets/{radio-field-item-CTaR50XR.js → radio-field-item-Bm-0RWPe.js}

@@ -1,4 +1,4 @@
-import{a as b,b as g}from"./iframe-dHvya7sk.js";import{o as d}from"./if-defined-HKKhGupN.js";import{C as x,n as t}from"./cre8-element-DfmMtHJO.js";import"./field-note-DKXZiXLU.js";import{e as y}from"./query-BpjciUlk.js";import{n as f}from"./index.browser-BY9c7rfI.js";import{C as w}from"./cre8-form-element-bQpK8UYN.js";const v=b`.cre8-u-content-knockout-brand {
+import{a as b,b as g}from"./iframe-BNJP6ovU.js";import{o as d}from"./if-defined-Bxnzk64Q.js";import{C as x,n as t}from"./cre8-element-B35i4Lyg.js";import"./field-note-fccBckVl.js";import{e as y}from"./query-BpjciUlk.js";import{n as f}from"./index.browser-BY9c7rfI.js";import{C as w}from"./cre8-form-element-Cfc5VeYV.js";const v=b`.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 */
 }
 
 /**
@@ -629,7 +621,7 @@ span.ripple {
   /* 1 */
   padding: 0;
   /* 1 */
-}`;var z=Object.defineProperty,m=(c,e,i,a)=>{for(var o=void 0,s=c.length-1,p;s>=0;s--)(p=c[s])&&(o=p(e,i,o)||o);return o&&z(e,i,o),o};const h=class h extends x{render(){const e=this.componentClassNames("cre8-c-radio-field",{});return g`
+}`;var z=Object.defineProperty,m=(c,e,i,a)=>{for(var o=void 0,s=c.length-1,p;s>=0;s--)(p=c[s])&&(o=p(e,i,o)||o);return o&&z(e,i,o),o};const u=class u extends x{render(){const e=this.componentClassNames("cre8-c-radio-field",{});return g`
       <fieldset class="${e}" aria-describedby="${d(this.ariaDescribedBy)}">
         <legend class="cre8-c-radio-field__legend">${this.label}</legend>
         <div class="cre8-c-radio-field__body">
@@ -647,7 +639,7 @@ span.ripple {
           ${this.fieldNote}
         </cre8-field-note>`:""}
       </fieldset>
-    `}};h.styles=[v];let l=h;m([t()],l.prototype,"fieldNote");m([t()],l.prototype,"ariaDescribedBy");m([t()],l.prototype,"fieldNoteIconName");m([t({type:Boolean,reflect:!0})],l.prototype,"fieldNoteKnockout");m([t({type:Boolean,reflect:!0})],l.prototype,"isSuccess");m([t({type:Boolean,reflect:!0})],l.prototype,"isError");m([t()],l.prototype,"label");customElements.get("cre8-radio-field")===void 0&&customElements.define("cre8-radio-field",l);const k=b`.cre8-u-content-knockout-brand {
+    `}};u.styles=[v];let l=u;m([t()],l.prototype,"fieldNote");m([t()],l.prototype,"ariaDescribedBy");m([t()],l.prototype,"fieldNoteIconName");m([t({type:Boolean,reflect:!0})],l.prototype,"fieldNoteKnockout");m([t({type:Boolean,reflect:!0})],l.prototype,"isSuccess");m([t({type:Boolean,reflect:!0})],l.prototype,"isError");m([t()],l.prototype,"label");customElements.get("cre8-radio-field")===void 0&&customElements.define("cre8-radio-field",l);const k=b`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -1021,10 +1013,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1197,10 +1185,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1375,7 +1359,7 @@ span.ripple {
   line-height: var(--cre8-typography-label-small-line-height);
   text-decoration: var(--cre8-typography-label-small-text-decoration);
   text-transform: var(--cre8-typography-label-small-text-transform);
-}`;var _=Object.defineProperty,n=(c,e,i,a)=>{for(var o=void 0,s=c.length-1,p;s>=0;s--)(p=c[s])&&(o=p(e,i,o)||o);return o&&_(e,i,o),o};const u=class u extends w{constructor(){super(...arguments),this.type="radio"}connectedCallback(){super.connectedCallback(),this.fieldId=this.fieldId||f(),this.fieldNote&&(this.ariaDescribedBy=this.ariaDescribedBy||f())}resetField(){this._internals.setFormValue(null)}resetTabIndeces(e){e.forEach(i=>{i.shadowRoot.querySelector(".cre8-c-radio-field-item__input").setAttribute("tabindex","0")})}removeChecked(){this.parentNode&&this.parentNode.querySelectorAll("cre8-radio-field-item").forEach(i=>{i.checked=!1,i.shadowRoot.querySelector(".cre8-c-radio-field-item__input").setAttribute("tabindex","-1"),i.resetField()})}formResetCallback(){this.removeChecked(),this.checked=this.initialChecked,this.field.checked=this.initialChecked}_getRole(){return this.closest("cre8-radio-field")?"listitem":""}_clickHandler(){this.removeChecked(),this.checked=!this.checked;const e=this.shadowRoot?.querySelector(".cre8-c-radio-field-item__input");return e&&e.setAttribute("tabindex","0"),this.checked?this._internals.setFormValue(this.value||"on"):this._internals.setFormValue(null)}_updateSibling(e,i,a){e.preventDefault(),this.removeChecked(),a.focus(),a.click(),a.setAttribute("tabindex","0"),i.setAttribute("checked","")}handleKeyDown(e){if(e.code==="ArrowLeft"||e.code==="ArrowUp"){const i=this.previousElementSibling,a=i?.shadowRoot?.querySelector(".cre8-c-radio-field-item__input:not([disabled])");a&&this._updateSibling(e,i,a)}else if(e.code==="ArrowRight"||e.code==="ArrowDown"){const i=this.nextElementSibling,a=i?.shadowRoot?.querySelector(".cre8-c-radio-field-item__input:not([disabled])");a&&this._updateSibling(e,i,a)}else if(e.code==="Tab"&&!this.checked){const i=this.parentNode.querySelectorAll("cre8-radio-field-item");i.forEach(a=>{a.shadowRoot.querySelector(".cre8-c-radio-field-item__input").setAttribute("tabindex","-1")}),setTimeout(this.resetTabIndeces,100,i)}}render(){const e=this.componentClassNames("cre8-c-radio-field-item",{"cre8-c-radio-field-item--error":this.isError,"cre8-c-radio-field-item--success":this.isSuccess,"cre8-c-radio-field-item--disabled":this.disabled}),i=this.checked===!0||this.initialChecked===!0;return g`
+}`;var _=Object.defineProperty,n=(c,e,i,a)=>{for(var o=void 0,s=c.length-1,p;s>=0;s--)(p=c[s])&&(o=p(e,i,o)||o);return o&&_(e,i,o),o};const h=class h extends w{constructor(){super(...arguments),this.type="radio"}connectedCallback(){super.connectedCallback(),this.fieldId=this.fieldId||f(),this.fieldNote&&(this.ariaDescribedBy=this.ariaDescribedBy||f())}resetField(){this._internals.setFormValue(null)}resetTabIndeces(e){e.forEach(i=>{i.shadowRoot.querySelector(".cre8-c-radio-field-item__input").setAttribute("tabindex","0")})}removeChecked(){this.parentNode&&this.parentNode.querySelectorAll("cre8-radio-field-item").forEach(i=>{i.checked=!1,i.shadowRoot.querySelector(".cre8-c-radio-field-item__input").setAttribute("tabindex","-1"),i.resetField()})}formResetCallback(){this.removeChecked(),this.checked=this.initialChecked,this.field.checked=this.initialChecked}_getRole(){return this.closest("cre8-radio-field")?"listitem":""}_clickHandler(){this.removeChecked(),this.checked=!this.checked;const e=this.shadowRoot?.querySelector(".cre8-c-radio-field-item__input");return e&&e.setAttribute("tabindex","0"),this.checked?this._internals.setFormValue(this.value||"on"):this._internals.setFormValue(null)}_updateSibling(e,i,a){e.preventDefault(),this.removeChecked(),a.focus(),a.click(),a.setAttribute("tabindex","0"),i.setAttribute("checked","")}handleKeyDown(e){if(e.code==="ArrowLeft"||e.code==="ArrowUp"){const i=this.previousElementSibling,a=i?.shadowRoot?.querySelector(".cre8-c-radio-field-item__input:not([disabled])");a&&this._updateSibling(e,i,a)}else if(e.code==="ArrowRight"||e.code==="ArrowDown"){const i=this.nextElementSibling,a=i?.shadowRoot?.querySelector(".cre8-c-radio-field-item__input:not([disabled])");a&&this._updateSibling(e,i,a)}else if(e.code==="Tab"&&!this.checked){const i=this.parentNode.querySelectorAll("cre8-radio-field-item");i.forEach(a=>{a.shadowRoot.querySelector(".cre8-c-radio-field-item__input").setAttribute("tabindex","-1")}),setTimeout(this.resetTabIndeces,100,i)}}render(){const e=this.componentClassNames("cre8-c-radio-field-item",{"cre8-c-radio-field-item--error":this.isError,"cre8-c-radio-field-item--success":this.isSuccess,"cre8-c-radio-field-item--disabled":this.disabled}),i=this.checked===!0||this.initialChecked===!0;return g`
         <div role=${d(this._getRole())} class="${e}" @keydown=${this.handleKeyDown}>
             <input
             class="cre8-c-radio-field-item__input"
@@ -1404,4 +1388,4 @@ span.ripple {
             >
                 ${this.fieldNote}
             </cre8-field-note>`:""}
-        `}};u.styles=[k];let r=u;n([t()],r.prototype,"ariaDescribedBy");n([t({type:Boolean,reflect:!0})],r.prototype,"checked");n([t({type:Boolean,reflect:!0})],r.prototype,"disabled");n([y("input")],r.prototype,"field");n([t()],r.prototype,"fieldId");n([t()],r.prototype,"fieldNote");n([t()],r.prototype,"fieldNoteIconName");n([t({type:Boolean,reflect:!0})],r.prototype,"fieldNoteKnockout");n([t({type:Boolean,reflect:!0})],r.prototype,"fieldNoteIsError");n([t({type:Boolean,reflect:!0})],r.prototype,"isError");n([t({type:Boolean,reflect:!0})],r.prototype,"isSuccess");n([t()],r.prototype,"label");n([t({type:Boolean,reflect:!0})],r.prototype,"required");customElements.get("cre8-radio-field-item")===void 0&&customElements.define("cre8-radio-field-item",r);
+        `}};h.styles=[k];let r=h;n([t()],r.prototype,"ariaDescribedBy");n([t({type:Boolean,reflect:!0})],r.prototype,"checked");n([t({type:Boolean,reflect:!0})],r.prototype,"disabled");n([y("input")],r.prototype,"field");n([t()],r.prototype,"fieldId");n([t()],r.prototype,"fieldNote");n([t()],r.prototype,"fieldNoteIconName");n([t({type:Boolean,reflect:!0})],r.prototype,"fieldNoteKnockout");n([t({type:Boolean,reflect:!0})],r.prototype,"fieldNoteIsError");n([t({type:Boolean,reflect:!0})],r.prototype,"isError");n([t({type:Boolean,reflect:!0})],r.prototype,"isSuccess");n([t()],r.prototype,"label");n([t({type:Boolean,reflect:!0})],r.prototype,"required");customElements.get("cre8-radio-field-item")===void 0&&customElements.define("cre8-radio-field-item",r);

package/dist/assets/{radio-field-item.stories-DQSLj8W1.js → radio-field-item.stories-y_TrTRIW.js}

@@ -1,4 +1,4 @@
-import{b as u}from"./iframe-dHvya7sk.js";import"./radio-field-item-CTaR50XR.js";import{s as m}from"./spread-BPiNgQQF.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-HKKhGupN.js";import"./cre8-element-DfmMtHJO.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./field-note-DKXZiXLU.js";import"./icon-DeTLDzTS.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-bQpK8UYN.js";const T={title:"cre8 Components/Radio Field Item",component:"cre8-radio-field-item",render:d=>u`
+import{b as u}from"./iframe-BNJP6ovU.js";import"./radio-field-item-Bm-0RWPe.js";import{s as m}from"./spread-CnPic3C2.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./field-note-fccBckVl.js";import"./icon-ChfRWXWy.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-Cfc5VeYV.js";const T={title:"cre8 Components/Radio Field Item",component:"cre8-radio-field-item",render:d=>u`
         <cre8-radio-field>
             <cre8-radio-field-item ${m(d)}></cre8-radio-field-item>
         </cre8-radio-field>

package/dist/assets/{radio-field.stories-Btmc_Iep.js → radio-field.stories-CSWrbUrn.js}

@@ -1,4 +1,4 @@
-import{b as a}from"./iframe-dHvya7sk.js";import"./radio-field-item-CTaR50XR.js";import{s as c}from"./spread-BPiNgQQF.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-HKKhGupN.js";import"./cre8-element-DfmMtHJO.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./field-note-DKXZiXLU.js";import"./icon-DeTLDzTS.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-bQpK8UYN.js";const y={title:"cre8 Components/Radio Field",component:"cre8-radio-field",parameters:{status:{type:"inProgress"}},render:d=>a`
+import{b as a}from"./iframe-BNJP6ovU.js";import"./radio-field-item-Bm-0RWPe.js";import{s as c}from"./spread-CnPic3C2.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./field-note-fccBckVl.js";import"./icon-ChfRWXWy.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-Cfc5VeYV.js";const y={title:"cre8 Components/Radio Field",component:"cre8-radio-field",parameters:{status:{type:"inProgress"}},render:d=>a`
   <cre8-radio-field ${c(d)}>
    ${d.content}
   </cre8-radio-field>