@fluentui/react-components 9.0.0-rc.9 → 9.0.0

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 (26) hide show
  1. package/CHANGELOG.json +3665 -1
  2. package/CHANGELOG.md +773 -2
  3. package/assets/alert-keyboard.png +0 -0
  4. package/assets/alert-mouse-touch.png +0 -0
  5. package/assets/dialog-anatomy.png +0 -0
  6. package/assets/modal-keyboard.png +0 -0
  7. package/assets/modal-mouse-touch.png +0 -0
  8. package/assets/non-modal-keyboard.png +0 -0
  9. package/assets/non-modal-mouse-touch.png +0 -0
  10. package/dist/index.d.ts +345 -171
  11. package/dist/unstable.d.ts +245 -230
  12. package/lib/AccessibilityScenarios/utils.js.map +1 -1
  13. package/lib/Concepts/Icons/ReactIconGrid.js +3 -2
  14. package/lib/Concepts/Icons/ReactIconGrid.js.map +1 -1
  15. package/lib/index.js +24 -93
  16. package/lib/index.js.map +1 -1
  17. package/lib/unstable/index.js +7 -27
  18. package/lib/unstable/index.js.map +1 -1
  19. package/lib-commonjs/AccessibilityScenarios/utils.js.map +1 -1
  20. package/lib-commonjs/Concepts/Icons/ReactIconGrid.js +3 -2
  21. package/lib-commonjs/Concepts/Icons/ReactIconGrid.js.map +1 -1
  22. package/lib-commonjs/index.js +372 -367
  23. package/lib-commonjs/index.js.map +1 -1
  24. package/lib-commonjs/unstable/index.js +193 -211
  25. package/lib-commonjs/unstable/index.js.map +1 -1
  26. package/package.json +41 -37
package/dist/unstable.d.ts CHANGED
@@ -1,20 +1,32 @@
1
+ import { Alert } from '@fluentui/react-alert';
2
+ import { alertClassNames } from '@fluentui/react-alert';
3
+ import { AlertProps } from '@fluentui/react-alert';
4
+ import { AlertSlots } from '@fluentui/react-alert';
5
+ import { AlertState } from '@fluentui/react-alert';
6
+ import { AvatarGroup } from '@fluentui/react-avatar';
7
+ import { avatarGroupClassNames } from '@fluentui/react-avatar';
8
+ import { AvatarGroupItem } from '@fluentui/react-avatar';
9
+ import { avatarGroupItemClassNames } from '@fluentui/react-avatar';
10
+ import { AvatarGroupItemProps } from '@fluentui/react-avatar';
11
+ import { AvatarGroupItemSlots } from '@fluentui/react-avatar';
12
+ import { AvatarGroupItemState } from '@fluentui/react-avatar';
13
+ import { AvatarGroupProps } from '@fluentui/react-avatar';
14
+ import { AvatarGroupSlots } from '@fluentui/react-avatar';
15
+ import { AvatarGroupState } from '@fluentui/react-avatar';
1
16
  import { Card } from '@fluentui/react-card';
2
- import { cardClassName } from '@fluentui/react-card';
3
17
  import { cardClassNames } from '@fluentui/react-card';
18
+ import { cardCSSVars } from '@fluentui/react-card';
4
19
  import { CardFooter } from '@fluentui/react-card';
5
- import { cardFooterClassName } from '@fluentui/react-card';
6
20
  import { cardFooterClassNames } from '@fluentui/react-card';
7
21
  import { CardFooterProps } from '@fluentui/react-card';
8
22
  import { CardFooterSlots } from '@fluentui/react-card';
9
23
  import { CardFooterState } from '@fluentui/react-card';
10
24
  import { CardHeader } from '@fluentui/react-card';
11
- import { cardHeaderClassName } from '@fluentui/react-card';
12
25
  import { cardHeaderClassNames } from '@fluentui/react-card';
13
26
  import { CardHeaderProps } from '@fluentui/react-card';
14
27
  import { CardHeaderSlots } from '@fluentui/react-card';
15
28
  import { CardHeaderState } from '@fluentui/react-card';
16
29
  import { CardPreview } from '@fluentui/react-card';
17
- import { cardPreviewClassName } from '@fluentui/react-card';
18
30
  import { cardPreviewClassNames } from '@fluentui/react-card';
19
31
  import { CardPreviewProps } from '@fluentui/react-card';
20
32
  import { CardPreviewSlots } from '@fluentui/react-card';
@@ -22,58 +34,65 @@ import { CardPreviewState } from '@fluentui/react-card';
22
34
  import { CardProps } from '@fluentui/react-card';
23
35
  import { CardSlots } from '@fluentui/react-card';
24
36
  import { CardState } from '@fluentui/react-card';
