@preply/ds-core 6.2.1 → 7.0.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.
Files changed (19) hide show
  1. package/dist/color-scheme/config.d.ts.map +1 -1
  2. package/dist/color-scheme/config.js +1 -3
  3. package/dist/generated/breakpoints.d.ts +1 -1
  4. package/dist/generated/breakpoints.js +2 -2
  5. package/dist/generated/defaults.d.ts +14 -26
  6. package/dist/generated/defaults.d.ts.map +1 -1
  7. package/dist/generated/defaults.js +16 -28
  8. package/dist/generated/options.d.ts +6 -46
  9. package/dist/generated/options.d.ts.map +1 -1
  10. package/dist/generated/options.js +54 -240
  11. package/dist/generated/tokens.d.ts +136 -1628
  12. package/dist/generated/tokens.d.ts.map +1 -1
  13. package/dist/generated/tokens.js +229 -3241
  14. package/dist/generated/types.d.ts +27 -67
  15. package/dist/generated/types.d.ts.map +1 -1
  16. package/dist/index.js +3 -3
  17. package/dist/layout/types.d.ts +2 -7
  18. package/dist/layout/types.d.ts.map +1 -1
  19. package/package.json +4 -4
package/dist/generated/tokens.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/core-tokens-ts.ts @Tue Nov 18 2025 10:27:43 GMT+0000 (Coordinated Universal Time)
2
+ * AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/core-tokens-ts.ts @Tue Nov 18 2025 12:00:19 GMT+0000 (Coordinated Universal Time)
3
3
  */
4
4
  import { Token } from '@preply/ds-core-types';
