@fluentui/react-input 9.0.0-beta.5 → 9.0.0-beta.8

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 (24) hide show
  1. package/CHANGELOG.json +122 -1
  2. package/CHANGELOG.md +81 -45
  3. package/Spec-styling.md +8 -8
  4. package/dist/{react-input.d.ts → index.d.ts} +8 -7
  5. package/lib/components/Input/Input.types.d.ts +2 -7
  6. package/lib/components/Input/Input.types.js.map +1 -1
  7. package/lib/components/Input/useInput.js +0 -2
  8. package/lib/components/Input/useInput.js.map +1 -1
  9. package/lib/components/Input/useInputStyles.d.ts +6 -1
  10. package/lib/components/Input/useInputStyles.js +55 -39
  11. package/lib/components/Input/useInputStyles.js.map +1 -1
  12. package/lib/index.d.ts +2 -1
  13. package/lib/index.js +2 -1
  14. package/lib/index.js.map +1 -1
  15. package/lib-commonjs/components/Input/Input.types.d.ts +2 -7
  16. package/lib-commonjs/components/Input/useInput.js +0 -2
  17. package/lib-commonjs/components/Input/useInput.js.map +1 -1
  18. package/lib-commonjs/components/Input/useInputStyles.d.ts +6 -1
  19. package/lib-commonjs/components/Input/useInputStyles.js +56 -40
  20. package/lib-commonjs/components/Input/useInputStyles.js.map +1 -1
  21. package/lib-commonjs/index.d.ts +2 -1
  22. package/lib-commonjs/index.js +39 -2
  23. package/lib-commonjs/index.js.map +1 -1
  24. package/package.json +8 -18
package/CHANGELOG.json CHANGED
@@ -2,7 +2,128 @@
2
2
  "name": "@fluentui/react-input",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 04 Mar 2022 05:15:51 GMT",
