@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.
Files changed (36) hide show
  1. package/CHANGELOG.json +69 -1
  2. package/CHANGELOG.md +38 -2
  3. package/dist/dts/anchor/anchor.stories.d.ts +1 -1
  4. package/dist/dts/badge/badge.stories.d.ts +1 -1
  5. package/dist/dts/button/button.stories.d.ts +1 -1
  6. package/dist/dts/component-definitions.d.ts +2 -1
  7. package/dist/dts/custom-elements.d.ts +14 -12
  8. package/dist/dts/index.d.ts +1 -0
  9. package/dist/dts/listbox/index.d.ts +3 -6
  10. package/dist/dts/listbox/listbox.stories.d.ts +1 -1
  11. package/dist/dts/menu/menu.stories.d.ts +1 -1
  12. package/dist/dts/search/index.d.ts +38 -0
  13. package/dist/dts/search/search.stories.d.ts +75 -0
  14. package/dist/dts/search/search.styles.d.ts +4 -0
  15. package/dist/dts/search/search.template.d.ts +6 -0
  16. package/dist/dts/text-area/text-area.stories.d.ts +1 -1
  17. package/dist/dts/text-field/text-field.stories.d.ts +1 -1
  18. package/dist/dts/tooltip/tooltip.stories.d.ts +1 -1
  19. package/dist/esm/accordion/accordion-item/accordion-item.styles.js +6 -5
  20. package/dist/esm/component-definitions.js +2 -0
  21. package/dist/esm/custom-elements.js +3 -1
  22. package/dist/esm/flipper/flipper.styles.js +1 -0
  23. package/dist/esm/index.js +1 -0
  24. package/dist/esm/listbox/index.js +3 -6
  25. package/dist/esm/search/index.js +52 -0
  26. package/dist/esm/search/search.stories.js +83 -0
  27. package/dist/esm/search/search.styles.js +108 -0
  28. package/dist/esm/search/search.template.js +82 -0
  29. package/dist/esm/search/search.vscode.definition.json +145 -0
  30. package/dist/esm/tabs/tab-panel/tab-panel.styles.js +3 -3
  31. package/dist/fluent-web-components.api.json +280 -15
  32. package/dist/web-components.d.ts +51 -2
  33. package/dist/web-components.js +711 -245
  34. package/dist/web-components.min.js +142 -132
  35. package/docs/api-report.md +34 -9
  36. 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": "Thu, 02 Dec 2021 07:35:43 GMT",
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 Thu, 02 Dec 2021 07:35:43 GMT and should not be manually modified.
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:35:43 GMT
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(".").Anchor>;
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(".").Badge>;
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(".").Button>;
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("@microsoft/fast-foundation").Listbox>;
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;
@@ -27,6 +27,7 @@ export * from './number-field/';
27
27
  export * from './progress/';
28
28
  export * from './radio/';
29
29
  export * from './radio-group/';
30
+ export * from './search/';
30
31
  export * from './select';
31
32
  export * from './skeleton/';
32
33
  export * from './slider/';
@@ -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("@microsoft/fast-foundation").Listbox>;
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(".").Menu>;
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(".").TextArea>;
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(".").TextField>;
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(".").Tooltip>;
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
- z-index: 2;
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,
@@ -22,6 +22,7 @@ export const flipperStyles = (context, definition) => css `
22
22
  :host(.disabled) {
23
23
  opacity: ${disabledOpacity};
24
24
  cursor: ${disabledCursor};
25
+ pointer-events: none;
25
26
  }
26
27
 
27
28
  .next,
package/dist/esm/index.js CHANGED
@@ -27,6 +27,7 @@ export * from './number-field/';
27
27
  export * from './progress/';
28
28
  export * from './radio/';
29
29
  export * from './radio-group/';
30
+ export * from './search/';
30
31
  export * from './select';
31
32
  export * from './skeleton/';
32
33
  export * from './slider/';
@@ -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 };