@fluentui/react-badge 0.0.0-nightlyf1be0a972820211214.1 → 0.0.0-nightlyf3017f159620220222.1

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

@@ -1 +1 @@
-{"version":3,"file":"CounterBadge.types.js","sourceRoot":"","sources":["../../../src/components/CounterBadge/CounterBadge.types.ts"],"names":[],"mappings":""}
+{"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\ntype CounterBadgeCommons = {\n  /**\n   * Max number to be displayed\n   * @default 99\n   */\n  overflowCount: number;\n\n  /**\n   * Value displayed by the Badge\n   * @default 0\n   */\n  count: number;\n\n  /**\n   * If the badge should be shown when count is 0\n   * @default false\n   */\n  showZero: boolean;\n\n  /**\n   * If a dot should be displayed without the count\n   * @default false\n   */\n  dot: boolean;\n\n  /**\n   * A Badge can be circular or rounded\n   * @default circular\n   */\n  shape: 'circular' | 'rounded';\n\n  /**\n   * A Badge can be filled, ghost\n   * @default filled\n   */\n  appearance: 'filled' | 'ghost';\n\n  /**\n   * Semantic colors for a counter badge\n   * @default brand\n   */\n  color: Extract<BadgeProps['color'], 'brand' | 'danger' | 'important' | 'informative'>;\n};\n\nexport type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape' | 'color'> & Partial<CounterBadgeCommons>;\n\nexport type CounterBadgeState = Omit<BadgeState, 'appearance' | 'shape' | 'color'> & CounterBadgeCommons;\n"]}

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

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

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

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

package/lib/components/CounterBadge/useCounterBadge.js

@@ -1,9 +1,9 @@
-import { useBadge } from '../Badge/index';
+import { useBadge_unstable } from '../Badge/index';
 /**
  * Returns the props and state required to render the component
  */
 
