@i-cell/ids-styles 0.0.67 → 0.0.70

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 (28) hide show
  1. package/dist/autocomplete/autocomplete.css +4 -2
  2. package/dist/autocomplete/autocomplete.min.css +1 -1
  3. package/dist/autocomplete/autocomplete.plugin.js +8 -1
  4. package/dist/checkbox/checkbox-group.css +88 -28
  5. package/dist/checkbox/checkbox-group.min.css +1 -1
  6. package/dist/checkbox/checkbox-group.plugin.js +124 -36
  7. package/dist/checkbox/checkbox.css +111 -99
  8. package/dist/checkbox/checkbox.min.css +1 -1
  9. package/dist/checkbox/checkbox.plugin.js +130 -123
  10. package/dist/components.css +628 -383
  11. package/dist/components.min.css +1 -1
  12. package/dist/components.plugin.js +764 -520
  13. package/dist/dialog/dialog.css +2 -0
  14. package/dist/dialog/dialog.min.css +1 -1
  15. package/dist/dialog/dialog.plugin.js +8 -2
  16. package/dist/notification/notification.css +3 -1
  17. package/dist/notification/notification.min.css +1 -1
  18. package/dist/notification/notification.plugin.js +1 -1
  19. package/dist/option/option.css +6 -6
  20. package/dist/option/option.min.css +1 -1
  21. package/dist/option/option.plugin.js +13 -6
  22. package/dist/radio/radio.css +342 -190
  23. package/dist/radio/radio.min.css +1 -1
  24. package/dist/radio/radio.plugin.js +417 -299
  25. package/dist/switch/switch.css +72 -57
  26. package/dist/switch/switch.min.css +1 -1
  27. package/dist/switch/switch.plugin.js +63 -52
  28. package/package.json +2 -2
package/dist/radio/radio.plugin.js CHANGED
@@ -8,9 +8,10 @@ module.exports = function RadioPlugin() {
8
8
  borderStyle: 'none',
9
9
  borderColor: 'rgba(0,0,0,0)',
10
10
  lineHeight: 1.5,
11
- display: 'inline-flex',
11
+ display: 'flex',
12
+ flexDirection: 'column',
13
+ justifyContent: 'center',
12
14
  alignItems: 'flex-start',
13
- justifyContent: 'start',
14
15
  },
