@hh.ru/magritte-ui-input 9.0.4 → 9.0.6

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 (10) hide show
  1. package/BaseInput.js +1 -1
  2. package/DateTimeInput.js +1 -1
  3. package/UncontrolledDateTimeInput.js +1 -1
  4. package/index.css +399 -396
  5. package/{index.esm-j6MQfagZ.js → index.esm-CjvWTjOw.js} +1 -1
  6. package/{index.esm-j6MQfagZ.js.map → index.esm-CjvWTjOw.js.map} +1 -1
  7. package/index.js +1 -1
  8. package/maskito-exports.js +1 -1
  9. package/package.json +6 -6
  10. package/useDateTimeMask.js +1 -1
package/index.css CHANGED
@@ -1,433 +1,436 @@
1
1
  :root{
2
- --magritte-color-text-primary-v22-1-0:#000000;
3
- --magritte-color-component-input-stroke-state-field-hovered-v22-1-0:#CCD5DF;
4
- --magritte-color-component-input-stroke-state-field-focused-v22-1-0:#0070ff;
5
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v22-1-0:#0070ff7a;
6
- --magritte-color-component-input-stroke-state-field-invalid-v22-1-0:#ff4d3a;
7
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v22-1-0:#ff4d3a7a;
8
- --magritte-color-component-input-stroke-state-field-disabled-v22-1-0:#EEF1F7;
9
- --magritte-color-component-input-background-field-v22-1-0:#ffffff;
10
- --magritte-color-component-input-background-state-field-hovered-v22-1-0:#ffffff;
11
- --magritte-color-component-input-background-state-field-focused-v22-1-0:#ffffff;
12
- --magritte-color-component-input-background-state-field-invalid-v22-1-0:#ffffff;
13
- --magritte-color-component-input-background-state-field-disabled-v22-1-0:#F4F6FB;
14
- --magritte-color-component-input-stroke-field-v22-1-0:#DCE3EB;
15
- --magritte-color-component-input-text-state-content-disabled-v22-1-0:#AABBCA;
16
- --magritte-color-component-input-text-state-label-disabled-v22-1-0:#AABBCA;
17
- --magritte-color-component-input-text-state-placeholder-disabled-v22-1-0:#AABBCA;
18
- --magritte-color-component-input-text-state-description-disabled-v22-1-0:#AABBCA;
19
- --magritte-color-component-input-text-state-content-hovered-v22-1-0:#000000;
20
- --magritte-color-component-input-text-state-content-focused-v22-1-0:#000000;
21
- --magritte-color-component-input-text-state-content-invalid-v22-1-0:#000000;
22
- --magritte-color-component-input-text-state-label-hovered-v22-1-0:#768694;
23
- --magritte-color-component-input-text-state-label-focused-v22-1-0:#768694;
24
- --magritte-color-component-input-text-state-label-invalid-v22-1-0:#768694;
25
- --magritte-color-component-input-text-state-placeholder-hovered-v22-1-0:#768694;
26
- --magritte-color-component-input-text-state-placeholder-focused-v22-1-0:#AABBCA;
27
- --magritte-color-component-input-text-state-placeholder-invalid-v22-1-0:#AABBCA;
28
- --magritte-color-component-input-text-state-description-hovered-v22-1-0:#768694;
29
- --magritte-color-component-input-text-state-description-focused-v22-1-0:#768694;
30
- --magritte-color-component-input-text-state-description-invalid-v22-1-0:#ff4d3a;
31
- --magritte-color-component-input-counter-background-content-v22-1-0:#EEF1F7;
32
- --magritte-color-component-input-counter-background-state-content-disabled-v22-1-0:#CCD5DF;
33
- --magritte-color-component-input-counter-text-state-content-disabled-v22-1-0:#96aabb;
34
- --magritte-color-component-input-counter-text-content-v22-1-0:#8293a2;
35
- --magritte-color-component-input-icon-content-v22-1-0:#6a7885;
36
- --magritte-color-component-input-icon-state-content-hovered-v22-1-0:#6a7885;
37
- --magritte-color-component-input-icon-state-content-focused-v22-1-0:#000000;
38
- --magritte-color-component-input-icon-state-content-invalid-v22-1-0:#6a7885;
39
- --magritte-color-component-input-icon-state-content-disabled-v22-1-0:#AABBCA;
40
- --magritte-color-component-input-text-content-v22-1-0:#000000;
41
- --magritte-color-component-input-text-label-v22-1-0:#768694;
42
- --magritte-color-component-input-text-placeholder-v22-1-0:#AABBCA;
43
- --magritte-color-component-input-text-description-v22-1-0:#768694;
44
- }
2
+ --magritte-color-text-primary-v23-0-0:#000000;
3
+ --magritte-color-component-input-stroke-state-field-hovered-v23-0-0:#CCD5DF;
4
+ --magritte-color-component-input-stroke-state-field-focused-v23-0-0:#0070ff;
5
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v23-0-0:#0070ff7a;
6
+ --magritte-color-component-input-stroke-state-field-invalid-v23-0-0:#ff4d3a;
7
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-0-0:#ff4d3a7a;
8
+ --magritte-color-component-input-stroke-state-field-disabled-v23-0-0:#EEF1F7;
9
+ --magritte-color-component-input-background-field-v23-0-0:#ffffff;
10
+ --magritte-color-component-input-background-state-field-hovered-v23-0-0:#ffffff;
11
+ --magritte-color-component-input-background-state-field-focused-v23-0-0:#ffffff;
12
+ --magritte-color-component-input-background-state-field-invalid-v23-0-0:#ffffff;
13
+ --magritte-color-component-input-background-state-field-disabled-v23-0-0:#F4F6FB;
14
+ --magritte-color-component-input-stroke-field-v23-0-0:#DCE3EB;
15
+ --magritte-color-component-input-text-state-content-disabled-v23-0-0:#AABBCA;
16
+ --magritte-color-component-input-text-state-label-disabled-v23-0-0:#AABBCA;
17
+ --magritte-color-component-input-text-state-placeholder-disabled-v23-0-0:#AABBCA;
18
+ --magritte-color-component-input-text-state-description-disabled-v23-0-0:#AABBCA;
19
+ --magritte-color-component-input-text-state-content-hovered-v23-0-0:#000000;
20
+ --magritte-color-component-input-text-state-content-focused-v23-0-0:#000000;
21
+ --magritte-color-component-input-text-state-content-invalid-v23-0-0:#000000;
22
+ --magritte-color-component-input-text-state-label-hovered-v23-0-0:#768694;
23
+ --magritte-color-component-input-text-state-label-focused-v23-0-0:#768694;
24
+ --magritte-color-component-input-text-state-label-invalid-v23-0-0:#768694;
25
+ --magritte-color-component-input-text-state-placeholder-hovered-v23-0-0:#768694;
26
+ --magritte-color-component-input-text-state-placeholder-focused-v23-0-0:#AABBCA;
27
+ --magritte-color-component-input-text-state-placeholder-invalid-v23-0-0:#AABBCA;
28
+ --magritte-color-component-input-text-state-description-hovered-v23-0-0:#768694;
29
+ --magritte-color-component-input-text-state-description-focused-v23-0-0:#768694;
30
+ --magritte-color-component-input-text-state-description-invalid-v23-0-0:#ff4d3a;
31
+ --magritte-color-component-input-counter-background-content-v23-0-0:#EEF1F7;
32
+ --magritte-color-component-input-counter-background-state-content-disabled-v23-0-0:#CCD5DF;
33
+ --magritte-color-component-input-counter-text-state-content-disabled-v23-0-0:#96aabb;
34
+ --magritte-color-component-input-counter-text-content-v23-0-0:#8293a2;
35
+ --magritte-color-component-input-icon-content-v23-0-0:#6a7885;
36
+ --magritte-color-component-input-icon-state-content-hovered-v23-0-0:#6a7885;
37
+ --magritte-color-component-input-icon-state-content-focused-v23-0-0:#000000;
38
+ --magritte-color-component-input-icon-state-content-invalid-v23-0-0:#6a7885;
39
+ --magritte-color-component-input-icon-state-content-disabled-v23-0-0:#AABBCA;
40
+ --magritte-color-component-input-text-content-v23-0-0:#000000;
41
+ --magritte-color-component-input-text-label-v23-0-0:#768694;
42
+ --magritte-color-component-input-text-placeholder-v23-0-0:#AABBCA;
43
+ --magritte-color-component-input-text-description-v23-0-0:#768694;
44
+ }
45
+
45
46
  :root{
46
- --magritte-typography-label-2-regular-font-family-v22-1-0:"hh sans";
47
- --magritte-typography-label-2-regular-font-weight-v22-1-0:400;
48
- --magritte-typography-label-2-regular-line-height-v22-1-0:22px;
49
- --magritte-typography-label-2-regular-font-size-v22-1-0:16px;
50
- --magritte-typography-label-2-regular-letter-spacing-v22-1-0:0em;
51
- --magritte-typography-label-2-regular-text-indent-v22-1-0:0px;
52
- --magritte-typography-label-2-regular-text-transform-v22-1-0:none;
53
- --magritte-typography-label-2-regular-text-decoration-v22-1-0:none;
54
- --magritte-typography-label-3-regular-font-family-v22-1-0:"hh sans";
55
- --magritte-typography-label-3-regular-font-weight-v22-1-0:400;
56
- --magritte-typography-label-3-regular-line-height-v22-1-0:20px;
57
- --magritte-typography-label-3-regular-font-size-v22-1-0:14px;
58
- --magritte-typography-label-3-regular-letter-spacing-v22-1-0:0.005em;
59
- --magritte-typography-label-3-regular-text-indent-v22-1-0:0px;
60
- --magritte-typography-label-3-regular-text-transform-v22-1-0:none;
61
- --magritte-typography-label-3-regular-text-decoration-v22-1-0:none;
62
- --magritte-typography-label-4-regular-font-family-v22-1-0:"hh sans";
63
- --magritte-typography-label-4-regular-font-weight-v22-1-0:400;
64
- --magritte-typography-label-4-regular-line-height-v22-1-0:18px;
65
- --magritte-typography-label-4-regular-font-size-v22-1-0:12px;
66
- --magritte-typography-label-4-regular-letter-spacing-v22-1-0:0.01em;
67
- --magritte-typography-label-4-regular-text-indent-v22-1-0:0px;
68
- --magritte-typography-label-4-regular-text-transform-v22-1-0:none;
69
- --magritte-typography-label-4-regular-text-decoration-v22-1-0:none;
70
- --magritte-color-base-blue-95-v22-1-0:#e7f2ff;
71
- --magritte-semantic-animation-ease-in-out-100-timing-function-v22-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
72
- --magritte-semantic-animation-ease-in-out-100-duration-v22-1-0:100ms;
73
- --magritte-semantic-animation-ease-in-out-200-duration-v22-1-0:200ms;
74
- }
47
+ --magritte-typography-label-2-regular-font-family-v23-0-0:"hh sans";
48
+ --magritte-typography-label-2-regular-font-weight-v23-0-0:400;
49
+ --magritte-typography-label-2-regular-line-height-v23-0-0:22px;
50
+ --magritte-typography-label-2-regular-font-size-v23-0-0:16px;
51
+ --magritte-typography-label-2-regular-letter-spacing-v23-0-0:0em;
52
+ --magritte-typography-label-2-regular-text-indent-v23-0-0:0px;
53
+ --magritte-typography-label-2-regular-text-transform-v23-0-0:none;
54
+ --magritte-typography-label-2-regular-text-decoration-v23-0-0:none;
55
+ --magritte-typography-label-3-regular-font-family-v23-0-0:"hh sans";
56
+ --magritte-typography-label-3-regular-font-weight-v23-0-0:400;
57
+ --magritte-typography-label-3-regular-line-height-v23-0-0:20px;
58
+ --magritte-typography-label-3-regular-font-size-v23-0-0:14px;
59
+ --magritte-typography-label-3-regular-letter-spacing-v23-0-0:0.005em;
60
+ --magritte-typography-label-3-regular-text-indent-v23-0-0:0px;
61
+ --magritte-typography-label-3-regular-text-transform-v23-0-0:none;
62
+ --magritte-typography-label-3-regular-text-decoration-v23-0-0:none;
63
+ --magritte-typography-label-4-regular-font-family-v23-0-0:"hh sans";
64
+ --magritte-typography-label-4-regular-font-weight-v23-0-0:400;
65
+ --magritte-typography-label-4-regular-line-height-v23-0-0:18px;
66
+ --magritte-typography-label-4-regular-font-size-v23-0-0:12px;
67
+ --magritte-typography-label-4-regular-letter-spacing-v23-0-0:0.01em;
68
+ --magritte-typography-label-4-regular-text-indent-v23-0-0:0px;
69
+ --magritte-typography-label-4-regular-text-transform-v23-0-0:none;
70
+ --magritte-typography-label-4-regular-text-decoration-v23-0-0:none;
71
+ --magritte-color-base-blue-95-v23-0-0:#e7f2ff;
72
+ --magritte-semantic-animation-ease-in-out-100-timing-function-v23-0-0:cubic-bezier(0.25, 0.1, 0.25, 1);
73
+ --magritte-semantic-animation-ease-in-out-100-duration-v23-0-0:100ms;
74
+ --magritte-semantic-animation-ease-in-out-200-duration-v23-0-0:200ms;
75
+ }
76
+
75
77
  .magritte-night-theme{
76
- --magritte-color-text-primary-v22-1-0:#ffffff;
77
- --magritte-color-component-input-stroke-state-field-hovered-v22-1-0:#3B3B3B;
78
- --magritte-color-component-input-stroke-state-field-focused-v22-1-0:#0070ff;
79
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v22-1-0:#0070ff7a;
80
- --magritte-color-component-input-stroke-state-field-invalid-v22-1-0:#ff4d3a;
81
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v22-1-0:#ff4d3a7a;
82
- --magritte-color-component-input-stroke-state-field-disabled-v22-1-0:#111;
83
- --magritte-color-component-input-background-field-v22-1-0:#111;
84
- --magritte-color-component-input-background-state-field-hovered-v22-1-0:#111;
85
- --magritte-color-component-input-background-state-field-focused-v22-1-0:#111;
86
- --magritte-color-component-input-background-state-field-invalid-v22-1-0:#111;
87
- --magritte-color-component-input-background-state-field-disabled-v22-1-0:#111;
88
- --magritte-color-component-input-stroke-field-v22-1-0:#303030;
89
- --magritte-color-component-input-text-content-v22-1-0:#ffffff;
90
- --magritte-color-component-input-text-label-v22-1-0:#919191;
91
- --magritte-color-component-input-text-placeholder-v22-1-0:#535353;
92
- --magritte-color-component-input-text-description-v22-1-0:#6A6A6A;
93
- --magritte-color-component-input-text-state-content-disabled-v22-1-0:#474747;
94
- --magritte-color-component-input-text-state-label-disabled-v22-1-0:#474747;
95
- --magritte-color-component-input-text-state-placeholder-disabled-v22-1-0:#474747;
96
- --magritte-color-component-input-text-state-description-disabled-v22-1-0:#535353;
97
- --magritte-color-component-input-text-state-content-hovered-v22-1-0:#ffffff;
98
- --magritte-color-component-input-text-state-content-focused-v22-1-0:#ffffff;
99
- --magritte-color-component-input-text-state-content-invalid-v22-1-0:#ffffff;
100
- --magritte-color-component-input-text-state-label-hovered-v22-1-0:#919191;
101
- --magritte-color-component-input-text-state-label-focused-v22-1-0:#919191;
102
- --magritte-color-component-input-text-state-label-invalid-v22-1-0:#919191;
103
- --magritte-color-component-input-text-state-placeholder-hovered-v22-1-0:#5E5E5E;
104
- --magritte-color-component-input-text-state-placeholder-focused-v22-1-0:#535353;
105
- --magritte-color-component-input-text-state-placeholder-invalid-v22-1-0:#535353;
106
- --magritte-color-component-input-text-state-description-hovered-v22-1-0:#535353;
107
- --magritte-color-component-input-text-state-description-focused-v22-1-0:#535353;
108
- --magritte-color-component-input-text-state-description-invalid-v22-1-0:#ff4d3a;
109
- --magritte-color-component-input-counter-background-content-v22-1-0:#EEF1F7;
110
- --magritte-color-component-input-counter-background-state-content-disabled-v22-1-0:#CCD5DF;
111
- --magritte-color-component-input-counter-text-state-content-disabled-v22-1-0:#96aabb;
112
- --magritte-color-component-input-counter-text-content-v22-1-0:#6a7885;
113
- --magritte-color-component-input-icon-state-content-hovered-v22-1-0:#5E5E5E;
114
- --magritte-color-component-input-icon-state-content-focused-v22-1-0:#ffffff;
115
- --magritte-color-component-input-icon-state-content-invalid-v22-1-0:#767676;
116
- --magritte-color-component-input-icon-state-content-disabled-v22-1-0:#474747;
117
- --magritte-color-component-input-icon-content-v22-1-0:#ABABAB;
118
- }
78
+ --magritte-color-text-primary-v23-0-0:#ffffff;
79
+ --magritte-color-component-input-stroke-state-field-hovered-v23-0-0:#3B3B3B;
80
+ --magritte-color-component-input-stroke-state-field-focused-v23-0-0:#0070ff;
81
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v23-0-0:#0070ff7a;
82
+ --magritte-color-component-input-stroke-state-field-invalid-v23-0-0:#ff4d3a;
83
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-0-0:#ff4d3a7a;
84
+ --magritte-color-component-input-stroke-state-field-disabled-v23-0-0:#111;
85
+ --magritte-color-component-input-background-field-v23-0-0:#111;
86
+ --magritte-color-component-input-background-state-field-hovered-v23-0-0:#111;
87
+ --magritte-color-component-input-background-state-field-focused-v23-0-0:#111;
88
+ --magritte-color-component-input-background-state-field-invalid-v23-0-0:#111;
89
+ --magritte-color-component-input-background-state-field-disabled-v23-0-0:#111;
90
+ --magritte-color-component-input-stroke-field-v23-0-0:#303030;
91
+ --magritte-color-component-input-text-content-v23-0-0:#ffffff;
92
+ --magritte-color-component-input-text-label-v23-0-0:#919191;
93
+ --magritte-color-component-input-text-placeholder-v23-0-0:#535353;
94
+ --magritte-color-component-input-text-description-v23-0-0:#6A6A6A;
95
+ --magritte-color-component-input-text-state-content-disabled-v23-0-0:#474747;
96
+ --magritte-color-component-input-text-state-label-disabled-v23-0-0:#474747;
97
+ --magritte-color-component-input-text-state-placeholder-disabled-v23-0-0:#474747;
98
+ --magritte-color-component-input-text-state-description-disabled-v23-0-0:#535353;
99
+ --magritte-color-component-input-text-state-content-hovered-v23-0-0:#ffffff;
100
+ --magritte-color-component-input-text-state-content-focused-v23-0-0:#ffffff;
101
+ --magritte-color-component-input-text-state-content-invalid-v23-0-0:#ffffff;
102
+ --magritte-color-component-input-text-state-label-hovered-v23-0-0:#919191;
103
+ --magritte-color-component-input-text-state-label-focused-v23-0-0:#919191;
104
+ --magritte-color-component-input-text-state-label-invalid-v23-0-0:#919191;
105
+ --magritte-color-component-input-text-state-placeholder-hovered-v23-0-0:#5E5E5E;
106
+ --magritte-color-component-input-text-state-placeholder-focused-v23-0-0:#535353;
107
+ --magritte-color-component-input-text-state-placeholder-invalid-v23-0-0:#535353;
108
+ --magritte-color-component-input-text-state-description-hovered-v23-0-0:#535353;
109
+ --magritte-color-component-input-text-state-description-focused-v23-0-0:#535353;
110
+ --magritte-color-component-input-text-state-description-invalid-v23-0-0:#ff4d3a;
111
+ --magritte-color-component-input-counter-background-content-v23-0-0:#EEF1F7;
112
+ --magritte-color-component-input-counter-background-state-content-disabled-v23-0-0:#CCD5DF;
113
+ --magritte-color-component-input-counter-text-state-content-disabled-v23-0-0:#96aabb;
114
+ --magritte-color-component-input-counter-text-content-v23-0-0:#6a7885;
115
+ --magritte-color-component-input-icon-state-content-hovered-v23-0-0:#5E5E5E;
116
+ --magritte-color-component-input-icon-state-content-focused-v23-0-0:#ffffff;
117
+ --magritte-color-component-input-icon-state-content-invalid-v23-0-0:#767676;
118
+ --magritte-color-component-input-icon-state-content-disabled-v23-0-0:#474747;
119
+ --magritte-color-component-input-icon-content-v23-0-0:#ABABAB;
120
+ }
121
+
119
122
  .magritte-zp-day-theme{
120
- --magritte-color-text-primary-v22-1-0:#000000;
121
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v22-1-0:#0070ff7a;
122
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v22-1-0:#ff4d3a7a;
123
- --magritte-color-component-input-stroke-state-field-hovered-v22-1-0:#CCD5DF;
124
- --magritte-color-component-input-stroke-state-field-focused-v22-1-0:#7195AF;
125
- --magritte-color-component-input-stroke-state-field-invalid-v22-1-0:#ff4d3a;
126
- --magritte-color-component-input-stroke-state-field-disabled-v22-1-0:#EEF1F7;
127
- --magritte-color-component-input-background-field-v22-1-0:#ffffff;
128
- --magritte-color-component-input-background-state-field-hovered-v22-1-0:#ffffff;
129
- --magritte-color-component-input-background-state-field-focused-v22-1-0:#ffffff;
130
- --magritte-color-component-input-background-state-field-invalid-v22-1-0:#ffffff;
131
- --magritte-color-component-input-background-state-field-disabled-v22-1-0:#F4F6FB;
132
- --magritte-color-component-input-stroke-field-v22-1-0:#DCE3EB;
133
- --magritte-color-component-input-text-content-v22-1-0:#000000;
134
- --magritte-color-component-input-text-label-v22-1-0:#768694;
135
- --magritte-color-component-input-text-placeholder-v22-1-0:#AABBCA;
136
- --magritte-color-component-input-text-description-v22-1-0:#768694;
137
- --magritte-color-component-input-text-state-content-disabled-v22-1-0:#AABBCA;
138
- --magritte-color-component-input-text-state-label-disabled-v22-1-0:#AABBCA;
139
- --magritte-color-component-input-text-state-placeholder-disabled-v22-1-0:#AABBCA;
140
- --magritte-color-component-input-text-state-description-disabled-v22-1-0:#AABBCA;
141
- --magritte-color-component-input-text-state-content-hovered-v22-1-0:#000000;
142
- --magritte-color-component-input-text-state-content-focused-v22-1-0:#000000;
143
- --magritte-color-component-input-text-state-content-invalid-v22-1-0:#000000;
144
- --magritte-color-component-input-text-state-label-hovered-v22-1-0:#768694;
145
- --magritte-color-component-input-text-state-label-focused-v22-1-0:#768694;
146
- --magritte-color-component-input-text-state-label-invalid-v22-1-0:#768694;
147
- --magritte-color-component-input-text-state-placeholder-hovered-v22-1-0:#768694;
148
- --magritte-color-component-input-text-state-placeholder-focused-v22-1-0:#AABBCA;
149
- --magritte-color-component-input-text-state-placeholder-invalid-v22-1-0:#AABBCA;
150
- --magritte-color-component-input-text-state-description-hovered-v22-1-0:#768694;
151
- --magritte-color-component-input-text-state-description-focused-v22-1-0:#768694;
152
- --magritte-color-component-input-text-state-description-invalid-v22-1-0:#ff4d3a;
153
- --magritte-color-component-input-counter-background-content-v22-1-0:#EEF1F7;
154
- --magritte-color-component-input-counter-background-state-content-disabled-v22-1-0:#CCD5DF;
155
- --magritte-color-component-input-counter-text-state-content-disabled-v22-1-0:#96aabb;
156
- --magritte-color-component-input-counter-text-content-v22-1-0:#8293a2;
157
- --magritte-color-component-input-icon-content-v22-1-0:#AABBCA;
158
- --magritte-color-component-input-icon-state-content-hovered-v22-1-0:#6a7885;
159
- --magritte-color-component-input-icon-state-content-focused-v22-1-0:#000000;
160
- --magritte-color-component-input-icon-state-content-invalid-v22-1-0:#6a7885;
161
- --magritte-color-component-input-icon-state-content-disabled-v22-1-0:#AABBCA;
162
- }
163
- .magritte-input___LVTID_9-0-4{
123
+ --magritte-color-text-primary-v23-0-0:#000000;
124
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v23-0-0:#0070ff7a;
125
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-0-0:#ff4d3a7a;
126
+ --magritte-color-component-input-stroke-state-field-hovered-v23-0-0:#CCD5DF;
127
+ --magritte-color-component-input-stroke-state-field-focused-v23-0-0:#7195AF;
128
+ --magritte-color-component-input-stroke-state-field-invalid-v23-0-0:#ff4d3a;
129
+ --magritte-color-component-input-stroke-state-field-disabled-v23-0-0:#EEF1F7;
130
+ --magritte-color-component-input-background-field-v23-0-0:#ffffff;
131
+ --magritte-color-component-input-background-state-field-hovered-v23-0-0:#ffffff;
132
+ --magritte-color-component-input-background-state-field-focused-v23-0-0:#ffffff;
133
+ --magritte-color-component-input-background-state-field-invalid-v23-0-0:#ffffff;
134
+ --magritte-color-component-input-background-state-field-disabled-v23-0-0:#F4F6FB;
135
+ --magritte-color-component-input-stroke-field-v23-0-0:#DCE3EB;
136
+ --magritte-color-component-input-text-content-v23-0-0:#000000;
137
+ --magritte-color-component-input-text-label-v23-0-0:#768694;
138
+ --magritte-color-component-input-text-placeholder-v23-0-0:#AABBCA;
139
+ --magritte-color-component-input-text-description-v23-0-0:#768694;
140
+ --magritte-color-component-input-text-state-content-disabled-v23-0-0:#AABBCA;
141
+ --magritte-color-component-input-text-state-label-disabled-v23-0-0:#AABBCA;
142
+ --magritte-color-component-input-text-state-placeholder-disabled-v23-0-0:#AABBCA;
143
+ --magritte-color-component-input-text-state-description-disabled-v23-0-0:#AABBCA;
144
+ --magritte-color-component-input-text-state-content-hovered-v23-0-0:#000000;
145
+ --magritte-color-component-input-text-state-content-focused-v23-0-0:#000000;
146
+ --magritte-color-component-input-text-state-content-invalid-v23-0-0:#000000;
147
+ --magritte-color-component-input-text-state-label-hovered-v23-0-0:#768694;
148
+ --magritte-color-component-input-text-state-label-focused-v23-0-0:#768694;
149
+ --magritte-color-component-input-text-state-label-invalid-v23-0-0:#768694;
150
+ --magritte-color-component-input-text-state-placeholder-hovered-v23-0-0:#768694;
151
+ --magritte-color-component-input-text-state-placeholder-focused-v23-0-0:#AABBCA;
152
+ --magritte-color-component-input-text-state-placeholder-invalid-v23-0-0:#AABBCA;
153
+ --magritte-color-component-input-text-state-description-hovered-v23-0-0:#768694;
154
+ --magritte-color-component-input-text-state-description-focused-v23-0-0:#768694;
155
+ --magritte-color-component-input-text-state-description-invalid-v23-0-0:#ff4d3a;
156
+ --magritte-color-component-input-counter-background-content-v23-0-0:#EEF1F7;
157
+ --magritte-color-component-input-counter-background-state-content-disabled-v23-0-0:#CCD5DF;
158
+ --magritte-color-component-input-counter-text-state-content-disabled-v23-0-0:#96aabb;
159
+ --magritte-color-component-input-counter-text-content-v23-0-0:#8293a2;
160
+ --magritte-color-component-input-icon-content-v23-0-0:#AABBCA;
161
+ --magritte-color-component-input-icon-state-content-hovered-v23-0-0:#6a7885;
162
+ --magritte-color-component-input-icon-state-content-focused-v23-0-0:#000000;
163
+ --magritte-color-component-input-icon-state-content-invalid-v23-0-0:#6a7885;
164
+ --magritte-color-component-input-icon-state-content-disabled-v23-0-0:#AABBCA;
165
+ }
166
+ .magritte-input___LVTID_9-0-6{
164
167
  display:inline-block;
165
168
  width:100%;
166
- --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v22-1-0);
167
- --animation-200-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v22-1-0);
169
+ --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-0-0);
170
+ --animation-200-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v23-0-0);
168
171
  }
