@mirohq/design-system-icons 0.61.1 → 0.62.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 +115 -40
- package/dist/main.js.map +1 -1
- package/dist/module.js +115 -41
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +3 -1
- package/package.json +5 -5
- package/react/exclamation-point-circle.tsx +12 -4
- package/react/index.ts +1 -0
- package/react/phone-filled.tsx +1 -5
- package/react/question-mark-circle.tsx +8 -3
- package/react/sparks-filled.tsx +1 -5
- package/react/sparks.tsx +1 -1
- package/react/user-add.tsx +12 -2
- package/react/user-arrow-right-up.tsx +12 -2
- package/react/user-tick-down.tsx +8 -4
- package/react/wallet.tsx +0 -5
- package/react/warning.tsx +49 -0
- package/svg/24/exclamation-point-circle-new.svg +1 -1
- package/svg/24/headphones-new.svg +2 -0
- package/svg/24/phone-filled.svg +1 -1
- package/svg/24/question-mark-circle-new.svg +1 -1
- package/svg/24/sparks-filled-new.svg +1 -1
- package/svg/24/sparks-new.svg +1 -1
- package/svg/24/user-add-new.svg +1 -1
- package/svg/24/user-arrow-right-up-new.svg +1 -1
- package/svg/24/user-tick-down-new.svg +1 -1
- package/svg/24/wallet.svg +1 -1
- package/svg/24/warning.svg +2 -0
- package/svg/meta.json +11 -10
package/dist/main.js
CHANGED
|
@@ -13787,17 +13787,28 @@ const IconExclamationPointCircleNew = react.forwardRef(
|
|
|
13787
13787
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
13788
13788
|
"path",
|
|
13789
13789
|
{
|
|
13790
|
-
|
|
13791
|
-
|
|
13790
|
+
stroke: "currentColor",
|
|
13791
|
+
strokeLinecap: "round",
|
|
13792
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
13793
|
+
d: "M21 12c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9 9 4.0294 9 9Z"
|
|
13792
13794
|
}
|
|
13793
13795
|
),
|
|
13794
13796
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
13795
13797
|
"path",
|
|
13796
13798
|
{
|
|
13797
13799
|
stroke: "currentColor",
|
|
13798
|
-
strokeLinecap: "round",
|
|
13799
13800
|
strokeWidth: "var(--svg-stroke-width)",
|
|
13800
|
-
d: "
|
|
13801
|
+
d: "M12 14v-7"
|
|
13802
|
+
}
|
|
13803
|
+
),
|
|
13804
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
13805
|
+
"circle",
|
|
13806
|
+
{
|
|
13807
|
+
cx: 12,
|
|
13808
|
+
cy: 16.5,
|
|
13809
|
+
r: 1.5,
|
|
13810
|
+
fill: "currentColor",
|
|
13811
|
+
transform: "rotate(-180 12 16.5)"
|
|
13801
13812
|
}
|
|
13802
13813
|
)
|
|
13803
13814
|
);
|
|
@@ -23750,14 +23761,7 @@ const IconPhoneFilled = react.forwardRef(
|
|
|
23750
23761
|
"path",
|
|
23751
23762
|
{
|
|
23752
23763
|
fill: "currentColor",
|
|
23753
|
-
d: "M12
|
|
23754
|
-
}
|
|
23755
|
-
),
|
|
23756
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
23757
|
-
"path",
|
|
23758
|
-
{
|
|
23759
|
-
fill: "currentColor",
|
|
23760
|
-
d: "m5.5 16 .1427.9898.0268-.0039.0266-.0053-.1961-.9806Zm-2 0 .3824-.924-.3824.924Zm5-1 .5027.8645a1 1 0 0 0 .4973-.8645h-1Zm10 1-.1961.9806.0266.0053.0268.0039.1427-.9898Zm2 0-.3824-.924.3824.924Zm-5-1h-1a1 1 0 0 0 .4973.8645l.5027-.8645Zm-7-4v-1l-1 1h1Zm7 0h1l-1-1v1Zm-12.5 1c0 .0547-.0164.022.0642-.1139.0761-.1283.2103-.2999.4208-.504.4207-.4076 1.0684-.8701 1.912-1.3064 1.684-.871 4.0275-1.5757 6.603-1.5757v-2c-2.9245 0-5.581.7954-7.522 1.7993-.9689.5012-1.7899 1.07-2.385 1.6467-.2972.2882-.5575.597-.749.9199-.187.3153-.344.7044-.344 1.1341h2Zm9-3.5c2.5755 0 4.919.7046 6.6031 1.5757.8435.4363 1.4913.8988 1.9119 1.3064.2105.2041.3447.3757.4208.504.0806.1359.0642.1686.0642.1139h2c0-.4297-.157-.8188-.344-1.1341-.1915-.3229-.4518-.6317-.7491-.92-.595-.5766-1.416-1.1454-2.385-1.6466-1.9409-1.004-4.5974-1.7993-7.5219-1.7993v2Zm-6.5 7.5c-.1427-.9898-.1426-.9898-.1425-.9898h.0003-.0001l-.0017.0002-.0093.0013-.041.0055a10.1769 10.1769 0 0 1-.6732.0649c-.1987.0122-.393.0169-.5547.0092-.1895-.0089-.2339-.0312-.1954-.0153l-.7648 1.848c.2969.1229.6316.154.8656.1651.2618.0124.5352.0038.7719-.0108a12.1915 12.1915 0 0 0 .8646-.0853l.0157-.0022.0048-.0007.0015-.0002.0006-.0001h.0002c.0001 0 .0002 0-.1425-.9898Zm-1.6176-.924c-.5389-.223-.8824-.8903-.8824-1.576h-2c0 1.1623.5654 2.7816 2.1176 3.424l.7648-1.848Zm4.115-.9405c-.683.3971-1.3163.6085-2.6935.8839l.3922 1.9612c1.4614-.2923 2.3445-.5567 3.3066-1.1161l-1.0054-1.729Zm10.5026 1.8645c-.1427.9898-.1426.9898-.1425.9898h.0002l.0006.0001.0015.0002.0048.0007.0157.0022.0549.0073a12.1984 12.1984 0 0 0 .8097.078c.2367.0146.5101.0232.7719.0108.234-.0111.5687-.0422.8656-.1651l-.7648-1.848c.0385-.0159-.0059.0064-.1954.0153-.1617.0077-.356.003-.5547-.0092a10.1817 10.1817 0 0 1-.6732-.0649l-.041-.0055-.0093-.0013-.0017-.0002c-.0001 0-.0001 0 0 0h.0003l-.1426.9898Zm2.3824.924c1.5522-.6424 2.1176-2.2617 2.1176-3.424h-2c0 .6857-.3435 1.353-.8824 1.576l.7648 1.848Zm-5.8851-1.0595c.9621.5594 1.8452.8238 3.3066 1.1161l.3922-1.9612c-1.3772-.2754-2.0105-.4868-2.6934-.8839l-1.0054 1.729Zm-13.9973-3.8645v1.5h2v-1.5h-2Zm6.5-1v4h2v-4h-2Zm7 0v4h2v-4h-2Zm6.5 1v1.5h2v-1.5h-2Zm-5.5-2h-3.5v2h3.5v-2Zm-3.5 0h-3.5v2h3.5v-2Z"
|
|
23764
|
+
d: "M12 8.5c-5.5 0-11 3-11 4.5 0 .2975.4545 1.7698 1.5 2.2025.5168.2139 2 0 2 0 1.4193-.2838 2.1775-.5217 3-1v-2.5h9v2.5c.8225.4783 1.5807.7162 3 1 0 0 1.4832.2139 2 0 1.0455-.4327 1.5-1.905 1.5-2.2025 0-1.5-4.5-4.5-11-4.5Z"
|
|
23761
23765
|
}
|
|
23762
23766
|
)
|
|
23763
23767
|
);
|
|
@@ -26034,9 +26038,17 @@ const IconQuestionMarkCircleNew = react.forwardRef(
|
|
|
26034
26038
|
"path",
|
|
26035
26039
|
{
|
|
26036
26040
|
fill: "currentColor",
|
|
26037
|
-
|
|
26038
|
-
|
|
26039
|
-
|
|
26041
|
+
d: "M11 16h2v2h-2v-2ZM12 13v-1l-1 1h1Zm2-3c0 1.1046-.8954 2-2 2v2c2.2091 0 4-1.7909 4-4h-2Zm-4 0c0-1.1046.8954-2 2-2v-2c-2.2091 0-4 1.7909-4 4h2Zm2-2c1.1046 0 2 .8954 2 2h2c0-2.2091-1.7909-4-4-4v2Zm-1 5v1.9961h2v-1.9961h-2Z"
|
|
26042
|
+
}
|
|
26043
|
+
),
|
|
26044
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
26045
|
+
"circle",
|
|
26046
|
+
{
|
|
26047
|
+
cx: 12,
|
|
26048
|
+
cy: 12,
|
|
26049
|
+
r: 9,
|
|
26050
|
+
stroke: "currentColor",
|
|
26051
|
+
strokeWidth: "var(--svg-stroke-width)"
|
|
26040
26052
|
}
|
|
26041
26053
|
)
|
|
26042
26054
|
);
|
|
@@ -31256,16 +31268,9 @@ const IconSparksFilledNew = react.forwardRef(
|
|
|
31256
31268
|
{
|
|
31257
31269
|
fill: "currentColor",
|
|
31258
31270
|
fillRule: "evenodd",
|
|
31259
|
-
d: "
|
|
31271
|
+
d: "M18.5 2h1c0 1.3808 1.1193 2.5 2.5 2.5v1.0001c-1.3807 0-2.4999 1.1192-2.5 2.4999h-1c-.0001-1.3807-1.1193-2.4999-2.5-2.4999v-1.0001c1.3807 0 2.5-1.1192 2.5-2.5Zm-14 13.9995h1c0 1.3808 1.1193 2.5 2.5 2.5v1.0001c-1.3807 0-2.5 1.1192-2.5 2.4999h-1c0-1.3807-1.1193-2.4999-2.5-2.4999v-1.0001c1.3807 0 2.5-1.1192 2.5-2.5Zm6.1508-10.6507c.2246-1.5565 2.4733-1.5593 2.698 0 .3959 2.7472 2.5546 4.9058 5.3019 5.302 1.5538.2241 1.5622 2.4729.0001 2.698-2.7476.3959-4.9061 2.5544-5.302 5.302-.2251 1.5621-2.4739 1.5537-2.698-.0001-.3962-2.7473-2.5548-4.906-5.302-5.3019-1.5594-.2247-1.5564-2.4734 0-2.698 2.7473-.3963 4.9057-2.5547 5.302-5.302Z",
|
|
31260
31272
|
clipRule: "evenodd"
|
|
31261
31273
|
}
|
|
31262
|
-
),
|
|
31263
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
31264
|
-
"path",
|
|
31265
|
-
{
|
|
31266
|
-
fill: "currentColor",
|
|
31267
|
-
d: "M20.6773 11.5208c-4.2483-.6128-7.5863-3.9505-8.1986-8.1988-.0797-.5532-.8781-.553-.9579 0-.6128 4.2483-3.9505 7.586-8.1987 8.1988-.5532.0798-.5533.8782-.0001.9579 4.2483.6123 7.586 3.9503 8.1988 8.1986.0797.5531.8782.5534.9579.0003.6122-4.2488 3.9501-7.5867 8.1989-8.1989.5532-.0797.5528-.8782-.0003-.9579Z"
|
|
31268
|
-
}
|
|
31269
31274
|
)
|
|
31270
31275
|
);
|
|
31271
31276
|
}
|
|
@@ -31355,7 +31360,7 @@ const IconSparksNew = react.forwardRef(
|
|
|
31355
31360
|
{
|
|
31356
31361
|
fill: "currentColor",
|
|
31357
31362
|
fillRule: "evenodd",
|
|
31358
|
-
d: "
|
|
31363
|
+
d: "M19.4999 2h-1c0 1.3808-1.1193 2.5-2.5 2.5v1.0001c1.3807 0 2.5 1.1192 2.5 2.4999h1c.0001-1.3807 1.1194-2.4999 2.5-2.4999v-1.0001c-1.3807 0-2.5-1.1192-2.5-2.5Zm-14 13.9995h-1c0 1.3808-1.1193 2.5-2.5 2.5v1.0001c1.3807 0 2.5 1.1192 2.5 2.4999h1c.0001-1.3807 1.1194-2.4999 2.5-2.4999v-1.0001c-1.3807 0-2.5-1.1192-2.5-2.5Zm7.9106-11.7754c-.232-1.6288-2.5883-1.6353-2.8214-.0004-.4706 3.3009-3.0645 5.8948-6.3655 6.3654-1.635.2332-1.6282 2.5894.0005 2.8214 3.3004.4701 5.8945 3.0634 6.3651 6.3635.2326 1.6306 2.5885 1.6325 2.8211-.0001.4702-3.3002 3.0634-5.8933 6.3636-6.3636 1.6325-.2326 1.6309-2.5885.0001-2.821-3.3001-.4707-5.8934-3.0648-6.3635-6.3652Zm-6.7528 7.7755c2.4394-.964 4.3779-2.9024 5.3419-5.3418.9635 2.4391 2.9015 4.3777 5.3405 5.3418-2.4389.9637-4.3769 2.9016-5.3405 5.3405-.9641-2.4389-2.9027-4.3769-5.3419-5.3405Z",
|
|
31359
31364
|
clipRule: "evenodd"
|
|
31360
31365
|
}
|
|
31361
31366
|
)
|
|
@@ -37650,11 +37655,24 @@ const IconUserAddNew = react.forwardRef(
|
|
|
37650
37655
|
fill: "none",
|
|
37651
37656
|
ref: forwardRef2
|
|
37652
37657
|
},
|
|
37658
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
37659
|
+
"circle",
|
|
37660
|
+
{
|
|
37661
|
+
cx: 3.5,
|
|
37662
|
+
cy: 3.5,
|
|
37663
|
+
r: 3.5,
|
|
37664
|
+
stroke: "currentColor",
|
|
37665
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
37666
|
+
transform: "matrix(-1 0 0 1 15.45 4)"
|
|
37667
|
+
}
|
|
37668
|
+
),
|
|
37653
37669
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
37654
37670
|
"path",
|
|
37655
37671
|
{
|
|
37656
|
-
|
|
37657
|
-
|
|
37672
|
+
stroke: "currentColor",
|
|
37673
|
+
strokeLinejoin: "bevel",
|
|
37674
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
37675
|
+
d: "m5.7502 21 .1527-1.5273c.3107-3.1068 2.925-5.4727 6.0473-5.4727"
|
|
37658
37676
|
}
|
|
37659
37677
|
),
|
|
37660
37678
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -37722,11 +37740,24 @@ const IconUserArrowRightUpNew = react.forwardRef(
|
|
|
37722
37740
|
fill: "none",
|
|
37723
37741
|
ref: forwardRef2
|
|
37724
37742
|
},
|
|
37743
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
37744
|
+
"circle",
|
|
37745
|
+
{
|
|
37746
|
+
cx: 3.5,
|
|
37747
|
+
cy: 3.5,
|
|
37748
|
+
r: 3.5,
|
|
37749
|
+
stroke: "currentColor",
|
|
37750
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
37751
|
+
transform: "matrix(-1 0 0 1 15.45 4)"
|
|
37752
|
+
}
|
|
37753
|
+
),
|
|
37725
37754
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
37726
37755
|
"path",
|
|
37727
37756
|
{
|
|
37728
|
-
|
|
37729
|
-
|
|
37757
|
+
stroke: "currentColor",
|
|
37758
|
+
strokeLinejoin: "bevel",
|
|
37759
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
37760
|
+
d: "m5.7502 21 .1527-1.5273c.3107-3.1068 2.925-5.4727 6.0473-5.4727"
|
|
37730
37761
|
}
|
|
37731
37762
|
),
|
|
37732
37763
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -38720,10 +38751,14 @@ const IconUserTickDownNew = react.forwardRef(
|
|
|
38720
38751
|
ref: forwardRef2
|
|
38721
38752
|
},
|
|
38722
38753
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
38723
|
-
"
|
|
38754
|
+
"circle",
|
|
38724
38755
|
{
|
|
38725
|
-
|
|
38726
|
-
|
|
38756
|
+
cx: 3.5,
|
|
38757
|
+
cy: 3.5,
|
|
38758
|
+
r: 3.5,
|
|
38759
|
+
stroke: "currentColor",
|
|
38760
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
38761
|
+
transform: "matrix(-1 0 0 1 15.45 4)"
|
|
38727
38762
|
}
|
|
38728
38763
|
),
|
|
38729
38764
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -38732,7 +38767,7 @@ const IconUserTickDownNew = react.forwardRef(
|
|
|
38732
38767
|
stroke: "currentColor",
|
|
38733
38768
|
strokeLinejoin: "bevel",
|
|
38734
38769
|
strokeWidth: "var(--svg-stroke-width)",
|
|
38735
|
-
d: "
|
|
38770
|
+
d: "m5.7502 21 .1527-1.5273c.3107-3.1068 2.925-5.4727 6.0473-5.4727M13 17l3 3.5 5-6.5"
|
|
38736
38771
|
}
|
|
38737
38772
|
)
|
|
38738
38773
|
);
|
|
@@ -39650,14 +39685,6 @@ const IconWalletOld = react.forwardRef(
|
|
|
39650
39685
|
fill: "currentColor",
|
|
39651
39686
|
d: "M17 10c0 .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"
|
|
39652
39687
|
}
|
|
39653
|
-
),
|
|
39654
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
39655
|
-
"path",
|
|
39656
|
-
{
|
|
39657
|
-
stroke: "currentColor",
|
|
39658
|
-
strokeWidth: "var(--svg-stroke-width)",
|
|
39659
|
-
d: "M15 10"
|
|
39660
|
-
}
|
|
39661
39688
|
)
|
|
39662
39689
|
);
|
|
39663
39690
|
}
|
|
@@ -39670,6 +39697,53 @@ const IconWallet = react.forwardRef(
|
|
|
39670
39697
|
);
|
|
39671
39698
|
IconWallet[designSystemBaseIcon.iconSymbol] = true;
|
|
39672
39699
|
|
|
39700
|
+
const IconWarning = react.forwardRef(
|
|
39701
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
39702
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
39703
|
+
return react.createElement(
|
|
39704
|
+
StyledIcon,
|
|
39705
|
+
{
|
|
39706
|
+
...props,
|
|
39707
|
+
weight,
|
|
39708
|
+
debug,
|
|
39709
|
+
"aria-hidden": true,
|
|
39710
|
+
size,
|
|
39711
|
+
viewBox: "0 0 24 24",
|
|
39712
|
+
fill: "none",
|
|
39713
|
+
ref: forwardRef2
|
|
39714
|
+
},
|
|
39715
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
39716
|
+
"path",
|
|
39717
|
+
{
|
|
39718
|
+
stroke: "currentColor",
|
|
39719
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
39720
|
+
d: "M12 14v-5"
|
|
39721
|
+
}
|
|
39722
|
+
),
|
|
39723
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
39724
|
+
"circle",
|
|
39725
|
+
{
|
|
39726
|
+
cx: 12,
|
|
39727
|
+
cy: 16.5,
|
|
39728
|
+
r: 1.5,
|
|
39729
|
+
fill: "currentColor",
|
|
39730
|
+
transform: "rotate(-180 12 16.5)"
|
|
39731
|
+
}
|
|
39732
|
+
),
|
|
39733
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
39734
|
+
"path",
|
|
39735
|
+
{
|
|
39736
|
+
stroke: "currentColor",
|
|
39737
|
+
strokeLinejoin: "bevel",
|
|
39738
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
39739
|
+
d: "M21 20h-18l9-17 9 17Z"
|
|
39740
|
+
}
|
|
39741
|
+
)
|
|
39742
|
+
);
|
|
39743
|
+
}
|
|
39744
|
+
);
|
|
39745
|
+
IconWarning[designSystemBaseIcon.iconSymbol] = true;
|
|
39746
|
+
|
|
39673
39747
|
const IconWifiExclamationNew = react.forwardRef(
|
|
39674
39748
|
(props, forwardRef2) => {
|
|
39675
39749
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -40320,6 +40394,7 @@ exports.IconVideoCameraSimpleSlash = IconVideoCameraSimpleSlash;
|
|
|
40320
40394
|
exports.IconViewCenter = IconViewCenter;
|
|
40321
40395
|
exports.IconViewSideLeft = IconViewSideLeft;
|
|
40322
40396
|
exports.IconWallet = IconWallet;
|
|
40397
|
+
exports.IconWarning = IconWarning;
|
|
40323
40398
|
exports.IconWifi = IconWifi;
|
|
40324
40399
|
exports.IconWifiExclamation = IconWifiExclamation;
|
|
40325
40400
|
//# sourceMappingURL=main.js.map
|