15
16
  '.ids-radio-group::before,.ids-radio-group::after,.ids-radio-group *,.ids-radio-group ::before,.ids-radio-group ::after': {
16
17
  boxSizing: 'border-box',
@@ -18,67 +19,100 @@ module.exports = function RadioPlugin() {
18
19
  borderStyle: 'none',
19
20
  borderColor: 'rgba(0,0,0,0)',
20
21
  },
21
- '.ids-radio-group.ids-radio-group-horizontal': { flexDirection: 'row' },
22
- '.ids-radio-group.ids-radio-group-vertical': { flexDirection: 'column' },
23
22
  '.ids-radio-group.ids-radio-group-left': { alignItems: 'flex-end' },
24
23
  '.ids-radio-group.ids-radio-group-right': { alignItems: 'flex-start' },
24
+ '.ids-radio-group>.ids-radio-group__legend': { display: 'flex', flexDirection: 'column' },
25
+ '.ids-radio-group>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label': {
26
+ fontStyle: 'normal',
27
+ },
28
+ '.ids-radio-group>.ids-radio-group__list': { display: 'flex' },
29
+ '.ids-radio-group.ids-radio-group-horizontal>.ids-radio-group__list': { flexDirection: 'row', alignItems: 'center' },
30
+ '.ids-radio-group.ids-radio-group-vertical>.ids-radio-group__list': { flexDirection: 'column', alignItems: 'flex-start' },
25
31
  '.ids-radio-group .ids-radio': { display: 'flex', alignItems: 'center' },
26
32
  '.ids-radio-group .ids-radio.ids-radio-left': { flexDirection: 'row-reverse', justifyContent: 'start' },
27
- '.ids-radio-group .ids-radio.ids-radio-righ': { flexDirection: 'row', justifyContent: 'start' },
28
- '.ids-radio-group .ids-radio.ids-radio-top': { flexDirection: 'column-reverse', alignItems: 'center' },
33
+ '.ids-radio-group .ids-radio.ids-radio-right': { flexDirection: 'row', justifyContent: 'start' },
34
+ '.ids-radio-group .ids-radio.ids-radio-top': { flexDirection: 'column-reverse', justifyContent: 'center', alignItems: 'center' },
29
35
  '.ids-radio-group .ids-radio.ids-radio-bottom': { flexDirection: 'column', alignItems: 'center' },
36
+ '.ids-radio-group .ids-radio.ids-radio-top .ids-radio__label-wrapper,.ids-radio-group .ids-radio.ids-radio-bottom .ids-radio__label-wrapper':
37
+ { alignItems: 'center' },
38
+ '.ids-radio-group .ids-radio.ids-radio-top .ids-radio__label,.ids-radio-group .ids-radio.ids-radio-bottom .ids-radio__label': {
39
+ justifyContent: 'center',
40
+ },
41
+ '.ids-radio-group .ids-radio.ids-radio-left .ids-radio__label-wrapper,.ids-radio-group .ids-radio.ids-radio-right .ids-radio__label-wrapper':
42
+ { alignItems: 'flex-start' },
43
+ '.ids-radio-group .ids-radio.ids-radio-left .ids-radio__label,.ids-radio-group .ids-radio.ids-radio-right .ids-radio__label': {
44
+ justifyContent: 'start',
45
+ },
30
46
  '.ids-radio-group .ids-radio .ids-radio__input-wrapper': {
31
47
  position: 'relative',
32
48
  display: 'flex',
33
49
  alignItems: 'center',
34
50
  justifyContent: 'center',
35
51
  },
36
- '.ids-radio-group .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target': { position: 'absolute', cursor: 'pointer' },
37
- '.ids-radio-group .ids-radio .ids-radio__input-wrapper input[type=radio]': {
52
+ '.ids-radio-group .ids-radio .ids-radio__touch-target': { position: 'absolute', cursor: 'pointer' },
53
+ '.ids-radio-group .ids-radio input[type=radio]': {
38
54
  appearance: 'none',
39
55
  WebkitAppearance: 'none',
40
- flexShrink: [0, 0],
41
- borderStyle: 'solid',
42
- margin: '0',
43
56
  display: 'flex',
44
- justifyContent: 'center',
45
57
  alignItems: 'center',
58
+ justifyContent: 'center',
59
+ flexShrink: 0,
60
+ margin: '0',
61
+ borderStyle: 'solid',
46
62
  cursor: 'pointer',
47
63
  },
48
- '.ids-radio-group .ids-radio .ids-radio__input-wrapper input[type=radio]+.ids-radio__inner-circle': {
64
+ '.ids-radio-group .ids-radio input[type=radio]:focus,.ids-radio-group .ids-radio input[type=radio]:focus-visible': {
65
+ outlineOffset: '2px',
66
+ outlineStyle: 'solid',
67
+ },
68
+ '.ids-radio-group .ids-radio input[type=radio]+.ids-radio__inner-circle': {
49
69
  position: 'absolute',
50
70
  flexShrink: 0,
51
- borderStyle: 'solid',
52
- height: '0',
53
71
  width: '0',
72
+ height: '0',
54
73
  borderWidth: '0',
74
+ borderStyle: 'solid',
55
75
  cursor: 'pointer',
56
76
  },
57
- '.ids-radio-group .ids-radio .ids-radio__input-wrapper input[type=radio]:focus,.ids-radio-group .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible':
58
- { outlineOffset: '2px', outlineStyle: 'solid' },
77
+ '.ids-radio-group .ids-radio .ids-radio__label-wrapper': { display: 'flex', flexDirection: 'column', cursor: 'pointer' },
59
78
  '.ids-radio-group .ids-radio .ids-radio__label': {
60
- cursor: 'pointer',
61
79
  display: 'flex',
62
- justifyContent: 'center',
63
80
  alignItems: 'center',
64
81
  flex: '1 0 0',
65
82
  fontStyle: 'normal',
83
+ cursor: 'pointer',
66
84
  },
67
- '.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__input-wrapper .ids-radio__touch-target': { cursor: 'not-allowed' },
68
- '.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__input-wrapper input[type=radio]': { cursor: 'not-allowed' },
69
- '.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__input-wrapper input[type=radio]+.ids-radio__inner-circle': {
70
- cursor: 'not-allowed',
71
- },
72
- '.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__label': { cursor: 'not-allowed' },
73
- '.ids-radio-group.ids-radio-group-compact.ids-radio-group-horizontal': {
85
+ '.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__touch-target,.ids-radio-group .ids-radio.ids-radio-disabled input[type=radio],.ids-radio-group .ids-radio.ids-radio-disabled input[type=radio]+.ids-radio__inner-circle,.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__label-wrapper,.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__label':
86
+ { cursor: 'not-allowed' },
87
+ '.ids-radio-group.ids-radio-group-compact': {
74
88
  padding:
75
- 'var(--ids-comp-radio-group-horizontal-container-size-padding-y-compact) var(--ids-comp-radio-group-horizontal-container-size-padding-x-compact)',
76
- gap: 'var(--ids-comp-radio-group-horizontal-container-size-gap-compact)',
89
+ 'var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-compact) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-compact)',
90
+ gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-compact)',
77
91
  },
78
- '.ids-radio-group.ids-radio-group-compact.ids-radio-group-vertical': {
79
- padding:
80
- 'var(--ids-comp-radio-group-vertical-container-size-padding-y-compact) var(--ids-comp-radio-group-vertical-container-size-padding-x-compact)',
81
- gap: 'var(--ids-comp-radio-group-vertical-container-size-gap-compact)',
92
+ '.ids-radio-group.ids-radio-group-compact>.ids-radio-group__legend': {
93
+ gap: 'var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-compact)',
94
+ },
95
+ '.ids-radio-group.ids-radio-group-compact.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
96
+ {
97
+ fontFamily: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-compact)',
98
+ fontSize: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-compact)',
99
+ fontWeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-compact)',
100
+ lineHeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-compact)',
101
+ letterSpacing: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-compact)',
102
+ },
103
+ '.ids-radio-group.ids-radio-group-compact.ids-radio-group-horizontal>.ids-radio-group__list': {
104
+ gap: 'var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-compact) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-compact)',
105
+ },
106
+ '.ids-radio-group.ids-radio-group-compact.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
107
+ {
108
+ fontFamily: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-compact)',
109
+ fontSize: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-compact)',
110
+ fontWeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-compact)',
111
+ lineHeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-compact)',
112
+ letterSpacing: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-compact)',
113
+ },
114
+ '.ids-radio-group.ids-radio-group-compact.ids-radio-group-vertical>.ids-radio-group__list': {
115
+ gap: 'var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-compact)',
82
116
  },
83
117
  '.ids-radio-group.ids-radio-group-compact .ids-radio': {
84
118
  padding:
@@ -88,8 +122,8 @@ module.exports = function RadioPlugin() {
88
122
  '.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target': {
89
123
  top: 'calc((var(--ids-comp-radio-button-input-size-height-compact) - var(--ids-comp-radio-button-input-size-touchtarget-height-compact))/2)',
90
124
  left: 'calc((var(--ids-comp-radio-button-input-size-width-compact) - var(--ids-comp-radio-button-input-size-touchtarget-width-compact))/2)',
91
- height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-compact)',
92
125
  width: 'var(--ids-comp-radio-button-input-size-touchtarget-width-compact)',
126
+ height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-compact)',
93
127
  },
