@hh.ru/magritte-ui-chips-trigger 3.2.17 → 3.2.18

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 (3) hide show
  1. package/ChipsTrigger.js +1 -1
  2. package/index.css +156 -678
  3. package/package.json +7 -7
package/ChipsTrigger.js CHANGED
@@ -10,7 +10,7 @@ import { FormHelper } from '@hh.ru/magritte-ui-form-helper';
10
10
  import { ChevronDownOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
11
11
  import { useFocus } from '@hh.ru/magritte-ui-input/useFocus';
12
12
 
13
- var styles = {"root":"magritte-root___-zVdz_3-2-17","focused":"magritte-focused___0Uzyu_3-2-17","invalid":"magritte-invalid___tVzQV_3-2-17","disabled":"magritte-disabled___UeqcV_3-2-17","label":"magritte-label___j7Trt_3-2-17","focus-visible":"magritte-focus-visible___ifvAP_3-2-17","focusVisible":"magritte-focus-visible___ifvAP_3-2-17","large":"magritte-large___JIrIy_3-2-17","field":"magritte-field___rlEmn_3-2-17","icon":"magritte-icon___fDMiz_3-2-17","scrollable-area":"magritte-scrollable-area___-xMF2_3-2-17","scrollableArea":"magritte-scrollable-area___-xMF2_3-2-17","medium":"magritte-medium___Xk-XB_3-2-17","chips-and-input":"magritte-chips-and-input___qg-Ba_3-2-17","chipsAndInput":"magritte-chips-and-input___qg-Ba_3-2-17","field-input":"magritte-field-input___04Cag_3-2-17","fieldInput":"magritte-field-input___04Cag_3-2-17","label-wrapper":"magritte-label-wrapper___De7Bm_3-2-17","labelWrapper":"magritte-label-wrapper___De7Bm_3-2-17","icon_expanded":"magritte-icon_expanded___RaOT-_3-2-17","iconExpanded":"magritte-icon_expanded___RaOT-_3-2-17","custom-chip-wrapper":"magritte-custom-chip-wrapper___a9kJ6_3-2-17","customChipWrapper":"magritte-custom-chip-wrapper___a9kJ6_3-2-17"};
13
+ var styles = {"root":"magritte-root___-zVdz_3-2-18","focused":"magritte-focused___0Uzyu_3-2-18","invalid":"magritte-invalid___tVzQV_3-2-18","disabled":"magritte-disabled___UeqcV_3-2-18","label":"magritte-label___j7Trt_3-2-18","focus-visible":"magritte-focus-visible___ifvAP_3-2-18","focusVisible":"magritte-focus-visible___ifvAP_3-2-18","large":"magritte-large___JIrIy_3-2-18","field":"magritte-field___rlEmn_3-2-18","icon":"magritte-icon___fDMiz_3-2-18","scrollable-area":"magritte-scrollable-area___-xMF2_3-2-18","scrollableArea":"magritte-scrollable-area___-xMF2_3-2-18","medium":"magritte-medium___Xk-XB_3-2-18","chips-and-input":"magritte-chips-and-input___qg-Ba_3-2-18","chipsAndInput":"magritte-chips-and-input___qg-Ba_3-2-18","field-input":"magritte-field-input___04Cag_3-2-18","fieldInput":"magritte-field-input___04Cag_3-2-18","label-wrapper":"magritte-label-wrapper___De7Bm_3-2-18","labelWrapper":"magritte-label-wrapper___De7Bm_3-2-18","icon_expanded":"magritte-icon_expanded___RaOT-_3-2-18","iconExpanded":"magritte-icon_expanded___RaOT-_3-2-18","custom-chip-wrapper":"magritte-custom-chip-wrapper___a9kJ6_3-2-18","customChipWrapper":"magritte-custom-chip-wrapper___a9kJ6_3-2-18"};
14
14
 
15
15
  const focusOnLastChip = (event, chipsContainer, input) => {
16
16
  if (!chipsContainer || !input) {
package/index.css CHANGED
@@ -1,598 +1,76 @@
1
1
  :root{
2
- --magritte-color-component-input-stroke-state-field-hovered-v20-1-0:#CCD5DF;
3
- --magritte-color-component-input-stroke-state-field-focused-v20-1-0:#0070ff;
4
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v20-1-0:#0070ff7a;
5
- --magritte-color-component-input-stroke-state-field-invalid-v20-1-0:#ff4d3a;
6
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v20-1-0:#ff4d3a7a;
7
- --magritte-color-component-input-stroke-state-field-disabled-v20-1-0:#EEF1F7;
8
- --magritte-color-component-input-background-field-v20-1-0:#ffffff;
9
- --magritte-color-component-input-background-state-field-hovered-v20-1-0:#ffffff;
10
- --magritte-color-component-input-background-state-field-focused-v20-1-0:#ffffff;
11
- --magritte-color-component-input-background-state-field-invalid-v20-1-0:#ffffff;
12
- --magritte-color-component-input-background-state-field-disabled-v20-1-0:#F4F6FB;
13
- --magritte-color-component-input-stroke-field-v20-1-0:#DCE3EB;
14
- --magritte-color-component-input-text-state-placeholder-disabled-v20-1-0:#AABBCA;
15
- --magritte-color-component-input-text-state-placeholder-hovered-v20-1-0:#768694;
16
- --magritte-color-component-input-text-state-placeholder-focused-v20-1-0:#AABBCA;
17
- --magritte-color-component-input-text-state-placeholder-invalid-v20-1-0:#AABBCA;
18
- --magritte-color-component-input-icon-chevron-v20-1-0:#AABBCA;
19
- --magritte-color-component-input-icon-state-chevron-focused-v20-1-0:#000000;
20
- --magritte-color-component-input-icon-state-chevron-hovered-v20-1-0:#6a7885;
21
- --magritte-color-component-input-icon-state-chevron-disabled-v20-1-0:#AABBCA;
22
- --magritte-color-component-input-icon-state-chevron-invalid-v20-1-0:#AABBCA;
23
- --magritte-color-component-input-text-placeholder-v20-1-0:#AABBCA;
24
- --magritte-color-component-input-chips-background-state-neutral-disable-v20-1-0:#DCE3EB;
25
- --magritte-color-component-input-chips-text-state-neutral-disable-v20-1-0:#96aabb;
2
+ --magritte-color-component-input-stroke-state-field-hovered-v21-0-0:#CCD5DF;
3
+ --magritte-color-component-input-stroke-state-field-focused-v21-0-0:#0070ff;
4
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v21-0-0:#0070ff7a;
5
+ --magritte-color-component-input-stroke-state-field-invalid-v21-0-0:#ff4d3a;
6
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v21-0-0:#ff4d3a7a;
7
+ --magritte-color-component-input-stroke-state-field-disabled-v21-0-0:#EEF1F7;
8
+ --magritte-color-component-input-background-field-v21-0-0:#ffffff;
9
+ --magritte-color-component-input-background-state-field-hovered-v21-0-0:#ffffff;
10
+ --magritte-color-component-input-background-state-field-focused-v21-0-0:#ffffff;
11
+ --magritte-color-component-input-background-state-field-invalid-v21-0-0:#ffffff;
12
+ --magritte-color-component-input-background-state-field-disabled-v21-0-0:#F4F6FB;
13
+ --magritte-color-component-input-stroke-field-v21-0-0:#DCE3EB;
14
+ --magritte-color-component-input-text-state-placeholder-disabled-v21-0-0:#AABBCA;
15
+ --magritte-color-component-input-text-state-placeholder-hovered-v21-0-0:#768694;
16
+ --magritte-color-component-input-text-state-placeholder-focused-v21-0-0:#AABBCA;
17
+ --magritte-color-component-input-text-state-placeholder-invalid-v21-0-0:#AABBCA;
18
+ --magritte-color-component-input-icon-chevron-v21-0-0:#AABBCA;
19
+ --magritte-color-component-input-icon-state-chevron-focused-v21-0-0:#000000;
20
+ --magritte-color-component-input-icon-state-chevron-hovered-v21-0-0:#6a7885;
21
+ --magritte-color-component-input-icon-state-chevron-disabled-v21-0-0:#AABBCA;
22
+ --magritte-color-component-input-icon-state-chevron-invalid-v21-0-0:#AABBCA;
23
+ --magritte-color-component-input-text-placeholder-v21-0-0:#AABBCA;
24
+ --magritte-color-component-input-chips-background-state-neutral-disable-v21-0-0:#DCE3EB;
25
+ --magritte-color-component-input-chips-text-state-neutral-disable-v21-0-0:#96aabb;
26
26
  }
27
27
  :root{
28
- --magritte-typography-title-1-semibold-font-family-v20-1-0:"hh sans";
29
- --magritte-typography-title-1-semibold-font-weight-v20-1-0:500;
30
- --magritte-typography-title-1-semibold-line-height-v20-1-0:60px;
31
- --magritte-typography-title-1-semibold-font-size-v20-1-0:48px;
32
- --magritte-typography-title-1-semibold-letter-spacing-v20-1-0:-0.02em;
33
- --magritte-typography-title-1-semibold-text-indent-v20-1-0:0px;
34
- --magritte-typography-title-1-semibold-text-transform-v20-1-0:none;
35
- --magritte-typography-title-1-semibold-text-decoration-v20-1-0:none;
36
- --magritte-typography-title-2-semibold-font-family-v20-1-0:"hh sans";
37
- --magritte-typography-title-2-semibold-font-weight-v20-1-0:500;
38
- --magritte-typography-title-2-semibold-line-height-v20-1-0:48px;
39
- --magritte-typography-title-2-semibold-font-size-v20-1-0:36px;
40
- --magritte-typography-title-2-semibold-letter-spacing-v20-1-0:-0.0175em;
41
- --magritte-typography-title-2-semibold-text-indent-v20-1-0:0px;
42
- --magritte-typography-title-2-semibold-text-transform-v20-1-0:none;
43
- --magritte-typography-title-2-semibold-text-decoration-v20-1-0:none;
44
- --magritte-typography-title-3-semibold-font-family-v20-1-0:"hh sans";
45
- --magritte-typography-title-3-semibold-font-weight-v20-1-0:500;
46
- --magritte-typography-title-3-semibold-line-height-v20-1-0:40px;
47
- --magritte-typography-title-3-semibold-font-size-v20-1-0:28px;
48
- --magritte-typography-title-3-semibold-letter-spacing-v20-1-0:-0.0125em;
49
- --magritte-typography-title-3-semibold-text-indent-v20-1-0:0px;
50
- --magritte-typography-title-3-semibold-text-transform-v20-1-0:none;
51
- --magritte-typography-title-3-semibold-text-decoration-v20-1-0:none;
52
- --magritte-typography-title-4-semibold-font-family-v20-1-0:"hh sans";
53
- --magritte-typography-title-4-semibold-font-weight-v20-1-0:500;
54
- --magritte-typography-title-4-semibold-line-height-v20-1-0:32px;
55
- --magritte-typography-title-4-semibold-font-size-v20-1-0:22px;
56
- --magritte-typography-title-4-semibold-letter-spacing-v20-1-0:-0.0075em;
57
- --magritte-typography-title-4-semibold-text-indent-v20-1-0:0px;
58
- --magritte-typography-title-4-semibold-text-transform-v20-1-0:none;
59
- --magritte-typography-title-4-semibold-text-decoration-v20-1-0:none;
60
- --magritte-typography-title-5-semibold-font-family-v20-1-0:"hh sans";
61
- --magritte-typography-title-5-semibold-font-weight-v20-1-0:500;
62
- --magritte-typography-title-5-semibold-line-height-v20-1-0:26px;
63
- --magritte-typography-title-5-semibold-font-size-v20-1-0:18px;
64
- --magritte-typography-title-5-semibold-letter-spacing-v20-1-0:0em;
65
- --magritte-typography-title-5-semibold-text-indent-v20-1-0:0px;
66
- --magritte-typography-title-5-semibold-text-transform-v20-1-0:none;
67
- --magritte-typography-title-5-semibold-text-decoration-v20-1-0:none;
68
- --magritte-typography-subtitle-1-semibold-font-family-v20-1-0:"hh sans";
69
- --magritte-typography-subtitle-1-semibold-font-weight-v20-1-0:500;
70
- --magritte-typography-subtitle-1-semibold-line-height-v20-1-0:22px;
71
- --magritte-typography-subtitle-1-semibold-font-size-v20-1-0:16px;
72
- --magritte-typography-subtitle-1-semibold-letter-spacing-v20-1-0:0em;
73
- --magritte-typography-subtitle-1-semibold-text-indent-v20-1-0:0px;
74
- --magritte-typography-subtitle-1-semibold-text-transform-v20-1-0:none;
75
- --magritte-typography-subtitle-1-semibold-text-decoration-v20-1-0:none;
76
- --magritte-typography-subtitle-2-semibold-font-family-v20-1-0:"hh sans";
77
- --magritte-typography-subtitle-2-semibold-font-weight-v20-1-0:500;
78
- --magritte-typography-subtitle-2-semibold-line-height-v20-1-0:20px;
79
- --magritte-typography-subtitle-2-semibold-font-size-v20-1-0:14px;
80
- --magritte-typography-subtitle-2-semibold-letter-spacing-v20-1-0:0.005em;
81
- --magritte-typography-subtitle-2-semibold-text-indent-v20-1-0:0px;
82
- --magritte-typography-subtitle-2-semibold-text-transform-v20-1-0:none;
83
- --magritte-typography-subtitle-2-semibold-text-decoration-v20-1-0:none;
84
- --magritte-typography-subtitle-3-semibold-font-family-v20-1-0:"hh sans";
85
- --magritte-typography-subtitle-3-semibold-font-weight-v20-1-0:500;
86
- --magritte-typography-subtitle-3-semibold-line-height-v20-1-0:18px;
87
- --magritte-typography-subtitle-3-semibold-font-size-v20-1-0:12px;
88
- --magritte-typography-subtitle-3-semibold-letter-spacing-v20-1-0:0.01em;
89
- --magritte-typography-subtitle-3-semibold-text-indent-v20-1-0:0px;
90
- --magritte-typography-subtitle-3-semibold-text-transform-v20-1-0:none;
91
- --magritte-typography-subtitle-3-semibold-text-decoration-v20-1-0:none;
92
- --magritte-typography-subtitle-4-semibold-font-family-v20-1-0:"hh sans";
93
- --magritte-typography-subtitle-4-semibold-font-weight-v20-1-0:500;
94
- --magritte-typography-subtitle-4-semibold-line-height-v20-1-0:16px;
95
- --magritte-typography-subtitle-4-semibold-font-size-v20-1-0:10px;
96
- --magritte-typography-subtitle-4-semibold-letter-spacing-v20-1-0:0.015em;
97
- --magritte-typography-subtitle-4-semibold-text-indent-v20-1-0:0px;
98
- --magritte-typography-subtitle-4-semibold-text-transform-v20-1-0:none;
99
- --magritte-typography-subtitle-4-semibold-text-decoration-v20-1-0:none;
100
- --magritte-typography-label-1-regular-font-family-v20-1-0:"hh sans";
101
- --magritte-typography-label-1-regular-font-weight-v20-1-0:400;
102
- --magritte-typography-label-1-regular-line-height-v20-1-0:26px;
103
- --magritte-typography-label-1-regular-font-size-v20-1-0:18px;
104
- --magritte-typography-label-1-regular-letter-spacing-v20-1-0:-0.005em;
105
- --magritte-typography-label-1-regular-text-indent-v20-1-0:0px;
106
- --magritte-typography-label-1-regular-text-transform-v20-1-0:none;
107
- --magritte-typography-label-1-regular-text-decoration-v20-1-0:none;
108
- --magritte-typography-label-2-regular-font-family-v20-1-0:"hh sans";
109
- --magritte-typography-label-2-regular-font-weight-v20-1-0:400;
110
- --magritte-typography-label-2-regular-line-height-v20-1-0:22px;
111
- --magritte-typography-label-2-regular-font-size-v20-1-0:16px;
112
- --magritte-typography-label-2-regular-letter-spacing-v20-1-0:0em;
113
- --magritte-typography-label-2-regular-text-indent-v20-1-0:0px;
114
- --magritte-typography-label-2-regular-text-transform-v20-1-0:none;
115
- --magritte-typography-label-2-regular-text-decoration-v20-1-0:none;
116
- --magritte-typography-label-3-regular-font-family-v20-1-0:"hh sans";
117
- --magritte-typography-label-3-regular-font-weight-v20-1-0:400;
118
- --magritte-typography-label-3-regular-line-height-v20-1-0:20px;
119
- --magritte-typography-label-3-regular-font-size-v20-1-0:14px;
120
- --magritte-typography-label-3-regular-letter-spacing-v20-1-0:0.005em;
121
- --magritte-typography-label-3-regular-text-indent-v20-1-0:0px;
122
- --magritte-typography-label-3-regular-text-transform-v20-1-0:none;
123
- --magritte-typography-label-3-regular-text-decoration-v20-1-0:none;
124
- --magritte-typography-label-4-regular-font-family-v20-1-0:"hh sans";
125
- --magritte-typography-label-4-regular-font-weight-v20-1-0:400;
126
- --magritte-typography-label-4-regular-line-height-v20-1-0:18px;
127
- --magritte-typography-label-4-regular-font-size-v20-1-0:12px;
128
- --magritte-typography-label-4-regular-letter-spacing-v20-1-0:0.01em;
129
- --magritte-typography-label-4-regular-text-indent-v20-1-0:0px;
130
- --magritte-typography-label-4-regular-text-transform-v20-1-0:none;
131
- --magritte-typography-label-4-regular-text-decoration-v20-1-0:none;
132
- --magritte-typography-label-5-regular-font-family-v20-1-0:"hh sans";
133
- --magritte-typography-label-5-regular-font-weight-v20-1-0:400;
134
- --magritte-typography-label-5-regular-line-height-v20-1-0:14px;
135
- --magritte-typography-label-5-regular-font-size-v20-1-0:10px;
136
- --magritte-typography-label-5-regular-letter-spacing-v20-1-0:0.02em;
137
- --magritte-typography-label-5-regular-text-indent-v20-1-0:0px;
138
- --magritte-typography-label-5-regular-text-transform-v20-1-0:none;
139
- --magritte-typography-label-5-regular-text-decoration-v20-1-0:none;
140
- --magritte-typography-paragraph-1-regular-font-family-v20-1-0:"hh sans";
141
- --magritte-typography-paragraph-1-regular-font-weight-v20-1-0:400;
142
- --magritte-typography-paragraph-1-regular-line-height-v20-1-0:28px;
143
- --magritte-typography-paragraph-1-regular-font-size-v20-1-0:18px;
144
- --magritte-typography-paragraph-1-regular-letter-spacing-v20-1-0:0em;
145
- --magritte-typography-paragraph-1-regular-text-indent-v20-1-0:0px;
146
- --magritte-typography-paragraph-1-regular-text-transform-v20-1-0:none;
147
- --magritte-typography-paragraph-1-regular-text-decoration-v20-1-0:none;
148
- --magritte-typography-paragraph-2-regular-font-family-v20-1-0:"hh sans";
149
- --magritte-typography-paragraph-2-regular-font-weight-v20-1-0:400;
150
- --magritte-typography-paragraph-2-regular-line-height-v20-1-0:26px;
151
- --magritte-typography-paragraph-2-regular-font-size-v20-1-0:16px;
152
- --magritte-typography-paragraph-2-regular-letter-spacing-v20-1-0:0.005em;
153
- --magritte-typography-paragraph-2-regular-text-indent-v20-1-0:0px;
154
- --magritte-typography-paragraph-2-regular-text-transform-v20-1-0:none;
155
- --magritte-typography-paragraph-2-regular-text-decoration-v20-1-0:none;
156
- --magritte-typography-paragraph-3-regular-font-family-v20-1-0:"hh sans";
157
- --magritte-typography-paragraph-3-regular-font-weight-v20-1-0:400;
158
- --magritte-typography-paragraph-3-regular-line-height-v20-1-0:24px;
159
- --magritte-typography-paragraph-3-regular-font-size-v20-1-0:14px;
160
- --magritte-typography-paragraph-3-regular-letter-spacing-v20-1-0:0.01em;
161
- --magritte-typography-paragraph-3-regular-text-indent-v20-1-0:0px;
162
- --magritte-typography-paragraph-3-regular-text-transform-v20-1-0:none;
163
- --magritte-typography-paragraph-3-regular-text-decoration-v20-1-0:none;
164
- --magritte-typography-paragraph-4-regular-font-family-v20-1-0:"hh sans";
165
- --magritte-typography-paragraph-4-regular-font-weight-v20-1-0:400;
166
- --magritte-typography-paragraph-4-regular-line-height-v20-1-0:22px;
167
- --magritte-typography-paragraph-4-regular-font-size-v20-1-0:12px;
168
- --magritte-typography-paragraph-4-regular-letter-spacing-v20-1-0:0.015em;
169
- --magritte-typography-paragraph-4-regular-text-indent-v20-1-0:0px;
170
- --magritte-typography-paragraph-4-regular-text-transform-v20-1-0:none;
171
- --magritte-typography-paragraph-4-regular-text-decoration-v20-1-0:none;
172
- --magritte-typography-_custom-1-semibold-font-family-v20-1-0:"hh sans";
173
- --magritte-typography-_custom-1-semibold-font-weight-v20-1-0:500;
174
- --magritte-typography-_custom-1-semibold-line-height-v20-1-0:28px;
175
- --magritte-typography-_custom-1-semibold-font-size-v20-1-0:18px;
176
- --magritte-typography-_custom-1-semibold-letter-spacing-v20-1-0:0em;
177
- --magritte-typography-_custom-1-semibold-text-indent-v20-1-0:0px;
178
- --magritte-typography-_custom-1-semibold-text-transform-v20-1-0:none;
179
- --magritte-typography-_custom-1-semibold-text-decoration-v20-1-0:none;
180
- --magritte-typography-_custom-2-semibold-font-family-v20-1-0:"hh sans";
181
- --magritte-typography-_custom-2-semibold-font-weight-v20-1-0:500;
182
- --magritte-typography-_custom-2-semibold-line-height-v20-1-0:26px;
183
- --magritte-typography-_custom-2-semibold-font-size-v20-1-0:16px;
184
- --magritte-typography-_custom-2-semibold-letter-spacing-v20-1-0:0.005em;
185
- --magritte-typography-_custom-2-semibold-text-indent-v20-1-0:0px;
186
- --magritte-typography-_custom-2-semibold-text-transform-v20-1-0:none;
187
- --magritte-typography-_custom-2-semibold-text-decoration-v20-1-0:none;
188
- --magritte-typography-_custom-3-semibold-font-family-v20-1-0:"hh sans";
189
- --magritte-typography-_custom-3-semibold-font-weight-v20-1-0:500;
190
- --magritte-typography-_custom-3-semibold-line-height-v20-1-0:24px;
191
- --magritte-typography-_custom-3-semibold-font-size-v20-1-0:14px;
192
- --magritte-typography-_custom-3-semibold-letter-spacing-v20-1-0:0.01em;
193
- --magritte-typography-_custom-3-semibold-text-indent-v20-1-0:0px;
194
- --magritte-typography-_custom-3-semibold-text-transform-v20-1-0:none;
195
- --magritte-typography-_custom-3-semibold-text-decoration-v20-1-0:none;
196
- --magritte-typography-_custom-4-semibold-font-family-v20-1-0:"hh sans";
197
- --magritte-typography-_custom-4-semibold-font-weight-v20-1-0:400;
198
- --magritte-typography-_custom-4-semibold-line-height-v20-1-0:22px;
199
- --magritte-typography-_custom-4-semibold-font-size-v20-1-0:12px;
200
- --magritte-typography-_custom-4-semibold-letter-spacing-v20-1-0:0.015em;
201
- --magritte-typography-_custom-4-semibold-text-indent-v20-1-0:0px;
202
- --magritte-typography-_custom-4-semibold-text-transform-v20-1-0:none;
203
- --magritte-typography-_custom-4-semibold-text-decoration-v20-1-0:none;
204
- --magritte-typography-_custom-5-semibold-font-family-v20-1-0:"hh sans";
205
- --magritte-typography-_custom-5-semibold-font-weight-v20-1-0:400;
206
- --magritte-typography-_custom-5-semibold-line-height-v20-1-0:12px;
207
- --magritte-typography-_custom-5-semibold-font-size-v20-1-0:10px;
208
- --magritte-typography-_custom-5-semibold-letter-spacing-v20-1-0:0.015em;
209
- --magritte-typography-_custom-5-semibold-text-indent-v20-1-0:0px;
210
- --magritte-typography-_custom-5-semibold-text-transform-v20-1-0:none;
211
- --magritte-typography-_custom-5-semibold-text-decoration-v20-1-0:none;
212
- --magritte-typography-_custom-1-medium-font-family-v20-1-0:"hh sans";
213
- --magritte-typography-_custom-1-medium-font-weight-v20-1-0:500;
214
- --magritte-typography-_custom-1-medium-line-height-v20-1-0:28px;
215
- --magritte-typography-_custom-1-medium-font-size-v20-1-0:18px;
216
- --magritte-typography-_custom-1-medium-letter-spacing-v20-1-0:0em;
217
- --magritte-typography-_custom-1-medium-text-indent-v20-1-0:0px;
218
- --magritte-typography-_custom-1-medium-text-transform-v20-1-0:none;
219
- --magritte-typography-_custom-1-medium-text-decoration-v20-1-0:none;
220
- --magritte-typography-_custom-2-medium-font-family-v20-1-0:"hh sans";
221
- --magritte-typography-_custom-2-medium-font-weight-v20-1-0:500;
222
- --magritte-typography-_custom-2-medium-line-height-v20-1-0:26px;
223
- --magritte-typography-_custom-2-medium-font-size-v20-1-0:16px;
224
- --magritte-typography-_custom-2-medium-letter-spacing-v20-1-0:0.005em;
225
- --magritte-typography-_custom-2-medium-text-indent-v20-1-0:0px;
226
- --magritte-typography-_custom-2-medium-text-transform-v20-1-0:none;
227
- --magritte-typography-_custom-2-medium-text-decoration-v20-1-0:none;
228
- --magritte-typography-_custom-3-medium-font-family-v20-1-0:"hh sans";
229
- --magritte-typography-_custom-3-medium-font-weight-v20-1-0:500;
230
- --magritte-typography-_custom-3-medium-line-height-v20-1-0:24px;
231
- --magritte-typography-_custom-3-medium-font-size-v20-1-0:14px;
232
- --magritte-typography-_custom-3-medium-letter-spacing-v20-1-0:0.01em;
233
- --magritte-typography-_custom-3-medium-text-indent-v20-1-0:0px;
234
- --magritte-typography-_custom-3-medium-text-transform-v20-1-0:none;
235
- --magritte-typography-_custom-3-medium-text-decoration-v20-1-0:none;
236
- --magritte-typography-_custom-4-medium-font-family-v20-1-0:"hh sans";
237
- --magritte-typography-_custom-4-medium-font-weight-v20-1-0:500;
238
- --magritte-typography-_custom-4-medium-line-height-v20-1-0:22px;
239
- --magritte-typography-_custom-4-medium-font-size-v20-1-0:12px;
240
- --magritte-typography-_custom-4-medium-letter-spacing-v20-1-0:0.015em;
241
- --magritte-typography-_custom-4-medium-text-indent-v20-1-0:0px;
242
- --magritte-typography-_custom-4-medium-text-transform-v20-1-0:none;
243
- --magritte-typography-_custom-4-medium-text-decoration-v20-1-0:none;
244
- --magritte-typography-_custom-5-medium-font-family-v20-1-0:"hh sans";
245
- --magritte-typography-_custom-5-medium-font-weight-v20-1-0:500;
246
- --magritte-typography-_custom-5-medium-line-height-v20-1-0:12px;
247
- --magritte-typography-_custom-5-medium-font-size-v20-1-0:10px;
248
- --magritte-typography-_custom-5-medium-letter-spacing-v20-1-0:0.015em;
249
- --magritte-typography-_custom-5-medium-text-indent-v20-1-0:0px;
250
- --magritte-typography-_custom-5-medium-text-transform-v20-1-0:none;
251
- --magritte-typography-_custom-5-medium-text-decoration-v20-1-0:none;
252
- --magritte-typography-_custom-1-italic-font-family-v20-1-0:"hh sans";
253
- --magritte-typography-_custom-1-italic-font-weight-v20-1-0:400;
254
- --magritte-typography-_custom-1-italic-line-height-v20-1-0:28px;
255
- --magritte-typography-_custom-1-italic-font-size-v20-1-0:18px;
256
- --magritte-typography-_custom-1-italic-letter-spacing-v20-1-0:0em;
257
- --magritte-typography-_custom-1-italic-text-indent-v20-1-0:0px;
258
- --magritte-typography-_custom-1-italic-text-transform-v20-1-0:none;
259
- --magritte-typography-_custom-1-italic-text-decoration-v20-1-0:none;
260
- --magritte-typography-_custom-2-italic-font-family-v20-1-0:"hh sans";
261
- --magritte-typography-_custom-2-italic-font-weight-v20-1-0:400;
262
- --magritte-typography-_custom-2-italic-line-height-v20-1-0:26px;
263
- --magritte-typography-_custom-2-italic-font-size-v20-1-0:16px;
264
- --magritte-typography-_custom-2-italic-letter-spacing-v20-1-0:0.005em;
265
- --magritte-typography-_custom-2-italic-text-indent-v20-1-0:0px;
266
- --magritte-typography-_custom-2-italic-text-transform-v20-1-0:none;
267
- --magritte-typography-_custom-2-italic-text-decoration-v20-1-0:none;
268
- --magritte-typography-_custom-3-italic-font-family-v20-1-0:"hh sans";
269
- --magritte-typography-_custom-3-italic-font-weight-v20-1-0:400;
270
- --magritte-typography-_custom-3-italic-line-height-v20-1-0:24px;
271
- --magritte-typography-_custom-3-italic-font-size-v20-1-0:14px;
272
- --magritte-typography-_custom-3-italic-letter-spacing-v20-1-0:0.01em;
273
- --magritte-typography-_custom-3-italic-text-indent-v20-1-0:0px;
274
- --magritte-typography-_custom-3-italic-text-transform-v20-1-0:none;
275
- --magritte-typography-_custom-3-italic-text-decoration-v20-1-0:none;
276
- --magritte-typography-_custom-4-italic-font-family-v20-1-0:"hh sans";
277
- --magritte-typography-_custom-4-italic-font-weight-v20-1-0:400;
278
- --magritte-typography-_custom-4-italic-line-height-v20-1-0:22px;
279
- --magritte-typography-_custom-4-italic-font-size-v20-1-0:12px;
280
- --magritte-typography-_custom-4-italic-letter-spacing-v20-1-0:0.015em;
281
- --magritte-typography-_custom-4-italic-text-indent-v20-1-0:0px;
282
- --magritte-typography-_custom-4-italic-text-transform-v20-1-0:none;
283
- --magritte-typography-_custom-4-italic-text-decoration-v20-1-0:none;
284
- --magritte-typography-_custom-5-italic-font-family-v20-1-0:"hh sans";
285
- --magritte-typography-_custom-5-italic-font-weight-v20-1-0:400;
286
- --magritte-typography-_custom-5-italic-line-height-v20-1-0:12px;
287
- --magritte-typography-_custom-5-italic-font-size-v20-1-0:10px;
288
- --magritte-typography-_custom-5-italic-letter-spacing-v20-1-0:0.015em;
289
- --magritte-typography-_custom-5-italic-text-indent-v20-1-0:0px;
290
- --magritte-typography-_custom-5-italic-text-transform-v20-1-0:none;
291
- --magritte-typography-_custom-5-italic-text-decoration-v20-1-0:none;
292
- --magritte-semantic-animation-ease-in-out-100-timing-function-v20-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
293
- --magritte-semantic-animation-ease-in-out-100-duration-v20-1-0:100ms;
294
- --magritte-static-space-50-v20-1-0:2px;
295
- --magritte-static-space-100-v20-1-0:4px;
296
- --magritte-static-space-150-v20-1-0:6px;
297
- --magritte-static-space-200-v20-1-0:8px;
298
- --magritte-static-space-250-v20-1-0:10px;
299
- --magritte-static-space-300-v20-1-0:12px;
300
- --magritte-static-space-400-v20-1-0:16px;
301
- --magritte-core-border-radius-3-x-v20-1-0:12px;
28
+ --magritte-typography-label-2-regular-font-family-v21-0-0:"hh sans";
29
+ --magritte-typography-label-2-regular-font-weight-v21-0-0:400;
30
+ --magritte-typography-label-2-regular-line-height-v21-0-0:22px;
31
+ --magritte-typography-label-2-regular-font-size-v21-0-0:16px;
32
+ --magritte-typography-label-2-regular-letter-spacing-v21-0-0:0em;
33
+ --magritte-typography-label-2-regular-text-indent-v21-0-0:0px;
34
+ --magritte-typography-label-2-regular-text-transform-v21-0-0:none;
35
+ --magritte-typography-label-2-regular-text-decoration-v21-0-0:none;
36
+ --magritte-semantic-animation-ease-in-out-100-timing-function-v21-0-0:cubic-bezier(0.25, 0.1, 0.25, 1);
37
+ --magritte-semantic-animation-ease-in-out-100-duration-v21-0-0:100ms;
38
+ --magritte-static-space-50-v21-0-0:2px;
39
+ --magritte-static-space-100-v21-0-0:4px;
40
+ --magritte-static-space-150-v21-0-0:6px;
41
+ --magritte-static-space-200-v21-0-0:8px;
42
+ --magritte-static-space-250-v21-0-0:10px;
43
+ --magritte-static-space-300-v21-0-0:12px;
44
+ --magritte-static-space-400-v21-0-0:16px;
45
+ --magritte-core-border-radius-3-x-v21-0-0:12px;
302
46
  }
303
47
  .magritte-night-theme{
304
- --magritte-color-component-input-stroke-state-field-hovered-v20-1-0:#3B3B3B;
305
- --magritte-color-component-input-stroke-state-field-focused-v20-1-0:#0070ff;
306
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v20-1-0:#0070ff7a;
307
- --magritte-color-component-input-stroke-state-field-invalid-v20-1-0:#ff4d3a;
308
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v20-1-0:#ff4d3a7a;
309
- --magritte-color-component-input-stroke-state-field-disabled-v20-1-0:#111;
310
- --magritte-color-component-input-background-field-v20-1-0:#1B1B1B;
311
- --magritte-color-component-input-background-state-field-hovered-v20-1-0:#1B1B1B;
312
- --magritte-color-component-input-background-state-field-focused-v20-1-0:#1B1B1B;
313
- --magritte-color-component-input-background-state-field-invalid-v20-1-0:#1B1B1B;
314
- --magritte-color-component-input-background-state-field-disabled-v20-1-0:#111;
315
- --magritte-color-component-input-stroke-field-v20-1-0:#303030;
316
- --magritte-color-component-input-text-placeholder-v20-1-0:#535353;
317
- --magritte-color-component-input-text-state-placeholder-disabled-v20-1-0:#474747;
318
- --magritte-color-component-input-text-state-placeholder-hovered-v20-1-0:#5E5E5E;
319
- --magritte-color-component-input-text-state-placeholder-focused-v20-1-0:#535353;
320
- --magritte-color-component-input-text-state-placeholder-invalid-v20-1-0:#535353;
321
- --magritte-color-component-input-icon-state-chevron-disabled-v20-1-0:#474747;
322
- --magritte-color-component-input-icon-state-chevron-hovered-v20-1-0:#848484;
323
- --magritte-color-component-input-icon-state-chevron-focused-v20-1-0:#ffffff;
324
- --magritte-color-component-input-icon-state-chevron-invalid-v20-1-0:#474747;
325
- --magritte-color-component-input-icon-chevron-v20-1-0:#5E5E5E;
326
- --magritte-color-component-input-chips-background-state-neutral-disable-v20-1-0:#1B1B1B;
327
- --magritte-color-component-input-chips-text-state-neutral-disable-v20-1-0:#474747;
328
- }
329
- .magritte-with-inter{
330
- --magritte-typography-title-1-semibold-font-family-v20-1-0:"Inter";
331
- --magritte-typography-title-1-semibold-font-weight-v20-1-0:600;
332
- --magritte-typography-title-1-semibold-line-height-v20-1-0:60px;
333
- --magritte-typography-title-1-semibold-font-size-v20-1-0:48px;
334
- --magritte-typography-title-1-semibold-letter-spacing-v20-1-0:-0.02em;
335
- --magritte-typography-title-1-semibold-text-indent-v20-1-0:0px;
336
- --magritte-typography-title-1-semibold-text-transform-v20-1-0:none;
337
- --magritte-typography-title-1-semibold-text-decoration-v20-1-0:none;
338
- --magritte-typography-title-2-semibold-font-family-v20-1-0:"Inter";
339
- --magritte-typography-title-2-semibold-font-weight-v20-1-0:600;
340
- --magritte-typography-title-2-semibold-line-height-v20-1-0:48px;
341
- --magritte-typography-title-2-semibold-font-size-v20-1-0:36px;
342
- --magritte-typography-title-2-semibold-letter-spacing-v20-1-0:-0.0175em;
343
- --magritte-typography-title-2-semibold-text-indent-v20-1-0:0px;
344
- --magritte-typography-title-2-semibold-text-transform-v20-1-0:none;
345
- --magritte-typography-title-2-semibold-text-decoration-v20-1-0:none;
346
- --magritte-typography-title-3-semibold-font-family-v20-1-0:"Inter";
347
- --magritte-typography-title-3-semibold-font-weight-v20-1-0:600;
348
- --magritte-typography-title-3-semibold-line-height-v20-1-0:40px;
349
- --magritte-typography-title-3-semibold-font-size-v20-1-0:28px;
350
- --magritte-typography-title-3-semibold-letter-spacing-v20-1-0:-0.0125em;
351
- --magritte-typography-title-3-semibold-text-indent-v20-1-0:0px;
352
- --magritte-typography-title-3-semibold-text-transform-v20-1-0:none;
353
- --magritte-typography-title-3-semibold-text-decoration-v20-1-0:none;
354
- --magritte-typography-title-4-semibold-font-family-v20-1-0:"Inter";
355
- --magritte-typography-title-4-semibold-font-weight-v20-1-0:600;
356
- --magritte-typography-title-4-semibold-line-height-v20-1-0:32px;
357
- --magritte-typography-title-4-semibold-font-size-v20-1-0:22px;
358
- --magritte-typography-title-4-semibold-letter-spacing-v20-1-0:-0.0075em;
359
- --magritte-typography-title-4-semibold-text-indent-v20-1-0:0px;
360
- --magritte-typography-title-4-semibold-text-transform-v20-1-0:none;
361
- --magritte-typography-title-4-semibold-text-decoration-v20-1-0:none;
362
- --magritte-typography-title-5-semibold-font-family-v20-1-0:"Inter";
363
- --magritte-typography-title-5-semibold-font-weight-v20-1-0:600;
364
- --magritte-typography-title-5-semibold-line-height-v20-1-0:26px;
365
- --magritte-typography-title-5-semibold-font-size-v20-1-0:18px;
366
- --magritte-typography-title-5-semibold-letter-spacing-v20-1-0:0em;
367
- --magritte-typography-title-5-semibold-text-indent-v20-1-0:0px;
368
- --magritte-typography-title-5-semibold-text-transform-v20-1-0:none;
369
- --magritte-typography-title-5-semibold-text-decoration-v20-1-0:none;
370
- --magritte-typography-subtitle-1-semibold-font-family-v20-1-0:"Inter";
371
- --magritte-typography-subtitle-1-semibold-font-weight-v20-1-0:600;
372
- --magritte-typography-subtitle-1-semibold-line-height-v20-1-0:22px;
373
- --magritte-typography-subtitle-1-semibold-font-size-v20-1-0:16px;
374
- --magritte-typography-subtitle-1-semibold-letter-spacing-v20-1-0:0em;
375
- --magritte-typography-subtitle-1-semibold-text-indent-v20-1-0:0px;
376
- --magritte-typography-subtitle-1-semibold-text-transform-v20-1-0:none;
377
- --magritte-typography-subtitle-1-semibold-text-decoration-v20-1-0:none;
378
- --magritte-typography-subtitle-2-semibold-font-family-v20-1-0:"Inter";
379
- --magritte-typography-subtitle-2-semibold-font-weight-v20-1-0:600;
380
- --magritte-typography-subtitle-2-semibold-line-height-v20-1-0:20px;
381
- --magritte-typography-subtitle-2-semibold-font-size-v20-1-0:14px;
382
- --magritte-typography-subtitle-2-semibold-letter-spacing-v20-1-0:0.005em;
383
- --magritte-typography-subtitle-2-semibold-text-indent-v20-1-0:0px;
384
- --magritte-typography-subtitle-2-semibold-text-transform-v20-1-0:none;
385
- --magritte-typography-subtitle-2-semibold-text-decoration-v20-1-0:none;
386
- --magritte-typography-subtitle-3-semibold-font-family-v20-1-0:"Inter";
387
- --magritte-typography-subtitle-3-semibold-font-weight-v20-1-0:600;
388
- --magritte-typography-subtitle-3-semibold-line-height-v20-1-0:18px;
389
- --magritte-typography-subtitle-3-semibold-font-size-v20-1-0:12px;
390
- --magritte-typography-subtitle-3-semibold-letter-spacing-v20-1-0:0.01em;
391
- --magritte-typography-subtitle-3-semibold-text-indent-v20-1-0:0px;
392
- --magritte-typography-subtitle-3-semibold-text-transform-v20-1-0:none;
393
- --magritte-typography-subtitle-3-semibold-text-decoration-v20-1-0:none;
394
- --magritte-typography-subtitle-4-semibold-font-family-v20-1-0:"Inter";
395
- --magritte-typography-subtitle-4-semibold-font-weight-v20-1-0:600;
396
- --magritte-typography-subtitle-4-semibold-line-height-v20-1-0:16px;
397
- --magritte-typography-subtitle-4-semibold-font-size-v20-1-0:10px;
398
- --magritte-typography-subtitle-4-semibold-letter-spacing-v20-1-0:0.015em;
399
- --magritte-typography-subtitle-4-semibold-text-indent-v20-1-0:0px;
400
- --magritte-typography-subtitle-4-semibold-text-transform-v20-1-0:none;
401
- --magritte-typography-subtitle-4-semibold-text-decoration-v20-1-0:none;
402
- --magritte-typography-label-1-regular-font-family-v20-1-0:"Inter";
403
- --magritte-typography-label-1-regular-font-weight-v20-1-0:400;
404
- --magritte-typography-label-1-regular-line-height-v20-1-0:26px;
405
- --magritte-typography-label-1-regular-font-size-v20-1-0:18px;
406
- --magritte-typography-label-1-regular-letter-spacing-v20-1-0:-0.005em;
407
- --magritte-typography-label-1-regular-text-indent-v20-1-0:0px;
408
- --magritte-typography-label-1-regular-text-transform-v20-1-0:none;
409
- --magritte-typography-label-1-regular-text-decoration-v20-1-0:none;
410
- --magritte-typography-label-2-regular-font-family-v20-1-0:"Inter";
411
- --magritte-typography-label-2-regular-font-weight-v20-1-0:400;
412
- --magritte-typography-label-2-regular-line-height-v20-1-0:22px;
413
- --magritte-typography-label-2-regular-font-size-v20-1-0:16px;
414
- --magritte-typography-label-2-regular-letter-spacing-v20-1-0:0em;
415
- --magritte-typography-label-2-regular-text-indent-v20-1-0:0px;
416
- --magritte-typography-label-2-regular-text-transform-v20-1-0:none;
417
- --magritte-typography-label-2-regular-text-decoration-v20-1-0:none;
418
- --magritte-typography-label-3-regular-font-family-v20-1-0:"Inter";
419
- --magritte-typography-label-3-regular-font-weight-v20-1-0:400;
420
- --magritte-typography-label-3-regular-line-height-v20-1-0:20px;
421
- --magritte-typography-label-3-regular-font-size-v20-1-0:14px;
422
- --magritte-typography-label-3-regular-letter-spacing-v20-1-0:0.005em;
423
- --magritte-typography-label-3-regular-text-indent-v20-1-0:0px;
424
- --magritte-typography-label-3-regular-text-transform-v20-1-0:none;
425
- --magritte-typography-label-3-regular-text-decoration-v20-1-0:none;
426
- --magritte-typography-label-4-regular-font-family-v20-1-0:"Inter";
427
- --magritte-typography-label-4-regular-font-weight-v20-1-0:400;
428
- --magritte-typography-label-4-regular-line-height-v20-1-0:18px;
429
- --magritte-typography-label-4-regular-font-size-v20-1-0:12px;
430
- --magritte-typography-label-4-regular-letter-spacing-v20-1-0:0.01em;
431
- --magritte-typography-label-4-regular-text-indent-v20-1-0:0px;
432
- --magritte-typography-label-4-regular-text-transform-v20-1-0:none;
433
- --magritte-typography-label-4-regular-text-decoration-v20-1-0:none;
434
- --magritte-typography-label-5-regular-font-family-v20-1-0:"Inter";
435
- --magritte-typography-label-5-regular-font-weight-v20-1-0:400;
436
- --magritte-typography-label-5-regular-line-height-v20-1-0:14px;
437
- --magritte-typography-label-5-regular-font-size-v20-1-0:10px;
438
- --magritte-typography-label-5-regular-letter-spacing-v20-1-0:0.02em;
439
- --magritte-typography-label-5-regular-text-indent-v20-1-0:0px;
440
- --magritte-typography-label-5-regular-text-transform-v20-1-0:none;
441
- --magritte-typography-label-5-regular-text-decoration-v20-1-0:none;
442
- --magritte-typography-paragraph-1-regular-font-family-v20-1-0:"Inter";
443
- --magritte-typography-paragraph-1-regular-font-weight-v20-1-0:400;
444
- --magritte-typography-paragraph-1-regular-line-height-v20-1-0:28px;
445
- --magritte-typography-paragraph-1-regular-font-size-v20-1-0:18px;
446
- --magritte-typography-paragraph-1-regular-letter-spacing-v20-1-0:0em;
447
- --magritte-typography-paragraph-1-regular-text-indent-v20-1-0:0px;
448
- --magritte-typography-paragraph-1-regular-text-transform-v20-1-0:none;
449
- --magritte-typography-paragraph-1-regular-text-decoration-v20-1-0:none;
450
- --magritte-typography-paragraph-2-regular-font-family-v20-1-0:"Inter";
451
- --magritte-typography-paragraph-2-regular-font-weight-v20-1-0:400;
452
- --magritte-typography-paragraph-2-regular-line-height-v20-1-0:26px;
453
- --magritte-typography-paragraph-2-regular-font-size-v20-1-0:16px;
454
- --magritte-typography-paragraph-2-regular-letter-spacing-v20-1-0:0.005em;
455
- --magritte-typography-paragraph-2-regular-text-indent-v20-1-0:0px;
456
- --magritte-typography-paragraph-2-regular-text-transform-v20-1-0:none;
457
- --magritte-typography-paragraph-2-regular-text-decoration-v20-1-0:none;
458
- --magritte-typography-paragraph-3-regular-font-family-v20-1-0:"Inter";
459
- --magritte-typography-paragraph-3-regular-font-weight-v20-1-0:400;
460
- --magritte-typography-paragraph-3-regular-line-height-v20-1-0:24px;
461
- --magritte-typography-paragraph-3-regular-font-size-v20-1-0:14px;
462
- --magritte-typography-paragraph-3-regular-letter-spacing-v20-1-0:0.01em;
463
- --magritte-typography-paragraph-3-regular-text-indent-v20-1-0:0px;
464
- --magritte-typography-paragraph-3-regular-text-transform-v20-1-0:none;
465
- --magritte-typography-paragraph-3-regular-text-decoration-v20-1-0:none;
466
- --magritte-typography-paragraph-4-regular-font-family-v20-1-0:"Inter";
467
- --magritte-typography-paragraph-4-regular-font-weight-v20-1-0:400;
468
- --magritte-typography-paragraph-4-regular-line-height-v20-1-0:22px;
469
- --magritte-typography-paragraph-4-regular-font-size-v20-1-0:12px;
470
- --magritte-typography-paragraph-4-regular-letter-spacing-v20-1-0:0.015em;
471
- --magritte-typography-paragraph-4-regular-text-indent-v20-1-0:0px;
472
- --magritte-typography-paragraph-4-regular-text-transform-v20-1-0:none;
473
- --magritte-typography-paragraph-4-regular-text-decoration-v20-1-0:none;
474
- --magritte-typography-_custom-1-semibold-font-family-v20-1-0:"Inter";
475
- --magritte-typography-_custom-1-semibold-font-weight-v20-1-0:600;
476
- --magritte-typography-_custom-1-semibold-line-height-v20-1-0:28px;
477
- --magritte-typography-_custom-1-semibold-font-size-v20-1-0:18px;
478
- --magritte-typography-_custom-1-semibold-letter-spacing-v20-1-0:0em;
479
- --magritte-typography-_custom-1-semibold-text-indent-v20-1-0:0px;
480
- --magritte-typography-_custom-1-semibold-text-transform-v20-1-0:none;
481
- --magritte-typography-_custom-1-semibold-text-decoration-v20-1-0:none;
482
- --magritte-typography-_custom-2-semibold-font-family-v20-1-0:"Inter";
483
- --magritte-typography-_custom-2-semibold-font-weight-v20-1-0:600;
484
- --magritte-typography-_custom-2-semibold-line-height-v20-1-0:26px;
485
- --magritte-typography-_custom-2-semibold-font-size-v20-1-0:16px;
486
- --magritte-typography-_custom-2-semibold-letter-spacing-v20-1-0:0.005em;
487
- --magritte-typography-_custom-2-semibold-text-indent-v20-1-0:0px;
488
- --magritte-typography-_custom-2-semibold-text-transform-v20-1-0:none;
489
- --magritte-typography-_custom-2-semibold-text-decoration-v20-1-0:none;
490
- --magritte-typography-_custom-3-semibold-font-family-v20-1-0:"Inter";
491
- --magritte-typography-_custom-3-semibold-font-weight-v20-1-0:600;
492
- --magritte-typography-_custom-3-semibold-line-height-v20-1-0:24px;
493
- --magritte-typography-_custom-3-semibold-font-size-v20-1-0:14px;
494
- --magritte-typography-_custom-3-semibold-letter-spacing-v20-1-0:0.01em;
495
- --magritte-typography-_custom-3-semibold-text-indent-v20-1-0:0px;
496
- --magritte-typography-_custom-3-semibold-text-transform-v20-1-0:none;
497
- --magritte-typography-_custom-3-semibold-text-decoration-v20-1-0:none;
498
- --magritte-typography-_custom-4-semibold-font-family-v20-1-0:"Inter";
499
- --magritte-typography-_custom-4-semibold-font-weight-v20-1-0:400;
500
- --magritte-typography-_custom-4-semibold-line-height-v20-1-0:22px;
501
- --magritte-typography-_custom-4-semibold-font-size-v20-1-0:12px;
502
- --magritte-typography-_custom-4-semibold-letter-spacing-v20-1-0:0.015em;
503
- --magritte-typography-_custom-4-semibold-text-indent-v20-1-0:0px;
504
- --magritte-typography-_custom-4-semibold-text-transform-v20-1-0:none;
505
- --magritte-typography-_custom-4-semibold-text-decoration-v20-1-0:none;
506
- --magritte-typography-_custom-5-semibold-font-family-v20-1-0:"Inter";
507
- --magritte-typography-_custom-5-semibold-font-weight-v20-1-0:400;
508
- --magritte-typography-_custom-5-semibold-line-height-v20-1-0:12px;
509
- --magritte-typography-_custom-5-semibold-font-size-v20-1-0:10px;
510
- --magritte-typography-_custom-5-semibold-letter-spacing-v20-1-0:0.015em;
511
- --magritte-typography-_custom-5-semibold-text-indent-v20-1-0:0px;
512
- --magritte-typography-_custom-5-semibold-text-transform-v20-1-0:none;
513
- --magritte-typography-_custom-5-semibold-text-decoration-v20-1-0:none;
514
- --magritte-typography-_custom-1-medium-font-family-v20-1-0:"Inter";
515
- --magritte-typography-_custom-1-medium-font-weight-v20-1-0:undefined;
516
- --magritte-typography-_custom-1-medium-line-height-v20-1-0:28px;
517
- --magritte-typography-_custom-1-medium-font-size-v20-1-0:18px;
518
- --magritte-typography-_custom-1-medium-letter-spacing-v20-1-0:0em;
519
- --magritte-typography-_custom-1-medium-text-indent-v20-1-0:0px;
520
- --magritte-typography-_custom-1-medium-text-transform-v20-1-0:none;
521
- --magritte-typography-_custom-1-medium-text-decoration-v20-1-0:none;
522
- --magritte-typography-_custom-2-medium-font-family-v20-1-0:"Inter";
523
- --magritte-typography-_custom-2-medium-font-weight-v20-1-0:undefined;
524
- --magritte-typography-_custom-2-medium-line-height-v20-1-0:26px;
525
- --magritte-typography-_custom-2-medium-font-size-v20-1-0:16px;
526
- --magritte-typography-_custom-2-medium-letter-spacing-v20-1-0:0.005em;
527
- --magritte-typography-_custom-2-medium-text-indent-v20-1-0:0px;
528
- --magritte-typography-_custom-2-medium-text-transform-v20-1-0:none;
529
- --magritte-typography-_custom-2-medium-text-decoration-v20-1-0:none;
530
- --magritte-typography-_custom-3-medium-font-family-v20-1-0:"Inter";
531
- --magritte-typography-_custom-3-medium-font-weight-v20-1-0:undefined;
532
- --magritte-typography-_custom-3-medium-line-height-v20-1-0:24px;
533
- --magritte-typography-_custom-3-medium-font-size-v20-1-0:14px;
534
- --magritte-typography-_custom-3-medium-letter-spacing-v20-1-0:0.01em;
535
- --magritte-typography-_custom-3-medium-text-indent-v20-1-0:0px;
536
- --magritte-typography-_custom-3-medium-text-transform-v20-1-0:none;
537
- --magritte-typography-_custom-3-medium-text-decoration-v20-1-0:none;
538
- --magritte-typography-_custom-4-medium-font-family-v20-1-0:"Inter";
539
- --magritte-typography-_custom-4-medium-font-weight-v20-1-0:undefined;
540
- --magritte-typography-_custom-4-medium-line-height-v20-1-0:22px;
541
- --magritte-typography-_custom-4-medium-font-size-v20-1-0:12px;
542
- --magritte-typography-_custom-4-medium-letter-spacing-v20-1-0:0.015em;
543
- --magritte-typography-_custom-4-medium-text-indent-v20-1-0:0px;
544
- --magritte-typography-_custom-4-medium-text-transform-v20-1-0:none;
545
- --magritte-typography-_custom-4-medium-text-decoration-v20-1-0:none;
546
- --magritte-typography-_custom-5-medium-font-family-v20-1-0:"Inter";
547
- --magritte-typography-_custom-5-medium-font-weight-v20-1-0:undefined;
548
- --magritte-typography-_custom-5-medium-line-height-v20-1-0:12px;
549
- --magritte-typography-_custom-5-medium-font-size-v20-1-0:10px;
550
- --magritte-typography-_custom-5-medium-letter-spacing-v20-1-0:0.015em;
551
- --magritte-typography-_custom-5-medium-text-indent-v20-1-0:0px;
552
- --magritte-typography-_custom-5-medium-text-transform-v20-1-0:none;
553
- --magritte-typography-_custom-5-medium-text-decoration-v20-1-0:none;
554
- --magritte-typography-_custom-1-italic-font-family-v20-1-0:"Inter";
555
- --magritte-typography-_custom-1-italic-font-weight-v20-1-0:200;
556
- --magritte-typography-_custom-1-italic-line-height-v20-1-0:28px;
557
- --magritte-typography-_custom-1-italic-font-size-v20-1-0:18px;
558
- --magritte-typography-_custom-1-italic-letter-spacing-v20-1-0:0em;
559
- --magritte-typography-_custom-1-italic-text-indent-v20-1-0:0px;
560
- --magritte-typography-_custom-1-italic-text-transform-v20-1-0:none;
561
- --magritte-typography-_custom-1-italic-text-decoration-v20-1-0:none;
562
- --magritte-typography-_custom-2-italic-font-family-v20-1-0:"Inter";
563
- --magritte-typography-_custom-2-italic-font-weight-v20-1-0:200;
564
- --magritte-typography-_custom-2-italic-line-height-v20-1-0:26px;
565
- --magritte-typography-_custom-2-italic-font-size-v20-1-0:16px;
566
- --magritte-typography-_custom-2-italic-letter-spacing-v20-1-0:0.005em;
567
- --magritte-typography-_custom-2-italic-text-indent-v20-1-0:0px;
568
- --magritte-typography-_custom-2-italic-text-transform-v20-1-0:none;
569
- --magritte-typography-_custom-2-italic-text-decoration-v20-1-0:none;
570
- --magritte-typography-_custom-3-italic-font-family-v20-1-0:"Inter";
571
- --magritte-typography-_custom-3-italic-font-weight-v20-1-0:200;
572
- --magritte-typography-_custom-3-italic-line-height-v20-1-0:24px;
573
- --magritte-typography-_custom-3-italic-font-size-v20-1-0:14px;
574
- --magritte-typography-_custom-3-italic-letter-spacing-v20-1-0:0.01em;
575
- --magritte-typography-_custom-3-italic-text-indent-v20-1-0:0px;
576
- --magritte-typography-_custom-3-italic-text-transform-v20-1-0:none;
577
- --magritte-typography-_custom-3-italic-text-decoration-v20-1-0:none;
578
- --magritte-typography-_custom-4-italic-font-family-v20-1-0:"Inter";
579
- --magritte-typography-_custom-4-italic-font-weight-v20-1-0:200;
580
- --magritte-typography-_custom-4-italic-line-height-v20-1-0:22px;
581
- --magritte-typography-_custom-4-italic-font-size-v20-1-0:12px;
582
- --magritte-typography-_custom-4-italic-letter-spacing-v20-1-0:0.015em;
583
- --magritte-typography-_custom-4-italic-text-indent-v20-1-0:0px;
584
- --magritte-typography-_custom-4-italic-text-transform-v20-1-0:none;
585
- --magritte-typography-_custom-4-italic-text-decoration-v20-1-0:none;
586
- --magritte-typography-_custom-5-italic-font-family-v20-1-0:"Inter";
587
- --magritte-typography-_custom-5-italic-font-weight-v20-1-0:200;
588
- --magritte-typography-_custom-5-italic-line-height-v20-1-0:12px;
589
- --magritte-typography-_custom-5-italic-font-size-v20-1-0:10px;
590
- --magritte-typography-_custom-5-italic-letter-spacing-v20-1-0:0.015em;
591
- --magritte-typography-_custom-5-italic-text-indent-v20-1-0:0px;
592
- --magritte-typography-_custom-5-italic-text-transform-v20-1-0:none;
593
- --magritte-typography-_custom-5-italic-text-decoration-v20-1-0:none;
594
- }
595
- .magritte-root___-zVdz_3-2-17{
48
+ --magritte-color-component-input-stroke-state-field-hovered-v21-0-0:#3B3B3B;
49
+ --magritte-color-component-input-stroke-state-field-focused-v21-0-0:#0070ff;
50
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v21-0-0:#0070ff7a;
51
+ --magritte-color-component-input-stroke-state-field-invalid-v21-0-0:#ff4d3a;
52
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v21-0-0:#ff4d3a7a;
53
+ --magritte-color-component-input-stroke-state-field-disabled-v21-0-0:#111;
54
+ --magritte-color-component-input-background-field-v21-0-0:#1B1B1B;
55
+ --magritte-color-component-input-background-state-field-hovered-v21-0-0:#1B1B1B;
56
+ --magritte-color-component-input-background-state-field-focused-v21-0-0:#1B1B1B;
57
+ --magritte-color-component-input-background-state-field-invalid-v21-0-0:#1B1B1B;
58
+ --magritte-color-component-input-background-state-field-disabled-v21-0-0:#111;
59
+ --magritte-color-component-input-stroke-field-v21-0-0:#303030;
60
+ --magritte-color-component-input-text-placeholder-v21-0-0:#535353;
61
+ --magritte-color-component-input-text-state-placeholder-disabled-v21-0-0:#474747;
62
+ --magritte-color-component-input-text-state-placeholder-hovered-v21-0-0:#5E5E5E;
63
+ --magritte-color-component-input-text-state-placeholder-focused-v21-0-0:#535353;
64
+ --magritte-color-component-input-text-state-placeholder-invalid-v21-0-0:#535353;
65
+ --magritte-color-component-input-icon-state-chevron-disabled-v21-0-0:#474747;
66
+ --magritte-color-component-input-icon-state-chevron-hovered-v21-0-0:#848484;
67
+ --magritte-color-component-input-icon-state-chevron-focused-v21-0-0:#ffffff;
68
+ --magritte-color-component-input-icon-state-chevron-invalid-v21-0-0:#474747;
69
+ --magritte-color-component-input-icon-chevron-v21-0-0:#5E5E5E;
70
+ --magritte-color-component-input-chips-background-state-neutral-disable-v21-0-0:#1B1B1B;
71
+ --magritte-color-component-input-chips-text-state-neutral-disable-v21-0-0:#474747;
72
+ }
73
+ .magritte-root___-zVdz_3-2-18{
596
74
  display:inline-flex;
597
75
  position:relative;
598
76
  width:100%;
@@ -601,159 +79,159 @@
601
79
  white-space:nowrap;
602
80
  appearance:none;
603
81
  overflow-y:auto;
604
- background-color:var(--magritte-color-component-input-background-field-v20-1-0);
605
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v20-1-0);
606
- border-radius:var(--magritte-core-border-radius-3-x-v20-1-0);
607
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-chevron-v20-1-0);
82
+ background-color:var(--magritte-color-component-input-background-field-v21-0-0);
83
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v21-0-0);
84
+ border-radius:var(--magritte-core-border-radius-3-x-v21-0-0);
85
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-chevron-v21-0-0);
608
86
  }
