@ni/nimble-components 19.4.0 → 19.4.1

package/dist/esm/src/table-column/text-base/group-header-view/index.d.ts

@@ -0,0 +1,35 @@
+import { TableGroupHeaderView } from '../../base/group-header-view';
+import type { TableFieldValue } from '../../../table/types';
+import type { TableColumnWithPlaceholderColumnConfig } from '../../base/types';
+/**
+ * The group header view base class for displaying fields of any type as text.
+ */
+export declare abstract class TableColumnTextGroupHeaderViewBase<TGroupValue = TableFieldValue, TColumnConfig = TableColumnWithPlaceholderColumnConfig> extends TableGroupHeaderView<TGroupValue, TColumnConfig> {
+    /** @internal */
+    textSpan: HTMLElement;
+    /** @internal */
+    hasOverflow: boolean;
+    /**
+     * Returns the text to render in the cell when it contains a valid value (i.e. when shouldUsePlaceholder() is false).
+     * If the implementation has branching code paths then it must be marked with @volatile.
+     * https://www.fast.design/docs/fast-element/observables-and-state/#observable-features
+     */
+    abstract get text(): string;
+    /**
+     * Returns the text to render in the cell when it contains an invalid value (i.e. when shouldUsePlaceholder() is true).
+     * If the implementation has branching code paths then it must be marked with @volatile.
+     * https://www.fast.design/docs/fast-element/observables-and-state/#observable-features
+     */
+    abstract get placeholder(): string;
+    /**
+     * Returns whether to display the placeholder value or the text value
+     * If the implementation has branching code paths then it must be marked with @volatile.
+     * https://www.fast.design/docs/fast-element/observables-and-state/#observable-features
+     * */
+    abstract get shouldUsePlaceholder(): boolean;
+    get content(): string;
+    /** @internal */
+    updateTitleOverflow(): void;
+    /** @internal */
+    clearTitleOverflow(): void;
+}

package/dist/esm/src/table-column/text-base/group-header-view/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;

package/dist/esm/src/table-column/text-base/group-header-view/template.d.ts

@@ -0,0 +1,2 @@
+import type { TableColumnTextGroupHeaderViewBase } from '.';
+export declare const template: import("@microsoft/fast-element").ViewTemplate<TableColumnTextGroupHeaderViewBase<import("../../../table/types").TableFieldValue, import("../../base/types").TableColumnWithPlaceholderColumnConfig>, any>;

package/dist/esm/src/table-column/text-base/index.d.ts

@@ -0,0 +1,32 @@
+import { TableColumn } from '../base';
+import type { TableColumnWithPlaceholderColumnConfig } from '../base/types';
+declare const TableColumnTextBase_base: (abstract new (...args: any[]) => {
+    groupingDisabled: boolean;
+    groupIndex?: number | null | undefined;
+    groupingDisabledChanged(): void;
+    groupIndexChanged(): void;
+    readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
+}) & (abstract new (...args: any[]) => {
+    fractionalWidth?: number | null | undefined;
+    minPixelWidth?: number | null | undefined;
+    fractionalWidthChanged(): void;
+    minPixelWidthChanged(): void;
+    readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
+}) & ((abstract new () => TableColumn<TableColumnWithPlaceholderColumnConfig>) & {
+    compose<T extends import("@microsoft/fast-foundation").FoundationElementDefinition = import("@microsoft/fast-foundation").FoundationElementDefinition, K extends import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement> = import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>(this: K, elementDefinition: T): (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<T> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<T, K>;
+    from<TBase extends {
+        new (): HTMLElement;
+        prototype: HTMLElement;
+    }>(BaseType: TBase): new () => InstanceType<TBase> & import("@microsoft/fast-element").FASTElement;
+    define<TType extends Function>(type: TType, nameOrDef?: string | import("@microsoft/fast-element").PartialFASTElementDefinition | undefined): TType;
+});
+/**
+ * The base class for table columns that display fields of any type as text.
+ */
+export declare abstract class TableColumnTextBase extends TableColumnTextBase_base {
+    fieldName?: string;
+    placeholder?: string;
+    protected fieldNameChanged(): void;
+    protected placeholderChanged(): void;
+}
+export {};

package/dist/esm/src/tabs/index.d.ts

@@ -0,0 +1,13 @@
+import { Tabs as FoundationTabs } from '@microsoft/fast-foundation';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-tabs': Tabs;
+    }
+}
+/**
+ * A nimble-styled tabs control
+ */
+export declare class Tabs extends FoundationTabs {
+    constructor();
+}
+export declare const tabsTag: string;

