@preply/ds-core 0.63.0 → 0.64.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/avatar/constants.d.ts +1 -0
- package/dist/avatar/constants.js +4 -3
- package/dist/avatar/index.js +1 -1
- package/dist/generated/breakpoints.d.ts +1 -1
- package/dist/generated/breakpoints.js +2 -2
- package/dist/generated/defaults.d.ts +14 -2
- package/dist/generated/defaults.js +15 -3
- package/dist/generated/options.d.ts +34 -26
- package/dist/generated/options.js +105 -44
- package/dist/generated/tokens.d.ts +642 -254
- package/dist/generated/tokens.js +1377 -722
- package/dist/generated/types.d.ts +43 -35
- package/dist/index.js +4 -4
- package/dist/layout/types.d.ts +5 -5
- package/package.json +4 -4
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* AUTO GENERATED @
|
|
2
|
+
* AUTO GENERATED @Tue Aug 29 2023 09:22:20 GMT+0000 (Coordinated Universal Time)
|
|
3
3
|
*/
|
|
4
4
|
import { Token } from '@preply/ds-core-types';
|
|
5
5
|
export declare const scheme: {
|
|
@@ -155,23 +155,154 @@ export declare const root: {
|
|
|
155
155
|
xl: Token;
|
|
156
156
|
};
|
|
157
157
|
};
|
|
158
|
-
export declare const
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
158
|
+
export declare const dsInternalPrimitive: {
|
|
159
|
+
color: {
|
|
160
|
+
background: {
|
|
161
|
+
primary: Token;
|
|
162
|
+
secondary: Token;
|
|
163
|
+
tertiary: Token;
|
|
164
|
+
primaryInverted: Token;
|
|
165
|
+
secondaryInverted: Token;
|
|
166
|
+
tertiaryInverted: Token;
|
|
167
|
+
accent: Token;
|
|
168
|
+
accentLight: Token;
|
|
169
|
+
accentDark: Token;
|
|
170
|
+
positiveLight: Token;
|
|
171
|
+
positiveDark: Token;
|
|
172
|
+
infoLight: Token;
|
|
173
|
+
infoDark: Token;
|
|
174
|
+
warningLight: Token;
|
|
175
|
+
warningDark: Token;
|
|
176
|
+
criticalLight: Token;
|
|
177
|
+
criticalDark: Token;
|
|
178
|
+
overlay: Token;
|
|
179
|
+
disabled: Token;
|
|
180
|
+
quaternary: {
|
|
181
|
+
action: {
|
|
182
|
+
rest: Token;
|
|
183
|
+
hover: Token;
|
|
184
|
+
active: Token;
|
|
185
|
+
};
|
|
186
|
+
};
|
|
187
|
+
critical: {
|
|
188
|
+
action: {
|
|
189
|
+
rest: Token;
|
|
190
|
+
hover: Token;
|
|
191
|
+
active: Token;
|
|
192
|
+
};
|
|
193
|
+
};
|
|
194
|
+
};
|
|
195
|
+
grey: {
|
|
196
|
+
0: Token;
|
|
197
|
+
50: Token;
|
|
198
|
+
100: Token;
|
|
199
|
+
200: Token;
|
|
200
|
+
300: Token;
|
|
201
|
+
400: Token;
|
|
202
|
+
500: Token;
|
|
203
|
+
600: Token;
|
|
204
|
+
700: Token;
|
|
205
|
+
800: Token;
|
|
206
|
+
900: Token;
|
|
207
|
+
'900-56': Token;
|
|
208
|
+
'900-6': Token;
|
|
209
|
+
};
|
|
210
|
+
pink: {
|
|
211
|
+
50: Token;
|
|
212
|
+
100: Token;
|
|
213
|
+
200: Token;
|
|
214
|
+
300: Token;
|
|
215
|
+
400: Token;
|
|
216
|
+
500: Token;
|
|
217
|
+
600: Token;
|
|
218
|
+
700: Token;
|
|
219
|
+
800: Token;
|
|
220
|
+
};
|
|
221
|
+
yellow: {
|
|
222
|
+
50: Token;
|
|
223
|
+
100: Token;
|
|
224
|
+
200: Token;
|
|
225
|
+
300: Token;
|
|
226
|
+
400: Token;
|
|
227
|
+
500: Token;
|
|
228
|
+
600: Token;
|
|
229
|
+
700: Token;
|
|
230
|
+
800: Token;
|
|
231
|
+
};
|
|
232
|
+
blue: {
|
|
233
|
+
50: Token;
|
|
234
|
+
100: Token;
|
|
235
|
+
200: Token;
|
|
236
|
+
300: Token;
|
|
237
|
+
400: Token;
|
|
238
|
+
500: Token;
|
|
239
|
+
600: Token;
|
|
240
|
+
700: Token;
|
|
241
|
+
800: Token;
|
|
242
|
+
};
|
|
243
|
+
teal: {
|
|
244
|
+
50: Token;
|
|
245
|
+
100: Token;
|
|
246
|
+
200: Token;
|
|
247
|
+
300: Token;
|
|
248
|
+
400: Token;
|
|
249
|
+
500: Token;
|
|
250
|
+
600: Token;
|
|
251
|
+
700: Token;
|
|
252
|
+
800: Token;
|
|
253
|
+
};
|
|
254
|
+
red: {
|
|
255
|
+
50: Token;
|
|
256
|
+
100: Token;
|
|
257
|
+
200: Token;
|
|
258
|
+
300: Token;
|
|
259
|
+
400: Token;
|
|
260
|
+
500: Token;
|
|
261
|
+
600: Token;
|
|
262
|
+
700: Token;
|
|
263
|
+
800: Token;
|
|
264
|
+
};
|
|
265
|
+
text: {
|
|
266
|
+
primary: {
|
|
267
|
+
action: Token;
|
|
268
|
+
};
|
|
269
|
+
secondary: {
|
|
270
|
+
action: Token;
|
|
271
|
+
};
|
|
272
|
+
tertiary: {
|
|
273
|
+
action: Token;
|
|
274
|
+
};
|
|
275
|
+
quaternary: {
|
|
276
|
+
action: Token;
|
|
277
|
+
};
|
|
278
|
+
critical: {
|
|
279
|
+
action: Token;
|
|
280
|
+
};
|
|
281
|
+
disabled: {
|
|
282
|
+
action: Token;
|
|
283
|
+
};
|
|
284
|
+
};
|
|
285
|
+
border: {
|
|
286
|
+
primary: {
|
|
287
|
+
action: Token;
|
|
288
|
+
};
|
|
289
|
+
secondary: {
|
|
290
|
+
action: Token;
|
|
291
|
+
};
|
|
292
|
+
tertiary: {
|
|
293
|
+
action: Token;
|
|
294
|
+
};
|
|
295
|
+
quaternary: {
|
|
296
|
+
action: Token;
|
|
297
|
+
};
|
|
298
|
+
critical: {
|
|
299
|
+
action: Token;
|
|
300
|
+
};
|
|
301
|
+
disabled: {
|
|
302
|
+
action: Token;
|
|
303
|
+
};
|
|
304
|
+
};
|
|
305
|
+
};
|
|
175
306
|
};
|
|
176
307
|
export declare const content: {
|
|
177
308
|
primary: {
|
|
@@ -451,11 +582,31 @@ export declare const action: {
|
|
|
451
582
|
export declare const avatar: {
|
|
452
583
|
base: {
|
|
453
584
|
borderRadius: Token;
|
|
585
|
+
borderWidth: Token;
|
|
586
|
+
borderColor: Token;
|
|
454
587
|
};
|
|
455
588
|
img: {
|
|
456
589
|
borderRadius: Token;
|
|
457
590
|
};
|
|
458
591
|
size: {
|
|
592
|
+
24: {
|
|
593
|
+
size: Token;
|
|
594
|
+
};
|
|
595
|
+
32: {
|
|
596
|
+
size: Token;
|
|
597
|
+
};
|
|
598
|
+
48: {
|
|
599
|
+
size: Token;
|
|
600
|
+
};
|
|
601
|
+
64: {
|
|
602
|
+
size: Token;
|
|
603
|
+
};
|
|
604
|
+
96: {
|
|
605
|
+
size: Token;
|
|
606
|
+
};
|
|
607
|
+
160: {
|
|
608
|
+
size: Token;
|
|
609
|
+
};
|
|
459
610
|
'2xs': {
|
|
460
611
|
size: Token;
|
|
461
612
|
};
|
|
@@ -493,10 +644,71 @@ export declare const badge: {
|
|
|
493
644
|
verticalPadding: Token;
|
|
494
645
|
horizontalPadding: Token;
|
|
495
646
|
};
|
|
647
|
+
default: {
|
|
648
|
+
verticalPadding: Token;
|
|
649
|
+
horizontalPadding: Token;
|
|
650
|
+
};
|
|
651
|
+
};
|
|
652
|
+
accent: {
|
|
653
|
+
accent: Token;
|
|
654
|
+
positive: Token;
|
|
655
|
+
critical: Token;
|
|
656
|
+
warning: Token;
|
|
657
|
+
info: Token;
|
|
658
|
+
tertiary: Token;
|
|
659
|
+
};
|
|
660
|
+
};
|
|
661
|
+
export declare const spinner: {
|
|
662
|
+
size: {
|
|
663
|
+
default: {
|
|
664
|
+
size: Token;
|
|
665
|
+
};
|
|
666
|
+
large: {
|
|
667
|
+
size: Token;
|
|
668
|
+
};
|
|
669
|
+
};
|
|
670
|
+
icon: {
|
|
671
|
+
color: Token;
|
|
496
672
|
};
|
|
497
673
|
};
|
|
498
674
|
export declare const box: {
|
|
499
675
|
radius: {
|
|
676
|
+
0: {
|
|
677
|
+
borderRadius: Token;
|
|
678
|
+
};
|
|
679
|
+
2: {
|
|
680
|
+
borderRadius: Token;
|
|
681
|
+
};
|
|
682
|
+
4: {
|
|
683
|
+
borderRadius: Token;
|
|
684
|
+
};
|
|
685
|
+
8: {
|
|
686
|
+
borderRadius: Token;
|
|
687
|
+
};
|
|
688
|
+
12: {
|
|
689
|
+
borderRadius: Token;
|
|
690
|
+
};
|
|
691
|
+
16: {
|
|
692
|
+
borderRadius: Token;
|
|
693
|
+
};
|
|
694
|
+
24: {
|
|
695
|
+
borderRadius: Token;
|
|
696
|
+
};
|
|
697
|
+
32: {
|
|
698
|
+
borderRadius: Token;
|
|
699
|
+
};
|
|
700
|
+
48: {
|
|
701
|
+
borderRadius: Token;
|
|
702
|
+
};
|
|
703
|
+
64: {
|
|
704
|
+
borderRadius: Token;
|
|
705
|
+
};
|
|
706
|
+
96: {
|
|
707
|
+
borderRadius: Token;
|
|
708
|
+
};
|
|
709
|
+
160: {
|
|
710
|
+
borderRadius: Token;
|
|
711
|
+
};
|
|
500
712
|
none: {
|
|
501
713
|
borderRadius: Token;
|
|
502
714
|
};
|
|
@@ -646,6 +858,38 @@ export declare const text: {
|
|
|
646
858
|
color: Token;
|
|
647
859
|
bgColor: Token;
|
|
648
860
|
};
|
|
861
|
+
primary: {
|
|
862
|
+
color: Token;
|
|
863
|
+
bgColor: Token;
|
|
864
|
+
};
|
|
865
|
+
secondary: {
|
|
866
|
+
color: Token;
|
|
867
|
+
bgColor: Token;
|
|
868
|
+
};
|
|
869
|
+
tertiary: {
|
|
870
|
+
color: Token;
|
|
871
|
+
bgColor: Token;
|
|
872
|
+
};
|
|
873
|
+
accent: {
|
|
874
|
+
color: Token;
|
|
875
|
+
bgColor: Token;
|
|
876
|
+
};
|
|
877
|
+
positive: {
|
|
878
|
+
color: Token;
|
|
879
|
+
bgColor: Token;
|
|
880
|
+
};
|
|
881
|
+
info: {
|
|
882
|
+
color: Token;
|
|
883
|
+
bgColor: Token;
|
|
884
|
+
};
|
|
885
|
+
warning: {
|
|
886
|
+
color: Token;
|
|
887
|
+
bgColor: Token;
|
|
888
|
+
};
|
|
889
|
+
critical: {
|
|
890
|
+
color: Token;
|
|
891
|
+
bgColor: Token;
|
|
892
|
+
};
|
|
649
893
|
};
|
|
650
894
|
highlighted: {
|
|
651
895
|
borderRadius: Token;
|
|
@@ -784,6 +1028,54 @@ export declare const text: {
|
|
|
784
1028
|
fontStyle: Token;
|
|
785
1029
|
variationSettings: Token;
|
|
786
1030
|
};
|
|
1031
|
+
default: {
|
|
1032
|
+
fontSize: Token;
|
|
1033
|
+
fontWeight: Token;
|
|
1034
|
+
lineHeight: Token;
|
|
1035
|
+
letterSpacing: Token;
|
|
1036
|
+
fontStyle: Token;
|
|
1037
|
+
variationSettings: Token;
|
|
1038
|
+
};
|
|
1039
|
+
'default-italic': {
|
|
1040
|
+
fontSize: Token;
|
|
1041
|
+
fontWeight: Token;
|
|
1042
|
+
lineHeight: Token;
|
|
1043
|
+
letterSpacing: Token;
|
|
1044
|
+
fontStyle: Token;
|
|
1045
|
+
variationSettings: Token;
|
|
1046
|
+
};
|
|
1047
|
+
'default-medium': {
|
|
1048
|
+
fontSize: Token;
|
|
1049
|
+
fontWeight: Token;
|
|
1050
|
+
lineHeight: Token;
|
|
1051
|
+
letterSpacing: Token;
|
|
1052
|
+
fontStyle: Token;
|
|
1053
|
+
variationSettings: Token;
|
|
1054
|
+
};
|
|
1055
|
+
'default-medium-italic': {
|
|
1056
|
+
fontSize: Token;
|
|
1057
|
+
fontWeight: Token;
|
|
1058
|
+
lineHeight: Token;
|
|
1059
|
+
letterSpacing: Token;
|
|
1060
|
+
fontStyle: Token;
|
|
1061
|
+
variationSettings: Token;
|
|
1062
|
+
};
|
|
1063
|
+
'default-bold': {
|
|
1064
|
+
fontSize: Token;
|
|
1065
|
+
fontWeight: Token;
|
|
1066
|
+
lineHeight: Token;
|
|
1067
|
+
letterSpacing: Token;
|
|
1068
|
+
fontStyle: Token;
|
|
1069
|
+
variationSettings: Token;
|
|
1070
|
+
};
|
|
1071
|
+
'default-bold-italic': {
|
|
1072
|
+
fontSize: Token;
|
|
1073
|
+
fontWeight: Token;
|
|
1074
|
+
lineHeight: Token;
|
|
1075
|
+
letterSpacing: Token;
|
|
1076
|
+
fontStyle: Token;
|
|
1077
|
+
variationSettings: Token;
|
|
1078
|
+
};
|
|
787
1079
|
l: {
|
|
788
1080
|
fontSize: Token;
|
|
789
1081
|
fontWeight: Token;
|
|
@@ -1003,90 +1295,16 @@ export declare const input: {
|
|
|
1003
1295
|
};
|
|
1004
1296
|
};
|
|
1005
1297
|
export declare const color: {
|
|
1006
|
-
grey: {
|
|
1007
|
-
0: Token;
|
|
1008
|
-
50: Token;
|
|
1009
|
-
100: Token;
|
|
1010
|
-
200: Token;
|
|
1011
|
-
300: Token;
|
|
1012
|
-
400: Token;
|
|
1013
|
-
500: Token;
|
|
1014
|
-
600: Token;
|
|
1015
|
-
700: Token;
|
|
1016
|
-
800: Token;
|
|
1017
|
-
900: Token;
|
|
1018
|
-
'900-56': Token;
|
|
1019
|
-
};
|
|
1020
|
-
pink: {
|
|
1021
|
-
50: Token;
|
|
1022
|
-
100: Token;
|
|
1023
|
-
200: Token;
|
|
1024
|
-
300: Token;
|
|
1025
|
-
400: Token;
|
|
1026
|
-
500: Token;
|
|
1027
|
-
600: Token;
|
|
1028
|
-
700: Token;
|
|
1029
|
-
800: Token;
|
|
1030
|
-
};
|
|
1031
|
-
yellow: {
|
|
1032
|
-
50: Token;
|
|
1033
|
-
100: Token;
|
|
1034
|
-
200: Token;
|
|
1035
|
-
300: Token;
|
|
1036
|
-
400: Token;
|
|
1037
|
-
500: Token;
|
|
1038
|
-
600: Token;
|
|
1039
|
-
700: Token;
|
|
1040
|
-
800: Token;
|
|
1041
|
-
};
|
|
1042
|
-
blue: {
|
|
1043
|
-
50: Token;
|
|
1044
|
-
100: Token;
|
|
1045
|
-
200: Token;
|
|
1046
|
-
300: Token;
|
|
1047
|
-
400: Token;
|
|
1048
|
-
500: Token;
|
|
1049
|
-
600: Token;
|
|
1050
|
-
700: Token;
|
|
1051
|
-
800: Token;
|
|
1052
|
-
};
|
|
1053
|
-
teal: {
|
|
1054
|
-
50: Token;
|
|
1055
|
-
100: Token;
|
|
1056
|
-
200: Token;
|
|
1057
|
-
300: Token;
|
|
1058
|
-
400: Token;
|
|
1059
|
-
500: Token;
|
|
1060
|
-
600: Token;
|
|
1061
|
-
700: Token;
|
|
1062
|
-
800: Token;
|
|
1063
|
-
};
|
|
1064
|
-
red: {
|
|
1065
|
-
50: Token;
|
|
1066
|
-
100: Token;
|
|
1067
|
-
200: Token;
|
|
1068
|
-
300: Token;
|
|
1069
|
-
400: Token;
|
|
1070
|
-
500: Token;
|
|
1071
|
-
600: Token;
|
|
1072
|
-
700: Token;
|
|
1073
|
-
800: Token;
|
|
1074
|
-
};
|
|
1075
1298
|
text: {
|
|
1076
1299
|
primary: Token;
|
|
1077
1300
|
secondary: Token;
|
|
1078
1301
|
tertiary: Token;
|
|
1302
|
+
brand: Token;
|
|
1303
|
+
accent: Token;
|
|
1079
1304
|
positive: Token;
|
|
1080
1305
|
info: Token;
|
|
1081
1306
|
warning: Token;
|
|
1082
1307
|
critical: Token;
|
|
1083
|
-
accent: Token;
|
|
1084
|
-
quaternary: {
|
|
1085
|
-
action: Token;
|
|
1086
|
-
};
|
|
1087
|
-
disabled: {
|
|
1088
|
-
action: Token;
|
|
1089
|
-
};
|
|
1090
1308
|
};
|
|
1091
1309
|
icon: {
|
|
1092
1310
|
primary: Token;
|
|
@@ -1096,7 +1314,7 @@ export declare const color: {
|
|
|
1096
1314
|
info: Token;
|
|
1097
1315
|
warning: Token;
|
|
1098
1316
|
critical: Token;
|
|
1099
|
-
|
|
1317
|
+
brand: Token;
|
|
1100
1318
|
};
|
|
1101
1319
|
background: {
|
|
1102
1320
|
primary: Token;
|
|
@@ -1105,30 +1323,11 @@ export declare const color: {
|
|
|
1105
1323
|
accent: Token;
|
|
1106
1324
|
overlay: Token;
|
|
1107
1325
|
disabled: Token;
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
accentDark: Token;
|
|
1114
|
-
positiveDark: Token;
|
|
1115
|
-
infoDark: Token;
|
|
1116
|
-
warningDark: Token;
|
|
1117
|
-
criticalDark: Token;
|
|
1118
|
-
quaternary: {
|
|
1119
|
-
action: {
|
|
1120
|
-
rest: Token;
|
|
1121
|
-
hover: Token;
|
|
1122
|
-
active: Token;
|
|
1123
|
-
};
|
|
1124
|
-
};
|
|
1125
|
-
critical: {
|
|
1126
|
-
action: {
|
|
1127
|
-
rest: Token;
|
|
1128
|
-
hover: Token;
|
|
1129
|
-
active: Token;
|
|
1130
|
-
};
|
|
1131
|
-
};
|
|
1326
|
+
brand: Token;
|
|
1327
|
+
positive: Token;
|
|
1328
|
+
info: Token;
|
|
1329
|
+
warning: Token;
|
|
1330
|
+
critical: Token;
|
|
1132
1331
|
};
|
|
1133
1332
|
border: {
|
|
1134
1333
|
primary: Token;
|
|
@@ -1136,12 +1335,7 @@ export declare const color: {
|
|
|
1136
1335
|
focus: Token;
|
|
1137
1336
|
critical: Token;
|
|
1138
1337
|
tertiary: Token;
|
|
1139
|
-
|
|
1140
|
-
action: Token;
|
|
1141
|
-
};
|
|
1142
|
-
disabled: {
|
|
1143
|
-
action: Token;
|
|
1144
|
-
};
|
|
1338
|
+
brand: Token;
|
|
1145
1339
|
};
|
|
1146
1340
|
field: {
|
|
1147
1341
|
userInput: Token;
|
|
@@ -1214,8 +1408,8 @@ export declare const spacing: {
|
|
|
1214
1408
|
32: Token;
|
|
1215
1409
|
48: Token;
|
|
1216
1410
|
64: Token;
|
|
1217
|
-
|
|
1218
|
-
|
|
1411
|
+
96: Token;
|
|
1412
|
+
160: Token;
|
|
1219
1413
|
};
|
|
1220
1414
|
export declare const radius: {
|
|
1221
1415
|
2: Token;
|
|
@@ -1377,24 +1571,155 @@ export declare const tokens: {
|
|
|
1377
1571
|
xl: Token;
|
|
1378
1572
|
};
|
|
1379
1573
|
};
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
1574
|
+
dsInternalPrimitive: {
|
|
1575
|
+
color: {
|
|
1576
|
+
background: {
|
|
1577
|
+
primary: Token;
|
|
1578
|
+
secondary: Token;
|
|
1579
|
+
tertiary: Token;
|
|
1580
|
+
primaryInverted: Token;
|
|
1581
|
+
secondaryInverted: Token;
|
|
1582
|
+
tertiaryInverted: Token;
|
|
1583
|
+
accent: Token;
|
|
1584
|
+
accentLight: Token;
|
|
1585
|
+
accentDark: Token;
|
|
1586
|
+
positiveLight: Token;
|
|
1587
|
+
positiveDark: Token;
|
|
1588
|
+
infoLight: Token;
|
|
1589
|
+
infoDark: Token;
|
|
1590
|
+
warningLight: Token;
|
|
1591
|
+
warningDark: Token;
|
|
1592
|
+
criticalLight: Token;
|
|
1593
|
+
criticalDark: Token;
|
|
1594
|
+
overlay: Token;
|
|
1595
|
+
disabled: Token;
|
|
1596
|
+
quaternary: {
|
|
1597
|
+
action: {
|
|
1598
|
+
rest: Token;
|
|
1599
|
+
hover: Token;
|
|
1600
|
+
active: Token;
|
|
1601
|
+
};
|
|
1602
|
+
};
|
|
1603
|
+
critical: {
|
|
1604
|
+
action: {
|
|
1605
|
+
rest: Token;
|
|
1606
|
+
hover: Token;
|
|
1607
|
+
active: Token;
|
|
1608
|
+
};
|
|
1609
|
+
};
|
|
1610
|
+
};
|
|
1611
|
+
grey: {
|
|
1612
|
+
0: Token;
|
|
1613
|
+
50: Token;
|
|
1614
|
+
100: Token;
|
|
1615
|
+
200: Token;
|
|
1616
|
+
300: Token;
|
|
1617
|
+
400: Token;
|
|
1618
|
+
500: Token;
|
|
1619
|
+
600: Token;
|
|
1620
|
+
700: Token;
|
|
1621
|
+
800: Token;
|
|
1622
|
+
900: Token;
|
|
1623
|
+
'900-56': Token;
|
|
1624
|
+
'900-6': Token;
|
|
1625
|
+
};
|
|
1626
|
+
pink: {
|
|
1627
|
+
50: Token;
|
|
1628
|
+
100: Token;
|
|
1629
|
+
200: Token;
|
|
1630
|
+
300: Token;
|
|
1631
|
+
400: Token;
|
|
1632
|
+
500: Token;
|
|
1633
|
+
600: Token;
|
|
1634
|
+
700: Token;
|
|
1635
|
+
800: Token;
|
|
1636
|
+
};
|
|
1637
|
+
yellow: {
|
|
1638
|
+
50: Token;
|
|
1639
|
+
100: Token;
|
|
1640
|
+
200: Token;
|
|
1641
|
+
300: Token;
|
|
1642
|
+
400: Token;
|
|
1643
|
+
500: Token;
|
|
1644
|
+
600: Token;
|
|
1645
|
+
700: Token;
|
|
1646
|
+
800: Token;
|
|
1647
|
+
};
|
|
1648
|
+
blue: {
|
|
1649
|
+
50: Token;
|
|
1650
|
+
100: Token;
|
|
1651
|
+
200: Token;
|
|
1652
|
+
300: Token;
|
|
1653
|
+
400: Token;
|
|
1654
|
+
500: Token;
|
|
1655
|
+
600: Token;
|
|
1656
|
+
700: Token;
|
|
1657
|
+
800: Token;
|
|
1658
|
+
};
|
|
1659
|
+
teal: {
|
|
1660
|
+
50: Token;
|
|
1661
|
+
100: Token;
|
|
1662
|
+
200: Token;
|
|
1663
|
+
300: Token;
|
|
1664
|
+
400: Token;
|
|
1665
|
+
500: Token;
|
|
1666
|
+
600: Token;
|
|
1667
|
+
700: Token;
|
|
1668
|
+
800: Token;
|
|
1669
|
+
};
|
|
1670
|
+
red: {
|
|
1671
|
+
50: Token;
|
|
1672
|
+
100: Token;
|
|
1673
|
+
200: Token;
|
|
1674
|
+
300: Token;
|
|
1675
|
+
400: Token;
|
|
1676
|
+
500: Token;
|
|
1677
|
+
600: Token;
|
|
1678
|
+
700: Token;
|
|
1679
|
+
800: Token;
|
|
1680
|
+
};
|
|
1681
|
+
text: {
|
|
1682
|
+
primary: {
|
|
1683
|
+
action: Token;
|
|
1684
|
+
};
|
|
1685
|
+
secondary: {
|
|
1686
|
+
action: Token;
|
|
1687
|
+
};
|
|
1688
|
+
tertiary: {
|
|
1689
|
+
action: Token;
|
|
1690
|
+
};
|
|
1691
|
+
quaternary: {
|
|
1692
|
+
action: Token;
|
|
1693
|
+
};
|
|
1694
|
+
critical: {
|
|
1695
|
+
action: Token;
|
|
1696
|
+
};
|
|
1697
|
+
disabled: {
|
|
1698
|
+
action: Token;
|
|
1699
|
+
};
|
|
1700
|
+
};
|
|
1701
|
+
border: {
|
|
1702
|
+
primary: {
|
|
1703
|
+
action: Token;
|
|
1704
|
+
};
|
|
1705
|
+
secondary: {
|
|
1706
|
+
action: Token;
|
|
1707
|
+
};
|
|
1708
|
+
tertiary: {
|
|
1709
|
+
action: Token;
|
|
1710
|
+
};
|
|
1711
|
+
quaternary: {
|
|
1712
|
+
action: Token;
|
|
1713
|
+
};
|
|
1714
|
+
critical: {
|
|
1715
|
+
action: Token;
|
|
1716
|
+
};
|
|
1717
|
+
disabled: {
|
|
1718
|
+
action: Token;
|
|
1719
|
+
};
|
|
1720
|
+
};
|
|
1721
|
+
};
|
|
1722
|
+
};
|
|
1398
1723
|
content: {
|
|
1399
1724
|
primary: {
|
|
1400
1725
|
color: Token;
|
|
@@ -1673,11 +1998,31 @@ export declare const tokens: {
|
|
|
1673
1998
|
avatar: {
|
|
1674
1999
|
base: {
|
|
1675
2000
|
borderRadius: Token;
|
|
2001
|
+
borderWidth: Token;
|
|
2002
|
+
borderColor: Token;
|
|
1676
2003
|
};
|
|
1677
2004
|
img: {
|
|
1678
2005
|
borderRadius: Token;
|
|
1679
2006
|
};
|
|
1680
2007
|
size: {
|
|
2008
|
+
24: {
|
|
2009
|
+
size: Token;
|
|
2010
|
+
};
|
|
2011
|
+
32: {
|
|
2012
|
+
size: Token;
|
|
2013
|
+
};
|
|
2014
|
+
48: {
|
|
2015
|
+
size: Token;
|
|
2016
|
+
};
|
|
2017
|
+
64: {
|
|
2018
|
+
size: Token;
|
|
2019
|
+
};
|
|
2020
|
+
96: {
|
|
2021
|
+
size: Token;
|
|
2022
|
+
};
|
|
2023
|
+
160: {
|
|
2024
|
+
size: Token;
|
|
2025
|
+
};
|
|
1681
2026
|
'2xs': {
|
|
1682
2027
|
size: Token;
|
|
1683
2028
|
};
|
|
@@ -1715,10 +2060,71 @@ export declare const tokens: {
|
|
|
1715
2060
|
verticalPadding: Token;
|
|
1716
2061
|
horizontalPadding: Token;
|
|
1717
2062
|
};
|
|
2063
|
+
default: {
|
|
2064
|
+
verticalPadding: Token;
|
|
2065
|
+
horizontalPadding: Token;
|
|
2066
|
+
};
|
|
2067
|
+
};
|
|
2068
|
+
accent: {
|
|
2069
|
+
accent: Token;
|
|
2070
|
+
positive: Token;
|
|
2071
|
+
critical: Token;
|
|
2072
|
+
warning: Token;
|
|
2073
|
+
info: Token;
|
|
2074
|
+
tertiary: Token;
|
|
2075
|
+
};
|
|
2076
|
+
};
|
|
2077
|
+
spinner: {
|
|
2078
|
+
size: {
|
|
2079
|
+
default: {
|
|
2080
|
+
size: Token;
|
|
2081
|
+
};
|
|
2082
|
+
large: {
|
|
2083
|
+
size: Token;
|
|
2084
|
+
};
|
|
2085
|
+
};
|
|
2086
|
+
icon: {
|
|
2087
|
+
color: Token;
|
|
1718
2088
|
};
|
|
1719
2089
|
};
|
|
1720
2090
|
box: {
|
|
1721
2091
|
radius: {
|
|
2092
|
+
0: {
|
|
2093
|
+
borderRadius: Token;
|
|
2094
|
+
};
|
|
2095
|
+
2: {
|
|
2096
|
+
borderRadius: Token;
|
|
2097
|
+
};
|
|
2098
|
+
4: {
|
|
2099
|
+
borderRadius: Token;
|
|
2100
|
+
};
|
|
2101
|
+
8: {
|
|
2102
|
+
borderRadius: Token;
|
|
2103
|
+
};
|
|
2104
|
+
12: {
|
|
2105
|
+
borderRadius: Token;
|
|
2106
|
+
};
|
|
2107
|
+
16: {
|
|
2108
|
+
borderRadius: Token;
|
|
2109
|
+
};
|
|
2110
|
+
24: {
|
|
2111
|
+
borderRadius: Token;
|
|
2112
|
+
};
|
|
2113
|
+
32: {
|
|
2114
|
+
borderRadius: Token;
|
|
2115
|
+
};
|
|
2116
|
+
48: {
|
|
2117
|
+
borderRadius: Token;
|
|
2118
|
+
};
|
|
2119
|
+
64: {
|
|
2120
|
+
borderRadius: Token;
|
|
2121
|
+
};
|
|
2122
|
+
96: {
|
|
2123
|
+
borderRadius: Token;
|
|
2124
|
+
};
|
|
2125
|
+
160: {
|
|
2126
|
+
borderRadius: Token;
|
|
2127
|
+
};
|
|
1722
2128
|
none: {
|
|
1723
2129
|
borderRadius: Token;
|
|
1724
2130
|
};
|
|
@@ -1868,6 +2274,38 @@ export declare const tokens: {
|
|
|
1868
2274
|
color: Token;
|
|
1869
2275
|
bgColor: Token;
|
|
1870
2276
|
};
|
|
2277
|
+
primary: {
|
|
2278
|
+
color: Token;
|
|
2279
|
+
bgColor: Token;
|
|
2280
|
+
};
|
|
2281
|
+
secondary: {
|
|
2282
|
+
color: Token;
|
|
2283
|
+
bgColor: Token;
|
|
2284
|
+
};
|
|
2285
|
+
tertiary: {
|
|
2286
|
+
color: Token;
|
|
2287
|
+
bgColor: Token;
|
|
2288
|
+
};
|
|
2289
|
+
accent: {
|
|
2290
|
+
color: Token;
|
|
2291
|
+
bgColor: Token;
|
|
2292
|
+
};
|
|
2293
|
+
positive: {
|
|
2294
|
+
color: Token;
|
|
2295
|
+
bgColor: Token;
|
|
2296
|
+
};
|
|
2297
|
+
info: {
|
|
2298
|
+
color: Token;
|
|
2299
|
+
bgColor: Token;
|
|
2300
|
+
};
|
|
2301
|
+
warning: {
|
|
2302
|
+
color: Token;
|
|
2303
|
+
bgColor: Token;
|
|
2304
|
+
};
|
|
2305
|
+
critical: {
|
|
2306
|
+
color: Token;
|
|
2307
|
+
bgColor: Token;
|
|
2308
|
+
};
|
|
1871
2309
|
};
|
|
1872
2310
|
highlighted: {
|
|
1873
2311
|
borderRadius: Token;
|
|
@@ -2006,6 +2444,54 @@ export declare const tokens: {
|
|
|
2006
2444
|
fontStyle: Token;
|
|
2007
2445
|
variationSettings: Token;
|
|
2008
2446
|
};
|
|
2447
|
+
default: {
|
|
2448
|
+
fontSize: Token;
|
|
2449
|
+
fontWeight: Token;
|
|
2450
|
+
lineHeight: Token;
|
|
2451
|
+
letterSpacing: Token;
|
|
2452
|
+
fontStyle: Token;
|
|
2453
|
+
variationSettings: Token;
|
|
2454
|
+
};
|
|
2455
|
+
'default-italic': {
|
|
2456
|
+
fontSize: Token;
|
|
2457
|
+
fontWeight: Token;
|
|
2458
|
+
lineHeight: Token;
|
|
2459
|
+
letterSpacing: Token;
|
|
2460
|
+
fontStyle: Token;
|
|
2461
|
+
variationSettings: Token;
|
|
2462
|
+
};
|
|
2463
|
+
'default-medium': {
|
|
2464
|
+
fontSize: Token;
|
|
2465
|
+
fontWeight: Token;
|
|
2466
|
+
lineHeight: Token;
|
|
2467
|
+
letterSpacing: Token;
|
|
2468
|
+
fontStyle: Token;
|
|
2469
|
+
variationSettings: Token;
|
|
2470
|
+
};
|
|
2471
|
+
'default-medium-italic': {
|
|
2472
|
+
fontSize: Token;
|
|
2473
|
+
fontWeight: Token;
|
|
2474
|
+
lineHeight: Token;
|
|
2475
|
+
letterSpacing: Token;
|
|
2476
|
+
fontStyle: Token;
|
|
2477
|
+
variationSettings: Token;
|
|
2478
|
+
};
|
|
2479
|
+
'default-bold': {
|
|
2480
|
+
fontSize: Token;
|
|
2481
|
+
fontWeight: Token;
|
|
2482
|
+
lineHeight: Token;
|
|
2483
|
+
letterSpacing: Token;
|
|
2484
|
+
fontStyle: Token;
|
|
2485
|
+
variationSettings: Token;
|
|
2486
|
+
};
|
|
2487
|
+
'default-bold-italic': {
|
|
2488
|
+
fontSize: Token;
|
|
2489
|
+
fontWeight: Token;
|
|
2490
|
+
lineHeight: Token;
|
|
2491
|
+
letterSpacing: Token;
|
|
2492
|
+
fontStyle: Token;
|
|
2493
|
+
variationSettings: Token;
|
|
2494
|
+
};
|
|
2009
2495
|
l: {
|
|
2010
2496
|
fontSize: Token;
|
|
2011
2497
|
fontWeight: Token;
|
|
@@ -2225,90 +2711,16 @@ export declare const tokens: {
|
|
|
2225
2711
|
};
|
|
2226
2712
|
};
|
|
2227
2713
|
color: {
|
|
2228
|
-
grey: {
|
|
2229
|
-
0: Token;
|
|
2230
|
-
50: Token;
|
|
2231
|
-
100: Token;
|
|
2232
|
-
200: Token;
|
|
2233
|
-
300: Token;
|
|
2234
|
-
400: Token;
|
|
2235
|
-
500: Token;
|
|
2236
|
-
600: Token;
|
|
2237
|
-
700: Token;
|
|
2238
|
-
800: Token;
|
|
2239
|
-
900: Token;
|
|
2240
|
-
'900-56': Token;
|
|
2241
|
-
};
|
|
2242
|
-
pink: {
|
|
2243
|
-
50: Token;
|
|
2244
|
-
100: Token;
|
|
2245
|
-
200: Token;
|
|
2246
|
-
300: Token;
|
|
2247
|
-
400: Token;
|
|
2248
|
-
500: Token;
|
|
2249
|
-
600: Token;
|
|
2250
|
-
700: Token;
|
|
2251
|
-
800: Token;
|
|
2252
|
-
};
|
|
2253
|
-
yellow: {
|
|
2254
|
-
50: Token;
|
|
2255
|
-
100: Token;
|
|
2256
|
-
200: Token;
|
|
2257
|
-
300: Token;
|
|
2258
|
-
400: Token;
|
|
2259
|
-
500: Token;
|
|
2260
|
-
600: Token;
|
|
2261
|
-
700: Token;
|
|
2262
|
-
800: Token;
|
|
2263
|
-
};
|
|
2264
|
-
blue: {
|
|
2265
|
-
50: Token;
|
|
2266
|
-
100: Token;
|
|
2267
|
-
200: Token;
|
|
2268
|
-
300: Token;
|
|
2269
|
-
400: Token;
|
|
2270
|
-
500: Token;
|
|
2271
|
-
600: Token;
|
|
2272
|
-
700: Token;
|
|
2273
|
-
800: Token;
|
|
2274
|
-
};
|
|
2275
|
-
teal: {
|
|
2276
|
-
50: Token;
|
|
2277
|
-
100: Token;
|
|
2278
|
-
200: Token;
|
|
2279
|
-
300: Token;
|
|
2280
|
-
400: Token;
|
|
2281
|
-
500: Token;
|
|
2282
|
-
600: Token;
|
|
2283
|
-
700: Token;
|
|
2284
|
-
800: Token;
|
|
2285
|
-
};
|
|
2286
|
-
red: {
|
|
2287
|
-
50: Token;
|
|
2288
|
-
100: Token;
|
|
2289
|
-
200: Token;
|
|
2290
|
-
300: Token;
|
|
2291
|
-
400: Token;
|
|
2292
|
-
500: Token;
|
|
2293
|
-
600: Token;
|
|
2294
|
-
700: Token;
|
|
2295
|
-
800: Token;
|
|
2296
|
-
};
|
|
2297
2714
|
text: {
|
|
2298
2715
|
primary: Token;
|
|
2299
2716
|
secondary: Token;
|
|
2300
2717
|
tertiary: Token;
|
|
2718
|
+
brand: Token;
|
|
2719
|
+
accent: Token;
|
|
2301
2720
|
positive: Token;
|
|
2302
2721
|
info: Token;
|
|
2303
2722
|
warning: Token;
|
|
2304
2723
|
critical: Token;
|
|
2305
|
-
accent: Token;
|
|
2306
|
-
quaternary: {
|
|
2307
|
-
action: Token;
|
|
2308
|
-
};
|
|
2309
|
-
disabled: {
|
|
2310
|
-
action: Token;
|
|
2311
|
-
};
|
|
2312
2724
|
};
|
|
2313
2725
|
icon: {
|
|
2314
2726
|
primary: Token;
|
|
@@ -2318,7 +2730,7 @@ export declare const tokens: {
|
|
|
2318
2730
|
info: Token;
|
|
2319
2731
|
warning: Token;
|
|
2320
2732
|
critical: Token;
|
|
2321
|
-
|
|
2733
|
+
brand: Token;
|
|
2322
2734
|
};
|
|
2323
2735
|
background: {
|
|
2324
2736
|
primary: Token;
|
|
@@ -2327,30 +2739,11 @@ export declare const tokens: {
|
|
|
2327
2739
|
accent: Token;
|
|
2328
2740
|
overlay: Token;
|
|
2329
2741
|
disabled: Token;
|
|
2330
|
-
|
|
2331
|
-
|
|
2332
|
-
|
|
2333
|
-
|
|
2334
|
-
|
|
2335
|
-
accentDark: Token;
|
|
2336
|
-
positiveDark: Token;
|
|
2337
|
-
infoDark: Token;
|
|
2338
|
-
warningDark: Token;
|
|
2339
|
-
criticalDark: Token;
|
|
2340
|
-
quaternary: {
|
|
2341
|
-
action: {
|
|
2342
|
-
rest: Token;
|
|
2343
|
-
hover: Token;
|
|
2344
|
-
active: Token;
|
|
2345
|
-
};
|
|
2346
|
-
};
|
|
2347
|
-
critical: {
|
|
2348
|
-
action: {
|
|
2349
|
-
rest: Token;
|
|
2350
|
-
hover: Token;
|
|
2351
|
-
active: Token;
|
|
2352
|
-
};
|
|
2353
|
-
};
|
|
2742
|
+
brand: Token;
|
|
2743
|
+
positive: Token;
|
|
2744
|
+
info: Token;
|
|
2745
|
+
warning: Token;
|
|
2746
|
+
critical: Token;
|
|
2354
2747
|
};
|
|
2355
2748
|
border: {
|
|
2356
2749
|
primary: Token;
|
|
@@ -2358,12 +2751,7 @@ export declare const tokens: {
|
|
|
2358
2751
|
focus: Token;
|
|
2359
2752
|
critical: Token;
|
|
2360
2753
|
tertiary: Token;
|
|
2361
|
-
|
|
2362
|
-
action: Token;
|
|
2363
|
-
};
|
|
2364
|
-
disabled: {
|
|
2365
|
-
action: Token;
|
|
2366
|
-
};
|
|
2754
|
+
brand: Token;
|
|
2367
2755
|
};
|
|
2368
2756
|
field: {
|
|
2369
2757
|
userInput: Token;
|
|
@@ -2436,8 +2824,8 @@ export declare const tokens: {
|
|
|
2436
2824
|
32: Token;
|
|
2437
2825
|
48: Token;
|
|
2438
2826
|
64: Token;
|
|
2439
|
-
|
|
2440
|
-
|
|
2827
|
+
96: Token;
|
|
2828
|
+
160: Token;
|
|
2441
2829
|
};
|
|
2442
2830
|
radius: {
|
|
2443
2831
|
2: Token;
|