@i-cell/ids-styles 0.0.69 → 0.0.70

package/dist/components.plugin.js

@@ -341,7 +341,14 @@ module.exports = function ComponentsPlugin() {
         borderStyle: 'none',
         borderColor: 'rgba(0,0,0,0)',
       },
-      '.ids-autocomplete-panel': { display: 'grid', overflow: 'auto', width: '100%', scrollbarWidth: 'thin' },
+      '.ids-autocomplete-panel': {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+        width: '100%',
+        overflowY: 'auto',
+        scrollbarWidth: 'thin',
+      },
       '.ids-autocomplete-overlay-panel': { width: '100%' },
       '.ids-autocomplete-suffix': { display: 'flex', alignItems: 'center' },
       '.ids-autocomplete-chip-list': { display: 'contents' },
@@ -3724,88 +3731,89 @@ module.exports = function ComponentsPlugin() {
         fontSize: 'var(--ids-comp-checkbox-label-typography-font-size-dense)',
         lineHeight: 'var(--ids-comp-checkbox-label-typography-line-height-dense)',
       },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate)':
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate):not([aria-readonly=true])':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-hovered)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-hovered)',
         },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):is(:checked,:indeterminate)':
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):is(:checked,:indeterminate):not([aria-readonly=true])':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-hovered)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-hovered)',
         },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled)+.ids-checkbox__icon': {
-        color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-hovered)',
-      },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate)':
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
+        { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-hovered)' },
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not([aria-readonly=true]):not(:checked):not(:indeterminate)':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-pressed)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed)',
         },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):is(:checked,:indeterminate)':
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not([aria-readonly=true]):is(:checked,:indeterminate)':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-pressed)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-pressed)',
         },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled)+.ids-checkbox__icon':
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-pressed)' },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled)': {
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true])': {
         borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-default)',
         backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-default)',
       },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover': {
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):hover': {
         borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-hovered)',
         backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-hovered)',
       },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active': {
-        borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-pressed)',
-        backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed)',
-      },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible':
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):active':
+        {
+          borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-pressed)',
+          backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed)',
+        },
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus-visible':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-focused)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-focused)',
           outlineColor: 'var(--ids-comp-checkbox-input-selected-color-focused-outline-light-focused)',
         },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:disabled': {
-        borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-disabled)',
-        backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-disabled)',
-      },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)':
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:disabled,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox][aria-readonly=true]':
+        {
+          borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-disabled)',
+          backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-disabled)',
+        },
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-default)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-default)',
         },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover':
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-hovered)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-hovered)',
         },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active':
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-pressed)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-pressed)',
         },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible':
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-focused)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-focused)',
           outlineColor: 'var(--ids-comp-checkbox-input-selected-color-focused-outline-light-focused)',
         },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled':
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked[aria-readonly=true],.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate[aria-readonly=true]':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-disabled)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-disabled)',
         },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon':
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-default)' },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon':
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-hovered)' },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon':
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-pressed)' },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon':
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-focused)' },
-      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled+.ids-checkbox__icon':
+      '.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked[aria-readonly=true]+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate[aria-readonly=true]+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-disabled)' },
       '.ids-checkbox.ids-checkbox-light .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label': {
         color: 'var(--ids-comp-checkbox-label-color-fg-light-default)',
@@ -3820,88 +3828,88 @@ module.exports = function ComponentsPlugin() {
         { color: 'var(--ids-comp-checkbox-label-color-fg-light-focused)' },
       '.ids-checkbox.ids-checkbox-light.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label':
         { color: 'var(--ids-comp-checkbox-label-color-fg-light-disabled)' },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate)':
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate):not([aria-readonly=true])':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-hovered)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-hovered)',
         },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):is(:checked,:indeterminate)':
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):is(:checked,:indeterminate):not([aria-readonly=true])':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-hovered)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-hovered)',
         },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled)+.ids-checkbox__icon': {
-        color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-hovered)',
-      },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate)':
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
+        { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-hovered)' },
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not([aria-readonly=true]):not(:checked):not(:indeterminate)':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-pressed)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed)',
         },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):is(:checked,:indeterminate)':
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not([aria-readonly=true]):is(:checked,:indeterminate)':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-pressed)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed)',
         },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled)+.ids-checkbox__icon':
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-pressed)' },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled)': {
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true])': {
         borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-default)',
         backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-default)',
       },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover': {
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):hover': {
         borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-hovered)',
         backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-hovered)',
       },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active': {
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):active': {
         borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-pressed)',
         backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed)',
       },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible':
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus-visible':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-focused)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-focused)',
           outlineColor: 'var(--ids-comp-checkbox-input-selected-color-focused-outline-dark-focused)',
         },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:disabled': {
-        borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-disabled)',
-        backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-disabled)',
-      },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)':
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:disabled,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox][aria-readonly=true]':
+        {
+          borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-disabled)',
+          backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-disabled)',
+        },
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-default)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-default)',
         },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover':
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-hovered)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-hovered)',
         },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active':
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-pressed)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed)',
         },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible':
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-focused)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-focused)',
           outlineColor: 'var(--ids-comp-checkbox-input-selected-color-focused-outline-dark-focused)',
         },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled':
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked[aria-readonly=true],.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate[aria-readonly=true]':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-disabled)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-disabled)',
         },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon':
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-default)' },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon':
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-hovered)' },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon':
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-pressed)' },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon':
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-focused)' },
-      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled+.ids-checkbox__icon':
+      '.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked[aria-readonly=true]+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate[aria-readonly=true]+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-disabled)' },
       '.ids-checkbox.ids-checkbox-dark .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label': {
         color: 'var(--ids-comp-checkbox-label-color-fg-dark-default)',
@@ -3916,88 +3924,90 @@ module.exports = function ComponentsPlugin() {
         { color: 'var(--ids-comp-checkbox-label-color-fg-dark-focused)' },
       '.ids-checkbox.ids-checkbox-dark.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label':
         { color: 'var(--ids-comp-checkbox-label-color-fg-dark-disabled)' },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate)':
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate):not([aria-readonly=true])':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-hovered)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-hovered)',
         },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):is(:checked,:indeterminate)':
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):is(:checked,:indeterminate):not([aria-readonly=true])':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-hovered)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-hovered)',
         },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled)+.ids-checkbox__icon': {
-        color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-hovered)',
-      },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not(:checked):not(:indeterminate)':
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:hover input[type=checkbox]:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
+        { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-hovered)' },
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not([aria-readonly=true]):not(:checked):not(:indeterminate)':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-pressed)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed)',
         },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):is(:checked,:indeterminate)':
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not([aria-readonly=true]):is(:checked,:indeterminate)':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-pressed)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed)',
         },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled)+.ids-checkbox__icon':
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper:has(.ids-checkbox__touch-target:active) input[type=checkbox]:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-pressed)' },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled)': {
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true])': {
         borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-default)',
         backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-default)',
       },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover': {
