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

package/lib/components/Badge/useBadgeStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Badge/useBadgeStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;;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;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;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;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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","sourcesContent":["import { mergeClasses, makeStyles } from '@fluentui/react-make-styles';\nimport type { BadgeState } from './Badge.types';\n\nconst useStyles = makeStyles({\n  root: theme => ({\n    display: 'inline-flex',\n    boxSizing: 'border-box',\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: theme.alias.color.neutral.brandBackground,\n    borderColor: theme.alias.color.neutral.brandBackground,\n    color: theme.alias.color.neutral.neutralForegroundOnBrand,\n    fontWeight: theme.global.type.fontWeights.semibold,\n    borderWidth: theme.global.strokeWidth.thin,\n    borderStyle: 'solid',\n    fontFamily: theme.global.type.fontFamilies.base,\n    position: 'relative',\n  }),\n  rootSmallest: {\n    width: '6px',\n    height: '6px',\n    fontSize: '4px',\n  },\n  rootSmaller: {\n    width: '10px',\n    height: '10px',\n    fontSize: '6px',\n  },\n  rootSmall: {\n    minWidth: '16px',\n    height: '16px',\n    paddingRight: '6px',\n    paddingLeft: '6px',\n    gap: '4px',\n    fontSize: '8px',\n  },\n  rootMedium: {\n    height: '20px',\n    minWidth: '20px',\n    gap: '4px',\n    paddingRight: '8px',\n    paddingLeft: '8px',\n    fontSize: '10px',\n  },\n  rootLarge: {\n    minWidth: '24px',\n    height: '24px',\n    paddingRight: '8px',\n    paddingLeft: '8px',\n    fontSize: '12px',\n    gap: '6px',\n  },\n  rootLargerLargest: theme => ({\n    minWidth: '32px',\n    height: '32px',\n    paddingRight: '12px',\n    paddingLeft: '12px',\n    gap: '6px',\n    fontSize: '12px',\n    borderWidth: theme.global.strokeWidth.thick,\n  }),\n  rootRounded: theme => ({ borderRadius: theme.global.borderRadius.medium }),\n  rootRoundedSmallSmallerSmallest: theme => ({ borderRadius: theme.global.borderRadius.small }),\n  rootCircular: { borderRadius: '99px' },\n  rootGhost: theme => ({\n    background: 'transparent',\n    border: 'none',\n    color: theme.alias.color.neutral.brandBackground,\n  }),\n  rootOutline: theme => ({\n    background: 'transparent',\n    borderColor: theme.alias.color.neutral.brandBackground,\n    color: theme.alias.color.neutral.brandBackground,\n  }),\n  rootTint: theme => ({\n    backgroundColor: theme.global.palette.brand.tint60,\n    color: theme.global.palette.brand.shade40,\n    borderColor: 'none',\n  }),\n  rootFilledDanger: theme => ({\n    backgroundColor: theme.alias.color.red.background3,\n    color: theme.alias.color.neutral.neutralForegroundOnBrand,\n    borderColor: theme.alias.color.red.background3,\n  }),\n  rootOutlineDanger: theme => ({\n    color: theme.alias.color.red.foreground3,\n    borderColor: theme.alias.color.red.foreground3,\n  }),\n  rootTintDanger: theme => ({\n    backgroundColor: theme.alias.color.red.background1,\n    color: theme.alias.color.red.foreground1,\n    borderColor: theme.alias.color.red.foreground2,\n  }),\n  rootGhostDanger: theme => ({\n    color: theme.alias.color.red.foreground3,\n  }),\n  rootFilledSevere: theme => ({\n    backgroundColor: theme.alias.color.darkOrange.background3,\n    color: theme.alias.color.neutral.neutralForegroundOnBrand,\n    borderColor: 'none',\n  }),\n  rootOutlineSevere: theme => ({\n    color: theme.alias.color.darkOrange.foreground3,\n    borderColor: theme.alias.color.darkOrange.foreground3,\n  }),\n  rootTintSevere: theme => ({\n    backgroundColor: theme.alias.color.darkOrange.background1,\n    color: theme.alias.color.darkOrange.foreground1,\n    borderColor: theme.alias.color.darkOrange.foreground2,\n  }),\n  rootGhostSevere: theme => ({\n    color: theme.alias.color.darkOrange.foreground3,\n  }),\n  rootFilledWarning: theme => ({\n    backgroundColor: theme.alias.color.yellow.background3,\n    color: theme.alias.color.neutral.neutralForeground1,\n    borderColor: theme.alias.color.yellow.background3,\n  }),\n  rootOutlineWarning: theme => ({\n    color: theme.alias.color.yellow.foreground2,\n    borderColor: theme.alias.color.yellow.foreground2,\n  }),\n  rootTintWarning: theme => ({\n    backgroundColor: theme.alias.color.yellow.background1,\n    color: theme.alias.color.yellow.foreground2,\n    borderColor: theme.alias.color.yellow.background2,\n  }),\n  rootGhostWarning: theme => ({\n    color: theme.alias.color.yellow.foreground2,\n  }),\n  rootFilledSuccess: theme => ({\n    backgroundColor: theme.alias.color.green.background3,\n    color: theme.alias.color.neutral.neutralForegroundOnBrand,\n    borderColor: 'none',\n  }),\n  rootOutlineSuccess: theme => ({\n    color: theme.alias.color.green.foreground2,\n    borderColor: theme.alias.color.green.foreground2,\n  }),\n  rootTintSuccess: theme => ({\n    backgroundColor: theme.alias.color.green.background1,\n    color: theme.alias.color.green.foreground1,\n    borderColor: theme.alias.color.green.background2,\n  }),\n  rootGhostSuccess: theme => ({\n    color: theme.alias.color.green.foreground3,\n  }),\n  rootFilledImportant: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralForeground1,\n    color: theme.alias.color.neutral.neutralBackground1,\n    borderColor: theme.alias.color.neutral.transparentStroke,\n  }),\n  rootOutlineImportant: theme => ({\n    color: theme.alias.color.neutral.neutralForeground1,\n    borderColor: theme.alias.color.neutral.neutralForeground1,\n  }),\n  rootTintImportant: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralForeground3,\n    color: theme.alias.color.neutral.neutralBackground1,\n    borderColor: theme.alias.color.neutral.transparentStroke,\n  }),\n  rootGhostImportant: theme => ({\n    color: theme.alias.color.neutral.neutralForeground1,\n  }),\n  rootFilledInformative: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralBackground5,\n    color: theme.alias.color.neutral.neutralForeground3,\n    borderColor: theme.alias.color.neutral.transparentStroke,\n  }),\n  rootOutlineInformative: theme => ({\n    backgroundColor: theme.alias.color.darkOrange.background3,\n    color: theme.alias.color.neutral.neutralBackground5,\n    borderColor: theme.alias.color.neutral.neutralBackground5,\n  }),\n  rootTintInformative: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralBackground4,\n    color: theme.alias.color.neutral.neutralForeground3,\n    borderColor: theme.alias.color.neutral.neutralStroke2,\n  }),\n  rootGhostInformative: theme => ({\n    color: theme.alias.color.neutral.neutralBackground5,\n  }),\n  rootFilledSubtle: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralBackground1,\n    color: theme.alias.color.neutral.neutralForeground1,\n    borderColor: theme.alias.color.neutral.transparentStroke,\n  }),\n  rootOutlineSubtle: theme => ({\n    color: theme.alias.color.neutral.neutralForegroundOnBrand,\n    borderColor: theme.alias.color.neutral.neutralForegroundOnBrand,\n  }),\n  rootTintSubtle: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralBackground1,\n    color: theme.alias.color.neutral.neutralForeground3,\n    borderColor: theme.alias.color.neutral.neutralStroke2,\n  }),\n  rootGhostSubtle: theme => ({\n    color: theme.alias.color.neutral.neutralForegroundOnBrand,\n  }),\n  icon: {\n    display: 'flex',\n    alignContent: 'center',\n    alignItems: 'center',\n    height: '100%',\n  },\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const useBadgeStyles = (state: BadgeState): BadgeState => {\n  const styles = useStyles();\n  const isGhost = state.appearance === 'ghost';\n  const isOutline = state.appearance === 'outline';\n  const isTint = state.appearance === 'tint';\n  const isFilled = state.appearance === 'filled';\n  const isDanger = state.color === 'danger';\n  const isSevere = state.color === 'severe';\n  const isWarning = state.color === 'warning';\n  const isSuccess = state.color === 'success';\n  const isImportant = state.color === 'important';\n  const isInformative = state.color === 'informative';\n  const isSubtle = state.color === 'subtle';\n\n  state.className = mergeClasses(\n    styles.root,\n    state.size === 'smallest' && styles.rootSmallest,\n    state.size === 'smaller' && styles.rootSmaller,\n    state.size === 'small' && styles.rootSmall,\n    state.size === 'medium' && styles.rootMedium,\n    state.size === 'large' && styles.rootLarge,\n    (state.size === 'larger' || state.size === 'largest') && styles.rootLargerLargest,\n    state.shape === 'circular' && styles.rootCircular,\n    state.shape === 'rounded' && styles.rootRounded,\n    state.shape === 'rounded' &&\n      (state.size === 'small' || state.size === 'smaller' || state.size === 'smallest') &&\n      styles.rootRoundedSmallSmallerSmallest,\n    isGhost && styles.rootGhost,\n    isOutline && styles.rootOutline,\n    isTint && styles.rootTint,\n    isFilled && isDanger && styles.rootFilledDanger,\n    isOutline && isDanger && styles.rootOutlineDanger,\n    isTint && isDanger && styles.rootTintDanger,\n    isGhost && isDanger && styles.rootGhostDanger,\n    isFilled && isSevere && styles.rootFilledSevere,\n    isOutline && isSevere && styles.rootOutlineSevere,\n    isTint && isSevere && styles.rootTintSevere,\n    isGhost && isSevere && styles.rootGhostSevere,\n    isFilled && isWarning && styles.rootFilledWarning,\n    isOutline && isWarning && styles.rootOutlineWarning,\n    isTint && isWarning && styles.rootTintWarning,\n    isGhost && isWarning && styles.rootGhostWarning,\n    isFilled && isSuccess && styles.rootFilledSuccess,\n    isOutline && isSuccess && styles.rootOutlineSuccess,\n    isTint && isSuccess && styles.rootTintSuccess,\n    isGhost && isSuccess && styles.rootGhostSuccess,\n    isFilled && isImportant && styles.rootFilledImportant,\n    isOutline && isImportant && styles.rootOutlineImportant,\n    isTint && isImportant && styles.rootTintImportant,\n    isGhost && isImportant && styles.rootGhostImportant,\n    isFilled && isInformative && styles.rootFilledInformative,\n    isOutline && isInformative && styles.rootOutlineInformative,\n    isTint && isInformative && styles.rootTintInformative,\n    isGhost && isInformative && styles.rootGhostInformative,\n    isFilled && isSubtle && styles.rootFilledSubtle,\n    isOutline && isSubtle && styles.rootOutlineSubtle,\n    isTint && isSubtle && styles.rootTintSubtle,\n    isGhost && isSubtle && styles.rootGhostSubtle,\n    state.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(styles.icon, state.icon.className);\n  }\n\n  return state;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/Badge/useBadgeStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;;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;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;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;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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","sourceRoot":""}

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

@@ -2,11 +2,4 @@ import * as React from 'react';
 /**
  * Define a styled CounterBadge, using the `useCounterBadge` hook.
  */
-export declare const CounterBadge: React.ForwardRefExoticComponent<Pick<import("../Badge").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"> & {
-    shape?: "rounded" | "circular" | undefined;
-    appearance?: "filled" | "ghost" | undefined;
-    overflowCount?: number | undefined;
-    count?: number | undefined;
-    showZero?: boolean | undefined;
-    dot?: boolean | undefined;
-} & React.RefAttributes<HTMLElement>>;
+export declare const CounterBadge: React.ForwardRefExoticComponent<Pick<import("../Badge").BadgeProps, "icon" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "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" | "iconPosition" | "size"> & Partial<import("./CounterBadge.types").CounterBadgeCommons> & React.RefAttributes<HTMLElement>>;

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

