@workday/canvas-kit-labs-react 8.0.0-alpha.192-next.1 → 8.0.0-alpha.198-next.0

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

@@ -1,3 +1,3 @@
-export { DrawerHeader } from './lib/DrawerHeader';
+export { DeprecatedDrawerHeader } from './lib/DrawerHeader';
 export * from './lib/Drawer';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,oBAAoB,CAAC;AAC1D,cAAc,cAAc,CAAC"}

package/dist/commonjs/drawer/index.js

@@ -10,7 +10,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerHeader = void 0;
+exports.DeprecatedDrawerHeader = void 0;
 var DrawerHeader_1 = require("./lib/DrawerHeader");
-Object.defineProperty(exports, "DrawerHeader", { enumerable: true, get: function () { return DrawerHeader_1.DrawerHeader; } });
+Object.defineProperty(exports, "DeprecatedDrawerHeader", { enumerable: true, get: function () { return DrawerHeader_1.DeprecatedDrawerHeader; } });
 __exportStar(require("./lib/Drawer"), exports);

package/dist/commonjs/drawer/lib/Drawer.d.ts

@@ -1,49 +1,74 @@
 import * as React from 'react';
 import { CanvasSpaceValues } from '@workday/canvas-kit-react/tokens';
-export interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
+/**
+ * ### Deprecated Drawer Props
+ *
+ * As of Canvas Kit v8, Drawer is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+export interface DeprecatedDrawerProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
-     * The padding of the Drawer contents.
+     * The padding of the DeprecatedDrawer contents.
      * @default space.s
      */
     padding?: CanvasSpaceValues;
     /**
-     * The direction from which the Drawer opens. Accepts `Left` or `Right`.
-     * @default DrawerDirection.Right
+     * The direction from which the DeprecatedDrawer opens. Accepts `Left` or `Right`.
+     * @default DeprecatedDrawerDirection.Right
      */
-    openDirection?: DrawerDirection;
+    openDirection?: DeprecatedDrawerDirection;
     /**
-     * The width of the Drawer in `px`.
+     * The width of the DeprecatedDrawer in `px`.
      * @default 360
      */
     width?: number;
     /**
-     * If true, render the Drawer with a drop shadow.
+     * If true, render the DeprecatedDrawer with a drop shadow.
      * @default false
      */
     showDropShadow?: boolean;
     /**
-     * The optional DrawerHeader component of the Drawer. Shows an optional string and close button.
+     * The optional DeprecatedDrawerHeader component of the DeprecatedDrawer. Shows an optional string and close button.
      */
     header?: React.ReactElement;
     /**
-     * The `aria-labelledby` of the Drawer. Set this when there is a `header` for accessibility. The `role` attribute should also be used when this attribute is present. This value should be the same as the `id` attribute of the `header` element.
+     * The `aria-labelledby` of the DeprecatedDrawer. Set this when there is a `header` for accessibility. The `role` attribute should also be used when this attribute is present. This value should be the same as the `id` attribute of the `header` element.
      */
     'aria-labelledby'?: string;
     /**
-     * The `aria-label` for the Drawer. Set this when there is NO `header` for accessibility.
+     * The `aria-label` for the DeprecatedDrawer. Set this when there is NO `header` for accessibility.
      */
     'aria-label'?: string;
     /**
-     * The role of the Drawer. If `role` is provided, you must also set `aria-labelledby` to link `header` to the `role`.
+     * The role of the DeprecatedDrawer. If `role` is provided, you must also set `aria-labelledby` to link `header` to the `role`.
      */
     role?: string;
 }