5
5
  export declare const text: {
@@ -9,37 +9,31 @@ export declare const text: {
9
9
  typeface: Token;
10
10
  fontFamily: Token;
11
11
  massive: {
12
- fontFamily: Token;
13
12
  fontWeight: Token;
14
13
  fontSize: Token;
15
14
  lineHeight: Token;
16
15
  };
17
16
  huge: {
18
- fontFamily: Token;
19
17
  fontWeight: Token;
20
18
  fontSize: Token;
21
19
  lineHeight: Token;
22
20
  };
23
21
  extraLarge: {
24
- fontFamily: Token;
25
22
  fontWeight: Token;
26
23
  fontSize: Token;
27
24
  lineHeight: Token;
28
25
  };
29
26
  large: {
30
- fontFamily: Token;
31
27
  fontWeight: Token;
32
28
  fontSize: Token;
33
29
  lineHeight: Token;
34
30
  };
35
31
  medium: {
36
- fontFamily: Token;
37
32
  fontWeight: Token;
38
33
  fontSize: Token;
39
34
  lineHeight: Token;
40
35
  };
41
36
  small: {
42
- fontFamily: Token;
43
37
  fontWeight: Token;
44
38
  fontSize: Token;
45
39
  lineHeight: Token;
@@ -91,26 +85,6 @@ export declare const text: {
91
85
  borderRadius: Token;
92
86
  horizontalPadding: Token;
93
87
  };
94
- size: {
95
- '2xs': {
96
- fontSize: Token;
97
- };
98
- xs: {
99
- fontSize: Token;
100
- };
101
- s: {
102
- fontSize: Token;
103
- };
104
- m: {
105
- fontSize: Token;
106
- };
107
- l: {
108
- fontSize: Token;
109
- };
110
- xl: {
111
- fontSize: Token;
112
- };
113
- };
114
88
  variant: {
115
89
  'caption-regular': {
116
90
  fontSize: Token;
@@ -118,7 +92,6 @@ export declare const text: {
118
92
  lineHeight: Token;
119
93
  letterSpacing: Token;
120
94
  fontStyle: Token;
121
- variationSettings: Token;
122
95
  };
123
96
  'caption-semibold': {
124
97
  fontSize: Token;
@@ -126,7 +99,6 @@ export declare const text: {
126
99
  lineHeight: Token;
127
100
  letterSpacing: Token;
128
101
  fontStyle: Token;
129
- variationSettings: Token;
130
102
  };
131
103
  'small-regular': {
132
104
  fontSize: Token;
@@ -134,7 +106,6 @@ export declare const text: {
134
106
  lineHeight: Token;
135
107
  letterSpacing: Token;
136
108
  fontStyle: Token;
137
- variationSettings: Token;
138
109
  };
139
110
  'small-regular-italic': {
140
111
  fontSize: Token;
@@ -142,7 +113,6 @@ export declare const text: {
142
113
  lineHeight: Token;
143
114
  letterSpacing: Token;
144
115
  fontStyle: Token;
145
- variationSettings: Token;
146
116
  };
147
117
  'small-semibold': {
148
118
  fontSize: Token;
@@ -150,7 +120,6 @@ export declare const text: {
150
120
  lineHeight: Token;
151
121
  letterSpacing: Token;
152
122
  fontStyle: Token;
153
- variationSettings: Token;
154
123
  };
155
124
  'small-semibold-italic': {
156
125
  fontSize: Token;
@@ -158,7 +127,6 @@ export declare const text: {
158
127
  lineHeight: Token;
159
128
  letterSpacing: Token;
160
129
  fontStyle: Token;
161
- variationSettings: Token;
162
130
  };
163
131
  'default-regular': {
164
132
  fontSize: Token;
@@ -166,7 +134,6 @@ export declare const text: {
166
134
  lineHeight: Token;
167
135
  letterSpacing: Token;
168
136
  fontStyle: Token;
169
- variationSettings: Token;
170
137
  };
171
138
  'default-regular-italic': {
172
139
  fontSize: Token;
@@ -174,7 +141,6 @@ export declare const text: {
174
141
  lineHeight: Token;
175
142
  letterSpacing: Token;
176
143
  fontStyle: Token;
177
- variationSettings: Token;
178
144
  };
179
145
  'default-semibold': {
180
146
  fontSize: Token;
@@ -182,7 +148,6 @@ export declare const text: {
182
148
  lineHeight: Token;
183
149
  letterSpacing: Token;
184
150
  fontStyle: Token;
185
- variationSettings: Token;
186
151
  };
187
152
  'default-semibold-italic': {
188
153
  fontSize: Token;
@@ -190,7 +155,6 @@ export declare const text: {
190
155
  lineHeight: Token;
191
156
  letterSpacing: Token;
192
157
  fontStyle: Token;
193
- variationSettings: Token;
194
158
  };
195
159
  'large-regular': {
196
160
  fontSize: Token;
@@ -198,7 +162,6 @@ export declare const text: {
198
162
  lineHeight: Token;
199
163
  letterSpacing: Token;
200
164
  fontStyle: Token;
201
- variationSettings: Token;
202
165
  };
203
166
  'large-regular-italic': {
204
167
  fontSize: Token;
@@ -206,7 +169,6 @@ export declare const text: {
206
169
  lineHeight: Token;
207
170
  letterSpacing: Token;
208
171
  fontStyle: Token;
209
- variationSettings: Token;
210
172
  };
211
173
  'large-semibold': {
212
174
  fontSize: Token;
@@ -214,7 +176,6 @@ export declare const text: {
214
176
  lineHeight: Token;
215
177
  letterSpacing: Token;
216
178
  fontStyle: Token;
217
- variationSettings: Token;
218
179
  };
219
180
  'large-semibold-italic': {
220
181
  fontSize: Token;
@@ -222,195 +183,9 @@ export declare const text: {
222
183
  lineHeight: Token;
223
184
  letterSpacing: Token;
224
185
  fontStyle: Token;
225
- variationSettings: Token;
226
- };
227
- xs: {
228
- fontSize: Token;
229
- fontWeight: Token;
230
- lineHeight: Token;
231
- letterSpacing: Token;
232
- fontStyle: Token;
233
- variationSettings: Token;
234
- };
235
- 'xs-medium': {
236
- fontSize: Token;
237
- fontWeight: Token;
238
- lineHeight: Token;
239
- letterSpacing: Token;
240
- fontStyle: Token;
241
- variationSettings: Token;
242
- };
243
- s: {
244
- fontSize: Token;
245
- fontWeight: Token;
246
- lineHeight: Token;
247
- letterSpacing: Token;
248
- fontStyle: Token;
249
- variationSettings: Token;
250
- };
251
- 's-italic': {
252
- fontSize: Token;
253
- fontWeight: Token;
254
- lineHeight: Token;
255
- letterSpacing: Token;
256
- fontStyle: Token;
257
- variationSettings: Token;
258
- };
259
- 's-medium': {
260
- fontSize: Token;
261
- fontWeight: Token;
262
- lineHeight: Token;
263
- letterSpacing: Token;
264
- fontStyle: Token;
265
- variationSettings: Token;
266
- };
267
- 's-medium-italic': {
268
- fontSize: Token;
269
- fontWeight: Token;
270
- lineHeight: Token;
271
- letterSpacing: Token;
272
- fontStyle: Token;
273
- variationSettings: Token;
274
- };
275
- 's-bold': {
276
- fontSize: Token;
277
- fontWeight: Token;
278
- lineHeight: Token;
279
- letterSpacing: Token;
280
- fontStyle: Token;
281
- variationSettings: Token;
282
- };
283
- 's-bold-italic': {
284
- fontSize: Token;
285
- fontWeight: Token;
286
- lineHeight: Token;
287
- letterSpacing: Token;
288
- fontStyle: Token;
289
- variationSettings: Token;
290
- };
291
- m: {
292
- fontSize: Token;
293
- fontWeight: Token;
294
- lineHeight: Token;
295
- letterSpacing: Token;
296
- fontStyle: Token;
297
- variationSettings: Token;
298
- };
299
- 'm-italic': {
300
- fontSize: Token;
301
- fontWeight: Token;
302
- lineHeight: Token;
303
- letterSpacing: Token;
304
- fontStyle: Token;
305
- variationSettings: Token;
306
- };
307
- 'm-medium': {
308
- fontSize: Token;
309
- fontWeight: Token;
310
- lineHeight: Token;
311
- letterSpacing: Token;
312
- fontStyle: Token;
313
- variationSettings: Token;
314
- };
315
- 'm-medium-italic': {
316
- fontSize: Token;
317
- fontWeight: Token;
318
- lineHeight: Token;
319
- letterSpacing: Token;
320
- fontStyle: Token;
321
- variationSettings: Token;
322
- };
323
- 'm-bold': {
324
- fontSize: Token;
325
- fontWeight: Token;
326
- lineHeight: Token;
327
- letterSpacing: Token;
328
- fontStyle: Token;
329
- variationSettings: Token;
330
- };
331
- 'm-bold-italic': {
332
- fontSize: Token;
333
- fontWeight: Token;
334
- lineHeight: Token;
335
- letterSpacing: Token;
336
- fontStyle: Token;
337
- variationSettings: Token;
338
- };
339
- l: {
340
- fontSize: Token;
341
- fontWeight: Token;
342
- lineHeight: Token;
343
- letterSpacing: Token;
344
- fontStyle: Token;
345
- variationSettings: Token;
346
- };
347
- 'l-italic': {
348
- fontSize: Token;
349
- fontWeight: Token;
350
- lineHeight: Token;
351
- letterSpacing: Token;
352
- fontStyle: Token;
353
- variationSettings: Token;
354
- };
355
- 'l-medium': {
356
- fontSize: Token;
357
- fontWeight: Token;
358
- lineHeight: Token;
359
- letterSpacing: Token;
360
- fontStyle: Token;
361
- variationSettings: Token;
362
- };
363
- 'l-medium-italic': {
364
- fontSize: Token;
365
- fontWeight: Token;
366
- lineHeight: Token;
367
- letterSpacing: Token;
368
- fontStyle: Token;
369
- variationSettings: Token;
370
- };
371
- xl: {
372
- fontSize: Token;
373
- fontWeight: Token;
374
- lineHeight: Token;
375
- letterSpacing: Token;
376
- fontStyle: Token;
377
- variationSettings: Token;
378
- };
379
- 'xl-italic': {
380
- fontSize: Token;
381
- fontWeight: Token;
382
- lineHeight: Token;
383
- letterSpacing: Token;
384
- fontStyle: Token;
385
- variationSettings: Token;
386
- };
387
- 'xl-medium': {
388
- fontSize: Token;
389
- fontWeight: Token;
390
- lineHeight: Token;
391
- letterSpacing: Token;
392
- fontStyle: Token;
393
- variationSettings: Token;
394
- };
395
- 'xl-medium-italic': {
396
- fontSize: Token;
397
- fontWeight: Token;
398
- lineHeight: Token;
399
- letterSpacing: Token;
400
- fontStyle: Token;
401
- variationSettings: Token;
402
186
  };
403
187
  };
404
188
  weight: {
405
- '400': {
406
- fontWeight: Token;
407
- };
408
- '500': {
409
- fontWeight: Token;
410
- };
411
- '700': {
412
- fontWeight: Token;
413
- };
414
189
  base: {
415
190
  fontWeight: Token;
416
191
  };
@@ -427,7 +202,6 @@ export declare const text: {
427
202
  large: {
428
203
  semibold: {
429
204
  body: {
430
- fontFamily: Token;
431
205
  fontWeight: Token;
432
206
  fontSize: Token;
433
207
  lineHeight: Token;
@@ -435,7 +209,6 @@ export declare const text: {
435
209
  };
436
210
  regular: {
437
211
  body: {
438
- fontFamily: Token;
439
212
  fontWeight: Token;
440
213
  fontSize: Token;
441
214
  lineHeight: Token;
@@ -445,7 +218,6 @@ export declare const text: {
445
218
  default: {
446
219
  semibold: {
447
220
  body: {
448
- fontFamily: Token;
449
221
  fontWeight: Token;
450
222
  fontSize: Token;
451
223
  lineHeight: Token;
@@ -453,7 +225,6 @@ export declare const text: {
453
225
  };
454
226
  regular: {
455
227
  body: {
456
- fontFamily: Token;
457
228
  fontWeight: Token;
458
229
  fontSize: Token;
459
230
  lineHeight: Token;
@@ -463,7 +234,6 @@ export declare const text: {
463
234
  small: {
464
235
  semibold: {
465
236
  body: {
466
- fontFamily: Token;
467
237
  fontWeight: Token;
468
238
  fontSize: Token;
469
239
  lineHeight: Token;
@@ -471,7 +241,6 @@ export declare const text: {
471
241
  };
472
242
  regular: {
473
243
  body: {
474
- fontFamily: Token;
475
244
  fontWeight: Token;
476
245
  fontSize: Token;
477
246
  lineHeight: Token;
@@ -481,7 +250,6 @@ export declare const text: {
481
250
  caption: {
482
251
  semibold: {
483
252
  body: {
484
- fontFamily: Token;
485
253
  fontWeight: Token;
486
254
  fontSize: Token;
487
255
  lineHeight: Token;
@@ -489,7 +257,6 @@ export declare const text: {
489
257
  };
490
258
  regular: {
491
259
  body: {
492
- fontFamily: Token;
493
260
  fontWeight: Token;
494
261
  fontSize: Token;
495
262
  lineHeight: Token;
@@ -497,166 +264,12 @@ export declare const text: {
497
264
  };
498
265
  };
499
266
  fieldAdditionalText: {
500
- fontFamily: Token;
501
267
  fontWeight: Token;
502
268
  fontSize: Token;
503
269
  lineHeight: Token;
504
270
  letterSpacing: Token;
505
271
  };
506
272
  };
507
- export declare const scheme: {
508
- color: Token;
509
- bgColor: Token;
510
- };
511
- export declare const root: {
512
- space: {
513
- none: Token;
514
- '3xs': Token;
515
- '2xs': Token;
516
- xs: Token;
517
- s: Token;
518
- m: Token;
519
- l: Token;
520
- xl: Token;
521
- };
522
- palette: {
523
- white: Token;
524
- ivory: Token;
525
- transparent: Token;
526
- gray: {
527
- '100': Token;
528
- '200': Token;
529
- '300': Token;
530
- '400': Token;
531
- '500': Token;
532
- '600': Token;
533
- };
534
- teal: {
535
- '100': Token;
536
- '200': Token;
537
- '300': Token;
538
- '400': Token;
539
- '500': Token;
540
- };
541
- green: {
542
- '100': Token;
543
- '200': Token;
544
- '300': Token;
545
- '400': Token;
546
- '500': Token;
547
- };
548
- yellow: {
549
- '100': Token;
550
- '200': Token;
551
- '300': Token;
552
- '400': Token;
553
- '500': Token;
554
- };
555
- red: {
556
- '100': Token;
557
- '200': Token;
558
- '300': Token;
559
- '400': Token;
560
- '500': Token;
561
- };
562
- blue: {
563
- '100': Token;
564
- '200': Token;
565
- '300': Token;
566
- '400': Token;
567
- '500': Token;
568
- };
569
- magenta: {
570
- '100': Token;
571
- '200': Token;
572
- '300': Token;
573
- '400': Token;
574
- '500': Token;
575
- };
576
- };
577
- text: {
578
- base: {
579
- typeface: Token;
580
- fontFamily: Token;
581
- variable: {
582
- fontFamily: Token;
583
- };
584
- fontSize: Token;
585
- lineHeight: Token;
586
- };
587
- height: {
588
- '200': Token;
589
- '400': Token;
590
- '600': Token;
591
- '1000': Token;
592
- '1600': Token;
593
- '2000': Token;
594
- '2800': Token;
595
- };
596
- size: {
597
- '70': Token;
598
- '80': Token;
599
- '90': Token;
600
- '100': Token;
601
- '200': Token;
602
- '300': Token;
603
- '400': Token;
604
- '500': Token;
605
- '600': Token;
606
- '800': Token;
607
- '1000': Token;
608
- '1200': Token;
609
- '1800': Token;
610
- '2400': Token;
611
- };
612
- spacing: {
613
- tight: Token;
614
- regular: Token;
615
- loose: Token;
616
- };
617
- style: {
618
- normal: Token;
619
- italic: Token;
620
- };
621
- variation: {
622
- normal: Token;
623
- italic: Token;
624
- };
625
- weight: {
626
- '400': Token;
627
- '500': Token;
628
- '700': Token;
629
- };
630
- };
631
- heading: {
632
- base: {
633
- typeface: Token;
634
- fontFamily: Token;
635
- };
636
- };
637
- size: {
638
- '25': Token;
639
- '50': Token;
640
- '100': Token;
641
- '150': Token;
642
- '200': Token;
643
- '300': Token;
644
- '400': Token;
645
- '500': Token;
646
- '600': Token;
647
- '800': Token;
648
- '1000': Token;
649
- none: Token;
650
- };
651
- radius: {
652
- none: Token;
653
- xs: Token;
654
- s: Token;
655
- m: Token;
656
- l: Token;
657
- xl: Token;
658
- };
659
- };
660
273
  export declare const dsInternalPrimitive: {
661
274
  color: {
662
275
  background: {
@@ -936,80 +549,6 @@ export declare const dsInternalPrimitive: {
936
549
  borderWeight: Token;
937
550
  };
938
551
  };
939
- export declare const content: {
940
- primary: {
941
- color: Token;
942
- };
943
- secondary: {
944
- color: Token;
945
- };
946
- branded: {
947
- color: Token;
948
- };
949
- brand: {
950
- color: Token;
951
- };
952
- positive: {
953
- color: Token;
954
- };
955
- error: {
956
- color: Token;
957
- };
958
- tertiary: {
959
- color: Token;
960
- };
961
- selected: {
962
- color: Token;
963
- };
964
- warning: {
965
- color: Token;
966
- };
967
- critical: {
968
- color: Token;
969
- };
970
- info: {
971
- color: Token;
972
- };
973
- inverted: {
974
- color: Token;
975
- };
976
- accent: {
977
- color: Token;
978
- };
979
- disabled: {
980
- color: Token;
981
- };
982
- };
983
- export declare const border: {
984
- base: {
985
- borderColor: Token;
986
- };
987
- hover: {
988
- borderColor: Token;
989
- };
990
- focus: {
991
- borderColor: Token;
992
- };
993
- error: {
994
- borderColor: Token;
995
- };
996
- selected: {
997
- borderColor: Token;
998
- };
999
- positive: {
1000
- borderColor: Token;
1001
- };
1002
- accent: {
1003
- borderColor: Token;
1004
- };
1005
- disabled: {
1006
- borderColor: Token;
1007
- };
1008
- };
1009
- export declare const background: {
1010
- secondary: Token;
1011
- overlay: Token;
1012
- };
1013
552
  export declare const action: {
1014
553
  base: {
1015
554
  borderRadius: Token;
@@ -1034,58 +573,16 @@ export declare const action: {
1034
573
  };
1035
574
  inline: {
1036
575
  borderRadius: Token;
1037
- borderColor: Token;
1038
- hover: {
1039
- bgColor: Token;
1040
- };
1041
- active: {
1042
- bgColor: Token;
1043
- };
1044
- };
1045
- variant: {
1046
- primary: {
1047
- color: Token;
1048
- bgColor: Token;
1049
- borderColor: Token;
1050
- hover: {
1051
- bgColor: Token;
1052
- color: Token;
1053
- borderColor: Token;
1054
- };
1055
- active: {
1056
- bgColor: Token;
1057
- color: Token;
1058
- borderColor: Token;
1059
- };
1060
- textDecoration: Token;
1061
- disabled: {
1062
- borderColor: Token;
1063
- color: Token;
1064
- bgColor: Token;
1065
- };
1066
- };
1067
- secondary: {
1068
- color: Token;
1069
- bgColor: Token;
1070
- borderColor: Token;
1071
- hover: {
1072
- bgColor: Token;
1073
- color: Token;
1074
- borderColor: Token;
1075
- };
1076
- active: {
1077
- bgColor: Token;
1078
- color: Token;
1079
- borderColor: Token;
1080
- };
1081
- textDecoration: Token;
1082
- disabled: {
1083
- borderColor: Token;
1084
- color: Token;
1085
- bgColor: Token;
1086
- };
576
+ borderColor: Token;
577
+ hover: {
578
+ bgColor: Token;
1087
579
  };
1088
- tertiary: {
580
+ active: {
581
+ bgColor: Token;
582
+ };
583
+ };
584
+ variant: {
585
+ primary: {
1089
586
  color: Token;
1090
587
  bgColor: Token;
1091
588
  borderColor: Token;
@@ -1106,7 +603,7 @@ export declare const action: {
1106
603
  bgColor: Token;
1107
604
  };
1108
605
  };
1109
- quaternary: {
606
+ secondary: {
1110
607
  color: Token;
1111
608
  bgColor: Token;
1112
609
  borderColor: Token;
@@ -1127,7 +624,7 @@ export declare const action: {
1127
624
  bgColor: Token;
1128
625
  };
1129
626
  };
1130
- ghost: {
627
+ tertiary: {
1131
628
  color: Token;
1132
629
  bgColor: Token;
1133
630
  borderColor: Token;
@@ -1141,11 +638,6 @@ export declare const action: {
1141
638
  color: Token;
1142
639
  borderColor: Token;
1143
640
  };
1144
- selected: {
1145
- color: Token;
1146
- bgColor: Token;
1147
- borderColor: Token;
1148
- };
1149
641
  textDecoration: Token;
1150
642
  disabled: {
1151
643
  borderColor: Token;
@@ -1153,7 +645,7 @@ export declare const action: {
1153
645
  bgColor: Token;
1154
646
  };
1155
647
  };
1156
- plain: {
648
+ quaternary: {
1157
649
  color: Token;
1158
650
  bgColor: Token;
1159
651
  borderColor: Token;
@@ -1174,7 +666,7 @@ export declare const action: {
1174
666
  bgColor: Token;
1175
667
  };
1176
668
  };
1177
- dangerous: {
669
+ ghost: {
1178
670
  color: Token;
1179
671
  bgColor: Token;
1180
672
  borderColor: Token;
@@ -1188,6 +680,11 @@ export declare const action: {
1188
680
  color: Token;
1189
681
  borderColor: Token;
1190
682
  };
683
+ selected: {
684
+ color: Token;
685
+ bgColor: Token;
686
+ borderColor: Token;
687
+ };
1191
688
  textDecoration: Token;
1192
689
  disabled: {
1193
690
  borderColor: Token;
@@ -1423,46 +920,6 @@ export declare const action: {
1423
920
  };
1424
921
  };
1425
922
  size: {
1426
- xs: {
1427
- height: Token;
1428
- verticalPadding: Token;
1429
- horizontalPadding: Token;
1430
- fontSize: Token;
1431
- letterSpacing: Token;
1432
- lineHeight: Token;
1433
- };
1434
- s: {
1435
- height: Token;
1436
- verticalPadding: Token;
1437
- horizontalPadding: Token;
1438
- fontSize: Token;
1439
- letterSpacing: Token;
1440
- lineHeight: Token;
1441
- };
1442
- m: {
1443
- height: Token;
1444
- verticalPadding: Token;
1445
- horizontalPadding: Token;
1446
- fontSize: Token;
1447
- letterSpacing: Token;
1448
- lineHeight: Token;
1449
- };
1450
- l: {
1451
- height: Token;
1452
- verticalPadding: Token;
1453
- horizontalPadding: Token;
1454
- fontSize: Token;
1455
- letterSpacing: Token;
1456
- lineHeight: Token;
1457
- };
1458
- xl: {
1459
- height: Token;
1460
- verticalPadding: Token;
1461
- horizontalPadding: Token;
1462
- fontSize: Token;
1463
- letterSpacing: Token;
1464
- lineHeight: Token;
1465
- };
1466
923
  large: {
1467
924
  height: Token;
1468
925
  verticalPadding: Token;
@@ -1517,24 +974,6 @@ export declare const avatar: {
1517
974
  '160': {
1518
975
  size: Token;
1519
976
  };
1520
- '2xs': {
1521
- size: Token;
1522
- };
1523
- xs: {
1524
- size: Token;
1525
- };
1526
- s: {
1527
- size: Token;
1528
- };
1529
- m: {
1530
- size: Token;
1531
- };
1532
- l: {
1533
- size: Token;
1534
- };
1535
- xl: {
1536
- size: Token;
1537
- };
1538
977
  };
1539
978
  };
1540
979
  export declare const avatarWithStatus: {
@@ -1557,30 +996,6 @@ export declare const avatarWithStatus: {
1557
996
  offset: Token;
1558
997
  };
1559
998
  };
1560
- '2xs': {
1561
- onlineIndicator: {
1562
- size: Token;
1563
- offset: Token;
1564
- };
1565
- };
1566
- xs: {
1567
- onlineIndicator: {
1568
- size: Token;
1569
- offset: Token;
1570
- };
1571
- };
1572
- m: {
1573
- onlineIndicator: {
1574
- size: Token;
1575
- offset: Token;
1576
- };
1577
- };
1578
- xl: {
1579
- onlineIndicator: {
1580
- size: Token;
1581
- offset: Token;
1582
- };
1583
- };
1584
999
  };
1585
1000
  onlineIndicator: {
1586
1001
  borderRadius: Token;
@@ -1709,37 +1124,10 @@ export declare const box: {
1709
1124
  '8': {
1710
1125
  borderRadius: Token;
1711
1126
  };
1712
- '12': {
1713
- borderRadius: Token;
1714
- };
1715
1127
  '16': {
1716
1128
  borderRadius: Token;
1717
1129
  };
1718
- '24': {
1719
- borderRadius: Token;
1720
- };
1721
- '32': {
1722
- borderRadius: Token;
1723
- };
1724
- '48': {
1725
- borderRadius: Token;
1726
- };
1727
- '64': {
1728
- borderRadius: Token;
1729
- };
1730
- '96': {
1731
- borderRadius: Token;
1732
- };
1733
- '160': {
1734
- borderRadius: Token;
1735
- };
1736
- none: {
1737
- borderRadius: Token;
1738
- };
1739
- m: {
1740
- borderRadius: Token;
1741
- };
1742
- l: {
1130
+ '300': {
1743
1131
  borderRadius: Token;
1744
1132
  };
1745
1133
  };
@@ -1753,21 +1141,6 @@ export declare const icon: {
1753
1141
  '24': Token;
1754
1142
  '32': Token;
1755
1143
  '48': Token;
1756
- '2xs': {
1757
- size: Token;
1758
- };
1759
- xs: {
1760
- size: Token;
1761
- };
1762
- s: {
1763
- size: Token;
1764
- };
1765
- m: {
1766
- size: Token;
1767
- };
1768
- l: {
1769
- size: Token;
1770
- };
1771
1144
  };
1772
1145
  fieldLayout: {
1773
1146
  width: Token;
@@ -1778,146 +1151,40 @@ export declare const icon: {
1778
1151
  export declare const heading: {
1779
1152
  variant: {
1780
1153
  massive: {
1781
- fontFamily: Token;
1782
- fontWeight: Token;
1783
- fontSize: Token;
1784
- lineHeight: Token;
1785
- letterSpacing: Token;
1786
- };
1787
- huge: {
1788
- fontFamily: Token;
1789
- fontWeight: Token;
1790
- fontSize: Token;
1791
- lineHeight: Token;
1792
- letterSpacing: Token;
1793
- };
1794
- extraLarge: {
1795
- fontFamily: Token;
1796
- fontWeight: Token;
1797
- fontSize: Token;
1798
- lineHeight: Token;
1799
- letterSpacing: Token;
1800
- };
1801
- large: {
1802
- fontFamily: Token;
1803
- fontWeight: Token;
1804
- fontSize: Token;
1805
- lineHeight: Token;
1806
- letterSpacing: Token;
1807
- };
1808
- medium: {
1809
- fontFamily: Token;
1810
1154
  fontWeight: Token;
1811
1155
  fontSize: Token;
1812
1156
  lineHeight: Token;
1813
1157
  letterSpacing: Token;
1814
1158
  };
1815
- small: {
1816
- fontFamily: Token;
1817
- fontWeight: Token;
1818
- fontSize: Token;
1819
- lineHeight: Token;
1820
- letterSpacing: Token;
1821
- };
1822
- };
1823
- level: {
1824
- h1: {
1825
- fontSize: Token;
1826
- normal: {
1827
- fontSize: Token;
1828
- fontWeight: Token;
1829
- lineHeight: Token;
1830
- letterSpacing: Token;
1831
- };
1832
- large: {
1833
- fontSize: Token;
1834
- fontWeight: Token;
1835
- lineHeight: Token;
1836
- letterSpacing: Token;
1837
- };
1838
- };
1839
- h2: {
1840
- fontSize: Token;
1841
- normal: {
1842
- fontSize: Token;
1843
- fontWeight: Token;
1844
- lineHeight: Token;
1845
- letterSpacing: Token;
1846
- };
1847
- large: {
1848
- fontSize: Token;
1849
- fontWeight: Token;
1850
- lineHeight: Token;
1851
- letterSpacing: Token;
1852
- };
1853
- };
1854
- h3: {
1855
- fontSize: Token;
1856
- normal: {
1857
- fontSize: Token;
1858
- fontWeight: Token;
1859
- lineHeight: Token;
1860
- letterSpacing: Token;
1861
- };
1862
- large: {
1863
- fontSize: Token;
1864
- fontWeight: Token;
1865
- lineHeight: Token;
1866
- letterSpacing: Token;
1867
- };
1868
- };
1869
- h4: {
1870
- fontSize: Token;
1871
- normal: {
1872
- fontSize: Token;
1873
- fontWeight: Token;
1874
- lineHeight: Token;
1875
- letterSpacing: Token;
1876
- };
1877
- large: {
1878
- fontSize: Token;
1879
- fontWeight: Token;
1880
- lineHeight: Token;
1881
- letterSpacing: Token;
1882
- };
1883
- };
1884
- h5: {
1885
- fontSize: Token;
1886
- normal: {
1887
- fontSize: Token;
1888
- fontWeight: Token;
1889
- lineHeight: Token;
1890
- letterSpacing: Token;
1891
- };
1892
- large: {
1893
- fontSize: Token;
1894
- fontWeight: Token;
1895
- lineHeight: Token;
1896
- letterSpacing: Token;
1897
- };
1898
- };
1899
- };
1900
- };
1901
- export declare const panel: {
1902
- base: {
1903
- bgColor: Token;
1904
- borderRadius: Token;
1905
- };
1906
- divider: {
1907
- borderColor: Token;
1908
- };
1909
- padding: {
1910
- small: {
1911
- padding: Token;
1912
- };
1913
- base: {
1914
- padding: Token;
1159
+ huge: {
1160
+ fontWeight: Token;
1161
+ fontSize: Token;
1162
+ lineHeight: Token;
1163
+ letterSpacing: Token;
1915
1164
  };
1916
- medium: {
1917
- padding: Token;
1165
+ extraLarge: {
1166
+ fontWeight: Token;
1167
+ fontSize: Token;
1168
+ lineHeight: Token;
1169
+ letterSpacing: Token;
1918
1170
  };
1919
1171
  large: {
1920
- padding: Token;
1172
+ fontWeight: Token;
1173
+ fontSize: Token;
1174
+ lineHeight: Token;
1175
+ letterSpacing: Token;
1176
+ };
1177
+ medium: {
1178
+ fontWeight: Token;
1179
+ fontSize: Token;
1180
+ lineHeight: Token;
1181
+ letterSpacing: Token;
1182
+ };
1183
+ small: {
1184
+ fontWeight: Token;
1185
+ fontSize: Token;
1186
+ lineHeight: Token;
1187
+ letterSpacing: Token;
1921
1188
  };
1922
1189
  };
1923
1190
  };
@@ -2039,11 +1306,7 @@ export declare const color: {
2039
1306
  info: Token;
2040
1307
  warning: Token;
2041
1308
  critical: Token;
2042
- branded: Token;
2043
- error: Token;
2044
- selected: Token;
2045
1309
  disabled: Token;
2046
- accent: Token;
2047
1310
  };
2048
1311
  icon: {
2049
1312
  primary: Token;
@@ -2091,6 +1354,7 @@ export declare const color: {
2091
1354
  secondary: Token;
2092
1355
  'secondary-opacity': Token;
2093
1356
  focus: Token;
1357
+ hover: Token;
2094
1358
  critical: Token;
2095
1359
  tertiary: Token;
2096
1360
  brand: Token;
@@ -2105,27 +1369,21 @@ export declare const color: {
2105
1369
  };
2106
1370
  };
2107
1371
  };
2108
- field: {
2109
- userInput: Token;
2110
- };
2111
1372
  };
2112
1373
  export declare const link: {
2113
1374
  large: {
2114
- fontFamily: Token;
2115
1375
  fontWeight: Token;
2116
1376
  fontSize: Token;
2117
1377
  lineHeight: Token;
2118
1378
  textDecoration: Token;
2119
1379
  };
2120
1380
  default: {
2121
- fontFamily: Token;
2122
1381
  fontWeight: Token;
2123
1382
  fontSize: Token;
2124
1383
  lineHeight: Token;
2125
1384
  textDecoration: Token;
2126
1385
  };
2127
1386
  small: {
2128
- fontFamily: Token;
2129
1387
  fontWeight: Token;
2130
1388
  fontSize: Token;
2131
1389
  lineHeight: Token;
@@ -2134,28 +1392,24 @@ export declare const link: {
2134
1392
  };
2135
1393
  export declare const button: {
2136
1394
  large: {
2137
- fontFamily: Token;
2138
1395
  fontWeight: Token;
2139
1396
  fontSize: Token;
2140
1397
  lineHeight: Token;
2141
1398
  letterSpacing: Token;
2142
1399
  };
2143
- default: {
2144
- fontFamily: Token;
1400
+ medium: {
2145
1401
  fontWeight: Token;
2146
1402
  fontSize: Token;
2147
1403
  lineHeight: Token;
2148
1404
  letterSpacing: Token;
2149
1405
  };
2150
- medium: {
2151
- fontFamily: Token;
1406
+ default: {
2152
1407
  fontWeight: Token;
2153
1408
  fontSize: Token;
2154
1409
  lineHeight: Token;
2155
1410
  letterSpacing: Token;
2156
1411
  };
2157
1412
  small: {
2158
- fontFamily: Token;
2159
1413
  fontWeight: Token;
2160
1414
  fontSize: Token;
2161
1415
  lineHeight: Token;
@@ -2246,408 +1500,183 @@ export declare const tokens: {
2246
1500
  typeface: Token;
2247
1501
  fontFamily: Token;
2248
1502
  massive: {
2249
- fontFamily: Token;
2250
1503
  fontWeight: Token;
2251
1504
  fontSize: Token;
2252
1505
  lineHeight: Token;
2253
1506
  };
2254
1507
  huge: {
2255
- fontFamily: Token;
2256
1508
  fontWeight: Token;
2257
1509
  fontSize: Token;
2258
1510
  lineHeight: Token;
2259
1511
  };
2260
1512
  extraLarge: {
2261
- fontFamily: Token;
2262
1513
  fontWeight: Token;
2263
1514
  fontSize: Token;
2264
1515
  lineHeight: Token;
2265
1516
  };
2266
1517
  large: {
2267
- fontFamily: Token;
2268
- fontWeight: Token;
2269
- fontSize: Token;
2270
- lineHeight: Token;
2271
- };
2272
- medium: {
2273
- fontFamily: Token;
2274
- fontWeight: Token;
2275
- fontSize: Token;
2276
- lineHeight: Token;
2277
- };
2278
- small: {
2279
- fontFamily: Token;
2280
- fontWeight: Token;
2281
- fontSize: Token;
2282
- lineHeight: Token;
2283
- };
2284
- };
2285
- highlight: {
2286
- blue: {
2287
- color: Token;
2288
- bgColor: Token;
2289
- };
2290
- green: {
2291
- color: Token;
2292
- bgColor: Token;
2293
- };
2294
- primary: {
2295
- color: Token;
2296
- bgColor: Token;
2297
- };
2298
- secondary: {
2299
- color: Token;
2300
- bgColor: Token;
2301
- };
2302
- tertiary: {
2303
- color: Token;
2304
- bgColor: Token;
2305
- };
2306
- accent: {
2307
- color: Token;
2308
- bgColor: Token;
2309
- };
2310
- positive: {
2311
- color: Token;
2312
- bgColor: Token;
2313
- };
2314
- info: {
2315
- color: Token;
2316
- bgColor: Token;
2317
- };
2318
- warning: {
2319
- color: Token;
2320
- bgColor: Token;
2321
- };
2322
- critical: {
2323
- color: Token;
2324
- bgColor: Token;
2325
- };
2326
- };
2327
- highlighted: {
2328
- borderRadius: Token;
2329
- horizontalPadding: Token;
2330
- };
2331
- size: {
2332
- '2xs': {
2333
- fontSize: Token;
2334
- };
2335
- xs: {
2336
- fontSize: Token;
2337
- };
2338
- s: {
2339
- fontSize: Token;
2340
- };
2341
- m: {
2342
- fontSize: Token;
2343
- };
2344
- l: {
2345
- fontSize: Token;
2346
- };
2347
- xl: {
2348
- fontSize: Token;
2349
- };
2350
- };
2351
- variant: {
2352
- 'caption-regular': {
2353
- fontSize: Token;
2354
- fontWeight: Token;
2355
- lineHeight: Token;
2356
- letterSpacing: Token;
2357
- fontStyle: Token;
2358
- variationSettings: Token;
2359
- };
2360
- 'caption-semibold': {
2361
- fontSize: Token;
2362
- fontWeight: Token;
2363
- lineHeight: Token;
2364
- letterSpacing: Token;
2365
- fontStyle: Token;
2366
- variationSettings: Token;
2367
- };
2368
- 'small-regular': {
2369
- fontSize: Token;
2370
- fontWeight: Token;
2371
- lineHeight: Token;
2372
- letterSpacing: Token;
2373
- fontStyle: Token;
2374
- variationSettings: Token;
2375
- };
2376
- 'small-regular-italic': {
2377
- fontSize: Token;
2378
- fontWeight: Token;
2379
- lineHeight: Token;
2380
- letterSpacing: Token;
2381
- fontStyle: Token;
2382
- variationSettings: Token;
2383
- };
2384
- 'small-semibold': {
2385
- fontSize: Token;
2386
- fontWeight: Token;
2387
- lineHeight: Token;
2388
- letterSpacing: Token;
2389
- fontStyle: Token;
2390
- variationSettings: Token;
2391
- };
2392
- 'small-semibold-italic': {
2393
- fontSize: Token;
2394
- fontWeight: Token;
2395
- lineHeight: Token;
2396
- letterSpacing: Token;
2397
- fontStyle: Token;
2398
- variationSettings: Token;
2399
- };
2400
- 'default-regular': {
2401
- fontSize: Token;
2402
- fontWeight: Token;
2403
- lineHeight: Token;
2404
- letterSpacing: Token;
2405
- fontStyle: Token;
2406
- variationSettings: Token;
2407
- };
2408
- 'default-regular-italic': {
2409
- fontSize: Token;
2410
- fontWeight: Token;
2411
- lineHeight: Token;
2412
- letterSpacing: Token;
2413
- fontStyle: Token;
2414
- variationSettings: Token;
2415
- };
2416
- 'default-semibold': {
2417
- fontSize: Token;
2418
- fontWeight: Token;
2419
- lineHeight: Token;
2420
- letterSpacing: Token;
2421
- fontStyle: Token;
2422
- variationSettings: Token;
2423
- };
2424
- 'default-semibold-italic': {
2425
- fontSize: Token;
2426
- fontWeight: Token;
2427
- lineHeight: Token;
2428
- letterSpacing: Token;
2429
- fontStyle: Token;
2430
- variationSettings: Token;
2431
- };
2432
- 'large-regular': {
2433
- fontSize: Token;
2434
- fontWeight: Token;
2435
- lineHeight: Token;
2436
- letterSpacing: Token;
2437
- fontStyle: Token;
2438
- variationSettings: Token;
2439
- };
2440
- 'large-regular-italic': {
2441
- fontSize: Token;
2442
- fontWeight: Token;
2443
- lineHeight: Token;
2444
- letterSpacing: Token;
2445
- fontStyle: Token;
2446
- variationSettings: Token;
2447
- };
2448
- 'large-semibold': {
2449
- fontSize: Token;
2450
- fontWeight: Token;
2451
- lineHeight: Token;
2452
- letterSpacing: Token;
2453
- fontStyle: Token;
2454
- variationSettings: Token;
2455
- };
2456
- 'large-semibold-italic': {
2457
- fontSize: Token;
2458
- fontWeight: Token;
2459
- lineHeight: Token;
2460
- letterSpacing: Token;
2461
- fontStyle: Token;
2462
- variationSettings: Token;
2463
- };
2464
- xs: {
2465
- fontSize: Token;
2466
- fontWeight: Token;
2467
- lineHeight: Token;
2468
- letterSpacing: Token;
2469
- fontStyle: Token;
2470
- variationSettings: Token;
2471
- };
2472
- 'xs-medium': {
2473
- fontSize: Token;
2474
- fontWeight: Token;
2475
- lineHeight: Token;
2476
- letterSpacing: Token;
2477
- fontStyle: Token;
2478
- variationSettings: Token;
2479
- };
2480
- s: {
2481
- fontSize: Token;
2482
- fontWeight: Token;
2483
- lineHeight: Token;
2484
- letterSpacing: Token;
2485
- fontStyle: Token;
2486
- variationSettings: Token;
2487
- };
2488
- 's-italic': {
2489
- fontSize: Token;
2490
- fontWeight: Token;
2491
- lineHeight: Token;
2492
- letterSpacing: Token;
2493
- fontStyle: Token;
2494
- variationSettings: Token;
2495
- };
2496
- 's-medium': {
2497
- fontSize: Token;
2498
- fontWeight: Token;
2499
- lineHeight: Token;
2500
- letterSpacing: Token;
2501
- fontStyle: Token;
2502
- variationSettings: Token;
2503
- };
2504
- 's-medium-italic': {
2505
- fontSize: Token;
2506
- fontWeight: Token;
2507
- lineHeight: Token;
2508
- letterSpacing: Token;
2509
- fontStyle: Token;
2510
- variationSettings: Token;
2511
- };
2512
- 's-bold': {
2513
- fontSize: Token;
2514
1518
  fontWeight: Token;
1519
+ fontSize: Token;
2515
1520
  lineHeight: Token;
2516
- letterSpacing: Token;
2517
- fontStyle: Token;
2518
- variationSettings: Token;
2519
1521
  };
2520
- 's-bold-italic': {
1522
+ medium: {
1523
+ fontWeight: Token;
2521
1524
  fontSize: Token;
1525
+ lineHeight: Token;
1526
+ };
1527
+ small: {
2522
1528
  fontWeight: Token;
1529
+ fontSize: Token;
2523
1530
  lineHeight: Token;
2524
- letterSpacing: Token;
2525
- fontStyle: Token;
2526
- variationSettings: Token;
2527
1531
  };
2528
- m: {
1532
+ };
1533
+ highlight: {
1534
+ blue: {
1535
+ color: Token;
1536
+ bgColor: Token;
1537
+ };
1538
+ green: {
1539
+ color: Token;
1540
+ bgColor: Token;
1541
+ };
1542
+ primary: {
1543
+ color: Token;
1544
+ bgColor: Token;
1545
+ };
1546
+ secondary: {
1547
+ color: Token;
1548
+ bgColor: Token;
1549
+ };
1550
+ tertiary: {
1551
+ color: Token;
1552
+ bgColor: Token;
1553
+ };
1554
+ accent: {
1555
+ color: Token;
1556
+ bgColor: Token;
1557
+ };
1558
+ positive: {
1559
+ color: Token;
1560
+ bgColor: Token;
1561
+ };
1562
+ info: {
1563
+ color: Token;
1564
+ bgColor: Token;
1565
+ };
1566
+ warning: {
1567
+ color: Token;
1568
+ bgColor: Token;
1569
+ };
1570
+ critical: {
1571
+ color: Token;
1572
+ bgColor: Token;
1573
+ };
1574
+ };
1575
+ highlighted: {
1576
+ borderRadius: Token;
1577
+ horizontalPadding: Token;
1578
+ };
1579
+ variant: {
1580
+ 'caption-regular': {
2529
1581
  fontSize: Token;
2530
1582
  fontWeight: Token;
2531
1583
  lineHeight: Token;
2532
1584
  letterSpacing: Token;
2533
1585
  fontStyle: Token;
2534
- variationSettings: Token;
2535
1586
  };
2536
- 'm-italic': {
1587
+ 'caption-semibold': {
2537
1588
  fontSize: Token;
2538
1589
  fontWeight: Token;
2539
1590
  lineHeight: Token;
2540
1591
  letterSpacing: Token;
2541
1592
  fontStyle: Token;
2542
- variationSettings: Token;
2543
1593
  };
2544
- 'm-medium': {
1594
+ 'small-regular': {
2545
1595
  fontSize: Token;
2546
1596
  fontWeight: Token;
2547
1597
  lineHeight: Token;
2548
1598
  letterSpacing: Token;
2549
1599
  fontStyle: Token;
2550
- variationSettings: Token;
2551
1600
  };
2552
- 'm-medium-italic': {
1601
+ 'small-regular-italic': {
2553
1602
  fontSize: Token;
2554
1603
  fontWeight: Token;
2555
1604
  lineHeight: Token;
2556
1605
  letterSpacing: Token;
2557
1606
  fontStyle: Token;
2558
- variationSettings: Token;
2559
1607
  };
2560
- 'm-bold': {
1608
+ 'small-semibold': {
2561
1609
  fontSize: Token;
2562
1610
  fontWeight: Token;
2563
1611
  lineHeight: Token;
2564
1612
  letterSpacing: Token;
2565
1613
  fontStyle: Token;
2566
- variationSettings: Token;
2567
1614
  };
2568
- 'm-bold-italic': {
1615
+ 'small-semibold-italic': {
2569
1616
  fontSize: Token;
2570
1617
  fontWeight: Token;
2571
1618
  lineHeight: Token;
2572
1619
  letterSpacing: Token;
2573
1620
  fontStyle: Token;
2574
- variationSettings: Token;
2575
1621
  };
2576
- l: {
1622
+ 'default-regular': {
2577
1623
  fontSize: Token;
2578
1624
  fontWeight: Token;
2579
1625
  lineHeight: Token;
2580
1626
  letterSpacing: Token;
2581
1627
  fontStyle: Token;
2582
- variationSettings: Token;
2583
1628
  };
2584
- 'l-italic': {
1629
+ 'default-regular-italic': {
2585
1630
  fontSize: Token;
2586
1631
  fontWeight: Token;
2587
1632
  lineHeight: Token;
2588
1633
  letterSpacing: Token;
2589
1634
  fontStyle: Token;
2590
- variationSettings: Token;
2591
1635
  };
2592
- 'l-medium': {
1636
+ 'default-semibold': {
2593
1637
  fontSize: Token;
2594
1638
  fontWeight: Token;
2595
1639
  lineHeight: Token;
2596
1640
  letterSpacing: Token;
2597
1641
  fontStyle: Token;
2598
- variationSettings: Token;
2599
1642
  };
2600
- 'l-medium-italic': {
1643
+ 'default-semibold-italic': {
2601
1644
  fontSize: Token;
2602
1645
  fontWeight: Token;
2603
1646
  lineHeight: Token;
2604
1647
  letterSpacing: Token;
2605
1648
  fontStyle: Token;
2606
- variationSettings: Token;
2607
1649
  };
2608
- xl: {
1650
+ 'large-regular': {
2609
1651
  fontSize: Token;
2610
1652
  fontWeight: Token;
2611
1653
  lineHeight: Token;
2612
1654
  letterSpacing: Token;
2613
1655
  fontStyle: Token;
2614
- variationSettings: Token;
2615
1656
  };
2616
- 'xl-italic': {
1657
+ 'large-regular-italic': {
2617
1658
  fontSize: Token;
2618
1659
  fontWeight: Token;
2619
1660
  lineHeight: Token;
2620
1661
  letterSpacing: Token;
2621
1662
  fontStyle: Token;
2622
- variationSettings: Token;
2623
1663
  };
2624
- 'xl-medium': {
1664
+ 'large-semibold': {
2625
1665
  fontSize: Token;
2626
1666
  fontWeight: Token;
2627
1667
  lineHeight: Token;
2628
1668
  letterSpacing: Token;
2629
1669
  fontStyle: Token;
2630
- variationSettings: Token;
2631
1670
  };
2632
- 'xl-medium-italic': {
1671
+ 'large-semibold-italic': {
2633
1672
  fontSize: Token;
2634
1673
  fontWeight: Token;
2635
1674
  lineHeight: Token;
2636
1675
  letterSpacing: Token;
2637
1676
  fontStyle: Token;
2638
- variationSettings: Token;
2639
1677
  };
2640
1678
  };
2641
1679
  weight: {
2642
- '400': {
2643
- fontWeight: Token;
2644
- };
2645
- '500': {
2646
- fontWeight: Token;
2647
- };
2648
- '700': {
2649
- fontWeight: Token;
2650
- };
2651
1680
  base: {
2652
1681
  fontWeight: Token;
2653
1682
  };
@@ -2664,7 +1693,6 @@ export declare const tokens: {
2664
1693
  large: {
2665
1694
  semibold: {
2666
1695
  body: {
2667
- fontFamily: Token;
2668
1696
  fontWeight: Token;
2669
1697
  fontSize: Token;
2670
1698
  lineHeight: Token;
@@ -2672,7 +1700,6 @@ export declare const tokens: {
2672
1700
  };
2673
1701
  regular: {
2674
1702
  body: {
2675
- fontFamily: Token;
2676
1703
  fontWeight: Token;
2677
1704
  fontSize: Token;
2678
1705
  lineHeight: Token;
@@ -2682,7 +1709,6 @@ export declare const tokens: {
2682
1709
  default: {
2683
1710
  semibold: {
2684
1711
  body: {
2685
- fontFamily: Token;
2686
1712
  fontWeight: Token;
2687
1713
  fontSize: Token;
2688
1714
  lineHeight: Token;
@@ -2690,7 +1716,6 @@ export declare const tokens: {
2690
1716
  };
2691
1717
  regular: {
2692
1718
  body: {
2693
- fontFamily: Token;
2694
1719
  fontWeight: Token;
2695
1720
  fontSize: Token;
2696
1721
  lineHeight: Token;
@@ -2700,7 +1725,6 @@ export declare const tokens: {
2700
1725
  small: {
2701
1726
  semibold: {
2702
1727
  body: {
2703
- fontFamily: Token;
2704
1728
  fontWeight: Token;
2705
1729
  fontSize: Token;
2706
1730
  lineHeight: Token;
@@ -2708,7 +1732,6 @@ export declare const tokens: {
2708
1732
  };
2709
1733
  regular: {
2710
1734
  body: {
2711
- fontFamily: Token;
2712
1735
  fontWeight: Token;
2713
1736
  fontSize: Token;
2714
1737
  lineHeight: Token;
@@ -2718,7 +1741,6 @@ export declare const tokens: {
2718
1741
  caption: {
2719
1742
  semibold: {
2720
1743
  body: {
2721
- fontFamily: Token;
2722
1744
  fontWeight: Token;
2723
1745
  fontSize: Token;
2724
1746
  lineHeight: Token;
@@ -2726,7 +1748,6 @@ export declare const tokens: {
2726
1748
  };
2727
1749
  regular: {
2728
1750
  body: {
2729
- fontFamily: Token;
2730
1751
  fontWeight: Token;
2731
1752
  fontSize: Token;
2732
1753
  lineHeight: Token;
@@ -2734,166 +1755,12 @@ export declare const tokens: {
2734
1755
  };
2735
1756
  };
2736
1757
  fieldAdditionalText: {
2737
- fontFamily: Token;
2738
1758
  fontWeight: Token;
2739
1759
  fontSize: Token;
2740
1760
  lineHeight: Token;
2741
1761
  letterSpacing: Token;
2742
1762
  };
2743
1763
  };
2744
- scheme: {
2745
- color: Token;
2746
- bgColor: Token;
2747
- };
2748
- root: {
2749
- space: {
2750
- none: Token;
2751
- '3xs': Token;
2752
- '2xs': Token;
2753
- xs: Token;
2754
- s: Token;
2755
- m: Token;
2756
- l: Token;
2757
- xl: Token;
2758
- };
2759
- palette: {
2760
- white: Token;
2761
- ivory: Token;
2762
- transparent: Token;
2763
- gray: {
2764
- '100': Token;
2765
- '200': Token;
2766
- '300': Token;
2767
- '400': Token;
2768
- '500': Token;
2769
- '600': Token;
2770
- };
2771
- teal: {
2772
- '100': Token;
2773
- '200': Token;
2774
- '300': Token;
2775
- '400': Token;
2776
- '500': Token;
2777
- };
2778
- green: {
2779
- '100': Token;
2780
- '200': Token;
2781
- '300': Token;
2782
- '400': Token;
2783
- '500': Token;
2784
- };
2785
- yellow: {
2786
- '100': Token;
2787
- '200': Token;
2788
- '300': Token;
2789
- '400': Token;
2790
- '500': Token;
2791
- };
2792
- red: {
2793
- '100': Token;
2794
- '200': Token;
2795
- '300': Token;
2796
- '400': Token;
2797
- '500': Token;
2798
- };
2799
- blue: {
2800
- '100': Token;
2801
- '200': Token;
2802
- '300': Token;
2803
- '400': Token;
2804
- '500': Token;
2805
- };
2806
- magenta: {
2807
- '100': Token;
2808
- '200': Token;
2809
- '300': Token;
2810
- '400': Token;
2811
- '500': Token;
2812
- };
2813
- };
2814
- text: {
2815
- base: {
2816
- typeface: Token;
2817
- fontFamily: Token;
2818
- variable: {
2819
- fontFamily: Token;
2820
- };
2821
- fontSize: Token;
2822
- lineHeight: Token;
2823
- };
2824
- height: {
2825
- '200': Token;
2826
- '400': Token;
2827
- '600': Token;
2828
- '1000': Token;
2829
- '1600': Token;
2830
- '2000': Token;
2831
- '2800': Token;
2832
- };
2833
- size: {
2834
- '70': Token;
2835
- '80': Token;
2836
- '90': Token;
2837
- '100': Token;
2838
- '200': Token;
2839
- '300': Token;
2840
- '400': Token;
2841
- '500': Token;
2842
- '600': Token;
2843
- '800': Token;
2844
- '1000': Token;
2845
- '1200': Token;
2846
- '1800': Token;
2847
- '2400': Token;
2848
- };
2849
- spacing: {
2850
- tight: Token;
2851
- regular: Token;
2852
- loose: Token;
2853
- };
2854
- style: {
2855
- normal: Token;
2856
- italic: Token;
2857
- };
2858
- variation: {
2859
- normal: Token;
2860
- italic: Token;
2861
- };
2862
- weight: {
2863
- '400': Token;
2864
- '500': Token;
2865
- '700': Token;
2866
- };
2867
- };
2868
- heading: {
2869
- base: {
2870
- typeface: Token;
2871
- fontFamily: Token;
2872
- };
2873
- };
2874
- size: {
2875
- '25': Token;
2876
- '50': Token;
2877
- '100': Token;
2878
- '150': Token;
2879
- '200': Token;
2880
- '300': Token;
2881
- '400': Token;
2882
- '500': Token;
2883
- '600': Token;
2884
- '800': Token;
2885
- '1000': Token;
2886
- none: Token;
2887
- };
2888
- radius: {
2889
- none: Token;
2890
- xs: Token;
2891
- s: Token;
2892
- m: Token;
2893
- l: Token;
2894
- xl: Token;
2895
- };
2896
- };
2897
1764
  dsInternalPrimitive: {
2898
1765
  color: {
2899
1766
  background: {
@@ -3157,96 +2024,22 @@ export declare const tokens: {
3157
2024
  button: {
3158
2025
  large: {
3159
2026
  height: Token;
3160
- verticalPadding: Token;
3161
- horizontalPadding: Token;
3162
- };
3163
- medium: {
3164
- height: Token;
3165
- verticalPadding: Token;
3166
- horizontalPadding: Token;
3167
- };
3168
- small: {
3169
- height: Token;
3170
- verticalPadding: Token;
3171
- horizontalPadding: Token;
3172
- };
3173
- borderWeight: Token;
3174
- };
3175
- };
3176
- content: {
3177
- primary: {
3178
- color: Token;
3179
- };
3180
- secondary: {
3181
- color: Token;
3182
- };
3183
- branded: {
3184
- color: Token;
3185
- };
3186
- brand: {
3187
- color: Token;
3188
- };
3189
- positive: {
3190
- color: Token;
3191
- };
3192
- error: {
3193
- color: Token;
3194
- };
3195
- tertiary: {
3196
- color: Token;
3197
- };
3198
- selected: {
3199
- color: Token;
3200
- };
3201
- warning: {
3202
- color: Token;
3203
- };
3204
- critical: {
3205
- color: Token;
3206
- };
3207
- info: {
3208
- color: Token;
3209
- };
3210
- inverted: {
3211
- color: Token;
3212
- };
3213
- accent: {
3214
- color: Token;
3215
- };
3216
- disabled: {
3217
- color: Token;
3218
- };
3219
- };
3220
- border: {
3221
- base: {
3222
- borderColor: Token;
3223
- };
3224
- hover: {
3225
- borderColor: Token;
3226
- };
3227
- focus: {
3228
- borderColor: Token;
3229
- };
3230
- error: {
3231
- borderColor: Token;
3232
- };
3233
- selected: {
3234
- borderColor: Token;
3235
- };
3236
- positive: {
3237
- borderColor: Token;
3238
- };
3239
- accent: {
3240
- borderColor: Token;
3241
- };
3242
- disabled: {
3243
- borderColor: Token;
2027
+ verticalPadding: Token;
2028
+ horizontalPadding: Token;
2029
+ };
2030
+ medium: {
2031
+ height: Token;
2032
+ verticalPadding: Token;
2033
+ horizontalPadding: Token;
2034
+ };
2035
+ small: {
2036
+ height: Token;
2037
+ verticalPadding: Token;
2038
+ horizontalPadding: Token;
2039
+ };
2040
+ borderWeight: Token;
3244
2041
  };
3245
2042
  };
3246
- background: {
3247
- secondary: Token;
3248
- overlay: Token;
3249
- };
3250
2043
  action: {
3251
2044
  base: {
3252
2045
  borderRadius: Token;
@@ -3390,48 +2183,6 @@ export declare const tokens: {
3390
2183
  bgColor: Token;
3391
2184
  };
3392
2185
  };
3393
- plain: {
3394
- color: Token;
3395
- bgColor: Token;
3396
- borderColor: Token;
3397
- hover: {
3398
- bgColor: Token;
3399
- color: Token;
3400
- borderColor: Token;
3401
- };
3402
- active: {
3403
- bgColor: Token;
3404
- color: Token;
3405
- borderColor: Token;
3406
- };
3407
- textDecoration: Token;
3408
- disabled: {
3409
- borderColor: Token;
3410
- color: Token;
3411
- bgColor: Token;
3412
- };
3413
- };
3414
- dangerous: {
3415
- color: Token;
3416
- bgColor: Token;
3417
- borderColor: Token;
3418
- hover: {
3419
- bgColor: Token;
3420
- color: Token;
3421
- borderColor: Token;
3422
- };
3423
- active: {
3424
- bgColor: Token;
3425
- color: Token;
3426
- borderColor: Token;
3427
- };
3428
- textDecoration: Token;
3429
- disabled: {
3430
- borderColor: Token;
3431
- color: Token;
3432
- bgColor: Token;
3433
- };
3434
- };
3435
2186
  critical: {
3436
2187
  color: Token;
3437
2188
  bgColor: Token;
@@ -3660,46 +2411,6 @@ export declare const tokens: {
3660
2411
  };
3661
2412
  };
3662
2413
  size: {
3663
- xs: {
3664
- height: Token;
3665
- verticalPadding: Token;
3666
- horizontalPadding: Token;
3667
- fontSize: Token;
3668
- letterSpacing: Token;
3669
- lineHeight: Token;
3670
- };
3671
- s: {
3672
- height: Token;
3673
- verticalPadding: Token;
3674
- horizontalPadding: Token;
3675
- fontSize: Token;
3676
- letterSpacing: Token;
3677
- lineHeight: Token;
3678
- };
3679
- m: {
3680
- height: Token;
3681
- verticalPadding: Token;
3682
- horizontalPadding: Token;
3683
- fontSize: Token;
3684
- letterSpacing: Token;
3685
- lineHeight: Token;
3686
- };
3687
- l: {
3688
- height: Token;
3689
- verticalPadding: Token;
3690
- horizontalPadding: Token;
3691
- fontSize: Token;
3692
- letterSpacing: Token;
3693
- lineHeight: Token;
3694
- };
3695
- xl: {
3696
- height: Token;
3697
- verticalPadding: Token;
3698
- horizontalPadding: Token;
3699
- fontSize: Token;
3700
- letterSpacing: Token;
3701
- lineHeight: Token;
3702
- };
3703
2414
  large: {
3704
2415
  height: Token;
3705
2416
  verticalPadding: Token;
@@ -3754,24 +2465,6 @@ export declare const tokens: {
3754
2465
  '160': {
3755
2466
  size: Token;
3756
2467
  };
3757
- '2xs': {
3758
- size: Token;
3759
- };
3760
- xs: {
3761
- size: Token;
3762
- };
3763
- s: {
3764
- size: Token;
3765
- };
3766
- m: {
3767
- size: Token;
3768
- };
3769
- l: {
3770
- size: Token;
3771
- };
3772
- xl: {
3773
- size: Token;
3774
- };
3775
2468
  };
3776
2469
  };
3777
2470
  avatarWithStatus: {
@@ -3794,30 +2487,6 @@ export declare const tokens: {
3794
2487
  offset: Token;
3795
2488
  };
3796
2489
  };
3797
- '2xs': {
3798
- onlineIndicator: {
3799
- size: Token;
3800
- offset: Token;
3801
- };
3802
- };
3803
- xs: {
3804
- onlineIndicator: {
3805
- size: Token;
3806
- offset: Token;
3807
- };
3808
- };
3809
- m: {
3810
- onlineIndicator: {
3811
- size: Token;
3812
- offset: Token;
3813
- };
3814
- };
3815
- xl: {
3816
- onlineIndicator: {
3817
- size: Token;
3818
- offset: Token;
3819
- };
3820
- };
3821
2490
  };
3822
2491
  onlineIndicator: {
3823
2492
  borderRadius: Token;
@@ -3946,37 +2615,10 @@ export declare const tokens: {
3946
2615
  '8': {
3947
2616
  borderRadius: Token;
3948
2617
  };
3949
- '12': {
3950
- borderRadius: Token;
3951
- };
3952
2618
  '16': {
3953
2619
  borderRadius: Token;
3954
2620
  };
3955
- '24': {
3956
- borderRadius: Token;
3957
- };
3958
- '32': {
3959
- borderRadius: Token;
3960
- };
3961
- '48': {
3962
- borderRadius: Token;
3963
- };
3964
- '64': {
3965
- borderRadius: Token;
3966
- };
3967
- '96': {
3968
- borderRadius: Token;
3969
- };
3970
- '160': {
3971
- borderRadius: Token;
3972
- };
3973
- none: {
3974
- borderRadius: Token;
3975
- };
3976
- m: {
3977
- borderRadius: Token;
3978
- };
3979
- l: {
2621
+ '300': {
3980
2622
  borderRadius: Token;
3981
2623
  };
3982
2624
  };
@@ -3990,21 +2632,6 @@ export declare const tokens: {
3990
2632
  '24': Token;
3991
2633
  '32': Token;
3992
2634
  '48': Token;
3993
- '2xs': {
3994
- size: Token;
3995
- };
3996
- xs: {
3997
- size: Token;
3998
- };
3999
- s: {
4000
- size: Token;
4001
- };
4002
- m: {
4003
- size: Token;
4004
- };
4005
- l: {
4006
- size: Token;
4007
- };
4008
2635
  };
4009
2636
  fieldLayout: {
4010
2637
  width: Token;
@@ -4015,148 +2642,42 @@ export declare const tokens: {
4015
2642
  heading: {
4016
2643
  variant: {
4017
2644
  massive: {
4018
- fontFamily: Token;
4019
2645
  fontWeight: Token;
4020
2646
  fontSize: Token;
4021
2647
  lineHeight: Token;
4022
2648
  letterSpacing: Token;
4023
2649
  };
4024
2650
  huge: {
4025
- fontFamily: Token;
4026
2651
  fontWeight: Token;
4027
2652
  fontSize: Token;
4028
2653
  lineHeight: Token;
4029
2654
  letterSpacing: Token;
4030
2655
  };
4031
2656
  extraLarge: {
4032
- fontFamily: Token;
4033
2657
  fontWeight: Token;
4034
2658
  fontSize: Token;
4035
2659
  lineHeight: Token;
4036
2660
  letterSpacing: Token;
4037
2661
  };
4038
2662
  large: {
4039
- fontFamily: Token;
4040
2663
  fontWeight: Token;
4041
2664
  fontSize: Token;
4042
2665
  lineHeight: Token;
4043
2666
  letterSpacing: Token;
4044
2667
  };
4045
2668
  medium: {
4046
- fontFamily: Token;
4047
2669
  fontWeight: Token;
4048
2670
  fontSize: Token;
4049
2671
  lineHeight: Token;
4050
2672
  letterSpacing: Token;
4051
2673
  };
4052
2674
  small: {
4053
- fontFamily: Token;
4054
2675
  fontWeight: Token;
4055
2676
  fontSize: Token;
4056
2677
  lineHeight: Token;
4057
2678
  letterSpacing: Token;
4058
2679
  };
4059
2680
  };
4060
- level: {
4061
- h1: {
4062
- fontSize: Token;
4063
- normal: {
4064
- fontSize: Token;
4065
- fontWeight: Token;
4066
- lineHeight: Token;
4067
- letterSpacing: Token;
4068
- };
4069
- large: {
4070
- fontSize: Token;
4071
- fontWeight: Token;
4072
- lineHeight: Token;
4073
- letterSpacing: Token;
4074
- };
4075
- };
4076
- h2: {
4077
- fontSize: Token;
4078
- normal: {
4079
- fontSize: Token;
4080
- fontWeight: Token;
4081
- lineHeight: Token;
4082
- letterSpacing: Token;
4083
- };
4084
- large: {
4085
- fontSize: Token;
4086
- fontWeight: Token;
4087
- lineHeight: Token;
4088
- letterSpacing: Token;
4089
- };
4090
- };
4091
- h3: {
4092
- fontSize: Token;
4093
- normal: {
4094
- fontSize: Token;
4095
- fontWeight: Token;
4096
- lineHeight: Token;
4097
- letterSpacing: Token;
4098
- };
4099
- large: {
4100
- fontSize: Token;
4101
- fontWeight: Token;
4102
- lineHeight: Token;
4103
- letterSpacing: Token;
4104
- };
4105
- };
4106
- h4: {
4107
- fontSize: Token;
4108
- normal: {
4109
- fontSize: Token;
4110
- fontWeight: Token;
4111
- lineHeight: Token;
4112
- letterSpacing: Token;
4113
- };
4114
- large: {
4115
- fontSize: Token;
4116
- fontWeight: Token;
4117
- lineHeight: Token;
4118
- letterSpacing: Token;
4119
- };
4120
- };
4121
- h5: {
4122
- fontSize: Token;
4123
- normal: {
4124
- fontSize: Token;
4125
- fontWeight: Token;
4126
- lineHeight: Token;
4127
- letterSpacing: Token;
4128
- };
4129
- large: {
4130
- fontSize: Token;
4131
- fontWeight: Token;
4132
- lineHeight: Token;
4133
- letterSpacing: Token;
4134
- };
4135
- };
4136
- };
4137
- };
4138
- panel: {
4139
- base: {
4140
- bgColor: Token;
4141
- borderRadius: Token;
4142
- };
4143
- divider: {
4144
- borderColor: Token;
4145
- };
4146
- padding: {
4147
- small: {
4148
- padding: Token;
4149
- };
4150
- base: {
4151
- padding: Token;
4152
- };
4153
- medium: {
4154
- padding: Token;
4155
- };
4156
- large: {
4157
- padding: Token;
4158
- };
4159
- };
4160
2681
  };
4161
2682
  input: {
4162
2683
  base: {
@@ -4276,11 +2797,7 @@ export declare const tokens: {
4276
2797
  info: Token;
4277
2798
  warning: Token;
4278
2799
  critical: Token;
4279
- branded: Token;
4280
- error: Token;
4281
- selected: Token;
4282
2800
  disabled: Token;
4283
- accent: Token;
4284
2801
  };
4285
2802
  icon: {
4286
2803
  primary: Token;
@@ -4328,6 +2845,7 @@ export declare const tokens: {
4328
2845
  secondary: Token;
4329
2846
  'secondary-opacity': Token;
4330
2847
  focus: Token;
2848
+ hover: Token;
4331
2849
  critical: Token;
4332
2850
  tertiary: Token;
4333
2851
  brand: Token;
@@ -4342,27 +2860,21 @@ export declare const tokens: {
4342
2860
  };
4343
2861
  };
4344
2862
  };
4345
- field: {
4346
- userInput: Token;
4347
- };
4348
2863
  };
4349
2864
  link: {
4350
2865
  large: {
4351
- fontFamily: Token;
4352
2866
  fontWeight: Token;
4353
2867
  fontSize: Token;
4354
2868
  lineHeight: Token;
4355
2869
  textDecoration: Token;
4356
2870
  };
4357
2871
  default: {
4358
- fontFamily: Token;
4359
2872
  fontWeight: Token;
4360
2873
  fontSize: Token;
4361
2874
  lineHeight: Token;
4362
2875
  textDecoration: Token;
4363
2876
  };
4364
2877
  small: {
4365
- fontFamily: Token;
4366
2878
  fontWeight: Token;
4367
2879
  fontSize: Token;
4368
2880
  lineHeight: Token;
@@ -4371,28 +2883,24 @@ export declare const tokens: {
4371
2883
  };
4372
2884
  button: {
4373
2885
  large: {
4374
- fontFamily: Token;
4375
2886
  fontWeight: Token;
4376
2887
  fontSize: Token;
4377
2888
  lineHeight: Token;
4378
2889
  letterSpacing: Token;
4379
2890
  };
4380
- default: {
4381
- fontFamily: Token;
2891
+ medium: {
4382
2892
  fontWeight: Token;
4383
2893
  fontSize: Token;
4384
2894
  lineHeight: Token;
4385
2895
  letterSpacing: Token;
4386
2896
  };
4387
- medium: {
4388
- fontFamily: Token;
2897
+ default: {
4389
2898
  fontWeight: Token;
4390
2899
  fontSize: Token;
4391
2900
  lineHeight: Token;
4392
2901
  letterSpacing: Token;
4393
2902
  };
4394
2903
  small: {
4395
- fontFamily: Token;
4396
2904
  fontWeight: Token;
4397
2905
  fontSize: Token;
4398
2906
  lineHeight: Token;