@tmorrow/cre8-wc 2.0.5 → 2.0.7

package/dist/assets/{button-group-B9g_-lYt.js → button-group-BgwgtSFC.js}

@@ -1,4 +1,4 @@
-import{i as m,b as s}from"./iframe-CdWmiVXf.js";import{C as p,n as l}from"./cre8-element-gkCuLp-W.js";const g=m`.cre8-u-content-knockout-brand {
+import{a as s,b as l}from"./iframe-dHvya7sk.js";import{C as g,n as a}from"./cre8-element-DfmMtHJO.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 */
 }
 
 /**
@@ -597,6 +605,18 @@ span.ripple {
   gap: 1rem;
 }
 
+:host([fullWidth]) {
+  display: flex;
+}
+
+.cre8-c-button-group--full-width {
+  width: 100%;
+}
+
+.cre8-c-button-group--gap-sm {
+  gap: 0.5rem;
+}
+
 /**
   * Button group for Modals
   */
@@ -609,8 +629,8 @@ span.ripple {
     flex-direction: row;
     --cre8-button-width: auto;
   }
-}`;var c=Object.defineProperty,u=(n,i,o,h)=>{for(var t=void 0,r=n.length-1,d;r>=0;r--)(d=n[r])&&(t=d(i,o,t)||t);return t&&c(i,o,t),t};const a=class a extends p{render(){const i=this.componentClassNames("cre8-c-button-group",{"cre8-c-button-group--responsive-full-width":this.orientation==="responsive-full-width"});return s`
+}`;var u=Object.defineProperty,n=(d,i,m,h)=>{for(var t=void 0,r=d.length-1,p;r>=0;r--)(p=d[r])&&(t=p(i,m,t)||t);return t&&u(i,m,t),t};const o=class o extends g{render(){const i=this.componentClassNames("cre8-c-button-group",{"cre8-c-button-group--responsive-full-width":this.orientation==="responsive-full-width","cre8-c-button-group--full-width":!!this.fullWidth,"cre8-c-button-group--gap-sm":this.gap==="sm"});return l`
       <div class="${i}">
         <slot></slot>
       </div>
-    `}};a.styles=[g];let e=a;u([l()],e.prototype,"orientation");customElements.get("cre8-button-group")===void 0&&customElements.define("cre8-button-group",e);
+    `}};o.styles=[c];let e=o;n([a()],e.prototype,"orientation");n([a({type:Boolean,reflect:!0})],e.prototype,"fullWidth");n([a()],e.prototype,"gap");customElements.get("cre8-button-group")===void 0&&customElements.define("cre8-button-group",e);

package/dist/assets/{button-group.stories-T9-IozlI.js → button-group.stories-W-07gO63.js}

@@ -1,4 +1,4 @@
-import{b as n}from"./iframe-CdWmiVXf.js";import{s as a}from"./spread-BOaHI3Dl.js";import"./button-group-B9g_-lYt.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";import"./cre8-element-gkCuLp-W.js";import"./_commonjsHelpers-DaWZu8wl.js";const d={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-dHvya7sk.js";import{s as a}from"./spread-BPiNgQQF.js";import"./button-group-BgwgtSFC.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-DfmMtHJO.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">
@@ -12,4 +12,4 @@ import{b as n}from"./iframe-CdWmiVXf.js";import{s as a}from"./spread-BOaHI3Dl.js
   <cre8-button variant="primary" text="Button"></cre8-button>
   <cre8-button variant="secondary" text="Button"></cre8-button>
   <cre8-button variant="tertiary" text="Button"></cre8-button>
-</cre8-button-group>\``,...o.parameters?.docs?.source}}};const l=["Default","ResponsiveFullWidth","BorderToShowAlignment"];export{o as BorderToShowAlignment,r as Default,e as ResponsiveFullWidth,l as __namedExportsOrder,d as default};
+</cre8-button-group>\``,...o.parameters?.docs?.source}}};const d=["Default","ResponsiveFullWidth","BorderToShowAlignment"];export{o as BorderToShowAlignment,r as Default,e as ResponsiveFullWidth,d as __namedExportsOrder,m as default};

package/dist/assets/{button.stories-DzIYNMgW.js → button.stories-BPzJ-sCv.js}