609
87
  @media (min-width: 1020px){
610
- body.magritte-old-layout .magritte-root___-zVdz_3-2-17:not(.magritte-focused___0Uzyu_3-2-17):not(.magritte-invalid___tVzQV_3-2-17):not(.magritte-disabled___UeqcV_3-2-17):hover{
611
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v20-1-0);
612
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v20-1-0);
613
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v20-1-0);
88
+ body.magritte-old-layout .magritte-root___-zVdz_3-2-18:not(.magritte-focused___0Uzyu_3-2-18):not(.magritte-invalid___tVzQV_3-2-18):not(.magritte-disabled___UeqcV_3-2-18):hover{
89
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-0-0);
90
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v21-0-0);
91
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v21-0-0);
614
92
  }
615
- body.magritte-old-layout .magritte-root___-zVdz_3-2-17:not(.magritte-focused___0Uzyu_3-2-17):not(.magritte-invalid___tVzQV_3-2-17):not(.magritte-disabled___UeqcV_3-2-17):hover .magritte-label___j7Trt_3-2-17{
616
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v20-1-0);
93
+ body.magritte-old-layout .magritte-root___-zVdz_3-2-18:not(.magritte-focused___0Uzyu_3-2-18):not(.magritte-invalid___tVzQV_3-2-18):not(.magritte-disabled___UeqcV_3-2-18):hover .magritte-label___j7Trt_3-2-18{
94
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v21-0-0);
617
95
  }
