@react-spectrum/s2 3.0.0-nightly-56da82e3e-250212 → 3.0.0-nightly-260eb700f-250213

package/dist/ActionButton.mjs

@@ -40,71 +40,71 @@ import {useFocusableRef as $hl1Zj$useFocusableRef} from "@react-spectrum/utils";
 const $da878a05ab4a403e$var$iconOnly = ':has([slot=icon], [slot=avatar]):not(:has([data-rsp-slot=text]))';
 const $da878a05ab4a403e$export$446543cff2a0f496 = function anonymous(props, overrides) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q)[^\s]+/g) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
     rules += matches.join('');
-    let $__c = false;
-    let $__d = false;
-    let $g = false;
-    let $p = false;
-    let $__U = false;
+    let $_9 = false;
+    let $__a = false;
+    let $h = false;
+    let $q = false;
+    let $__R = false;
     for (let p of matches){
-        if (/^\s*__c/.test(p)) $__c = true;
-        if (/^\s*__d/.test(p)) $__d = true;
-        if (/^\s*g/.test(p)) $g = true;
-        if (/^\s*p/.test(p)) $p = true;
-        if (/^\s*__U/.test(p)) $__U = true;
+        if (/^\s*_9/.test(p)) $_9 = true;
+        if (/^\s*__a/.test(p)) $__a = true;
+        if (/^\s*h/.test(p)) $h = true;
+        if (/^\s*q/.test(p)) $q = true;
+        if (/^\s*__R/.test(p)) $__R = true;
     }
-    if (props.isFocusVisible) rules += ' _Pb';
-    else rules += ' _Pa';
-    rules += ' ca_____M';
-    if (props.isStaticColor) rules += ' c_____G';
-    else rules += ' cx';
-    rules += ' _Rc';
-    rules += ' _Q-3t1z';
+    if (props.isFocusVisible) rules += ' _Mb';
+    else rules += ' _Ma';
+    rules += ' da_____M';
+    if (props.isStaticColor) rules += ' d_____G';
+    else rules += ' dx';
+    rules += ' _Oc';
+    rules += ' _N-3t1z';
     if (props.staticColor === "white") rules += ' -_1de2x0q_b-b';
     else if (props.staticColor === "black") rules += ' -_1de2x0q_b-c';
+    rules += ' _0d';
+    rules += ' _2c';
     rules += ' _3d';
