@react-spectrum/s2 1.4.0 → 1.5.1

package/dist/private/ColorHandle.cjs

@@ -37,30 +37,30 @@ function $5b07976eb9e358fe$export$92862704de639678({ containerRef: containerRef,
     return /*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)((0, $8hzuN$reactariacomponentsColorThumb.ColorThumb), {
         className: function anonymous(props) {
             let rules = " ";
-            rules += ' YEw2M9d131';
-            rules += ' Xb131';
-            rules += ' _2b131';
-            if (props.isFocusVisible) rules += ' ZC131';
-            else rules += ' Zu131';
-            if (props.isFocusVisible) rules += ' Fx131';
-            else rules += ' Ft131';
-            if (props.isDisabled) rules += ' gH131';
-            rules += ' og131';
-            rules += ' ng131';
-            rules += ' kg131';
-            rules += ' jg131';
-            rules += ' _oa131';
-            rules += ' _jf131';
-            rules += ' _kc131';
-            rules += ' hc131';
-            rules += ' mc131';
-            rules += ' lc131';
-            if (props.isDisabled) rules += ' iq131';
-            else rules += ' iB131';
-            rules += ' _Lf131';
-            rules += ' _Mb131';
-            rules += ' O1lWhre131';
-            rules += ' Ola131';
+            rules += ' YEw2M9d151';
+            rules += ' Xb151';
+            rules += ' _2b151';
+            if (props.isFocusVisible) rules += ' ZC151';
+            else rules += ' Zu151';
+            if (props.isFocusVisible) rules += ' Fx151';
+            else rules += ' Ft151';
+            if (props.isDisabled) rules += ' gH151';
+            rules += ' og151';
+            rules += ' ng151';
+            rules += ' kg151';
+            rules += ' jg151';
+            rules += ' _oa151';
+            rules += ' _jf151';
+            rules += ' _kc151';
+            rules += ' hc151';
+            rules += ' mc151';
+            rules += ' lc151';
+            if (props.isDisabled) rules += ' iq151';
+            else rules += ' iB151';
+            rules += ' _Lf151';
+            rules += ' _Mb151';
+            rules += ' O1lWhre151';
+            rules += ' Ola151';
             return rules;
         },
         style: ({ defaultStyle: defaultStyle, isDisabled: isDisabled })=>({
@@ -72,7 +72,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: " Za131 Fb131 og131 ng131 kg131 jg131 _oa131 _jf131 _kb131 hb131 mb131 lb131 i1lWhre131 ila131"
+                        className: " Za151 Fb151 og151 ng151 kg151 jg151 _oa151 _jf151 _kb151 hb151 mb151 lb151 i1lWhre151 ila151"
                     }),
                     /*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)($5b07976eb9e358fe$var$ColorLoupePortal, {
                         isOpen: isDragging,
@@ -133,7 +133,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: " _rgr5H3d131 _Ob131 _eb131 _fc131 _hb131 _Bb131",
+        className: " _rgr5H3d151 _Ob151 _eb151 _fc151 _hb151 _Bb151",
         onAnimationEnd: (e)=>{
             if (e.animationName === exitAnimation) onExited();
         },
@@ -182,7 +182,7 @@ function $5b07976eb9e358fe$var$ColorLoupe({ isExiting: isExiting, onExited: onEx
                 fill: color.toString()
             }),
             /*#__PURE__*/ (0, $8hzuN$reactjsxruntime.jsx)("path", {
-                className: " _Vb131 Vi131 Vlb131 tw131",
+                className: " _Vb151 Vi151 Vlb151 tw151",
                 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/private/ColorHandle.css

@@ -1,157 +1,157 @@
 @layer _.a {
-  .YEw2M9d131 {
+  .YEw2M9d151 {
     transition-property: width, height;
   }
 
-  .Xb131 {
+  .Xb151 {
     transition-duration: .15s;
   }
 
-  ._2b131 {
+  ._2b151 {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  .Zu131 {
+  .Zu151 {
     width: calc(1rem * var(--s2-scale));
   }
 
-  .ZC131 {
+  .ZC151 {
     width: calc(2rem * var(--s2-scale));
   }
 
-  .Ft131 {
+  .Ft151 {
     height: calc(1rem * var(--s2-scale));
   }
 
-  .Fx131 {
+  .Fx151 {
     height: calc(2rem * var(--s2-scale));
   }
 
-  .gH131 {
+  .gH151 {
     background-color: light-dark(#e9e9e9, #2c2c2c);
   }
 
-  ._kc131 {
+  ._kc151 {
     border-top-width: 2px;
   }
 
-  .hc131 {
+  .hc151 {
     border-bottom-width: 2px;
   }
 
-  .mc131 {
+  .mc151 {
     border-inline-start-width: 2px;
   }
 
-  .lc131 {
+  .lc151 {
     border-inline-end-width: 2px;
   }
 
-  .iB131 {
+  .iB151 {
     border-color: #fff;
   }
 
-  .iq131 {
+  .iq151 {
     border-color: light-dark(#dadada, #393939);
   }
 
-  ._Lf131 {
+  ._Lf151 {
     outline-style: solid;
   }
 
-  ._Mb131 {
+  ._Mb151 {
     outline-width: 1px;
   }
 
-  .O1lWhre131 {
+  .O1lWhre151 {
     outline-color: #0000006b;
   }
 
-  .Za131 {
+  .Za151 {
     width: 100%;
   }
 
-  .Fb131 {
+  .Fb151 {
     height: 100%;
   }
 
-  .og131 {
+  .og151 {
     border-start-start-radius: 9999px;
   }
 
-  .ng131 {
+  .ng151 {
     border-start-end-radius: 9999px;
   }
 
-  .kg131 {
+  .kg151 {
     border-end-start-radius: 9999px;
   }
 
-  .jg131 {
+  .jg151 {
     border-end-end-radius: 9999px;
   }
 
-  ._oa131 {
+  ._oa151 {
     box-sizing: border-box;
   }
 
-  ._jf131 {
+  ._jf151 {
     border-style: solid;
   }
 
-  ._kb131 {
+  ._kb151 {
     border-top-width: 1px;
   }
 
-  .hb131 {
+  .hb151 {
     border-bottom-width: 1px;
   }
 
-  .mb131 {
+  .mb151 {
     border-inline-start-width: 1px;
   }
 
-  .lb131 {
+  .lb151 {
     border-inline-end-width: 1px;
   }
 
-  .i1lWhre131 {
+  .i1lWhre151 {
     border-color: #0000006b;
   }
 
-  ._rgr5H3d131 {
+  ._rgr5H3d151 {
     filter: drop-shadow(0 0 2px light-dark(#0000001f, #0000005c)) drop-shadow(0 2px 6px light-dark(#0000000a, #0000001f)) drop-shadow(0 4px 12px light-dark(#00000014, #0000003d));
   }
 
-  ._Ob131 {
+  ._Ob151 {
     pointer-events: none;
   }
 
-  ._eb131 {
+  ._eb151 {
     animation-duration: .125s;
   }
 
-  ._fc131 {
+  ._fc151 {
     animation-fill-mode: forwards;
   }
 
-  ._hb131 {
+  ._hb151 {
     animation-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  ._Bb131 {
+  ._Bb151 {
     isolation: isolate;
   }
 
-  ._Vb131 {
+  ._Vb151 {
     stroke-width: 1px;
   }
 
-  .Vi131 {
+  .Vi151 {
     stroke: #0000001f;
   }
 
-  .tw131 {
+  .tw151 {
     fill: #fff;
   }
 }
@@ -160,15 +160,15 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .Ola131 {
+    .Ola151 {
       outline-color: buttonborder;
     }
 
-    .ila131 {
+    .ila151 {
       border-color: buttonborder;
     }
 
-    .Vlb131 {
+    .Vlb151 {
       stroke: buttonborder;
     }
   }

package/dist/private/ColorHandle.mjs

@@ -31,30 +31,30 @@ function $b4f7db7c45cd3de9$export$92862704de639678({ containerRef: containerRef,
     return /*#__PURE__*/ (0, $kShzN$jsx)((0, $kShzN$ColorThumb), {
         className: function anonymous(props) {
             let rules = " ";
-            rules += ' YEw2M9d131';
-            rules += ' Xb131';
-            rules += ' _2b131';
-            if (props.isFocusVisible) rules += ' ZC131';
-            else rules += ' Zu131';
-            if (props.isFocusVisible) rules += ' Fx131';
-            else rules += ' Ft131';
-            if (props.isDisabled) rules += ' gH131';
-            rules += ' og131';
-            rules += ' ng131';
-            rules += ' kg131';
-            rules += ' jg131';
-            rules += ' _oa131';
-            rules += ' _jf131';
-            rules += ' _kc131';
-            rules += ' hc131';
-            rules += ' mc131';
-            rules += ' lc131';
-            if (props.isDisabled) rules += ' iq131';
-            else rules += ' iB131';
-            rules += ' _Lf131';
-            rules += ' _Mb131';
-            rules += ' O1lWhre131';
-            rules += ' Ola131';
+            rules += ' YEw2M9d151';
+            rules += ' Xb151';
+            rules += ' _2b151';
+            if (props.isFocusVisible) rules += ' ZC151';
+            else rules += ' Zu151';
+            if (props.isFocusVisible) rules += ' Fx151';
+            else rules += ' Ft151';
+            if (props.isDisabled) rules += ' gH151';
+            rules += ' og151';
+            rules += ' ng151';
+            rules += ' kg151';
+            rules += ' jg151';
+            rules += ' _oa151';
+            rules += ' _jf151';
+            rules += ' _kc151';
+            rules += ' hc151';
+            rules += ' mc151';
+            rules += ' lc151';
+            if (props.isDisabled) rules += ' iq151';
+            else rules += ' iB151';
+            rules += ' _Lf151';
+            rules += ' _Mb151';
+            rules += ' O1lWhre151';
+            rules += ' Ola151';
             return rules;
         },
         style: ({ defaultStyle: defaultStyle, isDisabled: isDisabled })=>({
@@ -66,7 +66,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: " Za131 Fb131 og131 ng131 kg131 jg131 _oa131 _jf131 _kb131 hb131 mb131 lb131 i1lWhre131 ila131"
+                        className: " Za151 Fb151 og151 ng151 kg151 jg151 _oa151 _jf151 _kb151 hb151 mb151 lb151 i1lWhre151 ila151"
                     }),
                     /*#__PURE__*/ (0, $kShzN$jsx)($b4f7db7c45cd3de9$var$ColorLoupePortal, {
                         isOpen: isDragging,
@@ -127,7 +127,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: " _rgr5H3d131 _Ob131 _eb131 _fc131 _hb131 _Bb131",
+        className: " _rgr5H3d151 _Ob151 _eb151 _fc151 _hb151 _Bb151",
         onAnimationEnd: (e)=>{
             if (e.animationName === exitAnimation) onExited();
         },
@@ -176,7 +176,7 @@ function $b4f7db7c45cd3de9$var$ColorLoupe({ isExiting: isExiting, onExited: onEx
                 fill: color.toString()
             }),
             /*#__PURE__*/ (0, $kShzN$jsx)("path", {
-                className: " _Vb131 Vi131 Vlb131 tw131",
+                className: " _Vb151 Vi151 Vlb151 tw151",
                 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/private/ColorSlider.cjs

@@ -57,14 +57,14 @@ const $fdd6f3d03620d438$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $hkRua$react
                     rules += p[0];
                 }
                 if (props.orientation === "horizontal") {
-                    if (!width) rules += ' Zr131';
+                    if (!width) rules += ' Zr151';
                 }
-                if (props.orientation === "vertical") rules += ' Fs131';
-                if (props.orientation === "vertical") rules += ' sb131';
-                else if (props.orientation === "horizontal") rules += ' se131';
-                rules += ' Dxumf9b131';
-                rules += ' CmAQJSd131';
-                rules += ' Ub131';
+                if (props.orientation === "vertical") rules += ' Fs151';
+                if (props.orientation === "vertical") rules += ' sb151';
+                else if (props.orientation === "horizontal") rules += ' se151';
+                rules += ' Dxumf9b151';
+                rules += ' CmAQJSd151';
+                rules += ' Ub151';
                 return rules;
             }(renderProps, styles),
         children: ({ isDisabled: isDisabled, orientation: orientation, state: state })=>/*#__PURE__*/ (0, $hkRua$reactjsxruntime.jsxs)((0, $hkRua$reactjsxruntime.Fragment), {
@@ -81,112 +81,112 @@ const $fdd6f3d03620d438$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $hkRua$react
                     orientation === 'horizontal' && /*#__PURE__*/ (0, $hkRua$reactjsxruntime.jsx)((0, $hkRua$reactariacomponentsSlider.SliderOutput), {
                         className: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zChk6v131';
-                            rules += ' yChk6v131';
-                            rules += ' BChk6v131';
-                            rules += ' AChk6v131';
+                            rules += ' zChk6v151';
+                            rules += ' yChk6v151';
+                            rules += ' BChk6v151';
+                            rules += ' AChk6v151';
                             if (props.size === "XL") {
-                                rules += ' uk131';
-                                rules += ' ucJ9TBTb131';
-                                rules += ' ud3Euai131';
-                                rules += ' uea131';
-                                rules += ' ugb131';
-                                rules += ' uhd131';
-                                rules += ' uje131';
-                                rules += ' u2NhKxcl131';
-                                rules += ' uic131';
+                                rules += ' uk151';
+                                rules += ' ucJ9TBTb151';
+                                rules += ' ud3Euai151';
+                                rules += ' uea151';
+                                rules += ' ugb151';
+                                rules += ' uhd151';
+                                rules += ' uje151';
+                                rules += ' u2NhKxcl151';
+                                rules += ' uic151';
                             } else if (props.size === "L") {
-                                rules += ' uk131';
-                                rules += ' ucJ9TBTb131';
-                                rules += ' ud3Euai131';
-                                rules += ' uea131';
-                                rules += ' ugb131';
-                                rules += ' uhd131';
-                                rules += ' uje131';
-                                rules += ' u2NhKxcl131';
-                                rules += ' uic131';
+                                rules += ' uk151';
+                                rules += ' ucJ9TBTb151';
+                                rules += ' ud3Euai151';
+                                rules += ' uea151';
+                                rules += ' ugb151';
+                                rules += ' uhd151';
+                                rules += ' uje151';
+                                rules += ' u2NhKxcl151';
+                                rules += ' uic151';
                             } else if (props.size === "S") {
-                                rules += ' uk131';
-                                rules += ' ucJ9TBTb131';
-                                rules += ' ud3Euai131';
-                                rules += ' uea131';
-                                rules += ' ugb131';
-                                rules += ' uhd131';
-                                rules += ' uje131';
-                                rules += ' u2NhKxcl131';
-                                rules += ' uic131';
+                                rules += ' uk151';
+                                rules += ' ucJ9TBTb151';
+                                rules += ' ud3Euai151';
+                                rules += ' uea151';
+                                rules += ' ugb151';
+                                rules += ' uhd151';
+                                rules += ' uje151';
+                                rules += ' u2NhKxcl151';
+                                rules += ' uic151';
                             } else if (props.size === "XS") {
-                                rules += ' uk131';
-                                rules += ' ucJ9TBTb131';
-                                rules += ' ud3Euai131';
-                                rules += ' uea131';
-                                rules += ' ugb131';
-                                rules += ' uhd131';
-                                rules += ' uje131';
-                                rules += ' u2NhKxcl131';
-                                rules += ' uic131';
+                                rules += ' uk151';
+                                rules += ' ucJ9TBTb151';
+                                rules += ' ud3Euai151';
+                                rules += ' uea151';
+                                rules += ' ugb151';
+                                rules += ' uhd151';
+                                rules += ' uje151';
+                                rules += ' u2NhKxcl151';
+                                rules += ' uic151';
                             } else {
-                                rules += ' uk131';
-                                rules += ' ucJ9TBTb131';
-                                rules += ' ud3Euai131';
-                                rules += ' uea131';
-                                rules += ' ugb131';
-                                rules += ' uhd131';
-                                rules += ' uje131';
-                                rules += ' u2NhKxcl131';
-                                rules += ' uic131';
+                                rules += ' uk151';
+                                rules += ' ucJ9TBTb151';
+                                rules += ' ud3Euai151';
+                                rules += ' uea151';
+                                rules += ' ugb151';
+                                rules += ' uhd151';
+                                rules += ' uje151';
+                                rules += ' u2NhKxcl151';
+                                rules += ' uic151';
                             }
                             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';
                             }
                             if (props.size === "XL") {
-                                rules += ' xb131';
-                                rules += ' _xa131';
+                                rules += ' xb151';
+                                rules += ' _xa151';
                             } else if (props.size === "L") {
-                                rules += ' xb131';
-                                rules += ' _xa131';
+                                rules += ' xb151';
+                                rules += ' _xa151';
                             } else if (props.size === "S") {
-                                rules += ' xb131';
-                                rules += ' _xa131';
+                                rules += ' xb151';
+                                rules += ' _xa151';
                             } else if (props.size === "XS") {
-                                rules += ' xb131';
-                                rules += ' _xa131';
+                                rules += ' xb151';
+                                rules += ' _xa151';
                             } else {
-                                rules += ' xb131';
-                                rules += ' _xa131';
+                                rules += ' xb151';
+                                rules += ' _xa151';
                             }
                             if (props.size === "XL") {
-                                rules += ' _Fd131';
-                                rules += ' _FnuYUweb131';
+                                rules += ' _Fd151';
+                                rules += ' _FnuYUweb151';
                             } else if (props.size === "L") {
-                                rules += ' _Fd131';
-                                rules += ' _FnuYUweb131';
+                                rules += ' _Fd151';
+                                rules += ' _FnuYUweb151';
                             } else if (props.size === "S") {
-                                rules += ' _Fd131';
-                                rules += ' _FnuYUweb131';
+                                rules += ' _Fd151';
+                                rules += ' _FnuYUweb151';
                             } else if (props.size === "XS") {
-                                rules += ' _Fd131';
-                                rules += ' _FnuYUweb131';
+                                rules += ' _Fd151';
+                                rules += ' _FnuYUweb151';
                             } else {
-                                rules += ' _Fd131';
-                                rules += ' _FnuYUweb131';
+                                rules += ' _Fd151';
+                                rules += ' _FnuYUweb151';
                             }
-                            if (props.isDisabled) rules += ' pp131';
-                            else rules += ' pv131';
-                            rules += ' ri131';
+                            if (props.isDisabled) rules += ' pp151';
+                            else rules += ' pv151';
+                            rules += ' ri151';
                             return rules;
                         }
                     }),
@@ -197,25 +197,25 @@ const $fdd6f3d03620d438$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $hkRua$react
                             }),
                         className: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zCPUPs131';
-                            rules += ' yCPUPs131';
-                            rules += ' BCPUPs131';
-                            rules += ' ACPUPs131';
-                            if (props.orientation === "vertical") rules += ' Zo131';
-                            else if (props.orientation === "horizontal") rules += ' Za131';
-                            if (props.orientation === "vertical") rules += ' Fb131';
-                            else if (props.orientation === "horizontal") rules += ' Fp131';
-                            rules += ' ob131';
-                            rules += ' nb131';
-                            rules += ' kb131';
-                            rules += ' jb131';
-                            rules += ' Oi131';
-                            rules += ' Ola131';
-                            rules += ' _Mb131';
-                            rules += ' _Ka131';
-                            if (props.isDisabled) rules += ' _Le131';
-                            else rules += ' _Lf131';
-                            if (props.isDisabled) rules += ' gH131';
+                            rules += ' zCPUPs151';
+                            rules += ' yCPUPs151';
+                            rules += ' BCPUPs151';
+                            rules += ' ACPUPs151';
+                            if (props.orientation === "vertical") rules += ' Zo151';
+                            else if (props.orientation === "horizontal") rules += ' Za151';
+                            if (props.orientation === "vertical") rules += ' Fb151';
+                            else if (props.orientation === "horizontal") rules += ' Fp151';
+                            rules += ' ob151';
+                            rules += ' nb151';
+                            rules += ' kb151';
+                            rules += ' jb151';
+                            rules += ' Oi151';
+                            rules += ' Ola151';
+                            rules += ' _Mb151';
+                            rules += ' _Ka151';
+                            if (props.isDisabled) rules += ' _Le151';
+                            else rules += ' _Lf151';
+                            if (props.isDisabled) rules += ' gH151';
                             return rules;
                         },
                         children: /*#__PURE__*/ (0, $hkRua$reactjsxruntime.jsx)((0, $5b07976eb9e358fe$exports.ColorHandle), {