@fluentui/web-components 3.0.0-alpha.3 → 3.0.0-alpha.5

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

@@ -172,6 +172,363 @@
       "name": "",
       "preserveMemberOrder": false,
       "members": [
+        {
+          "kind": "Class",
+          "canonicalReference": "@fluentui/web-components!Accordion:class",
+          "docComment": "/**\n * The base class used for constructing a fluent-accordion custom element\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare class Accordion extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "FASTAccordion",
+              "canonicalReference": "@microsoft/fast-foundation!FASTAccordion:class"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "Accordion",
+          "preserveMemberOrder": false,
+          "members": [],
+          "extendsTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "implementsTokenRanges": []
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!accordionDefinition:var",
+          "docComment": "/**\n * The Fluent Accordion Element. Implements {@link @microsoft/fast-foundation#Accordion}, {@link @microsoft/fast-foundation#accordionTemplate}\n *\n * @remarks\n *\n * HTML Element: \\<fluent-accordion\\>\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "definition: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-element\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "FASTElementDefinition",
+              "canonicalReference": "@microsoft/fast-element!FASTElementDefinition:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "Accordion",
+              "canonicalReference": "@fluentui/web-components!Accordion:class"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "accordionDefinition",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 6
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!accordionItemDefinition:var",
+          "docComment": "/**\n * The Fluent AccordionItem Element. Implements {@link @microsoft/fast-foundation#AccordionItem}, {@link @microsoft/fast-foundation#accordionItemTemplate}\n *\n * @remarks\n *\n * HTML Element: \\<fluent-accordion-item\\>\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "definition: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-element\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "FASTElementDefinition",
+              "canonicalReference": "@microsoft/fast-element!FASTElementDefinition:class"
+            },
+            {
+              "kind": "Content",
+              "text": "<typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "AccordionItem",
+              "canonicalReference": "@fluentui/web-components!AccordionItem:class"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "accordionItemDefinition",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 6
+          }
+        },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!AccordionItemExpandIconPosition:type",
+          "docComment": "/**\n * Applies expand/collapse icon position\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type AccordionItemExpandIconPosition = "
+            },
+            {
+              "kind": "Reference",
+              "text": "ValuesOf",
+              "canonicalReference": "@microsoft/fast-foundation!ValuesOf:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "AccordionItemExpandIconPosition",
+              "canonicalReference": "@fluentui/web-components!AccordionItemExpandIconPosition:var"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "AccordionItemExpandIconPosition",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!AccordionItemExpandIconPosition:var",
+          "docComment": "/**\n * An Accordion Item expand/collapse icon can appear at the start or end of the accordion\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "AccordionItemExpandIconPosition: "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    readonly start: \"start\";\n    readonly end: \"end\";\n}"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "AccordionItemExpandIconPosition",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@fluentui/web-components!AccordionItemSize:type",
+          "docComment": "/**\n * Applies font size to accordion header\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type AccordionItemSize = "
+            },
+            {
+              "kind": "Reference",
+              "text": "ValuesOf",
+              "canonicalReference": "@microsoft/fast-foundation!ValuesOf:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<typeof "
+            },
+            {
+              "kind": "Reference",
+              "text": "AccordionItemSize",
+              "canonicalReference": "@fluentui/web-components!AccordionItemSize:var"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "AccordionItemSize",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!AccordionItemSize:var",
+          "docComment": "/**\n * An Accordion Item header font size can be small, medium, large, and extra-large\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "AccordionItemSize: "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    readonly small: \"small\";\n    readonly medium: \"medium\";\n    readonly large: \"large\";\n    readonly extraLarge: \"extra-large\";\n}"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "AccordionItemSize",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!accordionItemStyles:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "styles: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-element\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "ElementStyles",
+              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "accordionItemStyles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!accordionItemTemplate:var",
+          "docComment": "/**\n * The template for the fluent-accordion component.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "template: "
+            },
+            {
+              "kind": "Reference",
+              "text": "ElementViewTemplate",
+              "canonicalReference": "@microsoft/fast-element!ElementViewTemplate:interface"
+            },
+            {
+              "kind": "Content",
+              "text": "<"
+            },
+            {
+              "kind": "Reference",
+              "text": "AccordionItem",
+              "canonicalReference": "@fluentui/web-components!AccordionItem:class"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "accordionItemTemplate",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!accordionStyles:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "styles: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"@microsoft/fast-element\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "ElementStyles",
+              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "accordionStyles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!accordionTemplate:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "template: "
+            },
+            {
+              "kind": "Reference",
+              "text": "ElementViewTemplate",
+              "canonicalReference": "@microsoft/fast-element!ElementViewTemplate:interface"
+            },
+            {
+              "kind": "Content",
+              "text": "<"
+            },
+            {
+              "kind": "Reference",
+              "text": "Accordion",
+              "canonicalReference": "@fluentui/web-components!Accordion:class"
+            },
+            {
+              "kind": "Content",
+              "text": ">"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "accordionTemplate",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 5
+          }
+        },
         {
           "kind": "Class",
           "canonicalReference": "@fluentui/web-components!Badge:class",
@@ -11941,7 +12298,7 @@
         },
         {
           "kind": "Class",
-          "canonicalReference": "@fluentui/web-components!ProgressBar:class",
+          "canonicalReference": "@fluentui/web-components!ProgressBar_2:class",
           "docComment": "/**\n * The base class used for constructing a fluent-progress-bar custom element\n *\n * @public\n */\n",
           "excerptTokens": [
             {
@@ -11959,12 +12316,12 @@
             }
           ],
           "releaseTag": "Public",
-          "name": "ProgressBar",
+          "name": "ProgressBar_2",
           "preserveMemberOrder": false,
           "members": [
             {
               "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!ProgressBar#shape:member",
+              "canonicalReference": "@fluentui/web-components!ProgressBar_2#shape:member",
               "docComment": "/**\n * The shape of the progress bar\n *\n * @remarks\n *\n * HTML Attribute: shape\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
@@ -11994,7 +12351,7 @@
             },
             {
               "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!ProgressBar#thickness:member",
+              "canonicalReference": "@fluentui/web-components!ProgressBar_2#thickness:member",
               "docComment": "/**\n * The thickness of the progress bar\n *\n * @remarks\n *\n * HTML Attribute: thickness\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
@@ -12024,7 +12381,7 @@
             },
             {
               "kind": "Property",
-              "canonicalReference": "@fluentui/web-components!ProgressBar#validationState:member",
+              "canonicalReference": "@fluentui/web-components!ProgressBar_2#validationState:member",
               "docComment": "/**\n * The validation state of the progress bar\n *\n * @remarks\n *\n * HTML Attribute: validation-state\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
@@ -12088,7 +12445,7 @@
             {
               "kind": "Reference",
               "text": "ProgressBar",
-              "canonicalReference": "@fluentui/web-components!ProgressBar:class"
+              "canonicalReference": "@fluentui/web-components!ProgressBar_2:class"
             },
             {
               "kind": "Content",
@@ -12212,7 +12569,7 @@
             {
               "kind": "Reference",
               "text": "ProgressBar",
-              "canonicalReference": "@fluentui/web-components!ProgressBar:class"
+              "canonicalReference": "@fluentui/web-components!ProgressBar_2:class"
             },
             {
               "kind": "Content",

package/dist/web-components.d.ts

@@ -1,6 +1,8 @@
 import { CSSDesignToken } from '@microsoft/fast-foundation';
 import { ElementStyles } from '@microsoft/fast-element';
 import { ElementViewTemplate } from '@microsoft/fast-element';
+import { FASTAccordion } from '@microsoft/fast-foundation';
+import { FASTAccordionItem } from '@microsoft/fast-foundation';
 import { FASTElement } from '@microsoft/fast-element';
 import { FASTElementDefinition } from '@microsoft/fast-element';
 import { FASTProgress } from '@microsoft/fast-foundation';
@@ -11,6 +13,109 @@ import { StaticallyComposableHTML } from '@microsoft/fast-foundation';
 import type { Theme } from '@fluentui/tokens';
 import { ValuesOf } from '@microsoft/fast-foundation';
 
+/**
+ * The base class used for constructing a fluent-accordion custom element
+ * @public
+ */
+export declare class Accordion extends FASTAccordion {
+}
+
+/**
+ * The Fluent Accordion Element. Implements {@link @microsoft/fast-foundation#Accordion },
+ * {@link @microsoft/fast-foundation#accordionTemplate}
+ *
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<fluent-accordion\>
+ */
+export declare const accordionDefinition: FASTElementDefinition<typeof Accordion>;
+
+/**
+ * @internal
+ */
+export declare class AccordionItem extends FASTAccordionItem {
+    /**
+     * Defines accordion header font size.
+     *
+     * @public
+     * @default 'medium'
+     * @remarks
+     * HTML Attribute: size
+     */
+    size: AccordionItemSize;
+    /**
+     * Sets the width of the focus state.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: block
+     */
+    block: boolean;
+    /**
+     * Sets expand and collapsed icon position.
+     *
+     * @public
+     * @default 'start'
+     * @remarks
+     * HTML Attribute: expandIconPosition
+     */
+    expandIconPosition: AccordionItemExpandIconPosition;
+}
+
+/**
+ * The Fluent AccordionItem Element. Implements {@link @microsoft/fast-foundation#AccordionItem },
+ * {@link @microsoft/fast-foundation#accordionItemTemplate}
+ *
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<fluent-accordion-item\>
+ */
+export declare const accordionItemDefinition: FASTElementDefinition<typeof AccordionItem>;
+
+/**
+ * An Accordion Item expand/collapse icon can appear at the start or end of the accordion
+ */
+export declare const AccordionItemExpandIconPosition: {
+    readonly start: "start";
+    readonly end: "end";
+};
+
+/**
+ * Applies expand/collapse icon position
+ * @public
+ */
+export declare type AccordionItemExpandIconPosition = ValuesOf<typeof AccordionItemExpandIconPosition>;
+
+/**
+ * An Accordion Item header font size can be small, medium, large, and extra-large
+ */
+export declare const AccordionItemSize: {
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+    readonly extraLarge: "extra-large";
+};
+
+/**
+ * Applies font size to accordion header
+ * @public
+ */
+export declare type AccordionItemSize = ValuesOf<typeof AccordionItemSize>;
+
+export declare const accordionItemStyles: ElementStyles;
+
+/**
+ * The template for the fluent-accordion component.
+ * @public
+ */
+export declare const accordionItemTemplate: ElementViewTemplate<AccordionItem>;
+
+export declare const accordionStyles: ElementStyles;
+
+export declare const accordionTemplate: ElementViewTemplate<Accordion>;
+
 /**
  * The base class used for constructing a fluent-badge custom element
  * @public
@@ -1030,7 +1135,7 @@ export declare const lineHeightHero900: CSSDesignToken<string>;
  * The base class used for constructing a fluent-progress-bar custom element
  * @public
  */
-export declare class ProgressBar extends FASTProgress {
+declare class ProgressBar_2 extends FASTProgress {
     /**
      * The thickness of the progress bar
      *
@@ -1054,6 +1159,7 @@ export declare class ProgressBar extends FASTProgress {
      */
     validationState: ProgressBarValidationState | null;
 }
+export { ProgressBar_2 as ProgressBar }
 
 /**
  * The Fluent ProgressBar Element.
@@ -1063,7 +1169,7 @@ export declare class ProgressBar extends FASTProgress {
  * @remarks
  * HTML Element: \<fluent-progress-bar\>
  */
-export declare const ProgressBarDefinition: FASTElementDefinition<typeof ProgressBar>;
+export declare const ProgressBarDefinition: FASTElementDefinition<typeof ProgressBar_2>;
 
 /**
  * ProgressBarShape Constants
@@ -1085,7 +1191,7 @@ export declare type ProgressBarShape = ValuesOf<typeof ProgressBarShape>;
  */
 export declare const ProgressBarStyles: ElementStyles;
 
-export declare const ProgressBarTemplate: ElementViewTemplate<ProgressBar>;
+export declare const ProgressBarTemplate: ElementViewTemplate<ProgressBar_2>;
 
 /**
  * ProgressBarThickness Constants