-    rules += ' _5c';
-    rules += ' _6d';
-    rules += ' ibH';
-    rules += ' iG';
-    if (!$__c) {
-        if (props.isInGroup) rules += ' __c-3t1x';
-        else rules += ' __c-3t1y';
+    rules += ' jbH';
+    rules += ' jG';
+    if (!$_9) {
+        if (props.isInGroup) rules += ' _9-3t1x';
+        else rules += ' _9-3t1y';
     }
-    if (!$__d) {
-        if (props.isJustified) rules += ' __d-3t1y';
+    if (!$__a) {
+        if (props.isJustified) rules += ' __a-3t1y';
     }
-    if (!$g) {
-        if (props.isJustified) rules += ' ga';
+    if (!$h) {
+        if (props.isJustified) rules += ' ha';
     }
-    rules += ' _g-bc1l9oh';
-    rules += ' _g-1uotwbwg';
-    rules += ' _g-eo0c6sf';
-    rules += ' _g-enzzrge';
-    rules += ' _g-enzykdd';
-    rules += ' _g-enzwzjc';
-    rules += ' _g-enzrfpb';
-    rules += ' _ga';
+    rules += ' _d-bc1l9oh';
+    rules += ' _d-1uotwbwg';
+    rules += ' _d-eo0c6sf';
+    rules += ' _d-enzzrge';
+    rules += ' _d-enzykdd';
+    rules += ' _d-enzwzjc';
+    rules += ' _d-enzrfpb';
+    rules += ' _da';
     if (props.size === "XL") {
-        rules += ' _hbj';
-        rules += ' _hi';
+        rules += ' _ebj';
+        rules += ' _ei';
     } else if (props.size === "L") {
-        rules += ' _hbh';
-        rules += ' _hg';
+        rules += ' _ebh';
+        rules += ' _eg';
     } else if (props.size === "S") {
-        rules += ' _hbd';
-        rules += ' _hc';
+        rules += ' _ebd';
+        rules += ' _ec';
     } else if (props.size === "XS") {
-        rules += ' _hbb';
-        rules += ' _ha';
+        rules += ' _ebb';
+        rules += ' _ea';
     } else {
-        rules += ' _hbf';
-        rules += ' _he';
+        rules += ' _ebf';
+        rules += ' _ee';
     }
-    rules += ' _ic';
-    rules += ' _j-1x99dlob';
-    rules += ' _ja';
+    rules += ' _fc';
+    rules += ' _g-1x99dlob';
+    rules += ' _ga';
     if (props.isDisabled) rules += ' aa_____O';
     else if (props.isSelected) rules += ' aa_____N';
     else rules += ' aa_____K';
@@ -127,52 +127,52 @@ const $da878a05ab4a403e$export$446543cff2a0f496 = function anonymous(props, over
         else if (props.isHovered) rules += ' ao';
         else rules += ' an';
     }
-    rules += ' __Ha';
-    rules += ' j-375top';
-    if (!$p) {
-        if (props.size === "XL") rules += ' pj';
-        else if (props.size === "L") rules += ' pi';
-        else if (props.size === "S") rules += ' ph';
-        else if (props.size === "XS") rules += ' pg';
-        else rules += ' pf';
+    rules += ' __Ea';
+    rules += ' k-375toq';
+    if (!$q) {
+        if (props.size === "XL") rules += ' qj';
+        else if (props.size === "L") rules += ' qi';
+        else if (props.size === "S") rules += ' qh';
+        else if (props.size === "XS") rules += ' qg';
+        else rules += ' qf';
     }
+    rules += ' _Pa';
+    rules += ' _R-375x7f';
     rules += ' _Sa';
-    rules += ' _U-375x7f';
-    rules += ' _Va';
-    rules += ' _Db';
+    rules += ' _Ab';
     rules += ' b-375toh';
-    rules += ' -rwx0fg_d-b';
-    rules += ' zf';
-    rules += ' F-1imc51ya';
-    rules += ' FI';
-    rules += ' G-1imc51ya';
-    rules += ' GI';
-    rules += ' Ha';
-    rules += ' Ia';
+    rules += ' -rwx0fg_e-b';
+    rules += ' wf';
+    rules += ' C-1imc51ya';
+    rules += ' CI';
+    rules += ' D-1imc51ya';
+    rules += ' DI';
+    rules += ' Ea';
+    rules += ' Fa';
     if (props.density === "compact") {
-        rules += ' _z-13alit4h';
-        rules += ' _za';
-    } else rules += ' _zh';
+        rules += ' _w-13alit4h';
+        rules += ' _wa';
+    } else rules += ' _wh';
     if (props.density === "compact") {
-        if (props.orientation === "vertical") rules += ' _A-13alit4h';
-        else if (props.orientation === "horizontal") rules += ' _A-uamghwh';
-        else rules += ' _Aa';
-    } else rules += ' _Ah';
+        if (props.orientation === "vertical") rules += ' _x-13alit4h';
+        else if (props.orientation === "horizontal") rules += ' _x-uamghwh';
+        else rules += ' _xa';
+    } else rules += ' _xh';
     if (props.density === "compact") {
-        if (props.orientation === "vertical") rules += ' _B-uamghwh';
-        else if (props.orientation === "horizontal") rules += ' _B-13alit4h';
-        else rules += ' _Ba';
-    } else rules += ' _Bh';
+        if (props.orientation === "vertical") rules += ' _y-uamghwh';
+        else if (props.orientation === "horizontal") rules += ' _y-13alit4h';
+        else rules += ' _ya';
+    } else rules += ' _yh';
     if (props.density === "compact") {
-        rules += ' _C-uamghwh';
-        rules += ' _Ca';
-    } else rules += ' _Ch';
-    rules += ' -oelgqu_D--1imc51ya';
-    rules += ' -oelgqu_D--177861o';
-    if (!$__U) {
-        if (props.isFocusVisible) rules += ' __U-3t1z';
+        rules += ' _z-uamghwh';
+        rules += ' _za';
+    } else rules += ' _zh';
+    rules += ' -oelgqu_A--1imc51ya';
+    rules += ' -oelgqu_A--177861o';
+    if (!$__R) {
+        if (props.isFocusVisible) rules += ' __R-3t1z';
     }
-    rules += ' __V-yksgrp';
+    rules += ' __S-yksgrp';
     if (props.isSelected) {
         if (props.isDisabled) rules += ' -_375toh_b-a_____J';
         else rules += ' -_375toh_b-a_____M';
@@ -215,11 +215,11 @@ const $da878a05ab4a403e$export$446543cff2a0f496 = function anonymous(props, over
         else if (props.isQuiet) rules += ' -_375toh_b-a';
         else rules += ' -_375toh_b-g';
     }
-    if (props.size === "XL") rules += ' -_375top_j-j';
-    else if (props.size === "L") rules += ' -_375top_j-i';
-    else if (props.size === "S") rules += ' -_375top_j-h';
-    else if (props.size === "XS") rules += ' -_375top_j-g';
-    else rules += ' -_375top_j-f';
+    if (props.size === "XL") rules += ' -_375toq_k-j';
+    else if (props.size === "L") rules += ' -_375toq_k-i';
+    else if (props.size === "S") rules += ' -_375toq_k-h';
+    else if (props.size === "XS") rules += ' -_375toq_k-g';
+    else rules += ' -_375toq_k-f';
     return rules;
 };
 // Matching icon sizes. TBD.
@@ -266,7 +266,7 @@ const $da878a05ab4a403e$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $hl1Zj$forwa
                 [
                     (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
                     {
-                        styles: " H-1gogtue I-1gogtue __E-3t1y __zb __Ab _qa _tb"
+                        styles: " E-1gogtue F-1gogtue __B-3t1y __wb __xb _na _qb"
                     }
                 ],
                 [
@@ -274,16 +274,16 @@ const $da878a05ab4a403e$export$cfc7921d29ef7b80 = /*#__PURE__*/ (0, $hl1Zj$forwa
                     {
                         render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
                             slot: 'icon',
-                            styles: " __E-3t1x"
+                            styles: " __B-3t1x"
                         }),
-                        styles: " k-1sthc3k j-1sthc3k B-oelgqu __c-3t1x"
+                        styles: " l-1sthc3k k-1sthc3k y-oelgqu _9-3t1x"
                     }
                 ],
                 [
                     (0, $3ffa2cd930156220$export$a20dad690e1279e2),
                     {
                         size: $da878a05ab4a403e$var$avatarSize[size],
-                        styles: " B-oelgqu __c-3t1x __E-3t1x"
+                        styles: " y-oelgqu _9-3t1x __B-3t1x"
                     }
                 ]
             ],

