@react-spectrum/s2 0.10.0 → 0.11.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 += ' YEw2M9d1';
-            rules += ' Xb1';
-            rules += ' _2b1';
-            if (props.isFocusVisible) rules += ' ZC1';
-            else rules += ' Zu1';
-            if (props.isFocusVisible) rules += ' Fx1';
-            else rules += ' Ft1';
-            if (props.isDisabled) rules += ' gH1';
-            rules += ' og1';
-            rules += ' ng1';
-            rules += ' kg1';
-            rules += ' jg1';
-            rules += ' _oa1';
-            rules += ' _jf1';
-            rules += ' _kc1';
-            rules += ' hc1';
-            rules += ' mc1';
-            rules += ' lc1';
-            if (props.isDisabled) rules += ' iq1';
-            else rules += ' iB1';
-            rules += ' _Lf1';
-            rules += ' _Mb1';
-            rules += ' O1lWhre1';
-            rules += ' Ola1';
+            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';
             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: " Za1 Fb1 og1 ng1 kg1 jg1 _oa1 _jf1 _kb1 hb1 mb1 lb1 i1lWhre1 ila1"
+                        className: " Za11 Fb11 og11 ng11 kg11 jg11 _oa11 _jf11 _kb11 hb11 mb11 lb11 i1lWhre11 ila11"
                     }),
                     /*#__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: " _rb1 _Ob1 _eb1 _fc1 _hb1 _Bb1",
+        className: " _rb11 _Ob11 _eb11 _fc11 _hb11 _Bb11",
         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: " _Vb1 Vi1 Vlb1 tw1",
+                className: " _Vb11 Vi11 Vlb11 tw11",
                 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 {
-  .YEw2M9d1 {
+  .YEw2M9d11 {
     transition-property: width, height;
   }
 
-  .Xb1 {
+  .Xb11 {
     transition-duration: .15s;
   }
 
-  ._2b1 {
+  ._2b11 {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  .Zu1 {
+  .Zu11 {
     width: calc(1rem * var(--s2-scale));
   }
 
-  .ZC1 {
+  .ZC11 {
     width: calc(2rem * var(--s2-scale));
   }
 
-  .Ft1 {
+  .Ft11 {
     height: calc(1rem * var(--s2-scale));
   }
 
-  .Fx1 {
+  .Fx11 {
     height: calc(2rem * var(--s2-scale));
   }
 
-  .gH1 {
+  .gH11 {
     background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #2c2c2c);
   }
 
-  ._kc1 {
+  ._kc11 {
     border-top-width: 2px;
   }
 
-  .hc1 {
+  .hc11 {
     border-bottom-width: 2px;
   }
 
-  .mc1 {
+  .mc11 {
     border-inline-start-width: 2px;
   }
 
-  .lc1 {
+  .lc11 {
     border-inline-end-width: 2px;
   }
 
-  .iB1 {
+  .iB11 {
     border-color: #fff;
   }
 
-  .iq1 {
+  .iq11 {
     border-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
   }
 
-  ._Lf1 {
+  ._Lf11 {
     outline-style: solid;
   }
 
-  ._Mb1 {
+  ._Mb11 {
     outline-width: 1px;
   }
 
-  .O1lWhre1 {
+  .O1lWhre11 {
     outline-color: #0000006b;
   }
 
-  .Za1 {
+  .Za11 {
     width: 100%;
   }
 
-  .Fb1 {
+  .Fb11 {
     height: 100%;
   }
 
-  .og1 {
+  .og11 {
     border-start-start-radius: 9999px;
   }
 
-  .ng1 {
+  .ng11 {
     border-start-end-radius: 9999px;
   }
 
-  .kg1 {
+  .kg11 {
     border-end-start-radius: 9999px;
   }
 
-  .jg1 {
+  .jg11 {
     border-end-end-radius: 9999px;
   }
 
-  ._oa1 {
+  ._oa11 {
     box-sizing: border-box;
   }
 
-  ._jf1 {
+  ._jf11 {
     border-style: solid;
   }
 
-  ._kb1 {
+  ._kb11 {
     border-top-width: 1px;
   }
 
-  .hb1 {
+  .hb11 {
     border-bottom-width: 1px;
   }
 
-  .mb1 {
+  .mb11 {
     border-inline-start-width: 1px;
   }
 
-  .lb1 {
+  .lb11 {
     border-inline-end-width: 1px;
   }
 
-  .i1lWhre1 {
+  .i1lWhre11 {
     border-color: #0000006b;
   }
 
-  ._rb1 {
+  ._rb11 {
     filter: drop-shadow(0 2px 8px var(--lightningcss-light, #00000029) var(--lightningcss-dark, #0000007a));
   }
 
-  ._Ob1 {
+  ._Ob11 {
     pointer-events: none;
   }
 
-  ._eb1 {
+  ._eb11 {
     animation-duration: .125s;
   }
 
-  ._fc1 {
+  ._fc11 {
     animation-fill-mode: forwards;
   }
 
-  ._hb1 {
+  ._hb11 {
     animation-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  ._Bb1 {
+  ._Bb11 {
     isolation: isolate;
   }
 
-  ._Vb1 {
+  ._Vb11 {
     stroke-width: 1px;
   }
 
-  .Vi1 {
+  .Vi11 {
     stroke: #0000001f;
   }
 
-  .tw1 {
+  .tw11 {
     fill: #fff;
   }
 }
@@ -160,15 +160,15 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .Ola1 {
+    .Ola11 {
       outline-color: buttonborder;
     }
 
-    .ila1 {
+    .ila11 {
       border-color: buttonborder;
     }
 
-    .Vlb1 {
+    .Vlb11 {
       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 += ' YEw2M9d1';
-            rules += ' Xb1';
-            rules += ' _2b1';
-            if (props.isFocusVisible) rules += ' ZC1';
-            else rules += ' Zu1';
-            if (props.isFocusVisible) rules += ' Fx1';
-            else rules += ' Ft1';
-            if (props.isDisabled) rules += ' gH1';
-            rules += ' og1';
-            rules += ' ng1';
-            rules += ' kg1';
-            rules += ' jg1';
-            rules += ' _oa1';
-            rules += ' _jf1';
-            rules += ' _kc1';
-            rules += ' hc1';
-            rules += ' mc1';
-            rules += ' lc1';
-            if (props.isDisabled) rules += ' iq1';
-            else rules += ' iB1';
-            rules += ' _Lf1';
-            rules += ' _Mb1';
-            rules += ' O1lWhre1';
-            rules += ' Ola1';
+            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';
             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: " Za1 Fb1 og1 ng1 kg1 jg1 _oa1 _jf1 _kb1 hb1 mb1 lb1 i1lWhre1 ila1"
+                        className: " Za11 Fb11 og11 ng11 kg11 jg11 _oa11 _jf11 _kb11 hb11 mb11 lb11 i1lWhre11 ila11"
                     }),
                     /*#__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: " _rb1 _Ob1 _eb1 _fc1 _hb1 _Bb1",
+        className: " _rb11 _Ob11 _eb11 _fc11 _hb11 _Bb11",
         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: " _Vb1 Vi1 Vlb1 tw1",
+                className: " _Vb11 Vi11 Vlb11 tw11",
                 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"
             })
         ]