@fluentui/react-label 9.0.0-alpha.4 → 9.0.0-alpha.43

Sign up to get free protection for your applications and to get access to all the features.
Files changed (84) hide show
  1. package/CHANGELOG.json +956 -1
  2. package/CHANGELOG.md +388 -2
  3. package/MIGRATION.md +25 -0
  4. package/README.md +22 -0
  5. package/Spec.md +146 -34
  6. package/dist/react-label.d.ts +42 -9
  7. package/lib/Label.js.map +1 -1
  8. package/lib/common/isConformant.d.ts +1 -1
  9. package/lib/common/isConformant.js +7 -5
  10. package/lib/common/isConformant.js.map +1 -1
  11. package/lib/components/Label/Label.d.ts +6 -2
  12. package/lib/components/Label/Label.js +5 -4
  13. package/lib/components/Label/Label.js.map +1 -1
  14. package/lib/components/Label/Label.types.d.ts +32 -7
  15. package/lib/components/Label/Label.types.js.map +1 -1
  16. package/lib/components/Label/index.js.map +1 -1
  17. package/lib/components/Label/renderLabel.d.ts +1 -1
  18. package/lib/components/Label/renderLabel.js +7 -3
  19. package/lib/components/Label/renderLabel.js.map +1 -1
  20. package/lib/components/Label/useLabel.d.ts +2 -1
  21. package/lib/components/Label/useLabel.js +43 -8
  22. package/lib/components/Label/useLabel.js.map +1 -1
  23. package/lib/components/Label/useLabelStyles.d.ts +1 -1
  24. package/lib/components/Label/useLabelStyles.js +43 -11
  25. package/lib/components/Label/useLabelStyles.js.map +1 -1
  26. package/lib/index.js.map +1 -1
  27. package/lib/tsdoc-metadata.json +1 -1
  28. package/lib-commonjs/Label.js +7 -2
  29. package/lib-commonjs/Label.js.map +1 -1
  30. package/lib-commonjs/common/isConformant.d.ts +1 -1
  31. package/lib-commonjs/common/isConformant.js +16 -7
  32. package/lib-commonjs/common/isConformant.js.map +1 -1
  33. package/lib-commonjs/components/Label/Label.d.ts +6 -2
  34. package/lib-commonjs/components/Label/Label.js +18 -9
  35. package/lib-commonjs/components/Label/Label.js.map +1 -1
  36. package/lib-commonjs/components/Label/Label.types.d.ts +32 -7
  37. package/lib-commonjs/components/Label/Label.types.js +4 -1
  38. package/lib-commonjs/components/Label/Label.types.js.map +1 -1
  39. package/lib-commonjs/components/Label/index.js +11 -2
  40. package/lib-commonjs/components/Label/index.js.map +1 -1
  41. package/lib-commonjs/components/Label/renderLabel.d.ts +1 -1
  42. package/lib-commonjs/components/Label/renderLabel.js +20 -7
  43. package/lib-commonjs/components/Label/renderLabel.js.map +1 -1
  44. package/lib-commonjs/components/Label/useLabel.d.ts +2 -1
  45. package/lib-commonjs/components/Label/useLabel.js +52 -10
  46. package/lib-commonjs/components/Label/useLabel.js.map +1 -1
  47. package/lib-commonjs/components/Label/useLabelStyles.d.ts +1 -1
  48. package/lib-commonjs/components/Label/useLabelStyles.js +50 -12
  49. package/lib-commonjs/components/Label/useLabelStyles.js.map +1 -1
  50. package/lib-commonjs/index.js +7 -2
  51. package/lib-commonjs/index.js.map +1 -1
  52. package/package.json +14 -10
  53. package/config/api-extractor.json +0 -3
  54. package/config/tests.js +0 -7
  55. package/etc/react-label.api.md +0 -44
  56. package/just.config.ts +0 -3
  57. package/lib-amd/Label.d.ts +0 -1
  58. package/lib-amd/Label.js +0 -6
  59. package/lib-amd/Label.js.map +0 -1
  60. package/lib-amd/common/isConformant.d.ts +0 -4
  61. package/lib-amd/common/isConformant.js +0 -14
  62. package/lib-amd/common/isConformant.js.map +0 -1
  63. package/lib-amd/components/Label/Label.d.ts +0 -6
  64. package/lib-amd/components/Label/Label.js +0 -15
  65. package/lib-amd/components/Label/Label.js.map +0 -1
  66. package/lib-amd/components/Label/Label.types.d.ts +0 -24
  67. package/lib-amd/components/Label/Label.types.js +0 -5
  68. package/lib-amd/components/Label/Label.types.js.map +0 -1
  69. package/lib-amd/components/Label/index.d.ts +0 -5
  70. package/lib-amd/components/Label/index.js +0 -10
  71. package/lib-amd/components/Label/index.js.map +0 -1
  72. package/lib-amd/components/Label/renderLabel.d.ts +0 -5
  73. package/lib-amd/components/Label/renderLabel.js +0 -14
  74. package/lib-amd/components/Label/renderLabel.js.map +0 -1
  75. package/lib-amd/components/Label/useLabel.d.ts +0 -17
  76. package/lib-amd/components/Label/useLabel.js +0 -30
  77. package/lib-amd/components/Label/useLabel.js.map +0 -1
  78. package/lib-amd/components/Label/useLabelStyles.d.ts +0 -5
  79. package/lib-amd/components/Label/useLabelStyles.js +0 -25
  80. package/lib-amd/components/Label/useLabelStyles.js.map +0 -1
  81. package/lib-amd/index.d.ts +0 -2
  82. package/lib-amd/index.js +0 -6
  83. package/lib-amd/index.js.map +0 -1
  84. package/src/components/Label/Label.types.ts +0 -33
