@hh.ru/magritte-ui-chips-trigger 3.2.5 → 3.2.7

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