@primitiv-ui/tokens 0.1.29 → 0.1.31

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,19 +81,19 @@
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
  },
@@ -177,67 +181,163 @@
177
181
  "feedback": {
178
182
  "neutral": {
179
183
  "soft": {
180
- "background": { "$type": "color", "$value": "{color.neutral.100}" },
181
- "foreground": { "$type": "color", "$value": "{color.neutral.700}" }
184
+ "background": {
185
+ "$type": "color",
186
+ "$value": "{color.neutral.50}"
187
+ },
188
+ "foreground": {
189
+ "$type": "color",
190
+ "$value": "{color.neutral.700}"
191
+ }
182
192
  }
183
193
  },
184
194
  "success": {
185
195
  "soft": {
186
- "background": { "$type": "color", "$value": "{color.success.100}" },
187
- "foreground": { "$type": "color", "$value": "{color.success.700}" },
188
- "border": { "$type": "color", "$value": "{color.success.700}" },
189
- "hover": { "$type": "color", "$value": "{color.success.200}" },
190
- "active": { "$type": "color", "$value": "{color.success.300}" }
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
+ }
191
216
  },
192
217
  "solid": {
193
- "background": { "$type": "color", "$value": "{color.success.500}" },
194
- "foreground": { "$type": "color", "$value": "{color.absolute-black}" }
218
+ "background": {
219
+ "$type": "color",
220
+ "$value": "{color.success.500}"
221
+ },
222
+ "foreground": {
223
+ "$type": "color",
224
+ "$value": "{color.absolute-black}"
225
+ }
195
226
  }
196
227
  },
197
228
  "warning": {
198
229
  "soft": {
199
- "background": { "$type": "color", "$value": "{color.warning.100}" },
200
- "foreground": { "$type": "color", "$value": "{color.warning.700}" },
201
- "border": { "$type": "color", "$value": "{color.warning.700}" },
202
- "hover": { "$type": "color", "$value": "{color.warning.200}" },
203
- "active": { "$type": "color", "$value": "{color.warning.300}" }
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
+ }
204
250
  },
205
251
  "solid": {
206
- "background": { "$type": "color", "$value": "{color.warning.500}" },
207
- "foreground": { "$type": "color", "$value": "{color.absolute-black}" }
252
+ "background": {
253
+ "$type": "color",
254
+ "$value": "{color.warning.500}"
255
+ },
256
+ "foreground": {
257
+ "$type": "color",
258
+ "$value": "{color.absolute-black}"
259
+ }
208
260
  }
209
261
  },
210
262
  "info": {
211
263
  "soft": {
212
- "background": { "$type": "color", "$value": "{color.info.100}" },
213
- "foreground": { "$type": "color", "$value": "{color.info.700}" },
214
- "border": { "$type": "color", "$value": "{color.info.700}" },
215
- "hover": { "$type": "color", "$value": "{color.info.200}" },
216
- "active": { "$type": "color", "$value": "{color.info.300}" }
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
+ }
217
284
  },
218
285
  "solid": {
219
- "background": { "$type": "color", "$value": "{color.info.500}" },
220
- "foreground": { "$type": "color", "$value": "{color.absolute-black}" }
286
+ "background": {
287
+ "$type": "color",
288
+ "$value": "{color.info.500}"
289
+ },
290
+ "foreground": {
291
+ "$type": "color",
292
+ "$value": "{color.absolute-black}"
293
+ }
221
294
  }
222
295
  },
223
296
  "danger": {
224
297
  "soft": {
225
- "background": { "$type": "color", "$value": "{color.danger.100}" },
226
- "foreground": { "$type": "color", "$value": "{color.danger.700}" },
227
- "border": { "$type": "color", "$value": "{color.danger.700}" },
228
- "hover": { "$type": "color", "$value": "{color.danger.200}" },
229
- "active": { "$type": "color", "$value": "{color.danger.300}" }
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
+ }
230
318
  },
231
319
  "solid": {
232
- "background": { "$type": "color", "$value": "{color.danger.500}" },
233
- "foreground": { "$type": "color", "$value": "{color.absolute-white}" }
320
+ "background": {
321
+ "$type": "color",
322
+ "$value": "{color.danger.500}"
323
+ },
324
+ "foreground": {
325
+ "$type": "color",
326
+ "$value": "{color.absolute-white}"
327
+ }
234
328
  }
235
329
  }
236
330
  },