package/CHANGELOG.md CHANGED
@@ -1,12 +1,398 @@
1
1
  # Change Log - @fluentui/react-label
2
2
 
3
- This log was last generated on Thu, 03 Jun 2021 07:34:06 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 22 Sep 2021 10:08:31 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0-alpha.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.43)
8
+
9
+ Wed, 22 Sep 2021 10:08:31 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.42..@fluentui/react-label_v9.0.0-alpha.43)
11
+
12
+ ### Changes
13
+
14
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.70 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
15
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.50 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
16
+ - Bump @fluentui/babel-make-styles to v9.0.0-alpha.52 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
17
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.45 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
18
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.14 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
19
+
20
+ ## [9.0.0-alpha.42](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.42)
21
+
22
+ Tue, 21 Sep 2021 07:42:34 GMT
23
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.41..@fluentui/react-label_v9.0.0-alpha.42)
24
+
25
+ ### Changes
26
+
27
+ - Updating to types over interfaces ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by gcox@microsoft.com)
28
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.69 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
29
+ - Bump @fluentui/babel-make-styles to v9.0.0-alpha.51 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
30
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.44 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
31
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.13 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
32
+
33
+ ## [9.0.0-alpha.41](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.41)
34
+
35
+ Mon, 20 Sep 2021 07:36:26 GMT
36
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.40..@fluentui/react-label_v9.0.0-alpha.41)
37
+
38
+ ### Changes
39
+
40
+ - Bump @fluentui/react-label to v9.0.0-alpha.41 ([PR #19844](https://github.com/microsoft/fluentui/pull/19844) by lingfangao@hotmail.com)
41
+
42
+ ## [9.0.0-alpha.40](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.40)
43
+
44
+ Fri, 17 Sep 2021 07:35:26 GMT
45
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.39..@fluentui/react-label_v9.0.0-alpha.40)
46
+
47
+ ### Changes
48
+
49
+ - Bump @fluentui/react-label to v9.0.0-alpha.40 ([PR #19840](https://github.com/microsoft/fluentui/pull/19840) by Humberto.Morimoto@microsoft.com)
50
+
51
+ ## [9.0.0-alpha.39](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.39)
52
+
53
+ Thu, 16 Sep 2021 07:38:39 GMT
54
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.38..@fluentui/react-label_v9.0.0-alpha.39)
55
+
56
+ ### Changes
57
+
58
+ - Bump @fluentui/react-label to v9.0.0-alpha.39 ([PR #19815](https://github.com/microsoft/fluentui/pull/19815) by behowell@microsoft.com)
59
+
60
+ ## [9.0.0-alpha.38](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.38)
61
+
62
+ Tue, 14 Sep 2021 20:09:02 GMT
63
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.37..@fluentui/react-label_v9.0.0-alpha.38)
64
+
65
+ ### Changes
66
+
67
+ - Bump @fluentui/react-label to v9.0.0-alpha.38 ([PR #19155](https://github.com/microsoft/fluentui/pull/19155) by bsunderhus@microsoft.com)
68
+
69
+ ## [9.0.0-alpha.37](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.37)
70
+
71
+ Fri, 10 Sep 2021 16:31:53 GMT
72
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.36..@fluentui/react-label_v9.0.0-alpha.37)
73
+
74
+ ### Changes
75
+
76
+ - chore(v9): Move all internal v9 dependencies from caret to fixed version ([PR #19748](https://github.com/microsoft/fluentui/pull/19748) by lingfangao@hotmail.com)
77
+ - Bump @fluentui/react-label to v9.0.0-alpha.37 ([PR #19748](https://github.com/microsoft/fluentui/pull/19748) by lingfangao@hotmail.com)
78
+
79
+ ## [9.0.0-alpha.36](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.36)
80
+
81
+ Fri, 10 Sep 2021 07:39:51 GMT
82
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.35..@fluentui/react-label_v9.0.0-alpha.36)
83
+
84
+ ### Changes
85
+
86
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.45 ([PR #19642](https://github.com/microsoft/fluentui/pull/19642) by behowell@microsoft.com)
87
+
88
+ ## [9.0.0-alpha.35](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.35)
89
+
90
+ Mon, 06 Sep 2021 07:34:53 GMT
91
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.34..@fluentui/react-label_v9.0.0-alpha.35)
92
+
93
+ ### Changes
94
+
95
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.44 ([PR #19640](https://github.com/microsoft/fluentui/pull/19640) by lingfangao@hotmail.com)
96
+
97
+ ## [9.0.0-alpha.34](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.34)
98
+
99
+ Thu, 02 Sep 2021 07:36:46 GMT
100
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.33..@fluentui/react-label_v9.0.0-alpha.34)
101
+
102
+ ### Patches
103
+
104
+ - Bump @fluentui/react-conformance to v0.4.5 ([PR #19590](https://github.com/microsoft/fluentui/pull/19590) by olfedias@microsoft.com)
105
+
106
+ ### Changes
107
+
108
+ - Bump @fluentui/babel-make-styles to v9.0.0-alpha.43 ([PR #19065](https://github.com/microsoft/fluentui/pull/19065) by olfedias@microsoft.com)
109
+
110
+ ## [9.0.0-alpha.33](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.33)
111
+
112
+ Wed, 01 Sep 2021 07:39:56 GMT
113
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.32..@fluentui/react-label_v9.0.0-alpha.33)
114
+
115
+ ### Changes
116
+
117
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.43 ([PR #19483](https://github.com/microsoft/fluentui/pull/19483) by bsunderhus@microsoft.com)
118
+
119
+ ## [9.0.0-alpha.32](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.32)
120
+
121
+ Tue, 31 Aug 2021 07:37:47 GMT
122
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.31..@fluentui/react-label_v9.0.0-alpha.32)
123
+
124
+ ### Changes
125
+
126
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.42 ([PR #19556](https://github.com/microsoft/fluentui/pull/19556) by lingfan.gao@microsoft.com)
127
+
128
+ ## [9.0.0-alpha.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.31)
129
+
130
+ Fri, 27 Aug 2021 07:33:32 GMT
131
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.30..@fluentui/react-label_v9.0.0-alpha.31)
132
+
133
+ ### Changes
134
+
135
+ - Bump @fluentui/babel-make-styles to v9.0.0-alpha.40 ([PR #19462](https://github.com/microsoft/fluentui/pull/19462) by olfedias@microsoft.com)
136
+
137
+ ## [9.0.0-alpha.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.30)
138
+
139
+ Thu, 26 Aug 2021 07:35:43 GMT
140
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.29..@fluentui/react-label_v9.0.0-alpha.30)
141
+
142
+ ### Changes
143
+
144
+ - Bump @fluentui/babel-make-styles to v9.0.0-alpha.39 ([PR #19486](https://github.com/microsoft/fluentui/pull/19486) by martinhochel@microsoft.com)
145
+
146
+ ## [9.0.0-alpha.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.29)
147
+
148
+ Tue, 24 Aug 2021 07:34:48 GMT
149
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.28..@fluentui/react-label_v9.0.0-alpha.29)
150
+
151
+ ### Changes
152
+
153
+ - Updating TypeScript type-only imports/exports to use import/export syntax. ([PR #19473](https://github.com/microsoft/fluentui/pull/19473) by dzearing@hotmail.com)
154
+
155
+ ## [9.0.0-alpha.28](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.28)
156
+
157
+ Fri, 20 Aug 2021 07:37:28 GMT
158
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.27..@fluentui/react-label_v9.0.0-alpha.28)
159
+
160
+ ### Changes
161
+
162
+ - Update .npmignore ([PR #19441](https://github.com/microsoft/fluentui/pull/19441) by elcraig@microsoft.com)
163
+
164
+ ## [9.0.0-alpha.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.27)
165
+
166
+ Thu, 19 Aug 2021 07:41:35 GMT
167
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.26..@fluentui/react-label_v9.0.0-alpha.27)
168
+
169
+ ### Changes
170
+
171
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.39 ([PR #19273](https://github.com/microsoft/fluentui/pull/19273) by bsunderhus@microsoft.com)
172
+
173
+ ## [9.0.0-alpha.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.26)
174
+
175
+ Fri, 13 Aug 2021 07:36:34 GMT
176
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.25..@fluentui/react-label_v9.0.0-alpha.26)
177
+
178
+ ### Changes
179
+
180
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.32 ([PR #19341](https://github.com/microsoft/fluentui/pull/19341) by olfedias@microsoft.com)
181
+
182
+ ## [9.0.0-alpha.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.25)
183
+
184
+ Wed, 11 Aug 2021 07:34:54 GMT
185
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.24..@fluentui/react-label_v9.0.0-alpha.25)
186
+
187
+ ### Changes
188
+
189
+ - Bump @fluentui/babel-make-styles to v9.0.0-alpha.35 ([PR #19256](https://github.com/microsoft/fluentui/pull/19256) by olfedias@microsoft.com)
190
+
191
+ ## [9.0.0-alpha.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.24)
192
+
193
+ Fri, 06 Aug 2021 07:35:14 GMT
194
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.23..@fluentui/react-label_v9.0.0-alpha.24)
195
+
196
+ ### Changes
197
+
198
+ - Bump @fluentui/babel-make-styles to v9.0.0-alpha.34 ([PR #19281](https://github.com/microsoft/fluentui/pull/19281) by jspurlin@microsoft.com)
199
+
200
+ ## [9.0.0-alpha.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.23)
201
+
202
+ Tue, 03 Aug 2021 07:39:30 GMT
203
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.22..@fluentui/react-label_v9.0.0-alpha.23)
204
+
205
+ ### Patches
206
+
207
+ - Bump @fluentui/eslint-plugin to v1.3.3 ([PR #19169](https://github.com/microsoft/fluentui/pull/19169) by behowell@microsoft.com)
208
+ - Bump @fluentui/react-conformance to v0.4.4 ([PR #19169](https://github.com/microsoft/fluentui/pull/19169) by behowell@microsoft.com)
209
+ - Bump @fluentui/scripts to v1.0.0 ([PR #19169](https://github.com/microsoft/fluentui/pull/19169) by behowell@microsoft.com)
210
+
211
+ ### Changes
212
+
213
+ - Bump @fluentui/babel-make-styles to v9.0.0-alpha.33 ([PR #19169](https://github.com/microsoft/fluentui/pull/19169) by behowell@microsoft.com)
214
+
215
+ ## [9.0.0-alpha.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.22)
216
+
217
+ Mon, 02 Aug 2021 07:36:20 GMT
218
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.21..@fluentui/react-label_v9.0.0-alpha.22)
219
+
220
+ ### Changes
221
+
222
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.36 ([PR #19204](https://github.com/microsoft/fluentui/pull/19204) by lingfan.gao@microsoft.com)
223
+
224
+ ## [9.0.0-alpha.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.21)
225
+
226
+ Mon, 26 Jul 2021 07:37:30 GMT
227
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.20..@fluentui/react-label_v9.0.0-alpha.21)
228
+
229
+ ### Changes
230
+
231
+ - add Babel plugins to build pipeline ([PR #18968](https://github.com/microsoft/fluentui/pull/18968) by olfedias@microsoft.com)
232
+
233
+ ## [9.0.0-alpha.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.20)
234
+
235
+ Fri, 23 Jul 2021 07:38:19 GMT
236
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.19..@fluentui/react-label_v9.0.0-alpha.20)
237
+
238
+ ### Changes
239
+
240
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.27 ([PR #19041](https://github.com/microsoft/fluentui/pull/19041) by miroslav.stastny@microsoft.com)
241
+
242
+ ## [9.0.0-alpha.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.19)
243
+
244
+ Thu, 22 Jul 2021 07:36:55 GMT
245
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.18..@fluentui/react-label_v9.0.0-alpha.19)
246
+
247
+ ### Changes
248
+
249
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.34 ([PR #19023](https://github.com/microsoft/fluentui/pull/19023) by behowell@microsoft.com)
250
+
251
+ ## [9.0.0-alpha.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.18)
252
+
253
+ Thu, 15 Jul 2021 07:36:18 GMT
254
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.17..@fluentui/react-label_v9.0.0-alpha.18)
255
+
256
+ ### Changes
257
+
258
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.33 ([PR #18861](https://github.com/microsoft/fluentui/pull/18861) by bsunderhus@microsoft.com)
259
+
260
+ ## [9.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.17)
261
+
262
+ Tue, 13 Jul 2021 22:32:58 GMT
263
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.16..@fluentui/react-label_v9.0.0-alpha.17)
264
+
265
+ ### Patches
266
+
267
+ - Bump @fluentui/react-conformance to v0.4.3 ([PR #18925](https://github.com/microsoft/fluentui/pull/18925) by elcraig@microsoft.com)
268
+
269
+ ### Changes
270
+
271
+ - Adding missing line-height to Label. ([PR #18889](https://github.com/microsoft/fluentui/pull/18889) by esteban.230@hotmail.com)
272
+
273
+ ## [9.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.16)
274
+
275
+ Tue, 13 Jul 2021 07:35:36 GMT
276
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.15..@fluentui/react-label_v9.0.0-alpha.16)
277
+
278
+ ### Changes
279
+
280
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.24 ([PR #18560](https://github.com/microsoft/fluentui/pull/18560) by behowell@microsoft.com)
281
+
282
+ ## [9.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.15)
283
+
284
+ Fri, 09 Jul 2021 07:39:31 GMT
285
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.14..@fluentui/react-label_v9.0.0-alpha.15)
286
+
287
+ ### Patches
288
+
289
+ - Bump @fluentui/eslint-plugin to v1.3.2 ([PR #18808](https://github.com/microsoft/fluentui/pull/18808) by martinhochel@microsoft.com)
290
+ - Bump @fluentui/react-conformance to v0.4.2 ([PR #18808](https://github.com/microsoft/fluentui/pull/18808) by martinhochel@microsoft.com)
291
+ - Bump @fluentui/scripts to v1.0.0 ([PR #18808](https://github.com/microsoft/fluentui/pull/18808) by martinhochel@microsoft.com)
292
+
293
+ ### Changes
294
+
295
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.23 ([PR #18808](https://github.com/microsoft/fluentui/pull/18808) by martinhochel@microsoft.com)
296
+
297
+ ## [9.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.14)
298
+
299
+ Fri, 02 Jul 2021 23:15:55 GMT
300
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.13..@fluentui/react-label_v9.0.0-alpha.14)
301
+
302
+ ### Changes
303
+
304
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.31 ([PR #18721](https://github.com/microsoft/fluentui/pull/18721) by bsunderhus@microsoft.com)
305
+
306
+ ## [9.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.13)
307
+
308
+ Fri, 02 Jul 2021 07:37:06 GMT
309
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.12..@fluentui/react-label_v9.0.0-alpha.13)
310
+
311
+ ### Changes
312
+
313
+ - Rename typings and getSlots to have the Compat Suffix ([PR #18796](https://github.com/microsoft/fluentui/pull/18796) by bsunderhus@microsoft.com)
314
+
315
+ ## [9.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.12)
316
+
317
+ Thu, 01 Jul 2021 07:35:05 GMT
318
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.11..@fluentui/react-label_v9.0.0-alpha.12)
319
+
320
+ ### Changes
321
+
322
+ - Fixing bug in start script of converged packages. ([PR #18768](https://github.com/microsoft/fluentui/pull/18768) by Humberto.Morimoto@microsoft.com)
323
+
324
+ ## [9.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.11)
325
+
326
+ Wed, 30 Jun 2021 07:38:35 GMT
327
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.10..@fluentui/react-label_v9.0.0-alpha.11)
328
+
329
+ ### Changes
330
+
331
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.20 ([PR #18695](https://github.com/microsoft/fluentui/pull/18695) by tristan.watanabe@gmail.com)
332
+
333
+ ## [9.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.10)
334
+
335
+ Tue, 29 Jun 2021 07:33:32 GMT
336
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.9..@fluentui/react-label_v9.0.0-alpha.10)
337
+
338
+ ### Changes
339
+
340
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.19 ([PR #18169](https://github.com/microsoft/fluentui/pull/18169) by olfedias@microsoft.com)
341
+
342
+ ## [9.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.9)
343
+
344
+ Fri, 18 Jun 2021 07:30:58 GMT
345
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.8..@fluentui/react-label_v9.0.0-alpha.9)
346
+
347
+ ### Changes
348
+
349
+ - removing inline-flex and setting to block ([PR #18503](https://github.com/microsoft/fluentui/pull/18503) by esteban.230@hotmail.com)
350
+
351
+ ## [9.0.0-alpha.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.8)
352
+
353
+ Tue, 15 Jun 2021 07:40:20 GMT
354
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.7..@fluentui/react-label_v9.0.0-alpha.8)
355
+
356
+ ### Changes
357
+
358
+ - Fix type of required prop after change to ShorthandProp type definition ([PR #18521](https://github.com/microsoft/fluentui/pull/18521) by behowell@microsoft.com)
359
+
360
+ ## [9.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.7)
361
+
362
+ Wed, 09 Jun 2021 07:33:38 GMT
363
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.6..@fluentui/react-label_v9.0.0-alpha.7)
364
+
365
+ ### Changes
366
+
367
+ - Adding implementation ([PR #18378](https://github.com/microsoft/fluentui/pull/18378) by esteban.230@hotmail.com)
368
+
369
+ ## [9.0.0-alpha.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.6)
370
+
371
+ Mon, 07 Jun 2021 07:38:15 GMT
372
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.5..@fluentui/react-label_v9.0.0-alpha.6)
373
+
374
+ ### Patches
375
+
376
+ - Bump @fluentui/eslint-plugin to v1.3.1 ([PR #18437](https://github.com/microsoft/fluentui/pull/18437) by martinhochel@microsoft.com)
377
+ - Bump @fluentui/react-conformance to v0.4.1 ([PR #18437](https://github.com/microsoft/fluentui/pull/18437) by martinhochel@microsoft.com)
378
+ - Bump @fluentui/scripts to v1.0.0 ([PR #18437](https://github.com/microsoft/fluentui/pull/18437) by martinhochel@microsoft.com)
379
+
380
+ ### Changes
381
+
382
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.17 ([PR #18437](https://github.com/microsoft/fluentui/pull/18437) by martinhochel@microsoft.com)
383
+
384
+ ## [9.0.0-alpha.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.5)
385
+
386
+ Fri, 04 Jun 2021 07:37:23 GMT
387
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.4..@fluentui/react-label_v9.0.0-alpha.5)
388
+
389
+ ### Changes
390
+
391
+ - Completing migration guide and spec ([PR #18345](https://github.com/microsoft/fluentui/pull/18345) by esteban.230@hotmail.com)
392
+
7
393
  ## [9.0.0-alpha.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-alpha.4)
8
394
 
9
- Thu, 03 Jun 2021 07:34:06 GMT
395
+ Thu, 03 Jun 2021 07:36:03 GMT
10
396
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-alpha.3..@fluentui/react-label_v9.0.0-alpha.4)
11
397
 
12
398
  ### Changes
package/MIGRATION.md ADDED
@@ -0,0 +1,25 @@
1
+ # Label Migration
2
+
3
+ ## STATUS: WIP
4
+
5
+ This Migration guide is a work in progress and is not yet ready for use.
6
+
7
+ ## Migration from v8
8
+
9
+ - `Label`
10
+ - `componentRef` => Not supported.
11
+ - `disabled` => `disabled`.
12
+ - `required` => `required`.
13
+
14
+ ## Migration from v0
15
+
16
+ The converged API does not support many of the features offered in v0. Some could potentially by addressed by already made slots or by adding either the additional features or more slots if needed.
17
+
18
+ - `Label`
19
+ - `circular` => Not supported. Consider using `Badge` component.
20
+ - `color` => Not supported. Consider using `Badge` component.
21
+ - `content` => The child of `Label`.
22
+ - `design` => Not applicable.
23
+ - `fluid` => Not supported. Use CSS styling such as flex-grow.
24
+ - `icon`, `iconPosition` => Not supported. Consider using `Badge` component or add as a child.
25
+ - `image`, `imagePosition` => Not supported. Add as a child.
package/README.md CHANGED
@@ -3,3 +3,25 @@
3
3
  **React Label components for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**
4
4
 
5
5
  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.
6
+
7
+ ## Usage
8
+
9
+ To use the `Label` component import it from `@fluentui/react-label` and use it as shown below.
10
+
11
+ ```tsx
12
+ import * as React from 'react';
13
+ import { Label } from '@fluentui/react-label';
14
+
15
+ export const labelExample = () => {
16
+ const inputId = React.useId('firstNameLabel');
17
+
18
+ return (
19
+ <>
20
+ <Label htmlfor={inputId} required strong>
21
+ First Name
22
+ </Label>
23
+ <input id={inputId} />
24
+ </>
25
+ );
26
+ };
27
+ ```
package/Spec.md CHANGED
@@ -2,62 +2,174 @@
2
2
 
3
3
  ## Background
4
4
 
5
- _Description and use cases of this component_
5
+ Labels provide a name or title to a component or group of components, e.g., text fields, checkboxes, radio buttons, and dropdown menus.
6
6
 
7
7
  ## Prior Art
8
8
 
9
- _Include background research done for this component_
10
-
11
- - _Link to Open UI research_
12
- - _Link to comparison of v7 and v0_
13
- - _Link to GitHub epic issue for the converged component_
9
+ - [open-ui PR](https://github.com/openui/open-ui/pull/348)
10
+ - [Label Convergence Epic issue](https://github.com/microsoft/fluentui/issues/18247)
11
+
12
+ ### Label in Fabric/v8
13
+
14
+ ```tsx
15
+ <Label required>I am a required label</Label>
16
+ ```
17
+
18
+ Props used in v8 Label:
19
+ |Prop|Description|
20
+ |---|---|
21
+ |as|Element type to render Label as|
22
+ |componentRef|Optional callback to access the ILabel interface. Use this instead of ref for accessing the public methods and properties of the component|
23
+ |disabled|Renders label as disabled, changing the Label's foreground color|
24
+ |required|Renders an asterisk next to the given text|
25
+ |styles|Custom styles for the Label|
26
+ |theme|Theme provided by HOC|
27
+
28
+ ### Label in Northstar/v0
29
+
30
+ ```tsx
31
+ <Label content="You have 23 emails" />
32
+ ```
33
+
34
+ Props used in v0 Label:
35
+ |Prop|Description|
36
+ |---|---|
37
+ |accessibility| Prop to override accessibility behavior|
38
+ |as|Element type to render Label as|
39
+ |circular|Renders Label with round corners|
40
+ |className|Additional CSS class name to apply|
41
+ |color|Color for the background of the label|
42
+ |content|Label content|
43
+ |fluid|Make it so Label takes the width of its container|
44
+ |icon|Adds an icon to the label|
45
+ |iconPosition|Choose where the icon is placed (Start or End)|
46
+ |image|Adds an image to the label|
47
+ |imagePosition|Choose where the image is placed (Start or End)|
48
+ |styles|Additional custom styles for the component|
49
+ |variables|Allows override of theme variables|
50
+
51
+ ### Conclusion
52
+
53
+ Moving forward, Label will be a simple component. The converged Label will be based on v8's Label with some minor changes. Most props from v0 will be left out but because of the use of slots, it won't be too difficult to migrate to the converged Label.
14
54
 
15
55
  ## Sample Code
16
56
 
17
- _Provide some representative example code that uses the proposed API for the component_
57
+ The Label component should be simple as shown below. It will just need the text to be rendered. For the required label, it has the option of being a shorthand slot that will allow to customize the label's required text.
58
+
59
+ ```tsx
60
+ <Label>Label</Label>
61
+
62
+ <Label disabled>Label</Label>
63
+
64
+ <Label required>Label</Label>
65
+
66
+ <Label required="**">
67
+ Label
68
+ </Label>
69
+ ```
18
70
 
19
71
  ## Variants
20
72
 
21
- _Describe visual or functional variants of this control, if applicable. For example, a slider could have a 2D variant._
73
+ - A Label can be rendered with an asterisk or custom text when is set as `required`.
22
74
 
23
75
  ## API
24
76
 
25
- _List the **Props** and **Slots** proposed for the component. Ideally this would just be a link to the component's `.types.ts` file_
77
+ ```ts
78
+ /**
79
+ * Label Props
80
+ */
81
+ export type LabelProps = ComponentProps &
82
+ React.LabelHTMLAttributes<HTMLElement> & {
83
+ /**
84
+ * Renders the label as disabled
85
+ * @defaultvalue false
86
+ */
87
+ disabled?: boolean;
88
+
89
+ /**
90
+ * Whether the associated form field is required or not. If true it will be an asterisk, otherwise it will be what is provided.
91
+ * @defaultvalue false
92
+ */
93
+ required?: boolean | ShorthandProps<ComponentProps>;
94
+
95
+ /**
96
+ * A label supports different font sizes, see tokens for reference.
97
+ * @defaultvalue 'medium'
98
+ */
99
+ size?: 'small' | 'medium' | 'large';
100
+
101
+ /**
102
+ * A label supports semibold/strong fontweight. When size is set to large, label strong will be set by default.
103
+ * @defaultvalue false
104
+ */
105
+ strong?: boolean;
106
+ };
107
+
108
+ /**
109
+ * Names of the shorthand properties in LabelProps
110
+ */
111
+ export type LabelShorthandProps = 'required';
112
+
113
+ /**
114
+ * Names of LabelProps that have a default value in useLabel
115
+ */
116
+ export type LabelDefaultedProps = never;
117
+
118
+ /**
119
+ * State used in rendering Label
120
+ */
121
+ export type LabelState = ComponentState<LabelProps, LabelShorthandProps, LabelDefaultedProps> & {
122
+ /**
123
+ * Ref to the root element
124
+ */
125
+ ref: React.Ref<HTMLElement>;
126
+ };
127
+ ```
26
128
 
27
129
  ## Structure
28
130
 
29
- - _**Public**_
30
- - _**Internal**_
31
- - _**DOM** - how the component will be rendered as HTML elements_
131
+ ### Public
32
132
 
33
- ## Migration
133
+ ```tsx
134
+ <Label required>I'm a Label</Label>
135
+ ```
136
+
137
+ ### DOM
34
138
 
35
- _Describe what will need to be done to upgrade from the existing implementations:_
139
+ ```tsx
140
+ <label {/*Label*/} class="...">
141
+ I'm a Label
142
+ <span {/*required*/} class="...">*</span>
143
+ </label>
144
+ ```
36
145
 
37
- - _Migration from v8_
38
- - _Migration from v0_
146
+ ### Internal
147
+
148
+ ```tsx
149
+ <slots.root {...slotProps.root}>
150
+ {state.children}
151
+ <slots.required {...slotProps.required} />
152
+ </slots.root>
153
+ ```
154
+
155
+ ## Migration
156
+
157
+ See [MIGRATION.md](MIGRATION.md)
39
158
 
40
159
  ## Behaviors
41
160
 
42
- _Explain how the component will behave in use, including:_
161
+ ### Component States
162
+
163
+ Label does not have state attributes.
164
+
165
+ ### Interaction
166
+
167
+ _Keyboard, Cursor, Touch, and Screen Readers_
43
168
 
44
- - _Component States_
45
- - _Interaction_
46
- - _Keyboard_
47
- - _Cursor_
48
- - _Touch_
49
- - _Screen readers_
169
+ - None
50
170
 
51
171
  ## Accessibility
52
172
 
53
- Base accessibility information is included in the design document. After the spec is filled and review, outcomes from it need to be communicated to design and incorporated in the design document.
54
-
55
- - Decide whether to use **native element** or folow **ARIA** and provide reasons
56
- - Identify the **[ARIA](https://www.w3.org/TR/wai-aria-practices-1.2/) pattern** and, if the component is listed there, follow its specification as possible.
57
- - Identify accessibility **variants**, the `role` ([ARIA roles](https://www.w3.org/TR/wai-aria-1.1/#role_definitions)) of the component, its `slots` and `aria-*` props.
58
- - Describe the **keyboard navigation**: Tab Oder and Arrow Key Navigation. Describe any other keyboard **shortcuts** used
59
- - Specify texts for **state change announcements** - [ARIA live regions
60
- ](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) (number of available items in dropdown, error messages, confirmations, ...)
61
- - Identify UI parts that appear on **hover or focus** and specify keyboard and screen reader interaction with them
62
- - List cases when **focus** needs to be **trapped** in sections of the UI (for dialogs and popups or for hierarchical navigation)
63
- - List cases when **focus** needs to be **moved programatically** (if parts of the UI are appearing/disappearing or other cases)
173
+ - Label will use the native `label` element to render.
174
+ - Label cannot receive focus.
175
+ - Label will have no focusable elements.