@discourser/design-system 0.13.0 → 0.14.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 (57) hide show
  1. package/dist/{chunk-BQAXPMOR.js → chunk-F7LHARS4.js} +2 -2
  2. package/dist/{chunk-BQAXPMOR.js.map → chunk-F7LHARS4.js.map} +1 -1
  3. package/dist/{chunk-ZNAYN5UV.js → chunk-M7J7WKJY.js} +178 -242
  4. package/dist/chunk-M7J7WKJY.js.map +1 -0
  5. package/dist/{chunk-XSX6TKJZ.cjs → chunk-QC44JPCA.cjs} +178 -242
  6. package/dist/chunk-QC44JPCA.cjs.map +1 -0
  7. package/dist/{chunk-MIBEMJNS.cjs → chunk-QP4EJI3G.cjs} +2 -2
  8. package/dist/{chunk-MIBEMJNS.cjs.map → chunk-QP4EJI3G.cjs.map} +1 -1
  9. package/dist/components/Badge.d.ts +1 -1
  10. package/dist/components/Badge.d.ts.map +1 -1
  11. package/dist/components/Checkbox.d.ts +2 -2
  12. package/dist/components/index.cjs +33 -33
  13. package/dist/components/index.js +1 -1
  14. package/dist/index.cjs +37 -37
  15. package/dist/index.js +2 -2
  16. package/dist/preset/colors/create-palette-bridge.d.ts +45 -0
  17. package/dist/preset/colors/create-palette-bridge.d.ts.map +1 -0
  18. package/dist/preset/colors/index.d.ts +13 -926
  19. package/dist/preset/colors/index.d.ts.map +1 -1
  20. package/dist/preset/colors/m3-error.d.ts +4 -306
  21. package/dist/preset/colors/m3-error.d.ts.map +1 -1
  22. package/dist/preset/colors/m3-primary.d.ts +1 -306
  23. package/dist/preset/colors/m3-primary.d.ts.map +1 -1
  24. package/dist/preset/colors/m3-secondary.d.ts +7 -0
  25. package/dist/preset/colors/m3-secondary.d.ts.map +1 -0
  26. package/dist/preset/colors/m3-tertiary.d.ts +7 -0
  27. package/dist/preset/colors/m3-tertiary.d.ts.map +1 -0
  28. package/dist/preset/index.cjs +2 -2
  29. package/dist/preset/index.d.ts.map +1 -1
  30. package/dist/preset/index.js +1 -1
  31. package/dist/preset/recipes/radio-group.d.ts.map +1 -1
  32. package/dist/preset/semantic-tokens.d.ts +4 -4
  33. package/dist/preset/shadows.d.ts +12 -26
  34. package/dist/preset/shadows.d.ts.map +1 -1
  35. package/package.json +8 -7
  36. package/src/components/Badge.tsx +1 -1
  37. package/src/languages/__tests__/transform.test.ts +100 -0
  38. package/src/preset/__tests__/shadows.test.ts +83 -0
  39. package/src/preset/__tests__/token-resolution.test.ts +247 -0
  40. package/src/preset/colors/create-palette-bridge.ts +156 -0
  41. package/src/preset/colors/index.ts +4 -0
  42. package/src/preset/colors/m3-error.ts +12 -77
  43. package/src/preset/colors/m3-primary.ts +5 -90
  44. package/src/preset/colors/m3-secondary.ts +13 -0
  45. package/src/preset/colors/m3-tertiary.ts +13 -0
  46. package/src/preset/index.ts +1 -6
  47. package/src/preset/recipes/__tests__/recipe-shadows.test.ts +238 -0
  48. package/src/preset/recipes/button.ts +3 -3
  49. package/src/preset/recipes/radio-group.ts +12 -11
  50. package/src/preset/semantic-tokens.ts +6 -6
  51. package/src/preset/shadows.ts +12 -26
  52. package/src/stories/foundations/Colors.mdx +1 -1
  53. package/src/stories/foundations/Elevation.mdx +37 -8
  54. package/src/stories/foundations/Spacing.mdx +1 -1
  55. package/src/stories/foundations/Typography.mdx +1 -1
  56. package/dist/chunk-XSX6TKJZ.cjs.map +0 -1
  57. package/dist/chunk-ZNAYN5UV.js.map +0 -1