-        borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-hovered)',
-        backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-hovered)',
-      },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active': {
-        borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-pressed)',
-        backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed)',
-      },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible':
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):hover':
+        {
+          borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-hovered)',
+          backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-hovered)',
+        },
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):active':
+        {
+          borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-pressed)',
+          backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed)',
+        },
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus-visible':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-focused)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-focused)',
           outlineColor: 'var(--ids-comp-checkbox-input-selected-color-focused-outline-surface-focused)',
         },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:disabled': {
-        borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-disabled)',
-        backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-disabled)',
-      },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)':
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:disabled,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox][aria-readonly=true]':
+        {
+          borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-disabled)',
+          backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-disabled)',
+        },
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-default)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-default)',
         },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover':
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-hovered)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-hovered)',
         },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active':
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-pressed)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed)',
         },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible':
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-focused)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-focused)',
           outlineColor: 'var(--ids-comp-checkbox-input-selected-color-focused-outline-surface-focused)',
         },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled':
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked[aria-readonly=true],.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate[aria-readonly=true]':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-disabled)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-disabled)',
         },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon':
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-default)' },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon':
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-hovered)' },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon':
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-pressed)' },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon':
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-focused)' },
-      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled+.ids-checkbox__icon':
+      '.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked[aria-readonly=true]+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:disabled+.ids-checkbox__icon,.ids-checkbox.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate[aria-readonly=true]+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-disabled)' },
       '.ids-checkbox.ids-checkbox-surface .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label': {
         color: 'var(--ids-comp-checkbox-label-color-fg-surface-default)',
@@ -4012,165 +4022,169 @@ module.exports = function ComponentsPlugin() {
         { color: 'var(--ids-comp-checkbox-label-color-fg-surface-focused)' },
       '.ids-checkbox.ids-checkbox-surface.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label':
         { color: 'var(--ids-comp-checkbox-label-color-fg-surface-disabled)' },
+      '.ids-checkbox.ids-checkbox-disabled .ids-checkbox__input-wrapper': { cursor: 'not-allowed' },
       '.ids-checkbox.ids-checkbox-disabled .ids-checkbox__input-wrapper .ids-checkbox__touch-target': { cursor: 'not-allowed' },
       '.ids-checkbox.ids-checkbox-disabled .ids-checkbox__input-wrapper input[type=checkbox]': { cursor: 'not-allowed' },
       '.ids-checkbox.ids-checkbox-disabled .ids-checkbox__input-wrapper input[type=checkbox]+.ids-checkbox__icon': {
         cursor: 'not-allowed',
       },
+      '.ids-checkbox.ids-checkbox-disabled .ids-checkbox__label-wrapper': { cursor: 'not-allowed' },
       '.ids-checkbox.ids-checkbox-disabled .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label': {
         cursor: 'not-allowed',
       },
+      '.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__input-wrapper': { cursor: 'pointer' },
       '.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__input-wrapper .ids-checkbox__touch-target': { cursor: 'pointer' },
       '.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__input-wrapper input[type=checkbox]': { cursor: 'pointer' },
       '.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__input-wrapper input[type=checkbox]+.ids-checkbox__icon': {
         cursor: 'pointer',
       },
+      '.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__label-wrapper': { cursor: 'pointer' },
       '.ids-checkbox:not(.ids-checkbox-disabled) .ids-checkbox__label-wrapper .ids-checkbox__label-container .ids-checkbox__label': {
         cursor: 'pointer',
       },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled)':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true])':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-error-default)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-default)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):hover':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-error-hovered)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-hovered)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):active':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-error-pressed)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-pressed)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus-visible':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-light-error-focused)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-light-focused)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-error-default)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-default)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-error-hovered)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-hovered)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-error-pressed)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-pressed)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-light-error-focused)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-light-focused)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-default)' },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-hovered)' },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-pressed)' },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-light .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-light-error-focused)' },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled)':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true])':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-error-default)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-default)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):hover':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-error-hovered)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-hovered)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):active':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-error-pressed)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-pressed)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus-visible':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-dark-error-focused)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-dark-focused)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-error-default)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-default)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-error-hovered)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-hovered)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-error-pressed)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-pressed)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-dark-error-focused)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-dark-focused)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-default)' },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-hovered)' },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-pressed)' },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-dark .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-dark-error-focused)' },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled)':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true])':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-error-default)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-default)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):hover':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):hover':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-error-hovered)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-hovered)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):active':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):active':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-error-pressed)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-pressed)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):focus-visible':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:not(:disabled):not([aria-readonly=true]):focus-visible':
         {
           borderColor: 'var(--ids-comp-checkbox-input-unselected-color-border-surface-error-focused)',
           backgroundColor: 'var(--ids-comp-checkbox-input-unselected-color-bg-surface-focused)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]),.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-error-default)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-default)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-error-hovered)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-hovered)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-error-pressed)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-pressed)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible':
         {
           borderColor: 'var(--ids-comp-checkbox-input-selected-color-border-surface-error-focused)',
           backgroundColor: 'var(--ids-comp-checkbox-input-selected-color-bg-surface-focused)',
         },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled)+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled)+.ids-checkbox__icon':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true])+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-default)' },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):hover+.ids-checkbox__icon':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):hover+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-hovered)' },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):active+.ids-checkbox__icon':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):active+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-pressed)' },
