@react-spectrum/s2 0.11.2 → 0.12.0

package/dist/TagGroup.mjs

@@ -217,58 +217,58 @@ function $1d63bfab43d9ffe1$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 += ' se112';
+            rules += ' se12';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU112';
+                if (!gridColumnStart) rules += ' z2mU12';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG112';
+                    if (!gridColumnEnd) rules += ' yvoofG12';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod112';
+            if (props.isInForm) rules += ' DLwlgod12';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb112';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn112';
+                if (props.labelPosition === "side") rules += ' DPlN5qb12';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn12';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb112';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc112';
-            if (props.labelPosition === "side") rules += ' CbRM95c112';
-            else if (props.labelPosition === "top") rules += ' Cxaocre112';
+            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-e112';
-                rules += ' vx112';
+                rules += ' -_6BNtrc-e12';
+                rules += ' vx12';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d112';
-                rules += ' vx112';
+                rules += ' -_6BNtrc-d12';
+                rules += ' vx12';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b112';
-                rules += ' vx112';
+                rules += ' -_6BNtrc-b12';
+                rules += ' vx12';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a112';
-                rules += ' vx112';
+                rules += ' -_6BNtrc-a12';
+                rules += ' vx12';
             } else {
-                rules += ' -_6BNtrc-c112';
-                rules += ' vx112';
+                rules += ' -_6BNtrc-c12';
+                rules += ' vx12';
             }
