@tmorrow/cre8-wc 2.1.1 → 2.2.2

package/dist/assets/{grid.stories-BLmCNdeA.js → grid.stories-DR4e60eQ.js}

@@ -1,4 +1,4 @@
-import{b as r}from"./iframe-BNJP6ovU.js";import"./f-po-BdPzDRD-.js";import{s as T}from"./spread-CnPic3C2.js";import"./grid-C5CKMXNe.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";const O={title:"Cre8 Components/Grid",component:"cre8-grid",parameters:{status:{type:"inProgress"}}},e=l=>r`<cre8-grid ${T(l)}>
+import{b as r}from"./iframe-CTa_pRc7.js";import"./f-po-CGwWqyus.js";import{s as T}from"./spread-B518TqwY.js";import"./grid-item-WCDk_zGh.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DWVEXvB4.js";import"./cre8-element-q82VmUgi.js";import"./_commonjsHelpers-DaWZu8wl.js";const O={title:"Cre8 Components/Grid",component:"cre8-grid",parameters:{status:{type:"inProgress"}}},e=l=>r`<cre8-grid ${T(l)}>
   <cre8-grid-item>
     <f-po>Grid Item 1</f-po>
   </cre8-grid-item>

package/dist/assets/{header.stories-BkDrjJtj.js → header.stories-BUO2t2KS.js}

@@ -1,4 +1,4 @@
-import{a as p,b as a}from"./iframe-BNJP6ovU.js";import"./f-po-BdPzDRD-.js";import{s as l}from"./spread-CnPic3C2.js";import{r as c}from"./state-DkQhleoO.js";import{C as g}from"./cre8-element-B35i4Lyg.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./_commonjsHelpers-DaWZu8wl.js";const h=p`.cre8-u-content-knockout-brand {
+import{a as p,b as a}from"./iframe-CTa_pRc7.js";import"./f-po-CGwWqyus.js";import{s as l}from"./spread-B518TqwY.js";import{r as c}from"./state-C6YC-MeJ.js";import{C as g}from"./cre8-element-q82VmUgi.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DWVEXvB4.js";import"./_commonjsHelpers-DaWZu8wl.js";const h=p`.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/{heading-Dbka33DK.js → heading-Cux7lJt-.js}

