@mirohq/design-system-icon-button 2.1.12 → 2.1.14

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 +427 -721
  2. package/package.json +7 -7
package/dist/types.d.ts CHANGED
@@ -259,17 +259,17 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
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";
@@ -788,17 +746,17 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
788
746
  readonly body: "Open Sans, sans-serif";
789
747
  };
790
748
  radii: {
749
+ readonly 0: "0px";
791
750
  readonly 25: "2px";
792
751
  readonly 50: "4px";
793
752
  readonly 75: "6px";
794
753
  readonly 100: "8px";
795
754
  readonly 200: "16px";
796
- readonly half: "999px";
797
- readonly none: "0px";
755
+ readonly round: "999px";
798
756
  };
799
757
  shadows: {
800
- 50: any;
801
758
  100: any;
759
+ 50: any;
802
760
  "focus-small": any;
803
761
  "focus-small-outline": any;
804
762
  "focus-large": any;
@@ -828,48 +786,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
828
786
  readonly 1200: "96px";
829
787
  readonly 1600: "128px";
830
788
  };
831
- 'space-gap': {
832
- readonly 0: any;
833
- readonly 50: any;
834
- readonly 100: any;
835
- readonly 200: any;
836
- readonly 300: any;
837
- };
838
- 'space-inset': {
839
- readonly 0: any;
840
- readonly 50: any;
841
- readonly 100: any;
842
- readonly 150: any;
843
- readonly 200: any;
844
- readonly 300: any;
845
- readonly 400: any;
846
- readonly 500: any;
847
- readonly 600: any;
848
- readonly 700: any;
849
- readonly 800: any;
850
- readonly 1200: any;
851
- readonly 1600: any;
852
- };
853
- 'space-offset': {
854
- readonly 0: any;
855
- readonly 50: any;
856
- readonly 100: any;
857
- readonly 150: any;
858
- readonly 200: any;
859
- readonly 300: any;
860
- readonly 400: any;
861
- readonly 600: any;
862
- readonly 800: any;
863
- readonly 1200: any;
864
- readonly 1600: any;
865
- readonly 'stacking-0': any;
866
- readonly 'stacking-100': any;
867
- readonly 'stacking-200': any;
868
- readonly 'stacking-300': any;
869
- readonly 'stacking-400': any;
870
- readonly 'stacking-500': any;
871
- readonly 'stacking-800': any;
872
- };
873
789
  'stroke-width': {
874
790
  readonly thin: "1.5px";
875
791
  readonly normal: "2px";
@@ -910,7 +826,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
910
826
  readonly borderRightColor: "colors";
911
827
  readonly borderRightStyle: "border-styles";
912
828
  readonly borderRightWidth: "border-widths";
913
- readonly borderSpacing: "space-offset";
829
+ readonly borderSpacing: "space";
914
830
  readonly borderStyle: "border-styles";
915
831
  readonly borderTop: "colors";
916
832
  readonly borderTopColor: "colors";
@@ -923,42 +839,42 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
923
839
  readonly boxShadow: "shadows";
924
840
  readonly caretColor: "colors";
925
841
  readonly color: "colors";
926
- readonly columnGap: "space-gap";
842
+ readonly columnGap: "space";
927
843
  readonly columnRuleColor: "colors";
928
844
  readonly fill: "colors";
929
845
  readonly flexBasis: "sizes";
930
846
  readonly fontFamily: "fonts";
931
847
  readonly fontSize: "font-sizes";
932
848
  readonly fontWeight: "font-weights";
933
- readonly gap: "space-gap";
934
- readonly gridColumnGap: "space-gap";
935
- readonly gridGap: "space-gap";
936
- readonly gridRowGap: "space-gap";
849
+ readonly gap: "space";
850
+ readonly gridColumnGap: "space";
851
+ readonly gridGap: "space";
852
+ readonly gridRowGap: "space";
937
853
  readonly gridTemplateColumns: "sizes";
938
854
  readonly gridTemplateRows: "sizes";
939
855
  readonly height: "sizes";
940
856
  readonly inlineSize: "sizes";
941
- readonly inset: "space-inset";
942
- readonly insetBlock: "space-inset";
943
- readonly insetBlockEnd: "space-inset";
944
- readonly insetBlockStart: "space-inset";
945
- readonly insetInline: "space-inset";
946
- readonly insetInlineEnd: "space-inset";
947
- readonly insetInlineStart: "space-inset";
857
+ readonly inset: "space";
858
+ readonly insetBlock: "space";
859
+ readonly insetBlockEnd: "space";
860
+ readonly insetBlockStart: "space";
861
+ readonly insetInline: "space";
862
+ readonly insetInlineEnd: "space";
863
+ readonly insetInlineStart: "space";
948
864
  readonly left: "space";
949
865
  readonly letterSpacing: "letter-spacings";
950
866
  readonly lineHeight: "line-heights";
951
- readonly margin: "space-offset";
952
- readonly marginBlock: "space-offset";
953
- readonly marginBlockEnd: "space-offset";
954
- readonly marginBlockStart: "space-offset";
955
- readonly marginBottom: "space-offset";
956
- readonly marginInline: "space-offset";
957
- readonly marginInlineEnd: "space-offset";
958
- readonly marginInlineStart: "space-offset";
959
- readonly marginLeft: "space-offset";
960
- readonly marginRight: "space-offset";
961
- readonly marginTop: "space-offset";
867
+ readonly margin: "space";
868
+ readonly marginBlock: "space";
869
+ readonly marginBlockEnd: "space";
870
+ readonly marginBlockStart: "space";
871
+ readonly marginBottom: "space";
872
+ readonly marginInline: "space";
873
+ readonly marginInlineEnd: "space";
874
+ readonly marginInlineStart: "space";
875
+ readonly marginLeft: "space";
876
+ readonly marginRight: "space";
877
+ readonly marginTop: "space";
962
878
  readonly maxBlockSize: "sizes";
963
879
  readonly maxHeight: "sizes";
964
880
  readonly maxInlineSize: "sizes";
@@ -969,41 +885,41 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
969
885
  readonly minWidth: "sizes";
970
886
  readonly outline: "colors";
971
887
  readonly outlineColor: "colors";
972
- readonly padding: "space-inset";
973
- readonly paddingBlock: "space-inset";
974
- readonly paddingBlockEnd: "space-inset";
975
- readonly paddingBlockStart: "space-inset";
976
- readonly paddingBottom: "space-inset";
977
- readonly paddingInline: "space-inset";
978
- readonly paddingInlineEnd: "space-inset";
979
- readonly paddingInlineStart: "space-inset";
980
- readonly paddingLeft: "space-inset";
981
- readonly paddingRight: "space-inset";
982
- readonly paddingTop: "space-inset";
888
+ readonly padding: "space";
889
+ readonly paddingBlock: "space";
890
+ readonly paddingBlockEnd: "space";
891
+ readonly paddingBlockStart: "space";
892
+ readonly paddingBottom: "space";
893
+ readonly paddingInline: "space";
894
+ readonly paddingInlineEnd: "space";
895
+ readonly paddingInlineStart: "space";
896
+ readonly paddingLeft: "space";
897
+ readonly paddingRight: "space";
898
+ readonly paddingTop: "space";
983
899
  readonly right: "space";
984
- readonly rowGap: "space-gap";
985
- readonly scrollMargin: "space-offset";
986
- readonly scrollMarginBlock: "space-offset";
987
- readonly scrollMarginBlockEnd: "space-offset";
988
- readonly scrollMarginBlockStart: "space-offset";
989
- readonly scrollMarginBottom: "space-offset";
990
- readonly scrollMarginInline: "space-offset";
991
- readonly scrollMarginInlineEnd: "space-offset";
992
- readonly scrollMarginInlineStart: "space-offset";
993
- readonly scrollMarginLeft: "space-offset";
994
- readonly scrollMarginRight: "space-offset";
995
- readonly scrollMarginTop: "space-offset";
996
- readonly scrollPadding: "space-inset";
997
- readonly scrollPaddingBlock: "space-inset";
998
- readonly scrollPaddingBlockEnd: "space-inset";
999
- readonly scrollPaddingBlockStart: "space-inset";
1000
- readonly scrollPaddingBottom: "space-inset";
1001
- readonly scrollPaddingInline: "space-inset";
1002
- readonly scrollPaddingInlineEnd: "space-inset";
1003
- readonly scrollPaddingInlineStart: "space-inset";
1004
- readonly scrollPaddingLeft: "space-inset";
1005
- readonly scrollPaddingRight: "space-inset";
1006
- readonly scrollPaddingTop: "space-inset";
900
+ readonly rowGap: "space";
901
+ readonly scrollMargin: "space";
902
+ readonly scrollMarginBlock: "space";
903
+ readonly scrollMarginBlockEnd: "space";
904
+ readonly scrollMarginBlockStart: "space";
905
+ readonly scrollMarginBottom: "space";
906
+ readonly scrollMarginInline: "space";
907
+ readonly scrollMarginInlineEnd: "space";
908
+ readonly scrollMarginInlineStart: "space";
909
+ readonly scrollMarginLeft: "space";
910
+ readonly scrollMarginRight: "space";
911
+ readonly scrollMarginTop: "space";
912
+ readonly scrollPadding: "space";
913
+ readonly scrollPaddingBlock: "space";
914
+ readonly scrollPaddingBlockEnd: "space";
915
+ readonly scrollPaddingBlockStart: "space";
916
+ readonly scrollPaddingBottom: "space";
917
+ readonly scrollPaddingInline: "space";
918
+ readonly scrollPaddingInlineEnd: "space";
919
+ readonly scrollPaddingInlineStart: "space";
920
+ readonly scrollPaddingLeft: "space";
921
+ readonly scrollPaddingRight: "space";
922
+ readonly scrollPaddingTop: "space";
1007
923
  readonly stroke: "colors";
1008
924
  readonly strokeWidth: "stroke-width";
1009
925
  readonly textDecorationColor: "colors";
@@ -1319,17 +1235,17 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1319
1235
  readonly body: "Open Sans, sans-serif";
1320
1236
  };
