@tmorrow/cre8-wc 2.0.5 → 2.0.7

package/dist/assets/decorator-iVSD-Llo.js

@@ -0,0 +1 @@
+import{P as h,a as i}from"./chunk-EUVGDK4H-rHCQfRxh.js";const{makeDecorator:E,useEffect:p}=__STORYBOOK_MODULE_PREVIEW_API__;var d=/^(\S+)\s*(.*)$/,u=Element!=null&&!Element.prototype.matches,f=u?"msMatchesSelector":"matches",c=(t,r)=>{if(t[f](r))return!0;let e=t.parentElement;return e?c(e,r):!1},_=(t,...r)=>{let e=t(...r);return Object.entries(e).map(([n,a])=>{let[o,m,s]=n.match(d)||[];return{eventName:m,handler:l=>{(!s||c(l.target,s))&&a(l)}}})},O=(t,...r)=>{let e=typeof globalThis.document<"u"&&globalThis.document.getElementById("storybook-root");p(()=>{if(e){let n=_(t,...r);return n.forEach(({eventName:a,handler:o})=>e.addEventListener(a,o)),()=>n.forEach(({eventName:a,handler:o})=>e.removeEventListener(a,o))}},[e,t,r])},y=E({name:"withActions",parameterName:h,skipIfNoParametersOrOptions:!0,wrapper:(t,r,{parameters:e})=>(e?.handles&&O(i,...e.handles),t(r))});export{y as w};

package/dist/assets/{divider-CHWbAsrs.js → divider-B_PXBGWD.js}

