@tmorrow/cre8-wc 2.0.5 → 2.0.7

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

@@ -1,4 +1,4 @@
-import{i as u,b as n,A as f}from"./iframe-CdWmiVXf.js";import{o as a}from"./if-defined-sxEueMHN.js";import{n as t}from"./cre8-element-gkCuLp-W.js";import{e as g}from"./query-BpjciUlk.js";import{n as l}from"./index.browser-BY9c7rfI.js";import{b}from"./icon-DYiIK7a4.js";import"./field-note-txmyzeNl.js";import{C as x}from"./cre8-form-element-DsXhvnkn.js";const k=u`@charset "UTF-8";
+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";
 .cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
@@ -373,6 +373,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -545,6 +549,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -753,7 +761,7 @@ span.ripple {
   cursor: pointer;
   align-items: center;
   justify-content: center;
-  border-radius: var(--cre8-border-radius-small);
+  border-radius: var(--cre8-border-radius-checkbox, var(--cre8-border-radius-small));
   border-width: var(--cre8-border-width-default);
   border-style: var(--cre8-border-style-default);
   background-color: var(--cre8-color-bg-default);
@@ -861,7 +869,10 @@ span.ripple {
 .cre8-c-checkbox-field-item__field-note-success,
 .cre8-c-checkbox-field-item__field-note-error {
   flex-basis: 100%;
-}`;var y=Object.defineProperty,i=(m,r,c,h)=>{for(var o=void 0,d=m.length-1,p;d>=0;d--)(p=m[d])&&(o=p(r,c,o)||o);return o&&y(r,c,o),o};const s=class s extends x{constructor(){super(...arguments),this.type="checkbox",this.errorText="Error",this.successText="Success"}connectedCallback(){super.connectedCallback(),this.setFormData(),this.defaultValue=this.checked}getRole(){return this.closest("cre8-checkbox-field")?"listitem":""}setFormData(){return this.checked?this._internals.setFormValue(this.value||"on"):this._internals.setFormValue(null)}_clickHandler(){return this.checked=!this.checked,this.checked?this._internals.setFormValue(this.value||"on"):this._internals.setFormValue(null)}_handleOnChange(r){const c=r.target;this.value=c.value,this._internals.setFormValue(this.value);const h=new CustomEvent("change",{detail:{name:this.name,value:this.value},bubbles:!0,composed:!0});this.dispatchEvent(h)}formResetCallback(){this.checked=this.defaultValue,this.field.checked=this.defaultValue,this.setFormData(),this.requestUpdate()}firstUpdated(){return this.initializeAria(),super.firstUpdated()}initializeAria(){this.fieldId=this.fieldId||l(),(this.fieldNote||this.slotNotEmpty("fieldNote"))&&(this.ariaDescribedBy=this.ariaDescribedBy||l()),(this.successNote||this.errorNote)&&(this.validationAriaDescribedBy=this.validationAriaDescribedBy||l())}fieldNoteAria(){return this.validationAriaDescribedBy&&this.ariaDescribedBy?`${this.ariaDescribedBy} ${this.validationAriaDescribedBy}`:this.validationAriaDescribedBy&&!this.ariaDescribedBy?this.validationAriaDescribedBy:this.ariaDescribedBy}renderSuccessErrorFieldNote(){return this.successNote?n`<cre8-field-note
+}`;var k=Object.defineProperty,i=(m,r,c,h)=>{for(var o=void 0,d=m.length-1,p;d>=0;d--)(p=m[d])&&(o=p(r,c,o)||o);return o&&k(r,c,o),o};const y=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.8125 3.33285L5.57291 13.5724C5.51347 13.6319 5.44289 13.6791 5.3652 13.7113C5.28751 13.7435 5.20423 13.7601 5.12013 13.7601C5.03603 13.7601 4.95275 13.7435 4.87506 13.7113C4.79737 13.6791 4.72678 13.6319 4.66735 13.5724L0.187547 9.0926C0.0674628 8.97251 0 8.80964 0 8.63982C0 8.46999 0.0674628 8.30712 0.187547 8.18704C0.307632 8.06695 0.470502 7.99949 0.640327 7.99949C0.810153 7.99949 0.973022 8.06695 1.09311 8.18704L5.12013 12.2149L14.9069 2.42729C15.027 2.30721 15.1898 2.23975 15.3597 2.23975C15.5295 2.23975 15.6924 2.30721 15.8125 2.42729C15.9325 2.54738 16 2.71025 16 2.88007C16 3.0499 15.9325 3.21277 15.8125 3.33285Z"/>
+</svg>
+`,s=class s extends b{constructor(){super(...arguments),this.type="checkbox",this.errorText="Error",this.successText="Success"}connectedCallback(){super.connectedCallback(),this.setFormData(),this.defaultValue=this.checked}getRole(){return this.closest("cre8-checkbox-field")?"listitem":""}setFormData(){return this.checked?this._internals.setFormValue(this.value||"on"):this._internals.setFormValue(null)}_clickHandler(){return this.checked=!this.checked,this.checked?this._internals.setFormValue(this.value||"on"):this._internals.setFormValue(null)}_handleOnChange(r){const c=r.target;this.value=c.value,this._internals.setFormValue(this.value);const h=new CustomEvent("change",{detail:{name:this.name,value:this.value},bubbles:!0,composed:!0});this.dispatchEvent(h)}formResetCallback(){this.checked=this.defaultValue,this.field.checked=this.defaultValue,this.setFormData(),this.requestUpdate()}firstUpdated(){return this.initializeAria(),super.firstUpdated()}initializeAria(){this.fieldId=this.fieldId||l(),(this.fieldNote||this.slotNotEmpty("fieldNote"))&&(this.ariaDescribedBy=this.ariaDescribedBy||l()),(this.successNote||this.errorNote)&&(this.validationAriaDescribedBy=this.validationAriaDescribedBy||l())}fieldNoteAria(){return this.validationAriaDescribedBy&&this.ariaDescribedBy?`${this.ariaDescribedBy} ${this.validationAriaDescribedBy}`:this.validationAriaDescribedBy&&!this.ariaDescribedBy?this.validationAriaDescribedBy:this.ariaDescribedBy}renderSuccessErrorFieldNote(){return this.successNote?n`<cre8-field-note
         ?isSuccess=${this.isSuccess}
         id=${this.validationAriaDescribedBy}
         class="cre8-c-checkbox-field-item__field-note-success"
@@ -891,7 +902,7 @@ span.ripple {
           @change=${this._handleOnChange}
         />
         <span class="cre8-c-checkbox-field-item__custom-checkbox">
-          <cre8-icon svg='${b}' class="cre8-c-checkbox-field-item__icon" aria-label="checkbox"
+          <cre8-icon svg='${y}' class="cre8-c-checkbox-field-item__icon" aria-label="checkbox"
           aria-hidden="${!this.checked}"></cre8-icon>
         </span>
         <label class="cre8-c-checkbox-field-item__label" for=${this.fieldId}>${this.label}</label>
@@ -900,4 +911,4 @@ span.ripple {
               ><slot name="fieldNote">${this.fieldNote}</slot></cre8-field-note
             >`:f}
         ${this.renderSuccessErrorFieldNote()}
-    `}};s.styles=[k];let e=s;i([t({type:String})],e.prototype,"label");i([t({type:Boolean,reflect:!0})],e.prototype,"isError");i([t()],e.prototype,"errorText");i([t()],e.prototype,"errorNote");i([t({type:Boolean,reflect:!0})],e.prototype,"isSuccess");i([t()],e.prototype,"successText");i([t()],e.prototype,"successNote");i([t({type:Boolean,reflect:!0})],e.prototype,"disabled");i([t({type:Boolean,reflect:!0})],e.prototype,"checked");i([t()],e.prototype,"fieldId");i([t()],e.prototype,"fieldNote");i([t()],e.prototype,"ariaDescribedBy");i([t()],e.prototype,"validationAriaDescribedBy");i([t({type:Boolean,reflect:!0})],e.prototype,"required");i([t()],e.prototype,"fieldNoteIconName");i([g("input")],e.prototype,"field");customElements.get("cre8-checkbox-field-item")===void 0&&customElements.define("cre8-checkbox-field-item",e);
+    `}};s.styles=[x];let e=s;i([t({type:String})],e.prototype,"label");i([t({type:Boolean,reflect:!0})],e.prototype,"isError");i([t()],e.prototype,"errorText");i([t()],e.prototype,"errorNote");i([t({type:Boolean,reflect:!0})],e.prototype,"isSuccess");i([t()],e.prototype,"successText");i([t()],e.prototype,"successNote");i([t({type:Boolean,reflect:!0})],e.prototype,"disabled");i([t({type:Boolean,reflect:!0})],e.prototype,"checked");i([t()],e.prototype,"fieldId");i([t()],e.prototype,"fieldNote");i([t()],e.prototype,"ariaDescribedBy");i([t()],e.prototype,"validationAriaDescribedBy");i([t({type:Boolean,reflect:!0})],e.prototype,"required");i([t()],e.prototype,"fieldNoteIconName");i([g("input")],e.prototype,"field");customElements.get("cre8-checkbox-field-item")===void 0&&customElements.define("cre8-checkbox-field-item",e);

package/dist/assets/checkbox-field-item.stories-D1aVLDXn.js

@@ -0,0 +1,54 @@
+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:`{
+  args: {
+    label: 'Label'
+  }
+}`,...o.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'Label',
+    checked: true
+  }
+}`,...t.parameters?.docs?.source}}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'Label (optional)'
+  }
+}`,...e.parameters?.docs?.source},description:{story:"As a universal form rule, remember to minimize the number of optional fields to keep forms as short as possible. Include the text `(optional)` at the end of the label for the checkbox.",...e.parameters?.docs?.description}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'Label',
+    isError: true,
+    required: true
+  }
+}`,...i.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'Label',
+    disabled: true
+  }
+}`,...r.parameters?.docs?.source},description:{story:"Using disabled states is not advised. Ideally, never display unavailable actions.",...r.parameters?.docs?.description}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'Label',
+    fieldNote: 'This is a field note.',
+    ariaDescribedBy: 'default-fieldnote-message'
+  }
+}`,...s.parameters?.docs?.source},description:{story:"Optional guidance messaging can be passed via the `fieldNote` property or by using the `fieldNote` slot.\nMessages included in this manner must also include an associated `ariaDescribedBy` id property.\n\nError and success field note messaging are passed via their respective `errorNote` and `successNote` properties,\nand must include an associated `validationAriaDescribedBy` property.",...s.parameters?.docs?.description}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'Label',
+    isError: true,
+    errorNote: 'Short, clear error message',
+    validationAriaDescribedBy: 'error-validation-message'
+  }
+}`,...c.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'Label',
+    isSuccess: true,
+    successNote: 'Short, clear success message',
+    validationAriaDescribedBy: 'success-valitation-message'
+  }
+}`,...n.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'This could mayhaps be the longest title that has ever been put on a checkbox field ever!'
+  }
+}`,...l.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'Rounded checkbox',
+    '--cre8-border-radius-checkbox': '0.5rem'
+  }
+}`,...a.parameters?.docs?.source},description:{story:"The checkbox's corner radius is driven by the `--cre8-border-radius-checkbox`\ndesign token. Adjust it from the **CSS Custom Properties** controls (or the\nexample below) to see it applied live.",...a.parameters?.docs?.description}}};const T=["Default","Preselected","Optional","Error","Disabled","DefaultWithFieldNote","ErrorWithFieldNote","SuccessWithFieldNote","LongTitle","CustomBorderRadius"];export{a as CustomBorderRadius,o as Default,s as DefaultWithFieldNote,r as Disabled,i as Error,c as ErrorWithFieldNote,l as LongTitle,e as Optional,t as Preselected,n as SuccessWithFieldNote,T as __namedExportsOrder,E as default};

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

