@mirohq/design-system-icons 1.16.0 → 1.18.0-react-19.0
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/dist/main.js +139 -0
- package/dist/main.js.map +1 -1
- package/dist/module.js +135 -1
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +11 -1
- package/package.json +7 -7
- package/react/activity-sparkle.tsx +34 -0
- package/react/circle-sparkles.tsx +36 -0
- package/react/flask-sparkle.tsx +34 -0
- package/react/image-sparkle.tsx +36 -0
- package/react/index.ts +5 -0
- package/react/shape-sparkle.tsx +34 -0
- package/svg/24/activity-sparkle.svg +2 -0
- package/svg/24/circle-sparkles.svg +2 -0
- package/svg/24/flask-sparkle.svg +2 -0
- package/svg/24/image-sparkle.svg +2 -0
- package/svg/24/shape-sparkle.svg +2 -0
- package/svg/meta.json +65 -0
package/dist/main.js
CHANGED
|
@@ -26,6 +26,32 @@ const StyledIcon = designSystemStitches.styled(designSystemPrimitive.Primitive.s
|
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
28
|
|
|
29
|
+
const IconActivitySparkle = react.forwardRef(
|
|
30
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
31
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
32
|
+
return react.createElement(
|
|
33
|
+
StyledIcon,
|
|
34
|
+
{
|
|
35
|
+
...props,
|
|
36
|
+
debug,
|
|
37
|
+
"aria-hidden": true,
|
|
38
|
+
size,
|
|
39
|
+
viewBox: "0 0 24 24",
|
|
40
|
+
fill: "none",
|
|
41
|
+
ref: forwardRef2
|
|
42
|
+
},
|
|
43
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
44
|
+
"path",
|
|
45
|
+
{
|
|
46
|
+
fill: "currentColor",
|
|
47
|
+
d: "M16.74 2.59c.187-.786 1.334-.788 1.521 0l.015.082.024.148a3.603 3.603 0 0 0 3.027 2.904c.895.128.9 1.423 0 1.552a3.602 3.602 0 0 0-3.05 3.052c-.13.899-1.425.894-1.553 0a3.602 3.602 0 0 0-3.052-3.052c-.897-.13-.895-1.423 0-1.552l.148-.025a3.602 3.602 0 0 0 2.904-3.027l.015-.081ZM12 4a8 8 0 0 0-6.953 11.959l.137.23.103.822-.764 2.457 2.431-.77.83.103.282.167A7.965 7.965 0 0 0 12 20a8 8 0 0 0 7.936-7h2.014c-.502 5.053-4.765 9-9.95 9a9.973 9.973 0 0 1-4.864-1.263l-3.833 1.216-1.258-1.25 1.201-3.867A9.958 9.958 0 0 1 2 12C2 6.477 6.477 2 12 2v2Zm-.08 8.923.616-1.232.09-.151a1.25 1.25 0 0 1 1.028-.54H15l-.882 2-1.223 2.447-1.752.068L9 11.943l-.643 1.072-1.714-1.03 1.5-2.5h1.714l2.063 3.438Z"
|
|
48
|
+
}
|
|
49
|
+
)
|
|
50
|
+
);
|
|
51
|
+
}
|
|
52
|
+
);
|
|
53
|
+
IconActivitySparkle[designSystemBaseIcon.iconSymbol] = true;
|
|
54
|
+
|
|
29
55
|
const IconActivity = react.forwardRef(
|
|
30
56
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
31
57
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -3634,6 +3660,34 @@ const IconCircleSlash = react.forwardRef(
|
|
|
3634
3660
|
);
|
|
3635
3661
|
IconCircleSlash[designSystemBaseIcon.iconSymbol] = true;
|
|
3636
3662
|
|
|
3663
|
+
const IconCircleSparkles = react.forwardRef(
|
|
3664
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
3665
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
3666
|
+
return react.createElement(
|
|
3667
|
+
StyledIcon,
|
|
3668
|
+
{
|
|
3669
|
+
...props,
|
|
3670
|
+
debug,
|
|
3671
|
+
"aria-hidden": true,
|
|
3672
|
+
size,
|
|
3673
|
+
viewBox: "0 0 24 24",
|
|
3674
|
+
fill: "none",
|
|
3675
|
+
ref: forwardRef2
|
|
3676
|
+
},
|
|
3677
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3678
|
+
"path",
|
|
3679
|
+
{
|
|
3680
|
+
fill: "currentColor",
|
|
3681
|
+
fillRule: "evenodd",
|
|
3682
|
+
d: "M8.75 14c0 .69.56 1.25 1.25 1.25v.5c-.69 0-1.25.56-1.25 1.25h-.5c0-.69-.56-1.25-1.25-1.25v-.5c.69 0 1.25-.56 1.25-1.25h.5Zm2.589-5.396c.163-.684 1.16-.686 1.322 0l.013.07.021.128a3.13 3.13 0 0 0 2.63 2.523c.777.112.781 1.237 0 1.35a3.13 3.13 0 0 0-2.65 2.65c-.113.781-1.238.777-1.35 0a3.13 3.13 0 0 0-2.65-2.65c-.78-.113-.779-1.238 0-1.35l.127-.02a3.13 3.13 0 0 0 2.523-2.63l.014-.071ZM15.75 7c0 .69.56 1.25 1.25 1.25v.5c-.69 0-1.25.56-1.25 1.25h-.5c0-.69-.56-1.25-1.25-1.25v-.5c.69 0 1.25-.56 1.25-1.25h.5ZM12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Z",
|
|
3683
|
+
clipRule: "evenodd"
|
|
3684
|
+
}
|
|
3685
|
+
)
|
|
3686
|
+
);
|
|
3687
|
+
}
|
|
3688
|
+
);
|
|
3689
|
+
IconCircleSparkles[designSystemBaseIcon.iconSymbol] = true;
|
|
3690
|
+
|
|
3637
3691
|
const IconCircleTarget = react.forwardRef(
|
|
3638
3692
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
3639
3693
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -6010,6 +6064,32 @@ const IconFlag = react.forwardRef(
|
|
|
6010
6064
|
);
|
|
6011
6065
|
IconFlag[designSystemBaseIcon.iconSymbol] = true;
|
|
6012
6066
|
|
|
6067
|
+
const IconFlaskSparkle = react.forwardRef(
|
|
6068
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
6069
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
6070
|
+
return react.createElement(
|
|
6071
|
+
StyledIcon,
|
|
6072
|
+
{
|
|
6073
|
+
...props,
|
|
6074
|
+
debug,
|
|
6075
|
+
"aria-hidden": true,
|
|
6076
|
+
size,
|
|
6077
|
+
viewBox: "0 0 24 24",
|
|
6078
|
+
fill: "none",
|
|
6079
|
+
ref: forwardRef2
|
|
6080
|
+
},
|
|
6081
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6082
|
+
"path",
|
|
6083
|
+
{
|
|
6084
|
+
fill: "currentColor",
|
|
6085
|
+
d: "M14 6.837V5l.105-.447.276-.553H9.618l.276.553L10 5v1.973a9 9 0 0 1-.96 4.044c1.872.06 2.795.286 3.703.513.724.181 1.437.36 2.829.434l-.346-.592A9.001 9.001 0 0 1 14 6.837ZM5.377 17.785A1.5 1.5 0 0 0 6.698 20h10.949a1.5 1.5 0 0 0 1.296-2.256l-2.187-3.748c-2.423-.016-3.471-.27-4.499-.526-.938-.235-1.855-.47-4.256-.47v-.056l-2.623 4.841ZM16 6.837c0 1.24.33 2.457.955 3.527l3.716 6.372C22.032 19.07 20.348 22 17.647 22H6.697c-2.651 0-4.34-2.835-3.077-5.167l3.535-6.526A7 7 0 0 0 8 6.973V5.236l-.895-1.789L8 2h8l.894 1.447L16 5.237v1.6Zm-4 9.705A1.46 1.46 0 0 0 10.541 18H9.96a1.46 1.46 0 0 0-1.46-1.458v-.584c.805 0 1.458-.653 1.458-1.458h.583A1.46 1.46 0 0 0 12 15.958v.584Zm4 1.625a.834.834 0 0 0-.834.833h-.332a.834.834 0 0 0-.834-.833v-.334c.46 0 .833-.373.833-.833h.333c0 .46.374.833.834.833v.334Z"
|
|
6086
|
+
}
|
|
6087
|
+
)
|
|
6088
|
+
);
|
|
6089
|
+
}
|
|
6090
|
+
);
|
|
6091
|
+
IconFlaskSparkle[designSystemBaseIcon.iconSymbol] = true;
|
|
6092
|
+
|
|
6013
6093
|
const IconFlipCard = react.forwardRef(
|
|
6014
6094
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
6015
6095
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -6914,6 +6994,34 @@ const IconHouse = react.forwardRef(
|
|
|
6914
6994
|
);
|
|
6915
6995
|
IconHouse[designSystemBaseIcon.iconSymbol] = true;
|
|
6916
6996
|
|
|
6997
|
+
const IconImageSparkle = react.forwardRef(
|
|
6998
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
6999
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
7000
|
+
return react.createElement(
|
|
7001
|
+
StyledIcon,
|
|
7002
|
+
{
|
|
7003
|
+
...props,
|
|
7004
|
+
debug,
|
|
7005
|
+
"aria-hidden": true,
|
|
7006
|
+
size,
|
|
7007
|
+
viewBox: "0 0 24 24",
|
|
7008
|
+
fill: "none",
|
|
7009
|
+
ref: forwardRef2
|
|
7010
|
+
},
|
|
7011
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7012
|
+
"path",
|
|
7013
|
+
{
|
|
7014
|
+
fill: "currentColor",
|
|
7015
|
+
fillRule: "evenodd",
|
|
7016
|
+
d: "M12 2v2H5a1 1 0 0 0-1 1v9.148l2.219-2.773L7 11h2l.747.336L17.448 20H19a1 1 0 0 0 1-1v-7h2v7a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h7ZM4 17.352V19a1 1 0 0 0 1 1h9.773l-6.221-7h-1.07L4 17.352ZM15.79 3.599c.19-.798 1.353-.8 1.543 0l.015.083.025.149a3.651 3.651 0 0 0 3.068 2.943c.906.13.911 1.443 0 1.574a3.651 3.651 0 0 0-3.093 3.093c-.131.911-1.443.906-1.574 0a3.651 3.651 0 0 0-3.092-3.093c-.91-.131-.908-1.443 0-1.574l.149-.024a3.652 3.652 0 0 0 2.943-3.068l.016-.083Z",
|
|
7017
|
+
clipRule: "evenodd"
|
|
7018
|
+
}
|
|
7019
|
+
)
|
|
7020
|
+
);
|
|
7021
|
+
}
|
|
7022
|
+
);
|
|
7023
|
+
IconImageSparkle[designSystemBaseIcon.iconSymbol] = true;
|
|
7024
|
+
|
|
6917
7025
|
const IconImage = react.forwardRef(
|
|
6918
7026
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
6919
7027
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -11520,6 +11628,32 @@ const IconShadow = react.forwardRef(
|
|
|
11520
11628
|
);
|
|
11521
11629
|
IconShadow[designSystemBaseIcon.iconSymbol] = true;
|
|
11522
11630
|
|
|
11631
|
+
const IconShapeSparkle = react.forwardRef(
|
|
11632
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
11633
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
11634
|
+
return react.createElement(
|
|
11635
|
+
StyledIcon,
|
|
11636
|
+
{
|
|
11637
|
+
...props,
|
|
11638
|
+
debug,
|
|
11639
|
+
"aria-hidden": true,
|
|
11640
|
+
size,
|
|
11641
|
+
viewBox: "0 0 24 24",
|
|
11642
|
+
fill: "none",
|
|
11643
|
+
ref: forwardRef2
|
|
11644
|
+
},
|
|
11645
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
11646
|
+
"path",
|
|
11647
|
+
{
|
|
11648
|
+
fill: "currentColor",
|
|
11649
|
+
d: "M13 4H5a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-8h2v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h8v2Zm-5.257 9.144c.125-.525.89-.526 1.014 0l.01.054.017.098a2.402 2.402 0 0 0 2.018 1.936c.596.086.599.95 0 1.036a2.401 2.401 0 0 0-2.034 2.034c-.087.599-.95.596-1.036 0a2.402 2.402 0 0 0-2.034-2.034c-.598-.087-.597-.95 0-1.036l.098-.016a2.402 2.402 0 0 0 1.936-2.018l.01-.054Zm9.479-10.498a2.206 2.206 0 0 1 3.12 0l1.012 1.012a2.206 2.206 0 0 1 0 3.12l-6.705 6.705-3.616.517L10 12.967l.517-3.616 6.705-6.705Zm-4.82 7.648-.218 1.521 1.521-.217 3.74-3.74-1.304-1.303-3.74 3.739Zm6.526-6.233a.207.207 0 0 0-.292 0l-1.081 1.08 1.303 1.303 1.081-1.08a.207.207 0 0 0 0-.292l-1.011-1.011Z"
|
|
11650
|
+
}
|
|
11651
|
+
)
|
|
11652
|
+
);
|
|
11653
|
+
}
|
|
11654
|
+
);
|
|
11655
|
+
IconShapeSparkle[designSystemBaseIcon.iconSymbol] = true;
|
|
11656
|
+
|
|
11523
11657
|
const IconShapesLinesStacked = react.forwardRef(
|
|
11524
11658
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
11525
11659
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -15919,6 +16053,7 @@ const IconWifi = react.forwardRef(
|
|
|
15919
16053
|
IconWifi[designSystemBaseIcon.iconSymbol] = true;
|
|
15920
16054
|
|
|
15921
16055
|
exports.IconActivity = IconActivity;
|
|
16056
|
+
exports.IconActivitySparkle = IconActivitySparkle;
|
|
15922
16057
|
exports.IconAddLineBottom = IconAddLineBottom;
|
|
15923
16058
|
exports.IconAddLineLeft = IconAddLineLeft;
|
|
15924
16059
|
exports.IconAddLineRight = IconAddLineRight;
|
|
@@ -16056,6 +16191,7 @@ exports.IconCircleHalfFill = IconCircleHalfFill;
|
|
|
16056
16191
|
exports.IconCircleMotionX = IconCircleMotionX;
|
|
16057
16192
|
exports.IconCircleNotch = IconCircleNotch;
|
|
16058
16193
|
exports.IconCircleSlash = IconCircleSlash;
|
|
16194
|
+
exports.IconCircleSparkles = IconCircleSparkles;
|
|
16059
16195
|
exports.IconCircleTarget = IconCircleTarget;
|
|
16060
16196
|
exports.IconCirclesConnected = IconCirclesConnected;
|
|
16061
16197
|
exports.IconClock = IconClock;
|
|
@@ -16144,6 +16280,7 @@ exports.IconFileSpreadsheet = IconFileSpreadsheet;
|
|
|
16144
16280
|
exports.IconFilledBottomBox = IconFilledBottomBox;
|
|
16145
16281
|
exports.IconFilledTopBox = IconFilledTopBox;
|
|
16146
16282
|
exports.IconFlag = IconFlag;
|
|
16283
|
+
exports.IconFlaskSparkle = IconFlaskSparkle;
|
|
16147
16284
|
exports.IconFlip = IconFlip;
|
|
16148
16285
|
exports.IconFlipCard = IconFlipCard;
|
|
16149
16286
|
exports.IconFolder = IconFolder;
|
|
@@ -16179,6 +16316,7 @@ exports.IconHighlighterUnderline = IconHighlighterUnderline;
|
|
|
16179
16316
|
exports.IconHorizontalBlocks = IconHorizontalBlocks;
|
|
16180
16317
|
exports.IconHouse = IconHouse;
|
|
16181
16318
|
exports.IconImage = IconImage;
|
|
16319
|
+
exports.IconImageSparkle = IconImageSparkle;
|
|
16182
16320
|
exports.IconIndentLeft = IconIndentLeft;
|
|
16183
16321
|
exports.IconIndentRight = IconIndentRight;
|
|
16184
16322
|
exports.IconInformationMarkCircle = IconInformationMarkCircle;
|
|
@@ -16352,6 +16490,7 @@ exports.IconScrollbarXy = IconScrollbarXy;
|
|
|
16352
16490
|
exports.IconSelect = IconSelect;
|
|
16353
16491
|
exports.IconSentiment = IconSentiment;
|
|
16354
16492
|
exports.IconShadow = IconShadow;
|
|
16493
|
+
exports.IconShapeSparkle = IconShapeSparkle;
|
|
16355
16494
|
exports.IconShapes = IconShapes;
|
|
16356
16495
|
exports.IconShapesLines = IconShapesLines;
|
|
16357
16496
|
exports.IconShapesLinesStacked = IconShapesLinesStacked;
|