@adobe/spectrum-tokens 12.0.0-beta.46 → 12.0.0-beta.49

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adobe/spectrum-tokens",
3
- "version": "12.0.0-beta.46",
3
+ "version": "12.0.0-beta.49",
4
4
  "description": "",
5
5
  "main": "config.js",
6
6
  "scripts": {
@@ -23,7 +23,6 @@
23
23
  "transparent-white-900": {
24
24
  "value": "rgb(255, 255, 255)"
25
25
  },
26
-
27
26
  "transparent-black-200": {
28
27
  "value": "rgba(0, 0, 0, 0.10)"
29
28
  },
@@ -48,11 +47,12 @@
48
47
  "transparent-black-900": {
49
48
  "value": "rgb(0, 0, 0)"
50
49
  },
51
-
52
- "focus-ring-color": {
50
+ "focus-indicator-color" :{
53
51
  "value": "{blue-800}"
54
52
  },
55
-
53
+ "focus-ring-color": {
54
+ "value": "{focus-indicator-color}"
55
+ },
56
56
  "static-white-focus-ring-color": {
57
57
  "value": "{white}"
58
58
  },
@@ -75,6 +75,230 @@
75
75
  }
76
76
  }
77
77
  },
78
+ "gray-background-color-default": {
79
+ "sets": {
80
+ "light":{
81
+ "value": "{gray-700}"
82
+ },
83
+ "dark":{
84
+ "value": "{gray-700}"
85
+ },
86
+ "darkest":{
87
+ "value": "{gray-700}"
88
+ },
89
+ "wireframe":{
90
+ "value": "{gray-700}"
91
+ }
92
+ }
93
+ },
94
+ "red-background-color-default": {
95
+ "sets": {
96
+ "light":{
97
+ "value": "{red-600}"
98
+ },
99
+ "dark":{
100
+ "value": "{red-700}"
101
+ },
102
+ "darkest":{
103
+ "value": "{red-700}"
104
+ },
105
+ "wireframe":{
106
+ "value": "{red-600}"
107
+ }
108
+ }
109
+ },
110
+ "orange-background-color-default": {
111
+ "sets": {
112
+ "light":{
113
+ "value": "{orange-600}"
114
+ },
115
+ "dark":{
116
+ "value": "{orange-800}"
117
+ },
118
+ "darkest":{
119
+ "value": "{orange-800}"
120
+ },
121
+ "wireframe":{
122
+ "value": "{orange-600}"
123
+ }
124
+ }
125
+ },
126
+ "yellow-background-color-default": {
127
+ "sets": {
128
+ "light":{
129
+ "value": "{yellow-400}"
130
+ },
131
+ "dark":{
132
+ "value": "{yellow-1000}"
133
+ },
134
+ "darkest":{
135
+ "value": "{yellow-1000}"
136
+ },
137
+ "wireframe":{
138
+ "value": "{yellow-400}"
139
+ }
140
+ }
141
+ },
142
+ "chartreuse-background-color-default": {
143
+ "sets": {
144
+ "light":{
145
+ "value": "{chartreuse-500}"
146
+ },
147
+ "dark":{
148
+ "value": "{chartreuse-900}"
149
+ },
150
+ "darkest":{
151
+ "value": "{chartreuse-900}"
152
+ },
153
+ "wireframe":{
154
+ "value": "{chartreuse-500}"
155
+ }
156
+ }
157
+ },
158
+ "celery-background-color-default": {
159
+ "sets": {
160
+ "light":{
161
+ "value": "{celery-600}"
162
+ },
163
+ "dark":{
164
+ "value": "{celery-800}"
165
+ },
166
+ "darkest":{
167
+ "value": "{celery-800}"
168
+ },
169
+ "wireframe":{
170
+ "value": "{celery-600}"
171
+ }
172
+ }
173
+ },
174
+ "green-background-color-default": {
175
+ "sets": {
176
+ "light":{
177
+ "value": "{green-900}"
178
+ },
179
+ "dark":{
180
+ "value": "{green-700}"
181
+ },
182
+ "darkest":{
183
+ "value": "{green-700}"
184
+ },
185
+ "wireframe":{
186
+ "value": "{green-900}"
187
+ }
188
+ }
189
+ },
190
+ "seafoam-background-color-default": {
191
+ "sets": {
192
+ "light":{
193
+ "value": "{seafoam-900}"
194
+ },
195
+ "dark":{
196
+ "value": "{seafoam-700}"
197
+ },
198
+ "darkest":{
199
+ "value": "{seafoam-700}"
200
+ },
201
+ "wireframe":{
202
+ "value": "{seafoam-900}"
203
+ }
204
+ }
205
+ },
206
+ "cyan-background-color-default": {
207
+ "sets": {
208
+ "light":{
209
+ "value": "{cyan-900}"
210
+ },
211
+ "dark":{
212
+ "value": "{cyan-700}"
213
+ },
214
+ "darkest":{
215
+ "value": "{cyan-700}"
216
+ },
217
+ "wireframe":{
218
+ "value": "{cyan-900}"
219
+ }
220
+ }
221
+ },
222
+ "blue-background-color-default": {
223
+ "sets": {
224
+ "light": {
225
+ "value": "{blue-900}"
226
+ },
227
+ "dark": {
228
+ "value": "{blue-700}"
229
+ },
230
+ "darkest": {
231
+ "value": "{blue-700}"
232
+ },
233
+ "wireframe": {
234
+ "value": "{blue-900}"
235
+ }
236
+ }
237
+ },
238
+ "indigo-background-color-default": {
239
+ "sets": {
240
+ "light":{
241
+ "value": "{indigo-900}"
242
+ },
243
+ "dark":{
244
+ "value": "{indigo-700}"
245
+ },
246
+ "darkest":{
247
+ "value": "{indigo-700}"
248
+ },
249
+ "wireframe":{
250
+ "value": "{indigo-900}"
251
+ }
252
+ }
253
+ },
254
+ "purple-background-color-default": {
255
+ "sets": {
256
+ "light":{
257
+ "value": "{purple-900}"
258
+ },
259
+ "dark":{
260
+ "value": "{purple-700}"
261
+ },
262
+ "darkest":{
263
+ "value": "{purple-700}"
264
+ },
265
+ "wireframe":{
266
+ "value": "{purple-900}"
267
+ }
268
+ }
269
+ },
270
+ "fuchsia-background-color-default": {
271
+ "sets": {
272
+ "light":{
273
+ "value": "{fuchsia-900}"
274
+ },
275
+ "dark":{
276
+ "value": "{fuchsia-700}"
277
+ },
278
+ "darkest":{
279
+ "value": "{fuchsia-700}"
280
+ },
281
+ "wireframe":{
282
+ "value": "{fuchsia-900}"
283
+ }
284
+ }
285
+ },
286
+ "magenta-background-color-default": {
287
+ "sets": {
288
+ "light":{
289
+ "value": "{magenta-900}"
290
+ },
291
+ "dark":{
292
+ "value": "{magenta-700}"
293
+ },
294
+ "darkest":{
295
+ "value": "{magenta-700}"
296
+ },
297
+ "wireframe":{
298
+ "value": "{magenta-900}"
299
+ }
300
+ }
301
+ },
78
302
  "neutral-content-color-default": {
79
303
  "value": "{gray-800}"
80
304
  },
