@workday/canvas-kit-labs-react 6.0.0-beta.0-next.16 → 6.0.3

package/dist/es6/common/lib/theming/useThemedRing.js

@@ -0,0 +1,55 @@
+import { useThemeRTL } from './useThemeRTL';
+import { colors, inputColors } from '@workday/canvas-kit-react/tokens';
+import chroma from 'chroma-js';
+var isAccessible = function (foreground, background) {
+    if (background === void 0) { background = colors.frenchVanilla100; }
+    return chroma.contrast(foreground, background) >= 3;
+};
+var getPaletteColorsFromTheme = function (fallbackColors, palette) {
+    return palette
+        ? {
+            outer: isAccessible(palette === null || palette === void 0 ? void 0 : palette.main) ? palette === null || palette === void 0 ? void 0 : palette.main : palette === null || palette === void 0 ? void 0 : palette.darkest,
+            inner: palette === null || palette === void 0 ? void 0 : palette.main,
+        }
+        : fallbackColors;
+};
+export function getPaletteColors(type, theme) {
+    var palette = theme === null || theme === void 0 ? void 0 : theme.canvas.palette[type];
+    switch (type) {
+        case 'error': {
+            return getPaletteColorsFromTheme({
+                outer: inputColors.error.border,
+                inner: inputColors.error.border,
+            }, palette);
+        }
+        case 'alert': {
+            return getPaletteColorsFromTheme({
+                outer: colors.cantaloupe600,
+                inner: inputColors.alert.border,
+            }, palette);
+        }
+        default: {
+            return getPaletteColorsFromTheme({}, palette);
+        }
+    }
+}
+export var useThemedRing = function (type) {
+    var _a = useThemeRTL(), themeRTL = _a.themeRTL, theme = _a.theme;
+    var paletteColors = getPaletteColors(type, theme);
+    if (!((paletteColors === null || paletteColors === void 0 ? void 0 : paletteColors.outer) || (paletteColors === null || paletteColors === void 0 ? void 0 : paletteColors.inner))) {
+        return {};
+    }
+    var errorBoxShadow = "inset 0 0 0 " + (paletteColors.outer === paletteColors.inner ? 1 : 2) + "px " + paletteColors.inner;
+    return themeRTL({
+        borderColor: paletteColors.outer,
+        transition: '100ms box-shadow',
+        boxShadow: errorBoxShadow,
+        '&:hover, &:disabled': {
+            borderColor: paletteColors.outer,
+        },
+        '&:focus:not([disabled])': {
+            borderColor: paletteColors.outer,
+            boxShadow: errorBoxShadow + ",\n        0 0 0 2px " + colors.frenchVanilla100 + ",\n        0 0 0 4px " + (theme ? theme.canvas.palette.common.focusOutline : inputColors.focusBorder),
+        },
+    });
+};

package/dist/es6/header/index.d.ts

@@ -1,8 +1,8 @@
-import Header from './lib/Header';
-import GlobalHeader from './lib/GlobalHeader';
-export default Header;
-export { Header };
-export { GlobalHeader };
+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';

package/dist/es6/header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../header/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAE9C,eAAe,MAAM,CAAC;AACtB,OAAO,EAAC,MAAM,EAAC,CAAC;AAChB,OAAO,EAAC,YAAY,EAAC,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../header/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,cAAc,CAAC;AAC5C,OAAO,sBAAsB,MAAM,oBAAoB,CAAC;AAExD,eAAe,gBAAgB,CAAC;AAChC,OAAO,EAAC,gBAAgB,EAAC,CAAC;AAC1B,OAAO,EAAC,sBAAsB,EAAC,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC"}

package/dist/es6/header/index.js

@@ -1,8 +1,8 @@
-import Header from './lib/Header';
-import GlobalHeader from './lib/GlobalHeader';
-export default Header;
-export { Header };
-export { GlobalHeader };
+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';

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

