@fluentui/web-components 3.0.0-alpha.4 → 3.0.0-alpha.6

package/dist/web-components.d.ts

@@ -1,16 +1,122 @@
 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';
 import { FASTProgressRing } from '@microsoft/fast-foundation';
+import { FASTSwitch } from '@microsoft/fast-foundation';
 import { StartEnd } from '@microsoft/fast-foundation';
 import { StartEndOptions } from '@microsoft/fast-foundation';
 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
@@ -958,6 +1064,15 @@ export declare const curveEasyEaseMax: CSSDesignToken<string>;
 
 export declare const curveLinear: CSSDesignToken<string>;
 
+/**
+ * The Fluent Switch Element.
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<fluent-switch\>
+ */
+export declare const definition: FASTElementDefinition<typeof Switch>;
+
 export declare const durationFast: CSSDesignToken<string>;
 
 export declare const durationFaster: CSSDesignToken<string>;
@@ -1275,6 +1390,38 @@ export declare const strokeWidthThickest: CSSDesignToken<string>;
 
 export declare const strokeWidthThin: CSSDesignToken<string>;
 
+export declare class Switch extends FASTSwitch {
+    /**
+     * The label position of the switch
+     *
+     * @public
+     * @default 'after'
+     * @remarks
+     * HTML Attribute: labelposition
+     */
+    labelPosition: SwitchLabelPosition | undefined;
+}
+
+/**
+ * SwitchLabelPosition Constants
+ * @public
+ */
+export declare const SwitchLabelPosition: {
+    readonly above: "above";
+    readonly after: "after";
+    readonly before: "before";
+};
+
+/**
+ * Applies label position
+ * @public
+ */
+export declare type SwitchLabelPosition = ValuesOf<typeof SwitchLabelPosition>;
+
+export declare const switchStyles: ElementStyles;
+
+export declare const switchTemplate: ElementViewTemplate<Switch>;
+
 /**
  * The base class used for constructing a fluent-text custom element
  * @public