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

package/dist/ColorHandle.cjs

@@ -35,30 +35,30 @@ function $5b07976eb9e358fe$export$92862704de639678({ containerRef: containerRef,
     return /*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)((0, $8hzuN$reactariacomponents.ColorThumb), {
         className: function anonymous(props) {
             let rules = " ";
-            rules += ' YEw2M9d8';
-            rules += ' Xb8';
-            rules += ' _2b8';
-            if (props.isFocusVisible) rules += ' ZC8';
-            else rules += ' Zu8';
-            if (props.isFocusVisible) rules += ' Fx8';
-            else rules += ' Ft8';
-            if (props.isDisabled) rules += ' gH8';
-            rules += ' og8';
-            rules += ' ng8';
-            rules += ' kg8';
-            rules += ' jg8';
-            rules += ' _oa8';
-            rules += ' _jf8';
-            rules += ' _kc8';
-            rules += ' hc8';
-            rules += ' mc8';
-            rules += ' lc8';
-            if (props.isDisabled) rules += ' iq8';
-            else rules += ' iB8';
-            rules += ' _Lf8';
-            rules += ' _Mb8';
-            rules += ' O1lWhre8';
-            rules += ' Ola8';
+            rules += ' YEw2M9d9';
+            rules += ' Xb9';
+            rules += ' _2b9';
+            if (props.isFocusVisible) rules += ' ZC9';
+            else rules += ' Zu9';
+            if (props.isFocusVisible) rules += ' Fx9';
+            else rules += ' Ft9';
+            if (props.isDisabled) rules += ' gH9';
+            rules += ' og9';
+            rules += ' ng9';
+            rules += ' kg9';
+            rules += ' jg9';
+            rules += ' _oa9';
+            rules += ' _jf9';
+            rules += ' _kc9';
+            rules += ' hc9';
+            rules += ' mc9';
+            rules += ' lc9';
+            if (props.isDisabled) rules += ' iq9';
+            else rules += ' iB9';
+            rules += ' _Lf9';
+            rules += ' _Mb9';
+            rules += ' O1lWhre9';
+            rules += ' Ola9';
             return rules;
         },
         style: ({ defaultStyle: defaultStyle, isDisabled: isDisabled })=>({
@@ -70,7 +70,7 @@ function $5b07976eb9e358fe$export$92862704de639678({ containerRef: containerRef,
         children: ({ isDragging: isDragging, color: color })=>/*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsxs)((0, $8hzuN$reactjsxruntime.Fragment), {
                 children: [
                     /*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)("div", {
-                        className: " Za8 Fb8 og8 ng8 kg8 jg8 _oa8 _jf8 _kb8 hb8 mb8 lb8 i1lWhre8 ila8"
+                        className: " Za9 Fb9 og9 ng9 kg9 jg9 _oa9 _jf9 _kb9 hb9 mb9 lb9 i1lWhre9 ila9"
                     }),
                     /*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)($5b07976eb9e358fe$var$ColorLoupePortal, {
                         isOpen: isDragging,
@@ -131,7 +131,7 @@ function $5b07976eb9e358fe$var$ColorLoupe({ isExiting: isExiting, onExited: onEx
             marginLeft: -$5b07976eb9e358fe$var$LOUPE_WIDTH / 2 - $5b07976eb9e358fe$var$LOUPE_BORDER_WIDTH,
             animationName: isExiting ? exitAnimation : enterAnimation
         },
-        className: " _rb8 _Ob8 _eb8 _fc8 _hb8 _Bb8",
+        className: " _rb9 _Ob9 _eb9 _fc9 _hb9 _Bb9",
         onAnimationEnd: (e)=>{
             if (e.animationName === exitAnimation) onExited();
         },
@@ -180,7 +180,7 @@ function $5b07976eb9e358fe$var$ColorLoupe({ isExiting: isExiting, onExited: onEx
                 fill: color.toString()
             }),
             /*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)("path", {
-                className: " _Vb8 Vi8 Vlb8 tw8",
+                className: " _Vb9 Vi9 Vlb9 tw9",
                 d: "M25 3A21.98 21.98 0 003 25c0 6.2 4 14.794 11.568 24.853A144.233 144.233 0 0025 62.132a144.085 144.085 0 0010.4-12.239C42.99 39.816 47 31.209 47 25A21.98 21.98 0 0025 3m0-2a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z"
             })
         ]

package/dist/ColorHandle.css

@@ -1,157 +1,157 @@
 @layer _.a {
-  .YEw2M9d8 {
+  .YEw2M9d9 {
     transition-property: width, height;
   }
 
-  .Xb8 {
+  .Xb9 {
     transition-duration: .15s;
   }
 
-  ._2b8 {
+  ._2b9 {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  .Zu8 {
+  .Zu9 {
     width: calc(1rem * var(--s2-scale));
   }
 
-  .ZC8 {
+  .ZC9 {
     width: calc(2rem * var(--s2-scale));
   }
 
-  .Ft8 {
+  .Ft9 {
     height: calc(1rem * var(--s2-scale));
   }
 
-  .Fx8 {
+  .Fx9 {
     height: calc(2rem * var(--s2-scale));
   }
 
-  .gH8 {
+  .gH9 {
     background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #2c2c2c);
   }
 
-  ._kc8 {
+  ._kc9 {
     border-top-width: 2px;
   }
 
-  .hc8 {
+  .hc9 {
     border-bottom-width: 2px;
   }
 
-  .mc8 {
+  .mc9 {
     border-inline-start-width: 2px;
   }
 
-  .lc8 {
+  .lc9 {
     border-inline-end-width: 2px;
   }
 
-  .iB8 {
+  .iB9 {
     border-color: #fff;
   }
 
-  .iq8 {
+  .iq9 {
     border-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
   }
 
-  ._Lf8 {
+  ._Lf9 {
     outline-style: solid;
   }
 
-  ._Mb8 {
+  ._Mb9 {
     outline-width: 1px;
   }
 
-  .O1lWhre8 {
+  .O1lWhre9 {
     outline-color: #0000006b;
   }
 
-  .Za8 {
+  .Za9 {
     width: 100%;
   }
 
-  .Fb8 {
+  .Fb9 {
     height: 100%;
   }
 
-  .og8 {
+  .og9 {
     border-start-start-radius: 9999px;
   }
 
-  .ng8 {
+  .ng9 {
     border-start-end-radius: 9999px;
   }
 
-  .kg8 {
+  .kg9 {
     border-end-start-radius: 9999px;
   }
 
-  .jg8 {
+  .jg9 {
     border-end-end-radius: 9999px;
   }
 
-  ._oa8 {
+  ._oa9 {
     box-sizing: border-box;
   }
 
-  ._jf8 {
+  ._jf9 {
     border-style: solid;
   }
 
-  ._kb8 {
+  ._kb9 {
     border-top-width: 1px;
   }
 
-  .hb8 {
+  .hb9 {
     border-bottom-width: 1px;
   }
 
-  .mb8 {
+  .mb9 {
     border-inline-start-width: 1px;
   }
 
-  .lb8 {
+  .lb9 {
     border-inline-end-width: 1px;
   }
 
-  .i1lWhre8 {
+  .i1lWhre9 {
     border-color: #0000006b;
   }
 
-  ._rb8 {
+  ._rb9 {
     filter: drop-shadow(0 2px 8px var(--lightningcss-light, #00000029) var(--lightningcss-dark, #0000007a));
   }
 
-  ._Ob8 {
+  ._Ob9 {
     pointer-events: none;
   }
 
-  ._eb8 {
+  ._eb9 {
     animation-duration: .125s;
   }
 
-  ._fc8 {
+  ._fc9 {
     animation-fill-mode: forwards;
   }
 
-  ._hb8 {
+  ._hb9 {
     animation-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  ._Bb8 {
+  ._Bb9 {
     isolation: isolate;
   }
 
-  ._Vb8 {
+  ._Vb9 {
     stroke-width: 1px;
   }
 
-  .Vi8 {
+  .Vi9 {
     stroke: #0000001f;
   }
 
-  .tw8 {
+  .tw9 {
     fill: #fff;
   }
 }
@@ -160,15 +160,15 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .Ola8 {
+    .Ola9 {
       outline-color: buttonborder;
     }
 
-    .ila8 {
+    .ila9 {
       border-color: buttonborder;
     }
 
-    .Vlb8 {
+    .Vlb9 {
       stroke: buttonborder;
     }
   }

package/dist/ColorHandle.mjs

@@ -29,30 +29,30 @@ function $b4f7db7c45cd3de9$export$92862704de639678({ containerRef: containerRef,
     return /*#__PURE__*/ (0, $kShzN$jsx)((0, $kShzN$ColorThumb), {
         className: function anonymous(props) {
             let rules = " ";
-            rules += ' YEw2M9d8';
-            rules += ' Xb8';
-            rules += ' _2b8';
-            if (props.isFocusVisible) rules += ' ZC8';
-            else rules += ' Zu8';
-            if (props.isFocusVisible) rules += ' Fx8';
-            else rules += ' Ft8';
-            if (props.isDisabled) rules += ' gH8';
-            rules += ' og8';
-            rules += ' ng8';
-            rules += ' kg8';
-            rules += ' jg8';
-            rules += ' _oa8';
-            rules += ' _jf8';
-            rules += ' _kc8';
-            rules += ' hc8';
-            rules += ' mc8';
-            rules += ' lc8';
-            if (props.isDisabled) rules += ' iq8';
-            else rules += ' iB8';
-            rules += ' _Lf8';
-            rules += ' _Mb8';
-            rules += ' O1lWhre8';
-            rules += ' Ola8';
+            rules += ' YEw2M9d9';
+            rules += ' Xb9';
+            rules += ' _2b9';
+            if (props.isFocusVisible) rules += ' ZC9';
+            else rules += ' Zu9';
+            if (props.isFocusVisible) rules += ' Fx9';
+            else rules += ' Ft9';
+            if (props.isDisabled) rules += ' gH9';
+            rules += ' og9';
+            rules += ' ng9';
+            rules += ' kg9';
+            rules += ' jg9';
+            rules += ' _oa9';
+            rules += ' _jf9';
+            rules += ' _kc9';
+            rules += ' hc9';
+            rules += ' mc9';
+            rules += ' lc9';
+            if (props.isDisabled) rules += ' iq9';
+            else rules += ' iB9';
+            rules += ' _Lf9';
+            rules += ' _Mb9';
+            rules += ' O1lWhre9';
+            rules += ' Ola9';
             return rules;
         },
         style: ({ defaultStyle: defaultStyle, isDisabled: isDisabled })=>({
@@ -64,7 +64,7 @@ function $b4f7db7c45cd3de9$export$92862704de639678({ containerRef: containerRef,
         children: ({ isDragging: isDragging, color: color })=>/*#__PURE__*/ (0, $kShzN$jsxs)((0, $kShzN$Fragment), {
                 children: [
                     /*#__PURE__*/ (0, $kShzN$jsx)("div", {
-                        className: " Za8 Fb8 og8 ng8 kg8 jg8 _oa8 _jf8 _kb8 hb8 mb8 lb8 i1lWhre8 ila8"
+                        className: " Za9 Fb9 og9 ng9 kg9 jg9 _oa9 _jf9 _kb9 hb9 mb9 lb9 i1lWhre9 ila9"
                     }),
                     /*#__PURE__*/ (0, $kShzN$jsx)($b4f7db7c45cd3de9$var$ColorLoupePortal, {
                         isOpen: isDragging,
@@ -125,7 +125,7 @@ function $b4f7db7c45cd3de9$var$ColorLoupe({ isExiting: isExiting, onExited: onEx
             marginLeft: -$b4f7db7c45cd3de9$var$LOUPE_WIDTH / 2 - $b4f7db7c45cd3de9$var$LOUPE_BORDER_WIDTH,
             animationName: isExiting ? exitAnimation : enterAnimation
         },
-        className: " _rb8 _Ob8 _eb8 _fc8 _hb8 _Bb8",
+        className: " _rb9 _Ob9 _eb9 _fc9 _hb9 _Bb9",
         onAnimationEnd: (e)=>{
             if (e.animationName === exitAnimation) onExited();
         },
@@ -174,7 +174,7 @@ function $b4f7db7c45cd3de9$var$ColorLoupe({ isExiting: isExiting, onExited: onEx
                 fill: color.toString()
             }),
             /*#__PURE__*/ (0, $kShzN$jsx)("path", {
-                className: " _Vb8 Vi8 Vlb8 tw8",
+                className: " _Vb9 Vi9 Vlb9 tw9",
                 d: "M25 3A21.98 21.98 0 003 25c0 6.2 4 14.794 11.568 24.853A144.233 144.233 0 0025 62.132a144.085 144.085 0 0010.4-12.239C42.99 39.816 47 31.209 47 25A21.98 21.98 0 0025 3m0-2a24 24 0 0124 24c0 16.255-24 40-24 40S1 41.255 1 25A24 24 0 0125 1z"
             })
         ]

package/dist/ColorSlider.cjs

@@ -53,14 +53,14 @@ const $fdd6f3d03620d438$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $hkRua$react
                     rules += p[0];
                 }
                 if (props.orientation === "horizontal") {
-                    if (!width) rules += ' Zr8';
+                    if (!width) rules += ' Zr9';
                 }
-                if (props.orientation === "vertical") rules += ' Fs8';
-                if (props.orientation === "vertical") rules += ' sb8';
-                else if (props.orientation === "horizontal") rules += ' se8';
-                rules += ' Dxumf9b8';
-                rules += ' CmAQJSd8';
-                rules += ' Ub8';
+                if (props.orientation === "vertical") rules += ' Fs9';
+                if (props.orientation === "vertical") rules += ' sb9';
+                else if (props.orientation === "horizontal") rules += ' se9';
+                rules += ' Dxumf9b9';
+                rules += ' CmAQJSd9';
+                rules += ' Ub9';
                 return rules;
             }(renderProps, styles),
         children: ({ isDisabled: isDisabled, orientation: orientation, state: state })=>/*#__PURE__*/ (0, $hkRua$reactjsxruntime.jsxs)((0, $hkRua$reactjsxruntime.Fragment), {
@@ -77,112 +77,112 @@ const $fdd6f3d03620d438$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $hkRua$react
                     orientation === 'horizontal' && /*#__PURE__*/ (0, $hkRua$reactjsxruntime.jsx)((0, $hkRua$reactariacomponents.SliderOutput), {
                         className: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zChk6v8';
-                            rules += ' yChk6v8';
-                            rules += ' BChk6v8';
-                            rules += ' AChk6v8';
+                            rules += ' zChk6v9';
+                            rules += ' yChk6v9';
+                            rules += ' BChk6v9';
+                            rules += ' AChk6v9';
                             if (props.size === "XL") {
-                                rules += ' ug8';
-                                rules += ' uch8';
-                                rules += ' udi8';
-                                rules += ' uea8';
-                                rules += ' ugb8';
-                                rules += ' uhd8';
-                                rules += ' uje8';
-                                rules += ' uic8';
+                                rules += ' ug9';
+                                rules += ' uch9';
+                                rules += ' udi9';
+                                rules += ' uea9';
+                                rules += ' ugb9';
+                                rules += ' uhd9';
+                                rules += ' uje9';
+                                rules += ' uic9';
                             } else if (props.size === "L") {
-                                rules += ' ug8';
-                                rules += ' uch8';
-                                rules += ' udi8';
-                                rules += ' uea8';
-                                rules += ' ugb8';
-                                rules += ' uhd8';
-                                rules += ' uje8';
-                                rules += ' uic8';
+                                rules += ' ug9';
+                                rules += ' uch9';
+                                rules += ' udi9';
+                                rules += ' uea9';
+                                rules += ' ugb9';
+                                rules += ' uhd9';
+                                rules += ' uje9';
+                                rules += ' uic9';
                             } else if (props.size === "S") {
-                                rules += ' ug8';
-                                rules += ' uch8';
-                                rules += ' udi8';
-                                rules += ' uea8';
-                                rules += ' ugb8';
-                                rules += ' uhd8';
-                                rules += ' uje8';
-                                rules += ' uic8';
+                                rules += ' ug9';
+                                rules += ' uch9';
+                                rules += ' udi9';
+                                rules += ' uea9';
+                                rules += ' ugb9';
+                                rules += ' uhd9';
+                                rules += ' uje9';
+                                rules += ' uic9';
                             } else if (props.size === "XS") {
-                                rules += ' ug8';
-                                rules += ' uch8';
-                                rules += ' udi8';
-                                rules += ' uea8';
-                                rules += ' ugb8';
-                                rules += ' uhd8';
-                                rules += ' uje8';
-                                rules += ' uic8';
+                                rules += ' ug9';
+                                rules += ' uch9';
+                                rules += ' udi9';
+                                rules += ' uea9';
+                                rules += ' ugb9';
+                                rules += ' uhd9';
+                                rules += ' uje9';
+                                rules += ' uic9';
                             } else {
-                                rules += ' ug8';
-                                rules += ' uch8';
-                                rules += ' udi8';
-                                rules += ' uea8';
-                                rules += ' ugb8';
-                                rules += ' uhd8';
-                                rules += ' uje8';
-                                rules += ' uic8';
+                                rules += ' ug9';
+                                rules += ' uch9';
+                                rules += ' udi9';
+                                rules += ' uea9';
+                                rules += ' ugb9';
+                                rules += ' uhd9';
+                                rules += ' uje9';
+                                rules += ' uic9';
                             }
                             if (props.size === "XL") {
-                                rules += ' vg8';
-                                rules += ' vsj8';
+                                rules += ' vg9';
+                                rules += ' vsj9';
                             } else if (props.size === "L") {
-                                rules += ' vp8';
-                                rules += ' vsh8';
+                                rules += ' vp9';
+                                rules += ' vsh9';
                             } else if (props.size === "S") {
-                                rules += ' vb8';
-                                rules += ' vse8';
+                                rules += ' vb9';
+                                rules += ' vse9';
                             } else if (props.size === "XS") {
-                                rules += ' va8';
-                                rules += ' vsc8';
+                                rules += ' va9';
+                                rules += ' vsc9';
                             } else {
-                                rules += ' vd8';
-                                rules += ' vsf8';
+                                rules += ' vd9';
+                                rules += ' vsf9';
                             }
                             if (props.size === "XL") {
-                                rules += ' wb8';
-                                rules += ' xb8';
-                                rules += ' _xa8';
+                                rules += ' wb9';
+                                rules += ' xb9';
+                                rules += ' _xa9';
                             } else if (props.size === "L") {
-                                rules += ' wb8';
-                                rules += ' xb8';
-                                rules += ' _xa8';
+                                rules += ' wb9';
+                                rules += ' xb9';
+                                rules += ' _xa9';
                             } else if (props.size === "S") {
-                                rules += ' wb8';
-                                rules += ' xb8';
-                                rules += ' _xa8';
+                                rules += ' wb9';
+                                rules += ' xb9';
+                                rules += ' _xa9';
                             } else if (props.size === "XS") {
-                                rules += ' wb8';
-                                rules += ' xb8';
-                                rules += ' _xa8';
+                                rules += ' wb9';
+                                rules += ' xb9';
+                                rules += ' _xa9';
                             } else {
-                                rules += ' wb8';
-                                rules += ' xb8';
-                                rules += ' _xa8';
+                                rules += ' wb9';
+                                rules += ' xb9';
+                                rules += ' _xa9';
                             }
                             if (props.size === "XL") {
-                                rules += ' _Fa8';
-                                rules += ' _Ffb8';
+                                rules += ' _Fa9';
+                                rules += ' _Ffb9';
                             } else if (props.size === "L") {
-                                rules += ' _Fa8';
-                                rules += ' _Ffb8';
+                                rules += ' _Fa9';
+                                rules += ' _Ffb9';
                             } else if (props.size === "S") {
-                                rules += ' _Fa8';
-                                rules += ' _Ffb8';
+                                rules += ' _Fa9';
+                                rules += ' _Ffb9';
                             } else if (props.size === "XS") {
-                                rules += ' _Fa8';
-                                rules += ' _Ffb8';
+                                rules += ' _Fa9';
+                                rules += ' _Ffb9';
                             } else {
-                                rules += ' _Fa8';
-                                rules += ' _Ffb8';
+                                rules += ' _Fa9';
+                                rules += ' _Ffb9';
                             }
-                            if (props.isDisabled) rules += ' pp8';
-                            else rules += ' pv8';
-                            rules += ' ri8';
+                            if (props.isDisabled) rules += ' pp9';
+                            else rules += ' pv9';
+                            rules += ' ri9';
                             return rules;
                         }
                     }),
@@ -193,25 +193,25 @@ const $fdd6f3d03620d438$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $hkRua$react
                             }),
                         className: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zCPUPs8';
-                            rules += ' yCPUPs8';
-                            rules += ' BCPUPs8';
-                            rules += ' ACPUPs8';
-                            if (props.orientation === "vertical") rules += ' Zo8';
-                            else if (props.orientation === "horizontal") rules += ' Za8';
-                            if (props.orientation === "vertical") rules += ' Fb8';
-                            else if (props.orientation === "horizontal") rules += ' Fp8';
-                            rules += ' ob8';
-                            rules += ' nb8';
-                            rules += ' kb8';
-                            rules += ' jb8';
-                            rules += ' Oi8';
-                            rules += ' Ola8';
-                            rules += ' _Mb8';
-                            rules += ' _Ka8';
-                            if (props.isDisabled) rules += ' _Le8';
-                            else rules += ' _Lf8';
-                            if (props.isDisabled) rules += ' gH8';
+                            rules += ' zCPUPs9';
+                            rules += ' yCPUPs9';
+                            rules += ' BCPUPs9';
+                            rules += ' ACPUPs9';
+                            if (props.orientation === "vertical") rules += ' Zo9';
+                            else if (props.orientation === "horizontal") rules += ' Za9';
+                            if (props.orientation === "vertical") rules += ' Fb9';
+                            else if (props.orientation === "horizontal") rules += ' Fp9';
+                            rules += ' ob9';
+                            rules += ' nb9';
+                            rules += ' kb9';
+                            rules += ' jb9';
+                            rules += ' Oi9';
+                            rules += ' Ola9';
+                            rules += ' _Mb9';
+                            rules += ' _Ka9';
+                            if (props.isDisabled) rules += ' _Le9';
+                            else rules += ' _Lf9';
+                            if (props.isDisabled) rules += ' gH9';
                             return rules;
                         },
                         children: /*#__PURE__*/ (0, $hkRua$reactjsxruntime.jsx)((0, $5b07976eb9e358fe$exports.ColorHandle), {