@tmorrow/cre8-wc 2.0.5 → 2.0.7

package/dist/assets/{inline-alert.stories-Ju8Sktdo.js → inline-alert.stories-FH0bQ0jh.js}

@@ -1,7 +1,4 @@
-import{i as N,A as S,b as e}from"./iframe-CdWmiVXf.js";import{s as E}from"./spread-BOaHI3Dl.js";import{a as R,s as W}from"./Warning-CawqmTvB.js";import{a as k}from"./icon-DYiIK7a4.js";import{s as F}from"./Error-X6enME_5.js";import{C as O,n as o}from"./cre8-element-gkCuLp-W.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";import"./unsafe-html-BLUBm7l3.js";import"./Caret_Down-Bmqq8eNW.js";import"./_commonjsHelpers-DaWZu8wl.js";const A=`<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 0ZM8 12.9231C7.81743 12.9231 7.63897 12.8689 7.48717 12.7675C7.33537 12.6661 7.21706 12.5219 7.14719 12.3532C7.07732 12.1846 7.05904 11.999 7.09466 11.8199C7.13028 11.6409 7.21819 11.4764 7.34729 11.3473C7.47638 11.2182 7.64086 11.1303 7.81992 11.0947C7.99898 11.059 8.18458 11.0773 8.35325 11.1472C8.52192 11.2171 8.66608 11.3354 8.76751 11.4872C8.86894 11.639 8.92308 11.8174 8.92308 12C8.92308 12.2448 8.82583 12.4796 8.65271 12.6527C8.4796 12.8258 8.24482 12.9231 8 12.9231ZM8.61539 9.17538V9.23077C8.61539 9.39398 8.55055 9.5505 8.43514 9.66591C8.31974 9.78132 8.16321 9.84615 8 9.84615C7.83679 9.84615 7.68027 9.78132 7.56486 9.66591C7.44945 9.5505 7.38462 9.39398 7.38462 9.23077V8.61538C7.38462 8.45217 7.44945 8.29565 7.56486 8.18024C7.68027 8.06483 7.83679 8 8 8C9.01769 8 9.84616 7.30769 9.84616 6.46154C9.84616 5.61538 9.01769 4.92308 8 4.92308C6.98231 4.92308 6.15385 5.61538 6.15385 6.46154V6.76923C6.15385 6.93244 6.08901 7.08896 5.97361 7.20437C5.8582 7.31978 5.70167 7.38461 5.53846 7.38461C5.37525 7.38461 5.21873 7.31978 5.10332 7.20437C4.98791 7.08896 4.92308 6.93244 4.92308 6.76923V6.46154C4.92308 4.93461 6.30308 3.69231 8 3.69231C9.69692 3.69231 11.0769 4.93461 11.0769 6.46154C11.0769 7.79846 10.0185 8.91769 8.61539 9.17538Z"/>
-</svg>
-`,$=N`@charset "UTF-8";
+import{a as N,A as S,b as e}from"./iframe-dHvya7sk.js";import{s as E}from"./spread-BPiNgQQF.js";import{C as R,n as o}from"./cre8-element-DfmMtHJO.js";import"./icon-DeTLDzTS.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-HKKhGupN.js";const M=N`@charset "UTF-8";
 .cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
