@workday/canvas-kit-react 7.0.0-alpha.0-next.7 → 7.0.0-alpha.100-next.25

package/ts3.5/dist/es6/common/lib/theming/breakpoints.d.ts

@@ -1,303 +0,0 @@
-export declare enum BreakpointKey {
-    zero = "zero",
-    s = "s",
-    m = "m",
-    l = "l",
-    xl = "xl"
-}
-export declare type BreakpointFnParam = BreakpointKey | keyof typeof BreakpointKey;
-export declare type CanvasBreakpoints = {
-    /**
-     * ### Zero Breakpoint
-     *
-     * This breakpoint is useful when you need to set a media query `min-width` below small.
-     *
-     * @example
-     * ```ts
-     * import { useTheme } from '@workday/canvas-kit-react/common';
-     * import { space } from '@workday/canvas-kit-react/tokens';
-     *
-     * const theme = useTheme();
-     * const { values } = theme.canvas.breakpoints;
-     * const styles = {
-     *   [`@media (min-width: ${values.zero}px)`]: {
-     *     padding: space.xxs,
-     *   },
-     * }
-     * ```
-     */
-    zero: 0;
-    /**
-     * ### Small Breakpoint
-     *
-     * The small breakpoint provides the `min-width` for mobile devices, such as phones and tablets.
-     * This size ranges from a min-width of 320px to a max-width of 767px.
-     *
-     * @example
-     * ```ts
-     * import { useTheme } from '@workday/canvas-kit-react/common';
-     * import { space } from '@workday/canvas-kit-react/tokens';
-     *
-     * const theme = useTheme();
-     * const { values } = theme.canvas.breakpoints;
-     * const styles = {
-     *   [`@media (min-width: ${values.s}px)`]: {
-     *     padding: space.xs,
-     *   },
-     * }
-     * ```
-     */
-    s: 320;
-    /**
-     * ### Medium Breakpoint
-     *
-     * The medium breakpoint is the min-width for intended for medium screens, such as laptops.
-     * This size ranges from a min-width of 768px to a max-width of 1023px.
-     *
-     * @example
-     * ```ts
-     * import { useTheme } from '@workday/canvas-kit-react/common';
-     * import { space } from '@workday/canvas-kit-react/tokens';
-     *
-     * const theme = useTheme();
-     * const { values } = theme.canvas.breakpoints;
-     * const styles = {
-     *   [`@media (min-width: ${values.m}px)`]: {
-     *     padding: space.s,
-     *   },
-     * }
-     * ```
-     */
-    m: 768;
-    /**
-     * ### Large Breakpoint
-     *
-     * The large breakpoint is the min-width for intended for large screens, such as desktops.
-     * This size ranges from a min-width of 1024px to a max-width of 1439px.
-     *
-     * @example
-     * ```ts
-     * import { useTheme } from '@workday/canvas-kit-react/common';
-     * import { space } from '@workday/canvas-kit-react/tokens';
-     *
-     * const theme = useTheme();
-     * const { values } = theme.canvas.breakpoints;
-     * const styles = {
-     *   [`@media (min-width: ${values.m}px)`]: {
-     *     padding: space.s,
-     *   },
-     * }
-     * ```
-     */
-    l: 1024;
-    /**
-     * ### Extra-Large Breakpoint
-     *
-     * The large breakpoint is the min-width for intended for extra-large screens, such as wide monitors and TVs.
-     * This size has a min-width of 1440px and no max-width.
-     *
-     * @example
-     * ```ts
-     * import { useTheme } from '@workday/canvas-kit-react/common';
-     * import { space } from '@workday/canvas-kit-react/tokens';
-     *
-     * const theme = useTheme();
-     * const { values } = theme.canvas.breakpoints;
-     * const styles = {
-     *   [`@media (min-width: ${values.m}px)`]: {
-     *     padding: space.s
-     *   },
-     * }
-     * ```
-     */
-    xl: 1440;
-};
-export declare const breakpointKeys: readonly ["zero", "s", "m", "l", "xl"];
-/**
- * ### Theme Breakpoint Values
- *
- * Breakpoints are used by media queries to conditionally apply or modify styles based on the viewport width.
- * This allows the UI to be responsive to various screen sizes. This object provides five breakpoint values
- * that correspond to the min-widths of our standard screen sizes.
- *
- * - `zero`: 0
- * - `s`: 320
- * - `m`: 768
- * - `l`: 1024
- * - `xl`: 1440
- *
- * And these are our standard screen size ranges:
- *
- * - `small` (320px - 767px) Used for mobile-sized screens
- * - `medium` (768px - 1023px) Used for tablet-sized screens
- * - `large` - (1024px - 1439px) Used for laptop and small desktop screens
- * - `extra-large` (≥1440px) Used for very large screens
- *
- * Note: Some applications may only require a subset of screen sizes and not use all breakpoints.
- *
- */
-export declare const breakpoints: CanvasBreakpoints;
-/**
- * ### Up
- *
- * _Returns a media query above the `min-width` for the range of a given breakpoint_
- *
- * Given a `start` breakpoint key ("zero", "s", "m", "l", "xl"),
- * this function returns a media query (string) using a `min-width`.
- *
- * @example
- * ```ts
- * import { useTheme } from '@workday/canvas-kit-react/common';
- * import { space } from '@workday/canvas-kit-react/tokens';
- *
- * const theme = useTheme();
- * const { up } = theme.canvas.breakpoints;
- * const mediaQuery = up('l'); // Returns '@media (min-width: 1024px)'
- * const styles = {
- *   [mediaQuery]: {
- *     padding: space.m,
- *   }
- * };
- * ```
- */
-export declare function up(key: BreakpointFnParam): string;
-/**
- * ### Down
- *
- * _Returns a media query below the `max-width` for the range of a given breakpoint_
- *
- * Given an `end` breakpoint key ("zero", "s", "m", "l", "xl"),
- * this function returns a media query (string) using a `max-width`.
- *
- * Note: This function subtracts `0.5px` from the next breakpoint value to prevent collisions.
- * For example, `breakpoints.values.s`, has a `min-width` of `320px`, and the `max-width` is `767.5px`).
- *
- * If the `xl` breakpoint is provided, this function returns a media query with only a `min-width` of `0`,
- * as seen in the second example below.
- *
- * @example
- * ```ts
- * import { useTheme } from '@workday/canvas-kit-react/common';
- * import { space } from '@workday/canvas-kit-react/tokens';
- *
- * const theme = useTheme();
- * const { down } = theme.canvas.breakpoints;
- * const mediaQuery = down('m'); // Returns '@media (max-width: 1023.5px)'
- * const styles = {
- *   [mediaQuery]: {
- *     padding: space.m,
- *   }
- * };
- * ```
- *
- * This example uses the `xl` breakpoint and only adds a `min-width` of `0` to the media query.
- * @example
- * ```ts
- * import { useTheme } from '@workday/canvas-kit-react/common';
- * import { space } from '@workday/canvas-kit-react/tokens';
- *
- * const theme = useTheme();
- * const { down } = theme.canvas.breakpoints;
- * const mediaQuery = down('xl'); // Returns '@media (min-width: 0)'
- * const styles = {
- *   [mediaQuery]: {
- *     padding: space.m,
- *   }
- * };
- * ```
- */
-export declare function down(endKey: BreakpointFnParam): string;
-/**
- * ### Between
- *
- * _Returns a media query between two given breakpoints_
- *
- * Given `start` and `end` breakpoint keys ("zero", "s", "m", "l", "xl"),
- * this function returns a media query (string) using a min-width and max-width.
- *
- * Note: This function subtracts `0.5px` from the next breakpoint value to prevent collisions.
- * For example, `breakpoints.values.s`, has a `min-width` of `320px`, and the `max-width` is `767.5px`).
- *
- * If the `xl` breakpoint is provided, this function returns a media query with only a `min-width`,
- * as seen in the second example below.
- *
- * @example
- * ```ts
- * import { useTheme } from '@workday/canvas-kit-react/common';
- * import { space } from '@workday/canvas-kit-react/tokens';
- *
- * const theme = useTheme();
- * const { between } = theme.canvas.breakpoints;
- * // Returns '@media (min-width: 320px) and (max-width: 1023.5px)'
- * const mediaQuery = between('s', 'm');
- * const styles = {
- *   [mediaQuery]: {
- *     padding: space.s,
- *   }
- * };
- * ```
- *
- * This example uses `xl` as the `end` breakpoint and only adds a min-width to the media query.
- * @example
- * ```ts
- * import { useTheme } from '@workday/canvas-kit-react/common';
- * import { space } from '@workday/canvas-kit-react/tokens';
- *
- * const theme = useTheme();
- * const { between } = theme.canvas.breakpoints;
- * const mediaQuery = between('m', 'xl'); // Returns '@media (min-width: 768px)'
- * const styles = {
- *   [mediaQuery]: {
- *     padding: space.s,
- *   }
- * };
- * ```
- */
-export declare function between(start: BreakpointFnParam, end: BreakpointFnParam): string;
-/**
- * ### Only
- *
- * _Returns a media query with a `min-width` and `max-width` for a given breakpoint_
- *
- * Given a breakpoint key ("zero", "s", "m", "l", "xl"),
- * this function returns a media query (string) using a `min-width` and `max-width`.
- *
- * Note: This function subtracts `0.5px` from the next breakpoint value to prevent collisions.
- * For example, `breakpoints.values.s`, has a `min-width` of `320px`, and the `max-width` is `767.5px`).
- *
- * If the `xl` breakpoint is provided, this function returns a media query with only a `min-width` of `1440px`,
- * as seen in the second example below.
- *
- * @example
- * ```ts
- * import { useTheme } from '@workday/canvas-kit-react/common';
- * import { space } from '@workday/canvas-kit-react/tokens';
- *
- * const theme = useTheme();
- * const { only } = theme.canvas.breakpoints;
- * const mediaQuery = only('s'); // Returns '@media (min-width: 320px) and (max-width: 767.5px)'
- * const styles = {
- *   [mediaQuery]: {
- *     padding: space.s,
- *   }
- * };
- * ```
- *
- * This example uses the `xl` breakpoint and only adds a `min-width` of `1440px` to the media query.
- * @example
- * ```ts
- * import { useTheme } from '@workday/canvas-kit-react/common';
- * import { space } from '@workday/canvas-kit-react/tokens';
- *
- * const theme = useTheme();
- * const { only } = theme.canvas.breakpoints;
- * const mediaQuery = only('xl'); // Returns '@media (min-width: 1440px)'
- * const styles = {
- *   [mediaQuery]: {
- *     padding: space.s,
- *   }
- * };
- * ```
- */
-export declare function only(key: BreakpointFnParam): string;
-//# sourceMappingURL=breakpoints.d.ts.map

