@react-spectrum/s2 1.0.0 → 1.2.0

package/dist/Button.mjs

@@ -49,324 +49,324 @@ const $067ea9f64ccd4e8e$var$button = function anonymous(props, overrides) {
     let minWidth = false;
     let position = false;
     let width = 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|_6|Z|N|L)[^\s]+/g);
+    let matches = String(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] === "N") minWidth = true;
         if (p[1] === "_P") position = true;
         if (p[1] === "Z") width = true;
         rules += p[0];
     }
-    if (props.isFocusVisible) rules += ' _Lf1';
-    else rules += ' _Le1';
-    if (props.isStaticColor) rules += ' Oe1';
-    else rules += ' Oh1';
-    rules += ' Olc1';
-    rules += ' _Mc1';
-    rules += ' _Kd1';
-    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr1';
-    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s1';
+    if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    if (props.isStaticColor) rules += ' Oe12';
+    else rules += ' Oh12';
+    rules += ' Olc12';
+    rules += ' _Mc12';
+    rules += ' _Kd12';
+    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr12';
+    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s12';
     if (props.size === "XL") {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "L") {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "S") {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "XS") {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
-    rules += ' xd1';
-    rules += ' _xa1';
-    rules += ' xX0cczbc1';
-    rules += ' _xX0cczba1';
+    rules += ' xd12';
+    rules += ' _xa12';
+    rules += ' xX0cczbc12';
+    rules += ' _xX0cczba12';
     if (props.size === "XL") {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "L") {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "S") {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "XS") {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     }
     if (props.isStaticColor) {
-        if (props.isDisabled) rules += ' pi1';
+        if (props.isDisabled) rules += ' pi12';
         else if (props.fillStyle === "outline") {
-            if (props.variant === "genai") rules += ' px1';
-            else if (props.variant === "premium") rules += ' px1';
+            if (props.variant === "genai") rules += ' px12';
+            else if (props.variant === "premium") rules += ' px12';
             else {
-                if (props.isPressed) rules += ' pk1';
-                else if (props.isFocusVisible) rules += ' pk1';
-                else if (props.isHovered) rules += ' pk1';
-                else rules += ' pj1';
+                if (props.isPressed) rules += ' pk12';
+                else if (props.isFocusVisible) rules += ' pk12';
+                else if (props.isHovered) rules += ' pk12';
+                else rules += ' pj12';
             }
         } else if (props.fillStyle === "fill") {
-            if (props.variant === "genai") rules += ' px1';
-            else if (props.variant === "premium") rules += ' px1';
+            if (props.variant === "genai") rules += ' px12';
+            else if (props.variant === "premium") rules += ' px12';
             else if (props.variant === "secondary") {
-                if (props.isPressed) rules += ' pk1';
-                else if (props.isFocusVisible) rules += ' pk1';
-                else if (props.isHovered) rules += ' pk1';
-                else rules += ' pj1';
-            } else if (props.variant === "primary") rules += ' ph1';
+                if (props.isPressed) rules += ' pk12';
+                else if (props.isFocusVisible) rules += ' pk12';
+                else if (props.isHovered) rules += ' pk12';
+                else rules += ' pj12';
+            } else if (props.variant === "primary") rules += ' ph12';
         }
     } else if (props.fillStyle === "outline") {
-        if (props.isDisabled) rules += ' pp1';
-        else if (props.variant === "genai") rules += ' px1';
-        else if (props.variant === "premium") rules += ' px1';
+        if (props.isDisabled) rules += ' pp12';
+        else if (props.variant === "genai") rules += ' px12';
+        else if (props.variant === "premium") rules += ' px12';
         else {
-            if (props.isPressed) rules += ' po1';
-            else if (props.isFocusVisible) rules += ' po1';
-            else if (props.isHovered) rules += ' po1';
-            else rules += ' pt1';
+            if (props.isPressed) rules += ' po12';
+            else if (props.isFocusVisible) rules += ' po12';
+            else if (props.isHovered) rules += ' po12';
+            else rules += ' pt12';
         }
     } else if (props.fillStyle === "fill") {
-        if (props.isDisabled) rules += ' pp1';
-        else if (props.variant === "genai") rules += ' px1';
-        else if (props.variant === "premium") rules += ' px1';
-        else if (props.variant === "negative") rules += ' px1';
-        else if (props.variant === "accent") rules += ' px1';
+        if (props.isDisabled) rules += ' pp12';
+        else if (props.variant === "genai") rules += ' px12';
+        else if (props.variant === "premium") rules += ' px12';
+        else if (props.variant === "negative") rules += ' px12';
+        else if (props.variant === "accent") rules += ' px12';
         else if (props.variant === "secondary") {
-            if (props.isPressed) rules += ' po1';
-            else if (props.isFocusVisible) rules += ' po1';
-            else if (props.isHovered) rules += ' po1';
-            else rules += ' pt1';
-        } else if (props.variant === "primary") rules += ' pr1';
+            if (props.isPressed) rules += ' po12';
+            else if (props.isFocusVisible) rules += ' po12';
+            else if (props.isHovered) rules += ' po12';
+            else rules += ' pt12';
+        } else if (props.variant === "primary") rules += ' pr12';
     }
     if (props.fillStyle === "outline") {
-        if (props.isDisabled) rules += ' plc1';
-        else rules += ' plb1';
+        if (props.isDisabled) rules += ' plc12';
+        else rules += ' plb12';
     } else if (props.fillStyle === "fill") {
-        if (props.isDisabled) rules += ' ple1';
-        else rules += ' pla1';
+        if (props.isDisabled) rules += ' ple12';
+        else rules += ' pla12';
     }