@@ -376,6 +373,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -548,6 +549,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -752,16 +757,31 @@ span.ripple {
 .cre8-c-inline-alert--transparent .cre8-c-inline-alert__icon {
   top: 0;
   padding: 0.125rem;
-}`;var M=Object.defineProperty,s=(l,t,C,H)=>{for(var i=void 0,I=l.length-1,_;I>=0;I--)(_=l[I])&&(i=_(t,C,i)||i);return i&&M(t,C,i),i};const z=class z extends O{constructor(){super(...arguments),this.variant="subtle",this.status="info"}mapStatusToIconInlineAlert(t){switch(t){case"error":return e`<cre8-icon 
-                svg='${F}' 
+}`;var F=Object.defineProperty,s=(l,t,z,L)=>{for(var i=void 0,T=l.length-1,_;T>=0;T--)(_=l[T])&&(i=_(t,z,i)||i);return i&&F(t,z,i),i};const W=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.7714 12.5776L9.52528 1.73028C9.36919 1.46453 9.14637 1.24418 8.87889 1.09107C8.61141 0.937966 8.30856 0.857422 8.00036 0.857422C7.69216 0.857422 7.38931 0.937966 7.12182 1.09107C6.85434 1.24418 6.63152 1.46453 6.47543 1.73028L0.229326 12.5776C0.079145 12.8346 0 13.127 0 13.4247C0 13.7224 0.079145 14.0147 0.229326 14.2718C0.383411 14.5391 0.605857 14.7607 0.873837 14.9137C1.14182 15.0667 1.44568 15.1457 1.75425 15.1425H14.2465C14.5548 15.1454 14.8584 15.0663 15.1261 14.9133C15.3938 14.7603 15.616 14.5389 15.77 14.2718C15.9204 14.0149 15.9997 13.7226 16 13.4249C16.0002 13.1272 15.9214 12.8348 15.7714 12.5776ZM7.42896 6.57146C7.42896 6.41992 7.48916 6.27458 7.59632 6.16742C7.70347 6.06026 7.84881 6.00006 8.00036 6.00006C8.1519 6.00006 8.29724 6.06026 8.4044 6.16742C8.51155 6.27458 8.57176 6.41992 8.57176 6.57146V9.42846C8.57176 9.58 8.51155 9.72534 8.4044 9.8325C8.29724 9.93966 8.1519 9.99986 8.00036 9.99986C7.84881 9.99986 7.70347 9.93966 7.59632 9.8325C7.48916 9.72534 7.42896 9.58 7.42896 9.42846V6.57146ZM8.00036 12.8569C7.83084 12.8569 7.66513 12.8066 7.52418 12.7124C7.38323 12.6182 7.27337 12.4844 7.2085 12.3278C7.14363 12.1711 7.12665 11.9988 7.15973 11.8325C7.1928 11.6663 7.27443 11.5136 7.3943 11.3937C7.51416 11.2738 7.66688 11.1922 7.83314 11.1591C7.9994 11.1261 8.17174 11.143 8.32835 11.2079C8.48497 11.2728 8.61883 11.3826 8.71301 11.5236C8.80719 11.6645 8.85746 11.8302 8.85746 11.9998C8.85746 12.2271 8.76715 12.4451 8.60642 12.6058C8.44568 12.7666 8.22767 12.8569 8.00036 12.8569Z"/>
+</svg>
+`,O=`<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 0ZM11.5123 6.58923L7.20462 10.8969C7.14746 10.9541 7.07959 10.9995 7.00489 11.0305C6.93018 11.0615 6.8501 11.0774 6.76923 11.0774C6.68836 11.0774 6.60828 11.0615 6.53358 11.0305C6.45887 10.9995 6.391 10.9541 6.33385 10.8969L4.48769 9.05077C4.37222 8.9353 4.30735 8.77868 4.30735 8.61538C4.30735 8.45208 4.37222 8.29547 4.48769 8.18C4.60317 8.06453 4.75978 7.99966 4.92308 7.99966C5.08638 7.99966 5.24299 8.06453 5.35846 8.18L6.76923 9.59154L10.6415 5.71846C10.6987 5.66128 10.7666 5.61593 10.8413 5.58499C10.916 5.55404 10.9961 5.53812 11.0769 5.53812C11.1578 5.53812 11.2378 5.55404 11.3126 5.58499C11.3873 5.61593 11.4551 5.66128 11.5123 5.71846C11.5695 5.77564 11.6148 5.84351 11.6458 5.91822C11.6767 5.99292 11.6927 6.07299 11.6927 6.15384C11.6927 6.2347 11.6767 6.31477 11.6458 6.38947C11.6148 6.46418 11.5695 6.53205 11.5123 6.58923Z"/>
+</svg>
+`,k=`<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>
+`,$=`<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.38462 4.30769C7.38462 4.14448 7.44945 3.98796 7.56486 3.87255C7.68027 3.75714 7.83679 3.69231 8 3.69231C8.16321 3.69231 8.31974 3.75714 8.43514 3.87255C8.55055 3.98796 8.61539 4.14448 8.61539 4.30769V8.61538C8.61539 8.77859 8.55055 8.93512 8.43514 9.05053C8.31974 9.16593 8.16321 9.23077 8 9.23077C7.83679 9.23077 7.68027 9.16593 7.56486 9.05053C7.44945 8.93512 7.38462 8.77859 7.38462 8.61538V4.30769ZM8 12.3077C7.81743 12.3077 7.63897 12.2536 7.48717 12.1521C7.33537 12.0507 7.21706 11.9065 7.14719 11.7379C7.07732 11.5692 7.05904 11.3836 7.09466 11.2045C7.13028 11.0255 7.21819 10.861 7.34729 10.7319C7.47638 10.6028 7.64086 10.5149 7.81992 10.4793C7.99898 10.4437 8.18458 10.4619 8.35325 10.5318C8.52192 10.6017 8.66608 10.72 8.76751 10.8718C8.86894 11.0236 8.92308 11.202 8.92308 11.3846C8.92308 11.6294 8.82583 11.8642 8.65271 12.0373C8.4796 12.2104 8.24482 12.3077 8 12.3077Z"/>
+</svg>
+`,A=`<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 0ZM8 12.9231C7.81743 12.9231 7.63897 12.8689 7.48717 12.7675C7.33537 12.6661 7.21706 12.5219 7.14719 12.3532C7.07732 12.1846 7.05904 11.999 7.09466 11.8199C7.13028 11.6409 7.21819 11.4764 7.34729 11.3473C7.47638 11.2182 7.64086 11.1303 7.81992 11.0947C7.99898 11.059 8.18458 11.0773 8.35325 11.1472C8.52192 11.2171 8.66608 11.3354 8.76751 11.4872C8.86894 11.639 8.92308 11.8174 8.92308 12C8.92308 12.2448 8.82583 12.4796 8.65271 12.6527C8.4796 12.8258 8.24482 12.9231 8 12.9231ZM8.61539 9.17538V9.23077C8.61539 9.39398 8.55055 9.5505 8.43514 9.66591C8.31974 9.78132 8.16321 9.84615 8 9.84615C7.83679 9.84615 7.68027 9.78132 7.56486 9.66591C7.44945 9.5505 7.38462 9.39398 7.38462 9.23077V8.61538C7.38462 8.45217 7.44945 8.29565 7.56486 8.18024C7.68027 8.06483 7.83679 8 8 8C9.01769 8 9.84616 7.30769 9.84616 6.46154C9.84616 5.61538 9.01769 4.92308 8 4.92308C6.98231 4.92308 6.15385 5.61538 6.15385 6.46154V6.76923C6.15385 6.93244 6.08901 7.08896 5.97361 7.20437C5.8582 7.31978 5.70167 7.38461 5.53846 7.38461C5.37525 7.38461 5.21873 7.31978 5.10332 7.20437C4.98791 7.08896 4.92308 6.93244 4.92308 6.76923V6.46154C4.92308 4.93461 6.30308 3.69231 8 3.69231C9.69692 3.69231 11.0769 4.93461 11.0769 6.46154C11.0769 7.79846 10.0185 8.91769 8.61539 9.17538Z"/>
+</svg>
+`,I=class I extends R{constructor(){super(...arguments),this.variant="subtle",this.status="info"}mapStatusToIconInlineAlert(t){switch(t){case"error":return e`<cre8-icon 
+                svg='${$}' 
                 aria-label="${this.iconTitle}"
                 aria-hidden="true"
                 class="cre8-c-inline-alert__icon"></cre8-icon>`;case"success":return e`<cre8-icon 
-                svg='${W}' 
+                svg='${O}' 
                 aria-label="${this.iconTitle}"
                 aria-hidden="true"
                 class="cre8-c-inline-alert__icon"></cre8-icon>`;case"warning":return e`<cre8-icon 
-                svg='${R}'
+                svg='${W}'
                 aria-label="${this.iconTitle}"
                 aria-hidden="true"
                 class="cre8-c-inline-alert__icon"></cre8-icon>`;case"help":return e`<cre8-icon 
@@ -787,7 +807,7 @@ span.ripple {
                 <slot></slot>
             </div>
         </div>
-        `}};z.styles=[$];let r=z;s([o()],r.prototype,"iconName");s([o({type:Boolean,reflect:!0})],r.prototype,"fullWidth");s([o()],r.prototype,"iconTitle");s([o()],r.prototype,"variant");s([o({type:String})],r.prototype,"status");customElements.get("cre8-inline-alert")===void 0&&customElements.define("cre8-inline-alert",r);const Y={title:"cre8 Components/Inline Alert",component:"cre8-inline-alert",render:({slot:l,...t})=>e`<cre8-inline-alert ${E(t)}>${l}</cre8-inline-alert>`,parameters:{status:{type:"beta"}},argTypes:{iconName:{control:"text"},iconTitle:{control:"text"},variant:{options:["subtle","transparent"],control:{type:"radio"}},status:{options:["default","error","warning","success","attention","neutral"],control:{type:"select"}},fullWidth:{control:"boolean"}},args:{status:void 0,variant:void 0}},c={args:{status:"info",slot:"In-line DEFAULT lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},d={args:{status:"info",fullWidth:!0,slot:e`<cre8-heading type="title-small">Full Width Title Small</cre8-heading>`}},m={args:{slot:"In-line ERROR lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.",status:"error",iconTitle:"Error Message"}},p={args:{status:"warning",iconTitle:"Warning Alert",slot:"In-line WARNING lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},u={args:{status:"success",iconTitle:"Confirmation Message",slot:"In-line SUCCESS lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},g={args:{status:"help",iconTitle:"Helpful Message",slot:"In-line HELP lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},h={args:{status:"info",iconTitle:"Important Information",slot:"In-line INFO lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},n={args:{status:"attention",iconTitle:"Attention Notice",slot:"In-line ATTENTION lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},f={args:{status:"neutral",slot:"In-line NEUTRAL lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},b={args:{variant:"transparent",status:"error",iconTitle:"Transparent Alert Error Message",slot:"In-line ERROR lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},v={args:{variant:"transparent",status:"warning",iconTitle:"Transparent Alert Warning Message",slot:"In-line WARNING lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},x={args:{variant:"transparent",status:"success",iconTitle:"Transparent Alert Confirmation Message",slot:"In-line SUCCESS lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},y={args:{status:"help",variant:"transparent",iconTitle:"Transparent Alert Helpful Message",slot:"In-line HELP lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},w={args:{status:"info",variant:"transparent",iconTitle:"Transparent Alert Important Information",slot:"In-line INFO lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},a={args:{variant:"transparent",status:"attention",iconTitle:"Transparent Alert Attention Notice",slot:"In-line ATTENTION lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},T={args:{variant:"transparent",status:"neutral",slot:"In-line NEUTRAL lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+        `}};I.styles=[M];let r=I;s([o()],r.prototype,"iconName");s([o({type:Boolean,reflect:!0})],r.prototype,"fullWidth");s([o()],r.prototype,"iconTitle");s([o()],r.prototype,"variant");s([o({type:String})],r.prototype,"status");customElements.get("cre8-inline-alert")===void 0&&customElements.define("cre8-inline-alert",r);const G={title:"cre8 Components/Inline Alert",component:"cre8-inline-alert",render:({slot:l,...t})=>e`<cre8-inline-alert ${E(t)}>${l}</cre8-inline-alert>`,parameters:{status:{type:"beta"}},argTypes:{iconName:{control:"text"},iconTitle:{control:"text"},variant:{options:["subtle","transparent"],control:{type:"radio"}},status:{options:["default","error","warning","success","attention","neutral"],control:{type:"select"}},fullWidth:{control:"boolean"}},args:{status:void 0,variant:void 0}},c={args:{status:"info",slot:"In-line DEFAULT lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},d={args:{status:"info",fullWidth:!0,slot:e`<cre8-heading type="title-small">Full Width Title Small</cre8-heading>`}},m={args:{slot:"In-line ERROR lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.",status:"error",iconTitle:"Error Message"}},p={args:{status:"warning",iconTitle:"Warning Alert",slot:"In-line WARNING lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},u={args:{status:"success",iconTitle:"Confirmation Message",slot:"In-line SUCCESS lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},g={args:{status:"help",iconTitle:"Helpful Message",slot:"In-line HELP lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},h={args:{status:"info",iconTitle:"Important Information",slot:"In-line INFO lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},n={args:{status:"attention",iconTitle:"Attention Notice",slot:"In-line ATTENTION lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},f={args:{status:"neutral",slot:"In-line NEUTRAL lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},C={args:{variant:"transparent",status:"error",iconTitle:"Transparent Alert Error Message",slot:"In-line ERROR lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},v={args:{variant:"transparent",status:"warning",iconTitle:"Transparent Alert Warning Message",slot:"In-line WARNING lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},b={args:{variant:"transparent",status:"success",iconTitle:"Transparent Alert Confirmation Message",slot:"In-line SUCCESS lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},x={args:{status:"help",variant:"transparent",iconTitle:"Transparent Alert Helpful Message",slot:"In-line HELP lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},w={args:{status:"info",variant:"transparent",iconTitle:"Transparent Alert Important Information",slot:"In-line INFO lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},a={args:{variant:"transparent",status:"attention",iconTitle:"Transparent Alert Attention Notice",slot:"In-line ATTENTION lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}},y={args:{variant:"transparent",status:"neutral",slot:"In-line NEUTRAL lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt."}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
   args: {
     status: 'info',
     slot: 'In-line DEFAULT lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.'
@@ -839,35 +859,35 @@ span.ripple {
     status: 'neutral',
     slot: 'In-line NEUTRAL lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.'
   }
-}`,...f.parameters?.docs?.source}}};b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
+}`,...f.parameters?.docs?.source}}};C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
   args: {
     variant: 'transparent',
     status: 'error',
     iconTitle: 'Transparent Alert Error Message',
     slot: 'In-line ERROR lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.'
   }
-}`,...b.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
+}`,...C.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
   args: {
     variant: 'transparent',
     status: 'warning',
     iconTitle: 'Transparent Alert Warning Message',
     slot: 'In-line WARNING lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.'
   }
-}`,...v.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
+}`,...v.parameters?.docs?.source}}};b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
   args: {
     variant: 'transparent',
     status: 'success',
     iconTitle: 'Transparent Alert Confirmation Message',
     slot: 'In-line SUCCESS lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.'
   }
-}`,...x.parameters?.docs?.source}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+}`,...b.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
   args: {
     status: 'help',
     variant: 'transparent',
     iconTitle: 'Transparent Alert Helpful Message',
     slot: 'In-line HELP lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.'
   }
-}`,...y.parameters?.docs?.source}}};w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
+}`,...x.parameters?.docs?.source}}};w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
   args: {
     status: 'info',
     variant: 'transparent',
@@ -881,10 +901,10 @@ span.ripple {
     iconTitle: 'Transparent Alert Attention Notice',
     slot: 'In-line ATTENTION lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.'
   }
-}`,...a.parameters?.docs?.source},description:{story:"**Note** Certain brands don't currently use the `Attention` status",...a.parameters?.docs?.description}}};T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
+}`,...a.parameters?.docs?.source},description:{story:"**Note** Certain brands don't currently use the `Attention` status",...a.parameters?.docs?.description}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
   args: {
     variant: 'transparent',
     status: 'neutral',
     slot: 'In-line NEUTRAL lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.'
   }
-}`,...T.parameters?.docs?.source}}};const J=["Default","FullWidthTitleSmall","Error","Warning","Success","Help","Info","Attention","Neutral","TransparentError","TransparentWarning","TransparentSuccess","TransparentHelp","TransparentInfo","TransparentAttention","TransparentNeutral"];export{n as Attention,c as Default,m as Error,d as FullWidthTitleSmall,g as Help,h as Info,f as Neutral,u as Success,a as TransparentAttention,b as TransparentError,y as TransparentHelp,w as TransparentInfo,T as TransparentNeutral,x as TransparentSuccess,v as TransparentWarning,p as Warning,J as __namedExportsOrder,Y as default};
+}`,...y.parameters?.docs?.source}}};const D=["Default","FullWidthTitleSmall","Error","Warning","Success","Help","Info","Attention","Neutral","TransparentError","TransparentWarning","TransparentSuccess","TransparentHelp","TransparentInfo","TransparentAttention","TransparentNeutral"];export{n as Attention,c as Default,m as Error,d as FullWidthTitleSmall,g as Help,h as Info,f as Neutral,u as Success,a as TransparentAttention,C as TransparentError,x as TransparentHelp,w as TransparentInfo,y as TransparentNeutral,b as TransparentSuccess,v as TransparentWarning,p as Warning,D as __namedExportsOrder,G as default};

package/dist/assets/{layout-container.stories-6lsQLqZx.js → layout-container.stories-D6Z6Kx78.js}

@@ -1,4 +1,4 @@
-import{i as p,b as s}from"./iframe-CdWmiVXf.js";import"./f-po-CZL6lsXP.js";import{s as l}from"./spread-BOaHI3Dl.js";import{C as g,n as c}from"./cre8-element-gkCuLp-W.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-sxEueMHN.js";import"./directive-b18f_ppQ.js";import"./_commonjsHelpers-DaWZu8wl.js";const u=p`.cre8-u-content-knockout-brand {
+import{a as l,b as s}from"./iframe-dHvya7sk.js";import"./f-po-C2WpbOFJ.js";import{s as p}from"./spread-BPiNgQQF.js";import{C as g,n as c}from"./cre8-element-DfmMtHJO.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-HKKhGupN.js";import"./_commonjsHelpers-DaWZu8wl.js";const u=l`.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 */
 }
 
 /**
@@ -603,6 +611,6 @@ span.ripple {
       <div class="${i}">
         <slot></slot>
       </div>
-    `}};o.styles=[u];let a=o;f([c({type:Boolean,reflect:!0})],a.prototype,"fullHeight");customElements.get("cre8-layout-container")===void 0&&customElements.define("cre8-layout-container",a);const _={title:"Cre8 Components/Layout Container",component:"layout-container",parameters:{status:{type:"inProgress"}}},r=e=>s`<cre8-layout-container ${l(e)}>
+    `}};o.styles=[u];let a=o;f([c({type:Boolean,reflect:!0})],a.prototype,"fullHeight");customElements.get("cre8-layout-container")===void 0&&customElements.define("cre8-layout-container",a);const R={title:"Cre8 Components/Layout Container",component:"layout-container",parameters:{status:{type:"inProgress"}}},r=e=>s`<cre8-layout-container ${p(e)}>
   <f-po>Layout Container</f-po>
-</cre8-layout-container>`;r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:"args => html`<cre8-layout-container ${spread(args)}>\n  <f-po>Layout Container</f-po>\n</cre8-layout-container>`",...r.parameters?.docs?.source}}};const C=["Default"];export{r as Default,C as __namedExportsOrder,_ as default};
+</cre8-layout-container>`;r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:"args => html`<cre8-layout-container ${spread(args)}>\n  <f-po>Layout Container</f-po>\n</cre8-layout-container>`",...r.parameters?.docs?.source}}};const _=["Default"];export{r as Default,_ as __namedExportsOrder,R as default};

package/dist/assets/{layout.stories-C3b4Xkca.js → layout.stories-CNYuwC_r.js}

@@ -1,4 +1,4 @@
-import{i as h,b as d}from"./iframe-CdWmiVXf.js";import"./f-po-CZL6lsXP.js";import{s as b}from"./spread-BOaHI3Dl.js";import{C as f,n as g}from"./cre8-element-gkCuLp-W.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-sxEueMHN.js";import"./directive-b18f_ppQ.js";import"./_commonjsHelpers-DaWZu8wl.js";const z=h`.cre8-u-content-knockout-brand {
+import{a as h,b as d}from"./iframe-dHvya7sk.js";import"./f-po-C2WpbOFJ.js";import{s as b}from"./spread-BPiNgQQF.js";import{C as f,n as g}from"./cre8-element-DfmMtHJO.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-HKKhGupN.js";import"./_commonjsHelpers-DaWZu8wl.js";const w=h`.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 */
 }
 
 /**
@@ -587,11 +595,11 @@ span.ripple {
 .cre8-c-layout-section {
   width: 100%;
   height: 100%;
-}`;var w=Object.defineProperty,x=(i,e,r,y)=>{for(var t=void 0,a=i.length-1,n;a>=0;a--)(n=i[a])&&(t=n(e,r,t)||t);return t&&w(e,r,t),t};const c=class c extends f{constructor(){super(...arguments),this.top="1rem"}render(){const e=this.componentClassNames("cre8-c-layout-section",{"cre8-c-layout-section--sticky":this.behavior==="sticky"});return d`
+}`;var z=Object.defineProperty,x=(i,e,r,y)=>{for(var t=void 0,a=i.length-1,n;a>=0;a--)(n=i[a])&&(t=n(e,r,t)||t);return t&&z(e,r,t),t};const c=class c extends f{constructor(){super(...arguments),this.top="1rem"}render(){const e=this.componentClassNames("cre8-c-layout-section",{"cre8-c-layout-section--sticky":this.behavior==="sticky"});return d`
       <div class="${e}" style=${`top: ${this.top}`}>
         <slot></slot>
       </div>
-    `}};c.styles=[z];let o=c;x([g()],o.prototype,"behavior");x([g()],o.prototype,"top");customElements.get("cre8-layout-section")===void 0&&customElements.define("cre8-layout-section",o);const v=h`.cre8-u-content-knockout-brand {
+    `}};c.styles=[w];let o=c;x([g()],o.prototype,"behavior");x([g()],o.prototype,"top");customElements.get("cre8-layout-section")===void 0&&customElements.define("cre8-layout-section",o);const v=h`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -965,6 +973,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1137,6 +1149,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1209,7 +1225,7 @@ span.ripple {
       <div class="${e}">
         <slot></slot>
       </div>
-    `}};u.styles=[v];let l=u;R([g()],l.prototype,"variant");customElements.get("cre8-layout")===void 0&&customElements.define("cre8-layout",l);const T={title:"Cre8 Components/Layout",component:"cre8-layout",parameters:{status:{type:"notStarted"}}},m=i=>d`<cre8-layout ${b(i)}>
+    `}};u.styles=[v];let p=u;R([g()],p.prototype,"variant");customElements.get("cre8-layout")===void 0&&customElements.define("cre8-layout",p);const F={title:"Cre8 Components/Layout",component:"cre8-layout",parameters:{status:{type:"notStarted"}}},m=i=>d`<cre8-layout ${b(i)}>
   <cre8-layout-section>
     <f-po>Layout Section</f-po>
   </cre8-layout-section>
@@ -1223,7 +1239,7 @@ span.ripple {
   <cre8-layout-section>
     <f-po>Layout Section</f-po>
   </cre8-layout-section>
-</cre8-layout>`,p=()=>d`<cre8-layout variant="right-sidebar">
+</cre8-layout>`,l=()=>d`<cre8-layout variant="right-sidebar">
   <cre8-layout-section>
     <f-po>Layout Section</f-po>
   </cre8-layout-section>
@@ -1244,11 +1260,11 @@ span.ripple {
   <cre8-layout-section>
     <f-po>Layout Section</f-po>
   </cre8-layout-section>
-</cre8-layout>\``,...s.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`() => html\`<cre8-layout variant="right-sidebar">
+</cre8-layout>\``,...s.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`() => html\`<cre8-layout variant="right-sidebar">
   <cre8-layout-section>
     <f-po>Layout Section</f-po>
   </cre8-layout-section>
   <cre8-layout-section>
     <f-po>Layout Section Sidebar</f-po>
   </cre8-layout-section>
-</cre8-layout>\``,...p.parameters?.docs?.source}}};const $=["Default","LeftSidebar","RightSidebar"];export{m as Default,s as LeftSidebar,p as RightSidebar,$ as __namedExportsOrder,T as default};
+</cre8-layout>\``,...l.parameters?.docs?.source}}};const T=["Default","LeftSidebar","RightSidebar"];export{m as Default,s as LeftSidebar,l as RightSidebar,T as __namedExportsOrder,F as default};

