@i-cell/ids-styles 0.0.15-beta.9 → 0.0.15

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 (76) hide show
  1. package/dist/accordion/accordion.css +184 -45
  2. package/dist/accordion/accordion.min.css +1 -1
  3. package/dist/accordion/accordion.plugin.js +194 -55
  4. package/dist/avatar/avatar.css +23 -11
  5. package/dist/avatar/avatar.min.css +1 -1
  6. package/dist/avatar/avatar.plugin.js +23 -12
  7. package/dist/button/button.css +788 -656
  8. package/dist/button/button.min.css +1 -1
  9. package/dist/button/button.plugin.js +792 -693
  10. package/dist/card/card.css +61 -35
  11. package/dist/card/card.min.css +1 -1
  12. package/dist/card/card.plugin.js +181 -126
  13. package/dist/checkbox/checkbox.css +57 -29
  14. package/dist/checkbox/checkbox.min.css +1 -1
  15. package/dist/checkbox/checkbox.plugin.js +78 -53
  16. package/dist/checkbox/pseudo-checkbox.css +53 -25
  17. package/dist/checkbox/pseudo-checkbox.min.css +1 -1
  18. package/dist/checkbox/pseudo-checkbox.plugin.js +72 -43
  19. package/dist/components.css +2284 -1615
  20. package/dist/components.min.css +1 -1
  21. package/dist/components.plugin.js +2619 -1969
  22. package/dist/dialog/dialog.css +12 -1
  23. package/dist/dialog/dialog.min.css +1 -1
  24. package/dist/dialog/dialog.plugin.js +11 -4
  25. package/dist/divider/divider.css +0 -3
  26. package/dist/divider/divider.min.css +1 -1
  27. package/dist/divider/divider.plugin.js +1 -1
  28. package/dist/form-elements/form-field/form-field.css +84 -60
  29. package/dist/form-elements/form-field/form-field.min.css +1 -1
  30. package/dist/form-elements/form-field/form-field.plugin.js +84 -60
  31. package/dist/form-elements/message/message.css +21 -12
  32. package/dist/form-elements/message/message.min.css +1 -1
  33. package/dist/form-elements/message/message.plugin.js +21 -4
  34. package/dist/icon/icon.css +3 -2
  35. package/dist/icon/icon.min.css +1 -1
  36. package/dist/icon/icon.plugin.js +3 -2
  37. package/dist/icon-button/icon-button.css +133 -82
  38. package/dist/icon-button/icon-button.min.css +1 -1
  39. package/dist/icon-button/icon-button.plugin.js +256 -182
  40. package/dist/menu-item/menu-item.css +184 -0
  41. package/dist/menu-item/menu-item.min.css +1 -0
  42. package/dist/menu-item/menu-item.plugin.js +181 -0
  43. package/dist/option/option.css +13 -0
  44. package/dist/option/option.min.css +1 -1
  45. package/dist/option/option.plugin.js +13 -1
  46. package/dist/overlay-panel/overlay-panel.css +125 -0
  47. package/dist/overlay-panel/overlay-panel.min.css +1 -0
  48. package/dist/overlay-panel/overlay-panel.plugin.js +125 -0
  49. package/dist/paginator/paginator.css +133 -23
  50. package/dist/paginator/paginator.min.css +1 -1
  51. package/dist/paginator/paginator.plugin.js +113 -41
  52. package/dist/radio/radio.css +49 -49
  53. package/dist/radio/radio.min.css +1 -1
  54. package/dist/radio/radio.plugin.js +56 -61
  55. package/dist/segmented-control/segmented-control-toggle.css +37 -25
  56. package/dist/segmented-control/segmented-control-toggle.min.css +1 -1
  57. package/dist/segmented-control/segmented-control-toggle.plugin.js +46 -45
  58. package/dist/segmented-control/segmented-control.css +37 -25
  59. package/dist/segmented-control/segmented-control.min.css +1 -1
  60. package/dist/segmented-control/segmented-control.plugin.js +87 -75
  61. package/dist/snackbar/snackbar.css +12 -0
  62. package/dist/snackbar/snackbar.min.css +1 -1
  63. package/dist/snackbar/snackbar.plugin.js +28 -4
  64. package/dist/switch/switch.css +44 -56
  65. package/dist/switch/switch.min.css +1 -1
  66. package/dist/switch/switch.plugin.js +55 -74
  67. package/dist/tag/tag.css +230 -199
  68. package/dist/tag/tag.min.css +1 -1
  69. package/dist/tag/tag.plugin.js +228 -195
  70. package/package.json +4 -4
  71. package/dist/action-item/action-item.css +0 -185
  72. package/dist/action-item/action-item.min.css +0 -1
  73. package/dist/action-item/action-item.plugin.js +0 -176
  74. package/dist/action-panel/action-panel.css +0 -91
  75. package/dist/action-panel/action-panel.min.css +0 -1
  76. package/dist/action-panel/action-panel.plugin.js +0 -91
