@workday/canvas-kit-react 9.0.0-alpha.368-next.6 → 9.0.0-alpha.382-next.2

package/dist/commonjs/toast/lib/ToastBody.js

@@ -1,38 +1,15 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToastBody = 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");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const layout_1 = require("@workday/canvas-kit-react/layout");
 exports.ToastBody = common_1.createComponent('div')({
     displayName: 'Toast.Body',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, elemProps = __rest(_a, ["children"]);
-        return (react_1.default.createElement(layout_1.Flex, __assign({ alignItems: "flex-start", flexDirection: "column", justifyContent: "center", paddingY: "s", ref: ref, as: Element, flexGrow: 1, gap: "xxxs" }, elemProps), children));
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (react_1.default.createElement(layout_1.Flex, Object.assign({ alignItems: "flex-start", flexDirection: "column", justifyContent: "center", paddingY: "s", ref: ref, as: Element, flexGrow: 1, gap: "xxxs" }, elemProps), children));
     },
 });

package/dist/commonjs/toast/lib/ToastCloseIcon.js

@@ -1,26 +1,15 @@
 "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.ToastCloseIcon = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var popup_1 = require("@workday/canvas-kit-react/popup");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const popup_1 = require("@workday/canvas-kit-react/popup");
 exports.ToastCloseIcon = common_1.createComponent('button')({
     displayName: 'Toast.CloseIcon',
-    Component: function (elemProps, ref, Element) {
-        return (react_1.default.createElement(popup_1.Popup.CloseIcon, __assign({ as: Element, ref: ref, size: "small", position: "relative" }, elemProps)));
+    Component: (elemProps, ref, Element) => {
+        return (react_1.default.createElement(popup_1.Popup.CloseIcon, Object.assign({ as: Element, ref: ref, size: "small", position: "relative" }, elemProps)));
     },
 });

package/dist/commonjs/toast/lib/ToastIcon.js

@@ -1,26 +1,15 @@
 "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.ToastIcon = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var icon_1 = require("@workday/canvas-kit-react/icon");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const icon_1 = require("@workday/canvas-kit-react/icon");
 exports.ToastIcon = common_1.createComponent('div')({
     displayName: 'Toast.Icon',
-    Component: function (elemProps, ref, Element) {
-        return (react_1.default.createElement(icon_1.SystemIcon, __assign({ colorHover: elemProps.color, marginY: "s", marginX: "xs", alignSelf: "start", ref: ref, as: Element }, elemProps)));
+    Component: (elemProps, ref, Element) => {
+        return (react_1.default.createElement(icon_1.SystemIcon, Object.assign({ colorHover: elemProps.color, marginY: "s", marginX: "xs", alignSelf: "start", ref: ref, as: Element }, elemProps)));
     },
 });

package/dist/commonjs/toast/lib/ToastLink.js

@@ -1,38 +1,15 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToastLink = 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");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const button_1 = require("@workday/canvas-kit-react/button");
 exports.ToastLink = common_1.createComponent('a')({
     displayName: 'Toast.Link',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, href = _a.href, elemProps = __rest(_a, ["children", "href"]);
-        return (react_1.default.createElement(button_1.Hyperlink, __assign({ ref: ref, href: href, as: Element }, elemProps), children));
+    Component: ({ children, href, ...elemProps }, ref, Element) => {
+        return (react_1.default.createElement(button_1.Hyperlink, Object.assign({ ref: ref, href: href, as: Element }, elemProps), children));
     },
 });

package/dist/commonjs/toast/lib/ToastMessage.js

@@ -1,38 +1,15 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToastMessage = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var useToastModel_1 = require("./hooks/useToastModel");
-var text_1 = require("@workday/canvas-kit-react/text");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const useToastModel_1 = require("./hooks/useToastModel");
+const text_1 = require("@workday/canvas-kit-react/text");
 exports.ToastMessage = common_1.createSubcomponent('p')({
     modelHook: useToastModel_1.useToastModel,
-})(function (_a, Element, model) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return (react_1.default.createElement(text_1.Subtext, __assign({ size: "large", wordBreak: "break-word", marginY: "zero", id: model.state.id, as: Element }, elemProps), children));
+})(({ children, ...elemProps }, Element, model) => {
+    return (react_1.default.createElement(text_1.Subtext, Object.assign({ size: "large", wordBreak: "break-word", marginY: "zero", id: model.state.id, as: Element }, elemProps), children));
 });

package/dist/commonjs/toast/lib/hooks/useToastModel.js

@@ -1,18 +1,7 @@
 "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);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useToastModel = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
+const common_1 = require("@workday/canvas-kit-react/common");
 exports.useToastModel = common_1.createModelHook({
     defaultConfig: {
         /**
@@ -30,8 +19,11 @@ exports.useToastModel = common_1.createModelHook({
          */
         id: '',
     },
-})(function (config) {
-    var id = common_1.useUniqueId(config.id);
-    var state = __assign(__assign({}, config), { id: id });
-    return { state: state, events: {} };
+})(config => {
+    const id = common_1.useUniqueId(config.id);
+    const state = {
+        ...config,
+        id,
+    };
+    return { state, events: {} };
 });

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

@@ -410,6 +410,6 @@ export declare const canvas: {
     };
 };
 export * from '@workday/canvas-colors-web';
