@react-spectrum/s2 3.0.0-nightly-4b8b33a02-250211 → 3.0.0-nightly-260eb700f-250213

package/dist/Badge.mjs

@@ -33,36 +33,36 @@ import {useDOMRef as $22gMo$useDOMRef} from "@react-spectrum/utils";
 const $6357025487dea614$export$1d4627584e49159a = /*#__PURE__*/ (0, $22gMo$createContext)(null);
 const $6357025487dea614$var$badge = function anonymous(props, overrides) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q)[^\s]+/g) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
     rules += matches.join('');
-    rules += ' _3d';
-    rules += ' _g-bc1l9oh';
-    rules += ' _g-1uotwbwg';
-    rules += ' _g-eo0c6sf';
-    rules += ' _g-enzzrge';
-    rules += ' _g-enzykdd';
-    rules += ' _g-enzwzjc';
-    rules += ' _g-enzrfpb';
-    rules += ' _ga';
+    rules += ' _0d';
+    rules += ' _d-bc1l9oh';
+    rules += ' _d-1uotwbwg';
+    rules += ' _d-eo0c6sf';
+    rules += ' _d-enzzrge';
+    rules += ' _d-enzykdd';
+    rules += ' _d-enzwzjc';
+    rules += ' _d-enzrfpb';
+    rules += ' _da';
     if (props.size === "XL") {
-        rules += ' _hbj';
-        rules += ' _hi';
+        rules += ' _ebj';
+        rules += ' _ei';
     } else if (props.size === "L") {
-        rules += ' _hbh';
-        rules += ' _hg';
+        rules += ' _ebh';
+        rules += ' _eg';
     } else if (props.size === "S") {
-        rules += ' _hbd';
-        rules += ' _hc';
+        rules += ' _ebd';
+        rules += ' _ec';
     } else if (props.size === "XS") {
-        rules += ' _hbb';
-        rules += ' _ha';
+        rules += ' _ebb';
+        rules += ' _ea';
     } else {
-        rules += ' _hbf';
-        rules += ' _he';
+        rules += ' _ebf';
+        rules += ' _ee';
     }
-    rules += ' _ib';
-    rules += ' _j-1x99dlob';
-    rules += ' _ja';
+    rules += ' _fb';
+    rules += ' _g-1x99dlob';
+    rules += ' _ga';
     if (props.fillStyle === "outline") rules += ' ap';
     else if (props.fillStyle === "subtle") rules += ' ap';
     else if (props.fillStyle === "bold") {
@@ -73,24 +73,24 @@ const $6357025487dea614$var$badge = function anonymous(props, overrides) {
         else if (props.variant === "notice") rules += ' ab';
         else rules += ' ac';
     }
-    rules += ' _6d';
-    rules += ' _5-1dz4pg9c';
-    rules += ' _5d';
+    rules += ' _3d';
+    rules += ' _2-1dz4pg9c';
+    rules += ' _2d';
+    rules += ' _wh';
+    rules += ' _xh';
+    rules += ' _yh';
     rules += ' _zh';
-    rules += ' _Ah';
-    rules += ' _Bh';
-    rules += ' _Ch';
-    rules += ' n-375tot';
-    rules += ' F-1dz4pg9a';
-    rules += ' FI';
-    rules += ' G-1dz4pg9a';
-    rules += ' GI';
-    rules += ' -_1gogtue_H--1dbqcch';
-    rules += ' _f-1dz4pg9b';
-    rules += ' -oelgqu_D--1dz4pg9a';
-    rules += ' -oelgqu_D--177861o';
-    rules += ' ibH';
-    rules += ' iG';
+    rules += ' o-375tou';
+    rules += ' C-1dz4pg9a';
+    rules += ' CI';
+    rules += ' D-1dz4pg9a';
+    rules += ' DI';
+    rules += ' -_1gogtue_E--1dbqcch';
+    rules += ' _c-1dz4pg9b';
+    rules += ' -oelgqu_A--1dz4pg9a';
+    rules += ' -oelgqu_A--177861o';
+    rules += ' jbH';
+    rules += ' jG';
     if (props.fillStyle === "outline") rules += ' b______x';
     else if (props.fillStyle === "subtle") {
         if (props.variant === "silver") rules += ' b______w';
@@ -166,52 +166,28 @@ const $6357025487dea614$var$badge = function anonymous(props, overrides) {
             else rules += ' b_____R';
         }
     }
-    rules += ' za';
-    rules += ' __ra';
-    rules += ' t-375toz';
+    rules += ' wa';
+    rules += ' __oa';
     rules += ' u-375tp0';
-    rules += ' rc';
+    rules += ' v-375tp1';
     rules += ' sc';
+    rules += ' tc';
     if (props.fillStyle === "outline") {
-        if (props.variant === "negative") rules += ' x-awl6xt';
-        else if (props.variant === "notice") rules += ' x-1c1g5qb';
-        else if (props.variant === "positive") rules += ' x-32o7sp';
-        else if (props.variant === "neutral") rules += ' x-lj7qwa';
-        else if (props.variant === "informative") rules += ' x-1n5lxsq';
-        else if (props.variant === "accent") rules += ' x-1n5lxsq';
-    } else rules += ' xa';
-    if (props.fillStyle === "outline") {
-        if (props.variant === "negative") rules += ' y-awl6xt';
-        else if (props.variant === "notice") rules += ' y-1c1g5qb';
-        else if (props.variant === "positive") rules += ' y-32o7sp';
-        else if (props.variant === "neutral") rules += ' y-lj7qwa';
-        else if (props.variant === "informative") rules += ' y-1n5lxsq';
-        else if (props.variant === "accent") rules += ' y-1n5lxsq';
-    } else rules += ' ya';
-    if (props.fillStyle === "outline") {
-        if (props.variant === "negative") rules += ' v-awl6xt';
-        else if (props.variant === "notice") rules += ' v-1c1g5qb';
-        else if (props.variant === "positive") rules += ' v-32o7sp';
-        else if (props.variant === "neutral") rules += ' v-lj7qwa';
-        else if (props.variant === "informative") rules += ' v-1n5lxsq';
-        else if (props.variant === "accent") rules += ' v-1n5lxsq';
-    } else rules += ' va';
-    if (props.fillStyle === "outline") {
-        if (props.variant === "negative") rules += ' w-awl6xt';
-        else if (props.variant === "notice") rules += ' w-1c1g5qb';
-        else if (props.variant === "positive") rules += ' w-32o7sp';
-        else if (props.variant === "neutral") rules += ' w-lj7qwa';
-        else if (props.variant === "informative") rules += ' w-1n5lxsq';
-        else if (props.variant === "accent") rules += ' w-1n5lxsq';
-    } else rules += ' wa';
-    rules += ' -rwx0fg_d-b';
-    if (props.size === "XL") rules += ' -_375tot_n-j';
-    else if (props.size === "L") rules += ' -_375tot_n-i';
-    else if (props.size === "S") rules += ' -_375tot_n-h';
-    else if (props.size === "XS") rules += ' -_375tot_n-g';
-    else rules += ' -_375tot_n-f';
-    rules += ' -_375toz_t-c';
+        if (props.variant === "negative") rules += ' c-awl6xt';
+        else if (props.variant === "notice") rules += ' c-1c1g5qb';
+        else if (props.variant === "positive") rules += ' c-32o7sp';
+        else if (props.variant === "neutral") rules += ' c-lj7qwa';
+        else if (props.variant === "informative") rules += ' c-1n5lxsq';
+        else if (props.variant === "accent") rules += ' c-1n5lxsq';
+    } else rules += ' ca';
+    rules += ' -rwx0fg_e-b';
+    if (props.size === "XL") rules += ' -_375tou_o-j';
+    else if (props.size === "L") rules += ' -_375tou_o-i';
+    else if (props.size === "S") rules += ' -_375tou_o-h';
+    else if (props.size === "XS") rules += ' -_375tou_o-g';
+    else rules += ' -_375tou_o-f';
     rules += ' -_375tp0_u-c';
