## API Report File for "@microsoft/fast-components"

> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).

```ts

import { Anchor } from '@microsoft/fast-foundation';
import { Badge } from '@microsoft/fast-foundation';
import { BaseProgress } from '@microsoft/fast-foundation';
import { Button } from '@microsoft/fast-foundation';
import { Card } from '@microsoft/fast-foundation';
import { Checkbox } from '@microsoft/fast-foundation';
import { DesignSystemProvider } from '@microsoft/fast-foundation';
import { Dialog } from '@microsoft/fast-foundation';
import { Divider } from '@microsoft/fast-foundation';
import { Flipper } from '@microsoft/fast-foundation';
import { Menu } from '@microsoft/fast-foundation';
import { MenuItem } from '@microsoft/fast-foundation';
import { Radio } from '@microsoft/fast-foundation';
import { RadioGroup } from '@microsoft/fast-foundation';
import { Slider } from '@microsoft/fast-foundation';
import { SliderLabel } from '@microsoft/fast-foundation';
import { Switch } from '@microsoft/fast-foundation';
import { Tab } from '@microsoft/fast-foundation';
import { TabPanel } from '@microsoft/fast-foundation';
import { Tabs } from '@microsoft/fast-foundation';
import { TextArea } from '@microsoft/fast-foundation';
import { TextField } from '@microsoft/fast-foundation';

// Warning: (ae-forgotten-export) The symbol "SwatchFamilyResolver" needs to be exported by the entry point index.d.ts
// Warning: (ae-forgotten-export) The symbol "FillSwatchFamily" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export const accentFill: SwatchFamilyResolver<FillSwatchFamily>;

// Warning: (ae-forgotten-export) The symbol "SwatchRecipe" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export const accentFillActive: SwatchRecipe;

// @public (undocumented)
export const accentFillActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentFillFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentFillHover: SwatchRecipe;

// @public (undocumented)
export const accentFillHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentFillLarge: SwatchFamilyResolver<FillSwatchFamily>;

// @public (undocumented)
export const accentFillLargeActive: SwatchRecipe;

// @public (undocumented)
export const accentFillLargeActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentFillLargeFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentFillLargeHover: SwatchRecipe;

// @public (undocumented)
export const accentFillLargeHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentFillLargeRest: SwatchRecipe;

// @public (undocumented)
export const accentFillLargeRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentFillLargeSelected: SwatchRecipe;

// @public (undocumented)
export const accentFillLargeSelectedBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentFillRest: SwatchRecipe;

// @public (undocumented)
export const accentFillRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentFillSelected: SwatchRecipe;

// @public (undocumented)
export const accentFillSelectedBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentForeground: SwatchFamilyResolver;

// @public (undocumented)
export const accentForegroundActive: SwatchRecipe;

// @public (undocumented)
export const accentForegroundActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public
export const accentForegroundCut: SwatchRecipe;

// @public
export const accentForegroundCutLarge: SwatchRecipe;

// @public (undocumented)
export const accentForegroundCutRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentForegroundFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentForegroundHover: SwatchRecipe;

// @public (undocumented)
export const accentForegroundHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentForegroundLarge: SwatchFamilyResolver;

// @public (undocumented)
export const accentForegroundLargeActive: SwatchRecipe;

// @public (undocumented)
export const accentForegroundLargeActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentForegroundLargeFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentForegroundLargeHover: SwatchRecipe;

// @public (undocumented)
export const accentForegroundLargeHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentForegroundLargeRest: SwatchRecipe;

// @public (undocumented)
export const accentForegroundLargeRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentForegroundRest: SwatchRecipe;

// @public (undocumented)
export const accentForegroundRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export function createColorPalette(baseColor: any): string[];

// @public (undocumented)
export class FASTAnchor extends Anchor {
}

// @public (undocumented)
export class FASTBadge extends Badge {
}

// @public (undocumented)
export class FASTButton extends Button {
}

// @public (undocumented)
export class FASTCard extends Card {
}

// @public (undocumented)
export class FASTCheckbox extends Checkbox {
}

// Warning: (ae-forgotten-export) The symbol "FASTDesignSystem" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export class FASTDesignSystemProvider extends DesignSystemProvider implements FASTDesignSystem {
    // (undocumented)
    accentBaseColor: string;
    // (undocumented)
    accentFillActiveDelta: number;
    // (undocumented)
    accentFillFocusDelta: number;
    // (undocumented)
    accentFillHoverDelta: number;
    // (undocumented)
    accentFillRestDelta: number;
    // (undocumented)
    accentFillSelectedDelta: number;
    // (undocumented)
    accentForegroundActiveDelta: number;
    // (undocumented)
    accentForegroundFocusDelta: number;
    // (undocumented)
    accentForegroundHoverDelta: number;
    // (undocumented)
    accentForegroundRestDelta: number;
    // (undocumented)
    accentPalette: string[];
    backgroundColor: string;
    // (undocumented)
    baseHeightMultiplier: number;
    // (undocumented)
    baseHorizontalSpacingMultiplier: number;
    // (undocumented)
    baseLayerLuminance: number;
    // (undocumented)
    cornerRadius: number;
    // (undocumented)
    density: 0;
    // (undocumented)
    designUnit: number;
    // (undocumented)
    disabledOpacity: number;
    // (undocumented)
    focusOutlineWidth: number;
    // (undocumented)
    neutralDividerRestDelta: number;
    // (undocumented)
    neutralFillActiveDelta: number;
    // (undocumented)
    neutralFillCardDelta: number;
    // (undocumented)
    neutralFillFocusDelta: number;
    // (undocumented)
    neutralFillHoverDelta: number;
    // (undocumented)
    neutralFillInputActiveDelta: number;
    // (undocumented)
    neutralFillInputFocusDelta: number;
    // (undocumented)
    neutralFillInputHoverDelta: number;
    // (undocumented)
    neutralFillInputRestDelta: number;
    // (undocumented)
    neutralFillInputSelectedDelta: number;
    // (undocumented)
    neutralFillRestDelta: number;
    // (undocumented)
    neutralFillSelectedDelta: number;
    // (undocumented)
    neutralFillStealthActiveDelta: number;
    // (undocumented)
    neutralFillStealthFocusDelta: number;
    // (undocumented)
    neutralFillStealthHoverDelta: number;
    // (undocumented)
    neutralFillStealthRestDelta: number;
    // (undocumented)
    neutralFillStealthSelectedDelta: number;
    // (undocumented)
    neutralFillToggleActiveDelta: number;
    // (undocumented)
    neutralFillToggleFocusDelta: number;
    // (undocumented)
    neutralFillToggleHoverDelta: number;
    // (undocumented)
    neutralForegroundActiveDelta: number;
    // (undocumented)
    neutralForegroundFocusDelta: number;
    // (undocumented)
    neutralForegroundHoverDelta: number;
    // (undocumented)
    neutralOutlineActiveDelta: number;
    // (undocumented)
    neutralOutlineFocusDelta: number;
    // (undocumented)
    neutralOutlineHoverDelta: number;
    // (undocumented)
    neutralOutlineRestDelta: number;
    // (undocumented)
    neutralPalette: string[];
    // (undocumented)
    outlineWidth: number;
    // (undocumented)
    typeRampBaseFontSize: string;
    // (undocumented)
    typeRampBaseLineHeight: string;
    // (undocumented)
    typeRampMinus1FontSize: string;
    // (undocumented)
    typeRampMinus1LineHeight: string;
    // (undocumented)
    typeRampMinus2FontSize: string;
    // (undocumented)
    typeRampMinus2LineHeight: string;
    // (undocumented)
    typeRampPlus1FontSize: string;
    // (undocumented)
    typeRampPlus1LineHeight: string;
    // (undocumented)
    typeRampPlus2FontSize: string;
    // (undocumented)
    typeRampPlus2LineHeight: string;
    // (undocumented)
    typeRampPlus3FontSize: string;
    // (undocumented)
    typeRampPlus3LineHeight: string;
    // (undocumented)
    typeRampPlus4FontSize: string;
    // (undocumented)
    typeRampPlus4LineHeight: string;
    // (undocumented)
    typeRampPlus5FontSize: string;
    // (undocumented)
    typeRampPlus5LineHeight: string;
    // (undocumented)
    typeRampPlus6FontSize: string;
    // (undocumented)
    typeRampPlus6LineHeight: string;
}

// @public (undocumented)
export class FASTDialog extends Dialog {
}

// @public (undocumented)
export class FASTDivider extends Divider {
}

// @public (undocumented)
export class FASTFlipper extends Flipper {
}

// @public (undocumented)
export class FASTMenu extends Menu {
}

// @public (undocumented)
export class FASTMenuItem extends MenuItem {
}

// @public (undocumented)
export class FASTProgress extends BaseProgress {
}

// @public (undocumented)
export class FASTProgressRing extends BaseProgress {
}

// @public (undocumented)
export class FASTRadio extends Radio {
}

// @public (undocumented)
export class FASTRadioGroup extends RadioGroup {
}

// @public (undocumented)
export class FASTSlider extends Slider {
}

// @public (undocumented)
export class FASTSliderLabel extends SliderLabel {
}

// @public (undocumented)
export class FASTSwitch extends Switch {
}

// @public (undocumented)
export class FASTTab extends Tab {
}

// @public (undocumented)
export class FASTTabPanel extends TabPanel {
}

// @public (undocumented)
export class FASTTabs extends Tabs {
}

// @public (undocumented)
export class FASTTextArea extends TextArea {
}

// @public (undocumented)
export class FASTTextField extends TextField {
}

// @public
export function isDarkMode(designSystem: FASTDesignSystem): boolean;

// @public (undocumented)
export const neutralDividerRest: SwatchRecipe;

// @public (undocumented)
export const neutralDividerRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// Warning: (ae-forgotten-export) The symbol "ColorRecipe" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export const neutralFill: ColorRecipe<FillSwatchFamily>;

// @public (undocumented)
export const neutralFillActive: SwatchRecipe;

// @public (undocumented)
export const neutralFillActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// Warning: (ae-forgotten-export) The symbol "Swatch" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export function neutralFillCard(designSystem: FASTDesignSystem): Swatch;

// Warning: (ae-forgotten-export) The symbol "SwatchResolver" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export function neutralFillCard(backgroundResolver: SwatchResolver): SwatchResolver;

// @public (undocumented)
export const neutralFillCardRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillHover: SwatchRecipe;

// @public (undocumented)
export const neutralFillHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillInput: ColorRecipe<FillSwatchFamily>;

// @public (undocumented)
export const neutralFillInputActive: SwatchRecipe;

// @public (undocumented)
export const neutralFillInputActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillInputFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillInputHover: SwatchRecipe;

// @public (undocumented)
export const neutralFillInputHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillInputRest: SwatchRecipe;

// @public (undocumented)
export const neutralFillInputRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillInputSelected: SwatchRecipe;

// @public (undocumented)
export const neutralFillRest: SwatchRecipe;

// @public (undocumented)
export const neutralFillRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillSelected: SwatchRecipe;

// @public (undocumented)
export const neutralFillSelectedBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillStealth: ColorRecipe<FillSwatchFamily>;

// @public (undocumented)
export const neutralFillStealthActive: ColorRecipe<Swatch>;

// @public (undocumented)
export const neutralFillStealthActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillStealthFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillStealthHover: ColorRecipe<Swatch>;

// @public (undocumented)
export const neutralFillStealthHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillStealthRest: ColorRecipe<Swatch>;

// @public (undocumented)
export const neutralFillStealthRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillStealthSelected: ColorRecipe<Swatch>;

// @public (undocumented)
export const neutralFillStealthSelectedBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillToggle: SwatchFamilyResolver;

// @public (undocumented)
export const neutralFillToggleActive: SwatchRecipe;

// @public (undocumented)
export const neutralFillToggleActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillToggleFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillToggleHover: SwatchRecipe;

// @public (undocumented)
export const neutralFillToggleHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillToggleRest: SwatchRecipe;

// @public (undocumented)
export const neutralFillToggleRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFocus: ColorRecipe<Swatch>;

// @public (undocumented)
export const neutralFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// Warning: (ae-forgotten-export) The symbol "DesignSystemResolver" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export function neutralFocusInnerAccent(accentFillColor: DesignSystemResolver<string>): DesignSystemResolver<string>;

// @public (undocumented)
export const neutralFocusInnerAccentBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralForeground: SwatchFamilyResolver;

// @public (undocumented)
export const neutralForegroundActive: SwatchRecipe;

// @public (undocumented)
export const neutralForegroundActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralForegroundFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public
export const neutralForegroundHint: SwatchRecipe;

// @public (undocumented)
export const neutralForegroundHintBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public
export const neutralForegroundHintLarge: SwatchRecipe;

// @public (undocumented)
export const neutralForegroundHintLargeBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralForegroundHover: SwatchRecipe;

// @public (undocumented)
export const neutralForegroundHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralForegroundRest: SwatchRecipe;

// @public (undocumented)
export const neutralForegroundRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public
export const neutralForegroundToggle: SwatchRecipe;

// @public (undocumented)
export const neutralForegroundToggleBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public
export const neutralForegroundToggleLarge: SwatchRecipe;

// @public (undocumented)
export const neutralForegroundToggleLargeBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public
export const neutralLayerCard: ColorRecipe<Swatch>;

// @public (undocumented)
export const neutralLayerCardBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public
export const neutralLayerCardContainer: ColorRecipe<Swatch>;

// @public (undocumented)
export const neutralLayerCardContainerBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public
export const neutralLayerFloating: ColorRecipe<Swatch>;

// @public (undocumented)
export const neutralLayerFloatingBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public
export const neutralLayerL1: ColorRecipe<Swatch>;

// @public
export const neutralLayerL1Alt: ColorRecipe<Swatch>;

// @public (undocumented)
export const neutralLayerL1AltBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralLayerL1Behavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public
export const neutralLayerL2: ColorRecipe<Swatch>;

// @public (undocumented)
export const neutralLayerL2Behavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public
export const neutralLayerL3: ColorRecipe<Swatch>;

// @public (undocumented)
export const neutralLayerL3Behavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public
export const neutralLayerL4: ColorRecipe<Swatch>;

// @public (undocumented)
export const neutralLayerL4Behavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// Warning: (ae-forgotten-export) The symbol "SwatchFamily" needs to be exported by the entry point index.d.ts
//
// @public (undocumented)
export const neutralOutline: ColorRecipe<SwatchFamily>;

// @public (undocumented)
export const neutralOutlineActive: SwatchRecipe;

// @public (undocumented)
export const neutralOutlineActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralOutlineFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralOutlineHover: SwatchRecipe;

// @public (undocumented)
export const neutralOutlineHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralOutlineRest: SwatchRecipe;

// @public (undocumented)
export const neutralOutlineRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public
export type Palette = Swatch[];

// @public @deprecated
export function palette(paletteType: PaletteType): DesignSystemResolver<Palette>;

// @public @deprecated
export enum PaletteType {
    // (undocumented)
    accent = "accent",
    // (undocumented)
    neutral = "neutral"
}

// @public
export enum StandardLuminance {
    // (undocumented)
    DarkMode = 0.23,
    // (undocumented)
    LightMode = 1
}


// (No @packageDocumentation comment for this package)

```
