refactor: move icons with script

apps/www/src/app/examples/page.tsx

@@ -11,6 +11,9 @@ import {
 import React, { useState } from "react";
 import {
   BellIcon,
+  BellSlashIcon,
+  CoinColoredIcon,
+  CoinIcon,
   FilterIcon,
   OrganizationIcon,
   SidebarIcon,
@@ -42,7 +45,7 @@ const Page = () => {
         }}
       >
         <Sidebar.Header
-          logo={<BellIcon width={24} height={24} />}
+          logo={<SidebarIcon width={24} height={24} />}
           title="Raystack"
           onLogoClick={() => console.log("Logo clicked")}
         />

packages/raystack/package.json

@@ -46,7 +46,7 @@
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
-    "build:icons": "node scripts/create-icons.js"
+    "build:icons": "node v1/icons/create-icons.js"
   },
   "typesVersions": {
     "*": {

packages/raystack/scripts/create-icons.js → packages/raystack/v1/icons/create-icons.js

@@ -1,11 +1,13 @@
 const fs = require("fs/promises");
 const path = require("path");
 
-const ICON_FOLDER = path.join(__dirname, "..", "v1", "icons");
+const ICON_FOLDER = path.join(__dirname);
 const ICON_ASSETS = path.join(ICON_FOLDER, "assets");
 
 const FILE_INITIAL_CONTENT = `// This file is automatically generated by "npm run build:icons"
 // Do not edit this file manually
+// filled icons should be named without -filled suffix
+// outline icons need not have any suffix
 `;
 
 const getIconName = (filename) => {

packages/raystack/v1/icons/index.tsx

@@ -1,5 +1,7 @@
 // This file is automatically generated by "npm run build:icons"
 // Do not edit this file manually
+// filled icons should be named without -filled suffix
+// outline icons need not have any suffix
 
 export { ReactComponent as BellSlashIcon } from "./assets/bell-slash.svg";
 export { ReactComponent as BellIcon } from "./assets/bell.svg";