@ironsource/shared-ui 2.1.8-rc.6 → 2.1.8-rc.7

package/index.d.ts

@@ -22423,35 +22423,19 @@ declare const _default: {
             default?(_: {}): any;
         };
     });
-    ButtonTypes: () => (({
+    ButtonGroup: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
-                testId: string;
                 variant: "text" | "contained" | "outlined";
-                disabled: boolean;
                 color: "default" | "primary" | "danger" | "info" | "success" | "warning";
                 size: "small" | "medium" | "large" | "extraLarge";
-                content: string;
-                loading: boolean;
-                startIconName: string;
-                endIconName: string;
-                startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                testId: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 variant: {
                     type: import("vue").PropType<"text" | "contained" | "outlined">;
                     default: string;
                 };
-                disabled: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 color: {
                     type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
                     default: string;
@@ -22460,31 +22444,7 @@ declare const _default: {
                     type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
                     default: string;
                 };
-                content: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                loading: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                startIconName: {
-                    type: import("vue").PropType<string>;
-                    default: any;
-                };
-                endIconName: {
-                    type: import("vue").PropType<string>;
-                    default: any;
-                };
-                startIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                    default: string;
-                };
-                endIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                    default: string;
-                };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "color" | "size" | "content" | "loading" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "color" | "size">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -22499,18 +22459,10 @@ declare const _default: {
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                testId: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 variant: {
                     type: import("vue").PropType<"text" | "contained" | "outlined">;
                     default: string;
                 };
-                disabled: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 color: {
                     type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
                     default: string;
@@ -22519,42 +22471,10 @@ declare const _default: {
                     type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
                     default: string;
                 };
-                content: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                loading: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                startIconName: {
-                    type: import("vue").PropType<string>;
-                    default: any;
-                };
-                endIconName: {
-                    type: import("vue").PropType<string>;
-                    default: any;
-                };
-                startIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                    default: string;
-                };
-                endIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                    default: string;
-                };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-                testId: string;
                 variant: "text" | "contained" | "outlined";
-                disabled: boolean;
                 color: "default" | "primary" | "danger" | "info" | "success" | "warning";
                 size: "small" | "medium" | "large" | "extraLarge";
-                content: string;
-                loading: boolean;
-                startIconName: string;
-                endIconName: string;
-                startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -22576,18 +22496,10 @@ declare const _default: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             variant: {
                 type: import("vue").PropType<"text" | "contained" | "outlined">;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             color: {
                 type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
                 default: string;
@@ -22596,47 +22508,15 @@ declare const _default: {
                 type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
                 default: string;
             };
-            content: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            loading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            startIconName: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            endIconName: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            startIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: string;
-            };
-            endIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: string;
-            };
         }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         variant: {
             type: import("vue").PropType<"text" | "contained" | "outlined">;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         color: {
             type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
             default: string;
@@ -22645,48 +22525,16 @@ declare const _default: {
             type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
             default: string;
         };
-        content: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        loading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        startIconName: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        endIconName: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: string;
-        };
-        endIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: string;
-        };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        testId: string;
         variant: "text" | "contained" | "outlined";
-        disabled: boolean;
         color: "default" | "primary" | "danger" | "info" | "success" | "warning";
         size: "small" | "medium" | "large" | "extraLarge";
-        content: string;
-        loading: boolean;
-        startIconName: string;
-        endIconName: string;
-        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
-            loader?(_: {}): any;
         };
