@fluentui/web-components 2.5.11 → 3.0.0-alpha.2

package/docs/api-report.md

@@ -4,1730 +4,1439 @@
 
 ```ts
 
-import { Accordion } from '@microsoft/fast-foundation';
-import { AccordionItem } from '@microsoft/fast-foundation';
-import { AccordionItemOptions } from '@microsoft/fast-foundation';
-import { Anchor as Anchor_2 } from '@microsoft/fast-foundation';
-import { AnchoredRegion } from '@microsoft/fast-foundation';
-import { Badge as Badge_2 } from '@microsoft/fast-foundation';
-import { BaseProgress } from '@microsoft/fast-foundation';
-import { Behavior } from '@microsoft/fast-element';
-import { Breadcrumb } from '@microsoft/fast-foundation';
-import { BreadcrumbItem } from '@microsoft/fast-foundation';
-import { BreadcrumbItemOptions } from '@microsoft/fast-foundation';
-import { Button as Button_2 } from '@microsoft/fast-foundation';
-import { CalendarOptions } from '@microsoft/fast-foundation';
-import { Card as Card_2 } from '@microsoft/fast-foundation';
-import { CheckboxOptions } from '@microsoft/fast-foundation';
-import { Combobox as Combobox_2 } from '@microsoft/fast-foundation';
-import { ComboboxOptions } from '@microsoft/fast-foundation';
-import { Constructable } from '@microsoft/fast-element';
-import type { Container } from '@microsoft/fast-foundation';
 import { CSSDesignToken } from '@microsoft/fast-foundation';
-import { CSSDirective } from '@microsoft/fast-element';
-import { DataGrid } from '@microsoft/fast-foundation';
-import { DataGridCell } from '@microsoft/fast-foundation';
-import { DataGridRow } from '@microsoft/fast-foundation';
-import { DesignSystem } from '@microsoft/fast-foundation';
-import { DesignToken } from '@microsoft/fast-foundation';
-import { Dialog } from '@microsoft/fast-foundation';
-import { Direction } from '@microsoft/fast-web-utilities';
-import { Divider } from '@microsoft/fast-foundation';
-import { ElementDefinitionContext } from '@microsoft/fast-foundation';
 import { ElementStyles } from '@microsoft/fast-element';
+import { ElementViewTemplate } from '@microsoft/fast-element';
 import { FASTElement } from '@microsoft/fast-element';
-import { Flipper } from '@microsoft/fast-foundation';
-import { FlipperOptions } from '@microsoft/fast-foundation';
-import { FoundationElement } from '@microsoft/fast-foundation';
-import { FoundationElementDefinition } from '@microsoft/fast-foundation';
-import { FoundationElementRegistry } from '@microsoft/fast-foundation';
-import { HorizontalScroll as HorizontalScroll_2 } from '@microsoft/fast-foundation';
-import { HorizontalScrollOptions } from '@microsoft/fast-foundation';
-import { Listbox as Listbox_2 } from '@microsoft/fast-foundation';
-import { ListboxOption } from '@microsoft/fast-foundation';
-import { Menu as Menu_2 } from '@microsoft/fast-foundation';
-import { MenuItem } from '@microsoft/fast-foundation';
-import { MenuItemOptions } from '@microsoft/fast-foundation';
-import { NumberField as NumberField_2 } from '@microsoft/fast-foundation';
-import { NumberFieldOptions } from '@microsoft/fast-foundation';
-import { OverrideFoundationElementDefinition } from '@microsoft/fast-foundation';
-import { ProgressOptions } from '@microsoft/fast-foundation';
-import { ProgressRingOptions } from '@microsoft/fast-foundation';
-import { Radio } from '@microsoft/fast-foundation';
-import { RadioGroup } from '@microsoft/fast-foundation';
-import { RadioOptions } from '@microsoft/fast-foundation';
-import { Search as Search_2 } from '@microsoft/fast-foundation';
-import { SearchOptions } from '@microsoft/fast-foundation';
-import { Select as Select_2 } from '@microsoft/fast-foundation';
-import { SelectOptions } from '@microsoft/fast-foundation';
-import { Skeleton } from '@microsoft/fast-foundation';
-import { Slider } from '@microsoft/fast-foundation';
-import { SliderLabel } from '@microsoft/fast-foundation';
-import { SliderOptions } from '@microsoft/fast-foundation';
-import { Switch } from '@microsoft/fast-foundation';
-import { SwitchOptions } from '@microsoft/fast-foundation';
-import { Tab } from '@microsoft/fast-foundation';
-import { TabPanel } from '@microsoft/fast-foundation';
-import { Tabs } from '@microsoft/fast-foundation';
-import { TextArea as TextArea_2 } from '@microsoft/fast-foundation';
-import { TextField as TextField_2 } from '@microsoft/fast-foundation';
-import { Toolbar as Toolbar_2 } from '@microsoft/fast-foundation';
-import { Tooltip as Tooltip_2 } from '@microsoft/fast-foundation';
-import { TreeItem } from '@microsoft/fast-foundation';
-import { TreeItemOptions } from '@microsoft/fast-foundation';
-import { TreeView } from '@microsoft/fast-foundation';
-import { ViewTemplate } from '@microsoft/fast-element';
-
-// @public (undocumented)
-export const accentBaseColor: CSSDesignToken<Swatch>;
-
-// Warning: (ae-internal-missing-underscore) The name "AccentButtonStyles" should be prefixed with an underscore because the declaration is marked as @internal
+import { FASTElementDefinition } from '@microsoft/fast-element';
+import { FASTProgress } from '@microsoft/fast-foundation';
+import { StartEnd } from '@microsoft/fast-foundation';
+import { StartEndOptions } from '@microsoft/fast-foundation';
+import { StaticallyComposableHTML } from '@microsoft/fast-foundation';
+import type { Theme } from '@fluentui/tokens';
+import { ValuesOf } from '@microsoft/fast-foundation';
+
+// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "Badge" because one of its declarations is marked as @internal
 //
-// @internal (undocumented)
-export const AccentButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => ElementStyles;
-
-// @public (undocumented)
-export const accentFillActive: CSSDesignToken<Swatch>;
+// @public
+export class Badge extends FASTElement {
+    appearance: BadgeAppearance;
+    color: BadgeColor;
+    shape: BadgeShape;
+    size: BadgeSize;
+}
 
-// @public (undocumented)
-export const accentFillActiveDelta: DesignToken<number>;
+// @internal
+export interface Badge extends StartEnd {
+}
 
-// @public (undocumented)
-export const accentFillFocus: CSSDesignToken<Swatch>;
+// @public
+export const BadgeAppearance: {
+    readonly filled: "filled";
+    readonly ghost: "ghost";
+    readonly outline: "outline";
+    readonly tint: "tint";
+};
 
-// @public (undocumented)
-export const accentFillFocusDelta: DesignToken<number>;
+// @public
+export type BadgeAppearance = ValuesOf<typeof BadgeAppearance>;
 
-// @public (undocumented)
-export const accentFillHover: CSSDesignToken<Swatch>;
+// @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 (undocumented)
-export const accentFillHoverDelta: DesignToken<number>;
+// @public
+export type BadgeColor = ValuesOf<typeof BadgeColor>;
 
-// @public (undocumented)
-export const accentFillRecipe: DesignToken<InteractiveColorRecipe>;
+// @public
+export const BadgeDefinition: FASTElementDefinition<typeof Badge>;
 
-// @public (undocumented)
-export const accentFillRest: CSSDesignToken<Swatch>;
+// Warning: (ae-internal-missing-underscore) The name "BadgeOptions" should be prefixed with an underscore because the declaration is marked as @internal
+//
+// @internal
+export type BadgeOptions = StartEndOptions<Badge> & {
+    defaultContent?: StaticallyComposableHTML;
+};
 
-// @public (undocumented)
-export const accentFillRestDelta: DesignToken<number>;
+// @public
+export const BadgeShape: {
+    readonly circular: "circular";
+    readonly rounded: "rounded";
+    readonly square: "square";
+};
 
-// @public (undocumented)
-export const accentForegroundActive: CSSDesignToken<Swatch>;
+// @public
+export type BadgeShape = ValuesOf<typeof BadgeShape>;
 
-// @public (undocumented)
-export const accentForegroundActiveDelta: DesignToken<number>;
+// @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 @deprecated (undocumented)
-export const accentForegroundCut: CSSDesignToken<Swatch>;
+// @public
+export type BadgeSize = ValuesOf<typeof BadgeSize>;
 
-// @public @deprecated (undocumented)
-export const accentForegroundCutLarge: CSSDesignToken<Swatch>;
+// @public
+export const BadgeStyles: ElementStyles;
 
 // @public (undocumented)
-export const accentForegroundFocus: CSSDesignToken<Swatch>;
+export const BadgeTemplate: ElementViewTemplate<Badge>;
 
 // @public (undocumented)
-export const accentForegroundFocusDelta: DesignToken<number>;
+export const borderRadiusCircular: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const accentForegroundHover: CSSDesignToken<Swatch>;
+export const borderRadiusLarge: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const accentForegroundHoverDelta: DesignToken<number>;
+export const borderRadiusMedium: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const accentForegroundRecipe: DesignToken<InteractiveColorRecipe>;
+export const borderRadiusNone: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const accentForegroundRest: CSSDesignToken<Swatch>;
+export const borderRadiusSmall: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const accentForegroundRestDelta: DesignToken<number>;
+export const borderRadiusXLarge: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const accentPalette: DesignToken<Palette<Swatch>>;
+export const colorBackgroundOverlay: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const accentStrokeControlActive: CSSDesignToken<Swatch>;
+export const colorBrandBackground: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const accentStrokeControlFocus: CSSDesignToken<Swatch>;
+export const colorBrandBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const accentStrokeControlHover: CSSDesignToken<Swatch>;
+export const colorBrandBackgroundHover: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const accentStrokeControlRecipe: DesignToken<InteractiveColorRecipe>;
+export const colorBrandBackgroundInverted: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const accentStrokeControlRest: CSSDesignToken<Swatch>;
-
-export { Accordion }
-
-export { AccordionItem }
-
-// @public
-export const accordionItemStyles: (context: ElementDefinitionContext, definition: AccordionItemOptions) => ElementStyles;
-
-// @public
-export const accordionStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
-
-// @public
-export const allComponents: {
-    fluentAccordion: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Accordion>;
-    fluentAccordionItem: (overrideDefinition?: OverrideFoundationElementDefinition<AccordionItemOptions> | undefined) => FoundationElementRegistry<AccordionItemOptions, Constructable<FoundationElement>>;
-    fluentAnchor: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Anchor>;
-    fluentAnchoredRegion: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof AnchoredRegion>;
-    fluentBadge: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Badge>;
-    fluentBreadcrumb: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Breadcrumb>;
-    fluentBreadcrumbItem: (overrideDefinition?: OverrideFoundationElementDefinition<BreadcrumbItemOptions> | undefined) => FoundationElementRegistry<BreadcrumbItemOptions, Constructable<FoundationElement>>;
-    fluentButton: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Button>;
-    fluentCalendar: (overrideDefinition?: OverrideFoundationElementDefinition<CalendarOptions> | undefined) => FoundationElementRegistry<CalendarOptions, Constructable<FoundationElement>>;
-    fluentCard: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Card>;
-    fluentCheckbox: (overrideDefinition?: OverrideFoundationElementDefinition<CheckboxOptions> | undefined) => FoundationElementRegistry<CheckboxOptions, Constructable<FoundationElement>>;
-    fluentCombobox: (overrideDefinition?: OverrideFoundationElementDefinition<ComboboxOptions> | undefined) => FoundationElementRegistry<ComboboxOptions, Constructable<FoundationElement>>;
-    fluentDataGrid: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof DataGrid>;
-    fluentDataGridCell: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, DataGridCell>;
-    fluentDataGridRow: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, DataGridRow>;
-    fluentDesignSystemProvider: (overrideDefinition?: OverrideFoundationElementDefinition<    {
-    baseName: string;
-    template: ViewTemplate<any, any>;
-    styles: ElementStyles;
-    }> | undefined) => FoundationElementRegistry<    {
-    baseName: string;
-    template: ViewTemplate<any, any>;
-    styles: ElementStyles;
-    }, DesignSystemProvider>;
-    fluentDialog: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Dialog>;
-    fluentDivider: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Divider>;
-    fluentFlipper: (overrideDefinition?: OverrideFoundationElementDefinition<FlipperOptions> | undefined) => FoundationElementRegistry<FlipperOptions, Constructable<FoundationElement>>;
-    fluentHorizontalScroll: (overrideDefinition?: OverrideFoundationElementDefinition<HorizontalScrollOptions> | undefined) => FoundationElementRegistry<HorizontalScrollOptions, Constructable<FoundationElement>>;
-    fluentListbox: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Listbox>;
-    fluentOption: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof ListboxOption>;
-    fluentMenu: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Menu>;
-    fluentMenuItem: (overrideDefinition?: OverrideFoundationElementDefinition<MenuItemOptions> | undefined) => FoundationElementRegistry<MenuItemOptions, Constructable<FoundationElement>>;
-    fluentNumberField: (overrideDefinition?: OverrideFoundationElementDefinition<NumberFieldOptions> | undefined) => FoundationElementRegistry<NumberFieldOptions, Constructable<FoundationElement>>;
-    fluentProgress: (overrideDefinition?: OverrideFoundationElementDefinition<ProgressOptions> | undefined) => FoundationElementRegistry<ProgressOptions, Constructable<FoundationElement>>;
-    fluentProgressRing: (overrideDefinition?: OverrideFoundationElementDefinition<ProgressRingOptions> | undefined) => FoundationElementRegistry<ProgressRingOptions, Constructable<FoundationElement>>;
-    fluentRadio: (overrideDefinition?: OverrideFoundationElementDefinition<RadioOptions> | undefined) => FoundationElementRegistry<RadioOptions, Constructable<FoundationElement>>;
-    fluentRadioGroup: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof RadioGroup>;
-    fluentSearch: (overrideDefinition?: OverrideFoundationElementDefinition<SearchOptions> | undefined) => FoundationElementRegistry<SearchOptions, Constructable<FoundationElement>>;
-    fluentSelect: (overrideDefinition?: OverrideFoundationElementDefinition<SelectOptions> | undefined) => FoundationElementRegistry<SelectOptions, Constructable<FoundationElement>>;
-    fluentSkeleton: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Skeleton>;
-    fluentSlider: (overrideDefinition?: OverrideFoundationElementDefinition<SliderOptions> | undefined) => FoundationElementRegistry<SliderOptions, Constructable<FoundationElement>>;
-    fluentSliderLabel: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof SliderLabel>;
-    fluentSwitch: (overrideDefinition?: OverrideFoundationElementDefinition<SwitchOptions> | undefined) => FoundationElementRegistry<SwitchOptions, Constructable<FoundationElement>>;
-    fluentTabs: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Tabs>;
-    fluentTab: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Tab>;
-    fluentTabPanel: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, TabPanel>;
-    fluentTextArea: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, TextArea>;
-    fluentTextField: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, TextField>;
-    fluentToolbar: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Toolbar>;
-    fluentTooltip: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Tooltip>;
-    fluentTreeView: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof TreeView>;
-    fluentTreeItem: (overrideDefinition?: OverrideFoundationElementDefinition<TreeItemOptions> | undefined) => FoundationElementRegistry<TreeItemOptions, Constructable<FoundationElement>>;
-    register(container?: Container | undefined, ...rest: any[]): void;
-};
-
-// Warning: (ae-internal-missing-underscore) The name "ambientShadow" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal @deprecated
-export const ambientShadow = "0 0 2px rgba(0, 0, 0, 0.14)";
-
-// Warning: (ae-internal-missing-underscore) The name "Anchor" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal
-export class Anchor extends Anchor_2 {
-    // @public
-    appearance: AnchorAppearance;
-    // (undocumented)
-    appearanceChanged(oldValue: AnchorAppearance, newValue: AnchorAppearance): void;
-    // (undocumented)
-    connectedCallback(): void;
-    defaultSlottedContentChanged(): void;
-}
-
-// @public
-export type AnchorAppearance = ButtonAppearance | 'hypertext';
-
-export { AnchoredRegion }
-
-// @public
-export const anchoredRegionStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
-
-// @public
-export const anchorStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
-
-// Warning: (ae-internal-missing-underscore) The name "Badge" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal
-export class Badge extends Badge_2 {
-    // (undocumented)
-    appearance: BadgeAppearance;
-}
-
-// @public
-export type BadgeAppearance = 'accent' | 'lightweight' | 'neutral' | string;
-
-// @public
-export const badgeStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
-
-// Warning: (ae-internal-missing-underscore) The name "baseButtonStyles" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal
-export const baseButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => ElementStyles;
+export const colorBrandBackgroundInvertedHover: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const baseHeightMultiplier: CSSDesignToken<number>;
+export const colorBrandBackgroundInvertedPressed: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const baseHorizontalSpacingMultiplier: CSSDesignToken<number>;
-
-// Warning: (ae-internal-missing-underscore) The name "baseInputStyles" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal
-export const baseInputStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, logicalControlSelector: string) => ElementStyles;
+export const colorBrandBackgroundInvertedSelected: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const baseLayerLuminance: CSSDesignToken<number>;
+export const colorBrandBackgroundPressed: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const bodyFont: CSSDesignToken<string>;
-
-export { Breadcrumb }
-
-export { BreadcrumbItem }
-
-// @public
-export const breadcrumbItemStyles: (context: ElementDefinitionContext, definition: BreadcrumbItemOptions) => ElementStyles;
-
-// @public
-export const breadcrumbStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
-
-// Warning: (ae-internal-missing-underscore) The name "Button" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal
-export class Button extends Button_2 {
-    // @public
-    appearance: ButtonAppearance;
-    // (undocumented)
-    appearanceChanged(oldValue: ButtonAppearance, newValue: ButtonAppearance): void;
-    // (undocumented)
-    connectedCallback(): void;
-    defaultSlottedContentChanged(): void;
-}
-
-// @public
-export type ButtonAppearance = 'accent' | 'lightweight' | 'neutral' | 'outline' | 'stealth';
-
-// @public
-export const buttonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+export const colorBrandBackgroundSelected: CSSDesignToken<string>;
 
 // @public (undocumented)
-export class Card extends Card_2 {
-    cardFillColor: string;
-    // (undocumented)
-    connectedCallback(): void;
-    // @internal (undocumented)
-    handleChange(source: any, propertyName: string): void;
-    neutralPaletteSource: string;
-}
-
-// @public
-export const cardStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
-
-// @public
-export const checkboxStyles: (context: ElementDefinitionContext, definition: CheckboxOptions) => ElementStyles;
+export const colorBrandBackgroundStatic: CSSDesignToken<string>;
 
 // @public (undocumented)
-export interface ColorRecipe {
-    // (undocumented)
-    evaluate(element: HTMLElement, reference?: Swatch): Swatch;
-}
-
-// Warning: (ae-internal-missing-underscore) The name "Combobox" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal
-export class Combobox extends Combobox_2 {
-    // @public
-    appearance: ComboboxAppearance;
-    // (undocumented)
-    appearanceChanged(oldValue: ComboboxAppearance, newValue: ComboboxAppearance): void;
-    // (undocumented)
-    connectedCallback(): void;
-}
-
-// @public
-export type ComboboxAppearance = 'filled' | 'outline';
-
-// @public
-export const comboboxStyles: (context: ElementDefinitionContext, definition: ComboboxOptions) => ElementStyles;
+export const colorBrandForeground1: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const controlCornerRadius: CSSDesignToken<number>;
-
-// @public @deprecated (undocumented)
-export const cornerRadius: CSSDesignToken<number>;
-
-export { DataGrid }
-
-export { DataGridCell }
-
-// @public
-export const dataGridCellStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
-
-export { DataGridRow }
-
-// @public
-export const dataGridRowStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
-
-// @public
-export const dataGridStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+export const colorBrandForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const density: CSSDesignToken<number>;
-
-// @public
-export class DesignSystemProvider extends FoundationElement {
-    constructor();
-    accentBaseColor: Swatch;
-    accentFillActiveDelta: number;
-    accentFillFocusDelta: number;
-    accentFillHoverDelta: number;
-    accentFillRestDelta: number;
-    accentForegroundActiveDelta: number;
-    accentForegroundFocusDelta: number;
-    accentForegroundHoverDelta: number;
-    accentForegroundRestDelta: number;
-    baseHeightMultiplier: number;
-    baseHorizontalSpacingMultiplier: number;
-    baseLayerLuminance: number;
-    // (undocumented)
-    connectedCallback(): void;
-    controlCornerRadius: number;
-    density: number;
-    designUnit: number;
-    direction: Direction;
-    disabledOpacity: number;
-    fillColor: Swatch;
-    focusStrokeWidth: number;
-    layerCornerRadius: number;
-    neutralBaseColor: Swatch;
-    neutralFillActiveDelta: number;
-    neutralFillFocusDelta: number;
-    neutralFillHoverDelta: number;
-    neutralFillInputActiveDelta: number;
-    neutralFillInputFocusDelta: number;
-    neutralFillInputHoverDelta: number;
-    neutralFillInputRestDelta: number;
-    neutralFillLayerRestDelta: number;
-    neutralFillRestDelta: number;
-    neutralFillStealthActiveDelta: number;
-    neutralFillStealthFocusDelta: number;
-    neutralFillStealthHoverDelta: number;
-    neutralFillStealthRestDelta: number;
-    neutralFillStrongActiveDelta: number;
-    neutralFillStrongFocusDelta: number;
-    neutralFillStrongHoverDelta: number;
-    neutralStrokeActiveDelta: number;
-    neutralStrokeDividerRestDelta: number;
-    neutralStrokeFocusDelta: number;
-    neutralStrokeHoverDelta: number;
-    neutralStrokeRestDelta: number;
-    noPaint: boolean;
-    strokeWidth: number;
-    typeRampBaseFontSize: string;
-    typeRampBaseLineHeight: string;
-    typeRampMinus1FontSize: string;
-    typeRampMinus1LineHeight: string;
-    typeRampMinus2FontSize: string;
-    typeRampMinus2LineHeight: string;
-    typeRampPlus1FontSize: string;
-    typeRampPlus1LineHeight: string;
-    typeRampPlus2FontSize: string;
-    typeRampPlus2LineHeight: string;
-    typeRampPlus3FontSize: string;
-    typeRampPlus3LineHeight: string;
-    typeRampPlus4FontSize: string;
-    typeRampPlus4LineHeight: string;
-    typeRampPlus5FontSize: string;
-    typeRampPlus5LineHeight: string;
-    typeRampPlus6FontSize: string;
-    typeRampPlus6LineHeight: string;
-}
+export const colorBrandForegroundInverted: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const designUnit: CSSDesignToken<number>;
+export const colorBrandForegroundInvertedHover: CSSDesignToken<string>;
 
-export { Dialog }
+// @public (undocumented)
+export const colorBrandForegroundInvertedPressed: CSSDesignToken<string>;
 
-// @public
-export const dialogStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+// @public (undocumented)
+export const colorBrandForegroundLink: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const direction: CSSDesignToken<Direction>;
+export const colorBrandForegroundLinkHover: CSSDesignToken<string>;
 
-// Warning: (ae-internal-missing-underscore) The name "directionalShadow" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal @deprecated (undocumented)
-export const directionalShadow = "0 calc(var(--elevation) * 0.5px) calc((var(--elevation) * 1px)) rgba(0, 0, 0, 0.2)";
+// @public (undocumented)
+export const colorBrandForegroundLinkPressed: CSSDesignToken<string>;
 
-// @public
-export class DirectionalStyleSheetBehavior implements Behavior {
-    constructor(ltr: ElementStyles | null, rtl: ElementStyles | null);
-    // @internal (undocumented)
-    bind(source: FASTElement & HTMLElement): void;
-    // @internal (undocumented)
-    unbind(source: FASTElement & HTMLElement): void;
-}
+// @public (undocumented)
+export const colorBrandForegroundLinkSelected: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const disabledOpacity: CSSDesignToken<number>;
+export const colorBrandForegroundOnLight: CSSDesignToken<string>;
 
-export { Divider }
+// @public (undocumented)
+export const colorBrandForegroundOnLightHover: CSSDesignToken<string>;
 
-// @public
-export const dividerStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+// @public (undocumented)
+export const colorBrandForegroundOnLightPressed: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const elevatedCornerRadius: CSSDesignToken<number>;
+// @public (undocumented)
+export const colorBrandForegroundOnLightSelected: CSSDesignToken<string>;
 
-// @public @deprecated
-export const elevation: string;
+// @public (undocumented)
+export const colorBrandShadowAmbient: CSSDesignToken<string>;
 
 // @public (undocumented)
-export interface ElevationRecipe {
-    // (undocumented)
-    evaluate(element: HTMLElement, size: number, reference?: Swatch): string;
-}
+export const colorBrandShadowKey: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const elevationShadowCardActive: CSSDesignToken<string>;
+export const colorBrandStroke1: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const elevationShadowCardActiveSize: CSSDesignToken<number>;
+export const colorBrandStroke2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const elevationShadowCardFocus: CSSDesignToken<string>;
+export const colorCompoundBrandBackground: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const elevationShadowCardFocusSize: CSSDesignToken<number>;
+export const colorCompoundBrandBackgroundHover: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const elevationShadowCardHover: CSSDesignToken<string>;
+export const colorCompoundBrandBackgroundPressed: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const elevationShadowCardHoverSize: CSSDesignToken<number>;
+export const colorCompoundBrandForeground1: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const elevationShadowCardRest: CSSDesignToken<string>;
+export const colorCompoundBrandForeground1Hover: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const elevationShadowCardRestSize: CSSDesignToken<number>;
+export const colorCompoundBrandForeground1Pressed: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const elevationShadowDialog: CSSDesignToken<string>;
+export const colorCompoundBrandStroke: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const elevationShadowDialogSize: CSSDesignToken<number>;
+export const colorCompoundBrandStrokeHover: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const elevationShadowFlyout: CSSDesignToken<string>;
+export const colorCompoundBrandStrokePressed: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const elevationShadowFlyoutSize: CSSDesignToken<number>;
+export const colorNeutralBackground1: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const elevationShadowRecipe: DesignToken<ElevationRecipe>;
+export const colorNeutralBackground1Hover: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const elevationShadowTooltip: CSSDesignToken<string>;
+export const colorNeutralBackground1Pressed: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const elevationShadowTooltipSize: CSSDesignToken<number>;
+export const colorNeutralBackground1Selected: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const fillColor: CSSDesignToken<Swatch>;
+export const colorNeutralBackground2: CSSDesignToken<string>;
 
-export { Flipper }
+// @public (undocumented)
+export const colorNeutralBackground2Hover: CSSDesignToken<string>;
 
-// @public
-export const flipperStyles: (context: ElementDefinitionContext, definition: FlipperOptions) => ElementStyles;
+// @public (undocumented)
+export const colorNeutralBackground2Pressed: CSSDesignToken<string>;
 
-// @public
-export const fluentAccordion: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Accordion>;
+// @public (undocumented)
+export const colorNeutralBackground2Selected: CSSDesignToken<string>;
 
-// @public
-export const fluentAccordionItem: (overrideDefinition?: OverrideFoundationElementDefinition<AccordionItemOptions> | undefined) => FoundationElementRegistry<AccordionItemOptions, Constructable<FoundationElement>>;
+// @public (undocumented)
+export const colorNeutralBackground3: CSSDesignToken<string>;
 
-// Warning: (ae-incompatible-release-tags) The symbol "fluentAnchor" is marked as @public, but its signature references "Anchor" which is marked as @internal
-//
-// @public
-export const fluentAnchor: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Anchor>;
+// @public (undocumented)
+export const colorNeutralBackground3Hover: CSSDesignToken<string>;
 
-// @beta
-export const fluentAnchoredRegion: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof AnchoredRegion>;
+// @public (undocumented)
+export const colorNeutralBackground3Pressed: CSSDesignToken<string>;
 
-// Warning: (ae-incompatible-release-tags) The symbol "fluentBadge" is marked as @public, but its signature references "Badge" which is marked as @internal
-//
-// @public
-export const fluentBadge: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Badge>;
+// @public (undocumented)
+export const colorNeutralBackground3Selected: CSSDesignToken<string>;
 
-// @public
-export const fluentBreadcrumb: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Breadcrumb>;
+// @public (undocumented)
+export const colorNeutralBackground4: CSSDesignToken<string>;
 
-// @public
-export const fluentBreadcrumbItem: (overrideDefinition?: OverrideFoundationElementDefinition<BreadcrumbItemOptions> | undefined) => FoundationElementRegistry<BreadcrumbItemOptions, Constructable<FoundationElement>>;
+// @public (undocumented)
+export const colorNeutralBackground4Hover: CSSDesignToken<string>;
 
-// Warning: (ae-incompatible-release-tags) The symbol "fluentButton" is marked as @public, but its signature references "Button" which is marked as @internal
-//
-// @public
-export const fluentButton: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Button>;
+// @public (undocumented)
+export const colorNeutralBackground4Pressed: CSSDesignToken<string>;
 
-// @public
-export const fluentCalendar: (overrideDefinition?: OverrideFoundationElementDefinition<CalendarOptions> | undefined) => FoundationElementRegistry<CalendarOptions, Constructable<FoundationElement>>;
+// @public (undocumented)
+export const colorNeutralBackground4Selected: CSSDesignToken<string>;
 
-// @public
-export const fluentCard: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Card>;
+// @public (undocumented)
+export const colorNeutralBackground5: CSSDesignToken<string>;
 
-// @public
-export const fluentCheckbox: (overrideDefinition?: OverrideFoundationElementDefinition<CheckboxOptions> | undefined) => FoundationElementRegistry<CheckboxOptions, Constructable<FoundationElement>>;
+// @public (undocumented)
+export const colorNeutralBackground5Hover: CSSDesignToken<string>;
 
-// @public
-export const fluentCombobox: (overrideDefinition?: OverrideFoundationElementDefinition<ComboboxOptions> | undefined) => FoundationElementRegistry<ComboboxOptions, Constructable<FoundationElement>>;
+// @public (undocumented)
+export const colorNeutralBackground5Pressed: CSSDesignToken<string>;
 
-// @public
-export const fluentDataGrid: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof DataGrid>;
+// @public (undocumented)
+export const colorNeutralBackground5Selected: CSSDesignToken<string>;
 
-// @public
-export const fluentDataGridCell: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof DataGridCell>;
+// @public (undocumented)
+export const colorNeutralBackground6: CSSDesignToken<string>;
 
-// @public
-export const fluentDataGridRow: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof DataGridRow>;
+// @public (undocumented)
+export const colorNeutralBackgroundDisabled: CSSDesignToken<string>;
 
-// @public
-export const fluentDesignSystemProvider: (overrideDefinition?: OverrideFoundationElementDefinition<    {
-baseName: string;
-template: ViewTemplate<any, any>;
-styles: ElementStyles;
-}> | undefined) => FoundationElementRegistry<    {
-baseName: string;
-template: ViewTemplate<any, any>;
-styles: ElementStyles;
-}, typeof DesignSystemProvider>;
+// @public (undocumented)
+export const colorNeutralBackgroundInverted: CSSDesignToken<string>;
 
-// @public
-export const fluentDialog: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Dialog>;
+// @public (undocumented)
+export const colorNeutralBackgroundInvertedDisabled: CSSDesignToken<string>;
 
-// @public
-export const fluentDivider: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Divider>;
+// @public (undocumented)
+export const colorNeutralBackgroundStatic: CSSDesignToken<string>;
 
-// @public
-export const fluentFlipper: (overrideDefinition?: OverrideFoundationElementDefinition<FlipperOptions> | undefined) => FoundationElementRegistry<FlipperOptions, Constructable<FoundationElement>>;
+// @public (undocumented)
+export const colorNeutralForeground1: CSSDesignToken<string>;
 
-// @public
-export const fluentHorizontalScroll: (overrideDefinition?: OverrideFoundationElementDefinition<HorizontalScrollOptions> | undefined) => FoundationElementRegistry<HorizontalScrollOptions, Constructable<FoundationElement>>;
+// @public (undocumented)
+export const colorNeutralForeground1Hover: CSSDesignToken<string>;
 
-// @public
-export const fluentListbox: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Listbox>;
+// @public (undocumented)
+export const colorNeutralForeground1Pressed: CSSDesignToken<string>;
 
-// @public
-export const fluentMenu: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Menu>;
+// @public (undocumented)
+export const colorNeutralForeground1Selected: CSSDesignToken<string>;
 
-// @public
-export const fluentMenuItem: (overrideDefinition?: OverrideFoundationElementDefinition<MenuItemOptions> | undefined) => FoundationElementRegistry<MenuItemOptions, Constructable<FoundationElement>>;
+// @public (undocumented)
+export const colorNeutralForeground1Static: CSSDesignToken<string>;
 
-// @public
-export const fluentNumberField: (overrideDefinition?: OverrideFoundationElementDefinition<NumberFieldOptions> | undefined) => FoundationElementRegistry<NumberFieldOptions, Constructable<FoundationElement>>;
+// @public (undocumented)
+export const colorNeutralForeground2: CSSDesignToken<string>;
 
-// @public
-export const fluentOption: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof ListboxOption>;
+// @public (undocumented)
+export const colorNeutralForeground2BrandHover: CSSDesignToken<string>;
 
-// @public
-export const fluentProgress: (overrideDefinition?: OverrideFoundationElementDefinition<ProgressOptions> | undefined) => FoundationElementRegistry<ProgressOptions, Constructable<FoundationElement>>;
+// @public (undocumented)
+export const colorNeutralForeground2BrandPressed: CSSDesignToken<string>;
 
-// @public
-export const fluentProgressRing: (overrideDefinition?: OverrideFoundationElementDefinition<ProgressRingOptions> | undefined) => FoundationElementRegistry<ProgressRingOptions, Constructable<FoundationElement>>;
+// @public (undocumented)
+export const colorNeutralForeground2BrandSelected: CSSDesignToken<string>;
 
-// @public
-export const fluentRadio: (overrideDefinition?: OverrideFoundationElementDefinition<RadioOptions> | undefined) => FoundationElementRegistry<RadioOptions, Constructable<FoundationElement>>;
+// @public (undocumented)
+export const colorNeutralForeground2Hover: CSSDesignToken<string>;
 
-// @public
-export const fluentRadioGroup: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof RadioGroup>;
+// @public (undocumented)
+export const colorNeutralForeground2Link: CSSDesignToken<string>;
 
-// @public
-export const fluentSearch: (overrideDefinition?: OverrideFoundationElementDefinition<SearchOptions> | undefined) => FoundationElementRegistry<SearchOptions, Constructable<FoundationElement>>;
+// @public (undocumented)
+export const colorNeutralForeground2LinkHover: CSSDesignToken<string>;
 
-// @public
-export const fluentSelect: (overrideDefinition?: OverrideFoundationElementDefinition<SelectOptions> | undefined) => FoundationElementRegistry<SelectOptions, Constructable<FoundationElement>>;
+// @public (undocumented)
+export const colorNeutralForeground2LinkPressed: CSSDesignToken<string>;
 
-// @public
-export const fluentSkeleton: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Skeleton>;
+// @public (undocumented)
+export const colorNeutralForeground2LinkSelected: CSSDesignToken<string>;
 
-// @public
-export const fluentSlider: (overrideDefinition?: OverrideFoundationElementDefinition<SliderOptions> | undefined) => FoundationElementRegistry<SliderOptions, Constructable<FoundationElement>>;
+// @public (undocumented)
+export const colorNeutralForeground2Pressed: CSSDesignToken<string>;
 
-// @public
-export const fluentSliderLabel: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof SliderLabel>;
+// @public (undocumented)
+export const colorNeutralForeground2Selected: CSSDesignToken<string>;
 
-// @public
-export const fluentSwitch: (overrideDefinition?: OverrideFoundationElementDefinition<SwitchOptions> | undefined) => FoundationElementRegistry<SwitchOptions, Constructable<FoundationElement>>;
+// @public (undocumented)
+export const colorNeutralForeground3: CSSDesignToken<string>;
 
-// @public
-export const fluentTab: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Tab>;
+// @public (undocumented)
+export const colorNeutralForeground3BrandHover: CSSDesignToken<string>;
 
-// @public
-export const fluentTabPanel: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof TabPanel>;
+// @public (undocumented)
+export const colorNeutralForeground3BrandPressed: CSSDesignToken<string>;
 
-// @public
-export const fluentTabs: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Tabs>;
+// @public (undocumented)
+export const colorNeutralForeground3BrandSelected: CSSDesignToken<string>;
 
-// Warning: (ae-incompatible-release-tags) The symbol "fluentTextArea" is marked as @public, but its signature references "TextArea" which is marked as @internal
-//
-// @public
-export const fluentTextArea: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof TextArea>;
+// @public (undocumented)
+export const colorNeutralForeground3Hover: CSSDesignToken<string>;
 
-// Warning: (ae-incompatible-release-tags) The symbol "fluentTextField" is marked as @public, but its signature references "TextField" which is marked as @internal
-//
-// @public
-export const fluentTextField: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof TextField>;
+// @public (undocumented)
+export const colorNeutralForeground3Pressed: CSSDesignToken<string>;
 
-// Warning: (ae-incompatible-release-tags) The symbol "fluentToolbar" is marked as @public, but its signature references "Toolbar" which is marked as @internal
-//
-// @public
-export const fluentToolbar: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Toolbar>;
+// @public (undocumented)
+export const colorNeutralForeground3Selected: CSSDesignToken<string>;
 
-// Warning: (ae-incompatible-release-tags) The symbol "fluentTooltip" is marked as @public, but its signature references "Tooltip" which is marked as @internal
-//
-// @public
-export const fluentTooltip: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Tooltip>;
+// @public (undocumented)
+export const colorNeutralForeground4: CSSDesignToken<string>;
 
-// @public
-export const fluentTreeItem: (overrideDefinition?: OverrideFoundationElementDefinition<TreeItemOptions> | undefined) => FoundationElementRegistry<TreeItemOptions, Constructable<FoundationElement>>;
+// @public (undocumented)
+export const colorNeutralForegroundDisabled: CSSDesignToken<string>;
 
-// @public
-export const fluentTreeView: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof TreeView>;
+// @public (undocumented)
+export const colorNeutralForegroundInverted: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const focusOutlineWidth: CSSDesignToken<number>;
+// @public (undocumented)
+export const colorNeutralForegroundInverted2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const focusStrokeInner: CSSDesignToken<Swatch>;
+export const colorNeutralForegroundInvertedDisabled: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const focusStrokeInnerRecipe: DesignToken<ColorRecipe>;
+export const colorNeutralForegroundInvertedHover: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const focusStrokeOuter: CSSDesignToken<Swatch>;
+export const colorNeutralForegroundInvertedLink: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const focusStrokeOuterRecipe: DesignToken<ColorRecipe>;
+export const colorNeutralForegroundInvertedLinkHover: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const focusStrokeWidth: CSSDesignToken<number>;
+export const colorNeutralForegroundInvertedLinkPressed: CSSDesignToken<string>;
 
-// @public
-export const focusTreatmentBase: CSSDirective;
+// @public (undocumented)
+export const colorNeutralForegroundInvertedLinkSelected: CSSDesignToken<string>;
 
-// @public
-export const focusTreatmentTight: CSSDirective;
+// @public (undocumented)
+export const colorNeutralForegroundInvertedPressed: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const fontWeight: CSSDesignToken<number>;
+export const colorNeutralForegroundInvertedSelected: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const foregroundOnAccentActive: CSSDesignToken<Swatch>;
+export const colorNeutralForegroundOnBrand: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const foregroundOnAccentActiveLarge: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorNeutralForegroundStaticInverted: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const foregroundOnAccentFocus: CSSDesignToken<Swatch>;
+export const colorNeutralShadowAmbient: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const foregroundOnAccentFocusLarge: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorNeutralShadowAmbientDarker: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const foregroundOnAccentHover: CSSDesignToken<Swatch>;
+export const colorNeutralShadowAmbientLighter: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const foregroundOnAccentHoverLarge: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorNeutralShadowKey: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const foregroundOnAccentLargeRecipe: DesignToken<InteractiveColorRecipe>;
+// @public (undocumented)
+export const colorNeutralShadowKeyDarker: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const foregroundOnAccentRecipe: DesignToken<InteractiveColorRecipe>;
+export const colorNeutralShadowKeyLighter: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const foregroundOnAccentRest: CSSDesignToken<Swatch>;
+export const colorNeutralStencil1: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const foregroundOnAccentRestLarge: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorNeutralStencil2: CSSDesignToken<string>;
 
-// @public
-export const heightNumber: CSSDirective;
+// @public (undocumented)
+export const colorNeutralStroke1: CSSDesignToken<string>;
 
-// Warning: (ae-internal-missing-underscore) The name "HorizontalScroll" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal (undocumented)
-export class HorizontalScroll extends HorizontalScroll_2 {
-    // @public (undocumented)
-    connectedCallback(): void;
-}
+// @public (undocumented)
+export const colorNeutralStroke1Hover: CSSDesignToken<string>;
 
-// @public
-export const horizontalScrollStyles: (context: ElementDefinitionContext, definition: HorizontalScrollOptions) => ElementStyles;
+// @public (undocumented)
+export const colorNeutralStroke1Pressed: CSSDesignToken<string>;
 
-// Warning: (ae-internal-missing-underscore) The name "HypertextStyles" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal (undocumented)
-export const HypertextStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => ElementStyles;
+// @public (undocumented)
+export const colorNeutralStroke1Selected: CSSDesignToken<string>;
 
-// Warning: (ae-internal-missing-underscore) The name "inputFilledStyles" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal
-export const inputFilledStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, logicalControlSelector: string, interactivitySelector?: string) => ElementStyles;
+// @public (undocumented)
+export const colorNeutralStroke2: CSSDesignToken<string>;
 
-// Warning: (ae-internal-missing-underscore) The name "inputForcedColorStyles" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal (undocumented)
-export const inputForcedColorStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, logicalControlSelector: string, interactivitySelector?: string) => ElementStyles;
+// @public (undocumented)
+export const colorNeutralStroke3: CSSDesignToken<string>;
 
-// Warning: (ae-internal-missing-underscore) The name "inputOutlineStyles" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal
-export const inputOutlineStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, logicalControlSelector: string, interactivitySelector?: string) => ElementStyles;
+// @public (undocumented)
+export const colorNeutralStrokeAccessible: CSSDesignToken<string>;
 
-// Warning: (ae-internal-missing-underscore) The name "inputStateStyles" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal
-export const inputStateStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, logicalControlSelector: string) => ElementStyles;
+// @public (undocumented)
+export const colorNeutralStrokeAccessibleHover: CSSDesignToken<string>;
 
 // @public (undocumented)
-export interface InteractiveColorRecipe {
-    // (undocumented)
-    evaluate(element: HTMLElement, reference?: Swatch): InteractiveSwatchSet;
-}
+export const colorNeutralStrokeAccessiblePressed: CSSDesignToken<string>;
 
 // @public (undocumented)
-export interface InteractiveSwatchSet {
-    active: Swatch;
-    focus: Swatch;
-    hover: Swatch;
-    rest: Swatch;
-}
+export const colorNeutralStrokeAccessibleSelected: CSSDesignToken<string>;
 
-// Warning: (ae-internal-missing-underscore) The name "isDark" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal
-export function isDark(color: Swatch): boolean;
+// @public (undocumented)
+export const colorNeutralStrokeDisabled: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const layerCornerRadius: CSSDesignToken<number>;
+export const colorNeutralStrokeInvertedDisabled: CSSDesignToken<string>;
 
-// Warning: (ae-internal-missing-underscore) The name "LightweightButtonStyles" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal (undocumented)
-export const LightweightButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => ElementStyles;
+// @public (undocumented)
+export const colorNeutralStrokeOnBrand: CSSDesignToken<string>;
 
 // @public (undocumented)
-export class Listbox extends Listbox_2 {
-}
+export const colorNeutralStrokeOnBrand2: CSSDesignToken<string>;
 
-// @public
-export const listboxStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+// @public (undocumented)
+export const colorNeutralStrokeOnBrand2Hover: CSSDesignToken<string>;
 
-// @public
-export class Menu extends Menu_2 {
-    // @internal (undocumented)
-    connectedCallback(): void;
-}
+// @public (undocumented)
+export const colorNeutralStrokeOnBrand2Pressed: CSSDesignToken<string>;
 
-export { MenuItem }
+// @public (undocumented)
+export const colorNeutralStrokeOnBrand2Selected: CSSDesignToken<string>;
 
-// @public
-export const menuItemStyles: (context: ElementDefinitionContext, definition: MenuItemOptions) => ElementStyles;
+// @public (undocumented)
+export const colorPaletteAnchorBackground2: CSSDesignToken<string>;
 
-// @public
-export const menuStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+// @public (undocumented)
+export const colorPaletteAnchorBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralBaseColor: CSSDesignToken<Swatch>;
+export const colorPaletteAnchorForeground2: CSSDesignToken<string>;
 
-// Warning: (ae-internal-missing-underscore) The name "NeutralButtonStyles" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal (undocumented)
-export const NeutralButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => ElementStyles;
+// @public (undocumented)
+export const colorPaletteBeigeBackground2: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralContrastFillActive: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteBeigeBorderActive: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralContrastFillActiveDelta: CSSDesignToken<number>;
+// @public (undocumented)
+export const colorPaletteBeigeForeground2: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralContrastFillFocus: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteBerryBackground1: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralContrastFillFocusDelta: CSSDesignToken<number>;
+// @public (undocumented)
+export const colorPaletteBerryBackground2: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralContrastFillHover: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteBerryBackground3: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralContrastFillHoverDelta: CSSDesignToken<number>;
+// @public (undocumented)
+export const colorPaletteBerryBorder1: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralContrastFillRest: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteBerryBorder2: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralContrastFillRestDelta: CSSDesignToken<number>;
+// @public (undocumented)
+export const colorPaletteBerryBorderActive: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralDivider: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteBerryForeground1: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralDividerRestDelta: DesignToken<number>;
+// @public (undocumented)
+export const colorPaletteBerryForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillActive: CSSDesignToken<Swatch>;
+export const colorPaletteBerryForeground3: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillActiveDelta: DesignToken<number>;
+export const colorPaletteBlueBackground2: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFillCard: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteBlueBorderActive: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFillCardDelta: DesignToken<number>;
+// @public (undocumented)
+export const colorPaletteBlueForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillFocus: CSSDesignToken<Swatch>;
+export const colorPaletteBrassBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillFocusDelta: DesignToken<number>;
+export const colorPaletteBrassBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillHover: CSSDesignToken<Swatch>;
+export const colorPaletteBrassForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillHoverDelta: DesignToken<number>;
+export const colorPaletteBrownBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillInputActive: CSSDesignToken<Swatch>;
+export const colorPaletteBrownBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillInputActiveDelta: DesignToken<number>;
+export const colorPaletteBrownForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillInputAltActive: CSSDesignToken<Swatch>;
+export const colorPaletteCornflowerBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillInputAltActiveDelta: DesignToken<number>;
+export const colorPaletteCornflowerBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillInputAltFocus: CSSDesignToken<Swatch>;
+export const colorPaletteCornflowerForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillInputAltFocusDelta: DesignToken<number>;
+export const colorPaletteCranberryBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillInputAltHover: CSSDesignToken<Swatch>;
+export const colorPaletteCranberryBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillInputAltHoverDelta: DesignToken<number>;
+export const colorPaletteCranberryForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillInputAltRecipe: DesignToken<InteractiveColorRecipe>;
+export const colorPaletteDarkGreenBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillInputAltRest: CSSDesignToken<Swatch>;
+export const colorPaletteDarkGreenBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillInputAltRestDelta: DesignToken<number>;
+export const colorPaletteDarkGreenForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillInputFocus: CSSDesignToken<Swatch>;
+export const colorPaletteDarkOrangeBackground1: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillInputFocusDelta: DesignToken<number>;
+export const colorPaletteDarkOrangeBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillInputHover: CSSDesignToken<Swatch>;
+export const colorPaletteDarkOrangeBackground3: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillInputHoverDelta: DesignToken<number>;
+export const colorPaletteDarkOrangeBorder1: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillInputRecipe: DesignToken<InteractiveColorRecipe>;
+export const colorPaletteDarkOrangeBorder2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillInputRest: CSSDesignToken<Swatch>;
+export const colorPaletteDarkOrangeBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillInputRestDelta: DesignToken<number>;
+export const colorPaletteDarkOrangeForeground1: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFillInverseActive: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteDarkOrangeForeground2: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFillInverseActiveDelta: CSSDesignToken<number>;
+// @public (undocumented)
+export const colorPaletteDarkOrangeForeground3: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFillInverseFocus: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteDarkRedBackground2: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFillInverseFocusDelta: CSSDesignToken<number>;
+// @public (undocumented)
+export const colorPaletteDarkRedBorderActive: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFillInverseHover: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteDarkRedForeground2: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFillInverseHoverDelta: CSSDesignToken<number>;
+// @public (undocumented)
+export const colorPaletteForestBackground2: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFillInverseRecipe: DesignToken<InteractiveColorRecipe>;
+// @public (undocumented)
+export const colorPaletteForestBorderActive: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFillInverseRest: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteForestForeground2: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFillInverseRestDelta: CSSDesignToken<number>;
+// @public (undocumented)
+export const colorPaletteGoldBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillLayerActive: CSSDesignToken<Swatch>;
+export const colorPaletteGoldBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillLayerActiveDelta: DesignToken<number>;
+export const colorPaletteGoldForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillLayerAltRecipe: DesignToken<InteractiveColorRecipe>;
+export const colorPaletteGrapeBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillLayerAltRest: CSSDesignToken<Swatch>;
+export const colorPaletteGrapeBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillLayerAltRestDelta: DesignToken<number>;
+export const colorPaletteGrapeForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillLayerHover: CSSDesignToken<Swatch>;
+export const colorPaletteGreenBackground1: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillLayerHoverDelta: DesignToken<number>;
+export const colorPaletteGreenBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillLayerRecipe: DesignToken<InteractiveColorRecipe>;
+export const colorPaletteGreenBackground3: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillLayerRest: CSSDesignToken<Swatch>;
+export const colorPaletteGreenBorder1: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillLayerRestDelta: DesignToken<number>;
+export const colorPaletteGreenBorder2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillRecipe: DesignToken<InteractiveColorRecipe>;
+export const colorPaletteGreenBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillRest: CSSDesignToken<Swatch>;
+export const colorPaletteGreenForeground1: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillRestDelta: DesignToken<number>;
+export const colorPaletteGreenForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillSecondaryActive: CSSDesignToken<Swatch>;
+export const colorPaletteGreenForeground3: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillSecondaryActiveDelta: DesignToken<number>;
+export const colorPaletteLavenderBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillSecondaryFocus: CSSDesignToken<Swatch>;
+export const colorPaletteLavenderBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillSecondaryFocusDelta: DesignToken<number>;
+export const colorPaletteLavenderForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillSecondaryHover: CSSDesignToken<Swatch>;
+export const colorPaletteLightGreenBackground1: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillSecondaryHoverDelta: DesignToken<number>;
+export const colorPaletteLightGreenBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillSecondaryRecipe: DesignToken<InteractiveColorRecipe>;
+export const colorPaletteLightGreenBackground3: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillSecondaryRest: CSSDesignToken<Swatch>;
+export const colorPaletteLightGreenBorder1: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillSecondaryRestDelta: DesignToken<number>;
+export const colorPaletteLightGreenBorder2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillStealthActive: CSSDesignToken<Swatch>;
+export const colorPaletteLightGreenBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillStealthActiveDelta: DesignToken<number>;
+export const colorPaletteLightGreenForeground1: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillStealthFocus: CSSDesignToken<Swatch>;
+export const colorPaletteLightGreenForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillStealthFocusDelta: DesignToken<number>;
+export const colorPaletteLightGreenForeground3: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillStealthHover: CSSDesignToken<Swatch>;
+export const colorPaletteLightTealBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillStealthHoverDelta: DesignToken<number>;
+export const colorPaletteLightTealBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillStealthRecipe: DesignToken<InteractiveColorRecipe>;
+export const colorPaletteLightTealForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillStealthRest: CSSDesignToken<Swatch>;
+export const colorPaletteLilacBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillStealthRestDelta: DesignToken<number>;
+export const colorPaletteLilacBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillStrongActive: CSSDesignToken<Swatch>;
+export const colorPaletteLilacForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillStrongActiveDelta: DesignToken<number>;
+export const colorPaletteMagentaBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillStrongFocus: CSSDesignToken<Swatch>;
+export const colorPaletteMagentaBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillStrongFocusDelta: DesignToken<number>;
+export const colorPaletteMagentaForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillStrongHover: CSSDesignToken<Swatch>;
+export const colorPaletteMarigoldBackground1: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillStrongHoverDelta: DesignToken<number>;
+export const colorPaletteMarigoldBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillStrongRecipe: DesignToken<InteractiveColorRecipe>;
+export const colorPaletteMarigoldBackground3: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillStrongRest: CSSDesignToken<Swatch>;
+export const colorPaletteMarigoldBorder1: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralFillStrongRestDelta: DesignToken<number>;
+export const colorPaletteMarigoldBorder2: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFillToggleActive: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteMarigoldBorderActive: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFillToggleActiveDelta: DesignToken<number>;
+// @public (undocumented)
+export const colorPaletteMarigoldForeground1: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFillToggleFocus: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteMarigoldForeground2: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFillToggleFocusDelta: DesignToken<number>;
+// @public (undocumented)
+export const colorPaletteMarigoldForeground3: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFillToggleHover: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteMinkBackground2: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFillToggleHoverDelta: DesignToken<number>;
+// @public (undocumented)
+export const colorPaletteMinkBorderActive: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFillToggleRest: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteMinkForeground2: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFillToggleRestDelta: DesignToken<number>;
+// @public (undocumented)
+export const colorPaletteNavyBackground2: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFocus: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteNavyBorderActive: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralFocusInnerAccent: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteNavyForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralForegroundActive: CSSDesignToken<Swatch>;
+export const colorPalettePeachBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralForegroundFocus: CSSDesignToken<Swatch>;
+export const colorPalettePeachBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralForegroundHint: CSSDesignToken<Swatch>;
+export const colorPalettePeachForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralForegroundHintRecipe: DesignToken<ColorRecipe>;
+export const colorPalettePinkBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralForegroundHover: CSSDesignToken<Swatch>;
+export const colorPalettePinkBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralForegroundRecipe: DesignToken<InteractiveColorRecipe>;
+export const colorPalettePinkForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralForegroundRest: CSSDesignToken<Swatch>;
+export const colorPalettePlatinumBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralLayer1: CSSDesignToken<Swatch>;
+export const colorPalettePlatinumBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralLayer1Recipe: DesignToken<ColorRecipe>;
+export const colorPalettePlatinumForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralLayer2: CSSDesignToken<Swatch>;
+export const colorPalettePlumBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralLayer2Recipe: DesignToken<ColorRecipe>;
+export const colorPalettePlumBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralLayer3: CSSDesignToken<Swatch>;
+export const colorPalettePlumForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralLayer3Recipe: DesignToken<ColorRecipe>;
+export const colorPalettePumpkinBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralLayer4: CSSDesignToken<Swatch>;
+export const colorPalettePumpkinBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralLayer4Recipe: DesignToken<ColorRecipe>;
+export const colorPalettePumpkinForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralLayerCardContainer: CSSDesignToken<Swatch>;
+export const colorPalettePurpleBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralLayerCardContainerRecipe: DesignToken<ColorRecipe>;
+export const colorPalettePurpleBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralLayerFloating: CSSDesignToken<Swatch>;
+export const colorPalettePurpleForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralLayerFloatingRecipe: DesignToken<ColorRecipe>;
+export const colorPaletteRedBackground1: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralLayerL1: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteRedBackground2: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralLayerL2: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteRedBackground3: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralLayerL3: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteRedBorder1: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralLayerL4: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteRedBorder2: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralOutlineActive: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteRedBorderActive: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralOutlineFocus: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteRedForeground1: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralOutlineHover: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteRedForeground2: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export const neutralOutlineRest: CSSDesignToken<Swatch>;
+// @public (undocumented)
+export const colorPaletteRedForeground3: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralPalette: DesignToken<Palette<Swatch>>;
+export const colorPaletteRoyalBlueBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeActive: CSSDesignToken<Swatch>;
+export const colorPaletteRoyalBlueBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeActiveDelta: DesignToken<number>;
+export const colorPaletteRoyalBlueForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeControlActive: CSSDesignToken<Swatch>;
+export const colorPaletteSeafoamBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeControlActiveDelta: DesignToken<number>;
+export const colorPaletteSeafoamBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeControlFocus: CSSDesignToken<Swatch>;
+export const colorPaletteSeafoamForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeControlFocusDelta: DesignToken<number>;
+export const colorPaletteSteelBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeControlHover: CSSDesignToken<Swatch>;
+export const colorPaletteSteelBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeControlHoverDelta: DesignToken<number>;
+export const colorPaletteSteelForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeControlRecipe: DesignToken<InteractiveColorRecipe>;
+export const colorPaletteTealBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeControlRest: CSSDesignToken<Swatch>;
+export const colorPaletteTealBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeControlRestDelta: DesignToken<number>;
+export const colorPaletteTealForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeDividerRecipe: DesignToken<ColorRecipe>;
+export const colorPaletteYellowBackground1: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeDividerRest: CSSDesignToken<Swatch>;
+export const colorPaletteYellowBackground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeDividerRestDelta: DesignToken<number>;
+export const colorPaletteYellowBackground3: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeFocus: CSSDesignToken<Swatch>;
+export const colorPaletteYellowBorder1: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeFocusDelta: DesignToken<number>;
+export const colorPaletteYellowBorder2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeHover: CSSDesignToken<Swatch>;
+export const colorPaletteYellowBorderActive: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeHoverDelta: DesignToken<number>;
+export const colorPaletteYellowForeground1: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeInputActive: CSSDesignToken<Swatch>;
+export const colorPaletteYellowForeground2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeInputFocus: CSSDesignToken<Swatch>;
+export const colorPaletteYellowForeground3: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeInputHover: CSSDesignToken<Swatch>;
+export const colorScrollbarOverlay: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeInputRecipe: DesignToken<InteractiveColorRecipe>;
+export const colorStrokeFocus1: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeInputRest: CSSDesignToken<Swatch>;
+export const colorStrokeFocus2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeLayerActive: CSSDesignToken<Swatch>;
+export const colorSubtleBackground: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeLayerActiveDelta: DesignToken<number>;
+export const colorSubtleBackgroundHover: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeLayerHover: CSSDesignToken<Swatch>;
+export const colorSubtleBackgroundInverted: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeLayerHoverDelta: DesignToken<number>;
+export const colorSubtleBackgroundInvertedHover: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeLayerRecipe: DesignToken<InteractiveColorRecipe>;
+export const colorSubtleBackgroundInvertedPressed: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeLayerRest: CSSDesignToken<Swatch>;
+export const colorSubtleBackgroundInvertedSelected: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeLayerRestDelta: DesignToken<number>;
+export const colorSubtleBackgroundLightAlphaHover: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeRecipe: DesignToken<InteractiveColorRecipe>;
+export const colorSubtleBackgroundLightAlphaPressed: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeRest: CSSDesignToken<Swatch>;
+export const colorSubtleBackgroundLightAlphaSelected: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeRestDelta: DesignToken<number>;
+export const colorSubtleBackgroundPressed: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeStrongActive: CSSDesignToken<Swatch>;
+export const colorSubtleBackgroundSelected: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeStrongActiveDelta: DesignToken<number>;
+export const colorTransparentBackground: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeStrongFocus: CSSDesignToken<Swatch>;
+export const colorTransparentBackgroundHover: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeStrongFocusDelta: DesignToken<number>;
+export const colorTransparentBackgroundPressed: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeStrongHover: CSSDesignToken<Swatch>;
+export const colorTransparentBackgroundSelected: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeStrongHoverDelta: DesignToken<number>;
+export const colorTransparentStroke: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeStrongRecipe: DesignToken<InteractiveColorRecipe>;
+export const colorTransparentStrokeDisabled: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const neutralStrokeStrongRest: CSSDesignToken<Swatch>;
+export const colorTransparentStrokeInteractive: CSSDesignToken<string>;
 
-// Warning: (ae-internal-missing-underscore) The name "NumberField" should be prefixed with an underscore because the declaration is marked as @internal
+// Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "CounterBadge" because one of its declarations is marked as @internal
 //
-// @internal
-export class NumberField extends NumberField_2 {
-    // @public
-    appearance: NumberFieldAppearance;
+// @public
+export class CounterBadge extends FASTElement {
+    appearance: CounterBadgeAppearance;
+    color: CounterBadgeColor;
+    count: number;
     // (undocumented)
-    connectedCallback(): void;
+    protected countChanged(): void;
+    dot: boolean;
+    overflowCount: number;
+    // (undocumented)
+    protected overflowCountChanged(): void;
+    // @internal
+    setCount(): string | void;
+    shape: CounterBadgeShape;
+    showZero: boolean;
+    size: CounterBadgeSize;
 }
 
-// @public
-export type NumberFieldAppearance = 'filled' | 'outline';
+// @internal
+export interface CounterBadge extends StartEnd {
+}
 
 // @public
-export const numberFieldStyles: (context: ElementDefinitionContext, definition: NumberFieldOptions) => ElementStyles;
+export const CounterBadgeAppearance: {
+    readonly filled: "filled";
+    readonly ghost: "ghost";
+};
 
 // @public
-export const OptionStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+export type CounterBadgeAppearance = ValuesOf<typeof CounterBadgeAppearance>;
 
-// Warning: (ae-internal-missing-underscore) The name "OutlineButtonStyles" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal (undocumented)
-export const OutlineButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => ElementStyles;
+// @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 @deprecated (undocumented)
-export const outlineWidth: CSSDesignToken<number>;
+// @public
+export type CounterBadgeColor = ValuesOf<typeof CounterBadgeColor>;
 
 // @public
-export interface Palette<T extends Swatch = Swatch> {
-    // Warning: (ae-forgotten-export) The symbol "RelativeLuminance" needs to be exported by the entry point index.d.ts
-    closestIndexOf(reference: RelativeLuminance): number;
-    colorContrast(reference: Swatch, contrast: number, initialIndex?: number, direction?: 1 | -1): T;
-    get(index: number): T;
-    // (undocumented)
-    readonly source: T;
-    // (undocumented)
-    readonly swatches: ReadonlyArray<T>;
-}
+export const CounterBadgeDefinition: FASTElementDefinition<typeof CounterBadge>;
 
-// @public (undocumented)
-export type PaletteRGB = Palette<SwatchRGB>;
+// Warning: (ae-incompatible-release-tags) The symbol "CounterBadgeOptions" is marked as @public, but its signature references "BadgeOptions" which is marked as @internal
+//
+// @public
+export type CounterBadgeOptions = BadgeOptions;
 
-// @public (undocumented)
-export const PaletteRGB: Readonly<{
-    create: typeof create;
-    from: typeof from;
-}>;
+// @public
+export const CounterBadgeShape: {
+    readonly circular: "circular";
+    readonly rounded: "rounded";
+};
 
 // @public
-export class Progress extends BaseProgress {
-}
+export type CounterBadgeShape = ValuesOf<typeof CounterBadgeShape>;
 
 // @public
-export class ProgressRing extends BaseProgress {
-}
+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 const progressRingStyles: (context: ElementDefinitionContext, definition: ProgressRingOptions) => ElementStyles;
+export type CounterBadgeSize = ValuesOf<typeof CounterBadgeSize>;
 
 // @public
-export const progressStyles: (context: ElementDefinitionContext, definition: ProgressOptions) => ElementStyles;
+export const CounterBadgeStyles: ElementStyles;
 
 // @public
-export function provideFluentDesignSystem(element?: HTMLElement): DesignSystem;
+export const CounterBadgeTemplate: ElementViewTemplate<CounterBadge>;
 
-export { Radio }
+// @public (undocumented)
+export const curveAccelerateMax: CSSDesignToken<string>;
 
-export { RadioGroup }
+// @public (undocumented)
+export const curveAccelerateMid: CSSDesignToken<string>;
 
-// @public
-export const radioGroupStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+// @public (undocumented)
+export const curveAccelerateMin: CSSDesignToken<string>;
 
-// @public
-export const RadioStyles: (context: ElementDefinitionContext, definition: RadioOptions) => ElementStyles;
+// @public (undocumented)
+export const curveDecelerateMax: CSSDesignToken<string>;
 
-// @public @deprecated (undocumented)
-export interface Recipe<T> {
-    // (undocumented)
-    evaluate(element: HTMLElement, reference?: Swatch): T;
-}
+// @public (undocumented)
+export const curveDecelerateMid: CSSDesignToken<string>;
 
-// Warning: (ae-internal-missing-underscore) The name "Search" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal
-export class Search extends Search_2 {
-    // @public
-    appearance: SearchAppearance;
-}
+// @public (undocumented)
+export const curveDecelerateMin: CSSDesignToken<string>;
 
-// @public
-export type SearchAppearance = 'filled' | 'outline';
+// @public (undocumented)
+export const curveEasyEase: CSSDesignToken<string>;
 
-// @public
-export const searchStyles: (context: ElementDefinitionContext, definition: SearchOptions) => ElementStyles;
+// @public (undocumented)
+export const curveEasyEaseMax: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const searchTemplate: (context: ElementDefinitionContext, definition: SearchOptions) => ViewTemplate<Search_2>;
+export const curveLinear: CSSDesignToken<string>;
 
-// Warning: (ae-internal-missing-underscore) The name "Select" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal
-export class Select extends Select_2 {
-    // @public
-    appearance: SelectAppearance;
-    // (undocumented)
-    appearanceChanged(oldValue: SelectAppearance, newValue: SelectAppearance): void;
-    // (undocumented)
-    connectedCallback(): void;
-}
+// @public (undocumented)
+export const durationFast: CSSDesignToken<string>;
 
-// @public
-export type SelectAppearance = 'filled' | 'outline' | 'stealth';
+// @public (undocumented)
+export const durationFaster: CSSDesignToken<string>;
 
-// @public
-export const selectStyles: (context: ElementDefinitionContext, definition: SelectOptions) => ElementStyles;
+// @public (undocumented)
+export const durationNormal: CSSDesignToken<string>;
 
-export { Skeleton }
+// @public (undocumented)
+export const durationSlow: CSSDesignToken<string>;
 
-// @public
-export const skeletonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+// @public (undocumented)
+export const durationSlower: CSSDesignToken<string>;
 
-export { Slider }
+// @public (undocumented)
+export const durationUltraFast: CSSDesignToken<string>;
 
-export { SliderLabel }
+// @public (undocumented)
+export const durationUltraSlow: CSSDesignToken<string>;
 
-// @public
-export const sliderLabelStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+// @public (undocumented)
+export const fontFamilyBase: CSSDesignToken<string>;
 
-// @public
-export const sliderStyles: (context: ElementDefinitionContext, definition: SliderOptions) => ElementStyles;
+// @public (undocumented)
+export const fontFamilyMonospace: CSSDesignToken<string>;
 
-// @public
-export enum StandardLuminance {
-    // (undocumented)
-    DarkMode = 0.15,
-    // (undocumented)
-    LightMode = 0.98
-}
+// @public (undocumented)
+export const fontFamilyNumeric: CSSDesignToken<string>;
 
-// Warning: (ae-internal-missing-underscore) The name "StealthButtonStyles" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal (undocumented)
-export const StealthButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => ElementStyles;
+// @public (undocumented)
+export const fontSizeBase100: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const strokeWidth: CSSDesignToken<number>;
+export const fontSizeBase200: CSSDesignToken<string>;
 
-// @public
-export interface Swatch extends RelativeLuminance {
-    // (undocumented)
-    contrast(target: RelativeLuminance): number;
-    // (undocumented)
-    toColorString(): string;
-}
+// @public (undocumented)
+export const fontSizeBase300: CSSDesignToken<string>;
 
 // @public (undocumented)
-export interface SwatchRGB extends Swatch {
-    // (undocumented)
-    b: number;
-    // (undocumented)
-    g: number;
-    // (undocumented)
-    r: number;
-}
+export const fontSizeBase400: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const SwatchRGB: Readonly<{
-    create(r: number, g: number, b: number): SwatchRGB;
-    from(obj: {
-        r: number;
-        g: number;
-        b: number;
-    }): SwatchRGB;
-}>;
+export const fontSizeBase500: CSSDesignToken<string>;
 
-export { Switch }
+// @public (undocumented)
+export const fontSizeBase600: CSSDesignToken<string>;
 
-// @public
-export const switchStyles: (context: ElementDefinitionContext, definition: SwitchOptions) => ElementStyles;
+// @public (undocumented)
+export const fontSizeHero1000: CSSDesignToken<string>;
 
-export { Tab }
+// @public (undocumented)
+export const fontSizeHero700: CSSDesignToken<string>;
 
-export { TabPanel }
+// @public (undocumented)
+export const fontSizeHero800: CSSDesignToken<string>;
 
-// @public
-export const tabPanelStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+// @public (undocumented)
+export const fontSizeHero900: CSSDesignToken<string>;
 
-export { Tabs }
+// @public (undocumented)
+export const fontWeightBold: CSSDesignToken<string>;
 
-// @public
-export const tabsStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+// @public (undocumented)
+export const fontWeightMedium: CSSDesignToken<string>;
 
-// @public
-export const tabStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+// @public (undocumented)
+export const fontWeightRegular: CSSDesignToken<string>;
 
-// Warning: (ae-internal-missing-underscore) The name "TextArea" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal
-export class TextArea extends TextArea_2 {
-    // @public
-    appearance: TextAreaAppearance;
-    // (undocumented)
-    appearanceChanged(oldValue: TextAreaAppearance, newValue: TextAreaAppearance): void;
-    // (undocumented)
-    connectedCallback(): void;
-}
+// @public (undocumented)
+export const fontWeightSemibold: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const lineHeightBase100: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const lineHeightBase200: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const lineHeightBase300: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const lineHeightBase400: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const lineHeightBase500: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const lineHeightBase600: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const lineHeightHero1000: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const lineHeightHero700: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const lineHeightHero800: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const lineHeightHero900: CSSDesignToken<string>;
 
 // @public
-export type TextAreaAppearance = 'filled' | 'outline';
+export class ProgressBar extends FASTProgress {
+    shape: ProgressBarShape;
+    thickness: ProgressBarThickness;
+    validationState: ProgressBarValidationState | null;
+}
 
 // @public
-export const textAreaStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+export const ProgressBarDefinition: FASTElementDefinition<typeof ProgressBar>;
 
-// Warning: (ae-internal-missing-underscore) The name "TextField" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal
-export class TextField extends TextField_2 {
-    // @public
-    appearance: TextFieldAppearance;
-    // (undocumented)
-    appearanceChanged(oldValue: TextFieldAppearance, newValue: TextFieldAppearance): void;
-    // (undocumented)
-    connectedCallback(): void;
-}
+// @public
+export const ProgressBarShape: {
+    readonly rounded: "rounded";
+    readonly square: "square";
+};
 
 // @public
-export type TextFieldAppearance = 'filled' | 'outline';
+export type ProgressBarShape = ValuesOf<typeof ProgressBarShape>;
 
 // @public
-export const textFieldStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+export const ProgressBarStyles: ElementStyles;
 
-// Warning: (ae-internal-missing-underscore) The name "Toolbar" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal
-export class Toolbar extends Toolbar_2 {
-}
+// @public (undocumented)
+export const ProgressBarTemplate: ElementViewTemplate<ProgressBar>;
 
-// Warning: (ae-internal-missing-underscore) The name "Tooltip" should be prefixed with an underscore because the declaration is marked as @internal
-//
-// @internal
-export class Tooltip extends Tooltip_2 {
-    // (undocumented)
-    connectedCallback(): void;
-}
+// @public
+export const ProgressBarThickness: {
+    readonly medium: "medium";
+    readonly large: "large";
+};
 
-export { TreeItem }
+// @public
+export type ProgressBarThickness = ValuesOf<typeof ProgressBarThickness>;
 
 // @public
-export const treeItemStyles: (context: ElementDefinitionContext, definition: TreeItemOptions) => ElementStyles;
+export const ProgressBarValidationState: {
+    readonly success: "success";
+    readonly warning: "warning";
+    readonly error: "error";
+};
 
-export { TreeView }
+// @public
+export type ProgressBarValidationState = ValuesOf<typeof ProgressBarValidationState>;
 
 // @public
-export const treeViewStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+export const setTheme: (theme: Theme) => void;
+
+// @public (undocumented)
+export const shadow16: CSSDesignToken<string>;
+
+// @public (undocumented)
+export const shadow16Brand: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampBase: CSSDirective;
+export const shadow2: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampBaseFontSize: CSSDesignToken<string>;
+export const shadow28: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampBaseFontVariations: CSSDesignToken<string>;
+export const shadow28Brand: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampBaseLineHeight: CSSDesignToken<string>;
+export const shadow2Brand: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampMinus1: CSSDirective;
+export const shadow4: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampMinus1FontSize: CSSDesignToken<string>;
+export const shadow4Brand: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampMinus1FontVariations: CSSDesignToken<string>;
+export const shadow64: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampMinus1LineHeight: CSSDesignToken<string>;
+export const shadow64Brand: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampMinus2: CSSDirective;
+export const shadow8: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampMinus2FontSize: CSSDesignToken<string>;
+export const shadow8Brand: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampMinus2FontVariations: CSSDesignToken<string>;
+export const spacingHorizontalL: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampMinus2LineHeight: CSSDesignToken<string>;
+export const spacingHorizontalM: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus1: CSSDirective;
+export const spacingHorizontalMNudge: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus1FontSize: CSSDesignToken<string>;
+export const spacingHorizontalNone: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus1FontVariations: CSSDesignToken<string>;
+export const spacingHorizontalS: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus1LineHeight: CSSDesignToken<string>;
+export const spacingHorizontalSNudge: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus2: CSSDirective;
+export const spacingHorizontalXL: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus2FontSize: CSSDesignToken<string>;
+export const spacingHorizontalXS: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus2FontVariations: CSSDesignToken<string>;
+export const spacingHorizontalXXL: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus2LineHeight: CSSDesignToken<string>;
+export const spacingHorizontalXXS: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus3: CSSDirective;
+export const spacingHorizontalXXXL: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus3FontSize: CSSDesignToken<string>;
+export const spacingVerticalL: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus3FontVariations: CSSDesignToken<string>;
+export const spacingVerticalM: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus3LineHeight: CSSDesignToken<string>;
+export const spacingVerticalMNudge: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus4: CSSDirective;
+export const spacingVerticalNone: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus4FontSize: CSSDesignToken<string>;
+export const spacingVerticalS: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus4FontVariations: CSSDesignToken<string>;
+export const spacingVerticalSNudge: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus4LineHeight: CSSDesignToken<string>;
+export const spacingVerticalXL: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus5: CSSDirective;
+export const spacingVerticalXS: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus5FontSize: CSSDesignToken<string>;
+export const spacingVerticalXXL: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus5FontVariations: CSSDesignToken<string>;
+export const spacingVerticalXXS: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus5LineHeight: CSSDesignToken<string>;
+export const spacingVerticalXXXL: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus6: CSSDirective;
+export const strokeWidthThick: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus6FontSize: CSSDesignToken<string>;
+export const strokeWidthThicker: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus6FontVariations: CSSDesignToken<string>;
+export const strokeWidthThickest: CSSDesignToken<string>;
 
 // @public (undocumented)
-export const typeRampPlus6LineHeight: CSSDesignToken<string>;
+export const strokeWidthThin: CSSDesignToken<string>;
+
+// @public
+class Text_2 extends FASTElement {
+    align: TextAlign;
+    block: boolean;
+    font: TextFont;
+    italic: boolean;
+    nowrap: boolean;
+    size: TextSize;
+    strikethrough: boolean;
+    truncate: boolean;
+    underline: boolean;
+    weight: TextWeight;
+}
+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>;
+
+// @public
+export const TextDefinition: FASTElementDefinition<typeof Text_2>;
+
+// @public
+export const TextFont: {
+    readonly base: "base";
+    readonly numeric: "numeric";
+    readonly monospace: "monospace";
+};
 
-// Warnings were encountered during analysis:
+// @public
+export type TextFont = ValuesOf<typeof TextFont>;
+
+// @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
 //
-// dist/dts/color/palette.d.ts:70:5 - (ae-forgotten-export) The symbol "create" needs to be exported by the entry point index.d.ts
-// dist/dts/color/palette.d.ts:71:5 - (ae-forgotten-export) The symbol "from" needs to be exported by the entry point index.d.ts
-// dist/dts/custom-elements.d.ts:52:5 - (ae-incompatible-release-tags) The symbol "fluentAnchor" is marked as @public, but its signature references "Anchor" which is marked as @internal
-// dist/dts/custom-elements.d.ts:54:5 - (ae-incompatible-release-tags) The symbol "fluentBadge" is marked as @public, but its signature references "Badge" which is marked as @internal
-// dist/dts/custom-elements.d.ts:57:5 - (ae-incompatible-release-tags) The symbol "fluentButton" is marked as @public, but its signature references "Button" which is marked as @internal
-// dist/dts/custom-elements.d.ts:96:5 - (ae-incompatible-release-tags) The symbol "fluentTextArea" is marked as @public, but its signature references "TextArea" which is marked as @internal
-// dist/dts/custom-elements.d.ts:97:5 - (ae-incompatible-release-tags) The symbol "fluentTextField" is marked as @public, but its signature references "TextField" which is marked as @internal
-// dist/dts/custom-elements.d.ts:98:5 - (ae-incompatible-release-tags) The symbol "fluentToolbar" is marked as @public, but its signature references "Toolbar" which is marked as @internal
-// dist/dts/custom-elements.d.ts:99:5 - (ae-incompatible-release-tags) The symbol "fluentTooltip" is marked as @public, but its signature references "Tooltip" which 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>;
 
 // (No @packageDocumentation comment for this package)