@tmorrow/cre8-wc 2.3.6 → 2.3.9

package/dist/assets/{inline-alert.stories-4nXCXIqv.js → inline-alert.stories-DiqyFWQm.js}

@@ -1,4 +1,4 @@
-import{a as S,A as E,b as e}from"./iframe-B4bTcHfE.js";import{s as R}from"./spread-Bid2THYj.js";import{C as M,n as o}from"./cre8-element-C-P96xHp.js";import"./icon-JqBqZA-z.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-DA22R8ho.js";const F=S`@charset "UTF-8";
+import{a as S,A as E,b as e}from"./iframe-DDPT8KPE.js";import{s as R}from"./spread-B6c5bbZ0.js";import{C as M,n as o}from"./cre8-element-D6gzFubi.js";import"./icon-CxPUuckL.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-D9Db4BBK.js";const F=S`@charset "UTF-8";
 .cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
@@ -610,8 +610,8 @@ span.ripple {
   font-weight: normal;
   display: inline-flex;
   align-items: flex-start;
-  gap: 0.5rem;
-  padding: 1rem;
+  gap: var(--cre8-spacing-8);
+  padding: var(--cre8-padding-16);
   color: var(--cre8-color-content-default);
   background-color: var(--cre8-color-bg-info);
   border-color: var(--cre8-color-border-info);
@@ -674,8 +674,8 @@ span.ripple {
   padding: 0;
   border: none;
   background-color: transparent;
-  gap: 0.5rem;
-  border-radius: none;
+  gap: var(--cre8-spacing-8);
+  border-radius: var(--cre8-border-radius-none);
 }
 
 /**
@@ -755,7 +755,7 @@ span.ripple {
 }
 .cre8-c-inline-alert--transparent .cre8-c-inline-alert__icon {
   top: 0;
-  padding: 0.125rem;
+  padding: var(--cre8-padding-2);
 }`;var W=Object.defineProperty,s=(l,r,_,V)=>{for(var n=void 0,T=l.length-1,k;T>=0;T--)(k=l[T])&&(n=k(r,_,n)||n);return n&&W(r,_,n),n};const O=`<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>

package/dist/assets/{layout-container.stories-BrGLregS.js → layout-container.stories-D4mrsYEV.js}

@@ -1,4 +1,4 @@
-import{a as p,b as l}from"./iframe-B4bTcHfE.js";import"./f-po-qGnzb4u2.js";import{s}from"./spread-Bid2THYj.js";import{C as g,n as c}from"./cre8-element-C-P96xHp.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DA22R8ho.js";import"./_commonjsHelpers-DaWZu8wl.js";const u=p`.cre8-u-content-knockout-brand {
+import{a as p,b as l}from"./iframe-DDPT8KPE.js";import"./f-po-B5bw1GSj.js";import{s}from"./spread-B6c5bbZ0.js";import{C as g,n as c}from"./cre8-element-D6gzFubi.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-D9Db4BBK.js";import"./_commonjsHelpers-DaWZu8wl.js";const u=p`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -606,8 +606,8 @@ span.ripple {
 .cre8-l-layout-container {
   width: 100%;
   max-width: var(--cre8-l-max-width);
-  padding-right: 1rem;
-  padding-left: 1rem;
+  padding-right: var(--cre8-padding-16);
+  padding-left: var(--cre8-padding-16);
   margin: 0 auto;
 }
 

package/dist/assets/{layout.stories-Be6tUf5G.js → layout.stories-a4-Bl_nZ.js}

@@ -1,4 +1,4 @@
-import{a as f,b as m}from"./iframe-B4bTcHfE.js";import"./f-po-qGnzb4u2.js";import{s as b}from"./spread-Bid2THYj.js";import{C as x,n as c}from"./cre8-element-C-P96xHp.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DA22R8ho.js";import"./_commonjsHelpers-DaWZu8wl.js";const w=f`.cre8-u-content-knockout-brand {
+import{a as f,b as m}from"./iframe-DDPT8KPE.js";import"./f-po-B5bw1GSj.js";import{s as b}from"./spread-B6c5bbZ0.js";import{C as x,n as c}from"./cre8-element-D6gzFubi.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-D9Db4BBK.js";import"./_commonjsHelpers-DaWZu8wl.js";const w=f`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -1216,12 +1216,12 @@ span.ripple {
 .cre8-c-layout {
   display: grid;
   flex: 1;
-  gap: 1rem;
+  gap: var(--cre8-spacing-16);
   grid-template-columns: minmax(0, 1fr);
 }
 @media all and (min-width: 960px) {
   .cre8-c-layout {
-    gap: 2rem;
+    gap: var(--cre8-spacing-32);
     grid-template-columns: minmax(0, 1fr) calc(var(--cre8-sidebar-width, 40%) - (0.5rem));
     /* 2 */
   }

package/dist/assets/{linelength-container.stories-BqPn1Ved.js → linelength-container.stories-CAUkmL8C.js}

@@ -1,4 +1,4 @@
-import{a as o,b as i}from"./iframe-B4bTcHfE.js";import"./f-po-qGnzb4u2.js";import{s as m}from"./spread-Bid2THYj.js";import{C as d}from"./cre8-element-C-P96xHp.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DA22R8ho.js";import"./_commonjsHelpers-DaWZu8wl.js";const l=o`.cre8-u-content-knockout-brand {
+import{a as o,b as i}from"./iframe-DDPT8KPE.js";import"./f-po-B5bw1GSj.js";import{s as m}from"./spread-B6c5bbZ0.js";import{C as d}from"./cre8-element-D6gzFubi.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-D9Db4BBK.js";import"./_commonjsHelpers-DaWZu8wl.js";const l=o`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 

package/dist/assets/{link-BV5p2Gem.js → link-CH6OehK-.js}

