npm - @tmorrow/cre8-wc - Versions diffs - 2.1.1 → 2.2.0 - Mend

@tmorrow/cre8-wc 2.1.1 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (197) hide show

package/dist/assets/{primary-nav.stories-Bt-o7h45.js → primary-nav.stories-DkQnXnem.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{a as y,b as r}from"./iframe-BNJP6ovU.js";import{s as b}from"./spread-CnPic3C2.js";import{o as w}from"./if-defined-Bxnzk64Q.js";import{C as x,n as m}from"./cre8-element-B35i4Lyg.js";import{r as z}from"./state-DkQhleoO.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const k=y`.cre8-u-content-knockout-brand {
+import{a as y,b as r}from"./iframe-nwd_1gnU.js";import{s as b}from"./spread-D16Rn3WA.js";import{o as w}from"./if-defined-RYzTvKuT.js";import{C as x,n as m}from"./cre8-element-CaOpCq8p.js";import{r as z}from"./state-DZNbmwHN.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const k=y`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
@@ -372,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 */
 }
 /**
@@ -1184,6 +1192,10 @@ img {
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 /**
@@ -1356,6 +1368,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 /**

package/dist/assets/{progress-meter-Dit59091.js → progress-meter-Ce6ogPi2.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{a as p,b as g}from"./iframe-BNJP6ovU.js";import{C as l,n as e}from"./cre8-element-B35i4Lyg.js";import{n as c}from"./index.browser-BY9c7rfI.js";const u=p`.cre8-u-content-knockout-brand {
+import{a as p,b as g}from"./iframe-nwd_1gnU.js";import{C as l,n as e}from"./cre8-element-CaOpCq8p.js";import{n as c}from"./index.browser-BY9c7rfI.js";const u=p`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
@@ -372,6 +372,10 @@ img {
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 /**

package/dist/assets/{progress-meter.stories-CYnOCmjo.js → progress-meter.stories-BtH8g8Wo.js} RENAMED Viewed

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

package/dist/assets/{progress-steps-item-CWJsad0s.js → progress-steps-item-Cz0rvvpE.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{a as m,b as p}from"./iframe-BNJP6ovU.js";import{C as c,n as i}from"./cre8-element-B35i4Lyg.js";const g=m`.cre8-u-content-knockout-brand {
+import{a as m,b as p}from"./iframe-nwd_1gnU.js";import{C as c,n as i}from"./cre8-element-CaOpCq8p.js";const g=m`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
@@ -372,6 +372,10 @@ img {
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 /**

package/dist/assets/{progress-steps-item.stories-ePn_6bPn.js → progress-steps-item.stories-D96tf3mT.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{b as a}from"./iframe-BNJP6ovU.js";import{s as o}from"./spread-CnPic3C2.js";import"./progress-steps-item-CWJsad0s.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";const c=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+import{b as a}from"./iframe-nwd_1gnU.js";import{s as o}from"./spread-D16Rn3WA.js";import"./progress-steps-item-Cz0rvvpE.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-CaOpCq8p.js";import"./_commonjsHelpers-DaWZu8wl.js";const c=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 0C6.41775 0 4.87103 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346628 6.40034 -0.15496 8.00887 0.153721 9.56072C0.462403 11.1126 1.22433 12.538 2.34315 13.6569C3.46197 14.7757 4.88743 15.5376 6.43928 15.8463C7.99113 16.155 9.59966 15.9965 11.0615 15.391C12.5233 14.7855 13.7727 13.7602 14.6518 12.4446C15.5308 11.129 16 9.58225 16 8C15.9978 5.87895 15.1542 3.84542 13.6544 2.34562C12.1546 0.845814 10.121 0.00223986 8 0ZM11.5123 6.58923L7.20462 10.8969C7.14746 10.9541 7.07959 10.9995 7.00489 11.0305C6.93018 11.0615 6.8501 11.0774 6.76923 11.0774C6.68836 11.0774 6.60828 11.0615 6.53358 11.0305C6.45887 10.9995 6.391 10.9541 6.33385 10.8969L4.48769 9.05077C4.37222 8.9353 4.30735 8.77868 4.30735 8.61538C4.30735 8.45208 4.37222 8.29547 4.48769 8.18C4.60317 8.06453 4.75978 7.99966 4.92308 7.99966C5.08638 7.99966 5.24299 8.06453 5.35846 8.18L6.76923 9.59154L10.6415 5.71846C10.6987 5.66128 10.7666 5.61593 10.8413 5.58499C10.916 5.55404 10.9961 5.53812 11.0769 5.53812C11.1578 5.53812 11.2378 5.55404 11.3126 5.58499C11.3873 5.61593 11.4551 5.66128 11.5123 5.71846C11.5695 5.77564 11.6148 5.84351 11.6458 5.91822C11.6767 5.99292 11.6927 6.07299 11.6927 6.15384C11.6927 6.2347 11.6767 6.31477 11.6458 6.38947C11.6148 6.46418 11.5695 6.53205 11.5123 6.58923Z"/>
 </svg>
 `,g=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">

package/dist/assets/{progress-steps.stories-CblrEcXF.js → progress-steps.stories-8BCOIabC.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{a as g,r as c,b as s}from"./iframe-BNJP6ovU.js";import{s as o}from"./spread-CnPic3C2.js";import{C as d}from"./cre8-element-B35i4Lyg.js";import"./progress-steps-item-CWJsad0s.js";import"./divider-xZ2KARHf.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const l=g`.cre8-u-content-knockout-brand {
+import{a as h,r as u,b as i}from"./iframe-nwd_1gnU.js";import{s as g}from"./spread-D16Rn3WA.js";import{C as f,n as x}from"./cre8-element-CaOpCq8p.js";import{s as v}from"./light-children-DDjBxt3J.js";import"./progress-steps-item-Cz0rvvpE.js";import"./divider-CDrocq4F.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const w=h`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
@@ -372,6 +372,10 @@ img {
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 /**
@@ -598,15 +606,15 @@ span.ripple {
   .cre8-c-progress-steps {
     flex-direction: column;
   }
-}`;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}'>
+}`;var b=Object.defineProperty,y=(e,t,a,T)=>{for(var r=void 0,c=e.length-1,l;c>=0;c--)(l=e[c])&&(r=l(t,a,r)||r);return r&&b(t,a,r),r};class C extends f{static get styles(){return u(w.toString())}buildComposition(){return this.steps?this.steps.map(t=>({tag:"cre8-progress-steps-item",props:{name:t.name,message:t.message,state:t.state}})):null}updated(t){["steps"].some(a=>t.has(a))&&v(this,this.buildComposition())}render(){const t=this.componentClassNames("cre8-c-progress-steps");return i`<div class='${t}'>
             <slot></slot>
-        </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">
+        </div>`}}y([x({type:Array})],C.prototype,"steps");customElements.get("cre8-progress-steps")===void 0&&customElements.define("cre8-progress-steps",C);const s=`<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">
+`,z=`<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">
+`,k=`<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>
@@ -616,7 +624,7 @@ span.ripple {
 </clipPath>
 </defs>
 </svg>
-`,f=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`,S=`<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>
@@ -626,7 +634,7 @@ span.ripple {
 </clipPath>
 </defs>
 </svg>
-`,p=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`,d=`<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_1270)">
 <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.7692ZM10.4615 9.84615C10.4614 10.3962 10.2975 10.9337 9.99068 11.3902C9.68388 11.8467 9.24809 12.2014 8.73888 12.4093C8.22966 12.6172 7.67008 12.6687 7.13146 12.5573C6.59285 12.4459 6.09961 12.1766 5.71462 11.7838C5.65449 11.727 5.60645 11.6585 5.57338 11.5826C5.54032 11.5068 5.5229 11.425 5.52217 11.3422C5.52144 11.2594 5.53742 11.1774 5.56915 11.1009C5.60089 11.0245 5.64771 10.9552 5.70684 10.8973C5.76596 10.8393 5.83617 10.7939 5.91325 10.7638C5.99033 10.7336 6.07271 10.7193 6.15545 10.7217C6.23819 10.7241 6.3196 10.7432 6.39479 10.7778C6.46999 10.8124 6.53743 10.8618 6.59308 10.9231C6.77062 11.1042 6.99019 11.2386 7.23224 11.3144C7.47429 11.3901 7.73132 11.4049 7.98044 11.3573C8.22956 11.3097 8.46306 11.2013 8.66014 11.0416C8.85722 10.882 9.01178 10.6761 9.11005 10.4423C9.20832 10.2084 9.24726 9.95395 9.2234 9.70144C9.19954 9.44894 9.11363 9.20625 8.97331 8.99497C8.83298 8.7837 8.6426 8.6104 8.41911 8.49049C8.19561 8.37058 7.94594 8.30778 7.69231 8.30769C7.57974 8.30766 7.46933 8.27675 7.3731 8.21832C7.27687 8.1599 7.19852 8.07619 7.14656 7.97633C7.0946 7.87646 7.07104 7.76425 7.07843 7.65192C7.08581 7.53959 7.12388 7.43143 7.18847 7.33923L8.66385 5.23077H6.15385C5.99064 5.23077 5.83411 5.16593 5.71871 5.05053C5.6033 4.93512 5.53847 4.77859 5.53847 4.61538C5.53847 4.45217 5.6033 4.29565 5.71871 4.18024C5.83411 4.06484 5.99064 4 6.15385 4H9.84616C9.95873 4.00003 10.0691 4.03094 10.1654 4.08937C10.2616 4.1478 10.34 4.2315 10.3919 4.33137C10.4439 4.43123 10.4674 4.54344 10.46 4.65577C10.4527 4.76811 10.4146 4.87626 10.35 4.96846L8.73462 7.27615C9.24529 7.4844 9.68232 7.84011 9.98991 8.29786C10.2975 8.75562 10.4617 9.29465 10.4615 9.84615Z"/>
 </g>
@@ -636,7 +644,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">
+`,$=`<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>
@@ -646,26 +654,26 @@ span.ripple {
 </clipPath>
 </defs>
 </svg>
-`,v=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`,N=`<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="${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 ${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="${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>`,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="${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}}};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};
+`,I={title:"In Development/Progress Steps",component:"cre8-progress-steps"},n=e=>i`<cre8-progress-steps ${g(e)}>
+  <cre8-progress-steps-item svg="${s}" message="Optional step message should be succinct" name="Step One Name" state="complete"></cre8-progress-steps-item>
+  <cre8-progress-steps-item svg="${k}" message="Optional step message should be succinct" name="Step Two Name" state="current"></cre8-progress-steps-item>
+  <cre8-progress-steps-item svg="${d}" message="Optional step message should be succinct" name="Step Three Name" state="incomplete"></cre8-progress-steps-item>
+</cre8-progress-steps>`,o=e=>i`<cre8-progress-steps ${g(e)}>
+  <cre8-progress-steps-item svg="${s}" message="A step message should be succinct" name="Step One Name" state="complete"></cre8-progress-steps-item>
+  <cre8-progress-steps-item svg="${s}" message="A step message should be succinct" name="Step Two Name" state="complete"></cre8-progress-steps-item>
+  <cre8-progress-steps-item svg="${s}" message="A step message should be succinct" name="Step Three Name" state="complete"></cre8-progress-steps-item>
+  <cre8-progress-steps-item svg="${s}" message="A step message should be succinct" name="Step Four Name" state="complete"></cre8-progress-steps-item>
+  <cre8-progress-steps-item svg="${S}" message="A step message should be succinct" name="Step Five Name" state="current"></cre8-progress-steps-item>
+  <cre8-progress-steps-item svg="${$}" message="A step message should be succinct" name="Step Six Name" state="incomplete"></cre8-progress-steps-item>
+</cre8-progress-steps>`,p=e=>i`<cre8-progress-steps ${g(e)}>
+  <cre8-progress-steps-item svg="${s}" message="A step message should be succinct" name="Step One Name" state="complete"></cre8-progress-steps-item>
+  <cre8-progress-steps-item svg="${z}" message="A step message should be succinct" name="Step Two Name" state="error"></cre8-progress-steps-item>
+  <cre8-progress-steps-item svg="${d}" message="A step message should be succinct" name="Step Three Name" state="incomplete"></cre8-progress-steps-item>
+</cre8-progress-steps>`,m=e=>i`<cre8-progress-steps ${g(e)}>
+  <cre8-progress-steps-item svg="${s}" message="A step message should be succinct" name="Step One Name" state="complete"></cre8-progress-steps-item>
+  <cre8-progress-steps-item svg="${N}" message="A step message should be succinct" name="Step Two Name" state="warning"></cre8-progress-steps-item>
+  <cre8-progress-steps-item svg="${d}" message="A step message should be succinct" name="Step Three Name" state="incomplete"></cre8-progress-steps-item>
+</cre8-progress-steps>`;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="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>`',...n.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="${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>`',...o.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.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>`',...p.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.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>`',...m.parameters?.docs?.source}}};const P=["shortExample","longExample","Error","Warning"];export{p as Error,m as Warning,P as __namedExportsOrder,I as default,o as longExample,n as shortExample};

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

@@ -1,4 +1,4 @@
-import{a as b,b as g}from"./iframe-BNJP6ovU.js";import{o as d}from"./if-defined-Bxnzk64Q.js";import{C as x,n as t}from"./cre8-element-B35i4Lyg.js";import"./field-note-fccBckVl.js";import{e as y}from"./query-BpjciUlk.js";import{n as f}from"./index.browser-BY9c7rfI.js";import{C as w}from"./cre8-form-element-Cfc5VeYV.js";const v=b`.cre8-u-content-knockout-brand {
+import{a as b,b as g}from"./iframe-nwd_1gnU.js";import{o as s}from"./if-defined-RYzTvKuT.js";import{C as x,n as t}from"./cre8-element-CaOpCq8p.js";import{s as y}from"./light-children-DDjBxt3J.js";import"./field-note-B7iNgXW2.js";import{e as w}from"./query-BpjciUlk.js";import{n as f}from"./index.browser-BY9c7rfI.js";import{C as v}from"./cre8-form-element-Dowz62UX.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 */
 }
 /**
@@ -621,8 +629,8 @@ 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`
-      <fieldset class="${e}" aria-describedby="${d(this.ariaDescribedBy)}">
+}`;var k=Object.defineProperty,m=(c,e,i,r)=>{for(var a=void 0,n=c.length-1,p;n>=0;n--)(p=c[n])&&(a=p(e,i,a)||a);return a&&k(e,i,a),a};const h=class h extends x{constructor(){super(...arguments),this.enforceSingleSelection=e=>{const i=e.target;if(!i)return;const r=[...this.querySelectorAll("cre8-radio-field-item")],a=r.find(n=>n===i||n.contains(i));if(a)for(const n of r)n!==a&&(n.checked=!1)}}buildComposition(){return this.items?this.items.map(e=>({tag:"cre8-radio-field-item",props:{label:e.label,value:e.value,checked:e.checked,disabled:e.disabled,required:e.required,name:this.name}})):null}updated(e){["items","name"].some(i=>e.has(i))&&y(this,this.buildComposition())}connectedCallback(){super.connectedCallback(),this.addEventListener("change",this.enforceSingleSelection)}disconnectedCallback(){this.removeEventListener("change",this.enforceSingleSelection),super.disconnectedCallback()}render(){const e=this.componentClassNames("cre8-c-radio-field",{});return g`
+      <fieldset class="${e}" aria-describedby="${s(this.ariaDescribedBy)}">
         <legend class="cre8-c-radio-field__legend">${this.label}</legend>
         <div class="cre8-c-radio-field__body">
           <ul class="cre8-c-radio-field__list" role="list">
@@ -631,15 +639,15 @@ span.ripple {
         </div>
         ${this.fieldNote?g`<cre8-field-note
           ?inverted=${this.fieldNoteKnockout}
-          id=${d(this.ariaDescribedBy)}
-          iconName=${d(this.fieldNoteIconName)}
+          id=${s(this.ariaDescribedBy)}
+          iconName=${s(this.fieldNoteIconName)}
           ?isSuccess=${this.isSuccess}
           ?isError=${this.isError}
         >
           ${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=[z];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");m([t({type:Array})],l.prototype,"items");m([t()],l.prototype,"name");customElements.get("cre8-radio-field")===void 0&&customElements.define("cre8-radio-field",l);const _=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,19 +1375,19 @@ 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`
-        <div role=${d(this._getRole())} class="${e}" @keydown=${this.handleKeyDown}>
+}`;var R=Object.defineProperty,d=(c,e,i,r)=>{for(var a=void 0,n=c.length-1,p;n>=0;n--)(p=c[n])&&(a=p(e,i,a)||a);return a&&R(e,i,a),a};const u=class u extends v{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,r){e.preventDefault(),this.removeChecked(),r.focus(),r.click(),r.setAttribute("tabindex","0"),i.setAttribute("checked","")}handleKeyDown(e){if(e.code==="ArrowLeft"||e.code==="ArrowUp"){const i=this.previousElementSibling,r=i?.shadowRoot?.querySelector(".cre8-c-radio-field-item__input:not([disabled])");r&&this._updateSibling(e,i,r)}else if(e.code==="ArrowRight"||e.code==="ArrowDown"){const i=this.nextElementSibling,r=i?.shadowRoot?.querySelector(".cre8-c-radio-field-item__input:not([disabled])");r&&this._updateSibling(e,i,r)}else if(e.code==="Tab"&&!this.checked){const i=this.parentNode.querySelectorAll("cre8-radio-field-item");i.forEach(r=>{r.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=${s(this._getRole())} class="${e}" @keydown=${this.handleKeyDown}>
             <input
             class="cre8-c-radio-field-item__input"
             type="radio"
             @input=${this._clickHandler}
             id=${this.fieldId}
-            aria-describedby="${d(this.ariaDescribedBy)}"
-            required=${d(this.required)}
-            aria-invalid=${this.required?!!this.isError:d(this.isError)}
+            aria-describedby="${s(this.ariaDescribedBy)}"
+            required=${s(this.required)}
+            aria-invalid=${this.required?!!this.isError:s(this.isError)}
             name=${this.name}
             .value=${this.value}
-            disabled="${d(this.disabled)}"
+            disabled="${s(this.disabled)}"
             .checked="${i}"
             />
             <span class="cre8-c-radio-field-item__custom-radio">
@@ -1381,11 +1397,11 @@ span.ripple {
     </div>
         ${this.fieldNote?g`<cre8-field-note
                 ?inverted=${this.fieldNoteKnockout}
-                id=${d(this.ariaDescribedBy)}
-                iconName=${d(this.fieldNoteIconName)}
+                id=${s(this.ariaDescribedBy)}
+                iconName=${s(this.fieldNoteIconName)}
                 ?isSuccess=${this.isSuccess}
                 ?isError=${this.isError}
             >
                 ${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=[_];let o=u;d([t()],o.prototype,"ariaDescribedBy");d([t({type:Boolean,reflect:!0})],o.prototype,"checked");d([t({type:Boolean,reflect:!0})],o.prototype,"disabled");d([w("input")],o.prototype,"field");d([t()],o.prototype,"fieldId");d([t()],o.prototype,"fieldNote");d([t()],o.prototype,"fieldNoteIconName");d([t({type:Boolean,reflect:!0})],o.prototype,"fieldNoteKnockout");d([t({type:Boolean,reflect:!0})],o.prototype,"fieldNoteIsError");d([t({type:Boolean,reflect:!0})],o.prototype,"isError");d([t({type:Boolean,reflect:!0})],o.prototype,"isSuccess");d([t()],o.prototype,"label");d([t({type:Boolean,reflect:!0})],o.prototype,"required");customElements.get("cre8-radio-field-item")===void 0&&customElements.define("cre8-radio-field-item",o);

package/dist/assets/{radio-field-item.stories-y_TrTRIW.js → radio-field-item.stories-rvg95_c5.js} RENAMED Viewed

@@ -1,8 +1,8 @@
-import{b as u}from"./iframe-BNJP6ovU.js";import"./radio-field-item-Bm-0RWPe.js";import{s as m}from"./spread-CnPic3C2.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./field-note-fccBckVl.js";import"./icon-ChfRWXWy.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-Cfc5VeYV.js";const T={title:"cre8 Components/Radio Field Item",component:"cre8-radio-field-item",render:d=>u`
+import{b as u}from"./iframe-nwd_1gnU.js";import"./radio-field-item-S4cTjx4A.js";import{s as m}from"./spread-D16Rn3WA.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-RYzTvKuT.js";import"./cre8-element-CaOpCq8p.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./light-children-DDjBxt3J.js";import"./field-note-B7iNgXW2.js";import"./icon-BvsTH4V8.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-Dowz62UX.js";const I={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"}},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:`{
+    `,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:`{
   args: {
     label: 'Default'
   }
@@ -35,13 +35,13 @@ import{b as u}from"./iframe-BNJP6ovU.js";import"./radio-field-item-Bm-0RWPe.js";
     disabled: 'true',
     label: 'Disabled'
   }
-}`,...t.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+}`,...t.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
   args: {
     fieldNote: 'This is a default field note.',
     label: 'Default Field Note',
     ariaDescribedBy: 'fieldnote-message'
   }
-}`,...c.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+}`,...i.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
   args: {
     fieldNote: 'This is a success field note.',
     fieldNoteIconName: 'check',
@@ -49,7 +49,7 @@ import{b as u}from"./iframe-BNJP6ovU.js";import"./radio-field-item-Bm-0RWPe.js";
     label: 'Success Field Note',
     ariaDescribedBy: 'success-fieldnote-message'
   }
-}`,...i.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+}`,...c.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-BNJP6ovU.js";import"./radio-field-item-Bm-0RWPe.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 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};
+}`,...n.parameters?.docs?.source}}};const R=["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,R as __namedExportsOrder,I as default};

package/dist/assets/{radio-field.stories-CSWrbUrn.js → radio-field.stories-Bn2ifEnO.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{b as a}from"./iframe-BNJP6ovU.js";import"./radio-field-item-Bm-0RWPe.js";import{s as c}from"./spread-CnPic3C2.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./field-note-fccBckVl.js";import"./icon-ChfRWXWy.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-Cfc5VeYV.js";const y={title:"cre8 Components/Radio Field",component:"cre8-radio-field",parameters:{status:{type:"inProgress"}},render:d=>a`
+import{b as a}from"./iframe-nwd_1gnU.js";import"./radio-field-item-S4cTjx4A.js";import{s as c}from"./spread-D16Rn3WA.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-RYzTvKuT.js";import"./cre8-element-CaOpCq8p.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./light-children-DDjBxt3J.js";import"./field-note-B7iNgXW2.js";import"./icon-BvsTH4V8.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-Dowz62UX.js";const F={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>
@@ -44,4 +44,4 @@ import{b as a}from"./iframe-BNJP6ovU.js";import"./radio-field-item-Bm-0RWPe.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>\`
   }
-}`,...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};
+}`,...o.parameters?.docs?.source}}};const T=["Default","WithFieldNote","WithErrorFieldNote","WithSuccessFieldNote","WithSuccessFieldNoteDefaultChecked"];export{e as Default,i as WithErrorFieldNote,r as WithFieldNote,s as WithSuccessFieldNote,o as WithSuccessFieldNoteDefaultChecked,T as __namedExportsOrder,F as default};

package/dist/assets/{remove-tag-lCr57c5r.js → remove-tag-DeV9CojL.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{C as l,c as s,n as a}from"./cre8-element-B35i4Lyg.js";import{a as g,b as p}from"./iframe-BNJP6ovU.js";import"./icon-ChfRWXWy.js";const u=g`.cre8-u-content-knockout-brand {
+import{C as l,c as s,n as a}from"./cre8-element-CaOpCq8p.js";import{a as g,b as p}from"./iframe-nwd_1gnU.js";import"./icon-BvsTH4V8.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 */
 }
 /**
@@ -681,7 +689,7 @@ span.ripple {
 }`;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
+`,n=class n extends l{constructor(){super(...arguments),this.color="neutral",this.shape="round"}_handleRemoveTagClicked(){const r=new CustomEvent("remove-tag-click",{detail:{message:"Remove Tag clicked."},bubbles:!0,composed:!0});this.dispatchWithLegacyAlias(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}

package/dist/assets/{remove-tag.stories-CDfwCdvZ.js → remove-tag.stories-Cl4iRZe4.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{b as c}from"./iframe-BNJP6ovU.js";import{s as d}from"./spread-CnPic3C2.js";import{w as u}from"./decorator-iVSD-Llo.js";import"./remove-tag-lCr57c5r.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./icon-ChfRWXWy.js";import"./if-defined-Bxnzk64Q.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:`{
+import{b as c}from"./iframe-nwd_1gnU.js";import{s as d}from"./spread-D16Rn3WA.js";import{w as u}from"./decorator-iVSD-Llo.js";import"./remove-tag-DeV9CojL.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./cre8-element-CaOpCq8p.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./icon-BvsTH4V8.js";import"./if-defined-RYzTvKuT.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',

package/dist/assets/{sample-modal.stories-BZ4N2R2Z.js → sample-modal.stories-iefBJIsu.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{a as b,j as f,r as S,b as a}from"./iframe-BNJP6ovU.js";import{c as D,n as g}from"./cre8-element-B35i4Lyg.js";import"./modal-CCfbY4fF.js";import"./button-group-G7qN4MwM.js";import"./button-CgaWukz0.js";import"./heading-Dbka33DK.js";import{o as y}from"./if-defined-Bxnzk64Q.js";const A=b`
+import{a as b,j as f,r as S,b as a}from"./iframe-nwd_1gnU.js";import{c as D,n as g}from"./cre8-element-CaOpCq8p.js";import"./modal-DgnLTA-d.js";import"./button-group-DjFiwkrF.js";import"./button-rmsX1TVb.js";import"./heading-ByebtBvm.js";import{o as y}from"./if-defined-RYzTvKuT.js";const A=b`
 @import 'design-tokens/core/scss/theming/component';
 /*------------------------------------*\
@@ -17,7 +17,7 @@ import{a as b,j as f,r as S,b as a}from"./iframe-BNJP6ovU.js";import{c as D,n as
         utilityModalTitle="Modal Heading"
         ?notDismissible=${this.notDismissible}
         ?isActive=${this.modalIsActive}
-        @close-modal="${()=>this.toggleModal()}"
+        @modal-close="${()=>this.toggleModal()}"
         ariaLabel="This text describes modal to screen reader when focused on"
       >
         <cre8-heading variant="title-large" ?brandColor=${!0} slot="header">Modal Heading</cre8-heading>
@@ -29,7 +29,7 @@ import{a as b,j as f,r as S,b as a}from"./iframe-BNJP6ovU.js";import{c as D,n as
           <cre8-button variant="tertiary" text="Button"></cre8-button>
         </cre8-button-group>
       </cre8-modal>
-    </div>`}}v([g({type:Boolean,reflect:!0})],p.prototype,"modalIsActive");v([g()],p.prototype,"status");v([g({type:Boolean})],p.prototype,"notDismissible");customElements.get("sample-modal")===void 0&&customElements.define("sample-modal",p);const x={title:"Examples/Sample Modal",component:"sample-modal",parameters:{docs:{story:{height:"300px"}},status:{type:"beta"}}},r=e=>a`<sample-modal></sample-modal>`,i=e=>a`<sample-modal status="error"></sample-modal>`,o=e=>a`<sample-modal status="warning"></sample-modal>`,l=e=>a`<sample-modal status="success"></sample-modal>`,m=e=>a`<sample-modal status="info"></sample-modal>`,u=e=>a`<sample-modal status="help"></sample-modal>`,n=e=>a`<sample-modal notDismissible="${!0}"></sample-modal>`,c=e=>a`<sample-modal></sample-modal>
+    </div>`}}v([g({type:Boolean,reflect:!0})],p.prototype,"modalIsActive");v([g()],p.prototype,"status");v([g({type:Boolean})],p.prototype,"notDismissible");customElements.get("sample-modal")===void 0&&customElements.define("sample-modal",p);const I={title:"Patterns/Sample Modal",component:"sample-modal",tags:["!dev"],parameters:{docs:{story:{height:"300px"}},status:{type:"beta"}}},r=e=>a`<sample-modal></sample-modal>`,i=e=>a`<sample-modal status="error"></sample-modal>`,o=e=>a`<sample-modal status="warning"></sample-modal>`,l=e=>a`<sample-modal status="success"></sample-modal>`,m=e=>a`<sample-modal status="info"></sample-modal>`,u=e=>a`<sample-modal status="help"></sample-modal>`,n=e=>a`<sample-modal notDismissible="${!0}"></sample-modal>`,c=e=>a`<sample-modal></sample-modal>
   <p style="max-width: 400px;">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In hendrerit gravida
     rutrum quisque non tellus orci ac auctor. Euismod nisi porta lorem mollis aliquam ut porttitor. Diam vel quam elementum pulvinar etiam non. Netus
@@ -51,4 +51,4 @@ import{a as b,j as f,r as S,b as a}from"./iframe-BNJP6ovU.js";import{c as D,n as
     ut. Sem integer vitae justo eget. Dictumst quisque sagittis purus sit. Amet volutpat consequat mauris nunc congue nisi vitae suscipit. Id donec
     ultrices tincidunt arcu. Neque vitae tempus quam pellentesque nec nam aliquam. Auctor elit sed vulputate mi sit amet. Gravida dictum fusce ut
     placerat orci nulla pellentesque dignissim enim. Aliquam ultrices sagittis orci a scelerisque purus. Id diam vel quam elementum pulvinar etiam.
-  </p>\``,...c.parameters?.docs?.source}}};const I=["Default","Error","Warning","Success","Info","Help","NotDismissible","LongPageHieght"],H=Object.freeze(Object.defineProperty({__proto__:null,Default:r,Error:i,Help:u,Info:m,LongPageHieght:c,NotDismissible:n,Success:l,Warning:o,__namedExportsOrder:I,default:x},Symbol.toStringTag,{value:"Module"}));export{r as D,i as E,H as S};
+  </p>\``,...c.parameters?.docs?.source}}};const x=["Default","Error","Warning","Success","Info","Help","NotDismissible","LongPageHieght"],H=Object.freeze(Object.defineProperty({__proto__:null,Default:r,Error:i,Help:u,Info:m,LongPageHieght:c,NotDismissible:n,Success:l,Warning:o,__namedExportsOrder:x,default:I},Symbol.toStringTag,{value:"Module"}));export{r as D,i as E,H as S};