@ironsource/shared-ui 2.2.0-test.4 → 2.2.0-test.6

package/components/icon/v4/IconV4.vue2.js

@@ -1,7 +1,7 @@
- import "../../../IconV4.vue_vue_type_style_index_0_scoped_dc433d48_lang.css"; import { defineComponent as S, useCssVars as w, unref as s, useSlots as C, computed as o, watch as _, openBlock as u, createElementBlock as f, normalizeClass as b, createCommentVNode as z, renderSlot as I } from "vue";
-import { useStorage as T } from "../../../composables/useStorage.js";
-import { ASSETS_BASE_URL as U } from "./consts.js";
-const V = ["innerHTML"], B = /* @__PURE__ */ S({
+ import "../../../IconV4.vue_vue_type_style_index_0_scoped_6683c5b5_lang.css"; import { defineComponent as w, useCssVars as C, unref as l, useSlots as b, computed as o, watch as _, openBlock as u, createElementBlock as f, normalizeClass as p, createCommentVNode as z, renderSlot as B } from "vue";
+import { useStorage as I } from "../../../composables/useStorage.js";
+import { ASSETS_BASE_URL as T } from "./consts.js";
+const U = ["innerHTML"], x = /* @__PURE__ */ w({
   __name: "IconV4",
   props: {
     type: { default: "regular" },
@@ -10,62 +10,63 @@ const V = ["innerHTML"], B = /* @__PURE__ */ S({
     size: { default: null },
     height: { default: null },
     width: { default: null },
-    platform: { default: null }
+    platform: { default: null },
+    circled: { type: Boolean, default: !1 }
   },
   setup(r) {
     const e = r;
-    w((t) => ({
-      "3d423be4": s(d),
-      "513646c9": s(m),
-      ad86ac0c: r.color
+    C((t) => ({
+      "9a94b0d2": l(m),
+      eb9f5d14: l(h),
+      "047031a6": r.color
     }));
-    const a = window.sharedUIRequestCache = window.sharedUIRequestCache || {}, p = C(), d = o(() => e.size || e.width), m = o(() => e.size || e.height), h = o(
+    const a = window.sharedUIRequestCache = window.sharedUIRequestCache || {}, d = b(), m = o(() => e.size || e.width), h = o(() => e.size || e.height), y = o(
       () => e.platform ? `${e.type}/${e.platform}` : e.type
-    ), y = o(() => {
+    ), g = o(() => {
       if (!e.name)
         return "";
       const t = e.name.split("/");
       return [e.name ? `icon-name--${t.at(-1)}` : ""];
     }), c = o(() => {
-      if (p.default)
+      if (d.default)
         return "";
       if (!e.name)
         return console.error("Please provided icon name"), "";
       const t = e.type === "regular" || e.type === "bold" || e.type === "fill" ? "ph/" : "v4/", n = e.type === "bold" || e.type === "fill" ? `-${e.type}` : "";
-      return `${U}/icons/${t}${h.value}/${e.name}${n}.svg`;
-    }), l = T(`icon-${e.type}--${e.name}`);
-    function g(t) {
+      return `${T}/icons/${t}${y.value}/${e.name}${n}.svg`;
+    }), s = I(`icon-${e.type}--${e.name}`);
+    function v(t) {
       return a[t] || (a[t] = fetch(t).then((n) => n.text()).finally(() => {
         delete a[t];
       }).catch((n) => {
         console.error(n);
       })), a[t];
     }
-    function v(t) {
+    function $(t) {
       return t.replace(
         /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
         ""
       );
     }
     function i() {
-      g(c.value).then((t) => {
-        typeof t == "string" && t.startsWith("<svg") && (l.value = t);
+      v(c.value).then((t) => {
+        typeof t == "string" && t.startsWith("<svg") && (s.value = t);
       });
     }
-    !l.value && c.value && i();
-    const $ = o(() => v(l.value ?? ""));
+    !s.value && c.value && i();
+    const S = o(() => $(s.value ?? ""));
     return _(() => e.name, i), (t, n) => (u(), f("span", {
-      class: b(["icon", s(y)])
+      class: p(["icon", l(g)])
     }, [
       t.$slots.default ? z("", !0) : (u(), f("span", {
         key: 0,
-        class: "icon-wrapper",
-        innerHTML: s($)
-      }, null, 8, V)),
-      I(t.$slots, "default", {}, void 0, !0)
+        class: p(["icon-wrapper", { "icon-wrapper--circled": r.circled }]),
+        innerHTML: l(S)
+      }, null, 10, U)),
+      B(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
 export {
-  B as default
+  x as default
 };

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

@@ -11,6 +11,7 @@ declare const IconTypes: () => ({
             height: string;
             width: string;
             platform: string;
+            circled: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: import("vue").PropType<string>;
@@ -40,7 +41,11 @@ declare const IconTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width" | "platform">;
+            circled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width" | "platform" | "circled">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -83,6 +88,10 @@ declare const IconTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            circled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             name: string;
             type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -91,6 +100,7 @@ declare const IconTypes: () => ({
             height: string;
             width: string;
             platform: string;
+            circled: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -140,6 +150,10 @@ declare const IconTypes: () => ({
             type: import("vue").PropType<string>;
             default: any;
         };
+        circled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -173,6 +187,10 @@ declare const IconTypes: () => ({
         type: import("vue").PropType<string>;
         default: any;
     };
+    circled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     name: string;
     type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -181,6 +199,7 @@ declare const IconTypes: () => ({
     height: string;
     width: string;
     platform: string;
+    circled: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/components/popover/v3/Popover.vue2.js

@@ -1 +1,38 @@
- import "../../../Popover.vue_vue_type_style_index_0_scoped_c607b770_lang.css";  import "../../../Popover.vue_vue_type_style_index_1_lang.css";  
+ import "../../../Popover.vue_vue_type_style_index_0_scoped_c607b770_lang.css";  import "../../../Popover.vue_vue_type_style_index_1_lang.css";  import { defineComponent as n, openBlock as i, createBlock as r, unref as l, withCtx as a, renderSlot as d } from "vue";
+import { Dropdown as s } from "floating-vue";
+const f = /* @__PURE__ */ n({
+  __name: "Popover",
+  props: {
+    open: { type: Boolean },
+    autoHide: { type: Boolean, default: !1 },
+    trigger: { default: "click" },
+    disabled: { type: Boolean, default: !1 },
+    placement: { default: "bottom-start" },
+    distance: { default: 0 },
+    skidding: { default: 0 },
+    testId: { default: "" }
+  },
+  setup(e) {
+    return (t, u) => (i(), r(l(s), {
+      theme: "custom-popover",
+      placement: e.placement,
+      shown: !!e.open,
+      triggers: e.trigger === "managed" ? [] : [e.trigger],
+      "auto-hide": e.autoHide,
+      distance: e.distance,
+      skidding: e.skidding,
+      "data-testid": e.testId
+    }, {
+      popper: a(({ hide: o }) => [
+        d(t.$slots, "content", { hide: o }, void 0, !0)
+      ]),
+      default: a(() => [
+        d(t.$slots, "trigger", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "data-testid"]));
+  }
+});
+export {
+  f as default
+};

package/components/radioButton/v3/RadioButton.vue2.js

@@ -1 +1,82 @@
- import "../../../RadioButton.vue_vue_type_style_index_0_scoped_dac25b9f_lang.css"; 
+ import "../../../RadioButton.vue_vue_type_style_index_0_scoped_dac25b9f_lang.css"; import { defineComponent as E, computed as I, openBlock as u, createElementBlock as C, normalizeClass as T, unref as e, createElementVNode as o, withDirectives as N, mergeProps as i, isRef as g, vModelRadio as w, renderSlot as z, createVNode as A, withCtx as m, createTextVNode as f, toDisplayString as c, createBlock as v, createCommentVNode as R } from "vue";
+import p from "../../typography/Text.vue.js";
+import { useRadio as D } from "../common/useRadio.js";
+import { RadioTestIdModifiers as r } from "../../../testids/index.js";
+import { useTestIdAttrs as L } from "../../../utils/testIds.js";
+const $ = { class: "wrapper" }, F = ["value", "name", "disabled"], U = /* @__PURE__ */ E({
+  __name: "RadioButton",
+  props: {
+    label: { default: "" },
+    name: { default: "" },
+    helperText: { default: "" },
+    errorText: { default: "" },
+    modelValue: { default: void 0 },
+    testId: { default: "" },
+    disabledButton: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: B }) {
+    const d = t, { radioRef: V, focus: x, disabled: h, modelValue: a, radioGroup: k } = D(
+      d,
+      B
+    ), s = L(d.testId, r), b = I(
+      () => h.value || d.disabledButton
+    );
+    return (y, l) => (u(), C("label", {
+      class: T(["radio-button", { "radio-button--disabled": e(b) }])
+    }, [
+      o("span", $, [
+        N(o("input", i({
+          ref_key: "radioRef",
+          ref: V,
+          "onUpdate:modelValue": l[0] || (l[0] = (n) => g(a) ? a.value = n : null),
+          value: t.label,
+          name: t.name || e(k)?.name,
+          type: "radio",
+          disabled: e(b)
+        }, e(s)[e(r).FIELD], {
+          onFocus: l[1] || (l[1] = (n) => x.value = !0),
+          onBlur: l[2] || (l[2] = (n) => x.value = !1)
+        }), null, 16, F), [
+          [w, e(a)]
+        ]),
+        o("span", {
+          class: T([{ "circle--selected": e(a) === t.label }, "circle"])
+        }, null, 2)
+      ]),
+      o("span", i({ class: "label" }, e(s)[e(r).LABEL]), [
+        z(y.$slots, "default", {}, () => [
+          A(p, { "is-truncated": "" }, {
+            default: m(() => [
+              f(c(t.label), 1)
+            ]),
+            _: 1
+          })
+        ], !0),
+        !t.errorText && t.helperText ? (u(), v(p, {
+          key: 0,
+          class: "helper-text--text helper-text",
+          size: "caption"
+        }, {
+          default: m(() => [
+            f(c(t.helperText), 1)
+          ]),
+          _: 1
+        })) : R("", !0),
+        t.errorText ? (u(), v(p, i({
+          key: 1,
+          size: "caption",
+          class: "helper-text--error helper-text"
+        }, e(s)[e(r).ERROR_TEXT]), {
+          default: m(() => [
+            f(c(t.errorText), 1)
+          ]),
+          _: 1
+        }, 16)) : R("", !0)
+      ], 16)
+    ], 2));
+  }
+});
+export {
+  U as default
+};

package/components/radioButton/v3/RadioGroup.vue2.js

@@ -1 +1,29 @@
- import "../../../RadioGroup.vue_vue_type_style_index_0_scoped_3071ef24_lang.css"; 
+ import "../../../RadioGroup.vue_vue_type_style_index_0_scoped_3071ef24_lang.css"; import { defineComponent as u, openBlock as n, createElementBlock as p, mergeProps as f, unref as r, renderSlot as i } from "vue";
+import { RadioTestIdModifiers as t } from "../../../testids/index.js";
+import { radioGroupCommon as m } from "../common/radioGroup.common.js";
+import { useTestIdAttrs as c } from "../../../utils/testIds.js";
+const _ = /* @__PURE__ */ u({
+  __name: "RadioGroup",
+  props: {
+    name: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    modelValue: null,
+    row: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: a }) {
+    const o = e, d = c(o.testId, t), { radioGroupRef: s } = m(o, a);
+    return (l, g) => (n(), p("div", f({
+      ref_key: "radioGroupRef",
+      ref: s,
+      class: [{ "radio-group--row": e.row }, "radio-group"],
+      role: "radiogroup"
+    }, r(d)[r(t).GROUP]), [
+      i(l.$slots, "default", {}, void 0, !0)
+    ], 16));
+  }
+});
+export {
+  _ as default
+};

package/components/radioButton/v4/RadioButtonV4.vue2.js

@@ -1 +1,80 @@
- import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_4f3c7037_lang.css"; 
+ import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_4f3c7037_lang.css"; import { defineComponent as R, ref as g, inject as k, computed as c, openBlock as b, createElementBlock as B, normalizeClass as v, unref as e, createElementVNode as l, withDirectives as w, mergeProps as m, isRef as C, vModelRadio as L, renderSlot as N, createVNode as T, withCtx as V, createTextVNode as h, toDisplayString as y, createBlock as A, createCommentVNode as x } from "vue";
+import I from "../../typography/v4/Typography.vue.js";
+import { radioGroupKey as G } from "../common/useRadio.js";
+import { RadioTestIdModifiers as r } from "../../../testids/index.js";
+import { useTestIdAttrs as S } from "../../../utils/testIds.js";
+const M = { class: "wrapper-with-description" }, P = { class: "wrapper" }, j = ["value", "name", "disabled"], _ = /* @__PURE__ */ R({
+  __name: "RadioButtonV4",
+  props: {
+    value: null,
+    label: { default: "" },
+    name: { default: "" },
+    modelValue: { default: void 0 },
+    testId: { default: "" },
+    labelDescription: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: D }) {
+    const o = t, n = S(o.testId, r), u = g(), a = k(G, void 0), p = c(() => !!a), d = c(() => a?.disabled), s = c({
+      get() {
+        return p.value ? a?.modelValue : o.modelValue;
+      },
+      set(i) {
+        p.value ? a?.changeEvent(i) : D("update:modelValue", i), u.value && (u.value.checked = o.modelValue === o.value);
+      }
+    });
+    return (i, f) => (b(), B("label", {
+      class: v(["radio-button", { "radio-button--disabled": e(d) }])
+    }, [
+      l("span", M, [
+        l("span", P, [
+          w(l("input", m({
+            ref_key: "radioRef",
+            ref: u,
+            "onUpdate:modelValue": f[0] || (f[0] = (E) => C(s) ? s.value = E : null),
+            value: t.value,
+            name: t.name || e(a)?.name,
+            type: "radio",
+            disabled: e(d)
+          }, e(n)[e(r).FIELD]), null, 16, j), [
+            [L, e(s)]
+          ]),
+          l("span", {
+            class: v(["circle", {
+              "circle--selected": e(s) === t.value,
+              "circle--disabled": e(d)
+            }])
+          }, null, 2)
+        ]),
+        l("span", m({
+          class: ["label", { "label--disabled": e(d) }]
+        }, e(n)[e(r).LABEL]), [
+          N(i.$slots, "default", {}, () => [
+            T(e(I), {
+              variant: "body2",
+              "is-truncated": ""
+            }, {
+              default: V(() => [
+                h(y(t.label), 1)
+              ]),
+              _: 1
+            })
+          ], !0)
+        ], 16)
+      ]),
+      t.labelDescription ? (b(), A(e(I), m({
+        key: 0,
+        variant: "body2",
+        class: "label-description"
+      }, e(n)[e(r).LABEL_DESCRIPTION]), {
+        default: V(() => [
+          h(y(t.labelDescription), 1)
+        ]),
+        _: 1
+      }, 16)) : x("", !0)
+    ], 2));
+  }
+});
+export {
+  _ as default
+};

package/components/radioButton/v4/RadioGroupV4.vue2.js

@@ -1 +1,29 @@
- import "../../../RadioGroupV4.vue_vue_type_style_index_0_scoped_f8e8cbab_lang.css"; 
+ import "../../../RadioGroupV4.vue_vue_type_style_index_0_scoped_f8e8cbab_lang.css"; import { defineComponent as u, openBlock as n, createElementBlock as p, mergeProps as f, unref as r, renderSlot as i } from "vue";
+import { RadioTestIdModifiers as t } from "../../../testids/index.js";
+import { radioGroupCommon as m } from "../common/radioGroup.common.js";
+import { useTestIdAttrs as c } from "../../../utils/testIds.js";
+const _ = /* @__PURE__ */ u({
+  __name: "RadioGroupV4",
+  props: {
+    name: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    modelValue: null,
+    row: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: a }) {
+    const o = e, d = c(o.testId, t), { radioGroupRef: s } = m(o, a);
+    return (l, g) => (n(), p("div", f({
+      ref_key: "radioGroupRef",
+      ref: s,
+      class: [{ "radio-group--row": e.row }, "radio-group"],
+      role: "radiogroup"
+    }, r(d)[r(t).GROUP]), [
+      i(l.$slots, "default", {}, void 0, !0)
+    ], 16));
+  }
+});
+export {
+  _ as default
+};

package/components/switch/v4/SwitchV4.vue.d.ts

@@ -7,12 +7,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     iconKey?: string;
     tooltipTextKey?: string;
     tooltipPlacement?: TooltipPositions;
+    iconSize?: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
 }>, {
     testId: string;
     variant: string;
     iconKey: string;
     tooltipTextKey: string;
     tooltipPlacement: string;
+    iconSize: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -23,18 +25,21 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     iconKey?: string;
     tooltipTextKey?: string;
     tooltipPlacement?: TooltipPositions;
+    iconSize?: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
 }>, {
     testId: string;
     variant: string;
     iconKey: string;
     tooltipTextKey: string;
     tooltipPlacement: string;
+    iconSize: string;
 }>>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
     testId: string;
     variant: 'primary' | 'default';
     tooltipPlacement: TooltipPositions;
+    iconSize: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
     iconKey: string;
     tooltipTextKey: string;
 }>;

package/components/switch/v4/SwitchV4.vue.js

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

package/components/switch/v4/SwitchV4.vue2.js

@@ -1,12 +1,12 @@
- import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_0a80c49f_lang.css"; import { defineComponent as T, ref as h, onMounted as k, openBlock as c, createElementBlock as r, normalizeClass as m, unref as a, Fragment as x, renderList as V, createBlock as w, withCtx as y, createVNode as C } from "vue";
+ import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_b71a806e_lang.css"; import { defineComponent as T, ref as h, onMounted as k, openBlock as c, createElementBlock as u, normalizeClass as m, unref as a, Fragment as x, renderList as V, createBlock as w, withCtx as y, createVNode as C } from "vue";
 import { useVModel as I } from "@vueuse/core";
-import { SwitchTestIdModifiers as u } from "../../../testids/index.js";
+import { SwitchTestIdModifiers as r } from "../../../testids/index.js";
 import "../../button/v4/ButtonV4.vue.js";
 import $ from "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
-import B from "../../tooltip/v4/TooltipV4.vue.js";
-const K = ["data-testid"], A = /* @__PURE__ */ T({
+import z from "../../tooltip/v4/TooltipV4.vue.js";
+const B = ["data-testid"], A = /* @__PURE__ */ T({
   __name: "SwitchV4",
   props: {
     options: null,
@@ -15,7 +15,8 @@ const K = ["data-testid"], A = /* @__PURE__ */ T({
     testId: { default: "" },
     iconKey: { default: "icon" },
     tooltipTextKey: { default: "tooltipText" },
-    tooltipPlacement: { default: "top" }
+    tooltipPlacement: { default: "top" },
+    iconSize: { default: "small" }
   },
   emits: ["update:modelValue"],
   setup(t, { emit: f }) {
@@ -28,11 +29,11 @@ const K = ["data-testid"], A = /* @__PURE__ */ T({
     const v = (e, s) => {
       n.value = s, p.value = e;
     };
-    return (e, s) => (c(), r("div", {
+    return (e, s) => (c(), u("div", {
       class: m(["switch", [`switch--variant-${t.variant}`]]),
-      "data-testid": `${t.testId}-${a(u).WRAPPER}`
+      "data-testid": `${t.testId}-${a(r).WRAPPER}`
     }, [
-      (c(!0), r(x, null, V(t.options, (o, l) => (c(), w(a(B), {
+      (c(!0), u(x, null, V(t.options, (o, l) => (c(), w(a(z), {
         key: l,
         text: o[t.tooltipTextKey],
         disabled: !o[t.tooltipTextKey],
@@ -43,15 +44,15 @@ const K = ["data-testid"], A = /* @__PURE__ */ T({
           C(a($), {
             class: m(["option", { "option--selected": d(l) }]),
             "icon-name": o[t.iconKey],
-            size: "small",
+            size: t.iconSize,
             color: d(l) ? t.variant : "default",
-            "data-testid": `${t.testId}-${a(u).BUTTON}`,
-            onClick: (P) => v(o, l)
-          }, null, 8, ["class", "icon-name", "color", "data-testid", "onClick"])
+            "data-testid": `${t.testId}-${a(r).BUTTON}`,
+            onClick: (K) => v(o, l)
+          }, null, 8, ["class", "icon-name", "size", "color", "data-testid", "onClick"])
         ]),
         _: 2
       }, 1032, ["text", "disabled", "placement"]))), 128))
-    ], 10, K));
+    ], 10, B));
   }
 });
 export {

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

@@ -16,6 +16,10 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<unknown>;
         required: true;
     };
+    iconSize: {
+        type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
+        default: string;
+    };
     options: {
         type: import("vue").PropType<unknown[]>;
         required: true;
@@ -48,6 +52,10 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<unknown>;
         required: true;
     };
+    iconSize: {
+        type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
+        default: string;
+    };
     options: {
         type: import("vue").PropType<unknown[]>;
         required: true;
@@ -66,6 +74,7 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
     testId: string;
     variant: "default" | "primary";
     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";
+    iconSize: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
     iconKey: string;
     tooltipTextKey: string;
 }>[];

package/components/table/v4/DataGrid.vue.d.ts

@@ -77,6 +77,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     selectAll: (value: boolean) => void;
     selectRow: (value: boolean) => void;
     clickRow: (rowIndex: number) => void;
+    columnHover: (column: Column) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     columns: Column[];
@@ -153,6 +154,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onOnClearSearch?: () => any;
     onClickRow?: (rowIndex: number) => any;
     onSelectRow?: (value: boolean) => any;
+    onColumnHover?: (column: Column) => any;
 }, {
     sort: Sort;
     title: string;

package/components/table/v4/DataGrid.vue.js

@@ -1,7 +1,7 @@
 import o from "./DataGrid.vue2.js";
-/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_3673e156_lang.css"; //*');
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3673e156"]]);
+/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0967498f_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0967498f"]]);
 export {
   a as default
 };