@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.
Files changed (16) hide show
  1. package/dist/components.css +473 -160
  2. package/dist/components.min.css +1 -1
  3. package/dist/components.plugin.js +408 -82
  4. package/dist/form-elements/form-field/form-field.css +58 -148
  5. package/dist/form-elements/form-field/form-field.min.css +1 -1
  6. package/dist/form-elements/form-field/form-field.plugin.js +62 -64
  7. package/dist/option/option.css +273 -0
  8. package/dist/option/option.min.css +1 -0
  9. package/dist/option/option.plugin.js +252 -0
  10. package/dist/select/select.css +131 -0
  11. package/dist/select/select.min.css +1 -0
  12. package/dist/select/select.plugin.js +103 -0
  13. package/dist/switch/switch.css +9 -12
  14. package/dist/switch/switch.min.css +1 -1
  15. package/dist/switch/switch.plugin.js +9 -18
  16. package/package.json +2 -2
package/dist/form-elements/form-field/form-field.plugin.js CHANGED
@@ -16,6 +16,7 @@ module.exports = function FormFieldPlugin() {
16
16
  display: 'flex',
17
17
  alignItems: 'center',
18
18
  flex: '1 0 0',
19
+ overflowX: 'hidden',
19
20
  },
20
21
  '.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':
21
22
  { display: 'flex', alignItems: 'center' },
@@ -23,6 +24,7 @@ module.exports = function FormFieldPlugin() {
23
24
  display: 'flex',
24
25
  alignItems: 'center',
25
26
  flex: '1 0 0',
27
+ overflowX: 'hidden',
26
28
  },
27
29
  '.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix input,.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea':
28
30
  { appearance: 'none', border: 'none', backgroundColor: 'rgba(0,0,0,0)', flex: '1 0 0', padding: '0' },
@@ -76,16 +78,15 @@ module.exports = function FormFieldPlugin() {
76
78
  lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-line-height-compact)',
77
79
  },
78
80
  '.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
79
- { padding: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-compact) 0' },
80
- '.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix input,.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea':
81
81
  {
82
+ padding: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-compact) 0',
82
83
  fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-family-compact)',
83
84
  fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-size-compact)',
84
85
  fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-weight-compact)',
85
86
  letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-letter-spacing-compact)',
86
87
  lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-line-height-compact)',
87
88
  },
88
- '.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix input::placeholder,.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea::placeholder':
89
+ '.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
89
90
  {
90
91
  fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-compact)',
91
92
  fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-compact)',
@@ -149,16 +150,15 @@ module.exports = function FormFieldPlugin() {
149
150
  lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-line-height-comfortable)',
150
151
  },
151
152
  '.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
152
- { padding: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-comfortable) 0' },
153
- '.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix input,.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea':
154
153
  {
154
+ padding: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-comfortable) 0',
155
155
  fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-family-comfortable)',
156
156
  fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-size-comfortable)',
157
157
  fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-weight-comfortable)',
158
158
  letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-letter-spacing-comfortable)',
159
159
  lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-line-height-comfortable)',
160
160
  },
161
- '.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix input::placeholder,.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea::placeholder':
161
+ '.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
162
162
  {
163
163
  fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-comfortable)',
164
164
  fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-comfortable)',
@@ -222,16 +222,15 @@ module.exports = function FormFieldPlugin() {
222
222
  lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-line-height-spacious)',
223
223
  },
224
224
  '.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
225
- { padding: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-spacious) 0' },
226
- '.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix input,.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea':
227
225
  {
226
+ padding: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-spacious) 0',
228
227
  fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-family-spacious)',
229
228
  fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-size-spacious)',
230
229
  fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-weight-spacious)',
231
230
  letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-letter-spacing-spacious)',
232
231
  lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-line-height-spacious)',
233
232
  },
234
- '.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix input::placeholder,.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea::placeholder':
233
+ '.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
235
234
  {
236
235
  fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-spacious)',
237
236
  fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-spacious)',
@@ -295,16 +294,15 @@ module.exports = function FormFieldPlugin() {
295
294
  lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-line-height-dense)',
296
295
  },
297
296
  '.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
298
- { padding: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-dense) 0' },
299
- '.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix input,.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea':
300
297
  {
298
+ padding: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-dense) 0',
301
299
  fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-family-dense)',
302
300
  fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-size-dense)',
303
301
  fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-weight-dense)',
304
302
  letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-letter-spacing-dense)',
305
303
  lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-line-height-dense)',
306
304
  },
307
- '.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix input::placeholder,.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea::placeholder':
305
+ '.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
308
306
  {
309
307
  fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-dense)',
310
308
  fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-dense)',
@@ -340,9 +338,9 @@ module.exports = function FormFieldPlugin() {
340
338
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-default)' },
341
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__prefix':
342
340
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-default)' },
343
- '.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 input,.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':
341
+ '.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':
344
342
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-default)' },
345
- '.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 input::placeholder,.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':
343
+ '.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':
346
344
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)' },
347
345
  '.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':
