@pedidopago/ui 1.1.0 → 1.1.4

package/dist/components/Modal/modal.test.js

@@ -8,8 +8,18 @@ var _ = require(".");
 
 var _ThemeContext = require("../../shared/theme/contexts/ThemeContext");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function setup(props) {
-  var componentRender = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_ThemeContext.PPUIThemeProvider, null, /*#__PURE__*/React.createElement(_.Modal, props)));
+  var componentRender = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemeContext.PPUIThemeProvider, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Modal, _objectSpread({}, props))
+  }));
   return {
     overlay: componentRender.container.childNodes[0],
     modal: componentRender.container.childNodes[1]
@@ -21,7 +31,9 @@ describe('Modal', function () {
     var _setup = setup({
       open: true,
       onClose: function onClose() {},
-      children: /*#__PURE__*/React.createElement("div", null, "Modal")
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "Modal"
+      })
     }),
         modal = _setup.modal;
 
@@ -31,7 +43,9 @@ describe('Modal', function () {
     var modal = setup({
       open: true,
       onClose: function onClose() {},
-      children: /*#__PURE__*/React.createElement("p", null, "Hello world!")
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
     });
     expect(modal.overlay).toHaveStyle({
       opacity: 0.1,
@@ -46,7 +60,9 @@ describe('Modal', function () {
     var modal = setup({
       open: false,
       onClose: function onClose() {},
-      children: /*#__PURE__*/React.createElement("p", null, "Hello world!")
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
     });
     expect(modal.overlay).toHaveStyle({
       opacity: 0,
@@ -63,7 +79,9 @@ describe('Modal', function () {
       onClose: function onClose() {},
       left: '10px',
       top: '10px',
-      children: /*#__PURE__*/React.createElement("p", null, "Hello world!")
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
     });
     expect(modal.modal).toHaveStyle({
       left: 'calc(10px + 0px)',
@@ -75,7 +93,9 @@ describe('Modal', function () {
       open: true,
       onClose: function onClose() {},
       anchorX: 'left',
-      children: /*#__PURE__*/React.createElement("p", null, "Hello world!")
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
     });
     expect(modal.modal).toHaveStyle({
       transform: 'translate(0%, -50%) scale(1)'
@@ -86,7 +106,9 @@ describe('Modal', function () {
       open: true,
       onClose: function onClose() {},
       anchorX: 'right',
-      children: /*#__PURE__*/React.createElement("p", null, "Hello world!")
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
     });
     expect(modal.modal).toHaveStyle({
       transform: 'translate(-100%, -50%) scale(1)'
@@ -97,7 +119,9 @@ describe('Modal', function () {
       open: true,
       onClose: function onClose() {},
       anchorX: 'center',
-      children: /*#__PURE__*/React.createElement("p", null, "Hello world!")
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
     });
     expect(modal.modal).toHaveStyle({
       transform: 'translate(-50%, -50%) scale(1)'
@@ -108,7 +132,9 @@ describe('Modal', function () {
       open: true,
       onClose: function onClose() {},
       anchorY: 'top',
-      children: /*#__PURE__*/React.createElement("p", null, "Hello world!")
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
     });
     expect(modal.modal).toHaveStyle({
       transform: 'translate(-50%, 0%) scale(1)'
@@ -119,7 +145,9 @@ describe('Modal', function () {
       open: true,
       onClose: function onClose() {},
       anchorY: 'bottom',
-      children: /*#__PURE__*/React.createElement("p", null, "Hello world!")
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
     });
     expect(modal.modal).toHaveStyle({
       transform: 'translate(-50%, -100%) scale(1)'
@@ -130,7 +158,9 @@ describe('Modal', function () {
       open: true,
       onClose: function onClose() {},
       anchorY: 'center',
-      children: /*#__PURE__*/React.createElement("p", null, "Hello world!")
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
     });
     expect(modal.modal).toHaveStyle({
       transform: 'translate(-50%, -50%) scale(1)'
@@ -141,7 +171,9 @@ describe('Modal', function () {
       open: true,
       onClose: function onClose() {},
       maxWidth: '200px',
-      children: /*#__PURE__*/React.createElement("p", null, "Hello world!")
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
     });
     expect(modal.modal).toHaveStyle({
       maxWidth: '200px'

package/dist/components/Modal/styles.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { Theme } from '@emotion/react';
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    maxWidth?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Overlay: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { Theme } from '@emotion/react';
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    maxWidth?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Overlay: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Modal/types.d.ts

@@ -1,29 +1,29 @@
-import { ReactNode } from 'react';
-export declare type AnchorX = 'left' | 'center' | 'right' | number;
-export declare type AnchorY = 'top' | 'center' | 'bottom' | number;
-export interface IModalProps {
-    /** If the modal is open or not. */
-    open: boolean;
-    /** Optional. Sets the left position where the modal will be shown. */
-    left?: string;
-    /** Optional. Sets the top position where the modal will be shown. */
-    top?: string;
-    /** Optional. The Modal horizontal anchor.
-     * 0 is the left most side.
-     * 100 is the right most size. */
-    anchorX?: AnchorX;
-    /** Optional. The Modal vertical anchor.
-     * 0 is the left most side.
-     * 100 is the right most size. */
-    anchorY?: AnchorY;
-    /** Optional. Offsets the Modal horizontally. */
-    offsetX?: string;
-    /** Optional. Offsets the Modal vertically. */
-    offsetY?: string;
-    /** The max width of the Modal. */
-    maxWidth?: string;
-    /** Handler called once the Modal is triggered to close. */
-    onClose: () => void;
-    children: ReactNode;
-}
+import { ReactNode } from 'react';
+export declare type AnchorX = 'left' | 'center' | 'right' | number;
+export declare type AnchorY = 'top' | 'center' | 'bottom' | number;
+export interface IModalProps {
+    /** If the modal is open or not. */
+    open: boolean;
+    /** Optional. Sets the left position where the modal will be shown. */
+    left?: string;
+    /** Optional. Sets the top position where the modal will be shown. */
+    top?: string;
+    /** Optional. The Modal horizontal anchor.
+     * 0 is the left most side.
+     * 100 is the right most size. */
+    anchorX?: AnchorX;
+    /** Optional. The Modal vertical anchor.
+     * 0 is the left most side.
+     * 100 is the right most size. */
+    anchorY?: AnchorY;
+    /** Optional. Offsets the Modal horizontally. */
+    offsetX?: string;
+    /** Optional. Offsets the Modal vertically. */
+    offsetY?: string;
+    /** The max width of the Modal. */
+    maxWidth?: string;
+    /** Handler called once the Modal is triggered to close. */
+    onClose: () => void;
+    children: ReactNode;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Pagination/hooks/usePagination.d.ts

@@ -1,4 +1,4 @@
-import { IPaginationHook } from '../types';
-export declare const DOTS = "...";
-export declare const usePagination: ({ count, activePage }: IPaginationHook) => (string | number)[] | undefined;
+import { IPaginationHook } from '../types';
+export declare const DOTS = "...";
+export declare const usePagination: ({ count, activePage }: IPaginationHook) => (string | number)[] | undefined;
 //# sourceMappingURL=usePagination.d.ts.map

package/dist/components/Pagination/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IPaginationProps } from './types';
-export declare function Pagination({ count, onChange, previousButtonIcon, nextButtonIcon, isDisabled, defaultPage, size, shape, variant, color, }: IPaginationProps): JSX.Element | null;
+/// <reference types="react" />
+import { IPaginationProps } from './types';
+export declare function Pagination({ count, onChange, previousButtonIcon, nextButtonIcon, isDisabled, defaultPage, size, shape, variant, color, }: IPaginationProps): JSX.Element | null;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Pagination/index.js

@@ -17,6 +17,8 @@ var _styles = require("./styles");
 
 var _react2 = require("@emotion/react");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -131,58 +133,65 @@ function Pagination(_ref) {
 
   function LargeView() {
     var paginationSequence = pagination === null || pagination === void 0 ? void 0 : pagination.map(function (number, index) {
-      return /*#__PURE__*/React.createElement(_styles.LargeViewWrap, {
-        key: "pagination-list".concat(index)
-      }, number === _usePagination.DOTS ? /*#__PURE__*/React.createElement(_styles.PageWrap, {
-        variant: variant,
-        shape: shape,
-        grayColor: grayColor,
-        numberOfPageColor: numberOfPageColor
-      }, number) : /*#__PURE__*/React.createElement(_styles.PaginationItem, {
-        shape: shape
-      }, /*#__PURE__*/React.createElement(_styles.PaginationButton, {
-        shape: shape,
-        numberOfPageColor: numberOfPageColor,
-        variant: variant,
-        color: color || themeColor,
-        grayColor: grayColor,
-        disabled: isDisabled,
-        onClick: handleClick,
-        isActivePage: activePage === number
-      }, number)));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.LargeViewWrap, {
+        children: number === _usePagination.DOTS ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.PageWrap, {
+          variant: variant,
+          shape: shape,
+          grayColor: grayColor,
+          numberOfPageColor: numberOfPageColor,
+          children: number
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.PaginationItem, {
+          shape: shape,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.PaginationButton, {
+            shape: shape,
+            numberOfPageColor: numberOfPageColor,
+            variant: variant,
+            color: color || themeColor,
+            grayColor: grayColor,
+            disabled: isDisabled,
+            onClick: handleClick,
+            isActivePage: activePage === number,
+            children: number
+          })
+        })
+      }, "pagination-list".concat(index));
     });
     return paginationSequence;
   }
 
   function SmallView() {
-    return /*#__PURE__*/React.createElement(_styles.SmallPageInfo, {
-      saturationColor: saturationColor
-    }, activePage, " de ", count);
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SmallPageInfo, {
+      saturationColor: saturationColor,
+      children: [activePage, " de ", count]
+    });
   }
 
   if (!count) return null;
-  return /*#__PURE__*/React.createElement(_styles.PaginationList, {
-    shape: shape,
-    size: size
-  }, /*#__PURE__*/React.createElement(_styles.PreviousNavigationButton, {
-    shape: shape,
-    saturationColor: saturationColor,
-    onClick: handlePreviousNavigate,
-    color: color || themeColor,
-    grayColor: grayColor,
-    disabled: previousButtonDisabled || isDisabled
-  }, /*#__PURE__*/React.createElement(_Icon.default, {
-    name: previousButtonIcon,
-    size: 16
-  })), size === 'large' && LargeView(), size === 'small' && SmallView(), /*#__PURE__*/React.createElement(_styles.NextNavigationButton, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.PaginationList, {
     shape: shape,
-    grayColor: grayColor,
-    saturationColor: saturationColor,
-    onClick: handleNextNavigate,
-    color: color || themeColor,
-    disabled: nextButtonDisabled || isDisabled
-  }, /*#__PURE__*/React.createElement(_Icon.default, {
-    name: nextButtonIcon,
-    size: 16
-  })));
+    size: size,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.PreviousNavigationButton, {
+      shape: shape,
+      saturationColor: saturationColor,
+      onClick: handlePreviousNavigate,
+      color: color || themeColor,
+      grayColor: grayColor,
+      disabled: previousButtonDisabled || isDisabled,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        name: previousButtonIcon,
+        size: 16
+      })
+    }), size === 'large' && LargeView(), size === 'small' && SmallView(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.NextNavigationButton, {
+      shape: shape,
+      grayColor: grayColor,
+      saturationColor: saturationColor,
+      onClick: handleNextNavigate,
+      color: color || themeColor,
+      disabled: nextButtonDisabled || isDisabled,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        name: nextButtonIcon,
+        size: 16
+      })
+    })]
+  });
 }

package/dist/components/Pagination/pagination.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=pagination.test.d.ts.map

package/dist/components/Pagination/pagination.test.js

@@ -8,6 +8,8 @@ require("@testing-library/jest-dom");
 
 var _ = require(".");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -23,7 +25,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 describe('Pagination', function () {
   it('Should render pagination', function () {
     var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Pagination, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
       count: numberOfPages
     }));
     expect(_react.screen.getByText('10')).toBeInTheDocument();
@@ -31,7 +33,7 @@ describe('Pagination', function () {
   it('Should call change function', function () {
     var fn = jest.fn();
     var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Pagination, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
       count: numberOfPages,
       onChange: fn
     }));
@@ -42,7 +44,7 @@ describe('Pagination', function () {
   });
   it('Should disable previous button when current page to be 1', function () {
     var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Pagination, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
       count: numberOfPages
     }));
 
@@ -54,7 +56,7 @@ describe('Pagination', function () {
   });
   it('Should disable next button when current page to be last page', function () {
     var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Pagination, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
       count: numberOfPages
     }));
 
@@ -70,7 +72,7 @@ describe('Pagination', function () {
   });
   it('Should change current page on Click', function () {
     var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Pagination, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
       count: numberOfPages
     }));
 
@@ -82,7 +84,7 @@ describe('Pagination', function () {
   });
   it('Should set hightlight color if color prop is provided', function () {
     var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Pagination, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
       count: numberOfPages,
       color: "#f6ca3f"
     }));
@@ -93,7 +95,7 @@ describe('Pagination', function () {
   });
   it('Should set circular button if shape circular is provided', function () {
     var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Pagination, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
       count: numberOfPages,
       shape: "circular"
     }));
@@ -106,7 +108,7 @@ describe('Pagination', function () {
   });
   it('Should set roundend button if shape rounded is provided', function () {
     var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Pagination, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
       count: numberOfPages,
       shape: "rounded"
     }));
@@ -119,7 +121,7 @@ describe('Pagination', function () {
   });
   it('Should render small pagination if size small is provided', function () {
     var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Pagination, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
       count: numberOfPages,
       size: "small"
     }));
@@ -127,7 +129,7 @@ describe('Pagination', function () {
   });
   it('Should render default selected page if defaultPage is provided', function () {
     var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Pagination, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
       count: numberOfPages,
       defaultPage: 5
     }));
@@ -138,7 +140,7 @@ describe('Pagination', function () {
   });
   it('Should disabled if isDisabledProp is provided', function () {
     var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Pagination, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
       count: numberOfPages,
       isDisabled: true
     }));

package/dist/components/Pagination/styles.d.ts

@@ -1,35 +1,35 @@
-/// <reference types="react" />
-import { IStyledPagination } from './types';
-export declare const PaginationList: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledPagination, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
-export declare const PaginationItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledPagination, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
-export declare const PaginationButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledPagination, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const PreviousNavigationButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledPagination, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const NextNavigationButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledPagination, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const SmallPageInfo: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledPagination, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const PageWrap: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledPagination, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
-export declare const LargeViewWrap: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { IStyledPagination } from './types';
+export declare const PaginationList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledPagination, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const PaginationItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledPagination, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const PaginationButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledPagination, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const PreviousNavigationButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledPagination, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const NextNavigationButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledPagination, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const SmallPageInfo: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledPagination, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const PageWrap: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledPagination, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const LargeViewWrap: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Pagination/types.d.ts

@@ -1,29 +1,29 @@
-import { ExtendThemeProps } from 'src';
-import { IconName } from '../Icon/types';
-export interface IPaginationProps {
-    count: number;
-    defaultPage?: number;
-    variant?: 'outlined' | 'text';
-    shape?: 'circular' | 'rounded';
-    size?: 'small' | 'large';
-    previousButtonIcon?: IconName;
-    nextButtonIcon?: IconName;
-    color?: string;
-    isDisabled?: boolean;
-    onChange?: (value: number) => void;
-}
-export interface IPaginationHook {
-    count: number;
-    activePage: number;
-}
-export interface IStyledPagination {
-    theme?: ExtendThemeProps;
-    isActivePage?: boolean;
-    variant?: 'outlined' | 'text';
-    shape?: 'circular' | 'rounded';
-    size?: 'small' | 'large';
-    numberOfPageColor?: string;
-    grayColor?: string;
-    saturationColor?: string;
-}
+import { ExtendThemeProps } from 'src';
+import { IconName } from '../Icon/types';
+export interface IPaginationProps {
+    count: number;
+    defaultPage?: number;
+    variant?: 'outlined' | 'text';
+    shape?: 'circular' | 'rounded';
+    size?: 'small' | 'large';
+    previousButtonIcon?: IconName;
+    nextButtonIcon?: IconName;
+    color?: string;
+    isDisabled?: boolean;
+    onChange?: (value: number) => void;
+}
+export interface IPaginationHook {
+    count: number;
+    activePage: number;
+}
+export interface IStyledPagination {
+    theme?: ExtendThemeProps;
+    isActivePage?: boolean;
+    variant?: 'outlined' | 'text';
+    shape?: 'circular' | 'rounded';
+    size?: 'small' | 'large';
+    numberOfPageColor?: string;
+    grayColor?: string;
+    saturationColor?: string;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Progress/Circle/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { Circle } from '../type';
-export declare function CircleProgress({ percent, isAnimated, color, size, stroke, circleBody, grayColor, showValue, steps, }: Circle): JSX.Element;
+/// <reference types="react" />
+import { Circle } from '../type';
+export declare function CircleProgress({ percent, isAnimated, color, size, stroke, circleBody, grayColor, showValue, steps, }: Circle): JSX.Element;
 //# sourceMappingURL=index.d.ts.map