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

package/ts3.5/dist/es6/header/lib/Header.d.ts

@@ -1,76 +0,0 @@
-import * as React from 'react';
-import { DeprecatedHeaderTheme, DeprecatedHeaderVariant } from './shared/types';
-export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The custom menu toggle node of the Header. This React node replaces the default menu toggle.
-     */
-    menuToggle?: React.ReactNode;
-    /**
-     * The theme of the Header. Accepts `White`, `Blue`, or `Transparent`.
-     * @default DeprecatedHeaderTheme.White
-     */
-    themeColor?: DeprecatedHeaderTheme;
-    /**
-     * The variant of the Header. Accepts `Dub` (small) or `Full` (large).
-     * @default DeprecatedHeaderVariant.Dub
-     */
-    variant?: DeprecatedHeaderVariant;
-    /**
-     * The text of the Header title. Not used if `brand` is provided.
-     */
-    title?: string;
-    /**
-     * The custom brand node of the Header. This React node replaces the dub logo and title.
-     */
-    brand?: React.ReactNode;
-    /**
-     * The url of the Header logo link.
-     */
-    brandUrl?: string;
-    /**
-     * If true, center the Header navigation. If false, right-align the Header navigation.
-     * @default false
-     */
-    centeredNav?: boolean;
-    /**
-     * The function called when the responsive menu icon is clicked.
-     */
-    onMenuClick?: (e: React.MouseEvent) => void;
-    /**
-     * The React element to render in the left slot of the Header. This is typically a SearchForm component.
-     */
-    leftSlot?: React.ReactElement;
-    /**
-     * If true, render the Header in collapsed mode.
-     * @default false
-     */
-    isCollapsed?: boolean;
-}
-/**
- * ### Deprecated Header
- *
- * As of Canvas Kit v6, this component is being soft-deprecated.
- * It will be hard-deprecated (completely removed) in v7. Please see the
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
- * for more information.
- */
-export default class Header extends React.Component<HeaderProps, {}> {
-    static Theme: typeof DeprecatedHeaderTheme;
-    static Variant: typeof DeprecatedHeaderVariant;
-    componentDidMount(): void;
-    /**
-     * Helper that recursively maps ReactNodes to their theme-based equivalent.
-     * Any children that are included in a Header may need to undergo transformation
-     * before stamped out in render().
-     *
-     * E.g. <SystemIcon> components need to have the appropriate `color` and `colorHover`
-     * props set based on the theme.
-     *
-     * @param children From props.children of a React component
-     *
-     * @returns {React.ReactNode} The child/children to be rendered
-     */
-    private renderChildren;
-    render(): JSX.Element;
-}
-//# sourceMappingURL=Header.d.ts.map

package/ts3.5/dist/es6/header/lib/parts/DubLogoTitle.d.ts

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import { DeprecatedHeaderTheme } from '../shared/types';
-export declare type DubTitleProps = {
-    /**
-     * The theme of the DubLogoTitle. Accepts `White`, `Blue`, or `Transparent`.
-     * @default DeprecatedHeaderTheme.White
-     */
-    themeColor?: DeprecatedHeaderTheme;
-    /**
-     * The text of the DubLogoTitle. Not used if `brand` is provided.
-     */
-    title?: string;
-    /**
-     * The background color/gradient behind the DubLogoTitle logo.
-     */
-    bgColor?: string;
-};
-/**
- * ### Deprecated Dub Logo Title
- *
- * As of Canvas Kit v6, this component is being soft-deprecated.
- * It will be hard-deprecated (completely removed) in v7. Please see the
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
- * for more information.
- */
-export declare class DeprecatedDubLogoTitle extends React.Component<DubTitleProps> {
-    componentDidMount(): void;
-    render(): JSX.Element;
-}
-//# sourceMappingURL=DubLogoTitle.d.ts.map

package/ts3.5/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { DeprecatedHeaderTheme, DeprecatedHeaderVariant } from '../shared/types';
-export declare type WorkdayLogoTitleProps = {
-    /**
-     * The theme of the WorkdayLogoTitle. Accepts `White`, `Blue`, or `Transparent`.
-     * @default DeprecatedHeaderTheme.White
-     */
-    themeColor?: DeprecatedHeaderTheme;
-    /**
-     * The text of the WorkdayLogoTitle. Not used if `brand` is provided.
-     * @default ''
-     */
-    title?: string;
-    /**
-     * The variant of the WorkdayLogoTitle.
-     */
-    variant?: DeprecatedHeaderVariant;
-};
-/**
- * ### Deprecated Workday Logo Title
- *
- * As of Canvas Kit v6, this component is being soft-deprecated.
- * It will be hard-deprecated (completely removed) in v7. Please see the
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
- * for more information.
- */
-export declare class DeprecatedWorkdayLogoTitle extends React.Component<WorkdayLogoTitleProps> {
-    componentDidMount(): void;
-    render(): JSX.Element;
-}
-//# sourceMappingURL=WorkdayLogoTitle.d.ts.map

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