169
- .magritte-input___LVTID_9-0-4:has(input:autofill) .magritte-label___YlOQk_9-0-4{
172
+ .magritte-input___LVTID_9-0-6:has(input:autofill) .magritte-label___YlOQk_9-0-6{
170
173
  display:none;
171
174
  }
172
- .magritte-input___LVTID_9-0-4.magritte-elevated___kPcsM_9-0-4:has(input:autofill) .magritte-label___YlOQk_9-0-4{
175
+ .magritte-input___LVTID_9-0-6.magritte-elevated___kPcsM_9-0-6:has(input:autofill) .magritte-label___YlOQk_9-0-6{
173
176
  display:block;
174
- transform:translateY(calc(0px - ((var(--magritte-typography-label-4-regular-line-height-v22-1-0) + var(--magritte-typography-label-2-regular-line-height-v22-1-0)) / 2) + (var(--magritte-typography-label-4-regular-line-height-v22-1-0) / 2)));
177
+ transform:translateY(calc(0px - ((var(--magritte-typography-label-4-regular-line-height-v23-0-0) + var(--magritte-typography-label-2-regular-line-height-v23-0-0)) / 2) + (var(--magritte-typography-label-4-regular-line-height-v23-0-0) / 2)));
175
178
  transition-duration:0ms;
176
- color:var(--magritte-color-component-input-text-label-v22-1-0);
177
- }
178
- .magritte-input___LVTID_9-0-4.magritte-elevated___kPcsM_9-0-4:has(input:autofill) .magritte-label___YlOQk_9-0-4 > *{
179
- font-family:var(--magritte-typography-label-4-regular-font-family-v22-1-0);
180
- font-weight:var(--magritte-typography-label-4-regular-font-weight-v22-1-0);
181
- line-height:var(--magritte-typography-label-4-regular-line-height-v22-1-0);
182
- font-size:var(--magritte-typography-label-4-regular-font-size-v22-1-0);
183
- letter-spacing:var(--magritte-typography-label-4-regular-letter-spacing-v22-1-0);
184
- text-indent:var(--magritte-typography-label-4-regular-text-indent-v22-1-0);
185
- text-transform:var(--magritte-typography-label-4-regular-text-transform-v22-1-0);
186
- text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v22-1-0);
179
+ color:var(--magritte-color-component-input-text-label-v23-0-0);
180
+ }
181
+ .magritte-input___LVTID_9-0-6.magritte-elevated___kPcsM_9-0-6:has(input:autofill) .magritte-label___YlOQk_9-0-6 > *{
182
+ font-family:var(--magritte-typography-label-4-regular-font-family-v23-0-0);
183
+ font-weight:var(--magritte-typography-label-4-regular-font-weight-v23-0-0);
184
+ line-height:var(--magritte-typography-label-4-regular-line-height-v23-0-0);
185
+ font-size:var(--magritte-typography-label-4-regular-font-size-v23-0-0);
186
+ letter-spacing:var(--magritte-typography-label-4-regular-letter-spacing-v23-0-0);
187
+ text-indent:var(--magritte-typography-label-4-regular-text-indent-v23-0-0);
188
+ text-transform:var(--magritte-typography-label-4-regular-text-transform-v23-0-0);
189
+ text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v23-0-0);
187
190
  }
