@i-cell/ids-styles 0.0.26 → 0.0.27

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