package/dist/esm/src/tabs/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;

package/dist/esm/src/tabs-toolbar/index.d.ts

@@ -0,0 +1,12 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-tabs-toolbar': TabsToolbar;
+    }
+}
+/**
+ * A nimble-styled container for toolbar content next to tabs.
+ */
+export declare class TabsToolbar extends FoundationElement {
+}
+export declare const tabsToolbarTag: string;

package/dist/esm/src/tabs-toolbar/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;

package/dist/esm/src/tabs-toolbar/template.d.ts

@@ -0,0 +1,2 @@
+import type { TabsToolbar } from '.';
+export declare const template: import("@microsoft/fast-element").ViewTemplate<TabsToolbar, any>;

package/dist/esm/src/testing/async-helpers.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Allows test code to wait for components to complete pending asynchronous updates that resulted
+ * from DOM interactions like property or attribute changes.
+ */
+export declare const waitForUpdatesAsync: () => Promise<void>;
+/**
+ * Allows test code to force components to synchronously complete normally asynchronous pending
+ * updates that resulted from DOM interactions like property or attribute changes.
+ */
+export declare const processUpdates: () => void;

package/dist/esm/src/text-area/index.d.ts

@@ -0,0 +1,68 @@
+import { TextArea as FoundationTextArea } from '@microsoft/fast-foundation';
+import type { ErrorPattern } from '../patterns/error/types';
+import { TextAreaAppearance } from './types';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-text-area': TextArea;
+    }
+}
+/**
+ * A nimble-styed HTML text area
+ */
+export declare class TextArea extends FoundationTextArea implements ErrorPattern {
+    /**
+     * The appearance the text area should have.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: appearance
+     */
+    appearance: TextAreaAppearance;
+    /**
+     * A message explaining why the value is invalid.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: error-text
+     */
+    errorText?: string;
+    /**
+     * Whether to display the error state.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: error-visible
+     */
+    errorVisible: boolean;
+    /**
+     * The width of the vertical scrollbar, if displayed.
+     * @internal
+     */
+    scrollbarWidth: number;
+    private resizeObserver?;
+    private updateScrollbarWidthQueued;
+    /**
+     * @internal
+     */
+    connectedCallback(): void;
+    /**
+     * @internal
+     */
+    disconnectedCallback(): void;
+    /**
+     * @internal
+     */
+    onTextAreaInput(): void;
+    /**
+     * @internal
+     */
+    placeholderChanged(): void;
+    /**
+     * @internal
+     */
+    valueChanged(previous: string, next: string): void;
+    private onResize;
+    private queueUpdateScrollbarWidth;
+    private updateScrollbarWidth;
+}
+export declare const textAreaTag: string;

package/dist/esm/src/text-area/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;

package/dist/esm/src/text-area/template.d.ts

@@ -0,0 +1,4 @@
+import { ViewTemplate } from '@microsoft/fast-element';
+import type { FoundationElementTemplate } from '@microsoft/fast-foundation';
+import type { TextArea } from '.';
+export declare const template: FoundationElementTemplate<ViewTemplate<TextArea>>;

package/dist/esm/src/text-area/types.d.ts

@@ -0,0 +1,7 @@
+import { TextAreaResize } from '@microsoft/fast-foundation';
+export { TextAreaResize };
+export declare const TextAreaAppearance: {
+    readonly outline: "outline";
+    readonly block: "block";
+};
+export declare type TextAreaAppearance = (typeof TextAreaAppearance)[keyof typeof TextAreaAppearance];

package/dist/esm/src/text-field/index.d.ts

