@react-spectrum/s2 3.0.0-nightly-a6f868a06-250517 → 3.0.0-nightly-77b3442e4-250521

package/dist/ActionButton.mjs

@@ -118,236 +118,236 @@ const $da878a05ab4a403e$export$446543cff2a0f496 = function anonymous(props, over
         if (p[1] === "_9") zIndex = true;
         rules += p[0];
     }
-    if (props.isFocusVisible) rules += ' _Lf8';
-    else rules += ' _Le8';
-    if (props.isStaticColor) rules += ' Oe8';
-    else rules += ' Oh8';
-    rules += ' Olc8';
-    rules += ' _Mc8';
-    rules += ' _Kd8';
-    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr8';
-    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s8';
+    if (props.isFocusVisible) rules += ' _Lf9';
+    else rules += ' _Le9';
+    if (props.isStaticColor) rules += ' Oe9';
+    else rules += ' Oh9';
+    rules += ' Olc9';
+    rules += ' _Mc9';
+    rules += ' _Kd9';
+    if (props.staticColor === "white") rules += ' -Ovbhqd-gcwrnr9';
+    else if (props.staticColor === "black") rules += ' -Ovbhqd-g4hn3s9';
     if (props.size === "XL") {
-        rules += ' ug8';
-        rules += ' uch8';
-        rules += ' udi8';
-        rules += ' uea8';
-        rules += ' ugb8';
-        rules += ' uhd8';
-        rules += ' uje8';
-        rules += ' uic8';
+        rules += ' ug9';
+        rules += ' uch9';
+        rules += ' udi9';
+        rules += ' uea9';
+        rules += ' ugb9';
+        rules += ' uhd9';
+        rules += ' uje9';
+        rules += ' uic9';
     } else if (props.size === "L") {
-        rules += ' ug8';
-        rules += ' uch8';
-        rules += ' udi8';
-        rules += ' uea8';
-        rules += ' ugb8';
-        rules += ' uhd8';
-        rules += ' uje8';
-        rules += ' uic8';
+        rules += ' ug9';
+        rules += ' uch9';
+        rules += ' udi9';
+        rules += ' uea9';
+        rules += ' ugb9';
+        rules += ' uhd9';
+        rules += ' uje9';
+        rules += ' uic9';
     } else if (props.size === "S") {
-        rules += ' ug8';
-        rules += ' uch8';
-        rules += ' udi8';
-        rules += ' uea8';
-        rules += ' ugb8';
-        rules += ' uhd8';
-        rules += ' uje8';
-        rules += ' uic8';
+        rules += ' ug9';
+        rules += ' uch9';
+        rules += ' udi9';
+        rules += ' uea9';
+        rules += ' ugb9';
+        rules += ' uhd9';
+        rules += ' uje9';
+        rules += ' uic9';
     } else if (props.size === "XS") {
-        rules += ' ug8';
-        rules += ' uch8';
-        rules += ' udi8';
-        rules += ' uea8';
-        rules += ' ugb8';
-        rules += ' uhd8';
-        rules += ' uje8';
-        rules += ' uic8';
+        rules += ' ug9';
+        rules += ' uch9';
+        rules += ' udi9';
+        rules += ' uea9';
+        rules += ' ugb9';
+        rules += ' uhd9';
+        rules += ' uje9';
+        rules += ' uic9';
     } else {
-        rules += ' ug8';
-        rules += ' uch8';
-        rules += ' udi8';
-        rules += ' uea8';
-        rules += ' ugb8';
-        rules += ' uhd8';
-        rules += ' uje8';
-        rules += ' uic8';
+        rules += ' ug9';
+        rules += ' uch9';
+        rules += ' udi9';
+        rules += ' uea9';
+        rules += ' ugb9';
+        rules += ' uhd9';
+        rules += ' uje9';
+        rules += ' uic9';
     }
     if (props.size === "XL") {
-        rules += ' vg8';
-        rules += ' vsj8';
+        rules += ' vg9';
+        rules += ' vsj9';
     } else if (props.size === "L") {
-        rules += ' vp8';
-        rules += ' vsh8';
+        rules += ' vp9';
+        rules += ' vsh9';
     } else if (props.size === "S") {
-        rules += ' vb8';
-        rules += ' vse8';
+        rules += ' vb9';
+        rules += ' vse9';
     } else if (props.size === "XS") {
-        rules += ' va8';
-        rules += ' vsc8';
+        rules += ' va9';
+        rules += ' vsc9';
     } else {
-        rules += ' vd8';
-        rules += ' vsf8';
+        rules += ' vd9';
+        rules += ' vsf9';
     }
