@react-spectrum/s2 0.11.1 → 0.11.2

package/dist/CloseButton.mjs

@@ -46,72 +46,72 @@ const $a9cda54c4f47ce52$var$styles = function anonymous(props, overrides) {
         if (p[1] === "_v") flexShrink = true;
         rules += p[0];
     }
-    if (props.isFocusVisible) rules += ' _Lf11';
-    else rules += ' _Le11';
-    if (props.isStaticColor) rules += ' Oe11';
-    else rules += ' Oh11';
-    rules += ' Olc11';
-    rules += ' _Mc11';
-    rules += ' _Kd11';
-    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr11';
-    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s11';
-    rules += ' sd11';
-    rules += ' eb11';
-    rules += ' _Ca11';
+    if (props.isFocusVisible) rules += ' _Lf112';
+    else rules += ' _Le112';
+    if (props.isStaticColor) rules += ' Oe112';
+    else rules += ' Oh112';
+    rules += ' Olc112';
+    rules += ' _Mc112';
+    rules += ' _Kd112';
+    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr112';
+    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s112';
+    rules += ' sd112';
+    rules += ' eb112';
+    rules += ' _Ca112';
     if (props.size === "XL") {
-        if (!width) rules += ' ZF11';
+        if (!width) rules += ' ZF112';
     } else if (props.size === "L") {
-        if (!width) rules += ' Zw11';
+        if (!width) rules += ' Zw112';
     } else if (props.size === "S") {
-        if (!width) rules += ' Zo11';
+        if (!width) rules += ' Zo112';
     } else if (props.size === "XS") {
-        if (!width) rules += ' Zm11';
-    } else if (!width) rules += ' ZC11';
-    if (props.size === "XL") rules += ' Fz11';
-    else if (props.size === "L") rules += ' Fv11';
-    else if (props.size === "S") rules += ' Fp11';
-    else if (props.size === "XS") rules += ' Fn11';
-    else rules += ' Fx11';
-    if (!flexShrink) rules += ' _va11';
-    rules += ' og11';
-    rules += ' ng11';
-    rules += ' kg11';
-    rules += ' jg11';
-    rules += ' Td11';
-    rules += ' Qd11';
-    rules += ' Sd11';
-    rules += ' Rd11';
-    rules += ' _je11';
-    rules += ' Yd11';
-    rules += ' Xb11';
-    rules += ' _2b11';
+        if (!width) rules += ' Zm112';
+    } else if (!width) rules += ' ZC112';
+    if (props.size === "XL") rules += ' Fz112';
+    else if (props.size === "L") rules += ' Fv112';
+    else if (props.size === "S") rules += ' Fp112';
+    else if (props.size === "XS") rules += ' Fn112';
+    else rules += ' Fx112';
+    if (!flexShrink) rules += ' _va112';
+    rules += ' og112';
+    rules += ' ng112';
+    rules += ' kg112';
+    rules += ' jg112';
+    rules += ' Td112';
+    rules += ' Qd112';
+    rules += ' Sd112';
+    rules += ' Rd112';
+    rules += ' _je112';
+    rules += ' Yd112';
+    rules += ' Xb112';
+    rules += ' _2b112';
     if (props.isPressed) {
-        if (props.isStaticColor) rules += ' gg11';
-        else rules += ' gF11';
+        if (props.isStaticColor) rules += ' gg112';
+        else rules += ' gF112';
     } else if (props.isFocusVisible) {
-        if (props.isStaticColor) rules += ' gg11';
-        else rules += ' gF11';
+        if (props.isStaticColor) rules += ' gg112';
+        else rules += ' gF112';
     } else if (props.isHovered) {
-        if (props.isStaticColor) rules += ' gg11';
-        else rules += ' gF11';
-    } else rules += ' g911';
+        if (props.isStaticColor) rules += ' gg112';
+        else rules += ' gF112';
+    } else rules += ' g9112';
     if (props.isStaticColor) {
-        if (props.isDisabled) rules += ' -_8sjo0b-pi11';
+        if (props.isDisabled) rules += ' -_8sjo0b-pi112';
         else {
-            if (props.isPressed) rules += ' -_8sjo0b-pk11';
-            else if (props.isFocusVisible) rules += ' -_8sjo0b-pk11';
-            else if (props.isHovered) rules += ' -_8sjo0b-pk11';
-            else rules += ' -_8sjo0b-pj11';
+            if (props.isPressed) rules += ' -_8sjo0b-pk112';
+            else if (props.isFocusVisible) rules += ' -_8sjo0b-pk112';
+            else if (props.isHovered) rules += ' -_8sjo0b-pk112';
+            else rules += ' -_8sjo0b-pj112';
         }
-    } else if (props.isDisabled) rules += ' -_8sjo0b-pp11';
+    } else if (props.isDisabled) rules += ' -_8sjo0b-pp112';
     else {
-        if (props.isPressed) rules += ' -_8sjo0b-po11';
-        else if (props.isFocusVisible) rules += ' -_8sjo0b-po11';
-        else if (props.isHovered) rules += ' -_8sjo0b-po11';
-        else rules += ' -_8sjo0b-pt11';
+        if (props.isPressed) rules += ' -_8sjo0b-po112';
+        else if (props.isFocusVisible) rules += ' -_8sjo0b-po112';
+        else if (props.isHovered) rules += ' -_8sjo0b-po112';
+        else rules += ' -_8sjo0b-pt112';
     }
