@spectrum-web-components/styles 0.41.0 → 0.41.2

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 (54) hide show
  1. package/express/spectrum-core-global.css +127 -244
  2. package/express/spectrum-scale-large.css +2 -2
  3. package/express/spectrum-scale-medium.css +2 -2
  4. package/express/spectrum-theme-dark.css +19 -50
  5. package/express/spectrum-theme-light.css +19 -50
  6. package/package.json +6 -6
  7. package/spectrum-core-global.css +129 -251
  8. package/spectrum-scale-large.css +2 -2
  9. package/spectrum-scale-medium.css +2 -2
  10. package/spectrum-theme-dark.css +14 -25
  11. package/spectrum-theme-darkest.css +14 -24
  12. package/spectrum-theme-light.css +14 -24
  13. package/spectrum-theme-lightest.css +14 -14
  14. package/src/spectrum-base.css.dev.js +1 -5
  15. package/src/spectrum-base.css.dev.js.map +2 -2
  16. package/src/spectrum-base.css.js +1 -5
  17. package/src/spectrum-base.css.js.map +2 -2
  18. package/src/spectrum-body.css +64 -40
  19. package/src/spectrum-body.css.dev.js +1 -71
  20. package/src/spectrum-body.css.dev.js.map +2 -2
  21. package/src/spectrum-body.css.js +1 -71
  22. package/src/spectrum-body.css.js.map +2 -2
  23. package/src/spectrum-code.css +42 -27
  24. package/src/spectrum-code.css.dev.js +1 -37
  25. package/src/spectrum-code.css.dev.js.map +2 -2
  26. package/src/spectrum-code.css.js +1 -37
  27. package/src/spectrum-code.css.js.map +2 -2
  28. package/src/spectrum-detail.css +91 -60
  29. package/src/spectrum-detail.css.dev.js +1 -119
  30. package/src/spectrum-detail.css.dev.js.map +2 -2
  31. package/src/spectrum-detail.css.js +1 -119
  32. package/src/spectrum-detail.css.js.map +2 -2
  33. package/src/spectrum-heading.css +151 -104
  34. package/src/spectrum-heading.css.dev.js +1 -169
  35. package/src/spectrum-heading.css.dev.js.map +2 -2
  36. package/src/spectrum-heading.css.js +1 -169
  37. package/src/spectrum-heading.css.js.map +2 -2
  38. package/src/spectrum-lang.css +146 -116
  39. package/src/spectrum-lang.css.dev.js +1 -137
  40. package/src/spectrum-lang.css.dev.js.map +2 -2
  41. package/src/spectrum-lang.css.js +1 -137
  42. package/src/spectrum-lang.css.js.map +2 -2
  43. package/src/spectrum-typography.css +11 -8
  44. package/src/spectrum-typography.css.dev.js +1 -9
  45. package/src/spectrum-typography.css.dev.js.map +2 -2
  46. package/src/spectrum-typography.css.js +1 -9
  47. package/src/spectrum-typography.css.js.map +2 -2
  48. package/tokens/global-vars.css +12 -0
  49. package/tokens/large-vars.css +0 -12
  50. package/tokens/medium-vars.css +0 -12
  51. package/tokens/spectrum/global-vars.css +2 -0
  52. package/tokens/spectrum/large-vars.css +0 -2
  53. package/tokens/spectrum/medium-vars.css +0 -2
  54. package/typography.css +335 -246
package/src/spectrum-heading.css CHANGED
@@ -11,6 +11,7 @@ governing permissions and limitations under the License.
11
11
  */
12
12
 
