@mirohq/design-system-icons 1.18.0 → 1.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 +43 -41
- package/dist/main.js.map +1 -1
- package/dist/module.js +42 -40
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +4 -4
- package/package.json +4 -4
- package/react/{flask-sparkle.tsx → flask.tsx} +3 -3
- package/react/image.tsx +1 -3
- package/react/index.ts +2 -2
- package/react/megaphone.tsx +1 -1
- package/react/pause.tsx +1 -1
- package/react/play.tsx +4 -1
- package/react/progress-bar.tsx +1 -1
- package/react/qr-code.tsx +34 -0
- package/react/rectangle-portrait-filled.tsx +1 -1
- package/svg/24/{flask-sparkle.svg → flask.svg} +1 -1
- package/svg/24/image.svg +1 -1
- package/svg/24/megaphone.svg +1 -1
- package/svg/24/pause.svg +1 -1
- package/svg/24/play.svg +1 -1
- package/svg/24/progress-bar.svg +1 -1
- package/svg/24/qr-code.svg +2 -0
- package/svg/24/rectangle-portrait-filled.svg +1 -1
- package/svg/meta.json +39 -30
- package/react/circle-sparkles.tsx +0 -36
- package/svg/24/circle-sparkles.svg +0 -2
package/dist/main.js
CHANGED
|
@@ -3660,34 +3660,6 @@ const IconCircleSlash = react.forwardRef(
|
|
|
3660
3660
|
);
|
|
3661
3661
|
IconCircleSlash[designSystemBaseIcon.iconSymbol] = true;
|
|
3662
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
|
-
|
|
3691
3663
|
const IconCircleTarget = react.forwardRef(
|
|
3692
3664
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
3693
3665
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -6064,7 +6036,7 @@ const IconFlag = react.forwardRef(
|
|
|
6064
6036
|
);
|
|
6065
6037
|
IconFlag[designSystemBaseIcon.iconSymbol] = true;
|
|
6066
6038
|
|
|
6067
|
-
const
|
|
6039
|
+
const IconFlask = react.forwardRef(
|
|
6068
6040
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
6069
6041
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
6070
6042
|
return react.createElement(
|
|
@@ -6082,13 +6054,13 @@ const IconFlaskSparkle = react.forwardRef(
|
|
|
6082
6054
|
"path",
|
|
6083
6055
|
{
|
|
6084
6056
|
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.
|
|
6057
|
+
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.6Z"
|
|
6086
6058
|
}
|
|
6087
6059
|
)
|
|
6088
6060
|
);
|
|
6089
6061
|
}
|
|
6090
6062
|
);
|
|
6091
|
-
|
|
6063
|
+
IconFlask[designSystemBaseIcon.iconSymbol] = true;
|
|
6092
6064
|
|
|
6093
6065
|
const IconFlipCard = react.forwardRef(
|
|
6094
6066
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
@@ -7040,9 +7012,7 @@ const IconImage = react.forwardRef(
|
|
|
7040
7012
|
"path",
|
|
7041
7013
|
{
|
|
7042
7014
|
fill: "currentColor",
|
|
7043
|
-
|
|
7044
|
-
d: "M15 6a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm4-6a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h14ZM5 4a1 1 0 0 0-1 1v9.148l2.219-2.773L7 11h2l.747.336L17.448 20H19a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H5ZM4 17.352V19a1 1 0 0 0 1 1h9.773l-6.221-7h-1.07L4 17.352Z",
|
|
7045
|
-
clipRule: "evenodd"
|
|
7015
|
+
d: "M19 6a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6Zm2 12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12Zm-5-9a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm2 0a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-8.429 2 .734.32 7.427 8-1.464 1.36L9.136 13h-.954l-3.414 4.086-1.536-1.283 3.715-4.445.767-.358H9.57Z"
|
|
7046
7016
|
}
|
|
7047
7017
|
)
|
|
7048
7018
|
);
|
|
@@ -8143,7 +8113,7 @@ const IconMegaphone = react.forwardRef(
|
|
|
8143
8113
|
{
|
|
8144
8114
|
fill: "currentColor",
|
|
8145
8115
|
fillRule: "evenodd",
|
|
8146
|
-
d: "
|
|
8116
|
+
d: "m11.71 5.026-4.843.537a5.47 5.47 0 0 0-.002 10.873L7 16.45V21l1 1h4a1 1 0 0 0 1-1v-3.382l4.555 2.279L19 19.002V2.998l-1.447-.894-5.843 2.922ZM11 16.895V20H9v-3.328l2 .223Zm6.002.489L13 15.382V6.617l4.002-2v12.767ZM11 14.882l-3.912-.434a3.47 3.47 0 0 1 0-6.897L11 7.117v7.765ZM21 13h1l1-1v-2l-1-1h-1v4Z",
|
|
8147
8117
|
clipRule: "evenodd"
|
|
8148
8118
|
}
|
|
8149
8119
|
)
|
|
@@ -9366,7 +9336,7 @@ const IconPause = react.forwardRef(
|
|
|
9366
9336
|
fill: "none",
|
|
9367
9337
|
ref: forwardRef2
|
|
9368
9338
|
},
|
|
9369
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", d: "
|
|
9339
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", d: "M10 4v16H6V4h4Zm8 0v16h-4V4h4Z" })
|
|
9370
9340
|
);
|
|
9371
9341
|
}
|
|
9372
9342
|
);
|
|
@@ -9768,7 +9738,13 @@ const IconPlay = react.forwardRef(
|
|
|
9768
9738
|
fill: "none",
|
|
9769
9739
|
ref: forwardRef2
|
|
9770
9740
|
},
|
|
9771
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9741
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9742
|
+
"path",
|
|
9743
|
+
{
|
|
9744
|
+
fill: "currentColor",
|
|
9745
|
+
d: "M7.333 4 19 10.857v2.286L7.333 20 5 18.857V5.143L7.333 4Z"
|
|
9746
|
+
}
|
|
9747
|
+
)
|
|
9772
9748
|
);
|
|
9773
9749
|
}
|
|
9774
9750
|
);
|
|
@@ -10249,7 +10225,7 @@ const IconProgressBar = react.forwardRef(
|
|
|
10249
10225
|
{
|
|
10250
10226
|
fill: "currentColor",
|
|
10251
10227
|
fillRule: "evenodd",
|
|
10252
|
-
d: "m22
|
|
10228
|
+
d: "m22 7 1 1v7l-1 1H2l-1-1V8l1-1h20Zm-12 7h11V9H10v5Z",
|
|
10253
10229
|
clipRule: "evenodd"
|
|
10254
10230
|
}
|
|
10255
10231
|
)
|
|
@@ -10550,6 +10526,32 @@ const IconPushPin = react.forwardRef(
|
|
|
10550
10526
|
);
|
|
10551
10527
|
IconPushPin[designSystemBaseIcon.iconSymbol] = true;
|
|
10552
10528
|
|
|
10529
|
+
const IconQrCode = react.forwardRef(
|
|
10530
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
10531
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
10532
|
+
return react.createElement(
|
|
10533
|
+
StyledIcon,
|
|
10534
|
+
{
|
|
10535
|
+
...props,
|
|
10536
|
+
debug,
|
|
10537
|
+
"aria-hidden": true,
|
|
10538
|
+
size,
|
|
10539
|
+
viewBox: "0 0 24 24",
|
|
10540
|
+
fill: "none",
|
|
10541
|
+
ref: forwardRef2
|
|
10542
|
+
},
|
|
10543
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
10544
|
+
"path",
|
|
10545
|
+
{
|
|
10546
|
+
fill: "currentColor",
|
|
10547
|
+
d: "m10 13 1 1v6l-1 1H4l-1-1v-6l1-1h6Zm-5 6h4v-4H5v4Zm5-16 1 1v6l-1 1H4l-1-1V4l1-1h6ZM5 9h4V5H5v4Zm15-6 1 1v6l-1 1h-6l-1-1V4l1-1h6Zm-5 6h4V5h-4v4Z"
|
|
10548
|
+
}
|
|
10549
|
+
)
|
|
10550
|
+
);
|
|
10551
|
+
}
|
|
10552
|
+
);
|
|
10553
|
+
IconQrCode[designSystemBaseIcon.iconSymbol] = true;
|
|
10554
|
+
|
|
10553
10555
|
const IconQuestionMarkCircle = react.forwardRef(
|
|
10554
10556
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
10555
10557
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -10986,7 +10988,7 @@ const IconRectanglePortraitFilled = react.forwardRef(
|
|
|
10986
10988
|
"path",
|
|
10987
10989
|
{
|
|
10988
10990
|
fill: "currentColor",
|
|
10989
|
-
d: "
|
|
10991
|
+
d: "M4 6.667A2.667 2.667 0 0 1 6.667 4h10.666A2.667 2.667 0 0 1 20 6.667v10.666A2.667 2.667 0 0 1 17.333 20H6.667A2.667 2.667 0 0 1 4 17.333V6.667Z"
|
|
10990
10992
|
}
|
|
10991
10993
|
)
|
|
10992
10994
|
);
|
|
@@ -16191,7 +16193,6 @@ exports.IconCircleHalfFill = IconCircleHalfFill;
|
|
|
16191
16193
|
exports.IconCircleMotionX = IconCircleMotionX;
|
|
16192
16194
|
exports.IconCircleNotch = IconCircleNotch;
|
|
16193
16195
|
exports.IconCircleSlash = IconCircleSlash;
|
|
16194
|
-
exports.IconCircleSparkles = IconCircleSparkles;
|
|
16195
16196
|
exports.IconCircleTarget = IconCircleTarget;
|
|
16196
16197
|
exports.IconCirclesConnected = IconCirclesConnected;
|
|
16197
16198
|
exports.IconClock = IconClock;
|
|
@@ -16280,7 +16281,7 @@ exports.IconFileSpreadsheet = IconFileSpreadsheet;
|
|
|
16280
16281
|
exports.IconFilledBottomBox = IconFilledBottomBox;
|
|
16281
16282
|
exports.IconFilledTopBox = IconFilledTopBox;
|
|
16282
16283
|
exports.IconFlag = IconFlag;
|
|
16283
|
-
exports.
|
|
16284
|
+
exports.IconFlask = IconFlask;
|
|
16284
16285
|
exports.IconFlip = IconFlip;
|
|
16285
16286
|
exports.IconFlipCard = IconFlipCard;
|
|
16286
16287
|
exports.IconFolder = IconFolder;
|
|
@@ -16449,6 +16450,7 @@ exports.IconProtoSlider = IconProtoSlider;
|
|
|
16449
16450
|
exports.IconPrototypeFormat = IconPrototypeFormat;
|
|
16450
16451
|
exports.IconPushPin = IconPushPin;
|
|
16451
16452
|
exports.IconPushPinFilled = IconPushPinFilled;
|
|
16453
|
+
exports.IconQrCode = IconQrCode;
|
|
16452
16454
|
exports.IconQuestionMark = IconQuestionMark;
|
|
16453
16455
|
exports.IconQuestionMarkCircle = IconQuestionMarkCircle;
|
|
16454
16456
|
exports.IconQuotes = IconQuotes;
|