@fluentui/react-badge 0.0.0-nightly-20230223-2115.1 → 0.0.0-nightly-20230227-0424.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/CHANGELOG.json +9 -9
  2. package/CHANGELOG.md +7 -7
  3. package/lib/Badge.js.map +1 -1
  4. package/lib/CounterBadge.js.map +1 -1
  5. package/lib/PresenceBadge.js.map +1 -1
  6. package/lib/components/Badge/Badge.js.map +1 -1
  7. package/lib/components/Badge/Badge.types.js.map +1 -1
  8. package/lib/components/Badge/index.js.map +1 -1
  9. package/lib/components/Badge/renderBadge.js +7 -2
  10. package/lib/components/Badge/renderBadge.js.map +1 -1
  11. package/lib/components/Badge/useBadge.js +0 -1
  12. package/lib/components/Badge/useBadge.js.map +1 -1
  13. package/lib/components/Badge/useBadgeStyles.js.map +1 -1
  14. package/lib/components/CounterBadge/CounterBadge.js.map +1 -1
  15. package/lib/components/CounterBadge/CounterBadge.types.js.map +1 -1
  16. package/lib/components/CounterBadge/index.js.map +1 -1
  17. package/lib/components/CounterBadge/useCounterBadge.js +0 -1
  18. package/lib/components/CounterBadge/useCounterBadge.js.map +1 -1
  19. package/lib/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
  20. package/lib/components/PresenceBadge/PresenceBadge.js.map +1 -1
  21. package/lib/components/PresenceBadge/PresenceBadge.types.js.map +1 -1
  22. package/lib/components/PresenceBadge/index.js.map +1 -1
  23. package/lib/components/PresenceBadge/presenceIcons.js +0 -1
  24. package/lib/components/PresenceBadge/presenceIcons.js.map +1 -1
  25. package/lib/components/PresenceBadge/usePresenceBadge.js.map +1 -1
  26. package/lib/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
  27. package/lib/index.js.map +1 -1
  28. package/lib-commonjs/Badge.js +4 -5
  29. package/lib-commonjs/Badge.js.map +1 -1
  30. package/lib-commonjs/CounterBadge.js +4 -5
  31. package/lib-commonjs/CounterBadge.js.map +1 -1
  32. package/lib-commonjs/PresenceBadge.js +4 -5
  33. package/lib-commonjs/PresenceBadge.js.map +1 -1
  34. package/lib-commonjs/components/Badge/Badge.js +15 -16
  35. package/lib-commonjs/components/Badge/Badge.js.map +1 -1
  36. package/lib-commonjs/components/Badge/Badge.types.js +2 -3
  37. package/lib-commonjs/components/Badge/Badge.types.js.map +1 -1
  38. package/lib-commonjs/components/Badge/index.js +7 -8
  39. package/lib-commonjs/components/Badge/index.js.map +1 -1
  40. package/lib-commonjs/components/Badge/renderBadge.js +19 -15
  41. package/lib-commonjs/components/Badge/renderBadge.js.map +1 -1
  42. package/lib-commonjs/components/Badge/useBadge.js +34 -29
  43. package/lib-commonjs/components/Badge/useBadge.js.map +1 -1
  44. package/lib-commonjs/components/Badge/useBadgeStyles.js +310 -608
  45. package/lib-commonjs/components/Badge/useBadgeStyles.js.map +1 -1
  46. package/lib-commonjs/components/CounterBadge/CounterBadge.js +15 -16
  47. package/lib-commonjs/components/CounterBadge/CounterBadge.js.map +1 -1
  48. package/lib-commonjs/components/CounterBadge/CounterBadge.types.js +2 -3
  49. package/lib-commonjs/components/CounterBadge/CounterBadge.types.js.map +1 -1
  50. package/lib-commonjs/components/CounterBadge/index.js +7 -8
  51. package/lib-commonjs/components/CounterBadge/index.js.map +1 -1
  52. package/lib-commonjs/components/CounterBadge/useCounterBadge.js +30 -24
  53. package/lib-commonjs/components/CounterBadge/useCounterBadge.js.map +1 -1
  54. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js +34 -54
  55. package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
  56. package/lib-commonjs/components/PresenceBadge/PresenceBadge.js +15 -16
  57. package/lib-commonjs/components/PresenceBadge/PresenceBadge.js.map +1 -1
  58. package/lib-commonjs/components/PresenceBadge/PresenceBadge.types.js +2 -3
  59. package/lib-commonjs/components/PresenceBadge/PresenceBadge.types.js.map +1 -1
  60. package/lib-commonjs/components/PresenceBadge/index.js +7 -8
  61. package/lib-commonjs/components/PresenceBadge/index.js.map +1 -1
  62. package/lib-commonjs/components/PresenceBadge/presenceIcons.js +135 -154
  63. package/lib-commonjs/components/PresenceBadge/presenceIcons.js.map +1 -1
  64. package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js +65 -61
  65. package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js.map +1 -1
  66. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js +72 -96
  67. package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
  68. package/lib-commonjs/index.js +85 -28
  69. package/lib-commonjs/index.js.map +1 -1
  70. package/package.json +6 -6
  71. package/.swcrc +0 -33
