@ironsource/shared-ui 2.2.0-test.7 → 2.2.0-test.8

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 (9) hide show
  1. package/TagsFieldChip.vue_vue_type_style_index_0_scoped_fabe8ff0_lang.css +1 -0
  2. package/components/dateRange/common/DateRange.common.js +1 -1
  3. package/components/tagsField/TagsFieldChip.vue.d.ts +2 -0
  4. package/components/tagsField/TagsFieldChip.vue.js +5 -5
  5. package/components/tagsField/TagsFieldChip.vue2.js +55 -49
  6. package/components/tagsField/index.d.ts +2 -0
  7. package/index.js +1 -1
  8. package/package.json +1 -1
  9. package/TagsFieldChip.vue_vue_type_style_index_0_scoped_a5f2dd8b_lang.css +0 -1
package/TagsFieldChip.vue_vue_type_style_index_0_scoped_fabe8ff0_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-fabe8ff0],.font-chart-2[data-v-fabe8ff0],.font-chart-1[data-v-fabe8ff0]{font-family:Inter,sans-serif;font-weight:700}.chip-input-sizer[data-v-fabe8ff0],.chip-input[data-v-fabe8ff0],.font-chip-label[data-v-fabe8ff0],.font-table-label[data-v-fabe8ff0],.font-button[data-v-fabe8ff0],.font-heading-6[data-v-fabe8ff0],.font-heading-5[data-v-fabe8ff0],.font-heading-4[data-v-fabe8ff0],.font-heading-3[data-v-fabe8ff0],.font-heading-2[data-v-fabe8ff0],.font-heading-1[data-v-fabe8ff0],.font-title[data-v-fabe8ff0]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-fabe8ff0],.font-input-label[data-v-fabe8ff0],.font-overline[data-v-fabe8ff0],.font-subtitle-2[data-v-fabe8ff0],.font-subtitle-1[data-v-fabe8ff0]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-fabe8ff0],.font-body-2[data-v-fabe8ff0],.font-body-1[data-v-fabe8ff0]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-fabe8ff0]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-fabe8ff0]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-fabe8ff0]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-fabe8ff0]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-fabe8ff0]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-fabe8ff0]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-fabe8ff0]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-fabe8ff0]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-fabe8ff0]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-fabe8ff0]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-fabe8ff0]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-fabe8ff0]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-fabe8ff0]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-fabe8ff0]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-fabe8ff0]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-fabe8ff0]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-fabe8ff0]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-fabe8ff0]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-fabe8ff0],.font-tab-label2[data-v-fabe8ff0]{font-size:.875rem;line-height:1rem}.chip-input-sizer[data-v-fabe8ff0],.chip-input[data-v-fabe8ff0],.font-chip-label[data-v-fabe8ff0]{font-size:.75rem;line-height:1rem}h1[data-v-fabe8ff0],h2[data-v-fabe8ff0],h3[data-v-fabe8ff0],h4[data-v-fabe8ff0],h5[data-v-fabe8ff0],h6[data-v-fabe8ff0]{margin:0}.rounded-chip[data-v-fabe8ff0]{border-radius:100px}.tags-field-chip--editing[data-v-fabe8ff0]{outline:1px solid var(--outline-color)}.chip-content[data-v-fabe8ff0]{display:flex;align-items:center;position:relative;min-width:.625rem;max-width:31.25rem}.chip-label[data-v-fabe8ff0]{min-width:.5rem}.chip-label--hidden[data-v-fabe8ff0]{visibility:hidden}.chip-input[data-v-fabe8ff0]{position:static;width:auto;background:transparent;min-width:.6rem;padding:0;border:none;max-width:100%;overflow-x:auto;white-space:nowrap}.chip-input[data-v-fabe8ff0]:focus{outline:none}.chip-input-outline[data-v-fabe8ff0]::placeholder{color:var(--action-disabled)}.clear-button[data-v-fabe8ff0]{margin-left:.25rem;color:var(--action-active);cursor:pointer}.clear-button[data-v-fabe8ff0]:hover{color:var(--text-primary)}.clear-button--invalid[data-v-fabe8ff0]{color:var(--error-dark)}.clear-button--invalid[data-v-fabe8ff0]:hover{color:var(--error-darker)}.chip-input-sizer[data-v-fabe8ff0]{position:absolute;visibility:hidden;height:0;white-space:pre;pointer-events:none;padding:0}
package/components/dateRange/common/DateRange.common.js CHANGED
@@ -150,7 +150,7 @@ const pe = (o, y) => {
150
150
  const l = C.value.find(
151
151
  (h) => h.id === e.preset
152
152
  );
153
- i.value = l.id, t = !0;
153
+ i.value = l?.id, t = !!l;
154
154
  }
