@tmorrow/cre8-wc 2.3.6 → 2.3.9

package/dist/assets/{checkbox-field-item-AzitqhZQ.js → checkbox-field-item-CtyT3byL.js}

@@ -1,4 +1,4 @@
-import{a as u,b as n,A as f}from"./iframe-B4bTcHfE.js";import{o as a}from"./if-defined-DA22R8ho.js";import{n as i}from"./cre8-element-C-P96xHp.js";import{e as g}from"./query-BpjciUlk.js";import{n as l}from"./index.browser-BY9c7rfI.js";import"./icon-JqBqZA-z.js";import"./field-note-Bo9Uvf0_.js";import{C as b}from"./cre8-form-element-1YjfSY90.js";const x=u`@charset "UTF-8";
+import{a as u,b as n,A as f}from"./iframe-DDPT8KPE.js";import{o as a}from"./if-defined-D9Db4BBK.js";import{n as i}from"./cre8-element-D6gzFubi.js";import{e as g}from"./query-BpjciUlk.js";import{n as l}from"./index.browser-BY9c7rfI.js";import"./icon-CxPUuckL.js";import"./field-note-B5lzFPnT.js";import{C as b}from"./cre8-form-element-vpi8SSNA.js";const x=u`@charset "UTF-8";
 .cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
