@fluentui/react-image 0.0.0-nightly627ad67f1120211109.1 → 0.0.0-nightly695230dc7220220301.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/CHANGELOG.json +240 -14
  2. package/CHANGELOG.md +75 -10
  3. package/MIGRATION.md +3 -3
  4. package/dist/react-image.d.ts +6 -8
  5. package/lib/Image.js.map +1 -1
  6. package/lib/components/Image/Image.js +6 -6
  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 +4 -4
  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 +1 -2
  16. package/lib/components/Image/useImage.js.map +1 -1
  17. package/lib/components/Image/useImageStyles.d.ts +1 -1
  18. package/lib/components/Image/useImageStyles.js +17 -7
  19. package/lib/components/Image/useImageStyles.js.map +1 -1
  20. package/lib/index.js.map +1 -1
  21. package/lib-commonjs/Image.js.map +1 -1
  22. package/lib-commonjs/components/Image/Image.js +3 -3
  23. package/lib-commonjs/components/Image/Image.js.map +1 -1
  24. package/lib-commonjs/components/Image/Image.types.d.ts +4 -3
  25. package/lib-commonjs/components/Image/Image.types.js.map +1 -1
  26. package/lib-commonjs/components/Image/index.js.map +1 -1
  27. package/lib-commonjs/components/Image/renderImage.d.ts +1 -1
  28. package/lib-commonjs/components/Image/renderImage.js +6 -7
  29. package/lib-commonjs/components/Image/renderImage.js.map +1 -1
  30. package/lib-commonjs/components/Image/useImage.d.ts +2 -3
  31. package/lib-commonjs/components/Image/useImage.js +4 -5
  32. package/lib-commonjs/components/Image/useImage.js.map +1 -1
  33. package/lib-commonjs/components/Image/useImageStyles.d.ts +1 -1
  34. package/lib-commonjs/components/Image/useImageStyles.js +22 -11
  35. package/lib-commonjs/components/Image/useImageStyles.js.map +1 -1
  36. package/lib-commonjs/index.js.map +1 -1
  37. package/package.json +9 -10
  38. package/lib/common/isConformant.d.ts +0 -4
  39. package/lib/common/isConformant.js +0 -13
  40. package/lib/common/isConformant.js.map +0 -1
  41. package/lib-commonjs/common/isConformant.d.ts +0 -4
  42. package/lib-commonjs/common/isConformant.js +0 -24
  43. package/lib-commonjs/common/isConformant.js.map +0 -1
package/CHANGELOG.json CHANGED
@@ -2,17 +2,237 @@
2
2
  "name": "@fluentui/react-image",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 09 Nov 2021 04:20:25 GMT",
6
- "tag": "@fluentui/react-image_v0.0.0-nightly627ad67f1120211109.1",
7
- "version": "0.0.0-nightly627ad67f1120211109.1",
5
+ "date": "Tue, 01 Mar 2022 04:14:59 GMT",
6
+ "tag": "@fluentui/react-image_v0.0.0-nightly695230dc7220220301.1",
7
+ "version": "0.0.0-nightly695230dc7220220301.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
11
11
  "author": "email not defined",
12
12
  "package": "@fluentui/react-image",
13
- "commit": "5e2f04f4741a9e3b98463480f9c1926ea2006337",
13
+ "commit": "be1864c428aedd3bb265318a6cb6cf161ded2472",
14
14
  "comment": "Release nightly v9"
15
15
  },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-image",
