@tmorrow/cre8-wc 2.3.5 → 2.3.6

package/dist/assets/{badge-DoPOxLq7.js → badge-D6EpCJXK.js}

@@ -1,5 +1,5 @@
-import{C as l,c as m,n as i}from"./cre8-element-D4jUl3yv.js";import{a as p,b as s}from"./iframe-DgoqrgRr.js";import"./icon-BmyJ3psE.js";const h=p`.cre8-u-content-knockout-brand {
-  color: var(----cre8-color-content-knockout-brand);
+import{C as l,c as s,n as a}from"./cre8-element-C-P96xHp.js";import{a as p,b as g}from"./iframe-B4bTcHfE.js";import"./icon-JqBqZA-z.js";const h=p`.cre8-u-content-knockout-brand {
+  color: var(--cre8-color-content-knockout-brand);
 }
 
 .cre8-u-is-hidden {
@@ -72,23 +72,23 @@ import{C as l,c as m,n as i}from"./cre8-element-D4jUl3yv.js";import{a as p,b as
 }
 
 .cre8-u-margin-sm {
-  margin: size(1) !important;
+  margin: 0.5rem !important;
 }
 
 .cre8-u-margin-md {
-  margin: size(2) !important;
+  margin: 1rem !important;
 }
 
 .cre8-u-margin-lg {
-  margin: size(3) !important;
+  margin: 1.5rem !important;
 }
 
 .cre8-u-margin-xl {
-  margin: size(4) !important;
+  margin: 2rem !important;
 }
 
 .cre8-u-margin-xxl {
-  margin: size(8) !important;
+  margin: 4rem !important;
 }
 
 .cre8-u-margin-top-none {
@@ -96,23 +96,23 @@ import{C as l,c as m,n as i}from"./cre8-element-D4jUl3yv.js";import{a as p,b as
 }
 
 .cre8-u-margin-top-sm {
-  margin-top: size(1) !important;
+  margin-top: 0.5rem !important;
 }
 
 .cre8-u-margin-top-md {
-  margin-top: size(2) !important;
+  margin-top: 1rem !important;
 }
 
 .cre8-u-margin-top-lg {
-  margin-top: size(3) !important;
+  margin-top: 1.5rem !important;
 }
 
 .cre8-u-margin-top-xl {
-  margin-top: size(4) !important;
+  margin-top: 2rem !important;
 }
 
 .cre8-u-margin-top-xxl {
-  margin-top: size(8) !important;
+  margin-top: 4rem !important;
 }
 
 .cre8-u-margin-right-none {
@@ -120,23 +120,23 @@ import{C as l,c as m,n as i}from"./cre8-element-D4jUl3yv.js";import{a as p,b as
 }
 
 .cre8-u-margin-right-sm {
-  margin-right: size(1) !important;
+  margin-right: 0.5rem !important;
 }
 
 .cre8-u-margin-right-md {
-  margin-right: size(2) !important;
+  margin-right: 1rem !important;
 }
 
 .cre8-u-margin-right-lg {
-  margin-right: size(3) !important;
+  margin-right: 1.5rem !important;
 }
 
 .cre8-u-margin-right-xl {
-  margin-right: size(4) !important;
+  margin-right: 2rem !important;
 }
 
 .cre8-u-margin-right-xxl {
-  margin-right: size(8) !important;
+  margin-right: 4rem !important;
 }
 
 .cre8-u-margin-bottom-none {
@@ -144,32 +144,32 @@ import{C as l,c as m,n as i}from"./cre8-element-D4jUl3yv.js";import{a as p,b as
 }
 
 .cre8-u-margin-bottom-sm {
-  margin-bottom: size(1) !important;
+  margin-bottom: 0.5rem !important;
 }
 
 .cre8-u-margin-bottom-md {
-  margin-bottom: size(2) !important;
+  margin-bottom: 1rem !important;
 }
 
 .cre8-u-margin-bottom-lg {
-  margin-bottom: size(3) !important;
+  margin-bottom: 1.5rem !important;
 }
 
 .cre8-u-margin-bottom-xl {
-  margin-bottom: size(4) !important;
+  margin-bottom: 2rem !important;
 }
 
 .cre8-u-margin-bottom-xxl {
-  margin-bottom: size(8) !important;
+  margin-bottom: 4rem !important;
 }
 
 .cre8-u-margin-bottom-xl-xxl {
-  margin-bottom: size(4) !important;
+  margin-bottom: 2rem !important;
 }
 
 @media all and (min-width: 768px) {
   .cre8-u-margin-bottom-xl-xxl {
-    margin-bottom: size(8) !important;
+    margin-bottom: 4rem !important;
   }
 }
 .cre8-u-margin-left-none {
@@ -177,23 +177,23 @@ import{C as l,c as m,n as i}from"./cre8-element-D4jUl3yv.js";import{a as p,b as
 }
 
 .cre8-u-margin-left-sm {
-  margin-left: size(1) !important;
+  margin-left: 0.5rem !important;
 }
 
 .cre8-u-margin-left-md {
-  margin-left: size(2) !important;
+  margin-left: 1rem !important;
 }
 
 .cre8-u-margin-left-lg {
-  margin-left: size(3) !important;
+  margin-left: 1.5rem !important;
 }
 
 .cre8-u-margin-left-xl {
-  margin-left: size(4) !important;
+  margin-left: 2rem !important;
 }
 
 .cre8-u-margin-left-xxl {
-  margin-left: size(8) !important;
+  margin-left: 4rem !important;
 }
 
 .cre8-u-padding-none {
@@ -201,23 +201,23 @@ import{C as l,c as m,n as i}from"./cre8-element-D4jUl3yv.js";import{a as p,b as
 }
 
 .cre8-u-padding-sm {
-  padding: size(1) !important;
+  padding: 0.5rem !important;
 }
 
 .cre8-u-padding-md {
-  padding: size(2) !important;
+  padding: 1rem !important;
 }
 
 .cre8-u-padding-lg {
-  padding: size(3) !important;
+  padding: 1.5rem !important;
 }
 
 .cre8-u-padding-xl {
-  padding: size(4) !important;
+  padding: 2rem !important;
 }
 
 .cre8-u-padding-xxl {
-  padding: size(8) !important;
+  padding: 4rem !important;
 }
 
 .cre8-u-padding-top-none {
@@ -225,23 +225,23 @@ import{C as l,c as m,n as i}from"./cre8-element-D4jUl3yv.js";import{a as p,b as
 }
 
 .cre8-u-padding-top-sm {
-  padding-top: size(1) !important;
+  padding-top: 0.5rem !important;
 }
 
 .cre8-u-padding-top-md {
-  padding-top: size(2) !important;
+  padding-top: 1rem !important;
 }
 
 .cre8-u-padding-top-lg {
-  padding-top: size(3) !important;
+  padding-top: 1.5rem !important;
 }
 
 .cre8-u-padding-top-xl {
-  padding-top: size(4) !important;
+  padding-top: 2rem !important;
 }
 
 .cre8-u-padding-top-xxl {
-  padding-top: size(8) !important;
+  padding-top: 4rem !important;
 }
 
 .cre8-u-padding-right-none {
@@ -249,23 +249,23 @@ import{C as l,c as m,n as i}from"./cre8-element-D4jUl3yv.js";import{a as p,b as
 }
 
 .cre8-u-padding-right-sm {
-  padding-right: size(1) !important;
+  padding-right: 0.5rem !important;
 }
 
 .cre8-u-padding-right-md {
-  padding-right: size(2) !important;
+  padding-right: 1rem !important;
 }
 
 .cre8-u-padding-right-lg {
-  padding-right: size(3) !important;
+  padding-right: 1.5rem !important;
 }
 
 .cre8-u-padding-right-xl {
-  padding-right: size(4) !important;
+  padding-right: 2rem !important;
 }
 
 .cre8-u-padding-right-xxl {
-  padding-right: size(8) !important;
+  padding-right: 4rem !important;
 }
 
 .cre8-u-padding-bottom-none {
@@ -273,23 +273,23 @@ import{C as l,c as m,n as i}from"./cre8-element-D4jUl3yv.js";import{a as p,b as
 }
 
 .cre8-u-padding-bottom-sm {
-  padding-bottom: size(1) !important;
+  padding-bottom: 0.5rem !important;
 }
 
 .cre8-u-padding-bottom-md {
-  padding-bottom: size(2) !important;
+  padding-bottom: 1rem !important;
 }
 
 .cre8-u-padding-bottom-lg {
-  padding-bottom: size(3) !important;
+  padding-bottom: 1.5rem !important;
 }
 
 .cre8-u-padding-bottom-xl {
-  padding-bottom: size(4) !important;
+  padding-bottom: 2rem !important;
 }
 
 .cre8-u-padding-bottom-xxl {
-  padding-bottom: size(8) !important;
+  padding-bottom: 4rem !important;
 }
 
 .cre8-u-padding-left-none {
@@ -297,23 +297,23 @@ import{C as l,c as m,n as i}from"./cre8-element-D4jUl3yv.js";import{a as p,b as
 }
 
 .cre8-u-padding-left-sm {
-  padding-left: size(1) !important;
+  padding-left: 0.5rem !important;
 }
 
 .cre8-u-padding-left-md {
-  padding-left: size(2) !important;
+  padding-left: 1rem !important;
 }
 
 .cre8-u-padding-left-lg {
-  padding-left: size(3) !important;
+  padding-left: 1.5rem !important;
 }
 
 .cre8-u-padding-left-xl {
-  padding-left: size(4) !important;
+  padding-left: 2rem !important;
 }
 
 .cre8-u-padding-left-xxl {
-  padding-left: size(8) !important;
+  padding-left: 4rem !important;
 }
 
 .cre8-u-display-flex {
@@ -329,7 +329,6 @@ body {
   font-size: var(--cre8-typography-body-default-font-size);
   font-weight: var(--cre8-typography-body-default-font-weight);
   line-height: var(--cre8-typography-body-default-line-height);
-  -webkit-text-decoration: var(--cre8-typography-body-default-text-decoration);
   text-decoration: var(--cre8-typography-body-default-text-decoration);
   text-transform: var(--cre8-typography-body-default-text-transform);
   display: flex;
@@ -337,7 +336,7 @@ body {
   padding: 0;
   margin: 0;
   color: var(--cre8-color-content-default);
-  background: var(--background-default);
+  background: var(--cre8-color-bg-default);
 }
 
 @media all and (min-width: 60rem) {
@@ -721,9 +720,9 @@ cre8-icon {
 .cre8-c-badge--white.cre8-c-badge--error {
   background-color: none;
   color: var(--cre8-color-content-error);
-}`;var u=Object.defineProperty,a=(d,r,c,b)=>{for(var t=void 0,o=d.length-1,g;o>=0;o--)(g=d[o])&&(t=g(r,c,t)||t);return t&&u(r,c,t),t};const n=class n extends l{constructor(){super(...arguments),this.text=void 0}render(){const r=m("cre8-c-badge",{"cre8-c-badge--success":this.status==="success","cre8-c-badge--warning":this.status==="warning","cre8-c-badge--error":this.status==="error","cre8-c-badge--info":this.status==="info","cre8-c-badge--attention":this.status==="attention","cre8-c-badge--light":this.variant==="light","cre8-c-badge--white":this.variant==="white"});return s`<div class="${r}">
-        ${this.svg?s` <cre8-icon 
+}`;var u=Object.defineProperty,i=(d,t,m,b)=>{for(var e=void 0,o=d.length-1,c;o>=0;o--)(c=d[o])&&(e=c(t,m,e)||e);return e&&u(t,m,e),e};const n=class n extends l{constructor(){super(...arguments),this.text=void 0}render(){const t=s("cre8-c-badge",{"cre8-c-badge--success":this.status==="success","cre8-c-badge--warning":this.status==="warning","cre8-c-badge--error":this.status==="error","cre8-c-badge--info":this.status==="info","cre8-c-badge--attention":this.status==="attention","cre8-c-badge--light":this.variant==="light","cre8-c-badge--white":this.variant==="white"});return g`<div class="${t}">
+        ${this.svg?g` <cre8-icon 
             svg='${this.svg}' aria-hidden='true'></cre8-icon>
         </cre8-icon>`:""} 
         ${this.text} 
-        </div> `}};n.styles=[h];let e=n;a([i({type:String})],e.prototype,"text");a([i({type:String})],e.prototype,"status");a([i({type:String})],e.prototype,"variant");a([i({type:String})],e.prototype,"svg");customElements.get("cre8-badge")===void 0&&customElements.define("cre8-badge",e);
+        </div> `}};n.styles=[h];let r=n;i([a({type:String})],r.prototype,"text");i([a({type:String})],r.prototype,"status");i([a({type:String})],r.prototype,"variant");i([a({type:String})],r.prototype,"svg");customElements.get("cre8-badge")===void 0&&customElements.define("cre8-badge",r);

package/dist/assets/{badge.stories-BREvHNTR.js → badge.stories-Q7iAA4SM.js}

@@ -1,4 +1,4 @@
-import{b as S}from"./iframe-DgoqrgRr.js";import{s as w}from"./spread-Cc0YLoqh.js";import"./badge-DoPOxLq7.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-D4jUl3yv.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./icon-BmyJ3psE.js";import"./if-defined-Bh0SnORx.js";const k=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+import{b as S}from"./iframe-B4bTcHfE.js";import{s as w}from"./spread-Bid2THYj.js";import"./badge-D6EpCJXK.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 k=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M15.5709 5.43726C15.41 5.25493 15.2121 5.10891 14.9905 5.00892C14.7688 4.90892 14.5284 4.85723 14.2852 4.85728H10.2854V3.71446C10.2854 2.95673 9.98435 2.23003 9.44855 1.69423C8.91275 1.15843 8.18605 0.857422 7.42831 0.857422C7.32216 0.857346 7.21808 0.886843 7.12775 0.942606C7.03742 0.998368 6.96441 1.07819 6.9169 1.17313L4.21842 6.57151H1.14282C0.839723 6.57151 0.549043 6.69191 0.334723 6.90623C0.120404 7.12055 0 7.41123 0 7.71432V13.9998C0 14.3029 0.120404 14.5936 0.334723 14.8079C0.549043 15.0222 0.839723 15.1426 1.14282 15.1426H13.4281C13.8457 15.1428 14.2491 14.9905 14.5623 14.7143C14.8756 14.4381 15.0773 14.057 15.1295 13.6427L15.9866 6.78579C16.017 6.54438 15.9956 6.29928 15.9239 6.06676C15.8523 5.83425 15.7319 5.61966 15.5709 5.43726ZM1.14282 7.71432H3.99986V13.9998H1.14282V7.71432ZM14.8523 6.64293L13.9952 13.4998C13.9778 13.638 13.9106 13.765 13.8062 13.857C13.7018 13.9491 13.5673 13.9999 13.4281 13.9998H5.14268V7.27791L7.76473 2.0331C8.15335 2.11087 8.50302 2.32091 8.75422 2.62746C9.00543 2.93401 9.14265 3.31814 9.14254 3.71446V5.42869C9.14254 5.58024 9.20274 5.72558 9.3099 5.83274C9.41706 5.9399 9.5624 6.0001 9.71395 6.0001H14.2852C14.3663 6.00007 14.4465 6.0173 14.5204 6.05064C14.5943 6.08399 14.6603 6.13268 14.7139 6.19348C14.7675 6.25429 14.8076 6.32581 14.8315 6.40331C14.8554 6.4808 14.8625 6.56248 14.8523 6.64293Z"/>
 </svg>
 `,H={title:"cre8 Components/Badge",component:"cre8-badge",render:v=>S`<cre8-badge ${w(v)}></cre8-badge>`,parameters:{status:{type:"inProgress"}},argTypes:{text:{control:"text"},status:{options:["neutral","error","warning","success","info","attention"],control:{type:"select"}},variant:{options:["default","light","white"],control:{type:"radio"}}},args:{text:"Badge"}},a={args:{text:"Default"}},t={args:{text:"Icon Variant",svg:k}},s={args:{status:"success",text:"Success"}},n={args:{status:"warning",text:"Warning"}},o={args:{status:"error",text:"Error"}},i={args:{status:"info",text:"Info"}},r={args:{status:"attention",text:"Attention"}},c={args:{variant:"light",text:"Light"}},g={args:{status:"success",variant:"light",text:"Success Light"}},u={args:{status:"warning",variant:"light",text:"Warning Light"}},d={args:{status:"error",variant:"light",text:"Error Light"}},p={args:{status:"info",variant:"light",text:"Info Light"}},e={args:{status:"attention",variant:"light",text:"Attention Light"}},m={parameters:{backgrounds:{default:"dark"}},args:{variant:"white",text:"White"}},h={parameters:{backgrounds:{default:"dark"}},args:{status:"success",variant:"white",text:"Success White"}},l={parameters:{backgrounds:{default:"dark"}},args:{status:"warning",variant:"white",text:"Warning White"}},x={parameters:{backgrounds:{default:"dark"}},args:{status:"error",variant:"white",text:"Error White"}},f={parameters:{backgrounds:{default:"dark"}},args:{status:"info",variant:"white",text:"Info White"}},W={parameters:{backgrounds:{default:"dark"}},args:{status:"attention",variant:"white",text:"Attention White"}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{