@mirohq/design-system-icons 0.64.0 → 0.65.1-new-focus-keyboard.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 +116 -10
- package/dist/main.js.map +1 -1
- package/dist/module.js +113 -11
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +9 -1
- package/package.json +3 -3
- package/react/align-bottom-group.tsx +68 -0
- package/react/align-bottom.tsx +1 -37
- package/react/align-middle.tsx +32 -0
- package/react/align-top-group.tsx +68 -0
- package/react/align-top.tsx +1 -37
- package/react/board.tsx +2 -2
- package/react/compass.tsx +44 -0
- package/react/flip-card.tsx +4 -4
- package/react/index.ts +4 -0
- package/svg/24/align-bottom-group.svg +2 -0
- package/svg/24/align-bottom-new.svg +1 -1
- package/svg/24/align-middle.svg +2 -0
- package/svg/24/align-top-group.svg +2 -0
- package/svg/24/align-top-new.svg +1 -1
- package/svg/24/board-new.svg +1 -1
- package/svg/24/compass.svg +2 -0
- package/svg/24/flip-card-new.svg +1 -1
- package/svg/meta.json +1056 -2233
package/dist/main.js
CHANGED
|
@@ -323,15 +323,17 @@ const IconAiText = react.forwardRef(
|
|
|
323
323
|
);
|
|
324
324
|
IconAiText[designSystemBaseIcon.iconSymbol] = true;
|
|
325
325
|
|
|
326
|
-
const
|
|
327
|
-
(props, forwardRef2) => {
|
|
326
|
+
const IconAlignBottomGroup = react.forwardRef(
|
|
327
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
328
328
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
329
329
|
return react.createElement(
|
|
330
330
|
StyledIcon,
|
|
331
331
|
{
|
|
332
332
|
...props,
|
|
333
|
+
weight,
|
|
333
334
|
debug,
|
|
334
335
|
"aria-hidden": true,
|
|
336
|
+
size,
|
|
335
337
|
viewBox: "0 0 24 24",
|
|
336
338
|
fill: "none",
|
|
337
339
|
ref: forwardRef2
|
|
@@ -397,6 +399,25 @@ const IconAlignBottomNew = react.forwardRef(
|
|
|
397
399
|
);
|
|
398
400
|
}
|
|
399
401
|
);
|
|
402
|
+
IconAlignBottomGroup[designSystemBaseIcon.iconSymbol] = true;
|
|
403
|
+
|
|
404
|
+
const IconAlignBottomNew = react.forwardRef(
|
|
405
|
+
(props, forwardRef2) => {
|
|
406
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
407
|
+
return react.createElement(
|
|
408
|
+
StyledIcon,
|
|
409
|
+
{
|
|
410
|
+
...props,
|
|
411
|
+
debug,
|
|
412
|
+
"aria-hidden": true,
|
|
413
|
+
viewBox: "0 0 24 24",
|
|
414
|
+
fill: "none",
|
|
415
|
+
ref: forwardRef2
|
|
416
|
+
},
|
|
417
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "currentColor", d: "M4.5 15.5h15v1h-15zM4.5 19.5h15v1h-15z" })
|
|
418
|
+
);
|
|
419
|
+
}
|
|
420
|
+
);
|
|
400
421
|
const IconAlignBottomOld = react.forwardRef(
|
|
401
422
|
(props, forwardRef2) => {
|
|
402
423
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -797,6 +818,27 @@ const IconAlignLeft = react.forwardRef(
|
|
|
797
818
|
);
|
|
798
819
|
IconAlignLeft[designSystemBaseIcon.iconSymbol] = true;
|
|
799
820
|
|
|
821
|
+
const IconAlignMiddle = react.forwardRef(
|
|
822
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
823
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
824
|
+
return react.createElement(
|
|
825
|
+
StyledIcon,
|
|
826
|
+
{
|
|
827
|
+
...props,
|
|
828
|
+
weight,
|
|
829
|
+
debug,
|
|
830
|
+
"aria-hidden": true,
|
|
831
|
+
size,
|
|
832
|
+
viewBox: "0 0 24 24",
|
|
833
|
+
fill: "none",
|
|
834
|
+
ref: forwardRef2
|
|
835
|
+
},
|
|
836
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "currentColor", d: "M4.5 9.5h15v1h-15zM4.5 13.5h15v1h-15z" })
|
|
837
|
+
);
|
|
838
|
+
}
|
|
839
|
+
);
|
|
840
|
+
IconAlignMiddle[designSystemBaseIcon.iconSymbol] = true;
|
|
841
|
+
|
|
800
842
|
const IconAlignRightNew = react.forwardRef(
|
|
801
843
|
(props, forwardRef2) => {
|
|
802
844
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -894,15 +936,17 @@ const IconAlignRight = react.forwardRef(
|
|
|
894
936
|
);
|
|
895
937
|
IconAlignRight[designSystemBaseIcon.iconSymbol] = true;
|
|
896
938
|
|
|
897
|
-
const
|
|
898
|
-
(props, forwardRef2) => {
|
|
939
|
+
const IconAlignTopGroup = react.forwardRef(
|
|
940
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
899
941
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
900
942
|
return react.createElement(
|
|
901
943
|
StyledIcon,
|
|
902
944
|
{
|
|
903
945
|
...props,
|
|
946
|
+
weight,
|
|
904
947
|
debug,
|
|
905
948
|
"aria-hidden": true,
|
|
949
|
+
size,
|
|
906
950
|
viewBox: "0 0 24 24",
|
|
907
951
|
fill: "none",
|
|
908
952
|
ref: forwardRef2
|
|
@@ -968,6 +1012,25 @@ const IconAlignTopNew = react.forwardRef(
|
|
|
968
1012
|
);
|
|
969
1013
|
}
|
|
970
1014
|
);
|
|
1015
|
+
IconAlignTopGroup[designSystemBaseIcon.iconSymbol] = true;
|
|
1016
|
+
|
|
1017
|
+
const IconAlignTopNew = react.forwardRef(
|
|
1018
|
+
(props, forwardRef2) => {
|
|
1019
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
1020
|
+
return react.createElement(
|
|
1021
|
+
StyledIcon,
|
|
1022
|
+
{
|
|
1023
|
+
...props,
|
|
1024
|
+
debug,
|
|
1025
|
+
"aria-hidden": true,
|
|
1026
|
+
viewBox: "0 0 24 24",
|
|
1027
|
+
fill: "none",
|
|
1028
|
+
ref: forwardRef2
|
|
1029
|
+
},
|
|
1030
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "currentColor", d: "M4.5 3.5h15v1h-15zM4.5 7.5h15v1h-15z" })
|
|
1031
|
+
);
|
|
1032
|
+
}
|
|
1033
|
+
);
|
|
971
1034
|
const IconAlignTopOld = react.forwardRef(
|
|
972
1035
|
(props, forwardRef2) => {
|
|
973
1036
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -4709,7 +4772,7 @@ const IconBoardNew = react.forwardRef(
|
|
|
4709
4772
|
{
|
|
4710
4773
|
fill: "currentColor",
|
|
4711
4774
|
fillRule: "evenodd",
|
|
4712
|
-
d: "
|
|
4775
|
+
d: "m7.9997 18-1.6667 4h2.1667l1.6666-4h-2.1666Zm5.8333 0 1.6667 4h2.1666l-1.6666-4h-2.1667Z",
|
|
4713
4776
|
clipRule: "evenodd"
|
|
4714
4777
|
}
|
|
4715
4778
|
),
|
|
@@ -4719,7 +4782,7 @@ const IconBoardNew = react.forwardRef(
|
|
|
4719
4782
|
stroke: "currentColor",
|
|
4720
4783
|
strokeLinejoin: "bevel",
|
|
4721
4784
|
strokeWidth: "var(--svg-stroke-width)",
|
|
4722
|
-
d: "
|
|
4785
|
+
d: "M12 1v3m-7 14h14c1.1046 0 2-.8954 2-2v-10c0-1.1046-.8954-2-2-2h-14c-1.1046 0-2 .8954-2 2v10c0 1.1046.8954 2 2 2ZM11 13h7"
|
|
4723
4786
|
}
|
|
4724
4787
|
)
|
|
4725
4788
|
);
|
|
@@ -9793,6 +9856,45 @@ const IconCommentGroup = react.forwardRef(
|
|
|
9793
9856
|
);
|
|
9794
9857
|
IconCommentGroup[designSystemBaseIcon.iconSymbol] = true;
|
|
9795
9858
|
|
|
9859
|
+
const IconCompass = react.forwardRef(
|
|
9860
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
|
|
9861
|
+
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
9862
|
+
return react.createElement(
|
|
9863
|
+
StyledIcon,
|
|
9864
|
+
{
|
|
9865
|
+
...props,
|
|
9866
|
+
weight,
|
|
9867
|
+
debug,
|
|
9868
|
+
"aria-hidden": true,
|
|
9869
|
+
size,
|
|
9870
|
+
viewBox: "0 0 24 24",
|
|
9871
|
+
fill: "none",
|
|
9872
|
+
ref: forwardRef2
|
|
9873
|
+
},
|
|
9874
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9875
|
+
"circle",
|
|
9876
|
+
{
|
|
9877
|
+
cx: 12,
|
|
9878
|
+
cy: 12,
|
|
9879
|
+
r: 9,
|
|
9880
|
+
stroke: "currentColor",
|
|
9881
|
+
strokeWidth: "var(--svg-stroke-width)"
|
|
9882
|
+
}
|
|
9883
|
+
),
|
|
9884
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9885
|
+
"path",
|
|
9886
|
+
{
|
|
9887
|
+
fill: "currentColor",
|
|
9888
|
+
fillRule: "evenodd",
|
|
9889
|
+
d: "m8.0414 14.9461 1.6003-4.7993a.7998.7998 0 0 1 .5041-.506l4.8009-1.5997a.8004.8004 0 0 1 1.0319.575.8001.8001 0 0 1-.0197.4368l-1.6003 4.7994a.8009.8009 0 0 1-.5041.5059l-4.801 1.5998a.801.801 0 0 1-.254.042.8001.8001 0 0 1-.7581-1.0539Zm5.8951-4.8813-2.9045.9679-.9682 2.9036 2.9045-.9679.9682-2.9036Z",
|
|
9890
|
+
clipRule: "evenodd"
|
|
9891
|
+
}
|
|
9892
|
+
)
|
|
9893
|
+
);
|
|
9894
|
+
}
|
|
9895
|
+
);
|
|
9896
|
+
IconCompass[designSystemBaseIcon.iconSymbol] = true;
|
|
9897
|
+
|
|
9796
9898
|
const IconConeSerpentineNew = react.forwardRef(
|
|
9797
9899
|
(props, forwardRef2) => {
|
|
9798
9900
|
const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
|
|
@@ -14938,7 +15040,7 @@ const IconFlipCardNew = react.forwardRef(
|
|
|
14938
15040
|
...props,
|
|
14939
15041
|
debug,
|
|
14940
15042
|
"aria-hidden": true,
|
|
14941
|
-
viewBox: "0 0
|
|
15043
|
+
viewBox: "0 0 24 24",
|
|
14942
15044
|
fill: "none",
|
|
14943
15045
|
ref: forwardRef2
|
|
14944
15046
|
},
|
|
@@ -14948,7 +15050,7 @@ const IconFlipCardNew = react.forwardRef(
|
|
|
14948
15050
|
stroke: "currentColor",
|
|
14949
15051
|
strokeLinejoin: "round",
|
|
14950
15052
|
strokeWidth: "var(--svg-stroke-width)",
|
|
14951
|
-
d: "
|
|
15053
|
+
d: "M14 14c-.3904.0149-4.292-.0012-5 0-5 0-6.7242-.4392-7-2.2701-.025-.1654-.007-.3327 0-.5.0514-1.2141.9658-2.4353 3.5-2.9971.4488-.0995.9475-.1783 1.5-.2328"
|
|
14952
15054
|
}
|
|
14953
15055
|
),
|
|
14954
15056
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -14957,7 +15059,7 @@ const IconFlipCardNew = react.forwardRef(
|
|
|
14957
15059
|
stroke: "currentColor",
|
|
14958
15060
|
strokeLinejoin: "bevel",
|
|
14959
15061
|
strokeWidth: "var(--svg-stroke-width)",
|
|
14960
|
-
d: "
|
|
15062
|
+
d: "m11 11 3 3-3 3"
|
|
14961
15063
|
}
|
|
14962
15064
|
),
|
|
14963
15065
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -14965,7 +15067,7 @@ const IconFlipCardNew = react.forwardRef(
|
|
|
14965
15067
|
{
|
|
14966
15068
|
stroke: "currentColor",
|
|
14967
15069
|
strokeWidth: "var(--svg-stroke-width)",
|
|
14968
|
-
d: "
|
|
15070
|
+
d: "M7 17v2c0 1.1046.8954 2 2 2h10c1.1046 0 2-.8954 2-2v-14c0-1.1046-.8954-2-2-2h-10c-1.1046 0-2 .8954-2 2v6"
|
|
14969
15071
|
}
|
|
14970
15072
|
)
|
|
14971
15073
|
);
|
|
@@ -39898,11 +40000,14 @@ exports.IconAddLineBottom = IconAddLineBottom;
|
|
|
39898
40000
|
exports.IconAddLineRight = IconAddLineRight;
|
|
39899
40001
|
exports.IconAiText = IconAiText;
|
|
39900
40002
|
exports.IconAlignBottom = IconAlignBottom;
|
|
40003
|
+
exports.IconAlignBottomGroup = IconAlignBottomGroup;
|
|
39901
40004
|
exports.IconAlignCenterHorizontal = IconAlignCenterHorizontal;
|
|
39902
40005
|
exports.IconAlignCenterVertical = IconAlignCenterVertical;
|
|
39903
40006
|
exports.IconAlignLeft = IconAlignLeft;
|
|
40007
|
+
exports.IconAlignMiddle = IconAlignMiddle;
|
|
39904
40008
|
exports.IconAlignRight = IconAlignRight;
|
|
39905
40009
|
exports.IconAlignTop = IconAlignTop;
|
|
40010
|
+
exports.IconAlignTopGroup = IconAlignTopGroup;
|
|
39906
40011
|
exports.IconAlignmentScale = IconAlignmentScale;
|
|
39907
40012
|
exports.IconArrowArcLeft = IconArrowArcLeft;
|
|
39908
40013
|
exports.IconArrowArcRight = IconArrowArcRight;
|
|
@@ -40011,6 +40116,7 @@ exports.IconCoinsSlash = IconCoinsSlash;
|
|
|
40011
40116
|
exports.IconColumnsFormat = IconColumnsFormat;
|
|
40012
40117
|
exports.IconColumnsThree = IconColumnsThree;
|
|
40013
40118
|
exports.IconCommentGroup = IconCommentGroup;
|
|
40119
|
+
exports.IconCompass = IconCompass;
|
|
40014
40120
|
exports.IconConeSerpentine = IconConeSerpentine;
|
|
40015
40121
|
exports.IconConnectionLineElbows = IconConnectionLineElbows;
|
|
40016
40122
|
exports.IconConnectionLineStraight = IconConnectionLineStraight;
|