@zonos/elements 1.3.24 → 1.3.25-alpha.0

package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.css

@@ -31,490 +31,6 @@
   -webkit-font-smoothing: antialiased;
 }
 
-[data-theme=LIGHT] {
-  color-scheme: light;
-}
-
-:root,
-[data-theme=LIGHT] {
-  --zonos-elements-transition: all 0.2s ease-in-out 0s, visibility 0s;
-  --zonos-elements-type-scale-base: 16px;
-  --zonos-elements-glass-0: #10111600;
-  --zonos-elements-glass-50: #1011160a;
-  --zonos-elements-glass-100: #10111614;
-  --zonos-elements-glass-200: #10111626;
-  --zonos-elements-glass-300: #1011163d;
-  --zonos-elements-glass-400: #10111656;
-  --zonos-elements-glass-500: #10111670;
-  --zonos-elements-glass-600: #1011169b;
-  --zonos-elements-glass-700: #101116ad;
-  --zonos-elements-glass-800: #101116bc;
-  --zonos-elements-glass-900: #101116c6;
-  --zonos-elements-glass-1000: #101116dd;
-  --zonos-elements-glass-1100: #101116ef;
-  --zonos-elements-glass-1200: #101116f5;
-  --zonos-elements-gray-0: #ffffff;
-  --zonos-elements-gray-50: #f6f6f8;
-  --zonos-elements-gray-100: #ebebf0;
-  --zonos-elements-gray-200: #d9dae3;
-  --zonos-elements-gray-300: #bfc0ce;
-  --zonos-elements-gray-400: #a7a9b9;
-  --zonos-elements-gray-500: #888d9f;
-  --zonos-elements-gray-600: #676c7e;
-  --zonos-elements-gray-700: #575c6b;
-  --zonos-elements-gray-800: #484c5b;
-  --zonos-elements-gray-900: #383a48;
-  --zonos-elements-gray-1000: #2a2c37;
-  --zonos-elements-gray-1100: #1a1c23;
-  --zonos-elements-gray-1200: #101116;
-  --zonos-elements-blue-100: #e7f6fe;
-  --zonos-elements-blue-200: #c9e6fd;
-  --zonos-elements-blue-300: #a3cbfa;
-  --zonos-elements-blue-400: #7fa9f5;
-  --zonos-elements-blue-500: #5a80f1;
-  --zonos-elements-blue-600: #445eee;
-  --zonos-elements-blue-700: #3843c2;
-  --zonos-elements-blue-800: #2e3d94;
-  --zonos-elements-blue-900: #212f68;
-  --zonos-elements-blue-1000: #152141;
-  --zonos-elements-cyan-100: #d6fffe;
-  --zonos-elements-cyan-200: #c0f2f2;
-  --zonos-elements-cyan-300: #9be7e9;
-  --zonos-elements-cyan-400: #66d5db;
-  --zonos-elements-cyan-500: #3ec4d0;
-  --zonos-elements-cyan-600: #2ca0af;
-  --zonos-elements-cyan-700: #29818e;
-  --zonos-elements-cyan-800: #25646f;
-  --zonos-elements-cyan-900: #1d464e;
-  --zonos-elements-cyan-1000: #152d32;
-  --zonos-elements-red-100: #ffeceb;
-  --zonos-elements-red-200: #fdd0ce;
-  --zonos-elements-red-300: #faa9a9;
-  --zonos-elements-red-400: #f37c82;
-  --zonos-elements-red-500: #eb5c6c;
-  --zonos-elements-red-600: #de314f;
-  --zonos-elements-red-700: #bc2442;
-  --zonos-elements-red-800: #922033;
-  --zonos-elements-red-900: #6c1b26;
-  --zonos-elements-red-1000: #481419;
-  --zonos-elements-orange-100: #fff1e0;
-  --zonos-elements-orange-200: #fcdab8;
-  --zonos-elements-orange-300: #f5c193;
-  --zonos-elements-orange-400: #f7a464;
-  --zonos-elements-orange-500: #f47a34;
-  --zonos-elements-orange-600: #e5591a;
-  --zonos-elements-orange-700: #bd3c1c;
-  --zonos-elements-orange-800: #94301c;
-  --zonos-elements-orange-900: #6b2a1a;
-  --zonos-elements-orange-1000: #401d12;
-  --zonos-elements-green-100: #defde8;
-  --zonos-elements-green-200: #aff8c3;
-  --zonos-elements-green-300: #81ef98;
-  --zonos-elements-green-400: #57db6c;
-  --zonos-elements-green-500: #39c049;
-  --zonos-elements-green-600: #2ca03f;
-  --zonos-elements-green-700: #288129;
-  --zonos-elements-green-800: #246627;
-  --zonos-elements-green-900: #1d4920;
-  --zonos-elements-green-1000: #153219;
-  --zonos-elements-purple-100: #edebff;
-  --zonos-elements-purple-200: #dcd2fe;
-  --zonos-elements-purple-300: #ceb5fd;
-  --zonos-elements-purple-400: #c699fa;
-  --zonos-elements-purple-500: #b25cf5;
-  --zonos-elements-purple-600: #ab26ed;
-  --zonos-elements-purple-700: #901cca;
-  --zonos-elements-purple-800: #6e1e99;
-  --zonos-elements-purple-900: #471d68;
-  --zonos-elements-purple-1000: #2c1844;
-  --zonos-elements-transparent-white: #ffffffbb;
-  --zonos-elements-transparent-black: #101116bb;
-  --zonos-elements-transparent-gray-600: #6a6d771f;
-  --zonos-elements-v3-shadow-base: 0px 1px 3px 0px rgba(10, 10, 11, 0.1),
-    0px 1px 2px rgba(10, 10, 11, 0.06), 0px 0px 0px 1px rgba(110, 110, 120, 0.1);
-  --zonos-elements-v3-shadow-medium: 0px 2px 4px 0px rgba(10, 10, 11, 0.06),
-    0px 4px 6px rgba(10, 10, 11, 0.1), 0px 0px 0px 1px rgba(110, 110, 120, 0.1);
-  --zonos-elements-v3-shadow-large: 0px 4px 6px 0px rgba(10, 10, 11, 0.05),
-    0px 10px 15px rgba(10, 10, 11, 0.1),
-    0px 0px 0px 1px rgba(110, 110, 120, 0.1);
-  --zonos-elements-v3-shadow-xl: 0px 10px 10px 0px rgba(12, 12, 13, 0.04),
-    0px 20px 25px rgba(10, 10, 11, 0.1),
-    0px 0px 0px 1px rgba(110, 110, 120, 0.1);
-  --zonos-elements-v3-shadow-xxl: 0px 32px 50px 0px rgba(10, 10, 11, 0.24),
-    0px 0px 0px 1px rgba(110, 110, 120, 0.1);
-  --zonos-elements-v3-shadow-inset: 0px 2px 4px rgba(0, 0, 0, 0.04),
-    0px 1px 0px 0px rgba(255, 255, 255, 1),
-    inset 0px 0px 8px rgba(0, 0, 0, 0.02),
-    inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06),
-    inset 0px 2px 4px rgba(0, 0, 0, 0.04), inset 0px 1px 1px rgba(0, 0, 0, 0.04);
-  --zonos-elements-shadow-button-primary: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
-    0px 1px 3px 0px rgba(68, 94, 238, 0.4);
-  --zonos-elements-shadow-button-success: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
-    0px 1px 3px 0px rgba(43, 156, 77, 0.4);
-  --zonos-elements-shadow-button-danger: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
-    0px 1px 3px 0px rgba(217, 33, 65, 0.4);
-  --zonos-elements-shadow-button-warning: 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
-    0px 1px 3px 0px rgba(229, 89, 26, 0.4);
-  --zonos-elements-button-focus-ring: 0 0 0 2px var(--zonos-elements-blue-600);
-  --zonos-elements-shadow-button-standard: 0px 1px 3px 0px
-      rgba(110, 110, 120, 0.12),
-    0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,
-    0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset;
-  --zonos-elements-shadow-button-disabled: 0px 1px 3px 0px rgba(16, 17, 22, 0.2),
-    0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset;
-  --zonos-elements-shadow-select-base: 0px 1px 3px 0px rgba(110, 110, 120, 0.12),
-    0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset,
-    0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset;
-  --zonos-elements-shadow-select-active: 0px 1px 3px 0px rgba(68, 94, 238, 0.4),
-    0px 0px 0px 1px #445eee inset,
-    0px -1px 1px 1px rgba(68, 94, 238, 0.12) inset;
-  --zonos-elements-shadow-select-error: 0px 1px 3px 0px rgba(221, 49, 78, 0.4),
-    0px 0px 0px 1px #dd314e inset,
-    0px -1px 1px 1px rgba(221, 49, 78, 0.12) inset;
-  --zonos-elements-opacity-disabled: 0.6;
-  --zonos-elements-border: 1px solid var(--zonos-elements-border-color);
-  --zonos-elements-border-blue: 1px solid var(--zonos-elements-blue-500);
-  --zonos-elements-border-red: 1px solid var(--zonos-elements-red-400);
-  --zonos-elements-border-cyan: 1px solid var(--zonos-elements-cyan-400);
-  --zonos-elements-border-orange: 1px solid var(--zonos-elements-orange-400);
-  --zonos-elements-border-green: 1px solid var(--zonos-elements-green-400);
-  --zonos-elements-border-purple: 1px solid var(--zonos-elements-purple-400);
-  --zonos-elements-border-amber: 1px solid var(--zonos-elements-amber-400);
-  --zonos-elements-border-transparent: 1px solid transparent;
-  --zonos-elements-border-subtle: 1px solid var(--zonos-elements-gray-100);
-  --zonos-elements-sidebar-color: var(--zonos-elements-gray-0);
-  --zonos-elements-header-color: var(--zonos-elements-gray-0);
-  --zonos-elements-danger: var(--zonos-elements-red-600);
-  --zonos-elements-danger-dark: var(--zonos-elements-red-700);
-  --zonos-elements-error: var(--zonos-elements-red-600);
-  --zonos-elements-primary: var(--zonos-elements-blue-600);
-  --zonos-elements-primary-light: var(--zonos-elements-blue-500);
-  --zonos-elements-primary-dark: var(--zonos-elements-blue-800);
-  --zonos-elements-success: var(--zonos-elements-green-600);
-  --zonos-elements-success-dark: var(--zonos-elements-green-700);
-  --zonos-elements-warning: var(--zonos-elements-orange-600);
-  --zonos-elements-warning-dark: var(--zonos-elements-orange-600);
-  --zonos-elements-glow-error: 0 0 0 1px var(--zonos-elements-red-600);
-  --zonos-elements-glow-blue: 0 0 0 1px var(--zonos-elements-primary);
-  --zonos-elements-glow-cyan: 0 0 0 1px var(--zonos-elements-cyan-600);
-  --zonos-elements-glow-red: 0 0 0 1px var(--zonos-elements-red-600);
-  --zonos-elements-glow-orange: 0 0 0 1px var(--zonos-elements-orange-600);
-  --zonos-elements-glow-green: 0 0 0 1px var(--zonos-elements-green-600);
-  --zonos-elements-glow-purple: 0 0 0 1px var(--zonos-elements-purple-600);
-  --zonos-elements-page-background: var(--zonos-elements-gray-0);
-  --zonos-elements-border-color: var(--zonos-elements-gray-200);
-  --zonos-elements-hover-color: var(--zonos-elements-gray-50);
-  --zonos-elements-text-color: var(--zonos-elements-gray-1200);
-  --zonos-elements-text-color-secondary: var(--zonos-elements-gray-800);
-  --zonos-elements-focus-button-standard: 0px 0px 0px 1px
-      var(--zonos-elements-transparent-gray-600) inset,
-    var(--zonos-elements-button-focus-ring);
-  --zonos-elements-focus-button: 0px 0px 0px 1px var(--zonos-elements-gray-0)
-      inset,
-    var(--zonos-elements-button-focus-ring);
-  --zonos-elements-surface-color: var(--zonos-elements-gray-0);
-  --zonos-elements-surface-color-secondary: var(--zonos-elements-gray-50);
-  --zonos-elements-backdrop-color: #000000;
-  --zonos-elements-raised-surface-color: var(--zonos-elements-gray-0);
-  --zonos-elements-raised-color-secondary: var(--zonos-elements-gray-50);
-  --zonos-elements-button-primary-hover: linear-gradient(
-    180deg,
-    #445eee 0%,
-    #364bd4 100%
-  );
-  --zonos-elements-button-success-hover: linear-gradient(
-    180deg,
-    #2b9c4d 0%,
-    #298549 100%
-  );
-  --zonos-elements-button-danger-hover: linear-gradient(
-    180deg,
-    #d92141 0%,
-    #b4223d 100%
-  );
-  --zonos-elements-button-warning-hover: linear-gradient(
-    180deg,
-    #e5591a 0%,
-    #b6471b 100%
-  );
-  --zonos-elements-button-standard-hover: linear-gradient(
-    180deg,
-    #fff 0%,
-    #eaebed 100%
-  );
-  --zonos-elements-spinner-track-black: rgba(0, 0, 0, 0.3);
-  --zonos-elements-spinner-stroke-black: #0c0c0c;
-  --zonos-elements-spinner-track-white: rgba(255, 255, 255, 0.3);
-  --zonos-elements-spinner-stroke-white: #ffffff;
-  --zonos-elements-appbar-height: 55px;
-  --zonos-elements-sidebar-width: 232px;
-  --zonos-elements-elevation-0: 0;
-  --zonos-elements-elevation-100: 100;
-  --zonos-elements-elevation-200: 200;
-  --zonos-elements-elevation-300: 300;
-  --zonos-elements-elevation-400: 400;
-  --zonos-elements-elevation-500: 500;
-  --zonos-elements-dialog-elevation: var(--zonos-elements-elevation-400);
-  --zonos-elements-toast-elevation: var(--zonos-elements-elevation-500);
-  --zonos-elements-appbar-elevation: var(--zonos-elements-elevation-500);
-  --zonos-elements-size-xl: 56px;
-  --zonos-elements-size-lg: 48px;
-  --zonos-elements-size-md: 40px;
-  --zonos-elements-size-sm: 32px;
-  --zonos-elements-radius-4: 4px;
-  --zonos-elements-radius-6: 6px;
-  --zonos-elements-radius-8: 8px;
-  --zonos-elements-radius-10: 10px;
-  --zonos-elements-radius-12: 12px;
-  --zonos-elements-font-size-3xl: 30px;
-  --zonos-elements-font-size-2xl: 24px;
-  --zonos-elements-font-size-xl: 20px;
-  --zonos-elements-font-size-l: 18px;
-  --zonos-elements-font-size-base-docs: 16px;
-  --zonos-elements-font-size-base: 13px;
-  --zonos-elements-font-size-s: 12px;
-  --zonos-elements-font-size-xs: 11px;
-  --zonos-elements-line-height-3xl: 48px;
-  --zonos-elements-line-height-2xl: 40px;
-  --zonos-elements-line-height-xl: 32px;
-  --zonos-elements-line-height-l: 24px;
-  --zonos-elements-line-height-base: 24px;
-  --zonos-elements-line-height-s: 16px;
-  --zonos-elements-line-height-xs: 12px;
-  --zonos-elements-font-sans: "Inter", -apple-system, BlinkMacSystemFont,
-    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
-    "Droid Sans", "Helvetica Neue", sans-serif;
-  --zonos-elements-font-mono: Operator Mono, MonoLisa, Dank Mono, Menlo, Monaco,
-    Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono,
-    Courier New, monospace;
-  --zonos-elements-font-harmonized-codes: "Fira Code",
-    var(--zonos-elements-font-sans);
-  --zonos-elements-input-background: inherit;
-}
-
-/* Night theme */
-[data-theme=DARK] {
-  color-scheme: dark;
-  --zonos-elements-glass-0: #ffffff00;
-  --zonos-elements-glass-50: #ffffff0a;
-  --zonos-elements-glass-100: #ffffff21;
-  --zonos-elements-glass-200: #ffffff26;
-  --zonos-elements-glass-300: #ffffff44;
-  --zonos-elements-glass-400: #ffffff51;
-  --zonos-elements-glass-500: #ffffff63;
-  --zonos-elements-glass-600: #ffffff8e;
-  --zonos-elements-glass-700: #ffffffa8;
-  --zonos-elements-glass-800: #ffffffc1;
-  --zonos-elements-glass-900: #ffffffd8;
-  --zonos-elements-glass-1000: #ffffffea;
-  --zonos-elements-glass-1100: #fffffff4;
-  --zonos-elements-glass-1200: #fffffffa;
-  --zonos-elements-gray-0: #101116;
-  --zonos-elements-gray-50: #1a1c23;
-  --zonos-elements-gray-100: #2a2c37;
-  --zonos-elements-gray-200: #383a48;
-  --zonos-elements-gray-300: #484c5b;
-  --zonos-elements-gray-400: #575c6b;
-  --zonos-elements-gray-500: #676c7e;
-  --zonos-elements-gray-600: #888d9f;
-  --zonos-elements-gray-700: #a7a9b9;
-  --zonos-elements-gray-800: #bfc0ce;
-  --zonos-elements-gray-900: #d9dae3;
-  --zonos-elements-gray-1000: #ebebf0;
-  --zonos-elements-gray-1100: #f6f6f8;
-  --zonos-elements-gray-1200: #ffffff;
-  --zonos-elements-blue-100: #152141;
-  --zonos-elements-blue-200: #212f68;
-  --zonos-elements-blue-300: #2e3d94;
-  --zonos-elements-blue-400: #3843c2;
-  --zonos-elements-blue-500: #445eee;
-  --zonos-elements-blue-600: #5a80f1;
-  --zonos-elements-blue-700: #7fa9f5;
-  --zonos-elements-blue-800: #a8cefa;
-  --zonos-elements-blue-900: #c9e6fd;
-  --zonos-elements-blue-1000: #e7f6fe;
-  --zonos-elements-cyan-100: #152d32;
-  --zonos-elements-cyan-200: #1d464e;
-  --zonos-elements-cyan-300: #25646f;
-  --zonos-elements-cyan-400: #29818e;
-  --zonos-elements-cyan-500: #2ca0af;
-  --zonos-elements-cyan-600: #3ec4d0;
-  --zonos-elements-cyan-700: #66d5db;
-  --zonos-elements-cyan-800: #9be7e9;
-  --zonos-elements-cyan-900: #c0f2f2;
-  --zonos-elements-cyan-1000: #d6fffe;
-  --zonos-elements-red-100: #481419;
-  --zonos-elements-red-200: #6c1b26;
-  --zonos-elements-red-300: #922033;
-  --zonos-elements-red-400: #bc2442;
-  --zonos-elements-red-500: #de314f;
-  --zonos-elements-red-600: #eb5c6c;
-  --zonos-elements-red-700: #f37c82;
-  --zonos-elements-red-800: #faa9a9;
-  --zonos-elements-red-900: #fdd0ce;
-  --zonos-elements-red-1000: #ffeceb;
-  --zonos-elements-orange-100: #401d12;
-  --zonos-elements-orange-200: #6b2a1a;
-  --zonos-elements-orange-300: #94301c;
-  --zonos-elements-orange-400: #bd3c1c;
-  --zonos-elements-orange-500: #e5591a;
-  --zonos-elements-orange-600: #f47a34;
-  --zonos-elements-orange-700: #f7a464;
-  --zonos-elements-orange-800: #f5c193;
-  --zonos-elements-orange-900: #fcdab8;
-  --zonos-elements-orange-1000: #fff1e0;
-  --zonos-elements-green-100: #153219;
-  --zonos-elements-green-200: #1d4920;
-  --zonos-elements-green-300: #246627;
-  --zonos-elements-green-400: #288129;
-  --zonos-elements-green-500: #2ca03f;
-  --zonos-elements-green-600: #39c049;
-  --zonos-elements-green-700: #57db6c;
-  --zonos-elements-green-800: #81ef98;
-  --zonos-elements-green-900: #aff8c3;
-  --zonos-elements-green-1000: #defde8;
-  --zonos-elements-purple-100: #2c1844;
-  --zonos-elements-purple-200: #471d68;
-  --zonos-elements-purple-300: #6e1e99;
-  --zonos-elements-purple-400: #901cca;
-  --zonos-elements-purple-500: #ab26ed;
-  --zonos-elements-purple-600: #b25cf5;
-  --zonos-elements-purple-700: #c699fa;
-  --zonos-elements-purple-800: #ceb5fd;
-  --zonos-elements-purple-900: #dcd2fe;
-  --zonos-elements-purple-1000: #edebff;
-  --zonos-elements-transparent-white: #101116bb;
-  --zonos-elements-transparent-black: #ffffffbb;
-  --zonos-elements-transparent-gray-600: #94969e1f;
-  --zonos-elements-v3-shadow-base: 0px 1px 4px 0px rgba(0, 0, 0, 0.7),
-    0px 1px 3px rgba(0, 0, 0, 0.6), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);
-  --zonos-elements-v3-shadow-medium: 0px 2px 4px 0px rgba(0, 0, 0, 0.6),
-    0px 4px 6px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);
-  --zonos-elements-v3-shadow-large: 0px 4px 6px 0px rgba(0, 0, 0, 0.6),
-    0px 10px 15px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);
-  --zonos-elements-v3-shadow-xl: 0px 10px 10px 0px rgba(0, 0, 0, 0.6),
-    0px 20px 25px rgba(0, 0, 0, 0.7), 0px 0px 0px 1px rgba(255, 255, 255, 0.12);
-  --zonos-elements-v3-shadow-xxl: 0px 32px 50px 0px rgba(0, 0, 0, 0.7),
-    0px 0px 0px 1px rgba(255, 255, 255, 0.12);
-  --zonos-elements-v3-shadow-inset: 0px 2px 4px rgba(0, 0, 0, 0.24),
-    0px 1px 0px rgba(17, 17, 20, 1), inset 0px 0px 8px rgba(0, 0, 0, 0.16),
-    inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.24),
-    inset 0px 2px 4px rgba(0, 0, 0, 0.24), inset 0px 1px 1px rgba(0, 0, 0, 0.24),
-    0px 0px 6px rgba(255, 255, 255, 0.08),
-    0px 0px 0px 1px rgba(255, 255, 255, 0.12);
-  --zonos-elements-shadow-button-primary: 0px 0px 0px 1px #000,
-    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
-    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,
-    0px 1px 3px 0px rgba(95, 146, 246, 0.4);
-  --zonos-elements-shadow-button-success: 0px 0px 0px 1px #000,
-    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
-    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,
-    0px 1px 3px 0px rgba(86, 199, 111, 0.6);
-  --zonos-elements-shadow-button-danger: 0px 0px 0px 1px #000,
-    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
-    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,
-    0px 1px 3px 0px rgba(249, 92, 103, 0.6);
-  --zonos-elements-shadow-button-warning: 0px 0px 0px 1px #000,
-    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
-    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,
-    0px 1px 3px 0px rgba(248, 140, 83, 0.6);
-  --zonos-elements-button-focus-ring: 0 0 0 2px var(--zonos-elements-blue-600);
-  --zonos-elements-shadow-button-standard: 0px 0px 0px 1px #000,
-    0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,
-    0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,
-    0px 1px 3px 0px rgba(0, 0, 0, 0.8),
-    0px 0px 0px 1px rgba(148, 150, 158, 0.12) inset;
-  --zonos-elements-shadow-button-disabled: 0px 0px 0px 1px #000,
-    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,
-    0px 0px 0px 1px rgba(255, 255, 255, 0.08) inset,
-    0px 1px 3px 0px rgba(255, 255, 255, 0);
-  --zonos-elements-shadow-select-base: 0px 0px 0px 1px #000,
-    0px -1px 1px 0px rgba(0, 0, 0, 0.4) inset,
-    0px 0px 2px 1px rgba(255, 255, 255, 0.08) inset,
-    0px 1px 3px 0px rgba(0, 0, 0, 0.8),
-    0px 0px 0px 1px rgba(148, 150, 158, 0.12) inset;
-  --zonos-elements-shadow-select-active: 0px 0px 0px 1px #000,
-    0px -1px 1px 1px rgba(114, 146, 243, 0.24) inset,
-    0px 0px 0px 1px #7292f3 inset, 0px 1px 3px 0px rgba(114, 146, 243, 0.4);
-  --zonos-elements-shadow-select-error: 0px 0px 0px 1px #000,
-    0px -1px 1px 1px rgba(235, 92, 108, 0.24) inset,
-    0px 0px 0px 1px #eb5c6c inset, 0px 1px 3px 0px rgba(235, 92, 108, 0.6);
-  --zonos-elements-border: 1px solid var(--zonos-elements-border-color);
-  --zonos-elements-border-blue: 1px solid var(--zonos-elements-blue-500);
-  --zonos-elements-border-red: 1px solid var(--zonos-elements-red-400);
-  --zonos-elements-border-cyan: 1px solid var(--zonos-elements-cyan-400);
-  --zonos-elements-border-orange: 1px solid var(--zonos-elements-orange-400);
-  --zonos-elements-border-green: 1px solid var(--zonos-elements-green-400);
-  --zonos-elements-border-purple: 1px solid var(--zonos-elements-purple-400);
-  --zonos-elements-border-amber: 1px solid var(--zonos-elements-amber-400);
-  --zonos-elements-border-transparent: 1px solid transparent;
-  --zonos-elements-border-subtle: 1px solid var(--zonos-elements-gray-100);
-  --zonos-elements-sidebar-color: var(--zonos-elements-gray-0);
-  --zonos-elements-header-color: var(--zonos-elements-gray-0);
-  --zonos-elements-danger: var(--zonos-elements-red-600);
-  --zonos-elements-danger-dark: var(--zonos-elements-red-700);
-  --zonos-elements-error: var(--zonos-elements-red-600);
-  --zonos-elements-primary: var(--zonos-elements-blue-600);
-  --zonos-elements-primary-light: var(--zonos-elements-blue-500);
-  --zonos-elements-primary-dark: var(--zonos-elements-blue-800);
-  --zonos-elements-success: var(--zonos-elements-green-600);
-  --zonos-elements-success-dark: var(--zonos-elements-green-700);
-  --zonos-elements-warning: var(--zonos-elements-orange-600);
-  --zonos-elements-warning-dark: var(--zonos-elements-orange-600);
-  --zonos-elements-glow-error: 0 0 0 1px var(--zonos-elements-red-600);
-  --zonos-elements-glow-blue: 0 0 0 1px var(--zonos-elements-primary);
-  --zonos-elements-glow-cyan: 0 0 0 1px var(--zonos-elements-cyan-600);
-  --zonos-elements-glow-red: 0 0 0 1px var(--zonos-elements-red-600);
-  --zonos-elements-glow-orange: 0 0 0 1px var(--zonos-elements-orange-600);
-  --zonos-elements-glow-green: 0 0 0 1px var(--zonos-elements-green-600);
-  --zonos-elements-glow-purple: 0 0 0 1px var(--zonos-elements-purple-600);
-  --zonos-elements-page-background: var(--zonos-elements-gray-0);
-  --zonos-elements-border-color: var(--zonos-elements-gray-200);
-  --zonos-elements-hover-color: var(--zonos-elements-gray-50);
-  --zonos-elements-text-color: var(--zonos-elements-gray-1200);
-  --zonos-elements-text-color-secondary: var(--zonos-elements-gray-800);
-  --zonos-elements-focus-button-standard: 0px 0px 0px 1px
-      var(--zonos-elements-transparent-gray-600) inset,
-    var(--zonos-elements-button-focus-ring);
-  --zonos-elements-focus-button: 0px 0px 0px 1px var(--zonos-elements-gray-0)
-      inset,
-    var(--zonos-elements-button-focus-ring);
-  --zonos-elements-surface-color: var(--zonos-elements-gray-50);
-  --zonos-elements-surface-color-secondary: var(--zonos-elements-gray-100);
-  --zonos-elements-backdrop-color: #000000;
-  --zonos-elements-raised-surface-color: #2c2e3899;
-  --zonos-elements-raised-color-secondary: var(--zonos-elements-gray-0);
-  --zonos-elements-button-primary-hover: linear-gradient(
-    180deg,
-    #5a80f1 0%,
-    #7fa9f5 100%
-  );
-  --zonos-elements-button-success-hover: linear-gradient(
-    180deg,
-    #39c049 0%,
-    #57db6c 100%
-  );
-  --zonos-elements-button-danger-hover: linear-gradient(
-    180deg,
-    #e9495c 0%,
-    #f37c82 100%
-  );
-  --zonos-elements-button-warning-hover: linear-gradient(
-    180deg,
-    #f47a34 0%,
-    #f7a464 100%
-  );
-  --zonos-elements-button-standard-hover: linear-gradient(
-    180deg,
-    #2c2e3800,
-    #2c2e38e5
-  );
-  --zonos-elements-spinner-track-black: rgba(255, 255, 255, 0.3);
-  --zonos-elements-spinner-stroke-black: #ffffff;
-  --zonos-elements-spinner-track-white: rgba(0, 0, 0, 0.3);
-  --zonos-elements-spinner-stroke-white: #0c0c0c;
-}
-
 :host .zonos--hello-dialog-footer {
   text-align: left;
   display: flex;

package/dist/collection/components/store/hello/localization.js

@@ -89,6 +89,14 @@ const getOverrideLocale = () => {
     const zonosLocale = currentUrl.searchParams.get('zonosLocale');
     return zonosLocale;
 };
+const addInternationalHideClass = () => {
+    if (localizationStore.isShippableCountry) {
+        document.body.classList.add('z-intl');
+    }
+    else {
+        document.body.classList.remove('z-intl');
+    }
+};
 const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
     var _a, _b;
     log('update selected country code');
@@ -100,6 +108,7 @@ const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
     // update shippable country
     localizationStore.isShippableCountry = !!isShippableCountry;
     log(`Is shippable country: ${localizationStore.isShippableCountry}`);
+    addInternationalHideClass();
     if (!selectedCountryCode) {
         return;
     }

package/dist/collection/scripts/_zonosBase.js

@@ -39,7 +39,6 @@ Zonos.isBigCommerce = false;
  * By default, the package will load from npm
  */
 Zonos.isNpm = true;
-Zonos.internationalHideSelector = '';
 Zonos.zonosQaUrl = null;
 Zonos.version = `v${process.env.NEXT_PUBLIC_ZONOS_PACKAGE_VERSION}`;
 Zonos.modeAlerted = false;

package/dist/esm/{cart-8662415b.js → cart-564ab33a.js}

@@ -6314,6 +6314,14 @@ const getOverrideLocale = () => {
     const zonosLocale = currentUrl.searchParams.get('zonosLocale');
     return zonosLocale;
 };
+const addInternationalHideClass = () => {
+    if (localizationStore.isShippableCountry) {
+        document.body.classList.add('z-intl');
+    }
+    else {
+        document.body.classList.remove('z-intl');
+    }
+};
 const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
     var _a, _b;
     log('update selected country code');
@@ -6325,6 +6333,7 @@ const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
     // update shippable country
     localizationStore.isShippableCountry = !!isShippableCountry;
     log(`Is shippable country: ${localizationStore.isShippableCountry}`);
+    addInternationalHideClass();
     if (!selectedCountryCode) {
         return;
     }

package/dist/esm/index.js

@@ -232,8 +232,8 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = zonosLoadUrl || "https://v1.3.24.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.24";
+const ZONOS_URL = zonosLoadUrl || "https://v1.3.25-alpha.0.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.25-alpha.0";
 const INTER_FONT_URL = 'https://rsms.me';
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -251,9 +251,8 @@ Zonos.isBigCommerce = false;
  * By default, the package will load from npm
  */
 Zonos.isNpm = true;
-Zonos.internationalHideSelector = '';
 Zonos.zonosQaUrl = null;
-Zonos.version = `v${"1.3.24"}`;
+Zonos.version = `v${"1.3.25-alpha.0"}`;
 Zonos.modeAlerted = false;
 Zonos.tempCartData = null;
 Zonos.getCurrentTimestamp = () => new Date().getTime();

package/dist/esm/{submitGtag-07553cf5.js → submitGtag-90ebe7d0.js}

@@ -1,4 +1,4 @@
-import { r as handleFetch, d as cartStore, l as localizationStore } from './cart-8662415b.js';
+import { r as handleFetch, d as cartStore, l as localizationStore } from './cart-564ab33a.js';
 import { z as zonosStore } from './zonosStore-8b9ea19c.js';
 import { l as log } from './logError-c456c092.js';
 

package/dist/esm/zonos-address_8.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-3b46f3c3.js';
-import { h as stripeStore, l as localizationStore, t as translate } from './cart-8662415b.js';
+import { h as stripeStore, l as localizationStore, t as translate } from './cart-564ab33a.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { a as logError } from './logError-c456c092.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';

package/dist/esm/zonos-card_2.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host } from './index-3b46f3c3.js';
 import { d as zonosStoreFontFamily } from './zonosStore-8b9ea19c.js';
 import { c as classes } from './classes-0d95c529.js';
