@ironsource/shared-ui 2.1.6-rc.20 → 2.1.6-rc.22

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 (10) hide show
  1. package/TextAreaV4.vue_vue_type_style_index_0_scoped_f3b2c01d_lang.css +1 -0
  2. package/ToggleV4.vue_vue_type_style_index_0_scoped_a4aa32fb_lang.css +1 -0
  3. package/components/dropdown/common/Dropdown.common.js +46 -44
  4. package/components/textArea/v4/TextAreaV4.vue.js +3 -3
  5. package/components/textArea/v4/TextAreaV4.vue2.js +1 -1
  6. package/components/toggle/v4/ToggleV4.vue.js +3 -3
  7. package/components/toggle/v4/ToggleV4.vue2.js +12 -12
  8. package/package.json +1 -1
  9. package/TextAreaV4.vue_vue_type_style_index_0_scoped_8199b662_lang.css +0 -1
  10. package/ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css +0 -1
package/TextAreaV4.vue_vue_type_style_index_0_scoped_f3b2c01d_lang.css ADDED
@@ -0,0 +1 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-f3b2c01d],.font-chart-2[data-v-f3b2c01d],.font-chart-1[data-v-f3b2c01d]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-f3b2c01d],.font-table-label[data-v-f3b2c01d],.font-button[data-v-f3b2c01d],.font-heading-6[data-v-f3b2c01d],.font-heading-5[data-v-f3b2c01d],.font-heading-4[data-v-f3b2c01d],.font-heading-3[data-v-f3b2c01d],.font-heading-2[data-v-f3b2c01d],.font-heading-1[data-v-f3b2c01d],.font-title[data-v-f3b2c01d]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-f3b2c01d],.font-input-label[data-v-f3b2c01d],.font-overline[data-v-f3b2c01d],.font-subtitle-2[data-v-f3b2c01d],.font-subtitle-1[data-v-f3b2c01d]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-f3b2c01d],.font-body-2[data-v-f3b2c01d],.textarea[data-v-f3b2c01d],.font-body-1[data-v-f3b2c01d]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-f3b2c01d]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-f3b2c01d]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-f3b2c01d]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-f3b2c01d]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-f3b2c01d]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-f3b2c01d]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-f3b2c01d]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.textarea[data-v-f3b2c01d],.font-body-1[data-v-f3b2c01d]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-f3b2c01d]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-f3b2c01d]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-f3b2c01d]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-f3b2c01d]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-f3b2c01d]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-f3b2c01d]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-f3b2c01d]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-f3b2c01d]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-f3b2c01d]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-f3b2c01d]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-f3b2c01d],.font-tab-label2[data-v-f3b2c01d]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-f3b2c01d]{font-size:.75rem;line-height:1rem}h1[data-v-f3b2c01d],h2[data-v-f3b2c01d],h3[data-v-f3b2c01d],h4[data-v-f3b2c01d],h5[data-v-f3b2c01d],h6[data-v-f3b2c01d]{margin:0}.textarea-field[data-v-f3b2c01d]{display:flex;flex-direction:column}.textarea[data-v-f3b2c01d]{flex-grow:1;background:var(--default-main);color:var(--text-primary);padding:var(--spacing-125) var(--spacing-100);height:calc(var(--spacing-900) - 1px);width:100%;border:none;border-radius:var(--border-radius-md);outline:1px solid var(--action-outlined-border);outline-offset:-1px;margin-bottom:1px}.textarea[data-v-f3b2c01d]:hover{outline:1px solid var(--action-active)}.textarea[data-v-f3b2c01d]:focus{outline:2px solid var(--primary-main)}.textarea[data-v-f3b2c01d]::placeholder{color:var(--text-secondary)}.textarea--disabled[data-v-f3b2c01d]{color:var(--text-disabled)}.textarea--disabled[data-v-f3b2c01d]::placeholder{color:var(--text-disabled)}.textarea--disabled[data-v-f3b2c01d]:hover{outline:1px solid var(--action-outlined-border)}.textarea--variant-success[data-v-f3b2c01d],.textarea--variant-success[data-v-f3b2c01d]:hover,.textarea--variant-success[data-v-f3b2c01d]:focus{outline:2px solid var(--success-dark)}.textarea--variant-error[data-v-f3b2c01d],.textarea--variant-error[data-v-f3b2c01d]:hover,.textarea--variant-error[data-v-f3b2c01d]:focus{outline:2px solid var(--error-main)}.textarea--variant-warning[data-v-f3b2c01d],.textarea--variant-warning[data-v-f3b2c01d]:hover,.textarea--variant-warning[data-v-f3b2c01d]:focus{outline:2px solid var(--warning-dark)}.textarea-label[data-v-f3b2c01d]{flex-grow:initial}.footer[data-v-f3b2c01d]{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--spacing-50)}
package/ToggleV4.vue_vue_type_style_index_0_scoped_a4aa32fb_lang.css ADDED
@@ -0,0 +1 @@
1
+ .toggle .toggle-body[data-v-a4aa32fb]:hover{outline-color:var(--action-active)}.toggle .toggle-disabled[data-v-a4aa32fb]{background-color:var(--action-disabled-background);outline-color:var(--action-outlined-border)}.toggle .toggle-disabled .toggle-head[data-v-a4aa32fb]{background-color:var(--action-disabled)}.toggle .toggle-disabled[data-v-a4aa32fb]:hover{outline-color:var(--action-outlined-border)}.toggle .toggle-disabled-text[data-v-a4aa32fb]{color:var(--text-disabled)}.toggle--color-primary .toggle-active[data-v-a4aa32fb]{background-color:var(--primary-main);outline-color:var(--primary-dark)}.toggle--color-primary .toggle-active .toggle-head[data-v-a4aa32fb]{background-color:var(--common-white)}.toggle--color-primary .toggle-active .loader[data-v-a4aa32fb]{border-color:var(--primary-darker);border-bottom-color:transparent}.toggle--color-primary .toggle-active[data-v-a4aa32fb]:hover{background-color:var(--primary-main-50-p);outline-color:var(--primary-main)}.toggle--color-primary .toggle-active.toggle-disabled[data-v-a4aa32fb]{background-color:var(--primary-main-8-p);outline-color:var(--primary-main-50-p)}.toggle--color-primary .toggle-active.toggle-disabled .toggle-head[data-v-a4aa32fb]{background-color:var(--primary-main-50-p)}.toggle--color-test .toggle-active[data-v-a4aa32fb]{background-color:var(--warning-main);outline-color:var(--warning-dark)}.toggle--color-test .toggle-active .toggle-head[data-v-a4aa32fb]{background-color:var(--common-white)}.toggle--color-test .toggle-active .loader[data-v-a4aa32fb]{border-color:var(--warning-darker);border-bottom-color:transparent}.toggle--color-test .toggle-active[data-v-a4aa32fb]:hover{background-color:var(--warning-main-50-p);outline-color:var(--warning-dark)}.toggle--color-test .toggle-active.toggle-disabled[data-v-a4aa32fb]{background-color:var(--warning-main-8-p);outline-color:var(--warning-main-50-p)}.toggle--color-test .toggle-active.toggle-disabled .toggle-head[data-v-a4aa32fb]{background-color:var(--warning-main-50-p)}.toggle--size-small .toggle-body[data-v-a4aa32fb],.toggle--size-small .toggle-wrap[data-v-a4aa32fb]{height:1rem}.toggle--size-small .toggle-active .toggle-head[data-v-a4aa32fb]{transform:translate(.75rem)}.toggle--size-small .toggle-head[data-v-a4aa32fb]{width:.75rem;height:.75rem}.toggle--size-small .toggle-body[data-v-a4aa32fb]{width:1.75rem}.toggle--size-small .loader[data-v-a4aa32fb]{width:9px;height:9px}.toggle--size-medium .toggle-body[data-v-a4aa32fb],.toggle--size-medium .toggle-wrap[data-v-a4aa32fb]{height:1.25rem}.toggle--size-medium .toggle-active .toggle-head[data-v-a4aa32fb]{transform:translate(1rem)}.toggle--size-medium .toggle-head[data-v-a4aa32fb]{width:1rem;height:1rem}.toggle--size-medium .toggle-body[data-v-a4aa32fb]{width:2.25rem}.toggle--size-medium .loader[data-v-a4aa32fb]{width:12px;height:12px}.toggle-wrap[data-v-a4aa32fb]{display:flex;align-items:center;gap:var(--spacing-50)}.toggle-body[data-v-a4aa32fb]{border-radius:100px;background-color:var(--action-hover);outline:1px solid var(--action-outlined-border);outline-offset:-1px;position:relative;cursor:pointer;display:inline-block}.toggle-body.toggle-disabled[data-v-a4aa32fb]{cursor:default}.toggle-head[data-v-a4aa32fb]{border-radius:100px;background-color:var(--action-active);position:absolute;left:.125rem;top:.125rem;transition:transform .25s linear,background-color .25s linear;display:flex;justify-content:center;align-items:center}.toggle-checkbox[data-v-a4aa32fb]{display:none}.toggle-text[data-v-a4aa32fb]{color:var(--text-primary)}.feedback-text[data-v-a4aa32fb]{display:block;padding-top:var(--spacing-150)}.info-icon[data-v-a4aa32fb]{color:var(--action-active)}.loader[data-v-a4aa32fb]{border:1px solid var(--action-active);border-bottom-color:transparent;border-radius:100%;display:inline-block;box-sizing:border-box;animation:rotation-a4aa32fb 1s linear infinite}.loader.loader-active[data-v-a4aa32fb]{border-bottom-color:transparent}@keyframes rotation-a4aa32fb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
package/components/dropdown/common/Dropdown.common.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { useToggle as me } from "../../../composables/useToggle.js";
2
- import { ref as n, computed as r, watch as P, useSlots as Pe, toRaw as A, nextTick as D, provide as Te, onMounted as we } from "vue";
2
+ import { ref as n, computed as r, watch as m, useSlots as Pe, toRaw as A, nextTick as N, provide as Te, onMounted as we } from "vue";
3
3
  import { isObjectInArray as W } from "../../../utils/array.js";
