@fluentui/react-badge 9.0.0-alpha.83 → 9.0.0-alpha.87

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

@@ -2,7 +2,9 @@ import * as React from 'react';
 /**
  * Define a styled Badge, using the `useBadge` hook.
  */
-export declare const PresenceBadge: React.ForwardRefExoticComponent<Pick<import("../Badge/Badge.types").BadgeProps, "children" | "as" | "className" | "icon" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "size" | "iconPosition"> & {
-    status?: "available" | "busy" | "outOfOffice" | "away" | "offline" | "doNotDisturb" | undefined;
-    outOfOffice?: boolean | undefined;
-} & React.RefAttributes<HTMLElement>>;
+export declare const PresenceBadge: React.ForwardRefExoticComponent<Pick<{
+    root?: import("@fluentui/react-utilities").ShorthandProps<import("@fluentui/react-utilities").ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>>;
+    icon?: import("@fluentui/react-utilities").ShorthandProps<import("@fluentui/react-utilities").ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>>;
+}, "icon"> & React.HTMLAttributes<HTMLElement> & {
+    children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactNodeArray | React.ReactPortal | import("@fluentui/react-utilities").ShorthandRenderFunction<React.HTMLAttributes<HTMLElement>> | null | undefined;
+} & Partial<import("../Badge/Badge.types").BadgeCommons> & Partial<import("./PresenceBadge.types").PresenceBadgeCommons> & React.RefAttributes<HTMLElement>>;

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