-    rules += ' sd1';
-    rules += ' ea1';
-    rules += ' egLWx3bb1';
-    rules += ' _oa1';
-    rules += ' Sw1';
-    rules += ' SgLWx3bd1';
-    rules += ' Rw1';
-    rules += ' RgLWx3bd1';
+    rules += ' sd12';
+    rules += ' ea12';
+    rules += ' egLWx3bb12';
+    rules += ' _oa12';
+    rules += ' Sw12';
+    rules += ' SgLWx3bd12';
+    rules += ' Rw12';
+    rules += ' RgLWx3bd12';
     if (props.size === "XL") {
-        if (!minWidth) rules += ' Nl1';
+        if (!minWidth) rules += ' Nl12';
     } else if (props.size === "L") {
-        if (!minWidth) rules += ' Nj1';
+        if (!minWidth) rules += ' Nj12';
     } else if (props.size === "S") {
-        if (!minWidth) rules += ' Nf1';
+        if (!minWidth) rules += ' Nf12';
     } else if (props.size === "XS") {
-        if (!minWidth) rules += ' Ne1';
-    } else if (!minWidth) rules += ' Nk1';
-    rules += ' oh1';
-    rules += ' nh1';
-    rules += ' kh1';
-    rules += ' jh1';
-    rules += ' qc1';
-    rules += ' qsd1';
-    rules += ' -Qg41Lb-IAxCW0c1';
-    rules += ' -Qg41Lb-gLWx3bIy1';
-    rules += ' MAyFGYc1';
-    rules += ' Td1';
-    rules += ' Qd1';
-    rules += ' -aRvJDd-Tu7Fubd1';
-    if (!position) rules += ' _Pc1';
-    rules += ' _Ca1';
-    rules += ' _Wd1';
-    rules += ' _4c1';
-    if (!width) rules += ' ZJ1';
-    rules += ' _Xa1';
-    rules += ' Yd1';
-    rules += ' Xb1';
-    rules += ' _2b1';
-    rules += ' _jf1';
-    rules += ' _kJ8iPYd1';
-    rules += ' hXMFGYc1';
-    if (props.variant === "genai") rules += ' ma1';
-    else if (props.variant === "premium") rules += ' ma1';
-    else if (props.fillStyle === "outline") rules += ' mc1';
-    else if (props.fillStyle === "fill") rules += ' ma1';
-    if (props.variant === "genai") rules += ' la1';
-    else if (props.variant === "premium") rules += ' la1';
-    else if (props.fillStyle === "outline") rules += ' lc1';
-    else if (props.fillStyle === "fill") rules += ' la1';
+        if (!minWidth) rules += ' Ne12';
+    } else if (!minWidth) rules += ' Nk12';
+    rules += ' oh12';
+    rules += ' nh12';
+    rules += ' kh12';
+    rules += ' jh12';
+    rules += ' qc12';
+    rules += ' qsd12';
+    rules += ' -Qg41Lb-IAxCW0c12';
+    rules += ' -Qg41Lb-gLWx3bIy12';
+    rules += ' MAyFGYc12';
+    rules += ' Td12';
+    rules += ' Qd12';
+    rules += ' -aRvJDd-Tu7Fubd12';
+    if (!position) rules += ' _Pc12';
+    rules += ' _Ca12';
+    rules += ' _Wd12';
+    rules += ' _4c12';
+    if (!width) rules += ' ZJ12';
+    rules += ' _Xa12';
+    rules += ' Yd12';
+    rules += ' Xb12';
+    rules += ' _2b12';
+    rules += ' _jf12';
+    rules += ' _kJ8iPYd12';
+    rules += ' hXMFGYc12';
+    if (props.variant === "genai") rules += ' ma12';
+    else if (props.variant === "premium") rules += ' ma12';
+    else if (props.fillStyle === "outline") rules += ' mc12';
+    else if (props.fillStyle === "fill") rules += ' ma12';
+    if (props.variant === "genai") rules += ' la12';
+    else if (props.variant === "premium") rules += ' la12';
+    else if (props.fillStyle === "outline") rules += ' lc12';
+    else if (props.fillStyle === "fill") rules += ' la12';
     if (props.isStaticColor) {
-        if (props.isDisabled) rules += ' ig1';
+        if (props.isDisabled) rules += ' ig12';
         else if (props.variant === "secondary") {
-            if (props.isPressed) rules += ' ih1';
-            else if (props.isFocusVisible) rules += ' ih1';
-            else if (props.isHovered) rules += ' ih1';
-            else rules += ' ig1';
+            if (props.isPressed) rules += ' ih12';
+            else if (props.isFocusVisible) rules += ' ih12';
+            else if (props.isHovered) rules += ' ih12';
+            else rules += ' ig12';
         } else if (props.variant === "primary") {
-            if (props.isPressed) rules += ' ij1';
-            else if (props.isFocusVisible) rules += ' ij1';
-            else if (props.isHovered) rules += ' ij1';
-            else rules += ' ii1';
+            if (props.isPressed) rules += ' ij12';
+            else if (props.isFocusVisible) rules += ' ij12';
+            else if (props.isHovered) rules += ' ij12';
+            else rules += ' ii12';
         }
-    } else if (props.isDisabled) rules += ' iq1';
+    } else if (props.isDisabled) rules += ' iq12';
     else if (props.variant === "secondary") {
-        if (props.isPressed) rules += ' io1';
-        else if (props.isFocusVisible) rules += ' io1';
-        else if (props.isHovered) rules += ' io1';
-        else rules += ' iq1';
+        if (props.isPressed) rules += ' io12';
+        else if (props.isFocusVisible) rules += ' io12';
+        else if (props.isHovered) rules += ' io12';
+        else rules += ' iq12';
     } else if (props.variant === "primary") {
-        if (props.isPressed) rules += ' in1';
-        else if (props.isFocusVisible) rules += ' in1';
-        else if (props.isHovered) rules += ' in1';
-        else rules += ' iv1';
+        if (props.isPressed) rules += ' in12';
+        else if (props.isFocusVisible) rules += ' in12';
+        else if (props.isHovered) rules += ' in12';
+        else rules += ' iv12';
     }
