@react-spectrum/s2 0.5.0 → 0.6.0

package/dist/AvatarGroup.cjs

@@ -36,124 +36,124 @@ const $5b7eb34c05dfeb90$var$avatar = " . y-1oavdfs y-13alit4a";
 const $5b7eb34c05dfeb90$var$text = function anonymous(props) {
     let rules = " .";
     rules += ' yd';
-    rules += ' __vb';
     rules += ' __wb';
-    rules += ' _ma';
-    rules += ' _pb';
+    rules += ' __xb';
+    rules += ' _na';
+    rules += ' _qb';
     if (props.size === "40") {
-        rules += ' _c-bc1l9oh';
-        rules += ' _c-1uotwbwg';
-        rules += ' _c-eo0c6sf';
-        rules += ' _c-enzzrge';
-        rules += ' _c-enzykdd';
-        rules += ' _c-enzwzjc';
-        rules += ' _c-enzrfpb';
-        rules += ' _ca';
+        rules += ' _d-bc1l9oh';
+        rules += ' _d-1uotwbwg';
+        rules += ' _d-eo0c6sf';
+        rules += ' _d-enzzrge';
+        rules += ' _d-enzykdd';
+        rules += ' _d-enzwzjc';
+        rules += ' _d-enzrfpb';
+        rules += ' _da';
     } else if (props.size === "36") {
-        rules += ' _c-bc1l9oh';
-        rules += ' _c-1uotwbwg';
-        rules += ' _c-eo0c6sf';
-        rules += ' _c-enzzrge';
-        rules += ' _c-enzykdd';
-        rules += ' _c-enzwzjc';
-        rules += ' _c-enzrfpb';
-        rules += ' _ca';
+        rules += ' _d-bc1l9oh';
+        rules += ' _d-1uotwbwg';
+        rules += ' _d-eo0c6sf';
+        rules += ' _d-enzzrge';
+        rules += ' _d-enzykdd';
+        rules += ' _d-enzwzjc';
+        rules += ' _d-enzrfpb';
+        rules += ' _da';
     } else if (props.size === "32") {
-        rules += ' _c-bc1l9oh';
-        rules += ' _c-1uotwbwg';
-        rules += ' _c-eo0c6sf';
-        rules += ' _c-enzzrge';
-        rules += ' _c-enzykdd';
-        rules += ' _c-enzwzjc';
-        rules += ' _c-enzrfpb';
-        rules += ' _ca';
+        rules += ' _d-bc1l9oh';
+        rules += ' _d-1uotwbwg';
+        rules += ' _d-eo0c6sf';
+        rules += ' _d-enzzrge';
+        rules += ' _d-enzykdd';
+        rules += ' _d-enzwzjc';
+        rules += ' _d-enzrfpb';
+        rules += ' _da';
     } else if (props.size === "28") {
-        rules += ' _c-bc1l9oh';
-        rules += ' _c-1uotwbwg';
-        rules += ' _c-eo0c6sf';
-        rules += ' _c-enzzrge';
-        rules += ' _c-enzykdd';
-        rules += ' _c-enzwzjc';
-        rules += ' _c-enzrfpb';
-        rules += ' _ca';
+        rules += ' _d-bc1l9oh';
+        rules += ' _d-1uotwbwg';
+        rules += ' _d-eo0c6sf';
+        rules += ' _d-enzzrge';
+        rules += ' _d-enzykdd';
+        rules += ' _d-enzwzjc';
+        rules += ' _d-enzrfpb';
+        rules += ' _da';
     } else if (props.size === "24") {
-        rules += ' _c-bc1l9oh';
-        rules += ' _c-1uotwbwg';
-        rules += ' _c-eo0c6sf';
-        rules += ' _c-enzzrge';
-        rules += ' _c-enzykdd';
-        rules += ' _c-enzwzjc';
-        rules += ' _c-enzrfpb';
-        rules += ' _ca';
+        rules += ' _d-bc1l9oh';
+        rules += ' _d-1uotwbwg';
+        rules += ' _d-eo0c6sf';
+        rules += ' _d-enzzrge';
+        rules += ' _d-enzykdd';
+        rules += ' _d-enzwzjc';
+        rules += ' _d-enzrfpb';
+        rules += ' _da';
     } else if (props.size === "20") {
-        rules += ' _c-bc1l9oh';
-        rules += ' _c-1uotwbwg';
-        rules += ' _c-eo0c6sf';
-        rules += ' _c-enzzrge';
-        rules += ' _c-enzykdd';
-        rules += ' _c-enzwzjc';
-        rules += ' _c-enzrfpb';
-        rules += ' _ca';
+        rules += ' _d-bc1l9oh';
+        rules += ' _d-1uotwbwg';
+        rules += ' _d-eo0c6sf';
+        rules += ' _d-enzzrge';
+        rules += ' _d-enzykdd';
+        rules += ' _d-enzwzjc';
+        rules += ' _d-enzrfpb';
+        rules += ' _da';
     } else if (props.size === "16") {
-        rules += ' _c-bc1l9oh';
-        rules += ' _c-1uotwbwg';
-        rules += ' _c-eo0c6sf';
-        rules += ' _c-enzzrge';
-        rules += ' _c-enzykdd';
-        rules += ' _c-enzwzjc';
-        rules += ' _c-enzrfpb';
-        rules += ' _ca';
+        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 === "40") {
-        rules += ' _dbm';
-        rules += ' _dj';
+        rules += ' _ebm';
+        rules += ' _ej';
     } else if (props.size === "36") {
-        rules += ' _dbl';
-        rules += ' _dk';
+        rules += ' _ebl';
+        rules += ' _ek';
     } else if (props.size === "32") {
-        rules += ' _dbj';
-        rules += ' _di';
+        rules += ' _ebj';
+        rules += ' _ei';
     } else if (props.size === "28") {
-        rules += ' _dbh';
-        rules += ' _dg';
+        rules += ' _ebh';
+        rules += ' _eg';
     } else if (props.size === "24") {
-        rules += ' _dbf';
-        rules += ' _de';
+        rules += ' _ebf';
+        rules += ' _ee';
     } else if (props.size === "20") {
-        rules += ' _dbd';
-        rules += ' _dc';
+        rules += ' _ebd';
+        rules += ' _ec';
     } else if (props.size === "16") {
-        rules += ' _dbb';
-        rules += ' _da';
+        rules += ' _ebb';
+        rules += ' _ea';
     }
-    if (props.size === "40") rules += ' _eb';
-    else if (props.size === "36") rules += ' _eb';
-    else if (props.size === "32") rules += ' _eb';
-    else if (props.size === "28") rules += ' _eb';
-    else if (props.size === "24") rules += ' _eb';
-    else if (props.size === "20") rules += ' _eb';
-    else if (props.size === "16") rules += ' _eb';
+    if (props.size === "40") rules += ' _fb';
+    else if (props.size === "36") rules += ' _fb';
+    else if (props.size === "32") rules += ' _fb';
+    else if (props.size === "28") rules += ' _fb';
+    else if (props.size === "24") rules += ' _fb';
+    else if (props.size === "20") rules += ' _fb';
+    else if (props.size === "16") rules += ' _fb';
     if (props.size === "40") {
-        rules += ' _f-1x99dlob';
-        rules += ' _fa';
+        rules += ' _g-1x99dlob';
+        rules += ' _ga';
     } else if (props.size === "36") {
-        rules += ' _f-1x99dlob';
-        rules += ' _fa';
+        rules += ' _g-1x99dlob';
+        rules += ' _ga';
     } else if (props.size === "32") {
-        rules += ' _f-1x99dlob';
-        rules += ' _fa';
+        rules += ' _g-1x99dlob';
+        rules += ' _ga';
     } else if (props.size === "28") {
-        rules += ' _f-1x99dlob';
-        rules += ' _fa';
+        rules += ' _g-1x99dlob';
+        rules += ' _ga';
     } else if (props.size === "24") {
-        rules += ' _f-1x99dlob';
-        rules += ' _fa';
+        rules += ' _g-1x99dlob';
+        rules += ' _ga';
     } else if (props.size === "20") {
-        rules += ' _f-1x99dlob';
-        rules += ' _fa';
+        rules += ' _g-1x99dlob';
+        rules += ' _ga';
     } else if (props.size === "16") {
-        rules += ' _f-1x99dlob';
-        rules += ' _fa';
+        rules += ' _g-1x99dlob';
+        rules += ' _ga';
     }
     if (props.size === "40") rules += ' an';
     else if (props.size === "36") rules += ' an';
@@ -166,13 +166,13 @@ const $5b7eb34c05dfeb90$var$text = function anonymous(props) {
 };
 const $5b7eb34c05dfeb90$var$container = function anonymous(props, overrides) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W)[^\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)[^\s]+/g) || [];
     rules += matches.join('');
-    rules += ' _Zd';
-    rules += ' _1c';
+    rules += ' _0d';
+    rules += ' _2c';
     return rules;
 };
-function $5b7eb34c05dfeb90$var$AvatarGroup(props, ref) {
+const $5b7eb34c05dfeb90$export$5b26ebaf2b105908 = /*#__PURE__*/ (0, $6mB16$react.forwardRef)(function AvatarGroup(props, ref) {
     [props, ref] = (0, $ac757a4c2bd72aee$exports.useSpectrumContextProps)(props, ref, $5b7eb34c05dfeb90$export$4f18251748129091);
     let domRef = (0, $6mB16$reactspectrumutils.useDOMRef)(ref);
     let { children: children, label: label, size: size = 24, styles: styles, UNSAFE_style: UNSAFE_style, UNSAFE_className: UNSAFE_className, ...otherProps } = props;
@@ -208,10 +208,7 @@ function $5b7eb34c05dfeb90$var$AvatarGroup(props, ref) {
             ]
         })
     });
-}
-/**
- * An avatar group is a grouping of avatars that are related to each other.
- */ let $5b7eb34c05dfeb90$export$5b26ebaf2b105908 = /*#__PURE__*/ (0, $6mB16$react.forwardRef)($5b7eb34c05dfeb90$var$AvatarGroup);
+});
 
 
 //# sourceMappingURL=AvatarGroup.cjs.map

