@spectrum-web-components/styles 0.36.0 → 0.37.0

package/core-global.css

@@ -13,5 +13,5 @@ governing permissions and limitations under the License.
 
 :host,
 :root {
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
 }

package/express/core-global.css

@@ -13,5 +13,5 @@ governing permissions and limitations under the License.
 
 :host,
 :root {
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
 }

package/fonts.css

@@ -13,24 +13,28 @@ governing permissions and limitations under the License.
 :host,
 :root {
     --spectrum-font-family-ar: myriad-arabic, adobe-clean, 'Source Sans Pro',
-        -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu,
+        -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, ubuntu,
         'Trebuchet MS', 'Lucida Grande', sans-serif;
     --spectrum-font-family-he: myriad-hebrew, adobe-clean, 'Source Sans Pro',
-        -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu,
+        -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, ubuntu,
         'Trebuchet MS', 'Lucida Grande', sans-serif;
     --spectrum-font-family: var(--spectrum-sans-font-family-stack);
     --spectrum-font-style: var(--spectrum-default-font-style);
     --spectrum-font-size: var(--spectrum-font-size-100);
+
     font-family: var(--spectrum-font-family);
     font-size: var(--spectrum-font-size);
     font-style: var(--spectrum-font-style);
 }
+
 .spectrum:lang(ar) {
     font-family: var(--spectrum-font-family-ar);
 }
+
 .spectrum:lang(he) {
     font-family: var(--spectrum-font-family-he);
 }
+
 .spectrum-Heading {
     --spectrum-heading-sans-serif-font-family: var(
         --spectrum-sans-font-family-stack
@@ -52,41 +56,50 @@ governing permissions and limitations under the License.
 }
 @media (forced-colors: active) {
     .spectrum-Heading {
-        --highcontrast-heading-font-color: Text;
+        --highcontrast-heading-font-color: text;
     }
 }
+
 .spectrum-Heading--sizeXXS {
     --spectrum-heading-font-size: var(--spectrum-heading-size-xxs);
     --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xxs);
 }
+
 .spectrum-Heading--sizeXS {
     --spectrum-heading-font-size: var(--spectrum-heading-size-xs);
     --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xs);
 }
+
 .spectrum-Heading--sizeS {
     --spectrum-heading-font-size: var(--spectrum-heading-size-s);
     --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-s);
 }
+
 .spectrum-Heading--sizeM {
     --spectrum-heading-font-size: var(--spectrum-heading-size-m);
     --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-m);
 }
+
 .spectrum-Heading--sizeL {
     --spectrum-heading-font-size: var(--spectrum-heading-size-l);
     --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-l);
 }
+
 .spectrum-Heading--sizeXL {
     --spectrum-heading-font-size: var(--spectrum-heading-size-xl);
     --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xl);
 }
+
 .spectrum-Heading--sizeXXL {
     --spectrum-heading-font-size: var(--spectrum-heading-size-xxl);
     --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xxl);
 }
+
 .spectrum-Heading--sizeXXXL {
     --spectrum-heading-font-size: var(--spectrum-heading-size-xxxl);
     --spectrum-heading-cjk-font-size: var(--spectrum-heading-cjk-size-xxxl);
 }
+
 .spectrum-Heading {
     color: var(
         --highcontrast-heading-font-color,
@@ -110,6 +123,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-line-height)
     );
 }
+
 .spectrum-Heading .spectrum-Heading-strong,
 .spectrum-Heading strong {
     font-style: var(
@@ -121,6 +135,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-strong-font-weight)
     );
 }