-    if (props.isDisabled) rules += ' -_8sjo0b-lpc11';
-    else rules += ' -_8sjo0b-lpb11';
+    if (props.isDisabled) rules += ' -_8sjo0b-lpc112';
+    else rules += ' -_8sjo0b-lpb112';
     return rules;
 };
 const $a9cda54c4f47ce52$export$c796eec99a15b55d = /*#__PURE__*/ (0, $5wH0g$createContext)(null);

package/dist/ColorArea.cjs

@@ -60,22 +60,22 @@ const $4c6639e34959fe36$export$b2103f68a961418e = /*#__PURE__*/ (0, $lfrPf$react
                     if (p[1] === "M") minHeight = true;
                     rules += p[0];
                 }
-                if (!position) rules += ' _Pc11';
-                if (!width) rules += ' Zr11';
-                if (!height) rules += ' Fs11';
-                if (!minWidth) rules += ' Nm11';
-                if (!minHeight) rules += ' Ml11';
-                rules += ' ob11';
-                rules += ' nb11';
-                rules += ' kb11';
-                rules += ' jb11';
-                rules += ' Oi11';
-                rules += ' Ola11';
-                rules += ' _Mb11';
-                rules += ' _Ka11';
-                if (props.isDisabled) rules += ' _Le11';
-                else rules += ' _Lf11';
-                if (props.isDisabled) rules += ' gH11';
+                if (!position) rules += ' _Pc112';
+                if (!width) rules += ' Zr112';
+                if (!height) rules += ' Fs112';
+                if (!minWidth) rules += ' Nm112';
+                if (!minHeight) rules += ' Ml112';
+                rules += ' ob112';
+                rules += ' nb112';
+                rules += ' kb112';
+                rules += ' jb112';
+                rules += ' Oi112';
+                rules += ' Ola112';
+                rules += ' _Mb112';
+                rules += ' _Ka112';
+                if (props.isDisabled) rules += ' _Le112';
+                else rules += ' _Lf112';
+                if (props.isDisabled) rules += ' gH112';
                 return rules;
             }(renderProps, styles),
         children: ({ state: state })=>/*#__PURE__*/ (0, $lfrPf$reactjsxruntime.jsx)((0, $5b07976eb9e358fe$exports.ColorHandle), {

package/dist/ColorArea.css

@@ -1,61 +1,61 @@
 @layer _.a {
-  ._Pc11 {
+  ._Pc112 {
     position: relative;
   }
 
-  .Zr11 {
+  .Zr112 {
     width: calc(12rem * var(--s2-scale));
   }
 
-  .Fs11 {
+  .Fs112 {
     height: calc(12rem * var(--s2-scale));
   }
 
-  .Nm11 {
+  .Nm112 {
     min-width: calc(4rem * var(--s2-scale));
   }
 
-  .Ml11 {
+  .Ml112 {
     min-height: calc(4rem * var(--s2-scale));
   }
 
-  .ob11 {
+  .ob112 {
     border-start-start-radius: .5rem;
   }
 
-  .nb11 {
+  .nb112 {
     border-start-end-radius: .5rem;
   }
 
-  .kb11 {
+  .kb112 {
     border-end-start-radius: .5rem;
   }
 
-  .jb11 {
+  .jb112 {
     border-end-end-radius: .5rem;
   }
 
-  .Oi11 {
+  .Oi112 {
     outline-color: var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #ffffff1a);
   }
 
-  ._Mb11 {
+  ._Mb112 {
     outline-width: 1px;
   }
 
-  ._Ka11 {
+  ._Ka112 {
     outline-offset: -1px;
   }
 
-  ._Lf11 {
+  ._Lf112 {
     outline-style: solid;
   }
 
-  ._Le11 {
+  ._Le112 {
     outline-style: none;
   }
 
-  .gH11 {
+  .gH112 {
     background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #2c2c2c);
   }
 }
@@ -64,7 +64,7 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .Ola11 {
+    .Ola112 {
       outline-color: buttonborder;
     }
   }

package/dist/ColorArea.mjs

@@ -53,22 +53,22 @@ const $40a2b649525568ab$export$b2103f68a961418e = /*#__PURE__*/ (0, $dNfSU$forwa
                     if (p[1] === "M") minHeight = true;
                     rules += p[0];
                 }
-                if (!position) rules += ' _Pc11';
-                if (!width) rules += ' Zr11';
-                if (!height) rules += ' Fs11';
-                if (!minWidth) rules += ' Nm11';
-                if (!minHeight) rules += ' Ml11';
-                rules += ' ob11';
-                rules += ' nb11';
-                rules += ' kb11';
-                rules += ' jb11';
-                rules += ' Oi11';
-                rules += ' Ola11';
-                rules += ' _Mb11';
-                rules += ' _Ka11';
-                if (props.isDisabled) rules += ' _Le11';
-                else rules += ' _Lf11';
-                if (props.isDisabled) rules += ' gH11';
+                if (!position) rules += ' _Pc112';
+                if (!width) rules += ' Zr112';
+                if (!height) rules += ' Fs112';
+                if (!minWidth) rules += ' Nm112';
+                if (!minHeight) rules += ' Ml112';
+                rules += ' ob112';
+                rules += ' nb112';
+                rules += ' kb112';
+                rules += ' jb112';
+                rules += ' Oi112';
+                rules += ' Ola112';
+                rules += ' _Mb112';
+                rules += ' _Ka112';
+                if (props.isDisabled) rules += ' _Le112';
+                else rules += ' _Lf112';
+                if (props.isDisabled) rules += ' gH112';
                 return rules;
             }(renderProps, styles),
         children: ({ state: state })=>/*#__PURE__*/ (0, $dNfSU$jsx)((0, $b4f7db7c45cd3de9$export$92862704de639678), {

package/dist/ColorField.cjs

@@ -63,52 +63,52 @@ const $c7ab41f1e9757931$export$b865d4358897bb17 = /*#__PURE__*/ (0, $4UooL$react
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se11';
+            rules += ' se112';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU11';
+                if (!gridColumnStart) rules += ' z2mU112';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG11';
+                    if (!gridColumnEnd) rules += ' yvoofG112';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod11';
+            if (props.isInForm) rules += ' DLwlgod112';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb11';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn11';
+                if (props.labelPosition === "side") rules += ' DPlN5qb112';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn112';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb11';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc11';
-            if (props.labelPosition === "side") rules += ' CbRM95c11';
-            else if (props.labelPosition === "top") rules += ' Cxaocre11';
+            if (props.labelPosition === "side") rules += ' EPlN5qb112';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc112';
+            if (props.labelPosition === "side") rules += ' CbRM95c112';
+            else if (props.labelPosition === "top") rules += ' Cxaocre112';
             if (props.size === "XL") {
-                rules += ' -_6BNtrc-e11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-e112';
+                rules += ' vx112';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-d112';
+                rules += ' vx112';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-b112';
+                rules += ' vx112';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-a112';
+                rules += ' vx112';
             } else {
-                rules += ' -_6BNtrc-c11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-c112';
+                rules += ' vx112';
             }
-            rules += ' ea11';
-            rules += ' _Fd11';
-            rules += ' _FezxGHba11';
-            rules += ' _FnuYUweb11';
-            if (props.size === "XL") rules += ' -BhX7R-Fz11';
-            else if (props.size === "L") rules += ' -BhX7R-Fv11';
-            else if (props.size === "S") rules += ' -BhX7R-Fp11';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn11';
-            else rules += ' -BhX7R-Fx11';
-            rules += ' -AJjOLd-UVkF0Db11';
-            rules += ' qg11';
-            rules += ' __ca11';
+            rules += ' ea112';
+            rules += ' _Fd112';
+            rules += ' _FezxGHba112';
+            rules += ' _FnuYUweb112';
+            if (props.size === "XL") rules += ' -BhX7R-Fz112';
+            else if (props.size === "L") rules += ' -BhX7R-Fv112';
+            else if (props.size === "S") rules += ' -BhX7R-Fp112';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn112';
+            else rules += ' -BhX7R-Fx112';
+            rules += ' -AJjOLd-UVkF0Db112';
+            rules += ' qg112';
+            rules += ' __ca112';
             return rules;
         }({
             size: props.size,

package/dist/ColorField.css

@@ -1,120 +1,120 @@
 @layer _.a {
-  .se11 {
+  .se112 {
     display: grid;
   }
 
-  .z2mU11 {
+  .z2mU112 {
     grid-column-start: 1;
   }
 
-  .yvoofG11 {
+  .yvoofG112 {
     grid-column-end: span 2;
   }
 
-  .DM8Mfn11 {
+  .DM8Mfn112 {
     grid-template-columns: 1fr;
   }
 
-  .DPlN5qb11 {
+  .DPlN5qb112 {
     grid-template-columns: auto 1fr;
   }
 
-  .DLwlgod11 {
+  .DLwlgod112 {
     grid-template-columns: subgrid;
   }
 
-  .E4w1sLc11 {
+  .E4w1sLc112 {
     grid-template-rows: auto 1fr auto;
   }
 
-  .EPlN5qb11 {
+  .EPlN5qb112 {
     grid-template-rows: auto 1fr;
   }
 
-  .Cxaocre11 {
+  .Cxaocre112 {
     grid-template-areas: "label"
                          "input"
                          "helptext";
   }
 
-  .CbRM95c11 {
+  .CbRM95c112 {
     grid-template-areas: "label input"
                          "label helptext";
   }
 
-  .-_6BNtrc-c11 {
+  .-_6BNtrc-c112 {
     --fs: pow(1.125, 0);
   }
 
-  .-_6BNtrc-a11 {
+  .-_6BNtrc-a112 {
     --fs: pow(1.125, -2);
   }
 
-  .-_6BNtrc-b11 {
+  .-_6BNtrc-b112 {
     --fs: pow(1.125, -1);
   }
 
-  .-_6BNtrc-d11 {
+  .-_6BNtrc-d112 {
     --fs: pow(1.125, 1);
   }
 
-  .-_6BNtrc-e11 {
+  .-_6BNtrc-e112 {
     --fs: pow(1.125, 2);
   }
 
-  .vx11 {
+  .vx112 {
     font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
   }
 
-  .ea11 {
+  .ea112 {
     align-items: baseline;
   }
 
-  ._Fd11 {
+  ._Fd112 {
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
   }
 
-  .-BhX7R-Fx11 {
+  .-BhX7R-Fx112 {
     --field-height: calc(2rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fn11 {
+  .-BhX7R-Fn112 {
     --field-height: calc(1.25rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fp11 {
+  .-BhX7R-Fp112 {
     --field-height: calc(1.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fv11 {
+  .-BhX7R-Fv112 {
     --field-height: calc(2.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fz11 {
+  .-BhX7R-Fz112 {
     --field-height: calc(3rem * var(--s2-scale));
   }
 
-  .-AJjOLd-UVkF0Db11 {
+  .-AJjOLd-UVkF0Db112 {
     --field-gap: calc((var(--field-height)  - var(--_k, 0px)  - var(--h, 0px)  - 1lh) / 2);
   }
 
-  .qg11 {
+  .qg112 {
     column-gap: .75rem;
   }
 
-  .__ca11 {
+  .__ca112 {
     -webkit-tap-highlight-color: #0000;
   }
 }
 
 @layer _.b {
-  ._FezxGHba11:is(:lang(ar), :lang(he)) {
+  ._FezxGHba112:is(:lang(ar), :lang(he)) {
     line-height: 1.3;
   }
 }
 
 @layer _.c {
-  ._FnuYUweb11:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  ._FnuYUweb112:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     line-height: 1.5;
   }
 }

package/dist/ColorField.mjs

@@ -56,52 +56,52 @@ const $9c5ed7ec0bc126af$export$b865d4358897bb17 = /*#__PURE__*/ (0, $Y0ll1$forwa
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se11';
+            rules += ' se112';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU11';
+                if (!gridColumnStart) rules += ' z2mU112';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG11';
+                    if (!gridColumnEnd) rules += ' yvoofG112';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod11';
+            if (props.isInForm) rules += ' DLwlgod112';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb11';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn11';
+                if (props.labelPosition === "side") rules += ' DPlN5qb112';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn112';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb11';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc11';
-            if (props.labelPosition === "side") rules += ' CbRM95c11';
-            else if (props.labelPosition === "top") rules += ' Cxaocre11';
+            if (props.labelPosition === "side") rules += ' EPlN5qb112';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc112';
+            if (props.labelPosition === "side") rules += ' CbRM95c112';
+            else if (props.labelPosition === "top") rules += ' Cxaocre112';
             if (props.size === "XL") {
-                rules += ' -_6BNtrc-e11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-e112';
+                rules += ' vx112';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-d112';
+                rules += ' vx112';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-b112';
+                rules += ' vx112';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-a112';
+                rules += ' vx112';
             } else {
-                rules += ' -_6BNtrc-c11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-c112';
+                rules += ' vx112';
             }
-            rules += ' ea11';
-            rules += ' _Fd11';
-            rules += ' _FezxGHba11';
-            rules += ' _FnuYUweb11';
-            if (props.size === "XL") rules += ' -BhX7R-Fz11';
-            else if (props.size === "L") rules += ' -BhX7R-Fv11';
-            else if (props.size === "S") rules += ' -BhX7R-Fp11';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn11';
-            else rules += ' -BhX7R-Fx11';
-            rules += ' -AJjOLd-UVkF0Db11';
-            rules += ' qg11';
-            rules += ' __ca11';
+            rules += ' ea112';
+            rules += ' _Fd112';
+            rules += ' _FezxGHba112';
+            rules += ' _FnuYUweb112';
+            if (props.size === "XL") rules += ' -BhX7R-Fz112';
+            else if (props.size === "L") rules += ' -BhX7R-Fv112';
+            else if (props.size === "S") rules += ' -BhX7R-Fp112';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn112';
+            else rules += ' -BhX7R-Fx112';
+            rules += ' -AJjOLd-UVkF0Db112';
+            rules += ' qg112';
+            rules += ' __ca112';
             return rules;
         }({
             size: props.size,