@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.
@@ -82,6 +82,118 @@
82
82
  ]
83
83
  }
84
84
  },
85
+ "input": {
86
+ "background": {
87
+ "default": {
88
+ "value": "#ffffff",
89
+ "public": true,
90
+ "isReferenceToInternal": true,
91
+ "filePath": "tokens/color/alias/input.light.json",
92
+ "isSource": true,
93
+ "original": {
94
+ "value": "{color.light-mode.neutral.000.value}",
95
+ "public": true,
96
+ "isReferenceToInternal": true
97
+ },
98
+ "name": "color-light-mode-input-background-default",
99
+ "attributes": {
100
+ "category": "color",
101
+ "type": "light-mode",
102
+ "item": "input",
103
+ "subitem": "background",
104
+ "state": "default"
105
+ },
106
+ "path": [
107
+ "color",
108
+ "light-mode",
109
+ "input",
110
+ "background",
111
+ "default"
112
+ ]
113
+ },
114
+ "disabled": {
115
+ "value": "#cfcfd3",
116
+ "public": true,
117
+ "isReferenceToInternal": true,
118
+ "filePath": "tokens/color/alias/input.light.json",
119
+ "isSource": true,
120
+ "original": {
121
+ "value": "{color.light-mode.neutral.100.value}",
122
+ "public": true,
123
+ "isReferenceToInternal": true
124
+ },
125
+ "name": "color-light-mode-input-background-disabled",
126
+ "attributes": {
127
+ "category": "color",
128
+ "type": "light-mode",
129
+ "item": "input",
130
+ "subitem": "background",
131
+ "state": "disabled"
132
+ },
133
+ "path": [
134
+ "color",
135
+ "light-mode",
136
+ "input",
137
+ "background",
138
+ "disabled"
139
+ ]
140
+ }
141
+ },
142
+ "border": {
143
+ "default": {
144
+ "value": "#71717c",
145
+ "public": true,
146
+ "filePath": "tokens/color/alias/input.light.json",
147
+ "isSource": true,
148
+ "original": {
149
+ "value": "{color.light-mode.border.default}",
150
+ "public": true
151
+ },
152
+ "name": "color-light-mode-input-border-default",
153
+ "attributes": {
154
+ "category": "color",
155
+ "type": "light-mode",
156
+ "item": "input",
157
+ "subitem": "border",
158
+ "state": "default"
159
+ },
160
+ "path": [
161
+ "color",
162
+ "light-mode",
163
+ "input",
164
+ "border",
165
+ "default"
166
+ ]
167
+ },
168
+ "disabled": {
169
+ "value": "#aeaeb6",
170
+ "public": true,
171
+ "isReferenceToInternal": true,
172
+ "filePath": "tokens/color/alias/input.light.json",
173
+ "isSource": true,
174
+ "original": {
175
+ "value": "{color.light-mode.neutral.200.value}",
176
+ "public": true,
177
+ "isReferenceToInternal": true
178
+ },
179
+ "name": "color-light-mode-input-border-disabled",
180
+ "attributes": {
181
+ "category": "color",
182
+ "type": "light-mode",
183
+ "item": "input",
184
+ "subitem": "border",
185
+ "state": "disabled"
186
+ },
187
+ "path": [
188
+ "color",
189
+ "light-mode",
190
+ "input",
191
+ "border",
192
+ "disabled"
193
+ ]
194
+ }
195
+ }
196
+ },
85
197
  "button": {
86
198
  "primary": {
87
199
  "background": {
@@ -89,7 +201,7 @@
89
201
  "value": "#ffdc28",
90
202
  "public": true,
91
203
  "isReferenceToInternal": true,
92
- "filePath": "tokens/color/alias/input.light.json",
204
+ "filePath": "tokens/color/alias/interactive.light.json",
93
205
  "isSource": true,
94
206
  "original": {
95
207
  "value": "{color.light-mode.brand.primary.400.value}",
@@ -117,7 +229,7 @@
117
229
  "value": "#ffe668",
118
230
  "public": true,
119
231
  "isReferenceToInternal": true,
120
- "filePath": "tokens/color/alias/input.light.json",
232
+ "filePath": "tokens/color/alias/interactive.light.json",
121
233
  "isSource": true,
122
234
  "original": {
123
235
  "value": "{color.light-mode.brand.primary.300.value}",
@@ -145,7 +257,7 @@
145
257
  "value": "#ddbd16",
146
258
  "public": true,
147
259
  "isReferenceToInternal": true,
148
- "filePath": "tokens/color/alias/input.light.json",
260
+ "filePath": "tokens/color/alias/interactive.light.json",
149
261
  "isSource": true,
150
262
  "original": {
151
263
  "value": "{color.light-mode.brand.primary.500.value}",
@@ -168,6 +280,34 @@
168
280
  "background",
169
281
  "active"
170
282
  ]
283
+ },
284
+ "focus": {
285
+ "value": "#ffe668",
286
+ "public": true,
287
+ "isReferenceToInternal": true,
288
+ "filePath": "tokens/color/alias/interactive.light.json",
289
+ "isSource": true,
290
+ "original": {
291
+ "value": "{color.light-mode.brand.primary.300.value}",
292
+ "public": true,
293
+ "isReferenceToInternal": true
294
+ },
295
+ "name": "color-light-mode-button-primary-background-focus",
296
+ "attributes": {
297
+ "category": "color",
298
+ "type": "light-mode",
299
+ "item": "button",
300
+ "subitem": "primary",
301
+ "state": "background"
302
+ },
303
+ "path": [
304
+ "color",
305
+ "light-mode",
306
+ "button",
307
+ "primary",
308
+ "background",
309
+ "focus"
310
+ ]
171
311
  }
172
312
  },
173
313
  "border": {
@@ -175,7 +315,7 @@
175
315
  "value": "#ffdc28",
176
316
  "public": true,
177
317
  "isReferenceToInternal": true,
178
- "filePath": "tokens/color/alias/input.light.json",
318
+ "filePath": "tokens/color/alias/interactive.light.json",
179
319
  "isSource": true,
180
320
  "original": {
181
321
  "value": "{color.light-mode.brand.primary.400.value}",
@@ -203,7 +343,7 @@
203
343
  "value": "#ffe668",
204
344
  "public": true,
205
345
  "isReferenceToInternal": true,
206
- "filePath": "tokens/color/alias/input.light.json",
346
+ "filePath": "tokens/color/alias/interactive.light.json",
207
347
  "isSource": true,
208
348
  "original": {
209
349
  "value": "{color.light-mode.brand.primary.300.value}",
@@ -231,7 +371,7 @@
231
371
  "value": "#ddbd16",
232
372
  "public": true,
233
373
  "isReferenceToInternal": true,
234
- "filePath": "tokens/color/alias/input.light.json",
374
+ "filePath": "tokens/color/alias/interactive.light.json",
235
375
  "isSource": true,
236
376
  "original": {
237
377
  "value": "{color.light-mode.brand.primary.500.value}",
@@ -254,34 +394,62 @@
254
394
  "border",
255
395
  "active"
256
396
  ]
397
+ },
398
+ "focus": {
399
+ "value": "#ffe668",
400
+ "public": true,
401
+ "isReferenceToInternal": true,
402
+ "filePath": "tokens/color/alias/interactive.light.json",
403
+ "isSource": true,
404
+ "original": {
405
+ "value": "{color.light-mode.brand.primary.300.value}",
406
+ "public": true,
407
+ "isReferenceToInternal": true
408
+ },
409
+ "name": "color-light-mode-button-primary-border-focus",
410
+ "attributes": {
411
+ "category": "color",
412
+ "type": "light-mode",
413
+ "item": "button",
414
+ "subitem": "primary",
415
+ "state": "border"
416
+ },
417
+ "path": [
418
+ "color",
419
+ "light-mode",
420
+ "button",
421
+ "primary",
422
+ "border",
423
+ "focus"
424
+ ]
257
425
  }
258
426
  },
259
- "text": {
427
+ "foreground": {
260
428
  "default": {
261
429
  "value": "#23232d",
262
430
  "public": true,
263
431
  "isReferenceToInternal": true,
264
- "filePath": "tokens/color/alias/input.light.json",
432
+ "filePath": "tokens/color/alias/interactive.light.json",
265
433
  "isSource": true,
266
434
  "original": {
267
- "value": "{color.light-mode.text.default.value}",
435
+ "value": "{color.light-mode.foreground.default.value}",
268
436
  "public": true,
269
437
  "isReferenceToInternal": true
270
438
  },
271
- "name": "color-light-mode-button-primary-text-default",
439
+ "name": "color-light-mode-button-primary-foreground-default",
272
440
  "attributes": {
273
441
  "category": "color",
274
442
  "type": "light-mode",
275
443
  "item": "button",
276
444
  "subitem": "primary",
277
- "state": "text"
445
+ "state": "foreground"
278
446
  },
279
447
  "path": [
280
448
  "color",
281
449
  "light-mode",
282
450
  "button",
283
451
  "primary",
284
- "text",
452
+ "foreground",
285
453
  "default"
286
454
  ]
287
455
  },
@@ -289,27 +457,27 @@
289
457
  "value": "#23232d",
290
458
  "public": true,
291
459
  "isReferenceToInternal": true,
292
- "filePath": "tokens/color/alias/input.light.json",
460
+ "filePath": "tokens/color/alias/interactive.light.json",
293
461
  "isSource": true,
294
462
  "original": {
295
- "value": "{color.light-mode.text.default.value}",
463
+ "value": "{color.light-mode.foreground.default.value}",
296
464
  "public": true,
297
465
  "isReferenceToInternal": true
298
466
  },
299
- "name": "color-light-mode-button-primary-text-hover",
467
+ "name": "color-light-mode-button-primary-foreground-hover",
300
468
  "attributes": {
301
469
  "category": "color",
302
470
  "type": "light-mode",
303
471
  "item": "button",
304
472
  "subitem": "primary",
305
- "state": "text"
473
+ "state": "foreground"
306
474
  },
307
475
  "path": [
308
476
  "color",
309
477
  "light-mode",
310
478
  "button",
311
479
  "primary",
312
- "text",
480
+ "foreground",
313
481
  "hover"
314
482
  ]
315
483
  },
@@ -317,29 +485,57 @@
317
485
  "value": "#23232d",
318
486
  "public": true,
319
487
  "isReferenceToInternal": true,
320
- "filePath": "tokens/color/alias/input.light.json",
488
+ "filePath": "tokens/color/alias/interactive.light.json",
321
489
  "isSource": true,
322
490
  "original": {
323
- "value": "{color.light-mode.text.default.value}",
491
+ "value": "{color.light-mode.foreground.default.value}",
324
492
  "public": true,
325
493
  "isReferenceToInternal": true
326
494
  },
327
- "name": "color-light-mode-button-primary-text-active",
495
+ "name": "color-light-mode-button-primary-foreground-active",
328
496
  "attributes": {
329
497
  "category": "color",
330
498
  "type": "light-mode",
331
499
  "item": "button",
332
500
  "subitem": "primary",
333
- "state": "text"
501
+ "state": "foreground"
334
502
  },
335
503
  "path": [
336
504
  "color",
337
505
  "light-mode",
338
506
  "button",
339
507
  "primary",
340
- "text",
508
+ "foreground",
341
509
  "active"
342
510
  ]
511
+ },
512
+ "focus": {
513
+ "value": "#23232d",
514
+ "public": true,
515
+ "isReferenceToInternal": true,
516
+ "filePath": "tokens/color/alias/interactive.light.json",
517
+ "isSource": true,
518
+ "original": {
519
+ "value": "{color.light-mode.foreground.default.value}",
520
+ "public": true,
521
+ "isReferenceToInternal": true
522
+ },
523
+ "name": "color-light-mode-button-primary-foreground-focus",
524
+ "attributes": {
525
+ "category": "color",
526
+ "type": "light-mode",
527
+ "item": "button",
528
+ "subitem": "primary",
529
+ "state": "foreground"
530
+ },
531
+ "path": [
532
+ "color",
533
+ "light-mode",
534
+ "button",
535
+ "primary",
536
+ "foreground",
537
+ "focus"
538
+ ]
343
539
  }
344
540
  }
345
541
  },
@@ -348,7 +544,7 @@
348
544
  "default": {
349
545
  "value": "rgba(0, 0, 0, 0)",
350
546
  "public": true,
351
- "filePath": "tokens/color/alias/input.light.json",
547
+ "filePath": "tokens/color/alias/interactive.light.json",
352
548
  "isSource": true,
353
549
  "original": {
354
550
  "value": "transparent",
@@ -375,7 +571,7 @@
375
571
  "value": "#f0ecff",
376
572
  "public": true,
377
573
  "isReferenceToInternal": true,
378
- "filePath": "tokens/color/alias/input.light.json",
574
+ "filePath": "tokens/color/alias/interactive.light.json",
379
575
  "isSource": true,
380
576
  "original": {
381
577
  "value": "{color.light-mode.brand.secondary.100.value}",
@@ -400,13 +596,13 @@
400
596
  ]
401
597
  },
402
598
  "active": {
403
- "value": "#f0ecff",
599
+ "value": "#cfcfd3",
404
600
  "public": true,
405
601
  "isReferenceToInternal": true,
406
- "filePath": "tokens/color/alias/input.light.json",
602
+ "filePath": "tokens/color/alias/interactive.light.json",
407
603
  "isSource": true,
408
604
  "original": {
409
- "value": "{color.light-mode.brand.secondary.100.value}",
605
+ "value": "{color.light-mode.neutral.100.value}",
410
606
  "public": true,
411
607
  "isReferenceToInternal": true
412
608
  },
@@ -426,6 +622,34 @@
426
622
  "background",
427
623
  "active"
428
624
  ]
625
+ },
626
+ "focus": {
627
+ "value": "#f0ecff",
628
+ "public": true,
629
+ "isReferenceToInternal": true,
630
+ "filePath": "tokens/color/alias/interactive.light.json",
631
+ "isSource": true,
632
+ "original": {
633
+ "value": "{color.light-mode.brand.secondary.100.value}",
634
+ "public": true,
635
+ "isReferenceToInternal": true
636
+ },
637
+ "name": "color-light-mode-button-secondary-background-focus",
638
+ "attributes": {
639
+ "category": "color",
640
+ "type": "light-mode",
641
+ "item": "button",
642
+ "subitem": "secondary",
643
+ "state": "background"
644
+ },
645
+ "path": [
646
+ "color",
647
+ "light-mode",
648
+ "button",
649
+ "secondary",
650
+ "background",
651
+ "focus"
652
+ ]
429
653
  }
430
654
  },
431
655
  "border": {
@@ -433,7 +657,7 @@
433
657
  "value": "#3017a1",
434
658
  "public": true,
435
659
  "isReferenceToInternal": true,
436
- "filePath": "tokens/color/alias/input.light.json",
660
+ "filePath": "tokens/color/alias/interactive.light.json",
437
661
  "isSource": true,
438
662
  "original": {
439
663
  "value": "{color.light-mode.brand.secondary.400.value}",
@@ -461,7 +685,7 @@
461
685
  "value": "#785aff",
462
686
  "public": true,
463
687
  "isReferenceToInternal": true,
464
- "filePath": "tokens/color/alias/input.light.json",
688
+ "filePath": "tokens/color/alias/interactive.light.json",
465
689
  "isSource": true,
466
690
  "original": {
467
691
  "value": "{color.light-mode.brand.secondary.300.value}",
@@ -488,58 +712,340 @@
488
712
  "active": {
489
713
  "value": "#11005d",
490
714
  "public": true,
491
- "isReferenceToInternal": true,
492
- "filePath": "tokens/color/alias/input.light.json",
715
+ "isReferenceToInternal": true,
716
+ "filePath": "tokens/color/alias/interactive.light.json",
717
+ "isSource": true,
718
+ "original": {
719
+ "value": "{color.light-mode.brand.secondary.500.value}",
720
+ "public": true,
721
+ "isReferenceToInternal": true
722
+ },
723
+ "name": "color-light-mode-button-secondary-border-active",
724
+ "attributes": {
725
+ "category": "color",
726
+ "type": "light-mode",
727
+ "item": "button",
728
+ "subitem": "secondary",
729
+ "state": "border"
730
+ },
731
+ "path": [
732
+ "color",
733
+ "light-mode",
734
+ "button",
735
+ "secondary",
736
+ "border",
737
+ "active"
738
+ ]
739
+ },
740
+ "focus": {
741
+ "value": "#785aff",
742
+ "public": true,
743
+ "isReferenceToInternal": true,
744
+ "filePath": "tokens/color/alias/interactive.light.json",
745
+ "isSource": true,
746
+ "original": {
747
+ "value": "{color.light-mode.brand.secondary.300.value}",
748
+ "public": true,
749
+ "isReferenceToInternal": true
750
+ },
751
+ "name": "color-light-mode-button-secondary-border-focus",
752
+ "attributes": {
753
+ "category": "color",
754
+ "type": "light-mode",
755
+ "item": "button",
756
+ "subitem": "secondary",
757
+ "state": "border"
758
+ },
759
+ "path": [
760
+ "color",
761
+ "light-mode",
762
+ "button",
763
+ "secondary",
764
+ "border",
765
+ "focus"
766
+ ]
767
+ }
768
+ },
769
+ "foreground": {
770
+ "default": {
771
+ "value": "#3017a1",
772
+ "public": true,
773
+ "isReferenceToInternal": true,
774
+ "filePath": "tokens/color/alias/interactive.light.json",
775
+ "isSource": true,
776
+ "original": {
777
+ "value": "{color.light-mode.brand.secondary.400.value}",
778
+ "public": true,
779
+ "isReferenceToInternal": true
780
+ },
781
+ "name": "color-light-mode-button-secondary-foreground-default",
782
+ "attributes": {
783
+ "category": "color",
784
+ "type": "light-mode",
785
+ "item": "button",
786
+ "subitem": "secondary",
787
+ "state": "foreground"
788
+ },
789
+ "path": [
790
+ "color",
791
+ "light-mode",
792
+ "button",
793
+ "secondary",
794
+ "foreground",
795
+ "default"
796
+ ]
797
+ },
798
+ "hover": {
799
+ "value": "#3017a1",
800
+ "public": true,
801
+ "isReferenceToInternal": true,
802
+ "filePath": "tokens/color/alias/interactive.light.json",
803
+ "isSource": true,
804
+ "original": {
805
+ "value": "{color.light-mode.brand.secondary.400.value}",
806
+ "public": true,
807
+ "isReferenceToInternal": true
808
+ },
809
+ "name": "color-light-mode-button-secondary-foreground-hover",
810
+ "attributes": {
811
+ "category": "color",
812
+ "type": "light-mode",
813
+ "item": "button",
814
+ "subitem": "secondary",
815
+ "state": "foreground"
816
+ },
817
+ "path": [
818
+ "color",
819
+ "light-mode",
820
+ "button",
821
+ "secondary",
822
+ "foreground",
823
+ "hover"
824
+ ]
825
+ },
826
+ "active": {
827
+ "value": "#11005d",
828
+ "public": true,
829
+ "isReferenceToInternal": true,
830
+ "filePath": "tokens/color/alias/interactive.light.json",
831
+ "isSource": true,
832
+ "original": {
833
+ "value": "{color.light-mode.brand.secondary.500.value}",
834
+ "public": true,
835
+ "isReferenceToInternal": true
836
+ },
837
+ "name": "color-light-mode-button-secondary-foreground-active",
838
+ "attributes": {
839
+ "category": "color",
840
+ "type": "light-mode",
841
+ "item": "button",
842
+ "subitem": "secondary",
843
+ "state": "foreground"
844
+ },
845
+ "path": [
846
+ "color",
847
+ "light-mode",
848
+ "button",
849
+ "secondary",
850
+ "foreground",
851
+ "active"
852
+ ]
853
+ },
854
+ "focus": {
855
+ "value": "#3017a1",
856
+ "public": true,
857
+ "isReferenceToInternal": true,
858
+ "filePath": "tokens/color/alias/interactive.light.json",
859
+ "isSource": true,
860
+ "original": {
861
+ "value": "{color.light-mode.brand.secondary.400.value}",
862
+ "public": true,
863
+ "isReferenceToInternal": true
864
+ },
865
+ "name": "color-light-mode-button-secondary-foreground-focus",
866
+ "attributes": {
867
+ "category": "color",
868
+ "type": "light-mode",
869
+ "item": "button",
870
+ "subitem": "secondary",
871
+ "state": "foreground"
872
+ },
873
+ "path": [
874
+ "color",
875
+ "light-mode",
876
+ "button",
877
+ "secondary",
878
+ "foreground",
879
+ "focus"
880
+ ]
881
+ }
882
+ }
883
+ },
884
+ "subtle": {
885
+ "background": {
886
+ "default": {
887
+ "value": "rgba(0, 0, 0, 0)",
888
+ "public": true,
889
+ "filePath": "tokens/color/alias/interactive.light.json",
890
+ "isSource": true,
891
+ "original": {
892
+ "value": "transparent",
893
+ "public": true
894
+ },
895
+ "name": "color-light-mode-button-subtle-background-default",
896
+ "attributes": {
897
+ "category": "color",
898
+ "type": "light-mode",
899
+ "item": "button",
900
+ "subitem": "subtle",
901
+ "state": "background"
902
+ },
903
+ "path": [
904
+ "color",
905
+ "light-mode",
906
+ "button",
907
+ "subtle",
908
+ "background",
909
+ "default"
910
+ ]
911
+ },
912
+ "hover": {
913
+ "value": "#f1f1f1",
914
+ "public": true,
915
+ "isReferenceToInternal": true,
916
+ "filePath": "tokens/color/alias/interactive.light.json",
917
+ "isSource": true,
918
+ "original": {
919
+ "value": "{color.light-mode.neutral.050.value}",
920
+ "public": true,
921
+ "isReferenceToInternal": true
922
+ },
923
+ "name": "color-light-mode-button-subtle-background-hover",
924
+ "attributes": {
925
+ "category": "color",
926
+ "type": "light-mode",
927
+ "item": "button",
928
+ "subitem": "subtle",
929
+ "state": "background"
930
+ },
931
+ "path": [
932
+ "color",
933
+ "light-mode",
934
+ "button",
935
+ "subtle",
936
+ "background",
937
+ "hover"
938
+ ]
939
+ },
940
+ "active": {
941
+ "value": "#cfcfd3",
942
+ "public": true,
943
+ "isReferenceToInternal": true,
944
+ "filePath": "tokens/color/alias/interactive.light.json",
945
+ "isSource": true,
946
+ "original": {
947
+ "value": "{color.light-mode.neutral.100.value}",
948
+ "public": true,
949
+ "isReferenceToInternal": true
950
+ },
951
+ "name": "color-light-mode-button-subtle-background-active",
952
+ "attributes": {
953
+ "category": "color",
954
+ "type": "light-mode",
955
+ "item": "button",
956
+ "subitem": "subtle",
957
+ "state": "background"
958
+ },
959
+ "path": [
960
+ "color",
961
+ "light-mode",
962
+ "button",
963
+ "subtle",
964
+ "background",
965
+ "active"
966
+ ]
967
+ },
968
+ "focus": {
969
+ "value": "rgba(0, 0, 0, 0)",
970
+ "public": true,
971
+ "filePath": "tokens/color/alias/interactive.light.json",
972
+ "isSource": true,
973
+ "original": {
974
+ "value": "transparent",
975
+ "public": true
976
+ },
977
+ "name": "color-light-mode-button-subtle-background-focus",
978
+ "attributes": {
979
+ "category": "color",
980
+ "type": "light-mode",
981
+ "item": "button",
982
+ "subitem": "subtle",
983
+ "state": "background"
984
+ },
985
+ "path": [
986
+ "color",
987
+ "light-mode",
988
+ "button",
989
+ "subtle",
990
+ "background",
991
+ "focus"
992
+ ]
993
+ }
994
+ },
995
+ "border": {
996
+ "default": {
997
+ "value": "rgba(0, 0, 0, 0)",
998
+ "public": true,
999
+ "filePath": "tokens/color/alias/interactive.light.json",
493
1000
  "isSource": true,
494
1001
  "original": {
495
- "value": "{color.light-mode.brand.secondary.500.value}",
496
- "public": true,
497
- "isReferenceToInternal": true
1002
+ "value": "transparent",
1003
+ "public": true
498
1004
  },
499
- "name": "color-light-mode-button-secondary-border-active",
1005
+ "name": "color-light-mode-button-subtle-border-default",
500
1006
  "attributes": {
501
1007
  "category": "color",
502
1008
  "type": "light-mode",
503
1009
  "item": "button",
504
- "subitem": "secondary",
1010
+ "subitem": "subtle",
505
1011
  "state": "border"
506
1012
  },
507
1013
  "path": [
508
1014
  "color",
509
1015
  "light-mode",
510
1016
  "button",
511
- "secondary",
1017
+ "subtle",
512
1018
  "border",
513
- "active"
1019
+ "default"
514
1020
  ]
515
1021
  }
516
1022
  },
517
- "text": {
1023
+ "foreground": {
518
1024
  "default": {
519
1025
  "value": "#3017a1",
520
1026
  "public": true,
521
1027
  "isReferenceToInternal": true,
522
- "filePath": "tokens/color/alias/input.light.json",
1028
+ "filePath": "tokens/color/alias/interactive.light.json",
523
1029
  "isSource": true,
524
1030
  "original": {
525
1031
  "value": "{color.light-mode.brand.secondary.400.value}",
526
1032
  "public": true,
527
1033
  "isReferenceToInternal": true
528
1034
  },
529
- "name": "color-light-mode-button-secondary-text-default",
1035
+ "name": "color-light-mode-button-subtle-foreground-default",
530
1036
  "attributes": {
531
1037
  "category": "color",
532
1038
  "type": "light-mode",
533
1039
  "item": "button",
534
- "subitem": "secondary",
535
- "state": "text"
1040
+ "subitem": "subtle",
1041
+ "state": "foreground"
536
1042
  },
537
1043
  "path": [
538
1044
  "color",
539
1045
  "light-mode",
540
1046
  "button",
541
- "secondary",
542
- "text",
1047
+ "subtle",
1048
+ "foreground",
543
1049
  "default"
544
1050
  ]
545
1051
  },
@@ -547,27 +1053,27 @@
547
1053
  "value": "#3017a1",
548
1054
  "public": true,
549
1055
  "isReferenceToInternal": true,
550
- "filePath": "tokens/color/alias/input.light.json",
1056
+ "filePath": "tokens/color/alias/interactive.light.json",
551
1057
  "isSource": true,
552
1058
  "original": {
553
1059
  "value": "{color.light-mode.brand.secondary.400.value}",
554
1060
  "public": true,
555
1061
  "isReferenceToInternal": true
556
1062
  },
557
- "name": "color-light-mode-button-secondary-text-hover",
1063
+ "name": "color-light-mode-button-subtle-foreground-hover",
558
1064
  "attributes": {
559
1065
  "category": "color",
560
1066
  "type": "light-mode",
561
1067
  "item": "button",
562
- "subitem": "secondary",
563
- "state": "text"
1068
+ "subitem": "subtle",
1069
+ "state": "foreground"
564
1070
  },
565
1071
  "path": [
566
1072
  "color",
567
1073
  "light-mode",
568
1074
  "button",
569
- "secondary",
570
- "text",
1075
+ "subtle",
1076
+ "foreground",
571
1077
  "hover"
572
1078
  ]
573
1079
  },
@@ -575,42 +1081,72 @@
575
1081
  "value": "#11005d",
576
1082
  "public": true,
577
1083
  "isReferenceToInternal": true,
578
- "filePath": "tokens/color/alias/input.light.json",
1084
+ "filePath": "tokens/color/alias/interactive.light.json",
579
1085
  "isSource": true,
580
1086
  "original": {
581
1087
  "value": "{color.light-mode.brand.secondary.500.value}",
582
1088
  "public": true,
583
1089
  "isReferenceToInternal": true
584
1090
  },
585
- "name": "color-light-mode-button-secondary-text-active",
1091
+ "name": "color-light-mode-button-subtle-foreground-active",
586
1092
  "attributes": {
587
1093
  "category": "color",
588
1094
  "type": "light-mode",
589
1095
  "item": "button",
590
- "subitem": "secondary",
591
- "state": "text"
1096
+ "subitem": "subtle",
1097
+ "state": "foreground"
592
1098
  },
593
1099
  "path": [
594
1100
  "color",
595
1101
  "light-mode",
596
1102
  "button",
597
- "secondary",
598
- "text",
1103
+ "subtle",
1104
+ "foreground",
599
1105
  "active"
600
1106
  ]
1107
+ },
1108
+ "focus": {
1109
+ "value": "#3017a1",
1110
+ "public": true,
1111
+ "isReferenceToInternal": true,
1112
+ "filePath": "tokens/color/alias/interactive.light.json",
1113
+ "isSource": true,
1114
+ "original": {
1115
+ "value": "{color.light-mode.brand.secondary.400.value}",
1116
+ "public": true,
1117
+ "isReferenceToInternal": true
1118
+ },
1119
+ "name": "color-light-mode-button-subtle-foreground-focus",
1120
+ "attributes": {
1121
+ "category": "color",
1122
+ "type": "light-mode",
1123
+ "item": "button",
1124
+ "subitem": "subtle",
1125
+ "state": "foreground"
1126
+ },
1127
+ "path": [
1128
+ "color",
1129
+ "light-mode",
1130
+ "button",
1131
+ "subtle",
1132
+ "foreground",
1133
+ "focus"
1134
+ ]
601
1135
  }
602
1136
  }
603
1137
  },
604
1138
  "destructive": {
605
1139
  "background": {
606
1140
  "default": {
607
- "value": "rgba(0, 0, 0, 0)",
1141
+ "value": "#d61f1f",
608
1142
  "public": true,
609
- "filePath": "tokens/color/alias/input.light.json",
1143
+ "isReferenceToInternal": true,
1144
+ "filePath": "tokens/color/alias/interactive.light.json",
610
1145
  "isSource": true,
611
1146
  "original": {
612
- "value": "transparent",
613
- "public": true
1147
+ "value": "{color.light-mode.semantic.error.400.value}",
1148
+ "public": true,
1149
+ "isReferenceToInternal": true
614
1150
  },
615
1151
  "name": "color-light-mode-button-destructive-background-default",
616
1152
  "attributes": {
@@ -630,13 +1166,13 @@
630
1166
  ]
631
1167
  },
632
1168
  "hover": {
633
- "value": "#ffebeb",
1169
+ "value": "#f83333",
634
1170
  "public": true,
635
1171
  "isReferenceToInternal": true,
636
- "filePath": "tokens/color/alias/input.light.json",
1172
+ "filePath": "tokens/color/alias/interactive.light.json",
637
1173
  "isSource": true,
638
1174
  "original": {
639
- "value": "{color.light-mode.semantic.error.100.value}",
1175
+ "value": "{color.light-mode.semantic.error.300.value}",
640
1176
  "public": true,
641
1177
  "isReferenceToInternal": true
642
1178
  },
@@ -658,13 +1194,13 @@
658
1194
  ]
659
1195
  },
660
1196
  "active": {
661
- "value": "#ffebeb",
1197
+ "value": "#920303",
662
1198
  "public": true,
663
1199
  "isReferenceToInternal": true,
664
- "filePath": "tokens/color/alias/input.light.json",
1200
+ "filePath": "tokens/color/alias/interactive.light.json",
665
1201
  "isSource": true,
666
1202
  "original": {
667
- "value": "{color.light-mode.semantic.error.100.value}",
1203
+ "value": "{color.light-mode.semantic.error.500.value}",
668
1204
  "public": true,
669
1205
  "isReferenceToInternal": true
670
1206
  },
@@ -684,6 +1220,34 @@
684
1220
  "background",
685
1221
  "active"
686
1222
  ]
1223
+ },
1224
+ "focus": {
1225
+ "value": "#ffebeb",
1226
+ "public": true,
1227
+ "isReferenceToInternal": true,
1228
+ "filePath": "tokens/color/alias/interactive.light.json",
1229
+ "isSource": true,
1230
+ "original": {
1231
+ "value": "{color.light-mode.semantic.error.100.value}",
1232
+ "public": true,
1233
+ "isReferenceToInternal": true
1234
+ },
1235
+ "name": "color-light-mode-button-destructive-background-focus",
1236
+ "attributes": {
1237
+ "category": "color",
1238
+ "type": "light-mode",
1239
+ "item": "button",
1240
+ "subitem": "destructive",
1241
+ "state": "background"
1242
+ },
1243
+ "path": [
1244
+ "color",
1245
+ "light-mode",
1246
+ "button",
1247
+ "destructive",
1248
+ "background",
1249
+ "focus"
1250
+ ]
687
1251
  }
688
1252
  },