package/ts3.5/dist/es6/common/lib/theming/createCanvasTheme.d.ts

@@ -1,10 +0,0 @@
-import { CanvasTheme, PartialCanvasTheme } from './types';
-export declare enum ColorDirection {
-    Darken = 0,
-    Brighten = 1
-}
-export declare function shiftColor(hexColor: string, direction: ColorDirection): string;
-declare function calculateCanvasTheme(partialTheme: PartialCanvasTheme): CanvasTheme;
-export declare const createCanvasTheme: typeof calculateCanvasTheme & import("lodash").MemoizedFunction;
-export {};
-//# sourceMappingURL=createCanvasTheme.d.ts.map

package/ts3.5/dist/es6/common/lib/theming/index.d.ts

@@ -1,8 +0,0 @@
-export * from './breakpoints';
-export { createCanvasTheme } from './createCanvasTheme';
-export * from './types';
-export { default as styled } from './styled';
-export * from './theme';
-export * from './useTheme';
-export * from './useIsRTL';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/es6/common/lib/theming/styled.d.ts

@@ -1,4 +0,0 @@
-import { CreateStyled } from '@emotion/styled';
-declare const _default: CreateStyled;
-export default _default;
-//# sourceMappingURL=styled.d.ts.map

package/ts3.5/dist/es6/common/lib/theming/theme.d.ts