-    rules += ' wc8';
-    rules += ' xc8';
-    rules += ' _xa8';
+    rules += ' wc9';
+    rules += ' xc9';
+    rules += ' _xa9';
     if (props.size === "XL") {
-        rules += ' _Fa8';
-        rules += ' _Ffb8';
+        rules += ' _Fa9';
+        rules += ' _Ffb9';
     } else if (props.size === "L") {
-        rules += ' _Fa8';
-        rules += ' _Ffb8';
+        rules += ' _Fa9';
+        rules += ' _Ffb9';
     } else if (props.size === "S") {
-        rules += ' _Fa8';
-        rules += ' _Ffb8';
+        rules += ' _Fa9';
+        rules += ' _Ffb9';
     } else if (props.size === "XS") {
-        rules += ' _Fa8';
-        rules += ' _Ffb8';
+        rules += ' _Fa9';
+        rules += ' _Ffb9';
     } else {
-        rules += ' _Fa8';
-        rules += ' _Ffb8';
+        rules += ' _Fa9';
+        rules += ' _Ffb9';
     }
     if (props.isStaticColor) {
-        if (props.isDisabled) rules += ' pi8';
-        else if (props.isSelected) rules += ' ph8';
+        if (props.isDisabled) rules += ' pi9';
+        else if (props.isSelected) rules += ' ph9';
         else {
-            if (props.isPressed) rules += ' pk8';
-            else if (props.isFocusVisible) rules += ' pk8';
-            else if (props.isHovered) rules += ' pk8';
-            else rules += ' pj8';
+            if (props.isPressed) rules += ' pk9';
+            else if (props.isFocusVisible) rules += ' pk9';
+            else if (props.isHovered) rules += ' pk9';
+            else rules += ' pj9';
         }
-    } else if (props.isDisabled) rules += ' pp8';
+    } else if (props.isDisabled) rules += ' pp9';
     else if (props.isSelected) {
-        if (props.isEmphasized) rules += ' px8';
-        else rules += ' pr8';
+        if (props.isEmphasized) rules += ' px9';
+        else rules += ' pr9';
     } else {
-        if (props.isPressed) rules += ' po8';
-        else if (props.isFocusVisible) rules += ' po8';
-        else if (props.isHovered) rules += ' po8';
-        else rules += ' pt8';
+        if (props.isPressed) rules += ' po9';
+        else if (props.isFocusVisible) rules += ' po9';
+        else if (props.isHovered) rules += ' po9';
+        else rules += ' pt9';
     }
