@fluentui/react-input 0.0.0-nightlyca6ef2bc8e20220105.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 (58) hide show
  1. package/CHANGELOG.json +1044 -0
  2. package/CHANGELOG.md +429 -0
  3. package/LICENSE +15 -0
  4. package/README.md +5 -0
  5. package/Spec-styling.md +125 -0
  6. package/Spec-variants.md +99 -0
  7. package/Spec.md +262 -0
  8. package/dist/react-input.d.ts +123 -0
  9. package/lib/Input.d.ts +1 -0
  10. package/lib/Input.js +2 -0
  11. package/lib/Input.js.map +1 -0
  12. package/lib/components/Input/Input.d.ts +8 -0
  13. package/lib/components/Input/Input.js +17 -0
  14. package/lib/components/Input/Input.js.map +1 -0
  15. package/lib/components/Input/Input.types.d.ts +84 -0
  16. package/lib/components/Input/Input.types.js +2 -0
  17. package/lib/components/Input/Input.types.js.map +1 -0
  18. package/lib/components/Input/index.d.ts +5 -0
  19. package/lib/components/Input/index.js +6 -0
  20. package/lib/components/Input/index.js.map +1 -0
  21. package/lib/components/Input/renderInput.d.ts +5 -0
  22. package/lib/components/Input/renderInput.js +18 -0
  23. package/lib/components/Input/renderInput.js.map +1 -0
  24. package/lib/components/Input/useInput.d.ts +12 -0
  25. package/lib/components/Input/useInput.js +64 -0
  26. package/lib/components/Input/useInput.js.map +1 -0
  27. package/lib/components/Input/useInputStyles.d.ts +6 -0
  28. package/lib/components/Input/useInputStyles.js +296 -0
  29. package/lib/components/Input/useInputStyles.js.map +1 -0
  30. package/lib/index.d.ts +1 -0
  31. package/lib/index.js +2 -0
  32. package/lib/index.js.map +1 -0
  33. package/lib/tsdoc-metadata.json +11 -0
  34. package/lib-commonjs/Input.d.ts +1 -0
  35. package/lib-commonjs/Input.js +10 -0
  36. package/lib-commonjs/Input.js.map +1 -0
  37. package/lib-commonjs/components/Input/Input.d.ts +8 -0
  38. package/lib-commonjs/components/Input/Input.js +28 -0
  39. package/lib-commonjs/components/Input/Input.js.map +1 -0
  40. package/lib-commonjs/components/Input/Input.types.d.ts +84 -0
  41. package/lib-commonjs/components/Input/Input.types.js +6 -0
  42. package/lib-commonjs/components/Input/Input.types.js.map +1 -0
  43. package/lib-commonjs/components/Input/index.d.ts +5 -0
  44. package/lib-commonjs/components/Input/index.js +18 -0
  45. package/lib-commonjs/components/Input/index.js.map +1 -0
  46. package/lib-commonjs/components/Input/renderInput.d.ts +5 -0
  47. package/lib-commonjs/components/Input/renderInput.js +29 -0
  48. package/lib-commonjs/components/Input/renderInput.js.map +1 -0
  49. package/lib-commonjs/components/Input/useInput.d.ts +12 -0
  50. package/lib-commonjs/components/Input/useInput.js +74 -0
  51. package/lib-commonjs/components/Input/useInput.js.map +1 -0
  52. package/lib-commonjs/components/Input/useInputStyles.d.ts +6 -0
  53. package/lib-commonjs/components/Input/useInputStyles.js +306 -0
  54. package/lib-commonjs/components/Input/useInputStyles.js.map +1 -0
  55. package/lib-commonjs/index.d.ts +1 -0
  56. package/lib-commonjs/index.js +10 -0
  57. package/lib-commonjs/index.js.map +1 -0
  58. package/package.json +65 -0
