@zonos/elements 1.2.2 → 1.2.4-alpha.1

package/dist/types/types/hello/HelloConfig.d.ts

@@ -1,23 +1,23 @@
 import type { HelloCurrencyBehavior, HelloEstimateBehavior, HelloMobileLocation, HelloPeekMessageBehavior, HelloRestrictionBehavior, Mode } from "../generated/graphql.customer.types";
 export type HelloConfig = {
-  allowedDomains: Array<string>;
-  anchorElementSelector: string;
-  cartUrlPattern: string | null;
-  currencyBehavior: HelloCurrencyBehavior;
-  currencyElementSelector: string;
-  dutyTaxEstimationBehavior: HelloEstimateBehavior;
-  excludedUrlPatterns: Array<string>;
-  homepageUrlPattern: string | null;
-  mobileLocation: HelloMobileLocation;
-  mode: Mode;
-  organization: string;
-  peekMessageBehavior: HelloPeekMessageBehavior;
-  peekMessageDelay: number;
-  productAddToCartElementSelector: string | null;
-  productDescriptionElementSelector: string | null;
-  productDetailUrlPattern: string | null;
-  productListUrlPattern: string | null;
-  productPriceElementSelector: string | null;
-  productTitleElementSelector: string | null;
-  restrictionBehavior: HelloRestrictionBehavior;
+    allowedDomains: Array<string>;
+    anchorElementSelector: string;
+    cartUrlPattern: string | null;
+    currencyBehavior: HelloCurrencyBehavior;
+    currencyElementSelector: string;
+    dutyTaxEstimationBehavior: HelloEstimateBehavior;
+    excludedUrlPatterns: Array<string>;
+    homepageUrlPattern: string | null;
+    mobileLocation: HelloMobileLocation;
+    mode: Mode;
+    organization: string;
+    peekMessageBehavior: HelloPeekMessageBehavior;
+    peekMessageDelay: number;
+    productAddToCartElementSelector: string | null;
+    productDescriptionElementSelector: string | null;
+    productDetailUrlPattern: string | null;
+    productListUrlPattern: string | null;
+    productPriceElementSelector: string | null;
+    productTitleElementSelector: string | null;
+    restrictionBehavior: HelloRestrictionBehavior;
 };

package/dist/types/types/hello/Product.d.ts

@@ -1,5 +1,5 @@
 export type Product = {
-  cartButtonNode: Element | null;
-  description: string;
-  title: string;
+    cartButtonNode: Element | null;
+    description: string;
+    title: string;
 };

package/dist/types/types/hello/RestrictedItem.d.ts

@@ -1,6 +1,6 @@
 import type { CheckItemRestrictionsMutation } from "../generated/graphql.customer.types";
 type Items = CheckItemRestrictionsMutation['itemRestrictionApply']['items'];
 export type RestrictedItem = Items[number] & {
-  name?: string;
+    name?: string;
 };
 export {};

package/dist/types/types/online-store/OnlineStoreConfig.d.ts

@@ -1,3 +1,3 @@
 export type OnlineStoreConfig = {
-  allowedDomains: Array<string>;
+    allowedDomains: Array<string>;
 };

package/dist/types/types/stripe/Apperance.d.ts

@@ -11,9 +11,9 @@ type SupportedPropertyName = (typeof supportedPropertyNames)[number];
  * }
  */
 export type StripeRuleType = {
-  [selector: string]: {
-    [cssPropertyName in SupportedPropertyName]?: string;
-  };
+    [selector: string]: {
+        [cssPropertyName in SupportedPropertyName]?: string;
+    };
 };
 export type StripeVariablesType = Appearance['variables'];
 export {};

package/dist/types/types/styles/Text.d.ts