25
- import { Checkbox } from '@fluentui/react-checkbox';
26
- import { checkboxClassName } from '@fluentui/react-checkbox';
27
- import { checkboxClassNames } from '@fluentui/react-checkbox';
28
- import { CheckboxOnChangeData } from '@fluentui/react-checkbox';
29
- import { CheckboxProps } from '@fluentui/react-checkbox';
30
- import { CheckboxSlots } from '@fluentui/react-checkbox';
31
- import { CheckboxState } from '@fluentui/react-checkbox';
32
- import { Input } from '@fluentui/react-input';
33
- import { inputClassName } from '@fluentui/react-input';
34
- import { inputClassNames } from '@fluentui/react-input';
35
- import { InputOnChangeData } from '@fluentui/react-input';
36
- import { InputProps } from '@fluentui/react-input';
37
- import { InputSlots } from '@fluentui/react-input';
38
- import { InputState } from '@fluentui/react-input';
39
- import { Label } from '@fluentui/react-label';
40
- import { labelClassName } from '@fluentui/react-label';
41
- import { labelClassNames } from '@fluentui/react-label';
42
- import { LabelProps } from '@fluentui/react-label';
43
- import { LabelSlots } from '@fluentui/react-label';
44
- import { LabelState } from '@fluentui/react-label';
45
- import { Radio } from '@fluentui/react-radio';
46
- import { radioClassName } from '@fluentui/react-radio';
47
- import { radioClassNames } from '@fluentui/react-radio';
48
- import { RadioGroup } from '@fluentui/react-radio';
49
- import { radioGroupClassName } from '@fluentui/react-radio';
50
- import { radioGroupClassNames } from '@fluentui/react-radio';
51
- import { RadioGroupOnChangeData } from '@fluentui/react-radio';
52
- import { RadioGroupProps } from '@fluentui/react-radio';
53
- import { RadioGroupSlots } from '@fluentui/react-radio';
54
- import { RadioGroupState } from '@fluentui/react-radio';
55
- import { RadioProps } from '@fluentui/react-radio';
56
- import { RadioSlots } from '@fluentui/react-radio';
57
- import { RadioState } from '@fluentui/react-radio';
58
- import { RegisterTabEventHandler } from '@fluentui/react-tabs';
37
+ import { Combobox } from '@fluentui/react-combobox';
38
+ import { comboboxClassNames } from '@fluentui/react-combobox';
39
+ import { ComboboxContextValues } from '@fluentui/react-combobox';
40
+ import { ComboboxOpenChangeData } from '@fluentui/react-combobox';
41
+ import { ComboboxOpenEvents } from '@fluentui/react-combobox';
42
+ import { ComboboxProps } from '@fluentui/react-combobox';
43
+ import { ComboboxSlots } from '@fluentui/react-combobox';
44
+ import { ComboboxState } from '@fluentui/react-combobox';
45
+ import { DATA_OVERFLOW_ITEM } from '@fluentui/react-overflow';
46
+ import { DATA_OVERFLOW_MENU } from '@fluentui/react-overflow';
47
+ import { DATA_OVERFLOWING } from '@fluentui/react-overflow';
48
+ import { Dropdown } from '@fluentui/react-combobox';
49
+ import { dropdownClassNames } from '@fluentui/react-combobox';
50
+ import { DropdownContextValues } from '@fluentui/react-combobox';
51
+ import { DropdownOpenChangeData } from '@fluentui/react-combobox';
52
+ import { DropdownOpenEvents } from '@fluentui/react-combobox';
53
+ import { DropdownProps } from '@fluentui/react-combobox';
54
+ import { DropdownSlots } from '@fluentui/react-combobox';
55
+ import { DropdownState } from '@fluentui/react-combobox';
56
+ import { Listbox } from '@fluentui/react-combobox';
57
+ import { listboxClassNames } from '@fluentui/react-combobox';
58
+ import { ListboxContextValues } from '@fluentui/react-combobox';
59
+ import { ListboxProps } from '@fluentui/react-combobox';
60
+ import { ListboxSlots } from '@fluentui/react-combobox';
61
+ import { ListboxState } from '@fluentui/react-combobox';
62
+ import { Option as Option_2 } from '@fluentui/react-combobox';
63
+ import { optionClassNames } from '@fluentui/react-combobox';
64
+ import { OptionGroup } from '@fluentui/react-combobox';
65
+ import { optionGroupClassNames } from '@fluentui/react-combobox';
66
+ import { OptionGroupProps } from '@fluentui/react-combobox';
67
+ import { OptionGroupSlots } from '@fluentui/react-combobox';
68
+ import { OptionGroupState } from '@fluentui/react-combobox';
69
+ import { OptionProps } from '@fluentui/react-combobox';
70
+ import { OptionSlots } from '@fluentui/react-combobox';
71
+ import { OptionState } from '@fluentui/react-combobox';
72
+ import { Overflow } from '@fluentui/react-overflow';
73
+ import { OverflowItem } from '@fluentui/react-overflow';
74
+ import { OverflowItemProps } from '@fluentui/react-overflow';
75
+ import { OverflowProps } from '@fluentui/react-overflow';
76
+ import { renderAlert_unstable } from '@fluentui/react-alert';
77
+ import { renderAvatarGroup_unstable } from '@fluentui/react-avatar';
78
+ import { renderAvatarGroupItem_unstable } from '@fluentui/react-avatar';
59
79
  import { renderCard_unstable } from '@fluentui/react-card';