package/dist/form-elements/form-field/form-field.plugin.js CHANGED
@@ -75,10 +75,13 @@ module.exports = function FormFieldPlugin() {
75
75
  'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-padding-y-compact) var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-padding-x-compact)',
76
76
  gap: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-gap-compact)',
77
77
  },
78
- '.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
78
+ '.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon>.ids-icon':
79
79
  {
80
80
  height: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-size-height-compact)',
81
81
  width: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-size-width-compact)',
82
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-typography-font-size-compact)',
83
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-typography-font-weight-compact)',
84
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-typography-line-height-compact)',
82
85
  },
83
86
  '.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
84
87
  {
@@ -113,10 +116,13 @@ module.exports = function FormFieldPlugin() {
113
116
  letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-letter-spacing-compact)',
114
117
  lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-line-height-compact)',
115
118
  },
116
- '.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
119
+ '.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon>.ids-icon':
117
120
  {
118
121
  height: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-size-height-compact)',
119
122
  width: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-size-width-compact)',
123
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-typography-font-size-compact)',
124
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-typography-font-weight-compact)',
125
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-typography-line-height-compact)',
120
126
  },
121
127
  '.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__action': {
122
128
  padding:
@@ -148,10 +154,13 @@ module.exports = function FormFieldPlugin() {
148
154
  'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-padding-y-comfortable) var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-padding-x-comfortable)',
149
155
  gap: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-gap-comfortable)',
150
156
  },
151
- '.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
157
+ '.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon>.ids-icon':
152
158
  {
153
159
  height: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-size-height-comfortable)',
154
160
  width: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-size-width-comfortable)',
161
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-typography-font-size-comfortable)',
162
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-typography-font-weight-comfortable)',
163
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-typography-line-height-comfortable)',
155
164
  },
156
165
  '.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
157
166
  {
@@ -186,10 +195,13 @@ module.exports = function FormFieldPlugin() {
186
195
  letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-letter-spacing-comfortable)',
187
196
  lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-line-height-comfortable)',
188
197
  },
189
- '.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
198
+ '.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon>.ids-icon':
190
199
  {
191
200
  height: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-size-height-comfortable)',
192
201
  width: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-size-width-comfortable)',
202
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-typography-font-size-comfortable)',
203
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-typography-font-weight-comfortable)',
204
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-typography-line-height-comfortable)',
193
205
  },
194
206
  '.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__action': {
195
207
  padding:
@@ -221,10 +233,13 @@ module.exports = function FormFieldPlugin() {
221
233
  'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-padding-y-spacious) var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-padding-x-spacious)',
222
234
  gap: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-gap-spacious)',
223
235
  },
224
- '.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
236
+ '.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon>.ids-icon':
225
237
  {
226
238
  height: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-size-height-spacious)',
227
239
  width: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-size-width-spacious)',
240
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-typography-font-size-spacious)',
241
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-typography-font-weight-spacious)',
242
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-typography-line-height-spacious)',
228
243
  },
229
244
  '.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
230
245
  {
@@ -259,10 +274,13 @@ module.exports = function FormFieldPlugin() {
259
274
  letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-letter-spacing-spacious)',
260
275
  lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-line-height-spacious)',
261
276
  },
262
- '.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
277
+ '.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon>.ids-icon':
263
278
  {
264
279
  height: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-size-height-spacious)',
265
280
  width: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-size-width-spacious)',
281
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-typography-font-size-spacious)',
282
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-typography-font-weight-spacious)',
283
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-typography-line-height-spacious)',
266
284
  },
267
285
  '.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__action': {
268
286
  padding:
@@ -294,10 +312,13 @@ module.exports = function FormFieldPlugin() {
294
312
  'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-padding-y-dense) var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-padding-x-dense)',
295
313
  gap: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-gap-dense)',
296
314
  },
297
- '.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
315
+ '.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon>.ids-icon':
298
316
  {
299
317
  height: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-size-height-dense)',
