@mirohq/design-system-scroll-area 0.2.3 → 0.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/types.d.ts +310 -515
- package/package.json +2 -2
package/dist/types.d.ts
CHANGED
|
@@ -257,22 +257,23 @@ declare const StyledViewport: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
|
|
|
257
257
|
readonly body: "Open Sans, sans-serif";
|
|
258
258
|
};
|
|
259
259
|
radii: {
|
|
260
|
+
readonly 0: "0px";
|
|
260
261
|
readonly 25: "2px";
|
|
261
262
|
readonly 50: "4px";
|
|
262
263
|
readonly 75: "6px";
|
|
263
264
|
readonly 100: "8px";
|
|
264
265
|
readonly 200: "16px";
|
|
265
|
-
readonly
|
|
266
|
-
readonly none: "0px";
|
|
266
|
+
readonly round: "999px";
|
|
267
267
|
};
|
|
268
268
|
shadows: {
|
|
269
|
-
50: any;
|
|
270
269
|
100: any;
|
|
270
|
+
50: any;
|
|
271
271
|
"focus-small": any;
|
|
272
272
|
"focus-small-outline": any;
|
|
273
273
|
"focus-large": any;
|
|
274
274
|
"focus-controls": any;
|
|
275
275
|
"focus-controls-error": any;
|
|
276
|
+
"focus-controls-error-small": any;
|
|
276
277
|
"focus-controls-success": any;
|
|
277
278
|
};
|
|
278
279
|
sizes: {
|
|
@@ -297,48 +298,6 @@ declare const StyledViewport: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
|
|
|
297
298
|
readonly 1200: "96px";
|
|
298
299
|
readonly 1600: "128px";
|
|
299
300
|
};
|
|
300
|
-
'space-gap': {
|
|
301
|
-
readonly 0: any;
|
|
302
|
-
readonly 50: any;
|
|
303
|
-
readonly 100: any;
|
|
304
|
-
readonly 200: any;
|
|
305
|
-
readonly 300: any;
|
|
306
|
-
};
|
|
307
|
-
'space-inset': {
|
|
308
|
-
readonly 0: any;
|
|
309
|
-
readonly 50: any;
|
|
310
|
-
readonly 100: any;
|
|
311
|
-
readonly 150: any;
|
|
312
|
-
readonly 200: any;
|
|
313
|
-
readonly 300: any;
|
|
314
|
-
readonly 400: any;
|
|
315
|
-
readonly 500: any;
|
|
316
|
-
readonly 600: any;
|
|
317
|
-
readonly 700: any;
|
|
318
|
-
readonly 800: any;
|
|
319
|
-
readonly 1200: any;
|
|
320
|
-
readonly 1600: any;
|
|
321
|
-
};
|
|
322
|
-
'space-offset': {
|
|
323
|
-
readonly 0: any;
|
|
324
|
-
readonly 50: any;
|
|
325
|
-
readonly 100: any;
|
|
326
|
-
readonly 150: any;
|
|
327
|
-
readonly 200: any;
|
|
328
|
-
readonly 300: any;
|
|
329
|
-
readonly 400: any;
|
|
330
|
-
readonly 600: any;
|
|
331
|
-
readonly 800: any;
|
|
332
|
-
readonly 1200: any;
|
|
333
|
-
readonly 1600: any;
|
|
334
|
-
readonly 'stacking-0': any;
|
|
335
|
-
readonly 'stacking-100': any;
|
|
336
|
-
readonly 'stacking-200': any;
|
|
337
|
-
readonly 'stacking-300': any;
|
|
338
|
-
readonly 'stacking-400': any;
|
|
339
|
-
readonly 'stacking-500': any;
|
|
340
|
-
readonly 'stacking-800': any;
|
|
341
|
-
};
|
|
342
301
|
'stroke-width': {
|
|
343
302
|
readonly thin: "1.5px";
|
|
344
303
|
readonly normal: "2px";
|
|
@@ -379,7 +338,7 @@ declare const StyledViewport: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
|
|
|
379
338
|
readonly borderRightColor: "colors";
|
|
380
339
|
readonly borderRightStyle: "border-styles";
|
|
381
340
|
readonly borderRightWidth: "border-widths";
|
|
382
|
-
readonly borderSpacing: "space
|
|
341
|
+
readonly borderSpacing: "space";
|
|
383
342
|
readonly borderStyle: "border-styles";
|
|
384
343
|
readonly borderTop: "colors";
|
|
385
344
|
readonly borderTopColor: "colors";
|
|
@@ -392,42 +351,42 @@ declare const StyledViewport: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
|
|
|
392
351
|
readonly boxShadow: "shadows";
|
|
393
352
|
readonly caretColor: "colors";
|
|
394
353
|
readonly color: "colors";
|
|
395
|
-
readonly columnGap: "space
|
|
354
|
+
readonly columnGap: "space";
|
|
396
355
|
readonly columnRuleColor: "colors";
|
|
397
356
|
readonly fill: "colors";
|
|
398
357
|
readonly flexBasis: "sizes";
|
|
399
358
|
readonly fontFamily: "fonts";
|
|
400
359
|
readonly fontSize: "font-sizes";
|
|
401
360
|
readonly fontWeight: "font-weights";
|
|
402
|
-
readonly gap: "space
|
|
403
|
-
readonly gridColumnGap: "space
|
|
404
|
-
readonly gridGap: "space
|
|
405
|
-
readonly gridRowGap: "space
|
|
361
|
+
readonly gap: "space";
|
|
362
|
+
readonly gridColumnGap: "space";
|
|
363
|
+
readonly gridGap: "space";
|
|
364
|
+
readonly gridRowGap: "space";
|
|
406
365
|
readonly gridTemplateColumns: "sizes";
|
|
407
366
|
readonly gridTemplateRows: "sizes";
|
|
408
367
|
readonly height: "sizes";
|
|
409
368
|
readonly inlineSize: "sizes";
|
|
410
|
-
readonly inset: "space
|
|
411
|
-
readonly insetBlock: "space
|
|
412
|
-
readonly insetBlockEnd: "space
|
|
413
|
-
readonly insetBlockStart: "space
|
|
414
|
-
readonly insetInline: "space
|
|
415
|
-
readonly insetInlineEnd: "space
|
|
416
|
-
readonly insetInlineStart: "space
|
|
369
|
+
readonly inset: "space";
|
|
370
|
+
readonly insetBlock: "space";
|
|
371
|
+
readonly insetBlockEnd: "space";
|
|
372
|
+
readonly insetBlockStart: "space";
|
|
373
|
+
readonly insetInline: "space";
|
|
374
|
+
readonly insetInlineEnd: "space";
|
|
375
|
+
readonly insetInlineStart: "space";
|
|
417
376
|
readonly left: "space";
|
|
418
377
|
readonly letterSpacing: "letter-spacings";
|
|
419
378
|
readonly lineHeight: "line-heights";
|
|
420
|
-
readonly margin: "space
|
|
421
|
-
readonly marginBlock: "space
|
|
422
|
-
readonly marginBlockEnd: "space
|
|
423
|
-
readonly marginBlockStart: "space
|
|
424
|
-
readonly marginBottom: "space
|
|
425
|
-
readonly marginInline: "space
|
|
426
|
-
readonly marginInlineEnd: "space
|
|
427
|
-
readonly marginInlineStart: "space
|
|
428
|
-
readonly marginLeft: "space
|
|
429
|
-
readonly marginRight: "space
|
|
430
|
-
readonly marginTop: "space
|
|
379
|
+
readonly margin: "space";
|
|
380
|
+
readonly marginBlock: "space";
|
|
381
|
+
readonly marginBlockEnd: "space";
|
|
382
|
+
readonly marginBlockStart: "space";
|
|
383
|
+
readonly marginBottom: "space";
|
|
384
|
+
readonly marginInline: "space";
|
|
385
|
+
readonly marginInlineEnd: "space";
|
|
386
|
+
readonly marginInlineStart: "space";
|
|
387
|
+
readonly marginLeft: "space";
|
|
388
|
+
readonly marginRight: "space";
|
|
389
|
+
readonly marginTop: "space";
|
|
431
390
|
readonly maxBlockSize: "sizes";
|
|
432
391
|
readonly maxHeight: "sizes";
|
|
433
392
|
readonly maxInlineSize: "sizes";
|
|
@@ -438,41 +397,41 @@ declare const StyledViewport: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
|
|
|
438
397
|
readonly minWidth: "sizes";
|
|
439
398
|
readonly outline: "colors";
|
|
440
399
|
readonly outlineColor: "colors";
|
|
441
|
-
readonly padding: "space
|
|
442
|
-
readonly paddingBlock: "space
|
|
443
|
-
readonly paddingBlockEnd: "space
|
|
444
|
-
readonly paddingBlockStart: "space
|
|
445
|
-
readonly paddingBottom: "space
|
|
446
|
-
readonly paddingInline: "space
|
|
447
|
-
readonly paddingInlineEnd: "space
|
|
448
|
-
readonly paddingInlineStart: "space
|
|
449
|
-
readonly paddingLeft: "space
|
|
450
|
-
readonly paddingRight: "space
|
|
451
|
-
readonly paddingTop: "space
|
|
400
|
+
readonly padding: "space";
|
|
401
|
+
readonly paddingBlock: "space";
|
|
402
|
+
readonly paddingBlockEnd: "space";
|
|
403
|
+
readonly paddingBlockStart: "space";
|
|
404
|
+
readonly paddingBottom: "space";
|
|
405
|
+
readonly paddingInline: "space";
|
|
406
|
+
readonly paddingInlineEnd: "space";
|
|
407
|
+
readonly paddingInlineStart: "space";
|
|
408
|
+
readonly paddingLeft: "space";
|
|
409
|
+
readonly paddingRight: "space";
|
|
410
|
+
readonly paddingTop: "space";
|
|
452
411
|
readonly right: "space";
|
|
453
|
-
readonly rowGap: "space
|
|
454
|
-
readonly scrollMargin: "space
|
|
455
|
-
readonly scrollMarginBlock: "space
|
|
456
|
-
readonly scrollMarginBlockEnd: "space
|
|
457
|
-
readonly scrollMarginBlockStart: "space
|
|
458
|
-
readonly scrollMarginBottom: "space
|
|
459
|
-
readonly scrollMarginInline: "space
|
|
460
|
-
readonly scrollMarginInlineEnd: "space
|
|
461
|
-
readonly scrollMarginInlineStart: "space
|
|
462
|
-
readonly scrollMarginLeft: "space
|
|
463
|
-
readonly scrollMarginRight: "space
|
|
464
|
-
readonly scrollMarginTop: "space
|
|
465
|
-
readonly scrollPadding: "space
|
|
466
|
-
readonly scrollPaddingBlock: "space
|
|
467
|
-
readonly scrollPaddingBlockEnd: "space
|
|
468
|
-
readonly scrollPaddingBlockStart: "space
|
|
469
|
-
readonly scrollPaddingBottom: "space
|
|
470
|
-
readonly scrollPaddingInline: "space
|
|
471
|
-
readonly scrollPaddingInlineEnd: "space
|
|
472
|
-
readonly scrollPaddingInlineStart: "space
|
|
473
|
-
readonly scrollPaddingLeft: "space
|
|
474
|
-
readonly scrollPaddingRight: "space
|
|
475
|
-
readonly scrollPaddingTop: "space
|
|
412
|
+
readonly rowGap: "space";
|
|
413
|
+
readonly scrollMargin: "space";
|
|
414
|
+
readonly scrollMarginBlock: "space";
|
|
415
|
+
readonly scrollMarginBlockEnd: "space";
|
|
416
|
+
readonly scrollMarginBlockStart: "space";
|
|
417
|
+
readonly scrollMarginBottom: "space";
|
|
418
|
+
readonly scrollMarginInline: "space";
|
|
419
|
+
readonly scrollMarginInlineEnd: "space";
|
|
420
|
+
readonly scrollMarginInlineStart: "space";
|
|
421
|
+
readonly scrollMarginLeft: "space";
|
|
422
|
+
readonly scrollMarginRight: "space";
|
|
423
|
+
readonly scrollMarginTop: "space";
|
|
424
|
+
readonly scrollPadding: "space";
|
|
425
|
+
readonly scrollPaddingBlock: "space";
|
|
426
|
+
readonly scrollPaddingBlockEnd: "space";
|
|
427
|
+
readonly scrollPaddingBlockStart: "space";
|
|
428
|
+
readonly scrollPaddingBottom: "space";
|
|
429
|
+
readonly scrollPaddingInline: "space";
|
|
430
|
+
readonly scrollPaddingInlineEnd: "space";
|
|
431
|
+
readonly scrollPaddingInlineStart: "space";
|
|
432
|
+
readonly scrollPaddingLeft: "space";
|
|
433
|
+
readonly scrollPaddingRight: "space";
|
|
434
|
+
readonly scrollPaddingTop: "space";
|
|
476
435
|
readonly stroke: "colors";
|
|
477
436
|
readonly strokeWidth: "stroke-width";
|
|
478
437
|
readonly textDecorationColor: "colors";
|
|
@@ -793,22 +752,23 @@ declare const StyledScrollbar: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
793
752
|
readonly body: "Open Sans, sans-serif";
|
|
794
753
|
};
|
|
795
754
|
radii: {
|
|
755
|
+
readonly 0: "0px";
|
|
796
756
|
readonly 25: "2px";
|
|
797
757
|
readonly 50: "4px";
|
|
798
758
|
readonly 75: "6px";
|
|
799
759
|
readonly 100: "8px";
|
|
800
760
|
readonly 200: "16px";
|
|
801
|
-
readonly
|
|
802
|
-
readonly none: "0px";
|
|
761
|
+
readonly round: "999px";
|
|
803
762
|
};
|
|
804
763
|
shadows: {
|
|
805
|
-
50: any;
|
|
806
764
|
100: any;
|
|
765
|
+
50: any;
|
|
807
766
|
"focus-small": any;
|
|
808
767
|
"focus-small-outline": any;
|
|
809
768
|
"focus-large": any;
|
|
810
769
|
"focus-controls": any;
|
|
811
770
|
"focus-controls-error": any;
|
|
771
|
+
"focus-controls-error-small": any;
|
|
812
772
|
"focus-controls-success": any;
|
|
813
773
|
};
|
|
814
774
|
sizes: {
|
|
@@ -833,48 +793,6 @@ declare const StyledScrollbar: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
833
793
|
readonly 1200: "96px";
|
|
834
794
|
readonly 1600: "128px";
|
|
835
795
|
};
|
|
836
|
-
'space-gap': {
|
|
837
|
-
readonly 0: any;
|
|
838
|
-
readonly 50: any;
|
|
839
|
-
readonly 100: any;
|
|
840
|
-
readonly 200: any;
|
|
841
|
-
readonly 300: any;
|
|
842
|
-
};
|
|
843
|
-
'space-inset': {
|
|
844
|
-
readonly 0: any;
|
|
845
|
-
readonly 50: any;
|
|
846
|
-
readonly 100: any;
|
|
847
|
-
readonly 150: any;
|
|
848
|
-
readonly 200: any;
|
|
849
|
-
readonly 300: any;
|
|
850
|
-
readonly 400: any;
|
|
851
|
-
readonly 500: any;
|
|
852
|
-
readonly 600: any;
|
|
853
|
-
readonly 700: any;
|
|
854
|
-
readonly 800: any;
|
|
855
|
-
readonly 1200: any;
|
|
856
|
-
readonly 1600: any;
|
|
857
|
-
};
|
|
858
|
-
'space-offset': {
|
|
859
|
-
readonly 0: any;
|
|
860
|
-
readonly 50: any;
|
|
861
|
-
readonly 100: any;
|
|
862
|
-
readonly 150: any;
|
|
863
|
-
readonly 200: any;
|
|
864
|
-
readonly 300: any;
|
|
865
|
-
readonly 400: any;
|
|
866
|
-
readonly 600: any;
|
|
867
|
-
readonly 800: any;
|
|
868
|
-
readonly 1200: any;
|
|
869
|
-
readonly 1600: any;
|
|
870
|
-
readonly 'stacking-0': any;
|
|
871
|
-
readonly 'stacking-100': any;
|
|
872
|
-
readonly 'stacking-200': any;
|
|
873
|
-
readonly 'stacking-300': any;
|
|
874
|
-
readonly 'stacking-400': any;
|
|
875
|
-
readonly 'stacking-500': any;
|
|
876
|
-
readonly 'stacking-800': any;
|
|
877
|
-
};
|
|
878
796
|
'stroke-width': {
|
|
879
797
|
readonly thin: "1.5px";
|
|
880
798
|
readonly normal: "2px";
|
|
@@ -915,7 +833,7 @@ declare const StyledScrollbar: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
915
833
|
readonly borderRightColor: "colors";
|
|
916
834
|
readonly borderRightStyle: "border-styles";
|
|
917
835
|
readonly borderRightWidth: "border-widths";
|
|
918
|
-
readonly borderSpacing: "space
|
|
836
|
+
readonly borderSpacing: "space";
|
|
919
837
|
readonly borderStyle: "border-styles";
|
|
920
838
|
readonly borderTop: "colors";
|
|
921
839
|
readonly borderTopColor: "colors";
|
|
@@ -928,42 +846,42 @@ declare const StyledScrollbar: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
928
846
|
readonly boxShadow: "shadows";
|
|
929
847
|
readonly caretColor: "colors";
|
|
930
848
|
readonly color: "colors";
|
|
931
|
-
readonly columnGap: "space
|
|
849
|
+
readonly columnGap: "space";
|
|
932
850
|
readonly columnRuleColor: "colors";
|
|
933
851
|
readonly fill: "colors";
|
|
934
852
|
readonly flexBasis: "sizes";
|
|
935
853
|
readonly fontFamily: "fonts";
|
|
936
854
|
readonly fontSize: "font-sizes";
|
|
937
855
|
readonly fontWeight: "font-weights";
|
|
938
|
-
readonly gap: "space
|
|
939
|
-
readonly gridColumnGap: "space
|
|
940
|
-
readonly gridGap: "space
|
|
941
|
-
readonly gridRowGap: "space
|
|
856
|
+
readonly gap: "space";
|
|
857
|
+
readonly gridColumnGap: "space";
|
|
858
|
+
readonly gridGap: "space";
|
|
859
|
+
readonly gridRowGap: "space";
|
|
942
860
|
readonly gridTemplateColumns: "sizes";
|
|
943
861
|
readonly gridTemplateRows: "sizes";
|
|
944
862
|
readonly height: "sizes";
|
|
945
863
|
readonly inlineSize: "sizes";
|
|
946
|
-
readonly inset: "space
|
|
947
|
-
readonly insetBlock: "space
|
|
948
|
-
readonly insetBlockEnd: "space
|
|
949
|
-
readonly insetBlockStart: "space
|
|
950
|
-
readonly insetInline: "space
|
|
951
|
-
readonly insetInlineEnd: "space
|
|
952
|
-
readonly insetInlineStart: "space
|
|
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";
|
|
953
871
|
readonly left: "space";
|
|
954
872
|
readonly letterSpacing: "letter-spacings";
|
|
955
873
|
readonly lineHeight: "line-heights";
|
|
956
|
-
readonly margin: "space
|
|
957
|
-
readonly marginBlock: "space
|
|
958
|
-
readonly marginBlockEnd: "space
|
|
959
|
-
readonly marginBlockStart: "space
|
|
960
|
-
readonly marginBottom: "space
|
|
961
|
-
readonly marginInline: "space
|
|
962
|
-
readonly marginInlineEnd: "space
|
|
963
|
-
readonly marginInlineStart: "space
|
|
964
|
-
readonly marginLeft: "space
|
|
965
|
-
readonly marginRight: "space
|
|
966
|
-
readonly marginTop: "space
|
|
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";
|
|
967
885
|
readonly maxBlockSize: "sizes";
|
|
968
886
|
readonly maxHeight: "sizes";
|
|
969
887
|
readonly maxInlineSize: "sizes";
|
|
@@ -974,41 +892,41 @@ declare const StyledScrollbar: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
974
892
|
readonly minWidth: "sizes";
|
|
975
893
|
readonly outline: "colors";
|
|
976
894
|
readonly outlineColor: "colors";
|
|
977
|
-
readonly padding: "space
|
|
978
|
-
readonly paddingBlock: "space
|
|
979
|
-
readonly paddingBlockEnd: "space
|
|
980
|
-
readonly paddingBlockStart: "space
|
|
981
|
-
readonly paddingBottom: "space
|
|
982
|
-
readonly paddingInline: "space
|
|
983
|
-
readonly paddingInlineEnd: "space
|
|
984
|
-
readonly paddingInlineStart: "space
|
|
985
|
-
readonly paddingLeft: "space
|
|
986
|
-
readonly paddingRight: "space
|
|
987
|
-
readonly paddingTop: "space
|
|
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";
|
|
988
906
|
readonly right: "space";
|
|
989
|
-
readonly rowGap: "space
|
|
990
|
-
readonly scrollMargin: "space
|
|
991
|
-
readonly scrollMarginBlock: "space
|
|
992
|
-
readonly scrollMarginBlockEnd: "space
|
|
993
|
-
readonly scrollMarginBlockStart: "space
|
|
994
|
-
readonly scrollMarginBottom: "space
|
|
995
|
-
readonly scrollMarginInline: "space
|
|
996
|
-
readonly scrollMarginInlineEnd: "space
|
|
997
|
-
readonly scrollMarginInlineStart: "space
|
|
998
|
-
readonly scrollMarginLeft: "space
|
|
999
|
-
readonly scrollMarginRight: "space
|
|
1000
|
-
readonly scrollMarginTop: "space
|
|
1001
|
-
readonly scrollPadding: "space
|
|
1002
|
-
readonly scrollPaddingBlock: "space
|
|
1003
|
-
readonly scrollPaddingBlockEnd: "space
|
|
1004
|
-
readonly scrollPaddingBlockStart: "space
|
|
1005
|
-
readonly scrollPaddingBottom: "space
|
|
1006
|
-
readonly scrollPaddingInline: "space
|
|
1007
|
-
readonly scrollPaddingInlineEnd: "space
|
|
1008
|
-
readonly scrollPaddingInlineStart: "space
|
|
1009
|
-
readonly scrollPaddingLeft: "space
|
|
1010
|
-
readonly scrollPaddingRight: "space
|
|
1011
|
-
readonly scrollPaddingTop: "space
|
|
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";
|
|
1012
930
|
readonly stroke: "colors";
|
|
1013
931
|
readonly strokeWidth: "stroke-width";
|
|
1014
932
|
readonly textDecorationColor: "colors";
|
|
@@ -1339,22 +1257,23 @@ declare const StyledThumb: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
|
|
|
1339
1257
|
readonly body: "Open Sans, sans-serif";
|
|
1340
1258
|
};
|
|
1341
1259
|
radii: {
|
|
1260
|
+
readonly 0: "0px";
|
|
1342
1261
|
readonly 25: "2px";
|
|
1343
1262
|
readonly 50: "4px";
|
|
1344
1263
|
readonly 75: "6px";
|
|
1345
1264
|
readonly 100: "8px";
|
|
1346
1265
|
readonly 200: "16px";
|
|
1347
|
-
readonly
|
|
1348
|
-
readonly none: "0px";
|
|
1266
|
+
readonly round: "999px";
|
|
1349
1267
|
};
|
|
1350
1268
|
shadows: {
|
|
1351
|
-
50: any;
|
|
1352
1269
|
100: any;
|
|
1270
|
+
50: any;
|
|
1353
1271
|
"focus-small": any;
|
|
1354
1272
|
"focus-small-outline": any;
|
|
1355
1273
|
"focus-large": any;
|
|
1356
1274
|
"focus-controls": any;
|
|
1357
1275
|
"focus-controls-error": any;
|
|
1276
|
+
"focus-controls-error-small": any;
|
|
1358
1277
|
"focus-controls-success": any;
|
|
1359
1278
|
};
|
|
1360
1279
|
sizes: {
|
|
@@ -1379,48 +1298,6 @@ declare const StyledThumb: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
|
|
|
1379
1298
|
readonly 1200: "96px";
|
|
1380
1299
|
readonly 1600: "128px";
|
|
1381
1300
|
};
|
|
1382
|
-
'space-gap': {
|
|
1383
|
-
readonly 0: any;
|
|
1384
|
-
readonly 50: any;
|
|
1385
|
-
readonly 100: any;
|
|
1386
|
-
readonly 200: any;
|
|
1387
|
-
readonly 300: any;
|
|
1388
|
-
};
|
|
1389
|
-
'space-inset': {
|
|
1390
|
-
readonly 0: any;
|
|
1391
|
-
readonly 50: any;
|
|
1392
|
-
readonly 100: any;
|
|
1393
|
-
readonly 150: any;
|
|
1394
|
-
readonly 200: any;
|
|
1395
|
-
readonly 300: any;
|
|
1396
|
-
readonly 400: any;
|
|
1397
|
-
readonly 500: any;
|
|
1398
|
-
readonly 600: any;
|
|
1399
|
-
readonly 700: any;
|
|
1400
|
-
readonly 800: any;
|
|
1401
|
-
readonly 1200: any;
|
|
1402
|
-
readonly 1600: any;
|
|
1403
|
-
};
|
|
1404
|
-
'space-offset': {
|
|
1405
|
-
readonly 0: any;
|
|
1406
|
-
readonly 50: any;
|
|
1407
|
-
readonly 100: any;
|
|
1408
|
-
readonly 150: any;
|
|
1409
|
-
readonly 200: any;
|
|
1410
|
-
readonly 300: any;
|
|
1411
|
-
readonly 400: any;
|
|
1412
|
-
readonly 600: any;
|
|
1413
|
-
readonly 800: any;
|
|
1414
|
-
readonly 1200: any;
|
|
1415
|
-
readonly 1600: any;
|
|
1416
|
-
readonly 'stacking-0': any;
|
|
1417
|
-
readonly 'stacking-100': any;
|
|
1418
|
-
readonly 'stacking-200': any;
|
|
1419
|
-
readonly 'stacking-300': any;
|
|
1420
|
-
readonly 'stacking-400': any;
|
|
1421
|
-
readonly 'stacking-500': any;
|
|
1422
|
-
readonly 'stacking-800': any;
|
|
1423
|
-
};
|
|
1424
1301
|
'stroke-width': {
|
|
1425
1302
|
readonly thin: "1.5px";
|
|
1426
1303
|
readonly normal: "2px";
|
|
@@ -1461,7 +1338,7 @@ declare const StyledThumb: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
|
|
|
1461
1338
|
readonly borderRightColor: "colors";
|
|
1462
1339
|
readonly borderRightStyle: "border-styles";
|
|
1463
1340
|
readonly borderRightWidth: "border-widths";
|
|
1464
|
-
readonly borderSpacing: "space
|
|
1341
|
+
readonly borderSpacing: "space";
|
|
1465
1342
|
readonly borderStyle: "border-styles";
|
|
1466
1343
|
readonly borderTop: "colors";
|
|
1467
1344
|
readonly borderTopColor: "colors";
|
|
@@ -1474,42 +1351,42 @@ declare const StyledThumb: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
|
|
|
1474
1351
|
readonly boxShadow: "shadows";
|
|
1475
1352
|
readonly caretColor: "colors";
|
|
1476
1353
|
readonly color: "colors";
|
|
1477
|
-
readonly columnGap: "space
|
|
1354
|
+
readonly columnGap: "space";
|
|
1478
1355
|
readonly columnRuleColor: "colors";
|
|
1479
1356
|
readonly fill: "colors";
|
|
1480
1357
|
readonly flexBasis: "sizes";
|
|
1481
1358
|
readonly fontFamily: "fonts";
|
|
1482
1359
|
readonly fontSize: "font-sizes";
|
|
1483
1360
|
readonly fontWeight: "font-weights";
|
|
1484
|
-
readonly gap: "space
|
|
1485
|
-
readonly gridColumnGap: "space
|
|
1486
|
-
readonly gridGap: "space
|
|
1487
|
-
readonly gridRowGap: "space
|
|
1361
|
+
readonly gap: "space";
|
|
1362
|
+
readonly gridColumnGap: "space";
|
|
1363
|
+
readonly gridGap: "space";
|
|
1364
|
+
readonly gridRowGap: "space";
|
|
1488
1365
|
readonly gridTemplateColumns: "sizes";
|
|
1489
1366
|
readonly gridTemplateRows: "sizes";
|
|
1490
1367
|
readonly height: "sizes";
|
|
1491
1368
|
readonly inlineSize: "sizes";
|
|
1492
|
-
readonly inset: "space
|
|
1493
|
-
readonly insetBlock: "space
|
|
1494
|
-
readonly insetBlockEnd: "space
|
|
1495
|
-
readonly insetBlockStart: "space
|
|
1496
|
-
readonly insetInline: "space
|
|
1497
|
-
readonly insetInlineEnd: "space
|
|
1498
|
-
readonly insetInlineStart: "space
|
|
1369
|
+
readonly inset: "space";
|
|
1370
|
+
readonly insetBlock: "space";
|
|
1371
|
+
readonly insetBlockEnd: "space";
|
|
1372
|
+
readonly insetBlockStart: "space";
|
|
1373
|
+
readonly insetInline: "space";
|
|
1374
|
+
readonly insetInlineEnd: "space";
|
|
1375
|
+
readonly insetInlineStart: "space";
|
|
1499
1376
|
readonly left: "space";
|
|
1500
1377
|
readonly letterSpacing: "letter-spacings";
|
|
1501
1378
|
readonly lineHeight: "line-heights";
|
|
1502
|
-
readonly margin: "space
|
|
1503
|
-
readonly marginBlock: "space
|
|
1504
|
-
readonly marginBlockEnd: "space
|
|
1505
|
-
readonly marginBlockStart: "space
|
|
1506
|
-
readonly marginBottom: "space
|
|
1507
|
-
readonly marginInline: "space
|
|
1508
|
-
readonly marginInlineEnd: "space
|
|
1509
|
-
readonly marginInlineStart: "space
|
|
1510
|
-
readonly marginLeft: "space
|
|
1511
|
-
readonly marginRight: "space
|
|
1512
|
-
readonly marginTop: "space
|
|
1379
|
+
readonly margin: "space";
|
|
1380
|
+
readonly marginBlock: "space";
|
|
1381
|
+
readonly marginBlockEnd: "space";
|
|
1382
|
+
readonly marginBlockStart: "space";
|
|
1383
|
+
readonly marginBottom: "space";
|
|
1384
|
+
readonly marginInline: "space";
|
|
1385
|
+
readonly marginInlineEnd: "space";
|
|
1386
|
+
readonly marginInlineStart: "space";
|
|
1387
|
+
readonly marginLeft: "space";
|
|
1388
|
+
readonly marginRight: "space";
|
|
1389
|
+
readonly marginTop: "space";
|
|
1513
1390
|
readonly maxBlockSize: "sizes";
|
|
1514
1391
|
readonly maxHeight: "sizes";
|
|
1515
1392
|
readonly maxInlineSize: "sizes";
|
|
@@ -1520,41 +1397,41 @@ declare const StyledThumb: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
|
|
|
1520
1397
|
readonly minWidth: "sizes";
|
|
1521
1398
|
readonly outline: "colors";
|
|
1522
1399
|
readonly outlineColor: "colors";
|
|
1523
|
-
readonly padding: "space
|
|
1524
|
-
readonly paddingBlock: "space
|
|
1525
|
-
readonly paddingBlockEnd: "space
|
|
1526
|
-
readonly paddingBlockStart: "space
|
|
1527
|
-
readonly paddingBottom: "space
|
|
1528
|
-
readonly paddingInline: "space
|
|
1529
|
-
readonly paddingInlineEnd: "space
|
|
1530
|
-
readonly paddingInlineStart: "space
|
|
1531
|
-
readonly paddingLeft: "space
|
|
1532
|
-
readonly paddingRight: "space
|
|
1533
|
-
readonly paddingTop: "space
|
|
1400
|
+
readonly padding: "space";
|
|
1401
|
+
readonly paddingBlock: "space";
|
|
1402
|
+
readonly paddingBlockEnd: "space";
|
|
1403
|
+
readonly paddingBlockStart: "space";
|
|
1404
|
+
readonly paddingBottom: "space";
|
|
1405
|
+
readonly paddingInline: "space";
|
|
1406
|
+
readonly paddingInlineEnd: "space";
|
|
1407
|
+
readonly paddingInlineStart: "space";
|
|
1408
|
+
readonly paddingLeft: "space";
|
|
1409
|
+
readonly paddingRight: "space";
|
|
1410
|
+
readonly paddingTop: "space";
|
|
1534
1411
|
readonly right: "space";
|
|
1535
|
-
readonly rowGap: "space
|
|
1536
|
-
readonly scrollMargin: "space
|
|
1537
|
-
readonly scrollMarginBlock: "space
|
|
1538
|
-
readonly scrollMarginBlockEnd: "space
|
|
1539
|
-
readonly scrollMarginBlockStart: "space
|
|
1540
|
-
readonly scrollMarginBottom: "space
|
|
1541
|
-
readonly scrollMarginInline: "space
|
|
1542
|
-
readonly scrollMarginInlineEnd: "space
|
|
1543
|
-
readonly scrollMarginInlineStart: "space
|
|
1544
|
-
readonly scrollMarginLeft: "space
|
|
1545
|
-
readonly scrollMarginRight: "space
|
|
1546
|
-
readonly scrollMarginTop: "space
|
|
1547
|
-
readonly scrollPadding: "space
|
|
1548
|
-
readonly scrollPaddingBlock: "space
|
|
1549
|
-
readonly scrollPaddingBlockEnd: "space
|
|
1550
|
-
readonly scrollPaddingBlockStart: "space
|
|
1551
|
-
readonly scrollPaddingBottom: "space
|
|
1552
|
-
readonly scrollPaddingInline: "space
|
|
1553
|
-
readonly scrollPaddingInlineEnd: "space
|
|
1554
|
-
readonly scrollPaddingInlineStart: "space
|
|
1555
|
-
readonly scrollPaddingLeft: "space
|
|
1556
|
-
readonly scrollPaddingRight: "space
|
|
1557
|
-
readonly scrollPaddingTop: "space
|
|
1412
|
+
readonly rowGap: "space";
|
|
1413
|
+
readonly scrollMargin: "space";
|
|
1414
|
+
readonly scrollMarginBlock: "space";
|
|
1415
|
+
readonly scrollMarginBlockEnd: "space";
|
|
1416
|
+
readonly scrollMarginBlockStart: "space";
|
|
1417
|
+
readonly scrollMarginBottom: "space";
|
|
1418
|
+
readonly scrollMarginInline: "space";
|
|
1419
|
+
readonly scrollMarginInlineEnd: "space";
|
|
1420
|
+
readonly scrollMarginInlineStart: "space";
|
|
1421
|
+
readonly scrollMarginLeft: "space";
|
|
1422
|
+
readonly scrollMarginRight: "space";
|
|
1423
|
+
readonly scrollMarginTop: "space";
|
|
1424
|
+
readonly scrollPadding: "space";
|
|
1425
|
+
readonly scrollPaddingBlock: "space";
|
|
1426
|
+
readonly scrollPaddingBlockEnd: "space";
|
|
1427
|
+
readonly scrollPaddingBlockStart: "space";
|
|
1428
|
+
readonly scrollPaddingBottom: "space";
|
|
1429
|
+
readonly scrollPaddingInline: "space";
|
|
1430
|
+
readonly scrollPaddingInlineEnd: "space";
|
|
1431
|
+
readonly scrollPaddingInlineStart: "space";
|
|
1432
|
+
readonly scrollPaddingLeft: "space";
|
|
1433
|
+
readonly scrollPaddingRight: "space";
|
|
1434
|
+
readonly scrollPaddingTop: "space";
|
|
1558
1435
|
readonly stroke: "colors";
|
|
1559
1436
|
readonly strokeWidth: "stroke-width";
|
|
1560
1437
|
readonly textDecorationColor: "colors";
|
|
@@ -1880,22 +1757,23 @@ declare const StyledCorner: react__default.ForwardRefExoticComponent<Omit<Omit<_
|
|
|
1880
1757
|
readonly body: "Open Sans, sans-serif";
|
|
1881
1758
|
};
|
|
1882
1759
|
radii: {
|
|
1760
|
+
readonly 0: "0px";
|
|
1883
1761
|
readonly 25: "2px";
|
|
1884
1762
|
readonly 50: "4px";
|
|
1885
1763
|
readonly 75: "6px";
|
|
1886
1764
|
readonly 100: "8px";
|
|
1887
1765
|
readonly 200: "16px";
|
|
1888
|
-
readonly
|
|
1889
|
-
readonly none: "0px";
|
|
1766
|
+
readonly round: "999px";
|
|
1890
1767
|
};
|
|
1891
1768
|
shadows: {
|
|
1892
|
-
50: any;
|
|
1893
1769
|
100: any;
|
|
1770
|
+
50: any;
|
|
1894
1771
|
"focus-small": any;
|
|
1895
1772
|
"focus-small-outline": any;
|
|
1896
1773
|
"focus-large": any;
|
|
1897
1774
|
"focus-controls": any;
|
|
1898
1775
|
"focus-controls-error": any;
|
|
1776
|
+
"focus-controls-error-small": any;
|
|
1899
1777
|
"focus-controls-success": any;
|
|
1900
1778
|
};
|
|
1901
1779
|
sizes: {
|
|
@@ -1920,48 +1798,6 @@ declare const StyledCorner: react__default.ForwardRefExoticComponent<Omit<Omit<_
|
|
|
1920
1798
|
readonly 1200: "96px";
|
|
1921
1799
|
readonly 1600: "128px";
|
|
1922
1800
|
};
|
|
1923
|
-
'space-gap': {
|
|
1924
|
-
readonly 0: any;
|
|
1925
|
-
readonly 50: any;
|
|
1926
|
-
readonly 100: any;
|
|
1927
|
-
readonly 200: any;
|
|
1928
|
-
readonly 300: any;
|
|
1929
|
-
};
|
|
1930
|
-
'space-inset': {
|
|
1931
|
-
readonly 0: any;
|
|
1932
|
-
readonly 50: any;
|
|
1933
|
-
readonly 100: any;
|
|
1934
|
-
readonly 150: any;
|
|
1935
|
-
readonly 200: any;
|
|
1936
|
-
readonly 300: any;
|
|
1937
|
-
readonly 400: any;
|
|
1938
|
-
readonly 500: any;
|
|
1939
|
-
readonly 600: any;
|
|
1940
|
-
readonly 700: any;
|
|
1941
|
-
readonly 800: any;
|
|
1942
|
-
readonly 1200: any;
|
|
1943
|
-
readonly 1600: any;
|
|
1944
|
-
};
|
|
1945
|
-
'space-offset': {
|
|
1946
|
-
readonly 0: any;
|
|
1947
|
-
readonly 50: any;
|
|
1948
|
-
readonly 100: any;
|
|
1949
|
-
readonly 150: any;
|
|
1950
|
-
readonly 200: any;
|
|
1951
|
-
readonly 300: any;
|
|
1952
|
-
readonly 400: any;
|
|
1953
|
-
readonly 600: any;
|
|
1954
|
-
readonly 800: any;
|
|
1955
|
-
readonly 1200: any;
|
|
1956
|
-
readonly 1600: any;
|
|
1957
|
-
readonly 'stacking-0': any;
|
|
1958
|
-
readonly 'stacking-100': any;
|
|
1959
|
-
readonly 'stacking-200': any;
|
|
1960
|
-
readonly 'stacking-300': any;
|
|
1961
|
-
readonly 'stacking-400': any;
|
|
1962
|
-
readonly 'stacking-500': any;
|
|
1963
|
-
readonly 'stacking-800': any;
|
|
1964
|
-
};
|
|
1965
1801
|
'stroke-width': {
|
|
1966
1802
|
readonly thin: "1.5px";
|
|
1967
1803
|
readonly normal: "2px";
|
|
@@ -2002,7 +1838,7 @@ declare const StyledCorner: react__default.ForwardRefExoticComponent<Omit<Omit<_
|
|
|
2002
1838
|
readonly borderRightColor: "colors";
|
|
2003
1839
|
readonly borderRightStyle: "border-styles";
|
|
2004
1840
|
readonly borderRightWidth: "border-widths";
|
|
2005
|
-
readonly borderSpacing: "space
|
|
1841
|
+
readonly borderSpacing: "space";
|
|
2006
1842
|
readonly borderStyle: "border-styles";
|
|
2007
1843
|
readonly borderTop: "colors";
|
|
2008
1844
|
readonly borderTopColor: "colors";
|
|
@@ -2015,42 +1851,42 @@ declare const StyledCorner: react__default.ForwardRefExoticComponent<Omit<Omit<_
|
|
|
2015
1851
|
readonly boxShadow: "shadows";
|
|
2016
1852
|
readonly caretColor: "colors";
|
|
2017
1853
|
readonly color: "colors";
|
|
2018
|
-
readonly columnGap: "space
|
|
1854
|
+
readonly columnGap: "space";
|
|
2019
1855
|
readonly columnRuleColor: "colors";
|
|
2020
1856
|
readonly fill: "colors";
|
|
2021
1857
|
readonly flexBasis: "sizes";
|
|
2022
1858
|
readonly fontFamily: "fonts";
|
|
2023
1859
|
readonly fontSize: "font-sizes";
|
|
2024
1860
|
readonly fontWeight: "font-weights";
|
|
2025
|
-
readonly gap: "space
|
|
2026
|
-
readonly gridColumnGap: "space
|
|
2027
|
-
readonly gridGap: "space
|
|
2028
|
-
readonly gridRowGap: "space
|
|
1861
|
+
readonly gap: "space";
|
|
1862
|
+
readonly gridColumnGap: "space";
|
|
1863
|
+
readonly gridGap: "space";
|
|
1864
|
+
readonly gridRowGap: "space";
|
|
2029
1865
|
readonly gridTemplateColumns: "sizes";
|
|
2030
1866
|
readonly gridTemplateRows: "sizes";
|
|
2031
1867
|
readonly height: "sizes";
|
|
2032
1868
|
readonly inlineSize: "sizes";
|
|
2033
|
-
readonly inset: "space
|
|
2034
|
-
readonly insetBlock: "space
|
|
2035
|
-
readonly insetBlockEnd: "space
|
|
2036
|
-
readonly insetBlockStart: "space
|
|
2037
|
-
readonly insetInline: "space
|
|
2038
|
-
readonly insetInlineEnd: "space
|
|
2039
|
-
readonly insetInlineStart: "space
|
|
1869
|
+
readonly inset: "space";
|
|
1870
|
+
readonly insetBlock: "space";
|
|
1871
|
+
readonly insetBlockEnd: "space";
|
|
1872
|
+
readonly insetBlockStart: "space";
|
|
1873
|
+
readonly insetInline: "space";
|
|
1874
|
+
readonly insetInlineEnd: "space";
|
|
1875
|
+
readonly insetInlineStart: "space";
|
|
2040
1876
|
readonly left: "space";
|
|
2041
1877
|
readonly letterSpacing: "letter-spacings";
|
|
2042
1878
|
readonly lineHeight: "line-heights";
|
|
2043
|
-
readonly margin: "space
|
|
2044
|
-
readonly marginBlock: "space
|
|
2045
|
-
readonly marginBlockEnd: "space
|
|
2046
|
-
readonly marginBlockStart: "space
|
|
2047
|
-
readonly marginBottom: "space
|
|
2048
|
-
readonly marginInline: "space
|
|
2049
|
-
readonly marginInlineEnd: "space
|
|
2050
|
-
readonly marginInlineStart: "space
|
|
2051
|
-
readonly marginLeft: "space
|
|
2052
|
-
readonly marginRight: "space
|
|
2053
|
-
readonly marginTop: "space
|
|
1879
|
+
readonly margin: "space";
|
|
1880
|
+
readonly marginBlock: "space";
|
|
1881
|
+
readonly marginBlockEnd: "space";
|
|
1882
|
+
readonly marginBlockStart: "space";
|
|
1883
|
+
readonly marginBottom: "space";
|
|
1884
|
+
readonly marginInline: "space";
|
|
1885
|
+
readonly marginInlineEnd: "space";
|
|
1886
|
+
readonly marginInlineStart: "space";
|
|
1887
|
+
readonly marginLeft: "space";
|
|
1888
|
+
readonly marginRight: "space";
|
|
1889
|
+
readonly marginTop: "space";
|
|
2054
1890
|
readonly maxBlockSize: "sizes";
|
|
2055
1891
|
readonly maxHeight: "sizes";
|
|
2056
1892
|
readonly maxInlineSize: "sizes";
|
|
@@ -2061,41 +1897,41 @@ declare const StyledCorner: react__default.ForwardRefExoticComponent<Omit<Omit<_
|
|
|
2061
1897
|
readonly minWidth: "sizes";
|
|
2062
1898
|
readonly outline: "colors";
|
|
2063
1899
|
readonly outlineColor: "colors";
|
|
2064
|
-
readonly padding: "space
|
|
2065
|
-
readonly paddingBlock: "space
|
|
2066
|
-
readonly paddingBlockEnd: "space
|
|
2067
|
-
readonly paddingBlockStart: "space
|
|
2068
|
-
readonly paddingBottom: "space
|
|
2069
|
-
readonly paddingInline: "space
|
|
2070
|
-
readonly paddingInlineEnd: "space
|
|
2071
|
-
readonly paddingInlineStart: "space
|
|
2072
|
-
readonly paddingLeft: "space
|
|
2073
|
-
readonly paddingRight: "space
|
|
2074
|
-
readonly paddingTop: "space
|
|
1900
|
+
readonly padding: "space";
|
|
1901
|
+
readonly paddingBlock: "space";
|
|
1902
|
+
readonly paddingBlockEnd: "space";
|
|
1903
|
+
readonly paddingBlockStart: "space";
|
|
1904
|
+
readonly paddingBottom: "space";
|
|
1905
|
+
readonly paddingInline: "space";
|
|
1906
|
+
readonly paddingInlineEnd: "space";
|
|
1907
|
+
readonly paddingInlineStart: "space";
|
|
1908
|
+
readonly paddingLeft: "space";
|
|
1909
|
+
readonly paddingRight: "space";
|
|
1910
|
+
readonly paddingTop: "space";
|
|
2075
1911
|
readonly right: "space";
|
|
2076
|
-
readonly rowGap: "space
|
|
2077
|
-
readonly scrollMargin: "space
|
|
2078
|
-
readonly scrollMarginBlock: "space
|
|
2079
|
-
readonly scrollMarginBlockEnd: "space
|
|
2080
|
-
readonly scrollMarginBlockStart: "space
|
|
2081
|
-
readonly scrollMarginBottom: "space
|
|
2082
|
-
readonly scrollMarginInline: "space
|
|
2083
|
-
readonly scrollMarginInlineEnd: "space
|
|
2084
|
-
readonly scrollMarginInlineStart: "space
|
|
2085
|
-
readonly scrollMarginLeft: "space
|
|
2086
|
-
readonly scrollMarginRight: "space
|
|
2087
|
-
readonly scrollMarginTop: "space
|
|
2088
|
-
readonly scrollPadding: "space
|
|
2089
|
-
readonly scrollPaddingBlock: "space
|
|
2090
|
-
readonly scrollPaddingBlockEnd: "space
|
|
2091
|
-
readonly scrollPaddingBlockStart: "space
|
|
2092
|
-
readonly scrollPaddingBottom: "space
|
|
2093
|
-
readonly scrollPaddingInline: "space
|
|
2094
|
-
readonly scrollPaddingInlineEnd: "space
|
|
2095
|
-
readonly scrollPaddingInlineStart: "space
|
|
2096
|
-
readonly scrollPaddingLeft: "space
|
|
2097
|
-
readonly scrollPaddingRight: "space
|
|
2098
|
-
readonly scrollPaddingTop: "space
|
|
1912
|
+
readonly rowGap: "space";
|
|
1913
|
+
readonly scrollMargin: "space";
|
|
1914
|
+
readonly scrollMarginBlock: "space";
|
|
1915
|
+
readonly scrollMarginBlockEnd: "space";
|
|
1916
|
+
readonly scrollMarginBlockStart: "space";
|
|
1917
|
+
readonly scrollMarginBottom: "space";
|
|
1918
|
+
readonly scrollMarginInline: "space";
|
|
1919
|
+
readonly scrollMarginInlineEnd: "space";
|
|
1920
|
+
readonly scrollMarginInlineStart: "space";
|
|
1921
|
+
readonly scrollMarginLeft: "space";
|
|
1922
|
+
readonly scrollMarginRight: "space";
|
|
1923
|
+
readonly scrollMarginTop: "space";
|
|
1924
|
+
readonly scrollPadding: "space";
|
|
1925
|
+
readonly scrollPaddingBlock: "space";
|
|
1926
|
+
readonly scrollPaddingBlockEnd: "space";
|
|
1927
|
+
readonly scrollPaddingBlockStart: "space";
|
|
1928
|
+
readonly scrollPaddingBottom: "space";
|
|
1929
|
+
readonly scrollPaddingInline: "space";
|
|
1930
|
+
readonly scrollPaddingInlineEnd: "space";
|
|
1931
|
+
readonly scrollPaddingInlineStart: "space";
|
|
1932
|
+
readonly scrollPaddingLeft: "space";
|
|
1933
|
+
readonly scrollPaddingRight: "space";
|
|
1934
|
+
readonly scrollPaddingTop: "space";
|
|
2099
1935
|
readonly stroke: "colors";
|
|
2100
1936
|
readonly strokeWidth: "stroke-width";
|
|
2101
1937
|
readonly textDecorationColor: "colors";
|
|
@@ -2415,22 +2251,23 @@ declare const StyledScrollArea: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
2415
2251
|
readonly body: "Open Sans, sans-serif";
|
|
2416
2252
|
};
|
|
2417
2253
|
radii: {
|
|
2254
|
+
readonly 0: "0px";
|
|
2418
2255
|
readonly 25: "2px";
|
|
2419
2256
|
readonly 50: "4px";
|
|
2420
2257
|
readonly 75: "6px";
|
|
2421
2258
|
readonly 100: "8px";
|
|
2422
2259
|
readonly 200: "16px";
|
|
2423
|
-
readonly
|
|
2424
|
-
readonly none: "0px";
|
|
2260
|
+
readonly round: "999px";
|
|
2425
2261
|
};
|
|
2426
2262
|
shadows: {
|
|
2427
|
-
50: any;
|
|
2428
2263
|
100: any;
|
|
2264
|
+
50: any;
|
|
2429
2265
|
"focus-small": any;
|
|
2430
2266
|
"focus-small-outline": any;
|
|
2431
2267
|
"focus-large": any;
|
|
2432
2268
|
"focus-controls": any;
|
|
2433
2269
|
"focus-controls-error": any;
|
|
2270
|
+
"focus-controls-error-small": any;
|
|
2434
2271
|
"focus-controls-success": any;
|
|
2435
2272
|
};
|
|
2436
2273
|
sizes: {
|
|
@@ -2455,48 +2292,6 @@ declare const StyledScrollArea: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
2455
2292
|
readonly 1200: "96px";
|
|
2456
2293
|
readonly 1600: "128px";
|
|
2457
2294
|
};
|
|
2458
|
-
'space-gap': {
|
|
2459
|
-
readonly 0: any;
|
|
2460
|
-
readonly 50: any;
|
|
2461
|
-
readonly 100: any;
|
|
2462
|
-
readonly 200: any;
|
|
2463
|
-
readonly 300: any;
|
|
2464
|
-
};
|
|
2465
|
-
'space-inset': {
|
|
2466
|
-
readonly 0: any;
|
|
2467
|
-
readonly 50: any;
|
|
2468
|
-
readonly 100: any;
|
|
2469
|
-
readonly 150: any;
|
|
2470
|
-
readonly 200: any;
|
|
2471
|
-
readonly 300: any;
|
|
2472
|
-
readonly 400: any;
|
|
2473
|
-
readonly 500: any;
|
|
2474
|
-
readonly 600: any;
|
|
2475
|
-
readonly 700: any;
|
|
2476
|
-
readonly 800: any;
|
|
2477
|
-
readonly 1200: any;
|
|
2478
|
-
readonly 1600: any;
|
|
2479
|
-
};
|
|
2480
|
-
'space-offset': {
|
|
2481
|
-
readonly 0: any;
|
|
2482
|
-
readonly 50: any;
|
|
2483
|
-
readonly 100: any;
|
|
2484
|
-
readonly 150: any;
|
|
2485
|
-
readonly 200: any;
|
|
2486
|
-
readonly 300: any;
|
|
2487
|
-
readonly 400: any;
|
|
2488
|
-
readonly 600: any;
|
|
2489
|
-
readonly 800: any;
|
|
2490
|
-
readonly 1200: any;
|
|
2491
|
-
readonly 1600: any;
|
|
2492
|
-
readonly 'stacking-0': any;
|
|
2493
|
-
readonly 'stacking-100': any;
|
|
2494
|
-
readonly 'stacking-200': any;
|
|
2495
|
-
readonly 'stacking-300': any;
|
|
2496
|
-
readonly 'stacking-400': any;
|
|
2497
|
-
readonly 'stacking-500': any;
|
|
2498
|
-
readonly 'stacking-800': any;
|
|
2499
|
-
};
|
|
2500
2295
|
'stroke-width': {
|
|
2501
2296
|
readonly thin: "1.5px";
|
|
2502
2297
|
readonly normal: "2px";
|
|
@@ -2537,7 +2332,7 @@ declare const StyledScrollArea: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
2537
2332
|
readonly borderRightColor: "colors";
|
|
2538
2333
|
readonly borderRightStyle: "border-styles";
|
|
2539
2334
|
readonly borderRightWidth: "border-widths";
|
|
2540
|
-
readonly borderSpacing: "space
|
|
2335
|
+
readonly borderSpacing: "space";
|
|
2541
2336
|
readonly borderStyle: "border-styles";
|
|
2542
2337
|
readonly borderTop: "colors";
|
|
2543
2338
|
readonly borderTopColor: "colors";
|
|
@@ -2550,42 +2345,42 @@ declare const StyledScrollArea: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
2550
2345
|
readonly boxShadow: "shadows";
|
|
2551
2346
|
readonly caretColor: "colors";
|
|
2552
2347
|
readonly color: "colors";
|
|
2553
|
-
readonly columnGap: "space
|
|
2348
|
+
readonly columnGap: "space";
|
|
2554
2349
|
readonly columnRuleColor: "colors";
|
|
2555
2350
|
readonly fill: "colors";
|
|
2556
2351
|
readonly flexBasis: "sizes";
|
|
2557
2352
|
readonly fontFamily: "fonts";
|
|
2558
2353
|
readonly fontSize: "font-sizes";
|
|
2559
2354
|
readonly fontWeight: "font-weights";
|
|
2560
|
-
readonly gap: "space
|
|
2561
|
-
readonly gridColumnGap: "space
|
|
2562
|
-
readonly gridGap: "space
|
|
2563
|
-
readonly gridRowGap: "space
|
|
2355
|
+
readonly gap: "space";
|
|
2356
|
+
readonly gridColumnGap: "space";
|
|
2357
|
+
readonly gridGap: "space";
|
|
2358
|
+
readonly gridRowGap: "space";
|
|
2564
2359
|
readonly gridTemplateColumns: "sizes";
|
|
2565
2360
|
readonly gridTemplateRows: "sizes";
|
|
2566
2361
|
readonly height: "sizes";
|
|
2567
2362
|
readonly inlineSize: "sizes";
|
|
2568
|
-
readonly inset: "space
|
|
2569
|
-
readonly insetBlock: "space
|
|
2570
|
-
readonly insetBlockEnd: "space
|
|
2571
|
-
readonly insetBlockStart: "space
|
|
2572
|
-
readonly insetInline: "space
|
|
2573
|
-
readonly insetInlineEnd: "space
|
|
2574
|
-
readonly insetInlineStart: "space
|
|
2363
|
+
readonly inset: "space";
|
|
2364
|
+
readonly insetBlock: "space";
|
|
2365
|
+
readonly insetBlockEnd: "space";
|
|
2366
|
+
readonly insetBlockStart: "space";
|
|
2367
|
+
readonly insetInline: "space";
|
|
2368
|
+
readonly insetInlineEnd: "space";
|
|
2369
|
+
readonly insetInlineStart: "space";
|
|
2575
2370
|
readonly left: "space";
|
|
2576
2371
|
readonly letterSpacing: "letter-spacings";
|
|
2577
2372
|
readonly lineHeight: "line-heights";
|
|
2578
|
-
readonly margin: "space
|
|
2579
|
-
readonly marginBlock: "space
|
|
2580
|
-
readonly marginBlockEnd: "space
|
|
2581
|
-
readonly marginBlockStart: "space
|
|
2582
|
-
readonly marginBottom: "space
|
|
2583
|
-
readonly marginInline: "space
|
|
2584
|
-
readonly marginInlineEnd: "space
|
|
2585
|
-
readonly marginInlineStart: "space
|
|
2586
|
-
readonly marginLeft: "space
|
|
2587
|
-
readonly marginRight: "space
|
|
2588
|
-
readonly marginTop: "space
|
|
2373
|
+
readonly margin: "space";
|
|
2374
|
+
readonly marginBlock: "space";
|
|
2375
|
+
readonly marginBlockEnd: "space";
|
|
2376
|
+
readonly marginBlockStart: "space";
|
|
2377
|
+
readonly marginBottom: "space";
|
|
2378
|
+
readonly marginInline: "space";
|
|
2379
|
+
readonly marginInlineEnd: "space";
|
|
2380
|
+
readonly marginInlineStart: "space";
|
|
2381
|
+
readonly marginLeft: "space";
|
|
2382
|
+
readonly marginRight: "space";
|
|
2383
|
+
readonly marginTop: "space";
|
|
2589
2384
|
readonly maxBlockSize: "sizes";
|
|
2590
2385
|
readonly maxHeight: "sizes";
|
|
2591
2386
|
readonly maxInlineSize: "sizes";
|
|
@@ -2596,41 +2391,41 @@ declare const StyledScrollArea: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
2596
2391
|
readonly minWidth: "sizes";
|
|
2597
2392
|
readonly outline: "colors";
|
|
2598
2393
|
readonly outlineColor: "colors";
|
|
2599
|
-
readonly padding: "space
|
|
2600
|
-
readonly paddingBlock: "space
|
|
2601
|
-
readonly paddingBlockEnd: "space
|
|
2602
|
-
readonly paddingBlockStart: "space
|
|
2603
|
-
readonly paddingBottom: "space
|
|
2604
|
-
readonly paddingInline: "space
|
|
2605
|
-
readonly paddingInlineEnd: "space
|
|
2606
|
-
readonly paddingInlineStart: "space
|
|
2607
|
-
readonly paddingLeft: "space
|
|
2608
|
-
readonly paddingRight: "space
|
|
2609
|
-
readonly paddingTop: "space
|
|
2394
|
+
readonly padding: "space";
|
|
2395
|
+
readonly paddingBlock: "space";
|
|
2396
|
+
readonly paddingBlockEnd: "space";
|
|
2397
|
+
readonly paddingBlockStart: "space";
|
|
2398
|
+
readonly paddingBottom: "space";
|
|
2399
|
+
readonly paddingInline: "space";
|
|
2400
|
+
readonly paddingInlineEnd: "space";
|
|
2401
|
+
readonly paddingInlineStart: "space";
|
|
2402
|
+
readonly paddingLeft: "space";
|
|
2403
|
+
readonly paddingRight: "space";
|
|
2404
|
+
readonly paddingTop: "space";
|
|
2610
2405
|
readonly right: "space";
|
|
2611
|
-
readonly rowGap: "space
|
|
2612
|
-
readonly scrollMargin: "space
|
|
2613
|
-
readonly scrollMarginBlock: "space
|
|
2614
|
-
readonly scrollMarginBlockEnd: "space
|
|
2615
|
-
readonly scrollMarginBlockStart: "space
|
|
2616
|
-
readonly scrollMarginBottom: "space
|
|
2617
|
-
readonly scrollMarginInline: "space
|
|
2618
|
-
readonly scrollMarginInlineEnd: "space
|
|
2619
|
-
readonly scrollMarginInlineStart: "space
|
|
2620
|
-
readonly scrollMarginLeft: "space
|
|
2621
|
-
readonly scrollMarginRight: "space
|
|
2622
|
-
readonly scrollMarginTop: "space
|
|
2623
|
-
readonly scrollPadding: "space
|
|
2624
|
-
readonly scrollPaddingBlock: "space
|
|
2625
|
-
readonly scrollPaddingBlockEnd: "space
|
|
2626
|
-
readonly scrollPaddingBlockStart: "space
|
|
2627
|
-
readonly scrollPaddingBottom: "space
|
|
2628
|
-
readonly scrollPaddingInline: "space
|
|
2629
|
-
readonly scrollPaddingInlineEnd: "space
|
|
2630
|
-
readonly scrollPaddingInlineStart: "space
|
|
2631
|
-
readonly scrollPaddingLeft: "space
|
|
2632
|
-
readonly scrollPaddingRight: "space
|
|
2633
|
-
readonly scrollPaddingTop: "space
|
|
2406
|
+
readonly rowGap: "space";
|
|
2407
|
+
readonly scrollMargin: "space";
|
|
2408
|
+
readonly scrollMarginBlock: "space";
|
|
2409
|
+
readonly scrollMarginBlockEnd: "space";
|
|
2410
|
+
readonly scrollMarginBlockStart: "space";
|
|
2411
|
+
readonly scrollMarginBottom: "space";
|
|
2412
|
+
readonly scrollMarginInline: "space";
|
|
2413
|
+
readonly scrollMarginInlineEnd: "space";
|
|
2414
|
+
readonly scrollMarginInlineStart: "space";
|
|
2415
|
+
readonly scrollMarginLeft: "space";
|
|
2416
|
+
readonly scrollMarginRight: "space";
|
|
2417
|
+
readonly scrollMarginTop: "space";
|
|
2418
|
+
readonly scrollPadding: "space";
|
|
2419
|
+
readonly scrollPaddingBlock: "space";
|
|
2420
|
+
readonly scrollPaddingBlockEnd: "space";
|
|
2421
|
+
readonly scrollPaddingBlockStart: "space";
|
|
2422
|
+
readonly scrollPaddingBottom: "space";
|
|
2423
|
+
readonly scrollPaddingInline: "space";
|
|
2424
|
+
readonly scrollPaddingInlineEnd: "space";
|
|
2425
|
+
readonly scrollPaddingInlineStart: "space";
|
|
2426
|
+
readonly scrollPaddingLeft: "space";
|
|
2427
|
+
readonly scrollPaddingRight: "space";
|
|
2428
|
+
readonly scrollPaddingTop: "space";
|
|
2634
2429
|
readonly stroke: "colors";
|
|
2635
2430
|
readonly strokeWidth: "stroke-width";
|
|
2636
2431
|
readonly textDecorationColor: "colors";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-scroll-area",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.5",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@radix-ui/react-scroll-area": "^1.0.4",
|
|
30
|
-
"@mirohq/design-system-stitches": "^2.6.
|
|
30
|
+
"@mirohq/design-system-stitches": "^2.6.5"
|
|
31
31
|
},
|
|
32
32
|
"scripts": {
|
|
33
33
|
"build": "rollup -c ../../../rollup.config.js",
|