-import { H as localizationStoreUpdateSelectedLocale, t as translate, l as localizationStore } from './cart-8662415b.js';
+import { H as localizationStoreUpdateSelectedLocale, t as translate, l as localizationStore } from './cart-564ab33a.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
 import './logError-c456c092.js';
 import './isDarkColor-5185b62c.js';

package/dist/esm/zonos-cart-items_12.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-3b46f3c3.js';
-import { d as cartStore, B as currencyFormat, C as cartStoreHasOneEligibleItem, t as translate, r as handleFetch, p as stripeStoreReset, h as stripeStore, D as stripeStoreRetrievePayment, l as localizationStore, E as stripeStoreTranslateAddressToLatin, F as cartStoreUpdateSelectedShippingOption, G as cartStoreGetShippingTransitInfo } from './cart-8662415b.js';
+import { d as cartStore, B as currencyFormat, C as cartStoreHasOneEligibleItem, t as translate, r as handleFetch, p as stripeStoreReset, h as stripeStore, D as stripeStoreRetrievePayment, l as localizationStore, E as stripeStoreTranslateAddressToLatin, F as cartStoreUpdateSelectedShippingOption, G as cartStoreGetShippingTransitInfo } from './cart-564ab33a.js';
 import { c as classes } from './classes-0d95c529.js';
 import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-8b9ea19c.js';