300
318
  width: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-size-width-dense)',
319
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-typography-font-size-dense)',
320
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-typography-font-weight-dense)',
321
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-typography-line-height-dense)',
301
322
  },
302
323
  '.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
303
324
  {
@@ -332,10 +353,13 @@ module.exports = function FormFieldPlugin() {
332
353
  letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-letter-spacing-dense)',
333
354
  lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-line-height-dense)',
334
355
  },
335
- '.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
356
+ '.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon>.ids-icon':
336
357
  {
337
358
  height: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-size-height-dense)',
338
359
  width: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-size-width-dense)',
360
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-typography-font-size-dense)',
361
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-typography-font-weight-dense)',
362
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-typography-line-height-dense)',
339
363
  },
340
364
  '.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__action': {
341
365
  padding:
@@ -349,7 +373,7 @@ module.exports = function FormFieldPlugin() {
349
373
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-default)',
350
374
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-default)',
351
375
  },
352
- '.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__leading-icon .ids-icon':
376
+ '.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__leading-icon>.ids-icon':
353
377
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-default)' },
354
378
  '.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':
355
379
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-default)' },
@@ -359,7 +383,7 @@ module.exports = function FormFieldPlugin() {
359
383
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)' },
360
384
  '.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':
361
385
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-default)' },
362
- '.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__trailing-icon .ids-icon':
386
+ '.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__trailing-icon>.ids-icon':
363
387
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-default)' },
364
388
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__action':
365
389
  {
@@ -370,7 +394,7 @@ module.exports = function FormFieldPlugin() {
370
394
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-hovered)',
371
395
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-hovered)',
372
396
  },
373
- '.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__leading-icon .ids-icon':
397
+ '.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__leading-icon>.ids-icon':
374
398
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-hovered)' },
375
399
  '.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':
376
400
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-hovered)' },
@@ -380,7 +404,7 @@ module.exports = function FormFieldPlugin() {
380
404
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)' },
381
405
  '.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':
382
406
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-hovered)' },
383
- '.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__trailing-icon .ids-icon':
407
+ '.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__trailing-icon>.ids-icon':
384
408
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-hovered)' },
385
409
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__action':
386
410
  {
@@ -393,7 +417,7 @@ module.exports = function FormFieldPlugin() {
393
417
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-focused)',
394
418
  outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)',
395
419
  },
396
- '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
420
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon>.ids-icon':
397
421
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-focused)' },
398
422
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
399
423
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-focused)' },
@@ -403,7 +427,7 @@ module.exports = function FormFieldPlugin() {
403
427
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)' },
404
428
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
405
429
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-focused)' },
406
- '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
430
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon>.ids-icon':
407
431
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-focused)' },
408
432
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__action':
409
433
  {
@@ -415,7 +439,7 @@ module.exports = function FormFieldPlugin() {
415
439
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-pressed)',
416
440
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-pressed)',
417
441
  },
418
- '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
442
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon>.ids-icon':
419
443
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-pressed)' },
420
444
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
421
445
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-pressed)' },
@@ -425,7 +449,7 @@ module.exports = function FormFieldPlugin() {
425
449
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)' },
426
450
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
427
451
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-pressed)' },
428
- '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
452
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon>.ids-icon':
429
453
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-pressed)' },
430
454
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__action':
431
455
  {
@@ -439,7 +463,7 @@ module.exports = function FormFieldPlugin() {
439
463
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-error-default)',
440
464
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-error-default)',
441
465
  },
442
- '.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__leading-icon .ids-icon':
466
+ '.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__leading-icon>.ids-icon':
443
467
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-default)' },
444
468
  '.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':
445
469
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-default)' },
@@ -449,7 +473,7 @@ module.exports = function FormFieldPlugin() {
449
473
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)' },
450
474
  '.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':
451
475
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-default)' },
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__trailing-icon .ids-icon':
476
+ '.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__trailing-icon>.ids-icon':
453
477
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-default)' },
454
478
  '.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__action':
455
479
  {
@@ -460,7 +484,7 @@ module.exports = function FormFieldPlugin() {
460
484
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-error-hovered)',
461
485
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-error-hovered)',
462
486
  },
463
- '.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__leading-icon .ids-icon':
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__leading-icon>.ids-icon':
464
488
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-hovered)' },
465
489
  '.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':
466
490
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-hovered)' },
@@ -470,7 +494,7 @@ module.exports = function FormFieldPlugin() {
470
494
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)' },
471
495
  '.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':