@@ -1,3 +0,0 @@
-import { CanvasTheme } from './types';
-export declare const defaultCanvasTheme: CanvasTheme;
-//# sourceMappingURL=theme.d.ts.map

package/ts3.5/dist/es6/common/lib/theming/types.d.ts

@@ -1,260 +0,0 @@
-import { CanvasBreakpoints, BreakpointFnParam } from './breakpoints';
-/**
- * A single palette within a Canvas theme
- */
-export declare type CanvasThemePalette = {
-    lightest: string;
-    light: string;
-    main: string;
-    dark: string;
-    darkest: string;
-    contrast: string;
-};
-declare type CanvasThemeCommonPalette = {
-    focusOutline: string;
-};
-/**
- * Direction of page content for internationalization
- */
-export declare enum ContentDirection {
-    LTR = "ltr",
-    RTL = "rtl"
-}
-/**
- * The format of a Canvas theme for components that support it.
- */
-export interface CanvasTheme {
-    palette: {
-        common: CanvasThemeCommonPalette;
-        primary: CanvasThemePalette;
-        error: CanvasThemePalette;
-        alert: CanvasThemePalette;
-        success: CanvasThemePalette;
-        neutral: CanvasThemePalette;
-    };
-    /**
-     * ### Theme Breakpoints
-     *
-     * Breakpoints are used by media queries to conditionally apply or modify styles based on the viewport width.
-     * This allows the UI to be responsive to various screen sizes.
-     *
-     * This breakpoints object contains `values` and several helper functions: `up`, `down`, `between`, and `only`.
-     * You can find more detailed information by inspecting individual values and functions.
-     */
-    breakpoints: {
-        /**
-         * ### Breakpoint Values
-         *
-         * This object provides five breakpoint values
-         * that correspond to the min-widths of our standard screen sizes.
-         *
-         * - `zero`: 0
-         * - `s`: 320
-         * - `m`: 768
-         * - `l`: 1024
-         * - `xl`: 1440
-         *
-         * And these are our standard screen size ranges:
-         *
-         * - `small` (320px - 767px) Used for mobile-sized screens
-         * - `medium` (768px - 1023px) Used for tablet-sized screens
-         * - `large` - (1024px - 1439px) Used for laptop and small desktop screens
-         * - `extra-large` (≥1440px) Used for very large screens
-         *
-         * Note: Some applications may only require a subset of screen sizes and not use all breakpoints.
-         *
-         */
-        values: CanvasBreakpoints;
-        /**
-         * ### Up
-         *
-         * _Returns a media query above the `min-width` for the range of a given breakpoint_
-         *
-         * Given a `start` breakpoint key ("zero", "s", "m", "l", "xl"),
-         * this function returns a media query (string) using a `min-width`.
-         *
-         * @example
-         * ```ts
-         * import { useTheme } from '@workday/canvas-kit-react/common';
-         * import { space } from '@workday/canvas-kit-react/tokens';
-         *
-         * const theme = useTheme();
-         * const { up } = theme.canvas.breakpoints;
-         * const mediaQuery = up('l'); // Returns '@media (min-width: 1024px)'
-         * const styles = {
-         *   [mediaQuery]: {
-         *     padding: space.m,
-         *   }
-         * };
-         * ```
-         */
-        up: (key: BreakpointFnParam) => string;
-        /**
-         * ### Down
-         *
-         * _Returns a media query below the `max-width` for the range of a given breakpoint_
-         *
-         * Given an `end` breakpoint key ("zero", "s", "m", "l", "xl"),
-         * this function returns a media query (string) using a `max-width`.
-         *
-         * Note: This function subtracts `0.5px` from the next breakpoint value to prevent collisions.
-         * For example, `breakpoints.values.s`, has a `min-width` of `320px`, and the `max-width` is `767.5px`).
-         *
-         * If the `xl` breakpoint is provided, this function returns a media query with only a `min-width` of `0`,
-         * as seen in the second example below.
-         *
-         * @example
-         * ```ts
-         * import { useTheme } from '@workday/canvas-kit-react/common';
-         * import { space } from '@workday/canvas-kit-react/tokens';
-         *
-         * const theme = useTheme();
-         * const { down } = theme.canvas.breakpoints;
-         * const mediaQuery = down('m'); // Returns '@media (max-width: 1023.5px)'
-         * const styles = {
-         *   [mediaQuery]: {
-         *     padding: space.m,
-         *   }
-         * };
-         * ```
-         *
-         * This example uses the `xl` breakpoint and only adds a `min-width` of `0` to the media query.
-         * @example
-         * ```ts
-         * import { useTheme } from '@workday/canvas-kit-react/common';
-         * import { space } from '@workday/canvas-kit-react/tokens';
-         *
-         * const theme = useTheme();
-         * const { down } = theme.canvas.breakpoints;
-         * const mediaQuery = down('xl'); // Returns '@media (min-width: 0)'
-         * const styles = {
-         *   [mediaQuery]: {
-         *     padding: space.m,
-         *   }
-         * };
-         * ```
-         */
-        down: (key: BreakpointFnParam) => string;
-        /**
-         * ### Between
-         *
-         * _Returns a media query between two given breakpoints_
-         *
-         * Given `start` and `end` breakpoint keys ("zero", "s", "m", "l", "xl"),
-         * this function returns a media query (string) using a min-width and max-width.
-         *
-         * Note: This function subtracts `0.5px` from the next breakpoint value to prevent collisions.
-         * For example, `breakpoints.values.s`, has a `min-width` of `320px`, and the `max-width` is `767.5px`).
-         *
-         * If the `xl` breakpoint is provided, this function returns a media query with only a `min-width`,
-         * as seen in the second example below.
-         *
-         * @example
-         * ```ts
-         * import { useTheme } from '@workday/canvas-kit-react/common';
-         * import { space } from '@workday/canvas-kit-react/tokens';
-         *
-         * const theme = useTheme();
-         * const { between } = theme.canvas.breakpoints;
-         * // Returns '@media (min-width: 320px) and (max-width: 1023.5px)'
-         * const mediaQuery = between('s', 'm');
-         * const styles = {
-         *   [mediaQuery]: {
-         *     padding: space.s,
-         *   }
-         * };
-         * ```
-         *
-         * This example uses `xl` as the `end` breakpoint and only adds a min-width to the media query.
-         * @example
-         * ```ts
-         * import { useTheme } from '@workday/canvas-kit-react/common';
-         * import { space } from '@workday/canvas-kit-react/tokens';
-         *
-         * const theme = useTheme();
-         * const { between } = theme.canvas.breakpoints;
-         * const mediaQuery = between('m', 'xl'); // Returns '@media (min-width: 768px)'
-         * const styles = {
-         *   [mediaQuery]: {
-         *     padding: space.s,
-         *   }
-         * };
-         * ```
-         */
-        between: (start: BreakpointFnParam, end: BreakpointFnParam) => string;
-        /**
-         * ### Only
-         *
-         * _Returns a media query with a `min-width` and `max-width` for a given breakpoint_
-         *
-         * Given a breakpoint key ("zero", "s", "m", "l", "xl"),
-         * this function returns a media query (string) using a `min-width` and `max-width`.
-         *
-         * Note: This function subtracts `0.5px` from the next breakpoint value to prevent collisions.
-         * For example, `breakpoints.values.s`, has a `min-width` of `320px`, and the `max-width` is `767.5px`).
-         *
-         * If the `xl` breakpoint is provided, this function returns a media query with only a `min-width` of `1440px`,
-         * as seen in the second example below.
-         *
-         * @example
-         * ```ts
-         * import { useTheme } from '@workday/canvas-kit-react/common';
-         * import { space } from '@workday/canvas-kit-react/tokens';
-         *
-         * const theme = useTheme();
-         * const { only } = theme.canvas.breakpoints;
-         * const mediaQuery = only('s'); // Returns '@media (min-width: 320px) and (max-width: 767.5px)'
-         * const styles = {
-         *   [mediaQuery]: {
-         *     padding: space.s,
-         *   }
-         * };
-         * ```
-         *
-         * This example uses the `xl` breakpoint and only adds a `min-width` of `1440px` to the media query.
-         * @example
-         * ```ts
-         * import { useTheme } from '@workday/canvas-kit-react/common';
-         * import { space } from '@workday/canvas-kit-react/tokens';
-         *
-         * const theme = useTheme();
-         * const { only } = theme.canvas.breakpoints;
-         * const mediaQuery = only('xl'); // Returns '@media (min-width: 1440px)'
-         * const styles = {
-         *   [mediaQuery]: {
-         *     padding: space.s,
-         *   }
-         * };
-         * ```
-         */
-        only: (key: BreakpointFnParam) => string;
-    };
-    direction: ContentDirection;
-}
-/**
- * Indicates a component is themeable with a CanvasTheme
- */
-export interface Themeable {
-    theme?: EmotionCanvasTheme;
-}
-/**
- * For custom themes that do not overwrite every default.
- */
-declare type RecursivePartial<T> = {
-    [P in keyof T]?: RecursivePartial<T[P]>;
-};
-export declare type PartialCanvasTheme = RecursivePartial<CanvasTheme>;
-export declare type PartialCanvasThemePalette = RecursivePartial<CanvasThemePalette>;
-export declare type PartialEmotionCanvasTheme = {
-    canvas?: PartialCanvasTheme;
-};
-declare module '@emotion/react' {
-    interface Theme {
-        canvas: CanvasTheme;
-    }
-}
-export declare type EmotionCanvasTheme = {
-    canvas: CanvasTheme;
-};
-export {};
-//# sourceMappingURL=types.d.ts.map

