zebpay-ui 0.0.116 → 0.0.118

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

@@ -1,7 +1,7 @@
 import { Theme } from "../../globalTypings";
 export declare const general: (width?: number) => import("@emotion/react").SerializedStyles;
 export declare const linkButton: import("@emotion/react").SerializedStyles;
-export declare const primaryButton: import("@emotion/react").SerializedStyles;
+export declare const primaryButton: (mode: Theme) => import("@emotion/react").SerializedStyles;
 export declare const secondaryButton: (mode: Theme) => import("@emotion/react").SerializedStyles;
 export declare const specialButton: import("@emotion/react").SerializedStyles;
 export declare const specialButtonText: import("@emotion/react").SerializedStyles;

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

@@ -1,13 +1,14 @@
+import { InputTheme } from "./typings";
 export declare const invalidInputGroup: import("@emotion/react").SerializedStyles;
-export declare const formLabel: (theme: "dark" | "light") => import("@emotion/react").SerializedStyles;
-export declare const activeFormLabel: (theme: "dark" | "light") => import("@emotion/react").SerializedStyles;
+export declare const formLabel: (theme: InputTheme) => import("@emotion/react").SerializedStyles;
+export declare const activeFormLabel: (theme: InputTheme) => import("@emotion/react").SerializedStyles;
 export declare const inputGroup: import("@emotion/react").SerializedStyles;
