@ironsource/shared-ui 2.2.0-rc.37 → 2.2.0-rc.38

package/PopoverV4.vue_vue_type_style_index_0_scoped_9ae00876_lang.css

@@ -0,0 +1 @@
+div[data-v-9ae00876]{display:block}

package/Tag.vue_vue_type_style_index_0_scoped_11fee894_lang.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-11fee894],.font-chart-2[data-v-11fee894],.font-chart-1[data-v-11fee894]{font-family:Inter,sans-serif;font-weight:700}.tag-input-sizer[data-v-11fee894],.tag-input[data-v-11fee894],.font-chip-label[data-v-11fee894],.font-table-label[data-v-11fee894],.font-button[data-v-11fee894],.font-heading-6[data-v-11fee894],.font-heading-5[data-v-11fee894],.font-heading-4[data-v-11fee894],.font-heading-3[data-v-11fee894],.font-heading-2[data-v-11fee894],.font-heading-1[data-v-11fee894],.font-title[data-v-11fee894]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-11fee894],.font-input-label[data-v-11fee894],.font-overline[data-v-11fee894],.font-subtitle-2[data-v-11fee894],.font-subtitle-1[data-v-11fee894]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-11fee894],.font-body-2[data-v-11fee894],.font-body-1[data-v-11fee894]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-11fee894]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-11fee894]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-11fee894]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-11fee894]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-11fee894]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-11fee894]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-11fee894]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-11fee894]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-11fee894]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-11fee894]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-11fee894]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-11fee894]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-11fee894]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-11fee894]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-11fee894]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-11fee894]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-11fee894]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-11fee894]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-11fee894],.font-tab-label2[data-v-11fee894]{font-size:.875rem;line-height:1rem}.tag-input-sizer[data-v-11fee894],.tag-input[data-v-11fee894],.font-chip-label[data-v-11fee894]{font-size:.75rem;line-height:1rem}h1[data-v-11fee894],h2[data-v-11fee894],h3[data-v-11fee894],h4[data-v-11fee894],h5[data-v-11fee894],h6[data-v-11fee894]{margin:0}.rounded-tag[data-v-11fee894]{border-radius:100px}.tag-editing[data-v-11fee894]{outline:1px solid var(--outline-color)}.unselected-tag-hover-outline[data-v-11fee894]{background-color:var(--action-hover)}.tag-hover-outline[data-v-11fee894]{outline:1px solid var(--outline-color);cursor:pointer}.unselected-tag[data-v-11fee894]{outline:1px solid var(--action-outlined-border)}.tag-disabled[data-v-11fee894]{background-color:transparent;outline:1px solid var(--action-disabled)}.tag-content[data-v-11fee894]{display:flex;align-items:center;position:relative;min-width:.625rem;max-width:31.25rem}.tag-icon[data-v-11fee894]{margin-right:.25rem}.tag-label[data-v-11fee894]{user-select:none;min-width:.5rem}.tag-label--disabled[data-v-11fee894]{color:var(--action-disabled)}.tag-label--hidden[data-v-11fee894]{visibility:hidden}.tag-input[data-v-11fee894]{position:static;width:auto;background:transparent;min-width:.6rem;padding:0;border:none;max-width:100%;overflow-x:auto;white-space:nowrap}.tag-input[data-v-11fee894]:focus{outline:none}.tag-input-outline[data-v-11fee894]::placeholder{color:var(--action-disabled)}.clear-button[data-v-11fee894]{margin-left:.25rem;color:var(--action-active);cursor:pointer}.clear-button[data-v-11fee894]:hover{color:var(--text-primary)}.clear-button--invalid[data-v-11fee894]{color:var(--error-dark)}.clear-button--invalid[data-v-11fee894]:hover{color:var(--error-darker)}.tag-input-sizer[data-v-11fee894]{position:absolute;visibility:hidden;height:0;white-space:pre;pointer-events:none;padding:0}.editable-tag[data-v-11fee894]{cursor:text}.empty-tag[data-v-11fee894]{background-color:transparent;outline:1px dashed var(--action-outlined-border);color:var(--text-secondary)}.empty-tag[data-v-11fee894]:hover:not(.tag-disabled){outline:1px dashed var(--action-active)}

