@tmorrow/cre8-wc 2.3.4 → 2.3.6

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

@@ -1,6 +1,6 @@
-import{a as Z,A as c,b as n}from"./iframe-BH5yZqve.js";import{s as q}from"./spread-CEvCYGEM.js";import{c as G,n as t}from"./cre8-element-C32P9iMC.js";import{o as a}from"./if-defined-CE1QkYoV.js";import"./icon-CRGiEUM0.js";import"./loading-spinner-KSDrx_ka.js";import{e as N}from"./query-BpjciUlk.js";import{C as U}from"./cre8-form-element-C-cxFbUF.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-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";
 .cre8-u-content-knockout-brand {
-  color: var(----cre8-color-content-knockout-brand);
+  color: var(--cre8-color-content-knockout-brand);
 }
 
 .cre8-u-is-hidden {
@@ -73,23 +73,23 @@ import{a as Z,A as c,b as n}from"./iframe-BH5yZqve.js";import{s as q}from"./spre
 }
 
 .cre8-u-margin-sm {
-  margin: size(1) !important;
+  margin: 0.5rem !important;
 }
 
 .cre8-u-margin-md {
-  margin: size(2) !important;
+  margin: 1rem !important;
 }
 
 .cre8-u-margin-lg {
-  margin: size(3) !important;
+  margin: 1.5rem !important;
 }
 
 .cre8-u-margin-xl {
-  margin: size(4) !important;
+  margin: 2rem !important;
 }
 
 .cre8-u-margin-xxl {
-  margin: size(8) !important;
+  margin: 4rem !important;
 }
 
 .cre8-u-margin-top-none {
@@ -97,23 +97,23 @@ import{a as Z,A as c,b as n}from"./iframe-BH5yZqve.js";import{s as q}from"./spre
 }
 
 .cre8-u-margin-top-sm {
-  margin-top: size(1) !important;
+  margin-top: 0.5rem !important;
 }
 
 .cre8-u-margin-top-md {
-  margin-top: size(2) !important;
+  margin-top: 1rem !important;
 }
 
 .cre8-u-margin-top-lg {
-  margin-top: size(3) !important;
+  margin-top: 1.5rem !important;
 }
 
 .cre8-u-margin-top-xl {
-  margin-top: size(4) !important;
+  margin-top: 2rem !important;
 }
 
 .cre8-u-margin-top-xxl {
-  margin-top: size(8) !important;
+  margin-top: 4rem !important;
 }
 
 .cre8-u-margin-right-none {
@@ -121,23 +121,23 @@ import{a as Z,A as c,b as n}from"./iframe-BH5yZqve.js";import{s as q}from"./spre
 }
 
 .cre8-u-margin-right-sm {
-  margin-right: size(1) !important;
+  margin-right: 0.5rem !important;
 }
 
 .cre8-u-margin-right-md {
-  margin-right: size(2) !important;
+  margin-right: 1rem !important;
 }
 
 .cre8-u-margin-right-lg {
-  margin-right: size(3) !important;
+  margin-right: 1.5rem !important;
 }
 
 .cre8-u-margin-right-xl {
-  margin-right: size(4) !important;
+  margin-right: 2rem !important;
 }
 
 .cre8-u-margin-right-xxl {
-  margin-right: size(8) !important;
+  margin-right: 4rem !important;
 }
 
 .cre8-u-margin-bottom-none {
@@ -145,32 +145,32 @@ import{a as Z,A as c,b as n}from"./iframe-BH5yZqve.js";import{s as q}from"./spre
 }
 
 .cre8-u-margin-bottom-sm {
-  margin-bottom: size(1) !important;
+  margin-bottom: 0.5rem !important;
 }
 
 .cre8-u-margin-bottom-md {
-  margin-bottom: size(2) !important;
+  margin-bottom: 1rem !important;
 }
 
 .cre8-u-margin-bottom-lg {
-  margin-bottom: size(3) !important;
+  margin-bottom: 1.5rem !important;
 }
 
 .cre8-u-margin-bottom-xl {
-  margin-bottom: size(4) !important;
+  margin-bottom: 2rem !important;
 }
 
 .cre8-u-margin-bottom-xxl {
-  margin-bottom: size(8) !important;
+  margin-bottom: 4rem !important;
 }
 
 .cre8-u-margin-bottom-xl-xxl {
-  margin-bottom: size(4) !important;
+  margin-bottom: 2rem !important;
 }
 
 @media all and (min-width: 768px) {
   .cre8-u-margin-bottom-xl-xxl {
-    margin-bottom: size(8) !important;
+    margin-bottom: 4rem !important;
   }
 }
 .cre8-u-margin-left-none {
@@ -178,23 +178,23 @@ import{a as Z,A as c,b as n}from"./iframe-BH5yZqve.js";import{s as q}from"./spre
 }
 
 .cre8-u-margin-left-sm {
-  margin-left: size(1) !important;
+  margin-left: 0.5rem !important;
 }
 
 .cre8-u-margin-left-md {
-  margin-left: size(2) !important;
+  margin-left: 1rem !important;
 }
 
 .cre8-u-margin-left-lg {
-  margin-left: size(3) !important;
+  margin-left: 1.5rem !important;
 }
 
 .cre8-u-margin-left-xl {
-  margin-left: size(4) !important;
+  margin-left: 2rem !important;
 }
 
 .cre8-u-margin-left-xxl {
-  margin-left: size(8) !important;
+  margin-left: 4rem !important;
 }
 
 .cre8-u-padding-none {
@@ -202,23 +202,23 @@ import{a as Z,A as c,b as n}from"./iframe-BH5yZqve.js";import{s as q}from"./spre
 }
 
 .cre8-u-padding-sm {
-  padding: size(1) !important;
+  padding: 0.5rem !important;
 }
 
 .cre8-u-padding-md {
-  padding: size(2) !important;
+  padding: 1rem !important;
 }
 
 .cre8-u-padding-lg {
-  padding: size(3) !important;
+  padding: 1.5rem !important;
 }
 
 .cre8-u-padding-xl {
-  padding: size(4) !important;
+  padding: 2rem !important;
 }
 
 .cre8-u-padding-xxl {
-  padding: size(8) !important;
+  padding: 4rem !important;
 }
 
 .cre8-u-padding-top-none {
@@ -226,23 +226,23 @@ import{a as Z,A as c,b as n}from"./iframe-BH5yZqve.js";import{s as q}from"./spre
 }
 
 .cre8-u-padding-top-sm {
-  padding-top: size(1) !important;
+  padding-top: 0.5rem !important;
 }
 
 .cre8-u-padding-top-md {
-  padding-top: size(2) !important;
+  padding-top: 1rem !important;
 }
 
 .cre8-u-padding-top-lg {
-  padding-top: size(3) !important;
+  padding-top: 1.5rem !important;
 }
 
 .cre8-u-padding-top-xl {
-  padding-top: size(4) !important;
+  padding-top: 2rem !important;
 }
 
 .cre8-u-padding-top-xxl {
-  padding-top: size(8) !important;
+  padding-top: 4rem !important;
 }
 
 .cre8-u-padding-right-none {
@@ -250,23 +250,23 @@ import{a as Z,A as c,b as n}from"./iframe-BH5yZqve.js";import{s as q}from"./spre
 }
 
 .cre8-u-padding-right-sm {
-  padding-right: size(1) !important;
+  padding-right: 0.5rem !important;
 }
 
 .cre8-u-padding-right-md {
-  padding-right: size(2) !important;
+  padding-right: 1rem !important;
 }
 
 .cre8-u-padding-right-lg {
-  padding-right: size(3) !important;
+  padding-right: 1.5rem !important;
 }
 
 .cre8-u-padding-right-xl {
-  padding-right: size(4) !important;
+  padding-right: 2rem !important;
 }
 
 .cre8-u-padding-right-xxl {
-  padding-right: size(8) !important;
+  padding-right: 4rem !important;
 }
 
 .cre8-u-padding-bottom-none {
@@ -274,23 +274,23 @@ import{a as Z,A as c,b as n}from"./iframe-BH5yZqve.js";import{s as q}from"./spre
 }
 
 .cre8-u-padding-bottom-sm {
-  padding-bottom: size(1) !important;
+  padding-bottom: 0.5rem !important;
 }
 
 .cre8-u-padding-bottom-md {
-  padding-bottom: size(2) !important;
+  padding-bottom: 1rem !important;
 }
 
 .cre8-u-padding-bottom-lg {
-  padding-bottom: size(3) !important;
+  padding-bottom: 1.5rem !important;
 }
 
 .cre8-u-padding-bottom-xl {
-  padding-bottom: size(4) !important;
+  padding-bottom: 2rem !important;
 }
 
 .cre8-u-padding-bottom-xxl {
-  padding-bottom: size(8) !important;
+  padding-bottom: 4rem !important;
 }
 
 .cre8-u-padding-left-none {
@@ -298,23 +298,23 @@ import{a as Z,A as c,b as n}from"./iframe-BH5yZqve.js";import{s as q}from"./spre
 }
 
 .cre8-u-padding-left-sm {
-  padding-left: size(1) !important;
+  padding-left: 0.5rem !important;
 }
 
 .cre8-u-padding-left-md {
-  padding-left: size(2) !important;
+  padding-left: 1rem !important;
 }
 
 .cre8-u-padding-left-lg {
-  padding-left: size(3) !important;
+  padding-left: 1.5rem !important;
 }
 
 .cre8-u-padding-left-xl {
-  padding-left: size(4) !important;
+  padding-left: 2rem !important;
 }
 
 .cre8-u-padding-left-xxl {
-  padding-left: size(8) !important;
+  padding-left: 4rem !important;
 }
 
 .cre8-u-display-flex {
@@ -330,7 +330,6 @@ body {
   font-size: var(--cre8-typography-body-default-font-size);
   font-weight: var(--cre8-typography-body-default-font-weight);
   line-height: var(--cre8-typography-body-default-line-height);
-  -webkit-text-decoration: var(--cre8-typography-body-default-text-decoration);
   text-decoration: var(--cre8-typography-body-default-text-decoration);
   text-transform: var(--cre8-typography-body-default-text-transform);
   display: flex;
@@ -338,7 +337,7 @@ body {
   padding: 0;
   margin: 0;
   color: var(--cre8-color-content-default);
-  background: var(--background-default);
+  background: var(--cre8-color-bg-default);
 }
 
 @media all and (min-width: 60rem) {
@@ -1119,7 +1118,7 @@ span.cre8-c-danger-button__icon {
   height: auto;
   max-height: fit-content;
   min-width: 0px;
-}`;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`
+}`;var J=Object.defineProperty,e=(u,o,j,Q)=>{for(var c=void 0,F=u.length-1,M;F>=0;F--)(M=u[F])&&(c=M(o,j,c)||c);return c&&J(o,j,c),c};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}"
@@ -1127,21 +1126,21 @@ span.cre8-c-danger-button__icon {
               target="${a(this.target)}"
           >
             ${this.iconPosition==="before"?n`<cre8-icon width="16" height="16" aria-hidden="true" svg="${a(this.svg)}">
-        </cre8-icon>`:c}
+        </cre8-icon>`:i}
       <span
           class="${this.hideText?"cre8-u-is-vishidden cre8-c-danger-button__text":"cre8-c-danger-button__text"}"
       >
           ${this.text}
       </span>
       ${this.iconPosition==="after"?n`<cre8-icon width="16" height="16" aria-hidden="true" svg="${a(this.svg)}">
-        </cre8-icon> `:c}
+        </cre8-icon> `:i}
       </a>
         `}renderDangerButtonIconography(){return n`
         <cre8-icon width="16" height="16" aria-hidden="true" svg="${this.svg}"></cre8-icon>
       `}renderDangerButtonLoading(){return n`
           <span class="cre8-c-danger-button__icon" aria-live="${this.ariaLive}" role="alert">
               <span class="cre8-u-is-vishidden">${this.loadingComplete?"Loading Complete":"Loading"}</span>
-              ${this.loadingComplete?c:n`
+              ${this.loadingComplete?i:n`
           <cre8-loading-spinner
               class="cre8-c-danger-button__loading-icon"
               inverted size="small"
@@ -1157,14 +1156,14 @@ span.cre8-c-danger-button__icon {
             aria-expanded=${a(this.buttonAriaExpanded)}
             type=${this.type}
           >
-            ${this.iconPosition==="before"&&this.svg?this.renderDangerButtonIconography():c}
+            ${this.iconPosition==="before"&&this.svg?this.renderDangerButtonIconography():i}
             <span
               class="${this.hideText?"cre8-u-is-vishidden cre8-c-danger-button__text":"cre8-c-danger-button__text"}"
             >
                 ${this.text}
             </span>
-            ${this.iconPosition==="after"&&this.svg?this.renderDangerButtonIconography():c}
-            ${this.loading||this.loadingComplete?this.renderDangerButtonLoading():c}
+            ${this.iconPosition==="after"&&this.svg?this.renderDangerButtonIconography():i}
+            ${this.loading||this.loadingComplete?this.renderDangerButtonLoading():i}
           </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>
@@ -1174,7 +1173,7 @@ span.cre8-c-danger-button__icon {
 `,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:`{
+`,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"}},m={args:{text:"Primary",inverted:!0},parameters:{backgrounds:{default:"dark"}}},p={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"}},C={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"}}},z={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'
   }
