@react-spectrum/s2 1.1.0 → 1.2.0

package/dist/Dash.cjs

@@ -30,16 +30,16 @@ $parcel$export(module.exports, "default", () => $84c37b7bd5c1374e$export$2e2bcd8
 
 let $84c37b7bd5c1374e$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "S") rules += ' Zh11';
-    else if (props.size === "XS") rules += ' Zh11';
-    else if (props.size === "XL") rules += ' Zj11';
-    else if (props.size === "L") rules += ' Zj11';
-    else if (props.size === "M") rules += ' Zi11';
-    if (props.size === "S") rules += ' Fi11';
-    else if (props.size === "XS") rules += ' Fi11';
-    else if (props.size === "XL") rules += ' Fk11';
-    else if (props.size === "L") rules += ' Fk11';
-    else if (props.size === "M") rules += ' Fj11';
+    if (props.size === "S") rules += ' Zh12';
+    else if (props.size === "XS") rules += ' Zh12';
+    else if (props.size === "XL") rules += ' Zj12';
+    else if (props.size === "L") rules += ' Zj12';
+    else if (props.size === "M") rules += ' Zi12';
+    if (props.size === "S") rules += ' Fi12';
+    else if (props.size === "XS") rules += ' Fi12';
+    else if (props.size === "XL") rules += ' Fk12';
+    else if (props.size === "L") rules += ' Fk12';
+    else if (props.size === "M") rules += ' Fj12';
     return rules;
 };
 function $84c37b7bd5c1374e$export$2e2bcd8739ae039(props) {

package/dist/Dash.css

@@ -1,28 +1,28 @@
 @layer _.a {
-  .Zi11 {
+  .Zi12 {
     width: calc(.625rem * var(--s2-scale));
   }
 
-  .Zj11 {
+  .Zj12 {
     width: calc(.75rem * var(--s2-scale));
     width: calc(.75rem * var(--s2-scale));
   }
 
-  .Zh11 {
+  .Zh12 {
     width: calc(.5rem * var(--s2-scale));
     width: calc(.5rem * var(--s2-scale));
   }
 
-  .Fj11 {
+  .Fj12 {
     height: calc(.625rem * var(--s2-scale));
   }
 
-  .Fk11 {
+  .Fk12 {
     height: calc(.75rem * var(--s2-scale));
     height: calc(.75rem * var(--s2-scale));
   }
 
-  .Fi11 {
+  .Fi12 {
     height: calc(.5rem * var(--s2-scale));
     height: calc(.5rem * var(--s2-scale));
   }

package/dist/Dash.mjs

@@ -24,16 +24,16 @@ import {jsx as $cAamo$jsx} from "react/jsx-runtime";
 
 let $f17037051ff08dc2$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "S") rules += ' Zh11';
-    else if (props.size === "XS") rules += ' Zh11';
-    else if (props.size === "XL") rules += ' Zj11';
-    else if (props.size === "L") rules += ' Zj11';
-    else if (props.size === "M") rules += ' Zi11';
-    if (props.size === "S") rules += ' Fi11';
-    else if (props.size === "XS") rules += ' Fi11';
-    else if (props.size === "XL") rules += ' Fk11';
-    else if (props.size === "L") rules += ' Fk11';
-    else if (props.size === "M") rules += ' Fj11';
+    if (props.size === "S") rules += ' Zh12';
+    else if (props.size === "XS") rules += ' Zh12';
+    else if (props.size === "XL") rules += ' Zj12';
+    else if (props.size === "L") rules += ' Zj12';
+    else if (props.size === "M") rules += ' Zi12';
+    if (props.size === "S") rules += ' Fi12';
+    else if (props.size === "XS") rules += ' Fi12';
+    else if (props.size === "XL") rules += ' Fk12';
+    else if (props.size === "L") rules += ' Fk12';
+    else if (props.size === "M") rules += ' Fj12';
     return rules;
 };
 function $f17037051ff08dc2$export$2e2bcd8739ae039(props) {

package/dist/DateField.cjs

@@ -31,31 +31,31 @@ $parcel$export(module.exports, "InvalidIndicator", () => $d19642654b699f84$expor
 
 
 const $d19642654b699f84$export$7b3e670c86da5fe8 = /*#__PURE__*/ (0, $fCG98$react.createContext)(null);
-const $d19642654b699f84$var$segmentContainer = " _ub11 _vb11 Na11 Fb11 _Na11 Pc11 -dLGswc-h3TDrc11 sd11 eb11 __Wb11";
+const $d19642654b699f84$var$segmentContainer = " _ub12 _vb12 Na12 Fb12 _Na12 Pc12 -dLGswc-h3TDrc12 sd12 eb12 __Wb12";
 const $d19642654b699f84$var$dateSegment = function anonymous(props) {
     let rules = " ";
-    rules += ' _Le11';
-    rules += ' -zNggOc-RWHrbc11';
-    if (props.isFocused) rules += ' g_h11';
-    else rules += ' g911';
-    if (props.isFocused) rules += ' gle11';
-    else rules += ' gl911';
-    if (props.isFocused) rules += ' px11';
-    if (props.isFocused) rules += ' ple11';
-    rules += ' oLvNfn11';
-    rules += ' nLvNfn11';
-    rules += ' kLvNfn11';
-    rules += ' jLvNfn11';
-    if (props.isPunctuation) rules += ' Sd11';
-    else rules += ' Sj11';
-    if (props.isPunctuation) rules += ' Rd11';
-    else rules += ' Rj11';
-    rules += ' Tj11';
-    rules += ' Qj11';
-    rules += ' _yb11';
+    rules += ' _Le12';
+    rules += ' -zNggOc-RWHrbc12';
+    if (props.isFocused) rules += ' g_h12';
+    else rules += ' g912';
+    if (props.isFocused) rules += ' gle12';
+    else rules += ' gl912';
+    if (props.isFocused) rules += ' px12';
+    if (props.isFocused) rules += ' ple12';
+    rules += ' oLvNfn12';
+    rules += ' nLvNfn12';
+    rules += ' kLvNfn12';
+    rules += ' jLvNfn12';
+    if (props.isPunctuation) rules += ' Sd12';
+    else rules += ' Sj12';
+    if (props.isPunctuation) rules += ' Rd12';
+    else rules += ' Rj12';
+    rules += ' Tj12';
+    rules += ' Qj12';
+    rules += ' _yb12';
     return rules;
 };
-const $d19642654b699f84$var$iconStyles = " sd11 eb11 _Cb11";
+const $d19642654b699f84$var$iconStyles = " sd12 eb12 _Cb12";
 const $d19642654b699f84$export$d9781c7894a82487 = /*#__PURE__*/ (0, $fCG98$react.forwardRef)(function DateField(props1, ref) {
     [props1, ref] = (0, $ac757a4c2bd72aee$exports.useSpectrumContextProps)(props1, ref, $d19642654b699f84$export$7b3e670c86da5fe8);
     let { label: label, contextualHelp: contextualHelp, description: descriptionMessage, errorMessage: errorMessage, isRequired: isRequired, size: size = 'M', labelPosition: labelPosition = 'top', necessityIndicator: necessityIndicator, labelAlign: labelAlign = 'start', UNSAFE_style: UNSAFE_style, UNSAFE_className: UNSAFE_className, styles: styles, ...dateFieldProps } = props1;
@@ -75,51 +75,51 @@ const $d19642654b699f84$export$d9781c7894a82487 = /*#__PURE__*/ (0, $fCG98$react
                 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 += ' _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 += ' ea12';
+            rules += ' _Fd12';
+            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-UVkF0Db12';
+            rules += ' qg12';
+            rules += ' __ca12';
             return rules;
         }({
             isInForm: !!formContext,
@@ -146,27 +146,27 @@ const $d19642654b699f84$export$d9781c7894a82487 = /*#__PURE__*/ (0, $fCG98$react
                         size: size,
                         styles: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zXcEWr11';
-                            rules += ' yXcEWr11';
-                            rules += ' BXcEWr11';
-                            rules += ' AXcEWr11';
-                            if (props.size === "XL") rules += ' Nl11';
-                            else if (props.size === "L") rules += ' Nj11';
-                            else if (props.size === "S") rules += ' Nf11';
-                            else if (props.size === "XS") rules += ' Ne11';
-                            else rules += ' Nk11';
-                            if (props.isQuiet) rules += ' _qd11';
-                            else rules += ' _qtb11';
-                            if (props.size === "XL") rules += ' -Anxdcc-Zt11';
-                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne11';
-                            else if (props.size === "S") rules += ' -Anxdcc-Zr11';
-                            else rules += ' -Anxdcc-Z3fn9H11';
-                            rules += ' __v6TNLWb11';
-                            rules += ' __Wb11';
-                            rules += ' SMBFGYc11';
-                            rules += ' RfBFGYc11';
-                            rules += ' -S_-Sv11';
-                            rules += ' -R_-Rv11';
+                            rules += ' zXcEWr12';
+                            rules += ' yXcEWr12';
+                            rules += ' BXcEWr12';
+                            rules += ' AXcEWr12';
+                            if (props.size === "XL") rules += ' Nl12';
+                            else if (props.size === "L") rules += ' Nj12';
+                            else if (props.size === "S") rules += ' Nf12';
+                            else if (props.size === "XS") rules += ' Ne12';
+                            else rules += ' Nk12';
+                            if (props.isQuiet) rules += ' _qd12';
+                            else rules += ' _qtb12';
+                            if (props.size === "XL") rules += ' -Anxdcc-Zt12';
+                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne12';
+                            else if (props.size === "S") rules += ' -Anxdcc-Zr12';
+                            else rules += ' -Anxdcc-Z3fn9H12';
+                            rules += ' __v6TNLWb12';
+                            rules += ' __Wb12';
+                            rules += ' SMBFGYc12';
+                            rules += ' RfBFGYc12';
+                            rules += ' -S_-Sv12';
+                            rules += ' -R_-Rv12';
                             return rules;
                         }({
                             size: size

package/dist/DateField.css

@@ -1,313 +1,313 @@
 @layer _.a {
-  ._ub11 {
+  ._ub12 {
     flex-grow: 1;
   }
 
-  ._vb11 {
+  ._vb12 {
     flex-shrink: 1;
   }
 
-  .Na11 {
+  .Na12 {
     min-width: 0;
   }
 
-  .Fb11 {
+  .Fb12 {
     height: 100%;
   }
 
-  ._Na11 {
+  ._Na12 {
     overflow-x: auto;
   }
 
-  .Pc11 {
+  .Pc12 {
     overflow-y: hidden;
   }
 
-  .-dLGswc-h3TDrc11 {
+  .-dLGswc-h3TDrc12 {
     scrollbar-width: none;
   }
 
-  ._Le11 {
+  ._Le12 {
     outline-style: none;
   }
 
-  .-zNggOc-RWHrbc11 {
+  .-zNggOc-RWHrbc12 {
     caret-color: #0000;
   }
 
-  .g911 {
+  .g912 {
     background-color: #0000;
   }
 
-  .g_h11 {
+  .g_h12 {
     background-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
   }
 
-  .px11 {
+  .px12 {
     color: #fff;
   }
 
-  .oLvNfn11 {
+  .oLvNfn12 {
     border-start-start-radius: 2px;
   }
 
-  .nLvNfn11 {
+  .nLvNfn12 {
     border-start-end-radius: 2px;
   }
 
-  .kLvNfn11 {
+  .kLvNfn12 {
     border-end-start-radius: 2px;
   }
 
-  .jLvNfn11 {
+  .jLvNfn12 {
     border-end-end-radius: 2px;
   }
 
-  .Sj11 {
+  .Sj12 {
     padding-inline-start: 2px;
   }
 
-  .Sd11 {
+  .Sd12 {
     padding-inline-start: 0;
   }
 
-  .Rj11 {
+  .Rj12 {
     padding-inline-end: 2px;
   }
 
-  .Rd11 {
+  .Rd12 {
     padding-inline-end: 0;
   }
 
-  .Tj11 {
+  .Tj12 {
     padding-top: 2px;
   }
 
-  .Qj11 {
+  .Qj12 {
     padding-bottom: 2px;
   }
 
-  ._yb11 {
+  ._yb12 {
     forced-color-adjust: none;
   }
 
-  .sd11 {
+  .sd12 {
     display: flex;
   }
 
-  .eb11 {
+  .eb12 {
     align-items: center;
   }
 
-  ._Cb11 {
+  ._Cb12 {
     justify-content: end;
   }
 
-  .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;
   }
 
-  ._Fd11 {
+  ._Fd12 {
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
   }
 
-  .-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-UVkF0Db11 {
+  .-AJjOLd-UVkF0Db12 {
     --field-gap: calc((var(--field-height)  - var(--_k, 0px)  - var(--h, 0px)  - 1lh) / 2);
   }
 
-  .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;
   }
 
-  .Nk11 {
+  .Nk12 {
     min-width: calc(2rem * var(--s2-scale));
   }
 
-  .Ne11 {
+  .Ne12 {
     min-width: calc(1.25rem * var(--s2-scale));
   }
 
-  .Nf11 {
+  .Nf12 {
     min-width: calc(1.5rem * var(--s2-scale));
   }
 
-  .Nj11 {
+  .Nj12 {
     min-width: calc(2.5rem * var(--s2-scale));
   }
 
-  .Nl11 {
+  .Nl12 {
     min-width: calc(3rem * var(--s2-scale));
   }
 
-  ._qd11 {
+  ._qd12 {
     contain: none;
   }
 
-  .-Anxdcc-Z3fn9H11 {
+  .-Anxdcc-Z3fn9H12 {
     --defaultWidth: calc(13rem * var(--s2-scale));
   }
 
-  .-Anxdcc-Zr11 {
+  .-Anxdcc-Zr12 {
     --defaultWidth: calc(12rem * var(--s2-scale));
   }
 
-  .-Anxdcc-ZStdtne11 {
+  .-Anxdcc-ZStdtne12 {
     --defaultWidth: calc(14rem * var(--s2-scale));
   }
 
-  .-Anxdcc-Zt11 {
+  .-Anxdcc-Zt12 {
     --defaultWidth: calc(15rem * var(--s2-scale));
   }
 
-  .__v6TNLWb11 {
+  .__v6TNLWb12 {
     contain-intrinsic-width: calc(var(--defaultWidth)  - var(--S, 0px)  - var(--R, 0px)  - var(--m, 0px)  - var(--l, 0px));
   }
 
-  .__Wb11 {
+  .__Wb12 {
     text-wrap: nowrap;
   }
 
-  .SMBFGYc11 {
+  .SMBFGYc12 {
     padding-inline-start: var(--S);
   }
 
-  .RfBFGYc11 {
+  .RfBFGYc12 {
     padding-inline-end: var(--R);
   }
 
-  .-S_-Sv11 {
+  .-S_-Sv12 {
     --S: calc(var(--F, var(--M)) * 3 / 8);
   }
 
-  .-R_-Rv11 {
+  .-R_-Rv12 {
     --R: calc(var(--F, var(--M)) * 3 / 8);
   }
 }
 
 @layer _.b {
-  ._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;
   }
 }
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .gl911 {
+    .gl912 {
       background-color: #0000;
     }
 
-    .gle11 {
+    .gle12 {
       background-color: highlight;
     }
 
-    .ple11 {
+    .ple12 {
       color: highlighttext;
     }
   }
@@ -315,7 +315,7 @@
 
 @layer _.b.t {
   @supports (contain-intrinsic-width: 1px) {
-    ._qtb11 {
+    ._qtb12 {
       contain: inline-size;
     }
   }