+
 .spectrum-Heading .spectrum-Heading-emphasized,
 .spectrum-Heading em {
     font-style: var(
@@ -132,6 +147,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading .spectrum-Heading-strong.spectrum-Heading-emphasized,
 .spectrum-Heading em strong,
 .spectrum-Heading strong em {
@@ -144,6 +160,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading:lang(ja),
 .spectrum-Heading:lang(ko),
 .spectrum-Heading:lang(zh) {
@@ -172,6 +189,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-line-height)
     );
 }
+
 .spectrum-Heading:lang(ja) .spectrum-Heading-emphasized,
 .spectrum-Heading:lang(ja) em,
 .spectrum-Heading:lang(ko) .spectrum-Heading-emphasized,
@@ -187,6 +205,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading:lang(ja) .spectrum-Heading-strong,
 .spectrum-Heading:lang(ja) strong,
 .spectrum-Heading:lang(ko) .spectrum-Heading-strong,
@@ -202,6 +221,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-strong-font-weight)
     );
 }
+
 .spectrum-Heading:lang(ja) .spectrum-Heading-strong.spectrum-Heading-emphasized,
 .spectrum-Heading:lang(ja) em strong,
 .spectrum-Heading:lang(ja) strong em,
@@ -220,6 +240,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--heavy {
     font-style: var(
         --mod-heading-sans-serif-heavy-font-style,
@@ -230,6 +251,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-heavy-font-weight)
     );
 }
+
 .spectrum-Heading--heavy .spectrum-Heading-strong,
 .spectrum-Heading--heavy strong {
     font-style: var(
@@ -241,6 +263,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-heavy-strong-font-weight)
     );
 }
+
 .spectrum-Heading--heavy .spectrum-Heading-emphasized,
 .spectrum-Heading--heavy em {
     font-style: var(
@@ -252,6 +275,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-heavy-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--heavy .spectrum-Heading-strong.spectrum-Heading-emphasized,
 .spectrum-Heading--heavy em strong,
 .spectrum-Heading--heavy strong em {
@@ -264,6 +288,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--heavy:lang(ja),
 .spectrum-Heading--heavy:lang(ko),
 .spectrum-Heading--heavy:lang(zh) {
@@ -276,6 +301,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-heavy-font-weight)
     );
 }
+
 .spectrum-Heading--heavy:lang(ja) .spectrum-Heading-emphasized,
 .spectrum-Heading--heavy:lang(ja) em,
 .spectrum-Heading--heavy:lang(ko) .spectrum-Heading-emphasized,
@@ -291,6 +317,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-heavy-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--heavy:lang(ja) .spectrum-Heading-strong,
 .spectrum-Heading--heavy:lang(ja) strong,
 .spectrum-Heading--heavy:lang(ko) .spectrum-Heading-strong,
@@ -306,6 +333,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-heavy-strong-font-weight)
     );
 }
+
 .spectrum-Heading--heavy:lang(ja)
     .spectrum-Heading-strong.spectrum-Heading-emphasized,
 .spectrum-Heading--heavy:lang(ja) em strong,
@@ -327,6 +355,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-heavy-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--light {
     font-style: var(
         --mod-heading-sans-serif-light-font-style,
@@ -337,6 +366,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-light-font-weight)
     );
 }
+
 .spectrum-Heading--light .spectrum-Heading-emphasized,
 .spectrum-Heading--light em {
     font-style: var(
@@ -348,6 +378,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-light-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--light .spectrum-Heading-strong,
 .spectrum-Heading--light strong {
     font-style: var(
@@ -359,6 +390,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-light-strong-font-weight)
     );
 }
+
 .spectrum-Heading--light .spectrum-Heading-strong.spectrum-Heading-emphasized,
 .spectrum-Heading--light em strong,
 .spectrum-Heading--light strong em {
@@ -371,6 +403,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-sans-serif-light-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--light:lang(ja),
 .spectrum-Heading--light:lang(ko),
 .spectrum-Heading--light:lang(zh) {
@@ -383,6 +416,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-light-font-weight)
     );
 }
+
 .spectrum-Heading--light:lang(ja) .spectrum-Heading-strong,
 .spectrum-Heading--light:lang(ja) strong,
 .spectrum-Heading--light:lang(ko) .spectrum-Heading-strong,
