@hh.ru/magritte-ui-input 5.0.27 → 5.0.29

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 (11) hide show
  1. package/BaseInput.js +2 -2
  2. package/BaseInput.js.map +1 -1
  3. package/DateTimeInput.js +1 -1
  4. package/UncontrolledDateTimeInput.js +1 -1
  5. package/index.css +114 -87
  6. package/{index.esm-jCMiQLQm.js → index.esm-CTmNhX1-.js} +1 -1
  7. package/{index.esm-jCMiQLQm.js.map → index.esm-CTmNhX1-.js.map} +1 -1
  8. package/index.js +1 -1
  9. package/maskito-exports.js +1 -1
  10. package/package.json +5 -3
  11. package/useDateTimeMask.js +1 -1
package/index.css CHANGED
@@ -59,6 +59,7 @@
59
59
  --magritte-typography-label-4-regular-text-indent-v18-2-1:0px;
60
60
  --magritte-typography-label-4-regular-text-transform-v18-2-1:none;
61
61
  --magritte-typography-label-4-regular-text-decoration-v18-2-1:none;
62
+ --magritte-color-base-blue-95-v18-2-1:#e7f2ff;
62
63
  --magritte-semantic-animation-ease-in-out-100-timing-function-v18-2-1:cubic-bezier(0.25, 0.1, 0.25, 1);
63
64
  --magritte-semantic-animation-ease-in-out-100-duration-v18-2-1:100ms;
64
65
  --magritte-semantic-animation-ease-in-out-200-duration-v18-2-1:200ms;
@@ -107,22 +108,22 @@
107
108
  --magritte-color-component-input-icon-state-content-disabled-v18-2-1:#474747;
108
109
  --magritte-color-component-input-icon-content-v18-2-1:#ABABAB;
109
110
  }
110
- .magritte-input___LVTID_5-0-27{
111
+ .magritte-input___LVTID_5-0-29{
111
112
  display:inline-block;
112
113
  width:100%;
113
114
  --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v18-2-1);
114
115
  --animation-200-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-2-1);
115
116
  }
