@fluentui/react-persona 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

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

@@ -1,270 +1,226 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    personaClassNames: ()=>personaClassNames,
-    usePersonaStyles_unstable: ()=>usePersonaStyles_unstable
+  value: true
 });
-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"
+exports.usePersonaStyles_unstable = exports.personaClassNames = void 0;
+const react_1 = /*#__PURE__*/require("@griffel/react");
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
+exports.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'
 };
 const avatarSpacing = `--fui-Persona__avatar--spacing`;
-const useRootClassName = /*#__PURE__*/ (0, _react["__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;}"
-]);
+const useRootClassName = /*#__PURE__*/react_1.__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;}"]);
 /**
  * Styles for the root slot
- */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    beforeAfterCenter: {
-        wkccdc: "f1iantul"
-    },
-    after: {},
-    before: {
-        B7hvi0a: "f1tll2w5",
-        Budl1dq: "ffvkwdr"
-    },
-    below: {
-        Bxotwcr: "f1nkeedh",
-        B7hvi0a: "f1oiokrs",
-        Budl1dq: "f1emgwh2"
-    },
-    media: {
-        Ijaq50: "f1hek2iy"
-    },
-    mediaBeforeAfterCenter: {
-        Ijaq50: "fa4dipu"
-    },
-    start: {
-        qb2dma: "f9h729m"
-    },
-    center: {
-        qb2dma: "f7nlbp4"
-    },
-    afterAlignToPrimary: {
-        qb2dma: "f7nlbp4",
-        Ijaq50: "f1rnkkuc",
-        Bw0ie65: "f1warjpf"
-    },
-    beforeAlignToPrimary: {
-        qb2dma: "f7nlbp4",
-        Ijaq50: "f1rnkkuc",
-        Br312pm: "fwu52yu"
-    },
-    secondLineSpacing: {
-        B6of3ja: "f1ryq6si"
-    },
-    primary: {
-        Ijaq50: "f1q3ipgb"
-    },
-    secondary: {
-        Ijaq50: "f3drtdk"
-    },
-    tertiary: {
-        Ijaq50: "fa1o6s1"
-    },
-    quaternary: {
-        Ijaq50: "f1tuwaia"
-    }
+ */
+const useStyles = /*#__PURE__*/react_1.__styles({
+  beforeAfterCenter: {
+    wkccdc: "f1iantul"
+  },
+  after: {},
+  before: {
+    B7hvi0a: "f1tll2w5",
+    Budl1dq: "ffvkwdr"
+  },
+  below: {
+    Bxotwcr: "f1nkeedh",
+    B7hvi0a: "f1oiokrs",
+    Budl1dq: "f1emgwh2"
+  },
+  media: {
+    Ijaq50: "f1hek2iy"
+  },
+  mediaBeforeAfterCenter: {
+    Ijaq50: "fa4dipu"
+  },
+  start: {
+    qb2dma: "f9h729m"
+  },
+  center: {
+    qb2dma: "f7nlbp4"
+  },
+  afterAlignToPrimary: {
+    qb2dma: "f7nlbp4",
+    Ijaq50: "f1rnkkuc",
+    Bw0ie65: "f1warjpf"
+  },
+  beforeAlignToPrimary: {
+    qb2dma: "f7nlbp4",
+    Ijaq50: "f1rnkkuc",
+    Br312pm: "fwu52yu"
+  },
+  secondLineSpacing: {
+    B6of3ja: "f1ryq6si"
+  },
+  primary: {
+    Ijaq50: "f1q3ipgb"
+  },
+  secondary: {
+    Ijaq50: "f3drtdk"
+  },
+  tertiary: {
+    Ijaq50: "fa1o6s1"
+  },
+  quaternary: {
+    Ijaq50: "f1tuwaia"
+  }
 }, {
-    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;}"
-    ]
+  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;}"]
 });
