@fluentui/web-components 2.1.1 → 2.2.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 +69 -1
- package/CHANGELOG.md +38 -2
- package/dist/dts/anchor/anchor.stories.d.ts +1 -1
- package/dist/dts/badge/badge.stories.d.ts +1 -1
- package/dist/dts/button/button.stories.d.ts +1 -1
- package/dist/dts/component-definitions.d.ts +2 -1
- package/dist/dts/custom-elements.d.ts +14 -12
- package/dist/dts/index.d.ts +1 -0
- package/dist/dts/listbox/index.d.ts +3 -6
- package/dist/dts/listbox/listbox.stories.d.ts +1 -1
- package/dist/dts/menu/menu.stories.d.ts +1 -1
- package/dist/dts/search/index.d.ts +38 -0
- package/dist/dts/search/search.stories.d.ts +75 -0
- package/dist/dts/search/search.styles.d.ts +4 -0
- package/dist/dts/search/search.template.d.ts +6 -0
- package/dist/dts/text-area/text-area.stories.d.ts +1 -1
- package/dist/dts/text-field/text-field.stories.d.ts +1 -1
- package/dist/dts/tooltip/tooltip.stories.d.ts +1 -1
- package/dist/esm/accordion/accordion-item/accordion-item.styles.js +6 -5
- package/dist/esm/component-definitions.js +2 -0
- package/dist/esm/custom-elements.js +3 -1
- package/dist/esm/flipper/flipper.styles.js +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/listbox/index.js +3 -6
- package/dist/esm/search/index.js +52 -0
- package/dist/esm/search/search.stories.js +83 -0
- package/dist/esm/search/search.styles.js +108 -0
- package/dist/esm/search/search.template.js +82 -0
- package/dist/esm/search/search.vscode.definition.json +145 -0
- package/dist/esm/tabs/tab-panel/tab-panel.styles.js +3 -3
- package/dist/fluent-web-components.api.json +280 -15
- package/dist/web-components.d.ts +51 -2
- package/dist/web-components.js +711 -245
- package/dist/web-components.min.js +142 -132
- package/docs/api-report.md +34 -9
- package/package.json +2 -3
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,75 @@
|
|
|
2
2
|
"name": "@fluentui/web-components",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Wed, 12 Jan 2022 07:30:48 GMT",
|
|
6
|
+
"tag": "@fluentui/web-components_v2.2.1",
|
|
7
|
+
"version": "2.2.1",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "47367562+bheston@users.noreply.github.com",
|
|
12
|
+
"package": "@fluentui/web-components",
|
|
13
|
+
"commit": "06cb25c66838875a18dc264ebfa8c5547ce4ebb2",
|
|
14
|
+
"comment": "Update tab panel to base type size"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Fri, 07 Jan 2022 07:27:47 GMT",
|
|
21
|
+
"tag": "@fluentui/web-components_v2.2.0",
|
|
22
|
+
"version": "2.2.0",
|
|
23
|
+
"comments": {
|
|
24
|
+
"minor": [
|
|
25
|
+
{
|
|
26
|
+
"author": "jes@microsoft.com",
|
|
27
|
+
"package": "@fluentui/web-components",
|
|
28
|
+
"commit": "ebe29c6b802a65fd6a568d511e067ec4a272f817",
|
|
29
|
+
"comment": "feat: add search web component"
|
|
30
|
+
}
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"date": "Wed, 15 Dec 2021 07:31:29 GMT",
|
|
36
|
+
"tag": "@fluentui/web-components_v2.1.3",
|
|
37
|
+
"version": "2.1.3",
|
|
38
|
+
"comments": {
|
|
39
|
+
"patch": [
|
|
40
|
+
{
|
|
41
|
+
"author": "jes@microsoft.com",
|
|
42
|
+
"package": "@fluentui/web-components",
|
|
43
|
+
"commit": "bd40a6eca1aaa0702e7989087b01de32c9aa6c3d",
|
|
44
|
+
"comment": "fix: prevent disabled flipper from emitting event"
|
|
45
|
+
}
|
|
46
|
+
],
|
|
47
|
+
"none": [
|
|
48
|
+
{
|
|
49
|
+
"author": "martinhochel@microsoft.com",
|
|
50
|
+
"package": "@fluentui/web-components",
|
|
51
|
+
"commit": "28ceaaa83cd92a0389c466f0b15b283e3d9b08e4",
|
|
52
|
+
"comment": "chore: update all jest deps to v26"
|
|
53
|
+
}
|
|
54
|
+
]
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"date": "Fri, 10 Dec 2021 07:30:35 GMT",
|
|
59
|
+
"tag": "@fluentui/web-components_v2.1.2",
|
|
60
|
+
"version": "2.1.2",
|
|
61
|
+
"comments": {
|
|
62
|
+
"patch": [
|
|
63
|
+
{
|
|
64
|
+
"author": "robarb@microsoft.com",
|
|
65
|
+
"package": "@fluentui/web-components",
|
|
66
|
+
"commit": "89deee5b2a8a5da67a557cd6b19fe9c51ab36de1",
|
|
67
|
+
"comment": "fix: z-index in accordion header renders above content"
|
|
68
|
+
}
|
|
69
|
+
]
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"date": "Thu, 02 Dec 2021 07:36:29 GMT",
|
|
6
74
|
"tag": "@fluentui/web-components_v2.1.1",
|
|
7
75
|
"version": "2.1.1",
|
|
8
76
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,48 @@
|
|
|
1
1
|
# Change Log - @fluentui/web-components
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 12 Jan 2022 07:30:48 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [2.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.2.1)
|
|
8
|
+
|
|
9
|
+
Wed, 12 Jan 2022 07:30:48 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.2.0..@fluentui/web-components_v2.2.1)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- Update tab panel to base type size ([PR #21180](https://github.com/microsoft/fluentui/pull/21180) by 47367562+bheston@users.noreply.github.com)
|
|
15
|
+
|
|
16
|
+
## [2.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.2.0)
|
|
17
|
+
|
|
18
|
+
Fri, 07 Jan 2022 07:27:47 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.1.3..@fluentui/web-components_v2.2.0)
|
|
20
|
+
|
|
21
|
+
### Minor changes
|
|
22
|
+
|
|
23
|
+
- feat: add search web component ([PR #21177](https://github.com/microsoft/fluentui/pull/21177) by jes@microsoft.com)
|
|
24
|
+
|
|
25
|
+
## [2.1.3](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.1.3)
|
|
26
|
+
|
|
27
|
+
Wed, 15 Dec 2021 07:31:29 GMT
|
|
28
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.1.2..@fluentui/web-components_v2.1.3)
|
|
29
|
+
|
|
30
|
+
### Patches
|
|
31
|
+
|
|
32
|
+
- fix: prevent disabled flipper from emitting event ([PR #21003](https://github.com/microsoft/fluentui/pull/21003) by jes@microsoft.com)
|
|
33
|
+
|
|
34
|
+
## [2.1.2](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.1.2)
|
|
35
|
+
|
|
36
|
+
Fri, 10 Dec 2021 07:30:35 GMT
|
|
37
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.1.1..@fluentui/web-components_v2.1.2)
|
|
38
|
+
|
|
39
|
+
### Patches
|
|
40
|
+
|
|
41
|
+
- fix: z-index in accordion header renders above content ([PR #20587](https://github.com/microsoft/fluentui/pull/20587) by robarb@microsoft.com)
|
|
42
|
+
|
|
7
43
|
## [2.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.1.1)
|
|
8
44
|
|
|
9
|
-
Thu, 02 Dec 2021 07:
|
|
45
|
+
Thu, 02 Dec 2021 07:36:29 GMT
|
|
10
46
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.1.0..@fluentui/web-components_v2.1.1)
|
|
11
47
|
|
|
12
48
|
### Patches
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
title: string;
|
|
3
|
-
component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("
|
|
3
|
+
component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").Anchor>;
|
|
4
4
|
argTypes: {
|
|
5
5
|
appearance: {
|
|
6
6
|
options: string[];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
title: string;
|
|
3
|
-
component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("
|
|
3
|
+
component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").Badge>;
|
|
4
4
|
argTypes: {
|
|
5
5
|
appearance: {
|
|
6
6
|
options: string[];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
title: string;
|
|
3
|
-
component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("
|
|
3
|
+
component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").Button>;
|
|
4
4
|
argTypes: {
|
|
5
5
|
appearance: {
|
|
6
6
|
description: string;
|
|
@@ -26,6 +26,7 @@ import fluentProgressRingDefinition from "./progress/progress-ring/progress-ring
|
|
|
26
26
|
import fluentProgressDefinition from "./progress/progress/progress.vscode.definition.json";
|
|
27
27
|
import fluentRadioDefinition from "./radio/radio.vscode.definition.json";
|
|
28
28
|
import fluentRadioGroupDefinition from "./radio-group/radio-group.vscode.definition.json";
|
|
29
|
+
import fluentSearchDefinition from "./search/search.vscode.definition.json";
|
|
29
30
|
import fluentSelectDefinition from "./select/select.vscode.definition.json";
|
|
30
31
|
import fluentSkeletonDefinition from "./skeleton/skeleton.vscode.definition.json";
|
|
31
32
|
import fluentSliderDefinition from "./slider/slider.vscode.definition.json";
|
|
@@ -39,4 +40,4 @@ import fluentTextFieldDefinition from "./text-field/text-field.vscode.definition
|
|
|
39
40
|
import fluentTooltipDefinition from "./tooltip/tooltip.vscode.definition.json";
|
|
40
41
|
import fluentTreeItemDefinition from "./tree-item/tree-item.vscode.definition.json";
|
|
41
42
|
import fluentTreeViewDefinition from "./tree-view/tree-view.vscode.definition.json";
|
|
42
|
-
export { fluentAccordionItemDefinition, fluentAccordionDefinition, fluentAnchorDefinition, fluentAnchoredRegionDefinition, fluentBadgeDefinition, fluentBreadcrumbDefinition, fluentBreadcrumbItemDefinition, fluentButtonDefinition, fluentCardDefinition, fluentCheckboxDefinition, fluentComboboxDefinition, fluentDataGridDefinition, fluentDataGridCellDefinition, fluentDataGridRowDefinition, fluentDesignSystemProviderDefinition, fluentDialogDefinition, fluentDividerDefinition, fluentFlipperDefinition, fluentHorizontalScrollDefinition, fluentListboxDefinition, fluentListboxOptionDefinition, fluentMenuDefinition, fluentMenuItemDefinition, fluentNumberFieldDefinition, fluentProgressRingDefinition, fluentProgressDefinition, fluentRadioDefinition, fluentRadioGroupDefinition, fluentSelectDefinition, fluentSkeletonDefinition, fluentSliderDefinition, fluentSliderLabelDefinition, fluentSwitchDefinition, fluentTabPanelDefinition, fluentTabDefinition, fluentTabsDefinition, fluentTextAreaDefinition, fluentTextFieldDefinition, fluentTooltipDefinition, fluentTreeItemDefinition, fluentTreeViewDefinition };
|
|
43
|
+
export { fluentAccordionItemDefinition, fluentAccordionDefinition, fluentAnchorDefinition, fluentAnchoredRegionDefinition, fluentBadgeDefinition, fluentBreadcrumbDefinition, fluentBreadcrumbItemDefinition, fluentButtonDefinition, fluentCardDefinition, fluentCheckboxDefinition, fluentComboboxDefinition, fluentDataGridDefinition, fluentDataGridCellDefinition, fluentDataGridRowDefinition, fluentDesignSystemProviderDefinition, fluentDialogDefinition, fluentDividerDefinition, fluentFlipperDefinition, fluentHorizontalScrollDefinition, fluentListboxDefinition, fluentListboxOptionDefinition, fluentMenuDefinition, fluentMenuItemDefinition, fluentNumberFieldDefinition, fluentProgressRingDefinition, fluentProgressDefinition, fluentRadioDefinition, fluentRadioGroupDefinition, fluentSearchDefinition, fluentSelectDefinition, fluentSkeletonDefinition, fluentSliderDefinition, fluentSliderLabelDefinition, fluentSwitchDefinition, fluentTabPanelDefinition, fluentTabDefinition, fluentTabsDefinition, fluentTextAreaDefinition, fluentTextFieldDefinition, fluentTooltipDefinition, fluentTreeItemDefinition, fluentTreeViewDefinition };
|
|
@@ -27,6 +27,7 @@ import { fluentNumberField } from './number-field/index';
|
|
|
27
27
|
import { fluentProgress, fluentProgressRing } from './progress/index';
|
|
28
28
|
import { fluentRadio } from './radio/index';
|
|
29
29
|
import { fluentRadioGroup } from './radio-group/index';
|
|
30
|
+
import { fluentSearch } from './search/index';
|
|
30
31
|
import { fluentSelect } from './select/index';
|
|
31
32
|
import { fluentSkeleton } from './skeleton/index';
|
|
32
33
|
import { fluentSlider } from './slider/index';
|
|
@@ -39,7 +40,7 @@ import { fluentToolbar } from './toolbar/index';
|
|
|
39
40
|
import { fluentTooltip } from './tooltip/index';
|
|
40
41
|
import { fluentTreeView } from './tree-view/index';
|
|
41
42
|
import { fluentTreeItem } from './tree-item/index';
|
|
42
|
-
export { fluentAccordion, fluentAccordionItem, fluentAnchor, fluentAnchoredRegion, fluentBadge, fluentBreadcrumb, fluentBreadcrumbItem, fluentButton, fluentCard, fluentCalendar, fluentCheckbox, fluentCombobox, fluentDataGrid, fluentDataGridCell, fluentDataGridRow, fluentDesignSystemProvider, fluentDialog, fluentDivider, fluentFlipper, fluentHorizontalScroll, fluentListbox, fluentOption, fluentMenu, fluentMenuItem, fluentNumberField, fluentProgress, fluentProgressRing, fluentRadio, fluentRadioGroup, fluentSelect, fluentSkeleton, fluentSlider, fluentSliderLabel, fluentSwitch, fluentTabs, fluentTab, fluentTabPanel, fluentTextArea, fluentTextField, fluentToolbar, fluentTooltip, fluentTreeView, fluentTreeItem, };
|
|
43
|
+
export { fluentAccordion, fluentAccordionItem, fluentAnchor, fluentAnchoredRegion, fluentBadge, fluentBreadcrumb, fluentBreadcrumbItem, fluentButton, fluentCard, fluentCalendar, fluentCheckbox, fluentCombobox, fluentDataGrid, fluentDataGridCell, fluentDataGridRow, fluentDesignSystemProvider, fluentDialog, fluentDivider, fluentFlipper, fluentHorizontalScroll, fluentListbox, fluentOption, fluentMenu, fluentMenuItem, fluentNumberField, fluentProgress, fluentProgressRing, fluentRadio, fluentRadioGroup, fluentSearch, fluentSelect, fluentSkeleton, fluentSlider, fluentSliderLabel, fluentSwitch, fluentTabs, fluentTab, fluentTabPanel, fluentTextArea, fluentTextField, fluentToolbar, fluentTooltip, fluentTreeView, fluentTreeItem, };
|
|
43
44
|
/**
|
|
44
45
|
* All Fluent UI Web Components
|
|
45
46
|
* @public
|
|
@@ -47,14 +48,14 @@ export { fluentAccordion, fluentAccordionItem, fluentAnchor, fluentAnchoredRegio
|
|
|
47
48
|
export declare const allComponents: {
|
|
48
49
|
fluentAccordion: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").Accordion>;
|
|
49
50
|
fluentAccordionItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").AccordionItemOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").AccordionItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
50
|
-
fluentAnchor: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./anchor").Anchor>;
|
|
51
|
+
fluentAnchor: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./anchor/index").Anchor>;
|
|
51
52
|
fluentAnchoredRegion: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").AnchoredRegion>;
|
|
52
|
-
fluentBadge: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./badge").Badge>;
|
|
53
|
+
fluentBadge: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./badge/index").Badge>;
|
|
53
54
|
fluentBreadcrumb: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").Breadcrumb>;
|
|
54
55
|
fluentBreadcrumbItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").BreadcrumbItemOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").BreadcrumbItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
55
|
-
fluentButton: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./button").Button>;
|
|
56
|
+
fluentButton: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./button/index").Button>;
|
|
56
57
|
fluentCalendar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").CalendarOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").CalendarOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
57
|
-
fluentCard: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./card").Card>;
|
|
58
|
+
fluentCard: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./card/index").Card>;
|
|
58
59
|
fluentCheckbox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").CheckboxOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").CheckboxOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
59
60
|
fluentCombobox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").ComboboxOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").ComboboxOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
60
61
|
fluentDataGrid: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").DataGrid>;
|
|
@@ -68,20 +69,21 @@ export declare const allComponents: {
|
|
|
68
69
|
baseName: string;
|
|
69
70
|
template: import("@microsoft/fast-element").ViewTemplate<any, any>;
|
|
70
71
|
styles: import("@microsoft/fast-element").ElementStyles;
|
|
71
|
-
}, typeof import("./design-system-provider").DesignSystemProvider>;
|
|
72
|
+
}, typeof import("./design-system-provider/index").DesignSystemProvider>;
|
|
72
73
|
fluentDialog: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").Dialog>;
|
|
73
74
|
fluentDivider: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").Divider>;
|
|
74
75
|
fluentFlipper: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FlipperOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FlipperOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
75
76
|
fluentHorizontalScroll: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").HorizontalScrollOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").HorizontalScrollOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
76
|
-
fluentListbox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("
|
|
77
|
+
fluentListbox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./listbox/index").Listbox>;
|
|
77
78
|
fluentOption: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").ListboxOption>;
|
|
78
|
-
fluentMenu: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./menu").Menu>;
|
|
79
|
+
fluentMenu: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./menu/index").Menu>;
|
|
79
80
|
fluentMenuItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").MenuItemOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").MenuItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
80
81
|
fluentNumberField: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").NumberFieldOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").NumberFieldOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
81
82
|
fluentProgress: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").ProgressOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").ProgressOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
82
83
|
fluentProgressRing: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").ProgressRingOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").ProgressRingOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
83
84
|
fluentRadio: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").RadioOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").RadioOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
84
85
|
fluentRadioGroup: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").RadioGroup>;
|
|
86
|
+
fluentSearch: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").SearchOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").SearchOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
85
87
|
fluentSelect: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").SelectOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").SelectOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
86
88
|
fluentSkeleton: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").Skeleton>;
|
|
87
89
|
fluentSlider: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").SliderOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").SliderOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
@@ -90,10 +92,10 @@ export declare const allComponents: {
|
|
|
90
92
|
fluentTabs: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").Tabs>;
|
|
91
93
|
fluentTab: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").Tab>;
|
|
92
94
|
fluentTabPanel: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").TabPanel>;
|
|
93
|
-
fluentTextArea: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./text-area").TextArea>;
|
|
94
|
-
fluentTextField: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./text-field").TextField>;
|
|
95
|
-
fluentToolbar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./toolbar").Toolbar>;
|
|
96
|
-
fluentTooltip: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./tooltip").Tooltip>;
|
|
95
|
+
fluentTextArea: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./text-area/index").TextArea>;
|
|
96
|
+
fluentTextField: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./text-field/index").TextField>;
|
|
97
|
+
fluentToolbar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./toolbar/index").Toolbar>;
|
|
98
|
+
fluentTooltip: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./tooltip/index").Tooltip>;
|
|
97
99
|
fluentTreeView: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").TreeView>;
|
|
98
100
|
fluentTreeItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").TreeItemOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").TreeItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
99
101
|
register(container?: Container | undefined, ...rest: any[]): void;
|
package/dist/dts/index.d.ts
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { Listbox } from '@microsoft/fast-foundation';
|
|
1
|
+
import { Listbox as FoundationListboxElement } from '@microsoft/fast-foundation';
|
|
2
|
+
export declare class Listbox extends FoundationListboxElement {
|
|
3
|
+
}
|
|
2
4
|
/**
|
|
3
5
|
* The Fluent listbox Custom Element. Implements, {@link @microsoft/fast-foundation#Listbox}
|
|
4
6
|
* {@link @microsoft/fast-foundation#listboxTemplate}
|
|
@@ -15,8 +17,3 @@ export declare const fluentListbox: (overrideDefinition?: import("@microsoft/fas
|
|
|
15
17
|
* @public
|
|
16
18
|
*/
|
|
17
19
|
export declare const listboxStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
|
|
18
|
-
/**
|
|
19
|
-
* Listbox base class
|
|
20
|
-
* @public
|
|
21
|
-
*/
|
|
22
|
-
export { Listbox };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
title: string;
|
|
3
|
-
component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("
|
|
3
|
+
component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").Listbox>;
|
|
4
4
|
};
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const Listbox: any;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
title: string;
|
|
3
|
-
component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("
|
|
3
|
+
component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").Menu>;
|
|
4
4
|
};
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const Menu: any;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { Search as FoundationSearch, SearchOptions } from '@microsoft/fast-foundation';
|
|
2
|
+
/**
|
|
3
|
+
* Search appearances
|
|
4
|
+
* @public
|
|
5
|
+
*/
|
|
6
|
+
export declare type SearchAppearance = 'filled' | 'outline';
|
|
7
|
+
/**
|
|
8
|
+
* The Fluent search class
|
|
9
|
+
* @internal
|
|
10
|
+
*/
|
|
11
|
+
export declare class Search extends FoundationSearch {
|
|
12
|
+
/**
|
|
13
|
+
* The appearance of the element.
|
|
14
|
+
*
|
|
15
|
+
* @public
|
|
16
|
+
* @remarks
|
|
17
|
+
* HTML Attribute: appearance
|
|
18
|
+
*/
|
|
19
|
+
appearance: SearchAppearance;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* The Fluent Search Custom Element. Implements {@link @microsoft/fast-foundation#Search},
|
|
23
|
+
* {@link @microsoft/fast-foundation#searchTemplate}
|
|
24
|
+
*
|
|
25
|
+
*
|
|
26
|
+
* @public
|
|
27
|
+
* @remarks
|
|
28
|
+
* HTML Element: \<fluent-search\>
|
|
29
|
+
*
|
|
30
|
+
* {@link https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/delegatesFocus | delegatesFocus}
|
|
31
|
+
*/
|
|
32
|
+
export declare const fluentSearch: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<SearchOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<SearchOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
33
|
+
export * from './search.template';
|
|
34
|
+
/**
|
|
35
|
+
* Styles for Search
|
|
36
|
+
* @public
|
|
37
|
+
*/
|
|
38
|
+
export declare const searchStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").SearchOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").SearchOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
4
|
+
argTypes: {
|
|
5
|
+
appearance: {
|
|
6
|
+
options: string[];
|
|
7
|
+
defaultValue: string;
|
|
8
|
+
control: {
|
|
9
|
+
type: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
autoFocus: {
|
|
13
|
+
description: string;
|
|
14
|
+
control: {
|
|
15
|
+
type: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
disabled: {
|
|
19
|
+
description: string;
|
|
20
|
+
control: {
|
|
21
|
+
type: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
list: {
|
|
25
|
+
control: {
|
|
26
|
+
type: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
maxlength: {
|
|
30
|
+
control: {
|
|
31
|
+
type: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
name: {
|
|
35
|
+
control: {
|
|
36
|
+
type: string;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
minlength: {
|
|
40
|
+
control: {
|
|
41
|
+
type: string;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
pattern: {
|
|
45
|
+
description: string;
|
|
46
|
+
control: {
|
|
47
|
+
type: string;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
placeholder: {
|
|
51
|
+
description: string;
|
|
52
|
+
defaultValue: string;
|
|
53
|
+
control: {
|
|
54
|
+
type: string;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
readonly: {
|
|
58
|
+
control: {
|
|
59
|
+
type: string;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
required: {
|
|
63
|
+
control: {
|
|
64
|
+
type: string;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
spellcheck: {
|
|
68
|
+
control: {
|
|
69
|
+
type: string;
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
export default _default;
|
|
75
|
+
export declare const Search: any;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ElementStyles } from '@microsoft/fast-element';
|
|
2
|
+
import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
export declare const searchFilledStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
|
|
4
|
+
export declare const searchStyles: (context: any, definition: any) => ElementStyles;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import { ElementDefinitionContext, Search, SearchOptions } from '@microsoft/fast-foundation';
|
|
3
|
+
/**
|
|
4
|
+
* @public
|
|
5
|
+
*/
|
|
6
|
+
export declare const searchTemplate: (context: ElementDefinitionContext, definition: SearchOptions) => ViewTemplate<Search>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
title: string;
|
|
3
|
-
component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("
|
|
3
|
+
component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").TextArea>;
|
|
4
4
|
argTypes: {
|
|
5
5
|
appearance: {
|
|
6
6
|
defaultValue: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
title: string;
|
|
3
|
-
component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("
|
|
3
|
+
component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").TextField>;
|
|
4
4
|
argTypes: {
|
|
5
5
|
appearance: {
|
|
6
6
|
options: string[];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
title: string;
|
|
3
|
-
components: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("
|
|
3
|
+
components: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").Tooltip>;
|
|
4
4
|
argTypes: {
|
|
5
5
|
position: {
|
|
6
6
|
options: string[];
|
|
@@ -42,7 +42,6 @@ export const accordionItemStyles = (context, definition) => css `
|
|
|
42
42
|
position: relative;
|
|
43
43
|
grid-template-columns: auto 1fr auto auto;
|
|
44
44
|
align-items: center;
|
|
45
|
-
z-index: 2;
|
|
46
45
|
}
|
|
47
46
|
|
|
48
47
|
.button {
|
|
@@ -67,7 +66,6 @@ export const accordionItemStyles = (context, definition) => css `
|
|
|
67
66
|
left: 0;
|
|
68
67
|
right: 0;
|
|
69
68
|
bottom: 0;
|
|
70
|
-
z-index: 1;
|
|
71
69
|
cursor: pointer;
|
|
72
70
|
}
|
|
73
71
|
|
|
@@ -95,7 +93,6 @@ export const accordionItemStyles = (context, definition) => css `
|
|
|
95
93
|
align-items: center;
|
|
96
94
|
justify-content: center;
|
|
97
95
|
grid-column: 4;
|
|
98
|
-
z-index: 2;
|
|
99
96
|
pointer-events: none;
|
|
100
97
|
background: ${neutralFillStealthRestOnNeutralFillLayerRest};
|
|
101
98
|
border-radius: calc(${controlCornerRadius} * 1px);
|
|
@@ -135,7 +132,6 @@ export const accordionItemStyles = (context, definition) => css `
|
|
|
135
132
|
padding-inline-start: calc(${designUnit} * 2 * 1px);
|
|
136
133
|
justify-content: center;
|
|
137
134
|
grid-column: 1;
|
|
138
|
-
z-index: 2;
|
|
139
135
|
}
|
|
140
136
|
|
|
141
137
|
.end {
|
|
@@ -143,7 +139,12 @@ export const accordionItemStyles = (context, definition) => css `
|
|
|
143
139
|
align-items: center;
|
|
144
140
|
justify-content: center;
|
|
145
141
|
grid-column: 3;
|
|
146
|
-
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.icon,
|
|
145
|
+
.start,
|
|
146
|
+
.end {
|
|
147
|
+
position: relative;
|
|
147
148
|
}
|
|
148
149
|
`.withBehaviors(forcedColorsStylesheetBehavior(css `
|
|
149
150
|
.button:${focusVisible}::before {
|
|
@@ -54,6 +54,8 @@ import fluentRadioDefinition from './radio/radio.vscode.definition.json';
|
|
|
54
54
|
export { fluentRadioDefinition };
|
|
55
55
|
import fluentRadioGroupDefinition from './radio-group/radio-group.vscode.definition.json';
|
|
56
56
|
export { fluentRadioGroupDefinition };
|
|
57
|
+
import fluentSearchDefinition from './search/search.vscode.definition.json';
|
|
58
|
+
export { fluentSearchDefinition };
|
|
57
59
|
import fluentSelectDefinition from './select/select.vscode.definition.json';
|
|
58
60
|
export { fluentSelectDefinition };
|
|
59
61
|
import fluentSkeletonDefinition from './skeleton/skeleton.vscode.definition.json';
|
|
@@ -23,6 +23,7 @@ import { fluentNumberField } from './number-field/index';
|
|
|
23
23
|
import { fluentProgress, fluentProgressRing } from './progress/index';
|
|
24
24
|
import { fluentRadio } from './radio/index';
|
|
25
25
|
import { fluentRadioGroup } from './radio-group/index';
|
|
26
|
+
import { fluentSearch } from './search/index';
|
|
26
27
|
import { fluentSelect } from './select/index';
|
|
27
28
|
import { fluentSkeleton } from './skeleton/index';
|
|
28
29
|
import { fluentSlider } from './slider/index';
|
|
@@ -35,7 +36,7 @@ import { fluentToolbar } from './toolbar/index';
|
|
|
35
36
|
import { fluentTooltip } from './tooltip/index';
|
|
36
37
|
import { fluentTreeView } from './tree-view/index';
|
|
37
38
|
import { fluentTreeItem } from './tree-item/index';
|
|
38
|
-
export { fluentAccordion, fluentAccordionItem, fluentAnchor, fluentAnchoredRegion, fluentBadge, fluentBreadcrumb, fluentBreadcrumbItem, fluentButton, fluentCard, fluentCalendar, fluentCheckbox, fluentCombobox, fluentDataGrid, fluentDataGridCell, fluentDataGridRow, fluentDesignSystemProvider, fluentDialog, fluentDivider, fluentFlipper, fluentHorizontalScroll, fluentListbox, fluentOption, fluentMenu, fluentMenuItem, fluentNumberField, fluentProgress, fluentProgressRing, fluentRadio, fluentRadioGroup, fluentSelect, fluentSkeleton, fluentSlider, fluentSliderLabel, fluentSwitch, fluentTabs, fluentTab, fluentTabPanel, fluentTextArea, fluentTextField, fluentToolbar, fluentTooltip, fluentTreeView, fluentTreeItem, };
|
|
39
|
+
export { fluentAccordion, fluentAccordionItem, fluentAnchor, fluentAnchoredRegion, fluentBadge, fluentBreadcrumb, fluentBreadcrumbItem, fluentButton, fluentCard, fluentCalendar, fluentCheckbox, fluentCombobox, fluentDataGrid, fluentDataGridCell, fluentDataGridRow, fluentDesignSystemProvider, fluentDialog, fluentDivider, fluentFlipper, fluentHorizontalScroll, fluentListbox, fluentOption, fluentMenu, fluentMenuItem, fluentNumberField, fluentProgress, fluentProgressRing, fluentRadio, fluentRadioGroup, fluentSearch, fluentSelect, fluentSkeleton, fluentSlider, fluentSliderLabel, fluentSwitch, fluentTabs, fluentTab, fluentTabPanel, fluentTextArea, fluentTextField, fluentToolbar, fluentTooltip, fluentTreeView, fluentTreeItem, };
|
|
39
40
|
/**
|
|
40
41
|
* All Fluent UI Web Components
|
|
41
42
|
* @public
|
|
@@ -70,6 +71,7 @@ export const allComponents = {
|
|
|
70
71
|
fluentProgressRing,
|
|
71
72
|
fluentRadio,
|
|
72
73
|
fluentRadioGroup,
|
|
74
|
+
fluentSearch,
|
|
73
75
|
fluentSelect,
|
|
74
76
|
fluentSkeleton,
|
|
75
77
|
fluentSlider,
|
package/dist/esm/index.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import { Listbox, listboxTemplate as template } from '@microsoft/fast-foundation';
|
|
1
|
+
import { Listbox as FoundationListboxElement, listboxTemplate as template } from '@microsoft/fast-foundation';
|
|
2
2
|
import { listboxStyles as styles } from './listbox.styles';
|
|
3
|
+
export class Listbox extends FoundationListboxElement {
|
|
4
|
+
}
|
|
3
5
|
/**
|
|
4
6
|
* The Fluent listbox Custom Element. Implements, {@link @microsoft/fast-foundation#Listbox}
|
|
5
7
|
* {@link @microsoft/fast-foundation#listboxTemplate}
|
|
@@ -20,8 +22,3 @@ export const fluentListbox = Listbox.compose({
|
|
|
20
22
|
* @public
|
|
21
23
|
*/
|
|
22
24
|
export const listboxStyles = styles;
|
|
23
|
-
/**
|
|
24
|
-
* Listbox base class
|
|
25
|
-
* @public
|
|
26
|
-
*/
|
|
27
|
-
export { Listbox };
|