From fc0854ecde66c032d2306acbd935293172bdfacb Mon Sep 17 00:00:00 2001
From: Keryan SANIE <keryan.sanie@gmail.com>
Date: Wed, 19 Jul 2023 13:20:01 +0200
Subject: [PATCH 1/3] feat(core, password): gestion de l'icone credential sur
 safari & couleur icone capslock

---
 src/component/password/style/_module.scss | 16 +++++++---------
 src/component/password/style/_scheme.scss |  2 +-
 src/core/style/action/module/_input.scss  |  7 +++++++
 3 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/component/password/style/_module.scss b/src/component/password/style/_module.scss
index 399097ef8..f2e8565cd 100644
--- a/src/component/password/style/_module.scss
+++ b/src/component/password/style/_module.scss
@@ -8,22 +8,20 @@
   @include set-text-margin(0 0 2v 0);
 
   #{ns-attr(capslock)} {
+    #{ns(password__input)} {
+      @include padding-right(12v);
+    }
+    
     @include before('', block) {
-      @include absolute(3v, 3v, null, null, 4v, 4v);
+      @include absolute(3v, 4v, null, null, 4v, 4v);
       pointer-events: none;
     }
   }
-
-  :not(#{ns-attr(capslock)}) {
-    #{ns(password__input)} {
-      @include padding-right(4v);
-    }
-  }
-
+  
   &__checkbox {
     @include absolute(0, 0);
   }
-
+  
   &__input {
     @include margin-bottom(3v);
 
diff --git a/src/component/password/style/_scheme.scss b/src/component/password/style/_scheme.scss
index 668a92770..1f098a48b 100644
--- a/src/component/password/style/_scheme.scss
+++ b/src/component/password/style/_scheme.scss
@@ -14,7 +14,7 @@
 
     #{selector.ns-attr(capslock)} {
       @include before {
-        @include color.data-uri-svg(default grey, (legacy: $legacy), $capslock-svg);
+        @include color.data-uri-svg(label grey, (legacy: $legacy), $capslock-svg);
       }
     }
 
diff --git a/src/core/style/action/module/_input.scss b/src/core/style/action/module/_input.scss
index e52a76304..89fb2db7a 100644
--- a/src/core/style/action/module/_input.scss
+++ b/src/core/style/action/module/_input.scss
@@ -27,3 +27,10 @@ input[type="checkbox"],
 input[type="radio"] {
   @include reset.appearance;
 }
+
+input::-webkit-contacts-auto-fill-button,
+input::-webkit-credentials-auto-fill-button {
+  @include margin-left(4v);
+  @include margin-right(-1px);
+  @include size(5v, 5v);
+}

From 9be7b5178cb765d71ae2a88fe625a226a8b4ea53 Mon Sep 17 00:00:00 2001
From: Keryan SANIE <keryan.sanie@gmail.com>
Date: Wed, 19 Jul 2023 17:57:30 +0200
Subject: [PATCH 2/3] fix(core): input webkit-credentials-auto-fill-button mask
 size

---
 src/core/style/action/module/_input.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/core/style/action/module/_input.scss b/src/core/style/action/module/_input.scss
index 89fb2db7a..b6f36d1b3 100644
--- a/src/core/style/action/module/_input.scss
+++ b/src/core/style/action/module/_input.scss
@@ -33,4 +33,5 @@ input::-webkit-credentials-auto-fill-button {
   @include margin-left(4v);
   @include margin-right(-1px);
   @include size(5v, 5v);
+  mask-size: #{space(5v 5v)};
 }

From 3dfb289ce6abf7be91b166fcb682a9e9a4a94b44 Mon Sep 17 00:00:00 2001
From: Keryan SANIE <keryan.sanie@gmail.com>
Date: Wed, 19 Jul 2023 17:58:04 +0200
Subject: [PATCH 3/3] fix(core): spacing module

---
 src/core/style/action/module/_input.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/core/style/action/module/_input.scss b/src/core/style/action/module/_input.scss
index b6f36d1b3..e52c4aefb 100644
--- a/src/core/style/action/module/_input.scss
+++ b/src/core/style/action/module/_input.scss
@@ -4,6 +4,7 @@
 ////
 
 @use 'module/reset';
+@use 'module/spacing';
 
 input,
 select,
@@ -33,5 +34,5 @@ input::-webkit-credentials-auto-fill-button {
   @include margin-left(4v);
   @include margin-right(-1px);
   @include size(5v, 5v);
-  mask-size: #{space(5v 5v)};
+  mask-size: #{spacing.space(5v 5v)};
 }