@ironsource/shared-ui 2.2.0-test.2 → 2.2.0-test.4

package/index.d.ts

@@ -2735,6 +2735,10 @@ declare const _default: {
             required: true;
             default: string;
         };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         hideTextValue: {
             type: import("vue").PropType<boolean>;
             required: true;
@@ -2752,6 +2756,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        asyncCopy: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        loadingTitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         copy: () => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -2778,6 +2790,10 @@ declare const _default: {
             required: true;
             default: string;
         };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         hideTextValue: {
             type: import("vue").PropType<boolean>;
             required: true;
@@ -2795,6 +2811,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        asyncCopy: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        loadingTitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         onCopy?: () => any;
     }, {
@@ -2803,10 +2827,13 @@ declare const _default: {
         tooltipText: string;
         tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         size: "small" | "medium";
+        isLoading: boolean;
         hideTextValue: boolean;
         iconSize: string;
         tooltipHeader: string;
         valueToCopy: string;
+        asyncCopy: boolean;
+        loadingTitle: string;
     }>;
     InlineCopyTypes: () => import("vue").DefineComponent<{
         text: {
@@ -2832,6 +2859,10 @@ declare const _default: {
             required: true;
             default: string;
         };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         hideTextValue: {
             type: import("vue").PropType<boolean>;
             required: true;
@@ -2849,6 +2880,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        asyncCopy: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        loadingTitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         copy: () => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -2875,6 +2914,10 @@ declare const _default: {
             required: true;
             default: string;
         };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         hideTextValue: {
             type: import("vue").PropType<boolean>;
             required: true;
@@ -2892,6 +2935,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        asyncCopy: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        loadingTitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         onCopy?: () => any;
     }, {
@@ -2900,10 +2951,13 @@ declare const _default: {
         tooltipText: string;
         tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         size: "small" | "medium";
+        isLoading: boolean;
         hideTextValue: boolean;
         iconSize: string;
         tooltipHeader: string;
         valueToCopy: string;
+        asyncCopy: boolean;
+        loadingTitle: string;
     }>[];
     AppHeader: import("vue").DefineComponent<{
         name: {
@@ -5434,10 +5488,10 @@ declare const _default: {
             $props: Partial<{
                 type: "input" | "dropdown";
                 cell: string;
+                isLoading: boolean;
                 withIcons: boolean;
                 saveOnClickOutside: boolean;
                 validateFunction: (value: unknown) => string | boolean;
-                isLoading: boolean;
                 displayValue: (option: unknown) => unknown;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 type: {
@@ -5449,6 +5503,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 withIcons: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -5461,10 +5519,6 @@ declare const _default: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
                 };
-                isLoading: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 rowIndex: {
                     type: import("vue").PropType<number>;
                     required: true;
@@ -5477,7 +5531,7 @@ declare const _default: {
                     type: import("vue").PropType<(option: unknown) => unknown>;
                     default: (cell: unknown) => unknown;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "withIcons" | "saveOnClickOutside" | "validateFunction" | "isLoading" | "displayValue">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "isLoading" | "withIcons" | "saveOnClickOutside" | "validateFunction" | "displayValue">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -5501,6 +5555,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 withIcons: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -5513,10 +5571,6 @@ declare const _default: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
                 };
-                isLoading: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 rowIndex: {
                     type: import("vue").PropType<number>;
                     required: true;
@@ -5532,10 +5586,10 @@ declare const _default: {
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 type: "input" | "dropdown";
                 cell: string;
+                isLoading: boolean;
                 withIcons: boolean;
                 saveOnClickOutside: boolean;
                 validateFunction: (value: unknown) => string | boolean;
-                isLoading: boolean;
                 displayValue: (option: unknown) => unknown;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -5567,6 +5621,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             withIcons: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -5579,10 +5637,6 @@ declare const _default: {
                 type: import("vue").PropType<(value: unknown) => string | boolean>;
                 default: () => false;
             };
-            isLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             rowIndex: {
                 type: import("vue").PropType<number>;
                 required: true;
@@ -5609,6 +5663,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         withIcons: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -5621,10 +5679,6 @@ declare const _default: {
             type: import("vue").PropType<(value: unknown) => string | boolean>;
             default: () => false;
         };
-        isLoading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         rowIndex: {
             type: import("vue").PropType<number>;
             required: true;
@@ -5640,10 +5694,10 @@ declare const _default: {
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         type: "input" | "dropdown";
         cell: string;
+        isLoading: boolean;
         withIcons: boolean;
         saveOnClickOutside: boolean;
         validateFunction: (value: unknown) => string | boolean;
-        isLoading: boolean;
         displayValue: (option: unknown) => unknown;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -5658,10 +5712,10 @@ declare const _default: {
             $props: Partial<{
                 type: "input" | "dropdown";
                 cell: string;
+                isLoading: boolean;
                 withIcons: boolean;
                 saveOnClickOutside: boolean;
                 validateFunction: (value: unknown) => string | boolean;
-                isLoading: boolean;
                 displayValue: (option: unknown) => unknown;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 type: {
@@ -5673,6 +5727,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 withIcons: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -5685,10 +5743,6 @@ declare const _default: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
                 };
-                isLoading: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 rowIndex: {
                     type: import("vue").PropType<number>;
                     required: true;
@@ -5701,7 +5755,7 @@ declare const _default: {
                     type: import("vue").PropType<(option: unknown) => unknown>;
                     default: (cell: unknown) => unknown;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "withIcons" | "saveOnClickOutside" | "validateFunction" | "isLoading" | "displayValue">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "isLoading" | "withIcons" | "saveOnClickOutside" | "validateFunction" | "displayValue">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -5725,6 +5779,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 withIcons: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -5737,10 +5795,6 @@ declare const _default: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
                 };
-                isLoading: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 rowIndex: {
                     type: import("vue").PropType<number>;
                     required: true;
@@ -5756,10 +5810,10 @@ declare const _default: {
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 type: "input" | "dropdown";
                 cell: string;
+                isLoading: boolean;
                 withIcons: boolean;
                 saveOnClickOutside: boolean;
                 validateFunction: (value: unknown) => string | boolean;
-                isLoading: boolean;
                 displayValue: (option: unknown) => unknown;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -5791,6 +5845,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             withIcons: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -5803,10 +5861,6 @@ declare const _default: {
                 type: import("vue").PropType<(value: unknown) => string | boolean>;
                 default: () => false;
             };
-            isLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             rowIndex: {
                 type: import("vue").PropType<number>;
                 required: true;
@@ -5833,6 +5887,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         withIcons: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -5845,10 +5903,6 @@ declare const _default: {
             type: import("vue").PropType<(value: unknown) => string | boolean>;
             default: () => false;
         };
-        isLoading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         rowIndex: {
             type: import("vue").PropType<number>;
             required: true;
@@ -5864,10 +5918,10 @@ declare const _default: {
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         type: "input" | "dropdown";
         cell: string;
+        isLoading: boolean;
         withIcons: boolean;
         saveOnClickOutside: boolean;
         validateFunction: (value: unknown) => string | boolean;
-        isLoading: boolean;
         displayValue: (option: unknown) => unknown;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {

package/index.js

@@ -1,4 +1,4 @@
-import './AppIcon.vue_vue_type_style_index_0_scoped_56ba337c_lang.css';
+import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
 import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as ao } from "./components/menuItem/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.2.0-test.2",
+  "version": "2.2.0-test.4",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/style/v4/colors.scss

@@ -22,7 +22,7 @@
   --action-disabled: #E0E0E0;
   --action-disabled-background: #F0F0F0;
   --action-focus: #E8E8E8;
-  --action-outlined-border  : hsla(0, 0%, 73%, 1);
+  --action-outlined-border: #BBBBBB;
 
   --default-main: #E8E8E8;
   --default-lighter: #F9F9F9;

package/style/v4/grid.css

@@ -1 +1 @@
-.light-theme-v4{--background-default: #FFFFFF;--background-paper: #FCFCFC;--background-modal-elevation: #FFFFFF;--background-backdrop: #00000045;--background-paper-elevation-0: #F9F9F9;--background-paper-elevation-1: #F0F0F0;--background-paper-elevation-2: #E8E8E8;--background-paper-elevation-3: #E0E0E0;--background-paper-elevation-4: #D9D9D9;--background-paper-elevation-5: #CECECE;--background-paper-elevation-6: #BBBBBB;--background-paper-elevation-7: #8D8D8D;--background-paper-elevation-8: #838383;--background-paper-elevation-9: #646464;--background-inset: #F0F0F0;--action-primary: #202020;--action-active: #838383;--action-hover: #0000000F;--action-selected: #E8E8E8;--action-disabled: #E0E0E0;--action-disabled-background: #F0F0F0;--action-focus: #E8E8E8;--action-outlined-border: hsla(0, 0%, 73%, 1);--default-main: #E8E8E8;--default-lighter: #F9F9F9;--default-light: #F0F0F0;--default-dark: #E0E0E0;--default-darker: #D9D9D9;--default-contrast-text: #202020;--default-outlined-border: #CECECE;--default-main-8-p: #81818114;--default-main-50-p: #81818180;--default-button-contrast-text: #000000;--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: #E8E8E8;--common-divider-elevation-0: #E8E8E8;--text-primary: #202020;--text-secondary: #646464;--text-disabled: #838383;--primary-lighter: #ECF5FF;--primary-light: #CBE2FE;--primary-main: #0A6EC8;--primary-main-8-p: #0A6EC814;--primary-main-50-p: #0A6EC880;--primary-dark: #0060B8;--primary-darker: #0F70CB;--primary-outlined-border: #9EC4F1;--primary-contrast-text: #0E345B;--primary-button-contrast-text: #FFFFFF;--info-lighter: #EDF2FE;--info-light: #D2DEFF;--info-main: #3E63DD;--info-main-8-p: #3E63DD14;--info-main-50-p: #3E63DD80;--info-dark: #3358D4;--info-darker: #3A5BC7;--info-outlined-border: #ABBDF9;--info-contrast-text: #1F2D5C;--info-button-contrast-text: #FFFFFF;--success-lighter: #E6F6EB;--success-light: #C4E8D1;--success-main: #30A46C;--success-main-8-p: #30A46C14;--success-main-50-p: #30A46C80;--success-dark: #2B9A66;--success-darker: #218358;--success-outlined-border: #8ECEAA;--success-contrast-text: #193B2D;--success-button-contrast-text: #FFFFFF;--warning-lighter: #FFF7C2;--warning-light: #FBE577;--warning-main: #FFC53D;--warning-main-8-p: #FFC53D14;--warning-main-50-p: #FFC53D80;--warning-dark: #FFBA18;--warning-darker: #AB6400;--warning-outlined-border: #E9C162;--warning-contrast-text: #4F3422;--warning-button-contrast-text: #000000;--error-lighter: #FEEBEC;--error-light: #FFCDCE;--error-main: #E5484D;--error-main-8-p: #E5484D14;--error-main-50-p: #E5484D80;--error-dark: #DC3E42;--error-darker: #CE2C31;--error-outlined-border: #F4A9AA;--error-contrast-text: #641723;--error-button-contrast-text: #FFFFFF;--ab-a: #FFC134;--ab-b: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -6px rgba(16, 24, 40, 0.08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, 0.14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, 0.14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-350: 28px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}/*# sourceMappingURL=grid.css.map */
+.light-theme-v4{--background-default: #FFFFFF;--background-paper: #FCFCFC;--background-modal-elevation: #FFFFFF;--background-backdrop: #00000045;--background-paper-elevation-0: #F9F9F9;--background-paper-elevation-1: #F0F0F0;--background-paper-elevation-2: #E8E8E8;--background-paper-elevation-3: #E0E0E0;--background-paper-elevation-4: #D9D9D9;--background-paper-elevation-5: #CECECE;--background-paper-elevation-6: #BBBBBB;--background-paper-elevation-7: #8D8D8D;--background-paper-elevation-8: #838383;--background-paper-elevation-9: #646464;--background-inset: #F0F0F0;--action-primary: #202020;--action-active: #838383;--action-hover: #0000000F;--action-selected: #E8E8E8;--action-disabled: #E0E0E0;--action-disabled-background: #F0F0F0;--action-focus: #E8E8E8;--action-outlined-border: #BBBBBB;--default-main: #E8E8E8;--default-lighter: #F9F9F9;--default-light: #F0F0F0;--default-dark: #E0E0E0;--default-darker: #D9D9D9;--default-contrast-text: #202020;--default-outlined-border: #CECECE;--default-main-8-p: #81818114;--default-main-50-p: #81818180;--default-button-contrast-text: #000000;--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: #E8E8E8;--common-divider-elevation-0: #E8E8E8;--text-primary: #202020;--text-secondary: #646464;--text-disabled: #838383;--primary-lighter: #ECF5FF;--primary-light: #CBE2FE;--primary-main: #0A6EC8;--primary-main-8-p: #0A6EC814;--primary-main-50-p: #0A6EC880;--primary-dark: #0060B8;--primary-darker: #0F70CB;--primary-outlined-border: #9EC4F1;--primary-contrast-text: #0E345B;--primary-button-contrast-text: #FFFFFF;--info-lighter: #EDF2FE;--info-light: #D2DEFF;--info-main: #3E63DD;--info-main-8-p: #3E63DD14;--info-main-50-p: #3E63DD80;--info-dark: #3358D4;--info-darker: #3A5BC7;--info-outlined-border: #ABBDF9;--info-contrast-text: #1F2D5C;--info-button-contrast-text: #FFFFFF;--success-lighter: #E6F6EB;--success-light: #C4E8D1;--success-main: #30A46C;--success-main-8-p: #30A46C14;--success-main-50-p: #30A46C80;--success-dark: #2B9A66;--success-darker: #218358;--success-outlined-border: #8ECEAA;--success-contrast-text: #193B2D;--success-button-contrast-text: #FFFFFF;--warning-lighter: #FFF7C2;--warning-light: #FBE577;--warning-main: #FFC53D;--warning-main-8-p: #FFC53D14;--warning-main-50-p: #FFC53D80;--warning-dark: #FFBA18;--warning-darker: #AB6400;--warning-outlined-border: #E9C162;--warning-contrast-text: #4F3422;--warning-button-contrast-text: #000000;--error-lighter: #FEEBEC;--error-light: #FFCDCE;--error-main: #E5484D;--error-main-8-p: #E5484D14;--error-main-50-p: #E5484D80;--error-dark: #DC3E42;--error-darker: #CE2C31;--error-outlined-border: #F4A9AA;--error-contrast-text: #641723;--error-button-contrast-text: #FFFFFF;--ab-a: #FFC134;--ab-b: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -6px rgba(16, 24, 40, 0.08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, 0.14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, 0.14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-350: 28px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}/*# sourceMappingURL=grid.css.map */

package/style/v4/grid.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["colors.scss","border-radius.scss","elevations.scss","spacings.scss"],"names":[],"mappings":"AAAA,gBACE,8BACA,4BACA,sCACA,iCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,4BAEA,0BACA,yBACA,0BACA,2BACA,2BACA,sCACA,wBACA,8CAEA,wBACA,2BACA,yBACA,wBACA,0BACA,iCACA,mCACA,8BACA,+BACA,wCAEA,wBACA,wBACA,gCACA,gCACA,0BACA,sCAEA,wBACA,0BACA,yBAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,wBACA,sBACA,qBACA,2BACA,4BACA,qBACA,uBACA,gCACA,8BACA,qCAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,yBACA,uBACA,sBACA,4BACA,6BACA,sBACA,wBACA,iCACA,+BACA,sCAEA,gBACA,gBCxGF,gBACI,wBACA,wBACA,wBACA,wBACA,yBACA,4BCNJ,gBACE,mDACA,sFACA,wDACA,0DACA,mGACA,4DACA,2DACA,yDCRF,gBACE,wBACA,kBACA,kBACA,kBACA,mBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA","file":"grid.css"}
+{"version":3,"sourceRoot":"","sources":["colors.scss","border-radius.scss","elevations.scss","spacings.scss"],"names":[],"mappings":"AAAA,gBACE,8BACA,4BACA,sCACA,iCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,4BAEA,0BACA,yBACA,0BACA,2BACA,2BACA,sCACA,wBACA,kCAEA,wBACA,2BACA,yBACA,wBACA,0BACA,iCACA,mCACA,8BACA,+BACA,wCAEA,wBACA,wBACA,gCACA,gCACA,0BACA,sCAEA,wBACA,0BACA,yBAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,wBACA,sBACA,qBACA,2BACA,4BACA,qBACA,uBACA,gCACA,8BACA,qCAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,2BACA,yBACA,wBACA,8BACA,+BACA,wBACA,0BACA,mCACA,iCACA,wCAEA,yBACA,uBACA,sBACA,4BACA,6BACA,sBACA,wBACA,iCACA,+BACA,sCAEA,gBACA,gBCxGF,gBACI,wBACA,wBACA,wBACA,wBACA,yBACA,4BCNJ,gBACE,mDACA,sFACA,wDACA,0DACA,mGACA,4DACA,2DACA,yDCRF,gBACE,wBACA,kBACA,kBACA,kBACA,mBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA","file":"grid.css"}

package/AppHeader.vue_vue_type_style_index_0_scoped_9202b5db_lang.css

@@ -1 +0,0 @@
-.app-header[data-v-9202b5db]{display:flex}.app-header .image-container[data-v-9202b5db]{height:3rem;width:3rem;border-radius:.25rem}.app-header .image-container img[data-v-9202b5db]{min-width:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:.25rem}.app-header .icon-container[data-v-9202b5db]{color:var(--action-active);display:flex;align-items:center;padding:0 .5rem}.app-header .icon-container--small[data-v-9202b5db]{background:var(--default-main);width:1.5rem;height:1.5rem;border-radius:50%;margin:0 .3125rem}.app-header .name-container .title[data-v-9202b5db]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-9202b5db]{color:var(--text-secondary)}.app-header.size-small[data-v-9202b5db]{align-items:center}.app-header.size-small .image-container[data-v-9202b5db]{height:2rem;width:2rem;border-radius:.375rem}.app-header.size-small .image-container img[data-v-9202b5db]{border-radius:.375rem}.app-header.size-small .icon-container[data-v-9202b5db]{padding:0 .25rem}.app-header.size-small .name-container[data-v-9202b5db]{display:flex;align-items:center}.ab-icon-wrapper[data-v-9202b5db]{margin-left:var(--spacing-150);padding-left:var(--spacing-150);border-left:1px solid var(--common-divider);min-height:var(--spacing-400);display:flex;align-items:center}.size-small .ab-icon-wrapper[data-v-9202b5db]{margin-left:var(--spacing-25);padding-left:var(--spacing-100)}

package/ButtonV4.vue_vue_type_style_index_0_scoped_afe44a65_lang.css

@@ -1 +0,0 @@
-.button-wrap[data-v-afe44a65]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0;cursor:pointer}.contained.primary[data-v-afe44a65]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-afe44a65]:hover{background:var(--primary-dark)}.contained.primary[data-v-afe44a65]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.primary[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.contained.default[data-v-afe44a65]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-afe44a65]:hover{background:var(--default-dark)}.contained.default[data-v-afe44a65]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.default[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.contained.danger[data-v-afe44a65]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-afe44a65]:hover{background:var(--error-dark)}.contained.danger[data-v-afe44a65]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.danger[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.contained.info[data-v-afe44a65]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-afe44a65]:hover{background:var(--info-dark)}.contained.info[data-v-afe44a65]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.info[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.contained.success[data-v-afe44a65]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-afe44a65]:hover{background:var(--success-dark)}.contained.success[data-v-afe44a65]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.success[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.contained.warning[data-v-afe44a65]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-afe44a65]:hover{background:var(--warning-dark)}.contained.warning[data-v-afe44a65]:disabled{color:var(--text-disabled);background:var(--action-disabled-background)!important;opacity:1}.contained.warning[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.contained.loading[data-v-afe44a65],.contained.loading[data-v-afe44a65]:hover{background:var(--action-disabled-background)}.outlined[data-v-afe44a65]{background:transparent}.outlined.primary[data-v-afe44a65]{color:var(--primary-main);border:1px solid var(--primary-main)}.outlined.primary[data-v-afe44a65]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-afe44a65]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.primary[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.outlined.default[data-v-afe44a65]{color:var(--text-primary);border:1px solid var(--default-outlined-border)}.outlined.default[data-v-afe44a65]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-afe44a65]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.default[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.outlined.danger[data-v-afe44a65]{color:var(--error-main);border:1px solid var(--error-main)}.outlined.danger[data-v-afe44a65]:hover{background:var(--error-lighter)}.outlined.danger[data-v-afe44a65]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.danger[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.outlined.info[data-v-afe44a65]{color:var(--info-main);border:1px solid var(--info-main)}.outlined.info[data-v-afe44a65]:hover{background:var(--info-lighter)}.outlined.info[data-v-afe44a65]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.info[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.outlined.success[data-v-afe44a65]{color:var(--success-main);border:1px solid var(--success-main)}.outlined.success[data-v-afe44a65]:hover{background:var(--success-lighter)}.outlined.success[data-v-afe44a65]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.success[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.outlined.warning[data-v-afe44a65]{color:var(--warning-darker);border:1px solid var(--warning-darker)}.outlined.warning[data-v-afe44a65]:hover{background:var(--warning-lighter)}.outlined.warning[data-v-afe44a65]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border)!important;opacity:1}.outlined.warning[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.outlined.loading[data-v-afe44a65],.outlined.loading[data-v-afe44a65]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-afe44a65]{background:transparent}.text.primary[data-v-afe44a65]{color:var(--primary-main)}.text.primary[data-v-afe44a65]:hover{background:var(--primary-lighter)}.text.primary[data-v-afe44a65]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.primary[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.text.default[data-v-afe44a65]{color:var(--text-primary)}.text.default[data-v-afe44a65]:hover{background:var(--action-hover)}.text.default[data-v-afe44a65]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.default[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.text.danger[data-v-afe44a65]{color:var(--error-main)}.text.danger[data-v-afe44a65]:hover{background:var(--error-lighter)}.text.danger[data-v-afe44a65]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.danger[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.text.info[data-v-afe44a65]{color:var(--info-main)}.text.info[data-v-afe44a65]:hover{background:var(--info-lighter)}.text.info[data-v-afe44a65]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.info[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.text.success[data-v-afe44a65]{color:var(--success-main)}.text.success[data-v-afe44a65]:hover{background:var(--success-lighter)}.text.success[data-v-afe44a65]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.success[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.text.warning[data-v-afe44a65]{color:var(--warning-darker)}.text.warning[data-v-afe44a65]:hover{background:var(--warning-lighter)}.text.warning[data-v-afe44a65]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.warning[data-v-afe44a65]:disabled:hover{cursor:not-allowed}.text.loading[data-v-afe44a65],.text.loading[data-v-afe44a65]:hover{border:0;background:transparent}.small[data-v-afe44a65]{padding:2px 6px}.small.outlined[data-v-afe44a65]{padding:1px 5px}.medium[data-v-afe44a65]{padding:4px 8px}.medium.outlined[data-v-afe44a65]{padding:3px 7px}.large[data-v-afe44a65]{padding:6px 8px}.large.outlined[data-v-afe44a65]{padding:5px 7px}.extraLarge[data-v-afe44a65]{padding:10px 12px}.extraLarge.outlined[data-v-afe44a65]{padding:9px 11px}.small[data-v-afe44a65],.medium[data-v-afe44a65],.large[data-v-afe44a65],.extraLarge[data-v-afe44a65]{height:auto}.flex[data-v-afe44a65]{display:flex;align-items:center;gap:8px}.loading.with-start-icon .content-with-icon[data-v-afe44a65]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-afe44a65]{padding-right:22px}

package/Chart.vue_vue_type_style_index_0_scoped_060d02be_lang.css

@@ -1 +0,0 @@
-.chart-container[data-v-060d02be]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%}.chart-planes[data-v-060d02be]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-060d02be]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-060d02be]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-060d02be]{border-left:1px solid var(--common-divider)}

package/ChartHeader.vue_vue_type_style_index_0_scoped_d90c583e_lang.css

@@ -1 +0,0 @@
-.chart-header[data-v-d90c583e]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header--compact[data-v-d90c583e]{padding-top:22px}.chart-header--compact .header-texts[data-v-d90c583e]{flex-direction:row}.chart-header--compact .header-text[data-v-d90c583e]{color:var(--text-secondary)}.header-row[data-v-d90c583e]{display:flex;align-items:flex-end;gap:4px}.header-texts[data-v-d90c583e]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px;cursor:default}.header-actions[data-v-d90c583e]{display:flex;align-items:center;gap:var(--spacing-200)}

package/ChartPlane.vue_vue_type_style_index_0_scoped_3c887f7e_lang.css

@@ -1 +0,0 @@
-.chart-plane-container[data-v-3c887f7e]{--headerHeight: var(--4efc2842);width:100%;height:var(--60310e6c);position:relative}.header-wrapper[data-v-3c887f7e]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-3c887f7e]{padding-top:var(--headerHeight);height:100%}.chart-empty[data-v-3c887f7e]{background:var(--background-paper)}.chart[data-v-3c887f7e]{width:100%;height:100%;position:relative}.chart__canvas[data-v-3c887f7e]{width:100%;height:100%}.chart__tooltip[data-v-3c887f7e]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}

package/DataGrid.vue_vue_type_style_index_0_scoped_cd41c5ca_lang.css

@@ -1 +0,0 @@
-.sticky[data-v-cd41c5ca]{position:sticky}.table-container[data-v-cd41c5ca]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-cd41c5ca]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-cd41c5ca]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-cd41c5ca]{display:inline-table}.table-row[data-v-cd41c5ca]{position:relative}.table-row.loading[data-v-cd41c5ca]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-cd41c5ca]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-cd41c5ca]{border-bottom:none}.expanded-row[data-v-cd41c5ca]{grid-column:var(--38b7f4c1);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-cd41c5ca]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-cd41c5ca]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-cd41c5ca],table th[data-v-cd41c5ca]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-cd41c5ca]:first-of-type,table th[data-v-cd41c5ca]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-cd41c5ca]:last-of-type,table th[data-v-cd41c5ca]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-cd41c5ca],table th.expand-toggle-cell[data-v-cd41c5ca]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-cd41c5ca]{border-bottom:none;z-index:calc(var(--423d7fe6) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-cd41c5ca]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);display:grid;grid-template-columns:var(--9b4c490c)}table>thead>tr>th[data-v-cd41c5ca]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-cd41c5ca]{cursor:pointer}table>thead>tr>td[data-v-cd41c5ca]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-cd41c5ca],table>thead>tr>td.bordered[data-v-cd41c5ca]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-cd41c5ca],table>thead>tr>td.bordered.isStickyRight[data-v-cd41c5ca]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-cd41c5ca],table>thead>tr>td.isTextRight[data-v-cd41c5ca]{justify-content:flex-end}table>thead.sticky[data-v-cd41c5ca]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-cd41c5ca]{z-index:calc(var(--423d7fe6) + 2);top:var(--243617e8)}table .totals-row[data-v-cd41c5ca]{height:40px}table .totals-row[data-v-cd41c5ca]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-cd41c5ca]{background-color:var(--background-default)}table>tbody[data-v-cd41c5ca]{display:block}table>tbody>*>tr[data-v-cd41c5ca]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--9b4c490c)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-cd41c5ca]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-cd41c5ca],table>tbody>*>tr.activeMenu>td[data-v-cd41c5ca]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-cd41c5ca]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-cd41c5ca]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-cd41c5ca]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-cd41c5ca]{justify-content:flex-end;text-align:right}.underlined[data-v-cd41c5ca]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-cd41c5ca]:hover{cursor:pointer}.section-container[data-v-cd41c5ca]{left:0}.sections[data-v-cd41c5ca]{display:flex}.section[data-v-cd41c5ca]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-cd41c5ca]{width:100%}.empty-state[data-v-cd41c5ca]{min-height:250px}.floating-row[data-v-cd41c5ca]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--423d7fe6) + 1)}.floating-row *[data-v-cd41c5ca-s]{pointer-events:auto}.bg[data-v-cd41c5ca]{background:var(--background-default)}.useAvailableHeight[data-v-cd41c5ca]{height:100%}

