@fluentui/react-badge 0.0.0-nightly-20220517-0418.1 → 0.0.0-nightly-20220520-0418.1

package/dist/index.d.ts

@@ -119,7 +119,7 @@ export declare const presenceBadgeClassName = "fui-PresenceBadge";
 
 export declare const presenceBadgeClassNames: SlotClassNames<BadgeSlots>;
 
-export declare type PresenceBadgeProps = Omit<ComponentProps<Pick<BadgeSlots, 'root'>>, 'color'> & Pick<BadgeProps, 'size'> & {
+export declare type PresenceBadgeProps = Omit<ComponentProps<Pick<BadgeSlots, 'root' | 'icon'>>, 'color'> & Pick<BadgeProps, 'size'> & {
     /**
      * Represents several status
      * @default available

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 { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport type { BadgeProps, BadgeState, BadgeSlots } from '../Badge/Badge.types';\n\nexport type PresenceBadgeStatus =\n  | 'busy'\n  | 'outOfOffice'\n  | 'away'\n  | 'available'\n  | 'offline'\n  | 'doNotDisturb'\n  | 'unknown';\n\nexport type PresenceBadgeProps = Omit<ComponentProps<Pick<BadgeSlots, 'root'>>, 'color'> &\n  Pick<BadgeProps, 'size'> & {\n    /**\n     * Represents several status\n     * @default available\n     */\n    status?: PresenceBadgeStatus;\n\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     * @default false\n     */\n    outOfOffice?: boolean;\n  };\n\nexport type PresenceBadgeState = ComponentState<BadgeSlots> &\n  BadgeState &\n  Required<Pick<PresenceBadgeProps, 'status' | 'outOfOffice'>>;\n"]}
+{"version":3,"file":"PresenceBadge.types.js","sourceRoot":"../src/","sources":["components/PresenceBadge/PresenceBadge.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport type { BadgeProps, BadgeState, BadgeSlots } from '../Badge/Badge.types';\n\nexport type PresenceBadgeStatus =\n  | 'busy'\n  | 'outOfOffice'\n  | 'away'\n  | 'available'\n  | 'offline'\n  | 'doNotDisturb'\n  | 'unknown';\n\nexport type PresenceBadgeProps = Omit<ComponentProps<Pick<BadgeSlots, 'root' | 'icon'>>, 'color'> &\n  Pick<BadgeProps, 'size'> & {\n    /**\n     * Represents several status\n     * @default available\n     */\n    status?: PresenceBadgeStatus;\n\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     * @default false\n     */\n    outOfOffice?: boolean;\n  };\n\nexport type PresenceBadgeState = ComponentState<BadgeSlots> &\n  BadgeState &\n  Required<Pick<PresenceBadgeProps, 'status' | 'outOfOffice'>>;\n"]}

package/lib/components/PresenceBadge/usePresenceBadge.js

@@ -27,19 +27,31 @@ const iconMap = (status, outOfOffice, size) => {
       return presenceUnknownRegular[size];
   }
 };
+
+const DEFAULT_STRINGS = {
+  busy: 'busy',
+  outOfOffice: 'out of office',
+  away: 'away',
+  available: 'available',
+  offline: 'offline',
+  doNotDisturb: 'do not disturb',
+  unknown: 'unknown'
+};
 /**
  * Returns the props and state required to render the component
  */
 