689
1253
  "border": {
@@ -691,7 +1255,7 @@
691
1255
  "value": "#d61f1f",
692
1256
  "public": true,
693
1257
  "isReferenceToInternal": true,
694
- "filePath": "tokens/color/alias/input.light.json",
1258
+ "filePath": "tokens/color/alias/interactive.light.json",
695
1259
  "isSource": true,
696
1260
  "original": {
697
1261
  "value": "{color.light-mode.semantic.error.400.value}",
@@ -719,7 +1283,7 @@
719
1283
  "value": "#f83333",
720
1284
  "public": true,
721
1285
  "isReferenceToInternal": true,
722
- "filePath": "tokens/color/alias/input.light.json",
1286
+ "filePath": "tokens/color/alias/interactive.light.json",
723
1287
  "isSource": true,
724
1288
  "original": {
725
1289
  "value": "{color.light-mode.semantic.error.300.value}",
@@ -747,7 +1311,7 @@
747
1311
  "value": "#920303",
748
1312
  "public": true,
749
1313
  "isReferenceToInternal": true,
750
- "filePath": "tokens/color/alias/input.light.json",
1314
+ "filePath": "tokens/color/alias/interactive.light.json",
751
1315
  "isSource": true,
752
1316
  "original": {
753
1317
  "value": "{color.light-mode.semantic.error.500.value}",
@@ -770,205 +1334,149 @@
770
1334
  "border",
771
1335
  "active"
772
1336
  ]
1337
+ },
1338
+ "focus": {
1339
+ "value": "#d61f1f",
1340
+ "public": true,
1341
+ "isReferenceToInternal": true,
1342
+ "filePath": "tokens/color/alias/interactive.light.json",
1343
+ "isSource": true,
1344
+ "original": {
1345
+ "value": "{color.light-mode.semantic.error.400.value}",
1346
+ "public": true,
1347
+ "isReferenceToInternal": true
1348
+ },
1349
+ "name": "color-light-mode-button-destructive-border-focus",
1350
+ "attributes": {
1351
+ "category": "color",
1352
+ "type": "light-mode",
1353
+ "item": "button",
1354
+ "subitem": "destructive",
1355
+ "state": "border"
1356
+ },
1357
+ "path": [
1358
+ "color",
1359
+ "light-mode",
1360
+ "button",
1361
+ "destructive",
1362
+ "border",
1363
+ "focus"
1364
+ ]
773
1365
  }
774
1366
  },
775
- "text": {
1367
+ "foreground": {
776
1368
  "default": {
777
- "value": "#d61f1f",
1369
+ "value": "#ffffff",
778
1370
  "public": true,
779
1371
  "isReferenceToInternal": true,
780
- "filePath": "tokens/color/alias/input.light.json",
1372
+ "filePath": "tokens/color/alias/interactive.light.json",
781
1373
  "isSource": true,
782
1374
  "original": {
783
- "value": "{color.light-mode.semantic.error.400.value}",
1375
+ "value": "{color.light-mode.neutral.000.value}",
784
1376
  "public": true,
785
1377
  "isReferenceToInternal": true
786
1378
  },
787
- "name": "color-light-mode-button-destructive-text-default",
1379
+ "name": "color-light-mode-button-destructive-foreground-default",
788
1380
  "attributes": {
789
1381
  "category": "color",
790
1382
  "type": "light-mode",
791
1383
  "item": "button",
792
1384
  "subitem": "destructive",
793
- "state": "text"
1385
+ "state": "foreground"
794
1386
  },
795
1387
  "path": [
796
1388
  "color",
797
1389
  "light-mode",
798
1390
  "button",
799
1391
  "destructive",
800
- "text",
1392
+ "foreground",
801
1393
  "default"
802
1394
  ]
803
1395
  },
804
1396
  "hover": {
805
- "value": "#d61f1f",
1397
+ "value": "#ffffff",
806
1398
  "public": true,
807
1399
  "isReferenceToInternal": true,
808
- "filePath": "tokens/color/alias/input.light.json",
1400
+ "filePath": "tokens/color/alias/interactive.light.json",
809
1401
  "isSource": true,
810
1402
  "original": {
811
- "value": "{color.light-mode.semantic.error.400.value}",
1403
+ "value": "{color.light-mode.neutral.000.value}",
812
1404
  "public": true,
813
1405
  "isReferenceToInternal": true
814
1406
  },
815
- "name": "color-light-mode-button-destructive-text-hover",
1407
+ "name": "color-light-mode-button-destructive-foreground-hover",
816
1408
  "attributes": {
817
1409
  "category": "color",
818
1410
  "type": "light-mode",
819
1411
  "item": "button",
820
1412
  "subitem": "destructive",
821
- "state": "text"
1413
+ "state": "foreground"
822
1414
  },
823
1415
  "path": [
824
1416
  "color",
825
1417
  "light-mode",
826
1418
  "button",
827
1419
  "destructive",
828
- "text",
1420
+ "foreground",
829
1421
  "hover"
830
1422
  ]
831
1423
  },
832
1424
  "active": {
833
- "value": "#920303",
1425
+ "value": "#ffffff",
834
1426
  "public": true,
835
1427
  "isReferenceToInternal": true,
836
- "filePath": "tokens/color/alias/input.light.json",
1428
+ "filePath": "tokens/color/alias/interactive.light.json",
837
1429
  "isSource": true,
838
1430
  "original": {
839
- "value": "{color.light-mode.semantic.error.500.value}",
1431
+ "value": "{color.light-mode.neutral.000.value}",
840
1432
  "public": true,
841
1433
  "isReferenceToInternal": true
842
1434
  },
843
- "name": "color-light-mode-button-destructive-text-active",
1435
+ "name": "color-light-mode-button-destructive-foreground-active",
844
1436
  "attributes": {
845
1437
  "category": "color",
846
1438
  "type": "light-mode",
847
1439
  "item": "button",
848
1440
  "subitem": "destructive",
849
- "state": "text"
1441
+ "state": "foreground"
850
1442
  },
851
1443
  "path": [
852
1444
  "color",
853
1445
  "light-mode",
854
1446
  "button",
855
1447
  "destructive",
856
- "text",
1448
+ "foreground",
857
1449
  "active"
858
1450
  ]
859
- }
860
- }
861
- }
862
- },
863
- "input": {
864
- "background": {
865
- "default": {
866
- "value": "#ffffff",
867
- "public": true,
868
- "isReferenceToInternal": true,
869
- "filePath": "tokens/color/alias/input.light.json",
870
- "isSource": true,
871
- "original": {
872
- "value": "{color.light-mode.neutral.000.value}",
873
- "public": true,
874
- "isReferenceToInternal": true
875
- },
876
- "name": "color-light-mode-input-background-default",
877
- "attributes": {
878
- "category": "color",
879
- "type": "light-mode",
880
- "item": "input",
881
- "subitem": "background",
882
- "state": "default"
883
- },
884
- "path": [
885
- "color",
886
- "light-mode",
887
- "input",
888
- "background",
889
- "default"
890
- ]
891
- },
892
- "disabled": {
893
- "value": "#cfcfd3",
894
- "public": true,
895
- "isReferenceToInternal": true,
896
- "filePath": "tokens/color/alias/input.light.json",
897
- "isSource": true,
898
- "original": {
899
- "value": "{color.light-mode.neutral.100.value}",
900
- "public": true,
901
- "isReferenceToInternal": true
902
- },
903
- "name": "color-light-mode-input-background-disabled",
904
- "attributes": {
905
- "category": "color",
906
- "type": "light-mode",
907
- "item": "input",
908
- "subitem": "background",
909
- "state": "disabled"
910
1451
  },
911
- "path": [
912
- "color",
913
- "light-mode",
914
- "input",
915
- "background",
916
- "disabled"
917
- ]
918
- }
919
- },
920
- "border": {
921
- "default": {
922
- "value": "#71717c",
923
- "public": true,
924
- "filePath": "tokens/color/alias/input.light.json",
925
- "isSource": true,
926
- "original": {
927
- "value": "{color.light-mode.border.default}",
928
- "public": true
929
- },
930
- "name": "color-light-mode-input-border-default",
931
- "attributes": {
932
- "category": "color",
933
- "type": "light-mode",
934
- "item": "input",
935
- "subitem": "border",
936
- "state": "default"
937
- },
938
- "path": [
939
- "color",
940
- "light-mode",
941
- "input",
942
- "border",
943
- "default"
944
- ]
945
- },
946
- "disabled": {
947
- "value": "#aeaeb6",
948
- "public": true,
949
- "isReferenceToInternal": true,
950
- "filePath": "tokens/color/alias/input.light.json",
951
- "isSource": true,
952
- "original": {
953
- "value": "{color.light-mode.neutral.200.value}",
1452
+ "focus": {
1453
+ "value": "#f83333",
954
1454
  "public": true,
955
- "isReferenceToInternal": true
956
- },
957
- "name": "color-light-mode-input-border-disabled",
958
- "attributes": {
959
- "category": "color",
960
- "type": "light-mode",
961
- "item": "input",
962
- "subitem": "border",
963
- "state": "disabled"
964
- },
965
- "path": [
966
- "color",
967
- "light-mode",
968
- "input",
969
- "border",
970
- "disabled"
971
- ]
1455
+ "isReferenceToInternal": true,
1456
+ "filePath": "tokens/color/alias/interactive.light.json",
1457
+ "isSource": true,
1458
+ "original": {
1459
+ "value": "{color.light-mode.semantic.error.300.value}",
1460
+ "public": true,
1461
+ "isReferenceToInternal": true
1462
+ },
1463
+ "name": "color-light-mode-button-destructive-foreground-focus",
1464
+ "attributes": {
1465
+ "category": "color",
1466
+ "type": "light-mode",
1467
+ "item": "button",
1468
+ "subitem": "destructive",
1469
+ "state": "foreground"
1470
+ },
1471
+ "path": [
1472
+ "color",
1473
+ "light-mode",
1474
+ "button",
1475
+ "destructive",
1476
+ "foreground",
1477
+ "focus"
1478
+ ]
1479
+ }
972
1480
  }
973
1481
  }
974
1482
  },
@@ -1985,6 +2493,29 @@
1985
2493
  "500"
1986
2494
  ]
1987
2495
  }
2496
+ },
2497
+ "focus": {
2498
+ "value": "#0f62fe",
2499
+ "public": true,
2500
+ "filePath": "tokens/color/base/interactive.light.json",
2501
+ "isSource": true,
2502
+ "original": {
2503
+ "value": "#0F62FE",
2504
+ "public": true
2505
+ },
2506
+ "name": "color-light-mode-interactive-focus",
2507
+ "attributes": {
2508
+ "category": "color",
2509
+ "type": "light-mode",
2510
+ "item": "interactive",
2511
+ "subitem": "focus"
2512
+ },
2513
+ "path": [
2514
+ "color",
2515
+ "light-mode",
2516
+ "interactive",
2517
+ "focus"
2518
+ ]
1988
2519
  }
1989
2520
  },
1990
2521
  "neutral": {