@tmorrow/cre8-wc 2.0.5 → 2.0.7

package/dist/assets/{select-tile-list.stories-CD5E8DL-.js → select-tile-list.stories-vsBQUIcl.js}

@@ -1,4 +1,4 @@
-import{i as f,b as n}from"./iframe-CdWmiVXf.js";import"./field-note-txmyzeNl.js";import{o as p}from"./if-defined-sxEueMHN.js";import{C as y,n as t}from"./cre8-element-gkCuLp-W.js";import{n as x}from"./index.browser-BY9c7rfI.js";import"./select-tile-etSpH07h.js";import"./preload-helper-PPVm8Dsz.js";import"./Warning-CawqmTvB.js";import"./Error-X6enME_5.js";import"./icon-DYiIK7a4.js";import"./unsafe-html-BLUBm7l3.js";import"./directive-b18f_ppQ.js";import"./Caret_Down-Bmqq8eNW.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-DsXhvnkn.js";const b=f`.cre8-u-content-knockout-brand {
+import{a as f,b as a,g as y}from"./iframe-dHvya7sk.js";import"./field-note-DKXZiXLU.js";import{o as p}from"./if-defined-HKKhGupN.js";import{C as x,n as t}from"./cre8-element-DfmMtHJO.js";import{n as b}from"./index.browser-BY9c7rfI.js";import"./select-tile-D-C8oSrm.js";import"./preload-helper-PPVm8Dsz.js";import"./icon-DeTLDzTS.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-bQpK8UYN.js";const v=f`.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 */
 }
 
 /**
@@ -617,7 +625,7 @@ span.ripple {
 }
 .cre8-c-select-tile-list__rows .cre8-c-select-tile-list__list {
   grid-template-columns: unset;
-}`;var v=Object.defineProperty,i=(r,o,u,w)=>{for(var a=void 0,m=r.length-1,h;m>=0;m--)(h=r[m])&&(a=h(o,u,a)||a);return a&&v(o,u,a),a};const g=class g extends y{constructor(){super(...arguments),this.variant="columns"}connectedCallback(){super.connectedCallback(),this.fieldNote&&(this.ariaDescribedBy=this.ariaDescribedBy||x())}render(){const o=this.componentClassNames("cre8-c-select-tile-list",{"cre8-c-select-tile-list__rows":this.variant==="rows"});return n`
+}`;var w=Object.defineProperty,i=(n,o,h,$)=>{for(var r=void 0,m=n.length-1,u;m>=0;m--)(u=n[m])&&(r=u(o,h,r)||r);return r&&w(o,h,r),r};const g=class g extends x{constructor(){super(...arguments),this.variant="columns"}connectedCallback(){super.connectedCallback(),this.fieldNote&&(this.ariaDescribedBy=this.ariaDescribedBy||b())}render(){const o=this.componentClassNames("cre8-c-select-tile-list",{"cre8-c-select-tile-list__rows":this.variant==="rows"});return a`
       <fieldset class="${o}">
         <legend
           class="cre8-c-select-tile-list__legend"
@@ -630,7 +638,7 @@ span.ripple {
             <slot></slot>
           </div>
         </div>
-        ${this.fieldNote?n`<cre8-field-note
+        ${this.fieldNote?a`<cre8-field-note
           ?inverted=${this.fieldNoteKnockout}
           id=${p(this.ariaDescribedBy)}
           iconName=${p(this.fieldNoteIconName)}
@@ -640,19 +648,17 @@ span.ripple {
           ${this.fieldNote}
         </cre8-field-note>`:""}
       </fieldset>
-    `}};g.styles=[b];let e=g;i([t({reflect:!0})],e.prototype,"variant");i([t({reflect:!0})],e.prototype,"label");i([t({reflect:!0})],e.prototype,"fieldNote");i([t()],e.prototype,"ariaDescribedBy");i([t({reflect:!0})],e.prototype,"fieldNoteIconName");i([t({type:Boolean,reflect:!0})],e.prototype,"fieldNoteKnockout");i([t({type:Boolean,reflect:!0})],e.prototype,"fieldNoteIsSuccess");i([t({type:Boolean,reflect:!0})],e.prototype,"fieldNoteIsError");customElements.get("cre8-select-tile-list")===void 0&&customElements.define("cre8-select-tile-list",e);const X={title:"In Development/Select Tile List",component:"cre8-select-tile-list",parameters:{status:{type:"beta"}},decorators:[r=>n`<form>\n${r()}\n</form>`]},s=()=>n`<cre8-select-tile-list label="Legend" fieldNote="This is a Field Note!">
+    `}};g.styles=[v];let e=g;i([t({reflect:!0})],e.prototype,"variant");i([t({reflect:!0})],e.prototype,"label");i([t({reflect:!0})],e.prototype,"fieldNote");i([t()],e.prototype,"ariaDescribedBy");i([t({reflect:!0})],e.prototype,"fieldNoteIconName");i([t({type:Boolean,reflect:!0})],e.prototype,"fieldNoteKnockout");i([t({type:Boolean,reflect:!0})],e.prototype,"fieldNoteIsSuccess");i([t({type:Boolean,reflect:!0})],e.prototype,"fieldNoteIsError");customElements.get("cre8-select-tile-list")===void 0&&customElements.define("cre8-select-tile-list",e);const{args:z,argTypes:k,template:N}=y("cre8-select-tile-list"),H=a`
   <cre8-select-tile name="t1" align="center" value="1">
     <cre8-icon-legacy slot="header" name="find-drug" style=" --cre8-icon-width: 56px;  --cre8-icon-height: 56px;"></cre8-icon-legacy>
     <span slot="title">Heading text</span>
     <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>
   </cre8-select-tile>
-
   <cre8-select-tile ?isError=${!0} name="t1" align="center" value="2">
     <cre8-icon-legacy slot="header" name="find-drug" style=" --cre8-icon-width: 56px;  --cre8-icon-height: 56px;"></cre8-icon-legacy>
     <span slot="title">Heading text</span>
     <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>
   </cre8-select-tile>
-
   <cre8-select-tile ?isSuccess=${!0} name="t1" align="center" value="3">
     <cre8-icon-legacy slot="header" name="find-drug" style=" --cre8-icon-width: 56px;  --cre8-icon-height: 56px;"></cre8-icon-legacy>
     <span slot="title">Heading text</span>
@@ -663,7 +669,7 @@ span.ripple {
     <span slot="title">Heading text</span>
     <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>
   </cre8-select-tile>
-</cre8-select-tile-list>`,c=()=>n`<cre8-select-tile-list variant="rows" label="Legend" fieldNote="This is a Field Note!">
+`,X={title:"In Development/Select Tile List",component:"cre8-select-tile-list",args:{...z,label:"Legend",fieldNote:"This is a Field Note!"},argTypes:k,parameters:{status:{type:"beta"}},decorators:[n=>a`<form>\n${n()}\n</form>`],render:n=>N(n,H)},s={},c=()=>a`<cre8-select-tile-list variant="rows" label="Legend" fieldNote="This is a Field Note!">
   <cre8-select-tile name="t1" align="center" value="1" variant="horizontal">
     <cre8-icon-legacy slot="header" name="find-drug" style=" --cre8-icon-width: 56px;  --cre8-icon-height: 56px;"></cre8-icon-legacy>
     <span slot="title">Heading text</span>
@@ -686,7 +692,7 @@ span.ripple {
     <span slot="title">Heading text</span>
     <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>
   </cre8-select-tile>
-</cre8-select-tile-list>`,l=()=>n`<cre8-select-tile-list label="Legend" fieldNote="This is a Field Note!">
+</cre8-select-tile-list>`,l=()=>a`<cre8-select-tile-list label="Legend" fieldNote="This is a Field Note!">
   <cre8-select-tile name="t1" align="center" value="1" type="checkbox">
     <cre8-icon-legacy slot="header" name="find-drug" style=" --cre8-icon-width: 56px;  --cre8-icon-height: 56px;"></cre8-icon-legacy>
     <span slot="title">Heading text</span>
@@ -709,7 +715,7 @@ span.ripple {
     <span slot="title">Heading text</span>
     <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>
   </cre8-select-tile>
-</cre8-select-tile-list>`,d=()=>n`<cre8-select-tile-list variant="rows" label="Legend" fieldNote="This is a Field Note!">
+</cre8-select-tile-list>`,d=()=>a`<cre8-select-tile-list variant="rows" label="Legend" fieldNote="This is a Field Note!">
   <cre8-select-tile variant="horizontal" name="t1" align="center" value="1" type="checkbox">
     <cre8-icon-legacy slot="header" name="find-drug" style=" --cre8-icon-width: 56px;  --cre8-icon-height: 56px;"></cre8-icon-legacy>
     <span slot="title">Heading text</span>
@@ -732,30 +738,7 @@ span.ripple {
     <span slot="title">Heading text</span>
     <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>
   </cre8-select-tile>
-</cre8-select-tile-list>`;s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`() => html\`<cre8-select-tile-list label="Legend" fieldNote="This is a Field Note!">
-  <cre8-select-tile name="t1" align="center" value="1">
-    <cre8-icon-legacy slot="header" name="find-drug" style=" --cre8-icon-width: 56px;  --cre8-icon-height: 56px;"></cre8-icon-legacy>
-    <span slot="title">Heading text</span>
-    <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>
-  </cre8-select-tile>
-
-  <cre8-select-tile ?isError=\${true} name="t1" align="center" value="2">
-    <cre8-icon-legacy slot="header" name="find-drug" style=" --cre8-icon-width: 56px;  --cre8-icon-height: 56px;"></cre8-icon-legacy>
-    <span slot="title">Heading text</span>
-    <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>
-  </cre8-select-tile>
-
-  <cre8-select-tile ?isSuccess=\${true} name="t1" align="center" value="3">
-    <cre8-icon-legacy slot="header" name="find-drug" style=" --cre8-icon-width: 56px;  --cre8-icon-height: 56px;"></cre8-icon-legacy>
-    <span slot="title">Heading text</span>
-    <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>
-  </cre8-select-tile>
-  <cre8-select-tile ?disabled=\${true} name="t1" align="center" value="4">
-    <cre8-icon-legacy slot="header" name="find-drug" style=" --cre8-icon-width: 56px;  --cre8-icon-height: 56px;"></cre8-icon-legacy>
-    <span slot="title">Heading text</span>
-    <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>
-  </cre8-select-tile>
-</cre8-select-tile-list>\``,...s.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`() => html\`<cre8-select-tile-list variant="rows" label="Legend" fieldNote="This is a Field Note!">
+</cre8-select-tile-list>`;s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:"{}",...s.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`() => html\`<cre8-select-tile-list variant="rows" label="Legend" fieldNote="This is a Field Note!">
   <cre8-select-tile name="t1" align="center" value="1" variant="horizontal">
     <cre8-icon-legacy slot="header" name="find-drug" style=" --cre8-icon-width: 56px;  --cre8-icon-height: 56px;"></cre8-icon-legacy>
     <span slot="title">Heading text</span>

package/dist/assets/{select-tile.stories-Bg7iogzn.js → select-tile.stories-CqHzN5fc.js}

@@ -1,4 +1,4 @@
-import{i as R,g as S,r as F,b as r}from"./iframe-CdWmiVXf.js";import{t as N}from"./f-po-CZL6lsXP.js";import{n as k}from"./cre8-element-gkCuLp-W.js";import{s as t}from"./spread-BOaHI3Dl.js";import{f as o}from"./icon-DYiIK7a4.js";import"./button-group-B9g_-lYt.js";import"./button-Bt9tRB7v.js";import"./select-tile-etSpH07h.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-sxEueMHN.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./directive-b18f_ppQ.js";import"./unsafe-html-BLUBm7l3.js";import"./Caret_Down-Bmqq8eNW.js";import"./Warning-CawqmTvB.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-DsXhvnkn.js";import"./loading-spinner-Ced-hKjz.js";import"./index.browser-BY9c7rfI.js";const I=R`
+import{a as C,j as R,r as S,b as r}from"./iframe-dHvya7sk.js";import{w as F}from"./decorator-iVSD-Llo.js";import{t as N}from"./f-po-C2WpbOFJ.js";import{n as k}from"./cre8-element-DfmMtHJO.js";import{s as t}from"./spread-BPiNgQQF.js";import"./icon-DeTLDzTS.js";import"./button-group-BgwgtSFC.js";import"./button-CJL8yzAT.js";import"./select-tile-D-C8oSrm.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./if-defined-HKKhGupN.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-bQpK8UYN.js";import"./loading-spinner-g6iJajXH.js";import"./index.browser-BY9c7rfI.js";const M=C`
 /**
  * Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/
  */