188
191
  @media (min-width: 1020px){
189
- body.magritte-old-layout .magritte-input___LVTID_9-0-4:not(.magritte-focused___dxrHD_9-0-4):not(.magritte-invalid___L5MVa_9-0-4):not(.magritte-disabled___0NH6E_9-0-4):hover{
190
- --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v22-1-0);
192
+ body.magritte-old-layout .magritte-input___LVTID_9-0-6:not(.magritte-focused___dxrHD_9-0-6):not(.magritte-invalid___L5MVa_9-0-6):not(.magritte-disabled___0NH6E_9-0-6):hover{
193
+ --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v23-0-0);
191
194
  }
192
- body.magritte-old-layout .magritte-input___LVTID_9-0-4:not(.magritte-focused___dxrHD_9-0-4):not(.magritte-invalid___L5MVa_9-0-4):not(.magritte-disabled___0NH6E_9-0-4):hover .magritte-position-container___kZnvZ_9-0-4{
193
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v22-1-0);
194
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v22-1-0);
195
+ body.magritte-old-layout .magritte-input___LVTID_9-0-6:not(.magritte-focused___dxrHD_9-0-6):not(.magritte-invalid___L5MVa_9-0-6):not(.magritte-disabled___0NH6E_9-0-6):hover .magritte-position-container___kZnvZ_9-0-6{
196
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-0-0);
197
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-0-0);
195
198
  }