-export const useCounterBadge = (props, ref) => {
+export const useCounterBadge_unstable = (props, ref) => {
   const {
     shape = 'circular',
     appearance = 'filled',
@@ -12,7 +12,7 @@ export const useCounterBadge = (props, ref) => {
     count = 0,
     dot = false
   } = props;
-  const state = { ...useBadge(props, ref),
+  const state = { ...useBadge_unstable(props, ref),
     shape,
     appearance,
     showZero,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CounterBadge/useCounterBadge.ts"],"names":[],"mappings":"AACA,SAAS,QAAT,QAAyB,gBAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,eAAe,GAAG,CAAC,KAAD,EAA2B,GAA3B,KAA6E;AAC1G,QAAM;AACJ,IAAA,KAAK,GAAG,UADJ;AAEJ,IAAA,UAAU,GAAG,QAFT;AAGJ,IAAA,QAAQ,GAAG,KAHP;AAIJ,IAAA,aAAa,GAAG,EAJZ;AAKJ,IAAA,KAAK,GAAG,CALJ;AAMJ,IAAA,GAAG,GAAG;AANF,MAOF,KAPJ;AASA,QAAM,KAAK,GAAsB,EAC/B,GAAI,QAAQ,CAAC,KAAD,EAAQ,GAAR,CADmB;AAE/B,IAAA,KAF+B;AAG/B,IAAA,UAH+B;AAI/B,IAAA,QAJ+B;AAK/B,IAAA,aAL+B;AAM/B,IAAA,KAN+B;AAO/B,IAAA;AAP+B,GAAjC;;AAUA,MAAI,CAAC,KAAK,CAAC,GAAP,IAAc,CAAC,KAAK,CAAC,IAAN,CAAW,QAA9B,EAAwC;AACtC,IAAA,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,KAAK,CAAC,KAAN,GAAc,KAAK,CAAC,aAApB,GAAoC,GAAG,KAAK,CAAC,aAAa,GAA1D,GAAgE,GAAG,KAAK,CAAC,KAAK,EAApG;AACD;;AAED,SAAO,KAAP;AACD,CAzBM","sourceRoot":""}
+{"version":3,"sources":["components/CounterBadge/useCounterBadge.ts"],"names":[],"mappings":"AACA,SAAS,iBAAT,QAAkC,gBAAlC;AAGA;;AAEG;;AACH,OAAO,MAAM,wBAAwB,GAAG,CAAC,KAAD,EAA2B,GAA3B,KAA6E;AACnH,QAAM;AACJ,IAAA,KAAK,GAAG,UADJ;AAEJ,IAAA,UAAU,GAAG,QAFT;AAGJ,IAAA,QAAQ,GAAG,KAHP;AAIJ,IAAA,aAAa,GAAG,EAJZ;AAKJ,IAAA,KAAK,GAAG,CALJ;AAMJ,IAAA,GAAG,GAAG;AANF,MAOF,KAPJ;AASA,QAAM,KAAK,GAAsB,EAC/B,GAAI,iBAAiB,CAAC,KAAD,EAAQ,GAAR,CADU;AAE/B,IAAA,KAF+B;AAG/B,IAAA,UAH+B;AAI/B,IAAA,QAJ+B;AAK/B,IAAA,aAL+B;AAM/B,IAAA,KAN+B;AAO/B,IAAA;AAP+B,GAAjC;;AAUA,MAAI,CAAC,KAAK,CAAC,GAAP,IAAc,CAAC,KAAK,CAAC,IAAN,CAAW,QAA9B,EAAwC;AACtC,IAAA,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,KAAK,CAAC,KAAN,GAAc,KAAK,CAAC,aAApB,GAAoC,GAAG,KAAK,CAAC,aAAa,GAA1D,GAAgE,GAAG,KAAK,CAAC,KAAK,EAApG;AACD;;AAED,SAAO,KAAP;AACD,CAzBM","sourcesContent":["import * as React from 'react';\nimport { useBadge_unstable } from '../Badge/index';\nimport type { CounterBadgeProps, CounterBadgeState } from './CounterBadge.types';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useCounterBadge_unstable = (props: CounterBadgeProps, ref: React.Ref<HTMLElement>): CounterBadgeState => {\n  const {\n    shape = 'circular',\n    appearance = 'filled',\n    showZero = false,\n    overflowCount = 99,\n    count = 0,\n    dot = false,\n  } = props;\n\n  const state: CounterBadgeState = {\n    ...(useBadge_unstable(props, ref) as CounterBadgeState),\n    shape,\n    appearance,\n    showZero,\n    overflowCount,\n    count,\n    dot,\n  };\n\n  if (!state.dot && !state.root.children) {\n    state.root.children = state.count > state.overflowCount ? `${state.overflowCount}+` : `${state.count}`;\n  }\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

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

@@ -3,4 +3,4 @@ export declare const counterBadgeClassName = "fui-CounterBadge";
 /**
  * Applies style classnames to slots
  */
-export declare const useCounterBadgeStyles: (state: CounterBadgeState) => CounterBadgeState;
+export declare const useCounterBadgeStyles_unstable: (state: CounterBadgeState) => CounterBadgeState;

package/lib/components/CounterBadge/useCounterBadgeStyles.js

@@ -1,5 +1,5 @@
-import { shorthands, mergeClasses, __styles } from '@fluentui/react-make-styles';
-import { useBadgeStyles } from '../Badge/useBadgeStyles';
+import { shorthands, mergeClasses, __styles } from '@griffel/react';
+import { useBadgeStyles_unstable } from '../Badge/useBadgeStyles';
 export const counterBadgeClassName = 'fui-CounterBadge';
 
 const useStyles = /*#__PURE__*/__styles({
@@ -23,9 +23,9 @@ const useStyles = /*#__PURE__*/__styles({
  */
 
 
-export const useCounterBadgeStyles = state => {
+export const useCounterBadgeStyles_unstable = state => {
   const styles = useStyles();
   state.root.className = mergeClasses(counterBadgeClassName, state.dot && styles.dot, !state.showZero && state.count === 0 && !state.dot && styles.hide, state.root.className);
-  return useBadgeStyles(state);
+  return useBadgeStyles_unstable(state);
 };
 //# sourceMappingURL=useCounterBadgeStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CounterBadge/useCounterBadgeStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,EAAqB,YAArB,kBAAqD,6BAArD;AACA,SAAS,cAAT,QAA+B,yBAA/B;AAGA,OAAO,MAAM,qBAAqB,GAAG,kBAA9B;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAYA;;AAEG;;;AACH,OAAO,MAAM,qBAAqB,GAAI,KAAD,IAAgD;AACnF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,qBADiC,EAEjC,KAAK,CAAC,GAAN,IAAa,MAAM,CAAC,GAFa,EAGjC,CAAC,KAAK,CAAC,QAAP,IAAmB,KAAK,CAAC,KAAN,KAAgB,CAAnC,IAAwC,CAAC,KAAK,CAAC,GAA/C,IAAsD,MAAM,CAAC,IAH5B,EAIjC,KAAK,CAAC,IAAN,CAAW,SAJsB,CAAnC;AAMA,SAAO,cAAc,CAAC,KAAD,CAArB;AACD,CATM","sourceRoot":""}
+{"version":3,"sources":["components/CounterBadge/useCounterBadgeStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,EAAqB,YAArB,kBAAqD,gBAArD;AACA,SAAS,uBAAT,QAAwC,yBAAxC;AAGA,OAAO,MAAM,qBAAqB,GAAG,kBAA9B;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAYA;;AAEG;;;AACH,OAAO,MAAM,8BAA8B,GAAI,KAAD,IAAgD;AAC5F,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,qBADiC,EAEjC,KAAK,CAAC,GAAN,IAAa,MAAM,CAAC,GAFa,EAGjC,CAAC,KAAK,CAAC,QAAP,IAAmB,KAAK,CAAC,KAAN,KAAgB,CAAnC,IAAwC,CAAC,KAAK,CAAC,GAA/C,IAAsD,MAAM,CAAC,IAH5B,EAIjC,KAAK,CAAC,IAAN,CAAW,SAJsB,CAAnC;AAMA,SAAO,uBAAuB,CAAC,KAAD,CAA9B;AACD,CATM","sourcesContent":["import { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { useBadgeStyles_unstable } from '../Badge/useBadgeStyles';\nimport type { CounterBadgeState } from './CounterBadge.types';\n\nexport const counterBadgeClassName = 'fui-CounterBadge';\n\nconst useStyles = makeStyles({\n  dot: {\n    minWidth: 'auto',\n    width: '6px',\n    height: '6px',\n    ...shorthands.padding('0'),\n  },\n  hide: {\n    display: 'none',\n  },\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const useCounterBadgeStyles_unstable = (state: CounterBadgeState): CounterBadgeState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    counterBadgeClassName,\n    state.dot && styles.dot,\n    !state.showZero && state.count === 0 && !state.dot && styles.hide,\n    state.root.className,\n  );\n  return useBadgeStyles_unstable(state) as CounterBadgeState;\n};\n"],"sourceRoot":"../src/"}

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

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

package/lib/components/PresenceBadge/PresenceBadge.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PresenceBadge/PresenceBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AACA,SAAS,sBAAT,QAAuC,0BAAvC;AACA,SAAS,WAAT,QAA4B,aAA5B;AAIA;;AAEG;;AACH,OAAO,MAAM,aAAa,gBAA4C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpG,QAAM,KAAK,GAAG,gBAAgB,CAAC,KAAD,EAAQ,GAAR,CAA9B;AACA,EAAA,sBAAsB,CAAC,KAAD,CAAtB;AAEA,SAAO,WAAW,CAAC,KAAD,CAAlB;AACD,CALqE,CAA/D;AAOP,aAAa,CAAC,WAAd,GAA4B,eAA5B","sourceRoot":""}
+{"version":3,"sources":["components/PresenceBadge/PresenceBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,yBAAT,QAA0C,oBAA1C;AACA,SAAS,+BAAT,QAAgD,0BAAhD;AACA,SAAS,oBAAT,QAAqC,aAArC;AAIA;;AAEG;;AACH,OAAO,MAAM,aAAa,gBAA4C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpG,QAAM,KAAK,GAAG,yBAAyB,CAAC,KAAD,EAAQ,GAAR,CAAvC;AACA,EAAA,+BAA+B,CAAC,KAAD,CAA/B;AAEA,SAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CALqE,CAA/D;AAOP,aAAa,CAAC,WAAd,GAA4B,eAA5B","sourcesContent":["import * as React from 'react';\nimport { usePresenceBadge_unstable } from './usePresenceBadge';\nimport { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles';\nimport { renderBadge_unstable } from '../../Badge';\nimport type { PresenceBadgeProps } from './PresenceBadge.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled Badge, using the `useBadge_unstable` hook.\n */\nexport const PresenceBadge: ForwardRefComponent<PresenceBadgeProps> = React.forwardRef((props, ref) => {\n  const state = usePresenceBadge_unstable(props, ref);\n  usePresenceBadgeStyles_unstable(state);\n\n  return renderBadge_unstable(state);\n});\n\nPresenceBadge.displayName = 'PresenceBadge';\n"],"sourceRoot":"../src/"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PresenceBadge.types.js","sourceRoot":"","sources":["../../../src/components/PresenceBadge/PresenceBadge.types.ts"],"names":[],"mappings":""}
+{"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 { BadgeCommons, BadgeSlots } from '../Badge/Badge.types';\n\nexport type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb';\n\ntype PresenceBadgeCommons = {\n  /**\n   * Represents several status\n   * @default 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   * @default false\n   */\n  outOfOffice: boolean;\n} & BadgeCommons;\n\nexport type PresenceBadgeProps = Omit<ComponentProps<Pick<BadgeSlots, 'root'>>, 'color'> &\n  Partial<Pick<PresenceBadgeCommons, 'status' | 'outOfOffice' | 'size'>>;\n\nexport type PresenceBadgeState = PresenceBadgeCommons & ComponentState<BadgeSlots>;\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PresenceBadge/presenceIcons.ts"],"names":[],"mappings":"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","sourceRoot":""}
+{"version":3,"sources":["components/PresenceBadge/presenceIcons.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {\n  PresenceAvailable10Regular,\n  PresenceAvailable12Regular,\n  PresenceAvailable16Regular,\n  PresenceAvailable10Filled,\n  PresenceAvailable12Filled,\n  PresenceAvailable16Filled,\n  PresenceAway10Filled,\n  PresenceAway12Filled,\n  PresenceAway16Filled,\n  PresenceBusy10Filled,\n  PresenceBusy12Filled,\n  PresenceBusy16Filled,\n  PresenceDnd10Regular,\n  PresenceDnd12Regular,\n  PresenceDnd16Regular,\n  PresenceDnd10Filled,\n  PresenceDnd12Filled,\n  PresenceDnd16Filled,\n  PresenceOof10Regular,\n  PresenceOof12Regular,\n  PresenceOof16Regular,\n  PresenceOffline10Regular,\n  PresenceOffline12Regular,\n  PresenceOffline16Regular,\n  PresenceUnknown10Regular,\n  PresenceUnknown12Regular,\n  PresenceUnknown16Regular,\n} from '@fluentui/react-icons';\nimport type { PresenceBadgeState } from './PresenceBadge.types';\n\nexport const presenceAwayFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceAway10Filled,\n  'extra-small': PresenceAway10Filled,\n  small: PresenceAway12Filled,\n  medium: PresenceAway16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceAway16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceAway16Filled,\n};\n\nexport const presenceAvailableRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceAvailable10Regular,\n  'extra-small': PresenceAvailable10Regular,\n  small: PresenceAvailable12Regular,\n  medium: PresenceAvailable16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceAvailable16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceAvailable16Regular,\n};\n\nexport const presenceAvailableFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceAvailable10Filled,\n  'extra-small': PresenceAvailable10Filled,\n  small: PresenceAvailable12Filled,\n  medium: PresenceAvailable16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceAvailable16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceAvailable16Filled,\n};\n\nexport const presenceBusyFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceBusy10Filled,\n  'extra-small': PresenceBusy10Filled,\n  small: PresenceBusy12Filled,\n  medium: PresenceBusy16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceBusy16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceBusy16Filled,\n};\n\nexport const presenceDndFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceDnd10Filled,\n  'extra-small': PresenceDnd10Filled,\n  small: PresenceDnd12Filled,\n  medium: PresenceDnd16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceDnd16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceDnd16Filled,\n};\n\nexport const presenceDndRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceDnd10Regular,\n  'extra-small': PresenceDnd10Regular,\n  small: PresenceDnd12Regular,\n  medium: PresenceDnd16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceDnd16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceDnd16Regular,\n};\n\nexport const presenceOofRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceOof10Regular,\n  'extra-small': PresenceOof10Regular,\n  small: PresenceOof12Regular,\n  medium: PresenceOof16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceOof16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceOof16Regular,\n};\n\nexport const presenceOfflineRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceOffline10Regular,\n  'extra-small': PresenceOffline10Regular,\n  small: PresenceOffline12Regular,\n  medium: PresenceOffline16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceOffline16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceOffline16Regular,\n};\n\nexport const presenceUnknownRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceUnknown10Regular,\n  'extra-small': PresenceUnknown10Regular,\n  small: PresenceUnknown12Regular,\n  medium: PresenceUnknown16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceUnknown16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceUnknown16Regular,\n};\n"],"sourceRoot":"../src/"}

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

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

package/lib/components/PresenceBadge/usePresenceBadge.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { resolveShorthand } from '@fluentui/react-utilities';
 import { presenceAvailableFilled, presenceAvailableRegular, presenceAwayFilled, presenceBusyFilled, presenceDndFilled, presenceDndRegular, presenceOfflineRegular, presenceOofRegular, presenceUnknownRegular } from './presenceIcons';
-import { useBadge } from '../Badge/index';
+import { useBadge_unstable } from '../Badge/index';
 
 const iconMap = (status, outOfOffice, size) => {
   switch (status) {
@@ -29,10 +29,10 @@ const iconMap = (status, outOfOffice, size) => {
  */
 
 
-export const usePresenceBadge = (props, ref) => {
+export const usePresenceBadge_unstable = (props, ref) => {
   var _a, _b;
 
-  const state = { ...useBadge({
+  const state = { ...useBadge_unstable({
       size: 'medium',
       ...props,
       icon: resolveShorthand(undefined, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,2BAAjC;AACA,SACE,uBADF,EAEE,wBAFF,EAGE,kBAHF,EAIE,kBAJF,EAKE,iBALF,EAME,kBANF,EAOE,sBAPF,EAQE,kBARF,EASE,sBATF,QAUO,iBAVP;AAWA,SAAS,QAAT,QAAyB,gBAAzB;;AAGA,MAAM,OAAO,GAAG,CACd,MADc,EAEd,WAFc,EAGd,IAHc,KAIoB;AAClC,UAAQ,MAAR;AACE,SAAK,WAAL;AACE,aAAO,WAAW,GAAG,wBAAwB,CAAC,IAAD,CAA3B,GAAoC,uBAAuB,CAAC,IAAD,CAA7E;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,sBAAsB,CAAC,IAAD,CAAzB,GAAkC,kBAAkB,CAAC,IAAD,CAAtE;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,sBAAsB,CAAC,IAAD,CAAzB,GAAkC,kBAAkB,CAAC,IAAD,CAAtE;;AACF,SAAK,cAAL;AACE,aAAO,WAAW,GAAG,kBAAkB,CAAC,IAAD,CAArB,GAA8B,iBAAiB,CAAC,IAAD,CAAjE;;AACF,SAAK,SAAL;AACE,aAAO,sBAAsB,CAAC,IAAD,CAA7B;;AACF,SAAK,aAAL;AACE,aAAO,kBAAkB,CAAC,IAAD,CAAzB;AAZJ;AAcD,CAnBD;AAqBA;;AAEG;;;AACH,OAAO,MAAM,gBAAgB,GAAG,CAAC,KAAD,EAA4B,GAA5B,KAA+E;;;AAC7G,QAAM,KAAK,GAAuB,EAChC,GAAG,QAAQ,CACT;AACE,MAAA,IAAI,EAAE,QADR;AAEE,SAAG,KAFL;AAGE,MAAA,IAAI,EAAE,gBAAgB,CAAC,SAAD,EAAY;AAChC,QAAA,QAAQ,EAAE;AADsB,OAAZ;AAHxB,KADS,EAQT,GARS,CADqB;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,CAtBM","sourceRoot":""}
+{"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;AAZJ;AAcD,CAnBD;AAqBA;;AAEG;;;AACH,OAAO,MAAM,yBAAyB,GAAG,CACvC,KADuC,EAEvC,GAFuC,KAGjB;;;AACtB,QAAM,KAAK,GAAuB,EAChC,GAAG,iBAAiB,CAClB;AACE,MAAA,IAAI,EAAE,QADR;AAEE,SAAG,KAFL;AAGE,MAAA,IAAI,EAAE,gBAAgB,CAAC,SAAD,EAAkC;AACtD,QAAA,QAAQ,EAAE;AAD4C,OAAlC;AAHxB,KADkB,EAQlB,GARkB,CADY;AAWhC,IAAA,MAAM,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,MAAN,MAAY,IAAZ,IAAY,EAAA,KAAA,KAAA,CAAZ,GAAY,EAAZ,GAAgB,WAXQ;AAYhC,IAAA,WAAW,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,WAAN,MAAiB,IAAjB,IAAiB,EAAA,KAAA,KAAA,CAAjB,GAAiB,EAAjB,GAAqB;AAZF,GAAlC;AAeA,QAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,MAAP,EAAe,KAAK,CAAC,WAArB,EAAkC,KAAK,CAAC,IAAxC,CAA3B;;AACA,MAAI,WAAJ,EAAiB;AACf,IAAA,KAAK,CAAC,IAAN,CAAY,QAAZ,gBAAuB,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CAzBM","sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport {\n  presenceAvailableFilled,\n  presenceAvailableRegular,\n  presenceAwayFilled,\n  presenceBusyFilled,\n  presenceDndFilled,\n  presenceDndRegular,\n  presenceOfflineRegular,\n  presenceOofRegular,\n  presenceUnknownRegular,\n} from './presenceIcons';\nimport { useBadge_unstable, BadgeProps } from '../Badge/index';\nimport type { PresenceBadgeProps, PresenceBadgeState } from './PresenceBadge.types';\n\nconst iconMap = (\n  status: PresenceBadgeState['status'],\n  outOfOffice: boolean,\n  size: PresenceBadgeState['size'],\n): React.FunctionComponent | null => {\n  switch (status) {\n    case 'available':\n      return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];\n    case 'away':\n      return outOfOffice ? presenceOfflineRegular[size] : presenceAwayFilled[size];\n    case 'busy':\n      return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];\n    case 'doNotDisturb':\n      return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];\n    case 'offline':\n      return presenceOfflineRegular[size];\n    case 'outOfOffice':\n      return presenceOofRegular[size];\n  }\n};\n\n/**\n * Returns the props and state required to render the component\n */\nexport const usePresenceBadge_unstable = (\n  props: PresenceBadgeProps,\n  ref: React.Ref<HTMLElement>,\n): PresenceBadgeState => {\n  const state: PresenceBadgeState = {\n    ...useBadge_unstable(\n      {\n        size: 'medium',\n        ...props,\n        icon: resolveShorthand(undefined as BadgeProps['icon'], {\n          required: true,\n        }),\n      },\n      ref,\n    ),\n    status: props.status ?? 'available',\n    outOfOffice: props.outOfOffice ?? false,\n  };\n\n  const IconElement = iconMap(state.status, state.outOfOffice, state.size);\n  if (IconElement) {\n    state.icon!.children = <IconElement />;\n  }\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

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

@@ -3,4 +3,4 @@ export declare const presenceBadgeClassName = "fui-PresenceBadge";
 /**
  * Applies style classnames to slots
  */
-export declare const usePresenceBadgeStyles: (state: PresenceBadgeState) => PresenceBadgeState;
+export declare const usePresenceBadgeStyles_unstable: (state: PresenceBadgeState) => PresenceBadgeState;

package/lib/components/PresenceBadge/usePresenceBadgeStyles.js

@@ -1,4 +1,5 @@
-import { mergeClasses, __styles, shorthands } from '@fluentui/react-make-styles';
+import { mergeClasses, __styles, shorthands } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
 export const presenceBadgeClassName = 'fui-PresenceBadge';
 
 const useStyles = /*#__PURE__*/__styles({
@@ -71,7 +72,7 @@ const useStyles = /*#__PURE__*/__styles({
  */
 
 
-export const usePresenceBadgeStyles = state => {
+export const usePresenceBadgeStyles_unstable = state => {
   const styles = useStyles();
   state.root.className = mergeClasses(presenceBadgeClassName, styles.root, (state.status === 'busy' || state.status === 'doNotDisturb') && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'outOfOffice' && styles.statusOutOfOffice, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && (state.status === 'busy' || state.status === 'doNotDisturb') && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway, state.outOfOffice && state.status === 'offline' && styles.statusOffline, state.outOfOffice && state.status === 'outOfOffice' && styles.statusOutOfOffice, state.size === 'tiny' && styles.tiny, state.size === 'large' && styles.large, state.size === 'extra-large' && styles.extraLarge, state.root.className);
   return state;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadgeStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,YAAmC,UAAnC,QAAqD,6BAArD;AAGA,OAAO,MAAM,sBAAsB,GAAG,mBAA/B;;AAEP,MAAM,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,EAAlB;AAuEA;;AAEG;;;AACH,OAAO,MAAM,sBAAsB,GAAI,KAAD,IAAkD;AACtF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,sBADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,CAAC,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAA7C,KAAgE,MAAM,CAAC,UAHtC,EAIjC,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,MAAM,CAAC,UAJD,EAKjC,KAAK,CAAC,MAAN,KAAiB,WAAjB,IAAgC,MAAM,CAAC,eALN,EAMjC,KAAK,CAAC,MAAN,KAAiB,SAAjB,IAA8B,MAAM,CAAC,aANJ,EAOjC,KAAK,CAAC,MAAN,KAAiB,aAAjB,IAAkC,MAAM,CAAC,iBAPR,EAQjC,KAAK,CAAC,WAAN,IAAqB,MAAM,CAAC,WARK,EASjC,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,WAAtC,IAAqD,MAAM,CAAC,oBAT3B,EAUjC,KAAK,CAAC,WAAN,KAAsB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAAlE,KAAqF,MAAM,CAAC,eAV3D,EAWjC,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,MAAtC,IAAgD,MAAM,CAAC,eAXtB,EAYjC,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,SAAtC,IAAmD,MAAM,CAAC,aAZzB,EAajC,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,aAAtC,IAAuD,MAAM,CAAC,iBAb7B,EAcjC,KAAK,CAAC,IAAN,KAAe,MAAf,IAAyB,MAAM,CAAC,IAdC,EAejC,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,KAfA,EAgBjC,KAAK,CAAC,IAAN,KAAe,aAAf,IAAgC,MAAM,CAAC,UAhBN,EAiBjC,KAAK,CAAC,IAAN,CAAW,SAjBsB,CAAnC;AAoBA,SAAO,KAAP;AACD,CAvBM","sourceRoot":""}
+{"version":3,"sources":["components/PresenceBadge/usePresenceBadgeStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,YAAmC,UAAnC,QAAqD,gBAArD;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAGA,OAAO,MAAM,sBAAsB,GAAG,mBAA/B;;AAEP,MAAM,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,EAAlB;AAuEA;;AAEG;;;AACH,OAAO,MAAM,+BAA+B,GAAI,KAAD,IAAkD;AAC/F,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,sBADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,CAAC,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAA7C,KAAgE,MAAM,CAAC,UAHtC,EAIjC,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,MAAM,CAAC,UAJD,EAKjC,KAAK,CAAC,MAAN,KAAiB,WAAjB,IAAgC,MAAM,CAAC,eALN,EAMjC,KAAK,CAAC,MAAN,KAAiB,SAAjB,IAA8B,MAAM,CAAC,aANJ,EAOjC,KAAK,CAAC,MAAN,KAAiB,aAAjB,IAAkC,MAAM,CAAC,iBAPR,EAQjC,KAAK,CAAC,WAAN,IAAqB,MAAM,CAAC,WARK,EASjC,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,WAAtC,IAAqD,MAAM,CAAC,oBAT3B,EAUjC,KAAK,CAAC,WAAN,KAAsB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAAlE,KAAqF,MAAM,CAAC,eAV3D,EAWjC,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,MAAtC,IAAgD,MAAM,CAAC,eAXtB,EAYjC,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,SAAtC,IAAmD,MAAM,CAAC,aAZzB,EAajC,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,aAAtC,IAAuD,MAAM,CAAC,iBAb7B,EAcjC,KAAK,CAAC,IAAN,KAAe,MAAf,IAAyB,MAAM,CAAC,IAdC,EAejC,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,KAfA,EAgBjC,KAAK,CAAC,IAAN,KAAe,aAAf,IAAgC,MAAM,CAAC,UAhBN,EAiBjC,KAAK,CAAC,IAAN,CAAW,SAjBsB,CAAnC;AAoBA,SAAO,KAAP;AACD,CAvBM","sourcesContent":["import { mergeClasses, makeStyles, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { PresenceBadgeState } from './PresenceBadge.types';\n\nexport const presenceBadgeClassName = 'fui-PresenceBadge';\n\nconst useStyles = makeStyles({\n  root: {\n    ...shorthands.padding(0),\n    display: 'inline-flex',\n    boxSizing: 'border-box',\n    alignItems: 'center',\n    justifyContent: 'center',\n\n    '& span': {\n      display: 'flex',\n    },\n    ...shorthands.borderRadius('50%'),\n    backgroundColor: tokens.colorNeutralBackground1,\n  },\n  statusBusy: {\n    color: tokens.colorPaletteRedBackground3,\n  },\n  statusAway: {\n    color: tokens.colorPaletteMarigoldBackground3,\n  },\n  statusAvailable: {\n    color: tokens.colorPaletteLightGreenForeground3,\n  },\n  statusOffline: {\n    color: tokens.colorNeutralForeground3,\n  },\n  statusOutOfOffice: {\n    color: tokens.colorPaletteBerryForeground3,\n  },\n  outOfOffice: {\n    color: tokens.colorNeutralBackground1,\n  },\n  outOfOfficeAvailable: {\n    color: tokens.colorPaletteLightGreenForeground3,\n  },\n  outOfOfficeBusy: {\n    color: tokens.colorPaletteRedBackground3,\n  },\n  outOfOfficeAway: {\n    color: tokens.colorPaletteMarigoldBackground3,\n  },\n\n  // Icons are not resizeable, and these sizes are currently missing\n  // use `!important` to size the currently available icons to the missing ones\n  //\n  tiny: {\n    aspectRatio: '1',\n    width: '6px',\n    '& svg': {\n      width: '6px !important',\n      height: '6px !important',\n    },\n  },\n  large: {\n    aspectRatio: '1',\n    width: '20px',\n    '& svg': {\n      width: '20px !important',\n      height: '20px !important',\n    },\n  },\n  extraLarge: {\n    aspectRatio: '1',\n    width: '28px',\n    '& svg': {\n      width: '28px !important',\n      height: '28px !important',\n    },\n  },\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const usePresenceBadgeStyles_unstable = (state: PresenceBadgeState): PresenceBadgeState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    presenceBadgeClassName,\n    styles.root,\n    (state.status === 'busy' || state.status === 'doNotDisturb') && styles.statusBusy,\n    state.status === 'away' && styles.statusAway,\n    state.status === 'available' && styles.statusAvailable,\n    state.status === 'offline' && styles.statusOffline,\n    state.status === 'outOfOffice' && styles.statusOutOfOffice,\n    state.outOfOffice && styles.outOfOffice,\n    state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable,\n    state.outOfOffice && (state.status === 'busy' || state.status === 'doNotDisturb') && styles.outOfOfficeBusy,\n    state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway,\n    state.outOfOffice && state.status === 'offline' && styles.statusOffline,\n    state.outOfOffice && state.status === 'outOfOffice' && styles.statusOutOfOffice,\n    state.size === 'tiny' && styles.tiny,\n    state.size === 'large' && styles.large,\n    state.size === 'extra-large' && styles.extraLarge,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib/index.js.map

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

package/lib-commonjs/Badge.js.map

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

package/lib-commonjs/CounterBadge.js.map

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

package/lib-commonjs/PresenceBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/PresenceBadge.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kCAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"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/"}

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

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

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

@@ -13,14 +13,14 @@ const useBadgeStyles_1 = /*#__PURE__*/require("./useBadgeStyles");
 
 const renderBadge_1 = /*#__PURE__*/require("./renderBadge");
 /**
- * Define a styled Badge, using the `useBadge` hook.
+ * Define a styled Badge, using the `useBadge_unstable` hook.
  */
 
 
 exports.Badge = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useBadge_1.useBadge(props, ref);
-  useBadgeStyles_1.useBadgeStyles(state);
-  return renderBadge_1.renderBadge(state);
+  const state = useBadge_1.useBadge_unstable(props, ref);
+  useBadgeStyles_1.useBadgeStyles_unstable(state);
+  return renderBadge_1.renderBadge_unstable(state);
 });
 exports.Badge.displayName = 'Badge';
 //# sourceMappingURL=Badge.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,KAAA,gBAAyC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpF,QAAM,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,CALqD,CAAzC;AAOb,OAAA,CAAA,KAAA,CAAM,WAAN,GAAoB,OAApB","sourceRoot":""}
+{"version":3,"sources":["components/Badge/Badge.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,KAAA,gBAAyC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpF,QAAM,KAAK,GAAG,UAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,CAAd;AACA,EAAA,gBAAA,CAAA,uBAAA,CAAwB,KAAxB;AAEA,SAAO,aAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP;AACD,CALqD,CAAzC;AAOb,OAAA,CAAA,KAAA,CAAM,WAAN,GAAoB,OAApB","sourcesContent":["import * as React from 'react';\nimport { useBadge_unstable } from './useBadge';\nimport { useBadgeStyles_unstable } from './useBadgeStyles';\nimport { renderBadge_unstable } from './renderBadge';\nimport type { BadgeProps } from './Badge.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled Badge, using the `useBadge_unstable` hook.\n */\nexport const Badge: ForwardRefComponent<BadgeProps> = React.forwardRef((props, ref) => {\n  const state = useBadge_unstable(props, ref);\n  useBadgeStyles_unstable(state);\n\n  return renderBadge_unstable(state);\n});\n\nBadge.displayName = 'Badge';\n"],"sourceRoot":"../src/"}

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

@@ -1,8 +1,7 @@
-import * as React from 'react';
-import type { ComponentProps, ComponentState, ObjectShorthandProps } from '@fluentui/react-utilities';
+import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
 export declare type BadgeSlots = {
-    root: ObjectShorthandProps<Omit<React.HTMLAttributes<HTMLElement>, 'color'>>;
-    icon?: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
+    root: Slot<'div'>;
+    icon?: Slot<'span'>;
 };
 export declare type BadgeCommons = {
     /**
@@ -31,5 +30,5 @@ export declare type BadgeCommons = {
      */
     size: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
 };
-export declare type BadgeProps = ComponentProps<Partial<BadgeSlots>> & Partial<BadgeCommons>;
+export declare type BadgeProps = Omit<ComponentProps<BadgeSlots>, 'color'> & Partial<BadgeCommons>;
 export declare type BadgeState = ComponentState<BadgeSlots> & BadgeCommons;

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

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

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

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

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

@@ -8,8 +8,6 @@ const tslib_1 = /*#__PURE__*/require("tslib");
 
 tslib_1.__exportStar(require("./Badge"), exports);
 
-tslib_1.__exportStar(require("./Badge.types"), exports);
-
 tslib_1.__exportStar(require("./renderBadge"), exports);
 
 tslib_1.__exportStar(require("./useBadge"), exports);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
+{"version":3,"sources":["components/Badge/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AAGA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Badge';\n// Explicit exports to omit BadgeCommons\nexport type { BadgeProps, BadgeSlots, BadgeState } from './Badge.types';\nexport * from './renderBadge';\nexport * from './useBadge';\nexport * from './useBadgeStyles';\n"],"sourceRoot":"../src/"}

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

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

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

@@ -3,22 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.renderBadge = void 0;
+exports.renderBadge_unstable = void 0;
 
 const React = /*#__PURE__*/require("react");
 
 const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
-const renderBadge = state => {
+const renderBadge_unstable = state => {
   const {
     slots,
     slotProps
-  } = react_utilities_1.getSlots(state, ['icon', 'root']);
+  } = react_utilities_1.getSlots(state);
   return React.createElement(slots.root, { ...slotProps.root
-  }, state.iconPosition === 'before' && React.createElement(slots.icon, { ...slotProps.icon
-  }), state.root.children, state.iconPosition === 'after' && React.createElement(slots.icon, { ...slotProps.icon
+  }, state.iconPosition === 'before' && slots.icon && React.createElement(slots.icon, { ...slotProps.icon
+  }), state.root.children, state.iconPosition === 'after' && slots.icon && React.createElement(slots.icon, { ...slotProps.icon
   }));
 };
 
-exports.renderBadge = renderBadge;
+exports.renderBadge_unstable = renderBadge_unstable;
 //# sourceMappingURL=renderBadge.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Badge/renderBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGO,MAAM,WAAW,GAAI,KAAD,IAAsB;AAC/C,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAqB,KAArB,EAA4B,CAAC,MAAD,EAAS,MAAT,CAA5B,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,YAAN,KAAuB,QAAvB,IAAmC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CADtC,EAEG,KAAK,CAAC,IAAN,CAAW,QAFd,EAGG,KAAK,CAAC,YAAN,KAAuB,OAAvB,IAAkC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAHrC,CADF;AAOD,CAVM;;AAAM,OAAA,CAAA,WAAA,GAAW,WAAX","sourceRoot":""}
+{"version":3,"sources":["components/Badge/renderBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGO,MAAM,oBAAoB,GAAI,KAAD,IAAsB;AACxD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAqB,KAArB,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,YAAN,KAAuB,QAAvB,IAAmC,KAAK,CAAC,IAAzC,IAAiD,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CADpD,EAEG,KAAK,CAAC,IAAN,CAAW,QAFd,EAGG,KAAK,CAAC,YAAN,KAAuB,OAAvB,IAAkC,KAAK,CAAC,IAAxC,IAAgD,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAHnD,CADF;AAOD,CAVM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { BadgeState, BadgeSlots } from './Badge.types';\n\nexport const renderBadge_unstable = (state: BadgeState) => {\n  const { slots, slotProps } = getSlots<BadgeSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {state.iconPosition === 'before' && slots.icon && <slots.icon {...slotProps.icon} />}\n      {state.root.children}\n      {state.iconPosition === 'after' && slots.icon && <slots.icon {...slotProps.icon} />}\n    </slots.root>\n  );\n};\n"],"sourceRoot":"../src/"}

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useBadge = void 0;
+exports.useBadge_unstable = void 0;
 
 const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 /**
@@ -11,7 +11,7 @@ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
  */
 
 
-const useBadge = (props, ref) => {
+const useBadge_unstable = (props, ref) => {
   const {
     shape = 'circular',
     size = 'medium',
@@ -39,5 +39,5 @@ const useBadge = (props, ref) => {
   return state;
 };
 
-exports.useBadge = useBadge;
+exports.useBadge_unstable = useBadge_unstable;
 //# sourceMappingURL=useBadge.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Badge/useBadge.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,QAAQ,GAAG,CAAC,KAAD,EAAoB,GAApB,KAA+D;AACrF,QAAM;AACJ,IAAA,KAAK,GAAG,UADJ;AAEJ,IAAA,IAAI,GAAG,QAFH;AAGJ,IAAA,YAAY,GAAG,QAHX;AAIJ,IAAA,UAAU,GAAG,QAJT;AAKJ,IAAA,KAAK,GAAG;AALJ,MAMF,KANJ;AAQA,QAAM,KAAK,GAAe;AACxB,IAAA,KADwB;AAExB,IAAA,IAFwB;AAGxB,IAAA,YAHwB;AAIxB,IAAA,UAJwB;AAKxB,IAAA,KALwB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,IAAI,EAAE;AAFI,KANY;AAUxB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,qBAAe,IAFkB;AAGjC,SAAG;AAH8B,KAA7B,CAVkB;AAexB,IAAA,IAAI,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,IAAvB;AAfkB,GAA1B;AAkBA,SAAO,KAAP;AACD,CA5BM;;AAAM,OAAA,CAAA,QAAA,GAAQ,QAAR","sourceRoot":""}
+{"version":3,"sources":["components/Badge/useBadge.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAAoB,GAApB,KAA+D;AAC9F,QAAM;AACJ,IAAA,KAAK,GAAG,UADJ;AAEJ,IAAA,IAAI,GAAG,QAFH;AAGJ,IAAA,YAAY,GAAG,QAHX;AAIJ,IAAA,UAAU,GAAG,QAJT;AAKJ,IAAA,KAAK,GAAG;AALJ,MAMF,KANJ;AAQA,QAAM,KAAK,GAAe;AACxB,IAAA,KADwB;AAExB,IAAA,IAFwB;AAGxB,IAAA,YAHwB;AAIxB,IAAA,UAJwB;AAKxB,IAAA,KALwB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,IAAI,EAAE;AAFI,KANY;AAUxB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,qBAAe,IAFkB;AAGjC,SAAG;AAH8B,KAA7B,CAVkB;AAexB,IAAA,IAAI,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,IAAvB;AAfkB,GAA1B;AAkBA,SAAO,KAAP;AACD,CA5BM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport type { BadgeProps, BadgeState } from './Badge.types';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useBadge_unstable = (props: BadgeProps, ref: React.Ref<HTMLElement>): BadgeState => {\n  const {\n    shape = 'circular',\n    size = 'medium',\n    iconPosition = 'before',\n    appearance = 'filled',\n    color = 'brand',\n  } = props;\n\n  const state: BadgeState = {\n    shape,\n    size,\n    iconPosition,\n    appearance,\n    color,\n    components: {\n      root: 'div',\n      icon: 'span',\n    },\n    root: getNativeElementProps('div', {\n      ref,\n      'aria-hidden': true,\n      ...props,\n    }),\n    icon: resolveShorthand(props.icon),\n  };\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

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

@@ -3,4 +3,4 @@ export declare const badgeClassName = "fui-Badge";
 /**
  * Applies style classnames to slots
  */
-export declare const useBadgeStyles: (state: BadgeState) => BadgeState;
+export declare const useBadgeStyles_unstable: (state: BadgeState) => BadgeState;