@odus/checkout 1.0.0 → 1.1.0

package/dist/elements.es.js

@@ -1,4 +1,4 @@
-import { o as a, I as g, S as E, g as z, e as x, A as N, F as V, i as k, a as _, f as P, J as F, p as y, m as w, j as A, E as R, n as C, P as M, l as T, B as I, q as B, r as L, k as j } from "./shared.js";
+import { o as a, I as g, S as E, g as z, e as x, A as N, F as V, i as k, a as _, f as P, N as F, p as y, m as w, j as A, E as R, n as C, P as M, l as T, O as I, t as B, w as L, k as j } from "./shared.js";
 const p = ".form-helper-text{color:#dc2727;font-family:var(--odus-font-family, inherit);font-size:12px;font-weight:500;margin-top:4px;display:block;overflow:hidden;max-height:100px;transition:max-height .3s ease-in-out,opacity .3s ease-in-out,margin .3s ease-in-out}.form-helper-text-hidden{max-height:0;opacity:0;margin-top:0;overflow:hidden}", f = ".input-wrapper{display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;align-items:stretch}.input-wrapper *{box-sizing:border-box}.form-input{opacity:1;font-size:var(--odus-input-font-size, 16px);font-weight:var(--odus-input-font-weight, 400);letter-spacing:var(--odus-input-letter-spacing, .02em);transition:box-shadow .1s ease-in,border-radius .2s ease-in;box-shadow:0 0 0 1px var(--odus-border-color, #e0e0e0),0 2px 4px #00000012,0 1px 1.5px #0000000d;background:var(--odus-color-background, #fff);padding:var(--odus-input-padding, 8px 12px);border:none;outline:none;line-height:var(--odus-input-line-height, 1.5);z-index:0;box-sizing:border-box;min-height:0;flex:1;width:100%}.form-input[name=cardNumber]{padding-right:100px}.form-input-error{color:#dc2727}.form-input::placeholder{color:var(--odus-input-placeholder-color, #717173);opacity:var(--odus-input-placeholder-opacity, .3)}.form-input:focus{box-shadow:0 0 0 1px #3297d3b3,0 1px 1px #00000012,0 0 0 4px #3297d34d;position:relative;z-index:2}", m = ".input-label{font-family:var(--odus-font-family, inherit);font-size:var(--odus-label-font-size, 14px);font-weight:var(--odus-label-font-weight, 400);color:var(--odus-label-color, var(--odus-color-text, #1a1a1a));letter-spacing:var(--odus-label-letter-spacing, normal);line-height:var(--odus-label-line-height, 1.4);margin-bottom:var(--odus-label-margin-bottom, 6px)}", O = ":host{--odus-font-family: system-ui, sans-serif;--odus-font-size: 16px;--odus-color-error: #dc2727;--odus-color-text: #1a1a1a;--odus-color-background: #ffffff;--odus-border-color: #e0e0e0;--odus-border-radius: 6px;--odus-spacing-sm: 8px;--odus-spacing-md: 16px;--odus-spacing-lg: 24px;--odus-input-height: 44px;--odus-input-padding: 8px 12px;--odus-input-font-size: var(--odus-font-size);--odus-input-font-weight: 400;--odus-input-letter-spacing: .02em;--odus-input-line-height: 1.5;--odus-input-placeholder-color: #717173;--odus-input-placeholder-opacity: .3;--odus-input-focus-shadow: 0 0 0 1px rgba(50, 151, 211, .7), 0 1px 1px 0 rgba(0, 0, 0, .07), 0 0 0 4px rgba(50, 151, 211, .3);--odus-label-font-size: 14px;--odus-label-font-weight: 400;--odus-label-color: var(--odus-color-text);--odus-label-letter-spacing: normal;--odus-label-line-height: 1.4;--odus-label-margin-bottom: 6px;--odus-card-gap: 12px;--odus-button-height: 48px;--odus-button-border-radius: var(--odus-border-radius)}.form-input{opacity:1;font-weight:var(--odus-input-font-weight, 400);letter-spacing:var(--odus-input-letter-spacing, .02em);transition:box-shadow .1s ease-in,border-radius .2s ease-in;box-shadow:0 0 0 1px var(--odus-border-color, #e0e0e0),0 2px 4px #00000012,0 1px 1.5px #0000000d;background:var(--odus-color-background, #fff);padding:var(--odus-input-padding, 8px 12px);border:none;outline:none;line-height:var(--odus-input-line-height, 1.5);z-index:0;box-sizing:border-box;min-height:0;flex:1;width:100%}.form-input::placeholder{color:var(--odus-input-placeholder-color, #717173);opacity:var(--odus-input-placeholder-opacity, .3)}.form-input:focus{box-shadow:var( --odus-input-focus-shadow, 0 0 0 1px rgba(50, 151, 211, .7), 0 1px 1px 0 rgba(0, 0, 0, .07), 0 0 0 4px rgba(50, 151, 211, .3) );position:relative;z-index:2}.input-label{font-family:var(--odus-font-family, inherit)!important;font-size:var(--odus-label-font-size, 14px)!important;font-weight:var(--odus-label-font-weight, 400)!important;color:var(--odus-label-color, var(--odus-color-text, #1a1a1a))!important;letter-spacing:var(--odus-label-letter-spacing, normal)!important;line-height:var(--odus-label-line-height, 1.4)!important;margin-bottom:var(--odus-label-margin-bottom, 6px)!important}.form-helper-text{font-family:var(--odus-font-family, inherit)!important}";
 class u {
   shadowRoot = null;
@@ -200,7 +200,7 @@ class D extends u {
     return this._error;
   }
 }
