@ironsource/shared-ui 2.0.2-rc.4 → 2.0.2-rc.5

package/components/button/v4/IconButtonV4.vue.d.ts

@@ -1,8 +1,8 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     variant?: "default" | "outlined";
-    color?: "default" | "primary" | "error";
+    color?: "default" | "error" | "primary";
     size?: "small" | "medium" | "large" | "extraLarge";
-    type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    type?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     iconName?: string;
     disabled?: boolean;
     testId?: string;
@@ -16,9 +16,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     variant?: "default" | "outlined";
-    color?: "default" | "primary" | "error";
+    color?: "default" | "error" | "primary";
     size?: "small" | "medium" | "large" | "extraLarge";
-    type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    type?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     iconName?: string;
     disabled?: boolean;
     testId?: string;
@@ -31,13 +31,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     iconName: string;
     type: string;
 }>>>, {
-    type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    disabled: boolean;
+    type: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     size: "small" | "medium" | "large" | "extraLarge";
-    color: "default" | "primary" | "error";
-    variant: "default" | "outlined";
     testId: string;
+    variant: "default" | "outlined";
+    disabled: boolean;
     iconName: string;
+    color: "default" | "error" | "primary";
 }>, {
     default?(_: {}): any;
 }>;

package/components/button/v4/index.d.ts