196
- body.magritte-old-layout .magritte-input___LVTID_9-0-4:not(.magritte-focused___dxrHD_9-0-4):not(.magritte-invalid___L5MVa_9-0-4):not(.magritte-disabled___0NH6E_9-0-4):hover .magritte-field___9S8Tw_9-0-4{
197
- color:var(--magritte-color-component-input-text-state-content-hovered-v22-1-0);
198
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v22-1-0);
199
+ body.magritte-old-layout .magritte-input___LVTID_9-0-6:not(.magritte-focused___dxrHD_9-0-6):not(.magritte-invalid___L5MVa_9-0-6):not(.magritte-disabled___0NH6E_9-0-6):hover .magritte-field___9S8Tw_9-0-6{
200
+ color:var(--magritte-color-component-input-text-state-content-hovered-v23-0-0);
201
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v23-0-0);
199
202
  opacity:1;
200
203
  }
201
- body.magritte-old-layout .magritte-input___LVTID_9-0-4:not(.magritte-focused___dxrHD_9-0-4):not(.magritte-invalid___L5MVa_9-0-4):not(.magritte-disabled___0NH6E_9-0-4):hover .magritte-hint___EFGK0_9-0-4{
204
+ body.magritte-old-layout .magritte-input___LVTID_9-0-6:not(.magritte-focused___dxrHD_9-0-6):not(.magritte-invalid___L5MVa_9-0-6):not(.magritte-disabled___0NH6E_9-0-6):hover .magritte-hint___EFGK0_9-0-6{
202
205
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
203
- color:var(--magritte-color-component-input-text-state-description-hovered-v22-1-0);
206
+ color:var(--magritte-color-component-input-text-state-description-hovered-v23-0-0);
204
207
  }
205
- body.magritte-old-layout .magritte-input___LVTID_9-0-4:not(.magritte-focused___dxrHD_9-0-4):not(.magritte-invalid___L5MVa_9-0-4):not(.magritte-disabled___0NH6E_9-0-4):hover .magritte-additional-value___9Kyap_9-0-4{
206
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v22-1-0);
208
+ body.magritte-old-layout .magritte-input___LVTID_9-0-6:not(.magritte-focused___dxrHD_9-0-6):not(.magritte-invalid___L5MVa_9-0-6):not(.magritte-disabled___0NH6E_9-0-6):hover .magritte-additional-value___9Kyap_9-0-6{
209
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v23-0-0);
207
210
  }
208
- body.magritte-old-layout .magritte-input___LVTID_9-0-4:not(.magritte-focused___dxrHD_9-0-4):not(.magritte-invalid___L5MVa_9-0-4):not(.magritte-disabled___0NH6E_9-0-4):hover .magritte-label_elevated___PVcpC_9-0-4{
209
- color:var(--magritte-color-component-input-text-state-label-hovered-v22-1-0);
211
+ body.magritte-old-layout .magritte-input___LVTID_9-0-6:not(.magritte-focused___dxrHD_9-0-6):not(.magritte-invalid___L5MVa_9-0-6):not(.magritte-disabled___0NH6E_9-0-6):hover .magritte-label_elevated___PVcpC_9-0-6{
212
+ color:var(--magritte-color-component-input-text-state-label-hovered-v23-0-0);
210
213
  }
211
- body.magritte-old-layout .magritte-input___LVTID_9-0-4:not(.magritte-focused___dxrHD_9-0-4):not(.magritte-invalid___L5MVa_9-0-4):not(.magritte-disabled___0NH6E_9-0-4):hover .magritte-label___YlOQk_9-0-4:not(.magritte-label_elevated___PVcpC_9-0-4),
212
- body.magritte-old-layout .magritte-input___LVTID_9-0-4:not(.magritte-focused___dxrHD_9-0-4):not(.magritte-invalid___L5MVa_9-0-4):not(.magritte-disabled___0NH6E_9-0-4):hover .magritte-fixed-placeholder___PYJIH_9-0-4{
213
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v22-1-0);
214
+ body.magritte-old-layout .magritte-input___LVTID_9-0-6:not(.magritte-focused___dxrHD_9-0-6):not(.magritte-invalid___L5MVa_9-0-6):not(.magritte-disabled___0NH6E_9-0-6):hover .magritte-label___YlOQk_9-0-6:not(.magritte-label_elevated___PVcpC_9-0-6),
215
+ body.magritte-old-layout .magritte-input___LVTID_9-0-6:not(.magritte-focused___dxrHD_9-0-6):not(.magritte-invalid___L5MVa_9-0-6):not(.magritte-disabled___0NH6E_9-0-6):hover .magritte-fixed-placeholder___PYJIH_9-0-6{
216
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-0-0);
214
217
  }
215
- body.magritte-old-layout .magritte-input___LVTID_9-0-4:not(.magritte-focused___dxrHD_9-0-4):not(.magritte-invalid___L5MVa_9-0-4):not(.magritte-disabled___0NH6E_9-0-4):hover .magritte-icon___HEDsQ_9-0-4{
216
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v22-1-0);
218
+ body.magritte-old-layout .magritte-input___LVTID_9-0-6:not(.magritte-focused___dxrHD_9-0-6):not(.magritte-invalid___L5MVa_9-0-6):not(.magritte-disabled___0NH6E_9-0-6):hover .magritte-icon___HEDsQ_9-0-6{
219
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v23-0-0);
217
220
  }
218
221
  }
219
222
  @media (min-width: 1024px){
220
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-4:not(.magritte-focused___dxrHD_9-0-4):not(.magritte-invalid___L5MVa_9-0-4):not(.magritte-disabled___0NH6E_9-0-4):hover{
221
- --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v22-1-0);
223
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-6:not(.magritte-focused___dxrHD_9-0-6):not(.magritte-invalid___L5MVa_9-0-6):not(.magritte-disabled___0NH6E_9-0-6):hover{
224
+ --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v23-0-0);
222
225
  }
223
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-4:not(.magritte-focused___dxrHD_9-0-4):not(.magritte-invalid___L5MVa_9-0-4):not(.magritte-disabled___0NH6E_9-0-4):hover .magritte-position-container___kZnvZ_9-0-4{
224
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v22-1-0);
225
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v22-1-0);
226
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-6:not(.magritte-focused___dxrHD_9-0-6):not(.magritte-invalid___L5MVa_9-0-6):not(.magritte-disabled___0NH6E_9-0-6):hover .magritte-position-container___kZnvZ_9-0-6{
227
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-0-0);
228
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-0-0);
226
229
  }
227
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-4:not(.magritte-focused___dxrHD_9-0-4):not(.magritte-invalid___L5MVa_9-0-4):not(.magritte-disabled___0NH6E_9-0-4):hover .magritte-field___9S8Tw_9-0-4{
228
- color:var(--magritte-color-component-input-text-state-content-hovered-v22-1-0);
229
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v22-1-0);
230
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-6:not(.magritte-focused___dxrHD_9-0-6):not(.magritte-invalid___L5MVa_9-0-6):not(.magritte-disabled___0NH6E_9-0-6):hover .magritte-field___9S8Tw_9-0-6{
231
+ color:var(--magritte-color-component-input-text-state-content-hovered-v23-0-0);
232
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v23-0-0);
230
233
  opacity:1;
231
234
  }
232
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-4:not(.magritte-focused___dxrHD_9-0-4):not(.magritte-invalid___L5MVa_9-0-4):not(.magritte-disabled___0NH6E_9-0-4):hover .magritte-hint___EFGK0_9-0-4{
235
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-6:not(.magritte-focused___dxrHD_9-0-6):not(.magritte-invalid___L5MVa_9-0-6):not(.magritte-disabled___0NH6E_9-0-6):hover .magritte-hint___EFGK0_9-0-6{
233
236
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
234
- color:var(--magritte-color-component-input-text-state-description-hovered-v22-1-0);
237
+ color:var(--magritte-color-component-input-text-state-description-hovered-v23-0-0);
235
238
  }
236
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-4:not(.magritte-focused___dxrHD_9-0-4):not(.magritte-invalid___L5MVa_9-0-4):not(.magritte-disabled___0NH6E_9-0-4):hover .magritte-additional-value___9Kyap_9-0-4{
237
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v22-1-0);
239
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-6:not(.magritte-focused___dxrHD_9-0-6):not(.magritte-invalid___L5MVa_9-0-6):not(.magritte-disabled___0NH6E_9-0-6):hover .magritte-additional-value___9Kyap_9-0-6{
240
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v23-0-0);
238
241
  }