60
80
  import { renderCardFooter_unstable } from '@fluentui/react-card';
61
81
  import { renderCardHeader_unstable } from '@fluentui/react-card';
62
82
  import { renderCardPreview_unstable } from '@fluentui/react-card';
63
- import { renderCheckbox_unstable } from '@fluentui/react-checkbox';
64
- import { renderInput_unstable } from '@fluentui/react-input';
65
- import { renderLabel_unstable } from '@fluentui/react-label';
66
- import { renderRadio_unstable } from '@fluentui/react-radio';
67
- import { renderRadioGroup_unstable } from '@fluentui/react-radio';
83
+ import { renderCombobox_unstable } from '@fluentui/react-combobox';
84
+ import { renderDropdown_unstable } from '@fluentui/react-combobox';
85
+ import { renderListbox_unstable } from '@fluentui/react-combobox';
86
+ import { renderOption_unstable } from '@fluentui/react-combobox';
87
+ import { renderOptionGroup_unstable } from '@fluentui/react-combobox';
88
+ import { renderSelect_unstable } from '@fluentui/react-select';
68
89
  import { renderSpinButton_unstable } from '@fluentui/react-spinbutton';
69
- import { renderSpinner_unstable } from '@fluentui/react-spinner';
70
- import { renderSwitch_unstable } from '@fluentui/react-switch';
71
- import { renderTab_unstable } from '@fluentui/react-tabs';
72
- import { renderTabList_unstable } from '@fluentui/react-tabs';
73
- import { renderTextarea_unstable } from '@fluentui/react-textarea';
74
- import { SelectTabData } from '@fluentui/react-tabs';
75
- import { SelectTabEvent } from '@fluentui/react-tabs';
76
- import { SelectTabEventHandler } from '@fluentui/react-tabs';
90
+ import { renderToolbar_unstable } from '@fluentui/react-toolbar';
91
+ import { Select } from '@fluentui/react-select';
92
+ import { selectClassNames } from '@fluentui/react-select';
93
+ import { SelectProps } from '@fluentui/react-select';
94
+ import { SelectSlots } from '@fluentui/react-select';
95
+ import { SelectState } from '@fluentui/react-select';
77
96
  import { SpinButton } from '@fluentui/react-spinbutton';
78
97
  import { SpinButtonBounds } from '@fluentui/react-spinbutton';
79
98
  import { SpinButtonChangeEvent } from '@fluentui/react-spinbutton';
@@ -83,39 +102,27 @@ import { SpinButtonProps } from '@fluentui/react-spinbutton';
83
102
  import { SpinButtonSlots } from '@fluentui/react-spinbutton';
84
103
  import { SpinButtonSpinState } from '@fluentui/react-spinbutton';
85
104
  import { SpinButtonState } from '@fluentui/react-spinbutton';