348
346
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-default)' },
@@ -367,9 +365,9 @@ module.exports = function FormFieldPlugin() {
367
365
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-hovered)' },
368
366
  '.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':
369
367
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-hovered)' },
370
- '.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 input,.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':
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':
371
369
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-hovered)' },
372
- '.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 input::placeholder,.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':
370
+ '.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':
373
371
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)' },
374
372
  '.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':
375
373
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-hovered)' },
@@ -386,9 +384,9 @@ module.exports = function FormFieldPlugin() {
386
384
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-focused)' },
387
385
  '.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':
388
386
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-focused)' },
389
- '.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 input,.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,.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':
387
+ '.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':
390
388
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-focused)' },
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__infix input::placeholder,.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,.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':
389
+ '.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':
392
390
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)' },
393
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__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':
394
392
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-focused)' },
@@ -410,9 +408,9 @@ module.exports = function FormFieldPlugin() {
410
408
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-pressed)' },
411
409
  '.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':
412
410
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-pressed)' },
413
- '.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 input,.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,.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':
411
+ '.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':
414
412
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-pressed)' },
415
- '.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 input::placeholder,.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,.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':
413
+ '.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':
416
414
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)' },
417
415
  '.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':
418
416
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-pressed)' },
@@ -436,9 +434,9 @@ module.exports = function FormFieldPlugin() {
436
434
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-default)' },
437
435
  '.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':
438
436
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-default)' },
439
- '.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 input,.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':
437
+ '.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':
440
438
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-default)' },
441
- '.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 input::placeholder,.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':
439
+ '.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':
442
440
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)' },
443
441
  '.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':
444
442
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-default)' },
@@ -463,9 +461,9 @@ module.exports = function FormFieldPlugin() {
463
461
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-hovered)' },
464
462
  '.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':
465
463
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-hovered)' },
466
- '.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 input,.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':
464
+ '.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':
467
465
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-hovered)' },
468
- '.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 input::placeholder,.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':
466
+ '.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':
469
467
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)' },
470
468
  '.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':
471
469
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-hovered)' },
@@ -482,9 +480,9 @@ module.exports = function FormFieldPlugin() {
482
480
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-focused)' },
483
481
  '.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':
484
482
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-focused)' },
485
- '.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 input,.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,.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':
483
+ '.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':
486
484
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-focused)' },
487
- '.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 input::placeholder,.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,.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':
485
+ '.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':
488
486
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)' },
489
487
  '.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':
490
488
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-focused)' },
@@ -506,9 +504,9 @@ module.exports = function FormFieldPlugin() {
506
504
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-pressed)' },
507
505
  '.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':
508
506
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-pressed)' },
509
- '.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 input,.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,.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':
507
+ '.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':
510
508
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-pressed)' },
511
- '.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 input::placeholder,.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,.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':
509
+ '.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':
512
510
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)' },
513
511
  '.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':
514
512
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-pressed)' },
@@ -532,9 +530,9 @@ module.exports = function FormFieldPlugin() {
532
530
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-default)' },
533
531
  '.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':
534
532
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-default)' },
535
- '.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 input,.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':
533
+ '.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':
536
534
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-default)' },
537
- '.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 input::placeholder,.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':
535
+ '.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':
538
536
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)' },
539
537
  '.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':
540
538
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-default)' },
@@ -559,9 +557,9 @@ module.exports = function FormFieldPlugin() {
559
557
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-hovered)' },
560
558
  '.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':
561
559
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-hovered)' },
562
- '.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 input,.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':
560
+ '.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':
563
561
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-hovered)' },
564
- '.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 input::placeholder,.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':
562
+ '.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':
565
563
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)' },
566
564
  '.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':
567
565
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-hovered)' },
@@ -578,9 +576,9 @@ module.exports = function FormFieldPlugin() {
578
576
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-focused)' },
579
577
  '.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':
580
578
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-focused)' },
581
- '.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 input,.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,.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':
579
+ '.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':
582
580
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-focused)' },
583
- '.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 input::placeholder,.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,.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':
581
+ '.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':
584
582
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)' },
585
583
  '.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':
586
584
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-focused)' },
@@ -602,9 +600,9 @@ module.exports = function FormFieldPlugin() {
602
600
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-pressed)' },
603
601
  '.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':
604
602
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-pressed)' },
605
- '.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 input,.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,.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':
603
+ '.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':
606
604
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-pressed)' },
607
- '.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 input::placeholder,.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,.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':
605
+ '.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':
608
606
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)' },
609
607
  '.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':
610
608
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-pressed)' },
@@ -628,9 +626,9 @@ module.exports = function FormFieldPlugin() {
628
626
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-disabled)' },
629
627
  '.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':
630
628
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-disabled)' },
631
- '.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 input,.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':
629
+ '.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':
632
630
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-disabled)' },
633
- '.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 input::placeholder,.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':
631
+ '.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':
634
632
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-disabled)' },
635
633
  '.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':
636
634
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-disabled)' },
@@ -654,9 +652,9 @@ module.exports = function FormFieldPlugin() {
654
652
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-default)' },
655
653
  '.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':
