🐛 fix(password): correctif états de la case à cocher [DS-3401] (#667)

- force l'état de la checkbox à l'état par défaut, pour éviter qu'elle ne passe en erreur/succès si elle hérite de cet état sur le composant.
GouvernementFR · Jul 5, 2023 · 73f0aca · 73f0aca
1 parent dcbe97e
commit 73f0aca
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/src/component/password/index.scss b/src/component/password/index.scss
@@ -6,3 +6,4 @@
 @import '../../core/index';
 @import '../button/index';
 @import 'style/setting';
+@import '../checkbox/index';
diff --git a/src/component/password/style/_scheme.scss b/src/component/password/style/_scheme.scss
@@ -4,21 +4,29 @@
 ////
 
 @use 'module/color';
+@use 'module/selector';
 
 @mixin _password-scheme($legacy: false) {
-  #{ns(password)} {
+  #{selector.ns(password)} {
     &__btn {
       @include btn-kind-scheme(4, $legacy);
     }
 
-    #{ns-attr(capslock)} {
+    #{selector.ns-attr(capslock)} {
       @include before {
         @include color.data-uri-svg(default grey, (legacy: $legacy), $capslock-svg);
       }
     }
 
-    & &__checkbox #{ns(label)} {
-      @include color.text(default grey, (legacy: $legacy));
+    & &__checkbox {
+      input[type="checkbox"] {
+        + label {
+          @include color.text(default grey, (legacy: $legacy));
+          @include before {
+            @include color.background-image(border action-high blue-france, (), checkbox-background-image());
+          }
+        }
+      }
     }
   }
 }