@phcdevworks/spectre-tokens 3.0.0 → 3.2.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/README.md +28 -1
- package/dist/index.cjs +235 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +84 -0
- package/dist/index.d.cts +186 -0
- package/dist/index.d.ts +186 -0
- package/dist/index.js +235 -2
- package/dist/index.js.map +1 -1
- package/dist/tokens.dtcg.json +442 -0
- package/package.json +5 -5
- package/tokens/components.json +141 -0
- package/tokens/modes.json +328 -0
- package/tokens/semantic-roles.json +5 -1
package/tokens/modes.json
CHANGED
|
@@ -549,6 +549,170 @@
|
|
|
549
549
|
}
|
|
550
550
|
}
|
|
551
551
|
}
|
|
552
|
+
},
|
|
553
|
+
"checkbox": {
|
|
554
|
+
"bg": {
|
|
555
|
+
"value": "{colors.white}",
|
|
556
|
+
"metadata": {}
|
|
557
|
+
},
|
|
558
|
+
"border": {
|
|
559
|
+
"value": "{colors.neutral.300}",
|
|
560
|
+
"metadata": {}
|
|
561
|
+
},
|
|
562
|
+
"checkedBg": {
|
|
563
|
+
"value": "{colors.info.600}",
|
|
564
|
+
"metadata": {
|
|
565
|
+
"pair": "modes.default.component.checkbox.text"
|
|
566
|
+
}
|
|
567
|
+
},
|
|
568
|
+
"checkedBorder": {
|
|
569
|
+
"value": "{colors.info.600}",
|
|
570
|
+
"metadata": {}
|
|
571
|
+
},
|
|
572
|
+
"text": {
|
|
573
|
+
"value": "{colors.white}",
|
|
574
|
+
"metadata": {
|
|
575
|
+
"pair": "modes.default.component.checkbox.checkedBg"
|
|
576
|
+
}
|
|
577
|
+
},
|
|
578
|
+
"disabledBg": {
|
|
579
|
+
"value": "{colors.neutral.50}",
|
|
580
|
+
"metadata": {}
|
|
581
|
+
},
|
|
582
|
+
"disabledBorder": {
|
|
583
|
+
"value": "{colors.neutral.200}",
|
|
584
|
+
"metadata": {}
|
|
585
|
+
}
|
|
586
|
+
},
|
|
587
|
+
"radio": {
|
|
588
|
+
"bg": {
|
|
589
|
+
"value": "{colors.white}",
|
|
590
|
+
"metadata": {}
|
|
591
|
+
},
|
|
592
|
+
"border": {
|
|
593
|
+
"value": "{colors.neutral.300}",
|
|
594
|
+
"metadata": {}
|
|
595
|
+
},
|
|
596
|
+
"checkedBg": {
|
|
597
|
+
"value": "{colors.info.600}",
|
|
598
|
+
"metadata": {
|
|
599
|
+
"pair": "modes.default.component.radio.text"
|
|
600
|
+
}
|
|
601
|
+
},
|
|
602
|
+
"checkedBorder": {
|
|
603
|
+
"value": "{colors.info.600}",
|
|
604
|
+
"metadata": {}
|
|
605
|
+
},
|
|
606
|
+
"text": {
|
|
607
|
+
"value": "{colors.white}",
|
|
608
|
+
"metadata": {
|
|
609
|
+
"pair": "modes.default.component.radio.checkedBg"
|
|
610
|
+
}
|
|
611
|
+
},
|
|
612
|
+
"disabledBg": {
|
|
613
|
+
"value": "{colors.neutral.50}",
|
|
614
|
+
"metadata": {}
|
|
615
|
+
},
|
|
616
|
+
"disabledBorder": {
|
|
617
|
+
"value": "{colors.neutral.200}",
|
|
618
|
+
"metadata": {}
|
|
619
|
+
}
|
|
620
|
+
},
|
|
621
|
+
"select": {
|
|
622
|
+
"bg": {
|
|
623
|
+
"value": "{colors.white}",
|
|
624
|
+
"metadata": {
|
|
625
|
+
"pair": "modes.default.component.select.text"
|
|
626
|
+
}
|
|
627
|
+
},
|
|
628
|
+
"border": {
|
|
629
|
+
"value": "{colors.neutral.300}",
|
|
630
|
+
"metadata": {}
|
|
631
|
+
},
|
|
632
|
+
"text": {
|
|
633
|
+
"value": "{colors.neutral.900}",
|
|
634
|
+
"metadata": {
|
|
635
|
+
"pair": "modes.default.component.select.bg"
|
|
636
|
+
}
|
|
637
|
+
},
|
|
638
|
+
"placeholderText": {
|
|
639
|
+
"value": "{colors.neutral.500}",
|
|
640
|
+
"metadata": {
|
|
641
|
+
"pair": "modes.default.component.select.bg"
|
|
642
|
+
}
|
|
643
|
+
},
|
|
644
|
+
"disabledBg": {
|
|
645
|
+
"value": "{colors.neutral.50}",
|
|
646
|
+
"metadata": {}
|
|
647
|
+
},
|
|
648
|
+
"disabledBorder": {
|
|
649
|
+
"value": "{colors.neutral.200}",
|
|
650
|
+
"metadata": {}
|
|
651
|
+
},
|
|
652
|
+
"focusBorder": {
|
|
653
|
+
"value": "{colors.info.500}",
|
|
654
|
+
"metadata": {}
|
|
655
|
+
}
|
|
656
|
+
},
|
|
657
|
+
"textarea": {
|
|
658
|
+
"bg": {
|
|
659
|
+
"value": "{colors.white}",
|
|
660
|
+
"metadata": {
|
|
661
|
+
"pair": "modes.default.component.textarea.text"
|
|
662
|
+
}
|
|
663
|
+
},
|
|
664
|
+
"border": {
|
|
665
|
+
"value": "{colors.neutral.300}",
|
|
666
|
+
"metadata": {}
|
|
667
|
+
},
|
|
668
|
+
"text": {
|
|
669
|
+
"value": "{colors.neutral.900}",
|
|
670
|
+
"metadata": {
|
|
671
|
+
"pair": "modes.default.component.textarea.bg"
|
|
672
|
+
}
|
|
673
|
+
},
|
|
674
|
+
"placeholder": {
|
|
675
|
+
"value": "{colors.neutral.500}",
|
|
676
|
+
"metadata": {
|
|
677
|
+
"pair": "modes.default.component.textarea.bg"
|
|
678
|
+
}
|
|
679
|
+
},
|
|
680
|
+
"disabledBg": {
|
|
681
|
+
"value": "{colors.neutral.50}",
|
|
682
|
+
"metadata": {}
|
|
683
|
+
},
|
|
684
|
+
"disabledBorder": {
|
|
685
|
+
"value": "{colors.neutral.200}",
|
|
686
|
+
"metadata": {}
|
|
687
|
+
},
|
|
688
|
+
"focusBorder": {
|
|
689
|
+
"value": "{colors.info.500}",
|
|
690
|
+
"metadata": {}
|
|
691
|
+
}
|
|
692
|
+
},
|
|
693
|
+
"fieldset": {
|
|
694
|
+
"border": {
|
|
695
|
+
"value": "{colors.neutral.200}",
|
|
696
|
+
"metadata": {}
|
|
697
|
+
},
|
|
698
|
+
"legendText": {
|
|
699
|
+
"value": "{colors.neutral.900}",
|
|
700
|
+
"metadata": {}
|
|
701
|
+
}
|
|
702
|
+
},
|
|
703
|
+
"label": {
|
|
704
|
+
"text": {
|
|
705
|
+
"value": "{colors.neutral.900}",
|
|
706
|
+
"metadata": {}
|
|
707
|
+
},
|
|
708
|
+
"disabledText": {
|
|
709
|
+
"value": "{colors.neutral.400}",
|
|
710
|
+
"metadata": {}
|
|
711
|
+
},
|
|
712
|
+
"requiredIndicatorText": {
|
|
713
|
+
"value": "{colors.error.600}",
|
|
714
|
+
"metadata": {}
|
|
715
|
+
}
|
|
552
716
|
}
|
|
553
717
|
}
|
|
554
718
|
},
|
|
@@ -1123,6 +1287,170 @@
|
|
|
1123
1287
|
}
|
|
1124
1288
|
}
|
|
1125
1289
|
}
|
|
1290
|
+
},
|
|
1291
|
+
"checkbox": {
|
|
1292
|
+
"bg": {
|
|
1293
|
+
"value": "{colors.neutral.800}",
|
|
1294
|
+
"metadata": {}
|
|
1295
|
+
},
|
|
1296
|
+
"border": {
|
|
1297
|
+
"value": "{colors.neutral.600}",
|
|
1298
|
+
"metadata": {}
|
|
1299
|
+
},
|
|
1300
|
+
"checkedBg": {
|
|
1301
|
+
"value": "{colors.info.600}",
|
|
1302
|
+
"metadata": {
|
|
1303
|
+
"pair": "modes.dark.component.checkbox.text"
|
|
1304
|
+
}
|
|
1305
|
+
},
|
|
1306
|
+
"checkedBorder": {
|
|
1307
|
+
"value": "{colors.info.600}",
|
|
1308
|
+
"metadata": {}
|
|
1309
|
+
},
|
|
1310
|
+
"text": {
|
|
1311
|
+
"value": "{colors.white}",
|
|
1312
|
+
"metadata": {
|
|
1313
|
+
"pair": "modes.dark.component.checkbox.checkedBg"
|
|
1314
|
+
}
|
|
1315
|
+
},
|
|
1316
|
+
"disabledBg": {
|
|
1317
|
+
"value": "{colors.neutral.900}",
|
|
1318
|
+
"metadata": {}
|
|
1319
|
+
},
|
|
1320
|
+
"disabledBorder": {
|
|
1321
|
+
"value": "{colors.neutral.700}",
|
|
1322
|
+
"metadata": {}
|
|
1323
|
+
}
|
|
1324
|
+
},
|
|
1325
|
+
"radio": {
|
|
1326
|
+
"bg": {
|
|
1327
|
+
"value": "{colors.neutral.800}",
|
|
1328
|
+
"metadata": {}
|
|
1329
|
+
},
|
|
1330
|
+
"border": {
|
|
1331
|
+
"value": "{colors.neutral.600}",
|
|
1332
|
+
"metadata": {}
|
|
1333
|
+
},
|
|
1334
|
+
"checkedBg": {
|
|
1335
|
+
"value": "{colors.info.600}",
|
|
1336
|
+
"metadata": {
|
|
1337
|
+
"pair": "modes.dark.component.radio.text"
|
|
1338
|
+
}
|
|
1339
|
+
},
|
|
1340
|
+
"checkedBorder": {
|
|
1341
|
+
"value": "{colors.info.600}",
|
|
1342
|
+
"metadata": {}
|
|
1343
|
+
},
|
|
1344
|
+
"text": {
|
|
1345
|
+
"value": "{colors.white}",
|
|
1346
|
+
"metadata": {
|
|
1347
|
+
"pair": "modes.dark.component.radio.checkedBg"
|
|
1348
|
+
}
|
|
1349
|
+
},
|
|
1350
|
+
"disabledBg": {
|
|
1351
|
+
"value": "{colors.neutral.900}",
|
|
1352
|
+
"metadata": {}
|
|
1353
|
+
},
|
|
1354
|
+
"disabledBorder": {
|
|
1355
|
+
"value": "{colors.neutral.700}",
|
|
1356
|
+
"metadata": {}
|
|
1357
|
+
}
|
|
1358
|
+
},
|
|
1359
|
+
"select": {
|
|
1360
|
+
"bg": {
|
|
1361
|
+
"value": "{colors.neutral.800}",
|
|
1362
|
+
"metadata": {
|
|
1363
|
+
"pair": "modes.dark.component.select.text"
|
|
1364
|
+
}
|
|
1365
|
+
},
|
|
1366
|
+
"border": {
|
|
1367
|
+
"value": "{colors.neutral.600}",
|
|
1368
|
+
"metadata": {}
|
|
1369
|
+
},
|
|
1370
|
+
"text": {
|
|
1371
|
+
"value": "{colors.neutral.50}",
|
|
1372
|
+
"metadata": {
|
|
1373
|
+
"pair": "modes.dark.component.select.bg"
|
|
1374
|
+
}
|
|
1375
|
+
},
|
|
1376
|
+
"placeholderText": {
|
|
1377
|
+
"value": "{colors.neutral.400}",
|
|
1378
|
+
"metadata": {
|
|
1379
|
+
"pair": "modes.dark.component.select.bg"
|
|
1380
|
+
}
|
|
1381
|
+
},
|
|
1382
|
+
"disabledBg": {
|
|
1383
|
+
"value": "{colors.neutral.900}",
|
|
1384
|
+
"metadata": {}
|
|
1385
|
+
},
|
|
1386
|
+
"disabledBorder": {
|
|
1387
|
+
"value": "{colors.neutral.700}",
|
|
1388
|
+
"metadata": {}
|
|
1389
|
+
},
|
|
1390
|
+
"focusBorder": {
|
|
1391
|
+
"value": "{colors.info.400}",
|
|
1392
|
+
"metadata": {}
|
|
1393
|
+
}
|
|
1394
|
+
},
|
|
1395
|
+
"textarea": {
|
|
1396
|
+
"bg": {
|
|
1397
|
+
"value": "{colors.neutral.800}",
|
|
1398
|
+
"metadata": {
|
|
1399
|
+
"pair": "modes.dark.component.textarea.text"
|
|
1400
|
+
}
|
|
1401
|
+
},
|
|
1402
|
+
"border": {
|
|
1403
|
+
"value": "{colors.neutral.600}",
|
|
1404
|
+
"metadata": {}
|
|
1405
|
+
},
|
|
1406
|
+
"text": {
|
|
1407
|
+
"value": "{colors.neutral.50}",
|
|
1408
|
+
"metadata": {
|
|
1409
|
+
"pair": "modes.dark.component.textarea.bg"
|
|
1410
|
+
}
|
|
1411
|
+
},
|
|
1412
|
+
"placeholder": {
|
|
1413
|
+
"value": "{colors.neutral.400}",
|
|
1414
|
+
"metadata": {
|
|
1415
|
+
"pair": "modes.dark.component.textarea.bg"
|
|
1416
|
+
}
|
|
1417
|
+
},
|
|
1418
|
+
"disabledBg": {
|
|
1419
|
+
"value": "{colors.neutral.900}",
|
|
1420
|
+
"metadata": {}
|
|
1421
|
+
},
|
|
1422
|
+
"disabledBorder": {
|
|
1423
|
+
"value": "{colors.neutral.700}",
|
|
1424
|
+
"metadata": {}
|
|
1425
|
+
},
|
|
1426
|
+
"focusBorder": {
|
|
1427
|
+
"value": "{colors.info.400}",
|
|
1428
|
+
"metadata": {}
|
|
1429
|
+
}
|
|
1430
|
+
},
|
|
1431
|
+
"fieldset": {
|
|
1432
|
+
"border": {
|
|
1433
|
+
"value": "{colors.neutral.700}",
|
|
1434
|
+
"metadata": {}
|
|
1435
|
+
},
|
|
1436
|
+
"legendText": {
|
|
1437
|
+
"value": "{colors.neutral.50}",
|
|
1438
|
+
"metadata": {}
|
|
1439
|
+
}
|
|
1440
|
+
},
|
|
1441
|
+
"label": {
|
|
1442
|
+
"text": {
|
|
1443
|
+
"value": "{colors.neutral.50}",
|
|
1444
|
+
"metadata": {}
|
|
1445
|
+
},
|
|
1446
|
+
"disabledText": {
|
|
1447
|
+
"value": "{colors.neutral.600}",
|
|
1448
|
+
"metadata": {}
|
|
1449
|
+
},
|
|
1450
|
+
"requiredIndicatorText": {
|
|
1451
|
+
"value": "{colors.error.400}",
|
|
1452
|
+
"metadata": {}
|
|
1453
|
+
}
|
|
1126
1454
|
}
|
|
1127
1455
|
}
|
|
1128
1456
|
}
|