19
+ "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly695230dc7220220301.1",
20
+ "commit": "be1864c428aedd3bb265318a6cb6cf161ded2472"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-image",
25
+ "comment": "Bump @fluentui/react-theme to v0.0.0-nightly695230dc7220220301.1",
26
+ "commit": "be1864c428aedd3bb265318a6cb6cf161ded2472"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-image",
31
+ "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly695230dc7220220301.1",
32
+ "commit": "be1864c428aedd3bb265318a6cb6cf161ded2472"
33
+ }
34
+ ]
35
+ }
36
+ },
37
+ {
38
+ "date": "Tue, 01 Mar 2022 02:17:40 GMT",
39
+ "tag": "@fluentui/react-image_v9.0.0-rc.4",
40
+ "version": "9.0.0-rc.4",
41
+ "comments": {
42
+ "prerelease": [
43
+ {
44
+ "author": "beachball",
45
+ "package": "@fluentui/react-image",
46
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.4",
47
+ "commit": "0bc1e755543ed69443d5d03e1976c630583242f7"
48
+ }
49
+ ]
50
+ }
51
+ },
52
+ {
53
+ "date": "Fri, 18 Feb 2022 13:35:32 GMT",
54
+ "tag": "@fluentui/react-image_v9.0.0-rc.3",
55
+ "version": "9.0.0-rc.3",
56
+ "comments": {
57
+ "prerelease": [
58
+ {
59
+ "author": "lingfangao@hotmail.com",
60
+ "package": "@fluentui/react-image",
61
+ "commit": "d579bbbbb8bd1457e14b03eda2bc638d89f92d56",
62
+ "comment": "fix: Add react-theme as dependency to react-image"
63
+ },
64
+ {
65
+ "author": "lingfangao@hotmail.com",
66
+ "package": "@fluentui/react-image",
67
+ "commit": "1aa9e691fcccd9a64168cea7941c0f1e71fa1d14",
68
+ "comment": "fix: Source maps contain original source code"
69
+ },
70
+ {
71
+ "author": "beachball",
72
+ "package": "@fluentui/react-image",
73
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.3",
74
+ "commit": "3b9c1e931c23173da3d1af0c696cdc58516ce504"
75
+ },
76
+ {
77
+ "author": "beachball",
78
+ "package": "@fluentui/react-image",
79
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.3",
80
+ "commit": "3b9c1e931c23173da3d1af0c696cdc58516ce504"
81
+ },
82
+ {
83
+ "author": "beachball",
84
+ "package": "@fluentui/react-image",
85
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.3",
86
+ "commit": "3b9c1e931c23173da3d1af0c696cdc58516ce504"
87
+ }
88
+ ]
89
+ }
90
+ },
91
+ {
92
+ "date": "Thu, 10 Feb 2022 08:51:14 GMT",
93
+ "tag": "@fluentui/react-image_v9.0.0-rc.1",
94
+ "version": "9.0.0-rc.1",
95
+ "comments": {
96
+ "prerelease": [
97
+ {
98
+ "author": "mgodbolt@microsoft.com",
99
+ "package": "@fluentui/react-image",
100
+ "commit": "839ec14849e112b85aa321d034739ec421199141",
101
+ "comment": "remove export of commons types"
102
+ },
103
+ {
104
+ "author": "Humberto.Morimoto@microsoft.com",
105
+ "package": "@fluentui/react-image",
106
+ "commit": "147ca590e83068153f0358da46b84e7e873b891f",
107
+ "comment": "react-image: Replacing use of functions in makeStyles with direct use of tokens."
108
+ },
109
+ {
110
+ "author": "olfedias@microsoft.com",
111
+ "package": "@fluentui/react-image",
112
+ "commit": "2ce465c8034747199be56ab5ebce3272b6d3a4f9",
113
+ "comment": "use Griffel packages"
114
+ },
115
+ {
116
+ "author": "behowell@microsoft.com",
117
+ "package": "@fluentui/react-image",
118
+ "commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
119
+ "comment": "Remove component's shorthandProps array"
120
+ },
121
+ {
122
+ "author": "lingfangao@hotmail.com",
123
+ "package": "@fluentui/react-image",
124
+ "commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
125
+ "comment": "Bump Fluent UI packages to 9.0.0-rc"
126
+ },
127
+ {
128
+ "author": "behowell@microsoft.com",
129
+ "package": "@fluentui/react-image",
130
+ "commit": "317209bb5cd57c40f35bc42060acb7e3cce5ec95",
131
+ "comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
132
+ },
133
+ {
134
+ "author": "Humberto.Morimoto@microsoft.com",
135
+ "package": "@fluentui/react-image",
136
+ "commit": "e0b8e1fa6980077e7b311fd1c72c28d3e4305db0",
137
+ "comment": "Updating based on changes to composition types."
138
+ },
139
+ {
140
+ "author": "behowell@microsoft.com",
141
+ "package": "@fluentui/react-image",
142
+ "commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
143
+ "comment": "Refactor component Slot typings"
144
+ },
145
+ {
146
+ "author": "olfedias@microsoft.com",
147
+ "package": "@fluentui/react-image",
148
+ "commit": "ffe595b06f256f25e6224a0069972e1474893758",
149
+ "comment": "update styles to not use CSS shorthands"
150
+ },
151
+ {
152
+ "author": "beachball",
153
+ "package": "@fluentui/react-image",
154
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.1",
155
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
156
+ },
157
+ {
158
+ "author": "beachball",
159
+ "package": "@fluentui/react-image",
160
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1",
161
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
162
+ }
163
+ ],
164
+ "none": [
165
+ {
166
+ "author": "martinhochel@microsoft.com",
167
+ "package": "@fluentui/react-image",
168
+ "commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
169
+ "comment": "chore: use storybook runner for all vNext packages"
170
+ },
171
+ {
172
+ "author": "olfedias@microsoft.com",
173
+ "package": "@fluentui/react-image",
174
+ "commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
175
+ "comment": "remove inline-style-expand-shorthand from tsconfigs"
176
+ }
177
+ ]
178
+ }
179
+ },
180
+ {
181
+ "date": "Thu, 25 Nov 2021 08:34:13 GMT",
182
+ "tag": "@fluentui/react-image_v9.0.0-beta.4",
183
+ "version": "9.0.0-beta.4",
184
+ "comments": {
185
+ "none": [
186
+ {
187
+ "author": "tkrasniqi@microsoft.com",
188
+ "package": "@fluentui/react-image",
189
+ "commit": "01111bb9f10ad2bbe10902a48d15dce2e9cc4264",
190
+ "comment": {
191
+ "title": "",
192
+ "value": ""
193
+ }
194
+ }
195
+ ],
196
+ "prerelease": [
197
+ {
198
+ "author": "beachball",
199
+ "package": "@fluentui/react-image",
200
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
201
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
202
+ },
203
+ {
204
+ "author": "beachball",
205
+ "package": "@fluentui/react-image",
206
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
207
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
208
+ },
209
+ {
210
+ "author": "beachball",
211
+ "package": "@fluentui/react-image",
212
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.4",
213
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
214
+ },
215
+ {
216
+ "author": "beachball",
217
+ "package": "@fluentui/react-image",
218
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4",
219
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
220
+ },
221
+ {
222
+ "author": "beachball",
223
+ "package": "@fluentui/react-image",
224
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4",
225
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
226
+ }
227
+ ]
228
+ }
229
+ },
230
+ {
231
+ "date": "Fri, 12 Nov 2021 13:25:24 GMT",
232
+ "tag": "@fluentui/react-image_v9.0.0-beta.3",
233
+ "version": "9.0.0-beta.3",
234
+ "comments": {
235
+ "prerelease": [
16
236
  {
17
237
  "author": "olfedias@microsoft.com",
18
238
  "package": "@fluentui/react-image",
@@ -34,32 +254,32 @@
34
254
  {
35
255
  "author": "beachball",
36
256
  "package": "@fluentui/react-image",
37
- "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightly627ad67f1120211109.1",
38
- "commit": "5e2f04f4741a9e3b98463480f9c1926ea2006337"
257
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
258
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
39
259
  },
40
260
  {
41
261
  "author": "beachball",
42
262
  "package": "@fluentui/react-image",
43
- "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly627ad67f1120211109.1",
44
- "commit": "5e2f04f4741a9e3b98463480f9c1926ea2006337"
263
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
264
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
45
265
  },
46
266
  {
47
267
  "author": "beachball",
48
268
  "package": "@fluentui/react-image",
49
- "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightly627ad67f1120211109.1",
50
- "commit": "5e2f04f4741a9e3b98463480f9c1926ea2006337"
269
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
270
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
51
271
  },
52
272
  {
53
273
  "author": "beachball",
54
274
  "package": "@fluentui/react-image",
55
- "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly627ad67f1120211109.1",
56
- "commit": "5e2f04f4741a9e3b98463480f9c1926ea2006337"
275
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
276
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
57
277
  },
58
278
  {
59
279
  "author": "beachball",
60
280
  "package": "@fluentui/react-image",
61
- "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly627ad67f1120211109.1",
62
- "commit": "5e2f04f4741a9e3b98463480f9c1926ea2006337"
281
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
282
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
63
283
  }
64
284
  ],
65
285
  "none": [
@@ -68,6 +288,12 @@
68
288
  "package": "@fluentui/react-image",
69
289
  "commit": "7fafe76eb2c09f9d17a03c11ba73729d91ef411e",
70
290
  "comment": "update docs descriptions"
291
+ },
292
+ {
293
+ "author": "lingfangao@hotmail.com",
294
+ "package": "@fluentui/react-image",
295
+ "commit": "00f70581480b536e723fb69edf0ae617beac4807",
296
+ "comment": "Remove beta release tag"
71
297
  }
72
298
  ]
73
299
  }
package/CHANGELOG.md CHANGED
@@ -1,25 +1,90 @@
1
1
  # Change Log - @fluentui/react-image
2
2
 
3
- This log was last generated on Tue, 09 Nov 2021 04:20:25 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 01 Mar 2022 04:14:59 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly627ad67f1120211109.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v0.0.0-nightly627ad67f1120211109.1)
7
+ ## [0.0.0-nightly695230dc7220220301.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v0.0.0-nightly695230dc7220220301.1)
8
8
 
