zebpay-ui 0.0.66 → 0.0.68

package/dist/cjs/components/Accordion/index.d.ts

@@ -1,12 +1,13 @@
 /** @jsxImportSource @emotion/react */
 import { SerializedStyles } from "@emotion/react";
-import React, { FC } from "react";
+import React, { FC, ReactNode } from "react";
 import "./../../../dist/icons/icons.css";
 interface AccordionProps {
     title: React.ReactNode;
     isOpen: boolean;
     onToggle: (value: boolean) => void;
     style?: SerializedStyles;
+    children?: ReactNode;
 }
 declare const Accordion: FC<AccordionProps>;
 export default Accordion;

package/dist/cjs/components/Accordion/style.d.ts

@@ -1,5 +1,6 @@
-export declare const accordionWrapper: import("@emotion/utils").SerializedStyles;
+export declare const accordionWrapper: (isOpen: boolean) => import("@emotion/utils").SerializedStyles;
 export declare const accordionTitle: import("@emotion/utils").SerializedStyles;
 export declare const accordionIcon: import("@emotion/utils").SerializedStyles;
 export declare const accordionCollapsed: import("@emotion/utils").SerializedStyles;
 export declare const accordionContent: import("@emotion/utils").SerializedStyles;
+export declare const iconStyle: (isOpen: boolean) => import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/Avatar/typings.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Interpolation, Theme } from "@emotion/react";
 import { AvatarSpacing } from "../AvatarGroup/typings";
 export declare type AvatareSize = "small" | "medium" | "large";
@@ -11,6 +12,7 @@ export interface AvatarProps {
     loading?: boolean;
     style?: Interpolation<Theme>;
     spacing: AvatarSpacing;
+    children?: React.ReactNode;
 }
 export interface SizingProps {
     width: number;

package/dist/cjs/components/Button/styles.d.ts

@@ -1,4 +1,4 @@
-export declare const general: import("@emotion/utils").SerializedStyles;
+export declare const general: (width?: number | undefined) => import("@emotion/utils").SerializedStyles;
 export declare const linkButton: import("@emotion/utils").SerializedStyles;
 export declare const primaryButton: import("@emotion/utils").SerializedStyles;
 export declare const secondaryButton: import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/Button/typings.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Interpolation, Theme } from "@emotion/react";
 export declare type ButtonSize = "small" | "medium" | "large" | "full-width";
 export declare type ButtonTypeAttribute = "button" | "reset" | "submit";
@@ -11,4 +12,6 @@ export interface ButtonProps {
     style?: Interpolation<Theme>;
     typeAttribute?: ButtonTypeAttribute;
     dataTestId?: string;
+    width?: number;
+    children?: React.ReactNode;
 }

package/dist/cjs/components/Card/index.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 export interface CardProps {
     title: string;
     headerNav?: React.ReactNode;
+    children?: React.ReactNode;
 }
 declare const Card: React.FC<CardProps>;
 export default Card;

package/dist/cjs/components/Divider/index.d.ts

@@ -0,0 +1,13 @@
+/** @jsxImportSource @emotion/react */
+import React from "react";
+import { SerializedStyles } from "@emotion/react";
+export interface DividerProps {
+    spacing: number;
+    spacingTop?: number;
+    spacingBottom?: number;
+    color?: string;
+    height?: number;
+    style?: SerializedStyles;
+}
+declare const Divider: React.FC<DividerProps>;
+export default Divider;

package/dist/cjs/components/Divider/styles.d.ts

@@ -0,0 +1,2 @@
+import { DividerProps } from ".";
+export declare const divider: (props: DividerProps) => import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/IconBox/index.d.ts

@@ -0,0 +1,16 @@
+/** @jsxImportSource @emotion/react */
+import React from "react";
+import { SerializedStyles } from "@emotion/react";
+export interface IconBoxProps {
+    icon: string;
+    size?: number;
+    iconSize?: number;
+    onClick?: () => void;
+    bgColor?: string;
+    iconColor?: string;
+    boxStyle?: SerializedStyles;
+    iconStyle?: SerializedStyles;
+    withHover?: boolean;
+}
+declare const IconBox: React.FC<IconBoxProps>;
+export default IconBox;

package/dist/cjs/components/IconBox/styles.d.ts

@@ -0,0 +1,3 @@
+import { IconBoxProps } from ".";
+export declare const container: (data: IconBoxProps) => import("@emotion/utils").SerializedStyles;
+export declare const withHoverStyle: import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/InputDropDown/typings.d.ts