-export declare const focusedInputGroup: (theme: "dark" | "light") => import("@emotion/react").SerializedStyles;
-export declare const formControl: (theme: "dark" | "light", disabled?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const focusedInputGroup: (theme: InputTheme) => import("@emotion/react").SerializedStyles;
+export declare const formControl: (theme: InputTheme, disabled?: boolean) => import("@emotion/react").SerializedStyles;
 export declare const fieldFullRounded: import("@emotion/react").SerializedStyles;
 export declare const fieldNoRounded: import("@emotion/react").SerializedStyles;
 export declare const fieldSecondHalfRounded: import("@emotion/react").SerializedStyles;
 export declare const fieldFirstHalfRounded: import("@emotion/react").SerializedStyles;
-export declare const inputGroupText: (theme: "dark" | "light") => import("@emotion/react").SerializedStyles;
-export declare const inputGroupPrepend: (theme: "dark" | "light") => import("@emotion/react").SerializedStyles;
+export declare const inputGroupText: (theme: InputTheme) => import("@emotion/react").SerializedStyles;
+export declare const inputGroupPrepend: (theme: InputTheme) => import("@emotion/react").SerializedStyles;
 export declare const infoCta: import("@emotion/react").SerializedStyles;

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

@@ -1,5 +1,7 @@
 import { SerializedStyles } from "@emotion/react";
 import React, { KeyboardEvent, WheelEvent } from "react";
+import { Theme } from "../../globalTypings";
+export type InputTheme = Theme | "inputExtraDark";
 export interface InputTargetProps {
     value: string;
     name: string;
@@ -23,7 +25,7 @@ export interface InputProps {
     onFocus?: () => void;
     onBlur?: () => void;
     autoComplete?: "on" | "off";
-    theme?: "dark" | "light";
+    theme?: InputTheme;
     onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
     onWheel?: (event: WheelEvent<HTMLInputElement>) => void;
     onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;

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

@@ -1,9 +1,8 @@
 /** @jsxImportSource @emotion/react */
 import React from "react";
 import { SerializedStyles } from "@emotion/react";
-import { InputTargetProps } from "./../Input/typings";
+import { InputTargetProps, InputTheme } from "./../Input/typings";
 import "./../../../dist/icons/icons.css";
-import { Theme } from "../../globalTypings";
 interface SearchInputProps {
     value: string | number;
     placeholder?: string;
@@ -13,7 +12,7 @@ interface SearchInputProps {
     disableShadow?: boolean;
     style?: SerializedStyles;
     isMobile?: boolean;
-    mode?: Theme;
+    mode?: InputTheme;
     onFocus?: () => void;
     onBlur?: () => void;
     closeDropdown?: () => void;

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

@@ -1,8 +1,8 @@
-import { Theme } from "../../globalTypings";
-export declare const inputGroup: (theme: Theme, inFocus?: boolean) => import("@emotion/react").SerializedStyles;
-export declare const inputPrepend: (theme: Theme, isFocused: boolean, customDarkBgcolor?: string) => import("@emotion/react").SerializedStyles;
-export declare const focused: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const searchInput: (isMobile: boolean, theme: Theme, isFocused: boolean, onClear?: boolean, customDarkBgcolor?: string) => import("@emotion/react").SerializedStyles;
-export declare const searchButton: (theme: Theme) => import("@emotion/react").SerializedStyles;
+import { InputTheme } from "../Input/typings";
+export declare const inputGroup: (theme: InputTheme, inFocus?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const inputPrepend: (theme: InputTheme, isFocused: boolean, customDarkBgcolor?: string) => import("@emotion/react").SerializedStyles;
+export declare const focused: (theme: InputTheme) => import("@emotion/react").SerializedStyles;
+export declare const searchInput: (isMobile: boolean, theme: InputTheme, isFocused: boolean, onClear?: boolean, customDarkBgcolor?: string) => import("@emotion/react").SerializedStyles;
+export declare const searchButton: (theme: InputTheme, customDarkBgcolor?: string) => import("@emotion/react").SerializedStyles;
 export declare const disableShadow: import("@emotion/react").SerializedStyles;
-export declare const icon: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const icon: (theme: InputTheme) => import("@emotion/react").SerializedStyles;

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

@@ -3,6 +3,7 @@ import { FC } from "react";
 import { SidePanelPlacement } from "./style";
 import "./../../../dist/icons/icons.css";
 import { SerializedStyles } from "@emotion/react";
+import { Theme } from "../../globalTypings";
 interface SidePanelProps {
     title?: string;
     open: boolean;
@@ -19,6 +20,7 @@ interface SidePanelProps {
     onOverlayClick?: () => void;
     placement?: SidePanelPlacement;
     width?: number;
+    mode?: Theme;
 }
 declare const SidePanel: FC<SidePanelProps>;
 export default SidePanel;

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

@@ -1,9 +1,10 @@
+import { Theme } from "../../globalTypings";
 export type SidePanelPlacement = "left" | "right";
 export declare const wrapper: import("@emotion/react").SerializedStyles;
-export declare const overlay: import("@emotion/react").SerializedStyles;
-export declare const sidePanel: (placement: SidePanelPlacement, width: number) => import("@emotion/react").SerializedStyles | undefined;
+export declare const overlay: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const sidePanel: (placement: SidePanelPlacement, width: number, mode?: Theme) => import("@emotion/react").SerializedStyles | undefined;
 export declare const sidePanelOpen: import("@emotion/react").SerializedStyles;
 export declare const header: import("@emotion/react").SerializedStyles;
 export declare const titleStyle: import("@emotion/react").SerializedStyles;
-export declare const headerCTA: import("@emotion/react").SerializedStyles;
-export declare const headerCloseCTA: import("@emotion/react").SerializedStyles;
+export declare const headerCTA: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const headerCloseCTA: (mode?: Theme) => import("@emotion/react").SerializedStyles;

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

@@ -1,5 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import React from "react";
+import { Theme } from "../../../globalTypings";
 import { TabItem, TabType } from "../typings";
 interface TabsDropdownProps {
     isSelected: boolean;
@@ -8,6 +9,7 @@ interface TabsDropdownProps {
     list: TabItem[];
     onChange: (value: TabItem) => void;
     type: TabType;
+    theme: Theme;
 }
 declare const TabsDropdown: React.FC<TabsDropdownProps>;
 export default TabsDropdown;

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

@@ -1,6 +1,7 @@
+import { Theme } from "../../../globalTypings";
 export declare const tabDropdown: import("@emotion/react").SerializedStyles;
-export declare const menu: import("@emotion/react").SerializedStyles;
-export declare const menuItem: (isSelected: boolean) => import("@emotion/react").SerializedStyles;
+export declare const menu: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const menuItem: (isSelected: boolean, theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const activeItem: import("@emotion/react").SerializedStyles;
 export declare const tertiaryNotActive: import("@emotion/react").SerializedStyles;
 export declare const selectOverlay: import("@emotion/react").SerializedStyles;

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

@@ -8,6 +8,8 @@ export declare const primaryActive: import("@emotion/react").SerializedStyles;
 export declare const primaryActiveAfter: import("@emotion/react").SerializedStyles;
 export declare const primaryLight: import("@emotion/react").SerializedStyles;
 export declare const primaryLightActive: import("@emotion/react").SerializedStyles;
+export declare const primaryExtraDark: import("@emotion/react").SerializedStyles;
+export declare const primaryExtraDarkActive: import("@emotion/react").SerializedStyles;
 export declare const secondary: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const secondaryActive: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const tertiary: import("@emotion/react").SerializedStyles;

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

@@ -1,2 +1,3 @@
+import { Theme } from "../../globalTypings";
 export declare const container: import("@emotion/react").SerializedStyles;
-export declare const content: (isStroke?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const content: (isStroke?: boolean, theme?: Theme) => import("@emotion/react").SerializedStyles;

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

@@ -1,5 +1,6 @@
 import { SerializedStyles } from "@emotion/react";
 import React from "react";
+import { Theme } from "../../globalTypings";
 export type Position = "top-start" | "top" | "top-end" | "right-start" | "right" | "right-end" | "bottom-start" | "bottom" | "bottom-end" | "left-start" | "left" | "left-end";
 export interface TooltipProps {
     content: React.JSX.Element | string;
@@ -12,4 +13,5 @@ export interface TooltipProps {
     children?: React.ReactNode;
     enableTooltipHover?: boolean;
     isTooltipVisible?: boolean;
+    theme?: Theme;
 }

package/dist/cjs/globalTypings.d.ts

@@ -1 +1 @@
-export type Theme = "light" | "dark";
+export type Theme = "light" | "dark" | "extraDark";