@ni/nimble-components 10.0.1 → 10.0.4

package/dist/esm/nimble-components/src/utilities/style/direction.d.ts

@@ -1,34 +0,0 @@
-import type { Behavior, ElementStyles, FASTElement } from '@microsoft/fast-element';
-/**
- * Behavior to conditionally apply LTR and RTL stylesheets. To determine which to apply,
- * the behavior will use the nearest DesignSystemProvider's 'direction' design system value.
- *
- * @public
- * @example
- * ```ts
- * import { css } from "@microsoft/fast-element";
- * import { DirectionalStyleSheetBehavior } from "@microsoft/fast-foundation";
- *
- * css`
- *  // ...
- * `.withBehaviors(new DirectionalStyleSheetBehavior(
- *   css`:host { content: "ltr"}`),
- *   css`:host { content: "rtl"}`),
- * )
- * ```
- */
-export declare class DirectionalStyleSheetBehavior implements Behavior {
-    private ltr;
-    private rtl;
-    private cache;
-    constructor(ltr: ElementStyles | null, rtl: ElementStyles | null);
-    /**
-     * @internal
-     */
-    bind(source: FASTElement & HTMLElement): void;
-    /**
-     * @internal
-     */
-    unbind(source: FASTElement & HTMLElement): void;
-    private attach;
-}

package/dist/esm/nimble-components/src/utilities/style/focus.d.ts

@@ -1,11 +0,0 @@
-/**
- * This file is a workaround for: https://github.com/prettier/prettier/issues/11400
- */
-/**
- * The string representing the focus selector to be used. Value
- * will be ":focus-visible" when https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo
- * is supported and ":focus" when it is not.
- *
- * @public
- */
-export declare const focusVisible: string;

package/dist/esm/nimble-components/src/utilities/style/prefers-reduced-motion.d.ts

@@ -1,4 +0,0 @@
-/**
- * Singleton utility to watch the prefers-reduced-motion media value
- */
-export declare const prefersReducedMotionMediaQuery: MediaQueryList;

package/dist/esm/nimble-components/src/utilities/style/theme.d.ts

@@ -1,42 +0,0 @@
-import { Behavior, ElementStyles, FASTElement } from '@microsoft/fast-element';
-import type { Theme } from '../../theme-provider/types';
-export declare type LightStyle = ElementStyles | null;
-export declare type DarkStyleOrAlias = ElementStyles | null | Extract<Theme, 'light'>;
-export declare type ColorStyleOrAlias = ElementStyles | null | Extract<Theme, 'light' | 'dark'>;
-/**
- * Behavior to conditionally apply theme-based stylesheets.
- */
-declare class ThemeStyleSheetBehavior implements Behavior {
-    private readonly themeStyles;
-    private readonly cache;
-    constructor(lightStyle: LightStyle, darkStyleOrAlias: DarkStyleOrAlias, colorStyleOrAlias: ColorStyleOrAlias);
-    private static resolveTheme;
-    /**
-     * @internal
-     */
-    bind(source: FASTElement & HTMLElement): void;
-    /**
-     * @internal
-     */
-    unbind(source: FASTElement & HTMLElement): void;
-}
-/**
- * Behavior to conditionally apply theme-based stylesheets. To determine which to apply,
- * the behavior will use the nearest ThemeProvider's 'theme' design system value.
- * To re-use the same style for multiple themes you can specify the name of an already
- * defined theme to alias them together.
- *
- * @public
- * @example
- * ```ts
- * css`
- *  // ...
- * `.withBehaviors(new ThemeStyleSheetBehavior(
- *   css`:host { ... Theme.light style... }`),
- *   null, // No style needed for Theme.dark style
- *   Theme.light // For the Theme.color style, re-use the previously set Theme.light style
- * )
- * ```
- */
-export declare const themeBehavior: (lightStyle: LightStyle, darkStyleOrAlias: DarkStyleOrAlias, colorStyleOrAlias: ColorStyleOrAlias) => ThemeStyleSheetBehavior;
-export {};