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

Sign up to get free protection for your applications and to get access to all the features.
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.