@@ -1,94 +1,94 @@
 export declare const textOptions: {
-  readonly pageHeader: {
-    readonly label: "Page Header (3XL) · 34px (2.125rem)";
-    readonly size: "3xl";
-    readonly tag: "h2";
-    readonly weight: 900;
-  };
-  readonly secondaryPageHeader: {
-    readonly label: "Secondary Page Header (3XL) • 34px, 500 \"Medium\"";
-    readonly size: "3xl";
-    readonly tag: "h2";
-    readonly weight: 500;
-  };
-  readonly header: {
-    readonly label: "Header (2XL) · 28px (1.75rem)";
-    readonly size: "2xl";
-    readonly tag: "h3";
-    readonly weight: 700;
-  };
-  readonly descriptionHeader: {
-    readonly label: "Description Header (2XL) · 28px (1.75rem)";
-    readonly size: "2xl";
-    readonly tag: "h3";
-    readonly weight: 700;
-  };
-  readonly title: {
-    readonly label: "Title (XL) • 22px (1.375rem)";
-    readonly size: "xl";
-    readonly tag: "h4";
-    readonly weight: 600;
-  };
-  readonly boldSubheader: {
-    readonly label: "Bold Subheader (L) • 18px (1.125rem)";
-    readonly size: "l";
-    readonly tag: "h5";
-    readonly weight: 700;
-  };
-  readonly semiBoldSubheader: {
-    readonly label: "Semi Bold Subheader (L / H4) • 18px (1.125rem)";
-    readonly size: "l";
-    readonly tag: "h5";
-    readonly weight: 600;
-  };
-  readonly subheader: {
-    readonly label: "Subheader (L) • 18px (1.125rem)";
-    readonly size: "l";
-    readonly tag: "h5";
-    readonly weight: 500;
-  };
-  readonly boldLabel: {
-    readonly label: "Bold Label (Base) • 14px (.875rem)";
-    readonly size: "base";
-    readonly tag: "span";
-    readonly weight: 700;
-  };
-  readonly semiBoldLabel: {
-    readonly label: "Semi Bold Label (Base) • 14px (.875rem)";
-    readonly size: "base";
-    readonly tag: "span";
-    readonly weight: 600;
-  };
-  readonly label: {
-    readonly label: "Label (Base) • 14px (.875rem)";
-    readonly size: "base";
-    readonly tag: "span";
-    readonly weight: 500;
-  };
-  readonly body: {
-    readonly label: "Body (Base) • 14px (.875rem)";
-    readonly size: "base";
-    readonly tag: "span";
-    readonly weight: 400;
-  };
-  readonly smallHeader: {
-    readonly label: "Small header (S) • 12px (.75rem)";
-    readonly size: "s";
-    readonly tag: "span";
-    readonly weight: 600;
-  };
-  readonly caption: {
-    readonly label: "Caption (S) • 12px (.75rem)";
-    readonly size: "s";
-    readonly tag: "span";
-    readonly weight: 400;
-  };
-  readonly hintText: {
-    readonly label: "Hint text (XS) • 10px (.625rem)";
-    readonly size: "xs";
-    readonly tag: "span";
-    readonly weight: 400;
-  };
+    readonly pageHeader: {
+        readonly label: "Page Header (3XL) · 34px (2.125rem)";
+        readonly size: "3xl";
+        readonly tag: "h2";
+        readonly weight: 900;
+    };
+    readonly secondaryPageHeader: {
+        readonly label: "Secondary Page Header (3XL) • 34px, 500 \"Medium\"";
+        readonly size: "3xl";
+        readonly tag: "h2";
+        readonly weight: 500;
+    };
+    readonly header: {
+        readonly label: "Header (2XL) · 28px (1.75rem)";
+        readonly size: "2xl";
+        readonly tag: "h3";
+        readonly weight: 700;
+    };
+    readonly descriptionHeader: {
+        readonly label: "Description Header (2XL) · 28px (1.75rem)";
+        readonly size: "2xl";
+        readonly tag: "h3";
+        readonly weight: 700;
+    };
+    readonly title: {
+        readonly label: "Title (XL) • 22px (1.375rem)";
+        readonly size: "xl";
+        readonly tag: "h4";
+        readonly weight: 600;
+    };
+    readonly boldSubheader: {
+        readonly label: "Bold Subheader (L) • 18px (1.125rem)";
+        readonly size: "l";
+        readonly tag: "h5";
+        readonly weight: 700;
+    };
+    readonly semiBoldSubheader: {
+        readonly label: "Semi Bold Subheader (L / H4) • 18px (1.125rem)";
+        readonly size: "l";
+        readonly tag: "h5";
+        readonly weight: 600;
+    };
+    readonly subheader: {
+        readonly label: "Subheader (L) • 18px (1.125rem)";
+        readonly size: "l";
+        readonly tag: "h5";
+        readonly weight: 500;
+    };
+    readonly boldLabel: {
+        readonly label: "Bold Label (Base) • 14px (.875rem)";
+        readonly size: "base";
+        readonly tag: "span";
+        readonly weight: 700;
+    };
+    readonly semiBoldLabel: {
+        readonly label: "Semi Bold Label (Base) • 14px (.875rem)";
+        readonly size: "base";
+        readonly tag: "span";
+        readonly weight: 600;
+    };
+    readonly label: {
+        readonly label: "Label (Base) • 14px (.875rem)";
+        readonly size: "base";
+        readonly tag: "span";
+        readonly weight: 500;
+    };
+    readonly body: {
+        readonly label: "Body (Base) • 14px (.875rem)";
+        readonly size: "base";
+        readonly tag: "span";
+        readonly weight: 400;
+    };
+    readonly smallHeader: {
+        readonly label: "Small header (S) • 12px (.75rem)";
+        readonly size: "s";
+        readonly tag: "span";
+        readonly weight: 600;
+    };
+    readonly caption: {
+        readonly label: "Caption (S) • 12px (.75rem)";
+        readonly size: "s";
+        readonly tag: "span";
+        readonly weight: 400;
+    };
+    readonly hintText: {
+        readonly label: "Hint text (XS) • 10px (.625rem)";
+        readonly size: "xs";
+        readonly tag: "span";
+        readonly weight: 400;
+    };
 };
 type TextOptions = typeof textOptions;
 export type Size = TextOptions[keyof TextOptions]['size'];

