@react-spectrum/s2 1.0.0 → 1.2.0

package/dist/TagGroup.cjs

@@ -224,57 +224,57 @@ 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|_6|Z|N|L)[^\s]+/g);
+            let matches = String(overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g);
             for (let p of matches){
                 if (p[1] === "z") gridColumnStart = true;
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se1';
+            rules += ' se12';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU1';
+                if (!gridColumnStart) rules += ' z2mU12';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG1';
+                    if (!gridColumnEnd) rules += ' yvoofG12';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod1';
+            if (props.isInForm) rules += ' DLwlgod12';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb1';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn1';
+                if (props.labelPosition === "side") rules += ' DPlN5qb12';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn12';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb1';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc1';
-            if (props.labelPosition === "side") rules += ' CbRM95c1';
-            else if (props.labelPosition === "top") rules += ' Cxaocre1';
+            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-e1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-e12';
+                rules += ' vx12';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-d12';
+                rules += ' vx12';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-b12';
+                rules += ' vx12';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-a12';
+                rules += ' vx12';
             } else {
-                rules += ' -_6BNtrc-c1';
-                rules += ' vx1';
+                rules += ' -_6BNtrc-c12';
+                rules += ' vx12';
             }
-            rules += ' ea1';
-            rules += ' _Fd1';
-            rules += ' _FnuYUweb1';
-            if (props.size === "XL") rules += ' -BhX7R-Fz1';
-            else if (props.size === "L") rules += ' -BhX7R-Fv1';
-            else if (props.size === "S") rules += ' -BhX7R-Fp1';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn1';
-            else rules += ' -BhX7R-Fx1';
-            rules += ' -AJjOLd-UVkF0Db1';
-            rules += ' qg1';
-            rules += ' __ca1';
+            rules += ' ea12';
+            rules += ' _Fd12';
+            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,
@@ -293,16 +293,16 @@ function $2e3ddd7543f4a901$var$TagGroupInner({ props: { label: label, descriptio
                 ref: containerRef,
                 className: function anonymous(props) {
                     let rules = " ";
-                    rules += ' zXcEWr1';
-                    rules += ' yXcEWr1';
-                    rules += ' BXcEWr1';
-                    rules += ' AXcEWr1';
-                    rules += ' Nb1';
-                    if (props.isEmpty) rules += ' Iy1';
-                    else rules += ' Ib1';
-                    if (props.isEmpty) rules += ' Hy1';
-                    else rules += ' Hs1';
-                    rules += ' _Pc1';
+                    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
@@ -335,7 +335,7 @@ function $2e3ddd7543f4a901$var$TagGroupInner({ props: { label: label, descriptio
                                 // @ts-ignore
                                 inert: (0, $chbGa$reactariautils.inertValue)(true),
                                 ref: hiddenTagsRef,
-                                className: " sf1 _wb1 uk1 ucJ9TBTb1 ud3Euai1 uea1 ugb1 uhd1 uje1 u2NhKxcl1 uic1 _Pa1 Wr1 _lr1 _6b1 _Nc1 Pc1 _Ia1",
+                                className: " sf12 _wb12 uk12 ucJ9TBTb12 ud3Euai12 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
                                     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -366,7 +366,7 @@ function $2e3ddd7543f4a901$var$TagGroupInner({ props: { label: label, descriptio
                                 ref: tagsRef,
                                 items: items,
                                 renderEmptyState: renderEmptyState,
-                                className: " sf1 Nb1 uk1 ucJ9TBTb1 ud3Euai1 uea1 ugb1 uhd1 uje1 u2NhKxcl1 uic1 -_6BNtrc-c1 vx1 xb1 _xa1 _Fd1 _FnuYUweb1 pt1",
+                                className: " sf12 Nb12 uk12 ucJ9TBTb12 ud3Euai12 uea12 ugb12 uhd12 uje12 u2NhKxcl12 uic12 -_6BNtrc-c12 vx12 xb12 _xa12 _Fd12 _FnuYUweb12 pt12",
                                 children: (item)=>/*#__PURE__*/ (0, $chbGa$reactjsxruntime.jsx)($2e3ddd7543f4a901$export$3288d34c523a1192, {
                                         ...item.props,
                                         id: item.key,
@@ -408,12 +408,12 @@ function $2e3ddd7543f4a901$var$ActionGroup(props) {
         id: actionsId,
         "aria-label": ariaLabel ? `${ariaLabel} ${actionGroupLabel}` : actionGroupLabel,
         "aria-labelledby": ariaLabelledBy ? ariaLabelledBy : undefined,
-        className: " sf1",
+        className: " sf12",
         children: [
             tagState.showCollapseButton && /*#__PURE__*/ (0, $chbGa$reactjsxruntime.jsx)((0, $6e265ff388155b91$exports.ActionButton), {
                 isQuiet: true,
                 size: size,
-                styles: " Js1 Gs1 Is1 Hs1",
+                styles: " Js12 Gs12 Is12 Hs12",
                 UNSAFE_style: {
                     display: 'inline-flex'
                 },
@@ -425,7 +425,7 @@ function $2e3ddd7543f4a901$var$ActionGroup(props) {
             groupActionLabel && onGroupAction && /*#__PURE__*/ (0, $chbGa$reactjsxruntime.jsx)((0, $6e265ff388155b91$exports.ActionButton), {
                 isQuiet: true,
                 size: size,
-                styles: " Js1 Gs1 Is1 Hs1",
+                styles: " Js12 Gs12 Is12 Hs12",
                 UNSAFE_style: {
                     display: 'inline-flex'
                 },
@@ -437,188 +437,188 @@ function $2e3ddd7543f4a901$var$ActionGroup(props) {
 }
 const $2e3ddd7543f4a901$var$tagStyles = function anonymous(props) {
     let rules = " ";
-    if (props.isFocusVisible) rules += ' _Lf1';
-    else rules += ' _Le1';
-    rules += ' Oh1';
-    rules += ' Olc1';
-    rules += ' _Mc1';
-    rules += ' _Kd1';
+    if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    rules += ' Oh12';
+    rules += ' Olc12';
+    rules += ' _Mc12';
+    rules += ' _Kd12';
     if (props.size === "XL") {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "L") {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "S") {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else if (props.size === "XS") {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     } else {
-        rules += ' uk1';
-        rules += ' ucJ9TBTb1';
-        rules += ' ud3Euai1';
-        rules += ' uea1';
-        rules += ' ugb1';
-        rules += ' uhd1';
-        rules += ' uje1';
-        rules += ' u2NhKxcl1';
-        rules += ' uic1';
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
     } else {
-        rules += ' -_6BNtrc-c1';
-        rules += ' vx1';
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
     }
     if (props.size === "XL") {
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "L") {
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "S") {
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else if (props.size === "XS") {
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' xb12';
+        rules += ' _xa12';
     } else {
-        rules += ' xb1';
-        rules += ' _xa1';
+        rules += ' xb12';
+        rules += ' _xa12';
     }
     if (props.size === "XL") {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "L") {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "S") {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else if (props.size === "XS") {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     } else {
-        rules += ' _Fd1';
-        rules += ' _FnuYUweb1';
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
     }
-    if (props.isDisabled) rules += ' pp1';
+    if (props.isDisabled) rules += ' pp12';
     else if (props.isSelected) {
-        if (props.isEmphasized) rules += ' px1';
-        else rules += ' pr1';
+        if (props.isEmphasized) rules += ' px12';
+        else rules += ' pr12';
     } else {
-        if (props.isPressed) rules += ' po1';
-        else if (props.isFocusVisible) rules += ' po1';
-        else if (props.isHovered) rules += ' po1';
-        else rules += ' pt1';
+        if (props.isPressed) rules += ' po12';
+        else if (props.isFocusVisible) rules += ' po12';
+        else if (props.isHovered) rules += ' po12';
+        else rules += ' pt12';
     }
-    if (props.isDisabled) rules += ' plc1';
-    else if (props.isSelected) rules += ' ple1';
-    else rules += ' plb1';
-    rules += ' sh1';
-    rules += ' eb1';
-    rules += ' _oa1';
-    rules += ' Sv1';
-    rules += ' SgLWx3bd1';
-    if (props.allowsRemoving) rules += ' Rd1';
-    else rules += ' Rv1';
-    if (props.size === "XL") rules += ' Nl1';
-    else if (props.size === "L") rules += ' Nj1';
-    else if (props.size === "S") rules += ' Nf1';
-    else if (props.size === "XS") rules += ' Ne1';
-    else rules += ' Nk1';
-    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec1';
-    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn1';
-    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b1';
-    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd1';
-    else rules += ' -SFnbic-_Jb1';
-    rules += ' -Bu7z1c-ob1';
-    rules += ' oj1';
-    rules += ' nj1';
-    rules += ' kj1';
-    rules += ' jj1';
-    rules += ' qc1';
-    rules += ' qsd1';
-    rules += ' -Qg41Lb-IAxCW0c1';
-    rules += ' -Qg41Lb-gLWx3bIy1';
-    rules += ' FRuFGYc1';
-    rules += ' La1';
-    rules += ' _5c1';
-    rules += ' _Ca1';
-    rules += ' Yd1';
-    rules += ' Xb1';
-    rules += ' _2b1';
-    if (props.isDisabled) rules += ' gH1';
+    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 += ' gUgARdd1';
-            else if (props.isPressed) rules += ' gUgARdd1';
-            else if (props.isHovered) rules += ' gUgARdd1';
-            else rules += ' g5qAiPc1';
+            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 += ' gu1';
-            else if (props.isFocusVisible) rules += ' gu1';
-            else if (props.isHovered) rules += ' gu1';
-            else rules += ' g01';
+            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 += ' gF1';
-    else if (props.isHovered) rules += ' gF1';
-    else rules += ' gH1';
-    if (props.isSelected) rules += ' gle1';
-    else rules += ' glb1';
-    rules += ' _je1';
-    rules += ' Js1';
-    rules += ' Gs1';
-    rules += ' Is1';
-    rules += ' Hs1';
-    if (props.isLink) rules += ' ry1';
-    else rules += ' ri1';
-    rules += ' -_8sjo0b-t5ZbAob1';
-    if (props.size === "XL") rules += ' -F_-Fz1';
-    else if (props.size === "L") rules += ' -F_-Fv1';
-    else if (props.size === "S") rules += ' -F_-Fp1';
-    else if (props.size === "XS") rules += ' -F_-Fn1';
-    else rules += ' -F_-Fx1';
+    } 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 = {
@@ -661,13 +661,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: " sd1 Na1 eb1 Uc1 Usd1 qc1 qsd1 _yb1 g91",
+                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: " _Jb1 _Nc1 Pc1 _Yb1 _7c1"
+                                styles: " _Jb12 _Nc12 Pc12 _Yb12 _7c12"
                             }
                         ],
                         [
@@ -675,22 +675,22 @@ function $2e3ddd7543f4a901$var$TagWrapper({ children: children, isDisabled: isDi
                             {
                                 render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
                                     slot: 'icon',
-                                    styles: " _Ja1"
+                                    styles: " _Ja12"
                                 }),
-                                styles: " ZuUmpre1 FuUmpre1 I67logd1 _va1"
+                                styles: " ZuUmpre12 FuUmpre12 I67logd12 _va12"
                             }
                         ],
                         [
                             (0, $38071d9ce246d4cf$exports.AvatarContext),
                             {
                                 size: $2e3ddd7543f4a901$var$avatarSize[size],
-                                styles: " _Ja1"
+                                styles: " _Ja12"
                             }
                         ],
                         [
                             (0, $053b76ed3d29e13b$exports.ImageContext),
                             {
-                                styles: " ZuUmpre1 FuUmpre1 _va1 _Ja1 fa1 _Ha1 oa1 na1 ka1 ja1"
+                                styles: " ZuUmpre12 FuUmpre12 _va12 _Ja12 fa12 _Ha12 oa12 na12 ka12 ja12"
                             }
                         ]
                     ],