@mirohq/design-system-icons 0.52.0-button-api-changes.0 → 0.53.0-button-api-changes.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 CHANGED
@@ -1253,18 +1253,10 @@ const IconArrowUpRight = react.forwardRef(
1253
1253
  /* @__PURE__ */ jsxRuntime.jsx(
1254
1254
  "path",
1255
1255
  {
1256
- stroke: "currentColor",
1257
- strokeLinecap: "round",
1258
- strokeWidth: "var(--svg-stroke-width)",
1259
- d: "M19 5h-9m9 0v9m0-9-14 14"
1260
- }
1261
- ),
1262
- /* @__PURE__ */ jsxRuntime.jsx(
1263
- "path",
1264
- {
1265
- stroke: "currentColor",
1266
- strokeWidth: "var(--svg-stroke-width)",
1267
- d: "M12 12v.0001"
1256
+ fill: "currentColor",
1257
+ fillRule: "evenodd",
1258
+ d: "M9 5c0-.5523.4477-1 1-1h10v10c0 .5523-.4477 1-1 1s-1-.4477-1-1v-6.5858l-12.2929 12.2929c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142l12.2929-12.2929h-6.5858c-.5523 0-1-.4477-1-1Z",
1259
+ clipRule: "evenodd"
1268
1260
  }
1269
1261
  )
1270
1262
  );
@@ -4036,19 +4028,10 @@ const IconColumnsFormat = react.forwardRef(
4036
4028
  /* @__PURE__ */ jsxRuntime.jsx(
4037
4029
  "path",
4038
4030
  {
4039
- fill: "currentColor",
4040
- fillRule: "evenodd",
4041
- d: "M2 5c0-1.6568 1.3432-3 3-3h8v17c0 1.6569-1.3431 3-3 3h-5c-1.6568 0-3-1.3431-3-3v-14Zm3-1c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h5c.5523 0 1-.4477 1-1v-15h-6Z",
4042
- clipRule: "evenodd"
4043
- }
4044
- ),
4045
- /* @__PURE__ */ jsxRuntime.jsx(
4046
- "path",
4047
- {
4048
- fill: "currentColor",
4049
- fillRule: "evenodd",
4050
- d: "M11 2h8c1.6569 0 3 1.3432 3 3v8c0 1.6569-1.3431 3-3 3h-8v-14Zm2 2v10h6c.5523 0 1-.4477 1-1v-8c0-.5523-.4477-1-1-1h-6Z",
4051
- clipRule: "evenodd"
4031
+ stroke: "currentColor",
4032
+ strokeLinecap: "round",
4033
+ strokeWidth: "var(--svg-stroke-width)",
4034
+ d: "M3 5c0-1.1046.8954-2 2-2h7v16c0 1.1046-.8954 2-2 2h-5c-1.1046 0-2-.8954-2-2v-14ZM12 3h7c1.1046 0 2 .8954 2 2v8c0 1.1046-.8954 2-2 2h-7v-12Z"
4052
4035
  }
4053
4036
  )
4054
4037
  );
