✨(react) add a design token for checkbox hover background

This was based on recent feedbacks to provide more granularity for customization. Resolve #59
2023-05-22 15:32:02 +02:00
parent 527c3fc0c9
commit eb6692bf5e
7 changed files with 11 additions and 3 deletions
--- a/packages/react/src/components/Forms/Checkbox/index.scss
+++ b/packages/react/src/components/Forms/Checkbox/index.scss
@@ -24,7 +24,7 @@
  cursor: pointer;

  &:hover, &:focus-within {
-    background-color: var(--c--theme--colors--greyscale-200);
+    background-color: var(--c--components--forms-checkbox--background-color--hover);
  }

  &:focus-within {