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

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 (16) hide show
  1. package/ButtonV4.vue_vue_type_style_index_0_scoped_e535063a_lang.css +1 -0
  2. package/DropdownV4.vue_vue_type_style_index_0_scoped_bf8e7ff5_lang.css +1 -0
  3. package/README.md +1 -1
  4. package/Typography.vue_vue_type_style_index_0_scoped_4c2254ef_lang.css +1 -0
  5. package/components/button/v4/ButtonV4.vue.js +3 -3
  6. package/components/button/v4/ButtonV4.vue2.js +1 -1
  7. package/components/dropdown/common/Dropdown.common.d.ts +2 -1
  8. package/components/dropdown/common/Dropdown.common.js +131 -119
  9. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  10. package/components/dropdown/v4/DropdownV4.vue2.js +103 -104
  11. package/components/typography/v4/Typography.vue.js +3 -3
  12. package/components/typography/v4/Typography.vue2.js +9 -9
  13. package/package.json +2 -2
  14. package/ButtonV4.vue_vue_type_style_index_0_scoped_38c0ed72_lang.css +0 -1
  15. package/DropdownV4.vue_vue_type_style_index_0_scoped_24014c62_lang.css +0 -1
  16. package/Typography.vue_vue_type_style_index_0_scoped_94f65484_lang.css +0 -1
package/ButtonV4.vue_vue_type_style_index_0_scoped_e535063a_lang.css ADDED
@@ -0,0 +1 @@
1
+ .button-wrap[data-v-e535063a]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0;cursor:pointer}.contained.primary[data-v-e535063a]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-e535063a]:hover{background:var(--primary-darker)}.contained.primary[data-v-e535063a]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.default[data-v-e535063a]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-e535063a]:hover{background:var(--default-light)}.contained.default[data-v-e535063a]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.danger[data-v-e535063a]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-e535063a]:hover{background:var(--error-dark)}.contained.danger[data-v-e535063a]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.info[data-v-e535063a]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-e535063a]:hover{background:var(--info-dark)}.contained.info[data-v-e535063a]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.success[data-v-e535063a]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-e535063a]:hover{background:var(--success-dark)}.contained.success[data-v-e535063a]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.warning[data-v-e535063a]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-e535063a]:hover{background:var(--warning-dark)}.contained.warning[data-v-e535063a]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.loading[data-v-e535063a],.contained.loading[data-v-e535063a]:hover{background:var(--action-disabled-background)}.outlined[data-v-e535063a]{background:transparent}.outlined.primary[data-v-e535063a]{color:var(--primary-main);border:1px solid var(--primary-main)}.outlined.primary[data-v-e535063a]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-e535063a]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.default[data-v-e535063a]{color:var(--text-primary);border:1px solid var(--default-outlined-border)}.outlined.default[data-v-e535063a]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-e535063a]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.danger[data-v-e535063a]{color:var(--error-main);border:1px solid var(--error-main)}.outlined.danger[data-v-e535063a]:hover{background:var(--error-lighter)}.outlined.danger[data-v-e535063a]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.info[data-v-e535063a]{color:var(--info-main);border:1px solid var(--info-main)}.outlined.info[data-v-e535063a]:hover{background:var(--info-lighter)}.outlined.info[data-v-e535063a]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.success[data-v-e535063a]{color:var(--success-main);border:1px solid var(--success-main)}.outlined.success[data-v-e535063a]:hover{background:var(--success-lighter)}.outlined.success[data-v-e535063a]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.warning[data-v-e535063a]{color:var(--warning-darker);border:1px solid var(--warning-darker)}.outlined.warning[data-v-e535063a]:hover{background:var(--warning-lighter)}.outlined.warning[data-v-e535063a]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.loading[data-v-e535063a],.outlined.loading[data-v-e535063a]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-e535063a]{background:transparent}.text.primary[data-v-e535063a]{color:var(--primary-main)}.text.primary[data-v-e535063a]:hover{background:var(--primary-lighter)}.text.primary[data-v-e535063a]:disabled{color:var(--text-disabled);opacity:1}.text.default[data-v-e535063a]{color:var(--text-primary)}.text.default[data-v-e535063a]:hover{background:var(--action-hover)}.text.default[data-v-e535063a]:disabled{color:var(--text-disabled);opacity:1}.text.danger[data-v-e535063a]{color:var(--error-main)}.text.danger[data-v-e535063a]:hover{background:var(--error-lighter)}.text.danger[data-v-e535063a]:disabled{color:var(--text-disabled);opacity:1}.text.info[data-v-e535063a]{color:var(--info-main)}.text.info[data-v-e535063a]:hover{background:var(--info-lighter)}.text.info[data-v-e535063a]:disabled{color:var(--text-disabled);opacity:1}.text.success[data-v-e535063a]{color:var(--success-main)}.text.success[data-v-e535063a]:hover{background:var(--success-lighter)}.text.success[data-v-e535063a]:disabled{color:var(--text-disabled);opacity:1}.text.warning[data-v-e535063a]{color:var(--warning-darker)}.text.warning[data-v-e535063a]:hover{background:var(--warning-lighter)}.text.warning[data-v-e535063a]:disabled{color:var(--text-disabled);opacity:1}.text.loading[data-v-e535063a],.text.loading[data-v-e535063a]:hover{border:0;background:transparent}.small[data-v-e535063a]{padding:2px 6px}.small.outlined[data-v-e535063a]{padding:1px 5px}.medium[data-v-e535063a]{padding:4px 8px}.medium.outlined[data-v-e535063a]{padding:3px 7px}.large[data-v-e535063a]{padding:6px 8px}.large.outlined[data-v-e535063a]{padding:5px 7px}.extraLarge[data-v-e535063a]{padding:10px 12px}.extraLarge.outlined[data-v-e535063a]{padding:9px 11px}.small[data-v-e535063a],.medium[data-v-e535063a],.large[data-v-e535063a],.extraLarge[data-v-e535063a]{height:auto}.flex[data-v-e535063a]{display:flex;align-items:center}.start-icon[data-v-e535063a]{margin-right:8px}.end-icon[data-v-e535063a]{margin-left:8px}.loading.with-start-icon .content-with-icon[data-v-e535063a]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-e535063a]{padding-right:22px}
package/DropdownV4.vue_vue_type_style_index_0_scoped_bf8e7ff5_lang.css ADDED
@@ -0,0 +1 @@
1
+ .v-enter-active[data-v-bf8e7ff5],.v-leave-active[data-v-bf8e7ff5]{transition:opacity .25s ease}ol[data-v-bf8e7ff5],ul[data-v-bf8e7ff5],menu[data-v-bf8e7ff5]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-bf8e7ff5],.dropdown.full-width .button__container[data-v-bf8e7ff5]{width:100%}.dropdown-list-wrapper[data-v-bf8e7ff5]{display:flex;flex-direction:column;padding:.5rem}.list-container--multi[data-v-bf8e7ff5]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-bf8e7ff5]{padding-bottom:.25rem}.inline-search .list-container[data-v-bf8e7ff5]{padding-top:0}.no-result-container[data-v-bf8e7ff5]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-bf8e7ff5]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-bf8e7ff5]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-bf8e7ff5]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list li[data-v-bf8e7ff5]:last-child .item-container{margin-bottom:0}.image-slot[data-v-bf8e7ff5]{margin-right:.5rem}.actions-wrapper[data-v-bf8e7ff5]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-bf8e7ff5]{margin-left:.5rem}
package/README.md CHANGED
@@ -129,4 +129,4 @@ cd e2e/playwright
129
129
  npm run pw:ui:local
