@fluentui/react-badge 0.0.0-nightly0e0cf06c3420211029.1 → 0.0.0-nightly3082edf34720220208.1

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

@@ -30,12 +30,11 @@ export declare type CounterBadgeCommons = {
      * @default filled
      */
     appearance: 'filled' | 'ghost';
+    /**
+     * Semantic colors for a counter badge
+     * @default brand
+     */
+    color: Extract<BadgeProps['color'], 'brand' | 'danger' | 'important' | 'informative'>;
 };
-/**
- * {@docCategory CounterBadge}
- */
-export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape'> & Partial<CounterBadgeCommons>;
-/**
- * {@docCategory CounterBadge}
- */
-export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'shape'> & CounterBadgeCommons;
+export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape' | 'color'> & Partial<CounterBadgeCommons>;
+export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'shape' | 'color'> & CounterBadgeCommons;

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

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

package/lib/components/CounterBadge/useCounterBadge.js

@@ -1,34 +1,28 @@
-import { __assign } from "tslib";
-import { useBadge } from '../Badge/index';
+import { useBadge_unstable } from '../Badge/index';
 /**
  * Returns the props and state required to render the component
  */
 
-export 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 = __assign(__assign({}, useBadge(props, ref)), {
-    shape: shape,
-    appearance: appearance,
-    showZero: showZero,
-    overflowCount: overflowCount,
-    count: count,
-    dot: dot
-  });
+export const useCounterBadge_unstable = (props, ref) => {
+  const {
+    shape = 'circular',
+    appearance = 'filled',
+    showZero = false,
+    overflowCount = 99,
+    count = 0,
+    dot = false
+  } = props;
+  const state = { ...useBadge_unstable(props, ref),
+    shape,
+    appearance,
+    showZero,
+    overflowCount,
+    count,
+    dot
+  };
 
   if (!state.dot && !state.root.children) {
-    state.root.children = state.count > state.overflowCount ? state.overflowCount + "+" : "" + state.count;
+    state.root.children = state.count > state.overflowCount ? `${state.overflowCount}+` : `${state.count}`;
   }
 
   return state;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CounterBadge/useCounterBadge.ts"],"names":[],"mappings":";AACA,SAAS,QAAT,QAAyB,gBAAzB;AAGA;;AAEG;;AACH,OAAO,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,QAAA,CAAA,QAAA,CAAA,EAAA,EACN,QAAQ,CAAC,KAAD,EAAQ,GAAR,CADF,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","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/CounterBadge/useCounterBadge.ts"],"names":[],"mappings":"AACA,SAAS,iBAAT,QAAkC,gBAAlC;AAGA;;AAEG;;AACH,OAAO,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,iBAAiB,CAAC,KAAD,EAAQ,GAAR,CADU;AAE/B,IAAA,KAF+B;AAG/B,IAAA,UAH+B;AAI/B,IAAA,QAJ+B;AAK/B,IAAA,aAL+B;AAM/B,IAAA,KAN+B;AAO/B,IAAA;AAP+B,GAAjC;;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,GAAoC,GAAG,KAAK,CAAC,aAAa,GAA1D,GAAgE,GAAG,KAAK,CAAC,KAAK,EAApG;AACD;;AAED,SAAO,KAAP;AACD,CAzBM","sourceRoot":""}

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

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

package/lib/components/CounterBadge/useCounterBadgeStyles.js

@@ -1,40 +1,10 @@
-import { mergeClasses, __styles } from '@fluentui/react-make-styles';
-import { useBadgeStyles } from '../Badge/useBadgeStyles';
+import { shorthands, mergeClasses, __styles } from '@griffel/react';
+import { useBadgeStyles_unstable } from '../Badge/useBadgeStyles';
+export const counterBadgeClassName = 'fui-CounterBadge';
 
-var useStyles = /*#__PURE__*/__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"
-  },
+const useStyles = /*#__PURE__*/__styles({
   "dot": {
+    "Bf4jedk": "fgfkb25",
     "a9b677": "f16dn6v3",
     "Bqenvij": "f3mu39s",
     "z8tnut": "f1g0x7ka",
@@ -46,16 +16,16 @@ var useStyles = /*#__PURE__*/__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
  */
 
 
-export var useCounterBadgeStyles = function (state) {
-  var styles = useStyles();
-  state.root.className = 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(state);
+export const useCounterBadgeStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = mergeClasses(counterBadgeClassName, state.dot && styles.dot, !state.showZero && state.count === 0 && !state.dot && styles.hide, state.root.className);
+  return useBadgeStyles_unstable(state);
 };
 //# sourceMappingURL=useCounterBadgeStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CounterBadge/useCounterBadgeStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;AACA,SAAS,cAAT,QAA+B,yBAA/B;;AAGA,IAAM,SAAS,gBAAG;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;;;AACH,OAAO,IAAM,qBAAqB,GAAG,UAAC,KAAD,EAAyB;AAC5D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,MAAM,CAAC,IAD0B,EAEjC,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,OAFH,EAGjC,KAAK,CAAC,KAAN,KAAgB,WAAhB,IAA+B,MAAM,CAAC,SAHL,EAIjC,KAAK,CAAC,KAAN,KAAgB,QAAhB,IAA4B,MAAM,CAAC,MAJF,EAKjC,KAAK,CAAC,KAAN,KAAgB,aAAhB,IAAiC,MAAM,CAAC,WALP,EAMjC,KAAK,CAAC,GAAN,IAAa,MAAM,CAAC,GANa,EAOjC,CAAC,KAAK,CAAC,QAAP,IAAmB,KAAK,CAAC,KAAN,KAAgB,CAAnC,IAAwC,CAAC,KAAK,CAAC,GAA/C,IAAsD,MAAM,CAAC,IAP5B,EAQjC,KAAK,CAAC,IAAN,CAAW,SARsB,CAAnC;AAUA,SAAO,cAAc,CAAC,KAAD,CAArB;AACD,CAbM","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/CounterBadge/useCounterBadgeStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,EAAqB,YAArB,kBAAqD,gBAArD;AACA,SAAS,uBAAT,QAAwC,yBAAxC;AAGA,OAAO,MAAM,qBAAqB,GAAG,kBAA9B;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAYA;;AAEG;;;AACH,OAAO,MAAM,8BAA8B,GAAI,KAAD,IAAgD;AAC5F,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,qBADiC,EAEjC,KAAK,CAAC,GAAN,IAAa,MAAM,CAAC,GAFa,EAGjC,CAAC,KAAK,CAAC,QAAP,IAAmB,KAAK,CAAC,KAAN,KAAgB,CAAnC,IAAwC,CAAC,KAAK,CAAC,GAA/C,IAAsD,MAAM,CAAC,IAH5B,EAIjC,KAAK,CAAC,IAAN,CAAW,SAJsB,CAAnC;AAMA,SAAO,uBAAuB,CAAC,KAAD,CAA9B;AACD,CATM","sourceRoot":""}

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

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

package/lib/components/PresenceBadge/PresenceBadge.js

@@ -1,15 +1,15 @@
 import * as React from 'react';
-import { usePresenceBadge } from './usePresenceBadge';
-import { usePresenceBadgeStyles } from './usePresenceBadgeStyles';
-import { renderBadge } from '../../Badge';
+import { usePresenceBadge_unstable } from './usePresenceBadge';
+import { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles';
+import { renderBadge_unstable } from '../../Badge';
 /**
- * Define a styled Badge, using the `useBadge` hook.
+ * Define a styled Badge, using the `useBadge_unstable` hook.
  */
 
-export var PresenceBadge = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = usePresenceBadge(props, ref);
-  usePresenceBadgeStyles(state);
-  return renderBadge(state);
+export const PresenceBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = usePresenceBadge_unstable(props, ref);
+  usePresenceBadgeStyles_unstable(state);
+  return renderBadge_unstable(state);
 });
 PresenceBadge.displayName = 'PresenceBadge';
 //# sourceMappingURL=PresenceBadge.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PresenceBadge/PresenceBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AACA,SAAS,sBAAT,QAAuC,0BAAvC;AACA,SAAS,WAAT,QAA4B,aAA5B;AAIA;;AAEG;;AACH,OAAO,IAAM,aAAa,gBAA4C,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAChG,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAD,EAAQ,GAAR,CAA9B;AACA,EAAA,sBAAsB,CAAC,KAAD,CAAtB;AAEA,SAAO,WAAW,CAAC,KAAD,CAAlB;AACD,CALqE,CAA/D;AAOP,aAAa,CAAC,WAAd,GAA4B,eAA5B","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/PresenceBadge/PresenceBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,yBAAT,QAA0C,oBAA1C;AACA,SAAS,+BAAT,QAAgD,0BAAhD;AACA,SAAS,oBAAT,QAAqC,aAArC;AAIA;;AAEG;;AACH,OAAO,MAAM,aAAa,gBAA4C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpG,QAAM,KAAK,GAAG,yBAAyB,CAAC,KAAD,EAAQ,GAAR,CAAvC;AACA,EAAA,+BAA+B,CAAC,KAAD,CAA/B;AAEA,SAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CALqE,CAA/D;AAOP,aAAa,CAAC,WAAd,GAA4B,eAA5B","sourceRoot":""}

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

@@ -1,6 +1,7 @@
-import type { BadgeProps, BadgeState } from '../Badge/index';
+import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';
+import type { BadgeCommons, BadgeSlots } from '../Badge/index';
 export declare type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb';
-export interface PresenceBadgeCommons {
+export declare type PresenceBadgeCommons = {
     /**
      * Represents several status
      * @default available
@@ -12,6 +13,6 @@ export interface PresenceBadgeCommons {
      * @default false
      */
     outOfOffice: boolean;
-}
-export declare type PresenceBadgeProps = BadgeProps & Partial<PresenceBadgeCommons>;
-export declare type PresenceBadgeState = BadgeState & PresenceBadgeCommons;
+} & BadgeCommons;
+export declare type PresenceBadgeProps = Omit<ComponentProps<Pick<BadgeSlots, 'root'>>, 'color'> & Partial<Pick<PresenceBadgeCommons, 'status' | 'outOfOffice' | 'size'>>;
+export declare type PresenceBadgeState = PresenceBadgeCommons & ComponentState<BadgeSlots>;

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

@@ -0,0 +1,11 @@
+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/presenceIcons.js

@@ -0,0 +1,128 @@
+import { PresenceAvailable10Regular, PresenceAvailable12Regular, PresenceAvailable16Regular, PresenceAvailable10Filled, PresenceAvailable12Filled, PresenceAvailable16Filled, PresenceAway10Filled, PresenceAway12Filled, PresenceAway16Filled, PresenceBusy10Filled, PresenceBusy12Filled, PresenceBusy16Filled, PresenceDnd10Regular, PresenceDnd12Regular, PresenceDnd16Regular, PresenceDnd10Filled, PresenceDnd12Filled, PresenceDnd16Filled, PresenceOof10Regular, PresenceOof12Regular, PresenceOof16Regular, PresenceOffline10Regular, PresenceOffline12Regular, PresenceOffline16Regular, PresenceUnknown10Regular, PresenceUnknown12Regular, PresenceUnknown16Regular } from '@fluentui/react-icons';
+export const presenceAwayFilled = {
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  tiny: PresenceAway10Filled,
+  'extra-small': PresenceAway10Filled,
+  small: PresenceAway12Filled,
+  medium: PresenceAway16Filled,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  large: PresenceAway16Filled,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  'extra-large': PresenceAway16Filled
+};
+export const presenceAvailableRegular = {
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  tiny: PresenceAvailable10Regular,
+  'extra-small': PresenceAvailable10Regular,
+  small: PresenceAvailable12Regular,
+  medium: PresenceAvailable16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  large: PresenceAvailable16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  'extra-large': PresenceAvailable16Regular
+};
+export const presenceAvailableFilled = {
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  tiny: PresenceAvailable10Filled,
+  'extra-small': PresenceAvailable10Filled,
+  small: PresenceAvailable12Filled,
+  medium: PresenceAvailable16Filled,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  large: PresenceAvailable16Filled,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  'extra-large': PresenceAvailable16Filled
+};
+export const presenceBusyFilled = {
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  tiny: PresenceBusy10Filled,
+  'extra-small': PresenceBusy10Filled,
+  small: PresenceBusy12Filled,
+  medium: PresenceBusy16Filled,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  large: PresenceBusy16Filled,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  'extra-large': PresenceBusy16Filled
+};
+export const presenceDndFilled = {
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  tiny: PresenceDnd10Filled,
+  'extra-small': PresenceDnd10Filled,
+  small: PresenceDnd12Filled,
+  medium: PresenceDnd16Filled,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  large: PresenceDnd16Filled,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  'extra-large': PresenceDnd16Filled
+};
+export const presenceDndRegular = {
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  tiny: PresenceDnd10Regular,
+  'extra-small': PresenceDnd10Regular,
+  small: PresenceDnd12Regular,
+  medium: PresenceDnd16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  large: PresenceDnd16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  'extra-large': PresenceDnd16Regular
+};
+export const presenceOofRegular = {
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  tiny: PresenceOof10Regular,
+  'extra-small': PresenceOof10Regular,
+  small: PresenceOof12Regular,
+  medium: PresenceOof16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  large: PresenceOof16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  'extra-large': PresenceOof16Regular
+};
+export const presenceOfflineRegular = {
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  tiny: PresenceOffline10Regular,
+  'extra-small': PresenceOffline10Regular,
+  small: PresenceOffline12Regular,
+  medium: PresenceOffline16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  large: PresenceOffline16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  'extra-large': PresenceOffline16Regular
+};
+export const presenceUnknownRegular = {
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  tiny: PresenceUnknown10Regular,
+  'extra-small': PresenceUnknown10Regular,
+  small: PresenceUnknown12Regular,
+  medium: PresenceUnknown16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  large: PresenceUnknown16Regular,
+  // FIXME not all presence icon sizes are available
+  // https://github.com/microsoft/fluentui/issues/20650
+  'extra-large': PresenceUnknown16Regular
+};
+//# sourceMappingURL=presenceIcons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/PresenceBadge/presenceIcons.ts"],"names":[],"mappings":"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","sourceRoot":""}

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

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

package/lib/components/PresenceBadge/usePresenceBadge.js

@@ -1,40 +1,51 @@
-import { __assign } from "tslib";
 import * as React from 'react';
 import { resolveShorthand } from '@fluentui/react-utilities';
-import { useBadge } from '../Badge/index';
-import { SkypeMinusIcon, SkypeClockIcon, SkypeArrowIcon, SkypeCheckIcon, CancelIcon } from './DefaultPresenceBadgeIcons';
-
-var iconMap = function (outOfOffice) {
-  return {
-    busy: null,
-    available: outOfOffice ? /*#__PURE__*/React.createElement(SkypeArrowIcon, null) : /*#__PURE__*/React.createElement(SkypeCheckIcon, null),
-    away: outOfOffice ? /*#__PURE__*/React.createElement(SkypeArrowIcon, null) : /*#__PURE__*/React.createElement(SkypeClockIcon, null),
-    offline: /*#__PURE__*/React.createElement(CancelIcon, null),
-    outOfOffice: /*#__PURE__*/React.createElement(SkypeArrowIcon, null),
-    doNotDisturb: /*#__PURE__*/React.createElement(SkypeMinusIcon, null)
-  };
+import { presenceAvailableFilled, presenceAvailableRegular, presenceAwayFilled, presenceBusyFilled, presenceDndFilled, presenceDndRegular, presenceOfflineRegular, presenceOofRegular, presenceUnknownRegular } from './presenceIcons';
+import { useBadge_unstable } from '../Badge/index';
+
+const iconMap = (status, outOfOffice, size) => {
+  switch (status) {
+    case 'available':
+      return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];
+
+    case 'away':
+      return outOfOffice ? presenceOfflineRegular[size] : presenceAwayFilled[size];
+
+    case 'busy':
+      return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];
+
+    case 'doNotDisturb':
+      return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];
+
+    case 'offline':
+      return presenceOfflineRegular[size];
+
+    case 'outOfOffice':
+      return presenceOofRegular[size];
+  }
 };
 /**
  * Returns the props and state required to render the component
  */
 
 
