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