@@ -5295,25 +5278,7 @@ const IconDiagrammingFormat = react.forwardRef(
5295
5278
  {
5296
5279
  fill: "currentColor",
5297
5280
  fillRule: "evenodd",
5298
- d: "M13 4.5c0-1.3807 1.1193-2.5 2.5-2.5h4c1.3807 0 2.5 1.1193 2.5 2.5v4c0 1.3807-1.1193 2.5-2.5 2.5h-4c-1.3807 0-2.5-1.1193-2.5-2.5v-4Zm2.5-.5a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-4ZM7 14c-1.6569 0-3 1.3431-3 3s1.3431 3 3 3 3-1.3431 3-3-1.3431-3-3-3Zm-5 3c0-2.7614 2.2386-5 5-5s5 2.2386 5 5-2.2386 5-5 5-5-2.2386-5-5Z",
5299
- clipRule: "evenodd"
5300
- }
5301
- ),
5302
- /* @__PURE__ */ jsxRuntime.jsx(
5303
- "path",
5304
- {
5305
- fill: "currentColor",
5306
- fillRule: "evenodd",
5307
- d: "M5 11.5c0-3.3137 2.6863-6 6-6h3v2h-3c-2.2091 0-4 1.7909-4 4v1.5h-2v-1.5ZM21 18h-10v-2h10v2Z",
5308
- clipRule: "evenodd"
5309
- }
5310
- ),
5311
- /* @__PURE__ */ jsxRuntime.jsx(
5312
- "path",
5313
- {
5314
- fill: "currentColor",
5315
- fillRule: "evenodd",
5316
- d: "M22.3782 16.9999c0 .3073-.1393.5978-.378.7884l-4.3833 3.5-1.2341-1.5769 3.396-2.7115-3.396-2.7116 1.2341-1.5769 4.3833 3.5001c.2387.1906.378.481.378.7884Z",
5281
+ d: "M13 4.5c0-1.3807 1.1193-2.5 2.5-2.5h4c1.3807 0 2.5 1.1193 2.5 2.5v4c0 1.3807-1.1193 2.5-2.5 2.5h-4c-1.3807 0-2.5-1.1193-2.5-2.5v-1h-2c-2.2091 0-4 1.7909-4 4v.5c2.419 0 4.4367 1.7178 4.9 4h6.6264l-2.1436-1.7116 1.2341-1.5769 4.3833 3.5001c.2387.1906.3779.481.3779.7884 0 .3073-.1392.5978-.3779.7884l-4.3833 3.5-1.2341-1.5769 2.1435-1.7115h-6.6263c-.4633 2.2822-2.481 4-4.9 4-2.7614 0-5-2.2386-5-5 0-2.0503 1.2341-3.8124 3-4.584v-.916c0-3.3137 2.6863-6 6-6h2v-1Zm2.5-.5a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-4Zm-8.5 10c-1.6569 0-3 1.3431-3 3s1.3431 3 3 3 3-1.3431 3-3-1.3431-3-3-3Z",
5317
5282
  clipRule: "evenodd"
5318
5283
  }
5319
5284
  )
@@ -5425,21 +5390,27 @@ const IconDocFormat = react.forwardRef(
5425
5390
  ref: forwardRef2
5426
5391
  },
5427
5392
  /* @__PURE__ */ jsxRuntime.jsx(
5428
- "path",
5393
+ "rect",
5429
5394
  {
5430
- fill: "currentColor",
5431
- fillRule: "evenodd",
5432
- d: "M2 5c0-1.6568 1.3432-3 3-3h14c1.6569 0 3 1.3432 3 3v14c0 1.6569-1.3431 3-3 3h-14c-1.6568 0-3-1.3431-3-3v-14Zm3-1c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-14c0-.5523-.4477-1-1-1h-14Z",
5433
- clipRule: "evenodd"
5395
+ width: 18,
5396
+ height: 18,
5397
+ x: 3,
5398
+ y: 3,
5399
+ stroke: "currentColor",
5400
+ strokeLinecap: "round",
5401
+ strokeLinejoin: "round",
5402
+ strokeWidth: "var(--svg-stroke-width)",
5403
+ rx: 2
5434
5404
  }
5435
5405
  ),
5436
5406
  /* @__PURE__ */ jsxRuntime.jsx(
5437
5407
  "path",
5438
5408
  {
5439
- fill: "currentColor",
5440
- fillRule: "evenodd",
5441
- d: "M7 12c0-.5523.4477-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1h-8c-.5523 0-1-.4477-1-1ZM7 8c0-.5523.4477-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1h-8c-.5523 0-1-.4477-1-1ZM7 16c0-.5523.4477-1 1-1h5c.5523 0 1 .4477 1 1s-.4477 1-1 1h-5c-.5523 0-1-.4477-1-1Z",
5442
- clipRule: "evenodd"
5409
+ stroke: "currentColor",
5410
+ strokeLinecap: "round",
5411
+ strokeLinejoin: "round",
5412
+ strokeWidth: "var(--svg-stroke-width)",
5413
+ d: "M8 12h8M8 8h8M8 16h5"
5443
5414
  }
5444
5415
  )
