zebpay-ui 0.0.115 → 0.0.117

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/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/styles.d.ts

@@ -8,6 +8,7 @@ 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 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";