@react-spectrum/s2 1.3.1 → 1.5.0

package/dist/private/Slider.css

@@ -1,5 +1,5 @@
 @layer _.a {
-  .uk13 {
+  .uk15 {
     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;
   }
 
-  .xb13 {
+  .xb15 {
     font-weight: 400;
   }
 
-  ._xa13 {
+  ._xa15 {
     font-synthesis-weight: none;
   }
 
-  ._Fd13 {
+  ._Fd15 {
     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,623 +23,643 @@
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
   }
 
-  .pv13 {
+  .pv15 {
     color: light-dark(#505050, #afafaf);
   }
 
-  .pp13 {
+  .pp15 {
     color: light-dark(#c6c6c6, #444);
   }
 
-  .zv6x9r13 {
+  .zv6x9r15 {
     grid-column-start: label;
   }
 
-  .yv6x9r13 {
+  .yv6x9r15 {
     grid-column-end: label;
   }
 
-  .Bv6x9r13 {
+  .Bv6x9r15 {
     grid-row-start: label;
   }
 
-  .Av6x9r13 {
+  .Av6x9r15 {
     grid-row-end: label;
   }
 
-  .C09aAFd13 {
+  .C09aAFd15 {
     grid-template-areas: "label output";
   }
 
-  .Dxumf9b13 {
+  .Dxumf9b15 {
     grid-template-columns: 1fr auto;
   }
 
-  ._Wd13 {
+  ._Wd15 {
     text-align: start;
   }
 
-  ._Wb13 {
+  ._Wb15 {
     text-align: end;
   }
 
-  .-AJjOLd-Qd13 {
+  .-AJjOLd-Qd15 {
     --field-gap: 0px;
   }
 
-  .zChk6v13 {
+  .zChk6v15 {
     grid-column-start: output;
   }
 
-  .yChk6v13 {
+  .yChk6v15 {
     grid-column-end: output;
   }
 
-  .BChk6v13 {
+  .BChk6v15 {
     grid-row-start: output;
   }
 
-  .AChk6v13 {
+  .AChk6v15 {
     grid-row-end: output;
   }
 
-  ._Wd13 {
+  ._Wd15 {
     text-align: start;
     text-align: start;
   }
 
-  ._Wb13 {
+  ._Wb15 {
     text-align: end;
     text-align: end;
   }
 
-  .zCPUPs13 {
+  .zCPUPs15 {
     grid-column-start: track;
   }
 
-  .yCPUPs13 {
+  .yCPUPs15 {
     grid-column-end: track;
   }
 
-  .BCPUPs13 {
+  .BCPUPs15 {
     grid-row-start: track;
   }
 
-  .ACPUPs13 {
+  .ACPUPs15 {
     grid-row-end: track;
   }
 
-  ._Pc13 {
+  ._Pc15 {
     position: relative;
   }
 
-  .Fx13 {
+  .Fx15 {
     height: calc(2rem * var(--s2-scale));
   }
 
-  .Fv13 {
+  .Fv15 {
     height: calc(2.5rem * var(--s2-scale));
   }
 
-  .Fz13 {
+  .Fz15 {
     height: calc(3rem * var(--s2-scale));
   }
 
-  .Zp13 {
+  .Zp15 {
     width: calc(1.625rem * var(--s2-scale));
   }
 
-  ._Le13 {
+  ._Le15 {
     outline-style: none;
   }
 
-  ._Lf13 {
-    outline-style: solid;
-  }
-
-  .Oh13 {
+  .Oh15 {
     outline-color: light-dark(#4b75ff, #4069fd);
   }
 
-  ._Mc13 {
+  ._Mc15 {
     outline-width: 2px;
   }
 
-  ._Kd13 {
+  ._Kd15 {
     outline-offset: 2px;
   }
 
-  .sg13 {
+  .sg15 {
     display: inline-block;
   }
 
-  ._EF13 {
+  ._EF15 {
     left: 50%;
   }
 
-  ._Zd13 {
+  ._Zd15 {
     transform: translateY(-50%) translateX(-50%);
   }
 
-  .Zl13 {
+  .Zl15 {
     width: calc(1.125rem * var(--s2-scale));
   }
 
-  .Zm13 {
+  .Zm15 {
     width: calc(1.25rem * var(--s2-scale));
   }
 
-  .Zn13 {
+  .Zn15 {
     width: calc(1.375rem * var(--s2-scale));
   }
 
-  .Zo13 {
+  .Zo15 {
     width: calc(1.5rem * var(--s2-scale));
   }
 
-  .Zg13 {
+  .Zg15 {
     width: calc(.375rem * var(--s2-scale));
   }
 
-  .Fm13 {
+  .Fm15 {
     height: calc(1.125rem * var(--s2-scale));
   }
 
-  .Fn13 {
+  .Fn15 {
     height: calc(1.25rem * var(--s2-scale));
   }
 
-  .Fo13 {
+  .Fo15 {
     height: calc(1.375rem * var(--s2-scale));
   }
 
-  .Fp13 {
+  .Fp15 {
     height: calc(1.5rem * var(--s2-scale));
   }
 
-  .Fq13 {
+  .Fq15 {
     height: calc(1.625rem * var(--s2-scale));
   }
 
-  .og13 {
+  .og15 {
     border-start-start-radius: 9999px;
   }
 
-  .ng13 {
+  .ng15 {
     border-start-end-radius: 9999px;
   }
 
-  .kg13 {
+  .kg15 {
     border-end-start-radius: 9999px;
   }
 
-  .jg13 {
+  .jg15 {
     border-end-end-radius: 9999px;
   }
 
-  ._kc13 {
+  ._kc15 {
     border-top-width: 2px;
   }
 
-  .hc13 {
+  .hc15 {
     border-bottom-width: 2px;
   }
 
-  .mc13 {
+  .mc15 {
     border-inline-start-width: 2px;
   }
 
-  .lc13 {
+  .lc15 {
     border-inline-end-width: 2px;
   }
 
-  .iv13 {
+  .iv15 {
     border-color: light-dark(#292929, #dbdbdb);
   }
 
-  .in13 {
+  .in15 {
     border-color: light-dark(#131313, #f2f2f2);
   }
 
-  .iq13 {
+  .iq15 {
     border-color: light-dark(#dadada, #393939);
   }
 
-  .gX13 {
+  .gX15 {
     background-color: light-dark(#fff, #111);
   }
 
-  .gE13 {
+  .gE15 {
     background-color: light-dark(#dadada, #393939);
   }
 
-  .gh13 {
+  .gh15 {
     background-color: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .17);
   }
 
-  .Za13 {
+  .Za15 {
     width: 100%;
   }
 
-  .Fe13 {
+  ._Lf15 {
+    outline-style: solid;
+  }
+
+  ._MEjZtrc15 {
+    outline-width: .5px;
+  }
+
+  ._KnkFfic15 {
+    outline-offset: -.5px;
+  }
+
+  .Oj15 {
+    outline-color: #0000;
+  }
+
+  .Fe15 {
     height: calc(.25rem * var(--s2-scale));
   }
 
-  .Ft13 {
+  .Ft15 {
     height: calc(1rem * var(--s2-scale));
   }
 
-  .WF13 {
+  .WF15 {
     top: 50%;
   }
 
-  .oc13 {
+  .oc15 {
     border-start-start-radius: .625rem;
   }
 
-  .oa13 {
+  .oa15 {
     border-start-start-radius: .25rem;
   }
 
-  .nc13 {
+  .nc15 {
     border-start-end-radius: .625rem;
   }
 
-  .na13 {
+  .na15 {
     border-start-end-radius: .25rem;
   }
 
-  .kc13 {
+  .kc15 {
     border-end-start-radius: .625rem;
   }
 
-  .ka13 {
+  .ka15 {
     border-end-start-radius: .25rem;
   }
 
-  .jc13 {
+  .jc15 {
     border-end-end-radius: .625rem;
   }
 
-  .ja13 {
+  .ja15 {
     border-end-end-radius: .25rem;
   }
 
-  ._Pa13 {
+  ._Pa15 {
     position: absolute;
   }
 
-  .g_i13 {
+  .g_i15 {
     background-color: light-dark(#505050, #afafaf);
   }
 
-  .g313 {
+  .g315 {
     background-color: light-dark(#3b63fb, #5681ff);
   }
 
-  .gH13 {
+  .gH15 {
     background-color: light-dark(#e9e9e9, #2c2c2c);
   }
 
-  ._oa13 {
+  ._oa15 {
     box-sizing: border-box;
   }
 
-  ._jf13 {
+  ._jf15 {
     border-style: solid;
   }
 
-  ._kEjZtrc13 {
+  ._kEjZtrc15 {
     border-top-width: .5px;
   }
 
-  .hEjZtrc13 {
+  .hEjZtrc15 {
     border-bottom-width: .5px;
   }
 
-  .mEjZtrc13 {
+  .mEjZtrc15 {
     border-inline-start-width: .5px;
   }
 
-  .lEjZtrc13 {
+  .lEjZtrc15 {
     border-inline-end-width: .5px;
   }
 
-  .iA13 {
+  .iA15 {
     border-color: #0000;
   }
 
-  .-_8PloMd-m13 {
+  .-_8PloMd-m15 {
     --translateY: -50%;
   }
 
-  .__Ya13 {
+  .__Ya15 {
     translate: var(--translateX, 0) var(--translateY, 0);
   }
 
-  .se13 {
+  .se15 {
     display: grid;
   }
 
-  .z2mU13 {
+  .z2mU15 {
     grid-column-start: 1;
   }
 
-  .yvoofG13 {
+  .yvoofG15 {
     grid-column-end: span 2;
   }
 
-  .DM8Mfn13 {
+  .DM8Mfn15 {
     grid-template-columns: 1fr;
   }
 
-  .DPlN5qb13 {
+  .DPlN5qb15 {
     grid-template-columns: auto 1fr;
   }
 
-  .DLwlgod13 {
+  .DLwlgod15 {
     grid-template-columns: subgrid;
   }
 
-  .E4w1sLc13 {
+  .E4w1sLc15 {
     grid-template-rows: auto 1fr auto;
   }
 
-  .EPlN5qb13 {
+  .EPlN5qb15 {
     grid-template-rows: auto 1fr;
   }
 
-  .Cxaocre13 {
+  .Cxaocre15 {
     grid-template-areas: "label"
                          "input"
                          "helptext";
   }
 
-  .CbRM95c13 {
+  .CbRM95c15 {
     grid-template-areas: "label input"
                          "label helptext";
   }
 
-  .-_6BNtrc-c13 {
+  .-_6BNtrc-c15 {
     --fs: pow(1.125, 0);
   }
 
-  .-_6BNtrc-a13 {
+  .-_6BNtrc-a15 {
     --fs: pow(1.125, -2);
   }
 
-  .-_6BNtrc-b13 {
+  .-_6BNtrc-b15 {
     --fs: pow(1.125, -1);
   }
 
-  .-_6BNtrc-d13 {
+  .-_6BNtrc-d15 {
     --fs: pow(1.125, 1);
   }
 
-  .-_6BNtrc-e13 {
+  .-_6BNtrc-e15 {
     --fs: pow(1.125, 2);
   }
 
-  .vx13 {
+  .vx15 {
     font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
   }
 
-  .ea13 {
+  .ea15 {
     align-items: baseline;
   }
 
-  ._Fd13 {
+  ._Fd15 {
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
   }
 
-  .-BhX7R-Fx13 {
+  .-BhX7R-Fx15 {
     --field-height: calc(2rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fn13 {
+  .-BhX7R-Fn15 {
     --field-height: calc(1.25rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fp13 {
+  .-BhX7R-Fp15 {
     --field-height: calc(1.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fv13 {
+  .-BhX7R-Fv15 {
     --field-height: calc(2.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fz13 {
+  .-BhX7R-Fz15 {
     --field-height: calc(3rem * var(--s2-scale));
   }
 
-  .-AJjOLd-UVkF0Db13 {
+  .-AJjOLd-UVkF0Db15 {
     --field-gap: calc((var(--field-height) - var(--_k, 0px) - var(--h, 0px) - 1lh) / 2);
   }
 
-  .qg13 {
+  .qg15 {
     column-gap: .75rem;
   }
 
-  .__ca13 {
+  .__ca15 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .zXcEWr13 {
+  .zXcEWr15 {
     grid-column-start: input;
   }
 
-  .yXcEWr13 {
+  .yXcEWr15 {
     grid-column-end: input;
   }
 
-  .BXcEWr13 {
+  .BXcEWr15 {
     grid-row-start: input;
   }
 
-  .AXcEWr13 {
+  .AXcEWr15 {
     grid-row-end: input;
   }
 
-  .Nk13 {
+  .Nk15 {
     min-width: calc(2rem * var(--s2-scale));
   }
 
-  .Ne13 {
+  .Ne15 {
     min-width: calc(1.25rem * var(--s2-scale));
   }
 
-  .Nf13 {
+  .Nf15 {
     min-width: calc(1.5rem * var(--s2-scale));
   }
 
-  .Nj13 {
+  .Nj15 {
     min-width: calc(2.5rem * var(--s2-scale));
   }
 
-  .Nl13 {
+  .Nl15 {
     min-width: calc(3rem * var(--s2-scale));
   }
 
-  ._qd13 {
+  ._qd15 {
     contain: none;
   }
 
-  .-Anxdcc-Z3fn9H13 {
+  .-Anxdcc-Z3fn9H15 {
     --defaultWidth: calc(13rem * var(--s2-scale));
   }
 
-  .-Anxdcc-Zr13 {
+  .-Anxdcc-Zr15 {
     --defaultWidth: calc(12rem * var(--s2-scale));
   }
 
-  .-Anxdcc-ZStdtne13 {
+  .-Anxdcc-ZStdtne15 {
     --defaultWidth: calc(14rem * var(--s2-scale));
   }
 
-  .-Anxdcc-Zt13 {
+  .-Anxdcc-Zt15 {
     --defaultWidth: calc(15rem * var(--s2-scale));
   }
 
-  .__v6TNLWb13 {
+  .__v6TNLWb15 {
     contain-intrinsic-width: calc(var(--defaultWidth) - var(--S, 0px) - var(--R, 0px) - var(--m, 0px) - var(--l, 0px));
   }
 
-  .sh13 {
+  .sh15 {
     display: inline-flex;
   }
 
-  .eb13 {
+  .eb15 {
     align-items: center;
   }
 
-  .Ul13 {
+  .Ul15 {
     row-gap: 1rem;
   }
 
-  .Ui13 {
+  .Ui15 {
     row-gap: 1.25rem;
   }
 
-  .Uj13 {
+  .Uj15 {
     row-gap: 1.5rem;
   }
 
-  .ql13 {
+  .ql15 {
     column-gap: 1rem;
   }
 
-  .qi13 {
+  .qi15 {
     column-gap: 1.25rem;
   }
 
-  .qj13 {
+  .qj15 {
     column-gap: 1.5rem;
   }
 }
 
 @layer _.b {
-  .ucJ9TBTb13:lang(ar) {
+  .ucJ9TBTb15:lang(ar) {
     font-family: adobe-clean-arabic, myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._FnuYUweb13:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  ._FnuYUweb15: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 {
-  .ud3Euai13:lang(he) {
+  .ud3Euai15:lang(he) {
     font-family: adobe-clean-hebrew, myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.d {
-  .uea13:lang(ja) {
+  .uea15: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 {
-  .ugb13:lang(ko) {
+  .ugb15:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  .uhd13:lang(zh) {
+  .uhd15:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  .uje13:lang(zh-hant) {
+  .uje15: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 {
-  .u2NhKxcl13:lang(zh-HK) {
+  .u2NhKxcl15: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 {
-  .uic13:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  .uic15: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) {
-    .plb13 {
+    .plb15 {
       color: buttontext;
     }
 
-    .Olc13 {
+    .Olc15 {
       outline-color: highlight;
     }
 
-    .ila13 {
+    .ila15 {
       border-color: buttonborder;
     }
 
-    .glb13 {
+    .glb15 {
       background-color: buttonface;
     }
 
-    .gle13 {
+    .Olb15 {
+      outline-color: buttontext;
+    }
+
+    .OldZOE715 {
+      outline-color: graytext;
+    }
+
+    .gle15 {
       background-color: highlight;
     }
 
-    .gld13 {
+    .gld15 {
       background-color: graytext;
     }
 
-    .ilb13 {
+    .ilb15 {
       border-color: buttontext;
     }
 
-    .ilc13 {
+    .ilc15 {
       border-color: graytext;
     }
   }
@@ -647,7 +667,7 @@
 
 @layer _.b.t {
   @supports (contain-intrinsic-width: 1px) {
-    ._qtb13 {
+    ._qtb15 {
       contain: inline-size;
     }
   }