package/dist/ActionButtonGroup.cjs

@@ -28,18 +28,11 @@ $parcel$export(module.exports, "ActionButtonGroup", () => $7a26131f6144af2b$expo
 
 const $7a26131f6144af2b$export$641cbcd1f6f6802f = function anonymous(props, overrides) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q|j|n|o)[^\s]+/g) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r|k|o|p)[^\s]+/g) || [];
     rules += matches.join('');
-    rules += ' _3d';
-    if (props.orientation === "vertical") rules += ' __ab';
-    else if (props.orientation === "horizontal") rules += ' __aa';
-    if (props.density === "regular") {
-        if (props.size === "XL") rules += ' hd';
-        else if (props.size === "L") rules += ' hd';
-        else if (props.size === "M") rules += ' hd';
-        else if (props.size === "S") rules += ' hc';
-        else if (props.size === "XS") rules += ' hc';
-    } else if (props.density === "compact") rules += ' hb';
+    rules += ' _0d';
+    if (props.orientation === "vertical") rules += ' _7b';
+    else if (props.orientation === "horizontal") rules += ' _7a';
     if (props.density === "regular") {
         if (props.size === "XL") rules += ' id';
         else if (props.size === "L") rules += ' id';
@@ -47,6 +40,13 @@ const $7a26131f6144af2b$export$641cbcd1f6f6802f = function anonymous(props, over
         else if (props.size === "S") rules += ' ic';
         else if (props.size === "XS") rules += ' ic';
     } else if (props.density === "compact") rules += ' ib';
+    if (props.density === "regular") {
+        if (props.size === "XL") rules += ' jd';
+        else if (props.size === "L") rules += ' jd';
+        else if (props.size === "M") rules += ' jd';
+        else if (props.size === "S") rules += ' jc';
+        else if (props.size === "XS") rules += ' jc';
+    } else if (props.density === "compact") rules += ' jb';
     return rules;
 };
 const $7a26131f6144af2b$export$33f5f2f2cb85d743 = /*#__PURE__*/ (0, $jGK4W$react.createContext)(null);

