@mirohq/design-system-typography 0.4.12 → 0.4.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.
- package/dist/types.d.ts +183 -309
- package/package.json +2 -2
package/dist/types.d.ts
CHANGED
|
@@ -256,17 +256,17 @@ declare const H1: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_syste
|
|
|
256
256
|
readonly body: "Open Sans, sans-serif";
|
|
257
257
|
};
|
|
258
258
|
radii: {
|
|
259
|
+
readonly 0: "0px";
|
|
259
260
|
readonly 25: "2px";
|
|
260
261
|
readonly 50: "4px";
|
|
261
262
|
readonly 75: "6px";
|
|
262
263
|
readonly 100: "8px";
|
|
263
264
|
readonly 200: "16px";
|
|
264
|
-
readonly
|
|
265
|
-
readonly none: "0px";
|
|
265
|
+
readonly round: "999px";
|
|
266
266
|
};
|
|
267
267
|
shadows: {
|
|
268
|
-
50: any;
|
|
269
268
|
100: any;
|
|
269
|
+
50: any;
|
|
270
270
|
"focus-small": any;
|
|
271
271
|
"focus-small-outline": any;
|
|
272
272
|
"focus-large": any;
|
|
@@ -296,48 +296,6 @@ declare const H1: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_syste
|
|
|
296
296
|
readonly 1200: "96px";
|
|
297
297
|
readonly 1600: "128px";
|
|
298
298
|
};
|
|
299
|
-
'space-gap': {
|
|
300
|
-
readonly 0: any;
|
|
301
|
-
readonly 50: any;
|
|
302
|
-
readonly 100: any;
|
|
303
|
-
readonly 200: any;
|
|
304
|
-
readonly 300: any;
|
|
305
|
-
};
|
|
306
|
-
'space-inset': {
|
|
307
|
-
readonly 0: any;
|
|
308
|
-
readonly 50: any;
|
|
309
|
-
readonly 100: any;
|
|
310
|
-
readonly 150: any;
|
|
311
|
-
readonly 200: any;
|
|
312
|
-
readonly 300: any;
|
|
313
|
-
readonly 400: any;
|
|
314
|
-
readonly 500: any;
|
|
315
|
-
readonly 600: any;
|
|
316
|
-
readonly 700: any;
|
|
317
|
-
readonly 800: any;
|
|
318
|
-
readonly 1200: any;
|
|
319
|
-
readonly 1600: any;
|
|
320
|
-
};
|
|
321
|
-
'space-offset': {
|
|
322
|
-
readonly 0: any;
|
|
323
|
-
readonly 50: any;
|
|
324
|
-
readonly 100: any;
|
|
325
|
-
readonly 150: any;
|
|
326
|
-
readonly 200: any;
|
|
327
|
-
readonly 300: any;
|
|
328
|
-
readonly 400: any;
|
|
329
|
-
readonly 600: any;
|
|
330
|
-
readonly 800: any;
|
|
331
|
-
readonly 1200: any;
|
|
332
|
-
readonly 1600: any;
|
|
333
|
-
readonly 'stacking-0': any;
|
|
334
|
-
readonly 'stacking-100': any;
|
|
335
|
-
readonly 'stacking-200': any;
|
|
336
|
-
readonly 'stacking-300': any;
|
|
337
|
-
readonly 'stacking-400': any;
|
|
338
|
-
readonly 'stacking-500': any;
|
|
339
|
-
readonly 'stacking-800': any;
|
|
340
|
-
};
|
|
341
299
|
'stroke-width': {
|
|
342
300
|
readonly thin: "1.5px";
|
|
343
301
|
readonly normal: "2px";
|
|
@@ -378,7 +336,7 @@ declare const H1: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_syste
|
|
|
378
336
|
readonly borderRightColor: "colors";
|
|
379
337
|
readonly borderRightStyle: "border-styles";
|
|
380
338
|
readonly borderRightWidth: "border-widths";
|
|
381
|
-
readonly borderSpacing: "space
|
|
339
|
+
readonly borderSpacing: "space";
|
|
382
340
|
readonly borderStyle: "border-styles";
|
|
383
341
|
readonly borderTop: "colors";
|
|
384
342
|
readonly borderTopColor: "colors";
|
|
@@ -391,42 +349,42 @@ declare const H1: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_syste
|
|
|
391
349
|
readonly boxShadow: "shadows";
|
|
392
350
|
readonly caretColor: "colors";
|
|
393
351
|
readonly color: "colors";
|
|
394
|
-
readonly columnGap: "space
|
|
352
|
+
readonly columnGap: "space";
|
|
395
353
|
readonly columnRuleColor: "colors";
|
|
396
354
|
readonly fill: "colors";
|
|
397
355
|
readonly flexBasis: "sizes";
|
|
398
356
|
readonly fontFamily: "fonts";
|
|
399
357
|
readonly fontSize: "font-sizes";
|
|
400
358
|
readonly fontWeight: "font-weights";
|
|
401
|
-
readonly gap: "space
|
|
402
|
-
readonly gridColumnGap: "space
|
|
403
|
-
readonly gridGap: "space
|
|
404
|
-
readonly gridRowGap: "space
|
|
359
|
+
readonly gap: "space";
|
|
360
|
+
readonly gridColumnGap: "space";
|
|
361
|
+
readonly gridGap: "space";
|
|
362
|
+
readonly gridRowGap: "space";
|
|
405
363
|
readonly gridTemplateColumns: "sizes";
|
|
406
364
|
readonly gridTemplateRows: "sizes";
|
|
407
365
|
readonly height: "sizes";
|
|
408
366
|
readonly inlineSize: "sizes";
|
|
409
|
-
readonly inset: "space
|
|
410
|
-
readonly insetBlock: "space
|
|
411
|
-
readonly insetBlockEnd: "space
|
|
412
|
-
readonly insetBlockStart: "space
|
|
413
|
-
readonly insetInline: "space
|
|
414
|
-
readonly insetInlineEnd: "space
|
|
415
|
-
readonly insetInlineStart: "space
|
|
367
|
+
readonly inset: "space";
|
|
368
|
+
readonly insetBlock: "space";
|
|
369
|
+
readonly insetBlockEnd: "space";
|
|
370
|
+
readonly insetBlockStart: "space";
|
|
371
|
+
readonly insetInline: "space";
|
|
372
|
+
readonly insetInlineEnd: "space";
|
|
373
|
+
readonly insetInlineStart: "space";
|
|
416
374
|
readonly left: "space";
|
|
417
375
|
readonly letterSpacing: "letter-spacings";
|
|
418
376
|
readonly lineHeight: "line-heights";
|
|
419
|
-
readonly margin: "space
|
|
420
|
-
readonly marginBlock: "space
|
|
421
|
-
readonly marginBlockEnd: "space
|
|
422
|
-
readonly marginBlockStart: "space
|
|
423
|
-
readonly marginBottom: "space
|
|
424
|
-
readonly marginInline: "space
|
|
425
|
-
readonly marginInlineEnd: "space
|
|
426
|
-
readonly marginInlineStart: "space
|
|
427
|
-
readonly marginLeft: "space
|
|
428
|
-
readonly marginRight: "space
|
|
429
|
-
readonly marginTop: "space
|
|
377
|
+
readonly margin: "space";
|
|
378
|
+
readonly marginBlock: "space";
|
|
379
|
+
readonly marginBlockEnd: "space";
|
|
380
|
+
readonly marginBlockStart: "space";
|
|
381
|
+
readonly marginBottom: "space";
|
|
382
|
+
readonly marginInline: "space";
|
|
383
|
+
readonly marginInlineEnd: "space";
|
|
384
|
+
readonly marginInlineStart: "space";
|
|
385
|
+
readonly marginLeft: "space";
|
|
386
|
+
readonly marginRight: "space";
|
|
387
|
+
readonly marginTop: "space";
|
|
430
388
|
readonly maxBlockSize: "sizes";
|
|
431
389
|
readonly maxHeight: "sizes";
|
|
432
390
|
readonly maxInlineSize: "sizes";
|
|
@@ -437,41 +395,41 @@ declare const H1: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_syste
|
|
|
437
395
|
readonly minWidth: "sizes";
|
|
438
396
|
readonly outline: "colors";
|
|
439
397
|
readonly outlineColor: "colors";
|
|
440
|
-
readonly padding: "space
|
|
441
|
-
readonly paddingBlock: "space
|
|
442
|
-
readonly paddingBlockEnd: "space
|
|
443
|
-
readonly paddingBlockStart: "space
|
|
444
|
-
readonly paddingBottom: "space
|
|
445
|
-
readonly paddingInline: "space
|
|
446
|
-
readonly paddingInlineEnd: "space
|
|
447
|
-
readonly paddingInlineStart: "space
|
|
448
|
-
readonly paddingLeft: "space
|
|
449
|
-
readonly paddingRight: "space
|
|
450
|
-
readonly paddingTop: "space
|
|
398
|
+
readonly padding: "space";
|
|
399
|
+
readonly paddingBlock: "space";
|
|
400
|
+
readonly paddingBlockEnd: "space";
|
|
401
|
+
readonly paddingBlockStart: "space";
|
|
402
|
+
readonly paddingBottom: "space";
|
|
403
|
+
readonly paddingInline: "space";
|
|
404
|
+
readonly paddingInlineEnd: "space";
|
|
405
|
+
readonly paddingInlineStart: "space";
|
|
406
|
+
readonly paddingLeft: "space";
|
|
407
|
+
readonly paddingRight: "space";
|
|
408
|
+
readonly paddingTop: "space";
|
|
451
409
|
readonly right: "space";
|
|
452
|
-
readonly rowGap: "space
|
|
453
|
-
readonly scrollMargin: "space
|
|
454
|
-
readonly scrollMarginBlock: "space
|
|
455
|
-
readonly scrollMarginBlockEnd: "space
|
|
456
|
-
readonly scrollMarginBlockStart: "space
|
|
457
|
-
readonly scrollMarginBottom: "space
|
|
458
|
-
readonly scrollMarginInline: "space
|
|
459
|
-
readonly scrollMarginInlineEnd: "space
|
|
460
|
-
readonly scrollMarginInlineStart: "space
|
|
461
|
-
readonly scrollMarginLeft: "space
|
|
462
|
-
readonly scrollMarginRight: "space
|
|
463
|
-
readonly scrollMarginTop: "space
|
|
464
|
-
readonly scrollPadding: "space
|
|
465
|
-
readonly scrollPaddingBlock: "space
|
|
466
|
-
readonly scrollPaddingBlockEnd: "space
|
|
467
|
-
readonly scrollPaddingBlockStart: "space
|
|
468
|
-
readonly scrollPaddingBottom: "space
|
|
469
|
-
readonly scrollPaddingInline: "space
|
|
470
|
-
readonly scrollPaddingInlineEnd: "space
|
|
471
|
-
readonly scrollPaddingInlineStart: "space
|
|
472
|
-
readonly scrollPaddingLeft: "space
|
|
473
|
-
readonly scrollPaddingRight: "space
|
|
474
|
-
readonly scrollPaddingTop: "space
|
|
410
|
+
readonly rowGap: "space";
|
|
411
|
+
readonly scrollMargin: "space";
|
|
412
|
+
readonly scrollMarginBlock: "space";
|
|
413
|
+
readonly scrollMarginBlockEnd: "space";
|
|
414
|
+
readonly scrollMarginBlockStart: "space";
|
|
415
|
+
readonly scrollMarginBottom: "space";
|
|
416
|
+
readonly scrollMarginInline: "space";
|
|
417
|
+
readonly scrollMarginInlineEnd: "space";
|
|
418
|
+
readonly scrollMarginInlineStart: "space";
|
|
419
|
+
readonly scrollMarginLeft: "space";
|
|
420
|
+
readonly scrollMarginRight: "space";
|
|
421
|
+
readonly scrollMarginTop: "space";
|
|
422
|
+
readonly scrollPadding: "space";
|
|
423
|
+
readonly scrollPaddingBlock: "space";
|
|
424
|
+
readonly scrollPaddingBlockEnd: "space";
|
|
425
|
+
readonly scrollPaddingBlockStart: "space";
|
|
426
|
+
readonly scrollPaddingBottom: "space";
|
|
427
|
+
readonly scrollPaddingInline: "space";
|
|
428
|
+
readonly scrollPaddingInlineEnd: "space";
|
|
429
|
+
readonly scrollPaddingInlineStart: "space";
|
|
430
|
+
readonly scrollPaddingLeft: "space";
|
|
431
|
+
readonly scrollPaddingRight: "space";
|
|
432
|
+
readonly scrollPaddingTop: "space";
|
|
475
433
|
readonly stroke: "colors";
|
|
476
434
|
readonly strokeWidth: "stroke-width";
|
|
477
435
|
readonly textDecorationColor: "colors";
|
|
@@ -806,17 +764,17 @@ declare const StyledText: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
806
764
|
readonly body: "Open Sans, sans-serif";
|
|
807
765
|
};
|
|
808
766
|
radii: {
|
|
767
|
+
readonly 0: "0px";
|
|
809
768
|
readonly 25: "2px";
|
|
810
769
|
readonly 50: "4px";
|
|
811
770
|
readonly 75: "6px";
|
|
812
771
|
readonly 100: "8px";
|
|
813
772
|
readonly 200: "16px";
|
|
814
|
-
readonly
|
|
815
|
-
readonly none: "0px";
|
|
773
|
+
readonly round: "999px";
|
|
816
774
|
};
|
|
817
775
|
shadows: {
|
|
818
|
-
50: any;
|
|
819
776
|
100: any;
|
|
777
|
+
50: any;
|
|
820
778
|
"focus-small": any;
|
|
821
779
|
"focus-small-outline": any;
|
|
822
780
|
"focus-large": any;
|
|
@@ -846,48 +804,6 @@ declare const StyledText: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
846
804
|
readonly 1200: "96px";
|
|
847
805
|
readonly 1600: "128px";
|
|
848
806
|
};
|
|
849
|
-
'space-gap': {
|
|
850
|
-
readonly 0: any;
|
|
851
|
-
readonly 50: any;
|
|
852
|
-
readonly 100: any;
|
|
853
|
-
readonly 200: any;
|
|
854
|
-
readonly 300: any;
|
|
855
|
-
};
|
|
856
|
-
'space-inset': {
|
|
857
|
-
readonly 0: any;
|
|
858
|
-
readonly 50: any;
|
|
859
|
-
readonly 100: any;
|
|
860
|
-
readonly 150: any;
|
|
861
|
-
readonly 200: any;
|
|
862
|
-
readonly 300: any;
|
|
863
|
-
readonly 400: any;
|
|
864
|
-
readonly 500: any;
|
|
865
|
-
readonly 600: any;
|
|
866
|
-
readonly 700: any;
|
|
867
|
-
readonly 800: any;
|
|
868
|
-
readonly 1200: any;
|
|
869
|
-
readonly 1600: any;
|
|
870
|
-
};
|
|
871
|
-
'space-offset': {
|
|
872
|
-
readonly 0: any;
|
|
873
|
-
readonly 50: any;
|
|
874
|
-
readonly 100: any;
|
|
875
|
-
readonly 150: any;
|
|
876
|
-
readonly 200: any;
|
|
877
|
-
readonly 300: any;
|
|
878
|
-
readonly 400: any;
|
|
879
|
-
readonly 600: any;
|
|
880
|
-
readonly 800: any;
|
|
881
|
-
readonly 1200: any;
|
|
882
|
-
readonly 1600: any;
|
|
883
|
-
readonly 'stacking-0': any;
|
|
884
|
-
readonly 'stacking-100': any;
|
|
885
|
-
readonly 'stacking-200': any;
|
|
886
|
-
readonly 'stacking-300': any;
|
|
887
|
-
readonly 'stacking-400': any;
|
|
888
|
-
readonly 'stacking-500': any;
|
|
889
|
-
readonly 'stacking-800': any;
|
|
890
|
-
};
|
|
891
807
|
'stroke-width': {
|
|
892
808
|
readonly thin: "1.5px";
|
|
893
809
|
readonly normal: "2px";
|
|
@@ -928,7 +844,7 @@ declare const StyledText: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
928
844
|
readonly borderRightColor: "colors";
|
|
929
845
|
readonly borderRightStyle: "border-styles";
|
|
930
846
|
readonly borderRightWidth: "border-widths";
|
|
931
|
-
readonly borderSpacing: "space
|
|
847
|
+
readonly borderSpacing: "space";
|
|
932
848
|
readonly borderStyle: "border-styles";
|
|
933
849
|
readonly borderTop: "colors";
|
|
934
850
|
readonly borderTopColor: "colors";
|
|
@@ -941,42 +857,42 @@ declare const StyledText: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
941
857
|
readonly boxShadow: "shadows";
|
|
942
858
|
readonly caretColor: "colors";
|
|
943
859
|
readonly color: "colors";
|
|
944
|
-
readonly columnGap: "space
|
|
860
|
+
readonly columnGap: "space";
|
|
945
861
|
readonly columnRuleColor: "colors";
|
|
946
862
|
readonly fill: "colors";
|
|
947
863
|
readonly flexBasis: "sizes";
|
|
948
864
|
readonly fontFamily: "fonts";
|
|
949
865
|
readonly fontSize: "font-sizes";
|
|
950
866
|
readonly fontWeight: "font-weights";
|
|
951
|
-
readonly gap: "space
|
|
952
|
-
readonly gridColumnGap: "space
|
|
953
|
-
readonly gridGap: "space
|
|
954
|
-
readonly gridRowGap: "space
|
|
867
|
+
readonly gap: "space";
|
|
868
|
+
readonly gridColumnGap: "space";
|
|
869
|
+
readonly gridGap: "space";
|
|
870
|
+
readonly gridRowGap: "space";
|
|
955
871
|
readonly gridTemplateColumns: "sizes";
|
|
956
872
|
readonly gridTemplateRows: "sizes";
|
|
957
873
|
readonly height: "sizes";
|
|
958
874
|
readonly inlineSize: "sizes";
|
|
959
|
-
readonly inset: "space
|
|
960
|
-
readonly insetBlock: "space
|
|
961
|
-
readonly insetBlockEnd: "space
|
|
962
|
-
readonly insetBlockStart: "space
|
|
963
|
-
readonly insetInline: "space
|
|
964
|
-
readonly insetInlineEnd: "space
|
|
965
|
-
readonly insetInlineStart: "space
|
|
875
|
+
readonly inset: "space";
|
|
876
|
+
readonly insetBlock: "space";
|
|
877
|
+
readonly insetBlockEnd: "space";
|
|
878
|
+
readonly insetBlockStart: "space";
|
|
879
|
+
readonly insetInline: "space";
|
|
880
|
+
readonly insetInlineEnd: "space";
|
|
881
|
+
readonly insetInlineStart: "space";
|
|
966
882
|
readonly left: "space";
|
|
967
883
|
readonly letterSpacing: "letter-spacings";
|
|
968
884
|
readonly lineHeight: "line-heights";
|
|
969
|
-
readonly margin: "space
|
|
970
|
-
readonly marginBlock: "space
|
|
971
|
-
readonly marginBlockEnd: "space
|
|
972
|
-
readonly marginBlockStart: "space
|
|
973
|
-
readonly marginBottom: "space
|
|
974
|
-
readonly marginInline: "space
|
|
975
|
-
readonly marginInlineEnd: "space
|
|
976
|
-
readonly marginInlineStart: "space
|
|
977
|
-
readonly marginLeft: "space
|
|
978
|
-
readonly marginRight: "space
|
|
979
|
-
readonly marginTop: "space
|
|
885
|
+
readonly margin: "space";
|
|
886
|
+
readonly marginBlock: "space";
|
|
887
|
+
readonly marginBlockEnd: "space";
|
|
888
|
+
readonly marginBlockStart: "space";
|
|
889
|
+
readonly marginBottom: "space";
|
|
890
|
+
readonly marginInline: "space";
|
|
891
|
+
readonly marginInlineEnd: "space";
|
|
892
|
+
readonly marginInlineStart: "space";
|
|
893
|
+
readonly marginLeft: "space";
|
|
894
|
+
readonly marginRight: "space";
|
|
895
|
+
readonly marginTop: "space";
|
|
980
896
|
readonly maxBlockSize: "sizes";
|
|
981
897
|
readonly maxHeight: "sizes";
|
|
982
898
|
readonly maxInlineSize: "sizes";
|
|
@@ -987,41 +903,41 @@ declare const StyledText: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
987
903
|
readonly minWidth: "sizes";
|
|
988
904
|
readonly outline: "colors";
|
|
989
905
|
readonly outlineColor: "colors";
|
|
990
|
-
readonly padding: "space
|
|
991
|
-
readonly paddingBlock: "space
|
|
992
|
-
readonly paddingBlockEnd: "space
|
|
993
|
-
readonly paddingBlockStart: "space
|
|
994
|
-
readonly paddingBottom: "space
|
|
995
|
-
readonly paddingInline: "space
|
|
996
|
-
readonly paddingInlineEnd: "space
|
|
997
|
-
readonly paddingInlineStart: "space
|
|
998
|
-
readonly paddingLeft: "space
|
|
999
|
-
readonly paddingRight: "space
|
|
1000
|
-
readonly paddingTop: "space
|
|
906
|
+
readonly padding: "space";
|
|
907
|
+
readonly paddingBlock: "space";
|
|
908
|
+
readonly paddingBlockEnd: "space";
|
|
909
|
+
readonly paddingBlockStart: "space";
|
|
910
|
+
readonly paddingBottom: "space";
|
|
911
|
+
readonly paddingInline: "space";
|
|
912
|
+
readonly paddingInlineEnd: "space";
|
|
913
|
+
readonly paddingInlineStart: "space";
|
|
914
|
+
readonly paddingLeft: "space";
|
|
915
|
+
readonly paddingRight: "space";
|
|
916
|
+
readonly paddingTop: "space";
|
|
1001
917
|
readonly right: "space";
|
|
1002
|
-
readonly rowGap: "space
|
|
1003
|
-
readonly scrollMargin: "space
|
|
1004
|
-
readonly scrollMarginBlock: "space
|
|
1005
|
-
readonly scrollMarginBlockEnd: "space
|
|
1006
|
-
readonly scrollMarginBlockStart: "space
|
|
1007
|
-
readonly scrollMarginBottom: "space
|
|
1008
|
-
readonly scrollMarginInline: "space
|
|
1009
|
-
readonly scrollMarginInlineEnd: "space
|
|
1010
|
-
readonly scrollMarginInlineStart: "space
|
|
1011
|
-
readonly scrollMarginLeft: "space
|
|
1012
|
-
readonly scrollMarginRight: "space
|
|
1013
|
-
readonly scrollMarginTop: "space
|
|
1014
|
-
readonly scrollPadding: "space
|
|
1015
|
-
readonly scrollPaddingBlock: "space
|
|
1016
|
-
readonly scrollPaddingBlockEnd: "space
|
|
1017
|
-
readonly scrollPaddingBlockStart: "space
|
|
1018
|
-
readonly scrollPaddingBottom: "space
|
|
1019
|
-
readonly scrollPaddingInline: "space
|
|
1020
|
-
readonly scrollPaddingInlineEnd: "space
|
|
1021
|
-
readonly scrollPaddingInlineStart: "space
|
|
1022
|
-
readonly scrollPaddingLeft: "space
|
|
1023
|
-
readonly scrollPaddingRight: "space
|
|
1024
|
-
readonly scrollPaddingTop: "space
|
|
918
|
+
readonly rowGap: "space";
|
|
919
|
+
readonly scrollMargin: "space";
|
|
920
|
+
readonly scrollMarginBlock: "space";
|
|
921
|
+
readonly scrollMarginBlockEnd: "space";
|
|
922
|
+
readonly scrollMarginBlockStart: "space";
|
|
923
|
+
readonly scrollMarginBottom: "space";
|
|
924
|
+
readonly scrollMarginInline: "space";
|
|
925
|
+
readonly scrollMarginInlineEnd: "space";
|
|
926
|
+
readonly scrollMarginInlineStart: "space";
|
|
927
|
+
readonly scrollMarginLeft: "space";
|
|
928
|
+
readonly scrollMarginRight: "space";
|
|
929
|
+
readonly scrollMarginTop: "space";
|
|
930
|
+
readonly scrollPadding: "space";
|
|
931
|
+
readonly scrollPaddingBlock: "space";
|
|
932
|
+
readonly scrollPaddingBlockEnd: "space";
|
|
933
|
+
readonly scrollPaddingBlockStart: "space";
|
|
934
|
+
readonly scrollPaddingBottom: "space";
|
|
935
|
+
readonly scrollPaddingInline: "space";
|
|
936
|
+
readonly scrollPaddingInlineEnd: "space";
|
|
937
|
+
readonly scrollPaddingInlineStart: "space";
|
|
938
|
+
readonly scrollPaddingLeft: "space";
|
|
939
|
+
readonly scrollPaddingRight: "space";
|
|
940
|
+
readonly scrollPaddingTop: "space";
|
|
1025
941
|
readonly stroke: "colors";
|
|
1026
942
|
readonly strokeWidth: "stroke-width";
|
|
1027
943
|
readonly textDecorationColor: "colors";
|
|
@@ -1360,17 +1276,17 @@ declare const StyledParagraph: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
1360
1276
|
readonly body: "Open Sans, sans-serif";
|
|
1361
1277
|
};
|
|
1362
1278
|
radii: {
|
|
1279
|
+
readonly 0: "0px";
|
|
1363
1280
|
readonly 25: "2px";
|
|
1364
1281
|
readonly 50: "4px";
|
|
1365
1282
|
readonly 75: "6px";
|
|
1366
1283
|
readonly 100: "8px";
|
|
1367
1284
|
readonly 200: "16px";
|
|
1368
|
-
readonly
|
|
1369
|
-
readonly none: "0px";
|
|
1285
|
+
readonly round: "999px";
|
|
1370
1286
|
};
|
|
1371
1287
|
shadows: {
|
|
1372
|
-
50: any;
|
|
1373
1288
|
100: any;
|
|
1289
|
+
50: any;
|
|
1374
1290
|
"focus-small": any;
|
|
1375
1291
|
"focus-small-outline": any;
|
|
1376
1292
|
"focus-large": any;
|
|
@@ -1400,48 +1316,6 @@ declare const StyledParagraph: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
1400
1316
|
readonly 1200: "96px";
|
|
1401
1317
|
readonly 1600: "128px";
|
|
1402
1318
|
};
|
|
1403
|
-
'space-gap': {
|
|
1404
|
-
readonly 0: any;
|
|
1405
|
-
readonly 50: any;
|
|
1406
|
-
readonly 100: any;
|
|
1407
|
-
readonly 200: any;
|
|
1408
|
-
readonly 300: any;
|
|
1409
|
-
};
|
|
1410
|
-
'space-inset': {
|
|
1411
|
-
readonly 0: any;
|
|
1412
|
-
readonly 50: any;
|
|
1413
|
-
readonly 100: any;
|
|
1414
|
-
readonly 150: any;
|
|
1415
|
-
readonly 200: any;
|
|
1416
|
-
readonly 300: any;
|
|
1417
|
-
readonly 400: any;
|
|
1418
|
-
readonly 500: any;
|
|
1419
|
-
readonly 600: any;
|
|
1420
|
-
readonly 700: any;
|
|
1421
|
-
readonly 800: any;
|
|
1422
|
-
readonly 1200: any;
|
|
1423
|
-
readonly 1600: any;
|
|
1424
|
-
};
|
|
1425
|
-
'space-offset': {
|
|
1426
|
-
readonly 0: any;
|
|
1427
|
-
readonly 50: any;
|
|
1428
|
-
readonly 100: any;
|
|
1429
|
-
readonly 150: any;
|
|
1430
|
-
readonly 200: any;
|
|
1431
|
-
readonly 300: any;
|
|
1432
|
-
readonly 400: any;
|
|
1433
|
-
readonly 600: any;
|
|
1434
|
-
readonly 800: any;
|
|
1435
|
-
readonly 1200: any;
|
|
1436
|
-
readonly 1600: any;
|
|
1437
|
-
readonly 'stacking-0': any;
|
|
1438
|
-
readonly 'stacking-100': any;
|
|
1439
|
-
readonly 'stacking-200': any;
|
|
1440
|
-
readonly 'stacking-300': any;
|
|
1441
|
-
readonly 'stacking-400': any;
|
|
1442
|
-
readonly 'stacking-500': any;
|
|
1443
|
-
readonly 'stacking-800': any;
|
|
1444
|
-
};
|
|
1445
1319
|
'stroke-width': {
|
|
1446
1320
|
readonly thin: "1.5px";
|
|
1447
1321
|
readonly normal: "2px";
|
|
@@ -1482,7 +1356,7 @@ declare const StyledParagraph: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
1482
1356
|
readonly borderRightColor: "colors";
|
|
1483
1357
|
readonly borderRightStyle: "border-styles";
|
|
1484
1358
|
readonly borderRightWidth: "border-widths";
|
|
1485
|
-
readonly borderSpacing: "space
|
|
1359
|
+
readonly borderSpacing: "space";
|
|
1486
1360
|
readonly borderStyle: "border-styles";
|
|
1487
1361
|
readonly borderTop: "colors";
|
|
1488
1362
|
readonly borderTopColor: "colors";
|
|
@@ -1495,42 +1369,42 @@ declare const StyledParagraph: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
1495
1369
|
readonly boxShadow: "shadows";
|
|
1496
1370
|
readonly caretColor: "colors";
|
|
1497
1371
|
readonly color: "colors";
|
|
1498
|
-
readonly columnGap: "space
|
|
1372
|
+
readonly columnGap: "space";
|
|
1499
1373
|
readonly columnRuleColor: "colors";
|
|
1500
1374
|
readonly fill: "colors";
|
|
1501
1375
|
readonly flexBasis: "sizes";
|
|
1502
1376
|
readonly fontFamily: "fonts";
|
|
1503
1377
|
readonly fontSize: "font-sizes";
|
|
1504
1378
|
readonly fontWeight: "font-weights";
|
|
1505
|
-
readonly gap: "space
|
|
1506
|
-
readonly gridColumnGap: "space
|
|
1507
|
-
readonly gridGap: "space
|
|
1508
|
-
readonly gridRowGap: "space
|
|
1379
|
+
readonly gap: "space";
|
|
1380
|
+
readonly gridColumnGap: "space";
|
|
1381
|
+
readonly gridGap: "space";
|
|
1382
|
+
readonly gridRowGap: "space";
|
|
1509
1383
|
readonly gridTemplateColumns: "sizes";
|
|
1510
1384
|
readonly gridTemplateRows: "sizes";
|
|
1511
1385
|
readonly height: "sizes";
|
|
1512
1386
|
readonly inlineSize: "sizes";
|
|
1513
|
-
readonly inset: "space
|
|
1514
|
-
readonly insetBlock: "space
|
|
1515
|
-
readonly insetBlockEnd: "space
|
|
1516
|
-
readonly insetBlockStart: "space
|
|
1517
|
-
readonly insetInline: "space
|
|
1518
|
-
readonly insetInlineEnd: "space
|
|
1519
|
-
readonly insetInlineStart: "space
|
|
1387
|
+
readonly inset: "space";
|
|
1388
|
+
readonly insetBlock: "space";
|
|
1389
|
+
readonly insetBlockEnd: "space";
|
|
1390
|
+
readonly insetBlockStart: "space";
|
|
1391
|
+
readonly insetInline: "space";
|
|
1392
|
+
readonly insetInlineEnd: "space";
|
|
1393
|
+
readonly insetInlineStart: "space";
|
|
1520
1394
|
readonly left: "space";
|
|
1521
1395
|
readonly letterSpacing: "letter-spacings";
|
|
1522
1396
|
readonly lineHeight: "line-heights";
|
|
1523
|
-
readonly margin: "space
|
|
1524
|
-
readonly marginBlock: "space
|
|
1525
|
-
readonly marginBlockEnd: "space
|
|
1526
|
-
readonly marginBlockStart: "space
|
|
1527
|
-
readonly marginBottom: "space
|
|
1528
|
-
readonly marginInline: "space
|
|
1529
|
-
readonly marginInlineEnd: "space
|
|
1530
|
-
readonly marginInlineStart: "space
|
|
1531
|
-
readonly marginLeft: "space
|
|
1532
|
-
readonly marginRight: "space
|
|
1533
|
-
readonly marginTop: "space
|
|
1397
|
+
readonly margin: "space";
|
|
1398
|
+
readonly marginBlock: "space";
|
|
1399
|
+
readonly marginBlockEnd: "space";
|
|
1400
|
+
readonly marginBlockStart: "space";
|
|
1401
|
+
readonly marginBottom: "space";
|
|
1402
|
+
readonly marginInline: "space";
|
|
1403
|
+
readonly marginInlineEnd: "space";
|
|
1404
|
+
readonly marginInlineStart: "space";
|
|
1405
|
+
readonly marginLeft: "space";
|
|
1406
|
+
readonly marginRight: "space";
|
|
1407
|
+
readonly marginTop: "space";
|
|
1534
1408
|
readonly maxBlockSize: "sizes";
|
|
1535
1409
|
readonly maxHeight: "sizes";
|
|
1536
1410
|
readonly maxInlineSize: "sizes";
|
|
@@ -1541,41 +1415,41 @@ declare const StyledParagraph: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
1541
1415
|
readonly minWidth: "sizes";
|
|
1542
1416
|
readonly outline: "colors";
|
|
1543
1417
|
readonly outlineColor: "colors";
|
|
1544
|
-
readonly padding: "space
|
|
1545
|
-
readonly paddingBlock: "space
|
|
1546
|
-
readonly paddingBlockEnd: "space
|
|
1547
|
-
readonly paddingBlockStart: "space
|
|
1548
|
-
readonly paddingBottom: "space
|
|
1549
|
-
readonly paddingInline: "space
|
|
1550
|
-
readonly paddingInlineEnd: "space
|
|
1551
|
-
readonly paddingInlineStart: "space
|
|
1552
|
-
readonly paddingLeft: "space
|
|
1553
|
-
readonly paddingRight: "space
|
|
1554
|
-
readonly paddingTop: "space
|
|
1418
|
+
readonly padding: "space";
|
|
1419
|
+
readonly paddingBlock: "space";
|
|
1420
|
+
readonly paddingBlockEnd: "space";
|
|
1421
|
+
readonly paddingBlockStart: "space";
|
|
1422
|
+
readonly paddingBottom: "space";
|
|
1423
|
+
readonly paddingInline: "space";
|
|
1424
|
+
readonly paddingInlineEnd: "space";
|
|
1425
|
+
readonly paddingInlineStart: "space";
|
|
1426
|
+
readonly paddingLeft: "space";
|
|
1427
|
+
readonly paddingRight: "space";
|
|
1428
|
+
readonly paddingTop: "space";
|
|
1555
1429
|
readonly right: "space";
|
|
1556
|
-
readonly rowGap: "space
|
|
1557
|
-
readonly scrollMargin: "space
|
|
1558
|
-
readonly scrollMarginBlock: "space
|
|
1559
|
-
readonly scrollMarginBlockEnd: "space
|
|
1560
|
-
readonly scrollMarginBlockStart: "space
|
|
1561
|
-
readonly scrollMarginBottom: "space
|
|
1562
|
-
readonly scrollMarginInline: "space
|
|
1563
|
-
readonly scrollMarginInlineEnd: "space
|
|
1564
|
-
readonly scrollMarginInlineStart: "space
|
|
1565
|
-
readonly scrollMarginLeft: "space
|
|
1566
|
-
readonly scrollMarginRight: "space
|
|
1567
|
-
readonly scrollMarginTop: "space
|
|
1568
|
-
readonly scrollPadding: "space
|
|
1569
|
-
readonly scrollPaddingBlock: "space
|
|
1570
|
-
readonly scrollPaddingBlockEnd: "space
|
|
1571
|
-
readonly scrollPaddingBlockStart: "space
|
|
1572
|
-
readonly scrollPaddingBottom: "space
|
|
1573
|
-
readonly scrollPaddingInline: "space
|
|
1574
|
-
readonly scrollPaddingInlineEnd: "space
|
|
1575
|
-
readonly scrollPaddingInlineStart: "space
|
|
1576
|
-
readonly scrollPaddingLeft: "space
|
|
1577
|
-
readonly scrollPaddingRight: "space
|
|
1578
|
-
readonly scrollPaddingTop: "space
|
|
1430
|
+
readonly rowGap: "space";
|
|
1431
|
+
readonly scrollMargin: "space";
|
|
1432
|
+
readonly scrollMarginBlock: "space";
|
|
1433
|
+
readonly scrollMarginBlockEnd: "space";
|
|
1434
|
+
readonly scrollMarginBlockStart: "space";
|
|
1435
|
+
readonly scrollMarginBottom: "space";
|
|
1436
|
+
readonly scrollMarginInline: "space";
|
|
1437
|
+
readonly scrollMarginInlineEnd: "space";
|
|
1438
|
+
readonly scrollMarginInlineStart: "space";
|
|
1439
|
+
readonly scrollMarginLeft: "space";
|
|
1440
|
+
readonly scrollMarginRight: "space";
|
|
1441
|
+
readonly scrollMarginTop: "space";
|
|
1442
|
+
readonly scrollPadding: "space";
|
|
1443
|
+
readonly scrollPaddingBlock: "space";
|
|
1444
|
+
readonly scrollPaddingBlockEnd: "space";
|
|
1445
|
+
readonly scrollPaddingBlockStart: "space";
|
|
1446
|
+
readonly scrollPaddingBottom: "space";
|
|
1447
|
+
readonly scrollPaddingInline: "space";
|
|
1448
|
+
readonly scrollPaddingInlineEnd: "space";
|
|
1449
|
+
readonly scrollPaddingInlineStart: "space";
|
|
1450
|
+
readonly scrollPaddingLeft: "space";
|
|
1451
|
+
readonly scrollPaddingRight: "space";
|
|
1452
|
+
readonly scrollPaddingTop: "space";
|
|
1579
1453
|
readonly stroke: "colors";
|
|
1580
1454
|
readonly strokeWidth: "stroke-width";
|
|
1581
1455
|
readonly textDecorationColor: "colors";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-typography",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.14",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@mirohq/design-system-primitive": "^1.1.2",
|
|
30
|
-
"@mirohq/design-system-stitches": "^2.6.
|
|
30
|
+
"@mirohq/design-system-stitches": "^2.6.4"
|
|
31
31
|
},
|
|
32
32
|
"scripts": {
|
|
33
33
|
"build": "rollup -c ../../../rollup.config.js",
|