@react-spectrum/s2 3.0.0-nightly-e7053dd8f-250108 → 3.0.0-nightly-e4497fdb6-250110

package/dist/NumberField.cjs

@@ -44,17 +44,10 @@ $parcel$export(module.exports, "NumberField", () => $a366ef8f467b1cb5$export$63c
 const $a366ef8f467b1cb5$export$b414a48cf5dcbc11 = /*#__PURE__*/ (0, $fwzUK$react.createContext)(null);
 const $a366ef8f467b1cb5$var$inputButton = function anonymous(props) {
     let rules = " .";
-    rules += ' _Zd';
-    rules += ' _La';
-    rules += ' _jb';
+    rules += ' _0d';
+    rules += ' _Ma';
+    rules += ' _kb';
     rules += ' wf';
-    if (props.type === "decrementStep") rules += ' _va';
-    else {
-        if (props.size === "XL") rules += ' _v-3762yr';
-        else if (props.size === "L") rules += ' _v-37624i';
-        else if (props.size === "M") rules += ' _v-3761a9';
-        else if (props.size === "S") rules += ' _v-3760g0';
-    }
     if (props.type === "decrementStep") rules += ' _wa';
     else {
         if (props.size === "XL") rules += ' _w-3762yr';
@@ -62,7 +55,7 @@ const $a366ef8f467b1cb5$var$inputButton = function anonymous(props) {
         else if (props.size === "M") rules += ' _w-3761a9';
         else if (props.size === "S") rules += ' _w-3760g0';
     }
-    if (props.type === "incrementStep") rules += ' _xa';
+    if (props.type === "decrementStep") rules += ' _xa';
     else {
         if (props.size === "XL") rules += ' _x-3762yr';
         else if (props.size === "L") rules += ' _x-37624i';
@@ -76,8 +69,15 @@ const $a366ef8f467b1cb5$var$inputButton = function anonymous(props) {
         else if (props.size === "M") rules += ' _y-3761a9';
         else if (props.size === "S") rules += ' _y-3760g0';
     }
-    rules += ' _1c';
-    rules += ' _2d';
+    if (props.type === "incrementStep") rules += ' _za';
+    else {
+        if (props.size === "XL") rules += ' _z-3762yr';
+        else if (props.size === "L") rules += ' _z-37624i';
+        else if (props.size === "M") rules += ' _z-3761a9';
+        else if (props.size === "S") rules += ' _z-3760g0';
+    }
+    rules += ' _2c';
+    rules += ' _3d';
     if (props.size === "XL") rules += ' lU';
     else if (props.size === "L") rules += ' lM';
     else if (props.size === "M") rules += ' lI';
@@ -85,15 +85,15 @@ const $a366ef8f467b1cb5$var$inputButton = function anonymous(props) {
     rules += ' ka';
     if (props.type === "increment") rules += ' ya';
     else rules += ' yF';
-    rules += ' _bb';
-    rules += ' _8-3t1x';
+    rules += ' _cb';
+    rules += ' _9-3t1x';
     rules += ' oo';
-    rules += ' _Oag';
-    rules += ' _Oa';
-    rules += ' _Qa-375x7f';
-    rules += ' _Q-375x7f';
-    rules += ' _Raa';
-    rules += ' _Ra';
+    rules += ' _Pag';
+    rules += ' _Pa';
+    rules += ' _Ra-375x7f';
+    rules += ' _R-375x7f';
+    rules += ' _Saa';
+    rules += ' _Sa';
     if (props.isDisabled) rules += ' ba_____O';
     else if (props.isHovered) rules += ' ba_____M';
     else rules += ' ba_____K';
@@ -112,12 +112,12 @@ const $a366ef8f467b1cb5$var$inputButton = function anonymous(props) {
         else if (props.isHovered) rules += ' ao';
         else rules += ' an';
     }
-    rules += ' __Hb';
+    rules += ' __Ib';
     return rules;
 };
 const $a366ef8f467b1cb5$var$iconStyles = function anonymous(props) {
     let rules = " .";
-    rules += ' _8-3t1x';
+    rules += ' _9-3t1x';
     if (props.type === "decrementStep") rules += ' R-3hn0u';
     else if (props.type === "incrementStep") rules += ' R-375y3i';
     else rules += ' R-3t1x';
@@ -126,8 +126,8 @@ const $a366ef8f467b1cb5$var$iconStyles = function anonymous(props) {
 };
 const $a366ef8f467b1cb5$var$stepperContainerStyles = function anonymous(props) {
     let rules = " .";
-    rules += ' _Zd';
-    rules += ' _6a';
+    rules += ' _0d';
+    rules += ' _7a';
     if (props.size === "XL") rules += ' id';
     else if (props.size === "L") rules += ' id';
     else if (props.size === "M") rules += ' ic';
@@ -166,51 +166,51 @@ const $a366ef8f467b1cb5$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (0, $fwzUK$react
         style: UNSAFE_style,
         className: UNSAFE_className + function anonymous(props, overrides) {
             let rules = " .";
-            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\s]+/g) || [];
+            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
             rules += matches.join('');
-            let $__a = false;
             let $__b = false;
+            let $__c = false;
             for (let p of matches){
-                if (/^\s*__a/.test(p)) $__a = true;
                 if (/^\s*__b/.test(p)) $__b = true;
+                if (/^\s*__c/.test(p)) $__c = true;
             }
-            rules += ' _Zf';
-            if (!$__a) {
-                if (props.isInForm) rules += ' __a-3t1y';
-            }
+            rules += ' _0f';
             if (!$__b) {
+                if (props.isInForm) rules += ' __b-3t1y';
+            }
+            if (!$__c) {
                 if (props.isInForm) {
-                    if (props.labelPosition === "side") rules += ' __b-7u9dhl';
+                    if (props.labelPosition === "side") rules += ' __c-yqnebx';
                 }
             }
-            if (props.isInForm) rules += ' __h-1cwd7ud';
+            if (props.isInForm) rules += ' __i-1a97rzt';
             else {
-                if (props.labelPosition === "side") rules += ' __h-jyg4vb';
-                else if (props.labelPosition === "top") rules += ' __h-375yi6';
+                if (props.labelPosition === "side") rules += ' __i-ar5vcf';
+                else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
             }
-            if (props.labelPosition === "side") rules += ' __i-jyg4vb';
-            else if (props.labelPosition === "top") rules += ' __i-fdenls';
-            if (props.labelPosition === "side") rules += ' __j-5eez8j';
-            else if (props.labelPosition === "top") rules += ' __j-xlaqir';
+            if (props.labelPosition === "side") rules += ' __j-ar5vcf';
+            else if (props.labelPosition === "top") rules += ' __j-1a6w430';
+            if (props.labelPosition === "side") rules += ' __k-18h2yqz';
+            else if (props.labelPosition === "top") rules += ' __k-1srn173';
             if (props.size === "XL") {
-                rules += ' _dbj';
-                rules += ' _di';
+                rules += ' _ebj';
+                rules += ' _ei';
             } else if (props.size === "L") {
-                rules += ' _dbh';
-                rules += ' _dg';
+                rules += ' _ebh';
+                rules += ' _eg';
             } else if (props.size === "S") {
-                rules += ' _dbd';
-                rules += ' _dc';
+                rules += ' _ebd';
+                rules += ' _ec';
             } else if (props.size === "XS") {
-                rules += ' _dbb';
-                rules += ' _da';
+                rules += ' _ebb';
+                rules += ' _ea';
             } else {
-                rules += ' _dbf';
-                rules += ' _de';
+                rules += ' _ebf';
+                rules += ' _ee';
             }
-            rules += ' _1d';
-            rules += ' _f-1x99dlob';
-            rules += ' _fa';
+            rules += ' _2d';
+            rules += ' _g-1x99dlob';
+            rules += ' _ga';
             if (props.size === "XL") rules += ' -aqrvqh_k-j';
             else if (props.size === "L") rules += ' -aqrvqh_k-i';
             else if (props.size === "S") rules += ' -aqrvqh_k-h';
@@ -218,7 +218,7 @@ const $a366ef8f467b1cb5$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (0, $fwzUK$react
             else rules += ' -aqrvqh_k-f';
             rules += ' -_1inj1bc_i--prjw07';
             rules += ' je';
-            rules += ' __R-yksgrp';
+            rules += ' __S-yksgrp';
             return rules;
         }({
             isInForm: !!formContext,
@@ -245,17 +245,17 @@ const $a366ef8f467b1cb5$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (0, $fwzUK$react
                         size: size,
                         styles: function anonymous(props) {
                             let rules = " .";
-                            rules += ' __a-4cfph1';
-                            rules += ' __b-4cfph1';
-                            rules += ' __c-4cfph1';
-                            rules += ' __d-4cfph1';
+                            rules += ' __b-g2ozi1';
+                            rules += ' __c-g2ozi1';
+                            rules += ' __d-g2ozi1';
+                            rules += ' __e-g2ozi1';
                             if (props.size === "XL") rules += ' qj';
                             else if (props.size === "L") rules += ' qi';
                             else if (props.size === "S") rules += ' qh';
                             else if (props.size === "XS") rules += ' qg';
                             else rules += ' qf';
-                            if (props.isQuiet) rules += ' __ma';
-                            else rules += ' __m-1s8glxue';
+                            if (props.isQuiet) rules += ' __na';
+                            else rules += ' __n-1s8glxue';
                             if (props.size === "XL") rules += ' -usygro_l-____g';
                             else if (props.size === "L") rules += ' -usygro_l-___0';
                             else if (props.size === "S") rules += ' -usygro_l-___u';

package/dist/NumberField.css

@@ -1,9 +1,9 @@
 @layer _.a {
-  ._La {
+  ._Ma {
     outline-style: none;
   }
 
-  ._jb {
+  ._kb {
     text-align: center;
   }
 
@@ -11,91 +11,91 @@
     border-style: none;
   }
 
-  ._v-3760g0 {
+  ._w-3760g0 {
     border-start-start-radius: 3px;
   }
 
-  ._v-3761a9 {
+  ._w-3761a9 {
     border-start-start-radius: 4px;
   }
 
-  ._v-37624i {
+  ._w-37624i {
     border-start-start-radius: 5px;
   }
 
-  ._v-3762yr {
+  ._w-3762yr {
     border-start-start-radius: 6px;
   }
 
-  ._va {
+  ._wa {
     border-start-start-radius: 0;
   }
 
-  ._w-3760g0 {
+  ._x-3760g0 {
     border-start-end-radius: 3px;
   }
 
-  ._w-3761a9 {
+  ._x-3761a9 {
     border-start-end-radius: 4px;
   }
 
-  ._w-37624i {
+  ._x-37624i {
     border-start-end-radius: 5px;
   }
 
-  ._w-3762yr {
+  ._x-3762yr {
     border-start-end-radius: 6px;
   }
 
-  ._wa {
+  ._xa {
     border-start-end-radius: 0;
   }
 
-  ._x-3760g0 {
+  ._y-3760g0 {
     border-end-start-radius: 3px;
   }
 
-  ._x-3761a9 {
+  ._y-3761a9 {
     border-end-start-radius: 4px;
   }
 
-  ._x-37624i {
+  ._y-37624i {
     border-end-start-radius: 5px;
   }
 
-  ._x-3762yr {
+  ._y-3762yr {
     border-end-start-radius: 6px;
   }
 
-  ._xa {
+  ._ya {
     border-end-start-radius: 0;
   }
 
-  ._y-3760g0 {
+  ._z-3760g0 {
     border-end-end-radius: 3px;
   }
 
-  ._y-3761a9 {
+  ._z-3761a9 {
     border-end-end-radius: 4px;
   }
 
-  ._y-37624i {
+  ._z-37624i {
     border-end-end-radius: 5px;
   }
 
-  ._y-3762yr {
+  ._z-3762yr {
     border-end-end-radius: 6px;
   }
 
-  ._ya {
+  ._za {
     border-end-end-radius: 0;
   }
 
-  ._1c {
+  ._2c {
     align-items: center;
   }
 
-  ._2d {
+  ._3d {
     justify-content: center;
   }
 
@@ -127,7 +127,7 @@
     margin-inline-start: 0;
   }
 
-  ._bb {
+  ._cb {
     aspect-ratio: 1;
   }
 
@@ -135,15 +135,15 @@
     min-height: 0;
   }
 
-  ._Oa {
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
+  ._Pa {
+    transition-property: color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
   }
 
-  ._Q-375x7f {
+  ._R-375x7f {
     transition-duration: .15s;
   }
 
-  ._Ra {
+  ._Sa {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
@@ -167,11 +167,11 @@
     color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
   }
 
-  .__Hb {
+  .__Ib {
     cursor: default;
   }
 
-  ._8-3t1x {
+  ._9-3t1x {
     flex-shrink: 0;
   }
 
@@ -191,11 +191,11 @@
     --iconPrimary: currentColor;
   }
 
-  ._Zd {
+  ._0d {
     display: flex;
   }
 
-  ._6a {
+  ._7a {
     flex-direction: row;
   }
 
@@ -227,74 +227,74 @@
     padding-inline-end: .375rem;
   }
 
-  ._Zf {
+  ._0f {
     display: grid;
   }
 
-  .__a-3t1y {
+  .__b-3t1y {
     grid-column-start: 1;
   }
 
-  .__b-7u9dhl {
+  .__c-yqnebx {
     grid-column-end: span 2;
   }
 
-  .__h-375yi6 {
+  .__i-2wzs0i {
     grid-template-columns: 1fr;
   }
 
-  .__h-jyg4vb {
+  .__i-ar5vcf {
     grid-template-columns: auto 1fr;
   }
 
-  .__h-1cwd7ud {
+  .__i-1a97rzt {
     grid-template-columns: subgrid;
   }
 
-  .__i-fdenls {
+  .__j-1a6w430 {
     grid-template-rows: auto 1fr auto;
   }
 
-  .__i-jyg4vb {
+  .__j-ar5vcf {
     grid-template-rows: auto 1fr;
   }
 
-  .__j-xlaqir {
+  .__k-1srn173 {
     grid-template-areas: "label"
                          "input"
                          "helptext";
   }
 
-  .__j-5eez8j {
+  .__k-18h2yqz {
     grid-template-areas: "label input"
                          "label helptext";
   }
 
-  ._de {
+  ._ee {
     font-size: .875rem;
   }
 
-  ._da {
+  ._ea {
     font-size: .6875rem;
   }
 
-  ._dc {
+  ._ec {
     font-size: .75rem;
   }
 
-  ._dg {
+  ._eg {
     font-size: 1rem;
   }
 
-  ._di {
+  ._ei {
     font-size: 1.125rem;
   }
 
-  ._1d {
+  ._2d {
     align-items: baseline;
   }
 
-  ._fa {
+  ._ga {
     line-height: 1.3;
   }
 
@@ -326,23 +326,23 @@
     column-gap: .75rem;
   }
 
-  .__R-yksgrp {
+  .__S-yksgrp {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .__a-4cfph1 {
+  .__b-g2ozi1 {
     grid-column-start: input;
   }
 
-  .__b-4cfph1 {
+  .__c-g2ozi1 {
     grid-column-end: input;
   }
 
-  .__c-4cfph1 {
+  .__d-g2ozi1 {
     grid-row-start: input;
   }
 
-  .__d-4cfph1 {
+  .__e-g2ozi1 {
     grid-row-end: input;
   }
 
@@ -366,7 +366,7 @@
     min-width: calc(3rem * var(--s2-scale));
   }
 
-  .__ma {
+  .__na {
     contain: none;
   }
 
@@ -412,7 +412,7 @@
 }
 
 @layer _.b {
-  ._f-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._g-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     line-height: 1.5;
   }
 }
@@ -421,15 +421,15 @@
 
 @layer _.b.a {
   @media (forced-colors: active) {
-    ._Oag {
+    ._Pag {
       transition-property: none;
     }
 
-    ._Qa-375x7f {
+    ._Ra-375x7f {
       transition-duration: .15s;
     }
 
-    ._Raa {
+    ._Saa {
       transition-timing-function: cubic-bezier(.45, 0, .4, 1);
     }
 
@@ -453,23 +453,23 @@
 
 @layer _.b.b {
   @media not ((hover: hover) and (pointer: fine)) {
-    ._dbf {
+    ._ebf {
       font-size: 1.0625rem;
     }
 
-    ._dbb {
+    ._ebb {
       font-size: .8125rem;
     }
 
-    ._dbd {
+    ._ebd {
       font-size: .9375rem;
     }
 
-    ._dbh {
+    ._ebh {
       font-size: 1.1875rem;
     }
 
-    ._dbj {
+    ._ebj {
       font-size: 1.375rem;
     }
   }
@@ -481,7 +481,7 @@
 
 @layer _.b.-_1s8glxu {
   @supports (contain-intrinsic-width: 1px) {
-    .__m-1s8glxue {
+    .__n-1s8glxue {
       contain: inline-size;
     }
   }