@@ -1,3 +0,0 @@
-export { DeprecatedDubLogoTitle } from './DubLogoTitle';
-export { DeprecatedWorkdayLogoTitle } from './WorkdayLogoTitle';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/es6/header/lib/shared/themes.d.ts

@@ -1,43 +0,0 @@
-import { CSSProperties } from '@workday/canvas-kit-react/tokens';
-/**
- * ### Deprecated Header Theme Attributes Interface
- *
- * As of Canvas Kit v6, this type interface is being soft-deprecated along with the rest of the labs/header package.
- * It will be hard-deprecated (completely removed) in v7. Please see the
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
- * for more information.
- */
-export interface DeprecatedHeaderThemeAttributes {
-    color: string;
-    background: string;
-    depth: CSSProperties;
-    systemIcon: {
-        color: string;
-        colorHover: string;
-    };
-    linkColor: string;
-    linkFadeOutColor: string;
-    currentLinkColor: string;
-    chipColor: string;
-}
-/**
- * ### Deprecated Header Themes Interface
- *
- * As of Canvas Kit v6, this type interface is being soft-deprecated along with the rest of the labs/header package.
- * It will be hard-deprecated (completely removed) in v7. Please see the
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
- * for more information.
- */
-export interface DeprecatedHeaderThemes {
-    [key: string]: DeprecatedHeaderThemeAttributes;
-}
-/**
- * ### Deprecated Header Themes
- *
- * As of Canvas Kit v6, this theme object is being soft-deprecated along with the rest of the labs/header package.
- * It will be hard-deprecated (completely removed) in v7. Please see the
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
- * for more information.
- */
-export declare const deprecatedHeaderThemes: DeprecatedHeaderThemes;
-//# sourceMappingURL=themes.d.ts.map

package/ts3.5/dist/es6/header/lib/shared/types.d.ts

@@ -1,15 +0,0 @@
-export declare enum DeprecatedHeaderTheme {
-    White = 0,
-    Blue = 1,
-    Transparent = 2
-}
-export declare enum DeprecatedHeaderVariant {
-    Dub = 0,
-    Full = 1,
-    Global = 2
-}
-export declare enum DeprecatedHeaderHeight {
-    Small = "64px",
-    Large = "80px"
-}
-//# sourceMappingURL=types.d.ts.map

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

@@ -1,7 +0,0 @@
-export * from './combobox';
-export * from './common';
-export * from './drawer';
-export * from './header';
-export * from './layout';
-export * from './search-form';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,5 +0,0 @@
-export * from './lib/Flex';
-export * from './lib/Stack';
-export { FlexStyleProps } from './lib/utils/flex';
-export { StackSpacing, StackDirection, StackStyleProps } from './lib/utils/stack';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/es6/layout/lib/Flex.d.ts

@@ -1,26 +0,0 @@
-import { BoxProps } from '@workday/canvas-kit-labs-react/common';
-import { FlexStyleProps } from './utils/flex';
-export declare type FlexProps = BoxProps & FlexStyleProps;
-/**
- * `Flex` is a low-level layout component that provides a common, ergonomic API for applying CSS flexbox styles.
- * It is highly flexible, and can be used on its own or to build other components.
- * `Flex` is built on top of `Box` and has access to all `BoxProps`.
- *
- * @example
- * import { Flex, FlexProps } from '@workday/canvas-kit-labs-react/layout';
- *
- * interface CardProps extends FlexProps {
- *   // card-specific props
- * }
- *
- * // `Card`'s default values are set using `FlexProps`
- * const Card = (props: CardProps) => (
- *   <Flex flexDirection="column" alignItems="flex-start" depth={2} space="m" {...props}>
- *     <h1>Hello, Card!</h1>
- *     <p>This card uses flexbox to set its layout.</p>
- *   </Flex>
- * );
- *
- */
-export declare const Flex: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps & FlexStyleProps>;
-//# sourceMappingURL=Flex.d.ts.map

package/ts3.5/dist/es6/layout/lib/Stack.d.ts

