@ironsource/shared-ui 2.1.3-rc.8 → 2.1.3

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/tabs/v4/TabsV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./TabsV4.vue2.js";
-/* empty css             */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TabsV4.vue_vue_type_style_index_0_scoped_bab86b0a_lang.css"; //*');
-const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-bab86b0a"]]);
+/* empty css             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../TabsV4.vue_vue_type_style_index_0_scoped_bab40cfe_lang.css"; //*');
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bab40cfe"]]);
 export {
-  t as default
+  a as default
 };

package/components/tabs/v4/TabsV4.vue2.js

@@ -1,9 +1,9 @@
- import "../../../TabsV4.vue_vue_type_style_index_0_scoped_bab86b0a_lang.css"; import { defineComponent as h, useCssVars as C, ref as v, watch as w, nextTick as $, openBlock as r, createElementBlock as l, mergeProps as y, unref as s, Fragment as S, renderList as g, normalizeClass as A, renderSlot as N, createBlock as V, withCtx as B, createTextVNode as M, toDisplayString as E, createCommentVNode as P, pushScopeId as W, popScopeId as _, createElementVNode as H } from "vue";
+ import "../../../TabsV4.vue_vue_type_style_index_0_scoped_bab40cfe_lang.css"; import { defineComponent as h, useCssVars as C, ref as v, watch as w, nextTick as $, openBlock as r, createElementBlock as l, mergeProps as y, unref as s, Fragment as S, renderList as g, normalizeClass as A, renderSlot as N, createBlock as V, withCtx as B, createTextVNode as M, toDisplayString as E, createCommentVNode as P, pushScopeId as W, popScopeId as _, createElementVNode as H } from "vue";
 import R from "../../typography/v4/Typography.vue.js";
 import { TabsTestIdModifiers as c } from "../../../testids/index.js";
 import { tabsCommon as z } from "../common/tabsCommon.js";
 import { useTestIdAttrs as D } from "../../../utils/testIds.js";
-const F = (t) => (W("data-v-bab86b0a"), t = t(), _(), t), U = ["data-testid", "onClick", "onMouseover"], j = /* @__PURE__ */ F(() => /* @__PURE__ */ H("div", { class: "tabs-border-line" }, null, -1)), Q = /* @__PURE__ */ h({
+const F = (t) => (W("data-v-bab40cfe"), t = t(), _(), t), U = ["data-testid", "onClick", "onMouseover"], j = /* @__PURE__ */ F(() => /* @__PURE__ */ H("div", { class: "tabs-border-line" }, null, -1)), Q = /* @__PURE__ */ h({
   __name: "TabsV4",
   props: {
     tabsList: { default: () => [] },
@@ -15,8 +15,8 @@ const F = (t) => (W("data-v-bab86b0a"), t = t(), _(), t), U = ["data-testid", "o
   setup(t, { emit: f }) {
     const a = t;
     C((o) => ({
-      "460acae2": b.value,
-      "7a14f784": m.value
+      "57c21ae0": b.value,
+      bdc3e3e6: m.value
     }));
     const {
       skipUnwrap: p,

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

@@ -12,6 +12,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     feedbackVariant?: FeedbackVariant;
     feedbackText?: string;
     showFeedbackTextIcon?: boolean;
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    height?: string;
     testId?: string;
 }>, {
     modelValue: string;
@@ -25,7 +27,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     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<{
@@ -40,6 +44,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     feedbackVariant?: FeedbackVariant;
     feedbackText?: string;
     showFeedbackTextIcon?: boolean;
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    height?: string;
     testId?: string;
 }>, {
     modelValue: string;
@@ -53,21 +59,25 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     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;
-    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/TextAreaV4.vue.js

@@ -1,7 +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_6e91a617_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-6e91a617"]]);
+// 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

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

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

@@ -7,6 +7,14 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         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;
@@ -15,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: {
@@ -39,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;
@@ -58,6 +66,14 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         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;
@@ -66,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: {
@@ -90,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;
@@ -103,15 +119,17 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
 }, {
     label: string;
     disabled: boolean;
+    height: string;
+    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;