1321
1237
  radii: {
1238
+ readonly 0: "0px";
1322
1239
  readonly 25: "2px";
1323
1240
  readonly 50: "4px";
1324
1241
  readonly 75: "6px";
1325
1242
  readonly 100: "8px";
1326
1243
  readonly 200: "16px";
1327
- readonly half: "999px";
1328
- readonly none: "0px";
1244
+ readonly round: "999px";
1329
1245
  };
1330
1246
  shadows: {
1331
- 50: any;
1332
1247
  100: any;
1248
+ 50: any;
1333
1249
  "focus-small": any;
1334
1250
  "focus-small-outline": any;
1335
1251
  "focus-large": any;
@@ -1359,48 +1275,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1359
1275
  readonly 1200: "96px";
1360
1276
  readonly 1600: "128px";
1361
1277
  };
1362
- 'space-gap': {
1363
- readonly 0: any;
1364
- readonly 50: any;
1365
- readonly 100: any;
1366
- readonly 200: any;
1367
- readonly 300: any;
1368
- };
1369
- 'space-inset': {
1370
- readonly 0: any;
1371
- readonly 50: any;
1372
- readonly 100: any;
1373
- readonly 150: any;
1374
- readonly 200: any;
1375
- readonly 300: any;
1376
- readonly 400: any;
1377
- readonly 500: any;
1378
- readonly 600: any;
1379
- readonly 700: any;
1380
- readonly 800: any;
1381
- readonly 1200: any;
1382
- readonly 1600: any;
1383
- };
1384
- 'space-offset': {
1385
- readonly 0: any;
1386
- readonly 50: any;
1387
- readonly 100: any;
1388
- readonly 150: any;
1389
- readonly 200: any;
1390
- readonly 300: any;
1391
- readonly 400: any;
1392
- readonly 600: any;
1393
- readonly 800: any;
1394
- readonly 1200: any;
1395
- readonly 1600: any;
1396
- readonly 'stacking-0': any;
1397
- readonly 'stacking-100': any;
1398
- readonly 'stacking-200': any;
1399
- readonly 'stacking-300': any;
1400
- readonly 'stacking-400': any;
1401
- readonly 'stacking-500': any;
1402
- readonly 'stacking-800': any;
1403
- };
1404
1278
  'stroke-width': {
1405
1279
  readonly thin: "1.5px";
1406
1280
  readonly normal: "2px";
@@ -1441,7 +1315,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1441
1315
  readonly borderRightColor: "colors";
1442
1316
  readonly borderRightStyle: "border-styles";
1443
1317
  readonly borderRightWidth: "border-widths";
1444
- readonly borderSpacing: "space-offset";
1318
+ readonly borderSpacing: "space";
1445
1319
  readonly borderStyle: "border-styles";
1446
1320
  readonly borderTop: "colors";
1447
1321
  readonly borderTopColor: "colors";
@@ -1454,42 +1328,42 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1454
1328
  readonly boxShadow: "shadows";
1455
1329
  readonly caretColor: "colors";
1456
1330
  readonly color: "colors";
1457
- readonly columnGap: "space-gap";
1331
+ readonly columnGap: "space";
1458
1332
  readonly columnRuleColor: "colors";
1459
1333
  readonly fill: "colors";
1460
1334
  readonly flexBasis: "sizes";
1461
1335
  readonly fontFamily: "fonts";
1462
1336
  readonly fontSize: "font-sizes";
1463
1337
  readonly fontWeight: "font-weights";
1464
- readonly gap: "space-gap";
1465
- readonly gridColumnGap: "space-gap";
1466
- readonly gridGap: "space-gap";
1467
- readonly gridRowGap: "space-gap";
1338
+ readonly gap: "space";
1339
+ readonly gridColumnGap: "space";
1340
+ readonly gridGap: "space";
1341
+ readonly gridRowGap: "space";
1468
1342
  readonly gridTemplateColumns: "sizes";
1469
1343
  readonly gridTemplateRows: "sizes";
1470
1344
  readonly height: "sizes";
1471
1345
  readonly inlineSize: "sizes";
1472
- readonly inset: "space-inset";
1473
- readonly insetBlock: "space-inset";
1474
- readonly insetBlockEnd: "space-inset";
1475
- readonly insetBlockStart: "space-inset";
1476
- readonly insetInline: "space-inset";
1477
- readonly insetInlineEnd: "space-inset";
1478
- readonly insetInlineStart: "space-inset";
1346
+ readonly inset: "space";
1347
+ readonly insetBlock: "space";
1348
+ readonly insetBlockEnd: "space";
1349
+ readonly insetBlockStart: "space";
1350
+ readonly insetInline: "space";
1351
+ readonly insetInlineEnd: "space";
1352
+ readonly insetInlineStart: "space";
1479
1353
  readonly left: "space";
1480
1354
  readonly letterSpacing: "letter-spacings";
1481
1355
  readonly lineHeight: "line-heights";
1482
- readonly margin: "space-offset";
1483
- readonly marginBlock: "space-offset";
1484
- readonly marginBlockEnd: "space-offset";
1485
- readonly marginBlockStart: "space-offset";
1486
- readonly marginBottom: "space-offset";
1487
- readonly marginInline: "space-offset";
1488
- readonly marginInlineEnd: "space-offset";
1489
- readonly marginInlineStart: "space-offset";
1490
- readonly marginLeft: "space-offset";
1491
- readonly marginRight: "space-offset";
1492
- readonly marginTop: "space-offset";
1356
+ readonly margin: "space";
1357
+ readonly marginBlock: "space";
1358
+ readonly marginBlockEnd: "space";
1359
+ readonly marginBlockStart: "space";
1360
+ readonly marginBottom: "space";
1361
+ readonly marginInline: "space";
1362
+ readonly marginInlineEnd: "space";
1363
+ readonly marginInlineStart: "space";
1364
+ readonly marginLeft: "space";
1365
+ readonly marginRight: "space";
1366
+ readonly marginTop: "space";
1493
1367
  readonly maxBlockSize: "sizes";
1494
1368
  readonly maxHeight: "sizes";
1495
1369
  readonly maxInlineSize: "sizes";
@@ -1500,41 +1374,41 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1500
1374
  readonly minWidth: "sizes";
1501
1375
  readonly outline: "colors";
1502
1376
  readonly outlineColor: "colors";
1503
- readonly padding: "space-inset";
1504
- readonly paddingBlock: "space-inset";
1505
- readonly paddingBlockEnd: "space-inset";
1506
- readonly paddingBlockStart: "space-inset";
1507
- readonly paddingBottom: "space-inset";
1508
- readonly paddingInline: "space-inset";
1509
- readonly paddingInlineEnd: "space-inset";
1510
- readonly paddingInlineStart: "space-inset";
1511
- readonly paddingLeft: "space-inset";
1512
- readonly paddingRight: "space-inset";
1513
- readonly paddingTop: "space-inset";
1377
+ readonly padding: "space";
1378
+ readonly paddingBlock: "space";
1379
+ readonly paddingBlockEnd: "space";
1380
+ readonly paddingBlockStart: "space";
1381
+ readonly paddingBottom: "space";
1382
+ readonly paddingInline: "space";
1383
+ readonly paddingInlineEnd: "space";
1384
+ readonly paddingInlineStart: "space";
1385
+ readonly paddingLeft: "space";
1386
+ readonly paddingRight: "space";
1387
+ readonly paddingTop: "space";
1514
1388
  readonly right: "space";
1515
- readonly rowGap: "space-gap";
1516
- readonly scrollMargin: "space-offset";
1517
- readonly scrollMarginBlock: "space-offset";
1518
- readonly scrollMarginBlockEnd: "space-offset";
1519
- readonly scrollMarginBlockStart: "space-offset";
1520
- readonly scrollMarginBottom: "space-offset";
1521
- readonly scrollMarginInline: "space-offset";
1522
- readonly scrollMarginInlineEnd: "space-offset";
1523
- readonly scrollMarginInlineStart: "space-offset";
1524
- readonly scrollMarginLeft: "space-offset";
1525
- readonly scrollMarginRight: "space-offset";
1526
- readonly scrollMarginTop: "space-offset";
1527
- readonly scrollPadding: "space-inset";
1528
- readonly scrollPaddingBlock: "space-inset";
1529
- readonly scrollPaddingBlockEnd: "space-inset";
1530
- readonly scrollPaddingBlockStart: "space-inset";
1531
- readonly scrollPaddingBottom: "space-inset";
1532
- readonly scrollPaddingInline: "space-inset";
1533
- readonly scrollPaddingInlineEnd: "space-inset";
1534
- readonly scrollPaddingInlineStart: "space-inset";
1535
- readonly scrollPaddingLeft: "space-inset";
1536
- readonly scrollPaddingRight: "space-inset";
1537
- readonly scrollPaddingTop: "space-inset";
1389
+ readonly rowGap: "space";
1390
+ readonly scrollMargin: "space";
1391
+ readonly scrollMarginBlock: "space";
1392
+ readonly scrollMarginBlockEnd: "space";
1393
+ readonly scrollMarginBlockStart: "space";
1394
+ readonly scrollMarginBottom: "space";
1395
+ readonly scrollMarginInline: "space";
1396
+ readonly scrollMarginInlineEnd: "space";
1397
+ readonly scrollMarginInlineStart: "space";
1398
+ readonly scrollMarginLeft: "space";
1399
+ readonly scrollMarginRight: "space";
1400
+ readonly scrollMarginTop: "space";
1401
+ readonly scrollPadding: "space";
1402
+ readonly scrollPaddingBlock: "space";
1403
+ readonly scrollPaddingBlockEnd: "space";
1404
+ readonly scrollPaddingBlockStart: "space";
1405
+ readonly scrollPaddingBottom: "space";
1406
+ readonly scrollPaddingInline: "space";
1407
+ readonly scrollPaddingInlineEnd: "space";
1408
+ readonly scrollPaddingInlineStart: "space";
1409
+ readonly scrollPaddingLeft: "space";
1410
+ readonly scrollPaddingRight: "space";
1411
+ readonly scrollPaddingTop: "space";
1538
1412
  readonly stroke: "colors";
1539
1413
  readonly strokeWidth: "stroke-width";
1540
1414
  readonly textDecorationColor: "colors";
@@ -1851,17 +1725,17 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1851
1725
  readonly body: "Open Sans, sans-serif";
1852
1726
  };
