@phcdevworks/spectre-tokens 4.8.0 → 4.9.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.
package/tokens/modes.json CHANGED
@@ -25,14 +25,14 @@
25
25
  },
26
26
  "subtle": {
27
27
  "value": "{colors.neutral.100}",
28
- "description": "slightly recessed background for zebra rows, section bands, and inset panels one step below surface.page",
28
+ "description": "slightly recessed background for zebra rows, section bands, and inset panels \u2014 one step below surface.page",
29
29
  "metadata": {
30
30
  "pair": "modes.default.text.onPage.default"
31
31
  }
32
32
  },
33
33
  "hero": {
34
34
  "value": "linear-gradient(135deg, {colors.indigo.500} 0%, {colors.violet.600} 100%)",
35
- "description": "full-bleed gradient background for hero and marketing sections only not a general surface; pair with light text tokens explicitly"
35
+ "description": "full-bleed gradient background for hero and marketing sections only \u2014 not a general surface; pair with light text tokens explicitly"
36
36
  },
37
37
  "hover": {
38
38
  "value": "{colors.neutral.100}"
@@ -126,6 +126,36 @@
126
126
  "metadata": {
127
127
  "pair": "modes.default.surface.card"
128
128
  }
129
+ },
130
+ "accent": {
131
+ "neutral": {
132
+ "value": "{colors.neutral.600}",
133
+ "metadata": {}
134
+ },
135
+ "brand": {
136
+ "value": "{colors.brand.600}",
137
+ "metadata": {}
138
+ },
139
+ "info": {
140
+ "value": "{colors.info.600}",
141
+ "metadata": {}
142
+ },
143
+ "success": {
144
+ "value": "{colors.success.600}",
145
+ "metadata": {}
146
+ },
147
+ "warning": {
148
+ "value": "{colors.warning.600}",
149
+ "metadata": {}
150
+ },
151
+ "danger": {
152
+ "value": "{colors.error.600}",
153
+ "metadata": {}
154
+ },
155
+ "cta": {
156
+ "value": "{colors.brand.600}",
157
+ "metadata": {}
158
+ }
129
159
  }
130
160
  },
131
161
  "input": {
@@ -216,6 +246,36 @@
216
246
  "dangerText": {
217
247
  "value": "{colors.error.700}",
218
248
  "metadata": {}
249
+ },
250
+ "accent": {
251
+ "neutral": {
252
+ "value": "{colors.neutral.600}",
253
+ "metadata": {}
254
+ },
255
+ "brand": {
256
+ "value": "{colors.brand.600}",
257
+ "metadata": {}
258
+ },
259
+ "info": {
260
+ "value": "{colors.info.600}",
261
+ "metadata": {}
262
+ },
263
+ "success": {
264
+ "value": "{colors.success.600}",
265
+ "metadata": {}
266
+ },
267
+ "warning": {
268
+ "value": "{colors.warning.600}",
269
+ "metadata": {}
270
+ },
271
+ "danger": {
272
+ "value": "{colors.error.600}",
273
+ "metadata": {}
274
+ },
275
+ "cta": {
276
+ "value": "{colors.brand.600}",
277
+ "metadata": {}
278
+ }
219
279
  }
220
280
  },
221
281
  "iconBox": {
@@ -290,6 +350,36 @@
290
350
  "metadata": {
291
351
  "pair": "modes.default.component.testimonial.bgHover"
292
352
  }
353
+ },
354
+ "accent": {
355
+ "neutral": {
356
+ "value": "{colors.neutral.600}",
357
+ "metadata": {}
358
+ },
359
+ "brand": {
360
+ "value": "{colors.brand.600}",
361
+ "metadata": {}
362
+ },
363
+ "info": {
364
+ "value": "{colors.info.600}",
365
+ "metadata": {}
366
+ },
367
+ "success": {
368
+ "value": "{colors.success.600}",
369
+ "metadata": {}
370
+ },
371
+ "warning": {
372
+ "value": "{colors.warning.600}",
373
+ "metadata": {}
374
+ },
375
+ "danger": {
376
+ "value": "{colors.error.600}",
377
+ "metadata": {}
378
+ },
379
+ "cta": {
380
+ "value": "{colors.brand.600}",
381
+ "metadata": {}
382
+ }
293
383
  }
