From fe5b5e2df0c0dc1532c379b3c03d3b939794a0c2 Mon Sep 17 00:00:00 2001
From: aveline <aveline@users.noreply.github.com>
Date: Thu, 20 Jul 2023 07:44:31 -0700
Subject: [PATCH] Update `RadioButton` disabled styles (#9768)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

### WHY are these changes introduced?

Part of https://github.com/Shopify/polaris-summer-editions/issues/99

### WHAT is this pull request doing?

Before
<img width="246" alt="Screenshot 2023-07-19 at 2 29 28 PM"
src="https://github.com/Shopify/polaris/assets/3474483/f814c7f1-e8bc-4bb1-80bb-55b127c7d6f0">

After
<img width="231" alt="Screenshot 2023-07-19 at 2 29 11 PM"
src="https://github.com/Shopify/polaris/assets/3474483/c320c0b4-d396-4316-90f8-c76ad0e0dc86">


### How to 🎩
Review in Storybook with beta flag turned on
---
 polaris-react/src/components/RadioButton/RadioButton.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/polaris-react/src/components/RadioButton/RadioButton.scss b/polaris-react/src/components/RadioButton/RadioButton.scss
index 1e89f8d492d..84cba115c10 100644
--- a/polaris-react/src/components/RadioButton/RadioButton.scss
+++ b/polaris-react/src/components/RadioButton/RadioButton.scss
@@ -84,7 +84,9 @@
       border-color: var(--p-color-border-disabled);
       cursor: default;
       #{$se23} & {
-        background-color: var(--p-color-bg-disabled);
+        background-color: var(
+          --p-color-bg-transparent-secondary-disabled-experimental
+        );
         border: none;
         // Duplicating this rule due to the specificity of the se23 selector
         // in earlier rules blasting it away.