-    if (props.isDisabled) rules += ' plc8';
-    else if (props.isSelected) rules += ' ple8';
-    else rules += ' plb8';
-    rules += ' sd8';
-    rules += ' eb8';
-    rules += ' _oa8';
-    rules += ' SMBFGYc8';
-    rules += ' Rv8';
-    rules += ' RgLWx3bd8';
-    if (!minWidth) rules += ' N7yFGYc8';
-    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec8';
-    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn8';
-    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b8';
-    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd8';
-    else rules += ' -SFnbic-_Jb8';
-    rules += ' -Bu7z1c-ob8';
+    if (props.isDisabled) rules += ' plc9';
+    else if (props.isSelected) rules += ' ple9';
+    else rules += ' plb9';
+    rules += ' sd9';
+    rules += ' eb9';
+    rules += ' _oa9';
+    rules += ' SMBFGYc9';
+    rules += ' Rv9';
+    rules += ' RgLWx3bd9';
+    if (!minWidth) rules += ' N7yFGYc9';
+    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec9';
+    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn9';
+    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b9';
+    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd9';
+    else rules += ' -SFnbic-_Jb9';
+    rules += ' -Bu7z1c-ob9';
     if (props.density === "compact") {
-        rules += ' od8';
-        rules += ' obj8';
-    } else rules += ' oj8';
+        rules += ' od9';
+        rules += ' obj9';
+    } else rules += ' oj9';
     if (props.density === "compact") {
-        if (props.orientation === "vertical") rules += ' nbj8';
-        else if (props.orientation === "horizontal") rules += ' nkj8';
-        else rules += ' nd8';
-    } else rules += ' nj8';
+        if (props.orientation === "vertical") rules += ' nbj9';
+        else if (props.orientation === "horizontal") rules += ' nkj9';
+        else rules += ' nd9';
+    } else rules += ' nj9';
     if (props.density === "compact") {
-        if (props.orientation === "vertical") rules += ' kkj8';
-        else if (props.orientation === "horizontal") rules += ' kbj8';
-        else rules += ' kd8';
-    } else rules += ' kj8';
+        if (props.orientation === "vertical") rules += ' kkj9';
+        else if (props.orientation === "horizontal") rules += ' kbj9';
+        else rules += ' kd9';
+    } else rules += ' kj9';
     if (props.density === "compact") {
-        rules += ' jd8';
-        rules += ' jkj8';
-    } else rules += ' jj8';
-    rules += ' qc8';
-    rules += ' qsd8';
-    rules += ' -Qg41Lb-IAxCW0c8';
-    rules += ' -Qg41Lb-gLWx3bIy8';
-    rules += ' FRuFGYc8';
-    rules += ' _Ca8';
+        rules += ' jd9';
+        rules += ' jkj9';
+    } else rules += ' jj9';
+    rules += ' qc9';
+    rules += ' qsd9';
+    rules += ' -Qg41Lb-IAxCW0c9';
+    rules += ' -Qg41Lb-gLWx3bIy9';
+    rules += ' FRuFGYc9';
+    rules += ' _Ca9';
     if (props.isInGroup) {
-        if (!flexShrink) rules += ' _va8';
-    } else if (!flexShrink) rules += ' _vb8';
+        if (!flexShrink) rules += ' _va9';
+    } else if (!flexShrink) rules += ' _vb9';
     if (props.isJustified) {
-        if (!flexGrow) rules += ' _ub8';
+        if (!flexGrow) rules += ' _ub9';
     }
     if (props.isJustified) {
-        if (!flexBasis) rules += ' _sb8';
+        if (!flexBasis) rules += ' _sb9';
     }
-    rules += ' _4c8';
-    rules += ' Yd8';
-    rules += ' Xb8';
-    rules += ' _2b8';
-    rules += ' _yb8';
-    rules += ' gqMFGYc8';
-    rules += ' -_8sjo0b-t5ZbAob8';
-    rules += ' _je8';
+    rules += ' _4c9';
+    rules += ' Yd9';
+    rules += ' Xb9';
+    rules += ' _2b9';
+    rules += ' _yb9';
+    rules += ' gqMFGYc9';
+    rules += ' -_8sjo0b-t5ZbAob9';
+    rules += ' _je9';
     if (props.isFocusVisible) {
-        if (!zIndex) rules += ' _9d8';
+        if (!zIndex) rules += ' _9d9';
     }