@@ -1,21 +1,20 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "Badge", {
6
- enumerable: true,
7
- get: ()=>Badge
4
+ value: true
8
5
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- const _useBadge = require("./useBadge");
12
- const _useBadgeStyles = require("./useBadgeStyles");
13
- const _renderBadge = require("./renderBadge");
14
- const Badge = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
15
- const state = (0, _useBadge.useBadge_unstable)(props, ref);
16
- (0, _useBadgeStyles.useBadgeStyles_unstable)(state);
17
- return (0, _renderBadge.renderBadge_unstable)(state);
6
+ exports.Badge = void 0;
7
+ const React = /*#__PURE__*/require("react");
8
+ const useBadge_1 = /*#__PURE__*/require("./useBadge");
9
+ const useBadgeStyles_1 = /*#__PURE__*/require("./useBadgeStyles");
10
+ const renderBadge_1 = /*#__PURE__*/require("./renderBadge");
11
+ /**
12
+ * Define a styled Badge, using the `useBadge_unstable` hook.
13
+ */
14
+ exports.Badge = /*#__PURE__*/React.forwardRef((props, ref) => {
15
+ const state = useBadge_1.useBadge_unstable(props, ref);
16
+ useBadgeStyles_1.useBadgeStyles_unstable(state);
17
+ return renderBadge_1.renderBadge_unstable(state);
18
18
  });
19
- Badge.displayName = 'Badge'; //# sourceMappingURL=Badge.js.map
20
-
19
+ exports.Badge.displayName = 'Badge';
21
20
  //# sourceMappingURL=Badge.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Badge/Badge.js"],"sourcesContent":["import * as React from 'react';\nimport { useBadge_unstable } from './useBadge';\nimport { useBadgeStyles_unstable } from './useBadgeStyles';\nimport { renderBadge_unstable } from './renderBadge';\n/**\n * Define a styled Badge, using the `useBadge_unstable` hook.\n */\nexport const Badge = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useBadge_unstable(props, ref);\n useBadgeStyles_unstable(state);\n return renderBadge_unstable(state);\n});\nBadge.displayName = 'Badge';\n//# sourceMappingURL=Badge.js.map"],"names":["Badge","React","forwardRef","props","ref","state","useBadge_unstable","useBadgeStyles_unstable","renderBadge_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;0BACW;gCACM;6BACH;AAI9B,MAAMA,QAAQ,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACjE,MAAMC,QAAQC,IAAAA,2BAAiB,EAACH,OAAOC;IACvCG,IAAAA,uCAAuB,EAACF;IACxB,OAAOG,IAAAA,iCAAoB,EAACH;AAC9B;AACAL,MAAMS,WAAW,GAAG,SACpB,iCAAiC"}
1
+ {"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAIA;;;AAGaA,aAAK,gBAAoCC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpF,MAAMC,KAAK,GAAGC,4BAAiB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAC3CG,wCAAuB,CAACF,KAAK,CAAC;EAE9B,OAAOG,kCAAoB,CAACH,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFL,aAAK,CAACS,WAAW,GAAG,OAAO","names":["exports","React","forwardRef","props","ref","state","useBadge_1","useBadgeStyles_1","renderBadge_1","displayName"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/Badge/Badge.tsx"],"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"]}
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
+ value: true
4
5
  });
5
- //# sourceMappingURL=Badge.types.js.map
6
-
7
6
  //# sourceMappingURL=Badge.types.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Badge/Badge.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=Badge.types.js.map"],"names":[],"mappings":";;;;CACA,uCAAuC"}
1
+ {"version":3,"mappings":"","names":[],"sourceRoot":"","sources":[],"sourcesContent":[]}
@@ -1,12 +1,11 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
+ value: true
4
5
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./Badge"), exports);
7
- _exportStar(require("./renderBadge"), exports);
8
- _exportStar(require("./useBadge"), exports);
9
- _exportStar(require("./useBadgeStyles"), exports);
10
- //# sourceMappingURL=index.js.map
11
-
6
+ const tslib_1 = /*#__PURE__*/require("tslib");
7
+ tslib_1.__exportStar(require("./Badge"), exports);
8
+ tslib_1.__exportStar(require("./renderBadge"), exports);
9
+ tslib_1.__exportStar(require("./useBadge"), exports);
10
+ tslib_1.__exportStar(require("./useBadgeStyles"), exports);
12
11
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Badge/index.js"],"sourcesContent":["export * from './Badge';\nexport * from './renderBadge';\nexport * from './useBadge';\nexport * from './useBadgeStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"mappings":";;;;;;AAAAA;AAGAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/Badge/index.ts"],"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"]}
@@ -1,19 +1,23 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "renderBadge_unstable", {
6
- enumerable: true,
7
- get: ()=>renderBadge_unstable
4
+ value: true
8
5
  });
