@mirohq/design-system-icons 0.24.5 → 0.25.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 +142 -2
- package/dist/main.js.map +1 -1
- package/dist/module.js +138 -3
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +11 -1
- package/package.json +3 -3
- package/react/connection-line-elbows.tsx +34 -0
- package/react/connection-line-straight.tsx +37 -0
- package/react/index.ts +5 -0
- package/react/palette.tsx +35 -0
- package/react/pen-underline.tsx +34 -0
- package/react/push-pin-filled.tsx +37 -0
- package/react/push-pin.tsx +5 -2
- package/svg/24/connection-line-elbows.svg +2 -0
- package/svg/24/connection-line-straight.svg +2 -0
- package/svg/24/palette.svg +2 -0
- package/svg/24/pen-underline.svg +2 -0
- package/svg/24/push-pin-filled.svg +2 -0
- package/svg/24/push-pin.svg +1 -1
- package/svg/meta.json +44 -0
package/dist/main.js
CHANGED
|
@@ -2711,6 +2711,58 @@ const IconConeSerpentine = React.forwardRef(
|
|
|
2711
2711
|
);
|
|
2712
2712
|
IconConeSerpentine[designSystemBaseIcon.iconSymbol] = true;
|
|
2713
2713
|
|
|
2714
|
+
const IconConnectionLineElbows = React.forwardRef(
|
|
2715
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => React.createElement(
|
|
2716
|
+
StyledIcon,
|
|
2717
|
+
{
|
|
2718
|
+
...props,
|
|
2719
|
+
weight,
|
|
2720
|
+
size,
|
|
2721
|
+
viewBox: "0 0 24 24",
|
|
2722
|
+
fill: "none",
|
|
2723
|
+
ref: forwardRef2
|
|
2724
|
+
},
|
|
2725
|
+
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
2726
|
+
fill: "currentColor",
|
|
2727
|
+
d: "M15 3v6l6-3-6-3Z"
|
|
2728
|
+
}),
|
|
2729
|
+
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
2730
|
+
stroke: "currentColor",
|
|
2731
|
+
strokeLinecap: "round",
|
|
2732
|
+
strokeLinejoin: "round",
|
|
2733
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
2734
|
+
d: "M3 20h4c1.1046 0 2-.8954 2-2v-9c0-1.1046.8954-2 2-2h4m0 0v-3l6 3-6 3v-3Z"
|
|
2735
|
+
})
|
|
2736
|
+
)
|
|
2737
|
+
);
|
|
2738
|
+
IconConnectionLineElbows[designSystemBaseIcon.iconSymbol] = true;
|
|
2739
|
+
|
|
2740
|
+
const IconConnectionLineStraight = React.forwardRef(
|
|
2741
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => React.createElement(
|
|
2742
|
+
StyledIcon,
|
|
2743
|
+
{
|
|
2744
|
+
...props,
|
|
2745
|
+
weight,
|
|
2746
|
+
size,
|
|
2747
|
+
viewBox: "0 0 24 24",
|
|
2748
|
+
fill: "none",
|
|
2749
|
+
ref: forwardRef2
|
|
2750
|
+
},
|
|
2751
|
+
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
2752
|
+
fill: "currentColor",
|
|
2753
|
+
d: "m19.6569 4.1214-2.4143 6.6569-2.1213-2.1213-2.1213-2.1214 6.6569-2.4142Z"
|
|
2754
|
+
}),
|
|
2755
|
+
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
2756
|
+
stroke: "currentColor",
|
|
2757
|
+
strokeLinecap: "round",
|
|
2758
|
+
strokeLinejoin: "round",
|
|
2759
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
2760
|
+
d: "m15.1213 8.6569-2.1213-2.1213 6.6569-2.4142-2.4143 6.6568-2.1213-2.1213Zm0 0-11.1213 11.3432"
|
|
2761
|
+
})
|
|
2762
|
+
)
|
|
2763
|
+
);
|
|
2764
|
+
IconConnectionLineStraight[designSystemBaseIcon.iconSymbol] = true;
|
|
2765
|
+
|
|
2714
2766
|
const IconCornersThreeEyeOpen = React.forwardRef(
|
|
2715
2767
|
({ size = "medium", weight = "normal", ...props }, forwardRef2) => React.createElement(
|
|
2716
2768
|
StyledIcon,
|
|
@@ -6077,6 +6129,30 @@ const IconPaintBucket = React.forwardRef(
|
|
|
6077
6129
|
);
|
|
6078
6130
|
IconPaintBucket[designSystemBaseIcon.iconSymbol] = true;
|
|
6079
6131
|
|
|
6132
|
+
const IconPalette = React.forwardRef(
|
|
6133
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => React.createElement(
|
|
6134
|
+
StyledIcon,
|
|
6135
|
+
{
|
|
6136
|
+
...props,
|
|
6137
|
+
weight,
|
|
6138
|
+
size,
|
|
6139
|
+
viewBox: "0 0 24 24",
|
|
6140
|
+
fill: "none",
|
|
6141
|
+
ref: forwardRef2
|
|
6142
|
+
},
|
|
6143
|
+
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
6144
|
+
fill: "currentColor",
|
|
6145
|
+
d: "M11 8.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5ZM15 7.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5ZM18 10.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5ZM17 14.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Z"
|
|
6146
|
+
}),
|
|
6147
|
+
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
6148
|
+
stroke: "currentColor",
|
|
6149
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
6150
|
+
d: "M13 21c3.5 0 8-4.0294 8-9s-4.0294-9-9-9-9 4.0294-9 9c0 1.2414.5 3.5 1 4s1-2.5 3.5-2.5c.2852 0 1 0 1.5.5s.5 1 .5 1c0 1-.4234 1.8873-.5 2.5-.0484.3875-.0484.6125 0 1 .0484.3875.5 2.5 4 2.5Z"
|
|
6151
|
+
})
|
|
6152
|
+
)
|
|
6153
|
+
);
|
|
6154
|
+
IconPalette[designSystemBaseIcon.iconSymbol] = true;
|
|
6155
|
+
|
|
6080
6156
|
const IconPaperPlaneFilledRight = React.forwardRef(
|
|
6081
6157
|
({ size = "medium", weight = "normal", ...props }, forwardRef2) => React.createElement(
|
|
6082
6158
|
StyledIcon,
|
|
@@ -6277,6 +6353,36 @@ const IconPenTip = React.forwardRef(
|
|
|
6277
6353
|
);
|
|
6278
6354
|
IconPenTip[designSystemBaseIcon.iconSymbol] = true;
|
|
6279
6355
|
|
|
6356
|
+
const IconPenUnderline = React.forwardRef(
|
|
6357
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => React.createElement(
|
|
6358
|
+
StyledIcon,
|
|
6359
|
+
{
|
|
6360
|
+
...props,
|
|
6361
|
+
weight,
|
|
6362
|
+
size,
|
|
6363
|
+
viewBox: "0 0 24 24",
|
|
6364
|
+
fill: "none",
|
|
6365
|
+
ref: forwardRef2
|
|
6366
|
+
},
|
|
6367
|
+
/* @__PURE__ */ React__default["default"].createElement("rect", {
|
|
6368
|
+
width: 18,
|
|
6369
|
+
height: 2,
|
|
6370
|
+
x: 3,
|
|
6371
|
+
y: 20,
|
|
6372
|
+
fill: "currentColor",
|
|
6373
|
+
rx: 0.5
|
|
6374
|
+
}),
|
|
6375
|
+
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
6376
|
+
stroke: "currentColor",
|
|
6377
|
+
strokeLinecap: "round",
|
|
6378
|
+
strokeLinejoin: "round",
|
|
6379
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
6380
|
+
d: "m13.8889 5.5556-7.5718 7.5718a2.0001 2.0001 0 0 0-.547 1.0219l-.6966 3.483c-.035.1749.1193.3291.2942.2942l3.483-.6966a2.0005 2.0005 0 0 0 1.022-.547l7.5717-7.5718m-3.5555-3.5555 2.1413-2.1414c.7811-.781 2.0474-.781 2.8285 0l.7271.7271c.781.781.781 2.0474 0 2.8285l-2.1414 2.1413m-3.5555-3.5555 3.5555 3.5555"
|
|
6381
|
+
})
|
|
6382
|
+
)
|
|
6383
|
+
);
|
|
6384
|
+
IconPenUnderline[designSystemBaseIcon.iconSymbol] = true;
|
|
6385
|
+
|
|
6280
6386
|
const IconPen = React.forwardRef(
|
|
6281
6387
|
({ size = "medium", weight = "normal", ...props }, forwardRef2) => React.createElement(
|
|
6282
6388
|
StyledIcon,
|
|
@@ -6838,6 +6944,32 @@ const IconProhibit = React.forwardRef(
|
|
|
6838
6944
|
);
|
|
6839
6945
|
IconProhibit[designSystemBaseIcon.iconSymbol] = true;
|
|
6840
6946
|
|
|
6947
|
+
const IconPushPinFilled = React.forwardRef(
|
|
6948
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => React.createElement(
|
|
6949
|
+
StyledIcon,
|
|
6950
|
+
{
|
|
6951
|
+
...props,
|
|
6952
|
+
weight,
|
|
6953
|
+
size,
|
|
6954
|
+
viewBox: "0 0 24 24",
|
|
6955
|
+
fill: "none",
|
|
6956
|
+
ref: forwardRef2
|
|
6957
|
+
},
|
|
6958
|
+
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
6959
|
+
stroke: "currentColor",
|
|
6960
|
+
strokeLinecap: "round",
|
|
6961
|
+
strokeMiterlimit: 1.414,
|
|
6962
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
6963
|
+
d: "m13.3846 3 1.3846 1.3846m0 0-9.8846 8.1154m9.8846-8.1154 4.8462 4.8462m0 0 1.3846 1.3846m-1.3846-1.3846-7.9387 10.0613m1.7079 1.7079-5.1923-5.1923m0 0-5.1923-5.1923m5.1923 5.1923-5.1923 5.1923"
|
|
6964
|
+
}),
|
|
6965
|
+
/* @__PURE__ */ React__default["default"].createElement("path", {
|
|
6966
|
+
fill: "currentColor",
|
|
6967
|
+
d: "m4.8846 12.5 9.8846-8.1154 4.8462 4.8462-7.9387 10.0613-3.4844-3.4844-3.3077-3.3077Z"
|
|
6968
|
+
})
|
|
6969
|
+
)
|
|
6970
|
+
);
|
|
6971
|
+
IconPushPinFilled[designSystemBaseIcon.iconSymbol] = true;
|
|
6972
|
+
|
|
6841
6973
|
const IconPushPin = React.forwardRef(
|
|
6842
6974
|
({ size = "medium", weight = "normal", ...props }, forwardRef2) => React.createElement(
|
|
6843
6975
|
StyledIcon,
|
|
@@ -6852,8 +6984,11 @@ const IconPushPin = React.forwardRef(
|
|
|
6852
6984
|
/* @__PURE__ */ React__default["default"].createElement("g", {
|
|
6853
6985
|
clipPath: "url(#a)"
|
|
6854
6986
|
}, /* @__PURE__ */ React__default["default"].createElement("path", {
|
|
6855
|
-
|
|
6856
|
-
|
|
6987
|
+
stroke: "currentColor",
|
|
6988
|
+
strokeLinecap: "round",
|
|
6989
|
+
strokeMiterlimit: 1.414,
|
|
6990
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
6991
|
+
d: "m13.3846 3 1.3846 1.3846m0 0-9.8846 8.1154m9.8846-8.1154 4.8462 4.8462m0 0 1.3846 1.3846m-1.3846-1.3846-7.9387 10.0613m1.7079 1.7079-5.1923-5.1923m0 0-5.1923-5.1923m5.1923 5.1923-5.1923 5.1923"
|
|
6857
6992
|
})),
|
|
6858
6993
|
/* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
|
|
6859
6994
|
id: "a"
|
|
@@ -10533,6 +10668,8 @@ exports.IconClustered = IconClustered;
|
|
|
10533
10668
|
exports.IconCog = IconCog;
|
|
10534
10669
|
exports.IconColumnsThree = IconColumnsThree;
|
|
10535
10670
|
exports.IconConeSerpentine = IconConeSerpentine;
|
|
10671
|
+
exports.IconConnectionLineElbows = IconConnectionLineElbows;
|
|
10672
|
+
exports.IconConnectionLineStraight = IconConnectionLineStraight;
|
|
10536
10673
|
exports.IconCornersThreeEyeOpen = IconCornersThreeEyeOpen;
|
|
10537
10674
|
exports.IconCreditCard = IconCreditCard;
|
|
10538
10675
|
exports.IconCrop = IconCrop;
|
|
@@ -10656,6 +10793,7 @@ exports.IconNoteMagnifyingGlass = IconNoteMagnifyingGlass;
|
|
|
10656
10793
|
exports.IconOctagon = IconOctagon;
|
|
10657
10794
|
exports.IconOffice = IconOffice;
|
|
10658
10795
|
exports.IconPaintBucket = IconPaintBucket;
|
|
10796
|
+
exports.IconPalette = IconPalette;
|
|
10659
10797
|
exports.IconPaperPlaneFilledRight = IconPaperPlaneFilledRight;
|
|
10660
10798
|
exports.IconPaperPlaneTilt = IconPaperPlaneTilt;
|
|
10661
10799
|
exports.IconParallelogram = IconParallelogram;
|
|
@@ -10664,6 +10802,7 @@ exports.IconPauseCircle = IconPauseCircle;
|
|
|
10664
10802
|
exports.IconPdf = IconPdf;
|
|
10665
10803
|
exports.IconPen = IconPen;
|
|
10666
10804
|
exports.IconPenTip = IconPenTip;
|
|
10805
|
+
exports.IconPenUnderline = IconPenUnderline;
|
|
10667
10806
|
exports.IconPentagon = IconPentagon;
|
|
10668
10807
|
exports.IconPlaceholder = IconPlaceholder;
|
|
10669
10808
|
exports.IconPlanet = IconPlanet;
|
|
@@ -10685,6 +10824,7 @@ exports.IconPresentationPlus = IconPresentationPlus;
|
|
|
10685
10824
|
exports.IconPrevious = IconPrevious;
|
|
10686
10825
|
exports.IconProhibit = IconProhibit;
|
|
10687
10826
|
exports.IconPushPin = IconPushPin;
|
|
10827
|
+
exports.IconPushPinFilled = IconPushPinFilled;
|
|
10688
10828
|
exports.IconQuestionMark = IconQuestionMark;
|
|
10689
10829
|
exports.IconQuestionMarkCircle = IconQuestionMarkCircle;
|
|
10690
10830
|
exports.IconRectangleArrowUpCenter = IconRectangleArrowUpCenter;
|