@tmorrow/cre8-wc 2.3.4 → 2.3.6

package/dist/assets/{footer.stories-D9QlbogX.js → footer.stories-5deowSLC.js}

@@ -1,5 +1,5 @@
-import{a as n,b as e}from"./iframe-BH5yZqve.js";import"./f-po-Bskj3oQY.js";import{s as d}from"./spread-CEvCYGEM.js";import{C as m}from"./cre8-element-C32P9iMC.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-CE1QkYoV.js";import"./_commonjsHelpers-DaWZu8wl.js";const s=n`.cre8-u-content-knockout-brand {
-  color: var(----cre8-color-content-knockout-brand);
+import{a as n,b as e}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=n`.cre8-u-content-knockout-brand {
+  color: var(--cre8-color-content-knockout-brand);
 }
 
 .cre8-u-is-hidden {
@@ -72,23 +72,23 @@ import{a as n,b as e}from"./iframe-BH5yZqve.js";import"./f-po-Bskj3oQY.js";impor
 }
 
 .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 n,b as e}from"./iframe-BH5yZqve.js";import"./f-po-Bskj3oQY.js";impor
 }
 
 .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 n,b as e}from"./iframe-BH5yZqve.js";import"./f-po-Bskj3oQY.js";impor
 }
 
 .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 n,b as e}from"./iframe-BH5yZqve.js";import"./f-po-Bskj3oQY.js";impor
 }
 
 .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 n,b as e}from"./iframe-BH5yZqve.js";import"./f-po-Bskj3oQY.js";impor
 }
 
 .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 n,b as e}from"./iframe-BH5yZqve.js";import"./f-po-Bskj3oQY.js";impor
 }
 
 .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 n,b as e}from"./iframe-BH5yZqve.js";import"./f-po-Bskj3oQY.js";impor
 }
 
 .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 n,b as e}from"./iframe-BH5yZqve.js";import"./f-po-Bskj3oQY.js";impor
 }
 
 .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 n,b as e}from"./iframe-BH5yZqve.js";import"./f-po-Bskj3oQY.js";impor
 }
 
 .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 n,b as e}from"./iframe-BH5yZqve.js";import"./f-po-Bskj3oQY.js";impor
 }
 
 .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) {
@@ -608,8 +607,8 @@ span.ripple {
   .cre8-c-footer {
     padding-top: 3.4375rem;
   }
-}`,r=class r extends m{render(){const a=this.componentClassNames("cre8-c-footer",{});return e`
-      <footer class="${a}" role="contentinfo">
+}`,o=class o extends d{render(){const i=this.componentClassNames("cre8-c-footer",{});return e`
+      <footer class="${i}" role="contentinfo">
         ${this.slotNotEmpty("top")&&e`<div class="cre8-c-footer__top">
           <cre8-layout-container>
             <slot name="top"></slot>
@@ -626,7 +625,7 @@ span.ripple {
           </cre8-layout-container>
         </div>`}
       </footer>
-    `}};r.styles=[s];let i=r;customElements.get("cre8-footer")===void 0&&customElements.define("cre8-footer",i);const x={title:"Cre8 Components/Footer",component:"cre8-footer",parameters:{status:{type:"inProgress"}}},t=o=>e`<cre8-footer ${d(o)}>
+    `}};o.styles=[p];let r=o;customElements.get("cre8-footer")===void 0&&customElements.define("cre8-footer",r);const x={title:"Cre8 Components/Footer",component:"cre8-footer",parameters:{status:{type:"inProgress"}}},t=a=>e`<cre8-footer ${m(a)}>
   <f-po slot="top">Optional footer top</f-po>
   <f-po>Footer middle</f-po>
   <f-po slot="bottom">Optional footer bottom</f-po>

package/dist/assets/{form-DnCnqQJV.js → form-C_mLqAJr.js}

@@ -1,4 +1,4 @@
-import{a as f,b as u}from"./iframe-BH5yZqve.js";import{C as m,n as c}from"./cre8-element-C32P9iMC.js";const a=f`
+import{a as f,b as u}from"./iframe-B4bTcHfE.js";import{C as m,n as c}from"./cre8-element-C-P96xHp.js";const a=f`
   cre8-form {
     display: block;
   }

package/dist/assets/{form.stories-BQ-PyPR-.js → form.stories-Cd-nnRvS.js}