294
384
  },
295
385
  "pricingCard": {
@@ -344,6 +434,36 @@
344
434
  "metadata": {
345
435
  "pair": "modes.default.component.pricingCard.bgHover"
346
436
  }
437
+ },
438
+ "accent": {
439
+ "neutral": {
440
+ "value": "{colors.neutral.600}",
441
+ "metadata": {}
442
+ },
443
+ "brand": {
444
+ "value": "{colors.brand.600}",
445
+ "metadata": {}
446
+ },
447
+ "info": {
448
+ "value": "{colors.info.600}",
449
+ "metadata": {}
450
+ },
451
+ "success": {
452
+ "value": "{colors.success.600}",
453
+ "metadata": {}
454
+ },
455
+ "warning": {
456
+ "value": "{colors.warning.600}",
457
+ "metadata": {}
458
+ },
459
+ "danger": {
460
+ "value": "{colors.error.600}",
461
+ "metadata": {}
462
+ },
463
+ "cta": {
464
+ "value": "{colors.brand.600}",
465
+ "metadata": {}
466
+ }
347
467
  }
348
468
  },
349
469
  "rating": {
@@ -390,6 +510,36 @@
390
510
  "border": {
391
511
  "value": "{colors.neutral.200}",
392
512
  "metadata": {}
513
+ },
514
+ "accent": {
515
+ "neutral": {
516
+ "value": "{colors.neutral.600}",
517
+ "metadata": {}
518
+ },
519
+ "brand": {
520
+ "value": "{colors.brand.600}",
521
+ "metadata": {}
522
+ },
523
+ "info": {
524
+ "value": "{colors.info.600}",
525
+ "metadata": {}
526
+ },
527
+ "success": {
528
+ "value": "{colors.success.600}",
529
+ "metadata": {}
530
+ },
531
+ "warning": {
532
+ "value": "{colors.warning.600}",
533
+ "metadata": {}
534
+ },
535
+ "danger": {
536
+ "value": "{colors.error.600}",
537
+ "metadata": {}
538
+ },
539
+ "cta": {
540
+ "value": "{colors.brand.600}",
541
+ "metadata": {}
542
+ }
393
543
  }
394
544
  },
395
545
  "footer": {
@@ -440,6 +590,36 @@
440
590
  "chipBg": {
441
591
  "value": "{colors.neutral.800}",
442
592
  "metadata": {}
593
+ },
594
+ "accent": {
595
+ "neutral": {
596
+ "value": "{colors.neutral.600}",
597
+ "metadata": {}
598
+ },
599
+ "brand": {
600
+ "value": "{colors.brand.600}",
601
+ "metadata": {}
602
+ },
603
+ "info": {
604
+ "value": "{colors.info.600}",
605
+ "metadata": {}
606
+ },
607
+ "success": {
608
+ "value": "{colors.success.600}",
609
+ "metadata": {}
610
+ },
611
+ "warning": {
612
+ "value": "{colors.warning.600}",
613
+ "metadata": {}
614
+ },
615
+ "danger": {
616
+ "value": "{colors.error.600}",
617
+ "metadata": {}
618
+ },
619
+ "cta": {
620
+ "value": "{colors.brand.600}",
621
+ "metadata": {}
622
+ }
443
623
  }
444
624
  },
445
625
  "modal": {
@@ -458,6 +638,36 @@
458
638
  "overlay": {
459
639
  "value": "{colors.black} / 0.6",
460
640
  "metadata": {}
641
+ },
642
+ "accent": {
643
+ "neutral": {
644
+ "value": "{colors.neutral.600}",
645
+ "metadata": {}
646
+ },
647
+ "brand": {
648
+ "value": "{colors.brand.600}",
649
+ "metadata": {}
650
+ },
651
+ "info": {
652
+ "value": "{colors.info.600}",
653
+ "metadata": {}
654
+ },
655
+ "success": {
656
+ "value": "{colors.success.600}",
657
+ "metadata": {}
658
+ },
659
+ "warning": {
660
+ "value": "{colors.warning.600}",
661
+ "metadata": {}
662
+ },
663
+ "danger": {
664
+ "value": "{colors.error.600}",
665
+ "metadata": {}
666
+ },
667
+ "cta": {
668
+ "value": "{colors.brand.600}",
669
+ "metadata": {}
670
+ }
461
671
  }
462
672
  },