94
128
  '.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]': {
95
129
  width: 'var(--ids-comp-radio-button-input-size-width-compact)',
@@ -105,23 +139,46 @@ module.exports = function RadioPlugin() {
105
139
  },
106
140
  '.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible':
107
141
  { outlineWidth: 'var(--ids-comp-radio-focused-outline-outline-compact)' },
142
+ '.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__label-wrapper': {
143
+ gap: 'var(--ids-comp-radio-button-label-group-size-gap-compact)',
144
+ },
108
145
  '.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__label': {
109
- padding: 'var(--ids-comp-radio-button-label-size-padding-y-compact) 0px',
146
+ padding: 'var(--ids-comp-radio-button-label-size-padding-y-compact) 0',
110
147
  fontFamily: 'var(--ids-comp-radio-button-label-typography-font-family-compact)',
111
148
  fontSize: 'var(--ids-comp-radio-button-label-typography-font-size-compact)',
112
149
  fontWeight: 'var(--ids-comp-radio-button-label-typography-font-weight-compact)',
113
150
  lineHeight: 'var(--ids-comp-radio-button-label-typography-line-height-compact)',
114
151
  letterSpacing: 'var(--ids-comp-radio-button-label-typography-letter-spacing-compact)',
115
152
  },
116
- '.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-horizontal': {
153
+ '.ids-radio-group.ids-radio-group-comfortable': {
117
154
  padding:
118
- 'var(--ids-comp-radio-group-horizontal-container-size-padding-y-comfortable) var(--ids-comp-radio-group-horizontal-container-size-padding-x-comfortable)',
119
- gap: 'var(--ids-comp-radio-group-horizontal-container-size-gap-comfortable)',
155
+ 'var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-comfortable)',
156
+ gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-comfortable)',
120
157
  },
121
- '.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-vertical': {
122
- padding:
123
- 'var(--ids-comp-radio-group-vertical-container-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-container-size-padding-x-comfortable)',
124
- gap: 'var(--ids-comp-radio-group-vertical-container-size-gap-comfortable)',
158
+ '.ids-radio-group.ids-radio-group-comfortable>.ids-radio-group__legend': {
159
+ gap: 'var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-comfortable)',
160
+ },
161
+ '.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
162
+ {
163
+ fontFamily: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-comfortable)',
164
+ fontSize: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-comfortable)',
165
+ fontWeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-comfortable)',
166
+ lineHeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-comfortable)',
167
+ letterSpacing: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-comfortable)',
168
+ },
169
+ '.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-horizontal>.ids-radio-group__list': {
170
+ gap: 'var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-comfortable) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-comfortable)',
171
+ },
172
+ '.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
173
+ {
174
+ fontFamily: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-comfortable)',
175
+ fontSize: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-comfortable)',
176
+ fontWeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-comfortable)',
177
+ lineHeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-comfortable)',
178
+ letterSpacing: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-comfortable)',
179
+ },
180
+ '.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-vertical>.ids-radio-group__list': {
181
+ gap: 'var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-comfortable)',
125
182
  },
126
183
  '.ids-radio-group.ids-radio-group-comfortable .ids-radio': {
127
184
  padding:
@@ -131,8 +188,8 @@ module.exports = function RadioPlugin() {
131
188
  '.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target': {
132
189
  top: 'calc((var(--ids-comp-radio-button-input-size-height-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable))/2)',
133
190
  left: 'calc((var(--ids-comp-radio-button-input-size-width-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable))/2)',
134
- height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable)',
135
191
  width: 'var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable)',
192
+ height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable)',
136
193
  },
137
194
  '.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]': {
138
195
  width: 'var(--ids-comp-radio-button-input-size-width-comfortable)',
@@ -149,23 +206,46 @@ module.exports = function RadioPlugin() {
149
206
  },
150
207
  '.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible':
151
208
  { outlineWidth: 'var(--ids-comp-radio-focused-outline-outline-comfortable)' },
209
+ '.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__label-wrapper': {
210
+ gap: 'var(--ids-comp-radio-button-label-group-size-gap-comfortable)',
211
+ },
152
212
  '.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__label': {
153
- padding: 'var(--ids-comp-radio-button-label-size-padding-y-comfortable) 0px',
213
+ padding: 'var(--ids-comp-radio-button-label-size-padding-y-comfortable) 0',
154
214
  fontFamily: 'var(--ids-comp-radio-button-label-typography-font-family-comfortable)',
155
215
  fontSize: 'var(--ids-comp-radio-button-label-typography-font-size-comfortable)',
156
216
  fontWeight: 'var(--ids-comp-radio-button-label-typography-font-weight-comfortable)',
157
217
  lineHeight: 'var(--ids-comp-radio-button-label-typography-line-height-comfortable)',
158
218
  letterSpacing: 'var(--ids-comp-radio-button-label-typography-letter-spacing-comfortable)',
159
219
  },
160
- '.ids-radio-group.ids-radio-group-spacious.ids-radio-group-horizontal': {
220
+ '.ids-radio-group.ids-radio-group-spacious': {
161
221
  padding:
162
- 'var(--ids-comp-radio-group-horizontal-container-size-padding-y-spacious) var(--ids-comp-radio-group-horizontal-container-size-padding-x-spacious)',
163
- gap: 'var(--ids-comp-radio-group-horizontal-container-size-gap-spacious)',
222
+ 'var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-spacious)',
223
+ gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-spacious)',
164
224
  },
165
- '.ids-radio-group.ids-radio-group-spacious.ids-radio-group-vertical': {
166
- padding:
167
- 'var(--ids-comp-radio-group-vertical-container-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-container-size-padding-x-spacious)',
168
- gap: 'var(--ids-comp-radio-group-vertical-container-size-gap-spacious)',
225
+ '.ids-radio-group.ids-radio-group-spacious>.ids-radio-group__legend': {
226
+ gap: 'var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-spacious)',
227
+ },
228
+ '.ids-radio-group.ids-radio-group-spacious.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
229
+ {
230
+ fontFamily: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-spacious)',
231
+ fontSize: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-spacious)',
232
+ fontWeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-spacious)',
233
+ lineHeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-spacious)',
234
+ letterSpacing: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-spacious)',
235
+ },
236
+ '.ids-radio-group.ids-radio-group-spacious.ids-radio-group-horizontal>.ids-radio-group__list': {
237
+ gap: 'var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-spacious) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-spacious)',
238
+ },
239
+ '.ids-radio-group.ids-radio-group-spacious.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
240
+ {
241
+ fontFamily: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-spacious)',
242
+ fontSize: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-spacious)',
243
+ fontWeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-spacious)',
244
+ lineHeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-spacious)',
245
+ letterSpacing: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-spacious)',
246
+ },
247
+ '.ids-radio-group.ids-radio-group-spacious.ids-radio-group-vertical>.ids-radio-group__list': {
248
+ gap: 'var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-spacious)',
169
249
  },