@@ -5,44 +5,44 @@ declare const ButtonTypes: () => (({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            disabled: boolean;
             size: "small" | "medium" | "large" | "extraLarge";
-            color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+            testId: string;
             variant: "text" | "contained" | "outlined";
-            content: string;
             loading: boolean;
-            testId: string;
+            content: string;
+            disabled: boolean;
+            color: "default" | "info" | "success" | "warning" | "primary" | "danger";
             startIconName: string;
             endIconName: string;
-            startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-            endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             size: {
                 type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
                 default: string;
             };
-            color: {
-                type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+            testId: {
+                type: import("vue").PropType<string>;
                 default: string;
             };
             variant: {
                 type: import("vue").PropType<"text" | "contained" | "outlined">;
                 default: string;
             };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             content: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            loading: {
+            disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            testId: {
-                type: import("vue").PropType<string>;
+            color: {
+                type: import("vue").PropType<"default" | "info" | "success" | "warning" | "primary" | "danger">;
                 default: string;
             };
             startIconName: {
@@ -54,14 +54,14 @@ declare const ButtonTypes: () => (({
                 default: any;
             };
             startIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                 default: string;
             };
             endIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                 default: string;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "size" | "color" | "variant" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "loading" | "content" | "disabled" | "color" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -76,32 +76,32 @@ declare const ButtonTypes: () => (({
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             size: {
                 type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
                 default: string;
             };
-            color: {
-                type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+            testId: {
+                type: import("vue").PropType<string>;
                 default: string;
             };
             variant: {
                 type: import("vue").PropType<"text" | "contained" | "outlined">;
                 default: string;
             };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             content: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            loading: {
+            disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            testId: {
-                type: import("vue").PropType<string>;
+            color: {
+                type: import("vue").PropType<"default" | "info" | "success" | "warning" | "primary" | "danger">;
                 default: string;
             };
             startIconName: {
@@ -113,25 +113,25 @@ declare const ButtonTypes: () => (({
                 default: any;
             };
             startIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                 default: string;
             };
             endIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                 default: string;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            disabled: boolean;
             size: "small" | "medium" | "large" | "extraLarge";
-            color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+            testId: string;
             variant: "text" | "contained" | "outlined";
-            content: string;
             loading: boolean;
-            testId: string;
+            content: string;
+            disabled: boolean;
+            color: "default" | "info" | "success" | "warning" | "primary" | "danger";
             startIconName: string;
             endIconName: string;
-            startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-            endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -153,32 +153,32 @@ declare const ButtonTypes: () => (({
         $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<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         size: {
             type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
             default: string;
         };
-        color: {
-            type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+        testId: {
+            type: import("vue").PropType<string>;
             default: string;
         };
         variant: {
             type: import("vue").PropType<"text" | "contained" | "outlined">;
             default: string;
         };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         content: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        loading: {
+        disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        testId: {
-            type: import("vue").PropType<string>;
+        color: {
+            type: import("vue").PropType<"default" | "info" | "success" | "warning" | "primary" | "danger">;
             default: string;
         };
         startIconName: {
@@ -190,11 +190,11 @@ declare const ButtonTypes: () => (({
             default: any;
         };
         startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
             default: string;
         };
         endIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
             default: string;
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -202,32 +202,32 @@ declare const ButtonTypes: () => (({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     size: {
         type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
         default: string;
     };
-    color: {
-        type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+    testId: {
+        type: import("vue").PropType<string>;
         default: string;
     };
     variant: {
         type: import("vue").PropType<"text" | "contained" | "outlined">;
         default: string;
     };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     content: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    loading: {
+    disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    testId: {
-        type: import("vue").PropType<string>;
+    color: {
+        type: import("vue").PropType<"default" | "info" | "success" | "warning" | "primary" | "danger">;
         default: string;
     };
     startIconName: {
@@ -239,25 +239,25 @@ declare const ButtonTypes: () => (({
         default: any;
     };
     startIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
         default: string;
     };
     endIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
         default: string;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    disabled: boolean;
     size: "small" | "medium" | "large" | "extraLarge";
-    color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+    testId: string;
     variant: "text" | "contained" | "outlined";
-    content: string;
     loading: boolean;
-    testId: string;
+    content: string;
+    disabled: boolean;
+    color: "default" | "info" | "success" | "warning" | "primary" | "danger";
     startIconName: string;
     endIconName: string;
-    startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
@@ -268,43 +268,43 @@ declare const ButtonTypes: () => (({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-            disabled: boolean;
+            type: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
             size: "small" | "medium" | "large" | "extraLarge";
-            color: "default" | "primary" | "error";
-            variant: "default" | "outlined";
             testId: string;
+            variant: "default" | "outlined";
+            disabled: boolean;
             iconName: string;
+            color: "default" | "error" | "primary";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             type: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             size: {
                 type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
                 default: string;
             };
-            color: {
-                type: import("vue").PropType<"default" | "primary" | "error">;
+            testId: {
+                type: import("vue").PropType<string>;
                 default: string;
             };
             variant: {
                 type: import("vue").PropType<"default" | "outlined">;
                 default: string;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
             iconName: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "size" | "color" | "variant" | "testId" | "iconName">;
+            color: {
+                type: import("vue").PropType<"default" | "error" | "primary">;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size" | "testId" | "variant" | "disabled" | "iconName" | "color">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -320,41 +320,41 @@ declare const ButtonTypes: () => (({
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             type: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             size: {
                 type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
                 default: string;
             };
-            color: {
-                type: import("vue").PropType<"default" | "primary" | "error">;
+            testId: {
+                type: import("vue").PropType<string>;
                 default: string;
             };
             variant: {
                 type: import("vue").PropType<"default" | "outlined">;
                 default: string;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
             iconName: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            color: {
+                type: import("vue").PropType<"default" | "error" | "primary">;
+                default: string;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-            disabled: boolean;
+            type: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
             size: "small" | "medium" | "large" | "extraLarge";
-            color: "default" | "primary" | "error";
-            variant: "default" | "outlined";
             testId: string;
+            variant: "default" | "outlined";
+            disabled: boolean;
             iconName: string;
+            color: "default" | "error" | "primary";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -377,74 +377,74 @@ declare const ButtonTypes: () => (({
         $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<{
         type: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         size: {
             type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
             default: string;
         };
-        color: {
-            type: import("vue").PropType<"default" | "primary" | "error">;
+        testId: {
+            type: import("vue").PropType<string>;
             default: string;
         };
         variant: {
             type: import("vue").PropType<"default" | "outlined">;
             default: string;
         };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
         iconName: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        color: {
+            type: import("vue").PropType<"default" | "error" | "primary">;
+            default: string;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     type: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
         default: string;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     size: {
         type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
         default: string;
     };
-    color: {
-        type: import("vue").PropType<"default" | "primary" | "error">;
+    testId: {
+        type: import("vue").PropType<string>;
         default: string;
     };
     variant: {
         type: import("vue").PropType<"default" | "outlined">;
         default: string;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
     iconName: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    color: {
+        type: import("vue").PropType<"default" | "error" | "primary">;
+        default: string;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
-    disabled: boolean;
+    type: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     size: "small" | "medium" | "large" | "extraLarge";
-    color: "default" | "primary" | "error";
-    variant: "default" | "outlined";
     testId: string;
+    variant: "default" | "outlined";
+    disabled: boolean;
     iconName: string;
+    color: "default" | "error" | "primary";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/components/checkbox/v3/index.d.ts

@@ -11,9 +11,6 @@ declare const CheckboxTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-            };
             size: {
                 type: import("vue").PropType<"sm" | "md" | "lg">;
                 default: string;
@@ -22,6 +19,9 @@ declare const CheckboxTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
             isChecked: {
                 type: import("vue").PropType<boolean>;
                 required: true;
@@ -51,9 +51,6 @@ declare const CheckboxTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-            };
             size: {
                 type: import("vue").PropType<"sm" | "md" | "lg">;
                 default: string;
@@ -62,6 +59,9 @@ declare const CheckboxTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
             isChecked: {
                 type: import("vue").PropType<boolean>;
                 required: true;
@@ -104,9 +104,6 @@ declare const CheckboxTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
         size: {
             type: import("vue").PropType<"sm" | "md" | "lg">;
             default: string;
@@ -115,6 +112,9 @@ declare const CheckboxTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
         isChecked: {
             type: import("vue").PropType<boolean>;
             required: true;
@@ -134,9 +134,6 @@ declare const CheckboxTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
     size: {
         type: import("vue").PropType<"sm" | "md" | "lg">;
         default: string;
@@ -145,6 +142,9 @@ declare const CheckboxTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
     isChecked: {
         type: import("vue").PropType<boolean>;
         required: true;