@react-spectrum/s2 0.10.0 → 0.11.0

package/dist/ColorSwatchPicker.cjs

@@ -40,14 +40,14 @@ const $a267e3efa7024819$export$b46792416e3d8515 = /*#__PURE__*/ (0, $7eldL$react
         className: UNSAFE_className + function anonymous(props, overrides) {
             let rules = " ";
             rules += ((overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|Z|N|L)[^\s]+/g) || []).join('');
-            rules += ' sd1';
-            rules += ' _wb1';
-            if (props.density === "spacious") rules += ' UWJpoB1';
-            else if (props.density === "regular") rules += ' Ub1';
-            else if (props.density === "compact") rules += ' Ua1';
-            if (props.density === "spacious") rules += ' qWJpoB1';
-            else if (props.density === "regular") rules += ' qb1';
-            else if (props.density === "compact") rules += ' qa1';
+            rules += ' sd11';
+            rules += ' _wb11';
+            if (props.density === "spacious") rules += ' UWJpoB11';
+            else if (props.density === "regular") rules += ' Ub11';
+            else if (props.density === "compact") rules += ' Ua11';
+            if (props.density === "spacious") rules += ' qWJpoB11';
+            else if (props.density === "regular") rules += ' qb11';
+            else if (props.density === "compact") rules += ' qa11';
             return rules;
         }({
             density: density
@@ -67,24 +67,24 @@ function $a267e3efa7024819$var$useWrapper(swatch, color, rounding) {
         color: color,
         className: (renderProps)=>(function anonymous(props) {
                 let rules = " ";
-                if (props.isFocusVisible) rules += ' _Lf1';
-                else rules += ' _Le1';
-                rules += ' Oh1';
-                rules += ' _Mc1';
-                rules += ' _Kd1';
-                rules += ' _Pc1';
-                if (props.rounding === "full") rules += ' og1';
-                else if (props.rounding === "default") rules += ' oa1';
-                else if (props.rounding === "none") rules += ' od1';
-                if (props.rounding === "full") rules += ' ng1';
-                else if (props.rounding === "default") rules += ' na1';
-                else if (props.rounding === "none") rules += ' nd1';
-                if (props.rounding === "full") rules += ' kg1';
-                else if (props.rounding === "default") rules += ' ka1';
-                else if (props.rounding === "none") rules += ' kd1';
-                if (props.rounding === "full") rules += ' jg1';
-                else if (props.rounding === "default") rules += ' ja1';
-                else if (props.rounding === "none") rules += ' jd1';
+                if (props.isFocusVisible) rules += ' _Lf11';
+                else rules += ' _Le11';
+                rules += ' Oh11';
+                rules += ' _Mc11';
+                rules += ' _Kd11';
+                rules += ' _Pc11';
+                if (props.rounding === "full") rules += ' og11';
+                else if (props.rounding === "default") rules += ' oa11';
+                else if (props.rounding === "none") rules += ' od11';
+                if (props.rounding === "full") rules += ' ng11';
+                else if (props.rounding === "default") rules += ' na11';
+                else if (props.rounding === "none") rules += ' nd11';
+                if (props.rounding === "full") rules += ' kg11';
+                else if (props.rounding === "default") rules += ' ka11';
+                else if (props.rounding === "none") rules += ' kd11';
+                if (props.rounding === "full") rules += ' jg11';
+                else if (props.rounding === "default") rules += ' ja11';
+                else if (props.rounding === "none") rules += ' jd11';
                 return rules;
             })({
                 ...renderProps,
@@ -95,7 +95,7 @@ function $a267e3efa7024819$var$useWrapper(swatch, color, rounding) {
                     swatch,
                     isSelected && /*#__PURE__*/ (0, $7eldL$reactjsxruntime.jsx)("div", {
                         "aria-hidden": true,
-                        className: " _Pa1 _Ob1 Wr1 _lr1 _Ar1 _zr1 _oa1 in1 _jf1 _kc1 hc1 mc1 lc1 Og1 _Lf1 _Mc1 _Kc1 _yb1 oi1 ni1 ki1 ji1"
+                        className: " _Pa11 _Ob11 Wr11 _lr11 _Ar11 _zr11 _oa11 in11 _jf11 _kc11 hc11 mc11 lc11 Og11 _Lf11 _Mc11 _Kc11 _yb11 oi11 ni11 ki11 ji11"
                     })
                 ]
             })

package/dist/ColorSwatchPicker.css

@@ -1,185 +1,185 @@
 @layer _.a {
-  .sd1 {
+  .sd11 {
     display: flex;
   }
 
-  ._wb1 {
+  ._wb11 {
     flex-wrap: wrap;
   }
 
-  .Ua1 {
+  .Ua11 {
     row-gap: .125rem;
   }
 
-  .Ub1 {
+  .Ub11 {
     row-gap: .25rem;
   }
 
-  .UWJpoB1 {
+  .UWJpoB11 {
     row-gap: .375rem;
   }
 
-  .qa1 {
+  .qa11 {
     column-gap: .125rem;
   }
 
-  .qb1 {
+  .qb11 {
     column-gap: .25rem;
   }
 
-  .qWJpoB1 {
+  .qWJpoB11 {
     column-gap: .375rem;
   }
 
-  ._Le1 {
+  ._Le11 {
     outline-style: none;
   }
 
-  .Oh1 {
+  .Oh11 {
     outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
   }
 
-  ._Kd1 {
+  ._Kd11 {
     outline-offset: 2px;
   }
 
-  ._Pc1 {
+  ._Pc11 {
     position: relative;
   }
 
-  .od1 {
+  .od11 {
     border-start-start-radius: 0;
   }
 
-  .oa1 {
+  .oa11 {
     border-start-start-radius: .25rem;
   }
 
-  .og1 {
+  .og11 {
     border-start-start-radius: 9999px;
   }
 
-  .nd1 {
+  .nd11 {
     border-start-end-radius: 0;
   }
 
-  .na1 {
+  .na11 {
     border-start-end-radius: .25rem;
   }
 
-  .ng1 {
+  .ng11 {
     border-start-end-radius: 9999px;
   }
 
-  .kd1 {
+  .kd11 {
     border-end-start-radius: 0;
   }
 
-  .ka1 {
+  .ka11 {
     border-end-start-radius: .25rem;
   }
 
-  .kg1 {
+  .kg11 {
     border-end-start-radius: 9999px;
   }
 
-  .jd1 {
+  .jd11 {
     border-end-end-radius: 0;
   }
 
-  .ja1 {
+  .ja11 {
     border-end-end-radius: .25rem;
   }
 
-  .jg1 {
+  .jg11 {
     border-end-end-radius: 9999px;
   }
 
-  ._Pa1 {
+  ._Pa11 {
     position: absolute;
   }
 
-  ._Ob1 {
+  ._Ob11 {
     pointer-events: none;
   }
 
-  .Wr1 {
+  .Wr11 {
     top: 0;
   }
 
-  ._lr1 {
+  ._lr11 {
     bottom: 0;
   }
 
-  ._Ar1 {
+  ._Ar11 {
     inset-inline-start: 0;
   }
 
-  ._zr1 {
+  ._zr11 {
     inset-inline-end: 0;
   }
 
-  ._oa1 {
+  ._oa11 {
     box-sizing: border-box;
   }
 
-  .in1 {
+  .in11 {
     border-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
   }
 
-  ._jf1 {
+  ._jf11 {
     border-style: solid;
   }
 
-  ._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;
   }
 
-  .Og1 {
+  .Og11 {
     outline-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
   }
 
-  ._Lf1 {
+  ._Lf11 {
     outline-style: solid;
   }
 
-  ._Mc1 {
+  ._Mc11 {
     outline-width: 2px;
   }
 
-  ._Kc1 {
+  ._Kc11 {
     outline-offset: -4px;
   }
 
-  ._yb1 {
+  ._yb11 {
     forced-color-adjust: none;
   }
 
-  .oi1 {
+  .oi11 {
     border-start-start-radius: inherit;
   }
 
-  .ni1 {
+  .ni11 {
     border-start-end-radius: inherit;
   }
 
-  .ki1 {
+  .ki11 {
     border-end-start-radius: inherit;
   }
 
-  .ji1 {
+  .ji11 {
     border-end-end-radius: inherit;
   }
 }

package/dist/ColorSwatchPicker.mjs

@@ -33,14 +33,14 @@ const $ba9c901b6c815fb9$export$b46792416e3d8515 = /*#__PURE__*/ (0, $bOBHx$forwa
         className: UNSAFE_className + function anonymous(props, overrides) {
             let rules = " ";
             rules += ((overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|Z|N|L)[^\s]+/g) || []).join('');
-            rules += ' sd1';
-            rules += ' _wb1';
-            if (props.density === "spacious") rules += ' UWJpoB1';
-            else if (props.density === "regular") rules += ' Ub1';
-            else if (props.density === "compact") rules += ' Ua1';
-            if (props.density === "spacious") rules += ' qWJpoB1';
-            else if (props.density === "regular") rules += ' qb1';
-            else if (props.density === "compact") rules += ' qa1';
+            rules += ' sd11';
+            rules += ' _wb11';
+            if (props.density === "spacious") rules += ' UWJpoB11';
+            else if (props.density === "regular") rules += ' Ub11';
+            else if (props.density === "compact") rules += ' Ua11';
+            if (props.density === "spacious") rules += ' qWJpoB11';
+            else if (props.density === "regular") rules += ' qb11';
+            else if (props.density === "compact") rules += ' qa11';
             return rules;
         }({
             density: density
@@ -60,24 +60,24 @@ function $ba9c901b6c815fb9$var$useWrapper(swatch, color, rounding) {
         color: color,
         className: (renderProps)=>(function anonymous(props) {
                 let rules = " ";
-                if (props.isFocusVisible) rules += ' _Lf1';
-                else rules += ' _Le1';
-                rules += ' Oh1';
-                rules += ' _Mc1';
-                rules += ' _Kd1';
-                rules += ' _Pc1';
-                if (props.rounding === "full") rules += ' og1';
-                else if (props.rounding === "default") rules += ' oa1';
-                else if (props.rounding === "none") rules += ' od1';
-                if (props.rounding === "full") rules += ' ng1';
-                else if (props.rounding === "default") rules += ' na1';
-                else if (props.rounding === "none") rules += ' nd1';
-                if (props.rounding === "full") rules += ' kg1';
-                else if (props.rounding === "default") rules += ' ka1';
-                else if (props.rounding === "none") rules += ' kd1';
-                if (props.rounding === "full") rules += ' jg1';
-                else if (props.rounding === "default") rules += ' ja1';
-                else if (props.rounding === "none") rules += ' jd1';
+                if (props.isFocusVisible) rules += ' _Lf11';
+                else rules += ' _Le11';
+                rules += ' Oh11';
+                rules += ' _Mc11';
+                rules += ' _Kd11';
+                rules += ' _Pc11';
+                if (props.rounding === "full") rules += ' og11';
+                else if (props.rounding === "default") rules += ' oa11';
+                else if (props.rounding === "none") rules += ' od11';
+                if (props.rounding === "full") rules += ' ng11';
+                else if (props.rounding === "default") rules += ' na11';
+                else if (props.rounding === "none") rules += ' nd11';
+                if (props.rounding === "full") rules += ' kg11';
+                else if (props.rounding === "default") rules += ' ka11';
+                else if (props.rounding === "none") rules += ' kd11';
+                if (props.rounding === "full") rules += ' jg11';
+                else if (props.rounding === "default") rules += ' ja11';
+                else if (props.rounding === "none") rules += ' jd11';
                 return rules;
             })({
                 ...renderProps,
@@ -88,7 +88,7 @@ function $ba9c901b6c815fb9$var$useWrapper(swatch, color, rounding) {
                     swatch,
                     isSelected && /*#__PURE__*/ (0, $bOBHx$jsx)("div", {
                         "aria-hidden": true,
-                        className: " _Pa1 _Ob1 Wr1 _lr1 _Ar1 _zr1 _oa1 in1 _jf1 _kc1 hc1 mc1 lc1 Og1 _Lf1 _Mc1 _Kc1 _yb1 oi1 ni1 ki1 ji1"
+                        className: " _Pa11 _Ob11 Wr11 _lr11 _Ar11 _zr11 _oa11 in11 _jf11 _kc11 hc11 mc11 lc11 Og11 _Lf11 _Mc11 _Kc11 _yb11 oi11 ni11 ki11 ji11"
                     })
                 ]
             })

package/dist/ColorWheel.cjs

@@ -54,38 +54,38 @@ const $0c1e31ce388fe468$export$f80663f808113381 = /*#__PURE__*/ (0, $lMAHP$react
                             }),
                         className: function anonymous(props) {
                             let rules = " ";
-                            rules += ' og1';
-                            rules += ' ng1';
-                            rules += ' kg1';
-                            rules += ' jg1';
-                            rules += ' Oi1';
-                            rules += ' Ola1';
-                            rules += ' _Mb1';
-                            rules += ' _Ka1';
-                            if (props.isDisabled) rules += ' _Le1';
-                            else rules += ' _Lf1';
-                            if (props.isDisabled) rules += ' gH1';
+                            rules += ' og11';
+                            rules += ' ng11';
+                            rules += ' kg11';
+                            rules += ' jg11';
+                            rules += ' Oi11';
+                            rules += ' Ola11';
+                            rules += ' _Mb11';
+                            rules += ' _Ka11';
+                            if (props.isDisabled) rules += ' _Le11';
+                            else rules += ' _Lf11';
+                            if (props.isDisabled) rules += ' gH11';
                             return rules;
                         }
                     }),
                     /*#__PURE__*/ (0, $lMAHP$reactjsxruntime.jsx)("div", {
                         className: function anonymous(props) {
                             let rules = " ";
-                            rules += ' _Pa1';
-                            rules += ' Ww1';
-                            rules += ' _lw1';
-                            rules += ' _Aw1';
-                            rules += ' _zw1';
-                            rules += ' _Ob1';
-                            rules += ' og1';
-                            rules += ' ng1';
-                            rules += ' kg1';
-                            rules += ' jg1';
-                            rules += ' Oi1';
-                            rules += ' Ola1';
-                            rules += ' _Mb1';
-                            if (props.isDisabled) rules += ' _Le1';
-                            else rules += ' _Lf1';
+                            rules += ' _Pa11';
+                            rules += ' Ww11';
+                            rules += ' _lw11';
+                            rules += ' _Aw11';
+                            rules += ' _zw11';
+                            rules += ' _Ob11';
+                            rules += ' og11';
+                            rules += ' ng11';
+                            rules += ' kg11';
+                            rules += ' jg11';
+                            rules += ' Oi11';
+                            rules += ' Ola11';
+                            rules += ' _Mb11';
+                            if (props.isDisabled) rules += ' _Le11';
+                            else rules += ' _Lf11';
                             return rules;
                         }({
                             isDisabled: isDisabled

package/dist/ColorWheel.css

@@ -1,65 +1,65 @@
 @layer _.a {
-  ._Ka1 {
+  ._Ka11 {
     outline-offset: -1px;
   }
 
-  .gH1 {
+  .gH11 {
     background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #2c2c2c);
   }
 
-  ._Pa1 {
+  ._Pa11 {
     position: absolute;
   }
 
-  .Ww1 {
+  .Ww11 {
     top: 24px;
   }
 
-  ._lw1 {
+  ._lw11 {
     bottom: 24px;
   }
 
-  ._Aw1 {
+  ._Aw11 {
     inset-inline-start: 24px;
   }
 
-  ._zw1 {
+  ._zw11 {
     inset-inline-end: 24px;
   }
 
-  ._Ob1 {
+  ._Ob11 {
     pointer-events: none;
   }
 
-  .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;
   }
 
-  .Oi1 {
+  .Oi11 {
     outline-color: var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #ffffff1a);
   }
 
-  ._Mb1 {
+  ._Mb11 {
     outline-width: 1px;
   }
 
-  ._Lf1 {
+  ._Lf11 {
     outline-style: solid;
   }
 
-  ._Le1 {
+  ._Le11 {
     outline-style: none;
   }
 }
@@ -68,7 +68,7 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .Ola1 {
+    .Ola11 {
       outline-color: buttonborder;
     }
   }

package/dist/ColorWheel.mjs

@@ -47,38 +47,38 @@ const $4a6afc95235907f0$export$f80663f808113381 = /*#__PURE__*/ (0, $j8ecy$forwa
                             }),
                         className: function anonymous(props) {
                             let rules = " ";
-                            rules += ' og1';
-                            rules += ' ng1';
-                            rules += ' kg1';
-                            rules += ' jg1';
-                            rules += ' Oi1';
-                            rules += ' Ola1';
-                            rules += ' _Mb1';
-                            rules += ' _Ka1';
-                            if (props.isDisabled) rules += ' _Le1';
-                            else rules += ' _Lf1';
-                            if (props.isDisabled) rules += ' gH1';
+                            rules += ' og11';
+                            rules += ' ng11';
+                            rules += ' kg11';
+                            rules += ' jg11';
+                            rules += ' Oi11';
+                            rules += ' Ola11';
+                            rules += ' _Mb11';
+                            rules += ' _Ka11';
+                            if (props.isDisabled) rules += ' _Le11';
+                            else rules += ' _Lf11';
+                            if (props.isDisabled) rules += ' gH11';
                             return rules;
                         }
                     }),
                     /*#__PURE__*/ (0, $j8ecy$jsx)("div", {
                         className: function anonymous(props) {
                             let rules = " ";
-                            rules += ' _Pa1';
-                            rules += ' Ww1';
-                            rules += ' _lw1';
-                            rules += ' _Aw1';
-                            rules += ' _zw1';
-                            rules += ' _Ob1';
-                            rules += ' og1';
-                            rules += ' ng1';
-                            rules += ' kg1';
-                            rules += ' jg1';
-                            rules += ' Oi1';
-                            rules += ' Ola1';
-                            rules += ' _Mb1';
-                            if (props.isDisabled) rules += ' _Le1';
-                            else rules += ' _Lf1';
+                            rules += ' _Pa11';
+                            rules += ' Ww11';
+                            rules += ' _lw11';
+                            rules += ' _Aw11';
+                            rules += ' _zw11';
+                            rules += ' _Ob11';
+                            rules += ' og11';
+                            rules += ' ng11';
+                            rules += ' kg11';
+                            rules += ' jg11';
+                            rules += ' Oi11';
+                            rules += ' Ola11';
+                            rules += ' _Mb11';
+                            if (props.isDisabled) rules += ' _Le11';
+                            else rules += ' _Lf11';
                             return rules;
                         }({
                             isDisabled: isDisabled