-export var usePresenceBadge = function (props, ref) {
-  var _a, _b, _c;
+export const usePresenceBadge_unstable = (props, ref) => {
+  var _a, _b;
 
-  var state = __assign(__assign({}, useBadge(__assign(__assign({
-    size: 'small'
-  }, props), {
-    icon: resolveShorthand(props.icon, {
-      required: true
-    })
-  }), ref)), {
+  const state = { ...useBadge_unstable({
+      size: 'medium',
+      ...props,
+      icon: resolveShorthand(undefined, {
+        required: true
+      })
+    }, 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 = /*#__PURE__*/React.createElement(IconElement, null);
   }
 
   return state;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,2BAAjC;AACA,SAAS,QAAT,QAAyB,gBAAzB;AACA,SACE,cADF,EAEE,cAFF,EAGE,cAHF,EAIE,cAJF,EAKE,UALF,QAMO,6BANP;;AASA,IAAM,OAAO,GAA8E,UAAA,WAAA,EAAW;AAAI,SAAC;AACzG,IAAA,IAAI,EAAE,IADmG;AAEzG,IAAA,SAAS,EAAE,WAAW,gBAAG,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,IAAf,CAAH,gBAAwB,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,IAAf,CAF2D;AAGzG,IAAA,IAAI,EAAE,WAAW,gBAAG,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,IAAf,CAAH,gBAAwB,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,IAAf,CAHgE;AAIzG,IAAA,OAAO,eAAE,KAAA,CAAA,aAAA,CAAC,UAAD,EAAW,IAAX,CAJgG;AAKzG,IAAA,WAAW,eAAE,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,IAAf,CAL4F;AAMzG,IAAA,YAAY,eAAE,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,IAAf;AAN2F,GAAD;AAOxG,CAPF;AASA;;AAEG;;;AACH,OAAO,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAA4B,GAA5B,EAAuD;;;AACrF,MAAM,KAAK,GAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACN,QAAQ,CAAA,QAAA,CAAA,QAAA,CAAA;AAEP,IAAA,IAAI,EAAE;AAFC,GAAA,EAGJ,KAHI,CAAA,EAGC;AACR,IAAA,IAAI,EAAE,gBAAgB,CAAC,KAAK,CAAC,IAAP,EAAa;AACjC,MAAA,QAAQ,EAAE;AADuB,KAAb;AADd,GAHD,CAAA,EAQT,GARS,CADF,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","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,2BAAjC;AACA,SACE,uBADF,EAEE,wBAFF,EAGE,kBAHF,EAIE,kBAJF,EAKE,iBALF,EAME,kBANF,EAOE,sBAPF,EAQE,kBARF,EASE,sBATF,QAUO,iBAVP;AAWA,SAAS,iBAAT,QAA8C,gBAA9C;;AAGA,MAAM,OAAO,GAAG,CACd,MADc,EAEd,WAFc,EAGd,IAHc,KAIoB;AAClC,UAAQ,MAAR;AACE,SAAK,WAAL;AACE,aAAO,WAAW,GAAG,wBAAwB,CAAC,IAAD,CAA3B,GAAoC,uBAAuB,CAAC,IAAD,CAA7E;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,sBAAsB,CAAC,IAAD,CAAzB,GAAkC,kBAAkB,CAAC,IAAD,CAAtE;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,sBAAsB,CAAC,IAAD,CAAzB,GAAkC,kBAAkB,CAAC,IAAD,CAAtE;;AACF,SAAK,cAAL;AACE,aAAO,WAAW,GAAG,kBAAkB,CAAC,IAAD,CAArB,GAA8B,iBAAiB,CAAC,IAAD,CAAjE;;AACF,SAAK,SAAL;AACE,aAAO,sBAAsB,CAAC,IAAD,CAA7B;;AACF,SAAK,aAAL;AACE,aAAO,kBAAkB,CAAC,IAAD,CAAzB;AAZJ;AAcD,CAnBD;AAqBA;;AAEG;;;AACH,OAAO,MAAM,yBAAyB,GAAG,CACvC,KADuC,EAEvC,GAFuC,KAGjB;;;AACtB,QAAM,KAAK,GAAuB,EAChC,GAAG,iBAAiB,CAClB;AACE,MAAA,IAAI,EAAE,QADR;AAEE,SAAG,KAFL;AAGE,MAAA,IAAI,EAAE,gBAAgB,CAAC,SAAD,EAAkC;AACtD,QAAA,QAAQ,EAAE;AAD4C,OAAlC;AAHxB,KADkB,EAQlB,GARkB,CADY;AAWhC,IAAA,MAAM,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,MAAN,MAAY,IAAZ,IAAY,EAAA,KAAA,KAAA,CAAZ,GAAY,EAAZ,GAAgB,WAXQ;AAYhC,IAAA,WAAW,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,WAAN,MAAiB,IAAjB,IAAiB,EAAA,KAAA,KAAA,CAAjB,GAAiB,EAAjB,GAAqB;AAZF,GAAlC;AAeA,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,gBAAuB,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CAzBM","sourceRoot":""}

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

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