@fluentui/react-image 9.0.0-nightly.b5b7401007.0 → 9.0.0-rc.3

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 (46) hide show
  1. package/CHANGELOG.json +266 -23
  2. package/CHANGELOG.md +72 -12
  3. package/MIGRATION.md +3 -3
  4. package/dist/react-image.d.ts +8 -8
  5. package/lib/Image.js.map +1 -1
  6. package/lib/components/Image/Image.js +7 -7
  7. package/lib/components/Image/Image.js.map +1 -1
  8. package/lib/components/Image/Image.types.d.ts +4 -3
  9. package/lib/components/Image/Image.types.js.map +1 -1
  10. package/lib/components/Image/index.js.map +1 -1
  11. package/lib/components/Image/renderImage.d.ts +1 -1
  12. package/lib/components/Image/renderImage.js +7 -8
  13. package/lib/components/Image/renderImage.js.map +1 -1
  14. package/lib/components/Image/useImage.d.ts +2 -3
  15. package/lib/components/Image/useImage.js +18 -18
  16. package/lib/components/Image/useImage.js.map +1 -1
  17. package/lib/components/Image/useImageStyles.d.ts +2 -1
  18. package/lib/components/Image/useImageStyles.js +21 -10
  19. package/lib/components/Image/useImageStyles.js.map +1 -1
  20. package/lib/index.js.map +1 -1
  21. package/lib-commonjs/Image.js +1 -1
  22. package/lib-commonjs/Image.js.map +1 -1
  23. package/lib-commonjs/components/Image/Image.js +8 -8
  24. package/lib-commonjs/components/Image/Image.js.map +1 -1
  25. package/lib-commonjs/components/Image/Image.types.d.ts +4 -3
  26. package/lib-commonjs/components/Image/Image.types.js.map +1 -1
  27. package/lib-commonjs/components/Image/index.js +1 -1
  28. package/lib-commonjs/components/Image/index.js.map +1 -1
  29. package/lib-commonjs/components/Image/renderImage.d.ts +1 -1
  30. package/lib-commonjs/components/Image/renderImage.js +11 -14
  31. package/lib-commonjs/components/Image/renderImage.js.map +1 -1
  32. package/lib-commonjs/components/Image/useImage.d.ts +2 -3
  33. package/lib-commonjs/components/Image/useImage.js +22 -23
  34. package/lib-commonjs/components/Image/useImage.js.map +1 -1
  35. package/lib-commonjs/components/Image/useImageStyles.d.ts +2 -1
  36. package/lib-commonjs/components/Image/useImageStyles.js +25 -12
  37. package/lib-commonjs/components/Image/useImageStyles.js.map +1 -1
  38. package/lib-commonjs/index.js +1 -1
  39. package/lib-commonjs/index.js.map +1 -1
  40. package/package.json +9 -10
  41. package/lib/common/isConformant.d.ts +0 -4
  42. package/lib/common/isConformant.js +0 -13
  43. package/lib/common/isConformant.js.map +0 -1
  44. package/lib-commonjs/common/isConformant.d.ts +0 -4
  45. package/lib-commonjs/common/isConformant.js +0 -24
  46. package/lib-commonjs/common/isConformant.js.map +0 -1
package/CHANGELOG.json CHANGED
@@ -2,66 +2,309 @@
2
2
  "name": "@fluentui/react-image",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 26 Oct 2021 09:22:36 GMT",
