@vuu-ui/vuu-icons 3.3.10 → 4.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/index.css +6 -14
  2. package/package.json +3 -3
  3. package/src/VuuLogo.js +3 -1
package/index.css CHANGED
@@ -13,7 +13,7 @@
13
13
  --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>');
14
14
  --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>');
15
15
  --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>');
16
- --svg-filter: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXNxdWFyZS1mdW5jdGlvbi1pY29uIGx1Y2lkZS1zcXVhcmUtZnVuY3Rpb24iPjxyZWN0IHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgeD0iMyIgeT0iMyIgcng9IjIiIHJ5PSIyIi8+PHBhdGggZD0iTTkgMTdjMiAwIDIuOC0xIDIuOC0yLjhWMTBjMC0yIDEtMy4zIDMuMi0zIi8+PHBhdGggZD0iTTkgMTEuMmg1LjciLz48L3N2Zz4=');
16
+ --svg-filter: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXNxdWFyZS1mdW5jdGlvbi1pY29uIGx1Y2lkZS1zcXVhcmUtZnVuY3Rpb24iPjxyZWN0IHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgeD0iMyIgeT0iMyIgcng9IjIiIHJ5PSIyIi8+PHBhdGggZD0iTTkgMTdjMiAwIDIuOC0xIDIuOC0yLjhWMTBjMC0yIDEtMy4zIDMuMi0zIi8+PHBhdGggZD0iTTkgMTEuMmg1LjciLz48L3N2Zz4=");
17
17
  --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>');
18
18
  --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>');
19
19
  --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 @@
71
71
  --lucide-ellipsis-vertical: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWVsbGlwc2lzLXZlcnRpY2FsLWljb24gbHVjaWRlLWVsbGlwc2lzLXZlcnRpY2FsIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSI1IiByPSIxIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxOSIgcj0iMSIvPjwvc3ZnPg==');
72
72
  }
73
73
 
74
- span[data-icon] {
74
+ span[data-icon] {
75
75
  display: inline-block;
76
76
  height: var(--vuu-icon-height, var(--vuu-icon-size, 18px));
77
77
  position: relative;
@@ -80,14 +80,10 @@
80
80
 
81
81
  [data-icon]:after {
82
82
  content: "";
83
- background-color: var(
84
- --vuu-icon-color,
85
- var(--saltIcon-color, var(--salt-content-secondary-foreground))
86
- );
83
+ background-color: var(--vuu-icon-color, var(--saltIcon-color, var(--salt-content-secondary-foreground)));
87
84
  left: var(--vuu-icon-left, auto);
88
85
  height: var(--vuu-icon-height, var(--vuu-icon-size, 12px));
89
- mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size)
90
- var(--vuu-icon-size);
86
+ mask: var(--vuu-icon-svg) center center / var(--vuu-icon-size) var(--vuu-icon-size);
91
87
  mask-repeat: no-repeat;
92
88
  position: absolute;
93
89
  top: var(--vuu-icon-top, auto);
@@ -95,12 +91,10 @@
95
91
  width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));
96
92
  }
97
93
 
98
-
99
94
  [data-icon="ellipsis-vertical"] {
100
95
  --vuu-icon-svg: var(---lucide-ellipsis-vertical);
101
96
  }
102
97
 
103
-
104
98
  [data-icon="add"] {
105
99
  --vuu-icon-svg: var(--svg-add);
106
100
  }
@@ -155,12 +149,12 @@
155
149
 
156
150
  [data-icon="chevron-down"] {
157
151
  --vuu-icon-svg: var(--vuu-svg-chevron-down);
158
- transition: transform .2s linear;
152
+ transition: transform 0.2s linear;
159
153
  }
160
154
  [data-icon="chevron-open"] {
161
155
  --vuu-icon-svg: var(--vuu-svg-chevron-down);
162
156
  transform: rotate(-90deg);
163
- transition: transform .2s linear;
157
+ transition: transform 0.2s linear;
164
158
  }
165
159
 
166
160
  [data-icon="chevron-left"] {
@@ -171,8 +165,6 @@
171
165
  --vuu-icon-svg: var(--vuu-svg-chevron-right);
172
166
  }
173
167
 
174
-
175
-
176
168
  [data-icon="close"] {
177
169
  --vuu-icon-svg: var(--vuu-close-icon-svg, var(--svg-close));
178
170
  }
package/package.json CHANGED
@@ -1,8 +1,9 @@
1
1
  {
2
- "version": "3.3.10",
2
+ "version": "4.0.0-alpha.1",
3
3
  "description": "css embedded svg icons plus icon components for Vuu",
4
4
  "main": "./src/index.js",
5
5
  "license": "Apache-2.0",
6
+ "type": "module",
6
7
  "scripts": {
7
8
  "build:dev": "node ../../scripts/run-build.mjs",
8
9
  "build": "node ../../scripts/run-build-rslib.ts",
@@ -27,6 +28,5 @@
27
28
  },
28
29
  "module": "./src/index.js",
29
30
  "name": "@vuu-ui/vuu-icons",
30
- "style": "./index.css",
31
- "type": "module"
31
+ "style": "./index.css"
32
32
  }
package/src/VuuLogo.js CHANGED
@@ -1,6 +1,8 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { memo } from "react";
3
- const VuuLogo = /*#__PURE__*/ memo(()=>/*#__PURE__*/ jsxs("svg", {
3
+ import clsx from "clsx";
4
+ const VuuLogo = /*#__PURE__*/ memo(({ className })=>/*#__PURE__*/ jsxs("svg", {
5
+ className: clsx('vuuLogo', className),
4
6
  width: "44",
5
7
  height: "45",
6
8
  viewBox: "0 0 44 45",