@@ -1,4 +1,7 @@
-import{b as X}from"./iframe-CdWmiVXf.js";import{s as Z}from"./spread-BOaHI3Dl.js";import"./button-Bt9tRB7v.js";import{s as e}from"./icon-DYiIK7a4.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";import"./if-defined-sxEueMHN.js";import"./cre8-element-gkCuLp-W.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-DsXhvnkn.js";import"./loading-spinner-Ced-hKjz.js";import"./unsafe-html-BLUBm7l3.js";import"./Caret_Down-Bmqq8eNW.js";import"./Warning-CawqmTvB.js";const ye={title:"cre8 Components/Button",component:"cre8-button",render:Q=>X`<cre8-button ${Z(Q)}></cre8-button>`,parameters:{withDesign:{type:"figma",url:"https://www.figma.com/file/WkOaGhOMq5lOGwAUfASz8K/ESI-PBM-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"}}},T={args:{text:"Button",variant:"secondary",inverse:!0,size:"sm"},parameters:{backgrounds:{default:"dark"}}},h={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"}},W={args:{disabled:!0,text:"Button",variant:"tertiary"}},N={args:{text:"Button",variant:"tertiary",neutral:!0}},R={args:{text:"Button",variant:"tertiary",neutral:!0,disabled:!0}},L={args:{text:"Button",variant:"tertiary",neutral:!0,loading:!0}},O={args:{text:"Button",variant:"tertiary",inverse:!0},parameters:{backgrounds:{default:"dark"}}},C={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"}}},A={args:{fullWidth:!0,text:"Button",variant:"tertiary",inverse:!0},parameters:{backgrounds:{default:"dark"}}},w={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"}}},$={args:{loading:!0,text:"Submit",variant:"primary"}},J={args:{loadingComplete:!0,text:"Submit",variant:"primary"}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+import{b as Q}from"./iframe-dHvya7sk.js";import{s as X}from"./spread-BPiNgQQF.js";import"./button-CJL8yzAT.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-HKKhGupN.js";import"./cre8-element-DfmMtHJO.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-bQpK8UYN.js";import"./icon-DeTLDzTS.js";import"./loading-spinner-g6iJajXH.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/ESI-PBM-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"}},M={args:{size:"lg",text:"Button"}},G={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:`{
   args: {
     text: 'Primary'
   }
@@ -205,7 +208,7 @@ import{b as X}from"./iframe-CdWmiVXf.js";import{s as Z}from"./spread-BOaHI3Dl.js
       default: 'dark'
     }
   }
-}`,...I.parameters?.docs?.source}}};T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
+}`,...I.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
   args: {
     text: 'Button',
     variant: 'secondary',
@@ -217,7 +220,7 @@ import{b as X}from"./iframe-CdWmiVXf.js";import{s as Z}from"./spread-BOaHI3Dl.js
       default: 'dark'
     }
   }
-}`,...T.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+}`,...h.parameters?.docs?.source}}};T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
   args: {
     hideText: true,
     svg: svgCaretUp,
@@ -232,7 +235,7 @@ import{b as X}from"./iframe-CdWmiVXf.js";import{s as Z}from"./spread-BOaHI3Dl.js
       default: 'dark'
     }
   }
-}`,...h.parameters?.docs?.source}}};P.parameters={...P.parameters,docs:{...P.parameters?.docs,source:{originalSource:`{
+}`,...T.parameters?.docs?.source}}};P.parameters={...P.parameters,docs:{...P.parameters?.docs,source:{originalSource:`{
   args: {
     fullWidth: true,
     text: 'Button',
@@ -249,33 +252,33 @@ import{b as X}from"./iframe-CdWmiVXf.js";import{s as Z}from"./spread-BOaHI3Dl.js
     text: 'Button',
     variant: 'tertiary'
   }
-}`,...D.parameters?.docs?.source}}};W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
+}`,...D.parameters?.docs?.source}}};C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
   args: {
     disabled: true,
     text: 'Button',
     variant: 'tertiary'
   }
