@hh.ru/magritte-ui-input 8.0.1 → 9.0.1

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