463
673
  "toast": {
@@ -548,6 +758,36 @@
548
758
  "value": "{colors.info.600}",
549
759
  "metadata": {}
550
760
  }
761
+ },
762
+ "accent": {
763
+ "neutral": {
764
+ "value": "{colors.neutral.600}",
765
+ "metadata": {}
766
+ },
767
+ "brand": {
768
+ "value": "{colors.brand.600}",
769
+ "metadata": {}
770
+ },
771
+ "info": {
772
+ "value": "{colors.info.600}",
773
+ "metadata": {}
774
+ },
775
+ "success": {
776
+ "value": "{colors.success.600}",
777
+ "metadata": {}
778
+ },
779
+ "warning": {
780
+ "value": "{colors.warning.600}",
781
+ "metadata": {}
782
+ },
783
+ "danger": {
784
+ "value": "{colors.error.600}",
785
+ "metadata": {}
786
+ },
787
+ "cta": {
788
+ "value": "{colors.brand.600}",
789
+ "metadata": {}
790
+ }
551
791
  }
552
792
  },
553
793
  "tooltip": {
@@ -566,6 +806,36 @@
566
806
  "border": {
567
807
  "value": "{colors.neutral.700}",
568
808
  "metadata": {}
809
+ },
810
+ "accent": {
811
+ "neutral": {
812
+ "value": "{colors.neutral.600}",
813
+ "metadata": {}
814
+ },
815
+ "brand": {
816
+ "value": "{colors.brand.600}",
817
+ "metadata": {}
818
+ },
819
+ "info": {
820
+ "value": "{colors.info.600}",
821
+ "metadata": {}
822
+ },
823
+ "success": {
824
+ "value": "{colors.success.600}",
825
+ "metadata": {}
826
+ },
827
+ "warning": {
828
+ "value": "{colors.warning.600}",
829
+ "metadata": {}
830
+ },
831
+ "danger": {
832
+ "value": "{colors.error.600}",
833
+ "metadata": {}
834
+ },
835
+ "cta": {
836
+ "value": "{colors.brand.600}",
837
+ "metadata": {}
838
+ }
569
839
  }
570
840
  },
571
841
  "dropdown": {
@@ -598,6 +868,36 @@
598
868
  "pair": "modes.default.component.dropdown.bg"
599
869
  }
600
870
  }
871
+ },
872
+ "accent": {
873
+ "neutral": {
874
+ "value": "{colors.neutral.600}",
875
+ "metadata": {}
876
+ },
877
+ "brand": {
878
+ "value": "{colors.brand.600}",
879
+ "metadata": {}
880
+ },
881
+ "info": {
882
+ "value": "{colors.info.600}",
883
+ "metadata": {}
884
+ },
885
+ "success": {
886
+ "value": "{colors.success.600}",
887
+ "metadata": {}
888
+ },
889
+ "warning": {
890
+ "value": "{colors.warning.600}",
891
+ "metadata": {}
892
+ },
893
+ "danger": {
894
+ "value": "{colors.error.600}",
895
+ "metadata": {}
896
+ },
897
+ "cta": {
898
+ "value": "{colors.brand.600}",
899
+ "metadata": {}
900
+ }
601
901
  }
602
902
  },
603
903
  "checkbox": {
@@ -791,14 +1091,14 @@
791
1091
  },
792
1092
  "subtle": {
793
1093
  "value": "{colors.neutral.800}",
794
- "description": "slightly recessed background for zebra rows, section bands, and inset panels one step below surface.page",
1094
+ "description": "slightly recessed background for zebra rows, section bands, and inset panels \u2014 one step below surface.page",
795
1095
  "metadata": {
796
1096
  "pair": "modes.dark.text.onPage.default"
797
1097
  }
798
1098
  },
