feat(checkbox): use focus-border-color prop for bootstrap (#1611)

didimmova · simeonoff · web-flow · commit 75b5498d5cfd · 2025-04-15T16:58:47.000+03:00
* feat(checkbox): use focus-border-color prop for bootstrap

* chore(theming): bump theming version

---------

Co-authored-by: Simeon Simeonoff &lt;sim.simeonoff@gmail.com&gt;
diff --git a/src/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.scss b/src/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.scss
@@ -71,13 +71,13 @@ $theme: $bootstrap;
 
     [part='control'] {
         &::after {
-            box-shadow: inset 0 0 0 rem(1px) color(primary, 200);
+            box-shadow: inset 0 0 0 rem(1px) var-get($theme, 'focus-border-color');
         }
     }
 
     &:hover {
         [part='control']::after {
-            box-shadow: inset 0 0 0 rem(1px) color(primary, 300);
+            box-shadow: inset 0 0 0 rem(1px) 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
`@@ -71,13 +71,13 @@ $theme: $bootstrap;`
`71`	`71`
`72`	`72`	`[part='control'] {`
`73`	`73`	`&::after {`
`74`		`- box-shadow: inset 0 0 0 rem(1px) color(primary, 200);`
	`74`	`+ box-shadow: inset 0 0 0 rem(1px) var-get($theme, 'focus-border-color');`
`75`	`75`	`}`
`76`	`76`	`}`
`77`	`77`
`78`	`78`	`&:hover {`
`79`	`79`	`[part='control']::after {`
`80`		`- box-shadow: inset 0 0 0 rem(1px) color(primary, 300);`
	`80`	`+ box-shadow: inset 0 0 0 rem(1px) hsl(from var-get($theme, 'focus-border-color') h calc(s * 1.12) calc(l * 0.82));;`
`81`	`81`	`}`
`82`	`82`	`}`
`83`	`83`	`}`