@@ -226,11 +226,14 @@ span.ripple {
   color: #2084ca;
 }
   /* sourceMappingURL=example-inline.css.map */
-`;var T=Object.defineProperty,O=Object.getOwnPropertyDescriptor,z=(e,a,y,i)=>{for(var s=i>1?void 0:i?O(a,y):a,w=e.length-1,$;w>=0;w--)($=e[w])&&(s=(i?$(a,y,s):$(s))||s);return i&&s&&T(a,y,s),s};let v=class extends S{static get styles(){return F(I.toString().replace(":root",":host"))}render(){return r`
+`;var T=Object.defineProperty,I=Object.getOwnPropertyDescriptor,z=(e,a,y,i)=>{for(var s=i>1?void 0:i?I(a,y):a,w=e.length-1,$;w>=0;w--)($=e[w])&&(s=(i?$(a,y,s):$(s))||s);return i&&s&&T(a,y,s),s};let b=class extends R{static get styles(){return S(M.toString().replace(":root",":host"))}render(){return r`
       <span class="f-po ${this.styleModifier}" style="${this.inlineStyle}">
         <slot></slot>
       </div>
-    `}};z([k()],v.prototype,"styleModifier",2);z([k()],v.prototype,"inlineStyle",2);v=z([N("example-inline")],v);const{withActions:M}=__STORYBOOK_MODULE_PREVIEW_API__,te={title:"In Development/Select Tile",component:"cre8-select-tile",parameters:{withDesign:{type:"figma",url:"https://www.figma.com/file/L8rVyIvYfWAtNpgm2qps73/Evernorth-Base-Web-Library?type=design&node-id=3702-28744"},status:{type:"beta"},controls:{exclude:["shadowRootOptions","formAssociated","internalValue","internals","field"],expanded:!0},actions:{handles:["change","input","click"]}},decorators:[M],argTypes:{type:{control:"select",options:["radio","checkbox"]},variant:{options:[void 0,"bare","horizontal","horizontal-bare"]},variantBreakToVertical:{options:["sm","sm-2","md","lg","xl","xxl","none"]},checkPosition:{options:["none","left","top-right","right"]},radioVariant:{options:["dot","check"]},align:{options:[void 0,"center"]},isError:{control:"boolean"},isSuccess:{control:"boolean"},required:{control:"boolean"},disabled:{control:"boolean"},checked:{control:"boolean"},name:{control:"text"},value:{control:"text"},fieldId:{control:"text"}}},n=e=>r`<cre8-select-tile ${t(e)}>
+    `}};z([k()],b.prototype,"styleModifier",2);z([k()],b.prototype,"inlineStyle",2);b=z([N("example-inline")],b);const o=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.7985 1.20265C14.0284 0.432604 12.984 0 11.895 0C10.8059 0 9.76152 0.432604 8.99146 1.20265L1.16604 9.0273C0.412088 9.80065 -0.0068122 10.8399 8.3812e-05 11.9199C0.00697982 13 0.439117 14.0338 1.20288 14.7975C1.96664 15.5611 3.00052 15.9931 4.08055 15.9999C5.16058 16.0066 6.19979 15.5876 6.97304 14.8335L14.7992 7.00888C15.568 6.23824 15.9997 5.19412 15.9995 4.1056C15.9994 3.01708 15.5674 1.97308 14.7985 1.20265ZM6.10106 13.9616C5.56237 14.5003 4.83171 14.8031 4.06981 14.8031C3.30791 14.8032 2.57719 14.5006 2.0384 13.9619C1.4996 13.4232 1.19687 12.6926 1.1968 11.9307C1.19673 11.1688 1.49932 10.4381 2.03801 9.89927L5.51435 6.42293L9.5774 10.4852L6.10106 13.9616ZM13.9265 6.1369L10.4486 9.61324L6.38709 5.55096L9.8642 2.07462C10.405 1.54629 11.1323 1.25247 11.8884 1.25688C12.6444 1.2613 13.3683 1.5636 13.9029 2.09822C14.4375 2.63284 14.7398 3.35666 14.7442 4.11271C14.7486 4.86876 14.4548 5.59607 13.9265 6.1369ZM12.7369 4.4978C12.7942 4.55509 12.8397 4.62311 12.8707 4.69799C12.9018 4.77286 12.9178 4.85312 12.9178 4.93418C12.9178 5.01523 12.9018 5.09549 12.8707 5.17037C12.8397 5.24524 12.7942 5.31327 12.7369 5.37055L10.8865 7.2209C10.8292 7.27815 10.7612 7.32356 10.6863 7.35452C10.6115 7.38549 10.5313 7.40141 10.4503 7.40137C10.3693 7.40134 10.289 7.38535 10.2142 7.35432C10.1394 7.32328 10.0714 7.27782 10.0142 7.22051C9.9569 7.1632 9.9115 7.09518 9.88053 7.02033C9.84956 6.94548 9.83364 6.86526 9.83368 6.78425C9.83371 6.70324 9.84971 6.62304 9.88074 6.54821C9.91177 6.47339 9.95724 6.4054 10.0145 6.34815L11.8649 4.4978C11.9805 4.38222 12.1374 4.3173 12.3009 4.3173C12.4644 4.3173 12.6212 4.38222 12.7369 4.4978Z"/>
+</svg>
+`,Q={title:"In Development/Select Tile",component:"cre8-select-tile",parameters:{withDesign:{type:"figma",url:"https://www.figma.com/file/L8rVyIvYfWAtNpgm2qps73/Evernorth-Base-Web-Library?type=design&node-id=3702-28744"},status:{type:"beta"},controls:{exclude:["shadowRootOptions","formAssociated","internalValue","internals","field"],expanded:!0},actions:{handles:["change","input","click"]}},decorators:[F],argTypes:{type:{control:"select",options:["radio","checkbox"]},variant:{options:[void 0,"bare","horizontal","horizontal-bare"]},variantBreakToVertical:{options:["sm","sm-2","md","lg","xl","xxl","none"]},checkPosition:{options:["none","left","top-right","right"]},radioVariant:{options:["dot","check"]},align:{options:[void 0,"center"]},isError:{control:"boolean"},isSuccess:{control:"boolean"},required:{control:"boolean"},disabled:{control:"boolean"},checked:{control:"boolean"},name:{control:"text"},value:{control:"text"},fieldId:{control:"text"}}},n=e=>r`<cre8-select-tile ${t(e)}>
   <f-po slot="header">Header</f-po>
   <f-po>Body</f-po>
   <f-po slot="footer">Footer</f-po>
@@ -317,7 +320,7 @@ span.ripple {
   <cre8-icon slot="header" svg="${o}" style="width: 56px; height: 56px;"></cre8-icon>
   <span slot="title">Heading text</span>
   <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>
-</cre8-select-tile>`,b=e=>r`<cre8-select-tile ${t(e)} variant="horizontal" disabled>
+</cre8-select-tile>`,v=e=>r`<cre8-select-tile ${t(e)} variant="horizontal" disabled>
   <cre8-icon slot="header" svg="${o}" style="width: 56px; height: 56px;"></cre8-icon>
   <span slot="title">Heading text</span>
   <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>
@@ -392,4 +395,4 @@ span.ripple {
   <f-po slot="header">Bare Header</f-po>
   <f-po>Bare Body</f-po>
   <f-po slot="footer">Bare Footer</f-po>
-</cre8-select-tile>\``,...f.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:'args => html`<cre8-select-tile ${spread(args)} variant="horizontal" isError>\n  <cre8-icon slot="header" svg="${svgMedication}" style="width: 56px; height: 56px;"></cre8-icon>\n  <span slot="title">Heading text</span>\n  <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>\n</cre8-select-tile>`',...g.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:'args => html`<cre8-select-tile ${spread(args)} variant="horizontal" isSuccess>\n  <cre8-icon slot="header" svg="${svgMedication}" style="width: 56px; height: 56px;"></cre8-icon>\n  <span slot="title">Heading text</span>\n  <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>\n</cre8-select-tile>`',...x.parameters?.docs?.source}}};b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:'args => html`<cre8-select-tile ${spread(args)} variant="horizontal" disabled>\n  <cre8-icon slot="header" svg="${svgMedication}" style="width: 56px; height: 56px;"></cre8-icon>\n  <span slot="title">Heading text</span>\n  <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>\n</cre8-select-tile>`',...b.parameters?.docs?.source}}};const re=["Default","Horizontal","TitleAndBody","TitleAndBodyRealistic","TitleAndBodyRealisticLeft","FormRealistic","FormRealisticChecks","Bare","HorizontalBare","ErrorRealistic","SuccessRealistic","DisabledRealistic"];export{u as Bare,n as Default,b as DisabledRealistic,g as ErrorRealistic,m as FormRealistic,h as FormRealisticChecks,l as Horizontal,f as HorizontalBare,x as SuccessRealistic,c as TitleAndBody,p as TitleAndBodyRealistic,d as TitleAndBodyRealisticLeft,re as __namedExportsOrder,te as default};
+</cre8-select-tile>\``,...f.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:'args => html`<cre8-select-tile ${spread(args)} variant="horizontal" isError>\n  <cre8-icon slot="header" svg="${svgMedication}" style="width: 56px; height: 56px;"></cre8-icon>\n  <span slot="title">Heading text</span>\n  <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>\n</cre8-select-tile>`',...g.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:'args => html`<cre8-select-tile ${spread(args)} variant="horizontal" isSuccess>\n  <cre8-icon slot="header" svg="${svgMedication}" style="width: 56px; height: 56px;"></cre8-icon>\n  <span slot="title">Heading text</span>\n  <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>\n</cre8-select-tile>`',...x.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:'args => html`<cre8-select-tile ${spread(args)} variant="horizontal" disabled>\n  <cre8-icon slot="header" svg="${svgMedication}" style="width: 56px; height: 56px;"></cre8-icon>\n  <span slot="title">Heading text</span>\n  <span slot="body">Nunc amet vitae sit interdum non morbi fames ac sed</span>\n</cre8-select-tile>`',...v.parameters?.docs?.source}}};const ee=["Default","Horizontal","TitleAndBody","TitleAndBodyRealistic","TitleAndBodyRealisticLeft","FormRealistic","FormRealisticChecks","Bare","HorizontalBare","ErrorRealistic","SuccessRealistic","DisabledRealistic"];export{u as Bare,n as Default,v as DisabledRealistic,g as ErrorRealistic,m as FormRealistic,h as FormRealisticChecks,l as Horizontal,f as HorizontalBare,x as SuccessRealistic,c as TitleAndBody,p as TitleAndBodyRealistic,d as TitleAndBodyRealisticLeft,ee as __namedExportsOrder,Q as default};