618
96
  }
619
97
  @media (min-width: 1024px){
620
- body:not(.magritte-old-layout) .magritte-root___-zVdz_3-2-17:not(.magritte-focused___0Uzyu_3-2-17):not(.magritte-invalid___tVzQV_3-2-17):not(.magritte-disabled___UeqcV_3-2-17):hover{
621
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v20-1-0);
622
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v20-1-0);
623
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v20-1-0);
98
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_3-2-18:not(.magritte-focused___0Uzyu_3-2-18):not(.magritte-invalid___tVzQV_3-2-18):not(.magritte-disabled___UeqcV_3-2-18):hover{
99
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-0-0);
100
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v21-0-0);
101
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v21-0-0);
624
102
  }
625
- body:not(.magritte-old-layout) .magritte-root___-zVdz_3-2-17:not(.magritte-focused___0Uzyu_3-2-17):not(.magritte-invalid___tVzQV_3-2-17):not(.magritte-disabled___UeqcV_3-2-17):hover .magritte-label___j7Trt_3-2-17{
626
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v20-1-0);
103
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_3-2-18:not(.magritte-focused___0Uzyu_3-2-18):not(.magritte-invalid___tVzQV_3-2-18):not(.magritte-disabled___UeqcV_3-2-18):hover .magritte-label___j7Trt_3-2-18{
104
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v21-0-0);
627
105
  }
