@mirohq/design-system-icons 1.7.1 → 1.9.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 +195 -0
- package/dist/main.js.map +1 -1
- package/dist/module.js +189 -1
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +15 -1
- package/package.json +4 -4
- package/react/arrow-left-away-line.tsx +34 -0
- package/react/arrow-left-toward-line.tsx +34 -0
- package/react/arrow-right-away-line.tsx +34 -0
- package/react/arrow-right-toward-line.tsx +34 -0
- package/react/filled-bottom-box.tsx +36 -0
- package/react/filled-top-box.tsx +36 -0
- package/react/index.ts +7 -0
- package/react/video-player.tsx +36 -0
- package/svg/24/arrow-left-away-line.svg +2 -0
- package/svg/24/arrow-left-toward-line.svg +2 -0
- package/svg/24/arrow-right-away-line.svg +2 -0
- package/svg/24/arrow-right-toward-line.svg +2 -0
- package/svg/24/filled-bottom-box.svg +2 -0
- package/svg/24/filled-top-box.svg +2 -0
- package/svg/24/video-player.svg +2 -0
- package/svg/meta.json +96 -0
package/dist/main.js
CHANGED
|
@@ -946,6 +946,32 @@ const IconArrowFatUpRight = react.forwardRef(
|
|
|
946
946
|
);
|
|
947
947
|
IconArrowFatUpRight[designSystemBaseIcon.iconSymbol] = true;
|
|
948
948
|
|
|
949
|
+
const IconArrowLeftAwayLine = react.forwardRef(
|
|
950
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
951
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
952
|
+
return react.createElement(
|
|
953
|
+
StyledIcon,
|
|
954
|
+
{
|
|
955
|
+
...props,
|
|
956
|
+
debug,
|
|
957
|
+
"aria-hidden": true,
|
|
958
|
+
size,
|
|
959
|
+
viewBox: "0 0 24 24",
|
|
960
|
+
fill: "none",
|
|
961
|
+
ref: forwardRef2
|
|
962
|
+
},
|
|
963
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
964
|
+
"path",
|
|
965
|
+
{
|
|
966
|
+
fill: "currentColor",
|
|
967
|
+
d: "M11.707 6.707 7.414 11H18v2H7.414l4.293 4.293-1.414 1.414-6-6v-1.414l6-6 1.414 1.414ZM22 19h-2V5h2v14Z"
|
|
968
|
+
}
|
|
969
|
+
)
|
|
970
|
+
);
|
|
971
|
+
}
|
|
972
|
+
);
|
|
973
|
+
IconArrowLeftAwayLine[designSystemBaseIcon.iconSymbol] = true;
|
|
974
|
+
|
|
949
975
|
const IconArrowLeftRightDotted = react.forwardRef(
|
|
950
976
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
951
977
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -972,6 +998,32 @@ const IconArrowLeftRightDotted = react.forwardRef(
|
|
|
972
998
|
);
|
|
973
999
|
IconArrowLeftRightDotted[designSystemBaseIcon.iconSymbol] = true;
|
|
974
1000
|
|
|
1001
|
+
const IconArrowLeftTowardLine = react.forwardRef(
|
|
1002
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
1003
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
1004
|
+
return react.createElement(
|
|
1005
|
+
StyledIcon,
|
|
1006
|
+
{
|
|
1007
|
+
...props,
|
|
1008
|
+
debug,
|
|
1009
|
+
"aria-hidden": true,
|
|
1010
|
+
size,
|
|
1011
|
+
viewBox: "0 0 24 24",
|
|
1012
|
+
fill: "none",
|
|
1013
|
+
ref: forwardRef2
|
|
1014
|
+
},
|
|
1015
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1016
|
+
"path",
|
|
1017
|
+
{
|
|
1018
|
+
fill: "currentColor",
|
|
1019
|
+
d: "M15.707 6.707 11.414 11H21v2h-9.586l4.293 4.293-1.414 1.414-6-6v-1.414l6-6 1.414 1.414ZM6 19H4V5h2v14Z"
|
|
1020
|
+
}
|
|
1021
|
+
)
|
|
1022
|
+
);
|
|
1023
|
+
}
|
|
1024
|
+
);
|
|
1025
|
+
IconArrowLeftTowardLine[designSystemBaseIcon.iconSymbol] = true;
|
|
1026
|
+
|
|
975
1027
|
const IconArrowLeft = react.forwardRef(
|
|
976
1028
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
977
1029
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -998,6 +1050,58 @@ const IconArrowLeft = react.forwardRef(
|
|
|
998
1050
|
);
|
|
999
1051
|
IconArrowLeft[designSystemBaseIcon.iconSymbol] = true;
|
|
1000
1052
|
|
|
1053
|
+
const IconArrowRightAwayLine = react.forwardRef(
|
|
1054
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
1055
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
1056
|
+
return react.createElement(
|
|
1057
|
+
StyledIcon,
|
|
1058
|
+
{
|
|
1059
|
+
...props,
|
|
1060
|
+
debug,
|
|
1061
|
+
"aria-hidden": true,
|
|
1062
|
+
size,
|
|
1063
|
+
viewBox: "0 0 24 24",
|
|
1064
|
+
fill: "none",
|
|
1065
|
+
ref: forwardRef2
|
|
1066
|
+
},
|
|
1067
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1068
|
+
"path",
|
|
1069
|
+
{
|
|
1070
|
+
fill: "currentColor",
|
|
1071
|
+
d: "M21.769 11.36v1.28l-5 6-1.538-1.28L18.865 13H8v-2h10.865l-3.634-4.36 1.538-1.28 5 6ZM6 19H4V5h2v14Z"
|
|
1072
|
+
}
|
|
1073
|
+
)
|
|
1074
|
+
);
|
|
1075
|
+
}
|
|
1076
|
+
);
|
|
1077
|
+
IconArrowRightAwayLine[designSystemBaseIcon.iconSymbol] = true;
|
|
1078
|
+
|
|
1079
|
+
const IconArrowRightTowardLine = react.forwardRef(
|
|
1080
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
1081
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
1082
|
+
return react.createElement(
|
|
1083
|
+
StyledIcon,
|
|
1084
|
+
{
|
|
1085
|
+
...props,
|
|
1086
|
+
debug,
|
|
1087
|
+
"aria-hidden": true,
|
|
1088
|
+
size,
|
|
1089
|
+
viewBox: "0 0 24 24",
|
|
1090
|
+
fill: "none",
|
|
1091
|
+
ref: forwardRef2
|
|
1092
|
+
},
|
|
1093
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1094
|
+
"path",
|
|
1095
|
+
{
|
|
1096
|
+
fill: "currentColor",
|
|
1097
|
+
d: "M17.769 11.36v1.28l-5 6-1.538-1.28L14.865 13H4v-2h10.865l-3.634-4.36 1.538-1.28 5 6ZM22 19h-2V5h2v14Z"
|
|
1098
|
+
}
|
|
1099
|
+
)
|
|
1100
|
+
);
|
|
1101
|
+
}
|
|
1102
|
+
);
|
|
1103
|
+
IconArrowRightTowardLine[designSystemBaseIcon.iconSymbol] = true;
|
|
1104
|
+
|
|
1001
1105
|
const IconArrowRight = react.forwardRef(
|
|
1002
1106
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
1003
1107
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -5430,6 +5534,62 @@ const IconFileSpreadsheet = react.forwardRef(
|
|
|
5430
5534
|
);
|
|
5431
5535
|
IconFileSpreadsheet[designSystemBaseIcon.iconSymbol] = true;
|
|
5432
5536
|
|
|
5537
|
+
const IconFilledBottomBox = react.forwardRef(
|
|
5538
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
5539
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
5540
|
+
return react.createElement(
|
|
5541
|
+
StyledIcon,
|
|
5542
|
+
{
|
|
5543
|
+
...props,
|
|
5544
|
+
debug,
|
|
5545
|
+
"aria-hidden": true,
|
|
5546
|
+
size,
|
|
5547
|
+
viewBox: "0 0 24 24",
|
|
5548
|
+
fill: "none",
|
|
5549
|
+
ref: forwardRef2
|
|
5550
|
+
},
|
|
5551
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5552
|
+
"path",
|
|
5553
|
+
{
|
|
5554
|
+
fill: "currentColor",
|
|
5555
|
+
fillRule: "evenodd",
|
|
5556
|
+
d: "M5 10a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H7v5a2 2 0 0 0 2 2h2v-1a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2H9a4 4 0 0 1-4-4v-5Zm0-2h14V5H5v3Z",
|
|
5557
|
+
clipRule: "evenodd"
|
|
5558
|
+
}
|
|
5559
|
+
)
|
|
5560
|
+
);
|
|
5561
|
+
}
|
|
5562
|
+
);
|
|
5563
|
+
IconFilledBottomBox[designSystemBaseIcon.iconSymbol] = true;
|
|
5564
|
+
|
|
5565
|
+
const IconFilledTopBox = react.forwardRef(
|
|
5566
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
5567
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
5568
|
+
return react.createElement(
|
|
5569
|
+
StyledIcon,
|
|
5570
|
+
{
|
|
5571
|
+
...props,
|
|
5572
|
+
debug,
|
|
5573
|
+
"aria-hidden": true,
|
|
5574
|
+
size,
|
|
5575
|
+
viewBox: "0 0 24 24",
|
|
5576
|
+
fill: "none",
|
|
5577
|
+
ref: forwardRef2
|
|
5578
|
+
},
|
|
5579
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5580
|
+
"path",
|
|
5581
|
+
{
|
|
5582
|
+
fill: "currentColor",
|
|
5583
|
+
fillRule: "evenodd",
|
|
5584
|
+
d: "M5 10a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H7v5a2 2 0 0 0 2 2h2v-1a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2H9a4 4 0 0 1-4-4v-5Zm8 9h6v-3h-6v3Z",
|
|
5585
|
+
clipRule: "evenodd"
|
|
5586
|
+
}
|
|
5587
|
+
)
|
|
5588
|
+
);
|
|
5589
|
+
}
|
|
5590
|
+
);
|
|
5591
|
+
IconFilledTopBox[designSystemBaseIcon.iconSymbol] = true;
|
|
5592
|
+
|
|
5433
5593
|
const IconFlag = react.forwardRef(
|
|
5434
5594
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
5435
5595
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -14700,6 +14860,34 @@ const IconVideoCamera = react.forwardRef(
|
|
|
14700
14860
|
);
|
|
14701
14861
|
IconVideoCamera[designSystemBaseIcon.iconSymbol] = true;
|
|
14702
14862
|
|
|
14863
|
+
const IconVideoPlayer = react.forwardRef(
|
|
14864
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
14865
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
14866
|
+
return react.createElement(
|
|
14867
|
+
StyledIcon,
|
|
14868
|
+
{
|
|
14869
|
+
...props,
|
|
14870
|
+
debug,
|
|
14871
|
+
"aria-hidden": true,
|
|
14872
|
+
size,
|
|
14873
|
+
viewBox: "0 0 24 24",
|
|
14874
|
+
fill: "none",
|
|
14875
|
+
ref: forwardRef2
|
|
14876
|
+
},
|
|
14877
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
14878
|
+
"path",
|
|
14879
|
+
{
|
|
14880
|
+
fill: "currentColor",
|
|
14881
|
+
fillRule: "evenodd",
|
|
14882
|
+
d: "M8 17H6v-2h2v2Zm10 0h-8v-2h8v2Zm-3-6.929v.858L10.833 13.5 10 13.071V7.93l.833-.429L15 10.071ZM19 4a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h14ZM5 6a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H5Z",
|
|
14883
|
+
clipRule: "evenodd"
|
|
14884
|
+
}
|
|
14885
|
+
)
|
|
14886
|
+
);
|
|
14887
|
+
}
|
|
14888
|
+
);
|
|
14889
|
+
IconVideoPlayer[designSystemBaseIcon.iconSymbol] = true;
|
|
14890
|
+
|
|
14703
14891
|
const IconViewCenter = react.forwardRef(
|
|
14704
14892
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
14705
14893
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -14954,8 +15142,12 @@ exports.IconArrowFatLeftRight = IconArrowFatLeftRight;
|
|
|
14954
15142
|
exports.IconArrowFatRight = IconArrowFatRight;
|
|
14955
15143
|
exports.IconArrowFatUpRight = IconArrowFatUpRight;
|
|
14956
15144
|
exports.IconArrowLeft = IconArrowLeft;
|
|
15145
|
+
exports.IconArrowLeftAwayLine = IconArrowLeftAwayLine;
|
|
14957
15146
|
exports.IconArrowLeftRightDotted = IconArrowLeftRightDotted;
|
|
15147
|
+
exports.IconArrowLeftTowardLine = IconArrowLeftTowardLine;
|
|
14958
15148
|
exports.IconArrowRight = IconArrowRight;
|
|
15149
|
+
exports.IconArrowRightAwayLine = IconArrowRightAwayLine;
|
|
15150
|
+
exports.IconArrowRightTowardLine = IconArrowRightTowardLine;
|
|
14959
15151
|
exports.IconArrowUp = IconArrowUp;
|
|
14960
15152
|
exports.IconArrowUpCircle = IconArrowUpCircle;
|
|
14961
15153
|
exports.IconArrowUpLeft = IconArrowUpLeft;
|
|
@@ -15122,6 +15314,8 @@ exports.IconEyedropper = IconEyedropper;
|
|
|
15122
15314
|
exports.IconFactory = IconFactory;
|
|
15123
15315
|
exports.IconFactoryHouse = IconFactoryHouse;
|
|
15124
15316
|
exports.IconFileSpreadsheet = IconFileSpreadsheet;
|
|
15317
|
+
exports.IconFilledBottomBox = IconFilledBottomBox;
|
|
15318
|
+
exports.IconFilledTopBox = IconFilledTopBox;
|
|
15125
15319
|
exports.IconFlag = IconFlag;
|
|
15126
15320
|
exports.IconFlip = IconFlip;
|
|
15127
15321
|
exports.IconFlipCard = IconFlipCard;
|
|
@@ -15470,6 +15664,7 @@ exports.IconVideoCameraLinesDot = IconVideoCameraLinesDot;
|
|
|
15470
15664
|
exports.IconVideoCameraSimple = IconVideoCameraSimple;
|
|
15471
15665
|
exports.IconVideoCameraSimpleError = IconVideoCameraSimpleError;
|
|
15472
15666
|
exports.IconVideoCameraSimpleSlash = IconVideoCameraSimpleSlash;
|
|
15667
|
+
exports.IconVideoPlayer = IconVideoPlayer;
|
|
15473
15668
|
exports.IconViewCenter = IconViewCenter;
|
|
15474
15669
|
exports.IconViewSideLeft = IconViewSideLeft;
|
|
15475
15670
|
exports.IconViewSideRight = IconViewSideRight;
|