@@ -0,0 +1,32 @@
+import { TextField as FoundationTextField } from '@microsoft/fast-foundation';
+import { TextFieldAppearance } from './types';
+import type { ErrorPattern } from '../patterns/error/types';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-text-field': TextField;
+    }
+}
+/**
+ * A nimble-styed HTML text input
+ */
+export declare class TextField extends FoundationTextField implements ErrorPattern {
+    /**
+     * The appearance the text field should have.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: appearance
+     */
+    appearance: TextFieldAppearance;
+    /**
+     * A message explaining why the value is invalid.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: error-text
+     */
+    errorText?: string;
+    errorVisible: boolean;
+    fullBleed: boolean;
+}
+export declare const textFieldTag: string;

package/dist/esm/src/text-field/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;

package/dist/esm/src/text-field/types.d.ts

@@ -0,0 +1,15 @@
+import { TextFieldType } from '@microsoft/fast-foundation';
+/**
+ * Values for the 'type' property of the text field.
+ */
+export { TextFieldType };
+/**
+ * Values for the 'appearance' property of the text field
+ */
+export declare const TextFieldAppearance: {
+    readonly underline: "underline";
+    readonly outline: "outline";
+    readonly block: "block";
+    readonly frameless: "frameless";
+};
+export declare type TextFieldAppearance = (typeof TextFieldAppearance)[keyof typeof TextFieldAppearance];

package/dist/esm/src/theme-provider/design-token-comments.d.ts

@@ -0,0 +1,6 @@
+import type * as TokensNamespace from './design-tokens';
+declare type TokenName = keyof typeof TokensNamespace;
+export declare const comments: {
+    readonly [key in TokenName]: string | null;
+};
+export {};

package/dist/esm/src/theme-provider/design-token-names.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Design token names should follow the token naming convention:
+ * See: https://github.com/ni/nimble/blob/main/packages/nimble-components/CONTRIBUTING.md#token-naming
+ */
+import type * as TokensNamespace from './design-tokens';
+declare type TokenName = keyof typeof TokensNamespace;
+export declare const tokenNames: {
+    readonly [key in TokenName]: string;
+};
+export declare const styleNameFromTokenName: (tokenName: string) => string;
+export declare const cssPropertyFromTokenName: (tokenName: string) => string;
+export declare const scssPropertyFromTokenName: (tokenName: string) => string;
+export declare const scssPropertySetterMarkdown: (tokenName: string, cssProperty: string) => string;
+export declare const scssInternalPropertyFromTokenName: (tokenName: string) => string;
+export declare const scssInternalPropertySetterMarkdown: (tokenName: string, property: string) => string;
+declare const tokenSuffixes: readonly ["RgbPartialColor", "FontColor", "FontLineHeight", "FontWeight", "FontSize", "TextTransform", "FontFamily", "BoxShadow", "Font", "Size", "Width", "Height", "Delay", "Padding", "Color"];
+export declare type TokenSuffix = (typeof tokenSuffixes)[number];
+export declare const suffixFromTokenName: (tokenName: string) => TokenSuffix | undefined;
+export {};

package/dist/esm/src/theme-provider/design-tokens-static.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Static tokens to use for styling the `::backdrop` pseduo-element of an HTML dialog, which
+ * does not have access to CSS custom properties.
+ *
+ * See https://github.com/whatwg/fullscreen/issues/124
+ */
+export declare const modalBackdropColorThemeLightStatic: string;
+export declare const modalBackdropColorThemeDarkStatic: string;
+export declare const modalBackdropColorThemeColorStatic: string;
+export declare const largeDelayStatic: string;

package/dist/esm/src/theme-provider/design-tokens.d.ts

