@tmorrow/cre8-wc 2.0.7 → 2.0.8

package/dist/assets/{checkbox-field-item-iHcdmTNw.js → checkbox-field-item-DIMHcWM0.js}

@@ -1,4 +1,4 @@
-import{a as u,b as n,A as f}from"./iframe-dHvya7sk.js";import{o as a}from"./if-defined-HKKhGupN.js";import{n as t}from"./cre8-element-DfmMtHJO.js";import{e as g}from"./query-BpjciUlk.js";import{n as l}from"./index.browser-BY9c7rfI.js";import"./icon-DeTLDzTS.js";import"./field-note-DKXZiXLU.js";import{C as b}from"./cre8-form-element-bQpK8UYN.js";const x=u`@charset "UTF-8";
+import{a as u,b as n,A as f}from"./iframe-BNJP6ovU.js";import{o as a}from"./if-defined-Bxnzk64Q.js";import{n as t}from"./cre8-element-B35i4Lyg.js";import{e as g}from"./query-BpjciUlk.js";import{n as l}from"./index.browser-BY9c7rfI.js";import"./icon-ChfRWXWy.js";import"./field-note-fccBckVl.js";import{C as b}from"./cre8-form-element-Cfc5VeYV.js";const x=u`@charset "UTF-8";
 .cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
@@ -373,10 +373,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -549,10 +545,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**

package/dist/assets/{checkbox-field-item.stories-D1aVLDXn.js → checkbox-field-item.stories-XbB4x_lO.js}

