@fluentui/react-button 9.0.0-rc.8 → 9.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (169) hide show
  1. package/CHANGELOG.json +385 -1
  2. package/CHANGELOG.md +118 -2
  3. package/README.md +81 -19
  4. package/dist/index.d.ts +32 -55
  5. package/{lib → dist}/tsdoc-metadata.json +0 -0
  6. package/lib/components/Button/Button.js.map +1 -1
  7. package/lib/components/Button/Button.types.js.map +1 -1
  8. package/lib/components/Button/index.js +1 -3
  9. package/lib/components/Button/index.js.map +1 -1
  10. package/lib/components/Button/renderButton.js.map +1 -1
  11. package/lib/components/Button/useButton.js +1 -4
  12. package/lib/components/Button/useButton.js.map +1 -1
  13. package/lib/components/Button/useButtonStyles.js +146 -68
  14. package/lib/components/Button/useButtonStyles.js.map +1 -1
  15. package/lib/components/CompoundButton/CompoundButton.js.map +1 -1
  16. package/lib/components/CompoundButton/CompoundButton.types.js.map +1 -1
  17. package/lib/components/CompoundButton/index.js +1 -3
  18. package/lib/components/CompoundButton/index.js.map +1 -1
  19. package/lib/components/CompoundButton/renderCompoundButton.js.map +1 -1
  20. package/lib/components/CompoundButton/useCompoundButton.js.map +1 -1
  21. package/lib/components/CompoundButton/useCompoundButtonStyles.js +47 -35
  22. package/lib/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
  23. package/lib/components/MenuButton/MenuButton.js +2 -1
  24. package/lib/components/MenuButton/MenuButton.js.map +1 -1
  25. package/lib/components/MenuButton/MenuButton.types.js.map +1 -1
  26. package/lib/components/MenuButton/index.js +1 -3
  27. package/lib/components/MenuButton/index.js.map +1 -1
  28. package/lib/components/MenuButton/renderMenuButton.js.map +1 -1
  29. package/lib/components/MenuButton/useMenuButton.js.map +1 -1
  30. package/lib/components/MenuButton/useMenuButtonStyles.js +24 -17
  31. package/lib/components/MenuButton/useMenuButtonStyles.js.map +1 -1
  32. package/lib/components/SplitButton/SplitButton.js +1 -1
  33. package/lib/components/SplitButton/SplitButton.js.map +1 -1
  34. package/lib/components/SplitButton/index.js +1 -3
  35. package/lib/components/SplitButton/index.js.map +1 -1
  36. package/lib/components/SplitButton/renderSplitButton.js.map +1 -1
  37. package/lib/components/SplitButton/useSplitButton.js +1 -5
  38. package/lib/components/SplitButton/useSplitButton.js.map +1 -1
  39. package/lib/components/SplitButton/useSplitButtonStyles.js +15 -17
  40. package/lib/components/SplitButton/useSplitButtonStyles.js.map +1 -1
  41. package/lib/components/ToggleButton/ToggleButton.js.map +1 -1
  42. package/lib/components/ToggleButton/ToggleButton.types.js.map +1 -1
  43. package/lib/components/ToggleButton/index.js +1 -3
  44. package/lib/components/ToggleButton/index.js.map +1 -1
  45. package/lib/components/ToggleButton/useToggleButton.js.map +1 -1
  46. package/lib/components/ToggleButton/useToggleButtonStyles.js +93 -9
  47. package/lib/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
  48. package/lib/index.js +5 -10
  49. package/lib/index.js.map +1 -1
  50. package/lib/utils/useToggleState.js.map +1 -1
  51. package/lib-commonjs/components/Button/Button.js.map +1 -1
  52. package/lib-commonjs/components/Button/index.js +1 -9
  53. package/lib-commonjs/components/Button/index.js.map +1 -1
  54. package/lib-commonjs/components/Button/renderButton.js.map +1 -1
  55. package/lib-commonjs/components/Button/useButton.js +1 -4
  56. package/lib-commonjs/components/Button/useButton.js.map +1 -1
  57. package/lib-commonjs/components/Button/useButtonStyles.js +147 -69
  58. package/lib-commonjs/components/Button/useButtonStyles.js.map +1 -1
  59. package/lib-commonjs/components/CompoundButton/CompoundButton.js.map +1 -1
  60. package/lib-commonjs/components/CompoundButton/index.js +1 -9
  61. package/lib-commonjs/components/CompoundButton/index.js.map +1 -1
  62. package/lib-commonjs/components/CompoundButton/renderCompoundButton.js.map +1 -1
  63. package/lib-commonjs/components/CompoundButton/useCompoundButton.js.map +1 -1
  64. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js +49 -37
  65. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
  66. package/lib-commonjs/components/MenuButton/MenuButton.js +2 -1
  67. package/lib-commonjs/components/MenuButton/MenuButton.js.map +1 -1
  68. package/lib-commonjs/components/MenuButton/index.js +1 -9
  69. package/lib-commonjs/components/MenuButton/index.js.map +1 -1
  70. package/lib-commonjs/components/MenuButton/renderMenuButton.js.map +1 -1
  71. package/lib-commonjs/components/MenuButton/useMenuButton.js.map +1 -1
  72. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.js +26 -18
  73. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.js.map +1 -1
  74. package/lib-commonjs/components/SplitButton/SplitButton.js +1 -1
  75. package/lib-commonjs/components/SplitButton/SplitButton.js.map +1 -1
  76. package/lib-commonjs/components/SplitButton/index.js +1 -9
  77. package/lib-commonjs/components/SplitButton/index.js.map +1 -1
  78. package/lib-commonjs/components/SplitButton/renderSplitButton.js.map +1 -1
  79. package/lib-commonjs/components/SplitButton/useSplitButton.js +1 -5
  80. package/lib-commonjs/components/SplitButton/useSplitButton.js.map +1 -1
  81. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js +16 -18
  82. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js.map +1 -1
  83. package/lib-commonjs/components/ToggleButton/ToggleButton.js.map +1 -1
  84. package/lib-commonjs/components/ToggleButton/index.js +1 -9
  85. package/lib-commonjs/components/ToggleButton/index.js.map +1 -1
  86. package/lib-commonjs/components/ToggleButton/renderToggleButton.js.map +1 -1
  87. package/lib-commonjs/components/ToggleButton/useToggleButton.js.map +1 -1
  88. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js +95 -10
  89. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
  90. package/lib-commonjs/index.js +1 -36
  91. package/lib-commonjs/index.js.map +1 -1
  92. package/lib-commonjs/utils/useToggleState.js.map +1 -1
  93. package/package.json +11 -13
  94. package/lib/Button.d.ts +0 -1
  95. package/lib/CompoundButton.d.ts +0 -1
  96. package/lib/MenuButton.d.ts +0 -1
  97. package/lib/SplitButton.d.ts +0 -1
  98. package/lib/ToggleButton.d.ts +0 -1
  99. package/lib/components/Button/Button.d.ts +0 -6
  100. package/lib/components/Button/Button.types.d.ts +0 -64
  101. package/lib/components/Button/index.d.ts +0 -5
  102. package/lib/components/Button/renderButton.d.ts +0 -5
  103. package/lib/components/Button/useButton.d.ts +0 -8
  104. package/lib/components/Button/useButtonStyles.d.ts +0 -8
  105. package/lib/components/CompoundButton/CompoundButton.d.ts +0 -6
  106. package/lib/components/CompoundButton/CompoundButton.types.d.ts +0 -14
  107. package/lib/components/CompoundButton/index.d.ts +0 -5
  108. package/lib/components/CompoundButton/renderCompoundButton.d.ts +0 -5
  109. package/lib/components/CompoundButton/useCompoundButton.d.ts +0 -8
  110. package/lib/components/CompoundButton/useCompoundButtonStyles.d.ts +0 -8
  111. package/lib/components/MenuButton/MenuButton.d.ts +0 -6
  112. package/lib/components/MenuButton/MenuButton.types.d.ts +0 -10
  113. package/lib/components/MenuButton/index.d.ts +0 -5
  114. package/lib/components/MenuButton/renderMenuButton.d.ts +0 -5
  115. package/lib/components/MenuButton/useMenuButton.d.ts +0 -6
  116. package/lib/components/MenuButton/useMenuButtonStyles.d.ts +0 -8
  117. package/lib/components/SplitButton/SplitButton.d.ts +0 -7
  118. package/lib/components/SplitButton/SplitButton.types.d.ts +0 -21
  119. package/lib/components/SplitButton/index.d.ts +0 -5
  120. package/lib/components/SplitButton/renderSplitButton.d.ts +0 -5
  121. package/lib/components/SplitButton/useSplitButton.d.ts +0 -8
  122. package/lib/components/SplitButton/useSplitButtonStyles.d.ts +0 -8
  123. package/lib/components/ToggleButton/ToggleButton.d.ts +0 -6
  124. package/lib/components/ToggleButton/ToggleButton.types.d.ts +0 -20
  125. package/lib/components/ToggleButton/index.d.ts +0 -5
  126. package/lib/components/ToggleButton/renderToggleButton.d.ts +0 -1
  127. package/lib/components/ToggleButton/useToggleButton.d.ts +0 -9
  128. package/lib/components/ToggleButton/useToggleButtonStyles.d.ts +0 -11
  129. package/lib/index.d.ts +0 -11
  130. package/lib/utils/index.d.ts +0 -1
  131. package/lib/utils/useToggleState.d.ts +0 -3
  132. package/lib-commonjs/Button.d.ts +0 -1
  133. package/lib-commonjs/CompoundButton.d.ts +0 -1
  134. package/lib-commonjs/MenuButton.d.ts +0 -1
  135. package/lib-commonjs/SplitButton.d.ts +0 -1
  136. package/lib-commonjs/ToggleButton.d.ts +0 -1
  137. package/lib-commonjs/components/Button/Button.d.ts +0 -6
  138. package/lib-commonjs/components/Button/Button.types.d.ts +0 -64
  139. package/lib-commonjs/components/Button/index.d.ts +0 -5
  140. package/lib-commonjs/components/Button/renderButton.d.ts +0 -5
  141. package/lib-commonjs/components/Button/useButton.d.ts +0 -8
  142. package/lib-commonjs/components/Button/useButtonStyles.d.ts +0 -8
  143. package/lib-commonjs/components/CompoundButton/CompoundButton.d.ts +0 -6
  144. package/lib-commonjs/components/CompoundButton/CompoundButton.types.d.ts +0 -14
  145. package/lib-commonjs/components/CompoundButton/index.d.ts +0 -5
  146. package/lib-commonjs/components/CompoundButton/renderCompoundButton.d.ts +0 -5
  147. package/lib-commonjs/components/CompoundButton/useCompoundButton.d.ts +0 -8
  148. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.d.ts +0 -8
  149. package/lib-commonjs/components/MenuButton/MenuButton.d.ts +0 -6
  150. package/lib-commonjs/components/MenuButton/MenuButton.types.d.ts +0 -10
  151. package/lib-commonjs/components/MenuButton/index.d.ts +0 -5
  152. package/lib-commonjs/components/MenuButton/renderMenuButton.d.ts +0 -5
  153. package/lib-commonjs/components/MenuButton/useMenuButton.d.ts +0 -6
  154. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.d.ts +0 -8
  155. package/lib-commonjs/components/SplitButton/SplitButton.d.ts +0 -7
  156. package/lib-commonjs/components/SplitButton/SplitButton.types.d.ts +0 -21
  157. package/lib-commonjs/components/SplitButton/index.d.ts +0 -5
  158. package/lib-commonjs/components/SplitButton/renderSplitButton.d.ts +0 -5
  159. package/lib-commonjs/components/SplitButton/useSplitButton.d.ts +0 -8
  160. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.d.ts +0 -8
  161. package/lib-commonjs/components/ToggleButton/ToggleButton.d.ts +0 -6
  162. package/lib-commonjs/components/ToggleButton/ToggleButton.types.d.ts +0 -20
  163. package/lib-commonjs/components/ToggleButton/index.d.ts +0 -5
  164. package/lib-commonjs/components/ToggleButton/renderToggleButton.d.ts +0 -1
  165. package/lib-commonjs/components/ToggleButton/useToggleButton.d.ts +0 -9
  166. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.d.ts +0 -11
  167. package/lib-commonjs/index.d.ts +0 -11
  168. package/lib-commonjs/utils/index.d.ts +0 -1
  169. package/lib-commonjs/utils/useToggleState.d.ts +0 -3
