@fluentui/react-components 9.18.2 → 9.18.4

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 (18) hide show
  1. package/.swcrc +30 -0
  2. package/CHANGELOG.json +877 -1
  3. package/CHANGELOG.md +230 -2
  4. package/dist/unstable.d.ts +27 -0
  5. package/lib/Concepts/Icons/ReactIconGrid.js +11 -9
  6. package/lib/Concepts/Icons/ReactIconGrid.js.map +1 -1
  7. package/lib/index.js.map +1 -1
  8. package/lib/unstable/index.js +1 -1
  9. package/lib/unstable/index.js.map +1 -1
  10. package/lib-commonjs/Concepts/Icons/ReactIconGrid.js +154 -97
  11. package/lib-commonjs/Concepts/Icons/ReactIconGrid.js.map +1 -1
  12. package/lib-commonjs/index.js +630 -3534
  13. package/lib-commonjs/index.js.map +1 -1
  14. package/lib-commonjs/unstable/index.js +120 -542
  15. package/lib-commonjs/unstable/index.js.map +1 -1
  16. package/package.json +50 -48
  17. package/lib-amd/index.js +0 -586
  18. package/lib-amd/index.js.map +0 -1
package/CHANGELOG.md CHANGED
@@ -1,12 +1,240 @@
1
1
  # Change Log - @fluentui/react-components
2
2
 
