feat(radio): use the new focus-border-color for bootstrap (#1644)

didimmova · simeonoff · web-flow · commit 21cef7208cf8 · 2025-04-15T16:57:51.000+03:00
Co-authored-by: Simeon Simeonoff &lt;sim.simeonoff@gmail.com&gt;
diff --git a/src/components/radio/themes/shared/radio.bootstrap.scss b/src/components/radio/themes/shared/radio.bootstrap.scss
@@ -58,7 +58,7 @@ $theme: $bootstrap;
     }
 
     [part='control']::after {
-        border-color: color('primary', 200);
+        border-color: var-get($theme, 'focus-border-color');
     }
 }
 
@@ -90,7 +90,7 @@ $theme: $bootstrap;
 
     [part~='focused'] [part='control'] {
         &::after {
-            border-color: color('primary', 300);
+            border-color: hsl(from var-get($theme, 'focus-border-color') h calc(s * 1.12) calc(l * 0.82));
         }
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -58,7 +58,7 @@ $theme: $bootstrap;`
`58`	`58`	`}`
`59`	`59`
`60`	`60`	`[part='control']::after {`
`61`		`- border-color: color('primary', 200);`
	`61`	`+ border-color: var-get($theme, 'focus-border-color');`
`62`	`62`	`}`
`63`	`63`	`}`
`64`	`64`
`@@ -90,7 +90,7 @@ $theme: $bootstrap;`
`90`	`90`
`91`	`91`	`[part~='focused'] [part='control'] {`
`92`	`92`	`&::after {`
`93`		`- border-color: color('primary', 300);`
	`93`	`+ border-color: hsl(from var-get($theme, 'focus-border-color') h calc(s * 1.12) calc(l * 0.82));`
`94`	`94`	`}`
`95`	`95`	`}`
`96`	`96`	`}`