@workday/canvas-kit-labs-react 8.0.0-alpha.253-next.22 → 8.0.0-alpha.428-next.2

package/expandable/lib/ExpandableTitle.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 
-import {createComponent} from '@workday/canvas-kit-react/common';
+import {createComponent, ExtractProps} from '@workday/canvas-kit-react/common';
 import {Box} from '@workday/canvas-kit-react/layout';
 import {colors, space, type} from '@workday/canvas-kit-react/tokens';
 
-export interface ExpandableTitleProps {
+export interface ExpandableTitleProps extends ExtractProps<typeof Box, never> {
   /**
    * Children of the `Expandable.Title`. This should contain a string for the title
    */
@@ -18,13 +18,11 @@ export const ExpandableTitle = createComponent('div')({
       <Box
         as={Element}
         ref={ref}
-        padding={`2px ${space.zero} 2px`}
+        {...type.levels.body.medium}
+        fontWeight={type.properties.fontWeights.bold}
         color={colors.blackPepper400}
-        style={{
-          ...type.levels.body.medium,
-          fontWeight: type.properties.fontWeights.bold,
-          textAlign: 'left',
-        }}
+        padding={`2px ${space.zero} 2px`}
+        textAlign="left"
         {...elemProps}
       >
         {children}

package/expandable/lib/hooks/index.ts

@@ -1,3 +1,4 @@
 export * from './useExpandableContent';
 export * from './useExpandableIcon';
+export * from './useExpandableModel';
 export * from './useExpandableTarget';

package/expandable/lib/hooks/useExpandableContent.ts

@@ -1,5 +1,5 @@
 import {createElemPropsHook} from '@workday/canvas-kit-react/common';
-import {useExpandableModel} from '../useExpandableModel';
+import {useExpandableModel} from './useExpandableModel';
 
 export const useExpandableContent = createElemPropsHook(useExpandableModel)(({state}) => {
   return {

package/expandable/lib/hooks/useExpandableIcon.ts

@@ -1,5 +1,5 @@
 import {createElemPropsHook} from '@workday/canvas-kit-react/common';
-import {useExpandableModel} from '../useExpandableModel';
+import {useExpandableModel} from './useExpandableModel';
 
 export const useExpandableIcon = createElemPropsHook(useExpandableModel)(({state}) => {
   return {

package/expandable/lib/{useExpandableModel.tsx → hooks/useExpandableModel.tsx}

@@ -1,6 +1,9 @@
 import {createModelHook} from '@workday/canvas-kit-react/common';
 import {useDisclosureModel} from '@workday/canvas-kit-react/disclosure';
 
+/**
+ * The `ExpandableModel` extends the `DisclosureModel`
+ */
 export const useExpandableModel = createModelHook({
   defaultConfig: {
     ...useDisclosureModel.defaultConfig,

package/expandable/lib/hooks/useExpandableTarget.ts

@@ -1,5 +1,5 @@
 import {createElemPropsHook} from '@workday/canvas-kit-react/common';
-import {useExpandableModel} from '../useExpandableModel';
+import {useExpandableModel} from './useExpandableModel';
 
 export const useExpandableTarget = createElemPropsHook(useExpandableModel)(({state, events}) => {
   return {

package/index.ts

@@ -1,6 +1,3 @@
 export * from './combobox';
-export * from './common';
-export * from './drawer';
 export * from './expandable';
 export * from './search-form';
-export * from './toast';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-labs-react",
-  "version": "8.0.0-alpha.253-next.22+7350b9a5",
+  "version": "8.0.0-alpha.428-next.2+2c79134a",
   "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",
@@ -41,12 +41,12 @@
     "workday"
   ],
   "peerDependencies": {
-    "react": "^17.0 || ^18.0"
+    "react": ">=16.14"
   },
   "dependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
-    "@workday/canvas-kit-react": "^8.0.0-alpha.253-next.22+7350b9a5",
+    "@workday/canvas-kit-react": "^8.0.0-alpha.428-next.2+2c79134a",
     "@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": "7350b9a521c0c710ec18a027afd8442dc92dd875"
+  "gitHead": "2c79134aa48ef0efde9cdf883b529b8157337a28"
 }

package/search-form/lib/SearchForm.tsx

@@ -86,6 +86,11 @@ export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttribute
    * @default false
    */
   allowEmptyStringSearch?: boolean;
+  /**
+   * Sets the `id` for the label
+   * @default unique identifier
+   */
+  labelId?: string;
 }
 
 export interface SearchFormState {
@@ -276,7 +281,7 @@ export class SearchForm extends React.Component<SearchFormProps, SearchFormState
 
   private inputRef = React.createRef<HTMLInputElement>();
   private openRef = React.createRef<HTMLButtonElement>();
-  private labelId = generateUniqueId();
+  private defaultLabelId = generateUniqueId();
 
   state: Readonly<SearchFormState> = {
     showForm: false,
@@ -381,6 +386,7 @@ export class SearchForm extends React.Component<SearchFormProps, SearchFormState
       submitAriaLabel = 'Search',
       openButtonAriaLabel = 'Open Search',
       closeButtonAriaLabel = 'Cancel',
+      labelId = this.defaultLabelId,
       showClearButton = true,
       height = 40,
       grow,
@@ -401,7 +407,7 @@ export class SearchForm extends React.Component<SearchFormProps, SearchFormState
         action="."
         rightAlign={rightAlign}
         grow={grow}
-        aria-labelledby={this.labelId}
+        aria-labelledby={labelId}
         isCollapsed={isCollapsed}
         onSubmit={this.handleSubmit}
         showForm={this.state.showForm}
@@ -428,8 +434,8 @@ export class SearchForm extends React.Component<SearchFormProps, SearchFormState
           />
           <SearchField
             grow={grow}
-            id={this.labelId}
-            inputId={`input-${this.labelId}`}
+            id={labelId}
+            inputId={`input-${labelId}`}
             label={inputLabel}
             labelPosition={FormFieldLabelPosition.Hidden}
             useFieldset={false}
@@ -446,7 +452,7 @@ export class SearchForm extends React.Component<SearchFormProps, SearchFormState
               onBlur={this.handleBlur}
               showClearButton={!isCollapsed && showClearButton}
               clearButtonAriaLabel={clearButtonAriaLabel}
-              labelId={this.labelId}
+              labelId={labelId}
             >
               <SearchInput
                 ref={this.inputRef}

package/common/lib/theming/useThemedRing.ts

@@ -1,82 +0,0 @@
-import {useThemeRTL} from './useThemeRTL';
-import {CanvasThemePalette, EmotionCanvasTheme} from '@workday/canvas-kit-react/common';
-import {colors, CSSProperties, inputColors, statusColors} from '@workday/canvas-kit-react/tokens';
-import chroma from 'chroma-js';
-
-type paletteSelection = Exclude<keyof EmotionCanvasTheme['canvas']['palette'], 'common'>;
-interface ContrastColors {
-  outer?: string;
-  inner?: string;
-}
-
-const isAccessible = (foreground: string, background: string = colors.frenchVanilla100) => {
-  return chroma.contrast(foreground, background) >= 3;
-};
-
-const getPaletteColorsFromTheme = (
-  palette: CanvasThemePalette,
-  fallbackColors?: ContrastColors
-): ContrastColors => {
-  return {
-    outer: isAccessible(palette.main)
-      ? palette.main
-      : isAccessible(palette.darkest)
-      ? palette.darkest
-      : fallbackColors?.outer,
-    inner: fallbackColors?.inner ? fallbackColors.inner : palette.main,
-  };
-};
-
-export function getPaletteColors(
-  type: paletteSelection,
-  theme: EmotionCanvasTheme
-): ContrastColors {
-  const palette = theme.canvas.palette[type];
-
-  switch (type) {
-    case 'error': {
-      return getPaletteColorsFromTheme(palette, {outer: inputColors.error.border});
-    }
-    case 'alert': {
-      return getPaletteColorsFromTheme(palette, {outer: colors.cantaloupe600});
-    }
-    case 'success': {
-      return getPaletteColorsFromTheme(palette, {
-        outer: colors.greenApple600,
-        // The theme default for success.main is set to the darkest GreenApple
-        // For our default ring, we need to override it so the inner ring is a bit lighter
-        inner: palette.main === colors.greenApple600 ? statusColors.success : palette.main,
-      });
-    }
-    default: {
-      return getPaletteColorsFromTheme(palette);
-    }
-  }
-}
-
-export const useThemedRing = (type: paletteSelection): CSSProperties => {
-  const {themeRTL, theme} = useThemeRTL();
-
-  const paletteColors = getPaletteColors(type, theme);
-  if (!(paletteColors?.outer || paletteColors?.inner)) {
-    return {};
-  }
-  const errorBoxShadow = `inset 0 0 0 ${paletteColors.outer === paletteColors.inner ? 1 : 2}px ${
-    paletteColors.inner
-  }`;
-
-  return themeRTL({
-    borderColor: paletteColors.outer,
-    transition: '100ms box-shadow',
-    boxShadow: errorBoxShadow,
-    '&:hover, &:disabled': {
-      borderColor: paletteColors.outer,
-    },
-    '&:focus:not([disabled])': {
-      borderColor: paletteColors.outer,
-      boxShadow: `${errorBoxShadow},
-        0 0 0 2px ${colors.frenchVanilla100},
-        0 0 0 4px ${theme ? theme.canvas.palette.common.focusOutline : inputColors.focusBorder}`,
-    },
-  });
-};

package/dist/commonjs/common/lib/theming/useThemedRing.d.ts

@@ -1,11 +0,0 @@
-import { EmotionCanvasTheme } from '@workday/canvas-kit-react/common';
-import { CSSProperties } from '@workday/canvas-kit-react/tokens';
-declare type paletteSelection = Exclude<keyof EmotionCanvasTheme['canvas']['palette'], 'common'>;
-interface ContrastColors {
-    outer?: string;
-    inner?: string;
-}
-export declare function getPaletteColors(type: paletteSelection, theme: EmotionCanvasTheme): ContrastColors;
-export declare const useThemedRing: (type: paletteSelection) => CSSProperties;
-export {};
-//# sourceMappingURL=useThemedRing.d.ts.map

package/dist/commonjs/common/lib/theming/useThemedRing.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useThemedRing.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useThemedRing.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAS,aAAa,EAA4B,MAAM,kCAAkC,CAAC;AAGlG,aAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC;AACzF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAoBD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,kBAAkB,GACxB,cAAc,CAsBhB;AAED,eAAO,MAAM,aAAa,SAAU,gBAAgB,KAAG,aAyBtD,CAAC"}

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

@@ -1,67 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useThemedRing = exports.getPaletteColors = void 0;
-var useThemeRTL_1 = require("./useThemeRTL");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var chroma_js_1 = __importDefault(require("chroma-js"));
-var isAccessible = function (foreground, background) {
-    if (background === void 0) { background = tokens_1.colors.frenchVanilla100; }
-    return chroma_js_1.default.contrast(foreground, background) >= 3;
-};
-var getPaletteColorsFromTheme = function (palette, fallbackColors) {
-    return {
-        outer: isAccessible(palette.main)
-            ? palette.main
-            : isAccessible(palette.darkest)
-                ? palette.darkest
-                : fallbackColors === null || fallbackColors === void 0 ? void 0 : fallbackColors.outer,
-        inner: (fallbackColors === null || fallbackColors === void 0 ? void 0 : fallbackColors.inner) ? fallbackColors.inner : palette.main,
-    };
-};
-function getPaletteColors(type, theme) {
-    var palette = theme.canvas.palette[type];
-    switch (type) {
-        case 'error': {
-            return getPaletteColorsFromTheme(palette, { outer: tokens_1.inputColors.error.border });
-        }
-        case 'alert': {
-            return getPaletteColorsFromTheme(palette, { outer: tokens_1.colors.cantaloupe600 });
-        }
-        case 'success': {
-            return getPaletteColorsFromTheme(palette, {
-                outer: tokens_1.colors.greenApple600,
-                // The theme default for success.main is set to the darkest GreenApple
-                // For our default ring, we need to override it so the inner ring is a bit lighter
-                inner: palette.main === tokens_1.colors.greenApple600 ? tokens_1.statusColors.success : palette.main,
-            });
-        }
-        default: {
-            return getPaletteColorsFromTheme(palette);
-        }
-    }
-}
-exports.getPaletteColors = getPaletteColors;
-var useThemedRing = function (type) {
-    var _a = useThemeRTL_1.useThemeRTL(), themeRTL = _a.themeRTL, theme = _a.theme;
-    var paletteColors = getPaletteColors(type, theme);
-    if (!((paletteColors === null || paletteColors === void 0 ? void 0 : paletteColors.outer) || (paletteColors === null || paletteColors === void 0 ? void 0 : paletteColors.inner))) {
-        return {};
-    }
-    var errorBoxShadow = "inset 0 0 0 " + (paletteColors.outer === paletteColors.inner ? 1 : 2) + "px " + paletteColors.inner;
-    return themeRTL({
-        borderColor: paletteColors.outer,
-        transition: '100ms box-shadow',
-        boxShadow: errorBoxShadow,
-        '&:hover, &:disabled': {
-            borderColor: paletteColors.outer,
-        },
-        '&:focus:not([disabled])': {
-            borderColor: paletteColors.outer,
-            boxShadow: errorBoxShadow + ",\n        0 0 0 2px " + tokens_1.colors.frenchVanilla100 + ",\n        0 0 0 4px " + (theme ? theme.canvas.palette.common.focusOutline : tokens_1.inputColors.focusBorder),
-        },
-    });
-};
-exports.useThemedRing = useThemedRing;

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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,16 +0,0 @@
-"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 });
-exports.DeprecatedDrawerHeader = void 0;
-var DrawerHeader_1 = require("./lib/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,74 +0,0 @@
-import * as React from 'react';
-import { CanvasSpaceValues } from '@workday/canvas-kit-react/tokens';
-/**
- * ### 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 DeprecatedDrawer contents.
-     * @default space.s
-     */
-    padding?: CanvasSpaceValues;
-    /**
-     * The direction from which the DeprecatedDrawer opens. Accepts `Left` or `Right`.
-     * @default DeprecatedDrawerDirection.Right
-     */
-    openDirection?: DeprecatedDrawerDirection;
-    /**
-     * The width of the DeprecatedDrawer in `px`.
-     * @default 360
-     */
-    width?: number;
-    /**
-     * If true, render the DeprecatedDrawer with a drop shadow.
-     * @default false
-     */
-    showDropShadow?: boolean;
-    /**
-     * The optional DeprecatedDrawerHeader component of the DeprecatedDrawer. Shows an optional string and close button.
-     */
-    header?: React.ReactElement;
-    /**
-     * 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 DeprecatedDrawer. Set this when there is NO `header` for accessibility.
-     */
-    'aria-label'?: string;
-    /**
-     * The role of the DeprecatedDrawer. If `role` is provided, you must also set `aria-labelledby` to link `header` to the `role`.
-     */
-    role?: string;
-}
-/**
- * ### 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
-}
-/**
- * ### 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 +0,0 @@
-{"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

@@ -1,142 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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.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");
-/**
- * ### 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',
-    display: 'flex',
-    flexDirection: 'column',
-    position: 'absolute',
-}, function (_a) {
-    var width = _a.width;
-    return ({
-        width: width,
-    });
-}, function (_a) {
-    var showDropShadow = _a.showDropShadow, openDirection = _a.openDirection;
-    return ({
-        boxShadow: openDirection === DeprecatedDrawerDirection.Right && showDropShadow
-            ? '-8px 0px 16px 0 rgba(0,0,0,0.12)'
-            : openDirection === DeprecatedDrawerDirection.Left && showDropShadow
-                ? '8px 0px 16px 0 rgba(0,0,0,0.12)'
-                : undefined,
-    });
-}, function (_a) {
-    var openDirection = _a.openDirection;
-    return ({
-        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',
-    position: 'relative',
-}, function (_a) {
-    var padding = _a.padding;
-    return ({
-        padding: padding,
-    });
-});
-/**
- * ### 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;
-    }
-    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)));
-    };
-    DeprecatedDrawer.OpenDirection = DeprecatedDrawerDirection;
-    return DeprecatedDrawer;
-}(React.Component));
-exports.DeprecatedDrawer = DeprecatedDrawer;

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

@@ -1,55 +0,0 @@
-import * as React from 'react';
-import { CanvasColor } from '@workday/canvas-kit-react/tokens';
-/**
- * ### 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 DeprecatedDrawerHeader. This text will also be applied as the `title` attribute of the header element.
-     */
-    title?: string;
-    /**
-     * The function called when the DeprecatedDrawerHeader close button is clicked.
-     */
-    onClose?: React.MouseEventHandler<HTMLButtonElement>;
-    /**
-     * The `aria-label` for the DrawHeader close button. Useful for i18n.
-     * @default Close
-     */
-    closeIconAriaLabel?: string;
-    /**
-     * The background color of the DeprecatedDrawerHeader.
-     */
-    headerColor?: CanvasColor | string;
-    /**
-     * The border color of the DeprecatedDrawerHeader. This should match something close to `headerColor`.
-     */
-    borderColor?: CanvasColor | string;
-    /**
-     * If true, render the icon and header in white. Useful for preserving contrast with a dark `headerColor`.
-     * @default false
-     */
-    inverse?: boolean;
-    /**
-     * The unique id of the DeprecatedDrawerHeader for accessibility.
-     */
-    id?: string;
-}
-/**
- * ### 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 +0,0 @@
-{"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"}