@@ -87,7 +311,6 @@
87
311
  "neutral-content-color-key-focus": {
88
312
  "value": "{gray-900}"
89
313
  },
90
-
91
314
  "neutral-background-color-default": {
92
315
  "sets": {
93
316
  "light": {
@@ -152,7 +375,6 @@
152
375
  }
153
376
  }
154
377
  },
155
-
156
378
  "neutral-subdued-background-color-default": {
157
379
  "sets": {
158
380
  "light": {
@@ -217,7 +439,6 @@
217
439
  }
218
440
  }
219
441
  },
220
-
221
442
  "neutral-subdued-content-color-default": {
222
443
  "value": "{gray-700}"
223
444
  },
@@ -230,7 +451,6 @@
230
451
  "neutral-subdued-content-color-key-focus": {
231
452
  "value": "{gray-800}"
232
453
  },
233
-
234
454
  "accent-content-color": {
235
455
  "value": "{accent-color-900}"
236
456
  },
@@ -243,7 +463,6 @@
243
463
  "accent-content-color-key-focus": {
244
464
  "value": "{accent-color-1000}"
245
465
  },
246
-
247
466
  "accent-background-color-default": {
248
467
  "sets": {
249
468
  "light": {
@@ -372,7 +591,6 @@
372
591
  }
373
592
  }
374
593
  },