3
- This log was last generated on Thu, 16 Mar 2023 14:33:30 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 24 Mar 2023 10:15:02 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.18.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.18.4)
8
+
9
+ Fri, 24 Mar 2023 10:15:02 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.18.3..@fluentui/react-components_v9.18.4)
11
+
12
+ ### Minor changes
13
+
14
+ - `@fluentui/react-provider`
15
+ - feat: Render theme CSS variables in SSR style element ([PR #27277](https://github.com/microsoft/fluentui/pull/27277) by lingfangao@hotmail.com)
16
+
17
+ ### Patches
18
+
19
+ - `@fluentui/react-components`
20
+ - feat: Add static measurement hooks and embedded scroll option to react-virtualizer ([PR #26985](https://github.com/microsoft/fluentui/pull/26985) by mifraser@microsoft.com)
21
+
22
+ ### Changes
23
+
24
+ - `@fluentui/react-tree`
25
+ - tree stories and doc update ([PR #27270](https://github.com/microsoft/fluentui/pull/27270) by petrduda@microsoft.com)
26
+ - `@fluentui/react-virtualizer`
27
+ - [feat] Add static measurement hooks and embedded scroll option ([PR #26985](https://github.com/microsoft/fluentui/pull/26985) by mifraser@microsoft.com)
28
+
29
+ ## [9.18.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.18.3)
30
+
31
+ Tue, 21 Mar 2023 21:22:58 GMT
32
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.18.2..@fluentui/react-components_v9.18.3)
33
+
34
+ ### Patches
35
+
36
+ - `@fluentui/react-shared-contexts`
37
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
38
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
39
+ - `@fluentui/react-slider`
40
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
41
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
42
+ - `@fluentui/react-spinbutton`
43
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
44
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
45
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
46
+ - `@fluentui/react-spinner`
47
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
48
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
49
+ - `@fluentui/react-switch`
50
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
51
+ - fix: Make checked switch more visible in high contrast mode ([PR #27257](https://github.com/microsoft/fluentui/pull/27257) by lingfangao@hotmail.com)
52
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
53
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
54
+ - `@fluentui/react-table`
55
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
56
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
57
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
58
+ - `@fluentui/react-tabs`
59
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
60
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
61
+ - `@fluentui/react-tabster`
62
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
63
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
64
+ - `@fluentui/react-text`
65
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
66
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
67
+ - `@fluentui/react-textarea`
68
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
69
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
70
+ - `@fluentui/react-theme`
71
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
72
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
73
+ - `@fluentui/react-toolbar`
74
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
75
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
76
+ - `@fluentui/react-tooltip`
77
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
78
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
79
+ - `@fluentui/react-utilities`
80
+ - chore: exports isHTMLElement as public ([PR #27178](https://github.com/microsoft/fluentui/pull/27178) by bernardo.sunderhus@gmail.com)
81
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
82
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
83
+ - `@fluentui/keyboard-keys`
84
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
85
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
86
+ - `@fluentui/priority-overflow`
87
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
88
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
89
+ - `@fluentui/react-accordion`
90
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
91
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
92
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
93
+ - `@fluentui/react-aria`
94
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
95
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
96
+ - `@fluentui/react-avatar`
97
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
98
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
99
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
100
+ - `@fluentui/react-badge`
101
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
102
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
103
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
104
+ - fix: Adding the correct icons to away+out-of-office PresenceBadges and adding the correct icons to use in large PresenceBadges. ([PR #27253](https://github.com/microsoft/fluentui/pull/27253) by makotom@microsoft.com)
105
+ - `@fluentui/react-button`
106
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
107
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
108
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
109
+ - `@fluentui/react-card`
110
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
111
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
112
+ - `@fluentui/react-checkbox`
113
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
114
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
115
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
116
+ - `@fluentui/react-combobox`
117
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
118
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
119
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
120
+ - `@fluentui/react-components`
121
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
122
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
123
+ - `@fluentui/react-context-selector`
124
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
125
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
126
+ - `@fluentui/react-dialog`
127
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
128
+ - fix(DialogTitle): adds type="button" to close action ([PR #27247](https://github.com/microsoft/fluentui/pull/27247) by bernardo.sunderhus@gmail.com)
129
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
130
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
131
+ - `@fluentui/react-divider`
132
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
133
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
134
+ - `@fluentui/react-image`
135
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
136
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
137
+ - `@fluentui/react-input`
138
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
139
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
140
+ - `@fluentui/react-label`
141
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
142
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
143
+ - `@fluentui/react-link`
144
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
145
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
146
+ - `@fluentui/react-menu`
147
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
148
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
149
+ - fix(MenuItem): Disabled should render correctly in high contrast mode ([PR #27258](https://github.com/microsoft/fluentui/pull/27258) by lingfangao@hotmail.com)
150
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
151
+ - `@fluentui/react-migration-v8-v9`
152
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
153
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
154
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
155
+ - `@fluentui/react-overflow`
156
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
157
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
158
+ - `@fluentui/react-persona`
159
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
160
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
161
+ - `@fluentui/react-popover`
162
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
163
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
164
+ - `@fluentui/react-portal`
165
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
166
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
167
+ - `@fluentui/react-portal-compat`
168
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
169
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
170
+ - `@fluentui/react-portal-compat-context`
171
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
172
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
173
+ - `@fluentui/react-positioning`
174
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
175
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
176
+ - `@fluentui/react-progress`
177
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
178
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
179
+ - `@fluentui/react-provider`
180
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
181
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
182
+ - `@fluentui/react-radio`
183
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
184
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
185
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
186
+ - `@fluentui/react-select`
187
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
188
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
189
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
190
+
191
+ ### Changes
192
+
193
+ - `@fluentui/react-skeleton`
194
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
195
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
196
+ - `@fluentui/react-theme-sass`
197
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
198
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
199
+ - `@fluentui/react-tree`
200
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
201
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by olfedias@microsoft.com)
202
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
203
+ - chore: adds initial e2e cypress tests ([PR #27266](https://github.com/microsoft/fluentui/pull/27266) by email not defined)
204
+ - `@fluentui/react-virtualizer`
205
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
206
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
207
+ - `@fluentui/tokens`
208
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
209
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
210
+ - `@fluentui/babel-preset-global-context`
211
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
212
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
213
+ - `@fluentui/global-context`
214
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
215
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
216
+ - `@fluentui/react-alert`
217
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
218
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
219
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
220
+ - `@fluentui/react-conformance-griffel`
221
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
222
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
223
+ - `@fluentui/react-data-grid-react-window`
224
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
225
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
226
+ - `@fluentui/react-field`
227
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
228
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
229
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
230
+ - `@fluentui/react-infobutton`
231
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
232
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
233
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
234
+
7
235
  ## [9.18.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.18.2)
8
236
 
9
- Thu, 16 Mar 2023 14:33:30 GMT
237
+ Thu, 16 Mar 2023 14:36:56 GMT
10
238
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.18.1..@fluentui/react-components_v9.18.2)
11
239
 
12
240
  ### Minor changes
package/dist/unstable.d.ts CHANGED
@@ -50,6 +50,7 @@ import { renderTreeItem_unstable } from '@fluentui/react-tree';
50
50
  import { renderTreeItemLayout_unstable } from '@fluentui/react-tree';
51
51
  import { renderTreeItemPersonaLayout_unstable } from '@fluentui/react-tree';
52
52
  import { renderVirtualizer_unstable } from '@fluentui/react-virtualizer';
53
+ import { renderVirtualizerScrollView_unstable } from '@fluentui/react-virtualizer';
53
54
  import { SelectField_unstable as SelectField } from '@fluentui/react-select';
54
55
  import { selectFieldClassNames } from '@fluentui/react-select';
55
56
  import { SelectFieldProps_unstable as SelectFieldProps } from '@fluentui/react-select';
@@ -121,6 +122,7 @@ import { useSkeletonContext } from '@fluentui/react-skeleton';
121
122
  import { useSkeletonItem_unstable } from '@fluentui/react-skeleton';
122
123
  import { useSkeletonItemStyles_unstable } from '@fluentui/react-skeleton';
123
124
  import { useSkeletonStyles_unstable } from '@fluentui/react-skeleton';
125
+ import { useStaticVirtualizerMeasure } from '@fluentui/react-virtualizer';
124
126
  import { useTree_unstable } from '@fluentui/react-tree';
125
127
  import { useTreeContext_unstable } from '@fluentui/react-tree';
126
128
  import { useTreeItem_unstable } from '@fluentui/react-tree';
@@ -132,11 +134,18 @@ import { useTreeItemPersonaLayoutStyles_unstable } from '@fluentui/react-tree';
132
134
  import { useTreeItemStyles_unstable } from '@fluentui/react-tree';
133
135
  import { useTreeStyles_unstable } from '@fluentui/react-tree';
134
136
  import { useVirtualizer_unstable } from '@fluentui/react-virtualizer';
137
+ import { useVirtualizerScrollView_unstable } from '@fluentui/react-virtualizer';
138
+ import { useVirtualizerScrollViewStyles_unstable } from '@fluentui/react-virtualizer';
135
139
  import { useVirtualizerStyles_unstable } from '@fluentui/react-virtualizer';
136
140
  import { Virtualizer } from '@fluentui/react-virtualizer';
137
141
  import { VirtualizerChildRenderFunction } from '@fluentui/react-virtualizer';
138
142
  import { virtualizerClassNames } from '@fluentui/react-virtualizer';
139
143
  import { VirtualizerProps } from '@fluentui/react-virtualizer';
144
+ import { VirtualizerScrollView } from '@fluentui/react-virtualizer';
145
+ import { virtualizerScrollViewClassNames } from '@fluentui/react-virtualizer';
146
+ import { VirtualizerScrollViewProps } from '@fluentui/react-virtualizer';
147
+ import { VirtualizerScrollViewSlots } from '@fluentui/react-virtualizer';
148
+ import { VirtualizerScrollViewState } from '@fluentui/react-virtualizer';
140
149
  import { VirtualizerSlots } from '@fluentui/react-virtualizer';
141
150
  import { VirtualizerState } from '@fluentui/react-virtualizer';
142
151
 
@@ -244,6 +253,8 @@ export { renderTreeItemPersonaLayout_unstable }
244
253
 
245
254
  export { renderVirtualizer_unstable }
246
255
 
256
+ export { renderVirtualizerScrollView_unstable }
257
+
247
258
  export { SelectField }
248
259
 
249
260
  export { selectFieldClassNames }
@@ -386,6 +397,8 @@ export { useSkeletonItemStyles_unstable }
386
397
 
387
398
  export { useSkeletonStyles_unstable }
388
399
 
400
+ export { useStaticVirtualizerMeasure }
401
+
389
402
  export { useTree_unstable }
390
403
 
391
404
  export { useTreeContext_unstable }
@@ -408,6 +421,10 @@ export { useTreeStyles_unstable }
408
421
 
409
422
  export { useVirtualizer_unstable }
410
423
 
424
+ export { useVirtualizerScrollView_unstable }
425
+
426
+ export { useVirtualizerScrollViewStyles_unstable }
427
+
411
428
  export { useVirtualizerStyles_unstable }
412
429
 
413
430
  export { Virtualizer }
@@ -418,6 +435,16 @@ export { virtualizerClassNames }
418
435
 
419
436
  export { VirtualizerProps }
420
437
 
438
+ export { VirtualizerScrollView }
439
+
440
+ export { virtualizerScrollViewClassNames }
441
+
442
+ export { VirtualizerScrollViewProps }
443
+
444
+ export { VirtualizerScrollViewSlots }
445
+
446
+ export { VirtualizerScrollViewState }
447
+
421
448
  export { VirtualizerSlots }
422
449
 
423
450
  export { VirtualizerState }
package/lib/Concepts/Icons/ReactIconGrid.js CHANGED
@@ -40,8 +40,7 @@ const useStyles = /*#__PURE__*/__styles({
40
40
  }, {
41
41
  d: [".f13qh94s{display:grid;}", ".f103s1qi{grid-template-columns:auto auto auto auto;}", ".fz44487{grid-gap:10px;}", ".f1vbpgwy{background-color:#F7F7F7;}", ".f1y7pwzt>div{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".fkjsrz3>div{background-color:#FFFFFF;}", ".f1v4pbv1>div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f10n702m>div{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".fukf1g8>div{-webkit-box-pack:space-around;-ms-flex-pack:space-around;-webkit-justify-content:space-around;justify-content:space-around;}", ".f1ke9dqw>div{padding-top:8px;}", ".ft83mph>div{padding-right:8px;}", ".fduese8>div{padding-left:8px;}", ".ffztlgx>div{padding-bottom:8px;}", ".f1ad31ox>div{overflow-x:hidden;}", ".f1pcllc0>div{overflow-y:hidden;}", ".fdkswtx>div>code{font-size:8px;}", ".f1yxgqk0>div>code{display:inline-block;}", ".fg04g75>div>code{height:auto;}", ".fvrpp50>div>code{padding-top:0px 8px;}", ".f1xqymmk>div>code{padding-right:0px 8px;}", ".f1mqnmtg>div>code{padding-left:0px 8px;}", ".f12h2kxz>div>code{padding-bottom:0px 8px;}", ".f1ogbl2p{max-width:320px;}", ".f1dl2k97{margin-bottom:10px;}", ".fnsq08h{font-size:11px;}"]
42
42
  });
43
- const reactIcons = /*#__PURE__*/Object.keys(ReactIcons)
44
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
43
+ const reactIcons = /*#__PURE__*/Object.keys(ReactIcons) // eslint-disable-next-line @typescript-eslint/no-explicit-any
45
44
  .map(iconName => ReactIcons[iconName]).filter(icon => !!icon && !!icon.displayName);
46
45
  const ReactIconGrid = () => {
47
46
  const [search, setSearch] = React.useState('');
@@ -66,13 +65,16 @@ const ReactIconGrid = () => {
66
65
  "aria-label": Icon.displayName
67
66
  }, /*#__PURE__*/React.createElement(Icon, null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("code", null, Icon.displayName));
68
67
  };
69
- const filteredIcons = React.useMemo(() => reactIcons.filter(icon => {
70
- var _a, _b, _c;
71
- if (size === 'Unsized') {
72
- return icon.displayName && !/\d/.test(icon.displayName.toLowerCase()) && ((_a = icon.displayName) === null || _a === void 0 ? void 0 : _a.toLowerCase().indexOf(search.toLowerCase())) !== -1;
73
- }
74
- return ((_b = icon.displayName) === null || _b === void 0 ? void 0 : _b.toLowerCase().indexOf(search.toLowerCase())) !== -1 && ((_c = icon.displayName) === null || _c === void 0 ? void 0 : _c.indexOf(String(size))) !== -1;
75
- }), [search, size]);
68
+ const filteredIcons = React.useMemo(() => {
69
+ return reactIcons.filter(icon => {
70
+ var _icon_displayName, _icon_displayName1;
71
+ if (size === 'Unsized') {
72
+ var _icon_displayName2;
73
+ return icon.displayName && !/\d/.test(icon.displayName.toLowerCase()) && ((_icon_displayName2 = icon.displayName) === null || _icon_displayName2 === void 0 ? void 0 : _icon_displayName2.toLowerCase().indexOf(search.toLowerCase())) !== -1;
74
+ }
75
+ return ((_icon_displayName = icon.displayName) === null || _icon_displayName === void 0 ? void 0 : _icon_displayName.toLowerCase().indexOf(search.toLowerCase())) !== -1 && ((_icon_displayName1 = icon.displayName) === null || _icon_displayName1 === void 0 ? void 0 : _icon_displayName1.indexOf(String(size))) !== -1;
76
+ });
77
+ }, [search, size]);
76
78
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, {
77
79
  type: "search",
78
80
  placeholder: "Search icons",
package/lib/Concepts/Icons/ReactIconGrid.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","ReactIcons","Input","__styles","shorthands","useStyles","grid","mc9l5x","Budl1dq","w08cwm","De3pzq","Bqyf3fh","tuaewz","js62xs","ge08ax","vwmem1","pq1t01","Bspu8ag","B83reyd","d2aa3c","Bo0llhl","Bfpbev4","Bs90se3","B83tkto","pxe6pr","Beqvepd","Bq5m64l","B0xcf35","B9c2vit","searchBox","B2u0y6b","jrapky","radio","Be2twd7","d","reactIcons","Object","keys","map","iconName","filter","icon","displayName","ReactIconGrid","search","setSearch","useState","size","setSize","styles","_onSearchQueryChanged","ev","currentTarget","value","_filterBySize","newSize","_renderIcon","Icon","createElement","key","filteredIcons","useMemo","test","toLowerCase","_a","indexOf","_b","_c","String","type","placeholder","onChange","className","option","Fragment","id","defaultChecked","name","htmlFor"],"sources":["../src/packages/react-components/react-components/src/Concepts/Icons/ReactIconGrid.tsx"],"sourcesContent":["import * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { FluentIconsProps } from '@fluentui/react-icons';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport * as ReactIcons from '@fluentui/react-icons';\nimport { Input } from '@fluentui/react-input';\nimport { makeStyles, shorthands } from '@griffel/react';\n\nconst useStyles = makeStyles({\n grid: {\n display: 'grid',\n gridTemplateColumns: 'auto auto auto auto',\n gridGap: '10px',\n backgroundColor: '#F7F7F7',\n\n '> div': {\n alignItems: 'center',\n backgroundColor: '#FFFFFF',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-around',\n ...shorthands.padding('8px'),\n ...shorthands.overflow('hidden'),\n\n '> code': {\n fontSize: '8px',\n display: 'inline-block',\n height: 'auto',\n ...shorthands.padding('0px 8px'),\n },\n },\n },\n\n searchBox: {\n backgroundColor: '#F7F7F7',\n maxWidth: '320px',\n marginBottom: '10px',\n },\n\n radio: {\n backgroundColor: '#F7F7F7',\n fontSize: '11px',\n },\n});\n\nconst reactIcons: React.FC<ReactIcons.FluentIconsProps>[] = Object.keys(ReactIcons)\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .map(iconName => (ReactIcons as any)[iconName])\n .filter(icon => !!icon && !!icon.displayName);\n\nconst ReactIconGrid = () => {\n const [search, setSearch] = React.useState('');\n const [size, setSize] = React.useState<string | number>(24);\n const styles = useStyles();\n\n const _onSearchQueryChanged = (ev?: React.FormEvent<HTMLInputElement>) => {\n setSearch(ev ? ev.currentTarget.value : '');\n };\n\n const _filterBySize = (ev?: React.FormEvent<HTMLElement | HTMLInputElement>) => {\n const newSize = ev ? (ev.currentTarget as HTMLInputElement).value : '';\n if (newSize === 'All') {\n setSize('');\n } else if (newSize === 'Unsized') {\n setSize('Unsized');\n } else {\n setSize(newSize);\n }\n };\n\n const _renderIcon = (Icon: React.FC<FluentIconsProps>): JSX.Element => {\n return (\n <div key={Icon.displayName} aria-label={Icon.displayName}>\n <Icon />\n <br />\n <code>{Icon.displayName}</code>\n </div>\n );\n };\n\n const filteredIcons = React.useMemo(\n () =>\n reactIcons.filter(icon => {\n if (size === 'Unsized') {\n return (\n icon.displayName! &&\n !/\\d/.test(icon.displayName.toLowerCase()) &&\n icon.displayName?.toLowerCase().indexOf(search.toLowerCase()) !== -1\n );\n }\n\n return (\n icon.displayName?.toLowerCase().indexOf(search.toLowerCase()) !== -1 &&\n icon.displayName?.indexOf(String(size)) !== -1\n );\n }),\n [search, size],\n );\n\n return (\n <div>\n <Input\n type=\"search\"\n placeholder=\"Search icons\"\n value={search}\n aria-label=\"search\"\n // eslint-disable-next-line react/jsx-no-bind\n onChange={_onSearchQueryChanged}\n className={styles.searchBox}\n />\n {[16, 20, 24, 28, 32, 48, 'Unsized', 'All'].map(option => (\n <>\n <input\n id={`option-${option}`}\n defaultChecked={option === 24}\n type=\"radio\"\n value={option}\n name=\"size\"\n onChange={_filterBySize}\n />\n <label htmlFor={`option-${option}`} className={styles.radio}>\n {option}\n </label>\n </>\n ))}\n <div className={styles.grid}>{filteredIcons.map(_renderIcon)}</div>\n </div>\n );\n};\n\nexport default ReactIconGrid;\n"],"mappings":"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"}
1
+ {"version":3,"names":["React","ReactIcons","Input","__styles","shorthands","useStyles","grid","mc9l5x","Budl1dq","w08cwm","De3pzq","Bqyf3fh","tuaewz","js62xs","ge08ax","vwmem1","pq1t01","Bspu8ag","B83reyd","d2aa3c","Bo0llhl","Bfpbev4","Bs90se3","B83tkto","pxe6pr","Beqvepd","Bq5m64l","B0xcf35","B9c2vit","searchBox","B2u0y6b","jrapky","radio","Be2twd7","d","reactIcons","Object","keys","map","iconName","filter","icon","displayName","ReactIconGrid","search","setSearch","useState","size","setSize","styles","_onSearchQueryChanged","ev","currentTarget","value","_filterBySize","newSize","_renderIcon","Icon","createElement","key","filteredIcons","useMemo","_icon_displayName","_icon_displayName1","_icon_displayName2","test","toLowerCase","indexOf","String","type","placeholder","onChange","className","option","Fragment","id","defaultChecked","name","htmlFor"],"sources":["../../../src/Concepts/Icons/ReactIconGrid.tsx"],"sourcesContent":["import * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { FluentIconsProps } from '@fluentui/react-icons';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport * as ReactIcons from '@fluentui/react-icons';\nimport { Input } from '@fluentui/react-input';\nimport { makeStyles, shorthands } from '@griffel/react';\n\nconst useStyles = makeStyles({\n grid: {\n display: 'grid',\n gridTemplateColumns: 'auto auto auto auto',\n gridGap: '10px',\n backgroundColor: '#F7F7F7',\n\n '> div': {\n alignItems: 'center',\n backgroundColor: '#FFFFFF',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-around',\n ...shorthands.padding('8px'),\n ...shorthands.overflow('hidden'),\n\n '> code': {\n fontSize: '8px',\n display: 'inline-block',\n height: 'auto',\n ...shorthands.padding('0px 8px'),\n },\n },\n },\n\n searchBox: {\n backgroundColor: '#F7F7F7',\n maxWidth: '320px',\n marginBottom: '10px',\n },\n\n radio: {\n backgroundColor: '#F7F7F7',\n fontSize: '11px',\n },\n});\n\nconst reactIcons: React.FC<ReactIcons.FluentIconsProps>[] = Object.keys(ReactIcons)\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .map(iconName => (ReactIcons as any)[iconName])\n .filter(icon => !!icon && !!icon.displayName);\n\nconst ReactIconGrid = () => {\n const [search, setSearch] = React.useState('');\n const [size, setSize] = React.useState<string | number>(24);\n const styles = useStyles();\n\n const _onSearchQueryChanged = (ev?: React.FormEvent<HTMLInputElement>) => {\n setSearch(ev ? ev.currentTarget.value : '');\n };\n\n const _filterBySize = (ev?: React.FormEvent<HTMLElement | HTMLInputElement>) => {\n const newSize = ev ? (ev.currentTarget as HTMLInputElement).value : '';\n if (newSize === 'All') {\n setSize('');\n } else if (newSize === 'Unsized') {\n setSize('Unsized');\n } else {\n setSize(newSize);\n }\n };\n\n const _renderIcon = (Icon: React.FC<FluentIconsProps>): JSX.Element => {\n return (\n <div key={Icon.displayName} aria-label={Icon.displayName}>\n <Icon />\n <br />\n <code>{Icon.displayName}</code>\n </div>\n );\n };\n\n const filteredIcons = React.useMemo(\n () =>\n reactIcons.filter(icon => {\n if (size === 'Unsized') {\n return (\n icon.displayName! &&\n !/\\d/.test(icon.displayName.toLowerCase()) &&\n icon.displayName?.toLowerCase().indexOf(search.toLowerCase()) !== -1\n );\n }\n\n return (\n icon.displayName?.toLowerCase().indexOf(search.toLowerCase()) !== -1 &&\n icon.displayName?.indexOf(String(size)) !== -1\n );\n }),\n [search, size],\n );\n\n return (\n <div>\n <Input\n type=\"search\"\n placeholder=\"Search icons\"\n value={search}\n aria-label=\"search\"\n // eslint-disable-next-line react/jsx-no-bind\n onChange={_onSearchQueryChanged}\n className={styles.searchBox}\n />\n {[16, 20, 24, 28, 32, 48, 'Unsized', 'All'].map(option => (\n <>\n <input\n id={`option-${option}`}\n defaultChecked={option === 24}\n type=\"radio\"\n value={option}\n name=\"size\"\n onChange={_filterBySize}\n />\n <label htmlFor={`option-${option}`} className={styles.radio}>\n {option}\n </label>\n </>\n ))}\n <div className={styles.grid}>{filteredIcons.map(_renderIcon)}</div>\n </div>\n );\n};\n\nexport default ReactIconGrid;\n"],"mappings":"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"}