@ironsource/shared-ui 2.1.6-rc.18 → 2.1.6-rc.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/OptionV4.vue_vue_type_style_index_0_scoped_e0c24b6a_lang.css +1 -0
  2. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  3. package/components/dropdown/v4/OptionV4.vue2.js +5 -5
  4. package/package.json +1 -1
  5. package/OptionV4.vue_vue_type_style_index_0_scoped_7f8f35a1_lang.css +0 -1
package/OptionV4.vue_vue_type_style_index_0_scoped_e0c24b6a_lang.css ADDED
@@ -0,0 +1 @@
1
+ .label[data-v-e0c24b6a]{color:#41454d}.item-container[data-v-e0c24b6a]{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-e0c24b6a]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-e0c24b6a]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-e0c24b6a],.item-container[data-v-e0c24b6a]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-e0c24b6a]{background-color:var(--action-selected)}.subtitle[data-v-e0c24b6a]{color:#7b838c;line-height:1rem}.clear-button[data-v-e0c24b6a]{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-e0c24b6a]:hover{color:#3083ff}.item[data-v-e0c24b6a]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-e0c24b6a],.item--multi[data-v-e0c24b6a]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-e0c24b6a]{width:20px;height:20px;flex:none}.item .image img[data-v-e0c24b6a]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-e0c24b6a],.item .end-icon[data-v-e0c24b6a]{display:flex;color:var(--action-active)}.item .option-text[data-v-e0c24b6a]{line-height:1.1875rem}.text-container[data-v-e0c24b6a]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-e0c24b6a]{display:block}.tooltip-option[data-v-e0c24b6a] .container{width:100%}
package/components/dropdown/v4/OptionV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./OptionV4.vue2.js";
2
- /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_7f8f35a1_lang.css"; //*');
4
- const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-7f8f35a1"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_e0c24b6a_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e0c24b6a"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/dropdown/v4/OptionV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_7f8f35a1_lang.css"; import { defineComponent as $, openBlock as n, createBlock as u, unref as i, withCtx as y, createElementVNode as s, normalizeClass as b, createCommentVNode as o, createElementBlock as l, renderSlot as c, createVNode as d, createTextVNode as k, toDisplayString as h, withModifiers as C } from "vue";
1
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_e0c24b6a_lang.css"; import { defineComponent as $, openBlock as n, createBlock as u, unref as i, withCtx as y, createElementVNode as s, normalizeClass as b, createCommentVNode as o, createElementBlock as l, renderSlot as c, createVNode as d, createTextVNode as k, toDisplayString as h, withModifiers as C } from "vue";
2
2
  import "../../typography/Heading.vue.js";
3
3
  import B from "../../typography/Text.vue.js";
4
4
  import z from "../../checkbox/v4/CheckboxV4.vue.js";
@@ -35,9 +35,9 @@ const P = {
35
35
  toolTipPlacement: { default: "right" }
36
36
  },
37
37
  setup(e) {
38
- const p = e, { selected: m, isMulti: r, id: v, onClick: K, api: T } = V(p), I = (t) => t && typeof t == "object" && "optionTooltipText" in t ? t.optionTooltipText : "", x = (t) => t && typeof t == "object" && "optionTooltipTestId" in t ? t.optionTooltipTestId : null;
38
+ const p = e, { selected: m, isMulti: r, id: v, onClick: I, api: T } = V(p), K = (t) => t && typeof t == "object" && "optionTooltipText" in t ? t.optionTooltipText : "", x = (t) => t && typeof t == "object" && "optionTooltipTestId" in t ? t.optionTooltipTestId : null;
39
39
  return (t, a) => (n(), u(i(O), {
40
- text: I(e.option),
40
+ text: K(e.option),
41
41
  "test-id": x(e.option),
42
42
  placement: e.toolTipPlacement,
43
43
  class: "tooltip-option"
@@ -66,7 +66,7 @@ const P = {
66
66
  size: "sm",
67
67
  "is-checked": i(m),
68
68
  "is-indeterminate": e.isIndeterminate && !e.option,
69
- onClick: a[0] || (a[0] = (g) => e.disabled ? i(N)() : i(K)(g))
69
+ onClick: a[0] || (a[0] = (g) => e.disabled ? i(N)() : i(I)(g))
70
70
  }, null, 8, ["id", "is-checked", "is-indeterminate"])) : o("", !0),
71
71
  t.$slots.image || e.imageKey ? (n(), l("div", P, [
72
72
  c(t.$slots, "image", {}, () => [
@@ -113,7 +113,7 @@ const P = {
113
113
  d(i(f), {
114
114
  type: e.endIconType,
115
115
  name: e.option[e.endIconKey],
116
- size: e.endIconType === "regular" ? "20px" : "16px"
116
+ size: e.endIconType === "regular" || e.endIconType === "ab-test" ? "20px" : "16px"
117
117
  }, null, 8, ["type", "name", "size"])
118
118
  ], !0)
119
119
  ])) : o("", !0)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.6-rc.18",
3
+ "version": "2.1.6-rc.19",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/OptionV4.vue_vue_type_style_index_0_scoped_7f8f35a1_lang.css DELETED
@@ -1 +0,0 @@
1
- .label[data-v-7f8f35a1]{color:#41454d}.item-container[data-v-7f8f35a1]{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-7f8f35a1]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-7f8f35a1]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-7f8f35a1],.item-container[data-v-7f8f35a1]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-7f8f35a1]{background-color:var(--action-selected)}.subtitle[data-v-7f8f35a1]{color:#7b838c;line-height:1rem}.clear-button[data-v-7f8f35a1]{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-7f8f35a1]:hover{color:#3083ff}.item[data-v-7f8f35a1]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-7f8f35a1],.item--multi[data-v-7f8f35a1]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-7f8f35a1]{width:20px;height:20px;flex:none}.item .image img[data-v-7f8f35a1]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-7f8f35a1],.item .end-icon[data-v-7f8f35a1]{display:flex;color:var(--action-active)}.item .option-text[data-v-7f8f35a1]{line-height:1.1875rem}.text-container[data-v-7f8f35a1]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-7f8f35a1]{display:block}.tooltip-option[data-v-7f8f35a1] .container{width:100%}