5
+ "date": "Wed, 04 May 2022 13:24:10 GMT",
6
+ "tag": "@fluentui/react-input_v9.0.0-beta.8",
7
+ "version": "9.0.0-beta.8",
8
+ "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "seanmonahan@microsoft.com",
12
+ "package": "@fluentui/react-input",
13
+ "commit": "45d7e18b8dd8f9d5a69b2d62c3b5c716268622f2",
14
+ "comment": "update content before/after stories; label usage in stories"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-input",
19
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6",
20
+ "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-input",
25
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7",
26
+ "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd"
27
+ }
28
+ ],
29
+ "none": [
30
+ {
31
+ "author": "tristan.watanabe@gmail.com",
32
+ "package": "@fluentui/react-input",
33
+ "commit": "88fa8f279506c3cfbcc2facff95ecb5b420a217a",
34
+ "comment": "react-input: Move to new common folder."
35
+ }
36
+ ]
37
+ }
38
+ },
39
+ {
40
+ "date": "Mon, 25 Apr 2022 09:32:18 GMT",
41
+ "tag": "@fluentui/react-input_v9.0.0-beta.7",
42
+ "version": "9.0.0-beta.7",
43
+ "comments": {
44
+ "prerelease": [
45
+ {
46
+ "author": "seanmonahan@microsoft.com",
47
+ "package": "@fluentui/react-input",
48
+ "commit": "8dfec41a7126d9d1514d46d6ef15e9316e6b8ee1",
49
+ "comment": "use ::after pseudo element in styles"
50
+ }
51
+ ]
52
+ }
53
+ },
54
+ {
55
+ "date": "Tue, 19 Apr 2022 19:17:25 GMT",
56
+ "tag": "@fluentui/react-input_v9.0.0-beta.6",
57
+ "version": "9.0.0-beta.6",
58
+ "comments": {
59
+ "prerelease": [
60
+ {
61
+ "author": "Humberto.Morimoto@microsoft.com",
62
+ "package": "@fluentui/react-input",
63
+ "commit": "3651218a1e8069fd6fcb095ef5d30139f8c01ff4",
64
+ "comment": "Removing star exports."
65
+ },
66
+ {
67
+ "author": "seanmonahan@microsoft.com",
68
+ "package": "@fluentui/react-input",
69
+ "commit": "43cb8a8072c6f9340296f080c725d2d6c9dfa325",
70
+ "comment": "Update onChange event type"
71
+ },
72
+ {
73
+ "author": "elcraig@microsoft.com",
74
+ "package": "@fluentui/react-input",
75
+ "commit": "3e9421d1cf1545a8ab9fce425f3695e62ac99d73",
76
+ "comment": "BREAKING CHANGE: Remove `inline` prop and use `display: inline-flex` by default"
77
+ },
78
+ {
79
+ "author": "olfedias@microsoft.com",
80
+ "package": "@fluentui/react-input",
81
+ "commit": "e569d6e04d83cbcc6225e61db52ff81d2addd363",
82
+ "comment": "chore: Update Griffel to latest version"
83
+ },
84
+ {
85
+ "author": "seanmonahan@microsoft.com",
86
+ "package": "@fluentui/react-input",
87
+ "commit": "086a675fd0c648944ff4048450190a0a13467de3",
88
+ "comment": "Add static classnames to Input"
89
+ },
90
+ {
91
+ "author": "beachball",
92
+ "package": "@fluentui/react-input",
93
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.5",
94
+ "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
95
+ },
96
+ {
97
+ "author": "beachball",
98
+ "package": "@fluentui/react-input",
99
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.6",
100
+ "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
101
+ },
102
+ {
103
+ "author": "beachball",
104
+ "package": "@fluentui/react-input",
105
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.4",
106
+ "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d"
107
+ }
108
+ ],
109
+ "none": [
110
+ {
111
+ "author": "elcraig@microsoft.com",
112
+ "package": "@fluentui/react-input",
113
+ "commit": "b7f17e976f9e058f39c9fce4f0f9bb6eb4dfa577",
114
+ "comment": "Update React dev deps and hoist them to the repo root"
115
+ },
116
+ {
117
+ "author": "mgodbolt@microsoft.com",
118
+ "package": "@fluentui/react-input",
119
+ "commit": "905e46db07ada986fd7885531f72a71b7bbaabdc",
120
+ "comment": "create v9 api extractor config and set all v9 packags to use it, suppress forgotten export"
121
+ }
122
+ ]
123
+ }
124
+ },
125
+ {
126
+ "date": "Fri, 04 Mar 2022 05:17:37 GMT",
6
127
  "tag": "@fluentui/react-input_v9.0.0-beta.5",
7
128
  "version": "9.0.0-beta.5",
8
129
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,48 @@
1
1
  # Change Log - @fluentui/react-input
2
2
 
3
- This log was last generated on Fri, 04 Mar 2022 05:15:51 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 04 May 2022 13:24:10 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0-beta.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.8)
8
+
9
+ Wed, 04 May 2022 13:24:10 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.7..@fluentui/react-input_v9.0.0-beta.8)
11
+
12
+ ### Changes
13
+
14
+ - update content before/after stories; label usage in stories ([PR #22731](https://github.com/microsoft/fluentui/pull/22731) by seanmonahan@microsoft.com)
15
+ - Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball)
16
+ - Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball)
17
+
18
+ ## [9.0.0-beta.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.7)
19
+
20
+ Mon, 25 Apr 2022 09:32:18 GMT
21
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.6..@fluentui/react-input_v9.0.0-beta.7)
22
+
23
+ ### Changes
24
+
25
+ - use ::after pseudo element in styles ([PR #22591](https://github.com/microsoft/fluentui/pull/22591) by seanmonahan@microsoft.com)
26
+
27
+ ## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.6)
28
+
29
+ Tue, 19 Apr 2022 19:17:25 GMT
30
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.5..@fluentui/react-input_v9.0.0-beta.6)
31
+
32
+ ### Changes
33
+
34
+ - Removing star exports. ([PR #22140](https://github.com/microsoft/fluentui/pull/22140) by Humberto.Morimoto@microsoft.com)
35
+ - Update onChange event type ([PR #22233](https://github.com/microsoft/fluentui/pull/22233) by seanmonahan@microsoft.com)
36
+ - BREAKING CHANGE: Remove `inline` prop and use `display: inline-flex` by default ([PR #21935](https://github.com/microsoft/fluentui/pull/21935) by elcraig@microsoft.com)
37
+ - chore: Update Griffel to latest version ([PR #21976](https://github.com/microsoft/fluentui/pull/21976) by olfedias@microsoft.com)
38
+ - Add static classnames to Input ([PR #21960](https://github.com/microsoft/fluentui/pull/21960) by seanmonahan@microsoft.com)
39
+ - Bump @fluentui/react-theme to v9.0.0-rc.5 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
40
+ - Bump @fluentui/react-utilities to v9.0.0-rc.6 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
41
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.4 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball)
42
+
7
43
  ## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.5)
8
44
 
9
- Fri, 04 Mar 2022 05:15:51 GMT
45
+ Fri, 04 Mar 2022 05:17:37 GMT
10
46
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.4..@fluentui/react-input_v9.0.0-beta.5)
11
47
 
12
48
  ### Changes
@@ -17,7 +53,7 @@ Fri, 04 Mar 2022 05:15:51 GMT
17
53
 
18
54
  ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.4)
19
55
 
20
- Tue, 01 Mar 2022 02:17:36 GMT
56
+ Tue, 01 Mar 2022 02:17:36 GMT
21
57
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.3..@fluentui/react-input_v9.0.0-beta.4)
22
58
 
23
59
  ### Changes
@@ -27,7 +63,7 @@ Tue, 01 Mar 2022 02:17:36 GMT
27
63
 
28
64
  ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.3)
29
65
 
30
- Fri, 18 Feb 2022 13:35:32 GMT
66
+ Fri, 18 Feb 2022 13:35:32 GMT
31
67
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.1..@fluentui/react-input_v9.0.0-beta.3)
32
68
 
33
69
  ### Changes
@@ -38,12 +74,12 @@ Fri, 18 Feb 2022 13:35:32 GMT
38
74
 
39
75
  ## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.1)
40
76
 
41
- Thu, 10 Feb 2022 08:51:17 GMT
77
+ Thu, 10 Feb 2022 08:51:17 GMT
42
78
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.0..@fluentui/react-input_v9.0.0-beta.1)
43
79
 
44
80
  ### Changes
45
81
 
46
- - 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)
82
+ - 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)
47
83
  - Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
48
84
  - Fix styling issues found in accessibility review ([PR #21205](https://github.com/microsoft/fluentui/pull/21205) by elcraig@microsoft.com)
49
85
  - Bump Fluent UI dependencies to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
@@ -57,7 +93,7 @@ Thu, 10 Feb 2022 08:51:17 GMT
57
93
 
58
94
  ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.0)
59
95
 
60
- Thu, 25 Nov 2021 08:34:17 GMT
96
+ Thu, 25 Nov 2021 08:34:17 GMT
61
97
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.0..@fluentui/react-input_v9.0.0-beta.0)
62
98
 
63
99
  ### Changes
@@ -70,7 +106,7 @@ Thu, 25 Nov 2021 08:34:17 GMT
70
106
 
71
107
  ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.0)
72
108
 
73
- Fri, 12 Nov 2021 13:25:34 GMT
109
+ Fri, 12 Nov 2021 13:25:34 GMT
74
110
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.0..@fluentui/react-input_v9.0.0-beta.0)
75
111
 
