@zonos/elements 1.3.24 → 1.3.25

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/collection/types/generated/graphql.customer.types.js

@@ -143,6 +143,24 @@ export const carrierApiSupportType = {
     Supported: 'SUPPORTED',
     Unsupported: 'UNSUPPORTED',
 };
+export const carrierBillingInvoiceFeeType = {
+    RevShareAmount: 'REV_SHARE_AMOUNT',
+    RevSharePercent: 'REV_SHARE_PERCENT',
+};
+export const carrierBillingInvoiceLineItemReferenceType = {
+    AccountOrderNumber: 'ACCOUNT_ORDER_NUMBER',
+    ShipmentReferenceNumber: 'SHIPMENT_REFERENCE_NUMBER',
+    ZonosOrderId: 'ZONOS_ORDER_ID',
+};
+export const carrierBillingInvoiceStatus = {
+    Draft: 'DRAFT',
+    Failed: 'FAILED',
+    Open: 'OPEN',
+    Paid: 'PAID',
+    Pending: 'PENDING',
+    Uncollectible: 'UNCOLLECTIBLE',
+    Voided: 'VOIDED',
+};
 export const carrierCode = {
     Apc: 'APC',
     Dhl: 'DHL',
@@ -191,6 +209,12 @@ export const catalogItemExportJobAction = {
     Email: 'EMAIL',
     None: 'NONE',
 };
+export const catalogItemInclusivePriceStatus = {
+    Active: 'ACTIVE',
+    Failed: 'FAILED',
+    Ignored: 'IGNORED',
+    Pending: 'PENDING',
+};
 export const catalogItemSource = {
     Classification: 'CLASSIFICATION',
     LegacyMigration: 'LEGACY_MIGRATION',
@@ -277,6 +301,10 @@ export const collectUploadStatus = {
     Succeeded: 'SUCCEEDED',
     SucceededWithErrors: 'SUCCEEDED_WITH_ERRORS',
 };
+export const confidenceScoreDisplayStatus = {
+    Disabled: 'DISABLED',
+    Enabled: 'ENABLED',
+};
 export const connectTransferOriginType = {
     Connect: 'CONNECT',
     Platform: 'PLATFORM',
@@ -1203,6 +1231,7 @@ export const imageSlot = {
     Image_5: 'IMAGE_5',
 };
 export const inclusivePriceCalculateJobStatus = {
+    Cancelled: 'CANCELLED',
     Completed: 'COMPLETED',
     Failed: 'FAILED',
     InProgress: 'IN_PROGRESS',
@@ -1221,6 +1250,7 @@ export const inclusivePriceCatalogValidationJobCompletionStatus = {
 export const inclusivePriceCatalogValidationJobComplianceStatus = {
     Compliant: 'COMPLIANT',
     NonCompliant: 'NON_COMPLIANT',
+    Pending: 'PENDING',
 };
 export const inclusivePriceHistoryCsvJobStatus = {
     Error: 'ERROR',
@@ -1246,6 +1276,12 @@ export const inclusivePriceStatus = {
     Active: 'ACTIVE',
     Inactive: 'INACTIVE',
 };
+export const inclusivePriceSyncJobStatus = {
+    Completed: 'COMPLETED',
+    Failed: 'FAILED',
+    InProgress: 'IN_PROGRESS',
+    Initialized: 'INITIALIZED',
+};
 export const incotermCode = {
     Cif: 'CIF',
     Custom: 'CUSTOM',
@@ -1305,6 +1341,9 @@ export const invoiceLanguageCode = {
     ZhHk: 'ZH_HK',
     ZhTw: 'ZH_TW',
 };
+export const invoiceProcessor = {
+    Stripe: 'STRIPE',
+};
 export const invoiceStatus = {
     Received: 'RECEIVED',
     Reconciled: 'RECONCILED',
@@ -1424,6 +1463,8 @@ export const landedCostFeeType = {
 export const landedCostGuaranteeCode = {
     InclusivePrice: 'INCLUSIVE_PRICE',
     NotApplicable: 'NOT_APPLICABLE',
+    PostalDdp: 'POSTAL_DDP',
+    PostalDdpInclusivePrice: 'POSTAL_DDP_INCLUSIVE_PRICE',
     Zonos: 'ZONOS',
 };
 export const landedCostGuaranteeType = {
@@ -1656,7 +1697,9 @@ export const orderStatus = {
     Canceled: 'CANCELED',
     Completed: 'COMPLETED',
     FraudHold: 'FRAUD_HOLD',
+    InTransitToConsolidationCenter: 'IN_TRANSIT_TO_CONSOLIDATION_CENTER',
     Open: 'OPEN',
+    PartiallyShipped: 'PARTIALLY_SHIPPED',
     PaymentFailed: 'PAYMENT_FAILED',
     PaymentPending: 'PAYMENT_PENDING',
 };
@@ -2077,6 +2120,8 @@ export const webhookStatus = {
     Enabled: 'ENABLED',
 };
 export const webhookType = {
+    InclusivePriceSyncReady: 'INCLUSIVE_PRICE_SYNC_READY',
+    IpSettingStatusChanged: 'IP_SETTING_STATUS_CHANGED',
     OrderCanceled: 'ORDER_CANCELED',
     OrderCreated: 'ORDER_CREATED',
     OrderStatusChanged: 'ORDER_STATUS_CHANGED',

package/dist/collection/types/generated/graphql.frontend.types.js

@@ -427,11 +427,17 @@ export const orderBy = {
     DescNullsLast: 'desc_nulls_last',
 };
 export const promptBulkJobProjectLabelEnum = {
+    AccountWebInlineTranslate: 'account_web_inline_translate',
     DashboardElementsCustomMessageTranslation: 'dashboard_elements_custom_message_translation',
+    DashboardWebDynamicTranslate: 'dashboard_web_dynamic_translate',
+    DashboardWebInlineTranslate: 'dashboard_web_inline_translate',
     DocsSeo: 'docs_seo',
     DocsTranslation: 'docs_translation',
     ElementsTranslation: 'elements_translation',
     ExploreSchemaValidation: 'explore_schema_validation',
+    ZonosComDynamicTranslate: 'zonos_com_dynamic_translate',
+    ZonosComInlineTranslate: 'zonos_com_inline_translate',
+    ZonosComMdxTranslate: 'zonos_com_mdx_translate',
 };
 export const promptBulkJobStatusEnum = {
     Completed: 'completed',

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;
     }