@fluentui/react-persona 0.0.0-nightly-20221007-1237.1

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

@@ -0,0 +1,219 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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'
+};
+/**
+ * Styles for the root slot
+ */
+
+const useStyles = /*#__PURE__*/react_1.__styles({
+  "root": {
+    "mc9l5x": "fwk3njj",
+    "t4k1zu": "f4wu0r3",
+    "v29qe6": "fvtn1bl"
+  },
+  "after": {
+    "Bxotwcr": "f1u07yai",
+    "B7hvi0a": "f1m2n5bn",
+    "i8kkvl": "f4px1ci"
+  },
+  "before": {
+    "Bxotwcr": "f1u07yai",
+    "B7hvi0a": "f1tll2w5",
+    "i8kkvl": "f4px1ci"
+  },
+  "below": {
+    "B7hvi0a": "f1oiokrs"
+  },
+  "coin": {
+    "Ijaq50": "f1hek2iy"
+  },
+  "fixed": {
+    "qb2dma": "f9h729m"
+  },
+  "scaled": {
+    "qb2dma": "f7nlbp4"
+  }
+}, {
+  "d": [".fwk3njj{display:inline-grid;}", ".f4wu0r3{grid-auto-columns:max-content;}", ".fvtn1bl{grid-auto-rows:max-content;}", ".f1u07yai{grid-auto-flow:column;}", ".f1m2n5bn{justify-items:start;}", ".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}", ".f1tll2w5{justify-items:end;}", ".f1oiokrs{justify-items:center;}", ".f1hek2iy{grid-row-start:span 5;}", ".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;}"]
+});
+/**
+ * Apply styling to the Persona slots based on the state
+ */
+
+
+const usePersonaStyles_unstable = state => {
+  const {
+    fixed,
+    textPosition
+  } = state;
+  const styles = useStyles();
+  const {
+    primaryTextClassName,
+    optionalTextClassName
+  } = useTextClassNames(state);
+  state.root.className = react_1.mergeClasses(exports.personaClassNames.root, styles.root, styles[textPosition], state.root.className);
+
+  if (state.avatar) {
+    state.avatar.className = react_1.mergeClasses(exports.personaClassNames.avatar, styles.coin, fixed ? styles.fixed : styles.scaled, state.avatar.className);
+  }
+
+  if (state.presence) {
+    state.presence.className = react_1.mergeClasses(exports.personaClassNames.presence, styles.coin, fixed ? styles.fixed : styles.scaled, state.presence.className);
+  }
+
+  if (state.primaryText) {
+    state.primaryText.className = react_1.mergeClasses(exports.personaClassNames.primaryText, primaryTextClassName, state.primaryText.className);
+  }
+
+  if (state.secondaryText) {
+    state.secondaryText.className = react_1.mergeClasses(exports.personaClassNames.secondaryText, optionalTextClassName, state.secondaryText.className);
+  }
+
+  if (state.tertiaryText) {
+    state.tertiaryText.className = react_1.mergeClasses(exports.personaClassNames.tertiaryText, optionalTextClassName, state.tertiaryText.className);
+  }
+
+  if (state.quaternaryText) {
+    state.quaternaryText.className = react_1.mergeClasses(exports.personaClassNames.quaternaryText, optionalTextClassName, state.quaternaryText.className);
+  }
+
+  return state;
+};
+
+exports.usePersonaStyles_unstable = usePersonaStyles_unstable;
+
+const useTextStyles = /*#__PURE__*/react_1.__styles({
+  "base": {
+    "mc9l5x": "ftgm304"
+  },
+  "primaryText": {
+    "sj55zd": "f19n0e5"
+  },
+  "optionalText": {
+    "sj55zd": "fkfq4zb"
+  },
+  "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"
+  },
+  "subtitle1": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "f1pp30po",
+    "Bhrd7zp": "fl43uef",
+    "Bg96gwp": "f106mvju"
+  },
+  "title2": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "fojgt09",
+    "Bhrd7zp": "fl43uef",
+    "Bg96gwp": "fcen8rp"
+  },
+  "title3": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "f1x0m3f5",
+    "Bhrd7zp": "fl43uef",
+    "Bg96gwp": "fb86gi6"
+  }
+}, {
+  "d": [".ftgm304{display:block;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".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);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".fojgt09{font-size:var(--fontSizeHero700);}", ".fcen8rp{line-height:var(--lineHeightHero700);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".fb86gi6{line-height:var(--lineHeightBase600);}"]
+});
+
+const useTextClassNames = state => {
+  const {
+    fixed,
+    numTextLines,
+    presenceOnly
+  } = state;
+  const textStyles = useTextStyles();
+  let primaryTextSize;
+  let optionalTextSize;
+
+  if (fixed) {
+    if (state.avatar && state.avatar.size) {
+      const {
+        size
+      } = state.avatar;
+
+      if (size < 40) {
+        primaryTextSize = textStyles.body1;
+        optionalTextSize = textStyles.caption1;
+      } else if (size < 64) {
+        primaryTextSize = textStyles.subtitle2;
+        optionalTextSize = textStyles.body1;
+      } else if (size < 96) {
+        primaryTextSize = textStyles.subtitle1;
+        optionalTextSize = textStyles.caption1;
+      } else {
+        if (numTextLines > 1) {
+          primaryTextSize = textStyles.title3;
+        } else {
+          primaryTextSize = textStyles.title2;
+        }
+
+        optionalTextSize = textStyles.body1;
+      }
+    } else if (presenceOnly && state.presence) {
+      const {
+        size
+      } = state.presence;
+
+      if (size === 'extra-small' || size === 'tiny') {
+        if (numTextLines > 1) {
+          primaryTextSize = textStyles.body1;
+        } else {
+          primaryTextSize = textStyles.caption1;
+        }
+
+        optionalTextSize = textStyles.caption1;
+      } else {
+        primaryTextSize = textStyles.body1;
+        optionalTextSize = textStyles.caption1;
+      }
+    }
+  } else {
+    if (numTextLines > 1) {
+      primaryTextSize = textStyles.body1;
+    } else {
+      primaryTextSize = textStyles.caption1;
+    }
+
+    optionalTextSize = textStyles.caption1;
+  }
+
+  return {
+    primaryTextClassName: react_1.mergeClasses(textStyles.base, textStyles.primaryText, primaryTextSize),
+    optionalTextClassName: react_1.mergeClasses(textStyles.base, textStyles.optionalText, optionalTextSize)
+  };
+};
+//# sourceMappingURL=usePersonaStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Persona/usePersonaStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { 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\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'inline-grid',\n    gridAutoColumns: 'max-content',\n    gridAutoRows: 'max-content',\n  },\n  after: {\n    gridAutoFlow: 'column',\n    justifyItems: 'start',\n    columnGap: '8px',\n  },\n  before: {\n    gridAutoFlow: 'column',\n    justifyItems: 'end',\n    columnGap: '8px',\n  },\n  below: {\n    justifyItems: 'center',\n  },\n  coin: {\n    gridRowStart: 'span 5',\n  },\n\n  fixed: {\n    alignSelf: 'start',\n  },\n  scaled: {\n    alignSelf: 'center',\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 { fixed, textPosition } = state;\n  const styles = useStyles();\n  const { primaryTextClassName, optionalTextClassName } = useTextClassNames(state);\n\n  state.root.className = mergeClasses(personaClassNames.root, styles.root, styles[textPosition], state.root.className);\n\n  if (state.avatar) {\n    state.avatar.className = mergeClasses(\n      personaClassNames.avatar,\n      styles.coin,\n      fixed ? styles.fixed : styles.scaled,\n      state.avatar.className,\n    );\n  }\n\n  if (state.presence) {\n    state.presence.className = mergeClasses(\n      personaClassNames.presence,\n      styles.coin,\n      fixed ? styles.fixed : styles.scaled,\n      state.presence.className,\n    );\n  }\n\n  if (state.primaryText) {\n    state.primaryText.className = mergeClasses(\n      personaClassNames.primaryText,\n      primaryTextClassName,\n      state.primaryText.className,\n    );\n  }\n\n  if (state.secondaryText) {\n    state.secondaryText.className = mergeClasses(\n      personaClassNames.secondaryText,\n      optionalTextClassName,\n      state.secondaryText.className,\n    );\n  }\n\n  if (state.tertiaryText) {\n    state.tertiaryText.className = mergeClasses(\n      personaClassNames.tertiaryText,\n      optionalTextClassName,\n      state.tertiaryText.className,\n    );\n  }\n\n  if (state.quaternaryText) {\n    state.quaternaryText.className = mergeClasses(\n      personaClassNames.quaternaryText,\n      optionalTextClassName,\n      state.quaternaryText.className,\n    );\n  }\n\n  return state;\n};\n\nconst useTextStyles = makeStyles({\n  base: {\n    display: 'block',\n  },\n  primaryText: {\n    color: tokens.colorNeutralForeground1,\n  },\n  optionalText: {\n    color: tokens.colorNeutralForeground2,\n  },\n\n  body1: typographyStyles.body1,\n  caption1: typographyStyles.caption1,\n  subtitle2: typographyStyles.subtitle2,\n  subtitle1: typographyStyles.subtitle1,\n  title2: typographyStyles.title2,\n  title3: typographyStyles.title3,\n});\n\nconst useTextClassNames = (\n  state: PersonaState,\n): {\n  primaryTextClassName: string;\n  optionalTextClassName: string;\n} => {\n  const { fixed, numTextLines, presenceOnly } = state;\n  const textStyles = useTextStyles();\n  let primaryTextSize;\n  let optionalTextSize;\n\n  if (fixed) {\n    if (state.avatar && state.avatar.size) {\n      const { size } = state.avatar;\n\n      if (size < 40) {\n        primaryTextSize = textStyles.body1;\n        optionalTextSize = textStyles.caption1;\n      } else if (size < 64) {\n        primaryTextSize = textStyles.subtitle2;\n        optionalTextSize = textStyles.body1;\n      } else if (size < 96) {\n        primaryTextSize = textStyles.subtitle1;\n        optionalTextSize = textStyles.caption1;\n      } else {\n        if (numTextLines > 1) {\n          primaryTextSize = textStyles.title3;\n        } else {\n          primaryTextSize = textStyles.title2;\n        }\n        optionalTextSize = textStyles.body1;\n      }\n    } else if (presenceOnly && state.presence) {\n      const { size } = state.presence;\n\n      if (size === 'extra-small' || size === 'tiny') {\n        if (numTextLines > 1) {\n          primaryTextSize = textStyles.body1;\n        } else {\n          primaryTextSize = textStyles.caption1;\n        }\n        optionalTextSize = textStyles.caption1;\n      } else {\n        primaryTextSize = textStyles.body1;\n        optionalTextSize = textStyles.caption1;\n      }\n    }\n  } else {\n    if (numTextLines > 1) {\n      primaryTextSize = textStyles.body1;\n    } else {\n      primaryTextSize = textStyles.caption1;\n    }\n    optionalTextSize = textStyles.caption1;\n  }\n\n  return {\n    primaryTextClassName: mergeClasses(textStyles.base, textStyles.primaryText, primaryTextSize),\n    optionalTextClassName: mergeClasses(textStyles.base, textStyles.optionalText, optionalTextSize),\n  };\n};\n"],"sourceRoot":""}