@@ -10,7 +10,7 @@ export interface InputDropDownProps<T> {
     search: {
         placeholder: string;
         value: string;
-        onChange(value: string): void;
+        onChange: (value: string) => void;
         onClear?: () => void;
     };
     placeholder: string | React.ReactNode;

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

@@ -0,0 +1,5 @@
+/** @jsxImportSource @emotion/react */
+import React from "react";
+import { PaginationProps } from "./typings";
+declare const Pagination: React.FC<PaginationProps>;
+export default Pagination;

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

@@ -0,0 +1,5 @@
+export declare const smallCardWithBg: import("@emotion/utils").SerializedStyles;
+export declare const arrow: import("@emotion/utils").SerializedStyles;
+export declare const pageLink: import("@emotion/utils").SerializedStyles;
+export declare const active: import("@emotion/utils").SerializedStyles;
+export declare const pageItem: import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/Pagination/typings.d.ts

@@ -0,0 +1,9 @@
+import { SerializedStyles } from "@emotion/react";
+export interface PaginationProps {
+    onPageChange: (updatedPage: number) => void;
+    totalCount: number;
+    pageSize: number;
+    siblingCount: number;
+    currentPage: number;
+    style?: SerializedStyles;
+}

package/dist/cjs/components/Popper/typings.d.ts

@@ -8,4 +8,5 @@ export interface PopperProps {
     contentContainerStyles?: SerializedStyles;
     style?: SerializedStyles;
     position?: Position;
+    children?: React.ReactNode;
 }

package/dist/cjs/components/Shimmer/style.d.ts

@@ -3,5 +3,5 @@ import { SizeType } from "./typings";
 export declare const shimmerAnimation: (width: number, widthSizeType: SizeType) => import("@emotion/react").Keyframes;
 export declare const shimmerContainer: (theme: Theme, width: number, widthSizeType: SizeType) => import("@emotion/utils").SerializedStyles;
 export declare const lightDarkShimmer: import("@emotion/utils").SerializedStyles;
-export declare const translate: (width: number) => import("@emotion/react").Keyframes;
-export declare const shimmerLine: (width: number) => import("@emotion/utils").SerializedStyles;
+export declare const translate: (width: number, widthSizeType: SizeType) => import("@emotion/react").Keyframes;
+export declare const shimmerLine: (width: number, widthSizeType: SizeType) => import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/SidePanel/index.d.ts

@@ -11,6 +11,8 @@ interface SidePanelProps {
     style?: SerializedStyles;
     overlayStyle?: SerializedStyles;
     hideClose?: boolean;
+    children?: React.ReactNode;
+    closeStyle?: SerializedStyles;
 }
 declare const SidePanel: FC<SidePanelProps>;
 export default SidePanel;

package/dist/cjs/components/Tags/index.d.ts

@@ -9,6 +9,9 @@ export interface TagProps {
     isStroke?: boolean;
     size?: TagSize;
     animate?: boolean;
+    dataTestId?: string;
+    icon?: string;
+    children?: React.ReactNode;
 }
 declare const Tags: React.FC<TagProps>;
 export default Tags;

package/dist/cjs/components/Tags/style.d.ts

@@ -1,3 +1,4 @@
 import { TagSize } from ".";
 export declare const tagWrapper: (animate: boolean) => import("@emotion/utils").SerializedStyles;
 export declare const tagsSize: (size: TagSize) => import("@emotion/utils").SerializedStyles;
+export declare const iconStyle: (size: TagSize) => import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/Tooltip/typings.d.ts

@@ -9,4 +9,5 @@ export interface TooltipProps {
     contentStyle?: SerializedStyles;
     contentContainerStyles?: SerializedStyles;
     isStroke?: boolean;
+    children?: React.ReactNode;
 }

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

@@ -4,8 +4,10 @@ import CalendarPicker from "./CalendarPicker";
 import Card from "./Card";
 import Checkbox from "./Checkbox";
 import CircularLoader from "./CircularLoader";
+import Divider from "./Divider";
 import Icon from "./Icon";
 import IconButton from "./IconButton";
+import IconBox from "./IconBox";
 import Input from "./Input";
 import InputDropDown from "./InputDropDown";
 import PinInput from "./PinInput";
@@ -24,4 +26,5 @@ import Tooltip from "./Tooltip";
 import Switch from "./Switch";
 import Avatar from "./Avatar";
 import AvatarGroup from "./AvatarGroup";
-export { Accordion, Button, Card, Checkbox, CircularLoader, CalendarPicker, Icon, IconButton, Input, InputDropDown, PinInput, Popper, Radio, RadioGroup, RewardOMeter, Select, Shimmer, SearchInput, SidePanel, Tags, Tabs, Toast, Tooltip, Switch, Avatar, AvatarGroup, generateToast, };
+import Pagination from "./Pagination";
+export { Accordion, Button, Card, Checkbox, CircularLoader, CalendarPicker, Divider, Icon, IconButton, IconBox, Input, InputDropDown, PinInput, Popper, Radio, RadioGroup, RewardOMeter, Select, Shimmer, SearchInput, SidePanel, Tags, Tabs, Toast, Tooltip, Switch, Avatar, AvatarGroup, Pagination, generateToast, };

package/dist/cjs/hooks/index.d.ts

@@ -1 +1,2 @@
 export { default as useFocus } from "./useFocus";
+export { default as usePagination } from "./usePagination";

package/dist/cjs/hooks/usePagination.d.ts

@@ -0,0 +1,7 @@
+export declare const DOTS = "...";
+interface PaginationResult {
+    pages: Array<number | string>;
+    lastPage: number;
+}
+export default function usePagination(totalCount: number, pageSize: number, siblingCount: number | undefined, currentPage: number): PaginationResult;
+export {};