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

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

@@ -1,11 +0,0 @@
-import type { ValuesOf } from '../utils/index.js';
-/**
- * Dialog modal type
- * @public
- */
-export declare const DialogModalType: {
-    readonly modal: "modal";
-    readonly nonModal: "non-modal";
-    readonly alert: "alert";
-};
-export declare type DialogModalType = ValuesOf<typeof DialogModalType>;

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

@@ -1,7 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import type { Dialog } from './dialog.js';
-/**
- * Template for the Dialog component
- * @public
- */
-export declare const template: ElementViewTemplate<Dialog>;

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

@@ -1,4 +0,0 @@
-export * from './dialog.js';
-export { definition as DialogDefinition } from './dialog.definition.js';
-export { template as DialogTemplate } from './dialog.template.js';
-export { styles as DialogStyles } from './dialog.styles.js';

package/dist/dts/divider/divider.d.ts

@@ -1,47 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { DividerAlignContent, DividerAppearance, DividerOrientation, DividerRole } from './divider.options.js';
-/**
- * @class Divider component
- *
- * @remarks
- * A divider groups sections of content to create visual rhythm and hierarchy. Use dividers along with spacing and headers to organize content in your layout.
- */
-export declare class Divider extends FASTElement {
-    /**
-     * The role of the element.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: role
-     */
-    role: DividerRole;
-    /**
-     * The orientation of the divider.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: orientation
-     */
-    orientation: DividerOrientation;
-    /**
-     * @property alignContent
-     * @default center
-     * @remarks
-     * Determines the alignment of the content within the divider. Select from start or end. When not specified, the content will be aligned to the center.
-     */
-    alignContent?: DividerAlignContent;
-    /**
-     * @property appearance
-     * @default default
-     * @remarks
-     * A divider can have one of the preset appearances. Select from strong, brand, subtle. When not specified, the divider has its default appearance.
-     */
-    appearance?: DividerAppearance;
-    /**
-     * @property inset
-     * @default false
-     * @remarks
-     * Adds padding to the beginning and end of the divider.
-     */
-    inset?: boolean;
-}

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

@@ -1,65 +0,0 @@
-import type { ValuesOf } from '../utils/index.js';
-/**
- * Divider roles
- * @public
- */
-export declare const DividerRole: {
-    /**
-     * The divider semantically separates content
-     */
-    readonly separator: "separator";
-    /**
-     * The divider has no semantic value and is for visual presentation only.
-     */
-    readonly presentation: "presentation";
-};
-/**
- * The types for Divider roles
- * @public
- */
-export declare type DividerRole = ValuesOf<typeof DividerRole>;
-/**
- * Divider orientation
- * @public
- */
-export declare const DividerOrientation: {
-    readonly horizontal: "horizontal"; /**
-     * Divider roles
-     * @public
-     */
-    readonly vertical: "vertical";
-};
-/**
- * The types for Divider orientation
- * @public
- */
-export declare type DividerOrientation = ValuesOf<typeof DividerOrientation>;
-/**
- * Align content within divider
- * @public
- */
-export declare const DividerAlignContent: {
-    readonly center: "center";
-    readonly start: "start";
-    readonly end: "end";
-};
-/**
- * The types for DividerAlignContent
- * @public
- */
-export declare type DividerAlignContent = ValuesOf<typeof DividerAlignContent>;
-/**
- * DividerAppearance - divider color defined by a design token alias.
- * @public
- */
-export declare const DividerAppearance: {
-    readonly strong: "strong";
-    readonly brand: "brand";
-    readonly subtle: "subtle";
-    readonly default: "default";
-};
-/**
- * The types for Appearance
- * @public
- */
-export declare type DividerAppearance = ValuesOf<typeof DividerAppearance>;

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

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

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

@@ -1,5 +0,0 @@
-export * from './divider.js';
-export * from './divider.options.js';
-export { definition as DividerDefinition } from './divider.definition.js';
-export { template as DividerTemplate } from './divider.template.js';
-export { styles as DividerStyles } from './divider.styles.js';

package/dist/dts/form-associated/form-associated.d.ts

