@workday/canvas-kit-react 9.0.0-alpha.344-next.3 → 9.0.0-alpha.350-next.4

package/dist/commonjs/common/lib/utils/memoize.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.memoize = void 0;
+/**
+ * Simple memoize function. It takes a function and a resolver function to generate a
+ * cache key
+ */
+function memoize(func, resolver) {
+    var cache = new Map();
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var key = resolver.apply(void 0, args);
+        if (cache.has(key)) {
+            return cache.get(key);
+        }
+        var result = func.apply(void 0, args);
+        cache.set(key, result);
+        return result;
+    };
+}
+exports.memoize = memoize;

package/dist/commonjs/side-panel/lib/SidePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../../side-panel/lib/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAgB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAKlF,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,wBAAwB,CAAC;IAC3C;;;OAGG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,oBAAY,sBAAsB;IAChC,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AAED,oBAAY,wBAAwB;IAClC,KAAK,IAAA;IACL,WAAW,IAAA;IACX,IAAI,IAAA;CACL;AAwFD,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC5E,MAAM,CAAC,aAAa,gCAA0B;IAC9C,MAAM,CAAC,eAAe,kCAA4B;gBAEtC,KAAK,EAAE,cAAc;IAKjC,KAAK;;MAEH;IAEK,iBAAiB;IAGjB,oBAAoB;IAIpB,MAAM;IAgDb,OAAO,CAAC,YAAY,CAWlB;IAEF,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,qBAAqB,CAS3B;CACH"}
+{"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../../side-panel/lib/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAKlF,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,wBAAwB,CAAC;IAC3C;;;OAGG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,oBAAY,sBAAsB;IAChC,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AAED,oBAAY,wBAAwB;IAClC,KAAK,IAAA;IACL,WAAW,IAAA;IACX,IAAI,IAAA;CACL;AAwFD,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC5E,MAAM,CAAC,aAAa,gCAA0B;IAC9C,MAAM,CAAC,eAAe,kCAA4B;gBAEtC,KAAK,EAAE,cAAc;IAKjC,KAAK;;MAEH;IAEK,iBAAiB;IAGjB,oBAAoB;IAIpB,MAAM;IAgDb,OAAO,CAAC,YAAY,CAWlB;IAEF,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,qBAAqB,CAS3B;CACH"}

package/dist/commonjs/side-panel/lib/SidePanel.js

@@ -62,7 +62,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SidePanel = exports.SidePanelBackgroundColor = exports.SidePanelOpenDirection = void 0;
 var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
-var throttle_1 = __importDefault(require("lodash/throttle"));
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var button_1 = require("@workday/canvas-kit-react/button");
 var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
@@ -190,7 +189,7 @@ var SidePanel = /** @class */ (function (_super) {
                 return open ? canvas_system_icons_web_1.chevronRightIcon : canvas_system_icons_web_1.chevronLeftIcon;
             }
         };