239
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-4:not(.magritte-focused___dxrHD_9-0-4):not(.magritte-invalid___L5MVa_9-0-4):not(.magritte-disabled___0NH6E_9-0-4):hover .magritte-label_elevated___PVcpC_9-0-4{
240
- color:var(--magritte-color-component-input-text-state-label-hovered-v22-1-0);
242
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-6:not(.magritte-focused___dxrHD_9-0-6):not(.magritte-invalid___L5MVa_9-0-6):not(.magritte-disabled___0NH6E_9-0-6):hover .magritte-label_elevated___PVcpC_9-0-6{
243
+ color:var(--magritte-color-component-input-text-state-label-hovered-v23-0-0);
241
244
  }
242
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-4:not(.magritte-focused___dxrHD_9-0-4):not(.magritte-invalid___L5MVa_9-0-4):not(.magritte-disabled___0NH6E_9-0-4):hover .magritte-label___YlOQk_9-0-4:not(.magritte-label_elevated___PVcpC_9-0-4),
243
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-4:not(.magritte-focused___dxrHD_9-0-4):not(.magritte-invalid___L5MVa_9-0-4):not(.magritte-disabled___0NH6E_9-0-4):hover .magritte-fixed-placeholder___PYJIH_9-0-4{
244
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v22-1-0);
245
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-6:not(.magritte-focused___dxrHD_9-0-6):not(.magritte-invalid___L5MVa_9-0-6):not(.magritte-disabled___0NH6E_9-0-6):hover .magritte-label___YlOQk_9-0-6:not(.magritte-label_elevated___PVcpC_9-0-6),
246
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-6:not(.magritte-focused___dxrHD_9-0-6):not(.magritte-invalid___L5MVa_9-0-6):not(.magritte-disabled___0NH6E_9-0-6):hover .magritte-fixed-placeholder___PYJIH_9-0-6{
247
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-0-0);
245
248
  }
246
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-4:not(.magritte-focused___dxrHD_9-0-4):not(.magritte-invalid___L5MVa_9-0-4):not(.magritte-disabled___0NH6E_9-0-4):hover .magritte-icon___HEDsQ_9-0-4{
247
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v22-1-0);
249
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-0-6:not(.magritte-focused___dxrHD_9-0-6):not(.magritte-invalid___L5MVa_9-0-6):not(.magritte-disabled___0NH6E_9-0-6):hover .magritte-icon___HEDsQ_9-0-6{
250
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v23-0-0);
248
251
  }
249
252
  }
250
- .magritte-input___LVTID_9-0-4.magritte-focused___dxrHD_9-0-4{
251
- --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v22-1-0);
253
+ .magritte-input___LVTID_9-0-6.magritte-focused___dxrHD_9-0-6{
254
+ --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v23-0-0);
252
255
  }
253
- .magritte-input___LVTID_9-0-4.magritte-focused___dxrHD_9-0-4 .magritte-position-container___kZnvZ_9-0-4{
254
- background-color:var(--magritte-color-component-input-background-state-field-focused-v22-1-0);
255
- box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v22-1-0);
256
+ .magritte-input___LVTID_9-0-6.magritte-focused___dxrHD_9-0-6 .magritte-position-container___kZnvZ_9-0-6{
257
+ background-color:var(--magritte-color-component-input-background-state-field-focused-v23-0-0);
258
+ box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v23-0-0);
256
259
  }
257
- .magritte-input___LVTID_9-0-4.magritte-focused___dxrHD_9-0-4 .magritte-field___9S8Tw_9-0-4{
258
- color:var(--magritte-color-component-input-text-state-content-focused-v22-1-0);
259
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v22-1-0);
260
+ .magritte-input___LVTID_9-0-6.magritte-focused___dxrHD_9-0-6 .magritte-field___9S8Tw_9-0-6{
261
+ color:var(--magritte-color-component-input-text-state-content-focused-v23-0-0);
262
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v23-0-0);
260
263
  opacity:1;
261
264
  }
262
- .magritte-input___LVTID_9-0-4.magritte-focused___dxrHD_9-0-4 .magritte-hint___EFGK0_9-0-4{
265
+ .magritte-input___LVTID_9-0-6.magritte-focused___dxrHD_9-0-6 .magritte-hint___EFGK0_9-0-6{
263
266
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-focused';
264
- color:var(--magritte-color-component-input-text-state-description-focused-v22-1-0);
267
+ color:var(--magritte-color-component-input-text-state-description-focused-v23-0-0);
265
268
  }
266
- .magritte-input___LVTID_9-0-4.magritte-focused___dxrHD_9-0-4 .magritte-additional-value___9Kyap_9-0-4{
267
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-focused-v22-1-0);
269
+ .magritte-input___LVTID_9-0-6.magritte-focused___dxrHD_9-0-6 .magritte-additional-value___9Kyap_9-0-6{
270
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-focused-v23-0-0);
268
271
  }
269
- .magritte-input___LVTID_9-0-4.magritte-focused___dxrHD_9-0-4 .magritte-label_elevated___PVcpC_9-0-4{
270
- color:var(--magritte-color-component-input-text-state-label-focused-v22-1-0);
272
+ .magritte-input___LVTID_9-0-6.magritte-focused___dxrHD_9-0-6 .magritte-label_elevated___PVcpC_9-0-6{
273
+ color:var(--magritte-color-component-input-text-state-label-focused-v23-0-0);
271
274
  }
272
- .magritte-input___LVTID_9-0-4.magritte-focused___dxrHD_9-0-4 .magritte-label___YlOQk_9-0-4:not(.magritte-label_elevated___PVcpC_9-0-4),
273
- .magritte-input___LVTID_9-0-4.magritte-focused___dxrHD_9-0-4 .magritte-fixed-placeholder___PYJIH_9-0-4{
274
- color:var(--magritte-color-component-input-text-state-placeholder-focused-v22-1-0);
275
+ .magritte-input___LVTID_9-0-6.magritte-focused___dxrHD_9-0-6 .magritte-label___YlOQk_9-0-6:not(.magritte-label_elevated___PVcpC_9-0-6),
276
+ .magritte-input___LVTID_9-0-6.magritte-focused___dxrHD_9-0-6 .magritte-fixed-placeholder___PYJIH_9-0-6{
277
+ color:var(--magritte-color-component-input-text-state-placeholder-focused-v23-0-0);
275
278
  }
276
- .magritte-input___LVTID_9-0-4.magritte-focused___dxrHD_9-0-4 .magritte-icon___HEDsQ_9-0-4{
277
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-focused-v22-1-0);
279
+ .magritte-input___LVTID_9-0-6.magritte-focused___dxrHD_9-0-6 .magritte-icon___HEDsQ_9-0-6{
280
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-focused-v23-0-0);
278
281
  }
279
- .magritte-input___LVTID_9-0-4.magritte-invalid___L5MVa_9-0-4{
280
- --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v22-1-0);
282
+ .magritte-input___LVTID_9-0-6.magritte-invalid___L5MVa_9-0-6{
283
+ --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v23-0-0);
281
284
  }
282
- .magritte-input___LVTID_9-0-4.magritte-invalid___L5MVa_9-0-4 .magritte-position-container___kZnvZ_9-0-4{
283
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v22-1-0);
284
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v22-1-0);
285
+ .magritte-input___LVTID_9-0-6.magritte-invalid___L5MVa_9-0-6 .magritte-position-container___kZnvZ_9-0-6{
286
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-0-0);
287
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v23-0-0);
285
288
  }
286
- .magritte-input___LVTID_9-0-4.magritte-invalid___L5MVa_9-0-4 .magritte-field___9S8Tw_9-0-4{
287
- color:var(--magritte-color-component-input-text-state-content-invalid-v22-1-0);
288
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v22-1-0);
289
+ .magritte-input___LVTID_9-0-6.magritte-invalid___L5MVa_9-0-6 .magritte-field___9S8Tw_9-0-6{
290
+ color:var(--magritte-color-component-input-text-state-content-invalid-v23-0-0);
291
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v23-0-0);
289
292
  opacity:1;
290
293
  }
291
- .magritte-input___LVTID_9-0-4.magritte-invalid___L5MVa_9-0-4 .magritte-hint___EFGK0_9-0-4{
294
+ .magritte-input___LVTID_9-0-6.magritte-invalid___L5MVa_9-0-6 .magritte-hint___EFGK0_9-0-6{
292
295
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
293
- color:var(--magritte-color-component-input-text-state-description-invalid-v22-1-0);
296
+ color:var(--magritte-color-component-input-text-state-description-invalid-v23-0-0);
294
297
  }
295
- .magritte-input___LVTID_9-0-4.magritte-invalid___L5MVa_9-0-4 .magritte-additional-value___9Kyap_9-0-4{
296
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v22-1-0);
298
+ .magritte-input___LVTID_9-0-6.magritte-invalid___L5MVa_9-0-6 .magritte-additional-value___9Kyap_9-0-6{
299
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v23-0-0);
297
300
  }
298
- .magritte-input___LVTID_9-0-4.magritte-invalid___L5MVa_9-0-4 .magritte-label_elevated___PVcpC_9-0-4{
299
- color:var(--magritte-color-component-input-text-state-label-invalid-v22-1-0);
301
+ .magritte-input___LVTID_9-0-6.magritte-invalid___L5MVa_9-0-6 .magritte-label_elevated___PVcpC_9-0-6{
302
+ color:var(--magritte-color-component-input-text-state-label-invalid-v23-0-0);
300
303
  }
301
- .magritte-input___LVTID_9-0-4.magritte-invalid___L5MVa_9-0-4 .magritte-label___YlOQk_9-0-4:not(.magritte-label_elevated___PVcpC_9-0-4),
302
- .magritte-input___LVTID_9-0-4.magritte-invalid___L5MVa_9-0-4 .magritte-fixed-placeholder___PYJIH_9-0-4{
303
- color:var(--magritte-color-component-input-text-state-placeholder-invalid-v22-1-0);
304
+ .magritte-input___LVTID_9-0-6.magritte-invalid___L5MVa_9-0-6 .magritte-label___YlOQk_9-0-6:not(.magritte-label_elevated___PVcpC_9-0-6),
305
+ .magritte-input___LVTID_9-0-6.magritte-invalid___L5MVa_9-0-6 .magritte-fixed-placeholder___PYJIH_9-0-6{
306
+ color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-0-0);
304
307
  }
305
- .magritte-input___LVTID_9-0-4.magritte-invalid___L5MVa_9-0-4 .magritte-icon___HEDsQ_9-0-4{
306
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v22-1-0);
308
+ .magritte-input___LVTID_9-0-6.magritte-invalid___L5MVa_9-0-6 .magritte-icon___HEDsQ_9-0-6{
309
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v23-0-0);
307
310
  }
