@fluentui/react-components 9.18.1 → 9.18.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/.swcrc +30 -0
  2. package/CHANGELOG.json +895 -1
  3. package/CHANGELOG.md +236 -2
  4. package/dist/unstable.d.ts +24 -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 +114 -512
  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,246 @@
1
1
  # Change Log - @fluentui/react-components
2
2
 
3
- This log was last generated on Wed, 15 Mar 2023 10:17:01 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 21 Mar 2023 21:18:11 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.18.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.18.3)
8
+
9
+ Tue, 21 Mar 2023 21:18:11 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.18.2..@fluentui/react-components_v9.18.3)
11
+
12
+ ### Patches
13
+
14
+ - `@fluentui/react-shared-contexts`
15
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
16
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
17
+ - `@fluentui/react-slider`
18
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
19
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
20
+ - `@fluentui/react-spinbutton`
21
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
22
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
23
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
24
+ - `@fluentui/react-spinner`
25
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
26
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
27
+ - `@fluentui/react-switch`
28
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
29
+ - fix: Make checked switch more visible in high contrast mode ([PR #27257](https://github.com/microsoft/fluentui/pull/27257) by lingfangao@hotmail.com)
30
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
31
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
32
+ - `@fluentui/react-table`
33
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
34
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
35
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
36
+ - `@fluentui/react-tabs`
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-tabster`
40
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
41
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
42
+ - `@fluentui/react-text`
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
+ - `@fluentui/react-textarea`
46
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
47
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
48
+ - `@fluentui/react-theme`
49
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
50
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
51
+ - `@fluentui/react-toolbar`
52
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.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-tooltip`
55
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
56
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
57
+ - `@fluentui/react-utilities`
58
+ - chore: exports isHTMLElement as public ([PR #27178](https://github.com/microsoft/fluentui/pull/27178) by bernardo.sunderhus@gmail.com)
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/keyboard-keys`
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/priority-overflow`
65
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
66
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
67
+ - `@fluentui/react-accordion`
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: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
70
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
71
+ - `@fluentui/react-aria`
72
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
73
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
74
+ - `@fluentui/react-avatar`
75
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
76
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
77
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
78
+ - `@fluentui/react-badge`
79
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
80
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
81
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
82
+ - 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)
83
+ - `@fluentui/react-button`
84
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
85
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
86
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
87
+ - `@fluentui/react-card`
88
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
89
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
90
+ - `@fluentui/react-checkbox`
91
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
92
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
93
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
94
+ - `@fluentui/react-combobox`
95
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
96
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
97
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
98
+ - `@fluentui/react-components`
99
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
100
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
101
+ - `@fluentui/react-context-selector`
102
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
103
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
104
+ - `@fluentui/react-dialog`
105
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
106
+ - fix(DialogTitle): adds type="button" to close action ([PR #27247](https://github.com/microsoft/fluentui/pull/27247) by bernardo.sunderhus@gmail.com)
107
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.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-divider`
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-image`
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
+ - `@fluentui/react-input`
116
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
117
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
118
+ - `@fluentui/react-label`
119
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
120
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
121
+ - `@fluentui/react-link`
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
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
124
+ - `@fluentui/react-menu`
125
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
126
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
127
+ - fix(MenuItem): Disabled should render correctly in high contrast mode ([PR #27258](https://github.com/microsoft/fluentui/pull/27258) by lingfangao@hotmail.com)
128
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
129
+ - `@fluentui/react-migration-v8-v9`
130
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
131
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
132
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
133
+ - `@fluentui/react-overflow`
134
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
135
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
136
+ - `@fluentui/react-persona`
137
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
138
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
139
+ - `@fluentui/react-popover`
140
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
141
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
142
+ - `@fluentui/react-portal`
143
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
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
+ - `@fluentui/react-portal-compat`
146
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
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
+ - `@fluentui/react-portal-compat-context`
149
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
150
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
151
+ - `@fluentui/react-positioning`
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
+ - `@fluentui/react-progress`
155
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
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
+ - `@fluentui/react-provider`
158
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
159
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
160
+ - `@fluentui/react-radio`
161
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
162
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
163
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
164
+ - `@fluentui/react-select`
165
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
166
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
167
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
168
+
169
+ ### Changes
170
+
171
+ - `@fluentui/react-skeleton`
172
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
173
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
174
+ - `@fluentui/react-theme-sass`
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
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
177
+ - `@fluentui/react-tree`
178
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
179
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by olfedias@microsoft.com)
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: adds initial e2e cypress tests ([PR #27266](https://github.com/microsoft/fluentui/pull/27266) by email not defined)
182
+ - `@fluentui/react-virtualizer`
183
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.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
+ - `@fluentui/tokens`
186
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
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
+ - `@fluentui/babel-preset-global-context`
189
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
190
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
191
+ - `@fluentui/global-context`
192
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
193
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
194
+ - `@fluentui/react-alert`
195
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
196
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
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
+ - `@fluentui/react-conformance-griffel`
199
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
200
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
201
+ - `@fluentui/react-data-grid-react-window`
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: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
204
+ - `@fluentui/react-field`
205
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
206
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
207
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
208
+ - `@fluentui/react-infobutton`
209
+ - chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
210
+ - fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
211
+ - chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
212
+
213
+ ## [9.18.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.18.2)
214
+
215
+ Thu, 16 Mar 2023 14:36:56 GMT
216
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.18.1..@fluentui/react-components_v9.18.2)
217
+
218
+ ### Minor changes
219
+
220
+ - `@fluentui/react-dialog`
221
+ - feat(DialogActions): Implment `fluid` prop ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by lingfangao@hotmail.com)
222
+ - `@fluentui/react-tabster`
223
+ - feat: add options to useFocusVisible() hook ([PR #27198](https://github.com/microsoft/fluentui/pull/27198) by olfedias@microsoft.com)
224
+
225
+ ### Patches
226
+
227
+ - `@fluentui/react-components`
228
+ - chore: Export InfoLabel from react-components/unstable ([PR #27118](https://github.com/microsoft/fluentui/pull/27118) by behowell@microsoft.com)
229
+ - `@fluentui/react-dialog`
230
+ - fix(DialogBody): Remove `maxWidth` style ([PR #27230](https://github.com/microsoft/fluentui/pull/27230) by lingfangao@hotmail.com)
231
+ - `@fluentui/react-provider`
232
+ - fix: pass proper document instance to useFocusVisible() ([PR #27198](https://github.com/microsoft/fluentui/pull/27198) by olfedias@microsoft.com)
233
+ - `@fluentui/react-utilities`
234
+ - fix(getSlots): stops slotProps.slot to be typed as never ([PR #27231](https://github.com/microsoft/fluentui/pull/27231) by bernardo.sunderhus@gmail.com)
235
+
236
+ ### Changes
237
+
238
+ - `@fluentui/react-infobutton`
239
+ - feat: Add InfoLabel component ([PR #27118](https://github.com/microsoft/fluentui/pull/27118) by behowell@microsoft.com)
240
+
7
241
  ## [9.18.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.18.1)
8
242
 
9
- Wed, 15 Mar 2023 10:17:01 GMT
243
+ Wed, 15 Mar 2023 10:19:50 GMT
10
244
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.18.0..@fluentui/react-components_v9.18.1)
11
245
 
12
246
  ### Minor changes
package/dist/unstable.d.ts CHANGED
@@ -24,6 +24,11 @@ import { infoButtonClassNames } from '@fluentui/react-infobutton';
24
24
  import { InfoButtonProps } from '@fluentui/react-infobutton';
25
25
  import { InfoButtonSlots } from '@fluentui/react-infobutton';
26
26
  import { InfoButtonState } from '@fluentui/react-infobutton';
27
+ import { InfoLabel } from '@fluentui/react-infobutton';
28
+ import { infoLabelClassNames } from '@fluentui/react-infobutton';
29
+ import { InfoLabelProps } from '@fluentui/react-infobutton';
30
+ import { InfoLabelSlots } from '@fluentui/react-infobutton';
31
+ import { InfoLabelState } from '@fluentui/react-infobutton';
27
32
  import { InputField_unstable as InputField } from '@fluentui/react-input';
28
33
  import { inputFieldClassNames } from '@fluentui/react-input';
29
34
  import { InputFieldProps_unstable as InputFieldProps } from '@fluentui/react-input';
@@ -37,6 +42,7 @@ import { RadioGroupFieldProps_unstable as RadioGroupFieldProps } from '@fluentui
37
42
  import { renderAlert_unstable } from '@fluentui/react-alert';
38
43
  import { renderField_unstable } from '@fluentui/react-field';
39
44
  import { renderInfoButton_unstable } from '@fluentui/react-infobutton';
45
+ import { renderInfoLabel_unstable } from '@fluentui/react-infobutton';
40
46
  import { renderSkeleton_unstable } from '@fluentui/react-skeleton';
41
47
  import { renderSkeletonItem_unstable } from '@fluentui/react-skeleton';
42
48
  import { renderTree_unstable } from '@fluentui/react-tree';
@@ -107,6 +113,8 @@ import { useFieldStyles_unstable } from '@fluentui/react-field';
107
113
  import { useFlatTree_unstable } from '@fluentui/react-tree';
108
114
  import { useInfoButton_unstable } from '@fluentui/react-infobutton';
109
115
  import { useInfoButtonStyles_unstable } from '@fluentui/react-infobutton';
116
+ import { useInfoLabel_unstable } from '@fluentui/react-infobutton';
117
+ import { useInfoLabelStyles_unstable } from '@fluentui/react-infobutton';
110
118
  import { useIntersectionObserver } from '@fluentui/react-virtualizer';
111
119
  import { useSkeleton_unstable } from '@fluentui/react-skeleton';
112
120
  import { useSkeletonContext } from '@fluentui/react-skeleton';
@@ -184,6 +192,16 @@ export { InfoButtonSlots }
184
192
 
185
193
  export { InfoButtonState }
186
194
 
195
+ export { InfoLabel }
196
+
197
+ export { infoLabelClassNames }
198
+
199
+ export { InfoLabelProps }
200
+
201
+ export { InfoLabelSlots }
202
+
203
+ export { InfoLabelState }
204
+
187
205
  export { InputField }
188
206
 
189
207
  export { inputFieldClassNames }
@@ -210,6 +228,8 @@ export { renderField_unstable }
210
228
 
211
229
  export { renderInfoButton_unstable }
212
230
 
231
+ export { renderInfoLabel_unstable }
232
+
213
233
  export { renderSkeleton_unstable }
214
234
 
215
235
  export { renderSkeletonItem_unstable }
@@ -350,6 +370,10 @@ export { useInfoButton_unstable }
350
370
 
351
371
  export { useInfoButtonStyles_unstable }
352
372
 
373
+ export { useInfoLabel_unstable }
374
+
375
+ export { useInfoLabelStyles_unstable }
376
+
353
377
  export { useIntersectionObserver }
354
378
 
355
379
  export { useSkeleton_unstable }
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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"}