@hh.ru/magritte-ui-input 5.0.23 → 5.0.24

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