@ironsource/shared-ui 2.1.12-rc.9 → 2.1.12-test.1

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

@@ -1,4 +1,4 @@
-declare const SearchTypes: () => import("vue").DefineComponent<{
+declare const SearchTypes: () => import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -12,7 +12,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<"sm" | "md">;
+        type: import("vue").PropType<"md" | "sm">;
         default: string;
     };
     modelValue: {
@@ -23,11 +23,11 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         required: true;
     };
-}, {
-    inputRef: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    inputRef: import("vue").Ref<any, any>;
+}, {}, {}, {}, 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<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -41,7 +41,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<"sm" | "md">;
+        type: import("vue").PropType<"md" | "sm">;
         default: string;
     };
     modelValue: {
@@ -52,13 +52,13 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         required: true;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: (value: string) => any;
-}, {
+}>, {
     testId: string;
     variant: "default" | "transparent" | "inline-table";
     disabled: boolean;
-    size: "sm" | "md";
-}>[];
+    size: "md" | "sm";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>[];
 export { default as Search } from './Search.vue';
 export { SearchTypes };

package/components/search/v4/SearchV4.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: string;
     placeholder?: string;
     disabled?: boolean;
@@ -9,12 +9,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     autoFocus: boolean;
     placeholder: string;
-}>, {
-    inputRef: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>>, {
+    inputRef: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => void;
     onClear: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: string;
     placeholder?: string;
     disabled?: boolean;
@@ -25,15 +25,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     autoFocus: boolean;
     placeholder: string;
-}>>> & {
+}>>> & Readonly<{
     "onUpdate:modelValue"?: (value: string | number) => any;
     onOnClear?: () => any;
-}, {
+}>, {
     testId: string;
     disabled: boolean;
     placeholder: string;
     autoFocus: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/search/v4/SearchV4.vue2.js

@@ -1,59 +1,59 @@
- import "../../../SearchV4.vue_vue_type_style_index_0_scoped_d6c42f4b_lang.css"; import { defineComponent as p, openBlock as h, createElementBlock as V, mergeProps as c, unref as e, createVNode as a, withCtx as x, withDirectives as I, createElementVNode as C, vShow as v } from "vue";
+ import "../../../SearchV4.vue_vue_type_style_index_0_scoped_d6c42f4b_lang.css"; import { defineComponent as V, openBlock as I, createElementBlock as C, mergeProps as p, unref as e, createVNode as l, withCtx as v, withDirectives as b, createElementVNode as y, vShow as B } from "vue";
 import u from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import { SearchTestIdModifiers as r } from "../../../testids/index.js";
-import { searchCommon as b } from "../common/Search.common.js";
-import y from "../../input/v4/TextField.vue.js";
-import { useTestIdAttrs as B } from "../../../utils/testIds.js";
-const T = /* @__PURE__ */ p({
+import { searchCommon as g } from "../common/Search.common.js";
+import k from "../../input/v4/TextField.vue.js";
+import { useTestIdAttrs as w } from "../../../utils/testIds.js";
+const F = /* @__PURE__ */ V({
   __name: "SearchV4",
   props: {
-    modelValue: null,
+    modelValue: {},
     placeholder: { default: "Search" },
     disabled: { type: Boolean, default: !1 },
     testId: { default: "" },
     autoFocus: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "onClear"],
-  setup(t, { expose: f, emit: d }) {
-    const s = t, { inputRef: i, clearValue: n } = b(s, d), m = B(s.testId, r);
+  setup(c, { expose: f, emit: h }) {
+    const s = c, d = h, { inputRef: i, clearValue: m } = g(s, d), n = w(s.testId, r);
     return f({
       inputRef: i
-    }), (g, o) => (h(), V("div", c({ class: "search-container" }, e(m)[e(r).CONTAINER]), [
-      a(e(y), {
+    }), (o, t) => (I(), C("div", p({ class: "search-container" }, e(n)[e(r).CONTAINER]), [
+      l(e(k), {
         ref_key: "inputRef",
         ref: i,
-        "model-value": t.modelValue,
+        "model-value": o.modelValue,
         "icon-before-name": "search",
-        "auto-focus": t.autoFocus,
-        placeholder: t.placeholder,
-        disabled: t.disabled,
-        "test-id": t.testId,
-        "onUpdate:modelValue": o[0] || (o[0] = (l) => d("update:modelValue", l))
+        "auto-focus": o.autoFocus,
+        placeholder: o.placeholder,
+        disabled: o.disabled,
+        "test-id": o.testId,
+        "onUpdate:modelValue": t[0] || (t[0] = (a) => d("update:modelValue", a))
       }, {
-        iconBefore: x(() => [
-          a(e(u), {
+        iconBefore: v(() => [
+          l(e(u), {
             name: "magnifying-glass",
             size: "16px"
           })
         ]),
         _: 1
       }, 8, ["model-value", "auto-focus", "placeholder", "disabled", "test-id"]),
-      I(C("div", c({ class: "x-circle-wrapper" }, e(m)[e(r).CLEAR], {
-        onClick: o[1] || (o[1] = //@ts-ignore
-        (...l) => e(n) && e(n)(...l))
+      b(y("div", p({ class: "x-circle-wrapper" }, e(n)[e(r).CLEAR], {
+        onClick: t[1] || (t[1] = //@ts-ignore
+        (...a) => e(m) && e(m)(...a))
       }), [
-        a(e(u), {
+        l(e(u), {
           name: "x-circle",
           size: "16px",
           type: "fill"
         })
       ], 16), [
-        [v, !!t.modelValue]
+        [B, !!o.modelValue]
       ])
     ], 16));
   }
 });
 export {
-  T as default
+  F as default
 };

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

@@ -1,4 +1,4 @@
-declare const SearchTypes: () => import("vue").DefineComponent<{
+declare const SearchTypes: () => import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -19,12 +19,12 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}, {
-    inputRef: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    inputRef: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => void;
     onClear: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -45,14 +45,14 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: (value: string | number) => any;
     onOnClear?: () => any;
-}, {
+}>, {
     testId: string;
     disabled: boolean;
     placeholder: string;
     autoFocus: boolean;
-}>[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>[];
 export { default as Search } from './SearchV4.vue';
 export { SearchTypes };

package/components/shared/FieldHelpText.vue.d.ts

@@ -1,5 +1,5 @@
 import { FeedbackVariant } from '@/components/shared/commonTypes';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text: string;
     variant?: FeedbackVariant;
     testId?: string;
@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     variant: any;
     testId: string;
     showIcon: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text: string;
     variant?: FeedbackVariant;
     testId?: string;
@@ -19,12 +19,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     variant: any;
     testId: string;
     showIcon: boolean;
-}>>>, {
+}>>> & Readonly<{}>, {
     text: string;
     testId: string;
     variant: FeedbackVariant;
     showIcon: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/shared/FieldHelpText.vue2.js

@@ -1,9 +1,9 @@
- import "../../FieldHelpText.vue_vue_type_style_index_0_scoped_c551c20f_lang.css"; import { defineComponent as l, computed as d, openBlock as i, createElementBlock as m, mergeProps as a, unref as e, createBlock as p, createCommentVNode as f, createVNode as u, withCtx as I, createTextVNode as h, toDisplayString as T } from "vue";
-import v from "../icon/v3/Icon.vue.js";
-import x from "../typography/v4/Typography.vue.js";
+ import "../../FieldHelpText.vue_vue_type_style_index_0_scoped_c551c20f_lang.css"; import { defineComponent as l, computed as p, openBlock as s, createElementBlock as d, mergeProps as a, unref as e, createBlock as m, createCommentVNode as f, createVNode as u, withCtx as I, createTextVNode as h, toDisplayString as v } from "vue";
+import T from "../icon/v3/Icon.vue.js";
+import g from "../typography/v4/Typography.vue.js";
 import { FieldHelpTextTestIdModifiers as o } from "../../testids/index.js";
-import { useTestIdAttrs as g } from "../../utils/testIds.js";
-const A = /* @__PURE__ */ l({
+import { useTestIdAttrs as N } from "../../utils/testIds.js";
+const _ = /* @__PURE__ */ l({
   __name: "FieldHelpText",
   props: {
     text: { default: "" },
@@ -11,27 +11,27 @@ const A = /* @__PURE__ */ l({
     testId: { default: "" },
     showIcon: { type: Boolean, default: !0 }
   },
-  setup(t) {
-    const n = t, s = d(() => {
-      const c = {
+  setup(i) {
+    const r = i, c = p(() => {
+      const t = {
         warning: "warning-v4",
         error: "warning-octagon",
         success: "check-circle"
       };
-      return n.variant ? c[n.variant] : "info-v4";
-    }), r = g(n.testId, o);
-    return (c, N) => (i(), m("div", a({
+      return r.variant ? t[r.variant] : "info-v4";
+    }), n = N(r.testId, o);
+    return (t, w) => (s(), d("div", a({
       class: ["field-help", [`field-help--${t.variant}`]]
-    }, e(r)[e(o).CONTAINER]), [
-      t.showIcon ? (i(), p(e(v), a({
+    }, e(n)[e(o).CONTAINER]), [
+      t.showIcon ? (s(), m(e(T), a({
         key: 0,
         class: "help-icon",
-        name: e(s),
+        name: c.value,
         "font-size": "sm"
-      }, e(r)[e(o).ICON]), null, 16, ["name"])) : f("", !0),
-      u(e(x), a({ variant: "caption" }, e(r)[e(o).TEXT]), {
+      }, e(n)[e(o).ICON]), null, 16, ["name"])) : f("", !0),
+      u(e(g), a({ variant: "caption" }, e(n)[e(o).TEXT]), {
         default: I(() => [
-          h(T(t.text), 1)
+          h(v(t.text), 1)
         ]),
         _: 1
       }, 16)
@@ -39,5 +39,5 @@ const A = /* @__PURE__ */ l({
   }
 });
 export {
-  A as default
+  _ as default
 };

package/components/shared/FieldLabel.vue.d.ts

@@ -1,11 +1,12 @@
-import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+import { TooltipTriggers } from '@/components/tooltip/common/Tooltip.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     description?: string;
     mandatory?: boolean;
     disabled?: boolean;
     hoverHelpText?: string;
-    hoverHelpTextPlacement?: TooltipPositions;
+    hoverHelpTextPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    helpTextIconTooltipTrigger?: TooltipTriggers[];
     testId?: string;
 }>, {
     label: string;
@@ -13,15 +14,17 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     mandatory: boolean;
     disabled: boolean;
-    hoverHelpText: string;
+    hoverHelpText: any;
     hoverHelpTextPlacement: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    helpTextIconTooltipTrigger: () => string[];
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     description?: string;
     mandatory?: boolean;
     disabled?: boolean;
     hoverHelpText?: string;
-    hoverHelpTextPlacement?: TooltipPositions;
+    hoverHelpTextPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    helpTextIconTooltipTrigger?: TooltipTriggers[];
     testId?: string;
 }>, {
     label: string;
@@ -29,16 +32,20 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     mandatory: boolean;
     disabled: boolean;
-    hoverHelpText: string;
+    hoverHelpText: any;
     hoverHelpTextPlacement: string;
-}>>>, {
+    helpTextIconTooltipTrigger: () => string[];
+}>>> & Readonly<{}>, {
     label: string;
     testId: string;
     disabled: boolean;
-    mandatory: boolean;
     description: string;
+    mandatory: boolean;
     hoverHelpText: string;
-    hoverHelpTextPlacement: TooltipPositions;
+    hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    helpTextIconTooltipTrigger: TooltipTriggers[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    "icon-tooltip-content"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -58,3 +65,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/shared/FieldLabel.vue.js

@@ -1,7 +1,7 @@
 import e from "./FieldLabel.vue2.js";
 /* empty css                 */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css"; //*');
-const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-96ee1c98"]]);
+// import "../../FieldLabel.vue_vue_type_style_index_0_scoped_921d4087_lang.css"; //*');
+const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-921d4087"]]);
 export {
-  c as default
+  d as default
 };

package/components/shared/FieldLabel.vue2.js

@@ -1,79 +1,92 @@
- import "../../FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css"; import { defineComponent as p, openBlock as o, createElementBlock as m, Fragment as T, createElementVNode as b, mergeProps as d, unref as e, createVNode as r, withCtx as i, createTextVNode as n, toDisplayString as f, createBlock as u, createCommentVNode as s } from "vue";
-import h from "../icon/v4/IconV4.vue.js";
+ import "../../FieldLabel.vue_vue_type_style_index_0_scoped_921d4087_lang.css"; import { defineComponent as k, useSlots as N, computed as n, openBlock as i, createElementBlock as T, Fragment as C, createElementVNode as A, mergeProps as r, unref as e, createVNode as d, withCtx as o, createTextVNode as p, toDisplayString as v, createBlock as b, createCommentVNode as c, createSlots as B, normalizeClass as H, renderSlot as S } from "vue";
+import x from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-import x from "../tooltip/v4/TooltipV4.vue.js";
-import c from "../typography/v4/Typography.vue.js";
-import { FieldLabelTestIdModifiers as a } from "../../testids/index.js";
-import { useTestIdAttrs as y } from "../../utils/testIds.js";
-const v = {
+import E from "../tooltip/v4/TooltipV4.vue.js";
+import u from "../typography/v4/Typography.vue.js";
+import { FieldLabelTestIdModifiers as l } from "../../testids/index.js";
+import { useTestIdAttrs as L } from "../../utils/testIds.js";
+const O = {
   key: 0,
   class: "description"
-}, O = /* @__PURE__ */ p({
+}, R = /* @__PURE__ */ k({
   __name: "FieldLabel",
   props: {
     label: { default: "" },
     description: { default: "" },
     mandatory: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
-    hoverHelpText: { default: "" },
+    hoverHelpText: { default: null },
     hoverHelpTextPlacement: { default: "top" },
+    helpTextIconTooltipTrigger: { default: () => ["hover"] },
     testId: { default: "" }
   },
-  setup(t) {
-    const l = y(t.testId, a);
-    return (N, g) => (o(), m(T, null, [
-      b("div", d({
+  setup(h) {
+    const s = h, g = N(), a = L(s.testId, l), m = n(() => !!g["icon-tooltip-content"]), I = n(
+      () => s.helpTextIconTooltipTrigger.includes("click")
+    ), y = n(
+      () => !!s.hoverHelpText || m.value
+    );
+    return (t, f) => (i(), T(C, null, [
+      A("div", r({
         class: ["field-label", {
           "field-label--disabled": t.disabled,
           "field-label--with-description": !!t.description
         }]
-      }, e(l)[e(a).CONTAINER]), [
-        r(e(c), d({
+      }, e(a)[e(l).CONTAINER]), [
+        d(e(u), r({
           class: "label",
           variant: "inputLabel"
-        }, e(l)[e(a).TEXT]), {
-          default: i(() => [
-            n(f(t.label), 1)
+        }, e(a)[e(l).TEXT]), {
+          default: o(() => [
+            p(v(t.label), 1)
           ]),
           _: 1
         }, 16),
-        t.mandatory ? (o(), u(e(c), d({
+        t.mandatory ? (i(), b(e(u), r({
           key: 0,
           variant: "h3",
           class: "mandatory"
-        }, e(l)[e(a).MANDATORY]), {
-          default: i(() => [
-            n("*")
-          ]),
+        }, e(a)[e(l).MANDATORY]), {
+          default: o(() => f[0] || (f[0] = [
+            p("*")
+          ])),
           _: 1
-        }, 16)) : s("", !0),
-        t.hoverHelpText ? (o(), u(e(x), d({
+        }, 16)) : c("", !0),
+        y.value ? (i(), b(e(E), r({
           key: 1,
-          triggers: ["hover"],
+          triggers: t.helpTextIconTooltipTrigger,
           text: t.hoverHelpText,
           placement: t.hoverHelpTextPlacement
-        }, e(l)[e(a).TOOLTIP], { "test-id": t.testId }), {
-          default: i(() => [
-            r(e(h), {
-              class: "info-icon",
+        }, e(a)[e(l).TOOLTIP], { "test-id": t.testId }), B({
+          default: o(() => [
+            d(e(x), {
+              class: H(["info-icon", { "clickable-icon": I.value }]),
               name: "question",
               size: "16px"
-            })
+            }, null, 8, ["class"])
           ]),
-          _: 1
-        }, 16, ["text", "placement", "test-id"])) : s("", !0)
+          _: 2
+        }, [
+          m.value ? {
+            name: "tooltip",
+            fn: o(() => [
+              S(t.$slots, "icon-tooltip-content", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["triggers", "text", "placement", "test-id"])) : c("", !0)
       ], 16),
-      t.description ? (o(), m("div", v, [
-        r(e(c), { variant: "body2" }, {
-          default: i(() => [
-            n(f(t.description), 1)
+      t.description ? (i(), T("div", O, [
+        d(e(u), { variant: "body2" }, {
+          default: o(() => [
+            p(v(t.description), 1)
           ]),
           _: 1
         })
-      ])) : s("", !0)
+      ])) : c("", !0)
     ], 64));
   }
 });
 export {
-  O as default
+  R as default
 };

package/components/shared/FieldMaxLength.vue.d.ts

@@ -1,19 +1,19 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     currentLength: number;
     maxLength?: number;
 }>, {
     currentLength: number;
     maxLength: number;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     currentLength: number;
     maxLength?: number;
 }>, {
     currentLength: number;
     maxLength: number;
-}>>>, {
+}>>> & Readonly<{}>, {
     currentLength: number;
     maxLength: number;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/shared/FieldMaxLength.vue2.js

@@ -1,18 +1,18 @@
- import "../../FieldMaxLength.vue_vue_type_style_index_0_scoped_47877984_lang.css"; import { defineComponent as n, openBlock as o, createElementBlock as c, createVNode as r, unref as d, withCtx as p, createTextVNode as t, toDisplayString as a, pushScopeId as i, popScopeId as s, createElementVNode as h } from "vue";
-import l from "../typography/v4/Typography.vue.js";
-const m = (e) => (i("data-v-47877984"), e = e(), s(), e), _ = { class: "max-length" }, u = /* @__PURE__ */ m(() => /* @__PURE__ */ h("span", { class: "max-length__divider" }, "/", -1)), v = /* @__PURE__ */ n({
+ import "../../FieldMaxLength.vue_vue_type_style_index_0_scoped_47877984_lang.css"; import { defineComponent as a, openBlock as o, createElementBlock as p, createVNode as i, unref as l, withCtx as s, createTextVNode as n, toDisplayString as r, createElementVNode as d } from "vue";
+import m from "../typography/v4/Typography.vue.js";
+const c = { class: "max-length" }, h = /* @__PURE__ */ a({
   __name: "FieldMaxLength",
   props: {
     currentLength: { default: 0 },
     maxLength: { default: 100 }
   },
-  setup(e) {
-    return (f, g) => (o(), c("div", _, [
-      r(d(l), { variant: "caption" }, {
-        default: p(() => [
-          t(a(e.currentLength) + " ", 1),
-          u,
-          t(" " + a(e.maxLength), 1)
+  setup(u) {
+    return (e, t) => (o(), p("div", c, [
+      i(l(m), { variant: "caption" }, {
+        default: s(() => [
+          n(r(e.currentLength) + " ", 1),
+          t[0] || (t[0] = d("span", { class: "max-length__divider" }, "/", -1)),
+          n(" " + r(e.maxLength), 1)
         ]),
         _: 1
       })
@@ -20,5 +20,5 @@ const m = (e) => (i("data-v-47877984"), e = e(), s(), e), _ = { class: "max-leng
   }
 });
 export {
-  v as default
+  h as default
 };

package/components/skeleton/v3/Skeleton.vue.d.ts

@@ -1,10 +1,10 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     round?: boolean;
     fill?: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     round?: boolean;
     fill?: boolean;
-}>>>, {}>, {
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/components/skeleton/v3/Skeleton.vue2.js

@@ -1,18 +1,18 @@
- import "../../../Skeleton.vue_vue_type_style_index_0_scoped_5ed40068_lang.css"; import { defineComponent as l, openBlock as n, createElementBlock as t, normalizeClass as r, renderSlot as a } from "vue";
-const i = /* @__PURE__ */ l({
+ import "../../../Skeleton.vue_vue_type_style_index_0_scoped_5ed40068_lang.css"; import { defineComponent as o, openBlock as l, createElementBlock as n, normalizeClass as r, renderSlot as t } from "vue";
+const d = /* @__PURE__ */ o({
   __name: "Skeleton",
   props: {
     round: { type: Boolean },
     fill: { type: Boolean }
   },
-  setup(e) {
-    return (o, s) => (n(), t("div", {
+  setup(a) {
+    return (e, s) => (l(), n("div", {
       class: r({ round: e.round, fill: e.fill })
     }, [
-      a(o.$slots, "default", {}, void 0, !0)
+      t(e.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
 export {
-  i as default
+  d as default
 };