@hh.ru/magritte-ui-input 6.0.15 → 7.0.0

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.
package/index.css CHANGED
@@ -108,22 +108,22 @@
108
108
  --magritte-color-component-input-icon-state-content-disabled-v19-1-0:#474747;
109
109
  --magritte-color-component-input-icon-content-v19-1-0:#ABABAB;
110
110
  }
111
- .magritte-input___LVTID_6-0-15{
111
+ .magritte-input___LVTID_7-0-0{
112
112
  display:inline-block;
113
113
  width:100%;
114
114
  --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v19-1-0);
115
115
  --animation-200-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v19-1-0);
116
116
  }
117
- .magritte-input___LVTID_6-0-15:has(input:autofill) .magritte-label___YlOQk_6-0-15{
117
+ .magritte-input___LVTID_7-0-0:has(input:autofill) .magritte-label___YlOQk_7-0-0{
118
118
  display:none;
119
119
  }
120
- .magritte-input___LVTID_6-0-15.magritte-elevated___kPcsM_6-0-15:has(input:autofill) .magritte-label___YlOQk_6-0-15{
120
+ .magritte-input___LVTID_7-0-0.magritte-elevated___kPcsM_7-0-0:has(input:autofill) .magritte-label___YlOQk_7-0-0{
121
121
  display:block;
122
122
  transform:translateY(calc(0px - ((var(--magritte-typography-label-4-regular-line-height-v19-1-0) + var(--magritte-typography-label-2-regular-line-height-v19-1-0)) / 2) + (var(--magritte-typography-label-4-regular-line-height-v19-1-0) / 2)));
123
123
  transition-duration:0ms;
124
124
  color:var(--magritte-color-component-input-text-label-v19-1-0);
125
125
  }
126
- .magritte-input___LVTID_6-0-15.magritte-elevated___kPcsM_6-0-15:has(input:autofill) .magritte-label___YlOQk_6-0-15 > *{
126
+ .magritte-input___LVTID_7-0-0.magritte-elevated___kPcsM_7-0-0:has(input:autofill) .magritte-label___YlOQk_7-0-0 > *{
127
127
  font-family:var(--magritte-typography-label-4-regular-font-family-v19-1-0);
128
128
  font-weight:var(--magritte-typography-label-4-regular-font-weight-v19-1-0);
129
129
  line-height:var(--magritte-typography-label-4-regular-line-height-v19-1-0);
@@ -134,200 +134,200 @@
134
134
  text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v19-1-0);
135
135
  }
136
136
  @media (min-width: 1020px){
137
- body.magritte-old-layout .magritte-input___LVTID_6-0-15:not(.magritte-focused___dxrHD_6-0-15):not(.magritte-invalid___L5MVa_6-0-15):not(.magritte-disabled___0NH6E_6-0-15):hover{
137
+ body.magritte-old-layout .magritte-input___LVTID_7-0-0:not(.magritte-focused___dxrHD_7-0-0):not(.magritte-invalid___L5MVa_7-0-0):not(.magritte-disabled___0NH6E_7-0-0):hover{
138
138
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v19-1-0);
139
139
  }
140
- body.magritte-old-layout .magritte-input___LVTID_6-0-15:not(.magritte-focused___dxrHD_6-0-15):not(.magritte-invalid___L5MVa_6-0-15):not(.magritte-disabled___0NH6E_6-0-15):hover .magritte-position-container___kZnvZ_6-0-15{
140
+ body.magritte-old-layout .magritte-input___LVTID_7-0-0:not(.magritte-focused___dxrHD_7-0-0):not(.magritte-invalid___L5MVa_7-0-0):not(.magritte-disabled___0NH6E_7-0-0):hover .magritte-position-container___kZnvZ_7-0-0{
141
141
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v19-1-0);
142
142
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v19-1-0);
143
143
  }
144
- body.magritte-old-layout .magritte-input___LVTID_6-0-15:not(.magritte-focused___dxrHD_6-0-15):not(.magritte-invalid___L5MVa_6-0-15):not(.magritte-disabled___0NH6E_6-0-15):hover .magritte-field___9S8Tw_6-0-15{
144
+ body.magritte-old-layout .magritte-input___LVTID_7-0-0:not(.magritte-focused___dxrHD_7-0-0):not(.magritte-invalid___L5MVa_7-0-0):not(.magritte-disabled___0NH6E_7-0-0):hover .magritte-field___9S8Tw_7-0-0{
145
145
  color:var(--magritte-color-component-input-text-state-content-hovered-v19-1-0);
146
146
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v19-1-0);
147
147
  opacity:1;
148
148
  }
149
- body.magritte-old-layout .magritte-input___LVTID_6-0-15:not(.magritte-focused___dxrHD_6-0-15):not(.magritte-invalid___L5MVa_6-0-15):not(.magritte-disabled___0NH6E_6-0-15):hover .magritte-hint___EFGK0_6-0-15{
149
+ body.magritte-old-layout .magritte-input___LVTID_7-0-0:not(.magritte-focused___dxrHD_7-0-0):not(.magritte-invalid___L5MVa_7-0-0):not(.magritte-disabled___0NH6E_7-0-0):hover .magritte-hint___EFGK0_7-0-0{
150
150
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
151
151
  color:var(--magritte-color-component-input-text-state-description-hovered-v19-1-0);
152
152
  }
153
- body.magritte-old-layout .magritte-input___LVTID_6-0-15:not(.magritte-focused___dxrHD_6-0-15):not(.magritte-invalid___L5MVa_6-0-15):not(.magritte-disabled___0NH6E_6-0-15):hover .magritte-additional-value___9Kyap_6-0-15{
153
+ body.magritte-old-layout .magritte-input___LVTID_7-0-0:not(.magritte-focused___dxrHD_7-0-0):not(.magritte-invalid___L5MVa_7-0-0):not(.magritte-disabled___0NH6E_7-0-0):hover .magritte-additional-value___9Kyap_7-0-0{
154
154
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v19-1-0);
155
155
  }
156
- body.magritte-old-layout .magritte-input___LVTID_6-0-15:not(.magritte-focused___dxrHD_6-0-15):not(.magritte-invalid___L5MVa_6-0-15):not(.magritte-disabled___0NH6E_6-0-15):hover .magritte-label_elevated___PVcpC_6-0-15{
156
+ body.magritte-old-layout .magritte-input___LVTID_7-0-0:not(.magritte-focused___dxrHD_7-0-0):not(.magritte-invalid___L5MVa_7-0-0):not(.magritte-disabled___0NH6E_7-0-0):hover .magritte-label_elevated___PVcpC_7-0-0{
157
157
  color:var(--magritte-color-component-input-text-state-label-hovered-v19-1-0);
158
158
  }
159
- body.magritte-old-layout .magritte-input___LVTID_6-0-15:not(.magritte-focused___dxrHD_6-0-15):not(.magritte-invalid___L5MVa_6-0-15):not(.magritte-disabled___0NH6E_6-0-15):hover .magritte-label___YlOQk_6-0-15:not(.magritte-label_elevated___PVcpC_6-0-15),
160
- body.magritte-old-layout .magritte-input___LVTID_6-0-15:not(.magritte-focused___dxrHD_6-0-15):not(.magritte-invalid___L5MVa_6-0-15):not(.magritte-disabled___0NH6E_6-0-15):hover .magritte-fixed-placeholder___PYJIH_6-0-15{
159
+ body.magritte-old-layout .magritte-input___LVTID_7-0-0:not(.magritte-focused___dxrHD_7-0-0):not(.magritte-invalid___L5MVa_7-0-0):not(.magritte-disabled___0NH6E_7-0-0):hover .magritte-label___YlOQk_7-0-0:not(.magritte-label_elevated___PVcpC_7-0-0),
160
+ body.magritte-old-layout .magritte-input___LVTID_7-0-0:not(.magritte-focused___dxrHD_7-0-0):not(.magritte-invalid___L5MVa_7-0-0):not(.magritte-disabled___0NH6E_7-0-0):hover .magritte-fixed-placeholder___PYJIH_7-0-0{
161
161
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v19-1-0);
162
162
  }
163
- body.magritte-old-layout .magritte-input___LVTID_6-0-15:not(.magritte-focused___dxrHD_6-0-15):not(.magritte-invalid___L5MVa_6-0-15):not(.magritte-disabled___0NH6E_6-0-15):hover .magritte-icon___HEDsQ_6-0-15{
163
+ body.magritte-old-layout .magritte-input___LVTID_7-0-0:not(.magritte-focused___dxrHD_7-0-0):not(.magritte-invalid___L5MVa_7-0-0):not(.magritte-disabled___0NH6E_7-0-0):hover .magritte-icon___HEDsQ_7-0-0{
164
164
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v19-1-0);
165
165
  }
166
166
  }
167
167
  @media (min-width: 1024px){
168
- body:not(.magritte-old-layout) .magritte-input___LVTID_6-0-15:not(.magritte-focused___dxrHD_6-0-15):not(.magritte-invalid___L5MVa_6-0-15):not(.magritte-disabled___0NH6E_6-0-15):hover{
168
+ body:not(.magritte-old-layout) .magritte-input___LVTID_7-0-0:not(.magritte-focused___dxrHD_7-0-0):not(.magritte-invalid___L5MVa_7-0-0):not(.magritte-disabled___0NH6E_7-0-0):hover{
169
169
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v19-1-0);
170
170
  }
171
- body:not(.magritte-old-layout) .magritte-input___LVTID_6-0-15:not(.magritte-focused___dxrHD_6-0-15):not(.magritte-invalid___L5MVa_6-0-15):not(.magritte-disabled___0NH6E_6-0-15):hover .magritte-position-container___kZnvZ_6-0-15{
171
+ body:not(.magritte-old-layout) .magritte-input___LVTID_7-0-0:not(.magritte-focused___dxrHD_7-0-0):not(.magritte-invalid___L5MVa_7-0-0):not(.magritte-disabled___0NH6E_7-0-0):hover .magritte-position-container___kZnvZ_7-0-0{
172
172
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v19-1-0);
173
173
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v19-1-0);
174
174
  }
175
- body:not(.magritte-old-layout) .magritte-input___LVTID_6-0-15:not(.magritte-focused___dxrHD_6-0-15):not(.magritte-invalid___L5MVa_6-0-15):not(.magritte-disabled___0NH6E_6-0-15):hover .magritte-field___9S8Tw_6-0-15{
175
+ body:not(.magritte-old-layout) .magritte-input___LVTID_7-0-0:not(.magritte-focused___dxrHD_7-0-0):not(.magritte-invalid___L5MVa_7-0-0):not(.magritte-disabled___0NH6E_7-0-0):hover .magritte-field___9S8Tw_7-0-0{
176
176
  color:var(--magritte-color-component-input-text-state-content-hovered-v19-1-0);
177
177
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v19-1-0);
178
178
  opacity:1;
179
179
  }
180
- body:not(.magritte-old-layout) .magritte-input___LVTID_6-0-15:not(.magritte-focused___dxrHD_6-0-15):not(.magritte-invalid___L5MVa_6-0-15):not(.magritte-disabled___0NH6E_6-0-15):hover .magritte-hint___EFGK0_6-0-15{
180
+ body:not(.magritte-old-layout) .magritte-input___LVTID_7-0-0:not(.magritte-focused___dxrHD_7-0-0):not(.magritte-invalid___L5MVa_7-0-0):not(.magritte-disabled___0NH6E_7-0-0):hover .magritte-hint___EFGK0_7-0-0{
181
181
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
182
182
  color:var(--magritte-color-component-input-text-state-description-hovered-v19-1-0);
183
183
  }
184
- body:not(.magritte-old-layout) .magritte-input___LVTID_6-0-15:not(.magritte-focused___dxrHD_6-0-15):not(.magritte-invalid___L5MVa_6-0-15):not(.magritte-disabled___0NH6E_6-0-15):hover .magritte-additional-value___9Kyap_6-0-15{
184
+ body:not(.magritte-old-layout) .magritte-input___LVTID_7-0-0:not(.magritte-focused___dxrHD_7-0-0):not(.magritte-invalid___L5MVa_7-0-0):not(.magritte-disabled___0NH6E_7-0-0):hover .magritte-additional-value___9Kyap_7-0-0{
185
185
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v19-1-0);
186
186
  }
187
- body:not(.magritte-old-layout) .magritte-input___LVTID_6-0-15:not(.magritte-focused___dxrHD_6-0-15):not(.magritte-invalid___L5MVa_6-0-15):not(.magritte-disabled___0NH6E_6-0-15):hover .magritte-label_elevated___PVcpC_6-0-15{
187
+ body:not(.magritte-old-layout) .magritte-input___LVTID_7-0-0:not(.magritte-focused___dxrHD_7-0-0):not(.magritte-invalid___L5MVa_7-0-0):not(.magritte-disabled___0NH6E_7-0-0):hover .magritte-label_elevated___PVcpC_7-0-0{
188
188
  color:var(--magritte-color-component-input-text-state-label-hovered-v19-1-0);
189
189
  }
190
- body:not(.magritte-old-layout) .magritte-input___LVTID_6-0-15:not(.magritte-focused___dxrHD_6-0-15):not(.magritte-invalid___L5MVa_6-0-15):not(.magritte-disabled___0NH6E_6-0-15):hover .magritte-label___YlOQk_6-0-15:not(.magritte-label_elevated___PVcpC_6-0-15),
191
- body:not(.magritte-old-layout) .magritte-input___LVTID_6-0-15:not(.magritte-focused___dxrHD_6-0-15):not(.magritte-invalid___L5MVa_6-0-15):not(.magritte-disabled___0NH6E_6-0-15):hover .magritte-fixed-placeholder___PYJIH_6-0-15{
190
+ body:not(.magritte-old-layout) .magritte-input___LVTID_7-0-0:not(.magritte-focused___dxrHD_7-0-0):not(.magritte-invalid___L5MVa_7-0-0):not(.magritte-disabled___0NH6E_7-0-0):hover .magritte-label___YlOQk_7-0-0:not(.magritte-label_elevated___PVcpC_7-0-0),
191
+ body:not(.magritte-old-layout) .magritte-input___LVTID_7-0-0:not(.magritte-focused___dxrHD_7-0-0):not(.magritte-invalid___L5MVa_7-0-0):not(.magritte-disabled___0NH6E_7-0-0):hover .magritte-fixed-placeholder___PYJIH_7-0-0{
192
192
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v19-1-0);
193
193
  }
194
- body:not(.magritte-old-layout) .magritte-input___LVTID_6-0-15:not(.magritte-focused___dxrHD_6-0-15):not(.magritte-invalid___L5MVa_6-0-15):not(.magritte-disabled___0NH6E_6-0-15):hover .magritte-icon___HEDsQ_6-0-15{
194
+ body:not(.magritte-old-layout) .magritte-input___LVTID_7-0-0:not(.magritte-focused___dxrHD_7-0-0):not(.magritte-invalid___L5MVa_7-0-0):not(.magritte-disabled___0NH6E_7-0-0):hover .magritte-icon___HEDsQ_7-0-0{
195
195
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v19-1-0);
196
196
  }
197
197
  }
198
- .magritte-input___LVTID_6-0-15.magritte-focused___dxrHD_6-0-15{
198
+ .magritte-input___LVTID_7-0-0.magritte-focused___dxrHD_7-0-0{
199
199
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v19-1-0);
200
200
  }
201
- .magritte-input___LVTID_6-0-15.magritte-focused___dxrHD_6-0-15 .magritte-position-container___kZnvZ_6-0-15{
201
+ .magritte-input___LVTID_7-0-0.magritte-focused___dxrHD_7-0-0 .magritte-position-container___kZnvZ_7-0-0{
202
202
  background-color:var(--magritte-color-component-input-background-state-field-focused-v19-1-0);
203
203
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v19-1-0);
204
204
  }
205
- .magritte-input___LVTID_6-0-15.magritte-focused___dxrHD_6-0-15 .magritte-field___9S8Tw_6-0-15{
205
+ .magritte-input___LVTID_7-0-0.magritte-focused___dxrHD_7-0-0 .magritte-field___9S8Tw_7-0-0{
206
206
  color:var(--magritte-color-component-input-text-state-content-focused-v19-1-0);
207
207
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v19-1-0);
208
208
  opacity:1;
209
209
  }
210
- .magritte-input___LVTID_6-0-15.magritte-focused___dxrHD_6-0-15 .magritte-hint___EFGK0_6-0-15{
210
+ .magritte-input___LVTID_7-0-0.magritte-focused___dxrHD_7-0-0 .magritte-hint___EFGK0_7-0-0{
211
211
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-focused';
212
212
  color:var(--magritte-color-component-input-text-state-description-focused-v19-1-0);
213
213
  }
214
- .magritte-input___LVTID_6-0-15.magritte-focused___dxrHD_6-0-15 .magritte-additional-value___9Kyap_6-0-15{
214
+ .magritte-input___LVTID_7-0-0.magritte-focused___dxrHD_7-0-0 .magritte-additional-value___9Kyap_7-0-0{
215
215
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-focused-v19-1-0);
216
216
  }
217
- .magritte-input___LVTID_6-0-15.magritte-focused___dxrHD_6-0-15 .magritte-label_elevated___PVcpC_6-0-15{
217
+ .magritte-input___LVTID_7-0-0.magritte-focused___dxrHD_7-0-0 .magritte-label_elevated___PVcpC_7-0-0{
218
218
  color:var(--magritte-color-component-input-text-state-label-focused-v19-1-0);
219
219
  }
220
- .magritte-input___LVTID_6-0-15.magritte-focused___dxrHD_6-0-15 .magritte-label___YlOQk_6-0-15:not(.magritte-label_elevated___PVcpC_6-0-15),
221
- .magritte-input___LVTID_6-0-15.magritte-focused___dxrHD_6-0-15 .magritte-fixed-placeholder___PYJIH_6-0-15{
220
+ .magritte-input___LVTID_7-0-0.magritte-focused___dxrHD_7-0-0 .magritte-label___YlOQk_7-0-0:not(.magritte-label_elevated___PVcpC_7-0-0),
221
+ .magritte-input___LVTID_7-0-0.magritte-focused___dxrHD_7-0-0 .magritte-fixed-placeholder___PYJIH_7-0-0{
222
222
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v19-1-0);
223
223
  }
224
- .magritte-input___LVTID_6-0-15.magritte-focused___dxrHD_6-0-15 .magritte-icon___HEDsQ_6-0-15{
224
+ .magritte-input___LVTID_7-0-0.magritte-focused___dxrHD_7-0-0 .magritte-icon___HEDsQ_7-0-0{
225
225
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-focused-v19-1-0);
226
226
  }
227
- .magritte-input___LVTID_6-0-15.magritte-invalid___L5MVa_6-0-15{
227
+ .magritte-input___LVTID_7-0-0.magritte-invalid___L5MVa_7-0-0{
228
228
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v19-1-0);
229
229
  }
230
- .magritte-input___LVTID_6-0-15.magritte-invalid___L5MVa_6-0-15 .magritte-position-container___kZnvZ_6-0-15{
230
+ .magritte-input___LVTID_7-0-0.magritte-invalid___L5MVa_7-0-0 .magritte-position-container___kZnvZ_7-0-0{
231
231
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v19-1-0);
232
232
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v19-1-0);
233
233
  }
234
- .magritte-input___LVTID_6-0-15.magritte-invalid___L5MVa_6-0-15 .magritte-field___9S8Tw_6-0-15{
234
+ .magritte-input___LVTID_7-0-0.magritte-invalid___L5MVa_7-0-0 .magritte-field___9S8Tw_7-0-0{
235
235
  color:var(--magritte-color-component-input-text-state-content-invalid-v19-1-0);
236
236
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v19-1-0);
237
237
  opacity:1;
238
238
  }
239
- .magritte-input___LVTID_6-0-15.magritte-invalid___L5MVa_6-0-15 .magritte-hint___EFGK0_6-0-15{
239
+ .magritte-input___LVTID_7-0-0.magritte-invalid___L5MVa_7-0-0 .magritte-hint___EFGK0_7-0-0{
240
240
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
241
241
  color:var(--magritte-color-component-input-text-state-description-invalid-v19-1-0);
242
242
  }
243
- .magritte-input___LVTID_6-0-15.magritte-invalid___L5MVa_6-0-15 .magritte-additional-value___9Kyap_6-0-15{
243
+ .magritte-input___LVTID_7-0-0.magritte-invalid___L5MVa_7-0-0 .magritte-additional-value___9Kyap_7-0-0{
244
244
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v19-1-0);
245
245
  }
246
- .magritte-input___LVTID_6-0-15.magritte-invalid___L5MVa_6-0-15 .magritte-label_elevated___PVcpC_6-0-15{
246
+ .magritte-input___LVTID_7-0-0.magritte-invalid___L5MVa_7-0-0 .magritte-label_elevated___PVcpC_7-0-0{
247
247
  color:var(--magritte-color-component-input-text-state-label-invalid-v19-1-0);
248
248
  }
249
- .magritte-input___LVTID_6-0-15.magritte-invalid___L5MVa_6-0-15 .magritte-label___YlOQk_6-0-15:not(.magritte-label_elevated___PVcpC_6-0-15),
250
- .magritte-input___LVTID_6-0-15.magritte-invalid___L5MVa_6-0-15 .magritte-fixed-placeholder___PYJIH_6-0-15{
249
+ .magritte-input___LVTID_7-0-0.magritte-invalid___L5MVa_7-0-0 .magritte-label___YlOQk_7-0-0:not(.magritte-label_elevated___PVcpC_7-0-0),
250
+ .magritte-input___LVTID_7-0-0.magritte-invalid___L5MVa_7-0-0 .magritte-fixed-placeholder___PYJIH_7-0-0{
251
251
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v19-1-0);
252
252
  }
253
- .magritte-input___LVTID_6-0-15.magritte-invalid___L5MVa_6-0-15 .magritte-icon___HEDsQ_6-0-15{
253
+ .magritte-input___LVTID_7-0-0.magritte-invalid___L5MVa_7-0-0 .magritte-icon___HEDsQ_7-0-0{
254
254
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v19-1-0);
255
255
  }
256
- .magritte-input___LVTID_6-0-15.magritte-invalid___L5MVa_6-0-15.magritte-focused___dxrHD_6-0-15{
256
+ .magritte-input___LVTID_7-0-0.magritte-invalid___L5MVa_7-0-0.magritte-focused___dxrHD_7-0-0{
257
257
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v19-1-0);
258
258
  }
259
- .magritte-input___LVTID_6-0-15.magritte-invalid___L5MVa_6-0-15.magritte-focused___dxrHD_6-0-15 .magritte-position-container___kZnvZ_6-0-15{
259
+ .magritte-input___LVTID_7-0-0.magritte-invalid___L5MVa_7-0-0.magritte-focused___dxrHD_7-0-0 .magritte-position-container___kZnvZ_7-0-0{
260
260
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v19-1-0);
261
261
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v19-1-0);
262
262
  }
263
- .magritte-input___LVTID_6-0-15.magritte-invalid___L5MVa_6-0-15.magritte-focused___dxrHD_6-0-15 .magritte-field___9S8Tw_6-0-15{
263
+ .magritte-input___LVTID_7-0-0.magritte-invalid___L5MVa_7-0-0.magritte-focused___dxrHD_7-0-0 .magritte-field___9S8Tw_7-0-0{
264
264
  color:var(--magritte-color-component-input-text-state-content-invalid-v19-1-0);
265
265
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v19-1-0);
266
266
  opacity:1;
267
267
  }
268
- .magritte-input___LVTID_6-0-15.magritte-invalid___L5MVa_6-0-15.magritte-focused___dxrHD_6-0-15 .magritte-hint___EFGK0_6-0-15{
268
+ .magritte-input___LVTID_7-0-0.magritte-invalid___L5MVa_7-0-0.magritte-focused___dxrHD_7-0-0 .magritte-hint___EFGK0_7-0-0{
269
269
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
270
270
  color:var(--magritte-color-component-input-text-state-description-invalid-v19-1-0);
271
271
  }
272
- .magritte-input___LVTID_6-0-15.magritte-invalid___L5MVa_6-0-15.magritte-focused___dxrHD_6-0-15 .magritte-additional-value___9Kyap_6-0-15{
272
+ .magritte-input___LVTID_7-0-0.magritte-invalid___L5MVa_7-0-0.magritte-focused___dxrHD_7-0-0 .magritte-additional-value___9Kyap_7-0-0{
273
273
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v19-1-0);
274
274
  }
275
- .magritte-input___LVTID_6-0-15.magritte-invalid___L5MVa_6-0-15.magritte-focused___dxrHD_6-0-15 .magritte-label_elevated___PVcpC_6-0-15{
275
+ .magritte-input___LVTID_7-0-0.magritte-invalid___L5MVa_7-0-0.magritte-focused___dxrHD_7-0-0 .magritte-label_elevated___PVcpC_7-0-0{
276
276
  color:var(--magritte-color-component-input-text-state-label-invalid-v19-1-0);
277
277
  }
278
- .magritte-input___LVTID_6-0-15.magritte-invalid___L5MVa_6-0-15.magritte-focused___dxrHD_6-0-15 .magritte-label___YlOQk_6-0-15:not(.magritte-label_elevated___PVcpC_6-0-15),
279
- .magritte-input___LVTID_6-0-15.magritte-invalid___L5MVa_6-0-15.magritte-focused___dxrHD_6-0-15 .magritte-fixed-placeholder___PYJIH_6-0-15{
278
+ .magritte-input___LVTID_7-0-0.magritte-invalid___L5MVa_7-0-0.magritte-focused___dxrHD_7-0-0 .magritte-label___YlOQk_7-0-0:not(.magritte-label_elevated___PVcpC_7-0-0),
279
+ .magritte-input___LVTID_7-0-0.magritte-invalid___L5MVa_7-0-0.magritte-focused___dxrHD_7-0-0 .magritte-fixed-placeholder___PYJIH_7-0-0{
280
280
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v19-1-0);
281
281
  }
282
- .magritte-input___LVTID_6-0-15.magritte-invalid___L5MVa_6-0-15.magritte-focused___dxrHD_6-0-15 .magritte-icon___HEDsQ_6-0-15{
282
+ .magritte-input___LVTID_7-0-0.magritte-invalid___L5MVa_7-0-0.magritte-focused___dxrHD_7-0-0 .magritte-icon___HEDsQ_7-0-0{
283
283
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v19-1-0);
284
284
  }
285
- .magritte-input___LVTID_6-0-15.magritte-focus-visible___QvCO1_6-0-15 .magritte-position-container___kZnvZ_6-0-15{
285
+ .magritte-input___LVTID_7-0-0.magritte-focus-visible___QvCO1_7-0-0 .magritte-position-container___kZnvZ_7-0-0{
286
286
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v19-1-0) solid 4px;
287
287
  }
288
- .magritte-input___LVTID_6-0-15.magritte-focus-visible___QvCO1_6-0-15.magritte-invalid___L5MVa_6-0-15 .magritte-position-container___kZnvZ_6-0-15{
288
+ .magritte-input___LVTID_7-0-0.magritte-focus-visible___QvCO1_7-0-0.magritte-invalid___L5MVa_7-0-0 .magritte-position-container___kZnvZ_7-0-0{
289
289
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v19-1-0);
290
290
  }
291
- .magritte-input___LVTID_6-0-15.magritte-disabled___0NH6E_6-0-15{
291
+ .magritte-input___LVTID_7-0-0.magritte-disabled___0NH6E_7-0-0{
292
292
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v19-1-0);
293
293
  }
294
- .magritte-input___LVTID_6-0-15.magritte-disabled___0NH6E_6-0-15 .magritte-position-container___kZnvZ_6-0-15{
294
+ .magritte-input___LVTID_7-0-0.magritte-disabled___0NH6E_7-0-0 .magritte-position-container___kZnvZ_7-0-0{
295
295
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v19-1-0);
296
296
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v19-1-0);
297
297
  }
298
- .magritte-input___LVTID_6-0-15.magritte-disabled___0NH6E_6-0-15 .magritte-field___9S8Tw_6-0-15{
298
+ .magritte-input___LVTID_7-0-0.magritte-disabled___0NH6E_7-0-0 .magritte-field___9S8Tw_7-0-0{
299
299
  color:var(--magritte-color-component-input-text-state-content-disabled-v19-1-0);
300
300
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v19-1-0);
301
301
  opacity:1;
302
302
  }
303
- .magritte-input___LVTID_6-0-15.magritte-disabled___0NH6E_6-0-15 .magritte-hint___EFGK0_6-0-15{
303
+ .magritte-input___LVTID_7-0-0.magritte-disabled___0NH6E_7-0-0 .magritte-hint___EFGK0_7-0-0{
304
304
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-disabled';
305
305
  color:var(--magritte-color-component-input-text-state-description-disabled-v19-1-0);
306
306
  }
307
- .magritte-input___LVTID_6-0-15.magritte-disabled___0NH6E_6-0-15 .magritte-additional-value___9Kyap_6-0-15{
307
+ .magritte-input___LVTID_7-0-0.magritte-disabled___0NH6E_7-0-0 .magritte-additional-value___9Kyap_7-0-0{
308
308
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-disabled-v19-1-0);
309
309
  }
310
- .magritte-input___LVTID_6-0-15.magritte-disabled___0NH6E_6-0-15 .magritte-label_elevated___PVcpC_6-0-15{
310
+ .magritte-input___LVTID_7-0-0.magritte-disabled___0NH6E_7-0-0 .magritte-label_elevated___PVcpC_7-0-0{
311
311
  color:var(--magritte-color-component-input-text-state-label-disabled-v19-1-0);
312
312
  }
313
- .magritte-input___LVTID_6-0-15.magritte-disabled___0NH6E_6-0-15 .magritte-label___YlOQk_6-0-15:not(.magritte-label_elevated___PVcpC_6-0-15),
314
- .magritte-input___LVTID_6-0-15.magritte-disabled___0NH6E_6-0-15 .magritte-fixed-placeholder___PYJIH_6-0-15{
313
+ .magritte-input___LVTID_7-0-0.magritte-disabled___0NH6E_7-0-0 .magritte-label___YlOQk_7-0-0:not(.magritte-label_elevated___PVcpC_7-0-0),
314
+ .magritte-input___LVTID_7-0-0.magritte-disabled___0NH6E_7-0-0 .magritte-fixed-placeholder___PYJIH_7-0-0{
315
315
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v19-1-0);
316
316
  }
317
- .magritte-input___LVTID_6-0-15.magritte-disabled___0NH6E_6-0-15 .magritte-icon___HEDsQ_6-0-15{
317
+ .magritte-input___LVTID_7-0-0.magritte-disabled___0NH6E_7-0-0 .magritte-icon___HEDsQ_7-0-0{
318
318
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-disabled-v19-1-0);
319
319
  }
320
- .magritte-input___LVTID_6-0-15.magritte-disabled___0NH6E_6-0-15 .magritte-right-container___N0B0o_6-0-15{
320
+ .magritte-input___LVTID_7-0-0.magritte-disabled___0NH6E_7-0-0 .magritte-right-container___N0B0o_7-0-0{
321
321
  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-state-content-disabled-v19-1-0);
322
322
  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-state-content-disabled-v19-1-0);
323
323
  }
324
324
  @media (prefers-reduced-motion){
325
- .magritte-input___LVTID_6-0-15{
325
+ .magritte-input___LVTID_7-0-0{
326
326
  --animation-100-duration:1ms;
327
327
  --animation-200-duration:1ms;
328
328
  }
329
329
  }
330
- .magritte-position-container___kZnvZ_6-0-15{
330
+ .magritte-position-container___kZnvZ_7-0-0{
331
331
  display:flex;
332
332
  align-items:center;
333
333
  position:relative;
@@ -337,20 +337,20 @@
337
337
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v19-1-0);
338
338
  padding:4px 4px 4px 16px;
339
339
  }
340
- .magritte-with-icon___TPBe2_6-0-15 .magritte-position-container___kZnvZ_6-0-15{
340
+ .magritte-with-icon___TPBe2_7-0-0 .magritte-position-container___kZnvZ_7-0-0{
341
341
  padding-left:12px;
342
342
  }
343
- .magritte-large___9frRh_6-0-15 .magritte-position-container___kZnvZ_6-0-15{
343
+ .magritte-large___9frRh_7-0-0 .magritte-position-container___kZnvZ_7-0-0{
344
344
  padding:8px 8px 8px 16px;
345
345
  }
346
- .magritte-right-container___N0B0o_6-0-15{
346
+ .magritte-right-container___N0B0o_7-0-0{
347
347
  display:flex;
348
348
  align-items:center;
349
349
  justify-content:center;
350
350
  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-content-v19-1-0);
351
351
  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-content-v19-1-0);
352
352
  }
353
- .magritte-autofill-helper___WFjOW_6-0-15{
353
+ .magritte-autofill-helper___WFjOW_7-0-0{
354
354
  position:absolute;
355
355
  left:1px;
356
356
  top:1px;
@@ -360,17 +360,17 @@
360
360
  border-radius:11px;
361
361
  display:none;
362
362
  }
363
- .magritte-autofill-helper___WFjOW_6-0-15:has(+ .magritte-content-container___s-0kX_6-0-15 .magritte-field___9S8Tw_6-0-15:autofill){
363
+ .magritte-autofill-helper___WFjOW_7-0-0:has(+ .magritte-content-container___s-0kX_7-0-0 .magritte-field___9S8Tw_7-0-0:autofill){
364
364
  display:block;
365
365
  }
366
- .magritte-autofill-helper___WFjOW_6-0-15:has(+ .magritte-content-container___s-0kX_6-0-15 .magritte-field___9S8Tw_6-0-15:autofill:focus){
366
+ .magritte-autofill-helper___WFjOW_7-0-0:has(+ .magritte-content-container___s-0kX_7-0-0 .magritte-field___9S8Tw_7-0-0:autofill:focus){
367
367
  border-radius:10px;
368
368
  left:2px;
369
369
  top:2px;
370
370
  width:calc(100% - 2px * 2);
371
371
  height:calc(100% - 2px * 2);
372
372
  }
373
- .magritte-field___9S8Tw_6-0-15{
373
+ .magritte-field___9S8Tw_7-0-0{
374
374
  position:absolute;
375
375
  inset:0;
376
376
  background:none;
@@ -392,10 +392,10 @@
392
392
  text-transform:var(--magritte-typography-label-2-regular-text-transform-v19-1-0);
393
393
  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v19-1-0);
394
394
  }
395
- .magritte-field___9S8Tw_6-0-15:autofill{
395
+ .magritte-field___9S8Tw_7-0-0:autofill{
396
396
  box-shadow:inset 0 0 40px 40px var(--magritte-color-base-blue-95-v19-1-0);
397
397
  }
398
- .magritte-icon___HEDsQ_6-0-15{
398
+ .magritte-icon___HEDsQ_7-0-0{
399
399
  display:flex;
400
400
  align-items:center;
401
401
  position:absolute;
@@ -405,14 +405,14 @@
405
405
  z-index:1;
406
406
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-content-v19-1-0);
407
407
  }
408
- .magritte-with-icon___TPBe2_6-0-15 .magritte-field___9S8Tw_6-0-15,
409
- .magritte-with-icon___TPBe2_6-0-15 .magritte-additional-value___9Kyap_6-0-15{
408
+ .magritte-with-icon___TPBe2_7-0-0 .magritte-field___9S8Tw_7-0-0,
409
+ .magritte-with-icon___TPBe2_7-0-0 .magritte-additional-value___9Kyap_7-0-0{
410
410
  padding-left:calc(24px + 12px);
411
411
  }
412
- .magritte-with-icon___TPBe2_6-0-15 .magritte-rigging-container___Up9Lb_6-0-15{
412
+ .magritte-with-icon___TPBe2_7-0-0 .magritte-rigging-container___Up9Lb_7-0-0{
413
413
  left:calc(24px + 12px);
414
414
  }
415
- .magritte-rigging-container___Up9Lb_6-0-15{
415
+ .magritte-rigging-container___Up9Lb_7-0-0{
416
416
  display:flex;
417
417
  align-items:center;
418
418
  position:absolute;
@@ -420,8 +420,8 @@
420
420
  inset:0;
421
421
  pointer-events:none;
422
422
  }
423
- .magritte-label___YlOQk_6-0-15,
424
- .magritte-fixed-placeholder___PYJIH_6-0-15{
423
+ .magritte-label___YlOQk_7-0-0,
424
+ .magritte-fixed-placeholder___PYJIH_7-0-0{
425
425
  font-family:var(--magritte-typography-label-2-regular-font-family-v19-1-0);
426
426
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v19-1-0);
427
427
  line-height:var(--magritte-typography-label-2-regular-line-height-v19-1-0);
@@ -439,11 +439,11 @@
439
439
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v19-1-0);
440
440
  color:var(--magritte-color-component-input-text-placeholder-v19-1-0);
441
441
  }
442
- .magritte-label___YlOQk_6-0-15{
442
+ .magritte-label___YlOQk_7-0-0{
443
443
  display:block;
444
444
  transition-property:transform, color, font-size, letter-spacing;
445
445
  }
446
- .magritte-label_elevated___PVcpC_6-0-15{
446
+ .magritte-label_elevated___PVcpC_7-0-0{
447
447
  font-family:var(--magritte-typography-label-4-regular-font-family-v19-1-0);
448
448
  font-weight:var(--magritte-typography-label-4-regular-font-weight-v19-1-0);
449
449
  line-height:var(--magritte-typography-label-4-regular-line-height-v19-1-0);
@@ -455,7 +455,7 @@
455
455
  color:var(--magritte-color-component-input-text-label-v19-1-0);
456
456
  transform:translateY(calc(0px - ((var(--magritte-typography-label-4-regular-line-height-v19-1-0) + var(--magritte-typography-label-2-regular-line-height-v19-1-0)) / 2) + (var(--magritte-typography-label-4-regular-line-height-v19-1-0) / 2)));
457
457
  }
458
- .magritte-input__mask___CHda2_6-0-15{
458
+ .magritte-input__mask___CHda2_7-0-0{
459
459
  position:absolute;
460
460
  width:100%;
461
461
  pointer-events:none;
@@ -465,11 +465,11 @@
465
465
  text-overflow:ellipsis;
466
466
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-content-v19-1-0);
467
467
  }
468
- .magritte-value-ghost___IXNZj_6-0-15{
468
+ .magritte-value-ghost___IXNZj_7-0-0{
469
469
  visibility:hidden;
470
470
  white-space:pre;
471
471
  }
472
- .magritte-hint-container___rGsD8_6-0-15{
472
+ .magritte-hint-container___rGsD8_7-0-0{
473
473
  display:flex;
474
474
  flex-grow:1;
475
475
  align-items:center;
@@ -477,10 +477,10 @@
477
477
  gap:12px;
478
478
  min-width:0;
479
479
  }
480
- .magritte-with-right___NUNiP_6-0-15 .magritte-hint-container___rGsD8_6-0-15{
480
+ .magritte-with-right___NUNiP_7-0-0 .magritte-hint-container___rGsD8_7-0-0{
481
481
  padding-right:4px;
482
482
  }
483
- .magritte-hint___EFGK0_6-0-15{
483
+ .magritte-hint___EFGK0_7-0-0{
484
484
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-description-v19-1-0);
485
485
  color:var(--magritte-color-component-input-text-description-v19-1-0);
486
486
  overflow:hidden;
@@ -489,26 +489,26 @@
489
489
  flex:0 1 auto;
490
490
  z-index:1;
491
491
  }
492
- .magritte-content-container___s-0kX_6-0-15{
492
+ .magritte-content-container___s-0kX_7-0-0{
493
493
  position:relative;
494
494
  flex:1 0 auto;
495
495
  display:flex;
496
496
  padding:8px 0;
497
497
  max-width:100%;
498
498
  }
499
- .magritte-elevated___kPcsM_6-0-15 .magritte-content-container___s-0kX_6-0-15{
499
+ .magritte-elevated___kPcsM_7-0-0 .magritte-content-container___s-0kX_7-0-0{
500
500
  padding:18px 0 0;
501
501
  }
502
- .magritte-counter___Bld3Q_6-0-15{
502
+ .magritte-counter___Bld3Q_7-0-0{
503
503
  padding:0 8px;
504
504
  z-index:1;
505
505
  }
506
- .magritte-value-container___6ReT7_6-0-15{
506
+ .magritte-value-container___6ReT7_7-0-0{
507
507
  position:relative;
508
508
  display:grid;
509
509
  width:100%;
510
510
  }
511
- .magritte-additional-value___9Kyap_6-0-15{
511
+ .magritte-additional-value___9Kyap_7-0-0{
512
512
  display:flex;
513
513
  align-items:center;
514
514
  grid-area:1 / 1;
@@ -518,6 +518,6 @@
518
518
  color:transparent;
519
519
  min-height:24px;
520
520
  }
521
- .magritte-elevated___kPcsM_6-0-15 .magritte-additional-value___9Kyap_6-0-15{
521
+ .magritte-elevated___kPcsM_7-0-0 .magritte-additional-value___9Kyap_7-0-0{
522
522
  min-height:22px;
523
523
  }
@@ -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-D86Gy_eG.js.map
1650
+ //# sourceMappingURL=index.esm-DO7nZxmx.js.map