@mirohq/design-system-icons 1.14.0 → 1.16.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 +199 -2
- package/dist/main.js.map +1 -1
- package/dist/module.js +193 -3
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +15 -1
- package/package.json +1 -1
- package/react/arrow-curves-sparks.tsx +34 -0
- package/react/arrow-mobile.tsx +34 -0
- package/react/cross-mobile.tsx +34 -0
- package/react/digit.tsx +34 -0
- package/react/index.ts +7 -0
- package/react/percent.tsx +36 -0
- package/react/progress-bar.tsx +36 -0
- package/react/rectangle-portrait-filled.tsx +1 -1
- package/react/rectangle-portrait.tsx +3 -1
- package/react/widget-columns.tsx +36 -0
- package/svg/24/arrow-curves-sparks.svg +2 -0
- package/svg/24/arrow-mobile.svg +2 -0
- package/svg/24/cross-mobile.svg +2 -0
- package/svg/24/digit.svg +2 -0
- package/svg/24/percent.svg +2 -0
- package/svg/24/progress-bar.svg +2 -0
- package/svg/24/rectangle-portrait-filled.svg +1 -1
- package/svg/24/rectangle-portrait.svg +1 -1
- package/svg/24/widget-columns.svg +2 -0
- package/svg/meta.json +103 -6
package/dist/main.js
CHANGED
|
@@ -812,6 +812,32 @@ const IconArrowCurvesBottomRight = react.forwardRef(
|
|
|
812
812
|
);
|
|
813
813
|
IconArrowCurvesBottomRight[designSystemBaseIcon.iconSymbol] = true;
|
|
814
814
|
|
|
815
|
+
const IconArrowCurvesSparks = react.forwardRef(
|
|
816
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
817
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
818
|
+
return react.createElement(
|
|
819
|
+
StyledIcon,
|
|
820
|
+
{
|
|
821
|
+
...props,
|
|
822
|
+
debug,
|
|
823
|
+
"aria-hidden": true,
|
|
824
|
+
size,
|
|
825
|
+
viewBox: "0 0 24 24",
|
|
826
|
+
fill: "none",
|
|
827
|
+
ref: forwardRef2
|
|
828
|
+
},
|
|
829
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
830
|
+
"path",
|
|
831
|
+
{
|
|
832
|
+
fill: "currentColor",
|
|
833
|
+
d: "M15 12H7c-1.002 0-1.668.343-2.088.783A2.485 2.485 0 0 0 4.25 14.5c0 .642.23 1.263.662 1.717.42.44 1.086.783 2.088.783h11.586l-1.293-1.293 1.414-1.414 3 3v1.414l-3 3-1.414-1.414L18.586 19H7c-1.498 0-2.706-.532-3.537-1.404-.818-.86-1.213-1.989-1.213-3.096s.395-2.237 1.213-3.096C4.293 10.532 5.502 10 7 10h8v2Zm-3-7H5V3h7v2Zm7.25-4A3.75 3.75 0 0 0 23 4.75v1.5A3.75 3.75 0 0 0 19.25 10h-1.5A3.75 3.75 0 0 0 14 6.25v-1.5A3.75 3.75 0 0 0 17.75 1h1.5Z"
|
|
834
|
+
}
|
|
835
|
+
)
|
|
836
|
+
);
|
|
837
|
+
}
|
|
838
|
+
);
|
|
839
|
+
IconArrowCurvesSparks[designSystemBaseIcon.iconSymbol] = true;
|
|
840
|
+
|
|
815
841
|
const IconArrowDownLeft = react.forwardRef(
|
|
816
842
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
817
843
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -1128,6 +1154,32 @@ const IconArrowLeft = react.forwardRef(
|
|
|
1128
1154
|
);
|
|
1129
1155
|
IconArrowLeft[designSystemBaseIcon.iconSymbol] = true;
|
|
1130
1156
|
|
|
1157
|
+
const IconArrowMobile = react.forwardRef(
|
|
1158
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
1159
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
1160
|
+
return react.createElement(
|
|
1161
|
+
StyledIcon,
|
|
1162
|
+
{
|
|
1163
|
+
...props,
|
|
1164
|
+
debug,
|
|
1165
|
+
"aria-hidden": true,
|
|
1166
|
+
size,
|
|
1167
|
+
viewBox: "0 0 24 24",
|
|
1168
|
+
fill: "none",
|
|
1169
|
+
ref: forwardRef2
|
|
1170
|
+
},
|
|
1171
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1172
|
+
"path",
|
|
1173
|
+
{
|
|
1174
|
+
fill: "currentColor",
|
|
1175
|
+
d: "M14 16v2h-4v-2h4Zm-9 3v-1h2v1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5a1 1 0 0 0-.898-.995L16 4H8a1 1 0 0 0-1 1v1H5V5a3 3 0 0 1 3-3h8l.154.004A3 3 0 0 1 19 5v14a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3Zm3.469-7.992H8.5v.037l.269.323v1.28l-.269.322v.038h-.031l-2.841 3.408-1.536-1.28 1.773-2.128L1 13v-1.992h4.865L4.092 8.88 5.628 7.6l2.84 3.408Z"
|
|
1176
|
+
}
|
|
1177
|
+
)
|
|
1178
|
+
);
|
|
1179
|
+
}
|
|
1180
|
+
);
|
|
1181
|
+
IconArrowMobile[designSystemBaseIcon.iconSymbol] = true;
|
|
1182
|
+
|
|
1131
1183
|
const IconArrowRightAwayLine = react.forwardRef(
|
|
1132
1184
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
1133
1185
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -4390,6 +4442,32 @@ const IconCrossFat = react.forwardRef(
|
|
|
4390
4442
|
);
|
|
4391
4443
|
IconCrossFat[designSystemBaseIcon.iconSymbol] = true;
|
|
4392
4444
|
|
|
4445
|
+
const IconCrossMobile = react.forwardRef(
|
|
4446
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
4447
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
4448
|
+
return react.createElement(
|
|
4449
|
+
StyledIcon,
|
|
4450
|
+
{
|
|
4451
|
+
...props,
|
|
4452
|
+
debug,
|
|
4453
|
+
"aria-hidden": true,
|
|
4454
|
+
size,
|
|
4455
|
+
viewBox: "0 0 24 24",
|
|
4456
|
+
fill: "none",
|
|
4457
|
+
ref: forwardRef2
|
|
4458
|
+
},
|
|
4459
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4460
|
+
"path",
|
|
4461
|
+
{
|
|
4462
|
+
fill: "currentColor",
|
|
4463
|
+
d: "M5 19V5a3 3 0 0 1 3-3h4v2H8a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-8h2v8a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3Zm9-3v2h-4v-2h4Zm7.707-13.293L19.414 5l2.293 2.293-1.414 1.414L18 6.414l-2.293 2.293-1.414-1.414L16.586 5l-2.293-2.293 1.414-1.414L18 3.586l2.293-2.293 1.414 1.414Z"
|
|
4464
|
+
}
|
|
4465
|
+
)
|
|
4466
|
+
);
|
|
4467
|
+
}
|
|
4468
|
+
);
|
|
4469
|
+
IconCrossMobile[designSystemBaseIcon.iconSymbol] = true;
|
|
4470
|
+
|
|
4393
4471
|
const IconCrossSquare = react.forwardRef(
|
|
4394
4472
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
4395
4473
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -5052,6 +5130,32 @@ const IconDiagramming = react.forwardRef(
|
|
|
5052
5130
|
);
|
|
5053
5131
|
IconDiagramming[designSystemBaseIcon.iconSymbol] = true;
|
|
5054
5132
|
|
|
5133
|
+
const IconDigit = react.forwardRef(
|
|
5134
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
5135
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
5136
|
+
return react.createElement(
|
|
5137
|
+
StyledIcon,
|
|
5138
|
+
{
|
|
5139
|
+
...props,
|
|
5140
|
+
debug,
|
|
5141
|
+
"aria-hidden": true,
|
|
5142
|
+
size,
|
|
5143
|
+
viewBox: "0 0 24 24",
|
|
5144
|
+
fill: "none",
|
|
5145
|
+
ref: forwardRef2
|
|
5146
|
+
},
|
|
5147
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5148
|
+
"path",
|
|
5149
|
+
{
|
|
5150
|
+
fill: "currentColor",
|
|
5151
|
+
d: "M8.235 6v11H11v2H3v-2h3.235V7.543L3.408 8.808 2.592 6.98l4.235-1.894L8.235 6Zm9.815-1A3.95 3.95 0 0 1 22 8.95c0 2.023-1.443 3.62-3.097 4.334-1.66.717-3.33 1.881-3.783 3.716h6.38v2H14l-1-1c0-3.718 3.034-5.656 5.111-6.553C19.246 10.957 20 9.964 20 8.95A1.95 1.95 0 0 0 18.05 7h-.621A2.429 2.429 0 0 0 15 9.429h-2A4.429 4.429 0 0 1 17.429 5h.62Z"
|
|
5152
|
+
}
|
|
5153
|
+
)
|
|
5154
|
+
);
|
|
5155
|
+
}
|
|
5156
|
+
);
|
|
5157
|
+
IconDigit[designSystemBaseIcon.iconSymbol] = true;
|
|
5158
|
+
|
|
5055
5159
|
const IconDistributeHorizontal = react.forwardRef(
|
|
5056
5160
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
5057
5161
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -9354,6 +9458,34 @@ const IconPeopleList = react.forwardRef(
|
|
|
9354
9458
|
);
|
|
9355
9459
|
IconPeopleList[designSystemBaseIcon.iconSymbol] = true;
|
|
9356
9460
|
|
|
9461
|
+
const IconPercent = react.forwardRef(
|
|
9462
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
9463
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
9464
|
+
return react.createElement(
|
|
9465
|
+
StyledIcon,
|
|
9466
|
+
{
|
|
9467
|
+
...props,
|
|
9468
|
+
debug,
|
|
9469
|
+
"aria-hidden": true,
|
|
9470
|
+
size,
|
|
9471
|
+
viewBox: "0 0 24 24",
|
|
9472
|
+
fill: "none",
|
|
9473
|
+
ref: forwardRef2
|
|
9474
|
+
},
|
|
9475
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9476
|
+
"path",
|
|
9477
|
+
{
|
|
9478
|
+
fill: "currentColor",
|
|
9479
|
+
fillRule: "evenodd",
|
|
9480
|
+
d: "M18.29 2.542 7.467 22.414l-1.757-.956L16.532 1.586l1.757.956ZM17.5 13a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm0 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM6.5 4a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm0 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z",
|
|
9481
|
+
clipRule: "evenodd"
|
|
9482
|
+
}
|
|
9483
|
+
)
|
|
9484
|
+
);
|
|
9485
|
+
}
|
|
9486
|
+
);
|
|
9487
|
+
IconPercent[designSystemBaseIcon.iconSymbol] = true;
|
|
9488
|
+
|
|
9357
9489
|
const IconPersonInCircle = react.forwardRef(
|
|
9358
9490
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
9359
9491
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -9990,6 +10122,34 @@ const IconPrevious = react.forwardRef(
|
|
|
9990
10122
|
);
|
|
9991
10123
|
IconPrevious[designSystemBaseIcon.iconSymbol] = true;
|
|
9992
10124
|
|
|
10125
|
+
const IconProgressBar = react.forwardRef(
|
|
10126
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
10127
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
10128
|
+
return react.createElement(
|
|
10129
|
+
StyledIcon,
|
|
10130
|
+
{
|
|
10131
|
+
...props,
|
|
10132
|
+
debug,
|
|
10133
|
+
"aria-hidden": true,
|
|
10134
|
+
size,
|
|
10135
|
+
viewBox: "0 0 24 24",
|
|
10136
|
+
fill: "none",
|
|
10137
|
+
ref: forwardRef2
|
|
10138
|
+
},
|
|
10139
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
10140
|
+
"path",
|
|
10141
|
+
{
|
|
10142
|
+
fill: "currentColor",
|
|
10143
|
+
fillRule: "evenodd",
|
|
10144
|
+
d: "m22 8 1 1v5l-1 1H2l-1-1V9l1-1h20Zm-12 5h11v-3H10v3Z",
|
|
10145
|
+
clipRule: "evenodd"
|
|
10146
|
+
}
|
|
10147
|
+
)
|
|
10148
|
+
);
|
|
10149
|
+
}
|
|
10150
|
+
);
|
|
10151
|
+
IconProgressBar[designSystemBaseIcon.iconSymbol] = true;
|
|
10152
|
+
|
|
9993
10153
|
const IconProhibit = react.forwardRef(
|
|
9994
10154
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
9995
10155
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -10718,7 +10878,7 @@ const IconRectanglePortraitFilled = react.forwardRef(
|
|
|
10718
10878
|
"path",
|
|
10719
10879
|
{
|
|
10720
10880
|
fill: "currentColor",
|
|
10721
|
-
d: "
|
|
10881
|
+
d: "M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Z"
|
|
10722
10882
|
}
|
|
10723
10883
|
)
|
|
10724
10884
|
);
|
|
@@ -10796,7 +10956,9 @@ const IconRectanglePortrait = react.forwardRef(
|
|
|
10796
10956
|
"path",
|
|
10797
10957
|
{
|
|
10798
10958
|
fill: "currentColor",
|
|
10799
|
-
|
|
10959
|
+
fillRule: "evenodd",
|
|
10960
|
+
d: "M18 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12ZM6 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H6Z",
|
|
10961
|
+
clipRule: "evenodd"
|
|
10800
10962
|
}
|
|
10801
10963
|
)
|
|
10802
10964
|
);
|
|
@@ -15676,6 +15838,34 @@ const IconWarning = react.forwardRef(
|
|
|
15676
15838
|
);
|
|
15677
15839
|
IconWarning[designSystemBaseIcon.iconSymbol] = true;
|
|
15678
15840
|
|
|
15841
|
+
const IconWidgetColumns = react.forwardRef(
|
|
15842
|
+
({ size = "medium", ...props }, forwardRef2) => {
|
|
15843
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
15844
|
+
return react.createElement(
|
|
15845
|
+
StyledIcon,
|
|
15846
|
+
{
|
|
15847
|
+
...props,
|
|
15848
|
+
debug,
|
|
15849
|
+
"aria-hidden": true,
|
|
15850
|
+
size,
|
|
15851
|
+
viewBox: "0 0 24 24",
|
|
15852
|
+
fill: "none",
|
|
15853
|
+
ref: forwardRef2
|
|
15854
|
+
},
|
|
15855
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
15856
|
+
"path",
|
|
15857
|
+
{
|
|
15858
|
+
fill: "currentColor",
|
|
15859
|
+
fillRule: "evenodd",
|
|
15860
|
+
d: "M19 2a3 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 1v14a1 1 0 0 0 1 1h3V4H5Zm11 16h3a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-3v16Zm-6 0h4V4h-4v16Z",
|
|
15861
|
+
clipRule: "evenodd"
|
|
15862
|
+
}
|
|
15863
|
+
)
|
|
15864
|
+
);
|
|
15865
|
+
}
|
|
15866
|
+
);
|
|
15867
|
+
IconWidgetColumns[designSystemBaseIcon.iconSymbol] = true;
|
|
15868
|
+
|
|
15679
15869
|
const IconWifiExclamation = react.forwardRef(
|
|
15680
15870
|
({ size = "medium", ...props }, forwardRef2) => {
|
|
15681
15871
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -15758,6 +15948,7 @@ exports.IconArrowClockwiseUpLeft = IconArrowClockwiseUpLeft;
|
|
|
15758
15948
|
exports.IconArrowCounterClockwiseDownLeft = IconArrowCounterClockwiseDownLeft;
|
|
15759
15949
|
exports.IconArrowCounterClockwiseUpRight = IconArrowCounterClockwiseUpRight;
|
|
15760
15950
|
exports.IconArrowCurvesBottomRight = IconArrowCurvesBottomRight;
|
|
15951
|
+
exports.IconArrowCurvesSparks = IconArrowCurvesSparks;
|
|
15761
15952
|
exports.IconArrowDown = IconArrowDown;
|
|
15762
15953
|
exports.IconArrowDownLeft = IconArrowDownLeft;
|
|
15763
15954
|
exports.IconArrowDownRight = IconArrowDownRight;
|
|
@@ -15770,6 +15961,7 @@ exports.IconArrowLeft = IconArrowLeft;
|
|
|
15770
15961
|
exports.IconArrowLeftAwayLine = IconArrowLeftAwayLine;
|
|
15771
15962
|
exports.IconArrowLeftRightDotted = IconArrowLeftRightDotted;
|
|
15772
15963
|
exports.IconArrowLeftTowardLine = IconArrowLeftTowardLine;
|
|
15964
|
+
exports.IconArrowMobile = IconArrowMobile;
|
|
15773
15965
|
exports.IconArrowRight = IconArrowRight;
|
|
15774
15966
|
exports.IconArrowRightAwayLine = IconArrowRightAwayLine;
|
|
15775
15967
|
exports.IconArrowRightTowardLine = IconArrowRightTowardLine;
|
|
@@ -15894,6 +16086,7 @@ exports.IconCrop = IconCrop;
|
|
|
15894
16086
|
exports.IconCross = IconCross;
|
|
15895
16087
|
exports.IconCrossCircle = IconCrossCircle;
|
|
15896
16088
|
exports.IconCrossFat = IconCrossFat;
|
|
16089
|
+
exports.IconCrossMobile = IconCrossMobile;
|
|
15897
16090
|
exports.IconCrossSquare = IconCrossSquare;
|
|
15898
16091
|
exports.IconCube = IconCube;
|
|
15899
16092
|
exports.IconCursor = IconCursor;
|
|
@@ -15918,6 +16111,7 @@ exports.IconDiagramCardTeam = IconDiagramCardTeam;
|
|
|
15918
16111
|
exports.IconDiagramCardUser = IconDiagramCardUser;
|
|
15919
16112
|
exports.IconDiagramming = IconDiagramming;
|
|
15920
16113
|
exports.IconDiagrammingShapes = IconDiagrammingShapes;
|
|
16114
|
+
exports.IconDigit = IconDigit;
|
|
15921
16115
|
exports.IconDistributeHorizontal = IconDistributeHorizontal;
|
|
15922
16116
|
exports.IconDistributeVertical = IconDistributeVertical;
|
|
15923
16117
|
exports.IconDocFormat = IconDocFormat;
|
|
@@ -16080,6 +16274,7 @@ exports.IconPenTip = IconPenTip;
|
|
|
16080
16274
|
exports.IconPenUnderline = IconPenUnderline;
|
|
16081
16275
|
exports.IconPentagon = IconPentagon;
|
|
16082
16276
|
exports.IconPeopleList = IconPeopleList;
|
|
16277
|
+
exports.IconPercent = IconPercent;
|
|
16083
16278
|
exports.IconPersonInCircle = IconPersonInCircle;
|
|
16084
16279
|
exports.IconPhoneFilled = IconPhoneFilled;
|
|
16085
16280
|
exports.IconPixelEraser = IconPixelEraser;
|
|
@@ -16104,6 +16299,7 @@ exports.IconPresentationNumberOne = IconPresentationNumberOne;
|
|
|
16104
16299
|
exports.IconPresentationPlay = IconPresentationPlay;
|
|
16105
16300
|
exports.IconPresentationPlus = IconPresentationPlus;
|
|
16106
16301
|
exports.IconPrevious = IconPrevious;
|
|
16302
|
+
exports.IconProgressBar = IconProgressBar;
|
|
16107
16303
|
exports.IconProhibit = IconProhibit;
|
|
16108
16304
|
exports.IconProtoButton = IconProtoButton;
|
|
16109
16305
|
exports.IconProtoCheckbox = IconProtoCheckbox;
|
|
@@ -16317,6 +16513,7 @@ exports.IconViewSideRight = IconViewSideRight;
|
|
|
16317
16513
|
exports.IconWallet = IconWallet;
|
|
16318
16514
|
exports.IconWand = IconWand;
|
|
16319
16515
|
exports.IconWarning = IconWarning;
|
|
16516
|
+
exports.IconWidgetColumns = IconWidgetColumns;
|
|
16320
16517
|
exports.IconWifi = IconWifi;
|
|
16321
16518
|
exports.IconWifiExclamation = IconWifiExclamation;
|
|
16322
16519
|
//# sourceMappingURL=main.js.map
|