@@ -1,4 +1,4 @@
-import{a as g,b as n,A as a}from"./iframe-B4bTcHfE.js";import{C as h,n as r}from"./cre8-element-C-P96xHp.js";import{o as c}from"./if-defined-DA22R8ho.js";const f=g`.cre8-u-content-knockout-brand {
+import{a as g,b as n,A as a}from"./iframe-DDPT8KPE.js";import{C as h,n as r}from"./cre8-element-D6gzFubi.js";import{o as c}from"./if-defined-D9Db4BBK.js";const f=g`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -696,7 +696,7 @@ span.ripple {
 .cre8-c-link__cta-wrapper {
   color: var(--cre8-color-button-primary-content);
   display: inline-flex;
-  margin-left: 0.5rem;
+  margin-left: var(--cre8-spacing-8);
   padding: var(--cre8-spacing-4);
   background-color: var(--cre8-color-content-link);
   border-radius: var(--cre8-border-radius-round);
@@ -708,15 +708,15 @@ span.ripple {
 }
 
 .cre8-c-link__icon.before {
-  padding-right: 0.5rem;
+  padding-right: var(--cre8-padding-8);
 }
 
 .cre8-c-link__icon.after {
-  padding-left: 0.5rem;
+  padding-left: var(--cre8-padding-8);
 }
 
 ::slotted([slot=badge]) {
-  padding-left: 0.5rem;
+  padding-left: var(--cre8-padding-8);
 }
 
 .cre8-c-link--inverted .cre8-c-link__text {
@@ -766,7 +766,7 @@ span.ripple {
 cre8-icon {
   display: flex;
   align-items: center;
-}`;var u=Object.defineProperty,t=(m,o,s,y)=>{for(var i=void 0,l=m.length-1,p;l>=0;l--)(p=m[l])&&(i=p(o,s,i)||i);return i&&u(o,s,i),i};const v=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+}`;var u=Object.defineProperty,t=(m,o,p,y)=>{for(var i=void 0,l=m.length-1,s;l>=0;l--)(s=m[l])&&(i=s(o,p,i)||i);return i&&u(o,p,i),i};const v=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="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.0769 8.61538H6.40846L7.82 10.0262C7.87718 10.0833 7.92253 10.1512 7.95347 10.2259C7.98442 10.3006 8.00034 10.3807 8.00034 10.4615C8.00034 10.5424 7.98442 10.6225 7.95347 10.6972C7.92253 10.7719 7.87718 10.8397 7.82 10.8969C7.76283 10.9541 7.69495 10.9994 7.62025 11.0304C7.54554 11.0613 7.46548 11.0773 7.38462 11.0773C7.30376 11.0773 7.22369 11.0613 7.14899 11.0304C7.07429 10.9994 7.00641 10.9541 6.94923 10.8969L4.48769 8.43538C4.43048 8.37823 4.38509 8.31036 4.35412 8.23565C4.32315 8.16095 4.30721 8.08087 4.30721 8C4.30721 7.91913 4.32315 7.83905 4.35412 7.76434C4.38509 7.68964 4.43048 7.62177 4.48769 7.56461L6.94923 5.10308C7.0647 4.9876 7.22132 4.92273 7.38462 4.92273C7.54792 4.92273 7.70453 4.9876 7.82 5.10308C7.93547 5.21855 8.00034 5.37516 8.00034 5.53846C8.00034 5.70176 7.93547 5.85837 7.82 5.97385L6.40846 7.38461H11.0769C11.2401 7.38461 11.3967 7.44945 11.5121 7.56486C11.6275 7.68026 11.6923 7.83679 11.6923 8C11.6923 8.16321 11.6275 8.31973 11.5121 8.43514C11.3967 8.55055 11.2401 8.61538 11.0769 8.61538Z"/>
 </svg>
 `,d=class d extends h{constructor(){super(...arguments),this.iconRotateDegree=0,this.iconPosition=void 0,this.ctaIcon="arrow-forward"}generateIcon(){return this.iconName?n`

package/dist/assets/{link-list.stories-CzddL0Pv.js → link-list.stories-CBCMLNW1.js}

@@ -1,4 +1,4 @@
-import{a as _,b as e}from"./iframe-B4bTcHfE.js";import{s as S}from"./spread-Bid2THYj.js";import{o as O}from"./if-defined-DA22R8ho.js";import{C as R,n}from"./cre8-element-C-P96xHp.js";import{s as C}from"./light-children-DDjBxt3J.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const B=_`.cre8-u-content-knockout-brand {
+import{a as _,b as e}from"./iframe-DDPT8KPE.js";import{s as S}from"./spread-B6c5bbZ0.js";import{o as O}from"./if-defined-D9Db4BBK.js";import{C as R,n}from"./cre8-element-D6gzFubi.js";import{s as C}from"./light-children-DDjBxt3J.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const B=_`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -631,7 +631,7 @@ span.ripple {
  * 1) Container to place things like badges after an item
  */
 .cre8-c-link-list__item-before {
-  margin-right: 0.5rem;
+  margin-right: var(--cre8-spacing-8);
 }
 
 /**
@@ -639,7 +639,7 @@ span.ripple {
  * 1) Container to place things like badges after an item
  */
 .cre8-c-link-list__item-after {
-  margin-left: 0.5rem;
+  margin-left: var(--cre8-spacing-8);
 }
 
 ::slotted(cre8-icon-legacy) {
@@ -1281,7 +1281,7 @@ span.ripple {
   */
 }
 .cre8-c-link-list ::slotted(cre8-link-list-item) {
-  margin-top: 1rem;
+  margin-top: var(--cre8-spacing-16);
 }
 
 /**
@@ -1321,7 +1321,7 @@ span.ripple {
   */
 }
 .cre8-c-link-list--condensed ::slotted(cre8-link-list-item) {
-  margin-top: 0.625rem;
+  margin-top: var(--cre8-spacing-8);
 }
 
 /**
@@ -1349,8 +1349,8 @@ span.ripple {
   */
 }
 .cre8-c-link-list--horizontal ::slotted(cre8-link-list-item) {
-  margin-top: 0.5rem;
-  margin-left: 1rem;
+  margin-top: var(--cre8-spacing-8);
+  margin-left: var(--cre8-spacing-16);
 }
 
 /**
@@ -1367,8 +1367,8 @@ span.ripple {
     */
   }
   .cre8-c-link-list--responsive ::slotted(cre8-link-list-item) {
-    margin-top: 0.5rem;
-    margin-left: 1rem;
+    margin-top: var(--cre8-spacing-8);
+    margin-left: var(--cre8-spacing-16);
   }
 }`;var X=Object.defineProperty,s=(l,i,a,I)=>{for(var t=void 0,m=l.length-1,c;m>=0;m--)(c=l[m])&&(t=c(i,a,t)||t);return t&&X(i,a,t),t};const z=class z extends R{buildComposition(){return this.items?this.items.map(i=>({tag:"cre8-link-list-item",props:{href:i.href,isActive:i.isActive},text:i.text})):null}updated(i){["items"].some(a=>i.has(a))&&C(this,this.buildComposition())}render(){const i=this.componentClassNames("cre8-c-link-list",{"cre8-c-link-list--secondary":this.variant==="secondary","cre8-c-link-list--display":this.variant==="display","cre8-c-link-list--inverted":this.inverted===!0,"cre8-c-link-list--responsive":this.behavior==="responsive","cre8-c-link-list--horizontal":this.behavior==="horizontal","cre8-c-link-list--condensed":this.spacing==="condensed","cre8-c-link-list--sm":this.size==="sm"});return e`
       <ul class="${i}">

