@react-spectrum/s2 1.1.0 → 1.2.0

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 += ' YEw2M9d11';
-            rules += ' Xb11';
-            rules += ' _2b11';
-            if (props.isFocusVisible) rules += ' ZC11';
-            else rules += ' Zu11';
-            if (props.isFocusVisible) rules += ' Fx11';
-            else rules += ' Ft11';
-            if (props.isDisabled) rules += ' gH11';
-            rules += ' og11';
-            rules += ' ng11';
-            rules += ' kg11';
-            rules += ' jg11';
-            rules += ' _oa11';
-            rules += ' _jf11';
-            rules += ' _kc11';
-            rules += ' hc11';
-            rules += ' mc11';
-            rules += ' lc11';
-            if (props.isDisabled) rules += ' iq11';
-            else rules += ' iB11';
-            rules += ' _Lf11';
-            rules += ' _Mb11';
-            rules += ' O1lWhre11';
-            rules += ' Ola11';
+            rules += ' YEw2M9d12';
+            rules += ' Xb12';
+            rules += ' _2b12';
+            if (props.isFocusVisible) rules += ' ZC12';
+            else rules += ' Zu12';
+            if (props.isFocusVisible) rules += ' Fx12';
+            else rules += ' Ft12';
+            if (props.isDisabled) rules += ' gH12';
+            rules += ' og12';
+            rules += ' ng12';
+            rules += ' kg12';
+            rules += ' jg12';
+            rules += ' _oa12';
+            rules += ' _jf12';
+            rules += ' _kc12';
+            rules += ' hc12';
+            rules += ' mc12';
+            rules += ' lc12';
+            if (props.isDisabled) rules += ' iq12';
+            else rules += ' iB12';
+            rules += ' _Lf12';
+            rules += ' _Mb12';
+            rules += ' O1lWhre12';
+            rules += ' Ola12';
             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: " Za11 Fb11 og11 ng11 kg11 jg11 _oa11 _jf11 _kb11 hb11 mb11 lb11 i1lWhre11 ila11"
