@react-spectrum/s2 1.3.1 → 1.5.0

package/dist/private/Badge.cjs

@@ -53,226 +53,226 @@ const $660a621e3a266afc$var$badge = function anonymous(props, overrides) {
         rules += p[0];
     }
     if (props.size === "XL") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else if (props.size === "L") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else if (props.size === "S") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else if (props.size === "XS") {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     } else {
-        rules += ' uk13';
-        rules += ' ucJ9TBTb13';
-        rules += ' ud3Euai13';
-        rules += ' uea13';
-        rules += ' ugb13';
-        rules += ' uhd13';
-        rules += ' uje13';
-        rules += ' u2NhKxcl13';
-        rules += ' uic13';
+        rules += ' uk15';
+        rules += ' ucJ9TBTb15';
+        rules += ' ud3Euai15';
+        rules += ' uea15';
+        rules += ' ugb15';
+        rules += ' uhd15';
+        rules += ' uje15';
+        rules += ' u2NhKxcl15';
+        rules += ' uic15';
     }
     if (props.size === "XL") {
-        rules += ' -_6BNtrc-e13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-e15';
+        rules += ' vx15';
     } else if (props.size === "L") {
-        rules += ' -_6BNtrc-d13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-d15';
+        rules += ' vx15';
     } else if (props.size === "S") {
-        rules += ' -_6BNtrc-b13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-b15';
+        rules += ' vx15';
     } else if (props.size === "XS") {
-        rules += ' -_6BNtrc-a13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-a15';
+        rules += ' vx15';
     } else {
-        rules += ' -_6BNtrc-c13';
-        rules += ' vx13';
+        rules += ' -_6BNtrc-c15';
+        rules += ' vx15';
     }
     if (props.size === "XL") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else if (props.size === "L") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else if (props.size === "S") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else if (props.size === "XS") {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     } else {
-        rules += ' xb13';
-        rules += ' _xa13';
+        rules += ' xb15';
+        rules += ' _xa15';
     }
     if (props.size === "XL") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else if (props.size === "L") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else if (props.size === "S") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else if (props.size === "XS") {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     } else {
-        rules += ' _Fd13';
-        rules += ' _FnuYUweb13';
+        rules += ' _Fd15';
+        rules += ' _FnuYUweb15';
     }
-    if (props.fillStyle === "outline") rules += ' pm13';
-    else if (props.fillStyle === "subtle") rules += ' pm13';
+    if (props.fillStyle === "outline") rules += ' pm15';
+    else if (props.fillStyle === "subtle") rules += ' pm15';
     else if (props.fillStyle === "bold") {
-        if (props.variant === "celery") rules += ' pg13';
-        else if (props.variant === "chartreuse") rules += ' pg13';
-        else if (props.variant === "yellow") rules += ' pg13';
-        else if (props.variant === "orange") rules += ' pg13';
-        else if (props.variant === "notice") rules += ' pg13';
-        else rules += ' px13';
+        if (props.variant === "celery") rules += ' pg15';
+        else if (props.variant === "chartreuse") rules += ' pg15';
+        else if (props.variant === "yellow") rules += ' pg15';
+        else if (props.variant === "orange") rules += ' pg15';
+        else if (props.variant === "notice") rules += ' pg15';
+        else rules += ' px15';
     }
-    rules += ' sd13';
-    rules += ' ea13';
-    rules += ' egLWx3bb13';
-    rules += ' _oa13';
-    rules += ' Sv13';
-    rules += ' SgLWx3bd13';
-    rules += ' Rv13';
-    rules += ' RgLWx3bd13';
+    rules += ' sd15';
+    rules += ' ea15';
+    rules += ' egLWx3bb15';
+    rules += ' _oa15';
+    rules += ' Sv15';
+    rules += ' SgLWx3bd15';
+    rules += ' Rv15';
+    rules += ' RgLWx3bd15';
     if (props.size === "XL") {
-        if (!minWidth) rules += ' Nl13';
+        if (!minWidth) rules += ' Nl15';
     } else if (props.size === "L") {
-        if (!minWidth) rules += ' Nj13';
+        if (!minWidth) rules += ' Nj15';
     } else if (props.size === "S") {
-        if (!minWidth) rules += ' Nf13';
+        if (!minWidth) rules += ' Nf15';
     } else if (props.size === "XS") {
-        if (!minWidth) rules += ' Ne13';
-    } else if (!minWidth) rules += ' Nk13';
-    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec13';
-    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn13';
-    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b13';
-    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd13';
-    else rules += ' -SFnbic-_Jb13';
-    rules += ' -Bu7z1c-ob13';
-    rules += ' oj13';
-    rules += ' nj13';
-    rules += ' kj13';
-    rules += ' jj13';
-    rules += ' qc13';
-    rules += ' qsd13';
-    rules += ' -Qg41Lb-IAxCW0c13';
-    rules += ' -Qg41Lb-gLWx3bIy13';
-    rules += ' MAyFGYc13';
-    rules += ' Td13';
-    rules += ' Qd13';
-    rules += ' -aRvJDd-Tu7Fubd13';
-    rules += ' _Ca13';
-    if (props.fillStyle === "outline") rules += ' g_g13';
+        if (!minWidth) rules += ' Ne15';
+    } else if (!minWidth) rules += ' Nk15';
+    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec15';
+    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn15';
+    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b15';
+    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd15';
+    else rules += ' -SFnbic-_Jb15';
+    rules += ' -Bu7z1c-ob15';
+    rules += ' oj15';
+    rules += ' nj15';
+    rules += ' kj15';
+    rules += ' jj15';
+    rules += ' qc15';
+    rules += ' qsd15';
+    rules += ' -Qg41Lb-IAxCW0c15';
+    rules += ' -Qg41Lb-gLWx3bIy15';
+    rules += ' MAyFGYc15';
+    rules += ' Td15';
+    rules += ' Qd15';
+    rules += ' -aRvJDd-Tu7Fubd15';
+    rules += ' _Ca15';
+    if (props.fillStyle === "outline") rules += ' g_g15';
     else if (props.fillStyle === "subtle") {
-        if (props.variant === "silver") rules += ' g_f13';
-        else if (props.variant === "cinnamon") rules += ' gP13';
-        else if (props.variant === "brown") rules += ' gO13';
-        else if (props.variant === "turquoise") rules += ' gy13';
-        else if (props.variant === "pink") rules += ' gT13';
-        else if (props.variant === "magenta") rules += ' gS13';
-        else if (props.variant === "fuchsia") rules += ' gR13';
-        else if (props.variant === "purple") rules += ' gM13';
-        else if (props.variant === "indigo") rules += ' gK13';
-        else if (props.variant === "blue") rules += ' gG13';
-        else if (props.variant === "cyan") rules += ' gC13';
-        else if (props.variant === "seafoam") rules += ' gz13';
-        else if (props.variant === "green") rules += ' gA13';
-        else if (props.variant === "celery") rules += ' gv13';
-        else if (props.variant === "chartreuse") rules += ' gJ13';
-        else if (props.variant === "yellow") rules += ' gW13';
-        else if (props.variant === "orange") rules += ' gV13';
-        else if (props.variant === "red") rules += ' gU13';
-        else if (props.variant === "gray") rules += ' gI13';
-        else if (props.variant === "negative") rules += ' gU13';
-        else if (props.variant === "notice") rules += ' gV13';
-        else if (props.variant === "positive") rules += ' gA13';
-        else if (props.variant === "neutral") rules += ' gI13';
-        else if (props.variant === "informative") rules += ' gG13';
-        else if (props.variant === "accent") rules += ' gG13';
+        if (props.variant === "silver") rules += ' g_f15';
+        else if (props.variant === "cinnamon") rules += ' gP15';
+        else if (props.variant === "brown") rules += ' gO15';
+        else if (props.variant === "turquoise") rules += ' gy15';
+        else if (props.variant === "pink") rules += ' gT15';
+        else if (props.variant === "magenta") rules += ' gS15';
+        else if (props.variant === "fuchsia") rules += ' gR15';
+        else if (props.variant === "purple") rules += ' gM15';
+        else if (props.variant === "indigo") rules += ' gK15';
+        else if (props.variant === "blue") rules += ' gG15';
+        else if (props.variant === "cyan") rules += ' gC15';
+        else if (props.variant === "seafoam") rules += ' gz15';
+        else if (props.variant === "green") rules += ' gA15';
+        else if (props.variant === "celery") rules += ' gv15';
+        else if (props.variant === "chartreuse") rules += ' gJ15';
+        else if (props.variant === "yellow") rules += ' gW15';
+        else if (props.variant === "orange") rules += ' gV15';
+        else if (props.variant === "red") rules += ' gU15';
+        else if (props.variant === "gray") rules += ' gI15';
+        else if (props.variant === "negative") rules += ' gU15';
+        else if (props.variant === "notice") rules += ' gV15';
+        else if (props.variant === "positive") rules += ' gA15';
+        else if (props.variant === "neutral") rules += ' gI15';
+        else if (props.variant === "informative") rules += ' gG15';
+        else if (props.variant === "accent") rules += ' gG15';
     } else if (props.fillStyle === "bold") {
-        if (props.variant === "silver") rules += ' gm13';
-        else if (props.variant === "cinnamon") rules += ' gq13';
-        else if (props.variant === "brown") rules += ' gn13';
-        else if (props.variant === "turquoise") rules += ' g513';
-        else if (props.variant === "pink") rules += ' gx13';
-        else if (props.variant === "magenta") rules += ' gD13';
-        else if (props.variant === "fuchsia") rules += ' gr13';
-        else if (props.variant === "purple") rules += ' go13';
-        else if (props.variant === "indigo") rules += ' gl13';
-        else if (props.variant === "blue") rules += ' g213';
-        else if (props.variant === "cyan") rules += ' gk13';
-        else if (props.variant === "seafoam") rules += ' g413';
-        else if (props.variant === "green") rules += ' g113';
-        else if (props.variant === "celery") rules += ' g713';
-        else if (props.variant === "chartreuse") rules += ' gp13';
-        else if (props.variant === "yellow") rules += ' gN13';
-        else if (props.variant === "orange") rules += ' gQ13';
-        else if (props.variant === "red") rules += ' gB13';
-        else if (props.variant === "gray") rules += ' g613';
-        else if (props.variant === "negative") rules += ' gB13';
-        else if (props.variant === "notice") rules += ' gQ13';
-        else if (props.variant === "positive") rules += ' g113';
-        else if (props.variant === "neutral") rules += ' g613';
-        else if (props.variant === "informative") rules += ' g213';
-        else if (props.variant === "accent") rules += ' g213';
+        if (props.variant === "silver") rules += ' gm15';
+        else if (props.variant === "cinnamon") rules += ' gq15';
+        else if (props.variant === "brown") rules += ' gn15';
+        else if (props.variant === "turquoise") rules += ' g515';
+        else if (props.variant === "pink") rules += ' gx15';
+        else if (props.variant === "magenta") rules += ' gD15';
+        else if (props.variant === "fuchsia") rules += ' gr15';
+        else if (props.variant === "purple") rules += ' go15';
+        else if (props.variant === "indigo") rules += ' gl15';
+        else if (props.variant === "blue") rules += ' g215';
+        else if (props.variant === "cyan") rules += ' gk15';
+        else if (props.variant === "seafoam") rules += ' g415';
+        else if (props.variant === "green") rules += ' g115';
+        else if (props.variant === "celery") rules += ' g715';
+        else if (props.variant === "chartreuse") rules += ' gp15';
+        else if (props.variant === "yellow") rules += ' gN15';
+        else if (props.variant === "orange") rules += ' gQ15';
+        else if (props.variant === "red") rules += ' gB15';
+        else if (props.variant === "gray") rules += ' g615';
+        else if (props.variant === "negative") rules += ' gB15';
+        else if (props.variant === "notice") rules += ' gQ15';
+        else if (props.variant === "positive") rules += ' g115';
+        else if (props.variant === "neutral") rules += ' g615';
+        else if (props.variant === "informative") rules += ' g215';
+        else if (props.variant === "accent") rules += ' g215';
     }
