@react-spectrum/progress 3.7.5 → 3.7.7

package/dist/vars.596fab4e.css

@@ -0,0 +1,288 @@
+.uFrYBa_i18nFontFamily {
+  font-synthesis: weight;
+  font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.uFrYBa_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;
+}
+
+.uFrYBa_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;
+}
+
+.uFrYBa_i18nFontFamily:lang(zh) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+}
+
+.uFrYBa_i18nFontFamily:lang(zh-Hans) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.uFrYBa_i18nFontFamily:lang(zh-Hant) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+}
+
+.uFrYBa_i18nFontFamily:lang(zh-SG), .uFrYBa_i18nFontFamily:lang(zh-CN) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.uFrYBa_i18nFontFamily:lang(ko) {
+  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+}
+
+.uFrYBa_i18nFontFamily:lang(ja) {
+  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+}
+
+.uFrYBa_spectrum-FocusRing-ring {
+  --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
+  --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
+  --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)));
+}
+
+.uFrYBa_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, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
+  display: block;
+  position: absolute;
+  inset: 0;
+}
+
+.uFrYBa_spectrum-FocusRing.uFrYBa_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);
+}
+
+.uFrYBa_spectrum-FocusRing--quiet:after {
+  border-radius: 0;
+}
+
+.uFrYBa_spectrum-FocusRing--quiet.uFrYBa_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);
+}
+
+@media (forced-colors: active) {
+  .uFrYBa_spectrum-FocusRing, .uFrYBa_spectrum-FocusRing-ring, .uFrYBa_spectrum-FocusRing--quiet {
+    --spectrum-high-contrast-focus-ring-color: Highlight;
+  }
+
+  :is(.uFrYBa_spectrum-FocusRing, .uFrYBa_spectrum-FocusRing-ring, .uFrYBa_spectrum-FocusRing--quiet):after {
+    forced-color-adjust: none;
+  }
+}
+
+.uFrYBa_spectrum-BarLoader {
+  min-inline-size: var(--spectrum-global-dimension-static-size-600, 48px);
+  inline-size: var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400));
+  vertical-align: top;
+  isolation: isolate;
+  flex-flow: wrap;
+  justify-content: space-between;
+  align-items: center;
+  display: inline-flex;
+  position: relative;
+}
+
+.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--indeterminate {
+  max-inline-size: var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400));
+}
+
+.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--indeterminate.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-track {
+  max-inline-size: var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400));
+  inline-size: 100%;
+}
+
+.uFrYBa_spectrum-BarLoader-track {
+  min-inline-size: var(--spectrum-global-dimension-static-size-600, 48px);
+  height: var(--spectrum-barloader-large-height, var(--spectrum-global-dimension-size-75));
+  border-radius: var(--spectrum-barloader-large-border-radius);
+  z-index: 1;
+  inline-size: 100%;
+  overflow: hidden;
+}
+
+.uFrYBa_spectrum-BarLoader-fill {
+  height: var(--spectrum-barloader-large-height, var(--spectrum-global-dimension-size-75));
+  border: none;
+  transition: width 1s;
+}
+
+.uFrYBa_spectrum-BarLoader-label, .uFrYBa_spectrum-BarLoader-percentage {
+  font-size: var(--spectrum-fieldlabel-text-size, var(--spectrum-global-dimension-font-size-75));
+  font-weight: var(--spectrum-fieldlabel-text-font-weight, var(--spectrum-global-font-weight-regular));
+  line-height: var(--spectrum-fieldlabel-text-line-height, var(--spectrum-global-font-line-height-small));
+  text-align: start;
+  margin-bottom: var(--spectrum-barloader-large-label-gap-y, var(--spectrum-global-dimension-size-115));
+}
+
+.uFrYBa_spectrum-BarLoader-label {
+  flex: 1;
+}
+
+.uFrYBa_spectrum-BarLoader-percentage {
+  align-self: flex-start;
+  margin-inline-start: var(--spectrum-barloader-small-label-gap-x, var(--spectrum-global-dimension-size-150));
+}
+
+.uFrYBa_spectrum-BarLoader--sideLabel {
+  flex-flow: row;
+  justify-content: space-between;
+  min-inline-size: fit-content;
+  display: inline-flex;
+}
+
+.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-track {
+  inline-size: inherit;
+}
+
+.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-label {
+  margin-inline-end: var(--spectrum-barloader-large-label-gap-x, var(--spectrum-global-dimension-size-150));
+  margin-bottom: 0;
+}
+
+.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_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;
+}
+
+.uFrYBa_spectrum-BarLoader--small {
+  min-inline-size: var(--spectrum-global-dimension-static-size-600, 48px);
+}
+
+.uFrYBa_spectrum-BarLoader--small .uFrYBa_spectrum-BarLoader-fill {
+  height: var(--spectrum-barloader-small-height, var(--spectrum-global-dimension-size-50));
+}
+
+.uFrYBa_spectrum-BarLoader--small .uFrYBa_spectrum-BarLoader-track {
+  height: var(--spectrum-barloader-small-height, var(--spectrum-global-dimension-size-50));
+  border-radius: var(--spectrum-barloader-small-border-radius);
+}
+
+.uFrYBa_spectrum-BarLoader--indeterminate .uFrYBa_spectrum-BarLoader-fill {
+  inline-size: var(--spectrum-barloader-large-indeterminate-fill-width, var(--spectrum-global-dimension-size-1700));
+  animation-duration: var(--spectrum-barloader-large-indeterminate-duration, var(--spectrum-global-animation-duration-2000));
+  animation-iteration-count: infinite;
+  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(.uFrYBa_spectrum-BarLoader--indeterminate .uFrYBa_spectrum-BarLoader-fill) {
+  animation-name: uFrYBa_indeterminate-loop-ltr;
+}
+
+[dir="rtl"] :is(.uFrYBa_spectrum-BarLoader--indeterminate .uFrYBa_spectrum-BarLoader-fill) {
+  animation-name: uFrYBa_indeterminate-loop-rtl;
+}
+
+@keyframes uFrYBa_indeterminate-loop-ltr {
+  from {
+    transform: translate(calc(var(--spectrum-barloader-large-indeterminate-fill-width, var(--spectrum-global-dimension-size-1700)) * -1));
+  }
+
+  to {
+    transform: translate(var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400)));
+  }
+}
+
+@keyframes uFrYBa_indeterminate-loop-rtl {
+  from {
+    transform: translate(var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400)));
+  }
+
+  to {
+    transform: translate(calc(var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400)) * -1));
+  }
+}
+
+.uFrYBa_spectrum-BarLoader {
+  --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);
+}
+
+.uFrYBa_spectrum-BarLoader .uFrYBa_spectrum-BarLoader-fill {
+  background: var(--spectrum-barloader-large-track-fill-color, var(--spectrum-global-color-blue-500));
+}
+
+.uFrYBa_spectrum-BarLoader .uFrYBa_spectrum-BarLoader-track {
+  background-color: var(--spectrum-barloader-large-track-color, var(--spectrum-alias-track-color-default));
+}
+
+.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--overBackground .uFrYBa_spectrum-BarLoader-fill {
+  background: var(--spectrum-barloader-large-over-background-track-fill-color, var(--spectrum-global-color-static-white));
+}
+
+.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--overBackground .uFrYBa_spectrum-BarLoader-label, .uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--overBackground .uFrYBa_spectrum-BarLoader-percentage {
+  color: var(--spectrum-barloader-large-over-background-track-fill-color, var(--spectrum-global-color-static-white));
+}
+
+.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--overBackground .uFrYBa_spectrum-BarLoader-track {
+  background-color: var(--spectrum-barloader-large-over-background-track-color, var(--spectrum-alias-track-color-over-background));
+}
+
+.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticWhite .uFrYBa_spectrum-BarLoader-fill {
+  background: var(--spectrum-barloader-large-over-background-track-fill-color, var(--spectrum-global-color-static-white));
+}
+
+.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticWhite .uFrYBa_spectrum-BarLoader-label, .uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticWhite .uFrYBa_spectrum-BarLoader-percentage {
+  color: var(--spectrum-barloader-large-over-background-track-fill-color, var(--spectrum-global-color-static-white));
+}
+
+.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticWhite .uFrYBa_spectrum-BarLoader-track {
+  background-color: var(--spectrum-barloader-large-over-background-track-color, var(--spectrum-alias-track-color-over-background));
+}
+
+.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticBlack .uFrYBa_spectrum-BarLoader-track {
+  background-color: var(--spectrum-barloader-static-black-track-color);
+}
+
+.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticBlack .uFrYBa_spectrum-BarLoader-label, .uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticBlack .uFrYBa_spectrum-BarLoader-percentage {
+  color: var(--spectrum-barloader-static-black-fill-color);
+}
+
+.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticBlack .uFrYBa_spectrum-BarLoader-fill {
+  background: var(--spectrum-barloader-static-black-fill-color);
+}
+
+.uFrYBa_spectrum-BarLoader.uFrYBa_is-positive .uFrYBa_spectrum-BarLoader-fill {
+  background: var(--spectrum-meter-large-track-color-positive, var(--spectrum-semantic-positive-color-status));
+}
+
+.uFrYBa_spectrum-BarLoader.uFrYBa_is-warning .uFrYBa_spectrum-BarLoader-fill {
+  background: var(--spectrum-meter-large-track-color-warning, var(--spectrum-semantic-notice-color-status));
+}
+
+.uFrYBa_spectrum-BarLoader.uFrYBa_is-critical .uFrYBa_spectrum-BarLoader-fill {
+  background: var(--spectrum-meter-large-track-color-critical, var(--spectrum-semantic-negative-color-status));
+}
+
+.uFrYBa_spectrum-BarLoader-label, .uFrYBa_spectrum-BarLoader-percentage {
+  color: var(--spectrum-fieldlabel-text-color, var(--spectrum-alias-label-text-color));
+}
+
+@media (forced-colors: active) {
+  .uFrYBa_spectrum-BarLoader-track {
+    forced-color-adjust: none;
+    --spectrum-barloader-large-track-fill-color: ButtonText;
+    --spectrum-barloader-large-over-background-track-fill-color: ButtonText;
+    --spectrum-barloader-large-over-background-track-color: ButtonFace;
+    --spectrum-barloader-static-black-track-color: ButtonFace;
+    --spectrum-barloader-static-black-fill-color: ButtonText;
+    --spectrum-meter-large-track-color-positive: ButtonText;
+    --spectrum-meter-large-track-color-warning: ButtonText;
+    --spectrum-meter-large-track-color-critical: ButtonText;
+    --spectrum-barloader-large-track-color: ButtonFace;
+    border: 1px solid buttontext;
+  }
+}
+/*# sourceMappingURL=vars.596fab4e.css.map */

