@fluentui/react-provider 9.7.1 → 9.7.3

package/CHANGELOG.json

@@ -2,7 +2,91 @@
   "name": "@fluentui/react-provider",
   "entries": [
     {
-      "date": "Thu, 25 May 2023 09:57:45 GMT",
+      "date": "Tue, 20 Jun 2023 12:34:51 GMT",
+      "tag": "@fluentui/react-provider_v9.7.3",
+      "version": "9.7.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 31 May 2023 06:46:17 GMT",
+      "tag": "@fluentui/react-provider_v9.7.2",
+      "version": "9.7.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "seanmonahan@microsoft.com",
+            "package": "@fluentui/react-provider",
+            "commit": "d640b972d7ac86bfb76ae6c6329f12cdd33b3b7c",
+            "comment": "chore: Update Griffel to v1.5.7."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-tabster to v9.7.5",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-utilities to v9.9.2",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 25 May 2023 10:00:48 GMT",
       "tag": "@fluentui/react-provider_v9.7.1",
       "version": "9.7.1",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,39 @@
 # Change Log - @fluentui/react-provider
 
-This log was last generated on Thu, 25 May 2023 09:57:45 GMT and should not be manually modified.
+This log was last generated on Tue, 20 Jun 2023 12:34:51 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.7.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.7.3)
+
+Tue, 20 Jun 2023 12:34:51 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.7.2..@fluentui/react-provider_v9.7.3)
+
+### Patches
+
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
+## [9.7.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.7.2)
+
+Wed, 31 May 2023 06:46:17 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.7.1..@fluentui/react-provider_v9.7.2)
+
+### Patches
+
+- chore: Update Griffel to v1.5.7. ([PR #27925](https://github.com/microsoft/fluentui/pull/27925) by seanmonahan@microsoft.com)
+- Bump @fluentui/react-tabster to v9.7.5 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-utilities to v9.9.2 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+
 ## [9.7.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.7.1)
 
-Thu, 25 May 2023 09:57:45 GMT 
+Thu, 25 May 2023 10:00:48 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.7.0..@fluentui/react-provider_v9.7.1)
 
 ### Patches

package/lib/FluentProvider.js

@@ -1,2 +1 @@
 export * from './components/FluentProvider/index';
-//# sourceMappingURL=FluentProvider.js.map

package/lib/FluentProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/FluentProvider.ts"],"sourcesContent":["export * from './components/FluentProvider/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["FluentProvider.ts"],"sourcesContent":["export * from './components/FluentProvider/index';\n"],"names":[],"mappings":"AAAA,cAAc,oCAAoC"}

package/lib/components/FluentProvider/FluentProvider.js

@@ -3,11 +3,10 @@ import { renderFluentProvider_unstable } from './renderFluentProvider';
 import { useFluentProvider_unstable } from './useFluentProvider';
 import { useFluentProviderStyles_unstable } from './useFluentProviderStyles.styles';
 import { useFluentProviderContextValues_unstable } from './useFluentProviderContextValues';
-export const FluentProvider = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useFluentProvider_unstable(props, ref);
-  useFluentProviderStyles_unstable(state);
-  const contextValues = useFluentProviderContextValues_unstable(state);
-  return renderFluentProvider_unstable(state, contextValues);
+export const FluentProvider = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useFluentProvider_unstable(props, ref);
+    useFluentProviderStyles_unstable(state);
+    const contextValues = useFluentProviderContextValues_unstable(state);
+    return renderFluentProvider_unstable(state, contextValues);
 });
 FluentProvider.displayName = 'FluentProvider';
-//# sourceMappingURL=FluentProvider.js.map