package/dist/assets/{select.stories-B6iFE5PV.js → select.stories-8aOGxTtr.js}

@@ -1,4 +1,4 @@
-import{i as z,b as o,A as k}from"./iframe-CdWmiVXf.js";import{s as I}from"./spread-BOaHI3Dl.js";import{o as N}from"./unsafe-html-BLUBm7l3.js";import{s as S}from"./story-helpers-BJLZYDac.js";import"./link-B_CPLQjt.js";import{s as O}from"./icon-DYiIK7a4.js";import{o as w}from"./if-defined-sxEueMHN.js";import{n as i}from"./cre8-element-gkCuLp-W.js";import{r as $}from"./query-all-CK69__1O.js";import{n as v}from"./index.browser-BY9c7rfI.js";import"./field-note-txmyzeNl.js";import{C as G}from"./cre8-form-element-DsXhvnkn.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./Caret_Down-Bmqq8eNW.js";import"./Warning-CawqmTvB.js";import"./base-DVmwUFg0.js";import"./Error-X6enME_5.js";const E=z`.cre8-u-content-knockout-brand {
+import{a as z,b as o,A as k,o as I}from"./iframe-dHvya7sk.js";import{s as N}from"./spread-BPiNgQQF.js";import{s as S}from"./story-helpers-BFn_kBYw.js";import"./link-BpCiLxNW.js";import{o as w}from"./if-defined-HKKhGupN.js";import{n as i}from"./cre8-element-DfmMtHJO.js";import{r as O}from"./query-all-CK69__1O.js";import{n as v}from"./index.browser-BY9c7rfI.js";import"./field-note-DKXZiXLU.js";import{C as $}from"./cre8-form-element-bQpK8UYN.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";import"./icon-DeTLDzTS.js";const C=z`.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 */
 }
 
 /**
@@ -736,7 +744,10 @@ span.ripple {
 .cre8-c-select__field-note-success,
 .cre8-c-select__field-note-error {
   flex-basis: 100%;
-}`;var B=Object.defineProperty,r=(c,e,a,n)=>{for(var s=void 0,y=c.length-1,_;y>=0;y--)(_=c[y])&&(s=_(e,a,s)||s);return s&&B(e,a,s),s};const x=class x extends G{constructor(){super(...arguments),this.type="select",this.items=[],this.label="Label",this.required=!1}_initializeAria(){this.fieldId=this.fieldId||v(),(this.fieldNote||this.slotNotEmpty("fieldNote"))&&(this.ariaDescribedBy=this.ariaDescribedBy||v()),(this.successNote||this.errorNote)&&(this.validationAriaDescribedBy=this.validationAriaDescribedBy||v())}_fieldNoteAria(){return this.validationAriaDescribedBy&&this.ariaDescribedBy?`${this.ariaDescribedBy} ${this.validationAriaDescribedBy}`:this.validationAriaDescribedBy&&!this.ariaDescribedBy?this.validationAriaDescribedBy:this.ariaDescribedBy}connectedCallback(){super.connectedCallback(),this.field.setAttribute("name",this.name??"")}disconnectedCallback(){super.disconnectedCallback()}firstUpdated(){super.firstUpdated(),[...this._selectOptions].forEach(e=>{e.selected===!0&&(this.selectedItem=e.value)}),this.defaultValue=this.selectedItem?this.selectedItem:this._selectOptions[0].value??"Select An Option",this._setFormData(),this._initializeAria(),this.updateField()}_setFormData(){return this.selectedItem?this._internals?.setFormValue(this.selectedItem):this._internals?.setFormValue(this.defaultValue.toString())}_handleOnChange(e){const a=e.target;this.value=a.options[a.selectedIndex].value,this._internals.setFormValue(this.value);const n=new CustomEvent("change",{detail:{name:this.name,value:this.value},bubbles:!0,composed:!0});this.dispatchEvent(n)}_renderSelectOptions(){return this.items.map(e=>{if("options"in e){const a=e.options.map(n=>o`
+}`;var G=Object.defineProperty,r=(c,e,a,n)=>{for(var s=void 0,y=c.length-1,_;y>=0;y--)(_=c[y])&&(s=_(e,a,s)||s);return s&&G(e,a,s),s};const E=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.7867 12.1506C15.7192 12.2183 15.639 12.2719 15.5507 12.3085C15.4624 12.3451 15.3678 12.3639 15.2722 12.3639C15.1766 12.3639 15.082 12.3451 14.9937 12.3085C14.9054 12.2719 14.8252 12.2183 14.7577 12.1506L7.99992 5.39197L1.24215 12.1506C1.10569 12.2871 0.920613 12.3638 0.727633 12.3638C0.534652 12.3638 0.349576 12.2871 0.213119 12.1506C0.076661 12.0142 3.8041e-09 11.8291 0 11.6361C-3.8041e-09 11.4432 0.076661 11.2581 0.213119 11.1216L7.4854 3.84933C7.55294 3.78172 7.63315 3.72808 7.72143 3.69148C7.80972 3.65488 7.90435 3.63605 7.99992 3.63605C8.09548 3.63605 8.19012 3.65488 8.2784 3.69148C8.36668 3.72808 8.44689 3.78172 8.51443 3.84933L15.7867 11.1216C15.8543 11.1892 15.908 11.2694 15.9446 11.3576C15.9812 11.4459 16 11.5406 16 11.6361C16 11.7317 15.9812 11.8263 15.9446 11.9146C15.908 12.0029 15.8543 12.0831 15.7867 12.1506Z"/>
+</svg>
+`,x=class x extends ${constructor(){super(...arguments),this.type="select",this.items=[],this.label="Label",this.required=!1}_initializeAria(){this.fieldId=this.fieldId||v(),(this.fieldNote||this.slotNotEmpty("fieldNote"))&&(this.ariaDescribedBy=this.ariaDescribedBy||v()),(this.successNote||this.errorNote)&&(this.validationAriaDescribedBy=this.validationAriaDescribedBy||v())}_fieldNoteAria(){return this.validationAriaDescribedBy&&this.ariaDescribedBy?`${this.ariaDescribedBy} ${this.validationAriaDescribedBy}`:this.validationAriaDescribedBy&&!this.ariaDescribedBy?this.validationAriaDescribedBy:this.ariaDescribedBy}connectedCallback(){super.connectedCallback(),this.field?.setAttribute("name",this.name??"")}disconnectedCallback(){super.disconnectedCallback()}firstUpdated(){super.firstUpdated(),this.field=this.renderRoot.querySelector("select"),this.field?.setAttribute("name",this.name??""),[...this._selectOptions].forEach(e=>{e.selected===!0&&(this.selectedItem=e.value)}),this.defaultValue=this.selectedItem?this.selectedItem:this._selectOptions[0].value??"Select An Option",this._setFormData(),this._initializeAria(),this.updateField()}_setFormData(){return this.selectedItem?this._internals?.setFormValue(this.selectedItem):this._internals?.setFormValue(this.defaultValue.toString())}_handleOnChange(e){const a=e.target;this.value=a.options[a.selectedIndex].value,this._internals.setFormValue(this.value);const n=new CustomEvent("change",{detail:{name:this.name,value:this.value},bubbles:!0,composed:!0});this.dispatchEvent(n)}_renderSelectOptions(){return this.items.map(e=>{if("options"in e){const a=e.options.map(n=>o`
                   <option value="${n.value}">${n.label}</option>
               `);return o`<optgroup label="${e.optGroupLabel}">
           ${a}
@@ -772,7 +783,7 @@ span.ripple {
             ${this._renderSelectOptions()}
           </select>
           <div class="cre8-c-select__icons">
-            <cre8-icon svg='${O}' rotate="180" class="cre8-c-select__icon-arrow" aria-hidden='true'>
+            <cre8-icon svg='${E}' rotate="180" class="cre8-c-select__icon-arrow" aria-hidden='true'>
           </div>
         </div>
       </div>
@@ -782,12 +793,12 @@ span.ripple {
             class="cre8-c-select__field-note"
           ><slot name="fieldNote">${this.fieldNote}</slot></cre8-field-note>`:k}
       ${this._renderSuccessErrorFieldNote()}
-    `}};x.styles=[E];let t=x;r([i({type:Array})],t.prototype,"items");r([i()],t.prototype,"label");r([i()],t.prototype,"fieldId");r([i()],t.prototype,"fieldNote");r([i()],t.prototype,"ariaDescribedBy");r([i()],t.prototype,"validationAriaDescribedBy");r([i({type:Boolean,reflect:!0})],t.prototype,"required");r([i({type:Boolean,reflect:!0})],t.prototype,"disabled");r([i({type:Boolean,reflect:!0})],t.prototype,"isError");r([i()],t.prototype,"errorNote");r([i({type:Boolean,reflect:!0})],t.prototype,"isSuccess");r([i()],t.prototype,"successNote");r([$("option")],t.prototype,"_selectOptions");customElements.get("cre8-select")===void 0&&customElements.define("cre8-select",t);const D=[{label:"Option Item 1",value:"option-item-1"},{label:"Option Item 2",value:"option-item-2"},{label:"Option Item 3",value:"option-item-3"},{label:"Option Item 4",value:"option-item-4"},{label:"Option Item 5",value:"option-item-5"},{label:"Option Item 6",value:"option-item-6"}],A=[{optGroupLabel:"Option Group 1",options:[{label:"Option Group Item 1",value:"option-group-item-1"},{label:"Option Group Item 2",value:"option-group-item-2"},{label:"Option Group Item 3",value:"option-group-item-3"}]},{optGroupLabel:"Option Group 2",options:[{label:"Option Group Item 4",value:"option-group-item-4"},{label:"Option Group Item 5",value:"option-group-item-5"},{label:"Option Group Item 6",value:"option-group-item-6"}]},{optGroupLabel:"Option Group 3",options:[{label:"Option Group Item 7",value:"option-group-item-7"},{label:"Option Group Item 8",value:"option-group-item-8"},{label:"Option Group Item 9",value:"option-group-item-9"}]}],ee={title:"cre8 Components/Select",component:"cre8-select",parameters:{status:{type:"inProgress"},actions:{handles:["change"]}},render:({fieldNoteSlot:c,...e})=>o`
-    <cre8-select ${I(e)} .items=${e.items}>
-      ${N(S(c,"cre8-link"))}
-    </cre8-select>`,argTypes:{change:{table:{disable:!0}},selectOptions:{table:{disable:!0}},type:{table:{disable:!0}},value:{table:{disable:!0}},name:{table:{disable:!0}},id:{table:{disable:!0}}},args:{id:"selectId",name:"selectName",items:D}},d={},p={args:{disabled:!0}},m={args:{value:"option-item-1"}},u={args:{fieldNoteSlot:`<div slot="fieldNote">
+    `}};x.styles=[C];let t=x;r([i({type:Array})],t.prototype,"items");r([i()],t.prototype,"label");r([i()],t.prototype,"fieldId");r([i()],t.prototype,"fieldNote");r([i()],t.prototype,"ariaDescribedBy");r([i()],t.prototype,"validationAriaDescribedBy");r([i({type:Boolean,reflect:!0})],t.prototype,"required");r([i({type:Boolean,reflect:!0})],t.prototype,"disabled");r([i({type:Boolean,reflect:!0})],t.prototype,"isError");r([i()],t.prototype,"errorNote");r([i({type:Boolean,reflect:!0})],t.prototype,"isSuccess");r([i()],t.prototype,"successNote");r([O("option")],t.prototype,"_selectOptions");customElements.get("cre8-select")===void 0&&customElements.define("cre8-select",t);const B=[{label:"Option Item 1",value:"option-item-1"},{label:"Option Item 2",value:"option-item-2"},{label:"Option Item 3",value:"option-item-3"},{label:"Option Item 4",value:"option-item-4"},{label:"Option Item 5",value:"option-item-5"},{label:"Option Item 6",value:"option-item-6"}],D=[{optGroupLabel:"Option Group 1",options:[{label:"Option Group Item 1",value:"option-group-item-1"},{label:"Option Group Item 2",value:"option-group-item-2"},{label:"Option Group Item 3",value:"option-group-item-3"}]},{optGroupLabel:"Option Group 2",options:[{label:"Option Group Item 4",value:"option-group-item-4"},{label:"Option Group Item 5",value:"option-group-item-5"},{label:"Option Group Item 6",value:"option-group-item-6"}]},{optGroupLabel:"Option Group 3",options:[{label:"Option Group Item 7",value:"option-group-item-7"},{label:"Option Group Item 8",value:"option-group-item-8"},{label:"Option Group Item 9",value:"option-group-item-9"}]}],Z={title:"cre8 Components/Select",component:"cre8-select",parameters:{status:{type:"inProgress"},actions:{handles:["change"]}},render:({fieldNoteSlot:c,...e})=>o`
+    <cre8-select ${N(e)} .items=${e.items}>
+      ${I(S(c,"cre8-link"))}
+    </cre8-select>`,argTypes:{change:{table:{disable:!0}},selectOptions:{table:{disable:!0}},type:{table:{disable:!0}},value:{table:{disable:!0}},name:{table:{disable:!0}},id:{table:{disable:!0}}},args:{id:"selectId",name:"selectName",items:B}},d={},p={args:{disabled:!0}},m={args:{value:"option-item-1"}},u={args:{fieldNoteSlot:`<div slot="fieldNote">
       Some optional help text or <cre8-link href="#">helpful link</cre8-link>
-    </div>`}},g={args:{errorNote:"Short, clear error message.",isError:!0}},h={args:{isSuccess:!0,successNote:"Short, clear success message"}},f={args:{errorNote:"Short, clear error message.",fieldNote:"This is a field note.",isError:!0}},b={args:{fieldNote:"This is a field note.",isSuccess:!0,successNote:"Short, clear success message"}},l={args:{items:A}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:"{}",...d.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+    </div>`}},g={args:{errorNote:"Short, clear error message.",isError:!0}},h={args:{isSuccess:!0,successNote:"Short, clear success message"}},f={args:{errorNote:"Short, clear error message.",fieldNote:"This is a field note.",isError:!0}},b={args:{fieldNote:"This is a field note.",isSuccess:!0,successNote:"Short, clear success message"}},l={args:{items:D}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:"{}",...d.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
   args: {
     disabled: true
   }
@@ -842,4 +853,4 @@ which contains an \`optGrouplabel\` for the group name and an \`options\` array
     { label: 'Option Group Item 3', value: 'option-group-item-3', },
   ],
 }
-\`\`\``,...l.parameters?.docs?.description}}};const te=["Default","Disabled","Preselected","FieldNote","Error","Success","FieldNoteAndError","FieldNoteAndSuccess","OptionGroup"];export{d as Default,p as Disabled,g as Error,u as FieldNote,f as FieldNoteAndError,b as FieldNoteAndSuccess,l as OptionGroup,m as Preselected,h as Success,te as __namedExportsOrder,ee as default};
+\`\`\``,...l.parameters?.docs?.description}}};const J=["Default","Disabled","Preselected","FieldNote","Error","Success","FieldNoteAndError","FieldNoteAndSuccess","OptionGroup"];export{d as Default,p as Disabled,g as Error,u as FieldNote,f as FieldNoteAndError,b as FieldNoteAndSuccess,l as OptionGroup,m as Preselected,h as Success,J as __namedExportsOrder,Z as default};

package/dist/assets/{skeleton-loader.stories-DGnU16J7.js → skeleton-loader.stories-CwR2-aC5.js}

@@ -1,4 +1,4 @@
-import{i as b,b as x}from"./iframe-CdWmiVXf.js";import{s as y}from"./spread-BOaHI3Dl.js";import{C as z,n as g}from"./cre8-element-gkCuLp-W.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";import"./_commonjsHelpers-DaWZu8wl.js";const w=b`.cre8-u-content-knockout-brand {
+import{a as b,b as x}from"./iframe-dHvya7sk.js";import{s as y}from"./spread-BPiNgQQF.js";import{C as w,n as g}from"./cre8-element-DfmMtHJO.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const z=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 */
 }
 
 /**
@@ -631,12 +639,12 @@ span.ripple {
   100% {
     background-position: -135% 0%;
   }
-}`;var k=Object.defineProperty,c=(r,a,h,v)=>{for(var e=void 0,l=r.length-1,f;l>=0;l--)(f=r[l])&&(e=f(a,h,e)||e);return e&&k(a,h,e),e};const u=class u extends z{constructor(){super(...arguments),this.variant="rectangle"}render(){const a=this.componentClassNames("cre8-c-skeleton-loader",{"cre8-c-skeleton-loader--rectangle":this.variant==="rectangle","cre8-c-skeleton-loader--square":this.variant==="square","cre8-c-skeleton-loader--circle":this.variant==="circle"});return x`
+}`;var k=Object.defineProperty,c=(r,a,h,v)=>{for(var e=void 0,p=r.length-1,f;p>=0;p--)(f=r[p])&&(e=f(a,h,e)||e);return e&&k(a,h,e),e};const u=class u extends w{constructor(){super(...arguments),this.variant="rectangle"}render(){const a=this.componentClassNames("cre8-c-skeleton-loader",{"cre8-c-skeleton-loader--rectangle":this.variant==="rectangle","cre8-c-skeleton-loader--square":this.variant==="square","cre8-c-skeleton-loader--circle":this.variant==="circle"});return x`
     <div
         class="${a}"
         style="height: ${this.height??"auto"}; width: ${this.width??"auto"}"
     ></div>
-    `}};u.styles=[w];let t=u;c([g()],t.prototype,"variant");c([g()],t.prototype,"height");c([g()],t.prototype,"width");customElements.get("cre8-skeleton-loader")===void 0&&customElements.define("cre8-skeleton-loader",t);const O={title:"cre8 Components/Skeleton Loader",component:"cre8-skeleton-loader",render:r=>x`<cre8-skeleton-loader ${y(r)}></cre8-skeleton-loader>`,parameters:{status:{type:"inProgress"}},argTypes:{variant:{options:["rectangle","square","circle"],control:{type:"radio"}}}},i={},n={args:{variant:"rectangle"}},o={args:{variant:"square"}},s={args:{variant:"circle"}},d={args:{height:"20px",width:"300px"}},m={args:{height:"100px"}},p={args:{width:"100px"}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:"{}",...i.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+    `}};u.styles=[z];let t=u;c([g()],t.prototype,"variant");c([g()],t.prototype,"height");c([g()],t.prototype,"width");customElements.get("cre8-skeleton-loader")===void 0&&customElements.define("cre8-skeleton-loader",t);const _={title:"cre8 Components/Skeleton Loader",component:"cre8-skeleton-loader",render:r=>x`<cre8-skeleton-loader ${y(r)}></cre8-skeleton-loader>`,parameters:{status:{type:"inProgress"}},argTypes:{variant:{options:["rectangle","square","circle"],control:{type:"radio"}}}},i={},n={args:{variant:"rectangle"}},o={args:{variant:"square"}},s={args:{variant:"circle"}},d={args:{height:"20px",width:"300px"}},m={args:{height:"100px"}},l={args:{width:"100px"}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:"{}",...i.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
   args: {
     variant: 'rectangle'
   }
@@ -657,8 +665,8 @@ span.ripple {
   args: {
     height: '100px'
   }
-}`,...m.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+}`,...m.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
   args: {
     width: '100px'
   }
-}`,...p.parameters?.docs?.source}}};const T=["Default","Rectangle","Square","Circle","CustomHeightWidth","CustomHeight","CustomWidth"];export{s as Circle,m as CustomHeight,d as CustomHeightWidth,p as CustomWidth,i as Default,n as Rectangle,o as Square,T as __namedExportsOrder,O as default};
+}`,...l.parameters?.docs?.source}}};const O=["Default","Rectangle","Square","Circle","CustomHeightWidth","CustomHeight","CustomWidth"];export{s as Circle,m as CustomHeight,d as CustomHeightWidth,l as CustomWidth,i as Default,n as Rectangle,o as Square,O as __namedExportsOrder,_ as default};

package/dist/assets/{split-button.stories-G1N_NP0K.js → split-button.stories-CyfdrK4u.js}

@@ -1,4 +1,4 @@
-import{i as u,b as i}from"./iframe-CdWmiVXf.js";import"./dropdown-DZE-lVYN.js";import{C as h,n as s}from"./cre8-element-gkCuLp-W.js";import{r as f}from"./state-BQD-SkUn.js";import"./button-Bt9tRB7v.js";import"./preload-helper-PPVm8Dsz.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./Caret_Down-Bmqq8eNW.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-sxEueMHN.js";import"./cre8-form-element-DsXhvnkn.js";import"./icon-DYiIK7a4.js";import"./unsafe-html-BLUBm7l3.js";import"./directive-b18f_ppQ.js";import"./Warning-CawqmTvB.js";import"./loading-spinner-Ced-hKjz.js";const b=u`.cre8-u-content-knockout-brand {
+import{a as u,b as i}from"./iframe-dHvya7sk.js";import"./dropdown-Cgwne34I.js";import{C as h,n as s}from"./cre8-element-DfmMtHJO.js";import{r as f}from"./state-CfuknrX8.js";import"./button-CJL8yzAT.js";import"./preload-helper-PPVm8Dsz.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-HKKhGupN.js";import"./cre8-form-element-bQpK8UYN.js";import"./icon-DeTLDzTS.js";import"./loading-spinner-g6iJajXH.js";const b=u`.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 */
 }
 
 /**
@@ -592,7 +600,7 @@ span.ripple {
 .cre8-c-split-button__button-container {
   display: flex;
   max-width: fit-content;
-}`;var x=Object.defineProperty,d=(m,t,c,w)=>{for(var r=void 0,p=m.length-1,g;p>=0;p--)(g=m[p])&&(r=g(t,c,r)||r);return r&&x(t,c,r),r};const l=class l extends h{constructor(){super(...arguments),this.dropdownOpen=!1}render(){const t=this.componentClassNames("cre8-c-split-button",{});return i`
+}`;var w=Object.defineProperty,d=(m,t,c,x)=>{for(var r=void 0,p=m.length-1,g;p>=0;p--)(g=m[p])&&(r=g(t,c,r)||r);return r&&w(t,c,r),r};const l=class l extends h{constructor(){super(...arguments),this.dropdownOpen=!1}render(){const t=this.componentClassNames("cre8-c-split-button",{});return i`
       <div class="${t}">
         <div class="cre8-c-split-button__button-container">
           <cre8-button
@@ -619,7 +627,7 @@ span.ripple {
         </div>
         ${this.dropdownOpen?i`<slot></slot>`:""}
       </div>
-    `}_textClick(t){this.dispatchEvent(new Event("text-click",t))}_dropdownClick(t){this.dropdownOpen=!this.dropdownOpen,this.dispatchEvent(new Event("dropdown-click",t))}};l.styles=[b];let e=l;d([f()],e.prototype,"dropdownOpen");d([s({type:Boolean,reflect:!0})],e.prototype,"disabled");d([s()],e.prototype,"size");d([s()],e.prototype,"buttonText");customElements.get("cre8-split-button")===void 0&&customElements.define("cre8-split-button",e);const L={title:"Cre8 Components/Split-Button",component:"cre8-split-button",parameters:{status:{type:"inProgress"}}},o=m=>i`
+    `}_textClick(t){this.dispatchEvent(new Event("text-click",t))}_dropdownClick(t){this.dropdownOpen=!this.dropdownOpen,this.dispatchEvent(new Event("dropdown-click",t))}};l.styles=[b];let e=l;d([f()],e.prototype,"dropdownOpen");d([s({type:Boolean,reflect:!0})],e.prototype,"disabled");d([s()],e.prototype,"size");d([s()],e.prototype,"buttonText");customElements.get("cre8-split-button")===void 0&&customElements.define("cre8-split-button",e);const V={title:"Cre8 Components/Split-Button",component:"cre8-split-button",parameters:{status:{type:"inProgress"}}},o=m=>i`
   <cre8-split-button buttonText="Button">
     <cre8-dropdown>
       <cre8-dropdown-item>Item 1</cre8-dropdown-item>
@@ -667,4 +675,4 @@ span.ripple {
       <cre8-dropdown-item>Item 3</cre8-dropdown-item>
     </cre8-dropdown>
   </cre8-split-button>
-\``,...a.parameters?.docs?.source}}};const S=["Default","Large","Small"];export{o as Default,n as Large,a as Small,S as __namedExportsOrder,L as default};
+\``,...a.parameters?.docs?.source}}};const X=["Default","Large","Small"];export{o as Default,n as Large,a as Small,X as __namedExportsOrder,V as default};

package/dist/assets/spread-BPiNgQQF.js

@@ -0,0 +1 @@
+import{e as o,i as s,t as i,E as p}from"./iframe-dHvya7sk.js";class c extends s{constructor(e){if(super(e),e.type!==i.ELEMENT)throw new Error("The `spread` directive can only be used in the element context")}update(e,[n]){return Object.entries(n).forEach(([r,t])=>{typeof t=="string"&&t.length>0&&e.element.setAttribute(r,t),typeof t=="boolean"&&(e.element[r]=t)}),p}render(e){return""}}const l=o(c);export{l as s};

package/dist/assets/state-CfuknrX8.js

@@ -0,0 +1 @@
+import{n as r}from"./cre8-element-DfmMtHJO.js";function n(t){return r({...t,state:!0,attribute:!1})}export{n as r};