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

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.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.CollapsibleList = void 0;
 var react_1 = __importStar(require("react"));
 // local components
 var Dropdown_1 = require("../Dropdown");
@@ -42,7 +55,7 @@ var parseListItems = function (children) {
     var collapsibleItems = childArray.slice(1, -1);
     return { rootItem: rootItem, collapsibleItems: collapsibleItems, currentItem: currentItem };
 };
-exports.CollapsibleList = function (_a) {
+var CollapsibleList = function (_a) {
     var children = _a.children, buttonIcon = _a.buttonIcon, buttonAriaLabel = _a.buttonAriaLabel, maxWidth = _a.maxWidth, props = __rest(_a, ["children", "buttonIcon", "buttonAriaLabel", "maxWidth"]);
     // refs
     var listRef = react_1.useRef(null);
@@ -62,3 +75,4 @@ exports.CollapsibleList = function (_a) {
         }),
         currentItem));
 };
+exports.CollapsibleList = CollapsibleList;

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CurrentItem.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/CurrentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;IAC3E;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAgBD,eAAO,MAAM,WAAW,yEA8BvB,CAAC"}
+{"version":3,"file":"CurrentItem.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/CurrentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;IAC3E;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAiBD,eAAO,MAAM,WAAW,yCAAwC,gBAAgB,gBA8B/E,CAAC"}

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.js

