@mirohq/design-system-icons 0.58.1 → 0.59.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 +171 -3
- package/dist/main.js.map +1 -1
- package/dist/module.js +167 -4
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +11 -1
- package/package.json +5 -5
- package/react/attachment.tsx +37 -0
- package/react/calendar-end.tsx +42 -0
- package/react/calendar-start.tsx +42 -0
- package/react/clock-counter-clockwise.tsx +5 -3
- package/react/index.ts +5 -0
- package/react/number.tsx +37 -0
- package/react/select.tsx +37 -0
- package/svg/24/attachment.svg +2 -0
- package/svg/24/calendar-end.svg +2 -0
- package/svg/24/calendar-start.svg +2 -0
- package/svg/24/clock-counter-clockwise-new.svg +1 -1
- package/svg/24/number.svg +2 -0
- package/svg/24/select.svg +2 -0
- package/svg/meta.json +32 -0
package/dist/main.js
CHANGED
|
@@ -2122,6 +2122,35 @@ const IconAt = react.forwardRef(
|
|
|
2122
2122
|
);
|
|
2123
2123
|
IconAt[designSystemBaseIcon.iconSymbol] = true;
|
|
2124
2124
|
|
|
2125
|
+
const IconAttachment = react.forwardRef(
|
|
2126
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
2127
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
2128
|
+
return react.createElement(
|
|
2129
|
+
StyledIcon,
|
|
2130
|
+
{
|
|
2131
|
+
...props,
|
|
2132
|
+
weight,
|
|
2133
|
+
debug,
|
|
2134
|
+
"aria-hidden": true,
|
|
2135
|
+
size,
|
|
2136
|
+
viewBox: "0 0 24 24",
|
|
2137
|
+
fill: "none",
|
|
2138
|
+
ref: forwardRef2
|
|
2139
|
+
},
|
|
2140
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2141
|
+
"path",
|
|
2142
|
+
{
|
|
2143
|
+
fill: "currentColor",
|
|
2144
|
+
fillRule: "evenodd",
|
|
2145
|
+
d: "M13.7955 3.0302a3.625 3.625 0 0 1 5.1255 5.1268 1.0487 1.0487 0 0 1-.0222.022l-8.9813 8.6438c-.3979.3829-1.031.3708-1.414-.0271-.3829-.398-.3708-1.031.0271-1.414l8.9687-8.6316a1.6251 1.6251 0 0 0-2.3038-2.2916l-9.1936 9.1664a3.5002 3.5002 0 0 0 2.4838 5.9514 3.5001 3.5001 0 0 0 2.4664-1.0026l7.6904-7.6791c.3908-.3902 1.024-.3898 1.4142.001.3903.3909.3898 1.024-.001 1.4143l-7.6984 7.6871a5.5004 5.5004 0 0 1-7.7464-.0316 5.5 5.5 0 0 1-.0315-7.7464l.0067-.0068 9.2094-9.182Z",
|
|
2146
|
+
clipRule: "evenodd"
|
|
2147
|
+
}
|
|
2148
|
+
)
|
|
2149
|
+
);
|
|
2150
|
+
}
|
|
2151
|
+
);
|
|
2152
|
+
IconAttachment[designSystemBaseIcon.iconSymbol] = true;
|
|
2153
|
+
|
|
2125
2154
|
const IconBadge = react.forwardRef(
|
|
2126
2155
|
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
2127
2156
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -2675,6 +2704,80 @@ const IconCalendarBlank = react.forwardRef(
|
|
|
2675
2704
|
);
|
|
2676
2705
|
IconCalendarBlank[designSystemBaseIcon.iconSymbol] = true;
|
|
2677
2706
|
|
|
2707
|
+
const IconCalendarEnd = react.forwardRef(
|
|
2708
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
2709
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
2710
|
+
return react.createElement(
|
|
2711
|
+
StyledIcon,
|
|
2712
|
+
{
|
|
2713
|
+
...props,
|
|
2714
|
+
weight,
|
|
2715
|
+
debug,
|
|
2716
|
+
"aria-hidden": true,
|
|
2717
|
+
size,
|
|
2718
|
+
viewBox: "0 0 24 24",
|
|
2719
|
+
fill: "none",
|
|
2720
|
+
ref: forwardRef2
|
|
2721
|
+
},
|
|
2722
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2723
|
+
"path",
|
|
2724
|
+
{
|
|
2725
|
+
stroke: "currentColor",
|
|
2726
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
2727
|
+
d: "M12 10.9999v.0001"
|
|
2728
|
+
}
|
|
2729
|
+
),
|
|
2730
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2731
|
+
"path",
|
|
2732
|
+
{
|
|
2733
|
+
fill: "currentColor",
|
|
2734
|
+
fillRule: "evenodd",
|
|
2735
|
+
d: "M9 3c0-.5523-.4477-1-1-1s-1 .4477-1 1v1h-4c-.5523 0-1 .4477-1 1v6c0 .5523.4477 1 1 1h17v8h-5.5v-5c0-.5523-.4477-1-1-1s-1 .4477-1 1v6c0 .5523.4477 1 1 1h7.5c.5523 0 1-.4477 1-1v-16c0-.5523-.4477-1-1-1h-4v-1c0-.5523-.4477-1-1-1s-1 .4477-1 1v1h-6v-1Zm-5 3h3v1c0 .5523.4477 1 1 1s1-.4477 1-1v-1h6v1c0 .5523.4477 1 1 1s1-.4477 1-1v-1h3v4h-16v-4Zm7.1247 12.0309a1.0001 1.0001 0 0 0 0-1.5618l-3.75-3c-.4313-.345-1.0606-.2751-1.4056.1562s-.275 1.0606.1562 1.4056l1.524 1.2191h-6.1493c-.5523 0-1 .4477-1 1s.4477 1 1 1h6.1492l-1.5239 1.2191c-.4313.345-.5012.9743-.1562 1.4056.345.4313.9743.5012 1.4056.1562l3.75-3Z",
|
|
2736
|
+
clipRule: "evenodd"
|
|
2737
|
+
}
|
|
2738
|
+
)
|
|
2739
|
+
);
|
|
2740
|
+
}
|
|
2741
|
+
);
|
|
2742
|
+
IconCalendarEnd[designSystemBaseIcon.iconSymbol] = true;
|
|
2743
|
+
|
|
2744
|
+
const IconCalendarStart = react.forwardRef(
|
|
2745
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
2746
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
2747
|
+
return react.createElement(
|
|
2748
|
+
StyledIcon,
|
|
2749
|
+
{
|
|
2750
|
+
...props,
|
|
2751
|
+
weight,
|
|
2752
|
+
debug,
|
|
2753
|
+
"aria-hidden": true,
|
|
2754
|
+
size,
|
|
2755
|
+
viewBox: "0 0 24 24",
|
|
2756
|
+
fill: "none",
|
|
2757
|
+
ref: forwardRef2
|
|
2758
|
+
},
|
|
2759
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2760
|
+
"path",
|
|
2761
|
+
{
|
|
2762
|
+
stroke: "currentColor",
|
|
2763
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
2764
|
+
d: "M12 11v.0001"
|
|
2765
|
+
}
|
|
2766
|
+
),
|
|
2767
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2768
|
+
"path",
|
|
2769
|
+
{
|
|
2770
|
+
fill: "currentColor",
|
|
2771
|
+
fillRule: "evenodd",
|
|
2772
|
+
d: "M9 3c0-.5523-.4477-1-1-1s-1 .4477-1 1v1h-4c-.5523 0-1 .4477-1 1v16c0 .5523.4477 1 1 1h7.5c.5523 0 1-.4477 1-1v-6c0-.5523-.4477-1-1-1s-1 .4477-1 1v5h-5.5v-8h17c.5523 0 1-.4477 1-1v-6c0-.5523-.4477-1-1-1h-4v-1c0-.5523-.4477-1-1-1s-1 .4477-1 1v1h-6v-1Zm-5 3h3v1c0 .5523.4477 1 1 1s1-.4477 1-1v-1h6v1c0 .5523.4477 1 1 1s1-.4477 1-1v-1h3v4h-16v-4Zm19.1247 12.0309a1.0001 1.0001 0 0 0 0-1.5618l-3.75-3c-.4313-.345-1.0606-.2751-1.4056.1562s-.2751 1.0606.1562 1.4056l1.5239 1.2191h-6.1492c-.5523 0-1 .4477-1 1s.4477 1 1 1h6.1492l-1.5239 1.2191c-.4313.345-.5012.9743-.1562 1.4056.345.4313.9743.5012 1.4056.1562l3.75-3Z",
|
|
2773
|
+
clipRule: "evenodd"
|
|
2774
|
+
}
|
|
2775
|
+
)
|
|
2776
|
+
);
|
|
2777
|
+
}
|
|
2778
|
+
);
|
|
2779
|
+
IconCalendarStart[designSystemBaseIcon.iconSymbol] = true;
|
|
2780
|
+
|
|
2678
2781
|
const IconCamera = react.forwardRef(
|
|
2679
2782
|
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
2680
2783
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -4114,11 +4217,13 @@ const IconClockCounterClockwiseNew = react.forwardRef(
|
|
|
4114
4217
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4115
4218
|
"path",
|
|
4116
4219
|
{
|
|
4117
|
-
|
|
4118
|
-
|
|
4220
|
+
stroke: "currentColor",
|
|
4221
|
+
strokeLinecap: "round",
|
|
4222
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
4223
|
+
d: "m12 12 3-3m-10.7421 5.0147c-1.1127-4.276 1.4516-8.6442 5.7274-9.7569 4.2759-1.1126 8.6442 1.4517 9.7569 5.7275 1.1126 4.2759-1.4516 8.6442-5.7275 9.7569a8.0132 8.0132 0 0 1-1.999.2597m-11.0157-8.0019 3 3 3-3"
|
|
4119
4224
|
}
|
|
4120
4225
|
),
|
|
4121
|
-
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx:
|
|
4226
|
+
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 12, cy: 12, r: 2, fill: "currentColor" })
|
|
4122
4227
|
);
|
|
4123
4228
|
}
|
|
4124
4229
|
);
|
|
@@ -10673,6 +10778,35 @@ const IconNotepad = react.forwardRef(
|
|
|
10673
10778
|
);
|
|
10674
10779
|
IconNotepad[designSystemBaseIcon.iconSymbol] = true;
|
|
10675
10780
|
|
|
10781
|
+
const IconNumber = react.forwardRef(
|
|
10782
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
10783
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
10784
|
+
return react.createElement(
|
|
10785
|
+
StyledIcon,
|
|
10786
|
+
{
|
|
10787
|
+
...props,
|
|
10788
|
+
weight,
|
|
10789
|
+
debug,
|
|
10790
|
+
"aria-hidden": true,
|
|
10791
|
+
size,
|
|
10792
|
+
viewBox: "0 0 24 24",
|
|
10793
|
+
fill: "none",
|
|
10794
|
+
ref: forwardRef2
|
|
10795
|
+
},
|
|
10796
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
10797
|
+
"path",
|
|
10798
|
+
{
|
|
10799
|
+
fill: "currentColor",
|
|
10800
|
+
fillRule: "evenodd",
|
|
10801
|
+
d: "M11.4864 3.1645c.0908-.5448-.2772-1.06-.822-1.1508-.5448-.0908-1.06.2772-1.1508.822l-.8608 5.1646h-4.6528c-.5523 0-1 .4478-1 1 0 .5523.4477 1 1 1h4.3195l-.6667 4h-4.6528c-.5523 0-1 .4478-1 1 0 .5523.4477 1 1 1h4.3195l-.8059 4.8354c-.0908.5448.2772 1.06.822 1.1508.5448.0908 1.06-.2772 1.1508-.822l.8607-5.1642h4.4724l-.8059 4.8354c-.0908.5448.2772 1.06.822 1.1508.5448.0908 1.06-.2772 1.1508-.822l.8607-5.1642h4.1529c.5523 0 1-.4477 1-1 0-.5522-.4477-1-1-1h-3.8196l.6667-4h4.1529c.5523 0 1-.4477 1-1 0-.5522-.4477-1-1-1h-3.8196l.806-4.8358c.0908-.5448-.2772-1.06-.822-1.1508-.5448-.0908-1.06.2772-1.1508.822l-.8608 5.1646h-4.4724l.806-4.8358Zm2.6664 10.8358.6667-4h-4.4724l-.6667 4h4.4724Z",
|
|
10802
|
+
clipRule: "evenodd"
|
|
10803
|
+
}
|
|
10804
|
+
)
|
|
10805
|
+
);
|
|
10806
|
+
}
|
|
10807
|
+
);
|
|
10808
|
+
IconNumber[designSystemBaseIcon.iconSymbol] = true;
|
|
10809
|
+
|
|
10676
10810
|
const IconOctagon = react.forwardRef(
|
|
10677
10811
|
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
10678
10812
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -13807,6 +13941,35 @@ const IconScrollbarXy = react.forwardRef(
|
|
|
13807
13941
|
);
|
|
13808
13942
|
IconScrollbarXy[designSystemBaseIcon.iconSymbol] = true;
|
|
13809
13943
|
|
|
13944
|
+
const IconSelect = react.forwardRef(
|
|
13945
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
13946
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
13947
|
+
return react.createElement(
|
|
13948
|
+
StyledIcon,
|
|
13949
|
+
{
|
|
13950
|
+
...props,
|
|
13951
|
+
weight,
|
|
13952
|
+
debug,
|
|
13953
|
+
"aria-hidden": true,
|
|
13954
|
+
size,
|
|
13955
|
+
viewBox: "0 0 24 24",
|
|
13956
|
+
fill: "none",
|
|
13957
|
+
ref: forwardRef2
|
|
13958
|
+
},
|
|
13959
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
13960
|
+
"path",
|
|
13961
|
+
{
|
|
13962
|
+
fill: "currentColor",
|
|
13963
|
+
fillRule: "evenodd",
|
|
13964
|
+
d: "M3 12c0-4.9706 4.0294-9 9-9s9 4.0294 9 9-4.0294 9-9 9-9-4.0294-9-9Zm9-11c-6.0751 0-11 4.9249-11 11s4.9249 11 11 11 11-4.9249 11-11-4.9249-11-11-11Zm-2.7474 9.3415c-.3637-.4156-.9955-.4578-1.4111-.0941-.4156.3637-.4578.9955-.094 1.4111l3.1236 3.57c.5977.683 1.6601.683 2.2578 0l3.1237-3.57c.3637-.4156.3215-1.0474-.0941-1.4111-.4156-.3637-1.0474-.3215-1.4111.0941l-2.7474 3.1399-2.7474-3.1399Z",
|
|
13965
|
+
clipRule: "evenodd"
|
|
13966
|
+
}
|
|
13967
|
+
)
|
|
13968
|
+
);
|
|
13969
|
+
}
|
|
13970
|
+
);
|
|
13971
|
+
IconSelect[designSystemBaseIcon.iconSymbol] = true;
|
|
13972
|
+
|
|
13810
13973
|
const IconShadow = react.forwardRef(
|
|
13811
13974
|
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
13812
13975
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -19309,6 +19472,7 @@ exports.IconArrowsTimeBackward = IconArrowsTimeBackward;
|
|
|
19309
19472
|
exports.IconArrowsTimeForward = IconArrowsTimeForward;
|
|
19310
19473
|
exports.IconArticle = IconArticle;
|
|
19311
19474
|
exports.IconAt = IconAt;
|
|
19475
|
+
exports.IconAttachment = IconAttachment;
|
|
19312
19476
|
exports.IconBadge = IconBadge;
|
|
19313
19477
|
exports.IconBarrel = IconBarrel;
|
|
19314
19478
|
exports.IconBell = IconBell;
|
|
@@ -19324,6 +19488,8 @@ exports.IconBracketsAngleSlash = IconBracketsAngleSlash;
|
|
|
19324
19488
|
exports.IconBracketsCurlyCirclesThree = IconBracketsCurlyCirclesThree;
|
|
19325
19489
|
exports.IconBrush = IconBrush;
|
|
19326
19490
|
exports.IconCalendarBlank = IconCalendarBlank;
|
|
19491
|
+
exports.IconCalendarEnd = IconCalendarEnd;
|
|
19492
|
+
exports.IconCalendarStart = IconCalendarStart;
|
|
19327
19493
|
exports.IconCamera = IconCamera;
|
|
19328
19494
|
exports.IconCard = IconCard;
|
|
19329
19495
|
exports.IconCardCircles = IconCardCircles;
|
|
@@ -19531,6 +19697,7 @@ exports.IconNodesConnected = IconNodesConnected;
|
|
|
19531
19697
|
exports.IconNodesConnectionsThree = IconNodesConnectionsThree;
|
|
19532
19698
|
exports.IconNoteMagnifyingGlass = IconNoteMagnifyingGlass;
|
|
19533
19699
|
exports.IconNotepad = IconNotepad;
|
|
19700
|
+
exports.IconNumber = IconNumber;
|
|
19534
19701
|
exports.IconOctagon = IconOctagon;
|
|
19535
19702
|
exports.IconOffice = IconOffice;
|
|
19536
19703
|
exports.IconOrgChart = IconOrgChart;
|
|
@@ -19615,6 +19782,7 @@ exports.IconRss = IconRss;
|
|
|
19615
19782
|
exports.IconRssRectangle = IconRssRectangle;
|
|
19616
19783
|
exports.IconScissors = IconScissors;
|
|
19617
19784
|
exports.IconScrollbarXy = IconScrollbarXy;
|
|
19785
|
+
exports.IconSelect = IconSelect;
|
|
19618
19786
|
exports.IconShadow = IconShadow;
|
|
19619
19787
|
exports.IconShapes = IconShapes;
|
|
19620
19788
|
exports.IconShapesLines = IconShapesLines;
|