package/ts3.5/dist/es6/common/lib/theming/useIsRTL.d.ts

@@ -1,9 +0,0 @@
-import { PartialEmotionCanvasTheme } from './types';
-/**
- * This is a small hook to support right-to-left logic.
- * It returns a boolean
- * @example
- * const isRTL = useIsRTL();
- */
-export declare const useIsRTL: (partialTheme?: PartialEmotionCanvasTheme | undefined) => boolean;
-//# sourceMappingURL=useIsRTL.d.ts.map

package/ts3.5/dist/es6/common/lib/theming/useTheme.d.ts

@@ -1,21 +0,0 @@
-import { EmotionCanvasTheme, PartialEmotionCanvasTheme } from './index';
-/**
- * Hook function to get the correct theme object.
- * @param {Object=} theme - The theme object returned from the emotion ThemeContext
- * (through ThemeProvider). The Canvas Kit theme is namespaced within this variable under the `canvas` key.
- *
- * NOTE: If you are using a class component, you MUST pass the theme.
- * If not passed, the function will try to pull the theme from ThemeContext.
- * If that does not work, it will try to retrieve it from the window object.
- * As a last resort, it will return the default Canvas theme.
- *
- * The resulting theme will be merged with the default Canvas theme
- * (using memoized createCanvasTheme()) to establish any missing fields that have
- * not been defined by the consumer's theme object.
- *
- * Providing the default theme here is currently a work around for when no
- * ThemeProvider or context exists.
- * Tracked on https://github.com/emotion-js/emotion/issues/1193.
- */
-export declare function useTheme(theme?: PartialEmotionCanvasTheme): EmotionCanvasTheme;
-//# sourceMappingURL=useTheme.d.ts.map