@@ -398,6 +432,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-light-strong-font-weight)
     );
 }
+
 .spectrum-Heading--light:lang(ja) .spectrum-Heading-emphasized,
 .spectrum-Heading--light:lang(ja) em,
 .spectrum-Heading--light:lang(ko) .spectrum-Heading-emphasized,
@@ -413,6 +448,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-light-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--light:lang(ja)
     .spectrum-Heading-strong.spectrum-Heading-emphasized,
 .spectrum-Heading--light:lang(ja) em strong,
@@ -434,6 +470,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-cjk-light-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--serif {
     font-family: var(
         --mod-heading-serif-font-family,
@@ -448,6 +485,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-font-weight)
     );
 }
+
 .spectrum-Heading--serif .spectrum-Heading-emphasized,
 .spectrum-Heading--serif em {
     font-style: var(
@@ -459,6 +497,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--serif .spectrum-Heading-strong,
 .spectrum-Heading--serif strong {
     font-style: var(
@@ -470,6 +509,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-strong-font-weight)
     );
 }
+
 .spectrum-Heading--serif .spectrum-Heading-strong.spectrum-Heading-emphasized,
 .spectrum-Heading--serif em strong,
 .spectrum-Heading--serif strong em {
@@ -482,6 +522,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--serif.spectrum-Heading--heavy {
     font-style: var(
         --mod-heading-serif-heavy-font-style,
@@ -492,6 +533,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-heavy-font-weight)
     );
 }
+
 .spectrum-Heading--serif.spectrum-Heading--heavy .spectrum-Heading-strong,
 .spectrum-Heading--serif.spectrum-Heading--heavy strong {
     font-style: var(
@@ -503,6 +545,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-heavy-strong-font-weight)
     );
 }
+
 .spectrum-Heading--serif.spectrum-Heading--heavy .spectrum-Heading-emphasized,
 .spectrum-Heading--serif.spectrum-Heading--heavy em {
     font-style: var(
@@ -514,6 +557,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-heavy-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--serif.spectrum-Heading--heavy
     .spectrum-Heading-strong.spectrum-Heading-emphasized,
 .spectrum-Heading--serif.spectrum-Heading--heavy em strong,
@@ -527,6 +571,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-heavy-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--serif.spectrum-Heading--light {
     font-style: var(
         --mod-heading-serif-light-font-style,
@@ -537,6 +582,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-light-font-weight)
     );
 }
+
 .spectrum-Heading--serif.spectrum-Heading--light .spectrum-Heading-emphasized,
 .spectrum-Heading--serif.spectrum-Heading--light em {
     font-style: var(
@@ -548,6 +594,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-light-emphasized-font-weight)
     );
 }
+
 .spectrum-Heading--serif.spectrum-Heading--light .spectrum-Heading-strong,
 .spectrum-Heading--serif.spectrum-Heading--light strong {
     font-style: var(
@@ -559,6 +606,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-light-strong-font-weight)
     );
 }
+
 .spectrum-Heading--serif.spectrum-Heading--light
     .spectrum-Heading-strong.spectrum-Heading-emphasized,
 .spectrum-Heading--serif.spectrum-Heading--light em strong,
@@ -572,6 +620,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-serif-light-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Typography .spectrum-Heading {
     margin-block-end: var(
         --mod-heading-margin-end,
@@ -582,6 +631,7 @@ governing permissions and limitations under the License.
         var(--spectrum-heading-margin-start)
     );
 }