-      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):focus-visible+.ids-checkbox__icon':
+      '.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ng-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:checked:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus+.ids-checkbox__icon,.ids-checkbox.ng-touched.ids-checkbox-invalid.ids-checkbox-surface .ids-checkbox__input-wrapper input[type=checkbox]:indeterminate:not(:disabled):not([aria-readonly=true]):focus-visible+.ids-checkbox__icon':
         { color: 'var(--ids-comp-checkbox-input-selected-color-fg-icon-surface-error-focused)' },
       '.ids-pseudo-checkbox': { display: 'inline-flex', alignSelf: 'stretch' },
       '.ids-pseudo-checkbox .ids-pseudo-checkbox__input-wrapper': {
@@ -5581,9 +5595,15 @@ module.exports = function ComponentsPlugin() {
       '.ids-dialog.ids-dialog-with-backdrop::backdrop': { backgroundColor: 'var(--ids-comp-dialog-backdrop-background)' },
       '.ids-dialog .ids-dialog-container': { display: 'grid', gridTemplateRows: 'auto 1fr auto', position: 'relative', maxHeight: '80vh' },
       '.ids-dialog .ids-dialog-container .ids-dialog-header': { display: 'grid', gridTemplateColumns: '1fr auto' },
-      '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title': { fontStyle: 'normal' },
+      '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title': {
+        fontStyle: 'normal',
+        color: 'var(--ids-comp-dialog-header-color-fg-title-default)',
+      },
       '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title.hidden': { display: 'none' },
-      '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle': { fontStyle: 'normal' },
+      '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle': {
+        fontStyle: 'normal',
+        color: 'var(--ids-comp-dialog-header-color-fg-subtitle-default)',
+      },
       '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content': { display: 'grid' },
       '.ids-dialog .ids-dialog-container .ids-dialog-content': {
         display: 'flex',
@@ -8849,7 +8869,14 @@ module.exports = function ComponentsPlugin() {
           width: 'var(--ids-comp-notification-icon-button-size-icon-button-dense)',
           height: 'var(--ids-comp-notification-icon-button-size-icon-button-dense)',
         },
-      '.ids-option': { display: 'flex', alignItems: 'center', alignSelf: 'stretch', boxSizing: 'border-box', userSelect: 'none' },
+      '.ids-option': {
+        display: 'flex',
+        alignItems: 'center',
+        alignSelf: 'stretch',
+        boxSizing: 'border-box',
+        userSelect: 'none',
+        flexShrink: 0,
+      },
       '.ids-option>.ids-option__text': { overflowWrap: 'anywhere', fontStyle: 'normal' },
       '.ids-option:not(.ids-option-disabled)': { cursor: 'pointer' },
       '.ids-option.ids-option-disabled': { cursor: 'not-allowed' },
@@ -9708,9 +9735,10 @@ module.exports = function ComponentsPlugin() {
         borderStyle: 'none',
         borderColor: 'rgba(0,0,0,0)',
         lineHeight: 1.5,
-        display: 'inline-flex',
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
         alignItems: 'flex-start',
-        justifyContent: 'start',
       },
       '.ids-radio-group::before,.ids-radio-group::after,.ids-radio-group *,.ids-radio-group ::before,.ids-radio-group ::after': {
         boxSizing: 'border-box',
@@ -9718,90 +9746,100 @@ module.exports = function ComponentsPlugin() {
         borderStyle: 'none',
         borderColor: 'rgba(0,0,0,0)',
       },
-      '.ids-radio-group.ids-radio-group-horizontal': { flexDirection: 'row' },
-      '.ids-radio-group.ids-radio-group-vertical': { flexDirection: 'column' },
       '.ids-radio-group.ids-radio-group-left': { alignItems: 'flex-end' },
       '.ids-radio-group.ids-radio-group-right': { alignItems: 'flex-start' },
+      '.ids-radio-group>.ids-radio-group__legend': { display: 'flex', flexDirection: 'column' },
+      '.ids-radio-group>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label': {
+        fontStyle: 'normal',
+      },
+      '.ids-radio-group>.ids-radio-group__list': { display: 'flex' },
+      '.ids-radio-group.ids-radio-group-horizontal>.ids-radio-group__list': { flexDirection: 'row', alignItems: 'center' },
+      '.ids-radio-group.ids-radio-group-vertical>.ids-radio-group__list': { flexDirection: 'column', alignItems: 'flex-start' },
       '.ids-radio-group .ids-radio': { display: 'flex', alignItems: 'center' },
       '.ids-radio-group .ids-radio.ids-radio-left': { flexDirection: 'row-reverse', justifyContent: 'start' },
-      '.ids-radio-group .ids-radio.ids-radio-left .ids-radio__label-wrapper': {
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'flex-start',
-      },
-      '.ids-radio-group .ids-radio.ids-radio-left .ids-radio__label-wrapper .ids-radio__label': { justifyContent: 'start' },
       '.ids-radio-group .ids-radio.ids-radio-right': { flexDirection: 'row', justifyContent: 'start' },
-      '.ids-radio-group .ids-radio.ids-radio-right .ids-radio__label-wrapper': {
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'flex-start',
-      },
-      '.ids-radio-group .ids-radio.ids-radio-right .ids-radio__label-wrapper .ids-radio__label': { justifyContent: 'start' },
-      '.ids-radio-group .ids-radio.ids-radio-top': { flexDirection: 'column-reverse', alignItems: 'center', justifyContent: 'center' },
-      '.ids-radio-group .ids-radio.ids-radio-top .ids-radio__label-wrapper': {
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-      },
-      '.ids-radio-group .ids-radio.ids-radio-top .ids-radio__label-wrapper .ids-radio__label': { justifyContent: 'center' },
+      '.ids-radio-group .ids-radio.ids-radio-top': { flexDirection: 'column-reverse', justifyContent: 'center', alignItems: 'center' },
       '.ids-radio-group .ids-radio.ids-radio-bottom': { flexDirection: 'column', alignItems: 'center' },
-      '.ids-radio-group .ids-radio.ids-radio-bottom .ids-radio__label-wrapper': {
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
+      '.ids-radio-group .ids-radio.ids-radio-top .ids-radio__label-wrapper,.ids-radio-group .ids-radio.ids-radio-bottom .ids-radio__label-wrapper':
+        { alignItems: 'center' },
+      '.ids-radio-group .ids-radio.ids-radio-top .ids-radio__label,.ids-radio-group .ids-radio.ids-radio-bottom .ids-radio__label': {
+        justifyContent: 'center',
+      },
+      '.ids-radio-group .ids-radio.ids-radio-left .ids-radio__label-wrapper,.ids-radio-group .ids-radio.ids-radio-right .ids-radio__label-wrapper':
+        { alignItems: 'flex-start' },
+      '.ids-radio-group .ids-radio.ids-radio-left .ids-radio__label,.ids-radio-group .ids-radio.ids-radio-right .ids-radio__label': {
+        justifyContent: 'start',
       },
-      '.ids-radio-group .ids-radio.ids-radio-bottom .ids-radio__label-wrapper .ids-radio__label': { justifyContent: 'center' },
       '.ids-radio-group .ids-radio .ids-radio__input-wrapper': {
         position: 'relative',
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
       },
-      '.ids-radio-group .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target': { position: 'absolute', cursor: 'pointer' },
-      '.ids-radio-group .ids-radio .ids-radio__input-wrapper input[type=radio]': {
+      '.ids-radio-group .ids-radio .ids-radio__touch-target': { position: 'absolute', cursor: 'pointer' },
+      '.ids-radio-group .ids-radio input[type=radio]': {
         appearance: 'none',
         WebkitAppearance: 'none',
-        flexShrink: [0, 0],
-        borderStyle: 'solid',
-        margin: '0',
         display: 'flex',
-        justifyContent: 'center',
         alignItems: 'center',
+        justifyContent: 'center',
+        flexShrink: 0,
+        margin: '0',
+        borderStyle: 'solid',
         cursor: 'pointer',
       },
-      '.ids-radio-group .ids-radio .ids-radio__input-wrapper input[type=radio]+.ids-radio__inner-circle': {
+      '.ids-radio-group .ids-radio input[type=radio]:focus,.ids-radio-group .ids-radio input[type=radio]:focus-visible': {
+        outlineOffset: '2px',
+        outlineStyle: 'solid',
+      },
+      '.ids-radio-group .ids-radio input[type=radio]+.ids-radio__inner-circle': {
         position: 'absolute',
         flexShrink: 0,
-        borderStyle: 'solid',
-        height: '0',
         width: '0',
+        height: '0',
         borderWidth: '0',
+        borderStyle: 'solid',
         cursor: 'pointer',
       },
-      '.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':
-        { outlineOffset: '2px', outlineStyle: 'solid' },
+      '.ids-radio-group .ids-radio .ids-radio__label-wrapper': { display: 'flex', flexDirection: 'column', cursor: 'pointer' },
       '.ids-radio-group .ids-radio .ids-radio__label': {
-        cursor: 'pointer',
         display: 'flex',
         alignItems: 'center',
         flex: '1 0 0',
         fontStyle: 'normal',
+        cursor: 'pointer',
       },
-      '.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__input-wrapper .ids-radio__touch-target': { cursor: 'not-allowed' },
-      '.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__input-wrapper input[type=radio]': { cursor: 'not-allowed' },
-      '.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__input-wrapper input[type=radio]+.ids-radio__inner-circle': {
-        cursor: 'not-allowed',
-      },
-      '.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__label': { cursor: 'not-allowed' },
-      '.ids-radio-group.ids-radio-group-compact.ids-radio-group-horizontal': {
+      '.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__touch-target,.ids-radio-group .ids-radio.ids-radio-disabled input[type=radio],.ids-radio-group .ids-radio.ids-radio-disabled input[type=radio]+.ids-radio__inner-circle,.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__label-wrapper,.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__label':
+        { cursor: 'not-allowed' },
+      '.ids-radio-group.ids-radio-group-compact': {
         padding:
-          'var(--ids-comp-radio-group-horizontal-container-size-padding-y-compact) var(--ids-comp-radio-group-horizontal-container-size-padding-x-compact)',
-        gap: 'var(--ids-comp-radio-group-horizontal-container-size-gap-compact)',
+          'var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-compact) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-compact)',
+        gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-compact)',
       },
-      '.ids-radio-group.ids-radio-group-compact.ids-radio-group-vertical': {
-        padding:
-          'var(--ids-comp-radio-group-vertical-container-size-padding-y-compact) var(--ids-comp-radio-group-vertical-container-size-padding-x-compact)',
-        gap: 'var(--ids-comp-radio-group-vertical-container-size-gap-compact)',
+      '.ids-radio-group.ids-radio-group-compact>.ids-radio-group__legend': {
+        gap: 'var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-compact)',
+      },
+      '.ids-radio-group.ids-radio-group-compact.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
+        {
+          fontFamily: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-compact)',
+          fontSize: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-compact)',
+          fontWeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-compact)',
+          lineHeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-compact)',
+          letterSpacing: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-compact)',
+        },
+      '.ids-radio-group.ids-radio-group-compact.ids-radio-group-horizontal>.ids-radio-group__list': {
+        gap: 'var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-compact) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-compact)',
+      },
+      '.ids-radio-group.ids-radio-group-compact.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
+        {
+          fontFamily: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-compact)',
+          fontSize: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-compact)',
+          fontWeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-compact)',
+          lineHeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-compact)',
+          letterSpacing: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-compact)',
+        },
+      '.ids-radio-group.ids-radio-group-compact.ids-radio-group-vertical>.ids-radio-group__list': {
+        gap: 'var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-compact)',
       },
       '.ids-radio-group.ids-radio-group-compact .ids-radio': {
         padding:
@@ -9811,8 +9849,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target': {
         top: 'calc((var(--ids-comp-radio-button-input-size-height-compact) - var(--ids-comp-radio-button-input-size-touchtarget-height-compact))/2)',
         left: 'calc((var(--ids-comp-radio-button-input-size-width-compact) - var(--ids-comp-radio-button-input-size-touchtarget-width-compact))/2)',
-        height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-compact)',
         width: 'var(--ids-comp-radio-button-input-size-touchtarget-width-compact)',
+        height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-compact)',
       },
       '.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]': {
         width: 'var(--ids-comp-radio-button-input-size-width-compact)',
@@ -9828,23 +9866,46 @@ module.exports = function ComponentsPlugin() {
       },
       '.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':
         { outlineWidth: 'var(--ids-comp-radio-focused-outline-outline-compact)' },
+      '.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__label-wrapper': {
+        gap: 'var(--ids-comp-radio-button-label-group-size-gap-compact)',
+      },
       '.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__label': {
-        padding: 'var(--ids-comp-radio-button-label-size-padding-y-compact) 0px',
+        padding: 'var(--ids-comp-radio-button-label-size-padding-y-compact) 0',
         fontFamily: 'var(--ids-comp-radio-button-label-typography-font-family-compact)',
         fontSize: 'var(--ids-comp-radio-button-label-typography-font-size-compact)',
         fontWeight: 'var(--ids-comp-radio-button-label-typography-font-weight-compact)',
         lineHeight: 'var(--ids-comp-radio-button-label-typography-line-height-compact)',
         letterSpacing: 'var(--ids-comp-radio-button-label-typography-letter-spacing-compact)',
       },
-      '.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-horizontal': {
+      '.ids-radio-group.ids-radio-group-comfortable': {
         padding:
-          'var(--ids-comp-radio-group-horizontal-container-size-padding-y-comfortable) var(--ids-comp-radio-group-horizontal-container-size-padding-x-comfortable)',
-        gap: 'var(--ids-comp-radio-group-horizontal-container-size-gap-comfortable)',
+          'var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-comfortable)',
+        gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-comfortable)',
       },
-      '.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-vertical': {
-        padding:
-          'var(--ids-comp-radio-group-vertical-container-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-container-size-padding-x-comfortable)',
-        gap: 'var(--ids-comp-radio-group-vertical-container-size-gap-comfortable)',
+      '.ids-radio-group.ids-radio-group-comfortable>.ids-radio-group__legend': {
+        gap: 'var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-comfortable)',
+      },
+      '.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
+        {
+          fontFamily: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-comfortable)',
+          fontSize: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-comfortable)',
+          fontWeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-comfortable)',
+          lineHeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-comfortable)',
+          letterSpacing: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-comfortable)',
+        },
+      '.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-horizontal>.ids-radio-group__list': {
+        gap: 'var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-comfortable) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-comfortable)',
+      },
+      '.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
+        {
+          fontFamily: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-comfortable)',
+          fontSize: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-comfortable)',
+          fontWeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-comfortable)',
+          lineHeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-comfortable)',
+          letterSpacing: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-comfortable)',
+        },
+      '.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-vertical>.ids-radio-group__list': {
+        gap: 'var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-comfortable)',
       },
       '.ids-radio-group.ids-radio-group-comfortable .ids-radio': {
         padding:
@@ -9854,8 +9915,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target': {
         top: 'calc((var(--ids-comp-radio-button-input-size-height-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable))/2)',
         left: 'calc((var(--ids-comp-radio-button-input-size-width-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable))/2)',
-        height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable)',
         width: 'var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable)',
+        height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable)',
       },
       '.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]': {
         width: 'var(--ids-comp-radio-button-input-size-width-comfortable)',
@@ -9872,23 +9933,46 @@ module.exports = function ComponentsPlugin() {
         },
       '.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':
         { outlineWidth: 'var(--ids-comp-radio-focused-outline-outline-comfortable)' },
+      '.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__label-wrapper': {
+        gap: 'var(--ids-comp-radio-button-label-group-size-gap-comfortable)',
+      },
       '.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__label': {
-        padding: 'var(--ids-comp-radio-button-label-size-padding-y-comfortable) 0px',
+        padding: 'var(--ids-comp-radio-button-label-size-padding-y-comfortable) 0',
         fontFamily: 'var(--ids-comp-radio-button-label-typography-font-family-comfortable)',
         fontSize: 'var(--ids-comp-radio-button-label-typography-font-size-comfortable)',
         fontWeight: 'var(--ids-comp-radio-button-label-typography-font-weight-comfortable)',
         lineHeight: 'var(--ids-comp-radio-button-label-typography-line-height-comfortable)',
         letterSpacing: 'var(--ids-comp-radio-button-label-typography-letter-spacing-comfortable)',
       },
-      '.ids-radio-group.ids-radio-group-spacious.ids-radio-group-horizontal': {
+      '.ids-radio-group.ids-radio-group-spacious': {
         padding:
-          'var(--ids-comp-radio-group-horizontal-container-size-padding-y-spacious) var(--ids-comp-radio-group-horizontal-container-size-padding-x-spacious)',
-        gap: 'var(--ids-comp-radio-group-horizontal-container-size-gap-spacious)',
+          'var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-spacious)',
+        gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-spacious)',
       },
-      '.ids-radio-group.ids-radio-group-spacious.ids-radio-group-vertical': {
-        padding:
-          'var(--ids-comp-radio-group-vertical-container-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-container-size-padding-x-spacious)',
-        gap: 'var(--ids-comp-radio-group-vertical-container-size-gap-spacious)',
+      '.ids-radio-group.ids-radio-group-spacious>.ids-radio-group__legend': {
+        gap: 'var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-spacious)',
+      },
+      '.ids-radio-group.ids-radio-group-spacious.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
+        {
+          fontFamily: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-spacious)',
+          fontSize: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-spacious)',
+          fontWeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-spacious)',
+          lineHeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-spacious)',
+          letterSpacing: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-spacious)',
+        },
+      '.ids-radio-group.ids-radio-group-spacious.ids-radio-group-horizontal>.ids-radio-group__list': {
+        gap: 'var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-spacious) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-spacious)',
+      },
+      '.ids-radio-group.ids-radio-group-spacious.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
+        {
+          fontFamily: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-spacious)',
+          fontSize: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-spacious)',
+          fontWeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-spacious)',
+          lineHeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-spacious)',
+          letterSpacing: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-spacious)',
+        },
+      '.ids-radio-group.ids-radio-group-spacious.ids-radio-group-vertical>.ids-radio-group__list': {
+        gap: 'var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-spacious)',
       },
       '.ids-radio-group.ids-radio-group-spacious .ids-radio': {
         padding:
@@ -9898,8 +9982,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target': {
         top: 'calc((var(--ids-comp-radio-button-input-size-height-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-height-spacious))/2)',
         left: 'calc((var(--ids-comp-radio-button-input-size-width-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-width-spacious))/2)',
-        height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-spacious)',
         width: 'var(--ids-comp-radio-button-input-size-touchtarget-width-spacious)',
+        height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-spacious)',
       },
       '.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]': {
         width: 'var(--ids-comp-radio-button-input-size-width-spacious)',
@@ -9915,23 +9999,46 @@ module.exports = function ComponentsPlugin() {
       },
       '.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':
         { outlineWidth: 'var(--ids-comp-radio-focused-outline-outline-spacious)' },
+      '.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__label-wrapper': {
+        gap: 'var(--ids-comp-radio-button-label-group-size-gap-spacious)',
+      },
       '.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__label': {
-        padding: 'var(--ids-comp-radio-button-label-size-padding-y-spacious) 0px',
+        padding: 'var(--ids-comp-radio-button-label-size-padding-y-spacious) 0',
         fontFamily: 'var(--ids-comp-radio-button-label-typography-font-family-spacious)',
         fontSize: 'var(--ids-comp-radio-button-label-typography-font-size-spacious)',
         fontWeight: 'var(--ids-comp-radio-button-label-typography-font-weight-spacious)',
         lineHeight: 'var(--ids-comp-radio-button-label-typography-line-height-spacious)',
         letterSpacing: 'var(--ids-comp-radio-button-label-typography-letter-spacing-spacious)',
       },
-      '.ids-radio-group.ids-radio-group-dense.ids-radio-group-horizontal': {
+      '.ids-radio-group.ids-radio-group-dense': {
         padding:
-          'var(--ids-comp-radio-group-horizontal-container-size-padding-y-dense) var(--ids-comp-radio-group-horizontal-container-size-padding-x-dense)',
-        gap: 'var(--ids-comp-radio-group-horizontal-container-size-gap-dense)',
+          'var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-y-dense) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-dense)',
+        gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-dense)',
       },
-      '.ids-radio-group.ids-radio-group-dense.ids-radio-group-vertical': {
-        padding:
-          'var(--ids-comp-radio-group-vertical-container-size-padding-y-dense) var(--ids-comp-radio-group-vertical-container-size-padding-x-dense)',
-        gap: 'var(--ids-comp-radio-group-vertical-container-size-gap-dense)',
+      '.ids-radio-group.ids-radio-group-dense>.ids-radio-group__legend': {
+        gap: 'var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-dense)',
+      },
+      '.ids-radio-group.ids-radio-group-dense.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
+        {
+          fontFamily: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-dense)',
+          fontSize: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-dense)',
+          fontWeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-dense)',
+          lineHeight: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-dense)',
+          letterSpacing: 'var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-dense)',
+        },
+      '.ids-radio-group.ids-radio-group-dense.ids-radio-group-horizontal>.ids-radio-group__list': {
+        gap: 'var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-dense) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-dense)',
+      },
+      '.ids-radio-group.ids-radio-group-dense.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label':
+        {
+          fontFamily: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-dense)',
+          fontSize: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-dense)',
+          fontWeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-dense)',
+          lineHeight: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-dense)',
+          letterSpacing: 'var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-dense)',
+        },
+      '.ids-radio-group.ids-radio-group-dense.ids-radio-group-vertical>.ids-radio-group__list': {
+        gap: 'var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-dense)',
       },
       '.ids-radio-group.ids-radio-group-dense .ids-radio': {
         padding: 'var(--ids-comp-radio-button-container-size-padding-y-dense) var(--ids-comp-radio-button-container-size-padding-x-dense)',
@@ -9940,8 +10047,8 @@ module.exports = function ComponentsPlugin() {
       '.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target': {
         top: 'calc((var(--ids-comp-radio-button-input-size-height-dense) - var(--ids-comp-radio-button-input-size-touchtarget-height-dense))/2)',
         left: 'calc((var(--ids-comp-radio-button-input-size-width-dense) - var(--ids-comp-radio-button-input-size-touchtarget-width-dense))/2)',
-        height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-dense)',
         width: 'var(--ids-comp-radio-button-input-size-touchtarget-width-dense)',
+        height: 'var(--ids-comp-radio-button-input-size-touchtarget-height-dense)',
       },
       '.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]': {
         width: 'var(--ids-comp-radio-button-input-size-width-dense)',
@@ -9957,97 +10064,108 @@ module.exports = function ComponentsPlugin() {
       },
       '.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':
         { outlineWidth: 'var(--ids-comp-radio-focused-outline-outline-dense)' },
+      '.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__label-wrapper': {
+        gap: 'var(--ids-comp-radio-button-label-group-size-gap-dense)',
+      },
       '.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__label': {
-        padding: 'var(--ids-comp-radio-button-label-size-padding-y-dense) 0px',
+        padding: 'var(--ids-comp-radio-button-label-size-padding-y-dense) 0',
         fontFamily: 'var(--ids-comp-radio-button-label-typography-font-family-dense)',
         fontSize: 'var(--ids-comp-radio-button-label-typography-font-size-dense)',
         fontWeight: 'var(--ids-comp-radio-button-label-typography-font-weight-dense)',
         lineHeight: 'var(--ids-comp-radio-button-label-typography-line-height-dense)',
         letterSpacing: 'var(--ids-comp-radio-button-label-typography-letter-spacing-dense)',
       },
-      '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)': {
-        borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-hovered)',
-        backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
+      '.ids-radio-group.ids-radio-group-surface .ids-radio-group__legend-label': {
+        color: 'var(--ids-comp-radio-group-legend-color-fg-surface-default)',
+      },
+      '.ids-radio-group.ids-radio-group-surface.ids-radio-group-disabled .ids-radio-group__legend-label': {
+        color: 'var(--ids-comp-radio-group-legend-color-fg-surface-disabled)',
       },
-      '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled)': {
+      '.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled)': {
         borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-default)',
         backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-default)',
       },
-      '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):hover': {
+      '.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):hover': {
         borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-hovered)',
         backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
       },
-      '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:not(:disabled):active': {
+      '.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):active': {
         borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-pressed)',
         backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-pressed)',
       },
