@mirohq/design-system-toolbar 2.5.5 → 2.5.6

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.
Files changed (2) hide show
  1. package/dist/types.d.ts +244 -412
  2. package/package.json +4 -4
package/dist/types.d.ts CHANGED
@@ -259,17 +259,17 @@ declare const StyledToolbar: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
259
259
  readonly body: "Open Sans, sans-serif";
260
260
  };
261
261
  radii: {
262
+ readonly 0: "0px";
262
263
  readonly 25: "2px";
263
264
  readonly 50: "4px";
264
265
  readonly 75: "6px";
265
266
  readonly 100: "8px";
266
267
  readonly 200: "16px";
267
- readonly half: "999px";
268
- readonly none: "0px";
268
+ readonly round: "999px";
269
269
  };
270
270
  shadows: {
271
- 50: any;
272
271
  100: any;
272
+ 50: any;
273
273
  "focus-small": any;
274
274
  "focus-small-outline": any;
275
275
  "focus-large": any;
@@ -299,48 +299,6 @@ declare const StyledToolbar: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
299
299
  readonly 1200: "96px";
300
300
  readonly 1600: "128px";
301
301
  };
302
- 'space-gap': {
303
- readonly 0: any;
304
- readonly 50: any;
305
- readonly 100: any;
306
- readonly 200: any;
307
- readonly 300: any;
308
- };
309
- 'space-inset': {
310
- readonly 0: any;
311
- readonly 50: any;
312
- readonly 100: any;
313
- readonly 150: any;
314
- readonly 200: any;
315
- readonly 300: any;
316
- readonly 400: any;
317
- readonly 500: any;
318
- readonly 600: any;
319
- readonly 700: any;
320
- readonly 800: any;
321
- readonly 1200: any;
322
- readonly 1600: any;
323
- };
324
- 'space-offset': {
325
- readonly 0: any;
326
- readonly 50: any;
327
- readonly 100: any;
328
- readonly 150: any;
329
- readonly 200: any;
330
- readonly 300: any;
331
- readonly 400: any;
332
- readonly 600: any;
333
- readonly 800: any;
334
- readonly 1200: any;
335
- readonly 1600: any;
336
- readonly 'stacking-0': any;
337
- readonly 'stacking-100': any;
338
- readonly 'stacking-200': any;
339
- readonly 'stacking-300': any;
340
- readonly 'stacking-400': any;
341
- readonly 'stacking-500': any;
342
- readonly 'stacking-800': any;
343
- };
344
302
  'stroke-width': {
345
303
  readonly thin: "1.5px";
346
304
  readonly normal: "2px";
@@ -381,7 +339,7 @@ declare const StyledToolbar: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
381
339
  readonly borderRightColor: "colors";
382
340
  readonly borderRightStyle: "border-styles";
383
341
  readonly borderRightWidth: "border-widths";
384
- readonly borderSpacing: "space-offset";
342
+ readonly borderSpacing: "space";
385
343
  readonly borderStyle: "border-styles";
386
344
  readonly borderTop: "colors";
387
345
  readonly borderTopColor: "colors";
@@ -394,42 +352,42 @@ declare const StyledToolbar: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
394
352
  readonly boxShadow: "shadows";
395
353
  readonly caretColor: "colors";
396
354
  readonly color: "colors";
397
- readonly columnGap: "space-gap";
355
+ readonly columnGap: "space";
398
356
  readonly columnRuleColor: "colors";
399
357
  readonly fill: "colors";
400
358
  readonly flexBasis: "sizes";
401
359
  readonly fontFamily: "fonts";
402
360
  readonly fontSize: "font-sizes";
403
361
  readonly fontWeight: "font-weights";
404
- readonly gap: "space-gap";
405
- readonly gridColumnGap: "space-gap";
406
- readonly gridGap: "space-gap";
407
- readonly gridRowGap: "space-gap";
362
+ readonly gap: "space";
363
+ readonly gridColumnGap: "space";
364
+ readonly gridGap: "space";
365
+ readonly gridRowGap: "space";
408
366
  readonly gridTemplateColumns: "sizes";
409
367
  readonly gridTemplateRows: "sizes";
410
368
  readonly height: "sizes";
411
369
  readonly inlineSize: "sizes";
412
- readonly inset: "space-inset";
413
- readonly insetBlock: "space-inset";
414
- readonly insetBlockEnd: "space-inset";
415
- readonly insetBlockStart: "space-inset";
416
- readonly insetInline: "space-inset";
417
- readonly insetInlineEnd: "space-inset";
418
- readonly insetInlineStart: "space-inset";
370
+ readonly inset: "space";
371
+ readonly insetBlock: "space";
372
+ readonly insetBlockEnd: "space";
373
+ readonly insetBlockStart: "space";
374
+ readonly insetInline: "space";
375
+ readonly insetInlineEnd: "space";
376
+ readonly insetInlineStart: "space";
419
377
  readonly left: "space";
420
378
  readonly letterSpacing: "letter-spacings";
421
379
  readonly lineHeight: "line-heights";
422
- readonly margin: "space-offset";
423
- readonly marginBlock: "space-offset";
424
- readonly marginBlockEnd: "space-offset";
425
- readonly marginBlockStart: "space-offset";
426
- readonly marginBottom: "space-offset";
427
- readonly marginInline: "space-offset";
428
- readonly marginInlineEnd: "space-offset";
429
- readonly marginInlineStart: "space-offset";
430
- readonly marginLeft: "space-offset";
431
- readonly marginRight: "space-offset";
432
- readonly marginTop: "space-offset";
380
+ readonly margin: "space";
381
+ readonly marginBlock: "space";
382
+ readonly marginBlockEnd: "space";
383
+ readonly marginBlockStart: "space";
384
+ readonly marginBottom: "space";
385
+ readonly marginInline: "space";
386
+ readonly marginInlineEnd: "space";
387
+ readonly marginInlineStart: "space";
388
+ readonly marginLeft: "space";
389
+ readonly marginRight: "space";
390
+ readonly marginTop: "space";
433
391
  readonly maxBlockSize: "sizes";
434
392
  readonly maxHeight: "sizes";
435
393
  readonly maxInlineSize: "sizes";
@@ -440,41 +398,41 @@ declare const StyledToolbar: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
440
398
  readonly minWidth: "sizes";
441
399
  readonly outline: "colors";
442
400
  readonly outlineColor: "colors";
443
- readonly padding: "space-inset";
444
- readonly paddingBlock: "space-inset";
445
- readonly paddingBlockEnd: "space-inset";
446
- readonly paddingBlockStart: "space-inset";
447
- readonly paddingBottom: "space-inset";
448
- readonly paddingInline: "space-inset";
449
- readonly paddingInlineEnd: "space-inset";
450
- readonly paddingInlineStart: "space-inset";
451
- readonly paddingLeft: "space-inset";
452
- readonly paddingRight: "space-inset";
453
- readonly paddingTop: "space-inset";
401
+ readonly padding: "space";
402
+ readonly paddingBlock: "space";
403
+ readonly paddingBlockEnd: "space";
404
+ readonly paddingBlockStart: "space";
405
+ readonly paddingBottom: "space";
406
+ readonly paddingInline: "space";
407
+ readonly paddingInlineEnd: "space";
408
+ readonly paddingInlineStart: "space";
409
+ readonly paddingLeft: "space";
410
+ readonly paddingRight: "space";
411
+ readonly paddingTop: "space";
454
412
  readonly right: "space";
455
- readonly rowGap: "space-gap";
456
- readonly scrollMargin: "space-offset";
457
- readonly scrollMarginBlock: "space-offset";
458
- readonly scrollMarginBlockEnd: "space-offset";
459
- readonly scrollMarginBlockStart: "space-offset";
460
- readonly scrollMarginBottom: "space-offset";
461
- readonly scrollMarginInline: "space-offset";
462
- readonly scrollMarginInlineEnd: "space-offset";
463
- readonly scrollMarginInlineStart: "space-offset";
464
- readonly scrollMarginLeft: "space-offset";
465
- readonly scrollMarginRight: "space-offset";
466
- readonly scrollMarginTop: "space-offset";
467
- readonly scrollPadding: "space-inset";
468
- readonly scrollPaddingBlock: "space-inset";
469
- readonly scrollPaddingBlockEnd: "space-inset";
470
- readonly scrollPaddingBlockStart: "space-inset";
471
- readonly scrollPaddingBottom: "space-inset";
472
- readonly scrollPaddingInline: "space-inset";
473
- readonly scrollPaddingInlineEnd: "space-inset";
474
- readonly scrollPaddingInlineStart: "space-inset";
475
- readonly scrollPaddingLeft: "space-inset";
476
- readonly scrollPaddingRight: "space-inset";
477
- readonly scrollPaddingTop: "space-inset";
413
+ readonly rowGap: "space";
414
+ readonly scrollMargin: "space";
415
+ readonly scrollMarginBlock: "space";
416
+ readonly scrollMarginBlockEnd: "space";
417
+ readonly scrollMarginBlockStart: "space";
418
+ readonly scrollMarginBottom: "space";
419
+ readonly scrollMarginInline: "space";
420
+ readonly scrollMarginInlineEnd: "space";
421
+ readonly scrollMarginInlineStart: "space";
422
+ readonly scrollMarginLeft: "space";
423
+ readonly scrollMarginRight: "space";
424
+ readonly scrollMarginTop: "space";
425
+ readonly scrollPadding: "space";
426
+ readonly scrollPaddingBlock: "space";
427
+ readonly scrollPaddingBlockEnd: "space";
428
+ readonly scrollPaddingBlockStart: "space";
429
+ readonly scrollPaddingBottom: "space";
430
+ readonly scrollPaddingInline: "space";
431
+ readonly scrollPaddingInlineEnd: "space";
432
+ readonly scrollPaddingInlineStart: "space";
433
+ readonly scrollPaddingLeft: "space";
434
+ readonly scrollPaddingRight: "space";
435
+ readonly scrollPaddingTop: "space";
478
436
  readonly stroke: "colors";
479
437
  readonly strokeWidth: "stroke-width";
480
438
  readonly textDecorationColor: "colors";
@@ -795,17 +753,17 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
795
753
  readonly body: "Open Sans, sans-serif";
796
754
  };