5445
5416
  );
@@ -5957,19 +5928,20 @@ const IconExternalFormat = react.forwardRef(
5957
5928
  /* @__PURE__ */ jsxRuntime.jsx(
5958
5929
  "path",
5959
5930
  {
5960
- fill: "currentColor",
5961
- fillRule: "evenodd",
5962
- d: "M2 6c0-2.2091 1.7909-4 4-4h12c2.2091 0 4 1.7909 4 4v12c0 2.2091-1.7909 4-4 4h-12c-2.2091 0-4-1.7909-4-4v-12Zm4-2c-1.1046 0-2 .8954-2 2v12c0 1.1046.8954 2 2 2h12c1.1046 0 2-.8954 2-2v-12c0-1.1046-.8954-2-2-2h-12Z",
5963
- clipRule: "evenodd"
5931
+ stroke: "currentColor",
5932
+ strokeLinecap: "round",
5933
+ strokeWidth: "var(--svg-stroke-width)",
5934
+ d: "M18 3h-12c-1.6569 0-3 1.3431-3 3v12c0 1.6569 1.3431 3 3 3h12c1.6569 0 3-1.3431 3-3v-12c0-1.6569-1.3431-3-3-3Z"
5964
5935
  }
5965
5936
  ),
5966
5937
  /* @__PURE__ */ jsxRuntime.jsx(
5967
5938
  "path",
5968
5939
  {
5969
- fill: "currentColor",
5970
- fillRule: "evenodd",
5971
- d: "M9.0002 8.001c0-.5523.4478-1 1-1h6c.5523 0 1 .4477 1 1v6c0 .5523-.4477 1-1 1-.5522 0-1-.4477-1-1v-3.5858l-6.2928 6.2929c-.3906.3905-1.0237.3905-1.4143 0-.3905-.3905-.3905-1.0237 0-1.4142l6.2929-6.293h-3.5858c-.5522 0-1-.4476-1-1Z",
5972
- clipRule: "evenodd"
5940
+ stroke: "currentColor",
5941
+ strokeLinecap: "round",
5942
+ strokeLinejoin: "round",
5943
+ strokeWidth: "var(--svg-stroke-width)",
5944
+ d: "m8 16.001 8-8m0 0v6m0-6h-6"
5973
5945
  }
5974
5946
  )
5975
5947
  );
@@ -11140,19 +11112,10 @@ const IconPrototypeFormat = react.forwardRef(
11140
11112
  /* @__PURE__ */ jsxRuntime.jsx(
11141
11113
  "path",
11142
11114
  {
11143
- fill: "currentColor",
11144
- fillRule: "evenodd",
11145
- d: "M5 5c0-1.6568 1.3431-3 3-3h8c1.6569 0 3 1.3432 3 3v14c0 1.6569-1.3431 3-3 3h-8c-1.6569 0-3-1.3431-3-3v-14Zm3-1c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h8c.5523 0 1-.4477 1-1v-14c0-.5523-.4477-1-1-1h-8Z",
11146
- clipRule: "evenodd"
11147
- }
11148
- ),
11149
- /* @__PURE__ */ jsxRuntime.jsx(
11150
- "path",
11151
- {
11152
- fill: "currentColor",
11153
- fillRule: "evenodd",
11154
- d: "M10 7c0-.5523.4477-1 1-1h2c.5523 0 1 .4477 1 1s-.4477 1-1 1h-2c-.5523 0-1-.4477-1-1Z",
11155
- clipRule: "evenodd"
11115
+ stroke: "currentColor",
11116
+ strokeLinecap: "round",
11117
+ strokeWidth: "var(--svg-stroke-width)",
11118
+ d: "M11 7h2m-7-2v14c0 1.1046.8954 2 2 2h8c1.1046 0 2-.8954 2-2v-14c0-1.1046-.8954-2-2-2h-8c-1.1046 0-2 .8954-2 2Z"
11156
11119
  }
11157
11120
  )
11158
11121
  );
