@polyxd/ds-antd 0.1.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 (12) hide show
  1. package/LICENSE +202 -0
  2. package/NOTICE +177 -0
  3. package/README.md +120 -0
  4. package/manifest.json +32 -0
  5. package/package.json +30 -0
  6. package/scripts/sources/antd/LICENSE.ant-design-colors +22 -0
  7. package/scripts/sources/antd/LICENSE.antd +22 -0
  8. package/tokens/primitive.json +4615 -0
  9. package/tokens/semantic.json +453 -0
  10. package/tokens/system.dark.json +1875 -0
  11. package/tokens/system.json +739 -0
  12. package/tokens/system.light.json +1883 -0
package/tokens/system.json ADDED
@@ -0,0 +1,739 @@
1
+ {
2
+ "$description": "Ant Design system tier, mode-independent: antd 6.6.4 map and alias tokens (theme.getDesignToken) whose value is the same under defaultAlgorithm and darkAlgorithm. Numbers are px dimensions unless they are line heights, opacities, z-indexes, motion units or font weights.",
3
+ "antd": {
4
+ "token": {
5
+ "borderRadius": {
6
+ "$type": "dimension",
7
+ "$value": "{antd.seed.borderRadius}"
8
+ },
9
+ "borderRadiusLG": {
10
+ "$type": "dimension",
11
+ "$value": {
12
+ "value": 8,
13
+ "unit": "px"
14
+ }
15
+ },
16
+ "borderRadiusOuter": {
17
+ "$type": "dimension",
18
+ "$value": {
19
+ "value": 4,
20
+ "unit": "px"
21
+ }
22
+ },
23
+ "borderRadiusSM": {
24
+ "$type": "dimension",
25
+ "$value": {
26
+ "value": 4,
27
+ "unit": "px"
28
+ }
29
+ },
30
+ "borderRadiusXS": {
31
+ "$type": "dimension",
32
+ "$value": {
33
+ "value": 2,
34
+ "unit": "px"
35
+ }
36
+ },
37
+ "controlHeight": {
38
+ "$type": "dimension",
39
+ "$value": "{antd.seed.controlHeight}"
40
+ },
41
+ "controlHeightLG": {
42
+ "$type": "dimension",
43
+ "$value": {
44
+ "value": 40,
45
+ "unit": "px"
46
+ }
47
+ },
48
+ "controlHeightSM": {
49
+ "$type": "dimension",
50
+ "$value": {
51
+ "value": 24,
52
+ "unit": "px"
53
+ }
54
+ },
55
+ "controlHeightXS": {
56
+ "$type": "dimension",
57
+ "$value": {
58
+ "value": 16,
59
+ "unit": "px"
60
+ }
61
+ },
62
+ "controlInteractiveSize": {
63
+ "$type": "dimension",
64
+ "$value": {
65
+ "value": 16,
66
+ "unit": "px"
67
+ }
68
+ },
69
+ "controlOutlineWidth": {
70
+ "$type": "dimension",
71
+ "$value": {
72
+ "value": 2,
73
+ "unit": "px"
74
+ }
75
+ },
76
+ "controlPaddingHorizontal": {
77
+ "$type": "dimension",
78
+ "$value": {
79
+ "value": 12,
80
+ "unit": "px"
81
+ }
82
+ },
83
+ "controlPaddingHorizontalSM": {
84
+ "$type": "dimension",
85
+ "$value": {
86
+ "value": 8,
87
+ "unit": "px"
88
+ }
89
+ },
90
+ "fontFamily": {
91
+ "$type": "fontFamily",
92
+ "$value": "{antd.seed.fontFamily}"
93
+ },
94
+ "fontFamilyCode": {
95
+ "$type": "fontFamily",
96
+ "$value": "{antd.seed.fontFamilyCode}"
97
+ },
98
+ "fontHeight": {
99
+ "$type": "dimension",
100
+ "$value": {
101
+ "value": 22,
102
+ "unit": "px"
103
+ }
104
+ },
105
+ "fontHeightLG": {
106
+ "$type": "dimension",
107
+ "$value": {
108
+ "value": 24,
109
+ "unit": "px"
110
+ }
111
+ },
112
+ "fontHeightSM": {
113
+ "$type": "dimension",
114
+ "$value": {
115
+ "value": 20,
116
+ "unit": "px"
117
+ }
118
+ },
119
+ "fontSize": {
120
+ "$type": "dimension",
121
+ "$value": "{antd.seed.fontSize}"
122
+ },
123
+ "fontSizeHeading1": {
124
+ "$type": "dimension",
125
+ "$value": {
126
+ "value": 38,
127
+ "unit": "px"
128
+ }
129
+ },
130
+ "fontSizeHeading2": {
131
+ "$type": "dimension",
132
+ "$value": {
133
+ "value": 30,
134
+ "unit": "px"
135
+ }
136
+ },
137
+ "fontSizeHeading3": {
138
+ "$type": "dimension",
139
+ "$value": {
140
+ "value": 24,
141
+ "unit": "px"
142
+ }
143
+ },
144
+ "fontSizeHeading4": {
145
+ "$type": "dimension",
146
+ "$value": {
147
+ "value": 20,
148
+ "unit": "px"
149
+ }
150
+ },
151
+ "fontSizeHeading5": {
152
+ "$type": "dimension",
153
+ "$value": {
154
+ "value": 16,
155
+ "unit": "px"
156
+ }
157
+ },
158
+ "fontSizeIcon": {
159
+ "$type": "dimension",
160
+ "$value": {
161
+ "value": 12,
162
+ "unit": "px"
163
+ }
164
+ },
165
+ "fontSizeLG": {
166
+ "$type": "dimension",
167
+ "$value": {
168
+ "value": 16,
169
+ "unit": "px"
170
+ }
171
+ },
172
+ "fontSizeSM": {
173
+ "$type": "dimension",
174
+ "$value": {
175
+ "value": 12,
176
+ "unit": "px"
177
+ }
178
+ },
179
+ "fontSizeXL": {
180
+ "$type": "dimension",
181
+ "$value": {
182
+ "value": 20,
183
+ "unit": "px"
184
+ }
185
+ },
186
+ "fontWeightStrong": {
187
+ "$type": "fontWeight",
188
+ "$value": 600
189
+ },
190
+ "lineHeight": {
191
+ "$type": "number",
192
+ "$value": 1.571429
193
+ },
194
+ "lineHeightHeading1": {
195
+ "$type": "number",
196
+ "$value": 1.210526
197
+ },
198
+ "lineHeightHeading2": {
199
+ "$type": "number",
200
+ "$value": 1.266667
201
+ },
202
+ "lineHeightHeading3": {
203
+ "$type": "number",
204
+ "$value": 1.333333
205
+ },
206
+ "lineHeightHeading4": {
207
+ "$type": "number",
208
+ "$value": 1.4
209
+ },
210
+ "lineHeightHeading5": {
211
+ "$type": "number",
212
+ "$value": 1.5
213
+ },
214
+ "lineHeightLG": {
215
+ "$type": "number",
216
+ "$value": 1.5
217
+ },
218
+ "lineHeightSM": {
219
+ "$type": "number",
220
+ "$value": 1.666667
221
+ },
222
+ "lineWidth": {
223
+ "$type": "dimension",
224
+ "$value": "{antd.seed.lineWidth}"
225
+ },
226
+ "lineWidthBold": {
227
+ "$type": "dimension",
228
+ "$value": {
229
+ "value": 2,
230
+ "unit": "px"
231
+ }
232
+ },
233
+ "lineWidthFocus": {
234
+ "$type": "dimension",
235
+ "$value": {
236
+ "value": 3,
237
+ "unit": "px"
238
+ }
239
+ },
240
+ "margin": {
241
+ "$type": "dimension",
242
+ "$value": {
243
+ "value": 16,
244
+ "unit": "px"
245
+ }
246
+ },
247
+ "marginLG": {
248
+ "$type": "dimension",
249
+ "$value": {
250
+ "value": 24,
251
+ "unit": "px"
252
+ }
253
+ },
254
+ "marginMD": {
255
+ "$type": "dimension",
256
+ "$value": {
257
+ "value": 20,
258
+ "unit": "px"
259
+ }
260
+ },
261
+ "marginSM": {
262
+ "$type": "dimension",
263
+ "$value": {
264
+ "value": 12,
265
+ "unit": "px"
266
+ }
267
+ },
268
+ "marginXL": {
269
+ "$type": "dimension",
270
+ "$value": {
271
+ "value": 32,
272
+ "unit": "px"
273
+ }
274
+ },
275
+ "marginXS": {
276
+ "$type": "dimension",
277
+ "$value": {
278
+ "value": 8,
279
+ "unit": "px"
280
+ }
281
+ },
282
+ "marginXXL": {
283
+ "$type": "dimension",
284
+ "$value": {
285
+ "value": 48,
286
+ "unit": "px"
287
+ }
288
+ },
289
+ "marginXXS": {
290
+ "$type": "dimension",
291
+ "$value": {
292
+ "value": 4,
293
+ "unit": "px"
294
+ }
295
+ },
296
+ "motionBase": {
297
+ "$type": "number",
298
+ "$value": "{antd.seed.motionBase}"
299
+ },
300
+ "motionDurationFast": {
301
+ "$type": "duration",
302
+ "$value": {
303
+ "value": 100,
304
+ "unit": "ms"
305
+ }
306
+ },
307
+ "motionDurationMid": {
308
+ "$type": "duration",
309
+ "$value": {
310
+ "value": 200,
311
+ "unit": "ms"
312
+ }
313
+ },
314
+ "motionDurationSlow": {
315
+ "$type": "duration",
316
+ "$value": {
317
+ "value": 300,
318
+ "unit": "ms"
319
+ }
320
+ },
321
+ "motionEaseInBack": {
322
+ "$type": "cubicBezier",
323
+ "$value": "{antd.seed.motionEaseInBack}"
324
+ },
325
+ "motionEaseInOut": {
326
+ "$type": "cubicBezier",
327
+ "$value": "{antd.seed.motionEaseInOut}"
328
+ },
329
+ "motionEaseInOutCirc": {
330
+ "$type": "cubicBezier",
331
+ "$value": "{antd.seed.motionEaseInOutCirc}"
332
+ },
333
+ "motionEaseInQuint": {
334
+ "$type": "cubicBezier",
335
+ "$value": "{antd.seed.motionEaseInQuint}"
336
+ },
337
+ "motionEaseOut": {
338
+ "$type": "cubicBezier",
339
+ "$value": "{antd.seed.motionEaseOut}"
340
+ },
341
+ "motionEaseOutBack": {
342
+ "$type": "cubicBezier",
343
+ "$value": "{antd.seed.motionEaseOutBack}"
344
+ },
345
+ "motionEaseOutCirc": {
346
+ "$type": "cubicBezier",
347
+ "$value": "{antd.seed.motionEaseOutCirc}"
348
+ },
349
+ "motionEaseOutQuint": {
350
+ "$type": "cubicBezier",
351
+ "$value": "{antd.seed.motionEaseOutQuint}"
352
+ },
353
+ "motionUnit": {
354
+ "$type": "number",
355
+ "$value": "{antd.seed.motionUnit}"
356
+ },
357
+ "opacityImage": {
358
+ "$type": "number",
359
+ "$value": "{antd.seed.opacityImage}"
360
+ },
361
+ "opacityLoading": {
362
+ "$type": "number",
363
+ "$value": 0.65
364
+ },
365
+ "padding": {
366
+ "$type": "dimension",
367
+ "$value": {
368
+ "value": 16,
369
+ "unit": "px"
370
+ }
371
+ },
372
+ "paddingContentHorizontal": {
373
+ "$type": "dimension",
374
+ "$value": {
375
+ "value": 16,
376
+ "unit": "px"
377
+ }
378
+ },
379
+ "paddingContentHorizontalLG": {
380
+ "$type": "dimension",
381
+ "$value": {
382
+ "value": 24,
383
+ "unit": "px"
384
+ }
385
+ },
386
+ "paddingContentHorizontalSM": {
387
+ "$type": "dimension",
388
+ "$value": {
389
+ "value": 16,
390
+ "unit": "px"
391
+ }
392
+ },
393
+ "paddingContentVertical": {
394
+ "$type": "dimension",
395
+ "$value": {
396
+ "value": 12,
397
+ "unit": "px"
398
+ }
399
+ },
400
+ "paddingContentVerticalLG": {
401
+ "$type": "dimension",
402
+ "$value": {
403
+ "value": 16,
404
+ "unit": "px"
405
+ }
406
+ },
407
+ "paddingContentVerticalSM": {
408
+ "$type": "dimension",
409
+ "$value": {
410
+ "value": 8,
411
+ "unit": "px"
412
+ }
413
+ },
414
+ "paddingLG": {
415
+ "$type": "dimension",
416
+ "$value": {
417
+ "value": 24,
418
+ "unit": "px"
419
+ }
420
+ },
421
+ "paddingMD": {
422
+ "$type": "dimension",
423
+ "$value": {
424
+ "value": 20,
425
+ "unit": "px"
426
+ }
427
+ },
428
+ "paddingSM": {
429
+ "$type": "dimension",
430
+ "$value": {
431
+ "value": 12,
432
+ "unit": "px"
433
+ }
434
+ },
435
+ "paddingXL": {
436
+ "$type": "dimension",
437
+ "$value": {
438
+ "value": 32,
439
+ "unit": "px"
440
+ }
441
+ },
442
+ "paddingXS": {
443
+ "$type": "dimension",
444
+ "$value": {
445
+ "value": 8,
446
+ "unit": "px"
447
+ }
448
+ },
449
+ "paddingXXS": {
450
+ "$type": "dimension",
451
+ "$value": {
452
+ "value": 4,
453
+ "unit": "px"
454
+ }
455
+ },
456
+ "screenLG": {
457
+ "$type": "dimension",
458
+ "$value": {
459
+ "value": 992,
460
+ "unit": "px"
461
+ }
462
+ },
463
+ "screenLGMax": {
464
+ "$type": "dimension",
465
+ "$value": {
466
+ "value": 1199,
467
+ "unit": "px"
468
+ }
469
+ },
470
+ "screenLGMin": {
471
+ "$type": "dimension",
472
+ "$value": {
473
+ "value": 992,
474
+ "unit": "px"
475
+ }
476
+ },
477
+ "screenMD": {
478
+ "$type": "dimension",
479
+ "$value": {
480
+ "value": 768,
481
+ "unit": "px"
482
+ }
483
+ },
484
+ "screenMDMax": {
485
+ "$type": "dimension",
486
+ "$value": {
487
+ "value": 991,
488
+ "unit": "px"
489
+ }
490
+ },
491
+ "screenMDMin": {
492
+ "$type": "dimension",
493
+ "$value": {
494
+ "value": 768,
495
+ "unit": "px"
496
+ }
497
+ },
498
+ "screenSM": {
499
+ "$type": "dimension",
500
+ "$value": {
501
+ "value": 576,
502
+ "unit": "px"
503
+ }
504
+ },
505
+ "screenSMMax": {
506
+ "$type": "dimension",
507
+ "$value": {
508
+ "value": 767,
509
+ "unit": "px"
510
+ }
511
+ },
512
+ "screenSMMin": {
513
+ "$type": "dimension",
514
+ "$value": {
515
+ "value": 576,
516
+ "unit": "px"
517
+ }
518
+ },
519
+ "screenXL": {
520
+ "$type": "dimension",
521
+ "$value": {
522
+ "value": 1200,
523
+ "unit": "px"
524
+ }
525
+ },
526
+ "screenXLMax": {
527
+ "$type": "dimension",
528
+ "$value": {
529
+ "value": 1599,
530
+ "unit": "px"
531
+ }
532
+ },
533
+ "screenXLMin": {
534
+ "$type": "dimension",
535
+ "$value": {
536
+ "value": 1200,
537
+ "unit": "px"
538
+ }
539
+ },
540
+ "screenXS": {
541
+ "$type": "dimension",
542
+ "$value": {
543
+ "value": 480,
544
+ "unit": "px"
545
+ }
546
+ },
547
+ "screenXSMax": {
548
+ "$type": "dimension",
549
+ "$value": {
550
+ "value": 575,
551
+ "unit": "px"
552
+ }
553
+ },
554
+ "screenXSMin": {
555
+ "$type": "dimension",
556
+ "$value": {
557
+ "value": 480,
558
+ "unit": "px"
559
+ }
560
+ },
561
+ "screenXXL": {
562
+ "$type": "dimension",
563
+ "$value": {
564
+ "value": 1600,
565
+ "unit": "px"
566
+ }
567
+ },
568
+ "screenXXLMax": {
569
+ "$type": "dimension",
570
+ "$value": {
571
+ "value": 1919,
572
+ "unit": "px"
573
+ }
574
+ },
575
+ "screenXXLMin": {
576
+ "$type": "dimension",
577
+ "$value": {
578
+ "value": 1600,
579
+ "unit": "px"
580
+ }
581
+ },
582
+ "screenXXXL": {
583
+ "$type": "dimension",
584
+ "$value": {
585
+ "value": 1920,
586
+ "unit": "px"
587
+ }
588
+ },
589
+ "screenXXXLMin": {
590
+ "$type": "dimension",
591
+ "$value": {
592
+ "value": 1920,
593
+ "unit": "px"
594
+ }
595
+ },
596
+ "size": {
597
+ "$type": "dimension",
598
+ "$value": {
599
+ "value": 16,
600
+ "unit": "px"
601
+ }
602
+ },
603
+ "sizeLG": {
604
+ "$type": "dimension",
605
+ "$value": {
606
+ "value": 24,
607
+ "unit": "px"
608
+ }
609
+ },
610
+ "sizeMD": {
611
+ "$type": "dimension",
612
+ "$value": {
613
+ "value": 20,
614
+ "unit": "px"
615
+ }
616
+ },
617
+ "sizeMS": {
618
+ "$type": "dimension",
619
+ "$value": {
620
+ "value": 16,
621
+ "unit": "px"
622
+ }
623
+ },
624
+ "sizePopupArrow": {
625
+ "$type": "dimension",
626
+ "$value": "{antd.seed.sizePopupArrow}"
627
+ },
628
+ "sizeSM": {
629
+ "$type": "dimension",
630
+ "$value": {
631
+ "value": 12,
632
+ "unit": "px"
633
+ }
634
+ },
635
+ "sizeStep": {
636
+ "$type": "dimension",
637
+ "$value": "{antd.seed.sizeStep}"
638
+ },
639
+ "sizeUnit": {
640
+ "$type": "dimension",
641
+ "$value": "{antd.seed.sizeUnit}"
642
+ },
643
+ "sizeXL": {
644
+ "$type": "dimension",
645
+ "$value": {
646
+ "value": 32,
647
+ "unit": "px"
648
+ }
649
+ },
650
+ "sizeXS": {
651
+ "$type": "dimension",
652
+ "$value": {
653
+ "value": 8,
654
+ "unit": "px"
655
+ }
656
+ },
657
+ "sizeXXL": {
658
+ "$type": "dimension",
659
+ "$value": {
660
+ "value": 48,
661
+ "unit": "px"
662
+ }
663
+ },
664
+ "sizeXXS": {
665
+ "$type": "dimension",
666
+ "$value": {
667
+ "value": 4,
668
+ "unit": "px"
669
+ }
670
+ },
671
+ "zIndexBase": {
672
+ "$type": "number",
673
+ "$value": "{antd.seed.zIndexBase}"
674
+ },
675
+ "zIndexPopupBase": {
676
+ "$type": "number",
677
+ "$value": "{antd.seed.zIndexPopupBase}"
678
+ },
679
+ "$description": "Skipped (no DTCG type): dropShadowPopover, focusOutline, lineType, linkDecoration, linkFocusDecoration, linkHoverDecoration, motion, wireframe"
680
+ }
681
+ },
682
+ "polyxd": {
683
+ "sys": {
684
+ "$description": "Polyxd additions: values the semantic contract needs that antd does not expose as tokens.",
685
+ "font": {
686
+ "weight-regular": {
687
+ "$value": 400,
688
+ "$type": "fontWeight",
689
+ "$description": "antd body text is font-weight normal (400); antd only tokenises fontWeightStrong"
690
+ },
691
+ "letter-spacing": {
692
+ "$value": {
693
+ "value": 0,
694
+ "unit": "px"
695
+ },
696
+ "$type": "dimension",
697
+ "$description": "antd sets no letter-spacing"
698
+ }
699
+ },
700
+ "radius": {
701
+ "full": {
702
+ "$value": {
703
+ "value": 9999,
704
+ "unit": "px"
705
+ },
706
+ "$type": "dimension",
707
+ "$description": "antd has no pill radius token (it uses 50% / shape=\"round\"); 9999px is the conventional equivalent"
708
+ }
709
+ },
710
+ "motion": {
711
+ "duration-long": {
712
+ "$value": {
713
+ "value": 400,
714
+ "unit": "ms"
715
+ },
716
+ "$type": "duration",
717
+ "$description": "One step past motionDurationSlow on antd's own ladder: motionBase + motionUnit x 4 (fast = x1, mid = x2, slow = x3)"
718
+ }
719
+ },
720
+ "focus": {
721
+ "ring-offset": {
722
+ "$value": {
723
+ "value": 1,
724
+ "unit": "px"
725
+ },
726
+ "$type": "dimension",
727
+ "$description": "antd 6.6.4 es/style/index.js genFocusOutline: outline-offset defaults to 1"
728
+ }
729
+ },
730
+ "state": {
731
+ "disabled": {
732
+ "$value": 0.45,
733
+ "$type": "number",
734
+ "$description": "Contrast adjustment: antd's disabled content is colorTextDisabled (text alpha 0.25), below the contract's 0.3 minimum; this is the next step of antd's text-alpha ladder (colorTextTertiary, 0.45)"
735
+ }
736
+ }
737
+ }
738
+ }
739
+ }