@adobe/react-spectrum 3.47.1 → 3.47.2

package/dist/private/badge_vars.css

@@ -1,38 +1,38 @@
 .oZC47q_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-.oZC47q_i18nFontFamily:lang(ar) {
-  font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
+  &:lang(ar) {
+    font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.oZC47q_i18nFontFamily:lang(he) {
-  font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
+  &:lang(he) {
+    font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.oZC47q_i18nFontFamily:lang(zh) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
-}
+  &:lang(zh) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+  }
 
-.oZC47q_i18nFontFamily:lang(zh-Hans) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-Hans) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.oZC47q_i18nFontFamily:lang(zh-Hant) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
-}
+  &:lang(zh-Hant) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+  }
 
-.oZC47q_i18nFontFamily:lang(zh-SG), .oZC47q_i18nFontFamily:lang(zh-CN) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-SG), &:lang(zh-CN) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.oZC47q_i18nFontFamily:lang(ko) {
-  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
-}
+  &:lang(ko) {
+    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+  }
 
-.oZC47q_i18nFontFamily:lang(ja) {
-  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  &:lang(ja) {
+    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  }
 }
 
 .oZC47q_spectrum-FocusRing-ring {
@@ -41,42 +41,50 @@
   --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
   --spectrum-focus-ring-border-size: 0px;
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
-}
 