package/components/popover/v4/PopoverV4.vue.d.ts

@@ -7,6 +7,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placement?: Placement;
     distance?: number;
     skidding?: number;
+    delay?: number | {
+        show: number;
+        hide: number;
+    };
     testId?: string;
     popperClass?: string;
     container?: string;
@@ -18,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placement: string;
     distance: number;
     skidding: number;
+    delay: number;
     testId: string;
     popperClass: string;
     container: string;
@@ -33,6 +38,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placement?: Placement;
     distance?: number;
     skidding?: number;
+    delay?: number | {
+        show: number;
+        hide: number;
+    };
     testId?: string;
     popperClass?: string;
     container?: string;
@@ -44,6 +53,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placement: string;
     distance: number;
     skidding: number;
+    delay: number;
     testId: string;
     popperClass: string;
     container: string;
@@ -51,6 +61,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onIsOpen?: (value: boolean) => any;
 }, {
     testId: string;
+    delay: number | {
+        show: number;
+        hide: number;
+    };
     placement: Placement;
     disabled: boolean;
     distance: number;

package/components/popover/v4/PopoverV4.vue.js

@@ -1,8 +1,8 @@
 import o from "./PopoverV4.vue2.js";
 /* empty css                *//* empty css                */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css"; //*');
+// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_9ae00876_lang.css"; //*');
 // import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-66694b4e"]]);
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9ae00876"]]);
 export {
   r as default
 };

package/components/popover/v4/PopoverV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css";  import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as k, watch as s, openBlock as p, createBlock as y, unref as a, withCtx as u, createElementBlock as h, renderSlot as g, createCommentVNode as B, createElementVNode as C } from "vue";
+ import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_9ae00876_lang.css";  import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as k, watch as s, openBlock as p, createBlock as y, unref as r, withCtx as u, createElementBlock as h, renderSlot as g, createCommentVNode as B, createElementVNode as C } from "vue";
 import { Dropdown as w } from "floating-vue";
 import { popoverCommon as $ } from "../common/Popover.common.js";
 const O = ["data-testid"], H = /* @__PURE__ */ k({
@@ -11,6 +11,7 @@ const O = ["data-testid"], H = /* @__PURE__ */ k({
     placement: { default: "bottom-start" },
     distance: { default: 0 },
     skidding: { default: 0 },
+    delay: { default: 0 },
     testId: { default: "" },
     popperClass: { default: "" },
     container: { default: "body" }
@@ -26,24 +27,25 @@ const O = ["data-testid"], H = /* @__PURE__ */ k({
         d(o);
       }
     );
-    const r = (o) => {
+    const a = (o) => {
       i.trigger === o && (t.value = !t.value);
     };
     return f({
       toggle: d
-    }), (o, n) => (p(), y(a(w), {
+    }), (o, n) => (p(), y(r(w), {
       theme: "custom-popover",
       placement: e.placement,
-      shown: !!a(t),
+      shown: !!r(t),
       triggers: e.trigger === "managed" ? [] : [e.trigger],
       "auto-hide": e.autoHide,
       distance: e.distance,
       skidding: e.skidding,
+      delay: e.delay,
       container: e.container,
       "popper-class": [e.popperClass, "v4-popover__popper light-theme-v4"]
     }, {
       popper: u(() => [
-        a(t) ? (p(), h("div", {
+        r(t) ? (p(), h("div", {
           key: 0,
           ref_key: "popup",
           ref: c,
@@ -57,15 +59,15 @@ const O = ["data-testid"], H = /* @__PURE__ */ k({
         C("div", {
           ref_key: "triggerRef",
           ref: v,
-          onClick: n[0] || (n[0] = (l) => r("click")),
-          onMouseenter: n[1] || (n[1] = (l) => r("hover")),
-          onMouseleave: n[2] || (n[2] = (l) => r("hover"))
+          onClick: n[0] || (n[0] = (l) => a("click")),
+          onMouseenter: n[1] || (n[1] = (l) => a("hover")),
+          onMouseleave: n[2] || (n[2] = (l) => a("hover"))
         }, [
           g(o.$slots, "trigger", {}, void 0, !0)
         ], 544)
       ]),
       _: 3
-    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "container", "popper-class"]));
+    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "delay", "container", "popper-class"]));
   }
 });
 export {

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

@@ -5,6 +5,10 @@ declare const PopoverTypes: () => ({
         $data: {};
         $props: Partial<{
             testId: string;
+            delay: number | {
+                show: number;
+                hide: number;
+            };
             placement: import("floating-vue").Placement;
             disabled: boolean;
             distance: number;
@@ -19,6 +23,13 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            delay: {
+                type: import("vue").PropType<number | {
+                    show: number;
+                    hide: number;
+                }>;
+                default: number;
+            };
             placement: {
                 type: import("vue").PropType<import("floating-vue").Placement>;
                 default: string;
@@ -57,7 +68,7 @@ declare const PopoverTypes: () => ({
             };
         }>> & {
             onIsOpen?: (value: boolean) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "container" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "delay" | "placement" | "disabled" | "distance" | "container" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -76,6 +87,13 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            delay: {
+                type: import("vue").PropType<number | {
+                    show: number;
+                    hide: number;
+                }>;
+                default: number;
+            };
             placement: {
                 type: import("vue").PropType<import("floating-vue").Placement>;
                 default: string;
@@ -120,6 +138,10 @@ declare const PopoverTypes: () => ({
             isOpen: (value: boolean) => void;
         }, string, {
             testId: string;
+            delay: number | {
+                show: number;
+                hide: number;
+            };
             placement: import("floating-vue").Placement;
             disabled: boolean;
             distance: number;
@@ -154,6 +176,13 @@ declare const PopoverTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        delay: {
+            type: import("vue").PropType<number | {
+                show: number;
+                hide: number;
+            }>;
+            default: number;
+        };
         placement: {
             type: import("vue").PropType<import("floating-vue").Placement>;
             default: string;
@@ -203,6 +232,13 @@ declare const PopoverTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    delay: {
+        type: import("vue").PropType<number | {
+            show: number;
+            hide: number;
+        }>;
+        default: number;
+    };
     placement: {
         type: import("vue").PropType<import("floating-vue").Placement>;
         default: string;
@@ -247,6 +283,10 @@ declare const PopoverTypes: () => ({
     isOpen: (value: boolean) => void;
 }, string, {
     testId: string;
+    delay: number | {
+        show: number;
+        hide: number;
+    };
     placement: import("floating-vue").Placement;
     disabled: boolean;
     distance: number;

package/components/tag/Tag.vue.js

@@ -1,7 +1,7 @@
-import o from "./Tag.vue2.js";
-/* empty css          */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Tag.vue_vue_type_style_index_0_scoped_78f19cb0_lang.css"; //*');
-const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-78f19cb0"]]);
+import e from "./Tag.vue2.js";
+/* empty css          */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Tag.vue_vue_type_style_index_0_scoped_11fee894_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-11fee894"]]);
 export {
-  c as default
+  p as default
 };

package/components/tag/Tag.vue2.js

@@ -1,10 +1,10 @@
- import "../../Tag.vue_vue_type_style_index_0_scoped_78f19cb0_lang.css"; import { defineComponent as J, ref as s, computed as d, watch as S, nextTick as N, openBlock as f, createBlock as C, unref as l, withCtx as m, createElementVNode as E, createVNode as w, createTextVNode as V, toDisplayString as T, normalizeClass as p, normalizeStyle as R, withModifiers as b, createCommentVNode as $, withDirectives as O, createElementBlock as H, isRef as Q, withKeys as K, vModelText as X, vShow as Z } from "vue";
-import D from "../typography/v4/Typography.vue.js";
-import W from "../icon/v4/IconV4.vue.js";
+ import "../../Tag.vue_vue_type_style_index_0_scoped_11fee894_lang.css"; import { defineComponent as P, ref as s, computed as d, watch as L, nextTick as N, openBlock as f, createBlock as C, unref as l, withCtx as m, createVNode as w, createTextVNode as E, toDisplayString as T, normalizeClass as p, normalizeStyle as V, withModifiers as b, createElementVNode as Q, createCommentVNode as R, withDirectives as $, createElementBlock as H, isRef as X, withKeys as K, vModelText as Y, vShow as Z } from "vue";
+import O from "../typography/v4/Typography.vue.js";
+import D from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 import _ from "../chip/v4/ChipV4.vue.js";
-import ee from "../popover/v4/PopoverV4.vue.js";
-const ae = { class: "tag-max-length-tooltip" }, le = { class: "tag-content" }, te = ["placeholder", "maxlength", "onKeyup"], se = /* @__PURE__ */ J({
+import ee from "../tooltip/v4/TooltipV4.vue.js";
+const ae = { class: "tag-content" }, le = ["placeholder", "maxlength", "onKeyup"], ue = /* @__PURE__ */ P({
   __name: "Tag",
   props: {
     label: { default: "" },
@@ -22,32 +22,29 @@ const ae = { class: "tag-max-length-tooltip" }, le = { class: "tag-content" }, t
     editable: { type: Boolean, default: !1 },
     selectable: { type: Boolean, default: !0 },
     maxLength: { default: void 0 },
-    maxLengthTooltip: { default: "You have reached the maximum number of characters" }
+    maxLengthTooltip: { default: "Character limit reached" }
   },
   emits: ["update:label", "remove", "stopEditing", "update:isSelected"],
   setup(a, { emit: v }) {
-    const e = a, r = s(!1), y = s(null), h = s(void 0), k = s(!1), u = s(!1), i = s(e.isSelected || e.editable), z = d(() => !e.label && !r.value && e.placeholder), I = d(() => (console.log(
-      "isTooltipOpen",
-      e.maxLength && o.value.length >= e.maxLength && r.value
-    ), e.maxLength && o.value.length >= e.maxLength && r.value)), g = d(() => e.disabled || !e.selectable || r.value ? "outlined" : u.value ? "filled" : !i.value && !e.editable ? "outlined" : e.variant), F = d(() => e.disabled ? "default" : e.isInvalid ? "error" : i.value || !i.value && e.editable || !e.selectable ? e.color : "default"), o = d({
+    const e = a, r = s(!1), y = s(null), k = s(void 0), h = s(!1), u = s(!1), i = s(e.isSelected || e.editable), z = d(() => !e.label && !r.value && e.placeholder), I = d(() => e.maxLength && o.value.length >= e.maxLength && r.value), g = d(() => e.disabled || !e.selectable || r.value ? "outlined" : u.value ? "filled" : !i.value && !e.editable ? "outlined" : e.variant), W = d(() => e.disabled ? "default" : e.isInvalid ? "error" : i.value || !i.value && e.editable || !e.selectable ? e.color : "default"), o = d({
       get: () => e.label,
       set: (n) => {
         v("update:label", n);
       }
-    }), M = s(null), P = () => M.value?.focus(), U = async () => {
-      e.disabled || !e.selectable || (e.editable ? (r.value = !0, await N(), P()) : (i.value = !i.value, v("update:isSelected", i.value)));
-    }, Y = () => {
+    }), M = s(null), F = () => M.value?.focus(), U = async () => {
+      e.disabled || !e.selectable || (e.editable ? (r.value = !0, await N(), F()) : (i.value = !i.value, v("update:isSelected", i.value)));
+    }, j = () => {
       v("stopEditing"), x();
     }, x = () => {
       r.value = !1, !o.value && !e.placeholder && v("remove");
     };
-    S(
+    L(
       () => [o.value, e.placeholder, r.value],
       async () => {
-        await N(), r.value && y.value ? h.value = y.value.offsetWidth + "px" : h.value = void 0;
+        await N(), r.value && y.value ? k.value = y.value.offsetWidth + "px" : k.value = void 0;
       },
       { immediate: !0 }
-    ), S(
+    ), L(
       () => e.editable,
       () => {
         e.editable && (i.value = !0);
@@ -61,7 +58,7 @@ const ae = { class: "tag-max-length-tooltip" }, le = { class: "tag-content" }, t
       warning: "var(--warning-main)",
       success: "var(--success-main)",
       dark: "var(--common-divider)"
-    }, L = {
+    }, S = {
       default: "var(--action-active)",
       primary: "var(--primary-dark)",
       info: "var(--info-dark)",
@@ -69,7 +66,7 @@ const ae = { class: "tag-max-length-tooltip" }, le = { class: "tag-content" }, t
       warning: "var(--warning-dark)",
       success: "var(--success-dark)",
       dark: "var(--common-divider)"
-    }, j = {
+    }, q = {
       default: "var(--action-active)",
       primary: "var(--primary-darker)",
       info: "var(--info-darker)",
@@ -77,17 +74,17 @@ const ae = { class: "tag-max-length-tooltip" }, le = { class: "tag-content" }, t
       warning: "var(--warning-darker)",
       success: "var(--success-darker)",
       dark: "var(--common-divider)"
-    }, q = d(() => {
+    }, A = d(() => {
       if (e.disabled)
         return "var(--action-disabled)";
       const n = e.isInvalid ? "error" : e.color;
-      return k.value ? j[n] : L[n];
-    }), A = d(() => {
+      return h.value ? q[n] : S[n];
+    }), G = d(() => {
       if (e.disabled)
         return "var(--action-disabled)";
       const n = e.isInvalid ? "error" : e.color;
-      return i.value || !e.selectable ? L[n] : "var(--action-active)";
-    }), G = d(() => {
+      return i.value || !e.selectable ? S[n] : "var(--action-active)";
+    }), J = d(() => {
       if (e.editable && e.variant !== "outlined" || !e.selectable) {
         const n = r.value ? B[e.color] : "var(--primary-main-50-p)";
         return {
@@ -106,17 +103,15 @@ const ae = { class: "tag-max-length-tooltip" }, le = { class: "tag-content" }, t
       distance: 10,
       skidding: 10
     }, {
-      content: m(() => [
-        E("div", ae, [
-          w(l(D), { variant: "body2" }, {
-            default: m(() => [
-              V(T(a.maxLengthTooltip), 1)
-            ]),
-            _: 1
-          })
-        ])
+      tooltip: m(() => [
+        w(l(O), { variant: "body2" }, {
+          default: m(() => [
+            E(T(a.maxLengthTooltip), 1)
+          ]),
+          _: 1
+        })
       ]),
-      trigger: m(() => [
+      default: m(() => [
         w(l(_), {
           class: p({
             "rounded-tag": a.rounded,
@@ -133,48 +128,48 @@ const ae = { class: "tag-max-length-tooltip" }, le = { class: "tag-content" }, t
           }),
           label: l(o),
           "test-id": a.testId,
-          color: l(F),
+          color: l(W),
           size: a.size,
           variant: l(g),
           disabled: a.disabled,
-          style: R(l(G)),
+          style: V(l(J)),
           onMouseover: t[5] || (t[5] = (c) => u.value = !0),
           onMouseleave: t[6] || (t[6] = (c) => u.value = !1),
           onClick: b(U, ["stop"])
         }, {
           default: m(() => [
-            E("div", le, [
-              a.iconName ? (f(), C(l(W), {
+            Q("div", ae, [
+              a.iconName ? (f(), C(l(D), {
                 key: 0,
                 name: a.iconName,
                 size: "16px",
-                color: l(A),
+                color: l(G),
                 class: "tag-icon",
                 type: a.iconType
-              }, null, 8, ["name", "color", "type"])) : $("", !0),
-              r.value ? O((f(), H("input", {
+              }, null, 8, ["name", "color", "type"])) : R("", !0),
+              r.value ? $((f(), H("input", {
                 key: 2,
                 ref_key: "inputRef",
                 ref: M,
-                "onUpdate:modelValue": t[0] || (t[0] = (c) => Q(o) ? o.value = c : null),
+                "onUpdate:modelValue": t[0] || (t[0] = (c) => X(o) ? o.value = c : null),
                 placeholder: a.placeholder,
                 class: p(["tag-input", { "tag-input-outline": a.variant === "outlined" }]),
                 spellcheck: "false",
-                style: R({ width: h.value }),
+                style: V({ width: k.value }),
                 maxlength: a.maxLength,
-                onBlur: Y,
+                onBlur: j,
                 onKeyup: [
                   K(b(x, ["prevent"]), ["enter"]),
                   K(b(x, ["prevent"]), ["esc"])
                 ]
-              }, null, 46, te)), [
+              }, null, 46, le)), [
                 [
-                  X,
+                  Y,
                   l(o),
                   void 0,
                   { trim: !0 }
                 ]
-              ]) : (f(), C(l(D), {
+              ]) : (f(), C(l(O), {
                 key: 1,
                 variant: "chipLabel",
                 class: p(["tag-label", {
@@ -183,7 +178,7 @@ const ae = { class: "tag-max-length-tooltip" }, le = { class: "tag-content" }, t
                 }])
               }, {
                 default: m(() => [
-                  V(T(l(o) || a.placeholder), 1)
+                  E(T(l(o) || a.placeholder), 1)
                 ]),
                 _: 1
               }, 8, ["class"])),
@@ -192,18 +187,18 @@ const ae = { class: "tag-max-length-tooltip" }, le = { class: "tag-content" }, t
                 ref_key: "sizerRef",
                 ref: y,
                 class: "tag-input-sizer"
-              }, T(l(o) || a.placeholder || ""), 513)) : $("", !0)
+              }, T(l(o) || a.placeholder || ""), 513)) : R("", !0)
             ]),
-            O(w(l(W), {
+            $(w(l(D), {
               class: p(["clear-button", { "clear-button--invalid": a.isInvalid }]),
               name: "x-circle",
               size: "16px",
               type: "fill",
-              color: l(q),
+              color: l(A),
               onMousedown: t[1] || (t[1] = b(() => {
               }, ["prevent"])),
-              onMouseover: t[2] || (t[2] = (c) => k.value = !0),
-              onMouseleave: t[3] || (t[3] = (c) => k.value = !1),
+              onMouseover: t[2] || (t[2] = (c) => h.value = !0),
+              onMouseleave: t[3] || (t[3] = (c) => h.value = !1),
               onClick: t[4] || (t[4] = b((c) => v("remove"), ["stop"]))
             }, null, 8, ["class", "color"]), [
               [Z, a.editable && !l(z) && a.selectable]
@@ -217,5 +212,5 @@ const ae = { class: "tag-max-length-tooltip" }, le = { class: "tag-content" }, t
   }
 });
 export {
-  se as default
+  ue as default
 };

package/index.d.ts

@@ -29,6 +29,10 @@ declare const _default: {
             $data: {};
             $props: Partial<{
                 testId: string;
+                delay: number | {
+                    show: number;
+                    hide: number;
+                };
                 placement: import("floating-vue").Placement;
                 disabled: boolean;
                 distance: number;
@@ -43,6 +47,13 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                delay: {
+                    type: import("vue").PropType<number | {
+                        show: number;
+                        hide: number;
+                    }>;
+                    default: number;
+                };
                 placement: {
                     type: import("vue").PropType<import("floating-vue").Placement>;
                     default: string;
@@ -81,7 +92,7 @@ declare const _default: {
                 };
             }>> & {
                 onIsOpen?: (value: boolean) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "container" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "delay" | "placement" | "disabled" | "distance" | "container" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -100,6 +111,13 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                delay: {
+                    type: import("vue").PropType<number | {
+                        show: number;
+                        hide: number;
+                    }>;
+                    default: number;
+                };
                 placement: {
                     type: import("vue").PropType<import("floating-vue").Placement>;
                     default: string;
@@ -144,6 +162,10 @@ declare const _default: {
                 isOpen: (value: boolean) => void;
             }, string, {
                 testId: string;
+                delay: number | {
+                    show: number;
+                    hide: number;
+                };
                 placement: import("floating-vue").Placement;
                 disabled: boolean;
                 distance: number;
@@ -178,6 +200,13 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            delay: {
+                type: import("vue").PropType<number | {
+                    show: number;
+                    hide: number;
+                }>;
+                default: number;
+            };
             placement: {
                 type: import("vue").PropType<import("floating-vue").Placement>;
                 default: string;
@@ -227,6 +256,13 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        delay: {
+            type: import("vue").PropType<number | {
+                show: number;
+                hide: number;
+            }>;
+            default: number;
+        };
         placement: {
             type: import("vue").PropType<import("floating-vue").Placement>;
             default: string;
@@ -271,6 +307,10 @@ declare const _default: {
         isOpen: (value: boolean) => void;
     }, string, {
         testId: string;
+        delay: number | {
+            show: number;
+            hide: number;
+        };
         placement: import("floating-vue").Placement;
         disabled: boolean;
         distance: number;
@@ -292,6 +332,10 @@ declare const _default: {
             $data: {};
             $props: Partial<{
                 testId: string;
+                delay: number | {
+                    show: number;
+                    hide: number;
+                };
                 placement: import("floating-vue").Placement;
                 disabled: boolean;
                 distance: number;
@@ -306,6 +350,13 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                delay: {
+                    type: import("vue").PropType<number | {
+                        show: number;
+                        hide: number;
+                    }>;
+                    default: number;
+                };
                 placement: {
                     type: import("vue").PropType<import("floating-vue").Placement>;
                     default: string;
@@ -344,7 +395,7 @@ declare const _default: {
                 };
             }>> & {
                 onIsOpen?: (value: boolean) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "container" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "delay" | "placement" | "disabled" | "distance" | "container" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -363,6 +414,13 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                delay: {
+                    type: import("vue").PropType<number | {
+                        show: number;
+                        hide: number;
+                    }>;
+                    default: number;
+                };
                 placement: {
                     type: import("vue").PropType<import("floating-vue").Placement>;
                     default: string;
@@ -407,6 +465,10 @@ declare const _default: {
                 isOpen: (value: boolean) => void;
             }, string, {
                 testId: string;
+                delay: number | {
+                    show: number;
+                    hide: number;
+                };
                 placement: import("floating-vue").Placement;
                 disabled: boolean;
                 distance: number;
@@ -441,6 +503,13 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            delay: {
+                type: import("vue").PropType<number | {
+                    show: number;
+                    hide: number;
+                }>;
+                default: number;
+            };
             placement: {
                 type: import("vue").PropType<import("floating-vue").Placement>;
                 default: string;
@@ -490,6 +559,13 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        delay: {
+            type: import("vue").PropType<number | {
+                show: number;
+                hide: number;
+            }>;
+            default: number;
+        };
         placement: {
             type: import("vue").PropType<import("floating-vue").Placement>;
             default: string;
@@ -534,6 +610,10 @@ declare const _default: {
         isOpen: (value: boolean) => void;
     }, string, {
         testId: string;
+        delay: number | {
+            show: number;
+            hide: number;
+        };
         placement: import("floating-vue").Placement;
         disabled: boolean;
         distance: number;

package/index.js

@@ -1,4 +1,4 @@
-import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
+import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css';
 import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as ao } from "./components/menuItem/index.js";

package/package.json

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

package/PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css

@@ -1 +0,0 @@
-div[data-v-66694b4e]{display:block}

package/Tag.vue_vue_type_style_index_0_scoped_78f19cb0_lang.css

@@ -1 +0,0 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-78f19cb0],.font-chart-2[data-v-78f19cb0],.font-chart-1[data-v-78f19cb0]{font-family:Inter,sans-serif;font-weight:700}.tag-input-sizer[data-v-78f19cb0],.tag-input[data-v-78f19cb0],.font-chip-label[data-v-78f19cb0],.font-table-label[data-v-78f19cb0],.font-button[data-v-78f19cb0],.font-heading-6[data-v-78f19cb0],.font-heading-5[data-v-78f19cb0],.font-heading-4[data-v-78f19cb0],.font-heading-3[data-v-78f19cb0],.font-heading-2[data-v-78f19cb0],.font-heading-1[data-v-78f19cb0],.font-title[data-v-78f19cb0]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-78f19cb0],.font-input-label[data-v-78f19cb0],.font-overline[data-v-78f19cb0],.font-subtitle-2[data-v-78f19cb0],.font-subtitle-1[data-v-78f19cb0]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-78f19cb0],.font-body-2[data-v-78f19cb0],.font-body-1[data-v-78f19cb0]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-78f19cb0]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-78f19cb0]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-78f19cb0]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-78f19cb0]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-78f19cb0]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-78f19cb0]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-78f19cb0]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-78f19cb0]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-78f19cb0]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-78f19cb0]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-78f19cb0]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-78f19cb0]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-78f19cb0]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-78f19cb0]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-78f19cb0]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-78f19cb0]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-78f19cb0]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-78f19cb0]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-78f19cb0],.font-tab-label2[data-v-78f19cb0]{font-size:.875rem;line-height:1rem}.tag-input-sizer[data-v-78f19cb0],.tag-input[data-v-78f19cb0],.font-chip-label[data-v-78f19cb0]{font-size:.75rem;line-height:1rem}h1[data-v-78f19cb0],h2[data-v-78f19cb0],h3[data-v-78f19cb0],h4[data-v-78f19cb0],h5[data-v-78f19cb0],h6[data-v-78f19cb0]{margin:0}.rounded-tag[data-v-78f19cb0]{border-radius:100px}.tag-editing[data-v-78f19cb0]{outline:1px solid var(--outline-color)}.unselected-tag-hover-outline[data-v-78f19cb0]{background-color:var(--action-hover)}.tag-hover-outline[data-v-78f19cb0]{outline:1px solid var(--outline-color);cursor:pointer}.unselected-tag[data-v-78f19cb0]{outline:1px solid var(--action-outlined-border)}.tag-disabled[data-v-78f19cb0]{background-color:transparent;outline:1px solid var(--action-disabled)}.tag-content[data-v-78f19cb0]{display:flex;align-items:center;position:relative;min-width:.625rem;max-width:31.25rem}.tag-icon[data-v-78f19cb0]{margin-right:.25rem}.tag-label[data-v-78f19cb0]{user-select:none;min-width:.5rem}.tag-label--disabled[data-v-78f19cb0]{color:var(--action-disabled)}.tag-label--hidden[data-v-78f19cb0]{visibility:hidden}.tag-input[data-v-78f19cb0]{position:static;width:auto;background:transparent;min-width:.6rem;padding:0;border:none;max-width:100%;overflow-x:auto;white-space:nowrap}.tag-input[data-v-78f19cb0]:focus{outline:none}.tag-input-outline[data-v-78f19cb0]::placeholder{color:var(--action-disabled)}.clear-button[data-v-78f19cb0]{margin-left:.25rem;color:var(--action-active);cursor:pointer}.clear-button[data-v-78f19cb0]:hover{color:var(--text-primary)}.clear-button--invalid[data-v-78f19cb0]{color:var(--error-dark)}.clear-button--invalid[data-v-78f19cb0]:hover{color:var(--error-darker)}.tag-input-sizer[data-v-78f19cb0]{position:absolute;visibility:hidden;height:0;white-space:pre;pointer-events:none;padding:0}.editable-tag[data-v-78f19cb0]{cursor:text}.empty-tag[data-v-78f19cb0]{background-color:transparent;outline:1px dashed var(--action-outlined-border);color:var(--text-secondary)}.empty-tag[data-v-78f19cb0]:hover:not(.tag-disabled){outline:1px dashed var(--action-active)}.tag-max-length-tooltip[data-v-78f19cb0]{display:flex;width:15.625rem;padding:.25rem}