@fluentui/react-badge 0.0.0-nightly-20220302-0405.1

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

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCounterBadgeStyles_unstable = exports.counterBadgeClassName = void 0;
+
+const react_1 = /*#__PURE__*/require("@griffel/react");
+
+const useBadgeStyles_1 = /*#__PURE__*/require("../Badge/useBadgeStyles");
+
+exports.counterBadgeClassName = 'fui-CounterBadge';
+
+const useStyles = /*#__PURE__*/react_1.__styles({
+  "dot": {
+    "Bf4jedk": "fgfkb25",
+    "a9b677": "f16dn6v3",
+    "Bqenvij": "f3mu39s",
+    "z8tnut": "f1g0x7ka",
+    "z189sj": ["fhxju0i", "f1cnd47f"],
+    "Byoj8tv": "f1qch9an",
+    "uwmqm3": ["f1cnd47f", "fhxju0i"]
+  },
+  "hide": {
+    "mc9l5x": "fjseox"
+  }
+}, {
+  "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
+ */
+
+
+const useCounterBadgeStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = react_1.mergeClasses(exports.counterBadgeClassName, state.dot && styles.dot, !state.showZero && state.count === 0 && !state.dot && styles.hide, state.root.className);
+  return useBadgeStyles_1.useBadgeStyles_unstable(state);
+};
+
+exports.useCounterBadgeStyles_unstable = useCounterBadgeStyles_unstable;
+//# sourceMappingURL=useCounterBadgeStyles.js.map

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

@@ -0,0 +1 @@
+{"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;;AAGa,OAAA,CAAA,qBAAA,GAAwB,kBAAxB;;AAEb,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,qBADqB,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;AAMA,SAAO,gBAAA,CAAA,uBAAA,CAAwB,KAAxB,CAAP;AACD,CATM;;AAAM,OAAA,CAAA,8BAAA,GAA8B,8BAA9B","sourcesContent":["import { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { useBadgeStyles_unstable } from '../Badge/useBadgeStyles';\nimport type { CounterBadgeState } from './CounterBadge.types';\n\nexport const counterBadgeClassName = 'fui-CounterBadge';\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    counterBadgeClassName,\n    state.dot && styles.dot,\n    !state.showZero && state.count === 0 && !state.dot && styles.hide,\n    state.root.className,\n  );\n  return useBadgeStyles_unstable(state) as CounterBadgeState;\n};\n"],"sourceRoot":"../src/"}

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

@@ -0,0 +1,6 @@
+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-commonjs/components/PresenceBadge/PresenceBadge.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PresenceBadge = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const usePresenceBadge_1 = /*#__PURE__*/require("./usePresenceBadge");
+
+const usePresenceBadgeStyles_1 = /*#__PURE__*/require("./usePresenceBadgeStyles");
+
+const Badge_1 = /*#__PURE__*/require("../../Badge");
+/**
+ * Define a styled Badge, using the `useBadge_unstable` hook.
+ */
+
+
+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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,19 @@
+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-commonjs/components/PresenceBadge/PresenceBadge.types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=PresenceBadge.types.js.map

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

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

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

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

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./PresenceBadge"), exports);
+
+tslib_1.__exportStar(require("./PresenceBadge.types"), exports);
+
+tslib_1.__exportStar(require("./usePresenceBadge"), exports);
+
+tslib_1.__exportStar(require("./usePresenceBadgeStyles"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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.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-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.d.ts

@@ -0,0 +1,6 @@
+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-commonjs/components/PresenceBadge/usePresenceBadge.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePresenceBadge_unstable = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+const presenceIcons_1 = /*#__PURE__*/require("./presenceIcons");
+
+const index_1 = /*#__PURE__*/require("../Badge/index");
+
+const iconMap = (status, outOfOffice, size) => {
+  switch (status) {
+    case 'available':
+      return outOfOffice ? presenceIcons_1.presenceAvailableRegular[size] : presenceIcons_1.presenceAvailableFilled[size];
+
+    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 'doNotDisturb':
+      return outOfOffice ? presenceIcons_1.presenceDndRegular[size] : presenceIcons_1.presenceDndFilled[size];
+
+    case 'offline':
+      return presenceIcons_1.presenceOfflineRegular[size];
+
+    case 'outOfOffice':
+      return presenceIcons_1.presenceOofRegular[size];
+  }
+};
+/**
+ * Returns the props and state required to render the component
+ */
+
+
+const usePresenceBadge_unstable = (props, ref) => {
+  var _a, _b;
+
+  const state = { ...index_1.useBadge_unstable({
+      size: 'medium',
+      ...props,
+      icon: react_utilities_1.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 (IconElement) {
+    state.icon.children = React.createElement(IconElement, null);
+  }
+
+  return state;
+};
+
+exports.usePresenceBadge_unstable = usePresenceBadge_unstable;
+//# sourceMappingURL=usePresenceBadge.js.map

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

@@ -0,0 +1 @@
+{"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,cAAL;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,aAAL;AACE,aAAO,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAAP;AAZJ;AAcD,CAnBD;AAqBA;;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,SAAjB,EAAkD;AACtD,QAAA,QAAQ,EAAE;AAD4C,OAAlD;AAHR,KADC,EAQD,GARC,CAD6B;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,GAAuB,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CAzBM;;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, BadgeProps } 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 'doNotDisturb':\n      return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];\n    case 'offline':\n      return presenceOfflineRegular[size];\n    case 'outOfOffice':\n      return presenceOofRegular[size];\n  }\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(undefined as BadgeProps['icon'], {\n          required: true,\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/"}

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

@@ -0,0 +1,6 @@
+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-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePresenceBadgeStyles_unstable = exports.presenceBadgeClassName = void 0;
+
+const react_1 = /*#__PURE__*/require("@griffel/react");
+
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
+
+exports.presenceBadgeClassName = 'fui-PresenceBadge';
+
+const useStyles = /*#__PURE__*/react_1.__styles({
+  "root": {
+    "z8tnut": "f1g0x7ka",
+    "z189sj": ["fhxju0i", "f1cnd47f"],
+    "Byoj8tv": "f1qch9an",
+    "uwmqm3": ["f1cnd47f", "fhxju0i"],
+    "mc9l5x": "ftuwxu6",
+    "B7ck84d": "f1ewtqcl",
+    "Bt984gj": "f122n59",
+    "Brf1p80": "f4d9j23",
+    "Bhmb4qv": "fb8jth9",
+    "Bbmb7ep": ["fqgqgel", "fchfifz"],
+    "Beyfa6y": ["fchfifz", "fqgqgel"],
+    "B7oj6ja": ["fc7b1hi", "f1dpx5h9"],
+    "Btl43ni": ["f1dpx5h9", "fc7b1hi"],
+    "De3pzq": "fxugw4r"
+  },
+  "statusBusy": {
+    "sj55zd": "fvi85wt"
+  },
+  "statusAway": {
+    "sj55zd": "f14k8a89"
+  },
+  "statusAvailable": {
+    "sj55zd": "fqa5hgp"
+  },
+  "statusOffline": {
+    "sj55zd": "f11d4kpn"
+  },
+  "statusOutOfOffice": {
+    "sj55zd": "fdce8r3"
+  },
+  "outOfOffice": {
+    "sj55zd": "fr0bkrk"
+  },
+  "outOfOfficeAvailable": {
+    "sj55zd": "fqa5hgp"
+  },
+  "outOfOfficeBusy": {
+    "sj55zd": "fvi85wt"
+  },
+  "outOfOfficeAway": {
+    "sj55zd": "f14k8a89"
+  },
+  "tiny": {
+    "Bubjx69": "f9ikmtg",
+    "a9b677": "f16dn6v3",
+    "B5pe6w7": "fab5kbq",
+    "p4uzdd": "f1ms1d91"
+  },
+  "large": {
+    "Bubjx69": "f9ikmtg",
+    "a9b677": "f64fuq3",
+    "B5pe6w7": "f1vfi1yj",
+    "p4uzdd": "f15s34gz"
+  },
+  "extraLarge": {
+    "Bubjx69": "f9ikmtg",
+    "a9b677": "f1w9dchk",
+    "B5pe6w7": "f14efy9b",
+    "p4uzdd": "fhipgdu"
+  }
+}, {
+  "d": [".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f1ewtqcl{box-sizing:border-box;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fb8jth9 span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fqgqgel{border-bottom-right-radius:50%;}", ".fchfifz{border-bottom-left-radius:50%;}", ".fc7b1hi{border-top-right-radius:50%;}", ".f1dpx5h9{border-top-left-radius:50%;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fvi85wt{color:var(--colorPaletteRedBackground3);}", ".f14k8a89{color:var(--colorPaletteMarigoldBackground3);}", ".fqa5hgp{color:var(--colorPaletteLightGreenForeground3);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fdce8r3{color:var(--colorPaletteBerryForeground3);}", ".fr0bkrk{color:var(--colorNeutralBackground1);}", ".f9ikmtg{aspect-ratio:1;}", ".f16dn6v3{width:6px;}", ".fab5kbq svg{width:6px!important;}", ".f1ms1d91 svg{height:6px!important;}", ".f64fuq3{width:20px;}", ".f1vfi1yj svg{width:20px!important;}", ".f15s34gz svg{height:20px!important;}", ".f1w9dchk{width:28px;}", ".f14efy9b svg{width:28px!important;}", ".fhipgdu svg{height:28px!important;}"]
+});
+/**
+ * Applies style classnames to slots
+ */
+
+
+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);
+  return state;
+};
+
+exports.usePresenceBadgeStyles_unstable = usePresenceBadgeStyles_unstable;
+//# sourceMappingURL=usePresenceBadgeStyles.js.map

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

@@ -0,0 +1 @@
+{"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;;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","sourcesContent":["import { mergeClasses, makeStyles, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { PresenceBadgeState } from './PresenceBadge.types';\n\nexport const presenceBadgeClassName = 'fui-PresenceBadge';\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  state.root.className = mergeClasses(\n    presenceBadgeClassName,\n    styles.root,\n    (state.status === 'busy' || state.status === 'doNotDisturb') && styles.statusBusy,\n    state.status === 'away' && styles.statusAway,\n    state.status === 'available' && styles.statusAvailable,\n    state.status === 'offline' && styles.statusOffline,\n    state.status === 'outOfOffice' && styles.statusOutOfOffice,\n    state.outOfOffice && styles.outOfOffice,\n    state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable,\n    state.outOfOffice && (state.status === 'busy' || state.status === 'doNotDisturb') && styles.outOfOfficeBusy,\n    state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway,\n    state.outOfOffice && state.status === 'offline' && styles.statusOffline,\n    state.outOfOffice && state.status === 'outOfOffice' && 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  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/index.d.ts

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

package/lib-commonjs/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/Badge/index"), exports);
+
+tslib_1.__exportStar(require("./Badge"), exports);
+
+tslib_1.__exportStar(require("./PresenceBadge"), exports);
+
+tslib_1.__exportStar(require("./components/CounterBadge/index"), exports);
+
+tslib_1.__exportStar(require("./CounterBadge"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["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","sourcesContent":["export * from './components/Badge/index';\nexport * from './Badge';\nexport * from './PresenceBadge';\nexport * from './components/CounterBadge/index';\nexport * from './CounterBadge';\n"],"sourceRoot":"../src/"}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@fluentui/react-badge",
+  "version": "0.0.0-nightly-20220302-0405.1",
+  "description": "React components for building web experiences",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "typings": "lib/index.d.ts",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "just-scripts build",
+    "bundle-size": "bundle-size measure",
+    "clean": "just-scripts clean",
+    "code-style": "just-scripts code-style",
+    "just": "just-scripts",
+    "lint": "just-scripts lint",
+    "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",
+    "type-check": "tsc -b tsconfig.json"
+  },
+  "devDependencies": {
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/react-conformance": "*",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220302-0405.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"
+  },
+  "dependencies": {
+    "@fluentui/react-icons": "^2.0.159-beta.10",
+    "@griffel/react": "1.0.0",
+    "@fluentui/react-theme": "0.0.0-nightly-20220302-0405.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20220302-0405.1",
+    "tslib": "^2.1.0"
+  },
+  "peerDependencies": {
+    "@types/react": ">=16.8.0 <18.0.0",
+    "@types/react-dom": ">=16.8.0 <18.0.0",
+    "react": ">=16.8.0 <18.0.0",
+    "react-dom": ">=16.8.0 <18.0.0"
+  },
+  "beachball": {
+    "disallowedChangeTypes": [
+      "major",
+      "minor",
+      "patch"
+    ]
+  }
+}