@react-spectrum/s2 3.0.0-nightly-a6f868a06-250517 → 3.0.0-nightly-77b3442e4-250521

package/dist/Form.cjs

@@ -60,15 +60,15 @@ const $bfa4962d90c8af48$export$a7fed597f4b8afd8 = /*#__PURE__*/ (0, $hYK64$react
         className: (props.UNSAFE_className || '') + function anonymous(props, overrides) {
             let rules = " ";
             rules += ((overrides || '').match(/(?:^|\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) || []).join('');
-            rules += ' se8';
-            if (props.labelPosition === "side") rules += ' Dfzkwne8';
-            else if (props.labelPosition === "top") rules += ' DS1aTJb8';
-            if (props.size === "XL") rules += ' Un8';
-            else if (props.size === "L") rules += ' Up8';
-            else if (props.size === "M") rules += ' Uj8';
-            else if (props.size === "S") rules += ' Ui8';
-            else if (props.size === "XS") rules += ' Ul8';
-            rules += ' qf8';
+            rules += ' se9';
+            if (props.labelPosition === "side") rules += ' Dfzkwne9';
+            else if (props.labelPosition === "top") rules += ' DS1aTJb9';
+            if (props.size === "XL") rules += ' Un9';
+            else if (props.size === "L") rules += ' Up9';
+            else if (props.size === "M") rules += ' Uj9';
+            else if (props.size === "S") rules += ' Ui9';
+            else if (props.size === "XS") rules += ' Ul9';
+            rules += ' qf9';
             return rules;
         }({
             labelPosition: labelPosition,

package/dist/Form.css

@@ -1,37 +1,37 @@
 @layer _.a {
-  .se8 {
+  .se9 {
     display: grid;
   }
 
-  .DS1aTJb8 {
+  .DS1aTJb9 {
     grid-template-columns: [field] 1fr;
   }
 
-  .Dfzkwne8 {
+  .Dfzkwne9 {
     grid-template-columns: [label] auto[field] 1fr;
   }
 
-  .Ul8 {
+  .Ul9 {
     row-gap: 1rem;
   }
 
-  .Ui8 {
+  .Ui9 {
     row-gap: 1.25rem;
   }
 
-  .Uj8 {
+  .Uj9 {
     row-gap: 1.5rem;
   }
 
-  .Up8 {
+  .Up9 {
     row-gap: 2rem;
   }
 
-  .Un8 {
+  .Un9 {
     row-gap: 2.5rem;
   }
 
-  .qf8 {
+  .qf9 {
     column-gap: .714286em;
   }
 }

package/dist/Form.mjs

@@ -52,15 +52,15 @@ const $9b916426527cebe7$export$a7fed597f4b8afd8 = /*#__PURE__*/ (0, $i5kLT$forwa
         className: (props.UNSAFE_className || '') + function anonymous(props, overrides) {
             let rules = " ";
             rules += ((overrides || '').match(/(?:^|\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) || []).join('');
-            rules += ' se8';
-            if (props.labelPosition === "side") rules += ' Dfzkwne8';
-            else if (props.labelPosition === "top") rules += ' DS1aTJb8';
-            if (props.size === "XL") rules += ' Un8';
-            else if (props.size === "L") rules += ' Up8';
-            else if (props.size === "M") rules += ' Uj8';
-            else if (props.size === "S") rules += ' Ui8';
-            else if (props.size === "XS") rules += ' Ul8';
-            rules += ' qf8';
+            rules += ' se9';
+            if (props.labelPosition === "side") rules += ' Dfzkwne9';
+            else if (props.labelPosition === "top") rules += ' DS1aTJb9';
+            if (props.size === "XL") rules += ' Un9';
+            else if (props.size === "L") rules += ' Up9';
+            else if (props.size === "M") rules += ' Uj9';
+            else if (props.size === "S") rules += ' Ui9';
+            else if (props.size === "XS") rules += ' Ul9';
+            rules += ' qf9';
             return rules;
         }({
             labelPosition: labelPosition,

package/dist/FullscreenDialog.cjs

@@ -30,11 +30,11 @@ $parcel$export(module.exports, "FullscreenDialog", () => $59876d274d9473a9$expor
 
 
 
-const $59876d274d9473a9$var$heading = " zPCJngb8 yPCJngb8 BPCJngb8 APCJngb8 _ub8 Jy8 Gy8 ug8 uch8 udi8 uea8 ugb8 uhd8 uje8 uic8 vj8 vsm8 we8 xe8 _xa8 wfe8 xfe8 _xfa8 _Fa8 _Ffb8 po8";
-const $59876d274d9473a9$var$header = " z6Akec8 y6Akec8 B6Akec8 A6Akec8 InM8 HnM8 ug8 uch8 udi8 uea8 ugb8 uhd8 uje8 uic8 vg8 vsj8 wb8 xb8 _xa8 _Fb8 _Ffc8 pt8";
-const $59876d274d9473a9$var$content = " zk52g2d8 yk52g2d8 Bk52g2d8 Ak52g2d8 _ub8 Pa8 Pme8 ug8 uch8 udi8 uea8 ugb8 uhd8 uje8 uic8 vp8 vsh8 wb8 xb8 _xa8 _Fb8 _Ffc8 pt8";
-const $59876d274d9473a9$var$buttonGroup = " z4AkfTc8 y4AkfTc8 B4AkfTc8 A4AkfTc8 IM8 La8";
-const $59876d274d9473a9$export$6af31f836f9aa6f2 = " se8 CQpyMed8 Cns3y4td8 DM8Mfn8 Dn4w1sLc8 EH21CE8 EnFjesNe8 Th8 Tnk8 Qh8 Qnk8 Sh8 Snk8 Rh8 Rnk8 ql8 qnj8 K40ub4c8 Fb8 _oa8 _Le8 ug8 uch8 udi8 uea8 ugb8 uhd8 uje8 uic8 oi8 ni8 ki8 ji8 _Na8 Pa8";
+const $59876d274d9473a9$var$heading = " zPCJngb9 yPCJngb9 BPCJngb9 APCJngb9 _ub9 Jy9 Gy9 ug9 uch9 udi9 uea9 ugb9 uhd9 uje9 uic9 vj9 vsm9 we9 xe9 _xa9 wfe9 xfe9 _xfa9 _Fa9 _Ffb9 po9";
+const $59876d274d9473a9$var$header = " z6Akec9 y6Akec9 B6Akec9 A6Akec9 InM9 HnM9 ug9 uch9 udi9 uea9 ugb9 uhd9 uje9 uic9 vg9 vsj9 wb9 xb9 _xa9 _Fb9 _Ffc9 pt9";
+const $59876d274d9473a9$var$content = " zk52g2d9 yk52g2d9 Bk52g2d9 Ak52g2d9 _ub9 Pa9 Pme9 ug9 uch9 udi9 uea9 ugb9 uhd9 uje9 uic9 vp9 vsh9 wb9 xb9 _xa9 _Fb9 _Ffc9 pt9";
+const $59876d274d9473a9$var$buttonGroup = " z4AkfTc9 y4AkfTc9 B4AkfTc9 A4AkfTc9 IM9 La9";
+const $59876d274d9473a9$export$6af31f836f9aa6f2 = " se9 CQpyMed9 Cns3y4td9 DM8Mfn9 Dn4w1sLc9 EH21CE9 EnFjesNe9 Th9 Tnk9 Qh9 Qnk9 Sh9 Snk9 Rh9 Rnk9 ql9 qnj9 K40ub4c9 Fb9 _oa9 _Le9 ug9 uch9 udi9 uea9 ugb9 uhd9 uje9 uic9 oi9 ni9 ki9 ji9 _Na9 Pa9";
 const $59876d274d9473a9$export$7082b7e805d2626f = /*#__PURE__*/ (0, $Yi1VH$react.forwardRef)(function FullscreenDialog(props, ref) {
     let { variant: variant = 'fullscreen', isKeyboardDismissDisabled: isKeyboardDismissDisabled } = props;
     let domRef = (0, $Yi1VH$reactspectrumutils.useDOMRef)(ref);

package/dist/FullscreenDialog.css

@@ -1,141 +1,141 @@
 @layer _.a {
-  .zPCJngb8 {
+  .zPCJngb9 {
     grid-column-start: heading;
   }
 
-  .yPCJngb8 {
+  .yPCJngb9 {
     grid-column-end: heading;
   }
 
-  .BPCJngb8 {
+  .BPCJngb9 {
     grid-row-start: heading;
   }
 
-  .APCJngb8 {
+  .APCJngb9 {
     grid-row-end: heading;
   }
 
-  .Jy8 {
+  .Jy9 {
     margin-top: 0;
   }
 
-  .Gy8 {
+  .Gy9 {
     margin-bottom: 0;
   }
 
-  .vj8 {
+  .vj9 {
     font-size: 1.375rem;
   }
 
-  .we8 {
+  .we9 {
     font-variation-settings: "wght" 800;
   }
 
-  .xe8 {
+  .xe9 {
     font-weight: 800;
   }
 
-  ._Fa8 {
+  ._Fa9 {
     line-height: 1.3;
   }
 
-  .po8 {
+  .po9 {
     color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
   }
 
-  .z6Akec8 {
+  .z6Akec9 {
     grid-column-start: header;
   }
 
-  .y6Akec8 {
+  .y6Akec9 {
     grid-column-end: header;
   }
 
-  .B6Akec8 {
+  .B6Akec9 {
     grid-row-start: header;
   }
 
-  .A6Akec8 {
+  .A6Akec9 {
     grid-row-end: header;
   }
 
-  .vg8 {
+  .vg9 {
     font-size: 1.125rem;
   }
 
-  .zk52g2d8 {
+  .zk52g2d9 {
     grid-column-start: content;
   }
 
-  .yk52g2d8 {
+  .yk52g2d9 {
     grid-column-end: content;
   }
 
-  .Bk52g2d8 {
+  .Bk52g2d9 {
     grid-row-start: content;
   }
 
-  .Ak52g2d8 {
+  .Ak52g2d9 {
     grid-row-end: content;
   }
 
-  ._ub8 {
+  ._ub9 {
     flex-grow: 1;
   }
 
-  .vp8 {
+  .vp9 {
     font-size: 1rem;
   }
 
-  .wb8 {
+  .wb9 {
     font-variation-settings: "wght" 400;
   }
 
-  .xb8 {
+  .xb9 {
     font-weight: 400;
   }
 
-  ._xa8 {
+  ._xa9 {
     font-synthesis-weight: none;
   }
 
-  ._Fb8 {
+  ._Fb9 {
     line-height: 1.5;
   }
 
-  .pt8 {
+  .pt9 {
     color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .z4AkfTc8 {
+  .z4AkfTc9 {
     grid-column-start: buttons;
   }
 
-  .y4AkfTc8 {
+  .y4AkfTc9 {
     grid-column-end: buttons;
   }
 
-  .B4AkfTc8 {
+  .B4AkfTc9 {
     grid-row-start: buttons;
   }
 
-  .A4AkfTc8 {
+  .A4AkfTc9 {
     grid-row-end: buttons;
   }
 
-  .IM8 {
+  .IM9 {
     margin-inline-start: auto;
   }
 
-  .La8 {
+  .La9 {
     max-width: 100%;
   }
 
-  .se8 {
+  .se9 {
     display: grid;
   }
 
-  .CQpyMed8 {
+  .CQpyMed9 {
     grid-template-areas: "heading"
                          "header"
                          "."
@@ -144,152 +144,152 @@
                          "buttons";
   }
 
-  .DM8Mfn8 {
+  .DM8Mfn9 {
     grid-template-columns: 1fr;
   }
 
-  .EH21CE8 {
+  .EH21CE9 {
     grid-template-rows: auto auto 1.5rem 1fr 1.5rem auto;
   }
 
-  .Th8 {
+  .Th9 {
     padding-top: 24px;
   }
 
-  .Qh8 {
+  .Qh9 {
     padding-bottom: 24px;
   }
 
-  .Sh8 {
+  .Sh9 {
     padding-inline-start: 24px;
   }
 
-  .Rh8 {
+  .Rh9 {
     padding-inline-end: 24px;
   }
 
-  .ql8 {
+  .ql9 {
     column-gap: 1rem;
   }
 
-  .K40ub4c8 {
+  .K40ub4c9 {
     max-height: inherit;
   }
 
-  .Fb8 {
+  .Fb9 {
     height: 100%;
   }
 
-  ._oa8 {
+  ._oa9 {
     box-sizing: border-box;
   }
 
-  ._Le8 {
+  ._Le9 {
     outline-style: none;
   }
 
-  .ug8 {
+  .ug9 {
     font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
   }
 
-  .oi8 {
+  .oi9 {
     border-start-start-radius: inherit;
   }
 
-  .ni8 {
+  .ni9 {
     border-start-end-radius: inherit;
   }
 
-  .ki8 {
+  .ki9 {
     border-end-start-radius: inherit;
   }
 
-  .ji8 {
+  .ji9 {
     border-end-end-radius: inherit;
   }
 
-  ._Na8 {
+  ._Na9 {
     overflow-x: auto;
   }
 
-  .Pa8 {
+  .Pa9 {
     overflow-y: auto;
   }
 }
 
 @layer _.b {
-  .wfe8:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  .wfe9:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     font-variation-settings: "wght" 800;
   }
 
-  .xfe8:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  .xfe9:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     font-weight: 800;
   }
 
-  ._xfa8:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._xfa9:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     font-synthesis-weight: none;
   }
 
-  ._Ffb8:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._Ffb9:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     line-height: 1.5;
   }
 
-  ._Ffc8:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._Ffc9:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     line-height: 1.7;
   }
 
-  .uch8:lang(ar) {
+  .uch9:lang(ar) {
     font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.c {
-  .udi8:lang(he) {
+  .udi9:lang(he) {
     font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.d {
-  .uea8:lang(ja) {
+  .uea9:lang(ja) {
     font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
   }
 }
 
 @layer _.e {
-  .ugb8:lang(ko) {
+  .ugb9:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  .uhd8:lang(zh) {
+  .uhd9:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  .uje8:lang(zh-hant) {
+  .uje9:lang(zh-hant) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.h {
-  .uic8:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  .uic9:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
   }
 }
 
 @layer _.b.s {
   @media not ((hover: hover) and (pointer: fine)) {
-    .vsm8 {
+    .vsm9 {
       font-size: 1.6875rem;
     }
 
-    .vsj8 {
+    .vsj9 {
       font-size: 1.375rem;
     }
 
-    .vsh8 {
+    .vsh9 {
       font-size: 1.1875rem;
     }
   }
@@ -297,45 +297,45 @@
 
 @layer _.b.n {
   @media (width >= 40rem) {
-    .InM8 {
+    .InM9 {
       margin-inline-start: auto;
     }
 
-    .HnM8 {
+    .HnM9 {
       margin-inline-end: auto;
     }
 
-    .Cns3y4td8 {
+    .Cns3y4td9 {
       grid-template-areas: "heading header buttons"
                            ". . ."
                            "content content content";
     }
 
-    .Dn4w1sLc8 {
+    .Dn4w1sLc9 {
       grid-template-columns: auto 1fr auto;
     }
 
-    .EnFjesNe8 {
+    .EnFjesNe9 {
       grid-template-rows: auto 2rem 1fr;
     }
 
-    .Tnk8 {
+    .Tnk9 {
       padding-top: 32px;
     }
 
-    .Qnk8 {
+    .Qnk9 {
       padding-bottom: 32px;
     }
 
-    .Snk8 {
+    .Snk9 {
       padding-inline-start: 32px;
     }
 
-    .Rnk8 {
+    .Rnk9 {
       padding-inline-end: 32px;
     }
 
-    .qnj8 {
+    .qnj9 {
       column-gap: 1.5rem;
     }
   }
@@ -343,7 +343,7 @@
 
 @layer _.b.m {
   @media (height < 25rem) {
-    .Pme8 {
+    .Pme9 {
       overflow-y: visible;
     }
   }

package/dist/FullscreenDialog.mjs

@@ -24,11 +24,11 @@ import {useDOMRef as $900FG$useDOMRef} from "@react-spectrum/utils";
 
 
 
-const $8e7a38ff5b9798e1$var$heading = " zPCJngb8 yPCJngb8 BPCJngb8 APCJngb8 _ub8 Jy8 Gy8 ug8 uch8 udi8 uea8 ugb8 uhd8 uje8 uic8 vj8 vsm8 we8 xe8 _xa8 wfe8 xfe8 _xfa8 _Fa8 _Ffb8 po8";
-const $8e7a38ff5b9798e1$var$header = " z6Akec8 y6Akec8 B6Akec8 A6Akec8 InM8 HnM8 ug8 uch8 udi8 uea8 ugb8 uhd8 uje8 uic8 vg8 vsj8 wb8 xb8 _xa8 _Fb8 _Ffc8 pt8";
-const $8e7a38ff5b9798e1$var$content = " zk52g2d8 yk52g2d8 Bk52g2d8 Ak52g2d8 _ub8 Pa8 Pme8 ug8 uch8 udi8 uea8 ugb8 uhd8 uje8 uic8 vp8 vsh8 wb8 xb8 _xa8 _Fb8 _Ffc8 pt8";
-const $8e7a38ff5b9798e1$var$buttonGroup = " z4AkfTc8 y4AkfTc8 B4AkfTc8 A4AkfTc8 IM8 La8";
-const $8e7a38ff5b9798e1$export$6af31f836f9aa6f2 = " se8 CQpyMed8 Cns3y4td8 DM8Mfn8 Dn4w1sLc8 EH21CE8 EnFjesNe8 Th8 Tnk8 Qh8 Qnk8 Sh8 Snk8 Rh8 Rnk8 ql8 qnj8 K40ub4c8 Fb8 _oa8 _Le8 ug8 uch8 udi8 uea8 ugb8 uhd8 uje8 uic8 oi8 ni8 ki8 ji8 _Na8 Pa8";
+const $8e7a38ff5b9798e1$var$heading = " zPCJngb9 yPCJngb9 BPCJngb9 APCJngb9 _ub9 Jy9 Gy9 ug9 uch9 udi9 uea9 ugb9 uhd9 uje9 uic9 vj9 vsm9 we9 xe9 _xa9 wfe9 xfe9 _xfa9 _Fa9 _Ffb9 po9";
+const $8e7a38ff5b9798e1$var$header = " z6Akec9 y6Akec9 B6Akec9 A6Akec9 InM9 HnM9 ug9 uch9 udi9 uea9 ugb9 uhd9 uje9 uic9 vg9 vsj9 wb9 xb9 _xa9 _Fb9 _Ffc9 pt9";
+const $8e7a38ff5b9798e1$var$content = " zk52g2d9 yk52g2d9 Bk52g2d9 Ak52g2d9 _ub9 Pa9 Pme9 ug9 uch9 udi9 uea9 ugb9 uhd9 uje9 uic9 vp9 vsh9 wb9 xb9 _xa9 _Fb9 _Ffc9 pt9";
+const $8e7a38ff5b9798e1$var$buttonGroup = " z4AkfTc9 y4AkfTc9 B4AkfTc9 A4AkfTc9 IM9 La9";
+const $8e7a38ff5b9798e1$export$6af31f836f9aa6f2 = " se9 CQpyMed9 Cns3y4td9 DM8Mfn9 Dn4w1sLc9 EH21CE9 EnFjesNe9 Th9 Tnk9 Qh9 Qnk9 Sh9 Snk9 Rh9 Rnk9 ql9 qnj9 K40ub4c9 Fb9 _oa9 _Le9 ug9 uch9 udi9 uea9 ugb9 uhd9 uje9 uic9 oi9 ni9 ki9 ji9 _Na9 Pa9";
 const $8e7a38ff5b9798e1$export$7082b7e805d2626f = /*#__PURE__*/ (0, $900FG$forwardRef)(function FullscreenDialog(props, ref) {
     let { variant: variant = 'fullscreen', isKeyboardDismissDisabled: isKeyboardDismissDisabled } = props;
     let domRef = (0, $900FG$useDOMRef)(ref);