@tmorrow/cre8-wc 2.3.6 → 2.3.10

package/dist/assets/{breadcrumbs.stories-B2UTahU6.js → breadcrumbs.stories-BNKg4vbK.js}

@@ -1,4 +1,4 @@
-import{a as g,b as d}from"./iframe-B4bTcHfE.js";import{C as c,n as u}from"./cre8-element-C-P96xHp.js";import"./icon-JqBqZA-z.js";import"./link-BV5p2Gem.js";import{s as f}from"./light-children-DDjBxt3J.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-DA22R8ho.js";const b=g`.cre8-u-content-knockout-brand {
+import{a as g,b as d}from"./iframe-BIWc-Vs8.js";import{C as c,n as u}from"./cre8-element-CRdBDs7a.js";import"./icon-DczbOQxw.js";import"./link-CW95dVC0.js";import{s as f}from"./light-children-DDjBxt3J.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-DaA5-59C.js";const b=g`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -610,7 +610,7 @@ span.ripple {
 * Breadcrumbs icon
 */
 cre8-icon {
-  margin-left: 0.5rem;
+  margin-left: var(--cre8-spacing-8);
   color: var(--cre8-color-content-subtle);
   display: inline-flex;
 }
@@ -1235,7 +1235,7 @@ span.ripple {
   margin: 0;
   padding: 0;
   list-style: none;
-  gap: 0.5rem;
+  gap: var(--cre8-spacing-8);
 }`;var w=Object.defineProperty,h=(n,e,i,v)=>{for(var t=void 0,o=n.length-1,s;o>=0;o--)(s=n[o])&&(t=s(e,i,t)||t);return t&&w(e,i,t),t};const p=class p extends c{constructor(){super(...arguments),this.navAriaLabel="breadcrumbs"}buildComposition(){return this.items?this.items.map(e=>({tag:"cre8-breadcrumbs-item",children:e.href?[{tag:"cre8-text-link",props:{href:e.href},text:e.text}]:void 0,text:e.href?void 0:e.text})):null}updated(e){["items"].some(i=>e.has(i))&&f(this,this.buildComposition())}render(){const e=this.componentClassNames("cre8-c-breadcrumbs",{});return d`
       <nav aria-label="${this.navAriaLabel}"  class="${e}">
         <ol class="cre8-c-breadcrumbs__list">

package/dist/assets/{button-BYSQD8Gp.js → button-DyIg-700.js}

@@ -1,4 +1,4 @@
-import{a as v,b as c,A as i}from"./iframe-B4bTcHfE.js";import{o as n}from"./if-defined-DA22R8ho.js";import{n as e}from"./cre8-element-C-P96xHp.js";import{e as m}from"./query-BpjciUlk.js";import{C as p}from"./cre8-form-element-1YjfSY90.js";import"./icon-JqBqZA-z.js";import"./loading-spinner-DKyQa4wk.js";const g=v`@charset "UTF-8";
+import{a as v,b as c,A as i}from"./iframe-BIWc-Vs8.js";import{o as n}from"./if-defined-DaA5-59C.js";import{n as e}from"./cre8-element-CRdBDs7a.js";import{e as m}from"./query-BpjciUlk.js";import{C as p}from"./cre8-form-element-1BB5S1OV.js";import"./icon-DczbOQxw.js";import"./loading-spinner-CzUXhMoo.js";const g=v`@charset "UTF-8";
 .cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
@@ -1339,22 +1339,22 @@ span.ripple {
  * Button icon directly before button text
  */
 cre8-icon-legacy + .cre8-c-button__text:not(.cre8-u-is-vishidden) {
-  margin-left: 0.5rem;
+  margin-left: var(--cre8-spacing-8);
 }
 
 cre8-icon + .cre8-c-button__text:not(.cre8-u-is-vishidden) {
-  margin-left: 0.5rem;
+  margin-left: var(--cre8-spacing-8);
 }
 
 /**
    * Button icon directly after button text
    */
 .cre8-c-button__text:not(.cre8-u-is-vishidden) + cre8-icon-legacy {
-  margin-left: 0.5rem;
+  margin-left: var(--cre8-spacing-8);
 }
 
 .cre8-c-button__text:not(.cre8-u-is-vishidden) + cre8-icon {
-  margin-left: 0.5rem;
+  margin-left: var(--cre8-spacing-8);
 }
 
 /**
@@ -1432,7 +1432,7 @@ cre8-icon-legacy.cre8-u-is-vishidden {
 }
 
 span.cre8-c-button__icon {
-  margin-left: 0.5rem;
+  margin-left: var(--cre8-spacing-8);
   max-width: fit-content;
   min-width: 0px;
   width: auto;

package/dist/assets/{button-group-Clrz8Qlx.js → button-group-B9UeWS1n.js}

@@ -1,4 +1,4 @@
-import{a as l,b as g}from"./iframe-B4bTcHfE.js";import{C as s,n as a}from"./cre8-element-C-P96xHp.js";const c=l`.cre8-u-content-knockout-brand {
+import{a as l,b as g}from"./iframe-BIWc-Vs8.js";import{C as s,n as a}from"./cre8-element-CRdBDs7a.js";const c=l`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -601,7 +601,7 @@ span.ripple {
 .cre8-c-button-group {
   display: flex;
   flex-wrap: wrap;
-  gap: 1rem;
+  gap: var(--cre8-spacing-16);
 }
 
 :host([fullWidth]) {
@@ -613,7 +613,7 @@ span.ripple {
 }
 
 .cre8-c-button-group--gap-sm {
-  gap: 0.5rem;
+  gap: var(--cre8-spacing-8);
 }
 
 /**

package/dist/assets/{button-group.stories-2tYKyE_S.js → button-group.stories-Fy7BLtvE.js}

@@ -1,4 +1,4 @@
-import{b as n}from"./iframe-B4bTcHfE.js";import{s as a}from"./spread-Bid2THYj.js";import"./button-group-Clrz8Qlx.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-C-P96xHp.js";import"./_commonjsHelpers-DaWZu8wl.js";const m={title:"Cre8 Components/Button Group",component:"cre8-button-group",parameters:{status:{type:"beta"}}},r=t=>n`<cre8-button-group ${a(t)}>
+import{b as n}from"./iframe-BIWc-Vs8.js";import{s as a}from"./spread-CoP9s8JR.js";import"./button-group-B9UeWS1n.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-CRdBDs7a.js";import"./_commonjsHelpers-DaWZu8wl.js";const m={title:"Cre8 Components/Button Group",component:"cre8-button-group",parameters:{status:{type:"beta"}}},r=t=>n`<cre8-button-group ${a(t)}>
   <cre8-button variant="primary" text="Button"></cre8-button>
   <cre8-button variant="tertiary" text="Button"></cre8-button>
 </cre8-button-group>`,e=t=>n`<cre8-button-group ${a(t)} orientation="responsive-full-width">

package/dist/assets/{button.stories-DIic_g44.js → button.stories-692ajGe-.js}

@@ -1,4 +1,4 @@
-import{b as Q}from"./iframe-B4bTcHfE.js";import{s as X}from"./spread-Bid2THYj.js";import"./button-BYSQD8Gp.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"./cre8-form-element-1YjfSY90.js";import"./icon-JqBqZA-z.js";import"./loading-spinner-DKyQa4wk.js";const e=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+import{b as Q}from"./iframe-BIWc-Vs8.js";import{s as X}from"./spread-CoP9s8JR.js";import"./button-DyIg-700.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DaA5-59C.js";import"./cre8-element-CRdBDs7a.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-1BB5S1OV.js";import"./icon-DczbOQxw.js";import"./loading-spinner-CzUXhMoo.js";const e=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M15.7867 12.1506C15.7192 12.2183 15.639 12.2719 15.5507 12.3085C15.4624 12.3451 15.3678 12.3639 15.2722 12.3639C15.1766 12.3639 15.082 12.3451 14.9937 12.3085C14.9054 12.2719 14.8252 12.2183 14.7577 12.1506L7.99992 5.39197L1.24215 12.1506C1.10569 12.2871 0.920613 12.3638 0.727633 12.3638C0.534652 12.3638 0.349576 12.2871 0.213119 12.1506C0.076661 12.0142 3.8041e-09 11.8291 0 11.6361C-3.8041e-09 11.4432 0.076661 11.2581 0.213119 11.1216L7.4854 3.84933C7.55294 3.78172 7.63315 3.72808 7.72143 3.69148C7.80972 3.65488 7.90435 3.63605 7.99992 3.63605C8.09548 3.63605 8.19012 3.65488 8.2784 3.69148C8.36668 3.72808 8.44689 3.78172 8.51443 3.84933L15.7867 11.1216C15.8543 11.1892 15.908 11.2694 15.9446 11.3576C15.9812 11.4459 16 11.5406 16 11.6361C16 11.7317 15.9812 11.8263 15.9446 11.9146C15.908 12.0029 15.8543 12.0831 15.7867 12.1506Z"/>
 </svg>
 `,me={title:"cre8 Components/Button",component:"cre8-button",render:J=>Q`<cre8-button ${X(J)}></cre8-button>`,parameters:{withDesign:{type:"figma",url:"https://www.figma.com/file/WkOaGhOMq5lOGwAUfASz8K/Cre8-Web?node-id=4651%3A51525&t=3jUKYPYoGMClqBbL-1"},status:{type:"inProgress"},actions:{handles:["click","submit"]}},argTypes:{ariaLive:{options:["assertive","polite"],control:"radio"},buttonAriaExpanded:{control:"boolean"},disabled:{control:"boolean"},fullWidth:{control:"boolean"},hideText:{control:"boolean"},iconName:{control:"text"},svg:{control:"text"},iconRotateDegree:{control:"text"},iconPosition:{options:["before","after"],control:{type:"radio"}},inverse:{control:"boolean"},loading:{control:"boolean"},loadingComplete:{control:"boolean"},text:{control:"text"},href:{control:"text"},size:{options:["sm","md","lg"],control:{type:"radio"}},variant:{options:["primary","secondary","tertiary"],control:{type:"radio"}}},args:{text:"Button",loading:void 0,size:"md"}},a={args:{text:"Primary"}},r={args:{type:"submit",text:"Submit"}},n={args:{disabled:!0,text:"Button",buttonAriaExpanded:!1}},s={args:{text:"Button",variant:"primary",inverse:!0},parameters:{backgrounds:{default:"dark"}}},o={args:{disabled:!0,text:"Button",variant:"primary",inverse:!0},parameters:{backgrounds:{default:"dark"}}},i={args:{loading:!0,text:"Button",variant:"primary",inverse:!0},parameters:{backgrounds:{default:"dark"}}},u={args:{text:"Button",variant:"primary",inverse:!0,size:"sm"},parameters:{backgrounds:{default:"dark"}}},c={args:{hideText:!0,svg:e,iconRotateDegree:"90",iconPosition:"after",text:"Button With Visually Hidden Text",variant:"primary",inverse:!0},parameters:{backgrounds:{default:"dark"}}},d={args:{fullWidth:!0,text:"Button",variant:"primary",inverse:!0},parameters:{backgrounds:{default:"dark"}}},l={args:{svg:e,iconRotateDegree:"-90",iconPosition:"before",text:"Button"}},m={args:{svg:e,iconRotateDegree:"90",iconPosition:"after",text:"Button"}},p={args:{text:"Button",variant:"secondary"}},g={args:{disabled:!0,text:"Button",variant:"secondary"}},v={args:{text:"Button",variant:"secondary",neutral:!0}},y={args:{disabled:!0,text:"Button",variant:"secondary",neutral:!0}},x={args:{loading:!0,text:"Button",variant:"secondary",neutral:!0}},b={args:{text:"Button",variant:"secondary",neutral:!0,inverse:!0},parameters:{backgrounds:{default:"dark"}}},f={args:{disabled:!0,text:"Button",variant:"secondary",neutral:!0,inverse:!0},parameters:{backgrounds:{default:"dark"}}},S={args:{loading:!0,text:"Button",variant:"secondary",neutral:!0,inverse:!0},parameters:{backgrounds:{default:"dark"}}},B={args:{text:"Button",variant:"secondary",inverse:!0},parameters:{backgrounds:{default:"dark"}}},k={args:{disabled:!0,text:"Button",variant:"secondary",inverse:!0},parameters:{backgrounds:{default:"dark"}}},I={args:{loading:!0,text:"Button",variant:"secondary",inverse:!0},parameters:{backgrounds:{default:"dark"}}},h={args:{text:"Button",variant:"secondary",inverse:!0,size:"sm"},parameters:{backgrounds:{default:"dark"}}},T={args:{hideText:!0,svg:e,iconRotateDegree:"90",iconPosition:"after",text:"Button With Visually Hidden Text",variant:"secondary",inverse:!0},parameters:{backgrounds:{default:"dark"}}},P={args:{fullWidth:!0,text:"Button",variant:"secondary",inverse:!0},parameters:{backgrounds:{default:"dark"}}},D={args:{text:"Button",variant:"tertiary"}},C={args:{disabled:!0,text:"Button",variant:"tertiary"}},W={args:{text:"Button",variant:"tertiary",neutral:!0}},N={args:{text:"Button",variant:"tertiary",neutral:!0,disabled:!0}},R={args:{text:"Button",variant:"tertiary",neutral:!0,loading:!0}},L={args:{text:"Button",variant:"tertiary",inverse:!0},parameters:{backgrounds:{default:"dark"}}},O={args:{text:"Button",variant:"tertiary",inverse:!0,neutral:!0},parameters:{backgrounds:{default:"dark"}}},H={args:{disabled:!0,text:"Button",variant:"tertiary",inverse:!0},parameters:{backgrounds:{default:"dark"}}},V={args:{loading:!0,text:"Button",variant:"tertiary",inverse:!0},parameters:{backgrounds:{default:"dark"}}},z={args:{text:"Button",variant:"tertiary",inverse:!0,size:"sm"},parameters:{backgrounds:{default:"dark"}}},U={args:{hideText:!0,svg:e,iconRotateDegree:"90",iconPosition:"after",text:"Button With Visually Hidden Text",variant:"tertiary",inverse:!0},parameters:{backgrounds:{default:"dark"}}},w={args:{fullWidth:!0,text:"Button",variant:"tertiary",inverse:!0},parameters:{backgrounds:{default:"dark"}}},A={args:{fullWidth:!0,text:"Button"}},F={args:{size:"sm",text:"Button"}},E={args:{svg:e,iconRotateDegree:"90",iconPosition:"after",size:"sm",text:"Button"}},G={args:{size:"lg",text:"Button"}},M={args:{svg:e,iconRotateDegree:"90",iconPosition:"after",size:"lg",text:"Button"}},t={args:{hideText:!0,svg:e,iconRotateDegree:"90",iconPosition:"after",text:"Button With Visually Hidden Text",variant:"primary"}},q={args:{hideText:!0,svg:e,iconRotateDegree:"90",iconPosition:"after",text:"Button With Visually Hidden Text",variant:"secondary"}},K={args:{hideText:!0,svg:e,iconRotateDegree:"90",iconPosition:"after",text:"Button With Visually Hidden Text",variant:"secondary",inverse:!0,neutral:!0},parameters:{backgrounds:{default:"dark"}}},Y={args:{hideText:!0,svg:e,iconRotateDegree:"90",iconPosition:"after",text:"Button With Visually Hidden Text",variant:"tertiary"}},_={args:{hideText:!0,svg:e,iconRotateDegree:"90",iconPosition:"after",text:"Button With Visually Hidden Text",variant:"tertiary",neutral:!0}},j={args:{hideText:!0,svg:e,iconRotateDegree:"90",iconPosition:"after",text:"Button With Visually Hidden Text",variant:"tertiary",neutral:!0,inverse:!0},parameters:{backgrounds:{default:"dark"}}},Z={args:{loading:!0,text:"Submit",variant:"primary"}},$={args:{loadingComplete:!0,text:"Submit",variant:"primary"}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{

package/dist/assets/{card-Hnd7rRWF.js → card-DxQJFL3M.js}

@@ -1,4 +1,4 @@
-import{a as s,b as i}from"./iframe-B4bTcHfE.js";import{C as p,n as o}from"./cre8-element-C-P96xHp.js";const g=s`.cre8-u-content-knockout-brand {
+import{a as p,b as i}from"./iframe-BIWc-Vs8.js";import{C as s,n as o}from"./cre8-element-CRdBDs7a.js";const g=p`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -601,8 +601,8 @@ span.ripple {
   overflow: hidden;
   display: flex;
   flex-direction: column;
-  padding: 1.5rem;
-  gap: 1rem;
+  padding: var(--cre8-padding-24);
+  gap: var(--cre8-padding-16);
   border-color: var(--cre8-color-border-default);
   border-style: var(--cre8-border-style-default);
   border-width: var(--cre8-border-width-default);
@@ -629,8 +629,8 @@ span.ripple {
  * Compact card - reduced padding for narrow layouts
  */
 .cre8-c-card--compact {
-  padding: 1rem;
-  gap: 0.5rem;
+  padding: var(--cre8-padding-16);
+  gap: var(--cre8-padding-8);
 }
 
 /**
@@ -751,7 +751,7 @@ span.ripple {
 .cre8-c-card--horizontal .cre8-c-card__footer, .cre8-c-card--horizontal-bare .cre8-c-card__footer {
   flex: 0 1 auto;
   /* 2 */
-}`;var h=Object.defineProperty,n=(m,r,l,u)=>{for(var e=void 0,a=m.length-1,c;a>=0;a--)(c=m[a])&&(e=c(r,l,e)||e);return e&&h(r,l,e),e};const d=class d extends p{render(){const r=this.componentClassNames("cre8-c-card",{"cre8-c-card--bare":this.variant==="bare","cre8-c-card--compact":this.variant==="compact","cre8-c-card--horizontal":this.variant==="horizontal","cre8-c-card--horizontal-bare":this.variant==="horizontal-bare","cre8-c-card--align-center":this.align==="center","cre8-c-card--full-height":this.fullHeight===!0});return i`
+}`;var h=Object.defineProperty,n=(m,r,l,u)=>{for(var e=void 0,a=m.length-1,c;a>=0;a--)(c=m[a])&&(e=c(r,l,e)||e);return e&&h(r,l,e),e};const d=class d extends s{render(){const r=this.componentClassNames("cre8-c-card",{"cre8-c-card--bare":this.variant==="bare","cre8-c-card--compact":this.variant==="compact","cre8-c-card--horizontal":this.variant==="horizontal","cre8-c-card--horizontal-bare":this.variant==="horizontal-bare","cre8-c-card--align-center":this.align==="center","cre8-c-card--full-height":this.fullHeight===!0});return i`
       <div class="${r}" part="card">
         ${this.slotNotEmpty("header")&&i`<div class="cre8-c-card__header" part="header"><slot name="header"></slot></div>`}
         <div class="cre8-c-card__body" part="body">