@@ -1,4 +1,4 @@
-import{g as p}from"./iframe-dHvya7sk.js";import"./field-note-DKXZiXLU.js";import"./checkbox-field-item-iHcdmTNw.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-DfmMtHJO.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./icon-DeTLDzTS.js";import"./if-defined-HKKhGupN.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-bQpK8UYN.js";const{args:m,argTypes:u,template:b}=p("cre8-checkbox-field-item"),E={title:"cre8 Components/Checkbox Field Item",component:"cre8-checkbox-field-item",args:m,argTypes:u,parameters:{status:{type:"inProgress"},actions:{handles:["input","change","blur","click"]}},render:d=>b(d)},o={args:{label:"Label"}},t={args:{label:"Label",checked:!0}},e={args:{label:"Label (optional)"}},i={args:{label:"Label",isError:!0,required:!0}},r={args:{label:"Label",disabled:!0}},s={args:{label:"Label",fieldNote:"This is a field note.",ariaDescribedBy:"default-fieldnote-message"}},c={args:{label:"Label",isError:!0,errorNote:"Short, clear error message",validationAriaDescribedBy:"error-validation-message"}},n={args:{label:"Label",isSuccess:!0,successNote:"Short, clear success message",validationAriaDescribedBy:"success-valitation-message"}},l={args:{label:"This could mayhaps be the longest title that has ever been put on a checkbox field ever!"}},a={args:{label:"Rounded checkbox","--cre8-border-radius-checkbox":"0.5rem"}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+import{g as p}from"./iframe-BNJP6ovU.js";import"./field-note-fccBckVl.js";import"./checkbox-field-item-DIMHcWM0.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./icon-ChfRWXWy.js";import"./if-defined-Bxnzk64Q.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-Cfc5VeYV.js";const{args:m,argTypes:u,template:b}=p("cre8-checkbox-field-item"),E={title:"cre8 Components/Checkbox Field Item",component:"cre8-checkbox-field-item",args:m,argTypes:u,parameters:{status:{type:"inProgress"},actions:{handles:["input","change","blur","click"]}},render:d=>b(d)},o={args:{label:"Label"}},t={args:{label:"Label",checked:!0}},e={args:{label:"Label (optional)"}},i={args:{label:"Label",isError:!0,required:!0}},r={args:{label:"Label",disabled:!0}},s={args:{label:"Label",fieldNote:"This is a field note.",ariaDescribedBy:"default-fieldnote-message"}},c={args:{label:"Label",isError:!0,errorNote:"Short, clear error message",validationAriaDescribedBy:"error-validation-message"}},n={args:{label:"Label",isSuccess:!0,successNote:"Short, clear success message",validationAriaDescribedBy:"success-valitation-message"}},l={args:{label:"This could mayhaps be the longest title that has ever been put on a checkbox field ever!"}},a={args:{label:"Rounded checkbox","--cre8-border-radius-checkbox":"0.5rem"}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
   args: {
     label: 'Label'
   }

package/dist/assets/{checkbox-field.stories-BoVB2jCx.js → checkbox-field.stories-YnqFUI4K.js}

@@ -1,4 +1,4 @@
-import{a as u,b as p}from"./iframe-dHvya7sk.js";import"./field-note-DKXZiXLU.js";import{o as c}from"./if-defined-HKKhGupN.js";import{C as b,n as t}from"./cre8-element-DfmMtHJO.js";import{n as x}from"./index.browser-BY9c7rfI.js";import"./checkbox-field-item-iHcdmTNw.js";import{s as y}from"./spread-BPiNgQQF.js";import"./preload-helper-PPVm8Dsz.js";import"./icon-DeTLDzTS.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-bQpK8UYN.js";const k=u`.cre8-u-content-knockout-brand {
+import{a as u,b as p}from"./iframe-BNJP6ovU.js";import"./field-note-fccBckVl.js";import{o as c}from"./if-defined-Bxnzk64Q.js";import{C as b,n as t}from"./cre8-element-B35i4Lyg.js";import{n as x}from"./index.browser-BY9c7rfI.js";import"./checkbox-field-item-DIMHcWM0.js";import{s as y}from"./spread-CnPic3C2.js";import"./preload-helper-PPVm8Dsz.js";import"./icon-ChfRWXWy.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-Cfc5VeYV.js";const k=u`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -624,7 +616,7 @@ span.ripple {
 .cre8-c-checkbox-field__list {
   display: flex;
   flex-direction: column;
-}`;var z=Object.defineProperty,i=(a,o,h,w)=>{for(var r=void 0,m=a.length-1,f;m>=0;m--)(f=a[m])&&(r=f(o,h,r)||r);return r&&z(o,h,r),r};const g=class g extends b{connectedCallback(){super.connectedCallback(),this.fieldNote&&(this.ariaDescribedBy=this.ariaDescribedBy||x())}render(){const o=this.componentClassNames("cre8-c-checkbox-field",{});return p`
+}`;var z=Object.defineProperty,i=(a,o,f,w)=>{for(var r=void 0,m=a.length-1,h;m>=0;m--)(h=a[m])&&(r=h(o,f,r)||r);return r&&z(o,f,r),r};const g=class g extends b{connectedCallback(){super.connectedCallback(),this.fieldNote&&(this.ariaDescribedBy=this.ariaDescribedBy||x())}render(){const o=this.componentClassNames("cre8-c-checkbox-field",{});return p`
       <fieldset class="${o}" aria-describedby="${c(this.ariaDescribedBy)}">
       <legend class="cre8-c-checkbox-field__legend">${this.label}</legend>
         <div class="cre8-c-checkbox-field__body">

package/dist/assets/{cre8-element-DfmMtHJO.js → cre8-element-B35i4Lyg.js}

@@ -1 +1 @@
-import{k as p,u as f,j as m,b as d}from"./iframe-dHvya7sk.js";import{g as h}from"./_commonjsHelpers-DaWZu8wl.js";const y={attribute:!0,type:String,converter:f,reflect:!1,hasChanged:p},v=(o=y,r,s)=>{const{kind:a,metadata:i}=s;let t=globalThis.litPropertyMetadata.get(i);if(t===void 0&&globalThis.litPropertyMetadata.set(i,t=new Map),a==="setter"&&((o=Object.create(o)).wrapped=!0),t.set(s.name,o),a==="accessor"){const{name:e}=s;return{set(n){const c=r.get.call(this);r.set.call(this,n),this.requestUpdate(e,c,o,!0,n)},init(n){return n!==void 0&&this.C(e,void 0,o,n),n}}}if(a==="setter"){const{name:e}=s;return function(n){const c=this[e];r.call(this,n),this.requestUpdate(e,c,o,!0,n)}}throw Error("Unsupported decorator location: "+a)};function g(o){return(r,s)=>typeof s=="object"?v(o,r,s):((a,i,t)=>{const e=i.hasOwnProperty(t);return i.constructor.createProperty(t,a),e?Object.getOwnPropertyDescriptor(i,t):void 0})(o,r,s)}var u={exports:{}},l;function b(){return l||(l=1,(function(o){(function(){var r={}.hasOwnProperty;function s(){for(var t="",e=0;e<arguments.length;e++){var n=arguments[e];n&&(t=i(t,a(n)))}return t}function a(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return s.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var e="";for(var n in t)r.call(t,n)&&t[n]&&(e=i(e,n));return e}function i(t,e){return e?t?t+" "+e:t+e:t}o.exports?(s.default=s,o.exports=s):window.classNames=s})()})(u)),u.exports}var E=b();const x=h(E);class j extends m{componentClassNames(r,s={}){return x(r,s)}slotEmpty(r){return!this.querySelector(`[slot="${r}"]`)}slotNotEmpty(r){return this.slotEmpty(r)?null:!this.slotEmpty(r)}dispatch({e:r,eventName:s,detailObj:a={},optionsObj:i={}}){const t={bubbles:!0,composed:!0,...i,detail:{...r&&{originalEvent:r},...a}},e=new CustomEvent(s,t);return this.dispatchEvent(e),e}render(){return d`<slot></slot>`}}export{j as C,x as c,g as n};
+import{k as p,u as f,j as m,b as d}from"./iframe-BNJP6ovU.js";import{g as h}from"./_commonjsHelpers-DaWZu8wl.js";const y={attribute:!0,type:String,converter:f,reflect:!1,hasChanged:p},v=(o=y,r,s)=>{const{kind:a,metadata:i}=s;let t=globalThis.litPropertyMetadata.get(i);if(t===void 0&&globalThis.litPropertyMetadata.set(i,t=new Map),a==="setter"&&((o=Object.create(o)).wrapped=!0),t.set(s.name,o),a==="accessor"){const{name:e}=s;return{set(n){const c=r.get.call(this);r.set.call(this,n),this.requestUpdate(e,c,o,!0,n)},init(n){return n!==void 0&&this.C(e,void 0,o,n),n}}}if(a==="setter"){const{name:e}=s;return function(n){const c=this[e];r.call(this,n),this.requestUpdate(e,c,o,!0,n)}}throw Error("Unsupported decorator location: "+a)};function g(o){return(r,s)=>typeof s=="object"?v(o,r,s):((a,i,t)=>{const e=i.hasOwnProperty(t);return i.constructor.createProperty(t,a),e?Object.getOwnPropertyDescriptor(i,t):void 0})(o,r,s)}var u={exports:{}},l;function b(){return l||(l=1,(function(o){(function(){var r={}.hasOwnProperty;function s(){for(var t="",e=0;e<arguments.length;e++){var n=arguments[e];n&&(t=i(t,a(n)))}return t}function a(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return s.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var e="";for(var n in t)r.call(t,n)&&t[n]&&(e=i(e,n));return e}function i(t,e){return e?t?t+" "+e:t+e:t}o.exports?(s.default=s,o.exports=s):window.classNames=s})()})(u)),u.exports}var E=b();const x=h(E);class j extends m{componentClassNames(r,s={}){return x(r,s)}slotEmpty(r){return!this.querySelector(`[slot="${r}"]`)}slotNotEmpty(r){return this.slotEmpty(r)?null:!this.slotEmpty(r)}dispatch({e:r,eventName:s,detailObj:a={},optionsObj:i={}}){const t={bubbles:!0,composed:!0,...i,detail:{...r&&{originalEvent:r},...a}},e=new CustomEvent(s,t);return this.dispatchEvent(e),e}render(){return d`<slot></slot>`}}export{j as C,x as c,g as n};

package/dist/assets/{cre8-form-element-bQpK8UYN.js → cre8-form-element-Cfc5VeYV.js}

@@ -1 +1 @@
-import{C as f,n as h}from"./cre8-element-DfmMtHJO.js";let b=class extends Event{constructor(t,s,i,e){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=s,this.callback=i,this.subscribe=e??!1}};class v{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,s=!1){const i=s||!Object.is(t,this.o);this.o=t,i&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(const[s,{disposer:i}]of this.subscriptions)s(this.o,i)},t!==void 0&&(this.value=t)}addCallback(t,s,i){if(!i)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:s});const{disposer:e}=this.subscriptions.get(t);t(this.value,e)}clearCallbacks(){this.subscriptions.clear()}}let x=class extends Event{constructor(t,s){super("context-provider",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=s}};class d extends v{constructor(t,s,i){super(s.context!==void 0?s.initialValue:i),this.onContextRequest=e=>{if(e.context!==this.context)return;const a=e.contextTarget??e.composedPath()[0];a!==this.host&&(e.stopPropagation(),this.addCallback(e.callback,a,e.subscribe))},this.onProviderRequest=e=>{if(e.context!==this.context||(e.contextTarget??e.composedPath()[0])===this.host)return;const a=new Set;for(const[r,{consumerHost:l}]of this.subscriptions)a.has(r)||(a.add(r),l.dispatchEvent(new b(this.context,l,r,!0)));e.stopPropagation()},this.host=t,s.context!==void 0?this.context=s.context:this.context=s,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new x(this.context,this.host))}}function p({context:n}){return(t,s)=>{const i=new WeakMap;if(typeof s=="object")return{get(){return t.get.call(this)},set(e){return i.get(this).setValue(e),t.set.call(this,e)},init(e){return i.set(this,new d(this,{context:n,initialValue:e})),e}};{t.constructor.addInitializer((r=>{i.set(r,new d(r,{context:n}))}));const e=Object.getOwnPropertyDescriptor(t,s);let a;if(e===void 0){const r=new WeakMap;a={get(){return r.get(this)},set(l){i.get(this).setValue(l),r.set(this,l)},configurable:!0,enumerable:!0}}else{const r=e.set;a={...e,set(l){i.get(this).setValue(l),r?.call(this,l)}}}return void Object.defineProperty(t,s,a)}}}const m=Symbol("cre8-form-internals"),y=Symbol("cre8-form-state");var V=Object.defineProperty,_=Object.getOwnPropertyDescriptor,u=(n,t,s,i)=>{for(var e=i>1?void 0:i?_(t,s):t,a=n.length-1,r;a>=0;a--)(r=n[a])&&(e=(i?r(t,s,e):r(e))||e);return i&&e&&V(t,s,e),e};const c=class c extends f{constructor(){super(),this.internalValue="",this.defaultValue="",this._formState={value:"",disabled:!1,required:!1,isError:!1,isSuccess:!1},this._internals=this.attachInternals()}get value(){return this.internalValue}set value(t){const s=this.value;this.internalValue=t,this.type!=="checkbox"&&this.type!=="radio"&&this._internals?.setFormValue(t),this.updateField(),this.updateFormState(),this.requestUpdate("value",s)}updateFormState(){this._formState={value:this.internalValue,disabled:this.disabled??!1,required:this.required??!1,isError:this.isError??!1,isSuccess:this.isSuccess??!1,name:this.name}}updateField(){this.field&&this.internalValue!==void 0&&(this.field.value=this.internalValue??"")}firstUpdated(){this.type!=="checkbox"&&this.type!=="radio"&&(this.defaultValue=this.value||this.getAttribute("value")||""),this.updateField(),this.updateFormState()}updated(t){super.updated(t),(t.has("disabled")||t.has("required")||t.has("isError")||t.has("isSuccess")||t.has("name"))&&this.updateFormState()}formResetCallback(){this.value=this.defaultValue,this.updateField()}formDisabledCallback(t){this.disabled=t}formStateRestoreCallback(t,s){typeof t=="string"&&(this.value=t)}get form(){return this._internals?.form??null}get validationMessage(){return this._internals?.validationMessage??""}get validity(){return this._internals?.validity}get willValidate(){return this._internals?.willValidate??!1}reportValidity(){return this._internals?.reportValidity()??!0}checkValidity(){return this._internals?.checkValidity()??!0}setCustomValidity(t){this._internals&&this.field&&(t?this._internals.setValidity({customError:!0},t,this.field):this._internals.setValidity({}))}};c.formAssociated=!0;let o=c;u([p({context:m})],o.prototype,"_internals",2);u([p({context:y})],o.prototype,"_formState",2);u([h()],o.prototype,"name",2);u([h({type:Boolean,reflect:!0})],o.prototype,"disabled",2);u([h({type:Boolean,reflect:!0})],o.prototype,"required",2);u([h({type:Boolean,reflect:!0})],o.prototype,"isError",2);u([h({type:Boolean,reflect:!0})],o.prototype,"isSuccess",2);u([h()],o.prototype,"value",1);export{o as C,m as f,b as s};
+import{C as f,n as h}from"./cre8-element-B35i4Lyg.js";let b=class extends Event{constructor(t,s,i,e){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=s,this.callback=i,this.subscribe=e??!1}};class v{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,s=!1){const i=s||!Object.is(t,this.o);this.o=t,i&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(const[s,{disposer:i}]of this.subscriptions)s(this.o,i)},t!==void 0&&(this.value=t)}addCallback(t,s,i){if(!i)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:s});const{disposer:e}=this.subscriptions.get(t);t(this.value,e)}clearCallbacks(){this.subscriptions.clear()}}let x=class extends Event{constructor(t,s){super("context-provider",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=s}};class d extends v{constructor(t,s,i){super(s.context!==void 0?s.initialValue:i),this.onContextRequest=e=>{if(e.context!==this.context)return;const a=e.contextTarget??e.composedPath()[0];a!==this.host&&(e.stopPropagation(),this.addCallback(e.callback,a,e.subscribe))},this.onProviderRequest=e=>{if(e.context!==this.context||(e.contextTarget??e.composedPath()[0])===this.host)return;const a=new Set;for(const[r,{consumerHost:l}]of this.subscriptions)a.has(r)||(a.add(r),l.dispatchEvent(new b(this.context,l,r,!0)));e.stopPropagation()},this.host=t,s.context!==void 0?this.context=s.context:this.context=s,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new x(this.context,this.host))}}function p({context:n}){return(t,s)=>{const i=new WeakMap;if(typeof s=="object")return{get(){return t.get.call(this)},set(e){return i.get(this).setValue(e),t.set.call(this,e)},init(e){return i.set(this,new d(this,{context:n,initialValue:e})),e}};{t.constructor.addInitializer((r=>{i.set(r,new d(r,{context:n}))}));const e=Object.getOwnPropertyDescriptor(t,s);let a;if(e===void 0){const r=new WeakMap;a={get(){return r.get(this)},set(l){i.get(this).setValue(l),r.set(this,l)},configurable:!0,enumerable:!0}}else{const r=e.set;a={...e,set(l){i.get(this).setValue(l),r?.call(this,l)}}}return void Object.defineProperty(t,s,a)}}}const m=Symbol("cre8-form-internals"),y=Symbol("cre8-form-state");var V=Object.defineProperty,_=Object.getOwnPropertyDescriptor,u=(n,t,s,i)=>{for(var e=i>1?void 0:i?_(t,s):t,a=n.length-1,r;a>=0;a--)(r=n[a])&&(e=(i?r(t,s,e):r(e))||e);return i&&e&&V(t,s,e),e};const c=class c extends f{constructor(){super(),this.internalValue="",this.defaultValue="",this._formState={value:"",disabled:!1,required:!1,isError:!1,isSuccess:!1},this._internals=this.attachInternals()}get value(){return this.internalValue}set value(t){const s=this.value;this.internalValue=t,this.type!=="checkbox"&&this.type!=="radio"&&this._internals?.setFormValue(t),this.updateField(),this.updateFormState(),this.requestUpdate("value",s)}updateFormState(){this._formState={value:this.internalValue,disabled:this.disabled??!1,required:this.required??!1,isError:this.isError??!1,isSuccess:this.isSuccess??!1,name:this.name}}updateField(){this.field&&this.internalValue!==void 0&&(this.field.value=this.internalValue??"")}firstUpdated(){this.type!=="checkbox"&&this.type!=="radio"&&(this.defaultValue=this.value||this.getAttribute("value")||""),this.updateField(),this.updateFormState()}updated(t){super.updated(t),(t.has("disabled")||t.has("required")||t.has("isError")||t.has("isSuccess")||t.has("name"))&&this.updateFormState()}formResetCallback(){this.value=this.defaultValue,this.updateField()}formDisabledCallback(t){this.disabled=t}formStateRestoreCallback(t,s){typeof t=="string"&&(this.value=t)}get form(){return this._internals?.form??null}get validationMessage(){return this._internals?.validationMessage??""}get validity(){return this._internals?.validity}get willValidate(){return this._internals?.willValidate??!1}reportValidity(){return this._internals?.reportValidity()??!0}checkValidity(){return this._internals?.checkValidity()??!0}setCustomValidity(t){this._internals&&this.field&&(t?this._internals.setValidity({customError:!0},t,this.field):this._internals.setValidity({}))}};c.formAssociated=!0;let o=c;u([p({context:m})],o.prototype,"_internals",2);u([p({context:y})],o.prototype,"_formState",2);u([h()],o.prototype,"name",2);u([h({type:Boolean,reflect:!0})],o.prototype,"disabled",2);u([h({type:Boolean,reflect:!0})],o.prototype,"required",2);u([h({type:Boolean,reflect:!0})],o.prototype,"isError",2);u([h({type:Boolean,reflect:!0})],o.prototype,"isSuccess",2);u([h()],o.prototype,"value",1);export{o as C,m as f,b as s};