package/dist/assets/{link.stories-CAQgjgEF.js → link.stories-DoJJdJ4x.js}

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

package/dist/assets/{list.stories-CWm_R35G.js → list.stories-C7q_i4Gb.js}

@@ -1,4 +1,4 @@
-import{a as x,b as r}from"./iframe-B4bTcHfE.js";import{s as y}from"./spread-Bid2THYj.js";import{C as b,n as c}from"./cre8-element-C-P96xHp.js";import{s as w}from"./light-children-DDjBxt3J.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const v=x`.cre8-u-content-knockout-brand {
+import{a as x,b as r}from"./iframe-DDPT8KPE.js";import{s as y}from"./spread-B6c5bbZ0.js";import{C as b,n as c}from"./cre8-element-D6gzFubi.js";import{s as w}from"./light-children-DDjBxt3J.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const v=x`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -1201,7 +1201,7 @@ span.ripple {
   list-style: none;
   padding: 0;
   margin: 0;
-  margin-bottom: 1rem;
+  margin-bottom: var(--cre8-spacing-16);
 }
 
 /**
@@ -1210,8 +1210,8 @@ span.ripple {
  */
 ::slotted(cre8-list-item) {
   display: block;
-  padding-top: 1rem;
-  padding-bottom: 1rem;
+  padding-top: var(--cre8-padding-16);
+  padding-bottom: var(--cre8-padding-16);
   border-bottom: var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-subtle);
   /**
   * List item with bare list
@@ -1229,8 +1229,8 @@ span.ripple {
   */
 }
 .cre8-c-list--condensed ::slotted(cre8-list-item) {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
+  padding-top: var(--cre8-padding-8);
+  padding-bottom: var(--cre8-padding-8);
 }
 ::slotted(cre8-list-item) {
   /**
@@ -1239,8 +1239,8 @@ span.ripple {
   */
 }
 .cre8-c-list--padded ::slotted(cre8-list-item) {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
+  padding-top: var(--cre8-spacing-32);
+  padding-bottom: var(--cre8-spacing-32);
 }`;var R=Object.defineProperty,g=(a,t,n,z)=>{for(var e=void 0,l=a.length-1,f;l>=0;l--)(f=a[l])&&(e=f(t,n,e)||e);return e&&R(t,n,e),e};const u=class u extends b{buildComposition(){return this.items?this.items.map(t=>({tag:"cre8-list-item",text:t.text})):null}updated(t){["items"].some(n=>t.has(n))&&w(this,this.buildComposition())}render(){const t=this.componentClassNames("cre8-c-list",{"cre8-c-list--bare":this.variant==="bare","cre8-c-list--padded":this.spacing==="padded","cre8-c-list--condensed":this.spacing==="condensed"});return r`
       <ul class="${t}">
         <slot></slot>

package/dist/assets/{loading-spinner-DKyQa4wk.js → loading-spinner-Cr5nQQHU.js}

@@ -1,4 +1,4 @@
-import{a as c,b as t,A as p}from"./iframe-B4bTcHfE.js";import{C as g,n as i}from"./cre8-element-C-P96xHp.js";const h=c`.cre8-u-content-knockout-brand {
+import{a as c,b as t,A as p}from"./iframe-DDPT8KPE.js";import{C as g,n as i}from"./cre8-element-D6gzFubi.js";const h=c`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 

package/dist/assets/{loading-spinner.stories-CAkmVKiI.js → loading-spinner.stories-CNFn0la-.js}

