@fluentui/react-provider 0.0.0-nightlyf3ce1fbe1d20211110.1 → 0.0.0-nightlyf6116328d620220124.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/CHANGELOG.json +210 -20
  2. package/CHANGELOG.md +51 -13
  3. package/dist/react-provider.d.ts +2 -6
  4. package/lib/components/FluentProvider/FluentProvider.types.d.ts +3 -4
  5. package/lib/components/FluentProvider/renderFluentProvider.js +3 -3
  6. package/lib/components/FluentProvider/renderFluentProvider.js.map +1 -1
  7. package/lib/components/FluentProvider/useFluentProvider.d.ts +1 -2
  8. package/lib/components/FluentProvider/useFluentProvider.js +28 -3
  9. package/lib/components/FluentProvider/useFluentProvider.js.map +1 -1
  10. package/lib/components/FluentProvider/useFluentProviderStyles.js +1 -0
  11. package/lib/components/FluentProvider/useFluentProviderStyles.js.map +1 -1
  12. package/lib/components/FluentProvider/useThemeStyleTag.js +4 -9
  13. package/lib/components/FluentProvider/useThemeStyleTag.js.map +1 -1
  14. package/lib-commonjs/components/FluentProvider/FluentProvider.types.d.ts +3 -4
  15. package/lib-commonjs/components/FluentProvider/renderFluentProvider.js +3 -4
  16. package/lib-commonjs/components/FluentProvider/renderFluentProvider.js.map +1 -1
  17. package/lib-commonjs/components/FluentProvider/useFluentProvider.d.ts +1 -2
  18. package/lib-commonjs/components/FluentProvider/useFluentProvider.js +32 -7
  19. package/lib-commonjs/components/FluentProvider/useFluentProvider.js.map +1 -1
  20. package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.js +2 -0
  21. package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.js.map +1 -1
  22. package/lib-commonjs/components/FluentProvider/useThemeStyleTag.js +4 -10
  23. package/lib-commonjs/components/FluentProvider/useThemeStyleTag.js.map +1 -1
  24. package/package.json +14 -15
  25. package/lib/common/isConformant.d.ts +0 -4
  26. package/lib/common/isConformant.js +0 -12
  27. package/lib/common/isConformant.js.map +0 -1
  28. package/lib-commonjs/common/isConformant.d.ts +0 -4
  29. package/lib-commonjs/common/isConformant.js +0 -23
  30. package/lib-commonjs/common/isConformant.js.map +0 -1
package/CHANGELOG.json CHANGED
@@ -2,17 +2,201 @@
2
2
  "name": "@fluentui/react-provider",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 10 Nov 2021 04:16:49 GMT",
6
- "tag": "@fluentui/react-provider_v0.0.0-nightlyf3ce1fbe1d20211110.1",
7
- "version": "0.0.0-nightlyf3ce1fbe1d20211110.1",
5
+ "date": "Mon, 24 Jan 2022 04:14:09 GMT",
6
+ "tag": "@fluentui/react-provider_v0.0.0-nightlyf6116328d620220124.1",
7
+ "version": "0.0.0-nightlyf6116328d620220124.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
11
11
  "author": "email not defined",
12
12
  "package": "@fluentui/react-provider",
13
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a",
13
+ "commit": "7e40e770b133f0e9b5a0ba356e78ea25a8647941",
14
14
  "comment": "Release nightly v9"
15
15
  },
16
+ {
17
+ "author": "Humberto.Morimoto@microsoft.com",
18
+ "package": "@fluentui/react-provider",
19
+ "commit": "00a5d945904c896a0664de6ba72c145a255f0848",
20
+ "comment": "Updating use of tokens.fontWeight now that we don't need to use casting."
21
+ },
22
+ {
23
+ "author": "martinhochel@microsoft.com",
24
+ "package": "@fluentui/react-provider",
25
+ "commit": "ecfe4c4fdc306e9c484706f28457f440f55d3684",
26
+ "comment": "make the FluentProvider#theme TS API reflect runtime and add warning if there is a violation"
27
+ },
28
+ {
29
+ "author": "Humberto.Morimoto@microsoft.com",
30
+ "package": "@fluentui/react-provider",
31
+ "commit": "b22c4ef0eba0730286f2ed701e1b851d8a5c03b5",
32
+ "comment": "Replacing use of functions in makeStyles with direct use of tokens"
33
+ },
34
+ {
35
+ "author": "martinhochel@microsoft.com",
36
+ "package": "@fluentui/react-provider",
37
+ "commit": "1dba2fca2365f1a748505896679ae160a6fec270",
38
+ "comment": "replace mergeThemes functionality from react-theme"
39
+ },
40
+ {
41
+ "author": "bsunderhus@microsoft.com",
42
+ "package": "@fluentui/react-provider",
43
+ "commit": "c9a03954ffd5d1a85284fb36ef4cd103ed8aa927",
44
+ "comment": "Remove `themeToCSSVariables` function"
45
+ },
46
+ {
47
+ "author": "behowell@microsoft.com",
48
+ "package": "@fluentui/react-provider",
49
+ "commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
50
+ "comment": "Remove component's shorthandProps array"
51
+ },
52
+ {
53
+ "author": "beachball",
54
+ "package": "@fluentui/react-provider",
55
+ "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlyf6116328d620220124.1",
56
+ "commit": "7e40e770b133f0e9b5a0ba356e78ea25a8647941"
57
+ },
58
+ {
59
+ "author": "beachball",
60
+ "package": "@fluentui/react-provider",
61
+ "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlyf6116328d620220124.1",
62
+ "commit": "7e40e770b133f0e9b5a0ba356e78ea25a8647941"
63
+ },
64
+ {
65
+ "author": "beachball",
66
+ "package": "@fluentui/react-provider",
67
+ "comment": "Bump @fluentui/react-tabster to v0.0.0-nightlyf6116328d620220124.1",
68
+ "commit": "7e40e770b133f0e9b5a0ba356e78ea25a8647941"
69
+ },
70
+ {
71
+ "author": "beachball",
72
+ "package": "@fluentui/react-provider",
73
+ "comment": "Bump @fluentui/react-theme to v0.0.0-nightlyf6116328d620220124.1",
74
+ "commit": "7e40e770b133f0e9b5a0ba356e78ea25a8647941"
75
+ },
76
+ {
77
+ "author": "beachball",
78
+ "package": "@fluentui/react-provider",
79
+ "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyf6116328d620220124.1",
80
+ "commit": "7e40e770b133f0e9b5a0ba356e78ea25a8647941"
81
+ },
82
+ {
83
+ "author": "beachball",
84
+ "package": "@fluentui/react-provider",
85
+ "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlyf6116328d620220124.1",
86
+ "commit": "7e40e770b133f0e9b5a0ba356e78ea25a8647941"
87
+ },
88
+ {
89
+ "author": "beachball",
90
+ "package": "@fluentui/react-provider",
91
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyf6116328d620220124.1",
92
+ "commit": "7e40e770b133f0e9b5a0ba356e78ea25a8647941"
93
+ },
94
+ {
95
+ "author": "beachball",
96
+ "package": "@fluentui/react-provider",
97
+ "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyf6116328d620220124.1",
98
+ "commit": "7e40e770b133f0e9b5a0ba356e78ea25a8647941"
99
+ }
100
+ ],
101
+ "none": [
102
+ {
103
+ "author": "martinhochel@microsoft.com",
104
+ "package": "@fluentui/react-provider",
105
+ "commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
106
+ "comment": "chore: use storybook runner for all vNext packages"
107
+ },
108
+ {
109
+ "author": "olfedias@microsoft.com",
110
+ "package": "@fluentui/react-provider",
111
+ "commit": "d11a238f944b891c13b3bfa56a17ddace52f37d5",
112
+ "comment": "update stories to not use CSS shorthands in styles"
113
+ },
114
+ {
115
+ "author": "martinhochel@microsoft.com",
116
+ "package": "@fluentui/react-provider",
117
+ "commit": "28ceaaa83cd92a0389c466f0b15b283e3d9b08e4",
118
+ "comment": "chore: update all jest deps to v25 + apply single version policy"
119
+ },
120
+ {
121
+ "author": "olfedias@microsoft.com",
122
+ "package": "@fluentui/react-provider",
123
+ "commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
124
+ "comment": "remove inline-style-expand-shorthand from tsconfigs"
125
+ }
126
+ ]
127
+ }
128
+ },
129
+ {
130
+ "date": "Thu, 25 Nov 2021 08:34:16 GMT",
131
+ "tag": "@fluentui/react-provider_v9.0.0-beta.5",
132
+ "version": "9.0.0-beta.5",
133
+ "comments": {
134
+ "none": [
135
+ {
136
+ "author": "olfedias@microsoft.com",
137
+ "package": "@fluentui/react-provider",
138
+ "commit": "14b1e35b8da2f04538c2183a9be6c6b76dad3cca",
139
+ "comment": "update tooling configs"
140
+ }
141
+ ],
142
+ "prerelease": [
143
+ {
144
+ "author": "beachball",
145
+ "package": "@fluentui/react-provider",
146
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
147
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
148
+ },
149
+ {
150
+ "author": "beachball",
151
+ "package": "@fluentui/react-provider",
152
+ "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-beta.4",
153
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
154
+ },
155
+ {
156
+ "author": "beachball",
157
+ "package": "@fluentui/react-provider",
158
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-beta.5",
159
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
160
+ },
161
+ {
162
+ "author": "beachball",
163
+ "package": "@fluentui/react-provider",
164
+ "comment": "Bump @fluentui/react-theme to v9.0.0-beta.4",
165
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
166
+ },
167
+ {
168
+ "author": "beachball",
169
+ "package": "@fluentui/react-provider",
170
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
171
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
172
+ },
173
+ {
174
+ "author": "beachball",
175
+ "package": "@fluentui/react-provider",
176
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.4",
177
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
178
+ },
179
+ {
180
+ "author": "beachball",
181
+ "package": "@fluentui/react-provider",
182
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4",
183
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
184
+ },
185
+ {
186
+ "author": "beachball",
187
+ "package": "@fluentui/react-provider",
188
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4",
189
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
190
+ }
191
+ ]
192
+ }
193
+ },
194
+ {
195
+ "date": "Fri, 12 Nov 2021 13:25:31 GMT",
196
+ "tag": "@fluentui/react-provider_v9.0.0-beta.4",
197
+ "version": "9.0.0-beta.4",
198
+ "comments": {
199
+ "prerelease": [
16
200
  {
17
201
  "author": "olfedias@microsoft.com",
18
202
  "package": "@fluentui/react-provider",
@@ -28,50 +212,50 @@
28
212
  {
29
213
  "author": "beachball",
30
214
  "package": "@fluentui/react-provider",
31
- "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1",
32
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
215
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
216
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
33
217
  },
34
218
  {
35
219
  "author": "beachball",
36
220
  "package": "@fluentui/react-provider",
37
- "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlyf3ce1fbe1d20211110.1",
38
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
221
+ "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-beta.3",
222
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
39
223
  },
40
224
  {
41
225
  "author": "beachball",
42
226
  "package": "@fluentui/react-provider",
43
- "comment": "Bump @fluentui/react-tabster to v0.0.0-nightlyf3ce1fbe1d20211110.1",
44
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
227
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-beta.4",
228
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
45
229
  },
46
230
  {
47
231
  "author": "beachball",
48
232
  "package": "@fluentui/react-provider",
49
- "comment": "Bump @fluentui/react-theme to v0.0.0-nightlyf3ce1fbe1d20211110.1",
50
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
233
+ "comment": "Bump @fluentui/react-theme to v9.0.0-beta.3",
234
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
51
235
  },
52
236
  {
53
237
  "author": "beachball",
54
238
  "package": "@fluentui/react-provider",
55
- "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyf3ce1fbe1d20211110.1",
56
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
239
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
240
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
57
241
  },
58
242
  {
59
243
  "author": "beachball",
60
244
  "package": "@fluentui/react-provider",
61
- "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1",
62
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
245
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
246
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
63
247
  },
64
248
  {
65
249
  "author": "beachball",
66
250
  "package": "@fluentui/react-provider",
67
- "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1",
68
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
251
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
252
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
69
253
  },
70
254
  {
71
255
  "author": "beachball",
72
256
  "package": "@fluentui/react-provider",
73
- "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1",
74
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a"
257
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
258
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
75
259
  }
76
260
  ],
77
261
  "none": [
@@ -86,6 +270,12 @@
86
270
  "package": "@fluentui/react-provider",
87
271
  "commit": "f32855d6039f4049b69b005fe6dde0686eed503c",
88
272
  "comment": "Refactored stories"
273
+ },
274
+ {
275
+ "author": "lingfangao@hotmail.com",
276
+ "package": "@fluentui/react-provider",
277
+ "commit": "00f70581480b536e723fb69edf0ae617beac4807",
278
+ "comment": "Remove beta release tag"
89
279
  }
90
280
  ]
91
281
  }
package/CHANGELOG.md CHANGED
@@ -1,27 +1,65 @@
1
1
  # Change Log - @fluentui/react-provider
2
2
 
3
- This log was last generated on Wed, 10 Nov 2021 04:16:49 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 24 Jan 2022 04:14:09 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightlyf3ce1fbe1d20211110.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v0.0.0-nightlyf3ce1fbe1d20211110.1)
7
+ ## [0.0.0-nightlyf6116328d620220124.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v0.0.0-nightlyf6116328d620220124.1)
8
8
 
