@ironsource/shared-ui 2.1.8-rc.1 → 2.1.8-rc.4

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

@@ -30,6 +30,8 @@ declare const DataGridTypes: () => (({
             selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
             emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             zIndexBase: number;
+            rowCustomClassKey: string;
+            rowDataKey: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             sort: {
                 type: import("vue").PropType<import("../common/Table.types").Sort>;
@@ -43,14 +45,14 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            columns: {
-                type: import("vue").PropType<import("../common/Table.types").Column[]>;
-                required: true;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            columns: {
+                type: import("vue").PropType<import("../common/Table.types").Column[]>;
+                required: true;
+            };
             isLoading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -131,6 +133,14 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            rowCustomClassKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            rowDataKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
             onSelectAll?: (value: boolean) => any;
             "onUpdate:search"?: (query: string) => any;
@@ -147,7 +157,7 @@ declare const DataGridTypes: () => (({
             "onUpdate:selection"?: (selection: unknown[]) => any;
             onSelectRow?: (value: boolean) => any;
             onClickRow?: (rowIndex: number) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -179,14 +189,14 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            columns: {
-                type: import("vue").PropType<import("../common/Table.types").Column[]>;
-                required: true;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            columns: {
+                type: import("vue").PropType<import("../common/Table.types").Column[]>;
+                required: true;
+            };
             isLoading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -267,6 +277,14 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            rowCustomClassKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            rowDataKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
             onSelectAll?: (value: boolean) => any;
             "onUpdate:search"?: (query: string) => any;
@@ -325,6 +343,8 @@ declare const DataGridTypes: () => (({
             selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
             emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
             zIndexBase: number;
+            rowCustomClassKey: string;
+            rowDataKey: string;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -358,14 +378,14 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<string>;
             default: any;
         };
-        columns: {
-            type: import("vue").PropType<import("../common/Table.types").Column[]>;
-            required: true;
-        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        columns: {
+            type: import("vue").PropType<import("../common/Table.types").Column[]>;
+            required: true;
+        };
         isLoading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -446,6 +466,14 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<number>;
             default: number;
         };
+        rowCustomClassKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        rowDataKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         onSelectAll?: (value: boolean) => any;
         "onUpdate:search"?: (query: string) => any;
@@ -481,14 +509,14 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<string>;
         default: any;
     };
-    columns: {
-        type: import("vue").PropType<import("../common/Table.types").Column[]>;
-        required: true;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    columns: {
+        type: import("vue").PropType<import("../common/Table.types").Column[]>;
+        required: true;
+    };
     isLoading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -569,6 +597,14 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<number>;
         default: number;
     };
+    rowCustomClassKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rowDataKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     onSelectAll?: (value: boolean) => any;
     "onUpdate:search"?: (query: string) => any;
@@ -627,6 +663,8 @@ declare const DataGridTypes: () => (({
     selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
     emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
     zIndexBase: number;
+    rowCustomClassKey: string;
+    rowDataKey: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
         column: import("../common/Table.types").Column;
@@ -646,10 +684,6 @@ declare const DataGridTypes: () => (({
             row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
             gridColumnTemplate: any;
         }): any;
-        "floating-row"?(_: {
-            row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
-            rowIndex: number;
-        }): any;
         "empty-state"?(_: {}): any;
         footer?(_: {}): any;
     };
@@ -1191,8 +1225,8 @@ declare const DataGridTypes: () => (({
         search?(_: {}): any;
         "table-header-actions"?(_: {}): any;
         "floating-row"?(_: {
-            row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
-            rowIndex: number;
+            row: any;
+            rowIndex: any;
         }): any;
         "empty-state"?(_: {}): any;
     };

package/components/table/v4/storyUtils.d.ts

@@ -1,5 +1,13 @@
 export declare const getRandomRows: (count: number, template?: string[]) => any[][];
+export declare const getRandomObjectRows: (count: number, template?: string[]) => {
+    rowData: any[];
+    customClass: string;
+}[];
 export declare const searchRows: (array: string[][], query: string) => string[][];
 export declare const exampleRows: string[][];
 export declare const moreExampleRows: string[][];
 export declare const exampleRowsWithExtraColumns: string[][];
+export declare const exampleObjectRows: {
+    rowData: string[];
+    customClass: string;
+}[];

package/components/tabs/v3/Tabs.vue.d.ts

@@ -26,9 +26,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:selectedTab"?: (tabId: string | number) => any;
 }, {
+    testId: string;
     variant: "fill" | "fix";
     size: "sm" | "md" | "lg" | "xl";
-    testId: string;
     tabsList: Tab[];
 }>, {
     default?(_: {

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

@@ -3,11 +3,15 @@ declare const TabsTypes: () => ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            testId: string;
             variant: "fill" | "fix";
             size: "sm" | "md" | "lg" | "xl";
-            testId: string;
             tabsList: import("../common/Tabs.types").Tab[];
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             variant: {
                 type: import("vue").PropType<"fill" | "fix">;
                 default: string;
@@ -16,10 +20,6 @@ declare const TabsTypes: () => ({
                 type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
                 default: string;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             tabsList: {
                 type: import("vue").PropType<import("../common/Tabs.types").Tab[]>;
                 required: true;
@@ -31,7 +31,7 @@ declare const TabsTypes: () => ({
             };
         }>> & {
             "onUpdate:selectedTab"?: (tabId: string | number) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "size" | "testId" | "tabsList">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "size" | "tabsList">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -46,6 +46,10 @@ declare const TabsTypes: () => ({
         $emit: (event: "update:selectedTab", tabId: string | number) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             variant: {
                 type: import("vue").PropType<"fill" | "fix">;
                 default: string;
@@ -54,10 +58,6 @@ declare const TabsTypes: () => ({
                 type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
                 default: string;
             };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             tabsList: {
                 type: import("vue").PropType<import("../common/Tabs.types").Tab[]>;
                 required: true;
@@ -72,9 +72,9 @@ declare const TabsTypes: () => ({
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:selectedTab": (tabId: string | number) => void;
         }, string, {
+            testId: string;
             variant: "fill" | "fix";
             size: "sm" | "md" | "lg" | "xl";
-            testId: string;
             tabsList: import("../common/Tabs.types").Tab[];
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -97,6 +97,10 @@ declare const TabsTypes: () => ({
         $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<"fill" | "fix">;
             default: string;
@@ -105,10 +109,6 @@ declare const TabsTypes: () => ({
             type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
             default: string;
         };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         tabsList: {
             type: import("vue").PropType<import("../common/Tabs.types").Tab[]>;
             required: true;
@@ -125,6 +125,10 @@ declare const TabsTypes: () => ({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     variant: {
         type: import("vue").PropType<"fill" | "fix">;
         default: string;
@@ -133,10 +137,6 @@ declare const TabsTypes: () => ({
         type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
         default: string;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     tabsList: {
         type: import("vue").PropType<import("../common/Tabs.types").Tab[]>;
         required: true;
@@ -151,9 +151,9 @@ declare const TabsTypes: () => ({
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedTab": (tabId: string | number) => void;
 }, string, {
+    testId: string;
     variant: "fill" | "fix";
     size: "sm" | "md" | "lg" | "xl";
-    testId: string;
     tabsList: import("../common/Tabs.types").Tab[];
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/components/tabs/v4/TabsV4.vue.d.ts

@@ -22,8 +22,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:selectedTab"?: (tabId: string | number) => any;
 }, {
-    variant: "page" | "card";
     testId: string;
+    variant: "page" | "card";
     tabsList: Tab[];
 }>, {
     "tab-icon"?(_: {

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

@@ -3,18 +3,18 @@ declare const TabsTypes: () => ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            variant: "page" | "card";
             testId: string;
+            variant: "page" | "card";
             tabsList: import("../common/Tabs.types").Tab[];
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            variant: {
-                type: import("vue").PropType<"page" | "card">;
-                default: string;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            variant: {
+                type: import("vue").PropType<"page" | "card">;
+                default: string;
+            };
             tabsList: {
                 type: import("vue").PropType<import("../common/Tabs.types").Tab[]>;
                 required: true;
@@ -26,7 +26,7 @@ declare const TabsTypes: () => ({
             };
         }>> & {
             "onUpdate:selectedTab"?: (tabId: string | number) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "testId" | "tabsList">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "tabsList">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -41,14 +41,14 @@ declare const TabsTypes: () => ({
         $emit: (event: "update:selectedTab", tabId: string | number) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            variant: {
-                type: import("vue").PropType<"page" | "card">;
-                default: string;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            variant: {
+                type: import("vue").PropType<"page" | "card">;
+                default: string;
+            };
             tabsList: {
                 type: import("vue").PropType<import("../common/Tabs.types").Tab[]>;
                 required: true;
@@ -63,8 +63,8 @@ declare const TabsTypes: () => ({
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:selectedTab": (tabId: string | number) => void;
         }, string, {
-            variant: "page" | "card";
             testId: string;
+            variant: "page" | "card";
             tabsList: import("../common/Tabs.types").Tab[];
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -87,14 +87,14 @@ declare const TabsTypes: () => ({
         $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<"page" | "card">;
-            default: string;
-        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        variant: {
+            type: import("vue").PropType<"page" | "card">;
+            default: string;
+        };
         tabsList: {
             type: import("vue").PropType<import("../common/Tabs.types").Tab[]>;
             required: true;
@@ -111,14 +111,14 @@ declare const TabsTypes: () => ({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    variant: {
-        type: import("vue").PropType<"page" | "card">;
-        default: string;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    variant: {
+        type: import("vue").PropType<"page" | "card">;
+        default: string;
+    };
     tabsList: {
         type: import("vue").PropType<import("../common/Tabs.types").Tab[]>;
         required: true;
@@ -133,8 +133,8 @@ declare const TabsTypes: () => ({
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedTab": (tabId: string | number) => void;
 }, string, {
-    variant: "page" | "card";
     testId: string;
+    variant: "page" | "card";
     tabsList: import("../common/Tabs.types").Tab[];
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/components/textArea/v3/TextArea.vue.d.ts

@@ -36,8 +36,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     "onUpdate:modelValue"?: (value: string) => any;
 }, {
     label: string;
-    disabled: boolean;
     testId: string;
+    disabled: boolean;
     modelValue: string;
     placeholder: string;
     feedbackHelpText: string;

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

@@ -3,14 +3,14 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     modelValue: {
         type: import("vue").PropType<string>;
         default: string;
@@ -34,14 +34,14 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     modelValue: {
         type: import("vue").PropType<string>;
         default: string;
@@ -62,8 +62,8 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
     "onUpdate:modelValue"?: (value: string) => any;
 }, {
     label: string;
-    disabled: boolean;
     testId: string;
+    disabled: boolean;
     modelValue: string;
     placeholder: string;
     feedbackHelpText: string;

package/components/textArea/v4/TextAreaV4.vue.d.ts

@@ -70,11 +70,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     "onUpdate:modelValue"?: (value: string) => any;
 }, {
     label: string;
+    testId: string;
     disabled: boolean;
     height: string;
     resize: 'none' | 'vertical' | 'horizontal' | 'both';
     mandatory: boolean;
-    testId: string;
     hoverHelpText: string;
     hoverHelpTextPlacement: TooltipPositions;
     maxLength: number;

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

@@ -3,6 +3,10 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -19,16 +23,12 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     hoverHelpText: {
         type: import("vue").PropType<string>;
         default: string;
     };
     hoverHelpTextPlacement: {
-        type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        type: import("vue").PropType<"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">;
         default: string;
     };
     maxLength: {
@@ -66,6 +66,10 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -82,16 +86,12 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     hoverHelpText: {
         type: import("vue").PropType<string>;
         default: string;
     };
     hoverHelpTextPlacement: {
-        type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        type: import("vue").PropType<"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">;
         default: string;
     };
     maxLength: {
@@ -126,13 +126,13 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
     "onUpdate:modelValue"?: (value: string) => any;
 }, {
     label: string;
+    testId: string;
     disabled: boolean;
     height: string;
     resize: "both" | "none" | "horizontal" | "vertical";
     mandatory: boolean;
-    testId: string;
     hoverHelpText: string;
-    hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+    hoverHelpTextPlacement: "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";
     maxLength: number;
     modelValue: string;
     placeholder: string;

package/components/toggle/v3/Toggle.vue.d.ts

@@ -41,8 +41,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
 }, {
-    color: string;
     testId: string;
+    color: string;
     isLoading: boolean;
     helperText: string;
     isDisabled: boolean;

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

@@ -1,9 +1,9 @@
 declare const ToggleTypes: () => import("vue").DefineComponent<{
-    color: {
+    testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    testId: {
+    color: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -38,11 +38,11 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    color: {
+    testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    testId: {
+    color: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -77,8 +77,8 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
 }, {
-    color: string;
     testId: string;
+    color: string;
     isLoading: boolean;
     helperText: string;
     isDisabled: boolean;