@fluentui/react-input 0.0.0-nightly-20220302-0405.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 +1193 -0
  2. package/CHANGELOG.md +466 -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 +121 -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 +6 -0
  13. package/lib/components/Input/Input.js +15 -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 +306 -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 +6 -0
  38. package/lib-commonjs/components/Input/Input.js +26 -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 +317 -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 +63 -0
package/CHANGELOG.md ADDED
@@ -0,0 +1,466 @@
1
+ # Change Log - @fluentui/react-input
2
+
3
+ This log was last generated on Wed, 02 Mar 2022 04:14:54 GMT and should not be manually modified.
4
+
5
+ <!-- Start content -->
6
+
7
+ ## [0.0.0-nightly-20220302-0405.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v0.0.0-nightly-20220302-0405.1)
8
+
9
+ Wed, 02 Mar 2022 04:14:54 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.4..@fluentui/react-input_v0.0.0-nightly-20220302-0405.1)
11
+
12
+ ### Changes
13
+
14
+ - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/53b1c4f7ec45eabb24152a601ce3341b825b3aec) by email not defined)
15
+ - Bump @fluentui/react-theme to v0.0.0-nightly-20220302-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/53b1c4f7ec45eabb24152a601ce3341b825b3aec) by beachball)
16
+ - Bump @fluentui/react-utilities to v0.0.0-nightly-20220302-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/53b1c4f7ec45eabb24152a601ce3341b825b3aec) by beachball)
17
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220302-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/53b1c4f7ec45eabb24152a601ce3341b825b3aec) by beachball)
18
+
19
+ ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.4)
20
+
21
+ Tue, 01 Mar 2022 02:17:36 GMT
22
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.3..@fluentui/react-input_v9.0.0-beta.4)
23
+
24
+ ### Changes
25
+
26
+ - fix: Add react-theme as dependency ([PR #21825](https://github.com/microsoft/fluentui/pull/21825) by olfedias@microsoft.com)
27
+ - Bump @fluentui/react-utilities to v9.0.0-rc.4 ([PR #21884](https://github.com/microsoft/fluentui/pull/21884) by beachball)
28
+
29
+ ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.3)
30
+
31
+ Fri, 18 Feb 2022 13:35:32 GMT
32
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.1..@fluentui/react-input_v9.0.0-beta.3)
33
+
34
+ ### Changes
35
+
36
+ - fix: Source maps contain original source code ([PR #21690](https://github.com/microsoft/fluentui/pull/21690) by lingfangao@hotmail.com)
37
+ - Bump @fluentui/react-utilities to v9.0.0-rc.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
38
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
39
+
40
+ ## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.1)
41
+
42
+ Thu, 10 Feb 2022 08:51:17 GMT
43
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.0..@fluentui/react-input_v9.0.0-beta.1)
44
+
45
+ ### Changes
46
+
47
+ - BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet ([PR #21365](https://github.com/microsoft/fluentui/pull/21365) by behowell@microsoft.com)
48
+ - Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
49
+ - Fix styling issues found in accessibility review ([PR #21205](https://github.com/microsoft/fluentui/pull/21205) by elcraig@microsoft.com)
50
+ - Bump Fluent UI dependencies to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
51
+ - Replace make-styles packages with griffel equivalents. ([PR #21431](https://github.com/microsoft/fluentui/pull/21431) by olfedias@microsoft.com)
52
+ - Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
53
+ - Initial release ([PR #21142](https://github.com/microsoft/fluentui/pull/21142) by elcraig@microsoft.com)
54
+ - Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
55
+ - 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)
56
+ - Bump @fluentui/react-utilities to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
57
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
58
+
59
+ ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.0)
60
+
61
+ Thu, 25 Nov 2021 08:34:17 GMT
62
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.0..@fluentui/react-input_v9.0.0-beta.0)
63
+
64
+ ### Changes
65
+
66
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
67
+ - Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
68
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
69
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
70
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
71
+
72
+ ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.0)
73
+
74
+ Fri, 12 Nov 2021 13:25:34 GMT
75
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.0..@fluentui/react-input_v9.0.0-beta.0)
76
+
77
+ ### Changes
78
+
79
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
80
+ - Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
81
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
82
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
83
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
84
+
85
+ ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.0)
86
+
87
+ Wed, 27 Oct 2021 12:14:24 GMT
88
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.0..@fluentui/react-input_v9.0.0-beta.0)
89
+
90
+ ### Changes
91
+
92
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
93
+ - Bump @fluentui/react-utilities to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
94
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
95
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
96
+
97
+ ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.0)
98
+
99
+ Wed, 06 Oct 2021 10:37:22 GMT
100
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-beta.0)
101
+
102
+ ### Changes
103
+
104
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.1 ([PR #20106](https://github.com/microsoft/fluentui/pull/20106) by beachball)
105
+ - Bump @fluentui/react-utilities to v9.0.0-beta.1 ([PR #20106](https://github.com/microsoft/fluentui/pull/20106) by beachball)
106
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.1 ([PR #20106](https://github.com/microsoft/fluentui/pull/20106) by beachball)
107
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.1 ([PR #20106](https://github.com/microsoft/fluentui/pull/20106) by beachball)
108
+
109
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
110
+
111
+ Tue, 05 Oct 2021 12:47:58 GMT
112
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
113
+
114
+ ### Changes
115
+
116
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.78 ([PR #20108](https://github.com/microsoft/fluentui/pull/20108) by beachball)
117
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.53 ([PR #20108](https://github.com/microsoft/fluentui/pull/20108) by beachball)
118
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.22 ([PR #20108](https://github.com/microsoft/fluentui/pull/20108) by beachball)
119
+
120
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
121
+
122
+ Tue, 05 Oct 2021 09:28:07 GMT
123
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
124
+
125
+ ### Changes
126
+
127
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.77 ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by beachball)
128
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.56 ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by beachball)
129
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.52 ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by beachball)
130
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.21 ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by beachball)
131
+
132
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
133
+
134
+ Fri, 01 Oct 2021 14:13:08 GMT
135
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
136
+
137
+ ### Changes
138
+
139
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.76 ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by beachball)
140
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.55 ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by beachball)
141
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.51 ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by beachball)
142
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.20 ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by beachball)
143
+
144
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
145
+
146
+ Wed, 29 Sep 2021 08:06:11 GMT
147
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
148
+
149
+ ### Changes
150
+
151
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.74 ([PR #19660](https://github.com/microsoft/fluentui/pull/19660) by beachball)
152
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.49 ([PR #19660](https://github.com/microsoft/fluentui/pull/19660) by beachball)
153
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.18 ([PR #19660](https://github.com/microsoft/fluentui/pull/19660) 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
+ Mon, 27 Sep 2021 08:06:00 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.73 ([PR #19981](https://github.com/microsoft/fluentui/pull/19981) by beachball)
163
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.53 ([PR #19981](https://github.com/microsoft/fluentui/pull/19981) by beachball)
164
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.48 ([PR #19981](https://github.com/microsoft/fluentui/pull/19981) by beachball)
165
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.17 ([PR #19981](https://github.com/microsoft/fluentui/pull/19981) 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
+ Fri, 24 Sep 2021 09:17:17 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.72 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
175
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.52 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
176
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.47 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
177
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.16 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
178
+
179
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
180
+
181
+ Thu, 23 Sep 2021 08:21:34 GMT
182
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
183
+
184
+ ### Changes
185
+
186
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.71 ([commit](https://github.com/microsoft/fluentui/commit/95682da34c48813f7658032ae490d21d2f363b90) by beachball)
187
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.51 ([commit](https://github.com/microsoft/fluentui/commit/95682da34c48813f7658032ae490d21d2f363b90) by beachball)
188
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.46 ([commit](https://github.com/microsoft/fluentui/commit/95682da34c48813f7658032ae490d21d2f363b90) by beachball)
189
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.15 ([commit](https://github.com/microsoft/fluentui/commit/95682da34c48813f7658032ae490d21d2f363b90) by beachball)
190
+
191
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
192
+
193
+ Wed, 22 Sep 2021 10:10:07 GMT
194
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
195
+
196
+ ### Changes
197
+
198
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.70 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
199
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.50 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
200
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.45 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
201
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.14 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
202
+
203
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
204
+
205
+ Tue, 21 Sep 2021 07:42:34 GMT
206
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
207
+
208
+ ### Changes
209
+
210
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.69 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
211
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.44 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
212
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.13 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
213
+
214
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
215
+
216
+ Mon, 20 Sep 2021 07:36:26 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 #19844](https://github.com/microsoft/fluentui/pull/19844) 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, 17 Sep 2021 07:35:26 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-input to v9.0.0-alpha.0 ([PR #19840](https://github.com/microsoft/fluentui/pull/19840) by Humberto.Morimoto@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
+ Thu, 16 Sep 2021 07:38:39 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-input to v9.0.0-alpha.0 ([PR #19815](https://github.com/microsoft/fluentui/pull/19815) by behowell@microsoft.com)
240
+
241
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
242
+
243
+ Tue, 14 Sep 2021 20:09:02 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
+ ### Changes
247
+
248
+ - Bump @fluentui/react-input to v9.0.0-alpha.0 ([PR #19155](https://github.com/microsoft/fluentui/pull/19155) by bsunderhus@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
+ Fri, 10 Sep 2021 16:31:53 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-input to v9.0.0-alpha.0 ([PR #19748](https://github.com/microsoft/fluentui/pull/19748) by lingfangao@hotmail.com)
258
+
259
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
260
+
261
+ Fri, 10 Sep 2021 07:39:51 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.45 ([PR #19642](https://github.com/microsoft/fluentui/pull/19642) by behowell@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
+ Mon, 06 Sep 2021 07:34:53 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.44 ([PR #19640](https://github.com/microsoft/fluentui/pull/19640) by lingfangao@hotmail.com)
276
+
277
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
278
+
279
+ Thu, 02 Sep 2021 07:36:46 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
+ ### Patches
283
+
284
+ - Bump @fluentui/react-conformance to v0.4.5 ([PR #19590](https://github.com/microsoft/fluentui/pull/19590) 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
+ Wed, 01 Sep 2021 07:39:56 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/react-utilities to v9.0.0-alpha.43 ([PR #19483](https://github.com/microsoft/fluentui/pull/19483) by bsunderhus@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, 31 Aug 2021 07:37:47 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
+ ### Changes
301
+
302
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.42 ([PR #19556](https://github.com/microsoft/fluentui/pull/19556) by lingfan.gao@microsoft.com)
303
+
304
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
305
+
306
+ Thu, 19 Aug 2021 07:41:35 GMT
307
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
308
+
309
+ ### Changes
310
+
311
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.39 ([PR #19273](https://github.com/microsoft/fluentui/pull/19273) by bsunderhus@microsoft.com)
312
+
313
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
314
+
315
+ Fri, 13 Aug 2021 07:36:34 GMT
316
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
317
+
318
+ ### Changes
319
+
320
+ - 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)
321
+
322
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
323
+
324
+ Fri, 06 Aug 2021 07:35:14 GMT
325
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
326
+
327
+ ### Changes
328
+
329
+ - 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)
330
+
331
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
332
+
333
+ Tue, 03 Aug 2021 07:39:30 GMT
334
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
335
+
336
+ ### Patches
337
+
338
+ - Bump @fluentui/eslint-plugin to v1.3.3 ([PR #19169](https://github.com/microsoft/fluentui/pull/19169) by behowell@microsoft.com)
339
+ - Bump @fluentui/react-conformance to v0.4.4 ([PR #19169](https://github.com/microsoft/fluentui/pull/19169) by behowell@microsoft.com)
340
+ - Bump @fluentui/scripts to v1.0.0 ([PR #19169](https://github.com/microsoft/fluentui/pull/19169) by behowell@microsoft.com)
341
+
342
+ ### Changes
343
+
344
+ - 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)
345
+
346
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
347
+
348
+ Mon, 02 Aug 2021 07:36:20 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.36 ([PR #19204](https://github.com/microsoft/fluentui/pull/19204) by lingfan.gao@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
+ Mon, 26 Jul 2021 07:37:30 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
+ ### Changes
361
+
362
+ - 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)
363
+
364
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
365
+
366
+ Fri, 23 Jul 2021 07:38:19 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.27 ([PR #19041](https://github.com/microsoft/fluentui/pull/19041) by miroslav.stastny@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
+ Thu, 22 Jul 2021 07:36:55 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
+ ### Changes
379
+
380
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.34 ([PR #19023](https://github.com/microsoft/fluentui/pull/19023) by behowell@microsoft.com)
381
+
382
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
383
+
384
+ Thu, 15 Jul 2021 07:36:18 GMT
385
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
386
+
387
+ ### Changes
388
+
389
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.33 ([PR #18861](https://github.com/microsoft/fluentui/pull/18861) by bsunderhus@microsoft.com)
390
+
391
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
392
+
393
+ Tue, 13 Jul 2021 22:32:58 GMT
394
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
395
+
396
+ ### Patches
397
+
398
+ - Bump @fluentui/react-conformance to v0.4.3 ([PR #18925](https://github.com/microsoft/fluentui/pull/18925) by elcraig@microsoft.com)
399
+
400
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
401
+
402
+ Tue, 13 Jul 2021 07:35:36 GMT
403
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
404
+
405
+ ### Changes
406
+
407
+ - 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)
408
+
409
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
410
+
411
+ Fri, 09 Jul 2021 07:39:31 GMT
412
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
413
+
414
+ ### Patches
415
+
416
+ - Bump @fluentui/eslint-plugin to v1.3.2 ([PR #18808](https://github.com/microsoft/fluentui/pull/18808) by martinhochel@microsoft.com)
417
+ - Bump @fluentui/react-conformance to v0.4.2 ([PR #18808](https://github.com/microsoft/fluentui/pull/18808) by martinhochel@microsoft.com)
418
+ - Bump @fluentui/scripts to v1.0.0 ([PR #18808](https://github.com/microsoft/fluentui/pull/18808) by martinhochel@microsoft.com)
419
+
420
+ ### Changes
421
+
422
+ - 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)
423
+
424
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
425
+
426
+ Fri, 02 Jul 2021 23:15:55 GMT
427
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
428
+
429
+ ### Changes
430
+
431
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.31 ([PR #18721](https://github.com/microsoft/fluentui/pull/18721) by bsunderhus@microsoft.com)
432
+
433
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
434
+
435
+ Fri, 02 Jul 2021 07:37:06 GMT
436
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
437
+
438
+ ### Changes
439
+
440
+ - 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)
441
+
442
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
443
+
444
+ Wed, 30 Jun 2021 07:38:35 GMT
445
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
446
+
447
+ ### Changes
448
+
449
+ - 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)
450
+
451
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
452
+
453
+ Tue, 29 Jun 2021 07:33:32 GMT
454
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
455
+
456
+ ### Changes
457
+
458
+ - 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)
459
+
460
+ ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
461
+
462
+ Tue, 15 Jun 2021 07:40:20 GMT
463
+
464
+ ### Changes
465
+
466
+ - 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