@fluentui/web-components 3.0.0-beta.11 → 3.0.0-beta.111

package/dist/dts/anchor-button/anchor-button.options.d.ts

@@ -1,64 +0,0 @@
-import type { ValuesOf } from '../utils/index.js';
-import type { AnchorOptions } from './anchor-button.js';
-/**
- * Anchor Button Appearance constants
- * @public
- */
-export declare const AnchorButtonAppearance: {
-    readonly primary: "primary";
-    readonly outline: "outline";
-    readonly subtle: "subtle";
-    readonly secondary: "secondary";
-    readonly transparent: "transparent";
-};
-/**
- * An Anchor Button can be secondary, primary, outline, subtle, transparent
- * @public
- */
-export declare type AnchorButtonAppearance = ValuesOf<typeof AnchorButtonAppearance>;
-/**
- * An Anchor Button can be square, circular or rounded.
- * @public
- */
-export declare const AnchorButtonShape: {
-    readonly circular: "circular";
-    readonly rounded: "rounded";
-    readonly square: "square";
-};
-/**
- * An Anchor Button can be square, circular or rounded
- * @public
- */
-export declare type AnchorButtonShape = ValuesOf<typeof AnchorButtonShape>;
-/**
- * An Anchor Button can be a size of small, medium or large.
- * @public
- */
-export declare const AnchorButtonSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-};
-/**
- * An Anchor Button can be on of several preset sizes.
- * @public
- */
-export declare type AnchorButtonSize = ValuesOf<typeof AnchorButtonSize>;
-export { AnchorOptions as AnchorButtonOptions };
-/**
- * Anchor target values.
- *
- * @public
- */
-export declare const AnchorTarget: {
-    readonly _self: "_self";
-    readonly _blank: "_blank";
-    readonly _parent: "_parent";
-    readonly _top: "_top";
-};
-/**
- * Type for anchor target values.
- *
- * @public
- */
-export declare type AnchorTarget = ValuesOf<typeof AnchorTarget>;

package/dist/dts/anchor-button/anchor-button.template.d.ts

@@ -1,12 +0,0 @@
-import { ElementViewTemplate, ViewTemplate } from '@microsoft/fast-element';
-import type { AnchorButton, AnchorOptions } from './anchor-button.js';
-/**
- * The template for the Button component.
- * @public
- */
-export declare function anchorTemplate<T extends AnchorButton>(options?: AnchorOptions): ViewTemplate<T>;
-/**
- * The template for the Button component.
- * @public
- */
-export declare const template: ElementViewTemplate<AnchorButton>;

package/dist/dts/anchor-button/index.d.ts

@@ -1,4 +0,0 @@
-export * from './anchor-button.js';
-export * from './anchor-button.options.js';
-export { template as AnchorButtonTemplate } from './anchor-button.template.js';
-export { definition as AnchorButtonDefinition } from './anchor-button.definition.js';

package/dist/dts/avatar/avatar.d.ts

@@ -1,97 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { AvatarActive, AvatarAppearance, AvatarColor, AvatarNamedColor, AvatarShape, AvatarSize } from './avatar.options.js';
-/**
- * The base class used for constructing a fluent-avatar custom element
- * @public
- */
-export declare class Avatar extends FASTElement {
-    /**
-     * The name of the person or entity represented by this Avatar. This should always be provided if it is available.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: name
-     */
-    name?: string | undefined;
-    /**
-     * Provide custom initials rather than one generated via the name
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: name
-     */
-    initials?: string | undefined;
-    /**
-     * Size of the avatar in pixels.
-     *
-     * Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`) and
-     * based on design guidelines for the Avatar control.
-     *
-     * If a non-supported size is neeeded, set `size` to the next-smaller supported size, and set `width` and `height`
-     * to override the rendered size.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: size
-     *
-     */
-    size?: AvatarSize | undefined;
-    /**
-     * The avatar can have a circular or square shape.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: shape
-     */
-    shape?: AvatarShape | undefined;
-    /**
-     * Optional activity indicator
-     * * active: the avatar will be decorated according to activeAppearance
-     * * inactive: the avatar will be reduced in size and partially transparent
-     * * undefined: normal display
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: active
-     */
-    active?: AvatarActive | undefined;
-    /**
-     * The appearance when `active="active"`
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: appearance
-     */
-    appearance?: AvatarAppearance | undefined;
-    /**
-     * The color when displaying either an icon or initials.
-     * * neutral (default): gray
-     * * brand: color from the brand palette
-     * * colorful: picks a color from a set of pre-defined colors, based on a hash of the name (or colorId if provided)
-     * * [AvatarNamedColor]: a specific color from the theme
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: color
-     */
-    color?: AvatarColor;
-    /**
-     * Specify a string to be used instead of the name, to determine which color to use when color="colorful".
-     * Use this when a name is not available, but there is another unique identifier that can be used instead.
-     */
-    colorId?: AvatarNamedColor | undefined;
-    /**
-     * Sets the data-color attribute used for the visual presentation
-     * @internal
-     */
-    generateColor(): AvatarColor | void;
-    /**
-     * Generates and sets the initials for the template
-     * @internal
-     */
-    generateInitials(): string | void;
-    /**
-     * An array of the available Avatar named colors
-     */
-    static colors: ("anchor" | "dark-red" | "cranberry" | "red" | "pumpkin" | "peach" | "marigold" | "gold" | "brass" | "brown" | "forest" | "seafoam" | "dark-green" | "light-teal" | "teal" | "steel" | "blue" | "royal-blue" | "cornflower" | "navy" | "lavender" | "purple" | "grape" | "lilac" | "pink" | "magenta" | "plum" | "beige" | "mink" | "platinum")[];
-}