-.oZC47q_spectrum-FocusRing-ring:after {
-  border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
-  content: "";
-  margin: calc(-1 * var(--spectrum-focus-ring-border-size));
-  pointer-events: none;
-  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
+  &:after {
+    border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
+    content: "";
+    margin: calc(-1 * var(--spectrum-focus-ring-border-size));
+    pointer-events: none;
+    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
       margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
-  display: block;
-  position: absolute;
-  inset: 0;
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
 }
 
-.oZC47q_spectrum-FocusRing.oZC47q_focus-ring:after {
-  margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
-  box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+.oZC47q_spectrum-FocusRing {
+  &.oZC47q_focus-ring {
+    &:after {
+      margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
+      box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
-.oZC47q_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+.oZC47q_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-.oZC47q_spectrum-FocusRing--quiet.oZC47q_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+  &.oZC47q_focus-ring {
+    &:after {
+      margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
         0;
-  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
 @media (forced-colors: active) {
   .oZC47q_spectrum-FocusRing, .oZC47q_spectrum-FocusRing-ring, .oZC47q_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(.oZC47q_spectrum-FocusRing, .oZC47q_spectrum-FocusRing-ring, .oZC47q_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
@@ -92,34 +100,34 @@
   font-smoothing: subpixel-antialiased;
   display: inline-flex;
   position: relative;
-}
 
-.oZC47q_spectrum-Badge .oZC47q_spectrum-Badge-label {
-  order: 1;
-  padding-inline-end: var(--spectrum-global-dimension-size-115);
-}
+  & .oZC47q_spectrum-Badge-label {
+    order: 1;
+    padding-inline-end: var(--spectrum-global-dimension-size-115);
+  }
 
-.oZC47q_spectrum-Badge .oZC47q_spectrum-Badge-icon {
-  flex-shrink: 0;
-  order: 0;
-  padding-inline-start: var(--spectrum-global-dimension-size-115);
-}
+  & .oZC47q_spectrum-Badge-icon {
+    flex-shrink: 0;
+    order: 0;
+    padding-inline-start: var(--spectrum-global-dimension-size-115);
+  }
 
-.oZC47q_spectrum-Badge .oZC47q_spectrum-Badge-icon + .oZC47q_spectrum-Badge-label {
-  padding-inline-start: var(--spectrum-global-dimension-size-100);
-}
+  & .oZC47q_spectrum-Badge-icon + .oZC47q_spectrum-Badge-label {
+    padding-inline-start: var(--spectrum-global-dimension-size-100);
+  }
 
-.oZC47q_spectrum-Badge .oZC47q_spectrum-Badge-label:not([hidden]) + .oZC47q_spectrum-Badge-icon {
-  padding-inline-end: var(--spectrum-global-dimension-size-100);
-}
+  & .oZC47q_spectrum-Badge-label:not([hidden]) + .oZC47q_spectrum-Badge-icon {
+    padding-inline-end: var(--spectrum-global-dimension-size-100);
+  }
 
-.oZC47q_spectrum-Badge .oZC47q_spectrum-Badge-label:only-child {
-  padding-inline-start: var(--spectrum-global-dimension-size-115);
-}
+  & .oZC47q_spectrum-Badge-label:only-child {
+    padding-inline-start: var(--spectrum-global-dimension-size-115);
+  }
 
-.oZC47q_spectrum-Badge .oZC47q_spectrum-Badge-icon:only-child {
-  padding-inline-start: var(--spectrum-global-dimension-size-50);
-  padding-inline-end: var(--spectrum-global-dimension-size-50);
+  & .oZC47q_spectrum-Badge-icon:only-child {
+    padding-inline-start: var(--spectrum-global-dimension-size-50);
+    padding-inline-end: var(--spectrum-global-dimension-size-50);
+  }
 }
 
 .oZC47q_spectrum-Badge--large {

package/dist/private/badge_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE","sources":["packages/@adobe/spectrum-css-temp/components/badge/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"badge_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE","sources":["packages/@adobe/spectrum-css-temp/components/badge/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"badge_vars.css.map"}

package/dist/private/barloader_vars.css

@@ -1,38 +1,38 @@
 ._0LIQEW_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-._0LIQEW_i18nFontFamily:lang(ar) {
-  font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
+  &:lang(ar) {
+    font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-._0LIQEW_i18nFontFamily:lang(he) {
-  font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
+  &:lang(he) {
+    font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-._0LIQEW_i18nFontFamily:lang(zh) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
-}
+  &:lang(zh) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+  }
 
-._0LIQEW_i18nFontFamily:lang(zh-Hans) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-Hans) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-._0LIQEW_i18nFontFamily:lang(zh-Hant) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
-}
+  &:lang(zh-Hant) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+  }
 
-._0LIQEW_i18nFontFamily:lang(zh-SG), ._0LIQEW_i18nFontFamily:lang(zh-CN) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-SG), &:lang(zh-CN) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-._0LIQEW_i18nFontFamily:lang(ko) {
-  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
-}
+  &:lang(ko) {
+    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+  }
 
-._0LIQEW_i18nFontFamily:lang(ja) {
-  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  &:lang(ja) {
+    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  }
 }
 
 ._0LIQEW_spectrum-FocusRing-ring {
@@ -41,42 +41,50 @@
   --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
   --spectrum-focus-ring-border-size: 0px;
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
-}
 
-._0LIQEW_spectrum-FocusRing-ring:after {
-  border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
-  content: "";
-  margin: calc(-1 * var(--spectrum-focus-ring-border-size));
-  pointer-events: none;
-  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
+  &:after {
+    border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
+    content: "";
+    margin: calc(-1 * var(--spectrum-focus-ring-border-size));
+    pointer-events: none;
+    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
       margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
-  display: block;
-  position: absolute;
-  inset: 0;
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
 }
 
-._0LIQEW_spectrum-FocusRing._0LIQEW_focus-ring:after {
-  margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
-  box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+._0LIQEW_spectrum-FocusRing {
+  &._0LIQEW_focus-ring {
+    &:after {
+      margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
+      box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
-._0LIQEW_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+._0LIQEW_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-._0LIQEW_spectrum-FocusRing--quiet._0LIQEW_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+  &._0LIQEW_focus-ring {
+    &:after {
+      margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
         0;
-  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
 @media (forced-colors: active) {
   ._0LIQEW_spectrum-FocusRing, ._0LIQEW_spectrum-FocusRing-ring, ._0LIQEW_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(._0LIQEW_spectrum-FocusRing, ._0LIQEW_spectrum-FocusRing-ring, ._0LIQEW_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
@@ -90,15 +98,17 @@
   align-items: center;
   display: inline-flex;
   position: relative;
-}
 
-._0LIQEW_spectrum-BarLoader._0LIQEW_spectrum-BarLoader--indeterminate {
-  max-inline-size: var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400));
-}
+  &._0LIQEW_spectrum-BarLoader--indeterminate {
+    max-inline-size: var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400));
+  }
 
-._0LIQEW_spectrum-BarLoader._0LIQEW_spectrum-BarLoader--indeterminate._0LIQEW_spectrum-BarLoader--sideLabel ._0LIQEW_spectrum-BarLoader-track {
-  max-inline-size: var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400));
-  inline-size: 100%;
+  &._0LIQEW_spectrum-BarLoader--indeterminate._0LIQEW_spectrum-BarLoader--sideLabel {
+    & ._0LIQEW_spectrum-BarLoader-track {
+      max-inline-size: var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400));
+      inline-size: 100%;
+    }
+  }
 }
 
 ._0LIQEW_spectrum-BarLoader-track {
@@ -138,35 +148,35 @@
   justify-content: space-between;
   min-inline-size: fit-content;
   display: inline-flex;
-}
 
-._0LIQEW_spectrum-BarLoader--sideLabel ._0LIQEW_spectrum-BarLoader-track {
-  inline-size: inherit;
-}
+  & ._0LIQEW_spectrum-BarLoader-track {
+    inline-size: inherit;
+  }
 
-._0LIQEW_spectrum-BarLoader--sideLabel ._0LIQEW_spectrum-BarLoader-label {
-  margin-inline-end: var(--spectrum-barloader-large-label-gap-x, var(--spectrum-global-dimension-size-150));
-  margin-bottom: 0;
-}
+  & ._0LIQEW_spectrum-BarLoader-label {
+    margin-inline-end: var(--spectrum-barloader-large-label-gap-x, var(--spectrum-global-dimension-size-150));
+    margin-bottom: 0;
+  }
 
-._0LIQEW_spectrum-BarLoader--sideLabel ._0LIQEW_spectrum-BarLoader-percentage {
-  text-align: end;
-  margin-inline-start: var(--spectrum-barloader-large-label-gap-x, var(--spectrum-global-dimension-size-150));
-  order: 3;
-  margin-bottom: 0;
+  & ._0LIQEW_spectrum-BarLoader-percentage {
+    text-align: end;
+    margin-inline-start: var(--spectrum-barloader-large-label-gap-x, var(--spectrum-global-dimension-size-150));
+    order: 3;
+    margin-bottom: 0;
+  }
 }
 
 ._0LIQEW_spectrum-BarLoader--small {
   min-inline-size: var(--spectrum-global-dimension-static-size-600, 48px);
-}
 
-._0LIQEW_spectrum-BarLoader--small ._0LIQEW_spectrum-BarLoader-fill {
-  height: var(--spectrum-barloader-small-height, var(--spectrum-global-dimension-size-50));
-}
+  & ._0LIQEW_spectrum-BarLoader-fill {
+    height: var(--spectrum-barloader-small-height, var(--spectrum-global-dimension-size-50));
+  }
 
-._0LIQEW_spectrum-BarLoader--small ._0LIQEW_spectrum-BarLoader-track {
-  height: var(--spectrum-barloader-small-height, var(--spectrum-global-dimension-size-50));
-  border-radius: var(--spectrum-barloader-small-border-radius);
+  & ._0LIQEW_spectrum-BarLoader-track {
+    height: var(--spectrum-barloader-small-height, var(--spectrum-global-dimension-size-50));
+    border-radius: var(--spectrum-barloader-small-border-radius);
+  }
 }
 
 ._0LIQEW_spectrum-BarLoader--indeterminate ._0LIQEW_spectrum-BarLoader-fill {
@@ -176,14 +186,14 @@
   animation-timing-function: var(--spectrum-barloader-large-indeterminate-animation-ease, var(--spectrum-global-animation-ease-in-out));
   will-change: transform;
   position: relative;
-}
 
-[dir="ltr"] :is(._0LIQEW_spectrum-BarLoader--indeterminate ._0LIQEW_spectrum-BarLoader-fill) {
-  animation-name: _0LIQEW_indeterminate-loop-ltr;
-}
+  [dir="ltr"] & {
+    animation-name: _0LIQEW_indeterminate-loop-ltr;
+  }
 
-[dir="rtl"] :is(._0LIQEW_spectrum-BarLoader--indeterminate ._0LIQEW_spectrum-BarLoader-fill) {
-  animation-name: _0LIQEW_indeterminate-loop-rtl;
+  [dir="rtl"] & {
+    animation-name: _0LIQEW_indeterminate-loop-rtl;
+  }
 }
 
 @keyframes _0LIQEW_indeterminate-loop-ltr {
@@ -210,50 +220,60 @@
   --spectrum-barloader-large-track-fill-color: var(--spectrum-accent-color-900);
   --spectrum-barloader-static-black-track-color: #00000040;
   --spectrum-barloader-static-black-fill-color: var(--spectrum-global-color-static-black, #000);
-}
 
-._0LIQEW_spectrum-BarLoader ._0LIQEW_spectrum-BarLoader-fill {
-  background: var(--spectrum-barloader-large-track-fill-color, var(--spectrum-global-color-blue-500));
-}
+  & ._0LIQEW_spectrum-BarLoader-fill {
+    background: var(--spectrum-barloader-large-track-fill-color, var(--spectrum-global-color-blue-500));
+  }
 
-._0LIQEW_spectrum-BarLoader ._0LIQEW_spectrum-BarLoader-track {
-  background-color: var(--spectrum-barloader-large-track-color, var(--spectrum-alias-track-color-default));
-}
+  & ._0LIQEW_spectrum-BarLoader-track {
+    background-color: var(--spectrum-barloader-large-track-color, var(--spectrum-alias-track-color-default));
+  }
 
-:is(._0LIQEW_spectrum-BarLoader._0LIQEW_spectrum-BarLoader--overBackground, ._0LIQEW_spectrum-BarLoader._0LIQEW_spectrum-BarLoader--staticWhite) ._0LIQEW_spectrum-BarLoader-fill {
-  background: var(--spectrum-barloader-large-over-background-track-fill-color, var(--spectrum-global-color-static-white));
-}
+  &._0LIQEW_spectrum-BarLoader--overBackground, &._0LIQEW_spectrum-BarLoader--staticWhite {
+    & ._0LIQEW_spectrum-BarLoader-fill {
+      background: var(--spectrum-barloader-large-over-background-track-fill-color, var(--spectrum-global-color-static-white));
+    }
 
-:is(._0LIQEW_spectrum-BarLoader._0LIQEW_spectrum-BarLoader--overBackground, ._0LIQEW_spectrum-BarLoader._0LIQEW_spectrum-BarLoader--staticWhite) ._0LIQEW_spectrum-BarLoader-label, :is(._0LIQEW_spectrum-BarLoader._0LIQEW_spectrum-BarLoader--overBackground, ._0LIQEW_spectrum-BarLoader._0LIQEW_spectrum-BarLoader--staticWhite) ._0LIQEW_spectrum-BarLoader-percentage {
-  color: var(--spectrum-barloader-large-over-background-track-fill-color, var(--spectrum-global-color-static-white));
-}
+    & ._0LIQEW_spectrum-BarLoader-label, & ._0LIQEW_spectrum-BarLoader-percentage {
+      color: var(--spectrum-barloader-large-over-background-track-fill-color, var(--spectrum-global-color-static-white));
+    }
 
-:is(._0LIQEW_spectrum-BarLoader._0LIQEW_spectrum-BarLoader--overBackground, ._0LIQEW_spectrum-BarLoader._0LIQEW_spectrum-BarLoader--staticWhite) ._0LIQEW_spectrum-BarLoader-track {
-  background-color: var(--spectrum-barloader-large-over-background-track-color, var(--spectrum-alias-track-color-over-background));
-}
+    & ._0LIQEW_spectrum-BarLoader-track {
+      background-color: var(--spectrum-barloader-large-over-background-track-color, var(--spectrum-alias-track-color-over-background));
+    }
+  }
 
-._0LIQEW_spectrum-BarLoader._0LIQEW_spectrum-BarLoader--staticBlack ._0LIQEW_spectrum-BarLoader-track {
-  background-color: var(--spectrum-barloader-static-black-track-color);
-}
+  &._0LIQEW_spectrum-BarLoader--staticBlack {
+    & ._0LIQEW_spectrum-BarLoader-track {
+      background-color: var(--spectrum-barloader-static-black-track-color);
+    }
 
-._0LIQEW_spectrum-BarLoader._0LIQEW_spectrum-BarLoader--staticBlack ._0LIQEW_spectrum-BarLoader-label, ._0LIQEW_spectrum-BarLoader._0LIQEW_spectrum-BarLoader--staticBlack ._0LIQEW_spectrum-BarLoader-percentage {
-  color: var(--spectrum-barloader-static-black-fill-color);
-}
+    & ._0LIQEW_spectrum-BarLoader-label, & ._0LIQEW_spectrum-BarLoader-percentage {
+      color: var(--spectrum-barloader-static-black-fill-color);
+    }
 
-._0LIQEW_spectrum-BarLoader._0LIQEW_spectrum-BarLoader--staticBlack ._0LIQEW_spectrum-BarLoader-fill {
-  background: var(--spectrum-barloader-static-black-fill-color);
-}
+    & ._0LIQEW_spectrum-BarLoader-fill {
+      background: var(--spectrum-barloader-static-black-fill-color);
+    }
+  }
 
-._0LIQEW_spectrum-BarLoader._0LIQEW_is-positive ._0LIQEW_spectrum-BarLoader-fill {
-  background: var(--spectrum-meter-large-track-color-positive, var(--spectrum-semantic-positive-color-status));
-}
+  &._0LIQEW_is-positive {
+    & ._0LIQEW_spectrum-BarLoader-fill {
+      background: var(--spectrum-meter-large-track-color-positive, var(--spectrum-semantic-positive-color-status));
+    }
+  }
 
-._0LIQEW_spectrum-BarLoader._0LIQEW_is-warning ._0LIQEW_spectrum-BarLoader-fill {
-  background: var(--spectrum-meter-large-track-color-warning, var(--spectrum-semantic-notice-color-status));
-}
+  &._0LIQEW_is-warning {
+    & ._0LIQEW_spectrum-BarLoader-fill {
+      background: var(--spectrum-meter-large-track-color-warning, var(--spectrum-semantic-notice-color-status));
+    }
+  }
 
-._0LIQEW_spectrum-BarLoader._0LIQEW_is-critical ._0LIQEW_spectrum-BarLoader-fill {
-  background: var(--spectrum-meter-large-track-color-critical, var(--spectrum-semantic-negative-color-status));
+  &._0LIQEW_is-critical {
+    & ._0LIQEW_spectrum-BarLoader-fill {
+      background: var(--spectrum-meter-large-track-color-critical, var(--spectrum-semantic-negative-color-status));
+    }
+  }
 }
 
 ._0LIQEW_spectrum-BarLoader-label, ._0LIQEW_spectrum-BarLoader-percentage {

package/dist/private/barloader_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE","sources":["packages/@adobe/spectrum-css-temp/components/barloader/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"barloader_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE","sources":["packages/@adobe/spectrum-css-temp/components/barloader/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"barloader_vars.css.map"}