170
250
  '.ids-radio-group.ids-radio-group-spacious .ids-radio': {
171
251
  padding:
@@ -175,8 +255,8 @@ module.exports = function RadioPlugin() {
175
255
  '.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target': {
176
256
  top: 'calc((var(--ids-comp-radio-button-input-size-height-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-height-spacious))/2)',
177
257
  left: 'calc((var(--ids-comp-radio-button-input-size-width-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-width-spacious))/2)',
178
- height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-spacious)',
179
258
  width: 'var(--ids-comp-radio-button-input-size-touchtarget-width-spacious)',
259
+ height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-spacious)',
180
260
  },
181
261
  '.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]': {
182
262
  width: 'var(--ids-comp-radio-button-input-size-width-spacious)',
@@ -192,23 +272,46 @@ module.exports = function RadioPlugin() {
192
272
  },
193
273
  '.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible':
194
274
  { outlineWidth: 'var(--ids-comp-radio-focused-outline-outline-spacious)' },
275
+ '.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__label-wrapper': {
276
+ gap: 'var(--ids-comp-radio-button-label-group-size-gap-spacious)',
277
+ },
195
278
  '.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__label': {
196
- padding: 'var(--ids-comp-radio-button-label-size-padding-y-spacious) 0px',
279
+ padding: 'var(--ids-comp-radio-button-label-size-padding-y-spacious) 0',
197
280
  fontFamily: 'var(--ids-comp-radio-button-label-typography-font-family-spacious)',
198
281
  fontSize: 'var(--ids-comp-radio-button-label-typography-font-size-spacious)',
199
282
  fontWeight: 'var(--ids-comp-radio-button-label-typography-font-weight-spacious)',
200
283
  lineHeight: 'var(--ids-comp-radio-button-label-typography-line-height-spacious)',
201
284
  letterSpacing: 'var(--ids-comp-radio-button-label-typography-letter-spacing-spacious)',
202
285
  },
203
- '.ids-radio-group.ids-radio-group-dense.ids-radio-group-horizontal': {
286
+ '.ids-radio-group.ids-radio-group-dense': {
204
287
  padding:
205
- 'var(--ids-comp-radio-group-horizontal-container-size-padding-y-dense) var(--ids-comp-radio-group-horizontal-container-size-padding-x-dense)',
206
- gap: 'var(--ids-comp-radio-group-horizontal-container-size-gap-dense)',
288
+ 'var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-dense) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-dense)',
289
+ gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-dense)',
207
290
  },
208
- '.ids-radio-group.ids-radio-group-dense.ids-radio-group-vertical': {
209
- padding:
210
- 'var(--ids-comp-radio-group-vertical-container-size-padding-y-dense) var(--ids-comp-radio-group-vertical-container-size-padding-x-dense)',
211
- gap: 'var(--ids-comp-radio-group-vertical-container-size-gap-dense)',
291
+ '.ids-radio-group.ids-radio-group-dense>.ids-radio-group__legend': {
292
+ gap: 'var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-dense)',
293
+ },
294
+ '.ids-radio-group.ids-radio-group-dense.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
295
+ {
296
+ fontFamily: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-dense)',
297
+ fontSize: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-dense)',
298
+ fontWeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-dense)',
299
+ lineHeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-dense)',
300
+ letterSpacing: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-dense)',
301
+ },
302
+ '.ids-radio-group.ids-radio-group-dense.ids-radio-group-horizontal>.ids-radio-group__list': {
303
+ gap: 'var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-dense) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-dense)',
304
+ },
305
+ '.ids-radio-group.ids-radio-group-dense.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
306
+ {
307
+ fontFamily: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-dense)',
308
+ fontSize: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-dense)',
309
+ fontWeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-dense)',
310
+ lineHeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-dense)',
311
+ letterSpacing: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-dense)',
312
+ },
313
+ '.ids-radio-group.ids-radio-group-dense.ids-radio-group-vertical>.ids-radio-group__list': {
314
+ gap: 'var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-dense)',
212
315
  },
213
316
  '.ids-radio-group.ids-radio-group-dense .ids-radio': {
214
317
  padding: 'var(--ids-comp-radio-button-container-size-padding-y-dense) var(--ids-comp-radio-button-container-size-padding-x-dense)',
@@ -217,8 +320,8 @@ module.exports = function RadioPlugin() {
217
320
  '.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target': {
218
321
  top: 'calc((var(--ids-comp-radio-button-input-size-height-dense) - var(--ids-comp-radio-button-input-size-touchtarget-height-dense))/2)',
219
322
  left: 'calc((var(--ids-comp-radio-button-input-size-width-dense) - var(--ids-comp-radio-button-input-size-touchtarget-width-dense))/2)',
220
- height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-dense)',
221
323
  width: 'var(--ids-comp-radio-button-input-size-touchtarget-width-dense)',
324
+ height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-dense)',
222
325
  },