-    })) | ({
+    });
+    ButtonTypes: () => (({
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -22872,6 +22720,116 @@ declare const _default: {
         $slots: {
             default?(_: {}): any;
         };
+    })) | ({
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                variant: "text" | "contained" | "outlined";
+                color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+                size: "small" | "medium" | "large" | "extraLarge";
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                variant: {
+                    type: import("vue").PropType<"text" | "contained" | "outlined">;
+                    default: string;
+                };
+                color: {
+                    type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+                    default: string;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                    default: string;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "color" | "size">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                variant: {
+                    type: import("vue").PropType<"text" | "contained" | "outlined">;
+                    default: string;
+                };
+                color: {
+                    type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+                    default: string;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                    default: string;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                variant: "text" | "contained" | "outlined";
+                color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+                size: "small" | "medium" | "large" | "extraLarge";
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            variant: {
+                type: import("vue").PropType<"text" | "contained" | "outlined">;
+                default: string;
+            };
+            color: {
+                type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+                default: string;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                default: string;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"text" | "contained" | "outlined">;
+            default: string;
+        };
+        color: {
+            type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+            default: string;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+            default: string;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        variant: "text" | "contained" | "outlined";
+        color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+        size: "small" | "medium" | "large" | "extraLarge";
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
     })))[];
     ScrollButton: import("vue").DefineComponent<{
         tooltipText: {

package/index.js

@@ -1,4 +1,4 @@
-import './IncludeExcludeOption.vue_vue_type_style_index_0_scoped_91bc7787_lang.css';
+import './IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_f738b223_lang.css';
 import { AppTriggerTypes as oo } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as eo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as to } from "./components/menuItem/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.8-rc.6",
+  "version": "2.1.8-rc.7",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -205,6 +205,7 @@
     "./useId": "./composables/useId.vue.js",
     "./skeleton": "./components/skeleton/v3/Skeleton.vue.js",
     "./skeleton/v4": "./components/skeleton/v4/index.js",
+    "./loader/v4": "./components/loader/v4/index.js",
     "./text": "./components/typography/Text.vue.js",
     "./heading": "./components/typography/Heading.vue.js",
     "./popover": "./components/popover/v3/Popover.vue.js",

package/ButtonV4.vue_vue_type_style_index_0_scoped_8c3b0c3f_lang.css

@@ -1 +0,0 @@
-.button-wrap[data-v-8c3b0c3f]{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-8c3b0c3f]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-8c3b0c3f]:hover{background:var(--primary-darker)}.contained.primary[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.primary[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.contained.default[data-v-8c3b0c3f]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-8c3b0c3f]:hover{background:var(--default-light)}.contained.default[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.default[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.contained.danger[data-v-8c3b0c3f]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-8c3b0c3f]:hover{background:var(--error-dark)}.contained.danger[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.danger[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.contained.info[data-v-8c3b0c3f]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-8c3b0c3f]:hover{background:var(--info-dark)}.contained.info[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.info[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.contained.success[data-v-8c3b0c3f]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-8c3b0c3f]:hover{background:var(--success-dark)}.contained.success[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.success[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.contained.warning[data-v-8c3b0c3f]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-8c3b0c3f]:hover{background:var(--warning-dark)}.contained.warning[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.warning[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.contained.loading[data-v-8c3b0c3f],.contained.loading[data-v-8c3b0c3f]:hover{background:var(--action-disabled-background)}.outlined[data-v-8c3b0c3f]{background:transparent}.outlined.primary[data-v-8c3b0c3f]{color:var(--primary-main);border:1px solid var(--primary-main)}.outlined.primary[data-v-8c3b0c3f]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.primary[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.outlined.default[data-v-8c3b0c3f]{color:var(--text-primary);border:1px solid var(--default-outlined-border)}.outlined.default[data-v-8c3b0c3f]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.default[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.outlined.danger[data-v-8c3b0c3f]{color:var(--error-main);border:1px solid var(--error-main)}.outlined.danger[data-v-8c3b0c3f]:hover{background:var(--error-lighter)}.outlined.danger[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.danger[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.outlined.info[data-v-8c3b0c3f]{color:var(--info-main);border:1px solid var(--info-main)}.outlined.info[data-v-8c3b0c3f]:hover{background:var(--info-lighter)}.outlined.info[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.info[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.outlined.success[data-v-8c3b0c3f]{color:var(--success-main);border:1px solid var(--success-main)}.outlined.success[data-v-8c3b0c3f]:hover{background:var(--success-lighter)}.outlined.success[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.success[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.outlined.warning[data-v-8c3b0c3f]{color:var(--warning-darker);border:1px solid var(--warning-darker)}.outlined.warning[data-v-8c3b0c3f]:hover{background:var(--warning-lighter)}.outlined.warning[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.warning[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.outlined.loading[data-v-8c3b0c3f],.outlined.loading[data-v-8c3b0c3f]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-8c3b0c3f]{background:transparent}.text.primary[data-v-8c3b0c3f]{color:var(--primary-main)}.text.primary[data-v-8c3b0c3f]:hover{background:var(--primary-lighter)}.text.primary[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.primary[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.text.default[data-v-8c3b0c3f]{color:var(--text-primary)}.text.default[data-v-8c3b0c3f]:hover{background:var(--action-hover)}.text.default[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.default[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.text.danger[data-v-8c3b0c3f]{color:var(--error-main)}.text.danger[data-v-8c3b0c3f]:hover{background:var(--error-lighter)}.text.danger[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.danger[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.text.info[data-v-8c3b0c3f]{color:var(--info-main)}.text.info[data-v-8c3b0c3f]:hover{background:var(--info-lighter)}.text.info[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.info[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.text.success[data-v-8c3b0c3f]{color:var(--success-main)}.text.success[data-v-8c3b0c3f]:hover{background:var(--success-lighter)}.text.success[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.success[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.text.warning[data-v-8c3b0c3f]{color:var(--warning-darker)}.text.warning[data-v-8c3b0c3f]:hover{background:var(--warning-lighter)}.text.warning[data-v-8c3b0c3f]:disabled{color:var(--text-disabled);opacity:1;background:transparent}.text.warning[data-v-8c3b0c3f]:disabled:hover{cursor:not-allowed}.text.loading[data-v-8c3b0c3f],.text.loading[data-v-8c3b0c3f]:hover{border:0;background:transparent}.small[data-v-8c3b0c3f]{padding:2px 6px}.small.outlined[data-v-8c3b0c3f]{padding:1px 5px}.medium[data-v-8c3b0c3f]{padding:4px 8px}.medium.outlined[data-v-8c3b0c3f]{padding:3px 7px}.large[data-v-8c3b0c3f]{padding:6px 8px}.large.outlined[data-v-8c3b0c3f]{padding:5px 7px}.extraLarge[data-v-8c3b0c3f]{padding:10px 12px}.extraLarge.outlined[data-v-8c3b0c3f]{padding:9px 11px}.small[data-v-8c3b0c3f],.medium[data-v-8c3b0c3f],.large[data-v-8c3b0c3f],.extraLarge[data-v-8c3b0c3f]{height:auto}.flex[data-v-8c3b0c3f]{display:flex;align-items:center}.start-icon[data-v-8c3b0c3f]{margin-right:8px}.end-icon[data-v-8c3b0c3f]{margin-left:8px}.loading.with-start-icon .content-with-icon[data-v-8c3b0c3f]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-8c3b0c3f]{padding-right:22px}