@ironsource/shared-ui 2.1.3-rc.1 → 2.1.3-rc.11

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

@@ -4,10 +4,17 @@ declare const EditableTypes: () => ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            type: "input" | "dropdown";
             cell: string;
             validateFunction: (value: unknown) => string | boolean;
             isLoading: boolean;
+            displayValue: (option: unknown) => unknown;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: import("vue").PropType<"input" | "dropdown">;
+                required: true;
+                default: string;
+            };
             cell: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -28,7 +35,11 @@ declare const EditableTypes: () => ({
                 type: import("vue").PropType<number>;
                 required: true;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "cell" | "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;
         };
@@ -43,6 +54,11 @@ declare const EditableTypes: () => ({
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: import("vue").PropType<"input" | "dropdown">;
+                required: true;
+                default: string;
+            };
             cell: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -63,10 +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;
             validateFunction: (value: unknown) => string | boolean;
             isLoading: boolean;
+            displayValue: (option: unknown) => unknown;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -88,6 +110,11 @@ declare const EditableTypes: () => ({
         $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<{
+        type: {
+            type: import("vue").PropType<"input" | "dropdown">;
+            required: true;
+            default: string;
+        };
         cell: {
             type: import("vue").PropType<string>;
             default: string;
@@ -108,11 +135,20 @@ 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;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"input" | "dropdown">;
+        required: true;
+        default: string;
+    };
     cell: {
         type: import("vue").PropType<string>;
         default: string;
@@ -133,10 +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;
     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/tabs/v3/Tabs.vue.d.ts

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

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

@@ -3,19 +3,19 @@ declare const TabsTypes: () => ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            size: "sm" | "md" | "lg" | "xl";
             variant: "fill" | "fix";
+            size: "sm" | "md" | "lg" | "xl";
             testId: string;
             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;
             };
+            size: {
+                type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+                default: string;
+            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -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, "variant" | "size" | "testId" | "tabsList">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -46,14 +46,14 @@ declare const TabsTypes: () => ({
         $emit: (event: "update:selectedTab", tabId: string | number) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
-                default: string;
-            };
             variant: {
                 type: import("vue").PropType<"fill" | "fix">;
                 default: string;
             };
+            size: {
+                type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+                default: string;
+            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -72,8 +72,8 @@ declare const TabsTypes: () => ({
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:selectedTab": (tabId: string | number) => void;
         }, string, {
-            size: "sm" | "md" | "lg" | "xl";
             variant: "fill" | "fix";
+            size: "sm" | "md" | "lg" | "xl";
             testId: string;
             tabsList: import("../common/Tabs.types").Tab[];
         }, {}, string> & {
@@ -97,14 +97,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<{
-        size: {
-            type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
-            default: string;
-        };
         variant: {
             type: import("vue").PropType<"fill" | "fix">;
             default: string;
         };
+        size: {
+            type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+            default: string;
+        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -125,14 +125,14 @@ declare const TabsTypes: () => ({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
-        default: string;
-    };
     variant: {
         type: import("vue").PropType<"fill" | "fix">;
         default: string;
     };
+    size: {
+        type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+        default: string;
+    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -151,8 +151,8 @@ declare const TabsTypes: () => ({
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedTab": (tabId: string | number) => void;
 }, string, {
-    size: "sm" | "md" | "lg" | "xl";
     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 () => {

package/components/textArea/v3/TextArea.vue.js

@@ -0,0 +1,7 @@
+import e from "./TextArea.vue2.js";
+/* empty css               */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../TextArea.vue_vue_type_style_index_0_scoped_eb62e4c0_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-eb62e4c0"]]);
+export {
+  c as default
+};

package/components/textArea/{TextArea.vue2.js → v3/TextArea.vue2.js}

@@ -1,7 +1,7 @@
- import "../../TextArea.vue_vue_type_style_index_0_scoped_889b62ac_lang.css"; import { defineComponent as x, openBlock as d, createElementBlock as l, normalizeClass as s, unref as t, createVNode as i, withCtx as c, createTextVNode as o, toDisplayString as n, createCommentVNode as u, createElementVNode as T } from "vue";
-import "../typography/Heading.vue.js";
-import f from "../typography/Text.vue.js";
-import { TextAreaTestIdModifiers as a } from "../../testids/index.js";
+ import "../../../TextArea.vue_vue_type_style_index_0_scoped_eb62e4c0_lang.css"; import { defineComponent as x, openBlock as d, createElementBlock as l, normalizeClass as s, unref as t, createVNode as i, withCtx as c, createTextVNode as o, toDisplayString as n, createCommentVNode as u, createElementVNode as T } from "vue";
+import "../../typography/Heading.vue.js";
+import f from "../../typography/Text.vue.js";
+import { TextAreaTestIdModifiers as a } from "../../../testids/index.js";
 const h = ["data-testid"], k = ["data-testid"], E = ["value", "placeholder", "disabled", "data-testid"], I = {
   key: 1,
   class: "extra-text-container"

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

@@ -0,0 +1,100 @@
+import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
+import { FeedbackVariant } from '@/components/shared/commonTypes';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    label?: string;
+    maxLength?: number;
+    mandatory?: boolean;
+    hoverHelpText?: string;
+    hoverHelpTextPlacement?: TooltipPositions;
+    feedbackVariant?: FeedbackVariant;
+    feedbackText?: string;
+    showFeedbackTextIcon?: boolean;
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    height?: string;
+    testId?: string;
+}>, {
+    modelValue: string;
+    placeholder: string;
+    disabled: boolean;
+    label: string;
+    maxLength: any;
+    mandatory: boolean;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
+    feedbackText: string;
+    feedbackVariant: any;
+    showFeedbackTextIcon: boolean;
+    resize: string;
+    testId: string;
+    height: any;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    label?: string;
+    maxLength?: number;
+    mandatory?: boolean;
+    hoverHelpText?: string;
+    hoverHelpTextPlacement?: TooltipPositions;
+    feedbackVariant?: FeedbackVariant;
+    feedbackText?: string;
+    showFeedbackTextIcon?: boolean;
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    height?: string;
+    testId?: string;
+}>, {
+    modelValue: string;
+    placeholder: string;
+    disabled: boolean;
+    label: string;
+    maxLength: any;
+    mandatory: boolean;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
+    feedbackText: string;
+    feedbackVariant: any;
+    showFeedbackTextIcon: boolean;
+    resize: string;
+    testId: string;
+    height: any;
+}>>> & {
+    "onUpdate:modelValue"?: (value: string) => any;
+}, {
+    label: string;
+    disabled: boolean;
+    height: string;
+    resize: 'none' | 'vertical' | 'horizontal' | 'both';
+    mandatory: boolean;
+    testId: string;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: TooltipPositions;
+    maxLength: number;
+    modelValue: string;
+    placeholder: string;
+    feedbackText: string;
+    feedbackVariant: FeedbackVariant;
+    showFeedbackTextIcon: boolean;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/textArea/v4/TextAreaV4.vue.js

@@ -0,0 +1,7 @@
+import e from "./TextAreaV4.vue2.js";
+/* empty css                 */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_0336a92f_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-0336a92f"]]);
+export {
+  a as default
+};

package/components/textArea/v4/TextAreaV4.vue2.js

@@ -0,0 +1,74 @@
+ import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_0336a92f_lang.css"; import { defineComponent as s, computed as b, openBlock as t, createElementBlock as i, mergeProps as c, unref as a, createBlock as n, createCommentVNode as l, createElementVNode as g } from "vue";
+import v from "../../shared/FieldLabel.vue.js";
+import k from "../../shared/FieldMaxLength.vue.js";
+import T from "../../shared/FieldHelpText.vue.js";
+import { TextAreaTestIdModifiers as u } from "../../../testids/index.js";
+import { useTestIdAttrs as V } from "../../../utils/testIds.js";
+const y = ["value", "placeholder", "disabled", "maxlength"], I = {
+  key: 1,
+  class: "footer"
+}, w = /* @__PURE__ */ s({
+  __name: "TextAreaV4",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    label: { default: "" },
+    maxLength: { default: null },
+    mandatory: { type: Boolean, default: !1 },
+    hoverHelpText: { default: "" },
+    hoverHelpTextPlacement: { default: "top" },
+    feedbackVariant: { default: null },
+    feedbackText: { default: "" },
+    showFeedbackTextIcon: { type: Boolean, default: !0 },
+    resize: { default: "none" },
+    height: { default: null },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: h }) {
+    const o = e, m = (d) => {
+      h("update:modelValue", d.target.value);
+    }, x = b(() => (o.modelValue || "").length), r = V(o.testId, u);
+    return (d, f) => (t(), i("div", c({ class: "textarea-field" }, a(r)[a(u).WRAPPER]), [
+      e.label ? (t(), n(v, {
+        key: 0,
+        class: "textarea-label",
+        label: e.label,
+        mandatory: e.mandatory,
+        "hover-help-text": e.hoverHelpText,
+        "hover-help-text-placement": e.hoverHelpTextPlacement,
+        disabled: e.disabled,
+        "test-id": e.testId
+      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : l("", !0),
+      g("textarea", c({
+        class: ["textarea", {
+          "textarea--disabled": e.disabled,
+          [`textarea--variant-${e.feedbackVariant}`]: !0
+        }],
+        style: { resize: e.resize, height: e.height },
+        value: e.modelValue,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        maxlength: e.maxLength
+      }, a(r)[a(u).FIELD], { onInput: m }), null, 16, y),
+      e.feedbackText || e.maxLength ? (t(), i("div", I, [
+        e.feedbackText ? (t(), n(T, {
+          key: 0,
+          text: e.feedbackText,
+          variant: e.feedbackVariant,
+          "show-icon": e.showFeedbackTextIcon,
+          "test-id": e.testId
+        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : l("", !0),
+        e.maxLength ? (t(), n(k, {
+          key: 1,
+          "current-length": a(x),
+          "max-length": e.maxLength
+        }, null, 8, ["current-length", "max-length"])) : l("", !0)
+      ])) : l("", !0)
+    ], 16));
+  }
+});
+export {
+  w as default
+};

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

@@ -0,0 +1,136 @@
+declare const TextAreaTypes: () => import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    height: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    resize: {
+        type: import("vue").PropType<"both" | "none" | "horizontal" | "vertical">;
+        default: string;
+    };
+    mandatory: {
+        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">;
+        default: string;
+    };
+    maxLength: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    feedbackText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    feedbackVariant: {
+        type: import("vue").PropType<"success" | "warning" | "error">;
+        default: any;
+    };
+    showFeedbackTextIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    height: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    resize: {
+        type: import("vue").PropType<"both" | "none" | "horizontal" | "vertical">;
+        default: string;
+    };
+    mandatory: {
+        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">;
+        default: string;
+    };
+    maxLength: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    feedbackText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    feedbackVariant: {
+        type: import("vue").PropType<"success" | "warning" | "error">;
+        default: any;
+    };
+    showFeedbackTextIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (value: string) => any;
+}, {
+    label: 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";
+    maxLength: number;
+    modelValue: string;
+    placeholder: string;
+    feedbackText: string;
+    feedbackVariant: "success" | "warning" | "error";
+    showFeedbackTextIcon: boolean;
+}>[];
+export { default as TextArea } from './TextAreaV4.vue';
+export { TextAreaTypes };

package/components/textArea/v4/index.js

@@ -0,0 +1,6 @@
+import e from "./TextAreaV4.vue.js";
+const t = () => [e];
+export {
+  e as TextArea,
+  t as TextAreaTypes
+};

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;