@vuu-ui/vuu-icons 0.8.60 → 0.8.62

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 (2) hide show
  1. package/index.css +59 -64
  2. package/package.json +1 -1
package/index.css CHANGED
@@ -13,7 +13,6 @@
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-corner-triangle: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 5"><path d="M4.76248.00005a.249.249,0,0,0-.177.073l-4.5,4.5a.25.25,0,0,0,.177.427h4.5a.25.25,0,0,0,.25-.25v-4.5A.25.25,0,0,0,4.76248.00005Z"/></svg>');
17
16
  --svg-filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path class="a" d="M15.473,1H1.527a.5.5,0,0,0-.3935.8085L7,9.2945V16.95a.496.496,0,0,0,.84.412l1.9905-2.0765A.60949.60949,0,0,0,10,14.864V9.2945l5.8665-7.486A.5.5,0,0,0,15.473,1Z" /></svg>');
18
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>');
19
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>');
@@ -31,7 +30,6 @@
31
30
  --svg-tree-node-collapse: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M2,2.5v13a.5.5,0,0,0,.5.5h13a.5.5,0,0,0,.5-.5V2.5a.5.5,0,0,0-.5-.5H2.5A.5.5,0,0,0,2,2.5ZM5.25,10A.25.25,0,0,1,5,9.75V8.25A.25.25,0,0,1,5.25,8h7.5a.25.25,0,0,1,.25.25v1.5a.25.25,0,0,1-.25.25Z" /></svg>');
32
31
  --svg-tree-node-expand: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M2,2.5v13a.5.5,0,0,0,.5.5h13a.5.5,0,0,0,.5-.5V2.5a.5.5,0,0,0-.5-.5H2.5A.5.5,0,0,0,2,2.5ZM12.75,10H10v2.75a.25.25,0,0,1-.25.25H8.25A.25.25,0,0,1,8,12.75V10H5.25A.25.25,0,0,1,5,9.75V8.25A.25.25,0,0,1,5.25,8H8V5.25A.25.25,0,0,1,8.25,5h1.5a.25.25,0,0,1,.25.25V8h2.75a.25.25,0,0,1,.25.25v1.5A.25.25,0,0,1,12.75,10Z" /></svg>');
33
32
  --svg-triangle-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M3.5 1l5 5-5 5z"/></svg>');
34
- --svg-triangle-down: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M11 3.5l-5 5-5-5z"/></svg>');
35
33
  --svg-plus-box: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M22.5 34h3v-8.5H34v-3h-8.5V14h-3v8.5H14v3h8.5ZM9 42q-1.2 0-2.1-.9Q6 40.2 6 39V9q0-1.2.9-2.1Q7.8 6 9 6h30q1.2 0 2.1.9.9.9.9 2.1v30q0 1.2-.9 2.1-.9.9-2.1.9Zm0-3h30V9H9v30ZM9 9v30V9Z"/></svg>');
36
34
  --svg-minus-box: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M12.5 25.4h23.05v-3H12.5ZM9 42q-1.2 0-2.1-.9Q6 40.2 6 39V9q0-1.2.9-2.1Q7.8 6 9 6h30q1.2 0 2.1.9.9.9.9 2.1v30q0 1.2-.9 2.1-.9.9-2.1.9Zm0-3h30V9H9v30ZM9 9v30V9Z"/></svg>');
37
35
  --vuu-icon-size: 12px;
@@ -68,10 +66,6 @@
68
66
  --vuu-svg-warn-triangle: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4.47 21H19.53C21.07 21 22.03 19.33 21.26 18L13.73 4.98999C12.96 3.65999 11.04 3.65999 10.27 4.98999L2.74 18C1.97 19.33 2.93 21 4.47 21ZM12 14C11.45 14 11 13.55 11 13V11C11 10.45 11.45 9.99999 12 9.99999C12.55 9.99999 13 10.45 13 11V13C13 13.55 12.55 14 12 14ZM13 18H11V16H13V18Z"/></svg>');
69
67
  }
70
68
 
