@fluentui/react-provider 9.21.2 → 9.22.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.
Files changed (6) hide show
  1. package/CHANGELOG.md +21 -2
  2. package/lib/components/FluentProvider/useFluentProviderStyles.styles.raw.js +24 -0
  3. package/lib/components/FluentProvider/useFluentProviderStyles.styles.raw.js.map +1 -0
  4. package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.styles.raw.js +42 -0
  5. package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.styles.raw.js.map +1 -0
  6. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,12 +1,31 @@
1
1
  # Change Log - @fluentui/react-provider
2
2
 
3
- This log was last generated on Thu, 26 Jun 2025 14:07:54 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 17 Jul 2025 13:45:44 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.22.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.22.0)
8
+
9
+ Thu, 17 Jul 2025 13:45:44 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.21.3..@fluentui/react-provider_v9.22.0)
11
+
12
+ ### Minor changes
13
+
14
+ - feat: enable griffel raw styles ([PR #34853](https://github.com/microsoft/fluentui/pull/34853) by martinhochel@microsoft.com)
15
+ - Bump @fluentui/react-tabster to v9.26.0 ([PR #34862](https://github.com/microsoft/fluentui/pull/34862) by beachball)
16
+
17
+ ## [9.21.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.21.3)
18
+
19
+ Fri, 27 Jun 2025 13:39:41 GMT
20
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.21.2..@fluentui/react-provider_v9.21.3)
21
+
22
+ ### Patches
23
+
24
+ - Bump @fluentui/react-tabster to v9.25.3 ([PR #34734](https://github.com/microsoft/fluentui/pull/34734) by beachball)
25
+
7
26
  ## [9.21.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.21.2)
8
27
 
9
- Thu, 26 Jun 2025 14:07:54 GMT
28
+ Thu, 26 Jun 2025 14:11:55 GMT
10
29
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.21.1..@fluentui/react-provider_v9.21.2)
11
30
 
12
31
  ### Patches
package/lib/components/FluentProvider/useFluentProviderStyles.styles.raw.js ADDED
@@ -0,0 +1,24 @@
1
+ import { makeStyles, mergeClasses } from '@griffel/core';
2
+ import { useRenderer_unstable } from '@griffel/react';
3
+ import { tokens, typographyStyles } from '@fluentui/react-theme';
4
+ export const fluentProviderClassNames = {
5
+ root: 'fui-FluentProvider'
6
+ };
7
+ const useStyles = makeStyles({
8
+ root: {
9
+ color: tokens.colorNeutralForeground1,
10
+ backgroundColor: tokens.colorNeutralBackground1,
11
+ textAlign: 'left',
12
+ ...typographyStyles.body1
13
+ }
14
+ });
15
+ /** Applies style classnames to slots */ export const useFluentProviderStyles_unstable = (state)=>{
16
+ 'use no memo';
17
+ const renderer = useRenderer_unstable();
18
+ const styles = useStyles({
19
+ dir: state.dir,
20
+ renderer
21
+ });
22
+ state.root.className = mergeClasses(fluentProviderClassNames.root, state.themeClassName, styles.root, state.root.className);
23
+ return state;
24
+ };
package/lib/components/FluentProvider/useFluentProviderStyles.styles.raw.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"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 'use no memo';\n\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"],"names":["makeStyles","mergeClasses","useRenderer_unstable","tokens","typographyStyles","fluentProviderClassNames","root","useStyles","color","colorNeutralForeground1","backgroundColor","colorNeutralBackground1","textAlign","body1","useFluentProviderStyles_unstable","state","renderer","styles","dir","className","themeClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,oBAAoB,QAAQ,iBAAiB;AACtD,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AAIjE,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;AACR,EAAE;AAEF,MAAMC,YAAYP,WAAW;IAC3BM,MAAM;QACJE,OAAOL,OAAOM,uBAAuB;QACrCC,iBAAiBP,OAAOQ,uBAAuB;QAC/CC,WAAW;QACX,GAAGR,iBAAiBS,KAAK;IAC3B;AACF;AAEA,sCAAsC,GACtC,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,WAAWd;IACjB,MAAMe,SAASV,UAAU;QAAEW,KAAKH,MAAMG,GAAG;QAAEF;IAAS;IAEpDD,MAAMT,IAAI,CAACa,SAAS,GAAGlB,aACrBI,yBAAyBC,IAAI,EAC7BS,MAAMK,cAAc,EACpBH,OAAOX,IAAI,EACXS,MAAMT,IAAI,CAACa,SAAS;IAGtB,OAAOJ;AACT,EAAE"}
package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.styles.raw.js ADDED
@@ -0,0 +1,42 @@
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: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ fluentProviderClassNames: function() {
13
+ return fluentProviderClassNames;
14
+ },
15
+ useFluentProviderStyles_unstable: function() {
16
+ return useFluentProviderStyles_unstable;
17
+ }
18
+ });
19
+ const _core = require("@griffel/core");
20
+ const _react = require("@griffel/react");
21
+ const _reacttheme = require("@fluentui/react-theme");
22
+ const fluentProviderClassNames = {
23
+ root: 'fui-FluentProvider'
24
+ };
25
+ const useStyles = (0, _core.makeStyles)({
26
+ root: {
27
+ color: _reacttheme.tokens.colorNeutralForeground1,
28
+ backgroundColor: _reacttheme.tokens.colorNeutralBackground1,
29
+ textAlign: 'left',
30
+ ..._reacttheme.typographyStyles.body1
31
+ }
32
+ });
33
+ const useFluentProviderStyles_unstable = (state)=>{
34
+ 'use no memo';
35
+ const renderer = (0, _react.useRenderer_unstable)();
36
+ const styles = useStyles({
37
+ dir: state.dir,
38
+ renderer
39
+ });
40
+ state.root.className = (0, _core.mergeClasses)(fluentProviderClassNames.root, state.themeClassName, styles.root, state.root.className);
41
+ return state;
42
+ };
package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.styles.raw.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"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 'use no memo';\n\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"],"names":["fluentProviderClassNames","useFluentProviderStyles_unstable","root","useStyles","makeStyles","color","tokens","colorNeutralForeground1","backgroundColor","colorNeutralBackground1","textAlign","typographyStyles","body1","state","renderer","useRenderer_unstable","styles","dir","className","mergeClasses","themeClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,wBAAAA;eAAAA;;IAcAC,gCAAAA;eAAAA;;;sBApB4B;uBACJ;4BACI;AAIlC,MAAMD,2BAAgE;IAC3EE,MAAM;AACR;AAEA,MAAMC,YAAYC,IAAAA,gBAAAA,EAAW;IAC3BF,MAAM;QACJG,OAAOC,kBAAAA,CAAOC,uBAAuB;QACrCC,iBAAiBF,kBAAAA,CAAOG,uBAAuB;QAC/CC,WAAW;QACX,GAAGC,4BAAAA,CAAiBC,KAAK;IAC3B;AACF;AAGO,MAAMX,mCAAmC,CAACY;IAC/C;IAEA,MAAMC,WAAWC,IAAAA,2BAAAA;IACjB,MAAMC,SAASb,UAAU;QAAEc,KAAKJ,MAAMI,GAAG;QAAEH;IAAS;IAEpDD,MAAMX,IAAI,CAACgB,SAAS,GAAGC,IAAAA,kBAAAA,EACrBnB,yBAAyBE,IAAI,EAC7BW,MAAMO,cAAc,EACpBJ,OAAOd,IAAI,EACXW,MAAMX,IAAI,CAACgB,SAAS;IAGtB,OAAOL;AACT"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-provider",
3
- "version": "9.21.2",
3
+ "version": "9.22.0",
4
4
  "description": "Fluent UI React provider component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -20,7 +20,7 @@
20
20
  "dependencies": {
21
21
  "@fluentui/react-icons": "^2.0.245",
22
22
  "@fluentui/react-shared-contexts": "^9.24.0",
23
- "@fluentui/react-tabster": "^9.25.2",
23
+ "@fluentui/react-tabster": "^9.26.0",
24
24
  "@fluentui/react-theme": "^9.1.24",
25
25
  "@fluentui/react-utilities": "^9.22.0",
26
26
  "@fluentui/react-jsx-runtime": "^9.1.2",