package/dist/vars.596fab4e.css.map

@@ -0,0 +1 @@
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;;;;;;AAWE;;;;AAKE;;;;;AAOJ;;;;;;;;;AAUA;;;;;;AAOA;;;;;;;;AASA;;;;AAIA;;;;;AAKA;;;;;;;AAME;;;;AAIA;;;;;AAIA;;;;;;;AAQF;;;;AAGE;;;;AAIA;;;;;AAMF;;;;;;;;;AAQE;;;;AAGA;;;;AAKF;;;;;;;;;;AASA;;;;;;;;;;AAqBA;;;;;;AAKE;;;;AAIA;;;;AAME;;;;AAIA;;;;AAKA;;;;AATA;;;;AAIA;;;;AAKA;;;;AAMA;;;;AAIA;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAMJ;;;;AAeA;EACE","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":"vars.596fab4e.css.map"}

package/dist/{main.css → vars.c3d4124d.css}

@@ -1,304 +1,3 @@
-.uFrYBa_i18nFontFamily {
-  font-synthesis: weight;
-  font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
-
-.uFrYBa_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;
-}
-
-.uFrYBa_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;
-}
-
-.uFrYBa_i18nFontFamily:lang(zh) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
-}
-
-.uFrYBa_i18nFontFamily:lang(zh-Hans) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
-
-.uFrYBa_i18nFontFamily:lang(zh-Hant) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
-}
-
-.uFrYBa_i18nFontFamily:lang(zh-SG) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
-
-.uFrYBa_i18nFontFamily:lang(zh-CN) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
-
-.uFrYBa_i18nFontFamily:lang(ko) {
-  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
-}
-
-.uFrYBa_i18nFontFamily:lang(ja) {
-  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
-}
-
-.uFrYBa_spectrum-FocusRing-ring {
-  --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
-  --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
-  --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)));
-}
-
-.uFrYBa_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, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
-  display: block;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-
-.uFrYBa_spectrum-FocusRing {
-}
-
-.uFrYBa_spectrum-FocusRing.uFrYBa_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);
-}
-
-.uFrYBa_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
-
-.uFrYBa_spectrum-FocusRing--quiet.uFrYBa_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);
-}
-
-.uFrYBa_spectrum-BarLoader {
-  min-inline-size: var(--spectrum-global-dimension-static-size-600, 48px);
-  inline-size: var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400));
-  vertical-align: top;
-  isolation: isolate;
-  flex-flow: wrap;
-  justify-content: space-between;
-  align-items: center;
-  display: inline-flex;
-  position: relative;
-}
-
-.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--indeterminate {
-  max-inline-size: var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400));
-}
-
-.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--indeterminate.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-track {
-  max-inline-size: var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400));
-  inline-size: 100%;
-}
-
-.uFrYBa_spectrum-BarLoader-track {
-  min-inline-size: var(--spectrum-global-dimension-static-size-600, 48px);
-  height: var(--spectrum-barloader-large-height, var(--spectrum-global-dimension-size-75));
-  border-radius: var(--spectrum-barloader-large-border-radius);
-  z-index: 1;
-  inline-size: 100%;
-  overflow: hidden;
-}
-
-.uFrYBa_spectrum-BarLoader-fill {
-  height: var(--spectrum-barloader-large-height, var(--spectrum-global-dimension-size-75));
-  border: none;
-  transition: width 1s;
-}
-
-.uFrYBa_spectrum-BarLoader-label, .uFrYBa_spectrum-BarLoader-percentage {
-  font-size: var(--spectrum-fieldlabel-text-size, var(--spectrum-global-dimension-font-size-75));
-  font-weight: var(--spectrum-fieldlabel-text-font-weight, var(--spectrum-global-font-weight-regular));
-  line-height: var(--spectrum-fieldlabel-text-line-height, var(--spectrum-global-font-line-height-small));
-  text-align: start;
-  margin-bottom: var(--spectrum-barloader-large-label-gap-y, var(--spectrum-global-dimension-size-115));
-}
-
-.uFrYBa_spectrum-BarLoader-label {
-  flex: 1;
-}
-
-.uFrYBa_spectrum-BarLoader-percentage {
-  align-self: flex-start;
-  margin-inline-start: var(--spectrum-barloader-small-label-gap-x, var(--spectrum-global-dimension-size-150));
-}
-
-.uFrYBa_spectrum-BarLoader--sideLabel {
-  flex-flow: row;
-  justify-content: space-between;
-  min-inline-size: -moz-fit-content;
-  min-inline-size: fit-content;
-  display: inline-flex;
-}
-
-.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-track {
-  inline-size: inherit;
-}
-
-.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-label {
-  margin-inline-end: var(--spectrum-barloader-large-label-gap-x, var(--spectrum-global-dimension-size-150));
-  margin-bottom: 0;
-}
-
-.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_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;
-}
-
-.uFrYBa_spectrum-BarLoader--small {
-  min-inline-size: var(--spectrum-global-dimension-static-size-600, 48px);
-}
-
-.uFrYBa_spectrum-BarLoader--small .uFrYBa_spectrum-BarLoader-fill {
-  height: var(--spectrum-barloader-small-height, var(--spectrum-global-dimension-size-50));
-}
-
-.uFrYBa_spectrum-BarLoader--small .uFrYBa_spectrum-BarLoader-track {
-  height: var(--spectrum-barloader-small-height, var(--spectrum-global-dimension-size-50));
-  border-radius: var(--spectrum-barloader-small-border-radius);
-}
-
-.uFrYBa_spectrum-BarLoader--indeterminate .uFrYBa_spectrum-BarLoader-fill {
-  inline-size: var(--spectrum-barloader-large-indeterminate-fill-width, var(--spectrum-global-dimension-size-1700));
-  animation-duration: var(--spectrum-barloader-large-indeterminate-duration, var(--spectrum-global-animation-duration-2000));
-  animation-iteration-count: infinite;
-  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(.uFrYBa_spectrum-BarLoader--indeterminate .uFrYBa_spectrum-BarLoader-fill) {
-  animation-name: uFrYBa_indeterminate-loop-ltr;
-}
-
-[dir="rtl"] :is(.uFrYBa_spectrum-BarLoader--indeterminate .uFrYBa_spectrum-BarLoader-fill) {
-  animation-name: uFrYBa_indeterminate-loop-rtl;
-}
-
-@keyframes uFrYBa_indeterminate-loop-ltr {
-  from {
-    transform: translate(calc(var(--spectrum-barloader-large-indeterminate-fill-width, var(--spectrum-global-dimension-size-1700)) * -1));
-  }
-
-  to {
-    transform: translate(var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400)));
-  }
-}
-
-@keyframes uFrYBa_indeterminate-loop-rtl {
-  from {
-    transform: translate(var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400)));
-  }
-
-  to {
-    transform: translate(calc(var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400)) * -1));
-  }
-}
-
-.uFrYBa_spectrum-BarLoader {
-  --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);
-}
-
-.uFrYBa_spectrum-BarLoader .uFrYBa_spectrum-BarLoader-fill {
-  background: var(--spectrum-barloader-large-track-fill-color, var(--spectrum-global-color-blue-500));
-}
-
-.uFrYBa_spectrum-BarLoader .uFrYBa_spectrum-BarLoader-track {
-  background-color: var(--spectrum-barloader-large-track-color, var(--spectrum-alias-track-color-default));
-}
-
-.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--overBackground .uFrYBa_spectrum-BarLoader-fill {
-  background: var(--spectrum-barloader-large-over-background-track-fill-color, var(--spectrum-global-color-static-white));
-}
-
-.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--overBackground .uFrYBa_spectrum-BarLoader-label {
-  color: var(--spectrum-barloader-large-over-background-track-fill-color, var(--spectrum-global-color-static-white));
-}
-
-.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--overBackground .uFrYBa_spectrum-BarLoader-percentage {
-  color: var(--spectrum-barloader-large-over-background-track-fill-color, var(--spectrum-global-color-static-white));
-}
-
-.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--overBackground .uFrYBa_spectrum-BarLoader-track {
-  background-color: var(--spectrum-barloader-large-over-background-track-color, var(--spectrum-alias-track-color-over-background));
-}
-
-.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticWhite .uFrYBa_spectrum-BarLoader-fill {
-  background: var(--spectrum-barloader-large-over-background-track-fill-color, var(--spectrum-global-color-static-white));
-}
-
-.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticWhite .uFrYBa_spectrum-BarLoader-label {
-  color: var(--spectrum-barloader-large-over-background-track-fill-color, var(--spectrum-global-color-static-white));
-}
-
-.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticWhite .uFrYBa_spectrum-BarLoader-percentage {
-  color: var(--spectrum-barloader-large-over-background-track-fill-color, var(--spectrum-global-color-static-white));
-}
-
-.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticWhite .uFrYBa_spectrum-BarLoader-track {
-  background-color: var(--spectrum-barloader-large-over-background-track-color, var(--spectrum-alias-track-color-over-background));
-}
-
-.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticBlack .uFrYBa_spectrum-BarLoader-track {
-  background-color: var(--spectrum-barloader-static-black-track-color);
-}
-
-.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticBlack .uFrYBa_spectrum-BarLoader-label {
-  color: var(--spectrum-barloader-static-black-fill-color);
-}
-
-.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticBlack .uFrYBa_spectrum-BarLoader-percentage {
-  color: var(--spectrum-barloader-static-black-fill-color);
-}
-
-.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticBlack .uFrYBa_spectrum-BarLoader-fill {
-  background: var(--spectrum-barloader-static-black-fill-color);
-}
-
-.uFrYBa_spectrum-BarLoader.uFrYBa_is-positive .uFrYBa_spectrum-BarLoader-fill {
-  background: var(--spectrum-meter-large-track-color-positive, var(--spectrum-semantic-positive-color-status));
-}
-
-.uFrYBa_spectrum-BarLoader.uFrYBa_is-warning .uFrYBa_spectrum-BarLoader-fill {
-  background: var(--spectrum-meter-large-track-color-warning, var(--spectrum-semantic-notice-color-status));
-}
-
-.uFrYBa_spectrum-BarLoader.uFrYBa_is-critical .uFrYBa_spectrum-BarLoader-fill {
-  background: var(--spectrum-meter-large-track-color-critical, var(--spectrum-semantic-negative-color-status));
-}
-
-.uFrYBa_spectrum-BarLoader-label, .uFrYBa_spectrum-BarLoader-percentage {
-  color: var(--spectrum-fieldlabel-text-color, var(--spectrum-alias-label-text-color));
-}
-
-@media (forced-colors: active) {
-  .uFrYBa_spectrum-BarLoader-track {
-    forced-color-adjust: none;
-    --spectrum-barloader-large-track-fill-color: ButtonText;
-    --spectrum-barloader-large-over-background-track-fill-color: ButtonText;
-    --spectrum-barloader-large-over-background-track-color: ButtonFace;
-    --spectrum-barloader-static-black-track-color: ButtonFace;
-    --spectrum-barloader-static-black-fill-color: ButtonText;
-    --spectrum-meter-large-track-color-positive: ButtonText;
-    --spectrum-meter-large-track-color-warning: ButtonText;
-    --spectrum-meter-large-track-color-critical: ButtonText;
-    --spectrum-barloader-large-track-color: ButtonFace;
-    border: 1px solid ButtonText;
-  }
-}
-
 .EQYv7q_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
