@tmorrow/cre8-wc 2.1.0 → 2.2.0

package/dist/assets/{breadcrumbs.stories-Doyfy3V9.js → breadcrumbs.stories-mfUqTE_a.js}

@@ -1,4 +1,4 @@
-import{a as g,b as d}from"./iframe-BNJP6ovU.js";import{C as c,n as u}from"./cre8-element-B35i4Lyg.js";import"./icon-ChfRWXWy.js";import"./link-CRE0Eqdo.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-Bxnzk64Q.js";const h=g`.cre8-u-content-knockout-brand {
+import{a as g,b as m}from"./iframe-nwd_1gnU.js";import{C as c,n as u}from"./cre8-element-CaOpCq8p.js";import"./icon-BvsTH4V8.js";import"./link-vQ01kiW8.js";import{s as f}from"./light-children-DDjBxt3J.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-RYzTvKuT.js";const b=g`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -610,14 +618,14 @@ cre8-icon {
 cre8-icon svg {
   height: 1rem;
   width: 1rem;
-}`,f=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+}`,x=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.1506 8.51452L4.87827 15.7869C4.8107 15.8544 4.73049 15.908 4.6422 15.9446C4.55392 15.9812 4.4593 16 4.36375 16C4.26819 16 4.17357 15.9812 4.08529 15.9446C3.99701 15.908 3.9168 15.8544 3.84923 15.7869C3.78166 15.7193 3.72806 15.6391 3.6915 15.5508C3.65493 15.4625 3.63611 15.3679 3.63611 15.2724C3.63611 15.1768 3.65493 15.0822 3.6915 14.9939C3.72806 14.9056 3.78166 14.8254 3.84923 14.7578L10.608 8L3.84923 1.24216C3.71277 1.1057 3.63611 0.920622 3.63611 0.72764C3.63611 0.534658 3.71277 0.34958 3.84923 0.213121C3.98569 0.0766618 4.17077 1.43783e-09 4.36375 0C4.55673 -1.43783e-09 4.74181 0.0766618 4.87827 0.213121L12.1506 7.48548C12.2182 7.55302 12.2719 7.63323 12.3085 7.72151C12.3451 7.8098 12.3639 7.90443 12.3639 8C12.3639 8.09557 12.3451 8.1902 12.3085 8.27849C12.2719 8.36677 12.2182 8.44698 12.1506 8.51452Z"/>
 </svg>
-`,m=class m extends c{connectedCallback(){this.setAttribute("role","listitem"),super.connectedCallback()}render(){const e=this.componentClassNames("cre8-c-breadcrumbs--item",{});return d`
+`,s=class s extends c{connectedCallback(){this.setAttribute("role","listitem"),super.connectedCallback()}render(){const e=this.componentClassNames("cre8-c-breadcrumbs--item",{});return m`
       <div class="${e}">
         <slot></slot>
         <cre8-icon
-          svg="${f}"
+          svg="${x}"
           rotate="90"
           container-class="cre8-c-icon-wrapper"
           aria-hidden="true"
@@ -625,7 +633,7 @@ cre8-icon svg {
         >
         </cre8-icon>
       </div>
-    `}};m.styles=[h];let o=m;customElements.get("cre8-breadcrumbs-item")===void 0&&customElements.define("cre8-breadcrumbs-item",o);const b=g`.cre8-u-content-knockout-brand {
+    `}};s.styles=[b];let d=s;customElements.get("cre8-breadcrumbs-item")===void 0&&customElements.define("cre8-breadcrumbs-item",d);const y=g`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -999,6 +1007,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1171,6 +1183,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1222,18 +1238,18 @@ span.ripple {
   padding: 0;
   list-style: none;
   gap: 0.5rem;
-}`;var x=Object.defineProperty,y=(a,e,p,z)=>{for(var t=void 0,n=a.length-1,l;n>=0;n--)(l=a[n])&&(t=l(e,p,t)||t);return t&&x(e,p,t),t};const s=class s extends c{constructor(){super(...arguments),this.navAriaLabel="breadcrumbs"}render(){const e=this.componentClassNames("cre8-c-breadcrumbs",{});return d`
+}`;var w=Object.defineProperty,h=(n,e,r,z)=>{for(var t=void 0,o=n.length-1,p;o>=0;o--)(p=n[o])&&(t=p(e,r,t)||t);return t&&w(e,r,t),t};const l=class l 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(r=>e.has(r))&&f(this,this.buildComposition())}render(){const e=this.componentClassNames("cre8-c-breadcrumbs",{});return m`
       <nav aria-label="${this.navAriaLabel}"  class="${e}">
         <ol class="cre8-c-breadcrumbs__list">
           <slot></slot>
         </ol>
       </nav>
-    `}};s.styles=[b];let r=s;y([u()],r.prototype,"navAriaLabel");customElements.get("cre8-breadcrumbs")===void 0&&customElements.define("cre8-breadcrumbs",r);const O={title:"cre8 Components/Breadcrumbs",component:"cre8-breadcrumbs",parameters:{status:{type:"inProgress"}}},i=a=>d` <cre8-breadcrumbs>
+    `}};l.styles=[y];let i=l;h([u()],i.prototype,"navAriaLabel");h([u({type:Array})],i.prototype,"items");customElements.get("cre8-breadcrumbs")===void 0&&customElements.define("cre8-breadcrumbs",i);const X={title:"cre8 Components/Breadcrumbs",component:"cre8-breadcrumbs",parameters:{status:{type:"inProgress"}}},a=n=>m` <cre8-breadcrumbs>
   <cre8-breadcrumbs-item><cre8-link href="#">Grandparent</cre8-link></cre8-breadcrumbs-item>
   <cre8-breadcrumbs-item><cre8-link href="#">Parent</cre8-link></cre8-breadcrumbs-item>
   <cre8-breadcrumbs-item>Current</cre8-breadcrumbs-item>
-</cre8-breadcrumbs>`;i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`args => html\` <cre8-breadcrumbs>
+</cre8-breadcrumbs>`;a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`args => html\` <cre8-breadcrumbs>
   <cre8-breadcrumbs-item><cre8-link href="#">Grandparent</cre8-link></cre8-breadcrumbs-item>
   <cre8-breadcrumbs-item><cre8-link href="#">Parent</cre8-link></cre8-breadcrumbs-item>
   <cre8-breadcrumbs-item>Current</cre8-breadcrumbs-item>
-</cre8-breadcrumbs>\``,...i.parameters?.docs?.source}}};const V=["Default"];export{i as Default,V as __namedExportsOrder,O as default};
+</cre8-breadcrumbs>\``,...a.parameters?.docs?.source}}};const F=["Default"];export{a as Default,F as __namedExportsOrder,X as default};

