@ironsource/shared-ui 2.1.3-rc.5 → 2.1.3-rc.7

package/components/forms/FormCard.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cancelLabel?: string;
     saveLoading?: boolean;
     testId?: string;
+    isLoading?: boolean;
 }>, {
     title: string;
     noPadding: boolean;
@@ -14,6 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     saveLabel: string;
     saveLoading: boolean;
     testId: string;
+    isLoading: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     save: () => void;
     cancel: () => void;
@@ -25,6 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cancelLabel?: string;
     saveLoading?: boolean;
     testId?: string;
+    isLoading?: boolean;
 }>, {
     title: string;
     noPadding: boolean;
@@ -33,6 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     saveLabel: string;
     saveLoading: boolean;
     testId: string;
+    isLoading: boolean;
 }>>> & {
     onCancel?: () => any;
     onSave?: () => any;
@@ -40,6 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     title: string;
     testId: string;
     actionButtons: boolean;
+    isLoading: boolean;
     noPadding: boolean;
     saveLabel: string;
     cancelLabel: string;

package/components/forms/FormCard.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormCard.vue2.js";
-/* empty css               */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FormCard.vue_vue_type_style_index_0_scoped_ad5e4be0_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad5e4be0"]]);
+/* empty css               */import _ from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../FormCard.vue_vue_type_style_index_0_scoped_276bd901_lang.css"; //*');
+const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-276bd901"]]);
 export {
   t as default
 };

package/components/forms/FormCard.vue2.js

@@ -1,10 +1,14 @@
- import "../../FormCard.vue_vue_type_style_index_0_scoped_ad5e4be0_lang.css"; import { defineComponent as g, openBlock as v, createElementBlock as T, createElementVNode as r, mergeProps as n, unref as e, renderSlot as s, createVNode as i, withCtx as c, createTextVNode as f, toDisplayString as u, createCommentVNode as B } from "vue";
-import N from "../typography/v4/Typography.vue.js";
-import p from "../button/v4/ButtonV4.vue.js";
+ import "../../FormCard.vue_vue_type_style_index_0_scoped_276bd901_lang.css"; import { defineComponent as T, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as l, unref as e, renderSlot as u, createVNode as a, withCtx as m, createTextVNode as g, toDisplayString as v, createBlock as B, createCommentVNode as C } from "vue";
+import p from "../typography/v4/Typography.vue.js";
+import y from "../button/v4/ButtonV4.vue.js";
 import "../button/v4/IconButtonV4.vue.js";
-import { FormCardTestIdModifiers as a } from "../../testids/index.js";
-import { useTestIdAttrs as L } from "../../utils/testIds.js";
-const y = { class: "form-card" }, b = /* @__PURE__ */ g({
+import { FormCardTestIdModifiers as o } from "../../testids/index.js";
+import { useTestIdAttrs as N } from "../../utils/testIds.js";
+import i from "../skeleton/v4/SkeletonV4.vue.js";
+const b = { class: "form-card" }, h = {
+  key: 1,
+  class: "content-skeleton-container"
+}, z = /* @__PURE__ */ T({
   __name: "FormCard",
   props: {
     title: { default: "" },
@@ -13,62 +17,84 @@ const y = { class: "form-card" }, b = /* @__PURE__ */ g({
     saveLabel: { default: "Save" },
     cancelLabel: { default: "Cancel" },
     saveLoading: { type: Boolean, default: !1 },
-    testId: { default: "" }
+    testId: { default: "" },
+    isLoading: { type: Boolean, default: !1 }
   },
   emits: ["save", "cancel"],
-  setup(t, { emit: m }) {
-    const o = L(t.testId, a);
-    return (d, l) => (v(), T("div", null, [
-      r("div", y, [
-        r("header", n({ class: "card-header" }, e(o)[e(a).TITLE]), [
-          s(d.$slots, "header", {}, () => [
-            i(e(N), { variant: "h3" }, {
-              default: c(() => [
-                f(u(t.title), 1)
+  setup(t, { emit: k }) {
+    const n = N(t.testId, o);
+    return (r, s) => (d(), c("div", null, [
+      f("div", b, [
+        f("header", l({ class: "card-header" }, e(n)[e(o).TITLE]), [
+          t.isLoading ? (d(), B(e(i), {
+            key: 1,
+            type: "rectangle",
+            size: 20,
+            class: "skeleton-header"
+          })) : u(r.$slots, "header", { key: 0 }, () => [
+            a(e(p), { variant: "h3" }, {
+              default: m(() => [
+                g(v(t.title), 1)
               ]),
               _: 1
             })
           ], !0)
         ], 16),
-        r("div", n({
+        f("div", l({
           class: ["card-content", { "card-content--no-padding": t.noPadding }]
-        }, e(o)[e(a).CONTENT]), [
-          s(d.$slots, "default", {}, void 0, !0)
+        }, e(n)[e(o).CONTENT]), [
+          t.isLoading ? (d(), c("div", h, [
+            a(e(i), {
+              type: "rectangle",
+              size: 20,
+              class: "skeleton-long"
+            }),
+            a(e(i), {
+              class: "skeleton-short",
+              type: "rectangle"
+            }),
+            a(e(i), {
+              class: "skeleton-short",
+              type: "rectangle"
+            })
+          ])) : u(r.$slots, "default", { key: 0 }, void 0, !0)
         ], 16)
       ]),
-      t.actionButtons ? (v(), T("div", n({
+      t.actionButtons ? (d(), c("div", l({
         key: 0,
         class: "form-actions"
-      }, e(o)[e(a).ACTIONS]), [
-        s(d.$slots, "footer", {}, () => [
-          i(e(p), n({
+      }, e(n)[e(o).ACTIONS]), [
+        u(r.$slots, "footer", {}, () => [
+          a(e(y), l({
             class: "form-action",
             variant: "outlined",
             color: "default"
-          }, e(o)[e(a).CANCEL_BUTTON], {
-            onClick: l[0] || (l[0] = (C) => m("cancel"))
+          }, e(n)[e(o).CANCEL_BUTTON], {
+            disabled: t.isLoading,
+            onClick: s[0] || (s[0] = (L) => k("cancel"))
           }), {
-            default: c(() => [
-              f(u(t.cancelLabel), 1)
+            default: m(() => [
+              g(v(t.cancelLabel), 1)
             ]),
             _: 1
-          }, 16),
-          i(e(p), n({
+          }, 16, ["disabled"]),
+          a(e(y), l({
             class: "form-action",
             loading: t.saveLoading
-          }, e(o)[e(a).SAVE_BUTTON], {
-            onClick: l[1] || (l[1] = (C) => m("save"))
+          }, e(n)[e(o).SAVE_BUTTON], {
+            disabled: t.isLoading,
+            onClick: s[1] || (s[1] = (L) => k("save"))
           }), {
-            default: c(() => [
-              f(u(t.saveLabel), 1)
+            default: m(() => [
+              g(v(t.saveLabel), 1)
             ]),
             _: 1
-          }, 16, ["loading"])
+          }, 16, ["loading", "disabled"])
         ], !0)
-      ], 16)) : B("", !0)
+      ], 16)) : C("", !0)
     ]));
   }
 });
 export {
-  b as default
+  z as default
 };

package/components/forms/index.d.ts

@@ -158,6 +158,7 @@ declare const FormCardTypes: () => (({
             title: string;
             testId: string;
             actionButtons: boolean;
+            isLoading: boolean;
             noPadding: boolean;
             saveLabel: string;
             cancelLabel: string;
@@ -175,6 +176,10 @@ declare const FormCardTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             noPadding: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -194,7 +199,7 @@ declare const FormCardTypes: () => (({
         }>> & {
             onCancel?: () => any;
             onSave?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "actionButtons" | "noPadding" | "saveLabel" | "cancelLabel" | "saveLoading">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "actionButtons" | "isLoading" | "noPadding" | "saveLabel" | "cancelLabel" | "saveLoading">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -221,6 +226,10 @@ declare const FormCardTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             noPadding: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -247,6 +256,7 @@ declare const FormCardTypes: () => (({
             title: string;
             testId: string;
             actionButtons: boolean;
+            isLoading: boolean;
             noPadding: boolean;
             saveLabel: string;
             cancelLabel: string;
@@ -284,6 +294,10 @@ declare const FormCardTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         noPadding: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -320,6 +334,10 @@ declare const FormCardTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    isLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     noPadding: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -346,6 +364,7 @@ declare const FormCardTypes: () => (({
     title: string;
     testId: string;
     actionButtons: boolean;
+    isLoading: boolean;
     noPadding: boolean;
     saveLabel: string;
     cancelLabel: string;

package/components/search/v3/Search.vue.d.ts

@@ -29,9 +29,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     "onUpdate:modelValue"?: (value: string) => any;
 }, {
+    variant: 'default' | 'inline-table' | 'transparent';
     disabled: boolean;
     size: 'sm' | 'md';
-    variant: 'default' | 'inline-table' | 'transparent';
     testId: string;
 }>;
 export default _default;

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

@@ -1,4 +1,8 @@
 declare const SearchTypes: () => import("vue").DefineComponent<{
+    variant: {
+        type: import("vue").PropType<"default" | "transparent" | "inline-table">;
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -7,10 +11,6 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<"sm" | "md">;
         default: string;
     };
-    variant: {
-        type: import("vue").PropType<"default" | "transparent" | "inline-table">;
-        default: string;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -28,6 +28,10 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
 }, 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<{
+    variant: {
+        type: import("vue").PropType<"default" | "transparent" | "inline-table">;
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -36,10 +40,6 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<"sm" | "md">;
         default: string;
     };
-    variant: {
-        type: import("vue").PropType<"default" | "transparent" | "inline-table">;
-        default: string;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -55,9 +55,9 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: (value: string) => any;
 }, {
+    variant: "default" | "transparent" | "inline-table";
     disabled: boolean;
     size: "sm" | "md";
-    variant: "default" | "transparent" | "inline-table";
     testId: string;
 }>[];
 export { default as Search } from './Search.vue';

package/components/snackbar/v4/SnackbarV4.vue.d.ts

@@ -16,10 +16,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     title?: string;
     zIndex?: number;
     actionButtons: (Partial<{
+        variant: "text" | "contained" | "outlined";
         disabled: boolean;
         size: "small" | "medium" | "large" | "extraLarge";
         color: "default" | "primary" | "danger" | "info" | "success" | "warning";
-        variant: "text" | "contained" | "outlined";
         content: string;
         loading: boolean;
         testId: string;
@@ -28,6 +28,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
         endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"text" | "contained" | "outlined">;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -40,10 +44,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
             default: string;
         };
-        variant: {
-            type: import("vue").PropType<"text" | "contained" | "outlined">;
-            default: string;
-        };
         content: {
             type: import("vue").PropType<string>;
             default: string;
@@ -72,7 +72,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
             default: string;
         };
-    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "size" | "color" | "variant" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
+    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "disabled" | "size" | "color" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
     testId: string;
 }>, {
     type: string;
@@ -101,10 +101,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     title?: string;
     zIndex?: number;
     actionButtons: (Partial<{
+        variant: "text" | "contained" | "outlined";
         disabled: boolean;
         size: "small" | "medium" | "large" | "extraLarge";
         color: "default" | "primary" | "danger" | "info" | "success" | "warning";
-        variant: "text" | "contained" | "outlined";
         content: string;
         loading: boolean;
         testId: string;
@@ -113,6 +113,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
         endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"text" | "contained" | "outlined">;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -125,10 +129,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
             default: string;
         };
-        variant: {
-            type: import("vue").PropType<"text" | "contained" | "outlined">;
-            default: string;
-        };
         content: {
             type: import("vue").PropType<string>;
             default: string;
@@ -157,7 +157,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
             default: string;
         };
-    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "size" | "color" | "variant" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
+    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "disabled" | "size" | "color" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">)[];
     testId: string;
 }>, {
     type: string;

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/typography/index.d.ts

@@ -112,13 +112,13 @@ declare const TypographyTypes: () => (({
             strong: {
                 type: import("vue").PropType<boolean>;
             };
+            isTruncated: {
+                type: import("vue").PropType<boolean>;
+            };
             size: {
                 type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
                 default: string;
             };
-            isTruncated: {
-                type: import("vue").PropType<boolean>;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -141,13 +141,13 @@ declare const TypographyTypes: () => (({
             strong: {
                 type: import("vue").PropType<boolean>;
             };
+            isTruncated: {
+                type: import("vue").PropType<boolean>;
+            };
             size: {
                 type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
                 default: string;
             };
-            isTruncated: {
-                type: import("vue").PropType<boolean>;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -179,13 +179,13 @@ declare const TypographyTypes: () => (({
         strong: {
             type: import("vue").PropType<boolean>;
         };
+        isTruncated: {
+            type: import("vue").PropType<boolean>;
+        };
         size: {
             type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
             default: string;
         };
-        isTruncated: {
-            type: import("vue").PropType<boolean>;
-        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -198,13 +198,13 @@ declare const TypographyTypes: () => (({
     strong: {
         type: import("vue").PropType<boolean>;
     };
+    isTruncated: {
+        type: import("vue").PropType<boolean>;
+    };
     size: {
         type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
         default: string;
     };
-    isTruncated: {
-        type: import("vue").PropType<boolean>;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;