@@ -1 +1 @@
-{"version":3,"sources":["components/CounterBadge/CounterBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,eAAT,QAAgC,mBAAhC;AACA,SAAS,qBAAT,QAAsC,yBAAtC;AACA,SAAS,WAAT,QAA4B,gBAA5B;AAGA;;AAEG;;AACH,OAAO,IAAM,YAAY,gBAAG,KAAK,CAAC,UAAN,CAAiD,UAAC,KAAD,EAAQ,GAAR,EAAW;AACtF,MAAM,KAAK,GAAG,eAAe,CAAC,KAAD,EAAQ,GAAR,CAA7B;AACA,EAAA,qBAAqB,CAAC,KAAD,CAArB;AAEA,SAAO,WAAW,CAAC,KAAD,CAAlB;AACD,CAL2B,CAArB;AAOP,YAAY,CAAC,WAAb,GAA2B,cAA3B","sourcesContent":["import * as React from 'react';\nimport { useCounterBadge } from './useCounterBadge';\nimport { useCounterBadgeStyles } from './useCounterBadgeStyles';\nimport { renderBadge } from '../Badge/index';\nimport type { CounterBadgeProps } from './CounterBadge.types';\n\n/**\n * Define a styled CounterBadge, using the `useCounterBadge` hook.\n */\nexport const CounterBadge = React.forwardRef<HTMLElement, CounterBadgeProps>((props, ref) => {\n  const state = useCounterBadge(props, ref);\n  useCounterBadgeStyles(state);\n\n  return renderBadge(state);\n});\n\nCounterBadge.displayName = 'CounterBadge';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/CounterBadge/CounterBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,eAAT,QAAgC,mBAAhC;AACA,SAAS,qBAAT,QAAsC,yBAAtC;AACA,SAAS,WAAT,QAA4B,gBAA5B;AAGA;;AAEG;;AACH,OAAO,IAAM,YAAY,gBAAG,KAAK,CAAC,UAAN,CAAiD,UAAC,KAAD,EAAQ,GAAR,EAAW;AACtF,MAAM,KAAK,GAAG,eAAe,CAAC,KAAD,EAAQ,GAAR,CAA7B;AACA,EAAA,qBAAqB,CAAC,KAAD,CAArB;AAEA,SAAO,WAAW,CAAC,KAAD,CAAlB;AACD,CAL2B,CAArB;AAOP,YAAY,CAAC,WAAb,GAA2B,cAA3B","sourceRoot":""}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CounterBadge.types.js","sourceRoot":"../src/","sources":["components/CounterBadge/CounterBadge.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BadgeProps, BadgeState } from '../Badge/index';\n\nexport type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape'> & {\n  /**\n   * A Badge can be circular or rounded\n   * @defaultvalue circular\n   */\n  shape?: Extract<BadgeProps['shape'], 'rounded' | 'circular'>;\n\n  /**\n   * A Badge can be filled, ghost\n   * @defaultvalue filled\n   */\n  appearance?: Extract<BadgeProps['appearance'], 'filled' | 'ghost'>;\n\n  /**\n   * Max number to be displayed\n   * @defaultvalue 99\n   */\n  overflowCount?: number;\n\n  /**\n   * Value displayed by the Badge\n   * @defaultvalue 0\n   */\n  count?: number;\n\n  /**\n   * If the badge should be shown when count is 0\n   * @defaultvalue false\n   */\n  showZero?: boolean;\n\n  /**\n   * If a dot badge should be displayed\n   * @defaultvalue false\n   */\n  dot?: boolean;\n};\n\nexport type CounterBadgeState = BadgeState & {\n  /**\n   * Max number to be displayed\n   * @defaultvalue 99\n   */\n  overflowCount: number;\n\n  /**\n   * Value displayed by the Badge\n   * @defaultvalue 0\n   */\n  count: number;\n\n  /**\n   * If the badge should be shown when count is 0\n   * @defaultvalue false\n   */\n  showZero: boolean;\n\n  /**\n   * If a dot badge should be displayed\n   * @defaultvalue false\n   */\n  dot: boolean;\n};\n"]}
+{"version":3,"file":"CounterBadge.types.js","sourceRoot":"","sources":["../../../src/components/CounterBadge/CounterBadge.types.ts"],"names":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/CounterBadge/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './CounterBadge';\nexport * from './CounterBadge.types';\nexport * from './useCounterBadge';\nexport * from './useCounterBadgeStyles';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CounterBadge/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC"}

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

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

package/lib/components/CounterBadge/useCounterBadge.js

@@ -1,28 +1,34 @@
-import { makeMergePropsCompat } from '@fluentui/react-utilities';
+import { __assign } from "tslib";
 import { useBadge } from '../Badge/index';
-/**
- * Consts listing which props are shorthand props.
- */
-
-export var counterBadgeShorthandPropsCompat = ['icon']; // eslint-disable-next-line deprecation/deprecation
-
-var mergeProps = /*#__PURE__*/makeMergePropsCompat({
-  deepMerge: counterBadgeShorthandPropsCompat
-});
 /**
  * Returns the props and state required to render the component
  */
 
-export var useCounterBadge = function (props, ref, defaultProps) {
-  var state = useBadge(props, ref, mergeProps({
-    showZero: false,
-    overflowCount: 99,
-    count: 0,
-    dot: false
-  }, defaultProps));
+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
+  });
 
-  if (!state.dot && !state.children) {
-    state.children = state.count > state.overflowCount ? state.overflowCount + "+" : "" + state.count;
+  if (!state.dot && !state.root.children) {
+    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":["components/CounterBadge/useCounterBadge.ts"],"names":[],"mappings":"AACA,SAAS,oBAAT,QAAqC,2BAArC;AACA,SAAS,QAAT,QAAyB,gBAAzB;AAIA;;AAEG;;AACH,OAAO,IAAM,gCAAgC,GAAG,CAAC,MAAD,CAAzC,C,CAEP;;AACA,IAAM,UAAU,gBAAG,oBAAoB,CAAoB;AAAE,EAAA,SAAS,EAAE;AAAb,CAApB,CAAvC;AAEA;;AAEG;;AACH,OAAO,IAAM,eAAe,GAAG,UAC7B,KAD6B,EAE7B,GAF6B,EAG7B,YAH6B,EAGG;AAEhC,MAAM,KAAK,GAAG,QAAQ,CACpB,KADoB,EAEpB,GAFoB,EAGpB,UAAU,CACR;AACE,IAAA,QAAQ,EAAE,KADZ;AAEE,IAAA,aAAa,EAAE,EAFjB;AAGE,IAAA,KAAK,EAAE,CAHT;AAIE,IAAA,GAAG,EAAE;AAJP,GADQ,EAOR,YAPQ,CAHU,CAAtB;;AAcA,MAAI,CAAC,KAAK,CAAC,GAAP,IAAc,CAAC,KAAK,CAAC,QAAzB,EAAmC;AACjC,IAAA,KAAK,CAAC,QAAN,GAAiB,KAAK,CAAC,KAAN,GAAc,KAAK,CAAC,aAApB,GAAuC,KAAK,CAAC,aAAN,GAAmB,GAA1D,GAAgE,KAAG,KAAK,CAAC,KAA1F;AACD;;AAED,SAAO,KAAP;AACD,CAxBM","sourcesContent":["import * as React from 'react';\nimport { makeMergePropsCompat } from '@fluentui/react-utilities';\nimport { useBadge } from '../Badge/index';\nimport type { CounterBadgeProps, CounterBadgeState } from './CounterBadge.types';\nimport type { BadgeProps } from '../Badge/index';\n\n/**\n * Consts listing which props are shorthand props.\n */\nexport const counterBadgeShorthandPropsCompat = ['icon'] as const;\n\n// eslint-disable-next-line deprecation/deprecation\nconst mergeProps = makeMergePropsCompat<CounterBadgeState>({ deepMerge: counterBadgeShorthandPropsCompat });\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useCounterBadge = (\n  props: CounterBadgeProps,\n  ref: React.Ref<HTMLElement>,\n  defaultProps?: CounterBadgeProps,\n): CounterBadgeState => {\n  const state = useBadge(\n    props,\n    ref,\n    mergeProps(\n      {\n        showZero: false,\n        overflowCount: 99,\n        count: 0,\n        dot: false,\n      },\n      defaultProps,\n    ) as BadgeProps,\n  ) as CounterBadgeState;\n\n  if (!state.dot && !state.children) {\n    state.children = state.count > state.overflowCount ? `${state.overflowCount}+` : `${state.count}`;\n  }\n\n  return state;\n};\n"],"sourceRoot":"../src/"}
+{"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":""}

package/lib/components/CounterBadge/useCounterBadgeStyles.js

@@ -55,7 +55,7 @@ var useStyles = /*#__PURE__*/__styles({
 
 export var useCounterBadgeStyles = function (state) {
   var styles = useStyles();
-  state.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.className);
+  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);
 };
 //# sourceMappingURL=useCounterBadgeStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["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,SAAN,GAAkB,YAAY,CAC5B,MAAM,CAAC,IADqB,EAE5B,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,OAFR,EAG5B,KAAK,CAAC,KAAN,KAAgB,WAAhB,IAA+B,MAAM,CAAC,SAHV,EAI5B,KAAK,CAAC,KAAN,KAAgB,QAAhB,IAA4B,MAAM,CAAC,MAJP,EAK5B,KAAK,CAAC,KAAN,KAAgB,aAAhB,IAAiC,MAAM,CAAC,WALZ,EAM5B,KAAK,CAAC,GAAN,IAAa,MAAM,CAAC,GANQ,EAO5B,CAAC,KAAK,CAAC,QAAP,IAAmB,KAAK,CAAC,KAAN,KAAgB,CAAnC,IAAwC,CAAC,KAAK,CAAC,GAA/C,IAAsD,MAAM,CAAC,IAPjC,EAQ5B,KAAK,CAAC,SARsB,CAA9B;AAUA,SAAO,cAAc,CAAC,KAAD,CAArB;AACD,CAbM","sourcesContent":["import { mergeClasses, makeStyles } from '@fluentui/react-make-styles';\nimport { useBadgeStyles } from '../Badge/useBadgeStyles';\nimport type { CounterBadgeState } from './CounterBadge.types';\n\nconst useStyles = makeStyles({\n  root: {\n    minWidth: 'auto',\n  },\n  warning: theme => ({\n    backgroundColor: theme.global.palette.cranberry.primary,\n    borderColor: theme.global.palette.cranberry.primary,\n  }),\n  important: theme => ({\n    backgroundColor: theme.global.palette.grey[14],\n    borderColor: theme.global.palette.grey[14],\n  }),\n  severe: theme => ({\n    // TODO: update these colors once the color used in the design spec has existing color token\n    backgroundColor: theme.global.palette.red.primary,\n    borderColor: theme.global.palette.red.primary,\n  }),\n  informative: theme => ({\n    backgroundColor: theme.global.palette.grey[92],\n    borderColor: theme.global.palette.grey[92],\n    color: theme.alias.color.neutral.neutralForeground3,\n  }),\n  dot: {\n    width: '6px',\n    height: '6px',\n    padding: '0',\n  },\n  hide: {\n    display: 'none',\n  },\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const useCounterBadgeStyles = (state: CounterBadgeState): CounterBadgeState => {\n  const styles = useStyles();\n  state.className = mergeClasses(\n    styles.root,\n    state.color === 'warning' && styles.warning,\n    state.color === 'important' && styles.important,\n    state.color === 'severe' && styles.severe,\n    state.color === 'informative' && styles.informative,\n    state.dot && styles.dot,\n    !state.showZero && state.count === 0 && !state.dot && styles.hide,\n    state.className,\n  );\n  return useBadgeStyles(state) as CounterBadgeState;\n};\n"],"sourceRoot":"../src/"}
+{"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":""}

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

@@ -1 +1 @@
-{"version":3,"sources":["components/PresenceBadge/DefaultPresenceBadgeIcons.tsx"],"names":[],"mappings":"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","sourcesContent":["import { mergeClasses, makeStyles } from '@fluentui/react-make-styles';\nimport { getNativeProps, htmlElementProperties } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'inline-block',\n    verticalAlign: 'middle',\n    speak: 'none',\n    width: '1em',\n    height: '1em',\n  },\n  svg: {\n    height: '100%',\n    fill: 'currentColor',\n    verticalAlign: 'top',\n  },\n});\n\n//\n// !!!   A temporary workaround to avoid dependencies on any icon packages.\n// !!!   A usage of converged icon package should be considered.\n//\n\nconst useIconProps = (props: React.HTMLAttributes<HTMLSpanElement>) => {\n  const containerProps = props['aria-label']\n    ? {}\n    : {\n        role: 'presentation',\n        ['aria-hidden']: true,\n      };\n  const nativeProps = getNativeProps<React.HTMLAttributes<HTMLElement>>(props, htmlElementProperties);\n  const styles = useStyles();\n\n  const rootClasses = styles.root;\n  const svgClasses = styles.svg;\n\n  return { containerProps, nativeProps, rootClasses, svgClasses };\n};\n\nexport const renderIcon = (\n  SVGElement: (props: { svgClasses: string }) => JSX.Element,\n): React.FC<React.HTMLAttributes<HTMLSpanElement>> => props => {\n  const { containerProps, nativeProps, rootClasses, svgClasses } = useIconProps(props);\n\n  return React.createElement(\n    'span',\n    {\n      ...containerProps,\n      ...nativeProps,\n      className: mergeClasses(rootClasses, props.className),\n    },\n    <SVGElement svgClasses={svgClasses} />,\n  );\n};\n\nconst SkypeMinusIcon = renderIcon(props => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2048 2048\" className={props.svgClasses}>\n    <path d=\"M1591 823q42 0 78 16t64 43 43 63 16 79q0 42-16 78t-43 64-63 43-79 16H395q-42 0-78-16t-64-43-42-63-16-79q0-42 15-78t43-64 63-43 79-16h1196z\" />\n  </svg>\n));\n\nSkypeMinusIcon.displayName = 'SkypeMinusIcon';\n\nconst SkypeClockIcon = renderIcon(props => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2048 2048\" className={props.svgClasses}>\n    <path d=\"M1431 1705q28 28 43 65t15 77q0 42-15 78t-43 64-63 43-79 16q-83 0-142-59l-594-593q-28-28-43-65t-15-77V201q0-42 15-78t43-64 63-43 79-16q42 0 78 16t64 43 43 63 16 79v970l535 534z\" />\n  </svg>\n));\n\nSkypeClockIcon.displayName = 'SkypeClockIcon';\n\nconst SkypeCheckIcon = renderIcon(props => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2048 2048\" className={props.svgClasses}>\n    <path d=\"M1570 437q42 0 78 15t64 43 42 63 16 79q0 40-15 77t-43 65l-794 795q-28 28-65 43t-77 16q-40 0-77-15t-65-44l-362-362q-28-28-43-65t-16-77q0-42 16-78t43-64 63-42 79-16q40 0 77 15t65 43l220 220 652-653q28-28 65-43t77-15z\" />\n  </svg>\n));\n\nSkypeCheckIcon.displayName = 'SkypeCheckIcon';\n\nconst SkypeArrowIcon = renderIcon(props => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2048 2048\" className={props.svgClasses}>\n    <path d=\"M1980 964q0 41-15 77t-43 63-63 42-77 16H739l281 280q28 27 43 64t15 76q0 41-15 77t-43 63-63 42-77 16q-39 0-75-15t-65-43l-615-616q-33-33-47-68t-14-82q0-39 17-73t44-61l615-616q28-28 65-43t76-15q41 0 77 16t62 43 42 63 16 77q0 39-15 75t-43 64L739 766h1043q41 0 77 15t63 43 42 63 16 77z\" />\n  </svg>\n));\n\nSkypeArrowIcon.displayName = 'SkypeArrowIcon';\n\nconst CancelIcon = renderIcon(props => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2048 2048\" className={props.svgClasses}>\n    <path d=\"M1115 1024l690 691-90 90-691-690-691 690-90-90 690-691-690-691 90-90 691 690 691-690 90 90-690 691z\" />\n  </svg>\n));\n\nCancelIcon.displayName = 'CancelIcon';\n\nexport { SkypeMinusIcon, SkypeClockIcon, SkypeCheckIcon, SkypeArrowIcon, CancelIcon };\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/PresenceBadge/DefaultPresenceBadgeIcons.tsx"],"names":[],"mappings":"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","sourceRoot":""}

package/lib/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/components/PresenceBadge/PresenceBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["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;AAGA;;AAEG;;AACH,OAAO,IAAM,aAAa,gBAAG,KAAK,CAAC,UAAN,CAAkD,UAAC,KAAD,EAAQ,GAAR,EAAW;AACxF,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAD,EAAQ,GAAR,CAA9B;AACA,EAAA,sBAAsB,CAAC,KAAD,CAAtB;AAEA,SAAO,WAAW,CAAC,KAAD,CAAlB;AACD,CAL4B,CAAtB;AAOP,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,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AACA,SAAS,sBAAT,QAAuC,0BAAvC;AACA,SAAS,WAAT,QAA4B,aAA5B;AAGA;;AAEG;;AACH,OAAO,IAAM,aAAa,gBAAG,KAAK,CAAC,UAAN,CAAkD,UAAC,KAAD,EAAQ,GAAR,EAAW;AACxF,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAD,EAAQ,GAAR,CAA9B;AACA,EAAA,sBAAsB,CAAC,KAAD,CAAtB;AAEA,SAAO,WAAW,CAAC,KAAD,CAAlB;AACD,CAL4B,CAAtB;AAOP,aAAa,CAAC,WAAd,GAA4B,eAA5B","sourceRoot":""}

package/lib/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/components/PresenceBadge/PresenceBadge.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresenceBadge.types.js","sourceRoot":"../src/","sources":["components/PresenceBadge/PresenceBadge.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BadgeProps, BadgeState } from '../Badge/index';\n\nexport type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb';\n\nexport type PresenceBadgeProps = Omit<BadgeProps, 'shape' | 'appearance'> & {\n  /**\n   * Represents several status\n   * @defaultvalue available\n   */\n  status?: PresenceBadgeStatus;\n  /**\n   * Modifies the display to indicate that the user is out of office.\n   * This can be combined with any status to display an out-of-office version of that status\n   * @defaultvalue false\n   */\n  outOfOffice?: boolean;\n};\n\nexport type PresenceBadgeState = Omit<BadgeState, 'shape' | 'appearance'> & {\n  /**\n   * Represents several status\n   * @defaultvalue available\n   */\n  status: PresenceBadgeStatus;\n  /**\n   * Modifies the display to indicate that the user is out of office.\n   * This can be combined with any status to display an out-of-office version of that status\n   * @defaultvalue false\n   */\n  outOfOffice: boolean;\n};\n"]}
+{"version":3,"file":"PresenceBadge.types.js","sourceRoot":"","sources":["../../../src/components/PresenceBadge/PresenceBadge.types.ts"],"names":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/PresenceBadge/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC","sourcesContent":["export * from './PresenceBadge';\nexport * from './PresenceBadge.types';\nexport * from './usePresenceBadge';\nexport * from './usePresenceBadgeStyles';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PresenceBadge/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC"}

package/lib/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/components/PresenceBadge/usePresenceBadge.js

@@ -1,16 +1,8 @@
+import { __assign } from "tslib";
 import * as React from 'react';
-import { makeMergePropsCompat } from '@fluentui/react-utilities';
+import { resolveShorthand } from '@fluentui/react-utilities';
 import { useBadge } from '../Badge/index';
 import { SkypeMinusIcon, SkypeClockIcon, SkypeArrowIcon, SkypeCheckIcon, CancelIcon } from './DefaultPresenceBadgeIcons';
-/**
- * Consts listing which props are shorthand props.
- */
-
-export var presenceBadgeShorthandPropsCompat = ['icon']; // eslint-disable-next-line deprecation/deprecation
-
-var mergeProps = /*#__PURE__*/makeMergePropsCompat({
-  deepMerge: presenceBadgeShorthandPropsCompat
-});
 
 var iconMap = function (outOfOffice) {
   return {
@@ -27,19 +19,21 @@ var iconMap = function (outOfOffice) {
  */
 
 
-export var usePresenceBadge = function (props, ref, defaultProps) {
-  var _a;
+export var usePresenceBadge = function (props, ref) {
+  var _a, _b, _c;
 
-  var state = useBadge(props, ref, mergeProps({
-    size: 'small',
-    status: 'available',
-    outOfOffice: false,
-    icon: {
-      as: 'span'
-    }
-  }, defaultProps));
+  var state = __assign(__assign({}, useBadge(__assign(__assign({
+    size: 'small'
+  }, props), {
+    icon: 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/components/PresenceBadge/usePresenceBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/PresenceBadge/usePresenceBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,oBAAT,QAAqC,2BAArC;AACA,SAAS,QAAT,QAAyB,gBAAzB;AACA,SACE,cADF,EAEE,cAFF,EAGE,cAHF,EAIE,cAJF,EAKE,UALF,QAMO,6BANP;AAUA;;AAEG;;AACH,OAAO,IAAM,iCAAiC,GAAiC,CAAC,MAAD,CAAxE,C,CAEP;;AACA,IAAM,UAAU,gBAAG,oBAAoB,CAAqB;AAAE,EAAA,SAAS,EAAE;AAAb,CAArB,CAAvC;;AAEA,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,UAC9B,KAD8B,EAE9B,GAF8B,EAG9B,YAH8B,EAGG;;;AAEjC,MAAM,KAAK,GAAG,QAAQ,CACpB,KADoB,EAEpB,GAFoB,EAGpB,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,CAHU,CAAtB;;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","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,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":""}

package/lib/components/PresenceBadge/usePresenceBadgeStyles.js

@@ -77,7 +77,7 @@ var useStyles = /*#__PURE__*/__styles({
 
 export var usePresenceBadgeStyles = function (state) {
   var styles = useStyles();
-  state.className = 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 = 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 useBadgeStyles(state);
 };
 //# sourceMappingURL=usePresenceBadgeStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["components/PresenceBadge/usePresenceBadgeStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;AACA,SAAS,cAAT,QAA+B,aAA/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;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;;;AACH,OAAO,IAAM,sBAAsB,GAAG,UAAC,KAAD,EAA0B;AAC9D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,SAAN,GAAkB,YAAY,CAC5B,MAAM,CAAC,IADqB,EAE5B,CAAC,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAA7C,KAAgE,MAAM,CAAC,UAF3C,EAG5B,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,MAAM,CAAC,UAHN,EAI5B,KAAK,CAAC,MAAN,KAAiB,WAAjB,IAAgC,MAAM,CAAC,eAJX,EAK5B,KAAK,CAAC,MAAN,KAAiB,SAAjB,IAA8B,MAAM,CAAC,aALT,EAM5B,KAAK,CAAC,MAAN,KAAiB,aAAjB,IAAkC,MAAM,CAAC,iBANb,EAO5B,KAAK,CAAC,WAAN,IAAqB,MAAM,CAAC,WAPA,EAQ5B,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,WAAtC,IAAqD,MAAM,CAAC,oBARhC,EAS5B,KAAK,CAAC,WAAN,KAAsB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAAlE,KAAqF,MAAM,CAAC,eAThE,EAU5B,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,MAAtC,IAAgD,MAAM,CAAC,eAV3B,EAW5B,CAAC,KAAK,CAAC,IAAN,KAAe,UAAf,IAA6B,KAAK,CAAC,IAAN,KAAe,SAA7C,KAA2D,MAAM,CAAC,UAXtC,EAY5B,KAAK,CAAC,SAZsB,CAA9B;AAeA,SAAO,cAAc,CAAC,KAAD,CAArB;AACD,CAlBM","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,SAAS,YAAT,kBAAyC,6BAAzC;AACA,SAAS,cAAT,QAA+B,aAA/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;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;;;AACH,OAAO,IAAM,sBAAsB,GAAG,UAAC,KAAD,EAA0B;AAC9D,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,MAAM,CAAC,IAD0B,EAEjC,CAAC,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAA7C,KAAgE,MAAM,CAAC,UAFtC,EAGjC,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,MAAM,CAAC,UAHD,EAIjC,KAAK,CAAC,MAAN,KAAiB,WAAjB,IAAgC,MAAM,CAAC,eAJN,EAKjC,KAAK,CAAC,MAAN,KAAiB,SAAjB,IAA8B,MAAM,CAAC,aALJ,EAMjC,KAAK,CAAC,MAAN,KAAiB,aAAjB,IAAkC,MAAM,CAAC,iBANR,EAOjC,KAAK,CAAC,WAAN,IAAqB,MAAM,CAAC,WAPK,EAQjC,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,WAAtC,IAAqD,MAAM,CAAC,oBAR3B,EASjC,KAAK,CAAC,WAAN,KAAsB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAAlE,KAAqF,MAAM,CAAC,eAT3D,EAUjC,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,MAAtC,IAAgD,MAAM,CAAC,eAVtB,EAWjC,CAAC,KAAK,CAAC,IAAN,KAAe,MAAf,IAAyB,KAAK,CAAC,IAAN,KAAe,aAAzC,KAA2D,MAAM,CAAC,UAXjC,EAYjC,KAAK,CAAC,IAAN,CAAW,SAZsB,CAAnC;AAeA,SAAO,cAAc,CAAC,KAAD,CAArB;AACD,CAlBM","sourceRoot":""}

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,gBAAgB,CAAC","sourcesContent":["export * from './components/Badge/index';\nexport * from './Badge';\nexport * from './PresenceBadge';\nexport * from './components/CounterBadge/index';\nexport * from './CounterBadge';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,gBAAgB,CAAC"}

package/lib-commonjs/Badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Badge.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Badge/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../src/Badge.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/CounterBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CounterBadge.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/CounterBadge/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../src/CounterBadge.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iCAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/PresenceBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PresenceBadge.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/PresenceBadge/index';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../src/PresenceBadge.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kCAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/common/isConformant.js

@@ -13,6 +13,8 @@ function isConformant(testInfo) {
   var defaultOptions = {
     asPropHandlesRef: true,
     componentPath: module.parent.filename.replace('.test', ''),
+    // https://github.com/microsoft/fluentui/issues/19522
+    skipAsPropTests: true,
     extraTests: react_conformance_make_styles_1.default
   };
   react_conformance_1.isConformant(defaultOptions, testInfo);

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

@@ -1 +1 @@
-{"version":3,"sources":["common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAGA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAH+C,GAA7D;AAMA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAVD,OAAA,CAAA,YAAA,GAAA,YAAA","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"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAGA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D;AACA,IAAA,eAAe,EAAE,IAJ0C;AAK3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAL+C,GAA7D;AAQA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAZD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}

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

@@ -1,6 +1,10 @@
 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>>;
+export declare const Badge: 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.types").BadgeCommons> & React.RefAttributes<HTMLElement>>;

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Badge/Badge.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,KAAA,gBAAgF,KAAK,CAAC,UAAN,CAG3F,UAAC,KAAD,EAAQ,GAAR,EAAW;AACX,MAAM,KAAK,GAAG,UAAA,CAAA,QAAA,CAAS,KAAT,EAAgB,GAAhB,CAAd;AACA,EAAA,gBAAA,CAAA,cAAA,CAAe,KAAf;AAEA,SAAO,aAAA,CAAA,WAAA,CAAY,KAAZ,CAAP;AACD,CAR4F,CAAhF;AAUb,OAAA,CAAA,KAAA,CAAM,WAAN,GAAoB,OAApB","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"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,KAAA,gBAAQ,KAAK,CAAC,UAAN,CAA0C,UAAC,KAAD,EAAQ,GAAR,EAAW;AACxE,MAAM,KAAK,GAAG,UAAA,CAAA,QAAA,CAAS,KAAT,EAAgB,GAAhB,CAAd;AACA,EAAA,gBAAA,CAAA,cAAA,CAAe,KAAf;AAEA,SAAO,aAAA,CAAA,WAAA,CAAY,KAAZ,CAAP;AACD,CALoB,CAAR;AAOb,OAAA,CAAA,KAAA,CAAM,WAAN,GAAoB,OAApB","sourceRoot":""}