@zonos/elements 1.3.15-alpha.2 → 1.3.15-alpha.3

package/dist/cjs/zonos-notification.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-3b4816ef.js');
 const zonosStore = require('./zonosStore-aee974e0.js');
 const classes = require('./classes-b7918f56.js');
 
-const zonosNotificationCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}: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-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999;bottom:var(--amino-space-24);gap:var(--amino-space-8);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:var(--amino-space-8);border-radius:var(--border-radius, var(--amino-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--amino-green-700)}:host .zonos--notification-item.error{background-color:var(--amino-red-700)}:host .zonos--notification-item.warning{background-color:var(--amino-orange-700)}";
+const zonosNotificationCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}: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-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999;bottom:24px;gap:8px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:8px;border-radius:var(--border-radius, var(--amino-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--amino-green-700)}:host .zonos--notification-item.error{background-color:var(--amino-red-700)}:host .zonos--notification-item.warning{background-color:var(--amino-orange-700)}";
 const ZonosNotificationStyle0 = zonosNotificationCss;
 
 const ZonosNotification = class {

package/dist/cjs/zonos-payment.cjs.entry.js

@@ -8,7 +8,7 @@ require('./zonosStore-aee974e0.js');
 require('./isDarkColor-f5473002.js');
 require('./getBorderRadius-c8cc2bb3.js');
 
-const zonosPaymentCss = ".sc-zonos-payment-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-payment-h *.sc-zonos-payment{font-family:var(--font-family, Inter), Inter}.sc-zonos-payment-h img.sc-zonos-payment{max-width:100%}.sc-zonos-payment-h dl.sc-zonos-payment,.sc-zonos-payment-h dd.sc-zonos-payment,.sc-zonos-payment-h h1.sc-zonos-payment,.sc-zonos-payment-h h2.sc-zonos-payment,.sc-zonos-payment-h h3.sc-zonos-payment,.sc-zonos-payment-h h4.sc-zonos-payment,.sc-zonos-payment-h h5.sc-zonos-payment,.sc-zonos-payment-h h6.sc-zonos-payment,.sc-zonos-payment-h hr.sc-zonos-payment,.sc-zonos-payment-h figure.sc-zonos-payment,.sc-zonos-payment-h p.sc-zonos-payment,.sc-zonos-payment-h pre.sc-zonos-payment{margin:0}.sc-zonos-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-payment-h .zonos--title.sc-zonos-payment{margin-bottom:var(--amino-space-16)}";
+const zonosPaymentCss = ".sc-zonos-payment-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-payment-h *.sc-zonos-payment{font-family:var(--font-family, Inter), Inter}.sc-zonos-payment-h img.sc-zonos-payment{max-width:100%}.sc-zonos-payment-h dl.sc-zonos-payment,.sc-zonos-payment-h dd.sc-zonos-payment,.sc-zonos-payment-h h1.sc-zonos-payment,.sc-zonos-payment-h h2.sc-zonos-payment,.sc-zonos-payment-h h3.sc-zonos-payment,.sc-zonos-payment-h h4.sc-zonos-payment,.sc-zonos-payment-h h5.sc-zonos-payment,.sc-zonos-payment-h h6.sc-zonos-payment,.sc-zonos-payment-h hr.sc-zonos-payment,.sc-zonos-payment-h figure.sc-zonos-payment,.sc-zonos-payment-h p.sc-zonos-payment,.sc-zonos-payment-h pre.sc-zonos-payment{margin:0}.sc-zonos-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-payment-h .zonos--title.sc-zonos-payment{margin-bottom:16px}";
 const ZonosPaymentStyle0 = zonosPaymentCss;
 
 const ZonosPayment = class {

package/dist/cjs/zonos-select-dialog-header_2.cjs.entry.js

@@ -8,7 +8,7 @@ const classes = require('./classes-b7918f56.js');
 
 const RemoveIcon = `<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-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" clip-rule="evenodd"/><path fill="#4D505A" fill-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" clip-rule="evenodd"/></svg>`;
 
-const zonosSelectDialogHeaderCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}: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 .zonos--select-dialog-header-wrapper{position:-webkit-sticky;position:sticky;top:0;background:var(--amino-surface-color);padding:var(--amino-space-16)}:host .zonos--select-dialog-header-wrapper .zonos--select-dialog-header{position:relative;-ms-flex-pack:justify;justify-content:space-between;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}";
+const zonosSelectDialogHeaderCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}: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 .zonos--select-dialog-header-wrapper{position:-webkit-sticky;position:sticky;top:0;background:var(--amino-surface-color);padding:16px}:host .zonos--select-dialog-header-wrapper .zonos--select-dialog-header{position:relative;-ms-flex-pack:justify;justify-content:space-between;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}";
 const ZonosSelectDialogHeaderStyle0 = zonosSelectDialogHeaderCss;
 
 const ZonosSelectDialogHeader = class {

package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js

@@ -8,7 +8,7 @@ const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-c8cc2bb3.js');
 const isColorVariable = require('./isColorVariable-fff5e469.js');
 
-const zonosShippingRichRadioCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}: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-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--amino-space-16);-ms-flex-align:center;align-items:center;gap:var(--amino-space-16);cursor:pointer;border:1px solid var(--amino-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--amino-radius-10));border-top-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--border-radius, var(--amino-radius-10));border-bottom-left-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:not(:last-child){border-bottom:none}:host .zonos--shipping-rich-radio-item.selected{outline:1px solid var(--selected-border-color, var(--amino-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";
+const zonosShippingRichRadioCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}: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-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:16px;-ms-flex-align:center;align-items:center;gap:16px;cursor:pointer;border:1px solid var(--amino-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--amino-radius-10));border-top-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--border-radius, var(--amino-radius-10));border-bottom-left-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:not(:last-child){border-bottom:none}:host .zonos--shipping-rich-radio-item.selected{outline:1px solid var(--selected-border-color, var(--amino-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";
 const ZonosShippingRichRadioStyle0 = zonosShippingRichRadioCss;
 
 const ZonosShippingRichRadio = class {

package/dist/collection/components/checkout/zonos-checkout/zonos-cart-items/zonos-cart-items.css

@@ -39,7 +39,7 @@
   font-size: var(--amino-font-size-base);
 }
 :host .zonos--cart-table .zonos--column {
-  padding: var(--amino-space-8);
+  padding: 8px;
   font-size: var(--amino-font-size-base);
 }
 :host .zonos--cart-table .zonos--column:last-child {

package/dist/collection/components/checkout/zonos-checkout/zonos-cart-subtotal/zonos-cart-subtotal.css

@@ -39,7 +39,7 @@
   font-size: var(--amino-font-size-base);
 }
 :host .zonos--cart-table .zonos--column {
-  padding: var(--amino-space-20) var(--amino-space-8);
+  padding: 20px 8px;
   vertical-align: top;
 }
 :host .zonos--cart-table .zonos--column:last-child {
@@ -51,7 +51,7 @@
 :host .zonos--title-with-icon {
   display: flex;
   align-items: center;
-  gap: var(--amino-space-8);
+  gap: 8px;
 }
 :host .zonos--cart-subtotal-title,
 :host .zonos--cart-subtotal-price {

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.css

@@ -40,15 +40,15 @@
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  margin-bottom: var(--amino-space-24);
+  margin-bottom: 24px;
   border-radius: var(--border-radius, 10px);
-  gap: var(--amino-space-24);
+  gap: 24px;
   max-width: 360px;
   width: auto;
   margin: auto;
-  margin-top: var(--amino-space-24);
+  margin-top: 24px;
   background-color: var(--amino-gray-50);
-  padding: var(--amino-space-20);
+  padding: 20px;
 }
 :host zonos-button {
   width: 100%;

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/zonos-checkout-footer.css

@@ -43,20 +43,20 @@
 }
 :host .zonos--checkout-footer {
   width: calc(90vw - 22px);
-  gap: var(--amino-space-16);
+  gap: 16px;
   display: flex;
   justify-content: space-between;
-  padding: var(--amino-space-12);
+  padding: 12px;
   align-items: center;
 }
 :host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper {
   display: flex;
   align-items: center;
-  gap: var(--amino-space-24);
+  gap: 24px;
 }
 :host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo {
   display: inline-flex;
-  gap: var(--amino-space-8);
+  gap: 8px;
   align-items: center;
 }
 :host .zonos--checkout-footer .zonos--checkout-footer-icon-wrapper .zonos--checkout-footer-logo a {
@@ -71,12 +71,12 @@
 :host .zonos--checkout-footer .zonos--checkout-locale-wrapper {
   display: flex;
   align-items: center;
-  gap: var(--amino-space-8);
+  gap: 8px;
   position: relative;
 }
 @media (max-width: 400px) {
   :host .zonos--checkout-footer .zonos--checkout-locale-wrapper {
-    gap: var(--amino-space-4);
+    gap: 4px;
   }
 }
 :host .zonos--checkout-footer .zonos--checkout-footer-dialog {
@@ -122,15 +122,15 @@
 
 :host(.mobile) {
   flex-direction: column;
-  gap: var(--amino-space-32);
+  gap: 32px;
   background: var(--amino-gray-0);
   position: relative;
-  padding-top: var(--amino-space-24);
+  padding-top: 24px;
   bottom: 0;
 }
 :host(.mobile) .zonos--checkout-footer {
   flex-direction: column;
-  gap: var(--amino-space-4);
+  gap: 4px;
 }
 :host(.mobile) .zonos--checkout-locale-wrapper {
   flex-direction: column;

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-payment/zonos-checkout-payment.css

@@ -37,10 +37,10 @@
   flex-direction: column;
 }
 :host .zonos--title {
-  margin-bottom: var(--amino-space-24);
+  margin-bottom: 24px;
 }
 :host .zonos--group {
-  margin-bottom: var(--amino-space-20);
+  margin-bottom: 20px;
   overflow: auto;
   padding: 5px;
 }
@@ -60,10 +60,10 @@
   background: #d6d6d6;
 }
 :host .zonos--payment-error-banner {
-  margin-bottom: var(--amino-space-8);
+  margin-bottom: 8px;
 }
 :host .zonos--error-banner {
-  margin-bottom: var(--amino-space-16);
+  margin-bottom: 16px;
 }
 :host zonos-button {
   box-shadow: 0 0 1px 0 var(--amino-gray-600);
@@ -73,7 +73,7 @@
   display: flex;
   justify-content: center;
   bottom: 0;
-  margin-top: var(--amino-space-12);
+  margin-top: 12px;
   background: var(--primary-color, var(--amino-gray-0));
 }
 :host .zonos--group-btn zonos-button {

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.css

@@ -55,7 +55,7 @@
 :host .zonos--content .zonos--left,
 :host .zonos--content .zonos--right {
   flex: 1;
-  padding: var(--amino-space-32);
+  padding: 32px;
 }
 :host .zonos--content .zonos--left {
   background-color: var(--primary-color, var(--amino-gray-0));
@@ -73,7 +73,7 @@
   background-color: var(--amino-gray-0);
   align-items: center;
   justify-content: center;
-  padding: var(--amino-space-24);
+  padding: 24px;
   padding-bottom: 50px;
 }
 :host .zonos--content .zonos--done .zonos--header {
@@ -97,18 +97,18 @@
   flex-direction: column;
 }
 :host .zonos--left .zonos--wrapper {
-  padding: 0 var(--amino-space-8) var(--amino-space-8);
+  padding: 0 8px 8px;
 }
 :host .zonos--left .zonos--payment-error-banner {
-  margin-top: var(--amino-space-24);
+  margin-top: 24px;
 }
 :host .zonos--right {
   position: relative;
 }
 :host .zonos--right .zonos--close-button {
   position: absolute;
-  right: var(--amino-space-24);
-  top: var(--amino-space-24);
+  right: 24px;
+  top: 24px;
   z-index: 2;
 }
 :host .zonos--wrapper {
@@ -126,8 +126,8 @@
   align-items: center;
 }
 :host .zonos--checkout-default-message {
-  margin-left: var(--amino-space-76);
-  margin-bottom: var(--amino-space-8);
+  margin-left: 76px;
+  margin-bottom: 8px;
 }
 
 :host(.preview) {
@@ -138,7 +138,7 @@
   border: var(--amino-border);
 }
 :host(.preview) .zonos--content .zonos--done {
-  padding: var(--amino-space-32);
+  padding: 32px;
 }
 
 :host(.mobile) {
@@ -155,13 +155,13 @@
 }
 :host(.mobile) .zonos--content .zonos--left,
 :host(.mobile) .zonos--content .zonos--right {
-  padding: var(--amino-space-12);
-  padding-bottom: var(--amino-space-76);
+  padding: 12px;
+  padding-bottom: 76px;
 }
 @media (max-width: 768px) {
   :host(.mobile) .zonos--content .zonos--left,
   :host(.mobile) .zonos--content .zonos--right {
-    padding-bottom: var(--amino-space-0);
+    padding-bottom: 0px;
   }
 }
 :host(.mobile) .zonos--content .zonos--left {
@@ -170,7 +170,7 @@
 }
 :host(.mobile) .zonos--content .zonos--right {
   order: 1;
-  padding-top: var(--amino-space-16);
+  padding-top: 16px;
 }
 :host(.mobile) .zonos--content .zonos--right .zonos--wrapper {
   display: flex;
@@ -178,14 +178,14 @@
   border: var(--amino-border);
   border-radius: var(--border-radius, var(--amino-radius-10));
   background-color: var(--amino-gray-50);
-  padding: var(--amino-space-12);
-  margin-top: var(--amino-space-32);
+  padding: 12px;
+  margin-top: 32px;
 }
 :host(.mobile) .zonos--content .zonos--right .zonos--review {
   margin-bottom: 0;
 }
 :host(.mobile) .zonos--content .zonos--right .zonos--cart-items {
-  margin-top: var(--amino-space-8);
+  margin-top: 8px;
 }
 :host(.mobile) .zonos--content zonos-checkout-footer {
   order: 3;

package/dist/collection/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.css

@@ -37,16 +37,16 @@
   flex-direction: column;
 }
 :host .zonos--title {
-  margin-bottom: var(--amino-space-20);
+  margin-bottom: 20px;
 }
 :host .zonos--link-authentication {
-  margin-bottom: var(--amino-space-32);
+  margin-bottom: 32px;
 }
 :host .zonos--address {
-  margin-bottom: var(--amino-space-16);
+  margin-bottom: 16px;
 }
 :host .zonos--checkbox {
-  margin-bottom: var(--amino-space-16);
+  margin-bottom: 16px;
 }
 :host .zonos--checkbox + .zonos--address {
   margin-bottom: 0;
@@ -55,10 +55,10 @@
   box-shadow: 0 0 1px 0 var(--amino-gray-600);
 }
 :host .zonos--error-banner {
-  margin-bottom: var(--amino-space-16);
+  margin-bottom: 16px;
 }
 :host .zonos--group {
-  margin-bottom: var(--amino-space-20);
+  margin-bottom: 20px;
   overflow: auto;
   padding: 5px;
 }
@@ -82,8 +82,8 @@
   display: flex;
   justify-content: center;
   bottom: -5px;
-  padding-top: var(--amino-space-8);
-  margin-top: var(--amino-space-12);
+  padding-top: 8px;
+  margin-top: 12px;
   background: var(--primary-color, var(--amino-gray-0));
 }
 :host .zonos--group-btn zonos-button {

package/dist/collection/components/checkout/zonos-checkout/zonos-review/zonos-review.css

@@ -38,22 +38,22 @@
   z-index: 1;
 }
 :host .zonos--total-pay {
-  margin: var(--amino-space-8) 0 var(--amino-space-24);
+  margin: 8px 0 24px;
 }
 
 :host(.mobile) {
   display: flex;
   flex-direction: row;
-  gap: var(--amino-space-24);
+  gap: 24px;
   justify-content: space-between;
-  padding: var(--amino-space-4) 0;
-  margin-bottom: var(--amino-space-8);
+  padding: 4px 0;
+  margin-bottom: 8px;
   background-color: transparent;
 }
 :host(.mobile) .zonos--title {
   display: flex;
   align-self: center;
-  gap: var(--amino-space-8);
+  gap: 8px;
 }
 :host(.mobile) .zonos--total-pay {
   margin: 0;

package/dist/collection/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.css

@@ -37,16 +37,16 @@
   flex-direction: column;
 }
 :host .zonos--title {
-  margin-bottom: var(--amino-space-24);
+  margin-bottom: 24px;
 }
 :host .zonos--shipping-method-title {
-  margin-bottom: var(--amino-space-16);
+  margin-bottom: 16px;
 }
 :host .zonos-shipping-rich-radio {
-  margin-bottom: var(--amino-space-24);
+  margin-bottom: 24px;
 }
 :host .zonos--group {
-  margin-bottom: var(--amino-space-20);
+  margin-bottom: 20px;
   overflow: auto;
   padding: 5px;
 }
@@ -66,7 +66,7 @@
   background: #d6d6d6;
 }
 :host .zonos--error-banner {
-  margin-bottom: var(--amino-space-16);
+  margin-bottom: 16px;
 }
 :host zonos-button {
   box-shadow: 0 0 1px 0 var(--amino-gray-600);
@@ -76,12 +76,12 @@
   display: flex;
   justify-content: center;
   bottom: 0;
-  margin-top: var(--amino-space-12);
+  margin-top: 12px;
   background: var(--primary-color, var(--amino-gray-0));
 }
 :host .zonos--group-btn zonos-button {
   width: 100%;
 }
 :host zonos-banner {
-  margin-top: var(--amino-space-24);
+  margin-top: 24px;
 }

package/dist/collection/components/common/zonos-badge/zonos-badge.css

@@ -36,7 +36,7 @@
 }
 :host .zonos--badge-content {
   display: flex;
-  gap: var(--amino-space-8);
+  gap: 8px;
   font-size: var(--amino-font-size-s);
   padding: 4px 8px;
   text-align: center;

package/dist/collection/components/common/zonos-banner/zonos-banner.css

@@ -33,7 +33,7 @@
 
 :host {
   border-radius: var(--amino-radius-10);
-  padding: var(--amino-space-16);
+  padding: 16px;
   background: var(--amino-gray-100);
 }
 :host .zonos--container {
@@ -48,12 +48,12 @@
   justify-self: start;
 }
 :host .zonos--header-wrapper {
-  margin-top: var(--amino-space-0);
+  margin-top: 0px;
   grid-area: header;
 }
 :host .zonos--content-wrapper {
   grid-area: content;
-  margin-top: var(--amino-space-4);
+  margin-top: 4px;
 }
 
 :host(.info) {

package/dist/collection/components/common/zonos-button/zonos-button.css

@@ -46,7 +46,7 @@
   background-color: var(--amino-surface-color);
   justify-content: center;
   border-radius: var(--amino-radius-10);
-  gap: var(--amino-space-8);
+  gap: 8px;
 }
 :host button {
   width: 100%;
@@ -68,7 +68,7 @@
   letter-spacing: normal;
   cursor: pointer;
   white-space: nowrap;
-  padding: var(--amino-space-8) var(--amino-space-24);
+  padding: 8px 24px;
   color: var(--color, var(--amino-gray-1200));
   margin: 1px;
   /** Button size */
@@ -96,29 +96,29 @@
 :host button.sm {
   height: var(--amino-size-sm);
   line-height: var(--amino-size-sm);
-  padding: var(--amino-space-4) var(--amino-space-8);
+  padding: 4px 8px;
 }
 :host button.sm:not(.has-content).has-icon {
-  padding: 0 var(--amino-space-4);
+  padding: 0 4px;
 }
 :host button.md {
   height: var(--amino-size-md);
   line-height: var(--amino-size-md);
-  padding: var(--amino-space-8) var(--amino-space-16);
+  padding: 8px 16px;
 }
 :host button.md:not(.has-content).has-icon {
-  padding: 0 var(--amino-space-8);
+  padding: 0 8px;
 }
 :host button.lg {
   height: var(--amino-size-lg);
   line-height: var(--amino-size-lg);
-  padding: var(--amino-space-12) var(--amino-space-24);
+  padding: 12px 24px;
 }
 :host button.lg:not(.has-content).has-icon {
-  padding: 0 var(--amino-space-16);
+  padding: 0 16px;
 }
 :host button:not(.only-icon).has-icon {
-  gap: var(--amino-space-8);
+  gap: 8px;
 }
 @media (max-width: 400px) {
   :host button:not(.only-icon).has-icon {

package/dist/collection/components/common/zonos-card/zonos-card.css

@@ -34,19 +34,19 @@
 :host .styled-card {
   border: var(--amino-border);
   border-radius: var(--amino-radius-6);
-  padding: var(--spacing, var(--amino-space-24));
+  padding: var(--spacing, 24px);
   text-align: left;
 }
 :host .styled-card hr {
-  margin-left: calc(var(--spacing, var(--amino-space-24)) * -1);
-  margin-right: calc(var(--spacing, var(--amino-space-24)) * -1);
+  margin-left: calc(var(--spacing, 24px) * -1);
+  margin-right: calc(var(--spacing, 24px) * -1);
 }
 :host .styled-card .card-header {
-  margin: calc(var(--spacing, var(--amino-space-24)) * -1);
-  padding: var(--spacing, var(--amino-space-24));
+  margin: calc(var(--spacing, 24px) * -1);
+  padding: var(--spacing, 24px);
   display: flex;
   align-items: center;
-  margin-bottom: var(--spacing, var(--amino-space-24));
+  margin-bottom: var(--spacing, 24px);
   border-bottom: var(--amino-border);
   height: 65px;
   line-height: 65px;
@@ -60,11 +60,11 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin: calc(var(--spacing, var(--amino-space-24)) * -1);
-  padding: var(--spacing, var(--amino-space-24));
+  margin: calc(var(--spacing, 24px) * -1);
+  padding: var(--spacing, 24px);
   border-top: var(--amino-border);
   background: var(--amino-surface-color-secondary);
-  margin-top: var(--spacing, var(--amino-space-24));
+  margin-top: var(--spacing, 24px);
   border-bottom-left-radius: var(--amino-radius-8);
   border-bottom-right-radius: var(--amino-radius-8);
   height: var(--footerHeight);

package/dist/collection/components/common/zonos-checkbox/zonos-checkbox.css

@@ -37,7 +37,7 @@
 :host label {
   display: inline-flex;
   position: relative;
-  gap: var(--amino-space-8);
+  gap: 8px;
   align-items: center;
 }
 :host label.disabled {

package/dist/collection/components/common/zonos-checkout-progress-tabs/zonos-checkout-progress-tabs.css

@@ -32,7 +32,7 @@
 }
 
 :host {
-  margin-bottom: var(--amino-space-32);
+  margin-bottom: 32px;
 }
 :host .zonos--tab-wrapper {
   display: flex;

package/dist/collection/components/common/zonos-country-select/zonos-country-select.css

@@ -41,18 +41,18 @@
   z-index: 11;
 }
 :host .zonos--country-select .zonos--country-select-input {
-  padding: var(--amino-space-8);
+  padding: 8px;
   border-radius: var(--amino-radius-4);
   border: var(--amino-border);
 }
 :host .zonos--country-select .zonos--country-select-content {
-  padding: var(--amino-space-16);
-  padding-top: var(--amino-space-0);
+  padding: 16px;
+  padding-top: 0px;
 }
 :host .zonos--country-select .zonos--country-select-country {
   display: flex;
-  gap: var(--amino-space-16);
-  padding: var(--amino-space-8);
+  gap: 16px;
+  padding: 8px;
   align-items: center;
   border-radius: var(--amino-radius-4);
   cursor: pointer;

package/dist/collection/components/common/zonos-custom-message/zonos-custom-message.css

@@ -38,5 +38,5 @@
 :host .zonos--custom-message .zonos--flex-message {
   display: flex;
   align-items: center;
-  gap: var(--amino-space-8);
+  gap: 8px;
 }

package/dist/collection/components/common/zonos-dialog/zonos-dialog.css

@@ -95,7 +95,7 @@
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
-  padding: var(--amino-space-16) var(--amino-space-24);
+  padding: 16px 24px;
 }
 :host .zonos--header .-zonos-stencil-library--header-text {
   flex-grow: 1;
@@ -113,7 +113,7 @@
   background: var(--amino-hover-color);
 }
 :host .zonos--body {
-  padding: var(--amino-space-8) var(--amino-space-24);
+  padding: 8px 24px;
   max-height: 100%;
   height: 100%;
   overflow: auto;
@@ -122,7 +122,7 @@
   padding: 0;
 }
 :host .zonos--footer {
-  padding: var(--amino-space-16) var(--amino-space-24);
+  padding: 16px 24px;
 }
 
 :host(.open) .zonos--dialog-layout,

package/dist/collection/components/common/zonos-language-select/zonos-language-select.css

@@ -37,13 +37,13 @@
 :host .zonos--language-select .zonos--language-select-content {
   display: grid;
   grid-template-columns: repeat(3, minmax(max-content, 1fr));
-  padding: var(--amino-space-16);
-  padding-top: var(--amino-space-0);
+  padding: 16px;
+  padding-top: 0px;
 }
 :host .zonos--language-select .zonos--language-select-content .zonos--language-select-button {
   display: flex;
-  padding: var(--amino-space-8);
-  gap: var(--amino-space-4);
+  padding: 8px;
+  gap: 4px;
   align-items: center;
   border-radius: var(--amino-radius-4);
   cursor: pointer;