@fluentui/web-components 2.1.0 → 2.2.0

package/dist/fluent-web-components.api.json

@@ -1345,7 +1345,7 @@
             },
             {
               "kind": "Content",
-              "text": ", typeof import(\"./anchor\")."
+              "text": ", typeof import(\"./anchor/index\")."
             },
             {
               "kind": "Reference",
@@ -1435,7 +1435,7 @@
             },
             {
               "kind": "Content",
-              "text": ", typeof import(\"./badge\")."
+              "text": ", typeof import(\"./badge/index\")."
             },
             {
               "kind": "Reference",
@@ -1579,7 +1579,7 @@
             },
             {
               "kind": "Content",
-              "text": ", typeof import(\"./button\")."
+              "text": ", typeof import(\"./button/index\")."
             },
             {
               "kind": "Reference",
@@ -1678,7 +1678,7 @@
             },
             {
               "kind": "Content",
-              "text": ", typeof import(\"./card\")."
+              "text": ", typeof import(\"./card/index\")."
             },
             {
               "kind": "Reference",
@@ -1984,7 +1984,7 @@
             },
             {
               "kind": "Content",
-              "text": ";\n    }, typeof import(\"./design-system-provider\")."
+              "text": ";\n    }, typeof import(\"./design-system-provider/index\")."
             },
             {
               "kind": "Reference",
@@ -2227,12 +2227,12 @@
             },
             {
               "kind": "Content",
-              "text": ", typeof import(\"@microsoft/fast-foundation\")."
+              "text": ", typeof import(\"./listbox/index\")."
             },
             {
               "kind": "Reference",
               "text": "Listbox",
-              "canonicalReference": "@microsoft/fast-foundation!Listbox:class"
+              "canonicalReference": "@fluentui/web-components!Listbox:class"
             },
             {
               "kind": "Content",
@@ -2317,7 +2317,7 @@
             },
             {
               "kind": "Content",
-              "text": ", typeof import(\"./menu\")."
+              "text": ", typeof import(\"./menu/index\")."
             },
             {
               "kind": "Reference",
@@ -2641,7 +2641,61 @@
             },
             {
               "kind": "Content",
-              "text": ">;\n    fluentSelect: (overrideDefinition?: import(\"@microsoft/fast-foundation\")."
+              "text": ">;\n    fluentSearch: (overrideDefinition?: import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "OverrideFoundationElementDefinition",
+              "canonicalReference": "@microsoft/fast-foundation!OverrideFoundationElementDefinition:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "SearchOptions",
+              "canonicalReference": "@microsoft/fast-foundation!SearchOptions:type"
+            },
+            {
+              "kind": "Content",
+              "text": "> | undefined) => import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "FoundationElementRegistry",
+              "canonicalReference": "@microsoft/fast-foundation!FoundationElementRegistry:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "SearchOptions",
+              "canonicalReference": "@microsoft/fast-foundation!SearchOptions:type"
+            },
+            {
+              "kind": "Content",
+              "text": ", import(\"@microsoft/fast-element\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "Constructable",
+              "canonicalReference": "@microsoft/fast-element!Constructable:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "FoundationElement",
+              "canonicalReference": "@microsoft/fast-foundation!FoundationElement:class"
+            },
+            {
+              "kind": "Content",
+              "text": ">>;\n    fluentSelect: (overrideDefinition?: import(\"@microsoft/fast-foundation\")."
             },
             {
               "kind": "Reference",
@@ -3064,7 +3118,7 @@
             },
             {
               "kind": "Content",
-              "text": ", typeof import(\"./text-area\")."
+              "text": ", typeof import(\"./text-area/index\")."
             },
             {
               "kind": "Reference",
@@ -3109,7 +3163,7 @@
             },
             {
               "kind": "Content",
-              "text": ", typeof import(\"./text-field\")."
+              "text": ", typeof import(\"./text-field/index\")."
             },
             {
               "kind": "Reference",
@@ -3154,7 +3208,7 @@
             },
             {
               "kind": "Content",
-              "text": ", typeof import(\"./toolbar\")."
+              "text": ", typeof import(\"./toolbar/index\")."
             },
             {
               "kind": "Reference",
@@ -3199,7 +3253,7 @@
             },
             {
               "kind": "Content",
-              "text": ", typeof import(\"./tooltip\")."
+              "text": ", typeof import(\"./tooltip/index\")."
             },
             {
               "kind": "Reference",
@@ -3323,7 +3377,7 @@
           "name": "allComponents",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 470
+            "endIndex": 482
           }
         },
         {
@@ -8515,7 +8569,7 @@
             {
               "kind": "Reference",
               "text": "Listbox",
-              "canonicalReference": "@microsoft/fast-foundation!Listbox:class"
+              "canonicalReference": "@fluentui/web-components!Listbox:class"
             },
             {
               "kind": "Content",
@@ -9102,6 +9156,81 @@
             "endIndex": 12
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!fluentSearch:var",
+          "docComment": "/**\n * The Fluent Search Custom Element. Implements {@link @microsoft/fast-foundation#Search}, {@link @microsoft/fast-foundation#searchTemplate}\n *\n * @remarks\n *\n * HTML Element: \\<fluent-search\\>\n *\n * {@link https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/delegatesFocus | delegatesFocus}\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "fluentSearch: "
+            },
+            {
+              "kind": "Content",
+              "text": "(overrideDefinition?: import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "OverrideFoundationElementDefinition",
+              "canonicalReference": "@microsoft/fast-foundation!OverrideFoundationElementDefinition:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<"
+            },
+            {
+              "kind": "Reference",
+              "text": "SearchOptions",
+              "canonicalReference": "@microsoft/fast-foundation!SearchOptions:type"
+            },
+            {
+              "kind": "Content",
+              "text": "> | undefined) => import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "FoundationElementRegistry",
+              "canonicalReference": "@microsoft/fast-foundation!FoundationElementRegistry:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<"
+            },
+            {
+              "kind": "Reference",
+              "text": "SearchOptions",
+              "canonicalReference": "@microsoft/fast-foundation!SearchOptions:type"
+            },
+            {
+              "kind": "Content",
+              "text": ", import(\"@microsoft/fast-element\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "Constructable",
+              "canonicalReference": "@microsoft/fast-element!Constructable:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<import(\"@microsoft/fast-foundation\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "FoundationElement",
+              "canonicalReference": "@microsoft/fast-foundation!FoundationElement:class"
+            },
+            {
+              "kind": "Content",
+              "text": ">>"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "fluentSearch",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 14
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!fluentSelect:var",
@@ -10954,6 +11083,34 @@
             "endIndex": 4
           }
         },
+        {
+          "kind": "Class",
+          "canonicalReference": "@fluentui/web-components!Listbox:class",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare class Listbox extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "FoundationListboxElement",
+              "canonicalReference": "@microsoft/fast-foundation!Listbox:class"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "Listbox",
+          "members": [],
+          "extendsTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          },
+          "implementsTokenRanges": []
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@fluentui/web-components!listboxStyles:var",
@@ -17615,6 +17772,114 @@
           ],
           "extendsTokenRanges": []
         },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!SearchAppearance:type",
+          "docComment": "/**\n * Search appearances\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type SearchAppearance = "
+            },
+            {
+              "kind": "Content",
+              "text": "'filled' | 'outline'"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "SearchAppearance",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!searchStyles:var",
+          "docComment": "/**\n * Styles for Search\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "searchStyles: "
+            },
+            {
+              "kind": "Content",
+              "text": "(context: any, definition: any) => import(\"@microsoft/fast-element\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "ElementStyles",
+              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "searchStyles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!searchTemplate:var",
+          "docComment": "/**\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "searchTemplate: "
+            },
+            {
+              "kind": "Content",
+              "text": "(context: "
+            },
+            {
+              "kind": "Reference",
+              "text": "ElementDefinitionContext",
+              "canonicalReference": "@microsoft/fast-foundation!ElementDefinitionContext:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ", definition: "
+            },
+            {
+              "kind": "Reference",
+              "text": "SearchOptions",
+              "canonicalReference": "@microsoft/fast-foundation!SearchOptions:type"
+            },
+            {
+              "kind": "Content",
+              "text": ") => "
+            },
+            {
+              "kind": "Reference",
+              "text": "ViewTemplate",
+              "canonicalReference": "@microsoft/fast-element!ViewTemplate:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<"
+            },
+            {
+              "kind": "Reference",
+              "text": "Search",
+              "canonicalReference": "@microsoft/fast-foundation!Search:class"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "searchTemplate",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 10
+          }
+        },
         {
           "kind": "TypeAlias",
           "canonicalReference": "@fluentui/web-components!SelectAppearance:type",

package/dist/web-components.d.ts

@@ -37,7 +37,7 @@ import { FoundationElementDefinition } from '@microsoft/fast-foundation';
 import { FoundationElementRegistry } from '@microsoft/fast-foundation';
 import { HorizontalScroll as HorizontalScroll_2 } from '@microsoft/fast-foundation';
 import { HorizontalScrollOptions } from '@microsoft/fast-foundation';
-import { Listbox } from '@microsoft/fast-foundation';
+import { Listbox as Listbox_2 } from '@microsoft/fast-foundation';
 import { ListboxOption } from '@microsoft/fast-foundation';
 import { Menu as Menu_2 } from '@microsoft/fast-foundation';
 import { MenuItem } from '@microsoft/fast-foundation';
@@ -50,6 +50,8 @@ import { ProgressRingOptions } from '@microsoft/fast-foundation';
 import { Radio } from '@microsoft/fast-foundation';
 import { RadioGroup } from '@microsoft/fast-foundation';
 import { RadioOptions } from '@microsoft/fast-foundation';
+import { Search as Search_2 } from '@microsoft/fast-foundation';
+import { SearchOptions } from '@microsoft/fast-foundation';
 import { Select as Select_2 } from '@microsoft/fast-foundation';
 import { SelectOptions } from '@microsoft/fast-foundation';
 import { Skeleton } from '@microsoft/fast-foundation';
@@ -214,6 +216,7 @@ export declare const allComponents: {
     fluentProgressRing: (overrideDefinition?: OverrideFoundationElementDefinition<ProgressRingOptions> | undefined) => FoundationElementRegistry<ProgressRingOptions, Constructable<FoundationElement>>;
     fluentRadio: (overrideDefinition?: OverrideFoundationElementDefinition<RadioOptions> | undefined) => FoundationElementRegistry<RadioOptions, Constructable<FoundationElement>>;
     fluentRadioGroup: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, RadioGroup>;
+    fluentSearch: (overrideDefinition?: OverrideFoundationElementDefinition<SearchOptions> | undefined) => FoundationElementRegistry<SearchOptions, Constructable<FoundationElement>>;
     fluentSelect: (overrideDefinition?: OverrideFoundationElementDefinition<SelectOptions> | undefined) => FoundationElementRegistry<SelectOptions, Constructable<FoundationElement>>;
     fluentSkeleton: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Skeleton>;
     fluentSlider: (overrideDefinition?: OverrideFoundationElementDefinition<SliderOptions> | undefined) => FoundationElementRegistry<SliderOptions, Constructable<FoundationElement>>;
@@ -1543,6 +1546,19 @@ export declare const fluentRadio: (overrideDefinition?: OverrideFoundationElemen
  */
 export declare const fluentRadioGroup: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof RadioGroup>;
 
+/**
+ * The Fluent Search Custom Element. Implements {@link @microsoft/fast-foundation#Search},
+ * {@link @microsoft/fast-foundation#searchTemplate}
+ *
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<fluent-search\>
+ *
+ * {@link https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/delegatesFocus | delegatesFocus}
+ */
+export declare const fluentSearch: (overrideDefinition?: OverrideFoundationElementDefinition<SearchOptions> | undefined) => FoundationElementRegistry<SearchOptions, Constructable<FoundationElement>>;
+
 /**
  * The Fluent select Custom Element. Implements, {@link @microsoft/fast-foundation#Select}
  * {@link @microsoft/fast-foundation#selectTemplate}
@@ -1854,7 +1870,8 @@ export declare const layerCornerRadius: CSSDesignToken<number>;
  */
 export declare const LightweightButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector?: string, nonInteractivitySelector?: string) => ElementStyles;
 
-export { Listbox }
+export declare class Listbox extends Listbox_2 {
+}
 
 /**
  * Styles for Listbox
@@ -2550,6 +2567,38 @@ declare interface RelativeLuminance {
     readonly relativeLuminance: number;
 }
 
+/**
+ * The Fluent search class
+ * @internal
+ */
+export declare class Search extends Search_2 {
+    /**
+     * The appearance of the element.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: appearance
+     */
+    appearance: SearchAppearance;
+}
+
+/**
+ * Search appearances
+ * @public
+ */
+export declare type SearchAppearance = 'filled' | 'outline';
+
+/**
+ * Styles for Search
+ * @public
+ */
+export declare const searchStyles: (context: any, definition: any) => ElementStyles;
+
+/**
+ * @public
+ */
+export declare const searchTemplate: (context: ElementDefinitionContext, definition: SearchOptions) => ViewTemplate<Search_2>;
+
 /**
  * The Fluent select class
  * @internal