@fluentui/react-badge 9.0.0-nightly.f81b28ceb3.1 → 9.0.0-rc.11

package/lib-commonjs/components/CounterBadge/CounterBadge.js

@@ -5,22 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CounterBadge = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
-var useCounterBadge_1 = /*#__PURE__*/require("./useCounterBadge");
+const useCounterBadge_1 = /*#__PURE__*/require("./useCounterBadge");
 
-var useCounterBadgeStyles_1 = /*#__PURE__*/require("./useCounterBadgeStyles");
+const useCounterBadgeStyles_1 = /*#__PURE__*/require("./useCounterBadgeStyles");
 
-var index_1 = /*#__PURE__*/require("../Badge/index");
+const index_1 = /*#__PURE__*/require("../Badge/index");
 /**
- * Define a styled CounterBadge, using the `useCounterBadge` hook.
+ * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
  */
 
 
-exports.CounterBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useCounterBadge_1.useCounterBadge(props, ref);
-  useCounterBadgeStyles_1.useCounterBadgeStyles(state);
-  return index_1.renderBadge(state);
+exports.CounterBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useCounterBadge_1.useCounterBadge_unstable(props, ref);
+  useCounterBadgeStyles_1.useCounterBadgeStyles_unstable(state);
+  return index_1.renderBadge_unstable(state);
 });
 exports.CounterBadge.displayName = 'CounterBadge';
 //# sourceMappingURL=CounterBadge.js.map