223
326
  '.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]': {
224
327
  width: 'var(--ids-comp-radio-button-input-size-width-dense)',
@@ -234,97 +337,108 @@ module.exports = function RadioPlugin() {
234
337
  },
235
338
  '.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible':
236
339
  { outlineWidth: 'var(--ids-comp-radio-focused-outline-outline-dense)' },
340
+ '.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__label-wrapper': {
341
+ gap: 'var(--ids-comp-radio-button-label-group-size-gap-dense)',
342
+ },
237
343
  '.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__label': {
238
- padding: 'var(--ids-comp-radio-button-label-size-padding-y-dense) 0px',
344
+ padding: 'var(--ids-comp-radio-button-label-size-padding-y-dense) 0',
239
345
  fontFamily: 'var(--ids-comp-radio-button-label-typography-font-family-dense)',
240
346
  fontSize: 'var(--ids-comp-radio-button-label-typography-font-size-dense)',
241
347
  fontWeight: 'var(--ids-comp-radio-button-label-typography-font-weight-dense)',
242
348
  lineHeight: 'var(--ids-comp-radio-button-label-typography-line-height-dense)',
243
349
  letterSpacing: 'var(--ids-comp-radio-button-label-typography-letter-spacing-dense)',
244
350
  },
245
- '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)': {
246
- borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-hovered)',
247
- backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
351
+ '.ids-radio-group.ids-radio-group-surface .ids-radio-group__legend-label': {
352
+ color: 'var(--ids-comp-radio-group-legend-color-fg-surface-default)',
248
353
  },
249
- '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled)': {
354
+ '.ids-radio-group.ids-radio-group-surface.ids-radio-group-disabled .ids-radio-group__legend-label': {
355
+ color: 'var(--ids-comp-radio-group-legend-color-fg-surface-disabled)',
356
+ },
357
+ '.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled)': {
250
358
  borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-default)',
251
359
  backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-default)',
252
360
  },
253
- '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):hover': {
361
+ '.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):hover': {
254
362
  borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-hovered)',
255
363
  backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
256
364
  },
257
- '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):active': {
365
+ '.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):active': {
258
366
  borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-pressed)',
259
367
  backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-pressed)',
260
368
  },
261
- '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus-visible':
369
+ '.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):focus-visible':
262
370
  {
263
371
  borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-default)',
264
372
  backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-default)',
265
373
  outlineColor: 'var(--ids-comp-radio-input-unselected-color-focused-outline-surface-focused)',
266
374
  },
267
- '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:disabled': {
375
+ '.ids-radio-group .ids-radio-surface input[type=radio]:disabled': {
268
376
  borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-disabled)',
269
377
  backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-disabled)',
270
378
  },
271
- '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)': {
379
+ '.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled)': {
272
380
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-default)',
273
381
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-default)',
274
382
  },
275
- '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
383
+ '.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
276
384
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-default)',
277
385
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-default)',
278
386
  },
279
- '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover': {
387
+ '.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):hover': {
280
388
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-hovered)',
281
389
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-hovered)',
282
390
  },
283
- '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle':
284
- {
285
- borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-hovered)',
286
- background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-hovered)',
287
- },
288
- '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active': {
391
+ '.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle': {
392
+ borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-hovered)',
393
+ background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-hovered)',
394
+ },
395
+ '.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):active': {
289
396
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-pressed)',
290
397
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-pressed)',
291
398
  },
292
- '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle':
293
- {
294
- borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-pressed)',
295
- background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-pressed)',
296
- },
297
- '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible':
399
+ '.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle': {
400
+ borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-pressed)',
401
+ background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-pressed)',
402
+ },
403
+ '.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible':
298
404
  {
299
405
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-default)',
300
406
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-default)',
301
407
  outlineColor: 'var(--ids-comp-radio-input-selected-color-focused-outline-surface-focused)',
302
408
  },
303
- '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
409
+ '.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
304
410
  {
305
411
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-default)',
306
412
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-default)',
307
413
  },
308
- '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:disabled': {
414
+ '.ids-radio-group .ids-radio-surface input[type=radio]:checked:disabled': {
309
415
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-disabled)',
310
416
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-disabled)',
311
417
  },
312
- '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:disabled+.ids-radio__inner-circle': {
418
+ '.ids-radio-group .ids-radio-surface input[type=radio]:checked:disabled+.ids-radio__inner-circle': {
313
419
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-disabled)',
314
420
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-disabled)',
315
421
  },
316
- '.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked) .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)':
422
+ '.ids-radio-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
423
+ {
424
+ borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-hovered)',
425
+ backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
426
+ },
427
+ '.ids-radio-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
428
+ { color: 'var(--ids-comp-radio-label-color-fg-surface-hovered)' },
429
+ '.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
317
430
  {
318
431
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-hovered)',
319
432
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-hovered)',
320
433
  },
321
- '.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked) .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
434
+ '.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
322
435
  {
323
436
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-hovered)',
324
437
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-hovered)',
325
438
  },
439
+ '.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
440
+ { color: 'var(--ids-comp-radio-label-color-fg-surface-hovered)' },
326
441
  '.ids-radio-group .ids-radio-surface .ids-radio__label': { color: 'var(--ids-comp-radio-label-color-fg-surface-default)' },
327
- '.ids-radio-group .ids-radio-surface .ids-radio__label:hover': { color: 'var(--ids-comp-radio-label-color-fg-surface-hovered)' },
328
442
  '.ids-radio-group .ids-radio-surface .ids-radio__label:active': { color: 'var(--ids-comp-radio-label-color-fg-surface-pressed)' },
329
443
  '.ids-radio-group .ids-radio-surface .ids-radio__label:focus,.ids-radio-group .ids-radio-surface .ids-radio__label:focus-visible': {
330
444
  color: 'var(--ids-comp-radio-label-color-fg-surface-focused)',
@@ -332,89 +446,97 @@ module.exports = function RadioPlugin() {
332
446
  '.ids-radio-group .ids-radio-surface.ids-radio-disabled .ids-radio__label': {
333
447
  color: 'var(--ids-comp-radio-label-color-fg-surface-disabled)',
334
448
  },
335
- '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)': {
336
- borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-hovered)',
337
- backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-hovered)',
449
+ '.ids-radio-group.ids-radio-group-light .ids-radio-group__legend-label': {
450
+ color: 'var(--ids-comp-radio-group-legend-color-fg-light-default)',
338
451
  },
339
- '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled)': {
452
+ '.ids-radio-group.ids-radio-group-light.ids-radio-group-disabled .ids-radio-group__legend-label': {
453
+ color: 'var(--ids-comp-radio-group-legend-color-fg-light-disabled)',
454
+ },
455
+ '.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled)': {
340
456
  borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-default)',
341
457
  backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-default)',
342
458
  },
343
- '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):hover': {
459
+ '.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):hover': {
344
460
  borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-hovered)',
345
461
  backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-hovered)',
346
462
  },