@@ -1,4 +1,4 @@
-import{i as u,b as p}from"./iframe-CdWmiVXf.js";import"./field-note-txmyzeNl.js";import{o as c}from"./if-defined-sxEueMHN.js";import{C as b,n as t}from"./cre8-element-gkCuLp-W.js";import{n as x}from"./index.browser-BY9c7rfI.js";import"./checkbox-field-item-BVUOuGTx.js";import{s as y}from"./spread-BOaHI3Dl.js";import"./preload-helper-PPVm8Dsz.js";import"./Warning-CawqmTvB.js";import"./Error-X6enME_5.js";import"./icon-DYiIK7a4.js";import"./unsafe-html-BLUBm7l3.js";import"./directive-b18f_ppQ.js";import"./Caret_Down-Bmqq8eNW.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-DsXhvnkn.js";const k=u`.cre8-u-content-knockout-brand {
+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 {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -616,7 +624,7 @@ span.ripple {
 .cre8-c-checkbox-field__list {
   display: flex;
   flex-direction: column;
-}`;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`
+}`;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`
       <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">
@@ -634,7 +642,7 @@ span.ripple {
           ${this.fieldNote}
         </cre8-field-note>`:""}
       </fieldset>
-    `}};g.styles=[k];let e=g;i([t()],e.prototype,"label");i([t()],e.prototype,"fieldNote");i([t()],e.prototype,"ariaDescribedBy");i([t()],e.prototype,"fieldNoteIconName");i([t({type:Boolean,reflect:!0})],e.prototype,"fieldNoteKnockout");i([t({type:Boolean,reflect:!0})],e.prototype,"fieldNoteIsSuccess");i([t({type:Boolean,reflect:!0})],e.prototype,"fieldNoteIsError");customElements.get("cre8-checkbox-field")===void 0&&customElements.define("cre8-checkbox-field",e);const K={title:"cre8 Components/Checkbox Field",component:"cre8-checkbox-field",parameters:{status:{type:"inProgress"}},render:a=>p`
+    `}};g.styles=[k];let e=g;i([t()],e.prototype,"label");i([t()],e.prototype,"fieldNote");i([t()],e.prototype,"ariaDescribedBy");i([t()],e.prototype,"fieldNoteIconName");i([t({type:Boolean,reflect:!0})],e.prototype,"fieldNoteKnockout");i([t({type:Boolean,reflect:!0})],e.prototype,"fieldNoteIsSuccess");i([t({type:Boolean,reflect:!0})],e.prototype,"fieldNoteIsError");customElements.get("cre8-checkbox-field")===void 0&&customElements.define("cre8-checkbox-field",e);const C={title:"cre8 Components/Checkbox Field",component:"cre8-checkbox-field",parameters:{status:{type:"inProgress"}},render:a=>p`
     <cre8-checkbox-field ${y(a)}>
       <cre8-checkbox-field-item label="Default"></cre8-checkbox-field-item>
       <cre8-checkbox-field-item label="Error" ?isError=${!0}></cre8-checkbox-field-item>