-const useAvatarSpacingStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    "extra-small": {
-        Bs1gm4r: "f1e48tse"
-    },
-    small: {
-        Bs1gm4r: "f18q9vkd"
-    },
-    medium: {
-        Bs1gm4r: "f18q9vkd"
-    },
-    large: {
-        Bs1gm4r: "fx34bi6"
-    },
-    "extra-large": {
-        Bs1gm4r: "fx34bi6"
-    },
-    huge: {
-        Bs1gm4r: "f1o96qtm"
-    },
-    after: {
-        t21cq0: [
-            "f103ycu4",
-            "f1tao51"
-        ]
-    },
-    below: {
-        jrapky: "fbo7acy"
-    },
-    before: {
-        Frg6f3: [
-            "f1tao51",
-            "f103ycu4"
-        ]
-    }
+const useAvatarSpacingStyles = /*#__PURE__*/react_1.__styles({
+  "extra-small": {
+    Bs1gm4r: "f1e48tse"
+  },
+  small: {
+    Bs1gm4r: "f18q9vkd"
+  },
+  medium: {
+    Bs1gm4r: "f18q9vkd"
+  },
+  large: {
+    Bs1gm4r: "fx34bi6"
+  },
+  "extra-large": {
+    Bs1gm4r: "fx34bi6"
+  },
+  huge: {
+    Bs1gm4r: "f1o96qtm"
+  },
+  after: {
+    t21cq0: ["f103ycu4", "f1tao51"]
+  },
+  below: {
+    jrapky: "fbo7acy"
+  },
+  before: {
+    Frg6f3: ["f1tao51", "f103ycu4"]
+  }
 }, {
-    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);}"
-    ]
+  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);}"]
 });
-const usePresenceSpacingStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    small: {
-        Bs1gm4r: "f1e48tse"
-    }
+const usePresenceSpacingStyles = /*#__PURE__*/react_1.__styles({
+  small: {
+    Bs1gm4r: "f1e48tse"
+  }
 }, {
-    d: [
-        ".f1e48tse{--fui-Persona__avatar--spacing:var(--spacingHorizontalSNudge);}"
-    ]
+  d: [".f1e48tse{--fui-Persona__avatar--spacing:var(--spacingHorizontalSNudge);}"]
 });
-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 { primaryTextClassName , optionalTextClassName  } = useTextClassNames(state, alignToPrimary);
-    const rootClassName = useRootClassName();
-    const styles = useStyles();
-    const avatarSpacingStyles = useAvatarSpacingStyles();
-    const presenceSpacingStyles = {
-        ...avatarSpacingStyles,
-        ...usePresenceSpacingStyles()
-    };
-    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);
-    }
-    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);
-    }
-    if (state.primaryText) {
-        state.primaryText.className = (0, _react.mergeClasses)(personaClassNames.primaryText, alignBeforeAfterCenter && styles.primary, primaryTextClassName, state.primaryText.className);
-    }
-    if (state.secondaryText) {
-        state.secondaryText.className = (0, _react.mergeClasses)(personaClassNames.secondaryText, alignBeforeAfterCenter && styles.secondary, optionalTextClassName, styles.secondLineSpacing, state.secondaryText.className);
-    }
-    if (state.tertiaryText) {
-        state.tertiaryText.className = (0, _react.mergeClasses)(personaClassNames.tertiaryText, alignBeforeAfterCenter && styles.tertiary, optionalTextClassName, state.tertiaryText.className);
-    }
-    if (state.quaternaryText) {
-        state.quaternaryText.className = (0, _react.mergeClasses)(personaClassNames.quaternaryText, alignBeforeAfterCenter && styles.quaternary, optionalTextClassName, state.quaternaryText.className);
-    }
-    return state;
+/**
+ * Apply styling to the Persona slots based on the state
+ */
+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 {
+    primaryTextClassName,
+    optionalTextClassName
+  } = useTextClassNames(state, alignToPrimary);
+  const rootClassName = useRootClassName();
+  const styles = useStyles();
+  const avatarSpacingStyles = useAvatarSpacingStyles();
+  const presenceSpacingStyles = {
+    ...avatarSpacingStyles,
+    ...usePresenceSpacingStyles()
+  };
+  state.root.className = react_1.mergeClasses(exports.personaClassNames.root, rootClassName, alignBeforeAfterCenter && styles.beforeAfterCenter, styles[textPosition], state.root.className);
+  if (state.avatar) {
+    state.avatar.className = react_1.mergeClasses(exports.personaClassNames.avatar, textPosition !== 'below' && styles.media, alignBeforeAfterCenter && styles.mediaBeforeAfterCenter, styles[textAlignment], avatarSpacingStyles[size], avatarSpacingStyles[textPosition], state.avatar.className);
+  }
+  if (state.presence) {
+    state.presence.className = react_1.mergeClasses(exports.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 = react_1.mergeClasses(exports.personaClassNames.primaryText, alignBeforeAfterCenter && styles.primary, primaryTextClassName, state.primaryText.className);
+  }
+  if (state.secondaryText) {
+    state.secondaryText.className = react_1.mergeClasses(exports.personaClassNames.secondaryText, alignBeforeAfterCenter && styles.secondary, optionalTextClassName, styles.secondLineSpacing, state.secondaryText.className);
+  }
+  if (state.tertiaryText) {
+    state.tertiaryText.className = react_1.mergeClasses(exports.personaClassNames.tertiaryText, alignBeforeAfterCenter && styles.tertiary, optionalTextClassName, state.tertiaryText.className);
+  }
+  if (state.quaternaryText) {
+    state.quaternaryText.className = react_1.mergeClasses(exports.personaClassNames.quaternaryText, alignBeforeAfterCenter && styles.quaternary, optionalTextClassName, state.quaternaryText.className);
+  }
+  return state;
 };