9
- Wed, 10 Nov 2021 04:16:49 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.0.0-beta.3..@fluentui/react-provider_v0.0.0-nightlyf3ce1fbe1d20211110.1)
9
+ Mon, 24 Jan 2022 04:14:09 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.0.0-beta.5..@fluentui/react-provider_v0.0.0-nightlyf6116328d620220124.1)
11
+
12
+ ### Changes
13
+
14
+ - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by email not defined)
15
+ - Updating use of tokens.fontWeight now that we don't need to use casting. ([PR #21217](https://github.com/microsoft/fluentui/pull/21217) by Humberto.Morimoto@microsoft.com)
16
+ - make the FluentProvider#theme TS API reflect runtime and add warning if there is a violation ([PR #21286](https://github.com/microsoft/fluentui/pull/21286) by martinhochel@microsoft.com)
17
+ - Replacing use of functions in makeStyles with direct use of tokens ([PR #21052](https://github.com/microsoft/fluentui/pull/21052) by Humberto.Morimoto@microsoft.com)
18
+ - replace mergeThemes functionality from react-theme ([PR #21278](https://github.com/microsoft/fluentui/pull/21278) by martinhochel@microsoft.com)
19
+ - Remove `themeToCSSVariables` function ([PR #20828](https://github.com/microsoft/fluentui/pull/20828) by bsunderhus@microsoft.com)
20
+ - Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
21
+ - Bump @fluentui/react-make-styles to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
22
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
23
+ - Bump @fluentui/react-tabster to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
24
+ - Bump @fluentui/react-theme to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
25
+ - Bump @fluentui/react-utilities to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
26
+ - Bump @fluentui/babel-make-styles to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
27
+ - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
28
+ - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyf6116328d620220124.1 ([commit](https://github.com/microsoft/fluentui/commit/7e40e770b133f0e9b5a0ba356e78ea25a8647941) by beachball)
29
+
30
+ ## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.0.0-beta.5)
31
+
32
+ Thu, 25 Nov 2021 08:34:16 GMT
33
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.0.0-beta.4..@fluentui/react-provider_v9.0.0-beta.5)
34
+
35
+ ### Changes
36
+
37
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
38
+ - Bump @fluentui/react-shared-contexts to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
39
+ - Bump @fluentui/react-tabster to v9.0.0-beta.5 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
40
+ - Bump @fluentui/react-theme to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
41
+ - Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
42
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
43
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
44
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
45
+
46
+ ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.0.0-beta.4)
47
+
48
+ Fri, 12 Nov 2021 13:25:31 GMT
49
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.0.0-beta.3..@fluentui/react-provider_v9.0.0-beta.4)
11
50
 
12
51
  ### Changes
13
52
 
14
- - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by email not defined)
15
53
  - export static classes for components ([PR #20451](https://github.com/microsoft/fluentui/pull/20451) by olfedias@microsoft.com)
16
54
  - Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
17
- - Bump @fluentui/react-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
18
- - Bump @fluentui/react-shared-contexts to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
19
- - Bump @fluentui/react-tabster to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
20
- - Bump @fluentui/react-theme to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
21
- - Bump @fluentui/react-utilities to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
22
- - Bump @fluentui/babel-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
23
- - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
24
- - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyf3ce1fbe1d20211110.1 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by beachball)
55
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
56
+ - Bump @fluentui/react-shared-contexts to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
57
+ - Bump @fluentui/react-tabster to v9.0.0-beta.4 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
58
+ - Bump @fluentui/react-theme to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
59
+ - Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
60
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
61
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
62
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
25
63
 
26
64
  ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.0.0-beta.3)
27
65
 
package/dist/react-provider.d.ts CHANGED
@@ -6,7 +6,6 @@ import type { ProviderContextValue } from '@fluentui/react-shared-contexts';
6
6
  import * as React_2 from 'react';
7
7
  import type { Theme } from '@fluentui/react-theme';
8
8
  import type { ThemeClassNameContextValue } from '@fluentui/react-shared-contexts';
9
- import type { ThemeContextValue } from '@fluentui/react-shared-contexts';
10
9
  import type { TooltipContextType } from '@fluentui/react-shared-contexts';
11
10
  import { useFluent } from '@fluentui/react-shared-contexts';
12
11
  import { useTheme } from '@fluentui/react-shared-contexts';
@@ -22,9 +21,8 @@ export declare interface FluentProviderCommons {
22
21
  targetDocument: Document | undefined;
23
22
  }
24
23
 
25
- export declare interface FluentProviderContextValues {
24
+ export declare interface FluentProviderContextValues extends Pick<FluentProviderState, 'theme'> {
26
25
  provider: ProviderContextValue;
27
- theme: ThemeContextValue;
28
26
  themeClassName: ThemeClassNameContextValue;
29
27
  tooltip: TooltipContextType;
30
28
  }
@@ -33,14 +31,12 @@ export declare interface FluentProviderProps extends Omit<ComponentProps<FluentP
33
31
  theme?: PartialTheme;
34
32
  }
35
33
 
36
- export declare const fluentProviderShorthandProps: (keyof FluentProviderSlots)[];
37
-
38
34
  export declare type FluentProviderSlots = {
39
35
  root: IntrinsicShorthandProps<'div'>;
40
36
  };
41
37
 
42
38
  export declare interface FluentProviderState extends ComponentState<FluentProviderSlots>, FluentProviderCommons {
43
- theme: Theme;
39
+ theme: Theme | Partial<Theme> | undefined;
44
40
  themeClassName: string;
45
41
  }
46
42
 
package/lib/components/FluentProvider/FluentProvider.types.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
2
2
  import type { PartialTheme, Theme } from '@fluentui/react-theme';
3
- import type { ProviderContextValue, TooltipContextType, ThemeContextValue, ThemeClassNameContextValue } from '@fluentui/react-shared-contexts';
3
+ import type { ProviderContextValue, TooltipContextType, ThemeClassNameContextValue } from '@fluentui/react-shared-contexts';
4
4
  export declare type FluentProviderSlots = {
5
5
  root: IntrinsicShorthandProps<'div'>;
6
6
  };
@@ -14,12 +14,11 @@ export interface FluentProviderProps extends Omit<ComponentProps<FluentProviderS
14
14
  theme?: PartialTheme;
15
15
  }
16
16
  export interface FluentProviderState extends ComponentState<FluentProviderSlots>, FluentProviderCommons {
17
- theme: Theme;
17
+ theme: Theme | Partial<Theme> | undefined;
18
18
  themeClassName: string;
19
19
  }
20
- export interface FluentProviderContextValues {
20
+ export interface FluentProviderContextValues extends Pick<FluentProviderState, 'theme'> {
21
21
  provider: ProviderContextValue;
22
- theme: ThemeContextValue;
23
22
  themeClassName: ThemeClassNameContextValue;
24
23
  tooltip: TooltipContextType;
25
24
  }
package/lib/components/FluentProvider/renderFluentProvider.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { ProviderContext, TooltipContext, ThemeContext, ThemeClassNameContext } from '@fluentui/react-shared-contexts';
3
3
  import { getSlots } from '@fluentui/react-utilities';
4
- import { fluentProviderShorthandProps } from './useFluentProvider';
5
4
  /**
6
5
  * Render the final JSX of FluentProvider
7
6
  */
@@ -10,7 +9,7 @@ export const renderFluentProvider = (state, contextValues) => {
10
9
  const {
11
10
  slots,
12
11
  slotProps
13
- } = getSlots(state, fluentProviderShorthandProps);
12
+ } = getSlots(state);
14
13
  return /*#__PURE__*/React.createElement(ProviderContext.Provider, {
15
14
  value: contextValues.provider
16
15
  }, /*#__PURE__*/React.createElement(ThemeContext.Provider, {
@@ -19,6 +18,7 @@ export const renderFluentProvider = (state, contextValues) => {
19
18
  value: contextValues.themeClassName
20
19
  }, /*#__PURE__*/React.createElement(TooltipContext.Provider, {
21
20
  value: contextValues.tooltip
22
- }, /*#__PURE__*/React.createElement(slots.root, Object.assign({}, slotProps.root), state.root.children)))));
21
+ }, /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
22
+ }, state.root.children)))));
23
23
  };
24
24
  //# sourceMappingURL=renderFluentProvider.js.map
package/lib/components/FluentProvider/renderFluentProvider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/FluentProvider/renderFluentProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,eAAT,EAA0B,cAA1B,EAA0C,YAA1C,EAAwD,qBAAxD,QAAqF,iCAArF;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAEA,SAAS,4BAAT,QAA6C,qBAA7C;AAEA;;AAEG;;AACH,OAAO,MAAM,oBAAoB,GAAG,CAAC,KAAD,EAA6B,aAA7B,KAA2E;AAC7G,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAsB,KAAtB,EAA6B,4BAA7B,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,eAAe,CAAC,QAAjB,EAAyB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAzB,eACE,KAAA,CAAA,aAAA,CAAC,YAAY,CAAC,QAAd,EAAsB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAtB,eACE,KAAA,CAAA,aAAA,CAAC,qBAAqB,CAAC,QAAvB,EAA+B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA/B,eACE,KAAA,CAAA,aAAA,CAAC,cAAc,CAAC,QAAhB,EAAwB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAxB,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EAAiC,KAAK,CAAC,IAAN,CAAW,QAA5C,CADF,CADF,CADF,CADF,CADF;AAWD,CAdM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/FluentProvider/renderFluentProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,eAAT,EAA0B,cAA1B,EAA0C,YAA1C,EAAwD,qBAAxD,QAAqF,iCAArF;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,oBAAoB,GAAG,CAAC,KAAD,EAA6B,aAA7B,KAA2E;AAC7G,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAsB,KAAtB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,eAAe,CAAC,QAAjB,EAAyB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAzB,eACE,KAAA,CAAA,aAAA,CAAC,YAAY,CAAC,QAAd,EAAsB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAtB,eACE,KAAA,CAAA,aAAA,CAAC,qBAAqB,CAAC,QAAvB,EAA+B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA/B,eACE,KAAA,CAAA,aAAA,CAAC,cAAc,CAAC,QAAhB,EAAwB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAxB,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EAAiC,KAAK,CAAC,IAAN,CAAW,QAA5C,CADF,CADF,CADF,CADF,CADF;AAWD,CAdM","sourceRoot":""}
package/lib/components/FluentProvider/useFluentProvider.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import * as React from 'react';
2
- import type { FluentProviderProps, FluentProviderSlots, FluentProviderState } from './FluentProvider.types';
3
- export declare const fluentProviderShorthandProps: (keyof FluentProviderSlots)[];
2
+ import type { FluentProviderProps, FluentProviderState } from './FluentProvider.types';
4
3
  /**
5
4
  * Create the state required to render FluentProvider.
6
5
  *
package/lib/components/FluentProvider/useFluentProvider.js CHANGED
@@ -1,9 +1,8 @@
1
1
  import { useKeyboardNavAttribute } from '@fluentui/react-tabster';
2
- import { mergeThemes } from '@fluentui/react-theme';
3
2
  import { useFluent, useTheme } from '@fluentui/react-shared-contexts';
4
3
  import { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';
4
+ import * as React from 'react';
5
5
  import { useThemeStyleTag } from './useThemeStyleTag';
6
- export const fluentProviderShorthandProps = ['root'];
7
6
  /**
8
7
  * Create the state required to render FluentProvider.
9
8
  *
@@ -26,9 +25,20 @@ export const useFluentProvider = (props, ref) => {
26
25
  const {
27
26
  dir = parentContext.dir,
28
27
  targetDocument = parentContext.targetDocument,
29
- theme = {}
28
+ theme
30
29
  } = props;
31
30
  const mergedTheme = mergeThemes(parentTheme, theme);
31
+ React.useEffect(() => {
32
+ if (process.env.NODE_ENV !== 'production' && mergedTheme === undefined) {
33
+ // eslint-disable-next-line no-console
34
+ console.warn(`
35
+ FluentProvider: your "theme" is not defined !
36
+ =============================================
37
+ Make sure your root FluentProvider has set a theme or you're setting the theme in your child FluentProvider.
38
+ `);
39
+ } // eslint-disable-next-line react-hooks/exhaustive-deps
40
+
41
+ }, []);
32
42
  return {
33
43
  dir,
34
44
  targetDocument,
@@ -46,4 +56,19 @@ export const useFluentProvider = (props, ref) => {
46
56
  })
47
57
  };
48
58
  };
59
+
60
+ function mergeThemes(a, b) {
61
+ // Merge impacts perf: we should like to avoid it if it's possible
62
+ if (a && b) {
63
+ return { ...a,
64
+ ...b
65
+ };
66
+ }
67
+
68
+ if (a) {
69
+ return a;
70
+ }
71
+
72
+ return b;
73
+ }
49
74
  //# sourceMappingURL=useFluentProvider.js.map
package/lib/components/FluentProvider/useFluentProvider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/FluentProvider/useFluentProvider.ts"],"names":[],"mappings":"AAAA,SAAS,uBAAT,QAAwC,yBAAxC;AACA,SAAS,WAAT,QAA4B,uBAA5B;AACA,SAAS,SAAT,EAAoB,QAApB,QAAoC,iCAApC;AACA,SAAS,qBAAT,EAAgC,aAAhC,QAAqD,2BAArD;AAEA,SAAS,gBAAT,QAAiC,oBAAjC;AAGA,OAAO,MAAM,4BAA4B,GAAkC,CAAC,MAAD,CAApE;AAEP;;;;;;;;AAQG;;AACH,OAAO,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAA6B,GAA7B,KAAiF;AAChH,QAAM,aAAa,GAAG,SAAS,EAA/B;AACA,QAAM,WAAW,GAAG,QAAQ,EAA5B;AAEA;;;;AAIG;;AACH,QAAM;AAAE,IAAA,GAAG,GAAG,aAAa,CAAC,GAAtB;AAA2B,IAAA,cAAc,GAAG,aAAa,CAAC,cAA1D;AAA0E,IAAA,KAAK,GAAG;AAAlF,MAAyF,KAA/F;AACA,QAAM,WAAW,GAAG,WAAW,CAAC,WAAD,EAAc,KAAd,CAA/B;AAEA,SAAO;AACL,IAAA,GADK;AAEL,IAAA,cAFK;AAGL,IAAA,KAAK,EAAE,WAHF;AAIL,IAAA,cAAc,EAAE,gBAAgB,CAAC;AAAE,MAAA,KAAK,EAAE,WAAT;AAAsB,MAAA;AAAtB,KAAD,CAJ3B;AAML,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANP;AAUL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ,EACjC,GAAG,KAD8B;AAEjC,MAAA,GAFiC;AAGjC,MAAA,GAAG,EAAE,aAAa,CAAC,GAAD,EAAM,uBAAuB,EAA7B;AAHe,KAAR;AAVtB,GAAP;AAgBD,CA5BM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/FluentProvider/useFluentProvider.ts"],"names":[],"mappings":"AAAA,SAAS,uBAAT,QAAwC,yBAAxC;AAEA,SAAS,SAAT,EAAoB,QAApB,QAAoC,iCAApC;AACA,SAAS,qBAAT,EAAgC,aAAhC,QAAqD,2BAArD;AACA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AAGA;;;;;;;;AAQG;;AACH,OAAO,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAA6B,GAA7B,KAAiF;AAChH,QAAM,aAAa,GAAG,SAAS,EAA/B;AACA,QAAM,WAAW,GAAG,QAAQ,EAA5B;AAEA;;;;AAIG;;AACH,QAAM;AAAE,IAAA,GAAG,GAAG,aAAa,CAAC,GAAtB;AAA2B,IAAA,cAAc,GAAG,aAAa,CAAC,cAA1D;AAA0E,IAAA;AAA1E,MAAoF,KAA1F;AACA,QAAM,WAAW,GAAG,WAAW,CAAC,WAAD,EAAc,KAAd,CAA/B;AAEA,EAAA,KAAK,CAAC,SAAN,CAAgB,MAAK;AACnB,QAAI,OAAO,CAAC,GAAR,CAAY,QAAZ,KAAyB,YAAzB,IAAyC,WAAW,KAAK,SAA7D,EAAwE;AACtE;AACA,MAAA,OAAO,CAAC,IAAR,CAAa;;;;AAIZ,OAJD;AAKD,KARkB,CASnB;;AACD,GAVD,EAUG,EAVH;AAYA,SAAO;AACL,IAAA,GADK;AAEL,IAAA,cAFK;AAGL,IAAA,KAAK,EAAE,WAHF;AAIL,IAAA,cAAc,EAAE,gBAAgB,CAAC;AAAE,MAAA,KAAK,EAAE,WAAT;AAAsB,MAAA;AAAtB,KAAD,CAJ3B;AAML,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANP;AAUL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ,EACjC,GAAG,KAD8B;AAEjC,MAAA,GAFiC;AAGjC,MAAA,GAAG,EAAE,aAAa,CAAC,GAAD,EAAM,uBAAuB,EAA7B;AAHe,KAAR;AAVtB,GAAP;AAgBD,CAxCM;;AA0CP,SAAS,WAAT,CAAqB,CAArB,EAA4D,CAA5D,EAAuE;AACrE;AACA,MAAI,CAAC,IAAI,CAAT,EAAY;AACV,WAAO,EAAE,GAAG,CAAL;AAAQ,SAAG;AAAX,KAAP;AACD;;AAED,MAAI,CAAJ,EAAO;AACL,WAAO,CAAP;AACD;;AAED,SAAO,CAAP;AACD","sourceRoot":""}
package/lib/components/FluentProvider/useFluentProviderStyles.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { __styles, mergeClasses } from '@fluentui/react-make-styles';
2
+ import { tokens } from '@fluentui/react-theme';
2
3
  export const fluentProviderClassName = 'fui-FluentProvider';
3
4
 
4
5
  const useStyles = /*#__PURE__*/__styles({
package/lib/components/FluentProvider/useFluentProviderStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/FluentProvider/useFluentProviderStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA,OAAO,MAAM,uBAAuB,GAAG,oBAAhC;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAUA;;;AACA,OAAO,MAAM,uBAAuB,GAAI,KAAD,IAA+B;AACpE,QAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,uBAAD,EAA0B,KAAK,CAAC,cAAhC,EAAgD,MAAM,CAAC,IAAvD,EAA6D,KAAK,CAAC,IAAN,CAAW,SAAxE,CAAnC;AAEA,SAAO,KAAP;AACD,CANM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/FluentProvider/useFluentProviderStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAGA,OAAO,MAAM,uBAAuB,GAAG,oBAAhC;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAUA;;;AACA,OAAO,MAAM,uBAAuB,GAAI,KAAD,IAA+B;AACpE,QAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,uBAAD,EAA0B,KAAK,CAAC,cAAhC,EAAgD,MAAM,CAAC,IAAvD,EAA6D,KAAK,CAAC,IAAN,CAAW,SAAxE,CAAnC;AAEA,SAAO,KAAP;AACD,CANM","sourceRoot":""}
package/lib/components/FluentProvider/useThemeStyleTag.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import { useId, usePrevious } from '@fluentui/react-utilities';
2
- import { themeToCSSVariables } from '@fluentui/react-theme';
3
2
  import * as React from 'react';
4
3
  import { fluentProviderClassName } from './useFluentProviderStyles';
5
4
  /**
@@ -25,11 +24,10 @@ export const useThemeStyleTag = options => {
25
24
  return tag;
26
25
  }, [styleTagId, targetDocument]);
27
26
  const cssRule = React.useMemo(() => {
28
- const cssVars = themeToCSSVariables(theme);
29
- const cssVarsAsString = Object.keys(cssVars).reduce((cssVarRule, cssVar) => {
30
- cssVarRule += `${cssVar}: ${cssVars[cssVar]}; `;
27
+ const cssVarsAsString = theme ? Object.keys(theme).reduce((cssVarRule, cssVar) => {
28
+ cssVarRule += `--${cssVar}: ${theme[cssVar]}; `;
31
29
  return cssVarRule;
32
- }, ''); // result: .fluent-provider1 { --css-var: '#fff' }
30
+ }, '') : ''; // result: .fluent-provider1 { --css-var: '#fff' }
33
31
 
34
32
  return `.${styleTagId} { ${cssVarsAsString} }`;
35
33
  }, [theme, styleTagId]);
@@ -48,11 +46,8 @@ export const useThemeStyleTag = options => {
48
46
 
49
47
  React.useEffect(() => {
50
48
  return () => {
51
- var _a;
52
-
53
49
  if (styleTag) {
54
- // IE11 safe node removal, otherwise use node.remove()
55
- (_a = styleTag.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(styleTag);
50
+ styleTag.remove();
56
51
  }
57
52
  };
58
53
  }, [styleTag]);
package/lib/components/FluentProvider/useThemeStyleTag.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/FluentProvider/useThemeStyleTag.ts"],"names":[],"mappings":"AAAA,SAAS,KAAT,EAAgB,WAAhB,QAAmC,2BAAnC;AACA,SAAS,mBAAT,QAAoC,uBAApC;AACA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,SAAS,uBAAT,QAAwC,2BAAxC;AAEA;;;;AAIG;;AACH,OAAO,MAAM,gBAAgB,GAAI,OAAD,IAAmE;AACjG,QAAM;AAAE,IAAA,cAAF;AAAkB,IAAA;AAAlB,MAA4B,OAAlC;AAEA,QAAM,UAAU,GAAG,KAAK,CAAC,uBAAD,CAAxB;AACA,QAAM,QAAQ,GAAG,KAAK,CAAC,OAAN,CAAc,MAAK;AAClC,QAAI,CAAC,cAAL,EAAqB;AACnB,aAAO,IAAP;AACD;;AAED,UAAM,GAAG,GAAG,cAAc,CAAC,aAAf,CAA6B,OAA7B,CAAZ;AACA,IAAA,GAAG,CAAC,YAAJ,CAAiB,IAAjB,EAAuB,UAAvB;AACA,IAAA,cAAc,CAAC,IAAf,CAAoB,WAApB,CAAgC,GAAhC;AACA,WAAO,GAAP;AACD,GATgB,EASd,CAAC,UAAD,EAAa,cAAb,CATc,CAAjB;AAWA,QAAM,OAAO,GAAG,KAAK,CAAC,OAAN,CAAc,MAAK;AACjC,UAAM,OAAO,GAAG,mBAAmB,CAAC,KAAD,CAAnC;AACA,UAAM,eAAe,GAAG,MAAM,CAAC,IAAP,CAAY,OAAZ,EAAqB,MAArB,CAA4B,CAAC,UAAD,EAAa,MAAb,KAAuB;AACzE,MAAA,UAAU,IAAI,GAAG,MAAM,KAAK,OAAO,CAAC,MAAD,CAAQ,IAA3C;AACA,aAAO,UAAP;AACD,KAHuB,EAGrB,EAHqB,CAAxB,CAFiC,CAOjC;;AACA,WAAO,IAAI,UAAU,MAAM,eAAe,IAA1C;AACD,GATe,EASb,CAAC,KAAD,EAAQ,UAAR,CATa,CAAhB;AAUA,QAAM,eAAe,GAAG,WAAW,CAAC,OAAD,CAAnC;;AAEA,MAAI,QAAQ,IAAI,eAAe,KAAK,OAApC,EAA6C;AAC3C,UAAM,KAAK,GAAG,QAAQ,CAAC,KAAvB;;AAEA,QAAI,KAAK,CAAC,QAAN,CAAe,MAAf,GAAwB,CAA5B,EAA+B;AAC7B,MAAA,KAAK,CAAC,UAAN,CAAiB,CAAjB;AACD;;AAED,IAAA,KAAK,CAAC,UAAN,CAAiB,OAAjB,EAA0B,CAA1B;AACD,GAnCgG,CAqCjG;;;AACA,EAAA,KAAK,CAAC,SAAN,CAAgB,MAAK;AACnB,WAAO,MAAK;;;AACV,UAAI,QAAJ,EAAc;AACZ;AACA,SAAA,EAAA,GAAA,QAAQ,CAAC,aAAT,MAAsB,IAAtB,IAAsB,EAAA,KAAA,KAAA,CAAtB,GAAsB,KAAA,CAAtB,GAAsB,EAAA,CAAE,WAAF,CAAc,QAAd,CAAtB;AACD;AACF,KALD;AAMD,GAPD,EAOG,CAAC,QAAD,CAPH;AASA,SAAO,UAAP;AACD,CAhDM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/FluentProvider/useThemeStyleTag.ts"],"names":[],"mappings":"AAAA,SAAS,KAAT,EAAgB,WAAhB,QAAmC,2BAAnC;AACA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,SAAS,uBAAT,QAAwC,2BAAxC;AAEA;;;;AAIG;;AACH,OAAO,MAAM,gBAAgB,GAAI,OAAD,IAAmE;AACjG,QAAM;AAAE,IAAA,cAAF;AAAkB,IAAA;AAAlB,MAA4B,OAAlC;AAEA,QAAM,UAAU,GAAG,KAAK,CAAC,uBAAD,CAAxB;AACA,QAAM,QAAQ,GAAG,KAAK,CAAC,OAAN,CAAc,MAAK;AAClC,QAAI,CAAC,cAAL,EAAqB;AACnB,aAAO,IAAP;AACD;;AAED,UAAM,GAAG,GAAG,cAAc,CAAC,aAAf,CAA6B,OAA7B,CAAZ;AACA,IAAA,GAAG,CAAC,YAAJ,CAAiB,IAAjB,EAAuB,UAAvB;AACA,IAAA,cAAc,CAAC,IAAf,CAAoB,WAApB,CAAgC,GAAhC;AACA,WAAO,GAAP;AACD,GATgB,EASd,CAAC,UAAD,EAAa,cAAb,CATc,CAAjB;AAWA,QAAM,OAAO,GAAG,KAAK,CAAC,OAAN,CAAc,MAAK;AACjC,UAAM,eAAe,GAAG,KAAK,GACxB,MAAM,CAAC,IAAP,CAAY,KAAZ,EAA8C,MAA9C,CAAqD,CAAC,UAAD,EAAa,MAAb,KAAuB;AAC3E,MAAA,UAAU,IAAI,KAAK,MAAM,KAAK,KAAK,CAAC,MAAD,CAAQ,IAA3C;AACA,aAAO,UAAP;AACD,KAHA,EAGE,EAHF,CADwB,GAKzB,EALJ,CADiC,CAQjC;;AACA,WAAO,IAAI,UAAU,MAAM,eAAe,IAA1C;AACD,GAVe,EAUb,CAAC,KAAD,EAAQ,UAAR,CAVa,CAAhB;AAWA,QAAM,eAAe,GAAG,WAAW,CAAC,OAAD,CAAnC;;AAEA,MAAI,QAAQ,IAAI,eAAe,KAAK,OAApC,EAA6C;AAC3C,UAAM,KAAK,GAAG,QAAQ,CAAC,KAAvB;;AAEA,QAAI,KAAK,CAAC,QAAN,CAAe,MAAf,GAAwB,CAA5B,EAA+B;AAC7B,MAAA,KAAK,CAAC,UAAN,CAAiB,CAAjB;AACD;;AAED,IAAA,KAAK,CAAC,UAAN,CAAiB,OAAjB,EAA0B,CAA1B;AACD,GApCgG,CAsCjG;;;AACA,EAAA,KAAK,CAAC,SAAN,CAAgB,MAAK;AACnB,WAAO,MAAK;AACV,UAAI,QAAJ,EAAc;AACZ,QAAA,QAAQ,CAAC,MAAT;AACD;AACF,KAJD;AAKD,GAND,EAMG,CAAC,QAAD,CANH;AAQA,SAAO,UAAP;AACD,CAhDM","sourceRoot":""}
package/lib-commonjs/components/FluentProvider/FluentProvider.types.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
2
2
  import type { PartialTheme, Theme } from '@fluentui/react-theme';
3
- import type { ProviderContextValue, TooltipContextType, ThemeContextValue, ThemeClassNameContextValue } from '@fluentui/react-shared-contexts';
3
+ import type { ProviderContextValue, TooltipContextType, ThemeClassNameContextValue } from '@fluentui/react-shared-contexts';
4
4
  export declare type FluentProviderSlots = {
5
5
  root: IntrinsicShorthandProps<'div'>;
6
6
  };
@@ -14,12 +14,11 @@ export interface FluentProviderProps extends Omit<ComponentProps<FluentProviderS
14
14
  theme?: PartialTheme;
15
15
  }
16
16
  export interface FluentProviderState extends ComponentState<FluentProviderSlots>, FluentProviderCommons {
17
- theme: Theme;
17
+ theme: Theme | Partial<Theme> | undefined;
18
18
  themeClassName: string;
19
19
  }
20
- export interface FluentProviderContextValues {
20
+ export interface FluentProviderContextValues extends Pick<FluentProviderState, 'theme'> {
21
21
  provider: ProviderContextValue;
22
- theme: ThemeContextValue;
23
22
  themeClassName: ThemeClassNameContextValue;
24
23
  tooltip: TooltipContextType;
25
24
  }
package/lib-commonjs/components/FluentProvider/renderFluentProvider.js CHANGED
@@ -10,8 +10,6 @@ const React = /*#__PURE__*/require("react");
10
10
  const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
11
11
 
12
12
  const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
13
-
14
- const useFluentProvider_1 = /*#__PURE__*/require("./useFluentProvider");
15
13
  /**
16
14
  * Render the final JSX of FluentProvider
17
15
  */
@@ -21,7 +19,7 @@ const renderFluentProvider = (state, contextValues) => {
21
19
  const {
22
20
  slots,
23
21
  slotProps
24
- } = react_utilities_1.getSlots(state, useFluentProvider_1.fluentProviderShorthandProps);
22
+ } = react_utilities_1.getSlots(state);
25
23
  return React.createElement(react_shared_contexts_1.ProviderContext.Provider, {
26
24
  value: contextValues.provider
27
25
  }, React.createElement(react_shared_contexts_1.ThemeContext.Provider, {
@@ -30,7 +28,8 @@ const renderFluentProvider = (state, contextValues) => {
30
28
  value: contextValues.themeClassName
31
29
  }, React.createElement(react_shared_contexts_1.TooltipContext.Provider, {
32
30
  value: contextValues.tooltip
33
- }, React.createElement(slots.root, Object.assign({}, slotProps.root), state.root.children)))));
31
+ }, React.createElement(slots.root, { ...slotProps.root
32
+ }, state.root.children)))));
34
33
  };
