@fluentui/react-button 9.0.0-rc.9 → 9.0.2

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 (92) hide show
  1. package/CHANGELOG.json +387 -1
  2. package/CHANGELOG.md +116 -2
  3. package/README.md +81 -19
  4. package/dist/index.d.ts +32 -55
  5. package/lib/components/Button/Button.js.map +1 -1
  6. package/lib/components/Button/Button.types.js.map +1 -1
  7. package/lib/components/Button/index.js +1 -3
  8. package/lib/components/Button/index.js.map +1 -1
  9. package/lib/components/Button/renderButton.js.map +1 -1
  10. package/lib/components/Button/useButton.js +1 -4
  11. package/lib/components/Button/useButton.js.map +1 -1
  12. package/lib/components/Button/useButtonStyles.js +146 -68
  13. package/lib/components/Button/useButtonStyles.js.map +1 -1
  14. package/lib/components/CompoundButton/CompoundButton.js.map +1 -1
  15. package/lib/components/CompoundButton/CompoundButton.types.js.map +1 -1
  16. package/lib/components/CompoundButton/index.js +1 -3
  17. package/lib/components/CompoundButton/index.js.map +1 -1
  18. package/lib/components/CompoundButton/renderCompoundButton.js.map +1 -1
  19. package/lib/components/CompoundButton/useCompoundButton.js.map +1 -1
  20. package/lib/components/CompoundButton/useCompoundButtonStyles.js +47 -35
  21. package/lib/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
  22. package/lib/components/MenuButton/MenuButton.js +2 -1
  23. package/lib/components/MenuButton/MenuButton.js.map +1 -1
  24. package/lib/components/MenuButton/MenuButton.types.js.map +1 -1
  25. package/lib/components/MenuButton/index.js +1 -3
  26. package/lib/components/MenuButton/index.js.map +1 -1
  27. package/lib/components/MenuButton/renderMenuButton.js.map +1 -1
  28. package/lib/components/MenuButton/useMenuButton.js.map +1 -1
  29. package/lib/components/MenuButton/useMenuButtonStyles.js +24 -17
  30. package/lib/components/MenuButton/useMenuButtonStyles.js.map +1 -1
  31. package/lib/components/SplitButton/SplitButton.js +1 -1
  32. package/lib/components/SplitButton/SplitButton.js.map +1 -1
  33. package/lib/components/SplitButton/index.js +1 -3
  34. package/lib/components/SplitButton/index.js.map +1 -1
  35. package/lib/components/SplitButton/renderSplitButton.js.map +1 -1
  36. package/lib/components/SplitButton/useSplitButton.js +1 -5
  37. package/lib/components/SplitButton/useSplitButton.js.map +1 -1
  38. package/lib/components/SplitButton/useSplitButtonStyles.js +15 -17
  39. package/lib/components/SplitButton/useSplitButtonStyles.js.map +1 -1
  40. package/lib/components/ToggleButton/ToggleButton.js.map +1 -1
  41. package/lib/components/ToggleButton/ToggleButton.types.js.map +1 -1
  42. package/lib/components/ToggleButton/index.js +1 -3
  43. package/lib/components/ToggleButton/index.js.map +1 -1
  44. package/lib/components/ToggleButton/useToggleButton.js.map +1 -1
  45. package/lib/components/ToggleButton/useToggleButtonStyles.js +93 -9
  46. package/lib/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
  47. package/lib/index.js +5 -10
  48. package/lib/index.js.map +1 -1
  49. package/lib/utils/useToggleState.js.map +1 -1
  50. package/lib-commonjs/components/Button/Button.js.map +1 -1
  51. package/lib-commonjs/components/Button/index.js +1 -9
  52. package/lib-commonjs/components/Button/index.js.map +1 -1
  53. package/lib-commonjs/components/Button/renderButton.js.map +1 -1
  54. package/lib-commonjs/components/Button/useButton.js +1 -4
  55. package/lib-commonjs/components/Button/useButton.js.map +1 -1
  56. package/lib-commonjs/components/Button/useButtonStyles.js +147 -69
  57. package/lib-commonjs/components/Button/useButtonStyles.js.map +1 -1
  58. package/lib-commonjs/components/CompoundButton/CompoundButton.js.map +1 -1
  59. package/lib-commonjs/components/CompoundButton/index.js +1 -9
  60. package/lib-commonjs/components/CompoundButton/index.js.map +1 -1
  61. package/lib-commonjs/components/CompoundButton/renderCompoundButton.js.map +1 -1
  62. package/lib-commonjs/components/CompoundButton/useCompoundButton.js.map +1 -1
  63. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js +49 -37
  64. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
  65. package/lib-commonjs/components/MenuButton/MenuButton.js +2 -1
  66. package/lib-commonjs/components/MenuButton/MenuButton.js.map +1 -1
  67. package/lib-commonjs/components/MenuButton/index.js +1 -9
  68. package/lib-commonjs/components/MenuButton/index.js.map +1 -1
  69. package/lib-commonjs/components/MenuButton/renderMenuButton.js.map +1 -1
  70. package/lib-commonjs/components/MenuButton/useMenuButton.js.map +1 -1
  71. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.js +26 -18
  72. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.js.map +1 -1
  73. package/lib-commonjs/components/SplitButton/SplitButton.js +1 -1
  74. package/lib-commonjs/components/SplitButton/SplitButton.js.map +1 -1
  75. package/lib-commonjs/components/SplitButton/index.js +1 -9
  76. package/lib-commonjs/components/SplitButton/index.js.map +1 -1
  77. package/lib-commonjs/components/SplitButton/renderSplitButton.js.map +1 -1
  78. package/lib-commonjs/components/SplitButton/useSplitButton.js +1 -5
  79. package/lib-commonjs/components/SplitButton/useSplitButton.js.map +1 -1
  80. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js +16 -18
  81. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js.map +1 -1
  82. package/lib-commonjs/components/ToggleButton/ToggleButton.js.map +1 -1
  83. package/lib-commonjs/components/ToggleButton/index.js +1 -9
  84. package/lib-commonjs/components/ToggleButton/index.js.map +1 -1
  85. package/lib-commonjs/components/ToggleButton/renderToggleButton.js.map +1 -1
  86. package/lib-commonjs/components/ToggleButton/useToggleButton.js.map +1 -1
  87. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js +95 -10
  88. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
  89. package/lib-commonjs/index.js +1 -36
  90. package/lib-commonjs/index.js.map +1 -1
  91. package/lib-commonjs/utils/useToggleState.js.map +1 -1
  92. package/package.json +10 -12
