@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.
- package/CHANGELOG.json +1044 -0
- package/CHANGELOG.md +429 -0
- package/LICENSE +15 -0
- package/README.md +5 -0
- package/Spec-styling.md +125 -0
- package/Spec-variants.md +99 -0
- package/Spec.md +262 -0
- package/dist/react-input.d.ts +123 -0
- package/lib/Input.d.ts +1 -0
- package/lib/Input.js +2 -0
- package/lib/Input.js.map +1 -0
- package/lib/components/Input/Input.d.ts +8 -0
- package/lib/components/Input/Input.js +17 -0
- package/lib/components/Input/Input.js.map +1 -0
- package/lib/components/Input/Input.types.d.ts +84 -0
- package/lib/components/Input/Input.types.js +2 -0
- package/lib/components/Input/Input.types.js.map +1 -0
- package/lib/components/Input/index.d.ts +5 -0
- package/lib/components/Input/index.js +6 -0
- package/lib/components/Input/index.js.map +1 -0
- package/lib/components/Input/renderInput.d.ts +5 -0
- package/lib/components/Input/renderInput.js +18 -0
- package/lib/components/Input/renderInput.js.map +1 -0
- package/lib/components/Input/useInput.d.ts +12 -0
- package/lib/components/Input/useInput.js +64 -0
- package/lib/components/Input/useInput.js.map +1 -0
- package/lib/components/Input/useInputStyles.d.ts +6 -0
- package/lib/components/Input/useInputStyles.js +296 -0
- package/lib/components/Input/useInputStyles.js.map +1 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.js +2 -0
- package/lib/index.js.map +1 -0
- package/lib/tsdoc-metadata.json +11 -0
- package/lib-commonjs/Input.d.ts +1 -0
- package/lib-commonjs/Input.js +10 -0
- package/lib-commonjs/Input.js.map +1 -0
- package/lib-commonjs/components/Input/Input.d.ts +8 -0
- package/lib-commonjs/components/Input/Input.js +28 -0
- package/lib-commonjs/components/Input/Input.js.map +1 -0
- package/lib-commonjs/components/Input/Input.types.d.ts +84 -0
- package/lib-commonjs/components/Input/Input.types.js +6 -0
- package/lib-commonjs/components/Input/Input.types.js.map +1 -0
- package/lib-commonjs/components/Input/index.d.ts +5 -0
- package/lib-commonjs/components/Input/index.js +18 -0
- package/lib-commonjs/components/Input/index.js.map +1 -0
- package/lib-commonjs/components/Input/renderInput.d.ts +5 -0
- package/lib-commonjs/components/Input/renderInput.js +29 -0
- package/lib-commonjs/components/Input/renderInput.js.map +1 -0
- package/lib-commonjs/components/Input/useInput.d.ts +12 -0
- package/lib-commonjs/components/Input/useInput.js +74 -0
- package/lib-commonjs/components/Input/useInput.js.map +1 -0
- package/lib-commonjs/components/Input/useInputStyles.d.ts +6 -0
- package/lib-commonjs/components/Input/useInputStyles.js +306 -0
- package/lib-commonjs/components/Input/useInputStyles.js.map +1 -0
- package/lib-commonjs/index.d.ts +1 -0
- package/lib-commonjs/index.js +10 -0
- package/lib-commonjs/index.js.map +1 -0
- 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.
|
package/Spec-styling.md
ADDED
|
@@ -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
|