@vuu-ui/vuu-icons 3.3.11 → 4.0.0-alpha.2

package/index.css

@@ -13,7 +13,7 @@
   --svg-chevron-double-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1 1 16 16"><path d="M15,9a.994.994,0,0,1-.2925.7045l-3.9915,3.99a1,1,0,1,1-1.4355-1.386l.0245-.0245L12.5905,9,9.3045,5.715A1,1,0,0,1,10.691,4.28l.0245.0245,3.9915,3.99A.994.994,0,0,1,15,9Z"/><path d="M9,9a.994.994,0,0,1-.2925.7045l-3.9915,3.99a1,1,0,1,1-1.436-1.385l.0245-.0245L6.5905,9,3.3045,5.715A1,1,0,0,1,4.6915,4.28l.0245.0245,3.9915,3.99A.994.994,0,0,1,9,9Z"/></svg>');
   --svg-column-2A: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M16,1H10V17h6a1,1,0,0,0,1-1V2A1,1,0,0,0,16,1Z" /><path d="M8,1H2A1,1,0,0,0,1,2V16a1,1,0,0,0,1,1H8Z" /></svg>');
   --svg-column-2B: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M16,1H13V17h3a1,1,0,0,0,1-1V2A1,1,0,0,0,16,1Z" /><path d="M11,1H2A1,1,0,0,0,1,2V16a1,1,0,0,0,1,1h9Z" /></svg>');
-  --svg-filter: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXNxdWFyZS1mdW5jdGlvbi1pY29uIGx1Y2lkZS1zcXVhcmUtZnVuY3Rpb24iPjxyZWN0IHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgeD0iMyIgeT0iMyIgcng9IjIiIHJ5PSIyIi8+PHBhdGggZD0iTTkgMTdjMiAwIDIuOC0xIDIuOC0yLjhWMTBjMC0yIDEtMy4zIDMuMi0zIi8+PHBhdGggZD0iTTkgMTEuMmg1LjciLz48L3N2Zz4=');
+  --svg-filter: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXNxdWFyZS1mdW5jdGlvbi1pY29uIGx1Y2lkZS1zcXVhcmUtZnVuY3Rpb24iPjxyZWN0IHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgeD0iMyIgeT0iMyIgcng9IjIiIHJ5PSIyIi8+PHBhdGggZD0iTTkgMTdjMiAwIDIuOC0xIDIuOC0yLjhWMTBjMC0yIDEtMy4zIDMuMi0zIi8+PHBhdGggZD0iTTkgMTEuMmg1LjciLz48L3N2Zz4=");
   --svg-folder-closed: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M1 12v-1h9.998l-0-6.001h-9.999l0.001 7.001h-1v-11h4.117l2 1h5.883v1h-0.002v9h-10.998zM5.881 3l-2-1h-2.882v1.999h9.999l0-0.999h-5.117z"/></svg>');
   --svg-folder-open: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M1 10l3-6h7v-1h1v9h-12v-11h4.118l2 1h4.882v1h-5.118l-2-1h-2.882v8z"/></svg>');
   --svg-function: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path class="fill" d="M3.212,16.706a3.674,3.674,0,0,1-1.6415-.356c-.059-.0285-.09-.0435-.0685-.206l.2285-1.98a4.20837,4.20837,0,0,0,1.503.314c1.2205,0,1.5555-.8845,1.8445-2.8645l.019-.1405a7.00313,7.00313,0,0,0,.0945-.831c.01-.1915.0815-1.187.0815-1.187H2.446l.4745-1.4575a.2405.2405,0,0,1,.2295-.167H5.404s.1315-1.4435.2115-1.9895l.0805-.569C6.1625,1.8945,7.563.254,9.9775.254A2.8046,2.8046,0,0,1,11.23.475a.147.147,0,0,1,.115.1665L11.072,2.503c-.0155.096-.05.096-.0615.096a3.163,3.163,0,0,0-1.1-.204c-1.529,0-1.884,1.5745-2.1625,3.4765l-.0645.4645c-.05.35-.1405,1.4935-.1405,1.4935h2.981l-.474,1.458a.242.242,0,0,1-.2295.1665h-2.4S7.3555,10.5,7.35,10.667a8.62,8.62,0,0,1-.129,1.1155C6.8575,14.3395,6.1205,16.706,3.212,16.706Zm11.867.221c-.4055-.592-1.35-2.012-1.8755-2.8285.473-.6755,1.322-2.031,1.738-2.694l.023-.0375a.187.187,0,0,0,.0115-.195.1925.1925,0,0,0-.18-.09H13.531a.2095.2095,0,0,0-.2155.123l-1.096,1.917L11.184,11.2355a.243.243,0,0,0-.2555-.1535H9.4965a.19649.19649,0,0,0-.186.1035.194.194,0,0,0,.023.2l1.744,2.78c-.2805.415-.6425.9765-.993,1.5205-.293.455-.5775.8975-.797,1.2255a.19151.19151,0,0,0-.0175.2.2.2,0,0,0,.178.1065h1.2785a.23751.23751,0,0,0,.239-.134l1.1265-1.925,1.093,1.9a.296.296,0,0,0,.263.1565h1.4675a.195.195,0,0,0,.197-.1115A.164.164,0,0,0,15.079,16.927Z" /></svg>');
