@workday/canvas-kit-labs-react 8.0.0 → 8.0.2

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 default 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,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;IAClE,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;AA6CD;;;;;;;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.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,26 +88,25 @@ 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')({
     height: '100%',
     overflowY: 'auto',
     wordBreak: 'break-word',
-    wordWrap: 'break-word',
     position: 'relative',
 }, function (_a) {
     var padding = _a.padding;
@@ -107,18 +114,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.default = 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 default 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,EAAsB,WAAW,EAAa,MAAM,kCAAkC,CAAC;AAI9F,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;AAsCD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,EAAE,CAAC;IACvE,MAAM;CA4Bd"}
+{"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,10 +57,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+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");
 var button_1 = require("@workday/canvas-kit-react/button");
+var text_1 = require("@workday/canvas-kit-react/text");
 var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
 var headerHeight = 56;
 var HeaderContainer = styled_1.default('div')({
@@ -80,26 +82,32 @@ var HeaderContainer = styled_1.default('div')({
         backgroundColor: headerColor,
     });
 });
-var HeaderTitle = styled_1.default('h4')(__assign(__assign({}, tokens_1.type.levels.body.small), { fontWeight: tokens_1.type.properties.fontWeights.bold, whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden', paddingRight: tokens_1.space.xxxs }), function (_a) {
-    var inverse = _a.inverse;
-    return ({
-        color: inverse ? tokens_1.colors.frenchVanilla100 : tokens_1.typeColors.heading,
-    });
-});
 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(HeaderTitle, { id: id, inverse: inverse, title: title }, title),
-            onClose && closeIconAriaLabel && (React.createElement(CloseButton, { variant: inverse ? 'inverse' : undefined, onClick: onClose, "aria-label": closeIconAriaLabel, icon: canvas_system_icons_web_1.xIcon }))));
+            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.default = DrawerHeader;
+exports.DeprecatedDrawerHeader = DeprecatedDrawerHeader;

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

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

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

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

package/dist/commonjs/expandable/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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 });
+__exportStar(require("./lib/Expandable"), exports);
+__exportStar(require("./lib/hooks"), exports);

package/dist/commonjs/expandable/lib/Expandable.d.ts

@@ -0,0 +1,75 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Flex } from '@workday/canvas-kit-react/layout';
+export interface ExpandableProps extends ExtractProps<typeof Flex, never> {
+    /**
+     * The children of the `Expandable` container. This should contain `Expandable.Target` and
+     * `Expandable.Container`
+     */
+    children?: React.ReactNode;
+}
+export declare const Expandable: import("@workday/canvas-kit-react/common").ElementComponentM<"div", ExpandableProps & Partial<{
+    id: string;
+    initialVisibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+}> & {
+    onShow?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, prevState: {
+        id: string;
+        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    }) => void) | undefined;
+    onHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, prevState: {
+        id: string;
+        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    }) => void) | undefined;
+} & {
+    shouldShow?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
+        id: string;
+        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    }) => boolean) | undefined;
+    shouldHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
+        id: string;
+        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    }) => boolean) | undefined;
+}, {
+    state: {
+        id: string;
+        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    };
+    events: {
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+    };
+}> & {
+    Target: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("./ExpandableTarget").ExpandableTargetProps, {
+        state: {
+            id: string;
+            visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        };
+        events: {
+            show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+            hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        };
+    }>;
+    Content: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("./ExpandableContent").ExpandableContentProps, {
+        state: {
+            id: string;
+            visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        };
+        events: {
+            show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+            hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        };
+    }>;
+    Icon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("./ExpandableIcon").ExpandableIconProps, {
+        state: {
+            id: string;
+            visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+        };
+        events: {
+            show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+            hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        };
+    }>;
+    Avatar: import("@workday/canvas-kit-react/common").ElementComponent<"button", import("./ExpandableAvatar").ExpandableAvatarProps>;
+    Title: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./ExpandableTitle").ExpandableTitleProps>;
+};
+//# sourceMappingURL=Expandable.d.ts.map

package/dist/commonjs/expandable/lib/Expandable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Expandable.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/Expandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAO/E,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAGtD,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACvE;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAarB,CAAC"}

package/dist/commonjs/expandable/lib/Expandable.js

@@ -0,0 +1,50 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Expandable = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@workday/canvas-kit-react/common");
+var ExpandableContent_1 = require("./ExpandableContent");
+var ExpandableTarget_1 = require("./ExpandableTarget");
+var ExpandableIcon_1 = require("./ExpandableIcon");
+var ExpandableTitle_1 = require("./ExpandableTitle");
+var ExpandableAvatar_1 = require("./ExpandableAvatar");
+var layout_1 = require("@workday/canvas-kit-react/layout");
+var useExpandableModel_1 = require("./useExpandableModel");
+exports.Expandable = common_1.createContainer('div')({
+    modelHook: useExpandableModel_1.useExpandableModel,
+    subComponents: {
+        Target: ExpandableTarget_1.ExpandableTarget,
+        Content: ExpandableContent_1.ExpandableContent,
+        Icon: ExpandableIcon_1.ExpandableIcon,
+        Avatar: ExpandableAvatar_1.ExpandableAvatar,
+        Title: ExpandableTitle_1.ExpandableTitle,
+    },
+})(function (_a, Element) {
+    var children = _a.children, elementProps = __rest(_a, ["children"]);
+    return (react_1.default.createElement(layout_1.Flex, __assign({ as: Element, flexDirection: 'column', padding: 'xxs' }, elementProps), children));
+});