628
106
  }
629
- .magritte-root___-zVdz_3-2-17:not(.magritte-disabled___UeqcV_3-2-17){
107
+ .magritte-root___-zVdz_3-2-18:not(.magritte-disabled___UeqcV_3-2-18){
630
108
  cursor:text;
631
109
  }
632
- .magritte-root___-zVdz_3-2-17.magritte-focused___0Uzyu_3-2-17{
633
- background-color:var(--magritte-color-component-input-background-state-field-focused-v20-1-0);
634
- box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v20-1-0);
635
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v20-1-0);
110
+ .magritte-root___-zVdz_3-2-18.magritte-focused___0Uzyu_3-2-18{
111
+ background-color:var(--magritte-color-component-input-background-state-field-focused-v21-0-0);
112
+ box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v21-0-0);
113
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v21-0-0);
636
114
  }
637
- .magritte-root___-zVdz_3-2-17.magritte-focused___0Uzyu_3-2-17 .magritte-label___j7Trt_3-2-17{
638
- color:var(--magritte-color-component-input-text-state-placeholder-focused-v20-1-0);
115
+ .magritte-root___-zVdz_3-2-18.magritte-focused___0Uzyu_3-2-18 .magritte-label___j7Trt_3-2-18{
116
+ color:var(--magritte-color-component-input-text-state-placeholder-focused-v21-0-0);
639
117
  }
640
- .magritte-root___-zVdz_3-2-17.magritte-invalid___tVzQV_3-2-17{
641
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v20-1-0);
642
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v20-1-0);
643
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-invalid-v20-1-0);
118
+ .magritte-root___-zVdz_3-2-18.magritte-invalid___tVzQV_3-2-18{
119
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-0-0);
120
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v21-0-0);
121
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-invalid-v21-0-0);
644
122
  }