@@ -1,27 +0,0 @@
-import { FlexProps } from './Flex';
-import { StackStyleProps } from './utils/stack';
-export declare type StackProps = FlexProps & StackStyleProps;
-export declare const Stack: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps & import("..").FlexStyleProps & StackStyleProps> & {
-    Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
-};
-export declare type HStackProps = Pick<StackProps, Exclude<keyof StackProps, 'flexDirection'>> & {
-    /**
-     * sets the direction for the stack
-     * @default "row"
-     * */
-    flexDirection?: 'row' | 'row-reverse';
-};
-export declare const HStack: import("@workday/canvas-kit-react/common").ElementComponent<"div", HStackProps> & {
-    Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
-};
-export declare type VStackProps = Pick<StackProps, Exclude<keyof StackProps, 'flexDirection'>> & {
-    /**
-     * sets the direction for the stack
-     * @default "column"
-     * */
-    flexDirection?: 'column' | 'column-reverse';
-};
-export declare const VStack: import("@workday/canvas-kit-react/common").ElementComponent<"div", VStackProps> & {
-    Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
-};
-//# sourceMappingURL=Stack.d.ts.map

package/ts3.5/dist/es6/layout/lib/utils/flex.d.ts

@@ -1,36 +0,0 @@
-import { PropertyAlignItems, PropertyAlignContent, PropertyJustifyItems, PropertyJustifyContent, PropertyFlexWrap, PropertyFlexDirection } from './types';
-/** style props to for flexbox container properties */
-export declare type FlexStyleProps = {
-    /** sets `align-items` property */
-    alignItems?: PropertyAlignItems;
-    /** sets `align-content` property */
-    alignContent?: PropertyAlignContent;
-    /**
-     * sets `display` property
-     * @default 'flex'
-     * */
-    display?: 'flex' | 'inline-flex';
-    /** sets `justify-items` property */
-    justifyItems?: PropertyJustifyItems;
-    /** sets `justify-content` property */
-    justifyContent?: PropertyJustifyContent;
-    /** sets `flex-wrap` property */
-    flexWrap?: PropertyFlexWrap;
-    /** sets `flex-direction` property */
-    flexDirection?: PropertyFlexDirection;
-};
-/**
- * A style prop function that takes component props and returns flexbox styles.
- * If no `FlexStyleProps` are found, it returns an empty object.
- *
- * @example
- * // You'll most likely use `flex` with low-level, styled components
- * const FlexExample = () => (
- *   <Flex justifyContent="center" alignItems="center">
- *     Hello, flex!
- *   </Flex>
- * );
- *
- */
-export declare function flex<P extends FlexStyleProps>(props: P): {};
-//# sourceMappingURL=flex.d.ts.map

package/ts3.5/dist/es6/layout/lib/utils/getValidChildren.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-export declare function getValidChildren(children: React.ReactNode): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>[];
-//# sourceMappingURL=getValidChildren.d.ts.map

package/ts3.5/dist/es6/layout/lib/utils/stack.d.ts

@@ -1,26 +0,0 @@
-import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
-import { CanvasSpaceKeys } from '@workday/canvas-kit-react/tokens';
-export declare type StackDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
-declare const selector = "& > *:not(style) ~ *:not(style)";
-export declare type StackSpacing = CanvasSpaceKeys | number | (string & {});
-export declare type StackStyleProps = {
-    /** sets space values between child elements (bidirectional support) */
-    spacing: StackSpacing;
-    /**
-     * sets the direction for the stack
-     * @default "row"
-     * */
-    flexDirection?: StackDirection;
-    /**
-     * when `true` wraps each child element in a `Stack.Item`
-     * @default false
-     * */
-    shouldWrapChildren?: boolean;
-};
-export declare function stack<P extends StackStyleProps & {
-    theme?: PartialEmotionCanvasTheme;
-}>(props: P): {
-    "& > *:not(style) ~ *:not(style)": {};
-};
-export {};
-//# sourceMappingURL=stack.d.ts.map

package/ts3.5/dist/es6/layout/lib/utils/types.d.ts

@@ -1,8 +0,0 @@
-import { Globals, SelfPosition, ContentDistribution, ContentPosition } from 'csstype';
-export declare type PropertyAlignItems = Globals | SelfPosition | 'baseline' | 'normal' | 'stretch' | (string & {});
-export declare type PropertyAlignContent = Globals | ContentDistribution | ContentPosition | 'baseline' | 'normal' | (string & {});
-export declare type PropertyJustifyItems = Globals | SelfPosition | 'baseline' | 'left' | 'legacy' | 'normal' | 'right' | 'stretch' | (string & {});
-export declare type PropertyJustifyContent = Globals | ContentDistribution | ContentPosition | 'left' | 'normal' | 'right' | (string & {});
-export declare type PropertyFlexWrap = Globals | 'nowrap' | 'wrap' | 'wrap-reverse';
-export declare type PropertyFlexDirection = Globals | 'column' | 'column-reverse' | 'row' | 'row-reverse';
-//# sourceMappingURL=types.d.ts.map