799
1099
  "hero": {
800
1100
  "value": "linear-gradient(135deg, {colors.accent.700} 0%, {colors.accent.900} 100%)",
801
- "description": "full-bleed gradient background for hero and marketing sections only not a general surface; pair with light text tokens explicitly"
1101
+ "description": "full-bleed gradient background for hero and marketing sections only \u2014 not a general surface; pair with light text tokens explicitly"
802
1102
  },
803
1103
  "hover": {
804
1104
  "value": "{colors.neutral.700}"
@@ -892,6 +1192,36 @@
892
1192
  "metadata": {
893
1193
  "pair": "modes.dark.surface.card"
894
1194
  }
1195
+ },
1196
+ "accent": {
1197
+ "neutral": {
1198
+ "value": "{colors.neutral.400}",
1199
+ "metadata": {}
1200
+ },
1201
+ "brand": {
1202
+ "value": "{colors.brand.400}",
1203
+ "metadata": {}
1204
+ },
1205
+ "info": {
1206
+ "value": "{colors.info.400}",
1207
+ "metadata": {}
1208
+ },
1209
+ "success": {
1210
+ "value": "{colors.success.400}",
1211
+ "metadata": {}
1212
+ },
1213
+ "warning": {
1214
+ "value": "{colors.warning.400}",
1215
+ "metadata": {}
1216
+ },
1217
+ "danger": {
1218
+ "value": "{colors.error.400}",
1219
+ "metadata": {}
1220
+ },
1221
+ "cta": {
1222
+ "value": "{colors.brand.400}",
1223
+ "metadata": {}
1224
+ }
895
1225
  }
896
1226
  },
897
1227
  "input": {
@@ -1000,6 +1330,36 @@
1000
1330
  "dangerText": {
1001
1331
  "value": "{colors.error.100}",
1002
1332
  "metadata": {}
1333
+ },
1334
+ "accent": {
1335
+ "neutral": {
1336
+ "value": "{colors.neutral.400}",
1337
+ "metadata": {}
1338
+ },
1339
+ "brand": {
1340
+ "value": "{colors.brand.400}",
1341
+ "metadata": {}
1342
+ },
1343
+ "info": {
1344
+ "value": "{colors.info.400}",
1345
+ "metadata": {}
1346
+ },
1347
+ "success": {
1348
+ "value": "{colors.success.400}",
1349
+ "metadata": {}
1350
+ },
1351
+ "warning": {
1352
+ "value": "{colors.warning.400}",
1353
+ "metadata": {}
1354
+ },
1355
+ "danger": {
1356
+ "value": "{colors.error.400}",
1357
+ "metadata": {}
1358
+ },
1359
+ "cta": {
1360
+ "value": "{colors.brand.400}",
1361
+ "metadata": {}
1362
+ }
1003
1363
  }
1004
1364
  },
1005
1365
  "iconBox": {
@@ -1078,6 +1438,36 @@
1078
1438
  "metadata": {
1079
1439
  "pair": "modes.dark.component.testimonial.bgHover"
1080
1440
  }
1441
+ },
1442
+ "accent": {
1443
+ "neutral": {
1444
+ "value": "{colors.neutral.400}",
1445
+ "metadata": {}
1446
+ },
1447
+ "brand": {
1448
+ "value": "{colors.brand.400}",
1449
+ "metadata": {}
1450
+ },
1451
+ "info": {
1452
+ "value": "{colors.info.400}",
1453
+ "metadata": {}
1454
+ },
1455
+ "success": {
1456
+ "value": "{colors.success.400}",
1457
+ "metadata": {}
1458
+ },
1459
+ "warning": {
1460
+ "value": "{colors.warning.400}",
1461
+ "metadata": {}
1462
+ },
1463
+ "danger": {
1464
+ "value": "{colors.error.400}",
1465
+ "metadata": {}
1466
+ },
1467
+ "cta": {
1468
+ "value": "{colors.brand.400}",
1469
+ "metadata": {}
1470
+ }
1081
1471
  }
1082
1472
  },