@@ -1,178 +0,0 @@
-import type { Constructable, FASTElement } from '@microsoft/fast-element';
-/**
- * This file enables typing support for ElementInternals APIs.
- * It is largely taken from https://github.com/microsoft/TSJS-lib-generator/pull/818/files.
- *
- * When TypeScript adds support for these APIs we can delete this file.
- */
-interface ValidityStateFlags {
-    badInput?: boolean;
-    customError?: boolean;
-    patternMismatch?: boolean;
-    rangeOverflow?: boolean;
-    rangeUnderflow?: boolean;
-    stepMismatch?: boolean;
-    tooLong?: boolean;
-    tooShort?: boolean;
-    typeMismatch?: boolean;
-    valueMissing?: boolean;
-}
-/**
- * Source:
- * https://html.spec.whatwg.org/multipage/custom-elements.html#elementinternals
- */
-interface ElementInternals {
-    /**
-     * Returns the form owner of internals target element.
-     */
-    readonly form: HTMLFormElement | null;
-    /**
-     * Returns a NodeList of all the label elements that internals target element is associated with.
-     */
-    readonly labels: NodeList;
-    /**
-     * Returns the error message that would be shown to the user if internals target element was to be checked for validity.
-     */
-    readonly validationMessage: string;
-    /**
-     * Returns the ValidityState object for internals target element.
-     */
-    readonly validity: ValidityState;
-    /**
-     * Returns true if internals target element will be validated when the form is submitted; false otherwise.
-     */
-    readonly willValidate: boolean;
-    /**
-     * Returns true if internals target element has no validity problems; false otherwise. Fires an invalid event at the element in the latter case.
-     */
-    checkValidity(): boolean;
-    /**
-     * Returns true if internals target element has no validity problems; otherwise,
-     * returns false, fires an invalid event at the element, and (if the event isn't canceled) reports the problem to the user.
-     */
-    reportValidity(): boolean;
-    /**
-     * Sets both the state and submission value of internals target element to value.
-     *
-     * While "null" isn't enumerated as a argument type (here)[https://html.spec.whatwg.org/multipage/custom-elements.html#the-elementinternals-interface],
-     * In practice it appears to remove the value from the form data on submission. Adding it as a valid type here
-     * becuase that capability is required for checkbox and radio types
-     */
-    setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
-    /**
-     * Marks internals target element as suffering from the constraints indicated by the flags argument,
-     * and sets the element's validation message to message.
-     * If anchor is specified, the user agent might use
-     * it to indicate problems with the constraints of internals target
-     * element when the form owner is validated interactively or reportValidity() is called.
-     */
-    setValidity(flags: ValidityStateFlags, message?: string, anchor?: HTMLElement): void;
-}
-declare let ElementInternals: {
-    prototype: ElementInternals;
-    new (): ElementInternals;
-};
-/**
- * @alpha
- */
-export declare const supportsElementInternals: boolean;
-/**
- * Base class for providing Custom Element Form Association.
- *
- * @beta
- */
-export interface FormAssociated extends Omit<ElementInternals, 'labels'> {
-    dirtyValue: boolean;
-    disabled: boolean;
-    readonly elementInternals: ElementInternals | null;
-    readonly formAssociated: boolean;
-    initialValue: string;
-    readonly labels: ReadonlyArray<Node[]>;
-    name: string;
-    required: boolean;
-    value: string;
-    currentValue: string;
-    attachProxy(): void;
-    detachProxy(): void;
-    disabledChanged?(previous: boolean, next: boolean): void;
-    formDisabledCallback?(disabled: boolean): void;
-    formResetCallback(): void;
-    initialValueChanged?(previous: string, next: string): void;
-    nameChanged?(previous: string, next: string): void;
-    requiredChanged(prev: boolean, next: boolean): void;
-    stopPropagation(e: Event): void;
-    /**
-     * Sets the validity of the custom element. By default this uses the proxy element to determine
-     * validity, but this can be extended or replaced in implementation.
-     *
-     * @param anchor - The anchor element to provide to ElementInternals.setValidity for surfacing the browser's constraint validation UI
-     */
-    validate(anchor?: HTMLElement): void;
-    valueChanged(previous: string, next: string): void;
-}
-/**
- * Base class for providing Custom Element Form Association with checkable features.
- *
- * @beta
- */
-export interface CheckableFormAssociated extends FormAssociated {
-    currentChecked: boolean;
-    dirtyChecked: boolean;
-    checkedAttribute: boolean;
-    defaultChecked: boolean;
-    defaultCheckedChanged(oldValue: boolean | undefined, newValue: boolean): void;
-    checked: boolean;
-    checkedChanged(oldValue: boolean | undefined, newValue: boolean): void;
-}
-/**
- * Avaiable types for the `proxy` property.
- * @beta
- */
-export declare type ProxyElement = HTMLSelectElement | HTMLTextAreaElement | HTMLInputElement;
-/**
- * Identifies a class as having a proxy element and optional submethods related
- * to the proxy element.
- *
- * @beta
- */
-export interface FormAssociatedProxy {
-    proxy: ProxyElement;
-    disabledChanged?(previous: boolean, next: boolean): void;
-    formDisabledCallback?(disabled: boolean): void;
-    formResetCallback?(): void;
-    initialValueChanged?(previous: string, next: string): void;
-    valueChanged?(previous: string, next: string): void;
-    nameChanged?(previous: string, next: string): void;
-}
-/**
- * Combined type to describe a Form-associated element.
- *
- * @beta
- */
-export declare type FormAssociatedElement = FormAssociated & FASTElement & HTMLElement & FormAssociatedProxy;
-/**
- * Combined type to describe a checkable Form-associated element.
- *
- * @beta
- */
-export declare type CheckableFormAssociatedElement = FormAssociatedElement & CheckableFormAssociated & {
-    proxy: HTMLInputElement;
-};
-/**
- * Combined type to describe a Constructable Form-Associated type.
- *
- * @beta
- */
-export declare type ConstructableFormAssociated = Constructable<HTMLElement & FASTElement>;
-/**
- * Base function for providing Custom Element Form Association.
- *
- * @beta
- */
-export declare function FormAssociated<T extends ConstructableFormAssociated>(BaseCtor: T): T;
-/**
- * Creates a checkable form associated component.
- * @beta
- */
-export declare function CheckableFormAssociated<T extends ConstructableFormAssociated>(BaseCtor: T): T;
-export {};