@@ -0,0 +1,63 @@
+import { CSSDesignToken } from '@microsoft/fast-foundation';
+export declare const actionRgbPartialColor: CSSDesignToken<string>;
+export declare const applicationBackgroundColor: CSSDesignToken<string>;
+export declare const headerBackgroundColor: CSSDesignToken<string>;
+export declare const sectionBackgroundColor: CSSDesignToken<string>;
+export declare const dividerBackgroundColor: CSSDesignToken<string>;
+export declare const fillSelectedColor: CSSDesignToken<string>;
+export declare const fillSelectedRgbPartialColor: CSSDesignToken<string>;
+export declare const fillHoverSelectedColor: CSSDesignToken<string>;
+export declare const fillHoverColor: CSSDesignToken<string>;
+export declare const fillDownColor: CSSDesignToken<string>;
+export declare const borderColor: CSSDesignToken<string>;
+export declare const borderRgbPartialColor: CSSDesignToken<string>;
+export declare const failColor: CSSDesignToken<string>;
+export declare const warningColor: CSSDesignToken<string>;
+export declare const passColor: CSSDesignToken<string>;
+export declare const informationColor: CSSDesignToken<string>;
+export declare const borderHoverColor: CSSDesignToken<string>;
+export declare const iconColor: CSSDesignToken<string>;
+export declare const modalBackdropColor: CSSDesignToken<string>;
+export declare const popupBorderColor: CSSDesignToken<string>;
+export declare const graphGridlineColor: CSSDesignToken<string>;
+export declare const tooltipBackgroundColor: CSSDesignToken<string>;
+export declare const tableRowBorderColor: CSSDesignToken<string>;
+export declare const controlHeight: CSSDesignToken<string>;
+export declare const controlSlimHeight: CSSDesignToken<string>;
+export declare const smallPadding: CSSDesignToken<string>;
+export declare const standardPadding: CSSDesignToken<string>;
+export declare const labelHeight: CSSDesignToken<string>;
+export declare const borderWidth: CSSDesignToken<string>;
+export declare const iconSize: CSSDesignToken<string>;
+export declare const drawerWidth: CSSDesignToken<string>;
+export declare const bannerGapSize: CSSDesignToken<string>;
+export declare const spinnerSmallHeight: CSSDesignToken<string>;
+export declare const spinnerMediumHeight: CSSDesignToken<string>;
+export declare const spinnerLargeHeight: CSSDesignToken<string>;
+export declare const elevation1BoxShadow: CSSDesignToken<string>;
+export declare const elevation2BoxShadow: CSSDesignToken<string>;
+export declare const elevation3BoxShadow: CSSDesignToken<string>;
+export declare const headlineFont: CSSDesignToken<string>, headlineFontColor: CSSDesignToken<string>, headlineDisabledFontColor: CSSDesignToken<string>, headlineFontFamily: CSSDesignToken<string>, headlineFontWeight: CSSDesignToken<string>, headlineFontSize: CSSDesignToken<string>, headlineFontLineHeight: CSSDesignToken<string>, headlineFallbackFontFamily: CSSDesignToken<string>;
+export declare const headlinePlus1Font: CSSDesignToken<string>, headlinePlus1FontColor: CSSDesignToken<string>, headlinePlus1DisabledFontColor: CSSDesignToken<string>, headlinePlus1FontFamily: CSSDesignToken<string>, headlinePlus1FontWeight: CSSDesignToken<string>, headlinePlus1FontSize: CSSDesignToken<string>, headlinePlus1FontLineHeight: CSSDesignToken<string>, headlinePlus1FallbackFontFamily: CSSDesignToken<string>;
+export declare const titlePlus2Font: CSSDesignToken<string>, titlePlus2FontColor: CSSDesignToken<string>, titlePlus2DisabledFontColor: CSSDesignToken<string>, titlePlus2FontFamily: CSSDesignToken<string>, titlePlus2FontWeight: CSSDesignToken<string>, titlePlus2FontSize: CSSDesignToken<string>, titlePlus2FontLineHeight: CSSDesignToken<string>, titlePlus2FallbackFontFamily: CSSDesignToken<string>;
+export declare const titlePlus1Font: CSSDesignToken<string>, titlePlus1FontColor: CSSDesignToken<string>, titlePlus1DisabledFontColor: CSSDesignToken<string>, titlePlus1FontFamily: CSSDesignToken<string>, titlePlus1FontWeight: CSSDesignToken<string>, titlePlus1FontSize: CSSDesignToken<string>, titlePlus1FontLineHeight: CSSDesignToken<string>, titlePlus1FallbackFontFamily: CSSDesignToken<string>;
+export declare const titleFont: CSSDesignToken<string>, titleFontColor: CSSDesignToken<string>, titleDisabledFontColor: CSSDesignToken<string>, titleFontFamily: CSSDesignToken<string>, titleFontWeight: CSSDesignToken<string>, titleFontSize: CSSDesignToken<string>, titleFontLineHeight: CSSDesignToken<string>, titleFallbackFontFamily: CSSDesignToken<string>;
+export declare const subtitlePlus1Font: CSSDesignToken<string>, subtitlePlus1FontColor: CSSDesignToken<string>, subtitlePlus1DisabledFontColor: CSSDesignToken<string>, subtitlePlus1FontFamily: CSSDesignToken<string>, subtitlePlus1FontWeight: CSSDesignToken<string>, subtitlePlus1FontSize: CSSDesignToken<string>, subtitlePlus1FontLineHeight: CSSDesignToken<string>, subtitlePlus1FallbackFontFamily: CSSDesignToken<string>;
+export declare const subtitleFont: CSSDesignToken<string>, subtitleFontColor: CSSDesignToken<string>, subtitleDisabledFontColor: CSSDesignToken<string>, subtitleFontFamily: CSSDesignToken<string>, subtitleFontWeight: CSSDesignToken<string>, subtitleFontSize: CSSDesignToken<string>, subtitleFontLineHeight: CSSDesignToken<string>, subtitleFallbackFontFamily: CSSDesignToken<string>;
+export declare const linkFont: CSSDesignToken<string>, linkFontColor: CSSDesignToken<string>, linkDisabledFontColor: CSSDesignToken<string>, linkFontFamily: CSSDesignToken<string>, linkFontWeight: CSSDesignToken<string>, linkFontSize: CSSDesignToken<string>, linkFontLineHeight: CSSDesignToken<string>, linkFallbackFontFamily: CSSDesignToken<string>;
+export declare const linkActiveFont: CSSDesignToken<string>, linkActiveFontColor: CSSDesignToken<string>, linkActiveDisabledFontColor: CSSDesignToken<string>, linkActiveFontFamily: CSSDesignToken<string>, linkActiveFontWeight: CSSDesignToken<string>, linkActiveFontSize: CSSDesignToken<string>, linkActiveFontLineHeight: CSSDesignToken<string>, linkActiveFallbackFontFamily: CSSDesignToken<string>;
+export declare const linkProminentFont: CSSDesignToken<string>, linkProminentFontColor: CSSDesignToken<string>, linkProminentDisabledFontColor: CSSDesignToken<string>, linkProminentFontFamily: CSSDesignToken<string>, linkProminentFontWeight: CSSDesignToken<string>, linkProminentFontSize: CSSDesignToken<string>, linkProminentFontLineHeight: CSSDesignToken<string>, linkProminentFallbackFontFamily: CSSDesignToken<string>;
+export declare const linkActiveProminentFont: CSSDesignToken<string>, linkActiveProminentFontColor: CSSDesignToken<string>, linkActiveProminentDisabledFontColor: CSSDesignToken<string>, linkActiveProminentFontFamily: CSSDesignToken<string>, linkActiveProminentFontWeight: CSSDesignToken<string>, linkActiveProminentFontSize: CSSDesignToken<string>, linkActiveProminentFontLineHeight: CSSDesignToken<string>, linkActiveProminentFallbackFontFamily: CSSDesignToken<string>;
+export declare const placeholderFont: CSSDesignToken<string>, placeholderFontColor: CSSDesignToken<string>, placeholderDisabledFontColor: CSSDesignToken<string>, placeholderFontFamily: CSSDesignToken<string>, placeholderFontWeight: CSSDesignToken<string>, placeholderFontSize: CSSDesignToken<string>, placeholderFontLineHeight: CSSDesignToken<string>, placeholderFallbackFontFamily: CSSDesignToken<string>;
+export declare const bodyEmphasizedFont: CSSDesignToken<string>, bodyEmphasizedFontColor: CSSDesignToken<string>, bodyEmphasizedDisabledFontColor: CSSDesignToken<string>, bodyEmphasizedFontFamily: CSSDesignToken<string>, bodyEmphasizedFontWeight: CSSDesignToken<string>, bodyEmphasizedFontSize: CSSDesignToken<string>, bodyEmphasizedFontLineHeight: CSSDesignToken<string>, bodyEmphasizedFallbackFontFamily: CSSDesignToken<string>;
+export declare const bodyFont: CSSDesignToken<string>, bodyFontColor: CSSDesignToken<string>, bodyDisabledFontColor: CSSDesignToken<string>, bodyFontFamily: CSSDesignToken<string>, bodyFontWeight: CSSDesignToken<string>, bodyFontSize: CSSDesignToken<string>, bodyFontLineHeight: CSSDesignToken<string>, bodyFallbackFontFamily: CSSDesignToken<string>;
+export declare const groupHeaderFont: CSSDesignToken<string>, groupHeaderFontColor: CSSDesignToken<string>, groupHeaderDisabledFontColor: CSSDesignToken<string>, groupHeaderFontFamily: CSSDesignToken<string>, groupHeaderFontWeight: CSSDesignToken<string>, groupHeaderFontSize: CSSDesignToken<string>, groupHeaderFontLineHeight: CSSDesignToken<string>, groupHeaderFallbackFontFamily: CSSDesignToken<string>;
+export declare const controlLabelFont: CSSDesignToken<string>, controlLabelFontColor: CSSDesignToken<string>, controlLabelDisabledFontColor: CSSDesignToken<string>, controlLabelFontFamily: CSSDesignToken<string>, controlLabelFontWeight: CSSDesignToken<string>, controlLabelFontSize: CSSDesignToken<string>, controlLabelFontLineHeight: CSSDesignToken<string>, controlLabelFallbackFontFamily: CSSDesignToken<string>;
+export declare const buttonLabelFont: CSSDesignToken<string>, buttonLabelFontColor: CSSDesignToken<string>, buttonLabelDisabledFontColor: CSSDesignToken<string>, buttonLabelFontFamily: CSSDesignToken<string>, buttonLabelFontWeight: CSSDesignToken<string>, buttonLabelFontSize: CSSDesignToken<string>, buttonLabelFontLineHeight: CSSDesignToken<string>, buttonLabelFallbackFontFamily: CSSDesignToken<string>;
+export declare const tooltipCaptionFont: CSSDesignToken<string>, tooltipCaptionFontColor: CSSDesignToken<string>, tooltipCaptionDisabledFontColor: CSSDesignToken<string>, tooltipCaptionFontFamily: CSSDesignToken<string>, tooltipCaptionFontWeight: CSSDesignToken<string>, tooltipCaptionFontSize: CSSDesignToken<string>, tooltipCaptionFontLineHeight: CSSDesignToken<string>, tooltipCaptionFallbackFontFamily: CSSDesignToken<string>;
+export declare const errorTextFont: CSSDesignToken<string>, errorTextFontColor: CSSDesignToken<string>, errorTextDisabledFontColor: CSSDesignToken<string>, errorTextFontFamily: CSSDesignToken<string>, errorTextFontWeight: CSSDesignToken<string>, errorTextFontSize: CSSDesignToken<string>, errorTextFontLineHeight: CSSDesignToken<string>, errorTextFallbackFontFamily: CSSDesignToken<string>;
+export declare const tableHeaderFont: CSSDesignToken<string>, tableHeaderFontColor: CSSDesignToken<string>, tableHeaderDisabledFontColor: CSSDesignToken<string>, tableHeaderFontFamily: CSSDesignToken<string>, tableHeaderFontWeight: CSSDesignToken<string>, tableHeaderFontSize: CSSDesignToken<string>, tableHeaderFontLineHeight: CSSDesignToken<string>, tableHeaderFallbackFontFamily: CSSDesignToken<string>;
+export declare const groupHeaderTextTransform: CSSDesignToken<string>;
+export declare const smallDelay: CSSDesignToken<string>;
+export declare const mediumDelay: CSSDesignToken<string>;
+export declare const largeDelay: CSSDesignToken<string>;

package/dist/esm/src/theme-provider/index.d.ts

@@ -0,0 +1,22 @@
+import { DesignToken, FoundationElement } from '@microsoft/fast-foundation';
+import { Direction } from '@microsoft/fast-web-utilities';
+import { Theme } from './types';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-theme-provider': ThemeProvider;
+    }
+}
+export declare const direction: DesignToken<Direction>;
+export declare const theme: DesignToken<Theme>;
+/**
+ * The ThemeProvider implementation. Add this component to the page and set its `theme` attribute to control
+ * the values of design tokens that provide colors and fonts as CSS custom properties to any descendant components.
+ * @internal
+ */
+export declare class ThemeProvider extends FoundationElement {
+    direction: Direction;
+    theme: Theme;
+    directionChanged(_prev: Direction | undefined, next: Direction | undefined): void;
+    themeChanged(_prev: Theme | undefined, next: Theme | undefined): void;
+}
+export declare const themeProviderTag: string;

package/dist/esm/src/theme-provider/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;

package/dist/esm/src/theme-provider/template.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeProvider } from '.';
+export declare const template: import("@microsoft/fast-element").ViewTemplate<ThemeProvider, any>;

package/dist/esm/src/theme-provider/types.d.ts

@@ -0,0 +1,6 @@
+export declare const Theme: {
+    readonly light: "light";
+    readonly dark: "dark";
+    readonly color: "color";
+};
+export declare type Theme = (typeof Theme)[keyof typeof Theme];

