@fluentui/react-progress 9.0.0-alpha.8 → 9.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (61) hide show
  1. package/CHANGELOG.json +301 -1
  2. package/CHANGELOG.md +125 -2
  3. package/README.md +9 -17
  4. package/dist/index.d.ts +20 -11
  5. package/lib/components/ProgressBar/ProgressBar.js +0 -1
  6. package/lib/components/ProgressBar/ProgressBar.js.map +1 -1
  7. package/lib/components/ProgressBar/ProgressBar.types.js.map +1 -1
  8. package/lib/components/ProgressBar/renderProgressBar.js +4 -3
  9. package/lib/components/ProgressBar/renderProgressBar.js.map +1 -1
  10. package/lib/components/ProgressBar/useProgressBar.js +2 -3
  11. package/lib/components/ProgressBar/useProgressBar.js.map +1 -1
  12. package/lib/components/ProgressBar/useProgressBarStyles.js +75 -81
  13. package/lib/components/ProgressBar/useProgressBarStyles.js.map +1 -1
  14. package/lib/components/ProgressField/ProgressField.js +15 -15
  15. package/lib/components/ProgressField/ProgressField.js.map +1 -1
  16. package/lib/index.js +1 -0
  17. package/lib/index.js.map +1 -1
  18. package/lib-amd/ProgressBar.js +6 -0
  19. package/lib-amd/ProgressBar.js.map +1 -0
  20. package/lib-amd/ProgressField.js +6 -0
  21. package/lib-amd/ProgressField.js.map +1 -0
  22. package/lib-amd/components/ProgressBar/ProgressBar.js +15 -0
  23. package/lib-amd/components/ProgressBar/ProgressBar.js.map +1 -0
  24. package/lib-amd/components/ProgressBar/ProgressBar.types.js +5 -0
  25. package/lib-amd/components/ProgressBar/ProgressBar.types.js.map +1 -0
  26. package/lib-amd/components/ProgressBar/index.js +10 -0
  27. package/lib-amd/components/ProgressBar/index.js.map +1 -0
  28. package/lib-amd/components/ProgressBar/renderProgressBar.js +14 -0
  29. package/lib-amd/components/ProgressBar/renderProgressBar.js.map +1 -0
  30. package/lib-amd/components/ProgressBar/useProgressBar.js +38 -0
  31. package/lib-amd/components/ProgressBar/useProgressBar.js.map +1 -0
  32. package/lib-amd/components/ProgressBar/useProgressBarStyles.js +112 -0
  33. package/lib-amd/components/ProgressBar/useProgressBarStyles.js.map +1 -0
  34. package/lib-amd/components/ProgressField/ProgressField.js +13 -0
  35. package/lib-amd/components/ProgressField/ProgressField.js.map +1 -0
  36. package/lib-amd/components/ProgressField/index.js +6 -0
  37. package/lib-amd/components/ProgressField/index.js.map +1 -0
  38. package/lib-amd/index.js +13 -0
  39. package/lib-amd/index.js.map +1 -0
  40. package/lib-commonjs/ProgressBar.js +0 -2
  41. package/lib-commonjs/ProgressBar.js.map +1 -1
  42. package/lib-commonjs/ProgressField.js +0 -2
  43. package/lib-commonjs/ProgressField.js.map +1 -1
  44. package/lib-commonjs/components/ProgressBar/ProgressBar.js +0 -6
  45. package/lib-commonjs/components/ProgressBar/ProgressBar.js.map +1 -1
  46. package/lib-commonjs/components/ProgressBar/ProgressBar.types.js.map +1 -1
  47. package/lib-commonjs/components/ProgressBar/index.js +0 -6
  48. package/lib-commonjs/components/ProgressBar/index.js.map +1 -1
  49. package/lib-commonjs/components/ProgressBar/renderProgressBar.js +4 -7
  50. package/lib-commonjs/components/ProgressBar/renderProgressBar.js.map +1 -1
  51. package/lib-commonjs/components/ProgressBar/useProgressBar.js +2 -6
  52. package/lib-commonjs/components/ProgressBar/useProgressBar.js.map +1 -1
  53. package/lib-commonjs/components/ProgressBar/useProgressBarStyles.js +75 -86
  54. package/lib-commonjs/components/ProgressBar/useProgressBarStyles.js.map +1 -1
  55. package/lib-commonjs/components/ProgressField/ProgressField.js +13 -17
  56. package/lib-commonjs/components/ProgressField/ProgressField.js.map +1 -1
  57. package/lib-commonjs/components/ProgressField/index.js +0 -2
  58. package/lib-commonjs/components/ProgressField/index.js.map +1 -1
  59. package/lib-commonjs/index.js +1 -4
  60. package/lib-commonjs/index.js.map +1 -1
  61. package/package.json +10 -10
package/CHANGELOG.json CHANGED
@@ -2,7 +2,307 @@
2
2
  "name": "@fluentui/react-progress",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 20 Dec 2022 14:55:51 GMT",