@@ -1 +1 @@
-{"version":3,"sources":["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;AAGA;;AAEG;;;AACU,OAAA,CAAA,aAAA,gBAAgB,KAAK,CAAC,UAAN,CAAkD,UAAC,KAAD,EAAQ,GAAR,EAAW;AACxF,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,CAL4B,CAAhB;AAOb,OAAA,CAAA,aAAA,CAAc,WAAd,GAA4B,eAA5B","sourcesContent":["import * as React from 'react';\nimport { usePresenceBadge } from './usePresenceBadge';\nimport { usePresenceBadgeStyles } from './usePresenceBadgeStyles';\nimport { renderBadge } from '../../Badge';\nimport type { PresenceBadgeProps } from './PresenceBadge.types';\n\n/**\n * Define a styled Badge, using the `useBadge` hook.\n */\nexport const PresenceBadge = React.forwardRef<HTMLElement, PresenceBadgeProps>((props, ref) => {\n  const state = usePresenceBadge(props, ref);\n  usePresenceBadgeStyles(state);\n\n  return renderBadge(state);\n});\n\nPresenceBadge.displayName = 'PresenceBadge';\n"],"sourceRoot":"../src/"}
+{"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;AAGA;;AAEG;;;AACU,OAAA,CAAA,aAAA,gBAAgB,KAAK,CAAC,UAAN,CAAkD,UAAC,KAAD,EAAQ,GAAR,EAAW;AACxF,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,CAL4B,CAAhB;AAOb,OAAA,CAAA,aAAA,CAAc,WAAd,GAA4B,eAA5B","sourceRoot":""}

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

@@ -1,28 +1,17 @@
 import type { BadgeProps, BadgeState } from '../Badge/index';
 export declare type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb';
-export declare type PresenceBadgeProps = Omit<BadgeProps, 'shape' | 'appearance'> & {
+export interface PresenceBadgeCommons {
     /**
      * Represents several status
-     * @defaultvalue 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
-     * @defaultvalue false
-     */
-    outOfOffice?: boolean;
-};
-export declare type PresenceBadgeState = Omit<BadgeState, 'shape' | 'appearance'> & {
-    /**
-     * Represents several status
-     * @defaultvalue available
+     * @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
-     * @defaultvalue false
+     * @default false
      */
     outOfOffice: boolean;
-};
+}
+export declare type PresenceBadgeProps = BadgeProps & Partial<PresenceBadgeCommons>;
+export declare type PresenceBadgeState = BadgeState & PresenceBadgeCommons;

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

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

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

@@ -1 +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/"}
+{"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":""}

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

@@ -1,10 +1,6 @@
 import * as React from 'react';
 import type { PresenceBadgeProps, PresenceBadgeState } from './PresenceBadge.types';
-/**
- * Consts listing which props are shorthand props.
- */
-export declare const presenceBadgeShorthandPropsCompat: (keyof PresenceBadgeProps)[];
 /**
  * Returns the props and state required to render the component
  */
-export declare const usePresenceBadge: (props: PresenceBadgeProps, ref: React.Ref<HTMLElement>, defaultProps?: PresenceBadgeProps | undefined) => PresenceBadgeState;
+export declare const usePresenceBadge: (props: PresenceBadgeProps, ref: React.Ref<HTMLElement>) => PresenceBadgeState;

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

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.usePresenceBadge = exports.presenceBadgeShorthandPropsCompat = void 0;
+exports.usePresenceBadge = void 0;
+
+var tslib_1 = /*#__PURE__*/require("tslib");
 
 var React = /*#__PURE__*/require("react");
 
@@ -12,16 +14,6 @@ var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 var index_1 = /*#__PURE__*/require("../Badge/index");
 
 var DefaultPresenceBadgeIcons_1 = /*#__PURE__*/require("./DefaultPresenceBadgeIcons");
-/**
- * Consts listing which props are shorthand props.
- */
-
-
-exports.presenceBadgeShorthandPropsCompat = ['icon']; // eslint-disable-next-line deprecation/deprecation
-
-var mergeProps = /*#__PURE__*/react_utilities_1.makeMergePropsCompat({
-  deepMerge: exports.presenceBadgeShorthandPropsCompat
-});
 
 var iconMap = function (outOfOffice) {
   return {
@@ -38,19 +30,21 @@ var iconMap = function (outOfOffice) {
  */
 
 
-var usePresenceBadge = function (props, ref, defaultProps) {
-  var _a;
+var usePresenceBadge = function (props, ref) {
+  var _a, _b, _c;
 
-  var state = index_1.useBadge(props, ref, mergeProps({
-    size: 'small',
-    status: 'available',
-    outOfOffice: false,
-    icon: {
-      as: 'span'
-    }
-  }, defaultProps));
+  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)), {
+    status: (_a = props.status) !== null && _a !== void 0 ? _a : 'available',
+    outOfOffice: (_b = props.outOfOffice) !== null && _b !== void 0 ? _b : false
+  });
 
-  if (!((_a = state.icon) === null || _a === void 0 ? void 0 : _a.children)) {
+  if (!((_c = state.icon) === null || _c === void 0 ? void 0 : _c.children)) {
     state.icon.children = iconMap(state.outOfOffice)[state.status];
   }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["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;AAUA;;AAEG;;;AACU,OAAA,CAAA,iCAAA,GAAkE,CAAC,MAAD,CAAlE,C,CAEb;;AACA,IAAM,UAAU,gBAAG,iBAAA,CAAA,oBAAA,CAAyC;AAAE,EAAA,SAAS,EAAE,OAAA,CAAA;AAAb,CAAzC,CAAnB;;AAEA,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,UAC9B,KAD8B,EAE9B,GAF8B,EAG9B,YAH8B,EAGG;;;AAEjC,MAAM,KAAK,GAAG,OAAA,CAAA,QAAA,CACZ,KADY,EAEZ,GAFY,EAGZ,UAAU,CACR;AACE,IAAA,IAAI,EAAE,OADR;AAEE,IAAA,MAAM,EAAE,WAFV;AAGE,IAAA,WAAW,EAAE,KAHf;AAIE,IAAA,IAAI,EAAE;AAAE,MAAA,EAAE,EAAE;AAAN;AAJR,GADQ,EAOR,YAPQ,CAHE,CAAd;;AAcA,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,CAxBM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourcesContent":["import * as React from 'react';\nimport { makeMergePropsCompat } from '@fluentui/react-utilities';\nimport { useBadge } from '../Badge/index';\nimport {\n  SkypeMinusIcon,\n  SkypeClockIcon,\n  SkypeArrowIcon,\n  SkypeCheckIcon,\n  CancelIcon,\n} from './DefaultPresenceBadgeIcons';\nimport type { PresenceBadgeProps, PresenceBadgeState, PresenceBadgeStatus } from './PresenceBadge.types';\nimport type { BadgeProps } from '../Badge/index';\n\n/**\n * Consts listing which props are shorthand props.\n */\nexport const presenceBadgeShorthandPropsCompat: (keyof PresenceBadgeProps)[] = ['icon'];\n\n// eslint-disable-next-line deprecation/deprecation\nconst mergeProps = makeMergePropsCompat<PresenceBadgeState>({ deepMerge: presenceBadgeShorthandPropsCompat });\n\nconst iconMap: (outOfOffice: boolean) => Record<PresenceBadgeStatus, JSX.Element | null> = outOfOffice => ({\n  busy: null,\n  available: outOfOffice ? <SkypeArrowIcon /> : <SkypeCheckIcon />,\n  away: outOfOffice ? <SkypeArrowIcon /> : <SkypeClockIcon />,\n  offline: <CancelIcon />,\n  outOfOffice: <SkypeArrowIcon />,\n  doNotDisturb: <SkypeMinusIcon />,\n});\n\n/**\n * Returns the props and state required to render the component\n */\nexport const usePresenceBadge = (\n  props: PresenceBadgeProps,\n  ref: React.Ref<HTMLElement>,\n  defaultProps?: PresenceBadgeProps,\n): PresenceBadgeState => {\n  const state = useBadge(\n    props,\n    ref,\n    mergeProps(\n      {\n        size: 'small',\n        status: 'available',\n        outOfOffice: false,\n        icon: { as: 'span' },\n      },\n      defaultProps,\n    ) as BadgeProps,\n  ) as PresenceBadgeState;\n\n  if (!state.icon?.children) {\n    state.icon!.children = iconMap(state.outOfOffice)[state.status];\n  }\n\n  return state;\n};\n"],"sourceRoot":"../src/"}
+{"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":""}

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

@@ -85,7 +85,7 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
 
 var usePresenceBadgeStyles = function (state) {
   var styles = useStyles();
-  state.className = react_make_styles_1.mergeClasses(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.size === 'smallest' || state.size === 'smaller') && styles.thinBorder, state.className);
+  state.root.className = react_make_styles_1.mergeClasses(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.size === 'tiny' || state.size === 'extra-small') && styles.thinBorder, state.root.className);
   return Badge_1.useBadgeStyles(state);
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["components/PresenceBadge/usePresenceBadgeStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,aAAA,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AA4CA;;AAEG;;;AACI,IAAM,sBAAsB,GAAG,UAAC,KAAD,EAA0B;AAC9D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,mBAAA,CAAA,YAAA,CAChB,MAAM,CAAC,IADS,EAEhB,CAAC,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAA7C,KAAgE,MAAM,CAAC,UAFvD,EAGhB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,MAAM,CAAC,UAHlB,EAIhB,KAAK,CAAC,MAAN,KAAiB,WAAjB,IAAgC,MAAM,CAAC,eAJvB,EAKhB,KAAK,CAAC,MAAN,KAAiB,SAAjB,IAA8B,MAAM,CAAC,aALrB,EAMhB,KAAK,CAAC,MAAN,KAAiB,aAAjB,IAAkC,MAAM,CAAC,iBANzB,EAOhB,KAAK,CAAC,WAAN,IAAqB,MAAM,CAAC,WAPZ,EAQhB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,WAAtC,IAAqD,MAAM,CAAC,oBAR5C,EAShB,KAAK,CAAC,WAAN,KAAsB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAAlE,KAAqF,MAAM,CAAC,eAT5E,EAUhB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,MAAtC,IAAgD,MAAM,CAAC,eAVvC,EAWhB,CAAC,KAAK,CAAC,IAAN,KAAe,UAAf,IAA6B,KAAK,CAAC,IAAN,KAAe,SAA7C,KAA2D,MAAM,CAAC,UAXlD,EAYhB,KAAK,CAAC,SAZU,CAAlB;AAeA,SAAO,OAAA,CAAA,cAAA,CAAe,KAAf,CAAP;AACD,CAlBM;;AAAM,OAAA,CAAA,sBAAA,GAAsB,sBAAtB","sourcesContent":["import { mergeClasses, makeStyles } from '@fluentui/react-make-styles';\nimport { useBadgeStyles } from '../../Badge';\nimport type { PresenceBadgeState } from './PresenceBadge.types';\n\nconst useStyles = makeStyles({\n  root: theme => ({\n    padding: 0,\n    borderWidth: theme.global.strokeWidth.thick,\n  }),\n  thinBorder: theme => ({\n    borderWidth: theme.global.strokeWidth.thin,\n  }),\n  statusBusy: theme => ({\n    backgroundColor: theme.alias.color.red.background3,\n    borderColor: theme.alias.color.red.background3,\n  }),\n  statusAway: theme => ({\n    backgroundColor: theme.alias.color.marigold.background3,\n    borderColor: theme.alias.color.marigold.background3,\n  }),\n  statusAvailable: theme => ({\n    backgroundColor: theme.alias.color.lightGreen.foreground3,\n    borderColor: theme.alias.color.lightGreen.foreground3,\n  }),\n  statusOffline: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralBackground1,\n    color: theme.alias.color.neutral.neutralForeground3,\n    borderColor: theme.alias.color.neutral.neutralForeground3,\n  }),\n  statusOutOfOffice: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralBackground1,\n    color: theme.alias.color.berry.foreground3,\n    borderColor: theme.alias.color.berry.foreground3,\n  }),\n  outOfOffice: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralBackground1,\n  }),\n  outOfOfficeAvailable: theme => ({\n    color: theme.alias.color.lightGreen.foreground3,\n  }),\n  outOfOfficeBusy: theme => ({\n    color: theme.alias.color.red.background3,\n  }),\n  outOfOfficeAway: theme => ({\n    color: theme.alias.color.marigold.background3,\n  }),\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const usePresenceBadgeStyles = (state: PresenceBadgeState): PresenceBadgeState => {\n  const styles = useStyles();\n  state.className = mergeClasses(\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.size === 'smallest' || state.size === 'smaller') && styles.thinBorder,\n    state.className,\n  );\n\n  return useBadgeStyles(state) as PresenceBadgeState;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadgeStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,aAAA,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AA4CA;;AAEG;;;AACI,IAAM,sBAAsB,GAAG,UAAC,KAAD,EAA0B;AAC9D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,MAAM,CAAC,IADc,EAErB,CAAC,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAA7C,KAAgE,MAAM,CAAC,UAFlD,EAGrB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,MAAM,CAAC,UAHb,EAIrB,KAAK,CAAC,MAAN,KAAiB,WAAjB,IAAgC,MAAM,CAAC,eAJlB,EAKrB,KAAK,CAAC,MAAN,KAAiB,SAAjB,IAA8B,MAAM,CAAC,aALhB,EAMrB,KAAK,CAAC,MAAN,KAAiB,aAAjB,IAAkC,MAAM,CAAC,iBANpB,EAOrB,KAAK,CAAC,WAAN,IAAqB,MAAM,CAAC,WAPP,EAQrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,WAAtC,IAAqD,MAAM,CAAC,oBARvC,EASrB,KAAK,CAAC,WAAN,KAAsB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAAlE,KAAqF,MAAM,CAAC,eATvE,EAUrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,MAAtC,IAAgD,MAAM,CAAC,eAVlC,EAWrB,CAAC,KAAK,CAAC,IAAN,KAAe,MAAf,IAAyB,KAAK,CAAC,IAAN,KAAe,aAAzC,KAA2D,MAAM,CAAC,UAX7C,EAYrB,KAAK,CAAC,IAAN,CAAW,SAZU,CAAvB;AAeA,SAAO,OAAA,CAAA,cAAA,CAAe,KAAf,CAAP;AACD,CAlBM;;AAAM,OAAA,CAAA,sBAAA,GAAsB,sBAAtB","sourceRoot":""}

package/lib-commonjs/index.js.map

@@ -1 +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/"}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iCAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-badge",
-  "version": "9.0.0-alpha.83",
+  "version": "9.0.0-alpha.87",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -25,11 +25,11 @@
     "storybook": "start-storybook"
   },
   "devDependencies": {
-    "@fluentui/babel-make-styles": "9.0.0-alpha.51",
+    "@fluentui/babel-make-styles": "9.0.0-alpha.55",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/jest-serializer-make-styles": "9.0.0-alpha.44",
+    "@fluentui/jest-serializer-make-styles": "9.0.0-alpha.48",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-make-styles": "9.0.0-alpha.13",
+    "@fluentui/react-conformance-make-styles": "9.0.0-alpha.17",
     "@fluentui/scripts": "^1.0.0",
     "@types/enzyme": "3.10.3",
     "@types/enzyme-adapter-react-16": "1.0.3",
@@ -43,9 +43,9 @@
     "react-test-renderer": "^16.3.0"
   },
   "dependencies": {
-    "@fluentui/react-make-styles": "9.0.0-alpha.69",
+    "@fluentui/react-make-styles": "9.0.0-alpha.73",
     "@fluentui/react-theme": "9.0.0-alpha.23",
-    "@fluentui/react-utilities": "9.0.0-alpha.49",
+    "@fluentui/react-utilities": "9.0.0-alpha.53",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {

package/lib-amd/Badge.d.ts

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

package/lib-amd/Badge.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/Badge/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=Badge.js.map

package/lib-amd/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sourceRoot":"../src/","sources":["Badge.ts"],"names":[],"mappings":";;;IAAA,uCAAyC","sourcesContent":["export * from './components/Badge/index';\n"]}

package/lib-amd/CounterBadge.d.ts

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

package/lib-amd/CounterBadge.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/CounterBadge/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=CounterBadge.js.map

package/lib-amd/CounterBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CounterBadge.js","sourceRoot":"../src/","sources":["CounterBadge.ts"],"names":[],"mappings":";;;IAAA,uCAAgD","sourcesContent":["export * from './components/CounterBadge/index';\n"]}

package/lib-amd/PresenceBadge.d.ts

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

package/lib-amd/PresenceBadge.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/PresenceBadge/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=PresenceBadge.js.map

package/lib-amd/PresenceBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PresenceBadge.js","sourceRoot":"../src/","sources":["PresenceBadge.ts"],"names":[],"mappings":";;;IAAA,uCAAiD","sourcesContent":["export * from './components/PresenceBadge/index';\n"]}

package/lib-amd/common/isConformant.d.ts

@@ -1,4 +0,0 @@
-import type { IsConformantOptions } from '@fluentui/react-conformance';
-export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
-    componentPath?: string;
-}): void;

package/lib-amd/common/isConformant.js

@@ -1,15 +0,0 @@
-define(["require", "exports", "@fluentui/react-conformance", "@fluentui/react-conformance-make-styles"], function (require, exports, react_conformance_1, react_conformance_make_styles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.isConformant = void 0;
-    function isConformant(testInfo) {
-        var defaultOptions = {
-            asPropHandlesRef: true,
-            componentPath: module.parent.filename.replace('.test', ''),
-            extraTests: react_conformance_make_styles_1.default,
-        };
-        react_conformance_1.isConformant(defaultOptions, testInfo);
-    }
-    exports.isConformant = isConformant;
-});
-//# sourceMappingURL=isConformant.js.map

package/lib-amd/common/isConformant.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isConformant.js","sourceRoot":"../src/","sources":["common/isConformant.ts"],"names":[],"mappings":";;;;IAIA,SAAgB,YAAY,CAC1B,QAAyF;QAEzF,IAAM,cAAc,GAAyC;YAC3D,gBAAgB,EAAE,IAAI;YACtB,aAAa,EAAE,MAAO,CAAC,MAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;YAC5D,UAAU,EAAE,uCAAqC;SAClD,CAAC;QAEF,gCAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAVD,oCAUC","sourcesContent":["import { isConformant as baseIsConformant } from '@fluentui/react-conformance';\nimport makeStylesTests from '@fluentui/react-conformance-make-styles';\nimport type { IsConformantOptions, TestObject } from '@fluentui/react-conformance';\n\nexport function isConformant<TProps = {}>(\n  testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },\n) {\n  const defaultOptions: Partial<IsConformantOptions<TProps>> = {\n    asPropHandlesRef: true,\n    componentPath: module!.parent!.filename.replace('.test', ''),\n    extraTests: makeStylesTests as TestObject<TProps>,\n  };\n\n  baseIsConformant(defaultOptions, testInfo);\n}\n"]}

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

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { BadgeProps } from './Badge.types';
-/**
- * Define a styled Badge, using the `useBadge` hook.
- */
-export declare const Badge: React.FunctionComponent<BadgeProps & React.RefAttributes<HTMLElement>>;

package/lib-amd/components/Badge/Badge.js

@@ -1,15 +0,0 @@
-define(["require", "exports", "react", "./useBadge", "./useBadgeStyles", "./renderBadge"], function (require, exports, React, useBadge_1, useBadgeStyles_1, renderBadge_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Badge = void 0;
-    /**
-     * Define a styled Badge, using the `useBadge` hook.
-     */
-    exports.Badge = React.forwardRef(function (props, ref) {
-        var state = useBadge_1.useBadge(props, ref);
-        useBadgeStyles_1.useBadgeStyles(state);
-        return renderBadge_1.renderBadge(state);
-    });
-    exports.Badge.displayName = 'Badge';
-});
-//# sourceMappingURL=Badge.js.map

package/lib-amd/components/Badge/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sourceRoot":"../src/","sources":["components/Badge/Badge.tsx"],"names":[],"mappings":";;;;IAMA;;OAEG;IACU,QAAA,KAAK,GAA2E,KAAK,CAAC,UAAU,CAG3G,UAAC,KAAK,EAAE,GAAG;QACX,IAAM,KAAK,GAAG,mBAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACnC,+BAAc,CAAC,KAAK,CAAC,CAAC;QAEtB,OAAO,yBAAW,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC","sourcesContent":["import * as React from 'react';\nimport { useBadge } from './useBadge';\nimport { useBadgeStyles } from './useBadgeStyles';\nimport { renderBadge } from './renderBadge';\nimport type { BadgeProps } from './Badge.types';\n\n/**\n * Define a styled Badge, using the `useBadge` hook.\n */\nexport const Badge: React.FunctionComponent<BadgeProps & React.RefAttributes<HTMLElement>> = React.forwardRef<\n  HTMLElement,\n  BadgeProps\n>((props, ref) => {\n  const state = useBadge(props, ref);\n  useBadgeStyles(state);\n\n  return renderBadge(state);\n});\n\nBadge.displayName = 'Badge';\n"]}

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

@@ -1,47 +0,0 @@
-import * as React from 'react';
-import type { ComponentPropsCompat, ShorthandPropsCompat, ObjectShorthandPropsCompat } from '@fluentui/react-utilities';
-export declare type BadgeSize = 'smallest' | 'smaller' | 'small' | 'medium' | 'large' | 'larger' | 'largest';
-export declare type BadgeAppearance = 'filled' | 'outline' | 'ghost' | 'tint';
-export declare type BadgeShape = 'rounded' | 'square' | 'circular';
-export declare type BadgeColors = 'brand' | 'danger' | 'severe' | 'warning' | 'success' | 'important' | 'informative' | 'subtle';
-export declare type BadgeProps = ComponentPropsCompat & React.HTMLAttributes<HTMLElement> & {
-    /**
-     * A Badge can be sized.
-     * @defaultvalue medium
-     */
-    size?: BadgeSize;
-    /**
-     * A Badge can be square, circular or rounded
-     * @defaultvalue circular
-     */
-    shape?: BadgeShape;
-    /**
-     * A Badge can be filled, outline, ghost, inverted
-     * @defaultvalue filled
-     */
-    appearance?: BadgeAppearance;
-    /**
-     * A Badge has a preset of colors
-     * @defaultvalue filled
-     */
-    color?: BadgeColors;
-    /**
-     * Icon slot
-     */
-    icon?: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;
-    /**
-     * Position for Icon to be rendered
-     * @defaultvalue before
-     */
-    iconPosition?: 'before' | 'after';
-};
-export declare type BadgeState = BadgeProps & {
-    /**
-     * Ref to the root slot
-     */
-    ref: React.RefObject<HTMLElement>;
-    /**
-     * Icon slot when processed by internal state
-     */
-    icon?: ObjectShorthandPropsCompat<React.HTMLAttributes<HTMLSpanElement>>;
-};

package/lib-amd/components/Badge/Badge.types.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=Badge.types.js.map

package/lib-amd/components/Badge/Badge.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.types.js","sourceRoot":"../src/","sources":["components/Badge/Badge.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentPropsCompat, ShorthandPropsCompat, ObjectShorthandPropsCompat } from '@fluentui/react-utilities';\n\nexport type BadgeSize = 'smallest' | 'smaller' | 'small' | 'medium' | 'large' | 'larger' | 'largest';\n\nexport type BadgeAppearance = 'filled' | 'outline' | 'ghost' | 'tint';\n\nexport type BadgeShape = 'rounded' | 'square' | 'circular';\n\nexport type BadgeColors =\n  | 'brand'\n  | 'danger'\n  | 'severe'\n  | 'warning'\n  | 'success'\n  | 'important'\n  | 'informative'\n  | 'subtle';\n\nexport type BadgeProps = ComponentPropsCompat &\n  React.HTMLAttributes<HTMLElement> & {\n    /**\n     * A Badge can be sized.\n     * @defaultvalue medium\n     */\n    size?: BadgeSize;\n\n    /**\n     * A Badge can be square, circular or rounded\n     * @defaultvalue circular\n     */\n    shape?: BadgeShape;\n\n    /**\n     * A Badge can be filled, outline, ghost, inverted\n     * @defaultvalue filled\n     */\n    appearance?: BadgeAppearance;\n\n    /**\n     * A Badge has a preset of colors\n     * @defaultvalue filled\n     */\n    color?: BadgeColors;\n\n    /**\n     * Icon slot\n     */\n    icon?: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;\n\n    /**\n     * Position for Icon to be rendered\n     * @defaultvalue before\n     */\n    iconPosition?: 'before' | 'after';\n  };\n\nexport type BadgeState = BadgeProps & {\n  /**\n   * Ref to the root slot\n   */\n  ref: React.RefObject<HTMLElement>;\n  /**\n   * Icon slot when processed by internal state\n   */\n  icon?: ObjectShorthandPropsCompat<React.HTMLAttributes<HTMLSpanElement>>;\n};\n"]}

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

@@ -1,5 +0,0 @@
-export * from './Badge';
-export * from './Badge.types';
-export * from './renderBadge';
-export * from './useBadge';
-export * from './useBadgeStyles';

package/lib-amd/components/Badge/index.js

@@ -1,10 +0,0 @@
-define(["require", "exports", "tslib", "./Badge", "./Badge.types", "./renderBadge", "./useBadge", "./useBadgeStyles"], function (require, exports, tslib_1, Badge_1, Badge_types_1, renderBadge_1, useBadge_1, useBadgeStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Badge_1, exports);
-    tslib_1.__exportStar(Badge_types_1, exports);
-    tslib_1.__exportStar(renderBadge_1, exports);
-    tslib_1.__exportStar(useBadge_1, exports);
-    tslib_1.__exportStar(useBadgeStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/components/Badge/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Badge/index.ts"],"names":[],"mappings":";;;IAAA,uCAAwB;IACxB,6CAA8B;IAC9B,6CAA8B;IAC9B,0CAA2B;IAC3B,gDAAiC","sourcesContent":["export * from './Badge';\nexport * from './Badge.types';\nexport * from './renderBadge';\nexport * from './useBadge';\nexport * from './useBadgeStyles';\n"]}

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

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

package/lib-amd/components/Badge/renderBadge.js

@@ -1,14 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "./useBadge"], function (require, exports, tslib_1, React, react_utilities_1, useBadge_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderBadge = void 0;
-    var renderBadge = function (state) {
-        var _a = react_utilities_1.getSlotsCompat(state, useBadge_1.badgeShorthandPropsCompat), slots = _a.slots, slotProps = _a.slotProps;
-        return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
-            state.iconPosition === 'before' && React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon)),
-            state.children,
-            state.iconPosition === 'after' && React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon))));
-    };
-    exports.renderBadge = renderBadge;
-});
-//# sourceMappingURL=renderBadge.js.map