-}`,...W.parameters?.docs?.source}}};N.parameters={...N.parameters,docs:{...N.parameters?.docs,source:{originalSource:`{
+}`,...C.parameters?.docs?.source}}};W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
   args: {
     text: 'Button',
     variant: 'tertiary',
     neutral: true
   }
-}`,...N.parameters?.docs?.source}}};R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{
+}`,...W.parameters?.docs?.source}}};N.parameters={...N.parameters,docs:{...N.parameters?.docs,source:{originalSource:`{
   args: {
     text: 'Button',
     variant: 'tertiary',
     neutral: true,
     disabled: true
   }
-}`,...R.parameters?.docs?.source}}};L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
+}`,...N.parameters?.docs?.source}}};R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{
   args: {
     text: 'Button',
     variant: 'tertiary',
     neutral: true,
     loading: true
   }
-}`,...L.parameters?.docs?.source}}};O.parameters={...O.parameters,docs:{...O.parameters?.docs,source:{originalSource:`{
+}`,...R.parameters?.docs?.source}}};L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
   args: {
     text: 'Button',
     variant: 'tertiary',
@@ -286,7 +289,7 @@ import{b as X}from"./iframe-CdWmiVXf.js";import{s as Z}from"./spread-BOaHI3Dl.js
       default: 'dark'
     }
   }
-}`,...O.parameters?.docs?.source}}};C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
+}`,...L.parameters?.docs?.source}}};O.parameters={...O.parameters,docs:{...O.parameters?.docs,source:{originalSource:`{
   args: {
     text: 'Button',
     variant: 'tertiary',
@@ -298,7 +301,7 @@ import{b as X}from"./iframe-CdWmiVXf.js";import{s as Z}from"./spread-BOaHI3Dl.js
       default: 'dark'
     }
   }
-}`,...C.parameters?.docs?.source}}};H.parameters={...H.parameters,docs:{...H.parameters?.docs,source:{originalSource:`{
+}`,...O.parameters?.docs?.source}}};H.parameters={...H.parameters,docs:{...H.parameters?.docs,source:{originalSource:`{
   args: {
     disabled: true,
     text: 'Button',
@@ -349,7 +352,7 @@ import{b as X}from"./iframe-CdWmiVXf.js";import{s as Z}from"./spread-BOaHI3Dl.js
       default: 'dark'
     }
   }
-}`,...U.parameters?.docs?.source}}};A.parameters={...A.parameters,docs:{...A.parameters?.docs,source:{originalSource:`{
+}`,...U.parameters?.docs?.source}}};w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
   args: {
     fullWidth: true,
     text: 'Button',
@@ -361,12 +364,12 @@ import{b as X}from"./iframe-CdWmiVXf.js";import{s as Z}from"./spread-BOaHI3Dl.js
       default: 'dark'
     }
   }
-}`,...A.parameters?.docs?.source}}};w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
+}`,...w.parameters?.docs?.source}}};A.parameters={...A.parameters,docs:{...A.parameters?.docs,source:{originalSource:`{
   args: {
     fullWidth: true,
     text: 'Button'
   }
-}`,...w.parameters?.docs?.source}}};F.parameters={...F.parameters,docs:{...F.parameters?.docs,source:{originalSource:`{
+}`,...A.parameters?.docs?.source}}};F.parameters={...F.parameters,docs:{...F.parameters?.docs,source:{originalSource:`{
   args: {
     size: 'sm',
     text: 'Button'
@@ -379,12 +382,12 @@ import{b as X}from"./iframe-CdWmiVXf.js";import{s as Z}from"./spread-BOaHI3Dl.js
     size: 'sm',
     text: 'Button'
   }
-}`,...E.parameters?.docs?.source}}};G.parameters={...G.parameters,docs:{...G.parameters?.docs,source:{originalSource:`{
+}`,...E.parameters?.docs?.source}}};M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`{
   args: {
     size: 'lg',
     text: 'Button'
   }
-}`,...G.parameters?.docs?.source}}};M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`{
+}`,...M.parameters?.docs?.source}}};G.parameters={...G.parameters,docs:{...G.parameters?.docs,source:{originalSource:`{
   args: {
     svg: svgCaretUp,
     iconRotateDegree: '90',
@@ -392,7 +395,7 @@ import{b as X}from"./iframe-CdWmiVXf.js";import{s as Z}from"./spread-BOaHI3Dl.js
     size: 'lg',
     text: 'Button'
   }
-}`,...M.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+}`,...G.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
   args: {
     hideText: true,
     svg: svgCaretUp,
@@ -461,16 +464,16 @@ import{b as X}from"./iframe-CdWmiVXf.js";import{s as Z}from"./spread-BOaHI3Dl.js
       default: 'dark'
     }
   }
