@fluentui/react-provider 9.75.0-experimental.css-modules.20261031-810ab07afb.0 → 9.75.1-experimental.positioning-engine.20261103-19efe125d1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,22 +1,22 @@
1
1
  # Change Log - @fluentui/react-provider
2
2
 
3
- <!-- This log was last generated on Sat, 31 Oct 2026 11:08:52 GMT and should not be manually modified. -->
3
+ <!-- This log was last generated on Tue, 03 Nov 2026 14:18:07 GMT and should not be manually modified. -->
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [9.75.0-experimental.css-modules.20261031-810ab07afb.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.75.0-experimental.css-modules.20261031-810ab07afb.0)
7
+ ## [9.75.1-experimental.positioning-engine.20261103-19efe125d1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0)
8
8
 
9
- Sat, 31 Oct 2026 11:08:52 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.22.23..@fluentui/react-provider_v9.75.0-experimental.css-modules.20261031-810ab07afb.0)
9
+ Tue, 03 Nov 2026 14:18:07 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.22.23..@fluentui/react-provider_v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0)
11
11
 
12
12
  ### Changes
13
13
 
14
- - Release 9.75.0-experimental.css-modules.20261031-810ab07afb ([commit](https://github.com/microsoft/fluentui/commit/undefined) by 257645319+office-ogx-auth-helper[bot]@users.noreply.github.com)
15
- - Bump @fluentui/react-jsx-runtime to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
16
- - Bump @fluentui/react-shared-contexts to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
17
- - Bump @fluentui/react-tabster to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
18
- - Bump @fluentui/react-theme to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
19
- - Bump @fluentui/react-utilities to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
14
+ - Release 9.75.1-experimental.positioning-engine.20261103-19efe125d1 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by 257645319+office-ogx-auth-helper[bot]@users.noreply.github.com)
15
+ - Bump @fluentui/react-jsx-runtime to v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
16
+ - Bump @fluentui/react-shared-contexts to v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
17
+ - Bump @fluentui/react-tabster to v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
18
+ - Bump @fluentui/react-theme to v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
19
+ - Bump @fluentui/react-utilities to v9.75.1-experimental.positioning-engine.20261103-19efe125d1.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
20
20
 
21
21
  ## [9.22.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.22.23)
22
22
 
package/README.md CHANGED
@@ -1,15 +1,3 @@
1
1
  # @fluentui/react-provider
2
2
 
3
3
  **React Provider component for [Fluent UI React](https://react.fluentui.dev)**
4
-
5
- ## CSS Modules alternative
6
-
7
- FluentProvider includes a layered CSS Modules style hook alongside its default Griffel hook.
8
- To opt in consistently with other components, prioritize `.css.ts` for extensionless
9
- TypeScript source imports and alias explicit `.styles.js` imports to
10
- `['.styles.css.js', '.styles.js']` in your bundler. The original Griffel hook remains the fallback.
11
- Configure your CSS Modules loader to expose named class exports.
12
-
13
- The alternative preserves theme classes, caller classes, body typography, and LTR/RTL text
14
- alignment. Theme variable generation, nested providers, and portal style propagation are unchanged.
15
- The stylesheet is shipped in both `lib` and `lib-commonjs` and uses `@layer fluentui`.
package/package.json CHANGED
@@ -1,13 +1,11 @@
1
1
  {
2
2
  "name": "@fluentui/react-provider",
3
- "version": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
3
+ "version": "9.75.1-experimental.positioning-engine.20261103-19efe125d1.0",
4
4
  "description": "Fluent UI React provider component",
5
5
  "main": "lib-commonjs/index.cjs",
6
6
  "module": "lib/index.js",
7
7
  "typings": "./dist/index.d.ts",
8
- "sideEffects": [
9
- "**/*.css"
10
- ],
8
+ "sideEffects": false,
11
9
  "repository": {
12
10
  "type": "git",
13
11
  "url": "https://github.com/microsoft/fluentui"
@@ -15,15 +13,14 @@
15
13
  "license": "MIT",
16
14
  "dependencies": {
17
15
  "@fluentui/react-icons": "^2.0.245",
18
- "@fluentui/react-jsx-runtime": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
19
- "@fluentui/react-shared-contexts": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
20
- "@fluentui/react-tabster": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
21
- "@fluentui/react-theme": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
22
- "@fluentui/react-utilities": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
16
+ "@fluentui/react-jsx-runtime": "9.75.1-experimental.positioning-engine.20261103-19efe125d1.0",
17
+ "@fluentui/react-shared-contexts": "9.75.1-experimental.positioning-engine.20261103-19efe125d1.0",
18
+ "@fluentui/react-tabster": "9.75.1-experimental.positioning-engine.20261103-19efe125d1.0",
19
+ "@fluentui/react-theme": "9.75.1-experimental.positioning-engine.20261103-19efe125d1.0",
20
+ "@fluentui/react-utilities": "9.75.1-experimental.positioning-engine.20261103-19efe125d1.0",
23
21
  "@griffel/core": "^1.16.0",
24
22
  "@griffel/react": "^1.5.32",
25
- "@swc/helpers": "^0.5.1",
26
- "clsx": "^2.1.1"
23
+ "@swc/helpers": "^0.5.1"
27
24
  },
28
25
  "peerDependencies": {
29
26
  "@types/react": ">=16.14.0 <20.0.0",
@@ -1,15 +0,0 @@
1
- @layer fluentui {
2
- .root {
3
- color: var(--colorNeutralForeground1);
4
- background-color: var(--colorNeutralBackground1);
5
- text-align: left;
6
- font-family: var(--fontFamilyBase);
7
- font-size: var(--fontSizeBase300);
8
- font-weight: var(--fontWeightRegular);
9
- line-height: var(--lineHeightBase300);
10
- }
11
-
12
- .root:where(.rtl) {
13
- text-align: right;
14
- }
15
- }
@@ -1,9 +0,0 @@
1
- import { clsx } from "clsx";
2
- import styles from "./FluentProvider.module.css";
3
- export const fluentProviderClassNames = {
4
- root: 'fui-FluentProvider'
5
- };
6
- /** Applies style classnames to slots */ export const useFluentProviderStyles_unstable = (state)=>{
7
- state.root.className = clsx(fluentProviderClassNames.root, state.themeClassName, styles.root, state.dir === 'rtl' && styles.rtl, state.root.className);
8
- return state;
9
- };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/FluentProvider/useFluentProviderStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { FluentProviderSlots, FluentProviderState } from './FluentProvider.types';\nimport styles from './FluentProvider.module.css';\n\nexport const fluentProviderClassNames: SlotClassNames<FluentProviderSlots> = {\n root: 'fui-FluentProvider',\n};\n\n/** Applies style classnames to slots */\nexport const useFluentProviderStyles_unstable = (state: FluentProviderState): FluentProviderState => {\n state.root.className = clsx(\n fluentProviderClassNames.root,\n state.themeClassName,\n styles.root,\n state.dir === 'rtl' && styles.rtl,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["clsx","styles","fluentProviderClassNames","root","useFluentProviderStyles_unstable","state","className","themeClassName","dir","rtl"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,8BAA8B;AAEjD,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF,sCAAsC,GACtC,OAAO,MAAMC,mCAAmC,CAACC;IAC/CA,MAAMF,IAAI,CAACG,SAAS,GAAGN,KACrBE,yBAAyBC,IAAI,EAC7BE,MAAME,cAAc,EACpBN,OAAOE,IAAI,EACXE,MAAMG,GAAG,KAAK,SAASP,OAAOQ,GAAG,EACjCJ,MAAMF,IAAI,CAACG,SAAS;IAGtB,OAAOD;AACT,EAAE"}
@@ -1,9 +0,0 @@
1
- import { clsx } from "clsx";
2
- import styles from "./FluentProvider.module.css";
3
- export const fluentProviderClassNames = {
4
- root: 'fui-FluentProvider'
5
- };
6
- /** Applies style classnames to slots */ export const useFluentProviderStyles_unstable = (state)=>{
7
- state.root.className = clsx(fluentProviderClassNames.root, state.themeClassName, styles.root, state.dir === 'rtl' && styles.rtl, state.root.className);
8
- return state;
9
- };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/FluentProvider/useFluentProviderStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { FluentProviderSlots, FluentProviderState } from './FluentProvider.types';\nimport styles from './FluentProvider.module.css';\n\nexport const fluentProviderClassNames: SlotClassNames<FluentProviderSlots> = {\n root: 'fui-FluentProvider',\n};\n\n/** Applies style classnames to slots */\nexport const useFluentProviderStyles_unstable = (state: FluentProviderState): FluentProviderState => {\n state.root.className = clsx(\n fluentProviderClassNames.root,\n state.themeClassName,\n styles.root,\n state.dir === 'rtl' && styles.rtl,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["clsx","styles","fluentProviderClassNames","root","useFluentProviderStyles_unstable","state","className","themeClassName","dir","rtl"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,8BAA8B;AAEjD,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF,sCAAsC,GACtC,OAAO,MAAMC,mCAAmC,CAACC;IAC/CA,MAAMF,IAAI,CAACG,SAAS,GAAGN,KACrBE,yBAAyBC,IAAI,EAC7BE,MAAME,cAAc,EACpBN,OAAOE,IAAI,EACXE,MAAMG,GAAG,KAAK,SAASP,OAAOQ,GAAG,EACjCJ,MAAMF,IAAI,CAACG,SAAS;IAGtB,OAAOD;AACT,EAAE"}
@@ -1,15 +0,0 @@
1
- @layer fluentui {
2
- .root {
3
- color: var(--colorNeutralForeground1);
4
- background-color: var(--colorNeutralBackground1);
5
- text-align: left;
6
- font-family: var(--fontFamilyBase);
7
- font-size: var(--fontSizeBase300);
8
- font-weight: var(--fontWeightRegular);
9
- line-height: var(--lineHeightBase300);
10
- }
11
-
12
- .root:where(.rtl) {
13
- text-align: right;
14
- }
15
- }
@@ -1,28 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: Object.getOwnPropertyDescriptor(all, name).get
9
- });
10
- }
11
- _export(exports, {
12
- get fluentProviderClassNames () {
13
- return fluentProviderClassNames;
14
- },
15
- get useFluentProviderStyles_unstable () {
16
- return useFluentProviderStyles_unstable;
17
- }
18
- });
19
- const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
20
- const _clsx = require("clsx");
21
- const _FluentProvidermodulecss = /*#__PURE__*/ _interop_require_default._(require("./FluentProvider.module.css"));
22
- const fluentProviderClassNames = {
23
- root: 'fui-FluentProvider'
24
- };
25
- const useFluentProviderStyles_unstable = (state)=>{
26
- state.root.className = (0, _clsx.clsx)(fluentProviderClassNames.root, state.themeClassName, _FluentProvidermodulecss.default.root, state.dir === 'rtl' && _FluentProvidermodulecss.default.rtl, state.root.className);
27
- return state;
28
- };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/FluentProvider/useFluentProviderStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { FluentProviderSlots, FluentProviderState } from './FluentProvider.types';\nimport styles from './FluentProvider.module.css';\n\nexport const fluentProviderClassNames: SlotClassNames<FluentProviderSlots> = {\n root: 'fui-FluentProvider',\n};\n\n/** Applies style classnames to slots */\nexport const useFluentProviderStyles_unstable = (state: FluentProviderState): FluentProviderState => {\n state.root.className = clsx(\n fluentProviderClassNames.root,\n state.themeClassName,\n styles.root,\n state.dir === 'rtl' && styles.rtl,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["clsx","styles","fluentProviderClassNames","root","useFluentProviderStyles_unstable","state","className","themeClassName","dir","rtl"],"mappings":";;;;;;;;;;;QAKaE;;;;;;;;sBALQ,OAAO;kFAGT,8BAA8B;AAE1C,iCAAsE;IAC3EC,MAAM;AACR,EAAE;AAGK,MAAMC,mCAAmC,CAACC;IAC/CA,MAAMF,IAAI,CAACG,SAAS,OAAGN,UAAAA,EACrBE,yBAAyBC,IAAI,EAC7BE,MAAME,cAAc,EACpBN,gCAAAA,CAAOE,IAAI,EACXE,MAAMG,GAAG,KAAK,SAASP,gCAAAA,CAAOQ,GAAG,EACjCJ,MAAMF,IAAI,CAACG,SAAS;IAGtB,OAAOD;AACT,EAAE"}
@@ -1,28 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: Object.getOwnPropertyDescriptor(all, name).get
9
- });
10
- }
11
- _export(exports, {
12
- get fluentProviderClassNames () {
13
- return fluentProviderClassNames;
14
- },
15
- get useFluentProviderStyles_unstable () {
16
- return useFluentProviderStyles_unstable;
17
- }
18
- });
19
- const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
20
- const _clsx = require("clsx");
21
- const _FluentProvidermodulecss = /*#__PURE__*/ _interop_require_default._(require("./FluentProvider.module.css"));
22
- const fluentProviderClassNames = {
23
- root: 'fui-FluentProvider'
24
- };
25
- const useFluentProviderStyles_unstable = (state)=>{
26
- state.root.className = (0, _clsx.clsx)(fluentProviderClassNames.root, state.themeClassName, _FluentProvidermodulecss.default.root, state.dir === 'rtl' && _FluentProvidermodulecss.default.rtl, state.root.className);
27
- return state;
28
- };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/FluentProvider/useFluentProviderStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { FluentProviderSlots, FluentProviderState } from './FluentProvider.types';\nimport styles from './FluentProvider.module.css';\n\nexport const fluentProviderClassNames: SlotClassNames<FluentProviderSlots> = {\n root: 'fui-FluentProvider',\n};\n\n/** Applies style classnames to slots */\nexport const useFluentProviderStyles_unstable = (state: FluentProviderState): FluentProviderState => {\n state.root.className = clsx(\n fluentProviderClassNames.root,\n state.themeClassName,\n styles.root,\n state.dir === 'rtl' && styles.rtl,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["clsx","styles","fluentProviderClassNames","root","useFluentProviderStyles_unstable","state","className","themeClassName","dir","rtl"],"mappings":";;;;;;;;;;;QAKaE;;;;;;;;sBALQ,OAAO;kFAGT,8BAA8B;AAE1C,iCAAsE;IAC3EC,MAAM;AACR,EAAE;AAGK,MAAMC,mCAAmC,CAACC;IAC/CA,MAAMF,IAAI,CAACG,SAAS,OAAGN,UAAAA,EACrBE,yBAAyBC,IAAI,EAC7BE,MAAME,cAAc,EACpBN,gCAAAA,CAAOE,IAAI,EACXE,MAAMG,GAAG,KAAK,SAASP,gCAAAA,CAAOQ,GAAG,EACjCJ,MAAMF,IAAI,CAACG,SAAS;IAGtB,OAAOD;AACT,EAAE"}