4
4
  import { objectsEqual as xe } from "../../../utils/object.js";
5
5
  import { useClamp as Ie, useVirtualList as De, onClickOutside as Y } from "@vueuse/core";
6
- import { Mode as m, Type as _, DropdownContext as Ne } from "./DropdownContext.js";
6
+ import { Mode as P, Type as _, DropdownContext as Ne } from "./DropdownContext.js";
7
7
  import { pxToRem as Re } from "../../../utils/style.js";
8
8
  import { useEditableContext as Ee } from "../../table-cells/common/EditableContext.js";
9
9
  const Ue = (l, O, b) => {
@@ -14,25 +14,25 @@ const Ue = (l, O, b) => {
14
14
  })(k || (k = {}));
15
15
  const a = n(
16
16
  l.selected
17
- ), N = Ee(), u = r({
17
+ ), R = Ee(), u = r({
18
18
  get() {
19
- return N?.value?.value ?? a.value;
19
+ return R?.value?.value ?? a.value;
20
20
  },
21
21
  set(e) {
22
- N.onChange?.(e), N.onClose?.(), O("update:selected", e);
22
+ R.onChange?.(e), R.onClose?.(), O("update:selected", e);
23
23
  }
24
24
  });
25
- P(
25
+ m(
26
26
  () => l.selected,
27
27
  () => {
28
28
  a.value = l.selected, v.value = l.selected;
29
29
  }
30
30
  );
31
- const p = Pe(), T = n(null), g = n(null), V = n(null), R = n(null), H = n(null), w = n(null), F = n(), B = n(null), L = n(null), U = n(null), ee = 8, le = r(() => w.value ? w.value.getBoundingClientRect().height + ee + l.distance : 0), c = n([]), x = n(-1), I = n(""), v = n(l.selected || []), q = () => w.value?.focus(), [d, te, ae] = me({
31
+ const p = Pe(), w = n(null), g = n(null), V = n(null), E = n(null), H = n(null), x = n(null), F = n(), B = n(null), L = n(null), U = n(null), ee = 8, le = r(() => x.value ? x.value.getBoundingClientRect().height + ee + l.distance : 0), c = n([]), I = n(-1), T = n(""), v = n(l.selected || []), q = () => x.value?.focus(), [d, te, ae] = me({
32
32
  disabled: l.disabled,
33
33
  initialValue: l.defaultOpen
34
34
  });
35
- P(
35
+ m(
36
36
  () => l.disabled,
37
37
  (e) => {
38
38
  e !== void 0 && ae(e);
@@ -60,8 +60,8 @@ const Ue = (l, O, b) => {
60
60
  }), $ = r(() => {
61
61
  if (Array.isArray(a.value))
62
62
  return a.value.length === s.value.length;
63
- }), oe = r(() => !l.multi || !Array.isArray(a.value) ? !1 : a.value.length > 0 && a.value.length < s.value.length), E = (e) => {
64
- I.value = e;
63
+ }), oe = r(() => !l.multi || !Array.isArray(a.value) ? !1 : a.value.length > 0 && a.value.length < s.value.length), M = (e) => {
64
+ T.value = e;
65
65
  }, se = r(() => {
66
66
  const e = A(v.value), t = {
67
67
  selected: [],
@@ -73,41 +73,43 @@ const Ue = (l, O, b) => {
73
73
  }), [].concat(t.selected, t.notSelected);
74
74
  }), s = r(() => {
75
75
  const e = Array.isArray(v.value) && l.multi && b.VERSION === 4 ? se.value : l.options;
76
- return l.onSearch ? e.filter((t) => l.onSearch(t, I.value)) : e;
77
- }), ce = r(() => c.value[0]?.hasSubtitle), X = r(() => i.mode === m.Multi), j = r(
76
+ return l.onSearch ? e.filter((t) => l.onSearch(t, T.value)) : e;
77
+ }), ce = r(() => c.value[0]?.hasSubtitle), X = r(() => i.mode === P.Multi), j = r(
78
78
  () => ce.value ? b.MULTILINE_LIST_HEIGHT : b.LIST_HEIGHT
79
79
  ), {
80
80
  list: z,
81
81
  containerProps: J,
82
82
  wrapperProps: ve,
83
- scrollTo: M
83
+ scrollTo: D
84
84
  } = De(s, {
85
85
  itemHeight: j.value,
86
86
  overscan: 2
87
87
  });
88
- P(
88
+ m(
89
89
  () => l.isOpen,
90
90
  (e) => {
91
91
  G(e);
92
92
  }
93
- ), P([x], async () => {
94
- await D();
95
- }), P(
96
- [d, o, x],
93
+ ), m([I], async () => {
94
+ await N();
95
+ }), m(
96
+ [d, o, I],
97
97
  async ([e], [t]) => {
98
- d.value && (await D(), x.value !== -1 && e !== t && setTimeout(() => {
99
- l.multi && b.VERSION === 4 || M(x.value);
98
+ d.value && (await N(), I.value !== -1 && e !== t && setTimeout(() => {
99
+ l.multi && b.VERSION === 4 || D(I.value);
100
100
  }), o.value && setTimeout(() => {
101
- M(o.value);
101
+ D(o.value);
102
102
  }));
103
103
  }
104
- );
104
+ ), m(T, () => {
105
+ D(0);
106
+ });
105
107
  const h = (e, t = !1) => {
106
- l.disabled || (G(e), D(() => {
107
- d.value && O("opened"), d.value || O("closed"), T.value && t && T.value.focus();
108
+ l.disabled || (G(e), N(() => {
109
+ d.value && O("opened"), d.value || O("closed"), w.value && t && w.value.focus();
108
110
  }));
109
111
  };
110
- P(d, (e) => {
112
+ m(d, (e) => {
111
113
  if (e) {
112
114
  X.value && Array.isArray(u.value) && (v.value = A(u.value).slice());
113
115
  return;
@@ -133,11 +135,11 @@ const Ue = (l, O, b) => {
133
135
  }, C = (e, t) => {
134
136
  if (e = A(e), c.value[t]?.disabled)
135
137
  return;
136
- if (x.value = t, i.mode !== m.Multi) {
138
+ if (I.value = t, i.mode !== P.Multi) {
137
139
  l.keepOpen || h(!1), i.goToOption(
138
140
  0
139
141
  /* None */
140
- ), u.value = e, E(""), q(), i.type === _.Search && g.value && (g.value.value = l.displayValue(e));
142
+ ), u.value = e, M(""), q(), i.type === _.Search && g.value && (g.value.value = l.displayValue(e));
141
143
  return;
142
144
  }
143
145
  if (!Array.isArray(a.value))
@@ -158,12 +160,12 @@ const Ue = (l, O, b) => {
158
160
  options: c,
159
161
  selectedOption: u,
160
162
  labelRef: H,
161
- activeOption: R,
162
- listRef: T,
163
+ activeOption: E,
164
+ listRef: w,
163
165
  clearable: l.clearable,
164
166
  type: p.input ? _.Search : _.Dropdown,
165
- mode: l.multi ? m.Multi : m.Single,
166
- query: I,
167
+ mode: l.multi ? P.Multi : P.Single,
168
+ query: T,
167
169
  selectedValue: K,
168
170
  toggle: h,
169
171
  disabled: l.disabled,
@@ -173,9 +175,9 @@ const Ue = (l, O, b) => {
173
175
  placeholder: l.placeholder,
174
176
  select: C,
175
177
  clearSelection: () => {
176
- E(""), u.value = i.mode === m.Single ? null : [], v.value = i.mode === m.Single ? null : [], g.value && (g.value.value = "");
178
+ M(""), u.value = i.mode === P.Single ? null : [], v.value = i.mode === P.Single ? null : [], g.value && (g.value.value = "");
177
179
  },
178
- search: E,
180
+ search: M,
179
181
  goToOption: async (e) => {
180
182
  if (!d.value)
181
183
  return;
@@ -185,11 +187,11 @@ const Ue = (l, O, b) => {
185
187
  ).length, S = s.value.length - y;
186
188
  for (t > S && (t = S + 1); ; ) {
187
189
  if (!c.value[t]?.disabled) {
188
- R.value = s.value[t], o.value = t;
190
+ E.value = s.value[t], o.value = t;
189
191
  return;
190
192
  }
191
193
  if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!he(o.value)) {
192
- R.value = s.value[t], o.value = t;
194
+ E.value = s.value[t], o.value = t;
193
195
  return;
194
196
  }
195
197
  }
@@ -205,13 +207,13 @@ const Ue = (l, O, b) => {
205
207
  }
206
208
  };
207
209
  Te(Ne, i), Y(
208
- T,
210
+ w,
209
211
  () => {
210
212
  d.value && Q();
211
213
  },
212
214
  {
213
215
  ignore: [
214
- w,
216
+ x,
215
217
  B,
216
218
  L,
217
219
  U,
@@ -224,14 +226,14 @@ const Ue = (l, O, b) => {
224
226
  g.value && (g.value.value = i.query.value = "");
225
227
  };
226
228
  we(async () => {
227
- l.autoFocus && (await D(), setTimeout(() => {
229
+ l.autoFocus && (await N(), setTimeout(() => {
228
230
  V.value.focus();
229
231
  })), i.goToOption(0);
230
232
  });
231
233
  const Se = () => {
232
234
  u.value = a.value, Array.isArray(u.value) && (v.value = A(u.value).slice()), O("apply", u.value), h(!1), ye();
233
235
  }, Q = () => {
234
- X.value && Array.isArray(v.value) && (u.value = A(v.value).slice()), I.value = "", h(!1);
236
+ X.value && Array.isArray(v.value) && (u.value = A(v.value).slice()), T.value = "", h(!1);
235
237
  }, be = (e) => {
236
238
  if (!l.disableKeyboardEvents)
237
239
  switch (e.key) {
@@ -281,7 +283,7 @@ const Ue = (l, O, b) => {
281
283
  h(!0);
282
284
  return;
283
285
  }
284
- C(s.value[o.value], o.value), i.mode === m.Single && !l.keepOpen && h(!1), e.preventDefault();
286
+ C(s.value[o.value], o.value), i.mode === P.Single && !l.keepOpen && h(!1), e.preventDefault();
285
287
  break;
286
288
  }
287
289
  }
@@ -300,7 +302,7 @@ const Ue = (l, O, b) => {
300
302
  onButtonKeydown: be,
301
303
  displayedValue: re,
302
304
  labelRef: H,
303
- query: I,
305
+ query: T,
304
306
  containerProps: J,
305
307
  calculateTableHeight: Oe,
306
308
  wrapperProps: ve,
@@ -317,10 +319,10 @@ const Ue = (l, O, b) => {
317
319
  activeIndex: o,
318
320
  onCancel: Q,
319
321
  onApply: Se,
320
- scrollTo: M,
322
+ scrollTo: D,
321
323
  onClickOutside: Y,
322
- listRef: T,
323
- buttonRef: w,
324
+ listRef: w,
325
+ buttonRef: x,
324
326
  apply: B,
325
327
  cancel: L,
326
328
  el: V,
package/components/textArea/v4/TextAreaV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import e from "./TextAreaV4.vue2.js";
2
2
  /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_8199b662_lang.css"; //*');
4
- const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-8199b662"]]);
3
+ // import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_f3b2c01d_lang.css"; //*');
4
+ const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f3b2c01d"]]);
5
5
  export {
6
- p as default
6
+ c as default
7
7
  };
package/components/textArea/v4/TextAreaV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_8199b662_lang.css"; import { defineComponent as s, computed as b, openBlock as t, createElementBlock as i, mergeProps as c, unref as a, createBlock as n, createCommentVNode as l, createElementVNode as g } from "vue";
1
+ import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_f3b2c01d_lang.css"; import { defineComponent as s, computed as b, openBlock as t, createElementBlock as i, mergeProps as c, unref as a, createBlock as n, createCommentVNode as l, createElementVNode as g } from "vue";
2
2
  import v from "../../shared/FieldLabel.vue.js";
3
3
  import k from "../../shared/FieldMaxLength.vue.js";
4
4
  import T from "../../shared/FieldHelpText.vue.js";
package/components/toggle/v4/ToggleV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./ToggleV4.vue2.js";
2
2
  /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css"; //*');
4
- const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad231e8c"]]);
3
+ // import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_a4aa32fb_lang.css"; //*');
4
+ const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a4aa32fb"]]);
5
5
  export {
6
- c as default
6
+ t as default
7
7
  };
package/components/toggle/v4/ToggleV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css"; import { defineComponent as k, computed as h, openBlock as i, createElementBlock as m, normalizeClass as f, createElementVNode as s, mergeProps as d, unref as t, createCommentVNode as l, renderSlot as g, createBlock as u, withCtx as v, createTextVNode as y, toDisplayString as b, createVNode as V } from "vue";
1
+ import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_a4aa32fb_lang.css"; import { defineComponent as k, computed as h, openBlock as i, createElementBlock as m, normalizeClass as f, createElementVNode as r, mergeProps as d, unref as t, createCommentVNode as l, renderSlot as g, createBlock as u, withCtx as v, createTextVNode as b, toDisplayString as y, createVNode as V } from "vue";
2
2
  import E from "../../typography/v4/Typography.vue.js";
3
3
  import { ToggleTestIdModifiers as a } from "../../../testids/index.js";
4
4
  import B from "../../shared/FieldHelpText.vue.js";
@@ -25,29 +25,29 @@ const L = { class: "toggle-head" }, P = ["disabled", "checked"], F = /* @__PURE_
25
25
  emits: ["update:modelValue"],
26
26
  setup(e, { emit: x }) {
27
27
  const c = e, T = () => {
28
- r.value || x("update:modelValue", !c.modelValue);
29
- }, o = H(c.testId, a), r = h(() => c.isDisabled || c.isLoading);
28
+ s.value || x("update:modelValue", !c.modelValue);
29
+ }, o = H(c.testId, a), s = h(() => c.isDisabled || c.isLoading);
30
30
  return (n, $) => (i(), m("div", {
31
31
  class: f(["toggle", [`toggle--color-${e.color}`, `toggle--size-${e.size}`]])
32
32
  }, [
33
- s("div", d({ class: "toggle-wrap" }, t(o)[t(a).WRAPPER]), [
34
- s("div", d({
33
+ r("div", d({ class: "toggle-wrap" }, t(o)[t(a).WRAPPER]), [
34
+ r("div", d({
35
35
  class: ["toggle-body", {
36
36
  "toggle-active": e.modelValue,
37
- "toggle-disabled": t(r)
37
+ "toggle-disabled": t(s)
38
38
  }]
39
39
  }, t(o)[t(a).BODY], { onClick: T }), [
40
- s("div", L, [
40
+ r("div", L, [
41
41
  e.isLoading ? (i(), m("span", {
42
42
  key: 0,
43
43
  class: f(["loader", { "loader-active": e.modelValue }])
44
44
  }, null, 2)) : l("", !0)
45
45
  ])
46
46
  ], 16),
47
- s("input", d({
47
+ r("input", d({
48
48
  type: "checkbox",
49
49
  class: "toggle-checkbox",
50
- disabled: t(r),
50
+ disabled: t(s),
51
51
  checked: e.modelValue
52
52
  }, t(o)[t(a).FIELD]), null, 16, P),
53
53
  n.$slots["icon-left"] ? g(n.$slots, "icon-left", { key: 0 }, void 0, !0) : l("", !0),
@@ -55,13 +55,13 @@ const L = { class: "toggle-head" }, P = ["disabled", "checked"], F = /* @__PURE_
55
55
  key: 1,
56
56
  variant: "body1",
57
57
  "is-truncated": "",
58
- class: "toggle-text"
58
+ class: ["toggle-text", { "toggle-disabled-text": t(s) }]
59
59
  }, t(o)[t(a).TEXT]), {
60
60
  default: v(() => [
61
- y(b(e.text ?? (e.modelValue ? e.activeText : e.inactiveText)), 1)
61
+ b(y(e.text ?? (e.modelValue ? e.activeText : e.inactiveText)), 1)
62
62
  ]),
63
63
  _: 1
64
- }, 16)) : l("", !0),
64
+ }, 16, ["class"])) : l("", !0),
65
65
  n.$slots["icon-right"] ? g(n.$slots, "icon-right", { key: 2 }, void 0, !0) : l("", !0),
66
66
  e.hoverHelpText ? (i(), u(t(D), {
67
67
  key: 3,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.6-rc.20",
3
+ "version": "2.1.6-rc.22",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/TextAreaV4.vue_vue_type_style_index_0_scoped_8199b662_lang.css DELETED
@@ -1 +0,0 @@
1
- @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-8199b662],.font-chart-2[data-v-8199b662],.font-chart-1[data-v-8199b662]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-8199b662],.font-table-label[data-v-8199b662],.font-button[data-v-8199b662],.font-heading-6[data-v-8199b662],.font-heading-5[data-v-8199b662],.font-heading-4[data-v-8199b662],.font-heading-3[data-v-8199b662],.font-heading-2[data-v-8199b662],.font-heading-1[data-v-8199b662],.font-title[data-v-8199b662]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-8199b662],.font-input-label[data-v-8199b662],.font-overline[data-v-8199b662],.font-subtitle-2[data-v-8199b662],.font-subtitle-1[data-v-8199b662]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-8199b662],.font-body-2[data-v-8199b662],.textarea[data-v-8199b662],.font-body-1[data-v-8199b662]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-8199b662]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-8199b662]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-8199b662]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-8199b662]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-8199b662]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-8199b662]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-8199b662]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.textarea[data-v-8199b662],.font-body-1[data-v-8199b662]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-8199b662]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-8199b662]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-8199b662]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-8199b662]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-8199b662]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-8199b662]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-8199b662]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-8199b662]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-8199b662]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-8199b662]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-8199b662],.font-tab-label2[data-v-8199b662]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-8199b662]{font-size:.75rem;line-height:1rem}h1[data-v-8199b662],h2[data-v-8199b662],h3[data-v-8199b662],h4[data-v-8199b662],h5[data-v-8199b662],h6[data-v-8199b662]{margin:0}.textarea-field[data-v-8199b662]{display:flex;flex-direction:column}.textarea[data-v-8199b662]{flex-grow:1;background:var(--default-main);color:var(--text-primary);padding:var(--spacing-125) var(--spacing-100);height:calc(var(--spacing-900) - 1px);width:100%;border:none;border-radius:var(--border-radius-md);outline:1px solid var(--action-outlined-border)}.textarea[data-v-8199b662]:hover{outline:1px solid var(--action-active)}.textarea[data-v-8199b662]:focus{outline:2px solid var(--primary-main)}.textarea[data-v-8199b662]::placeholder{color:var(--text-secondary)}.textarea--disabled[data-v-8199b662]{color:var(--text-disabled)}.textarea--disabled[data-v-8199b662]::placeholder{color:var(--text-disabled)}.textarea--disabled[data-v-8199b662]:hover{outline:1px solid var(--action-outlined-border)}.textarea--variant-success[data-v-8199b662],.textarea--variant-success[data-v-8199b662]:hover,.textarea--variant-success[data-v-8199b662]:focus{outline:2px solid var(--success-dark)}.textarea--variant-error[data-v-8199b662],.textarea--variant-error[data-v-8199b662]:hover,.textarea--variant-error[data-v-8199b662]:focus{outline:2px solid var(--error-main)}.textarea--variant-warning[data-v-8199b662],.textarea--variant-warning[data-v-8199b662]:hover,.textarea--variant-warning[data-v-8199b662]:focus{outline:2px solid var(--warning-dark)}.textarea-label[data-v-8199b662]{flex-grow:initial}.footer[data-v-8199b662]{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--spacing-50)}
package/ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css DELETED
@@ -1 +0,0 @@
1
- .toggle .toggle-body[data-v-ad231e8c]:hover{outline-color:var(--action-active)}.toggle .toggle-disabled[data-v-ad231e8c]{background-color:var(--action-disabled-background);outline-color:var(--action-outlined-border)}.toggle .toggle-disabled .toggle-head[data-v-ad231e8c]{background-color:var(--action-disabled)}.toggle .toggle-disabled[data-v-ad231e8c]:hover{outline-color:var(--action-outlined-border)}.toggle--color-primary .toggle-active[data-v-ad231e8c]{background-color:var(--primary-main);outline-color:var(--primary-dark)}.toggle--color-primary .toggle-active .toggle-head[data-v-ad231e8c]{background-color:var(--common-white)}.toggle--color-primary .toggle-active .loader[data-v-ad231e8c]{border-color:var(--primary-darker);border-bottom-color:transparent}.toggle--color-primary .toggle-active[data-v-ad231e8c]:hover{background-color:var(--primary-main-50-p);outline-color:var(--primary-main)}.toggle--color-primary .toggle-active.toggle-disabled[data-v-ad231e8c]{background-color:var(--primary-main-8-p);outline-color:var(--primary-main-50-p)}.toggle--color-primary .toggle-active.toggle-disabled .toggle-head[data-v-ad231e8c]{background-color:var(--primary-main-50-p)}.toggle--color-test .toggle-active[data-v-ad231e8c]{background-color:var(--warning-main);outline-color:var(--warning-dark)}.toggle--color-test .toggle-active .toggle-head[data-v-ad231e8c]{background-color:var(--common-white)}.toggle--color-test .toggle-active .loader[data-v-ad231e8c]{border-color:var(--warning-darker);border-bottom-color:transparent}.toggle--color-test .toggle-active[data-v-ad231e8c]:hover{background-color:var(--warning-main-50-p);outline-color:var(--warning-dark)}.toggle--color-test .toggle-active.toggle-disabled[data-v-ad231e8c]{background-color:var(--warning-main-8-p);outline-color:var(--warning-main-50-p)}.toggle--color-test .toggle-active.toggle-disabled .toggle-head[data-v-ad231e8c]{background-color:var(--warning-main-50-p)}.toggle--size-small .toggle-body[data-v-ad231e8c],.toggle--size-small .toggle-wrap[data-v-ad231e8c]{height:1rem}.toggle--size-small .toggle-active .toggle-head[data-v-ad231e8c]{transform:translate(.75rem)}.toggle--size-small .toggle-head[data-v-ad231e8c]{width:.75rem;height:.75rem}.toggle--size-small .toggle-body[data-v-ad231e8c]{width:1.75rem}.toggle--size-small .loader[data-v-ad231e8c]{width:9px;height:9px}.toggle--size-medium .toggle-body[data-v-ad231e8c],.toggle--size-medium .toggle-wrap[data-v-ad231e8c]{height:1.25rem}.toggle--size-medium .toggle-active .toggle-head[data-v-ad231e8c]{transform:translate(1rem)}.toggle--size-medium .toggle-head[data-v-ad231e8c]{width:1rem;height:1rem}.toggle--size-medium .toggle-body[data-v-ad231e8c]{width:2.25rem}.toggle--size-medium .loader[data-v-ad231e8c]{width:12px;height:12px}.toggle-wrap[data-v-ad231e8c]{display:flex;align-items:center;gap:var(--spacing-50)}.toggle-body[data-v-ad231e8c]{border-radius:100px;background-color:var(--action-hover);outline:1px solid var(--action-outlined-border);outline-offset:-1px;position:relative;cursor:pointer;display:inline-block}.toggle-body.toggle-disabled[data-v-ad231e8c]{cursor:default}.toggle-head[data-v-ad231e8c]{border-radius:100px;background-color:var(--action-active);position:absolute;left:.125rem;top:.125rem;transition:transform .25s linear,background-color .25s linear;display:flex;justify-content:center;align-items:center}.toggle-checkbox[data-v-ad231e8c]{display:none}.toggle-text[data-v-ad231e8c]{color:var(--text-primary)}.feedback-text[data-v-ad231e8c]{display:block;padding-top:var(--spacing-150)}.info-icon[data-v-ad231e8c]{color:var(--action-active)}.loader[data-v-ad231e8c]{border:1px solid var(--action-active);border-bottom-color:transparent;border-radius:100%;display:inline-block;box-sizing:border-box;animation:rotation-ad231e8c 1s linear infinite}.loader.loader-active[data-v-ad231e8c]{border-bottom-color:transparent}@keyframes rotation-ad231e8c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}