-}`,...j.parameters?.docs?.source}}};$.parameters={...$.parameters,docs:{...$.parameters?.docs,source:{originalSource:`{
+}`,...j.parameters?.docs?.source}}};Z.parameters={...Z.parameters,docs:{...Z.parameters?.docs,source:{originalSource:`{
   args: {
     loading: true,
     text: 'Submit',
     variant: 'primary'
   }
-}`,...$.parameters?.docs?.source}}};J.parameters={...J.parameters,docs:{...J.parameters?.docs,source:{originalSource:`{
+}`,...Z.parameters?.docs?.source}}};$.parameters={...$.parameters,docs:{...$.parameters?.docs,source:{originalSource:`{
   args: {
     loadingComplete: true,
     text: 'Submit',
     variant: 'primary'
   }
-}`,...J.parameters?.docs?.source}}};const xe=["Primary","PrimarySubmit","PrimaryDisabled","PrimaryInverse","PrimaryInverseDisabled","PrimaryInverseLoading","PrimaryInverseSmall","PrimaryInverseIconOnly","PrimaryInverseFullWidth","IconBefore","IconAfter","Secondary","SecondaryDisabled","SecondaryNeutral","SecondaryNeutralDisabled","SecondaryNeutralLoading","SecondaryNeutralInverse","SecondaryNeutralInverseDisabled","SecondaryNeutralInverseLoading","SecondaryInverse","SecondaryInverseDisabled","SecondaryInverseLoading","SecondaryInverseSmall","SecondaryInverseIconOnly","SecondaryInverseFullWidth","Tertiary","TertiaryDisabled","TertiaryNeutral","TertiaryNeutralDisabled","TertiaryNeutralLoading","TertiaryInverse","TertiaryInverseNeutral","TertiaryInverseDisabled","TertiaryInverseLoading","TertiaryInverseSmall","TertiaryInverseIconOnly","TertiaryInverseFullWidth","FullWidth","Small","SmallIconAfter","Large","LargeIconAfter","IconOnlyPrimary","IconOnlySecondary","IconOnlySecondaryNeutralInverse","IconOnlyTertiary","IconOnlyNeutralTertiary","IconOnlyNeutralInverseTertiary","Loading","LoadingComplete"];export{w as FullWidth,m as IconAfter,l as IconBefore,j as IconOnlyNeutralInverseTertiary,_ as IconOnlyNeutralTertiary,t as IconOnlyPrimary,q as IconOnlySecondary,K as IconOnlySecondaryNeutralInverse,Y as IconOnlyTertiary,G as Large,M as LargeIconAfter,$ as Loading,J as LoadingComplete,a as Primary,n as PrimaryDisabled,s as PrimaryInverse,o as PrimaryInverseDisabled,d as PrimaryInverseFullWidth,c as PrimaryInverseIconOnly,i as PrimaryInverseLoading,u as PrimaryInverseSmall,r as PrimarySubmit,p as Secondary,g as SecondaryDisabled,B as SecondaryInverse,k as SecondaryInverseDisabled,P as SecondaryInverseFullWidth,h as SecondaryInverseIconOnly,I as SecondaryInverseLoading,T as SecondaryInverseSmall,v as SecondaryNeutral,y as SecondaryNeutralDisabled,b as SecondaryNeutralInverse,f as SecondaryNeutralInverseDisabled,S as SecondaryNeutralInverseLoading,x as SecondaryNeutralLoading,F as Small,E as SmallIconAfter,D as Tertiary,W as TertiaryDisabled,O as TertiaryInverse,H as TertiaryInverseDisabled,A as TertiaryInverseFullWidth,U as TertiaryInverseIconOnly,V as TertiaryInverseLoading,C as TertiaryInverseNeutral,z as TertiaryInverseSmall,N as TertiaryNeutral,R as TertiaryNeutralDisabled,L as TertiaryNeutralLoading,xe as __namedExportsOrder,ye as default};
+}`,...$.parameters?.docs?.source}}};const pe=["Primary","PrimarySubmit","PrimaryDisabled","PrimaryInverse","PrimaryInverseDisabled","PrimaryInverseLoading","PrimaryInverseSmall","PrimaryInverseIconOnly","PrimaryInverseFullWidth","IconBefore","IconAfter","Secondary","SecondaryDisabled","SecondaryNeutral","SecondaryNeutralDisabled","SecondaryNeutralLoading","SecondaryNeutralInverse","SecondaryNeutralInverseDisabled","SecondaryNeutralInverseLoading","SecondaryInverse","SecondaryInverseDisabled","SecondaryInverseLoading","SecondaryInverseSmall","SecondaryInverseIconOnly","SecondaryInverseFullWidth","Tertiary","TertiaryDisabled","TertiaryNeutral","TertiaryNeutralDisabled","TertiaryNeutralLoading","TertiaryInverse","TertiaryInverseNeutral","TertiaryInverseDisabled","TertiaryInverseLoading","TertiaryInverseSmall","TertiaryInverseIconOnly","TertiaryInverseFullWidth","FullWidth","Small","SmallIconAfter","Large","LargeIconAfter","IconOnlyPrimary","IconOnlySecondary","IconOnlySecondaryNeutralInverse","IconOnlyTertiary","IconOnlyNeutralTertiary","IconOnlyNeutralInverseTertiary","Loading","LoadingComplete"];export{A as FullWidth,m as IconAfter,l as IconBefore,j as IconOnlyNeutralInverseTertiary,_ as IconOnlyNeutralTertiary,t as IconOnlyPrimary,q as IconOnlySecondary,K as IconOnlySecondaryNeutralInverse,Y as IconOnlyTertiary,M as Large,G as LargeIconAfter,Z as Loading,$ as LoadingComplete,a as Primary,n as PrimaryDisabled,s as PrimaryInverse,o as PrimaryInverseDisabled,d as PrimaryInverseFullWidth,c as PrimaryInverseIconOnly,i as PrimaryInverseLoading,u as PrimaryInverseSmall,r as PrimarySubmit,p as Secondary,g as SecondaryDisabled,B as SecondaryInverse,k as SecondaryInverseDisabled,P as SecondaryInverseFullWidth,T as SecondaryInverseIconOnly,I as SecondaryInverseLoading,h as SecondaryInverseSmall,v as SecondaryNeutral,y as SecondaryNeutralDisabled,b as SecondaryNeutralInverse,f as SecondaryNeutralInverseDisabled,S as SecondaryNeutralInverseLoading,x as SecondaryNeutralLoading,F as Small,E as SmallIconAfter,D as Tertiary,C as TertiaryDisabled,L as TertiaryInverse,H as TertiaryInverseDisabled,w as TertiaryInverseFullWidth,U as TertiaryInverseIconOnly,V as TertiaryInverseLoading,O as TertiaryInverseNeutral,z as TertiaryInverseSmall,W as TertiaryNeutral,N as TertiaryNeutralDisabled,R as TertiaryNeutralLoading,pe as __namedExportsOrder,me as default};

