@pedidopago/ui 1.7.0-0 → 1.7.2

package/dist/components/MultipleSelect/components/SelectArea/ButtonsArea.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-export declare const ButtonsArea: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    disabled: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Button: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    show: boolean;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+/// <reference types="react" />
+export declare const ButtonsArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    disabled: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Button: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    show: boolean;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 //# sourceMappingURL=ButtonsArea.d.ts.map

package/dist/components/MultipleSelect/components/SelectArea/SelectAreaWrapper.d.ts

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

package/dist/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-export declare const SelectedOptionsArea: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    multiple?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SelectedSingleOption: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    disabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SelectedOption: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const SelectedOptionText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+export declare const SelectedOptionsArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    multiple?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SelectedSingleOption: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    disabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SelectedOption: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const SelectedOptionText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=SelectedOptionsArea.d.ts.map

package/dist/components/MultipleSelect/components/SelectArea/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ISelectAreaProps } from './types';
-export declare const SelectArea: import("react").ForwardRefExoticComponent<ISelectAreaProps & import("react").RefAttributes<HTMLDivElement>>;
+/// <reference types="react" />
+import { ISelectAreaProps } from './types';
+export declare const SelectArea: import("react").ForwardRefExoticComponent<ISelectAreaProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/MultipleSelect/components/SelectArea/styles.d.ts

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import { SelectType } from '../../types';
-export declare const Label: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    animate: boolean;
-}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const Placeholder: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const HelperText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    selectType: SelectType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { SelectType } from '../../types';
+export declare const Label: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    animate: boolean;
+}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const Placeholder: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const HelperText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    selectType: SelectType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/MultipleSelect/components/SelectArea/types.d.ts