package/CHANGELOG.md ADDED
@@ -0,0 +1,429 @@
1
+ # Change Log - @fluentui/react-input
2
+
3
+ This log was last generated on Wed, 05 Jan 2022 04:18:34 GMT and should not be manually modified.
4
+
5
+ <!-- Start content -->
6
+
7
+ ## [0.0.0-nightlyca6ef2bc8e20220105.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v0.0.0-nightlyca6ef2bc8e20220105.1)
8
+
9
+ Wed, 05 Jan 2022 04:18:34 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.0..@fluentui/react-input_v0.0.0-nightlyca6ef2bc8e20220105.1)
11
+
12
+ ### Changes
13
+
14
+ - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by email not defined)
15
+ - Initial release ([PR #21142](https://github.com/microsoft/fluentui/pull/21142) by elcraig@microsoft.com)
16
+ - Bump @fluentui/react-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
17
+ - Bump @fluentui/react-utilities to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
18
+ - Bump @fluentui/babel-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
19
+ - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
20
+ - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
21
+
22
+ ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.0)
23
+
24
+ Thu, 25 Nov 2021 08:34:17 GMT
25
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.0..@fluentui/react-input_v9.0.0-beta.0)
26
+
27
+ ### Changes
28
+
29
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
30
+ - Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
31
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
32
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
33
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
34
+
35
+ ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.0)
36
+
37
+ Fri, 12 Nov 2021 13:25:34 GMT
38
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.0..@fluentui/react-input_v9.0.0-beta.0)
39
+
40
+ ### Changes
41
+
42
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
43
+ - Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
44
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
45
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
46
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
47
+
48
+ ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.0)
49
+
50
+ Wed, 27 Oct 2021 12:14:24 GMT
51
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.0..@fluentui/react-input_v9.0.0-beta.0)
52
+
53
+ ### Changes
54
+
55
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
56
+ - Bump @fluentui/react-utilities to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
57
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
58
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
59
+
60
+ ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.0)
61
+
62
+ Wed, 06 Oct 2021 10:37:22 GMT
63
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-beta.0)
64
+
65
+ ### Changes
66
+
67
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.1 ([PR #20106](https://github.com/microsoft/fluentui/pull/20106) by beachball)
68
+ - Bump @fluentui/react-utilities to v9.0.0-beta.1 ([PR #20106](https://github.com/microsoft/fluentui/pull/20106) by beachball)
69
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.1 ([PR #20106](https://github.com/microsoft/fluentui/pull/20106) by beachball)
70
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.1 ([PR #20106](https://github.com/microsoft/fluentui/pull/20106) by beachball)
71
+
72
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
73
+
74
+ Tue, 05 Oct 2021 12:47:58 GMT
75
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
76
+
77
+ ### Changes
78
+
79
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.78 ([PR #20108](https://github.com/microsoft/fluentui/pull/20108) by beachball)
80
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.53 ([PR #20108](https://github.com/microsoft/fluentui/pull/20108) by beachball)
81
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.22 ([PR #20108](https://github.com/microsoft/fluentui/pull/20108) by beachball)
82
+
83
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
84
+
85
+ Tue, 05 Oct 2021 09:28:07 GMT
86
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
87
+
88
+ ### Changes
89
+
90
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.77 ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by beachball)
91
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.56 ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by beachball)
92
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.52 ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by beachball)
93
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.21 ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by beachball)
94
+
95
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
96
+
97
+ Fri, 01 Oct 2021 14:13:08 GMT
98
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
99
+
100
+ ### Changes
101
+
102
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.76 ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by beachball)
103
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.55 ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by beachball)
104
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.51 ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by beachball)
105
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.20 ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by beachball)
106
+
107
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
108
+
109
+ Wed, 29 Sep 2021 08:06:11 GMT
110
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
111
+
112
+ ### Changes
113
+
114
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.74 ([PR #19660](https://github.com/microsoft/fluentui/pull/19660) by beachball)
115
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.49 ([PR #19660](https://github.com/microsoft/fluentui/pull/19660) by beachball)
116
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.18 ([PR #19660](https://github.com/microsoft/fluentui/pull/19660) by beachball)
117
+
118
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
119
+
120
+ Mon, 27 Sep 2021 08:06:00 GMT
121
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
122
+
123
+ ### Changes
124
+
125
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.73 ([PR #19981](https://github.com/microsoft/fluentui/pull/19981) by beachball)
126
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.53 ([PR #19981](https://github.com/microsoft/fluentui/pull/19981) by beachball)
127
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.48 ([PR #19981](https://github.com/microsoft/fluentui/pull/19981) by beachball)
128
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.17 ([PR #19981](https://github.com/microsoft/fluentui/pull/19981) by beachball)
129
+
130
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
131
+
132
+ Fri, 24 Sep 2021 09:17:17 GMT
133
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
134
+
135
+ ### Changes
136
+
137
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.72 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
138
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.52 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
139
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.47 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
140
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.16 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
141
+
142
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
143
+
144
+ Thu, 23 Sep 2021 08:21:34 GMT
145
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
146
+
147
+ ### Changes
148
+
149
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.71 ([commit](https://github.com/microsoft/fluentui/commit/95682da34c48813f7658032ae490d21d2f363b90) by beachball)
150
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.51 ([commit](https://github.com/microsoft/fluentui/commit/95682da34c48813f7658032ae490d21d2f363b90) by beachball)
151
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.46 ([commit](https://github.com/microsoft/fluentui/commit/95682da34c48813f7658032ae490d21d2f363b90) by beachball)
152
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.15 ([commit](https://github.com/microsoft/fluentui/commit/95682da34c48813f7658032ae490d21d2f363b90) by beachball)
153
+
154
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
155
+
156
+ Wed, 22 Sep 2021 10:10:07 GMT
157
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
158
+
159
+ ### Changes
160
+
161
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.70 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
162
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.50 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
163
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.45 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
164
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.14 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
165
+
166
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
167
+
168
+ Tue, 21 Sep 2021 07:42:34 GMT
169
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
170
+
171
+ ### Changes
172
+
173
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.69 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
174
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.44 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
175
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.13 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
176
+
177
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
178
+
179
+ Mon, 20 Sep 2021 07:36:26 GMT
180
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
181
+
182
+ ### Changes
183
+
184
+ - Bump @fluentui/react-input to v9.0.0-alpha.0 ([PR #19844](https://github.com/microsoft/fluentui/pull/19844) by lingfangao@hotmail.com)
185
+
186
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
187
+
188
+ Fri, 17 Sep 2021 07:35:26 GMT
189
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
190
+
191
+ ### Changes
192
+
193
+ - Bump @fluentui/react-input to v9.0.0-alpha.0 ([PR #19840](https://github.com/microsoft/fluentui/pull/19840) by Humberto.Morimoto@microsoft.com)
194
+
195
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
196
+
197
+ Thu, 16 Sep 2021 07:38:39 GMT
198
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
199
+
200
+ ### Changes
201
+
202
+ - Bump @fluentui/react-input to v9.0.0-alpha.0 ([PR #19815](https://github.com/microsoft/fluentui/pull/19815) by behowell@microsoft.com)
203
+
204
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
205
+
206
+ Tue, 14 Sep 2021 20:09:02 GMT
207
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
208
+
209
+ ### Changes
210
+
211
+ - Bump @fluentui/react-input to v9.0.0-alpha.0 ([PR #19155](https://github.com/microsoft/fluentui/pull/19155) by bsunderhus@microsoft.com)
212
+
213
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
214
+
215
+ Fri, 10 Sep 2021 16:31:53 GMT
216
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
217
+
218
+ ### Changes
219
+
220
+ - Bump @fluentui/react-input to v9.0.0-alpha.0 ([PR #19748](https://github.com/microsoft/fluentui/pull/19748) by lingfangao@hotmail.com)
221
+
222
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
223
+
224
+ Fri, 10 Sep 2021 07:39:51 GMT
225
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
226
+
227
+ ### Changes
228
+
229
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.45 ([PR #19642](https://github.com/microsoft/fluentui/pull/19642) by behowell@microsoft.com)
230
+
231
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
232
+
233
+ Mon, 06 Sep 2021 07:34:53 GMT
234
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
235
+
236
+ ### Changes
237
+
238
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.44 ([PR #19640](https://github.com/microsoft/fluentui/pull/19640) by lingfangao@hotmail.com)
239
+
240
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
241
+
242
+ Thu, 02 Sep 2021 07:36:46 GMT
243
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
244
+
245
+ ### Patches
246
+
247
+ - Bump @fluentui/react-conformance to v0.4.5 ([PR #19590](https://github.com/microsoft/fluentui/pull/19590) by olfedias@microsoft.com)
248
+
249
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
250
+
251
+ Wed, 01 Sep 2021 07:39:56 GMT
252
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
253
+
254
+ ### Changes
255
+
256
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.43 ([PR #19483](https://github.com/microsoft/fluentui/pull/19483) by bsunderhus@microsoft.com)
257
+
258
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
259
+
260
+ Tue, 31 Aug 2021 07:37:47 GMT
261
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
262
+
263
+ ### Changes
264
+
265
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.42 ([PR #19556](https://github.com/microsoft/fluentui/pull/19556) by lingfan.gao@microsoft.com)
266
+
267
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
268
+
269
+ Thu, 19 Aug 2021 07:41:35 GMT
270
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
271
+
272
+ ### Changes
273
+
274
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.39 ([PR #19273](https://github.com/microsoft/fluentui/pull/19273) by bsunderhus@microsoft.com)
275
+
276
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
277
+
278
+ Fri, 13 Aug 2021 07:36:34 GMT
279
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
280
+
281
+ ### Changes
282
+
283
+ - 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)
284
+
285
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
286
+
287
+ Fri, 06 Aug 2021 07:35:14 GMT
288
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
289
+
290
+ ### Changes
291
+
292
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.31 ([PR #19281](https://github.com/microsoft/fluentui/pull/19281) by jspurlin@microsoft.com)
293
+
294
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
295
+
296
+ Tue, 03 Aug 2021 07:39:30 GMT
297
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
298
+
299
+ ### Patches
300
+
301
+ - Bump @fluentui/eslint-plugin to v1.3.3 ([PR #19169](https://github.com/microsoft/fluentui/pull/19169) by behowell@microsoft.com)
302
+ - Bump @fluentui/react-conformance to v0.4.4 ([PR #19169](https://github.com/microsoft/fluentui/pull/19169) by behowell@microsoft.com)
303
+ - Bump @fluentui/scripts to v1.0.0 ([PR #19169](https://github.com/microsoft/fluentui/pull/19169) by behowell@microsoft.com)
304
+
305
+ ### Changes
306
+
307
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.30 ([PR #19169](https://github.com/microsoft/fluentui/pull/19169) by behowell@microsoft.com)
308
+
309
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
310
+
311
+ Mon, 02 Aug 2021 07:36:20 GMT
312
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
313
+
314
+ ### Changes
315
+
316
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.36 ([PR #19204](https://github.com/microsoft/fluentui/pull/19204) by lingfan.gao@microsoft.com)
317
+
318
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
319
+
320
+ Mon, 26 Jul 2021 07:37:30 GMT
321
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
322
+
323
+ ### Changes
324
+
325
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.28 ([PR #19060](https://github.com/microsoft/fluentui/pull/19060) by miroslav.stastny@microsoft.com)
326
+
327
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
328
+
329
+ Fri, 23 Jul 2021 07:38:19 GMT
330
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
331
+
332
+ ### Changes
333
+
334
+ - 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)
335
+
336
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
337
+
338
+ Thu, 22 Jul 2021 07:36:55 GMT
339
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
340
+
341
+ ### Changes
342
+
343
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.34 ([PR #19023](https://github.com/microsoft/fluentui/pull/19023) by behowell@microsoft.com)
344
+
345
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
346
+
347
+ Thu, 15 Jul 2021 07:36:18 GMT
348
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
349
+
350
+ ### Changes
351
+
352
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.33 ([PR #18861](https://github.com/microsoft/fluentui/pull/18861) by bsunderhus@microsoft.com)
353
+
354
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
355
+
356
+ Tue, 13 Jul 2021 22:32:58 GMT
357
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
358
+
359
+ ### Patches
360
+
361
+ - Bump @fluentui/react-conformance to v0.4.3 ([PR #18925](https://github.com/microsoft/fluentui/pull/18925) by elcraig@microsoft.com)
362
+
363
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
364
+
365
+ Tue, 13 Jul 2021 07:35:36 GMT
366
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
367
+
368
+ ### Changes
369
+
370
+ - 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)
371
+
372
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
373
+
374
+ Fri, 09 Jul 2021 07:39:31 GMT
375
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
376
+
377
+ ### Patches
378
+
379
+ - Bump @fluentui/eslint-plugin to v1.3.2 ([PR #18808](https://github.com/microsoft/fluentui/pull/18808) by martinhochel@microsoft.com)
380
+ - Bump @fluentui/react-conformance to v0.4.2 ([PR #18808](https://github.com/microsoft/fluentui/pull/18808) by martinhochel@microsoft.com)
381
+ - Bump @fluentui/scripts to v1.0.0 ([PR #18808](https://github.com/microsoft/fluentui/pull/18808) by martinhochel@microsoft.com)
382
+
383
+ ### Changes
384
+
385
+ - 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)
386
+
387
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
388
+
389
+ Fri, 02 Jul 2021 23:15:55 GMT
390
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
391
+
392
+ ### Changes
393
+
394
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.31 ([PR #18721](https://github.com/microsoft/fluentui/pull/18721) by bsunderhus@microsoft.com)
395
+
396
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
397
+
398
+ Fri, 02 Jul 2021 07:37:06 GMT
399
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
400
+
401
+ ### Changes
402
+
403
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.21 ([PR #18655](https://github.com/microsoft/fluentui/pull/18655) by miroslav.stastny@microsoft.com)
404
+
405
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
406
+
407
+ Wed, 30 Jun 2021 07:38:35 GMT
408
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
409
+
410
+ ### Changes
411
+
412
+ - 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)
413
+
414
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
415
+
416
+ Tue, 29 Jun 2021 07:33:32 GMT
417
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
418
+
419
+ ### Changes
420
+
421
+ - 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)
422
+
423
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
424
+
425
+ Tue, 15 Jun 2021 07:40:20 GMT
426
+
427
+ ### Changes
428
+
429
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.29 ([PR #18521](https://github.com/microsoft/fluentui/pull/18521) by behowell@microsoft.com)
package/LICENSE ADDED
@@ -0,0 +1,15 @@
1
+ @fluentui/react-input
2
+
3
+ Copyright (c) Microsoft Corporation
4
+
5
+ All rights reserved.
6
+
7
+ MIT License
8
+
9
+ Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the ""Software""), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
10
+
11
+ The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
12
+
13
+ THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
14
+
15
+ Note: Usage of the fonts and icons referenced in Fluent UI React is subject to the terms listed at https://aka.ms/fluentui-assets-license
package/README.md ADDED
@@ -0,0 +1,5 @@
1
+ # @fluentui/react-input
2
+
3
+ **React Input components for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**
4
+
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.
@@ -0,0 +1,125 @@
1
+ # `@fluentui/react-input`: Styling implementation notes
2
+
3
+ Input has multiple size and appearance variants. These tables were created based on the design spec to assist with initial implementation and help ensure everything is handled.
4
+
5
+ General abbreviations used:
6
+
7
+ - " = inherit from left
8
+ - ^ = inherit from above
9
+ - ^^ = inherit from 2 lines above
10
+
11
+ ## Sizes
12
+
13
+ Notes:
14
+
15
+ - padding and gap values are from (theoretical) `spacing.horizontal` unless otherwise specified
16
+ - interpretation:
17
+ - "spacing between icon before and content"/"spacing between content and icon after 1" => "spacing within root"
18
+ - "spacing between icon after 1 and icon after 2" => "spacing within contentBefore/After" because we're not going to have two icon slots
19
+ - omitted "focus indicator" b/c that's handled elsewhere
20
+
21
+ ### For all field sizes
22
+
23
+ | Style | Application | All |
24
+ | -------------------------------------- | ------------------------- | ------------------- |
25
+ | v-align | root | vertically centered |
26
+ | border radius | root (unless underlined) | medium |
27
+ | ~~spacing within contentBefore/After~~ | n/a (add later if needed) | xs |
28
+
29
+ ### Varying by field size
30
+
31
+ | Style | Application | small | medium | large |
32
+ | ----------------------------- | ------------------------------ | ------------------- | ---------------- | ------------- |
33
+ | height | root `minHeight` | 24px | 32px | 40px |
34
+ | left/right padding | root | sNudge | mNudge | m |
35
+ | left/right padding in content | input | xxs | xxs | sNudge |
36
+ | content size | root, input (doesn't inherit) | caption1 (base.200) | body1 (base.300) | base.400 |
37
+ | ~~"icon" size~~ | n/a (icons not built in) | ~~16Regular~~ | ~~20Regular~~ | ~~24Regular~~ |
38
+ | spacing within root | root `display: flex`, flex gap | xxs | xxs | sNudge |
39
+
40
+ ## Appearance colors and strokes
41
+
42
+ Notes:
43
+
44
+ - borders are thin (1px) unless otherwise noted
45
+ - "in focus indicator" means the bottom border (applied to `:after`)
46
+ - interpreting "compound brand stroke 1 pressed" as compoundBrandStrokePressed
47
+ - mouse and keyboard focus styles are the same
48
+
49
+ TODO Open questions:
50
+
51
+ - What color should the focus indicator be while animating? (pressed or non-pressed color)
52
+ - For borderBottom pressed:
53
+ - The designs for outline/underline show a thick bottom border in the pressed state as the focus indicator animates in, but this isn't included in the animation demoing the focus border (and I can't tell if Windows 11 uses it).
54
+ - This wide border could be added on the root (while maintaining the blue focus border) using `:focus-within:before` + setting the bottom border color on `:focus-within`.
55
+
56
+ ### For all appearances
57
+
58
+ | Style | Application | All |
59
+ | -------------------------- | -------------------------------- | ------------------------- |
60
+ | content color | input | neutralForeground1 |
61
+ | content color disabled | ^ | neutralForegroundDisabled |
62
+ | placeholder color | input `::placeholder` | neutralForeground4 |
63
+ | placeholder color disabled | ^ | neutralForegroundDisabled |
64
+ | "icon" color | contentBefore/After | neutralForeground3 |
65
+ | "icon" color disabled | ^ | neutralForegroundDisabled |
66
+ | background disabled | root, input | transparentBackground |
67
+ | border disabled | root | neutralStrokeDisabled |
68
+ | ~~borderBottom focused~~ | n/a (covered by focus indicator) | |
69
+ | in focus indicator | root `:focus-within:after` | thick compoundBrandStroke |
70
+ | in focus indicator pressed | root `:after` | thick ^Pressed |
71
+ | cursor disabled | root, input | not-allowed |
72
+
73
+ ### Varying per appearance
74
+
75
+ | Style | Application | outline | underline | filledDarker | filledLighter |
76
+ | -------------------- | -------------------- | ----------------------- | --------------------- | ------------------ | ------------------ |
77
+ | shadow | root | none | " | shadow2 | " |
78
+ | background | root, input | neutralBackground1 | transparentBackground | neutralBackground3 | neutralBackground1 |
79
+ | border | root | neutralStroke1 | none | transparentStroke | " |
80
+ | border hover | root `:hover` | ^Hover | n/a | ^Interactive | " |
81
+ | border pressed | root `:active` | ^^Pressed | n/a | ^ | " |
82
+ | border focused | root `:focus-within` | n/a (neutralStroke1) | n/a | ^ | " |
83
+ | borderBottom | root | neutralStrokeAccessible | " | n/a | n/a |
84
+ | borderBottom hover | root `:hover` | ^Hover | " | n/a | n/a |
85
+ | borderBottom pressed | TODO (see ? above) | thick ^^Pressed | " | n/a | n/a |
86
+
87
+ ### In focus indicator
88
+
89
+ | | focus in | focus out |
90
+ | --------- | -------------------------- | ---------------- |
91
+ | apply to | root `:focus-within:after` | root `:after` |
92
+ | transform | scaleX 0-1 | scaleX 1-0 |
93
+ | duration | normal (200ms) | ultraFast (50ms) |
94
+ | easing | decelerateMid | accelerateMid |
95
+
96
+ ## Bookends (deferred)
97
+
98
+ Bookend implementation has been deferred and will likely be handled in a separate component, but leaving these for reference.
99
+
100
+ ### Sizes
101
+
102
+ | Style | small | medium | large |
103
+ | ------------------ | ------------------- | ------ | ----- |
104
+ | v-align | vertically centered | " | " |
105
+ | border radius | medium | " | " |
106
+ | left/right padding | sNudge | s | m |
107
+ | spacing within | xs | " | " |
108
+
109
+ ### Appearance
110
+
111
+ | Style | filled | brand | transparent |
112
+ | --------------- | ------------------ | ------------------------ | --------------------- |
113
+ | background | neutralBackground6 | brandBackground | transparentBackground |
114
+ | content (+icon) | neutralForeground2 | neutralForegroundOnBrand | neutralForeground2 |
115
+ | border | transparentStroke | none | transparentStroke |
116
+ | inner border | n/a | n/a | neutralStroke3 |
117
+
118
+ - Inner border ("border right") color is applied separately to before/after bookends.
119
+ - Others are applied in obvious way to both bookends.
120
+ - All borders are thin (1px).
121
+
122
+ ### Changes to default input appearance
123
+
124
+ - Remove rounded corners from input
125
+ - For filled inputs with shadow, change the shadow to also encompass the bookends