package/CHANGELOG.json CHANGED
@@ -2,7 +2,391 @@
2
2
  "name": "@fluentui/react-button",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 04 May 2022 13:24:05 GMT",
5
+ "date": "Tue, 28 Jun 2022 17:37:47 GMT",
6
+ "tag": "@fluentui/react-button_v9.0.1",
7
+ "version": "9.0.1",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "lingfangao@hotmail.com",
12
+ "package": "@fluentui/react-button",
13
+ "commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b",
14
+ "comment": "fix: Use caret dependency range for Griffel"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-button",
19
+ "comment": "Bump @fluentui/react-tabster to v9.0.1",
20
+ "commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-button",
25
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.10",
26
+ "commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b"
27
+ }
28
+ ]
29
+ }
30
+ },
31
+ {
32
+ "date": "Tue, 28 Jun 2022 15:13:26 GMT",
33
+ "tag": "@fluentui/react-button_v9.0.0",
34
+ "version": "9.0.0",
35
+ "comments": {
36
+ "prerelease": [
37
+ {
38
+ "author": "lingfangao@hotmail.com",
39
+ "package": "@fluentui/react-button",
40
+ "commit": "675acea49c97f10837ddee9b8c4350ca27750125",
41
+ "comment": "Bump Griffel dependencies"
42
+ },
43
+ {
44
+ "author": "Humberto.Morimoto@microsoft.com",
45
+ "package": "@fluentui/react-button",
46
+ "commit": "ce6fe7e35398b3ca4e11a26b777fd9ba46529c72",
47
+ "comment": "README and migration guide cleanup."
48
+ },
49
+ {
50
+ "author": "Humberto.Morimoto@microsoft.com",
51
+ "package": "@fluentui/react-button",
52
+ "commit": "31b9f89bcd3ffc2b0719b0b55643ccf92ff6a686",
53
+ "comment": "Button: Adding missing forced color adjust overrides."
54
+ },
55
+ {
56
+ "author": "lingfangao@hotmail.com",
57
+ "package": "@fluentui/react-button",
58
+ "commit": "e0aabd850b15adf9c151ebd4e332f7c50ad6cfdf",
59
+ "comment": "Update 9.0.0-rc dependencies to use caret range"
60
+ },
61
+ {
62
+ "author": "Humberto.Morimoto@microsoft.com",
63
+ "package": "@fluentui/react-button",
64
+ "commit": "d32031b50748baff9cb9592ca360ef8e54f61ab8",
65
+ "comment": "Button: Fixing hover styles in High Contrast mode."
66
+ },
67
+ {
68
+ "author": "olfedias@microsoft.com",
69
+ "package": "@fluentui/react-button",
70
+ "commit": "82bd30dd41ad58df1f325e9b721200ed15d674a2",
71
+ "comment": "chore: Update @fluentui/react-icons to latest version"
72
+ }
73
+ ],
74
+ "none": [
75
+ {
76
+ "author": "mgodbolt@microsoft.com",
77
+ "package": "@fluentui/react-button",
78
+ "commit": "19377b1b434b3fd25c7d2a4be1c548bb553803a1",
79
+ "comment": "chore: Moving button stories to folder with index entry."
80
+ }
81
+ ],
82
+ "patch": [
83
+ {
84
+ "author": "lingfangao@hotmail.com",
85
+ "package": "@fluentui/react-button",
86
+ "commit": "c7b1348bdad7aa883c29bfbc96ef2a32e6ebc7dd",
87
+ "comment": "feat: Initial 9.0.0 release"
88
+ },
89
+ {
90
+ "author": "beachball",
91
+ "package": "@fluentui/react-button",
92
+ "comment": "Bump @fluentui/keyboard-keys to v9.0.0",
93
+ "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
94
+ },
95
+ {
96
+ "author": "beachball",
97
+ "package": "@fluentui/react-button",
98
+ "comment": "Bump @fluentui/react-aria to v9.0.0",
99
+ "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
100
+ },
101
+ {
102
+ "author": "beachball",
103
+ "package": "@fluentui/react-button",
104
+ "comment": "Bump @fluentui/react-tabster to v9.0.0",
105
+ "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
106
+ },
107
+ {
108
+ "author": "beachball",
109
+ "package": "@fluentui/react-button",
110
+ "comment": "Bump @fluentui/react-theme to v9.0.0",
111
+ "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
112
+ },
113
+ {
114
+ "author": "beachball",
115
+ "package": "@fluentui/react-button",
116
+ "comment": "Bump @fluentui/react-utilities to v9.0.0",
117
+ "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
118
+ },
119
+ {
120
+ "author": "beachball",
121
+ "package": "@fluentui/react-button",
122
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.9",
123
+ "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
124
+ }
125
+ ]
126
+ }
127
+ },
128
+ {
129
+ "date": "Thu, 23 Jun 2022 14:25:31 GMT",
130
+ "tag": "@fluentui/react-button_v9.0.0-rc.14",
131
+ "version": "9.0.0-rc.14",
132
+ "comments": {
133
+ "prerelease": [
134
+ {
135
+ "author": "beachball",
136
+ "package": "@fluentui/react-button",
137
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.14",
138
+ "commit": "b00790b7a0ea1473d8c3cc49c7ca0088002957ed"
139
+ },
140
+ {
141
+ "author": "beachball",
142
+ "package": "@fluentui/react-button",
143
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.10",
144
+ "commit": "b00790b7a0ea1473d8c3cc49c7ca0088002957ed"
145
+ }
146
+ ]
147
+ }
148
+ },
149
+ {
150
+ "date": "Tue, 31 May 2022 21:28:36 GMT",
151
+ "tag": "@fluentui/react-button_v9.0.0-rc.13",
152
+ "version": "9.0.0-rc.13",
153
+ "comments": {
154
+ "prerelease": [
155
+ {
156
+ "author": "olfedias@microsoft.com",
157
+ "package": "@fluentui/react-button",
158
+ "commit": "0a5e9fa77a72eecafdd07034ccdc0b95fd49877c",
159
+ "comment": "chore: Update Griffel to latest version"
160
+ },
161
+ {
162
+ "author": "beachball",
163
+ "package": "@fluentui/react-button",
164
+ "comment": "Bump @fluentui/react-aria to v9.0.0-rc.10",
165
+ "commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
166
+ },
167
+ {
168
+ "author": "beachball",
169
+ "package": "@fluentui/react-button",
170
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.13",
171
+ "commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
172
+ },
173
+ {
174
+ "author": "beachball",
175
+ "package": "@fluentui/react-button",
176
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.10",
177
+ "commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
178
+ },
179
+ {
180
+ "author": "beachball",
181
+ "package": "@fluentui/react-button",
182
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.8",
183
+ "commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
184
+ }
185
+ ]
186
+ }
187
+ },
188
+ {
189
+ "date": "Thu, 26 May 2022 21:01:23 GMT",
190
+ "tag": "@fluentui/react-button_v9.0.0-rc.12",
191
+ "version": "9.0.0-rc.12",
192
+ "comments": {
193
+ "prerelease": [
194
+ {
195
+ "author": "Humberto.Morimoto@microsoft.com",
196
+ "package": "@fluentui/react-button",
197
+ "commit": "cc2a9d0f9b722f68a54da026ab320e3be22c21dd",
198
+ "comment": "ToggleButton: Differentiating hover and checked styles."
199
+ },
200
+ {
201
+ "author": "Humberto.Morimoto@microsoft.com",
202
+ "package": "@fluentui/react-button",
203
+ "commit": "2c84c4f1ad43819325ee0aafa57d42a1f8239113",
204
+ "comment": "ToggleButton: Apply thicker border width to checked outline toggle buttons."
205
+ },
206
+ {
207
+ "author": "beachball",
208
+ "package": "@fluentui/react-button",
209
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.12",
210
+ "commit": "3cf55ce998048554bf6a550de44403843ea8ede0"
211
+ }
212
+ ]
213
+ }
214
+ },
215
+ {
216
+ "date": "Mon, 23 May 2022 18:56:41 GMT",
217
+ "tag": "@fluentui/react-button_v9.0.0-rc.11",
218
+ "version": "9.0.0-rc.11",
219
+ "comments": {
220
+ "prerelease": [
221
+ {
222
+ "author": "esteban.230@hotmail.com",
223
+ "package": "@fluentui/react-button",
224
+ "commit": "5ed22515a7542b432ed694f22606ac3718d501cb",
225
+ "comment": "Removing <componentName>ClassName exports."
226
+ },
227
+ {
228
+ "author": "Humberto.Morimoto@microsoft.com",
229
+ "package": "@fluentui/react-button",
230
+ "commit": "5ed22515a7542b432ed694f22606ac3718d501cb",
231
+ "comment": "Removing deprecated block prop from all button components."
232
+ },
233
+ {
234
+ "author": "beachball",
235
+ "package": "@fluentui/react-button",
236
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.11",
237
+ "commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
238
+ },
239
+ {
240
+ "author": "beachball",
241
+ "package": "@fluentui/react-button",
242
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.9",
243
+ "commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
244
+ },
245
+ {
246
+ "author": "beachball",
247
+ "package": "@fluentui/react-button",
248
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.7",
249
+ "commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
250
+ }
251
+ ],
252
+ "none": [
253
+ {
254
+ "author": "Humberto.Morimoto@microsoft.com",
255
+ "package": "@fluentui/react-button",
256
+ "commit": "aa1f446e037786d74a3c14f0bee09dbcf403a929",
257
+ "comment": "Improving README and updating spec and migration guide."
258
+ }
259
+ ]
260
+ }
261
+ },
262
+ {
263
+ "date": "Mon, 23 May 2022 12:14:03 GMT",
264
+ "tag": "@fluentui/react-button_v9.0.0-rc.10",
265
+ "version": "9.0.0-rc.10",
266
+ "comments": {
267
+ "prerelease": [
268
+ {
269
+ "author": "Humberto.Morimoto@microsoft.com",
270
+ "package": "@fluentui/react-button",
271
+ "commit": "6cb084a7afe7d662dc2d9d65b91474f132566390",
272
+ "comment": "Using spacing tokens for button components."
273
+ },
274
+ {
275
+ "author": "Humberto.Morimoto@microsoft.com",
276
+ "package": "@fluentui/react-button",
277
+ "commit": "29f73d77cfdc20a123cb64115fb1a926300d216e",
278
+ "comment": "Removing flex gap from button components and fixing spacing to better align with design spec."
279
+ },
280
+ {
281
+ "author": "olfedias@microsoft.com",
282
+ "package": "@fluentui/react-button",
283
+ "commit": "f120fe9160ad7311a87af0cfacd8d2fb26275e34",
284
+ "comment": "chore: Update Griffel to latest version"
285
+ },
286
+ {
287
+ "author": "olfedias@microsoft.com",
288
+ "package": "@fluentui/react-button",
289
+ "commit": "60804cec07a495b8a5d1fc66338bf0443b212144",
290
+ "comment": "chore: Update Griffel to latest version"
291
+ },
292
+ {
293
+ "author": "humberto_makoto@hotmail.com",
294
+ "package": "@fluentui/react-button",
295
+ "commit": "606dca4330f71a3a3ac466a30b3db1664ad0c55d",
296
+ "comment": "Removing Common types from all button components."
297
+ },
298
+ {
299
+ "author": "Humberto.Morimoto@microsoft.com",
300
+ "package": "@fluentui/react-button",
301
+ "commit": "be57c96ae39842da3bc38740b7823eeee68cc3ea",
302
+ "comment": "Removing ToggleButtonCommons type in @fluentui/react-button."
303
+ },
304
+ {
305
+ "author": "beachball",
306
+ "package": "@fluentui/react-button",
307
+ "comment": "Bump @fluentui/react-aria to v9.0.0-rc.9",
308
+ "commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
309
+ },
310
+ {
311
+ "author": "beachball",
312
+ "package": "@fluentui/react-button",
313
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.10",
314
+ "commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
315
+ },
316
+ {
317
+ "author": "beachball",
318
+ "package": "@fluentui/react-button",
319
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.8",
320
+ "commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
321
+ },
322
+ {
323
+ "author": "beachball",
324
+ "package": "@fluentui/react-button",
325
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.9",
326
+ "commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
327
+ },
328
+ {
329
+ "author": "beachball",
330
+ "package": "@fluentui/react-button",
331
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.6",
332
+ "commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
333
+ }
334
+ ]
335
+ }
336
+ },
337
+ {
338
+ "date": "Thu, 05 May 2022 18:26:29 GMT",
339
+ "tag": "@fluentui/react-button_v9.0.0-rc.9",
340
+ "version": "9.0.0-rc.9",
341
+ "comments": {
342
+ "prerelease": [
343
+ {
344
+ "author": "martinhochel@microsoft.com",
345
+ "package": "@fluentui/react-button",
346
+ "commit": "e465622ca241f3dd0534da50823a51e7311fd9ef",
347
+ "comment": "feat: ship rolluped only dts"
348
+ },
349
+ {
350
+ "author": "beachball",
351
+ "package": "@fluentui/react-button",
352
+ "comment": "Bump @fluentui/keyboard-keys to v9.0.0-rc.6",
353
+ "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
354
+ },
355
+ {
356
+ "author": "beachball",
357
+ "package": "@fluentui/react-button",
358
+ "comment": "Bump @fluentui/react-aria to v9.0.0-rc.8",
359
+ "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
360
+ },
361
+ {
362
+ "author": "beachball",
363
+ "package": "@fluentui/react-button",
364
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.9",
365
+ "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
366
+ },
367
+ {
368
+ "author": "beachball",
369
+ "package": "@fluentui/react-button",
370
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.7",
371
+ "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
372
+ },
373
+ {
374
+ "author": "beachball",
375
+ "package": "@fluentui/react-button",
376
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.8",
377
+ "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
378
+ },
379
+ {
380
+ "author": "beachball",
381
+ "package": "@fluentui/react-button",
382
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.5",
383
+ "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
384
+ }
385
+ ]
386
+ }
387
+ },
388
+ {
389
+ "date": "Wed, 04 May 2022 13:26:38 GMT",
6
390
  "tag": "@fluentui/react-button_v9.0.0-rc.8",
7
391
  "version": "9.0.0-rc.8",
8
392
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,128 @@
1
1
  # Change Log - @fluentui/react-button
2
2
 
3
- This log was last generated on Wed, 04 May 2022 13:24:05 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 28 Jun 2022 17:37:47 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.1)
8
+
9
+ Tue, 28 Jun 2022 17:37:47 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0..@fluentui/react-button_v9.0.1)
11
+
12
+ ### Patches
13
+
14
+ - fix: Use caret dependency range for Griffel ([PR #23754](https://github.com/microsoft/fluentui/pull/23754) by lingfangao@hotmail.com)
15
+ - Bump @fluentui/react-tabster to v9.0.1 ([PR #23754](https://github.com/microsoft/fluentui/pull/23754) by beachball)
16
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.10 ([PR #23754](https://github.com/microsoft/fluentui/pull/23754) by beachball)
17
+
18
+ ## [9.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0)
19
+
20
+ Tue, 28 Jun 2022 15:13:26 GMT
21
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.14..@fluentui/react-button_v9.0.0)
22
+
23
+ ### Patches
24
+
25
+ - feat: Initial 9.0.0 release ([PR #23733](https://github.com/microsoft/fluentui/pull/23733) by lingfangao@hotmail.com)
26
+ - Bump @fluentui/keyboard-keys to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
27
+ - Bump @fluentui/react-aria to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
28
+ - Bump @fluentui/react-tabster to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
29
+ - Bump @fluentui/react-theme to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
30
+ - Bump @fluentui/react-utilities to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
31
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.9 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
32
+
33
+ ### Changes
34
+
35
+ - Bump Griffel dependencies ([PR #23688](https://github.com/microsoft/fluentui/pull/23688) by lingfangao@hotmail.com)
36
+ - README and migration guide cleanup. ([PR #23395](https://github.com/microsoft/fluentui/pull/23395) by Humberto.Morimoto@microsoft.com)
37
+ - Button: Adding missing forced color adjust overrides. ([PR #23387](https://github.com/microsoft/fluentui/pull/23387) by Humberto.Morimoto@microsoft.com)
38
+ - Update 9.0.0-rc dependencies to use caret range ([PR #23732](https://github.com/microsoft/fluentui/pull/23732) by lingfangao@hotmail.com)
39
+ - Button: Fixing hover styles in High Contrast mode. ([PR #23384](https://github.com/microsoft/fluentui/pull/23384) by Humberto.Morimoto@microsoft.com)
40
+ - chore: Update @fluentui/react-icons to latest version ([PR #23459](https://github.com/microsoft/fluentui/pull/23459) by olfedias@microsoft.com)
41
+
42
+ ## [9.0.0-rc.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.14)
43
+
44
+ Thu, 23 Jun 2022 14:25:31 GMT
45
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.13..@fluentui/react-button_v9.0.0-rc.14)
46
+
47
+ ### Changes
48
+
49
+ - Bump @fluentui/react-tabster to v9.0.0-rc.14 ([PR #23608](https://github.com/microsoft/fluentui/pull/23608) by beachball)
50
+ - Bump @fluentui/react-theme to v9.0.0-rc.10 ([PR #23608](https://github.com/microsoft/fluentui/pull/23608) by beachball)
51
+
52
+ ## [9.0.0-rc.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.13)
53
+
54
+ Tue, 31 May 2022 21:28:36 GMT
55
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.12..@fluentui/react-button_v9.0.0-rc.13)
56
+
57
+ ### Changes
58
+
59
+ - chore: Update Griffel to latest version ([PR #23275](https://github.com/microsoft/fluentui/pull/23275) by olfedias@microsoft.com)
60
+ - Bump @fluentui/react-aria to v9.0.0-rc.10 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
61
+ - Bump @fluentui/react-tabster to v9.0.0-rc.13 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
62
+ - Bump @fluentui/react-utilities to v9.0.0-rc.10 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
63
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.8 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
64
+
65
+ ## [9.0.0-rc.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.12)
66
+
67
+ Thu, 26 May 2022 21:01:23 GMT
68
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.11..@fluentui/react-button_v9.0.0-rc.12)
69
+
70
+ ### Changes
71
+
72
+ - ToggleButton: Differentiating hover and checked styles. ([PR #23209](https://github.com/microsoft/fluentui/pull/23209) by Humberto.Morimoto@microsoft.com)
73
+ - ToggleButton: Apply thicker border width to checked outline toggle buttons. ([PR #23207](https://github.com/microsoft/fluentui/pull/23207) by Humberto.Morimoto@microsoft.com)
74
+ - Bump @fluentui/react-tabster to v9.0.0-rc.12 ([PR #23267](https://github.com/microsoft/fluentui/pull/23267) by beachball)
75
+
76
+ ## [9.0.0-rc.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.11)
77
+
78
+ Mon, 23 May 2022 18:56:41 GMT
79
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.10..@fluentui/react-button_v9.0.0-rc.11)
80
+
81
+ ### Changes
82
+
83
+ - Removing <componentName>ClassName exports. ([PR #23092](https://github.com/microsoft/fluentui/pull/23092) by esteban.230@hotmail.com)
84
+ - Removing deprecated block prop from all button components. ([PR #23092](https://github.com/microsoft/fluentui/pull/23092) by Humberto.Morimoto@microsoft.com)
85
+ - Bump @fluentui/react-tabster to v9.0.0-rc.11 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
86
+ - Bump @fluentui/react-theme to v9.0.0-rc.9 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
87
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.7 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
88
+
89
+ ## [9.0.0-rc.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.10)
90
+
91
+ Mon, 23 May 2022 12:14:03 GMT
92
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.9..@fluentui/react-button_v9.0.0-rc.10)
93
+
94
+ ### Changes
95
+
96
+ - Using spacing tokens for button components. ([PR #23076](https://github.com/microsoft/fluentui/pull/23076) by Humberto.Morimoto@microsoft.com)
97
+ - 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)
98
+ - chore: Update Griffel to latest version ([PR #22894](https://github.com/microsoft/fluentui/pull/22894) by olfedias@microsoft.com)
99
+ - chore: Update Griffel to latest version ([PR #23029](https://github.com/microsoft/fluentui/pull/23029) by olfedias@microsoft.com)
100
+ - Removing Common types from all button components. ([PR #22904](https://github.com/microsoft/fluentui/pull/22904) by humberto_makoto@hotmail.com)
101
+ - Removing ToggleButtonCommons type in @fluentui/react-button. ([PR #23067](https://github.com/microsoft/fluentui/pull/23067) by Humberto.Morimoto@microsoft.com)
102
+ - Bump @fluentui/react-aria to v9.0.0-rc.9 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
103
+ - Bump @fluentui/react-tabster to v9.0.0-rc.10 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
104
+ - Bump @fluentui/react-theme to v9.0.0-rc.8 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
105
+ - Bump @fluentui/react-utilities to v9.0.0-rc.9 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
106
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.6 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
107
+
108
+ ## [9.0.0-rc.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.9)
109
+
110
+ Thu, 05 May 2022 18:26:29 GMT
111
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.8..@fluentui/react-button_v9.0.0-rc.9)
112
+
113
+ ### Changes
114
+
115
+ - feat: ship rolluped only dts ([PR #22823](https://github.com/microsoft/fluentui/pull/22823) by martinhochel@microsoft.com)
116
+ - Bump @fluentui/keyboard-keys to v9.0.0-rc.6 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
117
+ - Bump @fluentui/react-aria to v9.0.0-rc.8 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
118
+ - Bump @fluentui/react-tabster to v9.0.0-rc.9 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
119
+ - Bump @fluentui/react-theme to v9.0.0-rc.7 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
120
+ - Bump @fluentui/react-utilities to v9.0.0-rc.8 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
121
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.5 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
122
+
7
123
  ## [9.0.0-rc.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.8)
8
124
 
9
- Wed, 04 May 2022 13:24:05 GMT
125
+ Wed, 04 May 2022 13:26:38 GMT
10
126
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.7..@fluentui/react-button_v9.0.0-rc.8)
11
127
 
12
128
  ### 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://aka.ms/fluentui-storybook)**
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://aka.ms/fluentui-storybook) 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.