@workday/canvas-kit-react 6.8.9 → 6.9.0-next.5

package/ts3.5/dist/es6/tabs/lib/selection/useSelectionModel.d.ts

@@ -1,62 +0,0 @@
-import { ToModelConfig } from '@workday/canvas-kit-react/common';
-import { CursorState, CursorEvents, BaseCursorModelConfig, CursorModel } from '../cursor/useCursorModel';
-export declare type Orientation = 'horizontal' | 'vertical';
-export declare type SelectionState<T = unknown> = CursorState<T> & {
-    selectedIds: 'all' | string[];
-    unselectedIds: string[];
-};
-export declare type SelectionEvents<T = unknown> = CursorEvents<T> & {
-    /** Select a specific item by its identifier. */
-    select(data: {
-        id: string;
-    }): void;
-    /** Select all items. This will set `selectedIds` to `'all'` and remove all `unselectedIds`.
-     * This is especially useful for virtual lists where not all items are loaded in memory.
-     */
-    selectAll(): void;
-    unselectAll(): void;
-};
-export interface SelectionModel<T = unknown> extends CursorModel<T> {
-    state: SelectionState<T>;
-    events: SelectionEvents<T>;
-    selection: SelectionManager;
-}
-export declare const selectionEventMap: {
-    guards: {
-        /** Should a cursor position be set? Use only in advance use-cases */
-        shouldSelect: "select";
-        shouldGoTo: "goTo";
-        shouldRegisterItem: "registerItem";
-        shouldUnregisterItem: "unregisterItem";
-        shouldUpdateItemPosition: "updateItemPosition";
-    };
-    callbacks: {
-        /**
-         * Called when a cursor position has been changed. Useful to set state or perform side effects.
-         * This is called during state change batching, so calling state setters will not invoke extra
-         * renders.
-         */
-        onSelect: "select";
-        onGoTo: "goTo";
-        onRegisterItem: "registerItem";
-        onUnregisterItem: "unregisterItem";
-        onUpdateItemPosition: "updateItemPosition";
-    };
-};
-/**
- * A SelectionManager is used
- */
-export interface SelectionManager {
-    select(id: string, prevState: Pick<SelectionState, 'selectedIds' | 'unselectedIds'>): Pick<SelectionState, 'selectedIds' | 'unselectedIds'>;
-}
-export declare const isSelected: (id: string, { selectedIds, unselectedIds }: Pick<SelectionState<unknown>, "selectedIds" | "unselectedIds">) => boolean;
-export declare const singleSelectionManager: SelectionManager;
-export declare const multiSelectionManager: SelectionManager;
-export declare type BaseSelectionModelConfig<T> = BaseCursorModelConfig<T> & {
-    initialSelectedIds?: string[];
-    initialUnselectedIds?: string[];
-    selection?: SelectionManager;
-};
-export declare type SelectionModelConfig<T> = BaseSelectionModelConfig<T> & Partial<ToModelConfig<SelectionState<T>, SelectionEvents<T>, typeof selectionEventMap>>;
-export declare const useSelectionModel: <T extends unknown>(config?: SelectionModelConfig<T>) => SelectionModel<T>;
-//# sourceMappingURL=useSelectionModel.d.ts.map

package/ts3.5/dist/es6/tabs/lib/useTabsModel.d.ts