5
+ "date": "Wed, 22 Feb 2023 23:04:47 GMT",
6
+ "tag": "@fluentui/react-progress_v9.0.0",
7
+ "version": "9.0.0",
8
+ "comments": {
9
+ "minor": [
10
+ {
11
+ "author": "ololubek@microsoft.com",
12
+ "package": "@fluentui/react-progress",
13
+ "commit": "ba7aaecf417043f343933edc159bb5c7e745c8c6",
14
+ "comment": "feat: Move ProgressBar to stable"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Wed, 15 Feb 2023 11:44:52 GMT",
21
+ "tag": "@fluentui/react-progress_v9.0.0-alpha.19",
22
+ "version": "9.0.0-alpha.19",
23
+ "comments": {
24
+ "prerelease": [
25
+ {
26
+ "author": "beachball",
27
+ "package": "@fluentui/react-progress",
28
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.21",
29
+ "commit": "087d981aab96bef2e332a373069a19bc702a7ca2"
30
+ },
31
+ {
32
+ "author": "beachball",
33
+ "package": "@fluentui/react-progress",
34
+ "comment": "Bump @fluentui/react-utilities to v9.6.0",
35
+ "commit": "087d981aab96bef2e332a373069a19bc702a7ca2"
36
+ }
37
+ ]
38
+ }
39
+ },
40
+ {
41
+ "date": "Mon, 13 Feb 2023 23:43:14 GMT",
42
+ "tag": "@fluentui/react-progress_v9.0.0-alpha.18",
43
+ "version": "9.0.0-alpha.18",
44
+ "comments": {
45
+ "prerelease": [
46
+ {
47
+ "author": "beachball",
48
+ "package": "@fluentui/react-progress",
49
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.20",
50
+ "commit": "29e62b13706c2845b21d665d43cdacf1ef1b1513"
51
+ },
52
+ {
53
+ "author": "beachball",
54
+ "package": "@fluentui/react-progress",
55
+ "comment": "Bump @fluentui/react-utilities to v9.5.3",
56
+ "commit": "29e62b13706c2845b21d665d43cdacf1ef1b1513"
57
+ }
58
+ ]
59
+ }
60
+ },
61
+ {
62
+ "date": "Mon, 13 Feb 2023 09:35:47 GMT",
63
+ "tag": "@fluentui/react-progress_v9.0.0-alpha.17",
64
+ "version": "9.0.0-alpha.17",
65
+ "comments": {
66
+ "prerelease": [
67
+ {
68
+ "author": "ololubek@microsoft.com",
69
+ "package": "@fluentui/react-progress",
70
+ "commit": "48b466e0ba8a55ad6f216127e538076c1e65fd37",
71
+ "comment": "chore: Update docs and styling to fix visual bugs and clarify usage of ProgressBar"
72
+ }
73
+ ]
74
+ }
75
+ },
76
+ {
77
+ "date": "Fri, 10 Feb 2023 08:50:02 GMT",
78
+ "tag": "@fluentui/react-progress_v9.0.0-alpha.16",
79
+ "version": "9.0.0-alpha.16",
80
+ "comments": {
81
+ "prerelease": [
82
+ {
83
+ "author": "beachball",
84
+ "package": "@fluentui/react-progress",
85
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.19",
86
+ "commit": "cc62f050f8231e8f21a2cf7dddf33003e0ba3931"
87
+ },
88
+ {
89
+ "author": "beachball",
90
+ "package": "@fluentui/react-progress",
91
+ "comment": "Bump @fluentui/react-utilities to v9.5.2",
92
+ "commit": "cc62f050f8231e8f21a2cf7dddf33003e0ba3931"
93
+ }
94
+ ]
95
+ }
96
+ },
97
+ {
98
+ "date": "Tue, 31 Jan 2023 19:53:58 GMT",
99
+ "tag": "@fluentui/react-progress_v9.0.0-alpha.15",
100
+ "version": "9.0.0-alpha.15",
101
+ "comments": {
102
+ "prerelease": [
103
+ {
104
+ "author": "beachball",
105
+ "package": "@fluentui/react-progress",
106
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.18",
107
+ "commit": "794d9e845cb952f597ba786e70cd8d248be62746"
108
+ },
109
+ {
110
+ "author": "beachball",
111
+ "package": "@fluentui/react-progress",
112
+ "comment": "Bump @fluentui/react-utilities to v9.5.1",
113
+ "commit": "794d9e845cb952f597ba786e70cd8d248be62746"
114
+ }
115
+ ]
116
+ }
117
+ },
118
+ {
119
+ "date": "Thu, 26 Jan 2023 13:30:58 GMT",
120
+ "tag": "@fluentui/react-progress_v9.0.0-alpha.14",
121
+ "version": "9.0.0-alpha.14",
122
+ "comments": {
123
+ "prerelease": [
124
+ {
125
+ "author": "behowell@microsoft.com",
126
+ "package": "@fluentui/react-progress",
127
+ "commit": "d6e98c0b5390c5c7e03601537b2026307e01a8d4",
128
+ "comment": "Deprecate ProgressField_unstable in favor of Field with Progress as its child."
129
+ },
130
+ {
131
+ "author": "beachball",
132
+ "package": "@fluentui/react-progress",
133
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.17",
134
+ "commit": "403e1370f1effca7d3db131eda381abf31cf66b1"
135
+ },
136
+ {
137
+ "author": "beachball",
138
+ "package": "@fluentui/react-progress",
139
+ "comment": "Bump @fluentui/react-shared-contexts to v9.2.0",
140
+ "commit": "403e1370f1effca7d3db131eda381abf31cf66b1"
141
+ },
142
+ {
143
+ "author": "beachball",
144
+ "package": "@fluentui/react-progress",
145
+ "comment": "Bump @fluentui/react-utilities to v9.5.0",
146
+ "commit": "403e1370f1effca7d3db131eda381abf31cf66b1"
147
+ }
148
+ ]
149
+ }
150
+ },
151
+ {
152
+ "date": "Mon, 23 Jan 2023 16:43:11 GMT",
153
+ "tag": "@fluentui/react-progress_v9.0.0-alpha.13",
154
+ "version": "9.0.0-alpha.13",
155
+ "comments": {
156
+ "prerelease": [
157
+ {
158
+ "author": "miroslav.stastny@microsoft.com",
159
+ "package": "@fluentui/react-progress",
160
+ "commit": "22b51ad9694bdaa9dbf0bd1283421d65f77dbf8c",
161
+ "comment": "Rename rectangular shape to square"
162
+ },
163
+ {
164
+ "author": "beachball",
165
+ "package": "@fluentui/react-progress",
166
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.16",
167
+ "commit": "828c4260edc4fba07c9ccc8e94f15051c7fd25d3"
168
+ }
169
+ ]
170
+ }
171
+ },
172
+ {
173
+ "date": "Mon, 16 Jan 2023 08:39:07 GMT",
174
+ "tag": "@fluentui/react-progress_v9.0.0-alpha.12",
175
+ "version": "9.0.0-alpha.12",
176
+ "comments": {
177
+ "none": [
178
+ {
179
+ "author": "martinhochel@microsoft.com",
180
+ "package": "@fluentui/react-progress",
181
+ "commit": "64bb45980d68de1219c6b36a7db5363f0a9cff9f",
182
+ "comment": "chore: migrate to packaged scripts"
183
+ }
184
+ ],
185
+ "prerelease": [
186
+ {
187
+ "author": "beachball",
188
+ "package": "@fluentui/react-progress",
189
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.15",
190
+ "commit": "a870d8360e47f3ea03358c4e75e89e08a74845d7"
191
+ },
192
+ {
193
+ "author": "beachball",
194
+ "package": "@fluentui/react-progress",
195
+ "comment": "Bump @fluentui/react-shared-contexts to v9.1.5",
196
+ "commit": "a870d8360e47f3ea03358c4e75e89e08a74845d7"
197
+ }
198
+ ]
199
+ }
200
+ },
201
+ {
202
+ "date": "Mon, 09 Jan 2023 14:35:02 GMT",
203
+ "tag": "@fluentui/react-progress_v9.0.0-alpha.11",
204
+ "version": "9.0.0-alpha.11",
205
+ "comments": {
206
+ "prerelease": [
207
+ {
208
+ "author": "beachball",
209
+ "package": "@fluentui/react-progress",
210
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.14",
211
+ "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d"
212
+ },
213
+ {
214
+ "author": "beachball",
215
+ "package": "@fluentui/react-progress",
216
+ "comment": "Bump @fluentui/react-utilities to v9.4.0",
217
+ "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d"
218
+ }
219
+ ]
220
+ }
221
+ },
222
+ {
223
+ "date": "Wed, 04 Jan 2023 01:40:22 GMT",
224
+ "tag": "@fluentui/react-progress_v9.0.0-alpha.10",
225
+ "version": "9.0.0-alpha.10",
226
+ "comments": {
227
+ "none": [
228
+ {
229
+ "author": "martinhochel@microsoft.com",
230
+ "package": "@fluentui/react-progress",
231
+ "commit": "4ec2b998b294d6d9c3196d3d82893bdd97d0c105",
232
+ "comment": "chore(scripts): move index.ts to to follow sub-folder domain packaging"
233
+ },
234
+ {
235
+ "author": "martinhochel@microsoft.com",
236
+ "package": "@fluentui/react-progress",
237
+ "commit": "194b0cf0cc27c1c1233aa945f09b3ad29778d8ca",
238
+ "comment": "chore(scripts): use for @fluentui/scripts version within all package.json"
239
+ }
240
+ ],
241
+ "prerelease": [
242
+ {
243
+ "author": "olfedias@microsoft.com",
244
+ "package": "@fluentui/react-progress",
245
+ "commit": "2c38f1e4ae07b2b60df596efe11015a68f166dbf",
246
+ "comment": "chore: Update Griffel to latest version"
247
+ },
248
+ {
249
+ "author": "beachball",
250
+ "package": "@fluentui/react-progress",
251
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.13",
252
+ "commit": "3e322d15529451be153e97298873253e21af4082"
253
+ },
254
+ {
255
+ "author": "beachball",
256
+ "package": "@fluentui/react-progress",
257
+ "comment": "Bump @fluentui/react-utilities to v9.3.1",
258
+ "commit": "3e322d15529451be153e97298873253e21af4082"
259
+ },
260
+ {
261
+ "author": "beachball",
262
+ "package": "@fluentui/react-progress",
263
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.19",
264
+ "commit": "3e322d15529451be153e97298873253e21af4082"
265
+ }
266
+ ]
267
+ }
268
+ },
269
+ {
270
+ "date": "Wed, 21 Dec 2022 10:20:29 GMT",
271
+ "tag": "@fluentui/react-progress_v9.0.0-alpha.9",
272
+ "version": "9.0.0-alpha.9",
273
+ "comments": {
274
+ "none": [
275
+ {
276
+ "author": "behowell@microsoft.com",
277
+ "package": "@fluentui/react-progress",
278
+ "commit": "68505ab8eb1b05f45ab09c21b9d66c177d1e50f5",
279
+ "comment": "chore: Add bundle size tests for Fields"
280
+ }
281
+ ],
282
+ "prerelease": [
283
+ {
284
+ "author": "beachball",
285
+ "package": "@fluentui/react-progress",
286
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.12",
287
+ "commit": "66bf89f634cad4a275e957d7a2214c7e73ff8c2e"
288
+ },
289
+ {
290
+ "author": "beachball",
291
+ "package": "@fluentui/react-progress",
292
+ "comment": "Bump @fluentui/react-shared-contexts to v9.1.4",
293
+ "commit": "66bf89f634cad4a275e957d7a2214c7e73ff8c2e"
294
+ },
295
+ {
296
+ "author": "beachball",
297
+ "package": "@fluentui/react-progress",
298
+ "comment": "Bump @fluentui/react-theme to v9.1.5",
299
+ "commit": "66bf89f634cad4a275e957d7a2214c7e73ff8c2e"
300
+ }
301
+ ]
302
+ }
303
+ },
304
+ {
305
+ "date": "Tue, 20 Dec 2022 14:59:26 GMT",
6
306
  "tag": "@fluentui/react-progress_v9.0.0-alpha.8",
7
307
  "version": "9.0.0-alpha.8",
8
308
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,135 @@
1
1
  # Change Log - @fluentui/react-progress
2
2
 
3
- This log was last generated on Tue, 20 Dec 2022 14:55:51 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 22 Feb 2023 23:04:47 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.0.0)
8
+
9
+ Wed, 22 Feb 2023 23:04:47 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.0.0-alpha.19..@fluentui/react-progress_v9.0.0)
11
+
12
+ ### Minor changes
13
+
14
+ - feat: Move ProgressBar to stable ([PR #26008](https://github.com/microsoft/fluentui/pull/26008) by ololubek@microsoft.com)
15
+
16
+ ## [9.0.0-alpha.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.0.0-alpha.19)
17
+
18
+ Wed, 15 Feb 2023 11:44:52 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.0.0-alpha.18..@fluentui/react-progress_v9.0.0-alpha.19)
20
+
21
+ ### Changes
22
+
23
+ - Bump @fluentui/react-field to v9.0.0-alpha.21 ([PR #26845](https://github.com/microsoft/fluentui/pull/26845) by beachball)
24
+ - Bump @fluentui/react-utilities to v9.6.0 ([PR #26845](https://github.com/microsoft/fluentui/pull/26845) by beachball)
25
+
26
+ ## [9.0.0-alpha.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.0.0-alpha.18)
27
+
28
+ Mon, 13 Feb 2023 23:43:14 GMT
29
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.0.0-alpha.17..@fluentui/react-progress_v9.0.0-alpha.18)
30
+
31
+ ### Changes
32
+
33
+ - Bump @fluentui/react-field to v9.0.0-alpha.20 ([PR #26814](https://github.com/microsoft/fluentui/pull/26814) by beachball)
34
+ - Bump @fluentui/react-utilities to v9.5.3 ([PR #26814](https://github.com/microsoft/fluentui/pull/26814) by beachball)
35
+
36
+ ## [9.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.0.0-alpha.17)
37
+
38
+ Mon, 13 Feb 2023 09:35:47 GMT
39
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.0.0-alpha.16..@fluentui/react-progress_v9.0.0-alpha.17)
40
+
41
+ ### Changes
42
+
43
+ - chore: Update docs and styling to fix visual bugs and clarify usage of ProgressBar ([PR #26768](https://github.com/microsoft/fluentui/pull/26768) by ololubek@microsoft.com)
44
+
45
+ ## [9.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.0.0-alpha.16)
46
+
47
+ Fri, 10 Feb 2023 08:50:02 GMT
48
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.0.0-alpha.15..@fluentui/react-progress_v9.0.0-alpha.16)
49
+
50
+ ### Changes
51
+
52
+ - Bump @fluentui/react-field to v9.0.0-alpha.19 ([commit](https://github.com/microsoft/fluentui/commit/cc62f050f8231e8f21a2cf7dddf33003e0ba3931) by beachball)
53
+ - Bump @fluentui/react-utilities to v9.5.2 ([commit](https://github.com/microsoft/fluentui/commit/cc62f050f8231e8f21a2cf7dddf33003e0ba3931) by beachball)
54
+
55
+ ## [9.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.0.0-alpha.15)
56
+
57
+ Tue, 31 Jan 2023 19:53:58 GMT
58
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.0.0-alpha.14..@fluentui/react-progress_v9.0.0-alpha.15)
59
+
60
+ ### Changes
61
+
62
+ - Bump @fluentui/react-field to v9.0.0-alpha.18 ([PR #26557](https://github.com/microsoft/fluentui/pull/26557) by beachball)
63
+ - Bump @fluentui/react-utilities to v9.5.1 ([PR #26557](https://github.com/microsoft/fluentui/pull/26557) by beachball)
64
+
65
+ ## [9.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.0.0-alpha.14)
66
+
67
+ Thu, 26 Jan 2023 13:30:58 GMT
68
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.0.0-alpha.13..@fluentui/react-progress_v9.0.0-alpha.14)
69
+
70
+ ### Changes
71
+
72
+ - Deprecate ProgressField_unstable in favor of Field with Progress as its child. ([PR #26430](https://github.com/microsoft/fluentui/pull/26430) by behowell@microsoft.com)
73
+ - Bump @fluentui/react-field to v9.0.0-alpha.17 ([PR #26496](https://github.com/microsoft/fluentui/pull/26496) by beachball)
74
+ - Bump @fluentui/react-shared-contexts to v9.2.0 ([PR #26496](https://github.com/microsoft/fluentui/pull/26496) by beachball)
75
+ - Bump @fluentui/react-utilities to v9.5.0 ([PR #26496](https://github.com/microsoft/fluentui/pull/26496) by beachball)
76
+
77
+ ## [9.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.0.0-alpha.13)
78
+
79
+ Mon, 23 Jan 2023 16:43:11 GMT
80
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.0.0-alpha.12..@fluentui/react-progress_v9.0.0-alpha.13)
81
+
82
+ ### Changes
83
+
84
+ - Rename rectangular shape to square ([PR #26419](https://github.com/microsoft/fluentui/pull/26419) by miroslav.stastny@microsoft.com)
85
+ - Bump @fluentui/react-field to v9.0.0-alpha.16 ([PR #26434](https://github.com/microsoft/fluentui/pull/26434) by beachball)
86
+
87
+ ## [9.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.0.0-alpha.12)
88
+
89
+ Mon, 16 Jan 2023 08:39:07 GMT
90
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.0.0-alpha.11..@fluentui/react-progress_v9.0.0-alpha.12)
91
+
92
+ ### Changes
93
+
94
+ - Bump @fluentui/react-field to v9.0.0-alpha.15 ([commit](https://github.com/microsoft/fluentui/commit/a870d8360e47f3ea03358c4e75e89e08a74845d7) by beachball)
95
+ - Bump @fluentui/react-shared-contexts to v9.1.5 ([commit](https://github.com/microsoft/fluentui/commit/a870d8360e47f3ea03358c4e75e89e08a74845d7) by beachball)
96
+
97
+ ## [9.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.0.0-alpha.11)
98
+
99
+ Mon, 09 Jan 2023 14:35:02 GMT
100
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.0.0-alpha.10..@fluentui/react-progress_v9.0.0-alpha.11)
101
+
102
+ ### Changes
103
+
104
+ - Bump @fluentui/react-field to v9.0.0-alpha.14 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball)
105
+ - Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball)
106
+
107
+ ## [9.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.0.0-alpha.10)
108
+
109
+ Wed, 04 Jan 2023 01:40:22 GMT
110
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.0.0-alpha.9..@fluentui/react-progress_v9.0.0-alpha.10)
111
+
112
+ ### Changes
113
+
114
+ - chore: Update Griffel to latest version ([PR #26045](https://github.com/microsoft/fluentui/pull/26045) by olfedias@microsoft.com)
115
+ - Bump @fluentui/react-field to v9.0.0-alpha.13 ([PR #26114](https://github.com/microsoft/fluentui/pull/26114) by beachball)
116
+ - Bump @fluentui/react-utilities to v9.3.1 ([PR #26114](https://github.com/microsoft/fluentui/pull/26114) by beachball)
117
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.19 ([PR #26114](https://github.com/microsoft/fluentui/pull/26114) by beachball)
118
+
119
+ ## [9.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.0.0-alpha.9)
120
+
121
+ Wed, 21 Dec 2022 10:20:29 GMT
122
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.0.0-alpha.8..@fluentui/react-progress_v9.0.0-alpha.9)
123
+
124
+ ### Changes
125
+
126
+ - Bump @fluentui/react-field to v9.0.0-alpha.12 ([commit](https://github.com/microsoft/fluentui/commit/66bf89f634cad4a275e957d7a2214c7e73ff8c2e) by beachball)
127
+ - Bump @fluentui/react-shared-contexts to v9.1.4 ([commit](https://github.com/microsoft/fluentui/commit/66bf89f634cad4a275e957d7a2214c7e73ff8c2e) by beachball)
128
+ - Bump @fluentui/react-theme to v9.1.5 ([commit](https://github.com/microsoft/fluentui/commit/66bf89f634cad4a275e957d7a2214c7e73ff8c2e) by beachball)
129
+
7
130
  ## [9.0.0-alpha.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.0.0-alpha.8)
8
131
 
9
- Tue, 20 Dec 2022 14:55:51 GMT
132
+ Tue, 20 Dec 2022 14:59:26 GMT
10
133
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.0.0-alpha.7..@fluentui/react-progress_v9.0.0-alpha.8)
11
134
 
12
135
  ### Changes
package/README.md CHANGED
@@ -2,20 +2,10 @@
2
2
 
3
3
  **React Progress components for [Fluent UI React](https://react.fluentui.dev/)**
4
4
 
5
- ## STATUS: Alpha
6
-
7
- These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release.
8
-
9
5
  ## Usage
10
6
 
11
7
  To import `ProgressBar`:
12
8
 
13
- ```js
14
- import { ProgressBar } from '@fluentui/react-progress';
15
- ```
16
-
17
- Once the Progress component graduates to a production release, the component will be available at:
18
-
19
9
  ```js
20
10
  import { ProgressBar } from '@fluentui/react-components';
21
11
  ```
@@ -28,25 +18,27 @@ const ProgressBarExample = () => {
28
18
  };
29
19
  ```
30
20
 
31
- #### Using ProgressField
21
+ #### Using Field
32
22
 
33
- The `ProgressField` component is a wrapper around the `ProgressBar` component that allows the user to add a `label`, `hint`, `validationMessage`, and `validationState` to the `ProgressBar` component. You can pass these props, as well as the regular `ProgressBar` props to a `ProgressField` component.
23
+ The `Field` component is a wrapper around the `ProgressBar` component that allows the user to add a `label`, `hint`, `validationMessage`, and `validationState` to the `ProgressBar` component. You can pass these props, as well as the regular `ProgressBar` props to a `Field` component.
34
24
 
35
- To import `ProgressField`:
25
+ To import `Field`:
36
26
 
37
27
  ```js
38
- import { ProgressField } from '@fluentui/react-field';
28
+ import { Field } from '@fluentui/react-field';
39
29
  ```
40
30
 
41
31
  ```jsx
42
- const ProgressFieldExample = () => {
32
+ const FieldExample = () => {
43
33
  return (
44
- <ProgressField
34
+ <Field
45
35
  label="Determinate ProgressBar"
46
36
  hint="This is a determinate Progress with description"
47
37
  value={0.5}
48
38
  validationState="warning"
49
- />
39
+ >
40
+ <ProgressBar />
41
+ </Field>
50
42
  );
51
43
  };
52
44
  ```
package/dist/index.d.ts CHANGED
@@ -2,13 +2,11 @@
2
2
 
3
3
  import type { ComponentProps } from '@fluentui/react-utilities';
4
4
  import type { ComponentState } from '@fluentui/react-utilities';
5
- import { FieldControl } from '@fluentui/react-field';
6
- import type { FieldProps } from '@fluentui/react-field';
7
- import { FieldSlots } from '@fluentui/react-field';
5
+ import { DeprecatedFieldProps } from '@fluentui/react-field';
8
6
  import type { ForwardRefComponent } from '@fluentui/react-utilities';
9
7
  import * as React_2 from 'react';
10
8
  import type { Slot } from '@fluentui/react-utilities';
11
- import { SlotClassNames } from '@fluentui/react-utilities';
9
+ import type { SlotClassNames } from '@fluentui/react-utilities';
12
10
 
13
11
  /**
14
12
  * A ProgressBar bar shows the progression of a task.
@@ -23,9 +21,9 @@ export declare const progressBarClassNames: SlotClassNames<ProgressBarSlots>;
23
21
  export declare type ProgressBarProps = Omit<ComponentProps<ProgressBarSlots>, 'size'> & {
24
22
  /**
25
23
  * The shape of the bar and track.
26
- * @default 'rounded'
24
+ * @default rounded
27
25
  */
28
- shape?: 'rounded' | 'rectangular';
26
+ shape?: 'rounded' | 'square';
29
27
  /**
30
28
  * A decimal number between `0` and `1` (or between `0` and `max` if given),
31
29
  * which specifies how much of the task has been completed.
@@ -41,13 +39,14 @@ export declare type ProgressBarProps = Omit<ComponentProps<ProgressBarSlots>, 's
41
39
  max?: number;
42
40
  /**
43
41
  * The thickness of the ProgressBar bar
44
- * @default 'medium'
42
+ * @default medium
45
43
  */
46
44
  thickness?: 'medium' | 'large';
47
45
  /**
48
46
  * The status of the ProgressBar bar. Changes the color of the bar.
47
+ * @default brand
49
48
  */
50
- validationState?: 'success' | 'warning' | 'error';
49
+ color?: 'brand' | 'success' | 'warning' | 'error';
51
50
  };
52
51
 
53
52
  export declare type ProgressBarSlots = {
@@ -64,13 +63,23 @@ export declare type ProgressBarSlots = {
64
63
  /**
65
64
  * State used in rendering ProgressBar
66
65
  */
67
- export declare type ProgressBarState = ComponentState<ProgressBarSlots> & Required<Pick<ProgressBarProps, 'max' | 'shape' | 'thickness'>> & Pick<ProgressBarProps, 'value' | 'validationState'>;
66
+ export declare type ProgressBarState = ComponentState<ProgressBarSlots> & Required<Pick<ProgressBarProps, 'max' | 'shape' | 'thickness'>> & Pick<ProgressBarProps, 'value' | 'color'>;
68
67
 
68
+ /** @deprecated Use Field with ProgressBar: `<Field><ProgressBar /></Field>` */
69
69
  export declare const ProgressField_unstable: ForwardRefComponent<ProgressFieldProps_unstable>;
70
70
 
71
- export declare const progressFieldClassNames: SlotClassNames<FieldSlots<FieldControl>>;
71
+ /** @deprecated Use Field with ProgressBar: `<Field><ProgressBar /></Field>` */
72
+ export declare const progressFieldClassNames: {
73
+ control: string;
74
+ root: string;
75
+ label: string;
76
+ validationMessage: string;
77
+ validationMessageIcon: string;
78
+ hint: string;
79
+ };
72
80
 
73
- export declare type ProgressFieldProps_unstable = FieldProps<typeof ProgressBar>;
81
+ /** @deprecated Use Field with ProgressBar: `<Field><ProgressBar /></Field>` */
82
+ export declare type ProgressFieldProps_unstable = DeprecatedFieldProps<ProgressBarProps>;
74
83
 
75
84
  /**
76
85
  * Render the final JSX of ProgressBar
@@ -5,7 +5,6 @@ import { useProgressBarStyles_unstable } from './useProgressBarStyles';
5
5
  /**
6
6
  * A ProgressBar bar shows the progression of a task.
7
7
  */
8
-
9
8
  export const ProgressBar = /*#__PURE__*/React.forwardRef((props, ref) => {
10
9
  const state = useProgressBar_unstable(props, ref);
11
10
  useProgressBarStyles_unstable(state);
@@ -1 +1 @@
1
- {"version":3,"sources":["packages/react-components/react-progress/src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,uBAAT,QAAwC,kBAAxC;AACA,SAAS,0BAAT,QAA2C,qBAA3C;AACA,SAAS,6BAAT,QAA8C,wBAA9C;AAIA;;AAEG;;AACH,OAAO,MAAM,WAAW,gBAA0C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;EAChG,MAAM,KAAK,GAAG,uBAAuB,CAAC,KAAD,EAAQ,GAAR,CAArC;EAEA,6BAA6B,CAAC,KAAD,CAA7B;EACA,OAAO,0BAA0B,CAAC,KAAD,CAAjC;AACD,CALiE,CAA3D;AAOP,WAAW,CAAC,WAAZ,GAA0B,aAA1B","sourcesContent":["import * as React from 'react';\nimport { useProgressBar_unstable } from './useProgressBar';\nimport { renderProgressBar_unstable } from './renderProgressBar';\nimport { useProgressBarStyles_unstable } from './useProgressBarStyles';\nimport type { ProgressBarProps } from './ProgressBar.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * A ProgressBar bar shows the progression of a task.\n */\nexport const ProgressBar: ForwardRefComponent<ProgressBarProps> = React.forwardRef((props, ref) => {\n const state = useProgressBar_unstable(props, ref);\n\n useProgressBarStyles_unstable(state);\n return renderProgressBar_unstable(state);\n});\n\nProgressBar.displayName = 'ProgressBar';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,uBAAuB,QAAQ,kBAAkB;AAC1D,SAASC,0BAA0B,QAAQ,qBAAqB;AAChE,SAASC,6BAA6B,QAAQ,wBAAwB;AAItE;;;AAGA,OAAO,MAAMC,WAAW,gBAA0CJ,KAAK,CAACK,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAChG,MAAMC,KAAK,GAAGP,uBAAuB,CAACK,KAAK,EAAEC,GAAG,CAAC;EAEjDJ,6BAA6B,CAACK,KAAK,CAAC;EACpC,OAAON,0BAA0B,CAACM,KAAK,CAAC;AAC1C,CAAC,CAAC;AAEFJ,WAAW,CAACK,WAAW,GAAG,aAAa","names":["React","useProgressBar_unstable","renderProgressBar_unstable","useProgressBarStyles_unstable","ProgressBar","forwardRef","props","ref","state","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-progress/src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useProgressBar_unstable } from './useProgressBar';\nimport { renderProgressBar_unstable } from './renderProgressBar';\nimport { useProgressBarStyles_unstable } from './useProgressBarStyles';\nimport type { ProgressBarProps } from './ProgressBar.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * A ProgressBar bar shows the progression of a task.\n */\nexport const ProgressBar: ForwardRefComponent<ProgressBarProps> = React.forwardRef((props, ref) => {\n const state = useProgressBar_unstable(props, ref);\n\n useProgressBarStyles_unstable(state);\n return renderProgressBar_unstable(state);\n});\n\nProgressBar.displayName = 'ProgressBar';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressBar.types.js","sourceRoot":"../src/","sources":["packages/react-components/react-progress/src/components/ProgressBar/ProgressBar.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type ProgressBarSlots = {\n /**\n * The track behind the ProgressBar bar\n */\n root: NonNullable<Slot<'div'>>;\n /**\n * The filled portion of the ProgressBar bar. Animated in the indeterminate state, when no value is provided.\n */\n bar?: NonNullable<Slot<'div'>>;\n};\n\n/**\n * ProgressBar Props\n */\nexport type ProgressBarProps = Omit<ComponentProps<ProgressBarSlots>, 'size'> & {\n /**\n * The shape of the bar and track.\n * @default 'rounded'\n */\n shape?: 'rounded' | 'rectangular';\n /**\n * A decimal number between `0` and `1` (or between `0` and `max` if given),\n * which specifies how much of the task has been completed.\n *\n * If `undefined` (default), the ProgressBar will display an **indeterminate** state.\n */\n value?: number;\n /**\n * The maximum value, which indicates the task is complete.\n * The ProgressBar bar will be full when `value` equals `max`.\n * @default 1\n */\n max?: number;\n /**\n * The thickness of the ProgressBar bar\n * @default 'medium'\n */\n thickness?: 'medium' | 'large';\n\n /**\n * The status of the ProgressBar bar. Changes the color of the bar.\n */\n validationState?: 'success' | 'warning' | 'error';\n};\n\n/**\n * State used in rendering ProgressBar\n */\nexport type ProgressBarState = ComponentState<ProgressBarSlots> &\n Required<Pick<ProgressBarProps, 'max' | 'shape' | 'thickness'>> &\n Pick<ProgressBarProps, 'value' | 'validationState'>;\n"]}
1
+ {"version":3,"file":"ProgressBar.types.js","sourceRoot":"../src/","sources":["packages/react-components/react-progress/src/components/ProgressBar/ProgressBar.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type ProgressBarSlots = {\n /**\n * The track behind the ProgressBar bar\n */\n root: NonNullable<Slot<'div'>>;\n /**\n * The filled portion of the ProgressBar bar. Animated in the indeterminate state, when no value is provided.\n */\n bar?: NonNullable<Slot<'div'>>;\n};\n\n/**\n * ProgressBar Props\n */\nexport type ProgressBarProps = Omit<ComponentProps<ProgressBarSlots>, 'size'> & {\n /**\n * The shape of the bar and track.\n * @default rounded\n */\n shape?: 'rounded' | 'square';\n /**\n * A decimal number between `0` and `1` (or between `0` and `max` if given),\n * which specifies how much of the task has been completed.\n *\n * If `undefined` (default), the ProgressBar will display an **indeterminate** state.\n */\n value?: number;\n /**\n * The maximum value, which indicates the task is complete.\n * The ProgressBar bar will be full when `value` equals `max`.\n * @default 1\n */\n max?: number;\n /**\n * The thickness of the ProgressBar bar\n * @default medium\n */\n thickness?: 'medium' | 'large';\n\n /**\n * The status of the ProgressBar bar. Changes the color of the bar.\n * @default brand\n */\n color?: 'brand' | 'success' | 'warning' | 'error';\n};\n\n/**\n * State used in rendering ProgressBar\n */\nexport type ProgressBarState = ComponentState<ProgressBarSlots> &\n Required<Pick<ProgressBarProps, 'max' | 'shape' | 'thickness'>> &\n Pick<ProgressBarProps, 'value' | 'color'>;\n"]}
@@ -3,14 +3,15 @@ import { getSlots } from '@fluentui/react-utilities';
3
3
  /**
4
4
  * Render the final JSX of ProgressBar
5
5
  */
6
-
7
6
  export const renderProgressBar_unstable = state => {
8
7
  const {
9
8
  slots,
10
9
  slotProps
11
10
  } = getSlots(state);
12
- return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
13
- }, slots.bar && /*#__PURE__*/React.createElement(slots.bar, { ...slotProps.bar
11
+ return /*#__PURE__*/React.createElement(slots.root, {
12
+ ...slotProps.root
13
+ }, slots.bar && /*#__PURE__*/React.createElement(slots.bar, {
14
+ ...slotProps.bar
14
15
  }));
15
16
  };
16
17
  //# sourceMappingURL=renderProgressBar.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["packages/react-components/react-progress/src/components/ProgressBar/renderProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,0BAA0B,GAAI,KAAD,IAA4B;EACpE,MAAM;IAAE,KAAF;IAAS;EAAT,IAAuB,QAAQ,CAAmB,KAAnB,CAArC;EACA,oBAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;EAAf,CAAX,EAAiC,KAAK,CAAC,GAAN,iBAAa,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,GAAP,EAAU,EAAA,GAAK,SAAS,CAAC;EAAf,CAAV,CAA9C,CAAP;AACD,CAHM","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { ProgressBarState, ProgressBarSlots } from './ProgressBar.types';\n\n/**\n * Render the final JSX of ProgressBar\n */\nexport const renderProgressBar_unstable = (state: ProgressBarState) => {\n const { slots, slotProps } = getSlots<ProgressBarSlots>(state);\n return <slots.root {...slotProps.root}>{slots.bar && <slots.bar {...slotProps.bar} />}</slots.root>;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,2BAA2B;AAGpD;;;AAGA,OAAO,MAAMC,0BAA0B,GAAIC,KAAuB,IAAI;EACpE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,QAAQ,CAAmBE,KAAK,CAAC;EAC9D,oBAAOH,oBAACI,KAAK,CAACE,IAAI;IAAA,GAAKD,SAAS,CAACC;EAAI,GAAGF,KAAK,CAACG,GAAG,iBAAIP,oBAACI,KAAK,CAACG,GAAG;IAAA,GAAKF,SAAS,CAACE;EAAG,EAAI,CAAc;AACrG,CAAC","names":["React","getSlots","renderProgressBar_unstable","state","slots","slotProps","root","bar"],"sourceRoot":"../src/","sources":["packages/react-components/react-progress/src/components/ProgressBar/renderProgressBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { ProgressBarState, ProgressBarSlots } from './ProgressBar.types';\n\n/**\n * Render the final JSX of ProgressBar\n */\nexport const renderProgressBar_unstable = (state: ProgressBarState) => {\n const { slots, slotProps } = getSlots<ProgressBarSlots>(state);\n return <slots.root {...slotProps.root}>{slots.bar && <slots.bar {...slotProps.bar} />}</slots.root>;\n};\n"]}