npm - @fluentui/react-persona - Versions diffs - 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230322-0439.1 - Mend

@fluentui/react-persona 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230322-0439.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/.swcrc +2 -11
package/CHANGELOG.json +72 -15
package/CHANGELOG.md +26 -10
package/lib/Persona.js +1 -1
package/lib/components/Persona/Persona.js +6 -6
package/lib/components/Persona/index.js +5 -5
package/lib/components/Persona/renderPersona.js +3 -3
package/lib/components/Persona/usePersona.js +22 -22
package/lib/components/Persona/usePersonaStyles.js +20 -20
package/lib/index.js +1 -1
package/lib-commonjs/Persona.js.map +1 -1
package/lib-commonjs/components/Persona/Persona.js +1 -1
package/lib-commonjs/components/Persona/Persona.js.map +1 -1
package/lib-commonjs/components/Persona/index.js.map +1 -1
package/lib-commonjs/components/Persona/renderPersona.js +1 -1
package/lib-commonjs/components/Persona/renderPersona.js.map +1 -1
package/lib-commonjs/components/Persona/usePersona.js +16 -16
package/lib-commonjs/components/Persona/usePersona.js.map +1 -1
package/lib-commonjs/components/Persona/usePersonaStyles.js +18 -18
package/lib-commonjs/components/Persona/usePersonaStyles.js.map +1 -1
package/lib-commonjs/index.js.map +1 -1
package/package.json +8 -7

package/.swcrc CHANGED Viewed

@@ -1,15 +1,5 @@
 {
   "$schema": "https://json.schemastore.org/swcrc",
-  "env": {
-    "targets": {
-      "chrome": "84",
-      "edge": "84",
-      "firefox": "75",
-      "opera": "73",
-      "safari": "14.1"
-    },
-    "bugfixes": true
-  },
   "exclude": [
     "/testing",
     "/**/*.cy.ts",
@@ -32,7 +22,8 @@
         "runtime": "classic",
         "useSpread": true
       }
-    }
+    },
+    "target": "es2019"
   },
   "minify": false,
   "sourceMaps": true

package/CHANGELOG.json CHANGED Viewed

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-persona",
   "entries": [
     {
-      "date": "Fri, 17 Mar 2023 15:00:00 GMT",
-      "tag": "@fluentui/react-persona_v0.0.0-nightly-20230317-1454.1",
-      "version": "0.0.0-nightly-20230317-1454.1",
+      "date": "Wed, 22 Mar 2023 04:46:46 GMT",
+      "tag": "@fluentui/react-persona_v0.0.0-nightly-20230322-0439.1",
+      "version": "0.0.0-nightly-20230322-0439.1",
       "comments": {
         "prerelease": [
           {
@@ -16,38 +16,95 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-persona",
-            "comment": "Bump @fluentui/react-avatar to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-avatar to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-persona",
-            "comment": "Bump @fluentui/react-badge to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-badge to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-persona",
-            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-persona",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-persona",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-persona",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230317-1454.1",
-            "commit": "636275472966fa37b1efc14ac2e70ad32bd39b86"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230322-0439.1",
+            "commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 21 Mar 2023 21:23:42 GMT",
+      "tag": "@fluentui/react-persona_v9.2.5",
+      "version": "9.2.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/react-persona",
+            "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+            "comment": "fix: add node field to package.json exports map."
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/react-persona",
+            "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+            "comment": "chore: migrate to swc transpilation approach."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-avatar to v9.4.5",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-badge to v9.1.5",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-theme to v9.1.7",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-utilities to v9.7.2",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
           }
         ]
       }

package/CHANGELOG.md CHANGED Viewed

@@ -1,23 +1,39 @@
 # Change Log - @fluentui/react-persona
-This log was last generated on Fri, 17 Mar 2023 15:00:00 GMT and should not be manually modified.
+This log was last generated on Wed, 22 Mar 2023 04:46:46 GMT and should not be manually modified.
 <!-- Start content -->
-## [0.0.0-nightly-20230317-1454.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v0.0.0-nightly-20230317-1454.1)
+## [0.0.0-nightly-20230322-0439.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v0.0.0-nightly-20230322-0439.1)
-Fri, 17 Mar 2023 15:00:00 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-persona_v9.2.4..@fluentui/react-persona_v0.0.0-nightly-20230317-1454.1)
+Wed, 22 Mar 2023 04:46:46 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-persona_v9.2.5..@fluentui/react-persona_v0.0.0-nightly-20230322-0439.1)
 ### Changes
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-avatar to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-badge to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230317-1454.1 ([commit](https://github.com/microsoft/fluentui/commit/636275472966fa37b1efc14ac2e70ad32bd39b86) by beachball)
+- Bump @fluentui/react-avatar to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-badge to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
+## [9.2.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.2.5)
+Tue, 21 Mar 2023 21:23:42 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-persona_v9.2.4..@fluentui/react-persona_v9.2.5)
+### Patches
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-avatar to v9.4.5 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-badge to v9.1.5 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
 ## [9.2.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.2.4)

package/lib/Persona.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export * from "./components/Persona/index";
+export * from './components/Persona/index';
 //# sourceMappingURL=Persona.js.map

package/lib/components/Persona/Persona.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import * as React from "react";
-import { renderPersona_unstable } from "./renderPersona";
-import { usePersona_unstable } from "./usePersona";
-import { usePersonaStyles_unstable } from "./usePersonaStyles";
-import { useCustomStyleHooks_unstable } from "@fluentui/react-shared-contexts";
+import * as React from 'react';
+import { renderPersona_unstable } from './renderPersona';
+import { usePersona_unstable } from './usePersona';
+import { usePersonaStyles_unstable } from './usePersonaStyles';
+import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
 /**
  * A Persona is a visual representation of a person or status that showcases an Avatar, PresenceBadge,
  * or an Avatar with a PresenceBadge.
@@ -16,5 +16,5 @@ export const Persona = /*#__PURE__*/React.forwardRef((props, ref) => {
   useCustomStyles(state);
   return renderPersona_unstable(state);
 });
-Persona.displayName = "Persona";
+Persona.displayName = 'Persona';
 //# sourceMappingURL=Persona.js.map

package/lib/components/Persona/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
-export * from "./Persona";
-export * from "./Persona.types";
-export * from "./renderPersona";
-export * from "./usePersona";
-export * from "./usePersonaStyles";
+export * from './Persona';
+export * from './Persona.types';
+export * from './renderPersona';
+export * from './usePersona';
+export * from './usePersonaStyles';
 //# sourceMappingURL=index.js.map

package/lib/components/Persona/renderPersona.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { getSlots } from "@fluentui/react-utilities";
+import * as React from 'react';
+import { getSlots } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of Persona
  */
@@ -13,6 +13,6 @@ export const renderPersona_unstable = state => {
     slotProps
   } = getSlots(state);
   const coin = presenceOnly ? slots.presence && /*#__PURE__*/React.createElement(slots.presence, slotProps.presence) : slots.avatar && /*#__PURE__*/React.createElement(slots.avatar, slotProps.avatar);
-  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, (textPosition === "after" || textPosition === "below") && coin, slots.primaryText && /*#__PURE__*/React.createElement(slots.primaryText, slotProps.primaryText), slots.secondaryText && /*#__PURE__*/React.createElement(slots.secondaryText, slotProps.secondaryText), slots.tertiaryText && /*#__PURE__*/React.createElement(slots.tertiaryText, slotProps.tertiaryText), slots.quaternaryText && /*#__PURE__*/React.createElement(slots.quaternaryText, slotProps.quaternaryText), textPosition === "before" && coin);
+  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, (textPosition === 'after' || textPosition === 'below') && coin, slots.primaryText && /*#__PURE__*/React.createElement(slots.primaryText, slotProps.primaryText), slots.secondaryText && /*#__PURE__*/React.createElement(slots.secondaryText, slotProps.secondaryText), slots.tertiaryText && /*#__PURE__*/React.createElement(slots.tertiaryText, slotProps.tertiaryText), slots.quaternaryText && /*#__PURE__*/React.createElement(slots.quaternaryText, slotProps.quaternaryText), textPosition === 'before' && coin);
 };
 //# sourceMappingURL=renderPersona.js.map

