@ironsource/shared-ui 2.2.0-rc.1 → 2.2.0-test.1

package/components/checkbox/v4/icons/IndeterminateState.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as o, openBlock as r, createElementBlock as l, createElementVNode as t, unref as n } from "vue";
+import { defineComponent as o, openBlock as r, createElementBlock as n, createElementVNode as t, unref as l } from "vue";
 import { darkerColor as i } from "../../../../utils/color.js";
 const c = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 16",
   fill: "none"
-}, s = ["fill"], d = ["stroke"], h = /* @__PURE__ */ t("line", {
+}, s = ["fill"], a = ["stroke"], d = /* @__PURE__ */ t("line", {
   x1: "4.75",
   y1: "8.25",
   x2: "11.25",
@@ -18,14 +18,14 @@ const c = {
     color: { default: null }
   },
   setup(e) {
-    return (a, m) => (r(), l("svg", c, [
+    return (h, m) => (r(), n("svg", c, [
       t("rect", {
         x: "0.5",
         y: "0.5",
         width: "15",
         height: "15",
         rx: "3.5",
-        fill: e.color || "#0091FF"
+        fill: e.color || "var(--primary-main)"
       }, null, 8, s),
       t("rect", {
         x: "0.5",
@@ -33,9 +33,9 @@ const c = {
         width: "15",
         height: "15",
         rx: "3.5",
-        stroke: e.color ? n(i)(e.color) : "#0880EA"
-      }, null, 8, d),
-      h
+        stroke: e.color ? l(i)(e.color) : "var(--primary-dark)"
+      }, null, 8, a),
+      d
     ]));
   }
 });

package/components/checkbox/v4/icons/UncheckedState.vue.js

@@ -1,32 +1,31 @@
-import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
-import c from "../../../../_virtual/_plugin-vue_export-helper.js";
-const r = {}, n = {
+import { openBlock as t, createElementBlock as o, createElementVNode as e } from "vue";
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const n = {}, c = {
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, l = /* @__PURE__ */ t("rect", {
+}, s = /* @__PURE__ */ e("rect", {
   x: "0.5",
   y: "0.5",
   width: "15",
   height: "15",
   rx: "3.5",
-  fill: "black",
-  "fill-opacity": "0.05"
-}, null, -1), s = /* @__PURE__ */ t("rect", {
+  fill: "var(--background-inset)"
+}, null, -1), i = /* @__PURE__ */ e("rect", {
   x: "0.5",
   y: "0.5",
   width: "15",
   height: "15",
   rx: "3.5",
   stroke: "currentColor"
-}, null, -1), i = [
-  l,
-  s
+}, null, -1), _ = [
+  s,
+  i
 ];
-function _(h, d) {
-  return e(), o("svg", n, i);
+function l(h, d) {
+  return t(), o("svg", c, _);
 }
-const x = /* @__PURE__ */ c(r, [["render", _]]);
+const x = /* @__PURE__ */ r(n, [["render", l]]);
 export {
   x as default
 };

package/components/chip/v4/ChipV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./ChipV4.vue2.js";
-/* empty css             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ChipV4.vue_vue_type_style_index_0_scoped_a4d3a12e_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a4d3a12e"]]);
+/* empty css             */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ChipV4.vue_vue_type_style_index_0_scoped_a221c649_lang.css"; //*');
+const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-a221c649"]]);
 export {
   t as default
 };

package/components/chip/v4/ChipV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../ChipV4.vue_vue_type_style_index_0_scoped_a4d3a12e_lang.css"; import { defineComponent as i, openBlock as o, createElementBlock as d, mergeProps as s, unref as t, renderSlot as c, createVNode as f, withCtx as n, createTextVNode as p, toDisplayString as u } from "vue";
+ import "../../../ChipV4.vue_vue_type_style_index_0_scoped_a221c649_lang.css"; import { defineComponent as i, openBlock as o, createElementBlock as d, mergeProps as s, unref as t, renderSlot as c, createVNode as f, withCtx as n, createTextVNode as p, toDisplayString as u } from "vue";
 import { ChipTestIdModifiers as a } from "../../../testids/index.js";
 import { useTestIdAttrs as m } from "../../../utils/testIds.js";
 import h from "../../typography/v4/Typography.vue.js";

package/components/columnPicker/ColumnPicker.vue.js

@@ -1,7 +1,7 @@
 import o from "./ColumnPicker.vue2.js";
 /* empty css                   */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ColumnPicker.vue_vue_type_style_index_0_scoped_ea8c7024_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ea8c7024"]]);
+// import "../../ColumnPicker.vue_vue_type_style_index_0_scoped_01c4e08f_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-01c4e08f"]]);
 export {
   t as default
 };

package/components/columnPicker/ColumnPicker.vue2.js

@@ -1,4 +1,4 @@
- import "../../ColumnPicker.vue_vue_type_style_index_0_scoped_ea8c7024_lang.css"; import { defineComponent as ie, ref as K, watch as ne, computed as c, provide as se, openBlock as d, createElementBlock as m, Fragment as S, renderSlot as oe, createVNode as r, unref as s, withCtx as p, createElementVNode as u, mergeProps as ae, renderList as R, withModifiers as U, createTextVNode as k, toDisplayString as V, withDirectives as de, createBlock as W, vShow as re, createCommentVNode as q, isRef as ue } from "vue";
+ import "../../ColumnPicker.vue_vue_type_style_index_0_scoped_01c4e08f_lang.css"; import { defineComponent as ie, ref as K, watch as ne, computed as c, provide as se, openBlock as d, createElementBlock as m, Fragment as S, renderSlot as oe, createVNode as r, unref as s, withCtx as p, createElementVNode as u, mergeProps as ae, renderList as R, withModifiers as U, createTextVNode as k, toDisplayString as V, withDirectives as de, createBlock as W, vShow as re, createCommentVNode as q, isRef as ue } from "vue";
 import ce from "./OptionChip.vue.js";
 import "../dropdown/v4/DropdownV4.vue.js";
 import "../dropdown/v4/DefaultDropdownTrigger.vue.js";

package/components/dialog/v4/DialogV4.vue.js

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

package/components/dialog/v4/DialogV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../DialogV4.vue_vue_type_style_index_0_scoped_cc99f1e3_lang.css"; import { defineComponent as k, openBlock as l, createBlock as s, Teleport as T, createVNode as L, Transition as D, withCtx as d, unref as t, createElementBlock as C, createElementVNode as g, mergeProps as B, renderSlot as b, createCommentVNode as u, createTextVNode as O, toDisplayString as p } from "vue";
+ import "../../../DialogV4.vue_vue_type_style_index_0_scoped_a6710278_lang.css"; import { defineComponent as k, openBlock as l, createBlock as s, Teleport as T, createVNode as L, Transition as D, withCtx as d, unref as t, createElementBlock as C, createElementVNode as g, mergeProps as B, renderSlot as b, createCommentVNode as u, createTextVNode as O, toDisplayString as p } from "vue";
 import { NOOP as I } from "@vue/shared";
 import N from "../../typography/v4/Typography.vue.js";
 import { Reason as v } from "../common/Reason.js";

package/components/dropdown/v4/AppDropdownTrigger.vue.js

@@ -1,7 +1,7 @@
 import o from "./AppDropdownTrigger.vue2.js";
 /* empty css                         */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_858cefbf_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-858cefbf"]]);
+// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c3062e84_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c3062e84"]]);
 export {
   s as default
 };

package/components/dropdown/v4/AppDropdownTrigger.vue2.js

@@ -1,4 +1,4 @@
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_858cefbf_lang.css"; import { defineComponent as B, computed as y, ref as O, watch as w, nextTick as z, openBlock as a, createElementBlock as i, normalizeClass as N, createElementVNode as d, mergeProps as C, unref as t, renderSlot as f, createCommentVNode as c, createVNode as s, withCtx as m, toDisplayString as S } from "vue";
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c3062e84_lang.css"; import { defineComponent as B, computed as y, ref as O, watch as w, nextTick as z, openBlock as a, createElementBlock as i, normalizeClass as N, createElementVNode as d, mergeProps as C, unref as t, renderSlot as f, createCommentVNode as c, createVNode as s, withCtx as m, toDisplayString as S } from "vue";
 import r from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import D from "../../typography/v4/Typography.vue.js";

package/components/dropdown/v4/DefaultDropdownTrigger.vue.js

@@ -1,7 +1,7 @@
 import o from "./DefaultDropdownTrigger.vue2.js";
 /* empty css                             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_3bc0f416_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3bc0f416"]]);
+// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_a6900fa6_lang.css"; //*');
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a6900fa6"]]);
 export {
-  p as default
+  a as default
 };

package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js

@@ -1,4 +1,4 @@
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_3bc0f416_lang.css"; import { defineComponent as I, computed as f, openBlock as o, createElementBlock as d, createBlock as T, createCommentVNode as n, createElementVNode as p, mergeProps as y, unref as l, renderSlot as r, createVNode as s, withCtx as g, createTextVNode as x, toDisplayString as B } from "vue";
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_a6900fa6_lang.css"; import { defineComponent as I, computed as f, openBlock as o, createElementBlock as d, createBlock as T, createCommentVNode as n, createElementVNode as p, mergeProps as y, unref as l, renderSlot as r, createVNode as s, withCtx as g, createTextVNode as x, toDisplayString as B } from "vue";
 import w from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as c } from "../../../testids/index.js";
 import m from "../../icon/v4/IconV4.vue.js";

package/components/dropdown/v4/DropdownV4.vue.js

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
-/* empty css                 *//* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_445ebb01_lang.css"; //*');
+/* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_526bf0a1_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-445ebb01"]]);
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-526bf0a1"]]);
 export {
   r as default
 };

package/components/dropdown/v4/DropdownV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_445ebb01_lang.css";  import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as he, computed as L, watch as ke, toRaw as S, openBlock as a, createElementBlock as s, mergeProps as m, unref as t, renderSlot as u, createElementVNode as f, createVNode as d, withCtx as c, Transition as we, normalizeClass as B, normalizeStyle as be, createTextVNode as k, createCommentVNode as r, isRef as Ie, toDisplayString as q, withModifiers as j, Fragment as Se, renderList as ve, createSlots as Ce, createBlock as F, resolveDynamicComponent as Ke } from "vue";
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_526bf0a1_lang.css";  import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as he, computed as L, watch as ke, toRaw as S, openBlock as a, createElementBlock as s, mergeProps as m, unref as t, renderSlot as u, createElementVNode as f, createVNode as d, withCtx as c, Transition as we, normalizeClass as B, normalizeStyle as be, createTextVNode as k, createCommentVNode as r, isRef as Ie, toDisplayString as q, withModifiers as j, Fragment as Se, renderList as ve, createSlots as Ce, createBlock as F, resolveDynamicComponent as Ke } from "vue";
 import P from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
@@ -419,7 +419,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
                             ref: ce,
                             size: "small",
                             variant: "outlined",
-                            color: "primary"
+                            color: "default"
                           },
                           t(g)[t(p).ACTION_CANCEL],
                           { onClick: t(ae) }

package/components/dropdown/v4/GroupOption.vue.js

@@ -1,7 +1,7 @@
 import o from "./GroupOption.vue2.js";
-/* empty css                  */import p from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../GroupOption.vue_vue_type_style_index_0_scoped_5f372a81_lang.css"; //*');
-const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-5f372a81"]]);
+/* empty css                  */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../GroupOption.vue_vue_type_style_index_0_scoped_1e5170b3_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-1e5170b3"]]);
 export {
   s as default
 };

package/components/dropdown/v4/GroupOption.vue2.js

@@ -1,4 +1,4 @@
- import "../../../GroupOption.vue_vue_type_style_index_0_scoped_5f372a81_lang.css"; import { defineComponent as i, ref as l, openBlock as f, createElementBlock as s, withModifiers as a, unref as o, createVNode as u, withCtx as m, renderSlot as d } from "vue";
+ import "../../../GroupOption.vue_vue_type_style_index_0_scoped_1e5170b3_lang.css"; import { defineComponent as i, ref as l, openBlock as f, createElementBlock as s, withModifiers as a, unref as o, createVNode as u, withCtx as m, renderSlot as d } from "vue";
 import { NOOP as r } from "@vue/shared";
 import c from "../../typography/v4/Typography.vue.js";
 const y = /* @__PURE__ */ i({

package/components/helpText/HelpText.vue.d.ts

@@ -0,0 +1,68 @@
+import { TooltipTriggers } from '@/components/tooltip/common/Tooltip.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    variant?: "caption" | "h5" | "body1" | "body2";
+    color?: "default" | "primary" | "secondary";
+    disabled?: boolean;
+    testId?: string;
+    tooltipDisabled?: boolean;
+    tooltipTriggers?: TooltipTriggers[];
+    tooltipPlacement?: "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";
+}>, {
+    variant: string;
+    color: string;
+    disabled: boolean;
+    testId: string;
+    tooltipDisabled: boolean;
+    tooltipTriggers: () => string[];
+    tooltipPlacement: 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<{
+    variant?: "caption" | "h5" | "body1" | "body2";
+    color?: "default" | "primary" | "secondary";
+    disabled?: boolean;
+    testId?: string;
+    tooltipDisabled?: boolean;
+    tooltipTriggers?: TooltipTriggers[];
+    tooltipPlacement?: "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";
+}>, {
+    variant: string;
+    color: string;
+    disabled: boolean;
+    testId: string;
+    tooltipDisabled: boolean;
+    tooltipTriggers: () => string[];
+    tooltipPlacement: string;
+}>>>, {
+    testId: string;
+    variant: "caption" | "h5" | "body1" | "body2";
+    tooltipPlacement: "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";
+    disabled: boolean;
+    color: "default" | "primary" | "secondary";
+    tooltipDisabled: boolean;
+    tooltipTriggers: TooltipTriggers[];
+}>, {
+    default?(_: {}): any;
+    tooltip?(_: {}): any;
+}>;
+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];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/helpText/HelpText.vue.js

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

package/components/helpText/HelpText.vue2.js

@@ -0,0 +1,45 @@
+ import "../../HelpText.vue_vue_type_style_index_0_scoped_641c2356_lang.css"; import { defineComponent as s, openBlock as n, createBlock as p, unref as e, mergeProps as d, withCtx as l, renderSlot as i, createVNode as f } from "vue";
+import u from "../typography/v4/Typography.vue.js";
+import m from "../tooltip/v4/TooltipV4.vue.js";
+import { useTestIdAttrs as c } from "../../utils/testIds.js";
+import { HelpTextTestIdModifiers as a } from "../../testids/index.js";
+const y = /* @__PURE__ */ s({
+  __name: "HelpText",
+  props: {
+    variant: { default: "body1" },
+    color: { default: "default" },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" },
+    tooltipDisabled: { type: Boolean, default: !1 },
+    tooltipTriggers: { default: () => ["hover"] },
+    tooltipPlacement: { default: "auto" }
+  },
+  setup(t) {
+    const r = c(t.testId, a);
+    return (o, g) => (n(), p(e(m), d({
+      class: ["help-text", [`help-text--${t.color}`, { "help-text--disabled": t.disabled }]],
+      disabled: !o.$slots.tooltip || t.tooltipDisabled,
+      triggers: t.tooltipTriggers,
+      placement: t.tooltipPlacement
+    }, e(r)[e(a).TOOLTIP]), {
+      tooltip: l(() => [
+        i(o.$slots, "tooltip", {}, void 0, !0)
+      ]),
+      default: l(() => [
+        f(e(u), d(e(r)[e(a).TEXT], {
+          class: "underlined",
+          variant: t.variant
+        }), {
+          default: l(() => [
+            i(o.$slots, "default", {}, void 0, !0)
+          ]),
+          _: 3
+        }, 16, ["variant"])
+      ]),
+      _: 3
+    }, 16, ["class", "disabled", "triggers", "placement"]));
+  }
+});
+export {
+  y as default
+};

package/components/helpText/index.d.ts

@@ -0,0 +1,190 @@
+declare const HelpTextTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            testId: string;
+            variant: "caption" | "h5" | "body1" | "body2";
+            tooltipPlacement: "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";
+            disabled: boolean;
+            color: "default" | "primary" | "secondary";
+            tooltipDisabled: boolean;
+            tooltipTriggers: import("../tooltip/common/Tooltip.types").TooltipTriggers[];
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"caption" | "h5" | "body1" | "body2">;
+                default: string;
+            };
+            tooltipPlacement: {
+                type: import("vue").PropType<"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">;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            color: {
+                type: import("vue").PropType<"default" | "primary" | "secondary">;
+                default: string;
+            };
+            tooltipDisabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipTriggers: {
+                type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+                default: () => string[];
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "tooltipPlacement" | "disabled" | "color" | "tooltipDisabled" | "tooltipTriggers">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"caption" | "h5" | "body1" | "body2">;
+                default: string;
+            };
+            tooltipPlacement: {
+                type: import("vue").PropType<"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">;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            color: {
+                type: import("vue").PropType<"default" | "primary" | "secondary">;
+                default: string;
+            };
+            tooltipDisabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipTriggers: {
+                type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+                default: () => string[];
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            testId: string;
+            variant: "caption" | "h5" | "body1" | "body2";
+            tooltipPlacement: "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";
+            disabled: boolean;
+            color: "default" | "primary" | "secondary";
+            tooltipDisabled: boolean;
+            tooltipTriggers: import("../tooltip/common/Tooltip.types").TooltipTriggers[];
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $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<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"caption" | "h5" | "body1" | "body2">;
+            default: string;
+        };
+        tooltipPlacement: {
+            type: import("vue").PropType<"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">;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        color: {
+            type: import("vue").PropType<"default" | "primary" | "secondary">;
+            default: string;
+        };
+        tooltipDisabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tooltipTriggers: {
+            type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+            default: () => string[];
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    variant: {
+        type: import("vue").PropType<"caption" | "h5" | "body1" | "body2">;
+        default: string;
+    };
+    tooltipPlacement: {
+        type: import("vue").PropType<"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">;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    color: {
+        type: import("vue").PropType<"default" | "primary" | "secondary">;
+        default: string;
+    };
+    tooltipDisabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    tooltipTriggers: {
+        type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+        default: () => string[];
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    testId: string;
+    variant: "caption" | "h5" | "body1" | "body2";
+    tooltipPlacement: "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";
+    disabled: boolean;
+    color: "default" | "primary" | "secondary";
+    tooltipDisabled: boolean;
+    tooltipTriggers: import("../tooltip/common/Tooltip.types").TooltipTriggers[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+        tooltip?(_: {}): any;
+    };
+}))[];
+export { default as HelpText } from './HelpText.vue';
+export { HelpTextTypes };

package/components/helpText/index.js

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

package/components/input/v4/TextField.vue.js

@@ -1,7 +1,7 @@
 import e from "./TextField.vue2.js";
 /* empty css                */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TextField.vue_vue_type_style_index_0_scoped_3b7a3661_lang.css"; //*');
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-3b7a3661"]]);
+// import "../../../TextField.vue_vue_type_style_index_0_scoped_28fab783_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-28fab783"]]);
 export {
   p as default
 };

package/components/input/v4/TextField.vue2.js

@@ -1,4 +1,4 @@
- import "../../../TextField.vue_vue_type_style_index_0_scoped_3b7a3661_lang.css"; import { defineComponent as te, computed as i, ref as le, openBlock as l, createElementBlock as s, mergeProps as d, unref as e, createBlock as f, createCommentVNode as n, createVNode as x, withCtx as b, createElementVNode as V, normalizeClass as F, renderSlot as z, createTextVNode as N, toDisplayString as $, withKeys as ae, withModifiers as D, normalizeProps as H } from "vue";
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_28fab783_lang.css"; import { defineComponent as te, computed as i, ref as le, openBlock as l, createElementBlock as s, mergeProps as d, unref as e, createBlock as f, createCommentVNode as n, createVNode as x, withCtx as b, createElementVNode as V, normalizeClass as F, renderSlot as z, createTextVNode as N, toDisplayString as $, withKeys as ae, withModifiers as D, normalizeProps as H } from "vue";
 import h from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import R from "../../tooltip/v4/TooltipV4.vue.js";

package/components/link/Link.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     href?: string;
     disabled?: boolean;
     color?: "default" | "primary";
-    variant?: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    variant?: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
     iconName?: string;
     iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     iconPosition?: "end" | "start";
@@ -30,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     href?: string;
     disabled?: boolean;
     color?: "default" | "primary";
-    variant?: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    variant?: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
     iconName?: string;
     iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     iconPosition?: "end" | "start";
@@ -56,7 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onClick?: () => any;
 }, {
     testId: string;
-    variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    variant: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
     withTooltip: boolean;
     tooltipText: string;
     isTruncated: boolean;

package/components/link/Link.vue.js

@@ -1,7 +1,7 @@
-import o from "./Link.vue2.js";
-/* empty css           */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Link.vue_vue_type_style_index_0_scoped_1a766750_lang.css"; //*');
-const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-1a766750"]]);
+import e from "./Link.vue2.js";
+/* empty css           */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Link.vue_vue_type_style_index_0_scoped_fe0e7f6f_lang.css"; //*');
+const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-fe0e7f6f"]]);
 export {
-  p as default
+  t as default
 };