656
654
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-default)' },
657
- '.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 input,.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':
655
+ '.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':
658
656
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-default)' },
659
- '.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 input::placeholder,.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':
657
+ '.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':
660
658
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)' },
661
659
  '.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':
662
660
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-default)' },
@@ -681,9 +679,9 @@ module.exports = function FormFieldPlugin() {
681
679
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-hovered)' },
682
680
  '.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':
683
681
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-hovered)' },
684
- '.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 input,.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':
682
+ '.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':
685
683
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-hovered)' },
686
- '.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 input::placeholder,.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':
684
+ '.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':
687
685
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)' },
688
686
  '.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':
689
687
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-hovered)' },
@@ -700,9 +698,9 @@ module.exports = function FormFieldPlugin() {
700
698
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-focused)' },
701
699
  '.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':
702
700
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-focused)' },
703
- '.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 input,.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,.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':
701
+ '.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':
704
702
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-focused)' },
705
- '.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 input::placeholder,.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,.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':
703
+ '.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':
706
704
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
707
705
  '.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':
708
706
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-focused)' },
@@ -724,9 +722,9 @@ module.exports = function FormFieldPlugin() {
724
722
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-pressed)' },
725
723
  '.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':
726
724
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-pressed)' },
727
- '.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 input,.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,.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':
725
+ '.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':
728
726
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-pressed)' },
729
- '.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 input::placeholder,.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,.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':
727
+ '.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':
730
728
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)' },
731
729
  '.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':
732
730
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-pressed)' },
@@ -750,9 +748,9 @@ module.exports = function FormFieldPlugin() {
750
748
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-default)' },
751
749
  '.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':
752
750
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-default)' },
753
- '.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 input,.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':
751
+ '.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':
754
752
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-default)' },
755
- '.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 input::placeholder,.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':
753
+ '.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':
756
754
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)' },
757
755
  '.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':
758
756
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-default)' },
@@ -777,9 +775,9 @@ module.exports = function FormFieldPlugin() {
777
775
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-hovered)' },
778
776
  '.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':
779
777
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-hovered)' },
780
- '.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 input,.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':
778
+ '.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':
781
779
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-hovered)' },
782
- '.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 input::placeholder,.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':
780
+ '.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':
783
781
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)' },
784
782
  '.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':
785
783
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-hovered)' },
@@ -796,9 +794,9 @@ module.exports = function FormFieldPlugin() {
796
794
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-focused)' },
797
795
  '.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':
798
796
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-focused)' },
799
- '.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 input,.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,.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':
797
+ '.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':
800
798
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-focused)' },
801
- '.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 input::placeholder,.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,.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':
799
+ '.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':
802
800
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
803
801
  '.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':
804
802
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-focused)' },
@@ -820,9 +818,9 @@ module.exports = function FormFieldPlugin() {
820
818
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-pressed)' },
821
819
  '.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':
822
820
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-pressed)' },
823
- '.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 input,.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,.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':
821
+ '.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':
824
822
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-pressed)' },
825
- '.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 input::placeholder,.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,.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':
823
+ '.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':
826
824
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)' },
827
825
  '.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':
828
826
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-pressed)' },
@@ -846,9 +844,9 @@ module.exports = function FormFieldPlugin() {
846
844
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-default)' },
847
845
  '.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':
848
846
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-default)' },
849
- '.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 input,.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':
847
+ '.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':
850
848
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-default)' },
851
- '.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 input::placeholder,.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':
849
+ '.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':
852
850
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)' },
853
851
  '.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':
854
852
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-default)' },
@@ -873,9 +871,9 @@ module.exports = function FormFieldPlugin() {
873
871
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-hovered)' },
874
872
  '.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':
875
873
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-hovered)' },
876
- '.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 input,.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':
874
+ '.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':
877
875
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-hovered)' },
878
- '.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 input::placeholder,.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':
876
+ '.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':
879
877
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)' },
880
878
  '.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':
881
879
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-hovered)' },
@@ -892,9 +890,9 @@ module.exports = function FormFieldPlugin() {
892
890
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-focused)' },
893
891
  '.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':
894
892
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-focused)' },
895
- '.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 input,.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,.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':
893
+ '.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':
896
894
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-focused)' },
897
- '.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 input::placeholder,.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,.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':
895
+ '.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':
898
896
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
899
897
  '.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':
900
898
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-focused)' },
@@ -916,9 +914,9 @@ module.exports = function FormFieldPlugin() {
916
914
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-pressed)' },
917
915
  '.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':
918
916
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-pressed)' },
919
- '.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 input,.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,.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':
917
+ '.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':
920
918
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-pressed)' },
921
- '.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 input::placeholder,.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,.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':
919
+ '.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':
922
920
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)' },
923
921
  '.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':
924
922
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-pressed)' },
@@ -942,9 +940,9 @@ module.exports = function FormFieldPlugin() {
942
940
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-disabled)' },
943
941
  '.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':
944
942
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-disabled)' },
945
- '.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 input,.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':
943
+ '.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':
946
944
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-disabled)' },
947
- '.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 input::placeholder,.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':
945
+ '.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':
948
946
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-disabled)' },
949
947
  '.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':
950
948
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-disabled)' },