@mirohq/design-system-icons 0.26.1 → 0.27.1-themes.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 +153 -32
- package/dist/main.js.map +1 -1
- package/dist/module.js +151 -33
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +129 -111
- package/package.json +4 -4
- package/react/arrow-elbow-down-right.tsx +11 -4
- package/react/diagram-card-large-2.tsx +4 -4
- package/react/diagram-card-large-3.tsx +4 -4
- package/react/diagram-card-large-4.tsx +4 -4
- package/react/diagram-card-small-2.tsx +2 -2
- package/react/diagram-card-small-3.tsx +2 -2
- package/react/indent-left.tsx +42 -0
- package/react/indent-right.tsx +42 -0
- package/react/index.ts +3 -0
- package/react/magnifying-glass-lightning.tsx +8 -7
- package/react/text-align-left.tsx +1 -1
- package/react/text-align-right.tsx +38 -0
- package/svg/24/arrow-elbow-down-right.svg +1 -1
- package/svg/24/diagram-card-large-2.svg +1 -1
- package/svg/24/diagram-card-large-3.svg +1 -1
- package/svg/24/diagram-card-large-4.svg +1 -1
- package/svg/24/diagram-card-small-2.svg +1 -1
- package/svg/24/diagram-card-small-3.svg +1 -1
- package/svg/24/indent-left.svg +2 -0
- package/svg/24/indent-right.svg +2 -0
- package/svg/24/magnifying-glass-lightning.svg +1 -1
- package/svg/24/text-align-left.svg +1 -1
- package/svg/24/text-align-right.svg +2 -0
- package/svg/meta.json +26 -0
package/dist/main.js
CHANGED
|
@@ -709,13 +709,14 @@ const IconArrowElbowDownRight = react.forwardRef(
|
|
|
709
709
|
fill: "none",
|
|
710
710
|
ref: forwardRef2
|
|
711
711
|
},
|
|
712
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
712
|
+
/* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#clip0_4109_692)", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
713
713
|
"path",
|
|
714
714
|
{
|
|
715
715
|
fill: "currentColor",
|
|
716
716
|
d: "M4 15h-1c0 .5523.4477 1 1 1v-1Zm17 0 .7071.7071.7071-.7071-.7071-.7071-.7071.7071Zm-3.2929-4.7071c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142l1.4142-1.4142Zm-1.4142 8c-.3905.3905-.3905 1.0237 0 1.4142.3905.3905 1.0237.3905 1.4142 0l-1.4142-1.4142Zm-11.2929-13.2929c0-.5523-.4477-1-1-1s-1 .4477-1 1h2Zm-1 11h17v-2h-17v2Zm17.7071-1.7071-4-4-1.4142 1.4142 4 4 1.4142-1.4142Zm-1.4142 0-4 4 1.4142 1.4142 4-4-1.4142-1.4142Zm-15.2929.7071v-10h-2v10h2Z"
|
|
717
717
|
}
|
|
718
|
-
)
|
|
718
|
+
) }),
|
|
719
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_4109_692", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", d: "M0 0h24v24h-24z" }) }) })
|
|
719
720
|
)
|
|
720
721
|
);
|
|
721
722
|
IconArrowElbowDownRight[designSystemBaseIcon.iconSymbol] = true;
|
|
@@ -3776,18 +3777,18 @@ const IconDiagramCardLarge2 = react.forwardRef(
|
|
|
3776
3777
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3777
3778
|
"path",
|
|
3778
3779
|
{
|
|
3779
|
-
|
|
3780
|
-
|
|
3781
|
-
strokeLinejoin: "round",
|
|
3782
|
-
strokeWidth: "var(--svg-stroke-width)",
|
|
3783
|
-
d: "M12 7h6m-6 4h6m-15-8h18v18h-18v-18Z"
|
|
3780
|
+
fill: "currentColor",
|
|
3781
|
+
d: "M9 8c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2ZM7 18c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM10 19c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1ZM15 18c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM18 19c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1Z"
|
|
3784
3782
|
}
|
|
3785
3783
|
),
|
|
3786
3784
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3787
3785
|
"path",
|
|
3788
3786
|
{
|
|
3789
|
-
|
|
3790
|
-
|
|
3787
|
+
stroke: "currentColor",
|
|
3788
|
+
strokeLinecap: "round",
|
|
3789
|
+
strokeLinejoin: "round",
|
|
3790
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
3791
|
+
d: "M12 7h6m-6 4h6m-15-8h18v18h-18v-18Z"
|
|
3791
3792
|
}
|
|
3792
3793
|
)
|
|
3793
3794
|
)
|
|
@@ -3808,18 +3809,18 @@ const IconDiagramCardLarge3 = react.forwardRef(
|
|
|
3808
3809
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3809
3810
|
"path",
|
|
3810
3811
|
{
|
|
3811
|
-
|
|
3812
|
-
|
|
3813
|
-
strokeLinejoin: "round",
|
|
3814
|
-
strokeWidth: "var(--svg-stroke-width)",
|
|
3815
|
-
d: "M7 7h7m-7 4h7m-11 4v6h18v-6m-18 0v-12h18v12m-18 0h18"
|
|
3812
|
+
fill: "currentColor",
|
|
3813
|
+
d: "M8 18c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM13 18c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM17 19c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1Z"
|
|
3816
3814
|
}
|
|
3817
3815
|
),
|
|
3818
3816
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3819
3817
|
"path",
|
|
3820
3818
|
{
|
|
3821
|
-
|
|
3822
|
-
|
|
3819
|
+
stroke: "currentColor",
|
|
3820
|
+
strokeLinecap: "round",
|
|
3821
|
+
strokeLinejoin: "round",
|
|
3822
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
3823
|
+
d: "M7 7h7m-7 4h7m-11 4v6h18v-6m-18 0v-12h18v12m-18 0h18"
|
|
3823
3824
|
}
|
|
3824
3825
|
)
|
|
3825
3826
|
)
|
|
@@ -3840,18 +3841,18 @@ const IconDiagramCardLarge4 = react.forwardRef(
|
|
|
3840
3841
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3841
3842
|
"path",
|
|
3842
3843
|
{
|
|
3843
|
-
|
|
3844
|
-
|
|
3845
|
-
strokeLinejoin: "round",
|
|
3846
|
-
strokeWidth: "var(--svg-stroke-width)",
|
|
3847
|
-
d: "M12 7h6m-6 4h6m-15 4v6h18v-6m-18 0v-12h18v12m-18 0h18"
|
|
3844
|
+
fill: "currentColor",
|
|
3845
|
+
d: "M7 10c1.1046 0 2-.8954 2-2s-.8954-2-2-2-2 .8954-2 2 .8954 2 2 2ZM7 19c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1ZM12 19c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1ZM18 18c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1Z"
|
|
3848
3846
|
}
|
|
3849
3847
|
),
|
|
3850
3848
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3851
3849
|
"path",
|
|
3852
3850
|
{
|
|
3853
|
-
|
|
3854
|
-
|
|
3851
|
+
stroke: "currentColor",
|
|
3852
|
+
strokeLinecap: "round",
|
|
3853
|
+
strokeLinejoin: "round",
|
|
3854
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
3855
|
+
d: "M12 7h6m-6 4h6m-15 4v6h18v-6m-18 0v-12h18v12m-18 0h18"
|
|
3855
3856
|
}
|
|
3856
3857
|
)
|
|
3857
3858
|
)
|
|
@@ -3894,6 +3895,7 @@ const IconDiagramCardSmall2 = react.forwardRef(
|
|
|
3894
3895
|
fill: "none",
|
|
3895
3896
|
ref: forwardRef2
|
|
3896
3897
|
},
|
|
3898
|
+
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 7, cy: 12, r: 2, fill: "currentColor" }),
|
|
3897
3899
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3898
3900
|
"path",
|
|
3899
3901
|
{
|
|
@@ -3903,8 +3905,7 @@ const IconDiagramCardSmall2 = react.forwardRef(
|
|
|
3903
3905
|
strokeWidth: "var(--svg-stroke-width)",
|
|
3904
3906
|
d: "M18 12h-6.5m-8.5-5h18v10h-18v-10Z"
|
|
3905
3907
|
}
|
|
3906
|
-
)
|
|
3907
|
-
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 7, cy: 12, r: 2, fill: "currentColor" })
|
|
3908
|
+
)
|
|
3908
3909
|
)
|
|
3909
3910
|
);
|
|
3910
3911
|
IconDiagramCardSmall2[designSystemBaseIcon.iconSymbol] = true;
|
|
@@ -3920,6 +3921,7 @@ const IconDiagramCardSmall3 = react.forwardRef(
|
|
|
3920
3921
|
fill: "none",
|
|
3921
3922
|
ref: forwardRef2
|
|
3922
3923
|
},
|
|
3924
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", d: "M13 7h8v10h-8z" }),
|
|
3923
3925
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3924
3926
|
"path",
|
|
3925
3927
|
{
|
|
@@ -3929,8 +3931,7 @@ const IconDiagramCardSmall3 = react.forwardRef(
|
|
|
3929
3931
|
strokeWidth: "var(--svg-stroke-width)",
|
|
3930
3932
|
d: "M6 11h4m-7-4h18v10h-18v-10Z"
|
|
3931
3933
|
}
|
|
3932
|
-
)
|
|
3933
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", d: "M13 7h8v10h-8z" })
|
|
3934
|
+
)
|
|
3934
3935
|
)
|
|
3935
3936
|
);
|
|
3936
3937
|
IconDiagramCardSmall3[designSystemBaseIcon.iconSymbol] = true;
|
|
@@ -5361,6 +5362,86 @@ const IconImage = react.forwardRef(
|
|
|
5361
5362
|
);
|
|
5362
5363
|
IconImage[designSystemBaseIcon.iconSymbol] = true;
|
|
5363
5364
|
|
|
5365
|
+
const IconIndentLeft = react.forwardRef(
|
|
5366
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => react.createElement(
|
|
5367
|
+
StyledIcon,
|
|
5368
|
+
{
|
|
5369
|
+
...props,
|
|
5370
|
+
weight,
|
|
5371
|
+
size,
|
|
5372
|
+
viewBox: "0 0 24 24",
|
|
5373
|
+
fill: "none",
|
|
5374
|
+
ref: forwardRef2
|
|
5375
|
+
},
|
|
5376
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5377
|
+
"path",
|
|
5378
|
+
{
|
|
5379
|
+
fill: "currentColor",
|
|
5380
|
+
d: "M7 14.5683v-5.1366c0-.3838-.464-.576-.7355-.3046l-2.5683 2.5682a.431.431 0 0 0 0 .6094l2.5683 2.5682c.2714.2715.7355.0792.7355-.3046Z"
|
|
5381
|
+
}
|
|
5382
|
+
),
|
|
5383
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5384
|
+
"path",
|
|
5385
|
+
{
|
|
5386
|
+
stroke: "currentColor",
|
|
5387
|
+
strokeLinecap: "round",
|
|
5388
|
+
strokeLinejoin: "round",
|
|
5389
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
5390
|
+
d: "M5 6h14m-8 6h8m-14 6h14"
|
|
5391
|
+
}
|
|
5392
|
+
),
|
|
5393
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5394
|
+
"path",
|
|
5395
|
+
{
|
|
5396
|
+
stroke: "currentColor",
|
|
5397
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
5398
|
+
d: "M11.8097 12.3875v.0001"
|
|
5399
|
+
}
|
|
5400
|
+
)
|
|
5401
|
+
)
|
|
5402
|
+
);
|
|
5403
|
+
IconIndentLeft[designSystemBaseIcon.iconSymbol] = true;
|
|
5404
|
+
|
|
5405
|
+
const IconIndentRight = react.forwardRef(
|
|
5406
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => react.createElement(
|
|
5407
|
+
StyledIcon,
|
|
5408
|
+
{
|
|
5409
|
+
...props,
|
|
5410
|
+
weight,
|
|
5411
|
+
size,
|
|
5412
|
+
viewBox: "0 0 24 24",
|
|
5413
|
+
fill: "none",
|
|
5414
|
+
ref: forwardRef2
|
|
5415
|
+
},
|
|
5416
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5417
|
+
"path",
|
|
5418
|
+
{
|
|
5419
|
+
stroke: "currentColor",
|
|
5420
|
+
strokeLinecap: "round",
|
|
5421
|
+
strokeLinejoin: "round",
|
|
5422
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
5423
|
+
d: "M5 6h14m-8 6h8m-14 6h14"
|
|
5424
|
+
}
|
|
5425
|
+
),
|
|
5426
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5427
|
+
"path",
|
|
5428
|
+
{
|
|
5429
|
+
stroke: "currentColor",
|
|
5430
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
5431
|
+
d: "M11.8097 12.3875v.0001"
|
|
5432
|
+
}
|
|
5433
|
+
),
|
|
5434
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5435
|
+
"path",
|
|
5436
|
+
{
|
|
5437
|
+
fill: "currentColor",
|
|
5438
|
+
d: "M4.04 14.5683v-5.1366c0-.3838.4641-.576.7355-.3046l2.5683 2.5682a.431.431 0 0 1 0 .6094l-2.5683 2.5682c-.2714.2715-.7355.0792-.7355-.3046Z"
|
|
5439
|
+
}
|
|
5440
|
+
)
|
|
5441
|
+
)
|
|
5442
|
+
);
|
|
5443
|
+
IconIndentRight[designSystemBaseIcon.iconSymbol] = true;
|
|
5444
|
+
|
|
5364
5445
|
const IconInformationMarkCircle = react.forwardRef(
|
|
5365
5446
|
({ size = "medium", weight = "normal", ...props }, forwardRef2) => react.createElement(
|
|
5366
5447
|
StyledIcon,
|
|
@@ -6361,15 +6442,19 @@ const IconMagnifyingGlassLightning = react.forwardRef(
|
|
|
6361
6442
|
fill: "none",
|
|
6362
6443
|
ref: forwardRef2
|
|
6363
6444
|
},
|
|
6364
|
-
/* @__PURE__ */ jsxRuntime.
|
|
6365
|
-
"
|
|
6445
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
6446
|
+
"g",
|
|
6366
6447
|
{
|
|
6367
6448
|
stroke: "currentColor",
|
|
6368
6449
|
strokeLinecap: "round",
|
|
6369
6450
|
strokeWidth: "var(--svg-stroke-width)",
|
|
6370
|
-
|
|
6451
|
+
clipPath: "url(#clip0_3866_343)",
|
|
6452
|
+
children: [
|
|
6453
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.5989 15.706c1.3728-1.3453 2.2246-3.2202 2.2246-5.2941 0-.4828-.0461-.9548-.1343-1.4118m-2.0903 6.7059c-1.3368 1.31-3.1676 2.1176-5.1871 2.1176-4.0934 0-7.4118-3.3183-7.4118-7.4117 0-2.8631 1.6234-5.347 4-6.5816m8.5989 11.8757 5.4011 5.2941" }),
|
|
6454
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "m14 2-3 4h3l-3 4" })
|
|
6455
|
+
]
|
|
6371
6456
|
}
|
|
6372
|
-
)
|
|
6457
|
+
),
|
|
6373
6458
|
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_3866_343", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", d: "M0 0h24v24h-24z" }) }) })
|
|
6374
6459
|
)
|
|
6375
6460
|
);
|
|
@@ -10812,7 +10897,7 @@ const IconTextAlignLeft = react.forwardRef(
|
|
|
10812
10897
|
{
|
|
10813
10898
|
strokeLinecap: "round",
|
|
10814
10899
|
strokeLinejoin: "round",
|
|
10815
|
-
d: "M5 6h14m-14
|
|
10900
|
+
d: "M5 6h14m-14 4h8m-8 4h14m-14 4h8"
|
|
10816
10901
|
}
|
|
10817
10902
|
),
|
|
10818
10903
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.8097 12.3875v.0001" })
|
|
@@ -10824,6 +10909,39 @@ const IconTextAlignLeft = react.forwardRef(
|
|
|
10824
10909
|
);
|
|
10825
10910
|
IconTextAlignLeft[designSystemBaseIcon.iconSymbol] = true;
|
|
10826
10911
|
|
|
10912
|
+
const IconTextAlignRight = react.forwardRef(
|
|
10913
|
+
({ size = "medium", weight = "normal", ...props }, forwardRef2) => react.createElement(
|
|
10914
|
+
StyledIcon,
|
|
10915
|
+
{
|
|
10916
|
+
...props,
|
|
10917
|
+
weight,
|
|
10918
|
+
size,
|
|
10919
|
+
viewBox: "0 0 24 24",
|
|
10920
|
+
fill: "none",
|
|
10921
|
+
ref: forwardRef2
|
|
10922
|
+
},
|
|
10923
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
10924
|
+
"path",
|
|
10925
|
+
{
|
|
10926
|
+
stroke: "currentColor",
|
|
10927
|
+
strokeLinecap: "round",
|
|
10928
|
+
strokeLinejoin: "round",
|
|
10929
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
10930
|
+
d: "M5 6h14m-8 4h8m-14 4h14m-8 4h8"
|
|
10931
|
+
}
|
|
10932
|
+
),
|
|
10933
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
10934
|
+
"path",
|
|
10935
|
+
{
|
|
10936
|
+
stroke: "currentColor",
|
|
10937
|
+
strokeWidth: "var(--svg-stroke-width)",
|
|
10938
|
+
d: "M11.8097 12.3875v.0001"
|
|
10939
|
+
}
|
|
10940
|
+
)
|
|
10941
|
+
)
|
|
10942
|
+
);
|
|
10943
|
+
IconTextAlignRight[designSystemBaseIcon.iconSymbol] = true;
|
|
10944
|
+
|
|
10827
10945
|
const IconTextBBoldItalicUnderlined = react.forwardRef(
|
|
10828
10946
|
({ size = "medium", weight = "normal", ...props }, forwardRef2) => react.createElement(
|
|
10829
10947
|
StyledIcon,
|
|
@@ -12472,6 +12590,8 @@ exports.IconHighlighter = IconHighlighter;
|
|
|
12472
12590
|
exports.IconHighlighterUnderline = IconHighlighterUnderline;
|
|
12473
12591
|
exports.IconHouse = IconHouse;
|
|
12474
12592
|
exports.IconImage = IconImage;
|
|
12593
|
+
exports.IconIndentLeft = IconIndentLeft;
|
|
12594
|
+
exports.IconIndentRight = IconIndentRight;
|
|
12475
12595
|
exports.IconInformationMarkCircle = IconInformationMarkCircle;
|
|
12476
12596
|
exports.IconKanban = IconKanban;
|
|
12477
12597
|
exports.IconKey = IconKey;
|
|
@@ -12650,6 +12770,7 @@ exports.IconTag = IconTag;
|
|
|
12650
12770
|
exports.IconTextAUnderline = IconTextAUnderline;
|
|
12651
12771
|
exports.IconTextAlignCenter = IconTextAlignCenter;
|
|
12652
12772
|
exports.IconTextAlignLeft = IconTextAlignLeft;
|
|
12773
|
+
exports.IconTextAlignRight = IconTextAlignRight;
|
|
12653
12774
|
exports.IconTextBBold = IconTextBBold;
|
|
12654
12775
|
exports.IconTextBBoldItalicUnderlined = IconTextBBoldItalicUnderlined;
|
|
12655
12776
|
exports.IconTextCursorEyeOpen = IconTextCursorEyeOpen;
|