@hh.ru/magritte-ui-input 9.4.36 → 9.4.38

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