package/lib/components/Persona/usePersona.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import * as React from "react";
-import { Avatar } from "@fluentui/react-avatar";
-import { getNativeElementProps, resolveShorthand } from "@fluentui/react-utilities";
-import { PresenceBadge } from "@fluentui/react-badge";
+import * as React from 'react';
+import { Avatar } from '@fluentui/react-avatar';
+import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';
+import { PresenceBadge } from '@fluentui/react-badge';
 /**
  * Create the state required to render Persona.
  *
@@ -15,9 +15,9 @@ export const usePersona_unstable = (props, ref) => {
   const {
     name,
     presenceOnly = false,
-    size = "medium",
-    textAlignment = "start",
-    textPosition = "after"
+    size = 'medium',
+    textAlignment = 'start',
+    textPosition = 'after'
   } = props;
   const primaryText = resolveShorthand(props.primaryText, {
     required: true,
@@ -36,18 +36,18 @@ export const usePersona_unstable = (props, ref) => {
     textAlignment,
     textPosition,
     components: {
-      root: "div",
+      root: 'div',
       avatar: Avatar,
       presence: PresenceBadge,
-      primaryText: "span",
-      secondaryText: "span",
-      tertiaryText: "span",
-      quaternaryText: "span"
+      primaryText: 'span',
+      secondaryText: 'span',
+      tertiaryText: 'span',
+      quaternaryText: 'span'
     },
-    root: getNativeElementProps("div", {
+    root: getNativeElementProps('div', {
       ...props,
       ref
-    }, /* excludedPropNames */["name"]),
+    }, /* excludedPropNames */['name']),
     avatar: !presenceOnly ? resolveShorthand(props.avatar, {
       required: true,
       defaultProps: {
@@ -68,19 +68,19 @@ export const usePersona_unstable = (props, ref) => {
   };
 };
 const presenceSizes = {
-  "extra-small": "tiny",
-  small: "extra-small",
-  medium: "small",
-  large: "medium",
-  "extra-large": "large",
-  huge: "large"
+  'extra-small': 'tiny',
+  small: 'extra-small',
+  medium: 'small',
+  large: 'medium',
+  'extra-large': 'large',
+  huge: 'large'
 };
 const avatarSizes = {
-  "extra-small": 20,
+  'extra-small': 20,
   small: 28,
   medium: 32,
   large: 36,
-  "extra-large": 40,
+  'extra-large': 40,
   huge: 56
 };
 //# sourceMappingURL=usePersona.js.map

package/lib/components/Persona/usePersonaStyles.js CHANGED Viewed

@@ -1,13 +1,13 @@
-import { __resetStyles, __styles, mergeClasses } from "@griffel/react";
-import { tokens, typographyStyles } from "@fluentui/react-theme";
+import { __resetStyles, __styles, mergeClasses } from '@griffel/react';
+import { tokens, typographyStyles } from '@fluentui/react-theme';
 export const personaClassNames = {
-  root: "fui-Persona",
-  avatar: "fui-Persona__avatar",
-  presence: "fui-Persona__presence",
-  primaryText: "fui-Persona__primaryText",
-  secondaryText: "fui-Persona__secondaryText",
-  tertiaryText: "fui-Persona__tertiaryText",
-  quaternaryText: "fui-Persona__quaternaryText"
+  root: 'fui-Persona',
+  avatar: 'fui-Persona__avatar',
+  presence: 'fui-Persona__presence',
+  primaryText: 'fui-Persona__primaryText',
+  secondaryText: 'fui-Persona__secondaryText',
+  tertiaryText: 'fui-Persona__tertiaryText',
+  quaternaryText: 'fui-Persona__quaternaryText'
 };
 const avatarSpacing = `--fui-Persona__avatar--spacing`;
 const useRootClassName = /*#__PURE__*/__resetStyles("rlroi9i", null, [".rlroi9i{display:inline-grid;grid-auto-rows:max-content;grid-auto-flow:column;justify-items:start;grid-template-columns:max-content [middle] auto;}"]);
@@ -116,8 +116,8 @@ export const usePersonaStyles_unstable = state => {
     textAlignment,
     textPosition
   } = state;
-  const alignToPrimary = presenceOnly && textAlignment === "start" && size !== "extra-large" && size !== "huge";
-  const alignBeforeAfterCenter = textPosition !== "below" && textAlignment === "center";
+  const alignToPrimary = presenceOnly && textAlignment === 'start' && size !== 'extra-large' && size !== 'huge';
+  const alignBeforeAfterCenter = textPosition !== 'below' && textAlignment === 'center';
   const {
     primaryTextClassName,
     optionalTextClassName
@@ -131,10 +131,10 @@ export const usePersonaStyles_unstable = state => {
   };
   state.root.className = mergeClasses(personaClassNames.root, rootClassName, alignBeforeAfterCenter && styles.beforeAfterCenter, styles[textPosition], state.root.className);
   if (state.avatar) {
-    state.avatar.className = mergeClasses(personaClassNames.avatar, textPosition !== "below" && styles.media, alignBeforeAfterCenter && styles.mediaBeforeAfterCenter, styles[textAlignment], avatarSpacingStyles[size], avatarSpacingStyles[textPosition], state.avatar.className);
+    state.avatar.className = mergeClasses(personaClassNames.avatar, textPosition !== 'below' && styles.media, alignBeforeAfterCenter && styles.mediaBeforeAfterCenter, styles[textAlignment], avatarSpacingStyles[size], avatarSpacingStyles[textPosition], state.avatar.className);
   }
   if (state.presence) {
-    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);
+    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);
   }
   if (state.primaryText) {
     state.primaryText.className = mergeClasses(personaClassNames.primaryText, alignBeforeAfterCenter && styles.primary, primaryTextClassName, state.primaryText.className);
@@ -192,28 +192,28 @@ const useTextClassNames = (state, alignToPrimary) => {
   let primaryTextSize;
   let alignToPrimaryClassName;
   if (presenceOnly) {
-    if (size === "extra-small") {
+    if (size === 'extra-small') {
       primaryTextSize = state.numTextLines <= 1 && textStyles.caption1;
-    } else if (size === "extra-large" || size === "huge") {
+    } else if (size === 'extra-large' || size === 'huge') {
       primaryTextSize = textStyles.subtitle2;
     }
     if (alignToPrimary) {
-      if (textPosition === "before") {
+      if (textPosition === 'before') {
         alignToPrimaryClassName = textStyles.beforeAlignToPrimary;
-      } else if (textPosition === "after") {
+      } else if (textPosition === 'after') {
         alignToPrimaryClassName = textStyles.afterAlignToPrimary;
       }
     }
   } else {
-    if (size === "huge") {
+    if (size === 'huge') {
       primaryTextSize = textStyles.subtitle2;
-    } else if (size === "extra-large") {
+    } else if (size === 'extra-large') {
       primaryTextSize = textStyles.subtitle2;
     }
   }
   return {
     primaryTextClassName: mergeClasses(primaryTextBaseClassName, primaryTextSize, alignToPrimaryClassName),
-    optionalTextClassName: mergeClasses(optionalTextBaseClassName, !presenceOnly && size === "huge" && textStyles.body1, alignToPrimaryClassName)
+    optionalTextClassName: mergeClasses(optionalTextBaseClassName, !presenceOnly && size === 'huge' && textStyles.body1, alignToPrimaryClassName)
   };
 };
 //# sourceMappingURL=usePersonaStyles.js.map

package/lib/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export { Persona, personaClassNames, renderPersona_unstable, usePersonaStyles_unstable, usePersona_unstable } from "./Persona";
+export { Persona, personaClassNames, renderPersona_unstable, usePersonaStyles_unstable, usePersona_unstable } from './Persona';
 //# sourceMappingURL=index.js.map

package/lib-commonjs/Persona.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../lib/Persona.js"],"sourcesContent":["export * from \"./components/Persona/index\";\n//# sourceMappingURL=Persona.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,mCAAmC"}
1	+ {"version":3,"sources":["../lib/Persona.js"],"sourcesContent":["export * from './components/Persona/index';\n//# sourceMappingURL=Persona.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,mCAAmC"}

package/lib-commonjs/components/Persona/Persona.js CHANGED Viewed

@@ -19,6 +19,6 @@ const Persona = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     useCustomStyles(state);
     return (0, _renderPersona.renderPersona_unstable)(state);
 });
-Persona.displayName = "Persona"; //# sourceMappingURL=Persona.js.map
+Persona.displayName = 'Persona'; //# sourceMappingURL=Persona.js.map
 //# sourceMappingURL=Persona.js.map

package/lib-commonjs/components/Persona/Persona.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/Persona/Persona.js"],"sourcesContent":["import * as React from \"react\";\nimport { renderPersona_unstable } from \"./renderPersona\";\nimport { usePersona_unstable } from \"./usePersona\";\nimport { usePersonaStyles_unstable } from \"./usePersonaStyles\";\nimport { useCustomStyleHooks_unstable } from \"@fluentui/react-shared-contexts\";\n/*\n A Persona is a visual representation of a person or status that showcases an Avatar, PresenceBadge,\n * or an Avatar with a PresenceBadge.\n /\nexport const Persona = /#__PURE__*/React.forwardRef((props, ref) => {\n const state = usePersona_unstable(props, ref);\n usePersonaStyles_unstable(state);\n const {\n usePersonaStyles_unstable: useCustomStyles\n } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n return renderPersona_unstable(state);\n});\nPersona.displayName = \"Persona\";\n//# sourceMappingURL=Persona.js.map"],"names":["Persona","React","forwardRef","props","ref","state","usePersona_unstable","usePersonaStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderPersona_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;+BACgB;4BACH;kCACM;qCACG;AAKtC,MAAMA,UAAU,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACnE,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzCG,IAAAA,2CAAyB,EAACF;IAC1B,MAAM,EACJE,2BAA2BC,gBAAe,EAC3C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,qCAAsB,EAACL;AAChC;AACAL,QAAQW,WAAW,GAAG,WACtB,mCAAmC"}
1	+ {"version":3,"sources":["../../../lib/components/Persona/Persona.js"],"sourcesContent":["import * as React from 'react';\nimport { renderPersona_unstable } from './renderPersona';\nimport { usePersona_unstable } from './usePersona';\nimport { usePersonaStyles_unstable } from './usePersonaStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/*\n A Persona is a visual representation of a person or status that showcases an Avatar, PresenceBadge,\n * or an Avatar with a PresenceBadge.\n /\nexport const Persona = /#__PURE__*/React.forwardRef((props, ref) => {\n const state = usePersona_unstable(props, ref);\n usePersonaStyles_unstable(state);\n const {\n usePersonaStyles_unstable: useCustomStyles\n } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n return renderPersona_unstable(state);\n});\nPersona.displayName = 'Persona';\n//# sourceMappingURL=Persona.js.map"],"names":["Persona","React","forwardRef","props","ref","state","usePersona_unstable","usePersonaStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderPersona_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;+BACgB;4BACH;kCACM;qCACG;AAKtC,MAAMA,UAAU,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACnE,MAAMC,QAAQC,IAAAA,+BAAmB,EAACH,OAAOC;IACzCG,IAAAA,2CAAyB,EAACF;IAC1B,MAAM,EACJE,2BAA2BC,gBAAe,EAC3C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,qCAAsB,EAACL;AAChC;AACAL,QAAQW,WAAW,GAAG,WACtB,mCAAmC"}

package/lib-commonjs/components/Persona/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/Persona/index.js"],"sourcesContent":["export * from \"./Persona\";\nexport * from \"./Persona.types\";\nexport * from \"./renderPersona\";\nexport * from \"./usePersona\";\nexport * from \"./usePersonaStyles\";\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1	+ {"version":3,"sources":["../../../lib/components/Persona/index.js"],"sourcesContent":["export * from './Persona';\nexport * from './Persona.types';\nexport * from './renderPersona';\nexport * from './usePersona';\nexport * from './usePersonaStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/Persona/renderPersona.js CHANGED Viewed

@@ -13,7 +13,7 @@ const renderPersona_unstable = (state)=>{
     const { presenceOnly , textPosition  } = state;
     const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
     const coin = presenceOnly ? slots.presence && /*#__PURE__*/ _react.createElement(slots.presence, slotProps.presence) : slots.avatar && /*#__PURE__*/ _react.createElement(slots.avatar, slotProps.avatar);
-    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, (textPosition === "after" || textPosition === "below") && coin, slots.primaryText && /*#__PURE__*/ _react.createElement(slots.primaryText, slotProps.primaryText), slots.secondaryText && /*#__PURE__*/ _react.createElement(slots.secondaryText, slotProps.secondaryText), slots.tertiaryText && /*#__PURE__*/ _react.createElement(slots.tertiaryText, slotProps.tertiaryText), slots.quaternaryText && /*#__PURE__*/ _react.createElement(slots.quaternaryText, slotProps.quaternaryText), textPosition === "before" && coin);
+    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, (textPosition === 'after' || textPosition === 'below') && coin, slots.primaryText && /*#__PURE__*/ _react.createElement(slots.primaryText, slotProps.primaryText), slots.secondaryText && /*#__PURE__*/ _react.createElement(slots.secondaryText, slotProps.secondaryText), slots.tertiaryText && /*#__PURE__*/ _react.createElement(slots.tertiaryText, slotProps.tertiaryText), slots.quaternaryText && /*#__PURE__*/ _react.createElement(slots.quaternaryText, slotProps.quaternaryText), textPosition === 'before' && coin);
 }; //# sourceMappingURL=renderPersona.js.map
 //# sourceMappingURL=renderPersona.js.map

package/lib-commonjs/components/Persona/renderPersona.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/Persona/renderPersona.js"],"sourcesContent":["import * as React from \"react\";\nimport { getSlots } from \"@fluentui/react-utilities\";\n/*\n Render the final JSX of Persona\n /\nexport const renderPersona_unstable = state => {\n const {\n presenceOnly,\n textPosition\n } = state;\n const {\n slots,\n slotProps\n } = getSlots(state);\n const coin = presenceOnly ? slots.presence && /#__PURE__/React.createElement(slots.presence, slotProps.presence) : slots.avatar && /#__PURE__/React.createElement(slots.avatar, slotProps.avatar);\n return /#__PURE__/React.createElement(slots.root, slotProps.root, (textPosition === \"after\" \|\| textPosition === \"below\") && coin, slots.primaryText && /#__PURE__/React.createElement(slots.primaryText, slotProps.primaryText), slots.secondaryText && /#__PURE__/React.createElement(slots.secondaryText, slotProps.secondaryText), slots.tertiaryText && /#__PURE__/React.createElement(slots.tertiaryText, slotProps.tertiaryText), slots.quaternaryText && /#__PURE__*/React.createElement(slots.quaternaryText, slotProps.quaternaryText), textPosition === \"before\" && coin);\n};\n//# sourceMappingURL=renderPersona.js.map"],"names":["renderPersona_unstable","state","presenceOnly","textPosition","slots","slotProps","getSlots","coin","presence","React","createElement","avatar","root","primaryText","secondaryText","tertiaryText","quaternaryText"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,yBAAyBC,CAAAA,QAAS;IAC7C,MAAM,EACJC,aAAY,EACZC,aAAY,EACb,GAAGF;IACJ,MAAM,EACJG,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACL;IACb,MAAMM,OAAOL,eAAeE,MAAMI,QAAQ,IAAI,WAAW,GAAEC,OAAMC,aAAa,CAACN,MAAMI,QAAQ,EAAEH,UAAUG,QAAQ,IAAIJ,MAAMO,MAAM,IAAI,WAAW,GAAEF,OAAMC,aAAa,CAACN,MAAMO,MAAM,EAAEN,UAAUM,MAAM,CAAC;IACrM,OAAO,WAAW,GAAEF,OAAMC,aAAa,CAACN,MAAMQ,IAAI,EAAEP,UAAUO,IAAI,EAAE,AAACT,CAAAA,iBAAiB,WAAWA,iBAAiB,OAAM,KAAMI,MAAMH,MAAMS,WAAW,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACN,MAAMS,WAAW,EAAER,UAAUQ,WAAW,GAAGT,MAAMU,aAAa,IAAI,WAAW,GAAEL,OAAMC,aAAa,CAACN,MAAMU,aAAa,EAAET,UAAUS,aAAa,GAAGV,MAAMW,YAAY,IAAI,WAAW,GAAEN,OAAMC,aAAa,CAACN,MAAMW,YAAY,EAAEV,UAAUU,YAAY,GAAGX,MAAMY,cAAc,IAAI,WAAW,GAAEP,OAAMC,aAAa,CAACN,MAAMY,cAAc,EAAEX,UAAUW,cAAc,GAAGb,iBAAiB,YAAYI;AACzjB,GACA,yCAAyC"}
1	+ {"version":3,"sources":["../../../lib/components/Persona/renderPersona.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/*\n Render the final JSX of Persona\n /\nexport const renderPersona_unstable = state => {\n const {\n presenceOnly,\n textPosition\n } = state;\n const {\n slots,\n slotProps\n } = getSlots(state);\n const coin = presenceOnly ? slots.presence && /#__PURE__/React.createElement(slots.presence, slotProps.presence) : slots.avatar && /#__PURE__/React.createElement(slots.avatar, slotProps.avatar);\n return /#__PURE__/React.createElement(slots.root, slotProps.root, (textPosition === 'after' \|\| textPosition === 'below') && coin, slots.primaryText && /#__PURE__/React.createElement(slots.primaryText, slotProps.primaryText), slots.secondaryText && /#__PURE__/React.createElement(slots.secondaryText, slotProps.secondaryText), slots.tertiaryText && /#__PURE__/React.createElement(slots.tertiaryText, slotProps.tertiaryText), slots.quaternaryText && /#__PURE__*/React.createElement(slots.quaternaryText, slotProps.quaternaryText), textPosition === 'before' && coin);\n};\n//# sourceMappingURL=renderPersona.js.map"],"names":["renderPersona_unstable","state","presenceOnly","textPosition","slots","slotProps","getSlots","coin","presence","React","createElement","avatar","root","primaryText","secondaryText","tertiaryText","quaternaryText"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,yBAAyBC,CAAAA,QAAS;IAC7C,MAAM,EACJC,aAAY,EACZC,aAAY,EACb,GAAGF;IACJ,MAAM,EACJG,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACL;IACb,MAAMM,OAAOL,eAAeE,MAAMI,QAAQ,IAAI,WAAW,GAAEC,OAAMC,aAAa,CAACN,MAAMI,QAAQ,EAAEH,UAAUG,QAAQ,IAAIJ,MAAMO,MAAM,IAAI,WAAW,GAAEF,OAAMC,aAAa,CAACN,MAAMO,MAAM,EAAEN,UAAUM,MAAM,CAAC;IACrM,OAAO,WAAW,GAAEF,OAAMC,aAAa,CAACN,MAAMQ,IAAI,EAAEP,UAAUO,IAAI,EAAE,AAACT,CAAAA,iBAAiB,WAAWA,iBAAiB,OAAM,KAAMI,MAAMH,MAAMS,WAAW,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACN,MAAMS,WAAW,EAAER,UAAUQ,WAAW,GAAGT,MAAMU,aAAa,IAAI,WAAW,GAAEL,OAAMC,aAAa,CAACN,MAAMU,aAAa,EAAET,UAAUS,aAAa,GAAGV,MAAMW,YAAY,IAAI,WAAW,GAAEN,OAAMC,aAAa,CAACN,MAAMW,YAAY,EAAEV,UAAUU,YAAY,GAAGX,MAAMY,cAAc,IAAI,WAAW,GAAEP,OAAMC,aAAa,CAACN,MAAMY,cAAc,EAAEX,UAAUW,cAAc,GAAGb,iBAAiB,YAAYI;AACzjB,GACA,yCAAyC"}

package/lib-commonjs/components/Persona/usePersona.js CHANGED Viewed

@@ -12,7 +12,7 @@ const _reactAvatar = require("@fluentui/react-avatar");
 const _reactUtilities = require("@fluentui/react-utilities");
 const _reactBadge = require("@fluentui/react-badge");
 const usePersona_unstable = (props, ref)=>{
-    const { name , presenceOnly =false , size ="medium" , textAlignment ="start" , textPosition ="after"  } = props;
+    const { name , presenceOnly =false , size ='medium' , textAlignment ='start' , textPosition ='after'  } = props;
     const primaryText = (0, _reactUtilities.resolveShorthand)(props.primaryText, {
         required: true,
         defaultProps: {
@@ -35,19 +35,19 @@ const usePersona_unstable = (props, ref)=>{
         textAlignment,
         textPosition,
         components: {
-            root: "div",
+            root: 'div',
             avatar: _reactAvatar.Avatar,
             presence: _reactBadge.PresenceBadge,
-            primaryText: "span",
-            secondaryText: "span",
-            tertiaryText: "span",
-            quaternaryText: "span"
+            primaryText: 'span',
+            secondaryText: 'span',
+            tertiaryText: 'span',
+            quaternaryText: 'span'
         },
-        root: (0, _reactUtilities.getNativeElementProps)("div", {
+        root: (0, _reactUtilities.getNativeElementProps)('div', {
             ...props,
             ref
         }, /* excludedPropNames */ [
-            "name"
+            'name'
         ]),
         avatar: !presenceOnly ? (0, _reactUtilities.resolveShorthand)(props.avatar, {
             required: true,
@@ -69,19 +69,19 @@ const usePersona_unstable = (props, ref)=>{
     };
 };
 const presenceSizes = {
-    "extra-small": "tiny",
-    small: "extra-small",
-    medium: "small",
-    large: "medium",
-    "extra-large": "large",
-    huge: "large"
+    'extra-small': 'tiny',
+    small: 'extra-small',
+    medium: 'small',
+    large: 'medium',
+    'extra-large': 'large',
+    huge: 'large'
 };
 const avatarSizes = {
-    "extra-small": 20,
+    'extra-small': 20,
     small: 28,
     medium: 32,
     large: 36,
-    "extra-large": 40,
+    'extra-large': 40,
     huge: 56
 }; //# sourceMappingURL=usePersona.js.map

package/lib-commonjs/components/Persona/usePersona.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/Persona/usePersona.js"],"sourcesContent":["import * as React from \"react\";\nimport { Avatar } from \"@fluentui/react-avatar\";\nimport { getNativeElementProps, resolveShorthand } from \"@fluentui/react-utilities\";\nimport { PresenceBadge } from \"@fluentui/react-badge\";\n/*\n Create the state required to render Persona.\n \n The returned state can be modified with hooks such as usePersonaStyles_unstable,\n * before being passed to renderPersona_unstable.\n \n @param props - props from this instance of Persona\n * @param ref - reference to root HTMLElement of Persona\n /\nexport const usePersona_unstable = (props, ref) => {\n const {\n name,\n presenceOnly = false,\n size = \"medium\",\n textAlignment = \"start\",\n textPosition = \"after\"\n } = props;\n const primaryText = resolveShorthand(props.primaryText, {\n required: true,\n defaultProps: {\n children: name\n }\n });\n const secondaryText = resolveShorthand(props.secondaryText);\n const tertiaryText = resolveShorthand(props.tertiaryText);\n const quaternaryText = resolveShorthand(props.quaternaryText);\n const numTextLines = [primaryText, secondaryText, tertiaryText, quaternaryText].filter(Boolean).length;\n return {\n numTextLines,\n presenceOnly,\n size,\n textAlignment,\n textPosition,\n components: {\n root: \"div\",\n avatar: Avatar,\n presence: PresenceBadge,\n primaryText: \"span\",\n secondaryText: \"span\",\n tertiaryText: \"span\",\n quaternaryText: \"span\"\n },\n root: getNativeElementProps(\"div\", {\n ...props,\n ref\n }, / excludedPropNames */[\"name\"]),\n avatar: !presenceOnly ? resolveShorthand(props.avatar, {\n required: true,\n defaultProps: {\n name,\n badge: props.presence,\n size: avatarSizes[size]\n }\n }) : undefined,\n presence: presenceOnly ? resolveShorthand(props.presence, {\n defaultProps: {\n size: presenceSizes[size]\n }\n }) : undefined,\n primaryText,\n secondaryText,\n tertiaryText,\n quaternaryText\n };\n};\nconst presenceSizes = {\n \"extra-small\": \"tiny\",\n small: \"extra-small\",\n medium: \"small\",\n large: \"medium\",\n \"extra-large\": \"large\",\n huge: \"large\"\n};\nconst avatarSizes = {\n \"extra-small\": 20,\n small: 28,\n medium: 32,\n large: 36,\n \"extra-large\": 40,\n huge: 56\n};\n//# sourceMappingURL=usePersona.js.map"],"names":["usePersona_unstable","props","ref","name","presenceOnly","size","textAlignment","textPosition","primaryText","resolveShorthand","required","defaultProps","children","secondaryText","tertiaryText","quaternaryText","numTextLines","filter","Boolean","length","components","root","avatar","Avatar","presence","PresenceBadge","getNativeElementProps","badge","avatarSizes","undefined","presenceSizes","small","medium","large","huge"],"mappings":";;;;+BAaaA;;aAAAA;;;6DAbU;6BACA;gCACiC;4BAC1B;AAUvB,MAAMA,sBAAsB,CAACC,OAAOC,MAAQ;IACjD,MAAM,EACJC,KAAI,EACJC,cAAe,KAAK,CAAA,EACpBC,MAAO,SAAQ,EACfC,eAAgB,QAAO,EACvBC,cAAe,QAAO,EACvB,GAAGN;IACJ,MAAMO,cAAcC,IAAAA,gCAAgB,EAACR,MAAMO,WAAW,EAAE;QACtDE,UAAU,IAAI;QACdC,cAAc;YACZC,UAAUT;QACZ;IACF;IACA,MAAMU,gBAAgBJ,IAAAA,gCAAgB,EAACR,MAAMY,aAAa;IAC1D,MAAMC,eAAeL,IAAAA,gCAAgB,EAACR,MAAMa,YAAY;IACxD,MAAMC,iBAAiBN,IAAAA,gCAAgB,EAACR,MAAMc,cAAc;IAC5D,MAAMC,eAAe;QAACR;QAAaK;QAAeC;QAAcC;KAAe,CAACE,MAAM,CAACC,SAASC,MAAM;IACtG,OAAO;QACLH;QACAZ;QACAC;QACAC;QACAC;QACAa,YAAY;YACVC,MAAM;YACNC,QAAQC,mBAAM;YACdC,UAAUC,yBAAa;YACvBjB,aAAa;YACbK,eAAe;YACfC,cAAc;YACdC,gBAAgB;QAClB;QACAM,MAAMK,IAAAA,qCAAqB,EAAC,OAAO;YACjC,GAAGzB,KAAK;YACRC;QACF,GAAG,qBAAqB,GAAE;YAAC;SAAO;QAClCoB,QAAQ,CAAClB,eAAeK,IAAAA,gCAAgB,EAACR,MAAMqB,MAAM,EAAE;YACrDZ,UAAU,IAAI;YACdC,cAAc;gBACZR;gBACAwB,OAAO1B,MAAMuB,QAAQ;gBACrBnB,MAAMuB,WAAW,CAACvB,KAAK;YACzB;QACF,KAAKwB,SAAS;QACdL,UAAUpB,eAAeK,IAAAA,gCAAgB,EAACR,MAAMuB,QAAQ,EAAE;YACxDb,cAAc;gBACZN,MAAMyB,aAAa,CAACzB,KAAK;YAC3B;QACF,KAAKwB,SAAS;QACdrB;QACAK;QACAC;QACAC;IACF;AACF;AACA,MAAMe,gBAAgB;IACpB,eAAe;IACfC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACP,eAAe;IACfC,MAAM;AACR;AACA,MAAMN,cAAc;IAClB,eAAe;IACfG,OAAO;IACPC,QAAQ;IACRC,OAAO;IACP,eAAe;IACfC,MAAM;AACR,GACA,sCAAsC"}
1	+ {"version":3,"sources":["../../../lib/components/Persona/usePersona.js"],"sourcesContent":["import * as React from 'react';\nimport { Avatar } from '@fluentui/react-avatar';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport { PresenceBadge } from '@fluentui/react-badge';\n/*\n Create the state required to render Persona.\n \n The returned state can be modified with hooks such as usePersonaStyles_unstable,\n * before being passed to renderPersona_unstable.\n \n @param props - props from this instance of Persona\n * @param ref - reference to root HTMLElement of Persona\n /\nexport const usePersona_unstable = (props, ref) => {\n const {\n name,\n presenceOnly = false,\n size = 'medium',\n textAlignment = 'start',\n textPosition = 'after'\n } = props;\n const primaryText = resolveShorthand(props.primaryText, {\n required: true,\n defaultProps: {\n children: name\n }\n });\n const secondaryText = resolveShorthand(props.secondaryText);\n const tertiaryText = resolveShorthand(props.tertiaryText);\n const quaternaryText = resolveShorthand(props.quaternaryText);\n const numTextLines = [primaryText, secondaryText, tertiaryText, quaternaryText].filter(Boolean).length;\n return {\n numTextLines,\n presenceOnly,\n size,\n textAlignment,\n textPosition,\n components: {\n root: 'div',\n avatar: Avatar,\n presence: PresenceBadge,\n primaryText: 'span',\n secondaryText: 'span',\n tertiaryText: 'span',\n quaternaryText: 'span'\n },\n root: getNativeElementProps('div', {\n ...props,\n ref\n }, / excludedPropNames */['name']),\n avatar: !presenceOnly ? resolveShorthand(props.avatar, {\n required: true,\n defaultProps: {\n name,\n badge: props.presence,\n size: avatarSizes[size]\n }\n }) : undefined,\n presence: presenceOnly ? resolveShorthand(props.presence, {\n defaultProps: {\n size: presenceSizes[size]\n }\n }) : undefined,\n primaryText,\n secondaryText,\n tertiaryText,\n quaternaryText\n };\n};\nconst presenceSizes = {\n 'extra-small': 'tiny',\n small: 'extra-small',\n medium: 'small',\n large: 'medium',\n 'extra-large': 'large',\n huge: 'large'\n};\nconst avatarSizes = {\n 'extra-small': 20,\n small: 28,\n medium: 32,\n large: 36,\n 'extra-large': 40,\n huge: 56\n};\n//# sourceMappingURL=usePersona.js.map"],"names":["usePersona_unstable","props","ref","name","presenceOnly","size","textAlignment","textPosition","primaryText","resolveShorthand","required","defaultProps","children","secondaryText","tertiaryText","quaternaryText","numTextLines","filter","Boolean","length","components","root","avatar","Avatar","presence","PresenceBadge","getNativeElementProps","badge","avatarSizes","undefined","presenceSizes","small","medium","large","huge"],"mappings":";;;;+BAaaA;;aAAAA;;;6DAbU;6BACA;gCACiC;4BAC1B;AAUvB,MAAMA,sBAAsB,CAACC,OAAOC,MAAQ;IACjD,MAAM,EACJC,KAAI,EACJC,cAAe,KAAK,CAAA,EACpBC,MAAO,SAAQ,EACfC,eAAgB,QAAO,EACvBC,cAAe,QAAO,EACvB,GAAGN;IACJ,MAAMO,cAAcC,IAAAA,gCAAgB,EAACR,MAAMO,WAAW,EAAE;QACtDE,UAAU,IAAI;QACdC,cAAc;YACZC,UAAUT;QACZ;IACF;IACA,MAAMU,gBAAgBJ,IAAAA,gCAAgB,EAACR,MAAMY,aAAa;IAC1D,MAAMC,eAAeL,IAAAA,gCAAgB,EAACR,MAAMa,YAAY;IACxD,MAAMC,iBAAiBN,IAAAA,gCAAgB,EAACR,MAAMc,cAAc;IAC5D,MAAMC,eAAe;QAACR;QAAaK;QAAeC;QAAcC;KAAe,CAACE,MAAM,CAACC,SAASC,MAAM;IACtG,OAAO;QACLH;QACAZ;QACAC;QACAC;QACAC;QACAa,YAAY;YACVC,MAAM;YACNC,QAAQC,mBAAM;YACdC,UAAUC,yBAAa;YACvBjB,aAAa;YACbK,eAAe;YACfC,cAAc;YACdC,gBAAgB;QAClB;QACAM,MAAMK,IAAAA,qCAAqB,EAAC,OAAO;YACjC,GAAGzB,KAAK;YACRC;QACF,GAAG,qBAAqB,GAAE;YAAC;SAAO;QAClCoB,QAAQ,CAAClB,eAAeK,IAAAA,gCAAgB,EAACR,MAAMqB,MAAM,EAAE;YACrDZ,UAAU,IAAI;YACdC,cAAc;gBACZR;gBACAwB,OAAO1B,MAAMuB,QAAQ;gBACrBnB,MAAMuB,WAAW,CAACvB,KAAK;YACzB;QACF,KAAKwB,SAAS;QACdL,UAAUpB,eAAeK,IAAAA,gCAAgB,EAACR,MAAMuB,QAAQ,EAAE;YACxDb,cAAc;gBACZN,MAAMyB,aAAa,CAACzB,KAAK;YAC3B;QACF,KAAKwB,SAAS;QACdrB;QACAK;QACAC;QACAC;IACF;AACF;AACA,MAAMe,gBAAgB;IACpB,eAAe;IACfC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACP,eAAe;IACfC,MAAM;AACR;AACA,MAAMN,cAAc;IAClB,eAAe;IACfG,OAAO;IACPC,QAAQ;IACRC,OAAO;IACP,eAAe;IACfC,MAAM;AACR,GACA,sCAAsC"}

package/lib-commonjs/components/Persona/usePersonaStyles.js CHANGED Viewed

@@ -14,13 +14,13 @@ _export(exports, {
 });
 const _react = require("@griffel/react");
 const personaClassNames = {
-    root: "fui-Persona",
-    avatar: "fui-Persona__avatar",
-    presence: "fui-Persona__presence",
-    primaryText: "fui-Persona__primaryText",
-    secondaryText: "fui-Persona__secondaryText",
-    tertiaryText: "fui-Persona__tertiaryText",
-    quaternaryText: "fui-Persona__quaternaryText"
+    root: 'fui-Persona',
+    avatar: 'fui-Persona__avatar',
+    presence: 'fui-Persona__presence',
+    primaryText: 'fui-Persona__primaryText',
+    secondaryText: 'fui-Persona__secondaryText',
+    tertiaryText: 'fui-Persona__tertiaryText',
+    quaternaryText: 'fui-Persona__quaternaryText'
 };
 const avatarSpacing = `--fui-Persona__avatar--spacing`;
 const useRootClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("rlroi9i", null, [
@@ -157,8 +157,8 @@ const usePresenceSpacingStyles = /*#__PURE__*/ (0, _react["__styles"])({
 });
 const usePersonaStyles_unstable = (state)=>{
     const { presenceOnly , size , textAlignment , textPosition  } = state;
-    const alignToPrimary = presenceOnly && textAlignment === "start" && size !== "extra-large" && size !== "huge";
-    const alignBeforeAfterCenter = textPosition !== "below" && textAlignment === "center";
+    const alignToPrimary = presenceOnly && textAlignment === 'start' && size !== 'extra-large' && size !== 'huge';
+    const alignBeforeAfterCenter = textPosition !== 'below' && textAlignment === 'center';
     const { primaryTextClassName , optionalTextClassName  } = useTextClassNames(state, alignToPrimary);
     const rootClassName = useRootClassName();
     const styles = useStyles();
@@ -169,10 +169,10 @@ const usePersonaStyles_unstable = (state)=>{
     };
     state.root.className = (0, _react.mergeClasses)(personaClassNames.root, rootClassName, alignBeforeAfterCenter && styles.beforeAfterCenter, styles[textPosition], state.root.className);
     if (state.avatar) {
-        state.avatar.className = (0, _react.mergeClasses)(personaClassNames.avatar, textPosition !== "below" && styles.media, alignBeforeAfterCenter && styles.mediaBeforeAfterCenter, styles[textAlignment], avatarSpacingStyles[size], avatarSpacingStyles[textPosition], state.avatar.className);
+        state.avatar.className = (0, _react.mergeClasses)(personaClassNames.avatar, textPosition !== 'below' && styles.media, alignBeforeAfterCenter && styles.mediaBeforeAfterCenter, styles[textAlignment], avatarSpacingStyles[size], avatarSpacingStyles[textPosition], state.avatar.className);
     }
     if (state.presence) {
-        state.presence.className = (0, _react.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);
+        state.presence.className = (0, _react.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);
     }
     if (state.primaryText) {
         state.primaryText.className = (0, _react.mergeClasses)(personaClassNames.primaryText, alignBeforeAfterCenter && styles.primary, primaryTextClassName, state.primaryText.className);
@@ -242,28 +242,28 @@ const useTextClassNames = (state, alignToPrimary)=>{
     let primaryTextSize;
     let alignToPrimaryClassName;
     if (presenceOnly) {
-        if (size === "extra-small") {
+        if (size === 'extra-small') {
             primaryTextSize = state.numTextLines <= 1 && textStyles.caption1;
-        } else if (size === "extra-large" || size === "huge") {
+        } else if (size === 'extra-large' || size === 'huge') {
             primaryTextSize = textStyles.subtitle2;
         }
         if (alignToPrimary) {
-            if (textPosition === "before") {
+            if (textPosition === 'before') {
                 alignToPrimaryClassName = textStyles.beforeAlignToPrimary;
-            } else if (textPosition === "after") {
+            } else if (textPosition === 'after') {
                 alignToPrimaryClassName = textStyles.afterAlignToPrimary;
             }
         }
     } else {
-        if (size === "huge") {
+        if (size === 'huge') {
             primaryTextSize = textStyles.subtitle2;
-        } else if (size === "extra-large") {
+        } else if (size === 'extra-large') {
             primaryTextSize = textStyles.subtitle2;
         }
     }
     return {
         primaryTextClassName: (0, _react.mergeClasses)(primaryTextBaseClassName, primaryTextSize, alignToPrimaryClassName),
-        optionalTextClassName: (0, _react.mergeClasses)(optionalTextBaseClassName, !presenceOnly && size === "huge" && textStyles.body1, alignToPrimaryClassName)
+        optionalTextClassName: (0, _react.mergeClasses)(optionalTextBaseClassName, !presenceOnly && size === 'huge' && textStyles.body1, alignToPrimaryClassName)
     };
 }; //# sourceMappingURL=usePersonaStyles.js.map

package/lib-commonjs/components/Persona/usePersonaStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/Persona/usePersonaStyles.js"],"sourcesContent":["import { __resetStyles, __styles, 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 = /#__PURE__/__resetStyles(\"rlroi9i\", null, [\".rlroi9i{display:inline-grid;grid-auto-rows:max-content;grid-auto-flow:column;justify-items:start;grid-template-columns:max-content [middle] auto;}\"]);\n/*\n Styles for the root slot\n /\nconst useStyles = /#__PURE__/__styles({\n beforeAfterCenter: {\n wkccdc: \"f1iantul\"\n },\n after: {},\n before: {\n B7hvi0a: \"f1tll2w5\",\n Budl1dq: \"ffvkwdr\"\n },\n below: {\n Bxotwcr: \"f1nkeedh\",\n B7hvi0a: \"f1oiokrs\",\n Budl1dq: \"f1emgwh2\"\n },\n media: {\n Ijaq50: \"f1hek2iy\"\n },\n mediaBeforeAfterCenter: {\n Ijaq50: \"fa4dipu\"\n },\n start: {\n qb2dma: \"f9h729m\"\n },\n center: {\n qb2dma: \"f7nlbp4\"\n },\n afterAlignToPrimary: {\n qb2dma: \"f7nlbp4\",\n Ijaq50: \"f1rnkkuc\",\n Bw0ie65: \"f1warjpf\"\n },\n beforeAlignToPrimary: {\n qb2dma: \"f7nlbp4\",\n Ijaq50: \"f1rnkkuc\",\n Br312pm: \"fwu52yu\"\n },\n secondLineSpacing: {\n B6of3ja: \"f1ryq6si\"\n },\n primary: {\n Ijaq50: \"f1q3ipgb\"\n },\n secondary: {\n Ijaq50: \"f3drtdk\"\n },\n tertiary: {\n Ijaq50: \"fa1o6s1\"\n },\n quaternary: {\n Ijaq50: \"f1tuwaia\"\n }\n}, {\n d: [\".f1iantul{grid-template-rows:1fr [primary] max-content [secondary] max-content [tertiary] max-content [quaternary] max-content 1fr;}\", \".f1tll2w5{justify-items:end;}\", \".ffvkwdr{grid-template-columns:auto [middle] max-content;}\", \".f1nkeedh{grid-auto-flow:unset;}\", \".f1oiokrs{justify-items:center;}\", \".f1emgwh2{grid-template-columns:unset;}\", \".f1hek2iy{grid-row-start:span 5;}\", \".fa4dipu{grid-row-start:span 6;}\", \".f9h729m{-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;}\", \".f7nlbp4{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}\", \".f1rnkkuc{grid-row-start:unset;}\", \".f1warjpf{grid-column-end:middle;}\", \".fwu52yu{grid-column-start:middle;}\", \".f1ryq6si{margin-top:-2px;}\", \".f1q3ipgb{grid-row-start:primary;}\", \".f3drtdk{grid-row-start:secondary;}\", \".fa1o6s1{grid-row-start:tertiary;}\", \".f1tuwaia{grid-row-start:quaternary;}\"]\n});\nconst useAvatarSpacingStyles = /#__PURE__/__styles({\n \"extra-small\": {\n Bs1gm4r: \"f1e48tse\"\n },\n small: {\n Bs1gm4r: \"f18q9vkd\"\n },\n medium: {\n Bs1gm4r: \"f18q9vkd\"\n },\n large: {\n Bs1gm4r: \"fx34bi6\"\n },\n \"extra-large\": {\n Bs1gm4r: \"fx34bi6\"\n },\n huge: {\n Bs1gm4r: \"f1o96qtm\"\n },\n after: {\n t21cq0: [\"f103ycu4\", \"f1tao51\"]\n },\n below: {\n jrapky: \"fbo7acy\"\n },\n before: {\n Frg6f3: [\"f1tao51\", \"f103ycu4\"]\n }\n}, {\n d: [\".f1e48tse{--fui-Persona__avatar--spacing:var(--spacingHorizontalSNudge);}\", \".f18q9vkd{--fui-Persona__avatar--spacing:var(--spacingHorizontalS);}\", \".fx34bi6{--fui-Persona__avatar--spacing:var(--spacingHorizontalMNudge);}\", \".f1o96qtm{--fui-Persona__avatar--spacing:var(--spacingHorizontalM);}\", \".f103ycu4{margin-right:var(--fui-Persona__avatar--spacing);}\", \".f1tao51{margin-left:var(--fui-Persona__avatar--spacing);}\", \".fbo7acy{margin-bottom:var(--fui-Persona__avatar--spacing);}\"]\n});\nconst usePresenceSpacingStyles = /#__PURE__/__styles({\n small: {\n Bs1gm4r: \"f1e48tse\"\n }\n}, {\n d: [\".f1e48tse{--fui-Persona__avatar--spacing:var(--spacingHorizontalSNudge);}\"]\n});\n/\n Apply styling to the Persona slots based on the state\n /\nexport const usePersonaStyles_unstable = state => {\n const {\n presenceOnly,\n size,\n textAlignment,\n textPosition\n } = state;\n const alignToPrimary = presenceOnly && textAlignment === \"start\" && size !== \"extra-large\" && size !== \"huge\";\n const alignBeforeAfterCenter = textPosition !== \"below\" && textAlignment === \"center\";\n const {\n primaryTextClassName,\n optionalTextClassName\n } = 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 = /#__PURE__/__resetStyles(\"rvj41k9\", null, [\".rvj41k9{display:block;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);}\"]);\nconst useOptionalTextBaseClassName = /#__PURE__/__resetStyles(\"rp1pf9e\", null, [\".rp1pf9e{display:block;color:var(--colorNeutralForeground2);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}\"]);\nconst useTextStyles = /#__PURE__*/__styles({\n beforeAlignToPrimary: {\n Bw0ie65: \"f1warjpf\"\n },\n afterAlignToPrimary: {\n Br312pm: \"fwu52yu\"\n },\n body1: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n },\n caption1: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n },\n subtitle2: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"faaz57k\"\n }\n}, {\n d: [\".f1warjpf{grid-column-end:middle;}\", \".fwu52yu{grid-column-start:middle;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\"]\n});\nconst useTextClassNames = (state, alignToPrimary) => {\n const {\n presenceOnly,\n size,\n textPosition\n } = 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//# sourceMappingURL=usePersonaStyles.js.map"],"names":["personaClassNames","usePersonaStyles_unstable","root","avatar","presence","primaryText","secondaryText","tertiaryText","quaternaryText","avatarSpacing","useRootClassName","__resetStyles","useStyles","__styles","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","state","presenceOnly","size","textAlignment","textPosition","alignToPrimary","alignBeforeAfterCenter","primaryTextClassName","optionalTextClassName","useTextClassNames","rootClassName","styles","avatarSpacingStyles","presenceSpacingStyles","className","mergeClasses","usePrimaryTextBaseClassName","useOptionalTextBaseClassName","useTextStyles","body1","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","caption1","subtitle2","primaryTextBaseClassName","optionalTextBaseClassName","textStyles","primaryTextSize","alignToPrimaryClassName","numTextLines"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../lib/components/Persona/usePersonaStyles.js"],"sourcesContent":["import { __resetStyles, __styles, 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 = /#__PURE__/__resetStyles(\"rlroi9i\", null, [\".rlroi9i{display:inline-grid;grid-auto-rows:max-content;grid-auto-flow:column;justify-items:start;grid-template-columns:max-content [middle] auto;}\"]);\n/*\n Styles for the root slot\n /\nconst useStyles = /#__PURE__/__styles({\n beforeAfterCenter: {\n wkccdc: \"f1iantul\"\n },\n after: {},\n before: {\n B7hvi0a: \"f1tll2w5\",\n Budl1dq: \"ffvkwdr\"\n },\n below: {\n Bxotwcr: \"f1nkeedh\",\n B7hvi0a: \"f1oiokrs\",\n Budl1dq: \"f1emgwh2\"\n },\n media: {\n Ijaq50: \"f1hek2iy\"\n },\n mediaBeforeAfterCenter: {\n Ijaq50: \"fa4dipu\"\n },\n start: {\n qb2dma: \"f9h729m\"\n },\n center: {\n qb2dma: \"f7nlbp4\"\n },\n afterAlignToPrimary: {\n qb2dma: \"f7nlbp4\",\n Ijaq50: \"f1rnkkuc\",\n Bw0ie65: \"f1warjpf\"\n },\n beforeAlignToPrimary: {\n qb2dma: \"f7nlbp4\",\n Ijaq50: \"f1rnkkuc\",\n Br312pm: \"fwu52yu\"\n },\n secondLineSpacing: {\n B6of3ja: \"f1ryq6si\"\n },\n primary: {\n Ijaq50: \"f1q3ipgb\"\n },\n secondary: {\n Ijaq50: \"f3drtdk\"\n },\n tertiary: {\n Ijaq50: \"fa1o6s1\"\n },\n quaternary: {\n Ijaq50: \"f1tuwaia\"\n }\n}, {\n d: [\".f1iantul{grid-template-rows:1fr [primary] max-content [secondary] max-content [tertiary] max-content [quaternary] max-content 1fr;}\", \".f1tll2w5{justify-items:end;}\", \".ffvkwdr{grid-template-columns:auto [middle] max-content;}\", \".f1nkeedh{grid-auto-flow:unset;}\", \".f1oiokrs{justify-items:center;}\", \".f1emgwh2{grid-template-columns:unset;}\", \".f1hek2iy{grid-row-start:span 5;}\", \".fa4dipu{grid-row-start:span 6;}\", \".f9h729m{-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;}\", \".f7nlbp4{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}\", \".f1rnkkuc{grid-row-start:unset;}\", \".f1warjpf{grid-column-end:middle;}\", \".fwu52yu{grid-column-start:middle;}\", \".f1ryq6si{margin-top:-2px;}\", \".f1q3ipgb{grid-row-start:primary;}\", \".f3drtdk{grid-row-start:secondary;}\", \".fa1o6s1{grid-row-start:tertiary;}\", \".f1tuwaia{grid-row-start:quaternary;}\"]\n});\nconst useAvatarSpacingStyles = /#__PURE__/__styles({\n \"extra-small\": {\n Bs1gm4r: \"f1e48tse\"\n },\n small: {\n Bs1gm4r: \"f18q9vkd\"\n },\n medium: {\n Bs1gm4r: \"f18q9vkd\"\n },\n large: {\n Bs1gm4r: \"fx34bi6\"\n },\n \"extra-large\": {\n Bs1gm4r: \"fx34bi6\"\n },\n huge: {\n Bs1gm4r: \"f1o96qtm\"\n },\n after: {\n t21cq0: [\"f103ycu4\", \"f1tao51\"]\n },\n below: {\n jrapky: \"fbo7acy\"\n },\n before: {\n Frg6f3: [\"f1tao51\", \"f103ycu4\"]\n }\n}, {\n d: [\".f1e48tse{--fui-Persona__avatar--spacing:var(--spacingHorizontalSNudge);}\", \".f18q9vkd{--fui-Persona__avatar--spacing:var(--spacingHorizontalS);}\", \".fx34bi6{--fui-Persona__avatar--spacing:var(--spacingHorizontalMNudge);}\", \".f1o96qtm{--fui-Persona__avatar--spacing:var(--spacingHorizontalM);}\", \".f103ycu4{margin-right:var(--fui-Persona__avatar--spacing);}\", \".f1tao51{margin-left:var(--fui-Persona__avatar--spacing);}\", \".fbo7acy{margin-bottom:var(--fui-Persona__avatar--spacing);}\"]\n});\nconst usePresenceSpacingStyles = /#__PURE__/__styles({\n small: {\n Bs1gm4r: \"f1e48tse\"\n }\n}, {\n d: [\".f1e48tse{--fui-Persona__avatar--spacing:var(--spacingHorizontalSNudge);}\"]\n});\n/\n Apply styling to the Persona slots based on the state\n /\nexport const usePersonaStyles_unstable = state => {\n const {\n presenceOnly,\n size,\n textAlignment,\n textPosition\n } = state;\n const alignToPrimary = presenceOnly && textAlignment === 'start' && size !== 'extra-large' && size !== 'huge';\n const alignBeforeAfterCenter = textPosition !== 'below' && textAlignment === 'center';\n const {\n primaryTextClassName,\n optionalTextClassName\n } = 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 = /#__PURE__/__resetStyles(\"rvj41k9\", null, [\".rvj41k9{display:block;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);}\"]);\nconst useOptionalTextBaseClassName = /#__PURE__/__resetStyles(\"rp1pf9e\", null, [\".rp1pf9e{display:block;color:var(--colorNeutralForeground2);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}\"]);\nconst useTextStyles = /#__PURE__*/__styles({\n beforeAlignToPrimary: {\n Bw0ie65: \"f1warjpf\"\n },\n afterAlignToPrimary: {\n Br312pm: \"fwu52yu\"\n },\n body1: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n },\n caption1: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n },\n subtitle2: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"faaz57k\"\n }\n}, {\n d: [\".f1warjpf{grid-column-end:middle;}\", \".fwu52yu{grid-column-start:middle;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\"]\n});\nconst useTextClassNames = (state, alignToPrimary) => {\n const {\n presenceOnly,\n size,\n textPosition\n } = 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//# sourceMappingURL=usePersonaStyles.js.map"],"names":["personaClassNames","usePersonaStyles_unstable","root","avatar","presence","primaryText","secondaryText","tertiaryText","quaternaryText","avatarSpacing","useRootClassName","__resetStyles","useStyles","__styles","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","state","presenceOnly","size","textAlignment","textPosition","alignToPrimary","alignBeforeAfterCenter","primaryTextClassName","optionalTextClassName","useTextClassNames","rootClassName","styles","avatarSpacingStyles","presenceSpacingStyles","className","mergeClasses","usePrimaryTextBaseClassName","useOptionalTextBaseClassName","useTextStyles","body1","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","caption1","subtitle2","primaryTextBaseClassName","optionalTextBaseClassName","textStyles","primaryTextSize","alignToPrimaryClassName","numTextLines"],"mappings":"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"}

package/lib-commonjs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Persona, personaClassNames, renderPersona_unstable, usePersonaStyles_unstable, usePersona_unstable } from \"./Persona\";\n//# sourceMappingURL=index.js.map"],"names":["Persona","personaClassNames","renderPersona_unstable","usePersonaStyles_unstable","usePersona_unstable"],"mappings":";;;;;;;;;;;IAASA,OAAO,MAAPA,gBAAO;IAAEC,iBAAiB,MAAjBA,0BAAiB;IAAEC,sBAAsB,MAAtBA,+BAAsB;IAAEC,yBAAyB,MAAzBA,kCAAyB;IAAEC,mBAAmB,MAAnBA,4BAAmB;;yBAAQ;CACnH,iCAAiC"}
1	+ {"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Persona, personaClassNames, renderPersona_unstable, usePersonaStyles_unstable, usePersona_unstable } from './Persona';\n//# sourceMappingURL=index.js.map"],"names":["Persona","personaClassNames","renderPersona_unstable","usePersonaStyles_unstable","usePersona_unstable"],"mappings":";;;;;;;;;;;IAASA,OAAO,MAAPA,gBAAO;IAAEC,iBAAiB,MAAjBA,0BAAiB;IAAEC,sBAAsB,MAAtBA,+BAAsB;IAAEC,yBAAyB,MAAzBA,kCAAyB;IAAEC,mBAAmB,MAAnBA,4BAAmB;;yBAAQ;CACnH,iCAAiC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-persona",
-  "version": "0.0.0-nightly-20230317-1454.1",
+  "version": "0.0.0-nightly-20230322-0439.1",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,16 +27,16 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230317-1454.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230322-0439.1",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-avatar": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/react-badge": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/react-shared-contexts": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20230317-1454.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20230317-1454.1",
+    "@fluentui/react-avatar": "0.0.0-nightly-20230322-0439.1",
+    "@fluentui/react-badge": "0.0.0-nightly-20230322-0439.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightly-20230322-0439.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20230322-0439.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20230322-0439.1",
     "@griffel/react": "^1.5.2",
     "@swc/helpers": "^0.4.14"
   },
@@ -50,6 +50,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js"
     },