@@ -1,90 +0,0 @@
-import { ToModelConfig } from '@workday/canvas-kit-react/common';
-import { Orientation } from './cursor';
-import { ListEvents, ListState } from './list';
-import { MenuModel, MenuModelConfig } from './menu';
-import { OverflowEvents, OverflowState, BaseOverflowModelConfig, OverflowModel } from './overflow';
-export declare type TabsState<T> = OverflowState<T> & {
-    /** IDREF of the list. Children ids can be derived from this id */
-    id: string;
-    /**
-     * A list of panels. Uses `ListModel`
-     */
-    panels: T[];
-    /**
-     * A React.Ref of the current item index. A ref is used to allow for updating outside the normal
-     * React state cycle to ensure accurate index tracking as items are registered within the same
-     * state setting phase.
-     */
-    panelIndexRef: ListState<T>['indexRef'];
-    orientation: Orientation;
-    getId: (item: T) => string;
-};
-export declare type TabsEvents<T = unknown> = OverflowEvents<T> & {
-    /**
-     * This event registers panels with state.panels. Called when a panel is mounted.
-     */
-    registerPanel: ListEvents<T>['registerItem'];
-    /**
-     * This event unregisters panels with state.panels. Called when a panel is unmounted.
-     */
-    unregisterPanel: ListEvents<T>['unregisterItem'];
-};
-export interface TabsModel<T = unknown> extends OverflowModel<T> {
-    state: TabsState<T>;
-    events: TabsEvents<T>;
-    menu: MenuModel<T>;
-}
-export declare const tabEventMap: {
-    guards: {
-        shouldSetContainerWidth: "setContainerWidth";
-        shouldSetOverflowTargetWidth: "setOverflowTargetWidth";
-        shouldAddItemWidth: "addItemWidth";
-        shouldRemoveItemWidth: "removeItemWidth";
-        shouldAddHiddenKey: "addHiddenKey";
-        shouldRemoveHiddenKey: "removeHiddenKey";
-        shouldSelect: "select"; /**
-         * This event unregisters panels with state.panels. Called when a panel is unmounted.
-         */
-        shouldGoTo: "goTo";
-        shouldRegisterItem: "registerItem";
-        shouldUnregisterItem: "unregisterItem";
-        shouldUpdateItemPosition: "updateItemPosition";
-    };
-    callbacks: {
-        onSetContainerWidth: "setContainerWidth";
-        onSetOverflowTargetWidth: "setOverflowTargetWidth";
-        onAddItemWidth: "addItemWidth";
-        onRemoveItemWidth: "removeItemWidth";
-        onAddHiddenKey: "addHiddenKey";
-        onRemoveHiddenKey: "removeHiddenKey";
-        onSelect: "select";
-        onGoTo: "goTo";
-        onRegisterItem: "registerItem";
-        onUnregisterItem: "unregisterItem";
-        onUpdateItemPosition: "updateItemPosition";
-    };
-};
-export declare type BaseTabsModelConfig<T> = Pick<BaseOverflowModelConfig<T>, Exclude<keyof BaseOverflowModelConfig<T>, 'orientation'>> & {
-    /**
-     * Optional id for the whole `Tabs` group. The `aria-controls` of the `Tab.Item` and `id` of the
-     * `Tab.Panel` will automatically derived from this id. If not provided, a unique id will be
-     * created.
-     * @default useUniqueId()
-     */
-    id?: string;
-    /**
-     * An initially selected tab. This value must match the `name` of the `Tab.Item` component. If
-     * not provided, the first tab will be selected.
-     */
-    initialTab?: string;
-    /**
-     * The default Tabs sub-components only handle rendering of tabs in a horizontal orientation, but
-     * the sub-components could be replaced to handle vertical orientations.
-     * @default 'horizontal'
-     */
-    orientation?: Orientation;
-    menuConfig?: MenuModelConfig<T>;
-};
-export declare type TabsModelConfig<T> = BaseTabsModelConfig<T> & Partial<ToModelConfig<TabsState<T>, TabsEvents<T>, typeof tabEventMap>>;
-export declare const useTabsModel: <T extends unknown>(config?: TabsModelConfig<T>) => TabsModel<T>;
-//# sourceMappingURL=useTabsModel.d.ts.map

package/ts3.5/dist/es6/text-area/index.d.ts

@@ -1,5 +0,0 @@
-import TextArea from './lib/TextArea';
-export default TextArea;
-export { TextArea };
-export * from './lib/TextArea';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/es6/text-area/lib/TextArea.d.ts

