@fluentui/react-checkbox 9.0.0-beta.2 → 9.0.0-beta.6
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.
- package/CHANGELOG.json +331 -1
- package/CHANGELOG.md +75 -2
- package/Spec.md +25 -115
- package/dist/react-checkbox.d.ts +37 -46
- package/lib/components/Checkbox/Checkbox.d.ts +2 -1
- package/lib/components/Checkbox/Checkbox.js +10 -8
- package/lib/components/Checkbox/Checkbox.js.map +1 -1
- package/lib/components/Checkbox/Checkbox.types.d.ts +29 -34
- package/lib/components/Checkbox/renderCheckbox.d.ts +1 -1
- package/lib/components/Checkbox/renderCheckbox.js +11 -10
- package/lib/components/Checkbox/renderCheckbox.js.map +1 -1
- package/lib/components/Checkbox/useCheckbox.d.ts +5 -9
- package/lib/components/Checkbox/useCheckbox.js +99 -68
- package/lib/components/Checkbox/useCheckbox.js.map +1 -1
- package/lib/components/Checkbox/useCheckboxStyles.d.ts +2 -1
- package/lib/components/Checkbox/useCheckboxStyles.js +216 -159
- package/lib/components/Checkbox/useCheckboxStyles.js.map +1 -1
- package/lib-commonjs/Checkbox.js +7 -2
- package/lib-commonjs/Checkbox.js.map +1 -1
- package/lib-commonjs/components/Checkbox/Checkbox.d.ts +2 -1
- package/lib-commonjs/components/Checkbox/Checkbox.js +20 -10
- package/lib-commonjs/components/Checkbox/Checkbox.js.map +1 -1
- package/lib-commonjs/components/Checkbox/Checkbox.types.d.ts +29 -34
- package/lib-commonjs/components/Checkbox/Checkbox.types.js +4 -1
- package/lib-commonjs/components/Checkbox/Checkbox.types.js.map +1 -1
- package/lib-commonjs/components/Checkbox/index.js +11 -2
- package/lib-commonjs/components/Checkbox/index.js.map +1 -1
- package/lib-commonjs/components/Checkbox/renderCheckbox.d.ts +1 -1
- package/lib-commonjs/components/Checkbox/renderCheckbox.js +23 -15
- package/lib-commonjs/components/Checkbox/renderCheckbox.js.map +1 -1
- package/lib-commonjs/components/Checkbox/useCheckbox.d.ts +5 -9
- package/lib-commonjs/components/Checkbox/useCheckbox.js +113 -73
- package/lib-commonjs/components/Checkbox/useCheckbox.js.map +1 -1
- package/lib-commonjs/components/Checkbox/useCheckboxStyles.d.ts +2 -1
- package/lib-commonjs/components/Checkbox/useCheckboxStyles.js +228 -163
- package/lib-commonjs/components/Checkbox/useCheckboxStyles.js.map +1 -1
- package/lib-commonjs/index.js +7 -2
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +11 -11
- package/lib/common/isConformant.d.ts +0 -4
- package/lib/common/isConformant.js +0 -12
- package/lib/common/isConformant.js.map +0 -1
- package/lib/components/Checkbox/DefaultIcons.d.ts +0 -4
- package/lib/components/Checkbox/DefaultIcons.js +0 -10
- package/lib/components/Checkbox/DefaultIcons.js.map +0 -1
- package/lib-commonjs/common/isConformant.d.ts +0 -4
- package/lib-commonjs/common/isConformant.js +0 -16
- package/lib-commonjs/common/isConformant.js.map +0 -1
- package/lib-commonjs/components/Checkbox/DefaultIcons.d.ts +0 -4
- package/lib-commonjs/components/Checkbox/DefaultIcons.js +0 -17
- package/lib-commonjs/components/Checkbox/DefaultIcons.js.map +0 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,337 @@
|
|
|
2
2
|
"name": "@fluentui/react-checkbox",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Thu, 10 Feb 2022 08:45:10 GMT",
|
|
6
|
+
"tag": "@fluentui/react-checkbox_v9.0.0-beta.6",
|
|
7
|
+
"version": "9.0.0-beta.6",
|
|
8
|
+
"comments": {
|
|
9
|
+
"prerelease": [
|
|
10
|
+
{
|
|
11
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
12
|
+
"package": "@fluentui/react-checkbox",
|
|
13
|
+
"commit": "0bc161458eae5ae8d387172430496ce9829b1bb1",
|
|
14
|
+
"comment": "Using ComponentSlotProps instead of ObjectShorthandProps."
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
18
|
+
"package": "@fluentui/react-checkbox",
|
|
19
|
+
"commit": "e0b8e1fa6980077e7b311fd1c72c28d3e4305db0",
|
|
20
|
+
"comment": "Updating based on changes to composition types."
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "olfedias@microsoft.com",
|
|
24
|
+
"package": "@fluentui/react-checkbox",
|
|
25
|
+
"commit": "13ac915a4f18e5b9e79e14bdc239204872abf7f3",
|
|
26
|
+
"comment": "update styles to not use CSS shorthands"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "behowell@microsoft.com",
|
|
30
|
+
"package": "@fluentui/react-checkbox",
|
|
31
|
+
"commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
|
|
32
|
+
"comment": "Remove component's shorthandProps array"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "mgodbolt@microsoft.com",
|
|
36
|
+
"package": "@fluentui/react-checkbox",
|
|
37
|
+
"commit": "839ec14849e112b85aa321d034739ec421199141",
|
|
38
|
+
"comment": "remove export of commons types"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "olfedias@microsoft.com",
|
|
42
|
+
"package": "@fluentui/react-checkbox",
|
|
43
|
+
"commit": "3e5027e2c8c8b54a2f9f140690bb88d03eafde27",
|
|
44
|
+
"comment": "Replace make-styles packages with griffel equivalents."
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
48
|
+
"package": "@fluentui/react-checkbox",
|
|
49
|
+
"commit": "38c8bed2c707014688ae2ae689033fa36ef23075",
|
|
50
|
+
"comment": "Updating packages based on changes to focusIndicator functions to remove functions from makeStyles in @fluentui/react-tabster."
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "behowell@microsoft.com",
|
|
54
|
+
"package": "@fluentui/react-checkbox",
|
|
55
|
+
"commit": "d7d472d3564c7c08465743b2517e4f29428b87b4",
|
|
56
|
+
"comment": "Update checkmark icons and color styles to match visual spec"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"author": "olfedias@microsoft.com",
|
|
60
|
+
"package": "@fluentui/react-checkbox",
|
|
61
|
+
"commit": "39bddb7a1da57bb1e7073c7eacabb706e25587a5",
|
|
62
|
+
"comment": "fix: update styles to match typings"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"author": "olfedias@microsoft.com",
|
|
66
|
+
"package": "@fluentui/react-checkbox",
|
|
67
|
+
"commit": "b23239743c4f5518bcf7dcad496a36fc16bbd2e5",
|
|
68
|
+
"comment": "update @fluentui/react-icons package"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
72
|
+
"package": "@fluentui/react-checkbox",
|
|
73
|
+
"commit": "ecca467a89869ec2812b160b26a7f68fa69dac10",
|
|
74
|
+
"comment": "Replacing use of functions in makeStyles with direct use of tokens."
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"author": "lingfangao@hotmail.com",
|
|
78
|
+
"package": "@fluentui/react-checkbox",
|
|
79
|
+
"commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
|
|
80
|
+
"comment": "Bump Fluent UI dependencies to 9.0.0-rc"
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"author": "behowell@microsoft.com",
|
|
84
|
+
"package": "@fluentui/react-checkbox",
|
|
85
|
+
"commit": "317209bb5cd57c40f35bc42060acb7e3cce5ec95",
|
|
86
|
+
"comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
"author": "behowell@microsoft.com",
|
|
90
|
+
"package": "@fluentui/react-checkbox",
|
|
91
|
+
"commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
|
|
92
|
+
"comment": "Refactor component Slot typings"
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"author": "behowell@microsoft.com",
|
|
96
|
+
"package": "@fluentui/react-checkbox",
|
|
97
|
+
"commit": "f1be0a9728e05ca33ad67e77ae7d1cba3384106f",
|
|
98
|
+
"comment": "Refactor Checkbox to use label as a slot instead of being the root"
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"author": "beachball",
|
|
102
|
+
"package": "@fluentui/react-checkbox",
|
|
103
|
+
"comment": "Bump @fluentui/react-label to v9.0.0-beta.5",
|
|
104
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"author": "beachball",
|
|
108
|
+
"package": "@fluentui/react-checkbox",
|
|
109
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.1",
|
|
110
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"author": "beachball",
|
|
114
|
+
"package": "@fluentui/react-checkbox",
|
|
115
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.1",
|
|
116
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"author": "beachball",
|
|
120
|
+
"package": "@fluentui/react-checkbox",
|
|
121
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1",
|
|
122
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
123
|
+
}
|
|
124
|
+
],
|
|
125
|
+
"none": [
|
|
126
|
+
{
|
|
127
|
+
"author": "tkrasniqi@microsoft.com",
|
|
128
|
+
"package": "@fluentui/react-checkbox",
|
|
129
|
+
"commit": "401cdabeffb7985d88e5789faf75a93de1fb46f2",
|
|
130
|
+
"comment": "Migration to new dx: ts style config"
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"author": "martinhochel@microsoft.com",
|
|
134
|
+
"package": "@fluentui/react-checkbox",
|
|
135
|
+
"commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
|
|
136
|
+
"comment": "chore: use storybook runner for all vNext packages"
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
"author": "bsunderhus@microsoft.com",
|
|
140
|
+
"package": "@fluentui/react-checkbox",
|
|
141
|
+
"commit": "c0d4e63ee58e60e2c6674efbacc0783cd520984e",
|
|
142
|
+
"comment": "Updates components with nullRender changes"
|
|
143
|
+
},
|
|
144
|
+
{
|
|
145
|
+
"author": "olfedias@microsoft.com",
|
|
146
|
+
"package": "@fluentui/react-checkbox",
|
|
147
|
+
"commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
|
|
148
|
+
"comment": "remove inline-style-expand-shorthand from tsconfigs"
|
|
149
|
+
}
|
|
150
|
+
]
|
|
151
|
+
}
|
|
152
|
+
},
|
|
153
|
+
{
|
|
154
|
+
"date": "Thu, 25 Nov 2021 08:34:13 GMT",
|
|
155
|
+
"tag": "@fluentui/react-checkbox_v9.0.0-beta.5",
|
|
156
|
+
"version": "9.0.0-beta.5",
|
|
157
|
+
"comments": {
|
|
158
|
+
"prerelease": [
|
|
159
|
+
{
|
|
160
|
+
"author": "behowell@microsoft.com",
|
|
161
|
+
"package": "@fluentui/react-checkbox",
|
|
162
|
+
"commit": "99adff5a9aab9086e8bc4737040654ab23f0febe",
|
|
163
|
+
"comment": "Implement primary slot: 'input' is now the primary slot and receives native props passed to Checkbox"
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"author": "beachball",
|
|
167
|
+
"package": "@fluentui/react-checkbox",
|
|
168
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
|
|
169
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
"author": "beachball",
|
|
173
|
+
"package": "@fluentui/react-checkbox",
|
|
174
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
|
|
175
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
"author": "beachball",
|
|
179
|
+
"package": "@fluentui/react-checkbox",
|
|
180
|
+
"comment": "Bump @fluentui/react-label to v9.0.0-beta.4",
|
|
181
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
|
182
|
+
},
|
|
183
|
+
{
|
|
184
|
+
"author": "beachball",
|
|
185
|
+
"package": "@fluentui/react-checkbox",
|
|
186
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-beta.5",
|
|
187
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
"author": "beachball",
|
|
191
|
+
"package": "@fluentui/react-checkbox",
|
|
192
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4",
|
|
193
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
"author": "beachball",
|
|
197
|
+
"package": "@fluentui/react-checkbox",
|
|
198
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4",
|
|
199
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
|
200
|
+
}
|
|
201
|
+
]
|
|
202
|
+
}
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"date": "Fri, 12 Nov 2021 13:25:18 GMT",
|
|
206
|
+
"tag": "@fluentui/react-checkbox_v9.0.0-beta.4",
|
|
207
|
+
"version": "9.0.0-beta.4",
|
|
208
|
+
"comments": {
|
|
209
|
+
"none": [
|
|
210
|
+
{
|
|
211
|
+
"author": "lingfangao@hotmail.com",
|
|
212
|
+
"package": "@fluentui/react-checkbox",
|
|
213
|
+
"commit": "00f70581480b536e723fb69edf0ae617beac4807",
|
|
214
|
+
"comment": "Remove beta release tag"
|
|
215
|
+
},
|
|
216
|
+
{
|
|
217
|
+
"author": "olfedias@microsoft.com",
|
|
218
|
+
"package": "@fluentui/react-checkbox",
|
|
219
|
+
"commit": "9186578324773f95f4d61be3d70e67752159d843",
|
|
220
|
+
"comment": "update snapshots"
|
|
221
|
+
}
|
|
222
|
+
],
|
|
223
|
+
"prerelease": [
|
|
224
|
+
{
|
|
225
|
+
"author": "olfedias@microsoft.com",
|
|
226
|
+
"package": "@fluentui/react-checkbox",
|
|
227
|
+
"commit": "7eb7d2daebaa11dbdcd555b0b962407013a7ca80",
|
|
228
|
+
"comment": "export static classes for components"
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"author": "gcox@microsoft.com",
|
|
232
|
+
"package": "@fluentui/react-checkbox",
|
|
233
|
+
"commit": "c9bd5b5a02ae94a8239ce1b56cac2f0d0dbd3586",
|
|
234
|
+
"comment": "Updated beta and RC components to ES2019"
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
"author": "beachball",
|
|
238
|
+
"package": "@fluentui/react-checkbox",
|
|
239
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
|
|
240
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
241
|
+
},
|
|
242
|
+
{
|
|
243
|
+
"author": "beachball",
|
|
244
|
+
"package": "@fluentui/react-checkbox",
|
|
245
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
|
|
246
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
247
|
+
},
|
|
248
|
+
{
|
|
249
|
+
"author": "beachball",
|
|
250
|
+
"package": "@fluentui/react-checkbox",
|
|
251
|
+
"comment": "Bump @fluentui/react-label to v9.0.0-beta.3",
|
|
252
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
253
|
+
},
|
|
254
|
+
{
|
|
255
|
+
"author": "beachball",
|
|
256
|
+
"package": "@fluentui/react-checkbox",
|
|
257
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-beta.4",
|
|
258
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
259
|
+
},
|
|
260
|
+
{
|
|
261
|
+
"author": "beachball",
|
|
262
|
+
"package": "@fluentui/react-checkbox",
|
|
263
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
|
|
264
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
265
|
+
},
|
|
266
|
+
{
|
|
267
|
+
"author": "beachball",
|
|
268
|
+
"package": "@fluentui/react-checkbox",
|
|
269
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
|
|
270
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
|
271
|
+
}
|
|
272
|
+
]
|
|
273
|
+
}
|
|
274
|
+
},
|
|
275
|
+
{
|
|
276
|
+
"date": "Wed, 27 Oct 2021 12:14:16 GMT",
|
|
277
|
+
"tag": "@fluentui/react-checkbox_v9.0.0-beta.3",
|
|
278
|
+
"version": "9.0.0-beta.3",
|
|
279
|
+
"comments": {
|
|
280
|
+
"prerelease": [
|
|
281
|
+
{
|
|
282
|
+
"author": "peter@draxler.ml",
|
|
283
|
+
"package": "@fluentui/react-checkbox",
|
|
284
|
+
"commit": "f6db7c8d6b7db0902775e7857b62b745be35b59a",
|
|
285
|
+
"comment": "added styling of documentation"
|
|
286
|
+
},
|
|
287
|
+
{
|
|
288
|
+
"author": "beachball",
|
|
289
|
+
"package": "@fluentui/react-checkbox",
|
|
290
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.2",
|
|
291
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
292
|
+
},
|
|
293
|
+
{
|
|
294
|
+
"author": "beachball",
|
|
295
|
+
"package": "@fluentui/react-checkbox",
|
|
296
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.2",
|
|
297
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
298
|
+
},
|
|
299
|
+
{
|
|
300
|
+
"author": "beachball",
|
|
301
|
+
"package": "@fluentui/react-checkbox",
|
|
302
|
+
"comment": "Bump @fluentui/react-label to v9.0.0-beta.2",
|
|
303
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
304
|
+
},
|
|
305
|
+
{
|
|
306
|
+
"author": "beachball",
|
|
307
|
+
"package": "@fluentui/react-checkbox",
|
|
308
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-beta.3",
|
|
309
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
310
|
+
},
|
|
311
|
+
{
|
|
312
|
+
"author": "beachball",
|
|
313
|
+
"package": "@fluentui/react-checkbox",
|
|
314
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.2",
|
|
315
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
316
|
+
},
|
|
317
|
+
{
|
|
318
|
+
"author": "beachball",
|
|
319
|
+
"package": "@fluentui/react-checkbox",
|
|
320
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.2",
|
|
321
|
+
"commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
|
|
322
|
+
}
|
|
323
|
+
],
|
|
324
|
+
"none": [
|
|
325
|
+
{
|
|
326
|
+
"author": "ndresx@gmail.com",
|
|
327
|
+
"package": "@fluentui/react-checkbox",
|
|
328
|
+
"commit": "d8162eddd0a6ba0893a7984b8244a033f5cb0f39",
|
|
329
|
+
"comment": "Migrate react-checkbox tests to rtl"
|
|
330
|
+
}
|
|
331
|
+
]
|
|
332
|
+
}
|
|
333
|
+
},
|
|
334
|
+
{
|
|
335
|
+
"date": "Tue, 12 Oct 2021 19:45:58 GMT",
|
|
6
336
|
"tag": "@fluentui/react-checkbox_v9.0.0-beta.2",
|
|
7
337
|
"version": "9.0.0-beta.2",
|
|
8
338
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,85 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-checkbox
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 10 Feb 2022 08:45:10 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.0.0-beta.6)
|
|
8
|
+
|
|
9
|
+
Thu, 10 Feb 2022 08:45:10 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.0.0-beta.5..@fluentui/react-checkbox_v9.0.0-beta.6)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- Using ComponentSlotProps instead of ObjectShorthandProps. ([PR #20890](https://github.com/microsoft/fluentui/pull/20890) by Humberto.Morimoto@microsoft.com)
|
|
15
|
+
- Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
|
|
16
|
+
- update styles to not use CSS shorthands ([PR #20816](https://github.com/microsoft/fluentui/pull/20816) by olfedias@microsoft.com)
|
|
17
|
+
- Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
|
|
18
|
+
- remove export of commons types ([PR #21660](https://github.com/microsoft/fluentui/pull/21660) by mgodbolt@microsoft.com)
|
|
19
|
+
- Replace make-styles packages with griffel equivalents. ([PR #21435](https://github.com/microsoft/fluentui/pull/21435) by olfedias@microsoft.com)
|
|
20
|
+
- Updating packages based on changes to focusIndicator functions to remove functions from makeStyles in @fluentui/react-tabster. ([PR #21035](https://github.com/microsoft/fluentui/pull/21035) by Humberto.Morimoto@microsoft.com)
|
|
21
|
+
- Update checkmark icons and color styles to match visual spec ([PR #21011](https://github.com/microsoft/fluentui/pull/21011) by behowell@microsoft.com)
|
|
22
|
+
- fix: update styles to match typings ([PR #20539](https://github.com/microsoft/fluentui/pull/20539) by olfedias@microsoft.com)
|
|
23
|
+
- update @fluentui/react-icons package ([PR #21498](https://github.com/microsoft/fluentui/pull/21498) by olfedias@microsoft.com)
|
|
24
|
+
- Replacing use of functions in makeStyles with direct use of tokens. ([PR #21041](https://github.com/microsoft/fluentui/pull/21041) by Humberto.Morimoto@microsoft.com)
|
|
25
|
+
- Bump Fluent UI dependencies to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
|
|
26
|
+
- BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet ([PR #21365](https://github.com/microsoft/fluentui/pull/21365) by behowell@microsoft.com)
|
|
27
|
+
- Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
|
|
28
|
+
- Refactor Checkbox to use label as a slot instead of being the root ([PR #20904](https://github.com/microsoft/fluentui/pull/20904) by behowell@microsoft.com)
|
|
29
|
+
- Bump @fluentui/react-label to v9.0.0-beta.5 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
30
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
31
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
32
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
33
|
+
|
|
34
|
+
## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.0.0-beta.5)
|
|
35
|
+
|
|
36
|
+
Thu, 25 Nov 2021 08:34:13 GMT
|
|
37
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.0.0-beta.4..@fluentui/react-checkbox_v9.0.0-beta.5)
|
|
38
|
+
|
|
39
|
+
### Changes
|
|
40
|
+
|
|
41
|
+
- Implement primary slot: 'input' is now the primary slot and receives native props passed to Checkbox ([PR #20617](https://github.com/microsoft/fluentui/pull/20617) by behowell@microsoft.com)
|
|
42
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
|
43
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
|
44
|
+
- Bump @fluentui/react-label to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
|
45
|
+
- Bump @fluentui/react-tabster to v9.0.0-beta.5 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
|
46
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
|
47
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
|
48
|
+
|
|
49
|
+
## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.0.0-beta.4)
|
|
50
|
+
|
|
51
|
+
Fri, 12 Nov 2021 13:25:18 GMT
|
|
52
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.0.0-beta.3..@fluentui/react-checkbox_v9.0.0-beta.4)
|
|
53
|
+
|
|
54
|
+
### Changes
|
|
55
|
+
|
|
56
|
+
- export static classes for components ([PR #20454](https://github.com/microsoft/fluentui/pull/20454) by olfedias@microsoft.com)
|
|
57
|
+
- Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
|
|
58
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
59
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
60
|
+
- Bump @fluentui/react-label to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
61
|
+
- Bump @fluentui/react-tabster to v9.0.0-beta.4 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
62
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
63
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
|
64
|
+
|
|
65
|
+
## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.0.0-beta.3)
|
|
66
|
+
|
|
67
|
+
Wed, 27 Oct 2021 12:14:16 GMT
|
|
68
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.0.0-beta.2..@fluentui/react-checkbox_v9.0.0-beta.3)
|
|
69
|
+
|
|
70
|
+
### Changes
|
|
71
|
+
|
|
72
|
+
- added styling of documentation ([PR #20193](https://github.com/microsoft/fluentui/pull/20193) by peter@draxler.ml)
|
|
73
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
74
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
75
|
+
- Bump @fluentui/react-label to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
76
|
+
- Bump @fluentui/react-tabster to v9.0.0-beta.3 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
77
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
78
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
|
|
79
|
+
|
|
7
80
|
## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.0.0-beta.2)
|
|
8
81
|
|
|
9
|
-
Tue, 12 Oct 2021 19:45:
|
|
82
|
+
Tue, 12 Oct 2021 19:45:58 GMT
|
|
10
83
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.0.0-beta.1..@fluentui/react-checkbox_v9.0.0-beta.2)
|
|
11
84
|
|
|
12
85
|
### Changes
|
package/Spec.md
CHANGED
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
## Background
|
|
4
4
|
|
|
5
|
-
Checkboxes
|
|
5
|
+
Checkboxes give people a way to select one or more items from a group, or switch between
|
|
6
|
+
two mutually exclusive options (checked or unchecked).
|
|
6
7
|
|
|
7
8
|
## Prior Art
|
|
8
9
|
|
|
@@ -124,98 +125,21 @@ Component props:
|
|
|
124
125
|
|
|
125
126
|
### Checkbox Props
|
|
126
127
|
|
|
127
|
-
|
|
128
|
-
/**
|
|
129
|
-
* Checkbox Props
|
|
130
|
-
*/
|
|
131
|
-
export interface CheckboxProps
|
|
132
|
-
extends Omit<ComponentPropsCompat, 'children'>,
|
|
133
|
-
Omit<React.HTMLAttributes<HTMLElement>, 'defaultChecked'> {
|
|
134
|
-
/**
|
|
135
|
-
* Label that will be rendered next to the input.
|
|
136
|
-
*/
|
|
137
|
-
label?: ShorthandProps<LabelProps>;
|
|
138
|
-
|
|
139
|
-
/**
|
|
140
|
-
* Indicator to be rendered as the checkbox icon.
|
|
141
|
-
*/
|
|
142
|
-
indicator?: ShorthandProps<ComponentPropsCompat>;
|
|
143
|
-
|
|
144
|
-
/**
|
|
145
|
-
* Hidden input that handles the checkbox's functionality.
|
|
146
|
-
*/
|
|
147
|
-
input?: ShorthandProps<React.InputHTMLAttributes<HTMLInputElement> & { ref: React.RefObject<HTMLInputElement> }>;
|
|
148
|
-
|
|
149
|
-
/**
|
|
150
|
-
* Disabled state of the checkbox.
|
|
151
|
-
*/
|
|
152
|
-
disabled?: boolean;
|
|
153
|
-
|
|
154
|
-
/**
|
|
155
|
-
* Required state of the checkbox.
|
|
156
|
-
*/
|
|
157
|
-
required?: boolean;
|
|
158
|
-
|
|
159
|
-
/**
|
|
160
|
-
* A checkbox can be rendered with a circular shape.
|
|
161
|
-
*/
|
|
162
|
-
circular?: boolean;
|
|
163
|
-
|
|
164
|
-
/**
|
|
165
|
-
* A checkbox's state can be controlled.
|
|
166
|
-
* @defaultvalue false
|
|
167
|
-
*/
|
|
168
|
-
checked?: 'mixed' | boolean;
|
|
169
|
-
|
|
170
|
-
/**
|
|
171
|
-
* Whether the checkbox should be rendered as checked by default.
|
|
172
|
-
*/
|
|
173
|
-
defaultChecked?: 'mixed' | boolean;
|
|
174
|
-
|
|
175
|
-
/**
|
|
176
|
-
* Checkbox supports two different checkbox sizes.
|
|
177
|
-
* @defaultvalue 'medium'
|
|
178
|
-
*/
|
|
179
|
-
size?: 'medium' | 'large';
|
|
180
|
-
|
|
181
|
-
/**
|
|
182
|
-
* Determines whether the label should be positioned before or after the checkbox.
|
|
183
|
-
* @defaultvalue 'after'
|
|
184
|
-
*/
|
|
185
|
-
labelPosition?: 'before' | 'after';
|
|
186
|
-
|
|
187
|
-
/**
|
|
188
|
-
* ID of the root element that wraps the checkbox and label.
|
|
189
|
-
*/
|
|
190
|
-
rootId?: string;
|
|
191
|
-
|
|
192
|
-
/**
|
|
193
|
-
* ID of the native element that represents the checkbox.
|
|
194
|
-
*/
|
|
195
|
-
id?: string;
|
|
196
|
-
|
|
197
|
-
/**
|
|
198
|
-
* Callback to be called when the checked state value changes.
|
|
199
|
-
*/
|
|
200
|
-
onChange?: (ev?: React.FormEvent<HTMLElement | HTMLInputElement>, data?: CheckboxOnChangeData) => void;
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
/**
|
|
204
|
-
* Data for the onChange event for checkbox.
|
|
205
|
-
*/
|
|
206
|
-
export interface CheckboxOnChangeData {
|
|
207
|
-
checked?: 'mixed' | boolean;
|
|
208
|
-
}
|
|
209
|
-
```
|
|
128
|
+
See [Checkbox.types.ts](https://github.com/microsoft/fluentui/blob/master/packages/react-checkbox/src/components/Checkbox/Checkbox.types.ts)
|
|
210
129
|
|
|
211
130
|
## Structure
|
|
212
131
|
|
|
213
|
-
|
|
214
|
-
|
|
132
|
+
### Slots
|
|
133
|
+
|
|
134
|
+
- `root`: Outermost `<span>` that contains the rest of the slots
|
|
135
|
+
- `input`: The HTML `<input type="checkbox">`. This is the **primary** slot: it receives all of the native props passed to the
|
|
136
|
+
Checkbox component. It has opacity 0 and overlaps the entire `root` slot, for hit testing.
|
|
137
|
+
- `indicator`: A `<div>` that is the visual representation of the check "box". Its child is the checkmark icon.
|
|
138
|
+
- `label`: (optional) The `<label>` describing this checkbox.
|
|
215
139
|
|
|
216
140
|
### **Public**
|
|
217
141
|
|
|
218
|
-
```
|
|
142
|
+
```jsx
|
|
219
143
|
<Checkbox label="Example Checkbox" />
|
|
220
144
|
```
|
|
221
145
|
|
|
@@ -223,31 +147,23 @@ export interface CheckboxOnChangeData {
|
|
|
223
147
|
|
|
224
148
|
```tsx
|
|
225
149
|
<slots.root {...slotProps.root}>
|
|
226
|
-
{state.labelPosition === '
|
|
227
|
-
<
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
</div>
|
|
231
|
-
{state.labelPosition === 'end' && <slots.label {...slotProps.label} />}
|
|
150
|
+
{state.labelPosition === 'before' && <slots.label {...slotProps.label} />}
|
|
151
|
+
<slots.indicator {...slotProps.indicator} />
|
|
152
|
+
<slots.input {...slotProps.input} />
|
|
153
|
+
{state.labelPosition === 'after' && <slots.label {...slotProps.label} />}
|
|
232
154
|
</slots.root>
|
|
233
155
|
```
|
|
234
156
|
|
|
235
157
|
### **DOM**
|
|
236
158
|
|
|
237
|
-
In this case, the label position is set to end as per default.
|
|
238
|
-
|
|
239
159
|
```html
|
|
240
|
-
<
|
|
241
|
-
<div
|
|
242
|
-
<
|
|
243
|
-
...indicator
|
|
244
|
-
</div>
|
|
245
|
-
<input id="cbox-1" ...props />
|
|
160
|
+
<span class="fui-Checkbox root">
|
|
161
|
+
<div aria-hidden="true" class="indicator">
|
|
162
|
+
<CheckmarkRegular />
|
|
246
163
|
</div>
|
|
247
|
-
<
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
</div>
|
|
164
|
+
<input type="checkbox" id="checkbox-1" class="input" />
|
|
165
|
+
<label for="checkbox-1" className="label">Example Checkbox</label>
|
|
166
|
+
</span>
|
|
251
167
|
```
|
|
252
168
|
|
|
253
169
|
## Migration
|
|
@@ -256,17 +172,11 @@ See [MIGRATION.md](MIGRATION.md)
|
|
|
256
172
|
|
|
257
173
|
## Behaviors
|
|
258
174
|
|
|
259
|
-
-
|
|
260
|
-
|
|
261
|
-
- Cursor
|
|
262
|
-
- When clicked the checkbox's state is toggled.
|
|
263
|
-
- Focus
|
|
264
|
-
- A checkbox can be focused to interact with it using `space`.
|
|
265
|
-
- In case of a label having a link or information button, items inside the label may be focused.
|
|
175
|
+
- Checkbox inherits all of its mouse and keyboard behaviors from the native `<input type="checkbox">`. It has no special handling of clicks or keypresses for toggling beyond the native control.
|
|
176
|
+
- In case of a label having a link or information button, items inside the label may be focused.
|
|
266
177
|
|
|
267
178
|
## Accessibility
|
|
268
179
|
|
|
269
180
|
- Aria design pattern: [Checkbox](https://www.w3.org/TR/wai-aria-practices-1.2/#checkbox).
|
|
270
|
-
-
|
|
271
|
-
-
|
|
272
|
-
- Elements inside the checkbox's label can be focused if there are elements such as links and info buttons.
|
|
181
|
+
- Checkbox uses a standard HTML `<input type="checkbox">` and does not require any additional aria attributes on the input element.
|
|
182
|
+
- The checkmark indicator has `aria-hidden="true"`, as it is purely a visual representation of the state of the underlying input.
|