@tmorrow/cre8-wc 2.0.5 → 2.0.7

package/dist/assets/progress-steps-item.stories-uOn6tJ1W.js

@@ -0,0 +1,65 @@
+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">
+<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">
+<path d="M8 0C6.41775 0 4.87103 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346628 6.40034 -0.15496 8.00887 0.153721 9.56072C0.462403 11.1126 1.22433 12.538 2.34315 13.6569C3.46197 14.7757 4.88743 15.5376 6.43928 15.8463C7.99113 16.155 9.59966 15.9965 11.0615 15.391C12.5233 14.7855 13.7727 13.7602 14.6518 12.4446C15.5308 11.129 16 9.58225 16 8C15.9978 5.87895 15.1542 3.84542 13.6544 2.34562C12.1546 0.845814 10.121 0.00223986 8 0ZM7.38462 4.30769C7.38462 4.14448 7.44945 3.98796 7.56486 3.87255C7.68027 3.75714 7.83679 3.69231 8 3.69231C8.16321 3.69231 8.31974 3.75714 8.43514 3.87255C8.55055 3.98796 8.61539 4.14448 8.61539 4.30769V8.61538C8.61539 8.77859 8.55055 8.93512 8.43514 9.05053C8.31974 9.16593 8.16321 9.23077 8 9.23077C7.83679 9.23077 7.68027 9.16593 7.56486 9.05053C7.44945 8.93512 7.38462 8.77859 7.38462 8.61538V4.30769ZM8 12.3077C7.81743 12.3077 7.63897 12.2536 7.48717 12.1521C7.33537 12.0507 7.21706 11.9065 7.14719 11.7379C7.07732 11.5692 7.05904 11.3836 7.09466 11.2045C7.13028 11.0255 7.21819 10.861 7.34729 10.7319C7.47638 10.6028 7.64086 10.5149 7.81992 10.4793C7.99898 10.4437 8.18458 10.4619 8.35325 10.5318C8.52192 10.6017 8.66608 10.72 8.76751 10.8718C8.86894 11.0236 8.92308 11.202 8.92308 11.3846C8.92308 11.6294 8.82583 11.8642 8.65271 12.0373C8.4796 12.2104 8.24482 12.3077 8 12.3077Z"/>
+</svg>
+`,p=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3526_1274)">
+<path d="M8 0C6.41775 0 4.87104 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.87896 15.1542 3.84543 13.6544 2.34562C12.1546 0.845814 10.121 0.00223986 8 0ZM8.92308 11.6923C8.92308 11.8555 8.85825 12.012 8.74284 12.1275C8.62743 12.2429 8.47091 12.3077 8.3077 12.3077C8.14449 12.3077 7.98796 12.2429 7.87255 12.1275C7.75715 12.012 7.69231 11.8555 7.69231 11.6923V5.46154L6.80308 6.05462C6.7358 6.09947 6.66035 6.13063 6.58103 6.14632C6.50171 6.16201 6.42008 6.16193 6.34079 6.14607C6.2615 6.13021 6.18612 6.09889 6.11893 6.0539C6.05175 6.00891 5.99409 5.95112 5.94923 5.88385C5.90438 5.81657 5.87322 5.74112 5.85753 5.6618C5.84184 5.58248 5.84192 5.50084 5.85778 5.42156C5.87364 5.34227 5.90496 5.26688 5.94995 5.1997C5.99494 5.13251 6.05273 5.07485 6.12 5.03L7.96616 3.79923C8.05859 3.73756 8.16599 3.70207 8.27696 3.69652C8.38793 3.69096 8.49834 3.71556 8.59646 3.7677C8.69458 3.81984 8.77675 3.89757 8.83426 3.99264C8.89177 4.08771 8.92246 4.19658 8.92308 4.30769V11.6923Z"/>
+</g>
+<defs>
+<clipPath id="clip0_3526_1274">
+<rect width="16" height="16"/>
+</clipPath>
+</defs>
+</svg>
+`,i=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3526_1268)">
+<path d="M8 0C6.41775 0 4.87104 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.87896 15.1542 3.84543 13.6544 2.34562C12.1546 0.845814 10.121 0.00223986 8 0ZM8 14.7692C6.66118 14.7692 5.35241 14.3722 4.23922 13.6284C3.12603 12.8846 2.2584 11.8274 1.74605 10.5905C1.2337 9.35356 1.09965 7.99249 1.36084 6.67939C1.62203 5.36629 2.26674 4.16013 3.21343 3.21343C4.16013 2.26674 5.36629 1.62203 6.67939 1.36084C7.99249 1.09965 9.35356 1.2337 10.5905 1.74605C11.8274 2.25839 12.8846 3.12602 13.6284 4.23922C14.3722 5.35241 14.7692 6.66117 14.7692 8C14.7672 9.79469 14.0534 11.5153 12.7843 12.7843C11.5153 14.0534 9.79469 14.7672 8 14.7692ZM8.92308 4.30769V11.6923C8.92308 11.8555 8.85825 12.012 8.74284 12.1275C8.62743 12.2429 8.47091 12.3077 8.3077 12.3077C8.14449 12.3077 7.98796 12.2429 7.87255 12.1275C7.75715 12.012 7.69231 11.8555 7.69231 11.6923V5.46154L6.80308 6.05462C6.7358 6.09947 6.66035 6.13063 6.58103 6.14632C6.50171 6.16201 6.42008 6.16193 6.34079 6.14607C6.2615 6.13021 6.18612 6.09889 6.11893 6.0539C6.05175 6.00891 5.99409 5.95112 5.94923 5.88385C5.90438 5.81657 5.87322 5.74112 5.85753 5.6618C5.84184 5.58248 5.84192 5.50084 5.85778 5.42156C5.87364 5.34227 5.90496 5.26688 5.94995 5.1997C5.99494 5.13251 6.05273 5.07485 6.12 5.03L7.96616 3.79923C8.05859 3.73756 8.16599 3.70207 8.27696 3.69652C8.38793 3.69096 8.49834 3.71556 8.59646 3.7677C8.69458 3.81984 8.77675 3.89757 8.83426 3.99264C8.89177 4.08771 8.92246 4.19658 8.92308 4.30769Z"/>
+</g>
+<defs>
+<clipPath id="clip0_3526_1268">
+<rect width="16" height="16"/>
+</clipPath>
+</defs>
+</svg>
+`,m=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.7714 12.5776L9.52528 1.73028C9.36919 1.46453 9.14637 1.24418 8.87889 1.09107C8.61141 0.937966 8.30856 0.857422 8.00036 0.857422C7.69216 0.857422 7.38931 0.937966 7.12182 1.09107C6.85434 1.24418 6.63152 1.46453 6.47543 1.73028L0.229326 12.5776C0.079145 12.8346 0 13.127 0 13.4247C0 13.7224 0.079145 14.0147 0.229326 14.2718C0.383411 14.5391 0.605857 14.7607 0.873837 14.9137C1.14182 15.0667 1.44568 15.1457 1.75425 15.1425H14.2465C14.5548 15.1454 14.8584 15.0663 15.1261 14.9133C15.3938 14.7603 15.616 14.5389 15.77 14.2718C15.9204 14.0149 15.9997 13.7226 16 13.4249C16.0002 13.1272 15.9214 12.8348 15.7714 12.5776ZM7.42896 6.57146C7.42896 6.41992 7.48916 6.27458 7.59632 6.16742C7.70347 6.06026 7.84881 6.00006 8.00036 6.00006C8.1519 6.00006 8.29724 6.06026 8.4044 6.16742C8.51155 6.27458 8.57176 6.41992 8.57176 6.57146V9.42846C8.57176 9.58 8.51155 9.72534 8.4044 9.8325C8.29724 9.93966 8.1519 9.99986 8.00036 9.99986C7.84881 9.99986 7.70347 9.93966 7.59632 9.8325C7.48916 9.72534 7.42896 9.58 7.42896 9.42846V6.57146ZM8.00036 12.8569C7.83084 12.8569 7.66513 12.8066 7.52418 12.7124C7.38323 12.6182 7.27337 12.4844 7.2085 12.3278C7.14363 12.1711 7.12665 11.9988 7.15973 11.8325C7.1928 11.6663 7.27443 11.5136 7.3943 11.3937C7.51416 11.2738 7.66688 11.1922 7.83314 11.1591C7.9994 11.1261 8.17174 11.143 8.32835 11.2079C8.48497 11.2728 8.61883 11.3826 8.71301 11.5236C8.80719 11.6645 8.85746 11.8302 8.85746 11.9998C8.85746 12.2271 8.76715 12.4451 8.60642 12.6058C8.44568 12.7666 8.22767 12.8569 8.00036 12.8569Z"/>
+</svg>
+`,S={title:"In Development/Progress Steps Item",component:"cre8-progress-steps-item",render:n=>a`<cre8-progress-steps-item ${o(n)}></cre8-progress-steps-item>`},e={args:{message:"Optional step message should be succinct",name:"Step Name",state:"complete",svg:c}},s={args:{message:"Optional step message should be succinct",name:"Step Name",state:"current",svg:p}},t={args:{message:"Optional step message should be succinct",name:"Step Name",state:"error",svg:g}},C={args:{message:"Optional step message should be succinct",name:"Step Name",state:"incomplete",svg:i}},r={args:{message:"Optional step message should be succinct",name:"Step Name",state:"warning",svg:m}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+  args: {
+    message: 'Optional step message should be succinct',
+    name: 'Step Name',
+    state: 'complete',
+    svg: svgCheckCircle
+  }
+}`,...e.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    message: 'Optional step message should be succinct',
+    name: 'Step Name',
+    state: 'current',
+    svg: svgFilledCircleOne
+  }
+}`,...s.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  args: {
+    message: 'Optional step message should be succinct',
+    name: 'Step Name',
+    state: 'error',
+    svg: svgError
+  }
+}`,...t.parameters?.docs?.source}}};C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
+  args: {
+    message: 'Optional step message should be succinct',
+    name: 'Step Name',
+    state: 'incomplete',
+    svg: svgRegularCircleOne
+  }
+}`,...C.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    message: 'Optional step message should be succinct',
+    name: 'Step Name',
+    state: 'warning',
+    svg: svgWarning
+  }
+}`,...r.parameters?.docs?.source}}};const O=["Complete","Current","Error","Incomplete","Warning"];export{e as Complete,s as Current,t as Error,C as Incomplete,r as Warning,O as __namedExportsOrder,S as default};

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

@@ -1,4 +1,4 @@
-import{i as g,r as c,b as s}from"./iframe-CdWmiVXf.js";import{s as n}from"./spread-BOaHI3Dl.js";import{C as d}from"./cre8-element-gkCuLp-W.js";import"./progress-steps-item-Veau6WlI.js";import"./divider-CHWbAsrs.js";import{s as t,a as l}from"./Warning-CawqmTvB.js";import{s as h}from"./Error-X6enME_5.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";import"./_commonjsHelpers-DaWZu8wl.js";const u=g`.cre8-u-content-knockout-brand {
+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 {
   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 */
 }
 
 /**
@@ -598,9 +606,15 @@ span.ripple {
   .cre8-c-progress-steps {
     flex-direction: column;
   }
-}`;class C extends d{static get styles(){return c(u.toString())}render(){const m=this.componentClassNames("cre8-c-progress-steps");return s`<div class='${m}'>
+}`;class C extends d{static get styles(){return c(l.toString())}render(){const m=this.componentClassNames("cre8-c-progress-steps");return s`<div class='${m}'>
             <slot></slot>
-        </div>`}}customElements.get("cre8-progress-steps")===void 0&&customElements.define("cre8-progress-steps",C);const f=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+        </div>`}}customElements.get("cre8-progress-steps")===void 0&&customElements.define("cre8-progress-steps",C);const t=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 0C6.41775 0 4.87103 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346628 6.40034 -0.15496 8.00887 0.153721 9.56072C0.462403 11.1126 1.22433 12.538 2.34315 13.6569C3.46197 14.7757 4.88743 15.5376 6.43928 15.8463C7.99113 16.155 9.59966 15.9965 11.0615 15.391C12.5233 14.7855 13.7727 13.7602 14.6518 12.4446C15.5308 11.129 16 9.58225 16 8C15.9978 5.87895 15.1542 3.84542 13.6544 2.34562C12.1546 0.845814 10.121 0.00223986 8 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>
+`,h=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 0C6.41775 0 4.87103 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346628 6.40034 -0.15496 8.00887 0.153721 9.56072C0.462403 11.1126 1.22433 12.538 2.34315 13.6569C3.46197 14.7757 4.88743 15.5376 6.43928 15.8463C7.99113 16.155 9.59966 15.9965 11.0615 15.391C12.5233 14.7855 13.7727 13.7602 14.6518 12.4446C15.5308 11.129 16 9.58225 16 8C15.9978 5.87895 15.1542 3.84542 13.6544 2.34562C12.1546 0.845814 10.121 0.00223986 8 0ZM7.38462 4.30769C7.38462 4.14448 7.44945 3.98796 7.56486 3.87255C7.68027 3.75714 7.83679 3.69231 8 3.69231C8.16321 3.69231 8.31974 3.75714 8.43514 3.87255C8.55055 3.98796 8.61539 4.14448 8.61539 4.30769V8.61538C8.61539 8.77859 8.55055 8.93512 8.43514 9.05053C8.31974 9.16593 8.16321 9.23077 8 9.23077C7.83679 9.23077 7.68027 9.16593 7.56486 9.05053C7.44945 8.93512 7.38462 8.77859 7.38462 8.61538V4.30769ZM8 12.3077C7.81743 12.3077 7.63897 12.2536 7.48717 12.1521C7.33537 12.0507 7.21706 11.9065 7.14719 11.7379C7.07732 11.5692 7.05904 11.3836 7.09466 11.2045C7.13028 11.0255 7.21819 10.861 7.34729 10.7319C7.47638 10.6028 7.64086 10.5149 7.81992 10.4793C7.99898 10.4437 8.18458 10.4619 8.35325 10.5318C8.52192 10.6017 8.66608 10.72 8.76751 10.8718C8.86894 11.0236 8.92308 11.202 8.92308 11.3846C8.92308 11.6294 8.82583 11.8642 8.65271 12.0373C8.4796 12.2104 8.24482 12.3077 8 12.3077Z"/>
+</svg>
+`,u=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_3527_1275)">
 <path d="M8 0C6.41775 0 4.87104 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.87896 15.1542 3.84543 13.6544 2.34562C12.1546 0.845814 10.121 0.00223986 8 0ZM9.84616 11.0769C10.0094 11.0769 10.1659 11.1418 10.2813 11.2572C10.3967 11.3726 10.4615 11.5291 10.4615 11.6923C10.4615 11.8555 10.3967 12.012 10.2813 12.1275C10.1659 12.2429 10.0094 12.3077 9.84616 12.3077H6.15385C6.03957 12.3077 5.92754 12.2759 5.83032 12.2158C5.73311 12.1557 5.65454 12.0697 5.60343 11.9675C5.55232 11.8653 5.53069 11.7509 5.54095 11.637C5.55122 11.5232 5.59297 11.4145 5.66154 11.3231L8.98231 6.89538C9.08864 6.75368 9.16313 6.5907 9.20068 6.41756C9.23823 6.24443 9.23796 6.06523 9.19989 5.89221C9.16182 5.71919 9.08685 5.55642 8.98009 5.41504C8.87334 5.27366 8.73732 5.15699 8.58134 5.073C8.42535 4.98902 8.25307 4.9397 8.07627 4.92842C7.89947 4.91713 7.72232 4.94415 7.55692 5.00762C7.39152 5.07109 7.24177 5.16952 7.11791 5.29619C6.99405 5.42285 6.89899 5.57476 6.83923 5.74154C6.78476 5.89547 6.67138 6.02145 6.52402 6.09178C6.37666 6.1621 6.20739 6.17101 6.05347 6.11654C5.89954 6.06207 5.77355 5.94868 5.70323 5.80132C5.6329 5.65396 5.62399 5.4847 5.67847 5.33077C5.79718 4.99657 5.9867 4.69198 6.23407 4.43783C6.48143 4.18368 6.7808 3.98599 7.11166 3.85829C7.44252 3.73058 7.79708 3.67588 8.15105 3.69793C8.50501 3.71998 8.85004 3.81826 9.1625 3.98603C9.47496 4.15381 9.74747 4.38713 9.96138 4.67001C10.1753 4.95289 10.3256 5.27865 10.4019 5.62499C10.4782 5.97134 10.4788 6.33009 10.4036 6.67668C10.3284 7.02326 10.1792 7.34951 9.96616 7.63308L7.38462 11.0769H9.84616Z"/>
 </g>
@@ -610,7 +624,7 @@ span.ripple {
 </clipPath>
 </defs>
 </svg>
-`,x=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`,f=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_3527_1278)">
 <path d="M8 0C6.41775 0 4.87104 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.87896 15.1542 3.84543 13.6544 2.34562C12.1546 0.845814 10.121 0.00223986 8 0ZM7.69231 6.76923C8.42676 6.76923 9.13112 7.06099 9.65045 7.58032C10.1698 8.09965 10.4615 8.80402 10.4615 9.53846C10.4615 10.2729 10.1698 10.9773 9.65045 11.4966C9.13112 12.0159 8.42676 12.3077 7.69231 12.3077C7.32587 12.3137 6.96196 12.246 6.62221 12.1086C6.28246 11.9711 5.97382 11.7668 5.71462 11.5077C5.6558 11.4505 5.60902 11.3821 5.57701 11.3066C5.54501 11.231 5.52843 11.1499 5.52826 11.0678C5.52809 10.9858 5.54432 10.9045 5.576 10.8289C5.60769 10.7532 5.65418 10.6846 5.71275 10.6272C5.77133 10.5697 5.84079 10.5246 5.91707 10.4944C5.99335 10.4642 6.0749 10.4495 6.15692 10.4513C6.23894 10.453 6.31978 10.4712 6.39468 10.5047C6.46958 10.5381 6.53704 10.5862 6.59308 10.6462C6.73824 10.7877 6.91029 10.8988 7.09909 10.9728C7.28789 11.0468 7.4896 11.0822 7.69231 11.0769C8.10034 11.0769 8.49165 10.9148 8.78017 10.6263C9.06869 10.3378 9.23077 9.94649 9.23077 9.53846C9.23077 9.13044 9.06869 8.73912 8.78017 8.45061C8.49165 8.16209 8.10034 8 7.69231 8C7.4896 7.99473 7.28789 8.03013 7.09909 8.10412C6.91029 8.1781 6.73824 8.28918 6.59308 8.43077C6.5014 8.52416 6.38234 8.58589 6.25318 8.607C6.12402 8.62811 5.9915 8.60749 5.87486 8.54814C5.75822 8.48879 5.66354 8.3938 5.60457 8.27697C5.54559 8.16014 5.5254 8.02755 5.54693 7.89846L6.16231 4.20615C6.18634 4.06255 6.2605 3.93211 6.37162 3.83803C6.48275 3.74395 6.62363 3.69231 6.76923 3.69231H9.84616C10.0094 3.69231 10.1659 3.75714 10.2813 3.87255C10.3967 3.98796 10.4615 4.14448 10.4615 4.30769C10.4615 4.4709 10.3967 4.62743 10.2813 4.74284C10.1659 4.85824 10.0094 4.92308 9.84616 4.92308H7.29077L6.96846 6.85692C7.20526 6.79822 7.44835 6.76877 7.69231 6.76923Z"/>
 </g>
@@ -630,7 +644,7 @@ span.ripple {
 </clipPath>
 </defs>
 </svg>
-`,b=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`,x=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_3526_1273)">
 <path d="M8 0C6.41775 0 4.87104 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346625 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.87896 15.1542 3.84543 13.6544 2.34562C12.1546 0.845814 10.121 0.00223986 8 0ZM8 14.7692C6.66118 14.7692 5.35242 14.3722 4.23922 13.6284C3.12603 12.8846 2.2584 11.8274 1.74605 10.5905C1.2337 9.35356 1.09965 7.99249 1.36084 6.67939C1.62203 5.36629 2.26674 4.16013 3.21343 3.21343C4.16013 2.26674 5.36629 1.62203 6.67939 1.36084C7.99249 1.09965 9.35356 1.2337 10.5905 1.74605C11.8274 2.25839 12.8846 3.12602 13.6284 4.23922C14.3722 5.35241 14.7692 6.66117 14.7692 8C14.7672 9.79469 14.0534 11.5153 12.7843 12.7843C11.5153 14.0534 9.79469 14.7672 8 14.7692ZM8 6.76923C7.95308 6.76923 7.90616 6.76923 7.86 6.76923L9.14385 4.62308C9.18527 4.55368 9.21261 4.4768 9.22432 4.39684C9.23602 4.31687 9.23186 4.23538 9.21208 4.15702C9.19229 4.07867 9.15727 4.00497 9.109 3.94015C9.06073 3.87533 9.00017 3.82065 8.93077 3.77923C8.86137 3.73781 8.7845 3.71047 8.70453 3.69877C8.62457 3.68706 8.54308 3.69122 8.46472 3.711C8.38636 3.73079 8.31267 3.76582 8.24785 3.81408C8.18302 3.86235 8.12834 3.92291 8.08693 3.99231L5.6077 8.14615C5.30098 8.67349 5.17697 9.28734 5.25494 9.89239C5.33291 10.4974 5.60848 11.0598 6.03887 11.4921C6.46925 11.9245 7.03036 12.2026 7.63504 12.2833C8.23972 12.3641 8.85414 12.2429 9.38286 11.9385C9.91158 11.6342 10.325 11.1638 10.559 10.6004C10.7929 10.037 10.8343 9.41214 10.6766 8.82282C10.519 8.2335 10.1711 7.71273 9.68713 7.34138C9.20313 6.97004 8.61005 6.76891 8 6.76923ZM8 11.0769C7.69572 11.0769 7.39828 10.9867 7.14528 10.8176C6.89228 10.6486 6.69509 10.4083 6.57865 10.1272C6.46221 9.84609 6.43174 9.53675 6.4911 9.23832C6.55047 8.93989 6.69699 8.66576 6.91215 8.45061C7.1273 8.23545 7.40143 8.08892 7.69986 8.02956C7.9983 7.9702 8.30763 8.00067 8.58875 8.11711C8.86987 8.23355 9.11014 8.43074 9.27919 8.68374C9.44824 8.93674 9.53847 9.23418 9.53847 9.53846C9.53847 9.94649 9.37638 10.3378 9.08786 10.6263C8.79934 10.9148 8.40803 11.0769 8 11.0769Z"/>
 </g>
@@ -640,23 +654,26 @@ span.ripple {
 </clipPath>
 </defs>
 </svg>
-`,_={title:"In Development/Progress Steps",component:"cre8-progress-steps"},r=e=>s`<cre8-progress-steps ${n(e)}>
+`,v=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.7714 12.5776L9.52528 1.73028C9.36919 1.46453 9.14637 1.24418 8.87889 1.09107C8.61141 0.937966 8.30856 0.857422 8.00036 0.857422C7.69216 0.857422 7.38931 0.937966 7.12182 1.09107C6.85434 1.24418 6.63152 1.46453 6.47543 1.73028L0.229326 12.5776C0.079145 12.8346 0 13.127 0 13.4247C0 13.7224 0.079145 14.0147 0.229326 14.2718C0.383411 14.5391 0.605857 14.7607 0.873837 14.9137C1.14182 15.0667 1.44568 15.1457 1.75425 15.1425H14.2465C14.5548 15.1454 14.8584 15.0663 15.1261 14.9133C15.3938 14.7603 15.616 14.5389 15.77 14.2718C15.9204 14.0149 15.9997 13.7226 16 13.4249C16.0002 13.1272 15.9214 12.8348 15.7714 12.5776ZM7.42896 6.57146C7.42896 6.41992 7.48916 6.27458 7.59632 6.16742C7.70347 6.06026 7.84881 6.00006 8.00036 6.00006C8.1519 6.00006 8.29724 6.06026 8.4044 6.16742C8.51155 6.27458 8.57176 6.41992 8.57176 6.57146V9.42846C8.57176 9.58 8.51155 9.72534 8.4044 9.8325C8.29724 9.93966 8.1519 9.99986 8.00036 9.99986C7.84881 9.99986 7.70347 9.93966 7.59632 9.8325C7.48916 9.72534 7.42896 9.58 7.42896 9.42846V6.57146ZM8.00036 12.8569C7.83084 12.8569 7.66513 12.8066 7.52418 12.7124C7.38323 12.6182 7.27337 12.4844 7.2085 12.3278C7.14363 12.1711 7.12665 11.9988 7.15973 11.8325C7.1928 11.6663 7.27443 11.5136 7.3943 11.3937C7.51416 11.2738 7.66688 11.1922 7.83314 11.1591C7.9994 11.1261 8.17174 11.143 8.32835 11.2079C8.48497 11.2728 8.61883 11.3826 8.71301 11.5236C8.80719 11.6645 8.85746 11.8302 8.85746 11.9998C8.85746 12.2271 8.76715 12.4451 8.60642 12.6058C8.44568 12.7666 8.22767 12.8569 8.00036 12.8569Z"/>
+</svg>
+`,N={title:"In Development/Progress Steps",component:"cre8-progress-steps"},r=e=>s`<cre8-progress-steps ${o(e)}>
   <cre8-progress-steps-item svg="${t}" message="Optional step message should be succinct" name="Step One Name" state="complete"></cre8-progress-steps-item>
-  <cre8-progress-steps-item svg="${f}" message="Optional step message should be succinct" name="Step Two Name" state="current"></cre8-progress-steps-item>
+  <cre8-progress-steps-item svg="${u}" message="Optional step message should be succinct" name="Step Two Name" state="current"></cre8-progress-steps-item>
   <cre8-progress-steps-item svg="${p}" message="Optional step message should be succinct" name="Step Three Name" state="incomplete"></cre8-progress-steps-item>
-</cre8-progress-steps>`,i=e=>s`<cre8-progress-steps ${n(e)}>
+</cre8-progress-steps>`,i=e=>s`<cre8-progress-steps ${o(e)}>
   <cre8-progress-steps-item svg="${t}" message="A step message should be succinct" name="Step One Name" state="complete"></cre8-progress-steps-item>
   <cre8-progress-steps-item svg="${t}" message="A step message should be succinct" name="Step Two Name" state="complete"></cre8-progress-steps-item>
   <cre8-progress-steps-item svg="${t}" message="A step message should be succinct" name="Step Three Name" state="complete"></cre8-progress-steps-item>
   <cre8-progress-steps-item svg="${t}" message="A step message should be succinct" name="Step Four Name" state="complete"></cre8-progress-steps-item>
-  <cre8-progress-steps-item svg="${x}" message="A step message should be succinct" name="Step Five Name" state="current"></cre8-progress-steps-item>
-  <cre8-progress-steps-item svg="${b}" message="A step message should be succinct" name="Step Six Name" state="incomplete"></cre8-progress-steps-item>
-</cre8-progress-steps>`,a=e=>s`<cre8-progress-steps ${n(e)}>
+  <cre8-progress-steps-item svg="${f}" message="A step message should be succinct" name="Step Five Name" state="current"></cre8-progress-steps-item>
+  <cre8-progress-steps-item svg="${x}" message="A step message should be succinct" name="Step Six Name" state="incomplete"></cre8-progress-steps-item>
+</cre8-progress-steps>`,a=e=>s`<cre8-progress-steps ${o(e)}>
   <cre8-progress-steps-item svg="${t}" message="A step message should be succinct" name="Step One Name" state="complete"></cre8-progress-steps-item>
   <cre8-progress-steps-item svg="${h}" message="A step message should be succinct" name="Step Two Name" state="error"></cre8-progress-steps-item>
   <cre8-progress-steps-item svg="${p}" message="A step message should be succinct" name="Step Three Name" state="incomplete"></cre8-progress-steps-item>
-</cre8-progress-steps>`,o=e=>s`<cre8-progress-steps ${n(e)}>
+</cre8-progress-steps>`,n=e=>s`<cre8-progress-steps ${o(e)}>
   <cre8-progress-steps-item svg="${t}" message="A step message should be succinct" name="Step One Name" state="complete"></cre8-progress-steps-item>
-  <cre8-progress-steps-item svg="${l}" message="A step message should be succinct" name="Step Two Name" state="warning"></cre8-progress-steps-item>
+  <cre8-progress-steps-item svg="${v}" message="A step message should be succinct" name="Step Two Name" state="warning"></cre8-progress-steps-item>
   <cre8-progress-steps-item svg="${p}" message="A step message should be succinct" name="Step Three Name" state="incomplete"></cre8-progress-steps-item>
-</cre8-progress-steps>`;r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:'args => html`<cre8-progress-steps ${spread(args)}>\n  <cre8-progress-steps-item svg="${svgCheckCircle}" message="Optional step message should be succinct" name="Step One Name" state="complete"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgFilledCircleTwo}" message="Optional step message should be succinct" name="Step Two Name" state="current"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgRegularCircleThree}" message="Optional step message should be succinct" name="Step Three Name" state="incomplete"></cre8-progress-steps-item>\n</cre8-progress-steps>`',...r.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:'args => html`<cre8-progress-steps ${spread(args)}>\n  <cre8-progress-steps-item svg="${svgCheckCircle}" message="A step message should be succinct" name="Step One Name" state="complete"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgCheckCircle}" message="A step message should be succinct" name="Step Two Name" state="complete"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgCheckCircle}" message="A step message should be succinct" name="Step Three Name" state="complete"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgCheckCircle}" message="A step message should be succinct" name="Step Four Name" state="complete"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgFilledCircleFive}" message="A step message should be succinct" name="Step Five Name" state="current"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgRegularCircleSix}" message="A step message should be succinct" name="Step Six Name" state="incomplete"></cre8-progress-steps-item>\n</cre8-progress-steps>`',...i.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:'args => html`<cre8-progress-steps ${spread(args)}>\n  <cre8-progress-steps-item svg="${svgCheckCircle}" message="A step message should be succinct" name="Step One Name" state="complete"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgError}" message="A step message should be succinct" name="Step Two Name" state="error"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgRegularCircleThree}" message="A step message should be succinct" name="Step Three Name" state="incomplete"></cre8-progress-steps-item>\n</cre8-progress-steps>`',...a.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:'args => html`<cre8-progress-steps ${spread(args)}>\n  <cre8-progress-steps-item svg="${svgCheckCircle}" message="A step message should be succinct" name="Step One Name" state="complete"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgWarning}" message="A step message should be succinct" name="Step Two Name" state="warning"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgRegularCircleThree}" message="A step message should be succinct" name="Step Three Name" state="incomplete"></cre8-progress-steps-item>\n</cre8-progress-steps>`',...o.parameters?.docs?.source}}};const O=["shortExample","longExample","Error","Warning"];export{a as Error,o as Warning,O as __namedExportsOrder,_ as default,i as longExample,r as shortExample};
+</cre8-progress-steps>`;r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:'args => html`<cre8-progress-steps ${spread(args)}>\n  <cre8-progress-steps-item svg="${svgCheckCircle}" message="Optional step message should be succinct" name="Step One Name" state="complete"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgFilledCircleTwo}" message="Optional step message should be succinct" name="Step Two Name" state="current"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgRegularCircleThree}" message="Optional step message should be succinct" name="Step Three Name" state="incomplete"></cre8-progress-steps-item>\n</cre8-progress-steps>`',...r.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:'args => html`<cre8-progress-steps ${spread(args)}>\n  <cre8-progress-steps-item svg="${svgCheckCircle}" message="A step message should be succinct" name="Step One Name" state="complete"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgCheckCircle}" message="A step message should be succinct" name="Step Two Name" state="complete"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgCheckCircle}" message="A step message should be succinct" name="Step Three Name" state="complete"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgCheckCircle}" message="A step message should be succinct" name="Step Four Name" state="complete"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgFilledCircleFive}" message="A step message should be succinct" name="Step Five Name" state="current"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgRegularCircleSix}" message="A step message should be succinct" name="Step Six Name" state="incomplete"></cre8-progress-steps-item>\n</cre8-progress-steps>`',...i.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:'args => html`<cre8-progress-steps ${spread(args)}>\n  <cre8-progress-steps-item svg="${svgCheckCircle}" message="A step message should be succinct" name="Step One Name" state="complete"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgError}" message="A step message should be succinct" name="Step Two Name" state="error"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgRegularCircleThree}" message="A step message should be succinct" name="Step Three Name" state="incomplete"></cre8-progress-steps-item>\n</cre8-progress-steps>`',...a.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:'args => html`<cre8-progress-steps ${spread(args)}>\n  <cre8-progress-steps-item svg="${svgCheckCircle}" message="A step message should be succinct" name="Step One Name" state="complete"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgWarning}" message="A step message should be succinct" name="Step Two Name" state="warning"></cre8-progress-steps-item>\n  <cre8-progress-steps-item svg="${svgRegularCircleThree}" message="A step message should be succinct" name="Step Three Name" state="incomplete"></cre8-progress-steps-item>\n</cre8-progress-steps>`',...n.parameters?.docs?.source}}};const T=["shortExample","longExample","Error","Warning"];export{a as Error,n as Warning,T as __namedExportsOrder,N as default,i as longExample,r as shortExample};

package/dist/assets/{radio-field-item-CLITSt3i.js → radio-field-item-CTaR50XR.js}

@@ -1,4 +1,4 @@
-import{i as b,b as g}from"./iframe-CdWmiVXf.js";import{o as d}from"./if-defined-sxEueMHN.js";import{C as x,n as t}from"./cre8-element-gkCuLp-W.js";import"./field-note-txmyzeNl.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-DsXhvnkn.js";const v=b`.cre8-u-content-knockout-brand {
+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 {
   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 */
 }
 
 /**
@@ -621,7 +629,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 u=class u 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 h=class h 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">
@@ -639,7 +647,7 @@ span.ripple {
           ${this.fieldNote}
         </cre8-field-note>`:""}
       </fieldset>
-    `}};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 {
+    `}};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 {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -1013,6 +1021,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1185,6 +1197,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1359,7 +1375,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 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`
+}`;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`
         <div role=${d(this._getRole())} class="${e}" @keydown=${this.handleKeyDown}>
             <input
             class="cre8-c-radio-field-item__input"
@@ -1388,4 +1404,4 @@ span.ripple {
             >
                 ${this.fieldNote}
             </cre8-field-note>`:""}
-        `}};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);
+        `}};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);

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

@@ -1,8 +1,8 @@
-import{b as u}from"./iframe-CdWmiVXf.js";import"./radio-field-item-CLITSt3i.js";import{s as m}from"./spread-BOaHI3Dl.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-sxEueMHN.js";import"./cre8-element-gkCuLp-W.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./field-note-txmyzeNl.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"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-DsXhvnkn.js";const P={title:"cre8 Components/Radio Field Item",component:"cre8-radio-field-item",render:d=>u`
+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`
         <cre8-radio-field>
             <cre8-radio-field-item ${m(d)}></cre8-radio-field-item>
         </cre8-radio-field>
-    `,parameters:{status:{type:"inProgress"},actions:{handles:["input","change","blur","click"]}},argTypes:{ariaDescribedBy:{control:"text"},checked:{control:"boolean"},disabled:{control:"boolean"},fieldId:{control:"text"},fieldNote:{control:"text"},fieldNoteIconName:{options:["check","error"],control:{type:"select"}},fieldNoteIsError:{control:"boolean"},fieldNoteKnockout:{conntrol:"boolean"},isError:{control:"boolean"},isSuccess:{control:"boolean"},label:{control:"text"},name:{control:"text"},required:{control:"boolean"}}},e={args:{label:"Default"}},r={args:{checked:"true",label:"Preselected"}},o={args:{checked:"true",label:"Required",required:"true"}},s={args:{checked:"true",isError:"true",label:"Required Error",required:"true"}},a={args:{checked:"true",isError:"true",label:"Error"}},t={args:{disabled:"true",label:"Disabled"}},i={args:{fieldNote:"This is a default field note.",label:"Default Field Note",ariaDescribedBy:"fieldnote-message"}},c={args:{fieldNote:"This is a success field note.",fieldNoteIconName:"check",isSuccess:"true",label:"Success Field Note",ariaDescribedBy:"success-fieldnote-message"}},l={args:{fieldNote:"This is an error field note.",fieldNoteIconName:"error",isError:"true",label:"Error Field Note",ariaDescribedBy:"error-fieldnote-message"}},n={args:{label:"This could mayhaps be the longest title that has ever been put on a radio field ever!"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+    `,parameters:{status:{type:"inProgress"},actions:{handles:["input","change","blur","click"]}},argTypes:{ariaDescribedBy:{control:"text"},checked:{control:"boolean"},disabled:{control:"boolean"},fieldId:{control:"text"},fieldNote:{control:"text"},fieldNoteIconName:{options:["check","error"],control:{type:"select"}},fieldNoteIsError:{control:"boolean"},fieldNoteKnockout:{conntrol:"boolean"},isError:{control:"boolean"},isSuccess:{control:"boolean"},label:{control:"text"},name:{control:"text"},required:{control:"boolean"}}},e={args:{label:"Default"}},r={args:{checked:"true",label:"Preselected"}},o={args:{checked:"true",label:"Required",required:"true"}},s={args:{checked:"true",isError:"true",label:"Required Error",required:"true"}},a={args:{checked:"true",isError:"true",label:"Error"}},t={args:{disabled:"true",label:"Disabled"}},c={args:{fieldNote:"This is a default field note.",label:"Default Field Note",ariaDescribedBy:"fieldnote-message"}},i={args:{fieldNote:"This is a success field note.",fieldNoteIconName:"check",isSuccess:"true",label:"Success Field Note",ariaDescribedBy:"success-fieldnote-message"}},l={args:{fieldNote:"This is an error field note.",fieldNoteIconName:"error",isError:"true",label:"Error Field Note",ariaDescribedBy:"error-fieldnote-message"}},n={args:{label:"This could mayhaps be the longest title that has ever been put on a radio field ever!"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
   args: {
     label: 'Default'
   }
@@ -35,13 +35,13 @@ import{b as u}from"./iframe-CdWmiVXf.js";import"./radio-field-item-CLITSt3i.js";
     disabled: 'true',
     label: 'Disabled'
   }
-}`,...t.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+}`,...t.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
   args: {
     fieldNote: 'This is a default field note.',
     label: 'Default Field Note',
     ariaDescribedBy: 'fieldnote-message'
   }
-}`,...i.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+}`,...c.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
   args: {
     fieldNote: 'This is a success field note.',
     fieldNoteIconName: 'check',
@@ -49,7 +49,7 @@ import{b as u}from"./iframe-CdWmiVXf.js";import"./radio-field-item-CLITSt3i.js";
     label: 'Success Field Note',
     ariaDescribedBy: 'success-fieldnote-message'
   }
-}`,...c.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+}`,...i.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
   args: {
     fieldNote: 'This is an error field note.',
     fieldNoteIconName: 'error',
@@ -61,4 +61,4 @@ import{b as u}from"./iframe-CdWmiVXf.js";import"./radio-field-item-CLITSt3i.js";
   args: {
     label: 'This could mayhaps be the longest title that has ever been put on a radio field ever!'
   }
-}`,...n.parameters?.docs?.source}}};const v=["Default","Preselected","Required","RequiredError","Error","Disabled","DefaultFieldNote","SuccessFieldNote","ErrorFieldNote","LongTitle"];export{e as Default,i as DefaultFieldNote,t as Disabled,a as Error,l as ErrorFieldNote,n as LongTitle,r as Preselected,o as Required,s as RequiredError,c as SuccessFieldNote,v as __namedExportsOrder,P as default};
+}`,...n.parameters?.docs?.source}}};const I=["Default","Preselected","Required","RequiredError","Error","Disabled","DefaultFieldNote","SuccessFieldNote","ErrorFieldNote","LongTitle"];export{e as Default,c as DefaultFieldNote,t as Disabled,a as Error,l as ErrorFieldNote,n as LongTitle,r as Preselected,o as Required,s as RequiredError,i as SuccessFieldNote,I as __namedExportsOrder,T as default};

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

@@ -1,10 +1,10 @@
-import{b as a}from"./iframe-CdWmiVXf.js";import"./radio-field-item-CLITSt3i.js";import{s as c}from"./spread-BOaHI3Dl.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-sxEueMHN.js";import"./cre8-element-gkCuLp-W.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./field-note-txmyzeNl.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"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-DsXhvnkn.js";const W={title:"cre8 Components/Radio Field",component:"cre8-radio-field",parameters:{status:{type:"inProgress"}},render:d=>a`
+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`
   <cre8-radio-field ${c(d)}>
    ${d.content}
   </cre8-radio-field>
 `,args:{ariaDescribedBy:void 0,fieldNote:void 0,fieldNoteIconName:void 0,fieldNoteKnockout:void 0,isError:void 0,isSuccess:void 0,label:"Legend"},argTypes:{ariaDescribedBy:{control:"text"},fieldNote:{control:"text"},fieldNoteIconName:{control:"text"},fieldNoteKnockout:{control:"boolean",table:{disable:!0}},isError:{control:"boolean"},isSuccess:{control:"boolean"},label:{control:"text"}}},t=a` <cre8-radio-field-item label="Default"></cre8-radio-field-item>
 <cre8-radio-field-item label="Error" ?isError=${!0}></cre8-radio-field-item>
-<cre8-radio-field-item label="Disabled" ?disabled=${!0}></cre8-radio-field-item>`,e={args:{fieldNote:"This is a field note.",disabled:!1,content:t}},r={args:{ariaDescribedBy:"radio-field-message",fieldNote:"This is a Field Note on the fieldset!",content:t}},i={args:{ariaDescribedBy:"radio-field-error-message",fieldNote:"This is an error note on the fieldset!",fieldNoteIconName:"error",isError:!0,content:t}},o={args:{ariaDescribedBy:"radio-field-success-message",fieldNote:"This is a success note on the fieldset!",fieldNoteIconName:"success",isSuccess:!0,content:t}},s={args:{ariaDescribedBy:"radio-field-success-message",fieldNote:"This is a success note on the fieldset!",fieldNoteIconName:"success",isSuccess:!0,content:a` <cre8-radio-field-item name='defaultNote' label="Default"></cre8-radio-field-item>
+<cre8-radio-field-item label="Disabled" ?disabled=${!0}></cre8-radio-field-item>`,e={args:{fieldNote:"This is a field note.",disabled:!1,content:t}},r={args:{ariaDescribedBy:"radio-field-message",fieldNote:"This is a Field Note on the fieldset!",content:t}},i={args:{ariaDescribedBy:"radio-field-error-message",fieldNote:"This is an error note on the fieldset!",fieldNoteIconName:"error",isError:!0,content:t}},s={args:{ariaDescribedBy:"radio-field-success-message",fieldNote:"This is a success note on the fieldset!",fieldNoteIconName:"success",isSuccess:!0,content:t}},o={args:{ariaDescribedBy:"radio-field-success-message",fieldNote:"This is a success note on the fieldset!",fieldNoteIconName:"success",isSuccess:!0,content:a` <cre8-radio-field-item name='defaultNote' label="Default"></cre8-radio-field-item>
     <cre8-radio-field-item name='defaultNote' label="Error" ?isError=${!0}></cre8-radio-field-item>
     <cre8-radio-field-item name='successNote' checked={true} label="Success" ></cre8-radio-field-item>`}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
   args: {
@@ -26,7 +26,7 @@ import{b as a}from"./iframe-CdWmiVXf.js";import"./radio-field-item-CLITSt3i.js";
     isError: true,
     content
   }
-}`,...i.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+}`,...i.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
   args: {
     ariaDescribedBy: 'radio-field-success-message',
     fieldNote: 'This is a success note on the fieldset!',
@@ -34,7 +34,7 @@ import{b as a}from"./iframe-CdWmiVXf.js";import"./radio-field-item-CLITSt3i.js";
     isSuccess: true,
     content
   }
-}`,...o.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+}`,...s.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
   args: {
     ariaDescribedBy: 'radio-field-success-message',
     fieldNote: 'This is a success note on the fieldset!',
@@ -44,4 +44,4 @@ import{b as a}from"./iframe-CdWmiVXf.js";import"./radio-field-item-CLITSt3i.js";
     <cre8-radio-field-item name='defaultNote' label="Error" ?isError=\${true}></cre8-radio-field-item>
     <cre8-radio-field-item name='successNote' checked={true} label="Success" ></cre8-radio-field-item>\`
   }
-}`,...s.parameters?.docs?.source}}};const k=["Default","WithFieldNote","WithErrorFieldNote","WithSuccessFieldNote","WithSuccessFieldNoteDefaultChecked"];export{e as Default,i as WithErrorFieldNote,r as WithFieldNote,o as WithSuccessFieldNote,s as WithSuccessFieldNoteDefaultChecked,k as __namedExportsOrder,W as default};
+}`,...o.parameters?.docs?.source}}};const F=["Default","WithFieldNote","WithErrorFieldNote","WithSuccessFieldNote","WithSuccessFieldNoteDefaultChecked"];export{e as Default,i as WithErrorFieldNote,r as WithFieldNote,s as WithSuccessFieldNote,o as WithSuccessFieldNoteDefaultChecked,F as __namedExportsOrder,y as default};

package/dist/assets/{remove-tag-etggj_MH.js → remove-tag-BSEZ7VT8.js}

@@ -1,4 +1,4 @@
-import{C as l,c as s,n as a}from"./cre8-element-gkCuLp-W.js";import{i as g,b as p}from"./iframe-CdWmiVXf.js";import{e as u}from"./icon-DYiIK7a4.js";const h=g`.cre8-u-content-knockout-brand {
+import{C as l,c as s,n as a}from"./cre8-element-DfmMtHJO.js";import{a as g,b as p}from"./iframe-dHvya7sk.js";import"./icon-DeTLDzTS.js";const u=g`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -678,7 +686,10 @@ span.ripple {
   align-items: center;
   width: 1rem;
   height: 1rem;
-}`;var f=Object.defineProperty,i=(d,r,m,b)=>{for(var t=void 0,o=d.length-1,c;o>=0;o--)(c=d[o])&&(t=c(r,m,t)||t);return t&&f(r,m,t),t};const n=class n extends l{constructor(){super(...arguments),this.color="neutral",this.shape="round"}_handleRemoveTagClicked(){const r=new CustomEvent("removeTagClicked",{detail:{message:"Remove Tag clicked."},bubbles:!0,composed:!0});this.dispatchEvent(r)}render(){const r=s("cre8-c-remove-tag",{"cre8-c-remove-tag--neutral":this.color==="neutral","cre8-c-remove-tag--branded":this.color==="branded","cre8-c-remove-tag--neutral-hybrid":this.color==="neutral-hybrid","cre8-c-remove-tag--round":this.shape==="round","cre8-c-remove-tag--square":this.shape==="square"});return p` <button
+}`;var h=Object.defineProperty,i=(d,r,m,b)=>{for(var t=void 0,o=d.length-1,c;o>=0;o--)(c=d[o])&&(t=c(r,m,t)||t);return t&&h(r,m,t),t};const f=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.7656 14.6336C15.8399 14.708 15.8988 14.7962 15.9391 14.8933C15.9793 14.9904 16 15.0945 16 15.1996C16 15.3047 15.9793 15.4088 15.9391 15.5059C15.8988 15.603 15.8399 15.6912 15.7656 15.7656C15.6912 15.8399 15.603 15.8988 15.5059 15.9391C15.4088 15.9793 15.3047 16 15.1996 16C15.0945 16 14.9904 15.9793 14.8933 15.9391C14.7962 15.8988 14.708 15.8399 14.6336 15.7656L8 9.13094L1.36637 15.7656C1.21626 15.9157 1.01268 16 0.8004 16C0.588121 16 0.384536 15.9157 0.234432 15.7656C0.0843276 15.6155 4.18453e-09 15.4119 0 15.1996C-4.18453e-09 14.9873 0.0843276 14.7837 0.234432 14.6336L6.86906 8L0.234432 1.36637C0.0843276 1.21626 0 1.01268 0 0.8004C0 0.588121 0.0843276 0.384536 0.234432 0.234432C0.384536 0.0843276 0.588121 0 0.8004 0C1.01268 0 1.21626 0.0843276 1.36637 0.234432L8 6.86906L14.6336 0.234432C14.7837 0.0843276 14.9873 -4.18453e-09 15.1996 0C15.4119 4.18453e-09 15.6155 0.0843276 15.7656 0.234432C15.9157 0.384536 16 0.588121 16 0.8004C16 1.01268 15.9157 1.21626 15.7656 1.36637L9.13094 8L15.7656 14.6336Z"/>
+</svg>
+`,n=class n extends l{constructor(){super(...arguments),this.color="neutral",this.shape="round"}_handleRemoveTagClicked(){const r=new CustomEvent("removeTagClicked",{detail:{message:"Remove Tag clicked."},bubbles:!0,composed:!0});this.dispatchEvent(r)}render(){const r=s("cre8-c-remove-tag",{"cre8-c-remove-tag--neutral":this.color==="neutral","cre8-c-remove-tag--branded":this.color==="branded","cre8-c-remove-tag--neutral-hybrid":this.color==="neutral-hybrid","cre8-c-remove-tag--round":this.shape==="round","cre8-c-remove-tag--square":this.shape==="square"});return p` <button
       class="${r}"
       @click="${this._handleRemoveTagClicked}"
       ?disabled=${this.disabled}
@@ -688,8 +699,8 @@ span.ripple {
         <cre8-icon
           width="16"
           height="16"
-          svg="${u}"
-          aria-label="remove"
+          svg="${f}"
+          aria-hidden="true"
         ></cre8-icon>
       </div>
-    </button>`}};n.styles=[h];let e=n;i([a({type:String})],e.prototype,"text");i([a({type:String})],e.prototype,"color");i([a({type:String})],e.prototype,"shape");i([a({type:Boolean})],e.prototype,"disabled");customElements.get("cre8-remove-tag")===void 0&&customElements.define("cre8-remove-tag",e);
+    </button>`}};n.styles=[u];let e=n;i([a({type:String})],e.prototype,"text");i([a({type:String})],e.prototype,"color");i([a({type:String})],e.prototype,"shape");i([a({type:Boolean})],e.prototype,"disabled");customElements.get("cre8-remove-tag")===void 0&&customElements.define("cre8-remove-tag",e);

package/dist/assets/{remove-tag.stories-CJWEWuAZ.js → remove-tag.stories-diRKi7Ua.js}

@@ -1,4 +1,4 @@
-import{b as c}from"./iframe-CdWmiVXf.js";import{s as d}from"./spread-BOaHI3Dl.js";import"./remove-tag-etggj_MH.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";import"./cre8-element-gkCuLp-W.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./icon-DYiIK7a4.js";import"./unsafe-html-BLUBm7l3.js";import"./Caret_Down-Bmqq8eNW.js";import"./Warning-CawqmTvB.js";const{withActions:u}=__STORYBOOK_MODULE_PREVIEW_API__,q={title:"In Development/Remove Tag",component:"cre8-remove-tag",parameters:{status:{type:"inProgress"},actions:{handles:["click"]}},decorators:[u],render:n=>c`<cre8-remove-tag ${d(n)}></cre8-remove-tag>`,argTypes:{text:{control:"text"},color:{options:["neutral","branded","neutral-hybrid"],control:{type:"radio"}},shape:{options:["round","square"],control:{type:"radio"}},removed:{control:"boolean"}},args:{text:"Tag text",shape:"neutral",color:"round"}},t={args:{text:"Tag text",color:"neutral",shape:"round"}},e={args:{text:"Tag text",color:"neutral",shape:"square"}},r={args:{text:"Tag text",color:"neutral-hybrid",shape:"round"}},o={args:{text:"Tag text",color:"neutral-hybrid",shape:"square"}},a={args:{text:"Tag text",color:"branded",shape:"round"}},s={args:{text:"Tag text",color:"branded",shape:"square"}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+import{b as c}from"./iframe-dHvya7sk.js";import{s as d}from"./spread-BPiNgQQF.js";import{w as u}from"./decorator-iVSD-Llo.js";import"./remove-tag-BSEZ7VT8.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./cre8-element-DfmMtHJO.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./icon-DeTLDzTS.js";import"./if-defined-HKKhGupN.js";const q={title:"In Development/Remove Tag",component:"cre8-remove-tag",parameters:{status:{type:"inProgress"},actions:{handles:["click"]}},decorators:[u],render:n=>c`<cre8-remove-tag ${d(n)}></cre8-remove-tag>`,argTypes:{text:{control:"text"},color:{options:["neutral","branded","neutral-hybrid"],control:{type:"radio"}},shape:{options:["round","square"],control:{type:"radio"}},removed:{control:"boolean"}},args:{text:"Tag text",shape:"neutral",color:"round"}},t={args:{text:"Tag text",color:"neutral",shape:"round"}},e={args:{text:"Tag text",color:"neutral",shape:"square"}},r={args:{text:"Tag text",color:"neutral-hybrid",shape:"round"}},o={args:{text:"Tag text",color:"neutral-hybrid",shape:"square"}},a={args:{text:"Tag text",color:"branded",shape:"round"}},s={args:{text:"Tag text",color:"branded",shape:"square"}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
   args: {
     text: 'Tag text',
     color: 'neutral',
@@ -34,4 +34,4 @@ import{b as c}from"./iframe-CdWmiVXf.js";import{s as d}from"./spread-BOaHI3Dl.js
     color: 'branded',
     shape: 'square'
   }
-}`,...s.parameters?.docs?.source}}};const R=["Default","NeutralSquare","NeutralHybridRound","NeutralHybridSquare","BrandedRound","BrandedSquare"];export{a as BrandedRound,s as BrandedSquare,t as Default,r as NeutralHybridRound,o as NeutralHybridSquare,e as NeutralSquare,R as __namedExportsOrder,q as default};
+}`,...s.parameters?.docs?.source}}};const S=["Default","NeutralSquare","NeutralHybridRound","NeutralHybridSquare","BrandedRound","BrandedSquare"];export{a as BrandedRound,s as BrandedSquare,t as Default,r as NeutralHybridRound,o as NeutralHybridSquare,e as NeutralSquare,S as __namedExportsOrder,q as default};

package/dist/assets/{request-prescription.stories-DyRzO_jr.js → request-prescription.stories-DQvra7ia.js}

@@ -1,4 +1,4 @@
-import{i as r,b as t}from"./iframe-CdWmiVXf.js";import"./button-Bt9tRB7v.js";import"./text-passage-Dw-BWzip.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-sxEueMHN.js";import"./cre8-element-gkCuLp-W.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-DsXhvnkn.js";import"./icon-DYiIK7a4.js";import"./unsafe-html-BLUBm7l3.js";import"./directive-b18f_ppQ.js";import"./Caret_Down-Bmqq8eNW.js";import"./Warning-CawqmTvB.js";import"./loading-spinner-Ced-hKjz.js";r`@import 'design-tokens/core/scss/theming/component' ;
+import{a as r,b as t}from"./iframe-dHvya7sk.js";import"./button-CJL8yzAT.js";import"./text-passage-DGaI5i2I.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-HKKhGupN.js";import"./cre8-element-DfmMtHJO.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-bQpK8UYN.js";import"./icon-DeTLDzTS.js";import"./loading-spinner-g6iJajXH.js";r`@import 'design-tokens/core/scss/theming/component' ;
 
 /**
  * 1)
@@ -15,10 +15,10 @@ import{i as r,b as t}from"./iframe-CdWmiVXf.js";import"./button-Bt9tRB7v.js";imp
 .c-request-prescription__footer {
   margin-top: size(2);
 }
-`;const y={title:"Examples/Request Prescription",component:"request-prescription",parameters:{status:{type:"inProgress"}}},e=o=>t` <request-prescription>
+`;const x={title:"Examples/Request Prescription",component:"request-prescription",parameters:{status:{type:"inProgress"}}},e=o=>t` <request-prescription>
   <cre8-text-passage>Have a new prescription or want to transfer one from another pharmacy?</cre8-text-passage>
   <cre8-button slot="footer" text="Request an Rx" iconPosition="before" iconName="add" variant="primary"></cre8-button>
 </request-prescription>`;e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`args => html\` <request-prescription>
   <cre8-text-passage>Have a new prescription or want to transfer one from another pharmacy?</cre8-text-passage>
   <cre8-button slot="footer" text="Request an Rx" iconPosition="before" iconName="add" variant="primary"></cre8-button>
-</request-prescription>\``,...e.parameters?.docs?.source}}};const v=["Default"];export{e as Default,v as __namedExportsOrder,y as default};
+</request-prescription>\``,...e.parameters?.docs?.source}}};const b=["Default"];export{e as Default,b as __namedExportsOrder,x as default};

package/dist/assets/{sample-modal.stories-Do1Rji07.js → sample-modal.stories-deE1EBfZ.js}

@@ -1,4 +1,4 @@
-import{i as b,g as f,r as S,b as a}from"./iframe-CdWmiVXf.js";import{c as D,n as g}from"./cre8-element-gkCuLp-W.js";import"./modal-Oja4WhiR.js";import"./button-group-B9g_-lYt.js";import"./button-Bt9tRB7v.js";import"./heading-BgO3jH9M.js";import{o as y}from"./if-defined-sxEueMHN.js";const A=b`
+import{a as b,j as f,r as S,b as a}from"./iframe-dHvya7sk.js";import{c as D,n as g}from"./cre8-element-DfmMtHJO.js";import"./modal-CO0M4e_8.js";import"./button-group-BgwgtSFC.js";import"./button-CJL8yzAT.js";import"./heading-485Jz7JZ.js";import{o as y}from"./if-defined-HKKhGupN.js";const A=b`
 @import 'design-tokens/core/scss/theming/component';
 
 /*------------------------------------*\ 

package/dist/assets/{section.stories-BrnN5Hih.js → section.stories-DF4mcy2O.js}

@@ -1,4 +1,4 @@
-import{i as l,b as n}from"./iframe-CdWmiVXf.js";import"./f-po-CZL6lsXP.js";import"./heading-BgO3jH9M.js";import"./button-Bt9tRB7v.js";import"./text-passage-Dw-BWzip.js";import{C as c,n as g}from"./cre8-element-gkCuLp-W.js";import{o as u}from"./unsafe-html-BLUBm7l3.js";import{s as h}from"./story-helpers-BJLZYDac.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-sxEueMHN.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-DsXhvnkn.js";import"./icon-DYiIK7a4.js";import"./Caret_Down-Bmqq8eNW.js";import"./Warning-CawqmTvB.js";import"./loading-spinner-Ced-hKjz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./directive-b18f_ppQ.js";const f=l`.cre8-u-content-knockout-brand {
+import{a as l,b as n,o as c}from"./iframe-dHvya7sk.js";import"./f-po-C2WpbOFJ.js";import"./heading-485Jz7JZ.js";import"./button-CJL8yzAT.js";import"./text-passage-DGaI5i2I.js";import{C as g,n as u}from"./cre8-element-DfmMtHJO.js";import{s as h}from"./story-helpers-BFn_kBYw.js";import"./preload-helper-PPVm8Dsz.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"./_commonjsHelpers-DaWZu8wl.js";const f=l`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -605,7 +613,7 @@ span.ripple {
   .cre8-c-section__body {
     padding-top: 2rem;
   }
-}`;var x=Object.defineProperty,b=(i,e,m,y)=>{for(var t=void 0,d=i.length-1,p;d>=0;d--)(p=i[d])&&(t=p(e,m,t)||t);return t&&x(e,m,t),t};const s=class s extends c{render(){const e=this.componentClassNames("cre8-c-section",{});return n`
+}`;var x=Object.defineProperty,b=(i,e,m,y)=>{for(var t=void 0,d=i.length-1,p;d>=0;d--)(p=i[d])&&(t=p(e,m,t)||t);return t&&x(e,m,t),t};const s=class s extends g{render(){const e=this.componentClassNames("cre8-c-section",{});return n`
       <section class="${e}">
         ${this.headline?n`<header class="cre8-c-section__header">
               <cre8-heading tagVariant="h2">${this.headline}</cre8-heading>
@@ -617,7 +625,7 @@ span.ripple {
           <slot></slot>
         </div>
       </section>
-    `}};s.styles=[f];let o=s;b([g()],o.prototype,"headline");customElements.get("cre8-section")===void 0&&customElements.define("cre8-section",o);const N={title:"cre8 Components/Section",component:"cre8-section",parameters:{status:{type:"inProgress"},controls:{hideNoControlsWarning:!0}},argTypes:{headline:{control:{type:"text"}},contents:{control:{type:"text"}}},args:{headline:"Section Headline",contents:`<cre8-text-passage>
+    `}};s.styles=[f];let o=s;b([u()],o.prototype,"headline");customElements.get("cre8-section")===void 0&&customElements.define("cre8-section",o);const F={title:"cre8 Components/Section",component:"cre8-section",parameters:{status:{type:"inProgress"},controls:{hideNoControlsWarning:!0}},argTypes:{headline:{control:{type:"text"}},contents:{control:{type:"text"}}},args:{headline:"Section Headline",contents:`<cre8-text-passage>
     <p>
       This is a paragraph of text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
       dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
@@ -636,7 +644,7 @@ span.ripple {
     </p>
   </cre8-text-passage>`},render:({headline:i,contents:e})=>n`
     <cre8-section headline="${i}">
-    ${u(h(e,"cre8-text-passage","cre8-heading","cre8-button"))}
+    ${c(h(e,"cre8-text-passage","cre8-heading","cre8-button"))}
     </cre8-section>`},a={},r={args:{headline:void 0,contents:`<div style="display:flex; justify-content: space-between;" slot="header">
     <cre8-heading tagVariant="h2" slot="header"> Section Heading </cre8-heading>
     <cre8-button iconPosition="before" variant="secondary" iconName="search" text="ID cards"></cre8-button>
@@ -668,4 +676,4 @@ span.ripple {
     </p>
     </cre8-text-passage>\`
   }
-}`,...r.parameters?.docs?.source}}};const E=["Default","CustomHeading"];export{r as CustomHeading,a as Default,E as __namedExportsOrder,N as default};
+}`,...r.parameters?.docs?.source}}};const P=["Default","CustomHeading"];export{r as CustomHeading,a as Default,P as __namedExportsOrder,F as default};