-import { t as trackConversionEvent, s as sendErrorLog, a as submitGtag, c as createCustomEvent } from './submitGtag-07553cf5.js';
+import { t as trackConversionEvent, s as sendErrorLog, a as submitGtag, c as createCustomEvent } from './submitGtag-90ebe7d0.js';
 import { g as getBorderRadius } from './getBorderRadius-5e5a5800.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { l as languages } from './ILanguage-cd6acb72.js';

package/dist/esm/zonos-checkout.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, F as Fragment } from './index-3b46f3c3.js';
-import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, g as cartStoreResetTabItems, h as stripeStore, j as stripeStoreInitCheckoutSession, k as cartStoreUpdateToErrorState, t as translate, m as stripeStorePrefetchLandedCost, n as cartStoreNextStep, o as stripeStoreConfirmPayment, p as stripeStoreReset, q as localizationStoreOnUpdate } from './cart-8662415b.js';
+import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, g as cartStoreResetTabItems, h as stripeStore, j as stripeStoreInitCheckoutSession, k as cartStoreUpdateToErrorState, t as translate, m as stripeStorePrefetchLandedCost, n as cartStoreNextStep, o as stripeStoreConfirmPayment, p as stripeStoreReset, q as localizationStoreOnUpdate } from './cart-564ab33a.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-8b9ea19c.js';
-import { c as createCustomEvent, s as sendErrorLog, a as submitGtag, t as trackConversionEvent } from './submitGtag-07553cf5.js';
+import { c as createCustomEvent, s as sendErrorLog, a as submitGtag, t as trackConversionEvent } from './submitGtag-90ebe7d0.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { l as log, a as logError } from './logError-c456c092.js';
 import { c as classes } from './classes-0d95c529.js';