9
- const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
10
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
11
- const _extends = require("@swc/helpers/lib/_extends.js").default;
12
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
13
- const _reactUtilities = require("@fluentui/react-utilities");
14
- const renderBadge_unstable = (state)=>{
15
- const { slots , slotProps } = (0, _reactUtilities.getSlots)(state);
16
- return /*#__PURE__*/ _react.createElement(slots.root, _extends({}, slotProps.root), state.iconPosition === 'before' && slots.icon && /*#__PURE__*/ _react.createElement(slots.icon, _extends({}, slotProps.icon)), state.root.children, state.iconPosition === 'after' && slots.icon && /*#__PURE__*/ _react.createElement(slots.icon, _extends({}, slotProps.icon)));
17
- }; //# sourceMappingURL=renderBadge.js.map
18
-
6
+ exports.renderBadge_unstable = void 0;
7
+ const React = /*#__PURE__*/require("react");
8
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
9
+ const renderBadge_unstable = state => {
10
+ const {
11
+ slots,
12
+ slotProps
13
+ } = react_utilities_1.getSlots(state);
14
+ return React.createElement(slots.root, {
15
+ ...slotProps.root
16
+ }, state.iconPosition === 'before' && slots.icon && React.createElement(slots.icon, {
17
+ ...slotProps.icon
18
+ }), state.root.children, state.iconPosition === 'after' && slots.icon && React.createElement(slots.icon, {
19
+ ...slotProps.icon
20
+ }));
21
+ };
22
+ exports.renderBadge_unstable = renderBadge_unstable;
19
23
  //# sourceMappingURL=renderBadge.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Badge/renderBadge.js"],"sourcesContent":["import _extends from \"@swc/helpers/src/_extends.mjs\";\nimport * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nexport const renderBadge_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlots(state);\n return /*#__PURE__*/React.createElement(slots.root, _extends({}, slotProps.root), state.iconPosition === 'before' && slots.icon && /*#__PURE__*/React.createElement(slots.icon, _extends({}, slotProps.icon)), state.root.children, state.iconPosition === 'after' && slots.icon && /*#__PURE__*/React.createElement(slots.icon, _extends({}, slotProps.icon)));\n};\n//# sourceMappingURL=renderBadge.js.map"],"names":["renderBadge_unstable","state","slots","slotProps","getSlots","React","createElement","root","_extends","iconPosition","icon","children"],"mappings":";;;;+BAGaA;;aAAAA;;;;yBAHQ;6DACE;gCACE;AAClB,MAAMA,uBAAuBC,CAAAA,QAAS;IAC3C,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEC,SAAS,CAAC,GAAGL,UAAUI,IAAI,GAAGN,MAAMQ,YAAY,KAAK,YAAYP,MAAMQ,IAAI,IAAI,WAAW,GAAEL,OAAMC,aAAa,CAACJ,MAAMQ,IAAI,EAAEF,SAAS,CAAC,GAAGL,UAAUO,IAAI,IAAIT,MAAMM,IAAI,CAACI,QAAQ,EAAEV,MAAMQ,YAAY,KAAK,WAAWP,MAAMQ,IAAI,IAAI,WAAW,GAAEL,OAAMC,aAAa,CAACJ,MAAMQ,IAAI,EAAEF,SAAS,CAAC,GAAGL,UAAUO,IAAI;AAC9V,GACA,uCAAuC"}