76
112
  ### Changes
@@ -83,7 +119,7 @@ Fri, 12 Nov 2021 13:25:34 GMT
83
119
 
84
120
  ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.0)
85
121
 
86
- Wed, 27 Oct 2021 12:14:24 GMT
122
+ Wed, 27 Oct 2021 12:14:24 GMT
87
123
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.0..@fluentui/react-input_v9.0.0-beta.0)
88
124
 
89
125
  ### Changes
@@ -95,7 +131,7 @@ Wed, 27 Oct 2021 12:14:24 GMT
95
131
 
96
132
  ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.0)
97
133
 
98
- Wed, 06 Oct 2021 10:37:22 GMT
134
+ Wed, 06 Oct 2021 10:37:22 GMT
99
135
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-beta.0)
100
136
 
101
137
  ### Changes
@@ -107,7 +143,7 @@ Wed, 06 Oct 2021 10:37:22 GMT
107
143
 
108
144
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
109
145
 
110
- Tue, 05 Oct 2021 12:47:58 GMT
146
+ Tue, 05 Oct 2021 12:47:58 GMT
111
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)
112
148
 
113
149
  ### Changes
@@ -118,7 +154,7 @@ Tue, 05 Oct 2021 12:47:58 GMT
118
154
 
119
155
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
120
156
 