@@ -1,47 +0,0 @@
-import * as React from 'react';
-import { GrowthBehavior, ErrorType, Themeable } from '@workday/canvas-kit-react/common';
-export interface TextAreaProps extends Themeable, GrowthBehavior {
-    /**
-     * If true, set the TextArea to the disabled state.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * The type of error associated with the TextArea (if applicable).
-     */
-    error?: ErrorType;
-    /**
-     * The function called when the TextArea state changes.
-     */
-    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
-    /**
-     * The placeholder text of the TextArea.
-     */
-    placeholder?: string;
-    /**
-     * If true, set the TextArea to read-only. The user will be unable to interact with the TextArea.
-     * @default false
-     */
-    readOnly?: boolean;
-    /**
-     * The resize constraints of the TextArea.
-     * @default TextArea.ResizeDirection.Both
-     */
-    resize?: TextAreaResizeDirection;
-    /**
-     * The value of the TextArea.
-     */
-    value?: any;
-}
-export declare enum TextAreaResizeDirection {
-    None = "none",
-    Both = "both",
-    Horizontal = "horizontal",
-    Vertical = "vertical"
-}
-export declare const TextArea: import("../../common").ElementComponent<"textarea", TextAreaProps> & {
-    ErrorType: typeof ErrorType;
-    ResizeDirection: typeof TextAreaResizeDirection;
-};
-export default TextArea;
-//# sourceMappingURL=TextArea.d.ts.map

package/ts3.5/dist/es6/text-input/index.d.ts

@@ -1,7 +0,0 @@
-import InputIconContainer from './lib/InputIconContainer';
-import TextInput from './lib/TextInput';
-export default TextInput;
-export { InputIconContainer, TextInput };
-export * from './lib/InputIconContainer';
-export * from './lib/TextInput';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/es6/text-input/lib/InputIconContainer.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { GrowthBehavior } from '@workday/canvas-kit-react/common';
-import { SystemIcon } from '@workday/canvas-kit-react/icon';
-export interface InputIconContainerProps extends GrowthBehavior {
-    icon?: React.ReactElement<SystemIcon>;
-}
-declare const InputIconContainer: React.FunctionComponent<InputIconContainerProps>;
-export default InputIconContainer;
-//# sourceMappingURL=InputIconContainer.d.ts.map

package/ts3.5/dist/es6/text-input/lib/TextInput.d.ts

@@ -1,16 +0,0 @@
-import { GrowthBehavior, ErrorType, Themeable } from '@workday/canvas-kit-react/common';
-export interface TextInputProps extends Themeable, GrowthBehavior {
-    /**
-     * The type of error associated with the TextInput (if applicable).
-     */
-    error?: ErrorType;
-    /**
-     * The width of the TextInput.
-     */
-    width?: number | string;
-}
-export declare const TextInput: import("../../common").ElementComponent<"input", TextInputProps> & {
-    ErrorType: typeof ErrorType;
-};
-export default TextInput;
-//# sourceMappingURL=TextInput.d.ts.map

package/ts3.5/dist/es6/toast/index.d.ts

@@ -1,5 +0,0 @@
-import { Toast } from './lib/Toast';
-export default Toast;
-export { Toast };
-export * from './lib/Toast';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/es6/toast/lib/Toast.d.ts

@@ -1,34 +0,0 @@
-import { Popup } from '@workday/canvas-kit-react/popup';
-import { CanvasColor } from '@workday/canvas-kit-react/tokens';
-import { CanvasSystemIcon } from '@workday/design-assets-types';
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-export interface ToastProps extends ExtractProps<typeof Popup.Card, never> {
-    /**
-     * The icon of the Toast.
-     * @default checkIcon
-     */
-    icon?: CanvasSystemIcon;
-    /**
-     * The color of the Toast icon.
-     * @default colors.greenApple400
-     */
-    iconColor?: CanvasColor | string;
-    /**
-     * The text of the Toast message.
-     */
-    children: string;
-    /**
-     * The function called when the Toast is closed.
-     */
-    onClose?: () => void;
-    /**
-     * The function called when the Toast action is clicked.
-     */
-    onActionClick?: () => void;
-    /**
-     * The text of the Toast action.
-     */
-    actionText?: string;
-}
-export declare const Toast: import("../../common").ElementComponent<"div", ToastProps>;
-//# sourceMappingURL=Toast.d.ts.map