86
- import { SpinButtonStrings } from '@fluentui/react-spinbutton';
87
- import { Spinner } from '@fluentui/react-spinner';
88
- import { spinnerClassNames } from '@fluentui/react-spinner';
89
- import { SpinnerProps } from '@fluentui/react-spinner';
90
- import { SpinnerSlots } from '@fluentui/react-spinner';
91
- import { SpinnerState } from '@fluentui/react-spinner';
92
- import { Switch } from '@fluentui/react-switch';
93
- import { switchClassNames } from '@fluentui/react-switch';
94
- import { SwitchOnChangeData } from '@fluentui/react-switch';
95
- import { SwitchProps } from '@fluentui/react-switch';
96
- import { SwitchSlots } from '@fluentui/react-switch';
97
- import { SwitchState } from '@fluentui/react-switch';
98
- import { Tab } from '@fluentui/react-tabs';
99
- import { tabClassName } from '@fluentui/react-tabs';
100
- import { tabClassNames } from '@fluentui/react-tabs';
101
- import { TabList } from '@fluentui/react-tabs';
102
- import { tabListClassName } from '@fluentui/react-tabs';
103
- import { tabListClassNames } from '@fluentui/react-tabs';
104
- import { TabListContextValue } from '@fluentui/react-tabs';
105
- import { TabListContextValues } from '@fluentui/react-tabs';
106
- import { TabListProps } from '@fluentui/react-tabs';
107
- import { TabListSlots } from '@fluentui/react-tabs';
108
- import { TabListState } from '@fluentui/react-tabs';
109
- import { TabProps } from '@fluentui/react-tabs';
110
- import { TabRegisterData } from '@fluentui/react-tabs';
111
- import { TabSlots } from '@fluentui/react-tabs';
112
- import { TabState } from '@fluentui/react-tabs';
113
- import { TabValue } from '@fluentui/react-tabs';
114
- import { Textarea } from '@fluentui/react-textarea';
115
- import { textareaClassNames } from '@fluentui/react-textarea';
116
- import { TextareaProps } from '@fluentui/react-textarea';
117
- import { TextareaSlots } from '@fluentui/react-textarea';
118
- import { TextareaState } from '@fluentui/react-textarea';
105
+ import { Toolbar } from '@fluentui/react-toolbar';
106
+ import { ToolbarButtonProps } from '@fluentui/react-toolbar';
107
+ import { ToolbarButtonState } from '@fluentui/react-toolbar';
108
+ import { toolbarClassNames } from '@fluentui/react-toolbar';
109
+ import { ToolbarContextValue } from '@fluentui/react-toolbar';
110
+ import { ToolbarContextValues } from '@fluentui/react-toolbar';
111
+ import { ToolbarDivider } from '@fluentui/react-toolbar';
112
+ import { ToolbarDividerProps } from '@fluentui/react-toolbar';
113
+ import { ToolbarDividerState } from '@fluentui/react-toolbar';
114
+ import { ToolbarProps } from '@fluentui/react-toolbar';
115
+ import { ToolbarSlots } from '@fluentui/react-toolbar';
116
+ import { ToolbarState } from '@fluentui/react-toolbar';
117
+ import { ToolbarToggleButton } from '@fluentui/react-toolbar';
118
+ import { ToolbarToggleButtonProps } from '@fluentui/react-toolbar';
119
+ import { ToolbarToggleButtonState } from '@fluentui/react-toolbar';
120
+ import { useAlert_unstable } from '@fluentui/react-alert';
121
+ import { useAlertStyles_unstable } from '@fluentui/react-alert';
122
+ import { useAvatarGroup_unstable } from '@fluentui/react-avatar';
123
+ import { useAvatarGroupItem_unstable } from '@fluentui/react-avatar';
124
+ import { useAvatarGroupItemStyles_unstable } from '@fluentui/react-avatar';
125
+ import { useAvatarGroupStyles_unstable } from '@fluentui/react-avatar';
119
126
  import { useCard_unstable } from '@fluentui/react-card';
120
127
  import { useCardFooter_unstable } from '@fluentui/react-card';
121
128
  import { useCardFooterStyles_unstable } from '@fluentui/react-card';
@@ -124,38 +131,64 @@ import { useCardHeaderStyles_unstable } from '@fluentui/react-card';
124
131
  import { useCardPreview_unstable } from '@fluentui/react-card';
125
132
  import { useCardPreviewStyles_unstable } from '@fluentui/react-card';
126
133
  import { useCardStyles_unstable } from '@fluentui/react-card';
127
- import { useCheckbox_unstable } from '@fluentui/react-checkbox';
128
- import { useCheckboxStyles_unstable } from '@fluentui/react-checkbox';
129
- import { useInput_unstable } from '@fluentui/react-input';
130
- import { useInputStyles_unstable } from '@fluentui/react-input';
131
- import { useLabel_unstable } from '@fluentui/react-label';
132
- import { useLabelStyles_unstable } from '@fluentui/react-label';
133
- import { useRadio_unstable } from '@fluentui/react-radio';
134
- import { useRadioGroup_unstable } from '@fluentui/react-radio';
135
- import { useRadioGroupStyles_unstable } from '@fluentui/react-radio';
136
- import { useRadioStyles_unstable } from '@fluentui/react-radio';
134
+ import { useCombobox_unstable } from '@fluentui/react-combobox';
135
+ import { useComboboxStyles_unstable } from '@fluentui/react-combobox';
136
+ import { useDropdown_unstable } from '@fluentui/react-combobox';
137
+ import { useDropdownStyles_unstable } from '@fluentui/react-combobox';
138
+ import { useIsOverflowGroupVisible } from '@fluentui/react-overflow';
139
+ import { useIsOverflowItemVisible } from '@fluentui/react-overflow';
140
+ import { useListbox_unstable } from '@fluentui/react-combobox';
141
+ import { useListboxStyles_unstable } from '@fluentui/react-combobox';
142
+ import { useOption_unstable } from '@fluentui/react-combobox';
143
+ import { useOptionGroup_unstable } from '@fluentui/react-combobox';
144
+ import { useOptionGroupStyles_unstable } from '@fluentui/react-combobox';
145
+ import { useOptionStyles_unstable } from '@fluentui/react-combobox';
146
+ import { useOverflowMenu } from '@fluentui/react-overflow';
147
+ import { useSelect_unstable } from '@fluentui/react-select';
148
+ import { useSelectStyles_unstable } from '@fluentui/react-select';
137
149
  import { useSpinButton_unstable } from '@fluentui/react-spinbutton';