-    rules += ' __ca8';
-    rules += ' -B5H9Ae-WXN7eQb8';
-    rules += ' -B5H9Ae-wAP22cWr8';
-    rules += ' -SqFa4c-ZuUmpre8';
-    rules += ' -dcAs1c-ZaYffXd8';
-    rules += ' -dcAs1c-y5UFLdZt9HF58';
-    rules += ' -dcAs1c-wAP22cZa8';
-    if (props.size === "XL") rules += ' -F_-Fz8';
-    else if (props.size === "L") rules += ' -F_-Fv8';
-    else if (props.size === "S") rules += ' -F_-Fp8';
-    else if (props.size === "XS") rules += ' -F_-Fn8';
-    else rules += ' -F_-Fx8';
+    rules += ' __ca9';
+    rules += ' -B5H9Ae-WXN7eQb9';
+    rules += ' -B5H9Ae-wAP22cWr9';
+    rules += ' -SqFa4c-ZuUmpre9';
+    rules += ' -dcAs1c-ZaYffXd9';
+    rules += ' -dcAs1c-y5UFLdZt9HF59';
+    rules += ' -dcAs1c-wAP22cZa9';
+    if (props.size === "XL") rules += ' -F_-Fz9';
+    else if (props.size === "L") rules += ' -F_-Fv9';
+    else if (props.size === "S") rules += ' -F_-Fp9';
+    else if (props.size === "XS") rules += ' -F_-Fn9';
+    else rules += ' -F_-Fx9';
     if (props.isStaticColor) {
         if (props.isSelected) {
             if (props.isDisabled) {
-                if (props.isQuiet) rules += ' -g_-g98';
-                else rules += ' -g_-gf8';
+                if (props.isQuiet) rules += ' -g_-g99';
+                else rules += ' -g_-gf9';
             } else {
-                if (props.isPressed) rules += ' -g_-gj8';
-                else if (props.isFocusVisible) rules += ' -g_-gj8';
-                else if (props.isHovered) rules += ' -g_-gj8';
-                else rules += ' -g_-gi8';
+                if (props.isPressed) rules += ' -g_-gj9';
+                else if (props.isFocusVisible) rules += ' -g_-gj9';
+                else if (props.isHovered) rules += ' -g_-gj9';
+                else rules += ' -g_-gi9';
             }
-        } else if (props.isPressed) rules += ' -g_-gg8';
-        else if (props.isFocusVisible) rules += ' -g_-gg8';
-        else if (props.isHovered) rules += ' -g_-gg8';
-        else if (props.isQuiet) rules += ' -g_-g98';
-        else rules += ' -g_-gf8';
+        } else if (props.isPressed) rules += ' -g_-gg9';
+        else if (props.isFocusVisible) rules += ' -g_-gg9';
+        else if (props.isHovered) rules += ' -g_-gg9';
+        else if (props.isQuiet) rules += ' -g_-g99';
+        else rules += ' -g_-gf9';
     } else if (props.isSelected) {
         if (props.isDisabled) {
-            if (props.isQuiet) rules += ' -g_-g98';
-            else rules += ' -g_-gH8';
+            if (props.isQuiet) rules += ' -g_-g99';
+            else rules += ' -g_-gH9';
         } else if (props.isEmphasized) {
-            if (props.isFocused) rules += ' -g_-gUgARdd8';
-            else if (props.isPressed) rules += ' -g_-gUgARdd8';
-            else if (props.isHovered) rules += ' -g_-gUgARdd8';
-            else rules += ' -g_-g5qAiPc8';
+            if (props.isFocused) rules += ' -g_-gUgARdd9';
+            else if (props.isPressed) rules += ' -g_-gUgARdd9';
+            else if (props.isHovered) rules += ' -g_-gUgARdd9';
+            else rules += ' -g_-g5qAiPc9';
         } else {
-            if (props.isPressed) rules += ' -g_-gu8';
-            else if (props.isFocusVisible) rules += ' -g_-gu8';
-            else if (props.isHovered) rules += ' -g_-gu8';
-            else rules += ' -g_-g08';
+            if (props.isPressed) rules += ' -g_-gu9';
+            else if (props.isFocusVisible) rules += ' -g_-gu9';
+            else if (props.isHovered) rules += ' -g_-gu9';
+            else rules += ' -g_-g09';
         }
     } else {
-        if (props.isPressed) rules += ' -g_-gF8';
-        else if (props.isFocusVisible) rules += ' -g_-gF8';
-        else if (props.isHovered) rules += ' -g_-gF8';
-        else if (props.isQuiet) rules += ' -g_-g98';
-        else rules += ' -g_-gH8';
+        if (props.isPressed) rules += ' -g_-gF9';
+        else if (props.isFocusVisible) rules += ' -g_-gF9';
+        else if (props.isHovered) rules += ' -g_-gF9';
+        else if (props.isQuiet) rules += ' -g_-g99';
+        else rules += ' -g_-gH9';
     }
     if (props.isSelected) {
-        if (props.isDisabled) rules += ' -g_-lgb8';
-        else rules += ' -g_-lge8';
-    } else rules += ' -g_-lgb8';
-    rules += ' -S_-Sv8';
-    rules += ' -S_-gLWx3bSd8';
-    if (props.size === "XL") rules += ' -N_-Nl8';
-    else if (props.size === "L") rules += ' -N_-Nj8';
-    else if (props.size === "S") rules += ' -N_-Nf8';
-    else if (props.size === "XS") rules += ' -N_-Ne8';
-    else rules += ' -N_-Nk8';
+        if (props.isDisabled) rules += ' -g_-lgb9';
+        else rules += ' -g_-lge9';
+    } else rules += ' -g_-lgb9';
+    rules += ' -S_-Sv9';
+    rules += ' -S_-gLWx3bSd9';
+    if (props.size === "XL") rules += ' -N_-Nl9';
+    else if (props.size === "L") rules += ' -N_-Nj9';
+    else if (props.size === "S") rules += ' -N_-Nf9';
+    else if (props.size === "XS") rules += ' -N_-Ne9';
+    else rules += ' -N_-Nk9';
     return rules;
 };
 // Matching icon sizes. TBD.