@@ -659,4 +667,4 @@ span.ripple {
     fieldNoteIsSuccess: true,
     fieldNoteIconName: 'success'
   }
-}`,...l.parameters?.docs?.source}}};const L=["Default","WithFieldNote","WithErrorFieldNote","WithSuccessFieldNote"];export{n as Default,s as WithErrorFieldNote,d as WithFieldNote,l as WithSuccessFieldNote,L as __namedExportsOrder,K as default};
+}`,...l.parameters?.docs?.source}}};const X=["Default","WithFieldNote","WithErrorFieldNote","WithSuccessFieldNote"];export{n as Default,s as WithErrorFieldNote,d as WithFieldNote,l as WithSuccessFieldNote,X as __namedExportsOrder,C as default};

package/dist/assets/chunk-EUVGDK4H-rHCQfRxh.js

@@ -0,0 +1 @@
+var v="actions",y="storybook/actions",R=`${y}/action-event`,s={depth:10,clearOnStoryChange:!0,limit:50};const{ImplicitActionsDuringRendering:f}=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__,{global:O}=__STORYBOOK_MODULE_GLOBAL__,{addons:u}=__STORYBOOK_MODULE_PREVIEW_API__;var _=(e,r)=>{let t=Object.getPrototypeOf(e);return!t||r(t)?t:_(t,r)},b=e=>!!(typeof e=="object"&&e&&_(e,r=>/^Synthetic(?:Base)?Event$/.test(r.constructor.name))&&typeof e.persist=="function"),D=e=>{if(b(e)){let r=Object.create(e.constructor.prototype,Object.getOwnPropertyDescriptors(e));r.persist();let t=Object.getOwnPropertyDescriptor(r,"view"),n=t?.value;return typeof n=="object"&&n?.constructor.name==="Window"&&Object.defineProperty(r,"view",{...t,value:Object.create(n.constructor.prototype)}),r}return e};function m(e,r={}){let t={...s,...r},n=function(...i){if(r.implicit){let p=("__STORYBOOK_PREVIEW__"in O?O.__STORYBOOK_PREVIEW__:void 0)?.storyRenders.find(c=>c.phase==="playing"||c.phase==="rendering");if(p){let c=!globalThis?.FEATURES?.disallowImplicitActionsInRenderV8,l=new f({phase:p.phase,name:e,deprecated:c});if(c)console.warn(l);else throw l}}let o=u.getChannel(),g=Date.now().toString(36)+Math.random().toString(36).substring(2),E=5,a=i.map(D),h=i.length>1?a:a[0],d={id:g,count:0,data:{name:e,args:h},options:{...t,maxDepth:E+(t.depth||3)}};o.emit(R,d)};return n.isAction=!0,n.implicit=r.implicit,n}var A=(...e)=>{let r=s,t=e;t.length===1&&Array.isArray(t[0])&&([t]=t),t.length!==1&&typeof t[t.length-1]!="string"&&(r={...s,...t.pop()});let n=t[0];(t.length!==1||typeof n=="string")&&(n={},t.forEach(o=>{n[o]=o}));let i={};return Object.keys(n).forEach(o=>{i[o]=m(n[o],r)}),i};export{v as P,A as a,m as b};

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