package/lib-commonjs/components/CounterBadge/CounterBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CounterBadge/CounterBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AACA,IAAA,uBAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,YAAA,gBAAuD,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC9F,MAAM,KAAK,GAAG,iBAAA,CAAA,eAAA,CAAgB,KAAhB,EAAuB,GAAvB,CAAd;AACA,EAAA,uBAAA,CAAA,qBAAA,CAAsB,KAAtB;AAEA,SAAO,OAAA,CAAA,WAAA,CAAY,KAAZ,CAAP;AACD,CALmE,CAAvD;AAOb,OAAA,CAAA,YAAA,CAAa,WAAb,GAA2B,cAA3B","sourceRoot":""}
+{"version":3,"sources":["components/CounterBadge/CounterBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AACA,MAAA,uBAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,YAAA,gBAAuD,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClG,QAAM,KAAK,GAAG,iBAAA,CAAA,wBAAA,CAAyB,KAAzB,EAAgC,GAAhC,CAAd;AACA,EAAA,uBAAA,CAAA,8BAAA,CAA+B,KAA/B;AAEA,SAAO,OAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP;AACD,CALmE,CAAvD;AAOb,OAAA,CAAA,YAAA,CAAa,WAAb,GAA2B,cAA3B","sourcesContent":["import * as React from 'react';\nimport { useCounterBadge_unstable } from './useCounterBadge';\nimport { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles';\nimport { renderBadge_unstable } from '../Badge/index';\nimport type { CounterBadgeProps } from './CounterBadge.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.\n */\nexport const CounterBadge: ForwardRefComponent<CounterBadgeProps> = React.forwardRef((props, ref) => {\n  const state = useCounterBadge_unstable(props, ref);\n  useCounterBadgeStyles_unstable(state);\n\n  return renderBadge_unstable(state);\n});\n\nCounterBadge.displayName = 'CounterBadge';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/CounterBadge/CounterBadge.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
+{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}

package/lib-commonjs/components/CounterBadge/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./CounterBadge"), exports);
 

package/lib-commonjs/components/CounterBadge/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CounterBadge/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,sBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,yBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"version":3,"sources":["components/CounterBadge/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,sBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,yBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './CounterBadge';\nexport * from './CounterBadge.types';\nexport * from './useCounterBadge';\nexport * from './useCounterBadgeStyles';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/CounterBadge/useCounterBadge.js

@@ -3,45 +3,37 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useCounterBadge = void 0;
+exports.useCounterBadge_unstable = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
-
-var index_1 = /*#__PURE__*/require("../Badge/index");
+const index_1 = /*#__PURE__*/require("../Badge/index");
 /**
  * Returns the props and state required to render the component
  */
 
 
-var useCounterBadge = function (props, ref) {
-  var _a = props.shape,
-      shape = _a === void 0 ? 'circular' : _a,
-      _b = props.appearance,
-      appearance = _b === void 0 ? 'filled' : _b,
-      _c = props.showZero,
-      showZero = _c === void 0 ? false : _c,
-      _d = props.overflowCount,
-      overflowCount = _d === void 0 ? 99 : _d,
-      _e = props.count,
-      count = _e === void 0 ? 0 : _e,
-      _f = props.dot,
-      dot = _f === void 0 ? false : _f;
-
-  var state = tslib_1.__assign(tslib_1.__assign({}, index_1.useBadge(props, ref)), {
-    shape: shape,
-    appearance: appearance,
-    showZero: showZero,
-    overflowCount: overflowCount,
-    count: count,
-    dot: dot
-  });
+const useCounterBadge_unstable = (props, ref) => {
+  const {
+    shape = 'circular',
+    appearance = 'filled',
+    showZero = false,
+    overflowCount = 99,
+    count = 0,
+    dot = false
+  } = props;
+  const state = { ...index_1.useBadge_unstable(props, ref),
+    shape,
+    appearance,
+    showZero,
+    count,
+    dot
+  };
 
   if (!state.dot && !state.root.children) {
-    state.root.children = state.count > state.overflowCount ? state.overflowCount + "+" : "" + state.count;
+    state.root.children = state.count > overflowCount ? `${overflowCount}+` : `${state.count}`;
   }
 
   return state;
 };
 
-exports.useCounterBadge = useCounterBadge;
+exports.useCounterBadge_unstable = useCounterBadge_unstable;
 //# sourceMappingURL=useCounterBadge.js.map

package/lib-commonjs/components/CounterBadge/useCounterBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CounterBadge/useCounterBadge.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,eAAe,GAAG,UAAC,KAAD,EAA2B,GAA3B,EAAsD;AAEjF,MAAA,EAAA,GAME,KAAK,CANW,KAAlB;AAAA,MAAA,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,UAAH,GAAa,EAAlB;AAAA,MACA,EAAA,GAKE,KAAK,CALc,UADrB;AAAA,MACA,UAAU,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAH,GAAW,EADrB;AAAA,MAEA,EAAA,GAIE,KAAK,CAJS,QAFhB;AAAA,MAEA,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAFhB;AAAA,MAGA,EAAA,GAGE,KAAK,CAHW,aAHlB;AAAA,MAGA,aAAa,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAK,EAHlB;AAAA,MAIA,EAAA,GAEE,KAAK,CAFE,KAJT;AAAA,MAIA,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,CAAH,GAAI,EAJT;AAAA,MAKA,EAAA,GACE,KAAK,CADI,GALX;AAAA,MAKA,GAAG,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EALX;;AAQF,MAAM,KAAK,GAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EACN,OAAA,CAAA,QAAA,CAAS,KAAT,EAAgB,GAAhB,CADM,CAAA,EACc;AACvB,IAAA,KAAK,EAAA,KADkB;AAEvB,IAAA,UAAU,EAAA,UAFa;AAGvB,IAAA,QAAQ,EAAA,QAHe;AAIvB,IAAA,aAAa,EAAA,aAJU;AAKvB,IAAA,KAAK,EAAA,KALkB;AAMvB,IAAA,GAAG,EAAA;AANoB,GADd,CAAX;;AAUA,MAAI,CAAC,KAAK,CAAC,GAAP,IAAc,CAAC,KAAK,CAAC,IAAN,CAAW,QAA9B,EAAwC;AACtC,IAAA,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,KAAK,CAAC,KAAN,GAAc,KAAK,CAAC,aAApB,GAAuC,KAAK,CAAC,aAAN,GAAmB,GAA1D,GAAgE,KAAG,KAAK,CAAC,KAA/F;AACD;;AAED,SAAO,KAAP;AACD,CAzBM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","sourceRoot":""}
+{"version":3,"sources":["components/CounterBadge/useCounterBadge.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,wBAAwB,GAAG,CAAC,KAAD,EAA2B,GAA3B,KAA6E;AACnH,QAAM;AACJ,IAAA,KAAK,GAAG,UADJ;AAEJ,IAAA,UAAU,GAAG,QAFT;AAGJ,IAAA,QAAQ,GAAG,KAHP;AAIJ,IAAA,aAAa,GAAG,EAJZ;AAKJ,IAAA,KAAK,GAAG,CALJ;AAMJ,IAAA,GAAG,GAAG;AANF,MAOF,KAPJ;AASA,QAAM,KAAK,GAAsB,EAC/B,GAAI,OAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,CAD2B;AAE/B,IAAA,KAF+B;AAG/B,IAAA,UAH+B;AAI/B,IAAA,QAJ+B;AAK/B,IAAA,KAL+B;AAM/B,IAAA;AAN+B,GAAjC;;AASA,MAAI,CAAC,KAAK,CAAC,GAAP,IAAc,CAAC,KAAK,CAAC,IAAN,CAAW,QAA9B,EAAwC;AACtC,IAAA,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,KAAK,CAAC,KAAN,GAAc,aAAd,GAA8B,GAAG,aAAa,GAA9C,GAAoD,GAAG,KAAK,CAAC,KAAK,EAAxF;AACD;;AAED,SAAO,KAAP;AACD,CAxBM;;AAAM,OAAA,CAAA,wBAAA,GAAwB,wBAAxB","sourcesContent":["import * as React from 'react';\nimport { useBadge_unstable } from '../Badge/index';\nimport type { CounterBadgeProps, CounterBadgeState } from './CounterBadge.types';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useCounterBadge_unstable = (props: CounterBadgeProps, ref: React.Ref<HTMLElement>): CounterBadgeState => {\n  const {\n    shape = 'circular',\n    appearance = 'filled',\n    showZero = false,\n    overflowCount = 99,\n    count = 0,\n    dot = false,\n  } = props;\n\n  const state: CounterBadgeState = {\n    ...(useBadge_unstable(props, ref) as CounterBadgeState),\n    shape,\n    appearance,\n    showZero,\n    count,\n    dot,\n  };\n\n  if (!state.dot && !state.root.children) {\n    state.root.children = state.count > overflowCount ? `${overflowCount}+` : `${state.count}`;\n  }\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js

@@ -3,46 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useCounterBadgeStyles = void 0;
+exports.useCounterBadgeStyles_unstable = exports.counterBadgeClassNames = void 0;
 
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+const react_1 = /*#__PURE__*/require("@griffel/react");
 
-var useBadgeStyles_1 = /*#__PURE__*/require("../Badge/useBadgeStyles");
+const useBadgeStyles_1 = /*#__PURE__*/require("../Badge/useBadgeStyles");
 
-var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
-  "root": {
-    "Bf4jedk": "fgfkb25"
-  },
-  "warning": {
-    "De3pzq": "fic4z9l",
-    "g2u3we": "f1g6aqbb",
-    "h3c5rm": ["f1xc4egn", "f1y13pv"],
-    "B9xav0g": "f12f05r9",
-    "zhjwy3": ["f1y13pv", "f1xc4egn"]
-  },
-  "important": {
-    "De3pzq": "f1y11cvn",
-    "g2u3we": "f9ag23u",
-    "h3c5rm": ["fzlvby", "fj2uge6"],
-    "B9xav0g": "fk41dq4",
-    "zhjwy3": ["fj2uge6", "fzlvby"]
-  },
-  "severe": {
-    "De3pzq": "ftpr1dl",
-    "g2u3we": "fx7g4rx",
-    "h3c5rm": ["f1edxl4n", "f5hlgd2"],
-    "B9xav0g": "f5ppncr",
-    "zhjwy3": ["f5hlgd2", "f1edxl4n"]
-  },
-  "informative": {
-    "De3pzq": "f6zwqgc",
-    "g2u3we": "f1pdtvjr",
-    "h3c5rm": ["f1ctwv29", "f1m7luuw"],
-    "B9xav0g": "f1ijpqjr",
-    "zhjwy3": ["f1m7luuw", "f1ctwv29"],
-    "sj55zd": "f11d4kpn"
-  },
+exports.counterBadgeClassNames = {
+  root: 'fui-CounterBadge',
+  icon: 'fui-CounterBadge__icon'
+};
+
+const useStyles = /*#__PURE__*/react_1.__styles({
   "dot": {
+    "Bf4jedk": "fgfkb25",
     "a9b677": "f16dn6v3",
     "Bqenvij": "f3mu39s",
     "z8tnut": "f1g0x7ka",
@@ -54,18 +28,23 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
     "mc9l5x": "fjseox"
   }
 }, {
-  "d": [".fgfkb25{min-width:auto;}", ".fic4z9l{background-color:#c50f1f;}", ".f1g6aqbb{border-top-color:#c50f1f;}", ".f1xc4egn{border-right-color:#c50f1f;}", ".f1y13pv{border-left-color:#c50f1f;}", ".f12f05r9{border-bottom-color:#c50f1f;}", ".f1y11cvn{background-color:#242424;}", ".f9ag23u{border-top-color:#242424;}", ".fzlvby{border-right-color:#242424;}", ".fj2uge6{border-left-color:#242424;}", ".fk41dq4{border-bottom-color:#242424;}", ".ftpr1dl{background-color:#d13438;}", ".fx7g4rx{border-top-color:#d13438;}", ".f1edxl4n{border-right-color:#d13438;}", ".f5hlgd2{border-left-color:#d13438;}", ".f5ppncr{border-bottom-color:#d13438;}", ".f6zwqgc{background-color:#ebebeb;}", ".f1pdtvjr{border-top-color:#ebebeb;}", ".f1ctwv29{border-right-color:#ebebeb;}", ".f1m7luuw{border-left-color:#ebebeb;}", ".f1ijpqjr{border-bottom-color:#ebebeb;}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".fjseox{display:none;}"]
+  "d": [".fgfkb25{min-width:auto;}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".fjseox{display:none;}"]
 });
 /**
  * Applies style classnames to slots
  */
 
 
-var useCounterBadgeStyles = function (state) {
-  var styles = useStyles();
-  state.root.className = react_make_styles_1.mergeClasses(styles.root, state.color === 'warning' && styles.warning, state.color === 'important' && styles.important, state.color === 'severe' && styles.severe, state.color === 'informative' && styles.informative, state.dot && styles.dot, !state.showZero && state.count === 0 && !state.dot && styles.hide, state.root.className);
-  return useBadgeStyles_1.useBadgeStyles(state);
+const useCounterBadgeStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = react_1.mergeClasses(exports.counterBadgeClassNames.root, state.dot && styles.dot, !state.showZero && state.count === 0 && !state.dot && styles.hide, state.root.className);
+
+  if (state.icon) {
+    state.icon.className = react_1.mergeClasses(exports.counterBadgeClassNames.icon, state.icon.className);
+  }
+
+  return useBadgeStyles_1.useBadgeStyles_unstable(state);
 };
 
-exports.useCounterBadgeStyles = useCounterBadgeStyles;
+exports.useCounterBadgeStyles_unstable = useCounterBadgeStyles_unstable;
 //# sourceMappingURL=useCounterBadgeStyles.js.map

package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CounterBadge/useCounterBadgeStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAGA,IAAM,SAAS,gBAAG,mBAAA,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,EAAlB;AAgCA;;AAEG;;;AACI,IAAM,qBAAqB,GAAG,UAAC,KAAD,EAAyB;AAC5D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,MAAM,CAAC,IADc,EAErB,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,OAFf,EAGrB,KAAK,CAAC,KAAN,KAAgB,WAAhB,IAA+B,MAAM,CAAC,SAHjB,EAIrB,KAAK,CAAC,KAAN,KAAgB,QAAhB,IAA4B,MAAM,CAAC,MAJd,EAKrB,KAAK,CAAC,KAAN,KAAgB,aAAhB,IAAiC,MAAM,CAAC,WALnB,EAMrB,KAAK,CAAC,GAAN,IAAa,MAAM,CAAC,GANC,EAOrB,CAAC,KAAK,CAAC,QAAP,IAAmB,KAAK,CAAC,KAAN,KAAgB,CAAnC,IAAwC,CAAC,KAAK,CAAC,GAA/C,IAAsD,MAAM,CAAC,IAPxC,EAQrB,KAAK,CAAC,IAAN,CAAW,SARU,CAAvB;AAUA,SAAO,gBAAA,CAAA,cAAA,CAAe,KAAf,CAAP;AACD,CAbM;;AAAM,OAAA,CAAA,qBAAA,GAAqB,qBAArB","sourceRoot":""}
+{"version":3,"sources":["components/CounterBadge/useCounterBadgeStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAKa,OAAA,CAAA,sBAAA,GAAqD;AAChE,EAAA,IAAI,EAAE,kBAD0D;AAEhE,EAAA,IAAI,EAAE;AAF0D,CAArD;;AAKb,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAYA;;AAEG;;;AACI,MAAM,8BAA8B,GAAI,KAAD,IAAgD;AAC5F,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,OAAA,CAAA,sBAAA,CAAuB,IADF,EAErB,KAAK,CAAC,GAAN,IAAa,MAAM,CAAC,GAFC,EAGrB,CAAC,KAAK,CAAC,QAAP,IAAmB,KAAK,CAAC,KAAN,KAAgB,CAAnC,IAAwC,CAAC,KAAK,CAAC,GAA/C,IAAsD,MAAM,CAAC,IAHxC,EAIrB,KAAK,CAAC,IAAN,CAAW,SAJU,CAAvB;;AAOA,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,sBAAA,CAAuB,IAApC,EAA0C,KAAK,CAAC,IAAN,CAAW,SAArD,CAAvB;AACD;;AAED,SAAO,gBAAA,CAAA,uBAAA,CAAwB,KAAxB,CAAP;AACD,CAdM;;AAAM,OAAA,CAAA,8BAAA,GAA8B,8BAA9B","sourcesContent":["import { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { useBadgeStyles_unstable } from '../Badge/useBadgeStyles';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { BadgeSlots } from '../Badge/Badge.types';\nimport type { CounterBadgeState } from './CounterBadge.types';\n\nexport const counterBadgeClassNames: SlotClassNames<BadgeSlots> = {\n  root: 'fui-CounterBadge',\n  icon: 'fui-CounterBadge__icon',\n};\n\nconst useStyles = makeStyles({\n  dot: {\n    minWidth: 'auto',\n    width: '6px',\n    height: '6px',\n    ...shorthands.padding('0'),\n  },\n  hide: {\n    display: 'none',\n  },\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const useCounterBadgeStyles_unstable = (state: CounterBadgeState): CounterBadgeState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    counterBadgeClassNames.root,\n    state.dot && styles.dot,\n    !state.showZero && state.count === 0 && !state.dot && styles.hide,\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(counterBadgeClassNames.icon, state.icon.className);\n  }\n\n  return useBadgeStyles_unstable(state) as CounterBadgeState;\n};\n"],"sourceRoot":"../src/"}

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

@@ -5,22 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PresenceBadge = void 0;
 
-var React = /*#__PURE__*/require("react");
+const React = /*#__PURE__*/require("react");
 
-var usePresenceBadge_1 = /*#__PURE__*/require("./usePresenceBadge");
+const usePresenceBadge_1 = /*#__PURE__*/require("./usePresenceBadge");
 
-var usePresenceBadgeStyles_1 = /*#__PURE__*/require("./usePresenceBadgeStyles");
+const usePresenceBadgeStyles_1 = /*#__PURE__*/require("./usePresenceBadgeStyles");
 
-var Badge_1 = /*#__PURE__*/require("../../Badge");
+const Badge_1 = /*#__PURE__*/require("../../Badge");
 /**
- * Define a styled Badge, using the `useBadge` hook.
+ * Define a styled Badge, using the `useBadge_unstable` hook.
  */
 
 
-exports.PresenceBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = usePresenceBadge_1.usePresenceBadge(props, ref);
-  usePresenceBadgeStyles_1.usePresenceBadgeStyles(state);
-  return Badge_1.renderBadge(state);
+exports.PresenceBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = usePresenceBadge_1.usePresenceBadge_unstable(props, ref);
+  usePresenceBadgeStyles_1.usePresenceBadgeStyles_unstable(state);
+  return Badge_1.renderBadge_unstable(state);
 });
 exports.PresenceBadge.displayName = 'PresenceBadge';
 //# sourceMappingURL=PresenceBadge.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PresenceBadge/PresenceBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,IAAA,wBAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,aAAA,gBAAyD,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAChG,MAAM,KAAK,GAAG,kBAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB,GAAxB,CAAd;AACA,EAAA,wBAAA,CAAA,sBAAA,CAAuB,KAAvB;AAEA,SAAO,OAAA,CAAA,WAAA,CAAY,KAAZ,CAAP;AACD,CALqE,CAAzD;AAOb,OAAA,CAAA,aAAA,CAAc,WAAd,GAA4B,eAA5B","sourceRoot":""}
+{"version":3,"sources":["components/PresenceBadge/PresenceBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,MAAA,wBAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,aAAA,gBAAyD,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpG,QAAM,KAAK,GAAG,kBAAA,CAAA,yBAAA,CAA0B,KAA1B,EAAiC,GAAjC,CAAd;AACA,EAAA,wBAAA,CAAA,+BAAA,CAAgC,KAAhC;AAEA,SAAO,OAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP;AACD,CALqE,CAAzD;AAOb,OAAA,CAAA,aAAA,CAAc,WAAd,GAA4B,eAA5B","sourcesContent":["import * as React from 'react';\nimport { usePresenceBadge_unstable } from './usePresenceBadge';\nimport { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles';\nimport { renderBadge_unstable } from '../../Badge';\nimport type { PresenceBadgeProps } from './PresenceBadge.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled Badge, using the `useBadge_unstable` hook.\n */\nexport const PresenceBadge: ForwardRefComponent<PresenceBadgeProps> = React.forwardRef((props, ref) => {\n  const state = usePresenceBadge_unstable(props, ref);\n  usePresenceBadgeStyles_unstable(state);\n\n  return renderBadge_unstable(state);\n});\n\nPresenceBadge.displayName = 'PresenceBadge';\n"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
+{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./PresenceBadge"), exports);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PresenceBadge/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"version":3,"sources":["components/PresenceBadge/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './PresenceBadge';\nexport * from './PresenceBadge.types';\nexport * from './usePresenceBadge';\nexport * from './usePresenceBadgeStyles';\n"],"sourceRoot":"../src/"}

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

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presenceUnknownRegular = exports.presenceOfflineRegular = exports.presenceOofRegular = exports.presenceDndRegular = exports.presenceDndFilled = exports.presenceBusyFilled = exports.presenceAvailableFilled = exports.presenceAvailableRegular = exports.presenceAwayFilled = void 0;
+
+const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
+
+exports.presenceAwayFilled = {
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  tiny: react_icons_1.PresenceAway10Filled,
+  'extra-small': react_icons_1.PresenceAway10Filled,
+  small: react_icons_1.PresenceAway12Filled,
+  medium: react_icons_1.PresenceAway16Filled,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  large: react_icons_1.PresenceAway16Filled,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  'extra-large': react_icons_1.PresenceAway16Filled
+};
+exports.presenceAvailableRegular = {
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  tiny: react_icons_1.PresenceAvailable10Regular,
+  'extra-small': react_icons_1.PresenceAvailable10Regular,
+  small: react_icons_1.PresenceAvailable12Regular,
+  medium: react_icons_1.PresenceAvailable16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  large: react_icons_1.PresenceAvailable16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  'extra-large': react_icons_1.PresenceAvailable16Regular
+};
+exports.presenceAvailableFilled = {
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  tiny: react_icons_1.PresenceAvailable10Filled,
+  'extra-small': react_icons_1.PresenceAvailable10Filled,
+  small: react_icons_1.PresenceAvailable12Filled,
+  medium: react_icons_1.PresenceAvailable16Filled,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  large: react_icons_1.PresenceAvailable16Filled,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  'extra-large': react_icons_1.PresenceAvailable16Filled
+};
+exports.presenceBusyFilled = {
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  tiny: react_icons_1.PresenceBusy10Filled,
+  'extra-small': react_icons_1.PresenceBusy10Filled,
+  small: react_icons_1.PresenceBusy12Filled,
+  medium: react_icons_1.PresenceBusy16Filled,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  large: react_icons_1.PresenceBusy16Filled,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  'extra-large': react_icons_1.PresenceBusy16Filled
+};
+exports.presenceDndFilled = {
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  tiny: react_icons_1.PresenceDnd10Filled,
+  'extra-small': react_icons_1.PresenceDnd10Filled,
+  small: react_icons_1.PresenceDnd12Filled,
+  medium: react_icons_1.PresenceDnd16Filled,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  large: react_icons_1.PresenceDnd16Filled,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  'extra-large': react_icons_1.PresenceDnd16Filled
+};
+exports.presenceDndRegular = {
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  tiny: react_icons_1.PresenceDnd10Regular,
+  'extra-small': react_icons_1.PresenceDnd10Regular,
+  small: react_icons_1.PresenceDnd12Regular,
+  medium: react_icons_1.PresenceDnd16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  large: react_icons_1.PresenceDnd16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  'extra-large': react_icons_1.PresenceDnd16Regular
+};
+exports.presenceOofRegular = {
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  tiny: react_icons_1.PresenceOof10Regular,
+  'extra-small': react_icons_1.PresenceOof10Regular,
+  small: react_icons_1.PresenceOof12Regular,
+  medium: react_icons_1.PresenceOof16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  large: react_icons_1.PresenceOof16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  'extra-large': react_icons_1.PresenceOof16Regular
+};
+exports.presenceOfflineRegular = {
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  tiny: react_icons_1.PresenceOffline10Regular,
+  'extra-small': react_icons_1.PresenceOffline10Regular,
+  small: react_icons_1.PresenceOffline12Regular,
+  medium: react_icons_1.PresenceOffline16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  large: react_icons_1.PresenceOffline16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  'extra-large': react_icons_1.PresenceOffline16Regular
+};
+exports.presenceUnknownRegular = {
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  tiny: react_icons_1.PresenceUnknown10Regular,
+  'extra-small': react_icons_1.PresenceUnknown10Regular,
+  small: react_icons_1.PresenceUnknown12Regular,
+  medium: react_icons_1.PresenceUnknown16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  large: react_icons_1.PresenceUnknown16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  'extra-large': react_icons_1.PresenceUnknown16Regular
+};
+//# sourceMappingURL=presenceIcons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/PresenceBadge/presenceIcons.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {\n  PresenceAvailable10Regular,\n  PresenceAvailable12Regular,\n  PresenceAvailable16Regular,\n  PresenceAvailable10Filled,\n  PresenceAvailable12Filled,\n  PresenceAvailable16Filled,\n  PresenceAway10Filled,\n  PresenceAway12Filled,\n  PresenceAway16Filled,\n  PresenceBusy10Filled,\n  PresenceBusy12Filled,\n  PresenceBusy16Filled,\n  PresenceDnd10Regular,\n  PresenceDnd12Regular,\n  PresenceDnd16Regular,\n  PresenceDnd10Filled,\n  PresenceDnd12Filled,\n  PresenceDnd16Filled,\n  PresenceOof10Regular,\n  PresenceOof12Regular,\n  PresenceOof16Regular,\n  PresenceOffline10Regular,\n  PresenceOffline12Regular,\n  PresenceOffline16Regular,\n  PresenceUnknown10Regular,\n  PresenceUnknown12Regular,\n  PresenceUnknown16Regular,\n} from '@fluentui/react-icons';\nimport type { PresenceBadgeState } from './PresenceBadge.types';\n\nexport const presenceAwayFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceAway10Filled,\n  'extra-small': PresenceAway10Filled,\n  small: PresenceAway12Filled,\n  medium: PresenceAway16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceAway16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceAway16Filled,\n};\n\nexport const presenceAvailableRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceAvailable10Regular,\n  'extra-small': PresenceAvailable10Regular,\n  small: PresenceAvailable12Regular,\n  medium: PresenceAvailable16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceAvailable16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceAvailable16Regular,\n};\n\nexport const presenceAvailableFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceAvailable10Filled,\n  'extra-small': PresenceAvailable10Filled,\n  small: PresenceAvailable12Filled,\n  medium: PresenceAvailable16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceAvailable16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceAvailable16Filled,\n};\n\nexport const presenceBusyFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceBusy10Filled,\n  'extra-small': PresenceBusy10Filled,\n  small: PresenceBusy12Filled,\n  medium: PresenceBusy16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceBusy16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceBusy16Filled,\n};\n\nexport const presenceDndFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceDnd10Filled,\n  'extra-small': PresenceDnd10Filled,\n  small: PresenceDnd12Filled,\n  medium: PresenceDnd16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceDnd16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceDnd16Filled,\n};\n\nexport const presenceDndRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceDnd10Regular,\n  'extra-small': PresenceDnd10Regular,\n  small: PresenceDnd12Regular,\n  medium: PresenceDnd16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceDnd16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceDnd16Regular,\n};\n\nexport const presenceOofRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceOof10Regular,\n  'extra-small': PresenceOof10Regular,\n  small: PresenceOof12Regular,\n  medium: PresenceOof16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceOof16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceOof16Regular,\n};\n\nexport const presenceOfflineRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceOffline10Regular,\n  'extra-small': PresenceOffline10Regular,\n  small: PresenceOffline12Regular,\n  medium: PresenceOffline16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceOffline16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceOffline16Regular,\n};\n\nexport const presenceUnknownRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceUnknown10Regular,\n  'extra-small': PresenceUnknown10Regular,\n  small: PresenceUnknown12Regular,\n  medium: PresenceUnknown16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceUnknown16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceUnknown16Regular,\n};\n"],"sourceRoot":"../src/"}

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

@@ -3,53 +3,78 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.usePresenceBadge = void 0;
+exports.usePresenceBadge_unstable = void 0;
 
-var tslib_1 = /*#__PURE__*/require("tslib");
+const React = /*#__PURE__*/require("react");
 
-var React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const presenceIcons_1 = /*#__PURE__*/require("./presenceIcons");
 
-var index_1 = /*#__PURE__*/require("../Badge/index");
+const index_1 = /*#__PURE__*/require("../Badge/index");
 
-var DefaultPresenceBadgeIcons_1 = /*#__PURE__*/require("./DefaultPresenceBadgeIcons");
+const iconMap = (status, outOfOffice, size) => {
+  switch (status) {
+    case 'available':
+      return outOfOffice ? presenceIcons_1.presenceAvailableRegular[size] : presenceIcons_1.presenceAvailableFilled[size];
 
-var iconMap = function (outOfOffice) {
-  return {
-    busy: null,
-    available: outOfOffice ? React.createElement(DefaultPresenceBadgeIcons_1.SkypeArrowIcon, null) : React.createElement(DefaultPresenceBadgeIcons_1.SkypeCheckIcon, null),
-    away: outOfOffice ? React.createElement(DefaultPresenceBadgeIcons_1.SkypeArrowIcon, null) : React.createElement(DefaultPresenceBadgeIcons_1.SkypeClockIcon, null),
-    offline: React.createElement(DefaultPresenceBadgeIcons_1.CancelIcon, null),
-    outOfOffice: React.createElement(DefaultPresenceBadgeIcons_1.SkypeArrowIcon, null),
-    doNotDisturb: React.createElement(DefaultPresenceBadgeIcons_1.SkypeMinusIcon, null)
-  };
+    case 'away':
+      return outOfOffice ? presenceIcons_1.presenceOfflineRegular[size] : presenceIcons_1.presenceAwayFilled[size];
+
+    case 'busy':
+      return outOfOffice ? presenceIcons_1.presenceUnknownRegular[size] : presenceIcons_1.presenceBusyFilled[size];
+
+    case 'do-not-disturb':
+      return outOfOffice ? presenceIcons_1.presenceDndRegular[size] : presenceIcons_1.presenceDndFilled[size];
+
+    case 'offline':
+      return presenceIcons_1.presenceOfflineRegular[size];
+
+    case 'out-of-office':
+      return presenceIcons_1.presenceOofRegular[size];
+
+    case 'unknown':
+      return presenceIcons_1.presenceUnknownRegular[size];
+  }
+};
+
+const DEFAULT_STRINGS = {
+  busy: 'busy',
+  'out-of-office': 'out of office',
+  away: 'away',
+  available: 'available',
+  offline: 'offline',
+  'do-not-disturb': 'do not disturb',
+  unknown: 'unknown'
 };
 /**
  * Returns the props and state required to render the component
  */
 
+const usePresenceBadge_unstable = (props, ref) => {
+  var _a, _b;
 
-var usePresenceBadge = function (props, ref) {
-  var _a, _b, _c;
-
-  var state = tslib_1.__assign(tslib_1.__assign({}, index_1.useBadge(tslib_1.__assign(tslib_1.__assign({
-    size: 'small'
-  }, props), {
-    icon: react_utilities_1.resolveShorthand(props.icon, {
-      required: true
-    })
-  }), ref)), {
+  const state = { ...index_1.useBadge_unstable({
+      size: 'medium',
+      ...props,
+      icon: react_utilities_1.resolveShorthand(props.icon, {
+        required: true,
+        defaultProps: {
+          'aria-label': props.status && DEFAULT_STRINGS[props.status]
+        }
+      })
+    }, ref),
     status: (_a = props.status) !== null && _a !== void 0 ? _a : 'available',
     outOfOffice: (_b = props.outOfOffice) !== null && _b !== void 0 ? _b : false
-  });
+  };
+  const IconElement = iconMap(state.status, state.outOfOffice, state.size);
 
-  if (!((_c = state.icon) === null || _c === void 0 ? void 0 : _c.children)) {
-    state.icon.children = iconMap(state.outOfOffice)[state.status];
+  if (IconElement) {
+    state.icon.children = React.createElement(IconElement, null);
   }
 
   return state;
 };
 
-exports.usePresenceBadge = usePresenceBadge;
+exports.usePresenceBadge_unstable = usePresenceBadge_unstable;
 //# sourceMappingURL=usePresenceBadge.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadge.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,IAAA,2BAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AASA,IAAM,OAAO,GAA8E,UAAA,WAAA,EAAW;AAAI,SAAC;AACzG,IAAA,IAAI,EAAE,IADmG;AAEzG,IAAA,SAAS,EAAE,WAAW,GAAG,KAAA,CAAA,aAAA,CAAC,2BAAA,CAAA,cAAD,EAAe,IAAf,CAAH,GAAwB,KAAA,CAAA,aAAA,CAAC,2BAAA,CAAA,cAAD,EAAe,IAAf,CAF2D;AAGzG,IAAA,IAAI,EAAE,WAAW,GAAG,KAAA,CAAA,aAAA,CAAC,2BAAA,CAAA,cAAD,EAAe,IAAf,CAAH,GAAwB,KAAA,CAAA,aAAA,CAAC,2BAAA,CAAA,cAAD,EAAe,IAAf,CAHgE;AAIzG,IAAA,OAAO,EAAE,KAAA,CAAA,aAAA,CAAC,2BAAA,CAAA,UAAD,EAAW,IAAX,CAJgG;AAKzG,IAAA,WAAW,EAAE,KAAA,CAAA,aAAA,CAAC,2BAAA,CAAA,cAAD,EAAe,IAAf,CAL4F;AAMzG,IAAA,YAAY,EAAE,KAAA,CAAA,aAAA,CAAC,2BAAA,CAAA,cAAD,EAAe,IAAf;AAN2F,GAAD;AAOxG,CAPF;AASA;;AAEG;;;AACI,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAA4B,GAA5B,EAAuD;;;AACrF,MAAM,KAAK,GAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EACN,OAAA,CAAA,QAAA,CAAQ,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA;AAEP,IAAA,IAAI,EAAE;AAFC,GAAA,EAGJ,KAHI,CAAA,EAGC;AACR,IAAA,IAAI,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,IAAvB,EAA6B;AACjC,MAAA,QAAQ,EAAE;AADuB,KAA7B;AADE,GAHD,CAAR,EAQD,GARC,CADM,CAAA,EAUR;AACD,IAAA,MAAM,EAAA,CAAA,EAAA,GAAE,KAAK,CAAC,MAAR,MAAc,IAAd,IAAc,EAAA,KAAA,KAAA,CAAd,GAAc,EAAd,GAAkB,WADvB;AAED,IAAA,WAAW,EAAA,CAAA,EAAA,GAAE,KAAK,CAAC,WAAR,MAAmB,IAAnB,IAAmB,EAAA,KAAA,KAAA,CAAnB,GAAmB,EAAnB,GAAuB;AAFjC,GAVQ,CAAX;;AAeA,MAAI,EAAA,CAAA,EAAA,GAAC,KAAK,CAAC,IAAP,MAAW,IAAX,IAAW,EAAA,KAAA,KAAA,CAAX,GAAW,KAAA,CAAX,GAAW,EAAA,CAAE,QAAb,CAAJ,EAA2B;AACzB,IAAA,KAAK,CAAC,IAAN,CAAY,QAAZ,GAAuB,OAAO,CAAC,KAAK,CAAC,WAAP,CAAP,CAA2B,KAAK,CAAC,MAAjC,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CArBM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
+{"version":3,"sources":["components/PresenceBadge/usePresenceBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AAWA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGA,MAAM,OAAO,GAAG,CACd,MADc,EAEd,WAFc,EAGd,IAHc,KAIoB;AAClC,UAAQ,MAAR;AACE,SAAK,WAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,wBAAA,CAAyB,IAAzB,CAAH,GAAoC,eAAA,CAAA,uBAAA,CAAwB,IAAxB,CAAtD;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,sBAAA,CAAuB,IAAvB,CAAH,GAAkC,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAApD;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,sBAAA,CAAuB,IAAvB,CAAH,GAAkC,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAApD;;AACF,SAAK,gBAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAAH,GAA8B,eAAA,CAAA,iBAAA,CAAkB,IAAlB,CAAhD;;AACF,SAAK,SAAL;AACE,aAAO,eAAA,CAAA,sBAAA,CAAuB,IAAvB,CAAP;;AACF,SAAK,eAAL;AACE,aAAO,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAAP;;AACF,SAAK,SAAL;AACE,aAAO,eAAA,CAAA,sBAAA,CAAuB,IAAvB,CAAP;AAdJ;AAgBD,CArBD;;AAuBA,MAAM,eAAe,GAAG;AACtB,EAAA,IAAI,EAAE,MADgB;AAEtB,mBAAiB,eAFK;AAGtB,EAAA,IAAI,EAAE,MAHgB;AAItB,EAAA,SAAS,EAAE,WAJW;AAKtB,EAAA,OAAO,EAAE,SALa;AAMtB,oBAAkB,gBANI;AAOtB,EAAA,OAAO,EAAE;AAPa,CAAxB;AAUA;;AAEG;;AACI,MAAM,yBAAyB,GAAG,CACvC,KADuC,EAEvC,GAFuC,KAGjB;;;AACtB,QAAM,KAAK,GAAuB,EAChC,GAAG,OAAA,CAAA,iBAAA,CACD;AACE,MAAA,IAAI,EAAE,QADR;AAEE,SAAG,KAFL;AAGE,MAAA,IAAI,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,IAAvB,EAA6B;AACjC,QAAA,QAAQ,EAAE,IADuB;AAEjC,QAAA,YAAY,EAAE;AACZ,wBAAc,KAAK,CAAC,MAAN,IAAgB,eAAe,CAAC,KAAK,CAAC,MAAP;AADjC;AAFmB,OAA7B;AAHR,KADC,EAWD,GAXC,CAD6B;AAchC,IAAA,MAAM,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,MAAN,MAAY,IAAZ,IAAY,EAAA,KAAA,KAAA,CAAZ,GAAY,EAAZ,GAAgB,WAdQ;AAehC,IAAA,WAAW,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,WAAN,MAAiB,IAAjB,IAAiB,EAAA,KAAA,KAAA,CAAjB,GAAiB,EAAjB,GAAqB;AAfF,GAAlC;AAkBA,QAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,MAAP,EAAe,KAAK,CAAC,WAArB,EAAkC,KAAK,CAAC,IAAxC,CAA3B;;AACA,MAAI,WAAJ,EAAiB;AACf,IAAA,KAAK,CAAC,IAAN,CAAY,QAAZ,GAAuB,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CA5BM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport {\n  presenceAvailableFilled,\n  presenceAvailableRegular,\n  presenceAwayFilled,\n  presenceBusyFilled,\n  presenceDndFilled,\n  presenceDndRegular,\n  presenceOfflineRegular,\n  presenceOofRegular,\n  presenceUnknownRegular,\n} from './presenceIcons';\nimport { useBadge_unstable } from '../Badge/index';\nimport type { PresenceBadgeProps, PresenceBadgeState } from './PresenceBadge.types';\n\nconst iconMap = (\n  status: PresenceBadgeState['status'],\n  outOfOffice: boolean,\n  size: PresenceBadgeState['size'],\n): React.FunctionComponent | null => {\n  switch (status) {\n    case 'available':\n      return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];\n    case 'away':\n      return outOfOffice ? presenceOfflineRegular[size] : presenceAwayFilled[size];\n    case 'busy':\n      return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];\n    case 'do-not-disturb':\n      return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];\n    case 'offline':\n      return presenceOfflineRegular[size];\n    case 'out-of-office':\n      return presenceOofRegular[size];\n    case 'unknown':\n      return presenceUnknownRegular[size];\n  }\n};\n\nconst DEFAULT_STRINGS = {\n  busy: 'busy',\n  'out-of-office': 'out of office',\n  away: 'away',\n  available: 'available',\n  offline: 'offline',\n  'do-not-disturb': 'do not disturb',\n  unknown: 'unknown',\n};\n\n/**\n * Returns the props and state required to render the component\n */\nexport const usePresenceBadge_unstable = (\n  props: PresenceBadgeProps,\n  ref: React.Ref<HTMLElement>,\n): PresenceBadgeState => {\n  const state: PresenceBadgeState = {\n    ...useBadge_unstable(\n      {\n        size: 'medium',\n        ...props,\n        icon: resolveShorthand(props.icon, {\n          required: true,\n          defaultProps: {\n            'aria-label': props.status && DEFAULT_STRINGS[props.status],\n          },\n        }),\n      },\n      ref,\n    ),\n    status: props.status ?? 'available',\n    outOfOffice: props.outOfOffice ?? false,\n  };\n\n  const IconElement = iconMap(state.status, state.outOfOffice, state.size);\n  if (IconElement) {\n    state.icon!.children = <IconElement />;\n  }\n\n  return state;\n};\n"],"sourceRoot":"../src/"}