@@ -714,7 +714,7 @@ span.ripple {
   display: flex;
   position: relative;
   align-items: center;
-  margin-bottom: 0.5rem;
+  margin-bottom: var(--cre8-spacing-8);
   min-height: 1.5rem;
   /** 
   * Checkbox field item within last cre8-checkbox-field-item wrapper in a fieldset
@@ -852,7 +852,7 @@ span.ripple {
  * Checkbox field item input 
  */
 .cre8-c-checkbox-field-item__label {
-  margin-left: 2rem;
+  margin-left: var(--cre8-spacing-32);
   font-family: var(--cre8-typography-label-small-font-family);
   font-size: var(--cre8-typography-label-small-font-size);
   font-weight: var(--cre8-typography-label-small-font-weight);

package/dist/assets/{checkbox-field-item.stories-C5kh3YAQ.js → checkbox-field-item.stories-yTrNvGTe.js}

@@ -1,4 +1,4 @@
-import{g as p}from"./iframe-B4bTcHfE.js";import"./field-note-Bo9Uvf0_.js";import"./checkbox-field-item-AzitqhZQ.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-C-P96xHp.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./icon-JqBqZA-z.js";import"./if-defined-DA22R8ho.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-1YjfSY90.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-DDPT8KPE.js";import"./field-note-B5lzFPnT.js";import"./checkbox-field-item-CtyT3byL.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-D6gzFubi.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./icon-CxPUuckL.js";import"./if-defined-D9Db4BBK.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-vpi8SSNA.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-C7oDF7AJ.js → checkbox-field.stories-BYdclwAT.js}

@@ -1,4 +1,4 @@
-import{a as u,b as g}from"./iframe-B4bTcHfE.js";import"./field-note-Bo9Uvf0_.js";import{o as p}from"./if-defined-DA22R8ho.js";import{C as b,n as r}from"./cre8-element-C-P96xHp.js";import{n as x}from"./index.browser-BY9c7rfI.js";import{s as y}from"./light-children-DDjBxt3J.js";import"./checkbox-field-item-AzitqhZQ.js";import{s as k}from"./spread-Bid2THYj.js";import"./preload-helper-PPVm8Dsz.js";import"./icon-JqBqZA-z.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-1YjfSY90.js";const w=u`.cre8-u-content-knockout-brand {
+import{a as u,b as g}from"./iframe-DDPT8KPE.js";import"./field-note-B5lzFPnT.js";import{o as p}from"./if-defined-D9Db4BBK.js";import{C as b,n as r}from"./cre8-element-D6gzFubi.js";import{n as x}from"./index.browser-BY9c7rfI.js";import{s as y}from"./light-children-DDjBxt3J.js";import"./checkbox-field-item-CtyT3byL.js";import{s as k}from"./spread-B6c5bbZ0.js";import"./preload-helper-PPVm8Dsz.js";import"./icon-CxPUuckL.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-vpi8SSNA.js";const w=u`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -614,7 +614,7 @@ span.ripple {
   line-height: var(--cre8-typography-label-small-line-height);
   text-decoration: var(--cre8-typography-label-small-text-decoration);
   text-transform: var(--cre8-typography-label-small-text-transform);
-  margin-bottom: 0.5rem;
+  margin-bottom: var(--cre8-spacing-8);
 }
 
 /** 

package/dist/assets/{container-grid.stories-KJKHfjzu.js → container-grid.stories-CwUxGVIS.js}

@@ -1,4 +1,4 @@
-import{a as $,b as e}from"./iframe-B4bTcHfE.js";import"./f-po-qGnzb4u2.js";import{s as z}from"./spread-Bid2THYj.js";import"./grid-item-2TZHxEoC.js";import{C as G,n as y}from"./cre8-element-C-P96xHp.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DA22R8ho.js";import"./_commonjsHelpers-DaWZu8wl.js";const U=$`.cre8-u-content-knockout-brand {
+import{a as $,b as e}from"./iframe-DDPT8KPE.js";import"./f-po-B5bw1GSj.js";import{s as z}from"./spread-B6c5bbZ0.js";import"./grid-item-4qoiHhwu.js";import{C as G,n as y}from"./cre8-element-D6gzFubi.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-D9Db4BBK.js";import"./_commonjsHelpers-DaWZu8wl.js";const U=$`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -763,7 +763,7 @@ span.ripple {
  */
 ::slotted(cre8-grid-item) {
   display: block;
-  padding: 0.75rem;
+  padding: var(--cre8-padding-8);
   /**
   * Slotted grid item within grid with no gap between items
   */
@@ -777,7 +777,7 @@ span.ripple {
   */
 }
 .cre8-c-container-grid--gap-sm > ::slotted(cre8-grid-item) {
-  padding: 0.25rem;
+  padding: var(--cre8-padding-4);
 }
 ::slotted(cre8-grid-item) {
   /**
@@ -785,7 +785,7 @@ span.ripple {
   */
 }
 .cre8-c-container-grid--gap-lg > ::slotted(cre8-grid-item) {
-  padding: 1rem;
+  padding: var(--cre8-padding-16);
 }
 ::slotted(cre8-grid-item) {
   /**

package/dist/assets/{container.stories-DgYxypy6.js → container.stories-mFk4rPUO.js}

@@ -1,4 +1,4 @@
-import{a as c,b as p}from"./iframe-B4bTcHfE.js";import{s as h}from"./spread-Bid2THYj.js";import"./f-po-qGnzb4u2.js";import{C as u,n as l}from"./cre8-element-C-P96xHp.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DA22R8ho.js";import"./_commonjsHelpers-DaWZu8wl.js";const f=c`.cre8-u-content-knockout-brand {
+import{a as c,b as p}from"./iframe-DDPT8KPE.js";import{s as h}from"./spread-B6c5bbZ0.js";import"./f-po-B5bw1GSj.js";import{C as u,n as l}from"./cre8-element-D6gzFubi.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-D9Db4BBK.js";import"./_commonjsHelpers-DaWZu8wl.js";const f=c`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 

package/dist/assets/{cre8-element-C-P96xHp.js → cre8-element-D6gzFubi.js}

@@ -1 +1 @@
-import{k as u,u as d,j as h,b as f}from"./iframe-B4bTcHfE.js";import{g as m}from"./_commonjsHelpers-DaWZu8wl.js";const b={attribute:!0,type:String,converter:d,reflect:!1,hasChanged:u},y=(n=b,e,r)=>{const{kind:c,metadata:a}=r;let t=globalThis.litPropertyMetadata.get(a);if(t===void 0&&globalThis.litPropertyMetadata.set(a,t=new Map),c==="setter"&&((n=Object.create(n)).wrapped=!0),t.set(r.name,n),c==="accessor"){const{name:s}=r;return{set(o){const i=e.get.call(this);e.set.call(this,o),this.requestUpdate(s,i,n,!0,o)},init(o){return o!==void 0&&this.C(s,void 0,n,o),o}}}if(c==="setter"){const{name:s}=r;return function(o){const i=this[s];e.call(this,o),this.requestUpdate(s,i,n,!0,o)}}throw Error("Unsupported decorator location: "+c)};function x(n){return(e,r)=>typeof r=="object"?y(n,e,r):((c,a,t)=>{const s=a.hasOwnProperty(t);return a.constructor.createProperty(t,c),s?Object.getOwnPropertyDescriptor(a,t):void 0})(n,e,r)}var l={exports:{}},p;function E(){return p||(p=1,(function(n){(function(){var e={}.hasOwnProperty;function r(){for(var t="",s=0;s<arguments.length;s++){var o=arguments[s];o&&(t=a(t,c(o)))}return t}function c(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return r.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var s="";for(var o in t)e.call(t,o)&&t[o]&&(s=a(s,o));return s}function a(t,s){return s?t?t+" "+s:t+s:t}n.exports?(r.default=r,n.exports=r):window.classNames=r})()})(l)),l.exports}var g=E();const v=m(g),C={"tab-change":"tabChange","tab-select":"tabSelected","modal-close":"close-modal","popover-open":"open","popover-close":"close","tooltip-open":"open","tooltip-close":"close","multi-select-change":"selectedItemsChange","remove-tag-click":"removeTagClicked","percent-bar-left-action-click":"leftActionButtonClick","dropdown-item-select":"dropdown-item-selected","split-button-text-click":"text-click","split-button-dropdown-click":"dropdown-click","pagination-change":"pagination.click","chart-click":"cre8-chart-click","chart-hover":"cre8-chart-hover","chart-ready":"cre8-chart-ready"};class S extends h{componentClassNames(e,r={}){return v(e,r)}slotEmpty(e){return!this.querySelector(`[slot="${e}"]`)}slotNotEmpty(e){return this.slotEmpty(e)?null:!this.slotEmpty(e)}dispatch({e,eventName:r,detailObj:c={},optionsObj:a={}}){const t={bubbles:!0,composed:!0,...a,detail:{...e&&{originalEvent:e},...c}};return this.dispatchWithLegacyAlias(new CustomEvent(r,t))}dispatchWithLegacyAlias(e){this.dispatchEvent(e);const r=C[e.type];if(r){const c={bubbles:e.bubbles,composed:e.composed,cancelable:e.cancelable};this.dispatchEvent(e instanceof CustomEvent?new CustomEvent(r,{...c,detail:e.detail}):new Event(r,c))}return e}render(){return f`<slot></slot>`}}export{S as C,v as c,x as n};
+import{k as u,u as d,j as h,b as f}from"./iframe-DDPT8KPE.js";import{g as m}from"./_commonjsHelpers-DaWZu8wl.js";const b={attribute:!0,type:String,converter:d,reflect:!1,hasChanged:u},y=(n=b,e,r)=>{const{kind:c,metadata:a}=r;let t=globalThis.litPropertyMetadata.get(a);if(t===void 0&&globalThis.litPropertyMetadata.set(a,t=new Map),c==="setter"&&((n=Object.create(n)).wrapped=!0),t.set(r.name,n),c==="accessor"){const{name:s}=r;return{set(o){const i=e.get.call(this);e.set.call(this,o),this.requestUpdate(s,i,n,!0,o)},init(o){return o!==void 0&&this.C(s,void 0,n,o),o}}}if(c==="setter"){const{name:s}=r;return function(o){const i=this[s];e.call(this,o),this.requestUpdate(s,i,n,!0,o)}}throw Error("Unsupported decorator location: "+c)};function x(n){return(e,r)=>typeof r=="object"?y(n,e,r):((c,a,t)=>{const s=a.hasOwnProperty(t);return a.constructor.createProperty(t,c),s?Object.getOwnPropertyDescriptor(a,t):void 0})(n,e,r)}var l={exports:{}},p;function E(){return p||(p=1,(function(n){(function(){var e={}.hasOwnProperty;function r(){for(var t="",s=0;s<arguments.length;s++){var o=arguments[s];o&&(t=a(t,c(o)))}return t}function c(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return r.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var s="";for(var o in t)e.call(t,o)&&t[o]&&(s=a(s,o));return s}function a(t,s){return s?t?t+" "+s:t+s:t}n.exports?(r.default=r,n.exports=r):window.classNames=r})()})(l)),l.exports}var g=E();const v=m(g),C={"tab-change":"tabChange","tab-select":"tabSelected","modal-close":"close-modal","popover-open":"open","popover-close":"close","tooltip-open":"open","tooltip-close":"close","multi-select-change":"selectedItemsChange","remove-tag-click":"removeTagClicked","percent-bar-left-action-click":"leftActionButtonClick","dropdown-item-select":"dropdown-item-selected","split-button-text-click":"text-click","split-button-dropdown-click":"dropdown-click","pagination-change":"pagination.click","chart-click":"cre8-chart-click","chart-hover":"cre8-chart-hover","chart-ready":"cre8-chart-ready"};class S extends h{componentClassNames(e,r={}){return v(e,r)}slotEmpty(e){return!this.querySelector(`[slot="${e}"]`)}slotNotEmpty(e){return this.slotEmpty(e)?null:!this.slotEmpty(e)}dispatch({e,eventName:r,detailObj:c={},optionsObj:a={}}){const t={bubbles:!0,composed:!0,...a,detail:{...e&&{originalEvent:e},...c}};return this.dispatchWithLegacyAlias(new CustomEvent(r,t))}dispatchWithLegacyAlias(e){this.dispatchEvent(e);const r=C[e.type];if(r){const c={bubbles:e.bubbles,composed:e.composed,cancelable:e.cancelable};this.dispatchEvent(e instanceof CustomEvent?new CustomEvent(r,{...c,detail:e.detail}):new Event(r,c))}return e}render(){return f`<slot></slot>`}}export{S as C,v as c,x as n};

package/dist/assets/{cre8-form-element-1YjfSY90.js → cre8-form-element-vpi8SSNA.js}

@@ -1 +1 @@
-import{C as p,n as u}from"./cre8-element-C-P96xHp.js";let v=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 b{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 m=class extends Event{constructor(t,s){super("context-provider",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=s}};class d extends b{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 v(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 m(this.context,this.host))}}function f({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 y=Symbol("cre8-form-internals"),x=Symbol("cre8-form-state");var g=Object.defineProperty,V=Object.getOwnPropertyDescriptor,h=(n,t,s,i)=>{for(var e=i>1?void 0:i?V(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&&g(t,s,e),e};const c=class c extends p{constructor(){super(),this.internalValue="",this.hasCustomError=!1,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??"")}focus(t){if(this.field){this.field.focus(t);return}super.focus(t)}syncValidity(){if(!this._internals||!this.field||this.hasCustomError)return;const t=this.field.validity;if(t.valid){this._internals.setValidity({});return}const s={badInput:t.badInput,customError:t.customError,patternMismatch:t.patternMismatch,rangeOverflow:t.rangeOverflow,rangeUnderflow:t.rangeUnderflow,stepMismatch:t.stepMismatch,tooLong:t.tooLong,tooShort:t.tooShort,typeMismatch:t.typeMismatch,valueMissing:t.valueMissing};this._internals.setValidity(s,this.field.validationMessage||"This field is invalid.",this.field)}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(),this.syncValidity()}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.hasCustomError=!0,this._internals.setValidity({customError:!0},t,this.field)):(this.hasCustomError=!1,this.syncValidity()))}};c.formAssociated=!0;let o=c;h([f({context:y})],o.prototype,"_internals",2);h([f({context:x})],o.prototype,"_formState",2);h([u()],o.prototype,"name",2);h([u({type:Boolean,reflect:!0})],o.prototype,"disabled",2);h([u({type:Boolean,reflect:!0})],o.prototype,"required",2);h([u({type:Boolean,reflect:!0})],o.prototype,"isError",2);h([u({type:Boolean,reflect:!0})],o.prototype,"isSuccess",2);h([u()],o.prototype,"value",1);export{o as C,y as f,v as s};
+import{C as p,n as u}from"./cre8-element-D6gzFubi.js";let v=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 b{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 m=class extends Event{constructor(t,s){super("context-provider",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=s}};class d extends b{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 v(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 m(this.context,this.host))}}function f({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 y=Symbol("cre8-form-internals"),x=Symbol("cre8-form-state");var g=Object.defineProperty,V=Object.getOwnPropertyDescriptor,h=(n,t,s,i)=>{for(var e=i>1?void 0:i?V(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&&g(t,s,e),e};const c=class c extends p{constructor(){super(),this.internalValue="",this.hasCustomError=!1,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??"")}focus(t){if(this.field){this.field.focus(t);return}super.focus(t)}syncValidity(){if(!this._internals||!this.field||this.hasCustomError)return;const t=this.field.validity;if(t.valid){this._internals.setValidity({});return}const s={badInput:t.badInput,customError:t.customError,patternMismatch:t.patternMismatch,rangeOverflow:t.rangeOverflow,rangeUnderflow:t.rangeUnderflow,stepMismatch:t.stepMismatch,tooLong:t.tooLong,tooShort:t.tooShort,typeMismatch:t.typeMismatch,valueMissing:t.valueMissing};this._internals.setValidity(s,this.field.validationMessage||"This field is invalid.",this.field)}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(),this.syncValidity()}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.hasCustomError=!0,this._internals.setValidity({customError:!0},t,this.field)):(this.hasCustomError=!1,this.syncValidity()))}};c.formAssociated=!0;let o=c;h([f({context:y})],o.prototype,"_internals",2);h([f({context:x})],o.prototype,"_formState",2);h([u()],o.prototype,"name",2);h([u({type:Boolean,reflect:!0})],o.prototype,"disabled",2);h([u({type:Boolean,reflect:!0})],o.prototype,"required",2);h([u({type:Boolean,reflect:!0})],o.prototype,"isError",2);h([u({type:Boolean,reflect:!0})],o.prototype,"isSuccess",2);h([u()],o.prototype,"value",1);export{o as C,y as f,v as s};

package/dist/assets/{danger-button.stories-DjO-dusH.js → danger-button.stories-BH__J78g.js}

@@ -1,4 +1,4 @@
-import{a as Z,A as i,b as n}from"./iframe-B4bTcHfE.js";import{s as q}from"./spread-Bid2THYj.js";import{c as G,n as t}from"./cre8-element-C-P96xHp.js";import{o as a}from"./if-defined-DA22R8ho.js";import"./icon-JqBqZA-z.js";import"./loading-spinner-DKyQa4wk.js";import{e as N}from"./query-BpjciUlk.js";import{C as U}from"./cre8-form-element-1YjfSY90.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 i,b as n}from"./iframe-DDPT8KPE.js";import{s as q}from"./spread-B6c5bbZ0.js";import{c as G,n as t}from"./cre8-element-D6gzFubi.js";import{o as a}from"./if-defined-D9Db4BBK.js";import"./icon-CxPUuckL.js";import"./loading-spinner-Cr5nQQHU.js";import{e as N}from"./query-BpjciUlk.js";import{C as U}from"./cre8-form-element-vpi8SSNA.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);
 }
@@ -1026,7 +1026,7 @@ span.ripple {
  * Button icon directly before button text
  */
 cre8-icon + .cre8-c-danger-button__text:not(.cre8-u-is-vishidden) {
-  margin-left: 0.5rem;
+  margin-left: var(--cre8-spacing-8);
   display: inline-flex;
 }
 
@@ -1034,7 +1034,7 @@ cre8-icon + .cre8-c-danger-button__text:not(.cre8-u-is-vishidden) {
    * Button icon directly after button text
    */
 .cre8-c-danger-button__text:not(.cre8-u-is-vishidden) + cre8-icon {
-  margin-left: 0.5rem;
+  margin-left: var(--cre8-spacing-8);
   display: inline-flex;
 }
 
@@ -1111,7 +1111,7 @@ cre8-icon {
 }
 
 span.cre8-c-danger-button__icon {
-  margin-left: 0.5rem;
+  margin-left: var(--cre8-spacing-8);
   max-width: fit-content;
   min-width: 0px;
   width: auto;

package/dist/assets/{date-picker.stories-BuoLDvt5.js → date-picker.stories-Fylp_UTS.js}

@@ -1,4 +1,4 @@
-import{a as x,b as s,A as f}from"./iframe-B4bTcHfE.js";import{s as X}from"./spread-Bid2THYj.js";import{w as E}from"./decorator-iVSD-Llo.js";import{o as u}from"./if-defined-DA22R8ho.js";import{C as R,n as p}from"./cre8-element-C-P96xHp.js";import{r as l}from"./state-DNEXh1sp.js";import{e as A}from"./query-BpjciUlk.js";import"./icon-JqBqZA-z.js";import"./button-BYSQD8Gp.js";import{s as B,f as P}from"./cre8-form-element-1YjfSY90.js";import{C as q}from"./field-DW7G8q1Z.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";import"./loading-spinner-DKyQa4wk.js";import"./index.browser-BY9c7rfI.js";import"./field-note-Bo9Uvf0_.js";import"./field.styles-DY4WEjtf.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-DDPT8KPE.js";import{s as X}from"./spread-B6c5bbZ0.js";import{w as E}from"./decorator-iVSD-Llo.js";import{o as u}from"./if-defined-D9Db4BBK.js";import{C as R,n as p}from"./cre8-element-D6gzFubi.js";import{r as l}from"./state-Ds0pqCS8.js";import{e as A}from"./query-BpjciUlk.js";import"./icon-CxPUuckL.js";import"./button-8X2Dk9iy.js";import{s as B,f as P}from"./cre8-form-element-vpi8SSNA.js";import{C as q}from"./field-D0FcR6uM.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";import"./loading-spinner-Cr5nQQHU.js";import"./index.browser-BY9c7rfI.js";import"./field-note-B5lzFPnT.js";import"./field.styles-CYEWQMFp.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);
 }
 

package/dist/assets/{divider-C0LMK6Iw.js → divider-DrXVYE-L.js}

@@ -1,4 +1,4 @@
-import{a as p,b as g}from"./iframe-B4bTcHfE.js";import{C as s,n as m}from"./cre8-element-C-P96xHp.js";const c=p`.cre8-u-content-knockout-brand {
+import{a as p,b as g}from"./iframe-DDPT8KPE.js";import{C as s,n as m}from"./cre8-element-D6gzFubi.js";const c=p`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -597,8 +597,8 @@ span.ripple {
  */
 .cre8-c-divider {
   background-color: var(--cre8-color-border-default);
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
+  margin-top: var(--cre8-spacing-8);
+  margin-bottom: var(--cre8-spacing-8);
 }
 
 .cre8-c-divider--horizontal {
@@ -611,8 +611,8 @@ span.ripple {
   height: 100%;
   margin-top: 0;
   margin-bottom: 0;
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
+  margin-left: var(--cre8-spacing-8);
+  margin-right: var(--cre8-spacing-8);
 }
 
 /**

package/dist/assets/{divider.stories-BVG4AJFY.js → divider.stories-CoszgvfH.js}

@@ -1,4 +1,4 @@
-import{b as r}from"./iframe-B4bTcHfE.js";import{s as a}from"./spread-Bid2THYj.js";import"./divider-C0LMK6Iw.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-C-P96xHp.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-DDPT8KPE.js";import{s as a}from"./spread-B6c5bbZ0.js";import"./divider-DrXVYE-L.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-D6gzFubi.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-Dyzrh4vW.js → dropdown-CA5ix44-.js}

@@ -1,4 +1,4 @@
-import{a as u,b as n,A as g}from"./iframe-B4bTcHfE.js";import{C as f,n as p}from"./cre8-element-C-P96xHp.js";import{r as x}from"./state-DNEXh1sp.js";import{e as w}from"./query-BpjciUlk.js";import{s as y}from"./light-children-DDjBxt3J.js";const v=u`.cre8-u-content-knockout-brand {
+import{a as u,b as n,A as g}from"./iframe-DDPT8KPE.js";import{C as f,n as p}from"./cre8-element-D6gzFubi.js";import{r as x}from"./state-Ds0pqCS8.js";import{e as w}from"./query-BpjciUlk.js";import{s as y}from"./light-children-DDjBxt3J.js";const v=u`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -1235,12 +1235,12 @@ span.ripple {
 
 .cre8-c-dropdown--icon-button {
   color: var(--cre8-color-button-secondary-content);
-  margin-top: 0.5rem;
+  margin-top: var(--cre8-spacing-8);
 }
 
 .cre8-c-dropdown--icon-link {
   color: var(--cre8-color-content-link);
-  margin-top: 0.5rem;
+  margin-top: var(--cre8-spacing-8);
 }
 
 .cre8-c-dropdown--toggle {

package/dist/assets/{dropdown-item.stories-Cvya6h_o.js → dropdown-item.stories-e6dApLPz.js}

@@ -1,4 +1,4 @@
-import{b as o}from"./iframe-B4bTcHfE.js";import"./dropdown-Dyzrh4vW.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-C-P96xHp.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./state-DNEXh1sp.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./light-children-DDjBxt3J.js";const x={title:"In Development/Dropdown Item",component:"cre8-dropdown-item",parameters:{status:{type:"inProgress"},actions:{handles:["dropdown-item-select"]},docs:{story:{height:"300px"}}}},p=({buttonText:e,dropdownContent:r,maxHeight:n,dropdownWithLink:d})=>o`
+import{b as o}from"./iframe-DDPT8KPE.js";import"./dropdown-CA5ix44-.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-D6gzFubi.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./state-Ds0pqCS8.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./light-children-DDjBxt3J.js";const x={title:"In Development/Dropdown Item",component:"cre8-dropdown-item",parameters:{status:{type:"inProgress"},actions:{handles:["dropdown-item-select"]},docs:{story:{height:"300px"}}}},p=({buttonText:e,dropdownContent:r,maxHeight:n,dropdownWithLink:d})=>o`
   <cre8-dropdown
     buttonText=${e}
     maxHeight=${n}

package/dist/assets/{dropdown.stories-CGyaMLDz.js → dropdown.stories-B1h1SPwB.js}

@@ -1,4 +1,4 @@
-import{b as o}from"./iframe-B4bTcHfE.js";import"./dropdown-Dyzrh4vW.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-C-P96xHp.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./state-DNEXh1sp.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./light-children-DDjBxt3J.js";const L={title:"In Development/Dropdown",component:"cre8-dropdown",parameters:{status:{type:"inProgress"},actions:{handles:["dropdown-item-select"]},docs:{story:{height:"300px"}}}},i=({buttonText:p,dropdownContent:m,maxHeight:c,dropdownWithLink:w})=>o`
+import{b as o}from"./iframe-DDPT8KPE.js";import"./dropdown-CA5ix44-.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-D6gzFubi.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./state-Ds0pqCS8.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./light-children-DDjBxt3J.js";const L={title:"In Development/Dropdown",component:"cre8-dropdown",parameters:{status:{type:"inProgress"},actions:{handles:["dropdown-item-select"]},docs:{story:{height:"300px"}}}},i=({buttonText:p,dropdownContent:m,maxHeight:c,dropdownWithLink:w})=>o`
   <cre8-dropdown
     buttonText=${p}
     maxHeight=${c}

package/dist/assets/{f-po-qGnzb4u2.js → f-po-B5bw1GSj.js}

@@ -1,4 +1,4 @@
-import{a as f,j as a,r as c,b as m}from"./iframe-B4bTcHfE.js";import{o as y}from"./if-defined-DA22R8ho.js";import{n as p}from"./cre8-element-C-P96xHp.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-DDPT8KPE.js";import{o as y}from"./if-defined-D9Db4BBK.js";import{n as p}from"./cre8-element-D6gzFubi.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-NH-XwyuG.js → feature.stories-DrhTI47W.js}

@@ -1,4 +1,4 @@
-import{a as g,b as o}from"./iframe-B4bTcHfE.js";import{s as u}from"./spread-Bid2THYj.js";import"./heading-DJFZJNk9.js";import"./text-passage-BrueaqOk.js";import{C as h,n as m}from"./cre8-element-C-P96xHp.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-DDPT8KPE.js";import{s as u}from"./spread-B6c5bbZ0.js";import"./heading-zzuz3Lhl.js";import"./text-passage-CXhgRa33.js";import{C as h,n as m}from"./cre8-element-D6gzFubi.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);
 }
 
@@ -619,14 +619,14 @@ span.ripple {
  * 2) Take up the remaining space on medr screens
  */
 .cre8-c-feature__body {
-  margin-bottom: 2rem;
+  margin-bottom: var(--cre8-spacing-32);
 }
 @media all and (min-width: 768px) {
   .cre8-c-feature__body {
     display: flex;
     flex-direction: column;
     flex: 1;
-    padding-right: 2rem;
+    padding-right: var(--cre8-spacing-32);
     margin-bottom: 0;
   }
 }

package/dist/assets/{field-DW7G8q1Z.js → field-D0FcR6uM.js}

@@ -1,4 +1,4 @@
-import{b as l,A as f}from"./iframe-B4bTcHfE.js";import{o as r}from"./if-defined-DA22R8ho.js";import{n as i}from"./cre8-element-C-P96xHp.js";import{e as y}from"./query-BpjciUlk.js";import{n as c}from"./index.browser-BY9c7rfI.js";import{C as u}from"./cre8-form-element-1YjfSY90.js";import"./field-note-Bo9Uvf0_.js";import{s as m}from"./field.styles-DY4WEjtf.js";var b=Object.defineProperty,t=(n,s,a,$)=>{for(var o=void 0,d=n.length-1,h;d>=0;d--)(h=n[d])&&(o=h(s,a,o)||o);return o&&b(s,a,o),o};const p=class p extends u{constructor(){super(...arguments),this.type="text",this.label="Label",this.ariaLive="polite",this.errorText="Error",this.successText="Success"}firstUpdated(){return this.initializeAria(),super.firstUpdated()}initializeAria(){this.fieldId=this.fieldId||c(),(this.fieldNote||this.slotNotEmpty("fieldNote"))&&(this.ariaDescribedBy=this.ariaDescribedBy||`Field_${c()}`),(this.successNote||this.errorNote)&&(this.validationAriaDescribedBy=this.validationAriaDescribedBy||`Field_validation_${c()}`)}fieldNoteAria(){return this.validationAriaDescribedBy&&this.ariaDescribedBy?`${this.ariaDescribedBy} ${this.validationAriaDescribedBy}`:this.validationAriaDescribedBy&&!this.ariaDescribedBy?this.validationAriaDescribedBy:this.ariaDescribedBy}_handleOnInput(s){const a=s.target.value;this.value=a,this._internals.setFormValue(this.value)}renderSuccessErrorFieldNote(){return this.successNote?l` <cre8-field-note
+import{b as l,A as f}from"./iframe-DDPT8KPE.js";import{o as r}from"./if-defined-D9Db4BBK.js";import{n as i}from"./cre8-element-D6gzFubi.js";import{e as y}from"./query-BpjciUlk.js";import{n as c}from"./index.browser-BY9c7rfI.js";import{C as u}from"./cre8-form-element-vpi8SSNA.js";import"./field-note-B5lzFPnT.js";import{s as m}from"./field.styles-CYEWQMFp.js";var b=Object.defineProperty,t=(n,s,a,$)=>{for(var o=void 0,d=n.length-1,h;d>=0;d--)(h=n[d])&&(o=h(s,a,o)||o);return o&&b(s,a,o),o};const p=class p extends u{constructor(){super(...arguments),this.type="text",this.label="Label",this.ariaLive="polite",this.errorText="Error",this.successText="Success"}firstUpdated(){return this.initializeAria(),super.firstUpdated()}initializeAria(){this.fieldId=this.fieldId||c(),(this.fieldNote||this.slotNotEmpty("fieldNote"))&&(this.ariaDescribedBy=this.ariaDescribedBy||`Field_${c()}`),(this.successNote||this.errorNote)&&(this.validationAriaDescribedBy=this.validationAriaDescribedBy||`Field_validation_${c()}`)}fieldNoteAria(){return this.validationAriaDescribedBy&&this.ariaDescribedBy?`${this.ariaDescribedBy} ${this.validationAriaDescribedBy}`:this.validationAriaDescribedBy&&!this.ariaDescribedBy?this.validationAriaDescribedBy:this.ariaDescribedBy}_handleOnInput(s){const a=s.target.value;this.value=a,this._internals.setFormValue(this.value)}renderSuccessErrorFieldNote(){return this.successNote?l` <cre8-field-note
         ?isSuccess=${this.isSuccess}
         class="cre8-c-field__field-note-success"
         id=${this.validationAriaDescribedBy}

package/dist/assets/{field-note-Bo9Uvf0_.js → field-note-B5lzFPnT.js}

@@ -1,4 +1,4 @@
-import{a as p,b as a}from"./iframe-B4bTcHfE.js";import{C as g,n}from"./cre8-element-C-P96xHp.js";import"./icon-JqBqZA-z.js";const c=p`.cre8-u-content-knockout-brand {
+import{a as p,b as a}from"./iframe-DDPT8KPE.js";import{C as g,n}from"./cre8-element-D6gzFubi.js";import"./icon-CxPUuckL.js";const c=p`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -599,13 +599,13 @@ span.ripple {
 .cre8-c-field-note {
   display: flex;
   align-items: flex-start;
-  gap: 0.25rem;
+  gap: var(--cre8-spacing-4);
   color: var(--cre8-color-content-default);
-  margin-top: 0.25rem;
+  margin-top: var(--cre8-spacing-4);
 }
 
 .cre8-field-note-icon {
-  margin-top: 0.25rem;
+  margin-top: var(--cre8-spacing-4);
   height: 1rem;
   width: 1rem;
 }

package/dist/assets/{field-note.stories-BtghmWb1.js → field-note.stories-Br6Xgztl.js}

@@ -1,4 +1,4 @@
-import{o as c,b as l}from"./iframe-B4bTcHfE.js";import{s as d}from"./spread-Bid2THYj.js";import{s as p}from"./story-helpers-BFn_kBYw.js";import"./field-note-Bo9Uvf0_.js";import"./text-link-BmXuHtC1.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./cre8-element-C-P96xHp.js";import"./icon-JqBqZA-z.js";import"./if-defined-DA22R8ho.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-DDPT8KPE.js";import{s as d}from"./spread-B6c5bbZ0.js";import{s as p}from"./story-helpers-BFn_kBYw.js";import"./field-note-B5lzFPnT.js";import"./text-link-COng-gu_.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./cre8-element-D6gzFubi.js";import"./icon-CxPUuckL.js";import"./if-defined-D9Db4BBK.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-CZtgfXbq.js → field.stories-HfvJtP6h.js}

@@ -1,4 +1,4 @@
-import{b as h}from"./iframe-B4bTcHfE.js";import{s as S}from"./spread-Bid2THYj.js";import"./field.styles-DY4WEjtf.js";import"./preload-helper-PPVm8Dsz.js";const x={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"}},c={args:{label:"Required Field",required:"true"}},d={args:{label:"Required Field with Max Length",maxlength:"10",required:"true"}},i={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-DDPT8KPE.js";import{s as S}from"./spread-B6c5bbZ0.js";import"./field.styles-CYEWQMFp.js";import"./preload-helper-PPVm8Dsz.js";const x={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"}},c={args:{label:"Required Field",required:"true"}},d={args:{label:"Required Field with Max Length",maxlength:"10",required:"true"}},i={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/{field.styles-DY4WEjtf.js → field.styles-CYEWQMFp.js}

@@ -1,4 +1,4 @@
-import{a as e}from"./iframe-B4bTcHfE.js";const t=e`.cre8-u-content-knockout-brand {
+import{a as e}from"./iframe-DDPT8KPE.js";const t=e`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 

package/dist/assets/{footer.stories-5deowSLC.js → footer.stories-BK3EvFy8.js}

@@ -1,4 +1,4 @@
-import{a as n,b as e}from"./iframe-B4bTcHfE.js";import"./f-po-qGnzb4u2.js";import{s as m}from"./spread-Bid2THYj.js";import{C as d}from"./cre8-element-C-P96xHp.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DA22R8ho.js";import"./_commonjsHelpers-DaWZu8wl.js";const p=n`.cre8-u-content-knockout-brand {
+import{a as n,b as e}from"./iframe-DDPT8KPE.js";import"./f-po-B5bw1GSj.js";import{s as m}from"./spread-B6c5bbZ0.js";import{C as d}from"./cre8-element-D6gzFubi.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-D9Db4BBK.js";import"./_commonjsHelpers-DaWZu8wl.js";const p=n`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -600,12 +600,12 @@ span.ripple {
   text-transform: var(--cre8-typography-body-default-text-transform);
   background: var(--cre8-color-bg-brand-xstrong);
   color: var(--cre8-color-content-knockout);
-  padding-top: 2.5rem;
-  padding-bottom: 3rem;
+  padding-top: var(--cre8-spacing-40);
+  padding-bottom: var(--cre8-spacing-48);
 }
 @media all and (min-width: 960px) {
   .cre8-c-footer {
-    padding-top: 3.4375rem;
+    padding-top: var(--cre8-spacing-48);
   }
 }`,o=class o extends d{render(){const i=this.componentClassNames("cre8-c-footer",{});return e`
       <footer class="${i}" role="contentinfo">

package/dist/assets/{form-C_mLqAJr.js → form-Dbh-V7vb.js}

@@ -1,4 +1,4 @@
-import{a as f,b as u}from"./iframe-B4bTcHfE.js";import{C as m,n as c}from"./cre8-element-C-P96xHp.js";const a=f`
+import{a as f,b as u}from"./iframe-DDPT8KPE.js";import{C as m,n as c}from"./cre8-element-D6gzFubi.js";const a=f`
   cre8-form {
     display: block;
   }

package/dist/assets/{form.stories-Cd-nnRvS.js → form.stories-fewQpnSP.js}

@@ -1,4 +1,4 @@
-import{b as o}from"./iframe-B4bTcHfE.js";import"./field-DW7G8q1Z.js";import"./button-BYSQD8Gp.js";import"./button-group-Clrz8Qlx.js";import"./grid-Ceoso7cm.js";import"./grid-item-2TZHxEoC.js";import"./form-C_mLqAJr.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DA22R8ho.js";import"./cre8-element-C-P96xHp.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-1YjfSY90.js";import"./field-note-Bo9Uvf0_.js";import"./icon-JqBqZA-z.js";import"./field.styles-DY4WEjtf.js";import"./loading-spinner-DKyQa4wk.js";const D={title:"cre8 Components/Form",component:"cre8-form",parameters:{status:{type:"inProgress"},controls:{hideNoControlsWarning:!0},docs:{description:{component:"Groups form-associated Cre8 controls, aggregates their validation on submit, and orchestrates submit and reset. Renders to light DOM so the controls are owned by a real `<form>`, which means layout components such as `cre8-grid` can be nested inside freely."}}},argTypes:{novalidate:{control:{type:"boolean"},description:"Skips aggregate validation on submit."},disabled:{control:{type:"boolean"},description:"Disables every control in the form."}}},s=n=>{const a=n.detail;console.log("form-submit",a.values)},c=n=>{const a=n.detail;console.log("form-invalid",a.invalidControls)},i={render:()=>o`
+import{b as o}from"./iframe-DDPT8KPE.js";import"./field-D0FcR6uM.js";import"./button-8X2Dk9iy.js";import"./button-group-A_PXJVGQ.js";import"./grid-C9c58hKa.js";import"./grid-item-4qoiHhwu.js";import"./form-Dbh-V7vb.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-D9Db4BBK.js";import"./cre8-element-D6gzFubi.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./index.browser-BY9c7rfI.js";import"./cre8-form-element-vpi8SSNA.js";import"./field-note-B5lzFPnT.js";import"./icon-CxPUuckL.js";import"./field.styles-CYEWQMFp.js";import"./loading-spinner-Cr5nQQHU.js";const D={title:"cre8 Components/Form",component:"cre8-form",parameters:{status:{type:"inProgress"},controls:{hideNoControlsWarning:!0},docs:{description:{component:"Groups form-associated Cre8 controls, aggregates their validation on submit, and orchestrates submit and reset. Renders to light DOM so the controls are owned by a real `<form>`, which means layout components such as `cre8-grid` can be nested inside freely."}}},argTypes:{novalidate:{control:{type:"boolean"},description:"Skips aggregate validation on submit."},disabled:{control:{type:"boolean"},description:"Disables every control in the form."}}},s=n=>{const a=n.detail;console.log("form-submit",a.values)},c=n=>{const a=n.detail;console.log("form-invalid",a.invalidControls)},i={render:()=>o`
     <cre8-form @form-submit=${s}>
       <cre8-field name="firstName" label="First name"></cre8-field>
       <cre8-field name="lastName" label="Last name"></cre8-field>

package/dist/assets/{formatter-L2YTDE3Q-Boj-9QnE.js → formatter-L2YTDE3Q-T6LgtDy0.js}

@@ -1 +1 @@
-import{b as m}from"./blocks-D37TnjJk.js";import{d as o,f as t}from"./iframe-B4bTcHfE.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};
+import{b as m}from"./blocks-CDGRFHUM.js";import{d as o,f as t}from"./iframe-DDPT8KPE.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};

package/dist/assets/{global-nav-item-CpegmRaY.js → global-nav-item-B5o04IO7.js}

@@ -1,4 +1,4 @@
-import{a as p,b as a}from"./iframe-B4bTcHfE.js";import{o as g}from"./if-defined-DA22R8ho.js";import{C as h,n as o}from"./cre8-element-C-P96xHp.js";import{r as u}from"./state-DNEXh1sp.js";const f=p`.cre8-u-content-knockout-brand {
+import{a as p,b as a}from"./iframe-DDPT8KPE.js";import{o as g}from"./if-defined-D9Db4BBK.js";import{C as h,n as o}from"./cre8-element-D6gzFubi.js";import{r as u}from"./state-Ds0pqCS8.js";const f=p`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -620,7 +620,7 @@ span.ripple {
   white-space: nowrap;
   width: 100%;
   margin: 0;
-  padding: 0.5rem 1rem;
+  padding: var(--cre8-padding-8) var(--cre8-padding-16);
   color: var(--cre8-global-nav-link-color, var(--cre8-color-content-subtle));
   text-decoration: none;
   transition: all var(--cre8-anim-fade-quick) var(--cre8-anim-ease);
@@ -658,14 +658,14 @@ cre8-icon-legacy {
 }
 @media all and (min-width: 960px) {
   cre8-icon-legacy {
-    margin-left: 0.5rem;
+    margin-left: var(--cre8-spacing-8);
   }
 }
 
 .cre8-c-global-nav__item-after {
   --cre8-icon-height: 0.75rem;
   --cre8-icon-width: 0.75rem;
-  margin-left: 0.5rem;
+  margin-left: var(--cre8-spacing-8);
 }`;var b=Object.defineProperty,n=(s,e,t,m)=>{for(var i=void 0,d=s.length-1,c;d>=0;d--)(c=s[d])&&(i=c(e,t,i)||i);return i&&b(e,t,i),i};const l=class l extends h{constructor(){super(),this.text="Nav item",this.href="#",this.iconName="keyboard-arrow-down",this._handleOnClickOutside=this._handleOnClickOutside.bind(this),this._clickHandler=this._clickHandler.bind(this)}connectedCallback(){super.connectedCallback(),document.addEventListener("mousedown",this._handleOnClickOutside,!1)}disconnectedCallback(){document.removeEventListener("mousedown",this._handleOnClickOutside,!1),super.disconnectedCallback()}_handleOnClickOutside(e){if(!this.isActive)return;if(!this.shadowRoot?.host)throw Error("Could not determine navigation context during click handler");const t=e.composedPath().includes(this.shadowRoot.host);this.isActive&&!t&&(this.isActive=!1)}_clickHandler(e){e.preventDefault(),this.parentNode&&this.parentNode.querySelectorAll("cre8-global-nav-item").forEach(m=>{m!==this&&(m.isActive=!1)}),this.isActive=!this.isActive}closePanel(){this.isActive=!1}_handleOnKeyDown(e){if(e.key==="Escape"&&this.isActive===!0){this.closePanel();const t=this.shadowRoot?.querySelector(".cre8-c-global-nav__link");t&&setTimeout(()=>{t.focus()},1)}}render(){const e=this.componentClassNames("cre8-c-global-nav__item",{"cre8-is-active":this.isActive===!0,"cre8-c-global-nav__item--megamenu":this.megaMenu===!0});return this.megaMenu?a`
             <li class="${e}" @keydown=${this._handleOnKeyDown}>
                 <div class="cre8-c-global-nav__item-content">

package/dist/assets/{global-nav-item.stories-pzQ6MjlF.js → global-nav-item.stories-COpdgZmH.js}

@@ -1 +1 @@
-import{b as o}from"./iframe-B4bTcHfE.js";import{s as t}from"./spread-Bid2THYj.js";import"./global-nav-item-CpegmRaY.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DA22R8ho.js";import"./cre8-element-C-P96xHp.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./state-DNEXh1sp.js";const d={title:"Cre8 Components/Global Nav Item",component:"cre8-global-nav-item",parameters:{status:{type:"inProgress"}}},r=e=>o`<cre8-global-nav-item ${t(e)}>Hello world</cre8-global-nav-item>`;r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:"args => html`<cre8-global-nav-item ${spread(args)}>Hello world</cre8-global-nav-item>`",...r.parameters?.docs?.source}}};const g=["Default"];export{r as Default,g as __namedExportsOrder,d as default};
+import{b as o}from"./iframe-DDPT8KPE.js";import{s as t}from"./spread-B6c5bbZ0.js";import"./global-nav-item-B5o04IO7.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-D9Db4BBK.js";import"./cre8-element-D6gzFubi.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./state-Ds0pqCS8.js";const d={title:"Cre8 Components/Global Nav Item",component:"cre8-global-nav-item",parameters:{status:{type:"inProgress"}}},r=e=>o`<cre8-global-nav-item ${t(e)}>Hello world</cre8-global-nav-item>`;r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:"args => html`<cre8-global-nav-item ${spread(args)}>Hello world</cre8-global-nav-item>`",...r.parameters?.docs?.source}}};const g=["Default"];export{r as Default,g as __namedExportsOrder,d as default};

package/dist/assets/{global-nav.stories-Cdi6-0Mv.js → global-nav.stories-CQ6gFgqn.js}

@@ -1,4 +1,4 @@
-import{a as g,b as s}from"./iframe-B4bTcHfE.js";import{s as c}from"./spread-Bid2THYj.js";import"./global-nav-item-CpegmRaY.js";import{C as u,n as o}from"./cre8-element-C-P96xHp.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DA22R8ho.js";import"./state-DNEXh1sp.js";import"./_commonjsHelpers-DaWZu8wl.js";const h=g`.cre8-u-content-knockout-brand {
+import{a as g,b as s}from"./iframe-DDPT8KPE.js";import{s as c}from"./spread-B6c5bbZ0.js";import"./global-nav-item-B5o04IO7.js";import{C as u,n as o}from"./cre8-element-D6gzFubi.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-D9Db4BBK.js";import"./state-Ds0pqCS8.js";import"./_commonjsHelpers-DaWZu8wl.js";const h=g`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 

package/dist/assets/{grid-Ceoso7cm.js → grid-C9c58hKa.js}

@@ -1,4 +1,4 @@
-import{a as g,b as s}from"./iframe-B4bTcHfE.js";import{C as p,n as d}from"./cre8-element-C-P96xHp.js";const c=g`.cre8-u-content-knockout-brand {
+import{a as g,b as s}from"./iframe-DDPT8KPE.js";import{C as p,n as d}from"./cre8-element-D6gzFubi.js";const c=g`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -766,7 +766,7 @@ span.ripple {
  */
 ::slotted(cre8-grid-item) {
   display: block;
-  padding: 0.75rem;
+  padding: var(--cre8-padding-8);
   /**
   * Slotted grid item within grid with no gap between items
   */
@@ -780,7 +780,7 @@ span.ripple {
   */
 }
 .cre8-c-grid--gap-sm > ::slotted(cre8-grid-item) {
-  padding: 0.25rem;
+  padding: var(--cre8-padding-4);
 }
 ::slotted(cre8-grid-item) {
   /**
@@ -788,7 +788,7 @@ span.ripple {
   */
 }
 .cre8-c-grid--gap-lg > ::slotted(cre8-grid-item) {
-  padding: 1rem;
+  padding: var(--cre8-padding-16);
 }
 ::slotted(cre8-grid-item) {
   /**

package/dist/assets/{grid-item-2TZHxEoC.js → grid-item-4qoiHhwu.js}

@@ -1,4 +1,4 @@
-import{a as d,b as l}from"./iframe-B4bTcHfE.js";import{C as p,n as g}from"./cre8-element-C-P96xHp.js";const s=d`.cre8-u-content-knockout-brand {
+import{a as d,b as l}from"./iframe-DDPT8KPE.js";import{C as p,n as g}from"./cre8-element-D6gzFubi.js";const s=d`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 

package/dist/assets/{grid.stories-Bt9-ikgE.js → grid.stories-Dq7eL7uT.js}

@@ -1,4 +1,4 @@
-import{b as r}from"./iframe-B4bTcHfE.js";import"./f-po-qGnzb4u2.js";import{s as T}from"./spread-Bid2THYj.js";import"./grid-item-2TZHxEoC.js";import"./grid-Ceoso7cm.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DA22R8ho.js";import"./cre8-element-C-P96xHp.js";import"./_commonjsHelpers-DaWZu8wl.js";const B={title:"Cre8 Components/Grid",component:"cre8-grid",parameters:{status:{type:"inProgress"}}},e=l=>r`<cre8-grid ${T(l)}>
+import{b as r}from"./iframe-DDPT8KPE.js";import"./f-po-B5bw1GSj.js";import{s as T}from"./spread-B6c5bbZ0.js";import"./grid-item-4qoiHhwu.js";import"./grid-C9c58hKa.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-D9Db4BBK.js";import"./cre8-element-D6gzFubi.js";import"./_commonjsHelpers-DaWZu8wl.js";const B={title:"Cre8 Components/Grid",component:"cre8-grid",parameters:{status:{type:"inProgress"}}},e=l=>r`<cre8-grid ${T(l)}>
   <cre8-grid-item>
     <f-po>Grid Item 1</f-po>
   </cre8-grid-item>

package/dist/assets/{header.stories-BpKWWJPz.js → header.stories-BLEMPDXq.js}

@@ -1,4 +1,4 @@
-import{a as l,b as i}from"./iframe-B4bTcHfE.js";import"./f-po-qGnzb4u2.js";import{s}from"./spread-Bid2THYj.js";import{r as c}from"./state-DNEXh1sp.js";import{C as g}from"./cre8-element-C-P96xHp.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DA22R8ho.js";import"./_commonjsHelpers-DaWZu8wl.js";const h=l`.cre8-u-content-knockout-brand {
+import{a as l,b as i}from"./iframe-DDPT8KPE.js";import"./f-po-B5bw1GSj.js";import{s}from"./spread-B6c5bbZ0.js";import{r as c}from"./state-Ds0pqCS8.js";import{C as g}from"./cre8-element-D6gzFubi.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-D9Db4BBK.js";import"./_commonjsHelpers-DaWZu8wl.js";const h=l`.cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }
 
@@ -639,8 +639,8 @@ span.ripple {
   display: flex;
   align-items: center;
   width: 100%;
-  padding-top: 1rem;
-  padding-bottom: 1rem;
+  padding-top: var(--cre8-padding-16);
+  padding-bottom: var(--cre8-padding-16);
 }
 
 .cre8-c-header__bottom {

package/dist/assets/{heading-DJFZJNk9.js → heading-zzuz3Lhl.js}

@@ -1,4 +1,4 @@
-import{a as m,b as t}from"./iframe-B4bTcHfE.js";import{C as h,n as l}from"./cre8-element-C-P96xHp.js";const c=m`@charset "UTF-8";
+import{a as m,b as t}from"./iframe-DDPT8KPE.js";import{C as h,n as l}from"./cre8-element-D6gzFubi.js";const c=m`@charset "UTF-8";
 .cre8-u-content-knockout-brand {
   color: var(--cre8-color-content-knockout-brand);
 }

package/dist/assets/{heading.stories-rcwb69Bn.js → heading.stories-CEK-s9V_.js}

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