@ironsource/shared-ui 2.0.2-rc.3 → 2.0.2-rc.4

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 (47) hide show
  1. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_a64a46d0_lang.css +1 -0
  2. package/ButtonV4.vue_vue_type_style_index_0_scoped_38c0ed72_lang.css +1 -0
  3. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_c38e97df_lang.css +1 -0
  4. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_06dcfe6d_lang.css +1 -0
  5. package/FormRow.vue_vue_type_style_index_0_scoped_54a11bf8_lang.css +1 -0
  6. package/OptionV4.vue_vue_type_style_index_0_scoped_d2743070_lang.css +1 -0
  7. package/SearchV4.vue_vue_type_style_index_0_scoped_1330ea8b_lang.css +1 -0
  8. package/SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css +1 -0
  9. package/TooltipV4.vue_vue_type_style_index_0_scoped_58a19def_lang.css +1 -0
  10. package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
  11. package/components/button/v4/ButtonV4.vue.js +3 -3
  12. package/components/button/v4/ButtonV4.vue2.js +1 -1
  13. package/components/dropdown/v4/AppDropdownTrigger.vue.js +3 -3
  14. package/components/dropdown/v4/AppDropdownTrigger.vue2.js +23 -20
  15. package/components/dropdown/v4/ChipDropdownTrigger.vue.js +2 -2
  16. package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +1 -1
  17. package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +3 -3
  18. package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +22 -20
  19. package/components/dropdown/v4/OptionV4.vue.d.ts +2 -2
  20. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  21. package/components/dropdown/v4/OptionV4.vue2.js +17 -17
  22. package/components/dropdown/v4/index.d.ts +4 -4
  23. package/components/layout/FormRow.vue.d.ts +46 -0
  24. package/components/layout/FormRow.vue.js +7 -0
  25. package/components/layout/FormRow.vue2.js +43 -0
  26. package/components/layout/index.d.ts +116 -1
  27. package/components/layout/index.js +4 -2
  28. package/components/search/v4/SearchV4.vue.d.ts +3 -0
  29. package/components/search/v4/SearchV4.vue.js +5 -5
  30. package/components/search/v4/SearchV4.vue2.js +15 -14
  31. package/components/search/v4/index.d.ts +3 -0
  32. package/components/snackbar/v4/SnackbarV4.vue.js +5 -5
  33. package/components/snackbar/v4/SnackbarV4.vue2.js +7 -6
  34. package/components/tooltip/v4/TooltipV4.vue.js +2 -2
  35. package/components/tooltip/v4/TooltipV4.vue2.js +1 -1
  36. package/index.d.ts +14 -8
  37. package/index.js +39 -37
  38. package/mocks/optionsWithIcons.d.ts +5 -0
  39. package/package.json +1 -1
  40. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_44158e5f_lang.css +0 -1
  41. package/ButtonV4.vue_vue_type_style_index_0_scoped_cca772e9_lang.css +0 -1
  42. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e5202bb9_lang.css +0 -1
  43. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c6156fa0_lang.css +0 -1
  44. package/OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css +0 -1
  45. package/SearchV4.vue_vue_type_style_index_0_scoped_215f0f29_lang.css +0 -1
  46. package/SnackbarV4.vue_vue_type_style_index_0_scoped_48311746_lang.css +0 -1
  47. package/TooltipV4.vue_vue_type_style_index_0_scoped_cde15298_lang.css +0 -1
package/index.js CHANGED
@@ -8,7 +8,7 @@ import { FloatingToolbarTypes as rr } from "./components/floatingToolbar/index.j
8
8
  import { IncludeExcludeTypes as er } from "./components/includeExclude/index.js";
9
9
  import { CssBaselineTypes as pr } from "./components/cssBaseline/index.js";
10
10
  import { ID_INJECTION_KEY as ar, useId as fr } from "./composables/useId.js";
11
- import { FilterDropdownTypes as xr } from "./components/filterDropdown/index.js";
11
+ import { FilterDropdownTypes as ir } from "./components/filterDropdown/index.js";
12
12
  import { TypographyTypes as sr } from "./components/typography/index.js";
