@workday/canvas-kit-labs-react 5.3.17 → 5.4.0-next.1

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

@@ -60,7 +60,9 @@ var HeaderShell = styled_1.default('div')(__assign(__assign({ display: 'flex', 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.HeaderVariant.Full ? types_1.HeaderHeight.Large : types_1.HeaderHeight.Small, background: themes_1.themes[themeColor].background }, themes_1.themes[themeColor].depth), { color: themes_1.themes[themeColor].color }));
+        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%',
@@ -77,7 +79,7 @@ var BrandLink = styled_1.default(button_1.Hyperlink)({
 });
 var navStyle = function (_a) {
     var themeColor = _a.themeColor;
-    var theme = themes_1.themes[themeColor];
+    var theme = themes_1.deprecatedHeaderThemes[themeColor];
     return core_1.css({
         nav: {
             display: 'flex',
@@ -185,17 +187,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 ? types_1.HeaderVariant.Dub : _b, brand = _a.brand, _c = _a.themeColor, themeColor = _c === void 0 ? types_1.HeaderTheme.White : _c, title = _a.title;
+        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.HeaderVariant.Global: {
+            case types_1.DeprecatedHeaderVariant.Global: {
                 return React.createElement("span", null, brand);
             }
-            case types_1.HeaderVariant.Full: {
-                return (React.createElement("span", null, brand || React.createElement(parts_1.WorkdayLogoTitle, { title: title ? title : '', themeColor: themeColor })));
+            case types_1.DeprecatedHeaderVariant.Full: {
+                return (React.createElement("span", null, brand || (React.createElement(parts_1.DeprecatedWorkdayLogoTitle, { title: title ? title : '', themeColor: themeColor }))));
             }
-            // HeaderVariant.Dub is default
+            // DeprecatedHeaderVariant.Dub is default
             default: {
-                return (React.createElement("span", null, brand || React.createElement(parts_1.DubLogoTitle, { title: title ? title : '', themeColor: themeColor })));
+                return (React.createElement("span", null, brand || React.createElement(parts_1.DeprecatedDubLogoTitle, { title: title ? title : '', themeColor: themeColor })));
             }
         }
     };
@@ -207,7 +209,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 ? types_1.HeaderTheme.White : _b, menuToggle = _a.menuToggle, onMenuClick = _a.onMenuClick;
+        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
@@ -218,15 +220,26 @@ var MenuIconButton = /** @class */ (function (_super) {
                 className: 'canvas-header--menu-icon',
             });
         }
-        return (React.createElement(button_1.IconButton, { variant: themeColor === types_1.HeaderTheme.White ? 'circle' : 'inverse', icon: canvas_system_icons_web_1.justifyIcon, className: 'canvas-header--menu-icon', "aria-label": "Open Menu", onClick: onMenuClick }));
+        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
@@ -247,7 +260,7 @@ var Header = /** @class */ (function (_super) {
             }
             var propsChildren = child.props.children;
             var singleChild = React.Children.count(propsChildren) === 1 && propsChildren;
-            var iconButtonVariant = _this.props.themeColor === types_1.HeaderTheme.White ? 'circle' : 'inverse';
+            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;
@@ -283,7 +296,7 @@ var Header = /** @class */ (function (_super) {
         });
     };
     Header.prototype.render = function () {
-        var _a = this.props, menuToggle = _a.menuToggle, _b = _a.themeColor, themeColor = _b === void 0 ? types_1.HeaderTheme.White : _b, _c = _a.variant, variant = _c === void 0 ? types_1.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 ? 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
@@ -301,8 +314,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 = types_1.HeaderTheme;
-    Header.Variant = types_1.HeaderVariant;
+    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,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/commonjs/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/commonjs/header/lib/parts/DubLogoTitle.js

@@ -46,7 +46,7 @@ var LockupContainer = styled_1.default('div')({
 var Lockup = styled_1.default('div')({
     display: 'flex',
     alignItems: 'center',
-    height: types_1.HeaderHeight.Small,
+    height: types_1.DeprecatedHeaderHeight.Small,
     paddingLeft: tokens_1.space.m,
 }, function (_a) {
     var bgColor = _a.bgColor;
@@ -64,8 +64,8 @@ var Title = styled_1.default('h3')({
 }, function (_a) {
     var themeColor = _a.themeColor;
     return ({
-        color: themeColor === types_1.HeaderTheme.White ? tokens_1.colors.blueberry500 : tokens_1.colors.frenchVanilla100,
-        borderLeft: "1px solid " + (themeColor === types_1.HeaderTheme.White
+        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)
@@ -75,20 +75,31 @@ var Title = styled_1.default('h3')({
 var DubLogo = styled_1.default('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 ? types_1.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 ? 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.HeaderTheme.White ? common_1.dubLogoBlue : common_1.dubLogoWhite,
+                        __html: themeColor === types_1.DeprecatedHeaderTheme.White ? common_1.dubLogoBlue : common_1.dubLogoWhite,
                     } })),
                 title && React.createElement(Title, __assign({}, this.props), title))));
     };
-    return DubLogoTitle;
+    return DeprecatedDubLogoTitle;
 }(React.Component));
-exports.DubLogoTitle = DubLogoTitle;
+exports.DeprecatedDubLogoTitle = DeprecatedDubLogoTitle;

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

@@ -61,7 +61,9 @@ var Lockup = styled_1.default('div')({
 }, function (_a) {
     var variant = _a.variant;
     return ({
-        height: variant === types_1.HeaderVariant.Global ? types_1.HeaderHeight.Small : types_1.HeaderHeight.Large,
+        height: variant === types_1.DeprecatedHeaderVariant.Global
+            ? types_1.DeprecatedHeaderHeight.Small
+            : types_1.DeprecatedHeaderHeight.Large,
     });
 });
 var Title = styled_1.default('h3')({
@@ -76,8 +78,8 @@ var Title = styled_1.default('h3')({
 }, function (_a) {
     var themeColor = _a.themeColor;
     return ({
-        color: themeColor === types_1.HeaderTheme.White ? tokens_1.colors.blueberry500 : tokens_1.colors.frenchVanilla100,
-        borderLeft: "1px solid " + (themeColor === types_1.HeaderTheme.White
+        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)
@@ -88,24 +90,35 @@ var WorkdayLogo = styled_1.default('span')({
     paddingLeft: tokens_1.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 ? types_1.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 ? 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.HeaderTheme.White
-                            ? variant === types_1.HeaderVariant.Global
+                        __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 WorkdayLogoTitle;
+    return DeprecatedWorkdayLogoTitle;
 }(React.Component));
-exports.WorkdayLogoTitle = WorkdayLogoTitle;
+exports.DeprecatedWorkdayLogoTitle = DeprecatedWorkdayLogoTitle;

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

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

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

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

package/dist/commonjs/header/lib/shared/themes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../../header/lib/shared/themes.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,aAAa,EACd,MAAM,kCAAkC,CAAC;AAI1C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,UAAU,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,MAAM;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,CAAC;CAChC;AAED,eAAO,MAAM,MAAM,EAAE,MA4CpB,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACpC;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,qBAAqB,CAAC;CACtC;AAED,eAAO,MAAM,YAAY,EAAE,YA6B1B,CAAC"}
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../../header/lib/shared/themes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,aAAa,EACd,MAAM,kCAAkC,CAAC;AAI1C;;;;;;;GAOG;AACH,MAAM,WAAW,+BAA+B;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,UAAU,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,sBAAsB;IACrC,CAAC,GAAG,EAAE,MAAM,GAAG,+BAA+B,CAAC;CAChD;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,EAAE,sBA4CpC,CAAC"}

package/dist/commonjs/header/lib/shared/themes.js

@@ -2,14 +2,21 @@
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _a, _b;
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-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 types_1 = require("./types");
-exports.themes = (_a = {},
-    _a[types_1.HeaderTheme.White] = {
+/**
+ * ### 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.
+ */
+exports.deprecatedHeaderThemes = (_a = {},
+    _a[types_1.DeprecatedHeaderTheme.White] = {
         color: tokens_1.colors.blackPepper400,
         background: tokens_1.colors.frenchVanilla100,
         depth: tokens_1.depth['1'],
@@ -22,7 +29,7 @@ exports.themes = (_a = {},
         currentLinkColor: tokens_1.colors.blueberry500,
         chipColor: tokens_1.colors.blueberry400,
     },
-    _a[types_1.HeaderTheme.Blue] = {
+    _a[types_1.DeprecatedHeaderTheme.Blue] = {
         color: tokens_1.colors.frenchVanilla100,
         background: tokens_1.gradients.blueberry,
         depth: tokens_1.depth['3'],
@@ -37,7 +44,7 @@ exports.themes = (_a = {},
         currentLinkColor: tokens_1.colors.frenchVanilla100,
         chipColor: tokens_1.colors.frenchVanilla100,
     },
-    _a[types_1.HeaderTheme.Transparent] = {
+    _a[types_1.DeprecatedHeaderTheme.Transparent] = {
         color: tokens_1.colors.frenchVanilla100,
         background: 'transparent',
         depth: { boxShadow: 'none' },
@@ -53,33 +60,3 @@ exports.themes = (_a = {},
         chipColor: tokens_1.colors.frenchVanilla100,
     },
     _a);
-exports.searchThemes = (_b = {},
-    _b[types_1.SearchTheme.Transparent] = {
-        background: 'rgba(0, 0, 0, 0)',
-        backgroundFocus: 'rgba(0, 0, 0, 0)',
-        color: tokens_1.colors.blackPepper300,
-        colorFocus: tokens_1.colors.blackPepper300,
-        placeholderColor: tokens_1.colors.licorice300,
-        placeholderColorFocus: tokens_1.colors.licorice300,
-        boxShadow: 'none',
-        boxShadowFocus: 'none',
-    },
-    _b[types_1.SearchTheme.Light] = {
-        background: tokens_1.colors.soap200,
-        backgroundFocus: tokens_1.colors.soap200,
-        backgroundHover: tokens_1.colors.soap300,
-        color: tokens_1.colors.blackPepper300,
-        placeholderColor: tokens_1.colors.licorice300,
-        boxShadow: 'none',
-        boxShadowFocus: common_1.focusRing().boxShadow,
-    },
-    _b[types_1.SearchTheme.Dark] = {
-        background: 'rgba(0, 0, 0, 0.2)',
-        backgroundFocus: tokens_1.colors.frenchVanilla100,
-        color: tokens_1.colors.frenchVanilla100,
-        colorFocus: tokens_1.colors.blackPepper300,
-        placeholderColor: tokens_1.colors.frenchVanilla100,
-        placeholderColorFocus: tokens_1.colors.licorice300,
-        boxShadow: 'none',
-    },
-    _b);

package/dist/commonjs/header/lib/shared/types.d.ts

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

package/dist/commonjs/header/lib/shared/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../header/lib/shared/types.tsx"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACrB,KAAK,IAAA;IACL,IAAI,IAAA;IACJ,WAAW,IAAA;CACZ;AAED,oBAAY,aAAa;IACvB,GAAG,IAAA;IACH,IAAI,IAAA;IACJ,MAAM,IAAA;CACP;AAED,oBAAY,YAAY;IACtB,KAAK,SAAS;IACd,KAAK,SAAS;CACf;AAED,oBAAY,WAAW;IACrB,KAAK,IAAA;IACL,IAAI,IAAA;IACJ,WAAW,IAAA;CACZ"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../header/lib/shared/types.tsx"],"names":[],"mappings":"AAAA,oBAAY,qBAAqB;IAC/B,KAAK,IAAA;IACL,IAAI,IAAA;IACJ,WAAW,IAAA;CACZ;AAED,oBAAY,uBAAuB;IACjC,GAAG,IAAA;IACH,IAAI,IAAA;IACJ,MAAM,IAAA;CACP;AAED,oBAAY,sBAAsB;IAChC,KAAK,SAAS;IACd,KAAK,SAAS;CACf"}

package/dist/commonjs/header/lib/shared/types.js

@@ -1,25 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var HeaderTheme;
-(function (HeaderTheme) {
-    HeaderTheme[HeaderTheme["White"] = 0] = "White";
-    HeaderTheme[HeaderTheme["Blue"] = 1] = "Blue";
-    HeaderTheme[HeaderTheme["Transparent"] = 2] = "Transparent";
-})(HeaderTheme = exports.HeaderTheme || (exports.HeaderTheme = {}));
-var HeaderVariant;
-(function (HeaderVariant) {
-    HeaderVariant[HeaderVariant["Dub"] = 0] = "Dub";
-    HeaderVariant[HeaderVariant["Full"] = 1] = "Full";
-    HeaderVariant[HeaderVariant["Global"] = 2] = "Global";
-})(HeaderVariant = exports.HeaderVariant || (exports.HeaderVariant = {}));
-var HeaderHeight;
-(function (HeaderHeight) {
-    HeaderHeight["Small"] = "64px";
-    HeaderHeight["Large"] = "80px";
-})(HeaderHeight = exports.HeaderHeight || (exports.HeaderHeight = {}));
-var SearchTheme;
-(function (SearchTheme) {
-    SearchTheme[SearchTheme["Light"] = 0] = "Light";
-    SearchTheme[SearchTheme["Dark"] = 1] = "Dark";
-    SearchTheme[SearchTheme["Transparent"] = 2] = "Transparent";
-})(SearchTheme = exports.SearchTheme || (exports.SearchTheme = {}));
+var DeprecatedHeaderTheme;
+(function (DeprecatedHeaderTheme) {
+    DeprecatedHeaderTheme[DeprecatedHeaderTheme["White"] = 0] = "White";
+    DeprecatedHeaderTheme[DeprecatedHeaderTheme["Blue"] = 1] = "Blue";
+    DeprecatedHeaderTheme[DeprecatedHeaderTheme["Transparent"] = 2] = "Transparent";
+})(DeprecatedHeaderTheme = exports.DeprecatedHeaderTheme || (exports.DeprecatedHeaderTheme = {}));
+var DeprecatedHeaderVariant;
+(function (DeprecatedHeaderVariant) {
+    DeprecatedHeaderVariant[DeprecatedHeaderVariant["Dub"] = 0] = "Dub";
+    DeprecatedHeaderVariant[DeprecatedHeaderVariant["Full"] = 1] = "Full";
+    DeprecatedHeaderVariant[DeprecatedHeaderVariant["Global"] = 2] = "Global";
+})(DeprecatedHeaderVariant = exports.DeprecatedHeaderVariant || (exports.DeprecatedHeaderVariant = {}));
+var DeprecatedHeaderHeight;
+(function (DeprecatedHeaderHeight) {
+    DeprecatedHeaderHeight["Small"] = "64px";
+    DeprecatedHeaderHeight["Large"] = "80px";
+})(DeprecatedHeaderHeight = exports.DeprecatedHeaderHeight || (exports.DeprecatedHeaderHeight = {}));

package/dist/commonjs/index.d.ts

@@ -3,4 +3,5 @@ export * from './common';
 export * from './drawer';
 export * from './header';
 export * from './layout';
+export * from './search-form';
 //# sourceMappingURL=index.d.ts.map

package/dist/commonjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}

package/dist/commonjs/index.js

@@ -8,3 +8,4 @@ __export(require("./common"));
 __export(require("./drawer"));
 __export(require("./header"));
 __export(require("./layout"));
+__export(require("./search-form"));

package/dist/commonjs/layout/lib/Stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Stack.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAQ,eAAe,EAAC,MAAM,eAAe,CAAC;AAErD,oBAAY,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;AA2BrD,eAAO,MAAM,KAAK;;CA+BhB,CAAC;AAEH,oBAAY,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,GAAG;IAC5D;;;SAGK;IACL,aAAa,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,MAAM;;CAYjB,CAAC;AAEH,oBAAY,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,GAAG;IAC5D;;;SAGK;IACL,aAAa,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,MAAM;;CAYjB,CAAC"}
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Stack.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAQ,eAAe,EAAC,MAAM,eAAe,CAAC;AAErD,oBAAY,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;AA2BrD,eAAO,MAAM,KAAK;;CAiChB,CAAC;AAEH,oBAAY,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,GAAG;IAC5D;;;SAGK;IACL,aAAa,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,MAAM;;CAYjB,CAAC;AAEH,oBAAY,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,GAAG;IAC5D;;;SAGK;IACL,aAAa,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,MAAM;;CAYjB,CAAC"}

package/dist/commonjs/layout/lib/Stack.js

@@ -57,7 +57,7 @@ exports.Stack = common_1.createComponent('div')({
         var children = _a.children, _b = _a.flexDirection, flexDirection = _b === void 0 ? 'row' : _b, spacing = _a.spacing, _c = _a.shouldWrapChildren, shouldWrapChildren = _c === void 0 ? false : _c, elemProps = __rest(_a, ["children", "flexDirection", "spacing", "shouldWrapChildren"]);
         var validChildren = getValidChildren_1.getValidChildren(children);
         return (React.createElement(StyledStack, __assign({ as: Element, ref: ref, flexDirection: flexDirection, spacing: spacing }, elemProps), shouldWrapChildren
-            ? validChildren.map(function (child) { return React.createElement(StackItem, null, child); })
+            ? validChildren.map(function (child, index) { return (React.createElement(StackItem, { key: child.props.id || index }, child)); })
             : validChildren));
     },
     subComponents: {

package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts

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

package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getValidChildren.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/getValidChildren.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,oNAIzD"}
+{"version":3,"file":"getValidChildren.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/getValidChildren.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,oJAIzD"}

package/dist/commonjs/search-form/index.d.ts

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

package/dist/commonjs/search-form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../search-form/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC"}