121
- Tue, 05 Oct 2021 09:28:07 GMT
157
+ Tue, 05 Oct 2021 09:28:07 GMT
122
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)
123
159
 
124
160
  ### Changes
@@ -130,7 +166,7 @@ Tue, 05 Oct 2021 09:28:07 GMT
130
166
 
131
167
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
132
168
 
133
- Fri, 01 Oct 2021 14:13:08 GMT
169
+ Fri, 01 Oct 2021 14:13:08 GMT
134
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)
135
171
 
136
172
  ### Changes
@@ -142,7 +178,7 @@ Fri, 01 Oct 2021 14:13:08 GMT
142
178
 
143
179
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
144
180
 
145
- Wed, 29 Sep 2021 08:06:11 GMT
181
+ Wed, 29 Sep 2021 08:06:11 GMT
146
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)
147
183
 
148
184
  ### Changes
@@ -153,7 +189,7 @@ Wed, 29 Sep 2021 08:06:11 GMT
153
189
 
154
190
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
155
191
 
156
- Mon, 27 Sep 2021 08:06:00 GMT
192
+ Mon, 27 Sep 2021 08:06:00 GMT
157
193
  [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
194
 
159
195
  ### Changes
@@ -165,7 +201,7 @@ Mon, 27 Sep 2021 08:06:00 GMT
165
201
 
166
202
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
167
203
 
168
- Fri, 24 Sep 2021 09:17:17 GMT
204
+ Fri, 24 Sep 2021 09:17:17 GMT
169
205
  [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
206
 
171
207
  ### Changes
@@ -177,7 +213,7 @@ Fri, 24 Sep 2021 09:17:17 GMT
177
213
 
178
214
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
179
215
 
180
- Thu, 23 Sep 2021 08:21:34 GMT
216
+ Thu, 23 Sep 2021 08:21:34 GMT
181
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)
182
218
 
183
219
  ### Changes
@@ -189,7 +225,7 @@ Thu, 23 Sep 2021 08:21:34 GMT
189
225
 
190
226
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
191
227
 
192
- Wed, 22 Sep 2021 10:10:07 GMT
228
+ Wed, 22 Sep 2021 10:10:07 GMT
193
229
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
194
230
 
195
231
  ### Changes
@@ -201,7 +237,7 @@ Wed, 22 Sep 2021 10:10:07 GMT
201
237
 
202
238
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
203
239
 
204
- Tue, 21 Sep 2021 07:42:34 GMT
240
+ Tue, 21 Sep 2021 07:42:34 GMT
205
241
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
206
242
 
207
243
  ### Changes
@@ -212,7 +248,7 @@ Tue, 21 Sep 2021 07:42:34 GMT
212
248
 
213
249
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
214
250
 
215
- Mon, 20 Sep 2021 07:36:26 GMT
251
+ Mon, 20 Sep 2021 07:36:26 GMT
216
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)
217
253
 
218
254
  ### Changes
@@ -221,7 +257,7 @@ Mon, 20 Sep 2021 07:36:26 GMT
221
257
 
222
258
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
223
259
 
224
- Fri, 17 Sep 2021 07:35:26 GMT
260
+ Fri, 17 Sep 2021 07:35:26 GMT
225
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)
226
262
 
227
263
  ### Changes
@@ -230,7 +266,7 @@ Fri, 17 Sep 2021 07:35:26 GMT
230
266
 
231
267
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
232
268
 
233
- Thu, 16 Sep 2021 07:38:39 GMT
269
+ Thu, 16 Sep 2021 07:38:39 GMT
234
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)
235
271
 
236
272
  ### Changes
@@ -239,7 +275,7 @@ Thu, 16 Sep 2021 07:38:39 GMT
239
275
 
240
276
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
241
277
 
242
- Tue, 14 Sep 2021 20:09:02 GMT
278
+ Tue, 14 Sep 2021 20:09:02 GMT
243
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)
244
280
 