@@ -1,4 +1,4 @@
-import{i as p,b as l}from"./iframe-CdWmiVXf.js";import{C as g,n as m}from"./cre8-element-gkCuLp-W.js";const c=p`.cre8-u-content-knockout-brand {
+import{a as l,b as p}from"./iframe-dHvya7sk.js";import{C as g,n as m}from"./cre8-element-DfmMtHJO.js";const c=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 */
 }
 
 /**
@@ -617,4 +625,4 @@ span.ripple {
 
 .cre8-c-divider--knockout {
   background-color: var(--cre8-color-border-knockout);
-}`;var u=Object.defineProperty,s=(n,e,o,h)=>{for(var t=void 0,r=n.length-1,d;r>=0;r--)(d=n[r])&&(t=d(e,o,t)||t);return t&&u(e,o,t),t};const a=class a extends g{constructor(){super(...arguments),this.variant="horizontal"}render(){const e=this.componentClassNames("cre8-c-divider",{"cre8-c-divider--horizontal":this.variant==="horizontal","cre8-c-divider--vertical":this.variant==="vertical","cre8-c-divider--brand":this.status==="brand","cre8-c-divider--knockout":this.status==="knockout"});return l` <div class="${e}"><wbr></div> `}};a.styles=[c];let i=a;s([m()],i.prototype,"variant");s([m()],i.prototype,"status");customElements.get("cre8-divider")===void 0&&customElements.define("cre8-divider",i);
+}`;var h=Object.defineProperty,s=(n,e,o,u)=>{for(var t=void 0,r=n.length-1,d;r>=0;r--)(d=n[r])&&(t=d(e,o,t)||t);return t&&h(e,o,t),t};const a=class a extends g{constructor(){super(...arguments),this.variant="horizontal"}render(){const e=this.componentClassNames("cre8-c-divider",{"cre8-c-divider--horizontal":this.variant==="horizontal","cre8-c-divider--vertical":this.variant==="vertical","cre8-c-divider--brand":this.status==="brand","cre8-c-divider--knockout":this.status==="knockout"});return p` <div class="${e}"><wbr></div> `}};a.styles=[c];let i=a;s([m()],i.prototype,"variant");s([m()],i.prototype,"status");customElements.get("cre8-divider")===void 0&&customElements.define("cre8-divider",i);

package/dist/assets/{divider.stories-D4Yc8m3t.js → divider.stories-CtfeBqVV.js}

@@ -1,4 +1,4 @@
-import{b as r}from"./iframe-CdWmiVXf.js";import{s as a}from"./spread-BOaHI3Dl.js";import"./divider-CHWbAsrs.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";import"./cre8-element-gkCuLp-W.js";import"./_commonjsHelpers-DaWZu8wl.js";const h={title:"cre8 Components/Divider",component:"cre8-divider",parameters:{status:{type:"inProgress"}},argTypes:{status:{options:["default","brand","knockout"],control:{type:"select"}},variant:{options:["horizontal","vertical"],control:{type:"select"}}},args:{variant:"horizontal",status:"default"},render:e=>r`<cre8-divider variant=${e.variant} status=${e.status}></cre8-divider>`},i={args:{variant:"horizontal"}},t={args:{variant:"horizontal"},render:e=>r`<p>Lorem ipsum dolor sit amet</p><cre8-divider ${a(e)}></cre8-divider><p>Agam utroque scribentur eos id</p>`},o={args:{variant:"horizontal",status:"brand"},render:e=>r`<p>Lorem ipsum dolor sit amet</p><cre8-divider ${a(e)}></cre8-divider><p>Agam utroque scribentur eos id</p>`},s={args:{variant:"horizontal",status:"knockout"},render:e=>r`
+import{b as r}from"./iframe-dHvya7sk.js";import{s as a}from"./spread-BPiNgQQF.js";import"./divider-B_PXBGWD.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-DfmMtHJO.js";import"./_commonjsHelpers-DaWZu8wl.js";const b={title:"cre8 Components/Divider",component:"cre8-divider",parameters:{status:{type:"inProgress"}},argTypes:{status:{options:["default","brand","knockout"],control:{type:"select"}},variant:{options:["horizontal","vertical"],control:{type:"select"}}},args:{variant:"horizontal",status:"default"},render:e=>r`<cre8-divider variant=${e.variant} status=${e.status}></cre8-divider>`},i={args:{variant:"horizontal"}},t={args:{variant:"horizontal"},render:e=>r`<p>Lorem ipsum dolor sit amet</p><cre8-divider ${a(e)}></cre8-divider><p>Agam utroque scribentur eos id</p>`},o={args:{variant:"horizontal",status:"brand"},render:e=>r`<p>Lorem ipsum dolor sit amet</p><cre8-divider ${a(e)}></cre8-divider><p>Agam utroque scribentur eos id</p>`},s={args:{variant:"horizontal",status:"knockout"},render:e=>r`
   <div style="padding: 20px; background: var(--cre8-color-bg-brand-strong); color: var(--cre8-color-content-knockout);">
     <p>Lorem ipsum dolor sit amet</p><cre8-divider ${a(e)}></cre8-divider><p>Agam utroque scribentur eos id</p>
   </div>`},n={args:{variant:"horizontal"},render:e=>r`
@@ -58,4 +58,4 @@ import{b as r}from"./iframe-CdWmiVXf.js";import{s as a}from"./spread-BOaHI3Dl.js
   <div style="display: flex;">
     <p>Lorem ipsum dolor sit amet, discere evertitur adolescens ea vis, vim ad veniam labitur, ex dicat iudicabit delicatissimi cum. Ne sit dicat dolorum reformidans, an ius viris constituto. Mei id verterem ullamcorper, ad sit graece utamur quaerendum. Erant adversarium sea ex. Nostrum fabellas referrentur has in, qui duis omnis dolores ne.</p><cre8-divider \${spread(args)}></cre8-divider><p>Agam utroque scribentur eos id, ex dolore accumsan similique duo, vel cu putant vocent singulis. Habeo aeterno prompta an quo, duo natum maluisset no. Ex sint perpetua eum, mutat voluptaria comprehensam per ea, dicant mandamus eos ei. Sit ipsum tation neglegentur at. His platonem intellegam vituperatoribus ea, in molestie accusata per. Eius vituperatoribus cu mel. Nec regione minimum ut, volumus delicata duo ne.</p>
   </div>\`
-}`,...d.parameters?.docs?.source}}};const q=["Default","Horizontal","BrandHorizontal","KnockoutHorizontal","HorizontalInFlowContainer","Vertical","VerticalInFlowContainer"];export{o as BrandHorizontal,i as Default,t as Horizontal,n as HorizontalInFlowContainer,s as KnockoutHorizontal,u as Vertical,d as VerticalInFlowContainer,q as __namedExportsOrder,h as default};
+}`,...d.parameters?.docs?.source}}};const h=["Default","Horizontal","BrandHorizontal","KnockoutHorizontal","HorizontalInFlowContainer","Vertical","VerticalInFlowContainer"];export{o as BrandHorizontal,i as Default,t as Horizontal,n as HorizontalInFlowContainer,s as KnockoutHorizontal,u as Vertical,d as VerticalInFlowContainer,h as __namedExportsOrder,b as default};

package/dist/assets/{dropdown-DZE-lVYN.js → dropdown-Cgwne34I.js}

@@ -1,4 +1,4 @@
-import{i as h,b as n,A as g}from"./iframe-CdWmiVXf.js";import{C as f,n as m}from"./cre8-element-gkCuLp-W.js";import{r as x}from"./state-BQD-SkUn.js";import{e as y}from"./query-BpjciUlk.js";import{s as u}from"./Caret_Down-Bmqq8eNW.js";const w=h`.cre8-u-content-knockout-brand {
+import{a as u,b as n,A as g}from"./iframe-dHvya7sk.js";import{C as f,n as p}from"./cre8-element-DfmMtHJO.js";import{r as x}from"./state-CfuknrX8.js";import{e as w}from"./query-BpjciUlk.js";const y=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 */
 }
 
 /**
@@ -596,7 +604,7 @@ span.ripple {
   text-transform: var(--cre8-typography-body-default-text-transform);
   background-color: var(--cre8-color-bg-default);
   border: var(--cre8-border-width-none);
-  border-radius: var(--cre8-border-radius-default);
+  border-radius: var(--cre8-border-radius-none);
   color: var(--cre8-color-content-default);
   width: 100%;
   cursor: pointer;
@@ -608,9 +616,9 @@ span.ripple {
   background-color: var(--cre8-color-bg-brand-hover);
   color: var(--cre8-color-content-default);
   outline: var(--cre8-border-width-none);
-}`;var v=Object.defineProperty,z=(o,t,r,b)=>{for(var e=void 0,a=o.length-1,d;a>=0;a--)(d=o[a])&&(e=d(t,r,e)||e);return e&&v(t,r,e),e};const l=class l extends f{constructor(){super(...arguments),this.ariaLabel=""}_handleClick(t){this.dispatchEvent(new Event("dropdown-item-selected",t))}render(){const t=this.componentClassNames("cre8-dropdown-item",{}),r=this.ariaLabel||`Link to ${this.textContent}`||"Drop down Item";return n`<li class="${t}" role="listitem">
+}`;var v=Object.defineProperty,z=(o,t,r,b)=>{for(var e=void 0,a=o.length-1,d;a>=0;a--)(d=o[a])&&(e=d(t,r,e)||e);return e&&v(t,r,e),e};const l=class l extends f{constructor(){super(...arguments),this.ariaLabel=""}_handleClick(t){this.dispatch({e:t,eventName:"dropdown-item-selected"})}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","listitem")}render(){const t=this.componentClassNames("cre8-dropdown-item",{}),r=this.ariaLabel||`Link to ${this.textContent}`||"Drop down Item";return n`<li class="${t}" role="none">
         <button aria-label="${r}" @click=${this._handleClick}><slot></slot></button>
-      </li>`}};l.styles=[w];let p=l;z([m({type:String})],p.prototype,"ariaLabel");customElements.get("cre8-dropdown-item")===void 0&&customElements.define("cre8-dropdown-item",p);const k=h`.cre8-u-content-knockout-brand {
+      </li>`}};l.styles=[y];let m=l;z([p({type:String})],m.prototype,"ariaLabel");customElements.get("cre8-dropdown-item")===void 0&&customElements.define("cre8-dropdown-item",m);const k=u`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -984,6 +992,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1156,6 +1168,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1265,15 +1281,18 @@ ul {
   list-style-type: none;
   padding: var(--cre8-spacing-0);
   margin: 0;
-}`;var I=Object.defineProperty,s=(o,t,r,b)=>{for(var e=void 0,a=o.length-1,d;a>=0;a--)(d=o[a])&&(e=d(t,r,e)||e);return e&&I(t,r,e),e};const c=class c extends f{constructor(){super(),this.open=!1,this.buttonText="",this.dropdownWithLink=!1,this._closeDropdown.bind(this)}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._closeDropdown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._closeDropdown)}_toggleDropdown(t){t.preventDefault(),t.stopPropagation(),this.open=!this.open,this.open&&this._updateDropdownPosition()}_updateDropdownPosition(){this.dropdownContent&&this.open&&(this.maxHeight&&(this.dropdownContent.style.maxHeight=this.maxHeight,this.dropdownContent.style.overflowY="auto"),this.dropdownWithLink&&(this.dropdownContent.style.top="85%"))}_closeDropdown(){this.open=!1}render(){const t=this.componentClassNames("cre8-c-dropdown",{"cre8-c-dropdown--close":!this.open,"cre8-c-dropdown--open":this.open});return n`
+}`;var C=Object.defineProperty,s=(o,t,r,b)=>{for(var e=void 0,a=o.length-1,d;a>=0;a--)(d=o[a])&&(e=d(t,r,e)||e);return e&&C(t,r,e),e};const h=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.7867 4.87812L8.51454 12.1503C8.447 12.2179 8.36679 12.2716 8.27851 12.3082C8.19023 12.3448 8.0956 12.3636 8.00003 12.3636C7.90446 12.3636 7.80983 12.3448 7.72155 12.3082C7.63327 12.2716 7.55306 12.2179 7.48552 12.1503L0.213345 4.87812C0.111526 4.77642 0.0421733 4.64679 0.014066 4.50565C-0.0140413 4.36451 0.000361008 4.2182 0.0554496 4.08525C0.110538 3.95229 0.203836 3.83868 0.323531 3.75878C0.443227 3.67888 0.583938 3.63629 0.727852 3.6364L15.2722 3.6364C15.4161 3.63629 15.5568 3.67888 15.6765 3.75878C15.7962 3.83868 15.8895 3.95229 15.9446 4.08525C15.9997 4.2182 16.0141 4.36451 15.986 4.50565C15.9579 4.64679 15.8885 4.77642 15.7867 4.87812Z"/>
+</svg>
+`,c=class c extends f{constructor(){super(),this.open=!1,this.buttonText="",this.dropdownWithLink=!1,this._closeDropdown.bind(this)}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._closeDropdown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._closeDropdown)}_toggleDropdown(t){t.preventDefault(),t.stopPropagation(),this.open=!this.open,this.open&&this._updateDropdownPosition()}_updateDropdownPosition(){this.dropdownContent&&this.open&&(this.maxHeight&&(this.dropdownContent.style.maxHeight=this.maxHeight,this.dropdownContent.style.overflowY="auto"),this.dropdownWithLink&&(this.dropdownContent.style.top="85%"))}_closeDropdown(){this.open=!1}render(){const t=this.componentClassNames("cre8-c-dropdown",{"cre8-c-dropdown--close":!this.open,"cre8-c-dropdown--open":this.open});return n`
       <div class="cre8-c-dropdown-container">
       ${this.dropdownWithLink?n`<a href="#" aria-haspopup="true" class="cre8-c-dropdown--toggle cre8-c-dropdown--link" aria-expanded="${this.open?"true":"false"}" @click="${this._toggleDropdown}">${this.buttonText}
-        ${this.buttonText?n`<cre8-icon svg='${u}' aria-hidden="true" class="cre8-c-dropdown--icon-link"></cre8-icon>`:g}
+        ${this.buttonText?n`<cre8-icon svg='${h}' aria-hidden="true" class="cre8-c-dropdown--icon-link"></cre8-icon>`:g}
       </a>`:n`<button aria-haspopup="true" class="cre8-c-dropdown--toggle cre8-c-dropdown--button" aria-expanded="${this.open?"true":"false"}" @click="${this._toggleDropdown}">${this.buttonText}
-      ${this.buttonText?n`<cre8-icon svg='${u}' aria-hidden="true" class="cre8-c-dropdown--icon-button"></cre8-icon>`:g}
+      ${this.buttonText?n`<cre8-icon svg='${h}' aria-hidden="true" class="cre8-c-dropdown--icon-button"></cre8-icon>`:g}
         </button>`}
         <ul role="list" class="${t}">
           <slot></slot>
         </ul>
       </div>
-    `}};c.styles=[k];let i=c;s([x()],i.prototype,"open");s([m({type:String})],i.prototype,"buttonText");s([m()],i.prototype,"maxHeight");s([y(".cre8-c-dropdown")],i.prototype,"dropdownContent");s([m()],i.prototype,"dropdownWithLink");customElements.get("cre8-dropdown")===void 0&&customElements.define("cre8-dropdown",i);
+    `}};c.styles=[k];let i=c;s([x()],i.prototype,"open");s([p({type:String})],i.prototype,"buttonText");s([p()],i.prototype,"maxHeight");s([w(".cre8-c-dropdown")],i.prototype,"dropdownContent");s([p()],i.prototype,"dropdownWithLink");customElements.get("cre8-dropdown")===void 0&&customElements.define("cre8-dropdown",i);

package/dist/assets/dropdown-item.stories-pXkDLRuv.js

@@ -0,0 +1,26 @@
+import{b as o}from"./iframe-dHvya7sk.js";import"./dropdown-Cgwne34I.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-DfmMtHJO.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./state-CfuknrX8.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";const u={title:"In Development/Dropdown Item",component:"cre8-dropdown-item",parameters:{status:{type:"inProgress"},actions:{handles:["dropdown-item-selected"]},docs:{story:{height:"300px"}}}},p=({buttonText:e,dropdownContent:n,maxHeight:r,dropdownWithLink:d})=>o`
+  <cre8-dropdown
+    buttonText=${e}
+    maxHeight=${r}
+    dropdownWithLink=${d}
+  >
+    ${n}
+  </cre8-dropdown>
+`,t=p.bind({});t.args={buttonText:"Select",dropdownContent:o`
+  <cre8-dropdown-item>Item 1</cre8-dropdown-item>
+  <cre8-dropdown-item>Item 2 Item with longer text than default</cre8-dropdown-item>
+  <cre8-dropdown-item>Item 3</cre8-dropdown-item>
+  `};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`({
+  buttonText,
+  dropdownContent,
+  maxHeight,
+  dropdownWithLink
+}) => html\`
+  <cre8-dropdown
+    buttonText=\${buttonText}
+    maxHeight=\${maxHeight}
+    dropdownWithLink=\${dropdownWithLink}
+  >
+    \${dropdownContent}
+  </cre8-dropdown>
+\``,...t.parameters?.docs?.source}}};const x=["Default"];export{t as Default,x as __namedExportsOrder,u as default};

package/dist/assets/{dropdown.stories-CnT5F5fB.js → dropdown.stories-DZnmHieY.js}

@@ -1,4 +1,4 @@
-import{b as o}from"./iframe-CdWmiVXf.js";import"./dropdown-DZE-lVYN.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-gkCuLp-W.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./state-BQD-SkUn.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./Caret_Down-Bmqq8eNW.js";const L={title:"In Development/Dropdown",component:"cre8-dropdown",parameters:{status:{type:"inProgress"},actions:{handles:["dropdown-item-selected"]},docs:{story:{height:"300px"}}}},i=({buttonText:p,dropdownContent:m,maxHeight:c,dropdownWithLink:w})=>o`
+import{b as o}from"./iframe-dHvya7sk.js";import"./dropdown-Cgwne34I.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-DfmMtHJO.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./state-CfuknrX8.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";const k={title:"In Development/Dropdown",component:"cre8-dropdown",parameters:{status:{type:"inProgress"},actions:{handles:["dropdown-item-selected"]},docs:{story:{height:"300px"}}}},i=({buttonText:p,dropdownContent:m,maxHeight:c,dropdownWithLink:w})=>o`
   <cre8-dropdown
     buttonText=${p}
     maxHeight=${c}
@@ -94,4 +94,4 @@ import{b as o}from"./iframe-CdWmiVXf.js";import"./dropdown-DZE-lVYN.js";import".
   >
     \${dropdownContent}
   </cre8-dropdown>
-\``,...d.parameters?.docs?.source}}};const $=["Default","ButtonDropdown","LinkDropdown","ButtonDropdownWithScrollBar","LinkDropdownWithScrollBar"];export{n as ButtonDropdown,r as ButtonDropdownWithScrollBar,t as Default,e as LinkDropdown,d as LinkDropdownWithScrollBar,$ as __namedExportsOrder,L as default};
+\``,...d.parameters?.docs?.source}}};const L=["Default","ButtonDropdown","LinkDropdown","ButtonDropdownWithScrollBar","LinkDropdownWithScrollBar"];export{n as ButtonDropdown,r as ButtonDropdownWithScrollBar,t as Default,e as LinkDropdown,d as LinkDropdownWithScrollBar,L as __namedExportsOrder,k as default};

package/dist/assets/{example-drug-card.stories-BAMNAi8y.js → example-drug-card.stories-DTzLXTFx.js}

@@ -1,4 +1,4 @@
-import{i as e,b as a}from"./iframe-CdWmiVXf.js";import"./preload-helper-PPVm8Dsz.js";e`
+import{a as e,b as a}from"./iframe-dHvya7sk.js";import"./preload-helper-PPVm8Dsz.js";e`
 @import 'design-tokens/core/scss/theming/component';
 
 //  #EXAMPLE-DRUG-CARD
@@ -7,4 +7,4 @@ import{i as e,b as a}from"./iframe-CdWmiVXf.js";import"./preload-helper-PPVm8Dsz
     margin-top: 16px;
     margin-bottom: 16px;
  }
-`;const m={title:"Examples/Example Drug Card",component:"example-drug-card",parameters:{status:{type:"inProgress"}}},r=t=>a`<example-drug-card></example-drug-card>`;r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:"args => html`<example-drug-card></example-drug-card>`",...r.parameters?.docs?.source}}};const p=["Default"];export{r as Default,p as __namedExportsOrder,m as default};
+`;const m={title:"Examples/Example Drug Card",component:"example-drug-card",parameters:{status:{type:"inProgress"}}},r=s=>a`<example-drug-card></example-drug-card>`;r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:"args => html`<example-drug-card></example-drug-card>`",...r.parameters?.docs?.source}}};const p=["Default"];export{r as Default,p as __namedExportsOrder,m as default};

package/dist/assets/{f-po-CZL6lsXP.js → f-po-C2WpbOFJ.js}

@@ -1,4 +1,4 @@
-import{i as f,g as c,r as a,b as m}from"./iframe-CdWmiVXf.js";import{o as y}from"./if-defined-sxEueMHN.js";import{n as p}from"./cre8-element-gkCuLp-W.js";const b=o=>(e,r)=>{r!==void 0?r.addInitializer(()=>{customElements.define(o,e)}):customElements.define(o,e)},g=f`
+import{a as f,j as a,r as c,b as m}from"./iframe-dHvya7sk.js";import{o as y}from"./if-defined-HKKhGupN.js";import{n as p}from"./cre8-element-DfmMtHJO.js";const b=o=>(e,r)=>{r!==void 0?r.addInitializer(()=>{customElements.define(o,e)}):customElements.define(o,e)},u=f`
 
 @import 'design-tokens/core/scss/theming/component';
 
@@ -12,7 +12,7 @@ import{i as f,g as c,r as a,b as m}from"./iframe-CdWmiVXf.js";import{o as y}from
   font-weight: bold;
   text-align: center;
   color: darken(#69b3e7, 30%);
-}`;var u=Object.defineProperty,h=Object.getOwnPropertyDescriptor,d=(o,e,r,s)=>{for(var t=s>1?void 0:s?h(e,r):e,n=o.length-1,l;n>=0;n--)(l=o[n])&&(t=(s?l(e,r,t):l(t))||t);return s&&t&&u(e,r,t),t};let i=class extends c{static get styles(){return a(g.toString().replace(":root",":host"))}render(){return m`
+}`;var g=Object.defineProperty,h=Object.getOwnPropertyDescriptor,d=(o,e,r,s)=>{for(var t=s>1?void 0:s?h(e,r):e,n=o.length-1,l;n>=0;n--)(l=o[n])&&(t=(s?l(e,r,t):l(t))||t);return s&&t&&g(e,r,t),t};let i=class extends a{static get styles(){return c(u.toString().replace(":root",":host"))}render(){return m`
       <div class="f-po ${this.styleModifier}" style="${y(this.inlineStyle)}">
         <slot></slot>
       </div>

package/dist/assets/{feature.stories-D3m47wf9.js → feature.stories-DffXdJch.js}

@@ -1,4 +1,4 @@
-import{i as g,b as o}from"./iframe-CdWmiVXf.js";import{s as u}from"./spread-BOaHI3Dl.js";import"./heading-BgO3jH9M.js";import"./text-passage-Dw-BWzip.js";import{C as h,n as m}from"./cre8-element-gkCuLp-W.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";import"./_commonjsHelpers-DaWZu8wl.js";const f=g`.cre8-u-content-knockout-brand {
+import{a as g,b as o}from"./iframe-dHvya7sk.js";import{s as u}from"./spread-BPiNgQQF.js";import"./heading-485Jz7JZ.js";import"./text-passage-DGaI5i2I.js";import{C as h,n as d}from"./cre8-element-DfmMtHJO.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const f=g`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -591,7 +599,7 @@ span.ripple {
   flex-direction: column;
   align-items: stretch;
   color: var(--cre8-feature-text-color, var(--cre8-theme-color-core-text, var(--cre8-color-neutral-black)));
-  border-radius: var(--cre8-feature-border-radius, var(--cre8-border-radius-default, 0));
+  border-radius: var(--cre8-feature-border-radius, var(--cre8-border-radius-container, 0));
 }
 @media all and (min-width: 768px) {
   .cre8-c-feature {
@@ -642,16 +650,16 @@ span.ripple {
 .cre8-c-feature__image {
   display: block;
   width: 100%;
-}`;var x=Object.defineProperty,s=(i,r,p,b)=>{for(var e=void 0,d=i.length-1,c;d>=0;d--)(c=i[d])&&(e=c(r,p,e)||e);return e&&x(r,p,e),e};const l=class l extends h{render(){const r=this.componentClassNames("cre8-c-feature",{"cre8-c-feature--inverted":this.inverted===!0});return o`
+}`;var x=Object.defineProperty,m=(i,r,p,b)=>{for(var t=void 0,s=i.length-1,c;s>=0;s--)(c=i[s])&&(t=c(r,p,t)||t);return t&&x(r,p,t),t};const l=class l extends h{render(){const r=this.componentClassNames("cre8-c-feature",{"cre8-c-feature--inverted":this.inverted===!0});return o`
       <div class="${r}" part="feature">
         <div class="cre8-c-feature__body" part="body">
           <slot></slot>
         </div>
         ${this.imgAlt?o`<div class="cre8-c-feature__media">
-              <img class="cre8-c-feature__image" src=${this.imgSrc} alt=${this.imgAlt} part="image" />
+              <img class="cre8-c-feature__image" src=${this.imgSrc} alt=${this.imgAlt} part="image" style=${this.aspectRatio?`aspect-ratio:${this.aspectRatio};object-fit:cover;width:100%`:""} />
             </div>`:""}
       </div>
-    `}};l.styles=[f];let t=l;s([m()],t.prototype,"imgSrc");s([m()],t.prototype,"imgAlt");s([m({type:Boolean,reflect:!0})],t.prototype,"inverted");customElements.get("cre8-feature")===void 0&&customElements.define("cre8-feature",t);const I={title:"Cre8 Components/Feature",component:"cre8-feature",parameters:{status:{type:"notStarted"}}},a=i=>o`
+    `}};l.styles=[f];let e=l;m([d()],e.prototype,"imgSrc");m([d()],e.prototype,"imgAlt");m([d({type:Boolean,reflect:!0})],e.prototype,"inverted");m([d()],e.prototype,"aspectRatio");customElements.get("cre8-feature")===void 0&&customElements.define("cre8-feature",e);const q={title:"Cre8 Components/Feature",component:"cre8-feature",parameters:{status:{type:"notStarted"}}},a=i=>o`
   <cre8-feature ${u(i)} imgSrc="https://via.placeholder.com/600x400.png" imgAlt="Placeholder Text">
     <cre8-heading headingTagName="h2">Feature Title</cre8-heading>
     <cre8-text-passage>
@@ -695,4 +703,4 @@ span.ripple {
       </cre8-text-passage>
     </cre8-feature>
   </div>
-\``,...n.parameters?.docs?.source}}};const F=["Default","Inverted"];export{a as Default,n as Inverted,F as __namedExportsOrder,I as default};
+\``,...n.parameters?.docs?.source}}};const I=["Default","Inverted"];export{a as Default,n as Inverted,I as __namedExportsOrder,q as default};

package/dist/assets/{field-Ce_Kp3W1.js → field-DzYRqQb2.js}

@@ -1,4 +1,4 @@
-import{i as u,b as d,A as g}from"./iframe-CdWmiVXf.js";import{o as i}from"./if-defined-sxEueMHN.js";import{n as r}from"./cre8-element-gkCuLp-W.js";import{e as f}from"./query-BpjciUlk.js";import{n as l}from"./index.browser-BY9c7rfI.js";import{C as h}from"./cre8-form-element-DsXhvnkn.js";import"./field-note-txmyzeNl.js";const b=u`.cre8-u-content-knockout-brand {
+import{a as u,b as d,A as g}from"./iframe-dHvya7sk.js";import{o as i}from"./if-defined-HKKhGupN.js";import{n as r}from"./cre8-element-DfmMtHJO.js";import{e as f}from"./query-BpjciUlk.js";import{n as l}from"./index.browser-BY9c7rfI.js";import{C as h}from"./cre8-form-element-bQpK8UYN.js";import"./field-note-DKXZiXLU.js";const b=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 */
 }
 
 /**
@@ -727,6 +735,7 @@ span.ripple {
             autocomplete=${i(this.autocomplete)}
             type="${this.type}"
             id="${this.fieldId}"
+            name="${i(this.name)}"
             max=${this.type==="date"&&i(this.max).toString()}
             min=${this.type==="date"&&i(this.max).toString()}
             maxlength=${i(this.maxlength)}

package/dist/assets/{field-note-txmyzeNl.js → field-note-DKXZiXLU.js}

@@ -1,4 +1,4 @@
-import{s as p}from"./Warning-CawqmTvB.js";import{s as g}from"./Error-X6enME_5.js";import{i as c,b as a}from"./iframe-CdWmiVXf.js";import{C as u,n}from"./cre8-element-gkCuLp-W.js";import"./icon-DYiIK7a4.js";const h=c`.cre8-u-content-knockout-brand {
+import{a as p,b as a}from"./iframe-dHvya7sk.js";import{C as g,n}from"./cre8-element-DfmMtHJO.js";import"./icon-DeTLDzTS.js";const c=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 */
 }
 
 /**
@@ -622,12 +630,18 @@ span.ripple {
  */
 .cre8-c-field-note--inverted {
   color: var(--cre8-color-content-knockout);
-}`;var f=Object.defineProperty,o=(m,i,s,x)=>{for(var e=void 0,r=m.length-1,l;r>=0;r--)(l=m[r])&&(e=l(i,s,e)||e);return e&&f(i,s,e),e};const d=class d extends u{fieldNoteAriaLive(){return this.isError||this.isSuccess?"polite":null}render(){const i=this.componentClassNames("cre8-c-field-note",{"cre8-is-error":this.isError,"cre8-is-success":this.isSuccess});return a`
+}`;var h=Object.defineProperty,o=(s,i,m,x)=>{for(var e=void 0,r=s.length-1,l;r>=0;r--)(l=s[r])&&(e=l(i,m,e)||e);return e&&h(i,m,e),e};const u=`<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>
+`,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 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>
+`,d=class d extends g{fieldNoteAriaLive(){return this.isError||this.isSuccess?"polite":null}render(){const i=this.componentClassNames("cre8-c-field-note",{"cre8-is-error":this.isError,"cre8-is-success":this.isSuccess});return a`
         <div
           aria-live="${this.fieldNoteAriaLive()??"off"}"
           class="${i}">
-        ${this.isError===!0?a`<cre8-icon class="cre8-field-note-icon" svg='${g}' aria-hidden="true" ></cre8-icon>`:""}
-            ${this.isSuccess===!0?a`<cre8-icon class="cre8-field-note-icon" svg='${p}' aria-hidden="true"></cre8-icon>`:""}
+        ${this.isError===!0?a`<cre8-icon class="cre8-field-note-icon" svg='${f}' aria-hidden="true" ></cre8-icon>`:""}
+            ${this.isSuccess===!0?a`<cre8-icon class="cre8-field-note-icon" svg='${u}' aria-hidden="true"></cre8-icon>`:""}
           <div><slot></slot></div>
         </div>
-    `}};d.styles=[h];let t=d;o([n({type:Boolean,reflect:!0})],t.prototype,"isError");o([n({type:Boolean,reflect:!0})],t.prototype,"isSuccess");o([n()],t.prototype,"iconName");customElements.get("cre8-field-note")===void 0&&customElements.define("cre8-field-note",t);
+    `}};d.styles=[c];let t=d;o([n({type:Boolean,reflect:!0})],t.prototype,"isError");o([n({type:Boolean,reflect:!0})],t.prototype,"isSuccess");o([n()],t.prototype,"iconName");customElements.get("cre8-field-note")===void 0&&customElements.define("cre8-field-note",t);

package/dist/assets/field-note.stories-DS_0bQul.js

@@ -0,0 +1,27 @@
+import{o as c,b as l}from"./iframe-dHvya7sk.js";import{s as d}from"./spread-BPiNgQQF.js";import{s as p}from"./story-helpers-BFn_kBYw.js";import"./field-note-DKXZiXLU.js";import"./text-link-4qLRIeJB.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./cre8-element-DfmMtHJO.js";import"./icon-DeTLDzTS.js";import"./if-defined-HKKhGupN.js";const E={title:"cre8 Components/Field Note",render:({slot:i,...a})=>l`<cre8-field-note ${d(a)}>${c(p(i,"cre8-text-link"))}</cre8-field-note>`,component:"cre8-field-note",parameters:{status:{type:"inProgress"}},argTypes:{iconName:{control:"text"},isError:{control:"boolean"},isSuccess:{control:"boolean"}}},e={args:{slot:"This is a field note."}},r={args:{slot:'<cre8-text-link href="#">Helpful link</cre8-text-link> at the beginning of a field note'}},s={args:{slot:'This is a field note with a <cre8-text-link href="#">helpful link</cre8-text-link> in the middle of content'}},t={args:{slot:'This is a field note with an ending <cre8-text-link href="#">helpful link</cre8-text-link>'}},n={args:{isError:!0,slot:"This is a field note with an error state."}},o={args:{isSuccess:!0,slot:"This is a field note with a success state."}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+  args: {
+    slot: 'This is a field note.'
+  }
+}`,...e.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    slot: \`<cre8-text-link href="#">Helpful link</cre8-text-link> at the beginning of a field note\`
+  }
+}`,...r.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    slot: \`This is a field note with a <cre8-text-link href="#">helpful link</cre8-text-link> in the middle of content\`
+  }
+}`,...s.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  args: {
+    slot: \`This is a field note with an ending <cre8-text-link href="#">helpful link</cre8-text-link>\`
+  }
+}`,...t.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  args: {
+    isError: true,
+    slot: 'This is a field note with an error state.'
+  }
+}`,...n.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  args: {
+    isSuccess: true,
+    slot: 'This is a field note with a success state.'
+  }
+}`,...o.parameters?.docs?.source}}};const L=["Default","BeginningLink","MiddleLink","EndingLink","Error","Success"];export{r as BeginningLink,e as Default,t as EndingLink,n as Error,s as MiddleLink,o as Success,L as __namedExportsOrder,E as default};