71
-
72
-
73
-
74
-
75
69
  span[data-icon] {
76
70
  display: inline-block;
77
71
  height: var(--vuu-icon-height, var(--vuu-icon-size, 18px));
@@ -81,229 +75,230 @@ span[data-icon] {
81
75
 
82
76
  [data-icon]:after {
83
77
  content: "";
84
- background-color: var(--vuu-icon-color, var(--saltIcon-color, var(--salt-content-secondary-foreground)));
78
+ background-color: var(
79
+ --vuu-icon-color,
80
+ var(--saltIcon-color, var(--salt-content-secondary-foreground))
81
+ );
85
82
  left: var(--vuu-icon-left, auto);
86
83
  height: var(--vuu-icon-height, var(--vuu-icon-size, 12px));
87
- mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);
88
- -webkit-mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);
84
+ mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size)
85
+ var(--vuu-icon-size);
89
86
  mask-repeat: no-repeat;
90
- -webkit-mask-repeat: no-repeat;
91
87
  position: absolute;
92
88
  top: var(--vuu-icon-top, auto);
93
89
  transform: var(--vuu-icon-transform, none);
94
90
  width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));
95
91
  }
96
92
 
97
- [data-icon='add'] {
93
+ [data-icon="add"] {
98
94
  --vuu-icon-svg: var(--svg-add);
99
95
  }
100
96
 
101
- [data-icon='arrow-thin-left'] {
97
+ [data-icon="arrow-thin-left"] {
102
98
  --vuu-icon-svg: var(--svg-arrow-thin);
103
99
  }
104
100
 
105
- [data-icon='arrow-thin-right'] {
101
+ [data-icon="arrow-thin-right"] {
106
102
  --vuu-icon-svg: var(--svg-arrow-thin);
107
103
  transform: rotate(180deg);
108
104
  }
109
105
 
110
- [data-icon='arrow-down'] {
106
+ [data-icon="arrow-down"] {
111
107
  --vuu-icon-svg: var(--vuu-svg-arrow-up);
112
108
  transform: rotate(180deg);
113
109
  }
114
110
 
115
- [data-icon='arrow-thin-down'] {
111
+ [data-icon="arrow-thin-down"] {
116
112
  --vuu-icon-svg: var(--svg-arrow-thin);
117
113
  transform: rotate(270deg);
118
114
  }
119
115
 
120
- [data-icon='arrow-thin-up'] {
116
+ [data-icon="arrow-thin-up"] {
121
117
  --vuu-icon-svg: var(--svg-arrow-thin);
122
118
  transform: rotate(90deg);
123
119
  }
124
120
 
125
- [data-icon='arrow-left'] {
121
+ [data-icon="arrow-left"] {
126
122
  --vuu-icon-svg: var(--vuu-svg-arrow-left);
127
123
  }
128
124
 
129
- [data-icon='arrow-right'] {
125
+ [data-icon="arrow-right"] {
130
126
  --vuu-icon-svg: var(--vuu-svg-arrow-right);
131
127
  }
132
128
 
133
- [data-icon='arrow-up'] {
129
+ [data-icon="arrow-up"] {
134
130
  --vuu-icon-svg: var(--vuu-svg-arrow-up);
135
131
  }
136
132
 
137
- [data-icon='box'] {
133
+ [data-icon="box"] {
138
134
  --vuu-icon-svg: var(--svg-box);
139
135
  }
140
136
 
141
- [data-icon='chevron-double-left'] {
137
+ [data-icon="chevron-double-left"] {
142
138
  --vuu-icon-svg: var(--svg-chevron-double-left);
143
139
  }
144
140
 
145
- [data-icon='chevron-double-right'] {
141
+ [data-icon="chevron-double-right"] {
146
142
  --vuu-icon-svg: var(--svg-chevron-double-right);
147
143
  }
148
144
 
149
- [data-icon='chevron-down'] {
145
+ [data-icon="chevron-down"] {
150
146
  --vuu-icon-svg: var(--vuu-svg-chevron-down);
151
147
  }
152
148
 
153
- [data-icon='chevron-left'] {
149
+ [data-icon="chevron-left"] {
154
150
  --vuu-icon-svg: var(--vuu-svg-chevron-left);
155
151
  }
156
152
 
157
- [data-icon='chevron-right'] {
153
+ [data-icon="chevron-right"] {
158
154
  --vuu-icon-svg: var(--vuu-svg-chevron-right);
159
155
  }
160
156
 
161
- [data-icon='close'] {
157
+ [data-icon="close"] {
162
158
  --vuu-icon-svg: var(--vuu-close-icon-svg, var(--svg-close));
163
159
  }
164
160
 
165
- [data-icon='close-circle'] {
161
+ [data-icon="close-circle"] {
166
162
  --vuu-icon-svg: var(--svg-close-circle);
167
163
  }
168
164
 
169
- [data-icon='cross'] {
165
+ [data-icon="cross"] {
170
166
  --vuu-icon-svg: var(--vuu-svg-cross);
171
167
  }
172
168
 
173
- [data-icon='cross-circle'] {
169
+ [data-icon="cross-circle"] {
174
170
  --vuu-icon-svg: var(--vuu-svg-cross-circle);
175
171
  }
176
172
 
177
- [data-icon='date'] {
173
+ [data-icon="date"] {
178
174
  --vuu-icon-svg: var(--vuu-svg-date);
179
175
  }
180
176
 
181
- [data-icon='draggable'] {
177
+ [data-icon="draggable"] {
182
178
  --vuu-icon-svg: var(--vuu-svg-draggable);
183
179
  }
184
- [data-icon='eye'] {
180
+ [data-icon="eye"] {
185
181
  --vuu-icon-svg: var(--vuu-svg-eye);
186
182
  }
187
183
 
188
- [data-icon='error'] {
184
+ [data-icon="error"] {
189
185
  --vuu-icon-color: var(--vuuIcon-color, var(--salt-status-error-foreground));
190
186
  --vuu-icon-svg: var(--vuu-svg-alert-circle);
191
187
  }
192
188
 
193
- [data-icon='edit'] {
189
+ [data-icon="edit"] {
194
190
  --vuu-icon-svg: var(--vuu-svg-edit);
195
191
  }
196
192
 
197
- [data-icon='filter'] {
193
+ [data-icon="filter"] {
198
194
  --vuu-icon-svg: var(--svg-filter);
199
195
  }
200
- [data-icon='info-circle'] {
196
+ [data-icon="info-circle"] {
201
197
  --vuu-icon-svg: var(--vuu-svg-info-circle);
202
198
  }
203
- [data-icon='history'] {
199
+ [data-icon="history"] {
204
200
  --vuu-icon-svg: var(--vuu-svg-history);
205
201
  }
206
202
 
207
- [data-icon='link'] {
203
+ [data-icon="link"] {
208
204
  --vuu-icon-svg: var(--svg-link);
209
205
  }
210
206
 
211
- [data-icon='open-in'] {
207
+ [data-icon="open-in"] {
212
208
  --vuu-icon-svg: var(--svg-open-in);
213
209
  }
214
210
 
215
- [data-icon='price-arrow'] {
211
+ [data-icon="price-arrow"] {
216
212
  --vuu-icon-svg: var(--vuu-svg-price-arrow);
217
213
  }
218
214
 
219
- [data-icon='rings'] {
215
+ [data-icon="rings"] {
220
216
  --vuu-icon-svg: var(--svg-rings);
221
217
  }
222
218
 
223
- [data-icon='column-2A'] {
219
+ [data-icon="column-2A"] {
224
220
  --vuu-icon-svg: var(--svg-column-2A);
225
221
  }
226
222
 
227
- [data-icon='column-2B'] {
223
+ [data-icon="column-2B"] {
228
224
  --vuu-icon-svg: var(--svg-column-2B);
229
225
  }
230
226
 
231
- :is([data-icon='folder'], [data-icon='folder-closed']) {
227
+ :is([data-icon="folder"], [data-icon="folder-closed"]) {
232
228
  --vuu-icon-svg: var(--svg-folder-closed);
233
229
  }
234
230
 
235
- [data-icon='plus-box'] {
231
+ [data-icon="plus-box"] {
236
232
  --vuu-icon-svg: var(--svg-plus-box);
237
233
  }
238
234
 
239
- [data-icon='minus-box'] {
235
+ [data-icon="minus-box"] {
240
236
  --vuu-icon-svg: var(--svg-minus-box);
241
237
  }
242
238
 
243
- [data-icon='more-vert'] {
239
+ [data-icon="more-vert"] {
244
240
  --vuu-icon-svg: var(--vuu-svg-more-vert);
245
241
  }
246
242
 
247
- [data-icon='more-horiz'] {
243
+ [data-icon="more-horiz"] {
248
244
  --vuu-icon-svg: var(--vuu-svg-more-horiz);
249
245
  }
250
246
 
251
- [data-icon='search'] {
247
+ [data-icon="search"] {
252
248
  --vuu-icon-svg: var(--vuu-svg-search);
253
249
  }
254
250
 
255
- [data-icon='settings'] {
251
+ [data-icon="settings"] {
256
252
  --vuu-icon-svg: var(--vuu-svg-settings);
257
253
  }
258
254
 
259
- [data-icon='sort-up'] {
255
+ [data-icon="sort-up"] {
260
256
  --vuu-icon-svg: var(--svg-sort-up);
261
257
  }
262
258
 
263
- [data-icon='sorted-asc'] {
259
+ [data-icon="sorted-asc"] {
264
260
  --vuu-icon-svg: var(--svg-sorted-asc);
265
261
  }
266
262
 
267
- [data-icon='sorted-dsc'] {
263
+ [data-icon="sorted-dsc"] {
268
264
  --vuu-icon-svg: var(--svg-sorted-dsc);
269
265
  }
270
266
 
271
- [data-icon='plus'] {
267
+ [data-icon="plus"] {
272
268
  --vuu-icon-svg: var(--vuu-svg-plus);
273
269
  }
274
270
 
275
- [data-icon='tick'] {
271
+ [data-icon="tick"] {
276
272
  --vuu-icon-svg: var(--vuu-svg-tick);
277
273
  }
278
274
 
279
- [data-icon='user'] {
275
+ [data-icon="user"] {
280
276
  --vuu-icon-svg: var(--svg-user);
281
277
  }
282
278
 
283
- [data-icon='active-status'] {
279
+ [data-icon="active-status"] {
284
280
  --svg-icon: var(--svg-active-status);
285
281
  }
286
282
 
287
- [data-icon='connecting-status'] {
283
+ [data-icon="connecting-status"] {
288
284
  --svg-icon: var(--svg-connecting-status);
289
285
  }
290
286
 
291
- [data-icon='disconnected-status'] {
287
+ [data-icon="disconnected-status"] {
292
288
  --svg-icon: var(--svg-disconnected-status);
293
289
  }
294
290
 
295
- [data-icon='triangle-right'] {
291
+ [data-icon="triangle-right"] {
296
292
  --vuu-icon-svg: var(--vuu-svg-triangle-right);
297
293
  }
298
294
 
299
- [data-icon='triangle-down'] {
295
+ [data-icon="triangle-down"] {
300
296
  --vuu-icon-svg: var(--vuu-svg-triangle-right);
301
297
  }
302
- [data-icon='triangle-down']:after {
298
+ [data-icon="triangle-down"]:after {
303
299
  transform: rotate(90deg);
304
300
  }
305
301
 
306
- [data-icon='warn-triangle'] {
302
+ [data-icon="warn-triangle"] {
307
303
  --vuu-icon-svg: var(--vuu-svg-warn-triangle);
308
304
  }
309
-
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.8.60",
2
+ "version": "0.8.62",
3
3
  "description": "css embedded svg icons plus icon components for Vuu",
4
4
  "license": "Apache-2.0",
5
5
  "peerDependencies": {