347
- '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):active': {
463
+ '.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):active': {
348
464
  borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-pressed)',
349
465
  backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-pressed)',
350
466
  },
351
- '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus-visible':
467
+ '.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):focus-visible':
352
468
  {
353
469
  borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-default)',
354
470
  backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-default)',
355
471
  outlineColor: 'var(--ids-comp-radio-input-unselected-color-focused-outline-light-focused)',
356
472
  },
357
- '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:disabled': {
473
+ '.ids-radio-group .ids-radio-light input[type=radio]:disabled': {
358
474
  borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-disabled)',
359
475
  backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-disabled)',
360
476
  },
361
- '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)': {
477
+ '.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled)': {
362
478
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-default)',
363
479
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-default)',
364
480
  },
365
- '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
481
+ '.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
366
482
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-default)',
367
483
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-default)',
368
484
  },
369
- '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover': {
485
+ '.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):hover': {
370
486
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-hovered)',
371
487
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-hovered)',
372
488
  },
373
- '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle':
374
- {
375
- borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-hovered)',
376
- background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-hovered)',
377
- },
378
- '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active': {
489
+ '.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle': {
490
+ borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-hovered)',
491
+ background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-hovered)',
492
+ },
493
+ '.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):active': {
379
494
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-pressed)',
380
495
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-pressed)',
381
496
  },
382
- '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle':
383
- {
384
- borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-pressed)',
385
- background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-pressed)',
386
- },
387
- '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible':
497
+ '.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle': {
498
+ borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-pressed)',
499
+ background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-pressed)',
500
+ },
501
+ '.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible':
388
502
  {
389
503
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-default)',
390
504
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-default)',
391
505
  outlineColor: 'var(--ids-comp-radio-input-selected-color-focused-outline-light-focused)',
392
506
  },
393
- '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
507
+ '.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
394
508
  {
395
509
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-default)',
396
510
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-default)',
397
511
  },
398
- '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:disabled': {
512
+ '.ids-radio-group .ids-radio-light input[type=radio]:checked:disabled': {
399
513
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-disabled)',
400
514
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-disabled)',
401
515
  },
402
- '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:disabled+.ids-radio__inner-circle': {
516
+ '.ids-radio-group .ids-radio-light input[type=radio]:checked:disabled+.ids-radio__inner-circle': {
403
517
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-disabled)',
404
518
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-disabled)',
405
519
  },
406
- '.ids-radio-group .ids-radio-light:has(input[type=radio]:checked) .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)':
520
+ '.ids-radio-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
521
+ {
522
+ borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-hovered)',
523
+ backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-hovered)',
524
+ },
525
+ '.ids-radio-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
526
+ { color: 'var(--ids-comp-radio-label-color-fg-light-hovered)' },
527
+ '.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
407
528
  {
408
529
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-hovered)',
409
530
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-hovered)',
410
531
  },
411
- '.ids-radio-group .ids-radio-light:has(input[type=radio]:checked) .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
532
+ '.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
412
533
  {
413
534
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-hovered)',
414
535
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-hovered)',
415
536
  },
537
+ '.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
538
+ { color: 'var(--ids-comp-radio-label-color-fg-light-hovered)' },
416
539
  '.ids-radio-group .ids-radio-light .ids-radio__label': { color: 'var(--ids-comp-radio-label-color-fg-light-default)' },
417
- '.ids-radio-group .ids-radio-light .ids-radio__label:hover': { color: 'var(--ids-comp-radio-label-color-fg-light-hovered)' },
418
540
  '.ids-radio-group .ids-radio-light .ids-radio__label:active': { color: 'var(--ids-comp-radio-label-color-fg-light-pressed)' },
419
541
  '.ids-radio-group .ids-radio-light .ids-radio__label:focus,.ids-radio-group .ids-radio-light .ids-radio__label:focus-visible': {
420
542
  color: 'var(--ids-comp-radio-label-color-fg-light-focused)',
@@ -422,89 +544,97 @@ module.exports = function RadioPlugin() {
422
544
  '.ids-radio-group .ids-radio-light.ids-radio-disabled .ids-radio__label': {
423
545
  color: 'var(--ids-comp-radio-label-color-fg-light-disabled)',
424
546
  },
425
- '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)': {
426
- borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-hovered)',
427
- backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)',
547
+ '.ids-radio-group.ids-radio-group-dark .ids-radio-group__legend-label': {
548
+ color: 'var(--ids-comp-radio-group-legend-color-fg-dark-default)',
428
549
  },
429
- '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled)': {
550
+ '.ids-radio-group.ids-radio-group-dark.ids-radio-group-disabled .ids-radio-group__legend-label': {
551
+ color: 'var(--ids-comp-radio-group-legend-color-fg-dark-disabled)',
552
+ },
553
+ '.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled)': {
430
554
  borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-default)',
431
555
  backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-default)',
432
556
  },
433
- '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):hover': {
557
+ '.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):hover': {
434
558
  borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-hovered)',
435
559
  backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)',
436
560
  },
437
- '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):active': {
561
+ '.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):active': {
438
562
  borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-pressed)',
439
563
  backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-pressed)',
440
564
  },
441
- '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus-visible':
565
+ '.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):focus-visible':
442
566
  {
443
567
  borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-default)',
444
568
  backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-default)',
445
569
  outlineColor: 'var(--ids-comp-radio-input-unselected-color-focused-outline-dark-focused)',
446
570
  },
447
- '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:disabled': {
571
+ '.ids-radio-group .ids-radio-dark input[type=radio]:disabled': {
448
572
  borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-disabled)',
449
573
  backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-disabled)',
450
574
  },
451
- '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)': {
575
+ '.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled)': {
452
576
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-default)',
453
577
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-default)',
454
578
  },
455
- '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
579
+ '.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
456
580
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-default)',
457
581
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-default)',
458
582
  },
459
- '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover': {
583
+ '.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):hover': {
460
584
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-hovered)',
461
585
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-hovered)',
462
586
  },