package/dist/assets/{field.stories-BEt-6RAF.js → field.stories-BvXn0oG6.js}

@@ -1,4 +1,4 @@
-import{b as h}from"./iframe-CdWmiVXf.js";import{s as S}from"./spread-BOaHI3Dl.js";import"./field-Ce_Kp3W1.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"./index.browser-BY9c7rfI.js";import"./cre8-form-element-DsXhvnkn.js";import"./field-note-txmyzeNl.js";import"./Warning-CawqmTvB.js";import"./Error-X6enME_5.js";import"./icon-DYiIK7a4.js";import"./unsafe-html-BLUBm7l3.js";import"./Caret_Down-Bmqq8eNW.js";const O={title:"cre8 Components/Field",component:"cre8-field",render:F=>h`<cre8-field ${S(F)}></cre8-field>`,parameters:{status:{type:"inProgress"},actions:{handles:["input","change","blur"]}},argTypes:{ariaDescribedBy:{control:"text"},autocomplete:{control:"text"},type:{control:"select",options:["text","email","number","url","tel","password","date"]}},args:{label:"Label"}},e={},r={args:{label:"Email Field",type:"email"}},a={args:{label:"Number Field",type:"number"}},s={args:{label:"Url Field",type:"url"}},o={args:{label:"Telephone Field",type:"tel"}},t={args:{label:"Password Field",type:"password"}},l={args:{label:"Date Field",type:"date",value:"1969-06-28"}},n={args:{type:"date",label:"Max date should not be 2025-01-01",max:"2025-01-01",value:"2024-01-01"}},i={args:{label:"Required Field",required:"true"}},c={args:{label:"Required Field with Max Length",maxlength:"10",required:"true"}},d={args:{label:"Disabled Field",disabled:"true"}},m={args:{label:"Readonly Field",readonly:"true",value:"value"}},p={args:{label:"Field with a Field Note",fieldNote:"This is a field note."}},u={args:{label:"Field with Error Message and Field Note",errorNote:"Short, clear error message",isError:"true",fieldNote:"This is a field note."}},g={args:{label:"Field with Success Message",isSuccess:"true",fieldNote:"This is a field note.",successNote:"Short, clear success message"}},b={args:{label:"Field with Error Message",isError:"true",errorNote:"Short, clear error message"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:"{}",...e.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+import{b as h}from"./iframe-dHvya7sk.js";import{s as S}from"./spread-BPiNgQQF.js";import"./field-DzYRqQb2.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"./index.browser-BY9c7rfI.js";import"./cre8-form-element-bQpK8UYN.js";import"./field-note-DKXZiXLU.js";import"./icon-DeTLDzTS.js";const U={title:"cre8 Components/Field",component:"cre8-field",render:F=>h`<cre8-field ${S(F)}></cre8-field>`,parameters:{status:{type:"inProgress"},actions:{handles:["input","change","blur"]}},argTypes:{ariaDescribedBy:{control:"text"},autocomplete:{control:"text"},type:{control:"select",options:["text","email","number","url","tel","password","date"]}},args:{label:"Label"}},e={},r={args:{label:"Email Field",type:"email"}},a={args:{label:"Number Field",type:"number"}},s={args:{label:"Url Field",type:"url"}},o={args:{label:"Telephone Field",type:"tel"}},t={args:{label:"Password Field",type:"password"}},l={args:{label:"Date Field",type:"date",value:"1969-06-28"}},n={args:{type:"date",label:"Max date should not be 2025-01-01",max:"2025-01-01",value:"2024-01-01"}},i={args:{label:"Required Field",required:"true"}},c={args:{label:"Required Field with Max Length",maxlength:"10",required:"true"}},d={args:{label:"Disabled Field",disabled:"true"}},u={args:{label:"Readonly Field",readonly:"true",value:"value"}},m={args:{label:"Field with a Field Note",fieldNote:"This is a field note."}},p={args:{label:"Field with Error Message and Field Note",errorNote:"Short, clear error message",isError:"true",fieldNote:"This is a field note."}},g={args:{label:"Field with Success Message",isSuccess:"true",fieldNote:"This is a field note.",successNote:"Short, clear success message"}},b={args:{label:"Field with Error Message",isError:"true",errorNote:"Short, clear error message"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:"{}",...e.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
   args: {
     label: 'Email Field',
     type: 'email'
@@ -52,25 +52,25 @@ import{b as h}from"./iframe-CdWmiVXf.js";import{s as S}from"./spread-BOaHI3Dl.js
     label: 'Disabled Field',
     disabled: 'true'
   }
-}`,...d.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+}`,...d.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
   args: {
     label: 'Readonly Field',
     readonly: 'true',
     value: 'value'
   }
-}`,...m.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+}`,...u.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
   args: {
     label: 'Field with a Field Note',
     fieldNote: 'This is a field note.'
   }