645
- .magritte-root___-zVdz_3-2-17.magritte-invalid___tVzQV_3-2-17 .magritte-label___j7Trt_3-2-17{
646
- color:var(--magritte-color-component-input-text-state-placeholder-invalid-v20-1-0);
123
+ .magritte-root___-zVdz_3-2-18.magritte-invalid___tVzQV_3-2-18 .magritte-label___j7Trt_3-2-18{
124
+ color:var(--magritte-color-component-input-text-state-placeholder-invalid-v21-0-0);
647
125
  }
648
- .magritte-root___-zVdz_3-2-17.magritte-disabled___UeqcV_3-2-17{
649
- background-color:var(--magritte-color-component-input-background-state-field-disabled-v20-1-0);
650
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v20-1-0);
651
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-disabled-v20-1-0);
652
- --magritte-ui-chip-text-color-override:var(--magritte-color-component-input-chips-text-state-neutral-disable-v20-1-0);
653
- --magritte-ui-chip-background-color-override:var(--magritte-color-component-input-chips-background-state-neutral-disable-v20-1-0);
126
+ .magritte-root___-zVdz_3-2-18.magritte-disabled___UeqcV_3-2-18{
127
+ background-color:var(--magritte-color-component-input-background-state-field-disabled-v21-0-0);
128
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v21-0-0);
129
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-disabled-v21-0-0);
130
+ --magritte-ui-chip-text-color-override:var(--magritte-color-component-input-chips-text-state-neutral-disable-v21-0-0);
131
+ --magritte-ui-chip-background-color-override:var(--magritte-color-component-input-chips-background-state-neutral-disable-v21-0-0);
654
132
  }