245
281
  ### Changes
@@ -248,7 +284,7 @@ Tue, 14 Sep 2021 20:09:02 GMT
248
284
 
249
285
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
250
286
 
251
- Fri, 10 Sep 2021 16:31:53 GMT
287
+ Fri, 10 Sep 2021 16:31:53 GMT
252
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)
253
289
 
254
290
  ### Changes
@@ -257,7 +293,7 @@ Fri, 10 Sep 2021 16:31:53 GMT
257
293
 
258
294
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
259
295
 
260
- Fri, 10 Sep 2021 07:39:51 GMT
296
+ Fri, 10 Sep 2021 07:39:51 GMT
261
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)
262
298
 
263
299
  ### Changes
@@ -266,7 +302,7 @@ Fri, 10 Sep 2021 07:39:51 GMT
266
302
 
267
303
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
268
304
 
269
- Mon, 06 Sep 2021 07:34:53 GMT
305
+ Mon, 06 Sep 2021 07:34:53 GMT
270
306
  [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
307
 
272
308
  ### Changes
@@ -275,7 +311,7 @@ Mon, 06 Sep 2021 07:34:53 GMT
275
311
 
276
312
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
277
313
 
278
- Thu, 02 Sep 2021 07:36:46 GMT
314
+ Thu, 02 Sep 2021 07:36:46 GMT
279
315
  [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
316
 
281
317
  ### Patches
@@ -284,7 +320,7 @@ Thu, 02 Sep 2021 07:36:46 GMT
284
320
 
285
321
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
286
322
 
287
- Wed, 01 Sep 2021 07:39:56 GMT
323
+ Wed, 01 Sep 2021 07:39:56 GMT
288
324
  [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
325
 
290
326
  ### Changes
@@ -293,7 +329,7 @@ Wed, 01 Sep 2021 07:39:56 GMT
293
329
 
294
330
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
295
331
 
296
- Tue, 31 Aug 2021 07:37:47 GMT
332
+ Tue, 31 Aug 2021 07:37:47 GMT
297
333
  [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
334
 
299
335
  ### Changes
@@ -302,7 +338,7 @@ Tue, 31 Aug 2021 07:37:47 GMT
302
338
 
303
339
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
304
340
 
305
- Thu, 19 Aug 2021 07:41:35 GMT
341
+ Thu, 19 Aug 2021 07:41:35 GMT
306
342
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
307
343
 
308
344
  ### Changes
@@ -311,7 +347,7 @@ Thu, 19 Aug 2021 07:41:35 GMT
311
347
 
312
348
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
313
349
 
314
- Fri, 13 Aug 2021 07:36:34 GMT
350
+ Fri, 13 Aug 2021 07:36:34 GMT
315
351
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
316
352
 
317
353
  ### Changes
@@ -320,7 +356,7 @@ Fri, 13 Aug 2021 07:36:34 GMT
320
356
 
321
357
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
322
358
 
323
- Fri, 06 Aug 2021 07:35:14 GMT
359
+ Fri, 06 Aug 2021 07:35:14 GMT
324
360
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
325
361
 
326
362
  ### Changes
@@ -329,7 +365,7 @@ Fri, 06 Aug 2021 07:35:14 GMT
329
365
 
330
366
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
331
367
 
332
- Tue, 03 Aug 2021 07:39:30 GMT
368
+ Tue, 03 Aug 2021 07:39:30 GMT
333
369
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
334
370
 
335
371
  ### Patches
@@ -344,7 +380,7 @@ Tue, 03 Aug 2021 07:39:30 GMT
344
380
 
345
381
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
346
382
 
347
- Mon, 02 Aug 2021 07:36:20 GMT
383
+ Mon, 02 Aug 2021 07:36:20 GMT
348
384
  [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
385
 
350
386
  ### Changes
@@ -353,7 +389,7 @@ Mon, 02 Aug 2021 07:36:20 GMT
353
389
 
354
390
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
355
391
 
356
- Mon, 26 Jul 2021 07:37:30 GMT
392
+ Mon, 26 Jul 2021 07:37:30 GMT
357
393
  [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
394
 
359
395
  ### Changes
@@ -362,7 +398,7 @@ Mon, 26 Jul 2021 07:37:30 GMT
362
398
 
363
399
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
364
400
 
365
- Fri, 23 Jul 2021 07:38:19 GMT
401
+ Fri, 23 Jul 2021 07:38:19 GMT
366
402
  [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
403
 
368
404
  ### Changes
@@ -371,7 +407,7 @@ Fri, 23 Jul 2021 07:38:19 GMT
371
407
 
372
408
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
373
409
 
374
- Thu, 22 Jul 2021 07:36:55 GMT
410
+ Thu, 22 Jul 2021 07:36:55 GMT
375
411
  [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
412
 
377
413
  ### Changes
@@ -380,7 +416,7 @@ Thu, 22 Jul 2021 07:36:55 GMT
380
416
 
381
417
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
382
418
 
383
- Thu, 15 Jul 2021 07:36:18 GMT
419
+ Thu, 15 Jul 2021 07:36:18 GMT
384
420
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
385
421
 
386
422
  ### Changes
@@ -389,7 +425,7 @@ Thu, 15 Jul 2021 07:36:18 GMT
389
425
 
390
426
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
391
427
 
392
- Tue, 13 Jul 2021 22:32:58 GMT
428
+ Tue, 13 Jul 2021 22:32:58 GMT
393
429
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
394
430
 
395
431
  ### Patches
@@ -398,7 +434,7 @@ Tue, 13 Jul 2021 22:32:58 GMT
398
434
 
399
435
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
400
436
 
401
- Tue, 13 Jul 2021 07:35:36 GMT
437
+ Tue, 13 Jul 2021 07:35:36 GMT
402
438
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
403
439
 
404
440
  ### Changes
@@ -407,7 +443,7 @@ Tue, 13 Jul 2021 07:35:36 GMT
407
443
 
408
444
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
409
445
 
410
- Fri, 09 Jul 2021 07:39:31 GMT
446
+ Fri, 09 Jul 2021 07:39:31 GMT
411
447
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
412
448
 
413
449
  ### Patches
@@ -422,7 +458,7 @@ Fri, 09 Jul 2021 07:39:31 GMT
422
458
 
423
459
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
424
460
 
425
- Fri, 02 Jul 2021 23:15:55 GMT
461
+ Fri, 02 Jul 2021 23:15:55 GMT
426
462
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
427
463
 
428
464
  ### Changes
@@ -431,7 +467,7 @@ Fri, 02 Jul 2021 23:15:55 GMT
431
467
 
432
468
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
433
469
 
434
- Fri, 02 Jul 2021 07:37:06 GMT
470
+ Fri, 02 Jul 2021 07:37:06 GMT
435
471
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
436
472
 
437
473
  ### Changes
@@ -440,7 +476,7 @@ Fri, 02 Jul 2021 07:37:06 GMT
440
476
 
441
477
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
442
478
 
443
- Wed, 30 Jun 2021 07:38:35 GMT
479
+ Wed, 30 Jun 2021 07:38:35 GMT
444
480
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
445
481
 
446
482
  ### Changes
@@ -449,7 +485,7 @@ Wed, 30 Jun 2021 07:38:35 GMT
449
485
 
450
486
  ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-alpha.0)
451
487
 
452
- Tue, 29 Jun 2021 07:33:32 GMT
488
+ Tue, 29 Jun 2021 07:33:32 GMT
453
489
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-alpha.0..@fluentui/react-input_v9.0.0-alpha.0)
454
490
 
455
491
  ### Changes
package/Spec-styling.md CHANGED
@@ -28,14 +28,14 @@ Notes:
28
28
 
29
29
  ### Varying by field size
30
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 |
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 | contentBefore/after `> svg` | 16Regular | 20Regular | 24Regular |
38
+ | spacing within root | root `display: flex`, flex gap | xxs | xxs | sNudge |
39
39
 
40
40
  ## Appearance colors and strokes
41
41
 
package/dist/{react-input.d.ts → index.d.ts} RENAMED
@@ -3,14 +3,20 @@ import type { ComponentState } from '@fluentui/react-utilities';
3
3
  import type { ForwardRefComponent } from '@fluentui/react-utilities';
4
4
  import * as React_2 from 'react';
5
5
  import type { Slot } from '@fluentui/react-utilities';
6
+ import type { SlotClassNames } from '@fluentui/react-utilities';
6
7
 
7
8
  /**
8
9
  * The Input component allows people to enter and edit text.
9
10
  */
10
11
  export declare const Input: ForwardRefComponent<InputProps>;
11
12
 
13
+ /**
14
+ * @deprecated Use `inputClassNames.root` instead.
15
+ */
12
16
  export declare const inputClassName = "fui-Input";
13
17
 
18
+ export declare const inputClassNames: SlotClassNames<InputSlots>;
19
+
14
20
  /**
15
21
  * Data passed to the `onChange` callback when a user changes the input's value.
16
22
  */
@@ -27,11 +33,6 @@ export declare type InputProps = Omit<ComponentProps<Partial<InputSlots>, 'input
27
33
  * @default 'medium'
28
34
  */
29
35
  size?: 'small' | 'medium' | 'large';
30
- /**
31
- * If true, the input will have inline display, allowing it be used within text content.
32
- * If false (the default), the input will have block display.
33
- */
34
- inline?: boolean;
35
36
  /**
36
37
  * Controls the colors and borders of the input.
37
38
  * @default 'outline'
@@ -54,7 +55,7 @@ export declare type InputProps = Omit<ComponentProps<Partial<InputSlots>, 'input
54
55
  /**
55
56
  * Called when the user changes the input's value.
56
57
  */
57
- onChange?: (ev: React_2.FormEvent<HTMLInputElement>, data: InputOnChangeData) => void;
58
+ onChange?: (ev: React_2.ChangeEvent<HTMLInputElement>, data: InputOnChangeData) => void;
58
59
  /**
59
60
  * An input can have different text-based [types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#input_types)
60
61
  * based on the type of value the user will enter.
@@ -95,7 +96,7 @@ export declare type InputSlots = {
95
96
  /**
96
97
  * State used in rendering Input.
97
98
  */
98
- export declare type InputState = Required<Pick<InputProps, 'appearance' | 'inline' | 'size'>> & ComponentState<InputSlots>;
99
+ export declare type InputState = Required<Pick<InputProps, 'appearance' | 'size'>> & ComponentState<InputSlots>;
99
100
 
100
101
  /**
101
102
  * Render the final JSX of Input
package/lib/components/Input/Input.types.d.ts CHANGED
@@ -30,11 +30,6 @@ export declare type InputProps = Omit<ComponentProps<Partial<InputSlots>, 'input
30
30
  * @default 'medium'
31
31
  */
32
32
  size?: 'small' | 'medium' | 'large';
33
- /**
34
- * If true, the input will have inline display, allowing it be used within text content.
35
- * If false (the default), the input will have block display.
36
- */
37
- inline?: boolean;
38
33
  /**
39
34
  * Controls the colors and borders of the input.
40
35
  * @default 'outline'
@@ -57,7 +52,7 @@ export declare type InputProps = Omit<ComponentProps<Partial<InputSlots>, 'input
57
52
  /**
58
53
  * Called when the user changes the input's value.
59
54
  */
60
- onChange?: (ev: React.FormEvent<HTMLInputElement>, data: InputOnChangeData) => void;
55
+ onChange?: (ev: React.ChangeEvent<HTMLInputElement>, data: InputOnChangeData) => void;
61
56
  /**
62
57
  * An input can have different text-based [types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#input_types)
63
58
  * based on the type of value the user will enter.
@@ -74,7 +69,7 @@ export declare type InputProps = Omit<ComponentProps<Partial<InputSlots>, 'input
74
69
  /**
75
70
  * State used in rendering Input.
76
71
  */
77
- export declare type InputState = Required<Pick<InputProps, 'appearance' | 'inline' | 'size'>> & ComponentState<InputSlots>;
72
+ export declare type InputState = Required<Pick<InputProps, 'appearance' | 'size'>> & ComponentState<InputSlots>;
78
73
  /**
79
74
  * Data passed to the `onChange` callback when a user changes the input's value.
80
75
  */