package/dist/types/types/utils/deep/IDeepKeyof.d.ts

@@ -10,7 +10,7 @@ type IDelimiter = '.';
  *
  */
 export type IDeepKeyof<T extends object, Depth extends IRecursiveDepth = 4> = IRecursionLimited<Depth, {
-  [K in Extract<keyof T, string>]: T[K] extends Array<unknown> ? K : T[K] extends object ? `${K}${IDelimiter}${IDeepKeyof<T[K], IPrev[Depth]>}` : K;
+    [K in Extract<keyof T, string>]: T[K] extends Array<unknown> ? K : T[K] extends object ? `${K}${IDelimiter}${IDeepKeyof<T[K], IPrev[Depth]>}` : K;
 }[Extract<keyof T, string>]>;
 /**
  * Extracts a type for a field given a property path string.

package/dist/types/types/utils/deep/IDeepKeyofAtIndex.d.ts

@@ -2,10 +2,10 @@ import type { IRecursionLimited } from "../../index";
 type IPrev = [never, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
 type IRecursiveDepth = IPrev[number];
 type IDeepKeyofObjAndArray<T extends object, Depth extends IRecursiveDepth = 4> = IRecursionLimited<Depth, {
-  [K in Extract<keyof T, string>]: T[K] extends unknown[] ? T[K][number] extends object ? `${K}[number].${IDeepKeyofObjAndArray<T[K][number], IPrev[Depth]>}` : `${K}[number]` : T[K] extends object ? `${K}.${IDeepKeyofObjAndArray<T[K], IPrev[Depth]>}` : K;
+    [K in Extract<keyof T, string>]: T[K] extends unknown[] ? T[K][number] extends object ? `${K}[number].${IDeepKeyofObjAndArray<T[K][number], IPrev[Depth]>}` : `${K}[number]` : T[K] extends object ? `${K}.${IDeepKeyofObjAndArray<T[K], IPrev[Depth]>}` : K;
 }[Extract<keyof T, string>]>;
 export type IDeepKeyofAtIndex<T extends object, Depth extends IRecursiveDepth = 4> = {
-  [Path in IDeepKeyofObjAndArray<T, Depth>]: Path extends `${string}[number]${string}` ? Path : Path extends `${string}[number]` ? Path : never;
+    [Path in IDeepKeyofObjAndArray<T, Depth>]: Path extends `${string}[number]${string}` ? Path : Path extends `${string}[number]` ? Path : never;
 }[IDeepKeyofObjAndArray<T, Depth>];
 /**
  * Extracts a type for a field given a property path string.

package/dist/types/utils/generateVercelDeployUrl.d.ts

@@ -6,6 +6,6 @@
  * @urlExample zonos-elements-serverless-git-fe-525-ref-shipping-b14253-zonos.vercel.app
  */
 export declare const generateVercelDeployUrl: ({ branchName, projectName, }: {
-  branchName: string;
-  projectName: string;
+    branchName: string;
+    projectName: string;
 }) => string;

