packages/web-components/docs/api-report.md
Do not edit this file. It is a report generated by API Extractor.
import { CaptureType } from '@microsoft/fast-element';
import { CSSDirective } from '@microsoft/fast-element';
import { Direction } from '@microsoft/fast-web-utilities';
import { ElementStyles } from '@microsoft/fast-element';
import { ElementViewTemplate } from '@microsoft/fast-element';
import { FASTElement } from '@microsoft/fast-element';
import { FASTElementDefinition } from '@microsoft/fast-element';
import type { HostBehavior } from '@microsoft/fast-element';
import type { HostController } from '@microsoft/fast-element';
import { HTMLDirective } from '@microsoft/fast-element';
import { Orientation } from '@microsoft/fast-web-utilities';
import { SyntheticViewTemplate } from '@microsoft/fast-element';
import { ViewTemplate } from '@microsoft/fast-element';
// @public
export class Accordion extends FASTElement {
// @internal (undocumented)
protected accordionItems: Element[];
expandmode: AccordionExpandMode;
// (undocumented)
expandmodeChanged(prev: AccordionExpandMode, next: AccordionExpandMode): void;
// @internal
handleChange(source: any, propertyName: string): void;
// @internal (undocumented)
slottedAccordionItems: HTMLElement[];
// @internal (undocumented)
slottedAccordionItemsChanged(oldValue: HTMLElement[], newValue: HTMLElement[]): void;
}
// @public (undocumented)
export const accordionDefinition: FASTElementDefinition<typeof Accordion>;
// @public
export const AccordionExpandMode: {
readonly single: "single";
readonly multi: "multi";
};
// Warning: (ae-forgotten-export) The symbol "ValuesOf" needs to be exported by the entry point index.d.ts
//
// @public
export type AccordionExpandMode = ValuesOf<typeof AccordionExpandMode>;
// Warning: (ae-different-release-tags) This symbol has another declaration with a different release tag
// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "AccordionItem" because one of its declarations is marked as @internal
//
// @public
export class AccordionItem extends BaseAccordionItem {
block: boolean;
blockChanged(prev: boolean, next: boolean): void;
markerPosition?: AccordionItemMarkerPosition;
markerPositionChanged(prev: AccordionItemMarkerPosition | undefined, next: AccordionItemMarkerPosition | undefined): void;
size?: AccordionItemSize;
sizeChanged(prev: AccordionItemSize | undefined, next: AccordionItemSize | undefined): void;
}
// @internal
export interface AccordionItem extends StartEnd {
}
// @public (undocumented)
export const accordionItemDefinition: FASTElementDefinition<typeof AccordionItem>;
// Warning: (ae-missing-release-tag) "AccordionItemMarkerPosition" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const AccordionItemMarkerPosition: {
readonly start: "start";
readonly end: "end";
};
// @public
export type AccordionItemMarkerPosition = ValuesOf<typeof AccordionItemMarkerPosition>;
// @public
export type AccordionItemOptions = StartEndOptions<AccordionItem> & {
expandedIcon?: StaticallyComposableHTML<AccordionItem>;
collapsedIcon?: StaticallyComposableHTML<AccordionItem>;
};
// Warning: (ae-missing-release-tag) "AccordionItemSize" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const AccordionItemSize: {
readonly small: "small";
readonly medium: "medium";
readonly large: "large";
readonly extraLarge: "extra-large";
};
// @public
export type AccordionItemSize = ValuesOf<typeof AccordionItemSize>;
// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const accordionItemStyles: ElementStyles;
// @public
export const accordionItemTemplate: ElementViewTemplate<AccordionItem>;
// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const accordionStyles: ElementStyles;
// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const accordionTemplate: ElementViewTemplate<Accordion>;
// Warning: (ae-different-release-tags) This symbol has another declaration with a different release tag
// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "AnchorButton" because one of its declarations is marked as @internal
//
// @public
export class AnchorButton extends BaseAnchor {
appearance?: AnchorButtonAppearance | undefined;
appearanceChanged(prev: AnchorButtonAppearance | undefined, next: AnchorButtonAppearance | undefined): void;
iconOnly: boolean;
iconOnlyChanged(prev: boolean, next: boolean): void;
shape?: AnchorButtonShape | undefined;
shapeChanged(prev: AnchorButtonShape | undefined, next: AnchorButtonShape | undefined): void;
size?: AnchorButtonSize;
sizeChanged(prev: AnchorButtonSize | undefined, next: AnchorButtonSize | undefined): void;
}
// @internal
export interface AnchorButton extends StartEnd {
}
// @public
export const AnchorButtonAppearance: {
readonly primary: "primary";
readonly outline: "outline";
readonly subtle: "subtle";
readonly transparent: "transparent";
};
// @public
export type AnchorButtonAppearance = ValuesOf<typeof AnchorButtonAppearance>;
// @public (undocumented)
export const AnchorButtonDefinition: FASTElementDefinition<typeof AnchorButton>;
// @public
export const AnchorButtonShape: {
readonly circular: "circular";
readonly rounded: "rounded";
readonly square: "square";
};
// @public
export type AnchorButtonShape = ValuesOf<typeof AnchorButtonShape>;
// @public
export const AnchorButtonSize: {
readonly small: "small";
readonly medium: "medium";
readonly large: "large";
};
// @public
export type AnchorButtonSize = ValuesOf<typeof AnchorButtonSize>;
// @public
export const AnchorButtonTemplate: ElementViewTemplate<AnchorButton>;
// @public
export const AnchorTarget: {
readonly _self: "_self";
readonly _blank: "_blank";
readonly _parent: "_parent";
readonly _top: "_top";
};
// @public
export type AnchorTarget = ValuesOf<typeof AnchorTarget>;
// @public
export class Avatar extends BaseAvatar {
appearance?: AvatarAppearance | undefined;
color?: AvatarColor | undefined;
colorId?: AvatarNamedColor | undefined;
static colors: ("anchor" | "beige" | "blue" | "brass" | "brown" | "cornflower" | "cranberry" | "dark-green" | "dark-red" | "forest" | "gold" | "grape" | "lavender" | "light-teal" | "lilac" | "magenta" | "marigold" | "mink" | "navy" | "peach" | "pink" | "platinum" | "plum" | "pumpkin" | "purple" | "red" | "royal-blue" | "seafoam" | "steel" | "teal")[];
// (undocumented)
connectedCallback(): void;
// (undocumented)
disconnectedCallback(): void;
// @internal
generateColor(): void;
// @internal
generateInitials(): string | void;
// @internal
handleChange(source: any, propertyName: string): void;
shape?: AvatarShape | undefined;
size?: AvatarSize | undefined;
}
// Warning: (ae-missing-release-tag) "AvatarActive" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
// Warning: (ae-missing-release-tag) "AvatarActive" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const AvatarActive: {
readonly active: "active";
readonly inactive: "inactive";
};
// @public
export type AvatarActive = ValuesOf<typeof AvatarActive>;
// Warning: (ae-missing-release-tag) "AvatarAppearance" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
// Warning: (ae-missing-release-tag) "AvatarAppearance" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const AvatarAppearance: {
readonly ring: "ring";
readonly shadow: "shadow";
readonly ringShadow: "ring-shadow";
};
// @public
export type AvatarAppearance = ValuesOf<typeof AvatarAppearance>;
// Warning: (ae-missing-release-tag) "AvatarColor" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
// Warning: (ae-missing-release-tag) "AvatarColor" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export 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";
};
// @public
export type AvatarColor = ValuesOf<typeof AvatarColor>;
// @public
export const AvatarDefinition: FASTElementDefinition<typeof Avatar>;
// Warning: (ae-missing-release-tag) "AvatarNamedColor" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export 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";
};
// @public
export type AvatarNamedColor = ValuesOf<typeof AvatarNamedColor>;
// Warning: (ae-missing-release-tag) "AvatarShape" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
// Warning: (ae-missing-release-tag) "AvatarShape" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const AvatarShape: {
readonly circular: "circular";
readonly square: "square";
};
// @public
export type AvatarShape = ValuesOf<typeof AvatarShape>;
// @public
export 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;
};
// @public
export type AvatarSize = ValuesOf<typeof AvatarSize>;
// @public
export const AvatarStyles: ElementStyles;
// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const AvatarTemplate: ElementViewTemplate<Avatar>;
// Warning: (ae-different-release-tags) This symbol has another declaration with a different release tag
// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "Badge" because one of its declarations is marked as @internal
//
// @public
export class Badge extends FASTElement {
appearance: BadgeAppearance;
appearanceChanged(prev: BadgeAppearance | undefined, next: BadgeAppearance | undefined): void;
color: BadgeColor;
colorChanged(prev: BadgeColor | undefined, next: BadgeColor | undefined): void;
// @internal
elementInternals: ElementInternals;
shape?: BadgeShape;
shapeChanged(prev: BadgeShape | undefined, next: BadgeShape | undefined): void;
size?: BadgeSize;
sizeChanged(prev: BadgeSize | undefined, next: BadgeSize | undefined): void;
}
// @internal
export interface Badge extends StartEnd {
}
// @public
export const BadgeAppearance: {
readonly filled: "filled";
readonly ghost: "ghost";
readonly outline: "outline";
readonly tint: "tint";
};
// @public
export type BadgeAppearance = ValuesOf<typeof BadgeAppearance>;
// @public
export 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";
};
// @public
export type BadgeColor = ValuesOf<typeof BadgeColor>;
// @public (undocumented)
export const BadgeDefinition: FASTElementDefinition<typeof Badge>;
// @public
export const BadgeShape: {
readonly circular: "circular";
readonly rounded: "rounded";
readonly square: "square";
};
// @public
export type BadgeShape = ValuesOf<typeof BadgeShape>;
// @public
export const BadgeSize: {
readonly tiny: "tiny";
readonly extraSmall: "extra-small";
readonly small: "small";
readonly medium: "medium";
readonly large: "large";
readonly extraLarge: "extra-large";
};
// @public
export type BadgeSize = ValuesOf<typeof BadgeSize>;
// @public
export const BadgeStyles: ElementStyles;
// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const BadgeTemplate: ElementViewTemplate<Badge>;
// @public (undocumented)
export class BaseAccordionItem extends FASTElement {
disabled: boolean;
disabledChanged(prev: boolean, next: boolean): void;
// @internal
elementInternals: ElementInternals;
// @internal (undocumented)
expandbutton: HTMLElement;
expanded: boolean;
expandedChanged(prev: boolean, next: boolean): void;
headinglevel: 1 | 2 | 3 | 4 | 5 | 6;
id: string;
}
// @public
export class BaseAnchor extends FASTElement {
constructor();
// @internal
clickHandler(e: PointerEvent): boolean;
// (undocumented)
connectedCallback(): void;
// (undocumented)
disconnectedCallback(): void;
download?: string;
// @internal
elementInternals: ElementInternals;
// @internal
handleChange(source: any, propertyName: string): void;
href?: string;
hreflang?: string;
keydownHandler(e: KeyboardEvent): boolean | void;
ping?: string;
referrerpolicy?: string;
rel: string;
target?: AnchorTarget;
type?: string;
}
// @public
export class BaseAvatar extends FASTElement {
constructor();
active?: AvatarActive | undefined;
// @internal
elementInternals: ElementInternals;
initials?: string | undefined;
name?: string | undefined;
}
// @public
export class BaseButton extends FASTElement {
constructor();
autofocus: boolean;
// @internal
clickHandler(e: Event): boolean | void;
// (undocumented)
connectedCallback(): void;
defaultSlottedContent: HTMLElement[];
disabled?: boolean;
disabledFocusable: boolean;
// @internal
disabledFocusableChanged(previous: boolean, next: boolean): void;
// @internal
elementInternals: ElementInternals;
get form(): HTMLFormElement | null;
formAction?: string;
static readonly formAssociated = true;
formAttribute?: string;
// @internal
formDisabledCallback(disabled: boolean): void;
formEnctype?: string;
formMethod?: string;
formNoValidate?: boolean;
formTarget?: ButtonFormTarget;
keypressHandler(e: KeyboardEvent): boolean | void;
get labels(): ReadonlyArray<Node>;
name?: string;
protected press(): void;
resetForm(): void;
tabIndex: number;
type: ButtonType;
// @internal
typeChanged(previous: ButtonType, next: ButtonType): void;
value?: string;
}
// @public
export class BaseCheckbox extends FASTElement {
autofocus: boolean;
get checked(): boolean;
set checked(next: boolean);
checkValidity(): boolean;
// @internal
clickHandler(e: MouseEvent): boolean | void;
// (undocumented)
connectedCallback(): void;
disabled?: boolean;
disabledAttribute?: boolean;
// @internal
protected disabledAttributeChanged(prev: boolean | undefined, next: boolean | undefined): void;
// @internal
protected disabledChanged(prev: boolean | undefined, next: boolean | undefined): void;
// @internal
elementInternals: ElementInternals;
get form(): HTMLFormElement | null;
static formAssociated: boolean;
formAttribute?: string;
// @internal
formResetCallback(): void;
initialChecked?: boolean;
// @internal
protected initialCheckedChanged(prev: boolean | undefined, next: boolean | undefined): void;
initialValue: string;
// @internal
protected initialValueChanged(prev: string, next: string): void;
// @internal
inputHandler(e: InputEvent): boolean | void;
// @internal
keydownHandler(e: KeyboardEvent): boolean | void;
// @internal
keyupHandler(e: KeyboardEvent): boolean | void;
get labels(): ReadonlyArray<HTMLLabelElement>;
name: string;
reportValidity(): boolean;
required: boolean;
// @internal
protected requiredChanged(prev: boolean, next: boolean): void;
// @internal
protected setAriaChecked(value?: boolean): void;
setCustomValidity(message: string): void;
// @internal
setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
// @internal
setValidity(flags?: Partial<ValidityState>, message?: string, anchor?: HTMLElement): void;
toggleChecked(force?: boolean): void;
get validationMessage(): string;
get validity(): ValidityState;
get value(): string;
set value(value: string);
get willValidate(): boolean;
}
// @public
export class BaseDivider extends FASTElement {
// (undocumented)
connectedCallback(): void;
// @internal
elementInternals: ElementInternals;
orientation?: DividerOrientation;
// @internal
orientationChanged(previous: DividerRole | undefined, next: DividerRole | undefined): void;
role: DividerRole;
// @internal
roleChanged(previous: string | null, next: string | null): void;
}
// @public
export class BaseDropdown extends FASTElement {
constructor();
get activeDescendant(): string | undefined;
// @internal
activeIndex: number;
// @internal
activeIndexChanged(prev: number | undefined, next: number | undefined): void;
ariaLabelledBy: string;
changeHandler(e: Event): boolean | void;
clickHandler(e: PointerEvent): boolean | void;
// @internal
control: HTMLInputElement;
// @internal
controlChanged(prev: HTMLInputElement | undefined, next: HTMLInputElement | undefined): void;
// @internal
controlSlot: HTMLSlotElement;
disabled?: boolean;
disabledChanged(prev: boolean | undefined, next: boolean | undefined): void;
get displayValue(): string;
// @internal
elementInternals: ElementInternals;
get enabledOptions(): DropdownOption[];
// @internal
filterOptions(value: string, collection?: DropdownOption[]): DropdownOption[];
// @internal
focus(options?: FocusOptions): void;
// @internal
focusoutHandler(e: FocusEvent): boolean | void;
static formAssociated: boolean;
// @internal
formResetCallback(): void;
// @override
id: string;
// @internal
indicator: HTMLDivElement;
// @internal
indicatorSlot?: HTMLSlotElement;
initialValue?: string;
inputHandler(e: InputEvent): boolean | void;
protected insertControl(): void;
keydownHandler(e: KeyboardEvent): boolean | void;
// @internal
listbox: Listbox;
// @internal
listboxChanged(prev: Listbox | undefined, next: Listbox | undefined): void;
// @internal
listboxSlot: HTMLSlotElement;
// @internal
mousedownHandler(e: MouseEvent): boolean | void;
multiple?: boolean;
// @internal
protected multipleChanged(prev: boolean | undefined, next: boolean | undefined): void;
name: string;
nameChanged(prev: string, next: string): void;
open: boolean;
// @internal
openChanged(prev: boolean | undefined, next: boolean | undefined): void;
get options(): DropdownOption[];
placeholder: string;
required: boolean;
// @internal
get selectedIndex(): number;
get selectedOptions(): DropdownOption[];
selectOption(index?: number): void;
// @internal
setValidity(flags?: Partial<ValidityState>, message?: string, anchor?: HTMLElement): void;
type: DropdownType;
// @internal
typeChanged(prev: DropdownType | undefined, next: DropdownType | undefined): void;
// @internal
protected updateFreeformOption(value?: string): void;
// @internal
get validationMessage(): string;
get value(): string | null;
set value(next: string | null);
valueAttribute: string;
}
// @public
export class BaseField extends FASTElement {
constructor();
// @internal
changeHandler(e: Event): boolean | void;
// @internal
clickHandler(e: MouseEvent): boolean | void;
// @internal
elementInternals: ElementInternals;
// @internal
focusinHandler(e: FocusEvent): boolean | void;
// @internal
focusoutHandler(e: FocusEvent): boolean | void;
input: SlottableInput;
inputChanged(prev: SlottableInput | undefined, next: SlottableInput | undefined): void;
// @internal
invalidHandler(e: Event): boolean | void;
// @internal
labelSlot: Node[];
protected labelSlotChanged(prev: Node[], next: Node[]): void;
// @internal
messageSlot: Element[];
// @internal
messageSlotChanged(prev: Element[], next: Element[]): void;
// @internal
setStates(): void;
// (undocumented)
setValidationStates(): void;
// @internal
slottedInputs: SlottableInput[];
// @internal
slottedInputsChanged(prev: SlottableInput[] | undefined, next: SlottableInput[] | undefined): void;
}
// @public
export class BaseProgressBar extends FASTElement {
constructor();
// @internal
elementInternals: ElementInternals;
// @internal
max?: number;
// @internal
protected maxChanged(prev: number | undefined, next: number | undefined): void;
// @internal
min?: number;
protected minChanged(prev: number | undefined, next: number | undefined): void;
// @internal
get percentComplete(): number;
validationState: ProgressBarValidationState | null;
validationStateChanged(prev: ProgressBarValidationState | undefined, next: ProgressBarValidationState | undefined): void;
// @internal
value?: number;
// @internal
protected valueChanged(prev: number | undefined, next: number | undefined): void;
}
// @public
export class BaseRatingDisplay extends FASTElement {
constructor();
count?: number;
// @internal
elementInternals: ElementInternals;
// @internal
get formattedCount(): string;
// @internal
generateIcons(): string;
protected getMaxIcons(): number;
protected getSelectedValue(): number;
iconViewBox?: string;
max?: number;
// @internal (undocumented)
slottedIcon: HTMLElement[];
// @internal (undocumented)
slottedIconChanged(): void;
value?: number;
}
// @public
export class BaseSpinner extends FASTElement {
constructor();
// @internal
elementInternals: ElementInternals;
}
// @public
export class BaseTablist extends FASTElement {
activeid: string;
// @internal (undocumented)
protected activeidChanged(oldValue: string, newValue: string): void;
activetab: HTMLElement;
adjust(adjustment: number): void;
// @internal (undocumented)
connectedCallback(): void;
disabled: boolean;
// @internal
protected disabledChanged(prev: boolean, next: boolean): void;
// @internal
elementInternals: ElementInternals;
orientation: TablistOrientation;
// @internal (undocumented)
protected orientationChanged(prev: TablistOrientation, next: TablistOrientation): void;
protected setTabs(): void;
// @internal (undocumented)
tabs: HTMLElement[];
// @internal (undocumented)
protected tabsChanged(): void;
}
// @public
export class BaseTextArea extends FASTElement {
constructor();
autocomplete?: TextAreaAutocomplete;
autoResize: boolean;
// (undocumented)
protected autoResizeChanged(): void;
// @internal (undocumented)
autoSizerEl?: HTMLDivElement;
checkValidity(): boolean;
// @internal (undocumented)
connectedCallback(): void;
// @internal
controlEl: HTMLTextAreaElement;
// @internal
defaultSlottedNodes: Node[];
// (undocumented)
protected defaultSlottedNodesChanged(): void;
get defaultValue(): string;
set defaultValue(next: string);
dirName?: string;
disabled: boolean;
// (undocumented)
protected disabledChanged(): void;
// @internal (undocumented)
disconnectedCallback(): void;
displayShadow: boolean;
// @internal
elementInternals: ElementInternals;
get form(): HTMLFormElement | null;
static readonly formAssociated = true;
// @internal (undocumented)
formDisabledCallback(disabled: boolean): void;
// @internal
formResetCallback(): void;
// @internal (undocumented)
handleControlChange(): void;
// @internal (undocumented)
handleControlInput(): void;
// @internal (undocumented)
handleControlSelect(): void;
initialForm?: string;
// @internal
labelEl: HTMLLabelElement;
get labels(): NodeList;
// @internal
labelSlottedNodes: Label[];
// (undocumented)
protected labelSlottedNodesChanged(): void;
maxLength?: number;
minLength?: number;
name: string;
placeholder?: string;
readOnly: boolean;
// (undocumented)
protected readOnlyChanged(): void;
reportValidity(): boolean;
// @internal
rootEl: HTMLDivElement;
required: boolean;
// (undocumented)
protected requiredChanged(): void;
resize: TextAreaResize;
// (undocumented)
protected resizeChanged(prev: TextAreaResize | undefined, next: TextAreaResize | undefined): void;
select(): void;
setCustomValidity(message: string | null): void;
// @internal
setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
// @internal
setValidity(flags?: Partial<ValidityState>, message?: string, anchor?: HTMLElement): void;
spellcheck: boolean;
get textLength(): number;
get type(): 'textarea';
get validationMessage(): string;
get validity(): ValidityState;
get value(): string;
set value(next: string);
get willValidate(): boolean;
}
// @public
export class BaseTextInput extends FASTElement {
autocomplete?: string;
autofocus: boolean;
// @internal
beforeinputHandler(e: InputEvent): boolean | void;
// @internal
changeHandler(e: InputEvent): boolean | void;
checkValidity(): boolean;
clickHandler(e: MouseEvent): boolean | void;
// (undocumented)
connectedCallback(): void;
// @internal
control: HTMLInputElement;
// @internal
controlLabel: HTMLLabelElement;
currentValue: string;
// @internal
currentValueChanged(prev: string, next: string): void;
// @internal
defaultSlottedNodes: Node[];
// @internal
defaultSlottedNodesChanged(prev: Node[] | undefined, next: Node[] | undefined): void;
dirname?: string;
disabled?: boolean;
// @internal
elementInternals: ElementInternals;
focusinHandler(e: FocusEvent): boolean | void;
get form(): HTMLFormElement | null;
static readonly formAssociated = true;
formAttribute?: string;
// @internal
formResetCallback(): void;
initialValue: string;
// @internal
initialValueChanged(): void;
// @internal
inputHandler(e: InputEvent): boolean | void;
// @internal
keydownHandler(e: KeyboardEvent): boolean | void;
list: string;
maxlength: number;
minlength: number;
multiple: boolean;
name: string;
pattern: string;
placeholder: string;
readOnly?: boolean;
// @internal
readOnlyChanged(): void;
reportValidity(): boolean;
required: boolean;
// @internal
requiredChanged(previous: boolean, next: boolean): void;
select(): void;
setCustomValidity(message: string): void;
// @internal
setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
// @internal
setValidity(flags?: Partial<ValidityState>, message?: string, anchor?: HTMLElement): void;
size: number;
spellcheck: boolean;
type: TextInputType;
get validationMessage(): string;
get validity(): ValidityState;
get value(): string;
set value(value: string);
get willValidate(): boolean;
}
// @public
export const borderRadiusCircular = "var(--borderRadiusCircular)";
// @public
export const borderRadiusLarge = "var(--borderRadiusLarge)";
// @public
export const borderRadiusMedium = "var(--borderRadiusMedium)";
// @public
export const borderRadiusNone = "var(--borderRadiusNone)";
// @public
export const borderRadiusSmall = "var(--borderRadiusSmall)";
// @public
export const borderRadiusXLarge = "var(--borderRadiusXLarge)";
// Warning: (ae-different-release-tags) This symbol has another declaration with a different release tag
// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "Button" because one of its declarations is marked as @internal
//
// @public
export class Button extends BaseButton {
appearance?: ButtonAppearance;
appearanceChanged(prev: ButtonAppearance | undefined, next: ButtonAppearance | undefined): void;
iconOnly: boolean;
iconOnlyChanged(prev: boolean, next: boolean): void;
shape?: ButtonShape;
shapeChanged(prev: ButtonShape | undefined, next: ButtonShape | undefined): void;
size?: ButtonSize;
sizeChanged(prev: ButtonSize | undefined, next: ButtonSize | undefined): void;
}
// @internal (undocumented)
export interface Button extends StartEnd {
}
// @public
export const ButtonAppearance: {
readonly primary: "primary";
readonly outline: "outline";
readonly subtle: "subtle";
readonly transparent: "transparent";
};
// @public
export type ButtonAppearance = ValuesOf<typeof ButtonAppearance>;
// @public
export const ButtonDefinition: FASTElementDefinition<typeof Button>;
// @public
export const ButtonFormTarget: {
readonly blank: "_blank";
readonly self: "_self";
readonly parent: "_parent";
readonly top: "_top";
};
// @public
export type ButtonFormTarget = ValuesOf<typeof ButtonFormTarget>;
// @public
type ButtonOptions = StartEndOptions<Button>;
export { ButtonOptions }
export { ButtonOptions as MenuButtonOptions }
export { ButtonOptions as ToggleButtonOptions }
// @public
export const ButtonShape: {
readonly circular: "circular";
readonly rounded: "rounded";
readonly square: "square";
};
// @public
export type ButtonShape = ValuesOf<typeof ButtonShape>;
// @public
export const ButtonSize: {
readonly small: "small";
readonly medium: "medium";
readonly large: "large";
};
// @public
export type ButtonSize = ValuesOf<typeof ButtonSize>;
// @public
export const ButtonTemplate: ElementViewTemplate<Button>;
// @public
export const ButtonType: {
readonly submit: "submit";
readonly reset: "reset";
readonly button: "button";
};
// @public
export type ButtonType = ValuesOf<typeof ButtonType>;
// @public
export class Checkbox extends BaseCheckbox {
constructor();
indeterminate?: boolean;
// @internal
protected indeterminateChanged(prev: boolean | undefined, next: boolean | undefined): void;
// @internal @override
protected setAriaChecked(value?: boolean): void;
shape?: CheckboxShape;
// @internal
protected shapeChanged(prev: CheckboxShape | undefined, next: CheckboxShape | undefined): void;
size?: CheckboxSize;
// @internal
protected sizeChanged(prev: CheckboxSize | undefined, next: CheckboxSize | undefined): void;
toggleChecked(force?: boolean): void;
}
// @public
export const CheckboxDefinition: FASTElementDefinition<typeof Checkbox>;
// @public
export type CheckboxOptions = {
checkedIndicator?: StaticallyComposableHTML<Checkbox>;
indeterminateIndicator?: StaticallyComposableHTML<Checkbox>;
};
// @public
export const CheckboxShape: {
readonly circular: "circular";
readonly square: "square";
};
// @public (undocumented)
export type CheckboxShape = ValuesOf<typeof CheckboxShape>;
// @public
export const CheckboxSize: {
readonly medium: "medium";
readonly large: "large";
};
// @public (undocumented)
export type CheckboxSize = ValuesOf<typeof CheckboxSize>;
// @public
export const CheckboxStyles: ElementStyles;
// @public
export const CheckboxTemplate: ElementViewTemplate<Checkbox>;
// @public
export const colorBackgroundOverlay = "var(--colorBackgroundOverlay)";
// @public
export const colorBrandBackground = "var(--colorBrandBackground)";
// @public
export const colorBrandBackground2 = "var(--colorBrandBackground2)";
// @public
export const colorBrandBackground2Hover = "var(--colorBrandBackground2Hover)";
// @public
export const colorBrandBackground2Pressed = "var(--colorBrandBackground2Pressed)";
// @public
export const colorBrandBackground3Static = "var(--colorBrandBackground3Static)";
// @public
export const colorBrandBackground4Static = "var(--colorBrandBackground4Static)";
// @public
export const colorBrandBackgroundHover = "var(--colorBrandBackgroundHover)";
// @public
export const colorBrandBackgroundInverted = "var(--colorBrandBackgroundInverted)";
// @public
export const colorBrandBackgroundInvertedHover = "var(--colorBrandBackgroundInvertedHover)";
// @public
export const colorBrandBackgroundInvertedPressed = "var(--colorBrandBackgroundInvertedPressed)";
// @public
export const colorBrandBackgroundInvertedSelected = "var(--colorBrandBackgroundInvertedSelected)";
// @public
export const colorBrandBackgroundPressed = "var(--colorBrandBackgroundPressed)";
// @public
export const colorBrandBackgroundSelected = "var(--colorBrandBackgroundSelected)";
// @public
export const colorBrandBackgroundStatic = "var(--colorBrandBackgroundStatic)";
// @public
export const colorBrandForeground1 = "var(--colorBrandForeground1)";
// @public
export const colorBrandForeground2 = "var(--colorBrandForeground2)";
// @public
export const colorBrandForeground2Hover = "var(--colorBrandForeground2Hover)";
// @public
export const colorBrandForeground2Pressed = "var(--colorBrandForeground2Pressed)";
// @public
export const colorBrandForegroundInverted = "var(--colorBrandForegroundInverted)";
// @public
export const colorBrandForegroundInvertedHover = "var(--colorBrandForegroundInvertedHover)";
// @public
export const colorBrandForegroundInvertedPressed = "var(--colorBrandForegroundInvertedPressed)";
// @public
export const colorBrandForegroundLink = "var(--colorBrandForegroundLink)";
// @public
export const colorBrandForegroundLinkHover = "var(--colorBrandForegroundLinkHover)";
// @public
export const colorBrandForegroundLinkPressed = "var(--colorBrandForegroundLinkPressed)";
// @public
export const colorBrandForegroundLinkSelected = "var(--colorBrandForegroundLinkSelected)";
// @public
export const colorBrandForegroundOnLight = "var(--colorBrandForegroundOnLight)";
// @public
export const colorBrandForegroundOnLightHover = "var(--colorBrandForegroundOnLightHover)";
// @public
export const colorBrandForegroundOnLightPressed = "var(--colorBrandForegroundOnLightPressed)";
// @public
export const colorBrandForegroundOnLightSelected = "var(--colorBrandForegroundOnLightSelected)";
// @public
export const colorBrandShadowAmbient = "var(--colorBrandShadowAmbient)";
// @public
export const colorBrandShadowKey = "var(--colorBrandShadowKey)";
// @public
export const colorBrandStroke1 = "var(--colorBrandStroke1)";
// @public
export const colorBrandStroke2 = "var(--colorBrandStroke2)";
// @public
export const colorBrandStroke2Contrast = "var(--colorBrandStroke2Contrast)";
// @public
export const colorBrandStroke2Hover = "var(--colorBrandStroke2Hover)";
// @public
export const colorBrandStroke2Pressed = "var(--colorBrandStroke2Pressed)";
// @public
export const colorCompoundBrandBackground = "var(--colorCompoundBrandBackground)";
// @public
export const colorCompoundBrandBackgroundHover = "var(--colorCompoundBrandBackgroundHover)";
// @public
export const colorCompoundBrandBackgroundPressed = "var(--colorCompoundBrandBackgroundPressed)";
// @public
export const colorCompoundBrandForeground1 = "var(--colorCompoundBrandForeground1)";
// @public
export const colorCompoundBrandForeground1Hover = "var(--colorCompoundBrandForeground1Hover)";
// @public
export const colorCompoundBrandForeground1Pressed = "var(--colorCompoundBrandForeground1Pressed)";
// @public
export const colorCompoundBrandStroke = "var(--colorCompoundBrandStroke)";
// @public
export const colorCompoundBrandStrokeHover = "var(--colorCompoundBrandStrokeHover)";
// @public
export const colorCompoundBrandStrokePressed = "var(--colorCompoundBrandStrokePressed)";
// @public
export const colorNeutralBackground1 = "var(--colorNeutralBackground1)";
// @public
export const colorNeutralBackground1Hover = "var(--colorNeutralBackground1Hover)";
// @public
export const colorNeutralBackground1Pressed = "var(--colorNeutralBackground1Pressed)";
// @public
export const colorNeutralBackground1Selected = "var(--colorNeutralBackground1Selected)";
// @public
export const colorNeutralBackground2 = "var(--colorNeutralBackground2)";
// @public
export const colorNeutralBackground2Hover = "var(--colorNeutralBackground2Hover)";
// @public
export const colorNeutralBackground2Pressed = "var(--colorNeutralBackground2Pressed)";
// @public
export const colorNeutralBackground2Selected = "var(--colorNeutralBackground2Selected)";
// @public
export const colorNeutralBackground3 = "var(--colorNeutralBackground3)";
// @public
export const colorNeutralBackground3Hover = "var(--colorNeutralBackground3Hover)";
// @public
export const colorNeutralBackground3Pressed = "var(--colorNeutralBackground3Pressed)";
// @public
export const colorNeutralBackground3Selected = "var(--colorNeutralBackground3Selected)";
// @public
export const colorNeutralBackground4 = "var(--colorNeutralBackground4)";
// @public
export const colorNeutralBackground4Hover = "var(--colorNeutralBackground4Hover)";
// @public
export const colorNeutralBackground4Pressed = "var(--colorNeutralBackground4Pressed)";
// @public
export const colorNeutralBackground4Selected = "var(--colorNeutralBackground4Selected)";
// @public
export const colorNeutralBackground5 = "var(--colorNeutralBackground5)";
// @public
export const colorNeutralBackground5Hover = "var(--colorNeutralBackground5Hover)";
// @public
export const colorNeutralBackground5Pressed = "var(--colorNeutralBackground5Pressed)";
// @public
export const colorNeutralBackground5Selected = "var(--colorNeutralBackground5Selected)";
// @public
export const colorNeutralBackground6 = "var(--colorNeutralBackground6)";
// @public
export const colorNeutralBackgroundAlpha = "var(--colorNeutralBackgroundAlpha)";
// @public
export const colorNeutralBackgroundAlpha2 = "var(--colorNeutralBackgroundAlpha2)";
// @public
export const colorNeutralBackgroundDisabled = "var(--colorNeutralBackgroundDisabled)";
// @public
export const colorNeutralBackgroundInverted = "var(--colorNeutralBackgroundInverted)";
// @public
export const colorNeutralBackgroundInvertedDisabled = "var(--colorNeutralBackgroundInvertedDisabled)";
// @public
export const colorNeutralBackgroundStatic = "var(--colorNeutralBackgroundStatic)";
// @public
export const colorNeutralCardBackground = "var(--colorNeutralCardBackground)";
// @public
export const colorNeutralCardBackgroundDisabled = "var(--colorNeutralCardBackgroundDisabled)";
// @public
export const colorNeutralCardBackgroundHover = "var(--colorNeutralCardBackgroundHover)";
// @public
export const colorNeutralCardBackgroundPressed = "var(--colorNeutralCardBackgroundPressed)";
// @public
export const colorNeutralCardBackgroundSelected = "var(--colorNeutralCardBackgroundSelected)";
// @public
export const colorNeutralForeground1 = "var(--colorNeutralForeground1)";
// @public
export const colorNeutralForeground1Hover = "var(--colorNeutralForeground1Hover)";
// @public
export const colorNeutralForeground1Pressed = "var(--colorNeutralForeground1Pressed)";
// @public
export const colorNeutralForeground1Selected = "var(--colorNeutralForeground1Selected)";
// @public
export const colorNeutralForeground1Static = "var(--colorNeutralForeground1Static)";
// @public
export const colorNeutralForeground2 = "var(--colorNeutralForeground2)";
// @public
export const colorNeutralForeground2BrandHover = "var(--colorNeutralForeground2BrandHover)";
// @public
export const colorNeutralForeground2BrandPressed = "var(--colorNeutralForeground2BrandPressed)";
// @public
export const colorNeutralForeground2BrandSelected = "var(--colorNeutralForeground2BrandSelected)";
// @public
export const colorNeutralForeground2Hover = "var(--colorNeutralForeground2Hover)";
// @public
export const colorNeutralForeground2Link = "var(--colorNeutralForeground2Link)";
// @public
export const colorNeutralForeground2LinkHover = "var(--colorNeutralForeground2LinkHover)";
// @public
export const colorNeutralForeground2LinkPressed = "var(--colorNeutralForeground2LinkPressed)";
// @public
export const colorNeutralForeground2LinkSelected = "var(--colorNeutralForeground2LinkSelected)";
// @public
export const colorNeutralForeground2Pressed = "var(--colorNeutralForeground2Pressed)";
// @public
export const colorNeutralForeground2Selected = "var(--colorNeutralForeground2Selected)";
// @public
export const colorNeutralForeground3 = "var(--colorNeutralForeground3)";
// @public
export const colorNeutralForeground3BrandHover = "var(--colorNeutralForeground3BrandHover)";
// @public
export const colorNeutralForeground3BrandPressed = "var(--colorNeutralForeground3BrandPressed)";
// @public
export const colorNeutralForeground3BrandSelected = "var(--colorNeutralForeground3BrandSelected)";
// @public
export const colorNeutralForeground3Hover = "var(--colorNeutralForeground3Hover)";
// @public
export const colorNeutralForeground3Pressed = "var(--colorNeutralForeground3Pressed)";
// @public
export const colorNeutralForeground3Selected = "var(--colorNeutralForeground3Selected)";
// @public
export const colorNeutralForeground4 = "var(--colorNeutralForeground4)";
// @public
export const colorNeutralForegroundDisabled = "var(--colorNeutralForegroundDisabled)";
// @public
export const colorNeutralForegroundInverted = "var(--colorNeutralForegroundInverted)";
// @public
export const colorNeutralForegroundInverted2 = "var(--colorNeutralForegroundInverted2)";
// @public
export const colorNeutralForegroundInvertedDisabled = "var(--colorNeutralForegroundInvertedDisabled)";
// @public
export const colorNeutralForegroundInvertedHover = "var(--colorNeutralForegroundInvertedHover)";
// @public
export const colorNeutralForegroundInvertedLink = "var(--colorNeutralForegroundInvertedLink)";
// @public
export const colorNeutralForegroundInvertedLinkHover = "var(--colorNeutralForegroundInvertedLinkHover)";
// @public
export const colorNeutralForegroundInvertedLinkPressed = "var(--colorNeutralForegroundInvertedLinkPressed)";
// @public
export const colorNeutralForegroundInvertedLinkSelected = "var(--colorNeutralForegroundInvertedLinkSelected)";
// @public
export const colorNeutralForegroundInvertedPressed = "var(--colorNeutralForegroundInvertedPressed)";
// @public
export const colorNeutralForegroundInvertedSelected = "var(--colorNeutralForegroundInvertedSelected)";
// @public
export const colorNeutralForegroundOnBrand = "var(--colorNeutralForegroundOnBrand)";
// @public
export const colorNeutralForegroundStaticInverted = "var(--colorNeutralForegroundStaticInverted)";
// @public
export const colorNeutralShadowAmbient = "var(--colorNeutralShadowAmbient)";
// @public
export const colorNeutralShadowAmbientDarker = "var(--colorNeutralShadowAmbientDarker)";
// @public
export const colorNeutralShadowAmbientLighter = "var(--colorNeutralShadowAmbientLighter)";
// @public
export const colorNeutralShadowKey = "var(--colorNeutralShadowKey)";
// @public
export const colorNeutralShadowKeyDarker = "var(--colorNeutralShadowKeyDarker)";
// @public
export const colorNeutralShadowKeyLighter = "var(--colorNeutralShadowKeyLighter)";
// @public
export const colorNeutralStencil1 = "var(--colorNeutralStencil1)";
// @public
export const colorNeutralStencil1Alpha = "var(--colorNeutralStencil1Alpha)";
// @public
export const colorNeutralStencil2 = "var(--colorNeutralStencil2)";
// @public
export const colorNeutralStencil2Alpha = "var(--colorNeutralStencil2Alpha)";
// @public
export const colorNeutralStroke1 = "var(--colorNeutralStroke1)";
// @public
export const colorNeutralStroke1Hover = "var(--colorNeutralStroke1Hover)";
// @public
export const colorNeutralStroke1Pressed = "var(--colorNeutralStroke1Pressed)";
// @public
export const colorNeutralStroke1Selected = "var(--colorNeutralStroke1Selected)";
// @public
export const colorNeutralStroke2 = "var(--colorNeutralStroke2)";
// @public
export const colorNeutralStroke3 = "var(--colorNeutralStroke3)";
// @public
export const colorNeutralStrokeAccessible = "var(--colorNeutralStrokeAccessible)";
// @public
export const colorNeutralStrokeAccessibleHover = "var(--colorNeutralStrokeAccessibleHover)";
// @public
export const colorNeutralStrokeAccessiblePressed = "var(--colorNeutralStrokeAccessiblePressed)";
// @public
export const colorNeutralStrokeAccessibleSelected = "var(--colorNeutralStrokeAccessibleSelected)";
// @public
export const colorNeutralStrokeAlpha = "var(--colorNeutralStrokeAlpha)";
// @public
export const colorNeutralStrokeAlpha2 = "var(--colorNeutralStrokeAlpha2)";
// @public
export const colorNeutralStrokeDisabled = "var(--colorNeutralStrokeDisabled)";
// @public
export const colorNeutralStrokeInvertedDisabled = "var(--colorNeutralStrokeInvertedDisabled)";
// @public
export const colorNeutralStrokeOnBrand = "var(--colorNeutralStrokeOnBrand)";
// @public
export const colorNeutralStrokeOnBrand2 = "var(--colorNeutralStrokeOnBrand2)";
// @public
export const colorNeutralStrokeOnBrand2Hover = "var(--colorNeutralStrokeOnBrand2Hover)";
// @public
export const colorNeutralStrokeOnBrand2Pressed = "var(--colorNeutralStrokeOnBrand2Pressed)";
// @public
export const colorNeutralStrokeOnBrand2Selected = "var(--colorNeutralStrokeOnBrand2Selected)";
// @public
export const colorNeutralStrokeSubtle = "var(--colorNeutralStrokeSubtle)";
// @public
export const colorPaletteAnchorBackground2 = "var(--colorPaletteAnchorBackground2)";
// @public
export const colorPaletteAnchorBorderActive = "var(--colorPaletteAnchorBorderActive)";
// @public
export const colorPaletteAnchorForeground2 = "var(--colorPaletteAnchorForeground2)";
// @public
export const colorPaletteBeigeBackground2 = "var(--colorPaletteBeigeBackground2)";
// @public
export const colorPaletteBeigeBorderActive = "var(--colorPaletteBeigeBorderActive)";
// @public
export const colorPaletteBeigeForeground2 = "var(--colorPaletteBeigeForeground2)";
// @public
export const colorPaletteBerryBackground1 = "var(--colorPaletteBerryBackground1)";
// @public
export const colorPaletteBerryBackground2 = "var(--colorPaletteBerryBackground2)";
// @public
export const colorPaletteBerryBackground3 = "var(--colorPaletteBerryBackground3)";
// @public
export const colorPaletteBerryBorder1 = "var(--colorPaletteBerryBorder1)";
// @public
export const colorPaletteBerryBorder2 = "var(--colorPaletteBerryBorder2)";
// @public
export const colorPaletteBerryBorderActive = "var(--colorPaletteBerryBorderActive)";
// @public
export const colorPaletteBerryForeground1 = "var(--colorPaletteBerryForeground1)";
// @public
export const colorPaletteBerryForeground2 = "var(--colorPaletteBerryForeground2)";
// @public
export const colorPaletteBerryForeground3 = "var(--colorPaletteBerryForeground3)";
// @public
export const colorPaletteBlueBackground2 = "var(--colorPaletteBlueBackground2)";
// @public
export const colorPaletteBlueBorderActive = "var(--colorPaletteBlueBorderActive)";
// @public
export const colorPaletteBlueForeground2 = "var(--colorPaletteBlueForeground2)";
// @public
export const colorPaletteBrassBackground2 = "var(--colorPaletteBrassBackground2)";
// @public
export const colorPaletteBrassBorderActive = "var(--colorPaletteBrassBorderActive)";
// @public
export const colorPaletteBrassForeground2 = "var(--colorPaletteBrassForeground2)";
// @public
export const colorPaletteBrownBackground2 = "var(--colorPaletteBrownBackground2)";
// @public
export const colorPaletteBrownBorderActive = "var(--colorPaletteBrownBorderActive)";
// @public
export const colorPaletteBrownForeground2 = "var(--colorPaletteBrownForeground2)";
// @public
export const colorPaletteCornflowerBackground2 = "var(--colorPaletteCornflowerBackground2)";
// @public
export const colorPaletteCornflowerBorderActive = "var(--colorPaletteCornflowerBorderActive)";
// @public
export const colorPaletteCornflowerForeground2 = "var(--colorPaletteCornflowerForeground2)";
// @public
export const colorPaletteCranberryBackground2 = "var(--colorPaletteCranberryBackground2)";
// @public
export const colorPaletteCranberryBorderActive = "var(--colorPaletteCranberryBorderActive)";
// @public
export const colorPaletteCranberryForeground2 = "var(--colorPaletteCranberryForeground2)";
// @public
export const colorPaletteDarkGreenBackground2 = "var(--colorPaletteDarkGreenBackground2)";
// @public
export const colorPaletteDarkGreenBorderActive = "var(--colorPaletteDarkGreenBorderActive)";
// @public
export const colorPaletteDarkGreenForeground2 = "var(--colorPaletteDarkGreenForeground2)";
// @public
export const colorPaletteDarkOrangeBackground1 = "var(--colorPaletteDarkOrangeBackground1)";
// @public
export const colorPaletteDarkOrangeBackground2 = "var(--colorPaletteDarkOrangeBackground2)";
// @public
export const colorPaletteDarkOrangeBackground3 = "var(--colorPaletteDarkOrangeBackground3)";
// @public
export const colorPaletteDarkOrangeBorder1 = "var(--colorPaletteDarkOrangeBorder1)";
// @public
export const colorPaletteDarkOrangeBorder2 = "var(--colorPaletteDarkOrangeBorder2)";
// @public
export const colorPaletteDarkOrangeBorderActive = "var(--colorPaletteDarkOrangeBorderActive)";
// @public
export const colorPaletteDarkOrangeForeground1 = "var(--colorPaletteDarkOrangeForeground1)";
// @public
export const colorPaletteDarkOrangeForeground2 = "var(--colorPaletteDarkOrangeForeground2)";
// @public
export const colorPaletteDarkOrangeForeground3 = "var(--colorPaletteDarkOrangeForeground3)";
// @public
export const colorPaletteDarkRedBackground2 = "var(--colorPaletteDarkRedBackground2)";
// @public
export const colorPaletteDarkRedBorderActive = "var(--colorPaletteDarkRedBorderActive)";
// @public
export const colorPaletteDarkRedForeground2 = "var(--colorPaletteDarkRedForeground2)";
// @public
export const colorPaletteForestBackground2 = "var(--colorPaletteForestBackground2)";
// @public
export const colorPaletteForestBorderActive = "var(--colorPaletteForestBorderActive)";
// @public
export const colorPaletteForestForeground2 = "var(--colorPaletteForestForeground2)";
// @public
export const colorPaletteGoldBackground2 = "var(--colorPaletteGoldBackground2)";
// @public
export const colorPaletteGoldBorderActive = "var(--colorPaletteGoldBorderActive)";
// @public
export const colorPaletteGoldForeground2 = "var(--colorPaletteGoldForeground2)";
// @public
export const colorPaletteGrapeBackground2 = "var(--colorPaletteGrapeBackground2)";
// @public
export const colorPaletteGrapeBorderActive = "var(--colorPaletteGrapeBorderActive)";
// @public
export const colorPaletteGrapeForeground2 = "var(--colorPaletteGrapeForeground2)";
// @public
export const colorPaletteGreenBackground1 = "var(--colorPaletteGreenBackground1)";
// @public
export const colorPaletteGreenBackground2 = "var(--colorPaletteGreenBackground2)";
// @public
export const colorPaletteGreenBackground3 = "var(--colorPaletteGreenBackground3)";
// @public
export const colorPaletteGreenBorder1 = "var(--colorPaletteGreenBorder1)";
// @public
export const colorPaletteGreenBorder2 = "var(--colorPaletteGreenBorder2)";
// @public
export const colorPaletteGreenBorderActive = "var(--colorPaletteGreenBorderActive)";
// @public
export const colorPaletteGreenForeground1 = "var(--colorPaletteGreenForeground1)";
// @public
export const colorPaletteGreenForeground2 = "var(--colorPaletteGreenForeground2)";
// @public
export const colorPaletteGreenForeground3 = "var(--colorPaletteGreenForeground3)";
// @public
export const colorPaletteGreenForegroundInverted = "var(--colorPaletteGreenForegroundInverted)";
// @public
export const colorPaletteLavenderBackground2 = "var(--colorPaletteLavenderBackground2)";
// @public
export const colorPaletteLavenderBorderActive = "var(--colorPaletteLavenderBorderActive)";
// @public
export const colorPaletteLavenderForeground2 = "var(--colorPaletteLavenderForeground2)";
// @public
export const colorPaletteLightGreenBackground1 = "var(--colorPaletteLightGreenBackground1)";
// @public
export const colorPaletteLightGreenBackground2 = "var(--colorPaletteLightGreenBackground2)";
// @public
export const colorPaletteLightGreenBackground3 = "var(--colorPaletteLightGreenBackground3)";
// @public
export const colorPaletteLightGreenBorder1 = "var(--colorPaletteLightGreenBorder1)";
// @public
export const colorPaletteLightGreenBorder2 = "var(--colorPaletteLightGreenBorder2)";
// @public
export const colorPaletteLightGreenBorderActive = "var(--colorPaletteLightGreenBorderActive)";
// @public
export const colorPaletteLightGreenForeground1 = "var(--colorPaletteLightGreenForeground1)";
// @public
export const colorPaletteLightGreenForeground2 = "var(--colorPaletteLightGreenForeground2)";
// @public
export const colorPaletteLightGreenForeground3 = "var(--colorPaletteLightGreenForeground3)";
// @public
export const colorPaletteLightTealBackground2 = "var(--colorPaletteLightTealBackground2)";
// @public
export const colorPaletteLightTealBorderActive = "var(--colorPaletteLightTealBorderActive)";
// @public
export const colorPaletteLightTealForeground2 = "var(--colorPaletteLightTealForeground2)";
// @public
export const colorPaletteLilacBackground2 = "var(--colorPaletteLilacBackground2)";
// @public
export const colorPaletteLilacBorderActive = "var(--colorPaletteLilacBorderActive)";
// @public
export const colorPaletteLilacForeground2 = "var(--colorPaletteLilacForeground2)";
// @public
export const colorPaletteMagentaBackground2 = "var(--colorPaletteMagentaBackground2)";
// @public
export const colorPaletteMagentaBorderActive = "var(--colorPaletteMagentaBorderActive)";
// @public
export const colorPaletteMagentaForeground2 = "var(--colorPaletteMagentaForeground2)";
// @public
export const colorPaletteMarigoldBackground1 = "var(--colorPaletteMarigoldBackground1)";
// @public
export const colorPaletteMarigoldBackground2 = "var(--colorPaletteMarigoldBackground2)";
// @public
export const colorPaletteMarigoldBackground3 = "var(--colorPaletteMarigoldBackground3)";
// @public
export const colorPaletteMarigoldBorder1 = "var(--colorPaletteMarigoldBorder1)";
// @public
export const colorPaletteMarigoldBorder2 = "var(--colorPaletteMarigoldBorder2)";
// @public
export const colorPaletteMarigoldBorderActive = "var(--colorPaletteMarigoldBorderActive)";
// @public
export const colorPaletteMarigoldForeground1 = "var(--colorPaletteMarigoldForeground1)";
// @public
export const colorPaletteMarigoldForeground2 = "var(--colorPaletteMarigoldForeground2)";
// @public
export const colorPaletteMarigoldForeground3 = "var(--colorPaletteMarigoldForeground3)";
// @public
export const colorPaletteMinkBackground2 = "var(--colorPaletteMinkBackground2)";
// @public
export const colorPaletteMinkBorderActive = "var(--colorPaletteMinkBorderActive)";
// @public
export const colorPaletteMinkForeground2 = "var(--colorPaletteMinkForeground2)";
// @public
export const colorPaletteNavyBackground2 = "var(--colorPaletteNavyBackground2)";
// @public
export const colorPaletteNavyBorderActive = "var(--colorPaletteNavyBorderActive)";
// @public
export const colorPaletteNavyForeground2 = "var(--colorPaletteNavyForeground2)";
// @public
export const colorPalettePeachBackground2 = "var(--colorPalettePeachBackground2)";
// @public
export const colorPalettePeachBorderActive = "var(--colorPalettePeachBorderActive)";
// @public
export const colorPalettePeachForeground2 = "var(--colorPalettePeachForeground2)";
// @public
export const colorPalettePinkBackground2 = "var(--colorPalettePinkBackground2)";
// @public
export const colorPalettePinkBorderActive = "var(--colorPalettePinkBorderActive)";
// @public
export const colorPalettePinkForeground2 = "var(--colorPalettePinkForeground2)";
// @public
export const colorPalettePlatinumBackground2 = "var(--colorPalettePlatinumBackground2)";
// @public
export const colorPalettePlatinumBorderActive = "var(--colorPalettePlatinumBorderActive)";
// @public
export const colorPalettePlatinumForeground2 = "var(--colorPalettePlatinumForeground2)";
// @public
export const colorPalettePlumBackground2 = "var(--colorPalettePlumBackground2)";
// @public
export const colorPalettePlumBorderActive = "var(--colorPalettePlumBorderActive)";
// @public
export const colorPalettePlumForeground2 = "var(--colorPalettePlumForeground2)";
// @public
export const colorPalettePumpkinBackground2 = "var(--colorPalettePumpkinBackground2)";
// @public
export const colorPalettePumpkinBorderActive = "var(--colorPalettePumpkinBorderActive)";
// @public
export const colorPalettePumpkinForeground2 = "var(--colorPalettePumpkinForeground2)";
// @public
export const colorPalettePurpleBackground2 = "var(--colorPalettePurpleBackground2)";
// @public
export const colorPalettePurpleBorderActive = "var(--colorPalettePurpleBorderActive)";
// @public
export const colorPalettePurpleForeground2 = "var(--colorPalettePurpleForeground2)";
// @public
export const colorPaletteRedBackground1 = "var(--colorPaletteRedBackground1)";
// @public
export const colorPaletteRedBackground2 = "var(--colorPaletteRedBackground2)";
// @public
export const colorPaletteRedBackground3 = "var(--colorPaletteRedBackground3)";
// @public
export const colorPaletteRedBorder1 = "var(--colorPaletteRedBorder1)";
// @public
export const colorPaletteRedBorder2 = "var(--colorPaletteRedBorder2)";
// @public
export const colorPaletteRedBorderActive = "var(--colorPaletteRedBorderActive)";
// @public
export const colorPaletteRedForeground1 = "var(--colorPaletteRedForeground1)";
// @public
export const colorPaletteRedForeground2 = "var(--colorPaletteRedForeground2)";
// @public
export const colorPaletteRedForeground3 = "var(--colorPaletteRedForeground3)";
// @public
export const colorPaletteRedForegroundInverted = "var(--colorPaletteRedForegroundInverted)";
// @public
export const colorPaletteRoyalBlueBackground2 = "var(--colorPaletteRoyalBlueBackground2)";
// @public
export const colorPaletteRoyalBlueBorderActive = "var(--colorPaletteRoyalBlueBorderActive)";
// @public
export const colorPaletteRoyalBlueForeground2 = "var(--colorPaletteRoyalBlueForeground2)";
// @public
export const colorPaletteSeafoamBackground2 = "var(--colorPaletteSeafoamBackground2)";
// @public
export const colorPaletteSeafoamBorderActive = "var(--colorPaletteSeafoamBorderActive)";
// @public
export const colorPaletteSeafoamForeground2 = "var(--colorPaletteSeafoamForeground2)";
// @public
export const colorPaletteSteelBackground2 = "var(--colorPaletteSteelBackground2)";
// @public
export const colorPaletteSteelBorderActive = "var(--colorPaletteSteelBorderActive)";
// @public
export const colorPaletteSteelForeground2 = "var(--colorPaletteSteelForeground2)";
// @public
export const colorPaletteTealBackground2 = "var(--colorPaletteTealBackground2)";
// @public
export const colorPaletteTealBorderActive = "var(--colorPaletteTealBorderActive)";
// @public
export const colorPaletteTealForeground2 = "var(--colorPaletteTealForeground2)";
// @public
export const colorPaletteYellowBackground1 = "var(--colorPaletteYellowBackground1)";
// @public
export const colorPaletteYellowBackground2 = "var(--colorPaletteYellowBackground2)";
// @public
export const colorPaletteYellowBackground3 = "var(--colorPaletteYellowBackground3)";
// @public
export const colorPaletteYellowBorder1 = "var(--colorPaletteYellowBorder1)";
// @public
export const colorPaletteYellowBorder2 = "var(--colorPaletteYellowBorder2)";
// @public
export const colorPaletteYellowBorderActive = "var(--colorPaletteYellowBorderActive)";
// @public
export const colorPaletteYellowForeground1 = "var(--colorPaletteYellowForeground1)";
// @public
export const colorPaletteYellowForeground2 = "var(--colorPaletteYellowForeground2)";
// @public
export const colorPaletteYellowForeground3 = "var(--colorPaletteYellowForeground3)";
// @public
export const colorPaletteYellowForegroundInverted = "var(--colorPaletteYellowForegroundInverted)";
// @public
export const colorScrollbarOverlay = "var(--colorScrollbarOverlay)";
// @public
export const colorStatusDangerBackground1 = "var(--colorStatusDangerBackground1)";
// @public
export const colorStatusDangerBackground2 = "var(--colorStatusDangerBackground2)";
// @public
export const colorStatusDangerBackground3 = "var(--colorStatusDangerBackground3)";
// @public
export const colorStatusDangerBackground3Hover = "var(--colorStatusDangerBackground3Hover)";
// @public
export const colorStatusDangerBackground3Pressed = "var(--colorStatusDangerBackground3Pressed)";
// @public
export const colorStatusDangerBorder1 = "var(--colorStatusDangerBorder1)";
// @public
export const colorStatusDangerBorder2 = "var(--colorStatusDangerBorder2)";
// @public
export const colorStatusDangerBorderActive = "var(--colorStatusDangerBorderActive)";
// @public
export const colorStatusDangerForeground1 = "var(--colorStatusDangerForeground1)";
// @public
export const colorStatusDangerForeground2 = "var(--colorStatusDangerForeground2)";
// @public
export const colorStatusDangerForeground3 = "var(--colorStatusDangerForeground3)";
// @public
export const colorStatusDangerForegroundInverted = "var(--colorStatusDangerForegroundInverted)";
// @public
export const colorStatusSuccessBackground1 = "var(--colorStatusSuccessBackground1)";
// @public
export const colorStatusSuccessBackground2 = "var(--colorStatusSuccessBackground2)";
// @public
export const colorStatusSuccessBackground3 = "var(--colorStatusSuccessBackground3)";
// @public
export const colorStatusSuccessBorder1 = "var(--colorStatusSuccessBorder1)";
// @public
export const colorStatusSuccessBorder2 = "var(--colorStatusSuccessBorder2)";
// @public
export const colorStatusSuccessBorderActive = "var(--colorStatusSuccessBorderActive)";
// @public
export const colorStatusSuccessForeground1 = "var(--colorStatusSuccessForeground1)";
// @public
export const colorStatusSuccessForeground2 = "var(--colorStatusSuccessForeground2)";
// @public
export const colorStatusSuccessForeground3 = "var(--colorStatusSuccessForeground3)";
// @public
export const colorStatusSuccessForegroundInverted = "var(--colorStatusSuccessForegroundInverted)";
// @public
export const colorStatusWarningBackground1 = "var(--colorStatusWarningBackground1)";
// @public
export const colorStatusWarningBackground2 = "var(--colorStatusWarningBackground2)";
// @public
export const colorStatusWarningBackground3 = "var(--colorStatusWarningBackground3)";
// @public
export const colorStatusWarningBorder1 = "var(--colorStatusWarningBorder1)";
// @public
export const colorStatusWarningBorder2 = "var(--colorStatusWarningBorder2)";
// @public
export const colorStatusWarningBorderActive = "var(--colorStatusWarningBorderActive)";
// @public
export const colorStatusWarningForeground1 = "var(--colorStatusWarningForeground1)";
// @public
export const colorStatusWarningForeground2 = "var(--colorStatusWarningForeground2)";
// @public
export const colorStatusWarningForeground3 = "var(--colorStatusWarningForeground3)";
// @public
export const colorStatusWarningForegroundInverted = "var(--colorStatusWarningForegroundInverted)";
// @public
export const colorStrokeFocus1 = "var(--colorStrokeFocus1)";
// @public
export const colorStrokeFocus2 = "var(--colorStrokeFocus2)";
// @public
export const colorSubtleBackground = "var(--colorSubtleBackground)";
// @public
export const colorSubtleBackgroundHover = "var(--colorSubtleBackgroundHover)";
// @public
export const colorSubtleBackgroundInverted = "var(--colorSubtleBackgroundInverted)";
// @public
export const colorSubtleBackgroundInvertedHover = "var(--colorSubtleBackgroundInvertedHover)";
// @public
export const colorSubtleBackgroundInvertedPressed = "var(--colorSubtleBackgroundInvertedPressed)";
// @public
export const colorSubtleBackgroundInvertedSelected = "var(--colorSubtleBackgroundInvertedSelected)";
// @public
export const colorSubtleBackgroundLightAlphaHover = "var(--colorSubtleBackgroundLightAlphaHover)";
// @public
export const colorSubtleBackgroundLightAlphaPressed = "var(--colorSubtleBackgroundLightAlphaPressed)";
// @public
export const colorSubtleBackgroundLightAlphaSelected = "var(--colorSubtleBackgroundLightAlphaSelected)";
// @public
export const colorSubtleBackgroundPressed = "var(--colorSubtleBackgroundPressed)";
// @public
export const colorSubtleBackgroundSelected = "var(--colorSubtleBackgroundSelected)";
// @public
export const colorTransparentBackground = "var(--colorTransparentBackground)";
// @public
export const colorTransparentBackgroundHover = "var(--colorTransparentBackgroundHover)";
// @public
export const colorTransparentBackgroundPressed = "var(--colorTransparentBackgroundPressed)";
// @public
export const colorTransparentBackgroundSelected = "var(--colorTransparentBackgroundSelected)";
// @public
export const colorTransparentStroke = "var(--colorTransparentStroke)";
// @public
export const colorTransparentStrokeDisabled = "var(--colorTransparentStrokeDisabled)";
// @public
export const colorTransparentStrokeInteractive = "var(--colorTransparentStrokeInteractive)";
// @public
export class CompoundButton extends Button {
}
// @public
export const CompoundButtonAppearance: {
readonly primary: "primary";
readonly outline: "outline";
readonly subtle: "subtle";
readonly transparent: "transparent";
};
// @public
export type CompoundButtonAppearance = ValuesOf<typeof CompoundButtonAppearance>;
// @public (undocumented)
export const CompoundButtonDefinition: FASTElementDefinition<typeof CompoundButton>;
// @public
export const CompoundButtonShape: {
readonly circular: "circular";
readonly rounded: "rounded";
readonly square: "square";
};
// @public
export type CompoundButtonShape = ValuesOf<typeof CompoundButtonShape>;
// @public
export const CompoundButtonSize: {
readonly small: "small";
readonly medium: "medium";
readonly large: "large";
};
// @public
export type CompoundButtonSize = ValuesOf<typeof CompoundButtonSize>;
// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const CompoundButtonStyles: ElementStyles;
// @public
export const CompoundButtonTemplate: ElementViewTemplate<CompoundButton>;
// Warning: (ae-different-release-tags) This symbol has another declaration with a different release tag
// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "CounterBadge" because one of its declarations is marked as @internal
//
// @public
export class CounterBadge extends FASTElement {
appearance?: CounterBadgeAppearance;
appearanceChanged(prev: CounterBadgeAppearance | undefined, next: CounterBadgeAppearance | undefined): void;
color?: CounterBadgeColor;
colorChanged(prev: CounterBadgeColor | undefined, next: CounterBadgeColor | undefined): void;
count: number;
// (undocumented)
protected countChanged(): void;
dot: boolean;
dotChanged(prev: boolean | undefined, next: boolean | undefined): void;
// @internal
elementInternals: ElementInternals;
overflowCount: number;
// (undocumented)
protected overflowCountChanged(): void;
// @internal
setCount(): string | void;
shape?: CounterBadgeShape;
shapeChanged(prev: CounterBadgeShape | undefined, next: CounterBadgeShape | undefined): void;
showZero: boolean;
size?: CounterBadgeSize;
sizeChanged(prev: CounterBadgeSize | undefined, next: CounterBadgeSize | undefined): void;
}
// @internal
export interface CounterBadge extends StartEnd {
}
// @public
export const CounterBadgeAppearance: {
readonly filled: "filled";
readonly ghost: "ghost";
};
// @public
export type CounterBadgeAppearance = ValuesOf<typeof CounterBadgeAppearance>;
// @public
export const CounterBadgeColor: {
readonly brand: "brand";
readonly danger: "danger";
readonly important: "important";
readonly informative: "informative";
readonly severe: "severe";
readonly subtle: "subtle";
readonly success: "success";
readonly warning: "warning";
};
// @public
export type CounterBadgeColor = ValuesOf<typeof CounterBadgeColor>;
// @public (undocumented)
export const CounterBadgeDefinition: FASTElementDefinition<typeof CounterBadge>;
// @public
export const CounterBadgeShape: {
readonly circular: "circular";
readonly rounded: "rounded";
};
// @public
export type CounterBadgeShape = ValuesOf<typeof CounterBadgeShape>;
// @public
export const CounterBadgeSize: {
readonly tiny: "tiny";
readonly extraSmall: "extra-small";
readonly small: "small";
readonly medium: "medium";
readonly large: "large";
readonly extraLarge: "extra-large";
};
// @public
export type CounterBadgeSize = ValuesOf<typeof CounterBadgeSize>;
// @public
export const CounterBadgeStyles: ElementStyles;
// @public
export const CounterBadgeTemplate: ElementViewTemplate<CounterBadge>;
// @public
export const curveAccelerateMax = "var(--curveAccelerateMax)";
// @public
export const curveAccelerateMid = "var(--curveAccelerateMid)";
// @public
export const curveAccelerateMin = "var(--curveAccelerateMin)";
// @public
export const curveDecelerateMax = "var(--curveDecelerateMax)";
// @public
export const curveDecelerateMid = "var(--curveDecelerateMid)";
// @public
export const curveDecelerateMin = "var(--curveDecelerateMin)";
// @public
export const curveEasyEase = "var(--curveEasyEase)";
// @public
export const curveEasyEaseMax = "var(--curveEasyEaseMax)";
// @public
export const curveLinear = "var(--curveLinear)";
// @public
export const darkModeStylesheetBehavior: (styles: ElementStyles) => MatchMediaStyleSheetBehavior;
// @public
export class Dialog extends FASTElement {
ariaDescribedby?: string;
ariaLabelledby?: string;
clickHandler(event: Event): boolean;
dialog: HTMLDialogElement;
emitBeforeToggle: () => void;
emitToggle: () => void;
hide(): void;
show(): void;
type: DialogType;
}
// @public
export class DialogBody extends FASTElement {
noTitleAction: boolean;
}
// @public
export const DialogBodyDefinition: FASTElementDefinition<typeof DialogBody>;
// @public
export const DialogBodyStyles: ElementStyles;
// @public
export const DialogBodyTemplate: ElementViewTemplate;
// @public
export const DialogDefinition: FASTElementDefinition<typeof Dialog>;
// @public
export const DialogStyles: ElementStyles;
// @public
export const DialogTemplate: ElementViewTemplate<Dialog>;
// Warning: (ae-missing-release-tag) "DialogType" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const DialogType: {
readonly modal: "modal";
readonly nonModal: "non-modal";
readonly alert: "alert";
};
// @public (undocumented)
export type DialogType = ValuesOf<typeof DialogType>;
// Warning: (ae-forgotten-export) The symbol "CSSDisplayPropertyValue" needs to be exported by the entry point index.d.ts
//
// @public
export function display(displayValue: CSSDisplayPropertyValue): string;
// @public
export class Divider extends BaseDivider {
// (undocumented)
alignContent?: DividerAlignContent;
alignContentChanged(prev: DividerAlignContent | undefined, next: DividerAlignContent | undefined): void;
// (undocumented)
appearance?: DividerAppearance;
appearanceChanged(prev: DividerAppearance | undefined, next: DividerAppearance | undefined): void;
// (undocumented)
inset?: boolean;
insetChanged(prev: boolean, next: boolean): void;
}
// @public
export const DividerAlignContent: {
readonly center: "center";
readonly start: "start";
readonly end: "end";
};
// @public
export type DividerAlignContent = ValuesOf<typeof DividerAlignContent>;
// @public
export const DividerAppearance: {
readonly strong: "strong";
readonly brand: "brand";
readonly subtle: "subtle";
};
// @public
export type DividerAppearance = ValuesOf<typeof DividerAppearance>;
// @public
export const DividerDefinition: FASTElementDefinition<typeof Divider>;
// @public
export const DividerOrientation: {
readonly horizontal: "horizontal";
readonly vertical: "vertical";
};
// @public
export type DividerOrientation = ValuesOf<typeof DividerOrientation>;
// @public
export const DividerRole: {
readonly separator: "separator";
readonly presentation: "presentation";
};
// @public
export type DividerRole = ValuesOf<typeof DividerRole>;
// @public
export const DividerStyles: ElementStyles;
// @public
export const DividerTemplate: ElementViewTemplate<Divider>;
// Warning: (ae-missing-release-tag) "Drawer" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export class Drawer extends FASTElement {
ariaDescribedby?: string;
ariaLabelledby?: string;
// (undocumented)
clickHandler(event: Event): boolean;
dialog: HTMLDialogElement;
emitBeforeToggle: () => void;
emitToggle: () => void;
hide(): void;
position: DrawerPosition;
show(): void;
// (undocumented)
size: DrawerSize;
type: DrawerType;
}
// Warning: (ae-missing-release-tag) "DrawerBody" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export class DrawerBody extends FASTElement {
}
// @public (undocumented)
export const DrawerBodyDefinition: FASTElementDefinition<typeof DrawerBody>;
// @public
export const DrawerBodyStyles: ElementStyles;
// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const DrawerBodyTemplate: ElementViewTemplate<DrawerBody>;
// @public (undocumented)
export const DrawerDefinition: FASTElementDefinition<typeof Drawer>;
// Warning: (ae-missing-release-tag) "DrawerPosition" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const DrawerPosition: {
readonly start: "start";
readonly end: "end";
};
// @public
export type DrawerPosition = ValuesOf<typeof DrawerPosition>;
// Warning: (ae-missing-release-tag) "DrawerSize" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const DrawerSize: {
readonly small: "small";
readonly medium: "medium";
readonly large: "large";
readonly full: "full";
};
// @public
export type DrawerSize = ValuesOf<typeof DrawerSize>;
// @public
export const DrawerStyles: ElementStyles;
// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const DrawerTemplate: ElementViewTemplate<Drawer>;
// Warning: (ae-missing-release-tag) "DrawerType" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const DrawerType: {
readonly nonModal: "non-modal";
readonly modal: "modal";
readonly inline: "inline";
};
// @public
export type DrawerType = ValuesOf<typeof DrawerType>;
// @public
export class Dropdown extends BaseDropdown {
constructor();
appearance: DropdownAppearance;
// @internal
appearanceChanged(prev: DropdownAppearance | undefined, next: DropdownAppearance | undefined): void;
// (undocumented)
connectedCallback(): void;
// (undocumented)
disconnectedCallback(): void;
// @internal
openChanged(prev: boolean | undefined, next: boolean | undefined): void;
size?: DropdownSize;
// @internal
sizeChanged(prev: DropdownSize | undefined, next: DropdownSize | undefined): void;
}
// @public
export const DropdownAppearance: {
filledDarker: string;
filledLighter: string;
outline: string;
transparent: string;
};
// @public (undocumented)
export type DropdownAppearance = ValuesOf<typeof DropdownAppearance>;
// @public
export const dropdownButtonTemplate: ViewTemplate<BaseDropdown, any>;
// @public
export const DropdownDefinition: FASTElementDefinition<typeof Dropdown>;
// @public
export const dropdownInputTemplate: ViewTemplate<BaseDropdown, any>;
// Warning: (ae-forgotten-export) The symbol "Start" needs to be exported by the entry point index.d.ts
//
// @public
export class DropdownOption extends FASTElement implements Start {
constructor();
active: boolean;
// @internal
protected activeChanged(prev: boolean, next: boolean): void;
// (undocumented)
connectedCallback(): void;
// @internal
currentSelected?: boolean;
// @internal
currentSelectedChanged(prev: boolean | undefined, next: boolean | undefined): void;
defaultSelected?: boolean;
// @internal
protected defaultSelectedChanged(prev: boolean | undefined, next: boolean | undefined): void;
// @internal
descriptionSlot: Node[];
// @internal
descriptionSlotChanged(prev: Node[] | undefined, next: Node[] | undefined): void;
disabled?: boolean;
disabledAttribute?: boolean;
// @internal
protected disabledAttributeChanged(prev: boolean | undefined, next: boolean | undefined): void;
// @internal
protected disabledChanged(prev: boolean | undefined, next: boolean | undefined): void;
// @internal
elementInternals: ElementInternals;
get form(): HTMLFormElement | null;
static formAssociated: boolean;
formAttribute?: string;
freeform?: boolean;
// @internal
freeformOutputs?: HTMLOutputElement[];
// @override
id: string;
initialValue: string;
// @internal
protected initialValueChanged(prev: string, next: string): void;
get labels(): ReadonlyArray<HTMLLabelElement>;
multiple: boolean;
multipleChanged(prev: boolean, next: boolean): void;
name: string;
get selected(): boolean;
set selected(next: boolean);
// @internal
setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
// @internal
start: HTMLSlotElement;
get text(): string;
textAttribute?: string;
toggleSelected(force?: boolean): void;
get value(): string;
set value(value: string);
}
// @public
export const DropdownOptionDefinition: FASTElementDefinition<typeof DropdownOption>;
// @public
export type DropdownOptionOptions = StartOptions<DropdownOption> & {
checkedIndicator?: StaticallyComposableHTML<DropdownOption>;
};
// @public
export type DropdownOptions = {
indicator?: StaticallyComposableHTML<BaseDropdown>;
};
// @public
export const DropdownOptionStyles: ElementStyles;
// @public
export const DropdownOptionTemplate: ElementViewTemplate<DropdownOption>;
// @public
export const DropdownSize: {
readonly small: "small";
readonly medium: "medium";
readonly large: "large";
};
// @public (undocumented)
export type DropdownSize = ValuesOf<typeof DropdownSize>;
// @public
export const DropdownStyles: ElementStyles;
// @public
export const DropdownTemplate: ElementViewTemplate<BaseDropdown>;
// @public
export const DropdownType: {
readonly combobox: "combobox";
readonly dropdown: "dropdown";
readonly select: "select";
};
// @public (undocumented)
export type DropdownType = ValuesOf<typeof DropdownType>;
// @public
export const durationFast = "var(--durationFast)";
// @public
export const durationFaster = "var(--durationFaster)";
// @public
export const durationGentle = "var(--durationGentle)";
// @public
export const durationNormal = "var(--durationNormal)";
// @public
export const durationSlow = "var(--durationSlow)";
// @public
export const durationSlower = "var(--durationSlower)";
// @public
export const durationUltraFast = "var(--durationUltraFast)";
// @public
export const durationUltraSlow = "var(--durationUltraSlow)";
// @public
export type EndOptions<TSource = any, TParent = any> = {
end?: StaticallyComposableHTML<TSource, TParent>;
};
// @public
export function endSlotTemplate<TSource extends StartEnd = StartEnd, TParent = any>(options: EndOptions<TSource, TParent>): CaptureType<TSource, TParent>;
// @public
export class Field extends BaseField {
labelPosition: FieldLabelPosition;
}
// @public
export const FieldDefinition: FASTElementDefinition<typeof Field>;
// @public
export const FieldLabelPosition: {
readonly above: "above";
readonly after: "after";
readonly before: "before";
};
// @public (undocumented)
export type FieldLabelPosition = ValuesOf<typeof FieldLabelPosition>;
// @public
export const FieldStyles: ElementStyles;
// @public
export const FieldTemplate: ElementViewTemplate;
// Warning: (ae-missing-release-tag) "FluentDesignSystem" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const FluentDesignSystem: Readonly<{
prefix: "fluent";
shadowRootMode: "open";
registry: CustomElementRegistry;
}>;
// @public
export const fontFamilyBase = "var(--fontFamilyBase)";
// @public
export const fontFamilyMonospace = "var(--fontFamilyMonospace)";
// @public
export const fontFamilyNumeric = "var(--fontFamilyNumeric)";
// @public
export const fontSizeBase100 = "var(--fontSizeBase100)";
// @public
export const fontSizeBase200 = "var(--fontSizeBase200)";
// @public
export const fontSizeBase300 = "var(--fontSizeBase300)";
// @public
export const fontSizeBase400 = "var(--fontSizeBase400)";
// @public
export const fontSizeBase500 = "var(--fontSizeBase500)";
// @public
export const fontSizeBase600 = "var(--fontSizeBase600)";
// @public
export const fontSizeHero1000 = "var(--fontSizeHero1000)";
// @public
export const fontSizeHero700 = "var(--fontSizeHero700)";
// @public
export const fontSizeHero800 = "var(--fontSizeHero800)";
// @public
export const fontSizeHero900 = "var(--fontSizeHero900)";
// @public
export const fontWeightBold = "var(--fontWeightBold)";
// @public
export const fontWeightMedium = "var(--fontWeightMedium)";
// @public
export const fontWeightRegular = "var(--fontWeightRegular)";
// @public
export const fontWeightSemibold = "var(--fontWeightSemibold)";
// @public
export const forcedColorsStylesheetBehavior: (styles: ElementStyles) => MatchMediaStyleSheetBehavior;
// @public
export const getDirection: (rootNode: HTMLElement) => Direction;
// @public
class Image_2 extends FASTElement {
block?: boolean;
blockChanged(prev: boolean, next: boolean): void;
bordered?: boolean;
borderedChanged(prev: boolean, next: boolean): void;
// @internal
elementInternals: ElementInternals;
fit?: ImageFit;
fitChanged(prev: ImageFit | undefined, next: ImageFit | undefined): void;
shadow?: boolean;
shadowChanged(prev: boolean, next: boolean): void;
shape?: ImageShape;
shapeChanged(prev: ImageShape | undefined, next: ImageShape | undefined): void;
}
export { Image_2 as Image }
// @public
export const ImageDefinition: FASTElementDefinition<typeof Image_2>;
// @public
export const ImageFit: {
readonly none: "none";
readonly center: "center";
readonly contain: "contain";
readonly cover: "cover";
};
// @public
export type ImageFit = ValuesOf<typeof ImageFit>;
// Warning: (ae-missing-release-tag) "ImageShape" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const ImageShape: {
readonly circular: "circular";
readonly rounded: "rounded";
readonly square: "square";
};
// @public (undocumented)
export type ImageShape = ValuesOf<typeof ImageShape>;
// @public
export const ImageStyles: ElementStyles;
// @public
export const ImageTemplate: ElementViewTemplate<Image_2>;
// @public
export function isDropdown(element?: Node | null, tagName?: string): element is BaseDropdown;
// @public
export function isDropdownOption(value: Node | null, tagName?: string): value is DropdownOption;
// @public
export function isListbox(element?: Node | null, tagName?: string): element is Listbox;
// @public
export class Label extends FASTElement {
disabled: boolean;
disabledChanged(prev: boolean | undefined, next: boolean | undefined): void;
// @internal
elementInternals: ElementInternals;
required: boolean;
size?: LabelSize;
sizeChanged(prev: LabelSize | undefined, next: LabelSize | undefined): void;
weight?: LabelWeight;
weightChanged(prev: LabelWeight | undefined, next: LabelWeight | undefined): void;
}
// @public
export const LabelDefinition: FASTElementDefinition<typeof Label>;
// Warning: (ae-missing-release-tag) "LabelSize" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const LabelSize: {
readonly small: "small";
readonly medium: "medium";
readonly large: "large";
};
// @public
export type LabelSize = ValuesOf<typeof LabelSize>;
// @public
export const LabelStyles: ElementStyles;
// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const LabelTemplate: ElementViewTemplate<Label>;
// Warning: (ae-missing-release-tag) "LabelWeight" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const LabelWeight: {
readonly regular: "regular";
readonly semibold: "semibold";
};
// @public
export type LabelWeight = ValuesOf<typeof LabelWeight>;
// @public
export const lightModeStylesheetBehavior: (styles: ElementStyles) => MatchMediaStyleSheetBehavior;
// @public
export const lineHeightBase100 = "var(--lineHeightBase100)";
// @public
export const lineHeightBase200 = "var(--lineHeightBase200)";
// @public
export const lineHeightBase300 = "var(--lineHeightBase300)";
// @public
export const lineHeightBase400 = "var(--lineHeightBase400)";
// @public
export const lineHeightBase500 = "var(--lineHeightBase500)";
// @public
export const lineHeightBase600 = "var(--lineHeightBase600)";
// @public
export const lineHeightHero1000 = "var(--lineHeightHero1000)";
// @public
export const lineHeightHero700 = "var(--lineHeightHero700)";
// @public
export const lineHeightHero800 = "var(--lineHeightHero800)";
// @public
export const lineHeightHero900 = "var(--lineHeightHero900)";
// @public
export class Link extends BaseAnchor {
appearance?: LinkAppearance | undefined;
appearanceChanged(prev: LinkAppearance | undefined, next: LinkAppearance | undefined): void;
inline: boolean;
inlineChanged(prev: boolean, next: boolean): void;
}
// @public
export const LinkAppearance: {
readonly subtle: "subtle";
};
// @public
export type LinkAppearance = ValuesOf<typeof LinkAppearance>;
// @public (undocumented)
export const LinkDefinition: FASTElementDefinition<typeof Link>;
// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const LinkStyles: ElementStyles;
// @public
export const LinkTarget: {
readonly _self: "_self";
readonly _blank: "_blank";
readonly _parent: "_parent";
readonly _top: "_top";
};
// @public
export type LinkTarget = ValuesOf<typeof AnchorTarget>;
// @public
export const LinkTemplate: ElementViewTemplate<Link>;
// @public
export class Listbox extends FASTElement {
constructor();
// @internal
beforetoggleHandler(e: ToggleEvent): boolean | undefined;
clickHandler(e: PointerEvent): boolean | void;
// (undocumented)
connectedCallback(): void;
// @internal
dropdown?: BaseDropdown;
// @internal
elementInternals: ElementInternals;
// @internal
get enabledOptions(): DropdownOption[];
// @internal
handleChange(source: any, propertyName?: string): void;
// @override
id: string;
multiple?: boolean;
multipleChanged(prev: boolean | undefined, next: boolean | undefined): void;
options: DropdownOption[];
// @internal
optionsChanged(prev: DropdownOption[] | undefined, next: DropdownOption[] | undefined): void;
// @internal
selectedIndex: number;
get selectedOptions(): DropdownOption[];
selectOption(index?: number): void;
}
// @public
export const ListboxDefinition: FASTElementDefinition<typeof Listbox>;
// @public
export const ListboxStyles: ElementStyles;
// @public
export const ListboxTemplate: ElementViewTemplate<Listbox>;
// @public
export function listboxTemplate<T extends Listbox>(): ElementViewTemplate<T>;
// @public
export abstract class MatchMediaBehavior implements HostBehavior {
constructor(query: MediaQueryList);
connectedCallback(controller: HostController): void;
protected abstract constructListener(controller: HostController): MediaQueryListListener;
disconnectedCallback(controller: HostController): void;
readonly query: MediaQueryList;
}
// @public
export class MatchMediaStyleSheetBehavior extends MatchMediaBehavior {
constructor(query: MediaQueryList, styles: ElementStyles);
protected constructListener(controller: HostController): MediaQueryListListener;
readonly query: MediaQueryList;
// @internal
removedCallback(controller: HostController<any>): void;
readonly styles: ElementStyles;
static with(query: MediaQueryList): (styles: ElementStyles) => MatchMediaStyleSheetBehavior;
}
// @public
export type MediaQueryListListener = (this: MediaQueryList, ev?: MediaQueryListEvent) => void;
// @public
export class Menu extends FASTElement {
closeMenu: (event?: Event) => void;
closeOnScroll?: boolean;
closeOnScrollChanged(oldValue: boolean, newValue: boolean): void;
connectedCallback(): void;
disconnectedCallback(): void;
focusMenuList(): void;
focusTrigger(): void;
menuKeydownHandler(e: KeyboardEvent): boolean | void;
openMenu: (e?: Event) => void;
openOnContext?: boolean;
openOnContextChanged(oldValue: boolean, newValue: boolean): void;
openOnHover?: boolean;
openOnHoverChanged(oldValue: boolean, newValue: boolean): void;
persistOnItemClick?: boolean;
persistOnItemClickChanged(oldValue: boolean, newValue: boolean): void;
primaryAction: HTMLSlotElement;
setComponent(): void;
slottedMenuList: MenuList[];
slottedTriggers: HTMLElement[];
split?: boolean;
toggleHandler: (e: Event) => void;
toggleMenu: () => void;
triggerKeydownHandler: (e: KeyboardEvent) => boolean | void;
}
// @public
export class MenuButton extends Button {
}
// @public
export const MenuButtonAppearance: {
readonly primary: "primary";
readonly outline: "outline";
readonly subtle: "subtle";
readonly transparent: "transparent";
};
// @public
export type MenuButtonAppearance = ValuesOf<typeof MenuButtonAppearance>;
// @public (undocumented)
export const MenuButtonDefinition: FASTElementDefinition<typeof MenuButton>;
// @public
export const MenuButtonShape: {
readonly circular: "circular";
readonly rounded: "rounded";
readonly square: "square";
};
// @public
export type MenuButtonShape = ValuesOf<typeof MenuButtonShape>;
// @public
export const MenuButtonSize: {
readonly small: "small";
readonly medium: "medium";
readonly large: "large";
};
// @public
export type MenuButtonSize = ValuesOf<typeof MenuButtonSize>;
// @public
export const MenuButtonTemplate: ElementViewTemplate<MenuButton>;
// @public
export const MenuDefinition: FASTElementDefinition<typeof Menu>;
// Warning: (ae-different-release-tags) This symbol has another declaration with a different release tag
// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "MenuItem" because one of its declarations is marked as @internal
//
// @public
export class MenuItem extends FASTElement {
checked: boolean;
protected checkedChanged(prev: boolean, next: boolean): void;
// (undocumented)
connectedCallback(): void;
disabled: boolean;
disabledChanged(prev: boolean | undefined, next: boolean | undefined): void;
// @internal
elementInternals: ElementInternals;
// @internal (undocumented)
handleMenuItemClick: (e: MouseEvent) => boolean;
// @internal (undocumented)
handleMenuItemKeyDown: (e: KeyboardEvent) => boolean;
// @internal (undocumented)
handleMouseOut: (e: MouseEvent) => boolean;
// @internal (undocumented)
handleMouseOver: (e: MouseEvent) => boolean;
hidden: boolean;
role: MenuItemRole;
roleChanged(prev: MenuItemRole | undefined, next: MenuItemRole | undefined): void;
// @internal
setSubmenuPosition: () => void;
// @internal
slottedSubmenu: HTMLElement[];
// @internal
protected slottedSubmenuChanged(prev: HTMLElement[] | undefined, next: HTMLElement[]): void;
// @internal (undocumented)
submenu: HTMLElement | undefined;
// @internal
toggleHandler: (e: Event) => void;
}
// @internal
export interface MenuItem extends StartEnd {
}
// Warning: (ae-missing-release-tag) "MenuItemColumnCount" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export type MenuItemColumnCount = 0 | 1 | 2;
// @public (undocumented)
export const MenuItemDefinition: FASTElementDefinition<typeof MenuItem>;
// @public
export type MenuItemOptions = StartEndOptions<MenuItem> & {
indicator?: StaticallyComposableHTML<MenuItem>;
submenuGlyph?: StaticallyComposableHTML<MenuItem>;
};
// @public
export const MenuItemRole: {
readonly menuitem: "menuitem";
readonly menuitemcheckbox: "menuitemcheckbox";
readonly menuitemradio: "menuitemradio";
};
// @public
export type MenuItemRole = ValuesOf<typeof MenuItemRole>;
// @public
export const MenuItemStyles: ElementStyles;
// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const MenuItemTemplate: ElementViewTemplate<MenuItem>;
// @public
export class MenuList extends FASTElement {
constructor();
// @internal (undocumented)
connectedCallback(): void;
// @internal (undocumented)
disconnectedCallback(): void;
// @internal
elementInternals: ElementInternals;
focus(): void;
handleChange(source: any, propertyName: string): void;
// @internal
handleFocusOut: (e: FocusEvent) => void;
// @internal (undocumented)
handleMenuKeyDown(e: KeyboardEvent): void | boolean;
protected isMenuItemElement: (el: Element) => el is HTMLElement;
// @internal (undocumented)
readonly isNestedMenu: () => boolean;
// @internal (undocumented)
items: HTMLElement[];
// (undocumented)
protected itemsChanged(oldValue: HTMLElement[], newValue: HTMLElement[]): void;
// (undocumented)
protected menuItems: Element[] | undefined;
// (undocumented)
protected setItems(): void;
}
// @public (undocumented)
export const MenuListDefinition: FASTElementDefinition<typeof MenuList>;
// @public
export const MenuListStyles: ElementStyles;
// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const MenuListTemplate: ElementViewTemplate<MenuList>;
// @public
export const MenuStyles: ElementStyles;
// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const MenuTemplate: ElementViewTemplate<Menu>;
// @public
export class MessageBar extends FASTElement {
constructor();
dismissMessageBar: () => void;
// @internal
elementInternals: ElementInternals;
intent?: MessageBarIntent;
intentChanged(prev: MessageBarIntent | undefined, next: MessageBarIntent | undefined): void;
layout?: MessageBarLayout;
layoutChanged(prev: MessageBarLayout | undefined, next: MessageBarLayout | undefined): void;
shape?: MessageBarShape;
shapeChanged(prev: MessageBarShape | undefined, next: MessageBarShape | undefined): void;
}
// @public
export const MessageBarDefinition: FASTElementDefinition<typeof MessageBar>;
// Warning: (ae-missing-release-tag) "MessageBarIntent" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const MessageBarIntent: {
readonly success: "success";
readonly warning: "warning";
readonly error: "error";
readonly info: "info";
};
// @public (undocumented)
export type MessageBarIntent = ValuesOf<typeof MessageBarIntent>;
// Warning: (ae-missing-release-tag) "MessageBarLayout" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const MessageBarLayout: {
readonly multiline: "multiline";
readonly singleline: "singleline";
};
// @public (undocumented)
export type MessageBarLayout = ValuesOf<typeof MessageBarLayout>;
// Warning: (ae-missing-release-tag) "MessageBarShape" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const MessageBarShape: {
readonly rounded: "rounded";
readonly square: "square";
};
// @public (undocumented)
export type MessageBarShape = ValuesOf<typeof MessageBarShape>;
// @public
export const MessageBarStyles: ElementStyles;
// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const MessageBarTemplate: ElementViewTemplate<MessageBar>;
// @public
class ProgressBar_2 extends BaseProgressBar {
shape?: ProgressBarShape;
shapeChanged(prev: ProgressBarShape | undefined, next: ProgressBarShape | undefined): void;
thickness?: ProgressBarThickness;
thicknessChanged(prev: ProgressBarThickness | undefined, next: ProgressBarThickness | undefined): void;
}
export { ProgressBar_2 as ProgressBar }
// @public
export const ProgressBarDefinition: FASTElementDefinition<typeof ProgressBar_2>;
// @public
export const ProgressBarShape: {
readonly rounded: "rounded";
readonly square: "square";
};
// @public
export type ProgressBarShape = ValuesOf<typeof ProgressBarShape>;
// @public
export const ProgressBarStyles: ElementStyles;
// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const ProgressBarTemplate: ElementViewTemplate<ProgressBar_2>;
// @public
export const ProgressBarThickness: {
readonly medium: "medium";
readonly large: "large";
};
// @public
export type ProgressBarThickness = ValuesOf<typeof ProgressBarThickness>;
// @public
export const ProgressBarValidationState: {
readonly success: "success";
readonly warning: "warning";
readonly error: "error";
};
// @public
export type ProgressBarValidationState = ValuesOf<typeof ProgressBarValidationState>;
// @public
export class Radio extends BaseCheckbox {
constructor();
// (undocumented)
connectedCallback(): void;
// @internal @override
protected disabledChanged(prev: boolean | undefined, next: boolean | undefined): void;
// @internal @override
protected requiredChanged(): void;
// @internal @override
setFormValue(): void;
// @internal @override
setValidity(): void;
// @override
toggleChecked(force?: boolean): void;
}
// @public (undocumented)
export type RadioControl = Pick<HTMLInputElement, 'checked' | 'disabled' | 'focus' | 'setAttribute' | 'getAttribute'>;
// @public
export const RadioDefinition: FASTElementDefinition<typeof Radio>;
// @public
export class RadioGroup extends FASTElement {
constructor();
changeHandler(e: Event): boolean | void;
// @internal
protected checkedIndex: number;
// @internal
protected checkedIndexChanged(prev: number | undefined, next: number): void;
// @internal
checkRadio(index?: number, shouldEmit?: boolean): void;
checkValidity(): boolean;
// @internal
clickHandler(e: MouseEvent): boolean | void;
disabled: boolean;
// @internal
protected disabledChanged(prev?: boolean, next?: boolean): void;
// (undocumented)
disabledRadioHandler(e: CustomEvent): void;
// @internal
elementInternals: ElementInternals;
// @internal
get enabledRadios(): Radio[];
// @internal
focus(): void;
// @internal
focusinHandler(e: FocusEvent): boolean | void;
// @internal
focusoutHandler(e: FocusEvent): boolean | void;
static formAssociated: boolean;
// (undocumented)
formResetCallback(): void;
initialValue?: string;
initialValueChanged(prev: string | undefined, next: string | undefined): void;
// @internal
keydownHandler(e: KeyboardEvent): boolean | void;
name: string;
// @internal
protected nameChanged(prev: string | undefined, next: string | undefined): void;
orientation?: RadioGroupOrientation;
// @internal
orientationChanged(prev: RadioGroupOrientation | undefined, next: RadioGroupOrientation | undefined): void;
radios: Radio[];
radiosChanged(prev: Radio[] | undefined, next: Radio[] | undefined): void;
reportValidity(): boolean;
required: boolean;
// (undocumented)
requiredChanged(prev: boolean, next: boolean): void;
// @internal
setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
// @internal
setValidity(flags?: Partial<ValidityState>, message?: string, anchor?: HTMLElement): void;
// @internal
slotchangeHandler(e: Event): void;
// @internal
get validationMessage(): string;
get validity(): ValidityState;
get value(): string | null;
set value(next: string | null);
}
// @public
export const RadioGroupDefinition: FASTElementDefinition<typeof RadioGroup>;
// @public
export const RadioGroupOrientation: {
readonly horizontal: "horizontal";
readonly vertical: "vertical";
};
// @public
export type RadioGroupOrientation = ValuesOf<typeof RadioGroupOrientation>;
// @public
export const RadioGroupStyles: ElementStyles;
// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const RadioGroupTemplate: ElementViewTemplate<RadioGroup>;
// @public
export type RadioOptions = {
checkedIndicator?: StaticallyComposableHTML<Radio>;
};
// @public
export const RadioStyles: ElementStyles;
// @public
export const RadioTemplate: ElementViewTemplate<Radio>;
// @public
export class RatingDisplay extends BaseRatingDisplay {
color?: RatingDisplayColor;
colorChanged(prev: RatingDisplayColor | undefined, next: RatingDisplayColor | undefined): void;
compact: boolean;
// @override
protected getMaxIcons(): number;
// @override
protected getSelectedValue(): number;
size?: RatingDisplaySize;
sizeChanged(prev: RatingDisplaySize | undefined, next: RatingDisplaySize | undefined): void;
}
// @public
export const RatingDisplayColor: {
readonly neutral: "neutral";
readonly brand: "brand";
readonly marigold: "marigold";
};
// @public
export type RatingDisplayColor = ValuesOf<typeof RatingDisplayColor>;
// @public
export const RatingDisplayDefinition: FASTElementDefinition<typeof RatingDisplay>;
// @public
export const RatingDisplaySize: {
readonly small: "small";
readonly medium: "medium";
readonly large: "large";
};
// @public
export type RatingDisplaySize = ValuesOf<typeof RatingDisplaySize>;
// @public
export const RatingDisplayStyles: ElementStyles;
// @public
export const RatingDisplayTemplate: ElementViewTemplate<RatingDisplay>;
// Warning: (ae-internal-missing-underscore) The name "roleForMenuItem" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const roleForMenuItem: {
[value in keyof typeof MenuItemRole]: (typeof MenuItemRole)[value];
};
// Warning: (ae-internal-missing-underscore) The name "setTheme" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export function setTheme(theme: Theme | null, node?: Document | HTMLElement): void;
// Warning: (ae-internal-missing-underscore) The name "setThemeFor" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal @deprecated (undocumented)
export function setThemeFor(element: HTMLElement, theme: Theme | null): void;
// @public
export const shadow16 = "var(--shadow16)";
// @public
export const shadow16Brand = "var(--shadow16Brand)";
// @public
export const shadow2 = "var(--shadow2)";
// @public
export const shadow28 = "var(--shadow28)";
// @public
export const shadow28Brand = "var(--shadow28Brand)";
// @public
export const shadow2Brand = "var(--shadow2Brand)";
// @public
export const shadow4 = "var(--shadow4)";
// @public
export const shadow4Brand = "var(--shadow4Brand)";
// @public
export const shadow64 = "var(--shadow64)";
// @public
export const shadow64Brand = "var(--shadow64Brand)";
// @public
export const shadow8 = "var(--shadow8)";
// @public
export const shadow8Brand = "var(--shadow8Brand)";
// @public
export class Slider extends FASTElement implements SliderConfiguration {
constructor();
// @internal
calculateNewValue(rawValue: number): number;
checkValidity(): boolean;
// @internal (undocumented)
connectedCallback(): void;
decrement(): void;
// @internal (undocumented)
direction: Direction;
disabled: boolean;
// (undocumented)
protected disabledChanged(): void;
// @internal (undocumented)
disconnectedCallback(): void;
// @internal
elementInternals: ElementInternals;
static formAssociated: boolean;
// @internal
formDisabledCallback(disabled: boolean): void;
// @internal
formResetCallback(): void;
// (undocumented)
handleChange(_: any, propertyName: string): void;
// (undocumented)
handlePointerDown: (event: PointerEvent | null) => void;
handleThumbPointerDown: (event: PointerEvent | null) => void;
increment(): void;
initialValue: string;
// @internal
protected initialValueChanged(_: string, next: string): void;
// @internal (undocumented)
isDragging: boolean;
// (undocumented)
keypressHandler: (event: KeyboardEvent) => void;
get labels(): ReadonlyArray<Node>;
max: string;
// (undocumented)
protected maxChanged(): void;
min: string;
// (undocumented)
protected minChanged(): void;
mode: SliderMode;
orientation?: Orientation;
// (undocumented)
protected orientationChanged(prev: Orientation | undefined, next: Orientation | undefined): void;
// @internal (undocumented)
position: string;
reportValidity(): boolean;
setCustomValidity(message: string): void;
// @internal
setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
// @internal
setValidity(flags?: Partial<ValidityState>, message?: string, anchor?: HTMLElement): void;
size?: SliderSize;
// (undocumented)
protected sizeChanged(prev: SliderSize | undefined, next: SliderSize | undefined): void;
step: string;
// (undocumented)
protected stepChanged(): void;
// @internal (undocumented)
stepMultiplier: number;
// @internal (undocumented)
thumb: HTMLDivElement;
// @internal (undocumented)
track: HTMLDivElement;
// @internal (undocumented)
trackHeight: number;
// @internal (undocumented)
trackLeft: number;
// @internal (undocumented)
trackMinHeight: number;
// @internal (undocumented)
trackMinWidth: number;
// @internal (undocumented)
trackWidth: number;
get validationMessage(): string;
get validity(): ValidityState;
get value(): string;
set value(value: string);
get valueAsNumber(): number;
set valueAsNumber(next: number);
valueTextFormatter: (value: string) => string;
// (undocumented)
protected valueTextFormatterChanged(): void;
get willValidate(): boolean;
}
// @public (undocumented)
export interface SliderConfiguration {
// (undocumented)
direction?: Direction;
// (undocumented)
disabled?: boolean;
// (undocumented)
max?: string;
// (undocumented)
min?: string;
// (undocumented)
orientation?: SliderOrientation;
}
// @public
export const SliderDefinition: FASTElementDefinition<typeof Slider>;
// @public (undocumented)
export const SliderMode: {
readonly singleValue: "single-value";
};
// @public
export type SliderMode = ValuesOf<typeof SliderMode>;
// @public
export type SliderOptions = {
thumb?: StaticallyComposableHTML<Slider>;
};
// @public (undocumented)
export const SliderOrientation: {
readonly horizontal: "horizontal";
readonly vertical: "vertical";
};
// @public
export type SliderOrientation = ValuesOf<typeof SliderOrientation>;
// @public
export const SliderSize: {
readonly small: "small";
readonly medium: "medium";
};
// @public
export type SliderSize = ValuesOf<typeof SliderSize>;
// @public
export const SliderStyles: ElementStyles;
// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const SliderTemplate: ElementViewTemplate<Slider>;
// @public
export type SlottableInput = HTMLElement & ElementInternals & {
elementInternals?: ElementInternals;
required: boolean;
disabled: boolean;
readOnly: boolean;
checked?: boolean;
value?: string;
};
// @public
export const spacingHorizontalL = "var(--spacingHorizontalL)";
// @public
export const spacingHorizontalM = "var(--spacingHorizontalM)";
// @public
export const spacingHorizontalMNudge = "var(--spacingHorizontalMNudge)";
// @public
export const spacingHorizontalNone = "var(--spacingHorizontalNone)";
// @public
export const spacingHorizontalS = "var(--spacingHorizontalS)";
// @public
export const spacingHorizontalSNudge = "var(--spacingHorizontalSNudge)";
// @public
export const spacingHorizontalXL = "var(--spacingHorizontalXL)";
// @public
export const spacingHorizontalXS = "var(--spacingHorizontalXS)";
// @public
export const spacingHorizontalXXL = "var(--spacingHorizontalXXL)";
// @public
export const spacingHorizontalXXS = "var(--spacingHorizontalXXS)";
// @public
export const spacingHorizontalXXXL = "var(--spacingHorizontalXXXL)";
// @public
export const spacingVerticalL = "var(--spacingVerticalL)";
// @public
export const spacingVerticalM = "var(--spacingVerticalM)";
// @public
export const spacingVerticalMNudge = "var(--spacingVerticalMNudge)";
// @public
export const spacingVerticalNone = "var(--spacingVerticalNone)";
// @public
export const spacingVerticalS = "var(--spacingVerticalS)";
// @public
export const spacingVerticalSNudge = "var(--spacingVerticalSNudge)";
// @public
export const spacingVerticalXL = "var(--spacingVerticalXL)";
// @public
export const spacingVerticalXS = "var(--spacingVerticalXS)";
// @public
export const spacingVerticalXXL = "var(--spacingVerticalXXL)";
// @public
export const spacingVerticalXXS = "var(--spacingVerticalXXS)";
// @public
export const spacingVerticalXXXL = "var(--spacingVerticalXXXL)";
// @public
export class Spinner extends BaseSpinner {
appearance?: SpinnerAppearance;
appearanceChanged(prev: SpinnerAppearance | undefined, next: SpinnerAppearance | undefined): void;
size?: SpinnerSize;
sizeChanged(prev: SpinnerSize | undefined, next: SpinnerSize | undefined): void;
}
// @public
export const SpinnerAppearance: {
readonly primary: "primary";
readonly inverted: "inverted";
};
// @public
export type SpinnerAppearance = ValuesOf<typeof SpinnerAppearance>;
// @public (undocumented)
export const SpinnerDefinition: FASTElementDefinition<typeof Spinner>;
// @public
export const SpinnerSize: {
readonly tiny: "tiny";
readonly extraSmall: "extra-small";
readonly small: "small";
readonly medium: "medium";
readonly large: "large";
readonly extraLarge: "extra-large";
readonly huge: "huge";
};
// @public
export type SpinnerSize = ValuesOf<typeof SpinnerSize>;
// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const SpinnerStyles: ElementStyles;
// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const SpinnerTemplate: ViewTemplate<Spinner, any>;
// Warning: (ae-forgotten-export) The symbol "End" needs to be exported by the entry point index.d.ts
//
// @public
export class StartEnd implements Start, End {
// (undocumented)
end: HTMLSlotElement;
// (undocumented)
start: HTMLSlotElement;
}
// @public
export type StartEndOptions<TSource = any, TParent = any> = StartOptions<TSource, TParent> & EndOptions<TSource, TParent>;
// @public
export type StartOptions<TSource = any, TParent = any> = {
start?: StaticallyComposableHTML<TSource, TParent>;
};
// @public
export function startSlotTemplate<TSource extends Pick<StartEnd, 'start'> = StartEnd, TParent = any>(options: StartOptions<TSource, TParent>): CaptureType<TSource, TParent>;
// @public
export const strokeWidthThick = "var(--strokeWidthThick)";
// @public
export const strokeWidthThicker = "var(--strokeWidthThicker)";
// @public
export const strokeWidthThickest = "var(--strokeWidthThickest)";
// @public
export const strokeWidthThin = "var(--strokeWidthThin)";
// @public
const styles: ElementStyles;
export { styles as ButtonStyles }
export { styles as MenuButtonStyles }
// Warning: (ae-missing-release-tag) "Switch" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export class Switch extends BaseCheckbox {
constructor();
}
// @public
export const SwitchDefinition: FASTElementDefinition<typeof Switch>;
// @public
export const SwitchLabelPosition: {
readonly above: "above";
readonly after: "after";
readonly before: "before";
};
// @public
export type SwitchLabelPosition = ValuesOf<typeof SwitchLabelPosition>;
// Warning: (ae-missing-release-tag) "SwitchOptions" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export type SwitchOptions = {
switch?: StaticallyComposableHTML<Switch>;
};
// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const SwitchStyles: ElementStyles;
// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const SwitchTemplate: ElementViewTemplate<Switch>;
// Warning: (ae-missing-release-tag) "Tab" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
// Warning: (ae-missing-release-tag) "Tab" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export class Tab extends FASTElement {
// (undocumented)
connectedCallback(): void;
disabled: boolean;
}
// @public (undocumented)
export interface Tab extends StartEnd {
}
// Warning: (ae-missing-release-tag) "definition" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const TabDefinition: FASTElementDefinition<typeof Tab>;
// @public
export class Tablist extends BaseTablist {
activeidChanged(oldValue: string, newValue: string): void;
appearance?: TablistAppearance;
// @internal (undocumented)
protected appearanceChanged(prev: TablistAppearance, next: TablistAppearance): void;
size?: TablistSize;
// @internal (undocumented)
protected sizeChanged(prev: TablistSize, next: TablistSize): void;
tabsChanged(): void;
}
// @public
export const TablistAppearance: {
readonly subtle: "subtle";
readonly transparent: "transparent";
};
// @public
export type TablistAppearance = ValuesOf<typeof TablistAppearance>;
// @public (undocumented)
export const TablistDefinition: FASTElementDefinition<typeof Tablist>;
// @public
export const TablistOrientation: {
readonly horizontal: "horizontal"; /**
* The appearance of the component
* @public
*/
readonly vertical: "vertical";
};
// @public
export type TablistOrientation = ValuesOf<typeof TablistOrientation>;
// @public
export const TablistSize: {
readonly small: "small";
readonly medium: "medium";
readonly large: "large";
};
// @public
export type TablistSize = ValuesOf<typeof TablistSize>;
// @public (undocumented)
export const TablistStyles: ElementStyles;
// @public (undocumented)
export const TablistTemplate: ViewTemplate<Tablist, any>;
// @public
export type TabOptions = StartEndOptions<Tab>;
// Warning: (ae-missing-release-tag) "TabPanel" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export class TabPanel extends FASTElement {
}
// Warning: (ae-missing-release-tag) "definition" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const TabPanelDefinition: FASTElementDefinition<typeof TabPanel>;
// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const TabPanelStyles: ElementStyles;
// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const TabPanelTemplate: ElementViewTemplate<TabPanel, any>;
// Warning: (ae-forgotten-export) The symbol "BaseTabs" needs to be exported by the entry point index.d.ts
// Warning: (ae-missing-release-tag) "Tabs" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
// Warning: (ae-missing-release-tag) "Tabs" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export class Tabs extends BaseTabs {
// (undocumented)
activeidChanged(oldValue: string, newValue: string): void;
appearance?: TabsAppearance;
disabled?: boolean;
size?: TabsSize;
// (undocumented)
tabsChanged(): void;
}
// @public (undocumented)
export interface Tabs extends StartEnd {
}
// Warning: (ae-missing-release-tag) "TabsAppearance" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
// Warning: (ae-missing-release-tag) "TabsAppearance" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const TabsAppearance: {
readonly subtle: "subtle";
readonly transparent: "transparent";
};
// @public (undocumented)
export type TabsAppearance = ValuesOf<typeof TabsAppearance>;
// Warning: (ae-missing-release-tag) "definition" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const TabsDefinition: FASTElementDefinition<typeof Tabs>;
// @public
export type TabsOptions = StartEndOptions<Tabs>;
// @public
export const TabsOrientation: {
readonly horizontal: "horizontal";
readonly vertical: "vertical";
};
// @public
export type TabsOrientation = ValuesOf<typeof TabsOrientation>;
// Warning: (ae-missing-release-tag) "TabsSize" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
// Warning: (ae-missing-release-tag) "TabsSize" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const TabsSize: {
readonly small: "small";
readonly medium: "medium";
readonly large: "large";
};
// @public (undocumented)
export type TabsSize = ValuesOf<typeof TabsSize>;
// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const TabsStyles: ElementStyles;
// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const TabsTemplate: ElementViewTemplate<Tabs, any>;
// Warning: (ae-missing-release-tag) "styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const TabStyles: ElementStyles;
// Warning: (ae-missing-release-tag) "template" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const TabTemplate: ElementViewTemplate<Tab, any>;
// @public
class Text_2 extends FASTElement {
align?: TextAlign;
alignChanged(prev: TextAlign | undefined, next: TextAlign | undefined): void;
block: boolean;
// (undocumented)
connectedCallback(): void;
// (undocumented)
disconnectedCallback(): void;
// @internal
elementInternals: ElementInternals;
font?: TextFont;
fontChanged(prev: TextFont | undefined, next: TextFont | undefined): void;
// @internal
handleChange(source: any, propertyName: string): void;
italic: boolean;
nowrap: boolean;
size?: TextSize;
sizeChanged(prev: TextSize | undefined, next: TextSize | undefined): void;
strikethrough: boolean;
truncate: boolean;
underline: boolean;
weight?: TextWeight;
weightChanged(prev: TextWeight | undefined, next: TextWeight | undefined): void;
}
export { Text_2 as Text }
// @public
export const TextAlign: {
readonly start: "start";
readonly end: "end";
readonly center: "center";
readonly justify: "justify";
};
// @public
export type TextAlign = ValuesOf<typeof TextAlign>;
// Warning: (ae-missing-release-tag) "TextArea" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export class TextArea extends BaseTextArea {
appearance: TextAreaAppearance;
// (undocumented)
protected appearanceChanged(prev: TextAreaAppearance | undefined, next: TextAreaAppearance | undefined): void;
block: boolean;
// (undocumented)
protected blockChanged(): void;
// @internal (undocumented)
connectedCallback(): void;
// @internal (undocumented)
disconnectedCallback(): void;
// @internal (undocumented)
handleChange(_: any, propertyName: string): void;
// (undocumented)
protected labelSlottedNodesChanged(): void;
size?: TextAreaSize;
// (undocumented)
protected sizeChanged(prev: TextAreaSize | undefined, next: TextAreaSize | undefined): void;
}
// Warning: (ae-missing-release-tag) "TextAreaAppearance" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const TextAreaAppearance: {
readonly outline: "outline";
readonly filledLighter: "filled-lighter";
readonly filledDarker: "filled-darker";
};
// @public (undocumented)
export type TextAreaAppearance = ValuesOf<typeof TextAreaAppearance>;
// @public
export const TextAreaAppearancesForDisplayShadow: Partial<TextAreaAppearance[]>;
// Warning: (ae-missing-release-tag) "TextAreaAutocomplete" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const TextAreaAutocomplete: {
readonly on: "on";
readonly off: "off";
};
// @public (undocumented)
export type TextAreaAutocomplete = ValuesOf<typeof TextAreaAutocomplete>;
// @public
export const TextAreaDefinition: FASTElementDefinition<typeof TextArea>;
// Warning: (ae-missing-release-tag) "TextAreaResize" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
// Warning: (ae-missing-release-tag) "TextAreaResize" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const TextAreaResize: {
readonly none: "none";
readonly both: "both";
readonly horizontal: "horizontal";
readonly vertical: "vertical";
};
// @public (undocumented)
export type TextAreaResize = ValuesOf<typeof TextAreaResize>;
// Warning: (ae-missing-release-tag) "TextAreaSize" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const TextAreaSize: {
readonly small: "small";
readonly medium: "medium";
readonly large: "large";
};
// @public (undocumented)
export type TextAreaSize = ValuesOf<typeof TextAreaSize>;
// @public
export const TextAreaStyles: ElementStyles;
// Warning: (ae-internal-missing-underscore) The name "TextAreaTemplate" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const TextAreaTemplate: ElementViewTemplate<TextArea>;
// @public
export const TextDefinition: FASTElementDefinition<typeof Text_2>;
// @public
export const TextFont: {
readonly base: "base";
readonly numeric: "numeric";
readonly monospace: "monospace";
};
// @public
export type TextFont = ValuesOf<typeof TextFont>;
// Warning: (ae-different-release-tags) This symbol has another declaration with a different release tag
// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "TextInput" because one of its declarations is marked as @internal
//
// @public
export class TextInput extends BaseTextInput {
appearance?: TextInputAppearance;
appearanceChanged(prev: TextInputAppearance | undefined, next: TextInputAppearance | undefined): void;
controlSize?: TextInputControlSize;
controlSizeChanged(prev: TextInputControlSize | undefined, next: TextInputControlSize | undefined): void;
}
// @internal (undocumented)
export interface TextInput extends StartEnd {
}
// Warning: (ae-missing-release-tag) "TextInputAppearance" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const TextInputAppearance: {
readonly outline: "outline";
readonly underline: "underline";
readonly filledLighter: "filled-lighter";
readonly filledDarker: "filled-darker";
};
// @public (undocumented)
export type TextInputAppearance = ValuesOf<typeof TextInputAppearance>;
// Warning: (ae-missing-release-tag) "TextInputControlSize" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const TextInputControlSize: {
readonly small: "small";
readonly medium: "medium";
readonly large: "large";
};
// @public (undocumented)
export type TextInputControlSize = ValuesOf<typeof TextInputControlSize>;
// @public
export const TextInputDefinition: FASTElementDefinition<typeof TextInput>;
// @public
export type TextInputOptions = StartEndOptions<TextInput>;
// @public
export const TextInputStyles: ElementStyles;
// Warning: (ae-internal-missing-underscore) The name "TextInputTemplate" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const TextInputTemplate: ElementViewTemplate<TextInput>;
// Warning: (ae-missing-release-tag) "TextInputType" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public
export const TextInputType: {
readonly email: "email";
readonly password: "password";
readonly tel: "tel";
readonly text: "text";
readonly url: "url";
};
// @public (undocumented)
export type TextInputType = ValuesOf<typeof TextInputType>;
// @public
export const TextSize: {
readonly _100: "100";
readonly _200: "200";
readonly _300: "300";
readonly _400: "400";
readonly _500: "500";
readonly _600: "600";
readonly _700: "700";
readonly _800: "800";
readonly _900: "900";
readonly _1000: "1000";
};
// @public
export type TextSize = ValuesOf<typeof TextSize>;
// @public
export const TextStyles: ElementStyles;
// Warning: (ae-internal-missing-underscore) The name "TextTemplate" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const TextTemplate: ElementViewTemplate<Text_2>;
// @public
export const TextWeight: {
readonly medium: "medium";
readonly regular: "regular";
readonly semibold: "semibold";
readonly bold: "bold";
};
// @public
export type TextWeight = ValuesOf<typeof TextWeight>;
// Warning: (ae-internal-missing-underscore) The name "Theme" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export type Theme = Record<string, string | number>;
// @public
export class ToggleButton extends Button {
// (undocumented)
connectedCallback(): void;
mixed?: boolean;
// @internal
protected mixedChanged(): void;
// @override
protected press(): void;
pressed: boolean;
// @internal
protected pressedChanged(): void;
}
// @public
export const ToggleButtonAppearance: {
readonly primary: "primary";
readonly outline: "outline";
readonly subtle: "subtle";
readonly transparent: "transparent";
};
// @public
export type ToggleButtonAppearance = ValuesOf<typeof ToggleButtonAppearance>;
// @public (undocumented)
export const ToggleButtonDefinition: FASTElementDefinition<typeof ToggleButton>;
// @public
export const ToggleButtonShape: {
readonly circular: "circular";
readonly rounded: "rounded";
readonly square: "square";
};
// @public
export type ToggleButtonShape = ValuesOf<typeof ToggleButtonShape>;
// @public
export const ToggleButtonSize: {
readonly small: "small";
readonly medium: "medium";
readonly large: "large";
};
// @public
export type ToggleButtonSize = ValuesOf<typeof ToggleButtonSize>;
// @public
export const ToggleButtonStyles: ElementStyles;
// @public
export const ToggleButtonTemplate: ElementViewTemplate<ToggleButton>;
// @public
export class Tooltip extends FASTElement {
constructor();
anchor: string;
// @internal
protected anchorPositioningStyleElement: HTMLStyleElement | null;
blurAnchorHandler: () => void;
// (undocumented)
connectedCallback(): void;
delay?: number;
// (undocumented)
disconnectedCallback(): void;
elementInternals: ElementInternals;
focusAnchorHandler: () => void;
// @internal
hideTooltip(delay?: number): void;
id: string;
mouseenterAnchorHandler: () => void;
mouseleaveAnchorHandler: () => void;
positioning?: TooltipPositioningOption;
// @internal
positioningChanged(): void;
// @internal
showTooltip(delay?: number): void;
}
// @public
export const TooltipDefinition: FASTElementDefinition<typeof Tooltip>;
// @public
export const TooltipPositioningOption: {
readonly 'above-start': "block-start span-inline-end";
readonly above: "block-start";
readonly 'above-end': "block-start span-inline-start";
readonly 'below-start': "block-end span-inline-end";
readonly below: "block-end";
readonly 'below-end': "block-end span-inline-start";
readonly 'before-top': "inline-start span-block-end";
readonly before: "inline-start";
readonly 'before-bottom': "inline-start span-block-start";
readonly 'after-top': "inline-end span-block-end";
readonly after: "inline-end";
readonly 'after-bottom': "inline-end span-block-start";
};
// @public
export type TooltipPositioningOption = ValuesOf<typeof TooltipPositioningOption>;
// @public
export const TooltipStyles: ElementStyles;
// @public
export const TooltipTemplate: ViewTemplate<Tooltip, any>;
// Warning: (ae-missing-release-tag) "TreeItem" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export class TreeItem extends FASTElement {
appearance: 'subtle' | 'subtle-alpha' | 'transparent';
// @internal
get calculatedClassName(): string;
// (undocumented)
childTreeItems: TreeItem[];
disabled: boolean;
expanded: boolean;
// (undocumented)
protected expandedChanged(): void;
// @internal
handleBlur: (e: FocusEvent) => void;
// @internal
handleFocus: (e: FocusEvent) => void;
// @internal
get isNestedItem(): boolean;
// @internal
get isRootItem(): any;
selected: boolean;
// (undocumented)
protected selectedChanged(): void;
size: 'medium' | 'small';
toggleExpansion(): void;
toggleSelection(): void;
}
// Warning: (ae-missing-release-tag) "TreeView" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export class TreeView extends FASTElement {
appearance: 'subtle' | 'subtle-alpha' | 'transparent';
// (undocumented)
childTreeItems: TreeItem[];
// @internal
currentFocused: HTMLElement | null;
currentSelected: HTMLElement | null;
// @internal
handleBlur: (e: FocusEvent) => void;
// @internal
handleClick(e: Event): true | undefined;
// @internal
handleFocus: (e: FocusEvent) => void;
// @internal
handleKeyDown: (e: KeyboardEvent) => boolean | void;
// @internal
handleSelectedChange: (e: Event) => boolean | void;
size: 'medium' | 'small';
}
// Warning: (ae-missing-release-tag) "typographyBody1StrongerStyles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const typographyBody1StrongerStyles: CSSDirective;
// Warning: (ae-missing-release-tag) "typographyBody1StrongStyles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const typographyBody1StrongStyles: CSSDirective;
// Warning: (ae-missing-release-tag) "typographyBody1Styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const typographyBody1Styles: CSSDirective;
// Warning: (ae-missing-release-tag) "typographyBody2Styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const typographyBody2Styles: CSSDirective;
// Warning: (ae-missing-release-tag) "typographyCaption1StrongerStyles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const typographyCaption1StrongerStyles: CSSDirective;
// Warning: (ae-missing-release-tag) "typographyCaption1StrongStyles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const typographyCaption1StrongStyles: CSSDirective;
// Warning: (ae-missing-release-tag) "typographyCaption1Styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const typographyCaption1Styles: CSSDirective;
// Warning: (ae-missing-release-tag) "typographyCaption2StrongStyles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const typographyCaption2StrongStyles: CSSDirective;
// Warning: (ae-missing-release-tag) "typographyCaption2Styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const typographyCaption2Styles: CSSDirective;
// Warning: (ae-missing-release-tag) "typographyDisplayStyles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const typographyDisplayStyles: CSSDirective;
// Warning: (ae-missing-release-tag) "typographyLargeTitleStyles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const typographyLargeTitleStyles: CSSDirective;
// Warning: (ae-missing-release-tag) "typographySubtitle1Styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const typographySubtitle1Styles: CSSDirective;
// Warning: (ae-missing-release-tag) "typographySubtitle2StrongerStyles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const typographySubtitle2StrongerStyles: CSSDirective;
// Warning: (ae-missing-release-tag) "typographySubtitle2Styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const typographySubtitle2Styles: CSSDirective;
// Warning: (ae-missing-release-tag) "typographyTitle1Styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const typographyTitle1Styles: CSSDirective;
// Warning: (ae-missing-release-tag) "typographyTitle2Styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const typographyTitle2Styles: CSSDirective;
// Warning: (ae-missing-release-tag) "typographyTitle3Styles" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
// @public (undocumented)
export const typographyTitle3Styles: CSSDirective;
// @public
export const ValidationFlags: {
readonly badInput: "bad-input";
readonly customError: "custom-error";
readonly patternMismatch: "pattern-mismatch";
readonly rangeOverflow: "range-overflow";
readonly rangeUnderflow: "range-underflow";
readonly stepMismatch: "step-mismatch";
readonly tooLong: "too-long";
readonly tooShort: "too-short";
readonly typeMismatch: "type-mismatch";
readonly valueMissing: "value-missing";
readonly valid: "valid";
};
// @public (undocumented)
export type ValidationFlags = ValuesOf<typeof ValidationFlags>;
// @public
export const zIndexBackground = "var(--zIndexBackground)";
// @public
export const zIndexContent = "var(--zIndexContent)";
// @public
export const zIndexDebug = "var(--zIndexDebug)";
// @public
export const zIndexFloating = "var(--zIndexFloating)";
// @public
export const zIndexMessages = "var(--zIndexMessages)";
// @public
export const zIndexOverlay = "var(--zIndexOverlay)";
// @public
export const zIndexPopup = "var(--zIndexPopup)";
// @public
export const zIndexPriority = "var(--zIndexPriority)";
// Warnings were encountered during analysis:
//
// dist/dts/accordion-item/accordion-item.d.ts:11:5 - (ae-forgotten-export) The symbol "StaticallyComposableHTML" needs to be exported by the entry point index.d.ts
// (No @packageDocumentation comment for this package)