@workday/canvas-kit-react 7.0.0-alpha.89-next.16 → 7.0.0-alpha.90-next.17

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

@@ -1,5 +0,0 @@
-import { CSSObject } from '@emotion/styled';
-import { ElementComponent } from '..';
-export declare const ellipsisStyles: CSSObject;
-export declare const EllipsisText: ElementComponent<"span", {}>;
-//# sourceMappingURL=EllipsisText.d.ts.map

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

@@ -1,63 +0,0 @@
-import * as React from 'react';
-export interface InputProviderProps {
-    provideIntent?: boolean;
-    container?: HTMLElement | React.RefObject<HTMLElement>;
-}
-export declare enum InputType {
-    Initial = "initial",
-    Keyboard = "keyboard",
-    Mouse = "mouse",
-    Pointer = "pointer",
-    Touch = "touch"
-}
-export declare enum InputEventType {
-    KeyDown = "keydown",
-    KeyUp = "keyup",
-    MouseDown = "mousedown",
-    MouseMove = "mousemove",
-    Wheel = "wheel",
-    MouseWheel = "mousewheel",
-    PointerDown = "pointerdown",
-    PointerMove = "pointermove",
-    TouchStart = "touchstart"
-}
-declare type InputEvent = Event | React.KeyboardEvent | React.MouseEvent | React.TouchEvent | React.PointerEvent;
-export declare const inputEventMap: {
-    keydown: InputType;
-    keyup: InputType;
-    mousedown: InputType;
-    mousemove: InputType;
-    wheel: InputType;
-    mousewheel: InputType;
-    pointerdown: InputType;
-    pointermove: InputType;
-    touchstart: InputType;
-};
-/**
- * This component takes heavy inspiration from what-input (https://github.com/ten1seven/what-input)
- */
-export declare class InputProvider extends React.Component<InputProviderProps> {
-    private eventTimer;
-    private currentInput;
-    private currentIntent;
-    private supportsPassive;
-    private isBuffering;
-    private isScrolling;
-    private mousePosX;
-    private mousePosY;
-    private deferInputTracking;
-    constructor(props: any);
-    provideIntent: boolean | undefined;
-    getContainer(container?: HTMLElement | React.RefObject<HTMLElement>): HTMLElement;
-    componentDidMount(): void;
-    updateAttributes(): void;
-    componentWillUnmount(): void;
-    enableListeners(enable: boolean): void;
-    setInput(event: InputEvent): void;
-    setIntent(event: InputEvent): void;
-    eventBuffer(event: Event): void;
-    detectScrolling(event: React.MouseEvent): void;
-    render(): {} | null;
-}
-export default InputProvider;
-//# sourceMappingURL=InputProvider.d.ts.map

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

@@ -1,23 +0,0 @@
-import { CSSObject } from '@emotion/styled';
-/**
- * Our schema for generic styles for a whole component.
- * Each key corresponds to an emotion styled component (HTML Element)
- */
-export interface GenericStyles {
-    [key: string]: GenericStyle;
-}
-/**
- * The schema for generic styles for an emotion styled component
- * The classname will have a prefix appended upon export for css.
- * The variant keys will be appended to the classname.
- * The defaults are an array of the variant keys to use as default state.
- */
-export interface GenericStyle {
-    classname: string;
-    styles: CSSObject;
-    variants?: {
-        [key: string]: CSSObject;
-    };
-    defaults?: Array<string>;
-}
-//# sourceMappingURL=genericStyles.d.ts.map

package/ts3.5/dist/es6/common/lib/parts/_brand-assets.d.ts

@@ -1,6 +0,0 @@
-export declare const dubLogoBlue: string;
-export declare const dubLogoWhite: string;
-export declare const wdayLogoBlue: string;
-export declare const wdayLogoWhite: string;
-export declare const miniWdayLogoBlue: string;
-//# sourceMappingURL=_brand-assets.d.ts.map

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

@@ -1,2 +0,0 @@
-export * from './_brand-assets';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/es6/common/lib/styles/accessibleHide.d.ts