package/dist/dts/avatar/avatar.options.d.ts

@@ -1,142 +0,0 @@
-import type { ValuesOf } from '../utils/index.js';
-/**
- * The Avatar "active" state
- */
-export declare const AvatarActive: {
-    readonly active: "active";
-    readonly inactive: "inactive";
-};
-/**
- * The types of Avatar active state
- */
-export declare type AvatarActive = ValuesOf<typeof AvatarActive>;
-/**
- * The Avatar Shape
- */
-export declare const AvatarShape: {
-    readonly circular: "circular";
-    readonly square: "square";
-};
-/**
- * The types of Avatar Shape
- */
-export declare type AvatarShape = ValuesOf<typeof AvatarShape>;
-/**
- * The Avatar Appearance when "active"
- */
-export declare const AvatarAppearance: {
-    readonly ring: "ring";
-    readonly shadow: "shadow";
-    readonly ringShadow: "ring-shadow";
-};
-/**
- * The appearance when "active"
- */
-export declare type AvatarAppearance = ValuesOf<typeof AvatarAppearance>;
-/**
- * A specific named color for the Avatar
- */
-export declare const AvatarNamedColor: {
-    readonly darkRed: "dark-red";
-    readonly cranberry: "cranberry";
-    readonly red: "red";
-    readonly pumpkin: "pumpkin";
-    readonly peach: "peach";
-    readonly marigold: "marigold";
-    readonly gold: "gold";
-    readonly brass: "brass";
-    readonly brown: "brown";
-    readonly forest: "forest";
-    readonly seafoam: "seafoam";
-    readonly darkGreen: "dark-green";
-    readonly lightTeal: "light-teal";
-    readonly teal: "teal";
-    readonly steel: "steel";
-    readonly blue: "blue";
-    readonly royalBlue: "royal-blue";
-    readonly cornflower: "cornflower";
-    readonly navy: "navy";
-    readonly lavender: "lavender";
-    readonly purple: "purple";
-    readonly grape: "grape";
-    readonly lilac: "lilac";
-    readonly pink: "pink";
-    readonly magenta: "magenta";
-    readonly plum: "plum";
-    readonly beige: "beige";
-    readonly mink: "mink";
-    readonly platinum: "platinum";
-    readonly anchor: "anchor";
-};
-/**
- * An avatar can be one of named colors
- * @public
- */
-export declare type AvatarNamedColor = ValuesOf<typeof AvatarNamedColor>;
-/**
- * Supported Avatar colors
- */
-export declare const AvatarColor: {
-    readonly darkRed: "dark-red";
-    readonly cranberry: "cranberry";
-    readonly red: "red";
-    readonly pumpkin: "pumpkin";
-    readonly peach: "peach";
-    readonly marigold: "marigold";
-    readonly gold: "gold";
-    readonly brass: "brass";
-    readonly brown: "brown";
-    readonly forest: "forest";
-    readonly seafoam: "seafoam";
-    readonly darkGreen: "dark-green";
-    readonly lightTeal: "light-teal";
-    readonly teal: "teal";
-    readonly steel: "steel";
-    readonly blue: "blue";
-    readonly royalBlue: "royal-blue";
-    readonly cornflower: "cornflower";
-    readonly navy: "navy";
-    readonly lavender: "lavender";
-    readonly purple: "purple";
-    readonly grape: "grape";
-    readonly lilac: "lilac";
-    readonly pink: "pink";
-    readonly magenta: "magenta";
-    readonly plum: "plum";
-    readonly beige: "beige";
-    readonly mink: "mink";
-    readonly platinum: "platinum";
-    readonly anchor: "anchor";
-    readonly neutral: "neutral";
-    readonly brand: "brand";
-    readonly colorful: "colorful";
-};
-/**
- * The Avatar Color
- */
-export declare type AvatarColor = ValuesOf<typeof AvatarColor>;
-/**
- * The Avatar Sizes
- * @public
- */
-export declare const AvatarSize: {
-    readonly _16: 16;
-    readonly _20: 20;
-    readonly _24: 24;
-    readonly _28: 28;
-    readonly _32: 32;
-    readonly _36: 36;
-    readonly _40: 40;
-    readonly _48: 48;
-    readonly _56: 56;
-    readonly _64: 64;
-    readonly _72: 72;
-    readonly _96: 96;
-    readonly _120: 120;
-    readonly _128: 128;
-};
-/**
- * A Avatar can be on of several preset sizes.
- * @public
- */
-export declare type AvatarSize = ValuesOf<typeof AvatarSize>;