-      '.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':
+      '.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):focus-visible':
         {
           borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-default)',
           backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-default)',
           outlineColor: 'var(--ids-comp-radio-input-unselected-color-focused-outline-surface-focused)',
         },
-      '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:disabled': {
+      '.ids-radio-group .ids-radio-surface input[type=radio]:disabled': {
         borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-disabled)',
         backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-disabled)',
       },
-      '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)': {
+      '.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled)': {
         borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-default)',
         backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-default)',
       },
-      '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
+      '.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
         borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-default)',
         background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-default)',
       },
-      '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover': {
+      '.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):hover': {
         borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-hovered)',
         backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-hovered)',
       },
-      '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-hovered)',
-          background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-hovered)',
-        },
-      '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active': {
+      '.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle': {
+        borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-hovered)',
+        background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-hovered)',
+      },
+      '.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):active': {
         borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-pressed)',
         backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-pressed)',
       },
-      '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-pressed)',
-          background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-pressed)',
-        },
-      '.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':
+      '.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle': {
+        borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-pressed)',
+        background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-pressed)',
+      },
+      '.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-default)',
           backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-default)',
           outlineColor: 'var(--ids-comp-radio-input-selected-color-focused-outline-surface-focused)',
         },
-      '.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':
+      '.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-default)',
           background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-default)',
         },
-      '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:disabled': {
+      '.ids-radio-group .ids-radio-surface input[type=radio]:checked:disabled': {
         borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-disabled)',
         backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-disabled)',
       },
-      '.ids-radio-group .ids-radio-surface .ids-radio__input-wrapper input[type=radio]:checked:disabled+.ids-radio__inner-circle': {
+      '.ids-radio-group .ids-radio-surface input[type=radio]:checked:disabled+.ids-radio__inner-circle': {
         borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-disabled)',
         background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-disabled)',
       },
-      '.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-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
+        {
+          borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-hovered)',
+          backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
+        },
+      '.ids-radio-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
+        { color: 'var(--ids-comp-radio-label-color-fg-surface-hovered)' },
+      '.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-hovered)',
           backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-hovered)',
         },
-      '.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':
+      '.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-hovered)',
           background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-hovered)',
         },
+      '.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
+        { color: 'var(--ids-comp-radio-label-color-fg-surface-hovered)' },
       '.ids-radio-group .ids-radio-surface .ids-radio__label': { color: 'var(--ids-comp-radio-label-color-fg-surface-default)' },
-      '.ids-radio-group .ids-radio-surface .ids-radio__label:hover': { color: 'var(--ids-comp-radio-label-color-fg-surface-hovered)' },
       '.ids-radio-group .ids-radio-surface .ids-radio__label:active': { color: 'var(--ids-comp-radio-label-color-fg-surface-pressed)' },
       '.ids-radio-group .ids-radio-surface .ids-radio__label:focus,.ids-radio-group .ids-radio-surface .ids-radio__label:focus-visible': {
         color: 'var(--ids-comp-radio-label-color-fg-surface-focused)',
@@ -10055,89 +10173,97 @@ module.exports = function ComponentsPlugin() {
       '.ids-radio-group .ids-radio-surface.ids-radio-disabled .ids-radio__label': {
         color: 'var(--ids-comp-radio-label-color-fg-surface-disabled)',
       },
-      '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)': {
-        borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-hovered)',
-        backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-hovered)',
+      '.ids-radio-group.ids-radio-group-light .ids-radio-group__legend-label': {
+        color: 'var(--ids-comp-radio-group-legend-color-fg-light-default)',
       },
-      '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled)': {
+      '.ids-radio-group.ids-radio-group-light.ids-radio-group-disabled .ids-radio-group__legend-label': {
+        color: 'var(--ids-comp-radio-group-legend-color-fg-light-disabled)',
+      },
+      '.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled)': {
         borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-default)',
         backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-default)',
       },
-      '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):hover': {
+      '.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):hover': {
         borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-hovered)',
         backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-hovered)',
       },
-      '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:not(:disabled):active': {
+      '.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):active': {
         borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-pressed)',
         backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-pressed)',
       },