655
- .magritte-root___-zVdz_3-2-17.magritte-disabled___UeqcV_3-2-17 .magritte-label___j7Trt_3-2-17{
656
- color:var(--magritte-color-component-input-text-state-placeholder-disabled-v20-1-0);
133
+ .magritte-root___-zVdz_3-2-18.magritte-disabled___UeqcV_3-2-18 .magritte-label___j7Trt_3-2-18{
134
+ color:var(--magritte-color-component-input-text-state-placeholder-disabled-v21-0-0);
657
135
  }
658
- .magritte-root___-zVdz_3-2-17.magritte-focus-visible___ifvAP_3-2-17{
659
- outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v20-1-0) solid 4px;
136
+ .magritte-root___-zVdz_3-2-18.magritte-focus-visible___ifvAP_3-2-18{
137
+ outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v21-0-0) solid 4px;
660
138
  }
661
- .magritte-root___-zVdz_3-2-17.magritte-focus-visible___ifvAP_3-2-17.magritte-invalid___tVzQV_3-2-17{
662
- outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v20-1-0);
139
+ .magritte-root___-zVdz_3-2-18.magritte-focus-visible___ifvAP_3-2-18.magritte-invalid___tVzQV_3-2-18{
140
+ outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v21-0-0);
663
141
  }
