refactor(icons): optimised some move- icons (#2513)

* Update move.svg

Replace `<polyline/>`s with `<path/>`s

* Update move-vertical.svg

* Update move-horizontal.svg

* Update move-diagonal.svg

* Update move-diagonal-2.svg

categories/charts.json

@@ -1,5 +1,5 @@
 {
   "$schema": "../category.schema.json",
   "title": "Charts",
-  "icon": "pie-chart"
+  "icon": "chart-pie"
 }

docs/.vitepress/data/teamData.json

@@ -11,7 +11,7 @@
       },
       {
         "icon": "x",
-        "link": "https://github.com/ericfennis"
+        "link": "https://x.com/ericfennis"
       }
     ]
   },

docs/.vitepress/theme/components/base/Tooltip.vue

@@ -42,7 +42,7 @@ onMounted(() => {
   font-weight: 400;
   background: var(--vp-c-brand-dark);
   color: white;
-  z-index: 10;
+  z-index: 99;
   white-space: nowrap;
   padding: 2px 8px;
   border-radius: 4px;

icons/eye-closed.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "karsa-mistmere"
+  ],
+  "tags": [
+    "view",
+    "watch",
+    "see",
+    "hide",
+    "conceal",
+    "mask",
+    "hidden",
+    "visibility",
+    "vision"
+  ],
+  "categories": [
+    "accessibility",
+    "photography",
+    "design",
+    "security"
+  ]
+}

icons/eye-closed.svg

@@ -0,0 +1,17 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="m15 18-.722-3.25" />
+  <path d="M2 8a10.645 10.645 0 0 0 20 0" />
+  <path d="m20 15-1.726-2.05" />
+  <path d="m4 15 1.726-2.05" />
+  <path d="m9 18 .722-3.25" />
+</svg>

icons/eye-off.json

@@ -9,11 +9,18 @@
   "tags": [
     "view",
     "watch",
+    "see",
     "hide",
-    "hidden"
+    "conceal",
+    "mask",
+    "hidden",
+    "visibility",
+    "vision"
   ],
   "categories": [
     "accessibility",
-    "photography"
+    "photography",
+    "design",
+    "security"
   ]
 }

icons/eye.json

@@ -7,10 +7,22 @@
   ],
   "tags": [
     "view",
-    "watch"
+    "watch",
+    "see",
+    "show",
+    "expose",
+    "reveal",
+    "display",
+    "visible",
+    "visibility",
+    "vision",
+    "preview",
+    "read"
   ],
   "categories": [
     "accessibility",
-    "photography"
+    "photography",
+    "design",
+    "security"
   ]
 }

icons/linkedin.json

@@ -1,5 +1,8 @@
 {
   "$schema": "../icon.schema.json",
+  "deprecated": true,
+  "deprecationReason": "icon.brand",
+  "toBeRemovedInVersion": "v1.0",
   "contributors": [
     "okcoker",
     "csandman",

icons/move-diagonal-2.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <polyline points="5 11 5 5 11 5" />
+  <path d="M19 13v6h-6" />
-  <polyline points="19 13 19 19 13 19" />
+  <path d="M5 11V5h6" />
-  <line x1="5" x2="19" y1="5" y2="19" />
+  <path d="m5 5 14 14" />
 </svg>

icons/move-diagonal.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <polyline points="13 5 19 5 19 11" />
+  <path d="M11 19H5v-6" />
-  <polyline points="11 19 5 19 5 13" />
+  <path d="M13 5h6v6" />
-  <line x1="19" x2="5" y1="5" y2="19" />
+  <path d="M19 5 5 19" />
 </svg>

icons/move-horizontal.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <polyline points="18 8 22 12 18 16" />
+  <path d="m18 8 4 4-4 4" />
-  <polyline points="6 8 2 12 6 16" />
+  <path d="M2 12h20" />
-  <line x1="2" x2="22" y1="12" y2="12" />
+  <path d="m6 8-4 4 4 4" />
 </svg>

icons/move-vertical.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <polyline points="8 18 12 22 16 18" />
+  <path d="M12 2v20" />
-  <polyline points="8 6 12 2 16 6" />
+  <path d="m8 18 4 4 4-4" />
-  <line x1="12" x2="12" y1="2" y2="22" />
+  <path d="m8 6 4-4 4 4" />
 </svg>

icons/move.svg

@@ -9,10 +9,10 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <polyline points="5 9 2 12 5 15" />
+  <path d="M12 2v20" />
-  <polyline points="9 5 12 2 15 5" />
+  <path d="m15 19-3 3-3-3" />
-  <polyline points="15 19 12 22 9 19" />
+  <path d="m19 9 3 3-3 3" />
-  <polyline points="19 9 22 12 19 15" />
+  <path d="M2 12h20" />
-  <line x1="2" x2="22" y1="12" y2="12" />
+  <path d="m5 9-3 3 3 3" />
-  <line x1="12" x2="12" y1="2" y2="22" />
+  <path d="m9 5 3-3 3 3" />
 </svg>

icons/square-dashed.json

@@ -4,7 +4,8 @@
     "llaenowyd",
     "mishkaio",
     "ericfennis",
-    "karsa-mistmere"
+    "karsa-mistmere",
+    "chessurisme"
   ],
   "tags": [
     "selection",
@@ -12,10 +13,14 @@
     "rectangular",
     "marquee",
     "tool",
-    "dashed"
+    "dashed",
+    "box"
   ],
   "categories": [
     "text",
     "design"
+  ],
+  "aliases": [
+    "box-select"
   ]
 }

icons/volleyball.json