@@ -1 +1 @@
-import{h as p,u as f,g as m,b as d}from"./iframe-CdWmiVXf.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 C(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 O 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{O as C,x as c,C as n};
+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};

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

@@ -1 +1 @@
-import{C as f,n as h}from"./cre8-element-gkCuLp-W.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-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};

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

@@ -1,7 +1,4 @@
-import{s as G}from"./Caret_Left-CIObD6Xy.js";import{s as X}from"./Caret_Right-BhO63VKn.js";import{i as M,A as c,b as n}from"./iframe-CdWmiVXf.js";import{s as N}from"./spread-BOaHI3Dl.js";import{c as U,n as t}from"./cre8-element-gkCuLp-W.js";import{o as a}from"./if-defined-sxEueMHN.js";import"./icon-DYiIK7a4.js";import"./loading-spinner-Ced-hKjz.js";import{e as Z}from"./query-BpjciUlk.js";import{C as Y}from"./cre8-form-element-DsXhvnkn.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./unsafe-html-BLUBm7l3.js";import"./Caret_Down-Bmqq8eNW.js";import"./Warning-CawqmTvB.js";import"./base-DVmwUFg0.js";const d=`<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 8.43538L9.05077 10.8969C8.9353 11.0124 8.77869 11.0773 8.61539 11.0773C8.45209 11.0773 8.29547 11.0124 8.18 10.8969C8.06453 10.7814 7.99966 10.6248 7.99966 10.4615C7.99966 10.2982 8.06453 10.1416 8.18 10.0262L9.59154 8.61538H4.92308C4.75987 8.61538 4.60334 8.55055 4.48794 8.43514C4.37253 8.31973 4.30769 8.16321 4.30769 8C4.30769 7.83679 4.37253 7.68026 4.48794 7.56486C4.60334 7.44945 4.75987 7.38461 4.92308 7.38461H9.59154L8.18 5.97385C8.06453 5.85837 7.99966 5.70176 7.99966 5.53846C7.99966 5.37516 8.06453 5.21855 8.18 5.10308C8.29547 4.9876 8.45209 4.92273 8.61539 4.92273C8.77869 4.92273 8.9353 4.9876 9.05077 5.10308L11.5123 7.56461C11.5695 7.62177 11.6149 7.68964 11.6459 7.76434C11.6769 7.83905 11.6928 7.91913 11.6928 8C11.6928 8.08087 11.6769 8.16095 11.6459 8.23565C11.6149 8.31036 11.5695 8.37823 11.5123 8.43538Z"/>
-</svg>
-`,J=M`@charset "UTF-8";
+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";
 .cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
@@ -376,6 +373,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -548,6 +549,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1114,7 +1119,7 @@ span.cre8-c-danger-button__icon {
   height: auto;
   max-height: fit-content;
   min-width: 0px;
-}`;var K=Object.defineProperty,e=(u,o,j,Q)=>{for(var i=void 0,F=u.length-1,q;F>=0;F--)(q=u[F])&&(i=q(o,j,i)||i);return i&&K(o,j,i),i};const E=class E extends Y{constructor(){super(...arguments),this.text="Button",this.variant="primary",this.type="button",this.iconRotateDegree=0,this.iconPosition=void 0,this.ariaLive="assertive"}formSubmit(){const o=this._internals.form;o&&o.requestSubmit()}formReset(){const o=this._internals.form;o&&o.reset()}renderDangerButtonLink(o){return n`
+}`;var J=Object.defineProperty,e=(u,o,j,Q)=>{for(var i=void 0,F=u.length-1,M;F>=0;F--)(M=u[F])&&(i=M(o,j,i)||i);return i&&J(o,j,i),i};const E=class E extends U{constructor(){super(...arguments),this.text="Button",this.variant="primary",this.type="button",this.iconRotateDegree=0,this.iconPosition=void 0,this.ariaLive="assertive"}formSubmit(){const o=this._internals.form;o&&o.requestSubmit()}formReset(){const o=this._internals.form;o&&o.reset()}renderDangerButtonLink(o){return n`
           <a
               href="${a(this.href)}"
               class="${o}"
@@ -1142,7 +1147,7 @@ span.cre8-c-danger-button__icon {
               inverted size="small"
               aria-hidden="true"
           ></cre8-loading-spinner>`}
-              </span>`}render(){const o=U("cre8-c-danger-button",{"cre8-c-danger-button--primary":this.variant==="primary","cre8-c-danger-button--secondary":this.variant==="secondary","cre8-c-danger-button--tertiary":this.variant==="tertiary","cre8-c-danger-button--full-width":this.fullWidth===!0,"cre8-c-danger-button--sm":this.size==="sm","cre8-c-danger-button--lg":this.size==="lg","cre8-c-danger-button--icon-only":this.hideText,"cre8-c-danger-button--loading":this.loading,"cre8-c-danger-button--inverted":this.inverted});return this.hideText&&(this.iconPosition="after"),this.href?n`${this.renderDangerButtonLink(o)}`:n`
+              </span>`}render(){const o=G("cre8-c-danger-button",{"cre8-c-danger-button--primary":this.variant==="primary","cre8-c-danger-button--secondary":this.variant==="secondary","cre8-c-danger-button--tertiary":this.variant==="tertiary","cre8-c-danger-button--full-width":this.fullWidth===!0,"cre8-c-danger-button--sm":this.size==="sm","cre8-c-danger-button--lg":this.size==="lg","cre8-c-danger-button--icon-only":this.hideText,"cre8-c-danger-button--loading":this.loading,"cre8-c-danger-button--inverted":this.inverted});return this.hideText&&(this.iconPosition="after"),this.href?n`${this.renderDangerButtonLink(o)}`:n`
           <button
             class="${o}"
             part="button"
@@ -1160,7 +1165,16 @@ span.cre8-c-danger-button__icon {
             </span>
             ${this.iconPosition==="after"&&this.svg?this.renderDangerButtonIconography():c}
             ${this.loading||this.loadingComplete?this.renderDangerButtonLoading():c}
-          </button>`}_buttonClick(o){if(this.loading)o.stopPropagation();else switch(this.type){case"submit":this.formSubmit();break;case"reset":this.formReset();break}}};E.styles=[J];let r=E;e([t()],r.prototype,"text");e([t({type:String})],r.prototype,"variant");e([t({type:Boolean,reflect:!0})],r.prototype,"disabled");e([t()],r.prototype,"href");e([t()],r.prototype,"target");e([t()],r.prototype,"type");e([t()],r.prototype,"rel");e([t()],r.prototype,"svg");e([t({type:Number})],r.prototype,"iconRotateDegree");e([t()],r.prototype,"iconFlipDirection");e([t()],r.prototype,"iconPosition");e([t()],r.prototype,"size");e([t({type:Boolean,reflect:!0})],r.prototype,"hideText");e([t({type:Boolean,reflect:!0})],r.prototype,"fullWidth");e([t({type:Boolean,reflect:!0})],r.prototype,"loading");e([t({type:Boolean,reflect:!0})],r.prototype,"loadingComplete");e([t({type:Boolean})],r.prototype,"inverted");e([t()],r.prototype,"ariaLive");e([t({type:Boolean,reflect:!0})],r.prototype,"buttonAriaExpanded");e([Z("button")],r.prototype,"field");customElements.get("cre8-danger-button")===void 0&&customElements.define("cre8-danger-button",r);const hr={title:"In Development/Danger Button",component:"cre8-danger-button",render:u=>n`<cre8-danger-button ${N(u)}></cre8-danger-button>`,parameters:{status:{type:"inProgress"},actions:{handles:["click","submit"]}},argTypes:{ariaLive:{options:["assertive","polite"],control:"radio"},buttonAriaExpanded:{control:"boolean"},disabled:{control:"boolean"},fullWidth:{control:"boolean"},hideText:{control:"boolean"},svg:{control:"text"},iconRotateDegree:{control:"text"},iconPosition:{options:["before","after"],control:{type:"radio"}},inverted:{control:"boolean"},loading:{control:"boolean"},loadingComplete:{control:"boolean"},text:{control:"text"},href:{control:"text"},size:{options:["sm","lg"],control:{type:"radio"}},variant:{options:["primary","secondary","tertiary"],control:{type:"radio"}}},args:{text:"Button",loading:void 0}},g={args:{text:"Primary"}},s={args:{type:"submit",text:"Submit"}},b={args:{disabled:!0,text:"Button"}},p={args:{text:"Primary",inverted:!0},parameters:{backgrounds:{default:"dark"}}},m={args:{text:"Button",disabled:!0,inverted:!0},parameters:{backgrounds:{default:"dark"}}},v={args:{svg:G,iconPosition:"before",text:"Button"}},h={args:{svg:X,iconPosition:"after",text:"Button"}},y={args:{text:"Button",variant:"secondary"}},f={args:{text:"Button",variant:"secondary",inverted:!0},parameters:{backgrounds:{default:"dark"}}},x={args:{disabled:!0,text:"Button",variant:"secondary"}},w={args:{text:"Button",variant:"secondary",inverted:!0,disabled:!0},parameters:{backgrounds:{default:"dark"}}},k={args:{text:"Button",variant:"tertiary"}},z={args:{text:"Button",variant:"tertiary",inverted:!0},parameters:{backgrounds:{default:"dark"}}},B={args:{disabled:!0,text:"Button",variant:"tertiary"}},S={args:{disabled:!0,text:"Button",variant:"tertiary",inverted:!0},parameters:{backgrounds:{default:"dark"}}},I={args:{fullWidth:!0,text:"Button"}},P={args:{size:"sm",text:"Button"}},T={args:{size:"sm",text:"Button",inverted:!0},parameters:{backgrounds:{default:"dark"}}},C={args:{svg:X,iconPosition:"after",size:"sm",text:"Button"}},_={args:{size:"lg",text:"Button"}},L={args:{size:"lg",text:"Button",inverted:!0},parameters:{backgrounds:{default:"dark"}}},R={args:{svg:X,iconPosition:"after",size:"lg",text:"Button"}},l={args:{hideText:!0,svg:d,iconPosition:"after",text:"Button With Visually Hidden Text",variant:"primary"}},$={args:{hideText:!0,svg:d,iconPosition:"after",text:"Button With Visually Hidden Text",variant:"primary",inverted:!0},parameters:{backgrounds:{default:"dark"}}},D={args:{hideText:!0,svg:d,iconPosition:"after",text:"Button With Visually Hidden Text",variant:"secondary"}},O={args:{hideText:!0,svg:d,iconPosition:"after",text:"Button With Visually Hidden Text",variant:"secondary",inverted:!0},parameters:{backgrounds:{default:"dark"}}},W={args:{hideText:!0,svg:d,iconPosition:"after",text:"Button With Visually Hidden Text",variant:"tertiary"}},V={args:{hideText:!0,inverted:!0,svg:d,iconPosition:"after",text:"Button With Visually Hidden Text",variant:"tertiary"},parameters:{backgrounds:{default:"dark"}}},A={args:{loading:!0,text:"Submit",variant:"primary"}},H={args:{loadingComplete:!0,text:"Submit",variant:"primary"}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+          </button>`}_buttonClick(o){if(this.loading)o.stopPropagation();else switch(this.type){case"submit":this.formSubmit();break;case"reset":this.formReset();break}}};E.styles=[Y];let r=E;e([t()],r.prototype,"text");e([t({type:String})],r.prototype,"variant");e([t({type:Boolean,reflect:!0})],r.prototype,"disabled");e([t()],r.prototype,"href");e([t()],r.prototype,"target");e([t()],r.prototype,"type");e([t()],r.prototype,"rel");e([t()],r.prototype,"svg");e([t({type:Number})],r.prototype,"iconRotateDegree");e([t()],r.prototype,"iconFlipDirection");e([t()],r.prototype,"iconPosition");e([t()],r.prototype,"size");e([t({type:Boolean,reflect:!0})],r.prototype,"hideText");e([t({type:Boolean,reflect:!0})],r.prototype,"fullWidth");e([t({type:Boolean,reflect:!0})],r.prototype,"loading");e([t({type:Boolean,reflect:!0})],r.prototype,"loadingComplete");e([t({type:Boolean})],r.prototype,"inverted");e([t()],r.prototype,"ariaLive");e([t({type:Boolean,reflect:!0})],r.prototype,"buttonAriaExpanded");e([N("button")],r.prototype,"field");customElements.get("cre8-danger-button")===void 0&&customElements.define("cre8-danger-button",r);const K=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.1508 14.7578C12.2184 14.8254 12.272 14.9056 12.3085 14.9939C12.3451 15.0822 12.3639 15.1768 12.3639 15.2724C12.3639 15.3679 12.3451 15.4625 12.3085 15.5508C12.272 15.6391 12.2184 15.7193 12.1508 15.7869C12.0832 15.8544 12.003 15.908 11.9147 15.9446C11.8265 15.9812 11.7318 16 11.6363 16C11.5407 16 11.4461 15.9812 11.3578 15.9446C11.2695 15.908 11.1893 15.8544 11.1218 15.7869L3.8494 8.51452C3.78178 8.44698 3.72814 8.36677 3.69154 8.27849C3.65495 8.1902 3.63611 8.09557 3.63611 8C3.63611 7.90443 3.65495 7.8098 3.69154 7.72151C3.72814 7.63323 3.78178 7.55302 3.8494 7.48548L11.1218 0.213121C11.2582 0.0766618 11.4433 -3.80414e-09 11.6363 0C11.8293 3.80414e-09 12.0143 0.0766618 12.1508 0.213121C12.2873 0.34958 12.3639 0.534658 12.3639 0.72764C12.3639 0.920622 12.2873 1.1057 12.1508 1.24216L5.39205 8L12.1508 14.7578Z"/>
+</svg>
+`,X=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.1506 8.51452L4.87827 15.7869C4.8107 15.8544 4.73049 15.908 4.6422 15.9446C4.55392 15.9812 4.4593 16 4.36375 16C4.26819 16 4.17357 15.9812 4.08529 15.9446C3.99701 15.908 3.9168 15.8544 3.84923 15.7869C3.78166 15.7193 3.72806 15.6391 3.6915 15.5508C3.65493 15.4625 3.63611 15.3679 3.63611 15.2724C3.63611 15.1768 3.65493 15.0822 3.6915 14.9939C3.72806 14.9056 3.78166 14.8254 3.84923 14.7578L10.608 8L3.84923 1.24216C3.71277 1.1057 3.63611 0.920622 3.63611 0.72764C3.63611 0.534658 3.71277 0.34958 3.84923 0.213121C3.98569 0.0766618 4.17077 1.43783e-09 4.36375 0C4.55673 -1.43783e-09 4.74181 0.0766618 4.87827 0.213121L12.1506 7.48548C12.2182 7.55302 12.2719 7.63323 12.3085 7.72151C12.3451 7.8098 12.3639 7.90443 12.3639 8C12.3639 8.09557 12.3451 8.1902 12.3085 8.27849C12.2719 8.36677 12.2182 8.44698 12.1506 8.51452Z"/>
+</svg>
+`,d=`<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 8.43538L9.05077 10.8969C8.9353 11.0124 8.77869 11.0773 8.61539 11.0773C8.45209 11.0773 8.29547 11.0124 8.18 10.8969C8.06453 10.7814 7.99966 10.6248 7.99966 10.4615C7.99966 10.2982 8.06453 10.1416 8.18 10.0262L9.59154 8.61538H4.92308C4.75987 8.61538 4.60334 8.55055 4.48794 8.43514C4.37253 8.31973 4.30769 8.16321 4.30769 8C4.30769 7.83679 4.37253 7.68026 4.48794 7.56486C4.60334 7.44945 4.75987 7.38461 4.92308 7.38461H9.59154L8.18 5.97385C8.06453 5.85837 7.99966 5.70176 7.99966 5.53846C7.99966 5.37516 8.06453 5.21855 8.18 5.10308C8.29547 4.9876 8.45209 4.92273 8.61539 4.92273C8.77869 4.92273 8.9353 4.9876 9.05077 5.10308L11.5123 7.56461C11.5695 7.62177 11.6149 7.68964 11.6459 7.76434C11.6769 7.83905 11.6928 7.91913 11.6928 8C11.6928 8.08087 11.6769 8.16095 11.6459 8.23565C11.6149 8.31036 11.5695 8.37823 11.5123 8.43538Z"/>
+</svg>
+`,ur={title:"In Development/Danger Button",component:"cre8-danger-button",render:u=>n`<cre8-danger-button ${q(u)}></cre8-danger-button>`,parameters:{status:{type:"inProgress"},actions:{handles:["click","submit"]}},argTypes:{ariaLive:{options:["assertive","polite"],control:"radio"},buttonAriaExpanded:{control:"boolean"},disabled:{control:"boolean"},fullWidth:{control:"boolean"},hideText:{control:"boolean"},svg:{control:"text"},iconRotateDegree:{control:"text"},iconPosition:{options:["before","after"],control:{type:"radio"}},inverted:{control:"boolean"},loading:{control:"boolean"},loadingComplete:{control:"boolean"},text:{control:"text"},href:{control:"text"},size:{options:["sm","lg"],control:{type:"radio"}},variant:{options:["primary","secondary","tertiary"],control:{type:"radio"}}},args:{text:"Button",loading:void 0}},g={args:{text:"Primary"}},s={args:{type:"submit",text:"Submit"}},b={args:{disabled:!0,text:"Button"}},p={args:{text:"Primary",inverted:!0},parameters:{backgrounds:{default:"dark"}}},m={args:{text:"Button",disabled:!0,inverted:!0},parameters:{backgrounds:{default:"dark"}}},v={args:{svg:K,iconPosition:"before",text:"Button"}},h={args:{svg:X,iconPosition:"after",text:"Button"}},y={args:{text:"Button",variant:"secondary"}},f={args:{text:"Button",variant:"secondary",inverted:!0},parameters:{backgrounds:{default:"dark"}}},x={args:{disabled:!0,text:"Button",variant:"secondary"}},w={args:{text:"Button",variant:"secondary",inverted:!0,disabled:!0},parameters:{backgrounds:{default:"dark"}}},k={args:{text:"Button",variant:"tertiary"}},z={args:{text:"Button",variant:"tertiary",inverted:!0},parameters:{backgrounds:{default:"dark"}}},C={args:{disabled:!0,text:"Button",variant:"tertiary"}},B={args:{disabled:!0,text:"Button",variant:"tertiary",inverted:!0},parameters:{backgrounds:{default:"dark"}}},S={args:{fullWidth:!0,text:"Button"}},I={args:{size:"sm",text:"Button"}},P={args:{size:"sm",text:"Button",inverted:!0},parameters:{backgrounds:{default:"dark"}}},T={args:{svg:X,iconPosition:"after",size:"sm",text:"Button"}},L={args:{size:"lg",text:"Button"}},_={args:{size:"lg",text:"Button",inverted:!0},parameters:{backgrounds:{default:"dark"}}},R={args:{svg:X,iconPosition:"after",size:"lg",text:"Button"}},l={args:{hideText:!0,svg:d,iconPosition:"after",text:"Button With Visually Hidden Text",variant:"primary"}},$={args:{hideText:!0,svg:d,iconPosition:"after",text:"Button With Visually Hidden Text",variant:"primary",inverted:!0},parameters:{backgrounds:{default:"dark"}}},D={args:{hideText:!0,svg:d,iconPosition:"after",text:"Button With Visually Hidden Text",variant:"secondary"}},O={args:{hideText:!0,svg:d,iconPosition:"after",text:"Button With Visually Hidden Text",variant:"secondary",inverted:!0},parameters:{backgrounds:{default:"dark"}}},W={args:{hideText:!0,svg:d,iconPosition:"after",text:"Button With Visually Hidden Text",variant:"tertiary"}},V={args:{hideText:!0,inverted:!0,svg:d,iconPosition:"after",text:"Button With Visually Hidden Text",variant:"tertiary"},parameters:{backgrounds:{default:"dark"}}},A={args:{loading:!0,text:"Submit",variant:"primary"}},H={args:{loadingComplete:!0,text:"Submit",variant:"primary"}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
   args: {
     text: 'Primary'
   }
@@ -1257,13 +1271,13 @@ span.cre8-c-danger-button__icon {
       default: 'dark'
     }
   }
-}`,...z.parameters?.docs?.source}}};B.parameters={...B.parameters,docs:{...B.parameters?.docs,source:{originalSource:`{
+}`,...z.parameters?.docs?.source}}};C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
   args: {
     disabled: true,
     text: 'Button',
     variant: 'tertiary'
   }
-}`,...B.parameters?.docs?.source}}};S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
+}`,...C.parameters?.docs?.source}}};B.parameters={...B.parameters,docs:{...B.parameters?.docs,source:{originalSource:`{
   args: {
     disabled: true,
     text: 'Button',
@@ -1275,17 +1289,17 @@ span.cre8-c-danger-button__icon {
       default: 'dark'
     }
   }
-}`,...S.parameters?.docs?.source}}};I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
+}`,...B.parameters?.docs?.source}}};S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
   args: {
     fullWidth: true,
     text: 'Button'
   }
-}`,...I.parameters?.docs?.source}}};P.parameters={...P.parameters,docs:{...P.parameters?.docs,source:{originalSource:`{
+}`,...S.parameters?.docs?.source}}};I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
   args: {
     size: 'sm',
     text: 'Button'
   }
-}`,...P.parameters?.docs?.source}}};T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
+}`,...I.parameters?.docs?.source}}};P.parameters={...P.parameters,docs:{...P.parameters?.docs,source:{originalSource:`{
   args: {
     size: 'sm',
     text: 'Button',
@@ -1296,19 +1310,19 @@ span.cre8-c-danger-button__icon {
       default: 'dark'
     }
   }
-}`,...T.parameters?.docs?.source}}};C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
+}`,...P.parameters?.docs?.source}}};T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
   args: {
     svg: svgCaretRight,
     iconPosition: 'after',
     size: 'sm',
     text: 'Button'
   }
-}`,...C.parameters?.docs?.source}}};_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
+}`,...T.parameters?.docs?.source}}};L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
   args: {
     size: 'lg',
     text: 'Button'
   }
-}`,..._.parameters?.docs?.source}}};L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
+}`,...L.parameters?.docs?.source}}};_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
   args: {
     size: 'lg',
     text: 'Button',
@@ -1319,7 +1333,7 @@ span.cre8-c-danger-button__icon {
       default: 'dark'
     }
   }
