@react-spectrum/s2 1.1.0 → 1.2.0

package/dist/ColorSwatch.css

@@ -1,117 +1,117 @@
 @layer _.a {
-  .Zu11 {
+  .Zu12 {
     width: calc(1rem * var(--s2-scale));
   }
 
-  .Zo11 {
+  .Zo12 {
     width: calc(1.5rem * var(--s2-scale));
   }
 
-  .ZC11 {
+  .ZC12 {
     width: calc(2rem * var(--s2-scale));
   }
 
-  .Zw11 {
+  .Zw12 {
     width: calc(2.5rem * var(--s2-scale));
   }
 
-  .Ft11 {
+  .Ft12 {
     height: calc(1rem * var(--s2-scale));
   }
 
-  .Fp11 {
+  .Fp12 {
     height: calc(1.5rem * var(--s2-scale));
   }
 
-  .Fx11 {
+  .Fx12 {
     height: calc(2rem * var(--s2-scale));
   }
 
-  .Fv11 {
+  .Fv12 {
     height: calc(2.5rem * var(--s2-scale));
   }
 
-  .oa11 {
+  .oa12 {
     border-start-start-radius: .25rem;
   }
 
-  .od11 {
+  .od12 {
     border-start-start-radius: 0;
   }
 
-  .og11 {
+  .og12 {
     border-start-start-radius: 9999px;
   }
 
-  .na11 {
+  .na12 {
     border-start-end-radius: .25rem;
   }
 
-  .nd11 {
+  .nd12 {
     border-start-end-radius: 0;
   }
 
-  .ng11 {
+  .ng12 {
     border-start-end-radius: 9999px;
   }
 
-  .ka11 {
+  .ka12 {
     border-end-start-radius: .25rem;
   }
 
-  .kd11 {
+  .kd12 {
     border-end-start-radius: 0;
   }
 
-  .kg11 {
+  .kg12 {
     border-end-start-radius: 9999px;
   }
 
-  .ja11 {
+  .ja12 {
     border-end-end-radius: .25rem;
   }
 
-  .jd11 {
+  .jd12 {
     border-end-end-radius: 0;
   }
 
-  .jg11 {
+  .jg12 {
     border-end-end-radius: 9999px;
   }
 
-  .iz11 {
+  .iz12 {
     border-color: var(--lightningcss-light, #0000006b) var(--lightningcss-dark, #ffffff6b);
   }
 
-  ._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;
   }
 
-  ._jf11 {
+  ._jf12 {
     border-style: solid;
   }
 
-  ._oa11 {
+  ._oa12 {
     box-sizing: border-box;
   }
 
-  ._yb11 {
+  ._yb12 {
     forced-color-adjust: none;
   }
 
-  .-_8LZfRc-pq11 {
+  .-_8LZfRc-pq12 {
     --slash-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #fc432e);
   }
 }

package/dist/ColorSwatch.mjs

@@ -50,44 +50,44 @@ const $cd9e1720baab3945$export$cae13e90592f246a = /*#__PURE__*/ (0, $b2Wh1$forwa
                 rules += p[0];
             }
             if (props.size === "L") {
-                if (!width) rules += ' Zw11';
+                if (!width) rules += ' Zw12';
             } else if (props.size === "M") {
-                if (!width) rules += ' ZC11';
+                if (!width) rules += ' ZC12';
             } else if (props.size === "S") {
-                if (!width) rules += ' Zo11';
+                if (!width) rules += ' Zo12';
             } else if (props.size === "XS") {
-                if (!width) rules += ' Zu11';
+                if (!width) rules += ' Zu12';
             }
             if (props.size === "L") {
-                if (!height) rules += ' Fv11';
+                if (!height) rules += ' Fv12';
             } else if (props.size === "M") {
-                if (!height) rules += ' Fx11';
+                if (!height) rules += ' Fx12';
             } else if (props.size === "S") {
-                if (!height) rules += ' Fp11';
+                if (!height) rules += ' Fp12';
             } else if (props.size === "XS") {
-                if (!height) rules += ' Ft11';
+                if (!height) rules += ' Ft12';
             }
-            if (props.rounding === "full") rules += ' og11';
-            else if (props.rounding === "none") rules += ' od11';
-            else if (props.rounding === "default") rules += ' oa11';
-            if (props.rounding === "full") rules += ' ng11';
-            else if (props.rounding === "none") rules += ' nd11';
-            else if (props.rounding === "default") rules += ' na11';
-            if (props.rounding === "full") rules += ' kg11';
-            else if (props.rounding === "none") rules += ' kd11';
-            else if (props.rounding === "default") rules += ' ka11';
-            if (props.rounding === "full") rules += ' jg11';
-            else if (props.rounding === "none") rules += ' jd11';
-            else if (props.rounding === "default") rules += ' ja11';
-            rules += ' iz11';
-            rules += ' _kb11';
-            rules += ' hb11';
-            rules += ' mb11';
-            rules += ' lb11';
-            rules += ' _jf11';
-            rules += ' _oa11';
-            rules += ' _yb11';
-            rules += ' -_8LZfRc-pq11';
+            if (props.rounding === "full") rules += ' og12';
+            else if (props.rounding === "none") rules += ' od12';
+            else if (props.rounding === "default") rules += ' oa12';
+            if (props.rounding === "full") rules += ' ng12';
+            else if (props.rounding === "none") rules += ' nd12';
+            else if (props.rounding === "default") rules += ' na12';
+            if (props.rounding === "full") rules += ' kg12';
+            else if (props.rounding === "none") rules += ' kd12';
+            else if (props.rounding === "default") rules += ' ka12';
+            if (props.rounding === "full") rules += ' jg12';
+            else if (props.rounding === "none") rules += ' jd12';
+            else if (props.rounding === "default") rules += ' ja12';
+            rules += ' iz12';
+            rules += ' _kb12';
+            rules += ' hb12';
+            rules += ' mb12';
+            rules += ' lb12';
+            rules += ' _jf12';
+            rules += ' _oa12';
+            rules += ' _yb12';
+            rules += ' -_8LZfRc-pq12';
             return rules;
         }({
             size: size,

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 += (String(overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g) || []).join('');
-            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';
+            rules += ' sd12';
+            rules += ' _wb12';
+            if (props.density === "spacious") rules += ' UWJpoB12';
+            else if (props.density === "regular") rules += ' Ub12';
+            else if (props.density === "compact") rules += ' Ua12';
+            if (props.density === "spacious") rules += ' qWJpoB12';
+            else if (props.density === "regular") rules += ' qb12';
+            else if (props.density === "compact") rules += ' qa12';
             return rules;
         }({
             density: density
@@ -67,26 +67,26 @@ function $a267e3efa7024819$var$useWrapper(swatch, color, rounding) {
         color: color,
         className: (renderProps)=>(function anonymous(props) {
                 let rules = " ";
-                if (props.isFocusVisible) rules += ' _Lf11';
-                else rules += ' _Le11';
-                rules += ' Oh11';
-                rules += ' Olc11';
-                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';
-                rules += ' __ca11';
+                if (props.isFocusVisible) rules += ' _Lf12';
+                else rules += ' _Le12';
+                rules += ' Oh12';
+                rules += ' Olc12';
+                rules += ' _Mc12';
+                rules += ' _Kd12';
+                rules += ' _Pc12';
+                if (props.rounding === "full") rules += ' og12';
+                else if (props.rounding === "default") rules += ' oa12';
+                else if (props.rounding === "none") rules += ' od12';
+                if (props.rounding === "full") rules += ' ng12';
+                else if (props.rounding === "default") rules += ' na12';
+                else if (props.rounding === "none") rules += ' nd12';
+                if (props.rounding === "full") rules += ' kg12';
+                else if (props.rounding === "default") rules += ' ka12';
+                else if (props.rounding === "none") rules += ' kd12';
+                if (props.rounding === "full") rules += ' jg12';
+                else if (props.rounding === "default") rules += ' ja12';
+                else if (props.rounding === "none") rules += ' jd12';
+                rules += ' __ca12';
                 return rules;
             })({
                 ...renderProps,
@@ -97,7 +97,7 @@ function $a267e3efa7024819$var$useWrapper(swatch, color, rounding) {
                     swatch,
                     isSelected && /*#__PURE__*/ (0, $7eldL$reactjsxruntime.jsx)("div", {
                         "aria-hidden": true,
-                        className: " _Pa11 _Ob11 Wr11 _lr11 _Ar11 _zr11 _oa11 in11 _jf11 _kc11 hc11 mc11 lc11 Og11 _Lf11 _Mc11 _Kc11 _yb11 oi11 ni11 ki11 ji11"
+                        className: " _Pa12 _Ob12 Wr12 _lr12 _Ar12 _zr12 _oa12 in12 _jf12 _kc12 hc12 mc12 lc12 Og12 _Lf12 _Mc12 _Kc12 _yb12 oi12 ni12 ki12 ji12"
                     })
                 ]
             })

package/dist/ColorSwatchPicker.css

@@ -1,189 +1,189 @@
 @layer _.a {
-  .sd11 {
+  .sd12 {
     display: flex;
   }
 
-  ._wb11 {
+  ._wb12 {
     flex-wrap: wrap;
   }
 
-  .Ua11 {
+  .Ua12 {
     row-gap: .125rem;
   }
 
-  .Ub11 {
+  .Ub12 {
     row-gap: .25rem;
   }
 
-  .UWJpoB11 {
+  .UWJpoB12 {
     row-gap: .375rem;
   }
 
-  .qa11 {
+  .qa12 {
     column-gap: .125rem;
   }
 
-  .qb11 {
+  .qb12 {
     column-gap: .25rem;
   }
 
-  .qWJpoB11 {
+  .qWJpoB12 {
     column-gap: .375rem;
   }
 
-  ._Le11 {
+  ._Le12 {
     outline-style: none;
   }
 
-  .Oh11 {
+  .Oh12 {
     outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
   }
 
-  ._Kd11 {
+  ._Kd12 {
     outline-offset: 2px;
   }
 
-  ._Pc11 {
+  ._Pc12 {
     position: relative;
   }
 
-  .od11 {
+  .od12 {
     border-start-start-radius: 0;
   }
 
-  .oa11 {
+  .oa12 {
     border-start-start-radius: .25rem;
   }
 
-  .og11 {
+  .og12 {
     border-start-start-radius: 9999px;
   }
 
-  .nd11 {
+  .nd12 {
     border-start-end-radius: 0;
   }
 
-  .na11 {
+  .na12 {
     border-start-end-radius: .25rem;
   }
 
-  .ng11 {
+  .ng12 {
     border-start-end-radius: 9999px;
   }
 
-  .kd11 {
+  .kd12 {
     border-end-start-radius: 0;
   }
 
-  .ka11 {
+  .ka12 {
     border-end-start-radius: .25rem;
   }
 
-  .kg11 {
+  .kg12 {
     border-end-start-radius: 9999px;
   }
 
-  .jd11 {
+  .jd12 {
     border-end-end-radius: 0;
   }
 
-  .ja11 {
+  .ja12 {
     border-end-end-radius: .25rem;
   }
 
-  .jg11 {
+  .jg12 {
     border-end-end-radius: 9999px;
   }
 
-  .__ca11 {
+  .__ca12 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  ._Pa11 {
+  ._Pa12 {
     position: absolute;
   }
 
-  ._Ob11 {
+  ._Ob12 {
     pointer-events: none;
   }
 
-  .Wr11 {
+  .Wr12 {
     top: 0;
   }
 
-  ._lr11 {
+  ._lr12 {
     bottom: 0;
   }
 
-  ._Ar11 {
+  ._Ar12 {
     inset-inline-start: 0;
   }
 
-  ._zr11 {
+  ._zr12 {
     inset-inline-end: 0;
   }
 
-  ._oa11 {
+  ._oa12 {
     box-sizing: border-box;
   }
 
-  .in11 {
+  .in12 {
     border-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
   }
 
-  ._jf11 {
+  ._jf12 {
     border-style: solid;
   }
 
-  ._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;
   }
 
-  .Og11 {
+  .Og12 {
     outline-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
   }
 
-  ._Lf11 {
+  ._Lf12 {
     outline-style: solid;
   }
 
-  ._Mc11 {
+  ._Mc12 {
     outline-width: 2px;
   }
 
-  ._Kc11 {
+  ._Kc12 {
     outline-offset: -4px;
   }
 
-  ._yb11 {
+  ._yb12 {
     forced-color-adjust: none;
   }
 
-  .oi11 {
+  .oi12 {
     border-start-start-radius: inherit;
   }
 
-  .ni11 {
+  .ni12 {
     border-start-end-radius: inherit;
   }
 
-  .ki11 {
+  .ki12 {
     border-end-start-radius: inherit;
   }
 
-  .ji11 {
+  .ji12 {
     border-end-end-radius: inherit;
   }
 }
@@ -192,7 +192,7 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .Olc11 {
+    .Olc12 {
       outline-color: highlight;
     }
   }

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 += (String(overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g) || []).join('');
-            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';
+            rules += ' sd12';
+            rules += ' _wb12';
+            if (props.density === "spacious") rules += ' UWJpoB12';
+            else if (props.density === "regular") rules += ' Ub12';
+            else if (props.density === "compact") rules += ' Ua12';
+            if (props.density === "spacious") rules += ' qWJpoB12';
+            else if (props.density === "regular") rules += ' qb12';
+            else if (props.density === "compact") rules += ' qa12';
             return rules;
         }({
             density: density
@@ -60,26 +60,26 @@ function $ba9c901b6c815fb9$var$useWrapper(swatch, color, rounding) {
         color: color,
         className: (renderProps)=>(function anonymous(props) {
                 let rules = " ";
-                if (props.isFocusVisible) rules += ' _Lf11';
-                else rules += ' _Le11';
-                rules += ' Oh11';
-                rules += ' Olc11';
-                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';
-                rules += ' __ca11';
+                if (props.isFocusVisible) rules += ' _Lf12';
+                else rules += ' _Le12';
+                rules += ' Oh12';
+                rules += ' Olc12';
+                rules += ' _Mc12';
+                rules += ' _Kd12';
+                rules += ' _Pc12';
+                if (props.rounding === "full") rules += ' og12';
+                else if (props.rounding === "default") rules += ' oa12';
+                else if (props.rounding === "none") rules += ' od12';
+                if (props.rounding === "full") rules += ' ng12';
+                else if (props.rounding === "default") rules += ' na12';
+                else if (props.rounding === "none") rules += ' nd12';
+                if (props.rounding === "full") rules += ' kg12';
+                else if (props.rounding === "default") rules += ' ka12';
+                else if (props.rounding === "none") rules += ' kd12';
+                if (props.rounding === "full") rules += ' jg12';
+                else if (props.rounding === "default") rules += ' ja12';
+                else if (props.rounding === "none") rules += ' jd12';
+                rules += ' __ca12';
                 return rules;
             })({
                 ...renderProps,
@@ -90,7 +90,7 @@ function $ba9c901b6c815fb9$var$useWrapper(swatch, color, rounding) {
                     swatch,
                     isSelected && /*#__PURE__*/ (0, $bOBHx$jsx)("div", {
                         "aria-hidden": true,
-                        className: " _Pa11 _Ob11 Wr11 _lr11 _Ar11 _zr11 _oa11 in11 _jf11 _kc11 hc11 mc11 lc11 Og11 _Lf11 _Mc11 _Kc11 _yb11 oi11 ni11 ki11 ji11"
+                        className: " _Pa12 _Ob12 Wr12 _lr12 _Ar12 _zr12 _oa12 in12 _jf12 _kc12 hc12 mc12 lc12 Og12 _Lf12 _Mc12 _Kc12 _yb12 oi12 ni12 ki12 ji12"
                     })
                 ]
             })