package/dist/dts/avatar/avatar.template.d.ts

@@ -1,8 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import type { Avatar } from './avatar.js';
-/**
- * The template for the Avatar component.
- * @public
- */
-export declare function avatarTemplate<T extends Avatar>(): ElementViewTemplate<T>;
-export declare const template: ElementViewTemplate<Avatar>;

package/dist/dts/avatar/index.d.ts

@@ -1,5 +0,0 @@
-export * from './avatar.js';
-export * from './avatar.options.js';
-export { template as AvatarTemplate } from './avatar.template.js';
-export { styles as AvatarStyles } from './avatar.styles.js';
-export { definition as AvatarDefinition } from './avatar.definition.js';

package/dist/dts/badge/badge.d.ts

@@ -1,49 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { StartEnd } from '../patterns/index.js';
-import { BadgeAppearance, BadgeColor, BadgeShape, BadgeSize } from './badge.options.js';
-/**
- * The base class used for constructing a fluent-badge custom element
- * @public
- */
-export declare class Badge extends FASTElement {
-    /**
-     * The appearance the badge should have.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: appearance
-     */
-    appearance: BadgeAppearance;
-    /**
-     * The color the badge should have.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: color
-     */
-    color: BadgeColor;
-    /**
-     * The shape the badge should have.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: shape
-     */
-    shape?: BadgeShape;
-    /**
-     * The size the badge should have.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: size
-     */
-    size?: BadgeSize;
-}
-/**
- * Mark internal because exporting class and interface of the same name
- * confuses API extractor.
- * TODO: Below will be unnecessary when Badge class gets updated
- * @internal
- */
-export interface Badge extends StartEnd {
-}

package/dist/dts/badge/badge.options.d.ts

@@ -1,74 +0,0 @@
-import { StartEndOptions } from '../patterns/index.js';
-import type { StaticallyComposableHTML, ValuesOf } from '../utils/index.js';
-import type { Badge } from './badge.js';
-/**
- * @internal - marking as internal update when Badge PR for start/end is in
- */
-export declare type BadgeOptions = StartEndOptions<Badge> & {
-    defaultContent?: StaticallyComposableHTML;
-};
-/**
- * BadgeAppearance constants
- * @public
- */
-export declare const BadgeAppearance: {
-    readonly filled: "filled";
-    readonly ghost: "ghost";
-    readonly outline: "outline";
-    readonly tint: "tint";
-};
-/**
- * A Badge can be filled, outline, ghost, inverted
- * @public
- */
-export declare type BadgeAppearance = ValuesOf<typeof BadgeAppearance>;
-/**
- * BadgeColor constants
- * @public
- */
-export declare const BadgeColor: {
-    readonly brand: "brand";
-    readonly danger: "danger";
-    readonly important: "important";
-    readonly informative: "informative";
-    readonly severe: "severe";
-    readonly subtle: "subtle";
-    readonly success: "success";
-    readonly warning: "warning";
-};
-/**
- * A Badge can be one of preset colors
- * @public
- */
-export declare type BadgeColor = ValuesOf<typeof BadgeColor>;
-/**
- * A Badge can be square, circular or rounded.
- * @public
- */
-export declare const BadgeShape: {
-    readonly circular: "circular";
-    readonly rounded: "rounded";
-    readonly square: "square";
-};
-/**
- * A Badge can be one of preset colors
- * @public
- */
-export declare type BadgeShape = ValuesOf<typeof BadgeShape>;
-/**
- * A Badge can be square, circular or rounded.
- * @public
- */
-export declare const BadgeSize: {
-    readonly tiny: "tiny";
-    readonly extraSmall: "extra-small";
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-    readonly extraLarge: "extra-large";
-};
-/**
- * A Badge can be on of several preset sizes.
- * @public
- */
-export declare type BadgeSize = ValuesOf<typeof BadgeSize>;

package/dist/dts/badge/badge.template.d.ts

@@ -1,9 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import type { Badge } from './badge.js';
-import type { BadgeOptions } from './badge.options.js';
-/**
- * The template for the Badge component.
- * @public
- */
-export declare function badgeTemplate<T extends Badge>(options?: BadgeOptions): ElementViewTemplate<T>;
-export declare const template: ElementViewTemplate<Badge>;