-      '.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':
+      '.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):focus-visible':
         {
           borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-default)',
           backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-default)',
           outlineColor: 'var(--ids-comp-radio-input-unselected-color-focused-outline-light-focused)',
         },
-      '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:disabled': {
+      '.ids-radio-group .ids-radio-light input[type=radio]:disabled': {
         borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-disabled)',
         backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-disabled)',
       },
-      '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)': {
+      '.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled)': {
         borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-default)',
         backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-default)',
       },
-      '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
+      '.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
         borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-default)',
         background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-default)',
       },
-      '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover': {
+      '.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):hover': {
         borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-hovered)',
         backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-hovered)',
       },
-      '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-hovered)',
-          background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-hovered)',
-        },
-      '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active': {
+      '.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle': {
+        borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-hovered)',
+        background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-hovered)',
+      },
+      '.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):active': {
         borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-pressed)',
         backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-pressed)',
       },
-      '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-pressed)',
-          background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-pressed)',
-        },
-      '.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':
+      '.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle': {
+        borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-pressed)',
+        background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-pressed)',
+      },
+      '.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-default)',
           backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-default)',
           outlineColor: 'var(--ids-comp-radio-input-selected-color-focused-outline-light-focused)',
         },
-      '.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':
+      '.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-default)',
           background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-default)',
         },
-      '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:disabled': {
+      '.ids-radio-group .ids-radio-light input[type=radio]:checked:disabled': {
         borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-disabled)',
         backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-disabled)',
       },
-      '.ids-radio-group .ids-radio-light .ids-radio__input-wrapper input[type=radio]:checked:disabled+.ids-radio__inner-circle': {
+      '.ids-radio-group .ids-radio-light input[type=radio]:checked:disabled+.ids-radio__inner-circle': {
         borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-disabled)',
         background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-disabled)',
       },
-      '.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-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
+        {
+          borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-hovered)',
+          backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-hovered)',
+        },
+      '.ids-radio-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
+        { color: 'var(--ids-comp-radio-label-color-fg-light-hovered)' },
+      '.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-hovered)',
           backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-hovered)',
         },
-      '.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':
+      '.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-hovered)',
           background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-hovered)',
         },
+      '.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
+        { color: 'var(--ids-comp-radio-label-color-fg-light-hovered)' },
       '.ids-radio-group .ids-radio-light .ids-radio__label': { color: 'var(--ids-comp-radio-label-color-fg-light-default)' },
-      '.ids-radio-group .ids-radio-light .ids-radio__label:hover': { color: 'var(--ids-comp-radio-label-color-fg-light-hovered)' },
       '.ids-radio-group .ids-radio-light .ids-radio__label:active': { color: 'var(--ids-comp-radio-label-color-fg-light-pressed)' },
       '.ids-radio-group .ids-radio-light .ids-radio__label:focus,.ids-radio-group .ids-radio-light .ids-radio__label:focus-visible': {
         color: 'var(--ids-comp-radio-label-color-fg-light-focused)',
@@ -10145,89 +10271,97 @@ module.exports = function ComponentsPlugin() {
       '.ids-radio-group .ids-radio-light.ids-radio-disabled .ids-radio__label': {
         color: 'var(--ids-comp-radio-label-color-fg-light-disabled)',
       },
-      '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper .ids-radio__touch-target:hover+input[type=radio]:not(:disabled)': {
-        borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-hovered)',
-        backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)',
+      '.ids-radio-group.ids-radio-group-dark .ids-radio-group__legend-label': {
+        color: 'var(--ids-comp-radio-group-legend-color-fg-dark-default)',
       },
-      '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled)': {
+      '.ids-radio-group.ids-radio-group-dark.ids-radio-group-disabled .ids-radio-group__legend-label': {
+        color: 'var(--ids-comp-radio-group-legend-color-fg-dark-disabled)',
+      },
+      '.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled)': {
         borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-default)',
         backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-default)',
       },
-      '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):hover': {
+      '.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):hover': {
         borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-hovered)',
         backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)',
       },
-      '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:not(:disabled):active': {
+      '.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):active': {
         borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-pressed)',
         backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-pressed)',
       },
-      '.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':
+      '.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):focus-visible':
         {
           borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-default)',
           backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-default)',
           outlineColor: 'var(--ids-comp-radio-input-unselected-color-focused-outline-dark-focused)',
         },
-      '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:disabled': {
+      '.ids-radio-group .ids-radio-dark input[type=radio]:disabled': {
         borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-disabled)',
         backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-disabled)',
       },
-      '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)': {
+      '.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled)': {
         borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-default)',
         backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-default)',
       },
-      '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
+      '.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
         borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-default)',
         background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-default)',
       },
-      '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover': {
+      '.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):hover': {
         borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-hovered)',
         backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-hovered)',
       },
-      '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-hovered)',
-          background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-hovered)',
-        },
-      '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active': {
+      '.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle': {
+        borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-hovered)',
+        background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-hovered)',
+      },
+      '.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):active': {
         borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-pressed)',
         backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-pressed)',
       },
-      '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-pressed)',
-          background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-pressed)',
-        },
-      '.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':
+      '.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle': {
+        borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-pressed)',
+        background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-pressed)',
+      },
+      '.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-default)',
           backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-default)',
           outlineColor: 'var(--ids-comp-radio-input-selected-color-focused-outline-dark-focused)',
         },
-      '.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':
+      '.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-default)',
           background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-default)',
         },
-      '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:disabled': {
+      '.ids-radio-group .ids-radio-dark input[type=radio]:checked:disabled': {
         borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-disabled)',
         backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-disabled)',
       },
-      '.ids-radio-group .ids-radio-dark .ids-radio__input-wrapper input[type=radio]:checked:disabled+.ids-radio__inner-circle': {
+      '.ids-radio-group .ids-radio-dark input[type=radio]:checked:disabled+.ids-radio__inner-circle': {
         borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-disabled)',
         background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-disabled)',
       },
-      '.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-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
+        {
+          borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-hovered)',
+          backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)',
+        },
+      '.ids-radio-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
+        { color: 'var(--ids-comp-radio-label-color-fg-dark-hovered)' },
+      '.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-hovered)',
           backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-hovered)',
         },
-      '.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':
+      '.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-hovered)',
           background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-hovered)',
         },
+      '.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
+        { color: 'var(--ids-comp-radio-label-color-fg-dark-hovered)' },
       '.ids-radio-group .ids-radio-dark .ids-radio__label': { color: 'var(--ids-comp-radio-label-color-fg-dark-default)' },