13
13
  import { TypographyTypesV4 as lr } from "./components/typography/v4/index.js";
14
14
  import { PopoverTypes as $r } from "./components/popover/index.js";
@@ -22,8 +22,8 @@ import * as p from "./components/switch/v3/index.js";
22
22
  import * as m from "./components/switch/v4/index.js";
23
23
  import * as a from "./components/dropdown/v3/index.js";
24
24
  import * as f from "./components/dropdown/v4/index.js";
25
- import * as i from "./components/search/v3/index.js";
26
- import * as x from "./components/search/v4/index.js";
25
+ import * as x from "./components/search/v3/index.js";
26
+ import * as i from "./components/search/v4/index.js";
27
27
  import * as d from "./components/filtersPanel/v3/index.js";
28
28
  import * as s from "./components/filtersPanel/v4/index.js";
29
29
  import * as n from "./components/checkbox/v3/index.js";
@@ -42,16 +42,16 @@ import * as F from "./components/tooltip/v3/index.js";
42
42
  import * as B from "./components/tooltip/v4/index.js";
43
43
  import * as C from "./components/table/v3/index.js";
44
44
  import * as h from "./components/table/v4/index.js";
45
- import * as M from "./components/table-cells/v3/index.js";
46
- import * as b from "./components/table-cells/v4/index.js";
47
- import * as w from "./components/skeleton/v3/index.js";
45
+ import * as w from "./components/table-cells/v3/index.js";
46
+ import * as M from "./components/table-cells/v4/index.js";
47
+ import * as b from "./components/skeleton/v3/index.js";
48
48
  import * as P from "./components/skeleton/v4/index.js";
49
49
  import * as k from "./components/emptyState/v3/index.js";
50
50
  import * as v from "./components/emptyState/v4/index.js";
51
51
  import * as O from "./components/snackbar/v3/index.js";
52
- import * as H from "./components/snackbar/v4/index.js";
53
- import * as N from "./components/radioButton/v3/index.js";
54
- import * as R from "./components/radioButton/v4/index.js";
52
+ import * as R from "./components/snackbar/v4/index.js";
53
+ import * as H from "./components/radioButton/v3/index.js";
54
+ import * as N from "./components/radioButton/v4/index.js";
55
55
  import * as S from "./components/ThemeWrapper/index.js";
56
56
  import * as _ from "./components/appHeader/index.js";
57
57
  import * as j from "./components/inlineCopy/index.js";
@@ -59,11 +59,11 @@ import { TextAreaTypes as Dr } from "./components/textArea/index.js";
59
59
  import { useToggle as Er } from "./composables/useToggle.js";
60
60
  import { useSearch as Br } from "./composables/useSearch.js";
61
61
  import { DateRangeTypes as hr } from "./components/dateRange/index.js";
62
- import { DatePickerTypes as br } from "./components/datePicker/index.js";
62
+ import { DatePickerTypes as Mr } from "./components/datePicker/index.js";
63
63
  import { BannerTypes as Pr } from "./components/banner/index.js";
64
64
  import { default as vr } from "./components/appTrigger/AppTrigger.vue.js";
65
- import { default as Hr } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
66
- import { default as Rr } from "./components/menuItem/MenuItem.vue.js";
65
+ import { default as Rr } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
66
+ import { default as Nr } from "./components/menuItem/MenuItem.vue.js";
67
67
  import { default as _r } from "./components/menu/Menu.vue.js";
68
68
  import { default as qr } from "./components/appIcon/AppIcon.vue.js";