237
331
  "choice-card": {
238
332
  "selected": {
239
- "background": { "$type": "color", "$value": "{color.brand.100}" },
240
- "border": { "$type": "color", "$value": "{color.brand.500}" }
333
+ "background": {
334
+ "$type": "color",
335
+ "$value": "{color.brand.100}"
336
+ },
337
+ "border": {
338
+ "$type": "color",
339
+ "$value": "{color.brand.500}"
340
+ }
241
341
  }
242
342
  },
243
343
  "surface": {
@@ -251,7 +351,7 @@
251
351
  },
252
352
  "subtle": {
253
353
  "$type": "color",
254
- "$value": "{color.neutral.100}"
354
+ "$value": "{color.neutral.50}"
255
355
  },
256
356
  "raised": {
257
357
  "$type": "color",
@@ -328,7 +428,7 @@
328
428
  },
329
429
  "hover": {
330
430
  "$type": "color",
331
- "$value": "{color.neutral.100}"
431
+ "$value": "{color.neutral-alpha.100}"
332
432
  },
333
433
  "selected": {
334
434
  "$type": "color",
@@ -336,6 +436,34 @@
336
436
  }
337
437
  }
338
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
+ },
339
467
  "highlight": {
340
468
  "background": {
341
469
  "$type": "color",
@@ -345,11 +473,11 @@
345
473
  "border": {
346
474
  "subtle": {
347
475
  "$type": "color",
348
- "$value": "{color.neutral.200}"
476
+ "$value": "{color.neutral.100}"
349
477
  },
350
478
  "default": {
351
479
  "$type": "color",
352
- "$value": "{color.neutral.300}"
480
+ "$value": "{color.neutral.400}"
353
481
  },
354
482
  "strong": {
355
483
  "$type": "color",
@@ -390,6 +518,10 @@
390
518
  "$type": "color",
391
519
  "$value": "{color.brand.500}"
392
520
  },
521
+ "soft": {
522
+ "$type": "color",
523
+ "$value": "{color.brand-alpha.300}"
524
+ },
393
525
  "foreground": {
394
526
  "default": {
395
527
  "$type": "color",
@@ -525,23 +657,23 @@
525
657
  "foreground": {
526
658
  "default": {
527
659
  "$type": "color",
528
- "$value": "{color.brand.500}"
660
+ "$value": "{color.brand.600}"
529
661
  },
530
662
  "hover": {
531
663
  "$type": "color",
532
- "$value": "{color.brand.300}"
664
+ "$value": "{color.brand.700}"
533
665
  },
534
666
  "active": {
535
667
  "$type": "color",
536
- "$value": "{color.brand.200}"
668
+ "$value": "{color.brand.800}"
537
669
  },
538
670
  "disabled": {
539
671
  "$type": "color",
540
- "$value": "{color.brand.500}"
672
+ "$value": "{color.brand.600}"
541
673
  },
542
674
  "visited": {
543
675
  "$type": "color",
544
- "$value": "{color.brand.300}"
676
+ "$value": "{color.brand.700}"
545
677
  }
546
678
  }
547
679
  }
@@ -549,67 +681,163 @@
549
681
  "feedback": {
550
682
  "neutral": {
551
683
  "soft": {
552
- "background": { "$type": "color", "$value": "{color.neutral.100}" },
553
- "foreground": { "$type": "color", "$value": "{color.neutral.700}" }
684
+ "background": {
685
+ "$type": "color",
686
+ "$value": "{color.neutral.100}"
687
+ },
688
+ "foreground": {
689
+ "$type": "color",
690
+ "$value": "{color.neutral.700}"
691
+ }
554
692
  }
555
693
  },
556
694
  "success": {
557
695
  "soft": {
558
- "background": { "$type": "color", "$value": "{color.success.100}" },
559
- "foreground": { "$type": "color", "$value": "{color.success.700}" },
560
- "border": { "$type": "color", "$value": "{color.success.700}" },
561
- "hover": { "$type": "color", "$value": "{color.success.200}" },
562
- "active": { "$type": "color", "$value": "{color.success.300}" }
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
+ }
563
716
  },
564
717
  "solid": {
565
- "background": { "$type": "color", "$value": "{color.success.500}" },
566
- "foreground": { "$type": "color", "$value": "{color.absolute-black}" }
718
+ "background": {
719
+ "$type": "color",
720
+ "$value": "{color.success.500}"
721
+ },
722
+ "foreground": {
723
+ "$type": "color",
724
+ "$value": "{color.absolute-black}"
725
+ }
567
726
  }
568
727
  },
569
728
  "warning": {
570
729
  "soft": {
571
- "background": { "$type": "color", "$value": "{color.warning.100}" },
572
- "foreground": { "$type": "color", "$value": "{color.warning.700}" },
573
- "border": { "$type": "color", "$value": "{color.warning.700}" },
574
- "hover": { "$type": "color", "$value": "{color.warning.200}" },
575
- "active": { "$type": "color", "$value": "{color.warning.300}" }
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
+ }
576
750
  },
577
751
  "solid": {
578
- "background": { "$type": "color", "$value": "{color.warning.500}" },
579
- "foreground": { "$type": "color", "$value": "{color.absolute-black}" }
752
+ "background": {
753
+ "$type": "color",
754
+ "$value": "{color.warning.500}"
755
+ },
756
+ "foreground": {
757
+ "$type": "color",
758
+ "$value": "{color.absolute-black}"
759
+ }
580
760
  }
581
761
  },
582
762
  "info": {
583
763
  "soft": {
584
- "background": { "$type": "color", "$value": "{color.info.100}" },
585
- "foreground": { "$type": "color", "$value": "{color.info.700}" },
586
- "border": { "$type": "color", "$value": "{color.info.700}" },
587
- "hover": { "$type": "color", "$value": "{color.info.200}" },
588
- "active": { "$type": "color", "$value": "{color.info.300}" }
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
+ }
589
784
  },
590
785
  "solid": {
591
- "background": { "$type": "color", "$value": "{color.info.500}" },
592
- "foreground": { "$type": "color", "$value": "{color.absolute-black}" }
786
+ "background": {
787
+ "$type": "color",
788
+ "$value": "{color.info.500}"
789
+ },
790
+ "foreground": {
791
+ "$type": "color",
792
+ "$value": "{color.absolute-black}"
793
+ }
593
794
  }
594
795
  },
595
796
  "danger": {
596
797
  "soft": {
597
- "background": { "$type": "color", "$value": "{color.danger.100}" },
598
- "foreground": { "$type": "color", "$value": "{color.danger.700}" },
599
- "border": { "$type": "color", "$value": "{color.danger.700}" },
600
- "hover": { "$type": "color", "$value": "{color.danger.200}" },
601
- "active": { "$type": "color", "$value": "{color.danger.300}" }
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
+ }
602
818
  },
603
819
  "solid": {
604
- "background": { "$type": "color", "$value": "{color.danger.500}" },
605
- "foreground": { "$type": "color", "$value": "{color.absolute-white}" }
820
+ "background": {
821
+ "$type": "color",
822
+ "$value": "{color.danger.500}"
823
+ },
824
+ "foreground": {
825
+ "$type": "color",
826
+ "$value": "{color.absolute-white}"
827
+ }
606
828
  }
607
829
  }
608
830
  },
