@generation/icons 1.1.2 → 1.1.4

package/scripts/create-full.mjs

@@ -0,0 +1,46 @@
+import fs from 'fs';
+import path from 'path';
+
+const iconsFolder = './src/Icons'; // Carpeta donde están los iconos
+const galleryFilePath = './packages/demo/src/components/Gallery/Gallery.jsx'; // Ruta del archivo Gallery.jsx
+
+// Leer el archivo index.js
+const indexPath = path.join(iconsFolder, 'index.js');
+const indexContent = fs.readFileSync(indexPath, 'utf8');
+
+// Extraer los nombres de los íconos de los exports en index.js
+const iconNames = Array.from(
+  indexContent.matchAll(/export\s+{\s+default\s+as\s+(\w+)\s+}/g),
+  (match) => match[1]
+);
+
+// Construir el contenido del archivo Gallery.jsx
+const galleryContent = `
+import React from 'react';
+import './styles.css';
+import {
+  ${iconNames.join(',\n  ')}
+} from '@generation/icons';
+
+const Gallery = () => (
+  <div className="gallery">
+    ${iconNames
+      .map(
+        (icon) => `
+    <div className="gallery-item">
+      <div className="gallery-svg">
+        <${icon} />
+      </div>
+      <span>${icon}</span>
+    </div>`
+      )
+      .join('\n    ')}
+  </div>
+);
+
+export default Gallery;
+`;
+
+// Crear el archivo Gallery.jsx
+fs.writeFileSync(galleryFilePath, galleryContent, 'utf8');
+console.log(`Gallery.jsx creado en ${galleryFilePath}`);

package/src/Icons/{Link.jsx → LinkIcon.jsx}

@@ -1,5 +1,5 @@
 import * as React from "react";
-const Link = (props) => (
+const LinkIcon = (props) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="1em"
@@ -11,4 +11,4 @@ const Link = (props) => (
     <path d="M15.31 0h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5m-6 8h-4c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V0h-4c-2.76 0-5 2.24-5 5s2.24 5 5 5h4zm-3-4h8v2h-8zm9-4h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5m-6 8h-4c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V0h-4c-2.76 0-5 2.24-5 5s2.24 5 5 5h4zm-3-4h8v2h-8z" />
   </svg>
 );
-export default Link;
+export default LinkIcon;

package/src/Icons/NotAvailable.jsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+const NotAvailable = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlSpace="preserve"
+    viewBox="0 0 24 24"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <path
+      d="M0 0h24v24H0z"
+      style={{
+        fill: "none",
+      }}
+    />
+    <path
+      fill="currentColor"
+      d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m5 11H7v-2h10z"
+    />
+  </svg>
+);
+export default NotAvailable;

package/src/Icons/index.js

@@ -200,7 +200,7 @@ export { default as JobFill } from './JobFill';
 export { default as JobFillOut } from './JobFillOut';
 export { default as LeftArrow } from './LeftArrow';
 export { default as LeftCaret } from './LeftCaret';
-export { default as Link } from './Link';
+export { default as LinkIcon } from './LinkIcon';
 export { default as Linkedin } from './Linkedin';
 export { default as List } from './List';
 export { default as ListOl } from './ListOl';
@@ -231,6 +231,7 @@ export { default as MoreHorizontal } from './MoreHorizontal';
 export { default as MoreVertical } from './MoreVertical';
 export { default as Neutral } from './Neutral';
 export { default as NewTab } from './NewTab';
+export { default as NotAvailable } from './NotAvailable';
 export { default as NotFeelingGood } from './NotFeelingGood';
 export { default as NotesFill } from './NotesFill';
 export { default as NotesFillOut } from './NotesFillOut';