+                        className: " Za12 Fb12 og12 ng12 kg12 jg12 _oa12 _jf12 _kb12 hb12 mb12 lb12 i1lWhre12 ila12"
                     }),
                     /*#__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: " _rgr5H3d11 _Ob11 _eb11 _fc11 _hb11 _Bb11",
+        className: " _rgr5H3d12 _Ob12 _eb12 _fc12 _hb12 _Bb12",
         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: " _Vb11 Vi11 Vlb11 tw11",
+                className: " _Vb12 Vi12 Vlb12 tw12",
                 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 {
-  .YEw2M9d11 {
+  .YEw2M9d12 {
     transition-property: width, height;
   }
 
-  .Xb11 {
+  .Xb12 {
     transition-duration: .15s;
   }
 
-  ._2b11 {
+  ._2b12 {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  .Zu11 {
+  .Zu12 {
     width: calc(1rem * var(--s2-scale));
   }
 
-  .ZC11 {
+  .ZC12 {
     width: calc(2rem * var(--s2-scale));
   }
 
-  .Ft11 {
+  .Ft12 {
     height: calc(1rem * var(--s2-scale));
   }
 
-  .Fx11 {
+  .Fx12 {
     height: calc(2rem * var(--s2-scale));
   }
 
-  .gH11 {
+  .gH12 {
     background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #2c2c2c);
   }
 
-  ._kc11 {
+  ._kc12 {
     border-top-width: 2px;
   }
 
-  .hc11 {
+  .hc12 {
     border-bottom-width: 2px;
   }
 
-  .mc11 {
+  .mc12 {
     border-inline-start-width: 2px;
   }
 
-  .lc11 {
+  .lc12 {
     border-inline-end-width: 2px;
   }
 
-  .iB11 {
+  .iB12 {
     border-color: #fff;
   }
 
-  .iq11 {
+  .iq12 {
     border-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
   }
 
-  ._Lf11 {
+  ._Lf12 {
     outline-style: solid;
   }
 
-  ._Mb11 {
+  ._Mb12 {
     outline-width: 1px;
   }
 
-  .O1lWhre11 {
+  .O1lWhre12 {
     outline-color: #0000006b;
   }
 
-  .Za11 {
+  .Za12 {
     width: 100%;
   }
 
-  .Fb11 {
+  .Fb12 {
     height: 100%;
   }
 
-  .og11 {
+  .og12 {
     border-start-start-radius: 9999px;
   }
 
-  .ng11 {
+  .ng12 {
     border-start-end-radius: 9999px;
   }
 
-  .kg11 {
+  .kg12 {
     border-end-start-radius: 9999px;
   }
 
-  .jg11 {
+  .jg12 {
     border-end-end-radius: 9999px;
   }
 
-  ._oa11 {
+  ._oa12 {
     box-sizing: border-box;
   }
 
-  ._jf11 {
+  ._jf12 {
     border-style: solid;
   }
 
-  ._kb11 {
+  ._kb12 {
     border-top-width: 1px;
   }
 
-  .hb11 {
+  .hb12 {
     border-bottom-width: 1px;
   }
 
-  .mb11 {
+  .mb12 {
     border-inline-start-width: 1px;
   }
 
-  .lb11 {
+  .lb12 {
     border-inline-end-width: 1px;
   }
 
-  .i1lWhre11 {
+  .i1lWhre12 {
     border-color: #0000006b;
   }
 
-  ._rgr5H3d11 {
+  ._rgr5H3d12 {
     filter: drop-shadow(0 0 2px var(--lightningcss-light, #0000001f) var(--lightningcss-dark, #0000005c)) drop-shadow(0 2px 6px var(--lightningcss-light, #0000000a) var(--lightningcss-dark, #0000001f)) drop-shadow(0 4px 12px var(--lightningcss-light, #00000014) var(--lightningcss-dark, #0000003d));
   }
 
-  ._Ob11 {
+  ._Ob12 {
     pointer-events: none;
   }
 
-  ._eb11 {
+  ._eb12 {
     animation-duration: .125s;
   }
 
-  ._fc11 {
+  ._fc12 {
     animation-fill-mode: forwards;
   }
 
-  ._hb11 {
+  ._hb12 {
     animation-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  ._Bb11 {
+  ._Bb12 {
     isolation: isolate;
   }
 
-  ._Vb11 {
+  ._Vb12 {
     stroke-width: 1px;
   }
 
-  .Vi11 {
+  .Vi12 {
     stroke: #0000001f;
   }
 
-  .tw11 {
+  .tw12 {
     fill: #fff;
   }
 }
@@ -160,15 +160,15 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .Ola11 {
+    .Ola12 {
       outline-color: buttonborder;
     }
 
-    .ila11 {
+    .ila12 {
       border-color: buttonborder;
     }
 
-    .Vlb11 {
+    .Vlb12 {
       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 += ' YEw2M9d11';
-            rules += ' Xb11';
-            rules += ' _2b11';
-            if (props.isFocusVisible) rules += ' ZC11';
-            else rules += ' Zu11';
-            if (props.isFocusVisible) rules += ' Fx11';
-            else rules += ' Ft11';
-            if (props.isDisabled) rules += ' gH11';
-            rules += ' og11';
-            rules += ' ng11';
-            rules += ' kg11';
-            rules += ' jg11';
-            rules += ' _oa11';
-            rules += ' _jf11';
-            rules += ' _kc11';
-            rules += ' hc11';
-            rules += ' mc11';
-            rules += ' lc11';
-            if (props.isDisabled) rules += ' iq11';
-            else rules += ' iB11';
-            rules += ' _Lf11';
-            rules += ' _Mb11';
-            rules += ' O1lWhre11';
-            rules += ' Ola11';
+            rules += ' YEw2M9d12';
+            rules += ' Xb12';
+            rules += ' _2b12';
+            if (props.isFocusVisible) rules += ' ZC12';
+            else rules += ' Zu12';
+            if (props.isFocusVisible) rules += ' Fx12';
+            else rules += ' Ft12';
+            if (props.isDisabled) rules += ' gH12';
+            rules += ' og12';
+            rules += ' ng12';
+            rules += ' kg12';
+            rules += ' jg12';
+            rules += ' _oa12';
+            rules += ' _jf12';
+            rules += ' _kc12';
+            rules += ' hc12';
+            rules += ' mc12';
+            rules += ' lc12';
+            if (props.isDisabled) rules += ' iq12';
+            else rules += ' iB12';
+            rules += ' _Lf12';
+            rules += ' _Mb12';
+            rules += ' O1lWhre12';
+            rules += ' Ola12';
             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: " Za11 Fb11 og11 ng11 kg11 jg11 _oa11 _jf11 _kb11 hb11 mb11 lb11 i1lWhre11 ila11"
+                        className: " Za12 Fb12 og12 ng12 kg12 jg12 _oa12 _jf12 _kb12 hb12 mb12 lb12 i1lWhre12 ila12"
                     }),
                     /*#__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: " _rgr5H3d11 _Ob11 _eb11 _fc11 _hb11 _Bb11",
+        className: " _rgr5H3d12 _Ob12 _eb12 _fc12 _hb12 _Bb12",
         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: " _Vb11 Vi11 Vlb11 tw11",
+                className: " _Vb12 Vi12 Vlb12 tw12",
                 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 += ' Zr11';
+                    if (!width) rules += ' Zr12';
                 }
-                if (props.orientation === "vertical") rules += ' Fs11';
-                if (props.orientation === "vertical") rules += ' sb11';
-                else if (props.orientation === "horizontal") rules += ' se11';
-                rules += ' Dxumf9b11';
-                rules += ' CmAQJSd11';
-                rules += ' Ub11';
+                if (props.orientation === "vertical") rules += ' Fs12';
+                if (props.orientation === "vertical") rules += ' sb12';
+                else if (props.orientation === "horizontal") rules += ' se12';
+                rules += ' Dxumf9b12';
+                rules += ' CmAQJSd12';
+                rules += ' Ub12';
                 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 += ' zChk6v11';
-                            rules += ' yChk6v11';
-                            rules += ' BChk6v11';
-                            rules += ' AChk6v11';
+                            rules += ' zChk6v12';
+                            rules += ' yChk6v12';
+                            rules += ' BChk6v12';
+                            rules += ' AChk6v12';
                             if (props.size === "XL") {
-                                rules += ' uk11';
-                                rules += ' ucJ9TBTb11';
-                                rules += ' ud3Euai11';
-                                rules += ' uea11';
-                                rules += ' ugb11';
-                                rules += ' uhd11';
-                                rules += ' uje11';
-                                rules += ' u2NhKxcl11';
-                                rules += ' uic11';
+                                rules += ' uk12';
+                                rules += ' ucJ9TBTb12';
+                                rules += ' ud3Euai12';
+                                rules += ' uea12';
+                                rules += ' ugb12';
+                                rules += ' uhd12';
+                                rules += ' uje12';
+                                rules += ' u2NhKxcl12';
+                                rules += ' uic12';
                             } else if (props.size === "L") {
-                                rules += ' uk11';
-                                rules += ' ucJ9TBTb11';
-                                rules += ' ud3Euai11';
-                                rules += ' uea11';
-                                rules += ' ugb11';
-                                rules += ' uhd11';
-                                rules += ' uje11';
-                                rules += ' u2NhKxcl11';
-                                rules += ' uic11';
+                                rules += ' uk12';
+                                rules += ' ucJ9TBTb12';
+                                rules += ' ud3Euai12';
+                                rules += ' uea12';
+                                rules += ' ugb12';
+                                rules += ' uhd12';
+                                rules += ' uje12';
+                                rules += ' u2NhKxcl12';
+                                rules += ' uic12';
                             } else if (props.size === "S") {
-                                rules += ' uk11';
-                                rules += ' ucJ9TBTb11';
-                                rules += ' ud3Euai11';
-                                rules += ' uea11';
-                                rules += ' ugb11';
-                                rules += ' uhd11';
-                                rules += ' uje11';
-                                rules += ' u2NhKxcl11';
-                                rules += ' uic11';
+                                rules += ' uk12';
+                                rules += ' ucJ9TBTb12';
+                                rules += ' ud3Euai12';
+                                rules += ' uea12';
+                                rules += ' ugb12';
+                                rules += ' uhd12';
+                                rules += ' uje12';
+                                rules += ' u2NhKxcl12';
+                                rules += ' uic12';
                             } else if (props.size === "XS") {
-                                rules += ' uk11';
-                                rules += ' ucJ9TBTb11';
-                                rules += ' ud3Euai11';
-                                rules += ' uea11';
-                                rules += ' ugb11';
-                                rules += ' uhd11';
-                                rules += ' uje11';
-                                rules += ' u2NhKxcl11';
-                                rules += ' uic11';
+                                rules += ' uk12';
+                                rules += ' ucJ9TBTb12';
+                                rules += ' ud3Euai12';
+                                rules += ' uea12';
+                                rules += ' ugb12';
+                                rules += ' uhd12';
+                                rules += ' uje12';
+                                rules += ' u2NhKxcl12';
+                                rules += ' uic12';
                             } else {
-                                rules += ' uk11';
-                                rules += ' ucJ9TBTb11';
-                                rules += ' ud3Euai11';
-                                rules += ' uea11';
-                                rules += ' ugb11';
-                                rules += ' uhd11';
-                                rules += ' uje11';
-                                rules += ' u2NhKxcl11';
-                                rules += ' uic11';
+                                rules += ' uk12';
+                                rules += ' ucJ9TBTb12';
+                                rules += ' ud3Euai12';
+                                rules += ' uea12';
+                                rules += ' ugb12';
+                                rules += ' uhd12';
+                                rules += ' uje12';
+                                rules += ' u2NhKxcl12';
+                                rules += ' uic12';
                             }
                             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';
                             }
                             if (props.size === "XL") {
-                                rules += ' xb11';
-                                rules += ' _xa11';
+                                rules += ' xb12';
+                                rules += ' _xa12';
                             } else if (props.size === "L") {
-                                rules += ' xb11';
-                                rules += ' _xa11';
+                                rules += ' xb12';
+                                rules += ' _xa12';
                             } else if (props.size === "S") {
-                                rules += ' xb11';
-                                rules += ' _xa11';
+                                rules += ' xb12';
+                                rules += ' _xa12';
                             } else if (props.size === "XS") {
-                                rules += ' xb11';
-                                rules += ' _xa11';
+                                rules += ' xb12';
+                                rules += ' _xa12';
                             } else {
-                                rules += ' xb11';
-                                rules += ' _xa11';
+                                rules += ' xb12';
+                                rules += ' _xa12';
                             }
                             if (props.size === "XL") {
-                                rules += ' _Fd11';
-                                rules += ' _FnuYUweb11';
+                                rules += ' _Fd12';
+                                rules += ' _FnuYUweb12';
                             } else if (props.size === "L") {
-                                rules += ' _Fd11';
-                                rules += ' _FnuYUweb11';
+                                rules += ' _Fd12';
+                                rules += ' _FnuYUweb12';
                             } else if (props.size === "S") {
-                                rules += ' _Fd11';
-                                rules += ' _FnuYUweb11';
+                                rules += ' _Fd12';
+                                rules += ' _FnuYUweb12';
                             } else if (props.size === "XS") {
-                                rules += ' _Fd11';
-                                rules += ' _FnuYUweb11';
+                                rules += ' _Fd12';
+                                rules += ' _FnuYUweb12';
                             } else {
-                                rules += ' _Fd11';
-                                rules += ' _FnuYUweb11';
+                                rules += ' _Fd12';
+                                rules += ' _FnuYUweb12';
                             }
-                            if (props.isDisabled) rules += ' pp11';
-                            else rules += ' pv11';
-                            rules += ' ri11';
+                            if (props.isDisabled) rules += ' pp12';
+                            else rules += ' pv12';
+                            rules += ' ri12';
                             return rules;
                         }
                     }),
@@ -193,25 +193,25 @@ const $fdd6f3d03620d438$export$44fd664bcca5b6fb = /*#__PURE__*/ (0, $hkRua$react
                             }),
                         className: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zCPUPs11';