@@ -324,11 +23,7 @@
   font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
 }
 
-.EQYv7q_i18nFontFamily:lang(zh-SG) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
-
-.EQYv7q_i18nFontFamily:lang(zh-CN) {
+.EQYv7q_i18nFontFamily:lang(zh-SG), .EQYv7q_i18nFontFamily:lang(zh-CN) {
   font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
 }
 
@@ -356,13 +51,7 @@
   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;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-
-.EQYv7q_spectrum-FocusRing {
+  inset: 0;
 }
 
 .EQYv7q_spectrum-FocusRing.EQYv7q_focus-ring:after {
@@ -379,6 +68,16 @@
   box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
 }
 
+@media (forced-colors: active) {
+  .EQYv7q_spectrum-FocusRing, .EQYv7q_spectrum-FocusRing-ring, .EQYv7q_spectrum-FocusRing--quiet {
+    --spectrum-high-contrast-focus-ring-color: Highlight;
+  }
+
+  :is(.EQYv7q_spectrum-FocusRing, .EQYv7q_spectrum-FocusRing-ring, .EQYv7q_spectrum-FocusRing--quiet):after {
+    forced-color-adjust: none;
+  }
+}
+
 .EQYv7q_spectrum-CircleLoader--indeterminate-fill-submask-2 {
   animation: 1s linear infinite EQYv7q_spectrum-fill-mask-2;
 }
@@ -937,15 +636,7 @@
   height: var(--spectrum-loader-circle-small-height, var(--spectrum-global-dimension-static-size-200));
 }
 