13
13
  /* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
14
+
14
15
  .spectrum-Heading {
15
16
  --spectrum-heading-sans-serif-font-family: var(
16
17
  --spectrum-sans-font-family-stack
@@ -30,53 +31,52 @@ governing permissions and limitations under the License.
30
31
  var(--spectrum-heading-margin-bottom-multiplier)
31
32
  );
32
33
  }
33
- @media (forced-colors: active) {
34
- .spectrum-Heading {
35
- --highcontrast-heading-font-color: Text;
36
- }
37
- }
34
+
38
35
  .spectrum-Heading--sizeXXS {
39
36
  --spectrum-heading-font-size: var(--spectrum-heading-size-xxs);
40
37
  --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xxs);
41
38
  }
39
+
42
40
  .spectrum-Heading--sizeXS {
43
41
  --spectrum-heading-font-size: var(--spectrum-heading-size-xs);
44
42
  --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xs);
45
43
  }
44
+
46
45
  .spectrum-Heading--sizeS {
47
46
  --spectrum-heading-font-size: var(--spectrum-heading-size-s);
48
47
  --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-s);
49
48
  }
49
+
50
50
  .spectrum-Heading--sizeM {
51
51
  --spectrum-heading-font-size: var(--spectrum-heading-size-m);
52
52
  --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-m);
53
53
  }
54
+
54
55
  .spectrum-Heading--sizeL {
55
56
  --spectrum-heading-font-size: var(--spectrum-heading-size-l);
56
57
  --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-l);
57
58
  }
59
+
58
60
  .spectrum-Heading--sizeXL {
59
61
  --spectrum-heading-font-size: var(--spectrum-heading-size-xl);
60
62
  --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xl);
61
63
  }
64
+
62
65
  .spectrum-Heading--sizeXXL {
63
66
  --spectrum-heading-font-size: var(--spectrum-heading-size-xxl);
64
67
  --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xxl);
65
68
  }
69
+
66
70
  .spectrum-Heading--sizeXXXL {
67
71
  --spectrum-heading-font-size: var(--spectrum-heading-size-xxxl);
68
72
  --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xxxl);
69
73
  }
74
+
70
75
  .spectrum-Heading {
71
- color: var(
72
- --highcontrast-heading-font-color,
73
- var(--mod-heading-font-color, var(--spectrum-heading-font-color))
74
- );
75
76
  font-family: var(
76
77
  --mod-heading-sans-serif-font-family,
77
78
  var(--spectrum-heading-sans-serif-font-family)
78
79
  );
79
- font-size: var(--mod-heading-font-size, var(--spectrum-heading-font-size));
80
80
  font-style: var(
81
81
  --mod-heading-sans-serif-font-style,
82
82
  var(--spectrum-heading-sans-serif-font-style)
@@ -85,14 +85,20 @@ governing permissions and limitations under the License.
85
85
  --mod-heading-sans-serif-font-weight,
86
86
  var(--spectrum-heading-sans-serif-font-weight)
87
87
  );
88
+ font-size: var(--mod-heading-font-size, var(--spectrum-heading-font-size));
89
+ color: var(
90
+ --highcontrast-heading-font-color,
91
+ var(--mod-heading-font-color, var(--spectrum-heading-font-color))
92
+ );
88
93
  line-height: var(
89
94
  --mod-heading-line-height,
90
95
  var(--spectrum-heading-line-height)
91
96
  );
92
97
  margin-block: 0;
93
98
  }
94
- .spectrum-Heading .spectrum-Heading-strong,
95
- .spectrum-Heading strong {
99
+
100
+ .spectrum-Heading strong,
101
+ .spectrum-Heading .spectrum-Heading-strong {
96
102
  font-style: var(
97
103
  --mod-heading-sans-serif-strong-font-style,
98
104
  var(--spectrum-heading-sans-serif-strong-font-style)
@@ -102,8 +108,9 @@ governing permissions and limitations under the License.
102
108
  var(--spectrum-heading-sans-serif-strong-font-weight)
103
109
  );
104
110
  }
105
- .spectrum-Heading .spectrum-Heading-emphasized,
106
- .spectrum-Heading em {
111
+
112
+ .spectrum-Heading em,
113
+ .spectrum-Heading .spectrum-Heading-emphasized {
107
114
  font-style: var(
108
115
  --mod-heading-sans-serif-emphasized-font-style,
109
116
  var(--spectrum-heading-sans-serif-emphasized-font-style)
@@ -113,9 +120,10 @@ governing permissions and limitations under the License.
113
120
  var(--spectrum-heading-sans-serif-emphasized-font-weight)
114
121
  );
115
122
  }
123
+
116
124
  .spectrum-Heading .spectrum-Heading-strong.spectrum-Heading-emphasized,
117
- .spectrum-Heading em strong,
118
- .spectrum-Heading strong em {
125
+ .spectrum-Heading strong em,
126
+ .spectrum-Heading em strong {
119
127
  font-style: var(
120
128
  --mod-heading-sans-serif-strong-emphasized-font-style,
121
129
  var(--spectrum-heading-sans-serif-strong-emphasized-font-style)
@@ -125,17 +133,14 @@ governing permissions and limitations under the License.
125
133
  var(--spectrum-heading-sans-serif-strong-emphasized-font-weight)
126
134
  );
127
135
  }
136
+
137
+ .spectrum-Heading:lang(zh),
128
138
  .spectrum-Heading:lang(ja),
129
- .spectrum-Heading:lang(ko),
130
- .spectrum-Heading:lang(zh) {
139
+ .spectrum-Heading:lang(ko) {
131
140
  font-family: var(
132
141
  --mod-heading-cjk-font-family,
133
142
  var(--spectrum-heading-cjk-font-family)
134
143
  );
135
- font-size: var(
136
- --mod-heading-cjk-font-size,
137
- var(--spectrum-heading-cjk-font-size)
138
- );
139
144
  font-style: var(
140
145
  --mod-heading-cjk-font-style,
141
146
  var(--spectrum-heading-cjk-font-style)
@@ -144,21 +149,26 @@ governing permissions and limitations under the License.
144
149
  --mod-heading-cjk-font-weight,
145
150
  var(--spectrum-heading-cjk-font-weight)
146
151
  );
147
- letter-spacing: var(
148
- --mod-heading-cjk-letter-spacing,
149
- var(--spectrum-heading-cjk-letter-spacing)
152
+ font-size: var(
153
+ --mod-heading-cjk-font-size,
154
+ var(--spectrum-heading-cjk-font-size)
150
155
  );
151
156
  line-height: var(
152
157
  --mod-heading-cjk-line-height,
153
158
  var(--spectrum-heading-cjk-line-height)
154
159
  );
160
+ letter-spacing: var(
161
+ --mod-heading-cjk-letter-spacing,
162
+ var(--spectrum-heading-cjk-letter-spacing)
163
+ );
155
164
  }
156
- .spectrum-Heading:lang(ja) .spectrum-Heading-emphasized,
165
+
166
+ .spectrum-Heading:lang(zh) em,
167
+ .spectrum-Heading:lang(zh) .spectrum-Heading-emphasized,
157
168
  .spectrum-Heading:lang(ja) em,
158
- .spectrum-Heading:lang(ko) .spectrum-Heading-emphasized,
169
+ .spectrum-Heading:lang(ja) .spectrum-Heading-emphasized,
159
170
  .spectrum-Heading:lang(ko) em,
160
- .spectrum-Heading:lang(zh) .spectrum-Heading-emphasized,
161
- .spectrum-Heading:lang(zh) em {
171
+ .spectrum-Heading:lang(ko) .spectrum-Heading-emphasized {
162
172
  font-style: var(
163
173
  --mod-heading-cjk-emphasized-font-style,
164
174
  var(--spectrum-heading-cjk-emphasized-font-style)
@@ -168,12 +178,13 @@ governing permissions and limitations under the License.
168
178
  var(--spectrum-heading-cjk-emphasized-font-weight)
169
179
  );
170
180
  }
171
- .spectrum-Heading:lang(ja) .spectrum-Heading-strong,
181
+
182
+ .spectrum-Heading:lang(zh) strong,
183
+ .spectrum-Heading:lang(zh) .spectrum-Heading-strong,
172
184
  .spectrum-Heading:lang(ja) strong,
173
- .spectrum-Heading:lang(ko) .spectrum-Heading-strong,
185
+ .spectrum-Heading:lang(ja) .spectrum-Heading-strong,
174
186
  .spectrum-Heading:lang(ko) strong,
175
- .spectrum-Heading:lang(zh) .spectrum-Heading-strong,
176
- .spectrum-Heading:lang(zh) strong {
187
+ .spectrum-Heading:lang(ko) .spectrum-Heading-strong {
177
188
  font-style: var(
178
189
  --mod-heading-cjk-strong-font-style,
179
190
  var(--spectrum-heading-cjk-strong-font-style)
@@ -183,15 +194,16 @@ governing permissions and limitations under the License.
183
194
  var(--spectrum-heading-cjk-strong-font-weight)
184
195
  );
185
196
  }
197
+
198
+ .spectrum-Heading:lang(zh) .spectrum-Heading-strong.spectrum-Heading-emphasized,
199
+ .spectrum-Heading:lang(zh) strong em,
200
+ .spectrum-Heading:lang(zh) em strong,
186
201
  .spectrum-Heading:lang(ja) .spectrum-Heading-strong.spectrum-Heading-emphasized,
187
- .spectrum-Heading:lang(ja) em strong,
188
202
  .spectrum-Heading:lang(ja) strong em,
203
+ .spectrum-Heading:lang(ja) em strong,
189
204
  .spectrum-Heading:lang(ko) .spectrum-Heading-strong.spectrum-Heading-emphasized,
190
- .spectrum-Heading:lang(ko) em strong,
191
205
  .spectrum-Heading:lang(ko) strong em,
192
- .spectrum-Heading:lang(zh) .spectrum-Heading-strong.spectrum-Heading-emphasized,
193
- .spectrum-Heading:lang(zh) em strong,
194
- .spectrum-Heading:lang(zh) strong em {
206
+ .spectrum-Heading:lang(ko) em strong {
195
207
  font-style: var(
196
208
  --mod-heading-cjk-strong-emphasized-font-style,
197
209
  var(--spectrum-heading-cjk-strong-emphasized-font-style)
@@ -201,6 +213,7 @@ governing permissions and limitations under the License.
201
213
  var(--spectrum-heading-cjk-strong-emphasized-font-weight)
202
214
  );
203
215
  }
216
+
204
217
  .spectrum-Heading--heavy {
205
218
  font-style: var(
206
219
  --mod-heading-sans-serif-heavy-font-style,
@@ -211,8 +224,9 @@ governing permissions and limitations under the License.
211
224
  var(--spectrum-heading-sans-serif-heavy-font-weight)
212
225
  );
213
226
  }
214
- .spectrum-Heading--heavy .spectrum-Heading-strong,
215
- .spectrum-Heading--heavy strong {
227
+
228
+ .spectrum-Heading--heavy strong,
229
+ .spectrum-Heading--heavy .spectrum-Heading-strong {
216
230
  font-style: var(
217
231
  --mod-heading-sans-serif-heavy-strong-font-style,
218
232
  var(--spectrum-heading-sans-serif-heavy-strong-font-style)
@@ -222,8 +236,9 @@ governing permissions and limitations under the License.
222
236
  var(--spectrum-heading-sans-serif-heavy-strong-font-weight)
223
237
  );
224
238
  }
225
- .spectrum-Heading--heavy .spectrum-Heading-emphasized,
226
- .spectrum-Heading--heavy em {
239
+
240
+ .spectrum-Heading--heavy em,
241
+ .spectrum-Heading--heavy .spectrum-Heading-emphasized {
227
242
  font-style: var(
228
243
  --mod-heading-sans-serif-heavy-emphasized-font-style,
229
244
  var(--spectrum-heading-sans-serif-heavy-emphasized-font-style)
@@ -233,9 +248,10 @@ governing permissions and limitations under the License.
233
248
  var(--spectrum-heading-sans-serif-heavy-emphasized-font-weight)
234
249
  );
235
250
  }
251
+
236
252
  .spectrum-Heading--heavy .spectrum-Heading-strong.spectrum-Heading-emphasized,
237
- .spectrum-Heading--heavy em strong,
238
- .spectrum-Heading--heavy strong em {
253
+ .spectrum-Heading--heavy strong em,
254
+ .spectrum-Heading--heavy em strong {
239
255
  font-style: var(
240
256
  --mod-heading-sans-serif-heavy-strong-emphasized-font-style,
241
257
  var(--spectrum-heading-sans-serif-heavy-strong-emphasized-font-style)
@@ -245,9 +261,10 @@ governing permissions and limitations under the License.
245
261
  var(--spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight)
246
262
  );
247
263
  }
264
+
265
+ .spectrum-Heading--heavy:lang(zh),
248
266
  .spectrum-Heading--heavy:lang(ja),
249
- .spectrum-Heading--heavy:lang(ko),
250
- .spectrum-Heading--heavy:lang(zh) {
267
+ .spectrum-Heading--heavy:lang(ko) {
251
268
  font-style: var(
252
269
  --mod-heading-cjk-heavy-font-style,
253
270
  var(--spectrum-heading-cjk-heavy-font-style)
@@ -257,12 +274,13 @@ governing permissions and limitations under the License.
257
274
  var(--spectrum-heading-cjk-heavy-font-weight)
258
275
  );
259
276
  }
260
- .spectrum-Heading--heavy:lang(ja) .spectrum-Heading-emphasized,
277
+
278
+ .spectrum-Heading--heavy:lang(zh) em,
279
+ .spectrum-Heading--heavy:lang(zh) .spectrum-Heading-emphasized,
261
280
  .spectrum-Heading--heavy:lang(ja) em,
262
- .spectrum-Heading--heavy:lang(ko) .spectrum-Heading-emphasized,
281
+ .spectrum-Heading--heavy:lang(ja) .spectrum-Heading-emphasized,
263
282
  .spectrum-Heading--heavy:lang(ko) em,
264
- .spectrum-Heading--heavy:lang(zh) .spectrum-Heading-emphasized,
265
- .spectrum-Heading--heavy:lang(zh) em {
283
+ .spectrum-Heading--heavy:lang(ko) .spectrum-Heading-emphasized {
266
284
  font-style: var(
267
285
  --mod-heading-cjk-heavy-emphasized-font-style,
268
286
  var(--spectrum-heading-cjk-heavy-emphasized-font-style)
@@ -272,12 +290,13 @@ governing permissions and limitations under the License.
272
290
  var(--spectrum-heading-cjk-heavy-emphasized-font-weight)
273
291
  );
274
292
  }
275
- .spectrum-Heading--heavy:lang(ja) .spectrum-Heading-strong,
293
+
294
+ .spectrum-Heading--heavy:lang(zh) strong,
295
+ .spectrum-Heading--heavy:lang(zh) .spectrum-Heading-strong,
276
296
  .spectrum-Heading--heavy:lang(ja) strong,
277
- .spectrum-Heading--heavy:lang(ko) .spectrum-Heading-strong,
297
+ .spectrum-Heading--heavy:lang(ja) .spectrum-Heading-strong,
278
298
  .spectrum-Heading--heavy:lang(ko) strong,
279
- .spectrum-Heading--heavy:lang(zh) .spectrum-Heading-strong,
280
- .spectrum-Heading--heavy:lang(zh) strong {
299
+ .spectrum-Heading--heavy:lang(ko) .spectrum-Heading-strong {
281
300
  font-style: var(
282
301
  --mod-heading-cjk-heavy-strong-font-style,
283
302
  var(--spectrum-heading-cjk-heavy-strong-font-style)
@@ -287,18 +306,19 @@ governing permissions and limitations under the License.
287
306
  var(--spectrum-heading-cjk-heavy-strong-font-weight)
288
307
  );
289
308
  }
309
+
310
+ .spectrum-Heading--heavy:lang(zh)
311
+ .spectrum-Heading-strong.spectrum-Heading-emphasized,
312
+ .spectrum-Heading--heavy:lang(zh) strong em,
313
+ .spectrum-Heading--heavy:lang(zh) em strong,
290
314
  .spectrum-Heading--heavy:lang(ja)
291
315
  .spectrum-Heading-strong.spectrum-Heading-emphasized,
292
- .spectrum-Heading--heavy:lang(ja) em strong,
293
316
  .spectrum-Heading--heavy:lang(ja) strong em,
317
+ .spectrum-Heading--heavy:lang(ja) em strong,
294
318
  .spectrum-Heading--heavy:lang(ko)
295
319
  .spectrum-Heading-strong.spectrum-Heading-emphasized,
296
- .spectrum-Heading--heavy:lang(ko) em strong,
297
320
  .spectrum-Heading--heavy:lang(ko) strong em,
298
- .spectrum-Heading--heavy:lang(zh)
299
- .spectrum-Heading-strong.spectrum-Heading-emphasized,
300
- .spectrum-Heading--heavy:lang(zh) em strong,
301
- .spectrum-Heading--heavy:lang(zh) strong em {
321
+ .spectrum-Heading--heavy:lang(ko) em strong {
302
322
  font-style: var(
303
323
  --mod-heading-cjk-heavy-strong-emphasized-font-style,
304
324
  var(--spectrum-heading-cjk-heavy-strong-emphasized-font-style)
@@ -308,6 +328,7 @@ governing permissions and limitations under the License.
308
328
  var(--spectrum-heading-cjk-heavy-strong-emphasized-font-weight)
309
329
  );
310
330
  }
331
+
311
332
  .spectrum-Heading--light {
312
333
  font-style: var(
313
334
  --mod-heading-sans-serif-light-font-style,
@@ -318,8 +339,9 @@ governing permissions and limitations under the License.
318
339
  var(--spectrum-heading-sans-serif-light-font-weight)
319
340
  );
320
341
  }
321
- .spectrum-Heading--light .spectrum-Heading-emphasized,
322
- .spectrum-Heading--light em {
342
+
343
+ .spectrum-Heading--light em,
344
+ .spectrum-Heading--light .spectrum-Heading-emphasized {
323
345
  font-style: var(
324
346
  --mod-heading-sans-serif-light-emphasized-font-style,
325
347
  var(--spectrum-heading-sans-serif-light-emphasized-font-style)
@@ -329,8 +351,9 @@ governing permissions and limitations under the License.
329
351
  var(--spectrum-heading-sans-serif-light-emphasized-font-weight)
330
352
  );
331
353
  }
332
- .spectrum-Heading--light .spectrum-Heading-strong,
333
- .spectrum-Heading--light strong {
354
+
355
+ .spectrum-Heading--light strong,
356
+ .spectrum-Heading--light .spectrum-Heading-strong {
334
357
  font-style: var(
335
358
  --mod-heading-sans-serif-light-strong-font-style,
336
359
  var(--spectrum-heading-sans-serif-light-strong-font-style)
@@ -340,9 +363,10 @@ governing permissions and limitations under the License.
340
363
  var(--spectrum-heading-sans-serif-light-strong-font-weight)
341
364
  );
342
365
  }
366
+
343
367
  .spectrum-Heading--light .spectrum-Heading-strong.spectrum-Heading-emphasized,
344
- .spectrum-Heading--light em strong,
345
- .spectrum-Heading--light strong em {
368
+ .spectrum-Heading--light strong em,
369
+ .spectrum-Heading--light em strong {
346
370
  font-style: var(
347
371
  --mod-heading-sans-serif-light-strong-emphasized-font-style,
348
372
  var(--spectrum-heading-sans-serif-light-strong-emphasized-font-style)
@@ -352,9 +376,10 @@ governing permissions and limitations under the License.
352
376
  var(--spectrum-heading-sans-serif-light-strong-emphasized-font-weight)
353
377
  );
354
378
  }
379
+
380
+ .spectrum-Heading--light:lang(zh),
355
381
  .spectrum-Heading--light:lang(ja),
356
- .spectrum-Heading--light:lang(ko),
357
- .spectrum-Heading--light:lang(zh) {
382
+ .spectrum-Heading--light:lang(ko) {
358
383
  font-style: var(
359
384
  --mod-heading-cjk-light-font-style,
360
385
  var(--spectrum-heading-cjk-light-font-style)
@@ -364,12 +389,13 @@ governing permissions and limitations under the License.
364
389
  var(--spectrum-heading-cjk-light-font-weight)
365
390
  );
366
391
  }
367
- .spectrum-Heading--light:lang(ja) .spectrum-Heading-strong,
392
+
393
+ .spectrum-Heading--light:lang(zh) strong,
394
+ .spectrum-Heading--light:lang(zh) .spectrum-Heading-strong,
368
395
  .spectrum-Heading--light:lang(ja) strong,
369
- .spectrum-Heading--light:lang(ko) .spectrum-Heading-strong,
396
+ .spectrum-Heading--light:lang(ja) .spectrum-Heading-strong,
370
397
  .spectrum-Heading--light:lang(ko) strong,
371
- .spectrum-Heading--light:lang(zh) .spectrum-Heading-strong,
372
- .spectrum-Heading--light:lang(zh) strong {
398
+ .spectrum-Heading--light:lang(ko) .spectrum-Heading-strong {
373
399
  font-style: var(
374
400
  --mod-heading-cjk-light-strong-font-style,
375
401
  var(--spectrum-heading-cjk-light-strong-font-style)
@@ -379,12 +405,13 @@ governing permissions and limitations under the License.
379
405
  var(--spectrum-heading-cjk-light-strong-font-weight)
380
406
  );
381
407
  }
382
- .spectrum-Heading--light:lang(ja) .spectrum-Heading-emphasized,
408
+
409
+ .spectrum-Heading--light:lang(zh) em,
410
+ .spectrum-Heading--light:lang(zh) .spectrum-Heading-emphasized,
383
411
  .spectrum-Heading--light:lang(ja) em,
384
- .spectrum-Heading--light:lang(ko) .spectrum-Heading-emphasized,
412
+ .spectrum-Heading--light:lang(ja) .spectrum-Heading-emphasized,
385
413
  .spectrum-Heading--light:lang(ko) em,
386
- .spectrum-Heading--light:lang(zh) .spectrum-Heading-emphasized,
387
- .spectrum-Heading--light:lang(zh) em {
414
+ .spectrum-Heading--light:lang(ko) .spectrum-Heading-emphasized {
388
415
  font-style: var(
389
416
  --mod-heading-cjk-light-emphasized-font-style,
390
417
  var(--spectrum-heading-cjk-light-emphasized-font-style)
@@ -394,18 +421,19 @@ governing permissions and limitations under the License.
394
421
  var(--spectrum-heading-cjk-light-emphasized-font-weight)
395
422
  );
396
423
  }
424
+
425
+ .spectrum-Heading--light:lang(zh)
426
+ .spectrum-Heading-strong.spectrum-Heading-emphasized,
427
+ .spectrum-Heading--light:lang(zh) strong em,
428
+ .spectrum-Heading--light:lang(zh) em strong,
397
429
  .spectrum-Heading--light:lang(ja)
398
430
  .spectrum-Heading-strong.spectrum-Heading-emphasized,
399
- .spectrum-Heading--light:lang(ja) em strong,
400
431
  .spectrum-Heading--light:lang(ja) strong em,
432
+ .spectrum-Heading--light:lang(ja) em strong,
401
433
  .spectrum-Heading--light:lang(ko)
402
434
  .spectrum-Heading-strong.spectrum-Heading-emphasized,
403
- .spectrum-Heading--light:lang(ko) em strong,
404
435
  .spectrum-Heading--light:lang(ko) strong em,
405
- .spectrum-Heading--light:lang(zh)
406
- .spectrum-Heading-strong.spectrum-Heading-emphasized,
407
- .spectrum-Heading--light:lang(zh) em strong,
408
- .spectrum-Heading--light:lang(zh) strong em {
436
+ .spectrum-Heading--light:lang(ko) em strong {
409
437
  font-style: var(
410
438
  --mod-heading-cjk-light-strong-emphasized-font-style,
411
439
  var(--spectrum-heading-cjk-light-strong-emphasized-font-style)
@@ -415,6 +443,7 @@ governing permissions and limitations under the License.
415
443
  var(--spectrum-heading-cjk-light-strong-emphasized-font-weight)
416
444
  );
417
445
  }
446
+
418
447
  .spectrum-Heading--serif {
419
448
  font-family: var(
420
449
  --mod-heading-serif-font-family,
@@ -429,8 +458,9 @@ governing permissions and limitations under the License.
429
458
  var(--spectrum-heading-serif-font-weight)
430
459
  );
431
460
  }
432
- .spectrum-Heading--serif .spectrum-Heading-emphasized,
433
- .spectrum-Heading--serif em {
461
+
462
+ .spectrum-Heading--serif em,
463
+ .spectrum-Heading--serif .spectrum-Heading-emphasized {
434
464
  font-style: var(
435
465
  --mod-heading-serif-emphasized-font-style,
436
466
  var(--spectrum-heading-serif-emphasized-font-style)
@@ -440,8 +470,9 @@ governing permissions and limitations under the License.
440
470
  var(--spectrum-heading-serif-emphasized-font-weight)
441
471
  );
442
472
  }
443
- .spectrum-Heading--serif .spectrum-Heading-strong,
444
- .spectrum-Heading--serif strong {
473
+
474
+ .spectrum-Heading--serif strong,
475
+ .spectrum-Heading--serif .spectrum-Heading-strong {
445
476
  font-style: var(
446
477
  --mod-heading-serif-strong-font-style,
447
478
  var(--spectrum-heading-serif-strong-font-style)
@@ -451,9 +482,10 @@ governing permissions and limitations under the License.
451
482
  var(--spectrum-heading-serif-strong-font-weight)
452
483
  );
453
484
  }
485
+
454
486
  .spectrum-Heading--serif .spectrum-Heading-strong.spectrum-Heading-emphasized,
455
- .spectrum-Heading--serif em strong,
456
- .spectrum-Heading--serif strong em {
487
+ .spectrum-Heading--serif strong em,
488
+ .spectrum-Heading--serif em strong {
457
489
  font-style: var(
458
490
  --mod-heading-serif-strong-emphasized-font-style,
459
491
  var(--spectrum-heading-serif-strong-emphasized-font-style)
@@ -463,6 +495,7 @@ governing permissions and limitations under the License.
463
495
  var(--spectrum-heading-serif-strong-emphasized-font-weight)
464
496
  );
465
497
  }
498
+
466
499
  .spectrum-Heading--serif.spectrum-Heading--heavy {
467
500
  font-style: var(
468
501
  --mod-heading-serif-heavy-font-style,
@@ -473,8 +506,9 @@ governing permissions and limitations under the License.
473
506
  var(--spectrum-heading-serif-heavy-font-weight)
474
507
  );
475
508
  }
476
- .spectrum-Heading--serif.spectrum-Heading--heavy .spectrum-Heading-strong,
477
- .spectrum-Heading--serif.spectrum-Heading--heavy strong {
509
+
510
+ .spectrum-Heading--serif.spectrum-Heading--heavy strong,
511
+ .spectrum-Heading--serif.spectrum-Heading--heavy .spectrum-Heading-strong {
478
512
  font-style: var(
479
513
  --mod-heading-serif-heavy-strong-font-style,
480
514
  var(--spectrum-heading-serif-heavy-strong-font-style)
@@ -484,8 +518,9 @@ governing permissions and limitations under the License.
484
518
  var(--spectrum-heading-serif-heavy-strong-font-weight)
485
519
  );
486
520
  }
487
- .spectrum-Heading--serif.spectrum-Heading--heavy .spectrum-Heading-emphasized,
488
- .spectrum-Heading--serif.spectrum-Heading--heavy em {
521
+
522
+ .spectrum-Heading--serif.spectrum-Heading--heavy em,
523
+ .spectrum-Heading--serif.spectrum-Heading--heavy .spectrum-Heading-emphasized {
489
524
  font-style: var(
490
525
  --mod-heading-serif-heavy-emphasized-font-style,
491
526
  var(--spectrum-heading-serif-heavy-emphasized-font-style)
@@ -495,10 +530,11 @@ governing permissions and limitations under the License.
495
530
  var(--spectrum-heading-serif-heavy-emphasized-font-weight)
496
531
  );
497
532
  }
533
+
498
534
  .spectrum-Heading--serif.spectrum-Heading--heavy
499
535
  .spectrum-Heading-strong.spectrum-Heading-emphasized,
500
- .spectrum-Heading--serif.spectrum-Heading--heavy em strong,
501
- .spectrum-Heading--serif.spectrum-Heading--heavy strong em {
536
+ .spectrum-Heading--serif.spectrum-Heading--heavy strong em,
537
+ .spectrum-Heading--serif.spectrum-Heading--heavy em strong {
502
538
  font-style: var(
503
539
  --mod-heading-serif-heavy-strong-emphasized-font-style,
504
540
  var(--spectrum-heading-serif-heavy-strong-emphasized-font-style)
@@ -508,6 +544,7 @@ governing permissions and limitations under the License.
508
544
  var(--spectrum-heading-serif-heavy-strong-emphasized-font-weight)
509
545
  );
510
546
  }
547
+
511
548
  .spectrum-Heading--serif.spectrum-Heading--light {
512
549
  font-style: var(
513
550
  --mod-heading-serif-light-font-style,
@@ -518,8 +555,9 @@ governing permissions and limitations under the License.
518
555
  var(--spectrum-heading-serif-light-font-weight)
519
556
  );
520
557
  }
521
- .spectrum-Heading--serif.spectrum-Heading--light .spectrum-Heading-emphasized,
522
- .spectrum-Heading--serif.spectrum-Heading--light em {
558
+
559
+ .spectrum-Heading--serif.spectrum-Heading--light em,
560
+ .spectrum-Heading--serif.spectrum-Heading--light .spectrum-Heading-emphasized {
523
561
  font-style: var(
524
562
  --mod-heading-serif-light-emphasized-font-style,
525
563
  var(--spectrum-heading-serif-light-emphasized-font-style)
@@ -529,8 +567,9 @@ governing permissions and limitations under the License.
529
567
  var(--spectrum-heading-serif-light-emphasized-font-weight)
530
568
  );
531
569
  }
532
- .spectrum-Heading--serif.spectrum-Heading--light .spectrum-Heading-strong,
533
- .spectrum-Heading--serif.spectrum-Heading--light strong {
570
+
571
+ .spectrum-Heading--serif.spectrum-Heading--light strong,
572
+ .spectrum-Heading--serif.spectrum-Heading--light .spectrum-Heading-strong {
534
573
  font-style: var(
535
574
  --mod-heading-serif-light-strong-font-style,
536
575
  var(--spectrum-heading-serif-light-strong-font-style)
@@ -540,10 +579,11 @@ governing permissions and limitations under the License.
540
579
  var(--spectrum-heading-serif-light-strong-font-weight)
541
580
  );
542
581
  }
582
+
543
583
  .spectrum-Heading--serif.spectrum-Heading--light
544
584
  .spectrum-Heading-strong.spectrum-Heading-emphasized,
545
- .spectrum-Heading--serif.spectrum-Heading--light em strong,
546
- .spectrum-Heading--serif.spectrum-Heading--light strong em {
585
+ .spectrum-Heading--serif.spectrum-Heading--light strong em,
586
+ .spectrum-Heading--serif.spectrum-Heading--light em strong {
547
587
  font-style: var(
548
588
  --mod-heading-serif-light-strong-emphasized-font-style,
549
589
  var(--spectrum-heading-serif-light-strong-emphasized-font-style)
@@ -553,13 +593,20 @@ governing permissions and limitations under the License.
553
593
  var(--spectrum-heading-serif-light-strong-emphasized-font-weight)
554
594
  );
555
595
  }
596
+
556
597
  .spectrum-Typography .spectrum-Heading {
557
- margin-block-end: var(
558
- --mod-heading-margin-end,
559
- var(--spectrum-heading-margin-end)
560
- );
561
598
  margin-block-start: var(
562
599
  --mod-heading-margin-start,
563
600
  var(--spectrum-heading-margin-start)
564
601
  );
602
+ margin-block-end: var(
603
+ --mod-heading-margin-end,
604
+ var(--spectrum-heading-margin-end)
605
+ );
606
+ }
607
+
608
+ @media (forced-colors: active) {
609
+ .spectrum-Heading {
610
+ --highcontrast-heading-font-color: Text;
611
+ }
565
612
  }