package/dist/assets/{linelength-container.stories-CHBg8Th9.js → linelength-container.stories-pCRXZvxS.js}

@@ -1,4 +1,4 @@
-import{i as o,b as r}from"./iframe-CdWmiVXf.js";import"./f-po-CZL6lsXP.js";import{s as d}from"./spread-BOaHI3Dl.js";import{C as m}from"./cre8-element-gkCuLp-W.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-sxEueMHN.js";import"./directive-b18f_ppQ.js";import"./_commonjsHelpers-DaWZu8wl.js";const s=o`.cre8-u-content-knockout-brand {
+import{a as o,b as r}from"./iframe-dHvya7sk.js";import"./f-po-C2WpbOFJ.js";import{s as d}from"./spread-BPiNgQQF.js";import{C as m}from"./cre8-element-DfmMtHJO.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-HKKhGupN.js";import"./_commonjsHelpers-DaWZu8wl.js";const s=o`.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 */
 }
 
 /**
@@ -590,6 +598,6 @@ span.ripple {
       <div class="${n}">
         <slot></slot>
       </div>
-    `}};i.styles=[s];let e=i;customElements.get("cre8-linelength-container")===void 0&&customElements.define("cre8-linelength-container",e);const b={title:"Cre8 Components/Linelength Container",component:"cre8-linelength-container",parameters:{status:{type:"inProgress"}}},t=a=>r`<cre8-linelength-container ${d(a)}>
+    `}};i.styles=[s];let e=i;customElements.get("cre8-linelength-container")===void 0&&customElements.define("cre8-linelength-container",e);const x={title:"Cre8 Components/Linelength Container",component:"cre8-linelength-container",parameters:{status:{type:"inProgress"}}},t=a=>r`<cre8-linelength-container ${d(a)}>
   <f-po>Linelength container</f-po>
-</cre8-linelength-container>`;t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:"args => html`<cre8-linelength-container ${spread(args)}>\n  <f-po>Linelength container</f-po>\n</cre8-linelength-container>`",...t.parameters?.docs?.source}}};const y=["Default"];export{t as Default,y as __namedExportsOrder,b as default};
+</cre8-linelength-container>`;t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:"args => html`<cre8-linelength-container ${spread(args)}>\n  <f-po>Linelength container</f-po>\n</cre8-linelength-container>`",...t.parameters?.docs?.source}}};const b=["Default"];export{t as Default,b as __namedExportsOrder,x as default};

package/dist/assets/{link-B_CPLQjt.js → link-BpCiLxNW.js}

@@ -1,7 +1,4 @@
-import{i as g,b as n,A as a}from"./iframe-CdWmiVXf.js";import{C as h,n as r}from"./cre8-element-gkCuLp-W.js";import{o as c}from"./if-defined-sxEueMHN.js";const f=`<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 0ZM11.0769 8.61538H6.40846L7.82 10.0262C7.87718 10.0833 7.92253 10.1512 7.95347 10.2259C7.98442 10.3006 8.00034 10.3807 8.00034 10.4615C8.00034 10.5424 7.98442 10.6225 7.95347 10.6972C7.92253 10.7719 7.87718 10.8397 7.82 10.8969C7.76283 10.9541 7.69495 10.9994 7.62025 11.0304C7.54554 11.0613 7.46548 11.0773 7.38462 11.0773C7.30376 11.0773 7.22369 11.0613 7.14899 11.0304C7.07429 10.9994 7.00641 10.9541 6.94923 10.8969L4.48769 8.43538C4.43048 8.37823 4.38509 8.31036 4.35412 8.23565C4.32315 8.16095 4.30721 8.08087 4.30721 8C4.30721 7.91913 4.32315 7.83905 4.35412 7.76434C4.38509 7.68964 4.43048 7.62177 4.48769 7.56461L6.94923 5.10308C7.0647 4.9876 7.22132 4.92273 7.38462 4.92273C7.54792 4.92273 7.70453 4.9876 7.82 5.10308C7.93547 5.21855 8.00034 5.37516 8.00034 5.53846C8.00034 5.70176 7.93547 5.85837 7.82 5.97385L6.40846 7.38461H11.0769C11.2401 7.38461 11.3967 7.44945 11.5121 7.56486C11.6275 7.68026 11.6923 7.83679 11.6923 8C11.6923 8.16321 11.6275 8.31973 11.5121 8.43514C11.3967 8.55055 11.2401 8.61538 11.0769 8.61538Z"/>
-</svg>
-`,u=g`.cre8-u-content-knockout-brand {
+import{a as g,b as n,A as a}from"./iframe-dHvya7sk.js";import{C as h,n as r}from"./cre8-element-DfmMtHJO.js";import{o as c}from"./if-defined-HKKhGupN.js";const f=g`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -375,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -547,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -762,7 +767,10 @@ span.ripple {
 cre8-icon {
   display: flex;
   align-items: center;
-}`;var v=Object.defineProperty,t=(s,o,p,y)=>{for(var i=void 0,l=s.length-1,m;l>=0;l--)(m=s[l])&&(i=m(o,p,i)||i);return i&&v(o,p,i),i};const d=class d extends h{constructor(){super(...arguments),this.iconRotateDegree=0,this.iconPosition=void 0,this.ctaIcon="arrow-forward"}generateIcon(){return this.iconName?n`
+}`;var u=Object.defineProperty,t=(s,o,p,y)=>{for(var i=void 0,l=s.length-1,m;l>=0;l--)(m=s[l])&&(i=m(o,p,i)||i);return i&&u(o,p,i),i};const v=`<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 0ZM11.0769 8.61538H6.40846L7.82 10.0262C7.87718 10.0833 7.92253 10.1512 7.95347 10.2259C7.98442 10.3006 8.00034 10.3807 8.00034 10.4615C8.00034 10.5424 7.98442 10.6225 7.95347 10.6972C7.92253 10.7719 7.87718 10.8397 7.82 10.8969C7.76283 10.9541 7.69495 10.9994 7.62025 11.0304C7.54554 11.0613 7.46548 11.0773 7.38462 11.0773C7.30376 11.0773 7.22369 11.0613 7.14899 11.0304C7.07429 10.9994 7.00641 10.9541 6.94923 10.8969L4.48769 8.43538C4.43048 8.37823 4.38509 8.31036 4.35412 8.23565C4.32315 8.16095 4.30721 8.08087 4.30721 8C4.30721 7.91913 4.32315 7.83905 4.35412 7.76434C4.38509 7.68964 4.43048 7.62177 4.48769 7.56461L6.94923 5.10308C7.0647 4.9876 7.22132 4.92273 7.38462 4.92273C7.54792 4.92273 7.70453 4.9876 7.82 5.10308C7.93547 5.21855 8.00034 5.37516 8.00034 5.53846C8.00034 5.70176 7.93547 5.85837 7.82 5.97385L6.40846 7.38461H11.0769C11.2401 7.38461 11.3967 7.44945 11.5121 7.56486C11.6275 7.68026 11.6923 7.83679 11.6923 8C11.6923 8.16321 11.6275 8.31973 11.5121 8.43514C11.3967 8.55055 11.2401 8.61538 11.0769 8.61538Z"/>
+</svg>
+`,d=class d extends h{constructor(){super(...arguments),this.iconRotateDegree=0,this.iconPosition=void 0,this.ctaIcon="arrow-forward"}generateIcon(){return this.iconName?n`
           <div class="cre8-c-link__icon-wrapper">
             <cre8-icon-legacy
               class="cre8-c-link__icon ${this.iconPosition}"
@@ -793,9 +801,9 @@ cre8-icon {
         <div class="cre8-c-link__variation">
           <slot name="badge"></slot>
           ${this.ctaLink?n`<div class="cre8-c-link__cta-wrapper">
-                <cre8-icon class="cre8-c-link__action" svg='${f}' 
+                <cre8-icon class="cre8-c-link__action" svg='${v}' 
                 rotate="180" aria-hidden="true"></cre8-icon>
               </div>`:a}
         </div>
       </a>
-    `}};d.styles=[u];let e=d;t([r()],e.prototype,"href");t([r()],e.prototype,"rel");t([r()],e.prototype,"target");t([r()],e.prototype,"iconName");t([r()],e.prototype,"svg");t([r({type:Number})],e.prototype,"iconRotateDegree");t([r()],e.prototype,"iconFlipDirection");t([r()],e.prototype,"iconPosition");t([r()],e.prototype,"ctaIcon");t([r({type:Boolean})],e.prototype,"ctaLink");t([r({type:Boolean})],e.prototype,"noUnderline");t([r()],e.prototype,"size");t([r({type:Boolean})],e.prototype,"inverted");customElements.get("cre8-link")===void 0&&customElements.define("cre8-link",e);
+    `}};d.styles=[f];let e=d;t([r()],e.prototype,"href");t([r()],e.prototype,"rel");t([r()],e.prototype,"target");t([r()],e.prototype,"iconName");t([r()],e.prototype,"svg");t([r({type:Number})],e.prototype,"iconRotateDegree");t([r()],e.prototype,"iconFlipDirection");t([r()],e.prototype,"iconPosition");t([r()],e.prototype,"ctaIcon");t([r({type:Boolean})],e.prototype,"ctaLink");t([r({type:Boolean})],e.prototype,"noUnderline");t([r()],e.prototype,"size");t([r({type:Boolean})],e.prototype,"inverted");customElements.get("cre8-link")===void 0&&customElements.define("cre8-link",e);

package/dist/assets/{link-list.stories-Cp5Lb5OS.js → link-list.stories-12vsAa1P.js}

@@ -1,4 +1,4 @@
-import{i as _,b as i}from"./iframe-CdWmiVXf.js";import{s as S}from"./spread-BOaHI3Dl.js";import{o as O}from"./if-defined-sxEueMHN.js";import{C as R,n}from"./cre8-element-gkCuLp-W.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";import"./_commonjsHelpers-DaWZu8wl.js";const B=_`.cre8-u-content-knockout-brand {
+import{a as _,b as i}from"./iframe-dHvya7sk.js";import{s as S}from"./spread-BPiNgQQF.js";import{o as O}from"./if-defined-HKKhGupN.js";import{C as R,n}from"./cre8-element-DfmMtHJO.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const B=_`.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 */
 }
 
 /**
@@ -1026,6 +1034,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1198,6 +1210,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1350,7 +1366,7 @@ span.ripple {
       <ul class="${t}">
         <slot></slot>
       </ul>
-    `}};L.styles=[V];let r=L;c([n()],r.prototype,"behavior");c([n({type:Boolean,reflect:!0})],r.prototype,"inverted");c([n()],r.prototype,"size");c([n()],r.prototype,"spacing");c([n()],r.prototype,"variant");customElements.get("cre8-link-list")===void 0&&customElements.define("cre8-link-list",r);const N={title:"Cre8 Components/Link List",component:"cre8-link-list",parameters:{status:{type:"inProgress"}}},d=l=>i`<cre8-link-list ${S(l)}>
+    `}};L.styles=[V];let r=L;c([n()],r.prototype,"behavior");c([n({type:Boolean,reflect:!0})],r.prototype,"inverted");c([n()],r.prototype,"size");c([n()],r.prototype,"spacing");c([n()],r.prototype,"variant");customElements.get("cre8-link-list")===void 0&&customElements.define("cre8-link-list",r);const E={title:"Cre8 Components/Link List",component:"cre8-link-list",parameters:{status:{type:"inProgress"}}},d=l=>i`<cre8-link-list ${S(l)}>
   <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 2</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 3 with a longer title</cre8-link-list-item>
@@ -1370,13 +1386,13 @@ span.ripple {
     <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
     <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
   </cre8-link-list>
-</div>`,k=()=>i` <cre8-link-list variant="display">
+</div>`,h=()=>i` <cre8-link-list variant="display">
   <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 2</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 3 with a longer title</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
-</cre8-link-list>`,h=()=>i`<div style="background: black">
+</cre8-link-list>`,k=()=>i`<div style="background: black">
   <cre8-link-list variant="secondary" inverted="true">
     <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
     <cre8-link-list-item href="#">Link item 2</cre8-link-list-item>
@@ -1440,13 +1456,13 @@ span.ripple {
     <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
     <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
   </cre8-link-list>
-</div>\``,...g.parameters?.docs?.source}}};k.parameters={...k.parameters,docs:{...k.parameters?.docs,source:{originalSource:`() => html\` <cre8-link-list variant="display">
+</div>\``,...g.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`() => html\` <cre8-link-list variant="display">
   <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 2</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 3 with a longer title</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
-</cre8-link-list>\``,...k.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`() => html\`<div style="background: black">
+</cre8-link-list>\``,...h.parameters?.docs?.source}}};k.parameters={...k.parameters,docs:{...k.parameters?.docs,source:{originalSource:`() => html\`<div style="background: black">
   <cre8-link-list variant="secondary" inverted="true">
     <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
     <cre8-link-list-item href="#">Link item 2</cre8-link-list-item>
@@ -1454,7 +1470,7 @@ span.ripple {
     <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
     <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
   </cre8-link-list>
-</div>\``,...h.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`() => html\`<cre8-link-list spacing="condensed">
+</div>\``,...k.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`() => html\`<cre8-link-list spacing="condensed">
   <cre8-link-list-item href="#">Link item 1</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 2</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 3 with a longer title</cre8-link-list-item>
@@ -1490,4 +1506,4 @@ span.ripple {
   <cre8-link-list-item href="#">Link item 3 with a longer title</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 4</cre8-link-list-item>
   <cre8-link-list-item href="#">Link item 5</cre8-link-list-item>
-</cre8-link-list>\``,...v.parameters?.docs?.source}}};const j=["Default","Secondary","Inverted","Display","SecondaryInverted","Condensed","Small","SmallCondensed","Responsive","Horizontal","WithBadge"];export{f as Condensed,d as Default,k as Display,b as Horizontal,g as Inverted,y as Responsive,p as Secondary,h as SecondaryInverted,u as Small,x as SmallCondensed,v as WithBadge,j as __namedExportsOrder,N as default};
+</cre8-link-list>\``,...v.parameters?.docs?.source}}};const N=["Default","Secondary","Inverted","Display","SecondaryInverted","Condensed","Small","SmallCondensed","Responsive","Horizontal","WithBadge"];export{f as Condensed,d as Default,h as Display,b as Horizontal,g as Inverted,y as Responsive,p as Secondary,k as SecondaryInverted,u as Small,x as SmallCondensed,v as WithBadge,N as __namedExportsOrder,E as default};