-
 export const usePresenceBadge_unstable = (props, ref) => {
   var _a, _b;
 
   const state = { ...useBadge_unstable({
       size: 'medium',
       ...props,
-      icon: resolveShorthand(undefined, {
-        required: true
+      icon: resolveShorthand(props.icon, {
+        required: true,
+        defaultProps: {
+          'aria-label': props.status && DEFAULT_STRINGS[props.status]
+        }
       })
     }, ref),
     status: (_a = props.status) !== null && _a !== void 0 ? _a : 'available',

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,gBAAT,QAAiC,2BAAjC;AACA,SACE,uBADF,EAEE,wBAFF,EAGE,kBAHF,EAIE,kBAJF,EAKE,iBALF,EAME,kBANF,EAOE,sBAPF,EAQE,kBARF,EASE,sBATF,QAUO,iBAVP;AAWA,SAAS,iBAAT,QAA8C,gBAA9C;;AAGA,MAAM,OAAO,GAAG,CACd,MADc,EAEd,WAFc,EAGd,IAHc,KAIoB;AAClC,UAAQ,MAAR;AACE,SAAK,WAAL;AACE,aAAO,WAAW,GAAG,wBAAwB,CAAC,IAAD,CAA3B,GAAoC,uBAAuB,CAAC,IAAD,CAA7E;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,sBAAsB,CAAC,IAAD,CAAzB,GAAkC,kBAAkB,CAAC,IAAD,CAAtE;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,sBAAsB,CAAC,IAAD,CAAzB,GAAkC,kBAAkB,CAAC,IAAD,CAAtE;;AACF,SAAK,cAAL;AACE,aAAO,WAAW,GAAG,kBAAkB,CAAC,IAAD,CAArB,GAA8B,iBAAiB,CAAC,IAAD,CAAjE;;AACF,SAAK,SAAL;AACE,aAAO,sBAAsB,CAAC,IAAD,CAA7B;;AACF,SAAK,aAAL;AACE,aAAO,kBAAkB,CAAC,IAAD,CAAzB;;AACF,SAAK,SAAL;AACE,aAAO,sBAAsB,CAAC,IAAD,CAA7B;AAdJ;AAgBD,CArBD;AAuBA;;AAEG;;;AACH,OAAO,MAAM,yBAAyB,GAAG,CACvC,KADuC,EAEvC,GAFuC,KAGjB;;;AACtB,QAAM,KAAK,GAAuB,EAChC,GAAG,iBAAiB,CAClB;AACE,MAAA,IAAI,EAAE,QADR;AAEE,SAAG,KAFL;AAGE,MAAA,IAAI,EAAE,gBAAgB,CAAC,SAAD,EAAkC;AACtD,QAAA,QAAQ,EAAE;AAD4C,OAAlC;AAHxB,KADkB,EAQlB,GARkB,CADY;AAWhC,IAAA,MAAM,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,MAAN,MAAY,IAAZ,IAAY,EAAA,KAAA,KAAA,CAAZ,GAAY,EAAZ,GAAgB,WAXQ;AAYhC,IAAA,WAAW,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,WAAN,MAAiB,IAAjB,IAAiB,EAAA,KAAA,KAAA,CAAjB,GAAiB,EAAjB,GAAqB;AAZF,GAAlC;AAeA,QAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,MAAP,EAAe,KAAK,CAAC,WAArB,EAAkC,KAAK,CAAC,IAAxC,CAA3B;;AACA,MAAI,WAAJ,EAAiB;AACf,IAAA,KAAK,CAAC,IAAN,CAAY,QAAZ,gBAAuB,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CAzBM","sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport {\n  presenceAvailableFilled,\n  presenceAvailableRegular,\n  presenceAwayFilled,\n  presenceBusyFilled,\n  presenceDndFilled,\n  presenceDndRegular,\n  presenceOfflineRegular,\n  presenceOofRegular,\n  presenceUnknownRegular,\n} from './presenceIcons';\nimport { useBadge_unstable, BadgeProps } from '../Badge/index';\nimport type { PresenceBadgeProps, PresenceBadgeState } from './PresenceBadge.types';\n\nconst iconMap = (\n  status: PresenceBadgeState['status'],\n  outOfOffice: boolean,\n  size: PresenceBadgeState['size'],\n): React.FunctionComponent | null => {\n  switch (status) {\n    case 'available':\n      return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];\n    case 'away':\n      return outOfOffice ? presenceOfflineRegular[size] : presenceAwayFilled[size];\n    case 'busy':\n      return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];\n    case 'doNotDisturb':\n      return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];\n    case 'offline':\n      return presenceOfflineRegular[size];\n    case 'outOfOffice':\n      return presenceOofRegular[size];\n    case 'unknown':\n      return presenceUnknownRegular[size];\n  }\n};\n\n/**\n * Returns the props and state required to render the component\n */\nexport const usePresenceBadge_unstable = (\n  props: PresenceBadgeProps,\n  ref: React.Ref<HTMLElement>,\n): PresenceBadgeState => {\n  const state: PresenceBadgeState = {\n    ...useBadge_unstable(\n      {\n        size: 'medium',\n        ...props,\n        icon: resolveShorthand(undefined as BadgeProps['icon'], {\n          required: true,\n        }),\n      },\n      ref,\n    ),\n    status: props.status ?? 'available',\n    outOfOffice: props.outOfOffice ?? false,\n  };\n\n  const IconElement = iconMap(state.status, state.outOfOffice, state.size);\n  if (IconElement) {\n    state.icon!.children = <IconElement />;\n  }\n\n  return state;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/PresenceBadge/usePresenceBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,2BAAjC;AACA,SACE,uBADF,EAEE,wBAFF,EAGE,kBAHF,EAIE,kBAJF,EAKE,iBALF,EAME,kBANF,EAOE,sBAPF,EAQE,kBARF,EASE,sBATF,QAUO,iBAVP;AAWA,SAAS,iBAAT,QAAkC,gBAAlC;;AAGA,MAAM,OAAO,GAAG,CACd,MADc,EAEd,WAFc,EAGd,IAHc,KAIoB;AAClC,UAAQ,MAAR;AACE,SAAK,WAAL;AACE,aAAO,WAAW,GAAG,wBAAwB,CAAC,IAAD,CAA3B,GAAoC,uBAAuB,CAAC,IAAD,CAA7E;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,sBAAsB,CAAC,IAAD,CAAzB,GAAkC,kBAAkB,CAAC,IAAD,CAAtE;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,sBAAsB,CAAC,IAAD,CAAzB,GAAkC,kBAAkB,CAAC,IAAD,CAAtE;;AACF,SAAK,cAAL;AACE,aAAO,WAAW,GAAG,kBAAkB,CAAC,IAAD,CAArB,GAA8B,iBAAiB,CAAC,IAAD,CAAjE;;AACF,SAAK,SAAL;AACE,aAAO,sBAAsB,CAAC,IAAD,CAA7B;;AACF,SAAK,aAAL;AACE,aAAO,kBAAkB,CAAC,IAAD,CAAzB;;AACF,SAAK,SAAL;AACE,aAAO,sBAAsB,CAAC,IAAD,CAA7B;AAdJ;AAgBD,CArBD;;AAuBA,MAAM,eAAe,GAAG;AACtB,EAAA,IAAI,EAAE,MADgB;AAEtB,EAAA,WAAW,EAAE,eAFS;AAGtB,EAAA,IAAI,EAAE,MAHgB;AAItB,EAAA,SAAS,EAAE,WAJW;AAKtB,EAAA,OAAO,EAAE,SALa;AAMtB,EAAA,YAAY,EAAE,gBANQ;AAOtB,EAAA,OAAO,EAAE;AAPa,CAAxB;AAUA;;AAEG;;AACH,OAAO,MAAM,yBAAyB,GAAG,CACvC,KADuC,EAEvC,GAFuC,KAGjB;;;AACtB,QAAM,KAAK,GAAuB,EAChC,GAAG,iBAAiB,CAClB;AACE,MAAA,IAAI,EAAE,QADR;AAEE,SAAG,KAFL;AAGE,MAAA,IAAI,EAAE,gBAAgB,CAAC,KAAK,CAAC,IAAP,EAAa;AACjC,QAAA,QAAQ,EAAE,IADuB;AAEjC,QAAA,YAAY,EAAE;AACZ,wBAAc,KAAK,CAAC,MAAN,IAAgB,eAAe,CAAC,KAAK,CAAC,MAAP;AADjC;AAFmB,OAAb;AAHxB,KADkB,EAWlB,GAXkB,CADY;AAchC,IAAA,MAAM,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,MAAN,MAAY,IAAZ,IAAY,EAAA,KAAA,KAAA,CAAZ,GAAY,EAAZ,GAAgB,WAdQ;AAehC,IAAA,WAAW,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,WAAN,MAAiB,IAAjB,IAAiB,EAAA,KAAA,KAAA,CAAjB,GAAiB,EAAjB,GAAqB;AAfF,GAAlC;AAkBA,QAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,MAAP,EAAe,KAAK,CAAC,WAArB,EAAkC,KAAK,CAAC,IAAxC,CAA3B;;AACA,MAAI,WAAJ,EAAiB;AACf,IAAA,KAAK,CAAC,IAAN,CAAY,QAAZ,gBAAuB,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CA5BM","sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport {\n  presenceAvailableFilled,\n  presenceAvailableRegular,\n  presenceAwayFilled,\n  presenceBusyFilled,\n  presenceDndFilled,\n  presenceDndRegular,\n  presenceOfflineRegular,\n  presenceOofRegular,\n  presenceUnknownRegular,\n} from './presenceIcons';\nimport { useBadge_unstable } from '../Badge/index';\nimport type { PresenceBadgeProps, PresenceBadgeState } from './PresenceBadge.types';\n\nconst iconMap = (\n  status: PresenceBadgeState['status'],\n  outOfOffice: boolean,\n  size: PresenceBadgeState['size'],\n): React.FunctionComponent | null => {\n  switch (status) {\n    case 'available':\n      return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];\n    case 'away':\n      return outOfOffice ? presenceOfflineRegular[size] : presenceAwayFilled[size];\n    case 'busy':\n      return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];\n    case 'doNotDisturb':\n      return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];\n    case 'offline':\n      return presenceOfflineRegular[size];\n    case 'outOfOffice':\n      return presenceOofRegular[size];\n    case 'unknown':\n      return presenceUnknownRegular[size];\n  }\n};\n\nconst DEFAULT_STRINGS = {\n  busy: 'busy',\n  outOfOffice: 'out of office',\n  away: 'away',\n  available: 'available',\n  offline: 'offline',\n  doNotDisturb: 'do not disturb',\n  unknown: 'unknown',\n};\n\n/**\n * Returns the props and state required to render the component\n */\nexport const usePresenceBadge_unstable = (\n  props: PresenceBadgeProps,\n  ref: React.Ref<HTMLElement>,\n): PresenceBadgeState => {\n  const state: PresenceBadgeState = {\n    ...useBadge_unstable(\n      {\n        size: 'medium',\n        ...props,\n        icon: resolveShorthand(props.icon, {\n          required: true,\n          defaultProps: {\n            'aria-label': props.status && DEFAULT_STRINGS[props.status],\n          },\n        }),\n      },\n      ref,\n    ),\n    status: props.status ?? 'available',\n    outOfOffice: props.outOfOffice ?? false,\n  };\n\n  const IconElement = iconMap(state.status, state.outOfOffice, state.size);\n  if (IconElement) {\n    state.icon!.children = <IconElement />;\n  }\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

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

@@ -37,19 +37,31 @@ const iconMap = (status, outOfOffice, size) => {
       return presenceIcons_1.presenceUnknownRegular[size];
   }
 };
