@react-spectrum/s2 0.11.1 → 0.12.0

package/dist/TagGroup.cjs

@@ -225,58 +225,58 @@ function $2e3ddd7543f4a901$var$TagGroupInner({ props: { label: label, descriptio
             let rules = " ";
             let gridColumnStart = false;
             let gridColumnEnd = 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] === "z") gridColumnStart = true;
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se11';
+            rules += ' se12';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU11';
+                if (!gridColumnStart) rules += ' z2mU12';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG11';
+                    if (!gridColumnEnd) rules += ' yvoofG12';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod11';
+            if (props.isInForm) rules += ' DLwlgod12';
             else {
-                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';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb11';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc11';
-            if (props.labelPosition === "side") rules += ' CbRM95c11';
-            else if (props.labelPosition === "top") rules += ' Cxaocre11';
+            if (props.labelPosition === "side") rules += ' EPlN5qb12';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc12';
+            if (props.labelPosition === "side") rules += ' CbRM95c12';
+            else if (props.labelPosition === "top") rules += ' Cxaocre12';
             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';
             }
-            rules += ' ea11';
-            rules += ' _Fd11';
-            rules += ' _FezxGHba11';
-            rules += ' _FnuYUweb11';
-            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 += ' -AJjOLd-UVkF0Db11';
-            rules += ' qg11';
-            rules += ' __ca11';
+            rules += ' ea12';
+            rules += ' _Fd12';
+            rules += ' _FezxGHba12';
+            rules += ' _FnuYUweb12';
+            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 += ' -AJjOLd-UVkF0Db12';
+            rules += ' qg12';
+            rules += ' __ca12';
             return rules;
         }({
             size: size,
@@ -295,16 +295,16 @@ function $2e3ddd7543f4a901$var$TagGroupInner({ props: { label: label, descriptio
                 ref: containerRef,
                 className: function anonymous(props) {
                     let rules = " ";
-                    rules += ' zXcEWr11';
-                    rules += ' yXcEWr11';
-                    rules += ' BXcEWr11';
-                    rules += ' AXcEWr11';
-                    rules += ' Nb11';
-                    if (props.isEmpty) rules += ' Iy11';
-                    else rules += ' Ib11';
-                    if (props.isEmpty) rules += ' Hy11';
-                    else rules += ' Hs11';
-                    rules += ' _Pc11';
+                    rules += ' zXcEWr12';
+                    rules += ' yXcEWr12';
+                    rules += ' BXcEWr12';
+                    rules += ' AXcEWr12';
+                    rules += ' Nb12';
+                    if (props.isEmpty) rules += ' Iy12';
+                    else rules += ' Ib12';
+                    if (props.isEmpty) rules += ' Hy12';
+                    else rules += ' Hs12';
+                    rules += ' _Pc12';
                     return rules;
                 }({
                     isEmpty: isEmpty
@@ -333,7 +333,7 @@ function $2e3ddd7543f4a901$var$TagGroupInner({ props: { label: label, descriptio
                                 // @ts-ignore
                                 inert: (0, $chbGa$reactariautils.inertValue)(true),
                                 ref: hiddenTagsRef,
-                                className: " sf11 _wb11 uk11 uch11 udi11 uea11 ugb11 uhd11 uje11 u2NhKxcl11 uic11 _Pa11 Wr11 _lr11 _6b11 _Nc11 Pc11 _Ia11",
+                                className: " sf12 _wb12 uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 _Pa12 Wr12 _lr12 _6b12 _Nc12 Pc12 _Ia12",
                                 children: allItems.map((item)=>{
                                     // pull off individual props as an allow list, don't want refs or other props getting through
                                     return /*#__PURE__*/ (0, $chbGa$reactjsxruntime.jsx)("div", {
@@ -342,11 +342,19 @@ function $2e3ddd7543f4a901$var$TagGroupInner({ props: { label: label, descriptio
                                             size: size,
                                             allowsRemoving: Boolean(onRemove)
                                         }),
-                                        children: item.props.children({
+                                        children: /*#__PURE__*/ (0, $chbGa$reactjsxruntime.jsx)($2e3ddd7543f4a901$var$TagWrapper, {
+                                            id: item.key,
+                                            textValue: item.textValue,
+                                            isInRealDOM: true,
                                             size: size,
-                                            allowsRemoving: Boolean(onRemove),
-                                            isInCtx: true
-                                        })
+                                            allowsRemoving: !!onRemove,
+                                            ...item.props,
+                                            children: item.props.children({
+                                                size: size,
+                                                allowsRemoving: Boolean(onRemove),
+                                                isInCtx: true
+                                            })
+                                        }, item.key)
                                     }, item.key);
                                 })
                             }),
@@ -354,7 +362,7 @@ function $2e3ddd7543f4a901$var$TagGroupInner({ props: { label: label, descriptio
                                 ref: tagsRef,
                                 items: items,
                                 renderEmptyState: renderEmptyState,
-                                className: " sf11 Nb11 uk11 uch11 udi11 uea11 ugb11 uhd11 uje11 u2NhKxcl11 uic11 -_6BNtrc-c11 vx11 wb11 xb11 _xa11 _Fd11 _FezxGHba11 _FnuYUweb11 pt11",
+                                className: " sf12 Nb12 uk12 uch12 udi12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-c12 vx12 wb12 xb12 _xa12 _Fd12 _FezxGHba12 _FnuYUweb12 pt12",
                                 children: (item)=>/*#__PURE__*/ (0, $chbGa$reactjsxruntime.jsx)($2e3ddd7543f4a901$export$3288d34c523a1192, {
                                         ...item.props,
                                         id: item.key,
@@ -396,12 +404,12 @@ function $2e3ddd7543f4a901$var$ActionGroup(props) {
         id: actionsId,
         "aria-label": ariaLabel ? `${ariaLabel} ${actionGroupLabel}` : actionGroupLabel,
         "aria-labelledby": ariaLabelledBy ? ariaLabelledBy : undefined,
-        className: " sf11",
+        className: " sf12",
         children: [
             tagState.showCollapseButton && /*#__PURE__*/ (0, $chbGa$reactjsxruntime.jsx)((0, $6e265ff388155b91$exports.ActionButton), {
                 isQuiet: true,
                 size: size,
-                styles: " Js11 Gs11 Is11 Hs11",
+                styles: " Js12 Gs12 Is12 Hs12",
                 UNSAFE_style: {
                     display: 'inline-flex'
                 },
@@ -413,7 +421,7 @@ function $2e3ddd7543f4a901$var$ActionGroup(props) {
             groupActionLabel && onGroupAction && /*#__PURE__*/ (0, $chbGa$reactjsxruntime.jsx)((0, $6e265ff388155b91$exports.ActionButton), {
                 isQuiet: true,
                 size: size,
-                styles: " Js11 Gs11 Is11 Hs11",
+                styles: " Js12 Gs12 Is12 Hs12",
                 UNSAFE_style: {
                     display: 'inline-flex'
                 },
@@ -425,197 +433,197 @@ function $2e3ddd7543f4a901$var$ActionGroup(props) {
 }
 const $2e3ddd7543f4a901$var$tagStyles = function anonymous(props) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf11';
-    else rules += ' _Le11';
-    rules += ' Oh11';
-    rules += ' _Mc11';
-    rules += ' _Kd11';
+    if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    rules += ' Oh12';
+    rules += ' _Mc12';
+    rules += ' _Kd12';
     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.isDisabled) rules += ' pp11';
+    if (props.isDisabled) rules += ' pp12';
     else if (props.isSelected) {
-        if (props.isEmphasized) rules += ' px11';
-        else rules += ' pr11';
+        if (props.isEmphasized) rules += ' px12';
+        else rules += ' pr12';
     } else {
-        if (props.isPressed) rules += ' po11';
-        else if (props.isFocusVisible) rules += ' po11';
-        else if (props.isHovered) rules += ' po11';
-        else rules += ' pt11';
+        if (props.isPressed) rules += ' po12';
+        else if (props.isFocusVisible) rules += ' po12';
+        else if (props.isHovered) rules += ' po12';
+        else rules += ' pt12';
     }
-    if (props.isDisabled) rules += ' plc11';
-    else if (props.isSelected) rules += ' ple11';
-    else rules += ' plb11';
-    rules += ' sh11';
-    rules += ' eb11';
-    rules += ' _oa11';
-    rules += ' Sv11';
-    rules += ' SgLWx3bd11';
-    if (props.allowsRemoving) rules += ' Rd11';
-    else rules += ' Rv11';
-    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.size === "XL") rules += ' -SFnbic-_JaP8ec11';
-    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn11';
-    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b11';
-    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd11';
-    else rules += ' -SFnbic-_Jb11';
-    rules += ' -Bu7z1c-ob11';
-    rules += ' oj11';
-    rules += ' nj11';
-    rules += ' kj11';
-    rules += ' jj11';
-    rules += ' qc11';
-    rules += ' qsd11';
-    rules += ' -Qg41Lb-IAxCW0c11';
-    rules += ' -Qg41Lb-gLWx3bIy11';
-    rules += ' FRuFGYc11';
-    rules += ' La11';
-    rules += ' _5c11';
-    rules += ' _Ca11';
-    rules += ' Yd11';
-    rules += ' Xb11';
-    rules += ' _2b11';
-    if (props.isDisabled) rules += ' gH11';
+    if (props.isDisabled) rules += ' plc12';
+    else if (props.isSelected) rules += ' ple12';
+    else rules += ' plb12';
+    rules += ' sh12';
+    rules += ' eb12';
+    rules += ' _oa12';
+    rules += ' Sv12';
+    rules += ' SgLWx3bd12';
+    if (props.allowsRemoving) rules += ' Rd12';
+    else rules += ' Rv12';
+    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.size === "XL") rules += ' -SFnbic-_JaP8ec12';
+    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn12';
+    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b12';
+    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd12';
+    else rules += ' -SFnbic-_Jb12';
+    rules += ' -Bu7z1c-ob12';
+    rules += ' oj12';
+    rules += ' nj12';
+    rules += ' kj12';
+    rules += ' jj12';
+    rules += ' qc12';
+    rules += ' qsd12';
+    rules += ' -Qg41Lb-IAxCW0c12';
+    rules += ' -Qg41Lb-gLWx3bIy12';
+    rules += ' FRuFGYc12';
+    rules += ' La12';
+    rules += ' _5c12';
+    rules += ' _Ca12';
+    rules += ' Yd12';
+    rules += ' Xb12';
+    rules += ' _2b12';
+    if (props.isDisabled) rules += ' gH12';
     else if (props.isSelected) {
         if (props.isEmphasized) {
-            if (props.isFocusVisible) rules += ' gUgARdd11';
-            else if (props.isPressed) rules += ' gUgARdd11';
-            else if (props.isHovered) rules += ' gUgARdd11';
-            else rules += ' g5qAiPc11';
+            if (props.isFocusVisible) rules += ' gUgARdd12';
+            else if (props.isPressed) rules += ' gUgARdd12';
+            else if (props.isHovered) rules += ' gUgARdd12';
+            else rules += ' g5qAiPc12';
         } else {
-            if (props.isPressed) rules += ' gu11';
-            else if (props.isFocusVisible) rules += ' gu11';
-            else if (props.isHovered) rules += ' gu11';
-            else rules += ' g011';
+            if (props.isPressed) rules += ' gu12';
+            else if (props.isFocusVisible) rules += ' gu12';
+            else if (props.isHovered) rules += ' gu12';
+            else rules += ' g012';
         }
-    } else if (props.isFocusVisible) rules += ' gF11';
-    else if (props.isHovered) rules += ' gF11';
-    else rules += ' gH11';
-    if (props.isSelected) rules += ' gle11';
-    else rules += ' glb11';
-    rules += ' _je11';
-    rules += ' Js11';
-    rules += ' Gs11';
-    rules += ' Is11';
-    rules += ' Hs11';
-    if (props.isLink) rules += ' ry11';
-    else rules += ' ri11';
-    rules += ' -_8sjo0b-t5ZbAob11';
-    if (props.size === "XL") rules += ' -F_-Fz11';
-    else if (props.size === "L") rules += ' -F_-Fv11';
-    else if (props.size === "S") rules += ' -F_-Fp11';
-    else if (props.size === "XS") rules += ' -F_-Fn11';
-    else rules += ' -F_-Fx11';
+    } else if (props.isFocusVisible) rules += ' gF12';
+    else if (props.isHovered) rules += ' gF12';
+    else rules += ' gH12';
+    if (props.isSelected) rules += ' gle12';
+    else rules += ' glb12';
+    rules += ' _je12';
+    rules += ' Js12';
+    rules += ' Gs12';
+    rules += ' Is12';
+    rules += ' Hs12';
+    if (props.isLink) rules += ' ry12';
+    else rules += ' ri12';
+    rules += ' -_8sjo0b-t5ZbAob12';
+    if (props.size === "XL") rules += ' -F_-Fz12';
+    else if (props.size === "L") rules += ' -F_-Fv12';
+    else if (props.size === "S") rules += ' -F_-Fp12';
+    else if (props.size === "XS") rules += ' -F_-Fn12';
+    else rules += ' -F_-Fx12';
     return rules;
 };
 const $2e3ddd7543f4a901$var$avatarSize = {
@@ -658,13 +666,13 @@ function $2e3ddd7543f4a901$var$TagWrapper({ children: children, isDisabled: isDi
     return /*#__PURE__*/ (0, $chbGa$reactjsxruntime.jsxs)((0, $chbGa$reactjsxruntime.Fragment), {
         children: [
             isInRealDOM && /*#__PURE__*/ (0, $chbGa$reactjsxruntime.jsx)("div", {
-                className: " sd11 Na11 eb11 Uc11 Usd11 qc11 qsd11 _yb11 g911",
+                className: " sd12 Na12 eb12 Uc12 Usd12 qc12 qsd12 _yb12 g912",
                 children: /*#__PURE__*/ (0, $chbGa$reactjsxruntime.jsx)((0, $chbGa$reactariacomponents.Provider), {
                     values: [
                         [
                             (0, $6367bc87eb7d24ad$exports.TextContext),
                             {
-                                styles: " _Jb11 _Nc11 Pc11 _Yb11 _7c11"
+                                styles: " _Jb12 _Nc12 Pc12 _Yb12 _7c12"
                             }
                         ],
                         [
@@ -672,22 +680,22 @@ function $2e3ddd7543f4a901$var$TagWrapper({ children: children, isDisabled: isDi
                             {
                                 render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
                                     slot: 'icon',
-                                    styles: " _Ja11"
+                                    styles: " _Ja12"
                                 }),
-                                styles: " ZuUmpre11 FuUmpre11 I67logd11 _va11"
+                                styles: " ZuUmpre12 FuUmpre12 I67logd12 _va12"
                             }
                         ],
                         [
                             (0, $38071d9ce246d4cf$exports.AvatarContext),
                             {
                                 size: $2e3ddd7543f4a901$var$avatarSize[size],
-                                styles: " _Ja11"
+                                styles: " _Ja12"
                             }
                         ],
                         [
                             (0, $053b76ed3d29e13b$exports.ImageContext),
                             {
-                                styles: " ZuUmpre11 FuUmpre11 _va11 _Ja11 fa11 _Ha11 oa11 na11 ka11 ja11"
+                                styles: " ZuUmpre12 FuUmpre12 _va12 _Ja12 fa12 _Ha12 oa12 na12 ka12 ja12"
                             }
                         ]
                     ],