6
- "tag": "@fluentui/react-image_v9.0.0-nightly.b5b7401007.0",
7
- "version": "9.0.0-nightly.b5b7401007.0",
5
+ "date": "Fri, 18 Feb 2022 13:33:46 GMT",
6
+ "tag": "@fluentui/react-image_v9.0.0-rc.3",
7
+ "version": "9.0.0-rc.3",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
11
- "author": "email not defined",
11
+ "author": "lingfangao@hotmail.com",
12
+ "package": "@fluentui/react-image",
13
+ "commit": "d579bbbbb8bd1457e14b03eda2bc638d89f92d56",
14
+ "comment": "fix: Add react-theme as dependency to react-image"
15
+ },
16
+ {
17
+ "author": "lingfangao@hotmail.com",
18
+ "package": "@fluentui/react-image",
19
+ "commit": "1aa9e691fcccd9a64168cea7941c0f1e71fa1d14",
20
+ "comment": "fix: Source maps contain original source code"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-image",
25
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.3",
26
+ "commit": "3b9c1e931c23173da3d1af0c696cdc58516ce504"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-image",
31
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.3",
32
+ "commit": "3b9c1e931c23173da3d1af0c696cdc58516ce504"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-image",
37
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.3",
38
+ "commit": "3b9c1e931c23173da3d1af0c696cdc58516ce504"
39
+ }
40
+ ]
41
+ }
42
+ },
43
+ {
44
+ "date": "Thu, 10 Feb 2022 08:51:14 GMT",
45
+ "tag": "@fluentui/react-image_v9.0.0-rc.1",
46
+ "version": "9.0.0-rc.1",
47
+ "comments": {
48
+ "prerelease": [
49
+ {
50
+ "author": "mgodbolt@microsoft.com",
51
+ "package": "@fluentui/react-image",
52
+ "commit": "839ec14849e112b85aa321d034739ec421199141",
53
+ "comment": "remove export of commons types"
54
+ },
55
+ {
56
+ "author": "Humberto.Morimoto@microsoft.com",
57
+ "package": "@fluentui/react-image",
58
+ "commit": "147ca590e83068153f0358da46b84e7e873b891f",
59
+ "comment": "react-image: Replacing use of functions in makeStyles with direct use of tokens."
60
+ },
61
+ {
62
+ "author": "olfedias@microsoft.com",
63
+ "package": "@fluentui/react-image",
64
+ "commit": "2ce465c8034747199be56ab5ebce3272b6d3a4f9",
65
+ "comment": "use Griffel packages"
66
+ },
67
+ {
68
+ "author": "behowell@microsoft.com",
69
+ "package": "@fluentui/react-image",
70
+ "commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
71
+ "comment": "Remove component's shorthandProps array"
72
+ },
73
+ {
74
+ "author": "lingfangao@hotmail.com",
75
+ "package": "@fluentui/react-image",
76
+ "commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
77
+ "comment": "Bump Fluent UI packages to 9.0.0-rc"
78
+ },
79
+ {
80
+ "author": "behowell@microsoft.com",
81
+ "package": "@fluentui/react-image",
82
+ "commit": "317209bb5cd57c40f35bc42060acb7e3cce5ec95",
83
+ "comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
84
+ },
85
+ {
86
+ "author": "Humberto.Morimoto@microsoft.com",
87
+ "package": "@fluentui/react-image",
88
+ "commit": "e0b8e1fa6980077e7b311fd1c72c28d3e4305db0",
89
+ "comment": "Updating based on changes to composition types."
90
+ },
91
+ {
92
+ "author": "behowell@microsoft.com",
93
+ "package": "@fluentui/react-image",
94
+ "commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
95
+ "comment": "Refactor component Slot typings"
96
+ },
97
+ {
98
+ "author": "olfedias@microsoft.com",
99
+ "package": "@fluentui/react-image",
100
+ "commit": "ffe595b06f256f25e6224a0069972e1474893758",
101
+ "comment": "update styles to not use CSS shorthands"
102
+ },
103
+ {
104
+ "author": "beachball",
12
105
  "package": "@fluentui/react-image",
13
- "comment": "Release nightly v9",
14
- "commit": "0dfd7a724c42291a510e9bcfe4610aa1e268ffcc"
106
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.1",
107
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
108
+ },
109
+ {
110
+ "author": "beachball",
111
+ "package": "@fluentui/react-image",
112
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1",
113
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
114
+ }
115
+ ],
116
+ "none": [
117
+ {
118
+ "author": "martinhochel@microsoft.com",
119
+ "package": "@fluentui/react-image",
120
+ "commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
121
+ "comment": "chore: use storybook runner for all vNext packages"
122
+ },
123
+ {
124
+ "author": "olfedias@microsoft.com",
125
+ "package": "@fluentui/react-image",
126
+ "commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
127
+ "comment": "remove inline-style-expand-shorthand from tsconfigs"
128
+ }
129
+ ]
130
+ }
131
+ },
132
+ {
133
+ "date": "Thu, 25 Nov 2021 08:34:13 GMT",
134
+ "tag": "@fluentui/react-image_v9.0.0-beta.4",
135
+ "version": "9.0.0-beta.4",
136
+ "comments": {
137
+ "none": [
138
+ {
139
+ "author": "tkrasniqi@microsoft.com",
140
+ "package": "@fluentui/react-image",
141
+ "commit": "01111bb9f10ad2bbe10902a48d15dce2e9cc4264",
142
+ "comment": {
143
+ "title": "",
144
+ "value": ""
145
+ }
146
+ }
147
+ ],
148
+ "prerelease": [
149
+ {
150
+ "author": "beachball",
151
+ "package": "@fluentui/react-image",
152
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
153
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
154
+ },
155
+ {
156
+ "author": "beachball",
157
+ "package": "@fluentui/react-image",
158
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
159
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
160
+ },
161
+ {
162
+ "author": "beachball",
163
+ "package": "@fluentui/react-image",
164
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.4",
165
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
166
+ },
167
+ {
168
+ "author": "beachball",
169
+ "package": "@fluentui/react-image",
170
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4",
171
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
172
+ },
173
+ {
174
+ "author": "beachball",
175
+ "package": "@fluentui/react-image",
176
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4",
177
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
178
+ }
179
+ ]
180
+ }
181
+ },
182
+ {
183
+ "date": "Fri, 12 Nov 2021 13:25:24 GMT",
184
+ "tag": "@fluentui/react-image_v9.0.0-beta.3",
185
+ "version": "9.0.0-beta.3",
186
+ "comments": {
187
+ "prerelease": [
188
+ {
189
+ "author": "olfedias@microsoft.com",
190
+ "package": "@fluentui/react-image",
191
+ "commit": "22460e1421c0f3b2bdf9c76d80a2cb202fa30079",
192
+ "comment": "export static classes for components"
15
193
  },
16
194
  {
17
195
  "author": "gcox@microsoft.com",
18
196
  "package": "@fluentui/react-image",
19
- "comment": "Removed duplicate 'Image' from story names",
20
- "commit": "0dfd7a724c42291a510e9bcfe4610aa1e268ffcc"
197
+ "commit": "8555daca54fa0ab490b5400b8d67a9430be9e8e5",
198
+ "comment": "Updated Image stories with codesandbox export comments"
21
199
  },
22
200
  {
23
- "author": "peter@draxler.ml",
201
+ "author": "gcox@microsoft.com",
24
202
  "package": "@fluentui/react-image",
25
- "comment": "added styling of documentation",
26
- "commit": "0dfd7a724c42291a510e9bcfe4610aa1e268ffcc"
203
+ "commit": "c9bd5b5a02ae94a8239ce1b56cac2f0d0dbd3586",
204
+ "comment": "Updated beta and RC components to ES2019"
27
205
  },
28
206
  {
29
207
  "author": "beachball",
30
208
  "package": "@fluentui/react-image",
31
- "comment": "Bump @fluentui/react-make-styles to v9.0.0-nightly.b5b7401007.0",
32
- "commit": "0dfd7a724c42291a510e9bcfe4610aa1e268ffcc"
209
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
210
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
33
211
  },
34
212
  {
35
213
  "author": "beachball",
36
214
  "package": "@fluentui/react-image",
37
- "comment": "Bump @fluentui/react-utilities to v9.0.0-nightly.b5b7401007.0",
38
- "commit": "0dfd7a724c42291a510e9bcfe4610aa1e268ffcc"
215
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
216
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
39
217
  },
40
218
  {
41
219
  "author": "beachball",
42
220
  "package": "@fluentui/react-image",
43
- "comment": "Bump @fluentui/babel-make-styles to v9.0.0-nightly.b5b7401007.0",
44
- "commit": "0dfd7a724c42291a510e9bcfe4610aa1e268ffcc"
221
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
222
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
45
223
  },
46
224
  {
47
225
  "author": "beachball",
48
226
  "package": "@fluentui/react-image",
49
- "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-nightly.b5b7401007.0",
50
- "commit": "0dfd7a724c42291a510e9bcfe4610aa1e268ffcc"
227
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
228
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
51
229
  },
52
230
  {
53
231
  "author": "beachball",
54
232
  "package": "@fluentui/react-image",
55
- "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-nightly.b5b7401007.0",
56
- "commit": "0dfd7a724c42291a510e9bcfe4610aa1e268ffcc"
233
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
234
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
57
235
  }
58
236
  ],
237
+ "none": [
238
+ {
239
+ "author": "mgodbolt@microsoft.com",
240
+ "package": "@fluentui/react-image",
241
+ "commit": "7fafe76eb2c09f9d17a03c11ba73729d91ef411e",
242
+ "comment": "update docs descriptions"
243
+ },
244
+ {
245
+ "author": "lingfangao@hotmail.com",
246
+ "package": "@fluentui/react-image",
247
+ "commit": "00f70581480b536e723fb69edf0ae617beac4807",
248
+ "comment": "Remove beta release tag"
249
+ }
250
+ ]
251
+ }
252
+ },
253
+ {
254
+ "date": "Wed, 27 Oct 2021 12:14:18 GMT",
255
+ "tag": "@fluentui/react-image_v9.0.0-beta.2",
256
+ "version": "9.0.0-beta.2",
257
+ "comments": {
59
258
  "none": [
60
259
  {
61
260
  "author": "tkrasniqi@microsoft.com",
62
261
  "package": "@fluentui/react-image",
63
- "comment": "Updated migration guide",
64
- "commit": "0dfd7a724c42291a510e9bcfe4610aa1e268ffcc"
262
+ "commit": "138ac075ebfc80d8ed588e23177d14b70ca03593",
263
+ "comment": "Updated migration guide"
264
+ }
265
+ ],
266
+ "prerelease": [
267
+ {
268
+ "author": "gcox@microsoft.com",
269
+ "package": "@fluentui/react-image",
270
+ "commit": "e71393ebda85c52094c46d42d93af1e642f21293",
271
+ "comment": "Removed duplicate 'Image' from story names"
272
+ },
273
+ {
274
+ "author": "peter@draxler.ml",
275
+ "package": "@fluentui/react-image",
276
+ "commit": "f6db7c8d6b7db0902775e7857b62b745be35b59a",
277
+ "comment": "added styling of documentation"
278
+ },
279
+ {
280
+ "author": "beachball",
281
+ "package": "@fluentui/react-image",
282
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.2",
283
+ "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
284
+ },
285
+ {
286
+ "author": "beachball",
287
+ "package": "@fluentui/react-image",
288
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.2",
289
+ "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
290
+ },
291
+ {
292
+ "author": "beachball",
293
+ "package": "@fluentui/react-image",
294
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.2",
295
+ "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
296
+ },
297
+ {
298
+ "author": "beachball",
299
+ "package": "@fluentui/react-image",
300
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.2",
301
+ "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
302
+ },
303
+ {
304
+ "author": "beachball",
305
+ "package": "@fluentui/react-image",
306
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.2",
307
+ "commit": "0f8f1ae7c2d908e51e29dd342d79e041f86fac08"
65
308
  }
66
309
  ]
67
310
  }
package/CHANGELOG.md CHANGED
@@ -1,24 +1,84 @@
1
1
  # Change Log - @fluentui/react-image
2
2
 
3
- This log was last generated on Tue, 26 Oct 2021 09:22:36 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 18 Feb 2022 13:33:46 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [9.0.0-nightly.b5b7401007.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-nightly.b5b7401007.0)
7
+ ## [9.0.0-rc.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-rc.3)
8
8
 
9
- Tue, 26 Oct 2021 09:22:36 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.1..@fluentui/react-image_v9.0.0-nightly.b5b7401007.0)
9
+ Fri, 18 Feb 2022 13:33:46 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-rc.1..@fluentui/react-image_v9.0.0-rc.3)
11
11
 