@@ -71,7 +71,7 @@
   --lucide-ellipsis-vertical: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWVsbGlwc2lzLXZlcnRpY2FsLWljb24gbHVjaWRlLWVsbGlwc2lzLXZlcnRpY2FsIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSI1IiByPSIxIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxOSIgcj0iMSIvPjwvc3ZnPg==');
 }
 
-  span[data-icon] {
+span[data-icon] {
   display: inline-block;
   height: var(--vuu-icon-height, var(--vuu-icon-size, 18px));
   position: relative;
@@ -80,14 +80,10 @@
 
 [data-icon]:after {
   content: "";
-  background-color: var(
-    --vuu-icon-color,
-    var(--saltIcon-color, var(--salt-content-secondary-foreground))
-  );
+  background-color: var(--vuu-icon-color, var(--saltIcon-color, var(--salt-content-secondary-foreground)));
   left: var(--vuu-icon-left, auto);
   height: var(--vuu-icon-height, var(--vuu-icon-size, 12px));
-  mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size)
-    var(--vuu-icon-size);
+  mask: var(--vuu-icon-svg) center center / var(--vuu-icon-size) var(--vuu-icon-size);
   mask-repeat: no-repeat;
   position: absolute;
   top: var(--vuu-icon-top, auto);
@@ -95,12 +91,10 @@
   width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));
 }
 
-
 [data-icon="ellipsis-vertical"] {
   --vuu-icon-svg: var(---lucide-ellipsis-vertical);
 }
 
-
 [data-icon="add"] {
   --vuu-icon-svg: var(--svg-add);
 }
@@ -155,12 +149,12 @@
 
 [data-icon="chevron-down"] {
   --vuu-icon-svg: var(--vuu-svg-chevron-down);
-  transition: transform .2s linear;
+  transition: transform 0.2s linear;
 }
 [data-icon="chevron-open"] {
   --vuu-icon-svg: var(--vuu-svg-chevron-down);
   transform: rotate(-90deg);
-  transition: transform .2s linear;
+  transition: transform 0.2s linear;
 }
 
 [data-icon="chevron-left"] {
@@ -171,8 +165,6 @@
   --vuu-icon-svg: var(--vuu-svg-chevron-right);
 }
 
-
-
 [data-icon="close"] {
   --vuu-icon-svg: var(--vuu-close-icon-svg, var(--svg-close));
 }

package/package.json

@@ -1,8 +1,9 @@
 {
-  "version": "3.3.11",
+  "version": "4.0.0-alpha.2",
   "description": "css embedded svg icons plus icon components for Vuu",
   "main": "./src/index.js",
   "license": "Apache-2.0",
+  "type": "module",
   "scripts": {
     "build:dev": "node ../../scripts/run-build.mjs",
     "build": "node ../../scripts/run-build-rslib.ts",
@@ -27,6 +28,5 @@
   },
   "module": "./src/index.js",
   "name": "@vuu-ui/vuu-icons",
-  "style": "./index.css",
-  "type": "module"
+  "style": "./index.css"
 }

package/src/VuuLogo.js

@@ -1,6 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { memo } from "react";
-const VuuLogo = /*#__PURE__*/ memo(()=>/*#__PURE__*/ jsxs("svg", {
+import clsx from "clsx";
+const VuuLogo = /*#__PURE__*/ memo(({ className })=>/*#__PURE__*/ jsxs("svg", {
+        className: clsx('vuuLogo', className),
         width: "44",
         height: "45",
         viewBox: "0 0 44 45",