@fluentui/react-persona 9.2.87 → 9.2.88

package/CHANGELOG.md

@@ -1,18 +1,30 @@
 # Change Log - @fluentui/react-persona
 
-This log was last generated on Thu, 23 May 2024 07:58:03 GMT and should not be manually modified.
+This log was last generated on Thu, 06 Jun 2024 15:22:27 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.88](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.2.88)
+
+Thu, 06 Jun 2024 15:22:27 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-persona_v9.2.87..@fluentui/react-persona_v9.2.88)
+
+### Patches
+
+- Bump @fluentui/react-avatar to v9.6.29 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-badge to v9.2.38 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-utilities to v9.18.10 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.39 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
+
 ## [9.2.87](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.2.87)
 
-Thu, 23 May 2024 07:58:03 GMT 
+Thu, 23 May 2024 08:02:52 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-persona_v9.2.86..@fluentui/react-persona_v9.2.87)
 
 ### Patches
 
-- Bump @fluentui/react-avatar to v9.6.28 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
-- Bump @fluentui/react-badge to v9.2.37 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
+- Bump @fluentui/react-avatar to v9.6.28 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
+- Bump @fluentui/react-badge to v9.2.37 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
 
 ## [9.2.86](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.2.86)
 

package/lib/components/Persona/usePersonaStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","typographyStyles","personaClassNames","root","avatar","presence","primaryText","secondaryText","tertiaryText","quaternaryText","avatarSpacing","useRootClassName","useStyles","beforeAfterCenter","wkccdc","after","before","B7hvi0a","Budl1dq","below","Bxotwcr","media","Ijaq50","mediaBeforeAfterCenter","start","qb2dma","center","afterAlignToPrimary","Bw0ie65","beforeAlignToPrimary","Br312pm","secondLineSpacing","B6of3ja","primary","secondary","tertiary","quaternary","d","useAvatarSpacingStyles","Bs1gm4r","small","medium","large","huge","t21cq0","jrapky","Frg6f3","usePresenceSpacingStyles","usePersonaStyles_unstable","state","presenceOnly","size","textAlignment","textPosition","alignToPrimary","alignBeforeAfterCenter","primaryTextClassName","optionalTextClassName","useTextClassNames","rootClassName","styles","avatarSpacingStyles","presenceSpacingStyles","className","usePrimaryTextBaseClassName","useOptionalTextBaseClassName","useTextStyles","body1","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","caption1","subtitle2","primaryTextBaseClassName","optionalTextBaseClassName","textStyles","primaryTextSize","alignToPrimaryClassName","numTextLines"],"sources":["usePersonaStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const personaClassNames = {\n    root: 'fui-Persona',\n    avatar: 'fui-Persona__avatar',\n    presence: 'fui-Persona__presence',\n    primaryText: 'fui-Persona__primaryText',\n    secondaryText: 'fui-Persona__secondaryText',\n    tertiaryText: 'fui-Persona__tertiaryText',\n    quaternaryText: 'fui-Persona__quaternaryText'\n};\nconst avatarSpacing = `--fui-Persona__avatar--spacing`;\nconst useRootClassName = makeResetStyles({\n    display: 'inline-grid',\n    gridAutoRows: 'max-content',\n    gridAutoFlow: 'column',\n    justifyItems: 'start',\n    gridTemplateColumns: 'max-content [middle] auto'\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    beforeAfterCenter: {\n        // This template is needed to make sure the Avatar is centered when it takes up more space than the text lines\n        gridTemplateRows: '1fr [primary] max-content [secondary] max-content [tertiary] max-content [quaternary] max-content 1fr'\n    },\n    after: {\n    },\n    before: {\n        justifyItems: 'end',\n        gridTemplateColumns: 'auto [middle] max-content'\n    },\n    below: {\n        gridAutoFlow: 'unset',\n        justifyItems: 'center',\n        gridTemplateColumns: 'unset'\n    },\n    media: {\n        gridRowStart: 'span 5'\n    },\n    mediaBeforeAfterCenter: {\n        gridRowStart: 'span 6'\n    },\n    start: {\n        alignSelf: 'start'\n    },\n    center: {\n        alignSelf: 'center'\n    },\n    afterAlignToPrimary: {\n        alignSelf: 'center',\n        gridRowStart: 'unset',\n        gridColumnEnd: 'middle'\n    },\n    beforeAlignToPrimary: {\n        alignSelf: 'center',\n        gridRowStart: 'unset',\n        gridColumnStart: 'middle'\n    },\n    secondLineSpacing: {\n        marginTop: '-2px'\n    },\n    primary: {\n        gridRowStart: 'primary'\n    },\n    secondary: {\n        gridRowStart: 'secondary'\n    },\n    tertiary: {\n        gridRowStart: 'tertiary'\n    },\n    quaternary: {\n        gridRowStart: 'quaternary'\n    }\n});\nconst useAvatarSpacingStyles = makeStyles({\n    'extra-small': {\n        [avatarSpacing]: tokens.spacingHorizontalSNudge\n    },\n    small: {\n        [avatarSpacing]: tokens.spacingHorizontalS\n    },\n    medium: {\n        [avatarSpacing]: tokens.spacingHorizontalS\n    },\n    large: {\n        [avatarSpacing]: tokens.spacingHorizontalMNudge\n    },\n    'extra-large': {\n        [avatarSpacing]: tokens.spacingHorizontalMNudge\n    },\n    huge: {\n        [avatarSpacing]: tokens.spacingHorizontalM\n    },\n    after: {\n        marginRight: `var(${avatarSpacing})`\n    },\n    below: {\n        marginBottom: `var(${avatarSpacing})`\n    },\n    before: {\n        marginLeft: `var(${avatarSpacing})`\n    }\n});\nconst usePresenceSpacingStyles = makeStyles({\n    small: {\n        [avatarSpacing]: tokens.spacingHorizontalSNudge\n    }\n});\n/**\n * Apply styling to the Persona slots based on the state\n */ export const usePersonaStyles_unstable = (state)=>{\n    const { presenceOnly, size, textAlignment, textPosition } = state;\n    const alignToPrimary = presenceOnly && textAlignment === 'start' && size !== 'extra-large' && size !== 'huge';\n    const alignBeforeAfterCenter = textPosition !== 'below' && textAlignment === 'center';\n    const { primaryTextClassName, optionalTextClassName } = useTextClassNames(state, alignToPrimary);\n    const rootClassName = useRootClassName();\n    const styles = useStyles();\n    const avatarSpacingStyles = useAvatarSpacingStyles();\n    const presenceSpacingStyles = {\n        ...avatarSpacingStyles,\n        ...usePresenceSpacingStyles()\n    };\n    state.root.className = mergeClasses(personaClassNames.root, rootClassName, alignBeforeAfterCenter && styles.beforeAfterCenter, styles[textPosition], state.root.className);\n    if (state.avatar) {\n        state.avatar.className = mergeClasses(personaClassNames.avatar, textPosition !== 'below' && styles.media, alignBeforeAfterCenter && styles.mediaBeforeAfterCenter, styles[textAlignment], avatarSpacingStyles[size], avatarSpacingStyles[textPosition], state.avatar.className);\n    }\n    if (state.presence) {\n        state.presence.className = mergeClasses(personaClassNames.presence, textPosition !== 'below' && styles.media, alignBeforeAfterCenter && styles.mediaBeforeAfterCenter, styles[textAlignment], presenceSpacingStyles[size], presenceSpacingStyles[textPosition], textPosition === 'after' && alignToPrimary && styles.afterAlignToPrimary, textPosition === 'before' && alignToPrimary && styles.beforeAlignToPrimary, state.presence.className);\n    }\n    if (state.primaryText) {\n        state.primaryText.className = mergeClasses(personaClassNames.primaryText, alignBeforeAfterCenter && styles.primary, primaryTextClassName, state.primaryText.className);\n    }\n    if (state.secondaryText) {\n        state.secondaryText.className = mergeClasses(personaClassNames.secondaryText, alignBeforeAfterCenter && styles.secondary, optionalTextClassName, styles.secondLineSpacing, state.secondaryText.className);\n    }\n    if (state.tertiaryText) {\n        state.tertiaryText.className = mergeClasses(personaClassNames.tertiaryText, alignBeforeAfterCenter && styles.tertiary, optionalTextClassName, state.tertiaryText.className);\n    }\n    if (state.quaternaryText) {\n        state.quaternaryText.className = mergeClasses(personaClassNames.quaternaryText, alignBeforeAfterCenter && styles.quaternary, optionalTextClassName, state.quaternaryText.className);\n    }\n    return state;\n};\nconst usePrimaryTextBaseClassName = makeResetStyles({\n    display: 'block',\n    color: tokens.colorNeutralForeground1,\n    ...typographyStyles.body1\n});\nconst useOptionalTextBaseClassName = makeResetStyles({\n    display: 'block',\n    color: tokens.colorNeutralForeground2,\n    ...typographyStyles.caption1\n});\nconst useTextStyles = makeStyles({\n    beforeAlignToPrimary: {\n        gridColumnEnd: 'middle'\n    },\n    afterAlignToPrimary: {\n        gridColumnStart: 'middle'\n    },\n    body1: typographyStyles.body1,\n    caption1: typographyStyles.caption1,\n    subtitle2: typographyStyles.subtitle2\n});\nconst useTextClassNames = (state, alignToPrimary)=>{\n    const { presenceOnly, size, textPosition } = state;\n    const primaryTextBaseClassName = usePrimaryTextBaseClassName();\n    const optionalTextBaseClassName = useOptionalTextBaseClassName();\n    const textStyles = useTextStyles();\n    let primaryTextSize;\n    let alignToPrimaryClassName;\n    if (presenceOnly) {\n        if (size === 'extra-small') {\n            primaryTextSize = state.numTextLines <= 1 && textStyles.caption1;\n        } else if (size === 'extra-large' || size === 'huge') {\n            primaryTextSize = textStyles.subtitle2;\n        }\n        if (alignToPrimary) {\n            if (textPosition === 'before') {\n                alignToPrimaryClassName = textStyles.beforeAlignToPrimary;\n            } else if (textPosition === 'after') {\n                alignToPrimaryClassName = textStyles.afterAlignToPrimary;\n            }\n        }\n    } else {\n        if (size === 'huge') {\n            primaryTextSize = textStyles.subtitle2;\n        } else if (size === 'extra-large') {\n            primaryTextSize = textStyles.subtitle2;\n        }\n    }\n    return {\n        primaryTextClassName: mergeClasses(primaryTextBaseClassName, primaryTextSize, alignToPrimaryClassName),\n        optionalTextClassName: mergeClasses(optionalTextBaseClassName, !presenceOnly && size === 'huge' && textStyles.body1, alignToPrimaryClassName)\n    };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","typographyStyles","personaClassNames","root","avatar","presence","primaryText","secondaryText","tertiaryText","quaternaryText","avatarSpacing","useRootClassName","useStyles","beforeAfterCenter","wkccdc","after","before","B7hvi0a","Budl1dq","below","Bxotwcr","media","Ijaq50","mediaBeforeAfterCenter","start","qb2dma","center","afterAlignToPrimary","Bw0ie65","beforeAlignToPrimary","Br312pm","secondLineSpacing","B6of3ja","primary","secondary","tertiary","quaternary","d","useAvatarSpacingStyles","Bs1gm4r","small","medium","large","huge","t21cq0","jrapky","Frg6f3","usePresenceSpacingStyles","usePersonaStyles_unstable","state","presenceOnly","size","textAlignment","textPosition","alignToPrimary","alignBeforeAfterCenter","primaryTextClassName","optionalTextClassName","useTextClassNames","rootClassName","styles","avatarSpacingStyles","presenceSpacingStyles","className","usePrimaryTextBaseClassName","useOptionalTextBaseClassName","useTextStyles","body1","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","caption1","subtitle2","primaryTextBaseClassName","optionalTextBaseClassName","textStyles","primaryTextSize","alignToPrimaryClassName","numTextLines"],"sources":["usePersonaStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const personaClassNames = {\n    root: 'fui-Persona',\n    avatar: 'fui-Persona__avatar',\n    presence: 'fui-Persona__presence',\n    primaryText: 'fui-Persona__primaryText',\n    secondaryText: 'fui-Persona__secondaryText',\n    tertiaryText: 'fui-Persona__tertiaryText',\n    quaternaryText: 'fui-Persona__quaternaryText'\n};\nconst avatarSpacing = `--fui-Persona__avatar--spacing`;\nconst useRootClassName = makeResetStyles({\n    display: 'inline-grid',\n    gridAutoRows: 'max-content',\n    gridAutoFlow: 'column',\n    justifyItems: 'start',\n    gridTemplateColumns: 'max-content [middle] auto'\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    beforeAfterCenter: {\n        // This template is needed to make sure the Avatar is centered when it takes up more space than the text lines\n        gridTemplateRows: '1fr [primary] max-content [secondary] max-content [tertiary] max-content [quaternary] max-content 1fr'\n    },\n    after: {\n    },\n    before: {\n        justifyItems: 'end',\n        gridTemplateColumns: 'auto [middle] max-content'\n    },\n    below: {\n        gridAutoFlow: 'unset',\n        justifyItems: 'center',\n        gridTemplateColumns: 'unset'\n    },\n    media: {\n        gridRowStart: 'span 5'\n    },\n    mediaBeforeAfterCenter: {\n        gridRowStart: 'span 6'\n    },\n    start: {\n        alignSelf: 'start'\n    },\n    center: {\n        alignSelf: 'center'\n    },\n    afterAlignToPrimary: {\n        alignSelf: 'center',\n        gridRowStart: 'unset',\n        gridColumnEnd: 'middle'\n    },\n    beforeAlignToPrimary: {\n        alignSelf: 'center',\n        gridRowStart: 'unset',\n        gridColumnStart: 'middle'\n    },\n    secondLineSpacing: {\n        marginTop: '-2px'\n    },\n    primary: {\n        gridRowStart: 'primary'\n    },\n    secondary: {\n        gridRowStart: 'secondary'\n    },\n    tertiary: {\n        gridRowStart: 'tertiary'\n    },\n    quaternary: {\n        gridRowStart: 'quaternary'\n    }\n});\nconst useAvatarSpacingStyles = makeStyles({\n    'extra-small': {\n        [avatarSpacing]: tokens.spacingHorizontalSNudge\n    },\n    small: {\n        [avatarSpacing]: tokens.spacingHorizontalS\n    },\n    medium: {\n        [avatarSpacing]: tokens.spacingHorizontalS\n    },\n    large: {\n        [avatarSpacing]: tokens.spacingHorizontalMNudge\n    },\n    'extra-large': {\n        [avatarSpacing]: tokens.spacingHorizontalMNudge\n    },\n    huge: {\n        [avatarSpacing]: tokens.spacingHorizontalM\n    },\n    after: {\n        marginRight: `var(${avatarSpacing})`\n    },\n    below: {\n        marginBottom: `var(${avatarSpacing})`\n    },\n    before: {\n        marginLeft: `var(${avatarSpacing})`\n    }\n});\nconst usePresenceSpacingStyles = makeStyles({\n    small: {\n        [avatarSpacing]: tokens.spacingHorizontalSNudge\n    }\n});\n/**\n * Apply styling to the Persona slots based on the state\n */ export const usePersonaStyles_unstable = (state)=>{\n    const { presenceOnly, size, textAlignment, textPosition } = state;\n    const alignToPrimary = presenceOnly && textAlignment === 'start' && size !== 'extra-large' && size !== 'huge';\n    const alignBeforeAfterCenter = textPosition !== 'below' && textAlignment === 'center';\n    const { primaryTextClassName, optionalTextClassName } = useTextClassNames(state, alignToPrimary);\n    const rootClassName = useRootClassName();\n    const styles = useStyles();\n    const avatarSpacingStyles = useAvatarSpacingStyles();\n    const presenceSpacingStyles = {\n        ...avatarSpacingStyles,\n        ...usePresenceSpacingStyles()\n    };\n    state.root.className = mergeClasses(personaClassNames.root, rootClassName, alignBeforeAfterCenter && styles.beforeAfterCenter, styles[textPosition], state.root.className);\n    if (state.avatar) {\n        state.avatar.className = mergeClasses(personaClassNames.avatar, textPosition !== 'below' && styles.media, alignBeforeAfterCenter && styles.mediaBeforeAfterCenter, styles[textAlignment], avatarSpacingStyles[size], avatarSpacingStyles[textPosition], state.avatar.className);\n    }\n    if (state.presence) {\n        state.presence.className = mergeClasses(personaClassNames.presence, textPosition !== 'below' && styles.media, alignBeforeAfterCenter && styles.mediaBeforeAfterCenter, styles[textAlignment], presenceSpacingStyles[size], presenceSpacingStyles[textPosition], textPosition === 'after' && alignToPrimary && styles.afterAlignToPrimary, textPosition === 'before' && alignToPrimary && styles.beforeAlignToPrimary, state.presence.className);\n    }\n    if (state.primaryText) {\n        state.primaryText.className = mergeClasses(personaClassNames.primaryText, alignBeforeAfterCenter && styles.primary, primaryTextClassName, state.primaryText.className);\n    }\n    if (state.secondaryText) {\n        state.secondaryText.className = mergeClasses(personaClassNames.secondaryText, alignBeforeAfterCenter && styles.secondary, optionalTextClassName, styles.secondLineSpacing, state.secondaryText.className);\n    }\n    if (state.tertiaryText) {\n        state.tertiaryText.className = mergeClasses(personaClassNames.tertiaryText, alignBeforeAfterCenter && styles.tertiary, optionalTextClassName, state.tertiaryText.className);\n    }\n    if (state.quaternaryText) {\n        state.quaternaryText.className = mergeClasses(personaClassNames.quaternaryText, alignBeforeAfterCenter && styles.quaternary, optionalTextClassName, state.quaternaryText.className);\n    }\n    return state;\n};\nconst usePrimaryTextBaseClassName = makeResetStyles({\n    display: 'block',\n    color: tokens.colorNeutralForeground1,\n    ...typographyStyles.body1\n});\nconst useOptionalTextBaseClassName = makeResetStyles({\n    display: 'block',\n    color: tokens.colorNeutralForeground2,\n    ...typographyStyles.caption1\n});\nconst useTextStyles = makeStyles({\n    beforeAlignToPrimary: {\n        gridColumnEnd: 'middle'\n    },\n    afterAlignToPrimary: {\n        gridColumnStart: 'middle'\n    },\n    body1: typographyStyles.body1,\n    caption1: typographyStyles.caption1,\n    subtitle2: typographyStyles.subtitle2\n});\nconst useTextClassNames = (state, alignToPrimary)=>{\n    const { presenceOnly, size, textPosition } = state;\n    const primaryTextBaseClassName = usePrimaryTextBaseClassName();\n    const optionalTextBaseClassName = useOptionalTextBaseClassName();\n    const textStyles = useTextStyles();\n    let primaryTextSize;\n    let alignToPrimaryClassName;\n    if (presenceOnly) {\n        if (size === 'extra-small') {\n            primaryTextSize = state.numTextLines <= 1 && textStyles.caption1;\n        } else if (size === 'extra-large' || size === 'huge') {\n            primaryTextSize = textStyles.subtitle2;\n        }\n        if (alignToPrimary) {\n            if (textPosition === 'before') {\n                alignToPrimaryClassName = textStyles.beforeAlignToPrimary;\n            } else if (textPosition === 'after') {\n                alignToPrimaryClassName = textStyles.afterAlignToPrimary;\n            }\n        }\n    } else {\n        if (size === 'huge') {\n            primaryTextSize = textStyles.subtitle2;\n        } else if (size === 'extra-large') {\n            primaryTextSize = textStyles.subtitle2;\n        }\n    }\n    return {\n        primaryTextClassName: mergeClasses(primaryTextBaseClassName, primaryTextSize, alignToPrimaryClassName),\n        optionalTextClassName: mergeClasses(optionalTextBaseClassName, !presenceOnly && size === 'huge' && textStyles.body1, alignToPrimaryClassName)\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-persona",
-  "version": "9.2.87",
+  "version": "9.2.88",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -33,12 +33,12 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-avatar": "^9.6.28",
-    "@fluentui/react-badge": "^9.2.37",
+    "@fluentui/react-avatar": "^9.6.29",
+    "@fluentui/react-badge": "^9.2.38",
     "@fluentui/react-shared-contexts": "^9.19.0",
     "@fluentui/react-theme": "^9.1.19",
-    "@fluentui/react-utilities": "^9.18.9",
-    "@fluentui/react-jsx-runtime": "^9.0.38",
+    "@fluentui/react-utilities": "^9.18.10",
+    "@fluentui/react-jsx-runtime": "^9.0.39",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },