@mirohq/design-system-stitches 2.6.8 → 2.6.9
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 +56 -56
- package/package.json +3 -3
package/dist/types.d.ts
CHANGED
|
@@ -24,7 +24,8 @@ declare const config: {
|
|
|
24
24
|
};
|
|
25
25
|
colors: {
|
|
26
26
|
readonly black: any;
|
|
27
|
-
readonly
|
|
27
|
+
readonly transparent: any;
|
|
28
|
+
readonly white: any;
|
|
28
29
|
readonly 'blue-100': any;
|
|
29
30
|
readonly 'blue-150': any;
|
|
30
31
|
readonly 'blue-200': any;
|
|
@@ -33,6 +34,7 @@ declare const config: {
|
|
|
33
34
|
readonly 'blue-350': any;
|
|
34
35
|
readonly 'blue-400': any;
|
|
35
36
|
readonly 'blue-450': any;
|
|
37
|
+
readonly 'blue-50': any;
|
|
36
38
|
readonly 'blue-500': any;
|
|
37
39
|
readonly 'blue-550': any;
|
|
38
40
|
readonly 'blue-600': any;
|
|
@@ -43,7 +45,6 @@ declare const config: {
|
|
|
43
45
|
readonly 'blue-850': any;
|
|
44
46
|
readonly 'blue-900': any;
|
|
45
47
|
readonly 'blue-950': any;
|
|
46
|
-
readonly 'gray-50': any;
|
|
47
48
|
readonly 'gray-100': any;
|
|
48
49
|
readonly 'gray-150': any;
|
|
49
50
|
readonly 'gray-200': any;
|
|
@@ -52,6 +53,7 @@ declare const config: {
|
|
|
52
53
|
readonly 'gray-350': any;
|
|
53
54
|
readonly 'gray-400': any;
|
|
54
55
|
readonly 'gray-450': any;
|
|
56
|
+
readonly 'gray-50': any;
|
|
55
57
|
readonly 'gray-500': any;
|
|
56
58
|
readonly 'gray-550': any;
|
|
57
59
|
readonly 'gray-600': any;
|
|
@@ -62,7 +64,6 @@ declare const config: {
|
|
|
62
64
|
readonly 'gray-850': any;
|
|
63
65
|
readonly 'gray-900': any;
|
|
64
66
|
readonly 'gray-950': any;
|
|
65
|
-
readonly 'green-50': any;
|
|
66
67
|
readonly 'green-100': any;
|
|
67
68
|
readonly 'green-150': any;
|
|
68
69
|
readonly 'green-200': any;
|
|
@@ -71,6 +72,7 @@ declare const config: {
|
|
|
71
72
|
readonly 'green-350': any;
|
|
72
73
|
readonly 'green-400': any;
|
|
73
74
|
readonly 'green-450': any;
|
|
75
|
+
readonly 'green-50': any;
|
|
74
76
|
readonly 'green-500': any;
|
|
75
77
|
readonly 'green-550': any;
|
|
76
78
|
readonly 'green-600': any;
|
|
@@ -81,7 +83,6 @@ declare const config: {
|
|
|
81
83
|
readonly 'green-850': any;
|
|
82
84
|
readonly 'green-900': any;
|
|
83
85
|
readonly 'green-950': any;
|
|
84
|
-
readonly 'red-50': any;
|
|
85
86
|
readonly 'red-100': any;
|
|
86
87
|
readonly 'red-150': any;
|
|
87
88
|
readonly 'red-200': any;
|
|
@@ -90,6 +91,7 @@ declare const config: {
|
|
|
90
91
|
readonly 'red-350': any;
|
|
91
92
|
readonly 'red-400': any;
|
|
92
93
|
readonly 'red-450': any;
|
|
94
|
+
readonly 'red-50': any;
|
|
93
95
|
readonly 'red-500': any;
|
|
94
96
|
readonly 'red-550': any;
|
|
95
97
|
readonly 'red-600': any;
|
|
@@ -100,9 +102,6 @@ declare const config: {
|
|
|
100
102
|
readonly 'red-850': any;
|
|
101
103
|
readonly 'red-900': any;
|
|
102
104
|
readonly 'red-950': any;
|
|
103
|
-
readonly transparent: any;
|
|
104
|
-
readonly white: any;
|
|
105
|
-
readonly 'yellow-50': any;
|
|
106
105
|
readonly 'yellow-100': any;
|
|
107
106
|
readonly 'yellow-150': any;
|
|
108
107
|
readonly 'yellow-200': any;
|
|
@@ -111,6 +110,7 @@ declare const config: {
|
|
|
111
110
|
readonly 'yellow-350': any;
|
|
112
111
|
readonly 'yellow-400': any;
|
|
113
112
|
readonly 'yellow-450': any;
|
|
113
|
+
readonly 'yellow-50': any;
|
|
114
114
|
readonly 'yellow-500': any;
|
|
115
115
|
readonly 'yellow-550': any;
|
|
116
116
|
readonly 'yellow-600': any;
|
|
@@ -516,7 +516,8 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
516
516
|
} | undefined;
|
|
517
517
|
colors?: {
|
|
518
518
|
readonly black?: string | number | boolean | undefined;
|
|
519
|
-
readonly
|
|
519
|
+
readonly transparent?: string | number | boolean | undefined;
|
|
520
|
+
readonly white?: string | number | boolean | undefined;
|
|
520
521
|
readonly 'blue-100'?: string | number | boolean | undefined;
|
|
521
522
|
readonly 'blue-150'?: string | number | boolean | undefined;
|
|
522
523
|
readonly 'blue-200'?: string | number | boolean | undefined;
|
|
@@ -525,6 +526,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
525
526
|
readonly 'blue-350'?: string | number | boolean | undefined;
|
|
526
527
|
readonly 'blue-400'?: string | number | boolean | undefined;
|
|
527
528
|
readonly 'blue-450'?: string | number | boolean | undefined;
|
|
529
|
+
readonly 'blue-50'?: string | number | boolean | undefined;
|
|
528
530
|
readonly 'blue-500'?: string | number | boolean | undefined;
|
|
529
531
|
readonly 'blue-550'?: string | number | boolean | undefined;
|
|
530
532
|
readonly 'blue-600'?: string | number | boolean | undefined;
|
|
@@ -535,7 +537,6 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
535
537
|
readonly 'blue-850'?: string | number | boolean | undefined;
|
|
536
538
|
readonly 'blue-900'?: string | number | boolean | undefined;
|
|
537
539
|
readonly 'blue-950'?: string | number | boolean | undefined;
|
|
538
|
-
readonly 'gray-50'?: string | number | boolean | undefined;
|
|
539
540
|
readonly 'gray-100'?: string | number | boolean | undefined;
|
|
540
541
|
readonly 'gray-150'?: string | number | boolean | undefined;
|
|
541
542
|
readonly 'gray-200'?: string | number | boolean | undefined;
|
|
@@ -544,6 +545,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
544
545
|
readonly 'gray-350'?: string | number | boolean | undefined;
|
|
545
546
|
readonly 'gray-400'?: string | number | boolean | undefined;
|
|
546
547
|
readonly 'gray-450'?: string | number | boolean | undefined;
|
|
548
|
+
readonly 'gray-50'?: string | number | boolean | undefined;
|
|
547
549
|
readonly 'gray-500'?: string | number | boolean | undefined;
|
|
548
550
|
readonly 'gray-550'?: string | number | boolean | undefined;
|
|
549
551
|
readonly 'gray-600'?: string | number | boolean | undefined;
|
|
@@ -554,7 +556,6 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
554
556
|
readonly 'gray-850'?: string | number | boolean | undefined;
|
|
555
557
|
readonly 'gray-900'?: string | number | boolean | undefined;
|
|
556
558
|
readonly 'gray-950'?: string | number | boolean | undefined;
|
|
557
|
-
readonly 'green-50'?: string | number | boolean | undefined;
|
|
558
559
|
readonly 'green-100'?: string | number | boolean | undefined;
|
|
559
560
|
readonly 'green-150'?: string | number | boolean | undefined;
|
|
560
561
|
readonly 'green-200'?: string | number | boolean | undefined;
|
|
@@ -563,6 +564,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
563
564
|
readonly 'green-350'?: string | number | boolean | undefined;
|
|
564
565
|
readonly 'green-400'?: string | number | boolean | undefined;
|
|
565
566
|
readonly 'green-450'?: string | number | boolean | undefined;
|
|
567
|
+
readonly 'green-50'?: string | number | boolean | undefined;
|
|
566
568
|
readonly 'green-500'?: string | number | boolean | undefined;
|
|
567
569
|
readonly 'green-550'?: string | number | boolean | undefined;
|
|
568
570
|
readonly 'green-600'?: string | number | boolean | undefined;
|
|
@@ -573,7 +575,6 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
573
575
|
readonly 'green-850'?: string | number | boolean | undefined;
|
|
574
576
|
readonly 'green-900'?: string | number | boolean | undefined;
|
|
575
577
|
readonly 'green-950'?: string | number | boolean | undefined;
|
|
576
|
-
readonly 'red-50'?: string | number | boolean | undefined;
|
|
577
578
|
readonly 'red-100'?: string | number | boolean | undefined;
|
|
578
579
|
readonly 'red-150'?: string | number | boolean | undefined;
|
|
579
580
|
readonly 'red-200'?: string | number | boolean | undefined;
|
|
@@ -582,6 +583,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
582
583
|
readonly 'red-350'?: string | number | boolean | undefined;
|
|
583
584
|
readonly 'red-400'?: string | number | boolean | undefined;
|
|
584
585
|
readonly 'red-450'?: string | number | boolean | undefined;
|
|
586
|
+
readonly 'red-50'?: string | number | boolean | undefined;
|
|
585
587
|
readonly 'red-500'?: string | number | boolean | undefined;
|
|
586
588
|
readonly 'red-550'?: string | number | boolean | undefined;
|
|
587
589
|
readonly 'red-600'?: string | number | boolean | undefined;
|
|
@@ -592,9 +594,6 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
592
594
|
readonly 'red-850'?: string | number | boolean | undefined;
|
|
593
595
|
readonly 'red-900'?: string | number | boolean | undefined;
|
|
594
596
|
readonly 'red-950'?: string | number | boolean | undefined;
|
|
595
|
-
readonly transparent?: string | number | boolean | undefined;
|
|
596
|
-
readonly white?: string | number | boolean | undefined;
|
|
597
|
-
readonly 'yellow-50'?: string | number | boolean | undefined;
|
|
598
597
|
readonly 'yellow-100'?: string | number | boolean | undefined;
|
|
599
598
|
readonly 'yellow-150'?: string | number | boolean | undefined;
|
|
600
599
|
readonly 'yellow-200'?: string | number | boolean | undefined;
|
|
@@ -603,6 +602,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
603
602
|
readonly 'yellow-350'?: string | number | boolean | undefined;
|
|
604
603
|
readonly 'yellow-400'?: string | number | boolean | undefined;
|
|
605
604
|
readonly 'yellow-450'?: string | number | boolean | undefined;
|
|
605
|
+
readonly 'yellow-50'?: string | number | boolean | undefined;
|
|
606
606
|
readonly 'yellow-500'?: string | number | boolean | undefined;
|
|
607
607
|
readonly 'yellow-550'?: string | number | boolean | undefined;
|
|
608
608
|
readonly 'yellow-600'?: string | number | boolean | undefined;
|
|
@@ -824,7 +824,8 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
824
824
|
} | undefined;
|
|
825
825
|
colors?: {
|
|
826
826
|
readonly black?: string | number | boolean | undefined;
|
|
827
|
-
readonly
|
|
827
|
+
readonly transparent?: string | number | boolean | undefined;
|
|
828
|
+
readonly white?: string | number | boolean | undefined;
|
|
828
829
|
readonly 'blue-100'?: string | number | boolean | undefined;
|
|
829
830
|
readonly 'blue-150'?: string | number | boolean | undefined;
|
|
830
831
|
readonly 'blue-200'?: string | number | boolean | undefined;
|
|
@@ -833,6 +834,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
833
834
|
readonly 'blue-350'?: string | number | boolean | undefined;
|
|
834
835
|
readonly 'blue-400'?: string | number | boolean | undefined;
|
|
835
836
|
readonly 'blue-450'?: string | number | boolean | undefined;
|
|
837
|
+
readonly 'blue-50'?: string | number | boolean | undefined;
|
|
836
838
|
readonly 'blue-500'?: string | number | boolean | undefined;
|
|
837
839
|
readonly 'blue-550'?: string | number | boolean | undefined;
|
|
838
840
|
readonly 'blue-600'?: string | number | boolean | undefined;
|
|
@@ -843,7 +845,6 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
843
845
|
readonly 'blue-850'?: string | number | boolean | undefined;
|
|
844
846
|
readonly 'blue-900'?: string | number | boolean | undefined;
|
|
845
847
|
readonly 'blue-950'?: string | number | boolean | undefined;
|
|
846
|
-
readonly 'gray-50'?: string | number | boolean | undefined;
|
|
847
848
|
readonly 'gray-100'?: string | number | boolean | undefined;
|
|
848
849
|
readonly 'gray-150'?: string | number | boolean | undefined;
|
|
849
850
|
readonly 'gray-200'?: string | number | boolean | undefined;
|
|
@@ -852,6 +853,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
852
853
|
readonly 'gray-350'?: string | number | boolean | undefined;
|
|
853
854
|
readonly 'gray-400'?: string | number | boolean | undefined;
|
|
854
855
|
readonly 'gray-450'?: string | number | boolean | undefined;
|
|
856
|
+
readonly 'gray-50'?: string | number | boolean | undefined;
|
|
855
857
|
readonly 'gray-500'?: string | number | boolean | undefined;
|
|
856
858
|
readonly 'gray-550'?: string | number | boolean | undefined;
|
|
857
859
|
readonly 'gray-600'?: string | number | boolean | undefined;
|
|
@@ -862,7 +864,6 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
862
864
|
readonly 'gray-850'?: string | number | boolean | undefined;
|
|
863
865
|
readonly 'gray-900'?: string | number | boolean | undefined;
|
|
864
866
|
readonly 'gray-950'?: string | number | boolean | undefined;
|
|
865
|
-
readonly 'green-50'?: string | number | boolean | undefined;
|
|
866
867
|
readonly 'green-100'?: string | number | boolean | undefined;
|
|
867
868
|
readonly 'green-150'?: string | number | boolean | undefined;
|
|
868
869
|
readonly 'green-200'?: string | number | boolean | undefined;
|
|
@@ -871,6 +872,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
871
872
|
readonly 'green-350'?: string | number | boolean | undefined;
|
|
872
873
|
readonly 'green-400'?: string | number | boolean | undefined;
|
|
873
874
|
readonly 'green-450'?: string | number | boolean | undefined;
|
|
875
|
+
readonly 'green-50'?: string | number | boolean | undefined;
|
|
874
876
|
readonly 'green-500'?: string | number | boolean | undefined;
|
|
875
877
|
readonly 'green-550'?: string | number | boolean | undefined;
|
|
876
878
|
readonly 'green-600'?: string | number | boolean | undefined;
|
|
@@ -881,7 +883,6 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
881
883
|
readonly 'green-850'?: string | number | boolean | undefined;
|
|
882
884
|
readonly 'green-900'?: string | number | boolean | undefined;
|
|
883
885
|
readonly 'green-950'?: string | number | boolean | undefined;
|
|
884
|
-
readonly 'red-50'?: string | number | boolean | undefined;
|
|
885
886
|
readonly 'red-100'?: string | number | boolean | undefined;
|
|
886
887
|
readonly 'red-150'?: string | number | boolean | undefined;
|
|
887
888
|
readonly 'red-200'?: string | number | boolean | undefined;
|
|
@@ -890,6 +891,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
890
891
|
readonly 'red-350'?: string | number | boolean | undefined;
|
|
891
892
|
readonly 'red-400'?: string | number | boolean | undefined;
|
|
892
893
|
readonly 'red-450'?: string | number | boolean | undefined;
|
|
894
|
+
readonly 'red-50'?: string | number | boolean | undefined;
|
|
893
895
|
readonly 'red-500'?: string | number | boolean | undefined;
|
|
894
896
|
readonly 'red-550'?: string | number | boolean | undefined;
|
|
895
897
|
readonly 'red-600'?: string | number | boolean | undefined;
|
|
@@ -900,9 +902,6 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
900
902
|
readonly 'red-850'?: string | number | boolean | undefined;
|
|
901
903
|
readonly 'red-900'?: string | number | boolean | undefined;
|
|
902
904
|
readonly 'red-950'?: string | number | boolean | undefined;
|
|
903
|
-
readonly transparent?: string | number | boolean | undefined;
|
|
904
|
-
readonly white?: string | number | boolean | undefined;
|
|
905
|
-
readonly 'yellow-50'?: string | number | boolean | undefined;
|
|
906
905
|
readonly 'yellow-100'?: string | number | boolean | undefined;
|
|
907
906
|
readonly 'yellow-150'?: string | number | boolean | undefined;
|
|
908
907
|
readonly 'yellow-200'?: string | number | boolean | undefined;
|
|
@@ -911,6 +910,7 @@ declare const createTheme: <Argument0 extends string | ({
|
|
|
911
910
|
readonly 'yellow-350'?: string | number | boolean | undefined;
|
|
912
911
|
readonly 'yellow-400'?: string | number | boolean | undefined;
|
|
913
912
|
readonly 'yellow-450'?: string | number | boolean | undefined;
|
|
913
|
+
readonly 'yellow-50'?: string | number | boolean | undefined;
|
|
914
914
|
readonly 'yellow-500'?: string | number | boolean | undefined;
|
|
915
915
|
readonly 'yellow-550'?: string | number | boolean | undefined;
|
|
916
916
|
readonly 'yellow-600'?: string | number | boolean | undefined;
|
|
@@ -1138,7 +1138,8 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1138
1138
|
};
|
|
1139
1139
|
colors: {
|
|
1140
1140
|
readonly black: any;
|
|
1141
|
-
readonly
|
|
1141
|
+
readonly transparent: any;
|
|
1142
|
+
readonly white: any;
|
|
1142
1143
|
readonly 'blue-100': any;
|
|
1143
1144
|
readonly 'blue-150': any;
|
|
1144
1145
|
readonly 'blue-200': any;
|
|
@@ -1147,6 +1148,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1147
1148
|
readonly 'blue-350': any;
|
|
1148
1149
|
readonly 'blue-400': any;
|
|
1149
1150
|
readonly 'blue-450': any;
|
|
1151
|
+
readonly 'blue-50': any;
|
|
1150
1152
|
readonly 'blue-500': any;
|
|
1151
1153
|
readonly 'blue-550': any;
|
|
1152
1154
|
readonly 'blue-600': any;
|
|
@@ -1157,7 +1159,6 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1157
1159
|
readonly 'blue-850': any;
|
|
1158
1160
|
readonly 'blue-900': any;
|
|
1159
1161
|
readonly 'blue-950': any;
|
|
1160
|
-
readonly 'gray-50': any;
|
|
1161
1162
|
readonly 'gray-100': any;
|
|
1162
1163
|
readonly 'gray-150': any;
|
|
1163
1164
|
readonly 'gray-200': any;
|
|
@@ -1166,6 +1167,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1166
1167
|
readonly 'gray-350': any;
|
|
1167
1168
|
readonly 'gray-400': any;
|
|
1168
1169
|
readonly 'gray-450': any;
|
|
1170
|
+
readonly 'gray-50': any;
|
|
1169
1171
|
readonly 'gray-500': any;
|
|
1170
1172
|
readonly 'gray-550': any;
|
|
1171
1173
|
readonly 'gray-600': any;
|
|
@@ -1176,7 +1178,6 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1176
1178
|
readonly 'gray-850': any;
|
|
1177
1179
|
readonly 'gray-900': any;
|
|
1178
1180
|
readonly 'gray-950': any;
|
|
1179
|
-
readonly 'green-50': any;
|
|
1180
1181
|
readonly 'green-100': any;
|
|
1181
1182
|
readonly 'green-150': any;
|
|
1182
1183
|
readonly 'green-200': any;
|
|
@@ -1185,6 +1186,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1185
1186
|
readonly 'green-350': any;
|
|
1186
1187
|
readonly 'green-400': any;
|
|
1187
1188
|
readonly 'green-450': any;
|
|
1189
|
+
readonly 'green-50': any;
|
|
1188
1190
|
readonly 'green-500': any;
|
|
1189
1191
|
readonly 'green-550': any;
|
|
1190
1192
|
readonly 'green-600': any;
|
|
@@ -1195,7 +1197,6 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1195
1197
|
readonly 'green-850': any;
|
|
1196
1198
|
readonly 'green-900': any;
|
|
1197
1199
|
readonly 'green-950': any;
|
|
1198
|
-
readonly 'red-50': any;
|
|
1199
1200
|
readonly 'red-100': any;
|
|
1200
1201
|
readonly 'red-150': any;
|
|
1201
1202
|
readonly 'red-200': any;
|
|
@@ -1204,6 +1205,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1204
1205
|
readonly 'red-350': any;
|
|
1205
1206
|
readonly 'red-400': any;
|
|
1206
1207
|
readonly 'red-450': any;
|
|
1208
|
+
readonly 'red-50': any;
|
|
1207
1209
|
readonly 'red-500': any;
|
|
1208
1210
|
readonly 'red-550': any;
|
|
1209
1211
|
readonly 'red-600': any;
|
|
@@ -1214,9 +1216,6 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1214
1216
|
readonly 'red-850': any;
|
|
1215
1217
|
readonly 'red-900': any;
|
|
1216
1218
|
readonly 'red-950': any;
|
|
1217
|
-
readonly transparent: any;
|
|
1218
|
-
readonly white: any;
|
|
1219
|
-
readonly 'yellow-50': any;
|
|
1220
1219
|
readonly 'yellow-100': any;
|
|
1221
1220
|
readonly 'yellow-150': any;
|
|
1222
1221
|
readonly 'yellow-200': any;
|
|
@@ -1225,6 +1224,7 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
|
|
|
1225
1224
|
readonly 'yellow-350': any;
|
|
1226
1225
|
readonly 'yellow-400': any;
|
|
1227
1226
|
readonly 'yellow-450': any;
|
|
1227
|
+
readonly 'yellow-50': any;
|
|
1228
1228
|
readonly 'yellow-500': any;
|
|
1229
1229
|
readonly 'yellow-550': any;
|
|
1230
1230
|
readonly 'yellow-600': any;
|
|
@@ -1645,7 +1645,8 @@ declare const globalCss: <Styles extends {
|
|
|
1645
1645
|
};
|
|
1646
1646
|
colors: {
|
|
1647
1647
|
readonly black: any;
|
|
1648
|
-
readonly
|
|
1648
|
+
readonly transparent: any;
|
|
1649
|
+
readonly white: any;
|
|
1649
1650
|
readonly 'blue-100': any;
|
|
1650
1651
|
readonly 'blue-150': any;
|
|
1651
1652
|
readonly 'blue-200': any;
|
|
@@ -1654,6 +1655,7 @@ declare const globalCss: <Styles extends {
|
|
|
1654
1655
|
readonly 'blue-350': any;
|
|
1655
1656
|
readonly 'blue-400': any;
|
|
1656
1657
|
readonly 'blue-450': any;
|
|
1658
|
+
readonly 'blue-50': any;
|
|
1657
1659
|
readonly 'blue-500': any;
|
|
1658
1660
|
readonly 'blue-550': any;
|
|
1659
1661
|
readonly 'blue-600': any;
|
|
@@ -1664,7 +1666,6 @@ declare const globalCss: <Styles extends {
|
|
|
1664
1666
|
readonly 'blue-850': any;
|
|
1665
1667
|
readonly 'blue-900': any;
|
|
1666
1668
|
readonly 'blue-950': any;
|
|
1667
|
-
readonly 'gray-50': any;
|
|
1668
1669
|
readonly 'gray-100': any;
|
|
1669
1670
|
readonly 'gray-150': any;
|
|
1670
1671
|
readonly 'gray-200': any;
|
|
@@ -1673,6 +1674,7 @@ declare const globalCss: <Styles extends {
|
|
|
1673
1674
|
readonly 'gray-350': any;
|
|
1674
1675
|
readonly 'gray-400': any;
|
|
1675
1676
|
readonly 'gray-450': any;
|
|
1677
|
+
readonly 'gray-50': any;
|
|
1676
1678
|
readonly 'gray-500': any;
|
|
1677
1679
|
readonly 'gray-550': any;
|
|
1678
1680
|
readonly 'gray-600': any;
|
|
@@ -1683,7 +1685,6 @@ declare const globalCss: <Styles extends {
|
|
|
1683
1685
|
readonly 'gray-850': any;
|
|
1684
1686
|
readonly 'gray-900': any;
|
|
1685
1687
|
readonly 'gray-950': any;
|
|
1686
|
-
readonly 'green-50': any;
|
|
1687
1688
|
readonly 'green-100': any;
|
|
1688
1689
|
readonly 'green-150': any;
|
|
1689
1690
|
readonly 'green-200': any;
|
|
@@ -1692,6 +1693,7 @@ declare const globalCss: <Styles extends {
|
|
|
1692
1693
|
readonly 'green-350': any;
|
|
1693
1694
|
readonly 'green-400': any;
|
|
1694
1695
|
readonly 'green-450': any;
|
|
1696
|
+
readonly 'green-50': any;
|
|
1695
1697
|
readonly 'green-500': any;
|
|
1696
1698
|
readonly 'green-550': any;
|
|
1697
1699
|
readonly 'green-600': any;
|
|
@@ -1702,7 +1704,6 @@ declare const globalCss: <Styles extends {
|
|
|
1702
1704
|
readonly 'green-850': any;
|
|
1703
1705
|
readonly 'green-900': any;
|
|
1704
1706
|
readonly 'green-950': any;
|
|
1705
|
-
readonly 'red-50': any;
|
|
1706
1707
|
readonly 'red-100': any;
|
|
1707
1708
|
readonly 'red-150': any;
|
|
1708
1709
|
readonly 'red-200': any;
|
|
@@ -1711,6 +1712,7 @@ declare const globalCss: <Styles extends {
|
|
|
1711
1712
|
readonly 'red-350': any;
|
|
1712
1713
|
readonly 'red-400': any;
|
|
1713
1714
|
readonly 'red-450': any;
|
|
1715
|
+
readonly 'red-50': any;
|
|
1714
1716
|
readonly 'red-500': any;
|
|
1715
1717
|
readonly 'red-550': any;
|
|
1716
1718
|
readonly 'red-600': any;
|
|
@@ -1721,9 +1723,6 @@ declare const globalCss: <Styles extends {
|
|
|
1721
1723
|
readonly 'red-850': any;
|
|
1722
1724
|
readonly 'red-900': any;
|
|
1723
1725
|
readonly 'red-950': any;
|
|
1724
|
-
readonly transparent: any;
|
|
1725
|
-
readonly white: any;
|
|
1726
|
-
readonly 'yellow-50': any;
|
|
1727
1726
|
readonly 'yellow-100': any;
|
|
1728
1727
|
readonly 'yellow-150': any;
|
|
1729
1728
|
readonly 'yellow-200': any;
|
|
@@ -1732,6 +1731,7 @@ declare const globalCss: <Styles extends {
|
|
|
1732
1731
|
readonly 'yellow-350': any;
|
|
1733
1732
|
readonly 'yellow-400': any;
|
|
1734
1733
|
readonly 'yellow-450': any;
|
|
1734
|
+
readonly 'yellow-50': any;
|
|
1735
1735
|
readonly 'yellow-500': any;
|
|
1736
1736
|
readonly 'yellow-550': any;
|
|
1737
1737
|
readonly 'yellow-600': any;
|
|
@@ -2134,7 +2134,8 @@ declare const globalCss: <Styles extends {
|
|
|
2134
2134
|
};
|
|
2135
2135
|
colors: {
|
|
2136
2136
|
readonly black: any;
|
|
2137
|
-
readonly
|
|
2137
|
+
readonly transparent: any;
|
|
2138
|
+
readonly white: any;
|
|
2138
2139
|
readonly 'blue-100': any;
|
|
2139
2140
|
readonly 'blue-150': any;
|
|
2140
2141
|
readonly 'blue-200': any;
|
|
@@ -2143,6 +2144,7 @@ declare const globalCss: <Styles extends {
|
|
|
2143
2144
|
readonly 'blue-350': any;
|
|
2144
2145
|
readonly 'blue-400': any;
|
|
2145
2146
|
readonly 'blue-450': any;
|
|
2147
|
+
readonly 'blue-50': any;
|
|
2146
2148
|
readonly 'blue-500': any;
|
|
2147
2149
|
readonly 'blue-550': any;
|
|
2148
2150
|
readonly 'blue-600': any;
|
|
@@ -2153,7 +2155,6 @@ declare const globalCss: <Styles extends {
|
|
|
2153
2155
|
readonly 'blue-850': any;
|
|
2154
2156
|
readonly 'blue-900': any;
|
|
2155
2157
|
readonly 'blue-950': any;
|
|
2156
|
-
readonly 'gray-50': any;
|
|
2157
2158
|
readonly 'gray-100': any;
|
|
2158
2159
|
readonly 'gray-150': any;
|
|
2159
2160
|
readonly 'gray-200': any;
|
|
@@ -2162,6 +2163,7 @@ declare const globalCss: <Styles extends {
|
|
|
2162
2163
|
readonly 'gray-350': any;
|
|
2163
2164
|
readonly 'gray-400': any;
|
|
2164
2165
|
readonly 'gray-450': any;
|
|
2166
|
+
readonly 'gray-50': any;
|
|
2165
2167
|
readonly 'gray-500': any;
|
|
2166
2168
|
readonly 'gray-550': any;
|
|
2167
2169
|
readonly 'gray-600': any;
|
|
@@ -2172,7 +2174,6 @@ declare const globalCss: <Styles extends {
|
|
|
2172
2174
|
readonly 'gray-850': any;
|
|
2173
2175
|
readonly 'gray-900': any;
|
|
2174
2176
|
readonly 'gray-950': any;
|
|
2175
|
-
readonly 'green-50': any;
|
|
2176
2177
|
readonly 'green-100': any;
|
|
2177
2178
|
readonly 'green-150': any;
|
|
2178
2179
|
readonly 'green-200': any;
|
|
@@ -2181,6 +2182,7 @@ declare const globalCss: <Styles extends {
|
|
|
2181
2182
|
readonly 'green-350': any;
|
|
2182
2183
|
readonly 'green-400': any;
|
|
2183
2184
|
readonly 'green-450': any;
|
|
2185
|
+
readonly 'green-50': any;
|
|
2184
2186
|
readonly 'green-500': any;
|
|
2185
2187
|
readonly 'green-550': any;
|
|
2186
2188
|
readonly 'green-600': any;
|
|
@@ -2191,7 +2193,6 @@ declare const globalCss: <Styles extends {
|
|
|
2191
2193
|
readonly 'green-850': any;
|
|
2192
2194
|
readonly 'green-900': any;
|
|
2193
2195
|
readonly 'green-950': any;
|
|
2194
|
-
readonly 'red-50': any;
|
|
2195
2196
|
readonly 'red-100': any;
|
|
2196
2197
|
readonly 'red-150': any;
|
|
2197
2198
|
readonly 'red-200': any;
|
|
@@ -2200,6 +2201,7 @@ declare const globalCss: <Styles extends {
|
|
|
2200
2201
|
readonly 'red-350': any;
|
|
2201
2202
|
readonly 'red-400': any;
|
|
2202
2203
|
readonly 'red-450': any;
|
|
2204
|
+
readonly 'red-50': any;
|
|
2203
2205
|
readonly 'red-500': any;
|
|
2204
2206
|
readonly 'red-550': any;
|
|
2205
2207
|
readonly 'red-600': any;
|
|
@@ -2210,9 +2212,6 @@ declare const globalCss: <Styles extends {
|
|
|
2210
2212
|
readonly 'red-850': any;
|
|
2211
2213
|
readonly 'red-900': any;
|
|
2212
2214
|
readonly 'red-950': any;
|
|
2213
|
-
readonly transparent: any;
|
|
2214
|
-
readonly white: any;
|
|
2215
|
-
readonly 'yellow-50': any;
|
|
2216
2215
|
readonly 'yellow-100': any;
|
|
2217
2216
|
readonly 'yellow-150': any;
|
|
2218
2217
|
readonly 'yellow-200': any;
|
|
@@ -2221,6 +2220,7 @@ declare const globalCss: <Styles extends {
|
|
|
2221
2220
|
readonly 'yellow-350': any;
|
|
2222
2221
|
readonly 'yellow-400': any;
|
|
2223
2222
|
readonly 'yellow-450': any;
|
|
2223
|
+
readonly 'yellow-50': any;
|
|
2224
2224
|
readonly 'yellow-500': any;
|
|
2225
2225
|
readonly 'yellow-550': any;
|
|
2226
2226
|
readonly 'yellow-600': any;
|
|
@@ -2624,7 +2624,8 @@ declare const keyframes: (style: {
|
|
|
2624
2624
|
};
|
|
2625
2625
|
colors: {
|
|
2626
2626
|
readonly black: any;
|
|
2627
|
-
readonly
|
|
2627
|
+
readonly transparent: any;
|
|
2628
|
+
readonly white: any;
|
|
2628
2629
|
readonly 'blue-100': any;
|
|
2629
2630
|
readonly 'blue-150': any;
|
|
2630
2631
|
readonly 'blue-200': any;
|
|
@@ -2633,6 +2634,7 @@ declare const keyframes: (style: {
|
|
|
2633
2634
|
readonly 'blue-350': any;
|
|
2634
2635
|
readonly 'blue-400': any;
|
|
2635
2636
|
readonly 'blue-450': any;
|
|
2637
|
+
readonly 'blue-50': any;
|
|
2636
2638
|
readonly 'blue-500': any;
|
|
2637
2639
|
readonly 'blue-550': any;
|
|
2638
2640
|
readonly 'blue-600': any;
|
|
@@ -2643,7 +2645,6 @@ declare const keyframes: (style: {
|
|
|
2643
2645
|
readonly 'blue-850': any;
|
|
2644
2646
|
readonly 'blue-900': any;
|
|
2645
2647
|
readonly 'blue-950': any;
|
|
2646
|
-
readonly 'gray-50': any;
|
|
2647
2648
|
readonly 'gray-100': any;
|
|
2648
2649
|
readonly 'gray-150': any;
|
|
2649
2650
|
readonly 'gray-200': any;
|
|
@@ -2652,6 +2653,7 @@ declare const keyframes: (style: {
|
|
|
2652
2653
|
readonly 'gray-350': any;
|
|
2653
2654
|
readonly 'gray-400': any;
|
|
2654
2655
|
readonly 'gray-450': any;
|
|
2656
|
+
readonly 'gray-50': any;
|
|
2655
2657
|
readonly 'gray-500': any;
|
|
2656
2658
|
readonly 'gray-550': any;
|
|
2657
2659
|
readonly 'gray-600': any;
|
|
@@ -2662,7 +2664,6 @@ declare const keyframes: (style: {
|
|
|
2662
2664
|
readonly 'gray-850': any;
|
|
2663
2665
|
readonly 'gray-900': any;
|
|
2664
2666
|
readonly 'gray-950': any;
|
|
2665
|
-
readonly 'green-50': any;
|
|
2666
2667
|
readonly 'green-100': any;
|
|
2667
2668
|
readonly 'green-150': any;
|
|
2668
2669
|
readonly 'green-200': any;
|
|
@@ -2671,6 +2672,7 @@ declare const keyframes: (style: {
|
|
|
2671
2672
|
readonly 'green-350': any;
|
|
2672
2673
|
readonly 'green-400': any;
|
|
2673
2674
|
readonly 'green-450': any;
|
|
2675
|
+
readonly 'green-50': any;
|
|
2674
2676
|
readonly 'green-500': any;
|
|
2675
2677
|
readonly 'green-550': any;
|
|
2676
2678
|
readonly 'green-600': any;
|
|
@@ -2681,7 +2683,6 @@ declare const keyframes: (style: {
|
|
|
2681
2683
|
readonly 'green-850': any;
|
|
2682
2684
|
readonly 'green-900': any;
|
|
2683
2685
|
readonly 'green-950': any;
|
|
2684
|
-
readonly 'red-50': any;
|
|
2685
2686
|
readonly 'red-100': any;
|
|
2686
2687
|
readonly 'red-150': any;
|
|
2687
2688
|
readonly 'red-200': any;
|
|
@@ -2690,6 +2691,7 @@ declare const keyframes: (style: {
|
|
|
2690
2691
|
readonly 'red-350': any;
|
|
2691
2692
|
readonly 'red-400': any;
|
|
2692
2693
|
readonly 'red-450': any;
|
|
2694
|
+
readonly 'red-50': any;
|
|
2693
2695
|
readonly 'red-500': any;
|
|
2694
2696
|
readonly 'red-550': any;
|
|
2695
2697
|
readonly 'red-600': any;
|
|
@@ -2700,9 +2702,6 @@ declare const keyframes: (style: {
|
|
|
2700
2702
|
readonly 'red-850': any;
|
|
2701
2703
|
readonly 'red-900': any;
|
|
2702
2704
|
readonly 'red-950': any;
|
|
2703
|
-
readonly transparent: any;
|
|
2704
|
-
readonly white: any;
|
|
2705
|
-
readonly 'yellow-50': any;
|
|
2706
2705
|
readonly 'yellow-100': any;
|
|
2707
2706
|
readonly 'yellow-150': any;
|
|
2708
2707
|
readonly 'yellow-200': any;
|
|
@@ -2711,6 +2710,7 @@ declare const keyframes: (style: {
|
|
|
2711
2710
|
readonly 'yellow-350': any;
|
|
2712
2711
|
readonly 'yellow-400': any;
|
|
2713
2712
|
readonly 'yellow-450': any;
|
|
2713
|
+
readonly 'yellow-50': any;
|
|
2714
2714
|
readonly 'yellow-500': any;
|
|
2715
2715
|
readonly 'yellow-550': any;
|
|
2716
2716
|
readonly 'yellow-600': any;
|
|
@@ -3282,7 +3282,8 @@ declare const theme: {
|
|
|
3282
3282
|
};
|
|
3283
3283
|
colors: {
|
|
3284
3284
|
readonly black: "#000000";
|
|
3285
|
-
readonly
|
|
3285
|
+
readonly transparent: "#FFFFFF00";
|
|
3286
|
+
readonly white: "#FFFFFF";
|
|
3286
3287
|
readonly 'blue-100': "#F2F4FC";
|
|
3287
3288
|
readonly 'blue-150': "#E8ECFC";
|
|
3288
3289
|
readonly 'blue-200': "#D9DFFC";
|
|
@@ -3291,6 +3292,7 @@ declare const theme: {
|
|
|
3291
3292
|
readonly 'blue-350': "#97A8FE";
|
|
3292
3293
|
readonly 'blue-400': "#7A90FE";
|
|
3293
3294
|
readonly 'blue-450': "#5B76FE";
|
|
3295
|
+
readonly 'blue-50': "#F7F8FC";
|
|
3294
3296
|
readonly 'blue-500': "#3859FF";
|
|
3295
3297
|
readonly 'blue-550': "#314CD9";
|
|
3296
3298
|
readonly 'blue-600': "#2A41B6";
|
|
@@ -3301,7 +3303,6 @@ declare const theme: {
|
|
|
3301
3303
|
readonly 'blue-850': "#12193E";
|
|
3302
3304
|
readonly 'blue-900': "#101633";
|
|
3303
3305
|
readonly 'blue-950': "#0F142E";
|
|
3304
|
-
readonly 'gray-50': "#F6F7F9";
|
|
3305
3306
|
readonly 'gray-100': "#F3F4F6";
|
|
3306
3307
|
readonly 'gray-150': "#EBECF0";
|
|
3307
3308
|
readonly 'gray-200': "#E0E1E6";
|
|
@@ -3310,6 +3311,7 @@ declare const theme: {
|
|
|
3310
3311
|
readonly 'gray-350': "#ADB1BD";
|
|
3311
3312
|
readonly 'gray-400': "#979CAB";
|
|
3312
3313
|
readonly 'gray-450': "#7F8497";
|
|
3314
|
+
readonly 'gray-50': "#F6F7F9";
|
|
3313
3315
|
readonly 'gray-500': "#656B81";
|
|
3314
3316
|
readonly 'gray-550': "#575C6F";
|
|
3315
3317
|
readonly 'gray-600': "#4A4E5E";
|
|
@@ -3320,7 +3322,6 @@ declare const theme: {
|
|
|
3320
3322
|
readonly 'gray-850': "#1E1F24";
|
|
3321
3323
|
readonly 'gray-900': "#1A1B1E";
|
|
3322
3324
|
readonly 'gray-950': "#18191C";
|
|
3323
|
-
readonly 'green-50': "#EFF9EC";
|
|
3324
3325
|
readonly 'green-100': "#EAF6E6";
|
|
3325
3326
|
readonly 'green-150': "#DFF1DA";
|
|
3326
3327
|
readonly 'green-200': "#CEE9C8";
|
|
@@ -3329,6 +3330,7 @@ declare const theme: {
|
|
|
3329
3330
|
readonly 'green-350': "#85C476";
|
|
3330
3331
|
readonly 'green-400': "#65B452";
|
|
3331
3332
|
readonly 'green-450': "#42A22B";
|
|
3333
|
+
readonly 'green-50': "#EFF9EC";
|
|
3332
3334
|
readonly 'green-500': "#1C8F00";
|
|
3333
3335
|
readonly 'green-550': "#1A7B02";
|
|
3334
3336
|
readonly 'green-600': "#186904";
|
|
@@ -3339,7 +3341,6 @@ declare const theme: {
|
|
|
3339
3341
|
readonly 'green-850': "#122B0B";
|
|
3340
3342
|
readonly 'green-900': "#11260C";
|
|
3341
3343
|
readonly 'green-950': "#11230C";
|
|
3342
|
-
readonly 'red-50': "#FEF7F8";
|
|
3343
3344
|
readonly 'red-100': "#FDF2F3";
|
|
3344
3345
|
readonly 'red-150': "#FBE6E8";
|
|
3345
3346
|
readonly 'red-200': "#F8D5D8";
|
|
@@ -3348,6 +3349,7 @@ declare const theme: {
|
|
|
3348
3349
|
readonly 'red-350': "#EB8792";
|
|
3349
3350
|
readonly 'red-400': "#E56673";
|
|
3350
3351
|
readonly 'red-450': "#DF4051";
|
|
3352
|
+
readonly 'red-50': "#FEF7F8";
|
|
3351
3353
|
readonly 'red-500': "#D8182C";
|
|
3352
3354
|
readonly 'red-550': "#B91829";
|
|
3353
3355
|
readonly 'red-600': "#9C1825";
|
|
@@ -3358,9 +3360,6 @@ declare const theme: {
|
|
|
3358
3360
|
readonly 'red-850': "#38171A";
|
|
3359
3361
|
readonly 'red-900': "#2F1719";
|
|
3360
3362
|
readonly 'red-950': "#2B1719";
|
|
3361
|
-
readonly transparent: "#FFFFFF00";
|
|
3362
|
-
readonly white: "#FFFFFF";
|
|
3363
|
-
readonly 'yellow-50': "#FFFAE7";
|
|
3364
3363
|
readonly 'yellow-100': "#FFF9E3";
|
|
3365
3364
|
readonly 'yellow-150': "#FFF7D9";
|
|
3366
3365
|
readonly 'yellow-200': "#FFF4CB";
|
|
@@ -3369,6 +3368,7 @@ declare const theme: {
|
|
|
3369
3368
|
readonly 'yellow-350': "#FFE58B";
|
|
3370
3369
|
readonly 'yellow-400': "#FFDF6F";
|
|
3371
3370
|
readonly 'yellow-450': "#FFD850";
|
|
3371
|
+
readonly 'yellow-50': "#FFFAE7";
|
|
3372
3372
|
readonly 'yellow-500': "#FFD02F";
|
|
3373
3373
|
readonly 'yellow-550': "#D7B029";
|
|
3374
3374
|
readonly 'yellow-600': "#B39223";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-stitches",
|
|
3
|
-
"version": "2.6.
|
|
3
|
+
"version": "2.6.9",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"lodash.merge": "^4.6.2",
|
|
30
|
-
"@mirohq/design-system-themes": "^0.
|
|
31
|
-
"@mirohq/design-tokens": "^5.
|
|
30
|
+
"@mirohq/design-system-themes": "^0.7.0",
|
|
31
|
+
"@mirohq/design-tokens": "^5.1.0",
|
|
32
32
|
"@mirohq/design-system-types": "^0.9.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|