@generation/icons 1.0.0

package/packages/demo/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "demo",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "vite": "^5.3.4"
+  }
+}

package/packages/demo/src/App.css

@@ -0,0 +1,13 @@
+#root {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+}
+
+.title {
+  margin-bottom: 2rem;
+  text-align: center;
+  font-weight: 400;
+  font-size: 24px;
+  left: 20px;
+}

package/packages/demo/src/App.jsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import './App.css';
+import { Gallery } from './components/Gallery';
+import { Code } from './components/Code';
+
+function App() {
+  return (
+    <>
+      <div>
+        <div className="title">Generation Icons</div>
+        <div>
+          <Code />
+        </div>
+        <Gallery />
+      </div>
+    </>
+  );
+}
+
+export default App;

package/packages/demo/src/components/Code/Code.jsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import './styles.css';
+
+function Code() {
+  return (
+    <div className="code" tabIndex="0" data-language="jsx">
+      <code>
+        <span className="line">
+          <span style={{ color:'#F97583'}}>import</span>
+          <span style={{ color:'#E1E4E8'}}> {'{ IconName }'} </span>
+          <span style={{ color:'#F97583'}}>from</span>
+          <span style={{ color:'#9ECBFF'}}> {'"@generation/icons"'}</span>
+          <span style={{ color:'#E1E4E8'}}>;</span>
+        </span>
+      </code>
+    </div>
+  );
+}
+
+export default Code;
+
+

package/packages/demo/src/components/Code/index.js

@@ -0,0 +1 @@
+export { default as Code } from './Code';

package/packages/demo/src/components/Code/styles.css

@@ -0,0 +1,10 @@
+.code {
+  background-color: #24292e;
+  color: #e1e4e8;
+  overflow-x: auto;
+  border-radius: 6px;
+  padding: 1rem;
+  position: relative;
+  overflow: auto;
+  margin-bottom: 2rem;
+}