package/dist/assets/{card.stories-BiF0PkzJ.js → card.stories-mlFGY2Xn.js}

@@ -1,4 +1,4 @@
-import{i as z,b as m}from"./iframe-CdWmiVXf.js";import{s as w}from"./spread-BOaHI3Dl.js";import{o as g}from"./unsafe-html-BLUBm7l3.js";import{s as h}from"./story-helpers-BJLZYDac.js";import"./f-po-CZL6lsXP.js";import{C as v,n as x}from"./cre8-element-gkCuLp-W.js";import"./icon-DYiIK7a4.js";import"./text-passage-Dw-BWzip.js";import"./heading-BgO3jH9M.js";import"./badge-BPOQ_yGY.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-sxEueMHN.js";import"./Caret_Down-Bmqq8eNW.js";import"./Warning-CawqmTvB.js";const k=z`.cre8-u-content-knockout-brand {
+import{a as z,b as m,o as g}from"./iframe-dHvya7sk.js";import{s as w}from"./spread-BPiNgQQF.js";import{s as h}from"./story-helpers-BFn_kBYw.js";import"./f-po-C2WpbOFJ.js";import{C as v,n as x}from"./cre8-element-DfmMtHJO.js";import"./icon-DeTLDzTS.js";import"./text-passage-DGaI5i2I.js";import"./heading-485Jz7JZ.js";import"./badge-C5wOWgyg.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-HKKhGupN.js";const k=z`.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 */
 }
 
 /**
@@ -605,6 +613,14 @@ span.ripple {
   background: var(--cre8-color-bg-default);
 }
 
+/**
+ * Compact card - reduced padding for narrow layouts
+ */
+.cre8-c-card--compact {
+  padding: 1rem;
+  gap: 0.5rem;
+}
+
 /**
  * Horizontal card
  * 1) Organized block with flex-direction set to row so that header => footer appears
@@ -697,7 +713,7 @@ 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--horizontal":this.variant==="horizontal","cre8-c-card--horizontal-bare":this.variant==="horizontal-bare","cre8-c-card--align-center":this.align==="center"});return m`
+}`;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>`}
         <div class="cre8-c-card__body" part="body">
@@ -705,7 +721,7 @@ span.ripple {
         </div>
         ${this.slotNotEmpty("footer")&&m`<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 P={title:"cre8 Components/Card",component:"cre8-card",render:({header:o,body:t,footer:n,...f})=>m`
+    `}};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"))}
@@ -749,4 +765,4 @@ span.ripple {
     align: 'center',
     variant: 'horizontal'
   }
-}`,...l.parameters?.docs?.source}}};const N=["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,N as __namedExportsOrder,P as default};
+}`,...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};