package/dist/assets/{danger-button.stories-Cb4ljnhQ.js → danger-button.stories-xh25hmfd.js}

@@ -1,4 +1,4 @@
-import{a as Z,A as c,b as n}from"./iframe-dHvya7sk.js";import{s as q}from"./spread-BPiNgQQF.js";import{c as G,n as t}from"./cre8-element-DfmMtHJO.js";import{o as a}from"./if-defined-HKKhGupN.js";import"./icon-DeTLDzTS.js";import"./loading-spinner-g6iJajXH.js";import{e as N}from"./query-BpjciUlk.js";import{C as U}from"./cre8-form-element-bQpK8UYN.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";const Y=Z`@charset "UTF-8";
+import{a as Z,A as c,b as n}from"./iframe-BNJP6ovU.js";import{s as q}from"./spread-CnPic3C2.js";import{c as G,n as t}from"./cre8-element-B35i4Lyg.js";import{o as a}from"./if-defined-Bxnzk64Q.js";import"./icon-ChfRWXWy.js";import"./loading-spinner-C52KNq6y.js";import{e as N}from"./query-BpjciUlk.js";import{C as U}from"./cre8-form-element-Cfc5VeYV.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";const Y=Z`@charset "UTF-8";
 .cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
@@ -373,10 +373,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -549,10 +545,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**

