@mirohq/design-system-icons 0.12.5 → 0.13.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 +173 -1
- package/dist/main.js.map +1 -1
- package/dist/module.js +166 -2
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +17 -1
- package/package.json +8 -3
- package/react/arrows-down-up.tsx +30 -0
- package/react/badge.tsx +31 -0
- package/react/clock.tsx +1 -1
- package/react/index.ts +8 -0
- package/react/megaphone.tsx +31 -0
- package/react/moon.tsx +30 -0
- package/react/rocket.tsx +31 -0
- package/react/switch.tsx +32 -0
- package/react/toolbar.tsx +31 -0
- package/react/tooltip.tsx +31 -0
- package/svg/24/arrows-down-up.svg +2 -0
- package/svg/24/badge.svg +2 -0
- package/svg/24/clock.svg +1 -1
- package/svg/24/megaphone.svg +2 -0
- package/svg/24/moon.svg +2 -0
- package/svg/24/rocket.svg +2 -0
- package/svg/24/switch.svg +2 -0
- package/svg/24/toolbar.svg +2 -0
- package/svg/24/tooltip.svg +2 -0
- package/svg/meta.json +44 -0
package/dist/main.js
CHANGED
|
@@ -784,6 +784,25 @@ const IconArrowsClockwiseY = React.forwardRef(
|
|
|
784
784
|
)
|
|
785
785
|
);
|
|
786
786
|
|
|
787
|
+
const IconArrowsDownUp = React.forwardRef(
|
|
788
|
+
({ size = "medium", ...props }, forwardRef2) => React.createElement(
|
|
789
|
+
StyledIcon,
|
|
790
|
+
{
|
|
791
|
+
...props,
|
|
792
|
+
size,
|
|
793
|
+
viewBox: "0 0 24 24",
|
|
794
|
+
fill: "none",
|
|
795
|
+
ref: forwardRef2
|
|
796
|
+
},
|
|
797
|
+
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
798
|
+
stroke: "currentColor",
|
|
799
|
+
strokeLinecap: "round",
|
|
800
|
+
strokeWidth: 2,
|
|
801
|
+
d: "M7 5v14m0 0 4-4m-4 4-4-4m14 4v-14m0 0-4 4m4-4 4 4"
|
|
802
|
+
})
|
|
803
|
+
)
|
|
804
|
+
);
|
|
805
|
+
|
|
787
806
|
const IconArrowsHorizontalLinesTopBottom = React.forwardRef(
|
|
788
807
|
({ size = "medium", ...props }, forwardRef2) => React.createElement(
|
|
789
808
|
StyledIcon,
|
|
@@ -976,6 +995,26 @@ const IconAt = React.forwardRef(
|
|
|
976
995
|
)
|
|
977
996
|
);
|
|
978
997
|
|
|
998
|
+
const IconBadge = React.forwardRef(
|
|
999
|
+
({ size = "medium", ...props }, forwardRef2) => React.createElement(
|
|
1000
|
+
StyledIcon,
|
|
1001
|
+
{
|
|
1002
|
+
...props,
|
|
1003
|
+
size,
|
|
1004
|
+
viewBox: "0 0 24 24",
|
|
1005
|
+
fill: "none",
|
|
1006
|
+
ref: forwardRef2
|
|
1007
|
+
},
|
|
1008
|
+
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
1009
|
+
stroke: "currentColor",
|
|
1010
|
+
strokeLinecap: "round",
|
|
1011
|
+
strokeLinejoin: "round",
|
|
1012
|
+
strokeWidth: 2,
|
|
1013
|
+
d: "M8 17c-6 0-6-9 0-9h8c6 0 6 9 0 9h-8Z"
|
|
1014
|
+
})
|
|
1015
|
+
)
|
|
1016
|
+
);
|
|
1017
|
+
|
|
979
1018
|
const IconBarrel = React.forwardRef(
|
|
980
1019
|
({ size = "medium", ...props }, forwardRef2) => React.createElement(
|
|
981
1020
|
StyledIcon,
|
|
@@ -2233,7 +2272,7 @@ const IconClock = React.forwardRef(
|
|
|
2233
2272
|
stroke: "currentColor",
|
|
2234
2273
|
strokeLinecap: "round",
|
|
2235
2274
|
strokeWidth: 2,
|
|
2236
|
-
d: "
|
|
2275
|
+
d: "M12 8.4v4.05l2.7 2.25m6.3-2.7c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9 9 4.0294 9 9Z"
|
|
2237
2276
|
})),
|
|
2238
2277
|
/* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
|
|
2239
2278
|
id: "a"
|
|
@@ -4779,6 +4818,26 @@ const IconMap = React.forwardRef(
|
|
|
4779
4818
|
)
|
|
4780
4819
|
);
|
|
4781
4820
|
|
|
4821
|
+
const IconMegaphone = React.forwardRef(
|
|
4822
|
+
({ size = "medium", ...props }, forwardRef2) => React.createElement(
|
|
4823
|
+
StyledIcon,
|
|
4824
|
+
{
|
|
4825
|
+
...props,
|
|
4826
|
+
size,
|
|
4827
|
+
viewBox: "0 0 24 24",
|
|
4828
|
+
fill: "none",
|
|
4829
|
+
ref: forwardRef2
|
|
4830
|
+
},
|
|
4831
|
+
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
4832
|
+
stroke: "currentColor",
|
|
4833
|
+
strokeLinecap: "round",
|
|
4834
|
+
strokeLinejoin: "round",
|
|
4835
|
+
strokeWidth: 2,
|
|
4836
|
+
d: "m13 6.7778 4 1.111 3.2676.9078a1 1 0 0 1 .7324.9635v4.4798a1 1 0 0 1-.7324.9635l-3.2676.9077m-4-9.3333-8.7324-2.4257c-.6371-.177-1.2676.3022-1.2676.9635v13.3688c0 .6613.6305 1.1405 1.2676.9635l12.7324-3.5368m-4-9.3333v12.2222c0 .5523.4477 1 1 1h2c.5523 0 1-.4477 1-1v-2.8889"
|
|
4837
|
+
})
|
|
4838
|
+
)
|
|
4839
|
+
);
|
|
4840
|
+
|
|
4782
4841
|
const IconMicrophoneSlash = React.forwardRef(
|
|
4783
4842
|
({ size = "medium", ...props }, forwardRef2) => React.createElement(
|
|
4784
4843
|
StyledIcon,
|
|
@@ -4960,6 +5019,25 @@ const IconMonitorStop = React.forwardRef(
|
|
|
4960
5019
|
)
|
|
4961
5020
|
);
|
|
4962
5021
|
|
|
5022
|
+
const IconMoon = React.forwardRef(
|
|
5023
|
+
({ size = "medium", ...props }, forwardRef2) => React.createElement(
|
|
5024
|
+
StyledIcon,
|
|
5025
|
+
{
|
|
5026
|
+
...props,
|
|
5027
|
+
size,
|
|
5028
|
+
viewBox: "0 0 24 24",
|
|
5029
|
+
fill: "none",
|
|
5030
|
+
ref: forwardRef2
|
|
5031
|
+
},
|
|
5032
|
+
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
5033
|
+
stroke: "currentColor",
|
|
5034
|
+
strokeLinejoin: "round",
|
|
5035
|
+
strokeWidth: 2,
|
|
5036
|
+
d: "M21 13.3757a9.0907 9.0907 0 0 1-2.1328.2523c-5.0076 0-9.067-4.0594-9.067-9.067 0-.5323.0459-1.0539.1339-1.561-3.9784.9592-6.9341 4.5418-6.9341 8.8147 0 5.0075 4.0594 9.0669 9.0669 9.0669 4.4753 0 8.1932-3.2422 8.9331-7.5059Z"
|
|
5037
|
+
})
|
|
5038
|
+
)
|
|
5039
|
+
);
|
|
5040
|
+
|
|
4963
5041
|
const IconMouse = React.forwardRef(
|
|
4964
5042
|
({ size = "medium", ...props }, forwardRef2) => React.createElement(
|
|
4965
5043
|
StyledIcon,
|
|
@@ -6543,6 +6621,26 @@ const IconRhombus = React.forwardRef(
|
|
|
6543
6621
|
)
|
|
6544
6622
|
);
|
|
6545
6623
|
|
|
6624
|
+
const IconRocket = React.forwardRef(
|
|
6625
|
+
({ size = "medium", ...props }, forwardRef2) => React.createElement(
|
|
6626
|
+
StyledIcon,
|
|
6627
|
+
{
|
|
6628
|
+
...props,
|
|
6629
|
+
size,
|
|
6630
|
+
viewBox: "0 0 24 24",
|
|
6631
|
+
fill: "none",
|
|
6632
|
+
ref: forwardRef2
|
|
6633
|
+
},
|
|
6634
|
+
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
6635
|
+
stroke: "currentColor",
|
|
6636
|
+
strokeLinecap: "round",
|
|
6637
|
+
strokeLinejoin: "round",
|
|
6638
|
+
strokeWidth: 2,
|
|
6639
|
+
d: "m8 10.9999 5 5m-5-5-4-1 4-4 4 1m-4 4 4-4m1 9 1 4.0001 4-4-1-4.0001m-4 4 4-4m0 0 1-1c2-2 3-4 2-7-3-1-5 0-7 2l-1 1m-6 8c-1 1-2 2-2 5 3 0 4-.5 5-2"
|
|
6640
|
+
})
|
|
6641
|
+
)
|
|
6642
|
+
);
|
|
6643
|
+
|
|
6546
6644
|
const IconRssRectangle = React.forwardRef(
|
|
6547
6645
|
({ size = "medium", ...props }, forwardRef2) => React.createElement(
|
|
6548
6646
|
StyledIcon,
|
|
@@ -7977,6 +8075,32 @@ const IconStroke6 = React.forwardRef(
|
|
|
7977
8075
|
)
|
|
7978
8076
|
);
|
|
7979
8077
|
|
|
8078
|
+
const IconSwitch = React.forwardRef(
|
|
8079
|
+
({ size = "medium", ...props }, forwardRef2) => React.createElement(
|
|
8080
|
+
StyledIcon,
|
|
8081
|
+
{
|
|
8082
|
+
...props,
|
|
8083
|
+
size,
|
|
8084
|
+
viewBox: "0 0 24 24",
|
|
8085
|
+
fill: "none",
|
|
8086
|
+
ref: forwardRef2
|
|
8087
|
+
},
|
|
8088
|
+
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
8089
|
+
stroke: "currentColor",
|
|
8090
|
+
strokeLinecap: "round",
|
|
8091
|
+
strokeLinejoin: "round",
|
|
8092
|
+
strokeWidth: 2,
|
|
8093
|
+
d: "M7 18c-7 0-7-11 0-11h10c7 0 7 11 0 11h-10Z"
|
|
8094
|
+
}),
|
|
8095
|
+
/* @__PURE__ */ React__default["default"].createElement("circle", {
|
|
8096
|
+
cx: 8.5,
|
|
8097
|
+
cy: 12.5,
|
|
8098
|
+
r: 3.5,
|
|
8099
|
+
fill: "currentColor"
|
|
8100
|
+
})
|
|
8101
|
+
)
|
|
8102
|
+
);
|
|
8103
|
+
|
|
7980
8104
|
const IconTag = React.forwardRef(
|
|
7981
8105
|
({ size = "medium", ...props }, forwardRef2) => React.createElement(
|
|
7982
8106
|
StyledIcon,
|
|
@@ -8521,6 +8645,46 @@ const IconTimer = React.forwardRef(
|
|
|
8521
8645
|
)
|
|
8522
8646
|
);
|
|
8523
8647
|
|
|
8648
|
+
const IconToolbar = React.forwardRef(
|
|
8649
|
+
({ size = "medium", ...props }, forwardRef2) => React.createElement(
|
|
8650
|
+
StyledIcon,
|
|
8651
|
+
{
|
|
8652
|
+
...props,
|
|
8653
|
+
size,
|
|
8654
|
+
viewBox: "0 0 24 24",
|
|
8655
|
+
fill: "none",
|
|
8656
|
+
ref: forwardRef2
|
|
8657
|
+
},
|
|
8658
|
+
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
8659
|
+
stroke: "currentColor",
|
|
8660
|
+
strokeLinecap: "round",
|
|
8661
|
+
strokeLinejoin: "round",
|
|
8662
|
+
strokeWidth: 2,
|
|
8663
|
+
d: "M6.5 9h-4.5c-.5523 0-1 .4477-1 1v4c0 .5523.4477 1 1 1h4.5m0-6h5.5m-5.5 0v6m0 0h5.5m0-6v6m0-6h5.5m-5.5 6h5.5m0 0h4.5c.5523 0 1-.4477 1-1v-4c0-.5523-.4477-1-1-1h-4.5m0 6v-6"
|
|
8664
|
+
})
|
|
8665
|
+
)
|
|
8666
|
+
);
|
|
8667
|
+
|
|
8668
|
+
const IconTooltip = React.forwardRef(
|
|
8669
|
+
({ size = "medium", ...props }, forwardRef2) => React.createElement(
|
|
8670
|
+
StyledIcon,
|
|
8671
|
+
{
|
|
8672
|
+
...props,
|
|
8673
|
+
size,
|
|
8674
|
+
viewBox: "0 0 24 24",
|
|
8675
|
+
fill: "none",
|
|
8676
|
+
ref: forwardRef2
|
|
8677
|
+
},
|
|
8678
|
+
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
8679
|
+
stroke: "currentColor",
|
|
8680
|
+
strokeLinecap: "round",
|
|
8681
|
+
strokeLinejoin: "round",
|
|
8682
|
+
strokeWidth: 2,
|
|
8683
|
+
d: "M22 14v-8c0-.5523-.4477-1-1-1h-18c-.5523 0-1 .4477-1 1v8c0 .5523.4477 1 1 1h5.5a1 1 0 0 1 .8.4l2.7 3.6 2.7-3.6a1 1 0 0 1 .8-.4h5.5c.5523 0 1-.4477 1-1Z"
|
|
8684
|
+
})
|
|
8685
|
+
)
|
|
8686
|
+
);
|
|
8687
|
+
|
|
8524
8688
|
const IconTrackpad = React.forwardRef(
|
|
8525
8689
|
({ size = "medium", ...props }, forwardRef2) => React.createElement(
|
|
8526
8690
|
StyledIcon,
|
|
@@ -9187,6 +9351,7 @@ exports.IconArrowUpRight = IconArrowUpRight;
|
|
|
9187
9351
|
exports.IconArrowsClockwiseRectangleTilt = IconArrowsClockwiseRectangleTilt;
|
|
9188
9352
|
exports.IconArrowsClockwiseX = IconArrowsClockwiseX;
|
|
9189
9353
|
exports.IconArrowsClockwiseY = IconArrowsClockwiseY;
|
|
9354
|
+
exports.IconArrowsDownUp = IconArrowsDownUp;
|
|
9190
9355
|
exports.IconArrowsHorizontalLinesTopBottom = IconArrowsHorizontalLinesTopBottom;
|
|
9191
9356
|
exports.IconArrowsInSimple = IconArrowsInSimple;
|
|
9192
9357
|
exports.IconArrowsOutCardinal = IconArrowsOutCardinal;
|
|
@@ -9194,6 +9359,7 @@ exports.IconArrowsOutLinesHorizontal = IconArrowsOutLinesHorizontal;
|
|
|
9194
9359
|
exports.IconArrowsOutSimple = IconArrowsOutSimple;
|
|
9195
9360
|
exports.IconArticle = IconArticle;
|
|
9196
9361
|
exports.IconAt = IconAt;
|
|
9362
|
+
exports.IconBadge = IconBadge;
|
|
9197
9363
|
exports.IconBarrel = IconBarrel;
|
|
9198
9364
|
exports.IconBell = IconBell;
|
|
9199
9365
|
exports.IconBellSlash = IconBellSlash;
|
|
@@ -9342,6 +9508,7 @@ exports.IconMagnet = IconMagnet;
|
|
|
9342
9508
|
exports.IconMagnifyingGlass = IconMagnifyingGlass;
|
|
9343
9509
|
exports.IconMagnifyingGlassLightning = IconMagnifyingGlassLightning;
|
|
9344
9510
|
exports.IconMap = IconMap;
|
|
9511
|
+
exports.IconMegaphone = IconMegaphone;
|
|
9345
9512
|
exports.IconMicrophone = IconMicrophone;
|
|
9346
9513
|
exports.IconMicrophoneSlash = IconMicrophoneSlash;
|
|
9347
9514
|
exports.IconMinus = IconMinus;
|
|
@@ -9349,6 +9516,7 @@ exports.IconMonitorArrow = IconMonitorArrow;
|
|
|
9349
9516
|
exports.IconMonitorPause = IconMonitorPause;
|
|
9350
9517
|
exports.IconMonitorPlay = IconMonitorPlay;
|
|
9351
9518
|
exports.IconMonitorStop = IconMonitorStop;
|
|
9519
|
+
exports.IconMoon = IconMoon;
|
|
9352
9520
|
exports.IconMouse = IconMouse;
|
|
9353
9521
|
exports.IconNavigationArrowLines = IconNavigationArrowLines;
|
|
9354
9522
|
exports.IconNavigationUpLeftFilled = IconNavigationUpLeftFilled;
|
|
@@ -9410,6 +9578,7 @@ exports.IconRectanglesTwoMinus = IconRectanglesTwoMinus;
|
|
|
9410
9578
|
exports.IconRectanglesTwoPlus = IconRectanglesTwoPlus;
|
|
9411
9579
|
exports.IconRectanglesTwoUser = IconRectanglesTwoUser;
|
|
9412
9580
|
exports.IconRhombus = IconRhombus;
|
|
9581
|
+
exports.IconRocket = IconRocket;
|
|
9413
9582
|
exports.IconRssRectangle = IconRssRectangle;
|
|
9414
9583
|
exports.IconScissors = IconScissors;
|
|
9415
9584
|
exports.IconScrollbarXy = IconScrollbarXy;
|
|
@@ -9465,6 +9634,7 @@ exports.IconStroke3 = IconStroke3;
|
|
|
9465
9634
|
exports.IconStroke4 = IconStroke4;
|
|
9466
9635
|
exports.IconStroke5 = IconStroke5;
|
|
9467
9636
|
exports.IconStroke6 = IconStroke6;
|
|
9637
|
+
exports.IconSwitch = IconSwitch;
|
|
9468
9638
|
exports.IconTag = IconTag;
|
|
9469
9639
|
exports.IconTextAUnderline = IconTextAUnderline;
|
|
9470
9640
|
exports.IconTextAlignCenter = IconTextAlignCenter;
|
|
@@ -9486,6 +9656,8 @@ exports.IconThumbsUp = IconThumbsUp;
|
|
|
9486
9656
|
exports.IconTickCircle = IconTickCircle;
|
|
9487
9657
|
exports.IconTicket = IconTicket;
|
|
9488
9658
|
exports.IconTimer = IconTimer;
|
|
9659
|
+
exports.IconToolbar = IconToolbar;
|
|
9660
|
+
exports.IconTooltip = IconTooltip;
|
|
9489
9661
|
exports.IconTrackpad = IconTrackpad;
|
|
9490
9662
|
exports.IconTrapeze = IconTrapeze;
|
|
9491
9663
|
exports.IconTrash = IconTrash;
|