@workday/canvas-kit-labs-react 7.0.0-alpha.0-next.1 → 7.0.0-alpha.0-next.6

package/header/lib/shared/themes.tsx

@@ -1,97 +0,0 @@
-import {
-  colors,
-  gradients,
-  iconColors,
-  depth,
-  CSSProperties,
-} from '@workday/canvas-kit-react/tokens';
-import chroma from 'chroma-js';
-import {DeprecatedHeaderTheme} from './types';
-
-/**
- * ### 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 const deprecatedHeaderThemes: DeprecatedHeaderThemes = {
-  [DeprecatedHeaderTheme.White]: {
-    color: colors.blackPepper400,
-    background: colors.frenchVanilla100,
-    depth: depth['1'],
-    systemIcon: {
-      color: iconColors.standard,
-      colorHover: iconColors.hover,
-    },
-    linkColor: colors.blackPepper400,
-    linkFadeOutColor: colors.licorice200,
-    currentLinkColor: colors.blueberry500,
-    chipColor: colors.blueberry400,
-  },
-  [DeprecatedHeaderTheme.Blue]: {
-    color: colors.frenchVanilla100,
-    background: gradients.blueberry,
-    depth: depth['3'],
-    systemIcon: {
-      color: colors.frenchVanilla100,
-      colorHover: colors.blueberry200,
-    },
-    linkColor: colors.frenchVanilla100,
-    linkFadeOutColor: chroma(colors.frenchVanilla100)
-      .alpha(0.5)
-      .css(),
-    currentLinkColor: colors.frenchVanilla100,
-    chipColor: colors.frenchVanilla100,
-  },
-  [DeprecatedHeaderTheme.Transparent]: {
-    color: colors.frenchVanilla100,
-    background: 'transparent',
-    depth: {boxShadow: 'none'},
-    systemIcon: {
-      color: colors.frenchVanilla100,
-      colorHover: colors.blueberry200,
-    },
-    linkColor: colors.frenchVanilla100,
-    linkFadeOutColor: chroma(colors.frenchVanilla100)
-      .alpha(0.5)
-      .css(),
-    currentLinkColor: colors.frenchVanilla100,
-    chipColor: colors.frenchVanilla100,
-  },
-};

package/header/lib/shared/types.tsx

@@ -1,16 +0,0 @@
-export enum DeprecatedHeaderTheme {
-  White,
-  Blue,
-  Transparent,
-}
-
-export enum DeprecatedHeaderVariant {
-  Dub,
-  Full,
-  Global,
-}
-
-export enum DeprecatedHeaderHeight {
-  Small = '64px',
-  Large = '80px',
-}

package/header/package.json

@@ -1,5 +0,0 @@
-{
-  "main": "../dist/commonjs/header",
-  "module": "../dist/es6/header",
-  "sideEffects": false
-}

package/ts3.5/dist/commonjs/header/index.d.ts

@@ -1,9 +0,0 @@
-import DeprecatedHeader from './lib/Header';
-import DeprecatedGlobalHeader from './lib/GlobalHeader';
-export default DeprecatedHeader;
-export { DeprecatedHeader };
-export { DeprecatedGlobalHeader };
-export * from './lib/parts';
-export * from './lib/shared/themes';
-export * from './lib/shared/types';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/header/lib/GlobalHeader.d.ts

@@ -1,38 +0,0 @@
-import * as React from 'react';
-export interface GlobalHeaderProps {
-    /**
-     * The custom brand node of the GlobalHeader. This React node replaces the dub logo and title.
-     * @default DubLogoTitle
-     */
-    brand?: React.ReactNode;
-    /**
-     * The custom menu toggle node of the GlobalHeader. This React node replaces the default menu toggle.
-     */
-    menuToggle?: React.ReactNode;
-    /**
-     * The function called when the responsive menu icon is clicked.
-     */
-    onMenuClick?: (e: React.MouseEvent) => void;
-    /**
-     * If true, render the GlobalHeader in collapsed mode.
-     * @default false
-     */
-    isCollapsed?: boolean;
-    /**
-     * The React element to render in the left slot of the GlobalHeader. This is typically a SearchForm component.
-     */
-    leftSlot?: React.ReactElement;
-}
-/**
- * ### Deprecated Global 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 DeprecatedGlobalHeader extends React.Component<GlobalHeaderProps> {
-    componentDidMount(): void;
-    render(): JSX.Element;
-}
-//# sourceMappingURL=GlobalHeader.d.ts.map

package/ts3.5/dist/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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/commonjs/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/header/index.d.ts

@@ -1,9 +0,0 @@
-import DeprecatedHeader from './lib/Header';
-import DeprecatedGlobalHeader from './lib/GlobalHeader';
-export default DeprecatedHeader;
-export { DeprecatedHeader };
-export { DeprecatedGlobalHeader };
-export * from './lib/parts';
-export * from './lib/shared/themes';
-export * from './lib/shared/types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,38 +0,0 @@
-import * as React from 'react';
-export interface GlobalHeaderProps {
-    /**
-     * The custom brand node of the GlobalHeader. This React node replaces the dub logo and title.
-     * @default DubLogoTitle
-     */
-    brand?: React.ReactNode;
-    /**
-     * The custom menu toggle node of the GlobalHeader. This React node replaces the default menu toggle.
-     */
-    menuToggle?: React.ReactNode;
-    /**
-     * The function called when the responsive menu icon is clicked.
-     */
-    onMenuClick?: (e: React.MouseEvent) => void;
-    /**
-     * If true, render the GlobalHeader in collapsed mode.
-     * @default false
-     */
-    isCollapsed?: boolean;
-    /**
-     * The React element to render in the left slot of the GlobalHeader. This is typically a SearchForm component.
-     */
-    leftSlot?: React.ReactElement;
-}
-/**
- * ### Deprecated Global 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 DeprecatedGlobalHeader extends React.Component<GlobalHeaderProps> {
-    componentDidMount(): void;
-    render(): JSX.Element;
-}
-//# sourceMappingURL=GlobalHeader.d.ts.map

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