package/dist/assets/{date-picker.stories-Cje3qk8D.js → date-picker.stories-DD_ctzEF.js}

@@ -1,4 +1,4 @@
-import{a as x,b as s,A as f}from"./iframe-dHvya7sk.js";import{s as X}from"./spread-BPiNgQQF.js";import{w as E}from"./decorator-iVSD-Llo.js";import{o as u}from"./if-defined-HKKhGupN.js";import{C as I,n as p}from"./cre8-element-DfmMtHJO.js";import{r as c}from"./state-CfuknrX8.js";import{e as A}from"./query-BpjciUlk.js";import"./icon-DeTLDzTS.js";import"./button-CJL8yzAT.js";import{s as B,f as P}from"./cre8-form-element-bQpK8UYN.js";import{C as q}from"./field-DzYRqQb2.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";import"./loading-spinner-g6iJajXH.js";import"./index.browser-BY9c7rfI.js";import"./field-note-DKXZiXLU.js";class S{constructor(e,t,a,r){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(i,n)=>{this.unsubscribe&&(this.unsubscribe!==n&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=i,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(i,n)),this.unsubscribe=n},this.host=e,t.context!==void 0){const i=t;this.context=i.context,this.callback=i.callback,this.subscribe=i.subscribe??!1}else this.context=t,this.callback=a,this.subscribe=r??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new B(this.context,this.host,this.t,this.subscribe))}}function j({context:d,subscribe:e}){return(t,a)=>{typeof a=="object"?a.addInitializer((function(){new S(this,{context:d,callback:r=>{t.set.call(this,r)},subscribe:e})})):t.constructor.addInitializer((r=>{new S(r,{context:d,callback:i=>{r[a]=i},subscribe:e})}))}}const L=x`.cre8-u-content-knockout-brand {
+import{a as x,b as s,A as f}from"./iframe-BNJP6ovU.js";import{s as X}from"./spread-CnPic3C2.js";import{w as E}from"./decorator-iVSD-Llo.js";import{o as u}from"./if-defined-Bxnzk64Q.js";import{C as I,n as p}from"./cre8-element-B35i4Lyg.js";import{r as c}from"./state-DkQhleoO.js";import{e as A}from"./query-BpjciUlk.js";import"./icon-ChfRWXWy.js";import"./button-CgaWukz0.js";import{s as B,f as P}from"./cre8-form-element-Cfc5VeYV.js";import{C as q}from"./field-BpUYyRW1.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";import"./loading-spinner-C52KNq6y.js";import"./index.browser-BY9c7rfI.js";import"./field-note-fccBckVl.js";class S{constructor(e,t,a,r){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(i,n)=>{this.unsubscribe&&(this.unsubscribe!==n&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=i,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(i,n)),this.unsubscribe=n},this.host=e,t.context!==void 0){const i=t;this.context=i.context,this.callback=i.callback,this.subscribe=i.subscribe??!1}else this.context=t,this.callback=a,this.subscribe=r??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new B(this.context,this.host,this.t,this.subscribe))}}function j({context:d,subscribe:e}){return(t,a)=>{typeof a=="object"?a.addInitializer((function(){new S(this,{context:d,callback:r=>{t.set.call(this,r)},subscribe:e})})):t.constructor.addInitializer((r=>{new S(r,{context:d,callback:i=>{r[a]=i},subscribe:e})}))}}const L=x`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -601,10 +593,6 @@ span.ripple {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -777,10 +765,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1342,10 +1326,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1518,10 +1498,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -2035,10 +2011,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -2211,10 +2183,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -2656,10 +2624,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -2832,10 +2796,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -3308,10 +3268,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -3484,10 +3440,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**

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

@@ -1,4 +1,4 @@
-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 {
+import{a as p,b as l}from"./iframe-BNJP6ovU.js";import{C as g,n as m}from"./cre8-element-B35i4Lyg.js";const c=p`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -625,4 +617,4 @@ span.ripple {
 
 .cre8-c-divider--knockout {
   background-color: var(--cre8-color-border-knockout);
-}`;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);
+}`;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);

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

@@ -1,4 +1,4 @@
-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`
+import{b as r}from"./iframe-BNJP6ovU.js";import{s as a}from"./spread-CnPic3C2.js";import"./divider-xZ2KARHf.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-B35i4Lyg.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`

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