472
496
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-hovered)' },
473
- '.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__trailing-icon .ids-icon':
497
+ '.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__trailing-icon>.ids-icon':
474
498
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-hovered)' },
475
499
  '.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__action':
476
500
  {
@@ -483,7 +507,7 @@ module.exports = function FormFieldPlugin() {
483
507
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-error-focused)',
484
508
  outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)',
485
509
  },
486
- '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
510
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon>.ids-icon':
487
511
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-focused)' },
488
512
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
489
513
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-focused)' },
@@ -493,7 +517,7 @@ module.exports = function FormFieldPlugin() {
493
517
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)' },
494
518
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
495
519
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-focused)' },
496
- '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
520
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon>.ids-icon':
497
521
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-focused)' },
498
522
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__action':
499
523
  {
@@ -505,7 +529,7 @@ module.exports = function FormFieldPlugin() {
505
529
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-error-pressed)',
506
530
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-error-pressed)',
507
531
  },
508
- '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
532
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon>.ids-icon':
509
533
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-pressed)' },
510
534
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
511
535
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-pressed)' },
@@ -515,7 +539,7 @@ module.exports = function FormFieldPlugin() {
515
539
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)' },
516
540
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
517
541
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-pressed)' },
518
- '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
542
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon>.ids-icon':
519
543
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-pressed)' },
520
544
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__action':
521
545
  {
@@ -529,7 +553,7 @@ module.exports = function FormFieldPlugin() {
529
553
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-success-default)',
530
554
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-success-default)',
531
555
  },
532
- '.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__leading-icon .ids-icon':
556
+ '.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__leading-icon>.ids-icon':
533
557
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-default)' },
534
558
  '.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':
535
559
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-default)' },
@@ -539,7 +563,7 @@ module.exports = function FormFieldPlugin() {
539
563
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)' },
540
564
  '.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':
541
565
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-default)' },
542
- '.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__trailing-icon .ids-icon':
566
+ '.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__trailing-icon>.ids-icon':
543
567
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-default)' },
544
568
  '.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__action':
545
569
  {
@@ -550,7 +574,7 @@ module.exports = function FormFieldPlugin() {
550
574
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-success-hovered)',
551
575
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-success-hovered)',
552
576
  },
553
- '.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__leading-icon .ids-icon':
577
+ '.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__leading-icon>.ids-icon':
554
578
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-hovered)' },
555
579
  '.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':
556
580
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-hovered)' },
@@ -560,7 +584,7 @@ module.exports = function FormFieldPlugin() {
560
584
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)' },
561
585
  '.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':
562
586
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-hovered)' },
563
- '.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__trailing-icon .ids-icon':
587
+ '.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__trailing-icon>.ids-icon':
564
588
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-hovered)' },
565
589
  '.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__action':
566
590
  {
@@ -573,7 +597,7 @@ module.exports = function FormFieldPlugin() {
573
597
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-success-focused)',
574
598
  outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)',
575
599
  },
576
- '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
600
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon>.ids-icon':
577
601
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-focused)' },
578
602
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
579
603
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-focused)' },
@@ -583,7 +607,7 @@ module.exports = function FormFieldPlugin() {
583
607
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)' },
584
608
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
585
609
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-focused)' },
586
- '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
610
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon>.ids-icon':
587
611
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-focused)' },
588
612
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__action':
589
613
  {
@@ -595,7 +619,7 @@ module.exports = function FormFieldPlugin() {
595
619
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-success-pressed)',
596
620
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-success-pressed)',
597
621
  },
598
- '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
622
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon>.ids-icon':
599
623
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-pressed)' },
600
624
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
601
625
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-pressed)' },
@@ -605,7 +629,7 @@ module.exports = function FormFieldPlugin() {
605
629
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)' },
606
630
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
607
631
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-pressed)' },
608
- '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
632
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon>.ids-icon':
609
633
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-pressed)' },
610
634
  '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__action':
611
635
  {
@@ -619,7 +643,7 @@ module.exports = function FormFieldPlugin() {
619
643
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-disabled)',
620
644
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-disabled)',
621
645
  },
622
- '.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__leading-icon .ids-icon':
646
+ '.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__leading-icon>.ids-icon':
623
647
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-disabled)' },
624
648
  '.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':
625
649
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-disabled)' },
@@ -629,7 +653,7 @@ module.exports = function FormFieldPlugin() {
629
653
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-disabled)' },
630
654
  '.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':