12
12
  ### Changes
13
13
 
14
- - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by email not defined)
15
- - Removed duplicate 'Image' from story names ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by gcox@microsoft.com)
16
- - added styling of documentation ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by peter@draxler.ml)
17
- - Bump @fluentui/react-make-styles to v9.0.0-nightly.b5b7401007.0 ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by beachball)
18
- - Bump @fluentui/react-utilities to v9.0.0-nightly.b5b7401007.0 ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by beachball)
19
- - Bump @fluentui/babel-make-styles to v9.0.0-nightly.b5b7401007.0 ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by beachball)
20
- - Bump @fluentui/jest-serializer-make-styles to v9.0.0-nightly.b5b7401007.0 ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by beachball)
21
- - Bump @fluentui/react-conformance-make-styles to v9.0.0-nightly.b5b7401007.0 ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by beachball)
14
+ - fix: Add react-theme as dependency to react-image ([PR #21787](https://github.com/microsoft/fluentui/pull/21787) by lingfangao@hotmail.com)
15
+ - fix: Source maps contain original source code ([PR #21690](https://github.com/microsoft/fluentui/pull/21690) by lingfangao@hotmail.com)
16
+ - Bump @fluentui/react-utilities to v9.0.0-rc.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
17
+ - Bump @fluentui/react-theme to v9.0.0-rc.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
18
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
19
+
20
+ ## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-rc.1)
21
+
22
+ Thu, 10 Feb 2022 08:51:14 GMT
23
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.4..@fluentui/react-image_v9.0.0-rc.1)
24
+
25
+ ### Changes
26
+
27
+ - remove export of commons types ([PR #21660](https://github.com/microsoft/fluentui/pull/21660) by mgodbolt@microsoft.com)
28
+ - react-image: Replacing use of functions in makeStyles with direct use of tokens. ([PR #21044](https://github.com/microsoft/fluentui/pull/21044) by Humberto.Morimoto@microsoft.com)
29
+ - use Griffel packages ([PR #21432](https://github.com/microsoft/fluentui/pull/21432) by olfedias@microsoft.com)
30
+ - Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
31
+ - Bump Fluent UI packages to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
32
+ - 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)
33
+ - Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
34
+ - Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
35
+ - update styles to not use CSS shorthands ([PR #20818](https://github.com/microsoft/fluentui/pull/20818) by olfedias@microsoft.com)
36
+ - Bump @fluentui/react-utilities to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
37
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
38
+
39
+ ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-beta.4)
40
+
41
+ Thu, 25 Nov 2021 08:34:13 GMT
42
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.3..@fluentui/react-image_v9.0.0-beta.4)
43
+
44
+ ### Changes
45
+
46
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
47
+ - Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
48
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
49
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
50
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
51
+
52
+ ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-beta.3)
53
+
54
+ Fri, 12 Nov 2021 13:25:24 GMT
55
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.2..@fluentui/react-image_v9.0.0-beta.3)
56
+
57
+ ### Changes
58
+
59
+ - export static classes for components ([PR #20447](https://github.com/microsoft/fluentui/pull/20447) by olfedias@microsoft.com)
60
+ - Updated Image stories with codesandbox export comments ([PR #20369](https://github.com/microsoft/fluentui/pull/20369) by gcox@microsoft.com)
61
+ - Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
62
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
63
+ - Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
64
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
65
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
66
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
67
+
68
+ ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-beta.2)
69
+
70
+ Wed, 27 Oct 2021 12:14:18 GMT
71
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.1..@fluentui/react-image_v9.0.0-beta.2)
72
+
73
+ ### Changes
74
+
75
+ - Removed duplicate 'Image' from story names ([PR #20268](https://github.com/microsoft/fluentui/pull/20268) by gcox@microsoft.com)
76
+ - added styling of documentation ([PR #20193](https://github.com/microsoft/fluentui/pull/20193) by peter@draxler.ml)
77
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
78
+ - Bump @fluentui/react-utilities to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
79
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
80
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
81
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
22
82
 
23
83
  ## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-beta.1)
24
84
 
package/MIGRATION.md CHANGED
@@ -68,7 +68,7 @@ For v9, this feature is no longer supported. The alternative is to apply the ani
68
68
  ```jsx
69
69
  import { useState } from 'react';
70
70
  import { Image } from '@fluentui/react-image';
71
- import { makeStyles } from '@fluentui/react-make-styles';
71
+ import { makeStyles } from '@griffel/react';
72
72
 
73
73
  const useStyles = makeStyles(theme => ({
74
74
  fadeIn400: {
@@ -99,7 +99,7 @@ For v9, this feature is no longer supported. The alternative would be to use the
99
99
 
100
100
  ```jsx
101
101
  import { useState } from 'react';
102
- import { makeStyles } from '@fluentui/react-make-styles';
102
+ import { makeStyles } from '@griffel/react';
103
103
  import { Image } from '@fluentui/react-image';
104
104
 
105
105
  const useStyles = makeStyles({
@@ -219,7 +219,7 @@ const MyComponent = () => {
219
219
 
220
220
  ```jsx
221
221
  import { Image } from '@fluentui/react-image';
222
- import { makeStyles } from '@fluentui/react-make-styles';
222
+ import { makeStyles } from '@griffel/react';
223
223
 
224
224
  const useStyles = makeStyles(theme => ({
225
225
  width100: {
package/dist/react-image.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import type { ComponentProps } from '@fluentui/react-utilities';
2
2
  import type { ComponentState } from '@fluentui/react-utilities';
3
3
  import type { ForwardRefComponent } from '@fluentui/react-utilities';
4
- import type { IntrinsicShorthandProps } from '@fluentui/react-utilities';
5
4
  import * as React_2 from 'react';
5
+ import type { Slot } from '@fluentui/react-utilities';
6
6
 
7
7
  /**
8
8
  * The Image component ensures the consistent styling of images.
@@ -10,7 +10,9 @@ import * as React_2 from 'react';
10
10
  declare const Image_2: ForwardRefComponent<ImageProps>;
11
11
  export { Image_2 as Image }
12
12
 
13
- export declare type ImageCommons = {
13
+ export declare const imageClassName = "fui-Image";
14
+
15
+ declare type ImageCommons = {
14
16
  /**
15
17
  * An image can appear with rectangular border.
16
18
  */
@@ -36,10 +38,8 @@ export declare type ImageCommons = {
36
38
 
37
39
  export declare type ImageProps = ComponentProps<ImageSlots> & Partial<ImageCommons>;
38
40
 
39
- export declare const imageShorthandProps: Array<keyof ImageSlots>;
40
-
41
41
  export declare type ImageSlots = {
42
- root: IntrinsicShorthandProps<'img'>;
42
+ root: Slot<'img'>;
43
43
  };
44
44
 
45
45
  export declare type ImageState = ComponentState<ImageSlots> & ImageCommons;
@@ -48,13 +48,13 @@ export declare type ImageState = ComponentState<ImageSlots> & ImageCommons;
48
48
  * Define the render function.
49
49
  * Given the state of an image, renders it.
50
50
  */
51
- export declare const renderImage: (state: ImageState) => JSX.Element;
51
+ export declare const renderImage_unstable: (state: ImageState) => JSX.Element;
52
52
 
53
53
  /**
54
54
  * Given user props, returns state and render function for an Image.
55
55
  */
56
- export declare const useImage: (props: ImageProps, ref: React_2.Ref<HTMLImageElement>) => ImageState;
56
+ export declare const useImage_unstable: (props: ImageProps, ref: React_2.Ref<HTMLImageElement>) => ImageState;
57
57
 
58
- export declare const useImageStyles: (state: ImageState) => void;
58
+ export declare const useImageStyles_unstable: (state: ImageState) => void;
59
59
 
60
60
  export { }
package/lib/Image.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Image.js","sourceRoot":"","sources":["../src/Image.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}
1
+ {"version":3,"file":"Image.js","sourceRoot":"../src/","sources":["Image.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC","sourcesContent":["export * from './components/Image/index';\n"]}
package/lib/components/Image/Image.js CHANGED
@@ -1,15 +1,15 @@
1
1
  import * as React from 'react';
2
- import { renderImage } from './renderImage';
3
- import { useImage } from './useImage';
4
- import { useImageStyles } from './useImageStyles';
2
+ import { renderImage_unstable } from './renderImage';
3
+ import { useImage_unstable } from './useImage';
4
+ import { useImageStyles_unstable } from './useImageStyles';
5
5
  /**
6
6
  * The Image component ensures the consistent styling of images.
7
7
  */
8
8
 
9
- export var Image = /*#__PURE__*/React.forwardRef(function (props, ref) {
10
- var state = useImage(props, ref);
11
- useImageStyles(state);
12
- return renderImage(state);
9
+ export const Image = /*#__PURE__*/React.forwardRef((props, ref) => {
10
+ const state = useImage_unstable(props, ref);
11
+ useImageStyles_unstable(state);
12
+ return renderImage_unstable(state);
13
13
  });
14
14
  Image.displayName = 'Image';
15
15
  //# sourceMappingURL=Image.js.map
package/lib/components/Image/Image.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,WAAT,QAA4B,eAA5B;AACA,SAAS,QAAT,QAAyB,YAAzB;AACA,SAAS,cAAT,QAA+B,kBAA/B;AAIA;;AAEG;;AACH,OAAO,IAAM,KAAK,gBAAoC,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAChF,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAD,EAAQ,GAAR,CAAtB;AACA,EAAA,cAAc,CAAC,KAAD,CAAd;AAEA,SAAO,WAAW,CAAC,KAAD,CAAlB;AACD,CALqD,CAA/C;AAOP,KAAK,CAAC,WAAN,GAAoB,OAApB","sourceRoot":""}
1
+ {"version":3,"sources":["components/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,oBAAT,QAAqC,eAArC;AACA,SAAS,iBAAT,QAAkC,YAAlC;AACA,SAAS,uBAAT,QAAwC,kBAAxC;AAIA;;AAEG;;AACH,OAAO,MAAM,KAAK,gBAAoC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpF,QAAM,KAAK,GAAG,iBAAiB,CAAC,KAAD,EAAQ,GAAR,CAA/B;AACA,EAAA,uBAAuB,CAAC,KAAD,CAAvB;AAEA,SAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CALqD,CAA/C;AAOP,KAAK,CAAC,WAAN,GAAoB,OAApB","sourcesContent":["import * as React from 'react';\nimport { renderImage_unstable } from './renderImage';\nimport { useImage_unstable } from './useImage';\nimport { useImageStyles_unstable } from './useImageStyles';\nimport type { ImageProps } from './Image.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * The Image component ensures the consistent styling of images.\n */\nexport const Image: ForwardRefComponent<ImageProps> = React.forwardRef((props, ref) => {\n const state = useImage_unstable(props, ref);\n useImageStyles_unstable(state);\n\n return renderImage_unstable(state);\n});\n\nImage.displayName = 'Image';\n"],"sourceRoot":"../src/"}
package/lib/components/Image/Image.types.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import type { ComponentState, ComponentProps, IntrinsicShorthandProps } from '@fluentui/react-utilities';
1
+ import type { ComponentState, ComponentProps, Slot } from '@fluentui/react-utilities';
2
2
  export declare type ImageSlots = {
3
- root: IntrinsicShorthandProps<'img'>;
3
+ root: Slot<'img'>;
4
4
  };
5
- export declare type ImageCommons = {
5
+ declare type ImageCommons = {
6
6
  /**
7
7
  * An image can appear with rectangular border.
8
8
  */
@@ -27,3 +27,4 @@ export declare type ImageCommons = {
27
27
  };
28
28
  export declare type ImageProps = ComponentProps<ImageSlots> & Partial<ImageCommons>;
29
29
  export declare type ImageState = ComponentState<ImageSlots> & ImageCommons;
30
+ export {};
package/lib/components/Image/Image.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Image.types.js","sourceRoot":"","sources":["../../../src/components/Image/Image.types.ts"],"names":[],"mappings":""}
1
+ {"version":3,"file":"Image.types.js","sourceRoot":"../src/","sources":["components/Image/Image.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentState, ComponentProps, Slot } from '@fluentui/react-utilities';\n\nexport type ImageSlots = {\n root: Slot<'img'>;\n};\n\ntype ImageCommons = {\n /**\n * An image can appear with rectangular border.\n */\n bordered?: boolean;\n\n /**\n * An image can set how it should be resized to fit its container.\n */\n fit?: 'none' | 'center' | 'contain' | 'cover';\n\n /**\n * An image can take up the width of its container.\n */\n block?: boolean;\n\n /**\n * An image can appear square, circular, or rounded.\n * @defaultvalue square\n */\n shape?: 'square' | 'circular' | 'rounded';\n\n /**\n * An image can appear elevated with shadow.\n */\n shadow?: boolean;\n};\n\nexport type ImageProps = ComponentProps<ImageSlots> & Partial<ImageCommons>;\n\nexport type ImageState = ComponentState<ImageSlots> & ImageCommons;\n"]}
package/lib/components/Image/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Image/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Image/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './Image.types';\nexport * from './Image';\nexport * from './renderImage';\nexport * from './useImage';\nexport * from './useImageStyles';\n"]}
package/lib/components/Image/renderImage.d.ts CHANGED
@@ -3,4 +3,4 @@ import { ImageState } from './Image.types';
3
3
  * Define the render function.
4
4
  * Given the state of an image, renders it.
5
5
  */
6
- export declare const renderImage: (state: ImageState) => JSX.Element;
6
+ export declare const renderImage_unstable: (state: ImageState) => JSX.Element;
package/lib/components/Image/renderImage.js CHANGED
@@ -1,17 +1,16 @@
1
- import { __assign } from "tslib";
2
1
  import * as React from 'react';
3
2
  import { getSlots } from '@fluentui/react-utilities';
4
- import { imageShorthandProps } from './useImage';
5
3
  /**
6
4
  * Define the render function.
7
5
  * Given the state of an image, renders it.
8
6
  */
9
7
 
10
- export var renderImage = function (state) {
11
- var _a = getSlots(state, imageShorthandProps),
12
- slots = _a.slots,
13
- slotProps = _a.slotProps;
14
-
15
- return /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root));
8
+ export const renderImage_unstable = state => {
9
+ const {
10
+ slots,
11
+ slotProps
12
+ } = getSlots(state);
13
+ return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
14
+ });
16
15
  };
17
16
  //# sourceMappingURL=renderImage.js.map
package/lib/components/Image/renderImage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/renderImage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAEA,SAAS,mBAAT,QAAoC,YAApC;AAEA;;;AAGG;;AACH,OAAO,IAAM,WAAW,GAAG,UAAC,KAAD,EAAkB;AACrC,MAAA,EAAA,GAAuB,QAAQ,CAAa,KAAb,EAAoB,mBAApB,CAA/B;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,sBAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM","sourceRoot":""}
1
+ {"version":3,"sources":["components/Image/renderImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;;AAGG;;AACH,OAAO,MAAM,oBAAoB,GAAI,KAAD,IAAsB;AACxD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAa,KAAb,CAArC;AAEA,sBAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAAP;AACD,CAJM","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { ImageSlots, ImageState } from './Image.types';\n\n/**\n * Define the render function.\n * Given the state of an image, renders it.\n */\nexport const renderImage_unstable = (state: ImageState) => {\n const { slots, slotProps } = getSlots<ImageSlots>(state);\n\n return <slots.root {...slotProps.root} />;\n};\n"],"sourceRoot":"../src/"}
package/lib/components/Image/useImage.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import * as React from 'react';
2
- import type { ImageProps, ImageSlots, ImageState } from './Image.types';
3
- export declare const imageShorthandProps: Array<keyof ImageSlots>;
2
+ import type { ImageProps, ImageState } from './Image.types';
4
3
  /**
5
4
  * Given user props, returns state and render function for an Image.
6
5
  */
7
- export declare const useImage: (props: ImageProps, ref: React.Ref<HTMLImageElement>) => ImageState;
6
+ export declare const useImage_unstable: (props: ImageProps, ref: React.Ref<HTMLImageElement>) => ImageState;