116
- .magritte-input___LVTID_5-0-27:has(input:autofill) .magritte-label___YlOQk_5-0-27{
117
+ .magritte-input___LVTID_5-0-29:has(input:autofill) .magritte-label___YlOQk_5-0-29{
117
118
  display:none;
118
119
  }
119
- .magritte-input___LVTID_5-0-27.magritte-elevated___kPcsM_5-0-27:has(input:autofill) .magritte-label___YlOQk_5-0-27{
120
+ .magritte-input___LVTID_5-0-29.magritte-elevated___kPcsM_5-0-29:has(input:autofill) .magritte-label___YlOQk_5-0-29{
120
121
  display:block;
121
122
  transform:translateY(calc(0px - ((var(--magritte-typography-label-4-regular-line-height-v18-2-1) + var(--magritte-typography-label-2-regular-line-height-v18-2-1)) / 2) + (var(--magritte-typography-label-4-regular-line-height-v18-2-1) / 2)));
122
123
  transition-duration:0ms;
123
124
  color:var(--magritte-color-component-input-text-label-v18-2-1);
124
125
  }
125
- .magritte-input___LVTID_5-0-27.magritte-elevated___kPcsM_5-0-27:has(input:autofill) .magritte-label___YlOQk_5-0-27 > *{
126
+ .magritte-input___LVTID_5-0-29.magritte-elevated___kPcsM_5-0-29:has(input:autofill) .magritte-label___YlOQk_5-0-29 > *{
126
127
  font-family:var(--magritte-typography-label-4-regular-font-family-v18-2-1);
127
128
  font-weight:var(--magritte-typography-label-4-regular-font-weight-v18-2-1);
128
129
  line-height:var(--magritte-typography-label-4-regular-line-height-v18-2-1);
@@ -133,200 +134,200 @@
133
134
  text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v18-2-1);
134
135
  }
135
136
  @media (min-width: 1020px){
136
- body.magritte-old-layout .magritte-input___LVTID_5-0-27:not(.magritte-focused___dxrHD_5-0-27):not(.magritte-invalid___L5MVa_5-0-27):not(.magritte-disabled___0NH6E_5-0-27):hover{
137
+ body.magritte-old-layout .magritte-input___LVTID_5-0-29:not(.magritte-focused___dxrHD_5-0-29):not(.magritte-invalid___L5MVa_5-0-29):not(.magritte-disabled___0NH6E_5-0-29):hover{
137
138
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v18-2-1);
138
139
  }
139
- body.magritte-old-layout .magritte-input___LVTID_5-0-27:not(.magritte-focused___dxrHD_5-0-27):not(.magritte-invalid___L5MVa_5-0-27):not(.magritte-disabled___0NH6E_5-0-27):hover .magritte-position-container___kZnvZ_5-0-27{
140
+ body.magritte-old-layout .magritte-input___LVTID_5-0-29:not(.magritte-focused___dxrHD_5-0-29):not(.magritte-invalid___L5MVa_5-0-29):not(.magritte-disabled___0NH6E_5-0-29):hover .magritte-position-container___kZnvZ_5-0-29{
140
141
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v18-2-1);
141
142
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v18-2-1);
142
143
  }
143
- body.magritte-old-layout .magritte-input___LVTID_5-0-27:not(.magritte-focused___dxrHD_5-0-27):not(.magritte-invalid___L5MVa_5-0-27):not(.magritte-disabled___0NH6E_5-0-27):hover .magritte-field___9S8Tw_5-0-27{
144
+ body.magritte-old-layout .magritte-input___LVTID_5-0-29:not(.magritte-focused___dxrHD_5-0-29):not(.magritte-invalid___L5MVa_5-0-29):not(.magritte-disabled___0NH6E_5-0-29):hover .magritte-field___9S8Tw_5-0-29{
144
145
  color:var(--magritte-color-component-input-text-state-content-hovered-v18-2-1);
145
146
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v18-2-1);
146
147
  opacity:1;
147
148
  }
148
- body.magritte-old-layout .magritte-input___LVTID_5-0-27:not(.magritte-focused___dxrHD_5-0-27):not(.magritte-invalid___L5MVa_5-0-27):not(.magritte-disabled___0NH6E_5-0-27):hover .magritte-hint___EFGK0_5-0-27{
149
+ body.magritte-old-layout .magritte-input___LVTID_5-0-29:not(.magritte-focused___dxrHD_5-0-29):not(.magritte-invalid___L5MVa_5-0-29):not(.magritte-disabled___0NH6E_5-0-29):hover .magritte-hint___EFGK0_5-0-29{
149
150
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
150
151
  color:var(--magritte-color-component-input-text-state-description-hovered-v18-2-1);
151
152
  }
152
- body.magritte-old-layout .magritte-input___LVTID_5-0-27:not(.magritte-focused___dxrHD_5-0-27):not(.magritte-invalid___L5MVa_5-0-27):not(.magritte-disabled___0NH6E_5-0-27):hover .magritte-additional-value___9Kyap_5-0-27{
153
+ body.magritte-old-layout .magritte-input___LVTID_5-0-29:not(.magritte-focused___dxrHD_5-0-29):not(.magritte-invalid___L5MVa_5-0-29):not(.magritte-disabled___0NH6E_5-0-29):hover .magritte-additional-value___9Kyap_5-0-29{
153
154
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v18-2-1);
154
155
  }
155
- body.magritte-old-layout .magritte-input___LVTID_5-0-27:not(.magritte-focused___dxrHD_5-0-27):not(.magritte-invalid___L5MVa_5-0-27):not(.magritte-disabled___0NH6E_5-0-27):hover .magritte-label_elevated___PVcpC_5-0-27{
156
+ body.magritte-old-layout .magritte-input___LVTID_5-0-29:not(.magritte-focused___dxrHD_5-0-29):not(.magritte-invalid___L5MVa_5-0-29):not(.magritte-disabled___0NH6E_5-0-29):hover .magritte-label_elevated___PVcpC_5-0-29{
156
157
  color:var(--magritte-color-component-input-text-state-label-hovered-v18-2-1);
157
158
  }
158
- body.magritte-old-layout .magritte-input___LVTID_5-0-27:not(.magritte-focused___dxrHD_5-0-27):not(.magritte-invalid___L5MVa_5-0-27):not(.magritte-disabled___0NH6E_5-0-27):hover .magritte-label___YlOQk_5-0-27:not(.magritte-label_elevated___PVcpC_5-0-27),
159
- body.magritte-old-layout .magritte-input___LVTID_5-0-27:not(.magritte-focused___dxrHD_5-0-27):not(.magritte-invalid___L5MVa_5-0-27):not(.magritte-disabled___0NH6E_5-0-27):hover .magritte-fixed-placeholder___PYJIH_5-0-27{
159
+ body.magritte-old-layout .magritte-input___LVTID_5-0-29:not(.magritte-focused___dxrHD_5-0-29):not(.magritte-invalid___L5MVa_5-0-29):not(.magritte-disabled___0NH6E_5-0-29):hover .magritte-label___YlOQk_5-0-29:not(.magritte-label_elevated___PVcpC_5-0-29),
160
+ body.magritte-old-layout .magritte-input___LVTID_5-0-29:not(.magritte-focused___dxrHD_5-0-29):not(.magritte-invalid___L5MVa_5-0-29):not(.magritte-disabled___0NH6E_5-0-29):hover .magritte-fixed-placeholder___PYJIH_5-0-29{
160
161
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v18-2-1);
161
162
  }
162
- body.magritte-old-layout .magritte-input___LVTID_5-0-27:not(.magritte-focused___dxrHD_5-0-27):not(.magritte-invalid___L5MVa_5-0-27):not(.magritte-disabled___0NH6E_5-0-27):hover .magritte-icon___HEDsQ_5-0-27{
163
+ body.magritte-old-layout .magritte-input___LVTID_5-0-29:not(.magritte-focused___dxrHD_5-0-29):not(.magritte-invalid___L5MVa_5-0-29):not(.magritte-disabled___0NH6E_5-0-29):hover .magritte-icon___HEDsQ_5-0-29{
163
164
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v18-2-1);
164
165
  }
165
166
  }
166
167
  @media (min-width: 1024px){
167
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-27:not(.magritte-focused___dxrHD_5-0-27):not(.magritte-invalid___L5MVa_5-0-27):not(.magritte-disabled___0NH6E_5-0-27):hover{
168
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-29:not(.magritte-focused___dxrHD_5-0-29):not(.magritte-invalid___L5MVa_5-0-29):not(.magritte-disabled___0NH6E_5-0-29):hover{
168
169
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v18-2-1);
169
170
  }
170
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-27:not(.magritte-focused___dxrHD_5-0-27):not(.magritte-invalid___L5MVa_5-0-27):not(.magritte-disabled___0NH6E_5-0-27):hover .magritte-position-container___kZnvZ_5-0-27{
171
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-29:not(.magritte-focused___dxrHD_5-0-29):not(.magritte-invalid___L5MVa_5-0-29):not(.magritte-disabled___0NH6E_5-0-29):hover .magritte-position-container___kZnvZ_5-0-29{
171
172
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v18-2-1);
172
173
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v18-2-1);
173
174
  }
174
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-27:not(.magritte-focused___dxrHD_5-0-27):not(.magritte-invalid___L5MVa_5-0-27):not(.magritte-disabled___0NH6E_5-0-27):hover .magritte-field___9S8Tw_5-0-27{
175
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-29:not(.magritte-focused___dxrHD_5-0-29):not(.magritte-invalid___L5MVa_5-0-29):not(.magritte-disabled___0NH6E_5-0-29):hover .magritte-field___9S8Tw_5-0-29{
175
176
  color:var(--magritte-color-component-input-text-state-content-hovered-v18-2-1);
176
177
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v18-2-1);
177
178
  opacity:1;
178
179
  }
179
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-27:not(.magritte-focused___dxrHD_5-0-27):not(.magritte-invalid___L5MVa_5-0-27):not(.magritte-disabled___0NH6E_5-0-27):hover .magritte-hint___EFGK0_5-0-27{
180
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-29:not(.magritte-focused___dxrHD_5-0-29):not(.magritte-invalid___L5MVa_5-0-29):not(.magritte-disabled___0NH6E_5-0-29):hover .magritte-hint___EFGK0_5-0-29{
180
181
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
181
182
  color:var(--magritte-color-component-input-text-state-description-hovered-v18-2-1);
182
183
  }
183
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-27:not(.magritte-focused___dxrHD_5-0-27):not(.magritte-invalid___L5MVa_5-0-27):not(.magritte-disabled___0NH6E_5-0-27):hover .magritte-additional-value___9Kyap_5-0-27{
184
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-29:not(.magritte-focused___dxrHD_5-0-29):not(.magritte-invalid___L5MVa_5-0-29):not(.magritte-disabled___0NH6E_5-0-29):hover .magritte-additional-value___9Kyap_5-0-29{
184
185
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v18-2-1);
185
186
  }
186
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-27:not(.magritte-focused___dxrHD_5-0-27):not(.magritte-invalid___L5MVa_5-0-27):not(.magritte-disabled___0NH6E_5-0-27):hover .magritte-label_elevated___PVcpC_5-0-27{
187
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-29:not(.magritte-focused___dxrHD_5-0-29):not(.magritte-invalid___L5MVa_5-0-29):not(.magritte-disabled___0NH6E_5-0-29):hover .magritte-label_elevated___PVcpC_5-0-29{
187
188
  color:var(--magritte-color-component-input-text-state-label-hovered-v18-2-1);
188
189
  }
189
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-27:not(.magritte-focused___dxrHD_5-0-27):not(.magritte-invalid___L5MVa_5-0-27):not(.magritte-disabled___0NH6E_5-0-27):hover .magritte-label___YlOQk_5-0-27:not(.magritte-label_elevated___PVcpC_5-0-27),
190
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-27:not(.magritte-focused___dxrHD_5-0-27):not(.magritte-invalid___L5MVa_5-0-27):not(.magritte-disabled___0NH6E_5-0-27):hover .magritte-fixed-placeholder___PYJIH_5-0-27{
190
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-29:not(.magritte-focused___dxrHD_5-0-29):not(.magritte-invalid___L5MVa_5-0-29):not(.magritte-disabled___0NH6E_5-0-29):hover .magritte-label___YlOQk_5-0-29:not(.magritte-label_elevated___PVcpC_5-0-29),
191
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-29:not(.magritte-focused___dxrHD_5-0-29):not(.magritte-invalid___L5MVa_5-0-29):not(.magritte-disabled___0NH6E_5-0-29):hover .magritte-fixed-placeholder___PYJIH_5-0-29{
191
192
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v18-2-1);
192
193
  }
193
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-27:not(.magritte-focused___dxrHD_5-0-27):not(.magritte-invalid___L5MVa_5-0-27):not(.magritte-disabled___0NH6E_5-0-27):hover .magritte-icon___HEDsQ_5-0-27{
194
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-29:not(.magritte-focused___dxrHD_5-0-29):not(.magritte-invalid___L5MVa_5-0-29):not(.magritte-disabled___0NH6E_5-0-29):hover .magritte-icon___HEDsQ_5-0-29{
194
195
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v18-2-1);
195
196
  }
196
197
  }
197
- .magritte-input___LVTID_5-0-27.magritte-focused___dxrHD_5-0-27{
198
+ .magritte-input___LVTID_5-0-29.magritte-focused___dxrHD_5-0-29{
198
199
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v18-2-1);
199
200
  }
200
- .magritte-input___LVTID_5-0-27.magritte-focused___dxrHD_5-0-27 .magritte-position-container___kZnvZ_5-0-27{
201
+ .magritte-input___LVTID_5-0-29.magritte-focused___dxrHD_5-0-29 .magritte-position-container___kZnvZ_5-0-29{
201
202
  background-color:var(--magritte-color-component-input-background-state-field-focused-v18-2-1);
202
203
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v18-2-1);
203
204
  }
204
- .magritte-input___LVTID_5-0-27.magritte-focused___dxrHD_5-0-27 .magritte-field___9S8Tw_5-0-27{
205
+ .magritte-input___LVTID_5-0-29.magritte-focused___dxrHD_5-0-29 .magritte-field___9S8Tw_5-0-29{
205
206
  color:var(--magritte-color-component-input-text-state-content-focused-v18-2-1);
206
207
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v18-2-1);
207
208
  opacity:1;
208
209
  }
209
- .magritte-input___LVTID_5-0-27.magritte-focused___dxrHD_5-0-27 .magritte-hint___EFGK0_5-0-27{
210
+ .magritte-input___LVTID_5-0-29.magritte-focused___dxrHD_5-0-29 .magritte-hint___EFGK0_5-0-29{
210
211
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-focused';
211
212
  color:var(--magritte-color-component-input-text-state-description-focused-v18-2-1);
212
213
  }
213
- .magritte-input___LVTID_5-0-27.magritte-focused___dxrHD_5-0-27 .magritte-additional-value___9Kyap_5-0-27{
214
+ .magritte-input___LVTID_5-0-29.magritte-focused___dxrHD_5-0-29 .magritte-additional-value___9Kyap_5-0-29{
214
215
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-focused-v18-2-1);
215
216
  }
216
- .magritte-input___LVTID_5-0-27.magritte-focused___dxrHD_5-0-27 .magritte-label_elevated___PVcpC_5-0-27{
217
+ .magritte-input___LVTID_5-0-29.magritte-focused___dxrHD_5-0-29 .magritte-label_elevated___PVcpC_5-0-29{
217
218
  color:var(--magritte-color-component-input-text-state-label-focused-v18-2-1);
218
219
  }
219
- .magritte-input___LVTID_5-0-27.magritte-focused___dxrHD_5-0-27 .magritte-label___YlOQk_5-0-27:not(.magritte-label_elevated___PVcpC_5-0-27),
220
- .magritte-input___LVTID_5-0-27.magritte-focused___dxrHD_5-0-27 .magritte-fixed-placeholder___PYJIH_5-0-27{
220
+ .magritte-input___LVTID_5-0-29.magritte-focused___dxrHD_5-0-29 .magritte-label___YlOQk_5-0-29:not(.magritte-label_elevated___PVcpC_5-0-29),
221
+ .magritte-input___LVTID_5-0-29.magritte-focused___dxrHD_5-0-29 .magritte-fixed-placeholder___PYJIH_5-0-29{
221
222
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v18-2-1);
222
223
  }
223
- .magritte-input___LVTID_5-0-27.magritte-focused___dxrHD_5-0-27 .magritte-icon___HEDsQ_5-0-27{
224
+ .magritte-input___LVTID_5-0-29.magritte-focused___dxrHD_5-0-29 .magritte-icon___HEDsQ_5-0-29{
224
225
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-focused-v18-2-1);
225
226
  }
226
- .magritte-input___LVTID_5-0-27.magritte-invalid___L5MVa_5-0-27{
227
+ .magritte-input___LVTID_5-0-29.magritte-invalid___L5MVa_5-0-29{
227
228
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v18-2-1);
228
229
  }
229
- .magritte-input___LVTID_5-0-27.magritte-invalid___L5MVa_5-0-27 .magritte-position-container___kZnvZ_5-0-27{
230
+ .magritte-input___LVTID_5-0-29.magritte-invalid___L5MVa_5-0-29 .magritte-position-container___kZnvZ_5-0-29{
230
231
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v18-2-1);
231
232
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v18-2-1);
232
233
  }
233
- .magritte-input___LVTID_5-0-27.magritte-invalid___L5MVa_5-0-27 .magritte-field___9S8Tw_5-0-27{
234
+ .magritte-input___LVTID_5-0-29.magritte-invalid___L5MVa_5-0-29 .magritte-field___9S8Tw_5-0-29{
234
235
  color:var(--magritte-color-component-input-text-state-content-invalid-v18-2-1);
235
236
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v18-2-1);
236
237
  opacity:1;
237
238
  }
238
- .magritte-input___LVTID_5-0-27.magritte-invalid___L5MVa_5-0-27 .magritte-hint___EFGK0_5-0-27{
239
+ .magritte-input___LVTID_5-0-29.magritte-invalid___L5MVa_5-0-29 .magritte-hint___EFGK0_5-0-29{
239
240
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
240
241
  color:var(--magritte-color-component-input-text-state-description-invalid-v18-2-1);
241
242
  }
242
- .magritte-input___LVTID_5-0-27.magritte-invalid___L5MVa_5-0-27 .magritte-additional-value___9Kyap_5-0-27{
243
+ .magritte-input___LVTID_5-0-29.magritte-invalid___L5MVa_5-0-29 .magritte-additional-value___9Kyap_5-0-29{
243
244
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v18-2-1);
244
245
  }
245
- .magritte-input___LVTID_5-0-27.magritte-invalid___L5MVa_5-0-27 .magritte-label_elevated___PVcpC_5-0-27{
246
+ .magritte-input___LVTID_5-0-29.magritte-invalid___L5MVa_5-0-29 .magritte-label_elevated___PVcpC_5-0-29{
246
247
  color:var(--magritte-color-component-input-text-state-label-invalid-v18-2-1);
247
248
  }
248
- .magritte-input___LVTID_5-0-27.magritte-invalid___L5MVa_5-0-27 .magritte-label___YlOQk_5-0-27:not(.magritte-label_elevated___PVcpC_5-0-27),
249
- .magritte-input___LVTID_5-0-27.magritte-invalid___L5MVa_5-0-27 .magritte-fixed-placeholder___PYJIH_5-0-27{
249
+ .magritte-input___LVTID_5-0-29.magritte-invalid___L5MVa_5-0-29 .magritte-label___YlOQk_5-0-29:not(.magritte-label_elevated___PVcpC_5-0-29),
250
+ .magritte-input___LVTID_5-0-29.magritte-invalid___L5MVa_5-0-29 .magritte-fixed-placeholder___PYJIH_5-0-29{
250
251
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v18-2-1);
251
252
  }
252
- .magritte-input___LVTID_5-0-27.magritte-invalid___L5MVa_5-0-27 .magritte-icon___HEDsQ_5-0-27{
253
+ .magritte-input___LVTID_5-0-29.magritte-invalid___L5MVa_5-0-29 .magritte-icon___HEDsQ_5-0-29{
253
254
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v18-2-1);
254
255
  }
255
- .magritte-input___LVTID_5-0-27.magritte-invalid___L5MVa_5-0-27.magritte-focused___dxrHD_5-0-27{
256
+ .magritte-input___LVTID_5-0-29.magritte-invalid___L5MVa_5-0-29.magritte-focused___dxrHD_5-0-29{
256
257
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v18-2-1);
257
258
  }
258
- .magritte-input___LVTID_5-0-27.magritte-invalid___L5MVa_5-0-27.magritte-focused___dxrHD_5-0-27 .magritte-position-container___kZnvZ_5-0-27{
259
+ .magritte-input___LVTID_5-0-29.magritte-invalid___L5MVa_5-0-29.magritte-focused___dxrHD_5-0-29 .magritte-position-container___kZnvZ_5-0-29{
259
260
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v18-2-1);
260
261
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v18-2-1);
261
262
  }
262
- .magritte-input___LVTID_5-0-27.magritte-invalid___L5MVa_5-0-27.magritte-focused___dxrHD_5-0-27 .magritte-field___9S8Tw_5-0-27{
263
+ .magritte-input___LVTID_5-0-29.magritte-invalid___L5MVa_5-0-29.magritte-focused___dxrHD_5-0-29 .magritte-field___9S8Tw_5-0-29{
263
264
  color:var(--magritte-color-component-input-text-state-content-invalid-v18-2-1);
264
265
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v18-2-1);
265
266
  opacity:1;
266
267
  }
267
- .magritte-input___LVTID_5-0-27.magritte-invalid___L5MVa_5-0-27.magritte-focused___dxrHD_5-0-27 .magritte-hint___EFGK0_5-0-27{
268
+ .magritte-input___LVTID_5-0-29.magritte-invalid___L5MVa_5-0-29.magritte-focused___dxrHD_5-0-29 .magritte-hint___EFGK0_5-0-29{
268
269
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
269
270
  color:var(--magritte-color-component-input-text-state-description-invalid-v18-2-1);
270
271
  }
271
- .magritte-input___LVTID_5-0-27.magritte-invalid___L5MVa_5-0-27.magritte-focused___dxrHD_5-0-27 .magritte-additional-value___9Kyap_5-0-27{
272
+ .magritte-input___LVTID_5-0-29.magritte-invalid___L5MVa_5-0-29.magritte-focused___dxrHD_5-0-29 .magritte-additional-value___9Kyap_5-0-29{
272
273
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v18-2-1);
273
274
  }
274
- .magritte-input___LVTID_5-0-27.magritte-invalid___L5MVa_5-0-27.magritte-focused___dxrHD_5-0-27 .magritte-label_elevated___PVcpC_5-0-27{
275
+ .magritte-input___LVTID_5-0-29.magritte-invalid___L5MVa_5-0-29.magritte-focused___dxrHD_5-0-29 .magritte-label_elevated___PVcpC_5-0-29{
275
276
  color:var(--magritte-color-component-input-text-state-label-invalid-v18-2-1);
276
277
  }
277
- .magritte-input___LVTID_5-0-27.magritte-invalid___L5MVa_5-0-27.magritte-focused___dxrHD_5-0-27 .magritte-label___YlOQk_5-0-27:not(.magritte-label_elevated___PVcpC_5-0-27),
278
- .magritte-input___LVTID_5-0-27.magritte-invalid___L5MVa_5-0-27.magritte-focused___dxrHD_5-0-27 .magritte-fixed-placeholder___PYJIH_5-0-27{
278
+ .magritte-input___LVTID_5-0-29.magritte-invalid___L5MVa_5-0-29.magritte-focused___dxrHD_5-0-29 .magritte-label___YlOQk_5-0-29:not(.magritte-label_elevated___PVcpC_5-0-29),
279
+ .magritte-input___LVTID_5-0-29.magritte-invalid___L5MVa_5-0-29.magritte-focused___dxrHD_5-0-29 .magritte-fixed-placeholder___PYJIH_5-0-29{
279
280
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v18-2-1);
280
281
  }
281
- .magritte-input___LVTID_5-0-27.magritte-invalid___L5MVa_5-0-27.magritte-focused___dxrHD_5-0-27 .magritte-icon___HEDsQ_5-0-27{
282
+ .magritte-input___LVTID_5-0-29.magritte-invalid___L5MVa_5-0-29.magritte-focused___dxrHD_5-0-29 .magritte-icon___HEDsQ_5-0-29{
282
283
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v18-2-1);
283
284
  }
284
- .magritte-input___LVTID_5-0-27.magritte-focus-visible___QvCO1_5-0-27 .magritte-position-container___kZnvZ_5-0-27{
285
+ .magritte-input___LVTID_5-0-29.magritte-focus-visible___QvCO1_5-0-29 .magritte-position-container___kZnvZ_5-0-29{
285
286
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v18-2-1) solid 4px;
286
287
  }
287
- .magritte-input___LVTID_5-0-27.magritte-focus-visible___QvCO1_5-0-27.magritte-invalid___L5MVa_5-0-27 .magritte-position-container___kZnvZ_5-0-27{
288
+ .magritte-input___LVTID_5-0-29.magritte-focus-visible___QvCO1_5-0-29.magritte-invalid___L5MVa_5-0-29 .magritte-position-container___kZnvZ_5-0-29{
288
289
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v18-2-1);
289
290
  }
290
- .magritte-input___LVTID_5-0-27.magritte-disabled___0NH6E_5-0-27{
291
+ .magritte-input___LVTID_5-0-29.magritte-disabled___0NH6E_5-0-29{
291
292
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v18-2-1);
292
293
  }
293
- .magritte-input___LVTID_5-0-27.magritte-disabled___0NH6E_5-0-27 .magritte-position-container___kZnvZ_5-0-27{
294
+ .magritte-input___LVTID_5-0-29.magritte-disabled___0NH6E_5-0-29 .magritte-position-container___kZnvZ_5-0-29{
294
295
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v18-2-1);
295
296
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v18-2-1);
296
297
  }
297
- .magritte-input___LVTID_5-0-27.magritte-disabled___0NH6E_5-0-27 .magritte-field___9S8Tw_5-0-27{
298
+ .magritte-input___LVTID_5-0-29.magritte-disabled___0NH6E_5-0-29 .magritte-field___9S8Tw_5-0-29{
298
299
  color:var(--magritte-color-component-input-text-state-content-disabled-v18-2-1);
299
300
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v18-2-1);
300
301
  opacity:1;
301
302
  }
302
- .magritte-input___LVTID_5-0-27.magritte-disabled___0NH6E_5-0-27 .magritte-hint___EFGK0_5-0-27{
303
+ .magritte-input___LVTID_5-0-29.magritte-disabled___0NH6E_5-0-29 .magritte-hint___EFGK0_5-0-29{
303
304
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-disabled';
304
305
  color:var(--magritte-color-component-input-text-state-description-disabled-v18-2-1);
305
306
  }
306
- .magritte-input___LVTID_5-0-27.magritte-disabled___0NH6E_5-0-27 .magritte-additional-value___9Kyap_5-0-27{
307
+ .magritte-input___LVTID_5-0-29.magritte-disabled___0NH6E_5-0-29 .magritte-additional-value___9Kyap_5-0-29{
307
308
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-disabled-v18-2-1);
308
309
  }
309
- .magritte-input___LVTID_5-0-27.magritte-disabled___0NH6E_5-0-27 .magritte-label_elevated___PVcpC_5-0-27{
310
+ .magritte-input___LVTID_5-0-29.magritte-disabled___0NH6E_5-0-29 .magritte-label_elevated___PVcpC_5-0-29{
310
311
  color:var(--magritte-color-component-input-text-state-label-disabled-v18-2-1);
311
312
  }
312
- .magritte-input___LVTID_5-0-27.magritte-disabled___0NH6E_5-0-27 .magritte-label___YlOQk_5-0-27:not(.magritte-label_elevated___PVcpC_5-0-27),
313
- .magritte-input___LVTID_5-0-27.magritte-disabled___0NH6E_5-0-27 .magritte-fixed-placeholder___PYJIH_5-0-27{
313
+ .magritte-input___LVTID_5-0-29.magritte-disabled___0NH6E_5-0-29 .magritte-label___YlOQk_5-0-29:not(.magritte-label_elevated___PVcpC_5-0-29),
314
+ .magritte-input___LVTID_5-0-29.magritte-disabled___0NH6E_5-0-29 .magritte-fixed-placeholder___PYJIH_5-0-29{
314
315
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v18-2-1);
315
316
  }
316
- .magritte-input___LVTID_5-0-27.magritte-disabled___0NH6E_5-0-27 .magritte-icon___HEDsQ_5-0-27{
317
+ .magritte-input___LVTID_5-0-29.magritte-disabled___0NH6E_5-0-29 .magritte-icon___HEDsQ_5-0-29{
317
318
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-disabled-v18-2-1);
318
319
  }
319
- .magritte-input___LVTID_5-0-27.magritte-disabled___0NH6E_5-0-27 .magritte-right-container___N0B0o_5-0-27{
320
+ .magritte-input___LVTID_5-0-29.magritte-disabled___0NH6E_5-0-29 .magritte-right-container___N0B0o_5-0-29{
320
321
  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-state-content-disabled-v18-2-1);
321
322
  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-state-content-disabled-v18-2-1);
322
323
  }
323
324
  @media (prefers-reduced-motion){
324
- .magritte-input___LVTID_5-0-27{
325
+ .magritte-input___LVTID_5-0-29{
325
326
  --animation-100-duration:1ms;
326
327
  --animation-200-duration:1ms;
327
328
  }
328
329
  }
329
- .magritte-position-container___kZnvZ_5-0-27{
330
+ .magritte-position-container___kZnvZ_5-0-29{
330
331
  display:flex;
331
332
  align-items:center;
332
333
  position:relative;
@@ -336,20 +337,40 @@
336
337
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v18-2-1);
337
338
  padding:4px 4px 4px 16px;
338
339
  }
339
- .magritte-with-icon___TPBe2_5-0-27 .magritte-position-container___kZnvZ_5-0-27{
340
+ .magritte-with-icon___TPBe2_5-0-29 .magritte-position-container___kZnvZ_5-0-29{
340
341
  padding-left:12px;
341
342
  }
342
- .magritte-large___9frRh_5-0-27 .magritte-position-container___kZnvZ_5-0-27{
343
+ .magritte-large___9frRh_5-0-29 .magritte-position-container___kZnvZ_5-0-29{
343
344
  padding:8px 8px 8px 16px;
344
345
  }
345
- .magritte-right-container___N0B0o_5-0-27{
346
+ .magritte-right-container___N0B0o_5-0-29{
346
347
  display:flex;
347
348
  align-items:center;
348
349
  justify-content:center;
349
350
  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-content-v18-2-1);
350
351
  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-content-v18-2-1);
351
352
  }
352
- .magritte-field___9S8Tw_5-0-27{
353
+ .magritte-autofill-helper___WFjOW_5-0-29{
354
+ position:absolute;
355
+ left:1px;
356
+ top:1px;
357
+ width:calc(100% - 1px * 2);
358
+ height:calc(100% - 1px * 2);
359
+ background-color:var(--magritte-color-base-blue-95-v18-2-1);
360
+ border-radius:11px;
361
+ display:none;
362
+ }
363
+ .magritte-autofill-helper___WFjOW_5-0-29:has(+ .magritte-content-container___s-0kX_5-0-29 .magritte-field___9S8Tw_5-0-29:autofill){
364
+ display:block;
365
+ }
366
+ .magritte-autofill-helper___WFjOW_5-0-29:has(+ .magritte-content-container___s-0kX_5-0-29 .magritte-field___9S8Tw_5-0-29:autofill:focus){
367
+ border-radius:10px;
368
+ left:2px;
369
+ top:2px;
370
+ width:calc(100% - 2px * 2);
371
+ height:calc(100% - 2px * 2);
372
+ }
373
+ .magritte-field___9S8Tw_5-0-29{
353
374
  position:absolute;
354
375
  inset:0;
355
376
  background:none;
@@ -371,23 +392,27 @@
371
392
  text-transform:var(--magritte-typography-label-2-regular-text-transform-v18-2-1);
372
393
  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v18-2-1);
373
394
  }
374
- .magritte-icon___HEDsQ_5-0-27{
395
+ .magritte-field___9S8Tw_5-0-29:autofill{
396
+ box-shadow:inset 0 0 40px 40px var(--magritte-color-base-blue-95-v18-2-1);
397
+ }
398
+ .magritte-icon___HEDsQ_5-0-29{
375
399
  display:flex;
376
400
  align-items:center;
377
401
  position:absolute;
378
402
  height:100%;
379
403
  inset:0;
380
404
  pointer-events:none;
405
+ z-index:1;
381
406
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-content-v18-2-1);
382
407
  }
383
- .magritte-with-icon___TPBe2_5-0-27 .magritte-field___9S8Tw_5-0-27,
384
- .magritte-with-icon___TPBe2_5-0-27 .magritte-additional-value___9Kyap_5-0-27{
408
+ .magritte-with-icon___TPBe2_5-0-29 .magritte-field___9S8Tw_5-0-29,
409
+ .magritte-with-icon___TPBe2_5-0-29 .magritte-additional-value___9Kyap_5-0-29{
385
410
  padding-left:calc(24px + 12px);
386
411
  }
387
- .magritte-with-icon___TPBe2_5-0-27 .magritte-rigging-container___Up9Lb_5-0-27{
412
+ .magritte-with-icon___TPBe2_5-0-29 .magritte-rigging-container___Up9Lb_5-0-29{
388
413
  left:calc(24px + 12px);
389
414
  }
390
- .magritte-rigging-container___Up9Lb_5-0-27{
415
+ .magritte-rigging-container___Up9Lb_5-0-29{
391
416
  display:flex;
392
417
  align-items:center;
393
418
  position:absolute;
@@ -395,8 +420,8 @@
395
420
  inset:0;
396
421
  pointer-events:none;
397
422
  }
398
- .magritte-label___YlOQk_5-0-27,
399
- .magritte-fixed-placeholder___PYJIH_5-0-27{
423
+ .magritte-label___YlOQk_5-0-29,
424
+ .magritte-fixed-placeholder___PYJIH_5-0-29{
400
425
  font-family:var(--magritte-typography-label-2-regular-font-family-v18-2-1);
401
426
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v18-2-1);
402
427
  line-height:var(--magritte-typography-label-2-regular-line-height-v18-2-1);
@@ -414,11 +439,11 @@
414
439
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v18-2-1);
415
440
  color:var(--magritte-color-component-input-text-placeholder-v18-2-1);
416
441
  }
417
- .magritte-label___YlOQk_5-0-27{
442
+ .magritte-label___YlOQk_5-0-29{
418
443
  display:block;
419
444
  transition-property:transform, color, font-size, letter-spacing;
420
445
  }
421
- .magritte-label_elevated___PVcpC_5-0-27{
446
+ .magritte-label_elevated___PVcpC_5-0-29{
422
447
  font-family:var(--magritte-typography-label-4-regular-font-family-v18-2-1);
423
448
  font-weight:var(--magritte-typography-label-4-regular-font-weight-v18-2-1);
424
449
  line-height:var(--magritte-typography-label-4-regular-line-height-v18-2-1);
@@ -430,7 +455,7 @@
430
455
  color:var(--magritte-color-component-input-text-label-v18-2-1);
431
456
  transform:translateY(calc(0px - ((var(--magritte-typography-label-4-regular-line-height-v18-2-1) + var(--magritte-typography-label-2-regular-line-height-v18-2-1)) / 2) + (var(--magritte-typography-label-4-regular-line-height-v18-2-1) / 2)));
432
457
  }
433
- .magritte-input__mask___CHda2_5-0-27{
458
+ .magritte-input__mask___CHda2_5-0-29{
434
459
  position:absolute;
435
460
  width:100%;
436
461
  pointer-events:none;
@@ -440,11 +465,11 @@
440
465
  text-overflow:ellipsis;
441
466
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-content-v18-2-1);
442
467
  }
443
- .magritte-value-ghost___IXNZj_5-0-27{
468
+ .magritte-value-ghost___IXNZj_5-0-29{
444
469
  visibility:hidden;
445
470
  white-space:pre;
446
471
  }
447
- .magritte-hint-container___rGsD8_5-0-27{
472
+ .magritte-hint-container___rGsD8_5-0-29{
448
473
  display:flex;
449
474
  flex-grow:1;
450
475
  align-items:center;
@@ -452,36 +477,38 @@
452
477
  gap:12px;
453
478
  min-width:0;
454
479
  }
455
- .magritte-with-right___NUNiP_5-0-27 .magritte-hint-container___rGsD8_5-0-27{
480
+ .magritte-with-right___NUNiP_5-0-29 .magritte-hint-container___rGsD8_5-0-29{
456
481
  padding-right:4px;
457
482
  }
458
- .magritte-hint___EFGK0_5-0-27{
483
+ .magritte-hint___EFGK0_5-0-29{
459
484
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-description-v18-2-1);
460
485
  color:var(--magritte-color-component-input-text-description-v18-2-1);
461
486
  overflow:hidden;
462
487
  white-space:nowrap;
463
488
  text-overflow:ellipsis;
464
489
  flex:0 1 auto;
490
+ z-index:1;
465
491
  }
466
- .magritte-content-container___s-0kX_5-0-27{
492
+ .magritte-content-container___s-0kX_5-0-29{
467
493
  position:relative;
468
494
  flex:1 0 auto;
469
495
  display:flex;
470
496
  padding:8px 0;
471
497
  max-width:100%;
472
498
  }
473
- .magritte-elevated___kPcsM_5-0-27 .magritte-content-container___s-0kX_5-0-27{
499
+ .magritte-elevated___kPcsM_5-0-29 .magritte-content-container___s-0kX_5-0-29{
474
500
  padding:18px 0 0;
475
501
  }
476
- .magritte-counter___Bld3Q_5-0-27{
502
+ .magritte-counter___Bld3Q_5-0-29{
477
503
  padding:0 8px;
504
+ z-index:1;
478
505
  }
479
- .magritte-value-container___6ReT7_5-0-27{
506
+ .magritte-value-container___6ReT7_5-0-29{
480
507
  position:relative;
481
508
  display:grid;
482
509
  width:100%;
483
510
  }
484
- .magritte-additional-value___9Kyap_5-0-27{
511
+ .magritte-additional-value___9Kyap_5-0-29{
485
512
  display:flex;
486
513
  align-items:center;
487
514
  grid-area:1 / 1;
@@ -491,6 +518,6 @@
491
518
  color:transparent;
492
519
  min-height:24px;
493
520
  }
494
- .magritte-elevated___kPcsM_5-0-27 .magritte-additional-value___9Kyap_5-0-27{
521
+ .magritte-elevated___kPcsM_5-0-29 .magritte-additional-value___9Kyap_5-0-29{
495
522
  min-height:22px;
496
523
  }
package/{index.esm-jCMiQLQm.js → index.esm-CTmNhX1-.js} RENAMED
@@ -1647,4 +1647,4 @@ const useMaskito = ({
1647
1647
  };
1648
1648
 
1649
1649
  export { MASKITO_DEFAULT_OPTIONS as M, maskitoDateTimeOptionsGenerator as a, maskitoTimeOptionsGenerator as b, maskitoDateOptionsGenerator as m, useMaskito as u };
1650
- //# sourceMappingURL=index.esm-jCMiQLQm.js.map
1650
+ //# sourceMappingURL=index.esm-CTmNhX1-.js.map