@mirohq/design-system-typography 0.4.10-forms.1 → 0.4.11-colors.0
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 -69
- package/package.json +3 -3
package/dist/types.d.ts
CHANGED
|
@@ -14,63 +14,103 @@ declare const H1: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_syste
|
|
|
14
14
|
};
|
|
15
15
|
colors: {
|
|
16
16
|
readonly black: any;
|
|
17
|
+
readonly 'blue-50': any;
|
|
17
18
|
readonly 'blue-100': any;
|
|
19
|
+
readonly 'blue-150': any;
|
|
18
20
|
readonly 'blue-200': any;
|
|
21
|
+
readonly 'blue-250': any;
|
|
19
22
|
readonly 'blue-300': any;
|
|
23
|
+
readonly 'blue-350': any;
|
|
20
24
|
readonly 'blue-400': any;
|
|
25
|
+
readonly 'blue-450': any;
|
|
21
26
|
readonly 'blue-500': any;
|
|
27
|
+
readonly 'blue-550': any;
|
|
22
28
|
readonly 'blue-600': any;
|
|
29
|
+
readonly 'blue-650': any;
|
|
23
30
|
readonly 'blue-700': any;
|
|
31
|
+
readonly 'blue-750': any;
|
|
24
32
|
readonly 'blue-800': any;
|
|
33
|
+
readonly 'blue-850': any;
|
|
25
34
|
readonly 'blue-900': any;
|
|
26
|
-
readonly 'blue-
|
|
35
|
+
readonly 'blue-950': any;
|
|
36
|
+
readonly 'gray-50': any;
|
|
27
37
|
readonly 'gray-100': any;
|
|
38
|
+
readonly 'gray-150': any;
|
|
28
39
|
readonly 'gray-200': any;
|
|
40
|
+
readonly 'gray-250': any;
|
|
29
41
|
readonly 'gray-300': any;
|
|
42
|
+
readonly 'gray-350': any;
|
|
30
43
|
readonly 'gray-400': any;
|
|
44
|
+
readonly 'gray-450': any;
|
|
31
45
|
readonly 'gray-500': any;
|
|
46
|
+
readonly 'gray-550': any;
|
|
32
47
|
readonly 'gray-600': any;
|
|
48
|
+
readonly 'gray-650': any;
|
|
33
49
|
readonly 'gray-700': any;
|
|
50
|
+
readonly 'gray-750': any;
|
|
34
51
|
readonly 'gray-800': any;
|
|
52
|
+
readonly 'gray-850': any;
|
|
35
53
|
readonly 'gray-900': any;
|
|
54
|
+
readonly 'gray-950': any;
|
|
55
|
+
readonly 'green-50': any;
|
|
36
56
|
readonly 'green-100': any;
|
|
57
|
+
readonly 'green-150': any;
|
|
37
58
|
readonly 'green-200': any;
|
|
59
|
+
readonly 'green-250': any;
|
|
38
60
|
readonly 'green-300': any;
|
|
61
|
+
readonly 'green-350': any;
|
|
39
62
|
readonly 'green-400': any;
|
|
63
|
+
readonly 'green-450': any;
|
|
40
64
|
readonly 'green-500': any;
|
|
65
|
+
readonly 'green-550': any;
|
|
41
66
|
readonly 'green-600': any;
|
|
67
|
+
readonly 'green-650': any;
|
|
42
68
|
readonly 'green-700': any;
|
|
69
|
+
readonly 'green-750': any;
|
|
43
70
|
readonly 'green-800': any;
|
|
71
|
+
readonly 'green-850': any;
|
|
44
72
|
readonly 'green-900': any;
|
|
45
|
-
readonly '
|
|
46
|
-
readonly '
|
|
47
|
-
readonly 'indigo-300': any;
|
|
48
|
-
readonly 'indigo-400': any;
|
|
49
|
-
readonly 'indigo-500': any;
|
|
50
|
-
readonly 'indigo-600': any;
|
|
51
|
-
readonly 'indigo-700': any;
|
|
52
|
-
readonly 'indigo-800': any;
|
|
53
|
-
readonly 'indigo-900': any;
|
|
73
|
+
readonly 'green-950': any;
|
|
74
|
+
readonly 'red-50': any;
|
|
54
75
|
readonly 'red-100': any;
|
|
76
|
+
readonly 'red-150': any;
|
|
55
77
|
readonly 'red-200': any;
|
|
78
|
+
readonly 'red-250': any;
|
|
56
79
|
readonly 'red-300': any;
|
|
80
|
+
readonly 'red-350': any;
|
|
57
81
|
readonly 'red-400': any;
|
|
82
|
+
readonly 'red-450': any;
|
|
58
83
|
readonly 'red-500': any;
|
|
84
|
+
readonly 'red-550': any;
|
|
59
85
|
readonly 'red-600': any;
|
|
86
|
+
readonly 'red-650': any;
|
|
60
87
|
readonly 'red-700': any;
|
|
88
|
+
readonly 'red-750': any;
|
|
61
89
|
readonly 'red-800': any;
|
|
90
|
+
readonly 'red-850': any;
|
|
62
91
|
readonly 'red-900': any;
|
|
92
|
+
readonly 'red-950': any;
|
|
63
93
|
readonly transparent: any;
|
|
64
94
|
readonly white: any;
|
|
95
|
+
readonly 'yellow-50': any;
|
|
65
96
|
readonly 'yellow-100': any;
|
|
97
|
+
readonly 'yellow-150': any;
|
|
66
98
|
readonly 'yellow-200': any;
|
|
99
|
+
readonly 'yellow-250': any;
|
|
67
100
|
readonly 'yellow-300': any;
|
|
101
|
+
readonly 'yellow-350': any;
|
|
68
102
|
readonly 'yellow-400': any;
|
|
103
|
+
readonly 'yellow-450': any;
|
|
69
104
|
readonly 'yellow-500': any;
|
|
105
|
+
readonly 'yellow-550': any;
|
|
70
106
|
readonly 'yellow-600': any;
|
|
107
|
+
readonly 'yellow-650': any;
|
|
71
108
|
readonly 'yellow-700': any;
|
|
109
|
+
readonly 'yellow-750': any;
|
|
72
110
|
readonly 'yellow-800': any;
|
|
111
|
+
readonly 'yellow-850': any;
|
|
73
112
|
readonly 'yellow-900': any;
|
|
113
|
+
readonly 'yellow-950': any;
|
|
74
114
|
"background-alpha-active"?: any;
|
|
75
115
|
"background-alpha-hover"?: any;
|
|
76
116
|
"background-danger-prominent"?: any;
|
|
@@ -91,27 +131,19 @@ declare const H1: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_syste
|
|
|
91
131
|
"background-neutrals-inverted-subtle"?: any;
|
|
92
132
|
"background-neutrals-page"?: any;
|
|
93
133
|
"background-neutrals-page-subtle"?: any;
|
|
94
|
-
"background-neutrals-
|
|
95
|
-
"background-neutrals-
|
|
96
|
-
"background-neutrals-
|
|
97
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
98
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
134
|
+
"background-neutrals-scrollbar"?: any;
|
|
135
|
+
"background-neutrals-scrollbar-active"?: any;
|
|
136
|
+
"background-neutrals-scrollbar-hover"?: any;
|
|
99
137
|
"background-neutrals-subtle"?: any;
|
|
100
138
|
"background-neutrals-subtle-active"?: any;
|
|
101
139
|
"background-neutrals-subtle-hover"?: any;
|
|
102
140
|
"background-primary-prominent"?: any;
|
|
103
141
|
"background-primary-prominent-active"?: any;
|
|
104
|
-
"background-primary-prominent-expanded"?: any;
|
|
105
142
|
"background-primary-prominent-hover"?: any;
|
|
106
|
-
"background-primary-prominent-pressed"?: any;
|
|
107
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
108
143
|
"background-primary-prominent-selected"?: any;
|
|
109
144
|
"background-primary-subtle"?: any;
|
|
110
145
|
"background-primary-subtle-active"?: any;
|
|
111
|
-
"background-primary-subtle-expanded"?: any;
|
|
112
146
|
"background-primary-subtle-hover"?: any;
|
|
113
|
-
"background-primary-subtle-pressed"?: any;
|
|
114
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
115
147
|
"background-primary-subtle-selected"?: any;
|
|
116
148
|
"background-success"?: any;
|
|
117
149
|
"background-success-prominent"?: any;
|
|
@@ -122,9 +154,15 @@ declare const H1: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_syste
|
|
|
122
154
|
"border-danger"?: any;
|
|
123
155
|
"border-danger-active"?: any;
|
|
124
156
|
"border-danger-hover"?: any;
|
|
157
|
+
"border-focus-error-inner"?: any;
|
|
158
|
+
"border-focus-error-middle"?: any;
|
|
159
|
+
"border-focus-error-outer"?: any;
|
|
125
160
|
"border-focus-inner"?: any;
|
|
126
161
|
"border-focus-middle"?: any;
|
|
127
162
|
"border-focus-outer"?: any;
|
|
163
|
+
"border-focus-success-inner"?: any;
|
|
164
|
+
"border-focus-success-middle"?: any;
|
|
165
|
+
"border-focus-success-outer"?: any;
|
|
128
166
|
"border-neutrals"?: any;
|
|
129
167
|
"border-neutrals-active"?: any;
|
|
130
168
|
"border-neutrals-controls"?: any;
|
|
@@ -217,13 +255,13 @@ declare const H1: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_syste
|
|
|
217
255
|
readonly body: "Open Sans, sans-serif";
|
|
218
256
|
};
|
|
219
257
|
radii: {
|
|
220
|
-
readonly none: 0;
|
|
221
|
-
readonly half: "999em";
|
|
222
258
|
readonly 25: "2px";
|
|
223
259
|
readonly 50: "4px";
|
|
224
260
|
readonly 75: "6px";
|
|
225
261
|
readonly 100: "8px";
|
|
226
262
|
readonly 200: "16px";
|
|
263
|
+
readonly half: "999px";
|
|
264
|
+
readonly none: "0px";
|
|
227
265
|
};
|
|
228
266
|
shadows: {
|
|
229
267
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
@@ -523,63 +561,103 @@ declare const StyledText: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
523
561
|
};
|
|
524
562
|
colors: {
|
|
525
563
|
readonly black: any;
|
|
564
|
+
readonly 'blue-50': any;
|
|
526
565
|
readonly 'blue-100': any;
|
|
566
|
+
readonly 'blue-150': any;
|
|
527
567
|
readonly 'blue-200': any;
|
|
568
|
+
readonly 'blue-250': any;
|
|
528
569
|
readonly 'blue-300': any;
|
|
570
|
+
readonly 'blue-350': any;
|
|
529
571
|
readonly 'blue-400': any;
|
|
572
|
+
readonly 'blue-450': any;
|
|
530
573
|
readonly 'blue-500': any;
|
|
574
|
+
readonly 'blue-550': any;
|
|
531
575
|
readonly 'blue-600': any;
|
|
576
|
+
readonly 'blue-650': any;
|
|
532
577
|
readonly 'blue-700': any;
|
|
578
|
+
readonly 'blue-750': any;
|
|
533
579
|
readonly 'blue-800': any;
|
|
580
|
+
readonly 'blue-850': any;
|
|
534
581
|
readonly 'blue-900': any;
|
|
535
|
-
readonly 'blue-
|
|
582
|
+
readonly 'blue-950': any;
|
|
583
|
+
readonly 'gray-50': any;
|
|
536
584
|
readonly 'gray-100': any;
|
|
585
|
+
readonly 'gray-150': any;
|
|
537
586
|
readonly 'gray-200': any;
|
|
587
|
+
readonly 'gray-250': any;
|
|
538
588
|
readonly 'gray-300': any;
|
|
589
|
+
readonly 'gray-350': any;
|
|
539
590
|
readonly 'gray-400': any;
|
|
591
|
+
readonly 'gray-450': any;
|
|
540
592
|
readonly 'gray-500': any;
|
|
593
|
+
readonly 'gray-550': any;
|
|
541
594
|
readonly 'gray-600': any;
|
|
595
|
+
readonly 'gray-650': any;
|
|
542
596
|
readonly 'gray-700': any;
|
|
597
|
+
readonly 'gray-750': any;
|
|
543
598
|
readonly 'gray-800': any;
|
|
599
|
+
readonly 'gray-850': any;
|
|
544
600
|
readonly 'gray-900': any;
|
|
601
|
+
readonly 'gray-950': any;
|
|
602
|
+
readonly 'green-50': any;
|
|
545
603
|
readonly 'green-100': any;
|
|
604
|
+
readonly 'green-150': any;
|
|
546
605
|
readonly 'green-200': any;
|
|
606
|
+
readonly 'green-250': any;
|
|
547
607
|
readonly 'green-300': any;
|
|
608
|
+
readonly 'green-350': any;
|
|
548
609
|
readonly 'green-400': any;
|
|
610
|
+
readonly 'green-450': any;
|
|
549
611
|
readonly 'green-500': any;
|
|
612
|
+
readonly 'green-550': any;
|
|
550
613
|
readonly 'green-600': any;
|
|
614
|
+
readonly 'green-650': any;
|
|
551
615
|
readonly 'green-700': any;
|
|
616
|
+
readonly 'green-750': any;
|
|
552
617
|
readonly 'green-800': any;
|
|
618
|
+
readonly 'green-850': any;
|
|
553
619
|
readonly 'green-900': any;
|
|
554
|
-
readonly '
|
|
555
|
-
readonly '
|
|
556
|
-
readonly 'indigo-300': any;
|
|
557
|
-
readonly 'indigo-400': any;
|
|
558
|
-
readonly 'indigo-500': any;
|
|
559
|
-
readonly 'indigo-600': any;
|
|
560
|
-
readonly 'indigo-700': any;
|
|
561
|
-
readonly 'indigo-800': any;
|
|
562
|
-
readonly 'indigo-900': any;
|
|
620
|
+
readonly 'green-950': any;
|
|
621
|
+
readonly 'red-50': any;
|
|
563
622
|
readonly 'red-100': any;
|
|
623
|
+
readonly 'red-150': any;
|
|
564
624
|
readonly 'red-200': any;
|
|
625
|
+
readonly 'red-250': any;
|
|
565
626
|
readonly 'red-300': any;
|
|
627
|
+
readonly 'red-350': any;
|
|
566
628
|
readonly 'red-400': any;
|
|
629
|
+
readonly 'red-450': any;
|
|
567
630
|
readonly 'red-500': any;
|
|
631
|
+
readonly 'red-550': any;
|
|
568
632
|
readonly 'red-600': any;
|
|
633
|
+
readonly 'red-650': any;
|
|
569
634
|
readonly 'red-700': any;
|
|
635
|
+
readonly 'red-750': any;
|
|
570
636
|
readonly 'red-800': any;
|
|
637
|
+
readonly 'red-850': any;
|
|
571
638
|
readonly 'red-900': any;
|
|
639
|
+
readonly 'red-950': any;
|
|
572
640
|
readonly transparent: any;
|
|
573
641
|
readonly white: any;
|
|
642
|
+
readonly 'yellow-50': any;
|
|
574
643
|
readonly 'yellow-100': any;
|
|
644
|
+
readonly 'yellow-150': any;
|
|
575
645
|
readonly 'yellow-200': any;
|
|
646
|
+
readonly 'yellow-250': any;
|
|
576
647
|
readonly 'yellow-300': any;
|
|
648
|
+
readonly 'yellow-350': any;
|
|
577
649
|
readonly 'yellow-400': any;
|
|
650
|
+
readonly 'yellow-450': any;
|
|
578
651
|
readonly 'yellow-500': any;
|
|
652
|
+
readonly 'yellow-550': any;
|
|
579
653
|
readonly 'yellow-600': any;
|
|
654
|
+
readonly 'yellow-650': any;
|
|
580
655
|
readonly 'yellow-700': any;
|
|
656
|
+
readonly 'yellow-750': any;
|
|
581
657
|
readonly 'yellow-800': any;
|
|
658
|
+
readonly 'yellow-850': any;
|
|
582
659
|
readonly 'yellow-900': any;
|
|
660
|
+
readonly 'yellow-950': any;
|
|
583
661
|
"background-alpha-active"?: any;
|
|
584
662
|
"background-alpha-hover"?: any;
|
|
585
663
|
"background-danger-prominent"?: any;
|
|
@@ -600,27 +678,19 @@ declare const StyledText: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
600
678
|
"background-neutrals-inverted-subtle"?: any;
|
|
601
679
|
"background-neutrals-page"?: any;
|
|
602
680
|
"background-neutrals-page-subtle"?: any;
|
|
603
|
-
"background-neutrals-
|
|
604
|
-
"background-neutrals-
|
|
605
|
-
"background-neutrals-
|
|
606
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
607
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
681
|
+
"background-neutrals-scrollbar"?: any;
|
|
682
|
+
"background-neutrals-scrollbar-active"?: any;
|
|
683
|
+
"background-neutrals-scrollbar-hover"?: any;
|
|
608
684
|
"background-neutrals-subtle"?: any;
|
|
609
685
|
"background-neutrals-subtle-active"?: any;
|
|
610
686
|
"background-neutrals-subtle-hover"?: any;
|
|
611
687
|
"background-primary-prominent"?: any;
|
|
612
688
|
"background-primary-prominent-active"?: any;
|
|
613
|
-
"background-primary-prominent-expanded"?: any;
|
|
614
689
|
"background-primary-prominent-hover"?: any;
|
|
615
|
-
"background-primary-prominent-pressed"?: any;
|
|
616
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
617
690
|
"background-primary-prominent-selected"?: any;
|
|
618
691
|
"background-primary-subtle"?: any;
|
|
619
692
|
"background-primary-subtle-active"?: any;
|
|
620
|
-
"background-primary-subtle-expanded"?: any;
|
|
621
693
|
"background-primary-subtle-hover"?: any;
|
|
622
|
-
"background-primary-subtle-pressed"?: any;
|
|
623
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
624
694
|
"background-primary-subtle-selected"?: any;
|
|
625
695
|
"background-success"?: any;
|
|
626
696
|
"background-success-prominent"?: any;
|
|
@@ -631,9 +701,15 @@ declare const StyledText: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
631
701
|
"border-danger"?: any;
|
|
632
702
|
"border-danger-active"?: any;
|
|
633
703
|
"border-danger-hover"?: any;
|
|
704
|
+
"border-focus-error-inner"?: any;
|
|
705
|
+
"border-focus-error-middle"?: any;
|
|
706
|
+
"border-focus-error-outer"?: any;
|
|
634
707
|
"border-focus-inner"?: any;
|
|
635
708
|
"border-focus-middle"?: any;
|
|
636
709
|
"border-focus-outer"?: any;
|
|
710
|
+
"border-focus-success-inner"?: any;
|
|
711
|
+
"border-focus-success-middle"?: any;
|
|
712
|
+
"border-focus-success-outer"?: any;
|
|
637
713
|
"border-neutrals"?: any;
|
|
638
714
|
"border-neutrals-active"?: any;
|
|
639
715
|
"border-neutrals-controls"?: any;
|
|
@@ -726,13 +802,13 @@ declare const StyledText: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
726
802
|
readonly body: "Open Sans, sans-serif";
|
|
727
803
|
};
|
|
728
804
|
radii: {
|
|
729
|
-
readonly none: 0;
|
|
730
|
-
readonly half: "999em";
|
|
731
805
|
readonly 25: "2px";
|
|
732
806
|
readonly 50: "4px";
|
|
733
807
|
readonly 75: "6px";
|
|
734
808
|
readonly 100: "8px";
|
|
735
809
|
readonly 200: "16px";
|
|
810
|
+
readonly half: "999px";
|
|
811
|
+
readonly none: "0px";
|
|
736
812
|
};
|
|
737
813
|
shadows: {
|
|
738
814
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
@@ -1036,63 +1112,103 @@ declare const StyledParagraph: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
1036
1112
|
};
|
|
1037
1113
|
colors: {
|
|
1038
1114
|
readonly black: any;
|
|
1115
|
+
readonly 'blue-50': any;
|
|
1039
1116
|
readonly 'blue-100': any;
|
|
1117
|
+
readonly 'blue-150': any;
|
|
1040
1118
|
readonly 'blue-200': any;
|
|
1119
|
+
readonly 'blue-250': any;
|
|
1041
1120
|
readonly 'blue-300': any;
|
|
1121
|
+
readonly 'blue-350': any;
|
|
1042
1122
|
readonly 'blue-400': any;
|
|
1123
|
+
readonly 'blue-450': any;
|
|
1043
1124
|
readonly 'blue-500': any;
|
|
1125
|
+
readonly 'blue-550': any;
|
|
1044
1126
|
readonly 'blue-600': any;
|
|
1127
|
+
readonly 'blue-650': any;
|
|
1045
1128
|
readonly 'blue-700': any;
|
|
1129
|
+
readonly 'blue-750': any;
|
|
1046
1130
|
readonly 'blue-800': any;
|
|
1131
|
+
readonly 'blue-850': any;
|
|
1047
1132
|
readonly 'blue-900': any;
|
|
1048
|
-
readonly 'blue-
|
|
1133
|
+
readonly 'blue-950': any;
|
|
1134
|
+
readonly 'gray-50': any;
|
|
1049
1135
|
readonly 'gray-100': any;
|
|
1136
|
+
readonly 'gray-150': any;
|
|
1050
1137
|
readonly 'gray-200': any;
|
|
1138
|
+
readonly 'gray-250': any;
|
|
1051
1139
|
readonly 'gray-300': any;
|
|
1140
|
+
readonly 'gray-350': any;
|
|
1052
1141
|
readonly 'gray-400': any;
|
|
1142
|
+
readonly 'gray-450': any;
|
|
1053
1143
|
readonly 'gray-500': any;
|
|
1144
|
+
readonly 'gray-550': any;
|
|
1054
1145
|
readonly 'gray-600': any;
|
|
1146
|
+
readonly 'gray-650': any;
|
|
1055
1147
|
readonly 'gray-700': any;
|
|
1148
|
+
readonly 'gray-750': any;
|
|
1056
1149
|
readonly 'gray-800': any;
|
|
1150
|
+
readonly 'gray-850': any;
|
|
1057
1151
|
readonly 'gray-900': any;
|
|
1152
|
+
readonly 'gray-950': any;
|
|
1153
|
+
readonly 'green-50': any;
|
|
1058
1154
|
readonly 'green-100': any;
|
|
1155
|
+
readonly 'green-150': any;
|
|
1059
1156
|
readonly 'green-200': any;
|
|
1157
|
+
readonly 'green-250': any;
|
|
1060
1158
|
readonly 'green-300': any;
|
|
1159
|
+
readonly 'green-350': any;
|
|
1061
1160
|
readonly 'green-400': any;
|
|
1161
|
+
readonly 'green-450': any;
|
|
1062
1162
|
readonly 'green-500': any;
|
|
1163
|
+
readonly 'green-550': any;
|
|
1063
1164
|
readonly 'green-600': any;
|
|
1165
|
+
readonly 'green-650': any;
|
|
1064
1166
|
readonly 'green-700': any;
|
|
1167
|
+
readonly 'green-750': any;
|
|
1065
1168
|
readonly 'green-800': any;
|
|
1169
|
+
readonly 'green-850': any;
|
|
1066
1170
|
readonly 'green-900': any;
|
|
1067
|
-
readonly '
|
|
1068
|
-
readonly '
|
|
1069
|
-
readonly 'indigo-300': any;
|
|
1070
|
-
readonly 'indigo-400': any;
|
|
1071
|
-
readonly 'indigo-500': any;
|
|
1072
|
-
readonly 'indigo-600': any;
|
|
1073
|
-
readonly 'indigo-700': any;
|
|
1074
|
-
readonly 'indigo-800': any;
|
|
1075
|
-
readonly 'indigo-900': any;
|
|
1171
|
+
readonly 'green-950': any;
|
|
1172
|
+
readonly 'red-50': any;
|
|
1076
1173
|
readonly 'red-100': any;
|
|
1174
|
+
readonly 'red-150': any;
|
|
1077
1175
|
readonly 'red-200': any;
|
|
1176
|
+
readonly 'red-250': any;
|
|
1078
1177
|
readonly 'red-300': any;
|
|
1178
|
+
readonly 'red-350': any;
|
|
1079
1179
|
readonly 'red-400': any;
|
|
1180
|
+
readonly 'red-450': any;
|
|
1080
1181
|
readonly 'red-500': any;
|
|
1182
|
+
readonly 'red-550': any;
|
|
1081
1183
|
readonly 'red-600': any;
|
|
1184
|
+
readonly 'red-650': any;
|
|
1082
1185
|
readonly 'red-700': any;
|
|
1186
|
+
readonly 'red-750': any;
|
|
1083
1187
|
readonly 'red-800': any;
|
|
1188
|
+
readonly 'red-850': any;
|
|
1084
1189
|
readonly 'red-900': any;
|
|
1190
|
+
readonly 'red-950': any;
|
|
1085
1191
|
readonly transparent: any;
|
|
1086
1192
|
readonly white: any;
|
|
1193
|
+
readonly 'yellow-50': any;
|
|
1087
1194
|
readonly 'yellow-100': any;
|
|
1195
|
+
readonly 'yellow-150': any;
|
|
1088
1196
|
readonly 'yellow-200': any;
|
|
1197
|
+
readonly 'yellow-250': any;
|
|
1089
1198
|
readonly 'yellow-300': any;
|
|
1199
|
+
readonly 'yellow-350': any;
|
|
1090
1200
|
readonly 'yellow-400': any;
|
|
1201
|
+
readonly 'yellow-450': any;
|
|
1091
1202
|
readonly 'yellow-500': any;
|
|
1203
|
+
readonly 'yellow-550': any;
|
|
1092
1204
|
readonly 'yellow-600': any;
|
|
1205
|
+
readonly 'yellow-650': any;
|
|
1093
1206
|
readonly 'yellow-700': any;
|
|
1207
|
+
readonly 'yellow-750': any;
|
|
1094
1208
|
readonly 'yellow-800': any;
|
|
1209
|
+
readonly 'yellow-850': any;
|
|
1095
1210
|
readonly 'yellow-900': any;
|
|
1211
|
+
readonly 'yellow-950': any;
|
|
1096
1212
|
"background-alpha-active"?: any;
|
|
1097
1213
|
"background-alpha-hover"?: any;
|
|
1098
1214
|
"background-danger-prominent"?: any;
|
|
@@ -1113,27 +1229,19 @@ declare const StyledParagraph: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
1113
1229
|
"background-neutrals-inverted-subtle"?: any;
|
|
1114
1230
|
"background-neutrals-page"?: any;
|
|
1115
1231
|
"background-neutrals-page-subtle"?: any;
|
|
1116
|
-
"background-neutrals-
|
|
1117
|
-
"background-neutrals-
|
|
1118
|
-
"background-neutrals-
|
|
1119
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
1120
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
1232
|
+
"background-neutrals-scrollbar"?: any;
|
|
1233
|
+
"background-neutrals-scrollbar-active"?: any;
|
|
1234
|
+
"background-neutrals-scrollbar-hover"?: any;
|
|
1121
1235
|
"background-neutrals-subtle"?: any;
|
|
1122
1236
|
"background-neutrals-subtle-active"?: any;
|
|
1123
1237
|
"background-neutrals-subtle-hover"?: any;
|
|
1124
1238
|
"background-primary-prominent"?: any;
|
|
1125
1239
|
"background-primary-prominent-active"?: any;
|
|
1126
|
-
"background-primary-prominent-expanded"?: any;
|
|
1127
1240
|
"background-primary-prominent-hover"?: any;
|
|
1128
|
-
"background-primary-prominent-pressed"?: any;
|
|
1129
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
1130
1241
|
"background-primary-prominent-selected"?: any;
|
|
1131
1242
|
"background-primary-subtle"?: any;
|
|
1132
1243
|
"background-primary-subtle-active"?: any;
|
|
1133
|
-
"background-primary-subtle-expanded"?: any;
|
|
1134
1244
|
"background-primary-subtle-hover"?: any;
|
|
1135
|
-
"background-primary-subtle-pressed"?: any;
|
|
1136
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
1137
1245
|
"background-primary-subtle-selected"?: any;
|
|
1138
1246
|
"background-success"?: any;
|
|
1139
1247
|
"background-success-prominent"?: any;
|
|
@@ -1144,9 +1252,15 @@ declare const StyledParagraph: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
1144
1252
|
"border-danger"?: any;
|
|
1145
1253
|
"border-danger-active"?: any;
|
|
1146
1254
|
"border-danger-hover"?: any;
|
|
1255
|
+
"border-focus-error-inner"?: any;
|
|
1256
|
+
"border-focus-error-middle"?: any;
|
|
1257
|
+
"border-focus-error-outer"?: any;
|
|
1147
1258
|
"border-focus-inner"?: any;
|
|
1148
1259
|
"border-focus-middle"?: any;
|
|
1149
1260
|
"border-focus-outer"?: any;
|
|
1261
|
+
"border-focus-success-inner"?: any;
|
|
1262
|
+
"border-focus-success-middle"?: any;
|
|
1263
|
+
"border-focus-success-outer"?: any;
|
|
1150
1264
|
"border-neutrals"?: any;
|
|
1151
1265
|
"border-neutrals-active"?: any;
|
|
1152
1266
|
"border-neutrals-controls"?: any;
|
|
@@ -1239,13 +1353,13 @@ declare const StyledParagraph: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
|
|
|
1239
1353
|
readonly body: "Open Sans, sans-serif";
|
|
1240
1354
|
};
|
|
1241
1355
|
radii: {
|
|
1242
|
-
readonly none: 0;
|
|
1243
|
-
readonly half: "999em";
|
|
1244
1356
|
readonly 25: "2px";
|
|
1245
1357
|
readonly 50: "4px";
|
|
1246
1358
|
readonly 75: "6px";
|
|
1247
1359
|
readonly 100: "8px";
|
|
1248
1360
|
readonly 200: "16px";
|
|
1361
|
+
readonly half: "999px";
|
|
1362
|
+
readonly none: "0px";
|
|
1249
1363
|
};
|
|
1250
1364
|
shadows: {
|
|
1251
1365
|
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
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.11-colors.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
"react": "^16.14 || ^17 || ^18"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@mirohq/design-system-
|
|
30
|
-
"@mirohq/design-system-
|
|
29
|
+
"@mirohq/design-system-stitches": "^2.6.1-colors.0",
|
|
30
|
+
"@mirohq/design-system-primitive": "^1.1.2"
|
|
31
31
|
},
|
|
32
32
|
"scripts": {
|
|
33
33
|
"build": "rollup -c ../../../rollup.config.js",
|