138
150
  import { useSpinButtonStyles_unstable } from '@fluentui/react-spinbutton';
139
- import { useSpinner_unstable } from '@fluentui/react-spinner';
140
- import { useSpinnerStyles_unstable } from '@fluentui/react-spinner';
141
- import { useSwitch_unstable } from '@fluentui/react-switch';
142
- import { useSwitchStyles_unstable } from '@fluentui/react-switch';
143
- import { useTab_unstable } from '@fluentui/react-tabs';
144
- import { useTabList_unstable } from '@fluentui/react-tabs';
145
- import { useTabListStyles_unstable } from '@fluentui/react-tabs';
146
- import { useTabStyles_unstable } from '@fluentui/react-tabs';
147
- import { useTextarea_unstable } from '@fluentui/react-textarea';
148
- import { useTextareaStyles_unstable } from '@fluentui/react-textarea';
151
+ import { useToolbar_unstable } from '@fluentui/react-toolbar';
152
+ import { useToolbarDividerStyles_unstable } from '@fluentui/react-toolbar';
153
+ import { useToolbarStyles_unstable } from '@fluentui/react-toolbar';
149
154
 
150
- export { Card }
155
+ export { Alert }
156
+
157
+ export { alertClassNames }
158
+
159
+ export { AlertProps }
160
+
161
+ export { AlertSlots }
162
+
163
+ export { AlertState }
164
+
165
+ export { AvatarGroup }
166
+
167
+ export { avatarGroupClassNames }
168
+
169
+ export { AvatarGroupItem }
170
+
171
+ export { avatarGroupItemClassNames }
172
+
173
+ export { AvatarGroupItemProps }
174
+
175
+ export { AvatarGroupItemSlots }
176
+
177
+ export { AvatarGroupItemState }
178
+
179
+ export { AvatarGroupProps }
151
180
 
152
- export { cardClassName }
181
+ export { AvatarGroupSlots }
182
+
183
+ export { AvatarGroupState }
184
+
185
+ export { Card }
153
186
 
154
187
  export { cardClassNames }
155
188
 
156
- export { CardFooter }
189
+ export { cardCSSVars }
157
190
 
158
- export { cardFooterClassName }
191
+ export { CardFooter }
159
192
 
160
193
  export { cardFooterClassNames }
161
194
 
@@ -167,8 +200,6 @@ export { CardFooterState }
167
200
 
168
201
  export { CardHeader }
169
202
 
170
- export { cardHeaderClassName }
171
-
172
203
  export { cardHeaderClassNames }
173
204
 
174
205
  export { CardHeaderProps }
@@ -179,8 +210,6 @@ export { CardHeaderState }
179
210
 
180
211
  export { CardPreview }
181
212
 
182
- export { cardPreviewClassName }
183
-
184
213
  export { cardPreviewClassNames }
185
214
 
186
215
  export { CardPreviewProps }
@@ -195,73 +224,89 @@ export { CardSlots }
195
224
 
196
225
  export { CardState }
197
226
 
198
- export { Checkbox }
227
+ export { Combobox }
228
+
229
+ export { comboboxClassNames }
230
+
231
+ export { ComboboxContextValues }
232
+
233
+ export { ComboboxOpenChangeData }
234
+
235
+ export { ComboboxOpenEvents }
236
+
237
+ export { ComboboxProps }
199
238
 
200
- export { checkboxClassName }
239
+ export { ComboboxSlots }
201
240
 
202
- export { checkboxClassNames }
241
+ export { ComboboxState }
203
242
 
204
- export { CheckboxOnChangeData }
243
+ export { DATA_OVERFLOW_ITEM }
205
244
 
206
- export { CheckboxProps }
245
+ export { DATA_OVERFLOW_MENU }
207
246
 
208
- export { CheckboxSlots }
247
+ export { DATA_OVERFLOWING }
209
248
 
210
- export { CheckboxState }
249
+ export { Dropdown }
211
250
 
212
- export { Input }
251
+ export { dropdownClassNames }
213
252
 
214
- export { inputClassName }
253
+ export { DropdownContextValues }
215
254
 
216
- export { inputClassNames }
255
+ export { DropdownOpenChangeData }
217
256
 
218
- export { InputOnChangeData }
257
+ export { DropdownOpenEvents }
219
258
 
220
- export { InputProps }
259
+ export { DropdownProps }
221
260
 
222
- export { InputSlots }
261
+ export { DropdownSlots }
223
262
 
224
- export { InputState }
263
+ export { DropdownState }
225
264
 
226
- export { Label }
265
+ export { Listbox }
227
266
 
228
- export { labelClassName }
267
+ export { listboxClassNames }
229
268
 
230
- export { labelClassNames }
269
+ export { ListboxContextValues }
231
270
 
232
- export { LabelProps }
271
+ export { ListboxProps }
233
272
 
234
- export { LabelSlots }
273
+ export { ListboxSlots }
235
274
 