631
655
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-disabled)' },
632
- '.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__trailing-icon .ids-icon':
656
+ '.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__trailing-icon>.ids-icon':
633
657
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-disabled)' },
634
658
  '.ids-form-field.ids-form-field-surface.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__action':
635
659
  {
@@ -643,7 +667,7 @@ module.exports = function FormFieldPlugin() {
643
667
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-default)',
644
668
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-default)',
645
669
  },
646
- '.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__leading-icon .ids-icon':
670
+ '.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__leading-icon>.ids-icon':
647
671
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-default)' },
648
672
  '.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':
649
673
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-default)' },
@@ -653,7 +677,7 @@ module.exports = function FormFieldPlugin() {
653
677
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)' },
654
678
  '.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':
655
679
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-default)' },
656
- '.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__trailing-icon .ids-icon':
680
+ '.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__trailing-icon>.ids-icon':
657
681
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-default)' },
658
682
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__action':
659
683
  {
@@ -664,7 +688,7 @@ module.exports = function FormFieldPlugin() {
664
688
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-hovered)',
665
689
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-hovered)',
666
690
  },
667
- '.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__leading-icon .ids-icon':
691
+ '.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__leading-icon>.ids-icon':
668
692
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-hovered)' },
669
693
  '.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':
670
694
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-hovered)' },
@@ -674,7 +698,7 @@ module.exports = function FormFieldPlugin() {
674
698
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)' },
675
699
  '.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':
676
700
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-hovered)' },
677
- '.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__trailing-icon .ids-icon':
701
+ '.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__trailing-icon>.ids-icon':
678
702
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-hovered)' },
679
703
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__action':
680
704
  {
@@ -687,7 +711,7 @@ module.exports = function FormFieldPlugin() {
687
711
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-focused)',
688
712
  outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-light-focused)',
689
713
  },
690
- '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
714
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon>.ids-icon':
691
715
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-focused)' },
692
716
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
693
717
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-focused)' },
@@ -697,7 +721,7 @@ module.exports = function FormFieldPlugin() {
697
721
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
698
722
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
699
723
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-focused)' },
700
- '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
724
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon>.ids-icon':
701
725
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-focused)' },
702
726
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.iids-form-field-control:focus)>.ids-form-field__field-wrapper__action':
703
727
  {
@@ -709,7 +733,7 @@ module.exports = function FormFieldPlugin() {
709
733
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-pressed)',
710
734
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-pressed)',
711
735
  },
712
- '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
736
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon>.ids-icon':
713
737
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-pressed)' },
714
738
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
715
739
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-pressed)' },
@@ -719,7 +743,7 @@ module.exports = function FormFieldPlugin() {
719
743
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)' },
720
744
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
721
745
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-pressed)' },
722
- '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
746
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon>.ids-icon':
723
747
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-pressed)' },
724
748
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__action':
725
749
  {
@@ -733,7 +757,7 @@ module.exports = function FormFieldPlugin() {
733
757
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-error-default)',
734
758
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-error-default)',
735
759
  },
736
- '.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__leading-icon .ids-icon':
760
+ '.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__leading-icon>.ids-icon':
737
761
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-default)' },
738
762
  '.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':
739
763
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-default)' },
@@ -743,7 +767,7 @@ module.exports = function FormFieldPlugin() {
743
767
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)' },
744
768
  '.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':
745
769
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-default)' },
746
- '.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__trailing-icon .ids-icon':
770
+ '.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__trailing-icon>.ids-icon':
747
771
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-default)' },
748
772
  '.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__action':
749
773
  {
@@ -754,7 +778,7 @@ module.exports = function FormFieldPlugin() {
754
778
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-error-hovered)',
755
779
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-error-hovered)',
756
780
  },
757
- '.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__leading-icon .ids-icon':
781
+ '.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__leading-icon>.ids-icon':
758
782
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-hovered)' },
759
783
  '.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':
760
784
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-hovered)' },
@@ -764,7 +788,7 @@ module.exports = function FormFieldPlugin() {
764
788
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)' },
765
789
  '.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':
766
790
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-hovered)' },
767
- '.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__trailing-icon .ids-icon':
791
+ '.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__trailing-icon>.ids-icon':
768
792
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-hovered)' },
769
793
  '.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__action':
770
794
  {
@@ -777,7 +801,7 @@ module.exports = function FormFieldPlugin() {
777
801
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-error-focused)',
778
802
  outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-light-focused)',