-.EQYv7q_spectrum-CircleLoader--small .EQYv7q_spectrum-CircleLoader-track {
-  width: calc(var(--spectrum-loader-circle-small-width, var(--spectrum-global-dimension-static-size-200)));
-  height: calc(var(--spectrum-loader-circle-small-height, var(--spectrum-global-dimension-static-size-200)));
-  border-style: solid;
-  border-width: var(--spectrum-loader-circle-small-border-size);
-  border-radius: var(--spectrum-loader-circle-small-width, var(--spectrum-global-dimension-static-size-200));
-}
-
-.EQYv7q_spectrum-CircleLoader--small .EQYv7q_spectrum-CircleLoader-fill {
+.EQYv7q_spectrum-CircleLoader--small .EQYv7q_spectrum-CircleLoader-track, .EQYv7q_spectrum-CircleLoader--small .EQYv7q_spectrum-CircleLoader-fill {
   width: calc(var(--spectrum-loader-circle-small-width, var(--spectrum-global-dimension-static-size-200)));
   height: calc(var(--spectrum-loader-circle-small-height, var(--spectrum-global-dimension-static-size-200)));
   border-style: solid;
@@ -958,15 +649,7 @@
   height: var(--spectrum-loader-circle-large-height, var(--spectrum-global-dimension-size-800));
 }
 
-.EQYv7q_spectrum-CircleLoader--large .EQYv7q_spectrum-CircleLoader-track {
-  width: calc(var(--spectrum-loader-circle-large-width, var(--spectrum-global-dimension-size-800)));
-  height: calc(var(--spectrum-loader-circle-large-height, var(--spectrum-global-dimension-size-800)));
-  border-style: solid;
-  border-width: var(--spectrum-loader-circle-large-border-size, var(--spectrum-global-dimension-size-50));
-  border-radius: var(--spectrum-loader-circle-large-width, var(--spectrum-global-dimension-size-800));
-}
-
-.EQYv7q_spectrum-CircleLoader--large .EQYv7q_spectrum-CircleLoader-fill {
+.EQYv7q_spectrum-CircleLoader--large .EQYv7q_spectrum-CircleLoader-track, .EQYv7q_spectrum-CircleLoader--large .EQYv7q_spectrum-CircleLoader-fill {
   width: calc(var(--spectrum-loader-circle-large-width, var(--spectrum-global-dimension-size-800)));
   height: calc(var(--spectrum-loader-circle-large-height, var(--spectrum-global-dimension-size-800)));
   border-style: solid;
@@ -1033,5 +716,4 @@
     --spectrum-loader-circle-static-black-track-color: Background;
   }
 }
-
-/*# sourceMappingURL=main.css.map */
+/*# sourceMappingURL=vars.c3d4124d.css.map */

package/dist/vars.c3d4124d.css.map

@@ -0,0 +1 @@
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAkBJ;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkPA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkPA;;;;;;;;;;AAKA;;;;;;;;AAQA;;;;;;;;;AASA;;;;;;;;AAQA;;;;;;;;;AASA;;;;;;;;;AAUA;;;;;;;;AASA;;;;AAIA;;;;;AAIE;;;;;;;;AAgBF;;;;;AAIE;;;;;;;;AAkBA;;;;;;;AAMA;;;;;;AAMA;;;;;;AAmBF;;;;;;AAOA;;;;AAIA;;;;AAME;;;;AAGA;;;;AAMA;;;;AAGA;;;;AAKF;EACE","sources":["packages/@adobe/spectrum-css-temp/components/circleloader/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":"vars.c3d4124d.css.map"}