-const usePrimaryTextBaseClassName = /*#__PURE__*/ (0, _react["__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);}"
-]);
-const useOptionalTextBaseClassName = /*#__PURE__*/ (0, _react["__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);}"
-]);
-const useTextStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    beforeAlignToPrimary: {
-        Bw0ie65: "f1warjpf"
-    },
-    afterAlignToPrimary: {
-        Br312pm: "fwu52yu"
-    },
-    body1: {
-        Bahqtrf: "fk6fouc",
-        Be2twd7: "fkhj508",
-        Bhrd7zp: "figsok6",
-        Bg96gwp: "f1i3iumi"
-    },
-    caption1: {
-        Bahqtrf: "fk6fouc",
-        Be2twd7: "fy9rknc",
-        Bhrd7zp: "figsok6",
-        Bg96gwp: "fwrc4pm"
-    },
-    subtitle2: {
-        Bahqtrf: "fk6fouc",
-        Be2twd7: "fod5ikn",
-        Bhrd7zp: "fl43uef",
-        Bg96gwp: "faaz57k"
-    }
+exports.usePersonaStyles_unstable = usePersonaStyles_unstable;
+const usePrimaryTextBaseClassName = /*#__PURE__*/react_1.__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);}"]);
+const useOptionalTextBaseClassName = /*#__PURE__*/react_1.__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);}"]);
+const useTextStyles = /*#__PURE__*/react_1.__styles({
+  beforeAlignToPrimary: {
+    Bw0ie65: "f1warjpf"
+  },
+  afterAlignToPrimary: {
+    Br312pm: "fwu52yu"
+  },
+  body1: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fkhj508",
+    Bhrd7zp: "figsok6",
+    Bg96gwp: "f1i3iumi"
+  },
+  caption1: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fy9rknc",
+    Bhrd7zp: "figsok6",
+    Bg96gwp: "fwrc4pm"
+  },
+  subtitle2: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fod5ikn",
+    Bhrd7zp: "fl43uef",
+    Bg96gwp: "faaz57k"
+  }
 }, {
-    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);}"
-    ]
+  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);}"]
 });