@@ -394,7 +394,7 @@ const $da878a05ab4a403e$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $hl1Zj$forwa
                 [
                     (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
                     {
-                        styles: " _Jb8 _Nc8 Pc8 _Yb8 _7c8"
+                        styles: " _Jb9 _Nc9 Pc9 _Yb9 _7c9"
                     }
                 ],
                 [
@@ -402,16 +402,16 @@ const $da878a05ab4a403e$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $hl1Zj$forwa
                     {
                         render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
                             slot: 'icon',
-                            styles: " _Ja8"
+                            styles: " _Ja9"
                         }),
-                        styles: " ZuUmpre8 FuUmpre8 I67logd8 _va8"
+                        styles: " ZuUmpre9 FuUmpre9 I67logd9 _va9"
                     }
                 ],
                 [
                     (0, $3ffa2cd930156220$export$a20dad690e1279e2),
                     {
                         size: $da878a05ab4a403e$var$avatarSize[size],
-                        styles: " I67logd8 _va8 _Ja8"
+                        styles: " I67logd9 _va9 _Ja9"
                     }
                 ],
                 [
@@ -420,7 +420,7 @@ const $da878a05ab4a403e$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $hl1Zj$forwa
                         staticColor: staticColor,
                         size: props.size === 'XS' ? undefined : props.size,
                         isDisabled: props.isDisabled,
-                        styles: " _Pa8 WtedXZc8 _A1IiWH8 JlZStSb8 IlZStSb8"
+                        styles: " _Pa9 WtedXZc9 _A1IiWH9 JlZStSb9 IlZStSb9"
                     }
                 ]
             ],

package/dist/ActionButtonGroup.cjs

@@ -29,23 +29,23 @@ $parcel$export(module.exports, "ActionButtonGroup", () => $7a26131f6144af2b$expo
 const $7a26131f6144af2b$export$641cbcd1f6f6802f = 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|F|M|K)[^\s]+/g) || []).join('');
-    rules += ' sd8';
-    if (props.orientation === "vertical") rules += ' _ta8';
-    else if (props.orientation === "horizontal") rules += ' _tc8';
+    rules += ' sd9';
+    if (props.orientation === "vertical") rules += ' _ta9';
+    else if (props.orientation === "horizontal") rules += ' _tc9';
     if (props.density === "regular") {
-        if (props.size === "XL") rules += ' Ue8';
-        else if (props.size === "L") rules += ' Ue8';
-        else if (props.size === "M") rules += ' Ue8';
-        else if (props.size === "S") rules += ' Ub8';
-        else if (props.size === "XS") rules += ' Ub8';
-    } else if (props.density === "compact") rules += ' Ua8';
+        if (props.size === "XL") rules += ' Ue9';
+        else if (props.size === "L") rules += ' Ue9';
+        else if (props.size === "M") rules += ' Ue9';
+        else if (props.size === "S") rules += ' Ub9';
+        else if (props.size === "XS") rules += ' Ub9';
+    } else if (props.density === "compact") rules += ' Ua9';
     if (props.density === "regular") {
-        if (props.size === "XL") rules += ' qe8';
-        else if (props.size === "L") rules += ' qe8';
-        else if (props.size === "M") rules += ' qe8';
-        else if (props.size === "S") rules += ' qb8';
-        else if (props.size === "XS") rules += ' qb8';
-    } else if (props.density === "compact") rules += ' qa8';
+        if (props.size === "XL") rules += ' qe9';
+        else if (props.size === "L") rules += ' qe9';
+        else if (props.size === "M") rules += ' qe9';
+        else if (props.size === "S") rules += ' qb9';
+        else if (props.size === "XS") rules += ' qb9';
+    } else if (props.density === "compact") rules += ' qa9';
     return rules;
 };
 const $7a26131f6144af2b$export$33f5f2f2cb85d743 = /*#__PURE__*/ (0, $jGK4W$react.createContext)(null);

package/dist/ActionButtonGroup.css