+    rules += ' -_375tp1_v-c';
     return rules;
 };
 const $6357025487dea614$export$37acb3580601e69a = /*#__PURE__*/ (0, $22gMo$forwardRef)(function Badge(props1, ref) {
@@ -226,14 +202,14 @@ const $6357025487dea614$export$37acb3580601e69a = /*#__PURE__*/ (0, $22gMo$forwa
                 {
                     styles: function anonymous(props) {
                         let rules = " .";
-                        rules += ' H-1gogtue';
-                        rules += ' I-1gogtue';
-                        rules += ' __E-3t1y';
-                        rules += ' __zb';
-                        rules += ' __Ab';
-                        rules += ' _qa';
-                        if (props.overflowMode === "wrap") rules += ' _ta';
-                        else if (props.overflowMode === "truncate") rules += ' _tb';
+                        rules += ' E-1gogtue';
+                        rules += ' F-1gogtue';
+                        rules += ' __B-3t1y';
+                        rules += ' __wb';
+                        rules += ' __xb';
+                        rules += ' _na';
+                        if (props.overflowMode === "wrap") rules += ' _qa';
+                        else if (props.overflowMode === "truncate") rules += ' _qb';
                         return rules;
                     }({
                         overflowMode: overflowMode
@@ -249,9 +225,9 @@ const $6357025487dea614$export$37acb3580601e69a = /*#__PURE__*/ (0, $22gMo$forwa
                 {
                     render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
                         slot: 'icon',
-                        styles: " __E-3t1x"
+                        styles: " __B-3t1x"
                     }),
-                    styles: " k-1sthc3k j-1sthc3k B-oelgqu __c-3t1x"
+                    styles: " l-1sthc3k k-1sthc3k y-oelgqu _9-3t1x"
                 }
             ]
         ],

package/dist/Badge.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AA+CM,MAAM,0DAAe,CAAA,GAAA,oBAAY,EAAkE;AAE1G,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuIC,MAAM,0DAAQ,CAAA,GAAA,iBAAS,EAAE,SAAS,MAAM,MAAiB,EAAE,GAA2B;IAC3F,CAAC,QAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,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,gBAAQ,EAAE;IACvB,IAAI,aAAa,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,OAAM,QAAQ,EAAE,KAAK,CAAC,CAAA,IAAK,eAAC,CAAA,GAAA,YAAI,EAAE,cAAc,CAAC;IAEzF,qBACE,gBAAC,CAAA,GAAA,eAAO;QACN,QAAQ;YACN;gBAAC,CAAA,GAAA,yCAAU;gBAAG;oBACZ,QAAQ;;;;;;;;;;;sBAOL;sCAAC;oBAAY;gBAClB;aAAE;YACF;gBAAC,CAAA,GAAA,kBAAa;gBAAG,CAAC;aAAE;YACpB;gBAAC,CAAA,GAAA,yCAAU;gBAAG;oBACZ,QAAQ,CAAA,GAAA,yCAAa,EAAE;wBAAC,MAAM;wBAAQ,MAAM;oBAAmB;oBAC/D,MAAM;gBACR;aAAE;SACH;kBACD,cAAA,gBAAC,CAAA,GAAA,yCAAc;sBACb,cAAA,gBAAC;gBACE,GAAG,CAAA,GAAA,qBAAa,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,gBAAC,CAAA,GAAA,yCAAG;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 {centerPadding, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {ContextValue, Provider, TextContext as RACTextContext, SlotProps} from 'react-aria-components';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {fontRelative, lightDark, style} from '../style' with {type: 'macro'};\nimport {IconContext} from './Icon';\nimport React, {createContext, forwardRef, ReactNode} from 'react';\nimport {SkeletonWrapper} from './Skeleton';\nimport {Text, TextContext} from './Content';\nimport {useDOMRef} from '@react-spectrum/utils';\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  display: 'flex',\n  font: 'control',\n  justifyContent: 'center',\n  alignItems: {\n    default: 'baseline',\n    ':has([slot=icon]:only-child)': 'center'\n  },\n  borderRadius: 'control',\n  minHeight: 'control',\n  paddingX: {\n    default: 'edge-to-text',\n    ':has([slot=icon]:only-child)': 0\n  },\n  '--labelPadding': {\n    type: 'paddingTop',\n    value: centerPadding()\n  },\n  aspectRatio: {\n    ':has([slot=icon]:only-child)': 'square'\n  },\n  '--iconMargin': {\n    type: 'marginTop',\n    value: {\n      default: fontRelative(-2),\n      ':has([slot=icon]:only-child)': 0\n    }\n  },\n  columnGap: 'text-to-visual',\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  boxSizing: 'border-box',\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.mjs.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AA+CM,MAAM,0DAAe,CAAA,GAAA,oBAAY,EAAkE;AAE1G,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuIC,MAAM,0DAAQ,CAAA,GAAA,iBAAS,EAAE,SAAS,MAAM,MAAiB,EAAE,GAA2B;IAC3F,CAAC,QAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,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,gBAAQ,EAAE;IACvB,IAAI,aAAa,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,OAAM,QAAQ,EAAE,KAAK,CAAC,CAAA,IAAK,eAAC,CAAA,GAAA,YAAI,EAAE,cAAc,CAAC;IAEzF,qBACE,gBAAC,CAAA,GAAA,eAAO;QACN,QAAQ;YACN;gBAAC,CAAA,GAAA,yCAAU;gBAAG;oBACZ,QAAQ;;;;;;;;;;;sBAOL;sCAAC;oBAAY;gBAClB;aAAE;YACF;gBAAC,CAAA,GAAA,kBAAa;gBAAG,CAAC;aAAE;YACpB;gBAAC,CAAA,GAAA,yCAAU;gBAAG;oBACZ,QAAQ,CAAA,GAAA,yCAAa,EAAE;wBAAC,MAAM;wBAAQ,MAAM;oBAAmB;oBAC/D,MAAM;gBACR;aAAE;SACH;kBACD,cAAA,gBAAC,CAAA,GAAA,yCAAc;sBACb,cAAA,gBAAC;gBACE,GAAG,CAAA,GAAA,qBAAa,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,gBAAC,CAAA,GAAA,yCAAG;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 {centerPadding, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {ContextValue, Provider, TextContext as RACTextContext, SlotProps} from 'react-aria-components';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {fontRelative, lightDark, style} from '../style' with {type: 'macro'};\nimport {IconContext} from './Icon';\nimport React, {createContext, forwardRef, ReactNode} from 'react';\nimport {SkeletonWrapper} from './Skeleton';\nimport {Text, TextContext} from './Content';\nimport {useDOMRef} from '@react-spectrum/utils';\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  display: 'flex',\n  font: 'control',\n  justifyContent: 'center',\n  alignItems: {\n    default: 'baseline',\n    ':has([slot=icon]:only-child)': 'center'\n  },\n  borderRadius: 'control',\n  minHeight: 'control',\n  paddingX: {\n    default: 'edge-to-text',\n    ':has([slot=icon]:only-child)': 0\n  },\n  '--labelPadding': {\n    type: 'paddingTop',\n    value: centerPadding()\n  },\n  aspectRatio: {\n    ':has([slot=icon]:only-child)': 'square'\n  },\n  '--iconMargin': {\n    type: 'marginTop',\n    value: {\n      default: fontRelative(-2),\n      ':has([slot=icon]:only-child)': 0\n    }\n  },\n  columnGap: 'text-to-visual',\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  boxSizing: 'border-box',\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.mjs.map"}

package/dist/Breadcrumbs.cjs

@@ -55,48 +55,48 @@ const $4130f4e17f7081aa$var$MAX_VISIBLE_ITEMS = 4;
 const $4130f4e17f7081aa$export$65596d3621b0a4a0 = /*#__PURE__*/ (0, $PCemd$react.createContext)(null);
 const $4130f4e17f7081aa$var$wrapper = function anonymous(props, overrides) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q)[^\s]+/g) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
     rules += matches.join('');
-    let $Y = false;
-    let $__d = false;
-    let $__c = false;
-    let $g = false;
-    let $D = false;
-    let $E = false;
+    let $V = false;
+    let $__a = false;
+    let $_9 = false;
+    let $h = false;
+    let $A = false;
     let $B = false;
+    let $y = false;
     for (let p of matches){
-        if (/^\s*Y/.test(p)) $Y = true;
-        if (/^\s*__d/.test(p)) $__d = true;
-        if (/^\s*__c/.test(p)) $__c = true;
-        if (/^\s*g/.test(p)) $g = true;
-        if (/^\s*D/.test(p)) $D = true;
-        if (/^\s*E/.test(p)) $E = true;
+        if (/^\s*V/.test(p)) $V = true;
+        if (/^\s*__a/.test(p)) $__a = true;
+        if (/^\s*_9/.test(p)) $_9 = true;
+        if (/^\s*h/.test(p)) $h = true;
+        if (/^\s*A/.test(p)) $A = true;
         if (/^\s*B/.test(p)) $B = true;
+        if (/^\s*y/.test(p)) $y = true;
     }
-    if (!$Y) rules += ' Yc';
-    rules += ' _3d';
-    rules += ' _6b';
-    rules += ' _ka';
-    rules += ' __bc';
-    if (!$__d) rules += ' __d-3t1y';
-    if (!$__c) rules += ' __c-3t1x';
-    if (!$g) rules += ' ga';
-    if (props.size === "L") rules += ' h-1dtpt05';
-    else if (props.size === "M") rules += ' h-ve8p9e';
+    if (!$V) rules += ' Vc';
+    rules += ' _0d';
+    rules += ' _3b';
+    rules += ' _ha';
+    rules += ' _8c';
+    if (!$__a) rules += ' __a-3t1y';
+    if (!$_9) rules += ' _9-3t1x';
+    if (!$h) rules += ' ha';
     if (props.size === "L") rules += ' i-1dtpt05';
     else if (props.size === "M") rules += ' i-ve8p9e';
-    rules += ' Ha';
-    rules += ' Ia';
+    if (props.size === "L") rules += ' j-1dtpt05';
+    else if (props.size === "M") rules += ' j-ve8p9e';
+    rules += ' Ea';
     rules += ' Fa';
-    rules += ' Ga';
+    rules += ' Ca';
+    rules += ' Da';
+    rules += ' _Pa';
+    rules += ' _R-375x7f';
     rules += ' _Sa';
-    rules += ' _U-375x7f';
-    rules += ' _Va';
-    if (!$D) rules += ' Da';
-    if (!$E) rules += ' Ea';
-    if (!$B) {
-        if (props.size === "L") rules += ' B-1dtpt05';
-        else if (props.size === "M") rules += ' B-ve8p9e';
+    if (!$A) rules += ' Aa';
+    if (!$B) rules += ' Ba';
+    if (!$y) {
+        if (props.size === "L") rules += ' y-1dtpt05';
+        else if (props.size === "M") rules += ' y-ve8p9e';
     }
     return rules;
 };
@@ -188,7 +188,7 @@ let $4130f4e17f7081aa$var$HiddenBreadcrumbs = function(props) {
         // @ts-ignore
         inert: (0, $PCemd$reactariautils.inertValue)(true),
         ref: listRef,
-        className: " _3-17zqamw h-17zqamw i-17zqamw __b-17zqamw Ya _ba _da __Ib __zb __Ab _O-3t1x",
+        className: " _0-17zqamw i-17zqamw j-17zqamw _8-17zqamw Va Ya _aa __Fb __wb __xb _L-3t1x",
         children: [
             items.map((item, idx)=>{
                 // pull off individual props as an allow list, don't want refs or other props getting through
@@ -215,19 +215,19 @@ let $4130f4e17f7081aa$var$HiddenBreadcrumbs = function(props) {
 };
 const $4130f4e17f7081aa$var$breadcrumbStyles = function anonymous(props) {
     let rules = " .";
-    rules += ' _3d';
-    rules += ' _5c';
-    rules += ' _6b';
-    if (props.size === "XL") rules += ' jj';
-    else if (props.size === "L") rules += ' ji';
-    else if (props.size === "S") rules += ' jh';
-    else if (props.size === "XS") rules += ' jg';
-    else rules += ' jf';
+    rules += ' _0d';
+    rules += ' _2c';
+    rules += ' _3b';
+    if (props.size === "XL") rules += ' kj';
+    else if (props.size === "L") rules += ' ki';
+    else if (props.size === "S") rules += ' kh';
+    else if (props.size === "XS") rules += ' kg';
+    else rules += ' kf';
+    rules += ' _Pa';
+    rules += ' _R-375x7f';
     rules += ' _Sa';
-    rules += ' _U-375x7f';
-    rules += ' _Va';
-    rules += ' Yc';
-    rules += ' __c-3t1x';
+    rules += ' Vc';
+    rules += ' _9-3t1x';
     if (props.isDisabled) rules += ' aa_____O';
     else rules += ' aa_____K';
     if (props.isDisabled) rules += ' aj';
@@ -237,66 +237,66 @@ const $4130f4e17f7081aa$var$breadcrumbStyles = function anonymous(props) {
         else if (props.isHovered) rules += ' ao';
         else rules += ' an';
     }
-    rules += ' zf';
-    if (props.isMenu) rules += ' B-460fe7';
+    rules += ' wf';
+    if (props.isMenu) rules += ' y-460fe7';
     return rules;
 };
 const $4130f4e17f7081aa$var$chevronStyles = function anonymous(props) {
     let rules = " .";
-    if (props.direction === "rtl") rules += ' V-3hmpv';
-    if (props.direction === "rtl") rules += ' W-3hmpv';
-    if (props.isMenu) rules += ' Ba';
+    if (props.direction === "rtl") rules += ' S-3hmpv';
+    if (props.direction === "rtl") rules += ' T-3hmpv';
+    if (props.isMenu) rules += ' ya';
     else {
-        rules += ' BbH';
-        rules += ' BG';
+        rules += ' ybH';
+        rules += ' yG';
     }
     rules += ' aa_____Q';
     if (props.isPressed) rules += ' ao';
     else if (props.isFocusVisible) rules += ' ao';
     else if (props.isHovered) rules += ' ao';
     else rules += ' an';
-    rules += ' -rwx0fg_d-b';
+    rules += ' -rwx0fg_e-b';
     return rules;
 };
 const $4130f4e17f7081aa$var$linkStyles = function anonymous(props) {
     let rules = " .";
-    if (props.isFocusVisible) rules += ' _Pb';
-    else rules += ' _Pa';
-    rules += ' ca_____M';
-    rules += ' cx';
-    rules += ' _Rc';
-    rules += ' _Q-3t1z';
+    if (props.isFocusVisible) rules += ' _Mb';
+    else rules += ' _Ma';
+    rules += ' da_____M';
+    rules += ' dx';
+    rules += ' _Oc';
+    rules += ' _N-3t1z';
+    rules += ' _wb';
+    rules += ' _xb';
+    rules += ' _yb';
     rules += ' _zb';
-    rules += ' _Ab';
-    rules += ' _Bb';
-    rules += ' _Cb';
-    rules += ' _g-bc1l9oh';
-    rules += ' _g-1uotwbwg';
-    rules += ' _g-eo0c6sf';
-    rules += ' _g-enzzrge';
-    rules += ' _g-enzykdd';
-    rules += ' _g-enzwzjc';
-    rules += ' _g-enzrfpb';
-    rules += ' _ga';
+    rules += ' _d-bc1l9oh';
+    rules += ' _d-1uotwbwg';
+    rules += ' _d-eo0c6sf';
+    rules += ' _d-enzzrge';
+    rules += ' _d-enzykdd';
+    rules += ' _d-enzwzjc';
+    rules += ' _d-enzrfpb';
+    rules += ' _da';
     if (props.size === "XL") {
-        rules += ' _hbj';
-        rules += ' _hi';
+        rules += ' _ebj';
+        rules += ' _ei';
     } else if (props.size === "L") {
-        rules += ' _hbh';
-        rules += ' _hg';
+        rules += ' _ebh';
+        rules += ' _eg';
     } else if (props.size === "S") {
-        rules += ' _hbd';
-        rules += ' _hc';
+        rules += ' _ebd';
+        rules += ' _ec';
     } else if (props.size === "XS") {
-        rules += ' _hbb';
-        rules += ' _ha';
+        rules += ' _ebb';
+        rules += ' _ea';
     } else {
-        rules += ' _hbf';
-        rules += ' _he';
+        rules += ' _ebf';
+        rules += ' _ee';
     }
-    rules += ' _ib';
-    rules += ' _j-1x99dlob';
-    rules += ' _ja';
+    rules += ' _fb';
+    rules += ' _g-1x99dlob';
+    rules += ' _ga';
     if (props.isDisabled) rules += ' aa_____O';
     else rules += ' aa_____Q';
     if (props.isCurrent) {
@@ -311,52 +311,52 @@ const $4130f4e17f7081aa$var$linkStyles = function anonymous(props) {
         else if (props.isHovered) rules += ' an';
         else rules += ' am';
     }
+    rules += ' _Pa';
+    rules += ' _R-375x7f';
     rules += ' _Sa';
-    rules += ' _U-375x7f';
-    rules += ' _Va';
-    if (props.isDisabled) rules += ' _pd';
-    else if (props.isFocusVisible) rules += ' _pa';
-    else if (props.isHovered) rules += ' _pa';
-    else rules += ' _pd';
-    if (props.isDisabled) rules += ' __Lb';
-    else rules += ' __Lc';
-    rules += ' __V-yksgrp';
+    if (props.isDisabled) rules += ' _md';
+    else if (props.isFocusVisible) rules += ' _ma';
+    else if (props.isHovered) rules += ' _ma';
+    else rules += ' _md';
+    if (props.isDisabled) rules += ' __Ib';
+    else rules += ' __Ic';
+    rules += ' __S-yksgrp';
     return rules;
 };
 const $4130f4e17f7081aa$var$currentStyles = function anonymous(props) {
     let rules = " .";
-    rules += ' _g-bc1l9oh';
-    rules += ' _g-1uotwbwg';
-    rules += ' _g-eo0c6sf';
-    rules += ' _g-enzzrge';
-    rules += ' _g-enzykdd';
-    rules += ' _g-enzwzjc';
-    rules += ' _g-enzrfpb';
-    rules += ' _ga';
+    rules += ' _d-bc1l9oh';
+    rules += ' _d-1uotwbwg';
+    rules += ' _d-eo0c6sf';
+    rules += ' _d-enzzrge';
+    rules += ' _d-enzykdd';
+    rules += ' _d-enzwzjc';
+    rules += ' _d-enzrfpb';
+    rules += ' _da';
     if (props.size === "XL") {
-        rules += ' _hbj';
-        rules += ' _hi';
+        rules += ' _ebj';
+        rules += ' _ei';
     } else if (props.size === "L") {
-        rules += ' _hbh';
-        rules += ' _hg';
+        rules += ' _ebh';
+        rules += ' _eg';
     } else if (props.size === "S") {
-        rules += ' _hbd';
-        rules += ' _hc';
+        rules += ' _ebd';
+        rules += ' _ec';
     } else if (props.size === "XS") {
-        rules += ' _hbb';
-        rules += ' _ha';
+        rules += ' _ebb';
+        rules += ' _ea';
     } else {
-        rules += ' _hbf';
-        rules += ' _he';
+        rules += ' _ebf';
+        rules += ' _ee';
     }
-    rules += ' _id';
-    rules += ' _j-1x99dlob';
-    rules += ' _ja';
+    rules += ' _fd';
+    rules += ' _g-1x99dlob';
+    rules += ' _ga';
     rules += ' an';
     return rules;
 };
 // TODO: support user heading size customization, for now just set it to large
-const $4130f4e17f7081aa$var$heading = " Da Ea Ba Ca _ga _g-enzrfpb _g-enzwzjc _g-enzykdd _g-enzzrge _g-eo0c6sf _g-1uotwbwg _g-bc1l9oh _hn _hbo _ie _ja _j-1x99dlob ao";
+const $4130f4e17f7081aa$var$heading = " Aa Ba ya za _da _d-enzrfpb _d-enzwzjc _d-enzykdd _d-enzzrge _d-eo0c6sf _d-1uotwbwg _d-bc1l9oh _en _ebo _fe _ga _g-1x99dlob ao";
 const $4130f4e17f7081aa$export$dabcc1ec9dd9d1cc = /*#__PURE__*/ (0, $PCemd$react.forwardRef)(function Breadcrumb({ children: children, ...props }, ref) {
     let { href: href, target: target, rel: rel, download: download, ping: ping, referrerPolicy: referrerPolicy } = props;
     let { size: size = 'M' } = (0, $PCemd$react.useContext)($4130f4e17f7081aa$var$InternalBreadcrumbsContext) ?? {};