797
755
  radii: {
756
+ readonly 0: "0px";
798
757
  readonly 25: "2px";
799
758
  readonly 50: "4px";
800
759
  readonly 75: "6px";
801
760
  readonly 100: "8px";
802
761
  readonly 200: "16px";
803
- readonly half: "999px";
804
- readonly none: "0px";
762
+ readonly round: "999px";
805
763
  };
806
764
  shadows: {
807
- 50: any;
808
765
  100: any;
766
+ 50: any;
809
767
  "focus-small": any;
810
768
  "focus-small-outline": any;
811
769
  "focus-large": any;
@@ -835,48 +793,6 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
835
793
  readonly 1200: "96px";
836
794
  readonly 1600: "128px";
837
795
  };
838
- 'space-gap': {
839
- readonly 0: any;
840
- readonly 50: any;
841
- readonly 100: any;
842
- readonly 200: any;
843
- readonly 300: any;
844
- };
845
- 'space-inset': {
846
- readonly 0: any;
847
- readonly 50: any;
848
- readonly 100: any;
849
- readonly 150: any;
850
- readonly 200: any;
851
- readonly 300: any;
852
- readonly 400: any;
853
- readonly 500: any;
854
- readonly 600: any;
855
- readonly 700: any;
856
- readonly 800: any;
857
- readonly 1200: any;
858
- readonly 1600: any;
859
- };
860
- 'space-offset': {
861
- readonly 0: any;
862
- readonly 50: any;
863
- readonly 100: any;
864
- readonly 150: any;
865
- readonly 200: any;
866
- readonly 300: any;
867
- readonly 400: any;
868
- readonly 600: any;
869
- readonly 800: any;
870
- readonly 1200: any;
871
- readonly 1600: any;
872
- readonly 'stacking-0': any;
873
- readonly 'stacking-100': any;
874
- readonly 'stacking-200': any;
875
- readonly 'stacking-300': any;
876
- readonly 'stacking-400': any;
877
- readonly 'stacking-500': any;
878
- readonly 'stacking-800': any;
879
- };
880
796
  'stroke-width': {
881
797
  readonly thin: "1.5px";
882
798
  readonly normal: "2px";
@@ -917,7 +833,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
917
833
  readonly borderRightColor: "colors";
918
834
  readonly borderRightStyle: "border-styles";
919
835
  readonly borderRightWidth: "border-widths";
920
- readonly borderSpacing: "space-offset";
836
+ readonly borderSpacing: "space";
921
837
  readonly borderStyle: "border-styles";
922
838
  readonly borderTop: "colors";
923
839
  readonly borderTopColor: "colors";
@@ -930,42 +846,42 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
930
846
  readonly boxShadow: "shadows";
931
847
  readonly caretColor: "colors";
932
848
  readonly color: "colors";
933
- readonly columnGap: "space-gap";
849
+ readonly columnGap: "space";
934
850
  readonly columnRuleColor: "colors";
935
851
  readonly fill: "colors";
936
852
  readonly flexBasis: "sizes";
937
853
  readonly fontFamily: "fonts";
938
854
  readonly fontSize: "font-sizes";
939
855
  readonly fontWeight: "font-weights";
940
- readonly gap: "space-gap";
941
- readonly gridColumnGap: "space-gap";
942
- readonly gridGap: "space-gap";
943
- readonly gridRowGap: "space-gap";
856
+ readonly gap: "space";
857
+ readonly gridColumnGap: "space";
858
+ readonly gridGap: "space";
859
+ readonly gridRowGap: "space";
944
860
  readonly gridTemplateColumns: "sizes";
945
861
  readonly gridTemplateRows: "sizes";
946
862
  readonly height: "sizes";
947
863
  readonly inlineSize: "sizes";
948
- readonly inset: "space-inset";
949
- readonly insetBlock: "space-inset";
950
- readonly insetBlockEnd: "space-inset";
951
- readonly insetBlockStart: "space-inset";
952
- readonly insetInline: "space-inset";
953
- readonly insetInlineEnd: "space-inset";
954
- readonly insetInlineStart: "space-inset";
864
+ readonly inset: "space";
865
+ readonly insetBlock: "space";
866
+ readonly insetBlockEnd: "space";
867
+ readonly insetBlockStart: "space";
868
+ readonly insetInline: "space";
869
+ readonly insetInlineEnd: "space";
870
+ readonly insetInlineStart: "space";
955
871
  readonly left: "space";
956
872
  readonly letterSpacing: "letter-spacings";
957
873
  readonly lineHeight: "line-heights";
958
- readonly margin: "space-offset";
959
- readonly marginBlock: "space-offset";
960
- readonly marginBlockEnd: "space-offset";
961
- readonly marginBlockStart: "space-offset";
962
- readonly marginBottom: "space-offset";
963
- readonly marginInline: "space-offset";
964
- readonly marginInlineEnd: "space-offset";
965
- readonly marginInlineStart: "space-offset";
966
- readonly marginLeft: "space-offset";
967
- readonly marginRight: "space-offset";
968
- readonly marginTop: "space-offset";
874
+ readonly margin: "space";
875
+ readonly marginBlock: "space";
876
+ readonly marginBlockEnd: "space";
877
+ readonly marginBlockStart: "space";
878
+ readonly marginBottom: "space";
879
+ readonly marginInline: "space";
880
+ readonly marginInlineEnd: "space";
881
+ readonly marginInlineStart: "space";
882
+ readonly marginLeft: "space";
883
+ readonly marginRight: "space";
884
+ readonly marginTop: "space";
969
885
  readonly maxBlockSize: "sizes";
970
886
  readonly maxHeight: "sizes";
971
887
  readonly maxInlineSize: "sizes";
@@ -976,41 +892,41 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
976
892
  readonly minWidth: "sizes";
977
893
  readonly outline: "colors";
978
894
  readonly outlineColor: "colors";
979
- readonly padding: "space-inset";
980
- readonly paddingBlock: "space-inset";
981
- readonly paddingBlockEnd: "space-inset";
982
- readonly paddingBlockStart: "space-inset";
983
- readonly paddingBottom: "space-inset";
984
- readonly paddingInline: "space-inset";
985
- readonly paddingInlineEnd: "space-inset";
986
- readonly paddingInlineStart: "space-inset";
987
- readonly paddingLeft: "space-inset";
988
- readonly paddingRight: "space-inset";
989
- readonly paddingTop: "space-inset";
895
+ readonly padding: "space";
896
+ readonly paddingBlock: "space";
897
+ readonly paddingBlockEnd: "space";
898
+ readonly paddingBlockStart: "space";
899
+ readonly paddingBottom: "space";
900
+ readonly paddingInline: "space";
901
+ readonly paddingInlineEnd: "space";
902
+ readonly paddingInlineStart: "space";
903
+ readonly paddingLeft: "space";
904
+ readonly paddingRight: "space";
905
+ readonly paddingTop: "space";
990
906
  readonly right: "space";
991
- readonly rowGap: "space-gap";
992
- readonly scrollMargin: "space-offset";
993
- readonly scrollMarginBlock: "space-offset";
994
- readonly scrollMarginBlockEnd: "space-offset";
995
- readonly scrollMarginBlockStart: "space-offset";
996
- readonly scrollMarginBottom: "space-offset";
997
- readonly scrollMarginInline: "space-offset";
998
- readonly scrollMarginInlineEnd: "space-offset";
999
- readonly scrollMarginInlineStart: "space-offset";
1000
- readonly scrollMarginLeft: "space-offset";
1001
- readonly scrollMarginRight: "space-offset";
1002
- readonly scrollMarginTop: "space-offset";
1003
- readonly scrollPadding: "space-inset";
1004
- readonly scrollPaddingBlock: "space-inset";
1005
- readonly scrollPaddingBlockEnd: "space-inset";
1006
- readonly scrollPaddingBlockStart: "space-inset";
1007
- readonly scrollPaddingBottom: "space-inset";
1008
- readonly scrollPaddingInline: "space-inset";
1009
- readonly scrollPaddingInlineEnd: "space-inset";
1010
- readonly scrollPaddingInlineStart: "space-inset";
1011
- readonly scrollPaddingLeft: "space-inset";
1012
- readonly scrollPaddingRight: "space-inset";
1013
- readonly scrollPaddingTop: "space-inset";
907
+ readonly rowGap: "space";
908
+ readonly scrollMargin: "space";
909
+ readonly scrollMarginBlock: "space";
910
+ readonly scrollMarginBlockEnd: "space";
911
+ readonly scrollMarginBlockStart: "space";
912
+ readonly scrollMarginBottom: "space";
913
+ readonly scrollMarginInline: "space";
914
+ readonly scrollMarginInlineEnd: "space";
915
+ readonly scrollMarginInlineStart: "space";
916
+ readonly scrollMarginLeft: "space";
917
+ readonly scrollMarginRight: "space";
918
+ readonly scrollMarginTop: "space";
919
+ readonly scrollPadding: "space";
920
+ readonly scrollPaddingBlock: "space";
921
+ readonly scrollPaddingBlockEnd: "space";
922
+ readonly scrollPaddingBlockStart: "space";
923
+ readonly scrollPaddingBottom: "space";
924
+ readonly scrollPaddingInline: "space";
925
+ readonly scrollPaddingInlineEnd: "space";
926
+ readonly scrollPaddingInlineStart: "space";
927
+ readonly scrollPaddingLeft: "space";
928
+ readonly scrollPaddingRight: "space";
929
+ readonly scrollPaddingTop: "space";
1014
930
  readonly stroke: "colors";
1015
931
  readonly strokeWidth: "stroke-width";
1016
932
  readonly textDecorationColor: "colors";
@@ -1356,17 +1272,17 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
1356
1272
  readonly body: "Open Sans, sans-serif";
1357
1273
  };
