@react-spectrum/s2 0.11.1 → 0.11.2

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 += ' YEw2M9d112';
+            rules += ' Xb112';
+            rules += ' _2b112';
+            if (props.isFocusVisible) rules += ' ZC112';
+            else rules += ' Zu112';
+            if (props.isFocusVisible) rules += ' Fx112';
+            else rules += ' Ft112';
+            if (props.isDisabled) rules += ' gH112';
+            rules += ' og112';
+            rules += ' ng112';
+            rules += ' kg112';
+            rules += ' jg112';
+            rules += ' _oa112';
+            rules += ' _jf112';
+            rules += ' _kc112';
+            rules += ' hc112';
+            rules += ' mc112';
+            rules += ' lc112';
+            if (props.isDisabled) rules += ' iq112';
+            else rules += ' iB112';
+            rules += ' _Lf112';
+            rules += ' _Mb112';
+            rules += ' O1lWhre112';
+            rules += ' Ola112';
             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: " Za112 Fb112 og112 ng112 kg112 jg112 _oa112 _jf112 _kb112 hb112 mb112 lb112 i1lWhre112 ila112"
                     }),
                     /*#__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: " _rb11 _Ob11 _eb11 _fc11 _hb11 _Bb11",
+        className: " _rb112 _Ob112 _eb112 _fc112 _hb112 _Bb112",
         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: " _Vb112 Vi112 Vlb112 tw112",
                 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 {
+  .YEw2M9d112 {
     transition-property: width, height;
   }
 
-  .Xb11 {
+  .Xb112 {
     transition-duration: .15s;
   }
 
-  ._2b11 {
+  ._2b112 {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  .Zu11 {
+  .Zu112 {
     width: calc(1rem * var(--s2-scale));
   }
 
-  .ZC11 {
+  .ZC112 {
     width: calc(2rem * var(--s2-scale));
   }
 
-  .Ft11 {
+  .Ft112 {
     height: calc(1rem * var(--s2-scale));
   }
 
-  .Fx11 {
+  .Fx112 {
     height: calc(2rem * var(--s2-scale));
   }
 
-  .gH11 {
+  .gH112 {
     background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #2c2c2c);
   }
 
-  ._kc11 {
+  ._kc112 {
     border-top-width: 2px;
   }
 
-  .hc11 {
+  .hc112 {
     border-bottom-width: 2px;
   }
 
-  .mc11 {
+  .mc112 {
     border-inline-start-width: 2px;
   }
 
-  .lc11 {
+  .lc112 {
     border-inline-end-width: 2px;
   }
 
-  .iB11 {
+  .iB112 {
     border-color: #fff;
   }
 
-  .iq11 {
+  .iq112 {
     border-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
   }
 
-  ._Lf11 {
+  ._Lf112 {
     outline-style: solid;
   }
 
-  ._Mb11 {
+  ._Mb112 {
     outline-width: 1px;
   }
 
-  .O1lWhre11 {
+  .O1lWhre112 {
     outline-color: #0000006b;
   }
 
-  .Za11 {
+  .Za112 {
     width: 100%;
   }
 
-  .Fb11 {
+  .Fb112 {
     height: 100%;
   }
 
-  .og11 {
+  .og112 {
     border-start-start-radius: 9999px;
   }
 
-  .ng11 {
+  .ng112 {
     border-start-end-radius: 9999px;
   }
 
-  .kg11 {
+  .kg112 {
     border-end-start-radius: 9999px;
   }
 
-  .jg11 {
+  .jg112 {
     border-end-end-radius: 9999px;
   }
 
-  ._oa11 {
+  ._oa112 {
     box-sizing: border-box;
   }
 
-  ._jf11 {
+  ._jf112 {
     border-style: solid;
   }
 
-  ._kb11 {
+  ._kb112 {
     border-top-width: 1px;
   }
 
-  .hb11 {
+  .hb112 {
     border-bottom-width: 1px;
   }
 
-  .mb11 {
+  .mb112 {
     border-inline-start-width: 1px;
   }
 
-  .lb11 {
+  .lb112 {
     border-inline-end-width: 1px;
   }
 
-  .i1lWhre11 {
+  .i1lWhre112 {
     border-color: #0000006b;
   }
 
-  ._rb11 {
+  ._rb112 {
     filter: drop-shadow(0 2px 8px var(--lightningcss-light, #00000029) var(--lightningcss-dark, #0000007a));
   }
 
-  ._Ob11 {
+  ._Ob112 {
     pointer-events: none;
   }
 
-  ._eb11 {
+  ._eb112 {
     animation-duration: .125s;
   }
 
-  ._fc11 {
+  ._fc112 {
     animation-fill-mode: forwards;
   }
 
-  ._hb11 {
+  ._hb112 {
     animation-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  ._Bb11 {
+  ._Bb112 {
     isolation: isolate;
   }
 
-  ._Vb11 {
+  ._Vb112 {
     stroke-width: 1px;
   }
 
-  .Vi11 {
+  .Vi112 {
     stroke: #0000001f;
   }
 
-  .tw11 {
+  .tw112 {
     fill: #fff;
   }
 }
@@ -160,15 +160,15 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .Ola11 {
+    .Ola112 {
       outline-color: buttonborder;
     }
 
-    .ila11 {
+    .ila112 {
       border-color: buttonborder;
     }
 
-    .Vlb11 {
+    .Vlb112 {
       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 += ' YEw2M9d112';
+            rules += ' Xb112';
+            rules += ' _2b112';
+            if (props.isFocusVisible) rules += ' ZC112';
+            else rules += ' Zu112';
+            if (props.isFocusVisible) rules += ' Fx112';
+            else rules += ' Ft112';
+            if (props.isDisabled) rules += ' gH112';
+            rules += ' og112';
+            rules += ' ng112';
+            rules += ' kg112';
+            rules += ' jg112';
+            rules += ' _oa112';
+            rules += ' _jf112';
+            rules += ' _kc112';
+            rules += ' hc112';
+            rules += ' mc112';
+            rules += ' lc112';
+            if (props.isDisabled) rules += ' iq112';
+            else rules += ' iB112';
+            rules += ' _Lf112';
+            rules += ' _Mb112';
+            rules += ' O1lWhre112';
+            rules += ' Ola112';
             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: " Za112 Fb112 og112 ng112 kg112 jg112 _oa112 _jf112 _kb112 hb112 mb112 lb112 i1lWhre112 ila112"
                     }),
                     /*#__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: " _rb11 _Ob11 _eb11 _fc11 _hb11 _Bb11",
+        className: " _rb112 _Ob112 _eb112 _fc112 _hb112 _Bb112",
         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: " _Vb112 Vi112 Vlb112 tw112",
                 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"
             })
         ]