-const useTextClassNames = (state, alignToPrimary)=>{
-    const { presenceOnly , size , textPosition  } = state;
-    const primaryTextBaseClassName = usePrimaryTextBaseClassName();
-    const optionalTextBaseClassName = useOptionalTextBaseClassName();
-    const textStyles = useTextStyles();
-    let primaryTextSize;
-    let alignToPrimaryClassName;
-    if (presenceOnly) {
-        if (size === "extra-small") {
-            primaryTextSize = state.numTextLines <= 1 && textStyles.caption1;
-        } else if (size === "extra-large" || size === "huge") {
-            primaryTextSize = textStyles.subtitle2;
-        }
-        if (alignToPrimary) {
-            if (textPosition === "before") {
-                alignToPrimaryClassName = textStyles.beforeAlignToPrimary;
-            } else if (textPosition === "after") {
-                alignToPrimaryClassName = textStyles.afterAlignToPrimary;
-            }
-        }
-    } else {
-        if (size === "huge") {
-            primaryTextSize = textStyles.subtitle2;
-        } else if (size === "extra-large") {
-            primaryTextSize = textStyles.subtitle2;
-        }
+const useTextClassNames = (state, alignToPrimary) => {
+  const {
+    presenceOnly,
+    size,
+    textPosition
+  } = state;
+  const primaryTextBaseClassName = usePrimaryTextBaseClassName();
+  const optionalTextBaseClassName = useOptionalTextBaseClassName();
+  const textStyles = useTextStyles();
+  let primaryTextSize;
+  let alignToPrimaryClassName;
+  if (presenceOnly) {
+    if (size === 'extra-small') {
+      primaryTextSize = state.numTextLines <= 1 && textStyles.caption1;
+    } else if (size === 'extra-large' || size === 'huge') {
+      primaryTextSize = textStyles.subtitle2;
     }
-    return {
-        primaryTextClassName: (0, _react.mergeClasses)(primaryTextBaseClassName, primaryTextSize, alignToPrimaryClassName),
-        optionalTextClassName: (0, _react.mergeClasses)(optionalTextBaseClassName, !presenceOnly && size === "huge" && textStyles.body1, alignToPrimaryClassName)
-    };
-}; //# sourceMappingURL=usePersonaStyles.js.map
-
+    if (alignToPrimary) {
+      if (textPosition === 'before') {
+        alignToPrimaryClassName = textStyles.beforeAlignToPrimary;
+      } else if (textPosition === 'after') {
+        alignToPrimaryClassName = textStyles.afterAlignToPrimary;
+      }
+    }
+  } else {
+    if (size === 'huge') {
+      primaryTextSize = textStyles.subtitle2;
+    } else if (size === 'extra-large') {
+      primaryTextSize = textStyles.subtitle2;
+    }
+  }
+  return {
+    primaryTextClassName: react_1.mergeClasses(primaryTextBaseClassName, primaryTextSize, alignToPrimaryClassName),
+    optionalTextClassName: react_1.mergeClasses(optionalTextBaseClassName, !presenceOnly && size === 'huge' && textStyles.body1, alignToPrimaryClassName)
+  };
+};
 //# sourceMappingURL=usePersonaStyles.js.map

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

@@ -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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"}
+{"version":3,"names":["react_1","require","react_theme_1","exports","personaClassNames","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","usePersonaStyles_unstable","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"],"sources":["../../../../../../../../../packages/react-components/react-persona/src/components/Persona/usePersonaStyles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { PersonaSlots, PersonaState } from './Persona.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const personaClassNames: SlotClassNames<PersonaSlots> = {\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};\n\nconst avatarSpacing = `--fui-Persona__avatar--spacing`;\n\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/**\n * Styles for the root slot\n */\nconst 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:\n      '1fr [primary] max-content [secondary] max-content [tertiary] max-content [quaternary] max-content 1fr',\n  },\n\n  after: {\n    // Intentionally empty\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\n  media: {\n    gridRowStart: 'span 5',\n  },\n\n  mediaBeforeAfterCenter: {\n    gridRowStart: 'span 6',\n  },\n\n  start: {\n    alignSelf: 'start',\n  },\n  center: {\n    alignSelf: 'center',\n  },\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\n  secondLineSpacing: {\n    marginTop: '-2px',\n  },\n\n  primary: { gridRowStart: 'primary' },\n  secondary: { gridRowStart: 'secondary' },\n  tertiary: { gridRowStart: 'tertiary' },\n  quaternary: { 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});\n\nconst usePresenceSpacingStyles = makeStyles({\n  small: {\n    [avatarSpacing]: tokens.spacingHorizontalSNudge,\n  },\n});\n\n/**\n * Apply styling to the Persona slots based on the state\n */\nexport const usePersonaStyles_unstable = (state: PersonaState): PersonaState => {\n  const { presenceOnly, size, textAlignment, textPosition } = state;\n\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\n  const rootClassName = useRootClassName();\n  const styles = useStyles();\n  const avatarSpacingStyles = useAvatarSpacingStyles();\n  const presenceSpacingStyles = { ...avatarSpacingStyles, ...usePresenceSpacingStyles() };\n\n  state.root.className = mergeClasses(\n    personaClassNames.root,\n    rootClassName,\n    alignBeforeAfterCenter && styles.beforeAfterCenter,\n    styles[textPosition],\n    state.root.className,\n  );\n\n  if (state.avatar) {\n    state.avatar.className = mergeClasses(\n      personaClassNames.avatar,\n      textPosition !== 'below' && styles.media,\n      alignBeforeAfterCenter && styles.mediaBeforeAfterCenter,\n      styles[textAlignment],\n      avatarSpacingStyles[size],\n      avatarSpacingStyles[textPosition],\n      state.avatar.className,\n    );\n  }\n\n  if (state.presence) {\n    state.presence.className = mergeClasses(\n      personaClassNames.presence,\n      textPosition !== 'below' && styles.media,\n      alignBeforeAfterCenter && styles.mediaBeforeAfterCenter,\n      styles[textAlignment],\n      presenceSpacingStyles[size],\n      presenceSpacingStyles[textPosition],\n      textPosition === 'after' && alignToPrimary && styles.afterAlignToPrimary,\n      textPosition === 'before' && alignToPrimary && styles.beforeAlignToPrimary,\n      state.presence.className,\n    );\n  }\n\n  if (state.primaryText) {\n    state.primaryText.className = mergeClasses(\n      personaClassNames.primaryText,\n      alignBeforeAfterCenter && styles.primary,\n      primaryTextClassName,\n      state.primaryText.className,\n    );\n  }\n\n  if (state.secondaryText) {\n    state.secondaryText.className = mergeClasses(\n      personaClassNames.secondaryText,\n      alignBeforeAfterCenter && styles.secondary,\n      optionalTextClassName,\n      styles.secondLineSpacing,\n      state.secondaryText.className,\n    );\n  }\n\n  if (state.tertiaryText) {\n    state.tertiaryText.className = mergeClasses(\n      personaClassNames.tertiaryText,\n      alignBeforeAfterCenter && styles.tertiary,\n      optionalTextClassName,\n      state.tertiaryText.className,\n    );\n  }\n\n  if (state.quaternaryText) {\n    state.quaternaryText.className = mergeClasses(\n      personaClassNames.quaternaryText,\n      alignBeforeAfterCenter && styles.quaternary,\n      optionalTextClassName,\n      state.quaternaryText.className,\n    );\n  }\n\n  return state;\n};\n\nconst usePrimaryTextBaseClassName = makeResetStyles({\n  display: 'block',\n  color: tokens.colorNeutralForeground1,\n  ...typographyStyles.body1,\n});\n\nconst useOptionalTextBaseClassName = makeResetStyles({\n  display: 'block',\n  color: tokens.colorNeutralForeground2,\n  ...typographyStyles.caption1,\n});\n\nconst useTextStyles = makeStyles({\n  beforeAlignToPrimary: {\n    gridColumnEnd: 'middle',\n  },\n  afterAlignToPrimary: {\n    gridColumnStart: 'middle',\n  },\n\n  body1: typographyStyles.body1,\n  caption1: typographyStyles.caption1,\n  subtitle2: typographyStyles.subtitle2,\n});\n\nconst useTextClassNames = (\n  state: PersonaState,\n  alignToPrimary: boolean,\n): {\n  primaryTextClassName: string;\n  optionalTextClassName: string;\n} => {\n  const { presenceOnly, size, textPosition } = state;\n  const primaryTextBaseClassName = usePrimaryTextBaseClassName();\n  const optionalTextBaseClassName = useOptionalTextBaseClassName();\n  const textStyles = useTextStyles();\n\n  let primaryTextSize;\n  let alignToPrimaryClassName;\n\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\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\n  return {\n    primaryTextClassName: mergeClasses(primaryTextBaseClassName, primaryTextSize, alignToPrimaryClassName),\n    optionalTextClassName: mergeClasses(\n      optionalTextBaseClassName,\n      !presenceOnly && size === 'huge' && textStyles.body1,\n      alignToPrimaryClassName,\n    ),\n  };\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AACA,MAAAC,aAAA,gBAAAD,OAAA;AAIaE,OAAA,CAAAC,iBAAiB,GAAiC;EAC7DC,IAAI,EAAE,aAAa;EACnBC,MAAM,EAAE,qBAAqB;EAC7BC,QAAQ,EAAE,uBAAuB;EACjCC,WAAW,EAAE,0BAA0B;EACvCC,aAAa,EAAE,4BAA4B;EAC3CC,YAAY,EAAE,2BAA2B;EACzCC,cAAc,EAAE;CACjB;AAED,MAAMC,aAAa,GAAG,gCAAgC;AAEtD,MAAMC,gBAAgB,gBAAGb,OAAA,CAAAc,aAAe,0KAMtC;AAEF;;;AAGA,MAAMC,SAAS,gBAAGf,OAAA,CAAAgB,QAAU;EAAAC,iBAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;EAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAC,OAAA;IAAAH,OAAA;IAAAC,OAAA;EAAA;EAAAG,KAAA;IAAAC,MAAA;EAAA;EAAAC,sBAAA;IAAAD,MAAA;EAAA;EAAAE,KAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAD,MAAA;EAAA;EAAAE,mBAAA;IAAAF,MAAA;IAAAH,MAAA;IAAAM,OAAA;EAAA;EAAAC,oBAAA;IAAAJ,MAAA;IAAAH,MAAA;IAAAQ,OAAA;EAAA;EAAAC,iBAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAAX,MAAA;EAAA;EAAAY,SAAA;IAAAZ,MAAA;EAAA;EAAAa,QAAA;IAAAb,MAAA;EAAA;EAAAc,UAAA;IAAAd,MAAA;EAAA;AAAA;EAAAe,CAAA;AAAA,EAsD1B;AAEF,MAAMC,sBAAsB,gBAAG1C,OAAA,CAAAgB,QAAU;EAAA;IAAA2B,OAAA;EAAA;EAAAC,KAAA;IAAAD,OAAA;EAAA;EAAAE,MAAA;IAAAF,OAAA;EAAA;EAAAG,KAAA;IAAAH,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAAI,IAAA;IAAAJ,OAAA;EAAA;EAAAxB,KAAA;IAAA6B,MAAA;EAAA;EAAAzB,KAAA;IAAA0B,MAAA;EAAA;EAAA7B,MAAA;IAAA8B,MAAA;EAAA;AAAA;EAAAT,CAAA;AAAA,EA4BvC;AAEF,MAAMU,wBAAwB,gBAAGnD,OAAA,CAAAgB,QAAU;EAAA4B,KAAA;IAAAD,OAAA;EAAA;AAAA;EAAAF,CAAA;AAAA,EAIzC;AAEF;;;AAGO,MAAMW,yBAAyB,GAAIC,KAAmB,IAAkB;EAC7E,MAAM;IAAEC,YAAY;IAAEC,IAAI;IAAEC,aAAa;IAAEC;EAAY,CAAE,GAAGJ,KAAK;EAEjE,MAAMK,cAAc,GAAGJ,YAAY,IAAIE,aAAa,KAAK,OAAO,IAAID,IAAI,KAAK,aAAa,IAAIA,IAAI,KAAK,MAAM;EAC7G,MAAMI,sBAAsB,GAAGF,YAAY,KAAK,OAAO,IAAID,aAAa,KAAK,QAAQ;EACrF,MAAM;IAAEI,oBAAoB;IAAEC;EAAqB,CAAE,GAAGC,iBAAiB,CAACT,KAAK,EAAEK,cAAc,CAAC;EAEhG,MAAMK,aAAa,GAAGlD,gBAAgB,EAAE;EACxC,MAAMmD,MAAM,GAAGjD,SAAS,EAAE;EAC1B,MAAMkD,mBAAmB,GAAGvB,sBAAsB,EAAE;EACpD,MAAMwB,qBAAqB,GAAG;IAAE,GAAGD,mBAAmB;IAAE,GAAGd,wBAAwB;EAAE,CAAE;EAEvFE,KAAK,CAAChD,IAAI,CAAC8D,SAAS,GAAGnE,OAAA,CAAAoE,YAAY,CACjCjE,OAAA,CAAAC,iBAAiB,CAACC,IAAI,EACtB0D,aAAa,EACbJ,sBAAsB,IAAIK,MAAM,CAAC/C,iBAAiB,EAClD+C,MAAM,CAACP,YAAY,CAAC,EACpBJ,KAAK,CAAChD,IAAI,CAAC8D,SAAS,CACrB;EAED,IAAId,KAAK,CAAC/C,MAAM,EAAE;IAChB+C,KAAK,CAAC/C,MAAM,CAAC6D,SAAS,GAAGnE,OAAA,CAAAoE,YAAY,CACnCjE,OAAA,CAAAC,iBAAiB,CAACE,MAAM,EACxBmD,YAAY,KAAK,OAAO,IAAIO,MAAM,CAACvC,KAAK,EACxCkC,sBAAsB,IAAIK,MAAM,CAACrC,sBAAsB,EACvDqC,MAAM,CAACR,aAAa,CAAC,EACrBS,mBAAmB,CAACV,IAAI,CAAC,EACzBU,mBAAmB,CAACR,YAAY,CAAC,EACjCJ,KAAK,CAAC/C,MAAM,CAAC6D,SAAS,CACvB;;EAGH,IAAId,KAAK,CAAC9C,QAAQ,EAAE;IAClB8C,KAAK,CAAC9C,QAAQ,CAAC4D,SAAS,GAAGnE,OAAA,CAAAoE,YAAY,CACrCjE,OAAA,CAAAC,iBAAiB,CAACG,QAAQ,EAC1BkD,YAAY,KAAK,OAAO,IAAIO,MAAM,CAACvC,KAAK,EACxCkC,sBAAsB,IAAIK,MAAM,CAACrC,sBAAsB,EACvDqC,MAAM,CAACR,aAAa,CAAC,EACrBU,qBAAqB,CAACX,IAAI,CAAC,EAC3BW,qBAAqB,CAACT,YAAY,CAAC,EACnCA,YAAY,KAAK,OAAO,IAAIC,cAAc,IAAIM,MAAM,CAACjC,mBAAmB,EACxE0B,YAAY,KAAK,QAAQ,IAAIC,cAAc,IAAIM,MAAM,CAAC/B,oBAAoB,EAC1EoB,KAAK,CAAC9C,QAAQ,CAAC4D,SAAS,CACzB;;EAGH,IAAId,KAAK,CAAC7C,WAAW,EAAE;IACrB6C,KAAK,CAAC7C,WAAW,CAAC2D,SAAS,GAAGnE,OAAA,CAAAoE,YAAY,CACxCjE,OAAA,CAAAC,iBAAiB,CAACI,WAAW,EAC7BmD,sBAAsB,IAAIK,MAAM,CAAC3B,OAAO,EACxCuB,oBAAoB,EACpBP,KAAK,CAAC7C,WAAW,CAAC2D,SAAS,CAC5B;;EAGH,IAAId,KAAK,CAAC5C,aAAa,EAAE;IACvB4C,KAAK,CAAC5C,aAAa,CAAC0D,SAAS,GAAGnE,OAAA,CAAAoE,YAAY,CAC1CjE,OAAA,CAAAC,iBAAiB,CAACK,aAAa,EAC/BkD,sBAAsB,IAAIK,MAAM,CAAC1B,SAAS,EAC1CuB,qBAAqB,EACrBG,MAAM,CAAC7B,iBAAiB,EACxBkB,KAAK,CAAC5C,aAAa,CAAC0D,SAAS,CAC9B;;EAGH,IAAId,KAAK,CAAC3C,YAAY,EAAE;IACtB2C,KAAK,CAAC3C,YAAY,CAACyD,SAAS,GAAGnE,OAAA,CAAAoE,YAAY,CACzCjE,OAAA,CAAAC,iBAAiB,CAACM,YAAY,EAC9BiD,sBAAsB,IAAIK,MAAM,CAACzB,QAAQ,EACzCsB,qBAAqB,EACrBR,KAAK,CAAC3C,YAAY,CAACyD,SAAS,CAC7B;;EAGH,IAAId,KAAK,CAAC1C,cAAc,EAAE;IACxB0C,KAAK,CAAC1C,cAAc,CAACwD,SAAS,GAAGnE,OAAA,CAAAoE,YAAY,CAC3CjE,OAAA,CAAAC,iBAAiB,CAACO,cAAc,EAChCgD,sBAAsB,IAAIK,MAAM,CAACxB,UAAU,EAC3CqB,qBAAqB,EACrBR,KAAK,CAAC1C,cAAc,CAACwD,SAAS,CAC/B;;EAGH,OAAOd,KAAK;AACd,CAAC;AApFYlD,OAAA,CAAAiD,yBAAyB,GAAAA,yBAAA;AAsFtC,MAAMiB,2BAA2B,gBAAGrE,OAAA,CAAAc,aAAe,iOAIjD;AAEF,MAAMwD,4BAA4B,gBAAGtE,OAAA,CAAAc,aAAe,iOAIlD;AAEF,MAAMyD,aAAa,gBAAGvE,OAAA,CAAAgB,QAAU;EAAAiB,oBAAA;IAAAD,OAAA;EAAA;EAAAD,mBAAA;IAAAG,OAAA;EAAA;EAAAsC,KAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAJ,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAE,SAAA;IAAAL,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAnC,CAAA;AAAA,EAW9B;AAEF,MAAMqB,iBAAiB,GAAGA,CACxBT,KAAmB,EACnBK,cAAuB,KAIrB;EACF,MAAM;IAAEJ,YAAY;IAAEC,IAAI;IAAEE;EAAY,CAAE,GAAGJ,KAAK;EAClD,MAAM0B,wBAAwB,GAAGV,2BAA2B,EAAE;EAC9D,MAAMW,yBAAyB,GAAGV,4BAA4B,EAAE;EAChE,MAAMW,UAAU,GAAGV,aAAa,EAAE;EAElC,IAAIW,eAAe;EACnB,IAAIC,uBAAuB;EAE3B,IAAI7B,YAAY,EAAE;IAChB,IAAIC,IAAI,KAAK,aAAa,EAAE;MAC1B2B,eAAe,GAAG7B,KAAK,CAAC+B,YAAY,IAAI,CAAC,IAAIH,UAAU,CAACJ,QAAQ;KACjE,MAAM,IAAItB,IAAI,KAAK,aAAa,IAAIA,IAAI,KAAK,MAAM,EAAE;MACpD2B,eAAe,GAAGD,UAAU,CAACH,SAAS;;IAGxC,IAAIpB,cAAc,EAAE;MAClB,IAAID,YAAY,KAAK,QAAQ,EAAE;QAC7B0B,uBAAuB,GAAGF,UAAU,CAAChD,oBAAoB;OAC1D,MAAM,IAAIwB,YAAY,KAAK,OAAO,EAAE;QACnC0B,uBAAuB,GAAGF,UAAU,CAAClD,mBAAmB;;;GAG7D,MAAM;IACL,IAAIwB,IAAI,KAAK,MAAM,EAAE;MACnB2B,eAAe,GAAGD,UAAU,CAACH,SAAS;KACvC,MAAM,IAAIvB,IAAI,KAAK,aAAa,EAAE;MACjC2B,eAAe,GAAGD,UAAU,CAACH,SAAS;;;EAI1C,OAAO;IACLlB,oBAAoB,EAAE5D,OAAA,CAAAoE,YAAY,CAACW,wBAAwB,EAAEG,eAAe,EAAEC,uBAAuB,CAAC;IACtGtB,qBAAqB,EAAE7D,OAAA,CAAAoE,YAAY,CACjCY,yBAAyB,EACzB,CAAC1B,YAAY,IAAIC,IAAI,KAAK,MAAM,IAAI0B,UAAU,CAACT,KAAK,EACpDW,uBAAuB;GAE1B;AACH,CAAC"}

package/lib-commonjs/index.js

@@ -1,21 +1,38 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    Persona: ()=>_persona.Persona,
-    personaClassNames: ()=>_persona.personaClassNames,
-    renderPersona_unstable: ()=>_persona.renderPersona_unstable,
-    usePersonaStyles_unstable: ()=>_persona.usePersonaStyles_unstable,
-    usePersona_unstable: ()=>_persona.usePersona_unstable
+exports.usePersona_unstable = exports.usePersonaStyles_unstable = exports.renderPersona_unstable = exports.personaClassNames = exports.Persona = void 0;
+var Persona_1 = /*#__PURE__*/require("./Persona");
+Object.defineProperty(exports, "Persona", {
+  enumerable: true,
+  get: function () {
+    return Persona_1.Persona;
+  }
+});
+Object.defineProperty(exports, "personaClassNames", {
+  enumerable: true,
+  get: function () {
+    return Persona_1.personaClassNames;
+  }
+});
+Object.defineProperty(exports, "renderPersona_unstable", {
+  enumerable: true,
+  get: function () {
+    return Persona_1.renderPersona_unstable;
+  }
+});
+Object.defineProperty(exports, "usePersonaStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return Persona_1.usePersonaStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "usePersona_unstable", {
+  enumerable: true,
+  get: function () {
+    return Persona_1.usePersona_unstable;
+  }
 });
-const _persona = require("./Persona");
- //# sourceMappingURL=index.js.map
-
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -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"}
+{"version":3,"names":["Persona_1","require","Object","defineProperty","exports","enumerable","get","Persona","personaClassNames","renderPersona_unstable","usePersonaStyles_unstable","usePersona_unstable"],"sources":["../../../../../../../packages/react-components/react-persona/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"],"mappings":";;;;;;AAAA,IAAAA,SAAA,gBAAAC,OAAA;AACEC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAO,OAAO;EAAA;AAAA;AACPL,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAQ,iBAAiB;EAAA;AAAA;AACjBN,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAS,sBAAsB;EAAA;AAAA;AACtBP,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAU,yBAAyB;EAAA;AAAA;AACzBR,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,SAAA,CAAAW,mBAAmB;EAAA;AAAA"}