@@ -1188,7 +1187,7 @@ span.cre8-c-danger-button__icon {
     disabled: true,
     text: 'Button'
   }
-}`,...b.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+}`,...b.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
   args: {
     text: 'Primary',
     inverted: true
@@ -1198,7 +1197,7 @@ span.cre8-c-danger-button__icon {
       default: 'dark'
     }
   }
-}`,...p.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+}`,...m.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
   args: {
     text: 'Button',
     disabled: true,
@@ -1209,7 +1208,7 @@ span.cre8-c-danger-button__icon {
       default: 'dark'
     }
   }
-}`,...m.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
+}`,...p.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
   args: {
     svg: svgCaretLeft,
     iconPosition: 'before',
@@ -1260,7 +1259,7 @@ span.cre8-c-danger-button__icon {
     text: 'Button',
     variant: 'tertiary'
   }
-}`,...k.parameters?.docs?.source}}};z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
+}`,...k.parameters?.docs?.source}}};C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
   args: {
     text: 'Button',
     variant: 'tertiary',
@@ -1271,13 +1270,13 @@ span.cre8-c-danger-button__icon {
       default: 'dark'
     }
   }
-}`,...z.parameters?.docs?.source}}};C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
+}`,...C.parameters?.docs?.source}}};B.parameters={...B.parameters,docs:{...B.parameters?.docs,source:{originalSource:`{
   args: {
     disabled: true,
     text: 'Button',
     variant: 'tertiary'
   }
-}`,...C.parameters?.docs?.source}}};B.parameters={...B.parameters,docs:{...B.parameters?.docs,source:{originalSource:`{
+}`,...B.parameters?.docs?.source}}};S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
   args: {
     disabled: true,
     text: 'Button',
@@ -1289,17 +1288,17 @@ span.cre8-c-danger-button__icon {
       default: 'dark'
     }
   }