609
831
  "choice-card": {
610
832
  "selected": {
611
- "background": { "$type": "color", "$value": "{color.brand.100}" },
612
- "border": { "$type": "color", "$value": "{color.brand.500}" }
833
+ "background": {
834
+ "$type": "color",
835
+ "$value": "{color.brand.100}"
836
+ },
837
+ "border": {
838
+ "$type": "color",
839
+ "$value": "{color.brand.500}"
840
+ }
613
841
  }
614
842
  },
615
843
  "surface": {
@@ -661,7 +889,7 @@
661
889
  },
662
890
  "muted": {
663
891
  "$type": "color",
664
- "$value": "{color.neutral.500}"
892
+ "$value": "{color.neutral.600}"
665
893
  },
666
894
  "disabled": {
667
895
  "$type": "color",
@@ -700,18 +928,46 @@
700
928
  },
701
929
  "hover": {
702
930
  "$type": "color",
703
- "$value": "{color.neutral.100}"
931
+ "$value": "{color.neutral-alpha.100}"
704
932
  },
705
933
  "selected": {
706
934
  "$type": "color",
707
- "$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}"
708
964
  }
709
965
  }
710
966
  },
711
967
  "highlight": {
712
968
  "background": {
713
969
  "$type": "color",
714
- "$value": "{color.brand.800}"
970
+ "$value": "{color.brand.100}"
715
971
  }
716
972
  },
717
973
  "border": {
@@ -721,11 +977,11 @@
721
977
  },
722
978
  "default": {
723
979
  "$type": "color",
724
- "$value": "{color.neutral.400}"
980
+ "$value": "{color.neutral.500}"
725
981
  },
726
982
  "strong": {
727
983
  "$type": "color",
728
- "$value": "{color.neutral.500}"
984
+ "$value": "{color.neutral.600}"
729
985
  },
730
986
  "focus": {
731
987
  "$type": "color",