-}`,...p.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
+}`,...m.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
   args: {
     label: 'Field with Error Message and Field Note',
     errorNote: 'Short, clear error message',
     isError: 'true',
     fieldNote: 'This is a field note.'
   }
-}`,...u.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+}`,...p.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
   args: {
     label: 'Field with Success Message',
     isSuccess: 'true',
@@ -83,4 +83,4 @@ import{b as h}from"./iframe-CdWmiVXf.js";import{s as S}from"./spread-BOaHI3Dl.js
     isError: 'true',
     errorNote: 'Short, clear error message'
   }
-}`,...b.parameters?.docs?.source}}};const $=["Default","Email","Number","Url","Tel","Password","Date","MaxDate","Required","RequiredMaxlength","Disabled","Readonly","Fieldnote","Error","Success","SingleMessage"];export{l as Date,e as Default,d as Disabled,r as Email,u as Error,p as Fieldnote,n as MaxDate,a as Number,t as Password,m as Readonly,i as Required,c as RequiredMaxlength,b as SingleMessage,g as Success,o as Tel,s as Url,$ as __namedExportsOrder,O as default};
+}`,...b.parameters?.docs?.source}}};const L=["Default","Email","Number","Url","Tel","Password","Date","MaxDate","Required","RequiredMaxlength","Disabled","Readonly","Fieldnote","Error","Success","SingleMessage"];export{l as Date,e as Default,d as Disabled,r as Email,p as Error,m as Fieldnote,n as MaxDate,a as Number,t as Password,u as Readonly,i as Required,c as RequiredMaxlength,b as SingleMessage,g as Success,o as Tel,s as Url,L as __namedExportsOrder,U as default};

