@phcdevworks/spectre-tokens 3.1.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.
Files changed (12) hide show
  1. package/README.md +28 -1
  2. package/dist/index.cjs +207 -0
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.css +66 -0
  5. package/dist/index.d.cts +177 -0
  6. package/dist/index.d.ts +177 -0
  7. package/dist/index.js +207 -0
  8. package/dist/index.js.map +1 -1
  9. package/dist/tokens.dtcg.json +432 -0
  10. package/package.json +5 -5
  11. package/tokens/components.json +141 -0
  12. package/tokens/modes.json +328 -0
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
  }