308
- .magritte-input___LVTID_9-0-4.magritte-invalid___L5MVa_9-0-4.magritte-focused___dxrHD_9-0-4{
309
- --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v22-1-0);
311
+ .magritte-input___LVTID_9-0-6.magritte-invalid___L5MVa_9-0-6.magritte-focused___dxrHD_9-0-6{
312
+ --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v23-0-0);
310
313
  }
311
- .magritte-input___LVTID_9-0-4.magritte-invalid___L5MVa_9-0-4.magritte-focused___dxrHD_9-0-4 .magritte-position-container___kZnvZ_9-0-4{
312
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v22-1-0);
313
- box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v22-1-0);
314
+ .magritte-input___LVTID_9-0-6.magritte-invalid___L5MVa_9-0-6.magritte-focused___dxrHD_9-0-6 .magritte-position-container___kZnvZ_9-0-6{
315
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-0-0);
316
+ box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v23-0-0);
314
317
  }
315
- .magritte-input___LVTID_9-0-4.magritte-invalid___L5MVa_9-0-4.magritte-focused___dxrHD_9-0-4 .magritte-field___9S8Tw_9-0-4{
316
- color:var(--magritte-color-component-input-text-state-content-invalid-v22-1-0);
317
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v22-1-0);
318
+ .magritte-input___LVTID_9-0-6.magritte-invalid___L5MVa_9-0-6.magritte-focused___dxrHD_9-0-6 .magritte-field___9S8Tw_9-0-6{
319
+ color:var(--magritte-color-component-input-text-state-content-invalid-v23-0-0);
320
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v23-0-0);
318
321
  opacity:1;
319
322
  }
320
- .magritte-input___LVTID_9-0-4.magritte-invalid___L5MVa_9-0-4.magritte-focused___dxrHD_9-0-4 .magritte-hint___EFGK0_9-0-4{
323
+ .magritte-input___LVTID_9-0-6.magritte-invalid___L5MVa_9-0-6.magritte-focused___dxrHD_9-0-6 .magritte-hint___EFGK0_9-0-6{
321
324
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
322
- color:var(--magritte-color-component-input-text-state-description-invalid-v22-1-0);
325
+ color:var(--magritte-color-component-input-text-state-description-invalid-v23-0-0);
323
326
  }
324
- .magritte-input___LVTID_9-0-4.magritte-invalid___L5MVa_9-0-4.magritte-focused___dxrHD_9-0-4 .magritte-additional-value___9Kyap_9-0-4{
325
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v22-1-0);
327
+ .magritte-input___LVTID_9-0-6.magritte-invalid___L5MVa_9-0-6.magritte-focused___dxrHD_9-0-6 .magritte-additional-value___9Kyap_9-0-6{
328
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v23-0-0);
326
329
  }
327
- .magritte-input___LVTID_9-0-4.magritte-invalid___L5MVa_9-0-4.magritte-focused___dxrHD_9-0-4 .magritte-label_elevated___PVcpC_9-0-4{
328
- color:var(--magritte-color-component-input-text-state-label-invalid-v22-1-0);
330
+ .magritte-input___LVTID_9-0-6.magritte-invalid___L5MVa_9-0-6.magritte-focused___dxrHD_9-0-6 .magritte-label_elevated___PVcpC_9-0-6{
331
+ color:var(--magritte-color-component-input-text-state-label-invalid-v23-0-0);
329
332
  }
330
- .magritte-input___LVTID_9-0-4.magritte-invalid___L5MVa_9-0-4.magritte-focused___dxrHD_9-0-4 .magritte-label___YlOQk_9-0-4:not(.magritte-label_elevated___PVcpC_9-0-4),
331
- .magritte-input___LVTID_9-0-4.magritte-invalid___L5MVa_9-0-4.magritte-focused___dxrHD_9-0-4 .magritte-fixed-placeholder___PYJIH_9-0-4{
332
- color:var(--magritte-color-component-input-text-state-placeholder-invalid-v22-1-0);
333
+ .magritte-input___LVTID_9-0-6.magritte-invalid___L5MVa_9-0-6.magritte-focused___dxrHD_9-0-6 .magritte-label___YlOQk_9-0-6:not(.magritte-label_elevated___PVcpC_9-0-6),
334
+ .magritte-input___LVTID_9-0-6.magritte-invalid___L5MVa_9-0-6.magritte-focused___dxrHD_9-0-6 .magritte-fixed-placeholder___PYJIH_9-0-6{
335
+ color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-0-0);
333
336
  }
334
- .magritte-input___LVTID_9-0-4.magritte-invalid___L5MVa_9-0-4.magritte-focused___dxrHD_9-0-4 .magritte-icon___HEDsQ_9-0-4{
335
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v22-1-0);
337
+ .magritte-input___LVTID_9-0-6.magritte-invalid___L5MVa_9-0-6.magritte-focused___dxrHD_9-0-6 .magritte-icon___HEDsQ_9-0-6{
338
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v23-0-0);
336
339
  }
337
- .magritte-input___LVTID_9-0-4.magritte-focus-visible___QvCO1_9-0-4 .magritte-position-container___kZnvZ_9-0-4{
338
- outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v22-1-0) solid 4px;
340
+ .magritte-input___LVTID_9-0-6.magritte-focus-visible___QvCO1_9-0-6 .magritte-position-container___kZnvZ_9-0-6{
341
+ outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v23-0-0) solid 4px;
339
342
  }
340
- .magritte-input___LVTID_9-0-4.magritte-focus-visible___QvCO1_9-0-4.magritte-invalid___L5MVa_9-0-4 .magritte-position-container___kZnvZ_9-0-4{
341
- outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v22-1-0);
343
+ .magritte-input___LVTID_9-0-6.magritte-focus-visible___QvCO1_9-0-6.magritte-invalid___L5MVa_9-0-6 .magritte-position-container___kZnvZ_9-0-6{
344
+ outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v23-0-0);
342
345
  }
343
- .magritte-input___LVTID_9-0-4.magritte-disabled___0NH6E_9-0-4{
344
- --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v22-1-0);
346
+ .magritte-input___LVTID_9-0-6.magritte-disabled___0NH6E_9-0-6{
347
+ --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v23-0-0);
345
348
  }
346
- .magritte-input___LVTID_9-0-4.magritte-disabled___0NH6E_9-0-4 .magritte-position-container___kZnvZ_9-0-4{
347
- background-color:var(--magritte-color-component-input-background-state-field-disabled-v22-1-0);
348
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v22-1-0);
349
+ .magritte-input___LVTID_9-0-6.magritte-disabled___0NH6E_9-0-6 .magritte-position-container___kZnvZ_9-0-6{
350
+ background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-0-0);
351
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v23-0-0);
349
352
  }
350
- .magritte-input___LVTID_9-0-4.magritte-disabled___0NH6E_9-0-4 .magritte-field___9S8Tw_9-0-4{
351
- color:var(--magritte-color-component-input-text-state-content-disabled-v22-1-0);
352
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v22-1-0);
353
+ .magritte-input___LVTID_9-0-6.magritte-disabled___0NH6E_9-0-6 .magritte-field___9S8Tw_9-0-6{
354
+ color:var(--magritte-color-component-input-text-state-content-disabled-v23-0-0);
355
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v23-0-0);
353
356
  opacity:1;
354
357
  }
355
- .magritte-input___LVTID_9-0-4.magritte-disabled___0NH6E_9-0-4 .magritte-hint___EFGK0_9-0-4{
358
+ .magritte-input___LVTID_9-0-6.magritte-disabled___0NH6E_9-0-6 .magritte-hint___EFGK0_9-0-6{
356
359
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-disabled';
357
- color:var(--magritte-color-component-input-text-state-description-disabled-v22-1-0);
360
+ color:var(--magritte-color-component-input-text-state-description-disabled-v23-0-0);
358
361
  }
359
- .magritte-input___LVTID_9-0-4.magritte-disabled___0NH6E_9-0-4 .magritte-additional-value___9Kyap_9-0-4{
360
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-disabled-v22-1-0);
362
+ .magritte-input___LVTID_9-0-6.magritte-disabled___0NH6E_9-0-6 .magritte-additional-value___9Kyap_9-0-6{
363
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-disabled-v23-0-0);
361
364
  }
362
- .magritte-input___LVTID_9-0-4.magritte-disabled___0NH6E_9-0-4 .magritte-label_elevated___PVcpC_9-0-4{
363
- color:var(--magritte-color-component-input-text-state-label-disabled-v22-1-0);
365
+ .magritte-input___LVTID_9-0-6.magritte-disabled___0NH6E_9-0-6 .magritte-label_elevated___PVcpC_9-0-6{
366
+ color:var(--magritte-color-component-input-text-state-label-disabled-v23-0-0);
364
367
  }
365
- .magritte-input___LVTID_9-0-4.magritte-disabled___0NH6E_9-0-4 .magritte-label___YlOQk_9-0-4:not(.magritte-label_elevated___PVcpC_9-0-4),
366
- .magritte-input___LVTID_9-0-4.magritte-disabled___0NH6E_9-0-4 .magritte-fixed-placeholder___PYJIH_9-0-4{
367
- color:var(--magritte-color-component-input-text-state-placeholder-disabled-v22-1-0);
368
+ .magritte-input___LVTID_9-0-6.magritte-disabled___0NH6E_9-0-6 .magritte-label___YlOQk_9-0-6:not(.magritte-label_elevated___PVcpC_9-0-6),
369
+ .magritte-input___LVTID_9-0-6.magritte-disabled___0NH6E_9-0-6 .magritte-fixed-placeholder___PYJIH_9-0-6{
370
+ color:var(--magritte-color-component-input-text-state-placeholder-disabled-v23-0-0);
368
371
  }
369
- .magritte-input___LVTID_9-0-4.magritte-disabled___0NH6E_9-0-4 .magritte-icon___HEDsQ_9-0-4{
370
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-disabled-v22-1-0);
372
+ .magritte-input___LVTID_9-0-6.magritte-disabled___0NH6E_9-0-6 .magritte-icon___HEDsQ_9-0-6{
373
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-disabled-v23-0-0);
371
374
  }
372
- .magritte-input___LVTID_9-0-4.magritte-disabled___0NH6E_9-0-4 .magritte-right-container___N0B0o_9-0-4{
373
- --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-state-content-disabled-v22-1-0);
374
- --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-state-content-disabled-v22-1-0);
375
+ .magritte-input___LVTID_9-0-6.magritte-disabled___0NH6E_9-0-6 .magritte-right-container___N0B0o_9-0-6{
376
+ --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-state-content-disabled-v23-0-0);
377
+ --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-state-content-disabled-v23-0-0);
375
378
  }