-}`,...B.parameters?.docs?.source}}};S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
+}`,...S.parameters?.docs?.source}}};I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
   args: {
     fullWidth: true,
     text: 'Button'
   }
-}`,...S.parameters?.docs?.source}}};I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
+}`,...I.parameters?.docs?.source}}};P.parameters={...P.parameters,docs:{...P.parameters?.docs,source:{originalSource:`{
   args: {
     size: 'sm',
     text: 'Button'
   }
-}`,...I.parameters?.docs?.source}}};P.parameters={...P.parameters,docs:{...P.parameters?.docs,source:{originalSource:`{
+}`,...P.parameters?.docs?.source}}};T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
   args: {
     size: 'sm',
     text: 'Button',
@@ -1310,14 +1309,14 @@ span.cre8-c-danger-button__icon {
       default: 'dark'
     }
   }
-}`,...P.parameters?.docs?.source}}};T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
+}`,...T.parameters?.docs?.source}}};z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
   args: {
     svg: svgCaretRight,
     iconPosition: 'after',
     size: 'sm',
     text: 'Button'
   }
-}`,...T.parameters?.docs?.source}}};L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
+}`,...z.parameters?.docs?.source}}};L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
   args: {
     size: 'lg',
     text: 'Button'
@@ -1418,4 +1417,4 @@ span.cre8-c-danger-button__icon {
     text: 'Submit',
     variant: 'primary'
   }
-}`,...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};
+}`,...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{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,L as Large,R as LargeIconAfter,_ as LargePrimaryInverted,A as Loading,H as LoadingComplete,g as Primary,b as PrimaryDisabled,m as PrimaryInverted,p as PrimaryInvertedDisabled,s as PrimarySubmit,y as Secondary,x as SecondaryDisabled,w as SecondaryDisabledInverted,f as SecondaryInverted,P as Small,z as SmallIconAfter,T as SmallInverted,k as Tertiary,B as TertiaryDisabled,S as TertiaryDisabledInverted,C as TertiaryInverted,gr as __namedExportsOrder,ur as default};