-    if (props.isDisabled) rules += ' ilc1';
-    else if (props.isHovered) rules += ' ild1';
-    else rules += ' ila1';
-    rules += ' gqMFGYc1';
-    rules += ' -_8sjo0b-t5ZbAob1';
-    rules += ' _yb1';
-    rules += ' __ca1';
-    if (props.size === "XL") rules += ' -M_-Mk1';
-    else if (props.size === "L") rules += ' -M_-Mh1';
-    else if (props.size === "S") rules += ' -M_-Mg1';
-    else if (props.size === "XS") rules += ' -M_-Mf1';
-    else rules += ' -M_-Mi1';
-    if (props.variant === "genai") rules += ' -_k_-_ka1';
-    else if (props.variant === "premium") rules += ' -_k_-_ka1';
-    else if (props.fillStyle === "outline") rules += ' -_k_-_kc1';
-    else if (props.fillStyle === "fill") rules += ' -_k_-_ka1';
-    if (props.variant === "genai") rules += ' -h_-ha1';
-    else if (props.variant === "premium") rules += ' -h_-ha1';
-    else if (props.fillStyle === "outline") rules += ' -h_-hc1';
-    else if (props.fillStyle === "fill") rules += ' -h_-ha1';
+    if (props.isDisabled) rules += ' ilc12';
+    else if (props.isHovered) rules += ' ild12';
+    else rules += ' ila12';
+    rules += ' gqMFGYc12';
+    rules += ' -_8sjo0b-t5ZbAob12';
+    rules += ' _yb12';
+    rules += ' __ca12';
+    if (props.size === "XL") rules += ' -M_-Mk12';
+    else if (props.size === "L") rules += ' -M_-Mh12';
+    else if (props.size === "S") rules += ' -M_-Mg12';
+    else if (props.size === "XS") rules += ' -M_-Mf12';
+    else rules += ' -M_-Mi12';
+    if (props.variant === "genai") rules += ' -_k_-_ka12';
+    else if (props.variant === "premium") rules += ' -_k_-_ka12';
+    else if (props.fillStyle === "outline") rules += ' -_k_-_kc12';
+    else if (props.fillStyle === "fill") rules += ' -_k_-_ka12';
+    if (props.variant === "genai") rules += ' -h_-ha12';
+    else if (props.variant === "premium") rules += ' -h_-ha12';
+    else if (props.fillStyle === "outline") rules += ' -h_-hc12';
+    else if (props.fillStyle === "fill") rules += ' -h_-ha12';
     if (props.isStaticColor) {
         if (props.fillStyle === "outline") {
             if (props.isDisabled) {
-                if (props.variant === "genai") rules += ' -g_-gf1';
-                else if (props.variant === "premium") rules += ' -g_-gf1';
-                else rules += ' -g_-g91';
-            } else if (props.isFocusVisible) rules += ' -g_-gf1';
-            else if (props.isPressed) rules += ' -g_-gf1';
-            else if (props.isHovered) rules += ' -g_-gf1';
-            else if (props.variant === "genai") rules += ' -g_-gf1';
-            else if (props.variant === "premium") rules += ' -g_-gf1';
-            else rules += ' -g_-g91';
+                if (props.variant === "genai") rules += ' -g_-gf12';
+                else if (props.variant === "premium") rules += ' -g_-gf12';
+                else rules += ' -g_-g912';
+            } else if (props.isFocusVisible) rules += ' -g_-gf12';
+            else if (props.isPressed) rules += ' -g_-gf12';
+            else if (props.isHovered) rules += ' -g_-gf12';
+            else if (props.variant === "genai") rules += ' -g_-gf12';
+            else if (props.variant === "premium") rules += ' -g_-gf12';
+            else rules += ' -g_-g912';
         } else if (props.fillStyle === "fill") {
-            if (props.isDisabled) rules += ' -g_-gf1';
-            else if (props.variant === "genai") rules += ' -g_-gf1';
-            else if (props.variant === "premium") rules += ' -g_-gf1';
+            if (props.isDisabled) rules += ' -g_-gf12';
+            else if (props.variant === "genai") rules += ' -g_-gf12';
+            else if (props.variant === "premium") rules += ' -g_-gf12';
             else if (props.variant === "secondary") {
-                if (props.isPressed) rules += ' -g_-gg1';
-                else if (props.isFocusVisible) rules += ' -g_-gg1';
-                else if (props.isHovered) rules += ' -g_-gg1';
-                else rules += ' -g_-gf1';
+                if (props.isPressed) rules += ' -g_-gg12';
+                else if (props.isFocusVisible) rules += ' -g_-gg12';
+                else if (props.isHovered) rules += ' -g_-gg12';
+                else rules += ' -g_-gf12';
             } else if (props.variant === "primary") {
-                if (props.isPressed) rules += ' -g_-gj1';
-                else if (props.isFocusVisible) rules += ' -g_-gj1';
-                else if (props.isHovered) rules += ' -g_-gj1';
-                else rules += ' -g_-gi1';
+                if (props.isPressed) rules += ' -g_-gj12';
+                else if (props.isFocusVisible) rules += ' -g_-gj12';
+                else if (props.isHovered) rules += ' -g_-gj12';
+                else rules += ' -g_-gi12';
             }
         }
     } else if (props.fillStyle === "outline") {
         if (props.isDisabled) {
-            if (props.variant === "genai") rules += ' -g_-gH1';
-            else if (props.variant === "premium") rules += ' -g_-gH1';
-            else rules += ' -g_-g91';
-        } else if (props.isFocusVisible) rules += ' -g_-gH1';
-        else if (props.isPressed) rules += ' -g_-gH1';
-        else if (props.isHovered) rules += ' -g_-gH1';
-        else if (props.variant === "genai") rules += ' -g_-gH1';
-        else if (props.variant === "premium") rules += ' -g_-gH1';
-        else rules += ' -g_-g91';
+            if (props.variant === "genai") rules += ' -g_-gH12';
+            else if (props.variant === "premium") rules += ' -g_-gH12';
+            else rules += ' -g_-g912';
+        } else if (props.isFocusVisible) rules += ' -g_-gH12';
+        else if (props.isPressed) rules += ' -g_-gH12';
+        else if (props.isHovered) rules += ' -g_-gH12';
+        else if (props.variant === "genai") rules += ' -g_-gH12';
+        else if (props.variant === "premium") rules += ' -g_-gH12';
+        else rules += ' -g_-g912';
     } else if (props.fillStyle === "fill") {
-        if (props.isDisabled) rules += ' -g_-gH1';
-        else if (props.variant === "genai") rules += ' -g_-gH1';
-        else if (props.variant === "premium") rules += ' -g_-gH1';
+        if (props.isDisabled) rules += ' -g_-gH12';
+        else if (props.variant === "genai") rules += ' -g_-gH12';
+        else if (props.variant === "premium") rules += ' -g_-gH12';
         else if (props.variant === "negative") {
-            if (props.isFocusVisible) rules += ' -g_-gYvV9s1';
-            else if (props.isPressed) rules += ' -g_-gYvV9s1';
-            else if (props.isHovered) rules += ' -g_-gYvV9s1';
-            else rules += ' -g_-g7aei81';
+            if (props.isFocusVisible) rules += ' -g_-gYvV9s12';
+            else if (props.isPressed) rules += ' -g_-gYvV9s12';
+            else if (props.isHovered) rules += ' -g_-gYvV9s12';
+            else rules += ' -g_-g7aei812';
         } else if (props.variant === "accent") {
-            if (props.isFocusVisible) rules += ' -g_-gUgARdd1';
-            else if (props.isPressed) rules += ' -g_-gUgARdd1';
-            else if (props.isHovered) rules += ' -g_-gUgARdd1';
-            else rules += ' -g_-g5qAiPc1';
+            if (props.isFocusVisible) rules += ' -g_-gUgARdd12';
+            else if (props.isPressed) rules += ' -g_-gUgARdd12';
+            else if (props.isHovered) rules += ' -g_-gUgARdd12';
+            else rules += ' -g_-g5qAiPc12';
         } else if (props.variant === "secondary") {
-            if (props.isPressed) rules += ' -g_-gF1';
-            else if (props.isFocusVisible) rules += ' -g_-gF1';
-            else if (props.isHovered) rules += ' -g_-gF1';
-            else rules += ' -g_-gH1';
+            if (props.isPressed) rules += ' -g_-gF12';
+            else if (props.isFocusVisible) rules += ' -g_-gF12';
+            else if (props.isHovered) rules += ' -g_-gF12';
+            else rules += ' -g_-gH12';
         } else if (props.variant === "primary") {
-            if (props.isPressed) rules += ' -g_-gu1';
-            else if (props.isFocusVisible) rules += ' -g_-gu1';
-            else if (props.isHovered) rules += ' -g_-gu1';
-            else rules += ' -g_-g01';
+            if (props.isPressed) rules += ' -g_-gu12';
+            else if (props.isFocusVisible) rules += ' -g_-gu12';
+            else if (props.isHovered) rules += ' -g_-gu12';
+            else rules += ' -g_-g012';
         }
     }
