zebpay-ui 0.0.21 → 0.0.22

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

@@ -1,4 +1,6 @@
 export interface CircularLoaderProps {
     size: number;
     color?: string;
+    fillColor?: string;
+    borderWidth?: number;
 }

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

@@ -20,5 +20,7 @@ export interface InputProps {
         label: string;
         onClick: () => void;
     };
+    onFocus?: () => void;
+    onBlur?: () => void;
     autoComplete?: "on" | "off";
 }

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

@@ -7,7 +7,7 @@ export interface OptionsProps<T> {
 }
 export interface SelectProps<T> {
     placeholder: string;
-    style: SerializedStyles;
+    style?: SerializedStyles;
     search?: {
         placeholder: string;
         value: string;

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

@@ -0,0 +1,12 @@
+/** @jsxImportSource @emotion/react */
+import React from "react";
+import { TabItem, TabType } from "../typings";
+interface TabsDropdownProps {
+    isSelected: boolean;
+    title: JSX.Element | string;
+    list: TabItem[];
+    onChange: (value: TabItem) => void;
+    type: TabType;
+}
+declare const TabsDropdown: React.FC<TabsDropdownProps>;
+export default TabsDropdown;

package/dist/cjs/components/Tabs/TabsDropdown/styles.d.ts

@@ -0,0 +1,6 @@
+export declare const tabDropdown: import("@emotion/utils").SerializedStyles;
+export declare const menu: import("@emotion/utils").SerializedStyles;
+export declare const menuItem: import("@emotion/utils").SerializedStyles;
+export declare const activeItem: import("@emotion/utils").SerializedStyles;
+export declare const tertiaryNotActive: import("@emotion/utils").SerializedStyles;
+export declare const selectOverlay: import("@emotion/utils").SerializedStyles;

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

@@ -5,10 +5,13 @@ export interface TabItem {
     title: JSX.Element | string;
     tab: string;
     style?: SerializedStyles;
+    isCustomActiveState?: boolean;
 }
 export interface TabProps {
     selectedTab: string;
     tabsList: TabItem[];
+    tabsCount?: number;
+    dropdownPlaceHolder?: JSX.Element | string;
     onChange: (value: string) => void;
     type: TabType;
     style?: SerializedStyles;

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

@@ -1,6 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import React from "react";
 import { ToastProps } from "./typings";
-export declare const generateToast: ({ title, description, type, onClose, }: ToastProps) => void;
+export declare const generateToast: ({ title, description, type, onClose, style, }: ToastProps) => void;
 declare const Toast: React.FC<ToastProps>;
 export default Toast;

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

@@ -1,6 +1,8 @@
+import { SerializedStyles } from "@emotion/react";
 export interface ToastProps {
     title: string;
-    description: string;
+    description?: string;
     type: "info" | "error" | "success";
     onClose?: () => void;
+    style?: SerializedStyles;
 }

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

@@ -1,10 +1,4 @@
 /// <reference types="react" />
-/** @jsxImportSource @emotion/react */
-import { SerializedStyles } from "@emotion/react";
-interface TooltipProps {
-    content: JSX.Element | string;
-    disabled?: boolean;
-    style?: SerializedStyles;
-}
+import { TooltipProps } from "./typings";
 declare const Tooltip: React.FC<TooltipProps>;
 export default Tooltip;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { SerializedStyles } from "@emotion/react";
+export declare type Position = "top-left" | "top-center" | "top-right" | "middle-left" | "middle-center" | "middle-right" | "bottom-left" | "bottom-center" | "bottom-right";
+export interface TooltipProps {
+    content: JSX.Element | string;
+    disabled?: boolean;
+    style?: SerializedStyles;
+    position?: Position;
+}

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

@@ -1,21 +1,21 @@
 import Accordion from "./Accordion";
 import Button from "./Button";
+import CalendarPicker from "./CalendarPicker";
 import Card from "./Card";
 import Checkbox from "./Checkbox";
 import CircularLoader from "./CircularLoader";
-import CalendarPicker from "./CalendarPicker";
 import Icon from "./Icon";
 import IconButton from "./IconButton";
 import Input from "./Input";
 import PinInput from "./PinInput";
 import Popper from "./Popper";
 import Radio from "./Radio";
+import SearchInput from "./SearchInput";
 import Select from "./Select";
 import Shimmer from "./Shimmer";
 import SidePanel from "./SidePanel";
-import Tags from "./Tags";
-import SearchInput from "./SearchInput";
 import Tabs from "./Tabs";
+import Tags from "./Tags";
 import Toast from "./Toast";
 import Tooltip from "./Tooltip";
 export { Accordion, Button, Card, Checkbox, CircularLoader, CalendarPicker, Icon, IconButton, Input, PinInput, Popper, Radio, Select, Shimmer, SearchInput, SidePanel, Tags, Tabs, Toast, Tooltip, };