130
130
  ```
131
131
 
132
- Read more about this project <a href="https://github.com/ironsource-mobile/shared-ui-ssp/blob/main/e2e/playwright/README.md">here</a>
132
+ Read more about this project <a href="https://github.com/ironsource-mobile/shared-ui-ssp/blob/main/e2e/playwright/README.md">here</a>.
package/Typography.vue_vue_type_style_index_0_scoped_4c2254ef_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-4c2254ef],.font-chart-2[data-v-4c2254ef],.font-chart-1[data-v-4c2254ef]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-4c2254ef],.font-table-label[data-v-4c2254ef],.font-button[data-v-4c2254ef],.font-heading-6[data-v-4c2254ef],.font-heading-5[data-v-4c2254ef],.font-heading-4[data-v-4c2254ef],.font-heading-3[data-v-4c2254ef],.font-heading-2[data-v-4c2254ef],.font-heading-1[data-v-4c2254ef],.font-title[data-v-4c2254ef]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-4c2254ef],.font-input-label[data-v-4c2254ef],.font-overline[data-v-4c2254ef],.font-subtitle-2[data-v-4c2254ef],.font-subtitle-1[data-v-4c2254ef]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-4c2254ef],.font-body-2[data-v-4c2254ef],.font-body-1[data-v-4c2254ef]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-4c2254ef]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-4c2254ef]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-4c2254ef]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-4c2254ef]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-4c2254ef]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-4c2254ef]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-4c2254ef]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-4c2254ef]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-4c2254ef]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-4c2254ef]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-4c2254ef]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-4c2254ef]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-4c2254ef]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-4c2254ef]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-4c2254ef]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-4c2254ef]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-4c2254ef]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-4c2254ef]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-4c2254ef],.font-tab-label2[data-v-4c2254ef]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-4c2254ef]{font-size:.75rem;line-height:1rem}h1[data-v-4c2254ef],h2[data-v-4c2254ef],h3[data-v-4c2254ef],h4[data-v-4c2254ef],h5[data-v-4c2254ef],h6[data-v-4c2254ef]{margin:0}.antialiased[data-v-4c2254ef]{-webkit-font-smoothing:antialiased}.truncate[data-v-4c2254ef]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}
package/components/button/v4/ButtonV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./ButtonV4.vue2.js";
2
2
  /* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_38c0ed72_lang.css"; //*');
4
- const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-38c0ed72"]]);
3
+ // import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_e535063a_lang.css"; //*');
4
+ const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e535063a"]]);
5
5
  export {
6
- c as default
6
+ p as default
7
7
  };
package/components/button/v4/ButtonV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_38c0ed72_lang.css"; import { defineComponent as N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as u, renderSlot as m, createTextVNode as z, toDisplayString as g } from "vue";
1
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_e535063a_lang.css"; import { defineComponent as N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as u, renderSlot as m, createTextVNode as z, toDisplayString as g } from "vue";
2
2
  import I from "../../typography/v4/Typography.vue.js";
3
3
  import y from "../../icon/v4/IconV4.vue.js";
4
4
  import b from "../../loader/v4/Loader.vue.js";
package/components/dropdown/common/Dropdown.common.d.ts CHANGED
@@ -28,6 +28,7 @@ export declare const dropdownCommon: (props: any, emit: any, commonOptions: any)
28
28
  virtualOptions: Ref<UseVirtualListItem<unknown>[]>;
29
29
  isSelected: (arr: any, element: any) => boolean;
30
30
  selectedOption: import("vue").WritableComputedRef<unknown>;
31
+ selectedOptionPrevious: Ref<unknown>;
31
32
  selectedValue: import("vue").ComputedRef<any>;
32
33
  onSelect: (option: any, index?: number) => void;
33
34
  activeIndex: Ref<number>;
@@ -42,5 +43,5 @@ export declare const dropdownCommon: (props: any, emit: any, commonOptions: any)
42
43
  el: Ref<HTMLDivElement>;
43
44
  triggerRef: Ref<any>;
44
45
  clearAll: Ref<HTMLButtonElement>;
45
- onClearAllSelections: () => void;
46
+ onClearAllSelections: (applyChanges?: boolean) => void;
46
47
  };
package/components/dropdown/common/Dropdown.common.js CHANGED
@@ -1,53 +1,53 @@
1
- import { useToggle as Ae } from "../../../composables/useToggle.js";
2
- import { ref as n, computed as r, watch as b, useSlots as Pe, nextTick as D, toRaw as x, provide as Se, onMounted as Te } from "vue";
1
+ import { useToggle as me } from "../../../composables/useToggle.js";
2
+ import { ref as n, computed as r, watch as m, useSlots as Pe, toRaw as A, nextTick as D, provide as Te, onMounted as we } from "vue";
3
3
  import { isObjectInArray as Q } from "../../../utils/array.js";
4
- import { objectsEqual as we } from "../../../utils/object.js";
5
- import { useClamp as xe, useVirtualList as De, onClickOutside as W } from "@vueuse/core";
6
- import { Mode as m, Type as k, DropdownContext as Ie } from "./DropdownContext.js";
7
- import { pxToRem as Me } from "../../../utils/style.js";
8
- import { useEditableContext as Ce } from "../../table-cells/common/EditableContext.js";
9
- const Ue = (l, O, A) => {
10
- const Y = (e, t) => l.multi ? Q(e, t) : x(e) === t;
11
- let E;
4
+ import { objectsEqual as xe } from "../../../utils/object.js";
5
+ import { useClamp as Ie, useVirtualList as De, onClickOutside as W } from "@vueuse/core";
6
+ import { Mode as O, Type as _, DropdownContext as Ne } from "./DropdownContext.js";
7
+ import { pxToRem as Re } from "../../../utils/style.js";
8
+ import { useEditableContext as Ee } from "../../table-cells/common/EditableContext.js";
9
+ const Ue = (l, P, b) => {
10
+ const Y = (e, t) => l.multi ? Q(e, t) : A(e) === t;
11
+ let k;
12
12
  ((e) => {
13
13
  e[e.None = 0] = "None", e[e.Next = 1] = "Next", e[e.Previous = -1] = "Previous", e[e.NextPage = 10] = "NextPage", e[e.PrevPage = -10] = "PrevPage";
14
- })(E || (E = {}));
14
+ })(k || (k = {}));
15
15
  const a = n(
16
16
  l.selected
17
- ), I = Ce(), u = r({
17
+ ), N = Ee(), u = r({
18
18
  get() {
19
- return I?.value?.value ?? a.value;
19
+ return N?.value?.value ?? a.value;
20
20
  },
21
21
  set(e) {
22
- I.onChange?.(e), I.onClose?.(), O("update:selected", e);
22
+ N.onChange?.(e), N.onClose?.(), P("update:selected", e);
23
23
  }
24
24
  });
25
- b(
25
+ m(
26
26
  () => l.selected,
27
27
  () => {
28
28
  a.value = l.selected;
29
29
  }
30
30
  );
31
- const Z = Pe(), P = n(null), d = n(null), V = n(null), M = n(null), H = n(null), S = n(null), F = n(), L = n(null), U = n(null), B = n(null), ee = 8, le = r(() => S.value ? S.value.getBoundingClientRect().height + ee + l.distance : 0), c = n([]), T = n(-1), w = n(""), C = n([]), p = () => S.value?.focus(), [v, te, ae] = Ae({
31
+ const Z = Pe(), T = n(null), f = 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(""), g = n([]), q = () => w.value?.focus(), [v, te, ae] = me({
32
32
  disabled: l.disabled,
33
33
  initialValue: l.defaultOpen
34
34
  });
35
- b(
35
+ m(
36
36
  () => l.disabled,
37
37
  (e) => {
38
38
  e !== void 0 && ae(e);
39
39
  }
40
40
  );
41
- const q = (e) => {
41
+ const G = (e) => {
42
42
  ue.value = te(e);
43
43
  }, ue = r({
44
44
  get() {
45
45
  return l.isOpen;
46
46
  },
47
47
  set(e) {
48
- O("update:isOpen", e);
48
+ P("update:isOpen", e);
49
49
  }
50
- }), ne = r(() => s.value.length - 1), o = xe(0, 0, ne), G = r(() => u.value ? l.displayValue(u.value) : ""), ie = (e) => {
50
+ }), ne = r(() => s.value.length - 1), o = Ie(0, 0, ne), K = r(() => u.value ? l.displayValue(u.value) : ""), ie = (e) => {
51
51
  if (!e.value.length && !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix)
52
52
  return l.placeholder;
53
53
  const t = !l.multiOptionsPlaceholderPrefix && !l.multiOptionsPlaceholderSuffix ? `${e.value.length} selected` : `${l.multiOptionsPlaceholderPrefix ?? ""}${e.value.length ?? "0"}${l.multiOptionsPlaceholderSuffix ?? ""}`;
@@ -57,56 +57,65 @@ const Ue = (l, O, A) => {
57
57
  return u.value ? l.displayValue(u.value) : l.placeholder;
58
58
  if (Array.isArray(a.value))
59
59
  return ie(a);
60
- }), K = r(() => {
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), N = (e) => {
64
- w.value = e;
65
- }, s = r(() => l.onSearch ? l.options.filter(
66
- (e) => l.onSearch(e, w.value)
67
- ) : l.options), se = r(() => c.value[0]?.hasSubtitle), $ = r(() => i.mode === m.Multi), X = r(
68
- () => se.value ? A.MULTILINE_LIST_HEIGHT : A.LIST_HEIGHT
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;
65
+ }, se = r(() => {
66
+ const e = A(g.value), t = {
67
+ selected: [],
68
+ notSelected: []
69
+ };
70
+ return A(l.options).forEach((y) => {
71
+ const d = e.includes(y) ? "selected" : "notSelected";
72
+ t[d].push(y);
73
+ }), [].concat(t.selected, t.notSelected);
74
+ }), s = r(() => {
75
+ const e = Array.isArray(g.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 === O.Multi), j = r(
78
+ () => ce.value ? b.MULTILINE_LIST_HEIGHT : b.LIST_HEIGHT
69
79
  ), {
70
- list: j,
71
- containerProps: z,
72
- wrapperProps: ce,
73
- scrollTo: R
80
+ list: z,
81
+ containerProps: p,
82
+ wrapperProps: ve,
83
+ scrollTo: M
74
84
  } = De(s, {
75
- itemHeight: X.value
85
+ itemHeight: j.value,
86
+ overscan: 2
76
87
  });
77
- b(
88
+ m(
78
89
  () => l.isOpen,
79
90
  (e) => {
80
- q(e);
91
+ G(e);
81
92
  }
82
- ), b([T], async () => {
93
+ ), m([x], async () => {
83
94
  await D();
84
- }), b(
85
- [v, o, T],
95
+ }), m(
96
+ [v, o, x],
86
97
  async ([e], [t]) => {
87
- v.value && (await D(), T.value !== -1 && e !== t && setTimeout(() => {
88
- R(T.value);
98
+ v.value && (await D(), x.value !== -1 && e !== t && setTimeout(() => {
99
+ l.multi && b.VERSION === 4 || M(x.value);
89
100
  }), o.value && setTimeout(() => {
90
- R(o.value);
101
+ M(o.value);
91
102
  }));
92
103
  }
93
104
  );
94
- const f = (e, t = !1) => {
95
- l.disabled || (q(e), D(() => {
96
- v.value && O("opened"), v.value || O("closed"), P.value && t && P.value.focus();
105
+ const h = (e, t = !1) => {
106
+ l.disabled || (G(e), D(() => {
107
+ v.value && P("opened"), v.value || P("closed"), T.value && t && T.value.focus();
97
108
  }));
98
109
  };
99
- b(v, (e) => {
110
+ m(v, (e) => {
100
111
  if (e) {
101
- $.value && Array.isArray(u.value) && (C.value = x(u.value).slice());
112
+ X.value && Array.isArray(u.value) && (g.value = A(u.value).slice());
102
113
  return;
103
114
  }
104
- p();
115
+ q();
105
116
  });
106
- const ve = () => {
107
- de(), u.value = a.value;
108
- }, de = () => {
109
- if (K.value) {
117
+ const de = () => {
118
+ if ($.value) {
110
119
  a.value = [];
111
120
  return;
112
121
  }
@@ -118,73 +127,75 @@ const Ue = (l, O, A) => {
118
127
  a.value = s.value;
119
128
  }
120
129
  }, fe = () => {
121
- a.value = [], u.value = [];
122
- }, _ = (e, t) => {
123
- if (e = x(e), c.value[t]?.disabled)
130
+ de(), b.VERSION !== 4 && (u.value = a.value);
131
+ }, ge = (e = !0) => {
132
+ a.value = [], e && (u.value = [], g.value = []);
133
+ }, C = (e, t) => {
134
+ if (e = A(e), c.value[t]?.disabled)
124
135
  return;
125
- if (T.value = t, i.mode !== m.Multi) {
126
- l.keepOpen || f(!1), i.goToOption(
136
+ if (x.value = t, i.mode !== O.Multi) {
137
+ l.keepOpen || h(!1), i.goToOption(
127
138
  0
128
139
  /* None */
129
- ), u.value = e, N(""), p(), i.type === k.Search && d.value && (d.value.value = l.displayValue(e));
140
+ ), u.value = e, E(""), q(), i.type === _.Search && f.value && (f.value.value = l.displayValue(e));
130
141
  return;
131
142
  }
132
143
  if (!Array.isArray(a.value))
133
144
  return;
134
- d.value?.focus();
135
- const g = x(a.value);
136
- if (Q(g, e)) {
137
- a.value = g.filter(
138
- (h) => !we(h, e)
145
+ f.value?.focus();
146
+ const S = A(a.value);
147
+ if (Q(S, e)) {
148
+ a.value = S.filter(
149
+ (d) => !xe(d, e)
139
150
  );
140
151
  return;
141
152
  } else {
142
- a.value = [...g, e];
153
+ a.value = [...S, e];
143
154
  return;
144
155
  }
145
- }, ge = (e) => c.value[e]?.disabled, i = {
156
+ }, he = (e) => c.value[e]?.disabled, i = {
146
157
  activeIndex: o,
147
158
  options: c,
148
159
  selectedOption: u,
149
160
  labelRef: H,
150
- activeOption: M,
151
- listRef: P,
161
+ activeOption: R,
162
+ listRef: T,
152
163
  clearable: l.clearable,
153
- type: Z.input ? k.Search : k.Dropdown,
154
- mode: l.multi ? m.Multi : m.Single,
155
- query: w,
156
- selectedValue: G,
157
- toggle: f,
164
+ type: Z.input ? _.Search : _.Dropdown,
165
+ mode: l.multi ? O.Multi : O.Single,
166
+ query: I,
167
+ selectedValue: K,
168
+ toggle: h,
158
169
  disabled: l.disabled,
159
170
  open: v,
160
171
  mandatory: l.mandatory,
161
172
  size: l.size,
162
173
  placeholder: l.placeholder,
163
- select: _,
174
+ select: C,
164
175
  clearSelection: () => {
165
- N(""), u.value = i.mode === m.Single ? null : [], d.value && (d.value.value = "");
176
+ E(""), u.value = i.mode === O.Single ? null : [], g.value = i.mode === O.Single ? null : [], f.value && (f.value.value = "");
166
177
  },
167
- search: N,
178
+ search: E,
168
179
  goToOption: async (e) => {
169
180
  if (!v.value)
170
181
  return;
171
182
  let t = o.value + e;
172
183
  const y = c.value.filter(
173
- (h) => h.disabled
174
- ).length, g = s.value.length - y;
175
- for (t > g && (t = g + 1); ; ) {
184
+ (d) => d.disabled
185
+ ).length, S = s.value.length - y;
186
+ for (t > S && (t = S + 1); ; ) {
176
187
  if (!c.value[t]?.disabled) {
177
- M.value = s.value[t], o.value = t;
188
+ R.value = s.value[t], o.value = t;
178
189
  return;
179
190
  }
180
- if ((e === 1 || e === 10) && (t = t + 1), (e === -1 || e === -10) && (t = t + -1), !!ge(o.value)) {
181
- M.value = s.value[t], o.value = t;
191
+ 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;
182
193
  return;
183
194
  }
184
195
  }
185
196
  },
186
197
  registerInput: (e) => {
187
- d.value = e.value;
198
+ f.value = e.value;
188
199
  },
189
200
  registerOption: (e, t, y) => {
190
201
  c.value = [...c.value, { id: e, disabled: t, hasSubtitle: y }];
@@ -193,34 +204,34 @@ const Ue = (l, O, A) => {
193
204
  c.value = c.value.filter((t) => t.id !== e);
194
205
  }
195
206
  };
196
- Se(Ie, i), W(
197
- P,
207
+ Te(Ne, i), W(
208
+ T,
198
209
  () => {
199
210
  v.value && J();
200
211
  },
201
212
  {
202
213
  ignore: [
203
- S,
214
+ w,
215
+ B,
204
216
  L,
205
217
  U,
206
- B,
207
- d,
208
- z.ref
218
+ f,
219
+ p.ref
209
220
  ]
210
221
  }
211
222
  );
212
- const he = () => {
213
- d.value && (d.value.value = i.query.value = "");
223
+ const ye = () => {
224
+ f.value && (f.value.value = i.query.value = "");
214
225
  };
215
- Te(async () => {
226
+ we(async () => {
216
227
  l.autoFocus && (await D(), setTimeout(() => {
217
228
  V.value.focus();
218
229
  })), i.goToOption(0);
219
230
  });
220
- const ye = () => {
221
- u.value = a.value, O("apply", u.value), f(!1), he();
231
+ const Se = () => {
232
+ u.value = a.value, Array.isArray(u.value) && (g.value = A(u.value).slice()), P("apply", u.value), h(!1), ye();
222
233
  }, J = () => {
223
- $.value && Array.isArray(C.value) && (u.value = x(C.value).slice()), w.value = "", f(!1);
234
+ X.value && Array.isArray(g.value) && (u.value = A(g.value).slice()), I.value = "", h(!1);
224
235
  }, be = (e) => {
225
236
  if (!l.disableKeyboardEvents)
226
237
  switch (e.key) {
@@ -228,9 +239,9 @@ const Ue = (l, O, A) => {
228
239
  case "Enter":
229
240
  case "ArrowUp":
230
241
  case "ArrowDown":
231
- f(!0), e.preventDefault();
242
+ h(!0), e.preventDefault();
232
243
  }
233
- }, me = (e) => {
244
+ }, Ae = (e) => {
234
245
  if (!l.disableKeyboardEvents)
235
246
  switch (e.key) {
236
247
  case "ArrowUp": {
@@ -248,7 +259,7 @@ const Ue = (l, O, A) => {
248
259
  break;
249
260
  }
250
261
  case "Escape": {
251
- f(!1), e.preventDefault();
262
+ h(!1), e.preventDefault();
252
263
  break;
253
264
  }
254
265
  case "PageUp": {
@@ -267,54 +278,55 @@ const Ue = (l, O, A) => {
267
278
  }
268
279
  case "Enter": {
269
280
  if (!v.value) {
270
- f(!0);
281
+ h(!0);
271
282
  return;
272
283
  }
273
- _(s.value[o.value], o.value), i.mode === m.Single && !l.keepOpen && f(!1), e.preventDefault();
284
+ C(s.value[o.value], o.value), i.mode === O.Single && !l.keepOpen && h(!1), e.preventDefault();
274
285
  break;
275
286
  }
276
287
  }
277
288
  }, Oe = r(() => {
278
- const e = j.value.length, t = l.multi && l.showSelectAll ? 1 : 0, y = e > A.MAX_NUMBER_OF_OPTIONS, g = e + t;
279
- let h = y ? A.MAX_NUMBER_OF_OPTIONS + 0.1 : g;
280
- return l.noResultsText && h === 0 && (h = h + 1), Me(
281
- h * X.value + A.PADDING_PX
289
+ const e = z.value.length, t = l.multi && l.showSelectAll ? 1 : 0, y = e > b.MAX_NUMBER_OF_OPTIONS, S = e + t;
290
+ let d = y ? b.MAX_NUMBER_OF_OPTIONS + 0.1 : S;
291
+ return l.noResultsText && d === 0 && (d = d + 1), Re(
292
+ d * j.value + b.PADDING_PX
282
293
  );
283
294
  });
284
295
  return {
285
- onKeydown: me,
296
+ onKeydown: Ae,
286
297
  location: le,
287
298
  open: v,
288
- toggleMenu: f,
299
+ toggleMenu: h,
289
300
  onButtonKeydown: be,
290
301
  displayedValue: re,
291
302
  labelRef: H,
292
- query: w,
293
- containerProps: z,
303
+ query: I,
304
+ containerProps: p,
294
305
  calculateTableHeight: Oe,
295
- wrapperProps: ce,
306
+ wrapperProps: ve,
296
307
  filteredOptions: s,
297
- allSelected: K,
308
+ allSelected: $,
298
309
  isIndeterminate: oe,
299
- onSelectAll: ve,
300
- virtualOptions: j,
310
+ onSelectAll: fe,
311
+ virtualOptions: z,
301
312
  isSelected: Y,
302
313
  selectedOption: u,
303
- selectedValue: G,
304
- onSelect: _,
314
+ selectedOptionPrevious: g,
315
+ selectedValue: K,
316
+ onSelect: C,
305
317
  activeIndex: o,
306
318
  onCancel: J,
307
- onApply: ye,
308
- scrollTo: R,
319
+ onApply: Se,
320
+ scrollTo: M,
309
321
  onClickOutside: W,
310
- listRef: P,
311
- buttonRef: S,
312
- apply: L,
313
- cancel: U,
322
+ listRef: T,
323
+ buttonRef: w,
324
+ apply: B,
325
+ cancel: L,
314
326
  el: V,
315
327
  triggerRef: F,
316
- clearAll: B,
317
- onClearAllSelections: fe
328
+ clearAll: U,
329
+ onClearAllSelections: ge
318
330
  };
319
331
  };
320
332
  export {
package/components/dropdown/v4/DropdownV4.vue.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import o from "./DropdownV4.vue2.js";
2
- /* empty css *//* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_24014c62_lang.css"; //*');
2
+ /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_bf8e7ff5_lang.css"; //*');
4
4
  // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-24014c62"]]);
5
+ const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bf8e7ff5"]]);
6
6
  export {
7
7
  r as default
8
8
  };
package/components/dropdown/v4/DropdownV4.vue2.js CHANGED
@@ -1,36 +1,36 @@
1
- import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_24014c62_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as de, computed as V, openBlock as i, createElementBlock as n, mergeProps as u, unref as e, renderSlot as w, createElementVNode as p, createVNode as a, withCtx as c, Transition as re, normalizeClass as F, normalizeStyle as se, isRef as ue, createCommentVNode as r, createTextVNode as g, toDisplayString as ce, withModifiers as x, Fragment as fe, renderList as me, toRaw as k, createBlock as pe, resolveDynamicComponent as ye } from "vue";
1
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_bf8e7ff5_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as re, computed as V, openBlock as i, createElementBlock as n, mergeProps as u, unref as e, renderSlot as w, createElementVNode as y, createVNode as a, withCtx as c, Transition as se, normalizeClass as F, normalizeStyle as ue, isRef as ce, createCommentVNode as r, createTextVNode as g, toDisplayString as fe, withModifiers as x, Fragment as me, renderList as ye, toRaw as h, createBlock as pe, resolveDynamicComponent as ge } from "vue";
2
2
  import A from "../../button/v4/ButtonV4.vue.js";
3
3
  import "../../button/v4/IconButtonV4.vue.js";
4
4
  import "./DropdownV4.vue.js";
5
- import ge from "./DefaultDropdownTrigger.vue.js";
6
- import he from "./IconButtonDropdownTrigger.vue.js";
7
- import be from "./ChipDropdownTrigger.vue.js";
8
- import ke from "./AppDropdownTrigger.vue.js";
5
+ import be from "./DefaultDropdownTrigger.vue.js";
6
+ import ke from "./IconButtonDropdownTrigger.vue.js";
7
+ import he from "./ChipDropdownTrigger.vue.js";
8
+ import Te from "./AppDropdownTrigger.vue.js";
9
9
  import "./ButtonDropdownTrigger.vue.js";
10
10
  import "./ButtonFilterDropdownTrigger.vue.js";
11
11
  import $ from "./OptionV4.vue.js";
12
- import Te from "../../search/v4/SearchV4.vue.js";
12
+ import ve from "../../search/v4/SearchV4.vue.js";
13
13
  import H from "../../typography/v4/Typography.vue.js";
14
- import { Dropdown as ve } from "floating-vue";
14
+ import { Dropdown as Ie } from "floating-vue";
15
15
  import { DropdownTestIdModifiers as f } from "../../../testids/index.js";
16
- import { dropdownCommon as Ie } from "../common/Dropdown.common.js";
17
- import we from "../../loader/v4/Loader.vue.js";
18
- import { useTestIdAttrs as Ce } from "../../../utils/testIds.js";
19
- import { TRIGGERS as y } from "./Dropdown.types.js";
20
- import { useElementSize as Se } from "@vueuse/core";
21
- const Ae = ["tabindex"], Le = { style: { width: "100%" } }, Oe = { key: 0 }, Be = { key: 1 }, Ne = { key: 2 }, De = {
16
+ import { dropdownCommon as we } from "../common/Dropdown.common.js";
17
+ import Ce from "../../loader/v4/Loader.vue.js";
18
+ import { useTestIdAttrs as Se } from "../../../utils/testIds.js";
19
+ import { TRIGGERS as p } from "./Dropdown.types.js";
20
+ import { useElementSize as Ae } from "@vueuse/core";
21
+ const Le = ["tabindex"], Oe = { style: { width: "100%" } }, Be = { key: 0 }, Ne = { key: 1 }, De = { key: 2 }, Ee = {
22
22
  key: 0,
23
23
  class: "inline-search-wrapper"
24
24
  }, Ke = {
25
25
  key: 0,
26
26
  class: "no-result-container"
27
- }, Ee = {
27
+ }, Pe = {
28
28
  key: 1,
29
29
  class: "loader"
30
- }, Pe = { key: 2 }, Re = ["aria-selected", "aria-disabled", "onClick"], ze = {
30
+ }, Re = { key: 2 }, ze = ["aria-selected", "aria-disabled", "onClick"], Ve = {
31
31
  key: 1,
32
32
  class: "actions-wrapper"
33
- }, Ve = { class: "actions-clear-all" }, Fe = { class: "actions-apply-cancel" }, at = /* @__PURE__ */ de({
33
+ }, Fe = { class: "actions-clear-all" }, xe = { class: "actions-apply-cancel" }, dt = /* @__PURE__ */ re({
34
34
  __name: "DropdownV4",
35
35
  props: {
36
36
  modelValue: { default: null },
@@ -61,7 +61,7 @@ const Ae = ["tabindex"], Le = { style: { width: "100%" } }, Oe = { key: 0 }, Be
61
61
  triggerFeedbackShowIcon: { type: Boolean, default: !1 },
62
62
  size: { default: "medium" },
63
63
  mandatory: { type: Boolean, default: !1 },
64
- predefinedTrigger: { default: y.DEFAULT },
64
+ predefinedTrigger: { default: p.DEFAULT },
65
65
  inlineSearch: { type: Boolean, default: !1 },
66
66
  inlineSearchPlaceholder: { default: "Search" },
67
67
  onSearch: { type: Function, default: null },
@@ -87,56 +87,56 @@ const Ae = ["tabindex"], Le = { style: { width: "100%" } }, Oe = { key: 0 }, Be
87
87
  LIST_HEIGHT: 32 + 4,
88
88
  MAX_NUMBER_OF_OPTIONS: 7.5,
89
89
  PADDING_PX: 0,
90
- DROPLIST_MIN_WIDTH: 240
90
+ DROPLIST_MIN_WIDTH: 240,
91
+ VERSION: 4
91
92
  }, {
92
- onKeydown: h,
93
+ onKeydown: b,
93
94
  open: s,
94
95
  toggleMenu: T,
95
96
  onButtonKeydown: M,
96
97
  query: C,
97
98
  containerProps: G,
98
99
  calculateTableHeight: X,
99
- wrapperProps: O,
100
- filteredOptions: q,
101
- allSelected: B,
102
- isIndeterminate: Y,
103
- onSelectAll: j,
104
- virtualOptions: N,
100
+ wrapperProps: q,
101
+ filteredOptions: Y,
102
+ allSelected: O,
103
+ isIndeterminate: j,
104
+ onSelectAll: J,
105
+ virtualOptions: B,
105
106
  isSelected: S,
106
- selectedOption: b,
107
- selectedValue: J,
107
+ selectedOption: k,
108
+ selectedOptionPrevious: N,
109
+ selectedValue: Q,
108
110
  onSelect: D,
109
- activeIndex: K,
110
- onCancel: Q,
111
- onApply: Z,
112
- scrollTo: _,
113
- listRef: ee,
114
- buttonRef: E,
115
- apply: te,
116
- cancel: le,
117
- el: oe,
111
+ activeIndex: E,
112
+ onCancel: Z,
113
+ onApply: _,
114
+ scrollTo: ee,
115
+ listRef: te,
116
+ buttonRef: K,
117
+ apply: le,
118
+ cancel: oe,
119
+ el: ie,
118
120
  onClearAllSelections: P,
119
- clearAll: ie
120
- } = Ie(d, W, L);
121
- U({
122
- selectItem: D,
123
- scrollTo: _
124
- });
125
- const m = Ce(d.testId, f), R = V(() => !d.predefinedTrigger || d.predefinedTrigger === y.DEFAULT ? ge : d.predefinedTrigger === y.APP ? ke : null), { width: z } = Se(E), ne = V(() => d.optionsListWidth ? d.optionsListWidth : !d.predefinedTrigger || d.predefinedTrigger === y.DEFAULT || d.predefinedTrigger === y.APP ? z.value - 2 > 240 ? `${z.value - 2}px` : `${L.DROPLIST_MIN_WIDTH}px` : "auto"), ae = () => {
121
+ clearAll: ne
122
+ } = we(d, W, L), m = Se(d.testId, f), R = V(() => !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT ? be : d.predefinedTrigger === p.APP ? Te : null), { width: z } = Ae(K), ae = V(() => d.optionsListWidth ? d.optionsListWidth : !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT || d.predefinedTrigger === p.APP ? z.value - 2 > 240 ? `${z.value - 2}px` : `${L.DROPLIST_MIN_WIDTH}px` : "auto"), de = () => {
126
123
  T();
127
124
  };
128
- return (v, o) => (i(), n("div", u({
125
+ return U({
126
+ selectItem: D,
127
+ scrollTo: ee
128
+ }), (v, o) => (i(), n("div", u({
129
129
  ref_key: "el",
130
- ref: oe,
130
+ ref: ie,
131
131
  class: ["dropdown dropdown--main-wrapper", [{ "dropdown--disabled": t.disabled, "full-width": t.fullWidth }]],
132
132
  tabindex: t.disabled ? -1 : 0
133
133
  }, e(m)[e(f).WRAPPER], {
134
- onKeydown: o[6] || (o[6] = //@ts-ignore
135
- (...l) => e(h) && e(h)(...l))
134
+ onKeydown: o[7] || (o[7] = //@ts-ignore
135
+ (...l) => e(b) && e(b)(...l))
136
136
  }), [
137
137
  w(v.$slots, "label", {}, void 0, !0),
138
- p("div", Le, [
139
- a(e(ve), u({
138
+ y("div", Oe, [
139
+ a(e(Ie), u({
140
140
  theme: t.theme,
141
141
  "popper-class": [
142
142
  t.popperClass,
@@ -155,29 +155,29 @@ const Ae = ["tabindex"], Le = { style: { width: "100%" } }, Oe = { key: 0 }, Be
155
155
  "auto-size": t.autoSize
156
156
  }, e(m)[e(f).TRIGGER]), {
157
157
  popper: c(() => [
158
- a(re, null, {
158
+ a(se, null, {
159
159
  default: c(() => [
160
160
  e(s) ? (i(), n("div", {
161
161
  key: 0,
162
162
  ref_key: "listRef",
163
- ref: ee,
163
+ ref: te,
164
164
  class: F(["light-theme-v4", {
165
165
  "dropdown--disabled": t.disabled,
166
166
  "inline-search": t.inlineSearch
167
167
  }]),
168
- style: se({ width: e(ne) })
168
+ style: ue({ width: e(ae) })
169
169
  }, [
170
170
  e(s) ? (i(), n("div", {
171
171
  key: 0,
172
172
  class: "dropdown-list-wrapper",
173
- onKeydown: o[5] || (o[5] = //@ts-ignore
174
- (...l) => e(h) && e(h)(...l))
173
+ onKeydown: o[6] || (o[6] = //@ts-ignore
174
+ (...l) => e(b) && e(b)(...l))
175
175
  }, [
176
- e(s) && t.inlineSearch ? (i(), n("div", De, [
177
- a(e(Te), {
176
+ e(s) && t.inlineSearch ? (i(), n("div", Ee, [
177
+ a(e(ve), {
178
178
  modelValue: e(C),
179
179
  "onUpdate:modelValue": [
180
- o[3] || (o[3] = (l) => ue(C) ? C.value = l : null),
180
+ o[3] || (o[3] = (l) => ce(C) ? C.value = l : null),
181
181
  t.onClear
182
182
  ],
183
183
  placeholder: t.inlineSearchPlaceholder,
@@ -185,34 +185,31 @@ const Ae = ["tabindex"], Le = { style: { width: "100%" } }, Oe = { key: 0 }, Be
185
185
  size: "md",
186
186
  "auto-focus": t.searchAutoFocus,
187
187
  "test-id": t.testId,
188
- onKeydown: e(h)
188
+ onKeydown: e(b)
189
189
  }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id", "onUpdate:modelValue", "onKeydown"])
190
190
  ])) : r("", !0),
191
191
  w(v.$slots, "input-list", { open: e(s) }, void 0, !0),
192
- p("div", u({
192
+ y("div", u({
193
193
  class: ["list-container", { "list-container--multi": t.multi }],
194
194
  style: { height: `${e(X)}rem` }
195
195
  }, {
196
196
  ...e(G),
197
197
  ...e(m)[e(f).LIST_CONTAINER]
198
198
  }), [
199
- p("ul", u(e(O), {
200
- style: {
201
- height: Number(e(O).style.height) - 4
202
- },
199
+ y("ul", u(e(q), {
203
200
  role: "listbox",
204
201
  class: ["list", { "list--multi": t.multi }]
205
202
  }), [
206
- !e(q).length && !t.loading ? (i(), n("li", Ke, [
203
+ !e(Y).length && !t.loading ? (i(), n("li", Ke, [
207
204
  a(e(H), u({ variant: "body2" }, e(m)[e(f).NO_RESULT]), {
208
205
  default: c(() => [
209
- g(ce(t.noResultsText), 1)
206
+ g(fe(t.noResultsText), 1)
210
207
  ]),
211
208
  _: 1
212
209
  }, 16)
213
210
  ])) : r("", !0),
214
- t.loading ? (i(), n("li", Ee, [
215
- a(e(we)),
211
+ t.loading ? (i(), n("li", Pe, [
212
+ a(e(Ce)),
216
213
  a(e(H), null, {
217
214
  default: c(() => [
218
215
  g("Loading...")
@@ -220,18 +217,18 @@ const Ae = ["tabindex"], Le = { style: { width: "100%" } }, Oe = { key: 0 }, Be
220
217
  _: 1
221
218
  })
222
219
  ])) : r("", !0),
223
- t.showSelectAll !== !1 && t.multi ? (i(), n("li", Pe, [
220
+ t.showSelectAll !== !1 && t.multi ? (i(), n("li", Re, [
224
221
  a(e($), u(
225
222
  {
226
- "aria-selected": e(B),
223
+ "aria-selected": e(O),
227
224
  "aria-disabled": !!t.disabled,
228
- "selected-prop": e(B),
229
- "is-indeterminate": e(Y),
225
+ "selected-prop": e(O),
226
+ "is-indeterminate": e(j),
230
227
  "select-all-option": ""
231
228
  },
232
229
  e(m)[e(f).SELECT_ALL],
233
230
  {
234
- onClick: o[4] || (o[4] = x((l) => e(j)(), ["stop"]))
231
+ onClick: o[4] || (o[4] = x((l) => e(J)(), ["stop"]))
235
232
  }
236
233
  ), {
237
234
  default: c(() => [
@@ -240,22 +237,22 @@ const Ae = ["tabindex"], Le = { style: { width: "100%" } }, Oe = { key: 0 }, Be
240
237
  _: 1
241
238
  }, 16, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate"])
242
239
  ])) : r("", !0),
243
- e(N).length && !t.loading ? (i(!0), n(fe, { key: 3 }, me(e(N), ({ data: l, index: I }) => (i(), n("li", {
240
+ e(B).length && !t.loading ? (i(!0), n(me, { key: 3 }, ye(e(B), ({ data: l, index: I }) => (i(), n("li", {
244
241
  key: I,
245
- "aria-selected": e(S)(k(e(b)), l),
242
+ "aria-selected": e(S)(h(e(k)), l),
246
243
  "aria-disabled": !!t.disabled,
247
244
  onClick: x(() => e(D)(l, I), ["stop"])
248
245
  }, [
249
246
  w(v.$slots, "default", {
250
247
  option: l,
251
- selected: e(S)(k(e(b)), l),
252
- active: k(e(K)) === I,
248
+ selected: e(S)(h(e(k)), l),
249
+ active: h(e(E)) === I,
253
250
  disabled: l[d.disabledOptionKey]
254
251
  }, () => [
255
252
  a(e($), {
256
253
  option: l,
257
- selected: e(S)(k(e(b)), l),
258
- active: k(e(K)) === I,
254
+ selected: e(S)(h(e(k)), l),
255
+ active: h(e(E)) === I,
259
256
  disabled: l[d.disabledOptionKey],
260
257
  "name-key": t.optionNameKey,
261
258
  "image-key": t.optionImageKey,
@@ -263,39 +260,41 @@ const Ae = ["tabindex"], Le = { style: { width: "100%" } }, Oe = { key: 0 }, Be
263
260
  "icon-type": t.optionIconType
264
261
  }, null, 8, ["option", "selected", "active", "disabled", "name-key", "image-key", "icon-key", "icon-type"])
265
262
  ], !0)
266
- ], 8, Re))), 128)) : r("", !0)
263
+ ], 8, ze))), 128)) : r("", !0)
267
264
  ], 16)
268
265
  ], 16),
269
- t.multi ? (i(), n("div", ze, [
270
- p("div", Ve, [
266
+ t.multi ? (i(), n("div", Ve, [
267
+ y("div", Fe, [
271
268
  a(e(A), u(
272
269
  {
273
270
  ref_key: "clearAll",
274
- ref: ie,
271
+ ref: ne,
275
272
  size: "small",
276
273
  variant: "text",
277
274
  color: "primary"
278
275
  },
279
276
  e(m)[e(f).ACTION_CLEAR_ALL],
280
- { onClick: e(P) }
277
+ {
278
+ onClick: o[5] || (o[5] = () => e(P)(!1))
279
+ }
281
280
  ), {
282
281
  default: c(() => [
283
282
  g(" Clear all ")
284
283
  ]),
285
284
  _: 1
286
- }, 16, ["onClick"])
285
+ }, 16)
287
286
  ]),
288
- p("div", Fe, [
287
+ y("div", xe, [
289
288
  a(e(A), u(
290
289
  {
291
290
  ref_key: "cancel",
292
- ref: le,
291
+ ref: oe,
293
292
  size: "small",
294
293
  variant: "outlined",
295
294
  color: "primary"
296
295
  },
297
296
  e(m)[e(f).ACTION_CANCEL],
298
- { onClick: e(Q) }
297
+ { onClick: e(Z) }
299
298
  ), {
300
299
  default: c(() => [
301
300
  g(" Cancel ")
@@ -304,11 +303,11 @@ const Ae = ["tabindex"], Le = { style: { width: "100%" } }, Oe = { key: 0 }, Be
304
303
  }, 16, ["onClick"]),
305
304
  a(e(A), u({
306
305
  ref_key: "apply",
307
- ref: te,
306
+ ref: le,
308
307
  "data-testid": "mutli-apply",
309
308
  size: "small",
310
309
  class: "apply-button"
311
- }, e(m)[e(f).ACTION_APPLY], { onClick: e(Z) }), {
310
+ }, e(m)[e(f).ACTION_APPLY], { onClick: e(_) }), {
312
311
  default: c(() => [
313
312
  g("Apply ")
314
313
  ]),
@@ -323,7 +322,7 @@ const Ae = ["tabindex"], Le = { style: { width: "100%" } }, Oe = { key: 0 }, Be
323
322
  })
324
323
  ]),
325
324
  default: c(() => [
326
- p("div", {
325
+ y("div", {
327
326
  class: F(["button__container", {
328
327
  "button__container--open": !!e(s),
329
328
  [`button__container--${t.size}`]: !0,
@@ -334,16 +333,16 @@ const Ae = ["tabindex"], Le = { style: { width: "100%" } }, Oe = { key: 0 }, Be
334
333
  buttonTriggerProps: {
335
334
  open: e(s),
336
335
  disabled: t.disabled,
337
- label: e(J) || t.placeholder,
336
+ label: e(Q) || t.placeholder,
338
337
  onClick: () => e(T)()
339
338
  }
340
339
  }, () => [
341
- p("div", {
340
+ y("div", {
342
341
  ref_key: "buttonRef",
343
- ref: E
342
+ ref: K
344
343
  }, [
345
- e(R) ? (i(), n("div", Oe, [
346
- (i(), pe(ye(e(R)), {
344
+ e(R) ? (i(), n("div", Be, [
345
+ (i(), pe(ge(e(R)), {
347
346
  placeholder: t.placeholder,
348
347
  open: e(s),
349
348
  label: t.triggerLabel,
@@ -355,7 +354,7 @@ const Ae = ["tabindex"], Le = { style: { width: "100%" } }, Oe = { key: 0 }, Be
355
354
  "test-id": t.testId,
356
355
  multi: t.multi,
357
356
  disabled: t.disabled,
358
- "selected-option": e(b),
357
+ "selected-option": t.multi ? e(N) : e(k),
359
358
  "display-value": t.displayValue,
360
359
  options: t.options,
361
360
  "option-name-key": t.optionNameKey,
@@ -366,21 +365,21 @@ const Ae = ["tabindex"], Le = { style: { width: "100%" } }, Oe = { key: 0 }, Be
366
365
  "status-dot-type": t.statusType,
367
366
  size: t.size,
368
367
  onKeydown: e(M),
369
- onClick: ae
368
+ onClick: de
370
369
  }, null, 40, ["placeholder", "open", "label", "hover-help-text", "feedback-text", "feedback-variant", "show-feedback-icon", "mandatory", "test-id", "multi", "disabled", "selected-option", "display-value", "options", "option-name-key", "option-image-key", "option-icon-key", "option-icon-type", "value-to-copy", "status-dot-type", "size", "onKeydown"]))
371
370
  ])) : r("", !0),
372
- t.predefinedTrigger === e(y).ICON_BUTTON ? (i(), n("div", Be, [
373
- a(e(he), {
371
+ t.predefinedTrigger === e(p).ICON_BUTTON ? (i(), n("div", Ne, [
372
+ a(e(ke), {
374
373
  onClick: o[0] || (o[0] = (l) => e(T)())
375
374
  })
376
375
  ])) : r("", !0),
377
- t.predefinedTrigger === e(y).CHIP ? (i(), n("div", Ne, [
378
- a(e(be), {
376
+ t.predefinedTrigger === e(p).CHIP ? (i(), n("div", De, [
377
+ a(e(he), {
379
378
  open: e(s),
380
379
  label: t.placeholder,
381
380
  "test-id": t.testId,
382
381
  options: t.options,
383
- "selected-option": e(b),
382
+ "selected-option": t.multi ? e(N) : e(k),
384
383
  "display-value": t.displayValue,
385
384
  multi: t.multi,
386
385
  onClick: o[1] || (o[1] = (l) => e(T)()),
@@ -394,9 +393,9 @@ const Ae = ["tabindex"], Le = { style: { width: "100%" } }, Oe = { key: 0 }, Be
394
393
  _: 3
395
394
  }, 16, ["theme", "popper-class", "placement", "skidding", "distance", "flip", "shown", "container", "auto-size"])
396
395
  ])
397
- ], 16, Ae));
396
+ ], 16, Le));
398
397
  }
399
398
  });
400
399
  export {
401
- at as default
400
+ dt as default
402
401
  };
package/components/typography/v4/Typography.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./Typography.vue2.js";
2
- /* empty css */import p from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../Typography.vue_vue_type_style_index_0_scoped_94f65484_lang.css"; //*');
4
- const t = /* @__PURE__ */ p(o, [["__scopeId", "data-v-94f65484"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../Typography.vue_vue_type_style_index_0_scoped_4c2254ef_lang.css"; //*');
4
+ const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-4c2254ef"]]);
5
5
  export {
6
6
  t as default
7
7
  };
package/components/typography/v4/Typography.vue2.js CHANGED
@@ -1,12 +1,12 @@
1
- import "../../../Typography.vue_vue_type_style_index_0_scoped_94f65484_lang.css"; import { defineComponent as i, computed as a, openBlock as c, createBlock as f, resolveDynamicComponent as h, unref as n, normalizeClass as b, withCtx as u, renderSlot as d } from "vue";
2
- const v = /* @__PURE__ */ i({
1
+ import "../../../Typography.vue_vue_type_style_index_0_scoped_4c2254ef_lang.css"; import { defineComponent as s, computed as e, openBlock as c, createBlock as f, resolveDynamicComponent as h, unref as n, normalizeClass as b, withCtx as u, renderSlot as d } from "vue";
2
+ const v = /* @__PURE__ */ s({
3
3
  __name: "Typography",
4
4
  props: {
5
5
  isTruncated: { type: Boolean },
6
6
  variant: { default: "body1" }
7
7
  },
8
- setup(e) {
9
- const t = e, o = {
8
+ setup(a) {
9
+ const t = a, o = {
10
10
  title: "font-title",
11
11
  h1: "font-heading-1",
12
12
  h2: "font-heading-2",
@@ -28,7 +28,7 @@ const v = /* @__PURE__ */ i({
28
28
  chart1: "font-chart-1",
29
29
  chart2: "font-chart-2",
30
30
  overline: "font-overline"
31
- }, l = a(() => {
31
+ }, l = e(() => {
32
32
  switch (t.variant) {
33
33
  case "title":
34
34
  return "h1";
@@ -42,12 +42,12 @@ const v = /* @__PURE__ */ i({
42
42
  default:
43
43
  return "span";
44
44
  }
45
- }), r = a(() => o[t.variant]);
46
- return (s, p) => (c(), f(h(n(l)), {
47
- class: b({ [n(r)]: !0, truncate: e.isTruncated })
45
+ }), r = e(() => o[t.variant]);
46
+ return (i, p) => (c(), f(h(n(l)), {
47
+ class: b(["antialiased", { [n(r)]: !0, truncate: a.isTruncated }])
48
48
  }, {
49
49
  default: u(() => [
50
- d(s.$slots, "default", {}, void 0, !0)
50
+ d(i.$slots, "default", {}, void 0, !0)
51
51
  ]),
52
52
  _: 3
53
53
  }, 8, ["class"]));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.5-rc.0",
3
+ "version": "2.1.5-rc.2",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -45,7 +45,7 @@
45
45
  "cf:invalidate": "aws cloudfront create-invalidation --distribution-id E2H80TE9BVV9YO --paths \"/$FOLDER/*\" ",
46
46
  "upload:visual": "aws s3 cp ./visual-tests s3://mobile-shared-ui-platform/visual-tests/$FOLDER --recursive --exclude '.gitkeep' ",
47
47
  "release": "commit-and-tag-version",
48
- "pw:ci": "cd e2e/playwright && BASE_URL=http://localhost:6006/ npx playwright test --reporter=list",
48
+ "pw:ci": "cd e2e/playwright && BASE_URL=http://localhost:6006/ npx playwright test --reporter=list --shard=${{ matrix.shardIndex }}/${{ matrix.shardTotal }}",
49
49
  "test-storybook-pw": "concurrently 'npm run storybook:dist:pw --silent' 'npx wait-on http://localhost:6006 && npm run pw:ci' --kill-others --success first"
50
50
  },
51
51
  "dependencies": {
package/ButtonV4.vue_vue_type_style_index_0_scoped_38c0ed72_lang.css DELETED
@@ -1 +0,0 @@
1
- .button-wrap[data-v-38c0ed72]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0}.contained.primary[data-v-38c0ed72]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-38c0ed72]:hover{background:var(--primary-darker)}.contained.primary[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.default[data-v-38c0ed72]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-38c0ed72]:hover{background:var(--default-light)}.contained.default[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.danger[data-v-38c0ed72]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-38c0ed72]:hover{background:var(--error-dark)}.contained.danger[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.info[data-v-38c0ed72]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-38c0ed72]:hover{background:var(--info-dark)}.contained.info[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.success[data-v-38c0ed72]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-38c0ed72]:hover{background:var(--success-dark)}.contained.success[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.warning[data-v-38c0ed72]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-38c0ed72]:hover{background:var(--warning-dark)}.contained.warning[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.loading[data-v-38c0ed72],.contained.loading[data-v-38c0ed72]:hover{background:var(--action-disabled-background)}.outlined[data-v-38c0ed72]{background:transparent}.outlined.primary[data-v-38c0ed72]{color:var(--primary-main);border:1px solid var(--primary-main)}.outlined.primary[data-v-38c0ed72]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.default[data-v-38c0ed72]{color:var(--text-primary);border:1px solid var(--default-outlined-border)}.outlined.default[data-v-38c0ed72]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.danger[data-v-38c0ed72]{color:var(--error-main);border:1px solid var(--error-main)}.outlined.danger[data-v-38c0ed72]:hover{background:var(--error-lighter)}.outlined.danger[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.info[data-v-38c0ed72]{color:var(--info-main);border:1px solid var(--info-main)}.outlined.info[data-v-38c0ed72]:hover{background:var(--info-lighter)}.outlined.info[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.success[data-v-38c0ed72]{color:var(--success-main);border:1px solid var(--success-main)}.outlined.success[data-v-38c0ed72]:hover{background:var(--success-lighter)}.outlined.success[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.warning[data-v-38c0ed72]{color:var(--warning-darker);border:1px solid var(--warning-darker)}.outlined.warning[data-v-38c0ed72]:hover{background:var(--warning-lighter)}.outlined.warning[data-v-38c0ed72]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.loading[data-v-38c0ed72],.outlined.loading[data-v-38c0ed72]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-38c0ed72]{background:transparent}.text.primary[data-v-38c0ed72]{color:var(--primary-main)}.text.primary[data-v-38c0ed72]:hover{background:var(--primary-lighter)}.text.primary[data-v-38c0ed72]:disabled{color:var(--text-disabled);opacity:1}.text.default[data-v-38c0ed72]{color:var(--text-primary)}.text.default[data-v-38c0ed72]:hover{background:var(--action-hover)}.text.default[data-v-38c0ed72]:disabled{color:var(--text-disabled);opacity:1}.text.danger[data-v-38c0ed72]{color:var(--error-main)}.text.danger[data-v-38c0ed72]:hover{background:var(--error-lighter)}.text.danger[data-v-38c0ed72]:disabled{color:var(--text-disabled);opacity:1}.text.info[data-v-38c0ed72]{color:var(--info-main)}.text.info[data-v-38c0ed72]:hover{background:var(--info-lighter)}.text.info[data-v-38c0ed72]:disabled{color:var(--text-disabled);opacity:1}.text.success[data-v-38c0ed72]{color:var(--success-main)}.text.success[data-v-38c0ed72]:hover{background:var(--success-lighter)}.text.success[data-v-38c0ed72]:disabled{color:var(--text-disabled);opacity:1}.text.warning[data-v-38c0ed72]{color:var(--warning-darker)}.text.warning[data-v-38c0ed72]:hover{background:var(--warning-lighter)}.text.warning[data-v-38c0ed72]:disabled{color:var(--text-disabled);opacity:1}.text.loading[data-v-38c0ed72],.text.loading[data-v-38c0ed72]:hover{border:0;background:transparent}.small[data-v-38c0ed72]{padding:2px 6px}.small.outlined[data-v-38c0ed72]{padding:1px 5px}.medium[data-v-38c0ed72]{padding:4px 8px}.medium.outlined[data-v-38c0ed72]{padding:3px 7px}.large[data-v-38c0ed72]{padding:6px 8px}.large.outlined[data-v-38c0ed72]{padding:5px 7px}.extraLarge[data-v-38c0ed72]{padding:10px 12px}.extraLarge.outlined[data-v-38c0ed72]{padding:9px 11px}.small[data-v-38c0ed72],.medium[data-v-38c0ed72],.large[data-v-38c0ed72],.extraLarge[data-v-38c0ed72]{height:auto}.flex[data-v-38c0ed72]{display:flex;align-items:center}.start-icon[data-v-38c0ed72]{margin-right:8px}.end-icon[data-v-38c0ed72]{margin-left:8px}.loading.with-start-icon .content-with-icon[data-v-38c0ed72]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-38c0ed72]{padding-right:22px}
package/DropdownV4.vue_vue_type_style_index_0_scoped_24014c62_lang.css DELETED
@@ -1 +0,0 @@
1
- .v-enter-active[data-v-24014c62],.v-leave-active[data-v-24014c62]{transition:opacity .25s ease}ol[data-v-24014c62],ul[data-v-24014c62],menu[data-v-24014c62]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-24014c62],.dropdown.full-width .button__container[data-v-24014c62]{width:100%}.dropdown-list-wrapper[data-v-24014c62]{display:flex;flex-direction:column;padding:.5rem}.list-container--multi[data-v-24014c62]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-24014c62]{padding-bottom:.25rem}.inline-search .list-container[data-v-24014c62]{padding-top:0}.no-result-container[data-v-24014c62]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-24014c62]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-24014c62]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-24014c62]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list li[data-v-24014c62]:last-child .item-container{margin-bottom:0}.image-slot[data-v-24014c62]{margin-right:.5rem}.actions-wrapper[data-v-24014c62]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between}.apply-button[data-v-24014c62]{margin-left:.5rem}
package/Typography.vue_vue_type_style_index_0_scoped_94f65484_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-94f65484],.font-chart-2[data-v-94f65484],.font-chart-1[data-v-94f65484]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-94f65484],.font-table-label[data-v-94f65484],.font-button[data-v-94f65484],.font-heading-6[data-v-94f65484],.font-heading-5[data-v-94f65484],.font-heading-4[data-v-94f65484],.font-heading-3[data-v-94f65484],.font-heading-2[data-v-94f65484],.font-heading-1[data-v-94f65484],.font-title[data-v-94f65484]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-94f65484],.font-input-label[data-v-94f65484],.font-overline[data-v-94f65484],.font-subtitle-2[data-v-94f65484],.font-subtitle-1[data-v-94f65484]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-94f65484],.font-body-2[data-v-94f65484],.font-body-1[data-v-94f65484]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-94f65484]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-94f65484]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-94f65484]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-94f65484]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-94f65484]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-94f65484]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-94f65484]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-94f65484]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-94f65484]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-94f65484]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-94f65484]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-94f65484]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-94f65484]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-94f65484]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-94f65484]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-94f65484]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-94f65484]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-94f65484]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-94f65484],.font-tab-label2[data-v-94f65484]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-94f65484]{font-size:.75rem;line-height:1rem}h1[data-v-94f65484],h2[data-v-94f65484],h3[data-v-94f65484],h4[data-v-94f65484],h5[data-v-94f65484],h6[data-v-94f65484]{margin:0}.truncate[data-v-94f65484]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}