-class J extends u {
+class K extends u {
   _value = "";
   _error = null;
   _input = null;
@@ -265,7 +265,7 @@ class J extends u {
     return this._error;
   }
 }
-class K extends u {
+class Z extends u {
   _value = "";
   _error = null;
   _input = null;
@@ -331,7 +331,7 @@ class K extends u {
   }
 }
 const v = /* @__PURE__ */ new Set(["US", "CA"]);
-class Z extends u {
+class J extends u {
   _value = "";
   _country = "";
   _input = null;
@@ -1509,16 +1509,16 @@ class fe {
       get: () => (this._addressStreet || (this._addressStreet = new G(), this._trackElement(this._addressStreet)), this._addressStreet),
       enumerable: !0
     }), Object.defineProperty(s, "firstName", {
-      get: () => (this._addressFirstName || (this._addressFirstName = new J(), this._trackElement(this._addressFirstName)), this._addressFirstName),
+      get: () => (this._addressFirstName || (this._addressFirstName = new K(), this._trackElement(this._addressFirstName)), this._addressFirstName),
       enumerable: !0
     }), Object.defineProperty(s, "lastName", {
-      get: () => (this._addressLastName || (this._addressLastName = new K(), this._trackElement(this._addressLastName)), this._addressLastName),
+      get: () => (this._addressLastName || (this._addressLastName = new Z(), this._trackElement(this._addressLastName)), this._addressLastName),
       enumerable: !0
     }), Object.defineProperty(s, "city", {
       get: () => (this._addressCity || (this._addressCity = new q(), this._trackElement(this._addressCity)), this._addressCity),
       enumerable: !0
     }), Object.defineProperty(s, "state", {
-      get: () => (this._addressState || (this._addressState = new Z(), this._trackElement(this._addressState)), this._addressState),
+      get: () => (this._addressState || (this._addressState = new J(), this._trackElement(this._addressState)), this._addressState),
       enumerable: !0
     }), Object.defineProperty(s, "zipCode", {
       get: () => (this._addressZipCode || (this._addressZipCode = new U(), this._trackElement(this._addressZipCode)), this._addressZipCode),
@@ -1734,9 +1734,9 @@ class fe {
 export {
   q as AddressCityElement,
   D as AddressCountryElement,
-  J as AddressFirstNameElement,
-  K as AddressLastNameElement,
-  Z as AddressStateElement,
+  K as AddressFirstNameElement,
+  Z as AddressLastNameElement,
+  J as AddressStateElement,
   G as AddressStreetElement,
   U as AddressZipCodeElement,
   H as ApplePayElement,

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odus/checkout",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "displayName": "Odus Checkout SDK",
   "keywords": [
     "odus",

package/dist/phone.js

@@ -1,4 +1,4 @@
-import { D as pe, G as Jt, C as P, h as pt, H as ve, K as be, b as Ce } from "./shared.js";
+import { Q as pe, R as Jt, C as P, h as pt, H as ve, T as be, b as Ce } from "./shared.js";
 const Ne = (r, t, e) => {
   let n = 0, d = e.length;
   for (let i = 0; i < e.length; i++)