-                            rules += ' yCPUPs11';
-                            rules += ' BCPUPs11';
-                            rules += ' ACPUPs11';
-                            if (props.orientation === "vertical") rules += ' Zo11';
-                            else if (props.orientation === "horizontal") rules += ' Za11';
-                            if (props.orientation === "vertical") rules += ' Fb11';
-                            else if (props.orientation === "horizontal") rules += ' Fp11';
-                            rules += ' ob11';
-                            rules += ' nb11';
-                            rules += ' kb11';
-                            rules += ' jb11';
-                            rules += ' Oi11';
-                            rules += ' Ola11';
-                            rules += ' _Mb11';
-                            rules += ' _Ka11';
-                            if (props.isDisabled) rules += ' _Le11';
-                            else rules += ' _Lf11';
-                            if (props.isDisabled) rules += ' gH11';
+                            rules += ' zCPUPs12';
+                            rules += ' yCPUPs12';
+                            rules += ' BCPUPs12';
+                            rules += ' ACPUPs12';
+                            if (props.orientation === "vertical") rules += ' Zo12';
+                            else if (props.orientation === "horizontal") rules += ' Za12';
+                            if (props.orientation === "vertical") rules += ' Fb12';
+                            else if (props.orientation === "horizontal") rules += ' Fp12';
+                            rules += ' ob12';
+                            rules += ' nb12';
+                            rules += ' kb12';
+                            rules += ' jb12';
+                            rules += ' Oi12';
+                            rules += ' Ola12';
+                            rules += ' _Mb12';
+                            rules += ' _Ka12';
+                            if (props.isDisabled) rules += ' _Le12';
+                            else rules += ' _Lf12';
+                            if (props.isDisabled) rules += ' gH12';
                             return rules;
                         },
                         children: /*#__PURE__*/ (0, $hkRua$reactjsxruntime.jsx)((0, $5b07976eb9e358fe$exports.ColorHandle), {