@mirohq/design-system-typography 0.4.13 → 0.4.15
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 +186 -309
- package/package.json +2 -2
package/dist/types.d.ts
CHANGED
|
@@ -256,22 +256,23 @@ 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;
|
|
273
273
|
"focus-controls": any;
|
|
274
274
|
"focus-controls-error": any;
|
|
275
|
+
"focus-controls-error-small": any;
|
|
275
276
|
"focus-controls-success": any;
|
|
276
277
|
};
|
|
277
278
|
sizes: {
|
|
@@ -296,48 +297,6 @@ declare const H1: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_syste
|
|
|
296
297
|
readonly 1200: "96px";
|
|
297
298
|
readonly 1600: "128px";
|
|
298
299
|
};
|
|
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
300
|
'stroke-width': {
|
|
342
301
|
readonly thin: "1.5px";
|
|
343
302
|
readonly normal: "2px";
|
|
@@ -378,7 +337,7 @@ declare const H1: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_syste
|
|
|
378
337
|
readonly borderRightColor: "colors";
|
|
379
338
|
readonly borderRightStyle: "border-styles";
|
|
380
339
|
readonly borderRightWidth: "border-widths";
|
|
381
|
-
readonly borderSpacing: "space
|
|
340
|
+
readonly borderSpacing: "space";
|
|
382
341
|
readonly borderStyle: "border-styles";
|
|
383
342
|
readonly borderTop: "colors";
|
|
384
343
|
readonly borderTopColor: "colors";
|
|
@@ -391,42 +350,42 @@ declare const H1: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_syste
|
|
|
391
350
|
readonly boxShadow: "shadows";
|
|
392
351
|
readonly caretColor: "colors";
|
|
393
352
|
readonly color: "colors";
|
|
394
|
-
readonly columnGap: "space
|
|
353
|
+
readonly columnGap: "space";
|
|
395
354
|
readonly columnRuleColor: "colors";
|
|
396
355
|
readonly fill: "colors";
|
|
397
356
|
readonly flexBasis: "sizes";
|
|
398
357
|
readonly fontFamily: "fonts";
|
|
399
358
|
readonly fontSize: "font-sizes";
|
|
400
359
|
readonly fontWeight: "font-weights";
|
|
401
|
-
readonly gap: "space
|
|
402
|
-
readonly gridColumnGap: "space
|
|
403
|
-
readonly gridGap: "space
|
|
404
|
-
readonly gridRowGap: "space
|
|
360
|
+
readonly gap: "space";
|
|
361
|
+
readonly gridColumnGap: "space";
|
|
362
|
+
readonly gridGap: "space";
|
|
363
|
+
readonly gridRowGap: "space";
|
|
405
364
|
readonly gridTemplateColumns: "sizes";
|
|
406
365
|
readonly gridTemplateRows: "sizes";
|
|
407
366
|
readonly height: "sizes";
|
|
408
367
|
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
|
|
368
|
+
readonly inset: "space";
|
|
369
|
+
readonly insetBlock: "space";
|
|
370
|
+
readonly insetBlockEnd: "space";
|
|
371
|
+
readonly insetBlockStart: "space";
|
|
372
|
+
readonly insetInline: "space";
|
|
373
|
+
readonly insetInlineEnd: "space";
|
|
374
|
+
readonly insetInlineStart: "space";
|
|
416
375
|
readonly left: "space";
|
|
417
376
|
readonly letterSpacing: "letter-spacings";
|
|
418
377
|
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
|
|
378
|
+
readonly margin: "space";
|
|
379
|
+
readonly marginBlock: "space";
|
|
380
|
+
readonly marginBlockEnd: "space";
|
|
381
|
+
readonly marginBlockStart: "space";
|
|
382
|
+
readonly marginBottom: "space";
|
|
383
|
+
readonly marginInline: "space";
|
|
384
|
+
readonly marginInlineEnd: "space";
|
|
385
|
+
readonly marginInlineStart: "space";
|
|
386
|
+
readonly marginLeft: "space";
|
|
387
|
+
readonly marginRight: "space";
|
|
388
|
+
readonly marginTop: "space";
|
|
430
389
|
readonly maxBlockSize: "sizes";
|
|
431
390
|
readonly maxHeight: "sizes";
|
|
432
391
|
readonly maxInlineSize: "sizes";
|
|
@@ -437,41 +396,41 @@ declare const H1: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_syste
|
|
|
437
396
|
readonly minWidth: "sizes";
|
|
438
397
|
readonly outline: "colors";
|
|
439
398
|
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
|
|
399
|
+
readonly padding: "space";
|
|
400
|
+
readonly paddingBlock: "space";
|
|
401
|
+
readonly paddingBlockEnd: "space";
|
|
402
|
+
readonly paddingBlockStart: "space";
|
|
403
|
+
readonly paddingBottom: "space";
|
|
404
|
+
readonly paddingInline: "space";
|
|
405
|
+
readonly paddingInlineEnd: "space";
|
|
406
|
+
readonly paddingInlineStart: "space";
|
|
407
|
+
readonly paddingLeft: "space";
|
|
408
|
+
readonly paddingRight: "space";
|
|
409
|
+
readonly paddingTop: "space";
|
|
451
410
|
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
|
|
411
|
+
readonly rowGap: "space";
|
|
412
|
+
readonly scrollMargin: "space";
|
|
413
|
+
readonly scrollMarginBlock: "space";
|
|
414
|
+
readonly scrollMarginBlockEnd: "space";
|
|
415
|
+
readonly scrollMarginBlockStart: "space";
|
|
416
|
+
readonly scrollMarginBottom: "space";
|
|
417
|
+
readonly scrollMarginInline: "space";
|
|
418
|
+
readonly scrollMarginInlineEnd: "space";
|
|
419
|
+
readonly scrollMarginInlineStart: "space";
|
|
420
|
+
readonly scrollMarginLeft: "space";
|
|
421
|
+
readonly scrollMarginRight: "space";
|
|
422
|
+
readonly scrollMarginTop: "space";
|
|
423
|
+
readonly scrollPadding: "space";
|
|
424
|
+
readonly scrollPaddingBlock: "space";
|
|
425
|
+
readonly scrollPaddingBlockEnd: "space";
|
|
426
|
+
readonly scrollPaddingBlockStart: "space";
|
|
427
|
+
readonly scrollPaddingBottom: "space";
|
|
428
|
+
readonly scrollPaddingInline: "space";
|
|
429
|
+
readonly scrollPaddingInlineEnd: "space";
|
|
430
|
+
readonly scrollPaddingInlineStart: "space";
|
|
431
|
+
readonly scrollPaddingLeft: "space";
|
|
432
|
+
readonly scrollPaddingRight: "space";
|
|
433
|
+
readonly scrollPaddingTop: "space";
|
|
475
434
|
readonly stroke: "colors";
|
|
476
435
|
readonly strokeWidth: "stroke-width";
|
|
477
436
|
readonly textDecorationColor: "colors";
|
|
@@ -806,22 +765,23 @@ declare const StyledText: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
806
765
|
readonly body: "Open Sans, sans-serif";
|
|
807
766
|
};
|
|
808
767
|
radii: {
|
|
768
|
+
readonly 0: "0px";
|
|
809
769
|
readonly 25: "2px";
|
|
810
770
|
readonly 50: "4px";
|
|
811
771
|
readonly 75: "6px";
|
|
812
772
|
readonly 100: "8px";
|
|
813
773
|
readonly 200: "16px";
|
|
814
|
-
readonly
|
|
815
|
-
readonly none: "0px";
|
|
774
|
+
readonly round: "999px";
|
|
816
775
|
};
|
|
817
776
|
shadows: {
|
|
818
|
-
50: any;
|
|
819
777
|
100: any;
|
|
778
|
+
50: any;
|
|
820
779
|
"focus-small": any;
|
|
821
780
|
"focus-small-outline": any;
|
|
822
781
|
"focus-large": any;
|
|
823
782
|
"focus-controls": any;
|
|
824
783
|
"focus-controls-error": any;
|
|
784
|
+
"focus-controls-error-small": any;
|
|
825
785
|
"focus-controls-success": any;
|
|
826
786
|
};
|
|
827
787
|
sizes: {
|
|
@@ -846,48 +806,6 @@ declare const StyledText: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
846
806
|
readonly 1200: "96px";
|
|
847
807
|
readonly 1600: "128px";
|
|
848
808
|
};
|
|
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
809
|
'stroke-width': {
|
|
892
810
|
readonly thin: "1.5px";
|
|
893
811
|
readonly normal: "2px";
|
|
@@ -928,7 +846,7 @@ declare const StyledText: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
928
846
|
readonly borderRightColor: "colors";
|
|
929
847
|
readonly borderRightStyle: "border-styles";
|
|
930
848
|
readonly borderRightWidth: "border-widths";
|
|
931
|
-
readonly borderSpacing: "space
|
|
849
|
+
readonly borderSpacing: "space";
|
|
932
850
|
readonly borderStyle: "border-styles";
|
|
933
851
|
readonly borderTop: "colors";
|
|
934
852
|
readonly borderTopColor: "colors";
|
|
@@ -941,42 +859,42 @@ declare const StyledText: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
941
859
|
readonly boxShadow: "shadows";
|
|
942
860
|
readonly caretColor: "colors";
|
|
943
861
|
readonly color: "colors";
|
|
944
|
-
readonly columnGap: "space
|
|
862
|
+
readonly columnGap: "space";
|
|
945
863
|
readonly columnRuleColor: "colors";
|
|
946
864
|
readonly fill: "colors";
|
|
947
865
|
readonly flexBasis: "sizes";
|
|
948
866
|
readonly fontFamily: "fonts";
|
|
949
867
|
readonly fontSize: "font-sizes";
|
|
950
868
|
readonly fontWeight: "font-weights";
|
|
951
|
-
readonly gap: "space
|
|
952
|
-
readonly gridColumnGap: "space
|
|
953
|
-
readonly gridGap: "space
|
|
954
|
-
readonly gridRowGap: "space
|
|
869
|
+
readonly gap: "space";
|
|
870
|
+
readonly gridColumnGap: "space";
|
|
871
|
+
readonly gridGap: "space";
|
|
872
|
+
readonly gridRowGap: "space";
|
|
955
873
|
readonly gridTemplateColumns: "sizes";
|
|
956
874
|
readonly gridTemplateRows: "sizes";
|
|
957
875
|
readonly height: "sizes";
|
|
958
876
|
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
|
|
877
|
+
readonly inset: "space";
|
|
878
|
+
readonly insetBlock: "space";
|
|
879
|
+
readonly insetBlockEnd: "space";
|
|
880
|
+
readonly insetBlockStart: "space";
|
|
881
|
+
readonly insetInline: "space";
|
|
882
|
+
readonly insetInlineEnd: "space";
|
|
883
|
+
readonly insetInlineStart: "space";
|
|
966
884
|
readonly left: "space";
|
|
967
885
|
readonly letterSpacing: "letter-spacings";
|
|
968
886
|
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
|
|
887
|
+
readonly margin: "space";
|
|
888
|
+
readonly marginBlock: "space";
|
|
889
|
+
readonly marginBlockEnd: "space";
|
|
890
|
+
readonly marginBlockStart: "space";
|
|
891
|
+
readonly marginBottom: "space";
|
|
892
|
+
readonly marginInline: "space";
|
|
893
|
+
readonly marginInlineEnd: "space";
|
|
894
|
+
readonly marginInlineStart: "space";
|
|
895
|
+
readonly marginLeft: "space";
|
|
896
|
+
readonly marginRight: "space";
|
|
897
|
+
readonly marginTop: "space";
|
|
980
898
|
readonly maxBlockSize: "sizes";
|
|
981
899
|
readonly maxHeight: "sizes";
|
|
982
900
|
readonly maxInlineSize: "sizes";
|
|
@@ -987,41 +905,41 @@ declare const StyledText: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
987
905
|
readonly minWidth: "sizes";
|
|
988
906
|
readonly outline: "colors";
|
|
989
907
|
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
|
|
908
|
+
readonly padding: "space";
|
|
909
|
+
readonly paddingBlock: "space";
|
|
910
|
+
readonly paddingBlockEnd: "space";
|
|
911
|
+
readonly paddingBlockStart: "space";
|
|
912
|
+
readonly paddingBottom: "space";
|
|
913
|
+
readonly paddingInline: "space";
|
|
914
|
+
readonly paddingInlineEnd: "space";
|
|
915
|
+
readonly paddingInlineStart: "space";
|
|
916
|
+
readonly paddingLeft: "space";
|
|
917
|
+
readonly paddingRight: "space";
|
|
918
|
+
readonly paddingTop: "space";
|
|
1001
919
|
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
|
|
920
|
+
readonly rowGap: "space";
|
|
921
|
+
readonly scrollMargin: "space";
|
|
922
|
+
readonly scrollMarginBlock: "space";
|
|
923
|
+
readonly scrollMarginBlockEnd: "space";
|
|
924
|
+
readonly scrollMarginBlockStart: "space";
|
|
925
|
+
readonly scrollMarginBottom: "space";
|
|
926
|
+
readonly scrollMarginInline: "space";
|
|
927
|
+
readonly scrollMarginInlineEnd: "space";
|
|
928
|
+
readonly scrollMarginInlineStart: "space";
|
|
929
|
+
readonly scrollMarginLeft: "space";
|
|
930
|
+
readonly scrollMarginRight: "space";
|
|
931
|
+
readonly scrollMarginTop: "space";
|
|
932
|
+
readonly scrollPadding: "space";
|
|
933
|
+
readonly scrollPaddingBlock: "space";
|
|
934
|
+
readonly scrollPaddingBlockEnd: "space";
|
|
935
|
+
readonly scrollPaddingBlockStart: "space";
|
|
936
|
+
readonly scrollPaddingBottom: "space";
|
|
937
|
+
readonly scrollPaddingInline: "space";
|
|
938
|
+
readonly scrollPaddingInlineEnd: "space";
|
|
939
|
+
readonly scrollPaddingInlineStart: "space";
|
|
940
|
+
readonly scrollPaddingLeft: "space";
|
|
941
|
+
readonly scrollPaddingRight: "space";
|
|
942
|
+
readonly scrollPaddingTop: "space";
|
|
1025
943
|
readonly stroke: "colors";
|
|
1026
944
|
readonly strokeWidth: "stroke-width";
|
|
1027
945
|
readonly textDecorationColor: "colors";
|
|
@@ -1360,22 +1278,23 @@ declare const StyledParagraph: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
1360
1278
|
readonly body: "Open Sans, sans-serif";
|
|
1361
1279
|
};
|
|
1362
1280
|
radii: {
|
|
1281
|
+
readonly 0: "0px";
|
|
1363
1282
|
readonly 25: "2px";
|
|
1364
1283
|
readonly 50: "4px";
|
|
1365
1284
|
readonly 75: "6px";
|
|
1366
1285
|
readonly 100: "8px";
|
|
1367
1286
|
readonly 200: "16px";
|
|
1368
|
-
readonly
|
|
1369
|
-
readonly none: "0px";
|
|
1287
|
+
readonly round: "999px";
|
|
1370
1288
|
};
|
|
1371
1289
|
shadows: {
|
|
1372
|
-
50: any;
|
|
1373
1290
|
100: any;
|
|
1291
|
+
50: any;
|
|
1374
1292
|
"focus-small": any;
|
|
1375
1293
|
"focus-small-outline": any;
|
|
1376
1294
|
"focus-large": any;
|
|
1377
1295
|
"focus-controls": any;
|
|
1378
1296
|
"focus-controls-error": any;
|
|
1297
|
+
"focus-controls-error-small": any;
|
|
1379
1298
|
"focus-controls-success": any;
|
|
1380
1299
|
};
|
|
1381
1300
|
sizes: {
|
|
@@ -1400,48 +1319,6 @@ declare const StyledParagraph: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
1400
1319
|
readonly 1200: "96px";
|
|
1401
1320
|
readonly 1600: "128px";
|
|
1402
1321
|
};
|
|
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
1322
|
'stroke-width': {
|
|
1446
1323
|
readonly thin: "1.5px";
|
|
1447
1324
|
readonly normal: "2px";
|
|
@@ -1482,7 +1359,7 @@ declare const StyledParagraph: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
1482
1359
|
readonly borderRightColor: "colors";
|
|
1483
1360
|
readonly borderRightStyle: "border-styles";
|
|
1484
1361
|
readonly borderRightWidth: "border-widths";
|
|
1485
|
-
readonly borderSpacing: "space
|
|
1362
|
+
readonly borderSpacing: "space";
|
|
1486
1363
|
readonly borderStyle: "border-styles";
|
|
1487
1364
|
readonly borderTop: "colors";
|
|
1488
1365
|
readonly borderTopColor: "colors";
|
|
@@ -1495,42 +1372,42 @@ declare const StyledParagraph: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
1495
1372
|
readonly boxShadow: "shadows";
|
|
1496
1373
|
readonly caretColor: "colors";
|
|
1497
1374
|
readonly color: "colors";
|
|
1498
|
-
readonly columnGap: "space
|
|
1375
|
+
readonly columnGap: "space";
|
|
1499
1376
|
readonly columnRuleColor: "colors";
|
|
1500
1377
|
readonly fill: "colors";
|
|
1501
1378
|
readonly flexBasis: "sizes";
|
|
1502
1379
|
readonly fontFamily: "fonts";
|
|
1503
1380
|
readonly fontSize: "font-sizes";
|
|
1504
1381
|
readonly fontWeight: "font-weights";
|
|
1505
|
-
readonly gap: "space
|
|
1506
|
-
readonly gridColumnGap: "space
|
|
1507
|
-
readonly gridGap: "space
|
|
1508
|
-
readonly gridRowGap: "space
|
|
1382
|
+
readonly gap: "space";
|
|
1383
|
+
readonly gridColumnGap: "space";
|
|
1384
|
+
readonly gridGap: "space";
|
|
1385
|
+
readonly gridRowGap: "space";
|
|
1509
1386
|
readonly gridTemplateColumns: "sizes";
|
|
1510
1387
|
readonly gridTemplateRows: "sizes";
|
|
1511
1388
|
readonly height: "sizes";
|
|
1512
1389
|
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
|
|
1390
|
+
readonly inset: "space";
|
|
1391
|
+
readonly insetBlock: "space";
|
|
1392
|
+
readonly insetBlockEnd: "space";
|
|
1393
|
+
readonly insetBlockStart: "space";
|
|
1394
|
+
readonly insetInline: "space";
|
|
1395
|
+
readonly insetInlineEnd: "space";
|
|
1396
|
+
readonly insetInlineStart: "space";
|
|
1520
1397
|
readonly left: "space";
|
|
1521
1398
|
readonly letterSpacing: "letter-spacings";
|
|
1522
1399
|
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
|
|
1400
|
+
readonly margin: "space";
|
|
1401
|
+
readonly marginBlock: "space";
|
|
1402
|
+
readonly marginBlockEnd: "space";
|
|
1403
|
+
readonly marginBlockStart: "space";
|
|
1404
|
+
readonly marginBottom: "space";
|
|
1405
|
+
readonly marginInline: "space";
|
|
1406
|
+
readonly marginInlineEnd: "space";
|
|
1407
|
+
readonly marginInlineStart: "space";
|
|
1408
|
+
readonly marginLeft: "space";
|
|
1409
|
+
readonly marginRight: "space";
|
|
1410
|
+
readonly marginTop: "space";
|
|
1534
1411
|
readonly maxBlockSize: "sizes";
|
|
1535
1412
|
readonly maxHeight: "sizes";
|
|
1536
1413
|
readonly maxInlineSize: "sizes";
|
|
@@ -1541,41 +1418,41 @@ declare const StyledParagraph: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
1541
1418
|
readonly minWidth: "sizes";
|
|
1542
1419
|
readonly outline: "colors";
|
|
1543
1420
|
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
|
|
1421
|
+
readonly padding: "space";
|
|
1422
|
+
readonly paddingBlock: "space";
|
|
1423
|
+
readonly paddingBlockEnd: "space";
|
|
1424
|
+
readonly paddingBlockStart: "space";
|
|
1425
|
+
readonly paddingBottom: "space";
|
|
1426
|
+
readonly paddingInline: "space";
|
|
1427
|
+
readonly paddingInlineEnd: "space";
|
|
1428
|
+
readonly paddingInlineStart: "space";
|
|
1429
|
+
readonly paddingLeft: "space";
|
|
1430
|
+
readonly paddingRight: "space";
|
|
1431
|
+
readonly paddingTop: "space";
|
|
1555
1432
|
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
|
|
1433
|
+
readonly rowGap: "space";
|
|
1434
|
+
readonly scrollMargin: "space";
|
|
1435
|
+
readonly scrollMarginBlock: "space";
|
|
1436
|
+
readonly scrollMarginBlockEnd: "space";
|
|
1437
|
+
readonly scrollMarginBlockStart: "space";
|
|
1438
|
+
readonly scrollMarginBottom: "space";
|
|
1439
|
+
readonly scrollMarginInline: "space";
|
|
1440
|
+
readonly scrollMarginInlineEnd: "space";
|
|
1441
|
+
readonly scrollMarginInlineStart: "space";
|
|
1442
|
+
readonly scrollMarginLeft: "space";
|
|
1443
|
+
readonly scrollMarginRight: "space";
|
|
1444
|
+
readonly scrollMarginTop: "space";
|
|
1445
|
+
readonly scrollPadding: "space";
|
|
1446
|
+
readonly scrollPaddingBlock: "space";
|
|
1447
|
+
readonly scrollPaddingBlockEnd: "space";
|
|
1448
|
+
readonly scrollPaddingBlockStart: "space";
|
|
1449
|
+
readonly scrollPaddingBottom: "space";
|
|
1450
|
+
readonly scrollPaddingInline: "space";
|
|
1451
|
+
readonly scrollPaddingInlineEnd: "space";
|
|
1452
|
+
readonly scrollPaddingInlineStart: "space";
|
|
1453
|
+
readonly scrollPaddingLeft: "space";
|
|
1454
|
+
readonly scrollPaddingRight: "space";
|
|
1455
|
+
readonly scrollPaddingTop: "space";
|
|
1579
1456
|
readonly stroke: "colors";
|
|
1580
1457
|
readonly strokeWidth: "stroke-width";
|
|
1581
1458
|
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.15",
|
|
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.5"
|
|
31
31
|
},
|
|
32
32
|
"scripts": {
|
|
33
33
|
"build": "rollup -c ../../../rollup.config.js",
|