package/dist/dts/badge/index.d.ts

@@ -1,5 +0,0 @@
-export * from './badge.js';
-export * from './badge.options.js';
-export { template as BadgeTemplate } from './badge.template.js';
-export { styles as BadgeStyles } from './badge.styles.js';
-export { definition as BadgeDefinition } from './badge.definition.js';

package/dist/dts/button/button.d.ts

@@ -1,193 +0,0 @@
-import { ARIAGlobalStatesAndProperties, StartEnd } from '../patterns/index.js';
-import { FormAssociatedButton } from './button.form-associated.js';
-import { ButtonAppearance, ButtonShape, ButtonSize, ButtonType } from './button.options.js';
-/**
- * A Button Custom HTML Element.
- * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element }.
- *
- * @slot start - Content which can be provided before the button content
- * @slot end - Content which can be provided after the button content
- * @slot - The default slot for button content
- * @csspart control - The button element
- * @csspart content - The element wrapping button content
- *
- * @public
- */
-export declare class Button extends FormAssociatedButton {
-    /**
-     * Determines if the element should receive document focus on page load.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: autofocus
-     */
-    autofocus: boolean;
-    /**
-     * The id of a form to associate the element to.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: form
-     */
-    formId: string;
-    /**
-     * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: formaction
-     */
-    formaction: string;
-    protected formactionChanged(): void;
-    /**
-     * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: formenctype
-     */
-    formenctype: string;
-    protected formenctypeChanged(): void;
-    /**
-     * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: formmethod
-     */
-    formmethod: string;
-    protected formmethodChanged(): void;
-    /**
-     * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: formnovalidate
-     */
-    formnovalidate: boolean;
-    protected formnovalidateChanged(): void;
-    /**
-     * See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element} for more details.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: formtarget
-     */
-    formtarget: '_self' | '_blank' | '_parent' | '_top';
-    protected formtargetChanged(): void;
-    /**
-     * The button type.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: type
-     */
-    type: ButtonType;
-    protected typeChanged(previous: ButtonType | undefined, next: ButtonType): void;
-    /**
-     * The appearance the button should have.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: appearance
-     */
-    appearance?: ButtonAppearance | undefined;
-    /**
-     * The shape the button should have.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: shape
-     */
-    shape?: ButtonShape | undefined;
-    /**
-     * The size the button should have.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: size
-     */
-    size?: ButtonSize;
-    /**
-     * The button has an icon only, no text content
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: icon-only
-     */
-    iconOnly: boolean;
-    /**
-     * The button is disabled but focusable
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: disabled-focusable
-     */
-    disabledFocusable?: boolean;
-    protected disabledFocusableChanged(prev: boolean, next: boolean): void;
-    /**
-     * Prevents disabledFocusable click events
-     */
-    private handleDisabledFocusableClick;
-    /**
-     *
-     * Default slotted content
-     *
-     * @public
-     * @remarks
-     */
-    defaultSlottedContent: HTMLElement[];
-    /** {@inheritDoc (FormAssociated:interface).validate} */
-    validate(): void;
-    /**
-     * @internal
-     */
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    /**
-     * Submits the parent form
-     */
-    private handleSubmission;
-    /**
-     * Resets the parent form
-     */
-    private handleFormReset;
-    control: HTMLButtonElement;
-}
-/**
- * Includes ARIA states and properties relating to the ARIA button role
- *
- * @public
- */
-export declare class DelegatesARIAButton {
-    /**
-     * See {@link https://www.w3.org/WAI/PF/aria/roles#button} for more information
-     * @public
-     * @remarks
-     * HTML Attribute: aria-expanded
-     */
-    ariaExpanded: 'true' | 'false' | string | null;
-    /**
-     * See {@link https://www.w3.org/WAI/PF/aria/roles#button} for more information
-     * @public
-     * @remarks
-     * HTML Attribute: aria-pressed
-     */
-    ariaPressed: 'true' | 'false' | 'mixed' | string | null;
-}
-/**
- * Mark internal because exporting class and interface of the same name
- * confuses API documenter.
- * TODO: https://github.com/microsoft/fast/issues/3317
- * @internal
- */
-export interface DelegatesARIAButton extends ARIAGlobalStatesAndProperties {
-}
-/**
- * Mark internal because exporting class and interface of the same name
- * confuses API documenter.
- * TODO: https://github.com/microsoft/fast/issues/3317
- * @internal
- */
-export interface Button extends StartEnd, DelegatesARIAButton {
-}

package/dist/dts/button/button.definition.d.ts

@@ -1,7 +0,0 @@
-import { Button } from './button.js';
-/**
- * @public
- * @remarks
- * HTML Element: \<fluent-button\>
- */
-export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof Button>;