@react-spectrum/s2 1.4.0 → 1.5.1

package/dist/private/DateField.cjs

@@ -33,31 +33,31 @@ $parcel$export(module.exports, "InvalidIndicator", () => $d19642654b699f84$expor
 
 
 const $d19642654b699f84$export$7b3e670c86da5fe8 = /*#__PURE__*/ (0, $fCG98$react.createContext)(null);
-const $d19642654b699f84$var$segmentContainer = " _ub131 _vb131 Na131 Fb131 _Na131 Pc131 -dLGswc-h3TDrc131 sd131 eb131 __Wb131";
+const $d19642654b699f84$var$segmentContainer = " _ub151 _vb151 Na151 Fb151 _Na151 Pc151 -dLGswc-h3TDrc151 sd151 eb151 __Wb151";
 const $d19642654b699f84$var$dateSegment = function anonymous(props) {
     let rules = " ";
-    rules += ' _Le131';
-    rules += ' -zNggOc-RWHrbc131';
-    if (props.isFocused) rules += ' g_h131';
-    else rules += ' g9131';
-    if (props.isFocused) rules += ' gle131';
-    else rules += ' gl9131';
-    if (props.isFocused) rules += ' px131';
-    if (props.isFocused) rules += ' ple131';
-    rules += ' oLvNfn131';
-    rules += ' nLvNfn131';
-    rules += ' kLvNfn131';
-    rules += ' jLvNfn131';
-    if (props.isPunctuation) rules += ' Sd131';
-    else rules += ' Sj131';
-    if (props.isPunctuation) rules += ' Rd131';
-    else rules += ' Rj131';
-    rules += ' Tj131';
-    rules += ' Qj131';
-    rules += ' _yb131';
+    rules += ' _Le151';
+    rules += ' -zNggOc-RWHrbc151';
+    if (props.isFocused) rules += ' g_h151';
+    else rules += ' g9151';
+    if (props.isFocused) rules += ' gle151';
+    else rules += ' gl9151';
+    if (props.isFocused) rules += ' px151';
+    if (props.isFocused) rules += ' ple151';
+    rules += ' oLvNfn151';
+    rules += ' nLvNfn151';
+    rules += ' kLvNfn151';
+    rules += ' jLvNfn151';
+    if (props.isPunctuation) rules += ' Sd151';
+    else rules += ' Sj151';
+    if (props.isPunctuation) rules += ' Rd151';
+    else rules += ' Rj151';
+    rules += ' Tj151';
+    rules += ' Qj151';
+    rules += ' _yb151';
     return rules;
 };
-const $d19642654b699f84$var$iconStyles = " sd131 eb131 _Cb131";
+const $d19642654b699f84$var$iconStyles = " sd151 eb151 _Cb151";
 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;
@@ -77,51 +77,51 @@ const $d19642654b699f84$export$d9781c7894a82487 = /*#__PURE__*/ (0, $fCG98$react
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se131';
+            rules += ' se151';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU131';
+                if (!gridColumnStart) rules += ' z2mU151';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG131';
+                    if (!gridColumnEnd) rules += ' yvoofG151';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod131';
+            if (props.isInForm) rules += ' DLwlgod151';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb131';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn131';
+                if (props.labelPosition === "side") rules += ' DPlN5qb151';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn151';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb131';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc131';
-            if (props.labelPosition === "side") rules += ' CbRM95c131';
-            else if (props.labelPosition === "top") rules += ' Cxaocre131';
+            if (props.labelPosition === "side") rules += ' EPlN5qb151';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc151';
+            if (props.labelPosition === "side") rules += ' CbRM95c151';
+            else if (props.labelPosition === "top") rules += ' Cxaocre151';
             if (props.size === "XL") {
-                rules += ' -_6BNtrc-e131';
-                rules += ' vx131';
+                rules += ' -_6BNtrc-e151';
+                rules += ' vx151';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d131';
-                rules += ' vx131';
+                rules += ' -_6BNtrc-d151';
+                rules += ' vx151';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b131';
-                rules += ' vx131';
+                rules += ' -_6BNtrc-b151';
+                rules += ' vx151';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a131';
-                rules += ' vx131';
+                rules += ' -_6BNtrc-a151';
+                rules += ' vx151';
             } else {
-                rules += ' -_6BNtrc-c131';
-                rules += ' vx131';
+                rules += ' -_6BNtrc-c151';
+                rules += ' vx151';
             }
-            rules += ' ea131';
-            rules += ' _Fd131';
-            rules += ' _FnuYUweb131';
-            if (props.size === "XL") rules += ' -BhX7R-Fz131';
-            else if (props.size === "L") rules += ' -BhX7R-Fv131';
-            else if (props.size === "S") rules += ' -BhX7R-Fp131';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn131';
-            else rules += ' -BhX7R-Fx131';
-            rules += ' -AJjOLd-UVkF0Db131';
-            rules += ' qg131';
-            rules += ' __ca131';
+            rules += ' ea151';
+            rules += ' _Fd151';
+            rules += ' _FnuYUweb151';
+            if (props.size === "XL") rules += ' -BhX7R-Fz151';
+            else if (props.size === "L") rules += ' -BhX7R-Fv151';
+            else if (props.size === "S") rules += ' -BhX7R-Fp151';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn151';
+            else rules += ' -BhX7R-Fx151';
+            rules += ' -AJjOLd-UVkF0Db151';
+            rules += ' qg151';
+            rules += ' __ca151';
             return rules;
         }({
             isInForm: !!formContext,
@@ -148,27 +148,27 @@ const $d19642654b699f84$export$d9781c7894a82487 = /*#__PURE__*/ (0, $fCG98$react
                         size: size,
                         styles: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zXcEWr131';
-                            rules += ' yXcEWr131';
-                            rules += ' BXcEWr131';
-                            rules += ' AXcEWr131';
-                            if (props.size === "XL") rules += ' Nl131';
-                            else if (props.size === "L") rules += ' Nj131';
-                            else if (props.size === "S") rules += ' Nf131';
-                            else if (props.size === "XS") rules += ' Ne131';
-                            else rules += ' Nk131';
-                            if (props.isQuiet) rules += ' _qd131';
-                            else rules += ' _qtb131';
-                            if (props.size === "XL") rules += ' -Anxdcc-Zt131';
-                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne131';
-                            else if (props.size === "S") rules += ' -Anxdcc-Zr131';
-                            else rules += ' -Anxdcc-Z3fn9H131';
-                            rules += ' __v6TNLWb131';
-                            rules += ' __Wb131';
-                            rules += ' SMBFGYc131';
-                            rules += ' RfBFGYc131';
-                            rules += ' -S_-Sv131';
-                            rules += ' -R_-Rv131';
+                            rules += ' zXcEWr151';
+                            rules += ' yXcEWr151';
+                            rules += ' BXcEWr151';
+                            rules += ' AXcEWr151';
+                            if (props.size === "XL") rules += ' Nl151';
+                            else if (props.size === "L") rules += ' Nj151';
+                            else if (props.size === "S") rules += ' Nf151';
+                            else if (props.size === "XS") rules += ' Ne151';
+                            else rules += ' Nk151';
+                            if (props.isQuiet) rules += ' _qd151';
+                            else rules += ' _qtb151';
+                            if (props.size === "XL") rules += ' -Anxdcc-Zt151';
+                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne151';
+                            else if (props.size === "S") rules += ' -Anxdcc-Zr151';
+                            else rules += ' -Anxdcc-Z3fn9H151';
+                            rules += ' __v6TNLWb151';
+                            rules += ' __Wb151';
+                            rules += ' SMBFGYc151';
+                            rules += ' RfBFGYc151';
+                            rules += ' -S_-Sv151';
+                            rules += ' -R_-Rv151';
                             return rules;
                         }({
                             size: size

package/dist/private/DateField.css

@@ -1,313 +1,313 @@
 @layer _.a {
-  ._ub131 {
+  ._ub151 {
     flex-grow: 1;
   }
 
-  ._vb131 {
+  ._vb151 {
     flex-shrink: 1;
   }
 
-  .Na131 {
+  .Na151 {
     min-width: 0;
   }
 
-  .Fb131 {
+  .Fb151 {
     height: 100%;
   }
 
-  ._Na131 {
+  ._Na151 {
     overflow-x: auto;
   }
 
-  .Pc131 {
+  .Pc151 {
     overflow-y: hidden;
   }
 
-  .-dLGswc-h3TDrc131 {
+  .-dLGswc-h3TDrc151 {
     scrollbar-width: none;
   }
 
-  ._Le131 {
+  ._Le151 {
     outline-style: none;
   }
 
-  .-zNggOc-RWHrbc131 {
+  .-zNggOc-RWHrbc151 {
     caret-color: #0000;
   }
 
-  .g9131 {
+  .g9151 {
     background-color: #0000;
   }
 
-  .g_h131 {
+  .g_h151 {
     background-color: light-dark(#4b75ff, #4069fd);
   }
 
-  .px131 {
+  .px151 {
     color: #fff;
   }
 
-  .oLvNfn131 {
+  .oLvNfn151 {
     border-start-start-radius: 2px;
   }
 
-  .nLvNfn131 {
+  .nLvNfn151 {
     border-start-end-radius: 2px;
   }
 
-  .kLvNfn131 {
+  .kLvNfn151 {
     border-end-start-radius: 2px;
   }
 
-  .jLvNfn131 {
+  .jLvNfn151 {
     border-end-end-radius: 2px;
   }
 
-  .Sj131 {
+  .Sj151 {
     padding-inline-start: 2px;
   }
 
-  .Sd131 {
+  .Sd151 {
     padding-inline-start: 0;
   }
 
-  .Rj131 {
+  .Rj151 {
     padding-inline-end: 2px;
   }
 
-  .Rd131 {
+  .Rd151 {
     padding-inline-end: 0;
   }
 
-  .Tj131 {
+  .Tj151 {
     padding-top: 2px;
   }
 
-  .Qj131 {
+  .Qj151 {
     padding-bottom: 2px;
   }
 
-  ._yb131 {
+  ._yb151 {
     forced-color-adjust: none;
   }
 
-  .sd131 {
+  .sd151 {
     display: flex;
   }
 
-  .eb131 {
+  .eb151 {
     align-items: center;
   }
 
-  ._Cb131 {
+  ._Cb151 {
     justify-content: end;
   }
 
-  .se131 {
+  .se151 {
     display: grid;
   }
 
-  .z2mU131 {
+  .z2mU151 {
     grid-column-start: 1;
   }
 
-  .yvoofG131 {
+  .yvoofG151 {
     grid-column-end: span 2;
   }
 
-  .DM8Mfn131 {
+  .DM8Mfn151 {
     grid-template-columns: 1fr;
   }
 
-  .DPlN5qb131 {
+  .DPlN5qb151 {
     grid-template-columns: auto 1fr;
   }
 
-  .DLwlgod131 {
+  .DLwlgod151 {
     grid-template-columns: subgrid;
   }
 
-  .E4w1sLc131 {
+  .E4w1sLc151 {
     grid-template-rows: auto 1fr auto;
   }
 
-  .EPlN5qb131 {
+  .EPlN5qb151 {
     grid-template-rows: auto 1fr;
   }
 
-  .Cxaocre131 {
+  .Cxaocre151 {
     grid-template-areas: "label"
                          "input"
                          "helptext";
   }
 
-  .CbRM95c131 {
+  .CbRM95c151 {
     grid-template-areas: "label input"
                          "label helptext";
   }
 
-  .-_6BNtrc-c131 {
+  .-_6BNtrc-c151 {
     --fs: pow(1.125, 0);
   }
 
-  .-_6BNtrc-a131 {
+  .-_6BNtrc-a151 {
     --fs: pow(1.125, -2);
   }
 
-  .-_6BNtrc-b131 {
+  .-_6BNtrc-b151 {
     --fs: pow(1.125, -1);
   }
 
-  .-_6BNtrc-d131 {
+  .-_6BNtrc-d151 {
     --fs: pow(1.125, 1);
   }
 
-  .-_6BNtrc-e131 {
+  .-_6BNtrc-e151 {
     --fs: pow(1.125, 2);
   }
 
-  .vx131 {
+  .vx151 {
     font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
   }
 
-  .ea131 {
+  .ea151 {
     align-items: baseline;
   }
 
-  ._Fd131 {
+  ._Fd151 {
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
   }
 
-  .-BhX7R-Fx131 {
+  .-BhX7R-Fx151 {
     --field-height: calc(2rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fn131 {
+  .-BhX7R-Fn151 {
     --field-height: calc(1.25rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fp131 {
+  .-BhX7R-Fp151 {
     --field-height: calc(1.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fv131 {
+  .-BhX7R-Fv151 {
     --field-height: calc(2.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fz131 {
+  .-BhX7R-Fz151 {
     --field-height: calc(3rem * var(--s2-scale));
   }
 
-  .-AJjOLd-UVkF0Db131 {
+  .-AJjOLd-UVkF0Db151 {
     --field-gap: calc((var(--field-height) - var(--_k, 0px) - var(--h, 0px) - 1lh) / 2);
   }
 
-  .qg131 {
+  .qg151 {
     column-gap: .75rem;
   }
 
-  .__ca131 {
+  .__ca151 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .zXcEWr131 {
+  .zXcEWr151 {
     grid-column-start: input;
   }
 
-  .yXcEWr131 {
+  .yXcEWr151 {
     grid-column-end: input;
   }
 
-  .BXcEWr131 {
+  .BXcEWr151 {
     grid-row-start: input;
   }
 
-  .AXcEWr131 {
+  .AXcEWr151 {
     grid-row-end: input;
   }
 
-  .Nk131 {
+  .Nk151 {
     min-width: calc(2rem * var(--s2-scale));
   }
 
-  .Ne131 {
+  .Ne151 {
     min-width: calc(1.25rem * var(--s2-scale));
   }
 
-  .Nf131 {
+  .Nf151 {
     min-width: calc(1.5rem * var(--s2-scale));
   }
 
-  .Nj131 {
+  .Nj151 {
     min-width: calc(2.5rem * var(--s2-scale));
   }
 
-  .Nl131 {
+  .Nl151 {
     min-width: calc(3rem * var(--s2-scale));
   }
 
-  ._qd131 {
+  ._qd151 {
     contain: none;
   }
 
-  .-Anxdcc-Z3fn9H131 {
+  .-Anxdcc-Z3fn9H151 {
     --defaultWidth: calc(13rem * var(--s2-scale));
   }
 
-  .-Anxdcc-Zr131 {
+  .-Anxdcc-Zr151 {
     --defaultWidth: calc(12rem * var(--s2-scale));
   }
 
-  .-Anxdcc-ZStdtne131 {
+  .-Anxdcc-ZStdtne151 {
     --defaultWidth: calc(14rem * var(--s2-scale));
   }
 
-  .-Anxdcc-Zt131 {
+  .-Anxdcc-Zt151 {
     --defaultWidth: calc(15rem * var(--s2-scale));
   }
 
-  .__v6TNLWb131 {
+  .__v6TNLWb151 {
     contain-intrinsic-width: calc(var(--defaultWidth) - var(--S, 0px) - var(--R, 0px) - var(--m, 0px) - var(--l, 0px));
   }
 
-  .__Wb131 {
+  .__Wb151 {
     text-wrap: nowrap;
   }
 
-  .SMBFGYc131 {
+  .SMBFGYc151 {
     padding-inline-start: var(--S);
   }
 
-  .RfBFGYc131 {
+  .RfBFGYc151 {
     padding-inline-end: var(--R);
   }
 
-  .-S_-Sv131 {
+  .-S_-Sv151 {
     --S: calc(var(--F, var(--M)) * 3 / 8);
   }
 
-  .-R_-Rv131 {
+  .-R_-Rv151 {
     --R: calc(var(--F, var(--M)) * 3 / 8);
   }
 }
 
 @layer _.b {
-  ._FnuYUweb131:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  ._FnuYUweb151: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) {
-    .gl9131 {
+    .gl9151 {
       background-color: #0000;
     }
 
-    .gle131 {
+    .gle151 {
       background-color: highlight;
     }
 
-    .ple131 {
+    .ple151 {
       color: highlighttext;
     }
   }
@@ -315,7 +315,7 @@
 
 @layer _.b.t {
   @supports (contain-intrinsic-width: 1px) {
-    ._qtb131 {
+    ._qtb151 {
       contain: inline-size;
     }
   }