@@ -1,4 +1,4 @@
-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 {
+import{a as h,b as n,A as g}from"./iframe-BNJP6ovU.js";import{C as f,n as m}from"./cre8-element-B35i4Lyg.js";import{r as x}from"./state-DkQhleoO.js";import{e as y}from"./query-BpjciUlk.js";const w=h`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -618,7 +610,7 @@ span.ripple {
   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.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=[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 {
+      </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 {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -992,10 +984,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1168,10 +1156,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -1281,18 +1265,18 @@ ul {
   list-style-type: none;
   padding: var(--cre8-spacing-0);
   margin: 0;
-}`;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">
+}`;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 u=`<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='${h}' aria-hidden="true" class="cre8-c-dropdown--icon-link"></cre8-icon>`:g}
+        ${this.buttonText?n`<cre8-icon svg='${u}' 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='${h}' aria-hidden="true" class="cre8-c-dropdown--icon-button"></cre8-icon>`:g}
+      ${this.buttonText?n`<cre8-icon svg='${u}' 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([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);
+    `}};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);

package/dist/assets/{dropdown-item.stories-pXkDLRuv.js → dropdown-item.stories-Iaw_UrEP.js}

@@ -1,4 +1,4 @@
-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`
+import{b as o}from"./iframe-BNJP6ovU.js";import"./dropdown-BEP5x3CW.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./state-DkQhleoO.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}

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

@@ -1,4 +1,4 @@
-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`
+import{b as o}from"./iframe-BNJP6ovU.js";import"./dropdown-BEP5x3CW.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./state-DkQhleoO.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}

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

@@ -1,4 +1,4 @@
-import{a as e,b as a}from"./iframe-dHvya7sk.js";import"./preload-helper-PPVm8Dsz.js";e`
+import{a as e,b as a}from"./iframe-BNJP6ovU.js";import"./preload-helper-PPVm8Dsz.js";e`
 @import 'design-tokens/core/scss/theming/component';
 
 //  #EXAMPLE-DRUG-CARD

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

@@ -1,4 +1,4 @@
-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{a as f,j as a,r as c,b as m}from"./iframe-BNJP6ovU.js";import{o as y}from"./if-defined-Bxnzk64Q.js";import{n as p}from"./cre8-element-B35i4Lyg.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';
 

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

@@ -1,4 +1,4 @@
-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 {
+import{a as g,b as o}from"./iframe-BNJP6ovU.js";import{s as u}from"./spread-CnPic3C2.js";import"./heading-Dbka33DK.js";import"./text-passage-xQVosjOr.js";import{C as h,n as d}from"./cre8-element-B35i4Lyg.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,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**

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

@@ -1,4 +1,4 @@
-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 {
+import{a as u,b as d,A as g}from"./iframe-BNJP6ovU.js";import{o as i}from"./if-defined-Bxnzk64Q.js";import{n as r}from"./cre8-element-B35i4Lyg.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-Cfc5VeYV.js";import"./field-note-fccBckVl.js";const b=u`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**

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

@@ -1,4 +1,4 @@
-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 {
+import{a as p,b as a}from"./iframe-BNJP6ovU.js";import{C as g,n}from"./cre8-element-B35i4Lyg.js";import"./icon-ChfRWXWy.js";const c=p`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -630,7 +622,7 @@ span.ripple {
  */
 .cre8-c-field-note--inverted {
   color: var(--cre8-color-content-knockout);
-}`;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">
+}`;var u=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&&u(i,m,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="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">
@@ -641,7 +633,7 @@ span.ripple {
           aria-live="${this.fieldNoteAriaLive()??"off"}"
           class="${i}">
         ${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>`:""}
