feat: adding closed eye icon for password input

packages/icons/icons-optimized/icons.ts

@@ -3611,7 +3611,109 @@ const blrErrorXxs = (className: string) =>
     </defs>
   </svg>`;
 
-const blrEyeLg = (className: string) =>
+const blrEyeMd = (className: string) =>
+  html`<svg class="${className}" viewBox="0 0 24 24" fill="none">
+    <path
+      d="M14.105 13.0972C14.105 14.21 13.2029 15.1122 12.09 15.1122C10.9772 15.1122 10.075 14.21 10.075 13.0972C10.075 11.9843 10.9772 11.0822 12.09 11.0822C13.2029 11.0822 14.105 11.9843 14.105 13.0972Z"
+      stroke="currentColor"
+      stroke-width="1.0075"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12.09 7.55603C7.75288 7.55603 4.50974 11.1662 3.4202 12.5585C3.16955 12.8789 3.16955 13.3157 3.4202 13.636C4.50974 15.0284 7.75288 18.6385 12.09 18.6385C16.4271 18.6385 19.6703 15.0284 20.7598 13.636C21.0105 13.3157 21.0105 12.8789 20.7598 12.5585C19.6703 11.1662 16.4271 7.55603 12.09 7.55603Z"
+      stroke="currentColor"
+      stroke-width="1.0075"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>`;
+
+const blrEyeOffLg = (className: string) =>
+  html`<svg class="${className}" fill="none" viewBox="0 0 32 32">
+    <g class="Size=lg">
+      <path
+        stroke="currentColor"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="1.34"
+        d="M23.174 7.5 8.794 27.816m4.771-3.26c.814.2 1.667.313 2.555.313 5.782 0 10.106-4.813 11.559-6.67a1.154 1.154 0 0 0 0-1.436c-1.453-1.857-5.777-6.67-11.56-6.67-5.782 0-10.106 4.813-11.559 6.67a1.154 1.154 0 0 0 0 1.436c1.014 1.296 3.427 4.032 6.757 5.566m7.49-6.285a2.687 2.687 0 1 1-5.374 0 2.687 2.687 0 0 1 5.373 0Z"
+        class="vector"
+      />
+    </g>
+  </svg>`;
+
+const blrEyeOffMd = (className: string) =>
+  html`<svg class="${className}" fill="none" viewBox="0 0 24 24">
+    <g class="Size=md">
+      <path
+        stroke="currentColor"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="1.01"
+        d="M17.292 5.633 6.504 20.875m3.58-2.445c.61.149 1.25.234 1.916.234 4.338 0 7.582-3.611 8.672-5.004a.866.866 0 0 0 0-1.078C19.582 11.19 16.338 7.578 12 7.578c-4.338 0-7.582 3.612-8.672 5.004a.866.866 0 0 0 0 1.078c.76.972 2.57 3.024 5.07 4.176m5.617-4.715a2.015 2.015 0 1 1-4.03 0 2.015 2.015 0 0 1 4.03 0Z"
+        class="vector"
+      />
+    </g>
+  </svg>`;
+
+const blrEyeOffSm = (className: string) =>
+  html`<svg class="${className}" fill="none" viewBox="0 0 16 16">
+    <g class="Size=sm">
+      <path
+        stroke="currentColor"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width=".67"
+        d="m11.587 3.746-7.19 10.158m2.386-1.63c.407.1.833.157 1.277.157 2.891 0 5.053-2.407 5.78-3.335a.577.577 0 0 0 0-.718c-.726-.929-2.889-3.335-5.78-3.335-2.891 0-5.053 2.406-5.78 3.335a.577.577 0 0 0 0 .718c.507.648 1.714 2.016 3.379 2.783m3.744-3.143a1.343 1.343 0 1 1-2.686 0 1.343 1.343 0 0 1 2.686 0Z"
+        class="vector"
+      />
+    </g>
+  </svg>`;
+
+const blrEyeOffXl = (className: string) =>
+  html`<svg class="${className}" fill="none" viewBox="0 0 48 48">
+    <g class="Size=xl">
+      <path
+        stroke="currentColor"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="2.01"
+        d="m34.761 11.281-21.57 30.475m7.156-4.889c1.221.298 2.501.468 3.832.468 8.674 0 15.16-7.22 17.34-10.004a1.732 1.732 0 0 0 0-2.155c-2.18-2.785-8.666-10.005-17.34-10.005S9.02 22.391 6.84 25.176a1.732 1.732 0 0 0 0 2.155c1.521 1.943 5.14 6.047 10.136 8.349m11.233-9.428a4.03 4.03 0 1 1-8.06 0 4.03 4.03 0 0 1 8.06 0Z"
+        class="vector"
+      />
+    </g>
+  </svg>`;
+
+const blrEyeOffXs = (className: string) =>
+  html`<svg class="${className}" fill="none" viewBox="0 0 12 12">
+    <g class="Size=xs">
+      <path
+        stroke="currentColor"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width=".5"
+        d="m8.626 2.785-5.353 7.562M5.05 9.134c.303.074.62.116.951.116 2.152 0 3.762-1.792 4.303-2.483a.43.43 0 0 0 0-.534C9.762 5.542 8.153 3.75 6 3.75c-2.152 0-3.762 1.792-4.303 2.483a.43.43 0 0 0 0 .534c.378.483 1.276 1.501 2.515 2.072M7 6.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
+        class="vector"
+      />
+    </g>
+  </svg>`;
+
+const blrEyeOffXxs = (className: string) =>
+  html`<svg class="${className}" fill="none" viewBox="0 0 8 8">
+    <g class="Size=xxs">
+      <path
+        stroke="currentColor"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width=".33"
+        d="M5.75 1.86 2.183 6.9m1.183-.808c.202.049.414.077.634.077 1.435 0 2.507-1.194 2.868-1.655a.286.286 0 0 0 0-.356C6.508 3.698 5.435 2.503 4 2.503c-1.435 0-2.507 1.194-2.868 1.655a.286.286 0 0 0 0 .356c.252.322.85 1 1.677 1.381m1.858-1.56a.667.667 0 1 1-1.334 0 .667.667 0 0 1 1.334 0Z"
+        class="vector"
+      />
+    </g>
+  </svg>`;
+
+const blrEyeOnLg = (className: string) =>
   html`<svg class="${className}" viewBox="0 0 32 32" fill="none">
     <path
       d="M18.8067 17.4633C18.8067 18.9471 17.6038 20.1499 16.12 20.1499C14.6362 20.1499 13.4333 18.9471 13.4333 17.4633C13.4333 15.9795 14.6362 14.7766 16.12 14.7766C17.6038 14.7766 18.8067 15.9795 18.8067 17.4633Z"