@@ -1,4 +1,4 @@
-import{b}from"./iframe-B4bTcHfE.js";import"./loading-spinner-DKyQa4wk.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-C-P96xHp.js";import"./_commonjsHelpers-DaWZu8wl.js";const $={title:"cre8 Components/LoadingSpinner",component:"cre8-loading-spinner",argTypes:{buttonVariant:{options:["primary","secondary","tertiary"],control:{type:"radio"}},determinate:{control:"boolean"},inverse:{defaultValue:!1,control:{type:"boolean"}},neutral:{control:{type:"boolean"}},label:{defaultValue:"Loading ...",control:"text"},progress:{control:{type:"number"}},size:{options:["large","small"],control:{type:"inline-radio"}}},args:{label:"Loading…",size:"large"},render:({size:u,inverse:m,determinate:p,progress:l,label:d,neutral:g,buttonVariant:y})=>b`<cre8-loading-spinner
+import{b}from"./iframe-DDPT8KPE.js";import"./loading-spinner-Cr5nQQHU.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-D6gzFubi.js";import"./_commonjsHelpers-DaWZu8wl.js";const $={title:"cre8 Components/LoadingSpinner",component:"cre8-loading-spinner",argTypes:{buttonVariant:{options:["primary","secondary","tertiary"],control:{type:"radio"}},determinate:{control:"boolean"},inverse:{defaultValue:!1,control:{type:"boolean"}},neutral:{control:{type:"boolean"}},label:{defaultValue:"Loading ...",control:"text"},progress:{control:{type:"number"}},size:{options:["large","small"],control:{type:"inline-radio"}}},args:{label:"Loading…",size:"large"},render:({size:u,inverse:m,determinate:p,progress:l,label:d,neutral:g,buttonVariant:y})=>b`<cre8-loading-spinner
       size="${u}"
       ?inverse="${m}"
       ?neutral="${g}"

package/dist/assets/{logo.stories-B1W8YgnP.js → logo.stories-CKqxRnMT.js}

@@ -1,4 +1,4 @@
-import{a as l,b as p}from"./iframe-B4bTcHfE.js";import{s as g}from"./spread-Bid2THYj.js";import{C as s,n as c}from"./cre8-element-C-P96xHp.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const u=l`.cre8-u-content-knockout-brand {
+import{a as l,b as p}from"./iframe-DDPT8KPE.js";import{s as g}from"./spread-B6c5bbZ0.js";import{C as s,n as c}from"./cre8-element-D6gzFubi.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const u=l`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 

package/dist/assets/{main.stories-BBZA2Wa5.js → main.stories-TczfQD5P.js}

@@ -1,4 +1,4 @@
-import{a as p,b as l}from"./iframe-B4bTcHfE.js";import"./f-po-qGnzb4u2.js";import{s}from"./spread-Bid2THYj.js";import{C as g,n as c}from"./cre8-element-C-P96xHp.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DA22R8ho.js";import"./_commonjsHelpers-DaWZu8wl.js";const h=p`.cre8-u-content-knockout-brand {
+import{a as p,b as l}from"./iframe-DDPT8KPE.js";import"./f-po-B5bw1GSj.js";import{s}from"./spread-B6c5bbZ0.js";import{C as g,n as c}from"./cre8-element-D6gzFubi.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-D9Db4BBK.js";import"./_commonjsHelpers-DaWZu8wl.js";const h=p`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 

package/dist/assets/{modal-CjEkzDMa.js → modal-5_C5K3k1.js}

@@ -1,4 +1,4 @@
-import{u as i,j as e,M as s,S as n,C as l}from"./blocks-D37TnjJk.js";import{M as c}from"./modal.stories-m0YBMD_a.js";import{S as r,D as d,E as m}from"./sample-modal.stories-CkAkkA1F.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./iframe-B4bTcHfE.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./button-BYSQD8Gp.js";import"./if-defined-DA22R8ho.js";import"./cre8-element-C-P96xHp.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-1YjfSY90.js";import"./icon-JqBqZA-z.js";import"./loading-spinner-DKyQa4wk.js";import"./heading-DJFZJNk9.js";import"./text-passage-BrueaqOk.js";import"./f-po-qGnzb4u2.js";import"./modal-BuNx7jRd.js";import"./button-group-Clrz8Qlx.js";function a(o){const t={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...i(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{of:c}),`
+import{u as i,j as e,M as s,S as n,C as l}from"./blocks-CDGRFHUM.js";import{M as c}from"./modal.stories-BIP87Tby.js";import{S as r,D as d,E as m}from"./sample-modal.stories-C0XIFujz.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./iframe-DDPT8KPE.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./button-8X2Dk9iy.js";import"./if-defined-D9Db4BBK.js";import"./cre8-element-D6gzFubi.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-vpi8SSNA.js";import"./icon-CxPUuckL.js";import"./loading-spinner-Cr5nQQHU.js";import"./heading-zzuz3Lhl.js";import"./text-passage-CXhgRa33.js";import"./f-po-B5bw1GSj.js";import"./modal-CyHr0GaN.js";import"./button-group-A_PXJVGQ.js";function a(o){const t={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...i(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{of:c}),`
 `,e.jsx(t.h1,{id:"modal",children:"Modal"}),`
 `,e.jsx(t.p,{children:`Modal component should be used in all modal situations. It is natuarally composable and can even have a custom header and remove the close button.
 Here is code for the example below, a completely composed modal using slots:`}),`

package/dist/assets/{modal-BuNx7jRd.js → modal-CyHr0GaN.js}

@@ -1,4 +1,4 @@
-import{a as w,b as s}from"./iframe-B4bTcHfE.js";import{C as x,n as l}from"./cre8-element-C-P96xHp.js";import{e as y}from"./query-BpjciUlk.js";import"./icon-JqBqZA-z.js";function h(t,e,i,d=20,r=0){let a=[];if(r>=d)return a;const m=n=>{const g=n.assignedNodes().filter(v=>v.nodeType===1);return g.length>0?h(g[0].parentElement,e,i,d,r+1):[]},b=Array.from(t.children||[]);for(const n of b)e(n)||(i(n)&&a.push(n),n.shadowRoot!=null?a.push(...h(n.shadowRoot,e,i,d,r+1)):n.tagName==="SLOT"?a.push(...m(n)):a.push(...h(n,e,i,d,r+1)));return a}function f(t){return t.hasAttribute("hidden")||t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")!=="false"||t.style.display==="none"||t.style.opacity==="0"||t.style.visibility==="hidden"||t.style.visibility==="collapse"}function _(t){return t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&t.getAttribute("aria-disabled")!=="false"}function k(t){return t.getAttribute("tabindex")==="-1"||f(t)||_(t)?!1:t.hasAttribute("tabindex")||(t instanceof HTMLAnchorElement||t instanceof HTMLAreaElement)&&t.hasAttribute("href")||t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement||t instanceof HTMLIFrameElement}const p=new Map;function M(t,e,i){const d=p.get(i);d!=null&&window.clearTimeout(d),p.set(i,window.setTimeout(()=>{t(),p.delete(i)},e))}const C=document.createElement("template");C.innerHTML=`
+import{a as w,b as s}from"./iframe-DDPT8KPE.js";import{C as x,n as l}from"./cre8-element-D6gzFubi.js";import{e as y}from"./query-BpjciUlk.js";import"./icon-CxPUuckL.js";function h(t,e,i,d=20,r=0){let a=[];if(r>=d)return a;const m=n=>{const g=n.assignedNodes().filter(v=>v.nodeType===1);return g.length>0?h(g[0].parentElement,e,i,d,r+1):[]},b=Array.from(t.children||[]);for(const n of b)e(n)||(i(n)&&a.push(n),n.shadowRoot!=null?a.push(...h(n.shadowRoot,e,i,d,r+1)):n.tagName==="SLOT"?a.push(...m(n)):a.push(...h(n,e,i,d,r+1)));return a}function f(t){return t.hasAttribute("hidden")||t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")!=="false"||t.style.display==="none"||t.style.opacity==="0"||t.style.visibility==="hidden"||t.style.visibility==="collapse"}function _(t){return t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&t.getAttribute("aria-disabled")!=="false"}function k(t){return t.getAttribute("tabindex")==="-1"||f(t)||_(t)?!1:t.hasAttribute("tabindex")||(t instanceof HTMLAnchorElement||t instanceof HTMLAreaElement)&&t.hasAttribute("href")||t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement||t instanceof HTMLIFrameElement}const p=new Map;function M(t,e,i){const d=p.get(i);d!=null&&window.clearTimeout(d),p.set(i,window.setTimeout(()=>{t(),p.delete(i)},e))}const C=document.createElement("template");C.innerHTML=`
 	<div id="start"></div>
 	<div id="backup"></div>
 	<slot></slot>
@@ -664,7 +664,7 @@ span.ripple {
  */
 .cre8-c-modal__header {
   display: flex;
-  padding: 2rem 3rem 1rem;
+  padding: var(--cre8-spacing-32) var(--cre8-spacing-48) var(--cre8-padding-16);
   align-items: center;
   /**
    * Modal Header with Error state
@@ -712,7 +712,7 @@ span.ripple {
 .cre8-c-modal__header-inner {
   display: flex;
   align-items: center;
-  gap: 1rem;
+  gap: var(--cre8-spacing-16);
 }
 .cre8-c-modal__header-inner cre8-icon .cre8-modal-icon {
   height: 2rem;
@@ -725,7 +725,7 @@ span.ripple {
 .cre8-c-modal__body {
   max-height: 240px;
   overflow: auto;
-  padding: 0 3rem;
+  padding: 0 var(--cre8-spacing-48);
   /**
    * Modal Window Body for mobile user screen widths
    */
@@ -741,7 +741,7 @@ span.ripple {
  * Modal Window Footer
  */
 .cre8-c-modal__footer {
-  padding: 1.5rem 3rem calc(100vh - 95dvh);
+  padding: var(--cre8-padding-24) var(--cre8-spacing-48) calc(100vh - 95dvh);
 }
 
 /**

package/dist/assets/{modal.stories-m0YBMD_a.js → modal.stories-BIP87Tby.js}

@@ -1 +1 @@
-import{b as s}from"./iframe-B4bTcHfE.js";import"./button-BYSQD8Gp.js";import"./heading-DJFZJNk9.js";import"./text-passage-BrueaqOk.js";import"./f-po-qGnzb4u2.js";import"./modal-BuNx7jRd.js";const c={title:"cre8 Components/Modal",component:"cre8-modal",parameters:{status:{type:"inProgress"},actions:{handles:["modal-close"]}}},e=a=>s`<sample-modal></sample-modal>`,r=a=>s`<sample-modal status="error"></sample-modal>`,o=a=>s`<sample-modal status="warning"></sample-modal>`,m=a=>s`<sample-modal status="success"></sample-modal>`,t=a=>s`<sample-modal status="info"></sample-modal>`,l=a=>s`<sample-modal status="help"></sample-modal>`,p=a=>s`<sample-modal ?notDismissible=${!0}></sample-modal>`;e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:"args => html`<sample-modal></sample-modal>`",...e.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="error"></sample-modal>`',...r.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="warning"></sample-modal>`',...o.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="success"></sample-modal>`',...m.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="info"></sample-modal>`',...t.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="help"></sample-modal>`',...l.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:"args => html`<sample-modal ?notDismissible=${true}></sample-modal>`",...p.parameters?.docs?.source}}};const d=["Default","Error","Warning","Success","Info","Help","NotDismissible"],h=Object.freeze(Object.defineProperty({__proto__:null,Default:e,Error:r,Help:l,Info:t,NotDismissible:p,Success:m,Warning:o,__namedExportsOrder:d,default:c},Symbol.toStringTag,{value:"Module"}));export{h as M};
+import{b as s}from"./iframe-DDPT8KPE.js";import"./button-8X2Dk9iy.js";import"./heading-zzuz3Lhl.js";import"./text-passage-CXhgRa33.js";import"./f-po-B5bw1GSj.js";import"./modal-CyHr0GaN.js";const c={title:"cre8 Components/Modal",component:"cre8-modal",parameters:{status:{type:"inProgress"},actions:{handles:["modal-close"]}}},e=a=>s`<sample-modal></sample-modal>`,r=a=>s`<sample-modal status="error"></sample-modal>`,o=a=>s`<sample-modal status="warning"></sample-modal>`,m=a=>s`<sample-modal status="success"></sample-modal>`,t=a=>s`<sample-modal status="info"></sample-modal>`,l=a=>s`<sample-modal status="help"></sample-modal>`,p=a=>s`<sample-modal ?notDismissible=${!0}></sample-modal>`;e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:"args => html`<sample-modal></sample-modal>`",...e.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="error"></sample-modal>`',...r.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="warning"></sample-modal>`',...o.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="success"></sample-modal>`',...m.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="info"></sample-modal>`',...t.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:'args => html`<sample-modal status="help"></sample-modal>`',...l.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:"args => html`<sample-modal ?notDismissible=${true}></sample-modal>`",...p.parameters?.docs?.source}}};const d=["Default","Error","Warning","Success","Info","Help","NotDismissible"],h=Object.freeze(Object.defineProperty({__proto__:null,Default:e,Error:r,Help:l,Info:t,NotDismissible:p,Success:m,Warning:o,__namedExportsOrder:d,default:c},Symbol.toStringTag,{value:"Module"}));export{h as M};

package/dist/assets/{multi-select.stories-BsUU_ii5.js → multi-select.stories-DL7YLeC0.js}

@@ -1,4 +1,4 @@
-import{a as C,b as c,A as y}from"./iframe-B4bTcHfE.js";import{s as _}from"./spread-Bid2THYj.js";import{o as k}from"./if-defined-DA22R8ho.js";import{C as I,n as o}from"./cre8-element-C-P96xHp.js";import{r as x}from"./state-DNEXh1sp.js";import{n as v}from"./index.browser-BY9c7rfI.js";import"./remove-tag-BMrp6VdQ.js";import"./field-note-Bo9Uvf0_.js";import"./button-BYSQD8Gp.js";import"./checkbox-field-item-AzitqhZQ.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./icon-JqBqZA-z.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-1YjfSY90.js";import"./loading-spinner-DKyQa4wk.js";const D=C`.cre8-u-content-knockout-brand {
+import{a as C,b as c,A as y}from"./iframe-DDPT8KPE.js";import{s as _}from"./spread-B6c5bbZ0.js";import{o as k}from"./if-defined-D9Db4BBK.js";import{C as I,n as o}from"./cre8-element-D6gzFubi.js";import{r as x}from"./state-Ds0pqCS8.js";import{n as v}from"./index.browser-BY9c7rfI.js";import"./remove-tag-BTcYXFfg.js";import"./field-note-B5lzFPnT.js";import"./button-8X2Dk9iy.js";import"./checkbox-field-item-CtyT3byL.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./icon-CxPUuckL.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-vpi8SSNA.js";import"./loading-spinner-Cr5nQQHU.js";const D=C`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -732,7 +732,7 @@ span.ripple {
   min-height: 30px;
   width: 100%;
   border-right: var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-strong);
-  padding-right: 2.75rem;
+  padding-right: var(--cre8-spacing-40);
 }
 
 .cre8-c-multi-select__tag-wrapper {
@@ -742,7 +742,7 @@ span.ripple {
   display: flex;
   flex-wrap: wrap;
   height: 100%;
-  gap: 0.25rem;
+  gap: var(--cre8-spacing-4);
 }
 
 .cre8-c-multi-select__icons-wrapper {
@@ -750,7 +750,7 @@ span.ripple {
   justify-content: end;
   margin-right: -36px;
   margin-left: -48px;
-  gap: 1.5rem;
+  gap: var(--cre8-spacing-24);
   min-width: 96px;
 }
 .cre8-c-multi-select__icons-wrapper button {

package/dist/assets/{nav-container.stories-D8GvauAI.js → nav-container.stories-CRERUQRI.js}

@@ -1,4 +1,4 @@
-import{a as o,b as a}from"./iframe-B4bTcHfE.js";import"./f-po-qGnzb4u2.js";import{s as m}from"./spread-Bid2THYj.js";import{C as d}from"./cre8-element-C-P96xHp.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DA22R8ho.js";import"./_commonjsHelpers-DaWZu8wl.js";const p=o`.cre8-u-content-knockout-brand {
+import{a as o,b as a}from"./iframe-DDPT8KPE.js";import"./f-po-B5bw1GSj.js";import{s as m}from"./spread-B6c5bbZ0.js";import{C as d}from"./cre8-element-D6gzFubi.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-D9Db4BBK.js";import"./_commonjsHelpers-DaWZu8wl.js";const p=o`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 

package/dist/assets/{page-header.stories-BlfHczHd.js → page-header.stories-C8qVaZ1l.js}

@@ -1,4 +1,4 @@
-import{a as g,b as n}from"./iframe-B4bTcHfE.js";import{s}from"./spread-Bid2THYj.js";import{C as c,n as h}from"./cre8-element-C-P96xHp.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const f=g`.cre8-u-content-knockout-brand {
+import{a as g,b as n}from"./iframe-DDPT8KPE.js";import{s}from"./spread-B6c5bbZ0.js";import{C as c,n as h}from"./cre8-element-D6gzFubi.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const f=g`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -592,7 +592,7 @@ span.ripple {
  * 1) Headline of a page with an h1 heading and optional description
  */
 .cre8-c-page-header {
-  margin-bottom: 2rem;
+  margin-bottom: var(--cre8-spacing-32);
 }
 
 /**
@@ -627,7 +627,7 @@ span.ripple {
   display: inline-block;
   position: relative;
   bottom: 0.625rem;
-  margin-left: 1rem;
+  margin-left: var(--cre8-spacing-16);
 }
 
 /**

package/dist/assets/{pagination.stories-DO4TELjQ.js → pagination.stories-DKHKMQRE.js}

@@ -1,4 +1,4 @@
-import{a as R,b as a,A as c,g as L}from"./iframe-B4bTcHfE.js";import{o as u}from"./if-defined-DA22R8ho.js";import{C as $,n as o}from"./cre8-element-C-P96xHp.js";import{r as w}from"./state-DNEXh1sp.js";import{r as S}from"./query-all-CK69__1O.js";import{C}from"./button-BYSQD8Gp.js";import{w as N}from"./decorator-iVSD-Llo.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";import"./query-BpjciUlk.js";import"./cre8-form-element-1YjfSY90.js";import"./icon-JqBqZA-z.js";import"./loading-spinner-DKyQa4wk.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";const P={md:768,lg:960},k=(l="768")=>!window.matchMedia(`(min-width: ${l}px)`).matches,T=R`.cre8-u-content-knockout-brand {
+import{a as R,b as a,A as c,g as L}from"./iframe-DDPT8KPE.js";import{o as u}from"./if-defined-D9Db4BBK.js";import{C as $,n as o}from"./cre8-element-D6gzFubi.js";import{r as w}from"./state-Ds0pqCS8.js";import{r as S}from"./query-all-CK69__1O.js";import{C}from"./button-8X2Dk9iy.js";import{w as N}from"./decorator-iVSD-Llo.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";import"./query-BpjciUlk.js";import"./cre8-form-element-vpi8SSNA.js";import"./icon-CxPUuckL.js";import"./loading-spinner-Cr5nQQHU.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";const P={md:768,lg:960},k=(l="768")=>!window.matchMedia(`(min-width: ${l}px)`).matches,T=R`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 

package/dist/assets/{percent-bar.stories-BAtNh-5P.js → percent-bar.stories-DPKZ73zG.js}

@@ -1,4 +1,4 @@
-import{a as x,A as b,b as l}from"./iframe-B4bTcHfE.js";import{s as y}from"./spread-Bid2THYj.js";import{C as v,n as c}from"./cre8-element-C-P96xHp.js";import"./button-BYSQD8Gp.js";import"./text-passage-BrueaqOk.js";import"./progress-meter-Cd3UEFGp.js";import"./link-BV5p2Gem.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-DA22R8ho.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-1YjfSY90.js";import"./icon-JqBqZA-z.js";import"./loading-spinner-DKyQa4wk.js";import"./index.browser-BY9c7rfI.js";const w=x`.cre8-u-content-knockout-brand {
+import{a as x,A as b,b as l}from"./iframe-DDPT8KPE.js";import{s as y}from"./spread-B6c5bbZ0.js";import{C as v,n as c}from"./cre8-element-D6gzFubi.js";import"./button-8X2Dk9iy.js";import"./text-passage-CXhgRa33.js";import"./progress-meter-H44nihjX.js";import"./link-CH6OehK-.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-D9Db4BBK.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-vpi8SSNA.js";import"./icon-CxPUuckL.js";import"./loading-spinner-Cr5nQQHU.js";import"./index.browser-BY9c7rfI.js";const w=x`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 

package/dist/assets/{popover.stories-IEVMINQi.js → popover.stories-BAP5fYpV.js}

@@ -1,4 +1,4 @@
-import{a as T,A as O,b as i,o as c}from"./iframe-B4bTcHfE.js";import{s as C}from"./spread-Bid2THYj.js";import{w as B}from"./decorator-iVSD-Llo.js";import"./f-po-qGnzb4u2.js";import"./button-BYSQD8Gp.js";import{C as S,n}from"./cre8-element-C-P96xHp.js";import{e as P}from"./query-BpjciUlk.js";import{o as A}from"./query-assigned-elements-43hYArgI.js";import"./heading-DJFZJNk9.js";import{s as p}from"./story-helpers-BFn_kBYw.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./if-defined-DA22R8ho.js";import"./cre8-form-element-1YjfSY90.js";import"./icon-JqBqZA-z.js";import"./loading-spinner-DKyQa4wk.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";const L=T`.cre8-u-content-knockout-brand {
+import{a as T,A as O,b as i,o as c}from"./iframe-DDPT8KPE.js";import{s as C}from"./spread-B6c5bbZ0.js";import{w as B}from"./decorator-iVSD-Llo.js";import"./f-po-B5bw1GSj.js";import"./button-8X2Dk9iy.js";import{C as S,n}from"./cre8-element-D6gzFubi.js";import{e as P}from"./query-BpjciUlk.js";import{o as A}from"./query-assigned-elements-43hYArgI.js";import"./heading-zzuz3Lhl.js";import{s as p}from"./story-helpers-BFn_kBYw.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./if-defined-D9Db4BBK.js";import"./cre8-form-element-vpi8SSNA.js";import"./icon-CxPUuckL.js";import"./loading-spinner-Cr5nQQHU.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";const L=T`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -626,7 +626,7 @@ span.ripple {
   transform: translateX(var(--rtlTranslateX, -50%));
   display: flex;
   flex-direction: column;
-  gap: 0.5rem;
+  gap: var(--cre8-spacing-8);
   width: 16rem;
   z-index: 400;
   /* 1 */
@@ -634,7 +634,7 @@ span.ripple {
   border: var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-strong);
   border-radius: var(--cre8-border-radius-container);
   box-shadow: var(--cre8-shadow-default);
-  padding: 1rem;
+  padding: var(--cre8-padding-16);
   /**
    * Focus state for popover panel
    */
@@ -769,7 +769,7 @@ span.ripple {
  */
 .cre8-c-popover__footer {
   display: flex;
-  gap: 1rem;
+  gap: var(--cre8-spacing-16);
 }`;var E=Object.defineProperty,o=(d,e,t,s)=>{for(var a=void 0,w=d.length-1,k;w>=0;w--)(k=d[w])&&(a=k(e,t,a)||a);return a&&E(e,t,a),a};const _=class _ extends S{constructor(){super(...arguments),this.handleOnClickOutside=e=>{if(!this.isActive)return;if(!this.shadowRoot?.host)throw Error("Could not determine panel context during click handler");const t=e.composedPath().includes(this.shadowRoot.host);e.target===document.querySelector("html")&&e.clientX>=document.documentElement.offsetWidth||this.isActive&&!t&&this._toggleActive()},this.removeActiveOnScroll=()=>{if(this.isActive&&!this.isVisibleOnScroll){const e=this._Cre8PopoverPanel.getBoundingClientRect();this._Cre8Popover.clientHeight+e.height+e.top<window.innerHeight&&this._toggleActive()}},this.removeActive=()=>{this.isActive&&this._toggleActive()}}get isRTL(){return document.dir==="rtl"}connectedCallback(){super.connectedCallback(),globalThis.window.addEventListener("resize",this.removeActive),globalThis.window.addEventListener("scroll",this.removeActiveOnScroll),globalThis.window.addEventListener("orientationchange",this.removeActive),globalThis.document.addEventListener("mousedown",this.handleOnClickOutside,!1)}disconnectedCallback(){super.disconnectedCallback(),globalThis.window.removeEventListener("resize",this.removeActive),globalThis.window.removeEventListener("scroll",this.removeActiveOnScroll),globalThis.window.removeEventListener("orientationchange",this.removeActive),globalThis.document.removeEventListener("mousedown",this.handleOnClickOutside,!1)}firstUpdated(){this.addAria()}addAria(){let e;this._Cre8PopoverTrigger[0].tagName==="CRE8-BUTTON"?(e=this._Cre8PopoverTrigger[0],e.buttonAriaExpanded=this.isActive?this.isActive:!1):(e=this._Cre8PopoverTrigger[0],e.setAttribute("aria-expanded",`${this.isActive?this.isActive:!1}`),e.setAttribute("type","button"))}dynamicPosition(){if(this.isDynamic&&this._Cre8PopoverPanel){const e=document.querySelector("body").getBoundingClientRect(),t=this._Cre8PopoverPanel.getBoundingClientRect();t.left<0&&(this.position=this.isRTL?"left":"right"),t.right>=e.width&&(this.position=this.isRTL?"right":"left"),t.top<0&&t.left>0&&t.right<e.width&&(this.position=null),t.bottom>=window.innerHeight&&t.left>=0&&t.right<=e.width&&(this.position="top")}}_toggleActive(){this.isActive=!this.isActive,this.addAria(),this.isActive?(requestAnimationFrame(()=>{this.dynamicPosition()}),this.dispatchWithLegacyAlias(new CustomEvent("popover-open",{detail:{isActive:this.isActive},bubbles:!0,composed:!0}))):this.dispatchWithLegacyAlias(new CustomEvent("popover-close",{detail:{isActive:this.isActive},bubbles:!0,composed:!0})),setTimeout(()=>{this.isActive?this.isActiveDynamic=!0:this.isActiveDynamic=!1},2)}_handleKeydown(e){e.key==="Escape"&&this.isActive===!0?this._toggleActive():e.key==="Tab"&&this._handleTabNavigation(e)}_handleTabNavigation(e){this.isActive&&this._navigateInsidePopover(e)}_navigateInsidePopover(e){const t=this._getFocusableElements();if(t.length===0){this._closePopoverAndFocusTrigger(e);return}const s=t[t.length-1];document.activeElement===s&&(this._closePopoverAndFocusTrigger(e),e.preventDefault())}_getFocusableElements(){return[...Array.from(this._Cre8PopoverFooter)]}_closePopoverAndFocusTrigger(e){this._toggleActive(),e.preventDefault()}render(){const e=this.componentClassNames("cre8-c-popover",{"cre8-c-popover--top":this.position==="top","cre8-c-popover--left":this.position==="left","cre8-c-popover--right":this.position==="right","cre8-is-active":this.isActive,"cre8-is-dynamic":this.isDynamic,"cre8-is-dynamic-active":this.isActiveDynamic});return i`
       <div class="${e}">
         ${this.slotNotEmpty("trigger")&&i` <slot name="trigger" @keydown=${this._handleKeydown} @click=${this._toggleActive}></slot> `}

package/dist/assets/{primary-nav.stories-DpV4KV4E.js → primary-nav.stories-BEQISTOI.js}

@@ -1,4 +1,4 @@
-import{a as y,b as i}from"./iframe-B4bTcHfE.js";import{s as b}from"./spread-Bid2THYj.js";import{o as w}from"./if-defined-DA22R8ho.js";import{C as x,n as m}from"./cre8-element-C-P96xHp.js";import{r as k}from"./state-DNEXh1sp.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const _=y`.cre8-u-content-knockout-brand {
+import{a as y,b as i}from"./iframe-DDPT8KPE.js";import{s as b}from"./spread-B6c5bbZ0.js";import{o as w}from"./if-defined-D9Db4BBK.js";import{C as x,n as m}from"./cre8-element-D6gzFubi.js";import{r as k}from"./state-Ds0pqCS8.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const _=y`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -631,7 +631,7 @@ span.ripple {
   white-space: nowrap;
   width: 100%;
   margin: 0;
-  padding: 1rem 2rem;
+  padding: var(--cre8-padding-16) var(--cre8-spacing-32);
   color: var(--cre8-primary-nav-link-color, var(--cre8-color-header-menu-content-default));
   text-decoration: none;
   transition: all var(--cre8-anim-fade-quick) var(--cre8-anim-ease);
@@ -662,12 +662,12 @@ span.ripple {
 }
 @media all and (min-width: 960px) {
   .cre8-c-primary-nav__link {
-    padding: 1rem 0.5rem;
+    padding: var(--cre8-padding-16) var(--cre8-padding-8);
   }
 }
 @media all and (min-width: 960px) {
   .cre8-c-primary-nav__link {
-    padding: 1rem;
+    padding: var(--cre8-padding-16);
     border-bottom: none;
   }
 }
@@ -693,7 +693,7 @@ cre8-icon-legacy {
 }
 @media all and (min-width: 960px) {
   cre8-icon-legacy {
-    margin-left: 0.5rem;
+    margin-left: var(--cre8-spacing-8);
   }
 }
 
@@ -737,8 +737,8 @@ cre8-icon-legacy {
   /* 1 */
   height: auto;
   /* 1 */
-  padding-top: 2rem;
-  padding-bottom: 2rem;
+  padding-top: var(--cre8-spacing-32);
+  padding-bottom: var(--cre8-spacing-32);
   background: var(--cre8-color-bg-default);
   opacity: 1;
   /* 1 */
@@ -759,18 +759,18 @@ cre8-icon-legacy {
 .cre8-c-primary-nav__item--megamenu .cre8-c-primary-nav__item-panel-inner {
   max-width: 70rem;
   /* 1 */
-  padding-right: 2rem;
-  padding-left: 2rem;
+  padding-right: var(--cre8-spacing-32);
+  padding-left: var(--cre8-spacing-32);
   margin: 0 auto;
   /* 1 */
 }
 
 .cre8-c-primary-nav__item-before {
-  margin-right: 0.5rem;
+  margin-right: var(--cre8-spacing-8);
 }
 
 .cre8-c-primary-nav__item-after {
-  margin-left: 0.5rem;
+  margin-left: var(--cre8-spacing-8);
 }`;var z=Object.defineProperty,l=(n,e,t,s)=>{for(var r=void 0,o=n.length-1,p;o>=0;o--)(p=n[o])&&(r=p(e,t,r)||r);return r&&z(e,t,r),r};const f=class f extends x{constructor(){super(),this.text="Nav item",this.href="#",this.iconName="caret-down",this._handleOnClickOutside=this._handleOnClickOutside.bind(this),this._clickHandler=this._clickHandler.bind(this)}connectedCallback(){this.setAttribute("role","listitem"),super.connectedCallback(),document.addEventListener("mousedown",this._handleOnClickOutside,!1)}disconnectedCallback(){document.removeEventListener("mousedown",this._handleOnClickOutside,!1),super.disconnectedCallback()}_handleOnClickOutside(e){if(!this.isActive)return;if(!this.shadowRoot?.host)throw Error("Could not determine navigation context during click handler");const t=e.composedPath().includes(this.shadowRoot.host);this.isActive&&!t&&(this.isActive=!1)}_clickHandler(e){e.preventDefault(),this.parentNode&&this.parentNode.querySelectorAll("cre8-primary-nav-item").forEach(s=>{s!==this&&(s.isActive=!1)}),this.isActive=!this.isActive}_closePanel(){this.isActive=!1}_handleOnKeyDown(e){if(e.key==="Escape"&&this.isActive===!0){this._closePanel();const t=this.shadowRoot?.querySelector(".cre8-c-primary-nav__link");t&&setTimeout(()=>{t.focus()},1)}}render(){const e=this.componentClassNames("cre8-c-primary-nav__item",{"cre8-is-active":this.isActive===!0,"cre8-c-primary-nav__item--megamenu":this.megaMenu===!0});return this.megaMenu?i`
             <div class="${e}" @keydown=${this._handleOnKeyDown}>
                 <div class="cre8-c-primary-nav__item-content">

package/dist/assets/{progress-meter-Cd3UEFGp.js → progress-meter-H44nihjX.js}

@@ -1,4 +1,4 @@
-import{a as p,b as g}from"./iframe-B4bTcHfE.js";import{C as l,n as e}from"./cre8-element-C-P96xHp.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-DDPT8KPE.js";import{C as l,n as e}from"./cre8-element-D6gzFubi.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);
 }
 

package/dist/assets/{progress-meter.stories-BbZSzuOC.js → progress-meter.stories-CzosQ496.js}

@@ -1,4 +1,4 @@
-import{b as c}from"./iframe-B4bTcHfE.js";import"./progress-meter-Cd3UEFGp.js";import{s as p}from"./spread-Bid2THYj.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-C-P96xHp.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-DDPT8KPE.js";import"./progress-meter-H44nihjX.js";import{s as p}from"./spread-B6c5bbZ0.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-D6gzFubi.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-DBrxAXer.js → progress-steps-item-CzcDWkvG.js}

@@ -1,4 +1,4 @@
-import{a as s,b as p}from"./iframe-B4bTcHfE.js";import{C as c,n as i}from"./cre8-element-C-P96xHp.js";const g=s`.cre8-u-content-knockout-brand {
+import{a as s,b as p}from"./iframe-DDPT8KPE.js";import{C as c,n as i}from"./cre8-element-D6gzFubi.js";const g=s`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }