@fluentui/react-persona 9.6.1 → 9.7.0

package/CHANGELOG.md

@@ -1,12 +1,32 @@
 # Change Log - @fluentui/react-persona
 
-This log was last generated on Wed, 25 Feb 2026 13:28:23 GMT and should not be manually modified.
+This log was last generated on Thu, 26 Mar 2026 08:10:41 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.7.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.7.0)
+
+Thu, 26 Mar 2026 08:10:41 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-persona_v9.6.2..@fluentui/react-persona_v9.7.0)
+
+### Minor changes
+
+- feat: expose base hooks for Persona ([PR #35814](https://github.com/microsoft/fluentui/pull/35814) by dmytrokirpa@microsoft.com)
+- Bump @fluentui/react-avatar to v9.10.3 ([PR #35824](https://github.com/microsoft/fluentui/pull/35824) by beachball)
+- Bump @fluentui/react-badge to v9.5.0 ([PR #35824](https://github.com/microsoft/fluentui/pull/35824) by beachball)
+
+## [9.6.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.6.2)
+
+Tue, 03 Mar 2026 09:43:43 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-persona_v9.6.1..@fluentui/react-persona_v9.6.2)
+
+### Patches
+
+- Bump @fluentui/react-avatar to v9.10.2 ([commit](https://github.com/microsoft/fluentui/commit/81e1556b008bfbd07fe427d89af6142459d74c6f) by beachball)
+
 ## [9.6.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.6.1)
 
-Wed, 25 Feb 2026 13:28:23 GMT 
+Wed, 25 Feb 2026 13:32:28 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-persona_v9.6.0..@fluentui/react-persona_v9.6.1)
 
 ### Patches

package/dist/index.d.ts

@@ -14,6 +14,10 @@ import type { SlotClassNames } from '@fluentui/react-utilities';
  */
 export declare const Persona: ForwardRefComponent<PersonaProps>;
 
+export declare type PersonaBaseProps = ComponentProps<Omit<PersonaSlots, 'avatar' | 'presence'>> & Pick<PersonaProps, 'name'>;
+
+export declare type PersonaBaseState = ComponentState<Omit<PersonaSlots, 'avatar' | 'presence'>> & Pick<PersonaState, 'numTextLines'>;
+
 export declare const personaClassNames: SlotClassNames<PersonaSlots>;
 
 /**
@@ -113,6 +117,11 @@ export declare const renderPersona_unstable: (state: PersonaState) => JSXElement
  */
 export declare const usePersona_unstable: (props: PersonaProps, ref: React_2.Ref<HTMLElement>) => PersonaState;
 
+/**
+ * Base hook for Persona component, manages state and structure common to all variants of Persona
+ */
+export declare const usePersonaBase_unstable: (props: PersonaBaseProps, ref?: React_2.Ref<HTMLElement>) => PersonaBaseState;
+
 /**
  * Apply styling to the Persona slots based on the state
  */

package/lib/index.js

@@ -1,4 +1 @@
-export { Persona, personaClassNames, renderPersona_unstable, usePersonaStyles_unstable, usePersona_unstable } from './Persona';
- // Experimental APIs - will be uncommented in experimental branch
- // export { usePersonaBase_unstable } from './components/Persona/usePersona';
- // export type { PersonaBaseProps, PersonaBaseState } from './components/Persona/Persona.types';
+export { Persona, personaClassNames, renderPersona_unstable, usePersonaStyles_unstable, usePersona_unstable, usePersonaBase_unstable } from './Persona';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Persona,\n  personaClassNames,\n  renderPersona_unstable,\n  usePersonaStyles_unstable,\n  usePersona_unstable,\n} from './Persona';\nexport type { PersonaProps, PersonaSlots, PersonaState } from './Persona';\n\n// Experimental APIs - will be uncommented in experimental branch\n// export { usePersonaBase_unstable } from './components/Persona/usePersona';\n// export type { PersonaBaseProps, PersonaBaseState } from './components/Persona/Persona.types';\n"],"names":["Persona","personaClassNames","renderPersona_unstable","usePersonaStyles_unstable","usePersona_unstable"],"mappings":"AAAA,SACEA,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,QACd,YAAY;CAGnB,iEAAiE;CACjE,6EAA6E;CAC7E,gGAAgG"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Persona,\n  personaClassNames,\n  renderPersona_unstable,\n  usePersonaStyles_unstable,\n  usePersona_unstable,\n  usePersonaBase_unstable,\n} from './Persona';\nexport type { PersonaProps, PersonaSlots, PersonaState, PersonaBaseProps, PersonaBaseState } from './Persona';\n"],"names":["Persona","personaClassNames","renderPersona_unstable","usePersonaStyles_unstable","usePersona_unstable","usePersonaBase_unstable"],"mappings":"AAAA,SACEA,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,EACnBC,uBAAuB,QAClB,YAAY"}

package/lib-commonjs/index.js

@@ -18,6 +18,9 @@ _export(exports, {
     renderPersona_unstable: function() {
         return _Persona.renderPersona_unstable;
     },
+    usePersonaBase_unstable: function() {
+        return _Persona.usePersonaBase_unstable;
+    },
     usePersonaStyles_unstable: function() {
         return _Persona.usePersonaStyles_unstable;
     },
@@ -26,6 +29,3 @@ _export(exports, {
     }
 });
 const _Persona = require("./Persona");
- // Experimental APIs - will be uncommented in experimental branch
- // export { usePersonaBase_unstable } from './components/Persona/usePersona';
- // export type { PersonaBaseProps, PersonaBaseState } from './components/Persona/Persona.types';

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Persona,\n  personaClassNames,\n  renderPersona_unstable,\n  usePersonaStyles_unstable,\n  usePersona_unstable,\n} from './Persona';\nexport type { PersonaProps, PersonaSlots, PersonaState } from './Persona';\n\n// Experimental APIs - will be uncommented in experimental branch\n// export { usePersonaBase_unstable } from './components/Persona/usePersona';\n// export type { PersonaBaseProps, PersonaBaseState } from './components/Persona/Persona.types';\n"],"names":["Persona","personaClassNames","renderPersona_unstable","usePersonaStyles_unstable","usePersona_unstable"],"mappings":";;;;;;;;;;;;eACEA,gBAAO;;;eACPC,0BAAiB;;;eACjBC,+BAAsB;;;eACtBC,kCAAyB;;;eACzBC,4BAAmB;;;yBACd,YAAY;CAGnB,iEAAiE;CACjE,6EAA6E;CAC7E,gGAAgG"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Persona,\n  personaClassNames,\n  renderPersona_unstable,\n  usePersonaStyles_unstable,\n  usePersona_unstable,\n  usePersonaBase_unstable,\n} from './Persona';\nexport type { PersonaProps, PersonaSlots, PersonaState, PersonaBaseProps, PersonaBaseState } from './Persona';\n"],"names":["Persona","personaClassNames","renderPersona_unstable","usePersonaStyles_unstable","usePersona_unstable","usePersonaBase_unstable"],"mappings":";;;;;;;;;;;;eACEA,gBAAO;;;eACPC,0BAAiB;;;eACjBC,+BAAsB;;;eAGtBG,gCAAuB;;;eAFvBF,kCAAyB;;;eACzBC,4BAAmB;;;yBAEd,YAAY"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-persona",
-  "version": "9.6.1",
+  "version": "9.7.0",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,8 +12,8 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui/react-avatar": "^9.10.1",
-    "@fluentui/react-badge": "^9.4.15",
+    "@fluentui/react-avatar": "^9.10.3",
+    "@fluentui/react-badge": "^9.5.0",
     "@fluentui/react-shared-contexts": "^9.26.2",
     "@fluentui/react-theme": "^9.2.1",
     "@fluentui/react-utilities": "^9.26.2",