package/dist/esm/src/toggle-button/index.d.ts

@@ -0,0 +1,30 @@
+import { DelegatesARIAButton, StartEnd, Switch as FoundationSwitch } from '@microsoft/fast-foundation';
+import type { ButtonPattern } from '../patterns/button/types';
+import { ButtonAppearance } from './types';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-toggle-button': ToggleButton;
+    }
+}
+/**
+ * A nimble-styled toggle button control.
+ */
+export declare class ToggleButton extends FoundationSwitch implements ButtonPattern {
+    /**
+     * @public
+     * @remarks
+     * HTML Attribute: appearance
+     */
+    appearance: ButtonAppearance;
+    /**
+     * @public
+     * @remarks
+     * HTML Attribute: content-hidden
+     */
+    contentHidden: boolean;
+    /** @internal */
+    readonly control: HTMLElement;
+}
+export interface ToggleButton extends StartEnd, DelegatesARIAButton {
+}
+export declare const toggleButtonTag: string;

package/dist/esm/src/toggle-button/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;

package/dist/esm/src/toggle-button/template.d.ts

@@ -0,0 +1,4 @@
+import { ViewTemplate } from '@microsoft/fast-element';
+import { FoundationElementTemplate, ButtonOptions } from '@microsoft/fast-foundation';
+import type { ToggleButton } from '.';
+export declare const template: FoundationElementTemplate<ViewTemplate<ToggleButton>, ButtonOptions>;