package/dist/assets/{button-group-G7qN4MwM.js → button-group-DjFiwkrF.js}

@@ -1,4 +1,4 @@
-import{a as s,b as l}from"./iframe-BNJP6ovU.js";import{C as g,n as a}from"./cre8-element-B35i4Lyg.js";const c=s`.cre8-u-content-knockout-brand {
+import{a as s,b as l}from"./iframe-nwd_1gnU.js";import{C as g,n as a}from"./cre8-element-CaOpCq8p.js";const c=s`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**

package/dist/assets/{button-group.stories-cL3Kay6M.js → button-group.stories-CanLG17w.js}

@@ -1,4 +1,4 @@
-import{b as n}from"./iframe-BNJP6ovU.js";import{s as a}from"./spread-CnPic3C2.js";import"./button-group-G7qN4MwM.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-B35i4Lyg.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-nwd_1gnU.js";import{s as a}from"./spread-D16Rn3WA.js";import"./button-group-DjFiwkrF.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-CaOpCq8p.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-CgaWukz0.js → button-rmsX1TVb.js}

@@ -1,4 +1,4 @@
-import{a as v,b as c,A as i}from"./iframe-BNJP6ovU.js";import{o as n}from"./if-defined-Bxnzk64Q.js";import{n as e}from"./cre8-element-B35i4Lyg.js";import{e as p}from"./query-BpjciUlk.js";import{C as g}from"./cre8-form-element-Cfc5VeYV.js";import"./icon-ChfRWXWy.js";import"./loading-spinner-C52KNq6y.js";const y=v`@charset "UTF-8";
+import{a as v,b as c,A as i}from"./iframe-nwd_1gnU.js";import{o as n}from"./if-defined-RYzTvKuT.js";import{n as e}from"./cre8-element-CaOpCq8p.js";import{e as p}from"./query-BpjciUlk.js";import{C as g}from"./cre8-form-element-Dowz62UX.js";import"./icon-BvsTH4V8.js";import"./loading-spinner-B7JDCfNK.js";const y=v`@charset "UTF-8";
 .cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
@@ -373,6 +373,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -545,6 +549,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**

package/dist/assets/{button.stories-C9HSpxWb.js → button.stories-BvDrcI8Q.js}

@@ -1,4 +1,4 @@
-import{b as Q}from"./iframe-BNJP6ovU.js";import{s as X}from"./spread-CnPic3C2.js";import"./button-CgaWukz0.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-Cfc5VeYV.js";import"./icon-ChfRWXWy.js";import"./loading-spinner-C52KNq6y.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-nwd_1gnU.js";import{s as X}from"./spread-D16Rn3WA.js";import"./button-rmsX1TVb.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-RYzTvKuT.js";import"./cre8-element-CaOpCq8p.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-Dowz62UX.js";import"./icon-BvsTH4V8.js";import"./loading-spinner-B7JDCfNK.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.stories-BbU8YymD.js → card-BNXY-4UF.js}

