@fluentui/react-input 0.0.0-nightly8c37bdfa2420220107.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 +1050 -0
  2. package/CHANGELOG.md +430 -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 +307 -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,430 @@
1
+ # Change Log - @fluentui/react-input
2
+
3
+ This log was last generated on Fri, 07 Jan 2022 04:18:17 GMT and should not be manually modified.
4
+
5
+ <!-- Start content -->
6
+
7
+ ## [0.0.0-nightly8c37bdfa2420220107.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v0.0.0-nightly8c37bdfa2420220107.1)
8
+
9
+ Fri, 07 Jan 2022 04:18:17 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.0..@fluentui/react-input_v0.0.0-nightly8c37bdfa2420220107.1)
11
+
12
+ ### Changes
13
+
14
+ - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by email not defined)
15
+ - Initial release ([PR #21142](https://github.com/microsoft/fluentui/pull/21142) by elcraig@microsoft.com)
16
+ - Replacing use of functions in makeStyles with direct use of tokens and removing old version of stories. ([PR #21045](https://github.com/microsoft/fluentui/pull/21045) by Humberto.Morimoto@microsoft.com)
17
+ - Bump @fluentui/react-make-styles to v0.0.0-nightly8c37bdfa2420220107.1 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by beachball)
18
+ - Bump @fluentui/react-utilities to v0.0.0-nightly8c37bdfa2420220107.1 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by beachball)
19
+ - Bump @fluentui/babel-make-styles to v0.0.0-nightly8c37bdfa2420220107.1 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by beachball)
20
+ - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly8c37bdfa2420220107.1 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by beachball)
21
+ - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly8c37bdfa2420220107.1 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by beachball)
22
+
23
+ ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.0)
24
+
25
+ Thu, 25 Nov 2021 08:34:17 GMT
26
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.0..@fluentui/react-input_v9.0.0-beta.0)
27
+
28
+ ### Changes
29
+
30
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
31
+ - Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
32
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
33
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
34
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
35
+
36
+ ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.0)
37
+
38
+ Fri, 12 Nov 2021 13:25:34 GMT
39
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.0..@fluentui/react-input_v9.0.0-beta.0)
40
+
41
+ ### Changes
42
+
43
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
44
+ - Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
45
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
46
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
47
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
48
+
49
+ ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.0)
50
+
51
+ Wed, 27 Oct 2021 12:14:24 GMT
52
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.0..@fluentui/react-input_v9.0.0-beta.0)
53
+
54
+ ### Changes
55
+
56
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
57
+ - Bump @fluentui/react-utilities to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
58
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
59
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
60
+
61
+ ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.0)
62
+
63
+ Wed, 06 Oct 2021 10:37:22 GMT
64
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-beta.0)
65
+
66
+ ### Changes
67
+
68
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.1 ([PR #20106](https://github.com/microsoft/fluentui/pull/20106) by beachball)
69
+ - Bump @fluentui/react-utilities to v9.0.0-beta.1 ([PR #20106](https://github.com/microsoft/fluentui/pull/20106) by beachball)
70
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.1 ([PR #20106](https://github.com/microsoft/fluentui/pull/20106) by beachball)
71
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.1 ([PR #20106](https://github.com/microsoft/fluentui/pull/20106) by beachball)
72
+
73
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
74
+
75
+ Tue, 05 Oct 2021 12:47:58 GMT
76
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
77
+
78
+ ### Changes
79
+
80
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.78 ([PR #20108](https://github.com/microsoft/fluentui/pull/20108) by beachball)
81
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.53 ([PR #20108](https://github.com/microsoft/fluentui/pull/20108) by beachball)
82
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.22 ([PR #20108](https://github.com/microsoft/fluentui/pull/20108) by beachball)
83
+
84
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
85
+
86
+ Tue, 05 Oct 2021 09:28:07 GMT
87
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
88
+
89
+ ### Changes
90
+
91
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.77 ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by beachball)
92
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.56 ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by beachball)
93
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.52 ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by beachball)
94
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.21 ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by beachball)
95
+
96
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
97
+
98
+ Fri, 01 Oct 2021 14:13:08 GMT
99
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
100
+
101
+ ### Changes
102
+
103
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.76 ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by beachball)
104
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.55 ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by beachball)
105
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.51 ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by beachball)
106
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.20 ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by beachball)
107
+
108
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
109
+
110
+ Wed, 29 Sep 2021 08:06:11 GMT
111
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
112
+
113
+ ### Changes
114
+
115
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.74 ([PR #19660](https://github.com/microsoft/fluentui/pull/19660) by beachball)
116
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.49 ([PR #19660](https://github.com/microsoft/fluentui/pull/19660) by beachball)
117
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.18 ([PR #19660](https://github.com/microsoft/fluentui/pull/19660) by beachball)
118
+
119
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
120
+
121
+ Mon, 27 Sep 2021 08:06:00 GMT
122
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
123
+
124
+ ### Changes
125
+
126
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.73 ([PR #19981](https://github.com/microsoft/fluentui/pull/19981) by beachball)
127
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.53 ([PR #19981](https://github.com/microsoft/fluentui/pull/19981) by beachball)
128
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.48 ([PR #19981](https://github.com/microsoft/fluentui/pull/19981) by beachball)
129
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.17 ([PR #19981](https://github.com/microsoft/fluentui/pull/19981) by beachball)
130
+
131
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
132
+
133
+ Fri, 24 Sep 2021 09:17:17 GMT
134
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
135
+
136
+ ### Changes
137
+
138
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.72 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
139
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.52 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
140
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.47 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
141
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.16 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
142
+
143
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
144
+
145
+ Thu, 23 Sep 2021 08:21:34 GMT
146
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
147
+
148
+ ### Changes
149
+
150
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.71 ([commit](https://github.com/microsoft/fluentui/commit/95682da34c48813f7658032ae490d21d2f363b90) by beachball)
151
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.51 ([commit](https://github.com/microsoft/fluentui/commit/95682da34c48813f7658032ae490d21d2f363b90) by beachball)
152
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.46 ([commit](https://github.com/microsoft/fluentui/commit/95682da34c48813f7658032ae490d21d2f363b90) by beachball)
153
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.15 ([commit](https://github.com/microsoft/fluentui/commit/95682da34c48813f7658032ae490d21d2f363b90) by beachball)
154
+
155
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
156
+
157
+ Wed, 22 Sep 2021 10:10:07 GMT
158
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
159
+
160
+ ### Changes
161
+
162
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.70 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
163
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.50 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
164
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.45 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
165
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.14 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
166
+
167
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
168
+
169
+ Tue, 21 Sep 2021 07:42:34 GMT
170
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
171
+
172
+ ### Changes
173
+
174
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.69 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
175
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.44 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
176
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.13 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
177
+
178
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
179
+
180
+ Mon, 20 Sep 2021 07:36:26 GMT
181
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
182
+
183
+ ### Changes
184
+
185
+ - Bump @fluentui/react-input to v9.0.0-alpha.0 ([PR #19844](https://github.com/microsoft/fluentui/pull/19844) by lingfangao@hotmail.com)
186
+
187
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
188
+
189
+ Fri, 17 Sep 2021 07:35:26 GMT
190
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
191
+
192
+ ### Changes
193
+
194
+ - Bump @fluentui/react-input to v9.0.0-alpha.0 ([PR #19840](https://github.com/microsoft/fluentui/pull/19840) by Humberto.Morimoto@microsoft.com)
195
+
196
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
197
+
198
+ Thu, 16 Sep 2021 07:38:39 GMT
199
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
200
+
201
+ ### Changes
202
+
203
+ - Bump @fluentui/react-input to v9.0.0-alpha.0 ([PR #19815](https://github.com/microsoft/fluentui/pull/19815) by behowell@microsoft.com)
204
+
205
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
206
+
207
+ Tue, 14 Sep 2021 20:09:02 GMT
208
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
209
+
210
+ ### Changes
211
+
212
+ - Bump @fluentui/react-input to v9.0.0-alpha.0 ([PR #19155](https://github.com/microsoft/fluentui/pull/19155) by bsunderhus@microsoft.com)
213
+
214
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
215
+
216
+ Fri, 10 Sep 2021 16:31:53 GMT
217
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
218
+
219
+ ### Changes
220
+
221
+ - Bump @fluentui/react-input to v9.0.0-alpha.0 ([PR #19748](https://github.com/microsoft/fluentui/pull/19748) by lingfangao@hotmail.com)
222
+
223
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
224
+
225
+ Fri, 10 Sep 2021 07:39:51 GMT
226
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
227
+
228
+ ### Changes
229
+
230
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.45 ([PR #19642](https://github.com/microsoft/fluentui/pull/19642) by behowell@microsoft.com)
231
+
232
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
233
+
234
+ Mon, 06 Sep 2021 07:34:53 GMT
235
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
236
+
237
+ ### Changes
238
+
239
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.44 ([PR #19640](https://github.com/microsoft/fluentui/pull/19640) by lingfangao@hotmail.com)
240
+
241
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
242
+
243
+ Thu, 02 Sep 2021 07:36:46 GMT
244
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
245
+
246
+ ### Patches
247
+
248
+ - Bump @fluentui/react-conformance to v0.4.5 ([PR #19590](https://github.com/microsoft/fluentui/pull/19590) by olfedias@microsoft.com)
249
+
250
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
251
+
252
+ Wed, 01 Sep 2021 07:39:56 GMT
253
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
254
+
255
+ ### Changes
256
+
257
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.43 ([PR #19483](https://github.com/microsoft/fluentui/pull/19483) by bsunderhus@microsoft.com)
258
+
259
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
260
+
261
+ Tue, 31 Aug 2021 07:37:47 GMT
262
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
263
+
264
+ ### Changes
265
+
266
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.42 ([PR #19556](https://github.com/microsoft/fluentui/pull/19556) by lingfan.gao@microsoft.com)
267
+
268
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
269
+
270
+ Thu, 19 Aug 2021 07:41:35 GMT
271
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
272
+
273
+ ### Changes
274
+
275
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.39 ([PR #19273](https://github.com/microsoft/fluentui/pull/19273) by bsunderhus@microsoft.com)
276
+
277
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
278
+
279
+ Fri, 13 Aug 2021 07:36:34 GMT
280
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
281
+
282
+ ### Changes
283
+
284
+ - 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)
285
+
286
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
287
+
288
+ Fri, 06 Aug 2021 07:35:14 GMT
289
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
290
+
291
+ ### Changes
292
+
293
+ - 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)
294
+
295
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
296
+
297
+ Tue, 03 Aug 2021 07:39:30 GMT
298
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
299
+
300
+ ### Patches
301
+
302
+ - Bump @fluentui/eslint-plugin to v1.3.3 ([PR #19169](https://github.com/microsoft/fluentui/pull/19169) by behowell@microsoft.com)
303
+ - Bump @fluentui/react-conformance to v0.4.4 ([PR #19169](https://github.com/microsoft/fluentui/pull/19169) by behowell@microsoft.com)
304
+ - Bump @fluentui/scripts to v1.0.0 ([PR #19169](https://github.com/microsoft/fluentui/pull/19169) by behowell@microsoft.com)
305
+
306
+ ### Changes
307
+
308
+ - 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)
309
+
310
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
311
+
312
+ Mon, 02 Aug 2021 07:36:20 GMT
313
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
314
+
315
+ ### Changes
316
+
317
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.36 ([PR #19204](https://github.com/microsoft/fluentui/pull/19204) by lingfan.gao@microsoft.com)
318
+
319
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
320
+
321
+ Mon, 26 Jul 2021 07:37:30 GMT
322
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
323
+
324
+ ### Changes
325
+
326
+ - 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)
327
+
328
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
329
+
330
+ Fri, 23 Jul 2021 07:38:19 GMT
331
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
332
+
333
+ ### Changes
334
+
335
+ - 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)
336
+
337
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
338
+
339
+ Thu, 22 Jul 2021 07:36:55 GMT
340
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
341
+
342
+ ### Changes
343
+
344
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.34 ([PR #19023](https://github.com/microsoft/fluentui/pull/19023) by behowell@microsoft.com)
345
+
346
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
347
+
348
+ Thu, 15 Jul 2021 07:36:18 GMT
349
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
350
+
351
+ ### Changes
352
+
353
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.33 ([PR #18861](https://github.com/microsoft/fluentui/pull/18861) by bsunderhus@microsoft.com)
354
+
355
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
356
+
357
+ Tue, 13 Jul 2021 22:32:58 GMT
358
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
359
+
360
+ ### Patches
361
+
362
+ - Bump @fluentui/react-conformance to v0.4.3 ([PR #18925](https://github.com/microsoft/fluentui/pull/18925) by elcraig@microsoft.com)
363
+
364
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
365
+
366
+ Tue, 13 Jul 2021 07:35:36 GMT
367
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
368
+
369
+ ### Changes
370
+
371
+ - 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)
372
+
373
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
374
+
375
+ Fri, 09 Jul 2021 07:39:31 GMT
376
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
377
+
378
+ ### Patches
379
+
380
+ - Bump @fluentui/eslint-plugin to v1.3.2 ([PR #18808](https://github.com/microsoft/fluentui/pull/18808) by martinhochel@microsoft.com)
381
+ - Bump @fluentui/react-conformance to v0.4.2 ([PR #18808](https://github.com/microsoft/fluentui/pull/18808) by martinhochel@microsoft.com)
382
+ - Bump @fluentui/scripts to v1.0.0 ([PR #18808](https://github.com/microsoft/fluentui/pull/18808) by martinhochel@microsoft.com)
383
+
384
+ ### Changes
385
+
386
+ - 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)
387
+
388
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
389
+
390
+ Fri, 02 Jul 2021 23:15:55 GMT
391
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
392
+
393
+ ### Changes
394
+
395
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.31 ([PR #18721](https://github.com/microsoft/fluentui/pull/18721) by bsunderhus@microsoft.com)
396
+
397
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
398
+
399
+ Fri, 02 Jul 2021 07:37:06 GMT
400
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
401
+
402
+ ### Changes
403
+
404
+ - 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)
405
+
406
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
407
+
408
+ Wed, 30 Jun 2021 07:38:35 GMT
409
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
410
+
411
+ ### Changes
412
+
413
+ - 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)
414
+
415
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
416
+
417
+ Tue, 29 Jun 2021 07:33:32 GMT
418
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
419
+
420
+ ### Changes
421
+
422
+ - 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)
423
+
424
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
425
+
426
+ Tue, 15 Jun 2021 07:40:20 GMT
427
+
428
+ ### Changes
429
+
430
+ - 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