package/ts3.5/dist/es6/common/lib/types.d.ts

@@ -1,28 +0,0 @@
-/**
- * The growth behavior of a component.
- */
-export interface GrowthBehavior {
-    /**
-     * True if the component should grow to its container's width. False otherwise.
-     */
-    grow?: boolean;
-}
-/**
- * TransformOrigin behavior for things like popups and tooltips
- */
-export interface TransformOrigin {
-    horizontal: 'left' | 'center' | 'right';
-    vertical: 'top' | 'center' | 'bottom';
-}
-/**
- * Error types
- */
-export declare enum ErrorType {
-    Error = 0,
-    Alert = 1
-}
-/**
- * Type to Pick props from an interface, making some required and leaving others as is
- */
-export declare type PickRequired<T, Req extends keyof T, AsIs extends keyof T> = Required<Pick<T, Req>> & Pick<T, AsIs>;
-//# sourceMappingURL=types.d.ts.map

package/ts3.5/dist/es6/common/lib/utils/StaticStates.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
-import { CSSProperties } from '@workday/canvas-kit-react/tokens';
-export declare const convertToStaticStates: (obj?: CSSProperties | undefined) => CSSProperties | undefined;
-export declare const StaticStates: React.FC<{
-    theme?: PartialEmotionCanvasTheme;
-} & React.HTMLAttributes<HTMLElement>>;
-//# sourceMappingURL=StaticStates.d.ts.map

