@pantheon-systems/pds-design-tokens 0.5.0-dev.0 → 0.6.0-dev.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 (9) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +46 -0
  2. package/build/css/pds-design-tokens-light-mode.css +32 -13
  3. package/build/figma/pds-design-tokens-figma.json +2314 -490
  4. package/build/json/pds-design-tokens-dark-mode.json +1296 -0
  5. package/build/json/pds-design-tokens-light-mode.json +739 -211
  6. package/build/json/pds-design-tokens.json +16 -8
  7. package/build/scss/_pds-design-tokens-dark-mode.scss +46 -0
  8. package/build/scss/_pds-design-tokens-light-mode.scss +32 -13
  9. package/package.json +1 -1
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -194,6 +194,1279 @@
194
194
  }
195
195
  }
196
196
  },
197
+ "button": {
198
+ "primary": {
199
+ "background": {
200
+ "default": {
201
+ "value": "#ffdc28",
202
+ "public": true,
203
+ "isReferenceToInternal": true,
204
+ "filePath": "tokens/color/alias/interactive.dark.json",
205
+ "isSource": true,
206
+ "original": {
207
+ "value": "{color.dark-mode.brand.primary.400.value}",
208
+ "public": true,
209
+ "isReferenceToInternal": true
210
+ },
211
+ "name": "color-dark-mode-button-primary-background-default",
212
+ "attributes": {
213
+ "category": "color",
214
+ "type": "dark-mode",
215
+ "item": "button",
216
+ "subitem": "primary",
217
+ "state": "background"
218
+ },
219
+ "path": [
220
+ "color",
221
+ "dark-mode",
222
+ "button",
223
+ "primary",
224
+ "background",
225
+ "default"
226
+ ]
227
+ },
228
+ "hover": {
229
+ "value": "#ffe668",
230
+ "public": true,
231
+ "isReferenceToInternal": true,
232
+ "filePath": "tokens/color/alias/interactive.dark.json",
233
+ "isSource": true,
234
+ "original": {
235
+ "value": "{color.dark-mode.brand.primary.300.value}",
236
+ "public": true,
237
+ "isReferenceToInternal": true
238
+ },
239
+ "name": "color-dark-mode-button-primary-background-hover",
240
+ "attributes": {
241
+ "category": "color",
242
+ "type": "dark-mode",
243
+ "item": "button",
244
+ "subitem": "primary",
245
+ "state": "background"
246
+ },
247
+ "path": [
248
+ "color",
249
+ "dark-mode",
250
+ "button",
251
+ "primary",
252
+ "background",
253
+ "hover"
254
+ ]
255
+ },
256
+ "active": {
257
+ "value": "#ddbd16",
258
+ "public": true,
259
+ "isReferenceToInternal": true,
260
+ "filePath": "tokens/color/alias/interactive.dark.json",
261
+ "isSource": true,
262
+ "original": {
263
+ "value": "{color.dark-mode.brand.primary.500.value}",
264
+ "public": true,
265
+ "isReferenceToInternal": true
266
+ },
267
+ "name": "color-dark-mode-button-primary-background-active",
268
+ "attributes": {
269
+ "category": "color",
270
+ "type": "dark-mode",
271
+ "item": "button",
272
+ "subitem": "primary",
273
+ "state": "background"
274
+ },
275
+ "path": [
276
+ "color",
277
+ "dark-mode",
278
+ "button",
279
+ "primary",
280
+ "background",
281
+ "active"
282
+ ]
283
+ },
284
+ "focus": {
285
+ "value": "#ddbd16",
286
+ "public": true,
287
+ "isReferenceToInternal": true,
288
+ "filePath": "tokens/color/alias/interactive.dark.json",
289
+ "isSource": true,
290
+ "original": {
291
+ "value": "{color.dark-mode.brand.primary.500.value}",
292
+ "public": true,
293
+ "isReferenceToInternal": true
294
+ },
295
+ "name": "color-dark-mode-button-primary-background-focus",
296
+ "attributes": {
297
+ "category": "color",
298
+ "type": "dark-mode",
299
+ "item": "button",
300
+ "subitem": "primary",
301
+ "state": "background"
302
+ },
303
+ "path": [
304
+ "color",
305
+ "dark-mode",
306
+ "button",
307
+ "primary",
308
+ "background",
309
+ "focus"
310
+ ]
311
+ }
312
+ },
313
+ "border": {
314
+ "default": {
315
+ "value": "#ffdc28",
316
+ "public": true,
317
+ "isReferenceToInternal": true,
318
+ "filePath": "tokens/color/alias/interactive.dark.json",
319
+ "isSource": true,
320
+ "original": {
321
+ "value": "{color.dark-mode.brand.primary.400.value}",
322
+ "public": true,
323
+ "isReferenceToInternal": true
324
+ },
325
+ "name": "color-dark-mode-button-primary-border-default",
326
+ "attributes": {
327
+ "category": "color",
328
+ "type": "dark-mode",
329
+ "item": "button",
330
+ "subitem": "primary",
331
+ "state": "border"
332
+ },
333
+ "path": [
334
+ "color",
335
+ "dark-mode",
336
+ "button",
337
+ "primary",
338
+ "border",
339
+ "default"
340
+ ]
341
+ },
342
+ "hover": {
343
+ "value": "#ffe668",
344
+ "public": true,
345
+ "isReferenceToInternal": true,
346
+ "filePath": "tokens/color/alias/interactive.dark.json",
347
+ "isSource": true,
348
+ "original": {
349
+ "value": "{color.dark-mode.brand.primary.300.value}",
350
+ "public": true,
351
+ "isReferenceToInternal": true
352
+ },
353
+ "name": "color-dark-mode-button-primary-border-hover",
354
+ "attributes": {
355
+ "category": "color",
356
+ "type": "dark-mode",
357
+ "item": "button",
358
+ "subitem": "primary",
359
+ "state": "border"
360
+ },
361
+ "path": [
362
+ "color",
363
+ "dark-mode",
364
+ "button",
365
+ "primary",
366
+ "border",
367
+ "hover"
368
+ ]
369
+ },
370
+ "active": {
371
+ "value": "#ddbd16",
372
+ "public": true,
373
+ "isReferenceToInternal": true,
374
+ "filePath": "tokens/color/alias/interactive.dark.json",
375
+ "isSource": true,
376
+ "original": {
377
+ "value": "{color.dark-mode.brand.primary.500.value}",
378
+ "public": true,
379
+ "isReferenceToInternal": true
380
+ },
381
+ "name": "color-dark-mode-button-primary-border-active",
382
+ "attributes": {
383
+ "category": "color",
384
+ "type": "dark-mode",
385
+ "item": "button",
386
+ "subitem": "primary",
387
+ "state": "border"
388
+ },
389
+ "path": [
390
+ "color",
391
+ "dark-mode",
392
+ "button",
393
+ "primary",
394
+ "border",
395
+ "active"
396
+ ]
397
+ },
398
+ "focus": {
399
+ "value": "#ddbd16",
400
+ "public": true,
401
+ "isReferenceToInternal": true,
402
+ "filePath": "tokens/color/alias/interactive.dark.json",
403
+ "isSource": true,
404
+ "original": {
405
+ "value": "{color.dark-mode.brand.primary.500.value}",
406
+ "public": true,
407
+ "isReferenceToInternal": true
408
+ },
409
+ "name": "color-dark-mode-button-primary-border-focus",
410
+ "attributes": {
411
+ "category": "color",
412
+ "type": "dark-mode",
413
+ "item": "button",
414
+ "subitem": "primary",
415
+ "state": "border"
416
+ },
417
+ "path": [
418
+ "color",
419
+ "dark-mode",
420
+ "button",
421
+ "primary",
422
+ "border",
423
+ "focus"
424
+ ]
425
+ }
426
+ },
427
+ "foreground": {
428
+ "default": {
429
+ "value": "#ffffff",
430
+ "public": true,
431
+ "isReferenceToInternal": true,
432
+ "filePath": "tokens/color/alias/interactive.dark.json",
433
+ "isSource": true,
434
+ "original": {
435
+ "value": "{color.dark-mode.foreground.default.value}",
436
+ "public": true,
437
+ "isReferenceToInternal": true
438
+ },
439
+ "name": "color-dark-mode-button-primary-foreground-default",
440
+ "attributes": {
441
+ "category": "color",
442
+ "type": "dark-mode",
443
+ "item": "button",
444
+ "subitem": "primary",
445
+ "state": "foreground"
446
+ },
447
+ "path": [
448
+ "color",
449
+ "dark-mode",
450
+ "button",
451
+ "primary",
452
+ "foreground",
453
+ "default"
454
+ ]
455
+ },
456
+ "hover": {
457
+ "value": "#ffffff",
458
+ "public": true,
459
+ "isReferenceToInternal": true,
460
+ "filePath": "tokens/color/alias/interactive.dark.json",
461
+ "isSource": true,
462
+ "original": {
463
+ "value": "{color.dark-mode.foreground.default.value}",
464
+ "public": true,
465
+ "isReferenceToInternal": true
466
+ },
467
+ "name": "color-dark-mode-button-primary-foreground-hover",
468
+ "attributes": {
469
+ "category": "color",
470
+ "type": "dark-mode",
471
+ "item": "button",
472
+ "subitem": "primary",
473
+ "state": "foreground"
474
+ },
475
+ "path": [
476
+ "color",
477
+ "dark-mode",
478
+ "button",
479
+ "primary",
480
+ "foreground",
481
+ "hover"
482
+ ]
483
+ },
484
+ "active": {
485
+ "value": "#ffffff",
486
+ "public": true,
487
+ "isReferenceToInternal": true,
488
+ "filePath": "tokens/color/alias/interactive.dark.json",
489
+ "isSource": true,
490
+ "original": {
491
+ "value": "{color.dark-mode.foreground.default.value}",
492
+ "public": true,
493
+ "isReferenceToInternal": true
494
+ },
495
+ "name": "color-dark-mode-button-primary-foreground-active",
496
+ "attributes": {
497
+ "category": "color",
498
+ "type": "dark-mode",
499
+ "item": "button",
500
+ "subitem": "primary",
501
+ "state": "foreground"
502
+ },
503
+ "path": [
504
+ "color",
505
+ "dark-mode",
506
+ "button",
507
+ "primary",
508
+ "foreground",
509
+ "active"
510
+ ]
511
+ },
512
+ "focus": {
513
+ "value": "#ffffff",
514
+ "public": true,
515
+ "isReferenceToInternal": true,
516
+ "filePath": "tokens/color/alias/interactive.dark.json",
517
+ "isSource": true,
518
+ "original": {
519
+ "value": "{color.dark-mode.foreground.default.value}",
520
+ "public": true,
521
+ "isReferenceToInternal": true
522
+ },
523
+ "name": "color-dark-mode-button-primary-foreground-focus",
524
+ "attributes": {
525
+ "category": "color",
526
+ "type": "dark-mode",
527
+ "item": "button",
528
+ "subitem": "primary",
529
+ "state": "foreground"
530
+ },
531
+ "path": [
532
+ "color",
533
+ "dark-mode",
534
+ "button",
535
+ "primary",
536
+ "foreground",
537
+ "focus"
538
+ ]
539
+ }
540
+ }
541
+ },
542
+ "secondary": {
543
+ "background": {
544
+ "default": {
545
+ "value": "rgba(0, 0, 0, 0)",
546
+ "public": true,
547
+ "filePath": "tokens/color/alias/interactive.dark.json",
548
+ "isSource": true,
549
+ "original": {
550
+ "value": "transparent",
551
+ "public": true
552
+ },
553
+ "name": "color-dark-mode-button-secondary-background-default",
554
+ "attributes": {
555
+ "category": "color",
556
+ "type": "dark-mode",
557
+ "item": "button",
558
+ "subitem": "secondary",
559
+ "state": "background"
560
+ },
561
+ "path": [
562
+ "color",
563
+ "dark-mode",
564
+ "button",
565
+ "secondary",
566
+ "background",
567
+ "default"
568
+ ]
569
+ },
570
+ "hover": {
571
+ "value": "#504e62",
572
+ "public": true,
573
+ "isReferenceToInternal": true,
574
+ "filePath": "tokens/color/alias/interactive.dark.json",
575
+ "isSource": true,
576
+ "original": {
577
+ "value": "{color.dark-mode.neutral.400.value}",
578
+ "public": true,
579
+ "isReferenceToInternal": true
580
+ },
581
+ "name": "color-dark-mode-button-secondary-background-hover",
582
+ "attributes": {
583
+ "category": "color",
584
+ "type": "dark-mode",
585
+ "item": "button",
586
+ "subitem": "secondary",
587
+ "state": "background"
588
+ },
589
+ "path": [
590
+ "color",
591
+ "dark-mode",
592
+ "button",
593
+ "secondary",
594
+ "background",
595
+ "hover"
596
+ ]
597
+ },
598
+ "active": {
599
+ "value": "#282839",
600
+ "public": true,
601
+ "isReferenceToInternal": true,
602
+ "filePath": "tokens/color/alias/interactive.dark.json",
603
+ "isSource": true,
604
+ "original": {
605
+ "value": "{color.dark-mode.neutral.500.value}",
606
+ "public": true,
607
+ "isReferenceToInternal": true
608
+ },
609
+ "name": "color-dark-mode-button-secondary-background-active",
610
+ "attributes": {
611
+ "category": "color",
612
+ "type": "dark-mode",
613
+ "item": "button",
614
+ "subitem": "secondary",
615
+ "state": "background"
616
+ },
617
+ "path": [
618
+ "color",
619
+ "dark-mode",
620
+ "button",
621
+ "secondary",
622
+ "background",
623
+ "active"
624
+ ]
625
+ },
626
+ "focus": {
627
+ "value": "rgba(0, 0, 0, 0)",
628
+ "public": true,
629
+ "filePath": "tokens/color/alias/interactive.dark.json",
630
+ "isSource": true,
631
+ "original": {
632
+ "value": "transparent",
633
+ "public": true
634
+ },
635
+ "name": "color-dark-mode-button-secondary-background-focus",
636
+ "attributes": {
637
+ "category": "color",
638
+ "type": "dark-mode",
639
+ "item": "button",
640
+ "subitem": "secondary",
641
+ "state": "background"
642
+ },
643
+ "path": [
644
+ "color",
645
+ "dark-mode",
646
+ "button",
647
+ "secondary",
648
+ "background",
649
+ "focus"
650
+ ]
651
+ }
652
+ },
653
+ "border": {
654
+ "default": {
655
+ "value": "#a6a3b4",
656
+ "public": true,
657
+ "isReferenceToInternal": true,
658
+ "filePath": "tokens/color/alias/interactive.dark.json",
659
+ "isSource": true,
660
+ "original": {
661
+ "value": "{color.dark-mode.neutral.200.value}",
662
+ "public": true,
663
+ "isReferenceToInternal": true
664
+ },
665
+ "name": "color-dark-mode-button-secondary-border-default",
666
+ "attributes": {
667
+ "category": "color",
668
+ "type": "dark-mode",
669
+ "item": "button",
670
+ "subitem": "secondary",
671
+ "state": "border"
672
+ },
673
+ "path": [
674
+ "color",
675
+ "dark-mode",
676
+ "button",
677
+ "secondary",
678
+ "border",
679
+ "default"
680
+ ]
681
+ },
682
+ "hover": {
683
+ "value": "#ffffff",
684
+ "public": true,
685
+ "isReferenceToInternal": true,
686
+ "filePath": "tokens/color/alias/interactive.dark.json",
687
+ "isSource": true,
688
+ "original": {
689
+ "value": "{color.dark-mode.neutral.000.value}",
690
+ "public": true,
691
+ "isReferenceToInternal": true
692
+ },
693
+ "name": "color-dark-mode-button-secondary-border-hover",
694
+ "attributes": {
695
+ "category": "color",
696
+ "type": "dark-mode",
697
+ "item": "button",
698
+ "subitem": "secondary",
699
+ "state": "border"
700
+ },
701
+ "path": [
702
+ "color",
703
+ "dark-mode",
704
+ "button",
705
+ "secondary",
706
+ "border",
707
+ "hover"
708
+ ]
709
+ },
710
+ "active": {
711
+ "value": "#504e62",
712
+ "public": true,
713
+ "isReferenceToInternal": true,
714
+ "filePath": "tokens/color/alias/interactive.dark.json",
715
+ "isSource": true,
716
+ "original": {
717
+ "value": "{color.dark-mode.neutral.400.value}",
718
+ "public": true,
719
+ "isReferenceToInternal": true
720
+ },
721
+ "name": "color-dark-mode-button-secondary-border-active",
722
+ "attributes": {
723
+ "category": "color",
724
+ "type": "dark-mode",
725
+ "item": "button",
726
+ "subitem": "secondary",
727
+ "state": "border"
728
+ },
729
+ "path": [
730
+ "color",
731
+ "dark-mode",
732
+ "button",
733
+ "secondary",
734
+ "border",
735
+ "active"
736
+ ]
737
+ },
738
+ "focus": {
739
+ "value": "#a6a3b4",
740
+ "public": true,
741
+ "isReferenceToInternal": true,
742
+ "filePath": "tokens/color/alias/interactive.dark.json",
743
+ "isSource": true,
744
+ "original": {
745
+ "value": "{color.dark-mode.neutral.200.value}",
746
+ "public": true,
747
+ "isReferenceToInternal": true
748
+ },
749
+ "name": "color-dark-mode-button-secondary-border-focus",
750
+ "attributes": {
751
+ "category": "color",
752
+ "type": "dark-mode",
753
+ "item": "button",
754
+ "subitem": "secondary",
755
+ "state": "border"
756
+ },
757
+ "path": [
758
+ "color",
759
+ "dark-mode",
760
+ "button",
761
+ "secondary",
762
+ "border",
763
+ "focus"
764
+ ]
765
+ }
766
+ },
767
+ "foreground": {
768
+ "default": {
769
+ "value": "#e7e7eb",
770
+ "public": true,
771
+ "isReferenceToInternal": true,
772
+ "filePath": "tokens/color/alias/interactive.dark.json",
773
+ "isSource": true,
774
+ "original": {
775
+ "value": "{color.dark-mode.neutral.050.value}",
776
+ "public": true,
777
+ "isReferenceToInternal": true
778
+ },
779
+ "name": "color-dark-mode-button-secondary-foreground-default",
780
+ "attributes": {
781
+ "category": "color",
782
+ "type": "dark-mode",
783
+ "item": "button",
784
+ "subitem": "secondary",
785
+ "state": "foreground"
786
+ },
787
+ "path": [
788
+ "color",
789
+ "dark-mode",
790
+ "button",
791
+ "secondary",
792
+ "foreground",
793
+ "default"
794
+ ]
795
+ },
796
+ "hover": {
797
+ "value": "#ffffff",
798
+ "public": true,
799
+ "isReferenceToInternal": true,
800
+ "filePath": "tokens/color/alias/interactive.dark.json",
801
+ "isSource": true,
802
+ "original": {
803
+ "value": "{color.dark-mode.neutral.000.value}",
804
+ "public": true,
805
+ "isReferenceToInternal": true
806
+ },
807
+ "name": "color-dark-mode-button-secondary-foreground-hover",
808
+ "attributes": {
809
+ "category": "color",
810
+ "type": "dark-mode",
811
+ "item": "button",
812
+ "subitem": "secondary",
813
+ "state": "foreground"
814
+ },
815
+ "path": [
816
+ "color",
817
+ "dark-mode",
818
+ "button",
819
+ "secondary",
820
+ "foreground",
821
+ "hover"
822
+ ]
823
+ },
824
+ "active": {
825
+ "value": "#e7e7eb",
826
+ "public": true,
827
+ "isReferenceToInternal": true,
828
+ "filePath": "tokens/color/alias/interactive.dark.json",
829
+ "isSource": true,
830
+ "original": {
831
+ "value": "{color.dark-mode.neutral.050.value}",
832
+ "public": true,
833
+ "isReferenceToInternal": true
834
+ },
835
+ "name": "color-dark-mode-button-secondary-foreground-active",
836
+ "attributes": {
837
+ "category": "color",
838
+ "type": "dark-mode",
839
+ "item": "button",
840
+ "subitem": "secondary",
841
+ "state": "foreground"
842
+ },
843
+ "path": [
844
+ "color",
845
+ "dark-mode",
846
+ "button",
847
+ "secondary",
848
+ "foreground",
849
+ "active"
850
+ ]
851
+ },
852
+ "focus": {
853
+ "value": "#e7e7eb",
854
+ "public": true,
855
+ "isReferenceToInternal": true,
856
+ "filePath": "tokens/color/alias/interactive.dark.json",
857
+ "isSource": true,
858
+ "original": {
859
+ "value": "{color.dark-mode.neutral.050.value}",
860
+ "public": true,
861
+ "isReferenceToInternal": true
862
+ },
863
+ "name": "color-dark-mode-button-secondary-foreground-focus",
864
+ "attributes": {
865
+ "category": "color",
866
+ "type": "dark-mode",
867
+ "item": "button",
868
+ "subitem": "secondary",
869
+ "state": "foreground"
870
+ },
871
+ "path": [
872
+ "color",
873
+ "dark-mode",
874
+ "button",
875
+ "secondary",
876
+ "foreground",
877
+ "focus"
878
+ ]
879
+ }
880
+ }
881
+ },
882
+ "subtle": {
883
+ "background": {
884
+ "default": {
885
+ "value": "rgba(0, 0, 0, 0)",
886
+ "public": true,
887
+ "filePath": "tokens/color/alias/interactive.dark.json",
888
+ "isSource": true,
889
+ "original": {
890
+ "value": "transparent",
891
+ "public": true
892
+ },
893
+ "name": "color-dark-mode-button-subtle-background-default",
894
+ "attributes": {
895
+ "category": "color",
896
+ "type": "dark-mode",
897
+ "item": "button",
898
+ "subitem": "subtle",
899
+ "state": "background"
900
+ },
901
+ "path": [
902
+ "color",
903
+ "dark-mode",
904
+ "button",
905
+ "subtle",
906
+ "background",
907
+ "default"
908
+ ]
909
+ },
910
+ "hover": {
911
+ "value": "#504e62",
912
+ "public": true,
913
+ "isReferenceToInternal": true,
914
+ "filePath": "tokens/color/alias/interactive.dark.json",
915
+ "isSource": true,
916
+ "original": {
917
+ "value": "{color.dark-mode.neutral.400.value}",
918
+ "public": true,
919
+ "isReferenceToInternal": true
920
+ },
921
+ "name": "color-dark-mode-button-subtle-background-hover",
922
+ "attributes": {
923
+ "category": "color",
924
+ "type": "dark-mode",
925
+ "item": "button",
926
+ "subitem": "subtle",
927
+ "state": "background"
928
+ },
929
+ "path": [
930
+ "color",
931
+ "dark-mode",
932
+ "button",
933
+ "subtle",
934
+ "background",
935
+ "hover"
936
+ ]
937
+ },
938
+ "active": {
939
+ "value": "#282839",
940
+ "public": true,
941
+ "isReferenceToInternal": true,
942
+ "filePath": "tokens/color/alias/interactive.dark.json",
943
+ "isSource": true,
944
+ "original": {
945
+ "value": "{color.dark-mode.neutral.500.value}",
946
+ "public": true,
947
+ "isReferenceToInternal": true
948
+ },
949
+ "name": "color-dark-mode-button-subtle-background-active",
950
+ "attributes": {
951
+ "category": "color",
952
+ "type": "dark-mode",
953
+ "item": "button",
954
+ "subitem": "subtle",
955
+ "state": "background"
956
+ },
957
+ "path": [
958
+ "color",
959
+ "dark-mode",
960
+ "button",
961
+ "subtle",
962
+ "background",
963
+ "active"
964
+ ]
965
+ },
966
+ "focus": {
967
+ "value": "rgba(0, 0, 0, 0)",
968
+ "public": true,
969
+ "filePath": "tokens/color/alias/interactive.dark.json",
970
+ "isSource": true,
971
+ "original": {
972
+ "value": "transparent",
973
+ "public": true
974
+ },
975
+ "name": "color-dark-mode-button-subtle-background-focus",
976
+ "attributes": {
977
+ "category": "color",
978
+ "type": "dark-mode",
979
+ "item": "button",
980
+ "subitem": "subtle",
981
+ "state": "background"
982
+ },
983
+ "path": [
984
+ "color",
985
+ "dark-mode",
986
+ "button",
987
+ "subtle",
988
+ "background",
989
+ "focus"
990
+ ]
991
+ }
992
+ },
993
+ "border": {
994
+ "value": "rgba(0, 0, 0, 0)",
995
+ "public": true,
996
+ "filePath": "tokens/color/alias/interactive.dark.json",
997
+ "isSource": true,
998
+ "original": {
999
+ "value": "transparent",
1000
+ "public": true
1001
+ },
1002
+ "name": "color-dark-mode-button-subtle-border",
1003
+ "attributes": {
1004
+ "category": "color",
1005
+ "type": "dark-mode",
1006
+ "item": "button",
1007
+ "subitem": "subtle",
1008
+ "state": "border"
1009
+ },
1010
+ "path": [
1011
+ "color",
1012
+ "dark-mode",
1013
+ "button",
1014
+ "subtle",
1015
+ "border"
1016
+ ]
1017
+ },
1018
+ "foreground": {
1019
+ "default": {
1020
+ "value": "#e7e7eb",
1021
+ "public": true,
1022
+ "isReferenceToInternal": true,
1023
+ "filePath": "tokens/color/alias/interactive.dark.json",
1024
+ "isSource": true,
1025
+ "original": {
1026
+ "value": "{color.dark-mode.neutral.050.value}",
1027
+ "public": true,
1028
+ "isReferenceToInternal": true
1029
+ },
1030
+ "name": "color-dark-mode-button-subtle-foreground-default",
1031
+ "attributes": {
1032
+ "category": "color",
1033
+ "type": "dark-mode",
1034
+ "item": "button",
1035
+ "subitem": "subtle",
1036
+ "state": "foreground"
1037
+ },
1038
+ "path": [
1039
+ "color",
1040
+ "dark-mode",
1041
+ "button",
1042
+ "subtle",
1043
+ "foreground",
1044
+ "default"
1045
+ ]
1046
+ },
1047
+ "hover": {
1048
+ "value": "#ffffff",
1049
+ "public": true,
1050
+ "isReferenceToInternal": true,
1051
+ "filePath": "tokens/color/alias/interactive.dark.json",
1052
+ "isSource": true,
1053
+ "original": {
1054
+ "value": "{color.dark-mode.neutral.000.value}",
1055
+ "public": true,
1056
+ "isReferenceToInternal": true
1057
+ },
1058
+ "name": "color-dark-mode-button-subtle-foreground-hover",
1059
+ "attributes": {
1060
+ "category": "color",
1061
+ "type": "dark-mode",
1062
+ "item": "button",
1063
+ "subitem": "subtle",
1064
+ "state": "foreground"
1065
+ },
1066
+ "path": [
1067
+ "color",
1068
+ "dark-mode",
1069
+ "button",
1070
+ "subtle",
1071
+ "foreground",
1072
+ "hover"
1073
+ ]
1074
+ },
1075
+ "active": {
1076
+ "value": "#e7e7eb",
1077
+ "public": true,
1078
+ "isReferenceToInternal": true,
1079
+ "filePath": "tokens/color/alias/interactive.dark.json",
1080
+ "isSource": true,
1081
+ "original": {
1082
+ "value": "{color.dark-mode.neutral.050.value}",
1083
+ "public": true,
1084
+ "isReferenceToInternal": true
1085
+ },
1086
+ "name": "color-dark-mode-button-subtle-foreground-active",
1087
+ "attributes": {
1088
+ "category": "color",
1089
+ "type": "dark-mode",
1090
+ "item": "button",
1091
+ "subitem": "subtle",
1092
+ "state": "foreground"
1093
+ },
1094
+ "path": [
1095
+ "color",
1096
+ "dark-mode",
1097
+ "button",
1098
+ "subtle",
1099
+ "foreground",
1100
+ "active"
1101
+ ]
1102
+ },
1103
+ "focus": {
1104
+ "value": "#e7e7eb",
1105
+ "public": true,
1106
+ "isReferenceToInternal": true,
1107
+ "filePath": "tokens/color/alias/interactive.dark.json",
1108
+ "isSource": true,
1109
+ "original": {
1110
+ "value": "{color.dark-mode.neutral.050.value}",
1111
+ "public": true,
1112
+ "isReferenceToInternal": true
1113
+ },
1114
+ "name": "color-dark-mode-button-subtle-foreground-focus",
1115
+ "attributes": {
1116
+ "category": "color",
1117
+ "type": "dark-mode",
1118
+ "item": "button",
1119
+ "subitem": "subtle",
1120
+ "state": "foreground"
1121
+ },
1122
+ "path": [
1123
+ "color",
1124
+ "dark-mode",
1125
+ "button",
1126
+ "subtle",
1127
+ "foreground",
1128
+ "focus"
1129
+ ]
1130
+ }
1131
+ }
1132
+ },
1133
+ "destructive": {
1134
+ "background": {
1135
+ "default": {
1136
+ "value": "rgba(0, 0, 0, 0)",
1137
+ "public": true,
1138
+ "filePath": "tokens/color/alias/interactive.dark.json",
1139
+ "isSource": true,
1140
+ "original": {
1141
+ "value": "transparent",
1142
+ "public": true
1143
+ },
1144
+ "name": "color-dark-mode-button-destructive-background-default",
1145
+ "attributes": {
1146
+ "category": "color",
1147
+ "type": "dark-mode",
1148
+ "item": "button",
1149
+ "subitem": "destructive",
1150
+ "state": "background"
1151
+ },
1152
+ "path": [
1153
+ "color",
1154
+ "dark-mode",
1155
+ "button",
1156
+ "destructive",
1157
+ "background",
1158
+ "default"
1159
+ ]
1160
+ },
1161
+ "hover": {
1162
+ "value": "rgba(0, 0, 0, 0)",
1163
+ "public": true,
1164
+ "filePath": "tokens/color/alias/interactive.dark.json",
1165
+ "isSource": true,
1166
+ "original": {
1167
+ "value": "transparent",
1168
+ "public": true
1169
+ },
1170
+ "name": "color-dark-mode-button-destructive-background-hover",
1171
+ "attributes": {
1172
+ "category": "color",
1173
+ "type": "dark-mode",
1174
+ "item": "button",
1175
+ "subitem": "destructive",
1176
+ "state": "background"
1177
+ },
1178
+ "path": [
1179
+ "color",
1180
+ "dark-mode",
1181
+ "button",
1182
+ "destructive",
1183
+ "background",
1184
+ "hover"
1185
+ ]
1186
+ },
1187
+ "active": {
1188
+ "value": "rgba(0, 0, 0, 0)",
1189
+ "public": true,
1190
+ "filePath": "tokens/color/alias/interactive.dark.json",
1191
+ "isSource": true,
1192
+ "original": {
1193
+ "value": "transparent",
1194
+ "public": true
1195
+ },
1196
+ "name": "color-dark-mode-button-destructive-background-active",
1197
+ "attributes": {
1198
+ "category": "color",
1199
+ "type": "dark-mode",
1200
+ "item": "button",
1201
+ "subitem": "destructive",
1202
+ "state": "background"
1203
+ },
1204
+ "path": [
1205
+ "color",
1206
+ "dark-mode",
1207
+ "button",
1208
+ "destructive",
1209
+ "background",
1210
+ "active"
1211
+ ]
1212
+ },
1213
+ "focus": {
1214
+ "value": "rgba(0, 0, 0, 0)",
1215
+ "public": true,
1216
+ "filePath": "tokens/color/alias/interactive.dark.json",
1217
+ "isSource": true,
1218
+ "original": {
1219
+ "value": "transparent",
1220
+ "public": true
1221
+ },
1222
+ "name": "color-dark-mode-button-destructive-background-focus",
1223
+ "attributes": {
1224
+ "category": "color",
1225
+ "type": "dark-mode",
1226
+ "item": "button",
1227
+ "subitem": "destructive",
1228
+ "state": "background"
1229
+ },
1230
+ "path": [
1231
+ "color",
1232
+ "dark-mode",
1233
+ "button",
1234
+ "destructive",
1235
+ "background",
1236
+ "focus"
1237
+ ]
1238
+ }
1239
+ },
1240
+ "border": {
1241
+ "default": {
1242
+ "value": "#be4242",
1243
+ "public": true,
1244
+ "isReferenceToInternal": true,
1245
+ "filePath": "tokens/color/alias/interactive.dark.json",
1246
+ "isSource": true,
1247
+ "original": {
1248
+ "value": "{color.dark-mode.semantic.error.400.value}",
1249
+ "public": true,
1250
+ "isReferenceToInternal": true
1251
+ },
1252
+ "name": "color-dark-mode-button-destructive-border-default",
1253
+ "attributes": {
1254
+ "category": "color",
1255
+ "type": "dark-mode",
1256
+ "item": "button",
1257
+ "subitem": "destructive",
1258
+ "state": "border"
1259
+ },
1260
+ "path": [
1261
+ "color",
1262
+ "dark-mode",
1263
+ "button",
1264
+ "destructive",
1265
+ "border",
1266
+ "default"
1267
+ ]
1268
+ },
1269
+ "hover": {
1270
+ "value": "#ffafaf",
1271
+ "public": true,
1272
+ "isReferenceToInternal": true,
1273
+ "filePath": "tokens/color/alias/interactive.dark.json",
1274
+ "isSource": true,
1275
+ "original": {
1276
+ "value": "{color.dark-mode.semantic.error.200.value}",
1277
+ "public": true,
1278
+ "isReferenceToInternal": true
1279
+ },
1280
+ "name": "color-dark-mode-button-destructive-border-hover",
1281
+ "attributes": {
1282
+ "category": "color",
1283
+ "type": "dark-mode",
1284
+ "item": "button",
1285
+ "subitem": "destructive",
1286
+ "state": "border"
1287
+ },
1288
+ "path": [
1289
+ "color",
1290
+ "dark-mode",
1291
+ "button",
1292
+ "destructive",
1293
+ "border",
1294
+ "hover"
1295
+ ]
1296
+ },
1297
+ "active": {
1298
+ "value": "#be4242",
1299
+ "public": true,
1300
+ "isReferenceToInternal": true,
1301
+ "filePath": "tokens/color/alias/interactive.dark.json",
1302
+ "isSource": true,
1303
+ "original": {
1304
+ "value": "{color.dark-mode.semantic.error.400.value}",
1305
+ "public": true,
1306
+ "isReferenceToInternal": true
1307
+ },
1308
+ "name": "color-dark-mode-button-destructive-border-active",
1309
+ "attributes": {
1310
+ "category": "color",
1311
+ "type": "dark-mode",
1312
+ "item": "button",
1313
+ "subitem": "destructive",
1314
+ "state": "border"
1315
+ },
1316
+ "path": [
1317
+ "color",
1318
+ "dark-mode",
1319
+ "button",
1320
+ "destructive",
1321
+ "border",
1322
+ "active"
1323
+ ]
1324
+ },
1325
+ "focus": {
1326
+ "value": "#be4242",
1327
+ "public": true,
1328
+ "isReferenceToInternal": true,
1329
+ "filePath": "tokens/color/alias/interactive.dark.json",
1330
+ "isSource": true,
1331
+ "original": {
1332
+ "value": "{color.dark-mode.semantic.error.400.value}",
1333
+ "public": true,
1334
+ "isReferenceToInternal": true
1335
+ },
1336
+ "name": "color-dark-mode-button-destructive-border-focus",
1337
+ "attributes": {
1338
+ "category": "color",
1339
+ "type": "dark-mode",
1340
+ "item": "button",
1341
+ "subitem": "destructive",
1342
+ "state": "border"
1343
+ },
1344
+ "path": [
1345
+ "color",
1346
+ "dark-mode",
1347
+ "button",
1348
+ "destructive",
1349
+ "border",
1350
+ "focus"
1351
+ ]
1352
+ }
1353
+ },
1354
+ "foreground": {
1355
+ "default": {
1356
+ "value": "#e05757",
1357
+ "public": true,
1358
+ "isReferenceToInternal": true,
1359
+ "filePath": "tokens/color/alias/interactive.dark.json",
1360
+ "isSource": true,
1361
+ "original": {
1362
+ "value": "{color.dark-mode.semantic.error.300.value}",
1363
+ "public": true,
1364
+ "isReferenceToInternal": true
1365
+ },
1366
+ "name": "color-dark-mode-button-destructive-foreground-default",
1367
+ "attributes": {
1368
+ "category": "color",
1369
+ "type": "dark-mode",
1370
+ "item": "button",
1371
+ "subitem": "destructive",
1372
+ "state": "foreground"
1373
+ },
1374
+ "path": [
1375
+ "color",
1376
+ "dark-mode",
1377
+ "button",
1378
+ "destructive",
1379
+ "foreground",
1380
+ "default"
1381
+ ]
1382
+ },
1383
+ "hover": {
1384
+ "value": "#ffafaf",
1385
+ "public": true,
1386
+ "isReferenceToInternal": true,
1387
+ "filePath": "tokens/color/alias/interactive.dark.json",
1388
+ "isSource": true,
1389
+ "original": {
1390
+ "value": "{color.dark-mode.semantic.error.200.value}",
1391
+ "public": true,
1392
+ "isReferenceToInternal": true
1393
+ },
1394
+ "name": "color-dark-mode-button-destructive-foreground-hover",
1395
+ "attributes": {
1396
+ "category": "color",
1397
+ "type": "dark-mode",
1398
+ "item": "button",
1399
+ "subitem": "destructive",
1400
+ "state": "foreground"
1401
+ },
1402
+ "path": [
1403
+ "color",
1404
+ "dark-mode",
1405
+ "button",
1406
+ "destructive",
1407
+ "foreground",
1408
+ "hover"
1409
+ ]
1410
+ },
1411
+ "active": {
1412
+ "value": "#be4242",
1413
+ "public": true,
1414
+ "isReferenceToInternal": true,
1415
+ "filePath": "tokens/color/alias/interactive.dark.json",
1416
+ "isSource": true,
1417
+ "original": {
1418
+ "value": "{color.dark-mode.semantic.error.400.value}",
1419
+ "public": true,
1420
+ "isReferenceToInternal": true
1421
+ },
1422
+ "name": "color-dark-mode-button-destructive-foreground-active",
1423
+ "attributes": {
1424
+ "category": "color",
1425
+ "type": "dark-mode",
1426
+ "item": "button",
1427
+ "subitem": "destructive",
1428
+ "state": "foreground"
1429
+ },
1430
+ "path": [
1431
+ "color",
1432
+ "dark-mode",
1433
+ "button",
1434
+ "destructive",
1435
+ "foreground",
1436
+ "active"
1437
+ ]
1438
+ },
1439
+ "focus": {
1440
+ "value": "#e05757",
1441
+ "public": true,
1442
+ "isReferenceToInternal": true,
1443
+ "filePath": "tokens/color/alias/interactive.dark.json",
1444
+ "isSource": true,
1445
+ "original": {
1446
+ "value": "{color.dark-mode.semantic.error.300.value}",
1447
+ "public": true,
1448
+ "isReferenceToInternal": true
1449
+ },
1450
+ "name": "color-dark-mode-button-destructive-foreground-focus",
1451
+ "attributes": {
1452
+ "category": "color",
1453
+ "type": "dark-mode",
1454
+ "item": "button",
1455
+ "subitem": "destructive",
1456
+ "state": "foreground"
1457
+ },
1458
+ "path": [
1459
+ "color",
1460
+ "dark-mode",
1461
+ "button",
1462
+ "destructive",
1463
+ "foreground",
1464
+ "focus"
1465
+ ]
1466
+ }
1467
+ }
1468
+ }
1469
+ },
197
1470
  "link": {
198
1471
  "default": {
199
1472
  "value": "#36a3ff",
@@ -1205,6 +2478,29 @@
1205
2478
  "500"
1206
2479
  ]
1207
2480
  }
2481
+ },
2482
+ "focus": {
2483
+ "value": "#36a3ff",
2484
+ "public": true,
2485
+ "filePath": "tokens/color/base/interactive.dark.json",
2486
+ "isSource": true,
2487
+ "original": {
2488
+ "value": "#36A3FF",
2489
+ "public": true
2490
+ },
2491
+ "name": "color-dark-mode-interactive-focus",
2492
+ "attributes": {
2493
+ "category": "color",
2494
+ "type": "dark-mode",
2495
+ "item": "interactive",
2496
+ "subitem": "focus"
2497
+ },
2498
+ "path": [
2499
+ "color",
2500
+ "dark-mode",
2501
+ "interactive",
2502
+ "focus"
2503
+ ]
1208
2504
  }
1209
2505
  },
1210
2506
  "neutral": {