779
803
  },
780
- '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
804
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon>.ids-icon':
781
805
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-focused)' },
782
806
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
783
807
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-focused)' },
@@ -787,7 +811,7 @@ module.exports = function FormFieldPlugin() {
787
811
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
788
812
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
789
813
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-focused)' },
790
- '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
814
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon>.ids-icon':
791
815
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-focused)' },
792
816
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__action':
793
817
  {
@@ -799,7 +823,7 @@ module.exports = function FormFieldPlugin() {
799
823
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-error-pressed)',
800
824
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-error-pressed)',
801
825
  },
802
- '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
826
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon>.ids-icon':
803
827
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-pressed)' },
804
828
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
805
829
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-pressed)' },
@@ -809,7 +833,7 @@ module.exports = function FormFieldPlugin() {
809
833
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)' },
810
834
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
811
835
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-pressed)' },
812
- '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
836
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon>.ids-icon':
813
837
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-pressed)' },
814
838
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__action':
815
839
  {
@@ -823,7 +847,7 @@ module.exports = function FormFieldPlugin() {
823
847
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-success-default)',
824
848
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-success-default)',
825
849
  },
826
- '.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__leading-icon .ids-icon':
850
+ '.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__leading-icon>.ids-icon':
827
851
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-default)' },
828
852
  '.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':
829
853
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-default)' },
@@ -833,7 +857,7 @@ module.exports = function FormFieldPlugin() {
833
857
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)' },
834
858
  '.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':
835
859
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-default)' },
836
- '.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__trailing-icon .ids-icon':
860
+ '.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__trailing-icon>.ids-icon':
837
861
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-default)' },
838
862
  '.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__action':
839
863
  {
@@ -844,7 +868,7 @@ module.exports = function FormFieldPlugin() {
844
868
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-success-hovered)',
845
869
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-success-hovered)',
846
870
  },
847
- '.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__leading-icon .ids-icon':
871
+ '.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__leading-icon>.ids-icon':
848
872
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-hovered)' },
849
873
  '.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':
850
874
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-hovered)' },
@@ -854,7 +878,7 @@ module.exports = function FormFieldPlugin() {
854
878
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)' },
855
879
  '.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':
856
880
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-hovered)' },
857
- '.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__trailing-icon .ids-icon':
881
+ '.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__trailing-icon>.ids-icon':
858
882
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-hovered)' },
859
883
  '.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__action':
860
884
  {
@@ -867,7 +891,7 @@ module.exports = function FormFieldPlugin() {
867
891
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-success-focused)',
868
892
  outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-light-focused)',
869
893
  },
870
- '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
894
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon>.ids-icon':
871
895
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-focused)' },
872
896
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
873
897
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-focused)' },
@@ -877,7 +901,7 @@ module.exports = function FormFieldPlugin() {
877
901
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
878
902
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
879
903
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-focused)' },
880
- '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
904
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon>.ids-icon':
881
905
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-focused)' },
882
906
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:focus)>.ids-form-field__field-wrapper__action':
883
907
  {
@@ -889,7 +913,7 @@ module.exports = function FormFieldPlugin() {
889
913
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-success-pressed)',
890
914
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-success-pressed)',
891
915
  },
892
- '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
916
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon>.ids-icon':
893
917
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-pressed)' },
894
918
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
895
919
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-pressed)' },
@@ -899,7 +923,7 @@ module.exports = function FormFieldPlugin() {
899
923
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)' },
900
924
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
901
925
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-pressed)' },
902
- '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
926
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon>.ids-icon':
903
927
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-pressed)' },
904
928
  '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(.ids-form-field-control:active)>.ids-form-field__field-wrapper__action':
905
929
  {
@@ -913,7 +937,7 @@ module.exports = function FormFieldPlugin() {
913
937
  borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-disabled)',
914
938
  background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-disabled)',
915
939
  },
916
- '.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__leading-icon .ids-icon':
940
+ '.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__leading-icon>.ids-icon':
917
941
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-disabled)' },
918
942
  '.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':
919
943
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-disabled)' },
@@ -923,7 +947,7 @@ module.exports = function FormFieldPlugin() {
923
947
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-disabled)' },
924
948
  '.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':
925
949
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-disabled)' },
926
- '.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__trailing-icon .ids-icon':
950
+ '.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__trailing-icon>.ids-icon':
927
951
  { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-disabled)' },
928
952
  '.ids-form-field.ids-form-field-light.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__action':
929
953
  {