siesa-ui-kit 1.0.2 → 1.0.4

package/src/components/LoginView/icons.tsx

@@ -1,85 +1,85 @@
-import React from 'react';
-
-/**
- * Icono de sobre (envelope) para el input de email
- */
-export const EnvelopeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 16 16"
-    fill="currentColor"
-    {...props}
-  >
-    <path d="M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z" />
-    <path d="M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z" />
-  </svg>
-);
-
-/**
- * Icono de candado cerrado (lock) para el input de contraseña
- */
-export const LockClosedIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 16 16"
-    fill="currentColor"
-    {...props}
-  >
-    <path
-      fillRule="evenodd"
-      d="M8 1a3.5 3.5 0 0 0-3.5 3.5V7A1.5 1.5 0 0 0 3 8.5v5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 11.5 7V4.5A3.5 3.5 0 0 0 8 1Zm2 6V4.5a2 2 0 1 0-4 0V7h4Z"
-      clipRule="evenodd"
-    />
-  </svg>
-);
-
-/**
- * Icono de ojo (eye) para mostrar/ocultar contraseña
- */
-export const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 16 16"
-    fill="currentColor"
-    {...props}
-  >
-    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" />
-    <path
-      fillRule="evenodd"
-      d="M1.38 8.28a.87.87 0 0 1 0-.566 7.003 7.003 0 0 1 13.238.006.87.87 0 0 1 0 .56A7.003 7.003 0 0 1 1.379 8.28ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
-      clipRule="evenodd"
-    />
-  </svg>
-);
-
-/**
- * Logo de Siesa
- */
-export const SiesaLogo: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg
-    width="200"
-    height="50"
-    viewBox="0 0 200 50"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    {/* Símbolo de Siesa (cuadrados azules) */}
-    <rect x="0" y="0" width="15" height="20" fill="#0e79fd" />
-    <rect x="0" y="30" width="10" height="20" fill="#0e79fd" />
-    <rect x="20" y="0" width="15" height="20" fill="#0e79fd" />
-    <rect x="30" y="30" width="10" height="20" fill="#0e79fd" />
-
-    {/* Texto "Siesa" */}
-    <text
-      x="68"
-      y="35"
-      fontFamily="SiesaBT, sans-serif"
-      fontSize="32"
-      fontWeight="400"
-      fill="#0e79fd"
-    >
-      Siesa
-    </text>
-  </svg>
-);
+import React from 'react';
+
+/**
+ * Icono de sobre (envelope) para el input de email
+ */
+export const EnvelopeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 16 16"
+    fill="currentColor"
+    {...props}
+  >
+    <path d="M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z" />
+    <path d="M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z" />
+  </svg>
+);
+
+/**
+ * Icono de candado cerrado (lock) para el input de contraseña
+ */
+export const LockClosedIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 16 16"
+    fill="currentColor"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      d="M8 1a3.5 3.5 0 0 0-3.5 3.5V7A1.5 1.5 0 0 0 3 8.5v5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 11.5 7V4.5A3.5 3.5 0 0 0 8 1Zm2 6V4.5a2 2 0 1 0-4 0V7h4Z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+
+/**
+ * Icono de ojo (eye) para mostrar/ocultar contraseña
+ */
+export const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 16 16"
+    fill="currentColor"
+    {...props}
+  >
+    <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" />
+    <path
+      fillRule="evenodd"
+      d="M1.38 8.28a.87.87 0 0 1 0-.566 7.003 7.003 0 0 1 13.238.006.87.87 0 0 1 0 .56A7.003 7.003 0 0 1 1.379 8.28ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+
+/**
+ * Logo de Siesa
+ */
+export const SiesaLogo: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    width="200"
+    height="50"
+    viewBox="0 0 200 50"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    {/* Símbolo de Siesa (cuadrados azules) */}
+    <rect x="0" y="0" width="15" height="20" fill="#0e79fd" />
+    <rect x="0" y="30" width="10" height="20" fill="#0e79fd" />
+    <rect x="20" y="0" width="15" height="20" fill="#0e79fd" />
+    <rect x="30" y="30" width="10" height="20" fill="#0e79fd" />
+
+    {/* Texto "Siesa" */}
+    <text
+      x="68"
+      y="35"
+      fontFamily="SiesaBT, sans-serif"
+      fontSize="32"
+      fontWeight="400"
+      fill="#0e79fd"
+    >
+      Siesa
+    </text>
+  </svg>
+);

package/src/components/LoginView/index.ts

@@ -1,3 +1,3 @@
-export { LoginView } from './LoginView';
-export type { LoginViewProps } from './LoginView.types';
-export { EnvelopeIcon, LockClosedIcon, EyeIcon, SiesaLogo } from './icons';
+export { LoginView } from './LoginView';
+export type { LoginViewProps } from './LoginView.types';
+export { EnvelopeIcon, LockClosedIcon, EyeIcon, SiesaLogo } from './icons';