@@ -12837,16 +12800,20 @@ const IconSlideFormat = react.forwardRef(
12837
12800
  "path",
12838
12801
  {
12839
12802
  fill: "currentColor",
12840
- d: "m15.0639 11.376-3.8979-2.5986c-.4984-.3323-1.166.025-1.166.624v5.1972c0 .599.6676.9563 1.166.624l3.8979-2.5986c.4453-.2968.4453-.9512 0-1.248Z"
12803
+ d: "m15.3604 11.3488-4.7383-2.7076c-.5-.2857-1.1221.0753-1.1221.6512v5.4152c0 .5759.6221.9369 1.1221.6512l4.7383-2.7076c.5039-.2879.5039-1.0145 0-1.3024Z"
12841
12804
  }
12842
12805
  ),
12843
12806
  /* @__PURE__ */ jsxRuntime.jsx(
12844
- "path",
12807
+ "rect",
12845
12808
  {
12846
- fill: "currentColor",
12847
- fillRule: "evenodd",
12848
- d: "M2 5c0-1.6568 1.3432-3 3-3h14c1.6569 0 3 1.3432 3 3v14c0 1.6569-1.3431 3-3 3h-14c-1.6568 0-3-1.3431-3-3v-14Zm3-1c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-14c0-.5523-.4477-1-1-1h-14Z",
12849
- clipRule: "evenodd"
12809
+ width: 18,
12810
+ height: 18,
12811
+ x: 3,
12812
+ y: 3,
12813
+ stroke: "currentColor",
12814
+ strokeLinecap: "round",
12815
+ strokeWidth: "var(--svg-stroke-width)",
12816
+ rx: 2
12850
12817
  }
12851
12818
  )
12852
12819
  );
@@ -14503,6 +14470,53 @@ const IconStack = react.forwardRef(
14503
14470
  );
14504
14471
  IconStack[designSystemBaseIcon.iconSymbol] = true;
14505
14472
 
