@adobe/spectrum-tokens 12.0.0-beta.48 → 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.48",
3
+ "version": "12.0.0-beta.49",
4
4
  "description": "",
5
5
  "main": "config.js",
6
6
  "scripts": {
@@ -47,9 +47,12 @@
47
47
  "transparent-black-900": {
48
48
  "value": "rgb(0, 0, 0)"
49
49
  },
50
- "focus-ring-color": {
50
+ "focus-indicator-color" :{
51
51
  "value": "{blue-800}"
52
52
  },
53
+ "focus-ring-color": {
54
+ "value": "{focus-indicator-color}"
55
+ },
53
56
  "static-white-focus-ring-color": {
54
57
  "value": "{white}"
55
58
  },
@@ -72,6 +75,230 @@
72
75
  }
73
76
  }
74
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
+ },
75
302
  "neutral-content-color-default": {
76
303
  "value": "{gray-800}"
77
304
  },
@@ -880,6 +1107,18 @@
880
1107
  }
881
1108
  }
882
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
+ },
883
1122
  "background-layer-1-color": {
884
1123
  "sets": {
885
1124
  "light": {
@@ -917,7 +917,125 @@
917
917
  }
918
918
  }
919
919
  },
920
-
920
+ "menu-item-label-to-description": {
921
+ "value": "1px"
922
+ },
923
+ "menu-item-edge-to-content-not-selected-small": {
924
+ "sets": {
925
+ "desktop":{
926
+ "value": "28px"
927
+ },
928
+ "mobile":{
929
+ "value": "24px"
930
+ }
931
+ }
932
+ },
933
+ "menu-item-edge-to-content-not-selected-medium": {
934
+ "sets": {
935
+ "desktop": {
936
+ "value": "32px"
937
+ },
938
+ "mobile": {
939
+ "value": "42px"
940
+ }
941
+ }
942
+ },
943
+ "menu-item-edge-to-content-not-selected-large": {
944
+ "sets": {
945
+ "desktop": {
946
+ "value": "38px"
947
+ },
948
+ "mobile": {
949
+ "value": "47px"
950
+ }
951
+ }
952
+ },
953
+ "menu-item-edge-to-content-not-selected-extra-large": {
954
+ "sets": {
955
+ "desktop": {
956
+ "value": "45px"
957
+ },
958
+ "mobile": {
959
+ "value": "54px"
960
+ }
961
+ }
962
+ },
963
+ "menu-item-top-to-chevron-small": {
964
+ "sets": {
965
+ "desktop": {
966
+ "value": "7px"
967
+ },
968
+ "mobile": {
969
+ "value": "9px"
970
+ }
971
+ }
972
+ },
973
+ "menu-item-top-to-chevron-medium": {
974
+ "sets": {
975
+ "desktop": {
976
+ "value": "11px"
977
+ },
978
+ "mobile": {
979
+ "value": "13px"
980
+ }
981
+ }
982
+ },
983
+ "menu-item-top-to-chevron-large": {
984
+ "sets": {
985
+ "desktop": {
986
+ "value": "14px"
987
+ },
988
+ "mobile": {
989
+ "value": "17px"
990
+ }
991
+ }
992
+ },
993
+ "menu-item-top-to-chevron-extra-large": {
994
+ "sets": {
995
+ "desktop": {
996
+ "value": "17px"
997
+ },
998
+ "mobile": {
999
+ "value": "22px"
1000
+ }
1001
+ }
1002
+ },
1003
+ "meter-minimum-width": {
1004
+ "value": "48px"
1005
+ },
1006
+ "meter-maximum-width": {
1007
+ "value": "768px"
1008
+ },
1009
+ "meter-default-width": {
1010
+ "sets": {
1011
+ "desktop": {
1012
+ "value": "192px"
1013
+ },
1014
+ "mobile": {
1015
+ "value": "240px"
1016
+ }
1017
+ }
1018
+ },
1019
+ "meter-thickness-small": {
1020
+ "sets": {
1021
+ "desktop": {
1022
+ "value": "4px"
1023
+ },
1024
+ "mobile": {
1025
+ "value": "5px"
1026
+ }
1027
+ }
1028
+ },
1029
+ "meter-thickness-medium": {
1030
+ "sets": {
1031
+ "desktop": {
1032
+ "value": "6px"
1033
+ },
1034
+ "mobile": {
1035
+ "value": "8px"
1036
+ }
1037
+ }
1038
+ },
921
1039
  "swatch-size-extra-small": {
922
1040
  "sets": {
923
1041
  "desktop": {
@@ -1804,5 +1922,327 @@
1804
1922
  "value": "5px"
1805
1923
  }
1806
1924
  }
1925
+ },
1926
+ "sans-serif-heading-light": {
1927
+ "value": "{font-light-default}"
1928
+ },
1929
+ "serif-heading-light": {
1930
+ "value": "{font-regular-default}"
1931
+ },
1932
+ "heading": {
1933
+ "sets": {
1934
+ "spectrum":{
1935
+ "value": "{font-bold-default}"
1936
+ },
1937
+ "express": {
1938
+ "value": "{font-black-default}"
1939
+ }
1940
+ }
1941
+ },
1942
+ "heading-heavy": {
1943
+ "value": "{font-black-default}"
1944
+ },
1945
+ "heading-light-strong": {
1946
+ "value": "{font-bold-default}"
1947
+ },
1948
+ "heading-strong": {
1949
+ "value": "{font-black-default}"
1950
+ },
1951
+ "heading-heavy-strong": {
1952
+ "value": "{font-black-default}"
1953
+ },
1954
+ "sans-serif-heading-light-emphasized": {
1955
+ "value": "{font-light-italic-default}"
1956
+ },
1957
+ "serif-heading-light-emphasized": {
1958
+ "value": "{font-italic-default}"
1959
+ },
1960
+ "heading-emphasized": {
1961
+ "sets": {
1962
+ "spectrum": {
1963
+ "value": "{font-bold-italic-default}"
1964
+ },
1965
+ "express": {
1966
+ "value": "{font-black-italic-default}"
1967
+ }
1968
+ }
1969
+ },
1970
+ "heading-heavy-emphasized": {
1971
+ "value": "{font-black-italic-default}"
1972
+ },
1973
+ "heading-light-strong-emphasized": {
1974
+ "value": "{font-bold-italic-default}"
1975
+ },
1976
+ "heading-strong-emphasized": {
1977
+ "value": "{font-black-italic-default}"
1978
+ },
1979
+ "heading-heavy-strong-emphasized": {
1980
+ "value": "{font-black-italic-default}"
1981
+ },
1982
+ "cjk-heading-light": {
1983
+ "value": "{font-light-cjk}"
1984
+ },
1985
+ "cjk-heading": {
1986
+ "sets": {
1987
+ "spectrum": {
1988
+ "value": "{font-extra-bold-cjk}"
1989
+ },
1990
+ "express": {
1991
+ "value": "{font-black-cjk}"
1992
+ }
1993
+ }
1994
+ },
1995
+ "cjk-heading-heavy": {
1996
+ "value": "{font-black-cjk}"
1997
+ },
1998
+ "cjk-heading-light-strong": {
1999
+ "value": "{font-extra-bold-cjk}"
2000
+ },
2001
+ "cjk-heading-strong": {
2002
+ "value": "{font-black-cjk}"
2003
+ },
2004
+ "cjk-heading-heavy-strong": {
2005
+ "value": "{font-black-cjk}"
2006
+ },
2007
+ "cjk-heading-light-emphasized": {
2008
+ "value": "{font-black-cjk}"
2009
+ },
2010
+ "cjk-heading-emphasized": {
2011
+ "value": "{font-black-cjk}"
2012
+ },
2013
+ "cjk-heading-heavy-emphasized": {
2014
+ "value": "{font-black-cjk}"
2015
+ },
2016
+ "cjk-heading-light-strong-emphasized": {
2017
+ "value": "{font-extra-bold-cjk}"
2018
+ },
2019
+ "cjk-heading-strong-emphasized": {
2020
+ "value": "{font-black-cjk}"
2021
+ },
2022
+ "cjk-heading-heavy-strong-emphasized": {
2023
+ "value": "{font-black-cjk}"
2024
+ },
2025
+ "heading-size-xxxl": {
2026
+ "value": "{font-size-1300}"
2027
+ },
2028
+ "heading-size-xxl": {
2029
+ "value": "{font-size-1100}"
2030
+ },
2031
+ "heading-size-xl": {
2032
+ "value": "{font-size-900}"
2033
+ },
2034
+ "heading-size-l": {
2035
+ "value": "{font-size-700}"
2036
+ },
2037
+ "heading-size-m": {
2038
+ "value": "{font-size-500}"
2039
+ },
2040
+ "heading-size-s": {
2041
+ "value": "{font-size-300}"
2042
+ },
2043
+ "heading-size-xs": {
2044
+ "value": "{font-size-200}"
2045
+ },
2046
+ "heading-size-xxs": {
2047
+ "value": "{font-size-100}"
2048
+ },
2049
+ "heading-line-height": {
2050
+ "value": "{line-height-100}"
2051
+ },
2052
+ "cjk-heading-line-height": {
2053
+ "value": "{cjk-line-height-100}"
2054
+ },
2055
+ "heading-margin-top-multiplier": {
2056
+ "value": "0.8889"
2057
+ },
2058
+ "heading-margin-bottom-multiplier": {
2059
+ "value": "0.25"
2060
+ },
2061
+ "body": {
2062
+ "value": "{font-regular-default}"
2063
+ },
2064
+ "body-strong": {
2065
+ "value": "{font-bold-default}"
2066
+ },
2067
+ "body-emphasized": {
2068
+ "value": "{font-italic-default}"
2069
+ },
2070
+ "body-strong-emphasized": {
2071
+ "value": "{font-bold-italic-default}"
2072
+ },
2073
+ "cjk-body": {
2074
+ "value": "{font-regular-cjk}"
2075
+ },
2076
+ "cjk-body-strong": {
2077
+ "value": "{font-black-cjk}"
2078
+ },
2079
+ "cjk-body-emphasized": {
2080
+ "value": "{font-extra-bold-cjk}"
2081
+ },
2082
+ "cjk-body-strong-emphasized": {
2083
+ "value": "{font-black-cjk}"
2084
+ },
2085
+ "body-size-xxxl": {
2086
+ "value": "{font-size-600}"
2087
+ },
2088
+ "body-size-xxl": {
2089
+ "value": "{font-size-500}"
2090
+ },
2091
+ "body-size-xl": {
2092
+ "value": "{font-size-400}"
2093
+ },
2094
+ "body-size-l": {
2095
+ "value": "{font-size-300}"
2096
+ },
2097
+ "body-size-m": {
2098
+ "value": "{font-size-200}"
2099
+ },
2100
+ "body-size-s": {
2101
+ "value": "{font-size-100}"
2102
+ },
2103
+ "body-size-xs": {
2104
+ "value": "{font-size-75}"
2105
+ },
2106
+ "body-line-height": {
2107
+ "value": "{line-height-200}"
2108
+ },
2109
+ "cjk-body-line-height": {
2110
+ "value": "{cjk-line-height-200}"
2111
+ },
2112
+ "body-margin-multiplier": {
2113
+ "value": "0.75"
2114
+ },
2115
+ "detail": {
2116
+ "value": "{font-bold-default}"
2117
+ },
2118
+ "detail-light": {
2119
+ "value": "{font-regular-default}"
2120
+ },
2121
+ "detail-strong": {
2122
+ "value": "{font-bold-default}"
2123
+ },
2124
+ "detail-light-strong": {
2125
+ "value": "{font-regular-default}"
2126
+ },
2127
+ "detail-emphasized": {
2128
+ "value": "{font-bold-italic-default}"
2129
+ },
2130
+ "detail-light-emphasized": {
2131
+ "value": "{font-italic-default}"
2132
+ },
2133
+ "detail-strong-emphasized": {
2134
+ "value": "{font-bold-italic-default}"
2135
+ },
2136
+ "detail-light-strong-emphasized": {
2137
+ "value": "{font-italic-default}"
2138
+ },
2139
+ "cjk-detail": {
2140
+ "value": "{font-extra-bold-cjk}"
2141
+ },
2142
+ "cjk-detail-light": {
2143
+ "value": "{font-light-cjk}"
2144
+ },
2145
+ "cjk-detail-strong": {
2146
+ "value": "{font-black-cjk}"
2147
+ },
2148
+ "cjk-detail-light-strong": {
2149
+ "value": "{font-extra-bold-cjk}"
2150
+ },
2151
+ "cjk-detail-emphasized": {
2152
+ "value": "{font-black-cjk}"
2153
+ },
2154
+ "cjk-detail-light-emphasized": {
2155
+ "value": "{font-regular-cjk}"
2156
+ },
2157
+ "cjk-detail-strong-emphasized": {
2158
+ "value": "{font-black-cjk}"
2159
+ },
2160
+ "cjk-detail-light-strong-emphasized": {
2161
+ "value": "{font-extra-bold-cjk}"
2162
+ },
2163
+ "detail-size-xl": {
2164
+ "value": "{font-size-200}"
2165
+ },
2166
+ "detail-size-l": {
2167
+ "value": "{font-size-100}"
2168
+ },
2169
+ "detail-size-m": {
2170
+ "value": "{font-size-75}"
2171
+ },
2172
+ "detail-size-s": {
2173
+ "value": "{font-size-50}"
2174
+ },
2175
+ "detail-line-height": {
2176
+ "value": "{line-height-100}"
2177
+ },
2178
+ "cjk-detail-line-height": {
2179
+ "value": "{cjk-line-height-100}"
2180
+ },
2181
+ "detail-margin-top-mulitplier": {
2182
+ "value": "0.8889"
2183
+ },
2184
+ "detail-margin-bottom-multiplier": {
2185
+ "value": "0.25"
2186
+ },
2187
+ "detail-letter-spacing": {
2188
+ "value": "0.06em"
2189
+ },
2190
+ "code": {
2191
+ "value": "{font-regular-default}"
2192
+ },
2193
+ "code-strong": {
2194
+ "value": "{font-bold-default}"
2195
+ },
2196
+ "code-emphasized": {
2197
+ "value": "{font-italic-default}"
2198
+ },
2199
+ "code-strong-emphasized": {
2200
+ "value": "{font-bold-italic-default}"
2201
+ },
2202
+ "cjk-code": {
2203
+ "value": "{font-regular-cjk}"
2204
+ },
2205
+ "cjk-code-strong": {
2206
+ "value": "{font-black-cjk}"
2207
+ },
2208
+ "cjk-code-emphasized": {
2209
+ "value": "{font-bold-cjk}"
2210
+ },
2211
+ "cjk-code-strong-emphasized": {
2212
+ "value": "{font-black-cjk}"
2213
+ },
2214
+
2215
+
2216
+
2217
+
2218
+
2219
+
2220
+
2221
+
2222
+
2223
+
2224
+
2225
+
2226
+ "code-size-xl": {
2227
+ "value": "{font-size-400}"
2228
+ },
2229
+ "code-size-l": {
2230
+ "value": "{font-size-300}"
2231
+ },
2232
+ "code-size-m": {
2233
+ "value": "{font-size-200}"
2234
+ },
2235
+ "code-size-s": {
2236
+ "value": "{font-size-100}"
2237
+ },
2238
+ "code-size-xs": {
2239
+ "value": "{font-size-75}"
2240
+ },
2241
+
2242
+ "code-line-height": {
2243
+ "value": "{line-height-200}"
2244
+ },
2245
+ "cjk-code-line-height": {
2246
+ "value": "{cjk-line-height-200}"
1807
2247
  }
1808
- }
2248
+ }