zebpay-ui 0.0.14 → 0.0.17

package/{release.md → Release.md}

@@ -1,4 +1,4 @@
-### Build steps:
+### Release steps:
 
 ```
 yarn install;

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

@@ -1,3 +1,4 @@
+export declare const general: 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/CalendarPicker/index.d.ts

@@ -0,0 +1,9 @@
+/** @jsxImportSource @emotion/react */
+import "react-calendar/dist/Calendar.css";
+import React from "react";
+import "./../../../dist/icons/icons.css";
+import { DateRangePickerProps } from "./typings";
+export declare const unixFormat: (date: Date) => number;
+export declare const dateFormat: (date: number) => Date;
+declare const CalendarPicker: React.FC<DateRangePickerProps>;
+export default CalendarPicker;

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

@@ -0,0 +1,4 @@
+export declare const alignNav: import("@emotion/utils").SerializedStyles;
+export declare const monthArrow: import("@emotion/utils").SerializedStyles;
+export declare const navigationLabel: import("@emotion/utils").SerializedStyles;
+export declare const dateRangePicker: import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,12 @@
+import { SerializedStyles } from "@emotion/react";
+export interface DateRange {
+    startDate: number;
+    endDate: number;
+}
+export interface DateRangePickerProps {
+    style?: SerializedStyles;
+    activeStartDate?: number;
+    onChange: (dateRange: DateRange | number) => void;
+    multiple?: boolean;
+    range?: boolean;
+}

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

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

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

@@ -0,0 +1,3 @@
+export declare const cardStyle: import("@emotion/utils").SerializedStyles;
+export declare const cardHeader: import("@emotion/utils").SerializedStyles;
+export declare const cardBody: import("@emotion/utils").SerializedStyles;

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

@@ -2,7 +2,6 @@ export declare const pins: import("@emotion/utils").SerializedStyles;
 export declare const label: import("@emotion/utils").SerializedStyles;
 export declare const inputFocused: import("@emotion/utils").SerializedStyles;
 export declare const invalidPins: import("@emotion/utils").SerializedStyles;
-export declare const disabledPins: import("@emotion/utils").SerializedStyles;
 export declare const inputContainer: import("@emotion/utils").SerializedStyles;
 export declare const input: import("@emotion/utils").SerializedStyles;
 export declare const disabledInput: import("@emotion/utils").SerializedStyles;

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

@@ -1,5 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import * as React from "react";
 import { PopperProps } from "./typings";
+import "./../../../dist/icons/icons.css";
 declare const Popper: React.FC<PopperProps>;
 export default Popper;

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

@@ -1,6 +1,3 @@
 export declare const container: import("@emotion/utils").SerializedStyles;
 export declare const popup: import("@emotion/utils").SerializedStyles;
-export declare const header: import("@emotion/utils").SerializedStyles;
-export declare const button: import("@emotion/utils").SerializedStyles;
-export declare const closer: import("@emotion/utils").SerializedStyles;
-export declare const label: (hovered?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+export declare const closeButton: import("@emotion/utils").SerializedStyles;

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

@@ -1,14 +1,7 @@
 import { SerializedStyles } from "@emotion/react";
 import { ReactElement } from "react";
-import { ButtonProps } from "../Button/typings";
 export interface PopperProps {
-    label: string;
+    content: ReactElement;
     onClose?: () => void;
-    buttonProps?: ButtonProps;
-    renderChildren: (props: ChildrenProps) => ReactElement;
     style?: SerializedStyles;
 }
-export interface ChildrenProps {
-    close: () => void;
-    isOpened: boolean;
-}

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

@@ -0,0 +1,15 @@
+/** @jsxImportSource @emotion/react */
+import React from "react";
+import { SerializedStyles } from "@emotion/react";
+import { InputTargetProps } from "./../Input/typings";
+import "./../../../dist/icons/icons.css";
+interface SearchInputProps {
+    value: React.ReactText;
+    placeholder?: string;
+    onChange: (target: InputTargetProps) => void;
+    onClear?: () => void;
+    autoFocus?: boolean;
+    style?: SerializedStyles;
+}
+declare const SearchInput: React.FC<SearchInputProps>;
+export default SearchInput;

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

@@ -0,0 +1,5 @@
+export declare const inputGroup: import("@emotion/utils").SerializedStyles;
+export declare const inputPrepend: import("@emotion/utils").SerializedStyles;
+export declare const focused: import("@emotion/utils").SerializedStyles;
+export declare const searchInput: import("@emotion/utils").SerializedStyles;
+export declare const searchButton: import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,5 @@
+import React from "react";
+import "./../../../dist/icons/icons.css";
+import { SelectProps } from "./typings";
+declare const Select: React.FC<SelectProps<string>>;
+export default Select;

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

@@ -0,0 +1,10 @@
+export declare const wrapper: import("@emotion/utils").SerializedStyles;
+export declare const button: import("@emotion/utils").SerializedStyles;
+export declare const active: import("@emotion/utils").SerializedStyles;
+export declare const selectOverlay: import("@emotion/utils").SerializedStyles;
+export declare const optionsWrapper: import("@emotion/utils").SerializedStyles;
+export declare const options: import("@emotion/utils").SerializedStyles;
+export declare const optionItem: import("@emotion/utils").SerializedStyles;
+export declare const optionItems: import("@emotion/utils").SerializedStyles;
+export declare const optionSecondName: import("@emotion/utils").SerializedStyles;
+export declare const selected: import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { SerializedStyles } from "@emotion/react";
+export interface OptionsProps<T> {
+    label: JSX.Element | string;
+    displayLabel: JSX.Element | string;
+    value: T;
+}
+export interface SelectProps<T> {
+    placeholder: string;
+    style: SerializedStyles;
+    search?: {
+        placeholder: string;
+        value: string;
+        onChange(value: string): void;
+        onClear?: () => void;
+    };
+    options: OptionsProps<T>[];
+    selected: T;
+    onChange(value: string): void;
+}

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

@@ -0,0 +1,10 @@
+/** @jsxImportSource @emotion/react */
+import { SerializedStyles } from "@emotion/react";
+import React from "react";
+interface ShimmerProps {
+    height: number;
+    width: number;
+    style?: SerializedStyles;
+}
+declare const Shimmer: React.FC<ShimmerProps>;
+export default Shimmer;

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

@@ -0,0 +1,2 @@
+export declare const shimmerAnimation: (width: number) => import("@emotion/react").Keyframes;
+export declare const shimmerContainer: (width: number) => import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,12 @@
+/** @jsxImportSource @emotion/react */
+import { FC } from "react";
+import "./../../../dist/icons/icons.css";
+interface SidePanelProps {
+    title: string;
+    open: boolean;
+    isBack?: boolean;
+    onBack?: () => void;
+    onClose?: () => void;
+}
+declare const SidePanel: FC<SidePanelProps>;
+export default SidePanel;

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

@@ -0,0 +1,8 @@
+export declare const wrapper: import("@emotion/utils").SerializedStyles;
+export declare const overlay: import("@emotion/utils").SerializedStyles;
+export declare const sidePanel: import("@emotion/utils").SerializedStyles;
+export declare const sidePanelOpen: import("@emotion/utils").SerializedStyles;
+export declare const header: import("@emotion/utils").SerializedStyles;
+export declare const titleStyle: import("@emotion/utils").SerializedStyles;
+export declare const headerCTA: import("@emotion/utils").SerializedStyles;
+export declare const content: import("@emotion/utils").SerializedStyles;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SerializedStyles } from "@emotion/react";
 export declare type TabType = "primary" | "secondary" | "tertiary";
 export interface TabItem {

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

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

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

@@ -0,0 +1,2 @@
+export declare const container: import("@emotion/utils").SerializedStyles;
+export declare const content: import("@emotion/utils").SerializedStyles;

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

@@ -1,12 +1,19 @@
 import Accordion from "./Accordion";
 import Button from "./Button";
+import Card from "./Card";
 import Checkbox from "./Checkbox";
 import CircularLoader from "./CircularLoader";
+import CalendarPicker from "./CalendarPicker";
 import Input from "./Input";
 import PinInput from "./PinInput";
 import Popper from "./Popper";
 import Radio from "./Radio";
+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 Toast from "./Toast";
-export { Accordion, Button, Checkbox, CircularLoader, Input, PinInput, Popper, Radio, Tags, Tabs, Toast, };
+import Tooltip from "./Tooltip";
+export { Accordion, Button, Card, Checkbox, CircularLoader, CalendarPicker, Input, PinInput, Popper, Radio, Select, Shimmer, SearchInput, SidePanel, Tags, Tabs, Toast, Tooltip, };