@tmorrow/cre8-wc 2.3.5 → 2.3.6

package/dist/assets/{text-link-DI4QMUOR.js → text-link-BmXuHtC1.js}

@@ -1,5 +1,5 @@
-import{a as p,b as s}from"./iframe-DgoqrgRr.js";import{o as c}from"./if-defined-Bh0SnORx.js";import{C as g,n as r}from"./cre8-element-D4jUl3yv.js";const h=p`.cre8-u-content-knockout-brand {
-  color: var(----cre8-color-content-knockout-brand);
+import{a as s,b as p}from"./iframe-B4bTcHfE.js";import{o as c}from"./if-defined-DA22R8ho.js";import{C as g,n as i}from"./cre8-element-C-P96xHp.js";const h=s`.cre8-u-content-knockout-brand {
+  color: var(--cre8-color-content-knockout-brand);
 }
 
 .cre8-u-is-hidden {
@@ -72,23 +72,23 @@ import{a as p,b as s}from"./iframe-DgoqrgRr.js";import{o as c}from"./if-defined-
 }
 
 .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{a as p,b as s}from"./iframe-DgoqrgRr.js";import{o as c}from"./if-defined-
 }
 
 .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{a as p,b as s}from"./iframe-DgoqrgRr.js";import{o as c}from"./if-defined-
 }
 
 .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{a as p,b as s}from"./iframe-DgoqrgRr.js";import{o as c}from"./if-defined-
 }
 
 .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{a as p,b as s}from"./iframe-DgoqrgRr.js";import{o as c}from"./if-defined-
 }
 
 .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{a as p,b as s}from"./iframe-DgoqrgRr.js";import{o as c}from"./if-defined-
 }
 
 .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{a as p,b as s}from"./iframe-DgoqrgRr.js";import{o as c}from"./if-defined-
 }
 
 .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{a as p,b as s}from"./iframe-DgoqrgRr.js";import{o as c}from"./if-defined-
 }
 
 .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{a as p,b as s}from"./iframe-DgoqrgRr.js";import{o as c}from"./if-defined-
 }
 
 .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{a as p,b as s}from"./iframe-DgoqrgRr.js";import{o as c}from"./if-defined-
 }
 
 .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) {
@@ -657,11 +656,11 @@ span.ripple {
 */
 .cre8-c-text-link__after {
   margin-left: 0.5rem;
-}`;var u=Object.defineProperty,a=(d,i,l,f)=>{for(var e=void 0,n=d.length-1,m;n>=0;n--)(m=d[n])&&(e=m(i,l,e)||e);return e&&u(i,l,e),e};const o=class o extends g{render(){const i=this.componentClassNames("cre8-c-text-link",{"cre8-c-text-link--inverted":this.inverted===!0,"cre8-c-text-link--display":this.variant==="display","cre8-c-text-link--secondary":this.variant==="secondary","cre8-c-text-link--sm":this.size==="sm"});return s`
-      <a href="${c(this.href)}" class="${i}">
+}`;var u=Object.defineProperty,a=(m,r,d,f)=>{for(var e=void 0,n=m.length-1,l;n>=0;n--)(l=m[n])&&(e=l(r,d,e)||e);return e&&u(r,d,e),e};const o=class o extends g{render(){const r=this.componentClassNames("cre8-c-text-link",{"cre8-c-text-link--inverted":this.inverted===!0,"cre8-c-text-link--display":this.variant==="display","cre8-c-text-link--secondary":this.variant==="secondary","cre8-c-text-link--sm":this.size==="sm"});return p`
+      <a href="${c(this.href)}" class="${r}">
         <slot></slot>
-        ${this.slotNotEmpty("linkAfter")&&s`<div class="cre8-c-text-link__after">
+        ${this.slotNotEmpty("linkAfter")&&p`<div class="cre8-c-text-link__after">
           <slot name="linkAfter"></slot>
         </div>`}
       </a>
-    `}};o.styles=[h];let t=o;a([r()],t.prototype,"href");a([r()],t.prototype,"variant");a([r()],t.prototype,"size");a([r({type:Boolean,reflect:!0})],t.prototype,"inverted");customElements.get("cre8-text-link")===void 0&&customElements.define("cre8-text-link",t);
+    `}};o.styles=[h];let t=o;a([i()],t.prototype,"href");a([i()],t.prototype,"variant");a([i()],t.prototype,"size");a([i({type:Boolean,reflect:!0})],t.prototype,"inverted");customElements.get("cre8-text-link")===void 0&&customElements.define("cre8-text-link",t);

package/dist/assets/{text-link.stories-DRSy-lWJ.js → text-link.stories-CwSENnir.js}

@@ -1 +1 @@
-import{b as e}from"./iframe-DgoqrgRr.js";import{s as c}from"./spread-Cc0YLoqh.js";import"./text-link-DI4QMUOR.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bh0SnORx.js";import"./cre8-element-D4jUl3yv.js";import"./_commonjsHelpers-DaWZu8wl.js";const u={title:"Cre8 Components/Text Link",component:"cre8-text-link",parameters:{status:{type:"inProgress"}}},r=n=>e`<cre8-text-link ${c(n)} href="#">Text Link</cre8-text-link>`,t=()=>e`<cre8-text-link variant="secondary" href="#">Secondary Text Link</cre8-text-link>`,a=()=>e`<cre8-text-link variant="display" href="#">Display Text Link</cre8-text-link>`,s=()=>e`<div style="padding: 1rem; background:#000"><cre8-text-link ?inverted=${!0} href="#">Inverted Text Link</cre8-text-link></div>`,i=()=>e`<cre8-text-link size="sm" href="#">Small Text Link</cre8-text-link>`;r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:'args => html`<cre8-text-link ${spread(args)} href="#">Text Link</cre8-text-link>`',...r.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:'() => html`<cre8-text-link variant="secondary" href="#">Secondary Text Link</cre8-text-link>`',...t.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:'() => html`<cre8-text-link variant="display" href="#">Display Text Link</cre8-text-link>`',...a.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:'() => html`<div style="padding: 1rem; background:#000"><cre8-text-link ?inverted=${true} href="#">Inverted Text Link</cre8-text-link></div>`',...s.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:'() => html`<cre8-text-link size="sm" href="#">Small Text Link</cre8-text-link>`',...i.parameters?.docs?.source}}};const f=["Default","Secondary","Display","Inverted","Small"];export{r as Default,a as Display,s as Inverted,t as Secondary,i as Small,f as __namedExportsOrder,u as default};
+import{b as e}from"./iframe-B4bTcHfE.js";import{s as c}from"./spread-Bid2THYj.js";import"./text-link-BmXuHtC1.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DA22R8ho.js";import"./cre8-element-C-P96xHp.js";import"./_commonjsHelpers-DaWZu8wl.js";const u={title:"Cre8 Components/Text Link",component:"cre8-text-link",parameters:{status:{type:"inProgress"}}},r=n=>e`<cre8-text-link ${c(n)} href="#">Text Link</cre8-text-link>`,t=()=>e`<cre8-text-link variant="secondary" href="#">Secondary Text Link</cre8-text-link>`,a=()=>e`<cre8-text-link variant="display" href="#">Display Text Link</cre8-text-link>`,s=()=>e`<div style="padding: 1rem; background:#000"><cre8-text-link ?inverted=${!0} href="#">Inverted Text Link</cre8-text-link></div>`,i=()=>e`<cre8-text-link size="sm" href="#">Small Text Link</cre8-text-link>`;r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:'args => html`<cre8-text-link ${spread(args)} href="#">Text Link</cre8-text-link>`',...r.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:'() => html`<cre8-text-link variant="secondary" href="#">Secondary Text Link</cre8-text-link>`',...t.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:'() => html`<cre8-text-link variant="display" href="#">Display Text Link</cre8-text-link>`',...a.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:'() => html`<div style="padding: 1rem; background:#000"><cre8-text-link ?inverted=${true} href="#">Inverted Text Link</cre8-text-link></div>`',...s.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:'() => html`<cre8-text-link size="sm" href="#">Small Text Link</cre8-text-link>`',...i.parameters?.docs?.source}}};const f=["Default","Secondary","Display","Inverted","Small"];export{r as Default,a as Display,s as Inverted,t as Secondary,i as Small,f as __namedExportsOrder,u as default};