1853
1727
  radii: {
1728
+ readonly 0: "0px";
1854
1729
  readonly 25: "2px";
1855
1730
  readonly 50: "4px";
1856
1731
  readonly 75: "6px";
1857
1732
  readonly 100: "8px";
1858
1733
  readonly 200: "16px";
1859
- readonly half: "999px";
1860
- readonly none: "0px";
1734
+ readonly round: "999px";
1861
1735
  };
1862
1736
  shadows: {
1863
- 50: any;
1864
1737
  100: any;
1738
+ 50: any;
1865
1739
  "focus-small": any;
1866
1740
  "focus-small-outline": any;
1867
1741
  "focus-large": any;
@@ -1891,48 +1765,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1891
1765
  readonly 1200: "96px";
1892
1766
  readonly 1600: "128px";
1893
1767
  };
1894
- 'space-gap': {
1895
- readonly 0: any;
1896
- readonly 50: any;
1897
- readonly 100: any;
1898
- readonly 200: any;
1899
- readonly 300: any;
1900
- };
1901
- 'space-inset': {
1902
- readonly 0: any;
1903
- readonly 50: any;
1904
- readonly 100: any;
1905
- readonly 150: any;
1906
- readonly 200: any;
1907
- readonly 300: any;
1908
- readonly 400: any;
1909
- readonly 500: any;
1910
- readonly 600: any;
1911
- readonly 700: any;
1912
- readonly 800: any;
1913
- readonly 1200: any;
1914
- readonly 1600: any;
1915
- };
1916
- 'space-offset': {
1917
- readonly 0: any;
1918
- readonly 50: any;
1919
- readonly 100: any;
1920
- readonly 150: any;
1921
- readonly 200: any;
1922
- readonly 300: any;
1923
- readonly 400: any;
1924
- readonly 600: any;
1925
- readonly 800: any;
1926
- readonly 1200: any;
1927
- readonly 1600: any;
1928
- readonly 'stacking-0': any;
1929
- readonly 'stacking-100': any;
1930
- readonly 'stacking-200': any;
1931
- readonly 'stacking-300': any;
1932
- readonly 'stacking-400': any;
1933
- readonly 'stacking-500': any;
1934
- readonly 'stacking-800': any;
1935
- };
1936
1768
  'stroke-width': {
1937
1769
  readonly thin: "1.5px";
1938
1770
  readonly normal: "2px";
@@ -1973,7 +1805,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1973
1805
  readonly borderRightColor: "colors";
1974
1806
  readonly borderRightStyle: "border-styles";
1975
1807
  readonly borderRightWidth: "border-widths";
1976
- readonly borderSpacing: "space-offset";
1808
+ readonly borderSpacing: "space";
1977
1809
  readonly borderStyle: "border-styles";
1978
1810
  readonly borderTop: "colors";
1979
1811
  readonly borderTopColor: "colors";
@@ -1986,42 +1818,42 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1986
1818
  readonly boxShadow: "shadows";
1987
1819
  readonly caretColor: "colors";
1988
1820
  readonly color: "colors";
1989
- readonly columnGap: "space-gap";
1821
+ readonly columnGap: "space";
1990
1822
  readonly columnRuleColor: "colors";
1991
1823
  readonly fill: "colors";
1992
1824
  readonly flexBasis: "sizes";
1993
1825
  readonly fontFamily: "fonts";
1994
1826
  readonly fontSize: "font-sizes";
1995
1827
  readonly fontWeight: "font-weights";
1996
- readonly gap: "space-gap";
1997
- readonly gridColumnGap: "space-gap";
1998
- readonly gridGap: "space-gap";
1999
- readonly gridRowGap: "space-gap";
1828
+ readonly gap: "space";
1829
+ readonly gridColumnGap: "space";
1830
+ readonly gridGap: "space";
1831
+ readonly gridRowGap: "space";
2000
1832
  readonly gridTemplateColumns: "sizes";
2001
1833
  readonly gridTemplateRows: "sizes";
2002
1834
  readonly height: "sizes";
2003
1835
  readonly inlineSize: "sizes";
2004
- readonly inset: "space-inset";
2005
- readonly insetBlock: "space-inset";
2006
- readonly insetBlockEnd: "space-inset";
2007
- readonly insetBlockStart: "space-inset";
2008
- readonly insetInline: "space-inset";
2009
- readonly insetInlineEnd: "space-inset";
2010
- readonly insetInlineStart: "space-inset";
1836
+ readonly inset: "space";
1837
+ readonly insetBlock: "space";
1838
+ readonly insetBlockEnd: "space";
1839
+ readonly insetBlockStart: "space";
1840
+ readonly insetInline: "space";
1841
+ readonly insetInlineEnd: "space";
1842
+ readonly insetInlineStart: "space";
2011
1843
  readonly left: "space";
2012
1844
  readonly letterSpacing: "letter-spacings";
2013
1845
  readonly lineHeight: "line-heights";
2014
- readonly margin: "space-offset";
2015
- readonly marginBlock: "space-offset";
2016
- readonly marginBlockEnd: "space-offset";
2017
- readonly marginBlockStart: "space-offset";
2018
- readonly marginBottom: "space-offset";
2019
- readonly marginInline: "space-offset";
2020
- readonly marginInlineEnd: "space-offset";
2021
- readonly marginInlineStart: "space-offset";
2022
- readonly marginLeft: "space-offset";
2023
- readonly marginRight: "space-offset";
2024
- readonly marginTop: "space-offset";
1846
+ readonly margin: "space";
1847
+ readonly marginBlock: "space";
1848
+ readonly marginBlockEnd: "space";
1849
+ readonly marginBlockStart: "space";
1850
+ readonly marginBottom: "space";
1851
+ readonly marginInline: "space";
1852
+ readonly marginInlineEnd: "space";
1853
+ readonly marginInlineStart: "space";
1854
+ readonly marginLeft: "space";
1855
+ readonly marginRight: "space";
1856
+ readonly marginTop: "space";
2025
1857
  readonly maxBlockSize: "sizes";
2026
1858
  readonly maxHeight: "sizes";
2027
1859
  readonly maxInlineSize: "sizes";
@@ -2032,41 +1864,41 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2032
1864
  readonly minWidth: "sizes";
2033
1865
  readonly outline: "colors";
2034
1866
  readonly outlineColor: "colors";
2035
- readonly padding: "space-inset";
2036
- readonly paddingBlock: "space-inset";
2037
- readonly paddingBlockEnd: "space-inset";
2038
- readonly paddingBlockStart: "space-inset";
2039
- readonly paddingBottom: "space-inset";
2040
- readonly paddingInline: "space-inset";
2041
- readonly paddingInlineEnd: "space-inset";
2042
- readonly paddingInlineStart: "space-inset";
2043
- readonly paddingLeft: "space-inset";
2044
- readonly paddingRight: "space-inset";
2045
- readonly paddingTop: "space-inset";
1867
+ readonly padding: "space";
1868
+ readonly paddingBlock: "space";
1869
+ readonly paddingBlockEnd: "space";
1870
+ readonly paddingBlockStart: "space";
1871
+ readonly paddingBottom: "space";
1872
+ readonly paddingInline: "space";
1873
+ readonly paddingInlineEnd: "space";
1874
+ readonly paddingInlineStart: "space";
1875
+ readonly paddingLeft: "space";
1876
+ readonly paddingRight: "space";
1877
+ readonly paddingTop: "space";
2046
1878
  readonly right: "space";
2047
- readonly rowGap: "space-gap";
2048
- readonly scrollMargin: "space-offset";
2049
- readonly scrollMarginBlock: "space-offset";
2050
- readonly scrollMarginBlockEnd: "space-offset";
2051
- readonly scrollMarginBlockStart: "space-offset";
2052
- readonly scrollMarginBottom: "space-offset";
2053
- readonly scrollMarginInline: "space-offset";
2054
- readonly scrollMarginInlineEnd: "space-offset";
2055
- readonly scrollMarginInlineStart: "space-offset";
2056
- readonly scrollMarginLeft: "space-offset";
2057
- readonly scrollMarginRight: "space-offset";
2058
- readonly scrollMarginTop: "space-offset";
2059
- readonly scrollPadding: "space-inset";
2060
- readonly scrollPaddingBlock: "space-inset";
2061
- readonly scrollPaddingBlockEnd: "space-inset";
2062
- readonly scrollPaddingBlockStart: "space-inset";
2063
- readonly scrollPaddingBottom: "space-inset";
2064
- readonly scrollPaddingInline: "space-inset";
2065
- readonly scrollPaddingInlineEnd: "space-inset";
2066
- readonly scrollPaddingInlineStart: "space-inset";
2067
- readonly scrollPaddingLeft: "space-inset";
2068
- readonly scrollPaddingRight: "space-inset";
2069
- readonly scrollPaddingTop: "space-inset";
1879
+ readonly rowGap: "space";
1880
+ readonly scrollMargin: "space";
1881
+ readonly scrollMarginBlock: "space";
1882
+ readonly scrollMarginBlockEnd: "space";
1883
+ readonly scrollMarginBlockStart: "space";
1884
+ readonly scrollMarginBottom: "space";
1885
+ readonly scrollMarginInline: "space";
1886
+ readonly scrollMarginInlineEnd: "space";
1887
+ readonly scrollMarginInlineStart: "space";
1888
+ readonly scrollMarginLeft: "space";
1889
+ readonly scrollMarginRight: "space";
1890
+ readonly scrollMarginTop: "space";
1891
+ readonly scrollPadding: "space";
1892
+ readonly scrollPaddingBlock: "space";
1893
+ readonly scrollPaddingBlockEnd: "space";
1894
+ readonly scrollPaddingBlockStart: "space";
1895
+ readonly scrollPaddingBottom: "space";
1896
+ readonly scrollPaddingInline: "space";
1897
+ readonly scrollPaddingInlineEnd: "space";
1898
+ readonly scrollPaddingInlineStart: "space";
1899
+ readonly scrollPaddingLeft: "space";
1900
+ readonly scrollPaddingRight: "space";
1901
+ readonly scrollPaddingTop: "space";
2070
1902
  readonly stroke: "colors";
2071
1903
  readonly strokeWidth: "stroke-width";
2072
1904
  readonly textDecorationColor: "colors";
@@ -2380,17 +2212,17 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2380
2212
  readonly body: "Open Sans, sans-serif";
2381
2213
  };
2382
2214
  radii: {
2215
+ readonly 0: "0px";
2383
2216
  readonly 25: "2px";
2384
2217
  readonly 50: "4px";
2385
2218
  readonly 75: "6px";
2386
2219
  readonly 100: "8px";
2387
2220
  readonly 200: "16px";
2388
- readonly half: "999px";
2389
- readonly none: "0px";
2221
+ readonly round: "999px";
2390
2222
  };
2391
2223
  shadows: {
2392
- 50: any;
2393
2224
  100: any;
2225
+ 50: any;
2394
2226
  "focus-small": any;
2395
2227
  "focus-small-outline": any;
2396
2228
  "focus-large": any;
@@ -2420,48 +2252,6 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2420
2252
  readonly 1200: "96px";
2421
2253
  readonly 1600: "128px";
2422
2254
  };
2423
- 'space-gap': {
2424
- readonly 0: any;
2425
- readonly 50: any;
2426
- readonly 100: any;
2427
- readonly 200: any;
2428
- readonly 300: any;
2429
- };
2430
- 'space-inset': {
2431
- readonly 0: any;
2432
- readonly 50: any;
2433
- readonly 100: any;
2434
- readonly 150: any;
2435
- readonly 200: any;
2436
- readonly 300: any;
2437
- readonly 400: any;
2438
- readonly 500: any;
2439
- readonly 600: any;
2440
- readonly 700: any;
2441
- readonly 800: any;
2442
- readonly 1200: any;
2443
- readonly 1600: any;
2444
- };
2445
- 'space-offset': {
2446
- readonly 0: any;
2447
- readonly 50: any;
2448
- readonly 100: any;
2449
- readonly 150: any;
2450
- readonly 200: any;
2451
- readonly 300: any;
2452
- readonly 400: any;
2453
- readonly 600: any;
2454
- readonly 800: any;
2455
- readonly 1200: any;
2456
- readonly 1600: any;
2457
- readonly 'stacking-0': any;
2458
- readonly 'stacking-100': any;
2459
- readonly 'stacking-200': any;
2460
- readonly 'stacking-300': any;
2461
- readonly 'stacking-400': any;
2462
- readonly 'stacking-500': any;
2463
- readonly 'stacking-800': any;
2464
- };
2465
2255
  'stroke-width': {
2466
2256
  readonly thin: "1.5px";
2467
2257
  readonly normal: "2px";
@@ -2502,7 +2292,7 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2502
2292
  readonly borderRightColor: "colors";
2503
2293
  readonly borderRightStyle: "border-styles";
2504
2294
  readonly borderRightWidth: "border-widths";
2505
- readonly borderSpacing: "space-offset";
2295
+ readonly borderSpacing: "space";
2506
2296
  readonly borderStyle: "border-styles";
2507
2297
  readonly borderTop: "colors";
2508
2298
  readonly borderTopColor: "colors";
@@ -2515,42 +2305,42 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2515
2305
  readonly boxShadow: "shadows";
2516
2306
  readonly caretColor: "colors";
2517
2307
  readonly color: "colors";
2518
- readonly columnGap: "space-gap";
2308
+ readonly columnGap: "space";
2519
2309
  readonly columnRuleColor: "colors";
2520
2310
  readonly fill: "colors";
2521
2311
  readonly flexBasis: "sizes";
2522
2312
  readonly fontFamily: "fonts";
2523
2313
  readonly fontSize: "font-sizes";
2524
2314
  readonly fontWeight: "font-weights";
2525
- readonly gap: "space-gap";
2526
- readonly gridColumnGap: "space-gap";
2527
- readonly gridGap: "space-gap";
2528
- readonly gridRowGap: "space-gap";
2315
+ readonly gap: "space";
2316
+ readonly gridColumnGap: "space";
2317
+ readonly gridGap: "space";
2318
+ readonly gridRowGap: "space";
2529
2319
  readonly gridTemplateColumns: "sizes";
2530
2320
  readonly gridTemplateRows: "sizes";
2531
2321
  readonly height: "sizes";
2532
2322
  readonly inlineSize: "sizes";
2533
- readonly inset: "space-inset";
2534
- readonly insetBlock: "space-inset";
2535
- readonly insetBlockEnd: "space-inset";
2536
- readonly insetBlockStart: "space-inset";
2537
- readonly insetInline: "space-inset";
2538
- readonly insetInlineEnd: "space-inset";
2539
- readonly insetInlineStart: "space-inset";
2323
+ readonly inset: "space";
2324
+ readonly insetBlock: "space";
2325
+ readonly insetBlockEnd: "space";
2326
+ readonly insetBlockStart: "space";
2327
+ readonly insetInline: "space";
2328
+ readonly insetInlineEnd: "space";
2329
+ readonly insetInlineStart: "space";
2540
2330
  readonly left: "space";
2541
2331
  readonly letterSpacing: "letter-spacings";
2542
2332
  readonly lineHeight: "line-heights";
2543
- readonly margin: "space-offset";
2544
- readonly marginBlock: "space-offset";
2545
- readonly marginBlockEnd: "space-offset";
2546
- readonly marginBlockStart: "space-offset";
2547
- readonly marginBottom: "space-offset";
2548
- readonly marginInline: "space-offset";
2549
- readonly marginInlineEnd: "space-offset";
2550
- readonly marginInlineStart: "space-offset";
2551
- readonly marginLeft: "space-offset";
2552
- readonly marginRight: "space-offset";
2553
- readonly marginTop: "space-offset";
2333
+ readonly margin: "space";
2334
+ readonly marginBlock: "space";
2335
+ readonly marginBlockEnd: "space";
2336
+ readonly marginBlockStart: "space";
2337
+ readonly marginBottom: "space";
2338
+ readonly marginInline: "space";
2339
+ readonly marginInlineEnd: "space";
2340
+ readonly marginInlineStart: "space";
2341
+ readonly marginLeft: "space";
2342
+ readonly marginRight: "space";
2343
+ readonly marginTop: "space";
2554
2344
  readonly maxBlockSize: "sizes";
2555
2345
  readonly maxHeight: "sizes";
2556
2346
  readonly maxInlineSize: "sizes";
@@ -2561,41 +2351,41 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2561
2351
  readonly minWidth: "sizes";
2562
2352
  readonly outline: "colors";
2563
2353
  readonly outlineColor: "colors";
2564
- readonly padding: "space-inset";
2565
- readonly paddingBlock: "space-inset";
2566
- readonly paddingBlockEnd: "space-inset";
2567
- readonly paddingBlockStart: "space-inset";
2568
- readonly paddingBottom: "space-inset";
2569
- readonly paddingInline: "space-inset";
2570
- readonly paddingInlineEnd: "space-inset";
2571
- readonly paddingInlineStart: "space-inset";
2572
- readonly paddingLeft: "space-inset";
2573
- readonly paddingRight: "space-inset";
2574
- readonly paddingTop: "space-inset";
2354
+ readonly padding: "space";
2355
+ readonly paddingBlock: "space";
2356
+ readonly paddingBlockEnd: "space";
2357
+ readonly paddingBlockStart: "space";
2358
+ readonly paddingBottom: "space";
2359
+ readonly paddingInline: "space";
2360
+ readonly paddingInlineEnd: "space";
2361
+ readonly paddingInlineStart: "space";
2362
+ readonly paddingLeft: "space";
2363
+ readonly paddingRight: "space";
2364
+ readonly paddingTop: "space";
2575
2365
  readonly right: "space";
2576
- readonly rowGap: "space-gap";
2577
- readonly scrollMargin: "space-offset";
2578
- readonly scrollMarginBlock: "space-offset";
2579
- readonly scrollMarginBlockEnd: "space-offset";
2580
- readonly scrollMarginBlockStart: "space-offset";
2581
- readonly scrollMarginBottom: "space-offset";
2582
- readonly scrollMarginInline: "space-offset";
2583
- readonly scrollMarginInlineEnd: "space-offset";
2584
- readonly scrollMarginInlineStart: "space-offset";
2585
- readonly scrollMarginLeft: "space-offset";
2586
- readonly scrollMarginRight: "space-offset";
2587
- readonly scrollMarginTop: "space-offset";
2588
- readonly scrollPadding: "space-inset";
2589
- readonly scrollPaddingBlock: "space-inset";
2590
- readonly scrollPaddingBlockEnd: "space-inset";
2591
- readonly scrollPaddingBlockStart: "space-inset";
2592
- readonly scrollPaddingBottom: "space-inset";
2593
- readonly scrollPaddingInline: "space-inset";
2594
- readonly scrollPaddingInlineEnd: "space-inset";
2595
- readonly scrollPaddingInlineStart: "space-inset";
2596
- readonly scrollPaddingLeft: "space-inset";
2597
- readonly scrollPaddingRight: "space-inset";
2598
- readonly scrollPaddingTop: "space-inset";
2366
+ readonly rowGap: "space";
2367
+ readonly scrollMargin: "space";
2368
+ readonly scrollMarginBlock: "space";
2369
+ readonly scrollMarginBlockEnd: "space";
2370
+ readonly scrollMarginBlockStart: "space";
2371
+ readonly scrollMarginBottom: "space";
2372
+ readonly scrollMarginInline: "space";
2373
+ readonly scrollMarginInlineEnd: "space";
2374
+ readonly scrollMarginInlineStart: "space";
2375
+ readonly scrollMarginLeft: "space";
2376
+ readonly scrollMarginRight: "space";
2377
+ readonly scrollMarginTop: "space";
2378
+ readonly scrollPadding: "space";
2379
+ readonly scrollPaddingBlock: "space";
2380
+ readonly scrollPaddingBlockEnd: "space";
2381
+ readonly scrollPaddingBlockStart: "space";
2382
+ readonly scrollPaddingBottom: "space";
2383
+ readonly scrollPaddingInline: "space";
2384
+ readonly scrollPaddingInlineEnd: "space";
2385
+ readonly scrollPaddingInlineStart: "space";
2386
+ readonly scrollPaddingLeft: "space";
2387
+ readonly scrollPaddingRight: "space";
2388
+ readonly scrollPaddingTop: "space";
2599
2389
  readonly stroke: "colors";
2600
2390
  readonly strokeWidth: "stroke-width";
2601
2391
  readonly textDecorationColor: "colors";
@@ -2974,17 +2764,17 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
2974
2764
  readonly body: "Open Sans, sans-serif";
2975
2765
  };
