@workday/canvas-kit-labs-react 5.3.0 → 5.3.4

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 { DeprecatedDubLogoTitle, DeprecatedWorkdayLogoTitle } from './parts';
-import { deprecatedHeaderThemes } from './shared/themes';
-import { DeprecatedHeaderHeight, DeprecatedHeaderTheme, DeprecatedHeaderVariant, } from './shared/types';
+import { DubLogoTitle, WorkdayLogoTitle } from './parts';
+import { themes } from './shared/themes';
+import { HeaderHeight, HeaderTheme, HeaderVariant } 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,9 +48,7 @@ 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 === DeprecatedHeaderVariant.Full
-            ? DeprecatedHeaderHeight.Large
-            : DeprecatedHeaderHeight.Small, background: deprecatedHeaderThemes[themeColor].background }, deprecatedHeaderThemes[themeColor].depth), { color: deprecatedHeaderThemes[themeColor].color }));
+        height: variant === HeaderVariant.Full ? HeaderHeight.Large : HeaderHeight.Small, background: themes[themeColor].background }, themes[themeColor].depth), { color: themes[themeColor].color }));
 });
 var BrandSlot = styled('div')({
     height: '100%',
@@ -67,7 +65,7 @@ var BrandLink = styled(Hyperlink)({
 });
 var navStyle = function (_a) {
     var themeColor = _a.themeColor;
-    var theme = deprecatedHeaderThemes[themeColor];
+    var theme = themes[themeColor];
     return css({
         nav: {
             display: 'flex',
@@ -175,17 +173,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 ? DeprecatedHeaderVariant.Dub : _b, brand = _a.brand, _c = _a.themeColor, themeColor = _c === void 0 ? DeprecatedHeaderTheme.White : _c, title = _a.title;
+        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;
         switch (variant) {
-            case DeprecatedHeaderVariant.Global: {
+            case HeaderVariant.Global: {
                 return React.createElement("span", null, brand);
             }
-            case DeprecatedHeaderVariant.Full: {
-                return (React.createElement("span", null, brand || (React.createElement(DeprecatedWorkdayLogoTitle, { title: title ? title : '', themeColor: themeColor }))));
+            case HeaderVariant.Full: {
+                return (React.createElement("span", null, brand || React.createElement(WorkdayLogoTitle, { title: title ? title : '', themeColor: themeColor })));
             }
-            // DeprecatedHeaderVariant.Dub is default
+            // HeaderVariant.Dub is default
             default: {
-                return (React.createElement("span", null, brand || React.createElement(DeprecatedDubLogoTitle, { title: title ? title : '', themeColor: themeColor })));
+                return (React.createElement("span", null, brand || React.createElement(DubLogoTitle, { title: title ? title : '', themeColor: themeColor })));
             }
         }
     };
@@ -197,7 +195,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 ? DeprecatedHeaderTheme.White : _b, menuToggle = _a.menuToggle, onMenuClick = _a.onMenuClick;
+        var _a = this.props, _b = _a.themeColor, themeColor = _b === void 0 ? HeaderTheme.White : _b, menuToggle = _a.menuToggle, onMenuClick = _a.onMenuClick;
         if (menuToggle) {
             var menuToggleElement = menuToggle;
             var onClick = menuToggleElement.props.onClick
@@ -208,26 +206,15 @@ var MenuIconButton = /** @class */ (function (_super) {
                 className: 'canvas-header--menu-icon',
             });
         }
-        return (React.createElement(IconButton, { variant: themeColor === DeprecatedHeaderTheme.White ? 'circle' : 'inverse', icon: justifyIcon, className: 'canvas-header--menu-icon', "aria-label": "Open Menu", onClick: onMenuClick }));
+        return (React.createElement(IconButton, { variant: themeColor === HeaderTheme.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
@@ -248,7 +235,7 @@ var Header = /** @class */ (function (_super) {
             }
             var propsChildren = child.props.children;
             var singleChild = React.Children.count(propsChildren) === 1 && propsChildren;
-            var iconButtonVariant = _this.props.themeColor === DeprecatedHeaderTheme.White ? 'circle' : 'inverse';
+            var iconButtonVariant = _this.props.themeColor === HeaderTheme.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;
@@ -284,7 +271,7 @@ var Header = /** @class */ (function (_super) {
         });
     };
     Header.prototype.render = function () {
-        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"]);
+        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"]);
         /* Push everything to the right if:
            - on tablet and mobile screens
            - Search isn't enabled and the nav shouldn't be centered
@@ -302,8 +289,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 = DeprecatedHeaderTheme;
-    Header.Variant = DeprecatedHeaderVariant;
+    Header.Theme = HeaderTheme;
+    Header.Variant = HeaderVariant;
     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 { DeprecatedHeaderTheme } from '../shared/types';
+import { HeaderTheme } from '../shared/types';
 export declare type DubTitleProps = {
     /**
      * The theme of the DubLogoTitle. Accepts `White`, `Blue`, or `Transparent`.
-     * @default DeprecatedHeaderTheme.White
+     * @default HeaderTheme.White
      */
-    themeColor?: DeprecatedHeaderTheme;
+    themeColor?: HeaderTheme;
     /**
      * The text of the DubLogoTitle. Not used if `brand` is provided.
      */
@@ -15,16 +15,7 @@ export declare type DubTitleProps = {
      */
     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;
+export declare class DubLogoTitle extends React.Component<DubTitleProps> {
     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,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"}
+{"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"}

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 { DeprecatedHeaderHeight, DeprecatedHeaderTheme } from '../shared/types';
+import { HeaderHeight, HeaderTheme } 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: DeprecatedHeaderHeight.Small,
+    height: HeaderHeight.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 === DeprecatedHeaderTheme.White ? colors.blueberry500 : colors.frenchVanilla100,
-        borderLeft: "1px solid " + (themeColor === DeprecatedHeaderTheme.White
+        color: themeColor === HeaderTheme.White ? colors.blueberry500 : colors.frenchVanilla100,
+        borderLeft: "1px solid " + (themeColor === HeaderTheme.White
             ? colors.soap400
             : chroma(colors.frenchVanilla100)
                 .alpha(0.3)
@@ -63,31 +63,20 @@ var Title = styled('h3')({
 var DubLogo = styled('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() {
+var DubLogoTitle = /** @class */ (function (_super) {
+    __extends(DubLogoTitle, _super);
+    function DubLogoTitle() {
         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 ? DeprecatedHeaderTheme.White : _b, title = _a.title;
+    DubLogoTitle.prototype.render = function () {
+        var _a = this.props, _b = _a.themeColor, themeColor = _b === void 0 ? HeaderTheme.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 === DeprecatedHeaderTheme.White ? dubLogoBlue : dubLogoWhite,
+                        __html: themeColor === HeaderTheme.White ? dubLogoBlue : dubLogoWhite,
                     } })),
                 title && React.createElement(Title, __assign({}, this.props), title))));
     };
-    return DeprecatedDubLogoTitle;
+    return DubLogoTitle;
 }(React.Component));
-export { DeprecatedDubLogoTitle };
+export { DubLogoTitle };

package/dist/es6/{search-form/lib/SearchForm.d.ts → header/lib/parts/SearchBar.d.ts}

@@ -1,23 +1,24 @@
 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> {
+import { SearchThemeAttributes } from '../shared/themes';
+import { SearchTheme } from '../shared/types';
+export interface SearchBarProps extends GrowthBehavior, React.FormHTMLAttributes<HTMLFormElement> {
     /**
-     * The function called when the SearchForm form is submitted. The current input value is passed to the callback function.
+     * The function called when the SearchBar 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.
+     * If true, collapse the SearchBar text input into a toggle icon. Useful for responsive layouts.
      * @default false
      */
     isCollapsed?: boolean;
     /**
-     * The function called when the SearchForm text input changes.
+     * The function called when the SearchBar text input changes.
      */
     onInputChange?: React.ChangeEventHandler<HTMLInputElement>;
     /**
-     * The autocomplete items of the SearchForm. This array of menu items is shown under the search bar.
+     * The autocomplete items of the SearchBar. This array of menu items is shown under the search bar.
      */
     autocompleteItems?: React.ReactElement<MenuItemProps>[];
     /**
@@ -25,73 +26,73 @@ export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttribute
      */
     searchTheme?: SearchTheme | SearchThemeAttributes;
     /**
-     * The placeholder text of the SearchForm text input.
+     * The placeholder text of the SearchBar text input.
      * @default Search
      */
     placeholder?: string;
     /**
-     * The initial value of the SearchForm text input.
+     * The initial value of the SearchBar text input.
      */
     initialValue?: string;
     /**
-     * If true, right-align the SearchForm. If false, the text input should grow to left-align the SearchForm.
+     * If true, right-align the SearchBar. If false, the text input should grow to left-align the SearchBar.
      * @default false
      */
     rightAlign?: boolean;
     /**
-     * The screenreader label text for the SearchForm text input.
+     * The screenreader label text for the SearchBar text input.
      * @default Search
      */
     inputLabel?: string;
     /**
-     * The screenreader label text for the SearchForm submit button.
+     * The screenreader label text for the SearchBar submit button.
      * @default Search
      */
     submitAriaLabel?: string;
     /**
-     * The screenreader label text for the SearchForm clear button.
+     * The screenreader label text for the SearchBar clear button.
      * @default Reset Search Form
      */
     clearButtonAriaLabel?: string;
     /**
-     * The screenreader label text for the button to open the collapsed SearchForm.
+     * The screenreader label text for the button to open the collapsed SearchBar.
      * @default Open Search
      */
     openButtonAriaLabel?: string;
     /**
-     * The screenreader label text for the button to close the open SearchForm.
+     * The screenreader label text for the button to close the open SearchBar.
      * @default Cancel
      */
     closeButtonAriaLabel?: string;
     /**
-     * If true, render the SearchForm with a button to clear the text input.
+     * If true, render the SearchBar with a button to clear the text input.
      * @default true
      */
     showClearButton?: boolean;
     /**
-     * Height of the Search Form in pixels
-     * @default 40
+     * Height of the Search Bar in pixels
+     * @default: 40
      */
     height?: number;
 }
-export interface SearchFormState {
+export interface SearchBarState {
     showForm: boolean;
     searchQuery: string;
     isFocused: boolean;
 }
-export declare class SearchForm extends React.Component<SearchFormProps, SearchFormState> {
+export declare class SearchBar extends React.Component<SearchBarProps, SearchBarState> {
     static Theme: typeof SearchTheme;
     private inputRef;
     private openRef;
     private labelId;
-    state: Readonly<SearchFormState>;
+    state: Readonly<SearchBarState>;
     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;
+    componentDidUpdate(prevProps: SearchBarProps, prevState: SearchBarState): void;
     focusInput: () => void;
     focusOpen: () => void;
     handleFocus: () => void;
@@ -99,4 +100,4 @@ export declare class SearchForm extends React.Component<SearchFormProps, SearchF
     handleSearchInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     render(): JSX.Element;
 }
-//# sourceMappingURL=SearchForm.d.ts.map
+//# sourceMappingURL=SearchBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../../header/lib/parts/SearchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,cAAc,EAAS,MAAM,kCAAkC,CAAC;AAMxE,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAAe,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAI5C,MAAM,WAAW,cAAe,SAAQ,cAAc,EAAE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC;IAC/F;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC3D;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,qBAAqB,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAuMD,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC5E,MAAM,CAAC,KAAK,qBAAe;IAE3B,OAAO,CAAC,QAAQ,CAAuC;IACvD,OAAO,CAAC,OAAO,CAAwC;IACvD,OAAO,CAAC,OAAO,CAAU;IAEzB,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,CAI7B;IAEF,OAAO,CAAC,QAAQ,CAUd;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,iBAAiB,kHAOf;IAEF,YAAY,oDAOV;IAEF,mBAAmB,aAIjB;IAEF,oBAAoB,aAIlB;IAEF,kBAAkB,CAAC,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc;IAWvE,UAAU,aAIR;IAEF,SAAS,aAIP;IAEF,WAAW,aAET;IAEF,UAAU,aAER;IAEF,uBAAuB,uDAMrB;IAEF,MAAM;CAkGP"}

package/dist/es6/{search-form/lib/SearchForm.js → header/lib/parts/SearchBar.js}

@@ -41,7 +41,8 @@ import { searchIcon, xIcon } from '@workday/canvas-system-icons-web';
 import { FormField, FormFieldLabelPosition } from '@workday/canvas-kit-react/form-field';
 import { Combobox } from '@workday/canvas-kit-labs-react/combobox';
 import { TextInput } from '@workday/canvas-kit-react/text-input';
-import { searchThemes, SearchTheme } from './themes';
+import { searchThemes } from '../shared/themes';
+import { SearchTheme } from '../shared/types';
 import chroma from 'chroma-js';
 import uuid from 'uuid/v4';
 function getInputColors(theme, isFocused) {
@@ -58,7 +59,7 @@ function getInputColors(theme, isFocused) {
 var formCollapsedBackground = colors.frenchVanilla100;
 var maxWidth = 480;
 var minWidth = 120;
-var StyledSearchForm = styled('form')({
+var SearchForm = styled('form')({
     position: 'relative',
     flex: "1 1 auto",
     display: 'flex',
@@ -185,9 +186,9 @@ var SearchInput = styled(TextInput)(function (_a) {
             },
         } }, collapseStyles);
 });
-var SearchForm = /** @class */ (function (_super) {
-    __extends(SearchForm, _super);
-    function SearchForm() {
+var SearchBar = /** @class */ (function (_super) {
+    __extends(SearchBar, _super);
+    function SearchBar() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.inputRef = React.createRef();
         _this.openRef = React.createRef();
@@ -268,7 +269,7 @@ var SearchForm = /** @class */ (function (_super) {
         };
         return _this;
     }
-    SearchForm.prototype.componentDidUpdate = function (prevProps, prevState) {
+    SearchBar.prototype.componentDidUpdate = function (prevProps, prevState) {
         var showFormToggled = this.state.showForm !== prevState.showForm;
         if (showFormToggled) {
             if (this.state.showForm) {
@@ -279,9 +280,9 @@ var SearchForm = /** @class */ (function (_super) {
             }
         }
     };
-    SearchForm.prototype.render = function () {
+    SearchBar.prototype.render = function () {
         var _a = this.props, _b = _a.clearButtonAriaLabel, clearButtonAriaLabel = _b === void 0 ? 'Reset Search Form' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? 'Search' : _c, _d = _a.inputLabel, inputLabel = _d === void 0 ? 'Search' : _d, _e = _a.submitAriaLabel, submitAriaLabel = _e === void 0 ? 'Search' : _e, _f = _a.openButtonAriaLabel, openButtonAriaLabel = _f === void 0 ? 'Open Search' : _f, _g = _a.closeButtonAriaLabel, closeButtonAriaLabel = _g === void 0 ? 'Cancel' : _g, _h = _a.showClearButton, showClearButton = _h === void 0 ? true : _h, _j = _a.height, height = _j === void 0 ? 40 : _j, grow = _a.grow, onSubmit = _a.onSubmit, isCollapsed = _a.isCollapsed, onInputChange = _a.onInputChange, autocompleteItems = _a.autocompleteItems, initialValue = _a.initialValue, searchTheme = _a.searchTheme, rightAlign = _a.rightAlign, elemProps = __rest(_a, ["clearButtonAriaLabel", "placeholder", "inputLabel", "submitAriaLabel", "openButtonAriaLabel", "closeButtonAriaLabel", "showClearButton", "height", "grow", "onSubmit", "isCollapsed", "onInputChange", "autocompleteItems", "initialValue", "searchTheme", "rightAlign"]);
-        return (React.createElement(StyledSearchForm, __assign({ role: "search", action: ".", rightAlign: rightAlign, grow: grow, "aria-labelledby": this.labelId, isCollapsed: isCollapsed, onSubmit: this.handleSubmit, showForm: this.state.showForm }, elemProps),
+        return (React.createElement(SearchForm, __assign({ role: "search", action: ".", rightAlign: rightAlign, grow: grow, "aria-labelledby": this.labelId, isCollapsed: isCollapsed, onSubmit: this.handleSubmit, showForm: this.state.showForm }, elemProps),
             React.createElement(SearchContainer, { height: height },
                 React.createElement(SearchIcon, { "aria-label": submitAriaLabel, icon: searchIcon, isCollapsed: isCollapsed, variant: this.getIconButtonType(), type: "submit", isHidden: !!isCollapsed && !this.state.showForm }),
                 React.createElement(SearchIcon, { "aria-label": openButtonAriaLabel, icon: searchIcon, isCollapsed: isCollapsed, variant: this.getIconButtonType(), onClick: this.openCollapsedSearch, ref: this.openRef, type: "button", isHidden: !isCollapsed || (!!isCollapsed && this.state.showForm) }),
@@ -290,7 +291,7 @@ var SearchForm = /** @class */ (function (_super) {
                         React.createElement(SearchInput, { ref: this.inputRef, value: this.state.searchQuery, placeholder: placeholder, isCollapsed: isCollapsed, inputColors: this.getThemeColors(), height: height, name: "search" }))),
                 React.createElement(CloseButton, { "aria-label": closeButtonAriaLabel, icon: xIcon, isCollapsed: isCollapsed, variant: "plain", showForm: this.state.showForm, onClick: this.closeCollapsedSearch, type: "button" }))));
     };
-    SearchForm.Theme = SearchTheme;
-    return SearchForm;
+    SearchBar.Theme = SearchTheme;
+    return SearchBar;
 }(React.Component));
-export { SearchForm };
+export { SearchBar };

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

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

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

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

@@ -1,3 +1,4 @@
-export { DeprecatedDubLogoTitle } from './DubLogoTitle';
-export { DeprecatedWorkdayLogoTitle } from './WorkdayLogoTitle';
+export { DubLogoTitle } from './DubLogoTitle';
+export { SearchBar, SearchBarProps } from './SearchBar';
+export { WorkdayLogoTitle } 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,sBAAsB,EAAC,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAC,0BAA0B,EAAC,MAAM,oBAAoB,CAAC"}
+{"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"}

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

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

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

@@ -1,13 +1,5 @@
 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 {
+export interface ThemeAttributes {
     color: string;
     background: string;
     depth: CSSProperties;
@@ -20,24 +12,23 @@ export interface DeprecatedHeaderThemeAttributes {
     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;
+export interface Themes {
+    [key: string]: ThemeAttributes;
 }
-/**
- * ### 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;
+export declare const themes: Themes;
+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