463
- '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle':
464
- {
465
- borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-hovered)',
466
- background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-hovered)',
467
- },
468
- '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active': {
587
+ '.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle': {
588
+ borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-hovered)',
589
+ background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-hovered)',
590
+ },
591
+ '.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):active': {
469
592
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-pressed)',
470
593
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-pressed)',
471
594
  },
472
- '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle':
473
- {
474
- borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-pressed)',
475
- background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-pressed)',
476
- },
477
- '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible':
595
+ '.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle': {
596
+ borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-pressed)',
597
+ background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-pressed)',
598
+ },
599
+ '.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible':
478
600
  {
479
601
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-default)',
480
602
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-default)',
481
603
  outlineColor: 'var(--ids-comp-radio-input-selected-color-focused-outline-dark-focused)',
482
604
  },
483
- '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
605
+ '.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
484
606
  {
485
607
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-default)',
486
608
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-default)',
487
609
  },
488
- '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:disabled': {
610
+ '.ids-radio-group .ids-radio-dark input[type=radio]:checked:disabled': {
489
611
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-disabled)',
490
612
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-disabled)',
491
613
  },
492
- '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:disabled+.ids-radio__inner-circle': {
614
+ '.ids-radio-group .ids-radio-dark input[type=radio]:checked:disabled+.ids-radio__inner-circle': {
493
615
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-disabled)',
494
616
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-disabled)',
495
617
  },
496
- '.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked) .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)':
618
+ '.ids-radio-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
619
+ {
620
+ borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-hovered)',
621
+ backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)',
622
+ },
623
+ '.ids-radio-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
624
+ { color: 'var(--ids-comp-radio-label-color-fg-dark-hovered)' },
625
+ '.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
497
626
  {
498
627
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-hovered)',
499
628
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-hovered)',
500
629
  },
501
- '.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked) .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
630
+ '.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
502
631
  {
503
632
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-hovered)',
504
633
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-hovered)',
505
634
  },
635
+ '.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
636
+ { color: 'var(--ids-comp-radio-label-color-fg-dark-hovered)' },
506
637
  '.ids-radio-group .ids-radio-dark .ids-radio__label': { color: 'var(--ids-comp-radio-label-color-fg-dark-default)' },
507
- '.ids-radio-group .ids-radio-dark .ids-radio__label:hover': { color: 'var(--ids-comp-radio-label-color-fg-dark-hovered)' },
508
638
  '.ids-radio-group .ids-radio-dark .ids-radio__label:active': { color: 'var(--ids-comp-radio-label-color-fg-dark-pressed)' },
509
639
  '.ids-radio-group .ids-radio-dark .ids-radio__label:focus,.ids-radio-group .ids-radio-dark .ids-radio__label:focus-visible': {
510
640
  color: 'var(--ids-comp-radio-label-color-fg-dark-focused)',
@@ -512,231 +642,219 @@ module.exports = function RadioPlugin() {
512
642
  '.ids-radio-group .ids-radio-dark.ids-radio-disabled .ids-radio__label': {
513
643
  color: 'var(--ids-comp-radio-label-color-fg-dark-disabled)',
514
644
  },
515
- '.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)':
516
- {
517
- borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-hovered)',
518
- backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
519
- },
520
- '.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled)':
521
- {
522
- borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-default)',
523
- backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-default)',
524
- },
525
- '.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):hover,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):hover':
526
- {
527
- borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-hovered)',
528
- backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
529
- },
530
- '.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):active':
531
- {
532
- borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-pressed)',
533
- backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-pressed)',
534
- },
535
- '.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus-visible':
645
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled)': {
646
+ borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-default)',
647
+ backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-default)',
648
+ },
649
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):hover': {
650
+ borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-hovered)',
651
+ backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
652
+ },
653
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):active': {
654
+ borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-pressed)',
655
+ backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-pressed)',
656
+ },
657
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):focus-visible':
536
658
  {
537
659
  borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-default)',
538
660
  backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-default)',
539
661
  },
540
- '.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)':
541
- {
542
- borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-default)',
543
- backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-default)',
544
- },
545
- '.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle':
546
- {
547
- borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-default)',
548
- background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-default)',
549
- },
550
- '.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover':
551
- {
552
- borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-hovered)',
553
- backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-hovered)',
554
- },
555
- '.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle':
662
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled)': {
663
+ borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-default)',
664
+ backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-default)',
665
+ },
666
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
667
+ borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-default)',
668
+ background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-default)',
669
+ },
670
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):hover': {
671
+ borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-hovered)',
672
+ backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-hovered)',
673
+ },
674
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle':
556
675
  {
557
676
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-hovered)',
558
677
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-hovered)',
559
678
  },
560
- '.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active':
561
- {
562
- borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-pressed)',
563
- backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-pressed)',
564
- },
565
- '.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle':
679
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):active': {
680
+ borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-pressed)',
681
+ backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-pressed)',
682
+ },
683
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle':
566
684
  {
567
685
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-pressed)',
568
686
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-pressed)',
569
687
  },
570
- '.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible':
688
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible':
571
689
  {
572
690
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-default)',
573
691
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-default)',
574
692
  },
575
- '.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ng-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
693
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
576
694
  {
577
695
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-default)',
578
696
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-default)',
579
697
  },
580
- '.ids-radio-group.ng-invalid .ids-radio-surface:has(input[type=radio]:checked) .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked) .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)':
698
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
699
+ {
700
+ borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-hovered)',
701
+ backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
702
+ },
703
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
704
+ { color: 'var(--ids-comp-radio-label-color-fg-surface-hovered)' },
705
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
581
706
  {
582
707
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-hovered)',
583
708
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-hovered)',
584
709
  },
585
- '.ids-radio-group.ng-invalid .ids-radio-surface:has(input[type=radio]:checked) .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked) .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
710
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
586
711
  {
587
712
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-hovered)',
588
713
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-hovered)',
589
714
  },