package/ts3.5/dist/es6/search-form/index.d.ts

@@ -1,3 +0,0 @@
-export * from './lib/SearchForm';
-export * from './lib/themes';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/es6/search-form/lib/SearchForm.d.ts

@@ -1,107 +0,0 @@
-import * as React from 'react';
-import { GrowthBehavior } from '@workday/canvas-kit-react/common';
-import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
-import { SearchThemeAttributes, SearchTheme } from './themes';
-export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttributes<HTMLFormElement> {
-    /**
-     * The function called when the SearchForm form is submitted. The current input value is passed to the callback function.
-     */
-    onSubmit: React.FormEventHandler<HTMLFormElement>;
-    /**
-     * If true, collapse the SearchForm text input into a toggle icon. Useful for responsive layouts.
-     * @default false
-     */
-    isCollapsed?: boolean;
-    /**
-     * The function called when the SearchForm text input changes.
-     */
-    onInputChange?: React.ChangeEventHandler<HTMLInputElement>;
-    /**
-     * The autocomplete items of the SearchForm. This array of menu items is shown under the search bar.
-     */
-    autocompleteItems?: React.ReactElement<MenuItemProps>[];
-    /**
-     * The theme of the header the search input is being rendered in.
-     */
-    searchTheme?: SearchTheme | SearchThemeAttributes;
-    /**
-     * The placeholder text of the SearchForm text input.
-     * @default Search
-     */
-    placeholder?: string;
-    /**
-     * The initial value of the SearchForm text input.
-     */
-    initialValue?: string;
-    /**
-     * If true, right-align the SearchForm. If false, the text input should grow to left-align the SearchForm.
-     * @default false
-     */
-    rightAlign?: boolean;
-    /**
-     * The screenreader label text for the SearchForm text input.
-     * @default Search
-     */
-    inputLabel?: string;
-    /**
-     * The screenreader label text for the SearchForm submit button.
-     * @default Search
-     */
-    submitAriaLabel?: string;
-    /**
-     * The screenreader label text for the SearchForm clear button.
-     * @default Reset Search Form
-     */
-    clearButtonAriaLabel?: string;
-    /**
-     * The screenreader label text for the button to open the collapsed SearchForm.
-     * @default Open Search
-     */
-    openButtonAriaLabel?: string;
-    /**
-     * The screenreader label text for the button to close the open SearchForm.
-     * @default Cancel
-     */
-    closeButtonAriaLabel?: string;
-    /**
-     * If true, render the SearchForm with a button to clear the text input.
-     * @default true
-     */
-    showClearButton?: boolean;
-    /**
-     * Height of the Search Form in pixels
-     * @default 40
-     */
-    height?: number;
-    /**
-     * If true, allow onSubmit being called when input value is empty.
-     * @default false
-     */
-    allowEmptyStringSearch?: boolean;
-}
-export interface SearchFormState {
-    showForm: boolean;
-    searchQuery: string;
-    isFocused: boolean;
-}
-export declare class SearchForm extends React.Component<SearchFormProps, SearchFormState> {
-    static Theme: typeof SearchTheme;
-    private inputRef;
-    private openRef;
-    private labelId;
-    state: Readonly<SearchFormState>;
-    private getTheme;
-    private getThemeColors;
-    getIconButtonType: () => "circle" | "square" | "inverse" | "squareFilled" | "plain" | "circleFilled" | "inverseFilled" | undefined;
-    handleSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
-    openCollapsedSearch: () => void;
-    closeCollapsedSearch: () => void;
-    componentDidUpdate(prevProps: SearchFormProps, prevState: SearchFormState): void;
-    focusInput: () => void;
-    focusOpen: () => void;
-    handleFocus: () => void;
-    handleBlur: () => void;
-    handleSearchInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    render(): JSX.Element;
-}
-//# sourceMappingURL=SearchForm.d.ts.map

package/ts3.5/dist/es6/search-form/lib/themes.d.ts

@@ -1,21 +0,0 @@
-export declare enum SearchTheme {
-    Light = 0,
-    Dark = 1,
-    Transparent = 2
-}
-export interface SearchThemeAttributes {
-    background?: string;
-    backgroundFocus?: string;
-    backgroundHover?: string;
-    color?: string;
-    colorFocus?: string;
-    placeholderColor?: string;
-    placeholderColorFocus?: string;
-    boxShadow?: string | string[];
-    boxShadowFocus?: string | string[];
-}
-export interface SearchThemes {
-    [key: string]: SearchThemeAttributes;
-}
-export declare const searchThemes: SearchThemes;
-//# sourceMappingURL=themes.d.ts.map