664
- .magritte-large___JIrIy_3-2-17{
665
- padding-left:var(--magritte-static-space-300-v20-1-0);
666
- padding-top:var(--magritte-static-space-300-v20-1-0);
667
- padding-bottom:var(--magritte-static-space-300-v20-1-0);
668
- padding-right:var(--magritte-static-space-50-v20-1-0);
142
+ .magritte-large___JIrIy_3-2-18{
143
+ padding-left:var(--magritte-static-space-300-v21-0-0);
144
+ padding-top:var(--magritte-static-space-300-v21-0-0);
145
+ padding-bottom:var(--magritte-static-space-300-v21-0-0);
146
+ padding-right:var(--magritte-static-space-50-v21-0-0);
669
147
  }
670
- .magritte-large___JIrIy_3-2-17 .magritte-field___rlEmn_3-2-17{
671
- margin-left:var(--magritte-static-space-100-v20-1-0);
148
+ .magritte-large___JIrIy_3-2-18 .magritte-field___rlEmn_3-2-18{
149
+ margin-left:var(--magritte-static-space-100-v21-0-0);
672
150
  }
673
- .magritte-large___JIrIy_3-2-17 .magritte-icon___fDMiz_3-2-17{
674
- top:var(--magritte-static-space-300-v20-1-0);
675
- right:var(--magritte-static-space-400-v20-1-0);
151
+ .magritte-large___JIrIy_3-2-18 .magritte-icon___fDMiz_3-2-18{
152
+ top:var(--magritte-static-space-300-v21-0-0);
153
+ right:var(--magritte-static-space-400-v21-0-0);
676
154
  }
677
- .magritte-large___JIrIy_3-2-17 .magritte-scrollable-area___-xMF2_3-2-17{
678
- padding-right:calc(24px + var(--magritte-static-space-250-v20-1-0) + var(--magritte-static-space-300-v20-1-0));
155
+ .magritte-large___JIrIy_3-2-18 .magritte-scrollable-area___-xMF2_3-2-18{
156
+ padding-right:calc(24px + var(--magritte-static-space-250-v21-0-0) + var(--magritte-static-space-300-v21-0-0));
679
157
  }
680
- .magritte-medium___Xk-XB_3-2-17{
681
- padding-left:var(--magritte-static-space-200-v20-1-0);
682
- padding-top:var(--magritte-static-space-200-v20-1-0);
683
- padding-bottom:var(--magritte-static-space-200-v20-1-0);
684
- padding-right:var(--magritte-static-space-50-v20-1-0);
158
+ .magritte-medium___Xk-XB_3-2-18{
159
+ padding-left:var(--magritte-static-space-200-v21-0-0);
160
+ padding-top:var(--magritte-static-space-200-v21-0-0);
161
+ padding-bottom:var(--magritte-static-space-200-v21-0-0);
162
+ padding-right:var(--magritte-static-space-50-v21-0-0);
685
163
  }
686
- .magritte-medium___Xk-XB_3-2-17 .magritte-field___rlEmn_3-2-17{
687
- margin-left:var(--magritte-static-space-100-v20-1-0);
164
+ .magritte-medium___Xk-XB_3-2-18 .magritte-field___rlEmn_3-2-18{
165
+ margin-left:var(--magritte-static-space-100-v21-0-0);
688
166
  }
689
- .magritte-medium___Xk-XB_3-2-17 .magritte-icon___fDMiz_3-2-17{
690
- top:var(--magritte-static-space-200-v20-1-0);
691
- right:var(--magritte-static-space-300-v20-1-0);
167
+ .magritte-medium___Xk-XB_3-2-18 .magritte-icon___fDMiz_3-2-18{
168
+ top:var(--magritte-static-space-200-v21-0-0);
169
+ right:var(--magritte-static-space-300-v21-0-0);
692
170
  }
693
- .magritte-medium___Xk-XB_3-2-17 .magritte-scrollable-area___-xMF2_3-2-17{
694
- padding-right:calc(24px + var(--magritte-static-space-150-v20-1-0) + var(--magritte-static-space-300-v20-1-0));
171
+ .magritte-medium___Xk-XB_3-2-18 .magritte-scrollable-area___-xMF2_3-2-18{
172
+ padding-right:calc(24px + var(--magritte-static-space-150-v21-0-0) + var(--magritte-static-space-300-v21-0-0));
695
173
  }
696
- .magritte-scrollable-area___-xMF2_3-2-17{
174
+ .magritte-scrollable-area___-xMF2_3-2-18{
697
175
  display:flex;
698
176
  align-items:flex-start;
699
177
  overflow-y:auto;
700
178
  width:100%;
701
179
  }
702
- .magritte-chips-and-input___qg-Ba_3-2-17{
180
+ .magritte-chips-and-input___qg-Ba_3-2-18{
703
181
  display:flex;
704
182
  gap:6px;
705
183
  flex-wrap:wrap;
706
184
  align-items:center;
707
185
  width:100%;
708
186
  }
709
- .magritte-field___rlEmn_3-2-17{
187
+ .magritte-field___rlEmn_3-2-18{
710
188
  display:flex;
711
189
  align-items:center;
712
190
  position:relative;
713
191
  flex-grow:1;
714
192
  height:32px;
715
193
  width:50px;
716
- font-family:var(--magritte-typography-label-2-regular-font-family-v20-1-0);
717
- font-weight:var(--magritte-typography-label-2-regular-font-weight-v20-1-0);
718
- line-height:var(--magritte-typography-label-2-regular-line-height-v20-1-0);
719
- font-size:var(--magritte-typography-label-2-regular-font-size-v20-1-0);
720
- letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v20-1-0);
721
- text-indent:var(--magritte-typography-label-2-regular-text-indent-v20-1-0);
722
- text-transform:var(--magritte-typography-label-2-regular-text-transform-v20-1-0);
723
- text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v20-1-0);
724
- }
725
- .magritte-field-input___04Cag_3-2-17{
194
+ font-family:var(--magritte-typography-label-2-regular-font-family-v21-0-0);
195
+ font-weight:var(--magritte-typography-label-2-regular-font-weight-v21-0-0);
196
+ line-height:var(--magritte-typography-label-2-regular-line-height-v21-0-0);
197
+ font-size:var(--magritte-typography-label-2-regular-font-size-v21-0-0);
198
+ letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v21-0-0);
199
+ text-indent:var(--magritte-typography-label-2-regular-text-indent-v21-0-0);
200
+ text-transform:var(--magritte-typography-label-2-regular-text-transform-v21-0-0);
201
+ text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v21-0-0);
202
+ }
203
+ .magritte-field-input___04Cag_3-2-18{
726
204
  border:0;
727
205
  padding:0;
728
206
  background:none;
729
207
  outline:none;
730
208
  width:100%;
731
209
  }
732
- .magritte-label-wrapper___De7Bm_3-2-17{
210
+ .magritte-label-wrapper___De7Bm_3-2-18{
733
211
  display:flex;
734
212
  align-items:center;
735
213
  position:absolute;
736
214
  height:100%;
737
215
  inset:0;
738
216
  }
739
- .magritte-label___j7Trt_3-2-17{
740
- color:var(--magritte-color-component-input-text-placeholder-v20-1-0);
217
+ .magritte-label___j7Trt_3-2-18{
218
+ color:var(--magritte-color-component-input-text-placeholder-v21-0-0);
741
219
  overflow:hidden;
742
220
  text-overflow:ellipsis;
743
221
  }
744
- .magritte-icon___fDMiz_3-2-17{
222
+ .magritte-icon___fDMiz_3-2-18{
745
223
  display:inline-flex;
746
224
  margin-left:auto;
747
- padding:var(--magritte-static-space-100-v20-1-0) 0;
225
+ padding:var(--magritte-static-space-100-v21-0-0) 0;
748
226
  position:absolute;
749
227
  transition-property:transform;
750
- transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v20-1-0);
751
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v20-1-0);
228
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v21-0-0);
229
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v21-0-0);
752
230
  }
753
- .magritte-icon_expanded___RaOT-_3-2-17{
231
+ .magritte-icon_expanded___RaOT-_3-2-18{
754
232
  transform:rotate(-180deg);
755
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v20-1-0);
233
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v21-0-0);
756
234
  }
757
- .magritte-custom-chip-wrapper___a9kJ6_3-2-17{
235
+ .magritte-custom-chip-wrapper___a9kJ6_3-2-18{
758
236
  display:inline-flex;
759
237
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-chips-trigger",
3
- "version": "3.2.17",
3
+ "version": "3.2.18",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -30,12 +30,12 @@
30
30
  "@hh.ru/magritte-common-keyboard": "4.0.3",
31
31
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.5",
32
32
  "@hh.ru/magritte-ui-breakpoint": "5.0.0",
33
- "@hh.ru/magritte-ui-chips": "5.3.4",
34
- "@hh.ru/magritte-ui-form-helper": "1.0.20",
35
- "@hh.ru/magritte-ui-icon": "7.9.10",
36
- "@hh.ru/magritte-ui-input": "7.1.4",
33
+ "@hh.ru/magritte-ui-chips": "5.3.5",
34
+ "@hh.ru/magritte-ui-form-helper": "1.0.21",
35
+ "@hh.ru/magritte-ui-icon": "7.9.11",
36
+ "@hh.ru/magritte-ui-input": "7.1.5",
37
37
  "@hh.ru/magritte-ui-mock-component": "1.0.12",
38
- "@hh.ru/magritte-ui-theme-provider": "1.1.35"
38
+ "@hh.ru/magritte-ui-theme-provider": "1.1.36"
39
39
  },
40
- "gitHead": "2e6dfd27c2b7fce86b6d3662ff7737e5528ea135"
40
+ "gitHead": "d969104667bac3470d222588ac719c4fc9cd06d6"
41
41
  }