590
- '.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)':
591
- {
592
- borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-hovered)',
593
- backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-hovered)',
594
- },
595
- '.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled)':
596
- {
597
- borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-default)',
598
- backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-default)',
599
- },
600
- '.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):hover,.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):hover':
601
- {
602
- borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-hovered)',
603
- backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-hovered)',
604
- },
605
- '.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):active':
606
- {
607
- borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-pressed)',
608
- backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-pressed)',
609
- },
610
- '.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus-visible':
715
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
716
+ { color: 'var(--ids-comp-radio-label-color-fg-surface-hovered)' },
717
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled)': {
718
+ borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-default)',
719
+ backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-default)',
720
+ },
721
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):hover': {
722
+ borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-hovered)',
723
+ backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-hovered)',
724
+ },
725
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):active': {
726
+ borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-pressed)',
727
+ backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-pressed)',
728
+ },
729
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):focus-visible':
611
730
  {
612
731
  borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-default)',
613
732
  backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-default)',
614
733
  },
615
- '.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)':
616
- {
617
- borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-default)',
618
- backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-default)',
619
- },
620
- '.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle':
621
- {
622
- borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-default)',
623
- background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-default)',
624
- },
625
- '.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover,.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover':
626
- {
627
- borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-hovered)',
628
- backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-hovered)',
629
- },
630
- '.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle':
631
- {
632
- borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-hovered)',
633
- background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-hovered)',
634
- },
635
- '.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active':
636
- {
637
- borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-pressed)',
638
- backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-pressed)',
639
- },
640
- '.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle':
734
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled)': {
735
+ borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-default)',
736
+ backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-default)',
737
+ },
738
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
739
+ borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-default)',
740
+ background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-default)',
741
+ },
742
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):hover': {
743
+ borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-hovered)',
744
+ backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-hovered)',
745
+ },
746
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle': {
747
+ borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-hovered)',
748
+ background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-hovered)',
749
+ },
750
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):active': {
751
+ borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-pressed)',
752
+ backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-pressed)',
753
+ },
754
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle':
641
755
  {
642
756
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-pressed)',
643
757
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-pressed)',
644
758
  },
645
- '.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible':
759
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible':
646
760
  {
647
761
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-default)',
648
762
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-default)',
649
763
  },
650
- '.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ng-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
764
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
651
765
  {
652
766
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-default)',
653
767
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-default)',
654
768
  },
655
- '.ids-radio-group.ng-invalid .ids-radio-light:has(input[type=radio]:checked) .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked) .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)':
769
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
770
+ {
771
+ borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-hovered)',
772
+ backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-hovered)',
773
+ },
774
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
775
+ { color: 'var(--ids-comp-radio-label-color-fg-light-hovered)' },
776
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
656
777
  {
657
778
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-hovered)',
658
779
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-hovered)',
659
780
  },
660
- '.ids-radio-group.ng-invalid .ids-radio-light:has(input[type=radio]:checked) .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked) .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
781
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
661
782
  {
662
783
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-hovered)',
663
784
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-hovered)',
664
785
  },
665
- '.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)':
666
- {
667
- borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-hovered)',
668
- backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)',
669
- },
670
- '.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled)':
671
- {
672
- borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-default)',
673
- backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-default)',
674
- },
675
- '.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):hover,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):hover':
676
- {
677
- borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-hovered)',
678
- backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)',
679
- },
680
- '.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):active':
681
- {
682
- borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-pressed)',
683
- backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-pressed)',
684
- },
685
- '.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):focus-visible':
786
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
787
+ { color: 'var(--ids-comp-radio-label-color-fg-light-hovered)' },
788
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled)': {
789
+ borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-default)',
790
+ backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-default)',
791
+ },
792
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):hover': {
793
+ borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-hovered)',
794
+ backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)',
795
+ },
796
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):active': {
797
+ borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-pressed)',
798
+ backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-pressed)',
799
+ },
800
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):focus-visible':
686
801
  {
687
802
  borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-default)',
688
803
  backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-default)',
689
804
  },
690
- '.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)':
805
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled)': {
806
+ borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-default)',
807
+ backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-default)',
808
+ },
809
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
810
+ borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-default)',
811
+ background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-default)',
812
+ },
813
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):hover': {
814
+ borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-hovered)',
815
+ backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-hovered)',
816
+ },
817
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle': {
818
+ borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-hovered)',
819
+ background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-hovered)',
820
+ },
821
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):active': {
822
+ borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-pressed)',
823
+ backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-pressed)',
824
+ },
825
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle': {
826
+ borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-pressed)',
827
+ background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-pressed)',
828
+ },
829
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible':
691
830
  {
692
831
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-default)',
693
832
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-default)',
694
833
  },
695
- '.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle':
834
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
696
835
  {
697
836
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-default)',
698
837
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-default)',
699
838
  },
700
- '.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover':
701
- {
702
- borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-hovered)',
703
- backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-hovered)',
704
- },
705
- '.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle':
839
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
706
840
  {
707
- borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-hovered)',
708
- background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-hovered)',
709
- },
710
- '.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active':
711
- {
712
- borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-pressed)',
713
- backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-pressed)',
714
- },
715
- '.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle':
716
- {
717
- borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-pressed)',
718
- background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-pressed)',
719
- },
720
- '.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible':
721
- {
722
- borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-default)',
723
- backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-default)',
724
- },
725
- '.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ng-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
726
- {
727
- borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-default)',
728
- background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-default)',
841
+ borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-hovered)',
842
+ backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)',
729
843
  },
730
- '.ids-radio-group.ng-invalid .ids-radio-dark:has(input[type=radio]:checked) .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked) .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)':
844
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
845
+ { color: 'var(--ids-comp-radio-label-color-fg-dark-hovered)' },
846
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
731
847
  {
732
848
  borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-hovered)',
733
849
  backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-hovered)',
734
850
  },
735
- '.ids-radio-group.ng-invalid .ids-radio-dark:has(input[type=radio]:checked) .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked) .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
851
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
736
852
  {
737
853
  borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-hovered)',
738
854
  background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-hovered)',
739
855
  },
856
+ '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
857
+ { color: 'var(--ids-comp-radio-label-color-fg-dark-hovered)' },
740
858
  };
741
859
 
742
860
  addComponents(cssObj);