@primitiv-ui/tokens 0.1.28 → 0.1.30

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/src/intent.json CHANGED
@@ -18,6 +18,10 @@
18
18
  "$type": "color",
19
19
  "$value": "{color.brand.500}"
20
20
  },
21
+ "soft": {
22
+ "$type": "color",
23
+ "$value": "{color.brand-alpha.300}"
24
+ },
21
25
  "foreground": {
22
26
  "default": {
23
27
  "$type": "color",
@@ -50,15 +54,15 @@
50
54
  "secondary": {
51
55
  "default": {
52
56
  "$type": "color",
53
- "$value": "{color.neutral.100}"
57
+ "$value": "{color.neutral.50}"
54
58
  },
55
59
  "hover": {
56
60
  "$type": "color",
57
- "$value": "{color.neutral.200}"
61
+ "$value": "{color.neutral.100}"
58
62
  },
59
63
  "active": {
60
64
  "$type": "color",
61
- "$value": "{color.neutral.300}"
65
+ "$value": "{color.neutral.200}"
62
66
  },
63
67
  "disabled": {
64
68
  "$type": "color",
@@ -77,22 +81,32 @@
77
81
  "border": {
78
82
  "default": {
79
83
  "$type": "color",
80
- "$value": "{color.neutral.300}"
84
+ "$value": "{color.neutral.200}"
81
85
  },
82
86
  "hover": {
83
87
  "$type": "color",
84
- "$value": "{color.neutral.400}"
88
+ "$value": "{color.neutral.300}"
85
89
  },
86
90
  "active": {
87
91
  "$type": "color",
88
- "$value": "{color.neutral.500}"
92
+ "$value": "{color.neutral.400}"
89
93
  },
90
94
  "disabled": {
91
95
  "$type": "color",
92
- "$value": "{color.neutral.200}"
96
+ "$value": "{color.neutral.100}"
93
97
  }
94
98
  }
95
99
  },
100
+ "ghost": {
101
+ "hover": {
102
+ "$type": "color",
103
+ "$value": "{color.neutral-alpha.200}"
104
+ },
105
+ "active": {
106
+ "$type": "color",
107
+ "$value": "{color.neutral-alpha.300}"
108
+ }
109
+ },
96
110
  "danger": {
97
111
  "foreground": {
98
112
  "default": {
@@ -164,14 +178,180 @@
164
178
  }
165
179
  }
166
180
  },
181
+ "feedback": {
182
+ "neutral": {
183
+ "soft": {
184
+ "background": {
185
+ "$type": "color",
186
+ "$value": "{color.neutral.50}"
187
+ },
188
+ "foreground": {
189
+ "$type": "color",
190
+ "$value": "{color.neutral.700}"
191
+ }
192
+ }
193
+ },
194
+ "success": {
195
+ "soft": {
196
+ "background": {
197
+ "$type": "color",
198
+ "$value": "{color.success.100}"
199
+ },
200
+ "foreground": {
201
+ "$type": "color",
202
+ "$value": "{color.success.700}"
203
+ },
204
+ "border": {
205
+ "$type": "color",
206
+ "$value": "{color.success.700}"
207
+ },
208
+ "hover": {
209
+ "$type": "color",
210
+ "$value": "{color.success.200}"
211
+ },
212
+ "active": {
213
+ "$type": "color",
214
+ "$value": "{color.success.300}"
215
+ }
216
+ },
217
+ "solid": {
218
+ "background": {
219
+ "$type": "color",
220
+ "$value": "{color.success.500}"
221
+ },
222
+ "foreground": {
223
+ "$type": "color",
224
+ "$value": "{color.absolute-black}"
225
+ }
226
+ }
227
+ },
228
+ "warning": {
229
+ "soft": {
230
+ "background": {
231
+ "$type": "color",
232
+ "$value": "{color.warning.100}"
233
+ },
234
+ "foreground": {
235
+ "$type": "color",
236
+ "$value": "{color.warning.700}"
237
+ },
238
+ "border": {
239
+ "$type": "color",
240
+ "$value": "{color.warning.700}"
241
+ },
242
+ "hover": {
243
+ "$type": "color",
244
+ "$value": "{color.warning.200}"
245
+ },
246
+ "active": {
247
+ "$type": "color",
248
+ "$value": "{color.warning.300}"
249
+ }
250
+ },
251
+ "solid": {
252
+ "background": {
253
+ "$type": "color",
254
+ "$value": "{color.warning.500}"
255
+ },
256
+ "foreground": {
257
+ "$type": "color",
258
+ "$value": "{color.absolute-black}"
259
+ }
260
+ }
261
+ },
262
+ "info": {
263
+ "soft": {
264
+ "background": {
265
+ "$type": "color",
266
+ "$value": "{color.info.100}"
267
+ },
268
+ "foreground": {
269
+ "$type": "color",
270
+ "$value": "{color.info.700}"
271
+ },
272
+ "border": {
273
+ "$type": "color",
274
+ "$value": "{color.info.700}"
275
+ },
276
+ "hover": {
277
+ "$type": "color",
278
+ "$value": "{color.info.200}"
279
+ },
280
+ "active": {
281
+ "$type": "color",
282
+ "$value": "{color.info.300}"
283
+ }
284
+ },
285
+ "solid": {
286
+ "background": {
287
+ "$type": "color",
288
+ "$value": "{color.info.500}"
289
+ },
290
+ "foreground": {
291
+ "$type": "color",
292
+ "$value": "{color.absolute-black}"
293
+ }
294
+ }
295
+ },
296
+ "danger": {
297
+ "soft": {
298
+ "background": {
299
+ "$type": "color",
300
+ "$value": "{color.danger.100}"
301
+ },
302
+ "foreground": {
303
+ "$type": "color",
304
+ "$value": "{color.danger.700}"
305
+ },
306
+ "border": {
307
+ "$type": "color",
308
+ "$value": "{color.danger.700}"
309
+ },
310
+ "hover": {
311
+ "$type": "color",
312
+ "$value": "{color.danger.200}"
313
+ },
314
+ "active": {
315
+ "$type": "color",
316
+ "$value": "{color.danger.300}"
317
+ }
318
+ },
319
+ "solid": {
320
+ "background": {
321
+ "$type": "color",
322
+ "$value": "{color.danger.500}"
323
+ },
324
+ "foreground": {
325
+ "$type": "color",
326
+ "$value": "{color.absolute-white}"
327
+ }
328
+ }
329
+ }
330
+ },
331
+ "choice-card": {
332
+ "selected": {
333
+ "background": {
334
+ "$type": "color",
335
+ "$value": "{color.brand.100}"
336
+ },
337
+ "border": {
338
+ "$type": "color",
339
+ "$value": "{color.brand.500}"
340
+ }
341
+ }
342
+ },
167
343
  "surface": {
168
344
  "default": {
169
345
  "$type": "color",
170
346
  "$value": "{color.absolute-white}"
171
347
  },
348
+ "floating": {
349
+ "$type": "color",
350
+ "$value": "{color.absolute-white}"
351
+ },
172
352
  "subtle": {
173
353
  "$type": "color",
174
- "$value": "{color.neutral.100}"
354
+ "$value": "{color.neutral.50}"
175
355
  },
176
356
  "raised": {
177
357
  "$type": "color",
@@ -248,7 +428,7 @@
248
428
  },
249
429
  "hover": {
250
430
  "$type": "color",
251
- "$value": "{color.neutral.100}"
431
+ "$value": "{color.neutral-alpha.100}"
252
432
  },
253
433
  "selected": {
254
434
  "$type": "color",
@@ -256,6 +436,34 @@
256
436
  }
257
437
  }
258
438
  },
439
+ "tree": {
440
+ "row": {
441
+ "hover": {
442
+ "$type": "color",
443
+ "$value": "{color.neutral-alpha.100}"
444
+ },
445
+ "selected": {
446
+ "$type": "color",
447
+ "$value": "{color.neutral-alpha.200}"
448
+ }
449
+ }
450
+ },
451
+ "miller-columns": {
452
+ "row": {
453
+ "hover": {
454
+ "$type": "color",
455
+ "$value": "{color.neutral-alpha.50}"
456
+ },
457
+ "ancestor": {
458
+ "$type": "color",
459
+ "$value": "{color.neutral-alpha.100}"
460
+ },
461
+ "terminal": {
462
+ "$type": "color",
463
+ "$value": "{color.neutral-alpha.300}"
464
+ }
465
+ }
466
+ },
259
467
  "highlight": {
260
468
  "background": {
261
469
  "$type": "color",
@@ -265,11 +473,11 @@
265
473
  "border": {
266
474
  "subtle": {
267
475
  "$type": "color",
268
- "$value": "{color.neutral.200}"
476
+ "$value": "{color.neutral.100}"
269
477
  },
270
478
  "default": {
271
479
  "$type": "color",
272
- "$value": "{color.neutral.300}"
480
+ "$value": "{color.neutral.400}"
273
481
  },
274
482
  "strong": {
275
483
  "$type": "color",
@@ -310,6 +518,10 @@
310
518
  "$type": "color",
311
519
  "$value": "{color.brand.500}"
312
520
  },
521
+ "soft": {
522
+ "$type": "color",
523
+ "$value": "{color.brand-alpha.300}"
524
+ },
313
525
  "foreground": {
314
526
  "default": {
315
527
  "$type": "color",
@@ -385,6 +597,16 @@
385
597
  }
386
598
  }
387
599
  },
600
+ "ghost": {
601
+ "hover": {
602
+ "$type": "color",
603
+ "$value": "{color.neutral-alpha.200}"
604
+ },
605
+ "active": {
606
+ "$type": "color",
607
+ "$value": "{color.neutral-alpha.300}"
608
+ }
609
+ },
388
610
  "danger": {
389
611
  "foreground": {
390
612
  "default": {
@@ -435,32 +657,198 @@
435
657
  "foreground": {
436
658
  "default": {
437
659
  "$type": "color",
438
- "$value": "{color.brand.500}"
660
+ "$value": "{color.brand.600}"
439
661
  },
440
662
  "hover": {
441
663
  "$type": "color",
442
- "$value": "{color.brand.300}"
664
+ "$value": "{color.brand.700}"
443
665
  },
444
666
  "active": {
445
667
  "$type": "color",
446
- "$value": "{color.brand.200}"
668
+ "$value": "{color.brand.800}"
447
669
  },
448
670
  "disabled": {
449
671
  "$type": "color",
450
- "$value": "{color.brand.500}"
672
+ "$value": "{color.brand.600}"
451
673
  },
452
674
  "visited": {
453
675
  "$type": "color",
454
- "$value": "{color.brand.300}"
676
+ "$value": "{color.brand.700}"
455
677
  }
456
678
  }
457
679
  }
458
680
  },
681
+ "feedback": {
682
+ "neutral": {
683
+ "soft": {
684
+ "background": {
685
+ "$type": "color",
686
+ "$value": "{color.neutral.100}"
687
+ },
688
+ "foreground": {
689
+ "$type": "color",
690
+ "$value": "{color.neutral.700}"
691
+ }
692
+ }
693
+ },
694
+ "success": {
695
+ "soft": {
696
+ "background": {
697
+ "$type": "color",
698
+ "$value": "{color.success.100}"
699
+ },
700
+ "foreground": {
701
+ "$type": "color",
702
+ "$value": "{color.success.700}"
703
+ },
704
+ "border": {
705
+ "$type": "color",
706
+ "$value": "{color.success.700}"
707
+ },
708
+ "hover": {
709
+ "$type": "color",
710
+ "$value": "{color.success.200}"
711
+ },
712
+ "active": {
713
+ "$type": "color",
714
+ "$value": "{color.success.300}"
715
+ }
716
+ },
717
+ "solid": {
718
+ "background": {
719
+ "$type": "color",
720
+ "$value": "{color.success.500}"
721
+ },
722
+ "foreground": {
723
+ "$type": "color",
724
+ "$value": "{color.absolute-black}"
725
+ }
726
+ }
727
+ },
728
+ "warning": {
729
+ "soft": {
730
+ "background": {
731
+ "$type": "color",
732
+ "$value": "{color.warning.100}"
733
+ },
734
+ "foreground": {
735
+ "$type": "color",
736
+ "$value": "{color.warning.700}"
737
+ },
738
+ "border": {
739
+ "$type": "color",
740
+ "$value": "{color.warning.700}"
741
+ },
742
+ "hover": {
743
+ "$type": "color",
744
+ "$value": "{color.warning.200}"
745
+ },
746
+ "active": {
747
+ "$type": "color",
748
+ "$value": "{color.warning.300}"
749
+ }
750
+ },
751
+ "solid": {
752
+ "background": {
753
+ "$type": "color",
754
+ "$value": "{color.warning.500}"
755
+ },
756
+ "foreground": {
757
+ "$type": "color",
758
+ "$value": "{color.absolute-black}"
759
+ }
760
+ }
761
+ },
762
+ "info": {
763
+ "soft": {
764
+ "background": {
765
+ "$type": "color",
766
+ "$value": "{color.info.100}"
767
+ },
768
+ "foreground": {
769
+ "$type": "color",
770
+ "$value": "{color.info.700}"
771
+ },
772
+ "border": {
773
+ "$type": "color",
774
+ "$value": "{color.info.700}"
775
+ },
776
+ "hover": {
777
+ "$type": "color",
778
+ "$value": "{color.info.200}"
779
+ },
780
+ "active": {
781
+ "$type": "color",
782
+ "$value": "{color.info.300}"
783
+ }
784
+ },
785
+ "solid": {
786
+ "background": {
787
+ "$type": "color",
788
+ "$value": "{color.info.500}"
789
+ },
790
+ "foreground": {
791
+ "$type": "color",
792
+ "$value": "{color.absolute-black}"
793
+ }
794
+ }
795
+ },
796
+ "danger": {
797
+ "soft": {
798
+ "background": {
799
+ "$type": "color",
800
+ "$value": "{color.danger.100}"
801
+ },
802
+ "foreground": {
803
+ "$type": "color",
804
+ "$value": "{color.danger.700}"
805
+ },
806
+ "border": {
807
+ "$type": "color",
808
+ "$value": "{color.danger.700}"
809
+ },
810
+ "hover": {
811
+ "$type": "color",
812
+ "$value": "{color.danger.200}"
813
+ },
814
+ "active": {
815
+ "$type": "color",
816
+ "$value": "{color.danger.300}"
817
+ }
818
+ },
819
+ "solid": {
820
+ "background": {
821
+ "$type": "color",
822
+ "$value": "{color.danger.500}"
823
+ },
824
+ "foreground": {
825
+ "$type": "color",
826
+ "$value": "{color.absolute-white}"
827
+ }
828
+ }
829
+ }
830
+ },
831
+ "choice-card": {
832
+ "selected": {
833
+ "background": {
834
+ "$type": "color",
835
+ "$value": "{color.brand.100}"
836
+ },
837
+ "border": {
838
+ "$type": "color",
839
+ "$value": "{color.brand.500}"
840
+ }
841
+ }
842
+ },
459
843
  "surface": {
460
844
  "default": {
461
845
  "$type": "color",
462
846
  "$value": "{color.black}"
463
847
  },
848
+ "floating": {
849
+ "$type": "color",
850
+ "$value": "{color.neutral.100}"
851
+ },
464
852
  "subtle": {
465
853
  "$type": "color",
466
854
  "$value": "{color.neutral.100}"
@@ -501,7 +889,7 @@
501
889
  },
502
890
  "muted": {
503
891
  "$type": "color",
504
- "$value": "{color.neutral.500}"
892
+ "$value": "{color.neutral.600}"
505
893
  },
506
894
  "disabled": {
507
895
  "$type": "color",
@@ -540,18 +928,46 @@
540
928
  },
541
929
  "hover": {
542
930
  "$type": "color",
543
- "$value": "{color.neutral.100}"
931
+ "$value": "{color.neutral-alpha.100}"
544
932
  },
545
933
  "selected": {
546
934
  "$type": "color",
547
- "$value": "{color.brand.900}"
935
+ "$value": "{color.brand.100}"
936
+ }
937
+ }
938
+ },
939
+ "tree": {
940
+ "row": {
941
+ "hover": {
942
+ "$type": "color",
943
+ "$value": "{color.neutral-alpha.100}"
944
+ },
945
+ "selected": {
946
+ "$type": "color",
947
+ "$value": "{color.neutral-alpha.200}"
948
+ }
949
+ }
950
+ },
951
+ "miller-columns": {
952
+ "row": {
953
+ "hover": {
954
+ "$type": "color",
955
+ "$value": "{color.neutral-alpha.50}"
956
+ },
957
+ "ancestor": {
958
+ "$type": "color",
959
+ "$value": "{color.neutral-alpha.100}"
960
+ },
961
+ "terminal": {
962
+ "$type": "color",
963
+ "$value": "{color.neutral-alpha.300}"
548
964
  }
549
965
  }
550
966
  },
551
967
  "highlight": {
552
968
  "background": {
553
969
  "$type": "color",
554
- "$value": "{color.brand.800}"
970
+ "$value": "{color.brand.100}"
555
971
  }
556
972
  },
557
973
  "border": {
@@ -561,11 +977,11 @@
561
977
  },
562
978
  "default": {
563
979
  "$type": "color",
564
- "$value": "{color.neutral.400}"
980
+ "$value": "{color.neutral.500}"
565
981
  },
566
982
  "strong": {
567
983
  "$type": "color",
568
- "$value": "{color.neutral.500}"
984
+ "$value": "{color.neutral.600}"
569
985
  },
570
986
  "focus": {
571
987
  "$type": "color",