package/dist/esm/src/toggle-button/types.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Types of toggle button appearance.
+ * @public
+ */
+export { ButtonAppearance } from '../patterns/button/types';

package/dist/esm/src/toolbar/index.d.ts

@@ -0,0 +1,12 @@
+import { Toolbar as FoundationToolbar } from '@microsoft/fast-foundation';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-toolbar': Toolbar;
+    }
+}
+/**
+ * A nimble-styled Toolbar
+ */
+export declare class Toolbar extends FoundationToolbar {
+}
+export declare const toolbarTag: string;

package/dist/esm/src/toolbar/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;

package/dist/esm/src/tooltip/index.d.ts

@@ -0,0 +1,20 @@
+import { Tooltip as FoundationTooltip } from '@microsoft/fast-foundation';
+import type { TooltipSeverity } from './types';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-tooltip': Tooltip;
+    }
+}
+/**
+ * A nimble-styled tooltip control.
+ */
+export declare class Tooltip extends FoundationTooltip {
+    /**
+     * @public
+     * @remarks
+     * HTML Attribute: severity
+     */
+    severity: TooltipSeverity;
+    iconVisible: boolean;
+}
+export declare const tooltipTag: string;

package/dist/esm/src/tooltip/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;

package/dist/esm/src/tooltip/template.d.ts

@@ -0,0 +1,2 @@
+import type { Tooltip } from '.';
+export declare const template: import("@microsoft/fast-element").ViewTemplate<Tooltip, any>;