-            rules += ' ea112';
-            rules += ' _Fd112';
-            rules += ' _FezxGHba112';
-            rules += ' _FnuYUweb112';
-            if (props.size === "XL") rules += ' -BhX7R-Fz112';
-            else if (props.size === "L") rules += ' -BhX7R-Fv112';
-            else if (props.size === "S") rules += ' -BhX7R-Fp112';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn112';
-            else rules += ' -BhX7R-Fx112';
-            rules += ' -AJjOLd-UVkF0Db112';
-            rules += ' qg112';
-            rules += ' __ca112';
+            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,
@@ -287,16 +287,16 @@ function $1d63bfab43d9ffe1$var$TagGroupInner({ props: { label: label, descriptio
                 ref: containerRef,
                 className: function anonymous(props) {
                     let rules = " ";
-                    rules += ' zXcEWr112';
-                    rules += ' yXcEWr112';
-                    rules += ' BXcEWr112';
-                    rules += ' AXcEWr112';
-                    rules += ' Nb112';
-                    if (props.isEmpty) rules += ' Iy112';
-                    else rules += ' Ib112';
-                    if (props.isEmpty) rules += ' Hy112';
-                    else rules += ' Hs112';
-                    rules += ' _Pc112';
+                    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
@@ -325,7 +325,7 @@ function $1d63bfab43d9ffe1$var$TagGroupInner({ props: { label: label, descriptio
                                 // @ts-ignore
                                 inert: (0, $kY5I6$inertValue)(true),
                                 ref: hiddenTagsRef,
-                                className: " sf112 _wb112 uk112 uch112 udi112 uea112 ugb112 uhd112 uje112 u2NhKxcl112 uic112 _Pa112 Wr112 _lr112 _6b112 _Nc112 Pc112 _Ia112",
+                                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, $kY5I6$jsx)("div", {
@@ -334,11 +334,19 @@ function $1d63bfab43d9ffe1$var$TagGroupInner({ props: { label: label, descriptio
                                             size: size,
                                             allowsRemoving: Boolean(onRemove)
                                         }),
-                                        children: item.props.children({
+                                        children: /*#__PURE__*/ (0, $kY5I6$jsx)($1d63bfab43d9ffe1$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);
                                 })
                             }),
@@ -346,7 +354,7 @@ function $1d63bfab43d9ffe1$var$TagGroupInner({ props: { label: label, descriptio
                                 ref: tagsRef,
                                 items: items,
                                 renderEmptyState: renderEmptyState,
-                                className: " sf112 Nb112 uk112 uch112 udi112 uea112 ugb112 uhd112 uje112 u2NhKxcl112 uic112 -_6BNtrc-c112 vx112 wb112 xb112 _xa112 _Fd112 _FezxGHba112 _FnuYUweb112 pt112",
+                                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, $kY5I6$jsx)($1d63bfab43d9ffe1$export$3288d34c523a1192, {
                                         ...item.props,
                                         id: item.key,
@@ -388,12 +396,12 @@ function $1d63bfab43d9ffe1$var$ActionGroup(props) {
         id: actionsId,
         "aria-label": ariaLabel ? `${ariaLabel} ${actionGroupLabel}` : actionGroupLabel,
         "aria-labelledby": ariaLabelledBy ? ariaLabelledBy : undefined,
-        className: " sf112",
+        className: " sf12",
         children: [
             tagState.showCollapseButton && /*#__PURE__*/ (0, $kY5I6$jsx)((0, $da878a05ab4a403e$export$cfc7921d29ef7b80), {
                 isQuiet: true,
                 size: size,
-                styles: " Js112 Gs112 Is112 Hs112",
+                styles: " Js12 Gs12 Is12 Hs12",
                 UNSAFE_style: {
                     display: 'inline-flex'
                 },
@@ -405,7 +413,7 @@ function $1d63bfab43d9ffe1$var$ActionGroup(props) {
             groupActionLabel && onGroupAction && /*#__PURE__*/ (0, $kY5I6$jsx)((0, $da878a05ab4a403e$export$cfc7921d29ef7b80), {
                 isQuiet: true,
                 size: size,
-                styles: " Js112 Gs112 Is112 Hs112",
+                styles: " Js12 Gs12 Is12 Hs12",
                 UNSAFE_style: {
                     display: 'inline-flex'
                 },
@@ -417,197 +425,197 @@ function $1d63bfab43d9ffe1$var$ActionGroup(props) {
 }
 const $1d63bfab43d9ffe1$var$tagStyles = function anonymous(props) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf112';
-    else rules += ' _Le112';
-    rules += ' Oh112';
-    rules += ' _Mc112';
-    rules += ' _Kd112';
+    if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    rules += ' Oh12';
+    rules += ' _Mc12';
+    rules += ' _Kd12';
     if (props.size === "XL") {
-        rules += ' uk112';
-        rules += ' uch112';
-        rules += ' udi112';
-        rules += ' uea112';
-        rules += ' ugb112';
-        rules += ' uhd112';
-        rules += ' uje112';
-        rules += ' u2NhKxcl112';
-        rules += ' uic112';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "L") {
-        rules += ' uk112';
-        rules += ' uch112';
-        rules += ' udi112';
-        rules += ' uea112';
-        rules += ' ugb112';
-        rules += ' uhd112';
-        rules += ' uje112';
-        rules += ' u2NhKxcl112';
-        rules += ' uic112';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "S") {
-        rules += ' uk112';
-        rules += ' uch112';
-        rules += ' udi112';
-        rules += ' uea112';
-        rules += ' ugb112';
-        rules += ' uhd112';
-        rules += ' uje112';
-        rules += ' u2NhKxcl112';
-        rules += ' uic112';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "XS") {
-        rules += ' uk112';
-        rules += ' uch112';
-        rules += ' udi112';
-        rules += ' uea112';
-        rules += ' ugb112';
-        rules += ' uhd112';
-        rules += ' uje112';
-        rules += ' u2NhKxcl112';
-        rules += ' uic112';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else {
-        rules += ' uk112';
-        rules += ' uch112';
-        rules += ' udi112';
-        rules += ' uea112';
-        rules += ' ugb112';
-        rules += ' uhd112';
-        rules += ' uje112';
-        rules += ' u2NhKxcl112';
-        rules += ' uic112';
+        rules += ' uk12';
+        rules += ' uch12';
+        rules += ' udi12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c112';
-        rules += ' vx112';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
     if (props.size === "XL") {
-        rules += ' wb112';
-        rules += ' xb112';
-        rules += ' _xa112';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "L") {
-        rules += ' wb112';
-        rules += ' xb112';
-        rules += ' _xa112';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "S") {
-        rules += ' wb112';
-        rules += ' xb112';
-        rules += ' _xa112';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "XS") {
-        rules += ' wb112';
-        rules += ' xb112';
-        rules += ' _xa112';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else {
-        rules += ' wb112';
-        rules += ' xb112';
-        rules += ' _xa112';
+        rules += ' wb12';
+        rules += ' xb12';
+        rules += ' _xa12';
     }
     if (props.size === "XL") {
-        rules += ' _Fd112';
-        rules += ' _FezxGHba112';
-        rules += ' _FnuYUweb112';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "L") {
-        rules += ' _Fd112';
-        rules += ' _FezxGHba112';
-        rules += ' _FnuYUweb112';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "S") {
-        rules += ' _Fd112';
-        rules += ' _FezxGHba112';
-        rules += ' _FnuYUweb112';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "XS") {
-        rules += ' _Fd112';
-        rules += ' _FezxGHba112';
-        rules += ' _FnuYUweb112';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     } else {
-        rules += ' _Fd112';
-        rules += ' _FezxGHba112';
-        rules += ' _FnuYUweb112';
+        rules += ' _Fd12';
+        rules += ' _FezxGHba12';
+        rules += ' _FnuYUweb12';
     }
-    if (props.isDisabled) rules += ' pp112';
+    if (props.isDisabled) rules += ' pp12';
     else if (props.isSelected) {
-        if (props.isEmphasized) rules += ' px112';
-        else rules += ' pr112';
+        if (props.isEmphasized) rules += ' px12';
+        else rules += ' pr12';
     } else {
-        if (props.isPressed) rules += ' po112';
-        else if (props.isFocusVisible) rules += ' po112';
-        else if (props.isHovered) rules += ' po112';
-        else rules += ' pt112';
+        if (props.isPressed) rules += ' po12';
+        else if (props.isFocusVisible) rules += ' po12';
+        else if (props.isHovered) rules += ' po12';
+        else rules += ' pt12';
     }
-    if (props.isDisabled) rules += ' plc112';
-    else if (props.isSelected) rules += ' ple112';
-    else rules += ' plb112';
-    rules += ' sh112';
-    rules += ' eb112';
-    rules += ' _oa112';
-    rules += ' Sv112';
-    rules += ' SgLWx3bd112';
-    if (props.allowsRemoving) rules += ' Rd112';
-    else rules += ' Rv112';
-    if (props.size === "XL") rules += ' Nl112';
-    else if (props.size === "L") rules += ' Nj112';
-    else if (props.size === "S") rules += ' Nf112';
-    else if (props.size === "XS") rules += ' Ne112';
-    else rules += ' Nk112';
-    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec112';
-    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn112';
-    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b112';
-    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd112';
-    else rules += ' -SFnbic-_Jb112';
-    rules += ' -Bu7z1c-ob112';
-    rules += ' oj112';
-    rules += ' nj112';
-    rules += ' kj112';
-    rules += ' jj112';
-    rules += ' qc112';
-    rules += ' qsd112';
-    rules += ' -Qg41Lb-IAxCW0c112';
-    rules += ' -Qg41Lb-gLWx3bIy112';
-    rules += ' FRuFGYc112';
-    rules += ' La112';
-    rules += ' _5c112';
-    rules += ' _Ca112';
-    rules += ' Yd112';
-    rules += ' Xb112';
-    rules += ' _2b112';
-    if (props.isDisabled) rules += ' gH112';
+    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 += ' gUgARdd112';
-            else if (props.isPressed) rules += ' gUgARdd112';
-            else if (props.isHovered) rules += ' gUgARdd112';
-            else rules += ' g5qAiPc112';
+            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 += ' gu112';
-            else if (props.isFocusVisible) rules += ' gu112';
-            else if (props.isHovered) rules += ' gu112';
-            else rules += ' g0112';
+            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 += ' gF112';
-    else if (props.isHovered) rules += ' gF112';
-    else rules += ' gH112';
-    if (props.isSelected) rules += ' gle112';
-    else rules += ' glb112';
-    rules += ' _je112';
-    rules += ' Js112';
-    rules += ' Gs112';
-    rules += ' Is112';
-    rules += ' Hs112';
-    if (props.isLink) rules += ' ry112';
-    else rules += ' ri112';
-    rules += ' -_8sjo0b-t5ZbAob112';
-    if (props.size === "XL") rules += ' -F_-Fz112';
-    else if (props.size === "L") rules += ' -F_-Fv112';
-    else if (props.size === "S") rules += ' -F_-Fp112';
-    else if (props.size === "XS") rules += ' -F_-Fn112';
-    else rules += ' -F_-Fx112';
+    } 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 $1d63bfab43d9ffe1$var$avatarSize = {
@@ -650,13 +658,13 @@ function $1d63bfab43d9ffe1$var$TagWrapper({ children: children, isDisabled: isDi
     return /*#__PURE__*/ (0, $kY5I6$jsxs)((0, $kY5I6$Fragment), {
         children: [
             isInRealDOM && /*#__PURE__*/ (0, $kY5I6$jsx)("div", {
-                className: " sd112 Na112 eb112 Uc112 Usd112 qc112 qsd112 _yb112 g9112",
+                className: " sd12 Na12 eb12 Uc12 Usd12 qc12 qsd12 _yb12 g912",
                 children: /*#__PURE__*/ (0, $kY5I6$jsx)((0, $kY5I6$Provider), {
                     values: [
                         [
                             (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
                             {
-                                styles: " _Jb112 _Nc112 Pc112 _Yb112 _7c112"
+                                styles: " _Jb12 _Nc12 Pc12 _Yb12 _7c12"
                             }
                         ],
                         [
@@ -664,22 +672,22 @@ function $1d63bfab43d9ffe1$var$TagWrapper({ children: children, isDisabled: isDi
                             {
                                 render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
                                     slot: 'icon',
-                                    styles: " _Ja112"
+                                    styles: " _Ja12"
                                 }),
-                                styles: " ZuUmpre112 FuUmpre112 I67logd112 _va112"
+                                styles: " ZuUmpre12 FuUmpre12 I67logd12 _va12"
                             }
                         ],
                         [
                             (0, $3ffa2cd930156220$export$a20dad690e1279e2),
                             {
                                 size: $1d63bfab43d9ffe1$var$avatarSize[size],
-                                styles: " _Ja112"
+                                styles: " _Ja12"
                             }
                         ],
                         [
                             (0, $dbd6f0b2503b938c$export$8151eb379fcf2442),
                             {
-                                styles: " ZuUmpre112 FuUmpre112 _va112 _Ja112 fa112 _Ha112 oa112 na112 ka112 ja112"
+                                styles: " ZuUmpre12 FuUmpre12 _va12 _Ja12 fa12 _Ha12 oa12 na12 ka12 ja12"
                             }
                         ]
                     ],