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

package/dist/dts/design-system-provider/index.d.ts

@@ -1,582 +0,0 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
-import { Direction } from '@microsoft/fast-web-utilities';
-import { Swatch } from '../color/swatch';
-/**
- * The Fluent DesignSystemProvider Element.
- * @public
- */
-export declare class DesignSystemProvider extends FoundationElement {
-    constructor();
-    connectedCallback(): void;
-    /**
-     * Used to instruct the FluentDesignSystemProvider
-     * that it should not set the CSS
-     * background-color and color properties
-     *
-     * @remarks
-     * HTML boolean attribute: no-paint
-     */
-    noPaint: boolean;
-    private noPaintChanged;
-    /**
-     * Define design system property attributes
-     * @remarks
-     * HTML attribute: fill-color
-     *
-     * CSS custom property: --fill-color
-     */
-    fillColor: Swatch;
-    /**
-     * A convenience to recreate the accentPalette
-     * @remarks
-     * HTML attribute: accent-base-color
-     */
-    accentBaseColor: Swatch;
-    /**
-     * A convenience to recreate the neutralPalette
-     * @remarks
-     * HTML attribute: neutral-base-color
-     */
-    neutralBaseColor: Swatch;
-    /**
-     *
-     * The density offset, used with designUnit to calculate height and spacing.
-     *
-     * @remarks
-     * HTML attribute: density
-     *
-     * CSS custom property: --density
-     */
-    density: number;
-    /**
-     * The grid-unit that UI dimensions are derived from in pixels.
-     *
-     * @remarks
-     * HTML attribute: design-unit
-     *
-     * CSS custom property: --design-unit
-     */
-    designUnit: number;
-    /**
-     * The primary document direction.
-     *
-     * @remarks
-     * HTML attribute: direction
-     *
-     * CSS custom property: N/A
-     */
-    direction: Direction;
-    /**
-     * The number of designUnits used for component height at the base density.
-     *
-     * @remarks
-     * HTML attribute: base-height-multiplier
-     *
-     * CSS custom property: --base-height-multiplier
-     */
-    baseHeightMultiplier: number;
-    /**
-     * The number of designUnits used for horizontal spacing at the base density.
-     *
-     * @remarks
-     * HTML attribute: base-horizontal-spacing-multiplier
-     *
-     * CSS custom property: --base-horizontal-spacing-multiplier
-     */
-    baseHorizontalSpacingMultiplier: number;
-    /**
-     * The corner radius applied to controls.
-     *
-     * @remarks
-     * HTML attribute: control-corner-radius
-     *
-     * CSS custom property: --control-corner-radius
-     */
-    controlCornerRadius: number;
-    /**
-     * The corner radius applied to layers.
-     *
-     * @remarks
-     * HTML attribute: layer-corner-radius
-     *
-     * CSS custom property: --layer-corner-radius
-     */
-    layerCornerRadius: number;
-    /**
-     * The width of the standard stroke applied to stroke components in pixels.
-     *
-     * @remarks
-     * HTML attribute: stroke-width
-     *
-     * CSS custom property: --stroke-width
-     */
-    strokeWidth: number;
-    /**
-     * The width of the standard focus stroke in pixels.
-     *
-     * @remarks
-     * HTML attribute: focus-stroke-width
-     *
-     * CSS custom property: --focus-stroke-width
-     */
-    focusStrokeWidth: number;
-    /**
-     * The opacity of a disabled control.
-     *
-     * @remarks
-     * HTML attribute: disabled-opacity
-     *
-     * CSS custom property: --disabled-opacity
-     */
-    disabledOpacity: number;
-    /**
-     * The font-size two steps below the base font-size
-     *
-     * @remarks
-     * HTML attribute: type-ramp-minus-2-font-size
-     *
-     * CSS custom property: --type-ramp-minus-2-font-size
-     */
-    typeRampMinus2FontSize: string;
-    /**
-     * The line-height two steps below the base line-height
-     *
-     * @remarks
-     * HTML attribute: type-ramp-minus-2-line-height
-     *
-     * CSS custom property: --type-ramp-minus-2-line-height
-     */
-    typeRampMinus2LineHeight: string;
-    /**
-     * The font-size one step below the base font-size
-     *
-     * @remarks
-     * HTML attribute: type-ramp-minus-1-font-size
-     *
-     * CSS custom property: --type-ramp-minus-1-font-size
-     */
-    typeRampMinus1FontSize: string;
-    /**
-     * The line-height one step below the base line-height
-     *
-     * @remarks
-     * HTML attribute: type-ramp-minus-1-line-height
-     *
-     * CSS custom property: --type-ramp-minus-1-line-height
-     */
-    typeRampMinus1LineHeight: string;
-    /**
-     * The base font-size of the relative type-ramp scale
-     *
-     * @remarks
-     * HTML attribute: type-ramp-base-font-size
-     *
-     * CSS custom property: --type-ramp-base-font-size
-     */
-    typeRampBaseFontSize: string;
-    /**
-     * The base line-height of the relative type-ramp scale
-     *
-     * @remarks
-     * HTML attribute: type-ramp-base-line-height
-     *
-     * CSS custom property: --type-ramp-base-line-height
-     */
-    typeRampBaseLineHeight: string;
-    /**
-     * The font-size one step above the base font-size
-     *
-     * @remarks
-     * HTML attribute: type-ramp-plus-1-font-size
-     *
-     * CSS custom property: --type-ramp-plus-1-font-size
-     */
-    typeRampPlus1FontSize: string;
-    /**
-     * The line-height one step above the base line-height
-     *
-     * @remarks
-     * HTML attribute: type-ramp-plus-1-line-height
-     *
-     * CSS custom property: --type-ramp-plus-1-line-height
-     */
-    typeRampPlus1LineHeight: string;
-    /**
-     * The font-size two steps above the base font-size
-     *
-     * @remarks
-     * HTML attribute: type-ramp-plus-2-font-size
-     *
-     * CSS custom property: --type-ramp-plus-2-font-size
-     */
-    typeRampPlus2FontSize: string;
-    /**
-     * The line-height two steps above the base line-height
-     *
-     * @remarks
-     * HTML attribute: type-ramp-plus-2-line-height
-     *
-     * CSS custom property: --type-ramp-plus-2-line-height
-     */
-    typeRampPlus2LineHeight: string;
-    /**
-     * The font-size three steps above the base font-size
-     *
-     * @remarks
-     * HTML attribute: type-ramp-plus-3-font-size
-     *
-     * CSS custom property: --type-ramp-plus-3-font-size
-     */
-    typeRampPlus3FontSize: string;
-    /**
-     * The line-height three steps above the base line-height
-     *
-     * @remarks
-     * HTML attribute: type-ramp-plus-3-line-height
-     *
-     * CSS custom property: --type-ramp-plus-3-line-height
-     */
-    typeRampPlus3LineHeight: string;
-    /**
-     * The font-size four steps above the base font-size
-     *
-     * @remarks
-     * HTML attribute: type-ramp-plus-4-font-size
-     *
-     * CSS custom property: --type-ramp-plus-4-font-size
-     */
-    typeRampPlus4FontSize: string;
-    /**
-     * The line-height four steps above the base line-height
-     *
-     * @remarks
-     * HTML attribute: type-ramp-plus-4-line-height
-     *
-     * CSS custom property: --type-ramp-plus-4-line-height
-     */
-    typeRampPlus4LineHeight: string;
-    /**
-     * The font-size five steps above the base font-size
-     *
-     * @remarks
-     * HTML attribute: type-ramp-plus-5-font-size
-     *
-     * CSS custom property: --type-ramp-plus-5-font-size
-     */
-    typeRampPlus5FontSize: string;
-    /**
-     * The line-height five steps above the base line-height
-     *
-     * @remarks
-     * HTML attribute: type-ramp-plus-5-line-height
-     *
-     * CSS custom property: --type-ramp-plus-5-line-height
-     */
-    typeRampPlus5LineHeight: string;
-    /**
-     * The font-size six steps above the base font-size
-     *
-     * @remarks
-     * HTML attribute: type-ramp-plus-6-font-size
-     *
-     * CSS custom property: --type-ramp-plus-6-font-size
-     */
-    typeRampPlus6FontSize: string;
-    /**
-     * The line-height six steps above the base line-height
-     *
-     * @remarks
-     * HTML attribute: type-ramp-plus-6-line-height
-     *
-     * CSS custom property: --type-ramp-plus-6-line-height
-     */
-    typeRampPlus6LineHeight: string;
-    /**
-     * The distance from the resolved accent fill color for the rest state of the accent-fill recipe.
-     *
-     * @remarks
-     * HTML attribute: accent-fill-rest-delta
-     *
-     * CSS custom property: N/A
-     */
-    accentFillRestDelta: number;
-    /**
-     * The distance from the resolved accent fill color for the hover state of the accent-fill recipe.
-     *
-     * @remarks
-     * HTML attribute: accent-fill-hover-delta
-     *
-     * CSS custom property: N/A
-     */
-    accentFillHoverDelta: number;
-    /**
-     * The distance from the resolved accent fill color for the active state of the accent-fill recipe.
-     *
-     * @remarks
-     * HTML attribute: accent-fill-active-delta
-     *
-     * CSS custom property: N/A
-     */
-    accentFillActiveDelta: number;
-    /**
-     * The distance from the resolved accent fill color for the focus state of the accent-fill recipe.
-     *
-     * @remarks
-     * HTML attribute: accent-fill-focus-delta
-     *
-     * CSS custom property: N/A
-     */
-    accentFillFocusDelta: number;
-    /**
-     * The distance from the resolved accent foreground color for the rest state of the accent-foreground recipe.
-     *
-     * @remarks
-     * HTML attribute: accent-foreground-rest-delta
-     *
-     * CSS custom property: N/A
-     */
-    accentForegroundRestDelta: number;
-    /**
-     * The distance from the resolved accent foreground color for the hover state of the accent-foreground recipe.
-     *
-     * @remarks
-     * HTML attribute: accent-foreground-hover-delta
-     *
-     * CSS custom property: N/A
-     */
-    accentForegroundHoverDelta: number;
-    /**
-     * The distance from the resolved accent foreground color for the active state of the accent-foreground recipe.
-     *
-     * @remarks
-     * HTML attribute: accent-foreground-active-delta
-     *
-     * CSS custom property: N/A
-     */
-    accentForegroundActiveDelta: number;
-    /**
-     * The distance from the resolved accent foreground color for the focus state of the accent-foreground recipe.
-     *
-     * @remarks
-     * HTML attribute: accent-foreground-focus-delta
-     *
-     * CSS custom property: N/A
-     */
-    accentForegroundFocusDelta: number;
-    /**
-     * The distance from the resolved neutral fill color for the rest state of the neutral-fill recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-fill-rest-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralFillRestDelta: number;
-    /**
-     * The distance from the resolved neutral fill color for the hover state of the neutral-fill recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-fill-hover-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralFillHoverDelta: number;
-    /**
-     * The distance from the resolved neutral fill color for the active state of the neutral-fill recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-fill-active-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralFillActiveDelta: number;
-    /**
-     * The distance from the resolved neutral fill color for the focus state of the neutral-fill recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-fill-focus-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralFillFocusDelta: number;
-    /**
-     * The distance from the resolved neutral fill input color for the rest state of the neutral-fill-input recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-fill-input-rest-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralFillInputRestDelta: number;
-    /**
-     * The distance from the resolved neutral fill input color for the hover state of the neutral-fill-input recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-fill-input-hover-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralFillInputHoverDelta: number;
-    /**
-     * The distance from the resolved neutral fill input color for the active state of the neutral-fill-input recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-fill-input-active-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralFillInputActiveDelta: number;
-    /**
-     * The distance from the resolved neutral fill input color for the focus state of the neutral-fill-input recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-fill-input-focus-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralFillInputFocusDelta: number;
-    /**
-     * The distance from the resolved neutral fill input color for the rest state of the neutral-fill-layer recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-fill-layer-rest-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralFillLayerRestDelta: number;
-    /**
-     * The distance from the resolved neutral fill stealth color for the rest state of the neutral-fill-stealth recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-fill-stealth-rest-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralFillStealthRestDelta: number;
-    /**
-     * The distance from the resolved neutral fill stealth color for the hover state of the neutral-fill-stealth recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-fill-stealth-hover-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralFillStealthHoverDelta: number;
-    /**
-     * The distance from the resolved neutral fill stealth color for the active state of the neutral-fill-stealth recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-fill-stealth-active-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralFillStealthActiveDelta: number;
-    /**
-     * The distance from the resolved neutral fill stealth color for the focus state of the neutral-fill-stealth recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-fill-stealth-focus-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralFillStealthFocusDelta: number;
-    /**
-     * The distance from the resolved neutral fill strong color for the hover state of the neutral-fill-strong recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-fill-strong-hover-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralFillStrongHoverDelta: number;
-    /**
-     * The distance from the resolved neutral fill strong color for the active state of the neutral-fill-strong recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-fill-strong-active-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralFillStrongActiveDelta: number;
-    /**
-     * The distance from the resolved neutral fill strong color for the focus state of the neutral-fill-strong recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-fill-strong-focus-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralFillStrongFocusDelta: number;
-    /**
-     * The {@link https://www.w3.org/WAI/GL/wiki/Relative_luminance#:~:text=WCAG%20definition%20of%20relative%20luminance,and%201%20for%20lightest%20white|relative luminance} of the base layer of the application.
-     *
-     * @remarks
-     * When set to a number between 0 and 1
-     *
-     * HTML attribute: base-layer-luminance
-     *
-     * CSS custom property: N/A
-     */
-    baseLayerLuminance: number;
-    /**
-     * The distance from the resolved divider color for the rest state of the neutral-stroke-divider recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-stroke-divider-rest-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralStrokeDividerRestDelta: number;
-    /**
-     * The distance from the resolved neutral stroke color for the rest state of the neutral-stroke recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-stroke-rest-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralStrokeRestDelta: number;
-    /**
-     * The distance from the resolved neutral stroke color for the hover state of the neutral-stroke recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-stroke-hover-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralStrokeHoverDelta: number;
-    /**
-     * The distance from the resolved neutral stroke color for the active state of the neutral-stroke recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-stroke-active-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralStrokeActiveDelta: number;
-    /**
-     * The distance from the resolved neutral stroke color for the focus state of the neutral-stroke recipe.
-     *
-     * @remarks
-     * HTML attribute: neutral-stroke-focus-delta
-     *
-     * CSS custom property: N/A
-     */
-    neutralStrokeFocusDelta: number;
-}
-/**
- * The Fluent Design System Provider Element.
- *
- * @public
- * @remarks
- * HTML Element: \<fluent-design-system-provider\>
- */
-export declare const fluentDesignSystemProvider: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
-    baseName: string;
-    template: import("@microsoft/fast-element").ViewTemplate<any, any>;
-    styles: import("@microsoft/fast-element").ElementStyles;
-}> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
-    baseName: string;
-    template: import("@microsoft/fast-element").ViewTemplate<any, any>;
-    styles: import("@microsoft/fast-element").ElementStyles;
-}, typeof DesignSystemProvider>;