@@ -1,4 +1,4 @@
-import{a as h,b as t}from"./iframe-BNJP6ovU.js";import{C as m,n as l}from"./cre8-element-B35i4Lyg.js";const s=h`@charset "UTF-8";
+import{a as h,b as t}from"./iframe-CTa_pRc7.js";import{C as m,n as l}from"./cre8-element-q82VmUgi.js";const s=h`@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 */
 }
 
 /**
@@ -901,4 +909,4 @@ span.ripple {
 
 .cre8-c-heading--inverted {
   color: var(--cre8-color-content-knockout);
-}`;var c=Object.defineProperty,o=(d,i,e,y)=>{for(var r=void 0,n=d.length-1,g;n>=0;n--)(g=d[n])&&(r=g(i,e,r)||r);return r&&c(i,e,r),r};const p=class p extends m{constructor(){super(...arguments),this.tagVariant="h5"}render(){const i=this.type?{}:{"cre8-c-heading--headline-large":this.tagVariant==="h1","cre8-c-heading--headline-default":this.tagVariant==="h2","cre8-c-heading--headline-small":this.tagVariant==="h3","cre8-c-heading--title-large":this.tagVariant==="h4","cre8-c-heading--title-default":this.tagVariant==="h5","cre8-c-heading--title-small":this.tagVariant==="h6"},e=this.componentClassNames("cre8-c-heading",{...i,"cre8-c-heading--headline-large":this.type==="headline-large","cre8-c-heading--headline-default":this.type==="headline-default","cre8-c-heading--headline-small":this.type==="headline-small","cre8-c-heading--title-large":this.type==="title-large","cre8-c-heading--title-default":this.type==="title-default","cre8-c-heading--title-small":this.type==="title-small","cre8-c-heading--title-xlarge":this.type==="title-xlarge","cre8-c-heading--display-default":this.type==="display-default","cre8-c-heading--display-small":this.type==="display-small","cre8-c-heading--label-large":this.type==="label-large","cre8-c-heading--label-default":this.type==="label-default","cre8-c-heading--label-small":this.type==="label-small","cre8-c-heading--meta-large":this.type==="meta-large","cre8-c-heading--meta-default":this.type==="meta-default","cre8-c-heading--meta-small":this.type==="meta-small","cre8-c-heading--brand-color":this.brandColor,"cre8-c-heading--inverted":this.inverted});switch(this.tagVariant){case"h1":return t` <h1 part="tag" class="${e}"><slot></slot></h1> `;case"h2":return t` <h2 part="tag" class="${e}"><slot></slot></h2> `;case"h3":return t` <h3 part="tag" class="${e}"><slot></slot></h3> `;case"h4":return t` <h4 part="tag" class="${e}"><slot></slot></h4> `;case"h5":return t` <h5 part="tag" class="${e}"><slot></slot></h5> `;case"h6":return t` <h6 part="tag" class="${e}"><slot></slot></h6> `;default:return t` <h4 part="tag" class="${e}"><slot></slot></h4> `}}};p.styles=[s];let a=p;o([l()],a.prototype,"type");o([l()],a.prototype,"tagVariant");o([l({type:Boolean,reflect:!0})],a.prototype,"inverted");o([l({type:Boolean,reflect:!0})],a.prototype,"brandColor");customElements.get("cre8-heading")===void 0&&customElements.define("cre8-heading",a);
+}`;var c=Object.defineProperty,o=(d,i,e,y)=>{for(var r=void 0,n=d.length-1,g;n>=0;n--)(g=d[n])&&(r=g(i,e,r)||r);return r&&c(i,e,r),r};const p=class p extends m{constructor(){super(...arguments),this.tagVariant="h5"}render(){const i=this.type?{}:{"cre8-c-heading--headline-large":this.tagVariant==="h1","cre8-c-heading--headline-default":this.tagVariant==="h2","cre8-c-heading--headline-small":this.tagVariant==="h3","cre8-c-heading--title-large":this.tagVariant==="h4","cre8-c-heading--title-default":this.tagVariant==="h5","cre8-c-heading--title-small":this.tagVariant==="h6"},e=this.componentClassNames("cre8-c-heading",{"cre8-c-heading--headline-large":this.type==="headline-large","cre8-c-heading--headline-default":this.type==="headline-default","cre8-c-heading--headline-small":this.type==="headline-small","cre8-c-heading--title-large":this.type==="title-large","cre8-c-heading--title-default":this.type==="title-default","cre8-c-heading--title-small":this.type==="title-small","cre8-c-heading--title-xlarge":this.type==="title-xlarge","cre8-c-heading--display-default":this.type==="display-default","cre8-c-heading--display-small":this.type==="display-small","cre8-c-heading--label-large":this.type==="label-large","cre8-c-heading--label-default":this.type==="label-default","cre8-c-heading--label-small":this.type==="label-small","cre8-c-heading--meta-large":this.type==="meta-large","cre8-c-heading--meta-default":this.type==="meta-default","cre8-c-heading--meta-small":this.type==="meta-small",...i,"cre8-c-heading--brand-color":this.brandColor,"cre8-c-heading--inverted":this.inverted});switch(this.tagVariant){case"h1":return t` <h1 part="tag" class="${e}"><slot></slot></h1> `;case"h2":return t` <h2 part="tag" class="${e}"><slot></slot></h2> `;case"h3":return t` <h3 part="tag" class="${e}"><slot></slot></h3> `;case"h4":return t` <h4 part="tag" class="${e}"><slot></slot></h4> `;case"h5":return t` <h5 part="tag" class="${e}"><slot></slot></h5> `;case"h6":return t` <h6 part="tag" class="${e}"><slot></slot></h6> `;default:return t` <h4 part="tag" class="${e}"><slot></slot></h4> `}}};p.styles=[s];let a=p;o([l()],a.prototype,"type");o([l()],a.prototype,"tagVariant");o([l({type:Boolean,reflect:!0})],a.prototype,"inverted");o([l({type:Boolean,reflect:!0})],a.prototype,"brandColor");customElements.get("cre8-heading")===void 0&&customElements.define("cre8-heading",a);

package/dist/assets/{heading.stories-Be40_bmG.js → heading.stories-BlgEi0dB.js}

@@ -1,4 +1,4 @@
-import{b as $}from"./iframe-BNJP6ovU.js";import{s as C}from"./spread-CnPic3C2.js";import"./heading-Dbka33DK.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";const w={title:"cre8 Components/Heading",component:"cre8-heading",parameters:{status:{type:"inProgress"}},render:e=>$`<cre8-heading ${C(e)}>Heading</cre8-heading>`,argTypes:{type:{options:["display-default","display-small","headline-large","headline-default","headline-small","title-xlarge","title-large","title-default","title-small","label-large","label-default","label-small","meta-large","meta-default","meta-small"],control:{type:"radio"}},tagVariant:{options:["h1","h2","h3","h4","h5","h6"],control:{type:"radio"}},brandColor:{control:{type:"boolean"}},inverted:{control:{type:"boolean"}}}},a={},r={args:{type:"display-default"}},s={args:{type:"display-small"}},t={args:{type:"headline-large"}},o={args:{type:"headline-default"}},n={args:{type:"headline-small"}},l={args:{type:"title-xlarge"}},c={args:{type:"title-large"}},d={args:{type:"title-default"}},p={args:{type:"title-small"}},i={args:{type:"label-large"}},m={args:{type:"label-default"}},g={args:{type:"label-small"}},u={args:{type:"meta-large"}},h={args:{type:"meta-default"}},y={args:{type:"meta-small"}},S={args:{tagVariant:"h1"}},f={args:{tagVariant:"h2"}},b={args:{tagVariant:"h3"}},v={args:{tagVariant:"h4"}},D={args:{tagVariant:"h5"}},L={args:{tagVariant:"h6"}},V={args:{brandColor:!0}},k={render:e=>$`<div style="padding: 20px; background: #000;">
+import{b as $}from"./iframe-CTa_pRc7.js";import{s as C}from"./spread-B518TqwY.js";import"./heading-Cux7lJt-.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-q82VmUgi.js";import"./_commonjsHelpers-DaWZu8wl.js";const w={title:"cre8 Components/Heading",component:"cre8-heading",parameters:{status:{type:"inProgress"}},render:e=>$`<cre8-heading ${C(e)}>Heading</cre8-heading>`,argTypes:{type:{options:["display-default","display-small","headline-large","headline-default","headline-small","title-xlarge","title-large","title-default","title-small","label-large","label-default","label-small","meta-large","meta-default","meta-small"],control:{type:"radio"}},tagVariant:{options:["h1","h2","h3","h4","h5","h6"],control:{type:"radio"}},brandColor:{control:{type:"boolean"}},inverted:{control:{type:"boolean"}}}},a={},r={args:{type:"display-default"}},s={args:{type:"display-small"}},t={args:{type:"headline-large"}},o={args:{type:"headline-default"}},n={args:{type:"headline-small"}},l={args:{type:"title-xlarge"}},c={args:{type:"title-large"}},d={args:{type:"title-default"}},p={args:{type:"title-small"}},i={args:{type:"label-large"}},m={args:{type:"label-default"}},g={args:{type:"label-small"}},u={args:{type:"meta-large"}},h={args:{type:"meta-default"}},y={args:{type:"meta-small"}},S={args:{tagVariant:"h1"}},f={args:{tagVariant:"h2"}},b={args:{tagVariant:"h3"}},v={args:{tagVariant:"h4"}},D={args:{tagVariant:"h5"}},L={args:{tagVariant:"h6"}},V={args:{brandColor:!0}},k={render:e=>$`<div style="padding: 20px; background: #000;">
     <cre8-heading ${C(e)} ?inverted=${!0}>Heading style for dark backgrounds</cre8-heading>
   </div>`},H={render:e=>$`<div style="padding: 20px; background: #000;">
     <cre8-heading ${C(e)}  ?brandColor=${!0} ?inverted=${!0}>Heading with brand color for dark backgrounds</cre8-heading>

package/dist/assets/{hero.stories-vRu7PZG9.js → hero.stories-C853F5_Y.js}

@@ -1,4 +1,4 @@
-import{a as v,b as t}from"./iframe-BNJP6ovU.js";import"./heading-Dbka33DK.js";import"./text-passage-xQVosjOr.js";import{C as w,n as p}from"./cre8-element-B35i4Lyg.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const z=v`.cre8-u-content-knockout-brand {
+import{a as v,b as t}from"./iframe-CTa_pRc7.js";import"./heading-Cux7lJt-.js";import"./text-passage-C-tu1uRd.js";import{C as w,n as p}from"./cre8-element-q82VmUgi.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const z=v`.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/{icon-ChfRWXWy.js → icon-ByzQuB0Z.js}

@@ -1,4 +1,4 @@
-import{a as u,b as i,o as f}from"./iframe-BNJP6ovU.js";import{o as p}from"./if-defined-Bxnzk64Q.js";import{C as b,n as t}from"./cre8-element-B35i4Lyg.js";const x=u`.cre8-u-content-knockout-brand {
+import{a as u,b as i,o as f}from"./iframe-CTa_pRc7.js";import{o as p}from"./if-defined-DWVEXvB4.js";import{C as b,n as t}from"./cre8-element-q82VmUgi.js";const x=u`.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/{icon.stories-Cj4U7L5G.js → icon.stories-DYCuJ4Rv.js}

@@ -1,4 +1,4 @@
-import{b as o}from"./iframe-BNJP6ovU.js";import{s as n}from"./spread-CnPic3C2.js";import"./icon-ChfRWXWy.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";const t=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+import{b as o}from"./iframe-CTa_pRc7.js";import{s as n}from"./spread-B518TqwY.js";import"./icon-ByzQuB0Z.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DWVEXvB4.js";import"./cre8-element-q82VmUgi.js";import"./_commonjsHelpers-DaWZu8wl.js";const t=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 0C6.41775 0 4.87103 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346628 6.40034 -0.15496 8.00887 0.153721 9.56072C0.462403 11.1126 1.22433 12.538 2.34315 13.6569C3.46197 14.7757 4.88743 15.5376 6.43928 15.8463C7.99113 16.155 9.59966 15.9965 11.0615 15.391C12.5233 14.7855 13.7727 13.7602 14.6518 12.4446C15.5308 11.129 16 9.58225 16 8C15.9978 5.87895 15.1542 3.84542 13.6544 2.34562C12.1546 0.845814 10.121 0.00223986 8 0ZM7.69231 3.69231C7.87488 3.69231 8.05334 3.74644 8.20514 3.84787C8.35694 3.9493 8.47526 4.09347 8.54512 4.26214C8.61499 4.43081 8.63327 4.61641 8.59765 4.79547C8.56203 4.97453 8.47412 5.139 8.34502 5.2681C8.21593 5.39719 8.05145 5.48511 7.87239 5.52072C7.69333 5.55634 7.50773 5.53806 7.33906 5.46819C7.17039 5.39833 7.02623 5.28002 6.9248 5.12822C6.82337 4.97642 6.76923 4.79795 6.76923 4.61538C6.76923 4.37057 6.86649 4.13578 7.0396 3.96267C7.21271 3.78956 7.44749 3.69231 7.69231 3.69231ZM8.61539 12.3077C8.28897 12.3077 7.97591 12.178 7.7451 11.9472C7.51429 11.7164 7.38462 11.4033 7.38462 11.0769V8C7.22141 8 7.06488 7.93516 6.94947 7.81976C6.83407 7.70435 6.76923 7.54782 6.76923 7.38461C6.76923 7.2214 6.83407 7.06488 6.94947 6.94947C7.06488 6.83406 7.22141 6.76923 7.38462 6.76923C7.71104 6.76923 8.02409 6.8989 8.2549 7.12971C8.48572 7.36053 8.61539 7.67358 8.61539 8V11.0769C8.7786 11.0769 8.93512 11.1418 9.05053 11.2572C9.16594 11.3726 9.23077 11.5291 9.23077 11.6923C9.23077 11.8555 9.16594 12.012 9.05053 12.1274C8.93512 12.2429 8.7786 12.3077 8.61539 12.3077Z"/>
 </svg>
 `,l={title:"cre8 Components/Icon/Icon",component:"cre8-icon-legacy",parameters:{status:{type:"inProgress"}},args:{name:"add"}},r=e=>o`

package/dist/assets/if-defined-DWVEXvB4.js

@@ -0,0 +1 @@
+import{A as r}from"./iframe-CTa_pRc7.js";const m=o=>o??r;export{m as o};