@pantheon-systems/pds-design-tokens 0.5.0-dev.0 → 0.6.0-dev.1

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 +2312 -482
  4. package/build/json/pds-design-tokens-dark-mode.json +1299 -0
  5. package/build/json/pds-design-tokens-light-mode.json +731 -200
  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,1282 @@
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
+ "default": {
995
+ "value": "rgba(0, 0, 0, 0)",
996
+ "public": true,
997
+ "filePath": "tokens/color/alias/interactive.dark.json",
998
+ "isSource": true,
999
+ "original": {
1000
+ "value": "transparent",
1001
+ "public": true
1002
+ },
1003
+ "name": "color-dark-mode-button-subtle-border-default",
1004
+ "attributes": {
1005
+ "category": "color",
1006
+ "type": "dark-mode",
1007
+ "item": "button",
1008
+ "subitem": "subtle",
1009
+ "state": "border"
1010
+ },
1011
+ "path": [
1012
+ "color",
1013
+ "dark-mode",
1014
+ "button",
1015
+ "subtle",
1016
+ "border",
1017
+ "default"
1018
+ ]
1019
+ }
1020
+ },
1021
+ "foreground": {
1022
+ "default": {
1023
+ "value": "#e7e7eb",
1024
+ "public": true,
1025
+ "isReferenceToInternal": true,
1026
+ "filePath": "tokens/color/alias/interactive.dark.json",
1027
+ "isSource": true,
1028
+ "original": {
1029
+ "value": "{color.dark-mode.neutral.050.value}",
1030
+ "public": true,
1031
+ "isReferenceToInternal": true
1032
+ },
1033
+ "name": "color-dark-mode-button-subtle-foreground-default",
1034
+ "attributes": {
1035
+ "category": "color",
1036
+ "type": "dark-mode",
1037
+ "item": "button",
1038
+ "subitem": "subtle",
1039
+ "state": "foreground"
1040
+ },
1041
+ "path": [
1042
+ "color",
1043
+ "dark-mode",
1044
+ "button",
1045
+ "subtle",
1046
+ "foreground",
1047
+ "default"
1048
+ ]
1049
+ },
1050
+ "hover": {
1051
+ "value": "#ffffff",
1052
+ "public": true,
1053
+ "isReferenceToInternal": true,
1054
+ "filePath": "tokens/color/alias/interactive.dark.json",
1055
+ "isSource": true,
1056
+ "original": {
1057
+ "value": "{color.dark-mode.neutral.000.value}",
1058
+ "public": true,
1059
+ "isReferenceToInternal": true
1060
+ },
1061
+ "name": "color-dark-mode-button-subtle-foreground-hover",
1062
+ "attributes": {
1063
+ "category": "color",
1064
+ "type": "dark-mode",
1065
+ "item": "button",
1066
+ "subitem": "subtle",
1067
+ "state": "foreground"
1068
+ },
1069
+ "path": [
1070
+ "color",
1071
+ "dark-mode",
1072
+ "button",
1073
+ "subtle",
1074
+ "foreground",
1075
+ "hover"
1076
+ ]
1077
+ },
1078
+ "active": {
1079
+ "value": "#e7e7eb",
1080
+ "public": true,
1081
+ "isReferenceToInternal": true,
1082
+ "filePath": "tokens/color/alias/interactive.dark.json",
1083
+ "isSource": true,
1084
+ "original": {
1085
+ "value": "{color.dark-mode.neutral.050.value}",
1086
+ "public": true,
1087
+ "isReferenceToInternal": true
1088
+ },
1089
+ "name": "color-dark-mode-button-subtle-foreground-active",
1090
+ "attributes": {
1091
+ "category": "color",
1092
+ "type": "dark-mode",
1093
+ "item": "button",
1094
+ "subitem": "subtle",
1095
+ "state": "foreground"
1096
+ },
1097
+ "path": [
1098
+ "color",
1099
+ "dark-mode",
1100
+ "button",
1101
+ "subtle",
1102
+ "foreground",
1103
+ "active"
1104
+ ]
1105
+ },
1106
+ "focus": {
1107
+ "value": "#e7e7eb",
1108
+ "public": true,
1109
+ "isReferenceToInternal": true,
1110
+ "filePath": "tokens/color/alias/interactive.dark.json",
1111
+ "isSource": true,
1112
+ "original": {
1113
+ "value": "{color.dark-mode.neutral.050.value}",
1114
+ "public": true,
1115
+ "isReferenceToInternal": true
1116
+ },
1117
+ "name": "color-dark-mode-button-subtle-foreground-focus",
1118
+ "attributes": {
1119
+ "category": "color",
1120
+ "type": "dark-mode",
1121
+ "item": "button",
1122
+ "subitem": "subtle",
1123
+ "state": "foreground"
1124
+ },
1125
+ "path": [
1126
+ "color",
1127
+ "dark-mode",
1128
+ "button",
1129
+ "subtle",
1130
+ "foreground",
1131
+ "focus"
1132
+ ]
1133
+ }
1134
+ }
1135
+ },
1136
+ "destructive": {
1137
+ "background": {
1138
+ "default": {
1139
+ "value": "rgba(0, 0, 0, 0)",
1140
+ "public": true,
1141
+ "filePath": "tokens/color/alias/interactive.dark.json",
1142
+ "isSource": true,
1143
+ "original": {
1144
+ "value": "transparent",
1145
+ "public": true
1146
+ },
1147
+ "name": "color-dark-mode-button-destructive-background-default",
1148
+ "attributes": {
1149
+ "category": "color",
1150
+ "type": "dark-mode",
1151
+ "item": "button",
1152
+ "subitem": "destructive",
1153
+ "state": "background"
1154
+ },
1155
+ "path": [
1156
+ "color",
1157
+ "dark-mode",
1158
+ "button",
1159
+ "destructive",
1160
+ "background",
1161
+ "default"
1162
+ ]
1163
+ },
1164
+ "hover": {
1165
+ "value": "rgba(0, 0, 0, 0)",
1166
+ "public": true,
1167
+ "filePath": "tokens/color/alias/interactive.dark.json",
1168
+ "isSource": true,
1169
+ "original": {
1170
+ "value": "transparent",
1171
+ "public": true
1172
+ },
1173
+ "name": "color-dark-mode-button-destructive-background-hover",
1174
+ "attributes": {
1175
+ "category": "color",
1176
+ "type": "dark-mode",
1177
+ "item": "button",
1178
+ "subitem": "destructive",
1179
+ "state": "background"
1180
+ },
1181
+ "path": [
1182
+ "color",
1183
+ "dark-mode",
1184
+ "button",
1185
+ "destructive",
1186
+ "background",
1187
+ "hover"
1188
+ ]
1189
+ },
1190
+ "active": {
1191
+ "value": "rgba(0, 0, 0, 0)",
1192
+ "public": true,
1193
+ "filePath": "tokens/color/alias/interactive.dark.json",
1194
+ "isSource": true,
1195
+ "original": {
1196
+ "value": "transparent",
1197
+ "public": true
1198
+ },
1199
+ "name": "color-dark-mode-button-destructive-background-active",
1200
+ "attributes": {
1201
+ "category": "color",
1202
+ "type": "dark-mode",
1203
+ "item": "button",
1204
+ "subitem": "destructive",
1205
+ "state": "background"
1206
+ },
1207
+ "path": [
1208
+ "color",
1209
+ "dark-mode",
1210
+ "button",
1211
+ "destructive",
1212
+ "background",
1213
+ "active"
1214
+ ]
1215
+ },
1216
+ "focus": {
1217
+ "value": "rgba(0, 0, 0, 0)",
1218
+ "public": true,
1219
+ "filePath": "tokens/color/alias/interactive.dark.json",
1220
+ "isSource": true,
1221
+ "original": {
1222
+ "value": "transparent",
1223
+ "public": true
1224
+ },
1225
+ "name": "color-dark-mode-button-destructive-background-focus",
1226
+ "attributes": {
1227
+ "category": "color",
1228
+ "type": "dark-mode",
1229
+ "item": "button",
1230
+ "subitem": "destructive",
1231
+ "state": "background"
1232
+ },
1233
+ "path": [
1234
+ "color",
1235
+ "dark-mode",
1236
+ "button",
1237
+ "destructive",
1238
+ "background",
1239
+ "focus"
1240
+ ]
1241
+ }
1242
+ },
1243
+ "border": {
1244
+ "default": {
1245
+ "value": "#be4242",
1246
+ "public": true,
1247
+ "isReferenceToInternal": true,
1248
+ "filePath": "tokens/color/alias/interactive.dark.json",
1249
+ "isSource": true,
1250
+ "original": {
1251
+ "value": "{color.dark-mode.semantic.error.400.value}",
1252
+ "public": true,
1253
+ "isReferenceToInternal": true
1254
+ },
1255
+ "name": "color-dark-mode-button-destructive-border-default",
1256
+ "attributes": {
1257
+ "category": "color",
1258
+ "type": "dark-mode",
1259
+ "item": "button",
1260
+ "subitem": "destructive",
1261
+ "state": "border"
1262
+ },
1263
+ "path": [
1264
+ "color",
1265
+ "dark-mode",
1266
+ "button",
1267
+ "destructive",
1268
+ "border",
1269
+ "default"
1270
+ ]
1271
+ },
1272
+ "hover": {
1273
+ "value": "#ffafaf",
1274
+ "public": true,
1275
+ "isReferenceToInternal": true,
1276
+ "filePath": "tokens/color/alias/interactive.dark.json",
1277
+ "isSource": true,
1278
+ "original": {
1279
+ "value": "{color.dark-mode.semantic.error.200.value}",
1280
+ "public": true,
1281
+ "isReferenceToInternal": true
1282
+ },
1283
+ "name": "color-dark-mode-button-destructive-border-hover",
1284
+ "attributes": {
1285
+ "category": "color",
1286
+ "type": "dark-mode",
1287
+ "item": "button",
1288
+ "subitem": "destructive",
1289
+ "state": "border"
1290
+ },
1291
+ "path": [
1292
+ "color",
1293
+ "dark-mode",
1294
+ "button",
1295
+ "destructive",
1296
+ "border",
1297
+ "hover"
1298
+ ]
1299
+ },
1300
+ "active": {
1301
+ "value": "#be4242",
1302
+ "public": true,
1303
+ "isReferenceToInternal": true,
1304
+ "filePath": "tokens/color/alias/interactive.dark.json",
1305
+ "isSource": true,
1306
+ "original": {
1307
+ "value": "{color.dark-mode.semantic.error.400.value}",
1308
+ "public": true,
1309
+ "isReferenceToInternal": true
1310
+ },
1311
+ "name": "color-dark-mode-button-destructive-border-active",
1312
+ "attributes": {
1313
+ "category": "color",
1314
+ "type": "dark-mode",
1315
+ "item": "button",
1316
+ "subitem": "destructive",
1317
+ "state": "border"
1318
+ },
1319
+ "path": [
1320
+ "color",
1321
+ "dark-mode",
1322
+ "button",
1323
+ "destructive",
1324
+ "border",
1325
+ "active"
1326
+ ]
1327
+ },
1328
+ "focus": {
1329
+ "value": "#be4242",
1330
+ "public": true,
1331
+ "isReferenceToInternal": true,
1332
+ "filePath": "tokens/color/alias/interactive.dark.json",
1333
+ "isSource": true,
1334
+ "original": {
1335
+ "value": "{color.dark-mode.semantic.error.400.value}",
1336
+ "public": true,
1337
+ "isReferenceToInternal": true
1338
+ },
1339
+ "name": "color-dark-mode-button-destructive-border-focus",
1340
+ "attributes": {
1341
+ "category": "color",
1342
+ "type": "dark-mode",
1343
+ "item": "button",
1344
+ "subitem": "destructive",
1345
+ "state": "border"
1346
+ },
1347
+ "path": [
1348
+ "color",
1349
+ "dark-mode",
1350
+ "button",
1351
+ "destructive",
1352
+ "border",
1353
+ "focus"
1354
+ ]
1355
+ }
1356
+ },
1357
+ "foreground": {
1358
+ "default": {
1359
+ "value": "#e05757",
1360
+ "public": true,
1361
+ "isReferenceToInternal": true,
1362
+ "filePath": "tokens/color/alias/interactive.dark.json",
1363
+ "isSource": true,
1364
+ "original": {
1365
+ "value": "{color.dark-mode.semantic.error.300.value}",
1366
+ "public": true,
1367
+ "isReferenceToInternal": true
1368
+ },
1369
+ "name": "color-dark-mode-button-destructive-foreground-default",
1370
+ "attributes": {
1371
+ "category": "color",
1372
+ "type": "dark-mode",
1373
+ "item": "button",
1374
+ "subitem": "destructive",
1375
+ "state": "foreground"
1376
+ },
1377
+ "path": [
1378
+ "color",
1379
+ "dark-mode",
1380
+ "button",
1381
+ "destructive",
1382
+ "foreground",
1383
+ "default"
1384
+ ]
1385
+ },
1386
+ "hover": {
1387
+ "value": "#ffafaf",
1388
+ "public": true,
1389
+ "isReferenceToInternal": true,
1390
+ "filePath": "tokens/color/alias/interactive.dark.json",
1391
+ "isSource": true,
1392
+ "original": {
1393
+ "value": "{color.dark-mode.semantic.error.200.value}",
1394
+ "public": true,
1395
+ "isReferenceToInternal": true
1396
+ },
1397
+ "name": "color-dark-mode-button-destructive-foreground-hover",
1398
+ "attributes": {
1399
+ "category": "color",
1400
+ "type": "dark-mode",
1401
+ "item": "button",
1402
+ "subitem": "destructive",
1403
+ "state": "foreground"
1404
+ },
1405
+ "path": [
1406
+ "color",
1407
+ "dark-mode",
1408
+ "button",
1409
+ "destructive",
1410
+ "foreground",
1411
+ "hover"
1412
+ ]
1413
+ },
1414
+ "active": {
1415
+ "value": "#be4242",
1416
+ "public": true,
1417
+ "isReferenceToInternal": true,
1418
+ "filePath": "tokens/color/alias/interactive.dark.json",
1419
+ "isSource": true,
1420
+ "original": {
1421
+ "value": "{color.dark-mode.semantic.error.400.value}",
1422
+ "public": true,
1423
+ "isReferenceToInternal": true
1424
+ },
1425
+ "name": "color-dark-mode-button-destructive-foreground-active",
1426
+ "attributes": {
1427
+ "category": "color",
1428
+ "type": "dark-mode",
1429
+ "item": "button",
1430
+ "subitem": "destructive",
1431
+ "state": "foreground"
1432
+ },
1433
+ "path": [
1434
+ "color",
1435
+ "dark-mode",
1436
+ "button",
1437
+ "destructive",
1438
+ "foreground",
1439
+ "active"
1440
+ ]
1441
+ },
1442
+ "focus": {
1443
+ "value": "#e05757",
1444
+ "public": true,
1445
+ "isReferenceToInternal": true,
1446
+ "filePath": "tokens/color/alias/interactive.dark.json",
1447
+ "isSource": true,
1448
+ "original": {
1449
+ "value": "{color.dark-mode.semantic.error.300.value}",
1450
+ "public": true,
1451
+ "isReferenceToInternal": true
1452
+ },
1453
+ "name": "color-dark-mode-button-destructive-foreground-focus",
1454
+ "attributes": {
1455
+ "category": "color",
1456
+ "type": "dark-mode",
1457
+ "item": "button",
1458
+ "subitem": "destructive",
1459
+ "state": "foreground"
1460
+ },
1461
+ "path": [
1462
+ "color",
1463
+ "dark-mode",
1464
+ "button",
1465
+ "destructive",
1466
+ "foreground",
1467
+ "focus"
1468
+ ]
1469
+ }
1470
+ }
1471
+ }
1472
+ },
197
1473
  "link": {
198
1474
  "default": {
199
1475
  "value": "#36a3ff",
@@ -1205,6 +2481,29 @@
1205
2481
  "500"
1206
2482
  ]
1207
2483
  }
2484
+ },
2485
+ "focus": {
2486
+ "value": "#36a3ff",
2487
+ "public": true,
2488
+ "filePath": "tokens/color/base/interactive.dark.json",
2489
+ "isSource": true,
2490
+ "original": {
2491
+ "value": "#36A3FF",
2492
+ "public": true
2493
+ },
2494
+ "name": "color-dark-mode-interactive-focus",
2495
+ "attributes": {
2496
+ "category": "color",
2497
+ "type": "dark-mode",
2498
+ "item": "interactive",
2499
+ "subitem": "focus"
2500
+ },
2501
+ "path": [
2502
+ "color",
2503
+ "dark-mode",
2504
+ "interactive",
2505
+ "focus"
2506
+ ]
1208
2507
  }
1209
2508
  },
1210
2509
  "neutral": {