@fluentui/react-components 9.33.0 → 9.34.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.
package/CHANGELOG.json CHANGED
@@ -2,7 +2,235 @@
2
2
  "name": "@fluentui/react-components",
3
3
  "entries": [
4
4
  {
5
- "date": "Mon, 02 Oct 2023 08:53:02 GMT",
5
+ "date": "Thu, 05 Oct 2023 15:17:55 GMT",
6
+ "tag": "@fluentui/react-components_v9.34.1",
7
+ "version": "9.34.1",
8
+ "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "bernardo.sunderhus@gmail.com",
12
+ "package": "@fluentui/react-alert",
13
+ "commit": "86dd76990e3da5af1f2b6b04a3aec46141d5a653",
14
+ "comment": "chore: migrate from getNativeElementProps to getIntrinsicElementProps"
15
+ }
16
+ ],
17
+ "minor": [
18
+ {
19
+ "author": "vkozlova@microsoft.com",
20
+ "package": "@fluentui/react-breadcrumb-preview",
21
+ "commit": "b3a0fb9ea16298ba5553c7338cb9ec55fd5ef66b",
22
+ "comment": "feat: register items via context"
23
+ },
24
+ {
25
+ "author": "marcosvmmoura@gmail.com",
26
+ "package": "@fluentui/react-motion-preview",
27
+ "commit": "a57604cac122983e263313ac3794d9f63c44e63f",
28
+ "comment": "feat: create useMotionClassNames hook"
29
+ }
30
+ ],
31
+ "patch": [
32
+ {
33
+ "author": "bernardo.sunderhus@gmail.com",
34
+ "package": "@fluentui/react-components",
35
+ "commit": "25efb3d7d63f03a754f4a490175e24fec9b32ad6",
36
+ "comment": "chore: re-exports DialogSurface context types and hooks"
37
+ },
38
+ {
39
+ "author": "bernardo.sunderhus@gmail.com",
40
+ "package": "@fluentui/react-dialog",
41
+ "commit": "86dd76990e3da5af1f2b6b04a3aec46141d5a653",
42
+ "comment": "chore: migrate from getNativeElementProps to getIntrinsicElementProps"
43
+ },
44
+ {
45
+ "author": "bernardo.sunderhus@gmail.com",
46
+ "package": "@fluentui/react-dialog",
47
+ "commit": "a4410f44533c70f69f53c4985d2e72f4c41d874e",
48
+ "comment": "bugfix: removes context hooks invocations from styles hook"
49
+ },
50
+ {
51
+ "author": "bernardo.sunderhus@gmail.com",
52
+ "package": "@fluentui/react-dialog",
53
+ "commit": "25efb3d7d63f03a754f4a490175e24fec9b32ad6",
54
+ "comment": "chore: exports DialogSurface context types and hooks"
55
+ },
56
+ {
57
+ "author": "bernardo.sunderhus@gmail.com",
58
+ "package": "@fluentui/react-link",
59
+ "commit": "face7fef2060504eb2c5f27c9c7b1de1ff6cab76",
60
+ "comment": "chore: adds style to remove default outline style"
61
+ },
62
+ {
63
+ "author": "bernardo.sunderhus@gmail.com",
64
+ "package": "@fluentui/react-menu",
65
+ "commit": "86dd76990e3da5af1f2b6b04a3aec46141d5a653",
66
+ "comment": "chore: migrate from getNativeElementProps to getIntrinsicElementProps"
67
+ },
68
+ {
69
+ "author": "bernardo.sunderhus@gmail.com",
70
+ "package": "@fluentui/react-message-bar-preview",
71
+ "commit": "86dd76990e3da5af1f2b6b04a3aec46141d5a653",
72
+ "comment": "chore: migrate from getNativeElementProps to getIntrinsicElementProps"
73
+ },
74
+ {
75
+ "author": "lingfangao@hotmail.com",
76
+ "package": "@fluentui/react-message-bar-preview",
77
+ "commit": "f61b2b14b6daf39bb3c2da1909a4cfce94c73845",
78
+ "comment": "fix: screenreader narration improvements"
79
+ },
80
+ {
81
+ "author": "bernardo.sunderhus@gmail.com",
82
+ "package": "@fluentui/react-migration-v0-v9",
83
+ "commit": "86dd76990e3da5af1f2b6b04a3aec46141d5a653",
84
+ "comment": "chore: migrate from getNativeElementProps to getIntrinsicElementProps"
85
+ },
86
+ {
87
+ "author": "bernardo.sunderhus@gmail.com",
88
+ "package": "@fluentui/react-popover",
89
+ "commit": "86dd76990e3da5af1f2b6b04a3aec46141d5a653",
90
+ "comment": "chore: migrate from getNativeElementProps to getIntrinsicElementProps"
91
+ },
92
+ {
93
+ "author": "lingfan.gao@microsoft.com",
94
+ "package": "@fluentui/react-positioning",
95
+ "commit": "401ff6d9af9536b24ab3c52c658127d19706e030",
96
+ "comment": "fix: Consider all parents as scroll parents"
97
+ },
98
+ {
99
+ "author": "bernardo.sunderhus@gmail.com",
100
+ "package": "@fluentui/react-provider",
101
+ "commit": "86dd76990e3da5af1f2b6b04a3aec46141d5a653",
102
+ "comment": "chore: migrate from getNativeElementProps to getIntrinsicElementProps"
103
+ },
104
+ {
105
+ "author": "bernardo.sunderhus@gmail.com",
106
+ "package": "@fluentui/react-table",
107
+ "commit": "86dd76990e3da5af1f2b6b04a3aec46141d5a653",
108
+ "comment": "chore: migrate from getNativeElementProps to getIntrinsicElementProps"
109
+ },
110
+ {
111
+ "author": "lingfangao@hotmail.com",
112
+ "package": "@fluentui/react-table",
113
+ "commit": "1c0919a13a533014b70d6da64500f6bfe2ff14b3",
114
+ "comment": "fix(useTableColumnSizing): Removes the measuring div and measures parent"
115
+ },
116
+ {
117
+ "author": "bernardo.sunderhus@gmail.com",
118
+ "package": "@fluentui/react-tabster",
119
+ "commit": "face7fef2060504eb2c5f27c9c7b1de1ff6cab76",
120
+ "comment": "chore: adds comments on createCustomFocusIndicatorStyle to explain that the default outline style is not removed"
121
+ },
122
+ {
123
+ "author": "bernardo.sunderhus@gmail.com",
124
+ "package": "@fluentui/react-tags",
125
+ "commit": "86dd76990e3da5af1f2b6b04a3aec46141d5a653",
126
+ "comment": "chore: migrate from getNativeElementProps to getIntrinsicElementProps"
127
+ },
128
+ {
129
+ "author": "bernardo.sunderhus@gmail.com",
130
+ "package": "@fluentui/react-toast",
131
+ "commit": "86dd76990e3da5af1f2b6b04a3aec46141d5a653",
132
+ "comment": "chore: migrate from getNativeElementProps to getIntrinsicElementProps"
133
+ },
134
+ {
135
+ "author": "bernardo.sunderhus@gmail.com",
136
+ "package": "@fluentui/react-toolbar",
137
+ "commit": "86dd76990e3da5af1f2b6b04a3aec46141d5a653",
138
+ "comment": "chore: migrate from getNativeElementProps to getIntrinsicElementProps"
139
+ },
140
+ {
141
+ "author": "bernardo.sunderhus@gmail.com",
142
+ "package": "@fluentui/react-tree",
143
+ "commit": "86dd76990e3da5af1f2b6b04a3aec46141d5a653",
144
+ "comment": "chore: migrate from getNativeElementProps to getIntrinsicElementProps"
145
+ },
146
+ {
147
+ "author": "bernardo.sunderhus@gmail.com",
148
+ "package": "@fluentui/react-tree",
149
+ "commit": "f9ef593dd07abb0341e7be09f60cb841d577135d",
150
+ "comment": "bugfix: ensure TreeItem emits events properly"
151
+ },
152
+ {
153
+ "author": "yuanboxue@microsoft.com",
154
+ "package": "@fluentui/react-utilities",
155
+ "commit": "690590449dc3d65cd40b2b06a990fd920180919d",
156
+ "comment": "Revert fix: useOnScrollOutside should invoke callback on dragging scrollbar"
157
+ }
158
+ ]
159
+ }
160
+ },
161
+ {
162
+ "date": "Wed, 04 Oct 2023 08:45:45 GMT",
163
+ "tag": "@fluentui/react-components_v9.34.0",
164
+ "version": "9.34.0",
165
+ "comments": {
166
+ "patch": [
167
+ {
168
+ "author": "mifraser@microsoft.com",
169
+ "package": "@fluentui/react-button",
170
+ "commit": "764314f0644f7de360536a955442c06470406c5b",
171
+ "comment": "Fix: Button focus borders were extending past bounding box causing overlap, focus border is now inset"
172
+ },
173
+ {
174
+ "author": "vkozlova@microsoft.com",
175
+ "package": "@fluentui/react-button",
176
+ "commit": "44fc4425708d04018dbfa0875f453df324068fd7",
177
+ "comment": "fix: Icon in disabled Button shouldn't change color on hover or pressed."
178
+ },
179
+ {
180
+ "author": "gcox@microsoft.com",
181
+ "package": "@fluentui/react-progress",
182
+ "commit": "e0d871e6236b9ef86b8566daf7c8ba61a7325b1f",
183
+ "comment": "fix: Updated slots to be required in ProgressBarState"
184
+ },
185
+ {
186
+ "author": "bernardo.sunderhus@gmail.com",
187
+ "package": "@fluentui/react-tree",
188
+ "commit": "eb4533eee19eba7b7177e9938e5c5fd642f0e691",
189
+ "comment": "chore: replace makeStyles with makeResetStyles"
190
+ },
191
+ {
192
+ "author": "bernardo.sunderhus@gmail.com",
193
+ "package": "@fluentui/react-tree",
194
+ "commit": "3b210c90f667620c54a8b85b99bf33888afa1f57",
195
+ "comment": "chore: delegate focus outline to layout components"
196
+ }
197
+ ],
198
+ "minor": [
199
+ {
200
+ "author": "bernardo.sunderhus@gmail.com",
201
+ "package": "@fluentui/react-components",
202
+ "commit": "f61033d77d6852838c580bfa7379d026128c2dbb",
203
+ "comment": "feat: exports getIntrinsicElementProps method"
204
+ },
205
+ {
206
+ "author": "yuanboxue@microsoft.com",
207
+ "package": "@fluentui/react-components",
208
+ "commit": "e81fd717e06cab9d563e32a721fdf07346d084f9",
209
+ "comment": "feat: release Tag component"
210
+ },
211
+ {
212
+ "author": "lingfangao@hotmail.com",
213
+ "package": "@fluentui/react-message-bar-preview",
214
+ "commit": "b93332889af6fc14d25bcfe50ed0c56d988c10f8",
215
+ "comment": "feat: release preview package"
216
+ },
217
+ {
218
+ "author": "yuanboxue@microsoft.com",
219
+ "package": "@fluentui/react-tags",
220
+ "commit": "e81fd717e06cab9d563e32a721fdf07346d084f9",
221
+ "comment": "feat: initial release"
222
+ },
223
+ {
224
+ "author": "bernardo.sunderhus@gmail.com",
225
+ "package": "@fluentui/react-utilities",
226
+ "commit": "f61033d77d6852838c580bfa7379d026128c2dbb",
227
+ "comment": "feat: creates getIntrinsicElementProps to replace getNativeElementProps on slots creation"
228
+ }
229
+ ]
230
+ }
231
+ },
232
+ {
233
+ "date": "Mon, 02 Oct 2023 08:56:03 GMT",
6
234
  "tag": "@fluentui/react-components_v9.33.0",
7
235
  "version": "9.33.0",
8
236
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,97 @@
1
1
  # Change Log - @fluentui/react-components
2
2
 
3
- This log was last generated on Mon, 02 Oct 2023 08:53:02 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 05 Oct 2023 15:17:55 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.34.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.34.1)
8
+
9
+ Thu, 05 Oct 2023 15:17:55 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.34.0..@fluentui/react-components_v9.34.1)
11
+
12
+ ### Minor changes
13
+
14
+ - `@fluentui/react-breadcrumb-preview`
15
+ - feat: register items via context ([PR #29393](https://github.com/microsoft/fluentui/pull/29393) by vkozlova@microsoft.com)
16
+ - `@fluentui/react-motion-preview`
17
+ - feat: create useMotionClassNames hook ([PR #29401](https://github.com/microsoft/fluentui/pull/29401) by marcosvmmoura@gmail.com)
18
+
19
+ ### Patches
20
+
21
+ - `@fluentui/react-components`
22
+ - chore: re-exports DialogSurface context types and hooks ([PR #29397](https://github.com/microsoft/fluentui/pull/29397) by bernardo.sunderhus@gmail.com)
23
+ - `@fluentui/react-dialog`
24
+ - chore: migrate from getNativeElementProps to getIntrinsicElementProps ([PR #29387](https://github.com/microsoft/fluentui/pull/29387) by bernardo.sunderhus@gmail.com)
25
+ - bugfix: removes context hooks invocations from styles hook ([PR #29396](https://github.com/microsoft/fluentui/pull/29396) by bernardo.sunderhus@gmail.com)
26
+ - chore: exports DialogSurface context types and hooks ([PR #29397](https://github.com/microsoft/fluentui/pull/29397) by bernardo.sunderhus@gmail.com)
27
+ - `@fluentui/react-link`
28
+ - chore: adds style to remove default outline style ([PR #29336](https://github.com/microsoft/fluentui/pull/29336) by bernardo.sunderhus@gmail.com)
29
+ - `@fluentui/react-menu`
30
+ - chore: migrate from getNativeElementProps to getIntrinsicElementProps ([PR #29387](https://github.com/microsoft/fluentui/pull/29387) by bernardo.sunderhus@gmail.com)
31
+ - `@fluentui/react-message-bar-preview`
32
+ - chore: migrate from getNativeElementProps to getIntrinsicElementProps ([PR #29387](https://github.com/microsoft/fluentui/pull/29387) by bernardo.sunderhus@gmail.com)
33
+ - fix: screenreader narration improvements ([PR #29404](https://github.com/microsoft/fluentui/pull/29404) by lingfangao@hotmail.com)
34
+ - `@fluentui/react-migration-v0-v9`
35
+ - chore: migrate from getNativeElementProps to getIntrinsicElementProps ([PR #29387](https://github.com/microsoft/fluentui/pull/29387) by bernardo.sunderhus@gmail.com)
36
+ - `@fluentui/react-popover`
37
+ - chore: migrate from getNativeElementProps to getIntrinsicElementProps ([PR #29387](https://github.com/microsoft/fluentui/pull/29387) by bernardo.sunderhus@gmail.com)
38
+ - `@fluentui/react-positioning`
39
+ - fix: Consider all parents as scroll parents ([PR #29378](https://github.com/microsoft/fluentui/pull/29378) by lingfan.gao@microsoft.com)
40
+ - `@fluentui/react-provider`
41
+ - chore: migrate from getNativeElementProps to getIntrinsicElementProps ([PR #29387](https://github.com/microsoft/fluentui/pull/29387) by bernardo.sunderhus@gmail.com)
42
+ - `@fluentui/react-table`
43
+ - chore: migrate from getNativeElementProps to getIntrinsicElementProps ([PR #29387](https://github.com/microsoft/fluentui/pull/29387) by bernardo.sunderhus@gmail.com)
44
+ - fix(useTableColumnSizing): Removes the measuring div and measures parent ([PR #29363](https://github.com/microsoft/fluentui/pull/29363) by lingfangao@hotmail.com)
45
+ - `@fluentui/react-tabster`
46
+ - chore: adds comments on createCustomFocusIndicatorStyle to explain that the default outline style is not removed ([PR #29336](https://github.com/microsoft/fluentui/pull/29336) by bernardo.sunderhus@gmail.com)
47
+ - `@fluentui/react-tags`
48
+ - chore: migrate from getNativeElementProps to getIntrinsicElementProps ([PR #29387](https://github.com/microsoft/fluentui/pull/29387) by bernardo.sunderhus@gmail.com)
49
+ - `@fluentui/react-toast`
50
+ - chore: migrate from getNativeElementProps to getIntrinsicElementProps ([PR #29387](https://github.com/microsoft/fluentui/pull/29387) by bernardo.sunderhus@gmail.com)
51
+ - `@fluentui/react-toolbar`
52
+ - chore: migrate from getNativeElementProps to getIntrinsicElementProps ([PR #29387](https://github.com/microsoft/fluentui/pull/29387) by bernardo.sunderhus@gmail.com)
53
+ - `@fluentui/react-tree`
54
+ - chore: migrate from getNativeElementProps to getIntrinsicElementProps ([PR #29387](https://github.com/microsoft/fluentui/pull/29387) by bernardo.sunderhus@gmail.com)
55
+ - bugfix: ensure TreeItem emits events properly ([PR #29390](https://github.com/microsoft/fluentui/pull/29390) by bernardo.sunderhus@gmail.com)
56
+ - `@fluentui/react-utilities`
57
+ - Revert fix: useOnScrollOutside should invoke callback on dragging scrollbar ([PR #29412](https://github.com/microsoft/fluentui/pull/29412) by yuanboxue@microsoft.com)
58
+
59
+ ### Changes
60
+
61
+ - `@fluentui/react-alert`
62
+ - chore: migrate from getNativeElementProps to getIntrinsicElementProps ([PR #29387](https://github.com/microsoft/fluentui/pull/29387) by bernardo.sunderhus@gmail.com)
63
+
64
+ ## [9.34.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.34.0)
65
+
66
+ Wed, 04 Oct 2023 08:45:45 GMT
67
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.33.0..@fluentui/react-components_v9.34.0)
68
+
69
+ ### Minor changes
70
+
71
+ - `@fluentui/react-components`
72
+ - feat: exports getIntrinsicElementProps method ([PR #29310](https://github.com/microsoft/fluentui/pull/29310) by bernardo.sunderhus@gmail.com)
73
+ - feat: release Tag component ([PR #29355](https://github.com/microsoft/fluentui/pull/29355) by yuanboxue@microsoft.com)
74
+ - `@fluentui/react-message-bar-preview`
75
+ - feat: release preview package ([PR #29377](https://github.com/microsoft/fluentui/pull/29377) by lingfangao@hotmail.com)
76
+ - `@fluentui/react-tags`
77
+ - feat: initial release ([PR #29355](https://github.com/microsoft/fluentui/pull/29355) by yuanboxue@microsoft.com)
78
+ - `@fluentui/react-utilities`
79
+ - feat: creates getIntrinsicElementProps to replace getNativeElementProps on slots creation ([PR #29310](https://github.com/microsoft/fluentui/pull/29310) by bernardo.sunderhus@gmail.com)
80
+
81
+ ### Patches
82
+
83
+ - `@fluentui/react-button`
84
+ - Fix: Button focus borders were extending past bounding box causing overlap, focus border is now inset ([PR #28705](https://github.com/microsoft/fluentui/pull/28705) by mifraser@microsoft.com)
85
+ - fix: Icon in disabled Button shouldn't change color on hover or pressed. ([PR #29342](https://github.com/microsoft/fluentui/pull/29342) by vkozlova@microsoft.com)
86
+ - `@fluentui/react-progress`
87
+ - fix: Updated slots to be required in ProgressBarState ([PR #29366](https://github.com/microsoft/fluentui/pull/29366) by gcox@microsoft.com)
88
+ - `@fluentui/react-tree`
89
+ - chore: replace makeStyles with makeResetStyles ([PR #29338](https://github.com/microsoft/fluentui/pull/29338) by bernardo.sunderhus@gmail.com)
90
+ - chore: delegate focus outline to layout components ([PR #29293](https://github.com/microsoft/fluentui/pull/29293) by bernardo.sunderhus@gmail.com)
91
+
7
92
  ## [9.33.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.33.0)
8
93
 
9
- Mon, 02 Oct 2023 08:53:02 GMT
94
+ Mon, 02 Oct 2023 08:56:03 GMT
10
95
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.32.3..@fluentui/react-components_v9.33.0)
11
96
 
12
97
  ### Minor changes
package/dist/index.d.ts CHANGED
@@ -230,6 +230,7 @@ import { DialogState } from '@fluentui/react-dialog';
230
230
  import { DialogSurface } from '@fluentui/react-dialog';
231
231
  import { dialogSurfaceClassNames } from '@fluentui/react-dialog';
232
232
  import { DialogSurfaceContextValue } from '@fluentui/react-dialog';
233
+ import { DialogSurfaceContextValues } from '@fluentui/react-dialog';
233
234
  import { DialogSurfaceProps } from '@fluentui/react-dialog';
234
235
  import { DialogSurfaceSlots } from '@fluentui/react-dialog';
235
236
  import { DialogSurfaceState } from '@fluentui/react-dialog';
@@ -289,6 +290,7 @@ import { FontFamilyTokens } from '@fluentui/react-theme';
289
290
  import { FontSizeTokens } from '@fluentui/react-theme';
290
291
  import { FontWeightTokens } from '@fluentui/react-theme';
291
292
  import { ForwardRefComponent } from '@fluentui/react-utilities';
293
+ import { getIntrinsicElementProps } from '@fluentui/react-utilities';
292
294
  import { getNativeElementProps } from '@fluentui/react-utilities';
293
295
  import { getPartitionedNativeProps } from '@fluentui/react-utilities';
294
296
  import { getSlots } from '@fluentui/react-utilities';
@@ -312,6 +314,22 @@ import { InputOnChangeData } from '@fluentui/react-input';
312
314
  import { InputProps } from '@fluentui/react-input';
313
315
  import { InputSlots } from '@fluentui/react-input';
314
316
  import { InputState } from '@fluentui/react-input';
317
+ import { InteractionTag } from '@fluentui/react-tags';
318
+ import { interactionTagClassNames } from '@fluentui/react-tags';
319
+ import { InteractionTagPrimary } from '@fluentui/react-tags';
320
+ import { interactionTagPrimaryClassNames } from '@fluentui/react-tags';
321
+ import { InteractionTagPrimaryContextValues } from '@fluentui/react-tags';
322
+ import { InteractionTagPrimaryProps } from '@fluentui/react-tags';
323
+ import { InteractionTagPrimarySlots } from '@fluentui/react-tags';
324
+ import { InteractionTagPrimaryState } from '@fluentui/react-tags';
325
+ import { InteractionTagProps } from '@fluentui/react-tags';
326
+ import { InteractionTagSecondary } from '@fluentui/react-tags';
327
+ import { interactionTagSecondaryClassNames } from '@fluentui/react-tags';
328
+ import { InteractionTagSecondaryProps } from '@fluentui/react-tags';
329
+ import { InteractionTagSecondarySlots } from '@fluentui/react-tags';
330
+ import { InteractionTagSecondaryState } from '@fluentui/react-tags';
331
+ import { InteractionTagSlots } from '@fluentui/react-tags';
332
+ import { InteractionTagState } from '@fluentui/react-tags';
315
333
  import { Label } from '@fluentui/react-label';
316
334
  import { labelClassNames } from '@fluentui/react-label';
317
335
  import { LabelProps } from '@fluentui/react-label';
@@ -543,6 +561,9 @@ import { renderFlatTree_unstable } from '@fluentui/react-tree';
543
561
  import { renderFluentProvider_unstable } from '@fluentui/react-provider';
544
562
  import { renderImage_unstable } from '@fluentui/react-image';
545
563
  import { renderInput_unstable } from '@fluentui/react-input';
564
+ import { renderInteractionTag_unstable } from '@fluentui/react-tags';
565
+ import { renderInteractionTagPrimary_unstable } from '@fluentui/react-tags';
566
+ import { renderInteractionTagSecondary_unstable } from '@fluentui/react-tags';
546
567
  import { renderLabel_unstable } from '@fluentui/react-label';
547
568
  import { renderLink_unstable } from '@fluentui/react-link';
548
569
  import { renderListbox_unstable } from '@fluentui/react-combobox';
@@ -589,6 +610,8 @@ import { renderTableResizeHandle_unstable } from '@fluentui/react-table';
589
610
  import { renderTableRow_unstable } from '@fluentui/react-table';
590
611
  import { renderTableSelectionCell_unstable } from '@fluentui/react-table';
591
612
  import { renderTabList_unstable } from '@fluentui/react-tabs';
613
+ import { renderTag_unstable } from '@fluentui/react-tags';
614
+ import { renderTagGroup_unstable } from '@fluentui/react-tags';
592
615
  import { renderText_unstable } from '@fluentui/react-text';
593
616
  import { renderTextarea_unstable } from '@fluentui/react-textarea';
594
617
  import { renderToast_unstable } from '@fluentui/react-toast';
@@ -768,6 +791,23 @@ import { TabRegisterData } from '@fluentui/react-tabs';
768
791
  import { TabSlots } from '@fluentui/react-tabs';
769
792
  import { TabState } from '@fluentui/react-tabs';
770
793
  import { TabValue } from '@fluentui/react-tabs';
794
+ import { Tag } from '@fluentui/react-tags';
795
+ import { TagAppearance } from '@fluentui/react-tags';
796
+ import { tagClassNames } from '@fluentui/react-tags';
797
+ import { TagDismissData } from '@fluentui/react-tags';
798
+ import { TagDismissEvent } from '@fluentui/react-tags';
799
+ import { TagDismissHandler } from '@fluentui/react-tags';
800
+ import { TagGroup } from '@fluentui/react-tags';
801
+ import { tagGroupClassNames } from '@fluentui/react-tags';
802
+ import { TagGroupProps } from '@fluentui/react-tags';
803
+ import { TagGroupSlots } from '@fluentui/react-tags';
804
+ import { TagGroupState } from '@fluentui/react-tags';
805
+ import { TagProps } from '@fluentui/react-tags';
806
+ import { TagShape } from '@fluentui/react-tags';
807
+ import { TagSize } from '@fluentui/react-tags';
808
+ import { TagSlots } from '@fluentui/react-tags';
809
+ import { TagState } from '@fluentui/react-tags';
810
+ import { TagValue } from '@fluentui/react-tags';
771
811
  import { teamsDarkTheme } from '@fluentui/react-theme';
772
812
  import { teamsHighContrastTheme } from '@fluentui/react-theme';
773
813
  import { teamsLightTheme } from '@fluentui/react-theme';
@@ -976,6 +1016,7 @@ import { useDialogContentStyles_unstable } from '@fluentui/react-dialog';
976
1016
  import { useDialogContext_unstable } from '@fluentui/react-dialog';
977
1017
  import { useDialogSurface_unstable } from '@fluentui/react-dialog';
978
1018
  import { useDialogSurfaceContext_unstable } from '@fluentui/react-dialog';
1019
+ import { useDialogSurfaceContextValues_unstable } from '@fluentui/react-dialog';
979
1020
  import { useDialogSurfaceStyles_unstable } from '@fluentui/react-dialog';
980
1021
  import { useDialogTitle_unstable } from '@fluentui/react-dialog';
981
1022
  import { useDialogTitleStyles_unstable } from '@fluentui/react-dialog';
@@ -1009,6 +1050,13 @@ import { useImage_unstable } from '@fluentui/react-image';
1009
1050
  import { useImageStyles_unstable } from '@fluentui/react-image';
1010
1051
  import { useInput_unstable } from '@fluentui/react-input';
1011
1052
  import { useInputStyles_unstable } from '@fluentui/react-input';
1053
+ import { useInteractionTag_unstable } from '@fluentui/react-tags';
1054
+ import { useInteractionTagContextValues_unstable } from '@fluentui/react-tags';
1055
+ import { useInteractionTagPrimary_unstable } from '@fluentui/react-tags';
1056
+ import { useInteractionTagPrimaryStyles_unstable } from '@fluentui/react-tags';
1057
+ import { useInteractionTagSecondary_unstable } from '@fluentui/react-tags';
1058
+ import { useInteractionTagSecondaryStyles_unstable } from '@fluentui/react-tags';
1059
+ import { useInteractionTagStyles_unstable } from '@fluentui/react-tags';
1012
1060
  import { useIsInTableHeader } from '@fluentui/react-table';
1013
1061
  import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
1014
1062
  import { useIsOverflowGroupVisible } from '@fluentui/react-overflow';
@@ -1140,6 +1188,12 @@ import { useTabListContext_unstable } from '@fluentui/react-tabs';
1140
1188
  import { useTabListContextValues_unstable } from '@fluentui/react-tabs';
1141
1189
  import { useTabListStyles_unstable } from '@fluentui/react-tabs';
1142
1190
  import { useTabStyles_unstable } from '@fluentui/react-tabs';
1191
+ import { useTag_unstable } from '@fluentui/react-tags';
1192
+ import { useTagAvatarContextValues_unstable } from '@fluentui/react-tags';
1193
+ import { useTagGroup_unstable } from '@fluentui/react-tags';
1194
+ import { useTagGroupContextValues_unstable } from '@fluentui/react-tags';
1195
+ import { useTagGroupStyles_unstable } from '@fluentui/react-tags';
1196
+ import { useTagStyles_unstable } from '@fluentui/react-tags';
1143
1197
  import { useText_unstable } from '@fluentui/react-text';
1144
1198
  import { useTextarea_unstable } from '@fluentui/react-textarea';
1145
1199
  import { useTextareaStyles_unstable } from '@fluentui/react-textarea';
@@ -1655,6 +1709,8 @@ export { dialogSurfaceClassNames }
1655
1709
 
1656
1710
  export { DialogSurfaceContextValue }
1657
1711
 
1712
+ export { DialogSurfaceContextValues }
1713
+
1658
1714
  export { DialogSurfaceProps }
1659
1715
 
1660
1716
  export { DialogSurfaceSlots }
@@ -1773,6 +1829,8 @@ export { FontWeightTokens }
1773
1829
 
1774
1830
  export { ForwardRefComponent }
1775
1831
 
1832
+ export { getIntrinsicElementProps }
1833
+
1776
1834
  export { getNativeElementProps }
1777
1835
 
1778
1836
  export { getPartitionedNativeProps }
@@ -1819,6 +1877,38 @@ export { InputSlots }
1819
1877
 
1820
1878
  export { InputState }
1821
1879
 
1880
+ export { InteractionTag }
1881
+
1882
+ export { interactionTagClassNames }
1883
+
1884
+ export { InteractionTagPrimary }
1885
+
1886
+ export { interactionTagPrimaryClassNames }
1887
+
1888
+ export { InteractionTagPrimaryContextValues }
1889
+
1890
+ export { InteractionTagPrimaryProps }
1891
+
1892
+ export { InteractionTagPrimarySlots }
1893
+
1894
+ export { InteractionTagPrimaryState }
1895
+
1896
+ export { InteractionTagProps }
1897
+
1898
+ export { InteractionTagSecondary }
1899
+
1900
+ export { interactionTagSecondaryClassNames }
1901
+
1902
+ export { InteractionTagSecondaryProps }
1903
+
1904
+ export { InteractionTagSecondarySlots }
1905
+
1906
+ export { InteractionTagSecondaryState }
1907
+
1908
+ export { InteractionTagSlots }
1909
+
1910
+ export { InteractionTagState }
1911
+
1822
1912
  export { Label }
1823
1913
 
1824
1914
  export { labelClassNames }
@@ -2281,6 +2371,12 @@ export { renderImage_unstable }
2281
2371
 
2282
2372
  export { renderInput_unstable }
2283
2373
 
2374
+ export { renderInteractionTag_unstable }
2375
+
2376
+ export { renderInteractionTagPrimary_unstable }
2377
+
2378
+ export { renderInteractionTagSecondary_unstable }
2379
+
2284
2380
  export { renderLabel_unstable }
2285
2381
 
2286
2382
  export { renderLink_unstable }
@@ -2373,6 +2469,10 @@ export { renderTableSelectionCell_unstable }
2373
2469
 
2374
2470
  export { renderTabList_unstable }
2375
2471
 
2472
+ export { renderTag_unstable }
2473
+
2474
+ export { renderTagGroup_unstable }
2475
+
2376
2476
  export { renderText_unstable }
2377
2477
 
2378
2478
  export { renderTextarea_unstable }
@@ -2731,6 +2831,40 @@ export { TabState }
2731
2831
 
2732
2832
  export { TabValue }
2733
2833
 
2834
+ export { Tag }
2835
+
2836
+ export { TagAppearance }
2837
+
2838
+ export { tagClassNames }
2839
+
2840
+ export { TagDismissData }
2841
+
2842
+ export { TagDismissEvent }
2843
+
2844
+ export { TagDismissHandler }
2845
+
2846
+ export { TagGroup }
2847
+
2848
+ export { tagGroupClassNames }
2849
+
2850
+ export { TagGroupProps }
2851
+
2852
+ export { TagGroupSlots }
2853
+
2854
+ export { TagGroupState }
2855
+
2856
+ export { TagProps }
2857
+
2858
+ export { TagShape }
2859
+
2860
+ export { TagSize }
2861
+
2862
+ export { TagSlots }
2863
+
2864
+ export { TagState }
2865
+
2866
+ export { TagValue }
2867
+
2734
2868
  export { teamsDarkTheme }
2735
2869
 
2736
2870
  export { teamsHighContrastTheme }
@@ -3147,6 +3281,8 @@ export { useDialogSurface_unstable }
3147
3281
 
3148
3282
  export { useDialogSurfaceContext_unstable }
3149
3283
 
3284
+ export { useDialogSurfaceContextValues_unstable }
3285
+
3150
3286
  export { useDialogSurfaceStyles_unstable }
3151
3287
 
3152
3288
  export { useDialogTitle_unstable }
@@ -3213,6 +3349,20 @@ export { useInput_unstable }
3213
3349
 
3214
3350
  export { useInputStyles_unstable }
3215
3351
 
3352
+ export { useInteractionTag_unstable }
3353
+
3354
+ export { useInteractionTagContextValues_unstable }
3355
+
3356
+ export { useInteractionTagPrimary_unstable }
3357
+
3358
+ export { useInteractionTagPrimaryStyles_unstable }
3359
+
3360
+ export { useInteractionTagSecondary_unstable }
3361
+
3362
+ export { useInteractionTagSecondaryStyles_unstable }
3363
+
3364
+ export { useInteractionTagStyles_unstable }
3365
+
3216
3366
  export { useIsInTableHeader }
3217
3367
 
3218
3368
  export { useIsomorphicLayoutEffect }
@@ -3475,6 +3625,18 @@ export { useTabListStyles_unstable }
3475
3625
 
3476
3626
  export { useTabStyles_unstable }
3477
3627
 
3628
+ export { useTag_unstable }
3629
+
3630
+ export { useTagAvatarContextValues_unstable }
3631
+
3632
+ export { useTagGroup_unstable }
3633
+
3634
+ export { useTagGroupContextValues_unstable }
3635
+
3636
+ export { useTagGroupStyles_unstable }
3637
+
3638
+ export { useTagStyles_unstable }
3639
+
3478
3640
  export { useText_unstable }
3479
3641
 
3480
3642
  export { useTextarea_unstable }
package/lib/index.js CHANGED
@@ -4,7 +4,7 @@ export { createCSSRuleFromTheme, FluentProvider, fluentProviderClassNames, rende
4
4
  export { createCustomFocusIndicatorStyle, createFocusOutlineStyle, useArrowNavigationGroup, useFocusableGroup, useFocusFinders, useFocusWithin, useKeyboardNavAttribute, useModalAttributes, useObservedElement, useFocusObserved, useRestoreFocusTarget, useRestoreFocusSource } from '@fluentui/react-tabster';
5
5
  export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme, themeToTokensObject, teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, tokens, typographyStyles, webDarkTheme, webLightTheme } from '@fluentui/react-theme';
6
6
  export { useFluent_unstable as useFluent, useTooltipVisibility_unstable as useTooltipVisibility, useThemeClassName_unstable as useThemeClassName, PortalMountNodeProvider, usePortalMountNode } from '@fluentui/react-shared-contexts';
7
- export { getNativeElementProps, getPartitionedNativeProps, getSlots, slot, assertSlots, IdPrefixProvider, resetIdsForTests, resolveShorthand, SSRProvider, useId, useIsomorphicLayoutEffect, useEventCallback, mergeCallbacks, useIsSSR, useMergedRefs, useScrollbarWidth } from '@fluentui/react-utilities';
7
+ export { getNativeElementProps, getIntrinsicElementProps, getPartitionedNativeProps, getSlots, slot, assertSlots, IdPrefixProvider, resetIdsForTests, resolveShorthand, SSRProvider, useId, useIsomorphicLayoutEffect, useEventCallback, mergeCallbacks, useIsSSR, useMergedRefs, useScrollbarWidth } from '@fluentui/react-utilities';
8
8
  // Components
9
9
  export { Accordion, AccordionProvider, AccordionHeader, AccordionItem, AccordionItemProvider, AccordionPanel, accordionClassNames, accordionHeaderClassNames, accordionItemClassNames, accordionPanelClassNames, renderAccordion_unstable, renderAccordionHeader_unstable, renderAccordionItem_unstable, renderAccordionPanel_unstable, useAccordion_unstable, useAccordionContext_unstable, useAccordionContextValues_unstable, useAccordionHeader_unstable, useAccordionHeaderContextValues_unstable, useAccordionHeaderStyles_unstable, useAccordionItem_unstable, useAccordionItemContext_unstable, useAccordionItemContextValues_unstable, useAccordionItemStyles_unstable, useAccordionPanel_unstable, useAccordionPanelStyles_unstable, useAccordionStyles_unstable } from '@fluentui/react-accordion';
10
10
  export { Avatar, avatarClassNames, renderAvatar_unstable, useAvatar_unstable, useAvatarStyles_unstable, AvatarGroup, avatarGroupClassNames, AvatarGroupItem, avatarGroupItemClassNames, AvatarGroupPopover, avatarGroupPopoverClassNames, AvatarGroupProvider, renderAvatarGroup_unstable, useAvatarGroupContextValues, useAvatarGroupStyles_unstable, useAvatarGroup_unstable, renderAvatarGroupItem_unstable, useAvatarGroupItemStyles_unstable, useAvatarGroupItem_unstable, renderAvatarGroupPopover_unstable, useAvatarGroupPopoverStyles_unstable, useAvatarGroupPopover_unstable, useAvatarGroupContext_unstable, partitionAvatarGroupItems } from '@fluentui/react-avatar';
@@ -33,7 +33,7 @@ export { Body1, Body1Strong, Body1Stronger, Body2, Caption1, Caption1Strong, Cap
33
33
  export { Textarea, textareaClassNames, renderTextarea_unstable, useTextarea_unstable, useTextareaStyles_unstable } from '@fluentui/react-textarea';
34
34
  export { Tooltip, renderTooltip_unstable, tooltipClassNames, useTooltip_unstable, useTooltipStyles_unstable } from '@fluentui/react-tooltip';
35
35
  export { resolvePositioningShorthand } from '@fluentui/react-positioning';
36
- export { Dialog, useDialog_unstable, renderDialog_unstable, DialogTitle, dialogTitleClassNames, useDialogTitle_unstable, useDialogTitleStyles_unstable, renderDialogTitle_unstable, DialogTrigger, useDialogTrigger_unstable, renderDialogTrigger_unstable, DialogBody, dialogBodyClassNames, useDialogBody_unstable, useDialogBodyStyles_unstable, renderDialogBody_unstable, DialogActions, dialogActionsClassNames, useDialogActions_unstable, useDialogActionsStyles_unstable, renderDialogActions_unstable, DialogSurface, dialogSurfaceClassNames, useDialogSurface_unstable, useDialogSurfaceStyles_unstable, renderDialogSurface_unstable, DialogContent, dialogContentClassNames, useDialogContentStyles_unstable, useDialogContent_unstable, renderDialogContent_unstable, useDialogContext_unstable, useDialogSurfaceContext_unstable } from '@fluentui/react-dialog';
36
+ export { Dialog, useDialog_unstable, renderDialog_unstable, DialogTitle, dialogTitleClassNames, useDialogTitle_unstable, useDialogTitleStyles_unstable, renderDialogTitle_unstable, DialogTrigger, useDialogTrigger_unstable, renderDialogTrigger_unstable, DialogBody, dialogBodyClassNames, useDialogBody_unstable, useDialogBodyStyles_unstable, renderDialogBody_unstable, DialogActions, dialogActionsClassNames, useDialogActions_unstable, useDialogActionsStyles_unstable, renderDialogActions_unstable, DialogSurface, dialogSurfaceClassNames, useDialogSurface_unstable, useDialogSurfaceStyles_unstable, renderDialogSurface_unstable, DialogContent, dialogContentClassNames, useDialogContentStyles_unstable, useDialogContent_unstable, renderDialogContent_unstable, useDialogContext_unstable, useDialogSurfaceContext_unstable, useDialogSurfaceContextValues_unstable } from '@fluentui/react-dialog';
37
37
  export { ProgressBar, progressBarClassNames, renderProgressBar_unstable, useProgressBarStyles_unstable, useProgressBar_unstable } from '@fluentui/react-progress';
38
38
  export { Overflow, OverflowItem, OverflowDivider, useIsOverflowGroupVisible, useIsOverflowItemVisible, useOverflowCount, useOverflowMenu, DATA_OVERFLOWING, DATA_OVERFLOW_MENU, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_DIVIDER } from '@fluentui/react-overflow';
39
39
  export { Toolbar, ToolbarButton, useToolbarButtonStyles_unstable, useToolbarButton_unstable, ToolbarRadioButton, useToolbarRadioButton_unstable, useToolbarRadioButtonStyles_unstable, ToolbarDivider, useToolbarDivider_unstable, ToolbarGroup, useToolbarGroupStyles_unstable, useToolbarGroup_unstable, renderToolbarGroup_unstable, toolbarGroupClassNames, ToolbarToggleButton, useToolbarToggleButtonStyles_unstable, useToolbarToggleButton_unstable, renderToolbar_unstable, toolbarClassNames, useToolbar_unstable, useToolbarDividerStyles_unstable, useToolbarStyles_unstable, ToolbarRadioGroup } from '@fluentui/react-toolbar';
@@ -42,3 +42,4 @@ export { Card, CardFooter, CardHeader, CardPreview, cardClassNames, cardCSSVars,
42
42
  export { Field, fieldClassNames, FieldContextProvider, renderField_unstable, useFieldContext_unstable, useFieldContextValues_unstable, useFieldControlProps_unstable, useFieldStyles_unstable, useField_unstable } from '@fluentui/react-field';
43
43
  export { useToastController, ToastTrigger, useToastTrigger_unstable, renderToastTrigger_unstable, Toaster, useToasterStyles_unstable, useToaster_unstable, renderToaster_unstable, toasterClassNames, Toast, useToastStyles_unstable, useToast_unstable, renderToast_unstable, ToastTitle, useToastTitleStyles_unstable, useToastTitle_unstable, renderToastTitle_unstable, toastTitleClassNames, ToastBody, useToastBodyStyles_unstable, useToastBody_unstable, renderToastBody_unstable, toastBodyClassNames, ToastFooter, useToastFooterStyles_unstable, useToastFooter_unstable, renderToastFooter_unstable, toastFooterClassNames } from '@fluentui/react-toast';
44
44
  export { FlatTree, FlatTreeItem, Tree, TreeItem, TreeItemLayout, TreeItemPersonaLayout, TreeItemProvider, TreeProvider, flatTreeClassNames, flattenTree_unstable, renderFlatTree_unstable, renderTreeItemLayout_unstable, renderTreeItemPersonaLayout_unstable, renderTreeItem_unstable, renderTree_unstable, treeClassNames, treeItemClassNames, treeItemLayoutClassNames, treeItemLevelToken, treeItemPersonaLayoutClassNames, useFlatTreeContextValues_unstable, useFlatTreeStyles_unstable, useFlatTree_unstable, useHeadlessFlatTree_unstable, useTreeContextValues_unstable, useTreeContext_unstable, useSubtreeContext_unstable, useTreeItemContextValues_unstable, useTreeItemContext_unstable, useTreeItemLayoutStyles_unstable, useTreeItemLayout_unstable, useTreeItemPersonaLayoutStyles_unstable, useTreeItemPersonaLayout_unstable, useTreeItemStyles_unstable, useTreeItem_unstable, useTreeStyles_unstable, useTree_unstable } from '@fluentui/react-tree';
45
+ export { Tag, renderTag_unstable, tagClassNames, useTagStyles_unstable, useTag_unstable, InteractionTag, renderInteractionTag_unstable, interactionTagClassNames, useInteractionTagStyles_unstable, useInteractionTag_unstable, useInteractionTagContextValues_unstable, InteractionTagPrimary, interactionTagPrimaryClassNames, renderInteractionTagPrimary_unstable, useInteractionTagPrimaryStyles_unstable, useInteractionTagPrimary_unstable, InteractionTagSecondary, renderInteractionTagSecondary_unstable, interactionTagSecondaryClassNames, useInteractionTagSecondaryStyles_unstable, useInteractionTagSecondary_unstable, TagGroup, renderTagGroup_unstable, tagGroupClassNames, useTagGroupStyles_unstable, useTagGroup_unstable, useTagGroupContextValues_unstable, useTagAvatarContextValues_unstable } from '@fluentui/react-tags';