-    if (props.fillStyle === "outline") rules += ' -g_-lgb1';
+    if (props.fillStyle === "outline") rules += ' -g_-lgb12';
     else if (props.fillStyle === "fill") {
-        if (props.isDisabled) rules += ' -g_-lgd1';
-        else if (props.isHovered) rules += ' -g_-lge1';
-        else rules += ' -g_-lgc1';
+        if (props.isDisabled) rules += ' -g_-lgd12';
+        else if (props.isHovered) rules += ' -g_-lge12';
+        else rules += ' -g_-lgc12';
     }
     return rules;
 };
@@ -375,76 +375,76 @@ const $067ea9f64ccd4e8e$var$button = function anonymous(props, overrides) {
 // https://bugs.webkit.org/show_bug.cgi?id=285622
 const $067ea9f64ccd4e8e$var$gradient = function anonymous(props) {
     let rules = " ";
-    rules += ' _Pa1';
-    rules += ' Wr1';
-    rules += ' _lr1';
-    rules += ' _Ar1';
-    rules += ' _zr1';
-    rules += ' _9a1';
-    rules += ' Yd1';
-    rules += ' Xb1';
-    rules += ' _2b1';
-    rules += ' oi1';
-    rules += ' ni1';
-    rules += ' ki1';
-    rules += ' ji1';
-    if (props.isDisabled) rules += ' _ic1';
+    rules += ' _Pa12';
+    rules += ' Wr12';
+    rules += ' _lr12';
+    rules += ' _Ar12';
+    rules += ' _zr12';
+    rules += ' _9a12';
+    rules += ' Yd12';
+    rules += ' Xb12';
+    rules += ' _2b12';
+    rules += ' oi12';
+    rules += ' ni12';
+    rules += ' ki12';
+    rules += ' ji12';
+    if (props.isDisabled) rules += ' _ic12';
     else if (props.variant === "genai") {
         if (props.isFocusVisible) {
-            rules += ' _ia1';
-            rules += ' -yBNtrc-37ZLpd1';
-            rules += ' -zBNtrc-plLfSc1';
-            rules += ' -ABNtrc-z2bZib1';
-            rules += ' -ACNtrc-tQ56Od1';
+            rules += ' _ia12';
+            rules += ' -yBNtrc-37ZLpd12';
+            rules += ' -zBNtrc-plLfSc12';
+            rules += ' -ABNtrc-z2bZib12';
+            rules += ' -ACNtrc-tQ56Od12';
         } else if (props.isPressed) {
-            rules += ' _ia1';
-            rules += ' -yBNtrc-37ZLpd1';
-            rules += ' -zBNtrc-plLfSc1';
-            rules += ' -ABNtrc-z2bZib1';
-            rules += ' -ACNtrc-tQ56Od1';
+            rules += ' _ia12';
+            rules += ' -yBNtrc-37ZLpd12';
+            rules += ' -zBNtrc-plLfSc12';
+            rules += ' -ABNtrc-z2bZib12';
+            rules += ' -ACNtrc-tQ56Od12';
         } else if (props.isHovered) {
-            rules += ' _ia1';
-            rules += ' -yBNtrc-37ZLpd1';
-            rules += ' -zBNtrc-plLfSc1';
-            rules += ' -ABNtrc-z2bZib1';
-            rules += ' -ACNtrc-tQ56Od1';
+            rules += ' _ia12';
+            rules += ' -yBNtrc-37ZLpd12';
+            rules += ' -zBNtrc-plLfSc12';
+            rules += ' -ABNtrc-z2bZib12';
+            rules += ' -ACNtrc-tQ56Od12';
         } else {
-            rules += ' _ia1';
-            rules += ' -yBNtrc-Nitqwc1';
-            rules += ' -zBNtrc-ugAmz1';
-            rules += ' -ABNtrc-j7ulPc1';
-            rules += ' -ACNtrc-tQ56Od1';
+            rules += ' _ia12';
+            rules += ' -yBNtrc-Nitqwc12';
+            rules += ' -zBNtrc-ugAmz12';
+            rules += ' -ABNtrc-j7ulPc12';
+            rules += ' -ACNtrc-tQ56Od12';
         }
     } else if (props.variant === "premium") {
         if (props.isFocusVisible) {
-            rules += ' _ib1';
-            rules += ' -yBNtrc-1gYRFc1';
-            rules += ' -zBNtrc-z2bZib1';
-            rules += ' -ABNtrc-BorWLb1';
-            rules += ' -ACNtrc-tQ56Od1';
+            rules += ' _ib12';
+            rules += ' -yBNtrc-1gYRFc12';
+            rules += ' -zBNtrc-z2bZib12';
+            rules += ' -ABNtrc-BorWLb12';
+            rules += ' -ACNtrc-tQ56Od12';
         } else if (props.isPressed) {
-            rules += ' _ib1';
-            rules += ' -yBNtrc-1gYRFc1';
-            rules += ' -zBNtrc-z2bZib1';
-            rules += ' -ABNtrc-BorWLb1';
-            rules += ' -ACNtrc-tQ56Od1';
+            rules += ' _ib12';
+            rules += ' -yBNtrc-1gYRFc12';
+            rules += ' -zBNtrc-z2bZib12';
+            rules += ' -ABNtrc-BorWLb12';
+            rules += ' -ACNtrc-tQ56Od12';
         } else if (props.isHovered) {
-            rules += ' _ib1';
-            rules += ' -yBNtrc-1gYRFc1';
-            rules += ' -zBNtrc-z2bZib1';
-            rules += ' -ABNtrc-BorWLb1';
-            rules += ' -ACNtrc-tQ56Od1';
+            rules += ' _ib12';
+            rules += ' -yBNtrc-1gYRFc12';
+            rules += ' -zBNtrc-z2bZib12';
+            rules += ' -ABNtrc-BorWLb12';
+            rules += ' -ACNtrc-tQ56Od12';
         } else {
-            rules += ' _ib1';
-            rules += ' -yBNtrc-X7W3Sb1';
-            rules += ' -zBNtrc-j7ulPc1';
-            rules += ' -ABNtrc-fHZGqb1';
-            rules += ' -ACNtrc-tQ56Od1';
+            rules += ' _ib12';
+            rules += ' -yBNtrc-X7W3Sb12';
+            rules += ' -zBNtrc-j7ulPc12';
+            rules += ' -ABNtrc-fHZGqb12';
+            rules += ' -ACNtrc-tQ56Od12';
         }
     }
-    rules += ' _ilc1';
-    if (props.variant === "genai") rules += ' _pb1';
-    else if (props.variant === "premium") rules += ' _pb1';
+    rules += ' _ilc12';
+    if (props.variant === "genai") rules += ' _pb12';
+    else if (props.variant === "premium") rules += ' _pb12';
     return rules;
 };
 function $067ea9f64ccd4e8e$export$edc9ced5c3e5ff00(isPending) {
@@ -510,10 +510,10 @@ const $067ea9f64ccd4e8e$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $7BBHC$forwa
                                 {
                                     styles: function anonymous(props) {
                                         let rules = " ";
-                                        rules += ' TAzEcG1';
-                                        rules += ' QAzEcG1';
-                                        rules += ' _Jb1';
-                                        if (props.isProgressVisible) rules += ' _6b1';
+                                        rules += ' TAzEcG12';
+                                        rules += ' QAzEcG12';
+                                        rules += ' _Jb12';
+                                        if (props.isProgressVisible) rules += ' _6b12';
                                         return rules;
                                     }({
                                         isProgressVisible: isProgressVisible
@@ -527,15 +527,15 @@ const $067ea9f64ccd4e8e$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $7BBHC$forwa
                                 {
                                     render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
                                         slot: 'icon',
-                                        styles: " _Ja1"
+                                        styles: " _Ja12"
                                     }),
                                     styles: function anonymous(props) {
                                         let rules = " ";
-                                        rules += ' ZuUmpre1';
-                                        rules += ' FuUmpre1';
-                                        rules += ' I67logd1';
-                                        rules += ' _va1';
-                                        if (props.isProgressVisible) rules += ' _6b1';
+                                        rules += ' ZuUmpre12';
+                                        rules += ' FuUmpre12';
+                                        rules += ' I67logd12';
+                                        rules += ' _va12';
+                                        if (props.isProgressVisible) rules += ' _6b12';
                                         return rules;
                                     }({
                                         isProgressVisible: isProgressVisible
@@ -550,12 +550,12 @@ const $067ea9f64ccd4e8e$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $7BBHC$forwa
                             isPending && /*#__PURE__*/ (0, $7BBHC$jsx)("div", {
                                 className: function anonymous(props) {
                                     let rules = " ";
-                                    rules += ' _Pa1';
-                                    rules += ' WF1';
-                                    rules += ' _EF1';
-                                    rules += ' _Zc1';
-                                    if (props.isProgressVisible) rules += ' _6c1';
-                                    else rules += ' _6b1';
+                                    rules += ' _Pa12';
+                                    rules += ' WF12';
+                                    rules += ' _EF12';
+                                    rules += ' _Zc12';
+                                    if (props.isProgressVisible) rules += ' _6c12';
+                                    else rules += ' _6b12';
                                     return rules;
                                 }({
                                     isProgressVisible: isProgressVisible,
@@ -568,14 +568,14 @@ const $067ea9f64ccd4e8e$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $7BBHC$forwa
                                     staticColor: staticColor,
                                     styles: function anonymous(props) {
                                         let rules = " ";
-                                        if (props.size === "XL") rules += ' Zo1';
-                                        else if (props.size === "L") rules += ' Zm1';
-                                        else if (props.size === "M") rules += ' Zl1';
-                                        else if (props.size === "S") rules += ' Zk1';
-                                        if (props.size === "XL") rules += ' Fp1';
-                                        else if (props.size === "L") rules += ' Fn1';
-                                        else if (props.size === "M") rules += ' Fm1';
-                                        else if (props.size === "S") rules += ' Fl1';
+                                        if (props.size === "XL") rules += ' Zo12';
+                                        else if (props.size === "L") rules += ' Zm12';
+                                        else if (props.size === "M") rules += ' Zl12';
+                                        else if (props.size === "S") rules += ' Zk12';
+                                        if (props.size === "XL") rules += ' Fp12';
+                                        else if (props.size === "L") rules += ' Fn12';
+                                        else if (props.size === "M") rules += ' Fm12';
+                                        else if (props.size === "S") rules += ' Fl12';
                                         return rules;
                                     }({
                                         size: size
@@ -628,7 +628,7 @@ const $067ea9f64ccd4e8e$export$29d11c0fe2fc51d8 = /*#__PURE__*/ (0, $7BBHC$forwa
                             [
                                 (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
                                 {
-                                    styles: " TAzEcG1 QAzEcG1 _Jb1",
+                                    styles: " TAzEcG12 QAzEcG12 _Jb12",
                                     // @ts-ignore data-attributes allowed on all JSX elements, but adding to DOMProps has been problematic in the past
                                     'data-rsp-slot': 'text'
                                 }
@@ -638,9 +638,9 @@ const $067ea9f64ccd4e8e$export$29d11c0fe2fc51d8 = /*#__PURE__*/ (0, $7BBHC$forwa
                                 {
                                     render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
                                         slot: 'icon',
-                                        styles: " _Ja1"
+                                        styles: " _Ja12"
                                     }),
-                                    styles: " ZuUmpre1 FuUmpre1 I67logd1 _va1"
+                                    styles: " ZuUmpre12 FuUmpre12 I67logd12 _va12"
                                 }
                             ]
                         ],