package/dist/assets/{footer.stories-Dzn7N8hL.js → footer.stories-C3ZibisU.js}

@@ -1,4 +1,4 @@
-import{i as n,b as e}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=n`.cre8-u-content-knockout-brand {
+import{a as n,b as e}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=n`.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 */
 }
 
 /**
@@ -618,7 +626,7 @@ span.ripple {
           </cre8-layout-container>
         </div>`}
       </footer>
-    `}};r.styles=[s];let i=r;customElements.get("cre8-footer")===void 0&&customElements.define("cre8-footer",i);const b={title:"Cre8 Components/Footer",component:"cre8-footer",parameters:{status:{type:"inProgress"}}},t=o=>e`<cre8-footer ${d(o)}>
+    `}};r.styles=[s];let i=r;customElements.get("cre8-footer")===void 0&&customElements.define("cre8-footer",i);const x={title:"Cre8 Components/Footer",component:"cre8-footer",parameters:{status:{type:"inProgress"}}},t=o=>e`<cre8-footer ${d(o)}>
   <f-po slot="top">Optional footer top</f-po>
   <f-po>Footer middle</f-po>
   <f-po slot="bottom">Optional footer bottom</f-po>
@@ -626,4 +634,4 @@ span.ripple {
   <f-po slot="top">Optional footer top</f-po>
   <f-po>Footer middle</f-po>
   <f-po slot="bottom">Optional footer bottom</f-po>
-</cre8-footer>\``,...t.parameters?.docs?.source}}};const y=["Default"];export{t as Default,y as __namedExportsOrder,b as default};
+</cre8-footer>\``,...t.parameters?.docs?.source}}};const b=["Default"];export{t as Default,b as __namedExportsOrder,x as default};

package/dist/assets/{form-example.stories-BeAfCsBJ.js → form-example.stories-C-TuOeF2.js}

@@ -1,4 +1,4 @@
-import{i as c,b as l}from"./iframe-CdWmiVXf.js";import"./preload-helper-PPVm8Dsz.js";c`
+import{a as c,b as l}from"./iframe-dHvya7sk.js";import{w as r}from"./decorator-iVSD-Llo.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";c`
 
 
 
@@ -6,7 +6,7 @@ import{i as c,b as l}from"./iframe-CdWmiVXf.js";import"./preload-helper-PPVm8Dsz
  * 1)
  */
 @import 'design-tokens/core/scss/theming/component' ;
