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

didimmova · didimmova · commit c1c99373a333 · 2025-03-18T18:38:04.000+02:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -79,7 +79,7 @@
     "globby": "^14.1.0",
     "husky": "^9.1.7",
     "ig-typedoc-theme": "^6.0.0",
-    "igniteui-theming": "^16.1.0",
+    "igniteui-theming": "^17.0.0",
     "keep-a-changelog": "^2.6.1",
     "lint-staged": "^15.4.3",
     "lit-analyzer": "^2.0.3",
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`	`}`