package/dist/assets/{card.stories-CJ2oVtcP.js → card.stories-DqQcz0XG.js}

@@ -1,4 +1,4 @@
-import{o as t,b as l}from"./iframe-B4bTcHfE.js";import{s as p}from"./spread-Bid2THYj.js";import{s as o}from"./story-helpers-BFn_kBYw.js";import"./f-po-qGnzb4u2.js";import"./card-Hnd7rRWF.js";import"./icon-JqBqZA-z.js";import"./text-passage-BrueaqOk.js";import"./heading-DJFZJNk9.js";import"./badge-D6EpCJXK.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-DA22R8ho.js";import"./cre8-element-C-P96xHp.js";const C={title:"cre8 Components/Card",component:"cre8-card",render:({header:r,body:d,footer:m,...h})=>l`
+import{o as t,b as l}from"./iframe-BIWc-Vs8.js";import{s as p}from"./spread-CoP9s8JR.js";import{s as o}from"./story-helpers-BFn_kBYw.js";import"./f-po-mkeeAPHA.js";import"./card-DxQJFL3M.js";import"./icon-DczbOQxw.js";import"./text-passage-CvGXVpvo.js";import"./heading-BifCpqH2.js";import"./badge-LhWL0WG8.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-DaA5-59C.js";import"./cre8-element-CRdBDs7a.js";const C={title:"cre8 Components/Card",component:"cre8-card",render:({header:r,body:d,footer:m,...h})=>l`
     <cre8-card ${p(h)}>
       ${t(o(r,"cre8-icon-legacy"))}
       ${t(o(d,"cre8-text-passage","cre8-heading"))}