@fluentui/web-components 2.2.2 → 2.3.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 +54 -1
- package/CHANGELOG.md +29 -2
- package/dist/dts/custom-elements.d.ts +47 -14
- package/dist/dts/text-area/index.d.ts +17 -1
- package/dist/dts/text-area/text-area.stories.d.ts +17 -1
- package/dist/dts/text-field/index.d.ts +17 -1
- package/dist/dts/text-field/text-field.stories.d.ts +17 -1
- package/dist/esm/combobox/index.js +3 -0
- package/dist/esm/design-tokens.js +1 -1
- package/dist/fluent-web-components.api.json +399 -39
- package/dist/web-components.d.ts +82 -16
- package/dist/web-components.js +1075 -251
- package/dist/web-components.min.js +157 -157
- package/docs/api-report.md +89 -23
- package/package.json +6 -6
package/dist/web-components.d.ts
CHANGED
|
@@ -35,6 +35,7 @@ import { FlipperOptions } from '@microsoft/fast-foundation';
|
|
|
35
35
|
import { FoundationElement } from '@microsoft/fast-foundation';
|
|
36
36
|
import { FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
37
37
|
import { FoundationElementRegistry } from '@microsoft/fast-foundation';
|
|
38
|
+
import { FoundationElementTemplate } from '@microsoft/fast-foundation';
|
|
38
39
|
import { HorizontalScroll as HorizontalScroll_2 } from '@microsoft/fast-foundation';
|
|
39
40
|
import { HorizontalScrollOptions } from '@microsoft/fast-foundation';
|
|
40
41
|
import { Listbox as Listbox_2 } from '@microsoft/fast-foundation';
|
|
@@ -65,6 +66,7 @@ import { TabPanel } from '@microsoft/fast-foundation';
|
|
|
65
66
|
import { Tabs } from '@microsoft/fast-foundation';
|
|
66
67
|
import { TextArea as TextArea_2 } from '@microsoft/fast-foundation';
|
|
67
68
|
import { TextField as TextField_2 } from '@microsoft/fast-foundation';
|
|
69
|
+
import { TextFieldOptions } from '@microsoft/fast-foundation';
|
|
68
70
|
import { Toolbar as Toolbar_2 } from '@microsoft/fast-foundation';
|
|
69
71
|
import { Tooltip as Tooltip_2 } from '@microsoft/fast-foundation';
|
|
70
72
|
import { TreeItem } from '@microsoft/fast-foundation';
|
|
@@ -179,19 +181,19 @@ export declare const accordionStyles: (context: ElementDefinitionContext, defini
|
|
|
179
181
|
* @public
|
|
180
182
|
*/
|
|
181
183
|
export declare const allComponents: {
|
|
182
|
-
fluentAccordion: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Accordion>;
|
|
184
|
+
fluentAccordion: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Accordion>;
|
|
183
185
|
fluentAccordionItem: (overrideDefinition?: OverrideFoundationElementDefinition<AccordionItemOptions> | undefined) => FoundationElementRegistry<AccordionItemOptions, Constructable<FoundationElement>>;
|
|
184
186
|
fluentAnchor: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Anchor>;
|
|
185
|
-
fluentAnchoredRegion: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, AnchoredRegion>;
|
|
187
|
+
fluentAnchoredRegion: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof AnchoredRegion>;
|
|
186
188
|
fluentBadge: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Badge>;
|
|
187
|
-
fluentBreadcrumb: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Breadcrumb>;
|
|
189
|
+
fluentBreadcrumb: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Breadcrumb>;
|
|
188
190
|
fluentBreadcrumbItem: (overrideDefinition?: OverrideFoundationElementDefinition<BreadcrumbItemOptions> | undefined) => FoundationElementRegistry<BreadcrumbItemOptions, Constructable<FoundationElement>>;
|
|
189
191
|
fluentButton: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Button>;
|
|
190
192
|
fluentCalendar: (overrideDefinition?: OverrideFoundationElementDefinition<CalendarOptions> | undefined) => FoundationElementRegistry<CalendarOptions, Constructable<FoundationElement>>;
|
|
191
193
|
fluentCard: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Card>;
|
|
192
194
|
fluentCheckbox: (overrideDefinition?: OverrideFoundationElementDefinition<CheckboxOptions> | undefined) => FoundationElementRegistry<CheckboxOptions, Constructable<FoundationElement>>;
|
|
193
195
|
fluentCombobox: (overrideDefinition?: OverrideFoundationElementDefinition<ComboboxOptions> | undefined) => FoundationElementRegistry<ComboboxOptions, Constructable<FoundationElement>>;
|
|
194
|
-
fluentDataGrid: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, DataGrid>;
|
|
196
|
+
fluentDataGrid: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof DataGrid>;
|
|
195
197
|
fluentDataGridCell: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, DataGridCell>;
|
|
196
198
|
fluentDataGridRow: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, DataGridRow>;
|
|
197
199
|
fluentDesignSystemProvider: (overrideDefinition?: OverrideFoundationElementDefinition< {
|
|
@@ -203,33 +205,65 @@ export declare const allComponents: {
|
|
|
203
205
|
template: ViewTemplate<any, any>;
|
|
204
206
|
styles: ElementStyles;
|
|
205
207
|
}, DesignSystemProvider>;
|
|
206
|
-
fluentDialog: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Dialog>;
|
|
207
|
-
fluentDivider: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Divider>;
|
|
208
|
+
fluentDialog: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Dialog>;
|
|
209
|
+
fluentDivider: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Divider>;
|
|
208
210
|
fluentFlipper: (overrideDefinition?: OverrideFoundationElementDefinition<FlipperOptions> | undefined) => FoundationElementRegistry<FlipperOptions, Constructable<FoundationElement>>;
|
|
209
211
|
fluentHorizontalScroll: (overrideDefinition?: OverrideFoundationElementDefinition<HorizontalScrollOptions> | undefined) => FoundationElementRegistry<HorizontalScrollOptions, Constructable<FoundationElement>>;
|
|
210
212
|
fluentListbox: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Listbox>;
|
|
211
|
-
fluentOption: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, ListboxOption>;
|
|
213
|
+
fluentOption: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof ListboxOption>;
|
|
212
214
|
fluentMenu: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Menu>;
|
|
213
215
|
fluentMenuItem: (overrideDefinition?: OverrideFoundationElementDefinition<MenuItemOptions> | undefined) => FoundationElementRegistry<MenuItemOptions, Constructable<FoundationElement>>;
|
|
214
216
|
fluentNumberField: (overrideDefinition?: OverrideFoundationElementDefinition<NumberFieldOptions> | undefined) => FoundationElementRegistry<NumberFieldOptions, Constructable<FoundationElement>>;
|
|
215
217
|
fluentProgress: (overrideDefinition?: OverrideFoundationElementDefinition<ProgressOptions> | undefined) => FoundationElementRegistry<ProgressOptions, Constructable<FoundationElement>>;
|
|
216
218
|
fluentProgressRing: (overrideDefinition?: OverrideFoundationElementDefinition<ProgressRingOptions> | undefined) => FoundationElementRegistry<ProgressRingOptions, Constructable<FoundationElement>>;
|
|
217
219
|
fluentRadio: (overrideDefinition?: OverrideFoundationElementDefinition<RadioOptions> | undefined) => FoundationElementRegistry<RadioOptions, Constructable<FoundationElement>>;
|
|
218
|
-
fluentRadioGroup: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, RadioGroup>;
|
|
220
|
+
fluentRadioGroup: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof RadioGroup>;
|
|
219
221
|
fluentSearch: (overrideDefinition?: OverrideFoundationElementDefinition<SearchOptions> | undefined) => FoundationElementRegistry<SearchOptions, Constructable<FoundationElement>>;
|
|
220
222
|
fluentSelect: (overrideDefinition?: OverrideFoundationElementDefinition<SelectOptions> | undefined) => FoundationElementRegistry<SelectOptions, Constructable<FoundationElement>>;
|
|
221
|
-
fluentSkeleton: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Skeleton>;
|
|
223
|
+
fluentSkeleton: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Skeleton>;
|
|
222
224
|
fluentSlider: (overrideDefinition?: OverrideFoundationElementDefinition<SliderOptions> | undefined) => FoundationElementRegistry<SliderOptions, Constructable<FoundationElement>>;
|
|
223
|
-
fluentSliderLabel: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, SliderLabel>;
|
|
225
|
+
fluentSliderLabel: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof SliderLabel>;
|
|
224
226
|
fluentSwitch: (overrideDefinition?: OverrideFoundationElementDefinition<SwitchOptions> | undefined) => FoundationElementRegistry<SwitchOptions, Constructable<FoundationElement>>;
|
|
225
|
-
fluentTabs: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Tabs>;
|
|
227
|
+
fluentTabs: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Tabs>;
|
|
226
228
|
fluentTab: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Tab>;
|
|
227
229
|
fluentTabPanel: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, TabPanel>;
|
|
228
|
-
fluentTextArea: (overrideDefinition?: OverrideFoundationElementDefinition<
|
|
229
|
-
|
|
230
|
+
fluentTextArea: (overrideDefinition?: OverrideFoundationElementDefinition< {
|
|
231
|
+
baseName: string;
|
|
232
|
+
baseClass: typeof TextArea_2;
|
|
233
|
+
template: FoundationElementTemplate<ViewTemplate<TextArea_2, any>, FoundationElementDefinition>;
|
|
234
|
+
styles: (context: any, definition: any) => ElementStyles;
|
|
235
|
+
shadowOptions: {
|
|
236
|
+
delegatesFocus: true;
|
|
237
|
+
};
|
|
238
|
+
}> | undefined) => FoundationElementRegistry< {
|
|
239
|
+
baseName: string;
|
|
240
|
+
baseClass: typeof TextArea_2;
|
|
241
|
+
template: FoundationElementTemplate<ViewTemplate<TextArea_2, any>, FoundationElementDefinition>;
|
|
242
|
+
styles: (context: any, definition: any) => ElementStyles;
|
|
243
|
+
shadowOptions: {
|
|
244
|
+
delegatesFocus: true;
|
|
245
|
+
};
|
|
246
|
+
}, TextArea>;
|
|
247
|
+
fluentTextField: (overrideDefinition?: OverrideFoundationElementDefinition< {
|
|
248
|
+
baseName: string;
|
|
249
|
+
baseClass: typeof TextField_2;
|
|
250
|
+
template: FoundationElementTemplate<ViewTemplate<TextField_2, any>, TextFieldOptions>;
|
|
251
|
+
styles: (context: any, definition: any) => ElementStyles;
|
|
252
|
+
shadowOptions: {
|
|
253
|
+
delegatesFocus: true;
|
|
254
|
+
};
|
|
255
|
+
}> | undefined) => FoundationElementRegistry< {
|
|
256
|
+
baseName: string;
|
|
257
|
+
baseClass: typeof TextField_2;
|
|
258
|
+
template: FoundationElementTemplate<ViewTemplate<TextField_2, any>, TextFieldOptions>;
|
|
259
|
+
styles: (context: any, definition: any) => ElementStyles;
|
|
260
|
+
shadowOptions: {
|
|
261
|
+
delegatesFocus: true;
|
|
262
|
+
};
|
|
263
|
+
}, TextField>;
|
|
230
264
|
fluentToolbar: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Toolbar>;
|
|
231
265
|
fluentTooltip: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Tooltip>;
|
|
232
|
-
fluentTreeView: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, TreeView>;
|
|
266
|
+
fluentTreeView: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof TreeView>;
|
|
233
267
|
fluentTreeItem: (overrideDefinition?: OverrideFoundationElementDefinition<TreeItemOptions> | undefined) => FoundationElementRegistry<TreeItemOptions, Constructable<FoundationElement>>;
|
|
234
268
|
register(container?: Container | undefined, ...rest: any[]): void;
|
|
235
269
|
};
|
|
@@ -1659,7 +1693,23 @@ export declare const fluentTabs: (overrideDefinition?: OverrideFoundationElement
|
|
|
1659
1693
|
*
|
|
1660
1694
|
* {@link https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/delegatesFocus | delegatesFocus}
|
|
1661
1695
|
*/
|
|
1662
|
-
export declare const fluentTextArea: (overrideDefinition?: OverrideFoundationElementDefinition<
|
|
1696
|
+
export declare const fluentTextArea: (overrideDefinition?: OverrideFoundationElementDefinition< {
|
|
1697
|
+
baseName: string;
|
|
1698
|
+
baseClass: typeof TextArea_2;
|
|
1699
|
+
template: FoundationElementTemplate<ViewTemplate<TextArea_2, any>, FoundationElementDefinition>;
|
|
1700
|
+
styles: (context: any, definition: any) => ElementStyles;
|
|
1701
|
+
shadowOptions: {
|
|
1702
|
+
delegatesFocus: true;
|
|
1703
|
+
};
|
|
1704
|
+
}> | undefined) => FoundationElementRegistry< {
|
|
1705
|
+
baseName: string;
|
|
1706
|
+
baseClass: typeof TextArea_2;
|
|
1707
|
+
template: FoundationElementTemplate<ViewTemplate<TextArea_2, any>, FoundationElementDefinition>;
|
|
1708
|
+
styles: (context: any, definition: any) => ElementStyles;
|
|
1709
|
+
shadowOptions: {
|
|
1710
|
+
delegatesFocus: true;
|
|
1711
|
+
};
|
|
1712
|
+
}, typeof TextArea>;
|
|
1663
1713
|
|
|
1664
1714
|
/**
|
|
1665
1715
|
* The Fluent Text Field Custom Element. Implements {@link @microsoft/fast-foundation#TextField},
|
|
@@ -1672,7 +1722,23 @@ export declare const fluentTextArea: (overrideDefinition?: OverrideFoundationEle
|
|
|
1672
1722
|
*
|
|
1673
1723
|
* {@link https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/delegatesFocus | delegatesFocus}
|
|
1674
1724
|
*/
|
|
1675
|
-
export declare const fluentTextField: (overrideDefinition?: OverrideFoundationElementDefinition<
|
|
1725
|
+
export declare const fluentTextField: (overrideDefinition?: OverrideFoundationElementDefinition< {
|
|
1726
|
+
baseName: string;
|
|
1727
|
+
baseClass: typeof TextField_2;
|
|
1728
|
+
template: FoundationElementTemplate<ViewTemplate<TextField_2, any>, TextFieldOptions>;
|
|
1729
|
+
styles: (context: any, definition: any) => ElementStyles;
|
|
1730
|
+
shadowOptions: {
|
|
1731
|
+
delegatesFocus: true;
|
|
1732
|
+
};
|
|
1733
|
+
}> | undefined) => FoundationElementRegistry< {
|
|
1734
|
+
baseName: string;
|
|
1735
|
+
baseClass: typeof TextField_2;
|
|
1736
|
+
template: FoundationElementTemplate<ViewTemplate<TextField_2, any>, TextFieldOptions>;
|
|
1737
|
+
styles: (context: any, definition: any) => ElementStyles;
|
|
1738
|
+
shadowOptions: {
|
|
1739
|
+
delegatesFocus: true;
|
|
1740
|
+
};
|
|
1741
|
+
}, typeof TextField>;
|
|
1676
1742
|
|
|
1677
1743
|
/**
|
|
1678
1744
|
* The Fluent Toolbar Custom Element. Implements {@link @microsoft/fast-foundation#Toolbar},
|