+
 .spectrum-Body {
     --spectrum-body-sans-serif-font-family: var(
         --spectrum-sans-font-family-stack
@@ -597,30 +647,38 @@ governing permissions and limitations under the License.
 }
 @media (forced-colors: active) {
     .spectrum-body {
-        --highcontrast-body-font-color: Text;
+        --highcontrast-body-font-color: text;
     }
 }
+
 .spectrum-Body--sizeXS {
     --spectrum-body-font-size: var(--spectrum-body-size-xs);
 }
+
 .spectrum-Body--sizeS {
     --spectrum-body-font-size: var(--spectrum-body-size-s);
 }
+
 .spectrum-Body--sizeM {
     --spectrum-body-font-size: var(--spectrum-body-size-m);
 }
+
 .spectrum-Body--sizeL {
     --spectrum-body-font-size: var(--spectrum-body-size-l);
 }
+
 .spectrum-Body--sizeXL {
     --spectrum-body-font-size: var(--spectrum-body-size-xl);
 }
+
 .spectrum-Body--sizeXXL {
     --spectrum-body-font-size: var(--spectrum-body-size-xxl);
 }
+
 .spectrum-Body--sizeXXXL {
     --spectrum-body-font-size: var(--spectrum-body-size-xxxl);
 }
+
 .spectrum-Body {
     color: var(
         --highcontrast-body-font-color,
@@ -641,6 +699,7 @@ governing permissions and limitations under the License.
     );
     line-height: var(--mod-body-line-height, var(--spectrum-body-line-height));
 }
+
 .spectrum-Body .spectrum-Body-strong,
 .spectrum-Body strong {
     font-style: var(
@@ -652,6 +711,7 @@ governing permissions and limitations under the License.
         var(--spectrum-body-sans-serif-strong-font-weight)
     );
 }
+
 .spectrum-Body .spectrum-Body-emphasized,
 .spectrum-Body em {
     font-style: var(
@@ -663,6 +723,7 @@ governing permissions and limitations under the License.
         var(--spectrum-body-sans-serif-emphasized-font-weight)
     );
 }
+
 .spectrum-Body .spectrum-Body-strong.spectrum-Body-emphasized,
 .spectrum-Body em strong,
 .spectrum-Body strong em {
@@ -675,6 +736,7 @@ governing permissions and limitations under the License.
         var(--spectrum-body-sans-serif-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Body:lang(ja),
 .spectrum-Body:lang(ko),
 .spectrum-Body:lang(zh) {
@@ -699,6 +761,7 @@ governing permissions and limitations under the License.
         var(--spectrum-body-cjk-line-height)
     );
 }
+
 .spectrum-Body:lang(ja) .spectrum-Body-strong,
 .spectrum-Body:lang(ja) strong,
 .spectrum-Body:lang(ko) .spectrum-Body-strong,
@@ -714,6 +777,7 @@ governing permissions and limitations under the License.
         var(--spectrum-body-cjk-strong-font-weight)
     );
 }
+
 .spectrum-Body:lang(ja) .spectrum-Body-emphasized,
 .spectrum-Body:lang(ja) em,
 .spectrum-Body:lang(ko) .spectrum-Body-emphasized,
@@ -729,6 +793,7 @@ governing permissions and limitations under the License.
         var(--spectrum-body-cjk-emphasized-font-weight)
     );
 }
+
 .spectrum-Body:lang(ja) .spectrum-Body-strong.spectrum-Body-emphasized,
 .spectrum-Body:lang(ja) em strong,
 .spectrum-Body:lang(ja) strong em,
