From d5ffc3c2834a9fde56a03f426b90123b47d18b41 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Mon, 25 May 2026 08:02:30 +0200
Subject: [PATCH] Sync activatable radio option label opacity with on/off state

---
 styleguide.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/styleguide.css b/styleguide.css
index 262fe6a..e0a8656 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -1694,6 +1694,14 @@ section + section {
       opacity: 1;
     }
 
+    #component-radio-activatable[data-component-state="inactive-selectable"] .sg-radio-activatable-group__choice > span {
+      opacity: var(--disabled-opacity);
+    }
+
+    #component-radio-activatable[data-component-state="active"] .sg-radio-activatable-group__choice > span {
+      opacity: 1;
+    }
+
     #component-radio-field .sg-checkbox-field-option {
       display: grid;
       grid-template-columns: calc(var(--interaction-height) * 6) minmax(0, 1fr);