9
- Tue, 09 Nov 2021 04:20:25 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.2..@fluentui/react-image_v0.0.0-nightly627ad67f1120211109.1)
9
+ Tue, 01 Mar 2022 04:14:59 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-rc.4..@fluentui/react-image_v0.0.0-nightly695230dc7220220301.1)
11
+
12
+ ### Changes
13
+
14
+ - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/be1864c428aedd3bb265318a6cb6cf161ded2472) by email not defined)
15
+ - Bump @fluentui/react-utilities to v0.0.0-nightly695230dc7220220301.1 ([commit](https://github.com/microsoft/fluentui/commit/be1864c428aedd3bb265318a6cb6cf161ded2472) by beachball)
16
+ - Bump @fluentui/react-theme to v0.0.0-nightly695230dc7220220301.1 ([commit](https://github.com/microsoft/fluentui/commit/be1864c428aedd3bb265318a6cb6cf161ded2472) by beachball)
17
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly695230dc7220220301.1 ([commit](https://github.com/microsoft/fluentui/commit/be1864c428aedd3bb265318a6cb6cf161ded2472) by beachball)
18
+
19
+ ## [9.0.0-rc.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-rc.4)
20
+
21
+ Tue, 01 Mar 2022 02:17:40 GMT
22
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-rc.3..@fluentui/react-image_v9.0.0-rc.4)
23
+
24
+ ### Changes
25
+
26
+ - Bump @fluentui/react-utilities to v9.0.0-rc.4 ([PR #21884](https://github.com/microsoft/fluentui/pull/21884) by beachball)
27
+
28
+ ## [9.0.0-rc.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-rc.3)
29
+
30
+ Fri, 18 Feb 2022 13:35:32 GMT
31
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-rc.1..@fluentui/react-image_v9.0.0-rc.3)
32
+
33
+ ### Changes
34
+
35
+ - fix: Add react-theme as dependency to react-image ([PR #21787](https://github.com/microsoft/fluentui/pull/21787) by lingfangao@hotmail.com)
36
+ - fix: Source maps contain original source code ([PR #21690](https://github.com/microsoft/fluentui/pull/21690) by lingfangao@hotmail.com)
37
+ - Bump @fluentui/react-utilities to v9.0.0-rc.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
38
+ - Bump @fluentui/react-theme to v9.0.0-rc.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
39
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
40
+
41
+ ## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-rc.1)
42
+
43
+ Thu, 10 Feb 2022 08:51:14 GMT
44
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.4..@fluentui/react-image_v9.0.0-rc.1)
45
+
46
+ ### Changes
47
+
48
+ - remove export of commons types ([PR #21660](https://github.com/microsoft/fluentui/pull/21660) by mgodbolt@microsoft.com)
49
+ - 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)
50
+ - use Griffel packages ([PR #21432](https://github.com/microsoft/fluentui/pull/21432) by olfedias@microsoft.com)
51
+ - Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
52
+ - Bump Fluent UI packages to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
53
+ - 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)
54
+ - Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
55
+ - Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
56
+ - update styles to not use CSS shorthands ([PR #20818](https://github.com/microsoft/fluentui/pull/20818) by olfedias@microsoft.com)
57
+ - Bump @fluentui/react-utilities to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
58
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
59
+
60
+ ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-beta.4)
61
+
62
+ Thu, 25 Nov 2021 08:34:13 GMT
63
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.3..@fluentui/react-image_v9.0.0-beta.4)
64
+
65
+ ### Changes
66
+
67
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
68
+ - Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
69
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
70
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
71
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
72
+
73
+ ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-beta.3)
74
+
75
+ Fri, 12 Nov 2021 13:25:24 GMT
76
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.2..@fluentui/react-image_v9.0.0-beta.3)
11
77
 
12
78
  ### Changes
13
79
 
14
- - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/5e2f04f4741a9e3b98463480f9c1926ea2006337) by email not defined)
15
80
  - export static classes for components ([PR #20447](https://github.com/microsoft/fluentui/pull/20447) by olfedias@microsoft.com)
16
81
  - Updated Image stories with codesandbox export comments ([PR #20369](https://github.com/microsoft/fluentui/pull/20369) by gcox@microsoft.com)
17
82
  - Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
18
- - Bump @fluentui/react-make-styles to v0.0.0-nightly627ad67f1120211109.1 ([commit](https://github.com/microsoft/fluentui/commit/5e2f04f4741a9e3b98463480f9c1926ea2006337) by beachball)
19
- - Bump @fluentui/react-utilities to v0.0.0-nightly627ad67f1120211109.1 ([commit](https://github.com/microsoft/fluentui/commit/5e2f04f4741a9e3b98463480f9c1926ea2006337) by beachball)
20
- - Bump @fluentui/babel-make-styles to v0.0.0-nightly627ad67f1120211109.1 ([commit](https://github.com/microsoft/fluentui/commit/5e2f04f4741a9e3b98463480f9c1926ea2006337) by beachball)
21
- - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly627ad67f1120211109.1 ([commit](https://github.com/microsoft/fluentui/commit/5e2f04f4741a9e3b98463480f9c1926ea2006337) by beachball)
22
- - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly627ad67f1120211109.1 ([commit](https://github.com/microsoft/fluentui/commit/5e2f04f4741a9e3b98463480f9c1926ea2006337) by beachball)
83
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
84
+ - Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
85
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
86
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
87
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
23
88
 
24
89
  ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-beta.2)
25
90
 
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.
@@ -12,7 +12,7 @@ export { Image_2 as Image }
12
12
 
13
13
  export declare const imageClassName = "fui-Image";
14
14
 
15
- export declare type ImageCommons = {
15
+ declare type ImageCommons = {
16
16
  /**
17
17
  * An image can appear with rectangular border.
18
18
  */
@@ -38,10 +38,8 @@ export declare type ImageCommons = {
38
38
 
39
39
  export declare type ImageProps = ComponentProps<ImageSlots> & Partial<ImageCommons>;
40
40
 
41
- export declare const imageShorthandProps: Array<keyof ImageSlots>;
42
-
43
41
  export declare type ImageSlots = {
44
- root: IntrinsicShorthandProps<'img'>;
42
+ root: Slot<'img'>;
45
43
  };
46
44
 
47
45
  export declare type ImageState = ComponentState<ImageSlots> & ImageCommons;
@@ -50,13 +48,13 @@ export declare type ImageState = ComponentState<ImageSlots> & ImageCommons;
50
48
  * Define the render function.
51
49
  * Given the state of an image, renders it.
52
50
  */
53
- export declare const renderImage: (state: ImageState) => JSX.Element;
51
+ export declare const renderImage_unstable: (state: ImageState) => JSX.Element;
54
52
 
55
53
  /**
56
54
  * Given user props, returns state and render function for an Image.
57
55
  */
58
- 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;
59
57
 
60
- export declare const useImageStyles: (state: ImageState) => void;
58
+ export declare const useImageStyles_unstable: (state: ImageState) => void;
61
59
 
62
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
9
  export const Image = /*#__PURE__*/React.forwardRef((props, ref) => {
10
- const state = useImage(props, ref);
11
- useImageStyles(state);
12
- return renderImage(state);
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,MAAM,KAAK,gBAAoC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpF,QAAM,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,16 +1,16 @@
1
1
  import * as React from 'react';
2
2
  import { getSlots } from '@fluentui/react-utilities';
3
- import { imageShorthandProps } from './useImage';
4
3
  /**
5
4
  * Define the render function.
6
5
  * Given the state of an image, renders it.
7
6
  */
8
7
 
9
- export const renderImage = state => {
8
+ export const renderImage_unstable = state => {
10
9
  const {
11
10
  slots,
12
11
  slotProps
13
- } = getSlots(state, imageShorthandProps);
14
- return /*#__PURE__*/React.createElement(slots.root, Object.assign({}, slotProps.root));
12
+ } = getSlots(state);
13
+ return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
14
+ });
15
15
  };
16
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,MAAM,WAAW,GAAI,KAAD,IAAsB;AAC/C,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAa,KAAb,EAAoB,mBAApB,CAArC;AAEA,sBAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,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;
package/lib/components/Image/useImage.js CHANGED
@@ -1,10 +1,9 @@
1
1
  import { getNativeElementProps } from '@fluentui/react-utilities';
2
- export const imageShorthandProps = ['root'];
3
2
  /**
4
3
  * Given user props, returns state and render function for an Image.
5
4
  */
6
5
 
7
- export const useImage = (props, ref) => {
6
+ export const useImage_unstable = (props, ref) => {
8
7
  const {
9
8
  bordered,
10
9
  fit,
package/lib/components/Image/useImage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/useImage.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AAGA,OAAO,MAAM,mBAAmB,GAA4B,CAAC,MAAD,CAArD;AAEP;;AAEG;;AACH,OAAO,MAAM,QAAQ,GAAG,CAAC,KAAD,EAAoB,GAApB,KAAoE;AAC1F,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA,GAAZ;AAAiB,IAAA,KAAjB;AAAwB,IAAA,KAAK,GAAG,QAAhC;AAA0C,IAAA;AAA1C,MAAqD,KAA3D;AAEA,QAAM,KAAK,GAAe;AACxB,IAAA,QADwB;AAExB,IAAA,GAFwB;AAGxB,IAAA,KAHwB;AAIxB,IAAA,KAJwB;AAKxB,IAAA,MALwB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANY;AASxB,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAAR;AATH,GAA1B;AAeA,SAAO,KAAP;AACD,CAnBM","sourceRoot":""}
1
+ {"version":3,"sources":["components/Image/useImage.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AAGA;;AAEG;;AACH,OAAO,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAAoB,GAApB,KAAoE;AACnG,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA,GAAZ;AAAiB,IAAA,KAAjB;AAAwB,IAAA,KAAK,GAAG,QAAhC;AAA0C,IAAA;AAA1C,MAAqD,KAA3D;AAEA,QAAM,KAAK,GAAe;AACxB,IAAA,QADwB;AAExB,IAAA,GAFwB;AAGxB,IAAA,KAHwB;AAIxB,IAAA,KAJwB;AAKxB,IAAA,MALwB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANY;AASxB,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAAR;AATH,GAA1B;AAeA,SAAO,KAAP;AACD,CAnBM","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { ImageProps, ImageState } from './Image.types';\n\n/**\n * Given user props, returns state and render function for an Image.\n */\nexport const useImage_unstable = (props: ImageProps, ref: React.Ref<HTMLImageElement>): ImageState => {\n const { bordered, fit, block, shape = 'square', shadow } = props;\n\n const state: ImageState = {\n bordered,\n fit,\n block,\n shape,\n shadow,\n components: {\n root: 'img',\n },\n root: getNativeElementProps('img', {\n ref,\n ...props,\n }),\n };\n\n return state;\n};\n"],"sourceRoot":"../src/"}
package/lib/components/Image/useImageStyles.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import type { ImageState } from './Image.types';
2
2
  export declare const imageClassName = "fui-Image";
3
- export declare const useImageStyles: (state: ImageState) => void;
3
+ export declare const useImageStyles_unstable: (state: ImageState) => void;
package/lib/components/Image/useImageStyles.js CHANGED
@@ -1,4 +1,5 @@
1
- import { mergeClasses, __styles } from '@fluentui/react-make-styles';
1
+ import { shorthands, mergeClasses, __styles } from '@griffel/react';
2
+ import { tokens } from '@fluentui/react-theme';
2
3
  export const imageClassName = 'fui-Image';
3
4
 
4
5
  const useStyles = /*#__PURE__*/__styles({
@@ -7,7 +8,10 @@ const useStyles = /*#__PURE__*/__styles({
7
8
  "h3c5rm": ["f1akhkt", "f1lxtadh"],
8
9
  "B9xav0g": "f1aperda",
9
10
  "zhjwy3": ["f1lxtadh", "f1akhkt"],
10
- "Dimara": "f1fabniw",
11
+ "Bbmb7ep": ["fzi6hpg", "fyowgf4"],
12
+ "Beyfa6y": ["fyowgf4", "fzi6hpg"],
13
+ "B7oj6ja": ["f3fg2lr", "f13av6d4"],
14
+ "Btl43ni": ["f13av6d4", "f3fg2lr"],
11
15
  "B7ck84d": "f1ewtqcl",
12
16
  "mc9l5x": "f14t3ns0"
13
17
  },
@@ -22,13 +26,19 @@ const useStyles = /*#__PURE__*/__styles({
22
26
  "ibv6hh": ["f1ojsxk5", "f5tn483"]
23
27
  },
24
28
  "rootCircular": {
25
- "Dimara": "f44lkw9"
29
+ "Bbmb7ep": ["f8fbkgy", "f1nfllo7"],
30
+ "Beyfa6y": ["f1nfllo7", "f8fbkgy"],
31
+ "B7oj6ja": ["f1djnp8u", "f1s8kh49"],
32
+ "Btl43ni": ["f1s8kh49", "f1djnp8u"]
26
33
  },
27
34
  "rootRounded": {
28
- "Dimara": "ft85np5"
35
+ "Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
36
+ "Beyfa6y": ["f16jpd5f", "f1aa9q02"],
37
+ "B7oj6ja": ["f1jar5jt", "fyu767a"],
38
+ "Btl43ni": ["fyu767a", "f1jar5jt"]
29
39
  },
30
40
  "rootShadow": {
31
- "E5pizo": ["f1whvlc6", "fzb35q0"]
41
+ "E5pizo": "f1whvlc6"
32
42
  },
33
43
  "rootFitNone": {
34
44
  "st4lth": "f1plgu50",
@@ -58,10 +68,10 @@ const useStyles = /*#__PURE__*/__styles({
58
68
  "a9b677": "fly5x3f"
59
69
  }
60
70
  }, {
61
- "d": [".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".f1fabniw{border-radius:var(--borderRadiusNone);}", ".f1ewtqcl{box-sizing:border-box;}", ".f14t3ns0{display:inline-block;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".f44lkw9{border-radius:var(--borderRadiusCircular);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".fzb35q0{box-shadow:var(--shadow-4);}", ".f1plgu50{object-fit:none;}", ".f13uwng7{object-position:left top;}", ".fjmyj0p{object-position:right top;}", ".f1l02sjl{height:100%;}", ".fly5x3f{width:100%;}", ".f14xojzb{object-position:center;}", ".f1ps3kmd{object-fit:cover;}", ".f1kle4es{object-fit:contain;}"]
71
+ "d": [".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}", ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}", ".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}", ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}", ".f1ewtqcl{box-sizing:border-box;}", ".f14t3ns0{display:inline-block;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}", ".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}", ".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}", ".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".f1plgu50{object-fit:none;}", ".f13uwng7{object-position:left top;}", ".fjmyj0p{object-position:right top;}", ".f1l02sjl{height:100%;}", ".fly5x3f{width:100%;}", ".f14xojzb{object-position:center;}", ".f1ps3kmd{object-fit:cover;}", ".f1kle4es{object-fit:contain;}"]
62
72
  });
63
73
 
64
- export const useImageStyles = state => {
74
+ export const useImageStyles_unstable = state => {
65
75
  const styles = useStyles();
66
76
  state.root.className = mergeClasses(imageClassName, styles.root, state.bordered && styles.rootBordered, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shadow && styles.rootShadow, state.fit === 'none' && styles.rootFitNone, state.fit === 'center' && styles.rootFitCenter, state.fit === 'cover' && styles.rootFitCover, state.fit === 'contain' && styles.rootFitContain, state.block && styles.rootBlock, state.root.className);
67
77
  };
package/lib/components/Image/useImageStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/useImageStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;AAGA,OAAO,MAAM,cAAc,GAAG,WAAvB;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAkDA,OAAO,MAAM,cAAc,GAAI,KAAD,IAAsB;AAClD,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,cADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAHQ,EAIjC,KAAK,CAAC,KAAN,KAAgB,UAAhB,IAA8B,MAAM,CAAC,YAJJ,EAKjC,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,WALH,EAMjC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UANU,EAOjC,KAAK,CAAC,GAAN,KAAc,MAAd,IAAwB,MAAM,CAAC,WAPE,EAQjC,KAAK,CAAC,GAAN,KAAc,QAAd,IAA0B,MAAM,CAAC,aARA,EASjC,KAAK,CAAC,GAAN,KAAc,OAAd,IAAyB,MAAM,CAAC,YATC,EAUjC,KAAK,CAAC,GAAN,KAAc,SAAd,IAA2B,MAAM,CAAC,cAVD,EAWjC,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,SAXW,EAYjC,KAAK,CAAC,IAAN,CAAW,SAZsB,CAAnC;AAcD,CAhBM","sourceRoot":""}
1
+ {"version":3,"sources":["components/Image/useImageStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,EAAqB,YAArB,kBAAqD,gBAArD;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAGA,OAAO,MAAM,cAAc,GAAG,WAAvB;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAkDA,OAAO,MAAM,uBAAuB,GAAI,KAAD,IAAsB;AAC3D,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,cADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAHQ,EAIjC,KAAK,CAAC,KAAN,KAAgB,UAAhB,IAA8B,MAAM,CAAC,YAJJ,EAKjC,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,WALH,EAMjC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UANU,EAOjC,KAAK,CAAC,GAAN,KAAc,MAAd,IAAwB,MAAM,CAAC,WAPE,EAQjC,KAAK,CAAC,GAAN,KAAc,QAAd,IAA0B,MAAM,CAAC,aARA,EASjC,KAAK,CAAC,GAAN,KAAc,OAAd,IAAyB,MAAM,CAAC,YATC,EAUjC,KAAK,CAAC,GAAN,KAAc,SAAd,IAA2B,MAAM,CAAC,cAVD,EAWjC,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,SAXW,EAYjC,KAAK,CAAC,IAAN,CAAW,SAZsB,CAAnC;AAcD,CAhBM","sourcesContent":["import { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { ImageState } from './Image.types';\n\nexport const imageClassName = 'fui-Image';\n\nconst useStyles = makeStyles({\n root: {\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n ...shorthands.borderRadius(tokens.borderRadiusNone),\n\n boxSizing: 'border-box',\n display: 'inline-block',\n },\n rootBordered: {\n ...shorthands.borderStyle('solid'),\n ...shorthands.borderWidth(tokens.strokeWidthThin),\n },\n rootCircular: {\n ...shorthands.borderRadius(tokens.borderRadiusCircular),\n },\n rootRounded: {\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n },\n rootShadow: {\n boxShadow: tokens.shadow4,\n },\n rootFitNone: {\n objectFit: 'none',\n objectPosition: 'left top',\n height: '100%',\n width: '100%',\n },\n rootFitCenter: {\n objectFit: 'none',\n objectPosition: 'center',\n height: '100%',\n width: '100%',\n },\n rootFitCover: {\n objectFit: 'cover',\n objectPosition: 'center',\n height: '100%',\n width: '100%',\n },\n rootFitContain: {\n objectFit: 'contain',\n objectPosition: 'center',\n height: '100%',\n width: '100%',\n },\n rootBlock: {\n width: '100%',\n },\n});\n\nexport const useImageStyles_unstable = (state: ImageState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n imageClassName,\n styles.root,\n state.bordered && styles.rootBordered,\n state.shape === 'circular' && styles.rootCircular,\n state.shape === 'rounded' && styles.rootRounded,\n state.shadow && styles.rootShadow,\n state.fit === 'none' && styles.rootFitNone,\n state.fit === 'center' && styles.rootFitCenter,\n state.fit === 'cover' && styles.rootFitCover,\n state.fit === 'contain' && styles.rootFitContain,\n state.block && styles.rootBlock,\n state.root.className,\n );\n};\n"],"sourceRoot":"../src/"}
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC","sourcesContent":["export * from './Image';\n"]}
package/lib-commonjs/Image.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Image.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
1
+ {"version":3,"sources":["Image.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Image/index';\n"],"sourceRoot":"../src/"}
package/lib-commonjs/components/Image/Image.js CHANGED
@@ -18,9 +18,9 @@ const useImageStyles_1 = /*#__PURE__*/require("./useImageStyles");
18
18
 
19
19
 
20
20
  exports.Image = /*#__PURE__*/React.forwardRef((props, ref) => {
21
- const state = useImage_1.useImage(props, ref);
22
- useImageStyles_1.useImageStyles(state);
23
- return renderImage_1.renderImage(state);
21
+ const state = useImage_1.useImage_unstable(props, ref);
22
+ useImageStyles_1.useImageStyles_unstable(state);
23
+ return renderImage_1.renderImage_unstable(state);
24
24
  });
25
25
  exports.Image.displayName = 'Image';
26
26
  //# sourceMappingURL=Image.js.map
package/lib-commonjs/components/Image/Image.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,KAAA,gBAAyC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpF,QAAM,KAAK,GAAG,UAAA,CAAA,QAAA,CAAS,KAAT,EAAgB,GAAhB,CAAd;AACA,EAAA,gBAAA,CAAA,cAAA,CAAe,KAAf;AAEA,SAAO,aAAA,CAAA,WAAA,CAAY,KAAZ,CAAP;AACD,CALqD,CAAzC;AAOb,OAAA,CAAA,KAAA,CAAM,WAAN,GAAoB,OAApB","sourceRoot":""}
1
+ {"version":3,"sources":["components/Image/Image.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,KAAA,gBAAyC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpF,QAAM,KAAK,GAAG,UAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,CAAd;AACA,EAAA,gBAAA,CAAA,uBAAA,CAAwB,KAAxB;AAEA,SAAO,aAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP;AACD,CALqD,CAAzC;AAOb,OAAA,CAAA,KAAA,CAAM,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-commonjs/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-commonjs/components/Image/Image.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
1
+ {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}
package/lib-commonjs/components/Image/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
1
+ {"version":3,"sources":["components/Image/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Image.types';\nexport * from './Image';\nexport * from './renderImage';\nexport * from './useImage';\nexport * from './useImageStyles';\n"],"sourceRoot":"../src/"}
package/lib-commonjs/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-commonjs/components/Image/renderImage.js CHANGED
@@ -3,26 +3,25 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.renderImage = void 0;
6
+ exports.renderImage_unstable = void 0;
7
7
 
8
8
  const React = /*#__PURE__*/require("react");
9
9
 
10
10
  const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
11
-
12
- const useImage_1 = /*#__PURE__*/require("./useImage");
13
11
  /**
14
12
  * Define the render function.
15
13
  * Given the state of an image, renders it.
16
14
  */
17
15
 
18
16
 
19
- const renderImage = state => {
17
+ const renderImage_unstable = state => {
20
18
  const {
21
19
  slots,
22
20
  slotProps
23
- } = react_utilities_1.getSlots(state, useImage_1.imageShorthandProps);
24
- return React.createElement(slots.root, Object.assign({}, slotProps.root));
21
+ } = react_utilities_1.getSlots(state);
22
+ return React.createElement(slots.root, { ...slotProps.root
23
+ });
25
24
  };
26
25
 
27
- exports.renderImage = renderImage;
26
+ exports.renderImage_unstable = renderImage_unstable;
28
27
  //# sourceMappingURL=renderImage.js.map
package/lib-commonjs/components/Image/renderImage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/renderImage.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,MAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;;AAGG;;;AACI,MAAM,WAAW,GAAI,KAAD,IAAsB;AAC/C,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAqB,KAArB,EAA4B,UAAA,CAAA,mBAA5B,CAA7B;AAEA,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,WAAA,GAAW,WAAX","sourceRoot":""}
1
+ {"version":3,"sources":["components/Image/renderImage.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;AAGG;;;AACI,MAAM,oBAAoB,GAAI,KAAD,IAAsB;AACxD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAqB,KAArB,CAA7B;AAEA,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","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-commonjs/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;
package/lib-commonjs/components/Image/useImage.js CHANGED
@@ -3,16 +3,15 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useImage = exports.imageShorthandProps = void 0;
6
+ exports.useImage_unstable = void 0;
7
7
 
8
8
  const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
9
-
10
- exports.imageShorthandProps = ['root'];
11
9
  /**
12
10
  * Given user props, returns state and render function for an Image.
13
11
  */
14
12
 
15
- const useImage = (props, ref) => {
13
+
14
+ const useImage_unstable = (props, ref) => {
16
15
  const {
17
16
  bordered,
18
17
  fit,
@@ -37,5 +36,5 @@ const useImage = (props, ref) => {
37
36
  return state;
38
37
  };
39
38
 
40
- exports.useImage = useImage;
39
+ exports.useImage_unstable = useImage_unstable;
41
40
  //# sourceMappingURL=useImage.js.map
package/lib-commonjs/components/Image/useImage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/useImage.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGa,OAAA,CAAA,mBAAA,GAA+C,CAAC,MAAD,CAA/C;AAEb;;AAEG;;AACI,MAAM,QAAQ,GAAG,CAAC,KAAD,EAAoB,GAApB,KAAoE;AAC1F,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA,GAAZ;AAAiB,IAAA,KAAjB;AAAwB,IAAA,KAAK,GAAG,QAAhC;AAA0C,IAAA;AAA1C,MAAqD,KAA3D;AAEA,QAAM,KAAK,GAAe;AACxB,IAAA,QADwB;AAExB,IAAA,GAFwB;AAGxB,IAAA,KAHwB;AAIxB,IAAA,KAJwB;AAKxB,IAAA,MALwB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANY;AASxB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAA7B;AATkB,GAA1B;AAeA,SAAO,KAAP;AACD,CAnBM;;AAAM,OAAA,CAAA,QAAA,GAAQ,QAAR","sourceRoot":""}
1
+ {"version":3,"sources":["components/Image/useImage.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAAoB,GAApB,KAAoE;AACnG,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA,GAAZ;AAAiB,IAAA,KAAjB;AAAwB,IAAA,KAAK,GAAG,QAAhC;AAA0C,IAAA;AAA1C,MAAqD,KAA3D;AAEA,QAAM,KAAK,GAAe;AACxB,IAAA,QADwB;AAExB,IAAA,GAFwB;AAGxB,IAAA,KAHwB;AAIxB,IAAA,KAJwB;AAKxB,IAAA,MALwB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANY;AASxB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAA7B;AATkB,GAA1B;AAeA,SAAO,KAAP;AACD,CAnBM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { ImageProps, ImageState } from './Image.types';\n\n/**\n * Given user props, returns state and render function for an Image.\n */\nexport const useImage_unstable = (props: ImageProps, ref: React.Ref<HTMLImageElement>): ImageState => {\n const { bordered, fit, block, shape = 'square', shadow } = props;\n\n const state: ImageState = {\n bordered,\n fit,\n block,\n shape,\n shadow,\n components: {\n root: 'img',\n },\n root: getNativeElementProps('img', {\n ref,\n ...props,\n }),\n };\n\n return state;\n};\n"],"sourceRoot":"../src/"}
package/lib-commonjs/components/Image/useImageStyles.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import type { ImageState } from './Image.types';
2
2
  export declare const imageClassName = "fui-Image";
3
- export declare const useImageStyles: (state: ImageState) => void;
3
+ export declare const useImageStyles_unstable: (state: ImageState) => void;
package/lib-commonjs/components/Image/useImageStyles.js CHANGED
@@ -3,19 +3,24 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useImageStyles = exports.imageClassName = void 0;
6
+ exports.useImageStyles_unstable = exports.imageClassName = void 0;
7
7
 
8
- const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_1 = /*#__PURE__*/require("@griffel/react");
9
+
10
+ const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
9
11
 
10
12
  exports.imageClassName = 'fui-Image';
11
13
 
12
- const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
14
+ const useStyles = /*#__PURE__*/react_1.__styles({
13
15
  "root": {
14
16
  "g2u3we": "fj3muxo",
15
17
  "h3c5rm": ["f1akhkt", "f1lxtadh"],
16
18
  "B9xav0g": "f1aperda",
17
19
  "zhjwy3": ["f1lxtadh", "f1akhkt"],
18
- "Dimara": "f1fabniw",
20
+ "Bbmb7ep": ["fzi6hpg", "fyowgf4"],
21
+ "Beyfa6y": ["fyowgf4", "fzi6hpg"],
22
+ "B7oj6ja": ["f3fg2lr", "f13av6d4"],
23
+ "Btl43ni": ["f13av6d4", "f3fg2lr"],
19
24
  "B7ck84d": "f1ewtqcl",
20
25
  "mc9l5x": "f14t3ns0"
21
26
  },
@@ -30,13 +35,19 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
30
35
  "ibv6hh": ["f1ojsxk5", "f5tn483"]
31
36
  },
32
37
  "rootCircular": {
33
- "Dimara": "f44lkw9"
38
+ "Bbmb7ep": ["f8fbkgy", "f1nfllo7"],
39
+ "Beyfa6y": ["f1nfllo7", "f8fbkgy"],
40
+ "B7oj6ja": ["f1djnp8u", "f1s8kh49"],
41
+ "Btl43ni": ["f1s8kh49", "f1djnp8u"]
34
42
  },
35
43
  "rootRounded": {
36
- "Dimara": "ft85np5"
44
+ "Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
45
+ "Beyfa6y": ["f16jpd5f", "f1aa9q02"],
46
+ "B7oj6ja": ["f1jar5jt", "fyu767a"],
47
+ "Btl43ni": ["fyu767a", "f1jar5jt"]
37
48
  },
38
49
  "rootShadow": {
39
- "E5pizo": ["f1whvlc6", "fzb35q0"]
50
+ "E5pizo": "f1whvlc6"
40
51
  },
41
52
  "rootFitNone": {
42
53
  "st4lth": "f1plgu50",
@@ -66,13 +77,13 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
66
77
  "a9b677": "fly5x3f"
67
78
  }
68
79
  }, {
69
- "d": [".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".f1fabniw{border-radius:var(--borderRadiusNone);}", ".f1ewtqcl{box-sizing:border-box;}", ".f14t3ns0{display:inline-block;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".f44lkw9{border-radius:var(--borderRadiusCircular);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".fzb35q0{box-shadow:var(--shadow-4);}", ".f1plgu50{object-fit:none;}", ".f13uwng7{object-position:left top;}", ".fjmyj0p{object-position:right top;}", ".f1l02sjl{height:100%;}", ".fly5x3f{width:100%;}", ".f14xojzb{object-position:center;}", ".f1ps3kmd{object-fit:cover;}", ".f1kle4es{object-fit:contain;}"]
80
+ "d": [".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}", ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}", ".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}", ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}", ".f1ewtqcl{box-sizing:border-box;}", ".f14t3ns0{display:inline-block;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}", ".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}", ".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}", ".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".f1plgu50{object-fit:none;}", ".f13uwng7{object-position:left top;}", ".fjmyj0p{object-position:right top;}", ".f1l02sjl{height:100%;}", ".fly5x3f{width:100%;}", ".f14xojzb{object-position:center;}", ".f1ps3kmd{object-fit:cover;}", ".f1kle4es{object-fit:contain;}"]
70
81
  });
71
82
 
72
- const useImageStyles = state => {
83
+ const useImageStyles_unstable = state => {
73
84
  const styles = useStyles();
74
- state.root.className = react_make_styles_1.mergeClasses(exports.imageClassName, styles.root, state.bordered && styles.rootBordered, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shadow && styles.rootShadow, state.fit === 'none' && styles.rootFitNone, state.fit === 'center' && styles.rootFitCenter, state.fit === 'cover' && styles.rootFitCover, state.fit === 'contain' && styles.rootFitContain, state.block && styles.rootBlock, state.root.className);
85
+ state.root.className = react_1.mergeClasses(exports.imageClassName, styles.root, state.bordered && styles.rootBordered, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shadow && styles.rootShadow, state.fit === 'none' && styles.rootFitNone, state.fit === 'center' && styles.rootFitCenter, state.fit === 'cover' && styles.rootFitCover, state.fit === 'contain' && styles.rootFitContain, state.block && styles.rootBlock, state.root.className);
75
86
  };
76
87
 
77
- exports.useImageStyles = useImageStyles;
88
+ exports.useImageStyles_unstable = useImageStyles_unstable;
78
89
  //# sourceMappingURL=useImageStyles.js.map
package/lib-commonjs/components/Image/useImageStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/useImageStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,cAAA,GAAiB,WAAjB;;AAEb,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAkDO,MAAM,cAAc,GAAI,KAAD,IAAsB;AAClD,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,OAAA,CAAA,cADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAHJ,EAIrB,KAAK,CAAC,KAAN,KAAgB,UAAhB,IAA8B,MAAM,CAAC,YAJhB,EAKrB,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,WALf,EAMrB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UANF,EAOrB,KAAK,CAAC,GAAN,KAAc,MAAd,IAAwB,MAAM,CAAC,WAPV,EAQrB,KAAK,CAAC,GAAN,KAAc,QAAd,IAA0B,MAAM,CAAC,aARZ,EASrB,KAAK,CAAC,GAAN,KAAc,OAAd,IAAyB,MAAM,CAAC,YATX,EAUrB,KAAK,CAAC,GAAN,KAAc,SAAd,IAA2B,MAAM,CAAC,cAVb,EAWrB,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,SAXD,EAYrB,KAAK,CAAC,IAAN,CAAW,SAZU,CAAvB;AAcD,CAhBM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}
1
+ {"version":3,"sources":["components/Image/useImageStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAGa,OAAA,CAAA,cAAA,GAAiB,WAAjB;;AAEb,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAkDO,MAAM,uBAAuB,GAAI,KAAD,IAAsB;AAC3D,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,OAAA,CAAA,cADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAHJ,EAIrB,KAAK,CAAC,KAAN,KAAgB,UAAhB,IAA8B,MAAM,CAAC,YAJhB,EAKrB,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,WALf,EAMrB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UANF,EAOrB,KAAK,CAAC,GAAN,KAAc,MAAd,IAAwB,MAAM,CAAC,WAPV,EAQrB,KAAK,CAAC,GAAN,KAAc,QAAd,IAA0B,MAAM,CAAC,aARZ,EASrB,KAAK,CAAC,GAAN,KAAc,OAAd,IAAyB,MAAM,CAAC,YATX,EAUrB,KAAK,CAAC,GAAN,KAAc,SAAd,IAA2B,MAAM,CAAC,cAVb,EAWrB,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,SAXD,EAYrB,KAAK,CAAC,IAAN,CAAW,SAZU,CAAvB;AAcD,CAhBM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourcesContent":["import { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { ImageState } from './Image.types';\n\nexport const imageClassName = 'fui-Image';\n\nconst useStyles = makeStyles({\n root: {\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n ...shorthands.borderRadius(tokens.borderRadiusNone),\n\n boxSizing: 'border-box',\n display: 'inline-block',\n },\n rootBordered: {\n ...shorthands.borderStyle('solid'),\n ...shorthands.borderWidth(tokens.strokeWidthThin),\n },\n rootCircular: {\n ...shorthands.borderRadius(tokens.borderRadiusCircular),\n },\n rootRounded: {\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n },\n rootShadow: {\n boxShadow: tokens.shadow4,\n },\n rootFitNone: {\n objectFit: 'none',\n objectPosition: 'left top',\n height: '100%',\n width: '100%',\n },\n rootFitCenter: {\n objectFit: 'none',\n objectPosition: 'center',\n height: '100%',\n width: '100%',\n },\n rootFitCover: {\n objectFit: 'cover',\n objectPosition: 'center',\n height: '100%',\n width: '100%',\n },\n rootFitContain: {\n objectFit: 'contain',\n objectPosition: 'center',\n height: '100%',\n width: '100%',\n },\n rootBlock: {\n width: '100%',\n },\n});\n\nexport const useImageStyles_unstable = (state: ImageState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n imageClassName,\n styles.root,\n state.bordered && styles.rootBordered,\n state.shape === 'circular' && styles.rootCircular,\n state.shape === 'rounded' && styles.rootRounded,\n state.shadow && styles.rootShadow,\n state.fit === 'none' && styles.rootFitNone,\n state.fit === 'center' && styles.rootFitCenter,\n state.fit === 'cover' && styles.rootFitCover,\n state.fit === 'contain' && styles.rootFitContain,\n state.block && styles.rootBlock,\n state.root.className,\n );\n};\n"],"sourceRoot":"../src/"}
package/lib-commonjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA","sourceRoot":""}
1
+ {"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Image';\n"],"sourceRoot":"../src/"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-image",
3
- "version": "0.0.0-nightly627ad67f1120211109.1",
3
+ "version": "0.0.0-nightly695230dc7220220301.1",
4
4
  "description": "Fluent UI React Image component.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -19,17 +19,16 @@
19
19
  "just": "just-scripts",
20
20
  "lint": "just-scripts lint",
21
21
  "start": "yarn storybook",
22
- "test": "jest",
22
+ "test": "jest --passWithNoTests",
23
23
  "docs": "api-extractor run --config=config/api-extractor.local.json --local",
24
- "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-image/src && yarn docs",
25
- "storybook": "start-storybook"
24
+ "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-image/src && yarn docs",
25
+ "storybook": "node ../../scripts/storybook/runner",
26
+ "type-check": "tsc -b tsconfig.json"
26
27
  },
27
28
  "devDependencies": {
28
- "@fluentui/babel-make-styles": "0.0.0-nightly627ad67f1120211109.1",
29
29
  "@fluentui/eslint-plugin": "*",
30
- "@fluentui/jest-serializer-make-styles": "0.0.0-nightly627ad67f1120211109.1",
31
30
  "@fluentui/react-conformance": "*",
32
- "@fluentui/react-conformance-make-styles": "0.0.0-nightly627ad67f1120211109.1",
31
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly695230dc7220220301.1",
33
32
  "@fluentui/scripts": "^1.0.0",
34
33
  "@types/enzyme": "3.10.3",
35
34
  "@types/enzyme-adapter-react-16": "1.0.3",
@@ -44,8 +43,9 @@
44
43
  "react-test-renderer": "^16.3.0"
45
44
  },
46
45
  "dependencies": {
47
- "@fluentui/react-make-styles": "0.0.0-nightly627ad67f1120211109.1",
48
- "@fluentui/react-utilities": "0.0.0-nightly627ad67f1120211109.1",
46
+ "@griffel/react": "1.0.0",
47
+ "@fluentui/react-utilities": "0.0.0-nightly695230dc7220220301.1",
48
+ "@fluentui/react-theme": "0.0.0-nightly695230dc7220220301.1",
49
49
  "tslib": "^2.1.0"
50
50
  },
51
51
  "peerDependencies": {
@@ -55,7 +55,6 @@
55
55
  "react-dom": ">=16.8.0 <18.0.0"
56
56
  },
57
57
  "beachball": {
58
- "tag": "beta",
59
58
  "disallowedChangeTypes": [
60
59
  "major",
61
60
  "minor",
package/lib/common/isConformant.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
package/lib/common/isConformant.js DELETED
@@ -1,13 +0,0 @@
1
- import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
2
- import makeStylesTests from '@fluentui/react-conformance-make-styles';
3
- export function isConformant(testInfo) {
4
- const defaultOptions = {
5
- asPropHandlesRef: true,
6
- componentPath: module.parent.filename.replace('.test', ''),
7
- disabledTests: ['has-docblock'],
8
- extraTests: makeStylesTests,
9
- skipAsPropTests: true
10
- };
11
- baseIsConformant(defaultOptions, testInfo);
12
- }
13
- //# sourceMappingURL=isConformant.js.map
package/lib/common/isConformant.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AAEA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAH4C;AAI3D,IAAA,UAAU,EAAE,eAJ+C;AAK3D,IAAA,eAAe,EAAE;AAL0C,GAA7D;AAQA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
package/lib-commonjs/common/isConformant.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
package/lib-commonjs/common/isConformant.js DELETED
@@ -1,24 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.isConformant = void 0;
7
-
8
- const react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
9
-
10
- const react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
11
-
12
- function isConformant(testInfo) {
13
- const defaultOptions = {
14
- asPropHandlesRef: true,
15
- componentPath: module.parent.filename.replace('.test', ''),
16
- disabledTests: ['has-docblock'],
17
- extraTests: react_conformance_make_styles_1.default,
18
- skipAsPropTests: true
19
- };
20
- react_conformance_1.isConformant(defaultOptions, testInfo);
21
- }
22
-
23
- exports.isConformant = isConformant;
24
- //# sourceMappingURL=isConformant.js.map
package/lib-commonjs/common/isConformant.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,MAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAH4C;AAI3D,IAAA,UAAU,EAAE,+BAAA,CAAA,OAJ+C;AAK3D,IAAA,eAAe,EAAE;AAL0C,GAA7D;AAQA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAZD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}