1
+ {"version":3,"mappings":";;;;;;AAAA;AACA;AAGO,MAAMA,oBAAoB,GAAIC,KAAiB,IAAI;EACxD,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGC,0BAAQ,CAAaH,KAAK,CAAC;EAExD,OACEI,oBAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC3BL,KAAK,CAACM,YAAY,KAAK,QAAQ,IAAIL,KAAK,CAACM,IAAI,IAAIH,oBAACH,KAAK,CAACM,IAAI;IAAA,GAAKL,SAAS,CAACK;EAAI,EAAI,EACnFP,KAAK,CAACK,IAAI,CAACG,QAAQ,EACnBR,KAAK,CAACM,YAAY,KAAK,OAAO,IAAIL,KAAK,CAACM,IAAI,IAAIH,oBAACH,KAAK,CAACM,IAAI;IAAA,GAAKL,SAAS,CAACK;EAAI,EAAI,CACxE;AAEjB,CAAC;AAVYE,4BAAoB","names":["renderBadge_unstable","state","slots","slotProps","react_utilities_1","React","root","iconPosition","icon","children","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/Badge/renderBadge.tsx"],"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"]}
@@ -1,33 +1,38 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "useBadge_unstable", {
6
- enumerable: true,
7
- get: ()=>useBadge_unstable
4
+ value: true
8
5
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- const _reactUtilities = require("@fluentui/react-utilities");
12
- const useBadge_unstable = (props, ref)=>{
13
- const { shape ='circular' , size ='medium' , iconPosition ='before' , appearance ='filled' , color ='brand' } = props;
14
- const state = {
15
- shape,
16
- size,
17
- iconPosition,
18
- appearance,
19
- color,
20
- components: {
21
- root: 'div',
22
- icon: 'span'
23
- },
24
- root: (0, _reactUtilities.getNativeElementProps)('div', {
25
- ref,
26
- ...props
27
- }),
28
- icon: (0, _reactUtilities.resolveShorthand)(props.icon)
29
- };
30
- return state;
31
- }; //# sourceMappingURL=useBadge.js.map
32
-
6
+ exports.useBadge_unstable = void 0;
7
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
8
+ /**
9
+ * Returns the props and state required to render the component
10
+ */
11
+ const useBadge_unstable = (props, ref) => {
12
+ const {
13
+ shape = 'circular',
14
+ size = 'medium',
15
+ iconPosition = 'before',
16
+ appearance = 'filled',
17
+ color = 'brand'
18
+ } = props;
19
+ const state = {
20
+ shape,
21
+ size,
22
+ iconPosition,
23
+ appearance,
24
+ color,
25
+ components: {
26
+ root: 'div',
27
+ icon: 'span'
28
+ },
29
+ root: react_utilities_1.getNativeElementProps('div', {
30
+ ref,
31
+ ...props
32
+ }),
33
+ icon: react_utilities_1.resolveShorthand(props.icon)
34
+ };
35
+ return state;
36
+ };
37
+ exports.useBadge_unstable = useBadge_unstable;
33
38
  //# sourceMappingURL=useBadge.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Badge/useBadge.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\n/**\n * Returns the props and state required to render the component\n */\nexport const useBadge_unstable = (props, ref) => {\n const {\n shape = 'circular',\n size = 'medium',\n iconPosition = 'before',\n appearance = 'filled',\n color = 'brand'\n } = props;\n const state = {\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 ...props\n }),\n icon: resolveShorthand(props.icon)\n };\n return state;\n};\n//# sourceMappingURL=useBadge.js.map"],"names":["useBadge_unstable","props","ref","shape","size","iconPosition","appearance","color","state","components","root","icon","getNativeElementProps","resolveShorthand"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACiC;AAIjD,MAAMA,oBAAoB,CAACC,OAAOC,MAAQ;IAC/C,MAAM,EACJC,OAAQ,WAAU,EAClBC,MAAO,SAAQ,EACfC,cAAe,SAAQ,EACvBC,YAAa,SAAQ,EACrBC,OAAQ,QAAO,EAChB,GAAGN;IACJ,MAAMO,QAAQ;QACZL;QACAC;QACAC;QACAC;QACAC;QACAE,YAAY;YACVC,MAAM;YACNC,MAAM;QACR;QACAD,MAAME,IAAAA,qCAAqB,EAAC,OAAO;YACjCV;YACA,GAAGD,KAAK;QACV;QACAU,MAAME,IAAAA,gCAAgB,EAACZ,MAAMU,IAAI;IACnC;IACA,OAAOH;AACT,GACA,oCAAoC"}
1
+ {"version":3,"mappings":";;;;;;AACA;AAGA;;;AAGO,MAAMA,iBAAiB,GAAG,CAACC,KAAiB,EAAEC,GAA2B,KAAgB;EAC9F,MAAM;IACJC,KAAK,GAAG,UAAU;IAClBC,IAAI,GAAG,QAAQ;IACfC,YAAY,GAAG,QAAQ;IACvBC,UAAU,GAAG,QAAQ;IACrBC,KAAK,GAAG;EAAO,CAChB,GAAGN,KAAK;EAET,MAAMO,KAAK,GAAe;IACxBL,KAAK;IACLC,IAAI;IACJC,YAAY;IACZC,UAAU;IACVC,KAAK;IACLE,UAAU,EAAE;MACVC,IAAI,EAAE,KAAK;MACXC,IAAI,EAAE;KACP;IACDD,IAAI,EAAEE,uCAAqB,CAAC,KAAK,EAAE;MACjCV,GAAG;MACH,GAAGD;KACJ,CAAC;IACFU,IAAI,EAAEC,kCAAgB,CAACX,KAAK,CAACU,IAAI;GAClC;EAED,OAAOH,KAAK;AACd,CAAC;AA3BYK,yBAAiB","names":["useBadge_unstable","props","ref","shape","size","iconPosition","appearance","color","state","components","root","icon","react_utilities_1","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/Badge/useBadge.ts"],"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 ...props,\n }),\n icon: resolveShorthand(props.icon),\n };\n\n return state;\n};\n"]}