@ironsource/shared-ui 2.2.0-rc.42 → 2.2.0-rc.48

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_28fab783_lang.css"; //*');
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-28fab783"]]);
+// import "../../../TextField.vue_vue_type_style_index_0_scoped_f4275491_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f4275491"]]);
 export {
   p as default
 };

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

@@ -1,4 +1,4 @@
- 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 "../../../TextField.vue_vue_type_style_index_0_scoped_f4275491_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 v, 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";
@@ -16,16 +16,16 @@ const de = {
 }, ue = ["maxlength", "value", "placeholder", "disabled", "type", "step"], fe = ["onClick"], ce = {
   key: 5,
   class: "inline-error"
-}, me = {
+}, me = ["aria-label"], ye = {
   key: 8,
   class: "loading-indicator"
-}, ye = {
+}, xe = {
   key: 9,
   class: "icon-container icon-after"
-}, xe = {
+}, he = {
   inheritAttrs: !1
-}, Pe = /* @__PURE__ */ te({
-  ...xe,
+}, Ae = /* @__PURE__ */ te({
+  ...he,
   __name: "TextField",
   props: {
     modelValue: { default: "" },
@@ -57,6 +57,7 @@ const de = {
     inlineErrorText: { default: "" },
     inlineErrorTextPlacement: { default: "top" },
     clearable: { type: Boolean, default: !1 },
+    clearLabel: { default: "Clear input" },
     loading: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "apply", "clear"],
@@ -93,7 +94,7 @@ const de = {
       () => a.showApply || r?.confirmable && r?.withIcons && !r?.error?.value
     ), O = i(
       () => r?.error?.value ? "error" : a.feedbackVariant
-    ), v = le(!1), _ = i(() => v.value && a.type === "password" ? "text" : a.type), ee = () => {
+    ), b = le(!1), _ = i(() => b.value && a.type === "password" ? "text" : a.type), ee = () => {
       p("update:modelValue", ""), p("clear");
     };
     return K({
@@ -119,7 +120,7 @@ const de = {
         text: e(E),
         placement: t.inlineErrorTextPlacement
       }, e(m)[e(c).TOOLTIP_WITHOUT_ICON]), {
-        default: b(() => [
+        default: v(() => [
           V("div", {
             class: F({
               "input-container": !0,
@@ -135,7 +136,7 @@ const de = {
               class: "prefix-text",
               variant: "body1"
             }, {
-              default: b(() => [
+              default: v(() => [
                 N($(t.prefix), 1)
               ]),
               _: 1
@@ -185,7 +186,7 @@ const de = {
               class: "suffix-text",
               variant: "body1"
             }, {
-              default: b(() => [
+              default: v(() => [
                 N($(t.suffix), 1)
               ]),
               _: 1
@@ -196,7 +197,7 @@ const de = {
                 text: e(E),
                 placement: t.inlineErrorTextPlacement
               }, e(m)[e(c).TOOLTIP]), {
-                default: b(() => [
+                default: v(() => [
                   x(e(h), {
                     name: "warning-circle",
                     size: "16px"
@@ -209,9 +210,9 @@ const de = {
               key: 6,
               class: "password-visibility-toggle"
             }, e(m)[e(c).TOGGLE_PASSWORD], {
-              onClick: o[5] || (o[5] = (u) => v.value = !v.value)
+              onClick: o[5] || (o[5] = (u) => b.value = !b.value)
             }), [
-              v.value ? (l(), f(e(h), {
+              b.value ? (l(), f(e(h), {
                 key: 0,
                 name: "eye",
                 size: "16px"
@@ -221,23 +222,25 @@ const de = {
                 size: "16px"
               }))
             ], 16)) : n("", !0),
-            t.clearable && t.modelValue && !t.loading ? (l(), s("div", d({
+            t.clearable && t.modelValue && !t.loading ? (l(), s("button", d({
               key: 7,
-              class: "clear-button"
+              type: "button",
+              class: "clear-button",
+              "aria-label": t.clearLabel
             }, e(m)[e(c).CLEAR_BUTTON], { onClick: ee }), [
               x(e(h), {
                 name: "x-circle",
                 size: "16px",
                 type: "fill"
               })
-            ], 16)) : n("", !0),
-            t.loading ? (l(), s("div", me, [
+            ], 16, me)) : n("", !0),
+            t.loading ? (l(), s("div", ye, [
               x(e(se), d({
                 "max-width": 16,
                 "stroke-width": 1
               }, e(m)[e(c).LOADING]), null, 16)
             ])) : n("", !0),
-            y.$slots.iconAfter ? (l(), s("div", ye, [
+            y.$slots.iconAfter ? (l(), s("div", xe, [
               z(y.$slots, "iconAfter", {}, void 0, !0)
             ])) : n("", !0)
           ], 2)
@@ -261,5 +264,5 @@ const de = {
   }
 });
 export {
-  Pe as default
+  Ae as default
 };

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

@@ -34,6 +34,7 @@ declare const TextFieldTypes: () => ({
             showFeedbackTextIcon: boolean;
             feedbackPositionAbsolute: boolean;
             clearable: boolean;
+            clearLabel: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             type: {
                 type: import("vue").PropType<"number" | "text" | "password">;
@@ -155,11 +156,15 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            clearLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: string | number) => any;
             onClear?: () => any;
             onApply?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "loading" | "modelValue" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute" | "clearable">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "loading" | "modelValue" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute" | "clearable" | "clearLabel">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -294,6 +299,10 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            clearLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: string | number) => any;
             onClear?: () => any;
@@ -335,6 +344,7 @@ declare const TextFieldTypes: () => ({
             showFeedbackTextIcon: boolean;
             feedbackPositionAbsolute: boolean;
             clearable: boolean;
+            clearLabel: string;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -476,6 +486,10 @@ declare const TextFieldTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        clearLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: string | number) => any;
         onClear?: () => any;
@@ -607,6 +621,10 @@ declare const TextFieldTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    clearLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
     onClear?: () => any;
@@ -648,6 +666,7 @@ declare const TextFieldTypes: () => ({
     showFeedbackTextIcon: boolean;
     feedbackPositionAbsolute: boolean;
     clearable: boolean;
+    clearLabel: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         iconBefore?(_: {}): any;

package/components/link/Link.vue.js

@@ -1,7 +1,7 @@
-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"]]);
+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_c4345b08_lang.css"; //*');
+const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c4345b08"]]);
 export {
-  t as default
+  c as default
 };

package/components/link/Link.vue2.js

@@ -1,10 +1,10 @@
- import "../../Link.vue_vue_type_style_index_0_scoped_fe0e7f6f_lang.css"; import { defineComponent as m, openBlock as n, createBlock as l, unref as t, mergeProps as c, withCtx as y, createCommentVNode as d, renderSlot as T } from "vue";
-import k from "../typography/v4/Typography.vue.js";
-import r from "../icon/v4/IconV4.vue.js";
+ import "../../Link.vue_vue_type_style_index_0_scoped_c4345b08_lang.css"; import { defineComponent as k, openBlock as l, createBlock as d, unref as t, mergeProps as r, withKeys as s, withModifiers as u, withCtx as b, createCommentVNode as f, renderSlot as h } from "vue";
+import v from "../typography/v4/Typography.vue.js";
+import m from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-import { useTestIdAttrs as p } from "../../utils/testIds.js";
-import { LinkTestIdModifiers as o } from "../../testids/index.js";
-const w = /* @__PURE__ */ m({
+import { useTestIdAttrs as w } from "../../utils/testIds.js";
+import { LinkTestIdModifiers as n } from "../../testids/index.js";
+const B = /* @__PURE__ */ k({
   __name: "Link",
   props: {
     href: { default: null },
@@ -21,45 +21,54 @@ const w = /* @__PURE__ */ m({
     navigateToPage: { type: Function, default: null }
   },
   emits: ["click"],
-  setup(e, { emit: u }) {
-    const i = e, s = () => {
+  setup(e, { emit: y }) {
+    const i = e, a = () => {
       if (!i.disabled) {
         {
           if (i.navigateToPage)
             return i.navigateToPage();
           i.href && window.open(i.href);
         }
-        u("click");
+        y("click");
       }
-    }, a = p(i.testId, o);
-    return (f, h) => (n(), l(t(k), c({
+    }, o = w(i.testId, n);
+    return (T, c) => (l(), d(t(v), r({
       class: ["link", [`link--${e.color}`, { "link--disabled": e.disabled }]],
       variant: e.variant,
       "is-truncated": e.isTruncated,
       "with-tooltip": e.withTooltip,
-      "tooltip-text": e.tooltipText
-    }, t(a)[t(o).WRAPPER], { onClick: s }), {
-      default: y(() => [
-        e.iconName && e.iconPosition === "start" ? (n(), l(t(r), c({
+      "tooltip-text": e.tooltipText,
+      role: e.href ? "link" : "button",
+      tabindex: e.disabled ? -1 : 0,
+      "aria-disabled": e.disabled || void 0
+    }, t(o)[t(n).WRAPPER], {
+      onClick: a,
+      onKeydown: [
+        s(u(a, ["prevent"]), ["enter"]),
+        c[0] || (c[0] = s(u((x) => !e.href && a(), ["prevent"]), ["space"]))
+      ]
+    }), {
+      default: b(() => [
+        e.iconName && e.iconPosition === "start" ? (l(), d(t(m), r({
           key: 0,
           name: e.iconName,
           type: e.iconType,
           size: "16px",
           class: "icon"
-        }, t(a)[t(o).ICON]), null, 16, ["name", "type"])) : d("", !0),
-        T(f.$slots, "default", {}, void 0, !0),
-        e.iconName && e.iconPosition === "end" ? (n(), l(t(r), c({
+        }, t(o)[t(n).ICON]), null, 16, ["name", "type"])) : f("", !0),
+        h(T.$slots, "default", {}, void 0, !0),
+        e.iconName && e.iconPosition === "end" ? (l(), d(t(m), r({
           key: 1,
           name: e.iconName,
           type: e.iconType,
           size: "16px",
           class: "icon"
-        }, t(a)[t(o).ICON]), null, 16, ["name", "type"])) : d("", !0)
+        }, t(o)[t(n).ICON]), null, 16, ["name", "type"])) : f("", !0)
       ]),
       _: 3
-    }, 16, ["class", "variant", "is-truncated", "with-tooltip", "tooltip-text"]));
+    }, 16, ["class", "variant", "is-truncated", "with-tooltip", "tooltip-text", "role", "tabindex", "aria-disabled", "onKeydown"]));
   }
 });
 export {
-  w as default
+  B as default
 };

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

@@ -4,11 +4,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled?: boolean;
     testId?: string;
     autoFocus?: boolean;
+    clearLabel?: string;
 }>, {
     disabled: boolean;
     testId: string;
     autoFocus: boolean;
     placeholder: string;
+    clearLabel: string;
 }>, {
     inputRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -20,11 +22,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled?: boolean;
     testId?: string;
     autoFocus?: boolean;
+    clearLabel?: string;
 }>, {
     disabled: boolean;
     testId: string;
     autoFocus: boolean;
     placeholder: string;
+    clearLabel: string;
 }>>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
     onOnClear?: () => any;
@@ -33,6 +37,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled: boolean;
     placeholder: string;
     autoFocus: boolean;
+    clearLabel: string;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -1,7 +1,7 @@
-import o from "./SearchV4.vue2.js";
-/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SearchV4.vue_vue_type_style_index_0_scoped_d6c42f4b_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-d6c42f4b"]]);
+import e from "./SearchV4.vue2.js";
+/* empty css               */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SearchV4.vue_vue_type_style_index_0_scoped_e1a33934_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e1a33934"]]);
 export {
-  t as default
+  a as default
 };

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

@@ -1,26 +1,27 @@
- 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 u from "../../icon/v4/IconV4.vue.js";
+ import "../../../SearchV4.vue_vue_type_style_index_0_scoped_e1a33934_lang.css"; import { defineComponent as p, openBlock as h, createElementBlock as b, mergeProps as u, unref as e, createVNode as o, withCtx as V, withDirectives as x, createElementVNode as C, vShow as I } from "vue";
+import m 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 { searchCommon as y } from "../common/Search.common.js";
+import v from "../../input/v4/TextField.vue.js";
 import { useTestIdAttrs as B } from "../../../utils/testIds.js";
-const T = /* @__PURE__ */ p({
+const g = ["aria-label"], F = /* @__PURE__ */ p({
   __name: "SearchV4",
   props: {
     modelValue: null,
     placeholder: { default: "Search" },
     disabled: { type: Boolean, default: !1 },
     testId: { default: "" },
-    autoFocus: { type: Boolean, default: !1 }
+    autoFocus: { type: Boolean, default: !1 },
+    clearLabel: { default: "Clear search" }
   },
   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);
+    const s = t, { inputRef: i, clearValue: n } = y(s, d), c = B(s.testId, r);
     return f({
       inputRef: i
-    }), (g, o) => (h(), V("div", c({ class: "search-container" }, e(m)[e(r).CONTAINER]), [
-      a(e(y), {
+    }), (k, a) => (h(), b("div", u({ class: "search-container" }, e(c)[e(r).CONTAINER]), [
+      o(e(v), {
         ref_key: "inputRef",
         ref: i,
         "model-value": t.modelValue,
@@ -29,31 +30,35 @@ const T = /* @__PURE__ */ p({
         placeholder: t.placeholder,
         disabled: t.disabled,
         "test-id": t.testId,
-        "onUpdate:modelValue": o[0] || (o[0] = (l) => d("update:modelValue", l))
+        "onUpdate:modelValue": a[0] || (a[0] = (l) => d("update:modelValue", l))
       }, {
-        iconBefore: x(() => [
-          a(e(u), {
+        iconBefore: V(() => [
+          o(e(m), {
             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
+      x(C("button", u({
+        type: "button",
+        class: "x-circle-wrapper",
+        "aria-label": t.clearLabel
+      }, e(c)[e(r).CLEAR], {
+        onClick: a[1] || (a[1] = //@ts-ignore
         (...l) => e(n) && e(n)(...l))
       }), [
-        a(e(u), {
+        o(e(m), {
           name: "x-circle",
           size: "16px",
           type: "fill"
         })
-      ], 16), [
-        [v, !!t.modelValue]
+      ], 16, g), [
+        [I, !!t.modelValue]
       ])
     ], 16));
   }
 });
 export {
-  T as default
+  F as default
 };

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

@@ -19,6 +19,10 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    clearLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, {
     inputRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -45,6 +49,10 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    clearLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
     onOnClear?: () => any;
@@ -53,6 +61,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
     disabled: boolean;
     placeholder: string;
     autoFocus: boolean;
+    clearLabel: string;
 }>[];
 export { default as Search } from './SearchV4.vue';
 export { SearchTypes };

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_921d4087_lang.css"; //*');
-const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-921d4087"]]);
+// import "../../FieldLabel.vue_vue_type_style_index_0_scoped_960ea8b1_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-960ea8b1"]]);
 export {
-  d as default
+  a as default
 };

package/components/shared/FieldLabel.vue2.js

@@ -1,4 +1,4 @@
- import "../../FieldLabel.vue_vue_type_style_index_0_scoped_921d4087_lang.css"; import { defineComponent as I, useSlots as y, computed as s, openBlock as i, createElementBlock as p, Fragment as k, createElementVNode as N, mergeProps as n, unref as e, createVNode as d, withCtx as l, createTextVNode as c, toDisplayString as T, createBlock as h, createCommentVNode as m, createSlots as C, normalizeClass as A, renderSlot as B } from "vue";
+ import "../../FieldLabel.vue_vue_type_style_index_0_scoped_960ea8b1_lang.css"; import { defineComponent as I, useSlots as y, computed as s, openBlock as i, createElementBlock as p, Fragment as k, createElementVNode as N, mergeProps as n, unref as e, createVNode as c, withCtx as l, createTextVNode as d, toDisplayString as T, createBlock as h, createCommentVNode as m, createSlots as C, normalizeClass as A, renderSlot as B } from "vue";
 import H from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 import S from "../tooltip/v4/TooltipV4.vue.js";
@@ -33,12 +33,12 @@ const L = {
           "field-label--with-description": !!t.description
         }]
       }, e(a)[e(o).CONTAINER]), [
-        d(e(f), n({
+        c(e(f), n({
           class: "label",
           variant: "inputLabel"
         }, e(a)[e(o).TEXT]), {
           default: l(() => [
-            c(T(t.label), 1)
+            d(T(t.label), 1)
           ]),
           _: 1
         }, 16),
@@ -48,7 +48,7 @@ const L = {
           class: "mandatory"
         }, e(a)[e(o).MANDATORY]), {
           default: l(() => [
-            c("*")
+            d("*")
           ]),
           _: 1
         }, 16)) : m("", !0),
@@ -56,10 +56,11 @@ const L = {
           key: 1,
           triggers: t.helpTextIconTooltipTrigger,
           text: t.hoverHelpText,
-          placement: t.hoverHelpTextPlacement
+          placement: t.hoverHelpTextPlacement,
+          focusable: ""
         }, e(a)[e(o).TOOLTIP], { "test-id": t.testId }), C({
           default: l(() => [
-            d(e(H), {
+            c(e(H), {
               class: A(["info-icon", { "clickable-icon": e(g) }]),
               name: "question",
               size: "16px"
@@ -77,9 +78,9 @@ const L = {
         ]), 1040, ["triggers", "text", "placement", "test-id"])) : m("", !0)
       ], 16),
       t.description ? (i(), p("div", L, [
-        d(e(f), { variant: "body2" }, {
+        c(e(f), { variant: "body2" }, {
           default: l(() => [
-            c(T(t.description), 1)
+            d(T(t.description), 1)
           ]),
           _: 1
         })

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

@@ -4,24 +4,29 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     menuItems: MenuItem[];
     rowIndex?: number;
     placement?: Placement;
+    ariaLabel?: string;
 }>, {
     menuItems: () => any[];
     rowIndex: any;
     placement: string;
+    ariaLabel: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     selected: (option: unknown) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     menuItems: MenuItem[];
     rowIndex?: number;
     placement?: Placement;
+    ariaLabel?: string;
 }>, {
     menuItems: () => any[];
     rowIndex: any;
     placement: string;
+    ariaLabel: string;
 }>>> & {
     onSelected?: (option: unknown) => any;
 }, {
     placement: Placement;
+    ariaLabel: string;
     rowIndex: number;
     menuItems: MenuItem[];
 }>;

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

@@ -1,7 +1,7 @@
-import o from "./DataGridMenu.vue2.js";
-/* empty css                   */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_ddfaf207_lang.css"; //*');
-const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ddfaf207"]]);
+import e from "./DataGridMenu.vue2.js";
+/* empty css                   */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_b7e65177_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-b7e65177"]]);
 export {
-  d as default
+  a as default
 };