package/lib-amd/components/Badge/renderBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderBadge.js","sourceRoot":"../src/","sources":["components/Badge/renderBadge.tsx"],"names":[],"mappings":";;;;IAKO,IAAM,WAAW,GAAG,UAAC,KAAiB;QACrC,IAAA,KAAuB,gCAAc,CAAC,KAAK,EAAE,oCAAyB,CAAC,EAArE,KAAK,WAAA,EAAE,SAAS,eAAqD,CAAC;QAE9E,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC3B,KAAK,CAAC,YAAY,KAAK,QAAQ,IAAI,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI;YACrE,KAAK,CAAC,QAAQ;YACd,KAAK,CAAC,YAAY,KAAK,OAAO,IAAI,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI,CAC1D,CACd,CAAC;IACJ,CAAC,CAAC;IAVW,QAAA,WAAW,eAUtB","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport { badgeShorthandPropsCompat } from './useBadge';\nimport type { BadgeState } from './Badge.types';\n\nexport const renderBadge = (state: BadgeState) => {\n  const { slots, slotProps } = getSlotsCompat(state, badgeShorthandPropsCompat);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {state.iconPosition === 'before' && <slots.icon {...slotProps.icon} />}\n      {state.children}\n      {state.iconPosition === 'after' && <slots.icon {...slotProps.icon} />}\n    </slots.root>\n  );\n};\n"]}

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

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import type { BadgeProps, BadgeState } from './Badge.types';
-/**
- * Consts listing which props are shorthand props.
- */
-export declare const badgeShorthandPropsCompat: readonly ["icon"];
-/**
- * Returns the props and state required to render the component
- */
-export declare const useBadge: (props: BadgeProps, ref: React.Ref<HTMLElement>, defaultProps?: BadgeProps | undefined) => BadgeState;