375
-
376
594
  "negative-content-color": {
377
595
  "value": "{negative-color-900}"
378
596
  },
@@ -385,7 +603,6 @@
385
603
  "negative-content-color-key-focus": {
386
604
  "value": "{negative-color-1000}"
387
605
  },
388
-
389
606
  "negative-background-color-default": {
390
607
  "sets": {
391
608
  "light": {
@@ -514,7 +731,6 @@
514
731
  }
515
732
  }
516
733
  },
517
-
518
734
  "disabled-content-color": {
519
735
  "value": "{gray-400}"
520
736
  },
@@ -524,7 +740,6 @@
524
740
  "disabled-static-black-content-color": {
525
741
  "value": "{transparent-black-500}"
526
742
  },
527
-
528
743
  "disabled-background-color": {
529
744
  "value": "{gray-200}"
530
745
  },
@@ -534,7 +749,6 @@
534
749
  "disabled-static-black-background-color": {
535
750
  "value": "{transparent-black-200}"
536
751
  },
537
-
538
752
  "disabled-border-color": {
539
753
  "value": "{gray-300}"
540
754
  },
@@ -544,7 +758,326 @@
544
758
  "disabled-static-black-border-color": {
545
759
  "value": "{transparent-black-300}"
546
760
  },
547
-
761
+ "neutral-visual-color": {
762
+ "sets": {
763
+ "light": {
764
+ "value": "{gray-500}"
765
+ },
766
+ "dark": {
767
+ "value": "{gray-600}"
768
+ },
769
+ "darkest": {
770
+ "value": "{gray-600}"
771
+ },
772
+ "wireframe": {
773
+ "value": "{gray-500}"
774
+ }
775
+ }
776
+ },
777
+ "accent-visual-color": {
778
+ "sets": {
779
+ "light": {
780
+ "value": "{accent-color-800}"
781
+ },
782
+ "dark": {
783
+ "value": "{accent-color-900}"
784
+ },
785
+ "darkest": {
786
+ "value": "{accent-color-900}"
787
+ },
788
+ "wireframe": {
789
+ "value": "{accent-color-900}"
790
+ }
791
+ }
792
+ },
793
+ "informative-visual-color": {
794
+ "sets": {
795
+ "light": {
796
+ "value": "{informative-color-800}"
797
+ },
798
+ "dark": {
799
+ "value": "{informative-color-900}"
800
+ },
801
+ "darkest": {
802
+ "value": "{informative-color-900}"
803
+ },
804
+ "wireframe": {
805
+ "value": "{informative-color-900}"
806
+ }
807
+ }
808
+ },
809
+ "negative-visual-color": {
810
+ "sets": {
811
+ "light": {
812
+ "value": "{negative-color-800}"
813
+ },
814
+ "dark": {
815
+ "value": "{negative-color-700}"
816
+ },
817
+ "darkest": {
818
+ "value": "{negative-color-700}"
819
+ },
820
+ "wireframe": {
821
+ "value": "{negative-color-900}"
822
+ }
823
+ }
824
+ },
825
+ "notice-visual-color": {
826
+ "sets": {
827
+ "light": {
828
+ "value": "{notice-color-600}"
829
+ },
830
+ "dark": {
831
+ "value": "{notice-color-900}"
832
+ },
833
+ "darkest": {
834
+ "value": "{notice-color-900}"
835
+ },
836
+ "wireframe": {
837
+ "value": "{notice-color-900}"
838
+ }
839
+ }
840
+ },
841
+ "positive-visual-color": {
842
+ "sets": {
843
+ "light": {
844
+ "value": "{positive-color-700}"
845
+ },
846
+ "dark": {
847
+ "value": "{positive-color-800}"
848
+ },
849
+ "darkest": {
850
+ "value": "{positive-color-800}"
851
+ },
852
+ "wireframe": {
853
+ "value": "{positive-color-900}"
854
+ }
855
+ }
856
+ },
857
+ "gray-visual-color": {
858
+ "sets": {
859
+ "light": {
860
+ "value": "{gray-500}"
861
+ },
862
+ "dark": {
863
+ "value": "{gray-600}"
864
+ },
865
+ "darkest": {
866
+ "value": "{gray-600}"
867
+ },
868
+ "wireframe": {
869
+ "value": "{gray-500}"
870
+ }
871
+ }
872
+ },
873
+ "red-visual-color": {
874
+ "sets": {
875
+ "light": {
876
+ "value": "{red-800}"
877
+ },
878
+ "dark": {
879
+ "value": "{red-700}"
880
+ },
881
+ "darkest": {
882
+ "value": "{red-700}"
883
+ },
884
+ "wireframe": {
885
+ "value": "{red-900}"
886
+ }
887
+ }
888
+ },
889
+ "orange-visual-color": {
890
+ "sets": {
891
+ "light": {
892
+ "value": "{orange-600}"
893
+ },
894
+ "dark": {
895
+ "value": "{orange-900}"
896
+ },
897
+ "darkest": {
898
+ "value": "{orange-900}"
899
+ },
900
+ "wireframe": {
901
+ "value": "{orange-900}"
902
+ }
903
+ }
904
+ },
905
+ "yellow-visual-color": {
906
+ "sets": {
907
+ "light": {
908
+ "value": "{yellow-600}"
909
+ },
910
+ "dark": {
911
+ "value": "{yellow-1100}"
912
+ },
913
+ "darkest": {
914
+ "value": "{yellow-1100}"
915
+ },
916
+ "wireframe": {
917
+ "value": "{yellow-900}"
918
+ }
919
+ }
920
+ },
921
+ "chartreuse-visual-color": {
922
+ "sets": {
923
+ "light": {
924
+ "value": "{chartreuse-600}"
925
+ },
926
+ "dark": {
927
+ "value": "{chartreuse-900}"
928
+ },
929
+ "darkest": {
930
+ "value": "{chartreuse-900}"
931
+ },
932
+ "wireframe": {
933
+ "value": "{chartreuse-900}"
934
+ }
935
+ }
936
+ },
937
+ "celery-visual-color": {
938
+ "sets": {
939
+ "light": {
940
+ "value": "{celery-700}"
941
+ },
942
+ "dark": {
943
+ "value": "{celery-800}"
944
+ },
945
+ "darkest": {
946
+ "value": "{celery-800}"
947
+ },
948
+ "wireframe": {
949
+ "value": "{celery-900}"
950
+ }
951
+ }
952
+ },
953
+ "green-visual-color": {
954
+ "sets": {
955
+ "light": {
956
+ "value": "{green-700}"
957
+ },
958
+ "dark": {
959
+ "value": "{green-800}"
960
+ },
961
+ "darkest": {
962
+ "value": "{green-800}"
963
+ },
964
+ "wireframe": {
965
+ "value": "{green-900}"
966
+ }
967
+ }
968
+ },
969
+ "seafoam-visual-color": {
970
+ "sets": {
971
+ "light": {
972
+ "value": "{seafoam-700}"
973
+ },
974
+ "dark": {
975
+ "value": "{seafoam-800}"
976
+ },
977
+ "darkest": {
978
+ "value": "{seafoam-800}"
979
+ },
980
+ "wireframe": {
981
+ "value": "{seafoam-900}"
982
+ }
983
+ }
984
+ },
985
+ "cyan-visual-color": {
986
+ "sets": {
987
+ "light": {
988
+ "value": "{cyan-600}"
989
+ },
990
+ "dark": {
991
+ "value": "{cyan-900}"
992
+ },
993
+ "darkest": {
994
+ "value": "{cyan-900}"
995
+ },
996
+ "wireframe": {
997
+ "value": "{cyan-900}"
998
+ }
999
+ }
1000
+ },
1001
+ "blue-visual-color": {
1002
+ "sets": {
1003
+ "light": {
1004
+ "value": "{blue-800}"
1005
+ },
1006
+ "dark": {
1007
+ "value": "{blue-900}"
1008
+ },
1009
+ "darkest": {
1010
+ "value": "{blue-900}"
1011
+ },
1012
+ "wireframe": {
1013
+ "value": "{blue-900}"
1014
+ }
1015
+ }
1016
+ },
1017
+ "indigo-visual-color": {
1018
+ "sets": {
1019
+ "light": {
1020
+ "value": "{indigo-800}"
1021
+ },
1022
+ "dark": {
1023
+ "value": "{indigo-900}"
1024
+ },
1025
+ "darkest": {
1026
+ "value": "{indigo-900}"
1027
+ },
1028
+ "wireframe": {
1029
+ "value": "{indigo-900}"
1030
+ }
1031
+ }
1032
+ },
1033
+ "purple-visual-color": {
1034
+ "sets": {
1035
+ "light": {
1036
+ "value": "{purple-800}"
1037
+ },
1038
+ "dark": {
1039
+ "value": "{purple-900}"
1040
+ },
1041
+ "darkest": {
1042
+ "value": "{purple-900}"
1043
+ },
1044
+ "wireframe": {
1045
+ "value": "{purple-900}"
1046
+ }
1047
+ }
1048
+ },
1049
+ "fuchsia-visual-color": {
1050
+ "sets": {
1051
+ "light": {
1052
+ "value": "{fuchsia-800}"
1053
+ },
1054
+ "dark": {
1055
+ "value": "{fuchsia-900}"
1056
+ },
1057
+ "darkest": {
1058
+ "value": "{fuchsia-900}"
1059
+ },
1060
+ "wireframe": {
1061
+ "value": "{fuchsia-900}"
1062
+ }
1063
+ }
1064
+ },
1065
+ "magenta-visual-color": {
1066
+ "sets": {
1067
+ "light": {
1068
+ "value": "{magenta-800}"
1069
+ },
1070
+ "dark": {
1071
+ "value": "{magenta-900}"
1072
+ },
1073
+ "darkest": {
1074
+ "value": "{magenta-900}"
1075
+ },
1076
+ "wireframe": {
1077
+ "value": "{magenta-900}"
1078
+ }
1079
+ }
1080
+ },
548
1081
  "drop-shadow-color": {
549
1082
  "sets": {
550
1083
  "light": {
@@ -574,6 +1107,18 @@
574
1107
  }
575
1108
  }
576
1109
  },
1110
+ "background-opacity-default": {
1111
+ "value": "0"
1112
+ },
1113
+ "background-opacity-hover": {
1114
+ "value": "0.1"
1115
+ },
1116
+ "background-opacity-down": {
1117
+ "value": "0.1"
1118
+ },
1119
+ "background-opacity-key-focus": {
1120
+ "value": "0.1"
1121
+ },
577
1122
  "background-layer-1-color": {
578
1123
  "sets": {
579
1124
  "light": {