package/lib-commonjs/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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;
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,SAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,SAAA,CAAA,OAAA;EAAO;AAAP,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,mBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,SAAA,CAAA,iBAAA;EAAiB;AAAjB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,wBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,SAAA,CAAA,sBAAA;EAAsB;AAAtB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,2BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,SAAA,CAAA,yBAAA;EAAyB;AAAzB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,qBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,SAAA,CAAA,mBAAA;EAAmB;AAAnB,CAAA","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"],"sourceRoot":""}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@fluentui/react-persona",
+  "version": "0.0.0-nightly-20221007-1237.1",
+  "description": "React components for building web experiences",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "typings": "dist/index.d.ts",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "just-scripts build",
+    "bundle-size": "bundle-size measure",
+    "clean": "just-scripts clean",
+    "code-style": "just-scripts code-style",
+    "just": "just-scripts",
+    "lint": "just-scripts lint",
+    "test": "jest --passWithNoTests",
+    "docs": "api-extractor run --config=config/api-extractor.local.json --local",
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/types/packages/react-components/react-persona/src && yarn docs",
+    "type-check": "tsc -b tsconfig.json",
+    "storybook": "start-storybook",
+    "start": "yarn storybook"
+  },
+  "devDependencies": {
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/react-conformance": "*",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20221007-1237.1",
+    "@fluentui/scripts": "^1.0.0"
+  },
+  "dependencies": {
+    "@fluentui/react-avatar": "^0.0.0-nightly-20221007-1237.1",
+    "@fluentui/react-badge": "^0.0.0-nightly-20221007-1237.1",
+    "@fluentui/react-theme": "^0.0.0-nightly-20221007-1237.1",
+    "@fluentui/react-utilities": "^0.0.0-nightly-20221007-1237.1",
+    "@griffel/react": "^1.3.0",
+    "tslib": "^2.1.0"
+  },
+  "peerDependencies": {
+    "@types/react": ">=16.8.0 <18.0.0",
+    "@types/react-dom": ">=16.8.0 <18.0.0",
+    "react": ">=16.8.0 <18.0.0",
+    "react-dom": ">=16.8.0 <18.0.0"
+  },
+  "beachball": {}
+}