-export { borderRadius, colors, gradients, depth, space, spaceNumbers, type, fontFamily, monoFontFamily, BrandingColor, CanvasDepth, CanvasDepthValues, CSSProperties, };
-export type { CanvasBorderRadius, CanvasBorderRadiusKeys, CanvasBorderRadiusValues, CanvasColor, CanvasSpace, CanvasSpaceKeys, CanvasSpaceValues, CanvasSpaceNumberValues, CanvasSpaceNumbers, CanvasType, CanvasTypeProperties, CanvasTypeVariants, CanvasTypeHierarchy, };
+export { borderRadius, colors, gradients, depth, space, spaceNumbers, type, fontFamily, monoFontFamily, BrandingColor, };
+export type { CanvasBorderRadius, CanvasBorderRadiusKeys, CanvasBorderRadiusValues, CanvasColor, CanvasDepth, CanvasDepthValues, CanvasSpace, CanvasSpaceKeys, CanvasSpaceValues, CanvasSpaceNumberValues, CanvasSpaceNumbers, CanvasType, CanvasTypeProperties, CanvasTypeVariants, CanvasTypeHierarchy, CSSProperties, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,MAAM,EAEN,SAAS,EAKV,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAC,YAAY,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,wBAAwB,EAAC,MAAM,cAAc,CAAC;AAChH,OAAO,EAAC,aAAa,EAAE,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAC,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAC,MAAM,aAAa,CAAC;AAClE,OAAO,EACL,KAAK,EACL,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,YAAY,EACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAC,IAAI,EACV,UAAU,EACV,cAAc,EACd,UAAU,EACV,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAE1C,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBlB,CAAC;AAEF,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EACL,YAAY,EACZ,MAAM,EACN,SAAS,EACT,KAAK,EACL,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,UAAU,EACV,cAAc,EACd,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,aAAa,GACd,CAAC;AAEF,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,WAAW,EACX,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,UAAU,EACV,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,GACpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,MAAM,EAEN,SAAS,EAKV,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAC,YAAY,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,wBAAwB,EAAC,MAAM,cAAc,CAAC;AAChH,OAAO,EAAC,aAAa,EAAE,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAC,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAC,MAAM,aAAa,CAAC;AAClE,OAAO,EACL,KAAK,EACL,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,YAAY,EACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAC,IAAI,EACV,UAAU,EACV,cAAc,EACd,UAAU,EACV,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAE1C,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBlB,CAAC;AAEF,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EACL,YAAY,EACZ,MAAM,EACN,SAAS,EACT,KAAK,EACL,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,UAAU,EACV,cAAc,EACd,aAAa,GACd,CAAC;AAEF,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,UAAU,EACV,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACnB,aAAa,GACd,CAAA"}

package/dist/commonjs/tokens/index.js

@@ -11,19 +11,19 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BrandingColor = exports.monoFontFamily = exports.fontFamily = exports.type = exports.spaceNumbers = exports.space = exports.depth = exports.gradients = exports.colors = exports.borderRadius = exports.canvas = void 0;
-var canvas_colors_web_1 = require("@workday/canvas-colors-web");
+const canvas_colors_web_1 = require("@workday/canvas-colors-web");
 Object.defineProperty(exports, "colors", { enumerable: true, get: function () { return canvas_colors_web_1.colors; } });
 Object.defineProperty(exports, "gradients", { enumerable: true, get: function () { return canvas_colors_web_1.gradients; } });
-var radius_1 = require("./lib/radius");
+const radius_1 = require("./lib/radius");
 Object.defineProperty(exports, "borderRadius", { enumerable: true, get: function () { return radius_1.borderRadius; } });
-var colors_types_1 = require("./lib/colors.types");
+const colors_types_1 = require("./lib/colors.types");
 Object.defineProperty(exports, "BrandingColor", { enumerable: true, get: function () { return colors_types_1.BrandingColor; } });
-var depth_1 = require("./lib/depth");
+const depth_1 = require("./lib/depth");
 Object.defineProperty(exports, "depth", { enumerable: true, get: function () { return depth_1.depth; } });
-var space_1 = require("./lib/space");
+const space_1 = require("./lib/space");
 Object.defineProperty(exports, "space", { enumerable: true, get: function () { return space_1.space; } });
 Object.defineProperty(exports, "spaceNumbers", { enumerable: true, get: function () { return space_1.spaceNumbers; } });
-var type_1 = require("./lib/type");
+const type_1 = require("./lib/type");
 Object.defineProperty(exports, "type", { enumerable: true, get: function () { return type_1.type; } });
 Object.defineProperty(exports, "fontFamily", { enumerable: true, get: function () { return type_1.fontFamily; } });
 Object.defineProperty(exports, "monoFontFamily", { enumerable: true, get: function () { return type_1.monoFontFamily; } });

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

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.fontFamilies = exports.monoFontFamily = exports.fontFamily = void 0;
 // 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;
+const canvasObject = typeof window !== 'undefined' && window.workday && window.workday.canvas && window.workday.canvas;
+const inheritFont = typeof canvasObject !== 'undefined' && canvasObject.inheritFontFamily;
+const inheritMonoFont = typeof canvasObject !== 'undefined' && canvasObject.inheritMonoFontFamily;
 exports.fontFamily = inheritFont
     ? 'inherit'
     : '"Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif';

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

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.type = exports.monoFontFamily = exports.fontFamily = void 0;
-var fontFamilies_1 = require("./fontFamilies");
-var fontSizes_1 = require("./fontSizes");
-var fontWeights_1 = require("./fontWeights");
-var levels_1 = require("./levels");
-var variants_1 = require("./variants");
+const fontFamilies_1 = require("./fontFamilies");
+const fontSizes_1 = require("./fontSizes");
+const fontWeights_1 = require("./fontWeights");
+const levels_1 = require("./levels");
+const variants_1 = require("./variants");
 var fontFamilies_2 = require("./fontFamilies");
 Object.defineProperty(exports, "fontFamily", { enumerable: true, get: function () { return fontFamilies_2.fontFamily; } });
 Object.defineProperty(exports, "monoFontFamily", { enumerable: true, get: function () { return fontFamilies_2.monoFontFamily; } });
@@ -23,7 +23,7 @@ Object.defineProperty(exports, "monoFontFamily", { enumerable: true, get: functi
  *
  * You can find more detailed information by inspecting individual properties.
  */
-var properties = {
+const properties = {
     fontFamilies: fontFamilies_1.fontFamilies,
     fontSizes: fontSizes_1.fontSizes,
     fontWeights: fontWeights_1.fontWeights,
@@ -41,6 +41,6 @@ var properties = {
  * */
 exports.type = {
     levels: levels_1.levels,
-    properties: properties,
+    properties,
     variants: variants_1.variants,
 };

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.levels = void 0;
-var canvas_colors_web_1 = require("@workday/canvas-colors-web");
-var fontFamilies_1 = require("./fontFamilies");
-var fontSizes_1 = require("./fontSizes");
-var fontWeights_1 = require("./fontWeights");
+const canvas_colors_web_1 = require("@workday/canvas-colors-web");
+const fontFamilies_1 = require("./fontFamilies");
+const fontSizes_1 = require("./fontSizes");
+const fontWeights_1 = require("./fontWeights");
 /** ### Canvas Type Hierarchy
  * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
  *

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.variants = void 0;
-var canvas_colors_web_1 = require("@workday/canvas-colors-web");
+const canvas_colors_web_1 = require("@workday/canvas-colors-web");
 /** ### Canvas Type Variants
  * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
  *

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

@@ -1,15 +1,4 @@
 "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 __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]; } });
@@ -29,30 +18,19 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OverflowTooltip = exports.findEllipsisElement = exports.findOverflowElement = void 0;
-var React = __importStar(require("react"));
-var popup_1 = require("@workday/canvas-kit-react/popup");
-var common_1 = require("@workday/canvas-kit-react/common");
-var TooltipContainer_1 = require("./TooltipContainer");
-var useTooltip_1 = require("./useTooltip");
+const React = __importStar(require("react"));
+const popup_1 = require("@workday/canvas-kit-react/popup");
+const common_1 = require("@workday/canvas-kit-react/common");
+const TooltipContainer_1 = require("./TooltipContainer");
+const useTooltip_1 = require("./useTooltip");
 /**
  * Look for an element within the tree for an overflow element (auto, scroll, clip, or hidden).
  * This could be the passed element, or a descendant. If no element is found, `null` is returned.
  */
-var findOverflowElement = function (element) {
-    var style = getComputedStyle(element);
+const findOverflowElement = (element) => {
+    const style = getComputedStyle(element);
     if (style.overflow === 'auto' ||
         style.overflow === 'scroll' ||
         style.overflow === 'clip' ||
@@ -60,8 +38,8 @@ var findOverflowElement = function (element) {
         return element;
     }
     else if (element.children) {
-        for (var i = 0; i < element.children.length; i++) {
-            var overflowElement = exports.findOverflowElement(element.children[i]);
+        for (let i = 0; i < element.children.length; i++) {
+            const overflowElement = exports.findOverflowElement(element.children[i]);
             if (overflowElement) {
                 return overflowElement;
             }
@@ -75,14 +53,14 @@ exports.findOverflowElement = findOverflowElement;
  * Look for an element within the tree for a `text-overflow` CSS property of `ellipsis`.
  * This could be the passed element, or a descendant. If no element is found, `null` is returned.
  */
-var findEllipsisElement = function (element) {
-    var style = getComputedStyle(element);
+const findEllipsisElement = (element) => {
+    const style = getComputedStyle(element);
     if (style.textOverflow === 'ellipsis' || Number(style.webkitLineClamp) > 0) {
         return element;
     }
     else {
-        for (var i = 0; i < element.children.length; i++) {
-            var overflowElement = exports.findEllipsisElement(element.children[i]);
+        for (let i = 0; i < element.children.length; i++) {
+            const overflowElement = exports.findEllipsisElement(element.children[i]);
             if (overflowElement) {
                 return overflowElement;
             }
@@ -91,17 +69,16 @@ var findEllipsisElement = function (element) {
     }
 };
 exports.findEllipsisElement = findEllipsisElement;
-var isOverflowed = function (element) {
-    var overflowElement = exports.findEllipsisElement(element) || exports.findOverflowElement(element);
+const isOverflowed = (element) => {
+    const overflowElement = exports.findEllipsisElement(element) || exports.findOverflowElement(element);
     if (overflowElement) {
         return (overflowElement.scrollWidth > overflowElement.clientWidth ||
             overflowElement.scrollHeight > overflowElement.clientHeight);
     }
     return false;
 };
-function mergeCallbacks(elemProps, componentProps, keys) {
-    if (keys === void 0) { keys = Object.keys(componentProps); }
-    return keys.reduce(function (mergedProps, key) {
+function mergeCallbacks(elemProps, componentProps, keys = Object.keys(componentProps)) {
+    return keys.reduce((mergedProps, key) => {
         if (typeof elemProps[key] === 'function') {
             mergedProps[key] = common_1.mergeCallback(componentProps[key], elemProps[key]);
         }
@@ -111,31 +88,34 @@ function mergeCallbacks(elemProps, componentProps, keys) {
         return mergedProps;
     }, {});
 }
-var OverflowTooltip = function (_a) {
-    var _b = _a.placement, placement = _b === void 0 ? 'top' : _b, children = _a.children, elemProps = __rest(_a, ["placement", "children"]);
-    var _c = React.useState(''), titleText = _c[0], setTitleText = _c[1];
-    var _d = useTooltip_1.useTooltip({ type: 'muted' }), targetProps = _d.targetProps, popperProps = _d.popperProps, tooltipProps = _d.tooltipProps;
-    var onMouseEnter = function (event) {
-        var target = event.currentTarget;
+const OverflowTooltip = ({ placement = 'top', children, ...elemProps }) => {
+    const [titleText, setTitleText] = React.useState('');
+    const { targetProps, popperProps, tooltipProps } = useTooltip_1.useTooltip({ type: 'muted' });
+    const onMouseEnter = (event) => {
+        const target = event.currentTarget;
         setTitleText(target instanceof HTMLElement ? target.innerText : '');
         if (isOverflowed(target)) {
             targetProps.onMouseEnter(event);
         }
     };
-    var onFocus = function (event) {
-        var target = event.currentTarget;
+    const onFocus = (event) => {
+        const target = event.currentTarget;
         setTitleText(target instanceof HTMLElement ? target.innerText : '');
         if (isOverflowed(target)) {
             targetProps.onFocus(event);
         }
     };
     return (React.createElement(React.Fragment, null,
-        React.cloneElement(children, __assign(__assign(__assign({}, targetProps), { onMouseEnter: onMouseEnter,
-            onFocus: onFocus, 'aria-label': undefined }), mergeCallbacks(__assign(__assign({}, targetProps), { onMouseEnter: onMouseEnter, onFocus: onFocus }), children.props))),
-        React.createElement(popup_1.Popper, __assign({ placement: placement }, popperProps), function (_a) {
-            var placement = _a.placement;
-            var transformOrigin = popup_1.getTransformFromPlacement(placement);
-            return (React.createElement(TooltipContainer_1.TooltipContainer, __assign({ transformOrigin: transformOrigin }, tooltipProps, elemProps), titleText));
+        React.cloneElement(children, {
+            ...targetProps,
+            onMouseEnter,
+            onFocus,
+            'aria-label': undefined,
+            ...mergeCallbacks({ ...targetProps, onMouseEnter, onFocus }, children.props),
+        }),
+        React.createElement(popup_1.Popper, Object.assign({ placement: placement }, popperProps), ({ placement }) => {
+            const transformOrigin = popup_1.getTransformFromPlacement(placement);
+            return (React.createElement(TooltipContainer_1.TooltipContainer, Object.assign({ transformOrigin: transformOrigin }, tooltipProps, elemProps), titleText));
         })));
 };
 exports.OverflowTooltip = OverflowTooltip;

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

@@ -1,15 +1,4 @@
 "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 __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]; } });
@@ -29,31 +18,19 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
-var React = __importStar(require("react"));
-var react_innertext_1 = __importDefault(require("react-innertext"));
-var popup_1 = require("@workday/canvas-kit-react/popup");
-var common_1 = require("@workday/canvas-kit-react/common");
-var TooltipContainer_1 = require("./TooltipContainer");
-var useTooltip_1 = require("./useTooltip");
-function mergeCallbacks(elemProps, componentProps, keys) {
-    if (keys === void 0) { keys = Object.keys(componentProps); }
-    return keys.reduce(function (mergedProps, key) {
+const React = __importStar(require("react"));
+const react_innertext_1 = __importDefault(require("react-innertext"));
+const popup_1 = require("@workday/canvas-kit-react/popup");
+const common_1 = require("@workday/canvas-kit-react/common");
+const TooltipContainer_1 = require("./TooltipContainer");
+const useTooltip_1 = require("./useTooltip");
+function mergeCallbacks(elemProps, componentProps, keys = Object.keys(componentProps)) {
+    return keys.reduce((mergedProps, key) => {
         if (typeof elemProps[key] === 'function') {
             mergedProps[key] = common_1.mergeCallback(componentProps[key], elemProps[key]);
         }
@@ -65,23 +42,25 @@ function mergeCallbacks(elemProps, componentProps, keys) {
 }
 exports.Tooltip = common_1.createComponent('div')({
     displayName: 'Tooltip',
-    Component: function (_a) {
-        var _b = _a.type, type = _b === void 0 ? 'label' : _b, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, title = _a.title, children = _a.children, _d = _a.showDelay, showDelay = _d === void 0 ? 300 : _d, _e = _a.hideDelay, hideDelay = _e === void 0 ? 100 : _e, elemProps = __rest(_a, ["type", "placement", "title", "children", "showDelay", "hideDelay"]);
-        var titleText = react_innertext_1.default(title);
-        var _f = useTooltip_1.useTooltip({
-            type: type,
-            titleText: titleText,
-            showDelay: showDelay,
-            hideDelay: hideDelay,
-        }), targetProps = _f.targetProps, popperProps = _f.popperProps, tooltipProps = _f.tooltipProps;
+    Component({ type = 'label', placement = 'top', title, children, showDelay = 300, hideDelay = 100, ...elemProps }) {
+        const titleText = react_innertext_1.default(title);
+        const { targetProps, popperProps, tooltipProps } = useTooltip_1.useTooltip({
+            type,
+            titleText,
+            showDelay,
+            hideDelay,
+        });
         return (React.createElement(React.Fragment, null,
-            React.cloneElement(children, __assign(__assign(__assign({}, targetProps), mergeCallbacks(children.props, targetProps)), (type === 'muted' && children.props['aria-label']
-                ? { 'aria-label': children.props['aria-label'] }
-                : {}))),
-            React.createElement(popup_1.Popper, __assign({ placement: placement }, popperProps), function (_a) {
-                var placement = _a.placement;
-                var transformOrigin = popup_1.getTransformFromPlacement(placement);
-                return (React.createElement(TooltipContainer_1.TooltipContainer, __assign({ transformOrigin: transformOrigin }, elemProps, tooltipProps), title));
+            React.cloneElement(children, {
+                ...targetProps,
+                ...mergeCallbacks(children.props, targetProps),
+                ...(type === 'muted' && children.props['aria-label']
+                    ? { 'aria-label': children.props['aria-label'] }
+                    : {}),
+            }),
+            React.createElement(popup_1.Popper, Object.assign({ placement: placement }, popperProps), ({ placement }) => {
+                const transformOrigin = popup_1.getTransformFromPlacement(placement);
+                return (React.createElement(TooltipContainer_1.TooltipContainer, Object.assign({ transformOrigin: transformOrigin }, elemProps, tooltipProps), title));
             })));
     },
 });