@ironsource/shared-ui 2.1.11-rc.33 → 2.1.11-rc.35

package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_9151e036_lang.css

@@ -0,0 +1 @@
+.button-trigger.open[data-v-9151e036]{background:var(--action-selected);outline:2px solid var(--action-active);outline-offset:-2px;transition:outline 0s}.button-trigger.open[data-v-9151e036]:hover{background:var(--action-selected)}.button-trigger .label-wrapper[data-v-9151e036]{display:block;width:100%}.button-trigger .label-wrapper .label[data-v-9151e036]{white-space:nowrap}

package/ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css

@@ -0,0 +1 @@
+.chart-header[data-v-b8213498]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header .subheader[data-v-b8213498]{color:var(--text-secondary)}.header-texts[data-v-b8213498]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px;cursor:default}.type-switch[data-v-b8213498]{display:flex;align-items:center;gap:4px}

package/ChartLegend.vue_vue_type_style_index_0_scoped_214d2926_lang.css

@@ -0,0 +1 @@
+.disabled-tooltip[data-v-214d2926],.disabled-tooltip[data-v-214d2926] .container{width:100%}.chart-legend[data-v-214d2926]{display:flex;flex-direction:column;width:220px;height:100%;padding:0 8px 8px}.search-box[data-v-214d2926]{padding:12px 0 4px}.legend[data-v-214d2926]{overflow-y:auto;color:var(--text-primary);height:100%;overflow-x:hidden}.legend__list[data-v-214d2926]{list-style:none;padding:0}.legend__list>li[data-v-214d2926]{display:flex;align-items:center;gap:8px;padding:6px 8px}.legend__list>li[data-v-214d2926]:hover{background-color:var(--action-hover, rgba(0, 0, 0, .05));border-radius:8px;cursor:pointer}.legend__list>li.disabled-item[data-v-214d2926]{cursor:not-allowed!important;opacity:.5;background:var(--background-paper)}.legend__list>li .item-wrapper[data-v-214d2926]{display:flex;align-items:center;gap:8px;width:100%}.legend__list>li .item-wrapper .legend-label[data-v-214d2926]{width:80%}.legend__list>li .item-wrapper .icon-color[data-v-214d2926]{color:var(--action-active)}.legend__list>li .item-wrapper .label-container[data-v-214d2926]{display:flex;flex-direction:column;width:100%}.legend__list>li .item-wrapper .label-container .legend-caption[data-v-214d2926]{color:var(--text-secondary, #646464)}

package/CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css

@@ -0,0 +1 @@
+.checkbox[data-v-af4ae3c3]{color:var(--primary-light);position:relative;cursor:pointer;display:flex;align-items:center;user-select:none;line-height:0}.checkbox.focus-visible .checkbox__inner[data-v-af4ae3c3]{outline:solid;border-radius:4px}.icon.unchecked[data-v-af4ae3c3]{color:var(--default-outlined-border)}.checkbox:hover .icon.unchecked[data-v-af4ae3c3]{color:var(--action-active)}.checkboxes[data-v-af4ae3c3]{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;line-height:0;margin:0;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;border-radius:50%}.input[data-v-af4ae3c3]{z-index:-1;cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0}.checkbox__inner[data-v-af4ae3c3]{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0}.states[data-v-af4ae3c3]{width:var(--spacing-200);height:var(--spacing-200)}.disabled[data-v-af4ae3c3]{cursor:not-allowed}.disabled .checkbox-label[data-v-af4ae3c3]{color:var(--text-disabled)}.checkbox-label[data-v-af4ae3c3]{margin-left:var(--spacing-100);color:var(--text-primary)}

package/components/chart/ChartHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartHeader.vue2.js";
 /* empty css                  */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartHeader.vue_vue_type_style_index_0_scoped_088fa9b9_lang.css"; //*');
-const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-088fa9b9"]]);
+// import "../../ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-b8213498"]]);
 export {
-  r as default
+  s as default
 };

package/components/chart/ChartHeader.vue2.js

@@ -1,4 +1,4 @@
- import "../../ChartHeader.vue_vue_type_style_index_0_scoped_088fa9b9_lang.css"; import { defineComponent as y, computed as T, openBlock as c, createElementBlock as b, createElementVNode as S, createVNode as i, unref as a, withCtx as o, renderSlot as V, createTextVNode as s, toDisplayString as u, createBlock as g, isRef as v, createCommentVNode as w } from "vue";
+ import "../../ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css"; import { defineComponent as y, computed as T, openBlock as c, createElementBlock as b, createElementVNode as S, createVNode as i, unref as a, withCtx as o, renderSlot as V, createTextVNode as s, toDisplayString as u, createBlock as g, isRef as v, createCommentVNode as w } from "vue";
 import h from "../typography/v4/Typography.vue.js";
 import B from "../switch/v4/SwitchV4.vue.js";
 import { ChartType as r } from "./types.js";

package/components/chart/ChartLegend.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartLegend.vue2.js";
 /* empty css                  */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_f00a9b1f_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f00a9b1f"]]);
+// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_214d2926_lang.css"; //*');
+const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-214d2926"]]);
 export {
-  a as default
+  d as default
 };

package/components/chart/ChartLegend.vue2.js

@@ -1,4 +1,4 @@
- import "../../ChartLegend.vue_vue_type_style_index_0_scoped_f00a9b1f_lang.css"; import { defineComponent as N, ref as S, computed as p, openBlock as c, createElementBlock as u, createElementVNode as a, createVNode as n, unref as l, mergeProps as x, Fragment as U, renderList as M, normalizeClass as A, withCtx as m, createBlock as F, createCommentVNode as H, createTextVNode as _, toDisplayString as I } from "vue";
+ import "../../ChartLegend.vue_vue_type_style_index_0_scoped_214d2926_lang.css"; import { defineComponent as N, ref as S, computed as p, openBlock as r, createElementBlock as u, createElementVNode as a, createVNode as n, unref as l, mergeProps as x, Fragment as U, renderList as M, normalizeClass as A, withCtx as m, createBlock as F, createCommentVNode as H, createTextVNode as _, toDisplayString as I } from "vue";
 import { useVirtualList as P } from "@vueuse/core";
 import L from "../typography/v4/Typography.vue.js";
 import z from "../checkbox/v4/CheckboxV4.vue.js";
@@ -7,7 +7,7 @@ import { DEFAULT_MIN_VISIBLE as q, DEFAULT_MAX_VISIBLE as G } from "./consts.js"
 import X from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 import $ from "../tooltip/v4/TooltipV4.vue.js";
-const j = { class: "chart-legend" }, J = { class: "search-box" }, K = ["onClick"], O = { class: "item-wrapper" }, Q = { class: "label-container" }, ae = /* @__PURE__ */ N({
+const j = { class: "chart-legend" }, J = { class: "search-box" }, K = { class: "item-wrapper" }, O = ["onClick"], se = /* @__PURE__ */ N({
   __name: "ChartLegend",
   props: {
     items: { default: () => [] },
@@ -18,8 +18,8 @@ const j = { class: "chart-legend" }, J = { class: "search-box" }, K = ["onClick"
   },
   emits: ["update:visibleIds"],
   setup(b, { emit: T }) {
-    const o = b, k = 32, d = S(""), C = p(() => {
-      const t = d.value.toLowerCase();
+    const o = b, k = 32, c = S(""), C = p(() => {
+      const t = c.value.toLowerCase();
       return o.items.filter(
         (i) => i.label.toLowerCase().includes(t)
       );
@@ -27,7 +27,7 @@ const j = { class: "chart-legend" }, J = { class: "search-box" }, K = ["onClick"
       () => o.visibleIds.length >= o.maxVisible
     ), g = p(
       () => o.visibleIds.length <= o.minVisible
-    ), r = (t) => g.value && s(t) || f.value && !s(t), V = (t) => !o.maxLimitTooltipText || s(t) || !f.value, h = (t, i) => {
+    ), d = (t) => g.value && s(t) || f.value && !s(t), V = (t) => !o.maxLimitTooltipText || s(t) || !f.value, h = (t, i) => {
       T(
         "update:visibleIds",
         t ? [...o.visibleIds, i.id] : o.visibleIds.filter((e) => e !== i.id)
@@ -36,21 +36,20 @@ const j = { class: "chart-legend" }, J = { class: "search-box" }, K = ["onClick"
       itemHeight: k,
       overscan: 10
     }), B = (t) => {
-      r(t) || h(!s(t), t);
+      d(t) || h(!s(t), t);
     };
-    return (t, i) => (c(), u("div", j, [
+    return (t, i) => (r(), u("div", j, [
       a("div", J, [
         n(l(R), {
-          modelValue: d.value,
-          "onUpdate:modelValue": i[0] || (i[0] = (e) => d.value = e)
+          modelValue: c.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (e) => c.value = e)
         }, null, 8, ["modelValue"])
       ]),
       a("div", x({ class: "legend" }, l(E)), [
         a("ul", x({ class: "legend__list" }, l(w)), [
-          (c(!0), u(U, null, M(l(y), ({ data: e, index: D }) => (c(), u("li", {
+          (r(!0), u(U, null, M(l(y), ({ data: e, index: D }) => (r(), u("li", {
             key: D,
-            class: A({ "disabled-item": r(e) }),
-            onClick: (v) => B(e)
+            class: A({ "disabled-item": d(e) })
           }, [
             n(l($), {
               text: b.maxLimitTooltipText,
@@ -58,21 +57,24 @@ const j = { class: "chart-legend" }, J = { class: "search-box" }, K = ["onClick"
               class: "disabled-tooltip"
             }, {
               default: m(() => [
-                a("div", O, [
+                a("div", K, [
                   n(l(z), {
                     color: e.color,
                     "is-checked": s(e),
-                    disabled: r(e),
+                    disabled: d(e),
                     "onUpdate:isChecked": (v) => h(v, e)
                   }, null, 8, ["color", "is-checked", "disabled", "onUpdate:isChecked"]),
-                  e.icon ? (c(), F(l(X), {
+                  e.icon ? (r(), F(l(X), {
                     key: 0,
                     class: "icon-color",
                     type: e.iconType,
                     name: e.icon,
                     size: "16px"
                   }, null, 8, ["type", "name"])) : H("", !0),
-                  a("div", Q, [
+                  a("div", {
+                    class: "label-container",
+                    onClick: (v) => B(e)
+                  }, [
                     n(l(L), {
                       variant: "body2",
                       class: "legend-label",
@@ -99,17 +101,17 @@ const j = { class: "chart-legend" }, J = { class: "search-box" }, K = ["onClick"
                       ]),
                       _: 2
                     }, 1032, ["tooltip-text"])
-                  ])
+                  ], 8, O)
                 ])
               ]),
               _: 2
             }, 1032, ["text", "disabled"])
-          ], 10, K))), 128))
+          ], 2))), 128))
         ], 16)
       ], 16)
     ]));
   }
 });
 export {
-  ae as default
+  se as default
 };

package/components/checkbox/v4/CheckboxV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./CheckboxV4.vue2.js";
 /* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8e5b619a"]]);
+// import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-af4ae3c3"]]);
 export {
-  c as default
+  t as default
 };

package/components/checkbox/v4/CheckboxV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css"; import { defineComponent as D, openBlock as o, createElementBlock as f, mergeProps as a, unref as e, createElementVNode as u, Fragment as B, createBlock as n, createCommentVNode as c, withCtx as V, renderSlot as $, createTextVNode as F, toDisplayString as g, pushScopeId as A, popScopeId as T } from "vue";
+ import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css"; import { defineComponent as D, openBlock as o, createElementBlock as f, mergeProps as a, unref as e, createElementVNode as u, Fragment as B, createBlock as n, createCommentVNode as c, withCtx as V, renderSlot as $, createTextVNode as F, toDisplayString as g, pushScopeId as A, popScopeId as T } from "vue";
 import v from "../../typography/v4/Typography.vue.js";
 import L from "./icons/UncheckedState.vue.js";
 import N from "./icons/CheckedState.vue.js";
@@ -9,7 +9,7 @@ import K from "./icons/IndeterminateDisabledState.vue.js";
 import { CheckboxTestIdModifiers as i } from "../../../testids/index.js";
 import { checkboxCommon as R } from "../common/Checkbox.common.js";
 import { useTestIdAttrs as U } from "../../../utils/testIds.js";
-const M = (t) => (A("data-v-8e5b619a"), t = t(), T(), t), W = ["for"], j = { class: "checkboxes" }, q = ["id", "disabled", "checked", ".indeterminate"], z = /* @__PURE__ */ M(() => /* @__PURE__ */ u("span", { class: "checkbox__inner" }, null, -1)), G = { class: "states" }, le = /* @__PURE__ */ D({
+const M = (t) => (A("data-v-af4ae3c3"), t = t(), T(), t), W = ["for"], j = { class: "checkboxes" }, q = ["id", "disabled", "checked", ".indeterminate"], z = /* @__PURE__ */ M(() => /* @__PURE__ */ u("span", { class: "checkbox__inner" }, null, -1)), G = { class: "states" }, le = /* @__PURE__ */ D({
   __name: "CheckboxV4",
   props: {
     isChecked: { type: Boolean },

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

@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     hideEndIcon?: boolean;
     testId?: string;
-    maxWidth?: string;
+    maxWidth?: number;
     withTooltip?: boolean;
     tooltipPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
 }>, {
@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     startIconType: string;
     hideEndIcon: boolean;
     testId: string;
-    maxWidth: string;
+    maxWidth: number;
     withTooltip: boolean;
     tooltipPlacement: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -35,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     hideEndIcon?: boolean;
     testId?: string;
-    maxWidth?: string;
+    maxWidth?: number;
     withTooltip?: boolean;
     tooltipPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
 }>, {
@@ -47,7 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     startIconType: string;
     hideEndIcon: boolean;
     testId: string;
-    maxWidth: string;
+    maxWidth: number;
     withTooltip: boolean;
     tooltipPlacement: string;
 }>>> & {
@@ -59,7 +59,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     disabled: boolean;
     size: "small" | "medium";
-    maxWidth: string;
+    maxWidth: number;
     open: boolean;
     startIconName: string;
     startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";

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

@@ -1,7 +1,7 @@
 import o from "./ButtonDropdownTrigger.vue2.js";
-/* empty css                            */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_853b18b2_lang.css"; //*');
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-853b18b2"]]);
+/* empty css                            */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_9151e036_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9151e036"]]);
 export {
   p as default
 };

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

@@ -1,10 +1,10 @@
- import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_853b18b2_lang.css"; import { defineComponent as n, openBlock as i, createBlock as d, unref as r, normalizeClass as c, withCtx as a, renderSlot as u, createElementVNode as m, normalizeStyle as s, createVNode as f, createTextVNode as p, toDisplayString as y } from "vue";
-import b from "../../button/v4/ButtonV4.vue.js";
+ import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_9151e036_lang.css"; import { defineComponent as c, openBlock as s, createBlock as u, unref as o, normalizeClass as m, withCtx as n, renderSlot as f, createElementVNode as p, normalizeStyle as y, createVNode as h, createTextVNode as b, toDisplayString as x } from "vue";
+import T from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
-import h from "../../typography/v4/Typography.vue.js";
-const z = /* @__PURE__ */ n({
+import B from "../../typography/v4/Typography.vue.js";
+const W = /* @__PURE__ */ c({
   __name: "ButtonDropdownTrigger",
   props: {
     label: null,
@@ -16,14 +16,15 @@ const z = /* @__PURE__ */ n({
     startIconType: { default: "regular" },
     hideEndIcon: { type: Boolean, default: !1 },
     testId: { default: "" },
-    maxWidth: { default: "" },
+    maxWidth: { default: 0 },
     withTooltip: { type: Boolean, default: !0 },
     tooltipPlacement: { default: "top" }
   },
   emits: ["click"],
-  setup(t, { emit: l }) {
-    return (o, e) => (i(), d(r(b), {
-      class: c(["button-trigger", { open: t.open }]),
+  setup(t, { emit: i }) {
+    const e = t, a = 40, d = e.maxWidth > a ? { maxWidth: `${e.maxWidth - a}px` } : {};
+    return (r, l) => (s(), u(o(T), {
+      class: m(["button-trigger", { open: t.open }]),
       disabled: t.disabled,
       color: "default",
       variant: t.variant,
@@ -33,15 +34,15 @@ const z = /* @__PURE__ */ n({
       "end-icon-name": t.hideEndIcon ? null : "caret-down",
       content: t.label,
       "test-id": t.testId,
-      onClick: e[0] || (e[0] = (w) => l("click"))
+      onClick: l[0] || (l[0] = (g) => i("click"))
     }, {
-      default: a(() => [
-        u(o.$slots, "default", {}, () => [
-          m("div", {
-            style: s({ maxWidth: t.maxWidth }),
+      default: n(() => [
+        f(r.$slots, "default", {}, () => [
+          p("div", {
+            style: y(o(d)),
             class: "label-wrapper"
           }, [
-            f(h, {
+            h(B, {
               variant: "button",
               class: "label",
               "is-truncated": "",
@@ -49,8 +50,8 @@ const z = /* @__PURE__ */ n({
               "tooltip-text": t.label,
               "tooltip-placement": t.tooltipPlacement
             }, {
-              default: a(() => [
-                p(y(t.label), 1)
+              default: n(() => [
+                b(x(t.label), 1)
               ]),
               _: 1
             }, 8, ["with-tooltip", "tooltip-text", "tooltip-placement"])
@@ -62,5 +63,5 @@ const z = /* @__PURE__ */ n({
   }
 });
 export {
-  z as default
+  W as default
 };

package/index.d.ts

@@ -18025,7 +18025,7 @@ declare const _default: {
                 tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 disabled: boolean;
                 size: "small" | "medium";
-                maxWidth: string;
+                maxWidth: number;
                 open: boolean;
                 startIconName: string;
                 startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -18060,8 +18060,8 @@ declare const _default: {
                     default: string;
                 };
                 maxWidth: {
-                    type: import("vue").PropType<string>;
-                    default: string;
+                    type: import("vue").PropType<number>;
+                    default: number;
                 };
                 open: {
                     type: import("vue").PropType<boolean>;
@@ -18125,8 +18125,8 @@ declare const _default: {
                     default: string;
                 };
                 maxWidth: {
-                    type: import("vue").PropType<string>;
-                    default: string;
+                    type: import("vue").PropType<number>;
+                    default: number;
                 };
                 open: {
                     type: import("vue").PropType<boolean>;
@@ -18155,7 +18155,7 @@ declare const _default: {
                 tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 disabled: boolean;
                 size: "small" | "medium";
-                maxWidth: string;
+                maxWidth: number;
                 open: boolean;
                 startIconName: string;
                 startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -18210,8 +18210,8 @@ declare const _default: {
                 default: string;
             };
             maxWidth: {
-                type: import("vue").PropType<string>;
-                default: string;
+                type: import("vue").PropType<number>;
+                default: number;
             };
             open: {
                 type: import("vue").PropType<boolean>;
@@ -18265,8 +18265,8 @@ declare const _default: {
             default: string;
         };
         maxWidth: {
-            type: import("vue").PropType<string>;
-            default: string;
+            type: import("vue").PropType<number>;
+            default: number;
         };
         open: {
             type: import("vue").PropType<boolean>;
@@ -18295,7 +18295,7 @@ declare const _default: {
         tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         disabled: boolean;
         size: "small" | "medium";
-        maxWidth: string;
+        maxWidth: number;
         open: boolean;
         startIconName: string;
         startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";

package/index.js

@@ -1,4 +1,4 @@
-import './AddFilterButton.vue_vue_type_style_index_0_scoped_fd98af08_lang.css';
+import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
 import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as po } from "./components/menuItem/index.js";

package/package.json

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

package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_853b18b2_lang.css

@@ -1 +0,0 @@
-.button-trigger.open[data-v-853b18b2]{background:var(--action-selected);outline:2px solid var(--action-active);outline-offset:-2px;transition:outline 0s}.button-trigger.open[data-v-853b18b2]:hover{background:var(--action-selected)}.button-trigger .label-wrapper[data-v-853b18b2]{display:block;width:100%}.button-trigger .label-wrapper .label[data-v-853b18b2]{white-space:nowrap}

package/ChartHeader.vue_vue_type_style_index_0_scoped_088fa9b9_lang.css

@@ -1 +0,0 @@
-.chart-header[data-v-088fa9b9]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header .subheader[data-v-088fa9b9]{color:var(--text-secondary)}.header-texts[data-v-088fa9b9]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px}.type-switch[data-v-088fa9b9]{display:flex;align-items:center;gap:4px}

package/ChartLegend.vue_vue_type_style_index_0_scoped_f00a9b1f_lang.css

@@ -1 +0,0 @@
-.disabled-tooltip[data-v-f00a9b1f],.disabled-tooltip[data-v-f00a9b1f] .container{width:100%}.chart-legend[data-v-f00a9b1f]{display:flex;flex-direction:column;width:220px;height:100%;padding:0 8px 8px}.search-box[data-v-f00a9b1f]{padding:12px 0 4px}.legend[data-v-f00a9b1f]{overflow-y:auto;color:var(--text-primary);height:100%;overflow-x:hidden}.legend__list[data-v-f00a9b1f]{list-style:none;padding:0}.legend__list>li[data-v-f00a9b1f]{display:flex;align-items:center;gap:8px;padding:6px 8px}.legend__list>li[data-v-f00a9b1f]:hover{background-color:var(--action-hover, rgba(0, 0, 0, .05));border-radius:8px;cursor:pointer}.legend__list>li.disabled-item[data-v-f00a9b1f]{cursor:not-allowed!important;opacity:.5;background:var(--background-paper)}.legend__list>li .item-wrapper[data-v-f00a9b1f]{display:flex;align-items:center;gap:8px;width:100%}.legend__list>li .item-wrapper .legend-label[data-v-f00a9b1f]{width:80%}.legend__list>li .item-wrapper .icon-color[data-v-f00a9b1f]{color:var(--action-active)}.legend__list>li .item-wrapper .label-container[data-v-f00a9b1f]{display:flex;flex-direction:column;width:100%}.legend__list>li .item-wrapper .label-container .legend-caption[data-v-f00a9b1f]{color:var(--text-secondary, #646464)}

package/CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css

@@ -1 +0,0 @@
-.checkbox[data-v-8e5b619a]{color:var(--primary-light);position:relative;cursor:pointer;display:flex;align-items:center;user-select:none;line-height:0}.checkbox.focus-visible .checkbox__inner[data-v-8e5b619a]{outline:solid;border-radius:4px}.icon.unchecked[data-v-8e5b619a]{color:var(--default-outlined-border)}.checkbox:hover .icon.unchecked[data-v-8e5b619a]{color:var(--action-active)}.checkboxes[data-v-8e5b619a]{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;line-height:0;margin:0;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;border-radius:50%}.input[data-v-8e5b619a]{z-index:-1;cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0}.checkbox__inner[data-v-8e5b619a]{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0}.states[data-v-8e5b619a]{width:var(--spacing-200);height:var(--spacing-200)}.disabled[data-v-8e5b619a]{cursor:default}.disabled .checkbox-label[data-v-8e5b619a]{color:var(--text-disabled)}.checkbox-label[data-v-8e5b619a]{margin-left:var(--spacing-100);color:var(--text-primary)}