@react-spectrum/s2 3.0.0-nightly-63d4359d6-250428 → 3.0.0-nightly-1dd65ffc5-250430

package/dist/AvatarGroup.mjs

@@ -25,144 +25,165 @@ import {useLabel as $6MvCt$useLabel} from "react-aria";
 
 
 const $85e1de65a7290f4a$export$4f18251748129091 = /*#__PURE__*/ (0, $6MvCt$createContext)(null);
-const $85e1de65a7290f4a$var$avatar = " y-1oavdfs y-13alit4a";
+const $85e1de65a7290f4a$var$avatar = " h4gnV8d hna";
 const $85e1de65a7290f4a$var$text = function anonymous(props) {
-    let rules = " .";
-    rules += ' yd';
-    rules += ' __wb';
-    rules += ' __xb';
-    rules += ' _na';
-    rules += ' _qb';
+    let rules = " ";
+    rules += ' hc';
+    rules += ' _oa';
+    rules += ' _ha';
+    rules += ' _Ta';
+    rules += ' _za';
     if (props.size === "40") {
-        rules += ' _d-bc1l9oh';
-        rules += ' _d-1uotwbwg';
-        rules += ' _d-eo0c6sf';
-        rules += ' _d-enzzrge';
-        rules += ' _d-enzykdd';
-        rules += ' _d-enzwzjc';
-        rules += ' _d-enzrfpb';
-        rules += ' _da';
+        rules += ' bh';
+        rules += ' bdf';
+        rules += ' beg';
+        rules += ' bfa';
+        rules += ' bgb';
+        rules += ' bhd';
+        rules += ' bje';
+        rules += ' bic';
     } else if (props.size === "36") {
-        rules += ' _d-bc1l9oh';
-        rules += ' _d-1uotwbwg';
-        rules += ' _d-eo0c6sf';
-        rules += ' _d-enzzrge';
-        rules += ' _d-enzykdd';
-        rules += ' _d-enzwzjc';
-        rules += ' _d-enzrfpb';
-        rules += ' _da';
+        rules += ' bh';
+        rules += ' bdf';
+        rules += ' beg';
+        rules += ' bfa';
+        rules += ' bgb';
+        rules += ' bhd';
+        rules += ' bje';
+        rules += ' bic';
     } else if (props.size === "32") {
-        rules += ' _d-bc1l9oh';
-        rules += ' _d-1uotwbwg';
-        rules += ' _d-eo0c6sf';
-        rules += ' _d-enzzrge';
-        rules += ' _d-enzykdd';
-        rules += ' _d-enzwzjc';
-        rules += ' _d-enzrfpb';
-        rules += ' _da';
+        rules += ' bh';
+        rules += ' bdf';
+        rules += ' beg';
+        rules += ' bfa';
+        rules += ' bgb';
+        rules += ' bhd';
+        rules += ' bje';
+        rules += ' bic';
     } else if (props.size === "28") {
-        rules += ' _d-bc1l9oh';
-        rules += ' _d-1uotwbwg';
-        rules += ' _d-eo0c6sf';
-        rules += ' _d-enzzrge';
-        rules += ' _d-enzykdd';
-        rules += ' _d-enzwzjc';
-        rules += ' _d-enzrfpb';
-        rules += ' _da';
+        rules += ' bh';
+        rules += ' bdf';
+        rules += ' beg';
+        rules += ' bfa';
+        rules += ' bgb';
+        rules += ' bhd';
+        rules += ' bje';
+        rules += ' bic';
     } else if (props.size === "24") {
-        rules += ' _d-bc1l9oh';
-        rules += ' _d-1uotwbwg';
-        rules += ' _d-eo0c6sf';
-        rules += ' _d-enzzrge';
-        rules += ' _d-enzykdd';
-        rules += ' _d-enzwzjc';
-        rules += ' _d-enzrfpb';
-        rules += ' _da';
+        rules += ' bh';
+        rules += ' bdf';
+        rules += ' beg';
+        rules += ' bfa';
+        rules += ' bgb';
+        rules += ' bhd';
+        rules += ' bje';
+        rules += ' bic';
     } else if (props.size === "20") {
-        rules += ' _d-bc1l9oh';
-        rules += ' _d-1uotwbwg';
-        rules += ' _d-eo0c6sf';
-        rules += ' _d-enzzrge';
-        rules += ' _d-enzykdd';
-        rules += ' _d-enzwzjc';
-        rules += ' _d-enzrfpb';
-        rules += ' _da';
+        rules += ' bh';
+        rules += ' bdf';
+        rules += ' beg';
+        rules += ' bfa';
+        rules += ' bgb';
+        rules += ' bhd';
+        rules += ' bje';
+        rules += ' bic';
     } else if (props.size === "16") {
-        rules += ' _d-bc1l9oh';
-        rules += ' _d-1uotwbwg';
-        rules += ' _d-eo0c6sf';
-        rules += ' _d-enzzrge';
-        rules += ' _d-enzykdd';
-        rules += ' _d-enzwzjc';
-        rules += ' _d-enzrfpb';
-        rules += ' _da';
+        rules += ' bh';
+        rules += ' bdf';
+        rules += ' beg';
+        rules += ' bfa';
+        rules += ' bgb';
+        rules += ' bhd';
+        rules += ' bje';
+        rules += ' bic';
     }
     if (props.size === "40") {
-        rules += ' _ebm';
-        rules += ' _ej';
+        rules += ' ac';
+        rules += ' aam';
     } else if (props.size === "36") {
-        rules += ' _ebl';
-        rules += ' _ek';
+        rules += ' ak';
+        rules += ' aal';
     } else if (props.size === "32") {
-        rules += ' _ebj';
-        rules += ' _ei';
+        rules += ' ah';
+        rules += ' aac';
     } else if (props.size === "28") {
-        rules += ' _ebh';
-        rules += ' _eg';
+        rules += ' ae';
+        rules += ' aad';
     } else if (props.size === "24") {
-        rules += ' _ebf';
-        rules += ' _ee';
+        rules += ' aa';
+        rules += ' aab';
     } else if (props.size === "20") {
-        rules += ' _ebd';
-        rules += ' _ec';
+        rules += ' af';
+        rules += ' aag';
     } else if (props.size === "16") {
-        rules += ' _ebb';
-        rules += ' _ea';
+        rules += ' ai';
+        rules += ' aaj';
     }
-    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 += ' _g-1x99dlob';
-        rules += ' _ga';
+        rules += ' Da';
+        rules += ' Ea';
+        rules += ' Ca';
     } else if (props.size === "36") {
-        rules += ' _g-1x99dlob';
-        rules += ' _ga';
+        rules += ' Da';
+        rules += ' Ea';
+        rules += ' Ca';
     } else if (props.size === "32") {
-        rules += ' _g-1x99dlob';
-        rules += ' _ga';
+        rules += ' Da';
+        rules += ' Ea';
+        rules += ' Ca';
     } else if (props.size === "28") {
-        rules += ' _g-1x99dlob';
-        rules += ' _ga';
+        rules += ' Da';
+        rules += ' Ea';
+        rules += ' Ca';
     } else if (props.size === "24") {
-        rules += ' _g-1x99dlob';
-        rules += ' _ga';
+        rules += ' Da';
+        rules += ' Ea';
+        rules += ' Ca';
     } else if (props.size === "20") {
-        rules += ' _g-1x99dlob';
-        rules += ' _ga';
+        rules += ' Da';
+        rules += ' Ea';
+        rules += ' Ca';
     } else if (props.size === "16") {
-        rules += ' _g-1x99dlob';
-        rules += ' _ga';
+        rules += ' Da';
+        rules += ' Ea';
+        rules += ' Ca';
     }