376
379
  @media (prefers-reduced-motion){
377
- .magritte-input___LVTID_9-0-4{
380
+ .magritte-input___LVTID_9-0-6{
378
381
  --animation-100-duration:1ms;
379
382
  --animation-200-duration:1ms;
380
383
  }
381
384
  }
382
- .magritte-position-container___kZnvZ_9-0-4{
385
+ .magritte-position-container___kZnvZ_9-0-6{
383
386
  cursor:text;
384
387
  display:flex;
385
388
  align-items:center;
386
389
  position:relative;
387
- background-color:var(--magritte-color-component-input-background-field-v22-1-0);
390
+ background-color:var(--magritte-color-component-input-background-field-v23-0-0);
388
391
  border-radius:12px;
389
392
  overflow:hidden;
390
393
  box-sizing:content-box;
391
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v22-1-0);
394
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v23-0-0);
392
395
  padding:4px 4px 4px 16px;
393
396
  }
394
- .magritte-with-icon___TPBe2_9-0-4 .magritte-position-container___kZnvZ_9-0-4{
397
+ .magritte-with-icon___TPBe2_9-0-6 .magritte-position-container___kZnvZ_9-0-6{
395
398
  padding-left:12px;
396
399
  }
397
- .magritte-large___9frRh_9-0-4 .magritte-position-container___kZnvZ_9-0-4{
400
+ .magritte-large___9frRh_9-0-6 .magritte-position-container___kZnvZ_9-0-6{
398
401
  padding:8px 8px 8px 16px;
399
402
  }
400
- .magritte-small___iQL4F_9-0-4 .magritte-position-container___kZnvZ_9-0-4{
403
+ .magritte-small___iQL4F_9-0-6 .magritte-position-container___kZnvZ_9-0-6{
401
404
  padding:0 2px 0 12px;
402
405
  }
403
- .magritte-right-container___N0B0o_9-0-4{
406
+ .magritte-right-container___N0B0o_9-0-6{
404
407
  display:flex;
405
408
  align-items:center;
406
409
  justify-content:center;
407
- --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-content-v22-1-0);
408
- --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-content-v22-1-0);
410
+ --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-content-v23-0-0);
411
+ --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-content-v23-0-0);
409
412
  }
410
- .magritte-autofill-helper___WFjOW_9-0-4{
413
+ .magritte-autofill-helper___WFjOW_9-0-6{
411
414
  position:absolute;
412
415
  left:1px;
413
416
  top:1px;
414
417
  width:calc(100% - 1px * 2);
415
418
  height:calc(100% - 1px * 2);
416
- background-color:var(--magritte-color-base-blue-95-v22-1-0);
419
+ background-color:var(--magritte-color-base-blue-95-v23-0-0);
417
420
  border-radius:11px;
418
421
  display:none;
419
422
  }
420
- .magritte-autofill-helper___WFjOW_9-0-4:has(+ .magritte-content-container___s-0kX_9-0-4 .magritte-field___9S8Tw_9-0-4:autofill){
423
+ .magritte-autofill-helper___WFjOW_9-0-6:has(+ .magritte-content-container___s-0kX_9-0-6 .magritte-field___9S8Tw_9-0-6:autofill){
421
424
  display:block;
422
425
  }
423
- .magritte-autofill-helper___WFjOW_9-0-4:has(+ .magritte-content-container___s-0kX_9-0-4 .magritte-field___9S8Tw_9-0-4:autofill:focus){
426
+ .magritte-autofill-helper___WFjOW_9-0-6:has(+ .magritte-content-container___s-0kX_9-0-6 .magritte-field___9S8Tw_9-0-6:autofill:focus){
424
427
  border-radius:10px;
425
428
  left:2px;
426
429
  top:2px;
427
430
  width:calc(100% - 2px * 2);
428
431
  height:calc(100% - 2px * 2);
429
432
  }
430
- .magritte-field___9S8Tw_9-0-4{
433
+ .magritte-field___9S8Tw_9-0-6{
431
434
  position:absolute;
432
435
  inset:0;
433
436
  background:none;
@@ -437,35 +440,35 @@
437
440
  padding:0;
438
441
  min-width:0;
439
442
  width:100%;
440
- color:var(--magritte-color-component-input-text-content-v22-1-0);
441
- caret-color:var(--magritte-ui-input-caret-color-override, var(--magritte-color-text-primary-v22-1-0));
443
+ color:var(--magritte-color-component-input-text-content-v23-0-0);
444
+ caret-color:var(--magritte-ui-input-caret-color-override, var(--magritte-color-text-primary-v23-0-0));
442
445
  outline:none;
443
- font-family:var(--magritte-typography-label-2-regular-font-family-v22-1-0);
444
- font-weight:var(--magritte-typography-label-2-regular-font-weight-v22-1-0);
445
- line-height:var(--magritte-typography-label-2-regular-line-height-v22-1-0);
446
- font-size:var(--magritte-typography-label-2-regular-font-size-v22-1-0);
447
- letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v22-1-0);
448
- text-indent:var(--magritte-typography-label-2-regular-text-indent-v22-1-0);
449
- text-transform:var(--magritte-typography-label-2-regular-text-transform-v22-1-0);
450
- text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v22-1-0);
451
- }
452
- .magritte-small___iQL4F_9-0-4 .magritte-field___9S8Tw_9-0-4{
453
- font-family:var(--magritte-typography-label-3-regular-font-family-v22-1-0);
454
- font-weight:var(--magritte-typography-label-3-regular-font-weight-v22-1-0);
455
- line-height:var(--magritte-typography-label-3-regular-line-height-v22-1-0);
456
- font-size:var(--magritte-typography-label-3-regular-font-size-v22-1-0);
457
- letter-spacing:var(--magritte-typography-label-3-regular-letter-spacing-v22-1-0);
458
- text-indent:var(--magritte-typography-label-3-regular-text-indent-v22-1-0);
459
- text-transform:var(--magritte-typography-label-3-regular-text-transform-v22-1-0);
460
- text-decoration:var(--magritte-typography-label-3-regular-text-decoration-v22-1-0);
461
- }
462
- .magritte-field___9S8Tw_9-0-4:autofill{
463
- box-shadow:inset 0 0 40px 40px var(--magritte-color-base-blue-95-v22-1-0);
464
- }
465
- .magritte-field___9S8Tw_9-0-4::-ms-reveal{
446
+ font-family:var(--magritte-typography-label-2-regular-font-family-v23-0-0);
447
+ font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-0-0);
448
+ line-height:var(--magritte-typography-label-2-regular-line-height-v23-0-0);
449
+ font-size:var(--magritte-typography-label-2-regular-font-size-v23-0-0);
450
+ letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v23-0-0);
451
+ text-indent:var(--magritte-typography-label-2-regular-text-indent-v23-0-0);
452
+ text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-0-0);
453
+ text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-0-0);
454
+ }
455
+ .magritte-small___iQL4F_9-0-6 .magritte-field___9S8Tw_9-0-6{
456
+ font-family:var(--magritte-typography-label-3-regular-font-family-v23-0-0);
457
+ font-weight:var(--magritte-typography-label-3-regular-font-weight-v23-0-0);
458
+ line-height:var(--magritte-typography-label-3-regular-line-height-v23-0-0);
459
+ font-size:var(--magritte-typography-label-3-regular-font-size-v23-0-0);
460
+ letter-spacing:var(--magritte-typography-label-3-regular-letter-spacing-v23-0-0);
461
+ text-indent:var(--magritte-typography-label-3-regular-text-indent-v23-0-0);
462
+ text-transform:var(--magritte-typography-label-3-regular-text-transform-v23-0-0);
463
+ text-decoration:var(--magritte-typography-label-3-regular-text-decoration-v23-0-0);
464
+ }
465
+ .magritte-field___9S8Tw_9-0-6:autofill{
466
+ box-shadow:inset 0 0 40px 40px var(--magritte-color-base-blue-95-v23-0-0);
467
+ }
468
+ .magritte-field___9S8Tw_9-0-6::-ms-reveal{
466
469
  display:none;
467
470
  }
468
- .magritte-icon___HEDsQ_9-0-4{
471
+ .magritte-icon___HEDsQ_9-0-6{
469
472
  display:flex;
470
473
  align-items:center;
471
474
  position:absolute;
@@ -473,23 +476,23 @@
473
476
  inset:0;
474
477
  pointer-events:none;
475
478
  z-index:1;
476
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-content-v22-1-0);
479
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-content-v23-0-0);
477
480
  }
