@workday/canvas-kit-react 6.8.9 → 6.9.0-next.5

package/dist/commonjs/collection/lib/useSelectionListModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectionListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useSelectionListModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,oBAAY,WAAW,GAAG,KAAK,GAAG,MAAM,EAAE,CAAC;AAE3C,oBAAY,SAAS,GAAG;IACtB,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,SAAS,CAAC;CACrD;AAED,eAAO,MAAM,UAAU,OAAQ,MAAM,kCAAgC,SAAS,YAK7E,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,gBAIpC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,gBAmBnC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;YAoBZ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QADxB,gDAAgD;qBACnC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAC;QAKzB;;;WAGG;;QAIH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAfH,gDAAgD;iBACnC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC;IAKzB;;;OAGG;;IAIH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAfH,gDAAgD;qBACnC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAC;QAKzB;;;WAGG;;QAIH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOL,CAAC"}

package/dist/commonjs/collection/lib/useSelectionListModel.js

@@ -0,0 +1,86 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSelectionListModel = exports.multiSelectionManager = exports.singleSelectionManager = exports.isSelected = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@workday/canvas-kit-react/common");
+var useCursorListModel_1 = require("./useCursorListModel");
+var isSelected = function (id, _a) {
+    var selectedIds = _a.selectedIds, unselectedIds = _a.unselectedIds;
+    if (selectedIds === 'all') {
+        return !unselectedIds.includes(id);
+    }
+    return selectedIds.includes(id);
+};
+exports.isSelected = isSelected;
+exports.singleSelectionManager = {
+    select: function (id) {
+        return { selectedIds: [id], unselectedIds: [] };
+    },
+};
+exports.multiSelectionManager = {
+    select: function (id, _a) {
+        var selectedIds = _a.selectedIds, unselectedIds = _a.unselectedIds;
+        if (selectedIds === 'all') {
+            // If we have all selected, start adding/removing from `unselectedIds`
+            var existingKey = unselectedIds.includes(id);
+            return {
+                selectedIds: 'all',
+                unselectedIds: existingKey
+                    ? unselectedIds.filter(function (key) { return key !== id; })
+                    : unselectedIds.concat(id),
+            };
+        }
+        else {
+            var existingKey = selectedIds.includes(id);
+            return {
+                selectedIds: existingKey ? selectedIds.filter(function (key) { return key !== id; }) : selectedIds.concat(id),
+                unselectedIds: [],
+            };
+        }
+    },
+};
+exports.useSelectionListModel = common_1.createModelHook({
+    defaultConfig: __assign(__assign({}, useCursorListModel_1.useCursorListModel.defaultConfig), { initialSelectedIds: [], initialUnselectedIds: [], selection: exports.singleSelectionManager }),
+    requiredConfig: useCursorListModel_1.useCursorListModel.requiredConfig,
+})(function (config) {
+    var cursor = useCursorListModel_1.useCursorListModel(config);
+    var _a = react_1.default.useState(config.initialSelectedIds), selectedIds = _a[0], setSelectedIds = _a[1];
+    var _b = react_1.default.useState(config.initialUnselectedIds), unselectedIds = _b[0], setUnselectedIds = _b[1];
+    var selection = config.selection;
+    var state = __assign(__assign({}, cursor.state), { selectedIds: selectedIds, unselectedIds: unselectedIds });
+    var events = __assign(__assign({}, cursor.events), { 
+        /** Select a specific item by its identifier. */
+        select: function (data) {
+            var _a = selection.select(data.id, state), selectedIds = _a.selectedIds, unselectedIds = _a.unselectedIds;
+            setSelectedIds(selectedIds);
+            setUnselectedIds(unselectedIds);
+        },
+        /**
+         * Select all items. This will set `selectedIds` to `'all'` and remove all `unselectedIds`.
+         * This is especially useful for virtual lists where not all items are loaded in memory.
+         */
+        selectAll: function () {
+            setSelectedIds('all');
+        },
+        /**
+         * Unselect all items.
+         */
+        unselectAll: function () {
+            setSelectedIds([]);
+        } });
+    return __assign(__assign({}, cursor), { state: state, events: events, selection: selection });
+});