package/dist/ActionButtonGroup.css

@@ -1,37 +1,37 @@
 @layer _.a {
-  ._3d {
+  ._0d {
     display: flex;
   }
 
-  .__aa {
+  ._7a {
     flex-direction: row;
   }
 
-  .__ab {
+  ._7b {
     flex-direction: column;
   }
 
-  .hb {
+  .ib {
     row-gap: .125rem;
   }
 
-  .hc {
+  .ic {
     row-gap: .25rem;
   }
 
-  .hd {
+  .id {
     row-gap: .5rem;
   }
 
-  .ib {
+  .jb {
     column-gap: .125rem;
   }
 
-  .ic {
+  .jc {
     column-gap: .25rem;
   }
 
-  .id {
+  .jd {
     column-gap: .5rem;
   }
 }

package/dist/ActionButtonGroup.mjs

@@ -20,18 +20,11 @@ import {createContext as $aTsYn$createContext, forwardRef as $aTsYn$forwardRef}
 
 const $10401bdc118cbc90$export$641cbcd1f6f6802f = function anonymous(props, overrides) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q|j|n|o)[^\s]+/g) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r|k|o|p)[^\s]+/g) || [];
     rules += matches.join('');
-    rules += ' _3d';
-    if (props.orientation === "vertical") rules += ' __ab';
-    else if (props.orientation === "horizontal") rules += ' __aa';
-    if (props.density === "regular") {
-        if (props.size === "XL") rules += ' hd';
-        else if (props.size === "L") rules += ' hd';
-        else if (props.size === "M") rules += ' hd';
-        else if (props.size === "S") rules += ' hc';
-        else if (props.size === "XS") rules += ' hc';
-    } else if (props.density === "compact") rules += ' hb';
+    rules += ' _0d';
+    if (props.orientation === "vertical") rules += ' _7b';
+    else if (props.orientation === "horizontal") rules += ' _7a';
     if (props.density === "regular") {
         if (props.size === "XL") rules += ' id';
         else if (props.size === "L") rules += ' id';
@@ -39,6 +32,13 @@ const $10401bdc118cbc90$export$641cbcd1f6f6802f = function anonymous(props, over
         else if (props.size === "S") rules += ' ic';
         else if (props.size === "XS") rules += ' ic';
     } else if (props.density === "compact") rules += ' ib';
+    if (props.density === "regular") {
+        if (props.size === "XL") rules += ' jd';
+        else if (props.size === "L") rules += ' jd';
+        else if (props.size === "M") rules += ' jd';
+        else if (props.size === "S") rules += ' jc';
+        else if (props.size === "XS") rules += ' jc';
+    } else if (props.density === "compact") rules += ' jb';
     return rules;
 };
 const $10401bdc118cbc90$export$33f5f2f2cb85d743 = /*#__PURE__*/ (0, $aTsYn$createContext)(null);

package/dist/AlertDialog.cjs

@@ -50,9 +50,9 @@ $parcel$export(module.exports, "AlertDialog", () => $d67aa10f4fac9e2b$export$de4
 
 const $d67aa10f4fac9e2b$var$icon = function anonymous(props) {
     let rules = " .";
-    rules += ' Cd';
-    if (props.variant === "warning") rules += ' -rwx0fg_d-g';
-    else if (props.variant === "error") rules += ' -rwx0fg_d-e';
+    rules += ' zd';
+    if (props.variant === "warning") rules += ' -rwx0fg_e-g';
+    else if (props.variant === "error") rules += ' -rwx0fg_e-e';
     return rules;
 };
 const $d67aa10f4fac9e2b$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $dZ5J1$react.forwardRef)(function AlertDialog(props, ref) {

package/dist/AlertDialog.css

@@ -1,13 +1,13 @@
 @layer _.a {
-  .Cd {
+  .zd {
     margin-inline-end: .5rem;
   }
 
-  .-rwx0fg_d-e {
+  .-rwx0fg_e-e {
     --iconPrimary: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #fc432e);
   }
 
-  .-rwx0fg_d-g {
+  .-rwx0fg_e-g {
     --iconPrimary: var(--lightningcss-light, #d45b00) var(--lightningcss-dark, #e06400);
   }
 }

package/dist/AlertDialog.mjs

@@ -44,9 +44,9 @@ function $parcel$interopDefault(a) {
 
 const $94a8ad475d9a330c$var$icon = function anonymous(props) {
     let rules = " .";
-    rules += ' Cd';
-    if (props.variant === "warning") rules += ' -rwx0fg_d-g';
-    else if (props.variant === "error") rules += ' -rwx0fg_d-e';
+    rules += ' zd';
+    if (props.variant === "warning") rules += ' -rwx0fg_e-g';
+    else if (props.variant === "error") rules += ' -rwx0fg_e-e';
     return rules;
 };
 const $94a8ad475d9a330c$export$de466dd8317b0b75 = /*#__PURE__*/ (0, $2iZqV$forwardRef)(function AlertDialog(props, ref) {

package/dist/Avatar.cjs

@@ -31,28 +31,28 @@ $parcel$export(module.exports, "Avatar", () => $38071d9ce246d4cf$export$e2255cf6
 
 const $38071d9ce246d4cf$var$imageStyles = function anonymous(props, overrides) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a)[^\s]+/g) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X)[^\s]+/g) || [];
     rules += matches.join('');
-    let $__c = false;
-    let $__d = false;
+    let $_9 = false;
+    let $__a = false;
     for (let p of matches){
-        if (/^\s*__c/.test(p)) $__c = true;
-        if (/^\s*__d/.test(p)) $__d = true;
+        if (/^\s*_9/.test(p)) $_9 = true;
+        if (/^\s*__a/.test(p)) $__a = true;
     }
+    rules += ' _wf';
+    rules += ' _xf';
+    rules += ' _yf';
     rules += ' _zf';
-    rules += ' _Af';
-    rules += ' _Bf';
-    rules += ' _Cf';
+    rules += ' lI';
     rules += ' kI';
-    rules += ' jI';
-    if (!$__c) rules += ' __c-3t1x';
-    if (!$__d) rules += ' __d-3t1x';
-    rules += ' __V-yksgrp';
-    if (props.isOverBackground) rules += ' _Pb';
-    else rules += ' _Pa';
-    rules += ' c-1de2x0q';
-    if (props.isLarge) rules += ' _Rc';
-    else rules += ' _Rb';
+    if (!$_9) rules += ' _9-3t1x';
+    if (!$__a) rules += ' __a-3t1x';
+    rules += ' __S-yksgrp';
+    if (props.isOverBackground) rules += ' _Mb';
+    else rules += ' _Ma';
+    rules += ' d-1de2x0q';
+    if (props.isLarge) rules += ' _Oc';
+    else rules += ' _Ob';
     return rules;
 };
 const $38071d9ce246d4cf$export$a20dad690e1279e2 = /*#__PURE__*/ (0, $1YWJ0$react.createContext)(null);

package/dist/Avatar.css

@@ -1,57 +1,57 @@
 @layer _.a {
-  ._zf {
+  ._wf {
     border-start-start-radius: 9999px;
   }
 
-  ._Af {
+  ._xf {
     border-start-end-radius: 9999px;
   }
 
-  ._Bf {
+  ._yf {
     border-end-start-radius: 9999px;
   }
 
-  ._Cf {
+  ._zf {
     border-end-end-radius: 9999px;
   }
 
-  .kI {
+  .lI {
     width: calc(1.25rem * var(--s2-scale));
   }
 
-  .jI {
+  .kI {
     height: calc(1.25rem * var(--s2-scale));
   }
 
-  .__c-3t1x {
+  ._9-3t1x {
     flex-shrink: 0;
   }
 
-  .__d-3t1x {
+  .__a-3t1x {
     flex-grow: 0;
   }
 
-  .__V-yksgrp {
+  .__S-yksgrp {
     -webkit-tap-highlight-color: #0000;
   }
 
-  ._Pa {
+  ._Ma {
     outline-style: none;
   }
 
-  ._Pb {
+  ._Mb {
     outline-style: solid;
   }
 
-  .c-1de2x0q {
+  .d-1de2x0q {
     outline-color: var(--s2-container-bg);
   }
 
-  ._Rb {
+  ._Ob {
     outline-width: 1px;
   }
 
-  ._Rc {
+  ._Oc {
     outline-width: 2px;
   }
 }

package/dist/Avatar.mjs

@@ -24,28 +24,28 @@ import {useDOMRef as $lGIgj$useDOMRef} from "@react-spectrum/utils";
 
 const $3ffa2cd930156220$var$imageStyles = function anonymous(props, overrides) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a)[^\s]+/g) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X)[^\s]+/g) || [];
     rules += matches.join('');
-    let $__c = false;
-    let $__d = false;
+    let $_9 = false;
+    let $__a = false;
     for (let p of matches){
-        if (/^\s*__c/.test(p)) $__c = true;
-        if (/^\s*__d/.test(p)) $__d = true;
+        if (/^\s*_9/.test(p)) $_9 = true;
+        if (/^\s*__a/.test(p)) $__a = true;
     }
+    rules += ' _wf';
+    rules += ' _xf';
+    rules += ' _yf';
     rules += ' _zf';
-    rules += ' _Af';
-    rules += ' _Bf';
-    rules += ' _Cf';
+    rules += ' lI';
     rules += ' kI';
-    rules += ' jI';
-    if (!$__c) rules += ' __c-3t1x';
-    if (!$__d) rules += ' __d-3t1x';
-    rules += ' __V-yksgrp';
-    if (props.isOverBackground) rules += ' _Pb';
-    else rules += ' _Pa';
-    rules += ' c-1de2x0q';
-    if (props.isLarge) rules += ' _Rc';
-    else rules += ' _Rb';
+    if (!$_9) rules += ' _9-3t1x';
+    if (!$__a) rules += ' __a-3t1x';
+    rules += ' __S-yksgrp';
+    if (props.isOverBackground) rules += ' _Mb';
+    else rules += ' _Ma';
+    rules += ' d-1de2x0q';
+    if (props.isLarge) rules += ' _Oc';
+    else rules += ' _Ob';
     return rules;
 };
 const $3ffa2cd930156220$export$a20dad690e1279e2 = /*#__PURE__*/ (0, $lGIgj$createContext)(null);