1358
1274
  radii: {
1275
+ readonly 0: "0px";
1359
1276
  readonly 25: "2px";
1360
1277
  readonly 50: "4px";
1361
1278
  readonly 75: "6px";
1362
1279
  readonly 100: "8px";
1363
1280
  readonly 200: "16px";
1364
- readonly half: "999px";
1365
- readonly none: "0px";
1281
+ readonly round: "999px";
1366
1282
  };
1367
1283
  shadows: {
1368
- 50: any;
1369
1284
  100: any;
1285
+ 50: any;
1370
1286
  "focus-small": any;
1371
1287
  "focus-small-outline": any;
1372
1288
  "focus-large": any;
@@ -1396,48 +1312,6 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
1396
1312
  readonly 1200: "96px";
1397
1313
  readonly 1600: "128px";
1398
1314
  };
1399
- 'space-gap': {
1400
- readonly 0: any;
1401
- readonly 50: any;
1402
- readonly 100: any;
1403
- readonly 200: any;
1404
- readonly 300: any;
1405
- };
1406
- 'space-inset': {
1407
- readonly 0: any;
1408
- readonly 50: any;
1409
- readonly 100: any;
1410
- readonly 150: any;
1411
- readonly 200: any;
1412
- readonly 300: any;
1413
- readonly 400: any;
1414
- readonly 500: any;
1415
- readonly 600: any;
1416
- readonly 700: any;
1417
- readonly 800: any;
1418
- readonly 1200: any;
1419
- readonly 1600: any;
1420
- };
1421
- 'space-offset': {
1422
- readonly 0: any;
1423
- readonly 50: any;
1424
- readonly 100: any;
1425
- readonly 150: any;
1426
- readonly 200: any;
1427
- readonly 300: any;
1428
- readonly 400: any;
1429
- readonly 600: any;
1430
- readonly 800: any;
1431
- readonly 1200: any;
1432
- readonly 1600: any;
1433
- readonly 'stacking-0': any;
1434
- readonly 'stacking-100': any;
1435
- readonly 'stacking-200': any;
1436
- readonly 'stacking-300': any;
1437
- readonly 'stacking-400': any;
1438
- readonly 'stacking-500': any;
1439
- readonly 'stacking-800': any;
1440
- };
1441
1315
  'stroke-width': {
1442
1316
  readonly thin: "1.5px";
1443
1317
  readonly normal: "2px";
@@ -1478,7 +1352,7 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
1478
1352
  readonly borderRightColor: "colors";
1479
1353
  readonly borderRightStyle: "border-styles";
1480
1354
  readonly borderRightWidth: "border-widths";
1481
- readonly borderSpacing: "space-offset";
1355
+ readonly borderSpacing: "space";
1482
1356
  readonly borderStyle: "border-styles";
1483
1357
  readonly borderTop: "colors";
1484
1358
  readonly borderTopColor: "colors";
@@ -1491,42 +1365,42 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
1491
1365
  readonly boxShadow: "shadows";
1492
1366
  readonly caretColor: "colors";
1493
1367
  readonly color: "colors";
1494
- readonly columnGap: "space-gap";
1368
+ readonly columnGap: "space";
1495
1369
  readonly columnRuleColor: "colors";
1496
1370
  readonly fill: "colors";
1497
1371
  readonly flexBasis: "sizes";
1498
1372
  readonly fontFamily: "fonts";
1499
1373
  readonly fontSize: "font-sizes";
1500
1374
  readonly fontWeight: "font-weights";
1501
- readonly gap: "space-gap";
1502
- readonly gridColumnGap: "space-gap";
1503
- readonly gridGap: "space-gap";
1504
- readonly gridRowGap: "space-gap";
1375
+ readonly gap: "space";
1376
+ readonly gridColumnGap: "space";
1377
+ readonly gridGap: "space";
1378
+ readonly gridRowGap: "space";
1505
1379
  readonly gridTemplateColumns: "sizes";
1506
1380
  readonly gridTemplateRows: "sizes";
1507
1381
  readonly height: "sizes";
1508
1382
  readonly inlineSize: "sizes";
1509
- readonly inset: "space-inset";
1510
- readonly insetBlock: "space-inset";
1511
- readonly insetBlockEnd: "space-inset";
1512
- readonly insetBlockStart: "space-inset";
1513
- readonly insetInline: "space-inset";
1514
- readonly insetInlineEnd: "space-inset";
1515
- readonly insetInlineStart: "space-inset";
1383
+ readonly inset: "space";
1384
+ readonly insetBlock: "space";
1385
+ readonly insetBlockEnd: "space";
1386
+ readonly insetBlockStart: "space";
1387
+ readonly insetInline: "space";
1388
+ readonly insetInlineEnd: "space";
1389
+ readonly insetInlineStart: "space";
1516
1390
  readonly left: "space";
1517
1391
  readonly letterSpacing: "letter-spacings";
1518
1392
  readonly lineHeight: "line-heights";
1519
- readonly margin: "space-offset";
1520
- readonly marginBlock: "space-offset";
1521
- readonly marginBlockEnd: "space-offset";
1522
- readonly marginBlockStart: "space-offset";
1523
- readonly marginBottom: "space-offset";
1524
- readonly marginInline: "space-offset";
1525
- readonly marginInlineEnd: "space-offset";
1526
- readonly marginInlineStart: "space-offset";
1527
- readonly marginLeft: "space-offset";
1528
- readonly marginRight: "space-offset";
1529
- readonly marginTop: "space-offset";
1393
+ readonly margin: "space";
1394
+ readonly marginBlock: "space";
1395
+ readonly marginBlockEnd: "space";
1396
+ readonly marginBlockStart: "space";
1397
+ readonly marginBottom: "space";
1398
+ readonly marginInline: "space";
1399
+ readonly marginInlineEnd: "space";
1400
+ readonly marginInlineStart: "space";
1401
+ readonly marginLeft: "space";
1402
+ readonly marginRight: "space";
1403
+ readonly marginTop: "space";
1530
1404
  readonly maxBlockSize: "sizes";
1531
1405
  readonly maxHeight: "sizes";
1532
1406
  readonly maxInlineSize: "sizes";
@@ -1537,41 +1411,41 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
1537
1411
  readonly minWidth: "sizes";
1538
1412
  readonly outline: "colors";
1539
1413
  readonly outlineColor: "colors";
1540
- readonly padding: "space-inset";
1541
- readonly paddingBlock: "space-inset";
1542
- readonly paddingBlockEnd: "space-inset";
1543
- readonly paddingBlockStart: "space-inset";
1544
- readonly paddingBottom: "space-inset";
1545
- readonly paddingInline: "space-inset";
1546
- readonly paddingInlineEnd: "space-inset";
1547
- readonly paddingInlineStart: "space-inset";
1548
- readonly paddingLeft: "space-inset";
1549
- readonly paddingRight: "space-inset";
1550
- readonly paddingTop: "space-inset";
1414
+ readonly padding: "space";
1415
+ readonly paddingBlock: "space";
1416
+ readonly paddingBlockEnd: "space";
1417
+ readonly paddingBlockStart: "space";
1418
+ readonly paddingBottom: "space";
1419
+ readonly paddingInline: "space";
1420
+ readonly paddingInlineEnd: "space";
1421
+ readonly paddingInlineStart: "space";
1422
+ readonly paddingLeft: "space";
1423
+ readonly paddingRight: "space";
1424
+ readonly paddingTop: "space";
1551
1425
  readonly right: "space";
1552
- readonly rowGap: "space-gap";
1553
- readonly scrollMargin: "space-offset";
1554
- readonly scrollMarginBlock: "space-offset";
1555
- readonly scrollMarginBlockEnd: "space-offset";
1556
- readonly scrollMarginBlockStart: "space-offset";
1557
- readonly scrollMarginBottom: "space-offset";
1558
- readonly scrollMarginInline: "space-offset";
1559
- readonly scrollMarginInlineEnd: "space-offset";
1560
- readonly scrollMarginInlineStart: "space-offset";
1561
- readonly scrollMarginLeft: "space-offset";
1562
- readonly scrollMarginRight: "space-offset";
1563
- readonly scrollMarginTop: "space-offset";
1564
- readonly scrollPadding: "space-inset";
1565
- readonly scrollPaddingBlock: "space-inset";
1566
- readonly scrollPaddingBlockEnd: "space-inset";
1567
- readonly scrollPaddingBlockStart: "space-inset";
1568
- readonly scrollPaddingBottom: "space-inset";
1569
- readonly scrollPaddingInline: "space-inset";
1570
- readonly scrollPaddingInlineEnd: "space-inset";
1571
- readonly scrollPaddingInlineStart: "space-inset";
1572
- readonly scrollPaddingLeft: "space-inset";
1573
- readonly scrollPaddingRight: "space-inset";
1574
- readonly scrollPaddingTop: "space-inset";
1426
+ readonly rowGap: "space";
1427
+ readonly scrollMargin: "space";
1428
+ readonly scrollMarginBlock: "space";
1429
+ readonly scrollMarginBlockEnd: "space";
1430
+ readonly scrollMarginBlockStart: "space";
1431
+ readonly scrollMarginBottom: "space";
1432
+ readonly scrollMarginInline: "space";
1433
+ readonly scrollMarginInlineEnd: "space";
1434
+ readonly scrollMarginInlineStart: "space";
1435
+ readonly scrollMarginLeft: "space";
1436
+ readonly scrollMarginRight: "space";
1437
+ readonly scrollMarginTop: "space";
1438
+ readonly scrollPadding: "space";
1439
+ readonly scrollPaddingBlock: "space";
1440
+ readonly scrollPaddingBlockEnd: "space";
1441
+ readonly scrollPaddingBlockStart: "space";
1442
+ readonly scrollPaddingBottom: "space";
1443
+ readonly scrollPaddingInline: "space";
1444
+ readonly scrollPaddingInlineEnd: "space";
1445
+ readonly scrollPaddingInlineStart: "space";
1446
+ readonly scrollPaddingLeft: "space";
1447
+ readonly scrollPaddingRight: "space";
1448
+ readonly scrollPaddingTop: "space";
1575
1449
  readonly stroke: "colors";
1576
1450
  readonly strokeWidth: "stroke-width";
1577
1451
  readonly textDecorationColor: "colors";
@@ -1892,17 +1766,17 @@ declare const StyledLink: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1892
1766
  readonly body: "Open Sans, sans-serif";
1893
1767
  };
