@ironsource/shared-ui 2.2.0-test.3 → 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 './IncludeExclude.vue_vue_type_style_index_0_scoped_cc2adbf5_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.3",
+  "version": "2.2.0-test.4",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

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}