package/lib/components/FluentProvider/FluentProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","renderFluentProvider_unstable","useFluentProvider_unstable","useFluentProviderStyles_unstable","useFluentProviderContextValues_unstable","FluentProvider","forwardRef","props","ref","state","contextValues","displayName"],"sources":["../../../src/components/FluentProvider/FluentProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderFluentProvider_unstable } from './renderFluentProvider';\nimport { useFluentProvider_unstable } from './useFluentProvider';\nimport { useFluentProviderStyles_unstable } from './useFluentProviderStyles.styles';\nimport { useFluentProviderContextValues_unstable } from './useFluentProviderContextValues';\nimport type { FluentProviderProps } from './FluentProvider.types';\n\nexport const FluentProvider = React.forwardRef<HTMLElement, FluentProviderProps>((props, ref) => {\n  const state = useFluentProvider_unstable(props, ref);\n  useFluentProviderStyles_unstable(state);\n\n  const contextValues = useFluentProviderContextValues_unstable(state);\n\n  return renderFluentProvider_unstable(state, contextValues);\n});\n\nFluentProvider.displayName = 'FluentProvider';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,6BAA6B,QAAQ;AAC9C,SAASC,0BAA0B,QAAQ;AAC3C,SAASC,gCAAgC,QAAQ;AACjD,SAASC,uCAAuC,QAAQ;AAGxD,OAAO,MAAMC,cAAA,gBAAiBL,KAAA,CAAMM,UAAU,CAAmC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC/F,MAAMC,KAAA,GAAQP,0BAAA,CAA2BK,KAAA,EAAOC,GAAA;EAChDL,gCAAA,CAAiCM,KAAA;EAEjC,MAAMC,aAAA,GAAgBN,uCAAA,CAAwCK,KAAA;EAE9D,OAAOR,6BAAA,CAA8BQ,KAAA,EAAOC,aAAA;AAC9C;AAEAL,cAAA,CAAeM,WAAW,GAAG"}
+{"version":3,"sources":["FluentProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderFluentProvider_unstable } from './renderFluentProvider';\nimport { useFluentProvider_unstable } from './useFluentProvider';\nimport { useFluentProviderStyles_unstable } from './useFluentProviderStyles.styles';\nimport { useFluentProviderContextValues_unstable } from './useFluentProviderContextValues';\nimport type { FluentProviderProps } from './FluentProvider.types';\n\nexport const FluentProvider = React.forwardRef<HTMLElement, FluentProviderProps>((props, ref) => {\n  const state = useFluentProvider_unstable(props, ref);\n  useFluentProviderStyles_unstable(state);\n\n  const contextValues = useFluentProviderContextValues_unstable(state);\n\n  return renderFluentProvider_unstable(state, contextValues);\n});\n\nFluentProvider.displayName = 'FluentProvider';\n"],"names":["React","renderFluentProvider_unstable","useFluentProvider_unstable","useFluentProviderStyles_unstable","useFluentProviderContextValues_unstable","FluentProvider","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,gCAAgC,QAAQ,mCAAmC;AACpF,SAASC,uCAAuC,QAAQ,mCAAmC;AAG3F,OAAO,MAAMC,+BAAiBL,MAAMM,UAAU,CAAmC,CAACC,OAAOC,MAAQ;IAC/F,MAAMC,QAAQP,2BAA2BK,OAAOC;IAChDL,iCAAiCM;IAEjC,MAAMC,gBAAgBN,wCAAwCK;IAE9D,OAAOR,8BAA8BQ,OAAOC;AAC9C,GAAG;AAEHL,eAAeM,WAAW,GAAG"}

package/lib/components/FluentProvider/FluentProvider.types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=FluentProvider.types.js.map
+export { };

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/FluentProvider/FluentProvider.types.ts"],"sourcesContent":["import type {\n  OverridesContextValue_unstable as OverridesContextValue,\n  ProviderContextValue_unstable as ProviderContextValue,\n  TooltipVisibilityContextValue_unstable as TooltipVisibilityContextValue,\n  ThemeClassNameContextValue_unstable as ThemeClassNameContextValue,\n  ThemeContextValue_unstable as ThemeContextValue,\n  CustomStyleHooksContextValue_unstable as CustomStyleHooksContextValue,\n} from '@fluentui/react-shared-contexts';\nimport type { PartialTheme } from '@fluentui/react-theme';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type FluentProviderSlots = {\n  root: Slot<'div'>;\n};\n\n// exported for callers to avoid referencing react-shared-context\n// and applying Partial<> when passing custom style hooks.\nexport type FluentProviderCustomStyleHooks = CustomStyleHooksContextValue;\n\nexport type FluentProviderProps = Omit<ComponentProps<FluentProviderSlots>, 'dir'> & {\n  /**\n   * Passes styles applied to a component down to portals if enabled.\n   * @default true\n   */\n  applyStylesToPortals?: boolean;\n\n  /** Sets the hooks for custom styling components. */\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  customStyleHooks_unstable?: FluentProviderCustomStyleHooks;\n\n  /** Sets the direction of text & generated styles. */\n  dir?: 'ltr' | 'rtl';\n\n  /** Provides the document, can be undefined during SSR render. */\n  targetDocument?: Document;\n\n  /** Sets the theme used in a scope. */\n  theme?: PartialTheme;\n\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  overrides_unstable?: OverridesContextValue;\n};\n\nexport type FluentProviderState = ComponentState<FluentProviderSlots> &\n  Pick<FluentProviderProps, 'targetDocument'> &\n  Required<\n    Pick<FluentProviderProps, 'applyStylesToPortals' | 'customStyleHooks_unstable' | 'dir' | 'overrides_unstable'>\n  > & {\n    theme: ThemeContextValue;\n    themeClassName: string;\n    /**\n     * Props used to render SSR theme variables style element\n     */\n    serverStyleProps: {\n      /**\n       * CSS rule containing CSS variables\n       */\n      cssRule: string;\n      /**\n       * Additional attributes applied to the style element\n       */\n      attributes: Record<string, string>;\n    };\n  };\n\nexport type FluentProviderContextValues = Pick<\n  FluentProviderState,\n  'customStyleHooks_unstable' | 'theme' | 'overrides_unstable'\n> & {\n  provider: ProviderContextValue;\n  themeClassName: ThemeClassNameContextValue;\n  textDirection: 'ltr' | 'rtl';\n  tooltip: TooltipVisibilityContextValue;\n};\n"],"mappings":"AAAA"}
+{"version":3,"sources":["FluentProvider.types.ts"],"sourcesContent":["import type {\n  OverridesContextValue_unstable as OverridesContextValue,\n  ProviderContextValue_unstable as ProviderContextValue,\n  TooltipVisibilityContextValue_unstable as TooltipVisibilityContextValue,\n  ThemeClassNameContextValue_unstable as ThemeClassNameContextValue,\n  ThemeContextValue_unstable as ThemeContextValue,\n  CustomStyleHooksContextValue_unstable as CustomStyleHooksContextValue,\n} from '@fluentui/react-shared-contexts';\nimport type { PartialTheme } from '@fluentui/react-theme';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type FluentProviderSlots = {\n  root: Slot<'div'>;\n};\n\n// exported for callers to avoid referencing react-shared-context\n// and applying Partial<> when passing custom style hooks.\nexport type FluentProviderCustomStyleHooks = CustomStyleHooksContextValue;\n\nexport type FluentProviderProps = Omit<ComponentProps<FluentProviderSlots>, 'dir'> & {\n  /**\n   * Passes styles applied to a component down to portals if enabled.\n   * @default true\n   */\n  applyStylesToPortals?: boolean;\n\n  /** Sets the hooks for custom styling components. */\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  customStyleHooks_unstable?: FluentProviderCustomStyleHooks;\n\n  /** Sets the direction of text & generated styles. */\n  dir?: 'ltr' | 'rtl';\n\n  /** Provides the document, can be undefined during SSR render. */\n  targetDocument?: Document;\n\n  /** Sets the theme used in a scope. */\n  theme?: PartialTheme;\n\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  overrides_unstable?: OverridesContextValue;\n};\n\nexport type FluentProviderState = ComponentState<FluentProviderSlots> &\n  Pick<FluentProviderProps, 'targetDocument'> &\n  Required<\n    Pick<FluentProviderProps, 'applyStylesToPortals' | 'customStyleHooks_unstable' | 'dir' | 'overrides_unstable'>\n  > & {\n    theme: ThemeContextValue;\n    themeClassName: string;\n    /**\n     * Props used to render SSR theme variables style element\n     */\n    serverStyleProps: {\n      /**\n       * CSS rule containing CSS variables\n       */\n      cssRule: string;\n      /**\n       * Additional attributes applied to the style element\n       */\n      attributes: Record<string, string>;\n    };\n  };\n\nexport type FluentProviderContextValues = Pick<\n  FluentProviderState,\n  'customStyleHooks_unstable' | 'theme' | 'overrides_unstable'\n> & {\n  provider: ProviderContextValue;\n  themeClassName: ThemeClassNameContextValue;\n  textDirection: 'ltr' | 'rtl';\n  tooltip: TooltipVisibilityContextValue;\n};\n"],"names":[],"mappings":"AAAA,WAyEE"}

package/lib/components/FluentProvider/index.js

@@ -5,4 +5,3 @@ export * from './useFluentProvider';
 export * from './useFluentProviderStyles.styles';
 export * from './useFluentProviderContextValues';
 export * from './useFluentProviderThemeStyleTag';
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/FluentProvider/index.ts"],"sourcesContent":["export * from './FluentProvider';\nexport * from './FluentProvider.types';\nexport * from './renderFluentProvider';\nexport * from './useFluentProvider';\nexport * from './useFluentProviderStyles.styles';\nexport * from './useFluentProviderContextValues';\nexport * from './useFluentProviderThemeStyleTag';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './FluentProvider';\nexport * from './FluentProvider.types';\nexport * from './renderFluentProvider';\nexport * from './useFluentProvider';\nexport * from './useFluentProviderStyles.styles';\nexport * from './useFluentProviderContextValues';\nexport * from './useFluentProviderThemeStyleTag';\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,mCAAmC;AACjD,cAAc,mCAAmC;AACjD,cAAc,mCAAmC"}

package/lib/components/FluentProvider/renderFluentProvider.js

@@ -1,40 +1,35 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
 import { canUseDOM, getSlotsNext } from '@fluentui/react-utilities';
 import { TextDirectionProvider } from '@griffel/react';
 import { OverridesProvider_unstable as OverridesProvider, Provider_unstable as Provider, TooltipVisibilityProvider_unstable as TooltipVisibilityProvider, ThemeProvider_unstable as ThemeProvider, ThemeClassNameProvider_unstable as ThemeClassNameProvider, CustomStyleHooksProvider_unstable as CustomStyleHooksProvider } from '@fluentui/react-shared-contexts';
 /**
  * Render the final JSX of FluentProvider
- */
-export const renderFluentProvider_unstable = (state, contextValues) => {
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  // Typescript (vscode) incorrectly references the FluentProviderProps.customStyleHooks_unstable
-  // instead of FluentProviderContextValues.customStyleHooks_unstable and thinks it is
-  // Partial<CustomStyleHooksContextValue>, so it needs to be cast to Required<CustomStyleHooksContextValue>
-  return /*#__PURE__*/createElement(Provider, {
-    value: contextValues.provider
-  }, /*#__PURE__*/createElement(ThemeProvider, {
-    value: contextValues.theme
-  }, /*#__PURE__*/createElement(ThemeClassNameProvider, {
-    value: contextValues.themeClassName
-  }, /*#__PURE__*/createElement(CustomStyleHooksProvider, {
-    value: contextValues.customStyleHooks_unstable
-  }, /*#__PURE__*/createElement(TooltipVisibilityProvider, {
-    value: contextValues.tooltip
-  }, /*#__PURE__*/createElement(TextDirectionProvider, {
-    dir: contextValues.textDirection
-  }, /*#__PURE__*/createElement(OverridesProvider, {
-    value: contextValues.overrides_unstable
-  }, /*#__PURE__*/createElement(slots.root, slotProps.root, canUseDOM() ? null : /*#__PURE__*/createElement("style", {
-    // Using dangerous HTML because react can escape characters
-    // which can lead to invalid CSS.
-    // eslint-disable-next-line react/no-danger
-    dangerouslySetInnerHTML: {
-      __html: state.serverStyleProps.cssRule
-    },
-    ...state.serverStyleProps.attributes
-  }), slotProps.root.children))))))));
+ */ export const renderFluentProvider_unstable = (state, contextValues)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    // Typescript (vscode) incorrectly references the FluentProviderProps.customStyleHooks_unstable
+    // instead of FluentProviderContextValues.customStyleHooks_unstable and thinks it is
+    // Partial<CustomStyleHooksContextValue>, so it needs to be cast to Required<CustomStyleHooksContextValue>
+    return /*#__PURE__*/ createElement(Provider, {
+        value: contextValues.provider
+    }, /*#__PURE__*/ createElement(ThemeProvider, {
+        value: contextValues.theme
+    }, /*#__PURE__*/ createElement(ThemeClassNameProvider, {
+        value: contextValues.themeClassName
+    }, /*#__PURE__*/ createElement(CustomStyleHooksProvider, {
+        value: contextValues.customStyleHooks_unstable
+    }, /*#__PURE__*/ createElement(TooltipVisibilityProvider, {
+        value: contextValues.tooltip
+    }, /*#__PURE__*/ createElement(TextDirectionProvider, {
+        dir: contextValues.textDirection
+    }, /*#__PURE__*/ createElement(OverridesProvider, {
+        value: contextValues.overrides_unstable
+    }, /*#__PURE__*/ createElement(slots.root, slotProps.root, canUseDOM() ? null : /*#__PURE__*/ createElement("style", {
+        // Using dangerous HTML because react can escape characters
+        // which can lead to invalid CSS.
+        // eslint-disable-next-line react/no-danger
+        dangerouslySetInnerHTML: {
+            __html: state.serverStyleProps.cssRule
+        },
+        ...state.serverStyleProps.attributes
+    }), slotProps.root.children))))))));
 };
-//# sourceMappingURL=renderFluentProvider.js.map

package/lib/components/FluentProvider/renderFluentProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["createElement","canUseDOM","getSlotsNext","TextDirectionProvider","OverridesProvider_unstable","OverridesProvider","Provider_unstable","Provider","TooltipVisibilityProvider_unstable","TooltipVisibilityProvider","ThemeProvider_unstable","ThemeProvider","ThemeClassNameProvider_unstable","ThemeClassNameProvider","CustomStyleHooksProvider_unstable","CustomStyleHooksProvider","renderFluentProvider_unstable","state","contextValues","slots","slotProps","value","provider","theme","themeClassName","customStyleHooks_unstable","tooltip","dir","textDirection","overrides_unstable","root","dangerouslySetInnerHTML","__html","serverStyleProps","cssRule","attributes","children"],"sources":["../../../src/components/FluentProvider/renderFluentProvider.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { canUseDOM, getSlotsNext } from '@fluentui/react-utilities';\nimport { TextDirectionProvider } from '@griffel/react';\nimport {\n  OverridesProvider_unstable as OverridesProvider,\n  Provider_unstable as Provider,\n  TooltipVisibilityProvider_unstable as TooltipVisibilityProvider,\n  ThemeProvider_unstable as ThemeProvider,\n  ThemeClassNameProvider_unstable as ThemeClassNameProvider,\n  CustomStyleHooksProvider_unstable as CustomStyleHooksProvider,\n  CustomStyleHooksContextValue_unstable as CustomStyleHooksContextValue,\n} from '@fluentui/react-shared-contexts';\nimport type { FluentProviderContextValues, FluentProviderState, FluentProviderSlots } from './FluentProvider.types';\n\n/**\n * Render the final JSX of FluentProvider\n */\nexport const renderFluentProvider_unstable = (\n  state: FluentProviderState,\n  contextValues: FluentProviderContextValues,\n) => {\n  const { slots, slotProps } = getSlotsNext<FluentProviderSlots>(state);\n\n  // Typescript (vscode) incorrectly references the FluentProviderProps.customStyleHooks_unstable\n  // instead of FluentProviderContextValues.customStyleHooks_unstable and thinks it is\n  // Partial<CustomStyleHooksContextValue>, so it needs to be cast to Required<CustomStyleHooksContextValue>\n\n  return (\n    <Provider value={contextValues.provider}>\n      <ThemeProvider value={contextValues.theme}>\n        <ThemeClassNameProvider value={contextValues.themeClassName}>\n          <CustomStyleHooksProvider\n            value={contextValues.customStyleHooks_unstable as Required<CustomStyleHooksContextValue>}\n          >\n            <TooltipVisibilityProvider value={contextValues.tooltip}>\n              <TextDirectionProvider dir={contextValues.textDirection}>\n                <OverridesProvider value={contextValues.overrides_unstable}>\n                  <slots.root {...slotProps.root}>\n                    {canUseDOM() ? null : (\n                      <style\n                        // Using dangerous HTML because react can escape characters\n                        // which can lead to invalid CSS.\n                        // eslint-disable-next-line react/no-danger\n                        dangerouslySetInnerHTML={{ __html: state.serverStyleProps.cssRule }}\n                        {...state.serverStyleProps.attributes}\n                      />\n                    )}\n                    {slotProps.root.children}\n                  </slots.root>\n                </OverridesProvider>\n              </TextDirectionProvider>\n            </TooltipVisibilityProvider>\n          </CustomStyleHooksProvider>\n        </ThemeClassNameProvider>\n      </ThemeProvider>\n    </Provider>\n  );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAC9B,SAASC,SAAS,EAAEC,YAAY,QAAQ;AACxC,SAASC,qBAAqB,QAAQ;AACtC,SACEC,0BAAA,IAA8BC,iBAAiB,EAC/CC,iBAAA,IAAqBC,QAAQ,EAC7BC,kCAAA,IAAsCC,yBAAyB,EAC/DC,sBAAA,IAA0BC,aAAa,EACvCC,+BAAA,IAAmCC,sBAAsB,EACzDC,iCAAA,IAAqCC,wBAAwB,QAExD;AAGP;;;AAGA,OAAO,MAAMC,6BAAA,GAAgCA,CAC3CC,KAAA,EACAC,aAAA,KACG;EACH,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGlB,YAAA,CAAkCe,KAAA;EAE/D;EACA;EACA;EAEA,oBACEjB,aA9BJ,CA8BKO,QAAA;IAASc,KAAA,EAAOH,aAAA,CAAcI;kBAC7BtB,aA/BN,CA+BOW,aAAA;IAAcU,KAAA,EAAOH,aAAA,CAAcK;kBAClCvB,aAhCR,CAgCSa,sBAAA;IAAuBQ,KAAA,EAAOH,aAAA,CAAcM;kBAC3CxB,aAjCV,CAiCWe,wBAAA;IACCM,KAAA,EAAOH,aAAA,CAAcO;kBAErBzB,aApCZ,CAoCaS,yBAAA;IAA0BY,KAAA,EAAOH,aAAA,CAAcQ;kBAC9C1B,aArCd,CAqCeG,qBAAA;IAAsBwB,GAAA,EAAKT,aAAA,CAAcU;kBACxC5B,aAtChB,CAsCiBK,iBAAA;IAAkBgB,KAAA,EAAOH,aAAA,CAAcW;kBACtC7B,aAvClB,CAuCmBmB,KAAA,CAAMW,IAAI,EAAKV,SAAA,CAAUU,IAAI,EAC3B7B,SAAA,KAAc,IAAI,gBACjBD,aAzCtB,CAyCuB;IACC;IACA;IACA;IACA+B,uBAAA,EAAyB;MAAEC,MAAA,EAAQf,KAAA,CAAMgB,gBAAgB,CAACC;IAAQ;IACjE,GAAGjB,KAAA,CAAMgB,gBAAgB,CAACE;IAE9B,EACAf,SAAA,CAAUU,IAAI,CAACM,QAAQ;AAU5C"}
+{"version":3,"sources":["renderFluentProvider.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { canUseDOM, getSlotsNext } from '@fluentui/react-utilities';\nimport { TextDirectionProvider } from '@griffel/react';\nimport {\n  OverridesProvider_unstable as OverridesProvider,\n  Provider_unstable as Provider,\n  TooltipVisibilityProvider_unstable as TooltipVisibilityProvider,\n  ThemeProvider_unstable as ThemeProvider,\n  ThemeClassNameProvider_unstable as ThemeClassNameProvider,\n  CustomStyleHooksProvider_unstable as CustomStyleHooksProvider,\n  CustomStyleHooksContextValue_unstable as CustomStyleHooksContextValue,\n} from '@fluentui/react-shared-contexts';\nimport type { FluentProviderContextValues, FluentProviderState, FluentProviderSlots } from './FluentProvider.types';\n\n/**\n * Render the final JSX of FluentProvider\n */\nexport const renderFluentProvider_unstable = (\n  state: FluentProviderState,\n  contextValues: FluentProviderContextValues,\n) => {\n  const { slots, slotProps } = getSlotsNext<FluentProviderSlots>(state);\n\n  // Typescript (vscode) incorrectly references the FluentProviderProps.customStyleHooks_unstable\n  // instead of FluentProviderContextValues.customStyleHooks_unstable and thinks it is\n  // Partial<CustomStyleHooksContextValue>, so it needs to be cast to Required<CustomStyleHooksContextValue>\n\n  return (\n    <Provider value={contextValues.provider}>\n      <ThemeProvider value={contextValues.theme}>\n        <ThemeClassNameProvider value={contextValues.themeClassName}>\n          <CustomStyleHooksProvider\n            value={contextValues.customStyleHooks_unstable as Required<CustomStyleHooksContextValue>}\n          >\n            <TooltipVisibilityProvider value={contextValues.tooltip}>\n              <TextDirectionProvider dir={contextValues.textDirection}>\n                <OverridesProvider value={contextValues.overrides_unstable}>\n                  <slots.root {...slotProps.root}>\n                    {canUseDOM() ? null : (\n                      <style\n                        // Using dangerous HTML because react can escape characters\n                        // which can lead to invalid CSS.\n                        // eslint-disable-next-line react/no-danger\n                        dangerouslySetInnerHTML={{ __html: state.serverStyleProps.cssRule }}\n                        {...state.serverStyleProps.attributes}\n                      />\n                    )}\n                    {slotProps.root.children}\n                  </slots.root>\n                </OverridesProvider>\n              </TextDirectionProvider>\n            </TooltipVisibilityProvider>\n          </CustomStyleHooksProvider>\n        </ThemeClassNameProvider>\n      </ThemeProvider>\n    </Provider>\n  );\n};\n"],"names":["createElement","canUseDOM","getSlotsNext","TextDirectionProvider","OverridesProvider_unstable","OverridesProvider","Provider_unstable","Provider","TooltipVisibilityProvider_unstable","TooltipVisibilityProvider","ThemeProvider_unstable","ThemeProvider","ThemeClassNameProvider_unstable","ThemeClassNameProvider","CustomStyleHooksProvider_unstable","CustomStyleHooksProvider","renderFluentProvider_unstable","state","contextValues","slots","slotProps","value","provider","theme","themeClassName","customStyleHooks_unstable","tooltip","dir","textDirection","overrides_unstable","root","style","dangerouslySetInnerHTML","__html","serverStyleProps","cssRule","attributes","children"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,SAAS,EAAEC,YAAY,QAAQ,4BAA4B;AACpE,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SACEC,8BAA8BC,iBAAiB,EAC/CC,qBAAqBC,QAAQ,EAC7BC,sCAAsCC,yBAAyB,EAC/DC,0BAA0BC,aAAa,EACvCC,mCAAmCC,sBAAsB,EACzDC,qCAAqCC,wBAAwB,QAExD,kCAAkC;AAGzC;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAC3CC,OACAC,gBACG;IACH,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGlB,aAAkCe;IAE/D,+FAA+F;IAC/F,oFAAoF;IACpF,0GAA0G;IAE1G,qBACE,AA9BJ,cA8BKV;QAASc,OAAOH,cAAcI,QAAQ;qBACrC,AA/BN,cA+BOX;QAAcU,OAAOH,cAAcK,KAAK;qBACvC,AAhCR,cAgCSV;QAAuBQ,OAAOH,cAAcM,cAAc;qBACzD,AAjCV,cAiCWT;QACCM,OAAOH,cAAcO,yBAAyB;qBAE9C,AApCZ,cAoCahB;QAA0BY,OAAOH,cAAcQ,OAAO;qBACrD,AArCd,cAqCevB;QAAsBwB,KAAKT,cAAcU,aAAa;qBACrD,AAtChB,cAsCiBvB;QAAkBgB,OAAOH,cAAcW,kBAAkB;qBACxD,AAvClB,cAuCmBV,MAAMW,IAAI,EAAKV,UAAUU,IAAI,EAC3B7B,cAAc,IAAI,iBACjB,AAzCtB,cAyCuB8B;QACC,2DAA2D;QAC3D,iCAAiC;QACjC,2CAA2C;QAC3CC,yBAAyB;YAAEC,QAAQhB,MAAMiB,gBAAgB,CAACC,OAAO;QAAC;QACjE,GAAGlB,MAAMiB,gBAAgB,CAACE,UAAU;MAExC,EACAhB,UAAUU,IAAI,CAACO,QAAQ;AAU5C,EAAE"}

package/lib/components/FluentProvider/useFluentProvider.js

@@ -12,93 +12,80 @@ import { useRenderer_unstable } from '@griffel/react';
  *
  * @param props - props from this instance of FluentProvider
  * @param ref - reference to root HTMLElement of FluentProvider
- */
-export const useFluentProvider_unstable = (props, ref) => {
-  const parentContext = useFluent();
-  const parentTheme = useTheme();
-  const parentOverrides = useOverrides();
-  const parentCustomStyleHooks = React.useContext(CustomStyleHooksContext) || {};
-  /**
-  * TODO: add merge functions to "dir" merge,
-  * nesting providers with the same "dir" should not add additional attributes to DOM
-  * see https://github.com/microsoft/fluentui/blob/0dc74a19f3aa5a058224c20505016fbdb84db172/packages/fluentui/react-northstar/src/utils/mergeProviderContexts.ts#L89-L93
-  */
-  const {
-    applyStylesToPortals = true,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    customStyleHooks_unstable,
-    dir = parentContext.dir,
-    targetDocument = parentContext.targetDocument,
-    theme,
-    overrides_unstable: overrides = {}
-  } = props;
-  const mergedTheme = shallowMerge(parentTheme, theme);
-  const mergedOverrides = shallowMerge(parentOverrides, overrides);
-  const mergedCustomStyleHooks = shallowMerge(parentCustomStyleHooks, customStyleHooks_unstable);
-  React.useEffect(() => {
-    if (process.env.NODE_ENV !== 'production' && mergedTheme === undefined) {
-      // eslint-disable-next-line no-console
-      console.warn(`
+ */ export const useFluentProvider_unstable = (props, ref)=>{
+    const parentContext = useFluent();
+    const parentTheme = useTheme();
+    const parentOverrides = useOverrides();
+    const parentCustomStyleHooks = React.useContext(CustomStyleHooksContext) || {};
+    /**
+   * TODO: add merge functions to "dir" merge,
+   * nesting providers with the same "dir" should not add additional attributes to DOM
+   * see https://github.com/microsoft/fluentui/blob/0dc74a19f3aa5a058224c20505016fbdb84db172/packages/fluentui/react-northstar/src/utils/mergeProviderContexts.ts#L89-L93
+   */ const { applyStylesToPortals =true , // eslint-disable-next-line @typescript-eslint/naming-convention
+    customStyleHooks_unstable , dir =parentContext.dir , targetDocument =parentContext.targetDocument , theme , overrides_unstable: overrides = {}  } = props;
+    const mergedTheme = shallowMerge(parentTheme, theme);
+    const mergedOverrides = shallowMerge(parentOverrides, overrides);
+    const mergedCustomStyleHooks = shallowMerge(parentCustomStyleHooks, customStyleHooks_unstable);
+    React.useEffect(()=>{
+        if (process.env.NODE_ENV !== 'production' && mergedTheme === undefined) {
+            // eslint-disable-next-line no-console
+            console.warn(`
       FluentProvider: your "theme" is not defined !
       =============================================
       Make sure your root FluentProvider has set a theme or you're setting the theme in your child FluentProvider.
       `);
-    }
+        }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const renderer = useRenderer_unstable();
-  var _renderer_styleElementAttributes;
-  const {
-    styleTagId,
-    rule
-  } = useFluentProviderThemeStyleTag({
-    theme: mergedTheme,
-    targetDocument,
-    rendererAttributes: (_renderer_styleElementAttributes = renderer.styleElementAttributes) !== null && _renderer_styleElementAttributes !== void 0 ? _renderer_styleElementAttributes : {}
-  });
-  return {
-    applyStylesToPortals,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    customStyleHooks_unstable: mergedCustomStyleHooks,
-    dir,
-    targetDocument,
-    theme: mergedTheme,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    overrides_unstable: mergedOverrides,
-    themeClassName: styleTagId,
-    components: {
-      root: 'div'
-    },
-    root: getNativeElementProps('div', {
-      ...props,
-      dir,
-      ref: useMergedRefs(ref, useFocusVisible({
-        targetDocument
-      }))
-    }),
-    serverStyleProps: {
-      cssRule: rule,
-      attributes: {
-        ...renderer.styleElementAttributes,
-        id: styleTagId
-      }
-    }
-  };
-};
-function shallowMerge(a, b) {
-  // Merge impacts perf: we should like to avoid it if it's possible
-  if (a && b) {
+    }, []);
+    const renderer = useRenderer_unstable();
+    var _renderer_styleElementAttributes;
+    const { styleTagId , rule  } = useFluentProviderThemeStyleTag({
+        theme: mergedTheme,
+        targetDocument,
+        rendererAttributes: (_renderer_styleElementAttributes = renderer.styleElementAttributes) !== null && _renderer_styleElementAttributes !== void 0 ? _renderer_styleElementAttributes : {}
+    });
     return {
-      ...a,
-      ...b
+        applyStylesToPortals,
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        customStyleHooks_unstable: mergedCustomStyleHooks,
+        dir,
+        targetDocument,
+        theme: mergedTheme,
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        overrides_unstable: mergedOverrides,
+        themeClassName: styleTagId,
+        components: {
+            root: 'div'
+        },
+        root: getNativeElementProps('div', {
+            ...props,
+            dir,
+            ref: useMergedRefs(ref, useFocusVisible({
+                targetDocument
+            }))
+        }),
+        serverStyleProps: {
+            cssRule: rule,
+            attributes: {
+                ...renderer.styleElementAttributes,
+                id: styleTagId
+            }
+        }
     };
-  }
-  if (a) {
-    return a;
-  }
-  return b;
+};
+function shallowMerge(a, b) {
+    // Merge impacts perf: we should like to avoid it if it's possible
+    if (a && b) {
+        return {
+            ...a,
+            ...b
+        };
+    }
+    if (a) {
+        return a;
+    }
+    return b;
 }
 function useTheme() {
-  return React.useContext(ThemeContext);
+    return React.useContext(ThemeContext);
 }
-//# sourceMappingURL=useFluentProvider.js.map

package/lib/components/FluentProvider/useFluentProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["useFocusVisible","ThemeContext_unstable","ThemeContext","useFluent_unstable","useFluent","useOverrides_unstable","useOverrides","CustomStyleHooksContext_unstable","CustomStyleHooksContext","getNativeElementProps","useMergedRefs","React","useFluentProviderThemeStyleTag","useRenderer_unstable","useFluentProvider_unstable","props","ref","parentContext","parentTheme","useTheme","parentOverrides","parentCustomStyleHooks","useContext","applyStylesToPortals","customStyleHooks_unstable","dir","targetDocument","theme","overrides_unstable","overrides","mergedTheme","shallowMerge","mergedOverrides","mergedCustomStyleHooks","useEffect","process","env","NODE_ENV","undefined","console","warn","renderer","_renderer_styleElementAttributes","styleTagId","rule","rendererAttributes","styleElementAttributes","themeClassName","components","root","serverStyleProps","cssRule","attributes","id","a","b"],"sources":["../../../src/components/FluentProvider/useFluentProvider.ts"],"sourcesContent":["import { useFocusVisible } from '@fluentui/react-tabster';\nimport {\n  ThemeContext_unstable as ThemeContext,\n  useFluent_unstable as useFluent,\n  useOverrides_unstable as useOverrides,\n  CustomStyleHooksContext_unstable as CustomStyleHooksContext,\n} from '@fluentui/react-shared-contexts';\nimport type {\n  CustomStyleHooksContextValue_unstable as CustomStyleHooksContextValue,\n  ThemeContextValue_unstable as ThemeContextValue,\n} from '@fluentui/react-shared-contexts';\n\nimport { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { useFluentProviderThemeStyleTag } from './useFluentProviderThemeStyleTag';\nimport type { FluentProviderProps, FluentProviderState } from './FluentProvider.types';\nimport { useRenderer_unstable } from '@griffel/react';\n\n/**\n * Create the state required to render FluentProvider.\n *\n * The returned state can be modified with hooks such as useFluentProviderStyles_unstable,\n * before being passed to renderFluentProvider_unstable.\n *\n * @param props - props from this instance of FluentProvider\n * @param ref - reference to root HTMLElement of FluentProvider\n */\nexport const useFluentProvider_unstable = (\n  props: FluentProviderProps,\n  ref: React.Ref<HTMLElement>,\n): FluentProviderState => {\n  const parentContext = useFluent();\n  const parentTheme = useTheme();\n  const parentOverrides = useOverrides();\n  const parentCustomStyleHooks: CustomStyleHooksContextValue = React.useContext(CustomStyleHooksContext) || {};\n\n  /**\n   * TODO: add merge functions to \"dir\" merge,\n   * nesting providers with the same \"dir\" should not add additional attributes to DOM\n   * see https://github.com/microsoft/fluentui/blob/0dc74a19f3aa5a058224c20505016fbdb84db172/packages/fluentui/react-northstar/src/utils/mergeProviderContexts.ts#L89-L93\n   */\n  const {\n    applyStylesToPortals = true,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    customStyleHooks_unstable,\n    dir = parentContext.dir,\n    targetDocument = parentContext.targetDocument,\n    theme,\n    overrides_unstable: overrides = {},\n  } = props;\n  const mergedTheme = shallowMerge(parentTheme, theme);\n\n  const mergedOverrides = shallowMerge(parentOverrides, overrides);\n\n  const mergedCustomStyleHooks = shallowMerge(\n    parentCustomStyleHooks,\n    customStyleHooks_unstable,\n  ) as CustomStyleHooksContextValue;\n\n  React.useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && mergedTheme === undefined) {\n      // eslint-disable-next-line no-console\n      console.warn(`\n      FluentProvider: your \"theme\" is not defined !\n      =============================================\n      Make sure your root FluentProvider has set a theme or you're setting the theme in your child FluentProvider.\n      `);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const renderer = useRenderer_unstable();\n  const { styleTagId, rule } = useFluentProviderThemeStyleTag({\n    theme: mergedTheme,\n    targetDocument,\n    rendererAttributes: renderer.styleElementAttributes ?? {},\n  });\n  return {\n    applyStylesToPortals,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    customStyleHooks_unstable: mergedCustomStyleHooks,\n    dir,\n    targetDocument,\n    theme: mergedTheme,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    overrides_unstable: mergedOverrides,\n    themeClassName: styleTagId,\n\n    components: {\n      root: 'div',\n    },\n\n    root: getNativeElementProps('div', {\n      ...props,\n      dir,\n      ref: useMergedRefs(ref, useFocusVisible<HTMLDivElement>({ targetDocument })),\n    }),\n\n    serverStyleProps: {\n      cssRule: rule,\n      attributes: {\n        ...renderer.styleElementAttributes,\n        id: styleTagId,\n      },\n    },\n  };\n};\n\nfunction shallowMerge<T>(a: T, b: T): T {\n  // Merge impacts perf: we should like to avoid it if it's possible\n  if (a && b) {\n    return { ...a, ...b };\n  }\n\n  if (a) {\n    return a;\n  }\n\n  return b;\n}\n\nfunction useTheme(): ThemeContextValue {\n  return React.useContext(ThemeContext);\n}\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ;AAChC,SACEC,qBAAA,IAAyBC,YAAY,EACrCC,kBAAA,IAAsBC,SAAS,EAC/BC,qBAAA,IAAyBC,YAAY,EACrCC,gCAAA,IAAoCC,uBAAuB,QACtD;AAMP,SAASC,qBAAqB,EAAEC,aAAa,QAAQ;AACrD,YAAYC,KAAA,MAAW;AACvB,SAASC,8BAA8B,QAAQ;AAE/C,SAASC,oBAAoB,QAAQ;AAErC;;;;;;;;;AASA,OAAO,MAAMC,0BAAA,GAA6BA,CACxCC,KAAA,EACAC,GAAA,KACwB;EACxB,MAAMC,aAAA,GAAgBb,SAAA;EACtB,MAAMc,WAAA,GAAcC,QAAA;EACpB,MAAMC,eAAA,GAAkBd,YAAA;EACxB,MAAMe,sBAAA,GAAuDV,KAAA,CAAMW,UAAU,CAACd,uBAAA,KAA4B,CAAC;EAE3G;;;;;EAKA,MAAM;IACJe,oBAAA,GAAuB,IAAI;IAC3B;IACAC,yBAAA;IACAC,GAAA,GAAMR,aAAA,CAAcQ,GAAG;IACvBC,cAAA,GAAiBT,aAAA,CAAcS,cAAc;IAC7CC,KAAA;IACAC,kBAAA,EAAoBC,SAAA,GAAY,CAAC;EAAC,CACnC,GAAGd,KAAA;EACJ,MAAMe,WAAA,GAAcC,YAAA,CAAab,WAAA,EAAaS,KAAA;EAE9C,MAAMK,eAAA,GAAkBD,YAAA,CAAaX,eAAA,EAAiBS,SAAA;EAEtD,MAAMI,sBAAA,GAAyBF,YAAA,CAC7BV,sBAAA,EACAG,yBAAA;EAGFb,KAAA,CAAMuB,SAAS,CAAC,MAAM;IACpB,IAAIC,OAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBP,WAAA,KAAgBQ,SAAA,EAAW;MACtE;MACAC,OAAA,CAAQC,IAAI,CAAE;;;;OAIb;IACH;IACA;EACF,GAAG,EAAE;EAEL,MAAMC,QAAA,GAAW5B,oBAAA;MAIK6B,gCAAA;EAHtB,MAAM;IAAEC,UAAA;IAAYC;EAAI,CAAE,GAAGhC,8BAAA,CAA+B;IAC1De,KAAA,EAAOG,WAAA;IACPJ,cAAA;IACAmB,kBAAA,EAAoB,CAAAH,gCAAA,GAAAD,QAAA,CAASK,sBAAsB,cAA/BJ,gCAAA,cAAAA,gCAAA,GAAmC,CAAC;EAC1D;EACA,OAAO;IACLnB,oBAAA;IACA;IACAC,yBAAA,EAA2BS,sBAAA;IAC3BR,GAAA;IACAC,cAAA;IACAC,KAAA,EAAOG,WAAA;IACP;IACAF,kBAAA,EAAoBI,eAAA;IACpBe,cAAA,EAAgBJ,UAAA;IAEhBK,UAAA,EAAY;MACVC,IAAA,EAAM;IACR;IAEAA,IAAA,EAAMxC,qBAAA,CAAsB,OAAO;MACjC,GAAGM,KAAK;MACRU,GAAA;MACAT,GAAA,EAAKN,aAAA,CAAcM,GAAA,EAAKhB,eAAA,CAAgC;QAAE0B;MAAe;IAC3E;IAEAwB,gBAAA,EAAkB;MAChBC,OAAA,EAASP,IAAA;MACTQ,UAAA,EAAY;QACV,GAAGX,QAAA,CAASK,sBAAsB;QAClCO,EAAA,EAAIV;MACN;IACF;EACF;AACF;AAEA,SAASZ,aAAgBuB,CAAI,EAAEC,CAAI,EAAK;EACtC;EACA,IAAID,CAAA,IAAKC,CAAA,EAAG;IACV,OAAO;MAAE,GAAGD,CAAC;MAAE,GAAGC;IAAE;EACtB;EAEA,IAAID,CAAA,EAAG;IACL,OAAOA,CAAA;EACT;EAEA,OAAOC,CAAA;AACT;AAEA,SAASpC,SAAA,EAA8B;EACrC,OAAOR,KAAA,CAAMW,UAAU,CAACpB,YAAA;AAC1B"}
+{"version":3,"sources":["useFluentProvider.ts"],"sourcesContent":["import { useFocusVisible } from '@fluentui/react-tabster';\nimport {\n  ThemeContext_unstable as ThemeContext,\n  useFluent_unstable as useFluent,\n  useOverrides_unstable as useOverrides,\n  CustomStyleHooksContext_unstable as CustomStyleHooksContext,\n} from '@fluentui/react-shared-contexts';\nimport type {\n  CustomStyleHooksContextValue_unstable as CustomStyleHooksContextValue,\n  ThemeContextValue_unstable as ThemeContextValue,\n} from '@fluentui/react-shared-contexts';\n\nimport { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { useFluentProviderThemeStyleTag } from './useFluentProviderThemeStyleTag';\nimport type { FluentProviderProps, FluentProviderState } from './FluentProvider.types';\nimport { useRenderer_unstable } from '@griffel/react';\n\n/**\n * Create the state required to render FluentProvider.\n *\n * The returned state can be modified with hooks such as useFluentProviderStyles_unstable,\n * before being passed to renderFluentProvider_unstable.\n *\n * @param props - props from this instance of FluentProvider\n * @param ref - reference to root HTMLElement of FluentProvider\n */\nexport const useFluentProvider_unstable = (\n  props: FluentProviderProps,\n  ref: React.Ref<HTMLElement>,\n): FluentProviderState => {\n  const parentContext = useFluent();\n  const parentTheme = useTheme();\n  const parentOverrides = useOverrides();\n  const parentCustomStyleHooks: CustomStyleHooksContextValue = React.useContext(CustomStyleHooksContext) || {};\n\n  /**\n   * TODO: add merge functions to \"dir\" merge,\n   * nesting providers with the same \"dir\" should not add additional attributes to DOM\n   * see https://github.com/microsoft/fluentui/blob/0dc74a19f3aa5a058224c20505016fbdb84db172/packages/fluentui/react-northstar/src/utils/mergeProviderContexts.ts#L89-L93\n   */\n  const {\n    applyStylesToPortals = true,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    customStyleHooks_unstable,\n    dir = parentContext.dir,\n    targetDocument = parentContext.targetDocument,\n    theme,\n    overrides_unstable: overrides = {},\n  } = props;\n  const mergedTheme = shallowMerge(parentTheme, theme);\n\n  const mergedOverrides = shallowMerge(parentOverrides, overrides);\n\n  const mergedCustomStyleHooks = shallowMerge(\n    parentCustomStyleHooks,\n    customStyleHooks_unstable,\n  ) as CustomStyleHooksContextValue;\n\n  React.useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && mergedTheme === undefined) {\n      // eslint-disable-next-line no-console\n      console.warn(`\n      FluentProvider: your \"theme\" is not defined !\n      =============================================\n      Make sure your root FluentProvider has set a theme or you're setting the theme in your child FluentProvider.\n      `);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const renderer = useRenderer_unstable();\n  const { styleTagId, rule } = useFluentProviderThemeStyleTag({\n    theme: mergedTheme,\n    targetDocument,\n    rendererAttributes: renderer.styleElementAttributes ?? {},\n  });\n  return {\n    applyStylesToPortals,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    customStyleHooks_unstable: mergedCustomStyleHooks,\n    dir,\n    targetDocument,\n    theme: mergedTheme,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    overrides_unstable: mergedOverrides,\n    themeClassName: styleTagId,\n\n    components: {\n      root: 'div',\n    },\n\n    root: getNativeElementProps('div', {\n      ...props,\n      dir,\n      ref: useMergedRefs(ref, useFocusVisible<HTMLDivElement>({ targetDocument })),\n    }),\n\n    serverStyleProps: {\n      cssRule: rule,\n      attributes: {\n        ...renderer.styleElementAttributes,\n        id: styleTagId,\n      },\n    },\n  };\n};\n\nfunction shallowMerge<T>(a: T, b: T): T {\n  // Merge impacts perf: we should like to avoid it if it's possible\n  if (a && b) {\n    return { ...a, ...b };\n  }\n\n  if (a) {\n    return a;\n  }\n\n  return b;\n}\n\nfunction useTheme(): ThemeContextValue {\n  return React.useContext(ThemeContext);\n}\n"],"names":["useFocusVisible","ThemeContext_unstable","ThemeContext","useFluent_unstable","useFluent","useOverrides_unstable","useOverrides","CustomStyleHooksContext_unstable","CustomStyleHooksContext","getNativeElementProps","useMergedRefs","React","useFluentProviderThemeStyleTag","useRenderer_unstable","useFluentProvider_unstable","props","ref","parentContext","parentTheme","useTheme","parentOverrides","parentCustomStyleHooks","useContext","applyStylesToPortals","customStyleHooks_unstable","dir","targetDocument","theme","overrides_unstable","overrides","mergedTheme","shallowMerge","mergedOverrides","mergedCustomStyleHooks","useEffect","process","env","NODE_ENV","undefined","console","warn","renderer","styleTagId","rule","rendererAttributes","styleElementAttributes","themeClassName","components","root","serverStyleProps","cssRule","attributes","id","a","b"],"mappings":"AAAA,SAASA,eAAe,QAAQ,0BAA0B;AAC1D,SACEC,yBAAyBC,YAAY,EACrCC,sBAAsBC,SAAS,EAC/BC,yBAAyBC,YAAY,EACrCC,oCAAoCC,uBAAuB,QACtD,kCAAkC;AAMzC,SAASC,qBAAqB,EAAEC,aAAa,QAAQ,4BAA4B;AACjF,YAAYC,WAAW,QAAQ;AAC/B,SAASC,8BAA8B,QAAQ,mCAAmC;AAElF,SAASC,oBAAoB,QAAQ,iBAAiB;AAEtD;;;;;;;;CAQC,GACD,OAAO,MAAMC,6BAA6B,CACxCC,OACAC,MACwB;IACxB,MAAMC,gBAAgBb;IACtB,MAAMc,cAAcC;IACpB,MAAMC,kBAAkBd;IACxB,MAAMe,yBAAuDV,MAAMW,UAAU,CAACd,4BAA4B,CAAC;IAE3G;;;;GAIC,GACD,MAAM,EACJe,sBAAuB,IAAI,CAAA,EAC3B,gEAAgE;IAChEC,0BAAyB,EACzBC,KAAMR,cAAcQ,GAAG,CAAA,EACvBC,gBAAiBT,cAAcS,cAAc,CAAA,EAC7CC,MAAK,EACLC,oBAAoBC,YAAY,CAAC,CAAC,CAAA,EACnC,GAAGd;IACJ,MAAMe,cAAcC,aAAab,aAAaS;IAE9C,MAAMK,kBAAkBD,aAAaX,iBAAiBS;IAEtD,MAAMI,yBAAyBF,aAC7BV,wBACAG;IAGFb,MAAMuB,SAAS,CAAC,IAAM;QACpB,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBP,gBAAgBQ,WAAW;YACtE,sCAAsC;YACtCC,QAAQC,IAAI,CAAC,CAAC;;;;MAId,CAAC;QACH,CAAC;IACD,uDAAuD;IACzD,GAAG,EAAE;IAEL,MAAMC,WAAW5B;QAIK4B;IAHtB,MAAM,EAAEC,WAAU,EAAEC,KAAI,EAAE,GAAG/B,+BAA+B;QAC1De,OAAOG;QACPJ;QACAkB,oBAAoBH,CAAAA,mCAAAA,SAASI,sBAAsB,cAA/BJ,8CAAAA,mCAAmC,CAAC,CAAC;IAC3D;IACA,OAAO;QACLlB;QACA,gEAAgE;QAChEC,2BAA2BS;QAC3BR;QACAC;QACAC,OAAOG;QACP,gEAAgE;QAChEF,oBAAoBI;QACpBc,gBAAgBJ;QAEhBK,YAAY;YACVC,MAAM;QACR;QAEAA,MAAMvC,sBAAsB,OAAO;YACjC,GAAGM,KAAK;YACRU;YACAT,KAAKN,cAAcM,KAAKhB,gBAAgC;gBAAE0B;YAAe;QAC3E;QAEAuB,kBAAkB;YAChBC,SAASP;YACTQ,YAAY;gBACV,GAAGV,SAASI,sBAAsB;gBAClCO,IAAIV;YACN;QACF;IACF;AACF,EAAE;AAEF,SAASX,aAAgBsB,CAAI,EAAEC,CAAI,EAAK;IACtC,kEAAkE;IAClE,IAAID,KAAKC,GAAG;QACV,OAAO;YAAE,GAAGD,CAAC;YAAE,GAAGC,CAAC;QAAC;IACtB,CAAC;IAED,IAAID,GAAG;QACL,OAAOA;IACT,CAAC;IAED,OAAOC;AACT;AAEA,SAASnC,WAA8B;IACrC,OAAOR,MAAMW,UAAU,CAACpB;AAC1B"}

package/lib/components/FluentProvider/useFluentProviderContextValues.js

@@ -1,34 +1,27 @@
 import * as React from 'react';
 export function useFluentProviderContextValues_unstable(state) {
-  // eslint-disable-next-line @typescript-eslint/naming-convention
-  const {
-    applyStylesToPortals,
     // eslint-disable-next-line @typescript-eslint/naming-convention
-    customStyleHooks_unstable,
-    dir,
-    root,
-    targetDocument,
-    theme,
-    themeClassName,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    overrides_unstable
-  } = state;
-  const provider = React.useMemo(() => ({
-    dir,
-    targetDocument
-  }), [dir, targetDocument]);
-  // "Tooltip" component mutates an object in this context, instance should be stable
-  const [tooltip] = React.useState(() => ({}));
-  return {
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    customStyleHooks_unstable,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    overrides_unstable,
-    provider,
-    textDirection: dir,
-    tooltip,
-    theme,
-    themeClassName: applyStylesToPortals ? root.className : themeClassName
-  };
+    const { applyStylesToPortals , // eslint-disable-next-line @typescript-eslint/naming-convention
+    customStyleHooks_unstable , dir , root , targetDocument , theme , themeClassName , // eslint-disable-next-line @typescript-eslint/naming-convention
+    overrides_unstable  } = state;
+    const provider = React.useMemo(()=>({
+            dir,
+            targetDocument
+        }), [
+        dir,
+        targetDocument
+    ]);
+    // "Tooltip" component mutates an object in this context, instance should be stable
+    const [tooltip] = React.useState(()=>({}));
+    return {
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        customStyleHooks_unstable,
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        overrides_unstable,
+        provider,
+        textDirection: dir,
+        tooltip,
+        theme,
+        themeClassName: applyStylesToPortals ? root.className : themeClassName
+    };
 }
-//# sourceMappingURL=useFluentProviderContextValues.js.map

package/lib/components/FluentProvider/useFluentProviderContextValues.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useFluentProviderContextValues_unstable","state","applyStylesToPortals","customStyleHooks_unstable","dir","root","targetDocument","theme","themeClassName","overrides_unstable","provider","useMemo","tooltip","useState","textDirection","className"],"sources":["../../../src/components/FluentProvider/useFluentProviderContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { FluentProviderContextValues, FluentProviderState } from './FluentProvider.types';\n\nexport function useFluentProviderContextValues_unstable(state: FluentProviderState): FluentProviderContextValues {\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  const {\n    applyStylesToPortals,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    customStyleHooks_unstable,\n    dir,\n    root,\n    targetDocument,\n    theme,\n    themeClassName,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    overrides_unstable,\n  } = state;\n\n  const provider = React.useMemo(() => ({ dir, targetDocument }), [dir, targetDocument]);\n  // \"Tooltip\" component mutates an object in this context, instance should be stable\n  const [tooltip] = React.useState(() => ({}));\n\n  return {\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    customStyleHooks_unstable,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    overrides_unstable,\n    provider,\n    textDirection: dir,\n    tooltip,\n    theme,\n    themeClassName: applyStylesToPortals ? root.className! : themeClassName,\n  };\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,OAAO,SAASC,wCAAwCC,KAA0B,EAA+B;EAC/G;EACA,MAAM;IACJC,oBAAA;IACA;IACAC,yBAAA;IACAC,GAAA;IACAC,IAAA;IACAC,cAAA;IACAC,KAAA;IACAC,cAAA;IACA;IACAC;EAAkB,CACnB,GAAGR,KAAA;EAEJ,MAAMS,QAAA,GAAWX,KAAA,CAAMY,OAAO,CAAC,OAAO;IAAEP,GAAA;IAAKE;EAAe,IAAI,CAACF,GAAA,EAAKE,cAAA,CAAe;EACrF;EACA,MAAM,CAACM,OAAA,CAAQ,GAAGb,KAAA,CAAMc,QAAQ,CAAC,OAAO,CAAC;EAEzC,OAAO;IACL;IACAV,yBAAA;IACA;IACAM,kBAAA;IACAC,QAAA;IACAI,aAAA,EAAeV,GAAA;IACfQ,OAAA;IACAL,KAAA;IACAC,cAAA,EAAgBN,oBAAA,GAAuBG,IAAA,CAAKU,SAAS,GAAIP;EAC3D;AACF"}
+{"version":3,"sources":["useFluentProviderContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { FluentProviderContextValues, FluentProviderState } from './FluentProvider.types';\n\nexport function useFluentProviderContextValues_unstable(state: FluentProviderState): FluentProviderContextValues {\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  const {\n    applyStylesToPortals,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    customStyleHooks_unstable,\n    dir,\n    root,\n    targetDocument,\n    theme,\n    themeClassName,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    overrides_unstable,\n  } = state;\n\n  const provider = React.useMemo(() => ({ dir, targetDocument }), [dir, targetDocument]);\n  // \"Tooltip\" component mutates an object in this context, instance should be stable\n  const [tooltip] = React.useState(() => ({}));\n\n  return {\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    customStyleHooks_unstable,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    overrides_unstable,\n    provider,\n    textDirection: dir,\n    tooltip,\n    theme,\n    themeClassName: applyStylesToPortals ? root.className! : themeClassName,\n  };\n}\n"],"names":["React","useFluentProviderContextValues_unstable","state","applyStylesToPortals","customStyleHooks_unstable","dir","root","targetDocument","theme","themeClassName","overrides_unstable","provider","useMemo","tooltip","useState","textDirection","className"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,SAASC,wCAAwCC,KAA0B,EAA+B;IAC/G,gEAAgE;IAChE,MAAM,EACJC,qBAAoB,EACpB,gEAAgE;IAChEC,0BAAyB,EACzBC,IAAG,EACHC,KAAI,EACJC,eAAc,EACdC,MAAK,EACLC,eAAc,EACd,gEAAgE;IAChEC,mBAAkB,EACnB,GAAGR;IAEJ,MAAMS,WAAWX,MAAMY,OAAO,CAAC,IAAO,CAAA;YAAEP;YAAKE;QAAe,CAAA,GAAI;QAACF;QAAKE;KAAe;IACrF,mFAAmF;IACnF,MAAM,CAACM,QAAQ,GAAGb,MAAMc,QAAQ,CAAC,IAAO,CAAA,CAAC,CAAA;IAEzC,OAAO;QACL,gEAAgE;QAChEV;QACA,gEAAgE;QAChEM;QACAC;QACAI,eAAeV;QACfQ;QACAL;QACAC,gBAAgBN,uBAAuBG,KAAKU,SAAS,GAAIP,cAAc;IACzE;AACF,CAAC"}

package/lib/components/FluentProvider/useFluentProviderStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","useRenderer_unstable","tokens","typographyStyles","fluentProviderClassNames","root","useStyles","sj55zd","De3pzq","fsow6f","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","useFluentProviderStyles_unstable","state","renderer","styles","dir","className","themeClassName"],"sources":["../../../src/components/FluentProvider/useFluentProviderStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/core';\nimport { useRenderer_unstable } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { FluentProviderSlots, FluentProviderState } from './FluentProvider.types';\nimport { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const fluentProviderClassNames: SlotClassNames<FluentProviderSlots> = {\n  root: 'fui-FluentProvider',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    color: tokens.colorNeutralForeground1,\n    backgroundColor: tokens.colorNeutralBackground1,\n    textAlign: 'left',\n    ...typographyStyles.body1,\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useFluentProviderStyles_unstable = (state: FluentProviderState) => {\n  const renderer = useRenderer_unstable();\n  const styles = useStyles({ dir: state.dir, renderer });\n\n  state.root.className = mergeClasses(\n    fluentProviderClassNames.root,\n    state.themeClassName,\n    styles.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ;AACzC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,MAAM,EAAEC,gBAAgB,QAAQ;AAIzC,OAAO,MAAMC,wBAAA,GAAgE;EAC3EC,IAAA,EAAM;AACR;AAEA,MAAMC,SAAA,gBAAYP,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAOlB;AAEA;AACA,OAAO,MAAMC,gCAAA,GAAoCC,KAAA,IAA+B;EAC9E,MAAMC,QAAA,GAAWhB,oBAAA;EACjB,MAAMiB,MAAA,GAASZ,SAAA,CAAU;IAAEa,GAAA,EAAKH,KAAA,CAAMG,GAAG;IAAEF;EAAS;EAEpDD,KAAA,CAAMX,IAAI,CAACe,SAAS,GAAGpB,YAAA,CACrBI,wBAAA,CAAyBC,IAAI,EAC7BW,KAAA,CAAMK,cAAc,EACpBH,MAAA,CAAOb,IAAI,EACXW,KAAA,CAAMX,IAAI,CAACe,SAAS;EAGtB,OAAOJ,KAAA;AACT"}
+{"version":3,"names":["__styles","mergeClasses","useRenderer_unstable","tokens","typographyStyles","fluentProviderClassNames","root","useStyles","sj55zd","De3pzq","fsow6f","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","useFluentProviderStyles_unstable","state","renderer","styles","dir","className","themeClassName"],"sources":["useFluentProviderStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/core';\nimport { useRenderer_unstable } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const fluentProviderClassNames = {\n    root: 'fui-FluentProvider'\n};\nconst useStyles = makeStyles({\n    root: {\n        color: tokens.colorNeutralForeground1,\n        backgroundColor: tokens.colorNeutralBackground1,\n        textAlign: 'left',\n        ...typographyStyles.body1\n    }\n});\n/** Applies style classnames to slots */ export const useFluentProviderStyles_unstable = (state)=>{\n    const renderer = useRenderer_unstable();\n    const styles = useStyles({\n        dir: state.dir,\n        renderer\n    });\n    state.root.className = mergeClasses(fluentProviderClassNames.root, state.themeClassName, styles.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,eAAe;AACxD,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAOjB,CAAC;AACF;AAAyC,OAAO,MAAMC,gCAAgC,GAAIC,KAAK,IAAG;EAC9F,MAAMC,QAAQ,GAAGhB,oBAAoB,CAAC,CAAC;EACvC,MAAMiB,MAAM,GAAGZ,SAAS,CAAC;IACrBa,GAAG,EAAEH,KAAK,CAACG,GAAG;IACdF;EACJ,CAAC,CAAC;EACFD,KAAK,CAACX,IAAI,CAACe,SAAS,GAAGpB,YAAY,CAACI,wBAAwB,CAACC,IAAI,EAAEW,KAAK,CAACK,cAAc,EAAEH,MAAM,CAACb,IAAI,EAAEW,KAAK,CAACX,IAAI,CAACe,SAAS,CAAC;EAC3H,OAAOJ,KAAK;AAChB,CAAC"}