-    if (props.size === "40") rules += ' an';
-    else if (props.size === "36") rules += ' an';
-    else if (props.size === "32") rules += ' an';
-    else if (props.size === "28") rules += ' an';
-    else if (props.size === "24") rules += ' an';
-    else if (props.size === "20") rules += ' an';
-    else if (props.size === "16") rules += ' an';
+    if (props.size === "40") {
+        rules += ' gb';
+        rules += ' gca';
+    } else if (props.size === "36") {
+        rules += ' gb';
+        rules += ' gca';
+    } else if (props.size === "32") {
+        rules += ' gb';
+        rules += ' gca';
+    } else if (props.size === "28") {
+        rules += ' gb';
+        rules += ' gca';
+    } else if (props.size === "24") {
+        rules += ' gb';
+        rules += ' gca';
+    } else if (props.size === "20") {
+        rules += ' gb';
+        rules += ' gca';
+    } else if (props.size === "16") {
+        rules += ' gb';
+        rules += ' gca';
+    }
+    if (props.size === "40") rules += ' da';
+    else if (props.size === "36") rules += ' da';
+    else if (props.size === "32") rules += ' da';
+    else if (props.size === "28") rules += ' da';
+    else if (props.size === "24") rules += ' da';
+    else if (props.size === "20") rules += ' da';
+    else if (props.size === "16") rules += ' da';
     return rules;
 };
 const $85e1de65a7290f4a$var$container = function anonymous(props, overrides) {
-    let rules = " .";
-    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 += ' _0d';
-    rules += ' _2c';
+    let rules = " ";
+    rules += ((overrides || '').match(/(?:^|\s)(j|l|h|i|_H|_r|M|__f|_X|_M|L|N|_f|_d|K|__B|H|G|J|I)[^\s]+/g) || []).join('');
+    rules += ' ma';
+    rules += ' Fa';
     return rules;
 };
 const $85e1de65a7290f4a$export$5b26ebaf2b105908 = /*#__PURE__*/ (0, $6MvCt$forwardRef)(function AvatarGroup(props, ref) {

package/dist/AvatarGroup.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA2BM,MAAM,0DAAqB,CAAA,GAAA,oBAAY,EAAwE;AAEtH,MAAM;AAON,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBN,MAAM;;;;;;;;AAQC,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAAY,KAAuB,EAAE,GAA2B;IAC7G,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,gBAAQ,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,eAAO,EAAE;QACtC,GAAG,KAAK;QACR,kBAAkB;IACpB;IAEA,qBACE,gBAAC,CAAA,GAAA,yCAAY,EAAE,QAAQ;QAAC,OAAO;YAAC,QAAQ;kBAAQ;YAAM,kBAAkB;QAAI;kBAC1E,cAAA,iBAAC;YACC,KAAK;YACJ,GAAG,CAAA,GAAA,qBAAa,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,gBAAC;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<Partial<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.mjs.map"}
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA2BM,MAAM,0DAAqB,CAAA,GAAA,oBAAY,EAAwE;AAEtH,MAAM;AAON,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBN,MAAM;;;;;;;AAQC,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAAY,KAAuB,EAAE,GAA2B;IAC7G,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,gBAAQ,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,eAAO,EAAE;QACtC,GAAG,KAAK;QACR,kBAAkB;IACpB;IAEA,qBACE,gBAAC,CAAA,GAAA,yCAAY,EAAE,QAAQ;QAAC,OAAO;YAAC,QAAQ;kBAAQ;YAAM,kBAAkB;QAAI;kBAC1E,cAAA,iBAAC;YACC,KAAK;YACJ,GAAG,CAAA,GAAA,qBAAa,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,gBAAC;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<Partial<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.mjs.map"}