feat(bwst): update focus style for input range component

deleonio · deleonio · commit 1d1f136e340d · 2026-03-25T21:01:28.000+01:00
diff --git a/packages/themes/bwst/src/components/input-range.scss b/packages/themes/bwst/src/components/input-range.scss
@@ -5,8 +5,8 @@
 @layer kol-theme-component {
 	@include kol-icon-theme;
 
-	.kol-input-range__input:focus {
-		outline-width: 0;
+	.kol-input-range__input:focus-visible {
+		outline: var(--color-primary-variant) solid to-rem(2);
 	}
 
 	.kol-input-container {

Original file line number	Diff line number	Diff line change
`@@ -5,8 +5,8 @@`
`5`	`5`	`@layer kol-theme-component {`
`6`	`6`	`@include kol-icon-theme;`
`7`	`7`
`8`		`- .kol-input-range__input:focus {`
`9`		`- outline-width: 0;`
	`8`	`+ .kol-input-range__input:focus-visible {`
	`9`	`+ outline: var(--color-primary-variant) solid to-rem(2);`
`10`	`10`	`}`
`11`	`11`
`12`	`12`	`.kol-input-container {`