@mirohq/design-system-icons 0.26.1 → 0.27.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 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
- stroke: "currentColor",
3780
- strokeLinecap: "round",
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
- fill: "currentColor",
3790
- 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"
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
- stroke: "currentColor",
3812
- strokeLinecap: "round",
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
- fill: "currentColor",
3822
- 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"
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
- stroke: "currentColor",
3844
- strokeLinecap: "round",
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
- fill: "currentColor",
3854
- 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"
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.jsx("g", { clipPath: "url(#clip0_3866_343)", children: /* @__PURE__ */ jsxRuntime.jsx(
6365
- "path",
6445
+ /* @__PURE__ */ jsxRuntime.jsxs(
6446
+ "g",
6366
6447
  {
6367
6448
  stroke: "currentColor",
6368
6449
  strokeLinecap: "round",
6369
6450
  strokeWidth: "var(--svg-stroke-width)",
6370
- d: "M15.5989 15.7059c1.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.3099-3.1676 2.1176-5.1871 2.1176-4.0934 0-7.4118-3.3183-7.4118-7.4117 0-2.8632 1.6234-5.3471 4-6.5816m8.5989 11.8757 5.4011 5.2941m-7-19-3 4h3l-3 4"
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 6h7m-7 6h14"
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;