add eye icons

Author: javiert-okta

src/features/common/components/icons/eye-close/eye-close-icon.tsx

@@ -0,0 +1,25 @@
+export const EyeCloseIcon = () => {
+  return (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M1 6V6C1.05241 6.02995 1.07861 6.04492 1.10322 6.05885C5.38207 8.48103 10.6179 8.48103 14.8968 6.05885C14.9214 6.04492 14.9476 6.02995 15 6V6"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+      ></path>
+      <path
+        d="M1 10V10C1.05241 10.0299 1.07861 10.0449 1.10322 10.0589C5.38207 12.481 10.6179 12.481 14.8968 10.0589C14.9214 10.0449 14.9476 10.0299 15 10V10"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeDasharray="0 4"
+      ></path>
+    </svg>
+  );
+};

src/features/common/components/icons/eye-open/eye-open-icon.tsx

@@ -0,0 +1,16 @@
+export const EyeOpenIcon = () => {
+  return (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0.901222 6.64737C4.27817 1.5824 11.7215 1.58244 15.0985 6.64737C15.6443 7.46613 15.6443 8.53368 15.0985 9.35245L14.9374 9.58585C11.5448 14.3396 4.45494 14.3396 1.06236 9.58585L0.901222 9.35245C0.389449 8.58471 0.357503 7.5985 0.805519 6.80362L0.901222 6.64737ZM13.8504 7.4794C11.0672 3.30507 4.93249 3.30503 2.14927 7.4794C1.93934 7.7943 1.93938 8.2055 2.14927 8.52042C4.9325 12.6948 11.0672 12.6948 13.8504 8.52042C14.0604 8.2055 14.0604 7.79431 13.8504 7.4794ZM7.99986 5.99991C9.10439 5.99991 9.99981 6.89538 9.99986 7.99991C9.99986 9.10448 9.10442 9.99991 7.99986 9.99991C6.89531 9.99988 5.99986 9.10446 5.99986 7.99991C5.9999 6.8954 6.89534 5.99994 7.99986 5.99991ZM7.99986 7.49991C7.72377 7.49994 7.4999 7.72383 7.49986 7.99991C7.49986 8.27603 7.72374 8.49988 7.99986 8.49991C8.276 8.49991 8.49986 8.27605 8.49986 7.99991C8.49981 7.72381 8.27597 7.49991 7.99986 7.49991ZM0.564308 2.38956C0.901216 2.14893 1.36936 2.22672 1.61021 2.56339C1.85095 2.90045 1.77343 3.36951 1.43638 3.61026H1.4354C1.09836 3.85078 0.630194 3.77242 0.389503 3.43546C0.164109 3.11951 0.218489 2.68839 0.503761 2.43741L0.564308 2.38956ZM14.3895 2.56339C14.6153 2.24775 15.041 2.15914 15.3709 2.34756L15.4354 2.38956C15.7724 2.63024 15.8507 3.09842 15.6102 3.43546C15.3845 3.75145 14.9588 3.83985 14.6288 3.65128L14.5643 3.61026H14.5633C14.2263 3.3695 14.1488 2.90042 14.3895 2.56339ZM11.8299 0.596588L11.9042 0.616119H11.9051C12.2993 0.742628 12.5167 1.16517 12.3905 1.55948C12.272 1.92926 11.8932 2.14312 11.5213 2.06436L11.4471 2.04483H11.4461C11.0517 1.91846 10.8345 1.49592 10.9608 1.10147C11.0793 0.731612 11.458 0.517582 11.8299 0.596588ZM4.16978 0.596588C4.54175 0.51754 4.92035 0.731608 5.03892 1.10147C5.16526 1.49595 4.94804 1.91849 4.55357 2.04483H4.55259C4.15816 2.17111 3.73559 1.9539 3.60923 1.55948C3.483 1.16519 3.70042 0.742635 4.09458 0.616119H4.09556L4.16978 0.596588ZM8.00083 0.00674438C8.41479 0.00702026 8.74982 0.342733 8.74986 0.756744C8.74981 1.17093 8.41405 1.50676 7.99986 1.50674C7.58569 1.50673 7.2499 1.17091 7.24986 0.756744C7.24989 0.342752 7.58494 0.00705144 7.99888 0.00674438H8.00083Z"
+        fill="currentColor"
+      ></path>
+    </svg>
+  );
+};