-}`,...L.parameters?.docs?.source}}};R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{
+}`,..._.parameters?.docs?.source}}};R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{
   args: {
     svg: svgCaretRight,
     iconPosition: 'after',
@@ -1404,4 +1418,4 @@ span.cre8-c-danger-button__icon {
     text: 'Submit',
     variant: 'primary'
   }
-}`,...H.parameters?.docs?.source}}};const yr=["Primary","PrimarySubmit","PrimaryDisabled","PrimaryInverted","PrimaryInvertedDisabled","IconBefore","IconAfter","Secondary","SecondaryInverted","SecondaryDisabled","SecondaryDisabledInverted","Tertiary","TertiaryInverted","TertiaryDisabled","TertiaryDisabledInverted","FullWidth","Small","SmallInverted","SmallIconAfter","Large","LargePrimaryInverted","LargeIconAfter","IconOnlyPrimary","IconOnlyPrimaryInverted","IconOnlySecondary","IconOnlySecondaryInverted","IconOnlyTertiary","IconOnlyTertiaryInverted","Loading","LoadingComplete"];export{I as FullWidth,h as IconAfter,v as IconBefore,l as IconOnlyPrimary,$ as IconOnlyPrimaryInverted,D as IconOnlySecondary,O as IconOnlySecondaryInverted,W as IconOnlyTertiary,V as IconOnlyTertiaryInverted,_ as Large,R as LargeIconAfter,L as LargePrimaryInverted,A as Loading,H as LoadingComplete,g as Primary,b as PrimaryDisabled,p as PrimaryInverted,m as PrimaryInvertedDisabled,s as PrimarySubmit,y as Secondary,x as SecondaryDisabled,w as SecondaryDisabledInverted,f as SecondaryInverted,P as Small,C as SmallIconAfter,T as SmallInverted,k as Tertiary,B as TertiaryDisabled,S as TertiaryDisabledInverted,z as TertiaryInverted,yr as __namedExportsOrder,hr as default};
+}`,...H.parameters?.docs?.source}}};const gr=["Primary","PrimarySubmit","PrimaryDisabled","PrimaryInverted","PrimaryInvertedDisabled","IconBefore","IconAfter","Secondary","SecondaryInverted","SecondaryDisabled","SecondaryDisabledInverted","Tertiary","TertiaryInverted","TertiaryDisabled","TertiaryDisabledInverted","FullWidth","Small","SmallInverted","SmallIconAfter","Large","LargePrimaryInverted","LargeIconAfter","IconOnlyPrimary","IconOnlyPrimaryInverted","IconOnlySecondary","IconOnlySecondaryInverted","IconOnlyTertiary","IconOnlyTertiaryInverted","Loading","LoadingComplete"];export{S as FullWidth,h as IconAfter,v as IconBefore,l as IconOnlyPrimary,$ as IconOnlyPrimaryInverted,D as IconOnlySecondary,O as IconOnlySecondaryInverted,W as IconOnlyTertiary,V as IconOnlyTertiaryInverted,L as Large,R as LargeIconAfter,_ as LargePrimaryInverted,A as Loading,H as LoadingComplete,g as Primary,b as PrimaryDisabled,p as PrimaryInverted,m as PrimaryInvertedDisabled,s as PrimarySubmit,y as Secondary,x as SecondaryDisabled,w as SecondaryDisabledInverted,f as SecondaryInverted,I as Small,T as SmallIconAfter,P as SmallInverted,k as Tertiary,C as TertiaryDisabled,B as TertiaryDisabledInverted,z as TertiaryInverted,gr as __namedExportsOrder,ur as default};