@@ -1,929 +1,8 @@
1
1
  export declare const colors: {
2
- primary: {
3
- '1': {
4
- value: {
5
- base: string;
6
- _dark: string;
7
- };
8
- };
9
- '2': {
10
- value: {
11
- base: string;
12
- _dark: string;
13
- };
14
- };
15
- '3': {
16
- value: {
17
- base: string;
18
- _dark: string;
19
- };
20
- };
21
- '4': {
22
- value: {
23
- base: string;
24
- _dark: string;
25
- };
26
- };
27
- '5': {
28
- value: {
29
- base: string;
30
- _dark: string;
31
- };
32
- };
33
- '6': {
34
- value: {
35
- base: string;
36
- _dark: string;
37
- };
38
- };
39
- '7': {
40
- value: {
41
- base: string;
42
- _dark: string;
43
- };
44
- };
45
- '8': {
46
- value: {
47
- base: string;
48
- _dark: string;
49
- };
50
- };
51
- '9': {
52
- value: {
53
- base: string;
54
- _dark: string;
55
- };
56
- };
57
- '10': {
58
- value: {
59
- base: string;
60
- _dark: string;
61
- };
62
- };
63
- '11': {
64
- value: {
65
- base: string;
66
- _dark: string;
67
- };
68
- };
69
- '12': {
70
- value: {
71
- base: string;
72
- _dark: string;
73
- };
74
- };
75
- a1: {
76
- value: {
77
- base: string;
78
- _dark: string;
79
- };
80
- };
81
- a2: {
82
- value: {
83
- base: string;
84
- _dark: string;
85
- };
86
- };
87
- a3: {
88
- value: {
89
- base: string;
90
- _dark: string;
91
- };
92
- };
93
- a4: {
94
- value: {
95
- base: string;
96
- _dark: string;
97
- };
98
- };
99
- a5: {
100
- value: {
101
- base: string;
102
- _dark: string;
103
- };
104
- };
105
- a6: {
106
- value: {
107
- base: string;
108
- _dark: string;
109
- };
110
- };
111
- a7: {
112
- value: {
113
- base: string;
114
- _dark: string;
115
- };
116
- };
117
- a8: {
118
- value: {
119
- base: string;
120
- _dark: string;
121
- };
122
- };
123
- a9: {
124
- value: {
125
- base: string;
126
- _dark: string;
127
- };
128
- };
129
- a10: {
130
- value: {
131
- base: string;
132
- _dark: string;
133
- };
134
- };
135
- a11: {
136
- value: {
137
- base: string;
138
- _dark: string;
139
- };
140
- };
141
- a12: {
142
- value: {
143
- base: string;
144
- _dark: string;
145
- };
146
- };
147
- solid: {
148
- bg: {
149
- DEFAULT: {
150
- value: {
151
- base: string;
152
- _dark: string;
153
- };
154
- };
155
- hover: {
156
- value: {
157
- base: string;
158
- _dark: string;
159
- };
160
- };
161
- };
162
- fg: {
163
- DEFAULT: {
164
- value: {
165
- base: string;
166
- _dark: string;
167
- };
168
- };
169
- };
170
- };
171
- subtle: {
172
- bg: {
173
- DEFAULT: {
174
- value: {
175
- base: string;
176
- _dark: string;
177
- };
178
- };
179
- hover: {
180
- value: {
181
- base: string;
182
- _dark: string;
183
- };
184
- };
185
- active: {
186
- value: {
187
- base: string;
188
- _dark: string;
189
- };
190
- };
191
- };
192
- fg: {
193
- DEFAULT: {
194
- value: {
195
- base: string;
196
- _dark: string;
197
- };
198
- };
199
- };
200
- };
201
- surface: {
202
- bg: {
203
- DEFAULT: {
204
- value: {
205
- base: string;
206
- _dark: string;
207
- };
208
- };
209
- active: {
210
- value: {
211
- base: string;
212
- _dark: string;
213
- };
214
- };
215
- };
216
- border: {
217
- DEFAULT: {
218
- value: {
219
- base: string;
220
- _dark: string;
221
- };
222
- };
223
- hover: {
224
- value: {
225
- base: string;
226
- _dark: string;
227
- };
228
- };
229
- };
230
- fg: {
231
- DEFAULT: {
232
- value: {
233
- base: string;
234
- _dark: string;
235
- };
236
- };
237
- };
238
- };
239
- outline: {
240
- bg: {
241
- DEFAULT: {
242
- value: {
243
- base: string;
244
- _dark: string;
245
- };
246
- };
247
- hover: {
248
- value: {
249
- base: string;
250
- _dark: string;
251
- };
252
- };
253
- active: {
254
- value: {
255
- base: string;
256
- _dark: string;
257
- };
258
- };
259
- };
260
- border: {
261
- DEFAULT: {
262
- value: {
263
- base: string;
264
- _dark: string;
265
- };
266
- };
267
- };
268
- fg: {
269
- DEFAULT: {
270
- value: {
271
- base: string;
272
- _dark: string;
273
- };
274
- };
275
- };
276
- };
277
- plain: {
278
- bg: {
279
- DEFAULT: {
280
- value: {
281
- base: string;
282
- _dark: string;
283
- };
284
- };
285
- hover: {
286
- value: {
287
- base: string;
288
- _dark: string;
289
- };
290
- };
291
- active: {
292
- value: {
293
- base: string;
294
- _dark: string;
295
- };
296
- };
297
- };
298
- fg: {
299
- DEFAULT: {
300
- value: {
301
- base: string;
302
- _dark: string;
303
- };
304
- };
305
- };
306
- };
307
- };
308
- neutral: {
309
- '1': {
310
- value: {
311
- base: string;
312
- _dark: string;
313
- };
314
- };
315
- '2': {
316
- value: {
317
- base: string;
318
- _dark: string;
319
- };
320
- };
321
- '3': {
322
- value: {
323
- base: string;
324
- _dark: string;
325
- };
326
- };
327
- '4': {
328
- value: {
329
- base: string;
330
- _dark: string;
331
- };
332
- };
333
- '5': {
334
- value: {
335
- base: string;
336
- _dark: string;
337
- };
338
- };
339
- '6': {
340
- value: {
341
- base: string;
342
- _dark: string;
343
- };
344
- };
345
- '7': {
346
- value: {
347
- base: string;
348
- _dark: string;
349
- };
350
- };
351
- '8': {
352
- value: {
353
- base: string;
354
- _dark: string;
355
- };
356
- };
357
- '9': {
358
- value: {
359
- base: string;
360
- _dark: string;
361
- };
362
- };
363
- '10': {
364
- value: {
365
- base: string;
366
- _dark: string;
367
- };
368
- };
369
- '11': {
370
- value: {
371
- base: string;
372
- _dark: string;
373
- };
374
- };
375
- '12': {
376
- value: {
377
- base: string;
378
- _dark: string;
379
- };
380
- };
381
- a1: {
382
- value: {
383
- base: string;
384
- _dark: string;
385
- };
386
- };
387
- a2: {
388
- value: {
389
- base: string;
390
- _dark: string;
391
- };
392
- };
393
- a3: {
394
- value: {
395
- base: string;
396
- _dark: string;
397
- };
398
- };
399
- a4: {
400
- value: {
401
- base: string;
402
- _dark: string;
403
- };
404
- };
405
- a5: {
406
- value: {
407
- base: string;
408
- _dark: string;
409
- };
410
- };
411
- a6: {
412
- value: {
413
- base: string;
414
- _dark: string;
415
- };
416
- };
417
- a7: {
418
- value: {
419
- base: string;
420
- _dark: string;
421
- };
422
- };
423
- a8: {
424
- value: {
425
- base: string;
426
- _dark: string;
427
- };
428
- };
429
- a9: {
430
- value: {
431
- base: string;
432
- _dark: string;
433
- };
434
- };
435
- a10: {
436
- value: {
437
- base: string;
438
- _dark: string;
439
- };
440
- };
441
- a11: {
442
- value: {
443
- base: string;
444
- _dark: string;
445
- };
446
- };
447
- a12: {
448
- value: {
449
- base: string;
450
- _dark: string;
451
- };
452
- };
453
- solid: {
454
- bg: {
455
- DEFAULT: {
456
- value: {
457
- base: string;
458
- _dark: string;
459
- };
460
- };
461
- hover: {
462
- value: {
463
- base: string;
464
- _dark: string;
465
- };
466
- };
467
- };
468
- fg: {
469
- DEFAULT: {
470
- value: {
471
- base: string;
472
- _dark: string;
473
- };
474
- };
475
- };
476
- };
477
- subtle: {
478
- bg: {
479
- DEFAULT: {
480
- value: {
481
- base: string;
482
- _dark: string;
483
- };
484
- };
485
- hover: {
486
- value: {
487
- base: string;
488
- _dark: string;
489
- };
490
- };
491
- active: {
492
- value: {
493
- base: string;
494
- _dark: string;
495
- };
496
- };
497
- };
498
- fg: {
499
- DEFAULT: {
500
- value: {
501
- base: string;
502
- _dark: string;
503
- };
504
- };
505
- };
506
- };
507
- surface: {
508
- bg: {
509
- DEFAULT: {
510
- value: {
511
- base: string;
512
- _dark: string;
513
- };
514
- };
515
- hover: {
516
- value: {
517
- base: string;
518
- _dark: string;
519
- };
520
- };
521
- active: {
522
- value: {
523
- base: string;
524
- _dark: string;
525
- };
526
- };
527
- };
528
- border: {
529
- DEFAULT: {
530
- value: {
531
- base: string;
532
- _dark: string;
533
- };
534
- };
535
- hover: {
536
- value: {
537
- base: string;
538
- _dark: string;
539
- };
540
- };
541
- };
542
- fg: {
543
- DEFAULT: {
544
- value: {
545
- base: string;
546
- _dark: string;
547
- };
548
- };
549
- };
550
- };
551
- outline: {
552
- bg: {
553
- DEFAULT: {
554
- value: {
555
- base: string;
556
- _dark: string;
557
- };
558
- };
559
- hover: {
560
- value: {
561
- base: string;
562
- _dark: string;
563
- };
564
- };
565
- active: {
566
- value: {
567
- base: string;
568
- _dark: string;
569
- };
570
- };
571
- };
572
- border: {
573
- DEFAULT: {
574
- value: {
575
- base: string;
576
- _dark: string;
577
- };
578
- };
579
- };
580
- fg: {
581
- DEFAULT: {
582
- value: {
583
- base: string;
584
- _dark: string;
585
- };
586
- };
587
- };
588
- };
589
- plain: {
590
- bg: {
591
- DEFAULT: {
592
- value: {
593
- base: string;
594
- _dark: string;
595
- };
596
- };
597
- hover: {
598
- value: {
599
- base: string;
600
- _dark: string;
601
- };
602
- };
603
- active: {
604
- value: {
605
- base: string;
606
- _dark: string;
607
- };
608
- };
609
- };
610
- fg: {
611
- DEFAULT: {
612
- value: {
613
- base: string;
614
- _dark: string;
615
- };
616
- };
617
- };
618
- };
619
- };
620
- error: {
621
- '1': {
622
- value: {
623
- base: string;
624
- _dark: string;
625
- };
626
- };
627
- '2': {
628
- value: {
629
- base: string;
630
- _dark: string;
631
- };
632
- };
633
- '3': {
634
- value: {
635
- base: string;
636
- _dark: string;
637
- };
638
- };
639
- '4': {
640
- value: {
641
- base: string;
642
- _dark: string;
643
- };
644
- };
645
- '5': {
646
- value: {
647
- base: string;
648
- _dark: string;
649
- };
650
- };
651
- '6': {
652
- value: {
653
- base: string;
654
- _dark: string;
655
- };
656
- };
657
- '7': {
658
- value: {
659
- base: string;
660
- _dark: string;
661
- };
662
- };
663
- '8': {
664
- value: {
665
- base: string;
666
- _dark: string;
667
- };
668
- };
669
- '9': {
670
- value: {
671
- base: string;
672
- _dark: string;
673
- };
674
- };
675
- '10': {
676
- value: {
677
- base: string;
678
- _dark: string;
679
- };
680
- };
681
- '11': {
682
- value: {
683
- base: string;
684
- _dark: string;
685
- };
686
- };
687
- '12': {
688
- value: {
689
- base: string;
690
- _dark: string;
691
- };
692
- };
693
- a1: {
694
- value: {
695
- base: string;
696
- _dark: string;
697
- };
698
- };
699
- a2: {
700
- value: {
701
- base: string;
702
- _dark: string;
703
- };
704
- };
705
- a3: {
706
- value: {
707
- base: string;
708
- _dark: string;
709
- };
710
- };
711
- a4: {
712
- value: {
713
- base: string;
714
- _dark: string;
715
- };
716
- };
717
- a5: {
718
- value: {
719
- base: string;
720
- _dark: string;
721
- };
722
- };
723
- a6: {
724
- value: {
725
- base: string;
726
- _dark: string;
727
- };
728
- };
729
- a7: {
730
- value: {
731
- base: string;
732
- _dark: string;
733
- };
734
- };
735
- a8: {
736
- value: {
737
- base: string;
738
- _dark: string;
739
- };
740
- };
741
- a9: {
742
- value: {
743
- base: string;
744
- _dark: string;
745
- };
746
- };
747
- a10: {
748
- value: {
749
- base: string;
750
- _dark: string;
751
- };
752
- };
753
- a11: {
754
- value: {
755
- base: string;
756
- _dark: string;
757
- };
758
- };
759
- a12: {
760
- value: {
761
- base: string;
762
- _dark: string;
763
- };
764
- };
765
- solid: {
766
- bg: {
767
- DEFAULT: {
768
- value: {
769
- base: string;
770
- _dark: string;
771
- };
772
- };
773
- hover: {
774
- value: {
775
- base: string;
776
- _dark: string;
777
- };
778
- };
779
- };
780
- fg: {
781
- DEFAULT: {
782
- value: {
783
- base: string;
784
- _dark: string;
785
- };
786
- };
787
- };
788
- };
789
- subtle: {
790
- bg: {
791
- DEFAULT: {
792
- value: {
793
- base: string;
794
- _dark: string;
795
- };
796
- };
797
- hover: {
798
- value: {
799
- base: string;
800
- _dark: string;
801
- };
802
- };
803
- active: {
804
- value: {
805
- base: string;
806
- _dark: string;
807
- };
808
- };
809
- };
810
- fg: {
811
- DEFAULT: {
812
- value: {
813
- base: string;
814
- _dark: string;
815
- };
816
- };
817
- };
818
- };
819
- surface: {
820
- bg: {
821
- DEFAULT: {
822
- value: {
823
- base: string;
824
- _dark: string;
825
- };
826
- };
827
- active: {
828
- value: {
829
- base: string;
830
- _dark: string;
831
- };
832
- };
833
- };
834
- border: {
835
- DEFAULT: {
836
- value: {
837
- base: string;
838
- _dark: string;
839
- };
840
- };
841
- hover: {
842
- value: {
843
- base: string;
844
- _dark: string;
845
- };
846
- };
847
- };
848
- fg: {
849
- DEFAULT: {
850
- value: {
851
- base: string;
852
- _dark: string;
853
- };
854
- };
855
- };
856
- };
857
- outline: {
858
- bg: {
859
- DEFAULT: {
860
- value: {
861
- base: string;
862
- _dark: string;
863
- };
864
- };
865
- hover: {
866
- value: {
867
- base: string;
868
- _dark: string;
869
- };
870
- };
871
- active: {
872
- value: {
873
- base: string;
874
- _dark: string;
875
- };
876
- };
877
- };
878
- border: {
879
- DEFAULT: {
880
- value: {
881
- base: string;
882
- _dark: string;
883
- };
884
- };
885
- };
886
- fg: {
887
- DEFAULT: {
888
- value: {
889
- base: string;
890
- _dark: string;
891
- };
892
- };
893
- };
894
- };
895
- plain: {
896
- bg: {
897
- DEFAULT: {
898
- value: {
899
- base: string;
900
- _dark: string;
901
- };
902
- };
903
- hover: {
904
- value: {
905
- base: string;
906
- _dark: string;
907
- };
908
- };
909
- active: {
910
- value: {
911
- base: string;
912
- _dark: string;
913
- };
914
- };
915
- };
916
- fg: {
917
- DEFAULT: {
918
- value: {
919
- base: string;
920
- _dark: string;
921
- };
922
- };
923
- };
924
- };
925
- };
926
- gray: {
2
+ primary: any;
3
+ secondary: any;
4
+ tertiary: any;
5
+ neutral: {
927
6
  '1': {
928
7
  value: {
929
8
  base: string;
@@ -1235,7 +314,8 @@ export declare const colors: {
1235
314
  };
1236
315
  };
1237
316
  };
1238
- red: {
317
+ error: any;
318
+ gray: {
1239
319
  '1': {
1240
320
  value: {
1241
321
  base: string;
@@ -1442,6 +522,12 @@ export declare const colors: {
1442
522
  _dark: string;
1443
523
  };
1444
524
  };
525
+ hover: {
526
+ value: {
527
+ base: string;
528
+ _dark: string;
529
+ };
530
+ };
1445
531
  active: {
1446
532
  value: {
1447
533
  base: string;
@@ -1541,5 +627,6 @@ export declare const colors: {
1541
627
  };
1542
628
  };
1543
629
  };
630
+ red: any;
1544
631
  };
1545
632
  //# sourceMappingURL=index.d.ts.map