@ironsource/shared-ui 2.1.4-rc.0 → 2.1.5-rc.0

package/OptionV4.vue_vue_type_style_index_0_scoped_b8375219_lang.css

@@ -0,0 +1 @@
+.label[data-v-b8375219]{color:#41454d}.item-container[data-v-b8375219]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-b8375219]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-b8375219]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-b8375219],.item-container[data-v-b8375219]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-b8375219]{background-color:var(--action-selected)}.subtitle[data-v-b8375219]{color:#7b838c;line-height:1rem}.clear-button[data-v-b8375219]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-b8375219]:hover{color:#3083ff}.item[data-v-b8375219]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-b8375219],.item--multi[data-v-b8375219]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-b8375219]{width:20px;height:20px;flex:none}.item .image img[data-v-b8375219]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-b8375219]{display:flex;color:var(--action-active)}.text-container[data-v-b8375219]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-b8375219]{display:block}.tooltip-option[data-v-b8375219] .container{width:100%}

package/README.md

@@ -129,4 +129,4 @@ cd e2e/playwright
 npm run pw:ui:local
 ```
 
-Read more about this project <a href="https://github.com/ironsource-mobile/shared-ui-ssp/blob/main/e2e/playwright/README.md">here</a>.
+Read more about this project <a href="https://github.com/ironsource-mobile/shared-ui-ssp/blob/main/e2e/playwright/README.md">here</a>

package/components/dropdown/v4/OptionV4.vue.d.ts

@@ -10,6 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     imageKey?: string;
     iconKey?: string;
     iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    toolTipPlacement?: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
 }>, {
     subtitle: string;
     disabled: boolean;
@@ -21,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     imageKey: any;
     iconKey: any;
     iconType: 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<{
     option?: unknown;
     subtitle?: string;
@@ -33,6 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     imageKey?: string;
     iconKey?: string;
     iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    toolTipPlacement?: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
 }>, {
     subtitle: string;
     disabled: boolean;
@@ -44,6 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     imageKey: any;
     iconKey: any;
     iconType: string;
+    toolTipPlacement: string;
 }>>>, {
     option: any;
     disabled: boolean;
@@ -55,6 +59,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     imageKey: string;
     iconKey: string;
     iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
 }>, {
     image?(_: {}): any;
     "icon-start"?(_: {}): any;

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

@@ -1,7 +1,7 @@
 import o from "./OptionV4.vue2.js";
-/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_cae6bfd4_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-cae6bfd4"]]);
+/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_b8375219_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-b8375219"]]);
 export {
   s as default
 };

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

@@ -1,19 +1,19 @@
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_cae6bfd4_lang.css"; import { defineComponent as B, openBlock as o, createBlock as r, unref as i, withCtx as m, createElementVNode as a, normalizeClass as b, createCommentVNode as l, createElementBlock as s, renderSlot as u, createVNode as f, createTextVNode as g, toDisplayString as k, withModifiers as $ } from "vue";
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_b8375219_lang.css"; import { defineComponent as B, openBlock as o, createBlock as m, unref as i, withCtx as r, createElementVNode as a, normalizeClass as g, createCommentVNode as l, createElementBlock as s, renderSlot as u, createVNode as f, createTextVNode as b, toDisplayString as k, withModifiers as $ } from "vue";
 import "../../typography/Heading.vue.js";
 import I from "../../typography/Text.vue.js";
 import z from "../../checkbox/v4/CheckboxV4.vue.js";
-import h from "../../icon/v4/IconV4.vue.js";
+import p from "../../icon/v4/IconV4.vue.js";
 import { NOOP as N } from "@vue/shared";
 import { optionCommon as V } from "../common/Option.common.js";
 import w from "../../typography/v4/Typography.vue.js";
 import O from "../../tooltip/v4/TooltipV4.vue.js";
-const S = {
+const P = {
   key: 1,
   class: "image"
-}, j = ["src"], E = {
+}, S = ["src"], j = {
   key: 2,
   class: "start-icon"
-}, M = { class: "text-container" }, P = { key: 0 }, R = /* @__PURE__ */ B({
+}, E = { class: "text-container" }, M = { key: 0 }, R = /* @__PURE__ */ B({
   __name: "OptionV4",
   props: {
     option: { default: null },
@@ -26,19 +26,21 @@ const S = {
     nameKey: { default: null },
     imageKey: { default: null },
     iconKey: { default: null },
-    iconType: { default: "regular" }
+    iconType: { default: "regular" },
+    toolTipPlacement: { default: "right" }
   },
   setup(e) {
-    const p = e, { selected: c, isMulti: d, id: v, onClick: x, api: y } = V(p), K = (t) => t && typeof t == "object" && "optionTooltipText" in t ? t.optionTooltipText : "", C = (t) => t && typeof t == "object" && "optionTooltipTestId" in t ? t.optionTooltipTestId : null;
-    return (t, n) => (o(), r(i(O), {
+    const h = e, { selected: c, isMulti: d, id: v, onClick: x, api: y } = V(h), K = (t) => t && typeof t == "object" && "optionTooltipText" in t ? t.optionTooltipText : "", C = (t) => t && typeof t == "object" && "optionTooltipTestId" in t ? t.optionTooltipTestId : null;
+    return (t, n) => (o(), m(i(O), {
       text: K(e.option),
       "test-id": C(e.option),
+      placement: e.toolTipPlacement,
       class: "tooltip-option"
     }, {
-      default: m(() => [
+      default: r(() => [
         a("div", {
           ref: "el",
-          class: b(["item-container", {
+          class: g(["item-container", {
             "item-container--disabled": e.disabled,
             "item-container--active": e.nameKey ? !1 : e.active,
             "item-container--selected": i(c),
@@ -46,12 +48,12 @@ const S = {
           }])
         }, [
           a("div", {
-            class: b(["item", {
+            class: g(["item", {
               "item--multi": i(d),
               "item--with-icon": t.$slots["icon-start"] || t.$slots.image
             }])
           }, [
-            i(d) ? (o(), r(i(z), {
+            i(d) ? (o(), m(i(z), {
               key: 0,
               id: i(v).toString(),
               tabindex: "-1",
@@ -61,50 +63,50 @@ const S = {
               "is-indeterminate": e.isIndeterminate && !e.option,
               onClick: n[0] || (n[0] = (T) => e.disabled ? i(N)() : i(x)(T))
             }, null, 8, ["id", "is-checked", "is-indeterminate"])) : l("", !0),
-            t.$slots.image || e.imageKey ? (o(), s("div", S, [
+            t.$slots.image || e.imageKey ? (o(), s("div", P, [
               u(t.$slots, "image", {}, () => [
                 e.imageKey ? (o(), s("img", {
                   key: 0,
                   src: e.option[e.imageKey]
-                }, null, 8, j)) : l("", !0)
+                }, null, 8, S)) : l("", !0)
               ], !0)
             ])) : l("", !0),
-            t.$slots["icon-start"] || e.iconKey ? (o(), s("div", E, [
+            t.$slots["icon-start"] || e.iconKey ? (o(), s("div", j, [
               u(t.$slots, "icon-start", {}, () => [
-                f(i(h), {
+                f(i(p), {
                   type: e.iconType,
                   name: e.option[e.iconKey],
                   size: e.iconType === "regular" ? "20px" : "16px"
                 }, null, 8, ["type", "name", "size"])
               ], !0)
             ])) : l("", !0),
-            a("div", M, [
+            a("div", E, [
               f(i(w), { variant: "body2" }, {
-                default: m(() => [
+                default: r(() => [
                   u(t.$slots, "default", {}, () => [
-                    g(k(e.option[e.nameKey]), 1)
+                    b(k(e.option[e.nameKey]), 1)
                   ], !0)
                 ]),
                 _: 3
               }),
-              e.subtitle ? (o(), r(i(I), {
+              e.subtitle ? (o(), m(i(I), {
                 key: 0,
                 class: "subtitle",
                 size: "xs"
               }, {
-                default: m(() => [
-                  g(k(e.subtitle), 1)
+                default: r(() => [
+                  b(k(e.subtitle), 1)
                 ]),
                 _: 1
               })) : l("", !0)
             ])
           ], 2),
-          i(y).clearable && i(c) ? (o(), s("div", P, [
+          i(y).clearable && i(c) ? (o(), s("div", M, [
             a("button", {
               class: "clear-button",
               onClick: n[1] || (n[1] = $((T) => i(y).clearSelection(), ["prevent", "stop"]))
             }, [
-              f(i(h), {
+              f(i(p), {
                 name: "close",
                 width: "8",
                 height: 8
@@ -114,7 +116,7 @@ const S = {
         ], 2)
       ]),
       _: 3
-    }, 8, ["text", "test-id"]));
+    }, 8, ["text", "test-id", "placement"]));
   }
 });
 export {

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

@@ -980,6 +980,7 @@ declare const DropdownTypes: () => (({
             imageKey: string;
             iconKey: string;
             iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             option: {
                 type: import("vue").PropType<unknown>;
@@ -1021,10 +1022,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: string;
             };
+            toolTipPlacement: {
+                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                default: string;
+            };
             selectedProp: {
                 type: import("vue").PropType<boolean>;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "toolTipPlacement">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1079,6 +1084,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: string;
             };
+            toolTipPlacement: {
+                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                default: string;
+            };
             selectedProp: {
                 type: import("vue").PropType<boolean>;
             };
@@ -1093,6 +1102,7 @@ declare const DropdownTypes: () => (({
             imageKey: string;
             iconKey: string;
             iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -1154,6 +1164,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
             default: string;
         };
+        toolTipPlacement: {
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            default: string;
+        };
         selectedProp: {
             type: import("vue").PropType<boolean>;
         };
@@ -1202,6 +1216,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
         default: string;
     };
+    toolTipPlacement: {
+        type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: string;
+    };
     selectedProp: {
         type: import("vue").PropType<boolean>;
     };
@@ -1216,6 +1234,7 @@ declare const DropdownTypes: () => (({
     imageKey: string;
     iconKey: string;
     iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;

package/index.d.ts

@@ -14609,6 +14609,7 @@ declare const _default: {
                 imageKey: string;
                 iconKey: string;
                 iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+                toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 option: {
                     type: import("vue").PropType<unknown>;
@@ -14650,10 +14651,14 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                     default: string;
                 };
+                toolTipPlacement: {
+                    type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                    default: string;
+                };
                 selectedProp: {
                     type: import("vue").PropType<boolean>;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "toolTipPlacement">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -14708,6 +14713,10 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                     default: string;
                 };
+                toolTipPlacement: {
+                    type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                    default: string;
+                };
                 selectedProp: {
                     type: import("vue").PropType<boolean>;
                 };
@@ -14722,6 +14731,7 @@ declare const _default: {
                 imageKey: string;
                 iconKey: string;
                 iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+                toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -14783,6 +14793,10 @@ declare const _default: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: string;
             };
+            toolTipPlacement: {
+                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                default: string;
+            };
             selectedProp: {
                 type: import("vue").PropType<boolean>;
             };
@@ -14831,6 +14845,10 @@ declare const _default: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
             default: string;
         };
+        toolTipPlacement: {
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            default: string;
+        };
         selectedProp: {
             type: import("vue").PropType<boolean>;
         };
@@ -14845,6 +14863,7 @@ declare const _default: {
         imageKey: string;
         iconKey: string;
         iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+        toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             image?(_: {}): any;
@@ -16025,6 +16044,7 @@ declare const _default: {
                 imageKey: string;
                 iconKey: string;
                 iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+                toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 option: {
                     type: import("vue").PropType<unknown>;
@@ -16066,10 +16086,14 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                     default: string;
                 };
+                toolTipPlacement: {
+                    type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                    default: string;
+                };
                 selectedProp: {
                     type: import("vue").PropType<boolean>;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "toolTipPlacement">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -16124,6 +16148,10 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                     default: string;
                 };
+                toolTipPlacement: {
+                    type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                    default: string;
+                };
                 selectedProp: {
                     type: import("vue").PropType<boolean>;
                 };
@@ -16138,6 +16166,7 @@ declare const _default: {
                 imageKey: string;
                 iconKey: string;
                 iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+                toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -16199,6 +16228,10 @@ declare const _default: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: string;
             };
+            toolTipPlacement: {
+                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                default: string;
+            };
             selectedProp: {
                 type: import("vue").PropType<boolean>;
             };
@@ -16247,6 +16280,10 @@ declare const _default: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
             default: string;
         };
+        toolTipPlacement: {
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            default: string;
+        };
         selectedProp: {
             type: import("vue").PropType<boolean>;
         };
@@ -16261,6 +16298,7 @@ declare const _default: {
         imageKey: string;
         iconKey: string;
         iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+        toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             image?(_: {}): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.4-rc.0",
+  "version": "2.1.5-rc.0",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/OptionV4.vue_vue_type_style_index_0_scoped_cae6bfd4_lang.css

@@ -1 +0,0 @@
-.label[data-v-cae6bfd4]{color:#41454d}.item-container[data-v-cae6bfd4]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-cae6bfd4]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-cae6bfd4]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-cae6bfd4],.item-container[data-v-cae6bfd4]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-cae6bfd4]{background-color:var(--action-selected)}.subtitle[data-v-cae6bfd4]{color:#7b838c;line-height:1rem}.clear-button[data-v-cae6bfd4]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-cae6bfd4]:hover{color:#3083ff}.item[data-v-cae6bfd4]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-cae6bfd4],.item--multi[data-v-cae6bfd4]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-cae6bfd4]{width:20px;height:20px;flex:none}.item .image img[data-v-cae6bfd4]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-cae6bfd4]{display:flex;color:var(--action-active)}.text-container[data-v-cae6bfd4]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-cae6bfd4]{display:block}.tooltip-option[data-v-cae6bfd4] .container{width:100%}