package/dist/dts/helpers.tests.d.ts

@@ -1,8 +0,0 @@
-/**
- * Returns a formatted URL for a given Storybook fixture.
- *
- * @param id - the Storybook fixture ID
- * @param args - Story args
- * @returns - the local URL for the Storybook fixture iframe
- */
-export declare function fixtureURL(id?: string, args?: Record<string, any>): string;

package/dist/dts/image/image.d.ts

@@ -1,48 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { ImageFit, ImageShape } from './image.options.js';
-/**
- * The base class used for constucting a fluent image custom element
- * @public
- */
-export declare class Image extends FASTElement {
-    /**
-     * Image layout
-     *
-     * @public
-     * @remarks
-     * HTML attribute: block.
-     */
-    block?: boolean;
-    /**
-     * Image border
-     *
-     * @public
-     * @remarks
-     * HTML attribute: border.
-     */
-    bordered?: boolean;
-    /**
-     * Image shadow
-     *
-     * @public
-     * @remarks
-     * HTML attribute: shadow.
-     */
-    shadow?: boolean;
-    /**
-     * Image fit
-     *
-     * @public
-     * @remarks
-     * HTML attribute: fit.
-     */
-    fit?: ImageFit;
-    /**
-     * Image shape
-     *
-     * @public
-     * @remarks
-     * HTML attribute: shape.
-     */
-    shape?: ImageShape;
-}

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

@@ -1,27 +0,0 @@
-import type { ValuesOf } from '../utils/index.js';
-/**
- * Image fit
- * @public
- */
-export declare const ImageFit: {
-    readonly none: "none";
-    readonly center: "center";
-    readonly contain: "contain";
-    readonly cover: "cover";
-    readonly default: "default";
-};
-/**
- * Types for image fit
- * @public
- */
-export declare type ImageFit = ValuesOf<typeof ImageFit>;
-/**
- * Image shape
- * @public
- */
-export declare const ImageShape: {
-    readonly circular: "circular";
-    readonly rounded: "rounded";
-    readonly square: "square";
-};
-export declare type ImageShape = ValuesOf<typeof ImageShape>;

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