@@ -25,6 +25,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.CurrentItem = void 0;
 var react_1 = __importDefault(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
@@ -32,11 +33,11 @@ var tooltip_1 = require("@workday/canvas-kit-react/tooltip");
 var popup_1 = require("@workday/canvas-kit-react/popup");
 var hooks_1 = require("./hooks");
 var styles_1 = require("./styles");
-var ListItem = common_1.styled('li')(__assign({ display: 'flex', alignItems: 'center', flexDirection: 'column', textAlign: 'left' }, tokens_1.type.levels.subtext.large), function (_a) {
+var ListItem = common_1.styled('li')(__assign(__assign({ display: 'flex', alignItems: 'center', flexDirection: 'column', textAlign: 'left' }, tokens_1.type.levels.subtext.large), { fontWeight: 500 }), function (_a) {
     var maxWidth = _a.maxWidth;
     return (__assign({}, styles_1.truncateStyles(maxWidth)));
 });
-exports.CurrentItem = function (_a) {
+var CurrentItem = function (_a) {
     var children = _a.children, maxWidth = _a.maxWidth, elemProps = __rest(_a, ["children", "maxWidth"]);
     var ref = react_1.default.useRef(null);
     var _b = hooks_1.useTruncateTooltip(ref), isTooltipOpen = _b.isTooltipOpen, openTooltip = _b.openTooltip, closeTooltip = _b.closeTooltip, shouldShowTooltip = _b.shouldShowTooltip, tooltipProps = _b.tooltipProps;
@@ -45,3 +46,4 @@ exports.CurrentItem = function (_a) {
         react_1.default.createElement(popup_1.Popper, { open: isTooltipOpen, anchorElement: ref, placement: "top" },
             react_1.default.createElement(tooltip_1.TooltipContainer, __assign({}, tooltipProps), children))));
 };
+exports.CurrentItem = CurrentItem;

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAeD,eAAO,MAAM,cAAc,iGA+C1B,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAeD,eAAO,MAAM,cAAc,8DAOxB,mBAAmB,gBAwCrB,CAAC"}

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.js

@@ -25,6 +25,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.BreadcrumbLink = void 0;
 var react_1 = __importDefault(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
 var button_1 = require("@workday/canvas-kit-react/button");
@@ -38,7 +39,7 @@ var StyledLink = common_1.styled(button_1.Hyperlink)(__assign({}, subtextLargeSt
     var maxWidth = _a.maxWidth;
     return (__assign({}, styles_1.truncateStyles(maxWidth)));
 });
-exports.BreadcrumbLink = function (_a) {
+var BreadcrumbLink = function (_a) {
     var maxWidth = _a.maxWidth, onAction = _a.onAction, onClick = _a.onClick, href = _a.href, children = _a.children, props = __rest(_a, ["maxWidth", "onAction", "onClick", "href", "children"]);
     var ref = react_1.default.useRef(null);
     var _b = hooks_1.useTruncateTooltip(ref), isTooltipOpen = _b.isTooltipOpen, openTooltip = _b.openTooltip, closeTooltip = _b.closeTooltip, tooltipProps = _b.tooltipProps;
@@ -62,3 +63,4 @@ exports.BreadcrumbLink = function (_a) {
         react_1.default.createElement(popup_1.Popper, { open: isTooltipOpen, anchorElement: ref, placement: "top" },
             react_1.default.createElement(tooltip_1.TooltipContainer, __assign({}, tooltipProps), children))));
 };
+exports.BreadcrumbLink = BreadcrumbLink;

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import React from 'react';
 export declare type ListItemProps = React.HTMLAttributes<HTMLLIElement>;
 export declare const BreadcrumbsListItem: ({ children, ...props }: ListItemProps) => JSX.Element;

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/ListItem.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,oBAAY,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;AAOhE,eAAO,MAAM,mBAAmB,wDAe/B,CAAC"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,oBAAY,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;AAEhE,eAAO,MAAM,mBAAmB,wDAmB/B,CAAC"}

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.js

@@ -21,21 +21,23 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+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.BreadcrumbsListItem = void 0;
+var react_1 = __importDefault(require("react"));
 var icon_1 = require("@workday/canvas-kit-react/icon");
 var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var hooks_1 = require("../hooks");
-var breadcrumbItemStyles = core_1.css({
-    display: "flex",
-    alignItems: "center",
-});
-exports.BreadcrumbsListItem = function (_a) {
+var layout_1 = require("@workday/canvas-kit-react/layout");
+var BreadcrumbsListItem = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
     var shouldUseRTL = hooks_1.useRTL().shouldUseRTL;
     var icon = shouldUseRTL ? canvas_system_icons_web_1.chevronLeftSmallIcon : canvas_system_icons_web_1.chevronRightSmallIcon;
-    return (core_1.jsx("li", __assign({ css: breadcrumbItemStyles }, props),
+    return (react_1.default.createElement(layout_1.Flex, __assign({ as: "li", alignItems: "center" }, props),
         children,
-        core_1.jsx(icon_1.SystemIcon, { icon: icon, color: tokens_1.colors.licorice200, colorHover: tokens_1.colors.licorice200, "aria-hidden": true })));
+        react_1.default.createElement(icon_1.SystemIcon, { icon: icon, color: tokens_1.colors.licorice200, colorHover: tokens_1.colors.licorice200, size: 20, height: 32, width: 32, styles: { justifyContent: 'center', alignItems: 'center', display: 'inline-flex' }, "aria-hidden": true })));
 };
+exports.BreadcrumbsListItem = BreadcrumbsListItem;

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts

@@ -9,7 +9,7 @@ export declare const useBuildCollapsedList: <E extends HTMLElement>(listEl: Reac
 };
 export declare const useTruncateTooltip: (ref?: React.RefObject<HTMLSpanElement> | undefined) => {
     isTooltipOpen: boolean;
-    openTooltip: (event: React.MouseEvent<Element, MouseEvent> | React.FocusEvent<Element, Element>) => void;
+    openTooltip: (event: React.MouseEvent | React.FocusEvent) => void;
     closeTooltip: () => void;
     shouldShowTooltip: boolean;
     tooltipProps: {

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAG5E,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAEpC,eAAO,MAAM,WAAW;;CASvB,CAAC;AA2BF,eAAO,MAAM,qBAAqB;;;CAsCjC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;CAgC9B,CAAC"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAG5E,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAEpC,eAAO,MAAM,WAAW;;CASvB,CAAC;AA2BF,eAAO,MAAM,qBAAqB,gEAEtB,MAAM,SAAS,YACf,MAAM;;;CAmCjB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;yBASD,gBAAgB,GAAG,gBAAgB;;;;;;CAuBhE,CAAC"}

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.js

@@ -1,15 +1,28 @@
 "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 __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;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTruncateTooltip = exports.useBuildCollapsedList = exports.useCollapse = void 0;
 var react_1 = __importStar(require("react"));
 var Link_1 = require("./Link");
-exports.useCollapse = function (listEl, maxWidth) {
+var useCollapse = function (listEl, maxWidth) {
     if (maxWidth === void 0) { maxWidth = 0; }
     var _a = react_1.useState(false), shouldCollapseList = _a[0], setShouldCollapseList = _a[1];
     react_1.useLayoutEffect(function () {
@@ -19,6 +32,7 @@ exports.useCollapse = function (listEl, maxWidth) {
     }, [listEl, maxWidth]);
     return { shouldCollapseList: shouldCollapseList };
 };
+exports.useCollapse = useCollapse;
 var getBreadcrumbLink = function (breadcrumb) {
     return react_1.Children.toArray(breadcrumb.props.children).filter(function (child) {
         return react_1.default.isValidElement(child) && child.type === Link_1.BreadcrumbLink;
@@ -37,7 +51,7 @@ var buildCollapsedList = function (list, containerWidth, maxWidth, collapsedList
     var adjustedWidth = containerWidth - firstCrumb.width;
     return buildCollapsedList(restList, adjustedWidth, maxWidth, updatedCollapsedList);
 };
-exports.useBuildCollapsedList = function (listEl, children, maxWidth) {
+var useBuildCollapsedList = function (listEl, children, maxWidth) {
     var _a = react_1.useState([]), collapsedItems = _a[0], setCollapsedItems = _a[1];
     react_1.useLayoutEffect(function () {
         var listItemNodes = listEl.current ? listEl.current.querySelectorAll('li') : [];
@@ -69,7 +83,8 @@ exports.useBuildCollapsedList = function (listEl, children, maxWidth) {
     var collapsedItemIndices = collapsedItems.map(function (child) { return child.index; });
     return { collapsedItems: collapsedItems, collapsedItemIndices: collapsedItemIndices };
 };
-exports.useTruncateTooltip = function (ref) {
+exports.useBuildCollapsedList = useBuildCollapsedList;
+var useTruncateTooltip = function (ref) {
     var _a = react_1.useState(false), isTooltipOpen = _a[0], setIsTooltipOpen = _a[1];
     var _b = react_1.useState(false), shouldShowTooltip = _b[0], setShouldShowTooltip = _b[1];
     react_1.useEffect(function () {
@@ -98,3 +113,4 @@ exports.useTruncateTooltip = function (ref) {
         tooltipProps: tooltipProps,
     };
 };
+exports.useTruncateTooltip = useTruncateTooltip;

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.d.ts

@@ -1,5 +1,4 @@
-/** @jsx jsx */
 import React from 'react';
 export declare type BreadcrumbsListProps = React.HTMLAttributes<HTMLUListElement>;
-export declare const BreadcrumbsList: React.ForwardRefExoticComponent<BreadcrumbsListProps & React.RefAttributes<HTMLUListElement>>;
+export declare const BreadcrumbsList: import("@workday/canvas-kit-react/common").ElementComponent<"ul", BreadcrumbsListProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/index.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,KAAmB,MAAM,OAAO,CAAC;AAcxC,oBAAY,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAE1E,eAAO,MAAM,eAAe,+FAQ3B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oBAAY,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAE1E,eAAO,MAAM,eAAe,yFAqB1B,CAAC"}

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.js

@@ -21,21 +21,18 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-/** @jsx jsx */
-var react_1 = require("react");
-var core_1 = require("@emotion/core");
-var breadcrumbListStyles = core_1.css({
-    alignItems: 'center',
-    boxSizing: 'border-box',
-    display: 'inline-flex',
-    // minHeight set to keep the nav from bouncing when the icon button appears / disappears
-    minHeight: 40,
-    listStyle: 'none',
-    margin: 0,
-    padding: 0,
-});
-exports.BreadcrumbsList = react_1.forwardRef(function (_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (core_1.jsx("ul", __assign({ css: breadcrumbListStyles, role: "list", ref: ref }, props), children));
+exports.BreadcrumbsList = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@workday/canvas-kit-react/common");
+var layout_1 = require("@workday/canvas-kit-react/layout");
+exports.BreadcrumbsList = common_1.createComponent('ul')({
+    displayName: 'BreadcrumbsList',
+    Component: function (_a, ref) {
+        var children = _a.children, elemProps = __rest(_a, ["children"]);
+        return (react_1.default.createElement(layout_1.Flex, __assign({ padding: "zero", margin: "zero", display: "inline-flex", alignItems: "center", minHeight: 40, listStyle: "none", style: { boxSizing: 'border-box' }, as: "ul", role: "list", ref: ref }, elemProps), children));
+    },
 });

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts

@@ -1,3 +1,3 @@
-import { CSSObject } from '@emotion/core';
+import { CSSObject } from '@emotion/styled';
 export declare const truncateStyles: (maxWidth?: number) => CSSObject;
 //# sourceMappingURL=styles.d.ts.map

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAKxC,eAAO,MAAM,cAAc,kCAMzB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAK1C,eAAO,MAAM,cAAc,cAAc,MAAM,KAAuB,SAMpE,CAAC"}

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.truncateStyles = void 0;
 // default max-width for truncating text
 var DEFAULT_MAX_WIDTH = 350;
-exports.truncateStyles = function (maxWidth) {
+var truncateStyles = function (maxWidth) {
     if (maxWidth === void 0) { maxWidth = DEFAULT_MAX_WIDTH; }
     return ({
         display: 'inline-block',
@@ -12,3 +13,4 @@ exports.truncateStyles = function (maxWidth) {
         whiteSpace: 'nowrap',
     });
 };
+exports.truncateStyles = truncateStyles;

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/Breadcrumbs/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E;;;;OAIG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,iFAE1B,CAAC"}
+{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/Breadcrumbs/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E;;;;OAIG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,8CAA6C,mBAAmB,gBAE1F,CAAC"}

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Nav.js

@@ -25,8 +25,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.BreadcrumbsNav = void 0;
 var react_1 = __importDefault(require("react"));
-exports.BreadcrumbsNav = function (_a) {
+var BreadcrumbsNav = function (_a) {
     var ariaLabel = _a["aria-label"], elemProps = __rest(_a, ['aria-label']);
     return react_1.default.createElement("nav", __assign({ role: "navigation", "aria-label": ariaLabel }, elemProps));
 };
+exports.BreadcrumbsNav = BreadcrumbsNav;

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/hooks.js

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRTL = void 0;
 var common_1 = require("@workday/canvas-kit-react/common");
-exports.useRTL = function (partialTheme) {
+var useRTL = function (partialTheme) {
     var theme = common_1.useTheme(partialTheme);
     var shouldUseRTL = theme.canvas.direction === common_1.ContentDirection.RTL;
     return {
         shouldUseRTL: shouldUseRTL,
     };
 };
+exports.useRTL = useRTL;

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="@emotion/core" />
 export declare const Breadcrumbs: {
     Nav: ({ "aria-label": ariaLabel, ...elemProps }: import("./Nav").BreadcrumbsNavProps) => JSX.Element;
     CollapsibleList: ({ children, buttonIcon, buttonAriaLabel, maxWidth, ...props }: import("./List/Collapsible").CollapsibleListProps) => JSX.Element;
-    List: import("react").ForwardRefExoticComponent<import("./List").BreadcrumbsListProps & import("react").RefAttributes<HTMLUListElement>>;
+    List: import("@workday/canvas-kit-react/common").ElementComponent<"ul", import("./List").BreadcrumbsListProps>;
     ListItem: ({ children, ...props }: import("./List/ListItem").ListItemProps) => JSX.Element;
     Link: ({ maxWidth, onAction, onClick, href, children, ...props }: import("./List/Link").BreadcrumbLinkProps) => JSX.Element;
     CurrentItem: ({ children, maxWidth, ...elemProps }: import("./List/CurrentItem").CurrentItemProps) => JSX.Element;

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/Breadcrumbs/index.tsx"],"names":[],"mappings":";AAOA,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAC"}

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Breadcrumbs = void 0;
 var CurrentItem_1 = require("./List/CurrentItem");
 var Link_1 = require("./List/Link");
 var Nav_1 = require("./Nav");

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

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorPicker = exports.default = void 0;
 var ColorPicker_1 = require("./lib/ColorPicker");
-exports.default = ColorPicker_1.default;
-exports.ColorPicker = ColorPicker_1.default;
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ColorPicker_1).default; } });
+Object.defineProperty(exports, "ColorPicker", { enumerable: true, get: function () { return __importDefault(ColorPicker_1).default; } });

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

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../color-picker/lib/ColorPicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E;;OAEG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAsGD,QAAA,MAAM,WAAW;;;CAsDhB,CAAC;AAGF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../color-picker/lib/ColorPicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E;;OAEG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAsGD,QAAA,MAAM,WAAW;kKAYd,gBAAgB;;CA0ClB,CAAC;AAGF,eAAe,WAAW,CAAC"}

package/dist/commonjs/color-picker/lib/ColorPicker.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,13 +40,6 @@ 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 };
 };
@@ -114,7 +126,7 @@ var ColorInputAndLabel = styled_1.default(form_field_1.default)({
     flexDirection: 'column',
     margin: 0,
 });
-var CheckButton = styled_1.default(button_1.IconButton)({
+var CheckButton = styled_1.default(button_1.SecondaryButton)({
     alignSelf: 'flex-end',
 });
 var HexColorInput = styled_1.default(color_picker_1.ColorInput)({
@@ -149,7 +161,7 @@ var ColorPicker = function (_a) {
         showCustomHexInput && (React.createElement(ColorInputWrapper, { onSubmit: onSubmit },
             React.createElement(ColorInputAndLabel, { label: customHexInputLabel },
                 React.createElement(HexColorInput, { onChange: onCustomHexChange, onValidColorChange: onValidCustomHexChange, value: customHexValue, showCheck: value === validHexValue || value === customHexValue })),
-            React.createElement(CheckButton, { "aria-label": submitLabel, variant: "circleFilled", icon: canvas_system_icons_web_1.checkIcon })))));
+            React.createElement(CheckButton, { "aria-label": submitLabel, icon: canvas_system_icons_web_1.checkIcon })))));
 };
 ColorPicker.defaultColorSet = defaultColorSet;
 exports.default = ColorPicker;

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

@@ -1 +1 @@
-{"version":3,"file":"ColorReset.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/ColorReset.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAoCD,eAAO,MAAM,WAAW,mEASvB,CAAC"}
+{"version":3,"file":"ColorReset.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/ColorReset.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAoCD,eAAO,MAAM,WAAW,mCAAkC,gBAAgB,gBASzE,CAAC"}

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

@@ -10,17 +10,30 @@ 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 (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) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResetButton = void 0;
 var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
@@ -34,10 +47,11 @@ var Container = styled_1.default('button')(__assign(__assign(__assign({ display:
     }, '&:active': {
         backgroundColor: tokens_1.colors.soap400,
     }, '&:focus': __assign({}, common_1.focusRing()) }), common_1.hideMouseFocus));
-exports.ResetButton = function (_a) {
+var ResetButton = function (_a) {
     var onClick = _a.onClick, resetColor = _a.resetColor, label = _a.label;
     var handleResetColor = function () { return onClick(resetColor); };
     return (React.createElement(Container, { onClick: handleResetColor },
         React.createElement(color_picker_1.ColorSwatch, { color: resetColor }),
         React.createElement(Label, null, label)));
 };
+exports.ResetButton = ResetButton;

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

@@ -1 +1 @@
-{"version":3,"file":"SwatchBook.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/SwatchBook.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAkDD,eAAO,MAAM,UAAU,+DAsBtB,CAAC"}
+{"version":3,"file":"SwatchBook.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/SwatchBook.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAkDD,eAAO,MAAM,UAAU,gCAA+B,eAAe,gBAsBpE,CAAC"}

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

@@ -10,17 +10,30 @@ 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 (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) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwatchBook = void 0;
 var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
@@ -59,7 +72,7 @@ var Container = styled_1.default('div')({
     flexWrap: 'wrap',
     margin: "0px -" + tokens_1.space.xxs + " -" + tokens_1.space.xxs + " 0px",
 });
-exports.SwatchBook = function (_a) {
+var SwatchBook = function (_a) {
     var colors = _a.colors, value = _a.value, onSelect = _a.onSelect;
     return (React.createElement(Container, null, colors.map(function (color, index) {
         var isSelected = value ? color.toLowerCase() === value.toLowerCase() : false;
@@ -71,3 +84,4 @@ exports.SwatchBook = function (_a) {
             React.createElement(color_picker_1.ColorSwatch, { color: color, showCheck: isSelected })));
     })));
 };
+exports.SwatchBook = SwatchBook;

package/dist/commonjs/form-field/index.js

@@ -1,7 +1,14 @@
 "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/FormField"));
-__export(require("./lib/hooks/"));
+__exportStar(require("./lib/FormField"), exports);
+__exportStar(require("./lib/hooks/"), exports);