@fluentui/react-badge 0.0.0-nightly-20230306-0424.1 → 0.0.0-nightly-20230307-0423.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-badge",
   "entries": [
     {
-      "date": "Mon, 06 Mar 2023 04:33:12 GMT",
-      "tag": "@fluentui/react-badge_v0.0.0-nightly-20230306-0424.1",
-      "version": "0.0.0-nightly-20230306-0424.1",
+      "date": "Tue, 07 Mar 2023 04:31:36 GMT",
+      "tag": "@fluentui/react-badge_v0.0.0-nightly-20230307-0423.1",
+      "version": "0.0.0-nightly-20230307-0423.1",
       "comments": {
         "prerelease": [
           {
@@ -16,20 +16,26 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230306-0424.1",
-            "commit": "21155fb094f73d947066cedf7577d2483dfab473"
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230307-0423.1",
+            "commit": "2dd70d38f377ace009a6010dfb374c48b4215205"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230306-0424.1",
-            "commit": "21155fb094f73d947066cedf7577d2483dfab473"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230307-0423.1",
+            "commit": "2dd70d38f377ace009a6010dfb374c48b4215205"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230306-0424.1",
-            "commit": "21155fb094f73d947066cedf7577d2483dfab473"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230307-0423.1",
+            "commit": "2dd70d38f377ace009a6010dfb374c48b4215205"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230307-0423.1",
+            "commit": "2dd70d38f377ace009a6010dfb374c48b4215205"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,20 +1,21 @@
 # Change Log - @fluentui/react-badge
 
-This log was last generated on Mon, 06 Mar 2023 04:33:12 GMT and should not be manually modified.
+This log was last generated on Tue, 07 Mar 2023 04:31:36 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20230306-0424.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v0.0.0-nightly-20230306-0424.1)
+## [0.0.0-nightly-20230307-0423.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v0.0.0-nightly-20230307-0423.1)
 
-Mon, 06 Mar 2023 04:33:12 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.26..@fluentui/react-badge_v0.0.0-nightly-20230306-0424.1)
+Tue, 07 Mar 2023 04:31:36 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.26..@fluentui/react-badge_v0.0.0-nightly-20230307-0423.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20230306-0424.1 ([commit](https://github.com/microsoft/fluentui/commit/21155fb094f73d947066cedf7577d2483dfab473) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20230306-0424.1 ([commit](https://github.com/microsoft/fluentui/commit/21155fb094f73d947066cedf7577d2483dfab473) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230306-0424.1 ([commit](https://github.com/microsoft/fluentui/commit/21155fb094f73d947066cedf7577d2483dfab473) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230307-0423.1 ([commit](https://github.com/microsoft/fluentui/commit/2dd70d38f377ace009a6010dfb374c48b4215205) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20230307-0423.1 ([commit](https://github.com/microsoft/fluentui/commit/2dd70d38f377ace009a6010dfb374c48b4215205) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20230307-0423.1 ([commit](https://github.com/microsoft/fluentui/commit/2dd70d38f377ace009a6010dfb374c48b4215205) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230307-0423.1 ([commit](https://github.com/microsoft/fluentui/commit/2dd70d38f377ace009a6010dfb374c48b4215205) by beachball)
 
 ## [9.0.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.26)
 

package/lib/components/Badge/Badge.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { useBadge_unstable } from './useBadge';
 import { useBadgeStyles_unstable } from './useBadgeStyles';
+import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
 import { renderBadge_unstable } from './renderBadge';
 /**
  * Define a styled Badge, using the `useBadge_unstable` hook.
@@ -8,6 +9,10 @@ import { renderBadge_unstable } from './renderBadge';
 export const Badge = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useBadge_unstable(props, ref);
   useBadgeStyles_unstable(state);
+  const {
+    useBadgeStyles_unstable: useCustomStyles
+  } = useCustomStyleHooks_unstable();
+  useCustomStyles(state);
   return renderBadge_unstable(state);
 });
 Badge.displayName = 'Badge';

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

@@ -1 +1 @@
-{"version":3,"names":["React","useBadge_unstable","useBadgeStyles_unstable","renderBadge_unstable","Badge","forwardRef","props","ref","state","displayName"],"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"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,QAAQ,YAAY;AAC9C,SAASC,uBAAuB,QAAQ,kBAAkB;AAC1D,SAASC,oBAAoB,QAAQ,eAAe;AAIpD;;;AAGA,OAAO,MAAMC,KAAK,gBAAoCJ,KAAK,CAACK,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpF,MAAMC,KAAK,GAAGP,iBAAiB,CAACK,KAAK,EAAEC,GAAG,CAAC;EAC3CL,uBAAuB,CAACM,KAAK,CAAC;EAE9B,OAAOL,oBAAoB,CAACK,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFJ,KAAK,CAACK,WAAW,GAAG,OAAO"}
+{"version":3,"names":["React","useBadge_unstable","useBadgeStyles_unstable","useCustomStyleHooks_unstable","renderBadge_unstable","Badge","forwardRef","props","ref","state","useCustomStyles","displayName"],"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 { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\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\n  useBadgeStyles_unstable(state);\n\n  const { useBadgeStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderBadge_unstable(state);\n});\n\nBadge.displayName = 'Badge';\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,QAAQ,YAAY;AAC9C,SAASC,uBAAuB,QAAQ,kBAAkB;AAC1D,SAASC,4BAA4B,QAAQ,iCAAiC;AAC9E,SAASC,oBAAoB,QAAQ,eAAe;AAIpD;;;AAGA,OAAO,MAAMC,KAAK,gBAAoCL,KAAK,CAACM,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpF,MAAMC,KAAK,GAAGR,iBAAiB,CAACM,KAAK,EAAEC,GAAG,CAAC;EAE3CN,uBAAuB,CAACO,KAAK,CAAC;EAE9B,MAAM;IAAEP,uBAAuB,EAAEQ;EAAe,CAAE,GAAGP,4BAA4B,EAAE;EACnFO,eAAe,CAACD,KAAK,CAAC;EAEtB,OAAOL,oBAAoB,CAACK,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFJ,KAAK,CAACM,WAAW,GAAG,OAAO"}

package/lib/components/CounterBadge/CounterBadge.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { useCounterBadge_unstable } from './useCounterBadge';
 import { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles';
+import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
 import { renderBadge_unstable } from '../Badge/index';
 /**
  * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
@@ -8,6 +9,10 @@ import { renderBadge_unstable } from '../Badge/index';
 export const CounterBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useCounterBadge_unstable(props, ref);
   useCounterBadgeStyles_unstable(state);
+  const {
+    useCounterBadgeStyles_unstable: useCustomStyles
+  } = useCustomStyleHooks_unstable();
+  useCustomStyles(state);
   return renderBadge_unstable(state);
 });
 CounterBadge.displayName = 'CounterBadge';

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCounterBadge_unstable","useCounterBadgeStyles_unstable","renderBadge_unstable","CounterBadge","forwardRef","props","ref","state","displayName"],"sources":["../../../../../../../../../packages/react-components/react-badge/src/components/CounterBadge/CounterBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCounterBadge_unstable } from './useCounterBadge';\nimport { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles';\nimport { renderBadge_unstable } from '../Badge/index';\nimport type { CounterBadgeProps } from './CounterBadge.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.\n */\nexport const CounterBadge: ForwardRefComponent<CounterBadgeProps> = React.forwardRef((props, ref) => {\n  const state = useCounterBadge_unstable(props, ref);\n  useCounterBadgeStyles_unstable(state);\n\n  return renderBadge_unstable(state);\n});\n\nCounterBadge.displayName = 'CounterBadge';\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,wBAAwB,QAAQ,mBAAmB;AAC5D,SAASC,8BAA8B,QAAQ,yBAAyB;AACxE,SAASC,oBAAoB,QAAQ,gBAAgB;AAIrD;;;AAGA,OAAO,MAAMC,YAAY,gBAA2CJ,KAAK,CAACK,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAClG,MAAMC,KAAK,GAAGP,wBAAwB,CAACK,KAAK,EAAEC,GAAG,CAAC;EAClDL,8BAA8B,CAACM,KAAK,CAAC;EAErC,OAAOL,oBAAoB,CAACK,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFJ,YAAY,CAACK,WAAW,GAAG,cAAc"}
+{"version":3,"names":["React","useCounterBadge_unstable","useCounterBadgeStyles_unstable","useCustomStyleHooks_unstable","renderBadge_unstable","CounterBadge","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../../../../../../../packages/react-components/react-badge/src/components/CounterBadge/CounterBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCounterBadge_unstable } from './useCounterBadge';\nimport { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from '../Badge/index';\nimport type { CounterBadgeProps } from './CounterBadge.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.\n */\nexport const CounterBadge: ForwardRefComponent<CounterBadgeProps> = React.forwardRef((props, ref) => {\n  const state = useCounterBadge_unstable(props, ref);\n\n  useCounterBadgeStyles_unstable(state);\n\n  const { useCounterBadgeStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderBadge_unstable(state);\n});\n\nCounterBadge.displayName = 'CounterBadge';\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,wBAAwB,QAAQ,mBAAmB;AAC5D,SAASC,8BAA8B,QAAQ,yBAAyB;AACxE,SAASC,4BAA4B,QAAQ,iCAAiC;AAC9E,SAASC,oBAAoB,QAAQ,gBAAgB;AAIrD;;;AAGA,OAAO,MAAMC,YAAY,gBAA2CL,KAAK,CAACM,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAClG,MAAMC,KAAK,GAAGR,wBAAwB,CAACM,KAAK,EAAEC,GAAG,CAAC;EAElDN,8BAA8B,CAACO,KAAK,CAAC;EAErC,MAAM;IAAEP,8BAA8B,EAAEQ;EAAe,CAAE,GAAGP,4BAA4B,EAAE;EAC1FO,eAAe,CAACD,KAAK,CAAC;EAEtB,OAAOL,oBAAoB,CAACK,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFJ,YAAY,CAACM,WAAW,GAAG,cAAc"}

package/lib/components/PresenceBadge/PresenceBadge.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { usePresenceBadge_unstable } from './usePresenceBadge';
 import { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles';
+import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
 import { renderBadge_unstable } from '../../Badge';
 /**
  * Define a styled Badge, using the `useBadge_unstable` hook.
@@ -8,6 +9,10 @@ import { renderBadge_unstable } from '../../Badge';
 export const PresenceBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = usePresenceBadge_unstable(props, ref);
   usePresenceBadgeStyles_unstable(state);
+  const {
+    usePresenceBadgeStyles_unstable: useCustomStyles
+  } = useCustomStyleHooks_unstable();
+  useCustomStyles(state);
   return renderBadge_unstable(state);
 });
 PresenceBadge.displayName = 'PresenceBadge';

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

@@ -1 +1 @@
-{"version":3,"names":["React","usePresenceBadge_unstable","usePresenceBadgeStyles_unstable","renderBadge_unstable","PresenceBadge","forwardRef","props","ref","state","displayName"],"sources":["../../../../../../../../../packages/react-components/react-badge/src/components/PresenceBadge/PresenceBadge.tsx"],"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"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,yBAAyB,QAAQ,oBAAoB;AAC9D,SAASC,+BAA+B,QAAQ,0BAA0B;AAC1E,SAASC,oBAAoB,QAAQ,aAAa;AAIlD;;;AAGA,OAAO,MAAMC,aAAa,gBAA4CJ,KAAK,CAACK,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpG,MAAMC,KAAK,GAAGP,yBAAyB,CAACK,KAAK,EAAEC,GAAG,CAAC;EACnDL,+BAA+B,CAACM,KAAK,CAAC;EAEtC,OAAOL,oBAAoB,CAACK,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFJ,aAAa,CAACK,WAAW,GAAG,eAAe"}
+{"version":3,"names":["React","usePresenceBadge_unstable","usePresenceBadgeStyles_unstable","useCustomStyleHooks_unstable","renderBadge_unstable","PresenceBadge","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../../../../../../../packages/react-components/react-badge/src/components/PresenceBadge/PresenceBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePresenceBadge_unstable } from './usePresenceBadge';\nimport { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\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\n  usePresenceBadgeStyles_unstable(state);\n\n  const { usePresenceBadgeStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderBadge_unstable(state);\n});\n\nPresenceBadge.displayName = 'PresenceBadge';\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,yBAAyB,QAAQ,oBAAoB;AAC9D,SAASC,+BAA+B,QAAQ,0BAA0B;AAC1E,SAASC,4BAA4B,QAAQ,iCAAiC;AAC9E,SAASC,oBAAoB,QAAQ,aAAa;AAIlD;;;AAGA,OAAO,MAAMC,aAAa,gBAA4CL,KAAK,CAACM,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpG,MAAMC,KAAK,GAAGR,yBAAyB,CAACM,KAAK,EAAEC,GAAG,CAAC;EAEnDN,+BAA+B,CAACO,KAAK,CAAC;EAEtC,MAAM;IAAEP,+BAA+B,EAAEQ;EAAe,CAAE,GAAGP,4BAA4B,EAAE;EAC3FO,eAAe,CAACD,KAAK,CAAC;EAEtB,OAAOL,oBAAoB,CAACK,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFJ,aAAa,CAACM,WAAW,GAAG,eAAe"}

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

@@ -7,6 +7,7 @@ exports.Badge = void 0;
 const React = /*#__PURE__*/require("react");
 const useBadge_1 = /*#__PURE__*/require("./useBadge");
 const useBadgeStyles_1 = /*#__PURE__*/require("./useBadgeStyles");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
 const renderBadge_1 = /*#__PURE__*/require("./renderBadge");
 /**
  * Define a styled Badge, using the `useBadge_unstable` hook.
@@ -14,6 +15,10 @@ const renderBadge_1 = /*#__PURE__*/require("./renderBadge");
 exports.Badge = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useBadge_1.useBadge_unstable(props, ref);
   useBadgeStyles_1.useBadgeStyles_unstable(state);
+  const {
+    useBadgeStyles_unstable: useCustomStyles
+  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
+  useCustomStyles(state);
   return renderBadge_1.renderBadge_unstable(state);
 });
 exports.Badge.displayName = 'Badge';

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useBadge_1","useBadgeStyles_1","renderBadge_1","exports","Badge","forwardRef","props","ref","state","useBadge_unstable","useBadgeStyles_unstable","renderBadge_unstable","displayName"],"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"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,UAAA,gBAAAD,OAAA;AACA,MAAAE,gBAAA,gBAAAF,OAAA;AACA,MAAAG,aAAA,gBAAAH,OAAA;AAIA;;;AAGaI,OAAA,CAAAC,KAAK,gBAAoCN,KAAK,CAACO,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpF,MAAMC,KAAK,GAAGR,UAAA,CAAAS,iBAAiB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAC3CN,gBAAA,CAAAS,uBAAuB,CAACF,KAAK,CAAC;EAE9B,OAAON,aAAA,CAAAS,oBAAoB,CAACH,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFL,OAAA,CAAAC,KAAK,CAACQ,WAAW,GAAG,OAAO"}
+{"version":3,"names":["React","require","useBadge_1","useBadgeStyles_1","react_shared_contexts_1","renderBadge_1","exports","Badge","forwardRef","props","ref","state","useBadge_unstable","useBadgeStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderBadge_unstable","displayName"],"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 { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\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\n  useBadgeStyles_unstable(state);\n\n  const { useBadgeStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderBadge_unstable(state);\n});\n\nBadge.displayName = 'Badge';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,UAAA,gBAAAD,OAAA;AACA,MAAAE,gBAAA,gBAAAF,OAAA;AACA,MAAAG,uBAAA,gBAAAH,OAAA;AACA,MAAAI,aAAA,gBAAAJ,OAAA;AAIA;;;AAGaK,OAAA,CAAAC,KAAK,gBAAoCP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpF,MAAMC,KAAK,GAAGT,UAAA,CAAAU,iBAAiB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAE3CP,gBAAA,CAAAU,uBAAuB,CAACF,KAAK,CAAC;EAE9B,MAAM;IAAEE,uBAAuB,EAAEC;EAAe,CAAE,GAAGV,uBAAA,CAAAW,4BAA4B,EAAE;EACnFD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAON,aAAA,CAAAW,oBAAoB,CAACL,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFL,OAAA,CAAAC,KAAK,CAACU,WAAW,GAAG,OAAO"}

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

@@ -7,6 +7,7 @@ exports.CounterBadge = void 0;
 const React = /*#__PURE__*/require("react");
 const useCounterBadge_1 = /*#__PURE__*/require("./useCounterBadge");
 const useCounterBadgeStyles_1 = /*#__PURE__*/require("./useCounterBadgeStyles");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
 const index_1 = /*#__PURE__*/require("../Badge/index");
 /**
  * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
@@ -14,6 +15,10 @@ const index_1 = /*#__PURE__*/require("../Badge/index");
 exports.CounterBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useCounterBadge_1.useCounterBadge_unstable(props, ref);
   useCounterBadgeStyles_1.useCounterBadgeStyles_unstable(state);
+  const {
+    useCounterBadgeStyles_unstable: useCustomStyles
+  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
+  useCustomStyles(state);
   return index_1.renderBadge_unstable(state);
 });
 exports.CounterBadge.displayName = 'CounterBadge';

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useCounterBadge_1","useCounterBadgeStyles_1","index_1","exports","CounterBadge","forwardRef","props","ref","state","useCounterBadge_unstable","useCounterBadgeStyles_unstable","renderBadge_unstable","displayName"],"sources":["../../../../../../../../../packages/react-components/react-badge/src/components/CounterBadge/CounterBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCounterBadge_unstable } from './useCounterBadge';\nimport { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles';\nimport { renderBadge_unstable } from '../Badge/index';\nimport type { CounterBadgeProps } from './CounterBadge.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.\n */\nexport const CounterBadge: ForwardRefComponent<CounterBadgeProps> = React.forwardRef((props, ref) => {\n  const state = useCounterBadge_unstable(props, ref);\n  useCounterBadgeStyles_unstable(state);\n\n  return renderBadge_unstable(state);\n});\n\nCounterBadge.displayName = 'CounterBadge';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,uBAAA,gBAAAF,OAAA;AACA,MAAAG,OAAA,gBAAAH,OAAA;AAIA;;;AAGaI,OAAA,CAAAC,YAAY,gBAA2CN,KAAK,CAACO,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAClG,MAAMC,KAAK,GAAGR,iBAAA,CAAAS,wBAAwB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAClDN,uBAAA,CAAAS,8BAA8B,CAACF,KAAK,CAAC;EAErC,OAAON,OAAA,CAAAS,oBAAoB,CAACH,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFL,OAAA,CAAAC,YAAY,CAACQ,WAAW,GAAG,cAAc"}
+{"version":3,"names":["React","require","useCounterBadge_1","useCounterBadgeStyles_1","react_shared_contexts_1","index_1","exports","CounterBadge","forwardRef","props","ref","state","useCounterBadge_unstable","useCounterBadgeStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderBadge_unstable","displayName"],"sources":["../../../../../../../../../packages/react-components/react-badge/src/components/CounterBadge/CounterBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCounterBadge_unstable } from './useCounterBadge';\nimport { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from '../Badge/index';\nimport type { CounterBadgeProps } from './CounterBadge.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.\n */\nexport const CounterBadge: ForwardRefComponent<CounterBadgeProps> = React.forwardRef((props, ref) => {\n  const state = useCounterBadge_unstable(props, ref);\n\n  useCounterBadgeStyles_unstable(state);\n\n  const { useCounterBadgeStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderBadge_unstable(state);\n});\n\nCounterBadge.displayName = 'CounterBadge';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,uBAAA,gBAAAF,OAAA;AACA,MAAAG,uBAAA,gBAAAH,OAAA;AACA,MAAAI,OAAA,gBAAAJ,OAAA;AAIA;;;AAGaK,OAAA,CAAAC,YAAY,gBAA2CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAClG,MAAMC,KAAK,GAAGT,iBAAA,CAAAU,wBAAwB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAElDP,uBAAA,CAAAU,8BAA8B,CAACF,KAAK,CAAC;EAErC,MAAM;IAAEE,8BAA8B,EAAEC;EAAe,CAAE,GAAGV,uBAAA,CAAAW,4BAA4B,EAAE;EAC1FD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAON,OAAA,CAAAW,oBAAoB,CAACL,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFL,OAAA,CAAAC,YAAY,CAACU,WAAW,GAAG,cAAc"}

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

@@ -7,6 +7,7 @@ exports.PresenceBadge = void 0;
 const React = /*#__PURE__*/require("react");
 const usePresenceBadge_1 = /*#__PURE__*/require("./usePresenceBadge");
 const usePresenceBadgeStyles_1 = /*#__PURE__*/require("./usePresenceBadgeStyles");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
 const Badge_1 = /*#__PURE__*/require("../../Badge");
 /**
  * Define a styled Badge, using the `useBadge_unstable` hook.
@@ -14,6 +15,10 @@ const Badge_1 = /*#__PURE__*/require("../../Badge");
 exports.PresenceBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = usePresenceBadge_1.usePresenceBadge_unstable(props, ref);
   usePresenceBadgeStyles_1.usePresenceBadgeStyles_unstable(state);
+  const {
+    usePresenceBadgeStyles_unstable: useCustomStyles
+  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
+  useCustomStyles(state);
   return Badge_1.renderBadge_unstable(state);
 });
 exports.PresenceBadge.displayName = 'PresenceBadge';

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","usePresenceBadge_1","usePresenceBadgeStyles_1","Badge_1","exports","PresenceBadge","forwardRef","props","ref","state","usePresenceBadge_unstable","usePresenceBadgeStyles_unstable","renderBadge_unstable","displayName"],"sources":["../../../../../../../../../packages/react-components/react-badge/src/components/PresenceBadge/PresenceBadge.tsx"],"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"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,kBAAA,gBAAAD,OAAA;AACA,MAAAE,wBAAA,gBAAAF,OAAA;AACA,MAAAG,OAAA,gBAAAH,OAAA;AAIA;;;AAGaI,OAAA,CAAAC,aAAa,gBAA4CN,KAAK,CAACO,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpG,MAAMC,KAAK,GAAGR,kBAAA,CAAAS,yBAAyB,CAACH,KAAK,EAAEC,GAAG,CAAC;EACnDN,wBAAA,CAAAS,+BAA+B,CAACF,KAAK,CAAC;EAEtC,OAAON,OAAA,CAAAS,oBAAoB,CAACH,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFL,OAAA,CAAAC,aAAa,CAACQ,WAAW,GAAG,eAAe"}
+{"version":3,"names":["React","require","usePresenceBadge_1","usePresenceBadgeStyles_1","react_shared_contexts_1","Badge_1","exports","PresenceBadge","forwardRef","props","ref","state","usePresenceBadge_unstable","usePresenceBadgeStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderBadge_unstable","displayName"],"sources":["../../../../../../../../../packages/react-components/react-badge/src/components/PresenceBadge/PresenceBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePresenceBadge_unstable } from './usePresenceBadge';\nimport { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\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\n  usePresenceBadgeStyles_unstable(state);\n\n  const { usePresenceBadgeStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderBadge_unstable(state);\n});\n\nPresenceBadge.displayName = 'PresenceBadge';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,kBAAA,gBAAAD,OAAA;AACA,MAAAE,wBAAA,gBAAAF,OAAA;AACA,MAAAG,uBAAA,gBAAAH,OAAA;AACA,MAAAI,OAAA,gBAAAJ,OAAA;AAIA;;;AAGaK,OAAA,CAAAC,aAAa,gBAA4CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpG,MAAMC,KAAK,GAAGT,kBAAA,CAAAU,yBAAyB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEnDP,wBAAA,CAAAU,+BAA+B,CAACF,KAAK,CAAC;EAEtC,MAAM;IAAEE,+BAA+B,EAAEC;EAAe,CAAE,GAAGV,uBAAA,CAAAW,4BAA4B,EAAE;EAC3FD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAON,OAAA,CAAAW,oBAAoB,CAACL,KAAK,CAAC;AACpC,CAAC,CAAC;AAEFL,OAAA,CAAAC,aAAa,CAACU,WAAW,GAAG,eAAe"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-badge",
-  "version": "0.0.0-nightly-20230306-0424.1",
+  "version": "0.0.0-nightly-20230307-0423.1",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,15 +27,16 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230306-0424.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230307-0423.1",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@fluentui/react-icons": "^2.0.175",
+    "@fluentui/react-shared-contexts": "0.0.0-nightly-20230307-0423.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20230307-0423.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20230307-0423.1",
     "@griffel/react": "^1.5.2",
-    "@fluentui/react-theme": "0.0.0-nightly-20230306-0424.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20230306-0424.1",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {