@react-spectrum/s2 0.11.1 → 0.12.0

package/dist/CheckboxGroup.css

@@ -1,160 +1,160 @@
 @layer _.a {
-  .se11 {
+  .se12 {
     display: grid;
   }
 
-  .z2mU11 {
+  .z2mU12 {
     grid-column-start: 1;
   }
 
-  .yvoofG11 {
+  .yvoofG12 {
     grid-column-end: span 2;
   }
 
-  .DM8Mfn11 {
+  .DM8Mfn12 {
     grid-template-columns: 1fr;
   }
 
-  .DPlN5qb11 {
+  .DPlN5qb12 {
     grid-template-columns: auto 1fr;
   }
 
-  .DLwlgod11 {
+  .DLwlgod12 {
     grid-template-columns: subgrid;
   }
 
-  .E4w1sLc11 {
+  .E4w1sLc12 {
     grid-template-rows: auto 1fr auto;
   }
 
-  .EPlN5qb11 {
+  .EPlN5qb12 {
     grid-template-rows: auto 1fr;
   }
 
-  .Cxaocre11 {
+  .Cxaocre12 {
     grid-template-areas: "label"
                          "input"
                          "helptext";
   }
 
-  .CbRM95c11 {
+  .CbRM95c12 {
     grid-template-areas: "label input"
                          "label helptext";
   }
 
-  .-_6BNtrc-c11 {
+  .-_6BNtrc-c12 {
     --fs: pow(1.125, 0);
   }
 
-  .-_6BNtrc-a11 {
+  .-_6BNtrc-a12 {
     --fs: pow(1.125, -2);
   }
 
-  .-_6BNtrc-b11 {
+  .-_6BNtrc-b12 {
     --fs: pow(1.125, -1);
   }
 
-  .-_6BNtrc-d11 {
+  .-_6BNtrc-d12 {
     --fs: pow(1.125, 1);
   }
 
-  .-_6BNtrc-e11 {
+  .-_6BNtrc-e12 {
     --fs: pow(1.125, 2);
   }
 
-  .vx11 {
+  .vx12 {
     font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
   }
 
-  .ea11 {
+  .ea12 {
     align-items: baseline;
   }
 
-  .-BhX7R-Fx11 {
+  .-BhX7R-Fx12 {
     --field-height: calc(2rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fn11 {
+  .-BhX7R-Fn12 {
     --field-height: calc(1.25rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fp11 {
+  .-BhX7R-Fp12 {
     --field-height: calc(1.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fv11 {
+  .-BhX7R-Fv12 {
     --field-height: calc(2.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fz11 {
+  .-BhX7R-Fz12 {
     --field-height: calc(3rem * var(--s2-scale));
   }
 
-  .-AJjOLd-UVxyPec11 {
+  .-AJjOLd-UVxyPec12 {
     --field-gap: calc(var(--field-height)  - 1lh);
   }
 
-  .qg11 {
+  .qg12 {
     column-gap: .75rem;
   }
 
-  .__ca11 {
+  .__ca12 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .zXcEWr11 {
+  .zXcEWr12 {
     grid-column-start: input;
   }
 
-  .yXcEWr11 {
+  .yXcEWr12 {
     grid-column-end: input;
   }
 
-  .BXcEWr11 {
+  .BXcEWr12 {
     grid-row-start: input;
   }
 
-  .AXcEWr11 {
+  .AXcEWr12 {
     grid-row-end: input;
   }
 
-  .sd11 {
+  .sd12 {
     display: flex;
   }
 
-  ._ta11 {
+  ._ta12 {
     flex-direction: column;
   }
 
-  ._tc11 {
+  ._tc12 {
     flex-direction: row;
   }
 
-  ._Fd11 {
+  ._Fd12 {
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
   }
 
-  .UgOnRt11 {
+  .UgOnRt12 {
     row-gap: var(--field-gap);
   }
 
-  .ql11 {
+  .ql12 {
     column-gap: 1rem;
   }
 
-  ._wb11 {
+  ._wb12 {
     flex-wrap: wrap;
   }
 }
 
 @layer _.b {
-  ._FezxGHba11:is(:lang(ar), :lang(he)) {
+  ._FezxGHba12: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)) {
+  ._FnuYUweb12: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/CheckboxGroup.mjs

@@ -41,58 +41,58 @@ const $4f43ac2b11e2df05$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $2n9bC$forwa
             let rules = " ";
             let gridColumnStart = false;
             let gridColumnEnd = false;
-            let matches = (overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|Z|N|L)[^\s]+/g);
+            let matches = (overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g);
             for (let p of matches){
                 if (p[1] === "z") gridColumnStart = true;
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se11';
+            rules += ' se12';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU11';
+                if (!gridColumnStart) rules += ' z2mU12';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG11';
+                    if (!gridColumnEnd) rules += ' yvoofG12';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod11';
+            if (props.isInForm) rules += ' DLwlgod12';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb11';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn11';
+                if (props.labelPosition === "side") rules += ' DPlN5qb12';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn12';
             }
-            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 += ' EPlN5qb12';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc12';
+            if (props.labelPosition === "side") rules += ' CbRM95c12';
+            else if (props.labelPosition === "top") rules += ' Cxaocre12';
             if (props.size === "XL") {
-                rules += ' -_6BNtrc-e11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-e12';
+                rules += ' vx12';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-d12';
+                rules += ' vx12';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-b12';
+                rules += ' vx12';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-a12';
+                rules += ' vx12';
             } else {
-                rules += ' -_6BNtrc-c11';
-                rules += ' vx11';
+                rules += ' -_6BNtrc-c12';
+                rules += ' vx12';
             }
-            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-UVxyPec11';
-            rules += ' qg11';
-            rules += ' __ca11';
+            rules += ' ea12';
+            rules += ' _Fd12';
+            rules += ' _FezxGHba12';
+            rules += ' _FnuYUweb12';
+            if (props.size === "XL") rules += ' -BhX7R-Fz12';
+            else if (props.size === "L") rules += ' -BhX7R-Fv12';
+            else if (props.size === "S") rules += ' -BhX7R-Fp12';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn12';
+            else rules += ' -BhX7R-Fx12';
+            rules += ' -AJjOLd-UVxyPec12';
+            rules += ' qg12';
+            rules += ' __ca12';
             return rules;
         }({
             size: props.size,
@@ -114,19 +114,19 @@ const $4f43ac2b11e2df05$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $2n9bC$forwa
                     /*#__PURE__*/ (0, $2n9bC$jsx)("div", {
                         className: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zXcEWr11';
-                            rules += ' yXcEWr11';
-                            rules += ' BXcEWr11';
-                            rules += ' AXcEWr11';
-                            rules += ' sd11';
-                            if (props.orientation === "horizontal") rules += ' _tc11';
-                            else if (props.orientation === "vertical") rules += ' _ta11';
-                            rules += ' _Fd11';
-                            rules += ' _FezxGHba11';
-                            rules += ' _FnuYUweb11';
-                            rules += ' UgOnRt11';
-                            rules += ' ql11';
-                            rules += ' _wb11';
+                            rules += ' zXcEWr12';
+                            rules += ' yXcEWr12';
+                            rules += ' BXcEWr12';
+                            rules += ' AXcEWr12';
+                            rules += ' sd12';
+                            if (props.orientation === "horizontal") rules += ' _tc12';
+                            else if (props.orientation === "vertical") rules += ' _ta12';
+                            rules += ' _Fd12';
+                            rules += ' _FezxGHba12';
+                            rules += ' _FnuYUweb12';
+                            rules += ' UgOnRt12';
+                            rules += ' ql12';
+                            rules += ' _wb12';
                             return rules;
                         }({
                             orientation: orientation

package/dist/Checkmark.cjs

@@ -32,18 +32,18 @@ $parcel$export(module.exports, "default", () => $dba2b18fc5727f9b$export$2e2bcd8
 
 let $dba2b18fc5727f9b$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "S") rules += ' Zi11';
-    else if (props.size === "XS") rules += ' Zi11';
-    else if (props.size === "XXL") rules += ' Zu11';
-    else if (props.size === "XL") rules += ' Zk11';
-    else if (props.size === "L") rules += ' Zj11';
-    else if (props.size === "M") rules += ' Zi11';
-    if (props.size === "S") rules += ' Fj11';
-    else if (props.size === "XS") rules += ' Fj11';
-    else if (props.size === "XXL") rules += ' Ft11';
-    else if (props.size === "XL") rules += ' Fl11';
-    else if (props.size === "L") rules += ' Fk11';
-    else if (props.size === "M") rules += ' Fj11';
+    if (props.size === "S") rules += ' Zi12';
+    else if (props.size === "XS") rules += ' Zi12';
+    else if (props.size === "XXL") rules += ' Zu12';
+    else if (props.size === "XL") rules += ' Zk12';
+    else if (props.size === "L") rules += ' Zj12';
+    else if (props.size === "M") rules += ' Zi12';
+    if (props.size === "S") rules += ' Fj12';
+    else if (props.size === "XS") rules += ' Fj12';
+    else if (props.size === "XXL") rules += ' Ft12';
+    else if (props.size === "XL") rules += ' Fl12';
+    else if (props.size === "L") rules += ' Fk12';
+    else if (props.size === "M") rules += ' Fj12';
     return rules;
 };
 function $dba2b18fc5727f9b$export$2e2bcd8739ae039(props) {

package/dist/Checkmark.css

@@ -1,34 +1,34 @@
 @layer _.a {
-  .Zj11 {
+  .Zj12 {
     width: calc(.75rem * var(--s2-scale));
   }
 
-  .Zk11 {
+  .Zk12 {
     width: calc(.875rem * var(--s2-scale));
   }
 
-  .Zu11 {
+  .Zu12 {
     width: calc(1rem * var(--s2-scale));
   }
 
-  .Zi11 {
+  .Zi12 {
     width: calc(.625rem * var(--s2-scale));
     width: calc(.625rem * var(--s2-scale));
   }
 
-  .Fk11 {
+  .Fk12 {
     height: calc(.75rem * var(--s2-scale));
   }
 
-  .Fl11 {
+  .Fl12 {
     height: calc(.875rem * var(--s2-scale));
   }
 
-  .Ft11 {
+  .Ft12 {
     height: calc(1rem * var(--s2-scale));
   }
 
-  .Fj11 {
+  .Fj12 {
     height: calc(.625rem * var(--s2-scale));
     height: calc(.625rem * var(--s2-scale));
   }

package/dist/Checkmark.mjs

@@ -26,18 +26,18 @@ import {jsx as $9G1g0$jsx} from "react/jsx-runtime";
 
 let $81cf3d4588736e7d$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "S") rules += ' Zi11';
-    else if (props.size === "XS") rules += ' Zi11';
-    else if (props.size === "XXL") rules += ' Zu11';
-    else if (props.size === "XL") rules += ' Zk11';
-    else if (props.size === "L") rules += ' Zj11';
-    else if (props.size === "M") rules += ' Zi11';
-    if (props.size === "S") rules += ' Fj11';
-    else if (props.size === "XS") rules += ' Fj11';
-    else if (props.size === "XXL") rules += ' Ft11';
-    else if (props.size === "XL") rules += ' Fl11';
-    else if (props.size === "L") rules += ' Fk11';
-    else if (props.size === "M") rules += ' Fj11';
+    if (props.size === "S") rules += ' Zi12';
+    else if (props.size === "XS") rules += ' Zi12';
+    else if (props.size === "XXL") rules += ' Zu12';
+    else if (props.size === "XL") rules += ' Zk12';
+    else if (props.size === "L") rules += ' Zj12';
+    else if (props.size === "M") rules += ' Zi12';
+    if (props.size === "S") rules += ' Fj12';
+    else if (props.size === "XS") rules += ' Fj12';
+    else if (props.size === "XXL") rules += ' Ft12';
+    else if (props.size === "XL") rules += ' Fl12';
+    else if (props.size === "L") rules += ' Fk12';
+    else if (props.size === "M") rules += ' Fj12';
     return rules;
 };
 function $81cf3d4588736e7d$export$2e2bcd8739ae039(props) {

package/dist/Chevron.cjs

@@ -32,18 +32,18 @@ $parcel$export(module.exports, "default", () => $1df9f1c9262ce5df$export$2e2bcd8
 
 let $1df9f1c9262ce5df$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "S") rules += ' Zi11';
-    else if (props.size === "XS") rules += ' Zg11';
-    else if (props.size === "XXL") rules += ' Zu11';
-    else if (props.size === "XL") rules += ' Zk11';
-    else if (props.size === "L") rules += ' Zj11';
-    else if (props.size === "M") rules += ' Zi11';
-    if (props.size === "S") rules += ' Fj11';
-    else if (props.size === "XS") rules += ' Fg11';
-    else if (props.size === "XXL") rules += ' Ft11';
-    else if (props.size === "XL") rules += ' Fl11';
-    else if (props.size === "L") rules += ' Fk11';
-    else if (props.size === "M") rules += ' Fj11';
+    if (props.size === "S") rules += ' Zi12';
+    else if (props.size === "XS") rules += ' Zg12';
+    else if (props.size === "XXL") rules += ' Zu12';
+    else if (props.size === "XL") rules += ' Zk12';
+    else if (props.size === "L") rules += ' Zj12';
+    else if (props.size === "M") rules += ' Zi12';
+    if (props.size === "S") rules += ' Fj12';
+    else if (props.size === "XS") rules += ' Fg12';
+    else if (props.size === "XXL") rules += ' Ft12';
+    else if (props.size === "XL") rules += ' Fl12';
+    else if (props.size === "L") rules += ' Fk12';
+    else if (props.size === "M") rules += ' Fj12';
     return rules;
 };
 function $1df9f1c9262ce5df$export$2e2bcd8739ae039(props) {

package/dist/Chevron.css

@@ -1,41 +1,41 @@
 @layer _.a {
-  .Zj11 {
+  .Zj12 {
     width: calc(.75rem * var(--s2-scale));
   }
 
-  .Zk11 {
+  .Zk12 {
     width: calc(.875rem * var(--s2-scale));
   }
 
-  .Zu11 {
+  .Zu12 {
     width: calc(1rem * var(--s2-scale));
   }
 
-  .Zg11 {
+  .Zg12 {
     width: calc(.375rem * var(--s2-scale));
   }
 
-  .Zi11 {
+  .Zi12 {
     width: calc(.625rem * var(--s2-scale));
   }
 
-  .Fk11 {
+  .Fk12 {
     height: calc(.75rem * var(--s2-scale));
   }
 
-  .Fl11 {
+  .Fl12 {
     height: calc(.875rem * var(--s2-scale));
   }
 
-  .Ft11 {
+  .Ft12 {
     height: calc(1rem * var(--s2-scale));
   }
 
-  .Fg11 {
+  .Fg12 {
     height: calc(.375rem * var(--s2-scale));
   }
 
-  .Fj11 {
+  .Fj12 {
     height: calc(.625rem * var(--s2-scale));
   }
 }

package/dist/Chevron.mjs

@@ -26,18 +26,18 @@ import {jsx as $flSpw$jsx} from "react/jsx-runtime";
 
 let $4b69f02ec06b9226$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "S") rules += ' Zi11';
-    else if (props.size === "XS") rules += ' Zg11';
-    else if (props.size === "XXL") rules += ' Zu11';
-    else if (props.size === "XL") rules += ' Zk11';
-    else if (props.size === "L") rules += ' Zj11';
-    else if (props.size === "M") rules += ' Zi11';
-    if (props.size === "S") rules += ' Fj11';
-    else if (props.size === "XS") rules += ' Fg11';
-    else if (props.size === "XXL") rules += ' Ft11';
-    else if (props.size === "XL") rules += ' Fl11';
-    else if (props.size === "L") rules += ' Fk11';
-    else if (props.size === "M") rules += ' Fj11';
+    if (props.size === "S") rules += ' Zi12';
+    else if (props.size === "XS") rules += ' Zg12';
+    else if (props.size === "XXL") rules += ' Zu12';
+    else if (props.size === "XL") rules += ' Zk12';
+    else if (props.size === "L") rules += ' Zj12';
+    else if (props.size === "M") rules += ' Zi12';
+    if (props.size === "S") rules += ' Fj12';
+    else if (props.size === "XS") rules += ' Fg12';
+    else if (props.size === "XXL") rules += ' Ft12';
+    else if (props.size === "XL") rules += ' Fl12';
+    else if (props.size === "L") rules += ' Fk12';
+    else if (props.size === "M") rules += ' Fj12';
     return rules;
 };
 function $4b69f02ec06b9226$export$2e2bcd8739ae039(props) {

package/dist/ClearButton.cjs

@@ -39,35 +39,35 @@ const $4fb579ecc195bd2b$var$focusRingStyles = {
 };
 const $4fb579ecc195bd2b$var$visibleClearButton = function anonymous(props) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf11';
-    else rules += ' _Le11';
-    if (props.isStaticColor) rules += ' Ok11';
-    else rules += ' Oh11';
-    rules += ' _Mc11';
-    rules += ' _Kc11';
-    rules += ' sd11';
-    rules += ' eb11';
-    rules += ' _Ca11';
-    rules += ' Fb11';
-    if (props.size === "XL") rules += ' ZF11';
-    else if (props.size === "L") rules += ' Zw11';
-    else if (props.size === "S") rules += ' Zo11';
-    else if (props.size === "XS") rules += ' Zm11';
-    else rules += ' ZC11';
-    rules += ' _va11';
-    rules += ' og11';
-    rules += ' ng11';
-    rules += ' kg11';
-    rules += ' jg11';
-    rules += ' _je11';
-    rules += ' g911';
-    rules += ' _oa11';
-    rules += ' Td11';
-    rules += ' Qd11';
-    rules += ' Sd11';
-    rules += ' Rd11';
-    rules += ' p40ub4c11';
-    rules += ' -_8sjo0b-t5ZbAob11';
+    if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    if (props.isStaticColor) rules += ' Ok12';
+    else rules += ' Oh12';
+    rules += ' _Mc12';
+    rules += ' _Kc12';
+    rules += ' sd12';
+    rules += ' eb12';
+    rules += ' _Ca12';
+    rules += ' Fb12';
+    if (props.size === "XL") rules += ' ZF12';
+    else if (props.size === "L") rules += ' Zw12';
+    else if (props.size === "S") rules += ' Zo12';
+    else if (props.size === "XS") rules += ' Zm12';
+    else rules += ' ZC12';
+    rules += ' _va12';
+    rules += ' og12';
+    rules += ' ng12';
+    rules += ' kg12';
+    rules += ' jg12';
+    rules += ' _je12';
+    rules += ' g912';
+    rules += ' _oa12';
+    rules += ' Td12';
+    rules += ' Qd12';
+    rules += ' Sd12';
+    rules += ' Rd12';
+    rules += ' p40ub4c12';
+    rules += ' -_8sjo0b-t5ZbAob12';
     return rules;
 };
 const $4fb579ecc195bd2b$export$13ec83e50bf04290 = /*#__PURE__*/ (0, $ae1Ho$react.forwardRef)(function ClearButton(props, ref) {