-        _this.handleResize = throttle_1.default(_this.handleResize.bind(_this), 150);
+        _this.handleResize = _this.handleResize.bind(_this);
         return _this;
     }
     SidePanel.prototype.componentDidMount = function () {

package/dist/commonjs/tokens/lib/type/fontFamilies.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fontFamilies.d.ts","sourceRoot":"","sources":["../../../../../tokens/lib/type/fontFamilies.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU,QAEyC,CAAC;AACjE,eAAO,MAAM,cAAc,QAGgD,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,YAAY,EAAE,kBAG1B,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B;;;SAGK;IACL,OAAO,EAAE,OAAO,UAAU,CAAC;IAC3B;;;SAGK;IACL,SAAS,EAAE,OAAO,cAAc,CAAC;CAClC,CAAC"}
+{"version":3,"file":"fontFamilies.d.ts","sourceRoot":"","sources":["../../../../../tokens/lib/type/fontFamilies.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,UAAU,QAEyC,CAAC;AACjE,eAAO,MAAM,cAAc,QAGgD,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,YAAY,EAAE,kBAG1B,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B;;;SAGK;IACL,OAAO,EAAE,OAAO,UAAU,CAAC;IAC3B;;;SAGK;IACL,SAAS,EAAE,OAAO,cAAc,CAAC;CAClC,CAAC"}

package/dist/commonjs/tokens/lib/type/fontFamilies.js

@@ -1,12 +1,11 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.fontFamilies = exports.monoFontFamily = exports.fontFamily = void 0;
-var get_1 = __importDefault(require("lodash/get"));
-var inheritFont = typeof window !== 'undefined' && get_1.default(window, 'window.workday.canvas.inheritFontFamily');
-var inheritMonoFont = typeof window !== 'undefined' && get_1.default(window, 'window.workday.canvas.inheritMonoFontFamily');
+// prettier-ignore
+//@ts-ignore
+var canvasObject = typeof window !== 'undefined' && window.workday && window.workday.canvas && window.workday.canvas;
+var inheritFont = typeof canvasObject !== 'undefined' && canvasObject.inheritFontFamily;
+var inheritMonoFont = typeof canvasObject !== 'undefined' && canvasObject.inheritMonoFontFamily;
 exports.fontFamily = inheritFont
     ? 'inherit'
     : '"Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif';

package/dist/commonjs/tooltip/lib/useTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/useTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmD/B;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAAE,EACtD,IAAc,EACd,SAAc,EACd,SAAe,EACf,SAAe,GAChB,GAAE;IACD;;;;;;;;;;;;;;;OAeG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IACtC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACf;IA8CF,2EAA2E;;;;8BA5B5C,MAAM,cAAc;;6BAazB,gBAAgB;yBARpB,gBAAgB;;;IAmCtC,uDAAuD;;;;;;IAMvD,iEAAiE;;;;;;;EAQpE"}
+{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/useTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmD/B;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAAE,EACtD,IAAc,EACd,SAAc,EACd,SAAe,EACf,SAAe,GAChB,GAAE;IACD;;;;;;;;;;;;;;;OAeG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IACtC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACf;IA+DF,2EAA2E;;;;8BA7C5C,MAAM,cAAc;;6BAazB,gBAAgB;yBARpB,gBAAgB;;;IA0CtC,uDAAuD;;;;;;IAMvD,iEAAiE;;;;;;;EAQpE"}

package/dist/commonjs/tooltip/lib/useTooltip.js

@@ -99,19 +99,24 @@ function useTooltip(_a) {
     popup_1.useCloseOnFullscreenExit(popupModel);
     popup_1.useCloseOnTargetHidden(popupModel);
     var visible = popupModel.state.visibility !== 'hidden';
+    var targetProps = {
+        // extra description of the target element for assistive technology
+        'aria-describedby': type === 'describe' && visible ? id : undefined,
+        // This will replace the accessible name of the target element
+        'aria-label': type === 'label' ? titleText : undefined,
+        onMouseEnter: onOpenFromTarget,
+        onMouseLeave: onHide,
+        onMouseDown: onMouseDown,
+        onFocus: onFocus,
+        onBlur: onHide,
+    };
+    // remove `aria-describedby` if undefined to not override what's provided
+    if (targetProps['aria-describedby'] === undefined) {
+        delete targetProps['aria-describedby'];
+    }
     return {
         /** Mix these properties into the target element. **Must be an Element** */
-        targetProps: {
-            // extra description of the target element for assistive technology
-            'aria-describedby': type === 'describe' && visible ? id : undefined,
-            // This will replace the accessible name of the target element
-            'aria-label': type === 'label' ? titleText : undefined,
-            onMouseEnter: onOpenFromTarget,
-            onMouseLeave: onHide,
-            onMouseDown: onMouseDown,
-            onFocus: onFocus,
-            onBlur: onHide,
-        },
+        targetProps: targetProps,
         /** Mix these properties into the `Popper` component */
         popperProps: {
             open: visible,

package/dist/es6/common/lib/styles/focusRing.d.ts

@@ -12,10 +12,7 @@ interface FocusRingOptions {
     inset?: 'inner' | 'outer';
     innerColor?: string;
     outerColor?: string;
-    memoize?: boolean;
 }
-declare function calculateFocusRing({ width, separation, animate, inset, innerColor, outerColor, }: Required<Omit<FocusRingOptions, 'memoize' | 'inset'>> & Pick<FocusRingOptions, 'inset'>): CSSObject;
-export declare const memoizedFocusRing: typeof calculateFocusRing & import("lodash").MemoizedFunction;
 /**
  * A utility to create a canvas style focus ring around your widget.
  * By default, this mixin will create a 2px focus ring tightly wrapped

package/dist/es6/common/lib/styles/focusRing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focusRing.d.ts","sourceRoot":"","sources":["../../../../../common/lib/styles/focusRing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAK3D,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,KAAK,EACL,UAAU,EACV,OAAO,EACP,KAAK,EACL,UAAU,EACV,UAAU,GACX,EAAE,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC,GACtD,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAAG,SAAS,CAiC5C;AAED,eAAO,MAAM,iBAAiB,+DAAiE,CAAC;AAEhG;;;;;;;;;;;;;;GAcG;AAEH;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,OAAO,GAAE,gBAAqB,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,CA2BlF"}
+{"version":3,"file":"focusRing.d.ts","sourceRoot":"","sources":["../../../../../common/lib/styles/focusRing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAI3D,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AA6CD;;;;;;;;;;;;;;GAcG;AAEH;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,OAAO,GAAE,gBAAqB,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,CAsBlF"}

package/dist/es6/common/lib/styles/focusRing.js

@@ -1,7 +1,6 @@
 import { keyframes } from '@emotion/react';
 import { canvas } from '@workday/canvas-kit-react/tokens';
 import { defaultCanvasTheme } from '../theming/index';
-import memoize from 'lodash/memoize';
 function calculateFocusRing(_a) {
     var width = _a.width, separation = _a.separation, animate = _a.animate, inset = _a.inset, innerColor = _a.innerColor, outerColor = _a.outerColor;
     var boxShadow, innerWidth, outerWidth;
@@ -31,13 +30,6 @@ function calculateFocusRing(_a) {
     }
     return { boxShadow: boxShadow };
 }
-export var memoizedFocusRing = memoize(calculateFocusRing, function () {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-    }
-    return JSON.stringify(args);
-});
 /**
  * A utility to create a canvas style focus ring around your widget.
  * By default, this mixin will create a 2px focus ring tightly wrapped
@@ -64,7 +56,7 @@ export function focusRing(options, theme) {
     if (options === void 0) { options = {}; }
     var _a = options.width, width = _a === void 0 ? 2 : _a, _b = options.separation, separation = _b === void 0 ? 0 : _b, _c = options.animate, animate = _c === void 0 ? true : _c, _d = options.innerColor, innerColor = _d === void 0 ? canvas.colors.frenchVanilla100 : _d, _e = options.outerColor, outerColor = _e === void 0 ? theme && theme.canvas
         ? theme.canvas.palette.common.focusOutline
-        : defaultCanvasTheme.palette.common.focusOutline : _e, _f = options.memoize, memoize = _f === void 0 ? true : _f, inset = options.inset;
+        : defaultCanvasTheme.palette.common.focusOutline : _e, inset = options.inset;
     var args = {
         width: width,
         separation: separation,
@@ -73,8 +65,5 @@ export function focusRing(options, theme) {
         animate: animate,
         inset: inset,
     };
-    if (memoize) {
-        return memoizedFocusRing(args);
-    }
     return calculateFocusRing(args);
 }

package/dist/es6/common/lib/theming/createCanvasTheme.d.ts

@@ -1,10 +1,11 @@
 import { CanvasTheme, PartialCanvasTheme } from './types';
-export declare enum ColorDirection {
-    Darken = 0,
-    Brighten = 1
-}
-export declare function shiftColor(hexColor: string, direction: ColorDirection): string;
+export declare const shiftColor: (hexColor: string, amount?: any) => string;
 declare function calculateCanvasTheme(partialTheme: PartialCanvasTheme): CanvasTheme;
-export declare const createCanvasTheme: typeof calculateCanvasTheme & import("lodash").MemoizedFunction;
+/**
+ * Creates a full {@link CanvasTheme} from any partial theme by deeply merging with the
+ * `defaultCanvasTheme` object. The function is memoized, but it is best to run this function
+ * only once and save the result.
+ */
+export declare const createCanvasTheme: typeof calculateCanvasTheme;
 export {};
 //# sourceMappingURL=createCanvasTheme.d.ts.map

package/dist/es6/common/lib/theming/createCanvasTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createCanvasTheme.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/createCanvasTheme.ts"],"names":[],"mappings":"AAMA,OAAO,EACL,WAAW,EACX,kBAAkB,EAInB,MAAM,SAAS,CAAC;AAIjB,oBAAY,cAAc;IACxB,MAAM,IAAA;IACN,QAAQ,IAAA;CACT;AAED,wBAAgB,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,UA4BrE;AAuCD,iBAAS,oBAAoB,CAAC,YAAY,EAAE,kBAAkB,GAAG,WAAW,CAkB3E;AAED,eAAO,MAAM,iBAAiB,iEAAmE,CAAC"}
+{"version":3,"file":"createCanvasTheme.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/createCanvasTheme.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,EACX,kBAAkB,EAInB,MAAM,SAAS,CAAC;AAQjB,eAAO,MAAM,UAAU,aACV,MAAM,yBA+BlB,CAAC;AA+BF,iBAAS,oBAAoB,CAAC,YAAY,EAAE,kBAAkB,GAAG,WAAW,CAkB3E;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,6BAAmE,CAAC"}

package/dist/es6/common/lib/theming/createCanvasTheme.js

@@ -1,3 +1,14 @@
+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)
@@ -10,59 +21,48 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import chroma from 'chroma-js';
-import merge from 'lodash/merge';
-import memoize from 'lodash/memoize';
-import findKey from 'lodash/findKey';
 import colors from '@workday/canvas-colors-web';
 import { defaultCanvasTheme } from './theme';
 import { ContentDirection, } from './types';
 import { pickForegroundColor } from '../utils';
-export var ColorDirection;
-(function (ColorDirection) {
-    ColorDirection[ColorDirection["Darken"] = 0] = "Darken";
-    ColorDirection[ColorDirection["Brighten"] = 1] = "Brighten";
-})(ColorDirection || (ColorDirection = {}));
-export function shiftColor(hexColor, direction) {
-    var canvasColor = findKey(colors, function (color) { return color === hexColor; });
-    var darken = direction === ColorDirection.Darken;
+// Should these be exported?
+import { deepMerge } from '../utils/deepMerge';
+import { memoize } from '../utils/memoize';
+export var shiftColor = memoize(function (hexColor, amount) {
+    if (amount === void 0) { amount = 100; }
+    var canvasColor = Object.keys(colors).find(function (color) { return colors[color] === hexColor; });
     if (canvasColor) {
         var colorRegex = /([a-zAz]*)(\d{3})/g;
         var match = colorRegex.exec(canvasColor);
         if (match) {
             var baseColor = match[1];
             var shadeNumber = parseInt(match[2], 10);
-            var newShade = darken ? shadeNumber + 100 : shadeNumber - 100;
+            var newShade = shadeNumber + amount;
             if (newShade >= 100 && newShade <= 600) {
                 return colors[(baseColor + newShade)];
             }
         }
     }
     try {
-        var newColor = darken ? chroma(hexColor).darken() : chroma(hexColor).brighten();
+        var newColor = amount > 0
+            ? chroma(hexColor).darken(amount / 100)
+            : chroma(hexColor).brighten(-amount / 100);
         return newColor.hex();
     }
     catch (e) {
         console.warn("Invalid color '" + hexColor + "' used in theme");
         return hexColor;
     }
-}
+}, function (color, value) { return color + "." + value; });
 function fillPalette(defaultPalette, palette) {
     if (!palette) {
         return {};
     }
     var main = palette.main || defaultPalette.main;
-    var dark = palette.dark ||
-        (palette.main && shiftColor(palette.main, ColorDirection.Darken)) ||
-        defaultPalette.dark;
-    var darkest = palette.darkest ||
-        (palette.main && shiftColor(dark, ColorDirection.Darken)) ||
-        defaultPalette.darkest;
-    var light = palette.light ||
-        (palette.main && shiftColor(palette.main, ColorDirection.Brighten)) ||
-        defaultPalette.light;
-    var lightest = palette.lightest ||
-        (palette.main && shiftColor(light, ColorDirection.Brighten)) ||
-        defaultPalette.lightest;
+    var dark = palette.dark || (palette.main && shiftColor(palette.main, 100)) || defaultPalette.dark;
+    var darkest = palette.darkest || (palette.main && shiftColor(palette.main, 200)) || defaultPalette.darkest;
+    var light = palette.light || (palette.main && shiftColor(palette.main, -100)) || defaultPalette.light;
+    var lightest = palette.lightest || (palette.main && shiftColor(palette.main, -200)) || defaultPalette.lightest;
     var contrast = palette.contrast || pickForegroundColor(main) || defaultPalette.contrast;
     return {
         lightest: lightest,
@@ -88,8 +88,13 @@ function calculateCanvasTheme(partialTheme) {
         breakpoints: breakpoints,
         direction: direction === ContentDirection.RTL ? direction : ContentDirection.LTR,
     };
-    return merge({}, defaultCanvasTheme, mergeable, extraFields);
+    return deepMerge(deepMerge({}, defaultCanvasTheme), __assign(__assign({}, mergeable), extraFields));
 }
+/**
+ * Creates a full {@link CanvasTheme} from any partial theme by deeply merging with the
+ * `defaultCanvasTheme` object. The function is memoized, but it is best to run this function
+ * only once and save the result.
+ */
 export var createCanvasTheme = memoize(calculateCanvasTheme, function () {
     var args = [];
     for (var _i = 0; _i < arguments.length; _i++) {

package/dist/es6/common/lib/theming/getObjectProxy.d.ts

@@ -1,9 +1,15 @@
+/**
+ * For custom themes that do not overwrite every default.
+ */
+export declare type RecursivePartial<T> = {
+    [P in keyof T]?: RecursivePartial<T[P]>;
+};
 /**
  * The functions gets a new object proxy. This is used for theme to ensure regardless of a partial theme object
  * there will be a fallback theme object so that properties aren't undefined regardless of the `target` object.
  * This function will also handle nested properties.
- * @param target Any custom theme object
- * @param fallback A fallback theme object
+ * @param target A partial object with up to the same shape as the `fallback` object
+ * @param fallback A fallback object. If a property to be accessed from the proxy is not available on the target object, the fallback object will be used
  */
-export declare function getObjectProxy<T extends {}>(target: unknown, fallback: T): T;
+export declare function getObjectProxy<T extends {}>(target: RecursivePartial<T> | undefined, fallback: T): T;
 //# sourceMappingURL=getObjectProxy.d.ts.map

package/dist/es6/common/lib/theming/getObjectProxy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getObjectProxy.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/getObjectProxy.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,wBAAgB,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,CAgB5E"}
+{"version":3,"file":"getObjectProxy.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/getObjectProxy.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,oBAAY,gBAAgB,CAAC,CAAC,IAAI;KAC/B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACxC,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,EAAE,EACzC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,SAAS,EACvC,QAAQ,EAAE,CAAC,GACV,CAAC,CAmBH"}

package/dist/es6/common/lib/theming/getObjectProxy.js

@@ -2,26 +2,26 @@
  * The functions gets a new object proxy. This is used for theme to ensure regardless of a partial theme object
  * there will be a fallback theme object so that properties aren't undefined regardless of the `target` object.
  * This function will also handle nested properties.
- * @param target Any custom theme object
- * @param fallback A fallback theme object
+ * @param target A partial object with up to the same shape as the `fallback` object
+ * @param fallback A fallback object. If a property to be accessed from the proxy is not available on the target object, the fallback object will be used
  */
-/* eslint-disable compat/compat  */
 export function getObjectProxy(target, fallback) {
-    return new Proxy(target, {
-        get: function (target, p) {
-            var prop = p; // keep Typescript happy - the `get` signature cannot contain `keyof T`
-            if (typeof fallback[prop] === 'object' && typeof target[prop] === 'object') {
-                return getObjectProxy(target[prop] || {}, fallback[prop]);
-            }
-            else if (target[prop] !== undefined) {
-                return target[prop];
-            }
-            else {
-                return fallback[prop];
-            }
-        },
-        ownKeys: function (target) {
-            return Object.keys(fallback);
-        },
-    });
+    if (target) {
+        return new Proxy(target, {
+            get: function (target, prop, receiver) {
+                if (typeof fallback[prop] === 'object') {
+                    return getObjectProxy(target[prop], fallback[prop]);
+                }
+                var targetProp = target[prop];
+                if (targetProp !== undefined) {
+                    return targetProp;
+                }
+                return Reflect.get(fallback, prop, receiver);
+            },
+            ownKeys: function () {
+                return Reflect.ownKeys(fallback);
+            },
+        });
+    }
+    return fallback;
 }

package/dist/es6/common/lib/theming/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,kBAAkB,EAClB,yBAAyB,EAC1B,MAAM,SAAS,CAAC;AAOjB;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,yBAAyB,GAAG,kBAAkB,CAqB9E"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,kBAAkB,EAClB,yBAAyB,EAC1B,MAAM,SAAS,CAAC;AAOjB;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,yBAAyB,GAAG,kBAAkB,CAqB9E"}

package/dist/es6/common/lib/theming/useTheme.js

@@ -9,7 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import get from 'lodash/get';
 import { useTheme as useEmotionTheme } from '@emotion/react';
 import { defaultCanvasTheme, createCanvasTheme, } from './index';
 var getFilledTheme = function (theme) { return (__assign(__assign({}, theme), { canvas: createCanvasTheme(theme.canvas) })); };
@@ -32,6 +31,7 @@ var getFilledTheme = function (theme) { return (__assign(__assign({}, theme), {
  * Tracked on https://github.com/emotion-js/emotion/issues/1193.
  */
 export function useTheme(theme) {
+    var _a, _b, _c;
     if (theme && theme.canvas) {
         return getFilledTheme(theme);
     }
@@ -45,7 +45,7 @@ export function useTheme(theme) {
     catch (e) {
         // Context not supported or invalid (probably called from within a class component)
     }
-    var windowTheme = typeof window !== 'undefined' && get(window, 'window.workday.canvas.theme');
+    var windowTheme = typeof window !== 'undefined' && ((_c = (_b = (_a = window) === null || _a === void 0 ? void 0 : _a.workday) === null || _b === void 0 ? void 0 : _b.canvas) === null || _c === void 0 ? void 0 : _c.theme);
     if (windowTheme) {
         return getFilledTheme({ canvas: windowTheme });
     }

package/dist/es6/common/lib/utils/deepMerge.d.ts

@@ -0,0 +1,2 @@
+export declare function deepMerge<T, S>(target: T, source: S): T & S;
+//# sourceMappingURL=deepMerge.d.ts.map

package/dist/es6/common/lib/utils/deepMerge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deepMerge.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/deepMerge.ts"],"names":[],"mappings":"AACA,wBAAgB,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAmB3D"}

package/dist/es6/common/lib/utils/deepMerge.js

@@ -0,0 +1,20 @@
+var isObject = function (obj) { return obj && typeof obj === 'object'; };
+export function deepMerge(target, source) {
+    if (!isObject(target) || !isObject(source)) {
+        return source;
+    }
+    Object.keys(source).forEach(function (key) {
+        var targetValue = target[key];
+        var sourceValue = source[key];
+        if (Array.isArray(targetValue) && Array.isArray(sourceValue)) {
+            target[key] = targetValue.concat(sourceValue);
+        }
+        else if (isObject(targetValue) && isObject(sourceValue)) {
+            target[key] = deepMerge(Object.assign({}, targetValue), sourceValue);
+        }
+        else {
+            target[key] = sourceValue;
+        }
+    });
+    return target;
+}

package/dist/es6/common/lib/utils/memoize.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Simple memoize function. It takes a function and a resolver function to generate a
+ * cache key
+ */
+export declare function memoize<T extends (...args: any) => any>(func: T, resolver: (...args: Parameters<T>) => string): T;
+//# sourceMappingURL=memoize.d.ts.map

package/dist/es6/common/lib/utils/memoize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"memoize.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/memoize.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,EACrD,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,MAAM,GAC3C,CAAC,CAeH"}

package/dist/es6/common/lib/utils/memoize.js

@@ -0,0 +1,20 @@
+/**
+ * Simple memoize function. It takes a function and a resolver function to generate a
+ * cache key
+ */
+export function memoize(func, resolver) {
+    var cache = new Map();
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var key = resolver.apply(void 0, args);
+        if (cache.has(key)) {
+            return cache.get(key);
+        }
+        var result = func.apply(void 0, args);
+        cache.set(key, result);
+        return result;
+    };
+}

package/dist/es6/side-panel/lib/SidePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../../side-panel/lib/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAgB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAKlF,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,wBAAwB,CAAC;IAC3C;;;OAGG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,oBAAY,sBAAsB;IAChC,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AAED,oBAAY,wBAAwB;IAClC,KAAK,IAAA;IACL,WAAW,IAAA;IACX,IAAI,IAAA;CACL;AAwFD,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC5E,MAAM,CAAC,aAAa,gCAA0B;IAC9C,MAAM,CAAC,eAAe,kCAA4B;gBAEtC,KAAK,EAAE,cAAc;IAKjC,KAAK;;MAEH;IAEK,iBAAiB;IAGjB,oBAAoB;IAIpB,MAAM;IAgDb,OAAO,CAAC,YAAY,CAWlB;IAEF,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,qBAAqB,CAS3B;CACH"}
+{"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../../side-panel/lib/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAKlF,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,wBAAwB,CAAC;IAC3C;;;OAGG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,oBAAY,sBAAsB;IAChC,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AAED,oBAAY,wBAAwB;IAClC,KAAK,IAAA;IACL,WAAW,IAAA;IACX,IAAI,IAAA;CACL;AAwFD,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC5E,MAAM,CAAC,aAAa,gCAA0B;IAC9C,MAAM,CAAC,eAAe,kCAA4B;gBAEtC,KAAK,EAAE,cAAc;IAKjC,KAAK;;MAEH;IAEK,iBAAiB;IAGjB,oBAAoB;IAIpB,MAAM;IAgDb,OAAO,CAAC,YAAY,CAWlB;IAEF,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,qBAAqB,CAS3B;CACH"}

package/dist/es6/side-panel/lib/SidePanel.js

@@ -37,7 +37,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from 'react';
 import styled from '@emotion/styled';
-import throttle from 'lodash/throttle';
 import { colors, space } from '@workday/canvas-kit-react/tokens';
 import { TertiaryButton } from '@workday/canvas-kit-react/button';
 import { chevronLeftIcon, chevronRightIcon } from '@workday/canvas-system-icons-web';
@@ -165,7 +164,7 @@ var SidePanel = /** @class */ (function (_super) {
                 return open ? chevronRightIcon : chevronLeftIcon;
             }
         };
-        _this.handleResize = throttle(_this.handleResize.bind(_this), 150);
+        _this.handleResize = _this.handleResize.bind(_this);
         return _this;
     }
     SidePanel.prototype.componentDidMount = function () {

package/dist/es6/tokens/lib/type/fontFamilies.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fontFamilies.d.ts","sourceRoot":"","sources":["../../../../../tokens/lib/type/fontFamilies.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU,QAEyC,CAAC;AACjE,eAAO,MAAM,cAAc,QAGgD,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,YAAY,EAAE,kBAG1B,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B;;;SAGK;IACL,OAAO,EAAE,OAAO,UAAU,CAAC;IAC3B;;;SAGK;IACL,SAAS,EAAE,OAAO,cAAc,CAAC;CAClC,CAAC"}
+{"version":3,"file":"fontFamilies.d.ts","sourceRoot":"","sources":["../../../../../tokens/lib/type/fontFamilies.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,UAAU,QAEyC,CAAC;AACjE,eAAO,MAAM,cAAc,QAGgD,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,YAAY,EAAE,kBAG1B,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B;;;SAGK;IACL,OAAO,EAAE,OAAO,UAAU,CAAC;IAC3B;;;SAGK;IACL,SAAS,EAAE,OAAO,cAAc,CAAC;CAClC,CAAC"}

package/dist/es6/tokens/lib/type/fontFamilies.js

@@ -1,6 +1,8 @@
-import get from 'lodash/get';
-var inheritFont = typeof window !== 'undefined' && get(window, 'window.workday.canvas.inheritFontFamily');
-var inheritMonoFont = typeof window !== 'undefined' && get(window, 'window.workday.canvas.inheritMonoFontFamily');
+// prettier-ignore
+//@ts-ignore
+var canvasObject = typeof window !== 'undefined' && window.workday && window.workday.canvas && window.workday.canvas;
+var inheritFont = typeof canvasObject !== 'undefined' && canvasObject.inheritFontFamily;
+var inheritMonoFont = typeof canvasObject !== 'undefined' && canvasObject.inheritMonoFontFamily;
 export var fontFamily = inheritFont
     ? 'inherit'
     : '"Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif';

package/dist/es6/tooltip/lib/useTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/useTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmD/B;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAAE,EACtD,IAAc,EACd,SAAc,EACd,SAAe,EACf,SAAe,GAChB,GAAE;IACD;;;;;;;;;;;;;;;OAeG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IACtC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACf;IA8CF,2EAA2E;;;;8BA5B5C,MAAM,cAAc;;6BAazB,gBAAgB;yBARpB,gBAAgB;;;IAmCtC,uDAAuD;;;;;;IAMvD,iEAAiE;;;;;;;EAQpE"}
+{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/useTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmD/B;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAAE,EACtD,IAAc,EACd,SAAc,EACd,SAAe,EACf,SAAe,GAChB,GAAE;IACD;;;;;;;;;;;;;;;OAeG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IACtC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACf;IA+DF,2EAA2E;;;;8BA7C5C,MAAM,cAAc;;6BAazB,gBAAgB;yBARpB,gBAAgB;;;IA0CtC,uDAAuD;;;;;;IAMvD,iEAAiE;;;;;;;EAQpE"}

package/dist/es6/tooltip/lib/useTooltip.js

@@ -77,19 +77,24 @@ export function useTooltip(_a) {
     useCloseOnFullscreenExit(popupModel);
     useCloseOnTargetHidden(popupModel);
     var visible = popupModel.state.visibility !== 'hidden';
+    var targetProps = {
+        // extra description of the target element for assistive technology
+        'aria-describedby': type === 'describe' && visible ? id : undefined,
+        // This will replace the accessible name of the target element
+        'aria-label': type === 'label' ? titleText : undefined,
+        onMouseEnter: onOpenFromTarget,
+        onMouseLeave: onHide,
+        onMouseDown: onMouseDown,
+        onFocus: onFocus,
+        onBlur: onHide,
+    };
+    // remove `aria-describedby` if undefined to not override what's provided
+    if (targetProps['aria-describedby'] === undefined) {
+        delete targetProps['aria-describedby'];
+    }
     return {
         /** Mix these properties into the target element. **Must be an Element** */
-        targetProps: {
-            // extra description of the target element for assistive technology
-            'aria-describedby': type === 'describe' && visible ? id : undefined,
-            // This will replace the accessible name of the target element
-            'aria-label': type === 'label' ? titleText : undefined,
-            onMouseEnter: onOpenFromTarget,
-            onMouseLeave: onHide,
-            onMouseDown: onMouseDown,
-            onFocus: onFocus,
-            onBlur: onHide,
-        },
+        targetProps: targetProps,
         /** Mix these properties into the `Popper` component */
         popperProps: {
             open: visible,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "9.0.0-alpha.344-next.3+55b3fe7a",
+  "version": "9.0.0-alpha.350-next.4+832dc1ee",
   "description": "The parent module that contains all Workday Canvas Kit React components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -49,12 +49,11 @@
     "@emotion/styled": "^11.6.0",
     "@popperjs/core": "^2.5.4",
     "@workday/canvas-colors-web": "^2.0.0",
-    "@workday/canvas-kit-popup-stack": "^9.0.0-alpha.344-next.3+55b3fe7a",
+    "@workday/canvas-kit-popup-stack": "^9.0.0-alpha.350-next.4+832dc1ee",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/design-assets-types": "^0.2.8",
     "chroma-js": "^2.1.0",
     "csstype": "^3.0.2",
-    "lodash": "^4.17.14",
     "polished": "^4.1.3",
     "react-innertext": "^1.1.5",
     "react-virtual": "^2.10.4",
@@ -67,5 +66,5 @@
     "@workday/canvas-accent-icons-web": "^3.0.0",
     "@workday/canvas-applet-icons-web": "^2.0.0"
   },
-  "gitHead": "55b3fe7a6121efe010ccc7dcb961e2274c08c16d"
+  "gitHead": "832dc1ee25b3e7f7bbd551e7566829c823b73aa8"
 }

package/side-panel/lib/SidePanel.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import styled from '@emotion/styled';
-import throttle from 'lodash/throttle';
 
 import {CanvasSystemIcon} from '@workday/design-assets-types';
 import {colors, space, CanvasSpaceValues} from '@workday/canvas-kit-react/tokens';
@@ -169,7 +168,7 @@ export class SidePanel extends React.Component<SidePanelProps, SidePanelState> {
 
   constructor(props: SidePanelProps) {
     super(props);
-    this.handleResize = throttle(this.handleResize.bind(this), 150);
+    this.handleResize = this.handleResize.bind(this);
   }
 
   state = {