@@ -747,6 +812,7 @@ governing permissions and limitations under the License.
         var(--spectrum-body-cjk-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Body--serif {
     font-family: var(
         --mod-body-serif-font-family,
@@ -761,6 +827,7 @@ governing permissions and limitations under the License.
         var(--spectrum-body-serif-font-weight)
     );
 }
+
 .spectrum-Body--serif .spectrum-Body-strong,
 .spectrum-Body--serif strong {
     font-style: var(
@@ -772,6 +839,7 @@ governing permissions and limitations under the License.
         var(--spectrum-body-serif-strong-font-weight)
     );
 }
+
 .spectrum-Body--serif .spectrum-Body-emphasized,
 .spectrum-Body--serif em {
     font-style: var(
@@ -783,6 +851,7 @@ governing permissions and limitations under the License.
         var(--spectrum-body-serif-emphasized-font-weight)
     );
 }
+
 .spectrum-Body--serif .spectrum-Body-strong.spectrum-Body-emphasized,
 .spectrum-Body--serif em strong,
 .spectrum-Body--serif strong em {
@@ -795,9 +864,11 @@ governing permissions and limitations under the License.
         var(--spectrum-body-serif-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Typography .spectrum-Body {
     margin-block-end: var(--mod-body-margin, var(--spectrum-body-margin));
 }
+
 .spectrum-Detail {
     --spectrum-detail-sans-serif-font-family: var(
         --spectrum-sans-font-family-stack
@@ -818,21 +889,26 @@ governing permissions and limitations under the License.
 }
 @media (forced-colors: active) {
     .spectrum-Detail {
-        --highcontrast-detail-font-color: Text;
+        --highcontrast-detail-font-color: text;
     }
 }
+
 .spectrum-Detail--sizeS {
     --spectrum-detail-font-size: var(--spectrum-detail-size-s);
 }
+
 .spectrum-Detail--sizeM {
     --spectrum-detail-font-size: var(--spectrum-detail-size-m);
 }
+
 .spectrum-Detail--sizeL {
     --spectrum-detail-font-size: var(--spectrum-detail-size-l);
 }
+
 .spectrum-Detail--sizeXL {
     --spectrum-detail-font-size: var(--spectrum-detail-size-xl);
 }
+
 .spectrum-Detail {
     color: var(
         --highcontrast-detail-font-color,
@@ -861,6 +937,7 @@ governing permissions and limitations under the License.
     );
     text-transform: uppercase;
 }
+
 .spectrum-Detail .spectrum-Detail-strong,
 .spectrum-Detail strong {
     font-style: var(
@@ -872,6 +949,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-sans-serif-strong-font-weight)
     );
 }
+
 .spectrum-Detail .spectrum-Detail-emphasized,
 .spectrum-Detail em {
     font-style: var(
@@ -883,6 +961,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-sans-serif-emphasized-font-weight)
     );
 }
+
 .spectrum-Detail .spectrum-Detail-strong.spectrum-Detail-emphasized,
 .spectrum-Detail em strong,
 .spectrum-Detail strong em {
@@ -895,6 +974,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-sans-serif-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Detail:lang(ja),
 .spectrum-Detail:lang(ko),
 .spectrum-Detail:lang(zh) {
@@ -915,6 +995,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-cjk-line-height)
     );
 }
+
 .spectrum-Detail:lang(ja) .spectrum-Detail-strong,
 .spectrum-Detail:lang(ja) strong,
 .spectrum-Detail:lang(ko) .spectrum-Detail-strong,
@@ -930,6 +1011,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-cjk-strong-font-weight)
     );
 }
+
 .spectrum-Detail:lang(ja) .spectrum-Detail-emphasized,
 .spectrum-Detail:lang(ja) em,
 .spectrum-Detail:lang(ko) .spectrum-Detail-emphasized,
@@ -945,6 +1027,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-cjk-emphasized-font-weight)
     );
 }
+
 .spectrum-Detail:lang(ja) .spectrum-Detail-strong.spectrum-Detail-emphasized,
 .spectrum-Detail:lang(ja) em strong,
 .spectrum-Detail:lang(ja) strong em,
@@ -963,6 +1046,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-cjk-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Detail--serif {
     font-family: var(
         --mod-detail-serif-font-family,
@@ -977,6 +1061,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-serif-font-weight)
     );
 }
+
 .spectrum-Detail--serif .spectrum-Detail-strong,
 .spectrum-Detail--serif strong {
     font-style: var(
@@ -988,6 +1073,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-serif-strong-font-weight)
     );
 }
