From 0bd1ff06c245ae373e874f0a0a5308c90a2b9eab Mon Sep 17 00:00:00 2001 From: Rohan Chakraborty Date: Wed, 22 Jul 2026 01:08:49 +0530 Subject: [PATCH 1/2] fix: design fixes --- packages/raystack/components/checkbox/checkbox.module.css | 4 ---- packages/raystack/components/code-block/code-block.module.css | 1 - packages/raystack/components/radio/radio.module.css | 4 ---- packages/raystack/components/switch/switch.module.css | 4 ---- 4 files changed, 13 deletions(-) diff --git a/packages/raystack/components/checkbox/checkbox.module.css b/packages/raystack/components/checkbox/checkbox.module.css index bbfc4261f..e2b65f5d9 100644 --- a/packages/raystack/components/checkbox/checkbox.module.css +++ b/packages/raystack/components/checkbox/checkbox.module.css @@ -47,10 +47,6 @@ .checkbox:focus-visible { outline: var(--rs-focus-ring); -} - -/* Checked = accent fill: offset the ring so it clears it. */ -.checkbox[data-checked]:focus-visible { outline-offset: var(--rs-focus-ring-offset-accent); } diff --git a/packages/raystack/components/code-block/code-block.module.css b/packages/raystack/components/code-block/code-block.module.css index 082daac8a..9f2a32aab 100644 --- a/packages/raystack/components/code-block/code-block.module.css +++ b/packages/raystack/components/code-block/code-block.module.css @@ -3,7 +3,6 @@ border-radius: var(--rs-radius-2); overflow: hidden; width: 100%; - border: 0.5px solid var(--rs-color-overlay-base-a2); box-sizing: border-box; } diff --git a/packages/raystack/components/radio/radio.module.css b/packages/raystack/components/radio/radio.module.css index 617706a64..be260c88e 100644 --- a/packages/raystack/components/radio/radio.module.css +++ b/packages/raystack/components/radio/radio.module.css @@ -49,10 +49,6 @@ .radioitem:focus-visible { outline: var(--rs-focus-ring); -} - -/* Checked = accent fill: offset the ring so it clears it. */ -.radioitem[data-checked]:focus-visible { outline-offset: var(--rs-focus-ring-offset-accent); } diff --git a/packages/raystack/components/switch/switch.module.css b/packages/raystack/components/switch/switch.module.css index b50da087a..f147df6fd 100644 --- a/packages/raystack/components/switch/switch.module.css +++ b/packages/raystack/components/switch/switch.module.css @@ -14,10 +14,6 @@ .switch:focus-visible { outline: var(--rs-focus-ring); -} - -/* Checked = accent track: offset the ring so it clears it. */ -.switch[data-checked]:focus-visible { outline-offset: var(--rs-focus-ring-offset-accent); } From 42f3e30c57596ba985bedec41d5ff7d76eeefd1d Mon Sep 17 00:00:00 2001 From: Rohan Chakraborty Date: Wed, 22 Jul 2026 01:18:57 +0530 Subject: [PATCH 2/2] fix: disabled radio item focus --- packages/raystack/components/radio/radio.module.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/raystack/components/radio/radio.module.css b/packages/raystack/components/radio/radio.module.css index be260c88e..f868bc9f2 100644 --- a/packages/raystack/components/radio/radio.module.css +++ b/packages/raystack/components/radio/radio.module.css @@ -47,7 +47,7 @@ background: var(--rs-color-background-base-primary-hover); } -.radioitem:focus-visible { +.radioitem:focus-visible:not([data-disabled]) { outline: var(--rs-focus-ring); outline-offset: var(--rs-focus-ring-offset-accent); }