@@ -1,7 +0,0 @@
-import { CSSProperties } from '@workday/canvas-kit-react/tokens';
-/**
- * A utility to hide content normal users while still making accessible to screenreaders
- * See https://a11y-101.com/development/skip-link
- */
-export declare const accessibleHide: CSSProperties;
-//# sourceMappingURL=accessibleHide.d.ts.map

package/ts3.5/dist/es6/common/lib/styles/errorRing.d.ts

@@ -1,12 +0,0 @@
-import { EmotionCanvasTheme } from '../theming/index';
-import { ErrorType } from '../types';
-import { CSSObject } from '@emotion/styled';
-export declare function getErrorColors(error?: ErrorType, theme?: EmotionCanvasTheme): {
-    outer: string;
-    inner: string;
-} | {
-    outer?: undefined;
-    inner?: undefined;
-};
-export declare function errorRing(error?: ErrorType, theme?: EmotionCanvasTheme): CSSObject;
-//# sourceMappingURL=errorRing.d.ts.map

package/ts3.5/dist/es6/common/lib/styles/focusRing.d.ts

@@ -1,43 +0,0 @@
-import { Theme, CSSObject } from '@emotion/react';
-interface FocusRingOptions {
-    width?: number;
-    separation?: number;
-    animate?: boolean;
-    /**
-     * Specifies where the ring(s) should be attached.
-     * - undefined: Both "inner" and "outer" shadows outside the container.
-     * - 'inner': "Inner" shadow inset. "Outer" shadow outside the container.
-     * - 'outer': Both "inner" and "outer" shadows inside the container.
-     */
-    inset?: 'inner' | 'outer';
-    innerColor?: string;
-    outerColor?: string;
-    memoize?: boolean;
-}
-declare function calculateFocusRing({ width, separation, animate, inset, innerColor, outerColor, }: Required<Pick<FocusRingOptions, Exclude<keyof FocusRingOptions, 'memoize' | 'inset'>>> & Pick<FocusRingOptions, 'inset'>): CSSObject;
-export declare const memoizedFocusRing: typeof calculateFocusRing & import("lodash").MemoizedFunction;
-/**
- * A utility to create a canvas style focus ring around your widget.
- * By default, this mixin will create a 2px focus ring tightly wrapped
- * to the container (no whitespace).
- *
- * @param width        Allows the user to specify the thickness in px of the focus ring.
- * @param separation  Allows the user to define the width in px of the whitespace
- *                         that there should be between the component and the focus ring.
- * @param animate          Set property to false to opt out of the standard grow out of the middle animation
- * @param inset            Determines whether or not the focus ring is inset
- * @param innerShadowColor Allows the user to specify the inner shadow color
- * @param outerShadowColor Allows the user to specify the outer shadow color
- *
- * @returns {CSSObject} the css object for the focus ring style
- */
-/**
- * A utility to create a canvas style focus ring around your widget.
- * By default, this mixin will create a 2px focus ring tightly wrapped
- * to the container (no whitespace).
- *
- * @returns {CSSObject} the css object for the focus ring style
- */
-export declare function focusRing(options?: FocusRingOptions, theme?: Theme): CSSObject;
-export {};
-//# sourceMappingURL=focusRing.d.ts.map

package/ts3.5/dist/es6/common/lib/styles/hideMouseFocus.d.ts

@@ -1,9 +0,0 @@
-import { Interpolation } from '@emotion/react';
-import { CSSProperties } from '@workday/canvas-kit-react/tokens';
-/**
- * A utility to hide the default canvas style focus ring when using mouse input.
- * Requires wrapping your components in an InputProvider component.
- */
-export declare const hideMouseFocus: CSSProperties;
-export declare const mouseFocusBehavior: (selectors: Record<string, Interpolation<any>>) => Record<string, Interpolation<any>>;
-//# sourceMappingURL=hideMouseFocus.d.ts.map

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

@@ -1,5 +0,0 @@
-export * from './accessibleHide';
-export * from './errorRing';
-export * from './focusRing';
-export * from './hideMouseFocus';
-//# sourceMappingURL=index.d.ts.map

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