155
155
  const a = {
156
156
  from: new Date(e.from),
package/components/tagsField/TagsFieldChip.vue.d.ts CHANGED
@@ -26,6 +26,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
26
26
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
27
27
  "update:label": (value: string) => void;
28
28
  remove: () => void;
29
+ stopEditing: () => void;
29
30
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
30
31
  label: string;
31
32
  isInvalid?: boolean;
@@ -53,6 +54,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
53
54
  }>>> & {
54
55
  onRemove?: () => any;
55
56
  "onUpdate:label"?: (value: string) => any;
57
+ onStopEditing?: () => any;
56
58
  }, {
57
59
  label: string;
58
60
  testId: string;
package/components/tagsField/TagsFieldChip.vue.js CHANGED
@@ -1,7 +1,7 @@
1
- import o from "./TagsFieldChip.vue2.js";
2
- /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../TagsFieldChip.vue_vue_type_style_index_0_scoped_a5f2dd8b_lang.css"; //*');
4
- const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a5f2dd8b"]]);
1
+ import e from "./TagsFieldChip.vue2.js";
2
+ /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../TagsFieldChip.vue_vue_type_style_index_0_scoped_fabe8ff0_lang.css"; //*');
4
+ const f = /* @__PURE__ */ o(e, [["__scopeId", "data-v-fabe8ff0"]]);
5
5
  export {
6
- p as default
6
+ f as default
7
7
  };
package/components/tagsField/TagsFieldChip.vue2.js CHANGED
@@ -1,9 +1,9 @@
1
- import "../../TagsFieldChip.vue_vue_type_style_index_0_scoped_a5f2dd8b_lang.css"; import { defineComponent as V, ref as r, computed as b, watch as M, nextTick as k, openBlock as n, createBlock as g, unref as a, normalizeClass as d, normalizeStyle as C, withModifiers as u, withCtx as w, createElementVNode as N, createTextVNode as S, toDisplayString as z, withDirectives as x, createElementBlock as I, isRef as K, withKeys as B, vModelText as D, createCommentVNode as W, createVNode as F, vShow as L } from "vue";
2
- import O from "../typography/v4/Typography.vue.js";
3
- import U from "../icon/v4/IconV4.vue.js";
1
+ import "../../TagsFieldChip.vue_vue_type_style_index_0_scoped_fabe8ff0_lang.css"; import { defineComponent as N, ref as d, computed as y, watch as S, nextTick as b, openBlock as s, createBlock as g, unref as t, normalizeClass as c, normalizeStyle as k, withModifiers as o, withCtx as C, createElementVNode as K, createTextVNode as D, toDisplayString as w, withDirectives as z, createElementBlock as x, isRef as F, withKeys as I, vModelText as O, createCommentVNode as W, createVNode as L, vShow as U } from "vue";
2
+ import j from "../typography/v4/Typography.vue.js";
3
+ import q from "../icon/v4/IconV4.vue.js";
4
4
  import "../icon/v4/IconFlag.vue.js";
5
- import $ from "../chip/v4/ChipV4.vue.js";
6
- const j = { class: "chip-content" }, q = ["placeholder", "onKeyup"], Q = /* @__PURE__ */ V({
5
+ import A from "../chip/v4/ChipV4.vue.js";
6
+ const G = { class: "chip-content" }, H = ["placeholder", "onKeyup"], Z = /* @__PURE__ */ N({
7
7
  __name: "TagsFieldChip",
8
8
  props: {
9
9
  label: { default: "" },
@@ -18,22 +18,24 @@ const j = { class: "chip-content" }, q = ["placeholder", "onKeyup"], Q = /* @__P
18
18
  variant: { default: "filled" },
19
19
  placeholder: { default: "" }
20
20
  },
21
- emits: ["update:label", "remove"],
22
- setup(e, { emit: c }) {
23
- const i = e, t = r(!1), l = b({
21
+ emits: ["update:label", "remove", "stopEditing"],
22
+ setup(e, { emit: n }) {
23
+ const i = e, a = d(!1), l = y({
24
24
  get: () => i.label,
25
25
  set: (h) => {
26
- c("update:label", h);
26
+ n("update:label", h);
27
27
  }
28
- }), m = r(null), E = () => m.value?.focus(), R = async () => {
29
- i.disabled || (t.value = !0, await k(), E());
30
- }, s = () => {
31
- t.value = !1, !l.value && !i.placeholder && c("remove");
32
- }, v = r(null), f = r(void 0);
33
- M(
34
- () => [l.value, i.placeholder, t.value],
28
+ }), m = d(null), B = () => m.value?.focus(), E = async () => {
29
+ i.disabled || (a.value = !0, await b(), B());
30
+ }, R = () => {
31
+ n("stopEditing"), u();
32
+ }, u = () => {
33
+ console.log("stopEditing"), a.value = !1, !l.value && !i.placeholder && n("remove");
34
+ }, v = d(null), f = d(void 0);
35
+ S(
36
+ () => [l.value, i.placeholder, a.value],
35
37
  async () => {
36
- await k(), t.value && v.value ? f.value = v.value.offsetWidth + "px" : f.value = void 0;
38
+ await b(), a.value && v.value ? f.value = v.value.offsetWidth + "px" : f.value = void 0;
37
39
  },
38
40
  { immediate: !0 }
39
41
  );
@@ -45,73 +47,77 @@ const j = { class: "chip-content" }, q = ["placeholder", "onKeyup"], Q = /* @__P
45
47
  warning: "var(--warning-main)",
46
48
  success: "var(--success-main)",
47
49
  dark: "var(--common-divider)"
48
- }, T = b(() => t.value && i.variant !== "outlined" ? {
50
+ }, M = y(() => a.value && i.variant !== "outlined" ? {
49
51
  "--outline-color": i.isInvalid ? p.error : p[i.color] || "var(--default-outlined-border)"
50
- } : {});
51
- return (h, o) => (n(), g(a($), {
52
- class: d({
52
+ } : {}), T = () => {
53
+ console.log("handleRemove"), n("remove");
54
+ };
55
+ return (h, r) => (s(), g(t(A), {
56
+ class: c({
53
57
  "rounded-chip": e.rounded,
54
- "tags-field-chip--editing": t.value && e.variant !== "outlined"
58
+ "tags-field-chip--editing": a.value && e.variant !== "outlined"
55
59
  // outlined chips have an outline
56
60
  }),
57
- label: a(l),
61
+ label: t(l),
58
62
  "test-id": e.testId,
59
63
  color: e.isInvalid ? "error" : e.color,
60
64
  size: e.size,
61
65
  variant: e.variant,
62
66
  disabled: e.disabled,
63
- style: C(a(T)),
64
- onClick: u(R, ["stop"])
67
+ style: k(t(M)),
68
+ onClick: o(E, ["stop"])
65
69
  }, {
66
- default: w(() => [
67
- N("div", j, [
68
- t.value ? x((n(), I("input", {
70
+ default: C(() => [
71
+ K("div", G, [
72
+ a.value ? z((s(), x("input", {
69
73
  key: 1,
70
74
  ref_key: "inputRef",
71
75
  ref: m,
72
- "onUpdate:modelValue": o[0] || (o[0] = (y) => K(l) ? l.value = y : null),
76
+ "onUpdate:modelValue": r[0] || (r[0] = (V) => F(l) ? l.value = V : null),
73
77
  placeholder: e.placeholder,
74
- class: d(["chip-input", { "chip-input-outline": e.variant === "outlined" }]),
78
+ class: c(["chip-input", { "chip-input-outline": e.variant === "outlined" }]),
75
79
  spellcheck: "false",
76
- style: C({ width: f.value }),
77
- onBlur: s,
80
+ style: k({ width: f.value }),
81
+ onBlur: R,
78
82
  onKeyup: [
79
- B(u(s, ["prevent"]), ["enter"]),
80
- B(u(s, ["prevent"]), ["esc"])
83
+ I(o(u, ["prevent"]), ["enter"]),
84
+ I(o(u, ["prevent"]), ["esc"])
81
85
  ]
82
- }, null, 46, q)), [
86
+ }, null, 46, H)), [
83
87
  [
84
- D,
85
- a(l),
88
+ O,
89
+ t(l),
86
90
  void 0,
87
91
  { trim: !0 }
88
92
  ]
89
- ]) : (n(), g(a(O), {
93
+ ]) : (s(), g(t(j), {
90
94
  key: 0,
91
95
  variant: "chipLabel",
92
- class: d(["chip-label", { "chip-label--placeholder": !a(l) && e.placeholder }])
96
+ class: c(["chip-label", { "chip-label--placeholder": !t(l) && e.placeholder }])
93
97
  }, {
94
- default: w(() => [
95
- S(z(a(l) || e.placeholder), 1)
98
+ default: C(() => [
99
+ D(w(t(l) || e.placeholder), 1)
96
100
  ]),
97
101
  _: 1
98
102
  }, 8, ["class"])),
99
- t.value ? (n(), I("span", {
103
+ a.value ? (s(), x("span", {
100
104
  key: 2,
101
105
  ref_key: "sizerRef",
102
106
  ref: v,
103
107
  class: "chip-input-sizer"
104
- }, z(a(l) || e.placeholder || ""), 513)) : W("", !0)
108
+ }, w(t(l) || e.placeholder || ""), 513)) : W("", !0)
105
109
  ]),
106
- x(F(a(U), {
107
- class: d(["clear-button", { "clear-button--invalid": e.isInvalid }]),
110
+ z(L(t(q), {
111
+ class: c(["clear-button", { "clear-button--invalid": e.isInvalid }]),
108
112
  name: "x-circle",
109
113
  size: "16px",
110
114
  type: "fill",
111
115
  color: e.isInvalid ? "var(--error-dark)" : e.iconColor,
112
- onClick: o[1] || (o[1] = u((y) => c("remove"), ["stop"]))
113
- }, null, 8, ["class", "color"]), [
114
- [L, e.removable]
116
+ onMousedown: r[1] || (r[1] = o(() => {
117
+ }, ["prevent"])),
118
+ onClick: o(T, ["stop"])
119
+ }, null, 8, ["class", "color", "onClick"]), [
120
+ [U, e.removable]
115
121
  ])
116
122
  ]),
117
123
  _: 1
@@ -119,5 +125,5 @@ const j = { class: "chip-content" }, q = ["placeholder", "onKeyup"], Q = /* @__P
119
125
  }
120
126
  });
121
127
  export {
122
- Q as default
128
+ Z as default
123
129
  };
package/components/tagsField/index.d.ts CHANGED
@@ -49,6 +49,7 @@ declare const TagsFieldTypes: () => (import("vue").DefineComponent<{
49
49
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
50
50
  "update:label": (value: string) => void;
51
51
  remove: () => void;
52
+ stopEditing: () => void;
52
53
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
53
54
  label: {
54
55
  type: import("vue").PropType<string>;
@@ -98,6 +99,7 @@ declare const TagsFieldTypes: () => (import("vue").DefineComponent<{
98
99
  }>> & {
99
100
  onRemove?: () => any;
100
101
  "onUpdate:label"?: (value: string) => any;
102
+ onStopEditing?: () => any;
101
103
  }, {
102
104
  label: string;
103
105
  testId: string;
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './IncludeExcludeOption.vue_vue_type_style_index_0_scoped_91bc7787_lang.css';
1
+ import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_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,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.2.0-test.7",
3
+ "version": "2.2.0-test.8",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/TagsFieldChip.vue_vue_type_style_index_0_scoped_a5f2dd8b_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-a5f2dd8b],.font-chart-2[data-v-a5f2dd8b],.font-chart-1[data-v-a5f2dd8b]{font-family:Inter,sans-serif;font-weight:700}.chip-input-sizer[data-v-a5f2dd8b],.chip-input[data-v-a5f2dd8b],.font-chip-label[data-v-a5f2dd8b],.font-table-label[data-v-a5f2dd8b],.font-button[data-v-a5f2dd8b],.font-heading-6[data-v-a5f2dd8b],.font-heading-5[data-v-a5f2dd8b],.font-heading-4[data-v-a5f2dd8b],.font-heading-3[data-v-a5f2dd8b],.font-heading-2[data-v-a5f2dd8b],.font-heading-1[data-v-a5f2dd8b],.font-title[data-v-a5f2dd8b]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-a5f2dd8b],.font-input-label[data-v-a5f2dd8b],.font-overline[data-v-a5f2dd8b],.font-subtitle-2[data-v-a5f2dd8b],.font-subtitle-1[data-v-a5f2dd8b]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-a5f2dd8b],.font-body-2[data-v-a5f2dd8b],.font-body-1[data-v-a5f2dd8b]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-a5f2dd8b]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-a5f2dd8b]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-a5f2dd8b]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-a5f2dd8b]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-a5f2dd8b]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-a5f2dd8b]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-a5f2dd8b]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-a5f2dd8b]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-a5f2dd8b]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-a5f2dd8b]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-a5f2dd8b]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-a5f2dd8b]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-a5f2dd8b]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-a5f2dd8b]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-a5f2dd8b]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-a5f2dd8b]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-a5f2dd8b]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-a5f2dd8b]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-a5f2dd8b],.font-tab-label2[data-v-a5f2dd8b]{font-size:.875rem;line-height:1rem}.chip-input-sizer[data-v-a5f2dd8b],.chip-input[data-v-a5f2dd8b],.font-chip-label[data-v-a5f2dd8b]{font-size:.75rem;line-height:1rem}h1[data-v-a5f2dd8b],h2[data-v-a5f2dd8b],h3[data-v-a5f2dd8b],h4[data-v-a5f2dd8b],h5[data-v-a5f2dd8b],h6[data-v-a5f2dd8b]{margin:0}.rounded-chip[data-v-a5f2dd8b]{border-radius:100px}.tags-field-chip--editing[data-v-a5f2dd8b]{outline:1px solid var(--outline-color)}.chip-content[data-v-a5f2dd8b]{display:flex;align-items:center;position:relative;min-width:.625rem;max-width:31.25rem}.chip-label[data-v-a5f2dd8b]{min-width:.5rem}.chip-label--hidden[data-v-a5f2dd8b]{visibility:hidden}.chip-input[data-v-a5f2dd8b]{position:static;width:auto;background:transparent;min-width:.6rem;padding:0;border:none;max-width:100%;overflow-x:auto;white-space:nowrap}.chip-input[data-v-a5f2dd8b]:focus{outline:none}.chip-input-outline[data-v-a5f2dd8b]::placeholder{color:var(--action-disabled)}.clear-button[data-v-a5f2dd8b]{margin-left:.25rem;color:var(--action-active);cursor:pointer}.clear-button[data-v-a5f2dd8b]:hover{color:var(--text-primary)}.clear-button--invalid[data-v-a5f2dd8b]{color:var(--error-dark)}.clear-button--invalid[data-v-a5f2dd8b]:hover{color:var(--error-darker)}.chip-input-sizer[data-v-a5f2dd8b]{position:absolute;visibility:hidden;height:0;white-space:pre;pointer-events:none;padding:0}