35
34
 
36
35
  exports.renderFluentProvider = renderFluentProvider;
package/lib-commonjs/components/FluentProvider/renderFluentProvider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/FluentProvider/renderFluentProvider.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;AAEA;;AAEG;;;AACI,MAAM,oBAAoB,GAAG,CAAC,KAAD,EAA6B,aAA7B,KAA2E;AAC7G,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA8B,KAA9B,EAAqC,mBAAA,CAAA,4BAArC,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,uBAAA,CAAA,eAAA,CAAgB,QAAjB,EAAyB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAzB,EACE,KAAA,CAAA,aAAA,CAAC,uBAAA,CAAA,YAAA,CAAa,QAAd,EAAsB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAtB,EACE,KAAA,CAAA,aAAA,CAAC,uBAAA,CAAA,qBAAA,CAAsB,QAAvB,EAA+B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA/B,EACE,KAAA,CAAA,aAAA,CAAC,uBAAA,CAAA,cAAA,CAAe,QAAhB,EAAwB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAxB,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EAAiC,KAAK,CAAC,IAAN,CAAW,QAA5C,CADF,CADF,CADF,CADF,CADF;AAWD,CAdM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/FluentProvider/renderFluentProvider.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,oBAAoB,GAAG,CAAC,KAAD,EAA6B,aAA7B,KAA2E;AAC7G,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA8B,KAA9B,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,uBAAA,CAAA,eAAA,CAAgB,QAAjB,EAAyB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAzB,EACE,KAAA,CAAA,aAAA,CAAC,uBAAA,CAAA,YAAA,CAAa,QAAd,EAAsB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAtB,EACE,KAAA,CAAA,aAAA,CAAC,uBAAA,CAAA,qBAAA,CAAsB,QAAvB,EAA+B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA/B,EACE,KAAA,CAAA,aAAA,CAAC,uBAAA,CAAA,cAAA,CAAe,QAAhB,EAAwB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAxB,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EAAiC,KAAK,CAAC,IAAN,CAAW,QAA5C,CADF,CADF,CADF,CADF,CADF;AAWD,CAdM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
package/lib-commonjs/components/FluentProvider/useFluentProvider.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import * as React from 'react';
2
- import type { FluentProviderProps, FluentProviderSlots, FluentProviderState } from './FluentProvider.types';
3
- export declare const fluentProviderShorthandProps: (keyof FluentProviderSlots)[];
2
+ import type { FluentProviderProps, FluentProviderState } from './FluentProvider.types';
4
3
  /**
5
4
  * Create the state required to render FluentProvider.
6
5
  *
package/lib-commonjs/components/FluentProvider/useFluentProvider.js CHANGED
@@ -3,19 +3,17 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useFluentProvider = exports.fluentProviderShorthandProps = void 0;
6
+ exports.useFluentProvider = void 0;
7
7
 
8
8
  const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
9
9
 
10
- const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
11
-
12
10
  const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
13
11
 
14
12
  const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
15
13
 
16
- const useThemeStyleTag_1 = /*#__PURE__*/require("./useThemeStyleTag");
14
+ const React = /*#__PURE__*/require("react");
17
15
 