@@ -1,7 +0,0 @@
-import { ElementViewTemplate } from '@microsoft/fast-element';
-import type { Image } from './image.js';
-/**
- * Template for the Image component
- * @public
- */
-export declare const template: ElementViewTemplate<Image>;

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

@@ -1,5 +0,0 @@
-export * from './image.js';
-export * from './image.options.js';
-export { definition as ImageDefinition } from './image.definition.js';
-export { template as ImageTemplate } from './image.template.js';
-export { styles as ImageStyles } from './image.styles.js';

package/dist/dts/index-rollup.d.ts

@@ -1 +0,0 @@
-export * from './index.js';

package/dist/dts/index.d.ts

@@ -1,34 +0,0 @@
-export * from './accordion/index.js';
-export * from './accordion-item/index.js';
-export * from './anchor-button/index.js';
-export * from './avatar/index.js';
-export * from './badge/index.js';
-export * from './button/index.js';
-export * from './checkbox/index.js';
-export * from './compound-button/index.js';
-export * from './counter-badge/index.js';
-export * from './dialog/index.js';
-export * from './divider/index.js';
-export * from './image/index.js';
-export * from './label/index.js';
-export * from './menu/index.js';
-export * from './menu-button/index.js';
-export * from './menu-item/index.js';
-export * from './menu-list/index.js';
-export * from './progress-bar/index.js';
-export * from './radio/index.js';
-export * from './radio-group/index.js';
-export * from './slider/index.js';
-export * from './spinner/index.js';
-export * from './switch/index.js';
-export * from './tabs/index.js';
-export * from './tab/index.js';
-export * from './tab-panel/index.js';
-export * from './text/index.js';
-export * from './text-input/index.js';
-export * from './toggle-button/index.js';
-export * from './fluent-design-system.js';
-export * from './theme/index.js';
-export * from './utils/direction.js';
-export * from './utils/display.js';
-export * from './utils/behaviors/match-media-stylesheet-behavior.js';

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

@@ -1,4 +0,0 @@
-export * from './label.js';
-export { definition as LabelDefinition } from './label.definition.js';
-export { styles as LabelStyles } from './label.styles.js';
-export { template as LabelTemplate } from './label.template.js';

package/dist/dts/label/label.d.ts

@@ -1,42 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { LabelSize, LabelWeight } from './label.options.js';
-/**
- * The base class used for constructing a fluent-label custom element
- * @public
- */
-export declare class Label extends FASTElement {
-    /**
-     * 	Specifies font size of a label
-     *
-     * @public
-     * @default 'medium'
-     * @remarks
-     * HTML Attribute: size
-     */
-    size?: LabelSize;
-    /**
-     * 	Specifies font weight of a label
-     *
-     * @public
-     * @default 'regular'
-     * @remarks
-     * HTML Attribute: weight
-     */
-    weight?: LabelWeight;
-    /**
-     * 	Specifies styles for label when associated input is disabled
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: disabled
-     */
-    disabled: boolean;
-    /**
-     * 	Specifies styles for label when associated input is a required field
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: required
-     */
-    required: boolean;
-}

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

@@ -1,26 +0,0 @@
-import type { ValuesOf } from '../utils/index.js';
-/**
- * A Labels font size can be small, medium, or large
- */
-export declare const LabelSize: {
-    readonly small: "small";
-    readonly medium: "medium";
-    readonly large: "large";
-};
-/**
- * Applies font size to label
- * @public
- */
-export declare type LabelSize = ValuesOf<typeof LabelSize>;
-/**
- * A label can have a font weight of regular or strong
- */
-export declare const LabelWeight: {
-    readonly regular: "regular";
-    readonly semibold: "semibold";
-};
-/**
- * Applies font weight to label
- * @public
- */
-export declare type LabelWeight = ValuesOf<typeof LabelWeight>;

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

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

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

@@ -1,4 +0,0 @@
-export * from './menu.js';
-export { template as MenuTemplate } from './menu.template.js';
-export { styles as MenuStyles } from './menu.styles.js';
-export { definition as MenuDefinition } from './menu.definition.js';