-export declare enum DrawerDirection {
+/**
+ * ### Deprecated Drawer Direction
+ *
+ * As of Canvas Kit v8, Drawer is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+export declare enum DeprecatedDrawerDirection {
     Left = 0,
     Right = 1
 }
-export declare class Drawer extends React.Component<DrawerProps, {}> {
-    static OpenDirection: typeof DrawerDirection;
+/**
+ * ### Deprecated Drawer
+ *
+ * As of Canvas Kit v8, this component is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+export declare class DeprecatedDrawer extends React.Component<DeprecatedDrawerProps, {}> {
+    static OpenDirection: typeof DeprecatedDrawerDirection;
+    componentDidMount(): void;
     render(): JSX.Element;
 }
 //# sourceMappingURL=Drawer.d.ts.map

package/dist/commonjs/drawer/lib/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../drawer/lib/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAElF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,eAAe;IACzB,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AA4CD,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;IAC1D,MAAM,CAAC,aAAa,yBAAmB;IAEhC,MAAM;CAyBd"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../drawer/lib/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAElF;;;;;;;GAOG;AAEH,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC;IAC1C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;GAOG;AAEH,oBAAY,yBAAyB;IACnC,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AA8CD;;;;;;;GAOG;AAEH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,EAAE,EAAE,CAAC;IAC9E,MAAM,CAAC,aAAa,mCAA6B;IAEjD,iBAAiB;IASV,MAAM;CAyBd"}

package/dist/commonjs/drawer/lib/Drawer.js

@@ -57,15 +57,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Drawer = exports.DrawerDirection = void 0;
+exports.DeprecatedDrawer = exports.DeprecatedDrawerDirection = void 0;
 var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var DrawerDirection;
-(function (DrawerDirection) {
-    DrawerDirection[DrawerDirection["Left"] = 0] = "Left";
-    DrawerDirection[DrawerDirection["Right"] = 1] = "Right";
-})(DrawerDirection = exports.DrawerDirection || (exports.DrawerDirection = {}));
+/**
+ * ### Deprecated Drawer Direction
+ *
+ * As of Canvas Kit v8, Drawer is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+var DeprecatedDrawerDirection;
+(function (DeprecatedDrawerDirection) {
+    DeprecatedDrawerDirection[DeprecatedDrawerDirection["Left"] = 0] = "Left";
+    DeprecatedDrawerDirection[DeprecatedDrawerDirection["Right"] = 1] = "Right";
+})(DeprecatedDrawerDirection = exports.DeprecatedDrawerDirection || (exports.DeprecatedDrawerDirection = {}));
 var DrawerContainer = styled_1.default('div')({
     height: '100%',
     backgroundColor: 'white',
@@ -80,19 +88,19 @@ var DrawerContainer = styled_1.default('div')({
 }, function (_a) {
     var showDropShadow = _a.showDropShadow, openDirection = _a.openDirection;
     return ({
-        boxShadow: openDirection === DrawerDirection.Right && showDropShadow
+        boxShadow: openDirection === DeprecatedDrawerDirection.Right && showDropShadow
             ? '-8px 0px 16px 0 rgba(0,0,0,0.12)'
-            : openDirection === DrawerDirection.Left && showDropShadow
+            : openDirection === DeprecatedDrawerDirection.Left && showDropShadow
                 ? '8px 0px 16px 0 rgba(0,0,0,0.12)'
                 : undefined,
     });
 }, function (_a) {
     var openDirection = _a.openDirection;
     return ({
-        borderLeft: openDirection === DrawerDirection.Right ? "1px solid " + tokens_1.colors.soap400 : undefined,
-        borderRight: openDirection === DrawerDirection.Left ? "1px solid " + tokens_1.colors.soap400 : undefined,
-        right: openDirection === DrawerDirection.Right ? tokens_1.space.zero : undefined,
-        left: openDirection === DrawerDirection.Left ? tokens_1.space.zero : undefined,
+        borderLeft: openDirection === DeprecatedDrawerDirection.Right ? "1px solid " + tokens_1.colors.soap400 : undefined,
+        borderRight: openDirection === DeprecatedDrawerDirection.Left ? "1px solid " + tokens_1.colors.soap400 : undefined,
+        right: openDirection === DeprecatedDrawerDirection.Right ? tokens_1.space.zero : undefined,
+        left: openDirection === DeprecatedDrawerDirection.Left ? tokens_1.space.zero : undefined,
     });
 });
 var ChildrenContainer = styled_1.default('div')({
@@ -107,18 +115,29 @@ var ChildrenContainer = styled_1.default('div')({
         padding: padding,
     });
 });
-var Drawer = /** @class */ (function (_super) {
-    __extends(Drawer, _super);
-    function Drawer() {
+/**
+ * ### Deprecated Drawer
+ *
+ * As of Canvas Kit v8, this component is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+var DeprecatedDrawer = /** @class */ (function (_super) {
+    __extends(DeprecatedDrawer, _super);
+    function DeprecatedDrawer() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    Drawer.prototype.render = function () {
-        var _a = this.props, _b = _a.padding, padding = _b === void 0 ? tokens_1.space.s : _b, _c = _a.width, width = _c === void 0 ? 360 : _c, _d = _a.openDirection, openDirection = _d === void 0 ? DrawerDirection.Right : _d, _e = _a.showDropShadow, showDropShadow = _e === void 0 ? false : _e, children = _a.children, header = _a.header, role = _a.role, elemProps = __rest(_a, ["padding", "width", "openDirection", "showDropShadow", "children", "header", "role"]);
+    DeprecatedDrawer.prototype.componentDidMount = function () {
+        console.warn("This component is being deprecated and will be removed in Canvas Kit V9.\n\n      For more information, please see the V8 upgrade guide:\n\n      https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page\n      ");
+    };
+    DeprecatedDrawer.prototype.render = function () {
+        var _a = this.props, _b = _a.padding, padding = _b === void 0 ? tokens_1.space.s : _b, _c = _a.width, width = _c === void 0 ? 360 : _c, _d = _a.openDirection, openDirection = _d === void 0 ? DeprecatedDrawerDirection.Right : _d, _e = _a.showDropShadow, showDropShadow = _e === void 0 ? false : _e, children = _a.children, header = _a.header, role = _a.role, elemProps = __rest(_a, ["padding", "width", "openDirection", "showDropShadow", "children", "header", "role"]);
         return (React.createElement(DrawerContainer, __assign({ role: role }, elemProps, { showDropShadow: showDropShadow, width: width, openDirection: openDirection }),
             header,
             React.createElement(ChildrenContainer, { padding: padding }, children)));
     };
-    Drawer.OpenDirection = DrawerDirection;
-    return Drawer;
+    DeprecatedDrawer.OpenDirection = DeprecatedDrawerDirection;
+    return DeprecatedDrawer;
 }(React.Component));
-exports.Drawer = Drawer;
+exports.DeprecatedDrawer = DeprecatedDrawer;

package/dist/commonjs/drawer/lib/DrawerHeader.d.ts

@@ -1,12 +1,20 @@
 import * as React from 'react';
 import { CanvasColor } from '@workday/canvas-kit-react/tokens';
-export interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+/**
+ * ### Deprecated Drawer Header Props
+ *
+ * As of Canvas Kit v8, this component is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+export interface DeprecatedDrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
-     * The text of the DrawerHeader. This text will also be applied as the `title` attribute of the header element.
+     * The text of the DeprecatedDrawerHeader. This text will also be applied as the `title` attribute of the header element.
      */
     title?: string;
     /**
-     * The function called when the DrawerHeader close button is clicked.
+     * The function called when the DeprecatedDrawerHeader close button is clicked.
      */
     onClose?: React.MouseEventHandler<HTMLButtonElement>;
     /**
@@ -15,11 +23,11 @@ export interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement>
      */
     closeIconAriaLabel?: string;
     /**
-     * The background color of the DrawerHeader.
+     * The background color of the DeprecatedDrawerHeader.
      */
     headerColor?: CanvasColor | string;
     /**
-     * The border color of the DrawerHeader. This should match something close to `headerColor`.
+     * The border color of the DeprecatedDrawerHeader. This should match something close to `headerColor`.
      */
     borderColor?: CanvasColor | string;
     /**
@@ -28,11 +36,20 @@ export interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement>
      */
     inverse?: boolean;
     /**
-     * The unique id of the DrawerHeader for accessibility.
+     * The unique id of the DeprecatedDrawerHeader for accessibility.
      */
     id?: string;
 }
-export declare class DrawerHeader extends React.Component<DrawerHeaderProps, {}> {
+/**
+ * ### Deprecated Drawer Header
+ *
+ * As of Canvas Kit v8, this component is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+export declare class DeprecatedDrawerHeader extends React.Component<DeprecatedDrawerHeaderProps, {}> {
+    componentDidMount(): void;
     render(): JSX.Element;
 }
 //# sourceMappingURL=DrawerHeader.d.ts.map

package/dist/commonjs/drawer/lib/DrawerHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerHeader.d.ts","sourceRoot":"","sources":["../../../../drawer/lib/DrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,WAAW,EAAa,MAAM,kCAAkC,CAAC;AAKxF,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAwBD,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAC/D,MAAM;CAwCd"}
+{"version":3,"file":"DrawerHeader.d.ts","sourceRoot":"","sources":["../../../../drawer/lib/DrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,WAAW,EAAa,MAAM,kCAAkC,CAAC;AAKxF;;;;;;;GAOG;AAEH,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AA0BD;;;;;;;GAOG;AAEH,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,2BAA2B,EAAE,EAAE,CAAC;IAC1F,iBAAiB;IASV,MAAM;CAwCd"}

package/dist/commonjs/drawer/lib/DrawerHeader.js

@@ -57,7 +57,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerHeader = void 0;
+exports.DeprecatedDrawerHeader = void 0;
 var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
@@ -85,18 +85,29 @@ var HeaderContainer = styled_1.default('div')({
 var CloseButton = styled_1.default(button_1.TertiaryButton)({
     margin: '-8px',
 });
-var DrawerHeader = /** @class */ (function (_super) {
-    __extends(DrawerHeader, _super);
-    function DrawerHeader() {
+/**
+ * ### Deprecated Drawer Header
+ *
+ * As of Canvas Kit v8, this component is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+var DeprecatedDrawerHeader = /** @class */ (function (_super) {
+    __extends(DeprecatedDrawerHeader, _super);
+    function DeprecatedDrawerHeader() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DrawerHeader.prototype.render = function () {
+    DeprecatedDrawerHeader.prototype.componentDidMount = function () {
+        console.warn("This component is being deprecated and will be removed in Canvas Kit V9.\n\n      For more information, please see the V8 upgrade guide:\n\n      https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page\n      ");
+    };
+    DeprecatedDrawerHeader.prototype.render = function () {
         var _a = this.props, _b = _a.closeIconAriaLabel, closeIconAriaLabel = _b === void 0 ? 'Close' : _b, _c = _a.headerColor, headerColor = _c === void 0 ? tokens_1.colors.soap100 : _c, _d = _a.borderColor, borderColor = _d === void 0 ? tokens_1.colors.soap500 : _d, _e = _a.inverse, inverse = _e === void 0 ? false : _e, onClose = _a.onClose, title = _a.title, id = _a.id, elemProps = __rest(_a, ["closeIconAriaLabel", "headerColor", "borderColor", "inverse", "onClose", "title", "id"]);
         var variant = inverse ? 'inverse' : undefined;
         return (React.createElement(HeaderContainer, __assign({ borderColor: borderColor }, elemProps, { headerColor: headerColor }),
             React.createElement(text_1.Text, { as: "h4", typeLevel: "body.small", title: title, fontWeight: "bold", color: tokens_1.typeColors.heading, variant: variant, paddingInlineEnd: "xxxs", whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden" }, title),
             onClose && closeIconAriaLabel && (React.createElement(CloseButton, { variant: variant, onClick: onClose, "aria-label": closeIconAriaLabel, icon: canvas_system_icons_web_1.xIcon }))));
     };
-    return DrawerHeader;
+    return DeprecatedDrawerHeader;
 }(React.Component));
-exports.DrawerHeader = DrawerHeader;
+exports.DeprecatedDrawerHeader = DeprecatedDrawerHeader;

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

@@ -1,3 +1,3 @@
-export { DrawerHeader } from './lib/DrawerHeader';
+export { DeprecatedDrawerHeader } from './lib/DrawerHeader';
 export * from './lib/Drawer';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,oBAAoB,CAAC;AAC1D,cAAc,cAAc,CAAC"}

package/dist/es6/drawer/index.js

@@ -1,2 +1,2 @@
-export { DrawerHeader } from './lib/DrawerHeader';
+export { DeprecatedDrawerHeader } from './lib/DrawerHeader';
 export * from './lib/Drawer';

package/dist/es6/drawer/lib/Drawer.d.ts

@@ -1,49 +1,74 @@
 import * as React from 'react';
 import { CanvasSpaceValues } from '@workday/canvas-kit-react/tokens';
-export interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
+/**
+ * ### Deprecated Drawer Props
+ *
+ * As of Canvas Kit v8, Drawer is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+export interface DeprecatedDrawerProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
-     * The padding of the Drawer contents.
+     * The padding of the DeprecatedDrawer contents.
      * @default space.s
      */
     padding?: CanvasSpaceValues;
     /**
-     * The direction from which the Drawer opens. Accepts `Left` or `Right`.
-     * @default DrawerDirection.Right
+     * The direction from which the DeprecatedDrawer opens. Accepts `Left` or `Right`.
+     * @default DeprecatedDrawerDirection.Right
      */
-    openDirection?: DrawerDirection;
+    openDirection?: DeprecatedDrawerDirection;
     /**
-     * The width of the Drawer in `px`.
+     * The width of the DeprecatedDrawer in `px`.
      * @default 360
      */
     width?: number;
     /**
-     * If true, render the Drawer with a drop shadow.
+     * If true, render the DeprecatedDrawer with a drop shadow.
      * @default false
      */
     showDropShadow?: boolean;
     /**
-     * The optional DrawerHeader component of the Drawer. Shows an optional string and close button.
+     * The optional DeprecatedDrawerHeader component of the DeprecatedDrawer. Shows an optional string and close button.
      */
     header?: React.ReactElement;
     /**
-     * The `aria-labelledby` of the Drawer. Set this when there is a `header` for accessibility. The `role` attribute should also be used when this attribute is present. This value should be the same as the `id` attribute of the `header` element.
+     * The `aria-labelledby` of the DeprecatedDrawer. Set this when there is a `header` for accessibility. The `role` attribute should also be used when this attribute is present. This value should be the same as the `id` attribute of the `header` element.
      */
     'aria-labelledby'?: string;
     /**
-     * The `aria-label` for the Drawer. Set this when there is NO `header` for accessibility.
+     * The `aria-label` for the DeprecatedDrawer. Set this when there is NO `header` for accessibility.
      */
     'aria-label'?: string;
     /**
-     * The role of the Drawer. If `role` is provided, you must also set `aria-labelledby` to link `header` to the `role`.
+     * The role of the DeprecatedDrawer. If `role` is provided, you must also set `aria-labelledby` to link `header` to the `role`.
      */
     role?: string;
 }
-export declare enum DrawerDirection {
+/**
+ * ### Deprecated Drawer Direction
+ *
+ * As of Canvas Kit v8, Drawer is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+export declare enum DeprecatedDrawerDirection {
     Left = 0,
     Right = 1
 }
-export declare class Drawer extends React.Component<DrawerProps, {}> {
-    static OpenDirection: typeof DrawerDirection;
+/**
+ * ### Deprecated Drawer
+ *
+ * As of Canvas Kit v8, this component is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+export declare class DeprecatedDrawer extends React.Component<DeprecatedDrawerProps, {}> {
+    static OpenDirection: typeof DeprecatedDrawerDirection;
+    componentDidMount(): void;
     render(): JSX.Element;
 }
 //# sourceMappingURL=Drawer.d.ts.map

package/dist/es6/drawer/lib/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../drawer/lib/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAElF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,eAAe;IACzB,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AA4CD,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;IAC1D,MAAM,CAAC,aAAa,yBAAmB;IAEhC,MAAM;CAyBd"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../drawer/lib/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAElF;;;;;;;GAOG;AAEH,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC;IAC1C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;GAOG;AAEH,oBAAY,yBAAyB;IACnC,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AA8CD;;;;;;;GAOG;AAEH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,EAAE,EAAE,CAAC;IAC9E,MAAM,CAAC,aAAa,mCAA6B;IAEjD,iBAAiB;IASV,MAAM;CAyBd"}

package/dist/es6/drawer/lib/Drawer.js

@@ -36,11 +36,19 @@ var __rest = (this && this.__rest) || function (s, e) {
 import * as React from 'react';
 import styled from '@emotion/styled';
 import { colors, space } from '@workday/canvas-kit-react/tokens';
-export var DrawerDirection;
-(function (DrawerDirection) {
-    DrawerDirection[DrawerDirection["Left"] = 0] = "Left";
-    DrawerDirection[DrawerDirection["Right"] = 1] = "Right";
-})(DrawerDirection || (DrawerDirection = {}));
+/**
+ * ### Deprecated Drawer Direction
+ *
+ * As of Canvas Kit v8, Drawer is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+export var DeprecatedDrawerDirection;
+(function (DeprecatedDrawerDirection) {
+    DeprecatedDrawerDirection[DeprecatedDrawerDirection["Left"] = 0] = "Left";
+    DeprecatedDrawerDirection[DeprecatedDrawerDirection["Right"] = 1] = "Right";
+})(DeprecatedDrawerDirection || (DeprecatedDrawerDirection = {}));
 var DrawerContainer = styled('div')({
     height: '100%',
     backgroundColor: 'white',
@@ -55,19 +63,19 @@ var DrawerContainer = styled('div')({
 }, function (_a) {
     var showDropShadow = _a.showDropShadow, openDirection = _a.openDirection;
     return ({
-        boxShadow: openDirection === DrawerDirection.Right && showDropShadow
+        boxShadow: openDirection === DeprecatedDrawerDirection.Right && showDropShadow
             ? '-8px 0px 16px 0 rgba(0,0,0,0.12)'
-            : openDirection === DrawerDirection.Left && showDropShadow
+            : openDirection === DeprecatedDrawerDirection.Left && showDropShadow
                 ? '8px 0px 16px 0 rgba(0,0,0,0.12)'
                 : undefined,
     });
 }, function (_a) {
     var openDirection = _a.openDirection;
     return ({
-        borderLeft: openDirection === DrawerDirection.Right ? "1px solid " + colors.soap400 : undefined,
-        borderRight: openDirection === DrawerDirection.Left ? "1px solid " + colors.soap400 : undefined,
-        right: openDirection === DrawerDirection.Right ? space.zero : undefined,
-        left: openDirection === DrawerDirection.Left ? space.zero : undefined,
+        borderLeft: openDirection === DeprecatedDrawerDirection.Right ? "1px solid " + colors.soap400 : undefined,
+        borderRight: openDirection === DeprecatedDrawerDirection.Left ? "1px solid " + colors.soap400 : undefined,
+        right: openDirection === DeprecatedDrawerDirection.Right ? space.zero : undefined,
+        left: openDirection === DeprecatedDrawerDirection.Left ? space.zero : undefined,
     });
 });
 var ChildrenContainer = styled('div')({
@@ -82,18 +90,29 @@ var ChildrenContainer = styled('div')({
         padding: padding,
     });
 });
-var Drawer = /** @class */ (function (_super) {
-    __extends(Drawer, _super);
-    function Drawer() {
+/**
+ * ### Deprecated Drawer
+ *
+ * As of Canvas Kit v8, this component is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+var DeprecatedDrawer = /** @class */ (function (_super) {
+    __extends(DeprecatedDrawer, _super);
+    function DeprecatedDrawer() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    Drawer.prototype.render = function () {
-        var _a = this.props, _b = _a.padding, padding = _b === void 0 ? space.s : _b, _c = _a.width, width = _c === void 0 ? 360 : _c, _d = _a.openDirection, openDirection = _d === void 0 ? DrawerDirection.Right : _d, _e = _a.showDropShadow, showDropShadow = _e === void 0 ? false : _e, children = _a.children, header = _a.header, role = _a.role, elemProps = __rest(_a, ["padding", "width", "openDirection", "showDropShadow", "children", "header", "role"]);
+    DeprecatedDrawer.prototype.componentDidMount = function () {
+        console.warn("This component is being deprecated and will be removed in Canvas Kit V9.\n\n      For more information, please see the V8 upgrade guide:\n\n      https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page\n      ");
+    };
+    DeprecatedDrawer.prototype.render = function () {
+        var _a = this.props, _b = _a.padding, padding = _b === void 0 ? space.s : _b, _c = _a.width, width = _c === void 0 ? 360 : _c, _d = _a.openDirection, openDirection = _d === void 0 ? DeprecatedDrawerDirection.Right : _d, _e = _a.showDropShadow, showDropShadow = _e === void 0 ? false : _e, children = _a.children, header = _a.header, role = _a.role, elemProps = __rest(_a, ["padding", "width", "openDirection", "showDropShadow", "children", "header", "role"]);
         return (React.createElement(DrawerContainer, __assign({ role: role }, elemProps, { showDropShadow: showDropShadow, width: width, openDirection: openDirection }),
             header,
             React.createElement(ChildrenContainer, { padding: padding }, children)));
     };
-    Drawer.OpenDirection = DrawerDirection;
-    return Drawer;
+    DeprecatedDrawer.OpenDirection = DeprecatedDrawerDirection;
+    return DeprecatedDrawer;
 }(React.Component));
-export { Drawer };
+export { DeprecatedDrawer };

package/dist/es6/drawer/lib/DrawerHeader.d.ts

@@ -1,12 +1,20 @@
 import * as React from 'react';
 import { CanvasColor } from '@workday/canvas-kit-react/tokens';
-export interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+/**
+ * ### Deprecated Drawer Header Props
+ *
+ * As of Canvas Kit v8, this component is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+export interface DeprecatedDrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
-     * The text of the DrawerHeader. This text will also be applied as the `title` attribute of the header element.
+     * The text of the DeprecatedDrawerHeader. This text will also be applied as the `title` attribute of the header element.
      */
     title?: string;
     /**
-     * The function called when the DrawerHeader close button is clicked.
+     * The function called when the DeprecatedDrawerHeader close button is clicked.
      */
     onClose?: React.MouseEventHandler<HTMLButtonElement>;
     /**
@@ -15,11 +23,11 @@ export interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement>
      */
     closeIconAriaLabel?: string;
     /**
-     * The background color of the DrawerHeader.
+     * The background color of the DeprecatedDrawerHeader.
      */
     headerColor?: CanvasColor | string;
     /**
-     * The border color of the DrawerHeader. This should match something close to `headerColor`.
+     * The border color of the DeprecatedDrawerHeader. This should match something close to `headerColor`.
      */
     borderColor?: CanvasColor | string;
     /**
@@ -28,11 +36,20 @@ export interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement>
      */
     inverse?: boolean;
     /**
-     * The unique id of the DrawerHeader for accessibility.
+     * The unique id of the DeprecatedDrawerHeader for accessibility.
      */
     id?: string;
 }
-export declare class DrawerHeader extends React.Component<DrawerHeaderProps, {}> {
+/**
+ * ### Deprecated Drawer Header
+ *
+ * As of Canvas Kit v8, this component is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+export declare class DeprecatedDrawerHeader extends React.Component<DeprecatedDrawerHeaderProps, {}> {
+    componentDidMount(): void;
     render(): JSX.Element;
 }
 //# sourceMappingURL=DrawerHeader.d.ts.map

package/dist/es6/drawer/lib/DrawerHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerHeader.d.ts","sourceRoot":"","sources":["../../../../drawer/lib/DrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,WAAW,EAAa,MAAM,kCAAkC,CAAC;AAKxF,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAwBD,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAC/D,MAAM;CAwCd"}
+{"version":3,"file":"DrawerHeader.d.ts","sourceRoot":"","sources":["../../../../drawer/lib/DrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,WAAW,EAAa,MAAM,kCAAkC,CAAC;AAKxF;;;;;;;GAOG;AAEH,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AA0BD;;;;;;;GAOG;AAEH,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,2BAA2B,EAAE,EAAE,CAAC;IAC1F,iBAAiB;IASV,MAAM;CAwCd"}

package/dist/es6/drawer/lib/DrawerHeader.js

@@ -60,18 +60,29 @@ var HeaderContainer = styled('div')({
 var CloseButton = styled(TertiaryButton)({
     margin: '-8px',
 });
-var DrawerHeader = /** @class */ (function (_super) {
-    __extends(DrawerHeader, _super);
-    function DrawerHeader() {
+/**
+ * ### Deprecated Drawer Header
+ *
+ * As of Canvas Kit v8, this component is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+var DeprecatedDrawerHeader = /** @class */ (function (_super) {
+    __extends(DeprecatedDrawerHeader, _super);
+    function DeprecatedDrawerHeader() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DrawerHeader.prototype.render = function () {
+    DeprecatedDrawerHeader.prototype.componentDidMount = function () {
+        console.warn("This component is being deprecated and will be removed in Canvas Kit V9.\n\n      For more information, please see the V8 upgrade guide:\n\n      https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page\n      ");
+    };
+    DeprecatedDrawerHeader.prototype.render = function () {
         var _a = this.props, _b = _a.closeIconAriaLabel, closeIconAriaLabel = _b === void 0 ? 'Close' : _b, _c = _a.headerColor, headerColor = _c === void 0 ? colors.soap100 : _c, _d = _a.borderColor, borderColor = _d === void 0 ? colors.soap500 : _d, _e = _a.inverse, inverse = _e === void 0 ? false : _e, onClose = _a.onClose, title = _a.title, id = _a.id, elemProps = __rest(_a, ["closeIconAriaLabel", "headerColor", "borderColor", "inverse", "onClose", "title", "id"]);
         var variant = inverse ? 'inverse' : undefined;
         return (React.createElement(HeaderContainer, __assign({ borderColor: borderColor }, elemProps, { headerColor: headerColor }),
             React.createElement(Text, { as: "h4", typeLevel: "body.small", title: title, fontWeight: "bold", color: typeColors.heading, variant: variant, paddingInlineEnd: "xxxs", whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden" }, title),
             onClose && closeIconAriaLabel && (React.createElement(CloseButton, { variant: variant, onClick: onClose, "aria-label": closeIconAriaLabel, icon: xIcon }))));
     };
-    return DrawerHeader;
+    return DeprecatedDrawerHeader;
 }(React.Component));
-export { DrawerHeader };
+export { DeprecatedDrawerHeader };

package/drawer/index.ts

@@ -1,2 +1,2 @@
-export {DrawerHeader} from './lib/DrawerHeader';
+export {DeprecatedDrawerHeader} from './lib/DrawerHeader';
 export * from './lib/Drawer';

package/drawer/lib/Drawer.tsx

@@ -2,52 +2,70 @@ import * as React from 'react';
 import styled from '@emotion/styled';
 import {colors, space, CanvasSpaceValues} from '@workday/canvas-kit-react/tokens';
 
-export interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
+/**
+ * ### Deprecated Drawer Props
+ *
+ * As of Canvas Kit v8, Drawer is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+
+export interface DeprecatedDrawerProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
-   * The padding of the Drawer contents.
+   * The padding of the DeprecatedDrawer contents.
    * @default space.s
    */
   padding?: CanvasSpaceValues;
   /**
-   * The direction from which the Drawer opens. Accepts `Left` or `Right`.
-   * @default DrawerDirection.Right
+   * The direction from which the DeprecatedDrawer opens. Accepts `Left` or `Right`.
+   * @default DeprecatedDrawerDirection.Right
    */
-  openDirection?: DrawerDirection;
+  openDirection?: DeprecatedDrawerDirection;
   /**
-   * The width of the Drawer in `px`.
+   * The width of the DeprecatedDrawer in `px`.
    * @default 360
    */
   width?: number;
   /**
-   * If true, render the Drawer with a drop shadow.
+   * If true, render the DeprecatedDrawer with a drop shadow.
    * @default false
    */
   showDropShadow?: boolean;
   /**
-   * The optional DrawerHeader component of the Drawer. Shows an optional string and close button.
+   * The optional DeprecatedDrawerHeader component of the DeprecatedDrawer. Shows an optional string and close button.
    */
   header?: React.ReactElement;
   /**
-   * The `aria-labelledby` of the Drawer. Set this when there is a `header` for accessibility. The `role` attribute should also be used when this attribute is present. This value should be the same as the `id` attribute of the `header` element.
+   * The `aria-labelledby` of the DeprecatedDrawer. Set this when there is a `header` for accessibility. The `role` attribute should also be used when this attribute is present. This value should be the same as the `id` attribute of the `header` element.
    */
   'aria-labelledby'?: string;
   /**
-   * The `aria-label` for the Drawer. Set this when there is NO `header` for accessibility.
+   * The `aria-label` for the DeprecatedDrawer. Set this when there is NO `header` for accessibility.
    */
   'aria-label'?: string;
   /**
-   * The role of the Drawer. If `role` is provided, you must also set `aria-labelledby` to link `header` to the `role`.
+   * The role of the DeprecatedDrawer. If `role` is provided, you must also set `aria-labelledby` to link `header` to the `role`.
    */
   role?: string;
 }
 
-export enum DrawerDirection {
+/**
+ * ### Deprecated Drawer Direction
+ *
+ * As of Canvas Kit v8, Drawer is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+
+export enum DeprecatedDrawerDirection {
   Left,
   Right,
 }
 
 const DrawerContainer = styled('div')<
-  Pick<DrawerProps, 'width' | 'showDropShadow' | 'openDirection'>
+  Pick<DeprecatedDrawerProps, 'width' | 'showDropShadow' | 'openDirection'>
 >(
   {
     height: '100%',
@@ -61,21 +79,23 @@ const DrawerContainer = styled('div')<
   }),
   ({showDropShadow, openDirection}) => ({
     boxShadow:
-      openDirection === DrawerDirection.Right && showDropShadow
+      openDirection === DeprecatedDrawerDirection.Right && showDropShadow
         ? '-8px 0px 16px 0 rgba(0,0,0,0.12)'
-        : openDirection === DrawerDirection.Left && showDropShadow
+        : openDirection === DeprecatedDrawerDirection.Left && showDropShadow
         ? '8px 0px 16px 0 rgba(0,0,0,0.12)'
         : undefined,
   }),
   ({openDirection}) => ({
-    borderLeft: openDirection === DrawerDirection.Right ? `1px solid ${colors.soap400}` : undefined,
-    borderRight: openDirection === DrawerDirection.Left ? `1px solid ${colors.soap400}` : undefined,
-    right: openDirection === DrawerDirection.Right ? space.zero : undefined,
-    left: openDirection === DrawerDirection.Left ? space.zero : undefined,
+    borderLeft:
+      openDirection === DeprecatedDrawerDirection.Right ? `1px solid ${colors.soap400}` : undefined,
+    borderRight:
+      openDirection === DeprecatedDrawerDirection.Left ? `1px solid ${colors.soap400}` : undefined,
+    right: openDirection === DeprecatedDrawerDirection.Right ? space.zero : undefined,
+    left: openDirection === DeprecatedDrawerDirection.Left ? space.zero : undefined,
   })
 );
 
-const ChildrenContainer = styled('div')<Pick<DrawerProps, 'padding'>>(
+const ChildrenContainer = styled('div')<Pick<DeprecatedDrawerProps, 'padding'>>(
   {
     height: '100%',
     overflowY: 'auto',
@@ -88,14 +108,32 @@ const ChildrenContainer = styled('div')<Pick<DrawerProps, 'padding'>>(
   })
 );
 
-export class Drawer extends React.Component<DrawerProps, {}> {
-  static OpenDirection = DrawerDirection;
+/**
+ * ### Deprecated Drawer
+ *
+ * As of Canvas Kit v8, this component is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+
+export class DeprecatedDrawer extends React.Component<DeprecatedDrawerProps, {}> {
+  static OpenDirection = DeprecatedDrawerDirection;
+
+  componentDidMount() {
+    console.warn(
+      `This component is being deprecated and will be removed in Canvas Kit V9.\n
+      For more information, please see the V8 upgrade guide:\n
+      https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page
+      `
+    );
+  }
 
   public render() {
     const {
       padding = space.s,
       width = 360,
-      openDirection = DrawerDirection.Right,
+      openDirection = DeprecatedDrawerDirection.Right,
       showDropShadow = false,
       children,
       header,

package/drawer/lib/DrawerHeader.tsx

@@ -5,13 +5,22 @@ import {TertiaryButton} from '@workday/canvas-kit-react/button';
 import {Text} from '@workday/canvas-kit-react/text';
 import {xIcon} from '@workday/canvas-system-icons-web';
 
-export interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+/**
+ * ### Deprecated Drawer Header Props
+ *
+ * As of Canvas Kit v8, this component is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+
+export interface DeprecatedDrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
-   * The text of the DrawerHeader. This text will also be applied as the `title` attribute of the header element.
+   * The text of the DeprecatedDrawerHeader. This text will also be applied as the `title` attribute of the header element.
    */
   title?: string;
   /**
-   * The function called when the DrawerHeader close button is clicked.
+   * The function called when the DeprecatedDrawerHeader close button is clicked.
    */
   onClose?: React.MouseEventHandler<HTMLButtonElement>;
   /**
@@ -20,11 +29,11 @@ export interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement>
    */
   closeIconAriaLabel?: string;
   /**
-   * The background color of the DrawerHeader.
+   * The background color of the DeprecatedDrawerHeader.
    */
   headerColor?: CanvasColor | string;
   /**
-   * The border color of the DrawerHeader. This should match something close to `headerColor`.
+   * The border color of the DeprecatedDrawerHeader. This should match something close to `headerColor`.
    */
   borderColor?: CanvasColor | string;
   /**
@@ -33,14 +42,16 @@ export interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement>
    */
   inverse?: boolean;
   /**
-   * The unique id of the DrawerHeader for accessibility.
+   * The unique id of the DeprecatedDrawerHeader for accessibility.
    */
   id?: string;
 }
 
 const headerHeight = 56;
 
-const HeaderContainer = styled('div')<Pick<DrawerHeaderProps, 'headerColor' | 'borderColor'>>(
+const HeaderContainer = styled('div')<
+  Pick<DeprecatedDrawerHeaderProps, 'headerColor' | 'borderColor'>
+>(
   {
     height: headerHeight,
     display: 'flex',
@@ -60,7 +71,25 @@ const CloseButton = styled(TertiaryButton)({
   margin: '-8px', // for inverse and plain button, we always want this margin
 });
 
-export class DrawerHeader extends React.Component<DrawerHeaderProps, {}> {
+/**
+ * ### Deprecated Drawer Header
+ *
+ * As of Canvas Kit v8, this component is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v9. Please see the
+ * [upgrade guide](https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page)
+ * for more information.
+ */
+
+export class DeprecatedDrawerHeader extends React.Component<DeprecatedDrawerHeaderProps, {}> {
+  componentDidMount() {
+    console.warn(
+      `This component is being deprecated and will be removed in Canvas Kit V9.\n
+      For more information, please see the V8 upgrade guide:\n
+      https://workday.github.io/canvas-kit/?path=/story/welcome-upgrade-guides-v8-0--page
+      `
+    );
+  }
+
   public render() {
     const {
       closeIconAriaLabel = 'Close',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-labs-react",
-  "version": "8.0.0-alpha.192-next.1+f60e379b",
+  "version": "8.0.0-alpha.198-next.0+ff5616e1",
   "description": "Canvas Kit Labs is an incubator for new and experimental components. Since we have a rather rigorous process for getting components in at a production level, it can be valuable to make them available earlier while we continuously iterate on the API/functionality. The Labs modules allow us to do that as needed.",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -46,7 +46,7 @@
   "dependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
-    "@workday/canvas-kit-react": "^8.0.0-alpha.192-next.1+f60e379b",
+    "@workday/canvas-kit-react": "^8.0.0-alpha.198-next.0+ff5616e1",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/design-assets-types": "^0.2.8",
     "chroma-js": "^2.1.0",
@@ -56,5 +56,5 @@
   "devDependencies": {
     "@types/lodash.flatten": "^4.4.6"
   },
-  "gitHead": "f60e379b0083b092707830478248ba5d78b2c96e"
+  "gitHead": "ff5616e10b2d5d7cceccaea1c6f9d9b742ef1779"
 }