+
 .spectrum-Detail--serif .spectrum-Detail-emphasized,
 .spectrum-Detail--serif em {
     font-style: var(
@@ -999,6 +1085,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-serif-emphasized-font-weight)
     );
 }
+
 .spectrum-Detail--serif .spectrum-Detail-strong.spectrum-Detail-emphasized,
 .spectrum-Detail--serif em strong,
 .spectrum-Detail--serif strong em {
@@ -1011,6 +1098,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-serif-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Detail--light {
     font-style: var(
         --mod-detail-sans-serif-light-font-style,
@@ -1021,6 +1109,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-sans-serif-light-font-weight)
     );
 }
+
 .spectrum-Detail--light .spectrum-Detail-strong,
 .spectrum-Detail--light strong {
     font-style: var(
@@ -1032,6 +1121,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-sans-serif-light-strong-font-weight)
     );
 }
+
 .spectrum-Detail--light .spectrum-Detail-emphasized,
 .spectrum-Detail--light em {
     font-style: var(
@@ -1043,6 +1133,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-sans-serif-light-emphasized-font-weight)
     );
 }
+
 .spectrum-Detail--light .spectrum-Detail-strong.spectrum-Body-emphasized,
 .spectrum-Detail--light em strong,
 .spectrum-Detail--light strong em {
@@ -1055,6 +1146,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-sans-serif-light-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Detail--light:lang(ja),
 .spectrum-Detail--light:lang(ko),
 .spectrum-Detail--light:lang(zh) {
@@ -1067,6 +1159,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-cjk-light-font-weight)
     );
 }
+
 .spectrum-Detail--light:lang(ja) .spectrum-Detail-strong,
 .spectrum-Detail--light:lang(ja) strong,
 .spectrum-Detail--light:lang(ko) .spectrum-Detail-strong,
@@ -1082,6 +1175,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-cjk-light-strong-font-weight)
     );
 }
+
 .spectrum-Detail--light:lang(ja) .spectrum-Detail-emphasized,
 .spectrum-Detail--light:lang(ja) em,
 .spectrum-Detail--light:lang(ko) .spectrum-Detail-emphasized,
@@ -1097,6 +1191,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-cjk-light-emphasized-font-weight)
     );
 }
+
 .spectrum-Detail--light:lang(ja)
     .spectrum-Detail-strong.spectrum-Detail-emphasized,
 .spectrum-Detail--light:lang(ko)
@@ -1112,6 +1207,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-cjk-light-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Detail--serif.spectrum-Detail--light {
     font-style: var(
         --mod-detail-serif-light-font-style,
@@ -1122,6 +1218,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-serif-light-font-weight)
     );
 }
+
 .spectrum-Detail--serif.spectrum-Detail--light .spectrum-Detail-strong,
 .spectrum-Detail--serif.spectrum-Detail--light strong {
     font-style: var(
@@ -1133,6 +1230,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-serif-light-strong-font-weight)
     );
 }
+
 .spectrum-Detail--serif.spectrum-Detail--light .spectrum-Detail-emphasized,
 .spectrum-Detail--serif.spectrum-Detail--light em {
     font-style: var(
@@ -1144,6 +1242,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-serif-light-emphasized-font-weight)
     );
 }
+
 .spectrum-Detail--serif.spectrum-Detail--light
     .spectrum-Detail-strong.spectrum-Body-emphasized,
 .spectrum-Detail--serif.spectrum-Detail--light em strong,
@@ -1157,6 +1256,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-serif-light-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Typography .spectrum-Detail {
     margin-block-end: var(
         --mod-detail-margin-end,
@@ -1167,6 +1267,7 @@ governing permissions and limitations under the License.
         var(--spectrum-detail-margin-start)
     );
 }
+
 .spectrum-Code {
     --spectrum-code-font-family: var(--spectrum-code-font-family-stack);
     --spectrum-code-cjk-letter-spacing: var(--spectrum-cjk-letter-spacing);
@@ -1174,24 +1275,30 @@ governing permissions and limitations under the License.
 }
 @media (forced-colors: active) {
     .spectrum-Code {
-        --highcontrast-code-font-color: Text;
+        --highcontrast-code-font-color: text;
     }
 }