package/ts3.5/dist/es6/common/lib/utils/assert.d.ts

@@ -1,3 +0,0 @@
-export declare function assert(value: boolean, message?: string): asserts value;
-export declare function assert<T>(value: T | null | undefined, message?: string): asserts value is T;
-//# sourceMappingURL=assert.d.ts.map

package/ts3.5/dist/es6/common/lib/utils/changeFocus.d.ts

@@ -1,6 +0,0 @@
-/**
- * Programmatically change focus in a way that causes a focus ring around the new element.
- * @param element Element that should be focused
- */
-export declare const changeFocus: (element: unknown) => void;
-//# sourceMappingURL=changeFocus.d.ts.map

package/ts3.5/dist/es6/common/lib/utils/colorUtils.d.ts

@@ -1,11 +0,0 @@
-export declare const expandHex: (hex: string) => string;
-/**
- *
- * Chooses foreground color with accesible contrast against background. If contrast ratio
- * is greater than 4.5:1, chooses provided light or dark color (favoring light color). If neither
- * have a high enough contrast ratio, picks the first color of the following that meets 4.5:1 or higher:
- * [frenchVanilla100, blackPepper300, blackPepper400, blackPepper500, blackPepper600]
- * (https://www.w3.org/TR/WCAG20-TECHS/G18.html)
- */
-export declare const pickForegroundColor: (background: string, darkColor?: string | undefined, lightColor?: string | undefined) => string | undefined;
-//# sourceMappingURL=colorUtils.d.ts.map