236
- export { LabelState }
275
+ export { ListboxState }
237
276
 
238
- export { Radio }
277
+ export { Option_2 as Option }
239
278
 
240
- export { radioClassName }
279
+ export { optionClassNames }
241
280
 
242
- export { radioClassNames }
281
+ export { OptionGroup }
243
282
 
244
- export { RadioGroup }
283
+ export { optionGroupClassNames }
245
284
 
246
- export { radioGroupClassName }
285
+ export { OptionGroupProps }
247
286
 
248
- export { radioGroupClassNames }
287
+ export { OptionGroupSlots }
249
288
 
250
- export { RadioGroupOnChangeData }
289
+ export { OptionGroupState }
251
290
 
252
- export { RadioGroupProps }
291
+ export { OptionProps }
253
292
 
254
- export { RadioGroupSlots }
293
+ export { OptionSlots }
255
294
 
256
- export { RadioGroupState }
295
+ export { OptionState }
257
296
 
258
- export { RadioProps }
297
+ export { Overflow }
259
298
 
260
- export { RadioSlots }
299
+ export { OverflowItem }
261
300
 
262
- export { RadioState }
301
+ export { OverflowItemProps }
263
302
 
264
- export { RegisterTabEventHandler }
303
+ export { OverflowProps }
304
+
305
+ export { renderAlert_unstable }
306
+
307
+ export { renderAvatarGroup_unstable }
308
+
309
+ export { renderAvatarGroupItem_unstable }
265
310
 
266
311
  export { renderCard_unstable }
267
312
 
@@ -271,33 +316,31 @@ export { renderCardHeader_unstable }
271
316
 
272
317
  export { renderCardPreview_unstable }
273
318
 
274
- export { renderCheckbox_unstable }
319
+ export { renderCombobox_unstable }
275
320
 
276
- export { renderInput_unstable }
321
+ export { renderDropdown_unstable }
277
322
 
278
- export { renderLabel_unstable }
323
+ export { renderListbox_unstable }
279
324
 
280
- export { renderRadio_unstable }
325
+ export { renderOption_unstable }
281
326
 
282
- export { renderRadioGroup_unstable }
327
+ export { renderOptionGroup_unstable }
283
328
 
284
- export { renderSpinButton_unstable }
285
-
286
- export { renderSpinner_unstable }
329
+ export { renderSelect_unstable }
287
330
 
288
- export { renderSwitch_unstable }
331
+ export { renderSpinButton_unstable }
289
332
 
290
- export { renderTab_unstable }
333
+ export { renderToolbar_unstable }
291
334
 
292
- export { renderTabList_unstable }
335
+ export { Select }
293
336
 
294
- export { renderTextarea_unstable }
337
+ export { selectClassNames }
295
338
 
296
- export { SelectTabData }
339
+ export { SelectProps }
297
340
 
298
- export { SelectTabEvent }
341
+ export { SelectSlots }
299
342
 
300
- export { SelectTabEventHandler }
343
+ export { SelectState }
301
344
 
302
345
  export { SpinButton }
303
346
 
@@ -317,71 +360,47 @@ export { SpinButtonSpinState }
317
360
 
318
361
  export { SpinButtonState }
319
362
 
320
- export { SpinButtonStrings }
321
-
322
- export { Spinner }
323
-
324
- export { spinnerClassNames }
325
-
326
- export { SpinnerProps }
327
-
328
- export { SpinnerSlots }
329
-
330
- export { SpinnerState }
331
-
332
- export { Switch }
363
+ export { Toolbar }
333
364
 
334
- export { switchClassNames }
365
+ export { ToolbarButtonProps }
335
366
 
336
- export { SwitchOnChangeData }
367
+ export { ToolbarButtonState }
337
368
 
338
- export { SwitchProps }
369
+ export { toolbarClassNames }
339
370
 
340
- export { SwitchSlots }
371
+ export { ToolbarContextValue }
341
372
 
342
- export { SwitchState }
373
+ export { ToolbarContextValues }
343
374
 
344
- export { Tab }
375
+ export { ToolbarDivider }
345
376
 
346
- export { tabClassName }
377
+ export { ToolbarDividerProps }
347
378
 
348
- export { tabClassNames }
379
+ export { ToolbarDividerState }
349
380
 
350
- export { TabList }
381
+ export { ToolbarProps }
351
382
 
352
- export { tabListClassName }
383
+ export { ToolbarSlots }
353
384
 
354
- export { tabListClassNames }
385
+ export { ToolbarState }
355
386
 
356
- export { TabListContextValue }
387
+ export { ToolbarToggleButton }
357
388
 
358
- export { TabListContextValues }
389
+ export { ToolbarToggleButtonProps }
359
390
 
360
- export { TabListProps }
391
+ export { ToolbarToggleButtonState }
361
392
 
362
- export { TabListSlots }
393
+ export { useAlert_unstable }
363
394
 