@@ -19,11 +19,20 @@ export interface GlobalHeaderProps {
      */
     isCollapsed?: boolean;
     /**
-     * The React element to render in the left slot of the GlobalHeader. This is typically a SearchBar component.
+     * The React element to render in the left slot of the GlobalHeader. This is typically a SearchForm component.
      */
     leftSlot?: React.ReactElement;
 }
-export default class GlobalHeader extends React.Component<GlobalHeaderProps> {
+/**
+ * ### 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/dist/es6/header/lib/GlobalHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalHeader.d.ts","sourceRoot":"","sources":["../../../../header/lib/GlobalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IACnE,MAAM;CAwBd"}
+{"version":3,"file":"GlobalHeader.d.ts","sourceRoot":"","sources":["../../../../header/lib/GlobalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC/B;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IACpF,iBAAiB;IASV,MAAM;CAwBd"}

package/dist/es6/header/lib/GlobalHeader.js

@@ -34,18 +34,29 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import * as React from 'react';
-import Header from './Header';
-import { HeaderVariant } from './shared/types';
-import { DubLogoTitle } from './parts';
-var GlobalHeader = /** @class */ (function (_super) {
-    __extends(GlobalHeader, _super);
-    function GlobalHeader() {
+import DeprecatedHeader from './Header';
+import { DeprecatedHeaderVariant } from './shared/types';
+import { DeprecatedDubLogoTitle } from './parts';
+/**
+ * ### 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.
+ */
+var DeprecatedGlobalHeader = /** @class */ (function (_super) {
+    __extends(DeprecatedGlobalHeader, _super);
+    function DeprecatedGlobalHeader() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    GlobalHeader.prototype.render = function () {
-        var _a = this.props, _b = _a.brand, brand = _b === void 0 ? React.createElement(DubLogoTitle, null) : _b, menuToggle = _a.menuToggle, onMenuClick = _a.onMenuClick, isCollapsed = _a.isCollapsed, leftSlot = _a.leftSlot, children = _a.children, elemProps = __rest(_a, ["brand", "menuToggle", "onMenuClick", "isCollapsed", "leftSlot", "children"]);
-        return (React.createElement(Header, __assign({ brand: brand, menuToggle: menuToggle, leftSlot: leftSlot, onMenuClick: onMenuClick, variant: HeaderVariant.Global, isCollapsed: isCollapsed }, elemProps), children));
+    DeprecatedGlobalHeader.prototype.componentDidMount = function () {
+        console.warn("GlobalHeader 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      ");
     };
-    return GlobalHeader;
+    DeprecatedGlobalHeader.prototype.render = function () {
+        var _a = this.props, _b = _a.brand, brand = _b === void 0 ? React.createElement(DeprecatedDubLogoTitle, null) : _b, menuToggle = _a.menuToggle, onMenuClick = _a.onMenuClick, isCollapsed = _a.isCollapsed, leftSlot = _a.leftSlot, children = _a.children, elemProps = __rest(_a, ["brand", "menuToggle", "onMenuClick", "isCollapsed", "leftSlot", "children"]);
+        return (React.createElement(DeprecatedHeader, __assign({ brand: brand, menuToggle: menuToggle, leftSlot: leftSlot, onMenuClick: onMenuClick, variant: DeprecatedHeaderVariant.Global, isCollapsed: isCollapsed }, elemProps), children));
+    };
+    return DeprecatedGlobalHeader;
 }(React.Component));
-export default GlobalHeader;
+export default DeprecatedGlobalHeader;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { HeaderTheme, HeaderVariant } from './shared/types';
+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.
@@ -7,14 +7,14 @@ export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     menuToggle?: React.ReactNode;
     /**
      * The theme of the Header. Accepts `White`, `Blue`, or `Transparent`.
-     * @default HeaderTheme.White
+     * @default DeprecatedHeaderTheme.White
      */
-    themeColor?: HeaderTheme;
+    themeColor?: DeprecatedHeaderTheme;
     /**
      * The variant of the Header. Accepts `Dub` (small) or `Full` (large).
-     * @default HeaderVariant.Dub
+     * @default DeprecatedHeaderVariant.Dub
      */
-    variant?: HeaderVariant;
+    variant?: DeprecatedHeaderVariant;
     /**
      * The text of the Header title. Not used if `brand` is provided.
      */
@@ -37,7 +37,7 @@ export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     onMenuClick?: (e: React.MouseEvent) => void;
     /**
-     * The React element to render in the left slot of the Header. This is typically a SearchBar component.
+     * The React element to render in the left slot of the Header. This is typically a SearchForm component.
      */
     leftSlot?: React.ReactElement;
     /**
@@ -46,9 +46,18 @@ export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     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 HeaderTheme;
-    static Variant: typeof HeaderVariant;
+    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

package/dist/es6/header/lib/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../header/lib/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAe,WAAW,EAAE,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAMxE,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAkND,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;IAClE,MAAM,CAAC,KAAK,qBAAe;IAC3B,MAAM,CAAC,OAAO,uBAAiB;IAE/B;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,cAAc;IAuDtB,MAAM;CA0DP"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../header/lib/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAEL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,gBAAgB,CAAC;AAMxB,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA4ND;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;IAClE,MAAM,CAAC,KAAK,+BAAyB;IACrC,MAAM,CAAC,OAAO,iCAA2B;IAEzC,iBAAiB;IASjB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,cAAc;IAwDtB,MAAM;CA0DP"}

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

@@ -37,9 +37,9 @@ import * as React from 'react';
 import { css } from '@emotion/core';
 import styled from '@emotion/styled';
 import { borderRadius, space, type } from '@workday/canvas-kit-react/tokens';
-import { DubLogoTitle, WorkdayLogoTitle } from './parts';
-import { themes } from './shared/themes';
-import { HeaderHeight, HeaderTheme, HeaderVariant } from './shared/types';
+import { DeprecatedDubLogoTitle, DeprecatedWorkdayLogoTitle } from './parts';
+import { deprecatedHeaderThemes } from './shared/themes';
+import { DeprecatedHeaderHeight, DeprecatedHeaderTheme, DeprecatedHeaderVariant, } from './shared/types';
 import { Hyperlink, IconButton } from '@workday/canvas-kit-react/button';
 import { SystemIcon } from '@workday/canvas-kit-react/icon';
 import { justifyIcon } from '@workday/canvas-system-icons-web';
@@ -48,7 +48,9 @@ var HeaderShell = styled('div')(__assign(__assign({ display: 'flex', alignItems:
     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 === HeaderVariant.Full ? HeaderHeight.Large : HeaderHeight.Small, background: themes[themeColor].background }, themes[themeColor].depth), { color: themes[themeColor].color }));
+        height: variant === DeprecatedHeaderVariant.Full
+            ? DeprecatedHeaderHeight.Large
+            : DeprecatedHeaderHeight.Small, background: deprecatedHeaderThemes[themeColor].background }, deprecatedHeaderThemes[themeColor].depth), { color: deprecatedHeaderThemes[themeColor].color }));
 });
 var BrandSlot = styled('div')({
     height: '100%',
@@ -65,7 +67,7 @@ var BrandLink = styled(Hyperlink)({
 });
 var navStyle = function (_a) {
     var themeColor = _a.themeColor;
-    var theme = themes[themeColor];
+    var theme = deprecatedHeaderThemes[themeColor];
     return css({
         nav: {
             display: 'flex',
@@ -173,17 +175,17 @@ var Brand = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     Brand.prototype.render = function () {
-        var _a = this.props, _b = _a.variant, variant = _b === void 0 ? HeaderVariant.Dub : _b, brand = _a.brand, _c = _a.themeColor, themeColor = _c === void 0 ? HeaderTheme.White : _c, title = _a.title;
+        var _a = this.props, _b = _a.variant, variant = _b === void 0 ? DeprecatedHeaderVariant.Dub : _b, brand = _a.brand, _c = _a.themeColor, themeColor = _c === void 0 ? DeprecatedHeaderTheme.White : _c, title = _a.title;
         switch (variant) {
-            case HeaderVariant.Global: {
+            case DeprecatedHeaderVariant.Global: {
                 return React.createElement("span", null, brand);
             }
-            case HeaderVariant.Full: {
-                return (React.createElement("span", null, brand || React.createElement(WorkdayLogoTitle, { title: title ? title : '', themeColor: themeColor })));
+            case DeprecatedHeaderVariant.Full: {
+                return (React.createElement("span", null, brand || (React.createElement(DeprecatedWorkdayLogoTitle, { title: title ? title : '', themeColor: themeColor }))));
             }
-            // HeaderVariant.Dub is default
+            // DeprecatedHeaderVariant.Dub is default
             default: {
-                return (React.createElement("span", null, brand || React.createElement(DubLogoTitle, { title: title ? title : '', themeColor: themeColor })));
+                return (React.createElement("span", null, brand || React.createElement(DeprecatedDubLogoTitle, { title: title ? title : '', themeColor: themeColor })));
             }
         }
     };
@@ -195,7 +197,7 @@ var MenuIconButton = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     MenuIconButton.prototype.render = function () {
-        var _a = this.props, _b = _a.themeColor, themeColor = _b === void 0 ? HeaderTheme.White : _b, menuToggle = _a.menuToggle, onMenuClick = _a.onMenuClick;
+        var _a = this.props, _b = _a.themeColor, themeColor = _b === void 0 ? DeprecatedHeaderTheme.White : _b, menuToggle = _a.menuToggle, onMenuClick = _a.onMenuClick;
         if (menuToggle) {
             var menuToggleElement = menuToggle;
             var onClick = menuToggleElement.props.onClick
@@ -206,15 +208,26 @@ var MenuIconButton = /** @class */ (function (_super) {
                 className: 'canvas-header--menu-icon',
             });
         }
-        return (React.createElement(IconButton, { variant: themeColor === HeaderTheme.White ? 'circle' : 'inverse', icon: justifyIcon, className: 'canvas-header--menu-icon', "aria-label": "Open Menu", onClick: onMenuClick }));
+        return (React.createElement(IconButton, { variant: themeColor === DeprecatedHeaderTheme.White ? 'circle' : 'inverse', icon: 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
@@ -235,7 +248,7 @@ var Header = /** @class */ (function (_super) {
             }
             var propsChildren = child.props.children;
             var singleChild = React.Children.count(propsChildren) === 1 && propsChildren;
-            var iconButtonVariant = _this.props.themeColor === HeaderTheme.White ? 'circle' : 'inverse';
+            var iconButtonVariant = _this.props.themeColor === 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 === SystemIcon) {
                 var href_1 = child.props.href;
@@ -271,7 +284,7 @@ var Header = /** @class */ (function (_super) {
         });
     };
     Header.prototype.render = function () {
-        var _a = this.props, menuToggle = _a.menuToggle, _b = _a.themeColor, themeColor = _b === void 0 ? HeaderTheme.White : _b, _c = _a.variant, variant = _c === void 0 ? HeaderVariant.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"]);
+        var _a = this.props, menuToggle = _a.menuToggle, _b = _a.themeColor, themeColor = _b === void 0 ? DeprecatedHeaderTheme.White : _b, _c = _a.variant, variant = _c === void 0 ? 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
@@ -289,8 +302,8 @@ var Header = /** @class */ (function (_super) {
             // 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 = HeaderTheme;
-    Header.Variant = HeaderVariant;
+    Header.Theme = DeprecatedHeaderTheme;
+    Header.Variant = DeprecatedHeaderVariant;
     return Header;
 }(React.Component));
 export default Header;

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { HeaderTheme } from '../shared/types';
+import { DeprecatedHeaderTheme } from '../shared/types';
 export declare type DubTitleProps = {
     /**
      * The theme of the DubLogoTitle. Accepts `White`, `Blue`, or `Transparent`.
-     * @default HeaderTheme.White
+     * @default DeprecatedHeaderTheme.White
      */
-    themeColor?: HeaderTheme;
+    themeColor?: DeprecatedHeaderTheme;
     /**
      * The text of the DubLogoTitle. Not used if `brand` is provided.
      */
@@ -15,7 +15,16 @@ export declare type DubTitleProps = {
      */
     bgColor?: string;
 };
-export declare class DubLogoTitle extends React.Component<DubTitleProps> {
+/**
+ * ### 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/es6/header/lib/parts/DubLogoTitle.d.ts.map

@@ -1 +1 @@
-{"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,EAAe,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAI1D,oBAAY,aAAa,GAAG;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AA2CF,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC9D,MAAM;CAgBP"}
+{"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/es6/header/lib/parts/DubLogoTitle.js

@@ -25,7 +25,7 @@ var __assign = (this && this.__assign) || function () {
 import * as React from 'react';
 import styled from '@emotion/styled';
 import { colors, space } from '@workday/canvas-kit-react/tokens';
-import { HeaderHeight, HeaderTheme } from '../shared/types';
+import { DeprecatedHeaderHeight, DeprecatedHeaderTheme } from '../shared/types';
 import chroma from 'chroma-js';
 import { dubLogoWhite, dubLogoBlue } from '@workday/canvas-kit-react/common';
 var LockupContainer = styled('div')({
@@ -34,7 +34,7 @@ var LockupContainer = styled('div')({
 var Lockup = styled('div')({
     display: 'flex',
     alignItems: 'center',
-    height: HeaderHeight.Small,
+    height: DeprecatedHeaderHeight.Small,
     paddingLeft: space.m,
 }, function (_a) {
     var bgColor = _a.bgColor;
@@ -52,8 +52,8 @@ var Title = styled('h3')({
 }, function (_a) {
     var themeColor = _a.themeColor;
     return ({
-        color: themeColor === HeaderTheme.White ? colors.blueberry500 : colors.frenchVanilla100,
-        borderLeft: "1px solid " + (themeColor === HeaderTheme.White
+        color: themeColor === DeprecatedHeaderTheme.White ? colors.blueberry500 : colors.frenchVanilla100,
+        borderLeft: "1px solid " + (themeColor === DeprecatedHeaderTheme.White
             ? colors.soap400
             : chroma(colors.frenchVanilla100)
                 .alpha(0.3)
@@ -63,20 +63,31 @@ var Title = styled('h3')({
 var DubLogo = styled('div')({
     lineHeight: 0,
 });
-var DubLogoTitle = /** @class */ (function (_super) {
-    __extends(DubLogoTitle, _super);
-    function DubLogoTitle() {
+/**
+ * ### 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;
     }
-    DubLogoTitle.prototype.render = function () {
-        var _a = this.props, _b = _a.themeColor, themeColor = _b === void 0 ? HeaderTheme.White : _b, title = _a.title;
+    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 ? 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 === HeaderTheme.White ? dubLogoBlue : dubLogoWhite,
+                        __html: themeColor === DeprecatedHeaderTheme.White ? dubLogoBlue : dubLogoWhite,
                     } })),
                 title && React.createElement(Title, __assign({}, this.props), title))));
     };
-    return DubLogoTitle;
+    return DeprecatedDubLogoTitle;
 }(React.Component));
-export { DubLogoTitle };
+export { DeprecatedDubLogoTitle };

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { HeaderTheme, HeaderVariant } from '../shared/types';
+import { DeprecatedHeaderTheme, DeprecatedHeaderVariant } from '../shared/types';
 export declare type WorkdayLogoTitleProps = {
     /**
      * The theme of the WorkdayLogoTitle. Accepts `White`, `Blue`, or `Transparent`.
-     * @default HeaderTheme.White
+     * @default DeprecatedHeaderTheme.White
      */
-    themeColor?: HeaderTheme;
+    themeColor?: DeprecatedHeaderTheme;
     /**
      * The text of the WorkdayLogoTitle. Not used if `brand` is provided.
      * @default ''
@@ -14,9 +14,18 @@ export declare type WorkdayLogoTitleProps = {
     /**
      * The variant of the WorkdayLogoTitle.
      */
-    variant?: HeaderVariant;
+    variant?: DeprecatedHeaderVariant;
 };
-export declare class WorkdayLogoTitle extends React.Component<WorkdayLogoTitleProps> {
+/**
+ * ### 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/es6/header/lib/parts/WorkdayLogoTitle.d.ts.map

@@ -1 +1 @@
-{"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,EAAe,WAAW,EAAE,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAKzE,oBAAY,qBAAqB,GAAG;IAClC;;;OAGG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AA6CF,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,CAAC;IACnE,MAAM;CAsBd"}
+{"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/es6/header/lib/parts/WorkdayLogoTitle.js

@@ -35,7 +35,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from 'react';
 import styled from '@emotion/styled';
-import { HeaderHeight, HeaderTheme, HeaderVariant } from '../shared/types';
+import { DeprecatedHeaderHeight, DeprecatedHeaderTheme, DeprecatedHeaderVariant, } from '../shared/types';
 import { miniWdayLogoBlue, wdayLogoWhite, wdayLogoBlue } from '@workday/canvas-kit-react/common';
 import { colors, space } from '@workday/canvas-kit-react/tokens';
 import chroma from 'chroma-js';
@@ -49,7 +49,9 @@ var Lockup = styled('div')({
 }, function (_a) {
     var variant = _a.variant;
     return ({
-        height: variant === HeaderVariant.Global ? HeaderHeight.Small : HeaderHeight.Large,
+        height: variant === DeprecatedHeaderVariant.Global
+            ? DeprecatedHeaderHeight.Small
+            : DeprecatedHeaderHeight.Large,
     });
 });
 var Title = styled('h3')({
@@ -64,8 +66,8 @@ var Title = styled('h3')({
 }, function (_a) {
     var themeColor = _a.themeColor;
     return ({
-        color: themeColor === HeaderTheme.White ? colors.blueberry500 : colors.frenchVanilla100,
-        borderLeft: "1px solid " + (themeColor === HeaderTheme.White
+        color: themeColor === DeprecatedHeaderTheme.White ? colors.blueberry500 : colors.frenchVanilla100,
+        borderLeft: "1px solid " + (themeColor === DeprecatedHeaderTheme.White
             ? colors.soap400
             : chroma(colors.soap400)
                 .alpha(0.4)
@@ -76,24 +78,35 @@ var WorkdayLogo = styled('span')({
     paddingLeft: space.m,
     lineHeight: 0,
 });
-var WorkdayLogoTitle = /** @class */ (function (_super) {
-    __extends(WorkdayLogoTitle, _super);
-    function WorkdayLogoTitle() {
+/**
+ * ### 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;
     }
-    WorkdayLogoTitle.prototype.render = function () {
-        var _a = this.props, _b = _a.themeColor, themeColor = _b === void 0 ? HeaderTheme.White : _b, _c = _a.title, title = _c === void 0 ? '' : _c, variant = _a.variant, elemProps = __rest(_a, ["themeColor", "title", "variant"]);
+    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 ? 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 === HeaderTheme.White
-                            ? variant === HeaderVariant.Global
+                        __html: themeColor === DeprecatedHeaderTheme.White
+                            ? variant === DeprecatedHeaderVariant.Global
                                 ? miniWdayLogoBlue
                                 : wdayLogoBlue
                             : wdayLogoWhite,
                     } })),
                 title && React.createElement(Title, __assign({}, this.props), title))));
     };
-    return WorkdayLogoTitle;
+    return DeprecatedWorkdayLogoTitle;
 }(React.Component));
-export { WorkdayLogoTitle };
+export { DeprecatedWorkdayLogoTitle };

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

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

package/dist/es6/header/lib/parts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../header/lib/parts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,SAAS,EAAE,cAAc,EAAC,MAAM,aAAa,CAAC;AACtD,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC"}
+{"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/es6/header/lib/parts/index.js

@@ -1,3 +1,2 @@
-export { DubLogoTitle } from './DubLogoTitle';
-export { SearchBar } from './SearchBar';
-export { WorkdayLogoTitle } from './WorkdayLogoTitle';
+export { DeprecatedDubLogoTitle } from './DubLogoTitle';
+export { DeprecatedWorkdayLogoTitle } from './WorkdayLogoTitle';