package/dist/zonos-elements/assets/RemoveIcon.svg

@@ -1 +1 @@
-<svg color="var(--amino-gray-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" data-is-secondary-color="true" fill="var(--amino-gray-200)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>
+<svg color="var(--amino-red-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" data-is-secondary-color="true" fill="var(--amino-red-200)" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>

package/dist/zonos-elements/index.esm.js

@@ -1 +1 @@
-export{c as cartStore,a as cartStoreApplySubtotals,b as cartStoreGetShippingTransitInfo,d as cartStoreNextStep,e as cartStorePreviousStep,f as cartStoreReCalculateTotal,g as cartStoreReset,h as cartStoreUpdateItems,i as cartStoreUpdateSelectedShippingOption,j as cartStoreUpdateToErrorState}from"./p-25db3885.js";import"./p-08695f4e.js";import"./p-dc8d7000.js";import"./p-770c959e.js";import"./p-bf070bf6.js";import"./p-0e0b46a5.js";
+export{c as cartStore,a as cartStoreApplySubtotals,b as cartStoreGetShippingTransitInfo,d as cartStoreNextStep,e as cartStorePreviousStep,f as cartStoreReCalculateTotal,g as cartStoreReset,h as cartStoreUpdateItems,i as cartStoreUpdateSelectedShippingOption,j as cartStoreUpdateToErrorState}from"./p-c299049e.js";import"./p-77a7929b.js";import"./p-cf8aaa17.js";import"./p-1f8b684a.js";import"./p-8bbad467.js";import"./p-e1de2a1f.js";

package/dist/zonos-elements/p-0175125e.system.js

@@ -0,0 +1 @@
+System.register(["./p-72ea628d.system.js","./p-643eeb24.system.js","./p-bec05c21.system.js","./p-779621e4.system.js","./p-754bdfdb.system.js","./p-80ba24a8.system.js"],(function(s){"use strict";return{setters:[function(t){var e={};e.cartStore=t.c;e.cartStoreApplySubtotals=t.a;e.cartStoreGetShippingTransitInfo=t.b;e.cartStoreNextStep=t.d;e.cartStorePreviousStep=t.e;e.cartStoreReCalculateTotal=t.f;e.cartStoreReset=t.g;e.cartStoreUpdateItems=t.h;e.cartStoreUpdateSelectedShippingOption=t.i;e.cartStoreUpdateToErrorState=t.j;s(e)},function(){},function(){},function(){},function(){},function(){}],execute:function(){}}}));

package/dist/zonos-elements/p-03923a86.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-bec05c21.system.js"],(function(t){"use strict";var o,n;return{setters:[function(t){o=t.r;n=t.h}],execute:function(){function s(t,o,n){return(t||"")+(o?" ".concat(o):"")+(n?" ".concat(n):"")}var h=":host{font-family:var(--font-family, Inter), Inter;display:block}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}div{color:red;font-size:large}";var i=t("zonos_component",function(){function t(t){o(this,t);this.first="";this.middle="";this.last=""}t.prototype.getText=function(){return s(this.first,this.middle,this.last)};t.prototype.render=function(){return n("div",null,"Hello, World! I'm ",this.getText())};return t}());i.style=h}}}));

package/dist/zonos-elements/p-08298e74.entry.js