@@ -1,37 +1,37 @@
 @layer _.a {
-  .sd8 {
+  .sd9 {
     display: flex;
   }
 
-  ._tc8 {
+  ._tc9 {
     flex-direction: row;
   }
 
-  ._ta8 {
+  ._ta9 {
     flex-direction: column;
   }
 
-  .Ua8 {
+  .Ua9 {
     row-gap: .125rem;
   }
 
-  .Ub8 {
+  .Ub9 {
     row-gap: .25rem;
   }
 
-  .Ue8 {
+  .Ue9 {
     row-gap: .5rem;
   }
 
-  .qa8 {
+  .qa9 {
     column-gap: .125rem;
   }
 
-  .qb8 {
+  .qb9 {
     column-gap: .25rem;
   }
 
-  .qe8 {
+  .qe9 {
     column-gap: .5rem;
   }
 }

package/dist/ActionButtonGroup.mjs

@@ -21,23 +21,23 @@ import {createContext as $aTsYn$createContext, forwardRef as $aTsYn$forwardRef}
 const $10401bdc118cbc90$export$641cbcd1f6f6802f = 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|F|M|K)[^\s]+/g) || []).join('');
-    rules += ' sd8';
-    if (props.orientation === "vertical") rules += ' _ta8';
-    else if (props.orientation === "horizontal") rules += ' _tc8';
+    rules += ' sd9';
+    if (props.orientation === "vertical") rules += ' _ta9';
+    else if (props.orientation === "horizontal") rules += ' _tc9';
     if (props.density === "regular") {
-        if (props.size === "XL") rules += ' Ue8';
-        else if (props.size === "L") rules += ' Ue8';
-        else if (props.size === "M") rules += ' Ue8';
-        else if (props.size === "S") rules += ' Ub8';
-        else if (props.size === "XS") rules += ' Ub8';
-    } else if (props.density === "compact") rules += ' Ua8';
+        if (props.size === "XL") rules += ' Ue9';
+        else if (props.size === "L") rules += ' Ue9';
+        else if (props.size === "M") rules += ' Ue9';
+        else if (props.size === "S") rules += ' Ub9';
+        else if (props.size === "XS") rules += ' Ub9';
+    } else if (props.density === "compact") rules += ' Ua9';
     if (props.density === "regular") {
-        if (props.size === "XL") rules += ' qe8';
-        else if (props.size === "L") rules += ' qe8';
-        else if (props.size === "M") rules += ' qe8';
-        else if (props.size === "S") rules += ' qb8';
-        else if (props.size === "XS") rules += ' qb8';
-    } else if (props.density === "compact") rules += ' qa8';
+        if (props.size === "XL") rules += ' qe9';
+        else if (props.size === "L") rules += ' qe9';
+        else if (props.size === "M") rules += ' qe9';
+        else if (props.size === "S") rules += ' qb9';
+        else if (props.size === "XS") rules += ' qb9';
+    } else if (props.density === "compact") rules += ' qa9';
     return rules;
 };
 const $10401bdc118cbc90$export$33f5f2f2cb85d743 = /*#__PURE__*/ (0, $aTsYn$createContext)(null);

package/dist/Add.cjs

@@ -30,16 +30,16 @@ $parcel$export(module.exports, "default", () => $54686c7c3f031ee2$export$2e2bcd8
 
 let $54686c7c3f031ee2$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "S") rules += ' Zh8';
-    else if (props.size === "XS") rules += ' Zh8';
-    else if (props.size === "XL") rules += ' Zj8';
-    else if (props.size === "L") rules += ' Zj8';
-    else if (props.size === "M") rules += ' Zi8';
-    if (props.size === "S") rules += ' Fi8';
-    else if (props.size === "XS") rules += ' Fi8';
-    else if (props.size === "XL") rules += ' Fk8';
-    else if (props.size === "L") rules += ' Fk8';
-    else if (props.size === "M") rules += ' Fj8';
+    if (props.size === "S") rules += ' Zh9';
+    else if (props.size === "XS") rules += ' Zh9';
+    else if (props.size === "XL") rules += ' Zj9';
+    else if (props.size === "L") rules += ' Zj9';
+    else if (props.size === "M") rules += ' Zi9';
+    if (props.size === "S") rules += ' Fi9';
+    else if (props.size === "XS") rules += ' Fi9';
+    else if (props.size === "XL") rules += ' Fk9';
+    else if (props.size === "L") rules += ' Fk9';
+    else if (props.size === "M") rules += ' Fj9';
     return rules;
 };
 function $54686c7c3f031ee2$export$2e2bcd8739ae039(props) {

package/dist/Add.css

@@ -1,28 +1,28 @@
 @layer _.a {
-  .Zi8 {
+  .Zi9 {
     width: calc(.625rem * var(--s2-scale));
   }
 
-  .Zj8 {
+  .Zj9 {
     width: calc(.75rem * var(--s2-scale));
     width: calc(.75rem * var(--s2-scale));
   }
 
-  .Zh8 {
+  .Zh9 {
     width: calc(.5rem * var(--s2-scale));
     width: calc(.5rem * var(--s2-scale));
   }
 
-  .Fj8 {
+  .Fj9 {
     height: calc(.625rem * var(--s2-scale));
   }
 
-  .Fk8 {
+  .Fk9 {
     height: calc(.75rem * var(--s2-scale));
     height: calc(.75rem * var(--s2-scale));
   }
 
-  .Fi8 {
+  .Fi9 {
     height: calc(.5rem * var(--s2-scale));
     height: calc(.5rem * var(--s2-scale));
   }