-`;const{withActions:r}=__STORYBOOK_MODULE_PREVIEW_API__,m={title:"Examples/Form Example",component:"form-example",parameters:{actions:{handles:["submit"]},status:{type:"inProgress"}},decorators:[r]},i={},e=a=>l`
+`;const n={title:"Examples/Form Example",component:"form-example",parameters:{actions:{handles:["submit"]},status:{type:"inProgress"}},decorators:[r]},a={},e=i=>l`
   <iframe name="dummyframe" id="dummyframe" style="display:none" }></iframe>
   <form id="form-example" action="#" target="dummyframe">
     <cre8-field class="cre8-u-display-block cre8-u-margin-bottom-lg" name="name" label="Enter your name"></cre8-field>
@@ -20,7 +20,7 @@ import{i as c,b as l}from"./iframe-CdWmiVXf.js";import"./preload-helper-PPVm8Dsz
       <cre8-radio-field-item name="radio-example" label="On" value="on"></cre8-radio-field-item>
       <cre8-radio-field-item name="radio-example" label="Off" value="off"></cre8-radio-field-item>
     </cre8-radio-field>
-    <cre8-select class="cre8-u-display-block cre8-u-margin-bottom-lg" .items=${i} name="select" fieldNote="This is a field note."></cre8-select>
+    <cre8-select class="cre8-u-display-block cre8-u-margin-bottom-lg" .items=${a} name="select" fieldNote="This is a field note."></cre8-select>
     <cre8-button-group>
       <cre8-button text="Submit" type="submit"></cre8-button>
       <cre8-button text="Reset" type="reset"></cre8-button>
@@ -46,4 +46,4 @@ import{i as c,b as l}from"./iframe-CdWmiVXf.js";import"./preload-helper-PPVm8Dsz
       <cre8-button text="Reset" type="reset"></cre8-button>
     </cre8-button-group>
   </form>
-\``,...e.parameters?.docs?.source}}};const d=["Default"];export{e as Default,d as __namedExportsOrder,m as default};
+\``,...e.parameters?.docs?.source}}};const s=["Default"];export{e as Default,s as __namedExportsOrder,n as default};

package/dist/assets/formatter-L2YTDE3Q-CJVnxOUW.js

@@ -0,0 +1 @@
+import{b as m}from"./blocks-DhUVut8Z.js";import{d as o,f as t}from"./iframe-dHvya7sk.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";var e=t(m(),1),_=(0,e.default)(2)(async(i,r)=>i===!1?r:o(r));export{_ as formatter};