@@ -1,4 +1,4 @@
-import{a as z,b as m,o as g}from"./iframe-BNJP6ovU.js";import{s as w}from"./spread-CnPic3C2.js";import{s as h}from"./story-helpers-BFn_kBYw.js";import"./f-po-BdPzDRD-.js";import{C as v,n as x}from"./cre8-element-B35i4Lyg.js";import"./icon-ChfRWXWy.js";import"./text-passage-xQVosjOr.js";import"./heading-Dbka33DK.js";import"./badge-BTxW3bN2.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-Bxnzk64Q.js";const k=z`.cre8-u-content-knockout-brand {
+import{a as c,b as a}from"./iframe-nwd_1gnU.js";import{C as p,n as l}from"./cre8-element-CaOpCq8p.js";const g=c`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -705,56 +713,12 @@ span.ripple {
 }
 .cre8-c-card--horizontal-bare .cre8-c-card__footer {
   padding: 0;
-}`;var _=Object.defineProperty,y=(o,t,n,f)=>{for(var r=void 0,p=o.length-1,b;p>=0;p--)(b=o[p])&&(r=b(t,n,r)||r);return r&&_(t,n,r),r};const u=class u extends v{render(){const t=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"});return m`
-      <div class="${t}" part="card">
-        ${this.slotNotEmpty("header")&&m`<div class="cre8-c-card__header" part="header"><slot name="header"></slot></div>`}
+}`;var h=Object.defineProperty,s=(n,r,d,u)=>{for(var t=void 0,i=n.length-1,m;i>=0;i--)(m=n[i])&&(t=m(r,d,t)||t);return t&&h(r,d,t),t};const o=class o 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"});return a`
+      <div class="${r}" part="card">
+        ${this.slotNotEmpty("header")&&a`<div class="cre8-c-card__header" part="header"><slot name="header"></slot></div>`}
         <div class="cre8-c-card__body" part="body">
           <slot></slot>
         </div>
-        ${this.slotNotEmpty("footer")&&m`<div class="cre8-c-card__footer" part="footer"><slot name="footer"></slot></div>`}
+        ${this.slotNotEmpty("footer")&&a`<div class="cre8-c-card__footer" part="footer"><slot name="footer"></slot></div>`}
       </div>
-    `}};u.styles=[k];let i=u;y([x()],i.prototype,"variant");y([x()],i.prototype,"align");customElements.get("cre8-card")===void 0&&customElements.define("cre8-card",i);const T={title:"cre8 Components/Card",component:"cre8-card",render:({header:o,body:t,footer:n,...f})=>m`
-    <cre8-card ${w(f)}>
-      ${g(h(o,"cre8-icon-legacy"))}
-      ${g(h(t,"cre8-text-passage","cre8-heading"))}
-      ${g(h(n,"cre8-badge","cre8-text-passage"))}
-    </cre8-card>`,parameters:{status:{type:"inProgress"}},argTypes:{align:{options:["center"],control:{type:"radio"}},variant:{options:["bare","horizontal","horizontal-bare"],control:{type:"radio"}}}},e={args:{header:'<cre8-icon-legacy slot="header" name="rx" style="--cre8-icon-width: 32px; --cre8-icon-height: 32px;"></cre8-icon-legacy>',body:`<cre8-text-passage>
-      <cre8-heading headingtagname="h2" variant="title-default">Bactrim</cre8-heading>
-      <p style="color: var(--cre8-color-content-subtle">Filled by Pharmacy</p>
-    </cre8-text-passage>`,footer:'<cre8-badge slot="footer" status="error" variant="light" text="Shipping Delay"></cre8-badge>'}},a={args:{...e.args,footer:'<cre8-text-passage slot="footer"><p style="color: var(--cre8-color-content-subtle">15 mg</p></cre8-text-passage>',variant:"horizontal"}},d={args:{...e.args,variant:"bare"}},s={args:{...a.args,variant:"horizontal-bare"}},c={args:{...e.args,align:"center"}},l={args:{...a.args,align:"center",variant:"horizontal"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    header: '<cre8-icon-legacy slot="header" name="rx" style="--cre8-icon-width: 32px; --cre8-icon-height: 32px;"></cre8-icon-legacy>',
-    body: \`<cre8-text-passage>
-      <cre8-heading headingtagname="h2" variant="title-default">Bactrim</cre8-heading>
-      <p style="color: var(--cre8-color-content-subtle">Filled by Pharmacy</p>
-    </cre8-text-passage>\`,
-    footer: '<cre8-badge slot="footer" status="error" variant="light" text="Shipping Delay"></cre8-badge>'
-  }
-}`,...e.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    footer: '<cre8-text-passage slot="footer"><p style="color: var(--cre8-color-content-subtle">15 mg</p></cre8-text-passage>',
-    variant: 'horizontal'
-  }
-}`,...a.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    variant: 'bare'
-  }
-}`,...d.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
-  args: {
-    ...Horizontal.args,
-    variant: 'horizontal-bare'
-  }
-}`,...s.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    align: 'center'
-  }
-}`,...c.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
-  args: {
-    ...Horizontal.args,
-    align: 'center',
-    variant: 'horizontal'
-  }
-}`,...l.parameters?.docs?.source}}};const $=["Default","Horizontal","Bare","HorizontalBare","AlignCenter","HorizontalAlignCenter"];export{c as AlignCenter,d as Bare,e as Default,a as Horizontal,l as HorizontalAlignCenter,s as HorizontalBare,$ as __namedExportsOrder,T as default};
+    `}};o.styles=[g];let e=o;s([l()],e.prototype,"variant");s([l()],e.prototype,"align");customElements.get("cre8-card")===void 0&&customElements.define("cre8-card",e);