@@ -0,0 +1,37 @@
+{
+  "$schema": "../icon.schema.json",
+  "contributors": [
+    "danielbayley",
+    "jguddas"
+  ],
+  "tags": [
+    "beach",
+    "sand",
+    "net",
+    "holiday",
+    "vacation",
+    "summer",
+    "soccer",
+    "football",
+    "futbol",
+    "kick",
+    "pitch",
+    "goal",
+    "score",
+    "bounce",
+    "leather",
+    "wool",
+    "yarn",
+    "knitting",
+    "sewing",
+    "thread",
+    "embroidery",
+    "textile"
+  ],
+  "categories": [
+    "sports",
+    "gaming",
+    "travel",
+    "home"
+  ]
+}

icons/volleyball.svg

@@ -0,0 +1,18 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M11.1 7.1a16.55 16.55 0 0 1 10.9 4" />
+  <path d="M12 12a12.6 12.6 0 0 1-8.7 5" />
+  <path d="M16.8 13.6a16.55 16.55 0 0 1-9 7.5" />
+  <path d="M20.7 17a12.8 12.8 0 0 0-8.7-5 13.3 13.3 0 0 1 0-10" />
+  <path d="M6.3 3.8a16.55 16.55 0 0 0 1.9 11.5" />
+  <circle cx="12" cy="12" r="10" />
+</svg>

packages/lucide-preact/package.json

@@ -50,7 +50,7 @@
     "@testing-library/preact": "^3.2.3",
     "jest-serializer-html": "^7.1.0",
     "preact": "^10.19.2",
-    "rollup": "^4.9.2",
+    "rollup": "^4.22.4",
     "rollup-plugin-dts": "^6.1.0",
     "typescript": "^5.3.3",
     "vite": "5.0.13",

packages/lucide-react-native/package.json

@@ -56,7 +56,7 @@
     "react-dom": "^18.0.0",
     "react-native": "^0.73.1",
     "react-native-svg": "^15.0.0",
-    "rollup": "^4.9.2",
+    "rollup": "^4.22.4",
     "rollup-plugin-dts": "^6.1.0",
     "typescript": "^4.8.4",
     "vite": "5.0.13",

packages/lucide-react/package.json

@@ -58,7 +58,7 @@
     "jest-serializer-html": "^7.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "rollup": "^4.9.2",
+    "rollup": "^4.22.4",
     "rollup-plugin-dts": "^6.1.0",
     "typescript": "^4.9.5",
     "vite": "5.0.13",

packages/lucide-solid/package.json

@@ -80,7 +80,7 @@
     "@testing-library/jest-dom": "^6.4.2",
     "babel-preset-solid": "^1.8.12",
     "jest-serializer-html": "^7.1.0",
-    "rollup": "^4.9.2",
+    "rollup": "^4.22.4",
     "solid-js": "^1.8.7",
     "typescript": "^4.9.4",
     "vite": "5.0.13",

packages/lucide-static/package.json

@@ -43,7 +43,7 @@
     "@lucide/build-icons": "workspace:*",
     "@lucide/rollup-plugins": "workspace:*",
     "@lucide/helpers": "workspace:*",
-    "rollup": "^4.9.2",
+    "rollup": "^4.22.4",
     "rollup-plugin-dts": "^6.1.0"
   }
 }

packages/lucide-vue-next/package.json

@@ -52,7 +52,7 @@
     "@testing-library/vue": "^8.0.3",
     "@vitejs/plugin-vue": "^4.6.2",
     "@vue/test-utils": "2.4.5",
-    "rollup": "^4.9.2",
+    "rollup": "^4.22.4",
     "rollup-plugin-dts": "^6.1.0",
     "vite": "5.0.13",
     "vitest": "^1.4.0",

packages/lucide/package.json

@@ -47,7 +47,7 @@
     "@rollup/plugin-replace": "^5.0.5",
     "@testing-library/jest-dom": "^6.1.6",
     "jest-serializer-html": "^7.1.0",
-    "rollup": "^4.9.2",
+    "rollup": "^4.22.4",
     "rollup-plugin-dts": "^6.1.0",
     "typescript": "^4.9.3",
     "vite": "5.0.13",

packages/shared/package.json

@@ -7,5 +7,12 @@
   "types": "src/index.ts",
   "type": "module",
   "author": "",
-  "license": "ISC"
+  "license": "ISC",
+  "scripts": {
+    "test": "vitest run",
+    "test:watch": "vitest watch"
+  },
+  "devDependencies": {
+    "vitest": "^2.1.1"
+  }
 }

packages/shared/tests/utils.spec.tsx

@@ -0,0 +1,21 @@
+import { describe, it, expect } from 'vitest';
+import { mergeClasses } from '../src/utils';
+
+describe('mergeClasses', () => {
+  it('merges classes', async () => {
+    const classes = mergeClasses('lucide', 'lucide-circle', 'custom-class');
+    expect(classes).toBe('lucide lucide-circle custom-class');
+  });
+  it('ignores empty string', async () => {
+    const classes = mergeClasses('lucide', 'lucide-circle', '');
+    expect(classes).toBe('lucide lucide-circle');
+  });
+  it('ignores undefined', async () => {
+    const classes = mergeClasses('lucide', 'lucide-circle', undefined);
+    expect(classes).toBe('lucide lucide-circle');
+  });
+  it('removes duplicates', async () => {
+    const classes = mergeClasses('lucide', 'lucide-circle', 'lucide');
+    expect(classes).toBe('lucide lucide-circle');
+  });
+});

tools/rollup-plugins/package.json

@@ -12,7 +12,7 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-replace": "^5.0.5",
     "esbuild": "^0.19.11",
-    "rollup": "^4.9.2",
+    "rollup": "^4.22.4",
     "rollup-plugin-esbuild": "^6.1.0",
     "rollup-plugin-license": "^3.2.0",
     "rollup-plugin-visualizer": "^5.12.0"