+
+const DEFAULT_STRINGS = {
+  busy: 'busy',
+  outOfOffice: 'out of office',
+  away: 'away',
+  available: 'available',
+  offline: 'offline',
+  doNotDisturb: 'do not disturb',
+  unknown: 'unknown'
+};
 /**
  * Returns the props and state required to render the component
  */
 
-
 const usePresenceBadge_unstable = (props, ref) => {
   var _a, _b;
 
   const state = { ...index_1.useBadge_unstable({
       size: 'medium',
       ...props,
-      icon: react_utilities_1.resolveShorthand(undefined, {
-        required: true
+      icon: react_utilities_1.resolveShorthand(props.icon, {
+        required: true,
+        defaultProps: {
+          'aria-label': props.status && DEFAULT_STRINGS[props.status]
+        }
       })
     }, ref),
     status: (_a = props.status) !== null && _a !== void 0 ? _a : 'available',

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

@@ -1 +1 @@
-{"version":3,"sources":["components/PresenceBadge/usePresenceBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AAWA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGA,MAAM,OAAO,GAAG,CACd,MADc,EAEd,WAFc,EAGd,IAHc,KAIoB;AAClC,UAAQ,MAAR;AACE,SAAK,WAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,wBAAA,CAAyB,IAAzB,CAAH,GAAoC,eAAA,CAAA,uBAAA,CAAwB,IAAxB,CAAtD;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,sBAAA,CAAuB,IAAvB,CAAH,GAAkC,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAApD;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,sBAAA,CAAuB,IAAvB,CAAH,GAAkC,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAApD;;AACF,SAAK,cAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAAH,GAA8B,eAAA,CAAA,iBAAA,CAAkB,IAAlB,CAAhD;;AACF,SAAK,SAAL;AACE,aAAO,eAAA,CAAA,sBAAA,CAAuB,IAAvB,CAAP;;AACF,SAAK,aAAL;AACE,aAAO,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAAP;;AACF,SAAK,SAAL;AACE,aAAO,eAAA,CAAA,sBAAA,CAAuB,IAAvB,CAAP;AAdJ;AAgBD,CArBD;AAuBA;;AAEG;;;AACI,MAAM,yBAAyB,GAAG,CACvC,KADuC,EAEvC,GAFuC,KAGjB;;;AACtB,QAAM,KAAK,GAAuB,EAChC,GAAG,OAAA,CAAA,iBAAA,CACD;AACE,MAAA,IAAI,EAAE,QADR;AAEE,SAAG,KAFL;AAGE,MAAA,IAAI,EAAE,iBAAA,CAAA,gBAAA,CAAiB,SAAjB,EAAkD;AACtD,QAAA,QAAQ,EAAE;AAD4C,OAAlD;AAHR,KADC,EAQD,GARC,CAD6B;AAWhC,IAAA,MAAM,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,MAAN,MAAY,IAAZ,IAAY,EAAA,KAAA,KAAA,CAAZ,GAAY,EAAZ,GAAgB,WAXQ;AAYhC,IAAA,WAAW,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,WAAN,MAAiB,IAAjB,IAAiB,EAAA,KAAA,KAAA,CAAjB,GAAiB,EAAjB,GAAqB;AAZF,GAAlC;AAeA,QAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,MAAP,EAAe,KAAK,CAAC,WAArB,EAAkC,KAAK,CAAC,IAAxC,CAA3B;;AACA,MAAI,WAAJ,EAAiB;AACf,IAAA,KAAK,CAAC,IAAN,CAAY,QAAZ,GAAuB,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CAzBM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport {\n  presenceAvailableFilled,\n  presenceAvailableRegular,\n  presenceAwayFilled,\n  presenceBusyFilled,\n  presenceDndFilled,\n  presenceDndRegular,\n  presenceOfflineRegular,\n  presenceOofRegular,\n  presenceUnknownRegular,\n} from './presenceIcons';\nimport { useBadge_unstable, BadgeProps } from '../Badge/index';\nimport type { PresenceBadgeProps, PresenceBadgeState } from './PresenceBadge.types';\n\nconst iconMap = (\n  status: PresenceBadgeState['status'],\n  outOfOffice: boolean,\n  size: PresenceBadgeState['size'],\n): React.FunctionComponent | null => {\n  switch (status) {\n    case 'available':\n      return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];\n    case 'away':\n      return outOfOffice ? presenceOfflineRegular[size] : presenceAwayFilled[size];\n    case 'busy':\n      return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];\n    case 'doNotDisturb':\n      return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];\n    case 'offline':\n      return presenceOfflineRegular[size];\n    case 'outOfOffice':\n      return presenceOofRegular[size];\n    case 'unknown':\n      return presenceUnknownRegular[size];\n  }\n};\n\n/**\n * Returns the props and state required to render the component\n */\nexport const usePresenceBadge_unstable = (\n  props: PresenceBadgeProps,\n  ref: React.Ref<HTMLElement>,\n): PresenceBadgeState => {\n  const state: PresenceBadgeState = {\n    ...useBadge_unstable(\n      {\n        size: 'medium',\n        ...props,\n        icon: resolveShorthand(undefined as BadgeProps['icon'], {\n          required: true,\n        }),\n      },\n      ref,\n    ),\n    status: props.status ?? 'available',\n    outOfOffice: props.outOfOffice ?? false,\n  };\n\n  const IconElement = iconMap(state.status, state.outOfOffice, state.size);\n  if (IconElement) {\n    state.icon!.children = <IconElement />;\n  }\n\n  return state;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["components/PresenceBadge/usePresenceBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AAWA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGA,MAAM,OAAO,GAAG,CACd,MADc,EAEd,WAFc,EAGd,IAHc,KAIoB;AAClC,UAAQ,MAAR;AACE,SAAK,WAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,wBAAA,CAAyB,IAAzB,CAAH,GAAoC,eAAA,CAAA,uBAAA,CAAwB,IAAxB,CAAtD;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,sBAAA,CAAuB,IAAvB,CAAH,GAAkC,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAApD;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,sBAAA,CAAuB,IAAvB,CAAH,GAAkC,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAApD;;AACF,SAAK,cAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAAH,GAA8B,eAAA,CAAA,iBAAA,CAAkB,IAAlB,CAAhD;;AACF,SAAK,SAAL;AACE,aAAO,eAAA,CAAA,sBAAA,CAAuB,IAAvB,CAAP;;AACF,SAAK,aAAL;AACE,aAAO,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAAP;;AACF,SAAK,SAAL;AACE,aAAO,eAAA,CAAA,sBAAA,CAAuB,IAAvB,CAAP;AAdJ;AAgBD,CArBD;;AAuBA,MAAM,eAAe,GAAG;AACtB,EAAA,IAAI,EAAE,MADgB;AAEtB,EAAA,WAAW,EAAE,eAFS;AAGtB,EAAA,IAAI,EAAE,MAHgB;AAItB,EAAA,SAAS,EAAE,WAJW;AAKtB,EAAA,OAAO,EAAE,SALa;AAMtB,EAAA,YAAY,EAAE,gBANQ;AAOtB,EAAA,OAAO,EAAE;AAPa,CAAxB;AAUA;;AAEG;;AACI,MAAM,yBAAyB,GAAG,CACvC,KADuC,EAEvC,GAFuC,KAGjB;;;AACtB,QAAM,KAAK,GAAuB,EAChC,GAAG,OAAA,CAAA,iBAAA,CACD;AACE,MAAA,IAAI,EAAE,QADR;AAEE,SAAG,KAFL;AAGE,MAAA,IAAI,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,IAAvB,EAA6B;AACjC,QAAA,QAAQ,EAAE,IADuB;AAEjC,QAAA,YAAY,EAAE;AACZ,wBAAc,KAAK,CAAC,MAAN,IAAgB,eAAe,CAAC,KAAK,CAAC,MAAP;AADjC;AAFmB,OAA7B;AAHR,KADC,EAWD,GAXC,CAD6B;AAchC,IAAA,MAAM,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,MAAN,MAAY,IAAZ,IAAY,EAAA,KAAA,KAAA,CAAZ,GAAY,EAAZ,GAAgB,WAdQ;AAehC,IAAA,WAAW,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,WAAN,MAAiB,IAAjB,IAAiB,EAAA,KAAA,KAAA,CAAjB,GAAiB,EAAjB,GAAqB;AAfF,GAAlC;AAkBA,QAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,MAAP,EAAe,KAAK,CAAC,WAArB,EAAkC,KAAK,CAAC,IAAxC,CAA3B;;AACA,MAAI,WAAJ,EAAiB;AACf,IAAA,KAAK,CAAC,IAAN,CAAY,QAAZ,GAAuB,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CA5BM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport {\n  presenceAvailableFilled,\n  presenceAvailableRegular,\n  presenceAwayFilled,\n  presenceBusyFilled,\n  presenceDndFilled,\n  presenceDndRegular,\n  presenceOfflineRegular,\n  presenceOofRegular,\n  presenceUnknownRegular,\n} from './presenceIcons';\nimport { useBadge_unstable } from '../Badge/index';\nimport type { PresenceBadgeProps, PresenceBadgeState } from './PresenceBadge.types';\n\nconst iconMap = (\n  status: PresenceBadgeState['status'],\n  outOfOffice: boolean,\n  size: PresenceBadgeState['size'],\n): React.FunctionComponent | null => {\n  switch (status) {\n    case 'available':\n      return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];\n    case 'away':\n      return outOfOffice ? presenceOfflineRegular[size] : presenceAwayFilled[size];\n    case 'busy':\n      return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];\n    case 'doNotDisturb':\n      return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];\n    case 'offline':\n      return presenceOfflineRegular[size];\n    case 'outOfOffice':\n      return presenceOofRegular[size];\n    case 'unknown':\n      return presenceUnknownRegular[size];\n  }\n};\n\nconst DEFAULT_STRINGS = {\n  busy: 'busy',\n  outOfOffice: 'out of office',\n  away: 'away',\n  available: 'available',\n  offline: 'offline',\n  doNotDisturb: 'do not disturb',\n  unknown: 'unknown',\n};\n\n/**\n * Returns the props and state required to render the component\n */\nexport const usePresenceBadge_unstable = (\n  props: PresenceBadgeProps,\n  ref: React.Ref<HTMLElement>,\n): PresenceBadgeState => {\n  const state: PresenceBadgeState = {\n    ...useBadge_unstable(\n      {\n        size: 'medium',\n        ...props,\n        icon: resolveShorthand(props.icon, {\n          required: true,\n          defaultProps: {\n            'aria-label': props.status && DEFAULT_STRINGS[props.status],\n          },\n        }),\n      },\n      ref,\n    ),\n    status: props.status ?? 'available',\n    outOfOffice: props.outOfOffice ?? false,\n  };\n\n  const IconElement = iconMap(state.status, state.outOfOffice, state.size);\n  if (IconElement) {\n    state.icon!.children = <IconElement />;\n  }\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fluentui/react-badge",
-  "version": "0.0.0-nightly-20220517-0418.1",
+  "version": "0.0.0-nightly-20220520-0418.1",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "typings": "lib/index.d.ts",
+  "typings": "dist/index.d.ts",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -21,21 +21,21 @@
     "start": "yarn storybook",
     "test": "jest --passWithNoTests",
     "docs": "api-extractor run --config=config/api-extractor.local.json --local",
-    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-badge/src && yarn docs",
-    "storybook": "node ../../scripts/storybook/runner",
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/types/packages/react-components/react-badge/src && yarn docs",
+    "storybook": "node ../../../scripts/storybook/runner",
     "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220517-0418.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220520-0418.1",
     "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
     "@fluentui/react-icons": "^2.0.166-rc.3",
-    "@griffel/react": "1.0.4",
-    "@fluentui/react-theme": "0.0.0-nightly-20220517-0418.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20220517-0418.1",
+    "@griffel/react": "1.0.5",
+    "@fluentui/react-theme": "0.0.0-nightly-20220520-0418.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20220520-0418.1",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {

package/lib/Badge.d.ts

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

package/lib/CounterBadge.d.ts

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

package/lib/PresenceBadge.d.ts

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

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

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

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

@@ -1,33 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type BadgeSlots = {
-    root: Slot<'div'>;
-    icon?: Slot<'span'>;
-};
-export declare type BadgeProps = Omit<ComponentProps<BadgeSlots>, 'color'> & {
-    /**
-     * A Badge can be filled, outline, ghost, inverted
-     * @defaultvalue filled
-     */
-    appearance?: 'filled' | 'ghost' | 'outline' | 'tint';
-    /**
-     * A Badge can be one of preset colors
-     * @defaultvalue brand
-     */
-    color?: 'brand' | 'danger' | 'important' | 'informative' | 'severe' | 'subtle' | 'success' | 'warning';
-    /**
-     * A Badge can position the icon before or after the content.
-     * @defaultvalue before
-     */
-    iconPosition?: 'before' | 'after';
-    /**
-     * A Badge can be square, circular or rounded.
-     * @defaultvalue circular
-     */
-    shape?: 'circular' | 'rounded' | 'square';
-    /**
-     * A Badge can be on of several preset sizes.
-     * @defaultvalue medium
-     */
-    size?: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
-};
-export declare type BadgeState = ComponentState<BadgeSlots> & Required<Pick<BadgeProps, 'appearance' | 'color' | 'iconPosition' | 'shape' | 'size'>>;

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

@@ -1,5 +0,0 @@
-export * from './Badge';
-export type { BadgeProps, BadgeSlots, BadgeState } from './Badge.types';
-export * from './renderBadge';
-export * from './useBadge';
-export * from './useBadgeStyles';

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

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

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

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { BadgeProps, BadgeState } from './Badge.types';
-/**
- * Returns the props and state required to render the component
- */
-export declare const useBadge_unstable: (props: BadgeProps, ref: React.Ref<HTMLElement>) => BadgeState;

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

@@ -1,11 +0,0 @@
-import type { BadgeSlots, BadgeState } from './Badge.types';
-import type { SlotClassNames } from '@fluentui/react-utilities';
-/**
- * @deprecated Use `badgeClassNames.root` instead.
- */
-export declare const badgeClassName = "fui-Badge";
-export declare const badgeClassNames: SlotClassNames<BadgeSlots>;
-/**
- * Applies style classnames to slots
- */
-export declare const useBadgeStyles_unstable: (state: BadgeState) => BadgeState;

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

@@ -1,6 +0,0 @@
-import type { CounterBadgeProps } from './CounterBadge.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
- */
-export declare const CounterBadge: ForwardRefComponent<CounterBadgeProps>;

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

@@ -1,42 +0,0 @@
-import type { BadgeProps, BadgeState } from '../Badge/index';
-export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'color' | 'shape'> & {
-    /**
-     * A Badge can have different appearances that emphasize certain parts of it:
-     *  - filled: The default appearance if one is not specified.
-     *    The badge background is filled with color with a contrasting foreground text to match.
-     *  - ghost: The badge background is transparent, with the foreground text taking color to emphasize it.
-     * @default filled
-     */
-    appearance?: 'filled' | 'ghost';
-    /**
-     * Semantic colors for a counter badge
-     * @default brand
-     */
-    color?: Extract<BadgeProps['color'], 'brand' | 'danger' | 'important' | 'informative'>;
-    /**
-     * Value displayed by the Badge
-     * @default 0
-     */
-    count?: number;
-    /**
-     * If a dot should be displayed without the count
-     * @default false
-     */
-    dot?: boolean;
-    /**
-     * Max number to be displayed
-     * @default 99
-     */
-    overflowCount?: number;
-    /**
-     * A Badge can be circular or rounded
-     * @default circular
-     */
-    shape?: 'circular' | 'rounded';
-    /**
-     * If the badge should be shown when count is 0
-     * @default false
-     */
-    showZero?: boolean;
-};
-export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'color' | 'shape'> & Required<Pick<CounterBadgeProps, 'appearance' | 'color' | 'count' | 'dot' | 'shape' | 'showZero'>>;

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

@@ -1,4 +0,0 @@
-export * from './CounterBadge';
-export * from './CounterBadge.types';
-export * from './useCounterBadge';
-export * from './useCounterBadgeStyles';

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

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

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

@@ -1,12 +0,0 @@
-import type { SlotClassNames } from '@fluentui/react-utilities';
-import type { BadgeSlots } from '../Badge/Badge.types';
-import type { CounterBadgeState } from './CounterBadge.types';
-/**
- * @deprecated Use `counterBadgeClassNames.root` instead.
- */
-export declare const counterBadgeClassName = "fui-CounterBadge";
-export declare const counterBadgeClassNames: SlotClassNames<BadgeSlots>;
-/**
- * Applies style classnames to slots
- */
-export declare const useCounterBadgeStyles_unstable: (state: CounterBadgeState) => CounterBadgeState;

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

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

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

@@ -1,17 +0,0 @@
-import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';
-import type { BadgeProps, BadgeState, BadgeSlots } from '../Badge/Badge.types';
-export declare type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb' | 'unknown';
-export declare type PresenceBadgeProps = Omit<ComponentProps<Pick<BadgeSlots, 'root'>>, 'color'> & Pick<BadgeProps, 'size'> & {
-    /**
-     * Represents several status
-     * @default available
-     */
-    status?: PresenceBadgeStatus;
-    /**
-     * Modifies the display to indicate that the user is out of office.
-     * This can be combined with any status to display an out-of-office version of that status
-     * @default false
-     */
-    outOfOffice?: boolean;
-};
-export declare type PresenceBadgeState = ComponentState<BadgeSlots> & BadgeState & Required<Pick<PresenceBadgeProps, 'status' | 'outOfOffice'>>;

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

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

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

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import type { PresenceBadgeState } from './PresenceBadge.types';
-export declare const presenceAwayFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceAvailableRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceAvailableFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceBusyFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceDndFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceDndRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceOofRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceOfflineRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
-export declare const presenceUnknownRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;

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

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

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

@@ -1,12 +0,0 @@
-import type { SlotClassNames } from '@fluentui/react-utilities';
-import type { BadgeSlots } from '../Badge/Badge.types';
-import type { PresenceBadgeState } from './PresenceBadge.types';
-/**
- * @deprecated Use `presenceBadgeClassNames.root` instead.
- */
-export declare const presenceBadgeClassName = "fui-PresenceBadge";
-export declare const presenceBadgeClassNames: SlotClassNames<BadgeSlots>;
-/**
- * Applies style classnames to slots
- */
-export declare const usePresenceBadgeStyles_unstable: (state: PresenceBadgeState) => PresenceBadgeState;

package/lib/index.d.ts

@@ -1,6 +0,0 @@
-export { Badge, badgeClassName, badgeClassNames, renderBadge_unstable, useBadgeStyles_unstable, useBadge_unstable, } from './Badge';
-export type { BadgeProps, BadgeSlots, BadgeState } from './Badge';
-export { PresenceBadge, presenceBadgeClassName, presenceBadgeClassNames, usePresenceBadgeStyles_unstable, usePresenceBadge_unstable, } from './PresenceBadge';
-export type { PresenceBadgeProps, PresenceBadgeState, PresenceBadgeStatus } from './PresenceBadge';
-export { CounterBadge, counterBadgeClassName, counterBadgeClassNames, useCounterBadgeStyles_unstable, useCounterBadge_unstable, } from './CounterBadge';
-export type { CounterBadgeProps, CounterBadgeState } from './CounterBadge';

package/lib-commonjs/Badge.d.ts

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

package/lib-commonjs/CounterBadge.d.ts

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

package/lib-commonjs/PresenceBadge.d.ts

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

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

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

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

@@ -1,33 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type BadgeSlots = {
-    root: Slot<'div'>;
-    icon?: Slot<'span'>;
-};
-export declare type BadgeProps = Omit<ComponentProps<BadgeSlots>, 'color'> & {
-    /**
-     * A Badge can be filled, outline, ghost, inverted
-     * @defaultvalue filled
-     */
-    appearance?: 'filled' | 'ghost' | 'outline' | 'tint';
-    /**
-     * A Badge can be one of preset colors
-     * @defaultvalue brand
-     */
-    color?: 'brand' | 'danger' | 'important' | 'informative' | 'severe' | 'subtle' | 'success' | 'warning';
-    /**
-     * A Badge can position the icon before or after the content.
-     * @defaultvalue before
-     */
-    iconPosition?: 'before' | 'after';
-    /**
-     * A Badge can be square, circular or rounded.
-     * @defaultvalue circular
-     */
-    shape?: 'circular' | 'rounded' | 'square';
-    /**
-     * A Badge can be on of several preset sizes.
-     * @defaultvalue medium
-     */
-    size?: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
-};
-export declare type BadgeState = ComponentState<BadgeSlots> & Required<Pick<BadgeProps, 'appearance' | 'color' | 'iconPosition' | 'shape' | 'size'>>;

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

@@ -1,5 +0,0 @@
-export * from './Badge';
-export type { BadgeProps, BadgeSlots, BadgeState } from './Badge.types';
-export * from './renderBadge';
-export * from './useBadge';
-export * from './useBadgeStyles';

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

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

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

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { BadgeProps, BadgeState } from './Badge.types';
-/**
- * Returns the props and state required to render the component
- */
-export declare const useBadge_unstable: (props: BadgeProps, ref: React.Ref<HTMLElement>) => BadgeState;

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

@@ -1,11 +0,0 @@
-import type { BadgeSlots, BadgeState } from './Badge.types';
-import type { SlotClassNames } from '@fluentui/react-utilities';
-/**
- * @deprecated Use `badgeClassNames.root` instead.
- */
-export declare const badgeClassName = "fui-Badge";
-export declare const badgeClassNames: SlotClassNames<BadgeSlots>;
-/**
- * Applies style classnames to slots
- */
-export declare const useBadgeStyles_unstable: (state: BadgeState) => BadgeState;

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

@@ -1,6 +0,0 @@
-import type { CounterBadgeProps } from './CounterBadge.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
- */
-export declare const CounterBadge: ForwardRefComponent<CounterBadgeProps>;

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

@@ -1,42 +0,0 @@
-import type { BadgeProps, BadgeState } from '../Badge/index';
-export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'color' | 'shape'> & {
-    /**
-     * A Badge can have different appearances that emphasize certain parts of it:
-     *  - filled: The default appearance if one is not specified.
-     *    The badge background is filled with color with a contrasting foreground text to match.
-     *  - ghost: The badge background is transparent, with the foreground text taking color to emphasize it.
-     * @default filled
-     */
-    appearance?: 'filled' | 'ghost';
-    /**
-     * Semantic colors for a counter badge
-     * @default brand
-     */
-    color?: Extract<BadgeProps['color'], 'brand' | 'danger' | 'important' | 'informative'>;
-    /**
-     * Value displayed by the Badge
-     * @default 0
-     */
-    count?: number;
-    /**
-     * If a dot should be displayed without the count
-     * @default false
-     */
-    dot?: boolean;
-    /**
-     * Max number to be displayed
-     * @default 99
-     */
-    overflowCount?: number;
-    /**
-     * A Badge can be circular or rounded
-     * @default circular
-     */
-    shape?: 'circular' | 'rounded';
-    /**
-     * If the badge should be shown when count is 0
-     * @default false
-     */
-    showZero?: boolean;
-};
-export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'color' | 'shape'> & Required<Pick<CounterBadgeProps, 'appearance' | 'color' | 'count' | 'dot' | 'shape' | 'showZero'>>;

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

@@ -1,4 +0,0 @@
-export * from './CounterBadge';
-export * from './CounterBadge.types';
-export * from './useCounterBadge';
-export * from './useCounterBadgeStyles';

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

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

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

@@ -1,12 +0,0 @@
-import type { SlotClassNames } from '@fluentui/react-utilities';
-import type { BadgeSlots } from '../Badge/Badge.types';
-import type { CounterBadgeState } from './CounterBadge.types';
-/**
- * @deprecated Use `counterBadgeClassNames.root` instead.
- */
-export declare const counterBadgeClassName = "fui-CounterBadge";
-export declare const counterBadgeClassNames: SlotClassNames<BadgeSlots>;
-/**
- * Applies style classnames to slots
- */
-export declare const useCounterBadgeStyles_unstable: (state: CounterBadgeState) => CounterBadgeState;

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

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

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

@@ -1,17 +0,0 @@
-import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';
-import type { BadgeProps, BadgeState, BadgeSlots } from '../Badge/Badge.types';
-export declare type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb' | 'unknown';
-export declare type PresenceBadgeProps = Omit<ComponentProps<Pick<BadgeSlots, 'root'>>, 'color'> & Pick<BadgeProps, 'size'> & {
-    /**
-     * Represents several status
-     * @default available
-     */
-    status?: PresenceBadgeStatus;
-    /**
-     * Modifies the display to indicate that the user is out of office.
-     * This can be combined with any status to display an out-of-office version of that status
-     * @default false
-     */
-    outOfOffice?: boolean;
-};
-export declare type PresenceBadgeState = ComponentState<BadgeSlots> & BadgeState & Required<Pick<PresenceBadgeProps, 'status' | 'outOfOffice'>>;

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

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