@i-cell/ids-styles 0.0.14 → 0.0.15-beta.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/dist/components.css +473 -160
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +408 -82
- package/dist/form-elements/form-field/form-field.css +58 -148
- package/dist/form-elements/form-field/form-field.min.css +1 -1
- package/dist/form-elements/form-field/form-field.plugin.js +62 -64
- package/dist/option/option.css +273 -0
- package/dist/option/option.min.css +1 -0
- package/dist/option/option.plugin.js +252 -0
- package/dist/select/select.css +131 -0
- package/dist/select/select.min.css +1 -0
- package/dist/select/select.plugin.js +103 -0
- package/dist/switch/switch.css +9 -12
- package/dist/switch/switch.min.css +1 -1
- package/dist/switch/switch.plugin.js +9 -18
- package/package.json +2 -2
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
display: flex;
|
|
22
22
|
align-items: center;
|
|
23
23
|
flex: 1 0 0;
|
|
24
|
+
overflow-x: hidden;
|
|
24
25
|
}
|
|
25
26
|
.ids-form-field > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__leading-icon, .ids-form-field > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__prefix, .ids-form-field > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__duffix, .ids-form-field > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__trailing-icon {
|
|
26
27
|
display: flex;
|
|
@@ -30,6 +31,7 @@
|
|
|
30
31
|
display: flex;
|
|
31
32
|
align-items: center;
|
|
32
33
|
flex: 1 0 0;
|
|
34
|
+
overflow-x: hidden;
|
|
33
35
|
}
|
|
34
36
|
.ids-form-field > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix input,
|
|
35
37
|
.ids-form-field > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
@@ -92,17 +94,13 @@
|
|
|
92
94
|
}
|
|
93
95
|
.ids-form-field.ids-form-field-compact > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
94
96
|
padding: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-compact) 0;
|
|
95
|
-
}
|
|
96
|
-
.ids-form-field.ids-form-field-compact > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix input,
|
|
97
|
-
.ids-form-field.ids-form-field-compact > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
98
97
|
font-family: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-family-compact);
|
|
99
98
|
font-size: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-size-compact);
|
|
100
99
|
font-weight: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-weight-compact);
|
|
101
100
|
letter-spacing: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-letter-spacing-compact);
|
|
102
101
|
line-height: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-line-height-compact);
|
|
103
102
|
}
|
|
104
|
-
.ids-form-field.ids-form-field-compact > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
105
|
-
.ids-form-field.ids-form-field-compact > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
103
|
+
.ids-form-field.ids-form-field-compact > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
106
104
|
font-family: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-compact);
|
|
107
105
|
font-size: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-compact);
|
|
108
106
|
font-weight: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-compact);
|
|
@@ -162,17 +160,13 @@
|
|
|
162
160
|
}
|
|
163
161
|
.ids-form-field.ids-form-field-comfortable > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
164
162
|
padding: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-comfortable) 0;
|
|
165
|
-
}
|
|
166
|
-
.ids-form-field.ids-form-field-comfortable > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix input,
|
|
167
|
-
.ids-form-field.ids-form-field-comfortable > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
168
163
|
font-family: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-family-comfortable);
|
|
169
164
|
font-size: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-size-comfortable);
|
|
170
165
|
font-weight: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-weight-comfortable);
|
|
171
166
|
letter-spacing: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-letter-spacing-comfortable);
|
|
172
167
|
line-height: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-line-height-comfortable);
|
|
173
168
|
}
|
|
174
|
-
.ids-form-field.ids-form-field-comfortable > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
175
|
-
.ids-form-field.ids-form-field-comfortable > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
169
|
+
.ids-form-field.ids-form-field-comfortable > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
176
170
|
font-family: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-comfortable);
|
|
177
171
|
font-size: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-comfortable);
|
|
178
172
|
font-weight: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-comfortable);
|
|
@@ -232,17 +226,13 @@
|
|
|
232
226
|
}
|
|
233
227
|
.ids-form-field.ids-form-field-spacious > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
234
228
|
padding: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-spacious) 0;
|
|
235
|
-
}
|
|
236
|
-
.ids-form-field.ids-form-field-spacious > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix input,
|
|
237
|
-
.ids-form-field.ids-form-field-spacious > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
238
229
|
font-family: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-family-spacious);
|
|
239
230
|
font-size: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-size-spacious);
|
|
240
231
|
font-weight: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-weight-spacious);
|
|
241
232
|
letter-spacing: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-letter-spacing-spacious);
|
|
242
233
|
line-height: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-line-height-spacious);
|
|
243
234
|
}
|
|
244
|
-
.ids-form-field.ids-form-field-spacious > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
245
|
-
.ids-form-field.ids-form-field-spacious > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
235
|
+
.ids-form-field.ids-form-field-spacious > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
246
236
|
font-family: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-spacious);
|
|
247
237
|
font-size: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-spacious);
|
|
248
238
|
font-weight: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-spacious);
|
|
@@ -302,17 +292,13 @@
|
|
|
302
292
|
}
|
|
303
293
|
.ids-form-field.ids-form-field-dense > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
304
294
|
padding: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-dense) 0;
|
|
305
|
-
}
|
|
306
|
-
.ids-form-field.ids-form-field-dense > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix input,
|
|
307
|
-
.ids-form-field.ids-form-field-dense > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
308
295
|
font-family: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-family-dense);
|
|
309
296
|
font-size: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-size-dense);
|
|
310
297
|
font-weight: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-weight-dense);
|
|
311
298
|
letter-spacing: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-letter-spacing-dense);
|
|
312
299
|
line-height: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-line-height-dense);
|
|
313
300
|
}
|
|
314
|
-
.ids-form-field.ids-form-field-dense > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
315
|
-
.ids-form-field.ids-form-field-dense > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
301
|
+
.ids-form-field.ids-form-field-dense > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
316
302
|
font-family: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-dense);
|
|
317
303
|
font-size: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-dense);
|
|
318
304
|
font-weight: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-dense);
|
|
@@ -347,12 +333,10 @@
|
|
|
347
333
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
348
334
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-default);
|
|
349
335
|
}
|
|
350
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
351
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
336
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
352
337
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-default);
|
|
353
338
|
}
|
|
354
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
355
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
339
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
356
340
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default);
|
|
357
341
|
}
|
|
358
342
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -378,12 +362,10 @@
|
|
|
378
362
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
379
363
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-hovered);
|
|
380
364
|
}
|
|
381
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
382
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
365
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
383
366
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-hovered);
|
|
384
367
|
}
|
|
385
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
386
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
368
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
387
369
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered);
|
|
388
370
|
}
|
|
389
371
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -409,14 +391,10 @@
|
|
|
409
391
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
410
392
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-focused);
|
|
411
393
|
}
|
|
412
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
413
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input,
|
|
414
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
394
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
415
395
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-focused);
|
|
416
396
|
}
|
|
417
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
418
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input::placeholder,
|
|
419
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
397
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
420
398
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused);
|
|
421
399
|
}
|
|
422
400
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -442,14 +420,10 @@
|
|
|
442
420
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
443
421
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-pressed);
|
|
444
422
|
}
|
|
445
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
446
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input,
|
|
447
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
423
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
448
424
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-pressed);
|
|
449
425
|
}
|
|
450
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
451
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input::placeholder,
|
|
452
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
426
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
453
427
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed);
|
|
454
428
|
}
|
|
455
429
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -478,12 +452,10 @@
|
|
|
478
452
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
479
453
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-default);
|
|
480
454
|
}
|
|
481
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
482
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
455
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
483
456
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-default);
|
|
484
457
|
}
|
|
485
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
486
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
458
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
487
459
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default);
|
|
488
460
|
}
|
|
489
461
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -509,12 +481,10 @@
|
|
|
509
481
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
510
482
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-hovered);
|
|
511
483
|
}
|
|
512
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
513
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
484
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
514
485
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-hovered);
|
|
515
486
|
}
|
|
516
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
517
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
487
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
518
488
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered);
|
|
519
489
|
}
|
|
520
490
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -540,14 +510,10 @@
|
|
|
540
510
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
541
511
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-focused);
|
|
542
512
|
}
|
|
543
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
544
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input,
|
|
545
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
513
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
546
514
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-focused);
|
|
547
515
|
}
|
|
548
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
549
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input::placeholder,
|
|
550
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
516
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
551
517
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused);
|
|
552
518
|
}
|
|
553
519
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -573,14 +539,10 @@
|
|
|
573
539
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
574
540
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-pressed);
|
|
575
541
|
}
|
|
576
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
577
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input,
|
|
578
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
542
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
579
543
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-pressed);
|
|
580
544
|
}
|
|
581
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
582
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input::placeholder,
|
|
583
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
545
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
584
546
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed);
|
|
585
547
|
}
|
|
586
548
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -609,12 +571,10 @@
|
|
|
609
571
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
610
572
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-default);
|
|
611
573
|
}
|
|
612
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
613
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
574
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
614
575
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-default);
|
|
615
576
|
}
|
|
616
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
617
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
577
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
618
578
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default);
|
|
619
579
|
}
|
|
620
580
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -640,12 +600,10 @@
|
|
|
640
600
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
641
601
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-hovered);
|
|
642
602
|
}
|
|
643
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
644
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
603
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
645
604
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-hovered);
|
|
646
605
|
}
|
|
647
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
648
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
606
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
649
607
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered);
|
|
650
608
|
}
|
|
651
609
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -671,14 +629,10 @@
|
|
|
671
629
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
672
630
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-focused);
|
|
673
631
|
}
|
|
674
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
675
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input,
|
|
676
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
632
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
677
633
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-focused);
|
|
678
634
|
}
|
|
679
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
680
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input::placeholder,
|
|
681
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
635
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
682
636
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused);
|
|
683
637
|
}
|
|
684
638
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -704,14 +658,10 @@
|
|
|
704
658
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
705
659
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-pressed);
|
|
706
660
|
}
|
|
707
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
708
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input,
|
|
709
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
661
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
710
662
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-pressed);
|
|
711
663
|
}
|
|
712
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
713
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input::placeholder,
|
|
714
|
-
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
664
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
715
665
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed);
|
|
716
666
|
}
|
|
717
667
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix, .ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -740,12 +690,10 @@
|
|
|
740
690
|
.ids-form-field.ids-form-field-surface.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
741
691
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-disabled);
|
|
742
692
|
}
|
|
743
|
-
.ids-form-field.ids-form-field-surface.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
744
|
-
.ids-form-field.ids-form-field-surface.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
693
|
+
.ids-form-field.ids-form-field-surface.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
745
694
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-disabled);
|
|
746
695
|
}
|
|
747
|
-
.ids-form-field.ids-form-field-surface.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
748
|
-
.ids-form-field.ids-form-field-surface.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
696
|
+
.ids-form-field.ids-form-field-surface.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
749
697
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-disabled);
|
|
750
698
|
}
|
|
751
699
|
.ids-form-field.ids-form-field-surface.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -774,12 +722,10 @@
|
|
|
774
722
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
775
723
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-default);
|
|
776
724
|
}
|
|
777
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
778
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
725
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
779
726
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-default);
|
|
780
727
|
}
|
|
781
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
782
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
728
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
783
729
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default);
|
|
784
730
|
}
|
|
785
731
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -805,12 +751,10 @@
|
|
|
805
751
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
806
752
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-hovered);
|
|
807
753
|
}
|
|
808
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
809
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
754
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
810
755
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-hovered);
|
|
811
756
|
}
|
|
812
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
813
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
757
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
814
758
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered);
|
|
815
759
|
}
|
|
816
760
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -836,14 +780,10 @@
|
|
|
836
780
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
837
781
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-focused);
|
|
838
782
|
}
|
|
839
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
840
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input,
|
|
841
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
783
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
842
784
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-focused);
|
|
843
785
|
}
|
|
844
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
845
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input::placeholder,
|
|
846
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
786
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
847
787
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused);
|
|
848
788
|
}
|
|
849
789
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -869,14 +809,10 @@
|
|
|
869
809
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
870
810
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-pressed);
|
|
871
811
|
}
|
|
872
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
873
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input,
|
|
874
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
812
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
875
813
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-pressed);
|
|
876
814
|
}
|
|
877
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
878
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input::placeholder,
|
|
879
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
815
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
880
816
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed);
|
|
881
817
|
}
|
|
882
818
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -905,12 +841,10 @@
|
|
|
905
841
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
906
842
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-default);
|
|
907
843
|
}
|
|
908
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
909
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
844
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
910
845
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-default);
|
|
911
846
|
}
|
|
912
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
913
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
847
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
914
848
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default);
|
|
915
849
|
}
|
|
916
850
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -936,12 +870,10 @@
|
|
|
936
870
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
937
871
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-hovered);
|
|
938
872
|
}
|
|
939
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
940
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
873
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
941
874
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-hovered);
|
|
942
875
|
}
|
|
943
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
944
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
876
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
945
877
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered);
|
|
946
878
|
}
|
|
947
879
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -967,14 +899,10 @@
|
|
|
967
899
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
968
900
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-focused);
|
|
969
901
|
}
|
|
970
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
971
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input,
|
|
972
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
902
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
973
903
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-focused);
|
|
974
904
|
}
|
|
975
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
976
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input::placeholder,
|
|
977
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
905
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
978
906
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused);
|
|
979
907
|
}
|
|
980
908
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -1000,14 +928,10 @@
|
|
|
1000
928
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
1001
929
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-pressed);
|
|
1002
930
|
}
|
|
1003
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
1004
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input,
|
|
1005
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
931
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
1006
932
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-pressed);
|
|
1007
933
|
}
|
|
1008
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
1009
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input::placeholder,
|
|
1010
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
934
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
1011
935
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed);
|
|
1012
936
|
}
|
|
1013
937
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -1036,12 +960,10 @@
|
|
|
1036
960
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
1037
961
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-default);
|
|
1038
962
|
}
|
|
1039
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
1040
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
963
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
1041
964
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-default);
|
|
1042
965
|
}
|
|
1043
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
1044
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
966
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
1045
967
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default);
|
|
1046
968
|
}
|
|
1047
969
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -1067,12 +989,10 @@
|
|
|
1067
989
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
1068
990
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-hovered);
|
|
1069
991
|
}
|
|
1070
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
1071
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
992
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
1072
993
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-hovered);
|
|
1073
994
|
}
|
|
1074
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
1075
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
995
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
1076
996
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered);
|
|
1077
997
|
}
|
|
1078
998
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -1098,14 +1018,10 @@
|
|
|
1098
1018
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
1099
1019
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-focused);
|
|
1100
1020
|
}
|
|
1101
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
1102
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input,
|
|
1103
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
1021
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
1104
1022
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-focused);
|
|
1105
1023
|
}
|
|
1106
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
1107
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input::placeholder,
|
|
1108
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
1024
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
1109
1025
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused);
|
|
1110
1026
|
}
|
|
1111
1027
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -1131,14 +1047,10 @@
|
|
|
1131
1047
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
1132
1048
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-pressed);
|
|
1133
1049
|
}
|
|
1134
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
1135
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input,
|
|
1136
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
1050
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
1137
1051
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-pressed);
|
|
1138
1052
|
}
|
|
1139
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
1140
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix input::placeholder,
|
|
1141
|
-
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
1053
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
1142
1054
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed);
|
|
1143
1055
|
}
|
|
1144
1056
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(input:active) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix, .ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(textarea:active) > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|
|
@@ -1167,12 +1079,10 @@
|
|
|
1167
1079
|
.ids-form-field.ids-form-field-light.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__prefix {
|
|
1168
1080
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-disabled);
|
|
1169
1081
|
}
|
|
1170
|
-
.ids-form-field.ids-form-field-light.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
1171
|
-
.ids-form-field.ids-form-field-light.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea {
|
|
1082
|
+
.ids-form-field.ids-form-field-light.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix {
|
|
1172
1083
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-disabled);
|
|
1173
1084
|
}
|
|
1174
|
-
.ids-form-field.ids-form-field-light.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix
|
|
1175
|
-
.ids-form-field.ids-form-field-light.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix textarea::placeholder {
|
|
1085
|
+
.ids-form-field.ids-form-field-light.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
1176
1086
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-disabled);
|
|
1177
1087
|
}
|
|
1178
1088
|
.ids-form-field.ids-form-field-light.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__suffix {
|