@react-spectrum/s2 0.11.1 → 0.12.0

package/dist/ProgressBar.mjs

@@ -34,232 +34,232 @@ const $b847b7cd294eafba$var$wrapper = function anonymous(props, overrides) {
     let position = false;
     let minWidth = false;
     let maxWidth = false;
-    let matches = (overrides || '').matchAll(/(?:^|\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);
+    let matches = (overrides || '').matchAll(/(?:^|\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);
     for (let p of matches){
         if (p[1] === "_P") position = true;
         if (p[1] === "N") minWidth = true;
         if (p[1] === "L") maxWidth = true;
         rules += p[0];
     }
-    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr11';
-    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s11';
-    if (!position) rules += ' _Pc11';
-    rules += ' se11';
+    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr12';
+    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s12';
+    if (!position) rules += ' _Pc12';
+    rules += ' se12';
     if (props.isIndeterminate) {
-        if (props.labelPosition === "side") rules += ' DPlN5qb11';
-        else if (props.labelPosition === "top") rules += ' DM8Mfn11';
+        if (props.labelPosition === "side") rules += ' DPlN5qb12';
+        else if (props.labelPosition === "top") rules += ' DM8Mfn12';
     } else {
-        if (props.labelPosition === "side") rules += ' DPlN5qb11';
-        else if (props.labelPosition === "top") rules += ' Dxumf9b11';
+        if (props.labelPosition === "side") rules += ' DPlN5qb12';
+        else if (props.labelPosition === "top") rules += ' Dxumf9b12';
     }
     if (props.isIndeterminate) {
-        if (props.labelPosition === "side") rules += ' C2Yfxtb11';
-        else if (props.labelPosition === "top") rules += ' C0J5Chb11';
+        if (props.labelPosition === "side") rules += ' C2Yfxtb12';
+        else if (props.labelPosition === "top") rules += ' C0J5Chb12';
     } else {
-        if (props.labelPosition === "side") rules += ' Cvv4gue11';
-        else if (props.labelPosition === "top") rules += ' CC0Gyo11';
+        if (props.labelPosition === "side") rules += ' Cvv4gue12';
+        else if (props.labelPosition === "top") rules += ' CC0Gyo12';
     }
-    rules += ' ea11';
-    rules += ' _Bb11';
-    if (!minWidth) rules += ' Nl11';
-    if (!maxWidth) rules += ' Lk11';
-    if (props.size === "XL") rules += ' -BhX7R-Fz11';
-    else if (props.size === "L") rules += ' -BhX7R-Fv11';
-    else if (props.size === "S") rules += ' -BhX7R-Fp11';
-    else if (props.size === "XS") rules += ' -BhX7R-Fn11';
-    else rules += ' -BhX7R-Fx11';
-    rules += ' -dTMmze-Fe11';
-    rules += ' -AJjOLd-UCwrhQe11';
-    rules += ' qg11';
+    rules += ' ea12';
+    rules += ' _Bb12';
+    if (!minWidth) rules += ' Nl12';
+    if (!maxWidth) rules += ' Lk12';
+    if (props.size === "XL") rules += ' -BhX7R-Fz12';
+    else if (props.size === "L") rules += ' -BhX7R-Fv12';
+    else if (props.size === "S") rules += ' -BhX7R-Fp12';
+    else if (props.size === "XS") rules += ' -BhX7R-Fn12';
+    else rules += ' -BhX7R-Fx12';
+    rules += ' -dTMmze-Fe12';
+    rules += ' -AJjOLd-UCwrhQe12';
+    rules += ' qg12';
     return rules;
 };
 const $b847b7cd294eafba$var$valueStyles = function anonymous(props) {
     let rules = " ";
     if (props.size === "XL") {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "L") {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "S") {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "XS") {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else {
-        rules += ' uk11';
-        rules += ' uch11';
-        rules += ' udi11';
-        rules += ' uea11';
-        rules += ' ugb11';
-        rules += ' uhd11';
-        rules += ' uje11';
-        rules += ' u2NhKxcl11';
-        rules += ' uic11';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        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 += ' wb11';
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "L") {
-        rules += ' wb11';
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "S") {
-        rules += ' wb11';
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "XS") {
-        rules += ' wb11';
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else {
-        rules += ' wb11';
-        rules += ' xb11';
-        rules += ' _xa11';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     }
     if (props.size === "XL") {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "L") {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "S") {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "XS") {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else {
-        rules += ' _Fd11';
-        rules += ' _FezxGHba11';
-        rules += ' _FnuYUweb11';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     }
-    if (props.isStaticColor) rules += ' pl11';
-    else if (props.isDisabled) rules += ' pp11';
-    else rules += ' pv11';
-    rules += ' plb11';
-    rules += ' ri11';
-    rules += ' z8bmXs11';
-    rules += ' y8bmXs11';
-    rules += ' B8bmXs11';
-    rules += ' A8bmXs11';
+    if (props.isStaticColor) rules += ' pl12';
+    else if (props.isDisabled) rules += ' pp12';
+    else rules += ' pv12';
+    rules += ' plb12';
+    rules += ' ri12';
+    rules += ' z8bmXs12';
+    rules += ' y8bmXs12';
+    rules += ' B8bmXs12';
+    rules += ' A8bmXs12';
     return rules;
 };
 const $b847b7cd294eafba$var$trackStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' zMY0fn11';
-    rules += ' yMY0fn11';
-    rules += ' BMY0fn11';
-    rules += ' AMY0fn11';
-    if (props.size === "XL") rules += ' Nl11';
-    else if (props.size === "L") rules += ' Nj11';
-    else if (props.size === "S") rules += ' Nf11';
-    else if (props.size === "XS") rules += ' Ne11';
-    else rules += ' Nk11';
-    if (props.isQuiet) rules += ' _qd11';
-    else rules += ' _qtb11';
-    if (props.size === "XL") rules += ' -Anxdcc-Zt11';
-    else if (props.size === "L") rules += ' -Anxdcc-ZStdtne11';
-    else if (props.size === "S") rules += ' -Anxdcc-Zr11';
-    else rules += ' -Anxdcc-Z3fn9H11';
-    rules += ' __v6TNLWb11';
-    rules += ' _Nc11';
-    rules += ' Pc11';
-    rules += ' og11';
-    rules += ' ng11';
-    rules += ' kg11';
-    rules += ' jg11';
-    if (props.isStaticColor) rules += ' gh11';
-    else rules += ' gE11';
-    rules += ' glb11';
-    rules += ' _Ma11';
-    rules += ' _Mlb11';
-    rules += ' _Le11';
-    rules += ' _Llf11';
-    rules += ' Oj11';
-    rules += ' Olb11';
-    rules += ' _9c11';
-    if (props.size === "XL") rules += ' Fj11';
-    else if (props.size === "L") rules += ' Fi11';
-    else if (props.size === "M") rules += ' Fg11';
-    else if (props.size === "S") rules += ' Fe11';
-    else rules += ' Fg11';
+    rules += ' zMY0fn12';
+    rules += ' yMY0fn12';
+    rules += ' BMY0fn12';
+    rules += ' AMY0fn12';
+    if (props.size === "XL") rules += ' Nl12';
+    else if (props.size === "L") rules += ' Nj12';
+    else if (props.size === "S") rules += ' Nf12';
+    else if (props.size === "XS") rules += ' Ne12';
+    else rules += ' Nk12';
+    if (props.isQuiet) rules += ' _qd12';
+    else rules += ' _qtb12';
+    if (props.size === "XL") rules += ' -Anxdcc-Zt12';
+    else if (props.size === "L") rules += ' -Anxdcc-ZStdtne12';
+    else if (props.size === "S") rules += ' -Anxdcc-Zr12';
+    else rules += ' -Anxdcc-Z3fn9H12';
+    rules += ' __v6TNLWb12';
+    rules += ' _Nc12';
+    rules += ' Pc12';
+    rules += ' og12';
+    rules += ' ng12';
+    rules += ' kg12';
+    rules += ' jg12';
+    if (props.isStaticColor) rules += ' gh12';
+    else rules += ' gE12';
+    rules += ' glb12';
+    rules += ' _Ma12';
+    rules += ' _Mlb12';
+    rules += ' _Le12';
+    rules += ' _Llf12';
+    rules += ' Oj12';
+    rules += ' Olb12';
+    rules += ' _9c12';
+    if (props.size === "XL") rules += ' Fj12';
+    else if (props.size === "L") rules += ' Fi12';
+    else if (props.size === "M") rules += ' Fg12';
+    else if (props.size === "S") rules += ' Fe12';
+    else rules += ' Fg12';
     return rules;
 };
 const $b847b7cd294eafba$var$fill = function anonymous(props) {
     let rules = " ";
-    rules += ' Fb11';
-    rules += ' _je11';
-    rules += ' og11';
-    rules += ' ng11';
-    rules += ' kg11';
-    rules += ' jg11';
-    if (props.isStaticColor) rules += ' gj11';
-    else rules += ' g211';
-    rules += ' glc11';
-    if (props.isIndeterminate) rules += ' Za11';
-    if (props.isIndeterminate) rules += ' _0e11';
+    rules += ' Fb12';
+    rules += ' _je12';
+    rules += ' og12';
+    rules += ' ng12';
+    rules += ' kg12';
+    rules += ' jg12';
+    if (props.isStaticColor) rules += ' gj12';
+    else rules += ' g212';
+    rules += ' glc12';
+    if (props.isIndeterminate) rules += ' Za12';
+    if (props.isIndeterminate) rules += ' _0e12';
     return rules;
 };
 const $b847b7cd294eafba$var$indeterminateAnimation = function anonymous(props) {
     let rules = " ";
-    if (props.direction === "rtl") rules += ' _g2FRDs11';
-    else if (props.direction === "ltr") rules += ' _gXZ1Q4d11';
-    rules += ' _ea11';
-    rules += ' _hb11';
-    rules += ' __ea11';
-    rules += ' _8d11';
-    rules += ' _Pc11';
+    if (props.direction === "rtl") rules += ' _g2FRDs12';
+    else if (props.direction === "ltr") rules += ' _gXZ1Q4d12';
+    rules += ' _ea12';
+    rules += ' _hb12';
+    rules += ' __ea12';
+    rules += ' _8d12';
+    rules += ' _Pc12';
     return rules;
 };
 const $b847b7cd294eafba$export$c17561cb55d4db30 = /*#__PURE__*/ (0, $cNVLZ$forwardRef)(function ProgressBar(props, ref) {

package/dist/ProgressCircle.cjs

@@ -34,59 +34,59 @@ const $1c116ea4b0d2d023$var$wrapper = function anonymous(props, overrides) {
     let rules = " ";
     let width = false;
     let height = false;
-    let matches = (overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|Z|N|L|F|M|K)[^\s]+/g);
+    let matches = (overrides || '').matchAll(/(?:^|\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|F|M|K)[^\s]+/g);
     for (let p of matches){
         if (p[1] === "Z") width = true;
         if (p[1] === "F") height = true;
         rules += p[0];
     }
-    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr11';
-    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s11';
+    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr12';
+    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s12';
     if (props.size === "L") {
-        if (!width) rules += ' ZG11';
+        if (!width) rules += ' ZG12';
     } else if (props.size === "S") {
-        if (!width) rules += ' Zu11';
-    } else if (!width) rules += ' ZC11';
+        if (!width) rules += ' Zu12';
+    } else if (!width) rules += ' ZC12';
     if (props.size === "L") {
-        if (!height) rules += ' FA11';
+        if (!height) rules += ' FA12';
     } else if (props.size === "S") {
-        if (!height) rules += ' Ft11';
-    } else if (!height) rules += ' Fx11';
-    rules += ' fa11';
+        if (!height) rules += ' Ft12';
+    } else if (!height) rules += ' Fx12';
+    rules += ' fa12';
     return rules;
 };
 const $1c116ea4b0d2d023$var$track = function anonymous(props) {
     let rules = " ";
-    if (props.isStaticColor) rules += ' Vd11';
-    else rules += ' Vf11';
-    rules += ' Vla11';
-    if (props.size === "L") rules += ' _VuNalie11';
-    else if (props.size === "S") rules += ' _V7m7Gv11';
-    else rules += ' _Vwtfhvc11';
-    if (props.size === "L") rules += ' _Vlwtfhvc11';
-    else if (props.size === "S") rules += ' _Vlai5a011';
-    else rules += ' _Vl7m7Gv11';
+    if (props.isStaticColor) rules += ' Vd12';
+    else rules += ' Vf12';
+    rules += ' Vla12';
+    if (props.size === "L") rules += ' _VuNalie12';
+    else if (props.size === "S") rules += ' _V7m7Gv12';
+    else rules += ' _Vwtfhvc12';
+    if (props.size === "L") rules += ' _Vlwtfhvc12';
+    else if (props.size === "S") rules += ' _Vlai5a012';
+    else rules += ' _Vl7m7Gv12';
     return rules;
 };
 const $1c116ea4b0d2d023$var$fill = function anonymous(props) {
     let rules = " ";
-    if (props.isStaticColor) rules += ' Ve11';
-    else rules += ' Vh11';
-    rules += ' VlUG8Hlc11';
-    rules += ' _Sa11';
-    rules += ' _0d11';
-    if (props.size === "L") rules += ' _VuNalie11';
-    else if (props.size === "S") rules += ' _V7m7Gv11';
-    else rules += ' _Vwtfhvc11';
+    if (props.isStaticColor) rules += ' Ve12';
+    else rules += ' Vh12';
+    rules += ' VlUG8Hlc12';
+    rules += ' _Sa12';
+    rules += ' _0d12';
+    if (props.size === "L") rules += ' _VuNalie12';
+    else if (props.size === "S") rules += ' _V7m7Gv12';
+    else rules += ' _Vwtfhvc12';
     return rules;
 };
 const $1c116ea4b0d2d023$var$hcmStroke = function anonymous(props) {
     let rules = " ";
-    rules += ' VRWHrbc11';
-    rules += ' VlUG8Hlc11';
-    if (props.size === "L") rules += ' _VuNalie11';
-    else if (props.size === "S") rules += ' _V7m7Gv11';
-    else rules += ' _Vwtfhvc11';
+    rules += ' VRWHrbc12';
+    rules += ' VlUG8Hlc12';
+    if (props.size === "L") rules += ' _VuNalie12';
+    else if (props.size === "S") rules += ' _V7m7Gv12';
+    else rules += ' _Vwtfhvc12';
     return rules;
 };
 const $1c116ea4b0d2d023$var$rotationAnimation = "Z8Un9b";

package/dist/ProgressCircle.css

@@ -1,77 +1,77 @@
 @layer _.a {
-  .-Ovbhqd-g4hn3s11 {
+  .-Ovbhqd-g4hn3s12 {
     --s2-container-bg: white;
   }
 
-  .-Ovbhqd-gcwrnr11 {
+  .-Ovbhqd-gcwrnr12 {
     --s2-container-bg: black;
   }
 
-  .ZC11 {
+  .ZC12 {
     width: calc(2rem * var(--s2-scale));
   }
 
-  .Zu11 {
+  .Zu12 {
     width: calc(1rem * var(--s2-scale));
   }
 
-  .ZG11 {
+  .ZG12 {
     width: calc(4rem * var(--s2-scale));
   }
 
-  .Fx11 {
+  .Fx12 {
     height: calc(2rem * var(--s2-scale));
   }
 
-  .Ft11 {
+  .Ft12 {
     height: calc(1rem * var(--s2-scale));
   }
 
-  .FA11 {
+  .FA12 {
     height: calc(4rem * var(--s2-scale));
   }
 
-  .fa11 {
+  .fa12 {
     aspect-ratio: 1;
   }
 
-  .Vf11 {
+  .Vf12 {
     stroke: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
   }
 
-  .Vd11 {
+  .Vd12 {
     stroke: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .17);
   }
 
-  .Vh11 {
+  .Vh12 {
     stroke: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #5681ff);
   }
 
-  .Ve11 {
+  .Ve12 {
     stroke: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
   }
 
-  ._Sa11 {
+  ._Sa12 {
     rotate: -90deg;
   }
 
-  ._0d11 {
+  ._0d12 {
     transform-origin: center;
   }
 
-  .VRWHrbc11 {
+  .VRWHrbc12 {
     stroke: #0000;
   }
 
-  ._Vwtfhvc11 {
+  ._Vwtfhvc12 {
     stroke-width: .1875rem;
   }
 
-  ._V7m7Gv11 {
+  ._V7m7Gv12 {
     stroke-width: .125rem;
   }
 
-  ._VuNalie11 {
+  ._VuNalie12 {
     stroke-width: .25rem;
   }
 }
@@ -80,23 +80,23 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .Vla11 {
+    .Vla12 {
       stroke: background;
     }
 
-    ._Vl7m7Gv11 {
+    ._Vl7m7Gv12 {
       stroke-width: .125rem;
     }
 
-    ._Vlai5a011 {
+    ._Vlai5a012 {
       stroke-width: .0625rem;
     }
 
-    ._Vlwtfhvc11 {
+    ._Vlwtfhvc12 {
       stroke-width: .1875rem;
     }
 
-    .VlUG8Hlc11 {
+    .VlUG8Hlc12 {
       stroke: buttontext;
     }
   }