@i-cell/ids-styles 0.0.69 → 0.0.71

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