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

package/components/table/common/Table.common.js

@@ -1,9 +1,9 @@
-import { ref as a, provide as z, computed as i, useSlots as G, onMounted as K, nextTick as N } from "vue";
+import { useSlots as z, ref as a, provide as G, computed as s, onMounted as K, nextTick as N } from "vue";
 import { useVirtualList as V, useInfiniteScroll as j } from "@vueuse/core";
 import { TableContext as q } from "./TableContext.js";
 const F = 46, J = 46, Z = (o, u) => {
-  const c = a([]);
-  z(q, {
+  const v = z(), c = a([]);
+  G(q, {
     onClose({ rowIndex: t, cellIndex: e, value: n } = {}) {
       n && (c.value = [...c.value, t], u("saveRow", {
         rowIndex: t,
@@ -11,37 +11,37 @@ const F = 46, J = 46, Z = (o, u) => {
         value: n,
         confirm: () => {
           c.value = c.value.filter(
-            (s) => s !== t
+            (i) => i !== t
           );
         }
       }));
     }
   });
-  const m = i(() => !!o.selection), T = i(() => {
-    const t = (m.value ? `${J}px ` : "") + (C.value ? `${F}px ` : "");
+  const x = s(() => !!o.selection), T = s(() => {
+    const t = (x.value ? `${J}px ` : "") + (g.value ? `${F}px ` : "");
     return o.columns.reduce((e, n) => {
-      const s = n.width ? `${n.width}px` : `${n.colSpan || 1}fr`;
-      return `${e} ${s}`;
+      const i = n.width ? `${n.width}px` : `${n.colSpan || 1}fr`;
+      return `${e} ${i}`;
     }, t);
-  }), R = a(null), y = i(() => Array(o.loadingRowCount).fill(
+  }), g = s(() => !!v.expanded), R = a(null), y = s(() => Array(o.loadingRowCount).fill(
     Array(o.columns.length).fill("")
-  )), $ = i(() => o.isLoading ? [...o.rows, ...y.value] : o.rows), { list: v, containerProps: l, wrapperProps: b } = V($, {
-    itemHeight: (t) => h[t] ?? o.rowHeight
-  }), H = a(null), g = a(0), x = G(), k = i(() => !!x.search), B = (t) => {
-    l.onScroll(), g.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, u("onScroll", t.target.scrollTop);
+  )), H = s(() => o.isLoading ? [...o.rows, ...y.value] : o.rows), { list: C, containerProps: l, wrapperProps: $ } = V(H, {
+    itemHeight: g.value ? (t) => w[t] ?? o.rowHeight : o.rowHeight
+  }), b = a(null), h = a(0), k = s(() => !!v.search), B = (t) => {
+    l.onScroll(), h.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, u("onScroll", t.target.scrollTop);
   };
   K(() => {
-    g.value = l.ref.value?.getBoundingClientRect().width, o.defaultScrollPosition && setTimeout(() => {
+    h.value = l.ref.value?.getBoundingClientRect().width, o.defaultScrollPosition && setTimeout(() => {
       l.ref.value?.scrollTo({
         top: o.defaultScrollPosition,
         behavior: "smooth"
       });
     }, 300);
   });
-  const I = i(() => {
-    const [t] = v.value;
+  const I = s(() => {
+    const [t] = C.value;
     return t && t.index > 0;
-  }), O = i(() => l.style), P = i(() => o.columns.reduce((t, e) => (e.isSticky && (t[e.id] = A(e)), t), {}));
+  }), O = s(() => l.style), P = s(() => o.columns.reduce((t, e) => (e.isSticky && (t[e.id] = A(e)), t), {}));
   j(
     l.ref,
     () => {
@@ -61,37 +61,37 @@ const F = 46, J = 46, Z = (o, u) => {
     const e = o.sort.sortBy === t.id;
     if (!(t.isSortable || t.isSortable === void 0))
       return;
-    let s = o.sort.sortOrder, f = o.sort.sortBy;
-    e ? s = o.sort.sortOrder === "asc" ? "desc" : "asc" : f = t.id, u("update:sort", { sortBy: f, sortOrder: s });
+    let i = o.sort.sortOrder, f = o.sort.sortBy;
+    e ? i = o.sort.sortOrder === "asc" ? "desc" : "asc" : f = t.id, u("update:sort", { sortBy: f, sortOrder: i });
   }
   function A(t) {
     const { isSticky: e, width: n } = t;
     if (!e || !n)
       return null;
-    const s = o.columns.findIndex((r) => r.id === t.id), f = o.columns.reduce((r, S, w) => w < s ? r + S.width : r, 0), X = o.columns.reduce((r, S, w) => w > s ? r + S.width : r, 0);
+    const i = o.columns.findIndex((r) => r.id === t.id), f = o.columns.reduce((r, S, m) => m < i ? r + S.width : r, 0), X = o.columns.reduce((r, S, m) => m > i ? r + S.width : r, 0);
     return {
       ...t.isStickyRight ? { right: `${X}px` } : { left: `${f}px` },
       zIndex: 1
     };
   }
-  const d = a([]), h = {}, _ = (t) => d.value.includes(t), D = async (t, e) => {
+  const d = a([]), w = {}, _ = (t) => d.value.includes(t), D = async (t, e) => {
     const n = d.value.indexOf(t);
     if (n === -1) {
       d.value.push(t);
-      const s = e.target.closest("tr");
-      await N(), s && (h[t] = s.offsetHeight);
+      const i = e.target.closest("tr");
+      await N(), i && (w[t] = i.offsetHeight);
     } else
-      d.value.splice(n, 1), delete h[t];
-  }, C = i(() => !!x.expanded), M = i(() => `${o.rowHeight}px`), W = i(
+      d.value.splice(n, 1), delete w[t];
+  }, M = s(() => `${o.rowHeight}px`), W = s(
     () => `1 / span ${o.columns.length + 1}`
   );
   return {
-    list: v,
+    list: C,
     containerProps: l,
-    wrapperProps: b,
+    wrapperProps: $,
     activeRow: R,
     gridColumnTemplate: T,
-    floatingActionRef: H,
+    floatingActionRef: b,
     scrollToTop: E,
     toggleSortOrder: L,
     columnsStickyPositions: P,
@@ -100,9 +100,9 @@ const F = 46, J = 46, Z = (o, u) => {
     containerStyle: O,
     onScroll: B,
     savingRows: c,
-    floatingActionPosition: g,
-    hasExpandSlot: C,
-    hasCheckboxes: m,
+    floatingActionPosition: h,
+    hasExpandSlot: g,
+    hasCheckboxes: x,
     toggleExpandRow: D,
     isRowExpanded: _,
     cssRowHeight: M,

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

@@ -24,14 +24,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
                 type: import("vue").PropType<string>;
                 required: true;
             };
-            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;
@@ -118,14 +118,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
                 type: import("vue").PropType<string>;
                 required: true;
             };
-            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;
@@ -236,14 +236,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
             type: import("vue").PropType<string>;
             required: true;
         };
-        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;
@@ -315,14 +315,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
         type: import("vue").PropType<string>;
         required: true;
     };
-    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;

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

@@ -41,10 +41,6 @@ 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;
@@ -57,6 +53,10 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<unknown[]>;
                 default: any;
             };
+            columns: {
+                type: import("vue").PropType<import("../common/Table.types").Column[]>;
+                required: true;
+            };
             searchAutoFocus: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -169,10 +169,6 @@ 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;
@@ -185,6 +181,10 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<unknown[]>;
                 default: any;
             };
+            columns: {
+                type: import("vue").PropType<import("../common/Table.types").Column[]>;
+                required: true;
+            };
             searchAutoFocus: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -333,10 +333,6 @@ 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;
@@ -349,6 +345,10 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<unknown[]>;
             default: any;
         };
+        columns: {
+            type: import("vue").PropType<import("../common/Table.types").Column[]>;
+            required: true;
+        };
         searchAutoFocus: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -446,10 +446,6 @@ 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;
@@ -462,6 +458,10 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<unknown[]>;
         default: any;
     };
+    columns: {
+        type: import("vue").PropType<import("../common/Table.types").Column[]>;
+        required: true;
+    };
     searchAutoFocus: {
         type: import("vue").PropType<boolean>;
         default: boolean;

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

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

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

@@ -4,22 +4,22 @@ declare const TabsTypes: () => ({
         $data: {};
         $props: Partial<{
             size: "sm" | "md" | "lg" | "xl";
-            variant: "fill" | "fix";
             testId: string;
+            variant: "fill" | "fix";
             tabsList: import("../common/Tabs.types").Tab[];
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             size: {
                 type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
                 default: string;
             };
-            variant: {
-                type: import("vue").PropType<"fill" | "fix">;
-                default: string;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            variant: {
+                type: import("vue").PropType<"fill" | "fix">;
+                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, "size" | "variant" | "testId" | "tabsList">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "tabsList">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -50,14 +50,14 @@ declare const TabsTypes: () => ({
                 type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
                 default: string;
             };
-            variant: {
-                type: import("vue").PropType<"fill" | "fix">;
-                default: string;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            variant: {
+                type: import("vue").PropType<"fill" | "fix">;
+                default: string;
+            };
             tabsList: {
                 type: import("vue").PropType<import("../common/Tabs.types").Tab[]>;
                 required: true;
@@ -73,8 +73,8 @@ declare const TabsTypes: () => ({
             "update:selectedTab": (tabId: string | number) => void;
         }, string, {
             size: "sm" | "md" | "lg" | "xl";
-            variant: "fill" | "fix";
             testId: string;
+            variant: "fill" | "fix";
             tabsList: import("../common/Tabs.types").Tab[];
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -101,14 +101,14 @@ declare const TabsTypes: () => ({
             type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
             default: string;
         };
-        variant: {
-            type: import("vue").PropType<"fill" | "fix">;
-            default: string;
-        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        variant: {
+            type: import("vue").PropType<"fill" | "fix">;
+            default: string;
+        };
         tabsList: {
             type: import("vue").PropType<import("../common/Tabs.types").Tab[]>;
             required: true;
@@ -129,14 +129,14 @@ declare const TabsTypes: () => ({
         type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
         default: string;
     };
-    variant: {
-        type: import("vue").PropType<"fill" | "fix">;
-        default: string;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    variant: {
+        type: import("vue").PropType<"fill" | "fix">;
+        default: string;
+    };
     tabsList: {
         type: import("vue").PropType<import("../common/Tabs.types").Tab[]>;
         required: true;
@@ -152,8 +152,8 @@ declare const TabsTypes: () => ({
     "update:selectedTab": (tabId: string | number) => void;
 }, string, {
     size: "sm" | "md" | "lg" | "xl";
-    variant: "fill" | "fix";
     testId: string;
+    variant: "fill" | "fix";
     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/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/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/toggle/v3/Toggle.vue.d.ts

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

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

@@ -1,8 +1,4 @@
 declare const ToggleTypes: () => import("vue").DefineComponent<{
-    color: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -15,6 +11,10 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: any;
     };
+    color: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     isLoading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -38,10 +38,6 @@ 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: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -54,6 +50,10 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: any;
     };
+    color: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     isLoading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -77,9 +77,9 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
 }, {
-    color: string;
     testId: string;
     helperText: string;
+    color: string;
     isLoading: boolean;
     errorText: string;
     activeText: string;