@ironsource/shared-ui 2.2.0-test.24 → 2.2.0-test.25
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.
- package/OptionV4.vue_vue_type_style_index_0_scoped_771e1980_lang.css +1 -0
- package/Tag.vue_vue_type_style_index_0_scoped_3a5abbc4_lang.css +1 -0
- package/components/dropdown/v4/OptionV4.vue.js +3 -3
- package/components/dropdown/v4/OptionV4.vue2.js +13 -12
- package/components/tag/Tag.vue.js +3 -3
- package/components/tag/Tag.vue2.js +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_752a357d_lang.css +0 -1
- package/Tag.vue_vue_type_style_index_0_scoped_7c9f1b76_lang.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.label[data-v-771e1980]{color:#41454d}.item-container[data-v-771e1980]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-771e1980]{cursor:not-allowed;color:var(--text-disabled)}.item-container--disabled .item .start-icon[data-v-771e1980],.item-container--disabled .item .end-icon[data-v-771e1980],.item-container--disabled .item .end-text-icon[data-v-771e1980]{color:var(--text-disabled)}.item-container--disabled .item .image img[data-v-771e1980]{opacity:.5}.item-container[data-v-771e1980]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-771e1980],.item-container[data-v-771e1980]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-771e1980]{background-color:var(--action-selected)}.item-container--filtered-out[data-v-771e1980]{color:var(--text-disabled)}.subtitle[data-v-771e1980]{color:#7b838c;line-height:1rem}.clear-button[data-v-771e1980]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-771e1980]:hover{color:#3083ff}.item[data-v-771e1980]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-771e1980],.item--multi[data-v-771e1980]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-771e1980]{width:20px;height:20px;flex:none}.item .image img[data-v-771e1980]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-771e1980]{width:16px;height:16px}.item .flag img[data-v-771e1980]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-771e1980],.item .end-icon[data-v-771e1980]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-771e1980]{display:inline-flex}.item .option-text[data-v-771e1980]{line-height:1.1875rem}.text-container[data-v-771e1980]{width:100%;text-overflow:ellipsis;overflow:hidden}.v4-tooltip.tooltip-option[data-v-771e1980]{display:block}.tooltip-option[data-v-771e1980] .container{width:100%}.app-trigger--icon[data-v-771e1980]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-771e1980]{transform:rotate(0)}.option-warning[data-v-771e1980]{display:flex}.option-warning__icon[data-v-771e1980]{color:var(--warning-main)}.option-content[data-v-771e1980]{display:flex}.option-content[data-v-771e1980]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-771e1980]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-771e1980]{flex-direction:column}.option-text .main-text[data-v-771e1980]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .main-text .conditional-option-label[data-v-771e1980]{color:var(--text-secondary);display:inline-flex}.option-text .main-text .conditional-option-value[data-v-771e1980]{margin-left:4px;display:inline-flex;color:var(--primary-main)}.option-text .caption-text[data-v-771e1980]{color:var(--text-secondary)}.multiline-tooltip[data-v-771e1980]{display:flex;flex-direction:column}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-3a5abbc4],.font-chart-2[data-v-3a5abbc4],.font-chart-1[data-v-3a5abbc4]{font-family:Inter,sans-serif;font-weight:700}.tag-input-sizer[data-v-3a5abbc4],.tag-input[data-v-3a5abbc4],.font-chip-label[data-v-3a5abbc4],.font-table-label[data-v-3a5abbc4],.font-button[data-v-3a5abbc4],.font-heading-6[data-v-3a5abbc4],.font-heading-5[data-v-3a5abbc4],.font-heading-4[data-v-3a5abbc4],.font-heading-3[data-v-3a5abbc4],.font-heading-2[data-v-3a5abbc4],.font-heading-1[data-v-3a5abbc4],.font-title[data-v-3a5abbc4]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-3a5abbc4],.font-input-label[data-v-3a5abbc4],.font-overline[data-v-3a5abbc4],.font-subtitle-2[data-v-3a5abbc4],.font-subtitle-1[data-v-3a5abbc4]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-3a5abbc4],.font-body-2[data-v-3a5abbc4],.font-body-1[data-v-3a5abbc4]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-3a5abbc4]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-3a5abbc4]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-3a5abbc4]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-3a5abbc4]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-3a5abbc4]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-3a5abbc4]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-3a5abbc4]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-3a5abbc4]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-3a5abbc4]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-3a5abbc4]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-3a5abbc4]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-3a5abbc4]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-3a5abbc4]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-3a5abbc4]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-3a5abbc4]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-3a5abbc4]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-3a5abbc4]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-3a5abbc4]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-3a5abbc4],.font-tab-label2[data-v-3a5abbc4]{font-size:.875rem;line-height:1rem}.tag-input-sizer[data-v-3a5abbc4],.tag-input[data-v-3a5abbc4],.font-chip-label[data-v-3a5abbc4]{font-size:.75rem;line-height:1rem}h1[data-v-3a5abbc4],h2[data-v-3a5abbc4],h3[data-v-3a5abbc4],h4[data-v-3a5abbc4],h5[data-v-3a5abbc4],h6[data-v-3a5abbc4]{margin:0}.rounded-tag[data-v-3a5abbc4]{border-radius:100px}.tag-editing[data-v-3a5abbc4]{outline:1px solid var(--outline-color)}.unselected-tag-hover-outline[data-v-3a5abbc4]{background-color:var(--action-hover)}.tag-hover-outline[data-v-3a5abbc4]{outline:1px solid var(--outline-color);cursor:pointer}.unselected-tag[data-v-3a5abbc4]{outline:1px solid var(--action-outlined-border)}.tag-disabled[data-v-3a5abbc4]{background-color:transparent;outline:1px solid var(--action-disabled)}.tag-content[data-v-3a5abbc4]{display:flex;align-items:center;position:relative;min-width:.625rem;max-width:31.25rem}.tag-icon[data-v-3a5abbc4]{margin-right:.25rem}.tag-label[data-v-3a5abbc4]{user-select:none;min-width:.5rem}.tag-label--disabled[data-v-3a5abbc4]{color:var(--action-disabled)}.tag-label--hidden[data-v-3a5abbc4]{visibility:hidden}.tag-input[data-v-3a5abbc4]{position:static;width:auto;background:transparent;min-width:.6rem;padding:0;border:none;max-width:100%;overflow-x:auto;white-space:nowrap}.tag-input[data-v-3a5abbc4]:focus{outline:none}.tag-input-outline[data-v-3a5abbc4]::placeholder{color:var(--action-disabled)}.clear-button[data-v-3a5abbc4]{margin-left:.25rem;color:var(--action-active);cursor:pointer}.clear-button[data-v-3a5abbc4]:hover{color:var(--text-primary)}.clear-button--invalid[data-v-3a5abbc4]{color:var(--error-dark)}.clear-button--invalid[data-v-3a5abbc4]:hover{color:var(--error-darker)}.tag-input-sizer[data-v-3a5abbc4]{position:absolute;visibility:hidden;height:0;white-space:pre;pointer-events:none;padding:0}.editable-tag[data-v-3a5abbc4]{cursor:text}.empty-tag[data-v-3a5abbc4]{background-color:transparent;outline:1px dashed var(--action-outlined-border);color:var(--text-secondary)}.empty-tag[data-v-3a5abbc4]:hover:not(.tag-disabled){outline:1px dashed var(--action-active)}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./OptionV4.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../OptionV4.
|
|
4
|
-
const s = /* @__PURE__ */
|
|
2
|
+
/* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_771e1980_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-771e1980"]]);
|
|
5
5
|
export {
|
|
6
6
|
s as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../OptionV4.
|
|
1
|
+
import "../../../OptionV4.vue_vue_type_style_index_0_scoped_771e1980_lang.css"; import { defineComponent as V, ref as I, watch as F, computed as L, openBlock as i, createBlock as g, unref as n, createSlots as N, withCtx as s, createElementVNode as u, normalizeClass as v, createCommentVNode as o, createElementBlock as l, renderSlot as r, createVNode as a, toDisplayString as m, createTextVNode as T, withModifiers as O, Fragment as j, renderList as R } from "vue";
|
|
2
2
|
import "../../typography/Heading.vue.js";
|
|
3
3
|
import D from "../../typography/Text.vue.js";
|
|
4
4
|
import q from "../../checkbox/v4/CheckboxV4.vue.js";
|
|
@@ -6,7 +6,7 @@ import y from "../../icon/v4/IconV4.vue.js";
|
|
|
6
6
|
import G from "../../icon/v4/IconFlag.vue.js";
|
|
7
7
|
import { NOOP as $ } from "@vue/shared";
|
|
8
8
|
import { optionCommon as H } from "../common/Option.common.js";
|
|
9
|
-
import
|
|
9
|
+
import x from "../../typography/v4/Typography.vue.js";
|
|
10
10
|
import h from "../../tooltip/v4/TooltipV4.vue.js";
|
|
11
11
|
import { isElementTruncated as J } from "../../../utils/text.js";
|
|
12
12
|
import { promiseTimeout as Q } from "@vueuse/core";
|
|
@@ -71,11 +71,11 @@ const U = { class: "multiline-tooltip" }, W = {
|
|
|
71
71
|
setup(e, { emit: M }) {
|
|
72
72
|
const d = e, { selected: b, id: B, onClick: S, api: K } = H(d), z = (t) => {
|
|
73
73
|
d.stopOptionClickEventPropagation && t.stopPropagation(), d.disabled ? $() : S(t);
|
|
74
|
-
},
|
|
74
|
+
}, p = I(null), w = I(!1), A = (t) => {
|
|
75
75
|
d.disabled && (t.stopPropagation(), $());
|
|
76
76
|
};
|
|
77
|
-
F([() => d.treeChildShown,
|
|
78
|
-
await Q(100), w.value =
|
|
77
|
+
F([() => d.treeChildShown, p], async () => {
|
|
78
|
+
await Q(100), w.value = p.value && J(p.value);
|
|
79
79
|
});
|
|
80
80
|
const P = (t) => t && typeof t == "object" && "optionTooltipText" in t ? (Array.isArray(t.optionTooltipText), t.optionTooltipText) : w.value ? t[d.nameKey] : "", k = L(() => {
|
|
81
81
|
const t = d.disabled && d.minMaxSelectionTooltipMessage || "", c = P(d.option);
|
|
@@ -97,7 +97,8 @@ const U = { class: "multiline-tooltip" }, W = {
|
|
|
97
97
|
"item-container--disabled": e.disabled,
|
|
98
98
|
"item-container--active": e.nameKey ? !1 : e.active,
|
|
99
99
|
"item-container--selected": n(b),
|
|
100
|
-
"item-container--multi": e.isMulti
|
|
100
|
+
"item-container--multi": e.isMulti,
|
|
101
|
+
"item-container--filtered-out": e.option?.filteredOut
|
|
101
102
|
}]),
|
|
102
103
|
onClick: A
|
|
103
104
|
}, [
|
|
@@ -145,10 +146,10 @@ const U = { class: "multiline-tooltip" }, W = {
|
|
|
145
146
|
])) : o("", !0),
|
|
146
147
|
u("div", {
|
|
147
148
|
ref_key: "textContainerRef",
|
|
148
|
-
ref:
|
|
149
|
+
ref: p,
|
|
149
150
|
class: "text-container"
|
|
150
151
|
}, [
|
|
151
|
-
a(n(
|
|
152
|
+
a(n(x), {
|
|
152
153
|
class: "option-text",
|
|
153
154
|
variant: "body2"
|
|
154
155
|
}, {
|
|
@@ -166,7 +167,7 @@ const U = { class: "multiline-tooltip" }, W = {
|
|
|
166
167
|
}, {
|
|
167
168
|
default: s(() => [
|
|
168
169
|
e.option?.conditionalOptions ? (i(), l("div", ee, [
|
|
169
|
-
a(n(
|
|
170
|
+
a(n(x), {
|
|
170
171
|
variant: "body2",
|
|
171
172
|
class: "conditional-option-label"
|
|
172
173
|
}, {
|
|
@@ -175,7 +176,7 @@ const U = { class: "multiline-tooltip" }, W = {
|
|
|
175
176
|
]),
|
|
176
177
|
_: 1
|
|
177
178
|
}),
|
|
178
|
-
a(n(
|
|
179
|
+
a(n(x), {
|
|
179
180
|
variant: "h5",
|
|
180
181
|
class: "conditional-option-value"
|
|
181
182
|
}, {
|
|
@@ -196,7 +197,7 @@ const U = { class: "multiline-tooltip" }, W = {
|
|
|
196
197
|
}, null, 8, ["name"])
|
|
197
198
|
])) : o("", !0),
|
|
198
199
|
e.optionTwoLinesKey ? (i(), l("div", ne, [
|
|
199
|
-
a(n(
|
|
200
|
+
a(n(x), { variant: "caption" }, {
|
|
200
201
|
default: s(() => [
|
|
201
202
|
T(m(e.option[e.optionTwoLinesKey]), 1)
|
|
202
203
|
]),
|
|
@@ -279,7 +280,7 @@ const U = { class: "multiline-tooltip" }, W = {
|
|
|
279
280
|
name: "tooltip",
|
|
280
281
|
fn: s(() => [
|
|
281
282
|
u("div", U, [
|
|
282
|
-
(i(!0), l(j, null, R(n(k), (f) => (i(), g(n(
|
|
283
|
+
(i(!0), l(j, null, R(n(k), (f) => (i(), g(n(x), {
|
|
283
284
|
key: f,
|
|
284
285
|
variant: "body2"
|
|
285
286
|
}, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./Tag.vue2.js";
|
|
2
2
|
/* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../Tag.
|
|
4
|
-
const
|
|
3
|
+
// import "../../Tag.vue_vue_type_style_index_0_scoped_3a5abbc4_lang.css"; //*');
|
|
4
|
+
const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-3a5abbc4"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
t as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../Tag.
|
|
1
|
+
import "../../Tag.vue_vue_type_style_index_0_scoped_3a5abbc4_lang.css"; import { defineComponent as Y, ref as c, computed as d, watch as I, nextTick as R, openBlock as m, createBlock as M, unref as t, withCtx as b, createVNode as z, createTextVNode as P, toDisplayString as S, normalizeClass as h, normalizeStyle as $, withModifiers as g, createElementVNode as Z, createCommentVNode as H, withDirectives as K, createElementBlock as O, isRef as _, withKeys as D, vModelText as ee, vShow as ae } from "vue";
|
|
2
2
|
import W from "../typography/v4/Typography.vue.js";
|
|
3
3
|
import F from "../icon/v4/IconV4.vue.js";
|
|
4
4
|
import "../icon/v4/IconFlag.vue.js";
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './Typography.vue_vue_type_style_index_0_scoped_07b259bf_lang.css';
|
|
2
2
|
import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
|
|
3
3
|
import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
|
|
4
4
|
import { MenuItemTypes as ao } from "./components/menuItem/index.js";
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.label[data-v-752a357d]{color:#41454d}.item-container[data-v-752a357d]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-752a357d]{cursor:not-allowed;color:var(--text-disabled)}.item-container--disabled .item .start-icon[data-v-752a357d],.item-container--disabled .item .end-icon[data-v-752a357d],.item-container--disabled .item .end-text-icon[data-v-752a357d]{color:var(--text-disabled)}.item-container--disabled .item .image img[data-v-752a357d]{opacity:.5}.item-container[data-v-752a357d]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-752a357d],.item-container[data-v-752a357d]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-752a357d]{background-color:var(--action-selected)}.subtitle[data-v-752a357d]{color:#7b838c;line-height:1rem}.clear-button[data-v-752a357d]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-752a357d]:hover{color:#3083ff}.item[data-v-752a357d]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-752a357d],.item--multi[data-v-752a357d]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-752a357d]{width:20px;height:20px;flex:none}.item .image img[data-v-752a357d]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-752a357d]{width:16px;height:16px}.item .flag img[data-v-752a357d]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-752a357d],.item .end-icon[data-v-752a357d]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-752a357d]{display:inline-flex}.item .option-text[data-v-752a357d]{line-height:1.1875rem}.text-container[data-v-752a357d]{width:100%;text-overflow:ellipsis;overflow:hidden}.v4-tooltip.tooltip-option[data-v-752a357d]{display:block}.tooltip-option[data-v-752a357d] .container{width:100%}.app-trigger--icon[data-v-752a357d]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-752a357d]{transform:rotate(0)}.option-warning[data-v-752a357d]{display:flex}.option-warning__icon[data-v-752a357d]{color:var(--warning-main)}.option-content[data-v-752a357d]{display:flex}.option-content[data-v-752a357d]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-752a357d]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-752a357d]{flex-direction:column}.option-text .main-text[data-v-752a357d]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .main-text .conditional-option-label[data-v-752a357d]{color:var(--text-secondary);display:inline-flex}.option-text .main-text .conditional-option-value[data-v-752a357d]{margin-left:4px;display:inline-flex;color:var(--primary-main)}.option-text .caption-text[data-v-752a357d]{color:var(--text-secondary)}.multiline-tooltip[data-v-752a357d]{display:flex;flex-direction:column}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-7c9f1b76],.font-chart-2[data-v-7c9f1b76],.font-chart-1[data-v-7c9f1b76]{font-family:Inter,sans-serif;font-weight:700}.tag-input-sizer[data-v-7c9f1b76],.tag-input[data-v-7c9f1b76],.font-chip-label[data-v-7c9f1b76],.font-table-label[data-v-7c9f1b76],.font-button[data-v-7c9f1b76],.font-heading-6[data-v-7c9f1b76],.font-heading-5[data-v-7c9f1b76],.font-heading-4[data-v-7c9f1b76],.font-heading-3[data-v-7c9f1b76],.font-heading-2[data-v-7c9f1b76],.font-heading-1[data-v-7c9f1b76],.font-title[data-v-7c9f1b76]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-7c9f1b76],.font-input-label[data-v-7c9f1b76],.font-overline[data-v-7c9f1b76],.font-subtitle-2[data-v-7c9f1b76],.font-subtitle-1[data-v-7c9f1b76]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-7c9f1b76],.font-body-2[data-v-7c9f1b76],.font-body-1[data-v-7c9f1b76]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-7c9f1b76]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-7c9f1b76]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-7c9f1b76]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-7c9f1b76]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-7c9f1b76]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-7c9f1b76]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-7c9f1b76]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-7c9f1b76]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-7c9f1b76]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-7c9f1b76]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-7c9f1b76]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-7c9f1b76]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-7c9f1b76]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-7c9f1b76]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-7c9f1b76]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-7c9f1b76]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-7c9f1b76]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-7c9f1b76]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-7c9f1b76],.font-tab-label2[data-v-7c9f1b76]{font-size:.875rem;line-height:1rem}.tag-input-sizer[data-v-7c9f1b76],.tag-input[data-v-7c9f1b76],.font-chip-label[data-v-7c9f1b76]{font-size:.75rem;line-height:1rem}h1[data-v-7c9f1b76],h2[data-v-7c9f1b76],h3[data-v-7c9f1b76],h4[data-v-7c9f1b76],h5[data-v-7c9f1b76],h6[data-v-7c9f1b76]{margin:0}.rounded-tag[data-v-7c9f1b76]{border-radius:100px}.tag-editing[data-v-7c9f1b76]{outline:1px solid var(--outline-color)}.unselected-tag-hover-outline[data-v-7c9f1b76]{background-color:var(--action-hover)}.tag-hover-outline[data-v-7c9f1b76]{outline:1px solid var(--outline-color);cursor:pointer}.unselected-tag[data-v-7c9f1b76]{outline:1px solid var(--action-outlined-border)}.tag-disabled[data-v-7c9f1b76]{background-color:transparent;outline:1px solid var(--action-disabled)}.tag-content[data-v-7c9f1b76]{display:flex;align-items:center;position:relative;min-width:.625rem;max-width:31.25rem}.tag-icon[data-v-7c9f1b76]{margin-right:.25rem}.tag-label[data-v-7c9f1b76]{user-select:none;min-width:.5rem}.tag-label--disabled[data-v-7c9f1b76]{color:var(--action-disabled)}.tag-label--hidden[data-v-7c9f1b76]{visibility:hidden}.tag-input[data-v-7c9f1b76]{position:static;width:auto;background:transparent;min-width:.6rem;padding:0;border:none;max-width:100%;overflow-x:auto;white-space:nowrap}.tag-input[data-v-7c9f1b76]:focus{outline:none}.tag-input-outline[data-v-7c9f1b76]::placeholder{color:var(--action-disabled)}.clear-button[data-v-7c9f1b76]{margin-left:.25rem;color:var(--action-active);cursor:pointer}.clear-button[data-v-7c9f1b76]:hover{color:var(--text-primary)}.clear-button--invalid[data-v-7c9f1b76]{color:var(--error-dark)}.clear-button--invalid[data-v-7c9f1b76]:hover{color:var(--error-darker)}.tag-input-sizer[data-v-7c9f1b76]{position:absolute;visibility:hidden;height:0;white-space:pre;pointer-events:none;padding:0}.editable-tag[data-v-7c9f1b76]{cursor:text}.empty-tag[data-v-7c9f1b76]{background-color:transparent;outline:1px dashed var(--action-outlined-border);color:var(--text-secondary)}.empty-tag[data-v-7c9f1b76]:hover:not(.tag-disabled){outline:1px dashed var(--action-active)}
|