@workday/canvas-kit-labs-react 7.0.0-alpha.0-next.3 → 7.0.0-alpha.0-next.7

package/dist/commonjs/header/lib/Header.js

@@ -1,321 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var core_1 = require("@emotion/core");
-var styled_1 = __importDefault(require("@emotion/styled"));
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var parts_1 = require("./parts");
-var themes_1 = require("./shared/themes");
-var types_1 = require("./shared/types");
-var button_1 = require("@workday/canvas-kit-react/button");
-var icon_1 = require("@workday/canvas-kit-react/icon");
-var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
-var childrenSpacing = tokens_1.space.s;
-var HeaderShell = styled_1.default('div')(__assign(__assign({ display: 'flex', alignItems: 'center', boxSizing: 'border-box' }, tokens_1.type.levels.subtext.large), { WebkitFontSmoothing: 'antialiased', MozOsxFontSmoothing: 'grayscale', position: 'relative' }), function (_a) {
-    var variant = _a.variant, themeColor = _a.themeColor;
-    return (__assign(__assign({ 
-        // Only the variant Full has a large header, all the other one (Dub, Global) have a small header height
-        height: variant === types_1.DeprecatedHeaderVariant.Full
-            ? types_1.DeprecatedHeaderHeight.Large
-            : types_1.DeprecatedHeaderHeight.Small, background: themes_1.deprecatedHeaderThemes[themeColor].background }, themes_1.deprecatedHeaderThemes[themeColor].depth), { color: themes_1.deprecatedHeaderThemes[themeColor].color }));
-});
-var BrandSlot = styled_1.default('div')({
-    height: '100%',
-}, function (props) { return ({
-    flex: props.grow ? "1 0 auto" : 'unset',
-}); });
-var BrandLink = styled_1.default(button_1.Hyperlink)({
-    '&:hover': {
-        textDecoration: 'none',
-    },
-    '&:focus': {
-        textDecoration: 'none',
-    },
-});
-var navStyle = function (_a) {
-    var themeColor = _a.themeColor;
-    var theme = themes_1.deprecatedHeaderThemes[themeColor];
-    return core_1.css({
-        nav: {
-            display: 'flex',
-            flex: "1 0 auto",
-            justifyContent: 'center',
-            height: 'inherit',
-            marginLeft: tokens_1.space.xl,
-            '& ul': {
-                color: theme.linkColor,
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                listStyleType: 'none',
-                padding: 0,
-                margin: 0,
-                height: 'inherit',
-                '&:hover': {
-                    // De-emphasizes all color on hover, this allows us to create an illusion that hovering over a specific element
-                    // fades out the rest
-                    color: theme.linkFadeOutColor,
-                },
-                '& li': {
-                    boxSizing: 'border-box',
-                    position: 'relative',
-                    display: 'flex',
-                    alignItems: 'center',
-                    fontSize: '14px',
-                    fontWeight: 700,
-                    height: 'inherit',
-                    transition: "color 150ms ease-out 0s",
-                    cursor: 'pointer',
-                    '&:first-of-type > *': {
-                        marginLeft: 0,
-                    },
-                    '&:last-child > *': {
-                        marginRight: 0,
-                    },
-                    '& > *': {
-                        color: 'inherit',
-                        textDecoration: 'none',
-                        padding: "0px " + tokens_1.space.s,
-                        margin: "0 " + tokens_1.space.xxxs,
-                        display: 'flex',
-                        alignItems: 'center',
-                        height: 'inherit',
-                        '&:visited': {
-                            color: 'inherit',
-                        },
-                    },
-                    '&:hover, &:active': {
-                        color: theme.linkColor,
-                    },
-                    '&.current': {
-                        color: theme.currentLinkColor,
-                        '& a': {
-                            cursor: 'default',
-                        },
-                        '&:hover, &:active': {
-                            color: theme.currentLinkColor,
-                        },
-                        '&:after': {
-                            position: 'absolute',
-                            bottom: 0,
-                            left: 0,
-                            content: "''",
-                            height: 4,
-                            width: '100%',
-                            backgroundColor: theme.chipColor,
-                            borderRadius: tokens_1.borderRadius.m + " " + tokens_1.borderRadius.m + " 0 0",
-                        },
-                    },
-                },
-            },
-        },
-    });
-};
-var ChildrenSlot = styled_1.default('div')({
-    marginRight: tokens_1.space.m,
-    // TODO: remove this when we get real icon buttons
-    '> .canvas-header--menu-icon': {
-        cursor: 'pointer',
-    },
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-end',
-    height: '100%',
-    '> *': {
-        marginLeft: childrenSpacing,
-    },
-}, function (_a) {
-    var centeredNav = _a.centeredNav, isCollapsed = _a.isCollapsed;
-    return ({
-        '> *:not(.canvas-header--menu-icon)': {
-            display: isCollapsed ? 'none' : 'flex',
-        },
-        '> *:last-child': {
-            marginRight: isCollapsed ? '' : 0,
-        },
-        flex: !isCollapsed && centeredNav ? "1 0 auto" : 'unset',
-    });
-}, navStyle);
-var Brand = /** @class */ (function (_super) {
-    __extends(Brand, _super);
-    function Brand() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Brand.prototype.render = function () {
-        var _a = this.props, _b = _a.variant, variant = _b === void 0 ? types_1.DeprecatedHeaderVariant.Dub : _b, brand = _a.brand, _c = _a.themeColor, themeColor = _c === void 0 ? types_1.DeprecatedHeaderTheme.White : _c, title = _a.title;
-        switch (variant) {
-            case types_1.DeprecatedHeaderVariant.Global: {
-                return React.createElement("span", null, brand);
-            }
-            case types_1.DeprecatedHeaderVariant.Full: {
-                return (React.createElement("span", null, brand || (React.createElement(parts_1.DeprecatedWorkdayLogoTitle, { title: title ? title : '', themeColor: themeColor }))));
-            }
-            // DeprecatedHeaderVariant.Dub is default
-            default: {
-                return (React.createElement("span", null, brand || React.createElement(parts_1.DeprecatedDubLogoTitle, { title: title ? title : '', themeColor: themeColor })));
-            }
-        }
-    };
-    return Brand;
-}(React.Component));
-var MenuIconButton = /** @class */ (function (_super) {
-    __extends(MenuIconButton, _super);
-    function MenuIconButton() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    MenuIconButton.prototype.render = function () {
-        var _a = this.props, _b = _a.themeColor, themeColor = _b === void 0 ? types_1.DeprecatedHeaderTheme.White : _b, menuToggle = _a.menuToggle, onMenuClick = _a.onMenuClick;
-        if (menuToggle) {
-            var menuToggleElement = menuToggle;
-            var onClick = menuToggleElement.props.onClick
-                ? menuToggleElement.props.onClick
-                : onMenuClick;
-            return React.cloneElement(menuToggleElement, {
-                onClick: onClick,
-                className: 'canvas-header--menu-icon',
-            });
-        }
-        return (React.createElement(button_1.IconButton, { variant: themeColor === types_1.DeprecatedHeaderTheme.White ? 'circle' : 'inverse', icon: canvas_system_icons_web_1.justifyIcon, className: 'canvas-header--menu-icon', "aria-label": "Open Menu", onClick: onMenuClick }));
-    };
-    return MenuIconButton;
-}(React.Component));
-/**
- * ### 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.
- */
-var Header = /** @class */ (function (_super) {
-    __extends(Header, _super);
-    function Header() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Header.prototype.componentDidMount = function () {
-        console.warn("Header is being deprecated and will be removed in Canvas Kit V7.\n\n      For more information, please see the V6 migration guide:\n\n      https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page\n      ");
-    };
-    /**
-     * 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
-     */
-    Header.prototype.renderChildren = function (children) {
-        var _this = this;
-        return React.Children.map(children, function (child) {
-            if (!React.isValidElement(child)) {
-                return child;
-            }
-            var propsChildren = child.props.children;
-            var singleChild = React.Children.count(propsChildren) === 1 && propsChildren;
-            var iconButtonVariant = _this.props.themeColor === types_1.DeprecatedHeaderTheme.White ? 'circle' : 'inverse';
-            // Convert old method of SystemIcon into IconButton. If SystemIcon is within a link, make sure it's passed through
-            if (child.type === 'a' && singleChild && singleChild.type === icon_1.SystemIcon) {
-                var href_1 = child.props.href;
-                var iconButtonProps = {
-                    onClick: function () {
-                        if (href_1) {
-                            window.location.href = href_1;
-                        }
-                    },
-                    variant: iconButtonVariant,
-                    icon: singleChild.props.icon,
-                };
-                return React.createElement(button_1.IconButton, __assign({}, iconButtonProps, { "aria-label": "" }));
-            }
-            // If child has children, render them
-            if (React.Children.count(propsChildren)) {
-                return React.cloneElement(child, {
-                    children: _this.renderChildren(propsChildren),
-                });
-            }
-            // Convert old method of SystemIcon into IconButton
-            if (child.type === icon_1.SystemIcon) {
-                var icon = child.props.icon;
-                return React.createElement(button_1.IconButton, { variant: iconButtonVariant, icon: icon, "aria-label": icon.name });
-            }
-            // Plain icon buttons have negative margin that we need to negate.
-            if (child.type === button_1.IconButton && child.props.variant === 'plain') {
-                return React.cloneElement(child, {
-                    style: { margin: "0 0 0 " + childrenSpacing },
-                });
-            }
-            return child;
-        });
-    };
-    Header.prototype.render = function () {
-        var _a = this.props, menuToggle = _a.menuToggle, _b = _a.themeColor, themeColor = _b === void 0 ? types_1.DeprecatedHeaderTheme.White : _b, _c = _a.variant, variant = _c === void 0 ? types_1.DeprecatedHeaderVariant.Dub : _c, centeredNav = _a.centeredNav, title = _a.title, brand = _a.brand, brandUrl = _a.brandUrl, onMenuClick = _a.onMenuClick, leftSlot = _a.leftSlot, isCollapsed = _a.isCollapsed, children = _a.children, elemProps = __rest(_a, ["menuToggle", "themeColor", "variant", "centeredNav", "title", "brand", "brandUrl", "onMenuClick", "leftSlot", "isCollapsed", "children"]);
-        /* Push everything to the right if:
-           - on tablet and mobile screens
-           - Search isn't enabled and the nav shouldn't be centered
-           - Search is enabled, and there aren't any children
-        */
-        var growBrand = isCollapsed || (!leftSlot && !centeredNav) || (leftSlot && !children);
-        // Ignore centeredNav if search is enabled
-        var shouldCenteredNav = leftSlot ? false : centeredNav;
-        return (React.createElement(HeaderShell, __assign({ variant: variant, themeColor: themeColor }, elemProps),
-            React.createElement(BrandSlot, { grow: growBrand }, brandUrl ? (React.createElement(BrandLink, { href: brandUrl },
-                React.createElement(Brand, { variant: variant, brand: brand, title: title, themeColor: themeColor }))) : (React.createElement(Brand, { variant: variant, brand: brand, title: title, themeColor: themeColor }))),
-            leftSlot,
-            React.createElement(ChildrenSlot, { themeColor: themeColor, centeredNav: shouldCenteredNav, isCollapsed: isCollapsed }, isCollapsed ? (
-            // Screen size is smaller than our largest breakpoint so turn nav into a hamburger
-            // TODO: This needs to get changed to IconButton when we get it restyled for headers
-            React.createElement(MenuIconButton, { themeColor: themeColor, menuToggle: menuToggle, onMenuClick: onMenuClick })) : (this.renderChildren(children)))));
-    };
-    Header.Theme = types_1.DeprecatedHeaderTheme;
-    Header.Variant = types_1.DeprecatedHeaderVariant;
-    return Header;
-}(React.Component));
-exports.default = Header;