1083
1473
  "pricingCard": {
@@ -1132,6 +1522,36 @@
1132
1522
  "metadata": {
1133
1523
  "pair": "modes.dark.component.pricingCard.bgHover"
1134
1524
  }
1525
+ },
1526
+ "accent": {
1527
+ "neutral": {
1528
+ "value": "{colors.neutral.400}",
1529
+ "metadata": {}
1530
+ },
1531
+ "brand": {
1532
+ "value": "{colors.brand.400}",
1533
+ "metadata": {}
1534
+ },
1535
+ "info": {
1536
+ "value": "{colors.info.400}",
1537
+ "metadata": {}
1538
+ },
1539
+ "success": {
1540
+ "value": "{colors.success.400}",
1541
+ "metadata": {}
1542
+ },
1543
+ "warning": {
1544
+ "value": "{colors.warning.400}",
1545
+ "metadata": {}
1546
+ },
1547
+ "danger": {
1548
+ "value": "{colors.error.400}",
1549
+ "metadata": {}
1550
+ },
1551
+ "cta": {
1552
+ "value": "{colors.brand.400}",
1553
+ "metadata": {}
1554
+ }
1135
1555
  }
1136
1556
  },
1137
1557
  "rating": {
@@ -1178,6 +1598,36 @@
1178
1598
  "border": {
1179
1599
  "value": "{colors.neutral.700}",
1180
1600
  "metadata": {}
1601
+ },
1602
+ "accent": {
1603
+ "neutral": {
1604
+ "value": "{colors.neutral.400}",
1605
+ "metadata": {}
1606
+ },
1607
+ "brand": {
1608
+ "value": "{colors.brand.400}",
1609
+ "metadata": {}
1610
+ },
1611
+ "info": {
1612
+ "value": "{colors.info.400}",
1613
+ "metadata": {}
1614
+ },
1615
+ "success": {
1616
+ "value": "{colors.success.400}",
1617
+ "metadata": {}
1618
+ },
1619
+ "warning": {
1620
+ "value": "{colors.warning.400}",
1621
+ "metadata": {}
1622
+ },
1623
+ "danger": {
1624
+ "value": "{colors.error.400}",
1625
+ "metadata": {}
1626
+ },
1627
+ "cta": {
1628
+ "value": "{colors.brand.400}",
1629
+ "metadata": {}
1630
+ }
1181
1631
  }
1182
1632
  },
1183
1633
  "footer": {
@@ -1228,6 +1678,36 @@
1228
1678
  "chipBg": {
1229
1679
  "value": "{colors.neutral.900}",
1230
1680
  "metadata": {}
1681
+ },
1682
+ "accent": {
1683
+ "neutral": {
1684
+ "value": "{colors.neutral.400}",
1685
+ "metadata": {}
1686
+ },
1687
+ "brand": {
1688
+ "value": "{colors.brand.400}",
1689
+ "metadata": {}
1690
+ },
1691
+ "info": {
1692
+ "value": "{colors.info.400}",
1693
+ "metadata": {}
1694
+ },
1695
+ "success": {
1696
+ "value": "{colors.success.400}",
1697
+ "metadata": {}
1698
+ },
1699
+ "warning": {
1700
+ "value": "{colors.warning.400}",
1701
+ "metadata": {}
1702
+ },
1703
+ "danger": {
1704
+ "value": "{colors.error.400}",
1705
+ "metadata": {}
1706
+ },
1707
+ "cta": {
1708
+ "value": "{colors.brand.400}",
1709
+ "metadata": {}
1710
+ }
1231
1711
  }
1232
1712
  },
1233
1713
  "modal": {
@@ -1246,6 +1726,36 @@
1246
1726
  "overlay": {
1247
1727
  "value": "{colors.black} / 0.6",
1248
1728
  "metadata": {}
1729
+ },
1730
+ "accent": {
1731
+ "neutral": {
1732
+ "value": "{colors.neutral.400}",
1733
+ "metadata": {}
1734
+ },
1735
+ "brand": {
1736
+ "value": "{colors.brand.400}",
1737
+ "metadata": {}
1738
+ },
1739
+ "info": {
1740
+ "value": "{colors.info.400}",
1741
+ "metadata": {}
1742
+ },
1743
+ "success": {
1744
+ "value": "{colors.success.400}",
1745
+ "metadata": {}
1746
+ },
1747
+ "warning": {
1748
+ "value": "{colors.warning.400}",
1749
+ "metadata": {}
1750
+ },
1751
+ "danger": {
1752
+ "value": "{colors.error.400}",
1753
+ "metadata": {}
1754
+ },
1755
+ "cta": {
1756
+ "value": "{colors.brand.400}",
1757
+ "metadata": {}
1758
+ }
1249
1759
  }
1250
1760
  },