package/dist/AvatarGroup.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA2BM,MAAM,0DAAqB,CAAA,GAAA,0BAAY,EAA+D;AAE7G,MAAM;AAON,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBN,MAAM;;;;;;;;AAKN,SAAS,kCAAY,KAAuB,EAAE,GAA2B;IACvE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,YAAC,QAAQ,SAAE,KAAK,QAAE,OAAO,YAAI,MAAM,gBAAE,YAAY,oBAAE,gBAAgB,EAAE,GAAG,YAAW,GAAG;IAC1F,IAAI,cAAC,UAAU,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,yBAAO,EAAE;QACtC,GAAG,KAAK;QACR,kBAAkB;IACpB;IAEA,qBACE,gCAAC,CAAA,GAAA,uCAAY,EAAE,QAAQ;QAAC,OAAO;YAAC,QAAQ;kBAAQ;YAAM,kBAAkB;QAAI;kBAC1E,cAAA,iCAAC;YACC,KAAK;YACJ,GAAG,CAAA,GAAA,oCAAa,EAAE,WAAW;YAC7B,GAAG,UAAU;YACd,MAAK;YACL,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK,gCAAU,MAAM;YACtD,OAAO;gBACL,GAAG,YAAY;gBACf,UAAU,OAAO,KAAK;YACxB;;gBACC;gBACA,uBAAS,gCAAC;oBAAM,GAAG,UAAU;oBAAE,WAAW,2BAAK;wBAAC,MAAM,OAAO;oBAAK;8BAAK;;;;;AAIhF;AAEA;;CAEC,GACD,IAAI,0DAAe,CAAA,GAAA,uBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/AvatarGroup.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 {AvatarContext} from './Avatar';\nimport {ContextValue, SlotProps} from 'react-aria-components';\nimport {createContext, CSSProperties, forwardRef, ReactNode} from 'react';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {getAllowedOverrides, StylesPropWithoutWidth, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useLabel} from 'react-aria';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface AvatarGroupProps extends UnsafeStyles, DOMProps, AriaLabelingProps, SlotProps {\n  /** Avatar children of the avatar group. */\n  children: ReactNode,\n  /** The label for the avatar group. */\n  label?: string,\n  /**\n   * The size of the avatar group.\n   * @default 24\n   */\n  size?: 16 | 20 | 24 | 28 | 32 | 36 | 40,\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithoutWidth\n}\n\nexport const AvatarGroupContext = createContext<ContextValue<AvatarGroupProps, DOMRefValue<HTMLDivElement>>>(null);\n\nconst avatar = style({\n  marginStart: {\n    default: '[calc(var(--size) / -4)]',\n    ':first-child': 0\n  }\n});\n\nconst text = style({\n  marginStart: 8,\n  truncate: true,\n  font: {\n    size: {\n      16: 'ui-xs',\n      20: 'ui-sm',\n      24: 'ui',\n      28: 'ui-lg',\n      32: 'ui-xl',\n      36: 'ui-2xl',\n      40: 'ui-3xl'\n    }\n  }\n});\n\nconst container = style({\n  display: 'flex',\n  alignItems: 'center'\n}, getAllowedOverrides({width: false}));\n\nfunction AvatarGroup(props: AvatarGroupProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, AvatarGroupContext);\n  let domRef = useDOMRef(ref);\n  let {children, label, size = 24, styles, UNSAFE_style, UNSAFE_className, ...otherProps} = props;\n  let {labelProps, fieldProps} = useLabel({\n    ...props,\n    labelElementType: 'span'\n  });\n\n  return (\n    <AvatarContext.Provider value={{styles: avatar, size, isOverBackground: true}}>\n      <div\n        ref={domRef}\n        {...filterDOMProps(otherProps)}\n        {...fieldProps}\n        role=\"group\"\n        className={(UNSAFE_className ?? '') + container(null, styles)}\n        style={{\n          ...UNSAFE_style,\n          '--size': size / 16 + 'rem'\n        } as CSSProperties}>\n        {children}\n        {label && <span {...labelProps} className={text({size: String(size)})}>{label}</span>}\n      </div>\n    </AvatarContext.Provider>\n  );\n}\n\n/**\n * An avatar group is a grouping of avatars that are related to each other.\n */\nlet _AvatarGroup = forwardRef(AvatarGroup);\nexport {_AvatarGroup as AvatarGroup};\n"],"names":[],"version":3,"file":"AvatarGroup.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA2BM,MAAM,0DAAqB,CAAA,GAAA,0BAAY,EAA+D;AAE7G,MAAM;AAON,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBN,MAAM;;;;;;;;AAQC,MAAM,0DAAc,CAAA,GAAA,uBAAS,EAAE,SAAS,YAAY,KAAuB,EAAE,GAA2B;IAC7G,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,YAAC,QAAQ,SAAE,KAAK,QAAE,OAAO,YAAI,MAAM,gBAAE,YAAY,oBAAE,gBAAgB,EAAE,GAAG,YAAW,GAAG;IAC1F,IAAI,cAAC,UAAU,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,yBAAO,EAAE;QACtC,GAAG,KAAK;QACR,kBAAkB;IACpB;IAEA,qBACE,gCAAC,CAAA,GAAA,uCAAY,EAAE,QAAQ;QAAC,OAAO;YAAC,QAAQ;kBAAQ;YAAM,kBAAkB;QAAI;kBAC1E,cAAA,iCAAC;YACC,KAAK;YACJ,GAAG,CAAA,GAAA,oCAAa,EAAE,WAAW;YAC7B,GAAG,UAAU;YACd,MAAK;YACL,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK,gCAAU,MAAM;YACtD,OAAO;gBACL,GAAG,YAAY;gBACf,UAAU,OAAO,KAAK;YACxB;;gBACC;gBACA,uBAAS,gCAAC;oBAAM,GAAG,UAAU;oBAAE,WAAW,2BAAK;wBAAC,MAAM,OAAO;oBAAK;8BAAK;;;;;AAIhF","sources":["packages/@react-spectrum/s2/src/AvatarGroup.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 {AvatarContext} from './Avatar';\nimport {ContextValue, SlotProps} from 'react-aria-components';\nimport {createContext, CSSProperties, forwardRef, ReactNode} from 'react';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {getAllowedOverrides, StylesPropWithoutWidth, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useLabel} from 'react-aria';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface AvatarGroupProps extends UnsafeStyles, DOMProps, AriaLabelingProps, SlotProps {\n  /** Avatar children of the avatar group. */\n  children: ReactNode,\n  /** The label for the avatar group. */\n  label?: string,\n  /**\n   * The size of the avatar group.\n   * @default 24\n   */\n  size?: 16 | 20 | 24 | 28 | 32 | 36 | 40,\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithoutWidth\n}\n\nexport const AvatarGroupContext = createContext<ContextValue<AvatarGroupProps, DOMRefValue<HTMLDivElement>>>(null);\n\nconst avatar = style({\n  marginStart: {\n    default: '[calc(var(--size) / -4)]',\n    ':first-child': 0\n  }\n});\n\nconst text = style({\n  marginStart: 8,\n  truncate: true,\n  font: {\n    size: {\n      16: 'ui-xs',\n      20: 'ui-sm',\n      24: 'ui',\n      28: 'ui-lg',\n      32: 'ui-xl',\n      36: 'ui-2xl',\n      40: 'ui-3xl'\n    }\n  }\n});\n\nconst container = style({\n  display: 'flex',\n  alignItems: 'center'\n}, getAllowedOverrides({width: false}));\n\n/**\n * An avatar group is a grouping of avatars that are related to each other.\n */\nexport const AvatarGroup = forwardRef(function AvatarGroup(props: AvatarGroupProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, AvatarGroupContext);\n  let domRef = useDOMRef(ref);\n  let {children, label, size = 24, styles, UNSAFE_style, UNSAFE_className, ...otherProps} = props;\n  let {labelProps, fieldProps} = useLabel({\n    ...props,\n    labelElementType: 'span'\n  });\n\n  return (\n    <AvatarContext.Provider value={{styles: avatar, size, isOverBackground: true}}>\n      <div\n        ref={domRef}\n        {...filterDOMProps(otherProps)}\n        {...fieldProps}\n        role=\"group\"\n        className={(UNSAFE_className ?? '') + container(null, styles)}\n        style={{\n          ...UNSAFE_style,\n          '--size': size / 16 + 'rem'\n        } as CSSProperties}>\n        {children}\n        {label && <span {...labelProps} className={text({size: String(size)})}>{label}</span>}\n      </div>\n    </AvatarContext.Provider>\n  );\n});\n"],"names":[],"version":3,"file":"AvatarGroup.cjs.map"}

package/dist/AvatarGroup.css

@@ -7,55 +7,55 @@
     margin-inline-start: .5rem;
   }
 
-  .__vb {
+  .__wb {
     overflow-x: hidden;
   }
 
-  .__wb {
+  .__xb {
     overflow-y: hidden;
   }
 
-  ._ma {
+  ._na {
     text-overflow: ellipsis;
   }
 
-  ._pb {
+  ._qb {
     white-space: nowrap;
   }
 
-  ._ca {
+  ._da {
     font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._da {
+  ._ea {
     font-size: .6875rem;
   }
 
-  ._dc {
+  ._ec {
     font-size: .75rem;
   }
 
-  ._de {
+  ._ee {
     font-size: .875rem;
   }
 
-  ._dg {
+  ._eg {
     font-size: 1rem;
   }
 
-  ._di {
+  ._ei {
     font-size: 1.125rem;
   }
 
-  ._dk {
+  ._ek {
     font-size: 1.25rem;
   }
 
-  ._dj {
+  ._ej {
     font-size: 1.375rem;
   }
 
-  ._eb {
+  ._fb {
     font-variation-settings: "wght" 400;
     font-synthesis-weight: none;
     font-variation-settings: "wght" 400;
@@ -73,7 +73,7 @@
     font-weight: 400;
   }
 
-  ._fa {
+  ._ga {
     line-height: 1.3;
   }
 
@@ -81,11 +81,11 @@
     color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  ._Zd {
+  ._0d {
     display: flex;
   }
 
-  ._1c {
+  ._2c {
     align-items: center;
   }
 }
@@ -95,11 +95,11 @@
     margin-inline-start: 0;
   }
 
-  ._c-enzrfpb:lang(ar) {
+  ._d-enzrfpb:lang(ar) {
     font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._f-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._g-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     line-height: 1.5;
   }
 }
@@ -107,68 +107,68 @@
 @layer UNSAFE_overrides;
 
 @layer _.c {
-  ._c-enzwzjc:lang(he) {
+  ._d-enzwzjc:lang(he) {
     font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.d {
-  ._c-enzykdd:lang(ja) {
+  ._d-enzykdd:lang(ja) {
     font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
   }
 }
 
 @layer _.e {
-  ._c-enzzrge:lang(ko) {
+  ._d-enzzrge:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  ._c-eo0c6sf:lang(zh) {
+  ._d-eo0c6sf:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  ._c-1uotwbwg:lang(zh-hant) {
+  ._d-1uotwbwg:lang(zh-hant) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.h {
-  ._c-bc1l9oh:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  ._d-bc1l9oh:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
   }
 }
 
 @layer _.b.b {
   @media not ((hover: hover) and (pointer: fine)) {
-    ._dbb {
+    ._ebb {
       font-size: .8125rem;
     }
 
-    ._dbd {
+    ._ebd {
       font-size: .9375rem;
     }
 
-    ._dbf {
+    ._ebf {
       font-size: 1.0625rem;
     }
 
-    ._dbh {
+    ._ebh {
       font-size: 1.1875rem;
     }
 
-    ._dbj {
+    ._ebj {
       font-size: 1.375rem;
     }
 
-    ._dbl {
+    ._ebl {
       font-size: 1.5rem;
     }
 
-    ._dbm {
+    ._ebm {
       font-size: 1.6875rem;
     }
   }

package/dist/AvatarGroup.css.map

@@ -1 +1 @@
-{"mappings":"ACuCe;EAAA;;;;EAOF;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;;;;;;;;;;;;;;EAAA;;;;EAAA;;;;EAgBK;;;;EAAA;;;;;AAvBH;EAAA;;;;EAOF;;;;EAAA;;;;;AAPE;;AAOF;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;;;AAgBK","sources":["0a4c7ff616b39f15","packages/@react-spectrum/s2/src/AvatarGroup.tsx"],"sourcesContent":["@import \"4466692f07e15352\";\n@import \"a5389b273a848c34\";\n@import \"443fa43b7b24f112\";\n","/*\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 {AvatarContext} from './Avatar';\nimport {ContextValue, SlotProps} from 'react-aria-components';\nimport {createContext, CSSProperties, forwardRef, ReactNode} from 'react';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {getAllowedOverrides, StylesPropWithoutWidth, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useLabel} from 'react-aria';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface AvatarGroupProps extends UnsafeStyles, DOMProps, AriaLabelingProps, SlotProps {\n  /** Avatar children of the avatar group. */\n  children: ReactNode,\n  /** The label for the avatar group. */\n  label?: string,\n  /**\n   * The size of the avatar group.\n   * @default 24\n   */\n  size?: 16 | 20 | 24 | 28 | 32 | 36 | 40,\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithoutWidth\n}\n\nexport const AvatarGroupContext = createContext<ContextValue<AvatarGroupProps, DOMRefValue<HTMLDivElement>>>(null);\n\nconst avatar = style({\n  marginStart: {\n    default: '[calc(var(--size) / -4)]',\n    ':first-child': 0\n  }\n});\n\nconst text = style({\n  marginStart: 8,\n  truncate: true,\n  font: {\n    size: {\n      16: 'ui-xs',\n      20: 'ui-sm',\n      24: 'ui',\n      28: 'ui-lg',\n      32: 'ui-xl',\n      36: 'ui-2xl',\n      40: 'ui-3xl'\n    }\n  }\n});\n\nconst container = style({\n  display: 'flex',\n  alignItems: 'center'\n}, getAllowedOverrides({width: false}));\n\nfunction AvatarGroup(props: AvatarGroupProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, AvatarGroupContext);\n  let domRef = useDOMRef(ref);\n  let {children, label, size = 24, styles, UNSAFE_style, UNSAFE_className, ...otherProps} = props;\n  let {labelProps, fieldProps} = useLabel({\n    ...props,\n    labelElementType: 'span'\n  });\n\n  return (\n    <AvatarContext.Provider value={{styles: avatar, size, isOverBackground: true}}>\n      <div\n        ref={domRef}\n        {...filterDOMProps(otherProps)}\n        {...fieldProps}\n        role=\"group\"\n        className={(UNSAFE_className ?? '') + container(null, styles)}\n        style={{\n          ...UNSAFE_style,\n          '--size': size / 16 + 'rem'\n        } as CSSProperties}>\n        {children}\n        {label && <span {...labelProps} className={text({size: String(size)})}>{label}</span>}\n      </div>\n    </AvatarContext.Provider>\n  );\n}\n\n/**\n * An avatar group is a grouping of avatars that are related to each other.\n */\nlet _AvatarGroup = forwardRef(AvatarGroup);\nexport {_AvatarGroup as AvatarGroup};\n"],"names":[],"version":3,"file":"AvatarGroup.css.map"}
+{"mappings":"ACuCe;EAAA;;;;EAOF;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;;;;;;;;;;;;;;EAAA;;;;EAAA;;;;EAgBK;;;;EAAA;;;;;AAvBH;EAAA;;;;EAOF;;;;EAAA;;;;;AAPE;;AAOF;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;;;AAgBK","sources":["0a4c7ff616b39f15","packages/@react-spectrum/s2/src/AvatarGroup.tsx"],"sourcesContent":["@import \"4466692f07e15352\";\n@import \"a5389b273a848c34\";\n@import \"443fa43b7b24f112\";\n","/*\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 {AvatarContext} from './Avatar';\nimport {ContextValue, SlotProps} from 'react-aria-components';\nimport {createContext, CSSProperties, forwardRef, ReactNode} from 'react';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {getAllowedOverrides, StylesPropWithoutWidth, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useLabel} from 'react-aria';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface AvatarGroupProps extends UnsafeStyles, DOMProps, AriaLabelingProps, SlotProps {\n  /** Avatar children of the avatar group. */\n  children: ReactNode,\n  /** The label for the avatar group. */\n  label?: string,\n  /**\n   * The size of the avatar group.\n   * @default 24\n   */\n  size?: 16 | 20 | 24 | 28 | 32 | 36 | 40,\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithoutWidth\n}\n\nexport const AvatarGroupContext = createContext<ContextValue<AvatarGroupProps, DOMRefValue<HTMLDivElement>>>(null);\n\nconst avatar = style({\n  marginStart: {\n    default: '[calc(var(--size) / -4)]',\n    ':first-child': 0\n  }\n});\n\nconst text = style({\n  marginStart: 8,\n  truncate: true,\n  font: {\n    size: {\n      16: 'ui-xs',\n      20: 'ui-sm',\n      24: 'ui',\n      28: 'ui-lg',\n      32: 'ui-xl',\n      36: 'ui-2xl',\n      40: 'ui-3xl'\n    }\n  }\n});\n\nconst container = style({\n  display: 'flex',\n  alignItems: 'center'\n}, getAllowedOverrides({width: false}));\n\n/**\n * An avatar group is a grouping of avatars that are related to each other.\n */\nexport const AvatarGroup = forwardRef(function AvatarGroup(props: AvatarGroupProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, AvatarGroupContext);\n  let domRef = useDOMRef(ref);\n  let {children, label, size = 24, styles, UNSAFE_style, UNSAFE_className, ...otherProps} = props;\n  let {labelProps, fieldProps} = useLabel({\n    ...props,\n    labelElementType: 'span'\n  });\n\n  return (\n    <AvatarContext.Provider value={{styles: avatar, size, isOverBackground: true}}>\n      <div\n        ref={domRef}\n        {...filterDOMProps(otherProps)}\n        {...fieldProps}\n        role=\"group\"\n        className={(UNSAFE_className ?? '') + container(null, styles)}\n        style={{\n          ...UNSAFE_style,\n          '--size': size / 16 + 'rem'\n        } as CSSProperties}>\n        {children}\n        {label && <span {...labelProps} className={text({size: String(size)})}>{label}</span>}\n      </div>\n    </AvatarContext.Provider>\n  );\n});\n"],"names":[],"version":3,"file":"AvatarGroup.css.map"}