package/dist/assets/card.stories-BsHAGXKa.js

@@ -0,0 +1,45 @@
+import{o as n,b as d}from"./iframe-nwd_1gnU.js";import{s as m}from"./spread-D16Rn3WA.js";import{s as c}from"./story-helpers-BFn_kBYw.js";import"./f-po-ByatXsWC.js";import"./card-BNXY-4UF.js";import"./icon-BvsTH4V8.js";import"./text-passage-C6jDH-er.js";import"./heading-ByebtBvm.js";import"./badge-D5MyHlf3.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-RYzTvKuT.js";import"./cre8-element-CaOpCq8p.js";const A={title:"cre8 Components/Card",component:"cre8-card",render:({header:i,body:l,footer:g,...p})=>d`
+    <cre8-card ${m(p)}>
+      ${n(c(i,"cre8-icon-legacy"))}
+      ${n(c(l,"cre8-text-passage","cre8-heading"))}
+      ${n(c(g,"cre8-badge","cre8-text-passage"))}
+    </cre8-card>`,parameters:{status:{type:"inProgress"}},argTypes:{align:{options:["center"],control:{type:"radio"}},variant:{options:["bare","horizontal","horizontal-bare"],control:{type:"radio"}}}},r={args:{header:'<cre8-icon-legacy slot="header" name="rx" style="--cre8-icon-width: 32px; --cre8-icon-height: 32px;"></cre8-icon-legacy>',body:`<cre8-text-passage>
+      <cre8-heading headingtagname="h2" variant="title-default">Bactrim</cre8-heading>
+      <p style="color: var(--cre8-color-content-subtle">Filled by Pharmacy</p>
+    </cre8-text-passage>`,footer:'<cre8-badge slot="footer" status="error" variant="light" text="Shipping Delay"></cre8-badge>'}},e={args:{...r.args,footer:'<cre8-text-passage slot="footer"><p style="color: var(--cre8-color-content-subtle">15 mg</p></cre8-text-passage>',variant:"horizontal"}},a={args:{...r.args,variant:"bare"}},t={args:{...e.args,variant:"horizontal-bare"}},o={args:{...r.args,align:"center"}},s={args:{...e.args,align:"center",variant:"horizontal"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    header: '<cre8-icon-legacy slot="header" name="rx" style="--cre8-icon-width: 32px; --cre8-icon-height: 32px;"></cre8-icon-legacy>',
+    body: \`<cre8-text-passage>
+      <cre8-heading headingtagname="h2" variant="title-default">Bactrim</cre8-heading>
+      <p style="color: var(--cre8-color-content-subtle">Filled by Pharmacy</p>
+    </cre8-text-passage>\`,
+    footer: '<cre8-badge slot="footer" status="error" variant="light" text="Shipping Delay"></cre8-badge>'
+  }
+}`,...r.parameters?.docs?.source}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+  args: {
+    ...Default.args,
+    footer: '<cre8-text-passage slot="footer"><p style="color: var(--cre8-color-content-subtle">15 mg</p></cre8-text-passage>',
+    variant: 'horizontal'
+  }
+}`,...e.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  args: {
+    ...Default.args,
+    variant: 'bare'
+  }
+}`,...a.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  args: {
+    ...Horizontal.args,
+    variant: 'horizontal-bare'
+  }
+}`,...t.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  args: {
+    ...Default.args,
+    align: 'center'
+  }
+}`,...o.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    ...Horizontal.args,
+    align: 'center',
+    variant: 'horizontal'
+  }
+}`,...s.parameters?.docs?.source}}};const $=["Default","Horizontal","Bare","HorizontalBare","AlignCenter","HorizontalAlignCenter"];export{o as AlignCenter,a as Bare,r as Default,e as Horizontal,s as HorizontalAlignCenter,t as HorizontalBare,$ as __namedExportsOrder,A as default};