@@ -585,35 +585,6 @@ const ZonosCheckout = class {
         if (window.Zonos.tempCartData) {
             this.useLegacyQueryParam();
         }
-        const hideInternationalOrderInterval = setInterval(() => {
-            const internationalSelector = window.Zonos.internationalHideSelector;
-            if (!internationalSelector) {
-                // cleanup right away if selector is not found
-                clearInterval(hideInternationalOrderInterval);
-                return;
-            }
-            // hide the selector if it's international
-            const isInternationalOrder = isShippableCountry(false);
-            const selector = document.querySelectorAll(internationalSelector);
-            if (!isInternationalOrder) {
-                // show the selector when it's domestic
-                selector === null || selector === void 0 ? void 0 : selector.forEach(el => {
-                    const element = el;
-                    const display = element.getAttribute('data-zonos-checkout-original-display') ||
-                        getComputedStyle(element).display;
-                    // fallback to initial (browser value) if "display" is not found
-                    element.style.display = display || 'initial';
-                });
-                return;
-            }
-            selector === null || selector === void 0 ? void 0 : selector.forEach(el => {
-                const element = el;
-                const display = element.style.display;
-                // save the display state so we can restore it later
-                element.setAttribute('data-zonos-checkout-original-display', display);
-                element.style.display = 'none';
-            });
-        }, 100);
         // only init checkout if visitor's country is in the shipping zones.
         const interval = setInterval(() => {
             stripeStore.stripe = window.Zonos.stripe;

package/dist/esm/zonos-controller.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-3b46f3c3.js';
-import { r as handleFetch, u as isValidSelector, h as stripeStore, v as initLocalizationStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-8662415b.js';
+import { r as handleFetch, u as isValidSelector, h as stripeStore, v as initLocalizationStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-564ab33a.js';
 import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-8b9ea19c.js';
 import { a as logError, l as log } from './logError-c456c092.js';
 import './isDarkColor-5185b62c.js';

package/dist/esm/zonos-country-flag.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-3b46f3c3.js';
-import { l as localizationStore } from './cart-8662415b.js';
+import { l as localizationStore } from './cart-564ab33a.js';
 import { d as zonosStoreFontFamily } from './zonosStore-8b9ea19c.js';
 import { c as classes } from './classes-0d95c529.js';
 import './logError-c456c092.js';