@@ -3629,7 +3731,7 @@ const blrEyeLg = (className: string) =>
     />
   </svg>`;
 
-const blrEyeMd = (className: string) =>
+const blrEyeOnMd = (className: string) =>
   html`<svg class="${className}" viewBox="0 0 24 24" fill="none">
     <path
       d="M14.105 13.0972C14.105 14.21 13.2029 15.1122 12.09 15.1122C10.9772 15.1122 10.075 14.21 10.075 13.0972C10.075 11.9843 10.9772 11.0822 12.09 11.0822C13.2029 11.0822 14.105 11.9843 14.105 13.0972Z"
@@ -3647,7 +3749,7 @@ const blrEyeMd = (className: string) =>
     />
   </svg>`;
 
-const blrEyeSm = (className: string) =>
+const blrEyeOnSm = (className: string) =>
   html`<svg class="${className}" viewBox="0 0 16 16" fill="none">
     <path
       d="M9.40332 8.73139C9.40332 9.4733 8.80189 10.0747 8.05999 10.0747C7.31809 10.0747 6.71666 9.4733 6.71666 8.73139C6.71666 7.98949 7.31809 7.38806 8.05999 7.38806C8.80189 7.38806 9.40332 7.98949 9.40332 8.73139Z"
@@ -3665,7 +3767,7 @@ const blrEyeSm = (className: string) =>
     />
   </svg>`;
 
-const blrEyeXl = (className: string) =>
+const blrEyeOnXl = (className: string) =>
   html`<svg class="${className}" viewBox="0 0 48 48" fill="none">
     <path
       d="M28.21 26.1943C28.21 28.42 26.4057 30.2243 24.18 30.2243C21.9543 30.2243 20.15 28.42 20.15 26.1943C20.15 23.9686 21.9543 22.1643 24.18 22.1643C26.4057 22.1643 28.21 23.9686 28.21 26.1943Z"
@@ -3683,7 +3785,7 @@ const blrEyeXl = (className: string) =>
     />
   </svg>`;
 
-const blrEyeXs = (className: string) =>
+const blrEyeOnXs = (className: string) =>
   html`<svg class="${className}" viewBox="0 0 12 12" fill="none">
     <path
       d="M7 6.49976C7 7.05204 6.55229 7.49976 6 7.49976C5.44772 7.49976 5 7.05204 5 6.49976C5 5.94747 5.44772 5.49976 6 5.49976C6.55229 5.49976 7 5.94747 7 6.49976Z"
@@ -3701,7 +3803,7 @@ const blrEyeXs = (className: string) =>
     />
   </svg>`;
 
-const blrEyeXxs = (className: string) =>
+const blrEyeOnXxs = (className: string) =>
   html`<svg class="${className}" viewBox="0 0 8 8" fill="none">
     <path
       d="M4.66667 4.33329C4.66667 4.70148 4.36819 4.99996 4 4.99996C3.63181 4.99996 3.33334 4.70148 3.33334 4.33329C3.33334 3.9651 3.63181 3.66663 4 3.66663C4.36819 3.66663 4.66667 3.9651 4.66667 4.33329Z"
@@ -8404,12 +8506,19 @@ export const IconMapping = {
   blrErrorXl,
   blrErrorXs,
   blrErrorXxs,
-  blrEyeLg,
   blrEyeMd,
-  blrEyeSm,
-  blrEyeXl,
-  blrEyeXs,
-  blrEyeXxs,
+  blrEyeOffLg,
+  blrEyeOffMd,
+  blrEyeOffSm,
+  blrEyeOffXl,
+  blrEyeOffXs,
+  blrEyeOffXxs,
+  blrEyeOnLg,
+  blrEyeOnMd,
+  blrEyeOnSm,
+  blrEyeOnXl,
+  blrEyeOnXs,
+  blrEyeOnXxs,
   blrFlagLg,
   blrFlagMd,
   blrFlagSm,