-    rules += ' _jf13';
-    rules += ' _kJ8iPYd13';
-    rules += ' hXMFGYc13';
-    rules += ' mc13';
-    rules += ' lc13';
+    rules += ' _jf15';
+    rules += ' _kJ8iPYd15';
+    rules += ' hXMFGYc15';
+    rules += ' mc15';
+    rules += ' lc15';
     if (props.fillStyle === "outline") {
-        if (props.variant === "negative") rules += ' iFLVMS13';
-        else if (props.variant === "notice") rules += ' i9VrKkd13';
-        else if (props.variant === "positive") rules += ' ip17Jm13';
-        else if (props.variant === "neutral") rules += ' i0ruhAb13';
-        else if (props.variant === "informative") rules += ' iG1ze4d13';
-        else if (props.variant === "accent") rules += ' iG1ze4d13';
-        else rules += ' iA13';
-    } else rules += ' iA13';
-    rules += ' -_8sjo0b-t5ZbAob13';
-    if (props.size === "XL") rules += ' -M_-Mk13';
-    else if (props.size === "L") rules += ' -M_-Mh13';
-    else if (props.size === "S") rules += ' -M_-Mg13';
-    else if (props.size === "XS") rules += ' -M_-Mf13';
-    else rules += ' -M_-Mi13';
-    rules += ' -_k_-_kc13';
-    rules += ' -h_-hc13';
+        if (props.variant === "negative") rules += ' iFLVMS15';
+        else if (props.variant === "notice") rules += ' i9VrKkd15';
+        else if (props.variant === "positive") rules += ' ip17Jm15';
+        else if (props.variant === "neutral") rules += ' i0ruhAb15';
+        else if (props.variant === "informative") rules += ' iG1ze4d15';
+        else if (props.variant === "accent") rules += ' iG1ze4d15';
+        else rules += ' iA15';
+    } else rules += ' iA15';
+    rules += ' -_8sjo0b-t5ZbAob15';
+    if (props.size === "XL") rules += ' -M_-Mk15';
+    else if (props.size === "L") rules += ' -M_-Mh15';
+    else if (props.size === "S") rules += ' -M_-Mg15';
+    else if (props.size === "XS") rules += ' -M_-Mf15';
+    else rules += ' -M_-Mi15';
+    rules += ' -_k_-_kc15';
+    rules += ' -h_-hc15';
     return rules;
 };
 const $660a621e3a266afc$export$37acb3580601e69a = /*#__PURE__*/ (0, $26Nq1$react.forwardRef)(function Badge(props1, ref) {
@@ -287,14 +287,14 @@ const $660a621e3a266afc$export$37acb3580601e69a = /*#__PURE__*/ (0, $26Nq1$react
                 {
                     styles: function anonymous(props) {
                         let rules = " ";
-                        rules += ' TAzEcG13';
-                        rules += ' QAzEcG13';
-                        rules += ' _Jb13';
-                        rules += ' _Nc13';
-                        rules += ' Pc13';
-                        rules += ' _Yb13';
-                        if (props.overflowMode === "wrap") rules += ' _7b13';
-                        else if (props.overflowMode === "truncate") rules += ' _7c13';
+                        rules += ' TAzEcG15';
+                        rules += ' QAzEcG15';
+                        rules += ' _Jb15';
+                        rules += ' _Nc15';
+                        rules += ' Pc15';
+                        rules += ' _Yb15';
+                        if (props.overflowMode === "wrap") rules += ' _7b15';
+                        else if (props.overflowMode === "truncate") rules += ' _7c15';
                         return rules;
                     }({
                         overflowMode: overflowMode
@@ -310,9 +310,9 @@ const $660a621e3a266afc$export$37acb3580601e69a = /*#__PURE__*/ (0, $26Nq1$react
                 {
                     render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
                         slot: 'icon',
-                        styles: " _Ja13"
+                        styles: " _Ja15"
                     }),
-                    styles: " ZuUmpre13 FuUmpre13 I67logd13 _va13"
+                    styles: " ZuUmpre15 FuUmpre15 I67logd15 _va15"
                 }
             ]
         ],

package/dist/private/Badge.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAgDM,MAAM,0DAAe,CAAA,GAAA,0BAAY,EAAkE;AAE1G,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4GC,MAAM,0DAAQ,CAAA,GAAA,uBAAS,EAAE,SAAS,MAAM,MAAiB,EAAE,GAA2B;IAC3F,CAAC,QAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,QAAO,KAAK;IACnD,IAAI,YACF,QAAQ,WACR,UAAU,iBACV,OAAO,gBACP,YAAY,sBACZ,eAAe,QACf,GAAG,YACJ,GAAG,QAAO,gCAAgC;IAC3C,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,aAAa,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,OAAM,QAAQ,EAAE,KAAK,CAAC,CAAA,IAAK,eAAC,CAAA,GAAA,sCAAI,EAAE,cAAc,CAAC;IAEzF,qBACE,gCAAC,CAAA,GAAA,wCAAO;QACN,QAAQ;YACN;gBAAC,CAAA,GAAA,qCAAU;gBAAG;oBACZ,QAAQ;;;;;;;;;;;sBAOL;sCAAC;oBAAY;gBAClB;aAAE;YACF;gBAAC,CAAA,GAAA,0CAAa;gBAAG,CAAC;aAAE;YACpB;gBAAC,CAAA,GAAA,qCAAU;gBAAG;oBACZ,QAAQ,CAAA,GAAA,wCAAa,EAAE;wBAAC,MAAM;wBAAQ,MAAM;oBAAmB;oBAC/D,MAAM;gBACR;aAAE;SACH;kBACD,cAAA,gCAAC,CAAA,GAAA,yCAAc;sBACb,cAAA,gCAAC;gBACE,GAAG,CAAA,GAAA,6CAAa,EAAE,WAAW;gBAC9B,MAAK;gBACL,WAAW,AAAC,CAAA,OAAM,gBAAgB,IAAI,EAAC,IAAK,4BAAM;6BAAC;0BAAS;+BAAM;gBAAS,GAAG,OAAM,MAAM;gBAC1F,OAAO,OAAM,YAAY;gBACzB,KAAK;0BAEH,OAAO,aAAa,YAAY,2BAC5B,gCAAC,CAAA,GAAA,8BAAG;8BAAG;qBACP;;;;AAMhB","sources":["packages/@react-spectrum/s2/src/Badge.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {centerBaseline} from './CenterBaseline';\nimport {ContextValue, Provider, SlotProps} from 'react-aria-components/slots';\nimport {control, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {fontRelative, lightDark, style} from '../style' with {type: 'macro'};\nimport {IconContext} from './Icon';\nimport {TextContext as RACTextContext} from 'react-aria-components/Text';\nimport React, {createContext, forwardRef, ReactNode} from 'react';\nimport {SkeletonWrapper} from './Skeleton';\nimport {Text, TextContext} from './Content';\nimport {useDOMRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface BadgeStyleProps {\n  /**\n   * The size of the badge.\n   *\n   * @default 'S'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The variant changes the background color of the badge. When badge has a semantic meaning, they should use the variant for semantic colors.\n   *\n   * @default 'neutral'\n   */\n  variant?: 'accent' | 'informative' | 'neutral' | 'positive' | 'notice' | 'negative' | 'gray' | 'red' | 'orange' | 'yellow' | 'chartreuse' | 'celery' | 'green' | 'seafoam' | 'cyan' | 'blue' | 'indigo' | 'purple' | 'fuchsia' | 'magenta' | 'pink' | 'turquoise' | 'brown' | 'cinnamon' | 'silver',\n  /**\n   * The fill of the badge.\n   * @default 'bold'\n   */\n  fillStyle?: 'bold' | 'subtle' | 'outline',\n  /**\n   * Sets the text behavior for the contents.\n   * @default 'wrap'\n   */\n  overflowMode?: 'wrap' | 'truncate'\n}\n\nexport interface BadgeProps extends DOMProps, AriaLabelingProps, StyleProps, BadgeStyleProps, SlotProps {\n  /**\n   * The content to display in the badge.\n   */\n  children: ReactNode\n}\n\nexport const BadgeContext = createContext<ContextValue<Partial<BadgeProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst badge = style<BadgeStyleProps>({\n  ...control({shape: 'default', wrap: true, icon: true}),\n  justifyContent: 'center',\n  color: {\n    fillStyle: {\n      bold: {\n        default: 'white',\n        variant: {\n          notice: 'black',\n          orange: 'black',\n          yellow: 'black',\n          chartreuse: 'black',\n          celery: 'black'\n        }\n      },\n      subtle: 'gray-1000',\n      outline: 'gray-1000'\n    }\n  },\n  backgroundColor: {\n    fillStyle: {\n      bold: {\n        variant: {\n          accent: 'accent',\n          informative: 'informative',\n          neutral: 'neutral-subdued',\n          positive: 'positive',\n          notice: 'notice',\n          negative: 'negative',\n          gray: 'gray',\n          red: 'red',\n          orange: 'orange',\n          yellow: 'yellow',\n          chartreuse: 'chartreuse',\n          celery: 'celery',\n          green: 'green',\n          seafoam: 'seafoam',\n          cyan: 'cyan',\n          blue: 'blue',\n          indigo: 'indigo',\n          purple: 'purple',\n          fuchsia: 'fuchsia',\n          magenta: 'magenta',\n          pink: 'pink',\n          turquoise: 'turquoise',\n          brown: 'brown',\n          cinnamon: 'cinnamon',\n          silver: 'silver'\n        }\n      },\n      subtle: {\n        variant: {\n          accent: 'accent-subtle',\n          informative: 'informative-subtle',\n          neutral: 'neutral-subtle',\n          positive: 'positive-subtle',\n          notice: 'notice-subtle',\n          negative: 'negative-subtle',\n          gray: 'gray-subtle',\n          red: 'red-subtle',\n          orange: 'orange-subtle',\n          yellow: 'yellow-subtle',\n          chartreuse: 'chartreuse-subtle',\n          celery: 'celery-subtle',\n          green: 'green-subtle',\n          seafoam: 'seafoam-subtle',\n          cyan: 'cyan-subtle',\n          blue: 'blue-subtle',\n          indigo: 'indigo-subtle',\n          purple: 'purple-subtle',\n          fuchsia: 'fuchsia-subtle',\n          magenta: 'magenta-subtle',\n          pink: 'pink-subtle',\n          turquoise: 'turquoise-subtle',\n          brown: 'brown-subtle',\n          cinnamon: 'cinnamon-subtle',\n          silver: 'silver-subtle'\n        }\n      },\n      outline: 'layer-2'\n    }\n  },\n  borderStyle: 'solid',\n  borderWidth: 2,\n  borderColor: {\n    default: 'transparent',\n    fillStyle: {\n      outline: {\n        variant: {\n          accent: lightDark('accent-800', 'accent-900'), // accent-visual-color\n          informative: lightDark('informative-800', 'informative-900'), // informative-visual-color\n          neutral: lightDark('gray-500', 'gray-600'), // neutral-visual-color\n          positive: lightDark('positive-800', 'positive-900'), // positive-visual-color\n          notice: lightDark('notice-800', 'notice-900'), // notice-visual-color\n          negative: lightDark('negative-800', 'negative-900') // negative-visual-color\n        }\n      }\n    }\n  },\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  }\n}, getAllowedOverrides());\n\n/**\n * Badges are used for showing a small amount of color-categorized metadata, ideal for getting a user's attention.\n */\nexport const Badge = forwardRef(function Badge(props: BadgeProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, BadgeContext);\n  let {\n    children,\n    variant = 'neutral',\n    size = 'S',\n    fillStyle = 'bold',\n    overflowMode = 'wrap',\n    ...otherProps\n  } = props; // useProviderProps(props) in v3\n  let domRef = useDOMRef(ref);\n  let isTextOnly = React.Children.toArray(props.children).every(c => !React.isValidElement(c));\n\n  return (\n    <Provider\n      values={[\n        [TextContext, {\n          styles: style({\n            paddingY: '--labelPadding',\n            order: 1,\n            overflowX: 'hidden',\n            overflowY: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: {overflowMode: {truncate: 'nowrap', wrap: 'normal'}}\n          })({overflowMode})\n        }],\n        [RACTextContext, {}],\n        [IconContext, {\n          render: centerBaseline({slot: 'icon', styles: style({order: 0})}),\n          styles: style({size: fontRelative(20), marginStart: '--iconMargin', flexShrink: 0})\n        }]\n      ]}>\n      <SkeletonWrapper>\n        <span\n          {...filterDOMProps(otherProps)}\n          role=\"presentation\"\n          className={(props.UNSAFE_className || '') + badge({variant, size, fillStyle}, props.styles)}\n          style={props.UNSAFE_style}\n          ref={domRef}>\n          {\n            typeof children === 'string' || isTextOnly\n              ? <Text>{children}</Text>\n              : children\n          }\n        </span>\n      </SkeletonWrapper>\n    </Provider>\n  );\n});\n"],"names":[],"version":3,"file":"Badge.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AA6EM,MAAM,0DACX,CAAA,GAAA,0BAAY,EAAkE;AAEhF,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgHC,MAAM,0DAAQ,CAAA,GAAA,uBAAS,EAAE,SAAS,MAAM,MAAiB,EAAE,GAA2B;IAC3F,CAAC,QAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,QAAO,KAAK;IACnD,IAAI,YACF,QAAQ,WACR,UAAU,iBACV,OAAO,gBACP,YAAY,sBACZ,eAAe,QACf,GAAG,YACJ,GAAG,QAAO,gCAAgC;IAC3C,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,aAAa,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,OAAM,QAAQ,EAAE,KAAK,CAAC,CAAA,IAAK,eAAC,CAAA,GAAA,sCAAI,EAAE,cAAc,CAAC;IAEzF,qBACE,gCAAC,CAAA,GAAA,wCAAO;QACN,QAAQ;YACN;gBACE,CAAA,GAAA,qCAAU;gBACV;oBACE,QAAQ;;;;;;;;;;;sBAOL;sCAAC;oBAAY;gBAClB;aACD;YACD;gBAAC,CAAA,GAAA,0CAAa;gBAAG,CAAC;aAAE;YACpB;gBACE,CAAA,GAAA,qCAAU;gBACV;oBACE,QAAQ,CAAA,GAAA,wCAAa,EAAE;wBAAC,MAAM;wBAAQ,MAAM;oBAAmB;oBAC/D,MAAM;gBACR;aACD;SACF;kBACD,cAAA,gCAAC,CAAA,GAAA,yCAAc;sBACb,cAAA,gCAAC;gBACE,GAAG,CAAA,GAAA,6CAAa,EAAE,WAAW;gBAC9B,MAAK;gBACL,WACE,AAAC,CAAA,OAAM,gBAAgB,IAAI,EAAC,IAAK,4BAAM;6BAAC;0BAAS;+BAAM;gBAAS,GAAG,OAAM,MAAM;gBAEjF,OAAO,OAAM,YAAY;gBACzB,KAAK;0BACJ,OAAO,aAAa,YAAY,2BAAa,gCAAC,CAAA,GAAA,8BAAG;8BAAG;qBAAmB;;;;AAKlF","sources":["packages/@react-spectrum/s2/src/Badge.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {centerBaseline} from './CenterBaseline';\nimport {ContextValue, Provider, SlotProps} from 'react-aria-components/slots';\nimport {control, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {fontRelative, lightDark, style} from '../style' with {type: 'macro'};\nimport {IconContext} from './Icon';\nimport {TextContext as RACTextContext} from 'react-aria-components/Text';\nimport React, {createContext, forwardRef, ReactNode} from 'react';\nimport {SkeletonWrapper} from './Skeleton';\nimport {Text, TextContext} from './Content';\nimport {useDOMRef} from './useDOMRef';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface BadgeStyleProps {\n  /**\n   * The size of the badge.\n   *\n   * @default 'S'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n  /**\n   * The variant changes the background color of the badge. When badge has a semantic meaning, they\n   * should use the variant for semantic colors.\n   *\n   * @default 'neutral'\n   */\n  variant?:\n    | 'accent'\n    | 'informative'\n    | 'neutral'\n    | 'positive'\n    | 'notice'\n    | 'negative'\n    | 'gray'\n    | 'red'\n    | 'orange'\n    | 'yellow'\n    | 'chartreuse'\n    | 'celery'\n    | 'green'\n    | 'seafoam'\n    | 'cyan'\n    | 'blue'\n    | 'indigo'\n    | 'purple'\n    | 'fuchsia'\n    | 'magenta'\n    | 'pink'\n    | 'turquoise'\n    | 'brown'\n    | 'cinnamon'\n    | 'silver';\n  /**\n   * The fill of the badge.\n   *\n   * @default 'bold'\n   */\n  fillStyle?: 'bold' | 'subtle' | 'outline';\n  /**\n   * Sets the text behavior for the contents.\n   *\n   * @default 'wrap'\n   */\n  overflowMode?: 'wrap' | 'truncate';\n}\n\nexport interface BadgeProps\n  extends DOMProps, AriaLabelingProps, StyleProps, BadgeStyleProps, SlotProps {\n  /**\n   * The content to display in the badge.\n   */\n  children: ReactNode;\n}\n\nexport const BadgeContext =\n  createContext<ContextValue<Partial<BadgeProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst badge = style<BadgeStyleProps>(\n  {\n    ...control({shape: 'default', wrap: true, icon: true}),\n    justifyContent: 'center',\n    color: {\n      fillStyle: {\n        bold: {\n          default: 'white',\n          variant: {\n            notice: 'black',\n            orange: 'black',\n            yellow: 'black',\n            chartreuse: 'black',\n            celery: 'black'\n          }\n        },\n        subtle: 'gray-1000',\n        outline: 'gray-1000'\n      }\n    },\n    backgroundColor: {\n      fillStyle: {\n        bold: {\n          variant: {\n            accent: 'accent',\n            informative: 'informative',\n            neutral: 'neutral-subdued',\n            positive: 'positive',\n            notice: 'notice',\n            negative: 'negative',\n            gray: 'gray',\n            red: 'red',\n            orange: 'orange',\n            yellow: 'yellow',\n            chartreuse: 'chartreuse',\n            celery: 'celery',\n            green: 'green',\n            seafoam: 'seafoam',\n            cyan: 'cyan',\n            blue: 'blue',\n            indigo: 'indigo',\n            purple: 'purple',\n            fuchsia: 'fuchsia',\n            magenta: 'magenta',\n            pink: 'pink',\n            turquoise: 'turquoise',\n            brown: 'brown',\n            cinnamon: 'cinnamon',\n            silver: 'silver'\n          }\n        },\n        subtle: {\n          variant: {\n            accent: 'accent-subtle',\n            informative: 'informative-subtle',\n            neutral: 'neutral-subtle',\n            positive: 'positive-subtle',\n            notice: 'notice-subtle',\n            negative: 'negative-subtle',\n            gray: 'gray-subtle',\n            red: 'red-subtle',\n            orange: 'orange-subtle',\n            yellow: 'yellow-subtle',\n            chartreuse: 'chartreuse-subtle',\n            celery: 'celery-subtle',\n            green: 'green-subtle',\n            seafoam: 'seafoam-subtle',\n            cyan: 'cyan-subtle',\n            blue: 'blue-subtle',\n            indigo: 'indigo-subtle',\n            purple: 'purple-subtle',\n            fuchsia: 'fuchsia-subtle',\n            magenta: 'magenta-subtle',\n            pink: 'pink-subtle',\n            turquoise: 'turquoise-subtle',\n            brown: 'brown-subtle',\n            cinnamon: 'cinnamon-subtle',\n            silver: 'silver-subtle'\n          }\n        },\n        outline: 'layer-2'\n      }\n    },\n    borderStyle: 'solid',\n    borderWidth: 2,\n    borderColor: {\n      default: 'transparent',\n      fillStyle: {\n        outline: {\n          variant: {\n            accent: lightDark('accent-800', 'accent-900'), // accent-visual-color\n            informative: lightDark('informative-800', 'informative-900'), // informative-visual-color\n            neutral: lightDark('gray-500', 'gray-600'), // neutral-visual-color\n            positive: lightDark('positive-800', 'positive-900'), // positive-visual-color\n            notice: lightDark('notice-800', 'notice-900'), // notice-visual-color\n            negative: lightDark('negative-800', 'negative-900') // negative-visual-color\n          }\n        }\n      }\n    },\n    '--iconPrimary': {\n      type: 'fill',\n      value: 'currentColor'\n    }\n  },\n  getAllowedOverrides()\n);\n\n/**\n * Badges are used for showing a small amount of color-categorized metadata, ideal for getting a\n * user's attention.\n */\nexport const Badge = forwardRef(function Badge(props: BadgeProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, BadgeContext);\n  let {\n    children,\n    variant = 'neutral',\n    size = 'S',\n    fillStyle = 'bold',\n    overflowMode = 'wrap',\n    ...otherProps\n  } = props; // useProviderProps(props) in v3\n  let domRef = useDOMRef(ref);\n  let isTextOnly = React.Children.toArray(props.children).every(c => !React.isValidElement(c));\n\n  return (\n    <Provider\n      values={[\n        [\n          TextContext,\n          {\n            styles: style({\n              paddingY: '--labelPadding',\n              order: 1,\n              overflowX: 'hidden',\n              overflowY: 'hidden',\n              textOverflow: 'ellipsis',\n              whiteSpace: {overflowMode: {truncate: 'nowrap', wrap: 'normal'}}\n            })({overflowMode})\n          }\n        ],\n        [RACTextContext, {}],\n        [\n          IconContext,\n          {\n            render: centerBaseline({slot: 'icon', styles: style({order: 0})}),\n            styles: style({size: fontRelative(20), marginStart: '--iconMargin', flexShrink: 0})\n          }\n        ]\n      ]}>\n      <SkeletonWrapper>\n        <span\n          {...filterDOMProps(otherProps)}\n          role=\"presentation\"\n          className={\n            (props.UNSAFE_className || '') + badge({variant, size, fillStyle}, props.styles)\n          }\n          style={props.UNSAFE_style}\n          ref={domRef}>\n          {typeof children === 'string' || isTextOnly ? <Text>{children}</Text> : children}\n        </span>\n      </SkeletonWrapper>\n    </Provider>\n  );\n});\n"],"names":[],"version":3,"file":"Badge.cjs.map"}