@fluentui/react-badge 0.0.0-nightlyfc5cfdc52420220215.1 → 0.0.0

package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js

@@ -3,13 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.usePresenceBadgeStyles_unstable = exports.presenceBadgeClassName = void 0;
+exports.usePresenceBadgeStyles_unstable = exports.presenceBadgeClassNames = void 0;
 
 const react_1 = /*#__PURE__*/require("@griffel/react");
 
 const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
 
-exports.presenceBadgeClassName = 'fui-PresenceBadge';
+exports.presenceBadgeClassNames = {
+  root: 'fui-PresenceBadge',
+  icon: 'fui-PresenceBadge__icon'
+};
+
+const getIsBusy = status => {
+  if (status === 'busy' || status === 'do-not-disturb' || status === 'unknown') {
+    return true;
+  }
+
+  return false;
+};
 
 const useStyles = /*#__PURE__*/react_1.__styles({
   "root": {
@@ -83,7 +94,13 @@ const useStyles = /*#__PURE__*/react_1.__styles({
 
 const usePresenceBadgeStyles_unstable = state => {
   const styles = useStyles();
-  state.root.className = react_1.mergeClasses(exports.presenceBadgeClassName, styles.root, (state.status === 'busy' || state.status === 'doNotDisturb') && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'outOfOffice' && styles.statusOutOfOffice, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && (state.status === 'busy' || state.status === 'doNotDisturb') && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway, state.outOfOffice && state.status === 'offline' && styles.statusOffline, state.outOfOffice && state.status === 'outOfOffice' && styles.statusOutOfOffice, state.size === 'tiny' && styles.tiny, state.size === 'large' && styles.large, state.size === 'extra-large' && styles.extraLarge, state.root.className);
+  const isBusy = getIsBusy(state.status);
+  state.root.className = react_1.mergeClasses(exports.presenceBadgeClassNames.root, styles.root, isBusy && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'out-of-office' && styles.statusOutOfOffice, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && isBusy && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway, state.outOfOffice && state.status === 'offline' && styles.statusOffline, state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice, state.size === 'tiny' && styles.tiny, state.size === 'large' && styles.large, state.size === 'extra-large' && styles.extraLarge, state.root.className);
+
+  if (state.icon) {
+    state.icon.className = react_1.mergeClasses(exports.presenceBadgeClassNames.icon, state.icon.className);
+  }
+
   return state;
 };
 

package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadgeStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,GAAyB,mBAAzB;;AAEb,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAuEA;;AAEG;;;AACI,MAAM,+BAA+B,GAAI,KAAD,IAAkD;AAC/F,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,OAAA,CAAA,sBADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,CAAC,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAA7C,KAAgE,MAAM,CAAC,UAHlD,EAIrB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,MAAM,CAAC,UAJb,EAKrB,KAAK,CAAC,MAAN,KAAiB,WAAjB,IAAgC,MAAM,CAAC,eALlB,EAMrB,KAAK,CAAC,MAAN,KAAiB,SAAjB,IAA8B,MAAM,CAAC,aANhB,EAOrB,KAAK,CAAC,MAAN,KAAiB,aAAjB,IAAkC,MAAM,CAAC,iBAPpB,EAQrB,KAAK,CAAC,WAAN,IAAqB,MAAM,CAAC,WARP,EASrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,WAAtC,IAAqD,MAAM,CAAC,oBATvC,EAUrB,KAAK,CAAC,WAAN,KAAsB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAAlE,KAAqF,MAAM,CAAC,eAVvE,EAWrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,MAAtC,IAAgD,MAAM,CAAC,eAXlC,EAYrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,SAAtC,IAAmD,MAAM,CAAC,aAZrC,EAarB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,aAAtC,IAAuD,MAAM,CAAC,iBAbzC,EAcrB,KAAK,CAAC,IAAN,KAAe,MAAf,IAAyB,MAAM,CAAC,IAdX,EAerB,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,KAfZ,EAgBrB,KAAK,CAAC,IAAN,KAAe,aAAf,IAAgC,MAAM,CAAC,UAhBlB,EAiBrB,KAAK,CAAC,IAAN,CAAW,SAjBU,CAAvB;AAoBA,SAAO,KAAP;AACD,CAvBM;;AAAM,OAAA,CAAA,+BAAA,GAA+B,+BAA/B","sourceRoot":""}
+{"version":3,"sources":["components/PresenceBadge/usePresenceBadgeStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAKa,OAAA,CAAA,uBAAA,GAAsD;EACjE,IAAI,EAAE,mBAD2D;EAEjE,IAAI,EAAE;AAF2D,CAAtD;;AAKb,MAAM,SAAS,GAAI,MAAD,IAAyC;EACzD,IAAI,MAAM,KAAK,MAAX,IAAqB,MAAM,KAAK,gBAAhC,IAAoD,MAAM,KAAK,SAAnE,EAA8E;IAC5E,OAAO,IAAP;EACD;;EAED,OAAO,KAAP;AACD,CAND;;AAQA,MAAM,SAAS,gBAAG,OAAA,SAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAAlB;AAuEA;;AAEG;;;AACI,MAAM,+BAA+B,GAAI,KAAD,IAAkD;EAC/F,MAAM,MAAM,GAAG,SAAS,EAAxB;EACA,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,MAAP,CAAxB;EACA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,OAAA,CAAA,uBAAA,CAAwB,IADH,EAErB,MAAM,CAAC,IAFc,EAGrB,MAAM,IAAI,MAAM,CAAC,UAHI,EAIrB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,MAAM,CAAC,UAJb,EAKrB,KAAK,CAAC,MAAN,KAAiB,WAAjB,IAAgC,MAAM,CAAC,eALlB,EAMrB,KAAK,CAAC,MAAN,KAAiB,SAAjB,IAA8B,MAAM,CAAC,aANhB,EAOrB,KAAK,CAAC,MAAN,KAAiB,eAAjB,IAAoC,MAAM,CAAC,iBAPtB,EAQrB,KAAK,CAAC,WAAN,IAAqB,MAAM,CAAC,WARP,EASrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,WAAtC,IAAqD,MAAM,CAAC,oBATvC,EAUrB,KAAK,CAAC,WAAN,IAAqB,MAArB,IAA+B,MAAM,CAAC,eAVjB,EAWrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,MAAtC,IAAgD,MAAM,CAAC,eAXlC,EAYrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,SAAtC,IAAmD,MAAM,CAAC,aAZrC,EAarB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,eAAtC,IAAyD,MAAM,CAAC,iBAb3C,EAcrB,KAAK,CAAC,IAAN,KAAe,MAAf,IAAyB,MAAM,CAAC,IAdX,EAerB,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,KAfZ,EAgBrB,KAAK,CAAC,IAAN,KAAe,aAAf,IAAgC,MAAM,CAAC,UAhBlB,EAiBrB,KAAK,CAAC,IAAN,CAAW,SAjBU,CAAvB;;EAoBA,IAAI,KAAK,CAAC,IAAV,EAAgB;IACd,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,uBAAA,CAAwB,IAArC,EAA2C,KAAK,CAAC,IAAN,CAAW,SAAtD,CAAvB;EACD;;EAED,OAAO,KAAP;AACD,CA5BM;;AAAM,OAAA,CAAA,+BAAA,GAA+B,+BAA/B","sourcesContent":["import { mergeClasses, makeStyles, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { BadgeSlots } from '../Badge/Badge.types';\nimport type { PresenceBadgeState, PresenceBadgeStatus } from './PresenceBadge.types';\n\nexport const presenceBadgeClassNames: SlotClassNames<BadgeSlots> = {\n  root: 'fui-PresenceBadge',\n  icon: 'fui-PresenceBadge__icon',\n};\n\nconst getIsBusy = (status: PresenceBadgeStatus): boolean => {\n  if (status === 'busy' || status === 'do-not-disturb' || status === 'unknown') {\n    return true;\n  }\n\n  return false;\n};\n\nconst useStyles = makeStyles({\n  root: {\n    ...shorthands.padding(0),\n    display: 'inline-flex',\n    boxSizing: 'border-box',\n    alignItems: 'center',\n    justifyContent: 'center',\n\n    '& span': {\n      display: 'flex',\n    },\n    ...shorthands.borderRadius('50%'),\n    backgroundColor: tokens.colorNeutralBackground1,\n  },\n  statusBusy: {\n    color: tokens.colorPaletteRedBackground3,\n  },\n  statusAway: {\n    color: tokens.colorPaletteMarigoldBackground3,\n  },\n  statusAvailable: {\n    color: tokens.colorPaletteLightGreenForeground3,\n  },\n  statusOffline: {\n    color: tokens.colorNeutralForeground3,\n  },\n  statusOutOfOffice: {\n    color: tokens.colorPaletteBerryForeground3,\n  },\n  outOfOffice: {\n    color: tokens.colorNeutralBackground1,\n  },\n  outOfOfficeAvailable: {\n    color: tokens.colorPaletteLightGreenForeground3,\n  },\n  outOfOfficeBusy: {\n    color: tokens.colorPaletteRedBackground3,\n  },\n  outOfOfficeAway: {\n    color: tokens.colorPaletteMarigoldBackground3,\n  },\n\n  // Icons are not resizeable, and these sizes are currently missing\n  // use `!important` to size the currently available icons to the missing ones\n  //\n  tiny: {\n    aspectRatio: '1',\n    width: '6px',\n    '& svg': {\n      width: '6px !important',\n      height: '6px !important',\n    },\n  },\n  large: {\n    aspectRatio: '1',\n    width: '20px',\n    '& svg': {\n      width: '20px !important',\n      height: '20px !important',\n    },\n  },\n  extraLarge: {\n    aspectRatio: '1',\n    width: '28px',\n    '& svg': {\n      width: '28px !important',\n      height: '28px !important',\n    },\n  },\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const usePresenceBadgeStyles_unstable = (state: PresenceBadgeState): PresenceBadgeState => {\n  const styles = useStyles();\n  const isBusy = getIsBusy(state.status);\n  state.root.className = mergeClasses(\n    presenceBadgeClassNames.root,\n    styles.root,\n    isBusy && styles.statusBusy,\n    state.status === 'away' && styles.statusAway,\n    state.status === 'available' && styles.statusAvailable,\n    state.status === 'offline' && styles.statusOffline,\n    state.status === 'out-of-office' && styles.statusOutOfOffice,\n    state.outOfOffice && styles.outOfOffice,\n    state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable,\n    state.outOfOffice && isBusy && styles.outOfOfficeBusy,\n    state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway,\n    state.outOfOffice && state.status === 'offline' && styles.statusOffline,\n    state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice,\n    state.size === 'tiny' && styles.tiny,\n    state.size === 'large' && styles.large,\n    state.size === 'extra-large' && styles.extraLarge,\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(presenceBadgeClassNames.icon, state.icon.className);\n  }\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/index.js

@@ -3,16 +3,92 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.useCounterBadge_unstable = exports.useCounterBadgeStyles_unstable = exports.counterBadgeClassNames = exports.CounterBadge = exports.usePresenceBadge_unstable = exports.usePresenceBadgeStyles_unstable = exports.presenceBadgeClassNames = exports.PresenceBadge = exports.useBadge_unstable = exports.useBadgeStyles_unstable = exports.renderBadge_unstable = exports.badgeClassNames = exports.Badge = void 0;
 
-const tslib_1 = /*#__PURE__*/require("tslib");
+var Badge_1 = /*#__PURE__*/require("./Badge");
 
-tslib_1.__exportStar(require("./components/Badge/index"), exports);
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () {
+    return Badge_1.Badge;
+  }
+});
+Object.defineProperty(exports, "badgeClassNames", {
+  enumerable: true,
+  get: function () {
+    return Badge_1.badgeClassNames;
+  }
+});
+Object.defineProperty(exports, "renderBadge_unstable", {
+  enumerable: true,
+  get: function () {
+    return Badge_1.renderBadge_unstable;
+  }
+});
+Object.defineProperty(exports, "useBadgeStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return Badge_1.useBadgeStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useBadge_unstable", {
+  enumerable: true,
+  get: function () {
+    return Badge_1.useBadge_unstable;
+  }
+});
 
-tslib_1.__exportStar(require("./Badge"), exports);
+var PresenceBadge_1 = /*#__PURE__*/require("./PresenceBadge");
 
-tslib_1.__exportStar(require("./PresenceBadge"), exports);
+Object.defineProperty(exports, "PresenceBadge", {
+  enumerable: true,
+  get: function () {
+    return PresenceBadge_1.PresenceBadge;
+  }
+});
+Object.defineProperty(exports, "presenceBadgeClassNames", {
+  enumerable: true,
+  get: function () {
+    return PresenceBadge_1.presenceBadgeClassNames;
+  }
+});
+Object.defineProperty(exports, "usePresenceBadgeStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return PresenceBadge_1.usePresenceBadgeStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "usePresenceBadge_unstable", {
+  enumerable: true,
+  get: function () {
+    return PresenceBadge_1.usePresenceBadge_unstable;
+  }
+});
 
-tslib_1.__exportStar(require("./components/CounterBadge/index"), exports);
+var CounterBadge_1 = /*#__PURE__*/require("./CounterBadge");
 
-tslib_1.__exportStar(require("./CounterBadge"), exports);
+Object.defineProperty(exports, "CounterBadge", {
+  enumerable: true,
+  get: function () {
+    return CounterBadge_1.CounterBadge;
+  }
+});
+Object.defineProperty(exports, "counterBadgeClassNames", {
+  enumerable: true,
+  get: function () {
+    return CounterBadge_1.counterBadgeClassNames;
+  }
+});
+Object.defineProperty(exports, "useCounterBadgeStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return CounterBadge_1.useCounterBadgeStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useCounterBadge_unstable", {
+  enumerable: true,
+  get: function () {
+    return CounterBadge_1.useCounterBadge_unstable;
+  }
+});
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iCAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,OAAA,gBAAA,OAAA,CAAA,SAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,OAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,KAAA;EAAK;AAAL,CAAA;AAAO,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,iBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,eAAA;EAAe;AAAf,CAAA;AAAiB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,sBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,oBAAA;EAAoB;AAApB,CAAA;AAAsB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,yBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,uBAAA;EAAuB;AAAvB,CAAA;AAAyB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,mBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,OAAA,CAAA,iBAAA;EAAiB;AAAjB,CAAA;;AAEhF,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,eAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,eAAA,CAAA,aAAA;EAAa;AAAb,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,yBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,eAAA,CAAA,uBAAA;EAAuB;AAAvB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,iCAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,eAAA,CAAA,+BAAA;EAA+B;AAA/B,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,2BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,eAAA,CAAA,yBAAA;EAAyB;AAAzB,CAAA;;AAGF,IAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,cAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,cAAA,CAAA,YAAA;EAAY;AAAZ,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,wBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,cAAA,CAAA,sBAAA;EAAsB;AAAtB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,gCAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,cAAA,CAAA,8BAAA;EAA8B;AAA9B,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,0BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,cAAA,CAAA,wBAAA;EAAwB;AAAxB,CAAA","sourcesContent":["export { Badge, badgeClassNames, renderBadge_unstable, useBadgeStyles_unstable, useBadge_unstable } from './Badge';\nexport type { BadgeProps, BadgeSlots, BadgeState } from './Badge';\nexport {\n  PresenceBadge,\n  presenceBadgeClassNames,\n  usePresenceBadgeStyles_unstable,\n  usePresenceBadge_unstable,\n} from './PresenceBadge';\nexport type { PresenceBadgeProps, PresenceBadgeState, PresenceBadgeStatus } from './PresenceBadge';\nexport {\n  CounterBadge,\n  counterBadgeClassNames,\n  useCounterBadgeStyles_unstable,\n  useCounterBadge_unstable,\n} from './CounterBadge';\nexport type { CounterBadgeProps, CounterBadgeState } from './CounterBadge';\n"],"sourceRoot":"../src/"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fluentui/react-badge",
-  "version": "0.0.0-nightlyfc5cfdc52420220215.1",
+  "version": "0.0.0",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "typings": "lib/index.d.ts",
+  "typings": "dist/index.d.ts",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -21,31 +21,21 @@
     "start": "yarn storybook",
     "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/packages/react-badge/src && yarn docs",
-    "storybook": "node ../../scripts/storybook/runner",
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/types/packages/react-components/react-badge/src && yarn docs",
+    "storybook": "node ../../../scripts/storybook/runner",
     "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightlyfc5cfdc52420220215.1",
-    "@fluentui/scripts": "^1.0.0",
-    "@types/enzyme": "3.10.3",
-    "@types/enzyme-adapter-react-16": "1.0.3",
-    "@types/react": "16.9.42",
-    "@types/react-dom": "16.9.10",
-    "@types/react-test-renderer": "^16.0.0",
-    "enzyme": "~3.10.0",
-    "enzyme-adapter-react-16": "^1.15.0",
-    "react": "16.8.6",
-    "react-dom": "16.8.6",
-    "react-test-renderer": "^16.3.0"
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220628-0417.1",
+    "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@fluentui/react-icons": "^2.0.159-beta.10",
-    "@griffel/react": "1.0.0",
-    "@fluentui/react-theme": "0.0.0-nightlyfc5cfdc52420220215.1",
-    "@fluentui/react-utilities": "0.0.0-nightlyfc5cfdc52420220215.1",
+    "@fluentui/react-icons": "^2.0.172-rc.8",
+    "@griffel/react": "1.2.0",
+    "@fluentui/react-theme": "^0.0.0",
+    "@fluentui/react-utilities": "^0.0.0",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
@@ -56,9 +46,14 @@
   },
   "beachball": {
     "disallowedChangeTypes": [
-      "major",
-      "minor",
-      "patch"
+      "major"
     ]
+  },
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    }
   }
 }

package/lib/Badge.d.ts

@@ -1 +0,0 @@
-export * from './components/Badge/index';

package/lib/CounterBadge.d.ts

@@ -1 +0,0 @@
-export * from './components/CounterBadge/index';

package/lib/PresenceBadge.d.ts

@@ -1 +0,0 @@
-export * from './components/PresenceBadge/index';

package/lib/components/Badge/Badge.d.ts

@@ -1,6 +0,0 @@
-import type { BadgeProps } from './Badge.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled Badge, using the `useBadge_unstable` hook.
- */
-export declare const Badge: ForwardRefComponent<BadgeProps>;

package/lib/components/Badge/Badge.types.d.ts

@@ -1,34 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type BadgeSlots = {
-    root: Slot<'div'>;
-    icon?: Slot<'span'>;
-};
-export declare type BadgeCommons = {
-    /**
-     * A Badge can be filled, outline, ghost, inverted
-     * @defaultvalue filled
-     */
-    appearance: 'filled' | 'ghost' | 'outline' | 'tint';
-    /**
-     * A Badge can be one of preset colors
-     * @defaultvalue brand
-     */
-    color: 'brand' | 'danger' | 'important' | 'informative' | 'severe' | 'subtle' | 'success' | 'warning';
-    /**
-     * A Badge can position the icon before or after the content.
-     * @defaultvalue before
-     */
-    iconPosition: 'before' | 'after';
-    /**
-     * A Badge can be square, circular or rounded.
-     * @defaultvalue circular
-     */
-    shape: 'circular' | 'rounded' | 'square';
-    /**
-     * A Badge can be on of several preset sizes.
-     * @defaultvalue medium
-     */
-    size: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
-};
-export declare type BadgeProps = Omit<ComponentProps<BadgeSlots>, 'color'> & Partial<BadgeCommons>;
-export declare type BadgeState = ComponentState<BadgeSlots> & BadgeCommons;

package/lib/components/Badge/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Badge';
-export type { BadgeProps, BadgeSlots, BadgeState } from './Badge.types';
-export * from './renderBadge';
-export * from './useBadge';
-export * from './useBadgeStyles';

package/lib/components/Badge/renderBadge.d.ts

@@ -1,2 +0,0 @@
-import type { BadgeState } from './Badge.types';
-export declare const renderBadge_unstable: (state: BadgeState) => JSX.Element;

package/lib/components/Badge/useBadge.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { BadgeProps, BadgeState } from './Badge.types';
-/**
- * Returns the props and state required to render the component
- */
-export declare const useBadge_unstable: (props: BadgeProps, ref: React.Ref<HTMLElement>) => BadgeState;

package/lib/components/Badge/useBadgeStyles.d.ts

@@ -1,6 +0,0 @@
-import type { BadgeState } from './Badge.types';
-export declare const badgeClassName = "fui-Badge";
-/**
- * Applies style classnames to slots
- */
-export declare const useBadgeStyles_unstable: (state: BadgeState) => BadgeState;

package/lib/components/CounterBadge/CounterBadge.d.ts

@@ -1,6 +0,0 @@
-import type { CounterBadgeProps } from './CounterBadge.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
- */
-export declare const CounterBadge: ForwardRefComponent<CounterBadgeProps>;

package/lib/components/CounterBadge/CounterBadge.types.d.ts

@@ -1,41 +0,0 @@
-import type { BadgeProps, BadgeState } from '../Badge/index';
-declare type CounterBadgeCommons = {
-    /**
-     * Max number to be displayed
-     * @default 99
-     */
-    overflowCount: number;
-    /**
-     * Value displayed by the Badge
-     * @default 0
-     */
-    count: number;
-    /**
-     * If the badge should be shown when count is 0
-     * @default false
-     */
-    showZero: boolean;
-    /**
-     * If a dot should be displayed without the count
-     * @default false
-     */
-    dot: boolean;
-    /**
-     * A Badge can be circular or rounded
-     * @default circular
-     */
-    shape: 'circular' | 'rounded';
-    /**
-     * A Badge can be filled, ghost
-     * @default filled
-     */
-    appearance: 'filled' | 'ghost';
-    /**
-     * Semantic colors for a counter badge
-     * @default brand
-     */
-    color: Extract<BadgeProps['color'], 'brand' | 'danger' | 'important' | 'informative'>;
-};
-export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape' | 'color'> & Partial<CounterBadgeCommons>;
-export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'shape' | 'color'> & CounterBadgeCommons;
-export {};

package/lib/components/CounterBadge/index.d.ts

@@ -1,4 +0,0 @@
-export * from './CounterBadge';
-export * from './CounterBadge.types';
-export * from './useCounterBadge';
-export * from './useCounterBadgeStyles';

package/lib/components/CounterBadge/useCounterBadge.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { CounterBadgeProps, CounterBadgeState } from './CounterBadge.types';
-/**
- * Returns the props and state required to render the component
- */
-export declare const useCounterBadge_unstable: (props: CounterBadgeProps, ref: React.Ref<HTMLElement>) => CounterBadgeState;

package/lib/components/CounterBadge/useCounterBadgeStyles.d.ts

@@ -1,6 +0,0 @@
-import type { CounterBadgeState } from './CounterBadge.types';
-export declare const counterBadgeClassName = "fui-CounterBadge";
-/**
- * Applies style classnames to slots
- */
-export declare const useCounterBadgeStyles_unstable: (state: CounterBadgeState) => CounterBadgeState;

package/lib/components/PresenceBadge/PresenceBadge.d.ts

@@ -1,6 +0,0 @@
-import type { PresenceBadgeProps } from './PresenceBadge.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled Badge, using the `useBadge_unstable` hook.
- */
-export declare const PresenceBadge: ForwardRefComponent<PresenceBadgeProps>;

package/lib/components/PresenceBadge/PresenceBadge.types.d.ts

@@ -1,19 +0,0 @@
-import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';
-import type { BadgeCommons, BadgeSlots } from '../Badge/Badge.types';
-export declare type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb';
-declare type PresenceBadgeCommons = {
-    /**
-     * Represents several status
-     * @default available
-     */
-    status: PresenceBadgeStatus;
-    /**
-     * Modifies the display to indicate that the user is out of office.
-     * This can be combined with any status to display an out-of-office version of that status
-     * @default false
-     */
-    outOfOffice: boolean;
-} & BadgeCommons;
-export declare type PresenceBadgeProps = Omit<ComponentProps<Pick<BadgeSlots, 'root'>>, 'color'> & Partial<Pick<PresenceBadgeCommons, 'status' | 'outOfOffice' | 'size'>>;
-export declare type PresenceBadgeState = PresenceBadgeCommons & ComponentState<BadgeSlots>;
-export {};

package/lib/components/PresenceBadge/index.d.ts

@@ -1,4 +0,0 @@
-export * from './PresenceBadge';
-export * from './PresenceBadge.types';
-export * from './usePresenceBadge';
-export * from './usePresenceBadgeStyles';

package/lib/components/PresenceBadge/presenceIcons.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import type { PresenceBadgeState } from './PresenceBadge.types';
-export declare const presenceAwayFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceAvailableRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceAvailableFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceBusyFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceDndFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceDndRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceOofRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceOfflineRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceUnknownRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;

package/lib/components/PresenceBadge/usePresenceBadge.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { PresenceBadgeProps, PresenceBadgeState } from './PresenceBadge.types';
-/**
- * Returns the props and state required to render the component
- */
-export declare const usePresenceBadge_unstable: (props: PresenceBadgeProps, ref: React.Ref<HTMLElement>) => PresenceBadgeState;

package/lib/components/PresenceBadge/usePresenceBadgeStyles.d.ts

@@ -1,6 +0,0 @@
-import type { PresenceBadgeState } from './PresenceBadge.types';
-export declare const presenceBadgeClassName = "fui-PresenceBadge";
-/**
- * Applies style classnames to slots
- */
-export declare const usePresenceBadgeStyles_unstable: (state: PresenceBadgeState) => PresenceBadgeState;

package/lib/index.d.ts

@@ -1,5 +0,0 @@
-export * from './components/Badge/index';
-export * from './Badge';
-export * from './PresenceBadge';
-export * from './components/CounterBadge/index';
-export * from './CounterBadge';

package/lib-commonjs/Badge.d.ts

@@ -1 +0,0 @@
-export * from './components/Badge/index';

package/lib-commonjs/CounterBadge.d.ts

@@ -1 +0,0 @@
-export * from './components/CounterBadge/index';

package/lib-commonjs/PresenceBadge.d.ts

@@ -1 +0,0 @@
-export * from './components/PresenceBadge/index';

package/lib-commonjs/components/Badge/Badge.d.ts

@@ -1,6 +0,0 @@
-import type { BadgeProps } from './Badge.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled Badge, using the `useBadge_unstable` hook.
- */
-export declare const Badge: ForwardRefComponent<BadgeProps>;

package/lib-commonjs/components/Badge/Badge.types.d.ts

@@ -1,34 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type BadgeSlots = {
-    root: Slot<'div'>;
-    icon?: Slot<'span'>;
-};
-export declare type BadgeCommons = {
-    /**
-     * A Badge can be filled, outline, ghost, inverted
-     * @defaultvalue filled
-     */
-    appearance: 'filled' | 'ghost' | 'outline' | 'tint';
-    /**
-     * A Badge can be one of preset colors
-     * @defaultvalue brand
-     */
-    color: 'brand' | 'danger' | 'important' | 'informative' | 'severe' | 'subtle' | 'success' | 'warning';
-    /**
-     * A Badge can position the icon before or after the content.
-     * @defaultvalue before
-     */
-    iconPosition: 'before' | 'after';
-    /**
-     * A Badge can be square, circular or rounded.
-     * @defaultvalue circular
-     */
-    shape: 'circular' | 'rounded' | 'square';
-    /**
-     * A Badge can be on of several preset sizes.
-     * @defaultvalue medium
-     */
-    size: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
-};
-export declare type BadgeProps = Omit<ComponentProps<BadgeSlots>, 'color'> & Partial<BadgeCommons>;
-export declare type BadgeState = ComponentState<BadgeSlots> & BadgeCommons;

package/lib-commonjs/components/Badge/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Badge';
-export type { BadgeProps, BadgeSlots, BadgeState } from './Badge.types';
-export * from './renderBadge';
-export * from './useBadge';
-export * from './useBadgeStyles';

package/lib-commonjs/components/Badge/renderBadge.d.ts

@@ -1,2 +0,0 @@
-import type { BadgeState } from './Badge.types';
-export declare const renderBadge_unstable: (state: BadgeState) => JSX.Element;

package/lib-commonjs/components/Badge/useBadge.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { BadgeProps, BadgeState } from './Badge.types';
-/**
- * Returns the props and state required to render the component
- */
-export declare const useBadge_unstable: (props: BadgeProps, ref: React.Ref<HTMLElement>) => BadgeState;

package/lib-commonjs/components/Badge/useBadgeStyles.d.ts

@@ -1,6 +0,0 @@
-import type { BadgeState } from './Badge.types';
-export declare const badgeClassName = "fui-Badge";
-/**
- * Applies style classnames to slots
- */
-export declare const useBadgeStyles_unstable: (state: BadgeState) => BadgeState;

package/lib-commonjs/components/CounterBadge/CounterBadge.d.ts

@@ -1,6 +0,0 @@
-import type { CounterBadgeProps } from './CounterBadge.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
- */
-export declare const CounterBadge: ForwardRefComponent<CounterBadgeProps>;

package/lib-commonjs/components/CounterBadge/CounterBadge.types.d.ts

@@ -1,41 +0,0 @@
-import type { BadgeProps, BadgeState } from '../Badge/index';
-declare type CounterBadgeCommons = {
-    /**
-     * Max number to be displayed
-     * @default 99
-     */
-    overflowCount: number;
-    /**
-     * Value displayed by the Badge
-     * @default 0
-     */
-    count: number;
-    /**
-     * If the badge should be shown when count is 0
-     * @default false
-     */
-    showZero: boolean;
-    /**
-     * If a dot should be displayed without the count
-     * @default false
-     */
-    dot: boolean;
-    /**
-     * A Badge can be circular or rounded
-     * @default circular
-     */
-    shape: 'circular' | 'rounded';
-    /**
-     * A Badge can be filled, ghost
-     * @default filled
-     */
-    appearance: 'filled' | 'ghost';
-    /**
-     * Semantic colors for a counter badge
-     * @default brand
-     */
-    color: Extract<BadgeProps['color'], 'brand' | 'danger' | 'important' | 'informative'>;
-};
-export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape' | 'color'> & Partial<CounterBadgeCommons>;
-export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'shape' | 'color'> & CounterBadgeCommons;
-export {};

package/lib-commonjs/components/CounterBadge/index.d.ts

@@ -1,4 +0,0 @@
-export * from './CounterBadge';
-export * from './CounterBadge.types';
-export * from './useCounterBadge';
-export * from './useCounterBadgeStyles';

package/lib-commonjs/components/CounterBadge/useCounterBadge.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { CounterBadgeProps, CounterBadgeState } from './CounterBadge.types';
-/**
- * Returns the props and state required to render the component
- */
-export declare const useCounterBadge_unstable: (props: CounterBadgeProps, ref: React.Ref<HTMLElement>) => CounterBadgeState;

package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.d.ts

@@ -1,6 +0,0 @@
-import type { CounterBadgeState } from './CounterBadge.types';
-export declare const counterBadgeClassName = "fui-CounterBadge";
-/**
- * Applies style classnames to slots
- */
-export declare const useCounterBadgeStyles_unstable: (state: CounterBadgeState) => CounterBadgeState;