14473
+ const IconStackedCircles = react.forwardRef(
14474
+ ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
14475
+ const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
14476
+ return react.createElement(
14477
+ StyledIcon,
14478
+ {
14479
+ ...props,
14480
+ weight,
14481
+ debug,
14482
+ "aria-hidden": true,
14483
+ size,
14484
+ viewBox: "0 0 24 24",
14485
+ fill: "none",
14486
+ ref: forwardRef2
14487
+ },
14488
+ /* @__PURE__ */ jsxRuntime.jsx(
14489
+ "path",
14490
+ {
14491
+ fill: "currentColor",
14492
+ fillRule: "evenodd",
14493
+ d: "M6.6452 5.196c-1.3574.7403-1.8952 1.5989-1.8952 2.304 0 .7051.5378 1.5637 1.8952 2.304 1.3196.7199 3.211 1.196 5.3548 1.196s4.0352-.4761 5.3548-1.196c1.3574-.7403 1.8952-1.5989 1.8952-2.304 0-.7051-.5378-1.5637-1.8952-2.304-1.3196-.7199-3.211-1.196-5.3548-1.196s-4.0352.4761-5.3548 1.196Zm-.9577-1.7559c1.6663-.9089 3.9-1.4401 6.3125-1.4401s4.6462.5312 6.3125 1.4401c1.6285.8883 2.9375 2.2798 2.9375 4.0599s-1.309 3.1716-2.9375 4.0599c-1.6663.9089-3.9 1.4401-6.3125 1.4401s-4.6462-.5312-6.3125-1.4401c-1.6285-.8883-2.9375-2.2798-2.9375-4.0599s1.309-3.1716 2.9375-4.0599Z",
14494
+ clipRule: "evenodd"
14495
+ }
14496
+ ),
14497
+ /* @__PURE__ */ jsxRuntime.jsx(
14498
+ "path",
14499
+ {
14500
+ fill: "currentColor",
14501
+ fillRule: "evenodd",
14502
+ d: "M3.75 6.5c.5523 0 1 .4477 1 1v4.5c0 .7051.5378 1.5637 1.8952 2.3041 1.3196.7198 3.211 1.1959 5.3548 1.1959s4.0352-.4761 5.3548-1.1959c1.3574-.7404 1.8952-1.599 1.8952-2.3041v-4.5c0-.5523.4477-1 1-1s1 .4477 1 1v4.5c0 1.7801-1.309 3.1716-2.9375 4.0599-1.6663.9089-3.9 1.4401-6.3125 1.4401s-4.6462-.5312-6.3125-1.4401c-1.6285-.8883-2.9375-2.2798-2.9375-4.0599v-4.5c0-.5523.4477-1 1-1Z",
14503
+ clipRule: "evenodd"
14504
+ }
14505
+ ),
14506
+ /* @__PURE__ */ jsxRuntime.jsx(
14507
+ "path",
14508
+ {
14509
+ fill: "currentColor",
14510
+ fillRule: "evenodd",
14511
+ d: "M3.75 11c.5523 0 1 .4477 1 1v4.5c0 .7051.5378 1.5637 1.8952 2.3041 1.3196.7198 3.211 1.1959 5.3548 1.1959s4.0352-.4761 5.3548-1.1959c1.3574-.7404 1.8952-1.599 1.8952-2.3041v-4.5c0-.5523.4477-1 1-1s1 .4477 1 1v4.5c0 1.7801-1.309 3.1716-2.9375 4.0599-1.6663.9089-3.9 1.4401-6.3125 1.4401s-4.6462-.5312-6.3125-1.4401c-1.6285-.8883-2.9375-2.2798-2.9375-4.0599v-4.5c0-.5523.4477-1 1-1Z",
14512
+ clipRule: "evenodd"
14513
+ }
14514
+ )
14515
+ );
14516
+ }
14517
+ );
14518
+ IconStackedCircles[designSystemBaseIcon.iconSymbol] = true;
14519
+
14506
14520
  const IconStarFilled = react.forwardRef(
14507
14521
  ({ size = "medium", weight = "normal", ...props }, forwardRef2) => {
14508
14522
  const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_ICON", false);
@@ -15129,21 +15143,26 @@ const IconTableFormat = react.forwardRef(
15129
15143
  ref: forwardRef2
15130
15144
  },
15131
15145
  /* @__PURE__ */ jsxRuntime.jsx(
15132
- "path",
15146
+ "rect",
15133
15147
  {
15134
- fill: "currentColor",
15135
- fillRule: "evenodd",
15136
- d: "M2 5c0-1.6568 1.3432-3 3-3h14c1.6569 0 3 1.3432 3 3v14c0 1.6569-1.3431 3-3 3h-14c-1.6568 0-3-1.3431-3-3v-14Zm3-1c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-14c0-.5523-.4477-1-1-1h-14Z",
15137
- clipRule: "evenodd"
15148
+ width: 18,
15149
+ height: 18,
15150
+ x: 3,
15151
+ y: 3,
15152
+ stroke: "currentColor",
15153
+ strokeLinecap: "round",
15154
+ strokeWidth: "var(--svg-stroke-width)",
15155
+ rx: 2
15138
15156
  }
15139
15157
  ),
15140
15158
  /* @__PURE__ */ jsxRuntime.jsx(
15141
15159
  "path",
15142
15160
  {
15143
- fill: "currentColor",
15144
- fillRule: "evenodd",
15145
- d: "M12 2c.5523 0 1 .4477 1 1v5h8c.5523 0 1 .4477 1 1s-.4477 1-1 1h-8v4h8c.5523 0 1 .4477 1 1s-.4477 1-1 1h-8v5c0 .5523-.4477 1-1 1s-1-.4477-1-1v-5h-8c-.5523 0-1-.4477-1-1s.4477-1 1-1h8v-4h-8c-.5523 0-1-.4477-1-1s.4477-1 1-1h8v-5c0-.5523.4477-1 1-1Z",
15146
- clipRule: "evenodd"
15161
+ stroke: "currentColor",
15162
+ strokeLinecap: "round",
15163
+ strokeLinejoin: "round",
15164
+ strokeWidth: "var(--svg-stroke-width)",
15165
+ d: "M12 3v6m0 12v-6m0-6v6m0-6h-9m9 0h9m-9 6h-9m9 0h9"
15147
15166
  }
15148
15167
  )
15149
15168
  );
@@ -16081,21 +16100,25 @@ const IconTimelineFormat = react.forwardRef(
16081
16100
  ref: forwardRef2
16082
16101
  },
16083
16102
  /* @__PURE__ */ jsxRuntime.jsx(
16084
- "path",
16103
+ "rect",
16085
16104
  {
16086
- fill: "currentColor",
16087
- fillRule: "evenodd",
16088
- d: "M2 5c0-1.6568 1.3432-3 3-3h14c1.6569 0 3 1.3432 3 3v14c0 1.6569-1.3431 3-3 3h-14c-1.6568 0-3-1.3431-3-3v-14Zm3-1c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-14c0-.5523-.4477-1-1-1h-14Z",
16089
- clipRule: "evenodd"
16105
+ width: 18,
16106
+ height: 18,
16107
+ x: 3,
16108
+ y: 3,
16109
+ stroke: "currentColor",
16110
+ strokeLinecap: "round",
16111
+ strokeWidth: "var(--svg-stroke-width)",
16112
+ rx: 2
16090
16113
  }
16091
16114
  ),
16092
16115
  /* @__PURE__ */ jsxRuntime.jsx(
16093
16116
  "path",
16094
16117
  {
16095
- fill: "currentColor",
16096
- fillRule: "evenodd",
16097
- d: "M6 8c0-.5523.4477-1 1-1h7.5c.5523 0 1 .4477 1 1s-.4477 1-1 1h-7.5c-.5523 0-1-.4477-1-1Zm5.25 4c0-.5523.4477-1 1-1h8.25c.5523 0 1 .4477 1 1s-.4477 1-1 1h-8.25c-.5523 0-1-.4477-1-1Zm-3 4c0-.5523.4477-1 1-1h4.125c.5523 0 1 .4477 1 1s-.4477 1-1 1h-4.125c-.5523 0-1-.4477-1-1Z",
16098
- clipRule: "evenodd"
16118
+ stroke: "currentColor",
16119
+ strokeLinecap: "round",
16120
+ strokeWidth: "var(--svg-stroke-width)",
16121
+ d: "M7 8h7.5m-2.25 4h8.25m-11.25 4h4.125"
16099
16122
  }
16100
16123
  )
16101
16124
  );
@@ -17693,6 +17716,7 @@ exports.IconSquaresTwoOverlap = IconSquaresTwoOverlap;
17693
17716
  exports.IconSquaresUngroup = IconSquaresUngroup;
17694
17717
  exports.IconSquaresUnmerge = IconSquaresUnmerge;
17695
17718
  exports.IconStack = IconStack;
17719
+ exports.IconStackedCircles = IconStackedCircles;
17696
17720
  exports.IconStar = IconStar;
17697
17721
  exports.IconStarFilled = IconStarFilled;
17698
17722
  exports.IconStarHalf = IconStarHalf;