@@ -1,4 +1,4 @@
-import{b as o}from"./iframe-BH5yZqve.js";import"./field-g3Qu1hyk.js";import"./button-CKAKDdnt.js";import"./button-group-BE61zidL.js";import"./grid-item-CaYWmI3M.js";import"./form-DnCnqQJV.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-CE1QkYoV.js";import"./cre8-element-C32P9iMC.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-C-cxFbUF.js";import"./field-note-VLKkFhY-.js";import"./icon-CRGiEUM0.js";import"./field.styles-DsJqDxUf.js";import"./loading-spinner-KSDrx_ka.js";const C={title:"cre8 Components/Form",component:"cre8-form",parameters:{status:{type:"inProgress"},controls:{hideNoControlsWarning:!0},docs:{description:{component:"Groups form-associated Cre8 controls, aggregates their validation on submit, and orchestrates submit and reset. Renders to light DOM so the controls are owned by a real `<form>`, which means layout components such as `cre8-grid` can be nested inside freely."}}},argTypes:{novalidate:{control:{type:"boolean"},description:"Skips aggregate validation on submit."},disabled:{control:{type:"boolean"},description:"Disables every control in the form."}}},s=n=>{const a=n.detail;console.log("form-submit",a.values)},c=n=>{const a=n.detail;console.log("form-invalid",a.invalidControls)},i={render:()=>o`
+import{b as o}from"./iframe-B4bTcHfE.js";import"./field-DW7G8q1Z.js";import"./button-BYSQD8Gp.js";import"./button-group-Clrz8Qlx.js";import"./grid-Ceoso7cm.js";import"./grid-item-2TZHxEoC.js";import"./form-C_mLqAJr.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DA22R8ho.js";import"./cre8-element-C-P96xHp.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-1YjfSY90.js";import"./field-note-Bo9Uvf0_.js";import"./icon-JqBqZA-z.js";import"./field.styles-DY4WEjtf.js";import"./loading-spinner-DKyQa4wk.js";const D={title:"cre8 Components/Form",component:"cre8-form",parameters:{status:{type:"inProgress"},controls:{hideNoControlsWarning:!0},docs:{description:{component:"Groups form-associated Cre8 controls, aggregates their validation on submit, and orchestrates submit and reset. Renders to light DOM so the controls are owned by a real `<form>`, which means layout components such as `cre8-grid` can be nested inside freely."}}},argTypes:{novalidate:{control:{type:"boolean"},description:"Skips aggregate validation on submit."},disabled:{control:{type:"boolean"},description:"Disables every control in the form."}}},s=n=>{const a=n.detail;console.log("form-submit",a.values)},c=n=>{const a=n.detail;console.log("form-invalid",a.invalidControls)},i={render:()=>o`
     <cre8-form @form-submit=${s}>
       <cre8-field name="firstName" label="First name"></cre8-field>
       <cre8-field name="lastName" label="Last name"></cre8-field>
@@ -72,4 +72,4 @@ import{b as o}from"./iframe-BH5yZqve.js";import"./field-g3Qu1hyk.js";import"./bu
       <cre8-button type="submit" text="Saving…"></cre8-button>
     </cre8-form>
   \`
-}`,...t.parameters?.docs?.source},description:{story:"Setting `disabled` on the form disables every control inside it, which is\nuseful while a submission is in flight.",...t.parameters?.docs?.description}}};const D=["Default","Validation","WithLayout","Disabled"];export{i as Default,t as Disabled,e as Validation,r as WithLayout,D as __namedExportsOrder,C as default};
+}`,...t.parameters?.docs?.source},description:{story:"Setting `disabled` on the form disables every control inside it, which is\nuseful while a submission is in flight.",...t.parameters?.docs?.description}}};const L=["Default","Validation","WithLayout","Disabled"];export{i as Default,t as Disabled,e as Validation,r as WithLayout,L as __namedExportsOrder,D as default};

package/dist/assets/{formatter-L2YTDE3Q-C-OPFuCo.js → formatter-L2YTDE3Q-Boj-9QnE.js}

@@ -1 +1 @@
-import{b as m}from"./blocks-DaRdDsLJ.js";import{d as o,f as t}from"./iframe-BH5yZqve.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";var e=t(m(),1),_=(0,e.default)(2)(async(i,r)=>i===!1?r:o(r));export{_ as formatter};
+import{b as m}from"./blocks-D37TnjJk.js";import{d as o,f as t}from"./iframe-B4bTcHfE.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";var e=t(m(),1),_=(0,e.default)(2)(async(i,r)=>i===!1?r:o(r));export{_ as formatter};