package/CHANGELOG.json CHANGED
@@ -2,7 +2,393 @@
2
2
  "name": "@fluentui/react-button",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 05 May 2022 18:24:36 GMT",
5
+ "date": "Thu, 14 Jul 2022 17:03:25 GMT",
6
+ "tag": "@fluentui/react-button_v9.0.2",
7
+ "version": "9.0.2",
8
+ "comments": {
9
+ "none": [
10
+ {
11
+ "author": "mgodbolt@microsoft.com",
12
+ "package": "@fluentui/react-button",
13
+ "commit": "769bfa3d797cb79aa6594aa8589e382403287a9d",
14
+ "comment": "Organize left navigation, add theme entries"
15
+ },
16
+ {
17
+ "author": "Humberto.Morimoto@microsoft.com",
18
+ "package": "@fluentui/react-button",
19
+ "commit": "422636fffd66758c1a6dd617063582d902b61927",
20
+ "comment": "docs: Replacing https://aka.ms/fluentui-storybook with https://react.fluentui.dev/ to point to the official documentation site."
21
+ }
22
+ ],
23
+ "patch": [
24
+ {
25
+ "author": "ololubek@microsoft.com",
26
+ "package": "@fluentui/react-button",
27
+ "commit": "63ab03fa7a9b3d02204147ea5356b8f78751df42",
28
+ "comment": "chore: Update @fluentui/react-icons dependency to v2.0.175"
29
+ },
30
+ {
31
+ "author": "beachball",
32
+ "package": "@fluentui/react-button",
33
+ "comment": "Bump @fluentui/react-aria to v9.0.1",
34
+ "commit": "fd9308f35ec9b2c7f7fdbfce62f9a94ca00d6536"
35
+ },
36
+ {
37
+ "author": "beachball",
38
+ "package": "@fluentui/react-button",
39
+ "comment": "Bump @fluentui/react-tabster to v9.0.2",
40
+ "commit": "fd9308f35ec9b2c7f7fdbfce62f9a94ca00d6536"
41
+ },
42
+ {
43
+ "author": "beachball",
44
+ "package": "@fluentui/react-button",
45
+ "comment": "Bump @fluentui/react-utilities to v9.0.1-0",
46
+ "commit": "fd9308f35ec9b2c7f7fdbfce62f9a94ca00d6536"
47
+ },
48
+ {
49
+ "author": "beachball",
50
+ "package": "@fluentui/react-button",
51
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.11",
52
+ "commit": "fd9308f35ec9b2c7f7fdbfce62f9a94ca00d6536"
53
+ }
54
+ ]
55
+ }
56
+ },
57
+ {
58
+ "date": "Tue, 28 Jun 2022 17:39:47 GMT",
59
+ "tag": "@fluentui/react-button_v9.0.1",
60
+ "version": "9.0.1",
61
+ "comments": {
62
+ "patch": [
63
+ {
64
+ "author": "lingfangao@hotmail.com",
65
+ "package": "@fluentui/react-button",
66
+ "commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b",
67
+ "comment": "fix: Use caret dependency range for Griffel"
68
+ },
69
+ {
70
+ "author": "beachball",
71
+ "package": "@fluentui/react-button",
72
+ "comment": "Bump @fluentui/react-tabster to v9.0.1",
73
+ "commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b"
74
+ },
75
+ {
76
+ "author": "beachball",
77
+ "package": "@fluentui/react-button",
78
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.10",
79
+ "commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b"
80
+ }
81
+ ]
82
+ }
83
+ },
84
+ {
85
+ "date": "Tue, 28 Jun 2022 15:13:26 GMT",
86
+ "tag": "@fluentui/react-button_v9.0.0",
87
+ "version": "9.0.0",
88
+ "comments": {
89
+ "prerelease": [
90
+ {
91
+ "author": "lingfangao@hotmail.com",
92
+ "package": "@fluentui/react-button",
93
+ "commit": "675acea49c97f10837ddee9b8c4350ca27750125",
94
+ "comment": "Bump Griffel dependencies"
95
+ },
96
+ {
97
+ "author": "Humberto.Morimoto@microsoft.com",
98
+ "package": "@fluentui/react-button",
99
+ "commit": "ce6fe7e35398b3ca4e11a26b777fd9ba46529c72",
100
+ "comment": "README and migration guide cleanup."
101
+ },
102
+ {
103
+ "author": "Humberto.Morimoto@microsoft.com",
104
+ "package": "@fluentui/react-button",
105
+ "commit": "31b9f89bcd3ffc2b0719b0b55643ccf92ff6a686",
106
+ "comment": "Button: Adding missing forced color adjust overrides."
107
+ },
108
+ {
109
+ "author": "lingfangao@hotmail.com",
110
+ "package": "@fluentui/react-button",
111
+ "commit": "e0aabd850b15adf9c151ebd4e332f7c50ad6cfdf",
112
+ "comment": "Update 9.0.0-rc dependencies to use caret range"
113
+ },
114
+ {
115
+ "author": "Humberto.Morimoto@microsoft.com",
116
+ "package": "@fluentui/react-button",
117
+ "commit": "d32031b50748baff9cb9592ca360ef8e54f61ab8",
118
+ "comment": "Button: Fixing hover styles in High Contrast mode."
119
+ },
120
+ {
121
+ "author": "olfedias@microsoft.com",
122
+ "package": "@fluentui/react-button",
123
+ "commit": "82bd30dd41ad58df1f325e9b721200ed15d674a2",
124
+ "comment": "chore: Update @fluentui/react-icons to latest version"
125
+ }
126
+ ],
127
+ "none": [
128
+ {
129
+ "author": "mgodbolt@microsoft.com",
130
+ "package": "@fluentui/react-button",
131
+ "commit": "19377b1b434b3fd25c7d2a4be1c548bb553803a1",
132
+ "comment": "chore: Moving button stories to folder with index entry."
133
+ }
134
+ ],
135
+ "patch": [
136
+ {
137
+ "author": "lingfangao@hotmail.com",
138
+ "package": "@fluentui/react-button",
139
+ "commit": "c7b1348bdad7aa883c29bfbc96ef2a32e6ebc7dd",
140
+ "comment": "feat: Initial 9.0.0 release"
141
+ },
142
+ {
143
+ "author": "beachball",
144
+ "package": "@fluentui/react-button",
145
+ "comment": "Bump @fluentui/keyboard-keys to v9.0.0",
146
+ "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
147
+ },
148
+ {
149
+ "author": "beachball",
150
+ "package": "@fluentui/react-button",
151
+ "comment": "Bump @fluentui/react-aria to v9.0.0",
152
+ "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
153
+ },
154
+ {
155
+ "author": "beachball",
156
+ "package": "@fluentui/react-button",
157
+ "comment": "Bump @fluentui/react-tabster to v9.0.0",
158
+ "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
159
+ },
160
+ {
161
+ "author": "beachball",
162
+ "package": "@fluentui/react-button",
163
+ "comment": "Bump @fluentui/react-theme to v9.0.0",
164
+ "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
165
+ },
166
+ {
167
+ "author": "beachball",
168
+ "package": "@fluentui/react-button",
169
+ "comment": "Bump @fluentui/react-utilities to v9.0.0",
170
+ "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
171
+ },
172
+ {
173
+ "author": "beachball",
174
+ "package": "@fluentui/react-button",
175
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.9",
176
+ "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
177
+ }
178
+ ]
179
+ }
180
+ },
181
+ {
182
+ "date": "Thu, 23 Jun 2022 14:25:31 GMT",
183
+ "tag": "@fluentui/react-button_v9.0.0-rc.14",
184
+ "version": "9.0.0-rc.14",
185
+ "comments": {
186
+ "prerelease": [
187
+ {
188
+ "author": "beachball",
189
+ "package": "@fluentui/react-button",
190
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.14",
191
+ "commit": "b00790b7a0ea1473d8c3cc49c7ca0088002957ed"
192
+ },
193
+ {
194
+ "author": "beachball",
195
+ "package": "@fluentui/react-button",
196
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.10",
197
+ "commit": "b00790b7a0ea1473d8c3cc49c7ca0088002957ed"
198
+ }
199
+ ]
200
+ }
201
+ },
202
+ {
203
+ "date": "Tue, 31 May 2022 21:28:36 GMT",
204
+ "tag": "@fluentui/react-button_v9.0.0-rc.13",
205
+ "version": "9.0.0-rc.13",
206
+ "comments": {
207
+ "prerelease": [
208
+ {
209
+ "author": "olfedias@microsoft.com",
210
+ "package": "@fluentui/react-button",
211
+ "commit": "0a5e9fa77a72eecafdd07034ccdc0b95fd49877c",
212
+ "comment": "chore: Update Griffel to latest version"
213
+ },
214
+ {
215
+ "author": "beachball",
216
+ "package": "@fluentui/react-button",
217
+ "comment": "Bump @fluentui/react-aria to v9.0.0-rc.10",
218
+ "commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
219
+ },
220
+ {
221
+ "author": "beachball",
222
+ "package": "@fluentui/react-button",
223
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.13",
224
+ "commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
225
+ },
226
+ {
227
+ "author": "beachball",
228
+ "package": "@fluentui/react-button",
229
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.10",
230
+ "commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
231
+ },
232
+ {
233
+ "author": "beachball",
234
+ "package": "@fluentui/react-button",
235
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.8",
236
+ "commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
237
+ }
238
+ ]
239
+ }
240
+ },
241
+ {
242
+ "date": "Thu, 26 May 2022 21:01:23 GMT",
243
+ "tag": "@fluentui/react-button_v9.0.0-rc.12",
244
+ "version": "9.0.0-rc.12",
245
+ "comments": {
246
+ "prerelease": [
247
+ {
248
+ "author": "Humberto.Morimoto@microsoft.com",
249
+ "package": "@fluentui/react-button",
250
+ "commit": "cc2a9d0f9b722f68a54da026ab320e3be22c21dd",
251
+ "comment": "ToggleButton: Differentiating hover and checked styles."
252
+ },
253
+ {
254
+ "author": "Humberto.Morimoto@microsoft.com",
255
+ "package": "@fluentui/react-button",
256
+ "commit": "2c84c4f1ad43819325ee0aafa57d42a1f8239113",
257
+ "comment": "ToggleButton: Apply thicker border width to checked outline toggle buttons."
258
+ },
259
+ {
260
+ "author": "beachball",
261
+ "package": "@fluentui/react-button",
262
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.12",
263
+ "commit": "3cf55ce998048554bf6a550de44403843ea8ede0"
264
+ }
265
+ ]
266
+ }
267
+ },
268
+ {
269
+ "date": "Mon, 23 May 2022 18:56:41 GMT",
270
+ "tag": "@fluentui/react-button_v9.0.0-rc.11",
271
+ "version": "9.0.0-rc.11",
272
+ "comments": {
273
+ "prerelease": [
274
+ {
275
+ "author": "esteban.230@hotmail.com",
276
+ "package": "@fluentui/react-button",
277
+ "commit": "5ed22515a7542b432ed694f22606ac3718d501cb",
278
+ "comment": "Removing <componentName>ClassName exports."
279
+ },
280
+ {
281
+ "author": "Humberto.Morimoto@microsoft.com",
282
+ "package": "@fluentui/react-button",
283
+ "commit": "5ed22515a7542b432ed694f22606ac3718d501cb",
284
+ "comment": "Removing deprecated block prop from all button components."
285
+ },
286
+ {
287
+ "author": "beachball",
288
+ "package": "@fluentui/react-button",
289
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.11",
290
+ "commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
291
+ },
292
+ {
293
+ "author": "beachball",
294
+ "package": "@fluentui/react-button",
295
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.9",
296
+ "commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
297
+ },
298
+ {
299
+ "author": "beachball",
300
+ "package": "@fluentui/react-button",
301
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.7",
302
+ "commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
303
+ }
304
+ ],
305
+ "none": [
306
+ {
307
+ "author": "Humberto.Morimoto@microsoft.com",
308
+ "package": "@fluentui/react-button",
309
+ "commit": "aa1f446e037786d74a3c14f0bee09dbcf403a929",
310
+ "comment": "Improving README and updating spec and migration guide."
311
+ }
312
+ ]
313
+ }
314
+ },
315
+ {
316
+ "date": "Mon, 23 May 2022 12:14:03 GMT",
317
+ "tag": "@fluentui/react-button_v9.0.0-rc.10",
318
+ "version": "9.0.0-rc.10",
319
+ "comments": {
320
+ "prerelease": [
321
+ {
322
+ "author": "Humberto.Morimoto@microsoft.com",
323
+ "package": "@fluentui/react-button",
324
+ "commit": "6cb084a7afe7d662dc2d9d65b91474f132566390",
325
+ "comment": "Using spacing tokens for button components."
326
+ },
327
+ {
328
+ "author": "Humberto.Morimoto@microsoft.com",
329
+ "package": "@fluentui/react-button",
330
+ "commit": "29f73d77cfdc20a123cb64115fb1a926300d216e",
331
+ "comment": "Removing flex gap from button components and fixing spacing to better align with design spec."
332
+ },
333
+ {
334
+ "author": "olfedias@microsoft.com",
335
+ "package": "@fluentui/react-button",
336
+ "commit": "f120fe9160ad7311a87af0cfacd8d2fb26275e34",
337
+ "comment": "chore: Update Griffel to latest version"
338
+ },
339
+ {
340
+ "author": "olfedias@microsoft.com",
341
+ "package": "@fluentui/react-button",
342
+ "commit": "60804cec07a495b8a5d1fc66338bf0443b212144",
343
+ "comment": "chore: Update Griffel to latest version"
344
+ },
345
+ {
346
+ "author": "humberto_makoto@hotmail.com",
347
+ "package": "@fluentui/react-button",
348
+ "commit": "606dca4330f71a3a3ac466a30b3db1664ad0c55d",
349
+ "comment": "Removing Common types from all button components."
350
+ },
351
+ {
352
+ "author": "Humberto.Morimoto@microsoft.com",
353
+ "package": "@fluentui/react-button",
354
+ "commit": "be57c96ae39842da3bc38740b7823eeee68cc3ea",
355
+ "comment": "Removing ToggleButtonCommons type in @fluentui/react-button."
356
+ },
357
+ {
358
+ "author": "beachball",
359
+ "package": "@fluentui/react-button",
360
+ "comment": "Bump @fluentui/react-aria to v9.0.0-rc.9",
361
+ "commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
362
+ },
363
+ {
364
+ "author": "beachball",
365
+ "package": "@fluentui/react-button",
366
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.10",
367
+ "commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
368
+ },
369
+ {
370
+ "author": "beachball",
371
+ "package": "@fluentui/react-button",
372
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.8",
373
+ "commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
374
+ },
375
+ {
376
+ "author": "beachball",
377
+ "package": "@fluentui/react-button",
378
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.9",
379
+ "commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
380
+ },
381
+ {
382
+ "author": "beachball",
383
+ "package": "@fluentui/react-button",
384
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.6",
385
+ "commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
386
+ }
387
+ ]
388
+ }
389
+ },
390
+ {
391
+ "date": "Thu, 05 May 2022 18:26:29 GMT",
6
392
  "tag": "@fluentui/react-button_v9.0.0-rc.9",
7
393
  "version": "9.0.0-rc.9",
8
394
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,126 @@
1
1
  # Change Log - @fluentui/react-button
2
2
 
3
- This log was last generated on Thu, 05 May 2022 18:24:36 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 14 Jul 2022 17:03:25 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.2)
8
+
9
+ Thu, 14 Jul 2022 17:03:25 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.1..@fluentui/react-button_v9.0.2)
11
+
12
+ ### Patches
13
+
14
+ - chore: Update @fluentui/react-icons dependency to v2.0.175 ([PR #23812](https://github.com/microsoft/fluentui/pull/23812) by ololubek@microsoft.com)
15
+ - Bump @fluentui/react-aria to v9.0.1 ([PR #23909](https://github.com/microsoft/fluentui/pull/23909) by beachball)
16
+ - Bump @fluentui/react-tabster to v9.0.2 ([PR #23909](https://github.com/microsoft/fluentui/pull/23909) by beachball)
17
+ - Bump @fluentui/react-utilities to v9.0.1-0 ([PR #23909](https://github.com/microsoft/fluentui/pull/23909) by beachball)
18
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.11 ([PR #23909](https://github.com/microsoft/fluentui/pull/23909) by beachball)
19
+
20
+ ## [9.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.1)
21
+
22
+ Tue, 28 Jun 2022 17:39:47 GMT
23
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0..@fluentui/react-button_v9.0.1)
24
+
25
+ ### Patches
26
+
27
+ - fix: Use caret dependency range for Griffel ([PR #23754](https://github.com/microsoft/fluentui/pull/23754) by lingfangao@hotmail.com)
28
+ - Bump @fluentui/react-tabster to v9.0.1 ([PR #23754](https://github.com/microsoft/fluentui/pull/23754) by beachball)
29
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.10 ([PR #23754](https://github.com/microsoft/fluentui/pull/23754) by beachball)
30
+
31
+ ## [9.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0)
32
+
33
+ Tue, 28 Jun 2022 15:13:26 GMT
34
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.14..@fluentui/react-button_v9.0.0)
35
+
36
+ ### Patches
37
+
38
+ - feat: Initial 9.0.0 release ([PR #23733](https://github.com/microsoft/fluentui/pull/23733) by lingfangao@hotmail.com)
39
+ - Bump @fluentui/keyboard-keys to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
40
+ - Bump @fluentui/react-aria to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
41
+ - Bump @fluentui/react-tabster to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
42
+ - Bump @fluentui/react-theme to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
43
+ - Bump @fluentui/react-utilities to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
44
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.9 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
45
+
46
+ ### Changes
47
+
48
+ - Bump Griffel dependencies ([PR #23688](https://github.com/microsoft/fluentui/pull/23688) by lingfangao@hotmail.com)
49
+ - README and migration guide cleanup. ([PR #23395](https://github.com/microsoft/fluentui/pull/23395) by Humberto.Morimoto@microsoft.com)
50
+ - Button: Adding missing forced color adjust overrides. ([PR #23387](https://github.com/microsoft/fluentui/pull/23387) by Humberto.Morimoto@microsoft.com)
51
+ - Update 9.0.0-rc dependencies to use caret range ([PR #23732](https://github.com/microsoft/fluentui/pull/23732) by lingfangao@hotmail.com)
52
+ - Button: Fixing hover styles in High Contrast mode. ([PR #23384](https://github.com/microsoft/fluentui/pull/23384) by Humberto.Morimoto@microsoft.com)
53
+ - chore: Update @fluentui/react-icons to latest version ([PR #23459](https://github.com/microsoft/fluentui/pull/23459) by olfedias@microsoft.com)
54
+
55
+ ## [9.0.0-rc.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.14)
56
+
57
+ Thu, 23 Jun 2022 14:25:31 GMT
58
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.13..@fluentui/react-button_v9.0.0-rc.14)
59
+
60
+ ### Changes
61
+
62
+ - Bump @fluentui/react-tabster to v9.0.0-rc.14 ([PR #23608](https://github.com/microsoft/fluentui/pull/23608) by beachball)
63
+ - Bump @fluentui/react-theme to v9.0.0-rc.10 ([PR #23608](https://github.com/microsoft/fluentui/pull/23608) by beachball)
64
+
65
+ ## [9.0.0-rc.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.13)
66
+
67
+ Tue, 31 May 2022 21:28:36 GMT
68
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.12..@fluentui/react-button_v9.0.0-rc.13)
69
+
70
+ ### Changes
71
+
72
+ - chore: Update Griffel to latest version ([PR #23275](https://github.com/microsoft/fluentui/pull/23275) by olfedias@microsoft.com)
73
+ - Bump @fluentui/react-aria to v9.0.0-rc.10 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
74
+ - Bump @fluentui/react-tabster to v9.0.0-rc.13 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
75
+ - Bump @fluentui/react-utilities to v9.0.0-rc.10 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
76
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.8 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
77
+
78
+ ## [9.0.0-rc.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.12)
79
+
80
+ Thu, 26 May 2022 21:01:23 GMT
81
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.11..@fluentui/react-button_v9.0.0-rc.12)
82
+
83
+ ### Changes
84
+
85
+ - ToggleButton: Differentiating hover and checked styles. ([PR #23209](https://github.com/microsoft/fluentui/pull/23209) by Humberto.Morimoto@microsoft.com)
86
+ - ToggleButton: Apply thicker border width to checked outline toggle buttons. ([PR #23207](https://github.com/microsoft/fluentui/pull/23207) by Humberto.Morimoto@microsoft.com)
87
+ - Bump @fluentui/react-tabster to v9.0.0-rc.12 ([PR #23267](https://github.com/microsoft/fluentui/pull/23267) by beachball)
88
+
89
+ ## [9.0.0-rc.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.11)
90
+
91
+ Mon, 23 May 2022 18:56:41 GMT
92
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.10..@fluentui/react-button_v9.0.0-rc.11)
93
+
94
+ ### Changes
95
+
96
+ - Removing <componentName>ClassName exports. ([PR #23092](https://github.com/microsoft/fluentui/pull/23092) by esteban.230@hotmail.com)
97
+ - Removing deprecated block prop from all button components. ([PR #23092](https://github.com/microsoft/fluentui/pull/23092) by Humberto.Morimoto@microsoft.com)
98
+ - Bump @fluentui/react-tabster to v9.0.0-rc.11 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
99
+ - Bump @fluentui/react-theme to v9.0.0-rc.9 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
100
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.7 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
101
+
102
+ ## [9.0.0-rc.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.10)
103
+
104
+ Mon, 23 May 2022 12:14:03 GMT
105
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.9..@fluentui/react-button_v9.0.0-rc.10)
106
+
107
+ ### Changes
108
+
109
+ - Using spacing tokens for button components. ([PR #23076](https://github.com/microsoft/fluentui/pull/23076) by Humberto.Morimoto@microsoft.com)
110
+ - Removing flex gap from button components and fixing spacing to better align with design spec. ([PR #23091](https://github.com/microsoft/fluentui/pull/23091) by Humberto.Morimoto@microsoft.com)
111
+ - chore: Update Griffel to latest version ([PR #22894](https://github.com/microsoft/fluentui/pull/22894) by olfedias@microsoft.com)
112
+ - chore: Update Griffel to latest version ([PR #23029](https://github.com/microsoft/fluentui/pull/23029) by olfedias@microsoft.com)
113
+ - Removing Common types from all button components. ([PR #22904](https://github.com/microsoft/fluentui/pull/22904) by humberto_makoto@hotmail.com)
114
+ - Removing ToggleButtonCommons type in @fluentui/react-button. ([PR #23067](https://github.com/microsoft/fluentui/pull/23067) by Humberto.Morimoto@microsoft.com)
115
+ - Bump @fluentui/react-aria to v9.0.0-rc.9 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
116
+ - Bump @fluentui/react-tabster to v9.0.0-rc.10 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
117
+ - Bump @fluentui/react-theme to v9.0.0-rc.8 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
118
+ - Bump @fluentui/react-utilities to v9.0.0-rc.9 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
119
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.6 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
120
+
7
121
  ## [9.0.0-rc.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.9)
8
122
 
9
- Thu, 05 May 2022 18:24:36 GMT
123
+ Thu, 05 May 2022 18:26:29 GMT
10
124
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.8..@fluentui/react-button_v9.0.0-rc.9)
11
125
 
12
126
  ### Changes
package/README.md CHANGED
@@ -1,36 +1,98 @@
1
1
  # @fluentui/react-button
2
2
 
3
- **Button components for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**
3
+ **Button components for [Fluent UI React](https://react.fluentui.dev/)**
4
4
 
5
- The Button component enables users to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.
6
-
7
- ## STATUS: WIP 🚧
8
-
9
- 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.
5
+ - Buttons enable users to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.
6
+ - CompoundButtons are buttons that can have secondary content that adds extra information to the user.
7
+ - MenuButtons are buttons that have a chevron icon after the button contents and are usually clicked to open/close menus.
8
+ - SplitButtons are a grouping of two interactive surfaces where interacting with the first one triggers a primary action, while interacting with the second one opens a menu with secondary actions.
9
+ - ToggleButtons are buttons that toggle between two defined states when triggered.
10
10
 
11
11
  ## Usage
12
12
 
13
13
  To import Button:
14
14
 
15
15
  ```js
16
- import { Button } from '@fluentui/react-button';
16
+ import { Button, CompoundButton, MenuButton, SplitButton, ToggleButton } from '@fluentui/react-components';
17
17
  ```
18
18
 
19
- Once the Button component graduates to a production release, the component will be available at:
19
+ ### Examples
20
20
 
21
- ```js
22
- import { Button } from '@fluentui/react-components';
21
+ ### Button
22
+
23
+ ```jsx
24
+ <Button>Submit</Button>
25
+ <Button icon={<SVGIcon />} />
26
+ <Button icon={<SVGIcon />}>Submit</Button>
27
+ <Button icon={<SVGIcon />} iconPosition="after">Submit</Button>
28
+ <Button appearance="primary">Submit</Button>
29
+ <Button disabled>Submit</Button>
30
+ <Button size="small">Submit</Button>
31
+ <Button size="large">Submit</Button>
23
32
  ```
24
33
 
25
- ### Examples
34
+ ### CompoundButton
26
35
 
27
36
  ```jsx
28
- <Button>Text</Button>
29
- <Button icon={<SVGIcon />} />
30
- <Button icon={<SVGIcon />}>Text</Button>
31
- <Button icon={<SVGIcon />} iconPosition="after">Text</Button>
32
- <Button primary>Text</Button>
33
- <Button disabled>Text</Button>
34
- <Button size="small">Text</Button>
35
- <Button size="large">Text</Button>
37
+ <CompoundButton icon={<CalendarMonth />} secondaryContent="Secondary content" {...props}>
38
+ Example
39
+ </CompoundButton>
40
+ ```
41
+
42
+ ### MenuButton
43
+
44
+ ```jsx
45
+ <Menu>
46
+ <MenuTrigger>
47
+ <MenuButton>Example</MenuButton>
48
+ </MenuTrigger>
49
+
50
+ <MenuPopover>
51
+ <MenuList>
52
+ <MenuItem>Item a</MenuItem>
53
+ <MenuItem>Item b</MenuItem>
54
+ </MenuList>
55
+ </MenuPopover>
56
+ </Menu>
57
+ ```
58
+
59
+ ### SplitButton
60
+
61
+ ```jsx
62
+ <Menu positioning="below-end">
63
+ <MenuTrigger>
64
+ {(triggerProps: MenuButtonProps) => <SplitButton menuButton={triggerProps}>Example</SplitButton>}
65
+ </MenuTrigger>
66
+
67
+ <MenuPopover>
68
+ <MenuList>
69
+ <MenuItem>Item a</MenuItem>
70
+ <MenuItem>Item b</MenuItem>
71
+ </MenuList>
72
+ </MenuPopover>
73
+ </Menu>
74
+ ```
75
+
76
+ ### ToggleButton
77
+
78
+ ```jsx
79
+ <ToggleButton>Toggle volume</ToggleButton>
80
+ <ToggleButton defaultChecked={true}>Toggle volume</ToggleButton>
81
+ <ToggleButton checked={true}>Toggle volume</ToggleButton>
82
+ <ToggleButton checked={false}>Toggle volume</ToggleButton>
36
83
  ```
84
+
85
+ See [Fluent UI Storybook](https://react.fluentui.dev/) for more detailed usage examples.
86
+
87
+ Alternatively, run Storybook locally with:
88
+
89
+ 1. `yarn start`
90
+ 2. Select `react-button` from the list.
91
+
92
+ ### Specification
93
+
94
+ See [SPEC.md](./src/components/Button/SPEC.md).
95
+
96
+ ### Migration Guide
97
+
98
+ If you're upgrading to Fluent UI v9 see [MIGRATION.md](./src/components/Button/MIGRATION.md) for guidance on updating to the latest component implementations.