@@ -0,0 +1 @@
+import{r as o,h as r,H as a}from"./p-cf8aaa17.js";import{e as s}from"./p-77a7929b.js";import{c as e}from"./p-b4b7f705.js";const t=class{constructor(r){o(this,r),this.handleSlotChange=()=>{this.hasContent=!0},this.bannerTitle=void 0,this.intent=void 0,this.class="",this.hasContent=!1}render(){const o=({color:o})=>{const a=`var(--amino-${o}-800)`,s=`var(--amino-${o}-300)`,[t,n]=[this.bannerTitle,r("slot",{onSlotchange:this.handleSlotChange})].filter(Boolean),i="gray"===o?"gray-1200":`${o}-800`;return r("div",{class:e(["zonos--container"])},r("div",{class:"zonos--icon-wrapper"},r("svg",{color:a,fill:"none",height:"20",viewBox:"0 0 24 24",width:"20",xmlns:"https://www.w3.org/2000/svg"},r("path",{"clip-rule":"evenodd",d:"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Z","data-is-secondary-color":"true",fill:s,"fill-rule":"evenodd"}),r("path",{"clip-rule":"evenodd",d:"M12 6.99a1 1 0 0 1 1 1V8a1 1 0 1 1-2 0v-.01a1 1 0 0 1 1-1ZM12 11a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1Z",fill:"currentColor","fill-rule":"evenodd"}))),r("div",{class:"zonos--header-wrapper"},r("zonos-text",{color:i,type:"label",weight:600},t)),n&&r("div",{class:"zonos--content-wrapper"},r("zonos-text",{color:i},n)))},t=e(["zonos--elements zonos--banner",this.class,this.intent]),n=s();switch(this.intent){case"error":return r(a,{class:t,style:{"--font-family":n}},o({color:"red"}));case"info":return r(a,{class:t,style:{"--font-family":n}},o({color:"blue"}));case"success":return r(a,{class:t,style:{"--font-family":n}},o({color:"green"}));case"warning":return r(a,{class:t,style:{"--font-family":n}},o({color:"orange"}));default:return r(a,{class:t,style:{"--font-family":n}},o({color:"gray"}))}}};t.style=':host{font-family:var(--font-family, Inter), Inter;display:block}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{border-radius:var(--amino-radius-10);padding:var(--amino-space-16);background:var(--amino-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:"icon header" ". content";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:var(--amino-space-0);grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:var(--amino-space-4)}:host(.info){background-color:var(--amino-blue-100);border:1px solid var(--amino-blue-200)}:host(.success){background-color:var(--amino-green-100);border:1px solid var(--amino-green-200)}:host(.error){background-color:var(--amino-red-100);border:1px solid var(--amino-red-200)}:host(.warning){background-color:var(--amino-orange-100);border:1px solid var(--amino-orange-200)}';export{t as zonos_banner}

package/dist/zonos-elements/p-1bddc7ca.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-bec05c21.system.js","./p-643eeb24.system.js","./p-23e7c655.system.js","./p-80ba24a8.system.js","./p-edbea8df.system.js","./p-754bdfdb.system.js"],(function(o){"use strict";var t,n,r,a,e,i,s,d,c,h;return{setters:[function(o){t=o.r;n=o.h;r=o.H;a=o.d},function(o){e=o.z;i=o.e},function(o){s=o.c},function(o){d=o.g},function(o){c=o.i},function(o){h=o.i}],execute:function(){var u=function(o){var t=o||e.appearance.colorSecondary;var n=t&&c(t)?"var(--amino-".concat(t,")"):t;var r=n&&h(n)?"DARK":"LIGHT";return r};var b=":host{font-family:var(--font-family, Inter), Inter;display:block}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .zonos--spinner-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:var(--amino-surface-color);-ms-flex-pack:center;justify-content:center;border-radius:var(--amino-radius-10);gap:var(--amino-space-8)}:host button{width:100%;position:relative;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--amino-surface-color);border:none;outline:1px solid var(--amino-surface-color);border-radius:var(--border-radius, var(--amino-radius-10));-webkit-transition:var(--amino-transition);transition:var(--amino-transition);font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:var(--font-family, Inter), Inter;letter-spacing:normal;cursor:pointer;white-space:nowrap;padding:var(--amino-space-8) var(--amino-space-24);color:var(--color, var(--amino-gray-1200));}:host button.sm.no-background,:host button.md.no-background,:host button.lg.no-background{background:none;outline:none}:host button.sm.no-padding-left,:host button.md.no-padding-left,:host button.lg.no-padding-left{padding-left:0}:host button.sm.no-padding-right,:host button.md.no-padding-right,:host button.lg.no-padding-right{padding-right:0}:host button[disabled]{cursor:not-allowed;background-color:var(--amino-gray-200)}:host button[disabled] .zonos--spinner-wrapper{background-color:var(--amino-gray-200)}:host button:active{-webkit-transform:scale(0.99);transform:scale(0.99)}:host button.sm{height:var(--amino-size-sm);line-height:var(--amino-size-sm);padding:var(--amino-space-4) var(--amino-space-8)}:host button.sm:not(.has-content).has-icon{padding:0 var(--amino-space-4)}:host button.md{height:var(--amino-size-md);line-height:var(--amino-size-md);padding:var(--amino-space-8) var(--amino-space-16)}:host button.md:not(.has-content).has-icon{padding:0 var(--amino-space-8)}:host button.lg{height:var(--amino-size-lg);line-height:var(--amino-size-lg);padding:var(--amino-space-12) var(--amino-space-24)}:host button.lg:not(.has-content).has-icon{padding:0 var(--amino-space-16)}:host button:not(.only-icon).has-icon{gap:var(--amino-space-8)}:host button.override-background{background-color:var(--background-color, var(--amino-gray-0));color:var(--color, var(--amino-gray-1200));outline:1px solid var(--background-color, var(--amino-gray-0))}:host button.override-background:disabled{opacity:0.8}:host button.override-background:not(:disabled):hover{opacity:0.9}:host button:not(.override-background){}:host button:not(.override-background).primary{background:var(--amino-blue-600);outline:1px solid var(--amino-blue-600);color:var(--amino-gray-0)}:host button:not(.override-background).primary:not([disabled]):hover{background-image:var(--amino-button-primary-hover)}:host button:not(.override-background).primary:not([disabled]):active{background:var(--amino-blue-700)}:host button:not(.override-background).primary:not([disabled]):focus{-webkit-box-shadow:var(--amino-focus-button);box-shadow:var(--amino-focus-button)}:host button:not(.override-background).primary[disabled]{background:var(--amino-blue-400)}:host button:not(.override-background).primary[disabled] .zonos--spinner-wrapper{background-color:var(--amino-blue-400)}:host button:not(.override-background).primary .zonos--spinner-wrapper{background-color:var(--amino-blue-600)}:host button:not(.override-background).success{background:var(--amino-green-600);outline:1px solid var(--amino-green-600);color:var(--amino-gray-0)}:host button:not(.override-background).success:not([disabled]):hover{background-image:var(--amino-button-success-hover)}:host button:not(.override-background).success:not([disabled]):active{background:var(--amino-green-700)}:host button:not(.override-background).success:not([disabled]):focus{-webkit-box-shadow:var(--amino-focus-button);box-shadow:var(--amino-focus-button)}:host button:not(.override-background).success[disabled]{background:var(--amino-green-400)}:host button:not(.override-background).success[disabled] .zonos--spinner-wrapper{background-color:var(--amino-green-400)}:host button:not(.override-background).danger{background:var(--amino-red-600);outline:1px solid var(--amino-red-600);color:var(--amino-gray-0)}:host button:not(.override-background).danger:not([disabled]):hover{background-image:var(--amino-button-danger-hover)}:host button:not(.override-background).danger:not([disabled]):active{background:var(--amino-red-700)}:host button:not(.override-background).danger:not([disabled]):focus{-webkit-box-shadow:var(--amino-focus-button);box-shadow:var(--amino-focus-button)}:host button:not(.override-background).danger[disabled]{background:var(--amino-red-400)}:host button:not(.override-background).danger[disabled] .zonos--spinner-wrapper{background-color:var(--amino-red-400)}:host button:not(.override-background).warning{background:var(--amino-orange-600);outline:1px solid var(--amino-orange-600);color:var(--amino-gray-0)}:host button:not(.override-background).warning:not([disabled]):hover{background-image:var(--amino-button-warning-hover)}:host button:not(.override-background).warning:not([disabled]):active{background:var(--amino-orange-700)}:host button:not(.override-background).warning:not([disabled]):focus{-webkit-box-shadow:var(--amino-focus-button);box-shadow:var(--amino-focus-button)}:host button:not(.override-background).warning[disabled]{background:var(--amino-orange-400)}:host button:not(.override-background).warning[disabled] .zonos--spinner-wrapper{background-color:var(--amino-orange-400)}:host button:not(.override-background).subtle{background:transparent;color:var(--color)}:host button:not(.override-background).subtle:not([disabled]):hover{background:var(--amino-gray-100)}:host button:not(.override-background).subtle:not([disabled]):active{background:var(--amino-gray-200)}:host button:not(.override-background).subtle:focus{-webkit-box-shadow:var(--amino-button-focus-ring);box-shadow:var(--amino-button-focus-ring)}:host button:not(.override-background).subtle[disabled] .content{opacity:0.6}:host button:not(.override-background).subtle[disabled] .zonos--spinner-wrapper{background-color:var(--amino-gray-0)}:host button:not(.override-background).outline{background:transparent;outline:1px solid var(--amino-gray-700)}:host button:not(.override-background).outline:not([disabled]):hover{background-color:var(--amino-gray-100)}:host button:not(.override-background).outline:not([disabled]):active{background:var(--amino-gray-200)}";var l=o("zonos_button",function(){function o(o){var n=this;t(this,o);this.handleSlotChange=function(){n.hasContent=true};this.class="";this.color=undefined;this.backgroundColor=undefined;this.borderStyle=undefined;this.isDisabled=false;this.icon=null;this.iconRight=false;this.size="sm";this.variant="standard";this.noBackground=false;this.noPaddingLeft=false;this.noPaddingRight=false;this.loading=false;this.theme=undefined;this.hasIcon=!!this.icon;this.hasContent=false}o.prototype.iconChangeHandler=function(){this.hasIcon=!!this.icon};o.prototype.clickHandler=function(o){if(this.loading||this.isDisabled){o.preventDefault();o.stopPropagation()}};o.prototype.componentWillLoad=function(){this.iconChangeHandler()};o.prototype.render=function(){var o=this.loading||this.isDisabled;var t=this.color&&c(this.color)?"var(--amino-".concat(this.color,")"):this.color;var a=this.backgroundColor||e.appearance.colorSecondary;var h=this.variant==="standard"?u(a):undefined;var b=d(this.borderStyle);return n(r,{class:s(["zonos--elements",this.class]),"data-theme":this.theme||h,disabled:o,style:{"--background-color":a,"--border-radius":b,"--color":t,"--font-family":i()}},n("button",{class:s([this.hasIcon&&"has-icon",this.hasContent&&"has-content",this.noBackground&&"no-background",this.noPaddingLeft&&"no-padding-left",this.noPaddingRight&&"no-padding-right",this.iconRight&&"icon-right",this.variant,this.size,this.backgroundColor&&this.variant==="standard"&&"override-background"]),disabled:o},this.loading&&n("div",{class:"zonos--spinner-wrapper"},n("zonos-spinner",{size:16})),!this.loading&&!this.iconRight&&this.icon,n("slot",{onSlotchange:this.handleSlotChange}),!this.loading&&this.iconRight&&this.icon))};Object.defineProperty(o,"watchers",{get:function(){return{icon:["iconChangeHandler"]}},enumerable:false,configurable:true});return o}());l.style=b;var g=":host{font-family:var(--font-family, Inter), Inter;display:block}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{position:relative;overflow:hidden;width:var(--size);height:var(--size);display:-ms-inline-flexbox;display:inline-flex}:host svg{width:var(--size);height:var(--size);stroke:var(--amino-blue-600);-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}:host circle.track{stroke:var(--amino-gray-200)}:host.black{stroke:var(--amino-spinner-stroke-black)}:host.black circle.track{stroke:var(--amino-spinner-track-black)}:host.white{stroke:var(--amino-spinner-stroke-white)}:host.white circle.track{stroke:var(--amino-spinner-track-white)}:host.info{stroke:var(--amino-blue-600)}:host.info circle.track{stroke:var(--amino-blue-100)}:host.success{stroke:var(--amino-green-600)}:host.success circle.track{stroke:var(--amino-green-100)}:host.danger{stroke:var(--amino-red-600)}:host.danger circle.track{stroke:var(--amino-red-100)}:host.warning{stroke:var(--amino-orange-600)}:host.warning circle.track{stroke:var(--amino-orange-100)}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1, 150;stroke-dashoffset:0}50%{stroke-dasharray:90, 150;stroke-dashoffset:-35}100%{stroke-dasharray:90, 150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1, 150;stroke-dashoffset:0}50%{stroke-dasharray:90, 150;stroke-dashoffset:-35}100%{stroke-dasharray:90, 150;stroke-dashoffset:-124}}:host circle:not(.track){stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}";var v=o("zonos_spinner",function(){function o(o){t(this,o);this.size=32;this.color=undefined}o.prototype.render=function(){if(!this.el.shadowRoot){return null}return n(r,{class:s(["zonos--elements",this.color]),style:{"--size":"".concat(this.size,"px")}},n("svg",{viewBox:"0 0 50 50"},n("circle",{class:"track",cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20","stroke-width":"5"}),n("circle",{cx:"25",cy:"25",fill:"none",id:"loading-spinner-circle",r:"20","stroke-width":"5"})))};Object.defineProperty(o.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return o}());v.style=g}}}));