tailwind-header-dom 3.6.1 → 3.6.2

package/bin/header/{v2/commands/header/template/v3 → v4/commands/header/template/v1}/BuildMenuItem/buildMenuItem.js

@@ -11,7 +11,8 @@ export const buildMenuItem = ({
     inHref,
     onClick,
     inTableName,
-    inClasses
+    inClasses,
+    inSvgName
 }) => {
     const li = createLi(inClasses.liClass);
 
@@ -27,10 +28,7 @@ export const buildMenuItem = ({
         inClassName: inClasses.spanClass
     });
 
-    const svg = createIcon({
-        inClassName: inClasses.svgClass,
-        inIconPaths
-    });
+    const svg = createIcon({ inSvgName });
 
     if (onClick) {
         a.addEventListener(

package/bin/header/{v2/commands/header/template/v3 → v4/commands/header/template/v1}/BuildNav/buildMenu.js

@@ -1,6 +1,6 @@
 // /header/v1/buildMenu.js
 
-export const buildMenu = () => {
+export const buildMenu = ({ inUlClass = "[&_svg]:size-6" }) => {
 
     const ul = document.createElement("ul");
 
@@ -8,7 +8,7 @@ export const buildMenu = () => {
 
     ul.className = `w-full hidden flex flex-col space-y-2 mt-4
     md:flex md:flex-row md:space-y-0 md:gap-4
-    md:mt-0 md:w-auto md:flex-wrap`;
+    md:mt-0 md:w-auto md:flex-wrap ${inUlClass}`;
 
     return ul;
 };

package/bin/header/{v2/commands/header/template/v2 → v4/commands/header/template/v1}/BuildNav/buildNav.js

@@ -5,7 +5,7 @@ import { buildHamburger } from "./buildHamburger.js";
 import { buildMenu } from "./buildMenu.js";
 import { buildWrapper } from "./buildWrapper.js";
 
-export const buildNav = (inTitle = {}) => {
+export const buildNav = ({ inTitle = {}, inUiClasses = {} }) => {
 
     const {
         nav,
@@ -24,7 +24,7 @@ export const buildNav = (inTitle = {}) => {
     );
 
     innerDiv.appendChild(
-        buildMenu()
+        buildMenu({ inUlClass: inUiClasses?.ulClass })
     );
 
     return nav;

package/bin/header/v4/commands/header/template/v1/createIcon.js

@@ -0,0 +1,19 @@
+import icons from "./icons.js";
+
+export const createIcon = ({
+    inSvgName
+}) => {
+    console.log("inSvgName : ", inSvgName);
+
+    if (inSvgName in icons) {
+        return document
+            .createRange()
+            .createContextualFragment(icons[inSvgName])
+            .firstElementChild;
+    };
+
+    return document
+        .createRange()
+        .createContextualFragment(icons.search)
+        .firstElementChild;
+};

package/bin/header/v4/commands/header/template/v1/icons copy.js

@@ -0,0 +1,27 @@
+// icons.js
+export default {
+  search: `
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
+</svg>
+    `,
+  home: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+</svg>
+`,
+  serial: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M8.242 5.992h12m-12 6.003H20.24m-12 5.999h12M4.117 7.495v-3.75H2.99m1.125 3.75H2.99m1.125 0H5.24m-1.92 2.577a1.125 1.125 0 1 1 1.591 1.59l-1.83 1.83h2.16M2.99 15.745h1.125a1.125 1.125 0 0 1 0 2.25H3.74m0-.002h.375a1.125 1.125 0 0 1 0 2.25H2.99" />
+</svg>
+`,
+  currency: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M15 8.25H9m6 3H9m3 6-3-3h1.5a3 3 0 1 0 0-6M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
+</svg>
+`,
+  search1: `
+  <div class="w-10 h-10 flex items-center justify-center">
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
+</svg>
+ </div>
+    `,
+};

package/bin/header/v4/commands/header/template/v1/icons.js

@@ -0,0 +1,35 @@
+// icons.js
+export default {
+  search: `
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
+</svg>
+    `,
+  home: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+</svg>
+`,
+  serial: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M8.242 5.992h12m-12 6.003H20.24m-12 5.999h12M4.117 7.495v-3.75H2.99m1.125 3.75H2.99m1.125 0H5.24m-1.92 2.577a1.125 1.125 0 1 1 1.591 1.59l-1.83 1.83h2.16M2.99 15.745h1.125a1.125 1.125 0 0 1 0 2.25H3.74m0-.002h.375a1.125 1.125 0 0 1 0 2.25H2.99" />
+</svg>
+`,
+  currency: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M15 8.25H9m6 3H9m3 6-3-3h1.5a3 3 0 1 0 0-6M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
+</svg>
+`,
+  wifi: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M8.288 15.038a5.25 5.25 0 0 1 7.424 0M5.106 11.856c3.807-3.808 9.98-3.808 13.788 0M1.924 8.674c5.565-5.565 14.587-5.565 20.152 0M12.53 18.22l-.53.53-.53-.53a.75.75 0 0 1 1.06 0Z" />
+</svg>
+`,
+  exclamation: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" />
+</svg>
+`,
+  search1: `
+  <div class="w-10 h-10 flex items-center justify-center">
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
+</svg>
+ </div>
+    `,
+};

package/bin/header/{v2/commands/header/template/v3 → v4/commands/header/template/v1}/initHeader.js

@@ -8,7 +8,10 @@ const initHeader = (config = {}) => {
     if (!header) return;
 
     header.appendChild(
-        buildNav(config.title)
+        buildNav({
+            inTitle: config.title,
+            inUiClasses: config.uiClasses
+        })
     );
 
     const menu = document.getElementById("menu");
@@ -39,7 +42,8 @@ const initHeader = (config = {}) => {
             inHref: item.href,
             onClick: item.onClick,
             inTableName: item.tableName,
-            inClasses: classes
+            inClasses: classes,
+            inSvgName: item.svgName
         });
 
         menu.appendChild(li);

package/bin/header/v4/commands/header/template/v1/svg/icons.json

@@ -0,0 +1,6 @@
+{
+    "search":`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
+</svg>
+`
+}

package/bin/header/v4/commands/header/template/v1/svg/search.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
+</svg>

package/bin/header/v4/commands/header/template/v1/svg/show.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15" />
+</svg>

package/bin/header/{v2 → v4}/commands/header/template/v2/BuildMenuItem/buildMenuItem.js

@@ -11,14 +11,15 @@ export const buildMenuItem = ({
     inHref,
     onClick,
     inTableName,
-    inClasses
+    inClasses,
+    inSvgName
 }) => {
     const li = createLi(inClasses.liClass);
 
     const a = createAnchor({
         inHtmlId,
         inHref,
-        cls: inClasses.aClass,
+        cls: inClasses?.aClass,
         inTableName
     });
     // debugger;
@@ -27,10 +28,7 @@ export const buildMenuItem = ({
         inClassName: inClasses.spanClass
     });
 
-    const svg = createIcon({
-        inClassName: inClasses.svgClass,
-        inIconPaths
-    });
+    const svg = createIcon({ inSvgName });
 
     if (onClick) {
         a.addEventListener(

package/bin/header/{v2 → v4}/commands/header/template/v2/BuildNav/buildMenu.js

@@ -1,6 +1,6 @@
 // /header/v1/buildMenu.js
 
-export const buildMenu = () => {
+export const buildMenu = ({ inUlClass = "[&_svg]:size-6" }) => {
 
     const ul = document.createElement("ul");
 
@@ -8,7 +8,7 @@ export const buildMenu = () => {
 
     ul.className = `w-full hidden flex flex-col space-y-2 mt-4
     md:flex md:flex-row md:space-y-0 md:gap-4
-    md:mt-0 md:w-auto md:flex-wrap`;
+    md:mt-0 md:w-auto md:flex-wrap ${inUlClass}`;
 
     return ul;
 };

package/bin/header/{v2/commands/header/template/v3 → v4/commands/header/template/v2}/BuildNav/buildNav.js

@@ -5,7 +5,7 @@ import { buildHamburger } from "./buildHamburger.js";
 import { buildMenu } from "./buildMenu.js";
 import { buildWrapper } from "./buildWrapper.js";
 
-export const buildNav = (inTitle = {}) => {
+export const buildNav = ({ inTitle = {}, inUiClasses = {} }) => {
 
     const {
         nav,
@@ -24,7 +24,7 @@ export const buildNav = (inTitle = {}) => {
     );
 
     innerDiv.appendChild(
-        buildMenu()
+        buildMenu({ inUlClass: inUiClasses?.ulClass })
     );
 
     return nav;

package/bin/header/v4/commands/header/template/v2/createIcon.js

@@ -0,0 +1,19 @@
+import icons from "./icons.js";
+
+export const createIcon = ({
+    inSvgName
+}) => {
+    console.log("inSvgName : ", inSvgName);
+
+    if (inSvgName in icons) {
+        return document
+            .createRange()
+            .createContextualFragment(icons[inSvgName])
+            .firstElementChild;
+    };
+
+    return document
+        .createRange()
+        .createContextualFragment(icons.search)
+        .firstElementChild;
+};

package/bin/header/v4/commands/header/template/v2/icons copy.js

@@ -0,0 +1,27 @@
+// icons.js
+export default {
+  search: `
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
+</svg>
+    `,
+  home: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+</svg>
+`,
+  serial: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M8.242 5.992h12m-12 6.003H20.24m-12 5.999h12M4.117 7.495v-3.75H2.99m1.125 3.75H2.99m1.125 0H5.24m-1.92 2.577a1.125 1.125 0 1 1 1.591 1.59l-1.83 1.83h2.16M2.99 15.745h1.125a1.125 1.125 0 0 1 0 2.25H3.74m0-.002h.375a1.125 1.125 0 0 1 0 2.25H2.99" />
+</svg>
+`,
+  currency: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M15 8.25H9m6 3H9m3 6-3-3h1.5a3 3 0 1 0 0-6M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
+</svg>
+`,
+  search1: `
+  <div class="w-10 h-10 flex items-center justify-center">
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
+</svg>
+ </div>
+    `,
+};

package/bin/header/v4/commands/header/template/v2/icons.js

@@ -0,0 +1,38 @@
+// icons.js
+export default {
+  download: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15M9 12l3 3m0 0 3-3m-3 3V2.25" />
+</svg>`,
+  search: `
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
+</svg>
+    `,
+  home: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
+</svg>
+`,
+  serial: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M8.242 5.992h12m-12 6.003H20.24m-12 5.999h12M4.117 7.495v-3.75H2.99m1.125 3.75H2.99m1.125 0H5.24m-1.92 2.577a1.125 1.125 0 1 1 1.591 1.59l-1.83 1.83h2.16M2.99 15.745h1.125a1.125 1.125 0 0 1 0 2.25H3.74m0-.002h.375a1.125 1.125 0 0 1 0 2.25H2.99" />
+</svg>
+`,
+  currency: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M15 8.25H9m6 3H9m3 6-3-3h1.5a3 3 0 1 0 0-6M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
+</svg>
+`,
+  wifi: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M8.288 15.038a5.25 5.25 0 0 1 7.424 0M5.106 11.856c3.807-3.808 9.98-3.808 13.788 0M1.924 8.674c5.565-5.565 14.587-5.565 20.152 0M12.53 18.22l-.53.53-.53-.53a.75.75 0 0 1 1.06 0Z" />
+</svg>
+`,
+  exclamation: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" />
+</svg>
+`,
+  search1: `
+  <div class="w-10 h-10 flex items-center justify-center">
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
+</svg>
+ </div>
+    `,
+};

package/bin/header/{v2 → v4}/commands/header/template/v2/initHeader.js

@@ -8,15 +8,20 @@ const initHeader = (config = {}) => {
     if (!header) return;
 
     header.appendChild(
-        buildNav(config.title)
+        buildNav({
+            inTitle: config.title,
+            inUiClasses: config.uiClasses
+        })
     );
 
     const menu = document.getElementById("menu");
 
-    const classes = {
-        liClass: "md:text-center",
+    (config.items || []).forEach(item => {
+
+        const classes = {
+            liClass: "md:text-center",
 
-        aClass: `flex justify-between items-center
+            aClass: `${item?.uiClasses?.aClass} flex justify-between items-center
         bg-gray-700 px-4 py-2 rounded-md
         hover:bg-gray-600
         active:bg-gray-500 active:scale-95
@@ -24,13 +29,11 @@ const initHeader = (config = {}) => {
         md:flex-col md:justify-center md:items-center
         lg:bg-transparent lg:px-2 lg:py-1`,
 
-        spanClass: `ml-3 text-right w-full text-base
+            spanClass: `ml-3 text-right w-full text-base
         md:w-auto md:text-center md:ml-0 lg:text-lg`,
 
-        svgClass: "text-gray-300 w-6 h-6 lg:w-7 lg:h-7"
-    };
-
-    (config.items || []).forEach(item => {
+            svgClass: "text-gray-300 w-6 h-6 lg:w-7 lg:h-7"
+        };
 
         const li = buildMenuItem({
             inTextToShow: item.text,
@@ -39,7 +42,8 @@ const initHeader = (config = {}) => {
             inHref: item.href,
             onClick: item.onClick,
             inTableName: item.tableName,
-            inClasses: classes
+            inClasses: classes,
+            inSvgName: item.svgName
         });
 
         menu.appendChild(li);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwind-header-dom",
-  "version": "3.6.1",
+  "version": "3.6.2",
   "description": "CLI to scaffold projects using templates",
   "keywords": [
     "tailwind",

package/bin/header/v2/commands/header/template/v2/createIcon.js

@@ -1,19 +0,0 @@
-export const createIcon = ({
-    inIconPaths = [],
-    inClassName = ""
-}) => {
-    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-
-    svg.setAttribute("class", inClassName);
-    svg.setAttribute("fill", "none");
-    svg.setAttribute("stroke", "currentColor");
-    svg.setAttribute("viewBox", "0 0 24 24");
-
-    inIconPaths.forEach(d => {
-        const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
-        path.setAttribute("d", d);
-        svg.appendChild(path);
-    });
-
-    return svg;
-};

package/bin/header/v2/commands/header/template/v3/createIcon.js

@@ -1,19 +0,0 @@
-export const createIcon = ({
-    inIconPaths = [],
-    inClassName = ""
-}) => {
-    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-
-    svg.setAttribute("class", inClassName);
-    svg.setAttribute("fill", "none");
-    svg.setAttribute("stroke", "currentColor");
-    svg.setAttribute("viewBox", "0 0 24 24");
-
-    inIconPaths.forEach(d => {
-        const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
-        path.setAttribute("d", d);
-        svg.appendChild(path);
-    });
-
-    return svg;
-};