18
- exports.fluentProviderShorthandProps = ['root'];
16
+ const useThemeStyleTag_1 = /*#__PURE__*/require("./useThemeStyleTag");
19
17
  /**
20
18
  * Create the state required to render FluentProvider.
21
19
  *
@@ -26,6 +24,7 @@ exports.fluentProviderShorthandProps = ['root'];
26
24
  * @param ref - reference to root HTMLElement of FluentProvider
27
25
  */
28
26
 
27
+
29
28
  const useFluentProvider = (props, ref) => {
30
29
  const parentContext = react_shared_contexts_1.useFluent();
31
30
  const parentTheme = react_shared_contexts_1.useTheme();
@@ -38,9 +37,20 @@ const useFluentProvider = (props, ref) => {
38
37
  const {
39
38
  dir = parentContext.dir,
40
39
  targetDocument = parentContext.targetDocument,
41
- theme = {}
40
+ theme
42
41
  } = props;
43
- const mergedTheme = react_theme_1.mergeThemes(parentTheme, theme);
42
+ const mergedTheme = mergeThemes(parentTheme, theme);
43
+ React.useEffect(() => {
44
+ if (process.env.NODE_ENV !== 'production' && mergedTheme === undefined) {
45
+ // eslint-disable-next-line no-console
46
+ console.warn(`
47
+ FluentProvider: your "theme" is not defined !
48
+ =============================================
49
+ Make sure your root FluentProvider has set a theme or you're setting the theme in your child FluentProvider.
50
+ `);
51
+ } // eslint-disable-next-line react-hooks/exhaustive-deps
52
+
53
+ }, []);
44
54
  return {
45
55
  dir,
46
56
  targetDocument,
@@ -60,4 +70,19 @@ const useFluentProvider = (props, ref) => {
60
70
  };
61
71
 
62
72
  exports.useFluentProvider = useFluentProvider;
73
+
74
+ function mergeThemes(a, b) {
75
+ // Merge impacts perf: we should like to avoid it if it's possible
76
+ if (a && b) {
77
+ return { ...a,
78
+ ...b
79
+ };
80
+ }
81
+
82
+ if (a) {
83
+ return a;
84
+ }
85
+
86
+ return b;
87
+ }
63
88
  //# sourceMappingURL=useFluentProvider.js.map
package/lib-commonjs/components/FluentProvider/useFluentProvider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/FluentProvider/useFluentProvider.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,MAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,MAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AAGa,OAAA,CAAA,4BAAA,GAA8D,CAAC,MAAD,CAA9D;AAEb;;;;;;;;AAQG;;AACI,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAA6B,GAA7B,KAAiF;AAChH,QAAM,aAAa,GAAG,uBAAA,CAAA,SAAA,EAAtB;AACA,QAAM,WAAW,GAAG,uBAAA,CAAA,QAAA,EAApB;AAEA;;;;AAIG;;AACH,QAAM;AAAE,IAAA,GAAG,GAAG,aAAa,CAAC,GAAtB;AAA2B,IAAA,cAAc,GAAG,aAAa,CAAC,cAA1D;AAA0E,IAAA,KAAK,GAAG;AAAlF,MAAyF,KAA/F;AACA,QAAM,WAAW,GAAG,aAAA,CAAA,WAAA,CAAY,WAAZ,EAAyB,KAAzB,CAApB;AAEA,SAAO;AACL,IAAA,GADK;AAEL,IAAA,cAFK;AAGL,IAAA,KAAK,EAAE,WAHF;AAIL,IAAA,cAAc,EAAE,kBAAA,CAAA,gBAAA,CAAiB;AAAE,MAAA,KAAK,EAAE,WAAT;AAAsB,MAAA;AAAtB,KAAjB,CAJX;AAML,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANP;AAUL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,EACjC,GAAG,KAD8B;AAEjC,MAAA,GAFiC;AAGjC,MAAA,GAAG,EAAE,iBAAA,CAAA,aAAA,CAAc,GAAd,EAAmB,eAAA,CAAA,uBAAA,EAAnB;AAH4B,KAA7B;AAVD,GAAP;AAgBD,CA5BM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/FluentProvider/useFluentProvider.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAEA,MAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;AAGA;;;;;;;;AAQG;;;AACI,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAA6B,GAA7B,KAAiF;AAChH,QAAM,aAAa,GAAG,uBAAA,CAAA,SAAA,EAAtB;AACA,QAAM,WAAW,GAAG,uBAAA,CAAA,QAAA,EAApB;AAEA;;;;AAIG;;AACH,QAAM;AAAE,IAAA,GAAG,GAAG,aAAa,CAAC,GAAtB;AAA2B,IAAA,cAAc,GAAG,aAAa,CAAC,cAA1D;AAA0E,IAAA;AAA1E,MAAoF,KAA1F;AACA,QAAM,WAAW,GAAG,WAAW,CAAC,WAAD,EAAc,KAAd,CAA/B;AAEA,EAAA,KAAK,CAAC,SAAN,CAAgB,MAAK;AACnB,QAAI,OAAO,CAAC,GAAR,CAAY,QAAZ,KAAyB,YAAzB,IAAyC,WAAW,KAAK,SAA7D,EAAwE;AACtE;AACA,MAAA,OAAO,CAAC,IAAR,CAAa;;;;AAIZ,OAJD;AAKD,KARkB,CASnB;;AACD,GAVD,EAUG,EAVH;AAYA,SAAO;AACL,IAAA,GADK;AAEL,IAAA,cAFK;AAGL,IAAA,KAAK,EAAE,WAHF;AAIL,IAAA,cAAc,EAAE,kBAAA,CAAA,gBAAA,CAAiB;AAAE,MAAA,KAAK,EAAE,WAAT;AAAsB,MAAA;AAAtB,KAAjB,CAJX;AAML,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANP;AAUL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B,EACjC,GAAG,KAD8B;AAEjC,MAAA,GAFiC;AAGjC,MAAA,GAAG,EAAE,iBAAA,CAAA,aAAA,CAAc,GAAd,EAAmB,eAAA,CAAA,uBAAA,EAAnB;AAH4B,KAA7B;AAVD,GAAP;AAgBD,CAxCM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB;;AA0Cb,SAAS,WAAT,CAAqB,CAArB,EAA4D,CAA5D,EAAuE;AACrE;AACA,MAAI,CAAC,IAAI,CAAT,EAAY;AACV,WAAO,EAAE,GAAG,CAAL;AAAQ,SAAG;AAAX,KAAP;AACD;;AAED,MAAI,CAAJ,EAAO;AACL,WAAO,CAAP;AACD;;AAED,SAAO,CAAP;AACD","sourceRoot":""}
package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.js CHANGED
@@ -7,6 +7,8 @@ exports.useFluentProviderStyles = exports.fluentProviderClassName = void 0;
7
7
 
8
8
  const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
+ const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
11
+
10
12
  exports.fluentProviderClassName = 'fui-FluentProvider';
11
13
 
12
14
  const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/FluentProvider/useFluentProviderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,uBAAA,GAA0B,oBAA1B;;AAEb,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAUA;;;AACO,MAAM,uBAAuB,GAAI,KAAD,IAA+B;AACpE,QAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,OAAA,CAAA,uBAAb,EAAsC,KAAK,CAAC,cAA5C,EAA4D,MAAM,CAAC,IAAnE,EAAyE,KAAK,CAAC,IAAN,CAAW,SAApF,CAAvB;AAEA,SAAO,KAAP;AACD,CANM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/FluentProvider/useFluentProviderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAGa,OAAA,CAAA,uBAAA,GAA0B,oBAA1B;;AAEb,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAUA;;;AACO,MAAM,uBAAuB,GAAI,KAAD,IAA+B;AACpE,QAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,OAAA,CAAA,uBAAb,EAAsC,KAAK,CAAC,cAA5C,EAA4D,MAAM,CAAC,IAAnE,EAAyE,KAAK,CAAC,IAAN,CAAW,SAApF,CAAvB;AAEA,SAAO,KAAP;AACD,CANM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}
package/lib-commonjs/components/FluentProvider/useThemeStyleTag.js CHANGED
@@ -7,8 +7,6 @@ exports.useThemeStyleTag = void 0;
7
7
 
8
8
  const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
9
9
 
10
- const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
11
-
12
10
  const React = /*#__PURE__*/require("react");
13
11
 
14
12
  const useFluentProviderStyles_1 = /*#__PURE__*/require("./useFluentProviderStyles");
@@ -36,11 +34,10 @@ const useThemeStyleTag = options => {
36
34
  return tag;
37
35
  }, [styleTagId, targetDocument]);
38
36
  const cssRule = React.useMemo(() => {
39
- const cssVars = react_theme_1.themeToCSSVariables(theme);
40
- const cssVarsAsString = Object.keys(cssVars).reduce((cssVarRule, cssVar) => {
41
- cssVarRule += `${cssVar}: ${cssVars[cssVar]}; `;
37
+ const cssVarsAsString = theme ? Object.keys(theme).reduce((cssVarRule, cssVar) => {
38
+ cssVarRule += `--${cssVar}: ${theme[cssVar]}; `;
42
39
  return cssVarRule;
43
- }, ''); // result: .fluent-provider1 { --css-var: '#fff' }
40
+ }, '') : ''; // result: .fluent-provider1 { --css-var: '#fff' }
44
41
 
45
42
  return `.${styleTagId} { ${cssVarsAsString} }`;
46
43
  }, [theme, styleTagId]);
@@ -59,11 +56,8 @@ const useThemeStyleTag = options => {
59
56
 
60
57
  React.useEffect(() => {
61
58
  return () => {
62
- var _a;
63
-
64
59
  if (styleTag) {
65
- // IE11 safe node removal, otherwise use node.remove()
66
- (_a = styleTag.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(styleTag);
60
+ styleTag.remove();
67
61
  }
68
62
  };
69
63
  }, [styleTag]);
package/lib-commonjs/components/FluentProvider/useThemeStyleTag.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/FluentProvider/useThemeStyleTag.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAEA;;;;AAIG;;;AACI,MAAM,gBAAgB,GAAI,OAAD,IAAmE;AACjG,QAAM;AAAE,IAAA,cAAF;AAAkB,IAAA;AAAlB,MAA4B,OAAlC;AAEA,QAAM,UAAU,GAAG,iBAAA,CAAA,KAAA,CAAM,yBAAA,CAAA,uBAAN,CAAnB;AACA,QAAM,QAAQ,GAAG,KAAK,CAAC,OAAN,CAAc,MAAK;AAClC,QAAI,CAAC,cAAL,EAAqB;AACnB,aAAO,IAAP;AACD;;AAED,UAAM,GAAG,GAAG,cAAc,CAAC,aAAf,CAA6B,OAA7B,CAAZ;AACA,IAAA,GAAG,CAAC,YAAJ,CAAiB,IAAjB,EAAuB,UAAvB;AACA,IAAA,cAAc,CAAC,IAAf,CAAoB,WAApB,CAAgC,GAAhC;AACA,WAAO,GAAP;AACD,GATgB,EASd,CAAC,UAAD,EAAa,cAAb,CATc,CAAjB;AAWA,QAAM,OAAO,GAAG,KAAK,CAAC,OAAN,CAAc,MAAK;AACjC,UAAM,OAAO,GAAG,aAAA,CAAA,mBAAA,CAAoB,KAApB,CAAhB;AACA,UAAM,eAAe,GAAG,MAAM,CAAC,IAAP,CAAY,OAAZ,EAAqB,MAArB,CAA4B,CAAC,UAAD,EAAa,MAAb,KAAuB;AACzE,MAAA,UAAU,IAAI,GAAG,MAAM,KAAK,OAAO,CAAC,MAAD,CAAQ,IAA3C;AACA,aAAO,UAAP;AACD,KAHuB,EAGrB,EAHqB,CAAxB,CAFiC,CAOjC;;AACA,WAAO,IAAI,UAAU,MAAM,eAAe,IAA1C;AACD,GATe,EASb,CAAC,KAAD,EAAQ,UAAR,CATa,CAAhB;AAUA,QAAM,eAAe,GAAG,iBAAA,CAAA,WAAA,CAAY,OAAZ,CAAxB;;AAEA,MAAI,QAAQ,IAAI,eAAe,KAAK,OAApC,EAA6C;AAC3C,UAAM,KAAK,GAAG,QAAQ,CAAC,KAAvB;;AAEA,QAAI,KAAK,CAAC,QAAN,CAAe,MAAf,GAAwB,CAA5B,EAA+B;AAC7B,MAAA,KAAK,CAAC,UAAN,CAAiB,CAAjB;AACD;;AAED,IAAA,KAAK,CAAC,UAAN,CAAiB,OAAjB,EAA0B,CAA1B;AACD,GAnCgG,CAqCjG;;;AACA,EAAA,KAAK,CAAC,SAAN,CAAgB,MAAK;AACnB,WAAO,MAAK;;;AACV,UAAI,QAAJ,EAAc;AACZ;AACA,SAAA,EAAA,GAAA,QAAQ,CAAC,aAAT,MAAsB,IAAtB,IAAsB,EAAA,KAAA,KAAA,CAAtB,GAAsB,KAAA,CAAtB,GAAsB,EAAA,CAAE,WAAF,CAAc,QAAd,CAAtB;AACD;AACF,KALD;AAMD,GAPD,EAOG,CAAC,QAAD,CAPH;AASA,SAAO,UAAP;AACD,CAhDM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/FluentProvider/useThemeStyleTag.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAEA;;;;AAIG;;;AACI,MAAM,gBAAgB,GAAI,OAAD,IAAmE;AACjG,QAAM;AAAE,IAAA,cAAF;AAAkB,IAAA;AAAlB,MAA4B,OAAlC;AAEA,QAAM,UAAU,GAAG,iBAAA,CAAA,KAAA,CAAM,yBAAA,CAAA,uBAAN,CAAnB;AACA,QAAM,QAAQ,GAAG,KAAK,CAAC,OAAN,CAAc,MAAK;AAClC,QAAI,CAAC,cAAL,EAAqB;AACnB,aAAO,IAAP;AACD;;AAED,UAAM,GAAG,GAAG,cAAc,CAAC,aAAf,CAA6B,OAA7B,CAAZ;AACA,IAAA,GAAG,CAAC,YAAJ,CAAiB,IAAjB,EAAuB,UAAvB;AACA,IAAA,cAAc,CAAC,IAAf,CAAoB,WAApB,CAAgC,GAAhC;AACA,WAAO,GAAP;AACD,GATgB,EASd,CAAC,UAAD,EAAa,cAAb,CATc,CAAjB;AAWA,QAAM,OAAO,GAAG,KAAK,CAAC,OAAN,CAAc,MAAK;AACjC,UAAM,eAAe,GAAG,KAAK,GACxB,MAAM,CAAC,IAAP,CAAY,KAAZ,EAA8C,MAA9C,CAAqD,CAAC,UAAD,EAAa,MAAb,KAAuB;AAC3E,MAAA,UAAU,IAAI,KAAK,MAAM,KAAK,KAAK,CAAC,MAAD,CAAQ,IAA3C;AACA,aAAO,UAAP;AACD,KAHA,EAGE,EAHF,CADwB,GAKzB,EALJ,CADiC,CAQjC;;AACA,WAAO,IAAI,UAAU,MAAM,eAAe,IAA1C;AACD,GAVe,EAUb,CAAC,KAAD,EAAQ,UAAR,CAVa,CAAhB;AAWA,QAAM,eAAe,GAAG,iBAAA,CAAA,WAAA,CAAY,OAAZ,CAAxB;;AAEA,MAAI,QAAQ,IAAI,eAAe,KAAK,OAApC,EAA6C;AAC3C,UAAM,KAAK,GAAG,QAAQ,CAAC,KAAvB;;AAEA,QAAI,KAAK,CAAC,QAAN,CAAe,MAAf,GAAwB,CAA5B,EAA+B;AAC7B,MAAA,KAAK,CAAC,UAAN,CAAiB,CAAjB;AACD;;AAED,IAAA,KAAK,CAAC,UAAN,CAAiB,OAAjB,EAA0B,CAA1B;AACD,GApCgG,CAsCjG;;;AACA,EAAA,KAAK,CAAC,SAAN,CAAgB,MAAK;AACnB,WAAO,MAAK;AACV,UAAI,QAAJ,EAAc;AACZ,QAAA,QAAQ,CAAC,MAAT;AACD;AACF,KAJD;AAKD,GAND,EAMG,CAAC,QAAD,CANH;AAQA,SAAO,UAAP;AACD,CAhDM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-provider",
3
- "version": "0.0.0-nightlyf3ce1fbe1d20211110.1",
3
+ "version": "0.0.0-nightlyf6116328d620220124.1",
4
4
  "description": "Fluent UI React provider component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -14,26 +14,26 @@
14
14
  "scripts": {
15
15
  "build": "just-scripts build",
16
16
  "bundle-size": "bundle-size measure",
17
- "test": "jest",
17
+ "test": "jest --passWithNoTests",
18
18
  "clean": "just-scripts clean",
19
19
  "code-style": "just-scripts code-style",
20
20
  "just": "just-scripts",
21
21
  "lint": "just-scripts lint",
22
22
  "docs": "api-extractor run --config=config/api-extractor.local.json --local",
23
- "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-provider/src && yarn docs",
24
- "storybook": "start-storybook",
25
- "start": "yarn storybook"
23
+ "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-provider/src && yarn docs",
24
+ "storybook": "node ../../scripts/storybook/runner",
25
+ "start": "yarn storybook",
26
+ "type-check": "tsc -b tsconfig.json"
26
27
  },
27
28
  "devDependencies": {
28
- "@fluentui/babel-make-styles": "0.0.0-nightlyf3ce1fbe1d20211110.1",
29
+ "@fluentui/babel-make-styles": "0.0.0-nightlyf6116328d620220124.1",
29
30
  "@fluentui/eslint-plugin": "*",
30
- "@fluentui/jest-serializer-make-styles": "0.0.0-nightlyf3ce1fbe1d20211110.1",
31
+ "@fluentui/jest-serializer-make-styles": "0.0.0-nightlyf6116328d620220124.1",
31
32
  "@fluentui/react-conformance": "*",
32
- "@fluentui/react-conformance-make-styles": "0.0.0-nightlyf3ce1fbe1d20211110.1",
33
+ "@fluentui/react-conformance-make-styles": "0.0.0-nightlyf6116328d620220124.1",
33
34
  "@fluentui/scripts": "^1.0.0",
34
35
  "@types/enzyme": "3.10.3",
35
36
  "@types/enzyme-adapter-react-16": "1.0.3",
36
- "@types/jest": "24.9.1",
37
37
  "@types/react": "16.9.42",
38
38
  "@types/react-dom": "16.9.10",
39
39
  "enzyme": "~3.10.0",
@@ -43,11 +43,11 @@
43
43
  "react-test-renderer": "^16.3.0"
44
44
  },
45
45
  "dependencies": {
46
- "@fluentui/react-make-styles": "0.0.0-nightlyf3ce1fbe1d20211110.1",
47
- "@fluentui/react-shared-contexts": "0.0.0-nightlyf3ce1fbe1d20211110.1",
48
- "@fluentui/react-tabster": "0.0.0-nightlyf3ce1fbe1d20211110.1",
49
- "@fluentui/react-theme": "0.0.0-nightlyf3ce1fbe1d20211110.1",
50
- "@fluentui/react-utilities": "0.0.0-nightlyf3ce1fbe1d20211110.1",
46
+ "@fluentui/react-make-styles": "0.0.0-nightlyf6116328d620220124.1",
47
+ "@fluentui/react-shared-contexts": "0.0.0-nightlyf6116328d620220124.1",
48
+ "@fluentui/react-tabster": "0.0.0-nightlyf6116328d620220124.1",
49
+ "@fluentui/react-theme": "0.0.0-nightlyf6116328d620220124.1",
50
+ "@fluentui/react-utilities": "0.0.0-nightlyf6116328d620220124.1",
51
51
  "tslib": "^2.1.0"
52
52
  },
53
53
  "peerDependencies": {
@@ -57,7 +57,6 @@
57
57
  "react-dom": ">=16.8.0 <18.0.0"
58
58
  },
59
59
  "beachball": {
60
- "tag": "beta",
61
60
  "disallowedChangeTypes": [
62
61
  "major",
63
62
  "minor",
package/lib/common/isConformant.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
package/lib/common/isConformant.js DELETED
@@ -1,12 +0,0 @@
1
- import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
2
- import makeStylesTests from '@fluentui/react-conformance-make-styles';
3
- export function isConformant(testInfo) {
4
- const defaultOptions = {
5
- disabledTests: ['has-docblock'],
6
- asPropHandlesRef: true,
7
- componentPath: module.parent.filename.replace('.test', ''),
8
- extraTests: makeStylesTests
9
- };
10
- baseIsConformant(defaultOptions, testInfo);
11
- }
12
- //# sourceMappingURL=isConformant.js.map
package/lib/common/isConformant.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AAEA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAD4C;AAE3D,IAAA,gBAAgB,EAAE,IAFyC;AAG3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAH4C;AAI3D,IAAA,UAAU,EAAE;AAJ+C,GAA7D;AAOA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
package/lib-commonjs/common/isConformant.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
package/lib-commonjs/common/isConformant.js DELETED
@@ -1,23 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.isConformant = void 0;
7
-
8
- const react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
9
-
10
- const react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
11
-
12
- function isConformant(testInfo) {
13
- const defaultOptions = {
14
- disabledTests: ['has-docblock'],
15
- asPropHandlesRef: true,
16
- componentPath: module.parent.filename.replace('.test', ''),
17
- extraTests: react_conformance_make_styles_1.default
18
- };
19
- react_conformance_1.isConformant(defaultOptions, testInfo);
20
- }
21
-
22
- exports.isConformant = isConformant;
23
- //# sourceMappingURL=isConformant.js.map
package/lib-commonjs/common/isConformant.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,MAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAD4C;AAE3D,IAAA,gBAAgB,EAAE,IAFyC;AAG3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAH4C;AAI3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAJ+C,GAA7D;AAOA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAXD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}