2976
2766
  radii: {
2767
+ readonly 0: "0px";
2977
2768
  readonly 25: "2px";
2978
2769
  readonly 50: "4px";
2979
2770
  readonly 75: "6px";
2980
2771
  readonly 100: "8px";
2981
2772
  readonly 200: "16px";
2982
- readonly half: "999px";
2983
- readonly none: "0px";
2773
+ readonly round: "999px";
2984
2774
  };
2985
2775
  shadows: {
2986
- 50: any;
2987
2776
  100: any;
2777
+ 50: any;
2988
2778
  "focus-small": any;
2989
2779
  "focus-small-outline": any;
2990
2780
  "focus-large": any;
@@ -3014,48 +2804,6 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3014
2804
  readonly 1200: "96px";
3015
2805
  readonly 1600: "128px";
3016
2806
  };
3017
- 'space-gap': {
3018
- readonly 0: any;
3019
- readonly 50: any;
3020
- readonly 100: any;
3021
- readonly 200: any;
3022
- readonly 300: any;
3023
- };
3024
- 'space-inset': {
3025
- readonly 0: any;
3026
- readonly 50: any;
3027
- readonly 100: any;
3028
- readonly 150: any;
3029
- readonly 200: any;
3030
- readonly 300: any;
3031
- readonly 400: any;
3032
- readonly 500: any;
3033
- readonly 600: any;
3034
- readonly 700: any;
3035
- readonly 800: any;
3036
- readonly 1200: any;
3037
- readonly 1600: any;
3038
- };
3039
- 'space-offset': {
3040
- readonly 0: any;
3041
- readonly 50: any;
3042
- readonly 100: any;
3043
- readonly 150: any;
3044
- readonly 200: any;
3045
- readonly 300: any;
3046
- readonly 400: any;
3047
- readonly 600: any;
3048
- readonly 800: any;
3049
- readonly 1200: any;
3050
- readonly 1600: any;
3051
- readonly 'stacking-0': any;
3052
- readonly 'stacking-100': any;
3053
- readonly 'stacking-200': any;
3054
- readonly 'stacking-300': any;
3055
- readonly 'stacking-400': any;
3056
- readonly 'stacking-500': any;
3057
- readonly 'stacking-800': any;
3058
- };
3059
2807
  'stroke-width': {
3060
2808
  readonly thin: "1.5px";
3061
2809
  readonly normal: "2px";
@@ -3096,7 +2844,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3096
2844
  readonly borderRightColor: "colors";
3097
2845
  readonly borderRightStyle: "border-styles";
3098
2846
  readonly borderRightWidth: "border-widths";
3099
- readonly borderSpacing: "space-offset";
2847
+ readonly borderSpacing: "space";
3100
2848
  readonly borderStyle: "border-styles";
3101
2849
  readonly borderTop: "colors";
3102
2850
  readonly borderTopColor: "colors";
@@ -3109,42 +2857,42 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3109
2857
  readonly boxShadow: "shadows";
3110
2858
  readonly caretColor: "colors";
3111
2859
  readonly color: "colors";
3112
- readonly columnGap: "space-gap";
2860
+ readonly columnGap: "space";
3113
2861
  readonly columnRuleColor: "colors";
3114
2862
  readonly fill: "colors";
3115
2863
  readonly flexBasis: "sizes";
3116
2864
  readonly fontFamily: "fonts";
3117
2865
  readonly fontSize: "font-sizes";
3118
2866
  readonly fontWeight: "font-weights";
3119
- readonly gap: "space-gap";
3120
- readonly gridColumnGap: "space-gap";
3121
- readonly gridGap: "space-gap";
3122
- readonly gridRowGap: "space-gap";
2867
+ readonly gap: "space";
2868
+ readonly gridColumnGap: "space";
2869
+ readonly gridGap: "space";
2870
+ readonly gridRowGap: "space";
3123
2871
  readonly gridTemplateColumns: "sizes";
3124
2872
  readonly gridTemplateRows: "sizes";
3125
2873
  readonly height: "sizes";
3126
2874
  readonly inlineSize: "sizes";
3127
- readonly inset: "space-inset";
3128
- readonly insetBlock: "space-inset";
3129
- readonly insetBlockEnd: "space-inset";
3130
- readonly insetBlockStart: "space-inset";
3131
- readonly insetInline: "space-inset";
3132
- readonly insetInlineEnd: "space-inset";
3133
- readonly insetInlineStart: "space-inset";
2875
+ readonly inset: "space";
2876
+ readonly insetBlock: "space";
2877
+ readonly insetBlockEnd: "space";
2878
+ readonly insetBlockStart: "space";
2879
+ readonly insetInline: "space";
2880
+ readonly insetInlineEnd: "space";
2881
+ readonly insetInlineStart: "space";
3134
2882
  readonly left: "space";
3135
2883
  readonly letterSpacing: "letter-spacings";
3136
2884
  readonly lineHeight: "line-heights";
3137
- readonly margin: "space-offset";
3138
- readonly marginBlock: "space-offset";
3139
- readonly marginBlockEnd: "space-offset";
3140
- readonly marginBlockStart: "space-offset";
3141
- readonly marginBottom: "space-offset";
3142
- readonly marginInline: "space-offset";
3143
- readonly marginInlineEnd: "space-offset";
3144
- readonly marginInlineStart: "space-offset";
3145
- readonly marginLeft: "space-offset";
3146
- readonly marginRight: "space-offset";
3147
- readonly marginTop: "space-offset";
2885
+ readonly margin: "space";
2886
+ readonly marginBlock: "space";
2887
+ readonly marginBlockEnd: "space";
2888
+ readonly marginBlockStart: "space";
2889
+ readonly marginBottom: "space";
2890
+ readonly marginInline: "space";
2891
+ readonly marginInlineEnd: "space";
2892
+ readonly marginInlineStart: "space";
2893
+ readonly marginLeft: "space";
2894
+ readonly marginRight: "space";
2895
+ readonly marginTop: "space";
3148
2896
  readonly maxBlockSize: "sizes";
3149
2897
  readonly maxHeight: "sizes";
3150
2898
  readonly maxInlineSize: "sizes";
@@ -3155,41 +2903,41 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3155
2903
  readonly minWidth: "sizes";
3156
2904
  readonly outline: "colors";
3157
2905
  readonly outlineColor: "colors";
3158
- readonly padding: "space-inset";
3159
- readonly paddingBlock: "space-inset";
3160
- readonly paddingBlockEnd: "space-inset";
3161
- readonly paddingBlockStart: "space-inset";
3162
- readonly paddingBottom: "space-inset";
3163
- readonly paddingInline: "space-inset";
3164
- readonly paddingInlineEnd: "space-inset";
3165
- readonly paddingInlineStart: "space-inset";
3166
- readonly paddingLeft: "space-inset";
3167
- readonly paddingRight: "space-inset";
3168
- readonly paddingTop: "space-inset";
2906
+ readonly padding: "space";
2907
+ readonly paddingBlock: "space";
2908
+ readonly paddingBlockEnd: "space";
2909
+ readonly paddingBlockStart: "space";
2910
+ readonly paddingBottom: "space";
2911
+ readonly paddingInline: "space";
2912
+ readonly paddingInlineEnd: "space";
2913
+ readonly paddingInlineStart: "space";
2914
+ readonly paddingLeft: "space";
2915
+ readonly paddingRight: "space";
2916
+ readonly paddingTop: "space";
3169
2917
  readonly right: "space";
3170
- readonly rowGap: "space-gap";
3171
- readonly scrollMargin: "space-offset";
3172
- readonly scrollMarginBlock: "space-offset";
3173
- readonly scrollMarginBlockEnd: "space-offset";
3174
- readonly scrollMarginBlockStart: "space-offset";
3175
- readonly scrollMarginBottom: "space-offset";
3176
- readonly scrollMarginInline: "space-offset";
3177
- readonly scrollMarginInlineEnd: "space-offset";
3178
- readonly scrollMarginInlineStart: "space-offset";
3179
- readonly scrollMarginLeft: "space-offset";
3180
- readonly scrollMarginRight: "space-offset";
3181
- readonly scrollMarginTop: "space-offset";
3182
- readonly scrollPadding: "space-inset";
3183
- readonly scrollPaddingBlock: "space-inset";
3184
- readonly scrollPaddingBlockEnd: "space-inset";
3185
- readonly scrollPaddingBlockStart: "space-inset";
3186
- readonly scrollPaddingBottom: "space-inset";
3187
- readonly scrollPaddingInline: "space-inset";
3188
- readonly scrollPaddingInlineEnd: "space-inset";
3189
- readonly scrollPaddingInlineStart: "space-inset";
3190
- readonly scrollPaddingLeft: "space-inset";
3191
- readonly scrollPaddingRight: "space-inset";
3192
- readonly scrollPaddingTop: "space-inset";
2918
+ readonly rowGap: "space";
2919
+ readonly scrollMargin: "space";
2920
+ readonly scrollMarginBlock: "space";
2921
+ readonly scrollMarginBlockEnd: "space";
2922
+ readonly scrollMarginBlockStart: "space";
2923
+ readonly scrollMarginBottom: "space";
2924
+ readonly scrollMarginInline: "space";
2925
+ readonly scrollMarginInlineEnd: "space";
2926
+ readonly scrollMarginInlineStart: "space";
2927
+ readonly scrollMarginLeft: "space";
2928
+ readonly scrollMarginRight: "space";
2929
+ readonly scrollMarginTop: "space";
2930
+ readonly scrollPadding: "space";
2931
+ readonly scrollPaddingBlock: "space";
2932
+ readonly scrollPaddingBlockEnd: "space";
2933
+ readonly scrollPaddingBlockStart: "space";
2934
+ readonly scrollPaddingBottom: "space";
2935
+ readonly scrollPaddingInline: "space";
2936
+ readonly scrollPaddingInlineEnd: "space";
2937
+ readonly scrollPaddingInlineStart: "space";
2938
+ readonly scrollPaddingLeft: "space";
2939
+ readonly scrollPaddingRight: "space";
2940
+ readonly scrollPaddingTop: "space";
3193
2941
  readonly stroke: "colors";
3194
2942
  readonly strokeWidth: "stroke-width";
3195
2943
  readonly textDecorationColor: "colors";
@@ -3531,17 +3279,17 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3531
3279
  readonly body: "Open Sans, sans-serif";
3532
3280
  };
3533
3281
  radii: {
3282
+ readonly 0: "0px";
3534
3283
  readonly 25: "2px";
3535
3284
  readonly 50: "4px";
3536
3285
  readonly 75: "6px";
3537
3286
  readonly 100: "8px";
3538
3287
  readonly 200: "16px";
3539
- readonly half: "999px";
3540
- readonly none: "0px";
3288
+ readonly round: "999px";
3541
3289
  };
3542
3290
  shadows: {
3543
- 50: any;
3544
3291
  100: any;
3292
+ 50: any;
3545
3293
  "focus-small": any;
3546
3294
  "focus-small-outline": any;
3547
3295
  "focus-large": any;
@@ -3571,48 +3319,6 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3571
3319
  readonly 1200: "96px";
3572
3320
  readonly 1600: "128px";
3573
3321
  };
3574
- 'space-gap': {
3575
- readonly 0: any;
3576
- readonly 50: any;
3577
- readonly 100: any;
3578
- readonly 200: any;
3579
- readonly 300: any;
3580
- };
3581
- 'space-inset': {
3582
- readonly 0: any;
3583
- readonly 50: any;
3584
- readonly 100: any;
3585
- readonly 150: any;
3586
- readonly 200: any;
3587
- readonly 300: any;
3588
- readonly 400: any;
3589
- readonly 500: any;
3590
- readonly 600: any;
3591
- readonly 700: any;
3592
- readonly 800: any;
3593
- readonly 1200: any;
3594
- readonly 1600: any;
3595
- };
3596
- 'space-offset': {
3597
- readonly 0: any;
3598
- readonly 50: any;
3599
- readonly 100: any;
3600
- readonly 150: any;
3601
- readonly 200: any;
3602
- readonly 300: any;
3603
- readonly 400: any;
3604
- readonly 600: any;
3605
- readonly 800: any;
3606
- readonly 1200: any;
3607
- readonly 1600: any;
3608
- readonly 'stacking-0': any;
3609
- readonly 'stacking-100': any;
3610
- readonly 'stacking-200': any;
3611
- readonly 'stacking-300': any;
3612
- readonly 'stacking-400': any;
3613
- readonly 'stacking-500': any;
3614
- readonly 'stacking-800': any;
3615
- };
3616
3322
  'stroke-width': {
3617
3323
  readonly thin: "1.5px";
3618
3324
  readonly normal: "2px";
@@ -3653,7 +3359,7 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3653
3359
  readonly borderRightColor: "colors";
3654
3360
  readonly borderRightStyle: "border-styles";
3655
3361
  readonly borderRightWidth: "border-widths";
3656
- readonly borderSpacing: "space-offset";
3362
+ readonly borderSpacing: "space";
3657
3363
  readonly borderStyle: "border-styles";
3658
3364
  readonly borderTop: "colors";
3659
3365
  readonly borderTopColor: "colors";
@@ -3666,42 +3372,42 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3666
3372
  readonly boxShadow: "shadows";
3667
3373
  readonly caretColor: "colors";
3668
3374
  readonly color: "colors";
3669
- readonly columnGap: "space-gap";
3375
+ readonly columnGap: "space";
3670
3376
  readonly columnRuleColor: "colors";
3671
3377
  readonly fill: "colors";
3672
3378
  readonly flexBasis: "sizes";
3673
3379
  readonly fontFamily: "fonts";
3674
3380
  readonly fontSize: "font-sizes";
3675
3381
  readonly fontWeight: "font-weights";
3676
- readonly gap: "space-gap";
3677
- readonly gridColumnGap: "space-gap";
3678
- readonly gridGap: "space-gap";
3679
- readonly gridRowGap: "space-gap";
3382
+ readonly gap: "space";
3383
+ readonly gridColumnGap: "space";
3384
+ readonly gridGap: "space";
3385
+ readonly gridRowGap: "space";
3680
3386
  readonly gridTemplateColumns: "sizes";
3681
3387
  readonly gridTemplateRows: "sizes";
3682
3388
  readonly height: "sizes";
3683
3389
  readonly inlineSize: "sizes";
3684
- readonly inset: "space-inset";
3685
- readonly insetBlock: "space-inset";
3686
- readonly insetBlockEnd: "space-inset";
3687
- readonly insetBlockStart: "space-inset";
3688
- readonly insetInline: "space-inset";
3689
- readonly insetInlineEnd: "space-inset";
3690
- readonly insetInlineStart: "space-inset";
3390
+ readonly inset: "space";
3391
+ readonly insetBlock: "space";
3392
+ readonly insetBlockEnd: "space";
3393
+ readonly insetBlockStart: "space";
3394
+ readonly insetInline: "space";
3395
+ readonly insetInlineEnd: "space";
3396
+ readonly insetInlineStart: "space";
3691
3397
  readonly left: "space";
3692
3398
  readonly letterSpacing: "letter-spacings";
3693
3399
  readonly lineHeight: "line-heights";
3694
- readonly margin: "space-offset";
3695
- readonly marginBlock: "space-offset";
3696
- readonly marginBlockEnd: "space-offset";
3697
- readonly marginBlockStart: "space-offset";
3698
- readonly marginBottom: "space-offset";
3699
- readonly marginInline: "space-offset";
3700
- readonly marginInlineEnd: "space-offset";
3701
- readonly marginInlineStart: "space-offset";
3702
- readonly marginLeft: "space-offset";
3703
- readonly marginRight: "space-offset";
3704
- readonly marginTop: "space-offset";
3400
+ readonly margin: "space";
3401
+ readonly marginBlock: "space";
3402
+ readonly marginBlockEnd: "space";
3403
+ readonly marginBlockStart: "space";
3404
+ readonly marginBottom: "space";
3405
+ readonly marginInline: "space";
3406
+ readonly marginInlineEnd: "space";
3407
+ readonly marginInlineStart: "space";
3408
+ readonly marginLeft: "space";
3409
+ readonly marginRight: "space";
3410
+ readonly marginTop: "space";
3705
3411
  readonly maxBlockSize: "sizes";
3706
3412
  readonly maxHeight: "sizes";
3707
3413
  readonly maxInlineSize: "sizes";
@@ -3712,41 +3418,41 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3712
3418
  readonly minWidth: "sizes";
3713
3419
  readonly outline: "colors";
3714
3420
  readonly outlineColor: "colors";
3715
- readonly padding: "space-inset";
3716
- readonly paddingBlock: "space-inset";
3717
- readonly paddingBlockEnd: "space-inset";
3718
- readonly paddingBlockStart: "space-inset";
3719
- readonly paddingBottom: "space-inset";
3720
- readonly paddingInline: "space-inset";
3721
- readonly paddingInlineEnd: "space-inset";
3722
- readonly paddingInlineStart: "space-inset";
3723
- readonly paddingLeft: "space-inset";
3724
- readonly paddingRight: "space-inset";
3725
- readonly paddingTop: "space-inset";
3421
+ readonly padding: "space";
3422
+ readonly paddingBlock: "space";
3423
+ readonly paddingBlockEnd: "space";
3424
+ readonly paddingBlockStart: "space";
3425
+ readonly paddingBottom: "space";
3426
+ readonly paddingInline: "space";
3427
+ readonly paddingInlineEnd: "space";
3428
+ readonly paddingInlineStart: "space";
3429
+ readonly paddingLeft: "space";
3430
+ readonly paddingRight: "space";
3431
+ readonly paddingTop: "space";
3726
3432
  readonly right: "space";
3727
- readonly rowGap: "space-gap";
3728
- readonly scrollMargin: "space-offset";
3729
- readonly scrollMarginBlock: "space-offset";
3730
- readonly scrollMarginBlockEnd: "space-offset";
3731
- readonly scrollMarginBlockStart: "space-offset";
3732
- readonly scrollMarginBottom: "space-offset";
3733
- readonly scrollMarginInline: "space-offset";
3734
- readonly scrollMarginInlineEnd: "space-offset";
3735
- readonly scrollMarginInlineStart: "space-offset";
3736
- readonly scrollMarginLeft: "space-offset";
3737
- readonly scrollMarginRight: "space-offset";
3738
- readonly scrollMarginTop: "space-offset";
3739
- readonly scrollPadding: "space-inset";
3740
- readonly scrollPaddingBlock: "space-inset";
3741
- readonly scrollPaddingBlockEnd: "space-inset";
3742
- readonly scrollPaddingBlockStart: "space-inset";
3743
- readonly scrollPaddingBottom: "space-inset";
3744
- readonly scrollPaddingInline: "space-inset";
3745
- readonly scrollPaddingInlineEnd: "space-inset";
3746
- readonly scrollPaddingInlineStart: "space-inset";
3747
- readonly scrollPaddingLeft: "space-inset";
3748
- readonly scrollPaddingRight: "space-inset";
3749
- readonly scrollPaddingTop: "space-inset";
3433
+ readonly rowGap: "space";
3434
+ readonly scrollMargin: "space";
3435
+ readonly scrollMarginBlock: "space";
3436
+ readonly scrollMarginBlockEnd: "space";
3437
+ readonly scrollMarginBlockStart: "space";
3438
+ readonly scrollMarginBottom: "space";
3439
+ readonly scrollMarginInline: "space";
3440
+ readonly scrollMarginInlineEnd: "space";
3441
+ readonly scrollMarginInlineStart: "space";
3442
+ readonly scrollMarginLeft: "space";
3443
+ readonly scrollMarginRight: "space";
3444
+ readonly scrollMarginTop: "space";
3445
+ readonly scrollPadding: "space";
3446
+ readonly scrollPaddingBlock: "space";
3447
+ readonly scrollPaddingBlockEnd: "space";
3448
+ readonly scrollPaddingBlockStart: "space";
3449
+ readonly scrollPaddingBottom: "space";
3450
+ readonly scrollPaddingInline: "space";
3451
+ readonly scrollPaddingInlineEnd: "space";
3452
+ readonly scrollPaddingInlineStart: "space";
3453
+ readonly scrollPaddingLeft: "space";
3454
+ readonly scrollPaddingRight: "space";
3455
+ readonly scrollPaddingTop: "space";
3750
3456
  readonly stroke: "colors";
3751
3457
  readonly strokeWidth: "stroke-width";
3752
3458
  readonly textDecorationColor: "colors";