package/lib-amd/components/Badge/useBadge.js

@@ -1,25 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-utilities"], function (require, exports, React, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useBadge = exports.badgeShorthandPropsCompat = void 0;
-    /**
-     * Consts listing which props are shorthand props.
-     */
-    exports.badgeShorthandPropsCompat = ['icon'];
-    var mergeProps = react_utilities_1.makeMergeProps({ deepMerge: exports.badgeShorthandPropsCompat });
-    /**
-     * Returns the props and state required to render the component
-     */
-    var useBadge = function (props, ref, defaultProps) {
-        var state = mergeProps({
-            ref: react_utilities_1.useMergedRefs(ref, React.useRef(null)),
-            shape: 'circular',
-            size: 'medium',
-            iconPosition: 'before',
-            'aria-hidden': true,
-        }, defaultProps && react_utilities_1.resolveShorthandProps(defaultProps, exports.badgeShorthandPropsCompat), react_utilities_1.resolveShorthandProps(props, exports.badgeShorthandPropsCompat));
-        return state;
-    };
-    exports.useBadge = useBadge;
-});
-//# sourceMappingURL=useBadge.js.map

package/lib-amd/components/Badge/useBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBadge.js","sourceRoot":"../src/","sources":["components/Badge/useBadge.ts"],"names":[],"mappings":";;;;IAIA;;OAEG;IACU,QAAA,yBAAyB,GAAG,CAAC,MAAM,CAAU,CAAC;IAE3D,IAAM,UAAU,GAAG,gCAAc,CAAa,EAAE,SAAS,EAAE,iCAAyB,EAAE,CAAC,CAAC;IAExF;;OAEG;IACI,IAAM,QAAQ,GAAG,UAAC,KAAiB,EAAE,GAA2B,EAAE,YAAyB;QAChG,IAAM,KAAK,GAAG,UAAU,CACtB;YACE,GAAG,EAAE,+BAAa,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAC3C,KAAK,EAAE,UAAU;YACjB,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,QAAQ;YACtB,aAAa,EAAE,IAAI;SACpB,EACD,YAAY,IAAI,uCAAqB,CAAC,YAAY,EAAE,iCAAyB,CAAC,EAC9E,uCAAqB,CAAC,KAAK,EAAE,iCAAyB,CAAC,CACxD,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAdW,QAAA,QAAQ,YAcnB","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps, useMergedRefs } from '@fluentui/react-utilities';\nimport type { BadgeProps, BadgeState } from './Badge.types';\n\n/**\n * Consts listing which props are shorthand props.\n */\nexport const badgeShorthandPropsCompat = ['icon'] as const;\n\nconst mergeProps = makeMergeProps<BadgeState>({ deepMerge: badgeShorthandPropsCompat });\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useBadge = (props: BadgeProps, ref: React.Ref<HTMLElement>, defaultProps?: BadgeProps): BadgeState => {\n  const state = mergeProps(\n    {\n      ref: useMergedRefs(ref, React.useRef(null)),\n      shape: 'circular',\n      size: 'medium',\n      iconPosition: 'before',\n      'aria-hidden': true,\n    },\n    defaultProps && resolveShorthandProps(defaultProps, badgeShorthandPropsCompat),\n    resolveShorthandProps(props, badgeShorthandPropsCompat),\n  );\n\n  return state;\n};\n"]}

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

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