@react-spectrum/s2 1.4.0 → 1.5.1

package/dist/private/Slider.css

@@ -1,5 +1,5 @@
 @layer _.a {
-  .uk131 {
+  .uk151 {
     font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
     font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
     font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
@@ -7,15 +7,15 @@
     font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
   }
 
-  .xb131 {
+  .xb151 {
     font-weight: 400;
   }
 
-  ._xa131 {
+  ._xa151 {
     font-synthesis-weight: none;
   }
 
-  ._Fd131 {
+  ._Fd151 {
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
@@ -23,643 +23,643 @@
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
   }
 
-  .pv131 {
+  .pv151 {
     color: light-dark(#505050, #afafaf);
   }
 
-  .pp131 {
+  .pp151 {
     color: light-dark(#c6c6c6, #444);
   }
 
-  .zv6x9r131 {
+  .zv6x9r151 {
     grid-column-start: label;
   }
 
-  .yv6x9r131 {
+  .yv6x9r151 {
     grid-column-end: label;
   }
 
-  .Bv6x9r131 {
+  .Bv6x9r151 {
     grid-row-start: label;
   }
 
-  .Av6x9r131 {
+  .Av6x9r151 {
     grid-row-end: label;
   }
 
-  .C09aAFd131 {
+  .C09aAFd151 {
     grid-template-areas: "label output";
   }
 
-  .Dxumf9b131 {
+  .Dxumf9b151 {
     grid-template-columns: 1fr auto;
   }
 
-  ._Wd131 {
+  ._Wd151 {
     text-align: start;
   }
 
-  ._Wb131 {
+  ._Wb151 {
     text-align: end;
   }
 
-  .-AJjOLd-Qd131 {
+  .-AJjOLd-Qd151 {
     --field-gap: 0px;
   }
 
-  .zChk6v131 {
+  .zChk6v151 {
     grid-column-start: output;
   }
 
-  .yChk6v131 {
+  .yChk6v151 {
     grid-column-end: output;
   }
 
-  .BChk6v131 {
+  .BChk6v151 {
     grid-row-start: output;
   }
 
-  .AChk6v131 {
+  .AChk6v151 {
     grid-row-end: output;
   }
 
-  ._Wd131 {
+  ._Wd151 {
     text-align: start;
     text-align: start;
   }
 
-  ._Wb131 {
+  ._Wb151 {
     text-align: end;
     text-align: end;
   }
 
-  .zCPUPs131 {
+  .zCPUPs151 {
     grid-column-start: track;
   }
 
-  .yCPUPs131 {
+  .yCPUPs151 {
     grid-column-end: track;
   }
 
-  .BCPUPs131 {
+  .BCPUPs151 {
     grid-row-start: track;
   }
 
-  .ACPUPs131 {
+  .ACPUPs151 {
     grid-row-end: track;
   }
 
-  ._Pc131 {
+  ._Pc151 {
     position: relative;
   }
 
-  .Fx131 {
+  .Fx151 {
     height: calc(2rem * var(--s2-scale));
   }
 
-  .Fv131 {
+  .Fv151 {
     height: calc(2.5rem * var(--s2-scale));
   }
 
-  .Fz131 {
+  .Fz151 {
     height: calc(3rem * var(--s2-scale));
   }
 
-  .Zp131 {
+  .Zp151 {
     width: calc(1.625rem * var(--s2-scale));
   }
 
-  ._Le131 {
+  ._Le151 {
     outline-style: none;
   }
 
-  .Oh131 {
+  .Oh151 {
     outline-color: light-dark(#4b75ff, #4069fd);
   }
 
-  ._Mc131 {
+  ._Mc151 {
     outline-width: 2px;
   }
 
-  ._Kd131 {
+  ._Kd151 {
     outline-offset: 2px;
   }
 
-  .sg131 {
+  .sg151 {
     display: inline-block;
   }
 
-  ._EF131 {
+  ._EF151 {
     left: 50%;
   }
 
-  ._Zd131 {
+  ._Zd151 {
     transform: translateY(-50%) translateX(-50%);
   }
 
-  .Zl131 {
+  .Zl151 {
     width: calc(1.125rem * var(--s2-scale));
   }
 
-  .Zm131 {
+  .Zm151 {
     width: calc(1.25rem * var(--s2-scale));
   }
 
-  .Zn131 {
+  .Zn151 {
     width: calc(1.375rem * var(--s2-scale));
   }
 
-  .Zo131 {
+  .Zo151 {
     width: calc(1.5rem * var(--s2-scale));
   }
 
-  .Zg131 {
+  .Zg151 {
     width: calc(.375rem * var(--s2-scale));
   }
 
-  .Fm131 {
+  .Fm151 {
     height: calc(1.125rem * var(--s2-scale));
   }
 
-  .Fn131 {
+  .Fn151 {
     height: calc(1.25rem * var(--s2-scale));
   }
 
-  .Fo131 {
+  .Fo151 {
     height: calc(1.375rem * var(--s2-scale));
   }
 
-  .Fp131 {
+  .Fp151 {
     height: calc(1.5rem * var(--s2-scale));
   }
 
-  .Fq131 {
+  .Fq151 {
     height: calc(1.625rem * var(--s2-scale));
   }
 
-  .og131 {
+  .og151 {
     border-start-start-radius: 9999px;
   }
 
-  .ng131 {
+  .ng151 {
     border-start-end-radius: 9999px;
   }
 
-  .kg131 {
+  .kg151 {
     border-end-start-radius: 9999px;
   }
 
-  .jg131 {
+  .jg151 {
     border-end-end-radius: 9999px;
   }
 
-  ._kc131 {
+  ._kc151 {
     border-top-width: 2px;
   }
 
-  .hc131 {
+  .hc151 {
     border-bottom-width: 2px;
   }
 
-  .mc131 {
+  .mc151 {
     border-inline-start-width: 2px;
   }
 
-  .lc131 {
+  .lc151 {
     border-inline-end-width: 2px;
   }
 
-  .iv131 {
+  .iv151 {
     border-color: light-dark(#292929, #dbdbdb);
   }
 
-  .in131 {
+  .in151 {
     border-color: light-dark(#131313, #f2f2f2);
   }
 
-  .iq131 {
+  .iq151 {
     border-color: light-dark(#dadada, #393939);
   }
 
-  .gX131 {
+  .gX151 {
     background-color: light-dark(#fff, #111);
   }
 
-  .gE131 {
+  .gE151 {
     background-color: light-dark(#dadada, #393939);
   }
 
-  .gh131 {
+  .gh151 {
     background-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .17);
   }
 
-  .Za131 {
+  .Za151 {
     width: 100%;
   }
 
-  ._Lf131 {
+  ._Lf151 {
     outline-style: solid;
   }
 
-  ._MEjZtrc131 {
+  ._MEjZtrc151 {
     outline-width: .5px;
   }
 
-  ._KnkFfic131 {
+  ._KnkFfic151 {
     outline-offset: -.5px;
   }
 
-  .Oj131 {
+  .Oj151 {
     outline-color: #0000;
   }
 
-  .Fe131 {
+  .Fe151 {
     height: calc(.25rem * var(--s2-scale));
   }
 
-  .Ft131 {
+  .Ft151 {
     height: calc(1rem * var(--s2-scale));
   }
 
-  .WF131 {
+  .WF151 {
     top: 50%;
   }
 
-  .oc131 {
+  .oc151 {
     border-start-start-radius: .625rem;
   }
 
-  .oa131 {
+  .oa151 {
     border-start-start-radius: .25rem;
   }
 
-  .nc131 {
+  .nc151 {
     border-start-end-radius: .625rem;
   }
 
-  .na131 {
+  .na151 {
     border-start-end-radius: .25rem;
   }
 
-  .kc131 {
+  .kc151 {
     border-end-start-radius: .625rem;
   }
 
-  .ka131 {
+  .ka151 {
     border-end-start-radius: .25rem;
   }
 
-  .jc131 {
+  .jc151 {
     border-end-end-radius: .625rem;
   }
 
-  .ja131 {
+  .ja151 {
     border-end-end-radius: .25rem;
   }
 
-  ._Pa131 {
+  ._Pa151 {
     position: absolute;
   }
 
-  .g_i131 {
+  .g_i151 {
     background-color: light-dark(#505050, #afafaf);
   }
 
-  .g3131 {
+  .g3151 {
     background-color: light-dark(#3b63fb, #5681ff);
   }
 
-  .gH131 {
+  .gH151 {
     background-color: light-dark(#e9e9e9, #2c2c2c);
   }
 
-  ._oa131 {
+  ._oa151 {
     box-sizing: border-box;
   }
 
-  ._jf131 {
+  ._jf151 {
     border-style: solid;
   }
 
-  ._kEjZtrc131 {
+  ._kEjZtrc151 {
     border-top-width: .5px;
   }
 
-  .hEjZtrc131 {
+  .hEjZtrc151 {
     border-bottom-width: .5px;
   }
 
-  .mEjZtrc131 {
+  .mEjZtrc151 {
     border-inline-start-width: .5px;
   }
 
-  .lEjZtrc131 {
+  .lEjZtrc151 {
     border-inline-end-width: .5px;
   }
 
-  .iA131 {
+  .iA151 {
     border-color: #0000;
   }
 
-  .-_8PloMd-m131 {
+  .-_8PloMd-m151 {
     --translateY: -50%;
   }
 
-  .__Ya131 {
+  .__Ya151 {
     translate: var(--translateX, 0) var(--translateY, 0);
   }
 
-  .se131 {
+  .se151 {
     display: grid;
   }
 
-  .z2mU131 {
+  .z2mU151 {
     grid-column-start: 1;
   }
 
-  .yvoofG131 {
+  .yvoofG151 {
     grid-column-end: span 2;
   }
 
-  .DM8Mfn131 {
+  .DM8Mfn151 {
     grid-template-columns: 1fr;
   }
 
-  .DPlN5qb131 {
+  .DPlN5qb151 {
     grid-template-columns: auto 1fr;
   }
 
-  .DLwlgod131 {
+  .DLwlgod151 {
     grid-template-columns: subgrid;
   }
 
-  .E4w1sLc131 {
+  .E4w1sLc151 {
     grid-template-rows: auto 1fr auto;
   }
 
-  .EPlN5qb131 {
+  .EPlN5qb151 {
     grid-template-rows: auto 1fr;
   }
 
-  .Cxaocre131 {
+  .Cxaocre151 {
     grid-template-areas: "label"
                          "input"
                          "helptext";
   }
 
-  .CbRM95c131 {
+  .CbRM95c151 {
     grid-template-areas: "label input"
                          "label helptext";
   }
 
-  .-_6BNtrc-c131 {
+  .-_6BNtrc-c151 {
     --fs: pow(1.125, 0);
   }
 
-  .-_6BNtrc-a131 {
+  .-_6BNtrc-a151 {
     --fs: pow(1.125, -2);
   }
 
-  .-_6BNtrc-b131 {
+  .-_6BNtrc-b151 {
     --fs: pow(1.125, -1);
   }
 
-  .-_6BNtrc-d131 {
+  .-_6BNtrc-d151 {
     --fs: pow(1.125, 1);
   }
 
-  .-_6BNtrc-e131 {
+  .-_6BNtrc-e151 {
     --fs: pow(1.125, 2);
   }
 
-  .vx131 {
+  .vx151 {
     font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
   }
 
-  .ea131 {
+  .ea151 {
     align-items: baseline;
   }
 
-  ._Fd131 {
+  ._Fd151 {
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
   }
 
-  .-BhX7R-Fx131 {
+  .-BhX7R-Fx151 {
     --field-height: calc(2rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fn131 {
+  .-BhX7R-Fn151 {
     --field-height: calc(1.25rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fp131 {
+  .-BhX7R-Fp151 {
     --field-height: calc(1.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fv131 {
+  .-BhX7R-Fv151 {
     --field-height: calc(2.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fz131 {
+  .-BhX7R-Fz151 {
     --field-height: calc(3rem * var(--s2-scale));
   }
 
-  .-AJjOLd-UVkF0Db131 {
+  .-AJjOLd-UVkF0Db151 {
     --field-gap: calc((var(--field-height) - var(--_k, 0px) - var(--h, 0px) - 1lh) / 2);
   }
 
-  .qg131 {
+  .qg151 {
     column-gap: .75rem;
   }
 
-  .__ca131 {
+  .__ca151 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .zXcEWr131 {
+  .zXcEWr151 {
     grid-column-start: input;
   }
 
-  .yXcEWr131 {
+  .yXcEWr151 {
     grid-column-end: input;
   }
 
-  .BXcEWr131 {
+  .BXcEWr151 {
     grid-row-start: input;
   }
 
-  .AXcEWr131 {
+  .AXcEWr151 {
     grid-row-end: input;
   }
 
-  .Nk131 {
+  .Nk151 {
     min-width: calc(2rem * var(--s2-scale));
   }
 
-  .Ne131 {
+  .Ne151 {
     min-width: calc(1.25rem * var(--s2-scale));
   }
 
-  .Nf131 {
+  .Nf151 {
     min-width: calc(1.5rem * var(--s2-scale));
   }
 
-  .Nj131 {
+  .Nj151 {
     min-width: calc(2.5rem * var(--s2-scale));
   }
 
-  .Nl131 {
+  .Nl151 {
     min-width: calc(3rem * var(--s2-scale));
   }
 
-  ._qd131 {
+  ._qd151 {
     contain: none;
   }
 
-  .-Anxdcc-Z3fn9H131 {
+  .-Anxdcc-Z3fn9H151 {
     --defaultWidth: calc(13rem * var(--s2-scale));
   }
 
-  .-Anxdcc-Zr131 {
+  .-Anxdcc-Zr151 {
     --defaultWidth: calc(12rem * var(--s2-scale));
   }
 
-  .-Anxdcc-ZStdtne131 {
+  .-Anxdcc-ZStdtne151 {
     --defaultWidth: calc(14rem * var(--s2-scale));
   }
 
-  .-Anxdcc-Zt131 {
+  .-Anxdcc-Zt151 {
     --defaultWidth: calc(15rem * var(--s2-scale));
   }
 
-  .__v6TNLWb131 {
+  .__v6TNLWb151 {
     contain-intrinsic-width: calc(var(--defaultWidth) - var(--S, 0px) - var(--R, 0px) - var(--m, 0px) - var(--l, 0px));
   }
 
-  .sh131 {
+  .sh151 {
     display: inline-flex;
   }
 
-  .eb131 {
+  .eb151 {
     align-items: center;
   }
 
-  .Ul131 {
+  .Ul151 {
     row-gap: 1rem;
   }
 
-  .Ui131 {
+  .Ui151 {
     row-gap: 1.25rem;
   }
 
-  .Uj131 {
+  .Uj151 {
     row-gap: 1.5rem;
   }
 
-  .ql131 {
+  .ql151 {
     column-gap: 1rem;
   }
 
-  .qi131 {
+  .qi151 {
     column-gap: 1.25rem;
   }
 
-  .qj131 {
+  .qj151 {
     column-gap: 1.5rem;
   }
 }
 
 @layer _.b {
-  .ucJ9TBTb131:lang(ar) {
+  .ucJ9TBTb151:lang(ar) {
     font-family: adobe-clean-arabic, myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._FnuYUweb131:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  ._FnuYUweb151:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     line-height: 1.5;
   }
 }
 
 @layer _.c {
-  .ud3Euai131:lang(he) {
+  .ud3Euai151:lang(he) {
     font-family: adobe-clean-hebrew, myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.d {
-  .uea131:lang(ja) {
+  .uea151: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 {
-  .ugb131:lang(ko) {
+  .ugb151:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  .uhd131:lang(zh) {
+  .uhd151:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  .uje131:lang(zh-hant) {
+  .uje151: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 {
-  .u2NhKxcl131:lang(zh-HK) {
+  .u2NhKxcl151:lang(zh-HK) {
     font-family: adobe-clean-han-hong-kong, source-han-hong-kong, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.i {
-  .uic131:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  .uic151: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.l {
   @media (forced-colors: active) {
-    .plb131 {
+    .plb151 {
       color: buttontext;
     }
 
-    .Olc131 {
+    .Olc151 {
       outline-color: highlight;
     }
 
-    .ila131 {
+    .ila151 {
       border-color: buttonborder;
     }
 
-    .glb131 {
+    .glb151 {
       background-color: buttonface;
     }
 
-    .Olb131 {
+    .Olb151 {
       outline-color: buttontext;
     }
 
-    .OldZOE7131 {
+    .OldZOE7151 {
       outline-color: graytext;
     }
 
-    .gle131 {
+    .gle151 {
       background-color: highlight;
     }
 
-    .gld131 {
+    .gld151 {
       background-color: graytext;
     }
 
-    .ilb131 {
+    .ilb151 {
       border-color: buttontext;
     }
 
-    .ilc131 {
+    .ilc151 {
       border-color: graytext;
     }
   }
@@ -667,7 +667,7 @@
 
 @layer _.b.t {
   @supports (contain-intrinsic-width: 1px) {
-    ._qtb131 {
+    ._qtb151 {
       contain: inline-size;
     }
   }