package/dist/commonjs/color-picker/index.js

@@ -1,15 +1,23 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+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);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorPreview = exports.ColorInput = void 0;
 var ColorInput_1 = __importDefault(require("./lib/ColorInput"));
 exports.ColorInput = ColorInput_1.default;
 var ColorPreview_1 = __importDefault(require("./lib/ColorPreview"));
 exports.ColorPreview = ColorPreview_1.default;
-__export(require("./lib/ColorInput"));
-__export(require("./lib/ColorPreview"));
-__export(require("./lib/parts/ColorSwatch"));
+__exportStar(require("./lib/ColorInput"), exports);
+__exportStar(require("./lib/ColorPreview"), exports);
+__exportStar(require("./lib/parts/ColorSwatch"), exports);

package/dist/commonjs/color-picker/lib/ColorInput.js

@@ -10,6 +10,25 @@ var __assign = (this && this.__assign) || function () {
     };
     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)
@@ -21,14 +40,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorInput = void 0;
 var React = __importStar(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
 var tokens_1 = require("@workday/canvas-kit-react/tokens");

package/dist/commonjs/color-picker/lib/ColorPreview.js

@@ -10,6 +10,25 @@ var __assign = (this && this.__assign) || function () {
     };
     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)
@@ -21,17 +40,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorPreview = void 0;
 var React = __importStar(require("react"));
 var ColorInput_1 = __importDefault(require("./ColorInput"));
 var common_1 = require("@workday/canvas-kit-react/common");

package/dist/commonjs/color-picker/lib/parts/ColorSwatch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatch.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/ColorSwatch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAiCD,eAAO,MAAM,WAAW,uEAWvB,CAAC"}
+{"version":3,"file":"ColorSwatch.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/ColorSwatch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAiCD,eAAO,MAAM,WAAW,uCAA8C,gBAAgB,gBAWrF,CAAC"}

package/dist/commonjs/color-picker/lib/parts/ColorSwatch.js

@@ -10,6 +10,25 @@ var __assign = (this && this.__assign) || function () {
     };
     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)
@@ -24,14 +43,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorSwatch = void 0;
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var common_1 = require("@workday/canvas-kit-react/common");
 var chroma_js_1 = __importDefault(require("chroma-js"));
@@ -66,7 +79,8 @@ var Container = styled_1.default('div')({
             : undefined,
     });
 });
-exports.ColorSwatch = function (_a) {
+var ColorSwatch = function (_a) {
     var color = _a.color, _b = _a.showCheck, showCheck = _b === void 0 ? false : _b, elemProps = __rest(_a, ["color", "showCheck"]);
     return (React.createElement(Container, __assign({ color: color, showCheck: showCheck }, elemProps), showCheck && (React.createElement(icon_1.SystemIcon, { fill: common_1.pickForegroundColor(color), fillHover: common_1.pickForegroundColor(color), icon: canvas_system_icons_web_1.checkSmallIcon, color: color }))));
 };
+exports.ColorSwatch = ColorSwatch;

package/dist/commonjs/common/index.js

@@ -1,13 +1,21 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+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 });
-__export(require("./lib/parts"));
-__export(require("./lib/types"));
-__export(require("./lib/theming"));
-__export(require("./lib/styles"));
-__export(require("./lib/utils"));
-__export(require("./lib/CanvasProvider"));
-__export(require("./lib/InputProvider"));
-__export(require("./lib/EllipsisText"));
+__exportStar(require("./lib/parts"), exports);
+__exportStar(require("./lib/types"), exports);
+__exportStar(require("./lib/genericStyles"), exports);
+__exportStar(require("./lib/theming"), exports);
+__exportStar(require("./lib/styles"), exports);
+__exportStar(require("./lib/utils"), exports);
+__exportStar(require("./lib/CanvasProvider"), exports);
+__exportStar(require("./lib/InputProvider"), exports);
+__exportStar(require("./lib/EllipsisText"), exports);