364
- export { TabListState }
395
+ export { useAlertStyles_unstable }
365
396
 
366
- export { TabProps }
397
+ export { useAvatarGroup_unstable }
367
398
 
368
- export { TabRegisterData }
399
+ export { useAvatarGroupItem_unstable }
369
400
 
370
- export { TabSlots }
401
+ export { useAvatarGroupItemStyles_unstable }
371
402
 
372
- export { TabState }
373
-
374
- export { TabValue }
375
-
376
- export { Textarea }
377
-
378
- export { textareaClassNames }
379
-
380
- export { TextareaProps }
381
-
382
- export { TextareaSlots }
383
-
384
- export { TextareaState }
403
+ export { useAvatarGroupStyles_unstable }
385
404
 
386
405
  export { useCard_unstable }
387
406
 
@@ -399,48 +418,44 @@ export { useCardPreviewStyles_unstable }
399
418
 
400
419
  export { useCardStyles_unstable }
401
420
 
402
- export { useCheckbox_unstable }
421
+ export { useCombobox_unstable }
403
422
 
404
- export { useCheckboxStyles_unstable }
423
+ export { useComboboxStyles_unstable }
405
424
 
406
- export { useInput_unstable }
425
+ export { useDropdown_unstable }
407
426
 
408
- export { useInputStyles_unstable }
427
+ export { useDropdownStyles_unstable }
409
428
 
410
- export { useLabel_unstable }
429
+ export { useIsOverflowGroupVisible }
411
430
 
412
- export { useLabelStyles_unstable }
431
+ export { useIsOverflowItemVisible }
413
432
 
414
- export { useRadio_unstable }
433
+ export { useListbox_unstable }
415
434
 
416
- export { useRadioGroup_unstable }
435
+ export { useListboxStyles_unstable }
417
436
 
418
- export { useRadioGroupStyles_unstable }
437
+ export { useOption_unstable }
419
438
 
420
- export { useRadioStyles_unstable }
439
+ export { useOptionGroup_unstable }
421
440
 
422
- export { useSpinButton_unstable }
423
-
424
- export { useSpinButtonStyles_unstable }
441
+ export { useOptionGroupStyles_unstable }
425
442
 
426
- export { useSpinner_unstable }
443
+ export { useOptionStyles_unstable }
427
444
 
428
- export { useSpinnerStyles_unstable }
445
+ export { useOverflowMenu }
429
446
 
430
- export { useSwitch_unstable }
447
+ export { useSelect_unstable }
431
448
 
432
- export { useSwitchStyles_unstable }
449
+ export { useSelectStyles_unstable }
433
450
 
434
- export { useTab_unstable }
435
-
436
- export { useTabList_unstable }
451
+ export { useSpinButton_unstable }
437
452
 
438
- export { useTabListStyles_unstable }
453
+ export { useSpinButtonStyles_unstable }
439
454
 
440
- export { useTabStyles_unstable }
455
+ export { useToolbar_unstable }
441
456
 
442
- export { useTextarea_unstable }
457
+ export { useToolbarDividerStyles_unstable }
443
458
 
444
- export { useTextareaStyles_unstable }
459
+ export { useToolbarStyles_unstable }
445
460
 
446
461
  export { }
