wiggle-icons 1.0.3 → 1.0.4
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.
- package/README.md +3 -0
- package/dist/index.d.mts +7 -1
- package/dist/index.d.ts +7 -1
- package/dist/index.js +184 -1
- package/dist/index.mjs +183 -0
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -76,6 +76,9 @@ standard SVG prop like `className`, `id`, `onClick`, `style` etc:
|
|
|
76
76
|
| Truck | `TruckIcon` |
|
|
77
77
|
| Phone X Mark | `PhoneXMarkIcon` |
|
|
78
78
|
| Arrow Trending Down | `ArrowTrendingDownIcon` |
|
|
79
|
+
| Adjustments Vertical | `AdjustmentsVerticalIcon` |
|
|
80
|
+
| Archive Box X Mark | `ArchiveBoxXMarkIcon` |
|
|
81
|
+
| Arrow Turn Left Down | `ArrowTurnLeftDownIcon` |
|
|
79
82
|
|
|
80
83
|
## License
|
|
81
84
|
|
package/dist/index.d.mts
CHANGED
|
@@ -53,4 +53,10 @@ declare const PhoneXMarkIcon: ({ size, color, badge, badgeColor, badgeFont, badg
|
|
|
53
53
|
|
|
54
54
|
declare const ArrowTrendingDownIcon: ({ size, color, badge, badgeColor, badgeFont, badgeFontColor, ...rest }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
55
55
|
|
|
56
|
-
|
|
56
|
+
declare const AdjustmentsVerticalIcon: ({ size, color, ...rest }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
57
|
+
|
|
58
|
+
declare const ArchiveBoxXMarkIcon: ({ size, color, ...rest }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
59
|
+
|
|
60
|
+
declare const ArrowTurnLeftDownIcon: ({ size, color, ...rest }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
61
|
+
|
|
62
|
+
export { AdjustmentsVerticalIcon, ArchiveBoxXMarkIcon, ArrowPointingInIcon, ArrowPointingOutIcon, ArrowRightLeftIcon, ArrowTrendingDownIcon, ArrowTurnLeftDownIcon, AtSignIcon, BugAntIcon, ChartIcon, ChatBubbleLeftEllipsisIcon, ChevronDoubleLeftIcon, CursorArrowRaysIcon, FaceFrownIcon, FaceSmileIcon, HomeIcon, type IconProps, LockOpenIcon, PaperPlaneIcon, PhoneXMarkIcon, RefreshIcon, RocketLaunchIcon, ScissorIcon, ShoppingBag, ShoppingCartIcon, SpeakerIcon };
|
package/dist/index.d.ts
CHANGED
|
@@ -53,4 +53,10 @@ declare const PhoneXMarkIcon: ({ size, color, badge, badgeColor, badgeFont, badg
|
|
|
53
53
|
|
|
54
54
|
declare const ArrowTrendingDownIcon: ({ size, color, badge, badgeColor, badgeFont, badgeFontColor, ...rest }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
55
55
|
|
|
56
|
-
|
|
56
|
+
declare const AdjustmentsVerticalIcon: ({ size, color, ...rest }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
57
|
+
|
|
58
|
+
declare const ArchiveBoxXMarkIcon: ({ size, color, ...rest }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
59
|
+
|
|
60
|
+
declare const ArrowTurnLeftDownIcon: ({ size, color, ...rest }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
61
|
+
|
|
62
|
+
export { AdjustmentsVerticalIcon, ArchiveBoxXMarkIcon, ArrowPointingInIcon, ArrowPointingOutIcon, ArrowRightLeftIcon, ArrowTrendingDownIcon, ArrowTurnLeftDownIcon, AtSignIcon, BugAntIcon, ChartIcon, ChatBubbleLeftEllipsisIcon, ChevronDoubleLeftIcon, CursorArrowRaysIcon, FaceFrownIcon, FaceSmileIcon, HomeIcon, type IconProps, LockOpenIcon, PaperPlaneIcon, PhoneXMarkIcon, RefreshIcon, RocketLaunchIcon, ScissorIcon, ShoppingBag, ShoppingCartIcon, SpeakerIcon };
|
package/dist/index.js
CHANGED
|
@@ -86,6 +86,12 @@ styleInject("@keyframes shake {\n 0% {\n transform: rotate(0deg);\n }\n 15
|
|
|
86
86
|
// src/icons/arrow-trending-down-icon/arrow-trending-down-icon.css
|
|
87
87
|
styleInject("@keyframes draw {\n from {\n stroke-dashoffset: 50;\n }\n to {\n stroke-dashoffset: 0;\n }\n}\n.arrow-trending-down-icon .arrow-path {\n stroke-dasharray: 50;\n stroke-dashoffset: 0;\n transition: stroke-dashoffset 0s;\n}\n.arrow-trending-down-icon:hover .arrow-path {\n stroke-dashoffset: 50;\n animation: draw 0.6s ease forwards;\n}\n");
|
|
88
88
|
|
|
89
|
+
// src/icons/adjustment-vertical-icon/adjustment-vertical-icon.css
|
|
90
|
+
styleInject("@keyframes slideDown {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(6px);\n }\n}\n@keyframes slideUp {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-6px);\n }\n}\n.adj-knob-left,\n.adj-knob-middle,\n.adj-knob-right {\n animation: none;\n}\n.adjustments-vertical-icon:hover .adj-knob-left {\n animation: slideDown 2s ease-in-out infinite;\n}\n.adjustments-vertical-icon:hover .adj-knob-middle {\n animation: slideUp 2s ease-in-out infinite;\n}\n.adjustments-vertical-icon:hover .adj-knob-right {\n animation: slideDown 2s ease-in-out infinite;\n}\n");
|
|
91
|
+
|
|
92
|
+
// src/icons/archive-box-icon/archive-box-icon.css
|
|
93
|
+
styleInject("@keyframes drawFirstLine {\n 0% {\n stroke-dashoffset: 20;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n@keyframes drawSecondLine {\n 0% {\n stroke-dashoffset: 20;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n.x-mark {\n stroke-dasharray: 20;\n stroke-dashoffset: 0;\n}\n.archive-box-x-mark-icon:hover .x-mark:nth-child(3) {\n animation: drawFirstLine 0.3s ease-out forwards;\n}\n.archive-box-x-mark-icon:hover .x-mark:nth-child(4) {\n stroke-dashoffset: 20;\n animation: drawSecondLine 0.3s ease-out 0.3s forwards;\n}\n");
|
|
94
|
+
|
|
89
95
|
// src/icons/home-icon/home-icon.tsx
|
|
90
96
|
var _jsxruntime = require('react/jsx-runtime');
|
|
91
97
|
var HomeIcon = ({
|
|
@@ -1197,6 +1203,183 @@ var ArrowTrendingDownIcon = ({
|
|
|
1197
1203
|
);
|
|
1198
1204
|
};
|
|
1199
1205
|
|
|
1206
|
+
// src/icons/adjustment-vertical-icon/adjustment-vertical-icon.tsx
|
|
1207
|
+
|
|
1208
|
+
var AdjustmentsVerticalIcon = ({
|
|
1209
|
+
size = 24,
|
|
1210
|
+
color = "currentColor",
|
|
1211
|
+
...rest
|
|
1212
|
+
}) => {
|
|
1213
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
1214
|
+
"svg",
|
|
1215
|
+
{
|
|
1216
|
+
width: size,
|
|
1217
|
+
height: size,
|
|
1218
|
+
viewBox: "0 0 24 24",
|
|
1219
|
+
stroke: color,
|
|
1220
|
+
strokeWidth: 1.5,
|
|
1221
|
+
...rest,
|
|
1222
|
+
className: "adjustments-vertical-icon",
|
|
1223
|
+
style: { cursor: "pointer" },
|
|
1224
|
+
fill: "none",
|
|
1225
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1226
|
+
children: [
|
|
1227
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1228
|
+
"line",
|
|
1229
|
+
{
|
|
1230
|
+
className: "left-track",
|
|
1231
|
+
x1: "6",
|
|
1232
|
+
y1: "3.75",
|
|
1233
|
+
x2: "6",
|
|
1234
|
+
y2: "20.25",
|
|
1235
|
+
strokeLinecap: "round",
|
|
1236
|
+
strokeLinejoin: "round"
|
|
1237
|
+
}
|
|
1238
|
+
),
|
|
1239
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { className: "adj-knob-left", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "6", cy: "13.5", r: "1.5", fill: "white", stroke: color, strokeWidth: 1.5 }) }),
|
|
1240
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1241
|
+
"line",
|
|
1242
|
+
{
|
|
1243
|
+
className: "middle-track",
|
|
1244
|
+
x1: "12",
|
|
1245
|
+
y1: "3.75",
|
|
1246
|
+
x2: "12",
|
|
1247
|
+
y2: "20.25",
|
|
1248
|
+
strokeLinecap: "round",
|
|
1249
|
+
strokeLinejoin: "round"
|
|
1250
|
+
}
|
|
1251
|
+
),
|
|
1252
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { className: "adj-knob-middle", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "12", cy: "7.5", r: "1.5", fill: "white", stroke: color, strokeWidth: 1.5 }) }),
|
|
1253
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1254
|
+
"line",
|
|
1255
|
+
{
|
|
1256
|
+
className: "right-track",
|
|
1257
|
+
x1: "18",
|
|
1258
|
+
y1: "3.75",
|
|
1259
|
+
x2: "18",
|
|
1260
|
+
y2: "20.25",
|
|
1261
|
+
strokeLinecap: "round",
|
|
1262
|
+
strokeLinejoin: "round"
|
|
1263
|
+
}
|
|
1264
|
+
),
|
|
1265
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { className: "adj-knob-right", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "18", cy: "13.5", r: "1.5", fill: "white", stroke: color, strokeWidth: 1.5 }) })
|
|
1266
|
+
]
|
|
1267
|
+
}
|
|
1268
|
+
);
|
|
1269
|
+
};
|
|
1270
|
+
|
|
1271
|
+
// src/icons/archive-box-icon/archive-box-icon.tsx
|
|
1272
|
+
|
|
1273
|
+
var ArchiveBoxXMarkIcon = ({
|
|
1274
|
+
size = 24,
|
|
1275
|
+
color = "currentColor",
|
|
1276
|
+
...rest
|
|
1277
|
+
}) => {
|
|
1278
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
1279
|
+
"svg",
|
|
1280
|
+
{
|
|
1281
|
+
width: size,
|
|
1282
|
+
height: size,
|
|
1283
|
+
viewBox: "0 0 24 24",
|
|
1284
|
+
stroke: color,
|
|
1285
|
+
strokeWidth: 1.5,
|
|
1286
|
+
...rest,
|
|
1287
|
+
className: "archive-box-x-mark-icon",
|
|
1288
|
+
style: { cursor: "pointer" },
|
|
1289
|
+
fill: "none",
|
|
1290
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1291
|
+
children: [
|
|
1292
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1293
|
+
"path",
|
|
1294
|
+
{
|
|
1295
|
+
className: "box-structure",
|
|
1296
|
+
d: "m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5",
|
|
1297
|
+
strokeLinecap: "round",
|
|
1298
|
+
strokeLinejoin: "round"
|
|
1299
|
+
}
|
|
1300
|
+
),
|
|
1301
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1302
|
+
"path",
|
|
1303
|
+
{
|
|
1304
|
+
className: "box-lid",
|
|
1305
|
+
d: "M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z",
|
|
1306
|
+
strokeLinecap: "round",
|
|
1307
|
+
strokeLinejoin: "round"
|
|
1308
|
+
}
|
|
1309
|
+
),
|
|
1310
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1311
|
+
"path",
|
|
1312
|
+
{
|
|
1313
|
+
className: "x-mark",
|
|
1314
|
+
d: "m9.75 11.625 4.5 4.5",
|
|
1315
|
+
strokeLinecap: "round",
|
|
1316
|
+
strokeLinejoin: "round"
|
|
1317
|
+
}
|
|
1318
|
+
),
|
|
1319
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1320
|
+
"path",
|
|
1321
|
+
{
|
|
1322
|
+
className: "x-mark",
|
|
1323
|
+
d: "m14.25 11.625-4.5 4.5",
|
|
1324
|
+
strokeLinecap: "round",
|
|
1325
|
+
strokeLinejoin: "round"
|
|
1326
|
+
}
|
|
1327
|
+
)
|
|
1328
|
+
]
|
|
1329
|
+
}
|
|
1330
|
+
);
|
|
1331
|
+
};
|
|
1332
|
+
|
|
1333
|
+
// src/icons/arrow-turn-left-down-icon/arrow-turn-left-down-icon.css
|
|
1334
|
+
styleInject("@keyframes drawPath {\n 0% {\n stroke-dashoffset: 40;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n.arrow-path {\n stroke-dasharray: 40;\n stroke-dashoffset: 0;\n}\n.arrow-turn-left-down-icon:hover .arrow-path {\n animation: drawPath 0.5s ease-out forwards;\n}\n");
|
|
1335
|
+
|
|
1336
|
+
// src/icons/arrow-turn-left-down-icon/arrow-turn-left-down-icon.tsx
|
|
1337
|
+
|
|
1338
|
+
var ArrowTurnLeftDownIcon = ({
|
|
1339
|
+
size = 24,
|
|
1340
|
+
color = "currentColor",
|
|
1341
|
+
...rest
|
|
1342
|
+
}) => {
|
|
1343
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
1344
|
+
"svg",
|
|
1345
|
+
{
|
|
1346
|
+
width: size,
|
|
1347
|
+
height: size,
|
|
1348
|
+
viewBox: "0 0 24 24",
|
|
1349
|
+
stroke: color,
|
|
1350
|
+
strokeWidth: 1.5,
|
|
1351
|
+
...rest,
|
|
1352
|
+
className: "arrow-turn-left-down-icon",
|
|
1353
|
+
style: { cursor: "pointer" },
|
|
1354
|
+
fill: "none",
|
|
1355
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1356
|
+
children: [
|
|
1357
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1358
|
+
"path",
|
|
1359
|
+
{
|
|
1360
|
+
className: "arrow-head",
|
|
1361
|
+
d: "m11.99 16.5-3.75 3.75m0 0L4.49 16.5",
|
|
1362
|
+
strokeLinecap: "round",
|
|
1363
|
+
strokeLinejoin: "round"
|
|
1364
|
+
}
|
|
1365
|
+
),
|
|
1366
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1367
|
+
"path",
|
|
1368
|
+
{
|
|
1369
|
+
className: "arrow-path",
|
|
1370
|
+
d: "M19.49 3.75H8.24V20.25",
|
|
1371
|
+
strokeLinecap: "round",
|
|
1372
|
+
strokeLinejoin: "round"
|
|
1373
|
+
}
|
|
1374
|
+
)
|
|
1375
|
+
]
|
|
1376
|
+
}
|
|
1377
|
+
);
|
|
1378
|
+
};
|
|
1379
|
+
|
|
1380
|
+
|
|
1381
|
+
|
|
1382
|
+
|
|
1200
1383
|
|
|
1201
1384
|
|
|
1202
1385
|
|
|
@@ -1219,4 +1402,4 @@ var ArrowTrendingDownIcon = ({
|
|
|
1219
1402
|
|
|
1220
1403
|
|
|
1221
1404
|
|
|
1222
|
-
exports.ArrowPointingInIcon = ArrowPointingInIcon; exports.ArrowPointingOutIcon = ArrowPointingOutIcon; exports.ArrowRightLeftIcon = ArrowRightLeftIcon; exports.ArrowTrendingDownIcon = ArrowTrendingDownIcon; exports.AtSignIcon = AtSignIcon; exports.BugAntIcon = BugAntIcon; exports.ChartIcon = ChartIcon; exports.ChatBubbleLeftEllipsisIcon = ChatBubbleLeftEllipsisIcon; exports.ChevronDoubleLeftIcon = ChevronDoubleLeftIcon; exports.CursorArrowRaysIcon = CursorArrowRaysIcon; exports.FaceFrownIcon = FaceFrownIcon; exports.FaceSmileIcon = FaceSmileIcon; exports.HomeIcon = HomeIcon; exports.LockOpenIcon = LockOpenIcon; exports.PaperPlaneIcon = PaperPlaneIcon; exports.PhoneXMarkIcon = PhoneXMarkIcon; exports.RefreshIcon = RefreshIcon; exports.RocketLaunchIcon = RocketLaunchIcon; exports.ScissorIcon = ScissorIcon; exports.ShoppingBag = ShoppingBag; exports.ShoppingCartIcon = ShoppingCartIcon; exports.SpeakerIcon = SpeakerIcon;
|
|
1405
|
+
exports.AdjustmentsVerticalIcon = AdjustmentsVerticalIcon; exports.ArchiveBoxXMarkIcon = ArchiveBoxXMarkIcon; exports.ArrowPointingInIcon = ArrowPointingInIcon; exports.ArrowPointingOutIcon = ArrowPointingOutIcon; exports.ArrowRightLeftIcon = ArrowRightLeftIcon; exports.ArrowTrendingDownIcon = ArrowTrendingDownIcon; exports.ArrowTurnLeftDownIcon = ArrowTurnLeftDownIcon; exports.AtSignIcon = AtSignIcon; exports.BugAntIcon = BugAntIcon; exports.ChartIcon = ChartIcon; exports.ChatBubbleLeftEllipsisIcon = ChatBubbleLeftEllipsisIcon; exports.ChevronDoubleLeftIcon = ChevronDoubleLeftIcon; exports.CursorArrowRaysIcon = CursorArrowRaysIcon; exports.FaceFrownIcon = FaceFrownIcon; exports.FaceSmileIcon = FaceSmileIcon; exports.HomeIcon = HomeIcon; exports.LockOpenIcon = LockOpenIcon; exports.PaperPlaneIcon = PaperPlaneIcon; exports.PhoneXMarkIcon = PhoneXMarkIcon; exports.RefreshIcon = RefreshIcon; exports.RocketLaunchIcon = RocketLaunchIcon; exports.ScissorIcon = ScissorIcon; exports.ShoppingBag = ShoppingBag; exports.ShoppingCartIcon = ShoppingCartIcon; exports.SpeakerIcon = SpeakerIcon;
|
package/dist/index.mjs
CHANGED
|
@@ -86,6 +86,12 @@ styleInject("@keyframes shake {\n 0% {\n transform: rotate(0deg);\n }\n 15
|
|
|
86
86
|
// src/icons/arrow-trending-down-icon/arrow-trending-down-icon.css
|
|
87
87
|
styleInject("@keyframes draw {\n from {\n stroke-dashoffset: 50;\n }\n to {\n stroke-dashoffset: 0;\n }\n}\n.arrow-trending-down-icon .arrow-path {\n stroke-dasharray: 50;\n stroke-dashoffset: 0;\n transition: stroke-dashoffset 0s;\n}\n.arrow-trending-down-icon:hover .arrow-path {\n stroke-dashoffset: 50;\n animation: draw 0.6s ease forwards;\n}\n");
|
|
88
88
|
|
|
89
|
+
// src/icons/adjustment-vertical-icon/adjustment-vertical-icon.css
|
|
90
|
+
styleInject("@keyframes slideDown {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(6px);\n }\n}\n@keyframes slideUp {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-6px);\n }\n}\n.adj-knob-left,\n.adj-knob-middle,\n.adj-knob-right {\n animation: none;\n}\n.adjustments-vertical-icon:hover .adj-knob-left {\n animation: slideDown 2s ease-in-out infinite;\n}\n.adjustments-vertical-icon:hover .adj-knob-middle {\n animation: slideUp 2s ease-in-out infinite;\n}\n.adjustments-vertical-icon:hover .adj-knob-right {\n animation: slideDown 2s ease-in-out infinite;\n}\n");
|
|
91
|
+
|
|
92
|
+
// src/icons/archive-box-icon/archive-box-icon.css
|
|
93
|
+
styleInject("@keyframes drawFirstLine {\n 0% {\n stroke-dashoffset: 20;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n@keyframes drawSecondLine {\n 0% {\n stroke-dashoffset: 20;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n.x-mark {\n stroke-dasharray: 20;\n stroke-dashoffset: 0;\n}\n.archive-box-x-mark-icon:hover .x-mark:nth-child(3) {\n animation: drawFirstLine 0.3s ease-out forwards;\n}\n.archive-box-x-mark-icon:hover .x-mark:nth-child(4) {\n stroke-dashoffset: 20;\n animation: drawSecondLine 0.3s ease-out 0.3s forwards;\n}\n");
|
|
94
|
+
|
|
89
95
|
// src/icons/home-icon/home-icon.tsx
|
|
90
96
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
91
97
|
var HomeIcon = ({
|
|
@@ -1196,11 +1202,188 @@ var ArrowTrendingDownIcon = ({
|
|
|
1196
1202
|
}
|
|
1197
1203
|
);
|
|
1198
1204
|
};
|
|
1205
|
+
|
|
1206
|
+
// src/icons/adjustment-vertical-icon/adjustment-vertical-icon.tsx
|
|
1207
|
+
import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
1208
|
+
var AdjustmentsVerticalIcon = ({
|
|
1209
|
+
size = 24,
|
|
1210
|
+
color = "currentColor",
|
|
1211
|
+
...rest
|
|
1212
|
+
}) => {
|
|
1213
|
+
return /* @__PURE__ */ jsxs20(
|
|
1214
|
+
"svg",
|
|
1215
|
+
{
|
|
1216
|
+
width: size,
|
|
1217
|
+
height: size,
|
|
1218
|
+
viewBox: "0 0 24 24",
|
|
1219
|
+
stroke: color,
|
|
1220
|
+
strokeWidth: 1.5,
|
|
1221
|
+
...rest,
|
|
1222
|
+
className: "adjustments-vertical-icon",
|
|
1223
|
+
style: { cursor: "pointer" },
|
|
1224
|
+
fill: "none",
|
|
1225
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1226
|
+
children: [
|
|
1227
|
+
/* @__PURE__ */ jsx23(
|
|
1228
|
+
"line",
|
|
1229
|
+
{
|
|
1230
|
+
className: "left-track",
|
|
1231
|
+
x1: "6",
|
|
1232
|
+
y1: "3.75",
|
|
1233
|
+
x2: "6",
|
|
1234
|
+
y2: "20.25",
|
|
1235
|
+
strokeLinecap: "round",
|
|
1236
|
+
strokeLinejoin: "round"
|
|
1237
|
+
}
|
|
1238
|
+
),
|
|
1239
|
+
/* @__PURE__ */ jsx23("g", { className: "adj-knob-left", children: /* @__PURE__ */ jsx23("circle", { cx: "6", cy: "13.5", r: "1.5", fill: "white", stroke: color, strokeWidth: 1.5 }) }),
|
|
1240
|
+
/* @__PURE__ */ jsx23(
|
|
1241
|
+
"line",
|
|
1242
|
+
{
|
|
1243
|
+
className: "middle-track",
|
|
1244
|
+
x1: "12",
|
|
1245
|
+
y1: "3.75",
|
|
1246
|
+
x2: "12",
|
|
1247
|
+
y2: "20.25",
|
|
1248
|
+
strokeLinecap: "round",
|
|
1249
|
+
strokeLinejoin: "round"
|
|
1250
|
+
}
|
|
1251
|
+
),
|
|
1252
|
+
/* @__PURE__ */ jsx23("g", { className: "adj-knob-middle", children: /* @__PURE__ */ jsx23("circle", { cx: "12", cy: "7.5", r: "1.5", fill: "white", stroke: color, strokeWidth: 1.5 }) }),
|
|
1253
|
+
/* @__PURE__ */ jsx23(
|
|
1254
|
+
"line",
|
|
1255
|
+
{
|
|
1256
|
+
className: "right-track",
|
|
1257
|
+
x1: "18",
|
|
1258
|
+
y1: "3.75",
|
|
1259
|
+
x2: "18",
|
|
1260
|
+
y2: "20.25",
|
|
1261
|
+
strokeLinecap: "round",
|
|
1262
|
+
strokeLinejoin: "round"
|
|
1263
|
+
}
|
|
1264
|
+
),
|
|
1265
|
+
/* @__PURE__ */ jsx23("g", { className: "adj-knob-right", children: /* @__PURE__ */ jsx23("circle", { cx: "18", cy: "13.5", r: "1.5", fill: "white", stroke: color, strokeWidth: 1.5 }) })
|
|
1266
|
+
]
|
|
1267
|
+
}
|
|
1268
|
+
);
|
|
1269
|
+
};
|
|
1270
|
+
|
|
1271
|
+
// src/icons/archive-box-icon/archive-box-icon.tsx
|
|
1272
|
+
import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
1273
|
+
var ArchiveBoxXMarkIcon = ({
|
|
1274
|
+
size = 24,
|
|
1275
|
+
color = "currentColor",
|
|
1276
|
+
...rest
|
|
1277
|
+
}) => {
|
|
1278
|
+
return /* @__PURE__ */ jsxs21(
|
|
1279
|
+
"svg",
|
|
1280
|
+
{
|
|
1281
|
+
width: size,
|
|
1282
|
+
height: size,
|
|
1283
|
+
viewBox: "0 0 24 24",
|
|
1284
|
+
stroke: color,
|
|
1285
|
+
strokeWidth: 1.5,
|
|
1286
|
+
...rest,
|
|
1287
|
+
className: "archive-box-x-mark-icon",
|
|
1288
|
+
style: { cursor: "pointer" },
|
|
1289
|
+
fill: "none",
|
|
1290
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1291
|
+
children: [
|
|
1292
|
+
/* @__PURE__ */ jsx24(
|
|
1293
|
+
"path",
|
|
1294
|
+
{
|
|
1295
|
+
className: "box-structure",
|
|
1296
|
+
d: "m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5",
|
|
1297
|
+
strokeLinecap: "round",
|
|
1298
|
+
strokeLinejoin: "round"
|
|
1299
|
+
}
|
|
1300
|
+
),
|
|
1301
|
+
/* @__PURE__ */ jsx24(
|
|
1302
|
+
"path",
|
|
1303
|
+
{
|
|
1304
|
+
className: "box-lid",
|
|
1305
|
+
d: "M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z",
|
|
1306
|
+
strokeLinecap: "round",
|
|
1307
|
+
strokeLinejoin: "round"
|
|
1308
|
+
}
|
|
1309
|
+
),
|
|
1310
|
+
/* @__PURE__ */ jsx24(
|
|
1311
|
+
"path",
|
|
1312
|
+
{
|
|
1313
|
+
className: "x-mark",
|
|
1314
|
+
d: "m9.75 11.625 4.5 4.5",
|
|
1315
|
+
strokeLinecap: "round",
|
|
1316
|
+
strokeLinejoin: "round"
|
|
1317
|
+
}
|
|
1318
|
+
),
|
|
1319
|
+
/* @__PURE__ */ jsx24(
|
|
1320
|
+
"path",
|
|
1321
|
+
{
|
|
1322
|
+
className: "x-mark",
|
|
1323
|
+
d: "m14.25 11.625-4.5 4.5",
|
|
1324
|
+
strokeLinecap: "round",
|
|
1325
|
+
strokeLinejoin: "round"
|
|
1326
|
+
}
|
|
1327
|
+
)
|
|
1328
|
+
]
|
|
1329
|
+
}
|
|
1330
|
+
);
|
|
1331
|
+
};
|
|
1332
|
+
|
|
1333
|
+
// src/icons/arrow-turn-left-down-icon/arrow-turn-left-down-icon.css
|
|
1334
|
+
styleInject("@keyframes drawPath {\n 0% {\n stroke-dashoffset: 40;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n.arrow-path {\n stroke-dasharray: 40;\n stroke-dashoffset: 0;\n}\n.arrow-turn-left-down-icon:hover .arrow-path {\n animation: drawPath 0.5s ease-out forwards;\n}\n");
|
|
1335
|
+
|
|
1336
|
+
// src/icons/arrow-turn-left-down-icon/arrow-turn-left-down-icon.tsx
|
|
1337
|
+
import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
1338
|
+
var ArrowTurnLeftDownIcon = ({
|
|
1339
|
+
size = 24,
|
|
1340
|
+
color = "currentColor",
|
|
1341
|
+
...rest
|
|
1342
|
+
}) => {
|
|
1343
|
+
return /* @__PURE__ */ jsxs22(
|
|
1344
|
+
"svg",
|
|
1345
|
+
{
|
|
1346
|
+
width: size,
|
|
1347
|
+
height: size,
|
|
1348
|
+
viewBox: "0 0 24 24",
|
|
1349
|
+
stroke: color,
|
|
1350
|
+
strokeWidth: 1.5,
|
|
1351
|
+
...rest,
|
|
1352
|
+
className: "arrow-turn-left-down-icon",
|
|
1353
|
+
style: { cursor: "pointer" },
|
|
1354
|
+
fill: "none",
|
|
1355
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1356
|
+
children: [
|
|
1357
|
+
/* @__PURE__ */ jsx25(
|
|
1358
|
+
"path",
|
|
1359
|
+
{
|
|
1360
|
+
className: "arrow-head",
|
|
1361
|
+
d: "m11.99 16.5-3.75 3.75m0 0L4.49 16.5",
|
|
1362
|
+
strokeLinecap: "round",
|
|
1363
|
+
strokeLinejoin: "round"
|
|
1364
|
+
}
|
|
1365
|
+
),
|
|
1366
|
+
/* @__PURE__ */ jsx25(
|
|
1367
|
+
"path",
|
|
1368
|
+
{
|
|
1369
|
+
className: "arrow-path",
|
|
1370
|
+
d: "M19.49 3.75H8.24V20.25",
|
|
1371
|
+
strokeLinecap: "round",
|
|
1372
|
+
strokeLinejoin: "round"
|
|
1373
|
+
}
|
|
1374
|
+
)
|
|
1375
|
+
]
|
|
1376
|
+
}
|
|
1377
|
+
);
|
|
1378
|
+
};
|
|
1199
1379
|
export {
|
|
1380
|
+
AdjustmentsVerticalIcon,
|
|
1381
|
+
ArchiveBoxXMarkIcon,
|
|
1200
1382
|
ArrowPointingInIcon,
|
|
1201
1383
|
ArrowPointingOutIcon,
|
|
1202
1384
|
ArrowRightLeftIcon,
|
|
1203
1385
|
ArrowTrendingDownIcon,
|
|
1386
|
+
ArrowTurnLeftDownIcon,
|
|
1204
1387
|
AtSignIcon,
|
|
1205
1388
|
BugAntIcon,
|
|
1206
1389
|
ChartIcon,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "wiggle-icons",
|
|
3
|
-
|
|
3
|
+
"version": "1.0.4",
|
|
4
4
|
"description": "A collection of animated React SVG icons",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"animated",
|
|
24
24
|
"typescript"
|
|
25
25
|
],
|
|
26
|
-
"author": "
|
|
26
|
+
"author": "Melroy",
|
|
27
27
|
"license": "MIT",
|
|
28
28
|
"peerDependencies": {
|
|
29
29
|
"react": ">=17.0.0"
|