69
69
  import { default as Jr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
@@ -76,19 +76,20 @@ import { default as oo } from "./components/includeExclude/IncludeExcludeAppHead
76
76
  import { default as to } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
77
77
  import { default as mo } from "./components/cssBaseline/CssBaseline.vue.js";
78
78
  import { default as fo } from "./components/filterDropdown/FilterDropdown.vue.js";
79
- import { default as xo } from "./components/filterDropdown/AddFilterButton.vue.js";
79
+ import { default as io } from "./components/filterDropdown/AddFilterButton.vue.js";
80
80
  import { default as no } from "./components/typography/Heading.vue.js";
81
81
  import { default as uo } from "./components/typography/Text.vue.js";
82
82
  import { default as To } from "./components/typography/v4/Typography.vue.js";
83
83
  import { default as yo } from "./components/popover/Popover.vue.js";
84
84
  import { default as Io } from "./components/multibar/MultiBar.vue.js";
85
- import { default as Ao } from "./components/layout/FormCard.vue.js";
86
- import { default as Fo } from "./components/layout/CardPanel.vue.js";
87
- import { default as Co } from "./components/layout/FoldableSection.vue.js";
88
- import { default as Mo } from "./components/textArea/TextArea.vue.js";
89
- import { default as wo } from "./components/dateRange/DateRange.vue.js";
90
- import { default as ko } from "./components/datePicker/DatePicker.vue.js";
91
- import { default as Oo } from "./components/banner/Banner.vue.js";
85
+ import { default as Ao } from "./components/layout/FormRow.vue.js";
86
+ import { default as Fo } from "./components/layout/FormCard.vue.js";
87
+ import { default as Co } from "./components/layout/CardPanel.vue.js";
88
+ import { default as wo } from "./components/layout/FoldableSection.vue.js";
89
+ import { default as bo } from "./components/textArea/TextArea.vue.js";
90
+ import { default as ko } from "./components/dateRange/DateRange.vue.js";
91
+ import { default as Oo } from "./components/datePicker/DatePicker.vue.js";
92
+ import { default as Ho } from "./components/banner/Banner.vue.js";
92
93
  const q = {
93
94
  ...e,
94
95
  ...t,
@@ -98,8 +99,8 @@ const q = {
98
99
  ...o,
99
100
  ...a,
100
101
  ...f,
101
- ...i,
102
102
  ...x,
103
+ ...i,
103
104
  ...d,
104
105
  ...s,
105
106
  ...T,
@@ -116,46 +117,47 @@ const q = {
116
117
  ...E,
117
118
  ...C,
118
119
  ...h,
120
+ ...w,
119
121
  ...M,
120
- ...b,
121
122
  ...k,
122
123
  ...v,
123
- ...w,
124
+ ...b,
124
125
  ...P,
125
126
  ...O,
126
- ...H,
127
+ ...R,
127
128
  ...n,
128
129
  ...l,
130
+ ...H,
129
131
  ...N,
130
- ...R,
131
132
  ...S,
132
133
  ..._,
133
134
  ...j
134
135
  };
135
136
  export {
136
- xo as AddFilterButton,
137
+ io as AddFilterButton,
137
138
  qr as AppIcon,
138
139
  X as AppIconTypes,
139
140
  vr as AppTrigger,
140
141
  K as AppTriggerTypes,
141
- Hr as AutocompleteDropdown,
142
+ Rr as AutocompleteDropdown,
142
143
  Y as AutocompleteDropdownTypes,
143
- Oo as Banner,
144
+ Ho as Banner,
144
145
  Pr as BannerTypes,
145
- Fo as CardPanel,
146
+ Co as CardPanel,
146
147
  mo as CssBaseline,
147
148
  pr as CssBaselineTypes,
148
- ko as DatePicker,
149
- br as DatePickerTypes,
150
- wo as DateRange,
149
+ Oo as DatePicker,
150
+ Mr as DatePickerTypes,
151
+ ko as DateRange,
151
152
  hr as DateRangeTypes,
152
153
  fo as FilterDropdown,
153
- xr as FilterDropdownTypes,
154
+ ir as FilterDropdownTypes,
154
155
  Jr as FloatingToolbar,
155
156
  rr as FloatingToolbarTypes,
156
- Co as FoldableSection,
157
- Ao as FormCard,
157
+ wo as FoldableSection,
158
+ Fo as FormCard,
158
159
  gr as FormCardTypes,
160
+ Ao as FormRow,
159
161
  no as Heading,
160
162
  ar as ID_INJECTION_KEY,
161
163
  Vr as IncludeExclude,
@@ -167,7 +169,7 @@ export {
167
169
  Wr as IncludeExcludeOptionDraggable,
168
170
  er as IncludeExcludeTypes,
169
171
  _r as Menu,
170
- Rr as MenuItem,
172
+ Nr as MenuItem,
171
173
  L as MenuItemTypes,
172
174
  U as MenuTypes,
173
175
  Io as MultiBar,
@@ -175,7 +177,7 @@ export {
175
177
  yo as Popover,
176
178
  $r as PopoverTypes,
177
179
  uo as Text,
178
- Mo as TextArea,
180
+ bo as TextArea,
179
181
  Dr as TextAreaTypes,
180
182
  To as Typography,
181
183
  sr as TypographyTypes,
@@ -0,0 +1,5 @@
1
+ export type OptionWithIcon = {
2
+ icon: string;
3
+ name: string;
4
+ };
5
+ export declare const optionWithIconMocks: OptionWithIcon[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.0.2-rc.3",
3
+ "version": "2.0.2-rc.4",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -1 +0,0 @@
1
- .app-trigger-wrapper[data-v-44158e5f]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-44158e5f]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-44158e5f]{flex:none}.app-trigger-key--content[data-v-44158e5f]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-44158e5f]:hover{background:var(--action-selected)}.app-trigger[data-v-44158e5f]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-44158e5f]:hover,.app-trigger.active[data-v-44158e5f]{background:var(--action-selected)}.app-trigger.disabled[data-v-44158e5f]{cursor:auto}.app-trigger--content[data-v-44158e5f]{color:var(--text-primary);display:flex;column-gap:8px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-44158e5f]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-44158e5f]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-44158e5f]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-44158e5f]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-44158e5f]{width:20px;height:20px;flex:none}.app-trigger .image img[data-v-44158e5f]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-44158e5f]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-44158e5f]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-44158e5f]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-44158e5f]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-44158e5f]{padding-top:5px;color:var(--error-main)}
@@ -1 +0,0 @@
1
- .button-wrap[data-v-cca772e9]{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-cca772e9]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-cca772e9]:hover{background:var(--primary-darker)}.contained.primary[data-v-cca772e9]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.default[data-v-cca772e9]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-cca772e9]:hover{background:var(--default-light)}.contained.default[data-v-cca772e9]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.danger[data-v-cca772e9]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-cca772e9]:hover{background:var(--error-dark)}.contained.danger[data-v-cca772e9]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.info[data-v-cca772e9]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-cca772e9]:hover{background:var(--info-dark)}.contained.info[data-v-cca772e9]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.success[data-v-cca772e9]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-cca772e9]:hover{background:var(--success-dark)}.contained.success[data-v-cca772e9]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.warning[data-v-cca772e9]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-cca772e9]:hover{background:var(--warning-dark)}.contained.warning[data-v-cca772e9]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.loading[data-v-cca772e9],.contained.loading[data-v-cca772e9]:hover{background:var(--action-disabled-background)}.outlined[data-v-cca772e9]{background:transparent}.outlined.primary[data-v-cca772e9]{color:var(--primary-main);border:1px solid var(--primary-main)}.outlined.primary[data-v-cca772e9]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-cca772e9]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.default[data-v-cca772e9]{color:var(--text-primary);border:1px solid var(--default-outlined-border)}.outlined.default[data-v-cca772e9]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-cca772e9]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.danger[data-v-cca772e9]{color:var(--error-main);border:1px solid var(--error-main)}.outlined.danger[data-v-cca772e9]:hover{background:var(--error-lighter)}.outlined.danger[data-v-cca772e9]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.info[data-v-cca772e9]{color:var(--info-main);border:1px solid var(--info-main)}.outlined.info[data-v-cca772e9]:hover{background:var(--info-lighter)}.outlined.info[data-v-cca772e9]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.success[data-v-cca772e9]{color:var(--success-main);border:1px solid var(--success-main)}.outlined.success[data-v-cca772e9]:hover{background:var(--success-lighter)}.outlined.success[data-v-cca772e9]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.warning[data-v-cca772e9]{color:var(--warning-darker);border:1px solid var(--warning-darker)}.outlined.warning[data-v-cca772e9]:hover{background:var(--warning-lighter)}.outlined.warning[data-v-cca772e9]:disabled{color:var(--text-disabled);background:transparent;border:1px solid var(--default-outlined-border);opacity:1}.outlined.loading[data-v-cca772e9],.outlined.loading[data-v-cca772e9]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-cca772e9]{background:transparent}.text.primary[data-v-cca772e9]{color:var(--primary-main)}.text.primary[data-v-cca772e9]:hover{background:var(--primary-lighter)}.text.primary[data-v-cca772e9]:disabled{color:var(--text-disabled);opacity:1}.text.default[data-v-cca772e9]{color:var(--text-primary)}.text.default[data-v-cca772e9]:hover{background:var(--action-hover)}.text.default[data-v-cca772e9]:disabled{color:var(--text-disabled);opacity:1}.text.danger[data-v-cca772e9]{color:var(--error-main)}.text.danger[data-v-cca772e9]:hover{background:var(--error-lighter)}.text.danger[data-v-cca772e9]:disabled{color:var(--text-disabled);opacity:1}.text.info[data-v-cca772e9]{color:var(--info-main)}.text.info[data-v-cca772e9]:hover{background:var(--info-lighter)}.text.info[data-v-cca772e9]:disabled{color:var(--text-disabled);opacity:1}.text.success[data-v-cca772e9]{color:var(--success-main)}.text.success[data-v-cca772e9]:hover{background:var(--success-lighter)}.text.success[data-v-cca772e9]:disabled{color:var(--text-disabled);opacity:1}.text.warning[data-v-cca772e9]{color:var(--warning-darker)}.text.warning[data-v-cca772e9]:hover{background:var(--warning-lighter)}.text.warning[data-v-cca772e9]:disabled{color:var(--text-disabled);opacity:1}.text.loading[data-v-cca772e9],.text.loading[data-v-cca772e9]:hover{border:0;background:transparent}.small[data-v-cca772e9]{padding:2px 6px}.small.outlined[data-v-cca772e9]{padding:1px 5px}.medium[data-v-cca772e9]{padding:4px 8px}.medium.outlined[data-v-cca772e9]{padding:3px 7px}.large[data-v-cca772e9]{padding:10px 12px}.large.outlined[data-v-cca772e9]{padding:9px}.extraLarge[data-v-cca772e9]{padding:12px 14px}.extraLarge.outlined[data-v-cca772e9]{padding:11px 13px}.small[data-v-cca772e9],.medium[data-v-cca772e9],.large[data-v-cca772e9],.extraLarge[data-v-cca772e9]{height:auto}.flex[data-v-cca772e9]{display:flex;align-items:center}.start-icon[data-v-cca772e9]{margin-right:8px}.end-icon[data-v-cca772e9]{margin-left:8px}.loading.with-start-icon .content-with-icon[data-v-cca772e9]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-cca772e9]{padding-right:22px}
@@ -1 +0,0 @@
1
- .chip-trigger[data-v-e5202bb9]{border:1px solid var(--default-outlined-border);padding:5px 5px 5px 7px;border-radius:100px;cursor:pointer;user-select:none;display:inline-flex}.chip-trigger[data-v-e5202bb9]:hover{border-color:var(--action-active);background:var(--action-selected)}.chip-trigger.open[data-v-e5202bb9]{border:1.5px solid var(--action-active);padding:4.5px 4.5px 4.5px 6.5px;background:var(--action-selected)}.chip-trigger.active[data-v-e5202bb9]{border:1.5px solid var(--primary-main-50-p);background:var(--primary-light);padding:4.5px 4.5px 4.5px 6.5px}.chip-trigger.disabled[data-v-e5202bb9]{cursor:auto}.chip-trigger--content[data-v-e5202bb9]{color:var(--text-primary);display:flex;column-gap:4px}.chip-trigger--content .x-circle-wrapper[data-v-e5202bb9]{color:var(--primary-dark)}.chip-trigger--content .x-circle-wrapper[data-v-e5202bb9]:hover{color:var(--primary-main)}
@@ -1 +0,0 @@
1
- .dropdown-trigger[data-v-c6156fa0]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.5rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-sm);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none}.dropdown-trigger[data-v-c6156fa0]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.disabled[data-v-c6156fa0]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1)}.dropdown-trigger.small[data-v-c6156fa0]{padding:3px 7px}.dropdown-trigger.open[data-v-c6156fa0]{padding:4px 6px;border:2px solid var(--primary-main)}.dropdown-trigger.state-error[data-v-c6156fa0]{padding:4px 6px;border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-c6156fa0]{padding:4px 6px;border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-c6156fa0]{padding:4px 6px;border:2px solid var(--warning-dark)}.content[data-v-c6156fa0]{width:calc(100% - 28px);display:flex;gap:.5rem;align-items:center}.content .displayed-value[data-v-c6156fa0]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-c6156fa0]{width:20px;height:20px;flex:none}.content .image img[data-v-c6156fa0]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-c6156fa0]{display:flex;color:var(--action-active)}
@@ -1 +0,0 @@
1
- .label[data-v-17d78416]{color:#41454d}.item-container[data-v-17d78416]{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-17d78416]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-17d78416]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-17d78416],.item-container[data-v-17d78416]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-17d78416]{background-color:var(--action-selected)}.subtitle[data-v-17d78416]{color:#7b838c;line-height:1rem}.clear-button[data-v-17d78416]{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-17d78416]:hover{color:#3083ff}.item[data-v-17d78416]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-17d78416],.item--multi[data-v-17d78416]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-17d78416]{width:20px;height:20px;flex:none}.item .image img[data-v-17d78416]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-17d78416]{display:flex;color:var(--action-active)}.text-container[data-v-17d78416]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}
@@ -1 +0,0 @@
1
- .search-container[data-v-215f0f29]{position:relative}.search-container[data-v-215f0f29] .input-container input.input{padding-right:15px}.x-circle-wrapper[data-v-215f0f29]{width:1rem;height:1rem;color:var(--action-active);cursor:pointer;position:absolute;top:.375rem;right:.3125rem}.x-circle-wrapper[data-v-215f0f29]:hover{color:var(--text-primary)}
@@ -1 +0,0 @@
1
- .container[data-v-48311746]{width:100%;display:flex;max-width:22.5rem;background-color:var(--common-white);padding:.75rem 1rem}.texts[data-v-48311746]{width:calc(100% - 20px);display:flex;justify-content:center;flex-direction:column}.message[data-v-48311746]{margin-top:12px;margin-left:32px;width:calc(100% - 52px);color:var(--text-secondary)}.title[data-v-48311746]{display:flex;align-items:center;gap:8px;color:var(--text-primary)}.snackbar[data-v-48311746]{display:flex;width:22.5rem;box-sizing:border-box;position:fixed;transition:opacity .25s,transform .25s,left .25s,right .25s,top .4s,bottom .25s;overflow-wrap:anywhere;overflow:hidden;z-index:9999;border-radius:12px;border:1px solid var(--common-divider-elevation-0);box-shadow:var(--elevation-lg)}.snackbar.right[data-v-48311746]{right:1rem}.snackbar.left[data-v-48311746]{left:1rem}.close-button-wrapper[data-v-48311746]{width:20px}.snackbar-enter-from.right[data-v-48311746]{right:0;transform:translate(100%)}.snackbar-enter-from.left[data-v-48311746]{left:0;transform:translate(-100%)}.snackbar-leave-to[data-v-48311746]{opacity:0}.snackbar-leave-to.right[data-v-48311746]{right:0;transform:translate(100%)}.snackbar-leave-to.left[data-v-48311746]{left:0;transform:translate(-100%)}.icon-container.snackbar-icon-info[data-v-48311746]{color:var(--action-active)}.icon-container.snackbar-icon-error[data-v-48311746]{color:var(--error-main)}.icon-container.snackbar-icon-success[data-v-48311746]{color:var(--success-main)}.action-wrapper[data-v-48311746]{margin-left:32px;width:calc(100% - 52px)}.action-wrapper .actions[data-v-48311746]{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
@@ -1 +0,0 @@
1
- div[data-v-cde15298]{display:block}