@ironsource/shared-ui 2.1.3-rc.10 → 2.1.3-rc.12

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

@@ -10,10 +10,10 @@ declare const DataGridTypes: () => (({
             title: string;
             search: string;
             testId: string;
+            isLoading: boolean;
+            searchAutoFocus: boolean;
             searchPlaceholder: string;
             selection: unknown[];
-            searchAutoFocus: boolean;
-            isLoading: boolean;
             isSticky: boolean;
             sections: import("../common/Table.types").Section[];
             isStickyHeader: boolean;
@@ -50,6 +50,14 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            searchAutoFocus: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             searchPlaceholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -58,14 +66,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<unknown[]>;
                 default: any;
             };
-            searchAutoFocus: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            isLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             isSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -142,7 +142,7 @@ declare const DataGridTypes: () => (({
             onLoadMore?: () => any;
             "onUpdate:search"?: (query: string) => any;
             "onUpdate:selection"?: (selection: unknown[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "searchPlaceholder" | "selection" | "searchAutoFocus" | "isLoading" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "showSearch" | "zIndexBase">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "showSearch" | "zIndexBase">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -182,6 +182,14 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            searchAutoFocus: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             searchPlaceholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -190,14 +198,6 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<unknown[]>;
                 default: any;
             };
-            searchAutoFocus: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            isLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             isSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -291,10 +291,10 @@ declare const DataGridTypes: () => (({
             title: string;
             search: string;
             testId: string;
+            isLoading: boolean;
+            searchAutoFocus: boolean;
             searchPlaceholder: string;
             selection: unknown[];
-            searchAutoFocus: boolean;
-            isLoading: boolean;
             isSticky: boolean;
             sections: import("../common/Table.types").Section[];
             isStickyHeader: boolean;
@@ -351,6 +351,14 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        searchAutoFocus: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         searchPlaceholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -359,14 +367,6 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<unknown[]>;
             default: any;
         };
-        searchAutoFocus: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        isLoading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         isSticky: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -468,6 +468,14 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    isLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    searchAutoFocus: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     searchPlaceholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -476,14 +484,6 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<unknown[]>;
         default: any;
     };
-    searchAutoFocus: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    isLoading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     isSticky: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -577,10 +577,10 @@ declare const DataGridTypes: () => (({
     title: string;
     search: string;
     testId: string;
+    isLoading: boolean;
+    searchAutoFocus: boolean;
     searchPlaceholder: string;
     selection: unknown[];
-    searchAutoFocus: boolean;
-    isLoading: boolean;
     isSticky: boolean;
     sections: import("../common/Table.types").Section[];
     isStickyHeader: boolean;

package/components/table-cells/v4/EditableV4.vue.d.ts

@@ -29,9 +29,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     type: "input" | "dropdown";
     cell: string;
-    displayValue: (option: unknown) => unknown;
     validateFunction: (value: unknown) => string | boolean;
     isLoading: boolean;
+    displayValue: (option: unknown) => unknown;
 }>, {
     input?(_: {}): any;
     content?(_: {}): any;

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

@@ -6,9 +6,9 @@ declare const EditableTypes: () => ({
         $props: Partial<{
             type: "input" | "dropdown";
             cell: string;
-            displayValue: (option: unknown) => unknown;
             validateFunction: (value: unknown) => string | boolean;
             isLoading: boolean;
+            displayValue: (option: unknown) => unknown;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             type: {
                 type: import("vue").PropType<"input" | "dropdown">;
@@ -19,10 +19,6 @@ declare const EditableTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            displayValue: {
-                type: import("vue").PropType<(option: unknown) => unknown>;
-                default: (cell: unknown) => unknown;
-            };
             validateFunction: {
                 type: import("vue").PropType<(value: unknown) => string | boolean>;
                 default: () => false;
@@ -39,7 +35,11 @@ declare const EditableTypes: () => ({
                 type: import("vue").PropType<number>;
                 required: true;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "displayValue" | "validateFunction" | "isLoading">;
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => unknown>;
+                default: (cell: unknown) => unknown;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "validateFunction" | "isLoading" | "displayValue">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -63,10 +63,6 @@ declare const EditableTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            displayValue: {
-                type: import("vue").PropType<(option: unknown) => unknown>;
-                default: (cell: unknown) => unknown;
-            };
             validateFunction: {
                 type: import("vue").PropType<(value: unknown) => string | boolean>;
                 default: () => false;
@@ -83,12 +79,16 @@ declare const EditableTypes: () => ({
                 type: import("vue").PropType<number>;
                 required: true;
             };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => unknown>;
+                default: (cell: unknown) => unknown;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             type: "input" | "dropdown";
             cell: string;
-            displayValue: (option: unknown) => unknown;
             validateFunction: (value: unknown) => string | boolean;
             isLoading: boolean;
+            displayValue: (option: unknown) => unknown;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -119,10 +119,6 @@ declare const EditableTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
-        displayValue: {
-            type: import("vue").PropType<(option: unknown) => unknown>;
-            default: (cell: unknown) => unknown;
-        };
         validateFunction: {
             type: import("vue").PropType<(value: unknown) => string | boolean>;
             default: () => false;
@@ -139,6 +135,10 @@ declare const EditableTypes: () => ({
             type: import("vue").PropType<number>;
             required: true;
         };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => unknown>;
+            default: (cell: unknown) => unknown;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -153,10 +153,6 @@ declare const EditableTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
-    displayValue: {
-        type: import("vue").PropType<(option: unknown) => unknown>;
-        default: (cell: unknown) => unknown;
-    };
     validateFunction: {
         type: import("vue").PropType<(value: unknown) => string | boolean>;
         default: () => false;
@@ -173,12 +169,16 @@ declare const EditableTypes: () => ({
         type: import("vue").PropType<number>;
         required: true;
     };
+    displayValue: {
+        type: import("vue").PropType<(option: unknown) => unknown>;
+        default: (cell: unknown) => unknown;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     type: "input" | "dropdown";
     cell: string;
-    displayValue: (option: unknown) => unknown;
     validateFunction: (value: unknown) => string | boolean;
     isLoading: boolean;
+    displayValue: (option: unknown) => unknown;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         input?(_: {}): any;

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

@@ -71,13 +71,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     resize: 'none' | 'vertical' | 'horizontal' | 'both';
     mandatory: boolean;
     testId: string;
-    modelValue: string;
-    placeholder: string;
     hoverHelpText: string;
     hoverHelpTextPlacement: TooltipPositions;
+    maxLength: number;
+    modelValue: string;
+    placeholder: string;
     feedbackText: string;
     feedbackVariant: FeedbackVariant;
-    maxLength: number;
     showFeedbackTextIcon: boolean;
 }>;
 export default _default;

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

@@ -23,20 +23,24 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    modelValue: {
+    hoverHelpText: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    placeholder: {
-        type: import("vue").PropType<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">;
         default: string;
     };
-    hoverHelpText: {
+    maxLength: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+    modelValue: {
         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">;
+    placeholder: {
+        type: import("vue").PropType<string>;
         default: string;
     };
     feedbackText: {
@@ -47,10 +51,6 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<"success" | "warning" | "error">;
         default: any;
     };
-    maxLength: {
-        type: import("vue").PropType<number>;
-        default: any;
-    };
     showFeedbackTextIcon: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -82,20 +82,24 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    modelValue: {
+    hoverHelpText: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    placeholder: {
-        type: import("vue").PropType<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">;
         default: string;
     };
-    hoverHelpText: {
+    maxLength: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+    modelValue: {
         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">;
+    placeholder: {
+        type: import("vue").PropType<string>;
         default: string;
     };
     feedbackText: {
@@ -106,10 +110,6 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<"success" | "warning" | "error">;
         default: any;
     };
-    maxLength: {
-        type: import("vue").PropType<number>;
-        default: any;
-    };
     showFeedbackTextIcon: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -123,13 +123,13 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
     resize: "both" | "none" | "horizontal" | "vertical";
     mandatory: boolean;
     testId: string;
-    modelValue: string;
-    placeholder: 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";
+    maxLength: number;
+    modelValue: string;
+    placeholder: string;
     feedbackText: string;
     feedbackVariant: "success" | "warning" | "error";
-    maxLength: number;
     showFeedbackTextIcon: boolean;
 }>[];
 export { default as TextArea } from './TextAreaV4.vue';

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

@@ -43,8 +43,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }, {
     color: string;
     testId: string;
-    helperText: string;
     isLoading: boolean;
+    helperText: string;
     errorText: string;
     activeText: string;
     inactiveText: string;

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

@@ -7,6 +7,10 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    isLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     modelValue: {
         type: import("vue").PropType<boolean>;
         required: true;
@@ -15,10 +19,6 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: any;
     };
-    isLoading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     errorText: {
         type: import("vue").PropType<string>;
         default: any;
@@ -46,6 +46,10 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    isLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     modelValue: {
         type: import("vue").PropType<boolean>;
         required: true;
@@ -54,10 +58,6 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: any;
     };
-    isLoading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     errorText: {
         type: import("vue").PropType<string>;
         default: any;
@@ -79,8 +79,8 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
 }, {
     color: string;
     testId: string;
-    helperText: string;
     isLoading: boolean;
+    helperText: string;
     errorText: string;
     activeText: string;
     inactiveText: string;

package/components/toggle/v4/ToggleV4.vue.d.ts

@@ -61,11 +61,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: "small" | "medium";
     color: "primary" | "test";
     testId: string;
+    isLoading: boolean;
     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";
     feedbackText: string;
     feedbackVariant: "success" | "warning" | "error";
-    isLoading: boolean;
     activeText: string;
     inactiveText: string;
     isDisabled: boolean;

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

@@ -7,11 +7,11 @@ declare const ToggleTypes: () => ({
             size: "small" | "medium";
             color: "primary" | "test";
             testId: string;
+            isLoading: boolean;
             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";
             feedbackText: string;
             feedbackVariant: "success" | "warning" | "error";
-            isLoading: boolean;
             activeText: string;
             inactiveText: string;
             isDisabled: boolean;
@@ -32,9 +32,9 @@ declare const ToggleTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            modelValue: {
+            isLoading: {
                 type: import("vue").PropType<boolean>;
-                required: true;
+                default: boolean;
             };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
@@ -44,6 +44,10 @@ declare const ToggleTypes: () => ({
                 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">;
                 default: string;
             };
+            modelValue: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
             feedbackText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -52,10 +56,6 @@ declare const ToggleTypes: () => ({
                 type: import("vue").PropType<"success" | "warning" | "error">;
                 default: any;
             };
-            isLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             activeText: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -70,7 +70,7 @@ declare const ToggleTypes: () => ({
             };
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "size" | "color" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "isLoading" | "activeText" | "inactiveText" | "isDisabled">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "size" | "color" | "testId" | "isLoading" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "activeText" | "inactiveText" | "isDisabled">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -101,9 +101,9 @@ declare const ToggleTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            modelValue: {
+            isLoading: {
                 type: import("vue").PropType<boolean>;
-                required: true;
+                default: boolean;
             };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
@@ -113,6 +113,10 @@ declare const ToggleTypes: () => ({
                 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">;
                 default: string;
             };
+            modelValue: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
             feedbackText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -121,10 +125,6 @@ declare const ToggleTypes: () => ({
                 type: import("vue").PropType<"success" | "warning" | "error">;
                 default: any;
             };
-            isLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             activeText: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -146,11 +146,11 @@ declare const ToggleTypes: () => ({
             size: "small" | "medium";
             color: "primary" | "test";
             testId: string;
+            isLoading: boolean;
             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";
             feedbackText: string;
             feedbackVariant: "success" | "warning" | "error";
-            isLoading: boolean;
             activeText: string;
             inactiveText: string;
             isDisabled: boolean;
@@ -191,9 +191,9 @@ declare const ToggleTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
-        modelValue: {
+        isLoading: {
             type: import("vue").PropType<boolean>;
-            required: true;
+            default: boolean;
         };
         hoverHelpText: {
             type: import("vue").PropType<string>;
@@ -203,6 +203,10 @@ declare const ToggleTypes: () => ({
             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">;
             default: string;
         };
+        modelValue: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -211,10 +215,6 @@ declare const ToggleTypes: () => ({
             type: import("vue").PropType<"success" | "warning" | "error">;
             default: any;
         };
-        isLoading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         activeText: {
             type: import("vue").PropType<string>;
             default: any;
@@ -250,9 +250,9 @@ declare const ToggleTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
-    modelValue: {
+    isLoading: {
         type: import("vue").PropType<boolean>;
-        required: true;
+        default: boolean;
     };
     hoverHelpText: {
         type: import("vue").PropType<string>;
@@ -262,6 +262,10 @@ declare const ToggleTypes: () => ({
         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">;
         default: string;
     };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
     feedbackText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -270,10 +274,6 @@ declare const ToggleTypes: () => ({
         type: import("vue").PropType<"success" | "warning" | "error">;
         default: any;
     };
-    isLoading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     activeText: {
         type: import("vue").PropType<string>;
         default: any;
@@ -295,11 +295,11 @@ declare const ToggleTypes: () => ({
     size: "small" | "medium";
     color: "primary" | "test";
     testId: string;
+    isLoading: boolean;
     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";
     feedbackText: string;
     feedbackVariant: "success" | "warning" | "error";
-    isLoading: boolean;
     activeText: string;
     inactiveText: string;
     isDisabled: boolean;