@workday/canvas-kit-react 12.0.0-alpha.862-next.0 → 12.0.0-alpha.898-next.0

package/dist/commonjs/modal/lib/hooks/useModalModel.js

@@ -4,18 +4,18 @@ exports.useModalModel = void 0;
 const popup_1 = require("@workday/canvas-kit-react/popup");
 const common_1 = require("@workday/canvas-kit-react/common");
 const useCloseOnOverlayClick_1 = require("./useCloseOnOverlayClick");
-exports.useModalModel = common_1.createModelHook({
+exports.useModalModel = (0, common_1.createModelHook)({
     defaultConfig: popup_1.usePopupModel.defaultConfig,
     requiredConfig: popup_1.usePopupModel.requiredConfig,
     contextOverride: popup_1.usePopupModel.Context,
 })(config => {
-    const model = popup_1.usePopupModel(config);
-    popup_1.useInitialFocus(model);
-    popup_1.useReturnFocus(model);
-    useCloseOnOverlayClick_1.useCloseOnOverlayClick(model);
-    popup_1.useCloseOnEscape(model);
-    popup_1.useFocusTrap(model);
-    popup_1.useAssistiveHideSiblings(model);
-    popup_1.useDisableBodyScroll(model);
+    const model = (0, popup_1.usePopupModel)(config);
+    (0, popup_1.useInitialFocus)(model);
+    (0, popup_1.useReturnFocus)(model);
+    (0, useCloseOnOverlayClick_1.useCloseOnOverlayClick)(model);
+    (0, popup_1.useCloseOnEscape)(model);
+    (0, popup_1.useFocusTrap)(model);
+    (0, popup_1.useAssistiveHideSiblings)(model);
+    (0, popup_1.useDisableBodyScroll)(model);
     return model;
 });

package/dist/commonjs/pagination/index.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -26,7 +30,7 @@ const common_1 = require("@workday/canvas-kit-react/common");
 const layout_1 = require("@workday/canvas-kit-react/layout");
 const useLiveRegion_1 = require("./common/useLiveRegion");
 const usePaginationModel_1 = require("./usePaginationModel");
-const StyledAdditionalDetails = common_1.styled(layout_1.Flex)(({ shouldHideDetails }) => {
+const StyledAdditionalDetails = (0, common_1.styled)(layout_1.Flex)(({ shouldHideDetails }) => {
     if (shouldHideDetails) {
         return {
             ...common_1.accessibleHide,
@@ -39,11 +43,11 @@ const StyledAdditionalDetails = common_1.styled(layout_1.Flex)(({ shouldHideDeta
         };
     }
 });
-exports.AdditionalDetails = common_1.createComponent('div')({
+exports.AdditionalDetails = (0, common_1.createComponent)('div')({
     displayName: 'Pagination.AdditionalDetails',
     Component({ children, shouldAnnounceToScreenReader, ...elemProps }, ref, Element) {
         const model = React.useContext(usePaginationModel_1.PaginationContext);
-        const liveRegionProps = useLiveRegion_1.useLiveRegion({ shouldAnnounceToScreenReader });
-        return (React.createElement(StyledAdditionalDetails, Object.assign({ ref: ref, as: Element }, tokens_1.type.levels.subtext.medium, { color: tokens_1.typeColors.hint }, liveRegionProps, elemProps), typeof children === 'function' ? children(model) : children));
+        const liveRegionProps = (0, useLiveRegion_1.useLiveRegion)({ shouldAnnounceToScreenReader });
+        return (React.createElement(StyledAdditionalDetails, { ref: ref, as: Element, ...tokens_1.type.levels.subtext.medium, color: tokens_1.typeColors.hint, ...liveRegionProps, ...elemProps }, typeof children === 'function' ? children(model) : children));
     },
 });

package/dist/commonjs/pagination/lib/Pagination/Controls.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -27,13 +31,13 @@ const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
 const layout_1 = require("@workday/canvas-kit-react/layout");
 const useRTL_1 = require("./common/utils/useRTL");
 const usePaginationModel_1 = require("./usePaginationModel");
-exports.PaginationControls = common_1.createComponent('div')({
+exports.PaginationControls = (0, common_1.createComponent)('div')({
     displayName: 'Pagination.Controls',
     Component(elemProps, ref, Element) {
-        return React.createElement(layout_1.Flex, Object.assign({ ref: ref, as: Element, gap: "xxxs", alignItems: "center" }, elemProps));
+        return React.createElement(layout_1.Flex, { ref: ref, as: Element, gap: "xxxs", alignItems: "center", ...elemProps });
     },
 });
-exports.JumpToFirstButton = common_1.createComponent('button')({
+exports.JumpToFirstButton = (0, common_1.createComponent)('button')({
     displayName: 'Pagination.JumpToFirstButton',
     Component({ onClick, ...restProps }, ref, Element) {
         const model = React.useContext(usePaginationModel_1.PaginationContext);
@@ -45,12 +49,12 @@ exports.JumpToFirstButton = common_1.createComponent('button')({
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             model.events.setCurrentPage(model.state.firstPage);
         };
-        const { shouldUseRTL } = useRTL_1.useRTL();
+        const { shouldUseRTL } = (0, useRTL_1.useRTL)();
         const icon = shouldUseRTL ? canvas_system_icons_web_1.chevron2xRightSmallIcon : canvas_system_icons_web_1.chevron2xLeftSmallIcon;
-        return (React.createElement(button_1.TertiaryButton, Object.assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
+        return (React.createElement(button_1.TertiaryButton, { ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick, ...restProps }));
     },
 });
-exports.StepToPreviousButton = common_1.createComponent('button')({
+exports.StepToPreviousButton = (0, common_1.createComponent)('button')({
     displayName: 'Pagination.StepToPreviousButton',
     Component({ onClick, ...restProps }, ref, Element) {
         const model = React.useContext(usePaginationModel_1.PaginationContext);
@@ -62,12 +66,12 @@ exports.StepToPreviousButton = common_1.createComponent('button')({
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             model.events.setCurrentPage(model.state.currentPage - 1);
         };
-        const { shouldUseRTL } = useRTL_1.useRTL();
+        const { shouldUseRTL } = (0, useRTL_1.useRTL)();
         const icon = shouldUseRTL ? canvas_system_icons_web_1.chevronRightSmallIcon : canvas_system_icons_web_1.chevronLeftSmallIcon;
-        return (React.createElement(button_1.TertiaryButton, Object.assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
+        return (React.createElement(button_1.TertiaryButton, { ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick, ...restProps }));
     },
 });
-exports.StepToNextButton = common_1.createComponent('button')({
+exports.StepToNextButton = (0, common_1.createComponent)('button')({
     displayName: 'Pagination.StepToNextButton',
     Component({ onClick, ...restProps }, ref, Element) {
         const model = React.useContext(usePaginationModel_1.PaginationContext);
@@ -79,12 +83,12 @@ exports.StepToNextButton = common_1.createComponent('button')({
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             model.events.setCurrentPage(model.state.currentPage + 1);
         };
-        const { shouldUseRTL } = useRTL_1.useRTL();
+        const { shouldUseRTL } = (0, useRTL_1.useRTL)();
         const icon = shouldUseRTL ? canvas_system_icons_web_1.chevronLeftSmallIcon : canvas_system_icons_web_1.chevronRightSmallIcon;
-        return (React.createElement(button_1.TertiaryButton, Object.assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
+        return (React.createElement(button_1.TertiaryButton, { ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick, ...restProps }));
     },
 });
-exports.JumpToLastButton = common_1.createComponent('button')({
+exports.JumpToLastButton = (0, common_1.createComponent)('button')({
     displayName: 'Paganation.JumpToLastButton',
     Component({ onClick, ...restProps }, ref, Element) {
         const model = React.useContext(usePaginationModel_1.PaginationContext);
@@ -96,8 +100,8 @@ exports.JumpToLastButton = common_1.createComponent('button')({
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             model.events.setCurrentPage(model.state.lastPage);
         };
-        const { shouldUseRTL } = useRTL_1.useRTL();
+        const { shouldUseRTL } = (0, useRTL_1.useRTL)();
         const icon = shouldUseRTL ? canvas_system_icons_web_1.chevron2xLeftSmallIcon : canvas_system_icons_web_1.chevron2xRightSmallIcon;
-        return (React.createElement(button_1.TertiaryButton, Object.assign({ ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick }, restProps)));
+        return (React.createElement(button_1.TertiaryButton, { ref: ref, as: Element, "aria-disabled": isDisabled || undefined, size: "small", icon: icon, onClick: handleClick, ...restProps }));
     },
 });

package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -25,13 +29,13 @@ const common_1 = require("@workday/canvas-kit-react/common");
 const layout_1 = require("@workday/canvas-kit-react/layout");
 const usePaginationModel_1 = require("../usePaginationModel");
 const useGoToForm_1 = require("./useGoToForm");
-exports.GoToForm = common_1.createComponent('form')({
+exports.GoToForm = (0, common_1.createComponent)('form')({
     Component({ children, onSubmit, ...elemProps }, ref, Element) {
         const model = React.useContext(usePaginationModel_1.PaginationContext);
-        const goToContext = useGoToForm_1.useGoToForm({ model, onSubmit });
+        const goToContext = (0, useGoToForm_1.useGoToForm)({ model, onSubmit });
         const { formProps } = goToContext;
-        const shouldUseRTL = common_1.useIsRTL();
+        const shouldUseRTL = (0, common_1.useIsRTL)();
         return (React.createElement(useGoToForm_1.GoToContext.Provider, { value: goToContext },
-            React.createElement(layout_1.Flex, Object.assign({ ref: ref, as: Element, alignItems: "center", gap: "xxs", paddingLeft: shouldUseRTL ? 'xxs' : undefined, paddingRight: shouldUseRTL ? 'xxs' : undefined }, formProps, elemProps), children)));
+            React.createElement(layout_1.Flex, { ref: ref, as: Element, alignItems: "center", gap: "xxs", paddingLeft: shouldUseRTL ? 'xxs' : undefined, paddingRight: shouldUseRTL ? 'xxs' : undefined, ...formProps, ...elemProps }, children)));
     },
 });

package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -24,10 +28,10 @@ const React = __importStar(require("react"));
 const text_1 = require("@workday/canvas-kit-react/text");
 const common_1 = require("@workday/canvas-kit-react/common");
 const usePaginationModel_1 = require("../usePaginationModel");
-exports.GoToLabel = common_1.createComponent('label')({
+exports.GoToLabel = (0, common_1.createComponent)('label')({
     displayName: 'Pagination.GoToLabel',
     Component({ children, ...elemProps }, ref, Element) {
         const model = React.useContext(usePaginationModel_1.PaginationContext);
-        return (React.createElement(text_1.Subtext, Object.assign({ ref: ref, as: Element, size: "medium", variant: "hint", whiteSpace: "nowrap" }, elemProps), typeof children === 'function' ? children(model) : children));
+        return (React.createElement(text_1.Subtext, { ref: ref, as: Element, size: "medium", variant: "hint", whiteSpace: "nowrap", ...elemProps }, typeof children === 'function' ? children(model) : children));
     },
 });

package/dist/commonjs/pagination/lib/Pagination/GoTo/TextInput.d.ts

@@ -1,5 +1,5 @@
 import { TextInputProps } from '@workday/canvas-kit-react/text-input';
-export declare type GoToTextInputProps = TextInputProps & {
+export type GoToTextInputProps = TextInputProps & {
     'aria-label': string;
     value?: string | number;
 };

package/dist/commonjs/pagination/lib/Pagination/GoTo/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/GoTo/TextInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAK/E,oBAAY,kBAAkB,GAAG,cAAc,GAAG;IAChD,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,aAAa;kBAJV,MAAM;;EAWpB,CAAC"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/GoTo/TextInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAK/E,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG;IAChD,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,aAAa;kBAJV,MAAM;;EAWpB,CAAC"}

package/dist/commonjs/pagination/lib/Pagination/GoTo/TextInput.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -24,10 +28,10 @@ const React = __importStar(require("react"));
 const text_input_1 = require("@workday/canvas-kit-react/text-input");
 const common_1 = require("@workday/canvas-kit-react/common");
 const useGoToForm_1 = require("./useGoToForm");
-exports.GoToTextInput = common_1.createComponent('input')({
+exports.GoToTextInput = (0, common_1.createComponent)('input')({
     displayName: 'Pagination.GoToTextInput',
     Component(elemProps, ref, Element) {
         const { inputProps } = React.useContext(useGoToForm_1.GoToContext);
-        return React.createElement(text_input_1.TextInput, Object.assign({ ref: ref, as: Element, size: 1, width: 55 }, inputProps, elemProps));
+        return React.createElement(text_input_1.TextInput, { ref: ref, as: Element, size: 1, width: 55, ...inputProps, ...elemProps });
     },
 });

package/dist/commonjs/pagination/lib/Pagination/GoTo/useGoToForm.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/commonjs/pagination/lib/Pagination/Nav.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import { FlexProps } from '@workday/canvas-kit-react/layout';
 export interface PaginationNavProps extends Omit<FlexProps, 'as'> {
     'aria-label': string;
 }
-export declare const PaginationNav: (elemProps: PaginationNavProps) => JSX.Element;
+export declare const PaginationNav: (elemProps: PaginationNavProps) => React.JSX.Element;
 //# sourceMappingURL=Nav.d.ts.map

package/dist/commonjs/pagination/lib/Pagination/Nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/Nav.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAEjE,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC;IAC/D,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,cAAe,kBAAkB,gBAU1D,CAAC"}
+{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAEjE,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC;IAC/D,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,cAAe,kBAAkB,sBAU1D,CAAC"}

package/dist/commonjs/pagination/lib/Pagination/Nav.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -23,6 +27,6 @@ exports.PaginationNav = void 0;
 const React = __importStar(require("react"));
 const layout_1 = require("@workday/canvas-kit-react/layout");
 const PaginationNav = (elemProps) => {
-    return (React.createElement(layout_1.Flex, Object.assign({ as: "nav", display: "inline-flex", flexDirection: "column", alignItems: "center" }, elemProps)));
+    return (React.createElement(layout_1.Flex, { as: "nav", display: "inline-flex", flexDirection: "column", alignItems: "center", ...elemProps }));
 };
 exports.PaginationNav = PaginationNav;

package/dist/commonjs/pagination/lib/Pagination/PageButton.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -25,7 +29,7 @@ const common_1 = require("@workday/canvas-kit-react/common");
 const tokens_1 = require("@workday/canvas-kit-react/tokens");
 const button_1 = require("@workday/canvas-kit-react/button");
 const usePaginationModel_1 = require("./usePaginationModel");
-const StyledPageButton = common_1.styled(button_1.BaseButton)({
+const StyledPageButton = (0, common_1.styled)(button_1.BaseButton)({
     minWidth: tokens_1.space.l,
     width: tokens_1.space.l,
     borderRadius: tokens_1.borderRadius.circle,
@@ -59,17 +63,17 @@ const getPaginationButtonColors = (toggled, theme) => {
         },
     };
 };
-exports.PageButton = common_1.createComponent('button')({
+exports.PageButton = (0, common_1.createComponent)('button')({
     displayName: 'Pagination.PageButton',
     Component({ pageNumber, children, ...elemProps }) {
         const model = React.useContext(usePaginationModel_1.PaginationContext);
         const isCurrentPage = pageNumber === model.state.currentPage;
-        const theme = common_1.useTheme();
+        const theme = (0, common_1.useTheme)();
         const handleClick = (e) => {
             var _a, _b;
             (_b = (_a = elemProps).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
             model.events.goTo(pageNumber);
         };
-        return (React.createElement(StyledPageButton, Object.assign({ "aria-current": isCurrentPage ? 'page' : undefined, colors: getPaginationButtonColors(isCurrentPage, theme), "aria-pressed": undefined, onClick: handleClick, toggled: isCurrentPage }, elemProps), children || pageNumber));
+        return (React.createElement(StyledPageButton, { "aria-current": isCurrentPage ? 'page' : undefined, colors: getPaginationButtonColors(isCurrentPage, theme), "aria-pressed": undefined, onClick: handleClick, toggled: isCurrentPage, ...elemProps }, children || pageNumber));
     },
 });

package/dist/commonjs/pagination/lib/Pagination/PageList.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -25,16 +29,16 @@ const List_1 = require("./common/List");
 const layout_1 = require("@workday/canvas-kit-react/layout");
 const common_1 = require("@workday/canvas-kit-react/common");
 const usePaginationModel_1 = require("./usePaginationModel");
-exports.PageList = common_1.createComponent('ol')({
+exports.PageList = (0, common_1.createComponent)('ol')({
     displayName: 'Pagination.PageList',
     Component({ children, ...elemProps }, ref, Element) {
         const model = React.useContext(usePaginationModel_1.PaginationContext);
-        return (React.createElement(layout_1.Flex, Object.assign({ ref: ref, as: Element, margin: "zero", role: "list", paddingLeft: "zero", paddingRight: "zero", gap: "xxxs" }, elemProps), typeof children === 'function' ? children(model) : children));
+        return (React.createElement(layout_1.Flex, { ref: ref, as: Element, margin: "zero", role: "list", paddingLeft: "zero", paddingRight: "zero", gap: "xxxs", ...elemProps }, typeof children === 'function' ? children(model) : children));
     },
 });
-exports.PageListItem = common_1.createComponent('li')({
+exports.PageListItem = (0, common_1.createComponent)('li')({
     displayName: 'Pagination.PageListItem',
     Component({ children, ...elemProps }, ref, Element) {
-        return (React.createElement(List_1.ListItem, Object.assign({ ref: ref, as: Element }, elemProps), children));
+        return (React.createElement(List_1.ListItem, { ref: ref, as: Element, ...elemProps }, children));
     },
 });

package/dist/commonjs/pagination/lib/Pagination/Pagination.d.ts

@@ -2,7 +2,7 @@ import { FlexProps } from '@workday/canvas-kit-react/layout';
 import { PaginationModel } from './types';
 import { PaginationContext } from './usePaginationModel';
 export { PaginationContext };
-export declare type PaginationProps = PaginationNavProps & {
+export type PaginationProps = PaginationNavProps & {
     lastPage?: number;
     firstPage?: number;
     initialCurrentPage?: number;

package/dist/commonjs/pagination/lib/Pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/Pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAEjE,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAGL,iBAAiB,EAClB,MAAM,sBAAsB,CAAC;AAiB9B,OAAO,EAAC,iBAAiB,EAAC,CAAC;AAE3B,oBAAY,eAAe,GAAG,kBAAkB,GAAG;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C,CAAC;AAMF,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,UAAU;;;;;;iCA5CO,MAAM,KAAK,IAAI;;IAqEzC;;;;;;;OAOG;;IAEH;;;;;;;;;;;OAWG;;IAEH;;;;;;;;;;;OAWG;;IAEH;;;;;;;;;;OAUG;;IAEH;;;;;;;;;;;OAWG;;IAEH;;;;;;;;;;;;;;;;;;;OAmBG;;IAEH;;;;;;;OAOG;;IAEH;;;;;;;;;;;;OAYG;;IAEH;;;;;;;;;OASG;;IAEH;;;;;;;;;OASG;;;;;IAEH;;;;;;;;;;;OAWG;;IAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoCG;;CAGL,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/Pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAEjE,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAGL,iBAAiB,EAClB,MAAM,sBAAsB,CAAC;AAiB9B,OAAO,EAAC,iBAAiB,EAAC,CAAC;AAE3B,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAAG;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C,CAAC;AAMF,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,UAAU;;;;;;iCA5CO,MAAM,KAAK,IAAI;;IAqEzC;;;;;;;OAOG;;IAEH;;;;;;;;;;;OAWG;;IAEH;;;;;;;;;;;OAWG;;IAEH;;;;;;;;;;OAUG;;IAEH;;;;;;;;;;;OAWG;;IAEH;;;;;;;;;;;;;;;;;;;OAmBG;;IAEH;;;;;;;OAOG;;IAEH;;;;;;;;;;;;OAYG;;IAEH;;;;;;;;;OASG;;IAEH;;;;;;;;;OASG;;;;;IAEH;;;;;;;;;;;OAWG;;IAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoCG;;CAGL,CAAC"}

package/dist/commonjs/pagination/lib/Pagination/Pagination.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -68,13 +72,13 @@ function useDefaultModel(model, config, fn) {
  * );
  * ```
  */
-exports.Pagination = common_1.createComponent('nav')({
+exports.Pagination = (0, common_1.createComponent)('nav')({
     displayName: 'Pagination',
     Component(props, ref, Element) {
         const model = useDefaultModel(props.model, props, usePaginationModel_1.usePaginationModel);
         const { lastPage, firstPage, initialCurrentPage, rangeSize, onPageChange, ...elemProps } = props;
         return (React.createElement(usePaginationModel_1.PaginationContext.Provider, { value: model },
-            React.createElement(layout_1.Flex, Object.assign({ ref: ref, as: Element, display: "inline-flex", flexDirection: "column", alignItems: "center" }, elemProps))));
+            React.createElement(layout_1.Flex, { ref: ref, as: Element, display: "inline-flex", flexDirection: "column", alignItems: "center", ...elemProps })));
     },
     subComponents: {
         /**

package/dist/commonjs/pagination/lib/Pagination/buildPageRange.d.ts

@@ -1,5 +1,5 @@
 import { PaginationState } from './types';
-declare type BuildPageRangeConfig = Pick<PaginationState, 'currentPage' | 'lastPage' | 'rangeSize'>;
+type BuildPageRangeConfig = Pick<PaginationState, 'currentPage' | 'lastPage' | 'rangeSize'>;
 export declare const buildPageRange: ({ currentPage, lastPage, rangeSize }: BuildPageRangeConfig) => number[];
 export {};
 //# sourceMappingURL=buildPageRange.d.ts.map

package/dist/commonjs/pagination/lib/Pagination/buildPageRange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildPageRange.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/buildPageRange.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAOxC,aAAK,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,UAAU,GAAG,WAAW,CAAC,CAAC;AAE5F,eAAO,MAAM,cAAc,yCAAwC,oBAAoB,aAiBtF,CAAC"}
+{"version":3,"file":"buildPageRange.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/buildPageRange.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAOxC,KAAK,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,UAAU,GAAG,WAAW,CAAC,CAAC;AAE5F,eAAO,MAAM,cAAc,yCAAwC,oBAAoB,aAiBtF,CAAC"}

package/dist/commonjs/pagination/lib/Pagination/common/List.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -23,18 +27,18 @@ exports.ListItem = exports.List = void 0;
 const React = __importStar(require("react"));
 const layout_1 = require("@workday/canvas-kit-react/layout");
 const common_1 = require("@workday/canvas-kit-react/common");
-const StyledList = common_1.styled(layout_1.Flex.as('ul'))({
+const StyledList = (0, common_1.styled)(layout_1.Flex.as('ul'))({
     listStyle: 'none',
 });
-exports.List = common_1.createComponent('ul')({
+exports.List = (0, common_1.createComponent)('ul')({
     displayName: 'List',
     Component: ({ children, ...elemProps }, ref, Element) => {
-        return (React.createElement(StyledList, Object.assign({ as: Element, marginY: "zero", marginX: "zero", padding: "zero", ref: ref }, elemProps), children));
+        return (React.createElement(StyledList, { as: Element, marginY: "zero", marginX: "zero", padding: "zero", ref: ref, ...elemProps }, children));
     },
 });
-exports.ListItem = common_1.createComponent('li')({
+exports.ListItem = (0, common_1.createComponent)('li')({
     displayName: 'ListItem',
     Component: ({ children, ...elemProps }, ref, Element) => {
-        return (React.createElement(layout_1.Flex, Object.assign({ as: Element, ref: ref }, elemProps), children));
+        return (React.createElement(layout_1.Flex, { as: Element, ref: ref, ...elemProps }, children));
     },
 });

package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.d.ts

@@ -1,4 +1,4 @@
-declare type UseLiveRegionConfig = {
+type UseLiveRegionConfig = {
     'aria-atomic'?: React.AriaAttributes['aria-atomic'];
     'aria-live'?: 'polite' | 'assertive';
     role?: 'status' | 'alert' | 'log';

package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLiveRegion.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/common/useLiveRegion.tsx"],"names":[],"mappings":"AAAA,aAAK,mBAAmB,GAAG;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACrC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAClC,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,sBAA4B,uBAW/D"}
+{"version":3,"file":"useLiveRegion.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/common/useLiveRegion.tsx"],"names":[],"mappings":"AAAA,KAAK,mBAAmB,GAAG;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACrC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAClC,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,sBAA4B,uBAW/D"}

package/dist/commonjs/pagination/lib/Pagination/common/utils/getValidChildren.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/commonjs/pagination/lib/Pagination/common/utils/useRTL.d.ts

@@ -1,5 +1,5 @@
 import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
-export declare const useRTL: (partialTheme?: PartialEmotionCanvasTheme | undefined) => {
+export declare const useRTL: (partialTheme?: PartialEmotionCanvasTheme) => {
     shouldUseRTL: boolean;
 };
 //# sourceMappingURL=useRTL.d.ts.map

package/dist/commonjs/pagination/lib/Pagination/common/utils/useRTL.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRTL.d.ts","sourceRoot":"","sources":["../../../../../../../pagination/lib/Pagination/common/utils/useRTL.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAE1B,MAAM,kCAAkC,CAAC;AAE1C,eAAO,MAAM,MAAM;;CAMlB,CAAC"}
+{"version":3,"file":"useRTL.d.ts","sourceRoot":"","sources":["../../../../../../../pagination/lib/Pagination/common/utils/useRTL.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAE1B,MAAM,kCAAkC,CAAC;AAE1C,eAAO,MAAM,MAAM,kBAAmB,yBAAyB;;CAM9D,CAAC"}

package/dist/commonjs/pagination/lib/Pagination/common/utils/useRTL.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRTL = void 0;
 const common_1 = require("@workday/canvas-kit-react/common");
 const useRTL = (partialTheme) => {
-    const theme = common_1.useTheme(partialTheme);
+    const theme = (0, common_1.useTheme)(partialTheme);
     const shouldUseRTL = theme.canvas.direction === common_1.ContentDirection.RTL;
     return {
         shouldUseRTL,

package/dist/commonjs/pagination/lib/Pagination/index.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/commonjs/pagination/lib/Pagination/usePaginationModel.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { PaginationModel } from './types';
 export declare const PaginationContext: React.Context<PaginationModel>;
-export declare type UsePaginationModelConfig = {
+export type UsePaginationModelConfig = {
     /**
      * The page number for the last page (it can also be used as a total page
      * count)

package/dist/commonjs/pagination/lib/Pagination/usePaginationModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePaginationModel.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/usePaginationModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,iBAAiB,gCAA6C,CAAC;AAE5E,oBAAY,wBAAwB,GAAG;IACrC;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,WAAY,wBAAwB,KAAG,eAoErE,CAAC"}
+{"version":3,"file":"usePaginationModel.d.ts","sourceRoot":"","sources":["../../../../../pagination/lib/Pagination/usePaginationModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,iBAAiB,gCAA6C,CAAC;AAE5E,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,WAAY,wBAAwB,KAAG,eAoErE,CAAC"}

package/dist/commonjs/pagination/lib/Pagination/usePaginationModel.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -60,9 +64,9 @@ const usePaginationModel = (config) => {
             changePage(pageNumber);
         }
     };
-    const range = buildPageRange_1.buildPageRange({ currentPage, lastPage, rangeSize });
-    const rangeMin = helpers_1.getRangeMin(range);
-    const rangeMax = helpers_1.getRangeMax(range);
+    const range = (0, buildPageRange_1.buildPageRange)({ currentPage, lastPage, rangeSize });
+    const rangeMin = (0, helpers_1.getRangeMin)(range);
+    const rangeMax = (0, helpers_1.getRangeMax)(range);
     const state = {
         firstPage,
         currentPage,