1894
1768
  radii: {
1769
+ readonly 0: "0px";
1895
1770
  readonly 25: "2px";
1896
1771
  readonly 50: "4px";
1897
1772
  readonly 75: "6px";
1898
1773
  readonly 100: "8px";
1899
1774
  readonly 200: "16px";
1900
- readonly half: "999px";
1901
- readonly none: "0px";
1775
+ readonly round: "999px";
1902
1776
  };
1903
1777
  shadows: {
1904
- 50: any;
1905
1778
  100: any;
1779
+ 50: any;
1906
1780
  "focus-small": any;
1907
1781
  "focus-small-outline": any;
1908
1782
  "focus-large": any;
@@ -1932,48 +1806,6 @@ declare const StyledLink: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1932
1806
  readonly 1200: "96px";
1933
1807
  readonly 1600: "128px";
1934
1808
  };
1935
- 'space-gap': {
1936
- readonly 0: any;
1937
- readonly 50: any;
1938
- readonly 100: any;
1939
- readonly 200: any;
1940
- readonly 300: any;
1941
- };
1942
- 'space-inset': {
1943
- readonly 0: any;
1944
- readonly 50: any;
1945
- readonly 100: any;
1946
- readonly 150: any;
1947
- readonly 200: any;
1948
- readonly 300: any;
1949
- readonly 400: any;
1950
- readonly 500: any;
1951
- readonly 600: any;
1952
- readonly 700: any;
1953
- readonly 800: any;
1954
- readonly 1200: any;
1955
- readonly 1600: any;
1956
- };
1957
- 'space-offset': {
1958
- readonly 0: any;
1959
- readonly 50: any;
1960
- readonly 100: any;
1961
- readonly 150: any;
1962
- readonly 200: any;
1963
- readonly 300: any;
1964
- readonly 400: any;
1965
- readonly 600: any;
1966
- readonly 800: any;
1967
- readonly 1200: any;
1968
- readonly 1600: any;
1969
- readonly 'stacking-0': any;
1970
- readonly 'stacking-100': any;
1971
- readonly 'stacking-200': any;
1972
- readonly 'stacking-300': any;
1973
- readonly 'stacking-400': any;
1974
- readonly 'stacking-500': any;
1975
- readonly 'stacking-800': any;
1976
- };
1977
1809
  'stroke-width': {
1978
1810
  readonly thin: "1.5px";
1979
1811
  readonly normal: "2px";
@@ -2014,7 +1846,7 @@ declare const StyledLink: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
2014
1846
  readonly borderRightColor: "colors";
2015
1847
  readonly borderRightStyle: "border-styles";
2016
1848
  readonly borderRightWidth: "border-widths";
2017
- readonly borderSpacing: "space-offset";
1849
+ readonly borderSpacing: "space";
2018
1850
  readonly borderStyle: "border-styles";
2019
1851
  readonly borderTop: "colors";
2020
1852
  readonly borderTopColor: "colors";
@@ -2027,42 +1859,42 @@ declare const StyledLink: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
2027
1859
  readonly boxShadow: "shadows";
2028
1860
  readonly caretColor: "colors";
2029
1861
  readonly color: "colors";
2030
- readonly columnGap: "space-gap";
1862
+ readonly columnGap: "space";
2031
1863
  readonly columnRuleColor: "colors";
2032
1864
  readonly fill: "colors";
2033
1865
  readonly flexBasis: "sizes";
2034
1866
  readonly fontFamily: "fonts";
2035
1867
  readonly fontSize: "font-sizes";
2036
1868
  readonly fontWeight: "font-weights";
2037
- readonly gap: "space-gap";
2038
- readonly gridColumnGap: "space-gap";
2039
- readonly gridGap: "space-gap";
2040
- readonly gridRowGap: "space-gap";
1869
+ readonly gap: "space";
1870
+ readonly gridColumnGap: "space";
1871
+ readonly gridGap: "space";
1872
+ readonly gridRowGap: "space";
2041
1873
  readonly gridTemplateColumns: "sizes";
2042
1874
  readonly gridTemplateRows: "sizes";
2043
1875
  readonly height: "sizes";
2044
1876
  readonly inlineSize: "sizes";
2045
- readonly inset: "space-inset";
2046
- readonly insetBlock: "space-inset";
2047
- readonly insetBlockEnd: "space-inset";
2048
- readonly insetBlockStart: "space-inset";
2049
- readonly insetInline: "space-inset";
2050
- readonly insetInlineEnd: "space-inset";
2051
- readonly insetInlineStart: "space-inset";
1877
+ readonly inset: "space";
1878
+ readonly insetBlock: "space";
1879
+ readonly insetBlockEnd: "space";
1880
+ readonly insetBlockStart: "space";
1881
+ readonly insetInline: "space";
1882
+ readonly insetInlineEnd: "space";
1883
+ readonly insetInlineStart: "space";
2052
1884
  readonly left: "space";
2053
1885
  readonly letterSpacing: "letter-spacings";
2054
1886
  readonly lineHeight: "line-heights";
2055
- readonly margin: "space-offset";
2056
- readonly marginBlock: "space-offset";
2057
- readonly marginBlockEnd: "space-offset";
2058
- readonly marginBlockStart: "space-offset";
2059
- readonly marginBottom: "space-offset";
2060
- readonly marginInline: "space-offset";
2061
- readonly marginInlineEnd: "space-offset";
2062
- readonly marginInlineStart: "space-offset";
2063
- readonly marginLeft: "space-offset";
2064
- readonly marginRight: "space-offset";
2065
- readonly marginTop: "space-offset";
1887
+ readonly margin: "space";
1888
+ readonly marginBlock: "space";
1889
+ readonly marginBlockEnd: "space";
1890
+ readonly marginBlockStart: "space";
1891
+ readonly marginBottom: "space";
1892
+ readonly marginInline: "space";
1893
+ readonly marginInlineEnd: "space";
1894
+ readonly marginInlineStart: "space";
1895
+ readonly marginLeft: "space";
1896
+ readonly marginRight: "space";
1897
+ readonly marginTop: "space";
2066
1898
  readonly maxBlockSize: "sizes";
2067
1899
  readonly maxHeight: "sizes";
2068
1900
  readonly maxInlineSize: "sizes";
@@ -2073,41 +1905,41 @@ declare const StyledLink: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
2073
1905
  readonly minWidth: "sizes";
2074
1906
  readonly outline: "colors";
2075
1907
  readonly outlineColor: "colors";
2076
- readonly padding: "space-inset";
2077
- readonly paddingBlock: "space-inset";
2078
- readonly paddingBlockEnd: "space-inset";
2079
- readonly paddingBlockStart: "space-inset";
2080
- readonly paddingBottom: "space-inset";
2081
- readonly paddingInline: "space-inset";
2082
- readonly paddingInlineEnd: "space-inset";
2083
- readonly paddingInlineStart: "space-inset";
2084
- readonly paddingLeft: "space-inset";
2085
- readonly paddingRight: "space-inset";
2086
- readonly paddingTop: "space-inset";
1908
+ readonly padding: "space";
1909
+ readonly paddingBlock: "space";
1910
+ readonly paddingBlockEnd: "space";
1911
+ readonly paddingBlockStart: "space";
1912
+ readonly paddingBottom: "space";
1913
+ readonly paddingInline: "space";
1914
+ readonly paddingInlineEnd: "space";
1915
+ readonly paddingInlineStart: "space";
1916
+ readonly paddingLeft: "space";
1917
+ readonly paddingRight: "space";
1918
+ readonly paddingTop: "space";
2087
1919
  readonly right: "space";
2088
- readonly rowGap: "space-gap";
2089
- readonly scrollMargin: "space-offset";
2090
- readonly scrollMarginBlock: "space-offset";
2091
- readonly scrollMarginBlockEnd: "space-offset";
2092
- readonly scrollMarginBlockStart: "space-offset";
2093
- readonly scrollMarginBottom: "space-offset";
2094
- readonly scrollMarginInline: "space-offset";
2095
- readonly scrollMarginInlineEnd: "space-offset";
2096
- readonly scrollMarginInlineStart: "space-offset";
2097
- readonly scrollMarginLeft: "space-offset";
2098
- readonly scrollMarginRight: "space-offset";
2099
- readonly scrollMarginTop: "space-offset";
2100
- readonly scrollPadding: "space-inset";
2101
- readonly scrollPaddingBlock: "space-inset";
2102
- readonly scrollPaddingBlockEnd: "space-inset";
2103
- readonly scrollPaddingBlockStart: "space-inset";
2104
- readonly scrollPaddingBottom: "space-inset";
2105
- readonly scrollPaddingInline: "space-inset";
2106
- readonly scrollPaddingInlineEnd: "space-inset";
2107
- readonly scrollPaddingInlineStart: "space-inset";
2108
- readonly scrollPaddingLeft: "space-inset";
2109
- readonly scrollPaddingRight: "space-inset";
2110
- readonly scrollPaddingTop: "space-inset";
1920
+ readonly rowGap: "space";
1921
+ readonly scrollMargin: "space";
1922
+ readonly scrollMarginBlock: "space";
1923
+ readonly scrollMarginBlockEnd: "space";
1924
+ readonly scrollMarginBlockStart: "space";
1925
+ readonly scrollMarginBottom: "space";
1926
+ readonly scrollMarginInline: "space";
1927
+ readonly scrollMarginInlineEnd: "space";
1928
+ readonly scrollMarginInlineStart: "space";
1929
+ readonly scrollMarginLeft: "space";
1930
+ readonly scrollMarginRight: "space";
1931
+ readonly scrollMarginTop: "space";
1932
+ readonly scrollPadding: "space";
1933
+ readonly scrollPaddingBlock: "space";
1934
+ readonly scrollPaddingBlockEnd: "space";
1935
+ readonly scrollPaddingBlockStart: "space";
1936
+ readonly scrollPaddingBottom: "space";
1937
+ readonly scrollPaddingInline: "space";
1938
+ readonly scrollPaddingInlineEnd: "space";
1939
+ readonly scrollPaddingInlineStart: "space";
1940
+ readonly scrollPaddingLeft: "space";
1941
+ readonly scrollPaddingRight: "space";
1942
+ readonly scrollPaddingTop: "space";
2111
1943
  readonly stroke: "colors";
2112
1944
  readonly strokeWidth: "stroke-width";
2113
1945
  readonly textDecorationColor: "colors";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-toolbar",
3
- "version": "2.5.5",
3
+ "version": "2.5.6",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -31,10 +31,10 @@
31
31
  "@react-aria/interactions": "^3.13.0",
32
32
  "@react-aria/utils": "^3.13.0",
33
33
  "@react-types/shared": "^3.16.0",
34
- "@mirohq/design-system-stitches": "^2.6.3",
34
+ "@mirohq/design-system-stitches": "^2.6.4",
35
+ "@mirohq/design-system-styles": "^1.2.3",
35
36
  "@mirohq/design-system-use-press": "^0.3.1",
36
- "@mirohq/design-system-utils": "^0.15.0",
37
- "@mirohq/design-system-styles": "^1.2.2"
37
+ "@mirohq/design-system-utils": "^0.15.0"
38
38
  },
39
39
  "scripts": {
40
40
  "build": "rollup -c ../../../rollup.config.js",