package/InlineCopy.vue_vue_type_style_index_0_scoped_ad48b61e_lang.css

@@ -1 +0,0 @@
-.inline-copy[data-v-ad48b61e]{display:inline-flex;cursor:pointer;color:var(--text-secondary)}.inline-copy .icon-copy[data-v-ad48b61e]{padding:0 4px;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-ad48b61e]:hover{color:var(--action-primary)}

package/SnackbarV4.vue_vue_type_style_index_0_scoped_1b650c39_lang.css

@@ -1 +0,0 @@
-.container[data-v-1b650c39]{width:100%;display:flex;max-width:22.5rem;background-color:var(--common-white);padding:.75rem 1rem}.texts[data-v-1b650c39]{width:calc(100% - 20px);display:flex;justify-content:center;flex-direction:column}.message[data-v-1b650c39]{margin-top:8px;margin-left:28px;width:calc(100% - 24px);color:var(--text-secondary)}.title[data-v-1b650c39]{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.snackbar[data-v-1b650c39]{display:flex;width:22.5rem;box-sizing:border-box;position:fixed;transition:opacity .25s,transform .25s,left .25s,right .25s,top .4s,bottom .25s;overflow-wrap:anywhere;overflow:hidden;z-index:9999;border-radius:12px;border:1px solid var(--common-divider-elevation-0);box-shadow:var(--elevation-lg)}.snackbar.right[data-v-1b650c39]{right:1rem}.snackbar.left[data-v-1b650c39]{left:1rem}.close-button-wrapper[data-v-1b650c39]{width:20px}.snackbar-enter-from.right[data-v-1b650c39]{right:0;transform:translate(100%)}.snackbar-enter-from.left[data-v-1b650c39]{left:0;transform:translate(-100%)}.snackbar-leave-to[data-v-1b650c39]{opacity:0}.snackbar-leave-to.right[data-v-1b650c39]{right:0;transform:translate(100%)}.snackbar-leave-to.left[data-v-1b650c39]{left:0;transform:translate(-100%)}.icon-container.snackbar-icon-info[data-v-1b650c39]{color:var(--action-active)}.icon-container.snackbar-icon-error[data-v-1b650c39]{color:var(--error-main)}.icon-container.snackbar-icon-success[data-v-1b650c39]{color:var(--success-main)}.action-wrapper[data-v-1b650c39]{margin-left:28px;width:calc(100% - 16px)}.action-wrapper .actions[data-v-1b650c39]{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}