package/ts3.5/dist/es6/tokens/index.d.ts

@@ -1,416 +0,0 @@
-import { colors, gradients } from '@workday/canvas-colors-web';
-import { borderRadius, CanvasBorderRadius, CanvasBorderRadiusKeys, CanvasBorderRadiusValues } from './lib/radius';
-import { BrandingColor, CanvasColor } from './lib/colors.types';
-import { depth, CanvasDepth, CanvasDepthValues } from './lib/depth';
-import { space, CanvasSpace, CanvasSpaceKeys, CanvasSpaceValues, CanvasSpaceNumberValues, CanvasSpaceNumbers, spaceNumbers } from './lib/space';
-import { type, fontFamily, monoFontFamily, CanvasType, CanvasTypeProperties, CanvasTypeVariants, CanvasTypeHierarchy } from './lib/type';
-import { CSSProperties } from './lib/types';
-declare const canvas: {
-    buttonColors: {
-        delete: {
-            background: string;
-            border: string;
-            text: string;
-            activeBackground: string;
-            activeBorder: string;
-            activeText: string;
-            disabledBackground: string;
-            disabledBorder: string;
-            disabledText: string;
-            focusBackground: string;
-            focusBorder: string;
-            focusText: string;
-            hoverBackground: string;
-            hoverBorder: string;
-            hoverText: string;
-        };
-        primary: {
-            background: string;
-            border: string;
-            text: string;
-            activeBackground: string;
-            activeBorder: string;
-            activeText: string;
-            disabledBackground: string;
-            disabledBorder: string;
-            disabledText: string;
-            focusBackground: string;
-            focusBorder: string;
-            focusText: string;
-            hoverBackground: string;
-            hoverBorder: string;
-            hoverText: string;
-        };
-        secondary: {
-            background: string;
-            border: string;
-            text: string;
-            activeBackground: string;
-            activeBorder: string;
-            activeText: string;
-            disabledBackground: string;
-            disabledBorder: string;
-            disabledText: string;
-            focusBackground: string;
-            focusBorder: string;
-            focusText: string;
-            hoverBackground: string;
-            hoverBorder: string;
-            hoverText: string;
-        };
-    };
-    chartingColorOffsets: {
-        barAndColumn: number;
-        pie: number;
-        lineAndArea: number;
-        bubble: number;
-    };
-    chartingColors: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        11: string;
-        12: string;
-        13: string;
-        14: string;
-        15: string;
-        16: string;
-        17: string;
-        18: string;
-        19: string;
-        20: string;
-        21: string;
-        22: string;
-        23: string;
-        24: string;
-        25: string;
-        26: string;
-        27: string;
-        28: string;
-        29: string;
-        30: string;
-        31: string;
-        32: string;
-        33: string;
-        34: string;
-        35: string;
-        36: string;
-        37: string;
-        38: string;
-        39: string;
-        40: string;
-        41: string;
-        42: string;
-        43: string;
-        44: string;
-        45: string;
-        46: string;
-        47: string;
-        48: string;
-        49: string;
-        50: string;
-        51: string;
-        52: string;
-        53: string;
-        54: string;
-        55: string;
-        56: string;
-        57: string;
-        58: string;
-        59: string;
-        60: string;
-        61: string;
-        62: string;
-        63: string;
-        64: string;
-        65: string;
-        66: string;
-        67: string;
-        68: string;
-        69: string;
-        70: string;
-        71: string;
-        72: string;
-        73: string;
-        74: string;
-        75: string;
-        76: string;
-        77: string;
-        78: string;
-        79: string;
-        80: string;
-        81: string;
-        82: string;
-        83: string;
-        84: string;
-        85: string;
-        86: string;
-    };
-    colors: {
-        [key: string]: string;
-        cinnamon600: string;
-        cinnamon500: string;
-        cinnamon400: string;
-        cinnamon300: string;
-        cinnamon200: string;
-        cinnamon100: string;
-        peach600: string;
-        peach500: string;
-        peach400: string;
-        peach300: string;
-        peach200: string;
-        peach100: string;
-        chiliMango600: string;
-        chiliMango500: string;
-        chiliMango400: string;
-        chiliMango300: string;
-        chiliMango200: string;
-        chiliMango100: string;
-        cantaloupe600: string;
-        cantaloupe500: string;
-        cantaloupe400: string;
-        cantaloupe300: string;
-        cantaloupe200: string;
-        cantaloupe100: string;
-        sourLemon600: string;
-        sourLemon500: string;
-        sourLemon400: string;
-        sourLemon300: string;
-        sourLemon200: string;
-        sourLemon100: string;
-        juicyPear600: string;
-        juicyPear500: string;
-        juicyPear400: string;
-        juicyPear300: string;
-        juicyPear200: string;
-        juicyPear100: string;
-        kiwi600: string;
-        kiwi500: string;
-        kiwi400: string;
-        kiwi300: string;
-        kiwi200: string;
-        kiwi100: string;
-        greenApple600: string;
-        greenApple500: string;
-        greenApple400: string;
-        greenApple300: string;
-        greenApple200: string;
-        greenApple100: string;
-        watermelon600: string;
-        watermelon500: string;
-        watermelon400: string;
-        watermelon300: string;
-        watermelon200: string;
-        watermelon100: string;
-        jewel600: string;
-        jewel500: string;
-        jewel400: string;
-        jewel300: string;
-        jewel200: string;
-        jewel100: string;
-        toothpaste600: string;
-        toothpaste500: string;
-        toothpaste400: string;
-        toothpaste300: string;
-        toothpaste200: string;
-        toothpaste100: string;
-        blueberry600: string;
-        blueberry500: string;
-        blueberry400: string;
-        blueberry300: string;
-        blueberry200: string;
-        blueberry100: string;
-        plum600: string;
-        plum500: string;
-        plum400: string;
-        plum300: string;
-        plum200: string;
-        plum100: string;
-        berrySmoothie600: string;
-        berrySmoothie500: string;
-        berrySmoothie400: string;
-        berrySmoothie300: string;
-        berrySmoothie200: string;
-        berrySmoothie100: string;
-        blackberry600: string;
-        blackberry500: string;
-        blackberry400: string;
-        blackberry300: string;
-        blackberry200: string;
-        blackberry100: string;
-        islandPunch600: string;
-        islandPunch500: string;
-        islandPunch400: string;
-        islandPunch300: string;
-        islandPunch200: string;
-        islandPunch100: string;
-        grapeSoda600: string;
-        grapeSoda500: string;
-        grapeSoda400: string;
-        grapeSoda300: string;
-        grapeSoda200: string;
-        grapeSoda100: string;
-        pomegranate600: string;
-        pomegranate500: string;
-        pomegranate400: string;
-        pomegranate300: string;
-        pomegranate200: string;
-        pomegranate100: string;
-        fruitPunch600: string;
-        fruitPunch500: string;
-        fruitPunch400: string;
-        fruitPunch300: string;
-        fruitPunch200: string;
-        fruitPunch100: string;
-        rootBeer600: string;
-        rootBeer500: string;
-        rootBeer400: string;
-        rootBeer300: string;
-        rootBeer200: string;
-        rootBeer100: string;
-        toastedMarshmallow600: string;
-        toastedMarshmallow500: string;
-        toastedMarshmallow400: string;
-        toastedMarshmallow300: string;
-        toastedMarshmallow200: string;
-        toastedMarshmallow100: string;
-        coconut600: string;
-        coconut500: string;
-        coconut400: string;
-        coconut300: string;
-        coconut200: string;
-        coconut100: string;
-        cappuccino600: string;
-        cappuccino500: string;
-        cappuccino400: string;
-        cappuccino300: string;
-        cappuccino200: string;
-        cappuccino100: string;
-        soap600: string;
-        soap500: string;
-        soap400: string;
-        soap300: string;
-        soap200: string;
-        soap100: string;
-        licorice600: string;
-        licorice500: string;
-        licorice400: string;
-        licorice300: string;
-        licorice200: string;
-        licorice100: string;
-        frenchVanilla600: string;
-        frenchVanilla500: string;
-        frenchVanilla400: string;
-        frenchVanilla300: string;
-        frenchVanilla200: string;
-        frenchVanilla100: string;
-        blackPepper600: string;
-        blackPepper500: string;
-        blackPepper400: string;
-        blackPepper300: string;
-        blackPepper200: string;
-        blackPepper100: string;
-    };
-    commonColors: {
-        background: string;
-        backgroundAlt: string;
-        focusOutline: string;
-        focusBackground: string;
-        hoverBackground: string;
-        divider: string;
-    };
-    depth: CanvasDepth;
-    fontFamily: string;
-    gradients: {
-        [key: string]: string;
-        cinnamon: string;
-        peach: string;
-        chiliMango: string;
-        cantaloupe: string;
-        sourLemon: string;
-        juicyPear: string;
-        kiwi: string;
-        greenApple: string;
-        watermelon: string;
-        jewel: string;
-        toothpaste: string;
-        blueberry: string;
-        plum: string;
-        berrySmoothie: string;
-        blackberry: string;
-        islandPunch: string;
-        grapeSoda: string;
-        pomegranate: string;
-        fruitPunch: string;
-        rootBeer: string;
-        toastedMarshmallow: string;
-        cappuccino: string;
-        licorice: string;
-        blackPepper: string;
-    };
-    iconColors: {
-        active: string;
-        disabled: string;
-        hover: string;
-        inverse: string;
-        standard: string;
-    };
-    inputColors: {
-        background: string;
-        border: string;
-        placeholder: string;
-        text: string;
-        icon: string;
-        iconHover: string;
-        selectionControlFill: string;
-        hoverBorder: string;
-        focusBorder: string;
-        disabled: {
-            background: string;
-            border: string;
-            text: string;
-            icon: string;
-        };
-        error: {
-            border: string;
-            message: string;
-            icon: string;
-        };
-        alert: {
-            border: string;
-            message: string;
-            icon: string;
-        };
-    };
-    monoFontFamily: string;
-    space: CanvasSpace;
-    statusColors: {
-        active: string;
-        success: string;
-        warning: string;
-        error: string;
-    };
-    type: CanvasType;
-    typeColors: {
-        body: string;
-        heading: string;
-        hint: string;
-        inverse: string;
-        label: string;
-        link: string;
-        selectHighlight: string;
-        selectHighlightInverse: string;
-    };
-};
-export * from '@workday/canvas-colors-web';
-export { borderRadius, colors, gradients, depth, space, spaceNumbers, type, fontFamily, monoFontFamily, BrandingColor, CanvasDepth, CanvasDepthValues, CSSProperties, };
-export default canvas;
-export { CanvasBorderRadius, CanvasBorderRadiusKeys, CanvasBorderRadiusValues, CanvasColor, CanvasSpace, CanvasSpaceKeys, CanvasSpaceValues, CanvasSpaceNumberValues, CanvasSpaceNumbers, CanvasType, CanvasTypeProperties, CanvasTypeVariants, CanvasTypeHierarchy, };
-//# sourceMappingURL=index.d.ts.map