+            ${this.isSuccess===!0?a`<cre8-icon class="cre8-field-note-icon" svg='${h}' aria-hidden="true"></cre8-icon>`:""}
           <div><slot></slot></div>
         </div>
     `}};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 → field-note.stories-BH9AZMbF.js}

@@ -1,4 +1,4 @@
-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:`{
+import{o as c,b as l}from"./iframe-BNJP6ovU.js";import{s as d}from"./spread-CnPic3C2.js";import{s as p}from"./story-helpers-BFn_kBYw.js";import"./field-note-fccBckVl.js";import"./text-link-B3m3KEqY.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./cre8-element-B35i4Lyg.js";import"./icon-ChfRWXWy.js";import"./if-defined-Bxnzk64Q.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.'
   }

package/dist/assets/{field.stories-BvXn0oG6.js → field.stories-BQPtmziK.js}

@@ -1,4 +1,4 @@
-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:`{
+import{b as h}from"./iframe-BNJP6ovU.js";import{s as S}from"./spread-CnPic3C2.js";import"./field-BpUYyRW1.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./cre8-element-B35i4Lyg.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-Cfc5VeYV.js";import"./field-note-fccBckVl.js";import"./icon-ChfRWXWy.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'

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

@@ -1,4 +1,4 @@
-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 {
+import{a as n,b as e}from"./iframe-BNJP6ovU.js";import"./f-po-BdPzDRD-.js";import{s as d}from"./spread-CnPic3C2.js";import{C as m}from"./cre8-element-B35i4Lyg.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bxnzk64Q.js";import"./_commonjsHelpers-DaWZu8wl.js";const s=n`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,10 +372,6 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**
@@ -548,10 +544,6 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
-  --cre8-l-max-width: 82.5rem;
-  /* 1 */
-  --cre8-l-linelength-width: 42rem;
-  /* 1 */
 }
 
 /**

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

@@ -1,4 +1,4 @@
-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`
+import{a as c,b as l}from"./iframe-BNJP6ovU.js";import{w as r}from"./decorator-iVSD-Llo.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";c`