-      '.ids-radio-group .ids-radio-dark .ids-radio__label:hover': { color: 'var(--ids-comp-radio-label-color-fg-dark-hovered)' },
       '.ids-radio-group .ids-radio-dark .ids-radio__label:active': { color: 'var(--ids-comp-radio-label-color-fg-dark-pressed)' },
       '.ids-radio-group .ids-radio-dark .ids-radio__label:focus,.ids-radio-group .ids-radio-dark .ids-radio__label:focus-visible': {
         color: 'var(--ids-comp-radio-label-color-fg-dark-focused)',
@@ -10235,231 +10369,219 @@ module.exports = function ComponentsPlugin() {
       '.ids-radio-group .ids-radio-dark.ids-radio-disabled .ids-radio__label': {
         color: 'var(--ids-comp-radio-label-color-fg-dark-disabled)',
       },
-      '.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)':
-        {
-          borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-hovered)',
-          backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
-        },
-      '.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)':
-        {
-          borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-default)',
-          backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-default)',
-        },
-      '.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':
-        {
-          borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-hovered)',
-          backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
-        },
-      '.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':
-        {
-          borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-pressed)',
-          backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-pressed)',
-        },
-      '.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':
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled)': {
+        borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-default)',
+        backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-default)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):hover': {
+        borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-hovered)',
+        backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):active': {
+        borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-pressed)',
+        backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-pressed)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):focus-visible':
         {
           borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-default)',
           backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-default)',
         },
-      '.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)':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-default)',
-          backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-default)',
-        },
-      '.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':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-default)',
-          background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-default)',
-        },
-      '.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':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-hovered)',
-          backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-hovered)',
-        },
-      '.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':
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled)': {
+        borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-default)',
+        backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-default)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
+        borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-default)',
+        background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-default)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):hover': {
+        borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-hovered)',
+        backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-hovered)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-hovered)',
           background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-hovered)',
         },
-      '.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':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-pressed)',
-          backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-pressed)',
-        },
-      '.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':
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):active': {
+        borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-pressed)',
+        backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-pressed)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-pressed)',
           background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-pressed)',
         },
-      '.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':
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-default)',
           backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-default)',
         },
-      '.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':
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-default)',
           background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-default)',
         },
-      '.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)':
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
+        {
+          borderColor: 'var(--ids-comp-radio-input-unselected-color-border-surface-error-hovered)',
+          backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)',
+        },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
+        { color: 'var(--ids-comp-radio-label-color-fg-surface-hovered)' },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-color-border-surface-error-hovered)',
           backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-surface-hovered)',
         },
-      '.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':
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-hovered)',
           background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-hovered)',
         },
-      '.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)':
-        {
-          borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-hovered)',
-          backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-hovered)',
-        },
-      '.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)':
-        {
-          borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-default)',
-          backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-default)',
-        },
-      '.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':
-        {
-          borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-hovered)',
-          backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-hovered)',
-        },
-      '.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':
-        {
-          borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-pressed)',
-          backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-pressed)',
-        },
-      '.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':
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
+        { color: 'var(--ids-comp-radio-label-color-fg-surface-hovered)' },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled)': {
+        borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-default)',
+        backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-default)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):hover': {
+        borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-hovered)',
+        backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-hovered)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):active': {
+        borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-pressed)',
+        backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-pressed)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):focus-visible':
         {
           borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-default)',
           backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-default)',
         },
-      '.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)':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-default)',
-          backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-default)',
-        },
-      '.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':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-default)',
-          background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-default)',
-        },
-      '.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':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-hovered)',
-          backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-hovered)',
-        },
-      '.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':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-hovered)',
-          background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-hovered)',
-        },
-      '.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':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-pressed)',
-          backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-pressed)',
-        },
-      '.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':
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled)': {
+        borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-default)',
+        backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-default)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
+        borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-default)',
+        background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-default)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):hover': {
+        borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-hovered)',
+        backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-hovered)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle': {
+        borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-hovered)',
+        background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-hovered)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):active': {
+        borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-pressed)',
+        backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-pressed)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-pressed)',
           background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-pressed)',
         },
-      '.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':
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-default)',
           backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-default)',
         },
-      '.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':
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-default)',
           background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-default)',
         },
-      '.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)':
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
+        {
+          borderColor: 'var(--ids-comp-radio-input-unselected-color-border-light-error-hovered)',
+          backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-light-hovered)',
+        },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
+        { color: 'var(--ids-comp-radio-label-color-fg-light-hovered)' },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-color-border-light-error-hovered)',
           backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-light-hovered)',
         },
-      '.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':
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-hovered)',
           background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-hovered)',
         },
-      '.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)':
-        {
-          borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-hovered)',
-          backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)',
-        },
-      '.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)':
-        {
-          borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-default)',
-          backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-default)',
-        },
-      '.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':
-        {
-          borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-hovered)',
-          backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)',
-        },
-      '.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':
-        {
-          borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-pressed)',
-          backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-pressed)',
-        },
-      '.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':
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
+        { color: 'var(--ids-comp-radio-label-color-fg-light-hovered)' },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled)': {
+        borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-default)',
+        backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-default)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):hover': {
+        borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-hovered)',
+        backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):active': {
+        borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-pressed)',
+        backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-pressed)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):focus-visible':
         {
           borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-default)',
           backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-default)',
         },
-      '.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)':
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled)': {
+        borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-default)',
+        backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-default)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle': {
+        borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-default)',
+        background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-default)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):hover': {
+        borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-hovered)',
+        backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-hovered)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle': {
+        borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-hovered)',
+        background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-hovered)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):active': {
+        borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-pressed)',
+        backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-pressed)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle': {
+        borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-pressed)',
+        background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-pressed)',
+      },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-default)',
           backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-default)',
         },
-      '.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':
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-default)',
           background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-default)',
         },
-      '.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':
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
         {
-          borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-hovered)',
-          backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-hovered)',
-        },
-      '.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':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-hovered)',
-          background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-hovered)',
-        },
-      '.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':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-pressed)',
-          backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-pressed)',
-        },
-      '.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':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-pressed)',
-          background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-pressed)',
-        },
-      '.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':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-default)',
-          backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-default)',
-        },
-      '.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':
-        {
-          borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-default)',
-          background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-default)',
+          borderColor: 'var(--ids-comp-radio-input-unselected-color-border-dark-error-hovered)',
+          backgroundColor: 'var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)',
         },
-      '.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)':
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
+        { color: 'var(--ids-comp-radio-label-color-fg-dark-hovered)' },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-color-border-dark-error-hovered)',
           backgroundColor: 'var(--ids-comp-radio-input-selected-color-bg-dark-hovered)',
         },
-      '.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':
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle':
         {
           borderColor: 'var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-hovered)',
           background: 'var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-hovered)',
         },
+      '.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label':
+        { color: 'var(--ids-comp-radio-label-color-fg-dark-hovered)' },
       '.ids-segmented-control': {
         boxSizing: 'border-box',
         borderWidth: '0',