package/dist/esm/src/tooltip/types.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Types of tooltip appearance.
+ * @public
+ */
+export declare const TooltipSeverity: {
+    readonly default: undefined;
+    readonly error: "error";
+    readonly information: "information";
+};
+export declare type TooltipSeverity = (typeof TooltipSeverity)[keyof typeof TooltipSeverity];

package/dist/esm/src/tree-item/index.d.ts

@@ -0,0 +1,23 @@
+import { TreeItem as FoundationTreeItem } from '@microsoft/fast-foundation';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-tree-item': TreeItem;
+    }
+}
+/**
+ * A function that returns a nimble-tree-item registration for configuring the component with a DesignSystem.
+ * Implements {@link @microsoft/fast-foundation#treeItemTemplate}
+ *
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: \<nimble-tree-item\>
+ *
+ */
+export declare class TreeItem extends FoundationTreeItem {
+    /**
+     * @internal
+     */
+    groupSelected: boolean;
+}
+export declare const treeItemTag: string;

package/dist/esm/src/tree-item/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;

package/dist/esm/src/tree-view/index.d.ts

@@ -0,0 +1,29 @@
+import { TreeView as FoundationTreeView } from '@microsoft/fast-foundation';
+import { TreeViewSelectionMode } from './types';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-tree-view': TreeView;
+    }
+}
+/**
+ * A function that returns a nimble-tree-view registration for configuring the component with a DesignSystem.
+ * Implements {@link @microsoft/fast-foundation#treeViewTemplate}
+ *
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: \<nimble-tree-view\>
+ *
+ */
+export declare class TreeView extends FoundationTreeView {
+    selectionMode: TreeViewSelectionMode;
+    /**
+     * @internal
+     */
+    selectedItems: Element[];
+    handleClick(e: Event): boolean;
+    private canSelect;
+    private itemHasChildren;
+    private selectedItemsChanged;
+}
+export declare const treeViewTag: string;

package/dist/esm/src/tree-view/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;

package/dist/esm/src/tree-view/template.d.ts

@@ -0,0 +1,2 @@
+import type { TreeView } from '.';
+export declare const template: import("@microsoft/fast-element").ViewTemplate<TreeView, any>;

package/dist/esm/src/tree-view/types.d.ts

@@ -0,0 +1,8 @@
+export declare const pinnedSelectedAttribute = "pinned-selected";
+export declare const groupSelectedAttribute = "group-selected";
+export declare const TreeViewSelectionMode: {
+    readonly all: "all";
+    readonly leavesOnly: "leaves-only";
+    readonly none: "none";
+};
+export declare type TreeViewSelectionMode = (typeof TreeViewSelectionMode)[keyof typeof TreeViewSelectionMode];

package/dist/esm/src/utilities/models/tracker.d.ts

@@ -0,0 +1,21 @@
+declare type ObjectFromList<T extends readonly string[]> = {
+    [K in T extends readonly (infer U)[] ? U : never]: boolean;
+};
+/**
+ * Generic Tracker which sets or resets provided flags
+ */
+export declare class Tracker<TrackedItemsList extends readonly string[]> {
+    private trackedItems;
+    constructor(trackedItemsList: TrackedItemsList);
+    getTrackedItems(): ObjectFromList<TrackedItemsList>;
+    isTracked(key: keyof ObjectFromList<TrackedItemsList>): boolean;
+    track(key: keyof ObjectFromList<TrackedItemsList>): void;
+    untrack(key: keyof ObjectFromList<TrackedItemsList>): void;
+    trackAll(): void;
+    untrackAll(): void;
+    allTracked(): boolean;
+    anyTracked(): boolean;
+    noneTracked(): boolean;
+    private setAllKeys;
+}
+export {};

package/dist/esm/src/utilities/models/update-tracker.d.ts

@@ -0,0 +1,7 @@
+import { Tracker } from './tracker';
+/**
+ * Generic Update Tracker Utility which extends Tracker Utility with update logic
+ */
+export declare abstract class UpdateTracker<TrackedProperties extends readonly string[]> extends Tracker<TrackedProperties> {
+    protected abstract queueUpdate(): void;
+}