package/dist/commonjs/expandable/lib/ExpandableAvatar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Avatar } from '@workday/canvas-kit-react/avatar';
+export interface ExpandableAvatarProps extends Omit<ExtractProps<typeof Avatar, never>, keyof React.ButtonHTMLAttributes<HTMLButtonElement>> {
+}
+export declare const ExpandableAvatar: import("@workday/canvas-kit-react/common").ElementComponent<"button", ExpandableAvatarProps>;
+//# sourceMappingURL=ExpandableAvatar.d.ts.map

package/dist/commonjs/expandable/lib/ExpandableAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableAvatar.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AACnG,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AAGxD,MAAM,WAAW,qBACf,SAAQ,IAAI,CACV,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,EAClC,MAAM,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CACpD;CAAG;AAUN,eAAO,MAAM,gBAAgB,8FAK3B,CAAC"}

package/dist/commonjs/expandable/lib/ExpandableAvatar.js

@@ -0,0 +1,46 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpandableAvatar = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@workday/canvas-kit-react/common");
+var avatar_1 = require("@workday/canvas-kit-react/avatar");
+var tokens_1 = require("@workday/canvas-kit-react/tokens");
+var StyledAvatar = common_1.styled(avatar_1.Avatar)({
+    marginRight: tokens_1.space.xxs,
+    flexShrink: 0,
+});
+// When the component is created, it needs to be a button element to match AvatarProps.
+// Once Avatar becomes a `createComponent` we can default the element type to a `div`
+// and the types should be properly extracted
+exports.ExpandableAvatar = common_1.createComponent('button')({
+    displayName: 'Expandable.Avatar',
+    Component: function (_a, ref) {
+        var altText = _a.altText, elemProps = __rest(_a, ["altText"]);
+        return react_1.default.createElement(StyledAvatar, __assign({ altText: undefined, as: "div", ref: ref, size: 32 }, elemProps));
+    },
+});

package/dist/commonjs/expandable/lib/ExpandableContent.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface ExpandableContentProps {
+    /**
+     * The children of the `Expandable.Content` whose visibility is controlled by the associated
+     * `Expandable.Target`
+     */
+    children?: React.ReactNode;
+}
+export declare const ExpandableContent: import("@workday/canvas-kit-react/common").ElementComponentM<"div", ExpandableContentProps, {
+    state: {
+        id: string;
+        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    };
+    events: {
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+    };
+}>;
+//# sourceMappingURL=ExpandableContent.d.ts.map

package/dist/commonjs/expandable/lib/ExpandableContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableContent.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;EAc5B,CAAC"}

package/dist/commonjs/expandable/lib/ExpandableContent.js

@@ -0,0 +1,41 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpandableContent = void 0;
+var react_1 = __importDefault(require("react"));
+var tokens_1 = require("@workday/canvas-kit-react/tokens");
+var common_1 = require("@workday/canvas-kit-react/common");
+var useExpandableContent_1 = require("./hooks/useExpandableContent");
+var layout_1 = require("@workday/canvas-kit-react/layout");
+var useExpandableModel_1 = require("./useExpandableModel");
+exports.ExpandableContent = common_1.createSubcomponent('div')({
+    modelHook: useExpandableModel_1.useExpandableModel,
+    elemPropsHook: useExpandableContent_1.useExpandableContent,
+})(function (_a, Element) {
+    var children = _a.children, elementProps = __rest(_a, ["children"]);
+    return (react_1.default.createElement(layout_1.Box, __assign({ as: Element, background: "none", padding: tokens_1.space.s + " " + tokens_1.space.xxs + " " + tokens_1.space.xxs }, elementProps), children));
+});

package/dist/commonjs/expandable/lib/ExpandableIcon.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { CanvasSystemIcon } from '@workday/design-assets-types';
+import { SystemIcon } from '@workday/canvas-kit-react/icon';
+import { IconPositions } from '@workday/canvas-kit-react/button';
+export interface ExpandableIconProps extends Omit<ExtractProps<typeof SystemIcon, never>, 'icon'> {
+    /**
+     * Icon to display from `@workday/canvas-accent-icons-web`
+     * @default chevronUpIcon
+     */
+    icon?: CanvasSystemIcon;
+    /**
+     * Button icon positions can either be `start` or `end`.
+     * If no value is provided, it defaults to `start`.
+     * @default 'start'
+     */
+    iconPosition?: IconPositions;
+}
+export declare const ExpandableIcon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", ExpandableIconProps, {
+    state: {
+        id: string;
+        visibility: import("@workday/canvas-kit-react/disclosure").Visibility;
+    };
+    events: {
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+    };
+}>;
+//# sourceMappingURL=ExpandableIcon.d.ts.map