package/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/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DubLogoTitle.d.ts","sourceRoot":"","sources":["../../../../../header/lib/parts/DubLogoTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAyB,qBAAqB,EAAC,MAAM,iBAAiB,CAAC;AAI9E,oBAAY,aAAa,GAAG;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AA4CF;;;;;;;GAOG;AACH,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACxE,iBAAiB;IAQjB,MAAM;CAgBP"}

package/dist/commonjs/header/lib/parts/DubLogoTitle.js

@@ -1,105 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var styled_1 = __importDefault(require("@emotion/styled"));
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var types_1 = require("../shared/types");
-var chroma_js_1 = __importDefault(require("chroma-js"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var LockupContainer = styled_1.default('div')({
-    display: 'inline-block',
-});
-var Lockup = styled_1.default('div')({
-    display: 'flex',
-    alignItems: 'center',
-    height: types_1.DeprecatedHeaderHeight.Small,
-    paddingLeft: tokens_1.space.m,
-}, function (_a) {
-    var bgColor = _a.bgColor;
-    return ({
-        background: bgColor ? bgColor : 'none',
-    });
-});
-var Title = styled_1.default('h3')({
-    fontSize: '20px',
-    fontWeight: 400,
-    padding: tokens_1.space.xxs + " " + tokens_1.space.s,
-    paddingRight: tokens_1.space.l,
-    marginLeft: tokens_1.space.s,
-    whiteSpace: 'nowrap',
-}, function (_a) {
-    var themeColor = _a.themeColor;
-    return ({
-        color: themeColor === types_1.DeprecatedHeaderTheme.White ? tokens_1.colors.blueberry500 : tokens_1.colors.frenchVanilla100,
-        borderLeft: "1px solid " + (themeColor === types_1.DeprecatedHeaderTheme.White
-            ? tokens_1.colors.soap400
-            : chroma_js_1.default(tokens_1.colors.frenchVanilla100)
-                .alpha(0.3)
-                .css()),
-    });
-});
-var DubLogo = styled_1.default('div')({
-    lineHeight: 0,
-});
-/**
- * ### 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.
- */
-var DeprecatedDubLogoTitle = /** @class */ (function (_super) {
-    __extends(DeprecatedDubLogoTitle, _super);
-    function DeprecatedDubLogoTitle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    DeprecatedDubLogoTitle.prototype.componentDidMount = function () {
-        console.warn("DubLogoTitle is being deprecated and will be removed in Canvas Kit V7.\n\n      For more information, please see the V6 migration guide:\n\n      https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page\n      ");
-    };
-    DeprecatedDubLogoTitle.prototype.render = function () {
-        var _a = this.props, _b = _a.themeColor, themeColor = _b === void 0 ? types_1.DeprecatedHeaderTheme.White : _b, title = _a.title;
-        return (React.createElement(LockupContainer, null,
-            React.createElement(Lockup, __assign({}, this.props),
-                React.createElement(DubLogo, __assign({}, this.props, { dangerouslySetInnerHTML: {
-                        __html: themeColor === types_1.DeprecatedHeaderTheme.White ? common_1.dubLogoBlue : common_1.dubLogoWhite,
-                    } })),
-                title && React.createElement(Title, __assign({}, this.props), title))));
-    };
-    return DeprecatedDubLogoTitle;
-}(React.Component));
-exports.DeprecatedDubLogoTitle = DeprecatedDubLogoTitle;

package/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/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkdayLogoTitle.d.ts","sourceRoot":"","sources":["../../../../../header/lib/parts/WorkdayLogoTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AAKzB,oBAAY,qBAAqB,GAAG;IAClC;;;OAGG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC;CACnC,CAAC;AAiDF;;;;;;;GAOG;AACH,qBAAa,0BAA2B,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,CAAC;IACpF,iBAAiB;IAQV,MAAM;CA2Bd"}

package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.js

@@ -1,124 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var styled_1 = __importDefault(require("@emotion/styled"));
-var types_1 = require("../shared/types");
-var common_1 = require("@workday/canvas-kit-react/common");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var chroma_js_1 = __importDefault(require("chroma-js"));
-var LockupContainer = styled_1.default('div')({
-    display: 'inline-block',
-});
-var Lockup = styled_1.default('div')({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-}, function (_a) {
-    var variant = _a.variant;
-    return ({
-        height: variant === types_1.DeprecatedHeaderVariant.Global
-            ? types_1.DeprecatedHeaderHeight.Small
-            : types_1.DeprecatedHeaderHeight.Large,
-    });
-});
-var Title = styled_1.default('h3')({
-    fontSize: '20px',
-    fontWeight: 400,
-    marginLeft: tokens_1.space.l,
-    padding: tokens_1.space.s,
-    paddingLeft: tokens_1.space.m,
-    paddingRight: tokens_1.space.l,
-    whiteSpace: 'nowrap',
-    display: 'initial',
-}, function (_a) {
-    var themeColor = _a.themeColor;
-    return ({
-        color: themeColor === types_1.DeprecatedHeaderTheme.White ? tokens_1.colors.blueberry500 : tokens_1.colors.frenchVanilla100,
-        borderLeft: "1px solid " + (themeColor === types_1.DeprecatedHeaderTheme.White
-            ? tokens_1.colors.soap400
-            : chroma_js_1.default(tokens_1.colors.soap400)
-                .alpha(0.4)
-                .css()),
-    });
-});
-var WorkdayLogo = styled_1.default('span')({
-    paddingLeft: tokens_1.space.m,
-    lineHeight: 0,
-});
-/**
- * ### 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.
- */
-var DeprecatedWorkdayLogoTitle = /** @class */ (function (_super) {
-    __extends(DeprecatedWorkdayLogoTitle, _super);
-    function DeprecatedWorkdayLogoTitle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    DeprecatedWorkdayLogoTitle.prototype.componentDidMount = function () {
-        console.warn("WorkdayLogoTitle is being deprecated and will be removed in Canvas Kit V7.\n\n      For more information, please see the V6 migration guide:\n\n      https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page\n      ");
-    };
-    DeprecatedWorkdayLogoTitle.prototype.render = function () {
-        var _a = this.props, _b = _a.themeColor, themeColor = _b === void 0 ? types_1.DeprecatedHeaderTheme.White : _b, _c = _a.title, title = _c === void 0 ? '' : _c, variant = _a.variant, elemProps = __rest(_a, ["themeColor", "title", "variant"]);
-        return (React.createElement(LockupContainer, null,
-            React.createElement(Lockup, __assign({}, this.props, elemProps),
-                React.createElement(WorkdayLogo, __assign({}, this.props, { dangerouslySetInnerHTML: {
-                        __html: themeColor === types_1.DeprecatedHeaderTheme.White
-                            ? variant === types_1.DeprecatedHeaderVariant.Global
-                                ? common_1.miniWdayLogoBlue
-                                : common_1.wdayLogoBlue
-                            : common_1.wdayLogoWhite,
-                    } })),
-                title && React.createElement(Title, __assign({}, this.props), title))));
-    };
-    return DeprecatedWorkdayLogoTitle;
-}(React.Component));
-exports.DeprecatedWorkdayLogoTitle = DeprecatedWorkdayLogoTitle;

package/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/dist/commonjs/header/lib/parts/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../header/lib/parts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAC,0BAA0B,EAAC,MAAM,oBAAoB,CAAC"}

package/dist/commonjs/header/lib/parts/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var DubLogoTitle_1 = require("./DubLogoTitle");
-exports.DeprecatedDubLogoTitle = DubLogoTitle_1.DeprecatedDubLogoTitle;
-var WorkdayLogoTitle_1 = require("./WorkdayLogoTitle");
-exports.DeprecatedWorkdayLogoTitle = WorkdayLogoTitle_1.DeprecatedWorkdayLogoTitle;