@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-light-mode.json CHANGED
@@ -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}",
@@ -489,114 +713,421 @@
489
713
  "value": "#11005d",
490
714
  "public": true,
491
715
  "isReferenceToInternal": true,
492
- "filePath": "tokens/color/alias/input.light.json",
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
+ "value": "rgba(0, 0, 0, 0)",
997
+ "public": true,
998
+ "filePath": "tokens/color/alias/interactive.light.json",
999
+ "isSource": true,
1000
+ "original": {
1001
+ "value": "transparent",
1002
+ "public": true
1003
+ },
1004
+ "name": "color-light-mode-button-subtle-border",
1005
+ "attributes": {
1006
+ "category": "color",
1007
+ "type": "light-mode",
1008
+ "item": "button",
1009
+ "subitem": "subtle",
1010
+ "state": "border"
1011
+ },
1012
+ "path": [
1013
+ "color",
1014
+ "light-mode",
1015
+ "button",
1016
+ "subtle",
1017
+ "border"
1018
+ ]
1019
+ },
1020
+ "foreground": {
1021
+ "default": {
1022
+ "value": "#3017a1",
1023
+ "public": true,
1024
+ "isReferenceToInternal": true,
1025
+ "filePath": "tokens/color/alias/interactive.light.json",
493
1026
  "isSource": true,
494
1027
  "original": {
495
- "value": "{color.light-mode.brand.secondary.500.value}",
1028
+ "value": "{color.light-mode.brand.secondary.400.value}",
496
1029
  "public": true,
497
1030
  "isReferenceToInternal": true
498
1031
  },
499
- "name": "color-light-mode-button-secondary-border-active",
1032
+ "name": "color-light-mode-button-subtle-foreground-default",
500
1033
  "attributes": {
501
1034
  "category": "color",
502
1035
  "type": "light-mode",
503
1036
  "item": "button",
504
- "subitem": "secondary",
505
- "state": "border"
1037
+ "subitem": "subtle",
1038
+ "state": "foreground"
506
1039
  },
507
1040
  "path": [
508
1041
  "color",
509
1042
  "light-mode",
510
1043
  "button",
511
- "secondary",
512
- "border",
513
- "active"
1044
+ "subtle",
1045
+ "foreground",
1046
+ "default"
514
1047
  ]
515
- }
516
- },
517
- "text": {
518
- "default": {
1048
+ },
1049
+ "hover": {
519
1050
  "value": "#3017a1",
520
1051
  "public": true,
521
1052
  "isReferenceToInternal": true,
522
- "filePath": "tokens/color/alias/input.light.json",
1053
+ "filePath": "tokens/color/alias/interactive.light.json",
523
1054
  "isSource": true,
524
1055
  "original": {
525
1056
  "value": "{color.light-mode.brand.secondary.400.value}",
526
1057
  "public": true,
527
1058
  "isReferenceToInternal": true
528
1059
  },
529
- "name": "color-light-mode-button-secondary-text-default",
1060
+ "name": "color-light-mode-button-subtle-foreground-hover",
530
1061
  "attributes": {
531
1062
  "category": "color",
532
1063
  "type": "light-mode",
533
1064
  "item": "button",
534
- "subitem": "secondary",
535
- "state": "text"
1065
+ "subitem": "subtle",
1066
+ "state": "foreground"
536
1067
  },
537
1068
  "path": [
538
1069
  "color",
539
1070
  "light-mode",
540
1071
  "button",
541
- "secondary",
542
- "text",
543
- "default"
1072
+ "subtle",
1073
+ "foreground",
1074
+ "hover"
544
1075
  ]
545
1076
  },
546
- "hover": {
547
- "value": "#3017a1",
1077
+ "active": {
1078
+ "value": "#11005d",
548
1079
  "public": true,
549
1080
  "isReferenceToInternal": true,
550
- "filePath": "tokens/color/alias/input.light.json",
1081
+ "filePath": "tokens/color/alias/interactive.light.json",
551
1082
  "isSource": true,
552
1083
  "original": {
553
- "value": "{color.light-mode.brand.secondary.400.value}",
1084
+ "value": "{color.light-mode.brand.secondary.500.value}",
554
1085
  "public": true,
555
1086
  "isReferenceToInternal": true
556
1087
  },
557
- "name": "color-light-mode-button-secondary-text-hover",
1088
+ "name": "color-light-mode-button-subtle-foreground-active",
558
1089
  "attributes": {
559
1090
  "category": "color",
560
1091
  "type": "light-mode",
561
1092
  "item": "button",
562
- "subitem": "secondary",
563
- "state": "text"
1093
+ "subitem": "subtle",
1094
+ "state": "foreground"
564
1095
  },
565
1096
  "path": [
566
1097
  "color",
567
1098
  "light-mode",
568
1099
  "button",
569
- "secondary",
570
- "text",
571
- "hover"
1100
+ "subtle",
1101
+ "foreground",
1102
+ "active"
572
1103
  ]
573
1104
  },
574
- "active": {
575
- "value": "#11005d",
1105
+ "focus": {
1106
+ "value": "#3017a1",
576
1107
  "public": true,
577
1108
  "isReferenceToInternal": true,
578
- "filePath": "tokens/color/alias/input.light.json",
1109
+ "filePath": "tokens/color/alias/interactive.light.json",
579
1110
  "isSource": true,
580
1111
  "original": {
581
- "value": "{color.light-mode.brand.secondary.500.value}",
1112
+ "value": "{color.light-mode.brand.secondary.400.value}",
582
1113
  "public": true,
583
1114
  "isReferenceToInternal": true
584
1115
  },
585
- "name": "color-light-mode-button-secondary-text-active",
1116
+ "name": "color-light-mode-button-subtle-foreground-focus",
586
1117
  "attributes": {
587
1118
  "category": "color",
588
1119
  "type": "light-mode",
589
1120
  "item": "button",
590
- "subitem": "secondary",
591
- "state": "text"
1121
+ "subitem": "subtle",
1122
+ "state": "foreground"
592
1123
  },
593
1124
  "path": [
594
1125
  "color",
595
1126
  "light-mode",
596
1127
  "button",
597
- "secondary",
598
- "text",
599
- "active"
1128
+ "subtle",
1129
+ "foreground",
1130
+ "focus"
600
1131
  ]
601
1132
  }
602
1133
  }
@@ -604,13 +1135,15 @@
604
1135
  "destructive": {
605
1136
  "background": {
606
1137
  "default": {
607
- "value": "rgba(0, 0, 0, 0)",
1138
+ "value": "#d61f1f",
608
1139
  "public": true,
609
- "filePath": "tokens/color/alias/input.light.json",
1140
+ "isReferenceToInternal": true,
1141
+ "filePath": "tokens/color/alias/interactive.light.json",
610
1142
  "isSource": true,
611
1143
  "original": {
612
- "value": "transparent",
613
- "public": true
1144
+ "value": "{color.light-mode.semantic.error.400.value}",
1145
+ "public": true,
1146
+ "isReferenceToInternal": true
614
1147
  },
615
1148
  "name": "color-light-mode-button-destructive-background-default",
616
1149
  "attributes": {
@@ -630,13 +1163,13 @@
630
1163
  ]
631
1164
  },
632
1165
  "hover": {
633
- "value": "#ffebeb",
1166
+ "value": "#f83333",
634
1167
  "public": true,
635
1168
  "isReferenceToInternal": true,
636
- "filePath": "tokens/color/alias/input.light.json",
1169
+ "filePath": "tokens/color/alias/interactive.light.json",
637
1170
  "isSource": true,
638
1171
  "original": {
639
- "value": "{color.light-mode.semantic.error.100.value}",
1172
+ "value": "{color.light-mode.semantic.error.300.value}",
640
1173
  "public": true,
641
1174
  "isReferenceToInternal": true
642
1175
  },
@@ -658,13 +1191,13 @@
658
1191
  ]
659
1192
  },
660
1193
  "active": {
661
- "value": "#ffebeb",
1194
+ "value": "#920303",
662
1195
  "public": true,
663
1196
  "isReferenceToInternal": true,
664
- "filePath": "tokens/color/alias/input.light.json",
1197
+ "filePath": "tokens/color/alias/interactive.light.json",
665
1198
  "isSource": true,
666
1199
  "original": {
667
- "value": "{color.light-mode.semantic.error.100.value}",
1200
+ "value": "{color.light-mode.semantic.error.500.value}",
668
1201
  "public": true,
669
1202
  "isReferenceToInternal": true
670
1203
  },
@@ -684,6 +1217,34 @@
684
1217
  "background",
685
1218
  "active"
686
1219
  ]
1220
+ },
1221
+ "focus": {
1222
+ "value": "#ffebeb",
1223
+ "public": true,
1224
+ "isReferenceToInternal": true,
1225
+ "filePath": "tokens/color/alias/interactive.light.json",
1226
+ "isSource": true,
1227
+ "original": {
1228
+ "value": "{color.light-mode.semantic.error.100.value}",
1229
+ "public": true,
1230
+ "isReferenceToInternal": true
1231
+ },
1232
+ "name": "color-light-mode-button-destructive-background-focus",
1233
+ "attributes": {
1234
+ "category": "color",
1235
+ "type": "light-mode",
1236
+ "item": "button",
1237
+ "subitem": "destructive",
1238
+ "state": "background"
1239
+ },
1240
+ "path": [
1241
+ "color",
1242
+ "light-mode",
1243
+ "button",
1244
+ "destructive",
1245
+ "background",
1246
+ "focus"
1247
+ ]
687
1248
  }
688
1249
  },
689
1250
  "border": {
@@ -691,7 +1252,7 @@
691
1252
  "value": "#d61f1f",
692
1253
  "public": true,
693
1254
  "isReferenceToInternal": true,
694
- "filePath": "tokens/color/alias/input.light.json",
1255
+ "filePath": "tokens/color/alias/interactive.light.json",
695
1256
  "isSource": true,
696
1257
  "original": {
697
1258
  "value": "{color.light-mode.semantic.error.400.value}",
@@ -719,7 +1280,7 @@
719
1280
  "value": "#f83333",
720
1281
  "public": true,
721
1282
  "isReferenceToInternal": true,
722
- "filePath": "tokens/color/alias/input.light.json",
1283
+ "filePath": "tokens/color/alias/interactive.light.json",
723
1284
  "isSource": true,
724
1285
  "original": {
725
1286
  "value": "{color.light-mode.semantic.error.300.value}",
@@ -747,7 +1308,7 @@
747
1308
  "value": "#920303",
748
1309
  "public": true,
749
1310
  "isReferenceToInternal": true,
750
- "filePath": "tokens/color/alias/input.light.json",
1311
+ "filePath": "tokens/color/alias/interactive.light.json",
751
1312
  "isSource": true,
752
1313
  "original": {
753
1314
  "value": "{color.light-mode.semantic.error.500.value}",
@@ -770,205 +1331,149 @@
770
1331
  "border",
771
1332
  "active"
772
1333
  ]
1334
+ },
1335
+ "focus": {
1336
+ "value": "#d61f1f",
1337
+ "public": true,
1338
+ "isReferenceToInternal": true,
1339
+ "filePath": "tokens/color/alias/interactive.light.json",
1340
+ "isSource": true,
1341
+ "original": {
1342
+ "value": "{color.light-mode.semantic.error.400.value}",
1343
+ "public": true,
1344
+ "isReferenceToInternal": true
1345
+ },
1346
+ "name": "color-light-mode-button-destructive-border-focus",
1347
+ "attributes": {
1348
+ "category": "color",
1349
+ "type": "light-mode",
1350
+ "item": "button",
1351
+ "subitem": "destructive",
1352
+ "state": "border"
1353
+ },
1354
+ "path": [
1355
+ "color",
1356
+ "light-mode",
1357
+ "button",
1358
+ "destructive",
1359
+ "border",
1360
+ "focus"
1361
+ ]
773
1362
  }
774
1363
  },
775
- "text": {
1364
+ "foreground": {
776
1365
  "default": {
777
- "value": "#d61f1f",
1366
+ "value": "#ffffff",
778
1367
  "public": true,
779
1368
  "isReferenceToInternal": true,
780
- "filePath": "tokens/color/alias/input.light.json",
1369
+ "filePath": "tokens/color/alias/interactive.light.json",
781
1370
  "isSource": true,
782
1371
  "original": {
783
- "value": "{color.light-mode.semantic.error.400.value}",
1372
+ "value": "{color.light-mode.neutral.000.value}",
784
1373
  "public": true,
785
1374
  "isReferenceToInternal": true
786
1375
  },
787
- "name": "color-light-mode-button-destructive-text-default",
1376
+ "name": "color-light-mode-button-destructive-foreground-default",
788
1377
  "attributes": {
789
1378
  "category": "color",
790
1379
  "type": "light-mode",
791
1380
  "item": "button",
792
1381
  "subitem": "destructive",
793
- "state": "text"
1382
+ "state": "foreground"
794
1383
  },
795
1384
  "path": [
796
1385
  "color",
797
1386
  "light-mode",
798
1387
  "button",
799
1388
  "destructive",
800
- "text",
1389
+ "foreground",
801
1390
  "default"
802
1391
  ]
803
1392
  },
804
1393
  "hover": {
805
- "value": "#d61f1f",
1394
+ "value": "#ffffff",
806
1395
  "public": true,
807
1396
  "isReferenceToInternal": true,
808
- "filePath": "tokens/color/alias/input.light.json",
1397
+ "filePath": "tokens/color/alias/interactive.light.json",
809
1398
  "isSource": true,
810
1399
  "original": {
811
- "value": "{color.light-mode.semantic.error.400.value}",
1400
+ "value": "{color.light-mode.neutral.000.value}",
812
1401
  "public": true,
813
1402
  "isReferenceToInternal": true
814
1403
  },
815
- "name": "color-light-mode-button-destructive-text-hover",
1404
+ "name": "color-light-mode-button-destructive-foreground-hover",
816
1405
  "attributes": {
817
1406
  "category": "color",
818
1407
  "type": "light-mode",
819
1408
  "item": "button",
820
1409
  "subitem": "destructive",
821
- "state": "text"
1410
+ "state": "foreground"
822
1411
  },
823
1412
  "path": [
824
1413
  "color",
825
1414
  "light-mode",
826
1415
  "button",
827
1416
  "destructive",
828
- "text",
1417
+ "foreground",
829
1418
  "hover"
830
1419
  ]
831
1420
  },
832
1421
  "active": {
833
- "value": "#920303",
1422
+ "value": "#ffffff",
834
1423
  "public": true,
835
1424
  "isReferenceToInternal": true,
836
- "filePath": "tokens/color/alias/input.light.json",
1425
+ "filePath": "tokens/color/alias/interactive.light.json",
837
1426
  "isSource": true,
838
1427
  "original": {
839
- "value": "{color.light-mode.semantic.error.500.value}",
1428
+ "value": "{color.light-mode.neutral.000.value}",
840
1429
  "public": true,
841
1430
  "isReferenceToInternal": true
842
1431
  },
843
- "name": "color-light-mode-button-destructive-text-active",
1432
+ "name": "color-light-mode-button-destructive-foreground-active",
844
1433
  "attributes": {
845
1434
  "category": "color",
846
1435
  "type": "light-mode",
847
1436
  "item": "button",
848
1437
  "subitem": "destructive",
849
- "state": "text"
1438
+ "state": "foreground"
850
1439
  },
851
1440
  "path": [
852
1441
  "color",
853
1442
  "light-mode",
854
1443
  "button",
855
1444
  "destructive",
856
- "text",
1445
+ "foreground",
857
1446
  "active"
858
1447
  ]
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
1448
  },
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}",
1449
+ "focus": {
1450
+ "value": "#f83333",
954
1451
  "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
- ]
1452
+ "isReferenceToInternal": true,
1453
+ "filePath": "tokens/color/alias/interactive.light.json",
1454
+ "isSource": true,
1455
+ "original": {
1456
+ "value": "{color.light-mode.semantic.error.300.value}",
1457
+ "public": true,
1458
+ "isReferenceToInternal": true
1459
+ },
1460
+ "name": "color-light-mode-button-destructive-foreground-focus",
1461
+ "attributes": {
1462
+ "category": "color",
1463
+ "type": "light-mode",
1464
+ "item": "button",
1465
+ "subitem": "destructive",
1466
+ "state": "foreground"
1467
+ },
1468
+ "path": [
1469
+ "color",
1470
+ "light-mode",
1471
+ "button",
1472
+ "destructive",
1473
+ "foreground",
1474
+ "focus"
1475
+ ]
1476
+ }
972
1477
  }
973
1478
  }
974
1479
  },
@@ -1985,6 +2490,29 @@
1985
2490
  "500"
1986
2491
  ]
1987
2492
  }
2493
+ },
2494
+ "focus": {
2495
+ "value": "#0f62fe",
2496
+ "public": true,
2497
+ "filePath": "tokens/color/base/interactive.light.json",
2498
+ "isSource": true,
2499
+ "original": {
2500
+ "value": "#0F62FE",
2501
+ "public": true
2502
+ },
2503
+ "name": "color-light-mode-interactive-focus",
2504
+ "attributes": {
2505
+ "category": "color",
2506
+ "type": "light-mode",
2507
+ "item": "interactive",
2508
+ "subitem": "focus"
2509
+ },
2510
+ "path": [
2511
+ "color",
2512
+ "light-mode",
2513
+ "interactive",
2514
+ "focus"
2515
+ ]
1988
2516
  }
1989
2517
  },
1990
2518
  "neutral": {