+
 .spectrum-Code--sizeXS {
     --spectrum-code-font-size: var(--spectrum-code-size-xs);
 }
+
 .spectrum-Code--sizeS {
     --spectrum-code-font-size: var(--spectrum-code-size-s);
 }
+
 .spectrum-Code--sizeM {
     --spectrum-code-font-size: var(--spectrum-code-size-m);
 }
+
 .spectrum-Code--sizeL {
     --spectrum-code-font-size: var(--spectrum-code-size-l);
 }
+
 .spectrum-Code--sizeXL {
     --spectrum-code-font-size: var(--spectrum-code-size-xl);
 }
+
 .spectrum-Code {
     color: var(
         --highcontrast-code-font-color,
@@ -1203,6 +1310,7 @@ governing permissions and limitations under the License.
     font-weight: var(--mod-code-font-weight, var(--spectrum-code-font-weight));
     line-height: var(--mod-code-line-height, var(--spectrum-code-line-height));
 }
+
 .spectrum-Code .spectrum-Code-strong,
 .spectrum-Code strong {
     font-style: var(
@@ -1214,6 +1322,7 @@ governing permissions and limitations under the License.
         var(--spectrum-code-strong-font-weight)
     );
 }
+
 .spectrum-Code .spectrum-Code-emphasized,
 .spectrum-Code em {
     font-style: var(
@@ -1225,6 +1334,7 @@ governing permissions and limitations under the License.
         var(--spectrum-code-emphasized-font-weight)
     );
 }
+
 .spectrum-Code .spectrum-Code-strong.spectrum-Code-emphasized,
 .spectrum-Code em strong,
 .spectrum-Code strong em {
@@ -1237,6 +1347,7 @@ governing permissions and limitations under the License.
         var(--spectrum-code-strong-emphasized-font-weight)
     );
 }
+
 .spectrum-Code:lang(ja),
 .spectrum-Code:lang(ko),
 .spectrum-Code:lang(zh) {
@@ -1261,6 +1372,7 @@ governing permissions and limitations under the License.
         var(--spectrum-code-cjk-line-height)
     );
 }
+
 .spectrum-Code:lang(ja) .spectrum-Code-strong,
 .spectrum-Code:lang(ja) strong,
 .spectrum-Code:lang(ko) .spectrum-Code-strong,
@@ -1276,6 +1388,7 @@ governing permissions and limitations under the License.
         var(--spectrum-code-cjk-strong-font-weight)
     );
 }
+
 .spectrum-Code:lang(ja) .spectrum-Code-emphasized,
 .spectrum-Code:lang(ja) em,
 .spectrum-Code:lang(ko) .spectrum-Code-emphasized,
@@ -1291,6 +1404,7 @@ governing permissions and limitations under the License.
         var(--spectrum-code-cjk-emphasized-font-weight)
     );
 }
+
 .spectrum-Code:lang(ja) .spectrum-Code-strong.spectrum-Code-emphasized,
 .spectrum-Code:lang(ja) em strong,
 .spectrum-Code:lang(ja) strong em,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/styles",
-    "version": "0.36.0",
+    "version": "0.37.0",
     "publishConfig": {
         "access": "public"
     },
@@ -104,7 +104,7 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.36.0"
+        "@spectrum-web-components/base": "^0.37.0"
     },
     "devDependencies": {
         "@spectrum-css/commons": "^7.0.8",
@@ -118,5 +118,5 @@
         "./**/*.css"
     ],
     "style": "all-medium-lightest.css",
-    "gitHead": "a532ff8a410abeefb54d9638a2316ae82570566e"
+    "gitHead": "d771f62f0d8063070af43283bb0fd5e3400bad06"
 }