478
- .magritte-with-icon___TPBe2_9-0-4 .magritte-field___9S8Tw_9-0-4,
479
- .magritte-with-icon___TPBe2_9-0-4 .magritte-additional-value___9Kyap_9-0-4{
481
+ .magritte-with-icon___TPBe2_9-0-6 .magritte-field___9S8Tw_9-0-6,
482
+ .magritte-with-icon___TPBe2_9-0-6 .magritte-additional-value___9Kyap_9-0-6{
480
483
  padding-left:calc(24px + 12px);
481
484
  }
482
- .magritte-with-icon___TPBe2_9-0-4 .magritte-rigging-container___Up9Lb_9-0-4{
485
+ .magritte-with-icon___TPBe2_9-0-6 .magritte-rigging-container___Up9Lb_9-0-6{
483
486
  left:calc(24px + 12px);
484
487
  }
485
- .magritte-with-icon___TPBe2_9-0-4.magritte-small___iQL4F_9-0-4 .magritte-field___9S8Tw_9-0-4,
486
- .magritte-with-icon___TPBe2_9-0-4.magritte-small___iQL4F_9-0-4 .magritte-additional-value___9Kyap_9-0-4{
488
+ .magritte-with-icon___TPBe2_9-0-6.magritte-small___iQL4F_9-0-6 .magritte-field___9S8Tw_9-0-6,
489
+ .magritte-with-icon___TPBe2_9-0-6.magritte-small___iQL4F_9-0-6 .magritte-additional-value___9Kyap_9-0-6{
487
490
  padding-left:calc(16px + 10px);
488
491
  }
489
- .magritte-with-icon___TPBe2_9-0-4.magritte-small___iQL4F_9-0-4 .magritte-rigging-container___Up9Lb_9-0-4{
492
+ .magritte-with-icon___TPBe2_9-0-6.magritte-small___iQL4F_9-0-6 .magritte-rigging-container___Up9Lb_9-0-6{
490
493
  left:calc(16px + 10px);
491
494
  }
492
- .magritte-rigging-container___Up9Lb_9-0-4{
495
+ .magritte-rigging-container___Up9Lb_9-0-6{
493
496
  display:flex;
494
497
  align-items:center;
495
498
  position:absolute;
@@ -497,53 +500,53 @@
497
500
  inset:0;
498
501
  pointer-events:none;
499
502
  }
500
- .magritte-label___YlOQk_9-0-4,
501
- .magritte-fixed-placeholder___PYJIH_9-0-4{
503
+ .magritte-label___YlOQk_9-0-6,
504
+ .magritte-fixed-placeholder___PYJIH_9-0-6{
502
505
  white-space:nowrap;
503
506
  overflow:hidden;
504
507
  text-overflow:ellipsis;
505
508
  user-select:none;
506
509
  transition-property:color;
507
510
  transition-duration:var(--animation-100-duration);
508
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v22-1-0);
509
- color:var(--magritte-color-component-input-text-placeholder-v22-1-0);
510
- font-family:var(--magritte-typography-label-2-regular-font-family-v22-1-0);
511
- font-weight:var(--magritte-typography-label-2-regular-font-weight-v22-1-0);
512
- line-height:var(--magritte-typography-label-2-regular-line-height-v22-1-0);
513
- font-size:var(--magritte-typography-label-2-regular-font-size-v22-1-0);
514
- letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v22-1-0);
515
- text-indent:var(--magritte-typography-label-2-regular-text-indent-v22-1-0);
516
- text-transform:var(--magritte-typography-label-2-regular-text-transform-v22-1-0);
517
- text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v22-1-0);
518
- }
519
- .magritte-small___iQL4F_9-0-4 .magritte-label___YlOQk_9-0-4,
520
- .magritte-small___iQL4F_9-0-4 .magritte-fixed-placeholder___PYJIH_9-0-4{
521
- font-family:var(--magritte-typography-label-3-regular-font-family-v22-1-0);
522
- font-weight:var(--magritte-typography-label-3-regular-font-weight-v22-1-0);
523
- line-height:var(--magritte-typography-label-3-regular-line-height-v22-1-0);
524
- font-size:var(--magritte-typography-label-3-regular-font-size-v22-1-0);
525
- letter-spacing:var(--magritte-typography-label-3-regular-letter-spacing-v22-1-0);
526
- text-indent:var(--magritte-typography-label-3-regular-text-indent-v22-1-0);
527
- text-transform:var(--magritte-typography-label-3-regular-text-transform-v22-1-0);
528
- text-decoration:var(--magritte-typography-label-3-regular-text-decoration-v22-1-0);
529
- }
530
- .magritte-label___YlOQk_9-0-4{
511
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-0-0);
512
+ color:var(--magritte-color-component-input-text-placeholder-v23-0-0);
513
+ font-family:var(--magritte-typography-label-2-regular-font-family-v23-0-0);
514
+ font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-0-0);
515
+ line-height:var(--magritte-typography-label-2-regular-line-height-v23-0-0);
516
+ font-size:var(--magritte-typography-label-2-regular-font-size-v23-0-0);
517
+ letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v23-0-0);
518
+ text-indent:var(--magritte-typography-label-2-regular-text-indent-v23-0-0);
519
+ text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-0-0);
520
+ text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-0-0);
521
+ }
522
+ .magritte-small___iQL4F_9-0-6 .magritte-label___YlOQk_9-0-6,
523
+ .magritte-small___iQL4F_9-0-6 .magritte-fixed-placeholder___PYJIH_9-0-6{
524
+ font-family:var(--magritte-typography-label-3-regular-font-family-v23-0-0);
525
+ font-weight:var(--magritte-typography-label-3-regular-font-weight-v23-0-0);
526
+ line-height:var(--magritte-typography-label-3-regular-line-height-v23-0-0);
527
+ font-size:var(--magritte-typography-label-3-regular-font-size-v23-0-0);
528
+ letter-spacing:var(--magritte-typography-label-3-regular-letter-spacing-v23-0-0);
529
+ text-indent:var(--magritte-typography-label-3-regular-text-indent-v23-0-0);
530
+ text-transform:var(--magritte-typography-label-3-regular-text-transform-v23-0-0);
531
+ text-decoration:var(--magritte-typography-label-3-regular-text-decoration-v23-0-0);
532
+ }
533
+ .magritte-label___YlOQk_9-0-6{
531
534
  display:block;
532
535
  transition-property:transform, color, font-size, letter-spacing;
533
536
  }
534
- .magritte-label_elevated___PVcpC_9-0-4{
535
- font-family:var(--magritte-typography-label-4-regular-font-family-v22-1-0);
536
- font-weight:var(--magritte-typography-label-4-regular-font-weight-v22-1-0);
537
- line-height:var(--magritte-typography-label-4-regular-line-height-v22-1-0);
538
- font-size:var(--magritte-typography-label-4-regular-font-size-v22-1-0);
539
- letter-spacing:var(--magritte-typography-label-4-regular-letter-spacing-v22-1-0);
540
- text-indent:var(--magritte-typography-label-4-regular-text-indent-v22-1-0);
541
- text-transform:var(--magritte-typography-label-4-regular-text-transform-v22-1-0);
542
- text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v22-1-0);
543
- color:var(--magritte-color-component-input-text-label-v22-1-0);
544
- transform:translateY(calc(0px - var(--magritte-typography-label-2-regular-line-height-v22-1-0) / 2));
545
- }
546
- .magritte-input__mask___CHda2_9-0-4{
537
+ .magritte-label_elevated___PVcpC_9-0-6{
538
+ font-family:var(--magritte-typography-label-4-regular-font-family-v23-0-0);
539
+ font-weight:var(--magritte-typography-label-4-regular-font-weight-v23-0-0);
540
+ line-height:var(--magritte-typography-label-4-regular-line-height-v23-0-0);
541
+ font-size:var(--magritte-typography-label-4-regular-font-size-v23-0-0);
542
+ letter-spacing:var(--magritte-typography-label-4-regular-letter-spacing-v23-0-0);
543
+ text-indent:var(--magritte-typography-label-4-regular-text-indent-v23-0-0);
544
+ text-transform:var(--magritte-typography-label-4-regular-text-transform-v23-0-0);
545
+ text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v23-0-0);
546
+ color:var(--magritte-color-component-input-text-label-v23-0-0);
547
+ transform:translateY(calc(0px - var(--magritte-typography-label-2-regular-line-height-v23-0-0) / 2));
548
+ }
549
+ .magritte-input__mask___CHda2_9-0-6{
547
550
  position:absolute;
548
551
  width:100%;
549
552
  pointer-events:none;
@@ -551,21 +554,21 @@
551
554
  max-width:100%;
552
555
  white-space:nowrap;
553
556
  text-overflow:ellipsis;
554
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-content-v22-1-0);
557
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-content-v23-0-0);
555
558
  }
556
- .magritte-value-ghost___IXNZj_9-0-4{
559
+ .magritte-value-ghost___IXNZj_9-0-6{
557
560
  visibility:hidden;
558
561
  white-space:pre;
559
562
  }
560
- .magritte-hint-container___rGsD8_9-0-4{
563
+ .magritte-hint-container___rGsD8_9-0-6{
561
564
  display:flex;
562
565
  flex-grow:1;
563
566
  align-items:center;
564
567
  min-width:0;
565
568
  }
566
- .magritte-hint___EFGK0_9-0-4{
567
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-description-v22-1-0);
568
- color:var(--magritte-color-component-input-text-description-v22-1-0);
569
+ .magritte-hint___EFGK0_9-0-6{
570
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-description-v23-0-0);
571
+ color:var(--magritte-color-component-input-text-description-v23-0-0);
569
572
  overflow:hidden;
570
573
  white-space:nowrap;
571
574
  text-overflow:ellipsis;
@@ -573,30 +576,30 @@
573
576
  z-index:1;
574
577
  padding-right:4px;
575
578
  }
576
- .magritte-content-container___s-0kX_9-0-4{
579
+ .magritte-content-container___s-0kX_9-0-6{
577
580
  position:relative;
578
581
  flex:1 0 auto;
579
582
  display:flex;
580
583
  padding:8px 12px 8px 0;
581
584
  max-width:100%;
582
585
  }
583
- .magritte-elevated___kPcsM_9-0-4 .magritte-content-container___s-0kX_9-0-4{
586
+ .magritte-elevated___kPcsM_9-0-6 .magritte-content-container___s-0kX_9-0-6{
584
587
  padding-top:18px;
585
588
  padding-bottom:0;
586
589
  }
587
- .magritte-small___iQL4F_9-0-4 .magritte-content-container___s-0kX_9-0-4{
590
+ .magritte-small___iQL4F_9-0-6 .magritte-content-container___s-0kX_9-0-6{
588
591
  padding-right:10px;
589
592
  }
590
- .magritte-counter___Bld3Q_9-0-4{
593
+ .magritte-counter___Bld3Q_9-0-6{
591
594
  padding:0 8px;
592
595
  z-index:1;
593
596
  }
594
- .magritte-value-container___6ReT7_9-0-4{
597
+ .magritte-value-container___6ReT7_9-0-6{
595
598
  position:relative;
596
599
  display:grid;
597
600
  width:100%;
598
601
  }
599
- .magritte-additional-value___9Kyap_9-0-4{
602
+ .magritte-additional-value___9Kyap_9-0-6{
600
603
  display:flex;
601
604
  align-items:center;
602
605
  grid-area:1 / 1;
@@ -606,6 +609,6 @@
606
609
  color:transparent;
607
610
  min-height:24px;
608
611
  }
609
- .magritte-elevated___kPcsM_9-0-4 .magritte-additional-value___9Kyap_9-0-4{
612
+ .magritte-elevated___kPcsM_9-0-6 .magritte-additional-value___9Kyap_9-0-6{
610
613
  min-height:22px;
611
614
  }