@mirohq/design-system-icons 0.23.3 → 0.24.1
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 +75 -9
- package/dist/main.js.map +1 -1
- package/dist/module.js +74 -10
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +5 -1
- package/package.json +4 -4
- package/react/arrow-up-circle.tsx +1 -1
- package/react/chat-check.tsx +42 -0
- package/react/check-mark.tsx +1 -0
- package/react/circle-slash.tsx +2 -1
- package/react/exclamation-mark-octagon.tsx +34 -0
- package/react/index.ts +2 -0
- package/react/pause-circle.tsx +1 -1
- package/react/play-circle.tsx +1 -1
- package/react/playback-speed-circle.tsx +1 -1
- package/react/prohibit.tsx +1 -1
- package/react/shield-check.tsx +1 -0
- package/react/stop-circle.tsx +1 -1
- package/react/tick-circle.tsx +6 -2
- package/svg/24/arrow-up-circle.svg +1 -1
- package/svg/24/chat-check.svg +2 -0
- package/svg/24/check-mark.svg +1 -1
- package/svg/24/circle-slash.svg +1 -1
- package/svg/24/exclamation-mark-octagon.svg +2 -0
- package/svg/24/pause-circle.svg +1 -1
- package/svg/24/play-circle.svg +1 -1
- package/svg/24/playback-speed-circle.svg +1 -1
- package/svg/24/prohibit.svg +1 -1
- package/svg/24/shield-check.svg +1 -1
- package/svg/24/stop-circle.svg +1 -1
- package/svg/24/tick-circle.svg +1 -1
- package/svg/meta.json +18 -0
package/dist/main.js
CHANGED
|
@@ -697,7 +697,7 @@ const IconArrowUpCircle = React.forwardRef(
|
|
|
697
697
|
clipPath: "url(#a)"
|
|
698
698
|
}, /* @__PURE__ */ React__default["default"].createElement("path", {
|
|
699
699
|
fill: "currentColor",
|
|
700
|
-
d: "M11 17c0 .5523.4477 1 1 1s1-.4477 1-1h-2Zm1-10 .7071-.7071c-.3905-.3905-1.0237-.3905-1.4142 0l.7071.7071Zm3.2929 4.7071c.3905.3905 1.0237.3905 1.4142 0 .3905-.3905.3905-1.0237 0-1.4142l-1.4142 1.4142Zm-8-1.4142c-.3905.3905-.3905 1.0237 0 1.4142.3905.3905 1.0237.3905 1.4142 0l-1.4142-1.4142Zm5.7071 6.7071v-10h-2v10h2Zm-1.7071-9.2929 4 4 1.4142-1.4142-4-4-1.4142 1.4142Zm0-1.4142-4 4 1.4142 1.4142 4-4-1.4142-1.
|
|
700
|
+
d: "M11 17c0 .5523.4477 1 1 1s1-.4477 1-1h-2Zm1-10 .7071-.7071c-.3905-.3905-1.0237-.3905-1.4142 0l.7071.7071Zm3.2929 4.7071c.3905.3905 1.0237.3905 1.4142 0 .3905-.3905.3905-1.0237 0-1.4142l-1.4142 1.4142Zm-8-1.4142c-.3905.3905-.3905 1.0237 0 1.4142.3905.3905 1.0237.3905 1.4142 0l-1.4142-1.4142Zm5.7071 6.7071v-10h-2v10h2Zm-1.7071-9.2929 4 4 1.4142-1.4142-4-4-1.4142 1.4142Zm0-1.4142-4 4 1.4142 1.4142 4-4-1.4142-1.4142Zm8.7071 5.7071c0 4.4183-3.5817 8-8 8v2c5.5228 0 10-4.4772 10-10h-2Zm-8 8c-4.4183 0-8-3.5817-8-8h-2c0 5.5228 4.4771 10 10 10v-2Zm-8-8c0-4.4183 3.5817-8 8-8v-2c-5.5229 0-10 4.4771-10 10h2Zm8-8c4.4183 0 8 3.5817 8 8h2c0-5.5229-4.4772-10-10-10v2Z"
|
|
701
701
|
})),
|
|
702
702
|
/* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
|
|
703
703
|
id: "a"
|
|
@@ -1678,6 +1678,40 @@ const IconChartBarY = React.forwardRef(
|
|
|
1678
1678
|
);
|
|
1679
1679
|
IconChartBarY[designSystemBaseIcon.iconSymbol] = true;
|
|
1680
1680
|
|
|
1681
|
+
const IconChatCheck = React.forwardRef(
|
|
1682
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => React.createElement(
|
|
1683
|
+
StyledIcon,
|
|
1684
|
+
{
|
|
1685
|
+
...props,
|
|
1686
|
+
weight,
|
|
1687
|
+
size,
|
|
1688
|
+
viewBox: "0 0 24 24",
|
|
1689
|
+
fill: "none",
|
|
1690
|
+
ref: forwardRef2
|
|
1691
|
+
},
|
|
1692
|
+
/* @__PURE__ */ React__default["default"].createElement("g", {
|
|
1693
|
+
clipPath: "url(#a)"
|
|
1694
|
+
}, /* @__PURE__ */ React__default["default"].createElement("g", {
|
|
1695
|
+
clipPath: "url(#b)"
|
|
1696
|
+
}, /* @__PURE__ */ React__default["default"].createElement("path", {
|
|
1697
|
+
fill: "currentColor",
|
|
1698
|
+
d: "M15 18v-1h-.4142l-.2929.2929.7071.7071Zm-6 0 .7071-.7071-.2929-.2929h-.4142v1Zm2.9293 2.9293.7071-.7071-.7071.7071Zm-1.4293-6.9293-.7071.7071c.3905.3905 1.0237.3905 1.4142 0l-.7071-.7071Zm6.7071-5.2929c.3905-.3905.3905-1.0237 0-1.4142-.3905-.3905-1.0237-.3905-1.4142 0l1.4142 1.4142Zm-8.5 2.0858c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142l1.4142-1.4142Zm4.0707 10.8435 2.9293-2.9293-1.4142-1.4142-2.9293 2.9293 1.4142 1.4142Zm2.2222-2.6364h5v-2h-5v2Zm7-2v-12h-2v12h2Zm-2-14h-16v2h16v-2Zm-18 2v12h2v-12h-2Zm2 14h5v-2h-5v2Zm4.2929-.2929 2.9293 2.9293 1.4142-1.4142-2.9293-2.9293-1.4142 1.4142Zm-4.2929-15.7071c-1.1046 0-2 .8954-2 2h2v-2Zm18 2c0-1.1046-.8954-2-2-2v2h2Zm-2 14c1.1046 0 2-.8954 2-2h-2v2Zm-18-2c0 1.1046.8954 2 2 2v-2h-2Zm9.3636 3.2222a.9.9 0 0 1 1.2728 0l-1.4142 1.4142c.4296.4296 1.126.4296 1.5556 0l-1.4142-1.4142Zm-.1565-5.5151 6-6-1.4142-1.4142-6 6 1.4142 1.4142Zm0-1.4142-2.5-2.5-1.4142 1.4142 2.5 2.5 1.4142-1.4142Z"
|
|
1699
|
+
}))),
|
|
1700
|
+
/* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
|
|
1701
|
+
id: "a"
|
|
1702
|
+
}, /* @__PURE__ */ React__default["default"].createElement("path", {
|
|
1703
|
+
fill: "none",
|
|
1704
|
+
d: "M0 0h24v24h-24z"
|
|
1705
|
+
})), /* @__PURE__ */ React__default["default"].createElement("clipPath", {
|
|
1706
|
+
id: "b"
|
|
1707
|
+
}, /* @__PURE__ */ React__default["default"].createElement("path", {
|
|
1708
|
+
fill: "none",
|
|
1709
|
+
d: "M0 0h24v24h-24z"
|
|
1710
|
+
})))
|
|
1711
|
+
)
|
|
1712
|
+
);
|
|
1713
|
+
IconChatCheck[designSystemBaseIcon.iconSymbol] = true;
|
|
1714
|
+
|
|
1681
1715
|
const IconChatDashesLinesTwo = React.forwardRef(
|
|
1682
1716
|
({ size = "medium", weight = "normal", ...props }, forwardRef2) => React.createElement(
|
|
1683
1717
|
StyledIcon,
|
|
@@ -1988,6 +2022,7 @@ const IconCheckMark = React.forwardRef(
|
|
|
1988
2022
|
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
1989
2023
|
stroke: "currentColor",
|
|
1990
2024
|
strokeLinecap: "round",
|
|
2025
|
+
strokeLinejoin: "round",
|
|
1991
2026
|
strokeWidth: "var(--svg-stroke-width)",
|
|
1992
2027
|
d: "m5 11 5 5 9-9",
|
|
1993
2028
|
vectorEffect: "non-scaling-stroke"
|
|
@@ -2400,8 +2435,9 @@ const IconCircleSlash = React.forwardRef(
|
|
|
2400
2435
|
}, /* @__PURE__ */ React__default["default"].createElement("path", {
|
|
2401
2436
|
stroke: "currentColor",
|
|
2402
2437
|
strokeLinecap: "round",
|
|
2438
|
+
strokeLinejoin: "round",
|
|
2403
2439
|
strokeWidth: "var(--svg-stroke-width)",
|
|
2404
|
-
d: "
|
|
2440
|
+
d: "m4 20 16-16m-5-.4879c-.9383-.3316-1.9481-.5121-3-.5121-4.9706 0-9 4.0294-9 9 0 1.0519.1805 2.0617.5121 3m16.9758-6c.3316.9383.5121 1.9481.5121 3 0 4.9706-4.0294 9-9 9-1.0519 0-2.0617-.1805-3-.5121",
|
|
2405
2441
|
vectorEffect: "non-scaling-stroke"
|
|
2406
2442
|
})),
|
|
2407
2443
|
/* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
|
|
@@ -3459,6 +3495,29 @@ const IconEraser = React.forwardRef(
|
|
|
3459
3495
|
);
|
|
3460
3496
|
IconEraser[designSystemBaseIcon.iconSymbol] = true;
|
|
3461
3497
|
|
|
3498
|
+
const IconExclamationMarkOctagon = React.forwardRef(
|
|
3499
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => React.createElement(
|
|
3500
|
+
StyledIcon,
|
|
3501
|
+
{
|
|
3502
|
+
...props,
|
|
3503
|
+
weight,
|
|
3504
|
+
size,
|
|
3505
|
+
viewBox: "0 0 24 24",
|
|
3506
|
+
fill: "none",
|
|
3507
|
+
ref: forwardRef2
|
|
3508
|
+
},
|
|
3509
|
+
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
3510
|
+
fill: "currentColor",
|
|
3511
|
+
d: "M13 15.5c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1Z"
|
|
3512
|
+
}),
|
|
3513
|
+
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
3514
|
+
fill: "currentColor",
|
|
3515
|
+
d: "M13 8c0-.5523-.4477-1-1-1s-1 .4477-1 1h2Zm-2 4c0 .5523.4477 1 1 1s1-.4477 1-1h-2Zm-2.6362-9 .0087-1a1 1 0 0 0-.7096.2868l.7009.7132Zm7.429.0648.7132-.7009a1 1 0 0 0-.7045-.299l-.0087 1Zm5.2072 5.299 1 .0087a1.0004 1.0004 0 0 0-.2867-.7096l-.7133.7009Zm-.0648 7.429.7009.7132a1.0001 1.0001 0 0 0 .299-.7045l-.9999-.0087Zm-5.299 5.2072-.0087 1a1.0003 1.0003 0 0 0 .7096-.2867l-.7009-.7133Zm-7.429-.0648-.7132.7009c.1859.1891.4393.2967.7045.299l.0088-.9999Zm-5.2072-5.299-1-.0087a.9998.9998 0 0 0 .2868.7096l.7132-.7009Zm.0648-7.429-.7009-.7132a1 1 0 0 0-.299.7045l1 .0088Zm8.4352 7.2928a.5.5 0 0 1 .5-.5v2c.8284 0 1.5-.6716 1.5-1.5h-2Zm.5-.5a.5.5 0 0 1 .5.5h-2c0 .8284.6716 1.5 1.5 1.5v-2Zm.5.5a.5.5 0 0 1-.5.5v-2c-.8284 0-1.5.6716-1.5 1.5h2Zm-.5.5a.5.5 0 0 1-.5-.5h2c0-.8284-.6716-1.5-1.5-1.5v2Zm-1-8v4h2v-4h-2Zm-2.645-4 7.429.0648.0175-2-7.429-.0648-.0175 2Zm6.7245-.2343 5.2072 5.299 1.4266-1.4018-5.2073-5.299-1.4265 1.4018Zm4.9205 4.5893-.0648 7.429 1.9999.0175.0649-7.429-2-.0175Zm.2343 6.7245-5.299 5.2072 1.4018 1.4266 5.299-5.2073-1.4018-1.4265Zm-4.5893 4.9205-7.429-.0648-.0175 1.9999 7.429.0649.0175-2Zm-6.7245.2343-5.2073-5.299-1.4264 1.4018 5.2072 5.299 1.4265-1.4018Zm-4.9205-4.5893.0648-7.429-2-.0175-.0648 7.429 2 .0175Zm-.2343-6.7245 5.299-5.2073-1.4018-1.4264-5.299 5.2072 1.4018 1.4265Z"
|
|
3516
|
+
})
|
|
3517
|
+
)
|
|
3518
|
+
);
|
|
3519
|
+
IconExclamationMarkOctagon[designSystemBaseIcon.iconSymbol] = true;
|
|
3520
|
+
|
|
3462
3521
|
const IconExclamationPointCircle = React.forwardRef(
|
|
3463
3522
|
({ size = "medium", weight = "normal", ...props }, forwardRef2) => React.createElement(
|
|
3464
3523
|
StyledIcon,
|
|
@@ -6315,7 +6374,7 @@ const IconPauseCircle = React.forwardRef(
|
|
|
6315
6374
|
stroke: "currentColor",
|
|
6316
6375
|
strokeLinecap: "round",
|
|
6317
6376
|
strokeWidth: "var(--svg-stroke-width)",
|
|
6318
|
-
d: "M13.8889 9.1667v5.
|
|
6377
|
+
d: "M13.8889 9.1667v5.6667m-3.7778-5.6667v5.6667m10.8889-2.8334c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9 9 4.0294 9 9Z",
|
|
6319
6378
|
vectorEffect: "non-scaling-stroke"
|
|
6320
6379
|
})),
|
|
6321
6380
|
/* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
|
|
@@ -6536,7 +6595,7 @@ const IconPlayCircle = React.forwardRef(
|
|
|
6536
6595
|
/* @__PURE__ */ React__default["default"].createElement("circle", {
|
|
6537
6596
|
cx: 12,
|
|
6538
6597
|
cy: 12,
|
|
6539
|
-
r:
|
|
6598
|
+
r: 9,
|
|
6540
6599
|
stroke: "currentColor",
|
|
6541
6600
|
strokeWidth: "var(--svg-stroke-width)",
|
|
6542
6601
|
vectorEffect: "non-scaling-stroke"
|
|
@@ -6595,7 +6654,7 @@ const IconPlaybackSpeedCircle = React.forwardRef(
|
|
|
6595
6654
|
stroke: "currentColor",
|
|
6596
6655
|
strokeLinecap: "round",
|
|
6597
6656
|
strokeWidth: "var(--svg-stroke-width)",
|
|
6598
|
-
d: "M10.
|
|
6657
|
+
d: "M10.5 3.1244a9.0604 9.0604 0 0 1 1.5-.1244c4.9706 0 9 4.0294 9 9s-4.0294 9-9 9c-.4473 0-.887-.0326-1.3168-.0956m-6.0126-14.1286a9.05 9.05 0 0 1 2.3527-2.2758m-3.8814 5.8993a9.0533 9.0533 0 0 0-.1419 1.6007c0 .5111.0426 1.0122.1244 1.5m3.3756 5.6245a9.0519 9.0519 0 0 1-1.8094-1.8724",
|
|
6599
6658
|
vectorEffect: "non-scaling-stroke"
|
|
6600
6659
|
})
|
|
6601
6660
|
)
|
|
@@ -6982,7 +7041,7 @@ const IconProhibit = React.forwardRef(
|
|
|
6982
7041
|
}, /* @__PURE__ */ React__default["default"].createElement("path", {
|
|
6983
7042
|
stroke: "currentColor",
|
|
6984
7043
|
strokeWidth: "var(--svg-stroke-width)",
|
|
6985
|
-
d: "
|
|
7044
|
+
d: "m6.5 17.5 10-10m2.5 5c0 4.1421-3.3579 7.5-7.5 7.5-2.0785 0-3.9595-.8455-5.3179-2.2113-1.3487-1.3561-2.1821-3.2251-2.1821-5.2887 0-4.1421 3.3579-7.5 7.5-7.5 1.9973 0 3.8122.7807 5.1562 2.0536 1.4434 1.367 2.3438 3.3015 2.3438 5.4464Z",
|
|
6986
7045
|
vectorEffect: "non-scaling-stroke"
|
|
6987
7046
|
})),
|
|
6988
7047
|
/* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
|
|
@@ -7703,6 +7762,7 @@ const IconShieldCheck = React.forwardRef(
|
|
|
7703
7762
|
}, /* @__PURE__ */ React__default["default"].createElement("path", {
|
|
7704
7763
|
stroke: "currentColor",
|
|
7705
7764
|
strokeLinecap: "round",
|
|
7765
|
+
strokeLinejoin: "round",
|
|
7706
7766
|
strokeMiterlimit: 1.414,
|
|
7707
7767
|
strokeWidth: "var(--svg-stroke-width)",
|
|
7708
7768
|
d: "m9 12 2 1.5 5-4.5m-12-3 8-3 8 3v7.0445a6.6376 6.6376 0 0 1-1.598 4.3198 13.275 13.275 0 0 1-3.2493 2.7441l-2.6382 1.5829a1 1 0 0 1-1.029 0l-2.6382-1.5829a13.2744 13.2744 0 0 1-3.2493-2.7441 6.6377 6.6377 0 0 1-1.598-4.3198v-7.0445Z",
|
|
@@ -9082,7 +9142,7 @@ const IconStopCircle = React.forwardRef(
|
|
|
9082
9142
|
/* @__PURE__ */ React__default["default"].createElement("circle", {
|
|
9083
9143
|
cx: 12,
|
|
9084
9144
|
cy: 12,
|
|
9085
|
-
r:
|
|
9145
|
+
r: 9,
|
|
9086
9146
|
stroke: "currentColor",
|
|
9087
9147
|
strokeWidth: "var(--svg-stroke-width)",
|
|
9088
9148
|
vectorEffect: "non-scaling-stroke"
|
|
@@ -9830,8 +9890,12 @@ const IconTickCircle = React.forwardRef(
|
|
|
9830
9890
|
/* @__PURE__ */ React__default["default"].createElement("g", {
|
|
9831
9891
|
clipPath: "url(#a)"
|
|
9832
9892
|
}, /* @__PURE__ */ React__default["default"].createElement("path", {
|
|
9833
|
-
|
|
9834
|
-
|
|
9893
|
+
stroke: "currentColor",
|
|
9894
|
+
strokeLinecap: "round",
|
|
9895
|
+
strokeLinejoin: "round",
|
|
9896
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
9897
|
+
d: "m8 12 3 3 5-6m5 3c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9 9 4.0294 9 9Z",
|
|
9898
|
+
vectorEffect: "non-scaling-stroke"
|
|
9835
9899
|
})),
|
|
9836
9900
|
/* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
|
|
9837
9901
|
id: "a"
|
|
@@ -10753,6 +10817,7 @@ exports.IconCardsPoker = IconCardsPoker;
|
|
|
10753
10817
|
exports.IconChartBarY = IconChartBarY;
|
|
10754
10818
|
exports.IconChartBarYSimple = IconChartBarYSimple;
|
|
10755
10819
|
exports.IconChat = IconChat;
|
|
10820
|
+
exports.IconChatCheck = IconChatCheck;
|
|
10756
10821
|
exports.IconChatDashesLinesTwo = IconChatDashesLinesTwo;
|
|
10757
10822
|
exports.IconChatLinesCross = IconChatLinesCross;
|
|
10758
10823
|
exports.IconChatLinesDot = IconChatLinesDot;
|
|
@@ -10815,6 +10880,7 @@ exports.IconDotsTwo = IconDotsTwo;
|
|
|
10815
10880
|
exports.IconDownload = IconDownload;
|
|
10816
10881
|
exports.IconEnvelope = IconEnvelope;
|
|
10817
10882
|
exports.IconEraser = IconEraser;
|
|
10883
|
+
exports.IconExclamationMarkOctagon = IconExclamationMarkOctagon;
|
|
10818
10884
|
exports.IconExclamationPointCircle = IconExclamationPointCircle;
|
|
10819
10885
|
exports.IconExport = IconExport;
|
|
10820
10886
|
exports.IconEyeClosed = IconEyeClosed;
|