@react-spectrum/s2 3.0.0-nightly-a6f868a06-250517 → 3.0.0-nightly-77b3442e4-250520

package/dist/ProgressBar.css

@@ -19,406 +19,406 @@
 }
 
 @layer _.a {
-  .-Ovbhqd-g4hn3s8 {
+  .-Ovbhqd-g4hn3s9 {
     --s2-container-bg: white;
   }
 
-  .-Ovbhqd-gcwrnr8 {
+  .-Ovbhqd-gcwrnr9 {
     --s2-container-bg: black;
   }
 
-  .se8 {
+  .se9 {
     display: grid;
   }
 
-  .Dxumf9b8 {
+  .Dxumf9b9 {
     grid-template-columns: 1fr auto;
   }
 
-  .DM8Mfn8 {
+  .DM8Mfn9 {
     grid-template-columns: 1fr;
   }
 
-  .DPlN5qb8 {
+  .DPlN5qb9 {
     grid-template-columns: auto 1fr;
   }
 
-  .CC0Gyo8 {
+  .CC0Gyo9 {
     grid-template-areas: "label value"
                          "bar bar";
   }
 
-  .Cvv4gue8 {
+  .Cvv4gue9 {
     grid-template-areas: "label bar value";
   }
 
-  .C0J5Chb8 {
+  .C0J5Chb9 {
     grid-template-areas: "label"
                          "bar";
   }
 
-  .C2Yfxtb8 {
+  .C2Yfxtb9 {
     grid-template-areas: "label bar";
   }
 
-  .ea8 {
+  .ea9 {
     align-items: baseline;
   }
 
-  ._Bb8 {
+  ._Bb9 {
     isolation: isolate;
   }
 
-  .Lk8 {
+  .Lk9 {
     max-width: calc(48rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fx8 {
+  .-BhX7R-Fx9 {
     --field-height: calc(2rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fn8 {
+  .-BhX7R-Fn9 {
     --field-height: calc(1.25rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fp8 {
+  .-BhX7R-Fp9 {
     --field-height: calc(1.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fv8 {
+  .-BhX7R-Fv9 {
     --field-height: calc(2.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fz8 {
+  .-BhX7R-Fz9 {
     --field-height: calc(3rem * var(--s2-scale));
   }
 
-  .-dTMmze-Fe8 {
+  .-dTMmze-Fe9 {
     --track-to-label: calc(.25rem * var(--s2-scale));
   }
 
-  .-AJjOLd-UCwrhQe8 {
+  .-AJjOLd-UCwrhQe9 {
     --field-gap: calc((calc(var(--field-height)  + var(--track-to-label))  - var(--_k, 0px)  - var(--h, 0px)  - 1lh) / 2);
   }
 
-  .qg8 {
+  .qg9 {
     column-gap: .75rem;
   }
 
-  .ug8 {
+  .ug9 {
     font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
   }
 
-  .vd8 {
+  .vd9 {
     font-size: .875rem;
   }
 
-  .va8 {
+  .va9 {
     font-size: .6875rem;
   }
 
-  .vb8 {
+  .vb9 {
     font-size: .75rem;
   }
 
-  .vp8 {
+  .vp9 {
     font-size: 1rem;
   }
 
-  .vg8 {
+  .vg9 {
     font-size: 1.125rem;
   }
 
-  .wb8 {
+  .wb9 {
     font-variation-settings: "wght" 400;
   }
 
-  .xb8 {
+  .xb9 {
     font-weight: 400;
   }
 
-  ._xa8 {
+  ._xa9 {
     font-synthesis-weight: none;
   }
 
-  ._Fa8 {
+  ._Fa9 {
     line-height: 1.3;
   }
 
-  .pv8 {
+  .pv9 {
     color: var(--lightningcss-light, #505050) var(--lightningcss-dark, #afafaf);
   }
 
-  .pp8 {
+  .pp9 {
     color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
   }
 
-  .pl8 {
+  .pl9 {
     color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / 1);
   }
 
-  .ri8 {
+  .ri9 {
     cursor: default;
   }
 
-  .z8bmXs8 {
+  .z8bmXs9 {
     grid-column-start: value;
   }
 
-  .y8bmXs8 {
+  .y8bmXs9 {
     grid-column-end: value;
   }
 
-  .B8bmXs8 {
+  .B8bmXs9 {
     grid-row-start: value;
   }
 
-  .A8bmXs8 {
+  .A8bmXs9 {
     grid-row-end: value;
   }
 
-  .zMY0fn8 {
+  .zMY0fn9 {
     grid-column-start: bar;
   }
 
-  .yMY0fn8 {
+  .yMY0fn9 {
     grid-column-end: bar;
   }
 
-  .BMY0fn8 {
+  .BMY0fn9 {
     grid-row-start: bar;
   }
 
-  .AMY0fn8 {
+  .AMY0fn9 {
     grid-row-end: bar;
   }
 
-  .Nk8 {
+  .Nk9 {
     min-width: calc(2rem * var(--s2-scale));
   }
 
-  .Ne8 {
+  .Ne9 {
     min-width: calc(1.25rem * var(--s2-scale));
   }
 
-  .Nf8 {
+  .Nf9 {
     min-width: calc(1.5rem * var(--s2-scale));
   }
 
-  .Nj8 {
+  .Nj9 {
     min-width: calc(2.5rem * var(--s2-scale));
   }
 
-  .Nl8 {
+  .Nl9 {
     min-width: calc(3rem * var(--s2-scale));
   }
 
-  ._qd8 {
+  ._qd9 {
     contain: none;
   }
 
-  .-Anxdcc-Z3fn9H8 {
+  .-Anxdcc-Z3fn9H9 {
     --defaultWidth: calc(13rem * var(--s2-scale));
   }
 
-  .-Anxdcc-Zr8 {
+  .-Anxdcc-Zr9 {
     --defaultWidth: calc(12rem * var(--s2-scale));
   }
 
-  .-Anxdcc-ZStdtne8 {
+  .-Anxdcc-ZStdtne9 {
     --defaultWidth: calc(14rem * var(--s2-scale));
   }
 
-  .-Anxdcc-Zt8 {
+  .-Anxdcc-Zt9 {
     --defaultWidth: calc(15rem * var(--s2-scale));
   }
 
-  .__v6TNLWb8 {
+  .__v6TNLWb9 {
     contain-intrinsic-width: calc(var(--defaultWidth)  - var(--S, 0px)  - var(--R, 0px)  - var(--m, 0px)  - var(--l, 0px));
   }
 
-  ._Nc8 {
+  ._Nc9 {
     overflow-x: hidden;
   }
 
-  .Pc8 {
+  .Pc9 {
     overflow-y: hidden;
   }
 
-  .gE8 {
+  .gE9 {
     background-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
   }
 
-  .gh8 {
+  .gh9 {
     background-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .17);
   }
 
-  ._Ma8 {
+  ._Ma9 {
     outline-width: 0;
   }
 
-  ._Le8 {
+  ._Le9 {
     outline-style: none;
   }
 
-  .Oj8 {
+  .Oj9 {
     outline-color: #0000;
   }
 
-  ._9c8 {
+  ._9c9 {
     z-index: 1;
   }
 
-  .Fe8 {
+  .Fe9 {
     height: calc(.25rem * var(--s2-scale));
   }
 
-  .Fg8 {
+  .Fg9 {
     height: calc(.375rem * var(--s2-scale));
   }
 
-  .Fi8 {
+  .Fi9 {
     height: calc(.5rem * var(--s2-scale));
   }
 
-  .Fj8 {
+  .Fj9 {
     height: calc(.625rem * var(--s2-scale));
   }
 
-  .Fb8 {
+  .Fb9 {
     height: 100%;
   }
 
-  ._je8 {
+  ._je9 {
     border-style: none;
   }
 
-  .og8 {
+  .og9 {
     border-start-start-radius: 9999px;
   }
 
-  .ng8 {
+  .ng9 {
     border-start-end-radius: 9999px;
   }
 
-  .kg8 {
+  .kg9 {
     border-end-start-radius: 9999px;
   }
 
-  .jg8 {
+  .jg9 {
     border-end-end-radius: 9999px;
   }
 
-  .g28 {
+  .g29 {
     background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #4069fd);
   }
 
-  .gj8 {
+  .gj9 {
     background-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
   }
 
-  .Za8 {
+  .Za9 {
     width: 100%;
   }
 
-  ._0e8 {
+  ._0e9 {
     transform-origin: 0;
   }
 
-  ._gXZ1Q4d8 {
+  ._gXZ1Q4d9 {
     animation-name: VHPsfc;
   }
 
-  ._g2FRDs8 {
+  ._g2FRDs9 {
     animation-name: reCXe;
   }
 
-  ._ea8 {
+  ._ea9 {
     animation-duration: 1s;
   }
 
-  ._hb8 {
+  ._hb9 {
     animation-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  .__ea8 {
+  .__ea9 {
     animation-iteration-count: infinite;
   }
 
-  ._8d8 {
+  ._8d9 {
     will-change: transform;
   }
 
-  ._Pc8 {
+  ._Pc9 {
     position: relative;
   }
 }
 
 @layer _.b {
-  .uch8:lang(ar) {
+  .uch9:lang(ar) {
     font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._Ffb8:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._Ffb9:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     line-height: 1.5;
   }
 }
 
 @layer _.c {
-  .udi8:lang(he) {
+  .udi9:lang(he) {
     font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.d {
-  .uea8:lang(ja) {
+  .uea9:lang(ja) {
     font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
   }
 }
 
 @layer _.e {
-  .ugb8:lang(ko) {
+  .ugb9:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  .uhd8:lang(zh) {
+  .uhd9:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  .uje8:lang(zh-hant) {
+  .uje9:lang(zh-hant) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.h {
-  .uic8:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  .uic9:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
   }
 }
 
 @layer _.b.s {
   @media not ((hover: hover) and (pointer: fine)) {
-    .vsf8 {
+    .vsf9 {
       font-size: 1.0625rem;
     }
 
-    .vsc8 {
+    .vsc9 {
       font-size: .8125rem;
     }
 
-    .vse8 {
+    .vse9 {
       font-size: .9375rem;
     }
 
-    .vsh8 {
+    .vsh9 {
       font-size: 1.1875rem;
     }
 
-    .vsj8 {
+    .vsj9 {
       font-size: 1.375rem;
     }
   }
@@ -426,27 +426,27 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .plb8 {
+    .plb9 {
       color: buttontext;
     }
 
-    .glb8 {
+    .glb9 {
       background-color: buttonface;
     }
 
-    ._Mlb8 {
+    ._Mlb9 {
       outline-width: 1px;
     }
 
-    ._Llf8 {
+    ._Llf9 {
       outline-style: solid;
     }
 
-    .Olb8 {
+    .Olb9 {
       outline-color: buttontext;
     }
 
-    .glc8 {
+    .glc9 {
       background-color: buttontext;
     }
   }
@@ -454,7 +454,7 @@
 
 @layer _.b.t {
   @supports (contain-intrinsic-width: 1px) {
-    ._qtb8 {
+    ._qtb9 {
       contain: inline-size;
     }
   }