package/lib/AccessibilityScenarios/utils.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["AccessibilityScenarios/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,MAAM,SAAS,GAAG,yBAAlB;AACA,MAAM,mBAAmB,GAAG,KAA5B,C,CAQA;AACA;;AACA,OAAO,MAAM,cAAc,GAAI,KAAD,iBAC5B,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAG,EAAA,SAAS,EAAC,iBAAb;AAA+B,EAAA,IAAI,EAAE,kBAAkB,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,KAAK,EAAnF;AAAuF,EAAA,MAAM,EAAC;AAA9F,CAAA,EACG,KAAK,CAAC,OADT,CADK;AAMP,OAAO,MAAM,iBAAiB,GAAa,KAAK,iBAC9C,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAG,EAAA,SAAS,EAAC,iBAAb;AAA+B,EAAA,IAAI,EAAE;AAArC,CAAA,EACG,KAAK,CAAC,QADT,CADK;AAMP,OAAO,MAAM,QAAQ,GAAG,mBAAM,KAAA,CAAA,aAAA,CAAC,iBAAD,EAAkB,IAAlB,EAAkB,sBAAlB,CAAvB;AAEP,OAAO,MAAM,QAAQ,GAAmD,CAAC;AAAE,EAAA,SAAF;AAAa,EAAA;AAAb,CAAD,KAA4B;AAClG,EAAA,KAAK,CAAC,SAAN,CAAgB,MAAK;AACnB,IAAA,QAAQ,CAAC,KAAT,GAAiB,SAAS,GAAG,mBAAZ,GAAkC,SAAnD;AACD,GAFD,EAEG,CAAC,SAAD,CAFH;AAIA,sBACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,IAAI,EAAC;AAAV,GAAA,eACE,KAAA,CAAA,aAAA,CAAC,QAAD,EAAS,IAAT,CADF,eAEE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,CAFF,EAGG,QAHH,CADF;AAOD,CAZM","sourcesContent":["import * as React from 'react';\n\nconst APP_TITLE = 'Accessibility Scenarios';\nconst APP_TITLE_SEPARATOR = ' | ';\n\ninterface FullscreenLinkProps {\n parent: string;\n story: string;\n content: string;\n}\n\n// https://storybook.js.org/addons/@storybook/addon-links does not allow opening a story in new tab\n// so this is a naive attempt for opening a story in full screen\nexport const FullscreenLink = (props: FullscreenLinkProps) => (\n <a className=\"sbdocs sbdocs-a\" href={`iframe.html?id=${props.parent}--${props.story}`} target=\"_blank\">\n {props.content}\n </a>\n);\n\nexport const ScenariosListLink: React.FC = props => (\n <a className=\"sbdocs sbdocs-a\" href={`iframe.html?id=accessibility-scenarios-list-of-scenarios--page`}>\n {props.children}\n </a>\n);\n\nexport const BackLink = () => <ScenariosListLink>Go back to main menu</ScenariosListLink>;\n\nexport const Scenario: React.FunctionComponent<{ pageTitle: string }> = ({ pageTitle, children }) => {\n React.useEffect(() => {\n document.title = pageTitle + APP_TITLE_SEPARATOR + APP_TITLE;\n }, [pageTitle]);\n\n return (\n <div role=\"main\">\n <BackLink />\n <br />\n {children}\n </div>\n );\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["AccessibilityScenarios/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,MAAM,SAAS,GAAG,yBAAlB;AACA,MAAM,mBAAmB,GAAG,KAA5B,C,CAQA;AACA;;AACA,OAAO,MAAM,cAAc,GAAI,KAAD,iBAC5B,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;EAAG,SAAS,EAAC,iBAAb;EAA+B,IAAI,EAAE,kBAAkB,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,KAAK,EAAnF;EAAuF,MAAM,EAAC;AAA9F,CAAA,EACG,KAAK,CAAC,OADT,CADK;AAMP,OAAO,MAAM,iBAAiB,GAAa,KAAK,iBAC9C,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;EAAG,SAAS,EAAC,iBAAb;EAA+B,IAAI,EAAE;AAArC,CAAA,EACG,KAAK,CAAC,QADT,CADK;AAMP,OAAO,MAAM,QAAQ,GAAG,mBAAM,KAAA,CAAA,aAAA,CAAC,iBAAD,EAAkB,IAAlB,EAAkB,sBAAlB,CAAvB;AAEP,OAAO,MAAM,QAAQ,GAAmD,CAAC;EAAE,SAAF;EAAa;AAAb,CAAD,KAA4B;EAClG,KAAK,CAAC,SAAN,CAAgB,MAAK;IACnB,QAAQ,CAAC,KAAT,GAAiB,SAAS,GAAG,mBAAZ,GAAkC,SAAnD;EACD,CAFD,EAEG,CAAC,SAAD,CAFH;EAIA,oBACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;IAAK,IAAI,EAAC;EAAV,CAAA,eACE,KAAA,CAAA,aAAA,CAAC,QAAD,EAAS,IAAT,CADF,eAEE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,CAFF,EAGG,QAHH,CADF;AAOD,CAZM","sourcesContent":["import * as React from 'react';\n\nconst APP_TITLE = 'Accessibility Scenarios';\nconst APP_TITLE_SEPARATOR = ' | ';\n\ninterface FullscreenLinkProps {\n parent: string;\n story: string;\n content: string;\n}\n\n// https://storybook.js.org/addons/@storybook/addon-links does not allow opening a story in new tab\n// so this is a naive attempt for opening a story in full screen\nexport const FullscreenLink = (props: FullscreenLinkProps) => (\n <a className=\"sbdocs sbdocs-a\" href={`iframe.html?id=${props.parent}--${props.story}`} target=\"_blank\">\n {props.content}\n </a>\n);\n\nexport const ScenariosListLink: React.FC = props => (\n <a className=\"sbdocs sbdocs-a\" href={`iframe.html?id=accessibility-scenarios-list-of-scenarios--page`}>\n {props.children}\n </a>\n);\n\nexport const BackLink = () => <ScenariosListLink>Go back to main menu</ScenariosListLink>;\n\nexport const Scenario: React.FunctionComponent<{ pageTitle: string }> = ({ pageTitle, children }) => {\n React.useEffect(() => {\n document.title = pageTitle + APP_TITLE_SEPARATOR + APP_TITLE;\n }, [pageTitle]);\n\n return (\n <div role=\"main\">\n <BackLink />\n <br />\n {children}\n </div>\n );\n};\n"],"sourceRoot":"../src/"}