From 5deaaeeead8a6bacc0d01b56f3c0badfd790822a Mon Sep 17 00:00:00 2001
From: Airike Jaska <95303654+airikej@users.noreply.github.com>
Date: Thu, 12 Feb 2026 10:47:23 +0200
Subject: [PATCH] fix(choice-group): selected disabled choice-group item fixes
 #27

---
 .../choice-group-item.module.scss             | 32 +++++++++++++++++--
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.module.scss b/src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.module.scss
index ea7162ea..73eaaf1a 100644
--- a/src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.module.scss
+++ b/src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.module.scss
@@ -75,21 +75,32 @@
       border-color: var(--form-checkbox-radio-default-border-inverted);
     }
 
-    [type='radio']:checked + .tedi-choice-group-item__indicator {
+    [type='radio']:checked:not(:disabled) + .tedi-choice-group-item__indicator {
       background-color: var(--form-checkbox-radio-card-primary-selected-background);
       border-color: var(--form-checkbox-radio-default-border-inverted);
     }
 
-    [type='radio']:checked + .tedi-choice-group-item__indicator::after {
+    [type='radio']:checked:not(:disabled) + .tedi-choice-group-item__indicator::after {
       background-color: var(--form-checkbox-radio-default-background-selected-inverted);
       border-color: var(--form-checkbox-radio-default-background-inverted);
     }
 
+    [type='radio']:checked:disabled + .tedi-choice-group-item__indicator::after {
+      background-color: var(--form-checkbox-radio-default-background-selected-disabled);
+      border-color: var(--form-checkbox-radio-card-default-disabled-selected-background);
+    }
+
     label,
     .tedi-choice-group-item__label,
     .tedi-choice-group-item__feedback-text {
       color: var(--form-checkbox-radio-card-primary-selected-text);
     }
+
+    &.tedi-choice-group-item--disabled {
+      color: var(--form-checkbox-radio-card-primary-disabled-selected-text);
+      background-color: var(--form-checkbox-radio-default-background-selected-disabled);
+      border-color: var(--form-checkbox-radio-default-background-selected-disabled);
+    }
   }
 }
 
@@ -105,15 +116,30 @@
       border-right: 2px solid var(--form-checkbox-radio-card-secondary-active-border);
     }
 
-    [type='radio']:checked + .tedi-choice-group-item__indicator {
+    [type='radio']:checked:not(:disabled) + .tedi-choice-group-item__indicator {
       border-color: var(--form-checkbox-radio-default-border-selected);
     }
 
+    [type='radio']:checked:disabled + .tedi-choice-group-item__indicator {
+      border-color: var(--form-checkbox-radio-default-border-selected-disabled);
+    }
+
     label,
     .tedi-choice-group-item__label,
     .tedi-choice-group-item__feedback-text {
       color: var(--form-checkbox-radio-card-secondary-selected-text);
     }
+
+    &.tedi-choice-group-item--disabled {
+      background-color: var(--form-checkbox-radio-card-secondary-disabled-selected-background);
+      outline-color: var(--form-checkbox-radio-card-secondary-disabled-selected-border);
+    }
+
+    &.tedi-choice-group-item--disabled label,
+    &.tedi-choice-group-item--disabled .tedi-choice-group-item__label,
+    &.tedi-choice-group-item--disabled .tedi-choice-group-item__feedback-text {
+      color: var(--form-checkbox-radio-card-secondary-disabled-selected-text);
+    }
   }
 
   &:has(:focus-visible) {