zebpay-ui 0.0.113 → 0.0.115

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -21,9 +21,22 @@ declare const colors: {
21
21
  Zeb_Solid_Very_Dark_Blue: string;
22
22
  Zeb_Solid_Very_Dark_Grey_Blue: string;
23
23
  Zeb_Solid_Light_Grey: string;
24
+ Zeb_Solid_Dark_Grey_02: string;
25
+ Zeb_Solid_Pending: string;
26
+ Zeb_Solid_Dark_Green: string;
27
+ Zeb_Solid_Dark_Red: string;
28
+ Zeb_Solid_Dull_Light_Blue: string;
29
+ Zeb_Solid_Dull_Blue: string;
30
+ Zeb_Solid_Dull_Light_Yellow: string;
31
+ Zeb_Solid_Dull_Yellow: string;
32
+ Zeb_Solid_Dull_Light_Red: string;
33
+ Zeb_Solid_Dull_Red: string;
34
+ Zeb_Solid_Coachmark_spotlight: string;
24
35
  Zeb_Solid_Blue_02: string;
25
36
  Zeb_Solid_Purple_01: string;
26
37
  Zeb_Solid_Green_02: string;
38
+ Zeb_Solid_Blue_03: string;
39
+ Zeb_Solid_Brown_01: string;
27
40
  Zeb_Gradient_Blue_01: string;
28
41
  Zeb_Gradient_Blue_02: string;
29
42
  Zeb_Gradient_Dark_Blue: string;
@@ -43,6 +56,8 @@ declare const colors: {
43
56
  Zeb_BG_Failure: string;
44
57
  Zeb_BG_Default: string;
45
58
  Zeb_BG_Translucent_Default: string;
59
+ Zeb_Transparent_Blue_01: string;
60
+ Zeb_Transparent_Blue_02: string;
46
61
  Zeb_Transparent_4: string;
47
62
  Zeb_Effects_Shadow_Hover: string;
48
63
  Zeb_Effects_Shadow_W_Drawer: string;
@@ -51,6 +66,7 @@ declare const colors: {
51
66
  Zeb_Effects_Shimmer: string;
52
67
  Zeb_Effects_ShimmerLight: string;
53
68
  Zeb_BG_ShimmerLighDark: string;
69
+ Zeb_Effects_Shadow_Container: string;
54
70
  Zeb_Effects_Soft_Shadow: string;
55
71
  Zeb_Effects_Shadow_Hard: string;
56
72
  Zeb_Effects_Top_Shadow_Light: string;
@@ -67,9 +83,28 @@ declare const colors: {
67
83
  Zeb_Tertiary_Banner: string;
68
84
  Zeb_Green_BG_Transparent: string;
69
85
  Zeb_Header_Stroke: string;
86
+ Zeb_Riskometer_Primary_1: string;
87
+ Zeb_Riskometer_Secondary_1: string;
88
+ Zeb_Riskometer_Primary_2: string;
89
+ Zeb_Riskometer_Secondary_2: string;
90
+ Zeb_Riskometer_Primary_3: string;
91
+ Zeb_Riskometer_Secondary_3: string;
92
+ Zeb_Riskometer_Primary_4: string;
93
+ Zeb_Riskometer_Secondary_4: string;
94
+ Zeb_Riskometer_Primary_5: string;
95
+ Zeb_Riskometer_Secondary_5: string;
96
+ Zeb_Riskometer_Primary_6: string;
97
+ Zeb_Riskometer_Secondary_6: string;
98
+ Zeb_Light_Theme_BG_Blue: string;
99
+ Zeb_Light_Blue_Border: string;
100
+ Zeb_Dark_White_Shimmer_bg: string;
70
101
  Zeb_SOLID_RED_02: string;
71
102
  Zeb_Text_Color_Blue: string;
72
103
  Zeb_Box_Shadow: string;
73
104
  Zeb_Table_Shadow: string;
105
+ Zeb_Separator_Solid_Gradiend: string;
106
+ Zeb_Buy_Gradient: string;
107
+ Zeb_Sell_Gradient: string;
108
+ Zeb_Flyy_Header_BG: string;
74
109
  };
75
110
  export default colors;
@@ -14,7 +14,7 @@ export interface InputProps {
14
14
  prependItem?: string | React.JSX.Element;
15
15
  infoText?: string;
16
16
  errorText?: string;
17
- type?: "text" | "number" | "password";
17
+ type?: "text" | "number" | "password" | "email";
18
18
  style?: SerializedStyles;
19
19
  cta?: {
20
20
  label: string;
@@ -1,5 +1,6 @@
1
1
  /** @jsxImportSource @emotion/react */
2
2
  import { FC } from "react";
3
+ import { SidePanelPlacement } from "./style";
3
4
  import "./../../../dist/icons/icons.css";
4
5
  import { SerializedStyles } from "@emotion/react";
5
6
  interface SidePanelProps {
@@ -16,6 +17,8 @@ interface SidePanelProps {
16
17
  children?: React.ReactNode;
17
18
  closeStyle?: SerializedStyles;
18
19
  onOverlayClick?: () => void;
20
+ placement?: SidePanelPlacement;
21
+ width?: number;
19
22
  }
20
23
  declare const SidePanel: FC<SidePanelProps>;
21
24
  export default SidePanel;
@@ -1,6 +1,7 @@
1
+ export type SidePanelPlacement = "left" | "right";
1
2
  export declare const wrapper: import("@emotion/react").SerializedStyles;
2
3
  export declare const overlay: import("@emotion/react").SerializedStyles;
3
- export declare const sidePanel: import("@emotion/react").SerializedStyles;
4
+ export declare const sidePanel: (placement: SidePanelPlacement, width: number) => import("@emotion/react").SerializedStyles | undefined;
4
5
  export declare const sidePanelOpen: import("@emotion/react").SerializedStyles;
5
6
  export declare const header: import("@emotion/react").SerializedStyles;
6
7
  export declare const titleStyle: import("@emotion/react").SerializedStyles;
@@ -10,4 +10,4 @@ export declare const switchLabel: import("@emotion/react").SerializedStyles;
10
10
  export declare const labelHidden: import("@emotion/react").SerializedStyles;
11
11
  export declare const circleWithIcon: import("@emotion/react").SerializedStyles;
12
12
  export declare const iconInsideCircle: (size?: "small" | "medium") => import("@emotion/react").SerializedStyles;
13
- export declare const lockedCircle: (size?: "small" | "medium", checked?: boolean) => import("@emotion/react").SerializedStyles;
13
+ export declare const lockedCircle: (checked?: boolean) => import("@emotion/react").SerializedStyles;