package/dist/commonjs/common/lib/CanvasProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasProvider.d.ts","sourceRoot":"","sources":["../../../../common/lib/CanvasProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAqB,yBAAyB,EAAC,MAAM,WAAW,CAAC;AAExE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,yBAAyB,CAAC;CAClC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CACjD,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CACxD;IACC,MAAM,CAAC,YAAY;;;;MAIjB;IAEF,MAAM;CAcP"}
+{"version":3,"file":"CanvasProvider.d.ts","sourceRoot":"","sources":["../../../../common/lib/CanvasProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAqB,yBAAyB,EAAC,MAAM,WAAW,CAAC;AAExE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,yBAAyB,CAAC;CAClC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CACjD,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CACxD;IACC,MAAM,CAAC,YAAY;;;;MAIjB;IAEF,MAAM;CAeP"}

package/dist/commonjs/common/lib/CanvasProvider.js

@@ -3,7 +3,7 @@ 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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+            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) {
@@ -23,6 +23,25 @@ var __assign = (this && this.__assign) || function () {
     };
     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)
@@ -34,16 +53,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.CanvasProvider = void 0;
 var React = __importStar(require("react"));
-var emotion_theming_1 = require("emotion-theming");
+var react_1 = require("@emotion/react");
 var InputProvider_1 = require("./InputProvider");
 var theming_1 = require("./theming");
 var CanvasProvider = /** @class */ (function (_super) {
@@ -53,7 +66,7 @@ var CanvasProvider = /** @class */ (function (_super) {
     }
     CanvasProvider.prototype.render = function () {
         var _a = this.props, children = _a.children, theme = _a.theme, elemProps = __rest(_a, ["children", "theme"]);
-        return (React.createElement(emotion_theming_1.ThemeProvider, { theme: theme },
+        return (React.createElement(react_1.ThemeProvider, { theme: theme },
             React.createElement(InputProvider_1.InputProvider, null),
             React.createElement("div", __assign({ dir: (theme.canvas && theme.canvas.direction) || theming_1.defaultCanvasTheme.direction }, elemProps), children)));
     };

package/dist/commonjs/common/lib/EllipsisText.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.EllipsisText = exports.ellipsisStyles = void 0;
 var styled_1 = __importDefault(require("@emotion/styled"));
 exports.ellipsisStyles = {
     whiteSpace: 'nowrap',

package/dist/commonjs/common/lib/InputProvider.js

@@ -3,7 +3,7 @@ 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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+            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) {
@@ -12,11 +12,23 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+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 (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    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 __importDefault = (this && this.__importDefault) || function (mod) {
@@ -24,6 +36,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputProvider = exports.inputEventMap = exports.InputEventType = exports.InputType = void 0;
 var React = __importStar(require("react"));
 // @ts-ignore
 var element_closest_1 = __importDefault(require("element-closest"));

package/dist/commonjs/common/lib/genericStyles.d.ts

@@ -1,4 +1,4 @@
-import { CSSObject } from '@emotion/core';
+import { CSSObject } from '@emotion/styled';
 /**
  * Our schema for generic styles for a whole component.
  * Each key corresponds to an emotion styled component (HTML Element)

package/dist/commonjs/common/lib/genericStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"genericStyles.d.ts","sourceRoot":"","sources":["../../../../common/lib/genericStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAExC;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,CAAC;CAC7B;AAED;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE;QACT,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;KAC1B,CAAC;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC1B"}
+{"version":3,"file":"genericStyles.d.ts","sourceRoot":"","sources":["../../../../common/lib/genericStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAE1C;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,CAAC;CAC7B;AAED;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE;QACT,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;KAC1B,CAAC;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC1B"}

package/dist/commonjs/common/lib/parts/_brand-assets.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.miniWdayLogoBlue = exports.wdayLogoWhite = exports.wdayLogoBlue = exports.dubLogoWhite = exports.dubLogoBlue = void 0;
 var CDN_URI = 'https://design.workday.com/images/';
 exports.dubLogoBlue = "<img src=\"" + CDN_URI + "ck-dub-logo-blue.svg\" alt=\"\">";
 exports.dubLogoWhite = "<img src=\"" + CDN_URI + "ck-dub-logo-white.svg\" alt=\"\">";

package/dist/commonjs/common/lib/parts/index.js

@@ -1,6 +1,13 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+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 });
-__export(require("./_brand-assets"));
+__exportStar(require("./_brand-assets"), exports);

package/dist/commonjs/common/lib/styles/accessibleHide.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.accessibleHide = void 0;
 /**
  * A utility to hide content normal users while still making accessible to screenreaders
  * See https://a11y-101.com/development/skip-link

package/dist/commonjs/common/lib/styles/errorRing.d.ts

@@ -1,6 +1,6 @@
 import { EmotionCanvasTheme } from '../theming/index';
 import { ErrorType } from '../types';
-import { CSSObject } from '@emotion/core';
+import { CSSObject } from '@emotion/styled';
 export declare function getErrorColors(error?: ErrorType, theme?: EmotionCanvasTheme): {
     outer: string;
     inner: string;

package/dist/commonjs/common/lib/styles/errorRing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"errorRing.d.ts","sourceRoot":"","sources":["../../../../../common/lib/styles/errorRing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAC,SAAS,EAAC,MAAM,UAAU,CAAC;AACnC,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAQxC,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,kBAAkB;;;;;;EA8B3E;AAED,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAuBlF"}
+{"version":3,"file":"errorRing.d.ts","sourceRoot":"","sources":["../../../../../common/lib/styles/errorRing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAC,SAAS,EAAC,MAAM,UAAU,CAAC;AACnC,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAQ1C,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,kBAAkB;;;;;;EA8B3E;AAED,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAuBlF"}

package/dist/commonjs/common/lib/styles/errorRing.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.errorRing = exports.getErrorColors = void 0;
 var types_1 = require("../types");
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var chroma_js_1 = __importDefault(require("chroma-js"));

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

@@ -1,17 +1,4 @@
-/// <reference types="lodash/common/common" />
-/// <reference types="lodash/common/array" />
-/// <reference types="lodash/common/collection" />
-/// <reference types="lodash/common/date" />
-/// <reference types="lodash/common/function" />
-/// <reference types="lodash/common/lang" />
-/// <reference types="lodash/common/math" />
-/// <reference types="lodash/common/number" />
-/// <reference types="lodash/common/object" />
-/// <reference types="lodash/common/seq" />
-/// <reference types="lodash/common/string" />
-/// <reference types="lodash/common/util" />
-import { CSSObject } from '@emotion/core';
-import { EmotionCanvasTheme } from '../theming/index';
+import { Theme, CSSObject } from '@emotion/react';
 interface FocusRingOptions {
     width?: number;
     separation?: number;
@@ -51,6 +38,6 @@ export declare const memoizedFocusRing: typeof calculateFocusRing & import("loda
  *
  * @returns {CSSObject} the css object for the focus ring style
  */
-export declare function focusRing(options?: FocusRingOptions, theme?: EmotionCanvasTheme): CSSObject;
+export declare function focusRing(options?: FocusRingOptions, theme?: Theme): CSSObject;
 export {};
 //# sourceMappingURL=focusRing.d.ts.map

package/dist/commonjs/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,SAAS,EAAC,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAC,kBAAkB,EAAqB,MAAM,kBAAkB,CAAC;AAGxE,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,kBAAkB,GAAG,SAAS,CA2B/F"}
+{"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"}

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

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@emotion/core");
+exports.focusRing = exports.memoizedFocusRing = void 0;
+var react_1 = require("@emotion/react");
 var tokens_1 = __importDefault(require("@workday/canvas-kit-react/tokens"));
 var index_1 = require("../theming/index");
 var memoize_1 = __importDefault(require("lodash/memoize"));
@@ -28,7 +29,7 @@ function calculateFocusRing(_a) {
             break;
     }
     if (animate) {
-        var fadeIn = core_1.keyframes({
+        var fadeIn = react_1.keyframes({
             '0%': { boxShadow: boxShadow },
             '100%': { boxShadow: boxShadow },
         });

package/dist/commonjs/common/lib/styles/hideMouseFocus.d.ts

@@ -1,8 +1,9 @@
-import { CSSObject, Interpolation } from '@emotion/core';
+import { Interpolation } from '@emotion/react';
+import { CSSProperties } from '@workday/canvas-kit-react/tokens';
 /**
  * A utility to hide the default canvas style focus ring when using mouse input.
  * Requires wrapping your components in an InputProvider component.
  */
-export declare const hideMouseFocus: CSSObject;
-export declare const mouseFocusBehavior: (selectors: Record<string, Interpolation<undefined>>) => Record<string, Interpolation<undefined>>;
+export declare const hideMouseFocus: CSSProperties;
+export declare const mouseFocusBehavior: (selectors: Record<string, Interpolation<any>>) => Record<string, Interpolation<any>>;
 //# sourceMappingURL=hideMouseFocus.d.ts.map

package/dist/commonjs/common/lib/styles/hideMouseFocus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hideMouseFocus.d.ts","sourceRoot":"","sources":["../../../../../common/lib/styles/hideMouseFocus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,aAAa,EAAC,MAAM,eAAe,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,SAQ5B,CAAC;AAYF,eAAO,MAAM,kBAAkB,mGAgB9B,CAAC"}
+{"version":3,"file":"hideMouseFocus.d.ts","sourceRoot":"","sources":["../../../../../common/lib/styles/hideMouseFocus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAE/D;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,aAQ5B,CAAC;AAYF,eAAO,MAAM,kBAAkB,cAClB,OAAO,MAAM,EAAE,cAAc,GAAG,CAAC,CAAC,KAC5C,OAAO,MAAM,EAAE,cAAc,GAAG,CAAC,CAcnC,CAAC"}

package/dist/commonjs/common/lib/styles/hideMouseFocus.js

@@ -1,6 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.mouseFocusBehavior = exports.hideMouseFocus = void 0;
 /**
  * A utility to hide the default canvas style focus ring when using mouse input.
  * Requires wrapping your components in an InputProvider component.
@@ -22,7 +23,7 @@ exports.hideMouseFocus = (_a = {},
        }
    },
  */
-exports.mouseFocusBehavior = function (selectors) {
+var mouseFocusBehavior = function (selectors) {
     var output = {};
     Object.keys(selectors).map(function (selector, index) {
         selector.split(',').forEach(function (selectorPart) {
@@ -32,3 +33,4 @@ exports.mouseFocusBehavior = function (selectors) {
     });
     return output;
 };
+exports.mouseFocusBehavior = mouseFocusBehavior;

package/dist/commonjs/common/lib/styles/index.js

@@ -1,9 +1,16 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+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 });
-__export(require("./accessibleHide"));
-__export(require("./errorRing"));
-__export(require("./focusRing"));
-__export(require("./hideMouseFocus"));
+__exportStar(require("./accessibleHide"), exports);
+__exportStar(require("./errorRing"), exports);
+__exportStar(require("./focusRing"), exports);
+__exportStar(require("./hideMouseFocus"), exports);

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.only = exports.between = exports.down = exports.up = exports.breakpoints = exports.breakpointKeys = exports.BreakpointKey = void 0;
 var BreakpointKey;
 (function (BreakpointKey) {
     BreakpointKey["zero"] = "zero";