1251
1761
  "toast": {
@@ -1336,6 +1846,36 @@
1336
1846
  "value": "{colors.info.400}",
1337
1847
  "metadata": {}
1338
1848
  }
1849
+ },
1850
+ "accent": {
1851
+ "neutral": {
1852
+ "value": "{colors.neutral.400}",
1853
+ "metadata": {}
1854
+ },
1855
+ "brand": {
1856
+ "value": "{colors.brand.400}",
1857
+ "metadata": {}
1858
+ },
1859
+ "info": {
1860
+ "value": "{colors.info.400}",
1861
+ "metadata": {}
1862
+ },
1863
+ "success": {
1864
+ "value": "{colors.success.400}",
1865
+ "metadata": {}
1866
+ },
1867
+ "warning": {
1868
+ "value": "{colors.warning.400}",
1869
+ "metadata": {}
1870
+ },
1871
+ "danger": {
1872
+ "value": "{colors.error.400}",
1873
+ "metadata": {}
1874
+ },
1875
+ "cta": {
1876
+ "value": "{colors.brand.400}",
1877
+ "metadata": {}
1878
+ }
1339
1879
  }
1340
1880
  },
1341
1881
  "tooltip": {
@@ -1354,6 +1894,36 @@
1354
1894
  "border": {
1355
1895
  "value": "{colors.neutral.300}",
1356
1896
  "metadata": {}
1897
+ },
1898
+ "accent": {
1899
+ "neutral": {
1900
+ "value": "{colors.neutral.400}",
1901
+ "metadata": {}
1902
+ },
1903
+ "brand": {
1904
+ "value": "{colors.brand.400}",
1905
+ "metadata": {}
1906
+ },
1907
+ "info": {
1908
+ "value": "{colors.info.400}",
1909
+ "metadata": {}
1910
+ },
1911
+ "success": {
1912
+ "value": "{colors.success.400}",
1913
+ "metadata": {}
1914
+ },
1915
+ "warning": {
1916
+ "value": "{colors.warning.400}",
1917
+ "metadata": {}
1918
+ },
1919
+ "danger": {
1920
+ "value": "{colors.error.400}",
1921
+ "metadata": {}
1922
+ },
1923
+ "cta": {
1924
+ "value": "{colors.brand.400}",
1925
+ "metadata": {}
1926
+ }
1357
1927
  }
1358
1928
  },
1359
1929
  "dropdown": {
@@ -1386,6 +1956,36 @@
1386
1956
  "pair": "modes.dark.component.dropdown.bg"
1387
1957
  }
1388
1958
  }
1959
+ },
1960
+ "accent": {
1961
+ "neutral": {
1962
+ "value": "{colors.neutral.400}",
1963
+ "metadata": {}
1964
+ },
1965
+ "brand": {
1966
+ "value": "{colors.brand.400}",
1967
+ "metadata": {}
1968
+ },
1969
+ "info": {
1970
+ "value": "{colors.info.400}",
1971
+ "metadata": {}
1972
+ },
1973
+ "success": {
1974
+ "value": "{colors.success.400}",
1975
+ "metadata": {}
1976
+ },
1977
+ "warning": {
1978
+ "value": "{colors.warning.400}",
1979
+ "metadata": {}
1980
+ },
1981
+ "danger": {
1982
+ "value": "{colors.error.400}",
1983
+ "metadata": {}
1984
+ },
1985
+ "cta": {
1986
+ "value": "{colors.brand.400}",
1987
+ "metadata": {}
1988
+ }
1389
1989
  }
1390
1990
  },
1391
1991
  "checkbox": {