@waggylabs/yumekit 0.3.1 → 0.3.2

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 (8) hide show
  1. package/dist/components/y-appbar.js +1 -1
  2. package/dist/components/y-icon.d.ts +1 -1
  3. package/dist/components/y-icon.js +1 -1
  4. package/dist/icons/all.js +27 -0
  5. package/dist/index.js +28 -1
  6. package/dist/react.d.ts +1 -1
  7. package/dist/yumekit.min.js +1 -1
  8. package/package.json +1 -1
package/dist/components/y-appbar.js CHANGED
@@ -719,7 +719,7 @@ class YumeIcon extends HTMLElement {
719
719
  this.setAttribute("name", val);
720
720
  }
721
721
 
722
- /** Icon size: "small" | "medium" | "large" (default "medium"). */
722
+ /** Icon size: "x-small" | "small" | "medium" | "large" | "x-large" (default "medium"). */
723
723
  get size() {
724
724
  return this.getAttribute("size") || "medium";
725
725
  }
package/dist/components/y-icon.d.ts CHANGED
@@ -6,7 +6,7 @@ export class YumeIcon extends HTMLElement {
6
6
  /** The registered icon name to display. */
7
7
  get name(): string;
8
8
  set size(val: string);
9
- /** Icon size: "small" | "medium" | "large" (default "medium"). */
9
+ /** Icon size: "x-small" | "small" | "medium" | "large" | "x-large" (default "medium"). */
10
10
  get size(): string;
11
11
  set color(val: string);
12
12
  /** Color theme: "base" | "primary" | "secondary" | "success" | "warning" | "error" | "help". */
package/dist/components/y-icon.js CHANGED
@@ -157,7 +157,7 @@ class YumeIcon extends HTMLElement {
157
157
  this.setAttribute("name", val);
158
158
  }
159
159
 
160
- /** Icon size: "small" | "medium" | "large" (default "medium"). */
160
+ /** Icon size: "x-small" | "small" | "medium" | "large" | "x-large" (default "medium"). */
161
161
  get size() {
162
162
  return this.getAttribute("size") || "medium";
163
163
  }
package/dist/icons/all.js CHANGED
@@ -22,6 +22,10 @@ var campfire = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.o
22
22
 
23
23
  var chart = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"/>\n</svg>\n";
24
24
 
25
+ var circleExclamation = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"/>\n <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"/>\n</svg>\n";
26
+
27
+ var circleInfo = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"/>\n <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"/>\n</svg>\n";
28
+
25
29
  var checkmark = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"5 13 10 17 19 6\"/>\n</svg>\n";
26
30
 
27
31
  var chevronDown = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"6 9 12 15 18 9\"/>\n</svg>\n";
@@ -98,6 +102,12 @@ var download = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"
98
102
 
99
103
  var expandRight = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"13 17 18 12 13 7\"/>\n <polyline points=\"6 17 11 12 6 7\"/>\n</svg>\n";
100
104
 
105
+ var faceSmile = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n <path d=\"M8 14s1.5 2 4 2 4-2 4-2\"/>\n <line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"/>\n <line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"/>\n</svg>\n";
106
+
107
+ var faceNeutral = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n <line x1=\"8\" y1=\"14\" x2=\"16\" y2=\"14\"/>\n <line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"/>\n <line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"/>\n</svg>\n";
108
+
109
+ var faceFrown = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n <path d=\"M16 16s-1.5-2-4-2-4 2-4 2\"/>\n <line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"/>\n <line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"/>\n</svg>\n";
110
+
101
111
  var features = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"3\"/>\n <path d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83\"/>\n</svg>\n";
102
112
 
103
113
  var figma = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M5 5.5A3.5 3.5 0 0 1 8.5 2H12v7H8.5A3.5 3.5 0 0 1 5 5.5z\"/>\n <path d=\"M12 2h3.5a3.5 3.5 0 1 1 0 7H12V2z\"/>\n <path d=\"M12 12.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z\"/>\n <path d=\"M5 19.5A3.5 3.5 0 0 1 8.5 16H12v3.5a3.5 3.5 0 1 1-7 0z\"/>\n <path d=\"M5 12.5A3.5 3.5 0 0 1 8.5 9H12v7H8.5A3.5 3.5 0 0 1 5 12.5z\"/>\n</svg>\n";
@@ -134,10 +144,14 @@ var mail = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill
134
144
 
135
145
  var menu = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\"/>\n <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"/>\n <line x1=\"4\" y1=\"18\" x2=\"20\" y2=\"18\"/>\n</svg>\n";
136
146
 
147
+ var monitor = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"/>\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"/>\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"/>\n</svg>\n";
148
+
137
149
  var moon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"/>\n</svg>\n";
138
150
 
139
151
  var palette = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"13.5\" cy=\"6.5\" r=\"1.5\"/>\n <circle cx=\"17.5\" cy=\"10.5\" r=\"1.5\"/>\n <circle cx=\"8.5\" cy=\"7.5\" r=\"1.5\"/>\n <circle cx=\"6.5\" cy=\"12.5\" r=\"1.5\"/>\n <path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z\"/>\n</svg>\n";
140
152
 
153
+ var paperAirplane = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polygon points=\"22 2 15 22 11 13 2 9 22 2\"/>\n <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"/>\n</svg>\n";
154
+
141
155
  var plus = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/>\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/>\n</svg>\n";
142
156
 
143
157
  var puzzle = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.705.707 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.707-1.704L4.23 8.77a.979.979 0 0 1 .837-.276c.47.07.802.48.968.925a2.501 2.501 0 1 0 3.214-3.214c-.446-.166-.855-.497-.925-.968a.979.979 0 0 1 .276-.837l1.627-1.627a2.404 2.404 0 0 1 3.409 0l1.568 1.568c.219.22.556.328.878.29.493-.075.84-.505 1.02-.969a2.5 2.5 0 1 1 3.237 3.237c-.464.18-.894.527-.968 1.02z\"/>\n</svg>\n";
@@ -154,12 +168,16 @@ var settings = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"
154
168
 
155
169
  var shield = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"/>\n</svg>\n";
156
170
 
171
+ var smartphone = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"2\" ry=\"2\"/>\n <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"/>\n</svg>\n";
172
+
157
173
  var star = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"/>\n</svg>\n";
158
174
 
159
175
  var sun = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"5\"/>\n <path d=\"M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42\"/>\n</svg>\n";
160
176
 
161
177
  var swap = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"16 3 21 3 21 8\"/>\n <line x1=\"4\" y1=\"20\" x2=\"21\" y2=\"3\"/>\n <polyline points=\"21 16 21 21 16 21\"/>\n <line x1=\"15\" y1=\"15\" x2=\"21\" y2=\"21\"/>\n <line x1=\"4\" y1=\"4\" x2=\"9\" y2=\"9\"/>\n</svg>\n";
162
178
 
179
+ var tablet = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\" ry=\"2\"/>\n <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"/>\n</svg>\n";
180
+
163
181
  var upload = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/>\n <polyline points=\"17 8 12 3 7 8\"/>\n <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"/>\n</svg>\n";
164
182
 
165
183
  var user = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/>\n <circle cx=\"12\" cy=\"7\" r=\"4\"/>\n</svg>\n";
@@ -190,6 +208,8 @@ registerIcons({
190
208
  campfire,
191
209
  chart,
192
210
  checkmark,
211
+ "circle-exclamation": circleExclamation,
212
+ "circle-info": circleInfo,
193
213
  "chevron-down": chevronDown,
194
214
  "chevron-left": chevronLeft,
195
215
  "chevron-right": chevronRight,
@@ -227,6 +247,9 @@ registerIcons({
227
247
  discord,
228
248
  download,
229
249
  "expand-right": expandRight,
250
+ "face-frown": faceFrown,
251
+ "face-neutral": faceNeutral,
252
+ "face-smile": faceSmile,
230
253
  features,
231
254
  figma,
232
255
  filter,
@@ -245,8 +268,10 @@ registerIcons({
245
268
  logo,
246
269
  mail,
247
270
  menu,
271
+ monitor,
248
272
  moon,
249
273
  palette,
274
+ "paper-airplane": paperAirplane,
250
275
  plus,
251
276
  puzzle,
252
277
  "right-from-bracket": rightFromBracket,
@@ -255,9 +280,11 @@ registerIcons({
255
280
  search,
256
281
  settings,
257
282
  shield,
283
+ smartphone,
258
284
  star,
259
285
  sun,
260
286
  swap,
287
+ tablet,
261
288
  upload,
262
289
  user,
263
290
  users,
package/dist/index.js CHANGED
@@ -51,6 +51,10 @@ var campfire = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.o
51
51
 
52
52
  var chart = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"/>\n</svg>\n";
53
53
 
54
+ var circleExclamation = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"/>\n <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"/>\n</svg>\n";
55
+
56
+ var circleInfo = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"/>\n <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"/>\n</svg>\n";
57
+
54
58
  var checkmark$1 = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"5 13 10 17 19 6\"/>\n</svg>\n";
55
59
 
56
60
  var chevronDown$1 = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"6 9 12 15 18 9\"/>\n</svg>\n";
@@ -127,6 +131,12 @@ var download = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"
127
131
 
128
132
  var expandRight$1 = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"13 17 18 12 13 7\"/>\n <polyline points=\"6 17 11 12 6 7\"/>\n</svg>\n";
129
133
 
134
+ var faceSmile = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n <path d=\"M8 14s1.5 2 4 2 4-2 4-2\"/>\n <line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"/>\n <line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"/>\n</svg>\n";
135
+
136
+ var faceNeutral = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n <line x1=\"8\" y1=\"14\" x2=\"16\" y2=\"14\"/>\n <line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"/>\n <line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"/>\n</svg>\n";
137
+
138
+ var faceFrown = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n <path d=\"M16 16s-1.5-2-4-2-4 2-4 2\"/>\n <line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"/>\n <line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"/>\n</svg>\n";
139
+
130
140
  var features = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"3\"/>\n <path d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83\"/>\n</svg>\n";
131
141
 
132
142
  var figma = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M5 5.5A3.5 3.5 0 0 1 8.5 2H12v7H8.5A3.5 3.5 0 0 1 5 5.5z\"/>\n <path d=\"M12 2h3.5a3.5 3.5 0 1 1 0 7H12V2z\"/>\n <path d=\"M12 12.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z\"/>\n <path d=\"M5 19.5A3.5 3.5 0 0 1 8.5 16H12v3.5a3.5 3.5 0 1 1-7 0z\"/>\n <path d=\"M5 12.5A3.5 3.5 0 0 1 8.5 9H12v7H8.5A3.5 3.5 0 0 1 5 12.5z\"/>\n</svg>\n";
@@ -163,10 +173,14 @@ var mail = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill
163
173
 
164
174
  var menu$1 = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"4\" y1=\"6\" x2=\"20\" y2=\"6\"/>\n <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"/>\n <line x1=\"4\" y1=\"18\" x2=\"20\" y2=\"18\"/>\n</svg>\n";
165
175
 
176
+ var monitor = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"/>\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"/>\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"/>\n</svg>\n";
177
+
166
178
  var moon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"/>\n</svg>\n";
167
179
 
168
180
  var palette = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"13.5\" cy=\"6.5\" r=\"1.5\"/>\n <circle cx=\"17.5\" cy=\"10.5\" r=\"1.5\"/>\n <circle cx=\"8.5\" cy=\"7.5\" r=\"1.5\"/>\n <circle cx=\"6.5\" cy=\"12.5\" r=\"1.5\"/>\n <path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z\"/>\n</svg>\n";
169
181
 
182
+ var paperAirplane = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polygon points=\"22 2 15 22 11 13 2 9 22 2\"/>\n <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"/>\n</svg>\n";
183
+
170
184
  var plus = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/>\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/>\n</svg>\n";
171
185
 
172
186
  var puzzle = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.705.707 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.707-1.704L4.23 8.77a.979.979 0 0 1 .837-.276c.47.07.802.48.968.925a2.501 2.501 0 1 0 3.214-3.214c-.446-.166-.855-.497-.925-.968a.979.979 0 0 1 .276-.837l1.627-1.627a2.404 2.404 0 0 1 3.409 0l1.568 1.568c.219.22.556.328.878.29.493-.075.84-.505 1.02-.969a2.5 2.5 0 1 1 3.237 3.237c-.464.18-.894.527-.968 1.02z\"/>\n</svg>\n";
@@ -183,12 +197,16 @@ var settings = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"
183
197
 
184
198
  var shield = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"/>\n</svg>\n";
185
199
 
200
+ var smartphone = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"2\" ry=\"2\"/>\n <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"/>\n</svg>\n";
201
+
186
202
  var star = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"/>\n</svg>\n";
187
203
 
188
204
  var sun = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"5\"/>\n <path d=\"M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42\"/>\n</svg>\n";
189
205
 
190
206
  var swap = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"16 3 21 3 21 8\"/>\n <line x1=\"4\" y1=\"20\" x2=\"21\" y2=\"3\"/>\n <polyline points=\"21 16 21 21 16 21\"/>\n <line x1=\"15\" y1=\"15\" x2=\"21\" y2=\"21\"/>\n <line x1=\"4\" y1=\"4\" x2=\"9\" y2=\"9\"/>\n</svg>\n";
191
207
 
208
+ var tablet = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\" ry=\"2\"/>\n <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"/>\n</svg>\n";
209
+
192
210
  var upload = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/>\n <polyline points=\"17 8 12 3 7 8\"/>\n <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"/>\n</svg>\n";
193
211
 
194
212
  var user = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/>\n <circle cx=\"12\" cy=\"7\" r=\"4\"/>\n</svg>\n";
@@ -219,6 +237,8 @@ registerIcons({
219
237
  campfire,
220
238
  chart,
221
239
  checkmark: checkmark$1,
240
+ "circle-exclamation": circleExclamation,
241
+ "circle-info": circleInfo,
222
242
  "chevron-down": chevronDown$1,
223
243
  "chevron-left": chevronLeft,
224
244
  "chevron-right": chevronRight$1,
@@ -256,6 +276,9 @@ registerIcons({
256
276
  discord,
257
277
  download,
258
278
  "expand-right": expandRight$1,
279
+ "face-frown": faceFrown,
280
+ "face-neutral": faceNeutral,
281
+ "face-smile": faceSmile,
259
282
  features,
260
283
  figma,
261
284
  filter,
@@ -274,8 +297,10 @@ registerIcons({
274
297
  logo,
275
298
  mail,
276
299
  menu: menu$1,
300
+ monitor,
277
301
  moon,
278
302
  palette,
303
+ "paper-airplane": paperAirplane,
279
304
  plus,
280
305
  puzzle,
281
306
  "right-from-bracket": rightFromBracket,
@@ -284,9 +309,11 @@ registerIcons({
284
309
  search,
285
310
  settings,
286
311
  shield,
312
+ smartphone,
287
313
  star,
288
314
  sun,
289
315
  swap,
316
+ tablet,
290
317
  upload,
291
318
  user,
292
319
  users,
@@ -1012,7 +1039,7 @@ class YumeIcon extends HTMLElement {
1012
1039
  this.setAttribute("name", val);
1013
1040
  }
1014
1041
 
1015
- /** Icon size: "small" | "medium" | "large" (default "medium"). */
1042
+ /** Icon size: "x-small" | "small" | "medium" | "large" | "x-large" (default "medium"). */
1016
1043
  get size() {
1017
1044
  return this.getAttribute("size") || "medium";
1018
1045
  }
package/dist/react.d.ts CHANGED
@@ -90,7 +90,7 @@ declare module "react" {
90
90
  }>;
91
91
  "y-icon": El<{
92
92
  name?: string;
93
- size?: "small" | "medium" | "large";
93
+ size?: "x-small" | "small" | "medium" | "large" | "x-large";
94
94
  color?: string;
95
95
  label?: string;
96
96
  weight?: "thin" | "regular" | "thick";