@@ -1,23 +1,23 @@
-import { ReactElement } from 'react';
-import { ExtendThemeProps } from '../../../../shared/theme';
-import { SelectType, SelectData } from '../../types';
-export interface ISelectAreaProps {
-    disabled: boolean;
-    label?: string;
-    inputAlert?: SelectType;
-    dropDownIcon?: ReactElement;
-    multiple?: boolean;
-    placeholder?: string;
-    isLoadingData?: boolean;
-    selectedOptions: SelectData[];
-    removeSelectedOption: (e: React.MouseEvent<HTMLElement>, option?: SelectData) => void;
-    setShowOptionsArea: (show: boolean) => void;
-    setSelectedOptions: (array: SelectData[]) => void;
-    toggleOptionsAreaView: (e: React.MouseEvent<HTMLElement>) => void;
-}
-export type InputWrapperType = {
-    disabled: boolean;
-    selectType: SelectType;
-    theme?: ExtendThemeProps;
-};
+import { ReactElement } from 'react';
+import { ExtendThemeProps } from '../../../../shared/theme';
+import { SelectType, SelectData } from '../../types';
+export interface ISelectAreaProps {
+    disabled: boolean;
+    label?: string;
+    inputAlert?: SelectType;
+    dropDownIcon?: ReactElement;
+    multiple?: boolean;
+    placeholder?: string;
+    isLoadingData?: boolean;
+    selectedOptions: SelectData[];
+    removeSelectedOption: (e: React.MouseEvent<HTMLElement>, option?: SelectData) => void;
+    setShowOptionsArea: (show: boolean) => void;
+    setSelectedOptions: (array: SelectData[]) => void;
+    toggleOptionsAreaView: (e: React.MouseEvent<HTMLElement>) => void;
+}
+export type InputWrapperType = {
+    disabled: boolean;
+    selectType: SelectType;
+    theme?: ExtendThemeProps;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,4 +1,4 @@
-export * from './InputWrapper';
-export * from './SelectArea';
-export * from './OptionsArea';
+export * from './InputWrapper';
+export * from './SelectArea';
+export * from './OptionsArea';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,6 +1,6 @@
-import { ComponentPropsWithoutRef, FC } from 'react';
-import { ISelectInputProps } from './types';
-type Props = ComponentPropsWithoutRef<'p'>;
-declare const MultipleSelect: FC<ISelectInputProps & Props>;
-export default MultipleSelect;
+import { ComponentPropsWithoutRef, FC } from 'react';
+import { ISelectInputProps } from './types';
+type Props = ComponentPropsWithoutRef<'p'>;
+declare const MultipleSelect: FC<ISelectInputProps & Props>;
+export default MultipleSelect;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,45 +1,45 @@
-import { ReactElement } from 'react';
-import { ExtendThemeProps } from 'src';
-export type SelectData = {
-    label: string;
-    value: string;
-};
-export type SelectType = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary' | undefined;
-export interface IStyleProps {
-    isLoadingData?: boolean;
-    width?: number;
-    fullWidth?: boolean;
-    animate?: boolean;
-    disabled?: boolean;
-    selected?: boolean;
-    itensLength?: number;
-    selectType?: SelectType;
-    theme?: ExtendThemeProps;
-    active?: boolean;
-    top: string;
-    left: string;
-}
-export interface ISelectInputProps {
-    data?: Array<SelectData>;
-    isLoadingData?: boolean;
-    maxSelects?: number;
-    label?: string;
-    multiple?: boolean;
-    width?: string;
-    fullWidth?: boolean;
-    disabled?: boolean;
-    selectType?: SelectType;
-    dropDownIcon?: ReactElement;
-    AutoComplete?: boolean;
-    value?: Array<SelectData>;
-    helperText?: string;
-    defaultSelectedOptions?: Array<SelectData>;
-    onChangeValue?: (data: Array<SelectData>) => void;
-    onChangeSearch?: (data: string) => void;
-    onFinished?: (bool: boolean) => void;
-    autoCompleteHelperText?: string;
-    loadMoreData?: () => void;
-    hasMoreData?: boolean;
-    infiniteScroll?: boolean;
-}
+import { ReactElement } from 'react';
+import { ExtendThemeProps } from 'src';
+export type SelectData = {
+    label: string;
+    value: string;
+};
+export type SelectType = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary' | undefined;
+export interface IStyleProps {
+    isLoadingData?: boolean;
+    width?: number;
+    fullWidth?: boolean;
+    animate?: boolean;
+    disabled?: boolean;
+    selected?: boolean;
+    itensLength?: number;
+    selectType?: SelectType;
+    theme?: ExtendThemeProps;
+    active?: boolean;
+    top: string;
+    left: string;
+}
+export interface ISelectInputProps {
+    data?: Array<SelectData>;
+    isLoadingData?: boolean;
+    maxSelects?: number;
+    label?: string;
+    multiple?: boolean;
+    width?: string;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    selectType?: SelectType;
+    dropDownIcon?: ReactElement;
+    AutoComplete?: boolean;
+    value?: Array<SelectData>;
+    helperText?: string;
+    defaultSelectedOptions?: Array<SelectData>;
+    onChangeValue?: (data: Array<SelectData>) => void;
+    onChangeSearch?: (data: string) => void;
+    onFinished?: (bool: boolean) => void;
+    autoCompleteHelperText?: string;
+    loadMoreData?: () => void;
+    hasMoreData?: boolean;
+    infiniteScroll?: boolean;
+}
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { ObserverProps } from './types';
-export declare function Observer({ onObserved, observerOptions, children, ...props }: ObserverProps): JSX.Element;
-export declare namespace Observer {
-    var displayName: string;
-}
+/// <reference types="react" />
+import { ObserverProps } from './types';
+export declare function Observer({ onObserved, observerOptions, children, ...props }: ObserverProps): JSX.Element;
+export declare namespace Observer {
+    var displayName: string;
+}
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Observer/observer.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=observer.test.d.ts.map

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

@@ -1,7 +1,7 @@
-import { HTMLAttributes, ReactNode } from 'react';
-export type ObserverProps = HTMLAttributes<HTMLDivElement> & {
-    onObserved: () => void;
-    children: ReactNode;
-    observerOptions?: IntersectionObserverInit | undefined;
-};
+import { HTMLAttributes, ReactNode } from 'react';
+export type ObserverProps = HTMLAttributes<HTMLDivElement> & {
+    onObserved: () => void;
+    children: ReactNode;
+    observerOptions?: IntersectionObserverInit | undefined;
+};
 //# 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/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/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 { CircleProps } from './types';
-export declare function CircleProgress({ percent, isAnimated, percentBarColor, size, stroke, circleBody, showValue, steps, }: CircleProps): JSX.Element;
+/// <reference types="react" />
+import { CircleProps } from './types';
+export declare function CircleProgress({ percent, isAnimated, percentBarColor, size, stroke, circleBody, showValue, steps, }: CircleProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Circle/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,eAAe,EACf,IAAI,EACJ,MAAM,EACN,UAAU,EACV,SAAS,EACT,KAAK,GACN,EAAE,WAAW,eA0Eb"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/Circle/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,eAAe,EACf,IAAI,EACJ,MAAM,EACN,UAAU,EACV,SAAS,EACT,KAAK,GACN,EAAE,WAAW,eAoFb"}

package/dist/components/Progress/Circle/index.js

@@ -36,11 +36,19 @@ function CircleProgress(_ref) {
   var theme = (0, _react2.useTheme)();
   var radius = (size || 100) / 2 - (stroke || 10) / 2;
   var circumference = 2 * Math.PI * radius;
+  var isPercentString = typeof percent === 'string';
   (0, _react.useEffect)(function () {
-    setPercentProgress(percent <= 100 ? circumference - percent / 100 * circumference : 100);
-    var percentValue = Math.abs(percentProgress / circumference * 100 - 100);
-    if (showValue === 'percent') setMetric(Math.round(percentValue));
-    if (showValue === 'step' && steps) setMetric((0, _getSteps.getSteps)(steps, percentValue));
+    if (typeof percent === 'string') {
+      setPercentProgress(circumference - 0 / 100 * circumference);
+      if (showValue === 'percent') setMetric(percent);
+      return;
+    }
+    if (typeof percent === 'number') {
+      setPercentProgress(percent <= 100 ? circumference - percent / 100 * circumference : 100);
+      var percentValue = Math.abs(Number(percentProgress) / circumference * 100 - 100);
+      if (showValue === 'percent') setMetric(Math.round(percentValue));
+      if (showValue === 'step' && steps) setMetric((0, _getSteps.getSteps)(steps, percentValue));
+    }
   }, [percent, circumference, percentProgress, showValue, steps]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.CircleArea, {
     size: size && size + 1,
@@ -49,9 +57,9 @@ function CircleProgress(_ref) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
         className: "valueMetric",
         children: metric
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+      }), !isPercentString && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
         className: "metric",
-        children: [" ", showValue === 'percent' ? '%' : "/".concat(steps)]
+        children: showValue === 'percent' ? '%' : "/".concat(steps)
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SVGArea, {
       size: size && size + 1,

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

@@ -1,28 +1,28 @@
-/// <reference types="react" />
-import { DisplayValueProps } from '../types';
-import { CircleStyleProps, CircleBodyProps } from './types';
-export declare const CircleArea: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    size?: number | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Value: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & DisplayValueProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SVGArea: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    size?: number | undefined;
-}, import("react").SVGProps<SVGSVGElement>, {}>;
-export declare const SVGCircle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & CircleStyleProps, import("react").SVGProps<SVGCircleElement>, {}>;
-export declare const SVGSecondCircle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & CircleBodyProps, import("react").SVGProps<SVGCircleElement>, {}>;
+/// <reference types="react" />
+import { DisplayValueProps } from '../types';
+import { CircleStyleProps, CircleBodyProps } from './types';
+export declare const CircleArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    size?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Value: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & DisplayValueProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SVGArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    size?: number | undefined;
+}, import("react").SVGProps<SVGSVGElement>, {}>;
+export declare const SVGCircle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & CircleStyleProps, import("react").SVGProps<SVGCircleElement>, {}>;
+export declare const SVGSecondCircle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & CircleBodyProps, import("react").SVGProps<SVGCircleElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Progress/Circle/styles.js

@@ -53,7 +53,7 @@ var SVGCircle = _styled.default.circle(_templateObject4 || (_templateObject4 = _
   return circumference || 0;
 }, function (_ref13) {
   var percent = _ref13.percent;
-  return percent || 0;
+  return typeof percent === 'number' ? percent : 0;
 }, function (_ref14) {
   var isAnimated = _ref14.isAnimated;
   return isAnimated && 'stroke-dashoffset 1s ease';