zebpay-ui 0.0.122 → 0.0.124
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.
- package/dist/cjs/components/Accordion/index.d.ts +3 -0
- package/dist/cjs/components/Accordion/style.d.ts +5 -6
- package/dist/cjs/components/AccordionV2/index.d.ts +2 -0
- package/dist/cjs/components/AccordionV2/style.d.ts +6 -7
- package/dist/cjs/components/Button/styles.d.ts +6 -6
- package/dist/cjs/components/CalendarPicker/styles.d.ts +3 -3
- package/dist/cjs/components/Card/style.d.ts +2 -2
- package/dist/cjs/components/Checkbox/styles.d.ts +6 -6
- package/dist/cjs/components/Checkbox/typings.d.ts +1 -0
- package/dist/cjs/components/Divider/styles.d.ts +1 -1
- package/dist/cjs/components/IconBox/styles.d.ts +2 -2
- package/dist/cjs/components/Input/styles.d.ts +10 -13
- package/dist/cjs/components/Input/typings.d.ts +3 -2
- package/dist/cjs/components/InputDropDown/styles.d.ts +9 -9
- package/dist/cjs/components/MobileBottomDrawer/styles.d.ts +2 -2
- package/dist/cjs/components/MobileCalenderPicker/styles.d.ts +3 -3
- package/dist/cjs/components/Notes/index.d.ts +5 -0
- package/dist/cjs/components/Notes/style.d.ts +22 -0
- package/dist/cjs/components/Notes/typings.d.ts +14 -0
- package/dist/cjs/components/Pagination/styles.d.ts +5 -5
- package/dist/cjs/components/PinInput/style.d.ts +3 -3
- package/dist/cjs/components/Popper/styles.d.ts +2 -2
- package/dist/cjs/components/Radio/styles.d.ts +8 -4
- package/dist/cjs/components/Radio/typings.d.ts +3 -1
- package/dist/cjs/components/RadioGroup/styles.d.ts +3 -5
- package/dist/cjs/components/RadioGroup/typings.d.ts +3 -0
- package/dist/cjs/components/SearchInput/index.d.ts +3 -3
- package/dist/cjs/components/SearchInput/style.d.ts +3 -8
- package/dist/cjs/components/Select/styles.d.ts +1 -1
- package/dist/cjs/components/SidePanel/style.d.ts +4 -4
- package/dist/cjs/components/Switch/styles.d.ts +6 -6
- package/dist/cjs/components/Toast/index.d.ts +1 -1
- package/dist/cjs/components/Toast/styles.d.ts +20 -12
- package/dist/cjs/components/Toast/typings.d.ts +3 -1
- package/dist/cjs/components/Virtualize/styles.d.ts +3 -4
- package/dist/cjs/components/index.d.ts +2 -1
- package/dist/cjs/index.d.ts +1 -1
- package/dist/cjs/index.js +28 -28
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/theme/componentColors.d.ts +12 -1
- package/dist/cjs/theme/index.d.ts +2 -4
- package/dist/cjs/theme/types.d.ts +13 -1
- package/dist/cjs/theme/zColorScheme.d.ts +2 -1
- package/dist/cjs/theme/zColors.d.ts +31 -13
- package/dist/esm/components/Accordion/index.d.ts +3 -0
- package/dist/esm/components/Accordion/style.d.ts +5 -6
- package/dist/esm/components/AccordionV2/index.d.ts +2 -0
- package/dist/esm/components/AccordionV2/style.d.ts +6 -7
- package/dist/esm/components/Button/styles.d.ts +6 -6
- package/dist/esm/components/CalendarPicker/styles.d.ts +3 -3
- package/dist/esm/components/Card/style.d.ts +2 -2
- package/dist/esm/components/Checkbox/styles.d.ts +6 -6
- package/dist/esm/components/Checkbox/typings.d.ts +1 -0
- package/dist/esm/components/Divider/styles.d.ts +1 -1
- package/dist/esm/components/IconBox/styles.d.ts +2 -2
- package/dist/esm/components/Input/styles.d.ts +10 -13
- package/dist/esm/components/Input/typings.d.ts +3 -2
- package/dist/esm/components/InputDropDown/styles.d.ts +9 -9
- package/dist/esm/components/MobileBottomDrawer/styles.d.ts +2 -2
- package/dist/esm/components/MobileCalenderPicker/styles.d.ts +3 -3
- package/dist/esm/components/Notes/index.d.ts +5 -0
- package/dist/esm/components/Notes/style.d.ts +22 -0
- package/dist/esm/components/Notes/typings.d.ts +14 -0
- package/dist/esm/components/Pagination/styles.d.ts +5 -5
- package/dist/esm/components/PinInput/style.d.ts +3 -3
- package/dist/esm/components/Popper/styles.d.ts +2 -2
- package/dist/esm/components/Radio/styles.d.ts +8 -4
- package/dist/esm/components/Radio/typings.d.ts +3 -1
- package/dist/esm/components/RadioGroup/styles.d.ts +3 -5
- package/dist/esm/components/RadioGroup/typings.d.ts +3 -0
- package/dist/esm/components/SearchInput/index.d.ts +3 -3
- package/dist/esm/components/SearchInput/style.d.ts +3 -8
- package/dist/esm/components/Select/styles.d.ts +1 -1
- package/dist/esm/components/SidePanel/style.d.ts +4 -4
- package/dist/esm/components/Switch/styles.d.ts +6 -6
- package/dist/esm/components/Toast/index.d.ts +1 -1
- package/dist/esm/components/Toast/styles.d.ts +20 -12
- package/dist/esm/components/Toast/typings.d.ts +3 -1
- package/dist/esm/components/Virtualize/styles.d.ts +3 -4
- package/dist/esm/components/index.d.ts +2 -1
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +27 -27
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/theme/componentColors.d.ts +12 -1
- package/dist/esm/theme/index.d.ts +2 -4
- package/dist/esm/theme/types.d.ts +13 -1
- package/dist/esm/theme/zColorScheme.d.ts +2 -1
- package/dist/esm/theme/zColors.d.ts +31 -13
- package/package.json +1 -1
|
@@ -1,2 +1,13 @@
|
|
|
1
1
|
import type { Theme } from "../globalTypings";
|
|
2
|
-
export declare function
|
|
2
|
+
export declare function getPanelBackground(mode: Theme): string;
|
|
3
|
+
export declare function getFieldBackground(mode: Theme): string;
|
|
4
|
+
export declare function getInputSurfaceBackground(mode: Theme): string;
|
|
5
|
+
export declare function getHoverBackground(mode: Theme): string;
|
|
6
|
+
export declare function getPrimaryTextColor(mode: Theme): string;
|
|
7
|
+
export declare function getMutedTextColor(mode: Theme): string;
|
|
8
|
+
export declare function getAccentTextColor(mode: Theme): string;
|
|
9
|
+
export declare function getSubtleBorderColor(mode: Theme): string;
|
|
10
|
+
export declare function getCardBorderColor(mode: Theme): string;
|
|
11
|
+
export declare function getDividerColor(mode: Theme): string;
|
|
12
|
+
export declare function getShimmerBackground(mode: Theme): string;
|
|
13
|
+
export declare function getIconBoxBackground(mode: Theme): string;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
export { ZThemeProvider, useZTheme, ThemeContext } from "./ZThemeProvider";
|
|
2
2
|
export type { ZThemeProviderProps, ThemeContextValue } from "./ZThemeProvider";
|
|
3
|
-
export { lightColorScheme, darkColorScheme, extraDarkColorScheme, getZColorSchemeForTheme, ZColors, ZGradientConst,
|
|
4
|
-
export { createLinearGradient, linearGradient, solidGradient, gradientFromConst, } from "./zGradients";
|
|
5
|
-
export type { GradientStop, ZGradientPalette } from "./zGradients";
|
|
3
|
+
export { lightColorScheme, darkColorScheme, extraDarkColorScheme, getZColorSchemeForTheme, ZColors, ZGradientConst, } from "./zColorScheme";
|
|
6
4
|
export { zColorTokens } from "./zColorTokens";
|
|
7
|
-
export type { ZColorScheme
|
|
5
|
+
export type { ZColorScheme } from "./types";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ZGradientPalette } from "./zGradients";
|
|
2
2
|
export interface TabColorScheme {
|
|
3
3
|
primaryActiveText: string;
|
|
4
4
|
primaryActiveFill: string;
|
|
@@ -28,6 +28,17 @@ export interface ZGradientScheme {
|
|
|
28
28
|
lightShimmer: string;
|
|
29
29
|
darkShimmer: string;
|
|
30
30
|
}
|
|
31
|
+
export interface ZShadowScheme {
|
|
32
|
+
float: string;
|
|
33
|
+
header: string;
|
|
34
|
+
card: string;
|
|
35
|
+
bottomSheet: string;
|
|
36
|
+
bottomArea: string;
|
|
37
|
+
blueCard: string;
|
|
38
|
+
hard: string;
|
|
39
|
+
otp: string;
|
|
40
|
+
blur: string;
|
|
41
|
+
}
|
|
31
42
|
export interface ZColorScheme {
|
|
32
43
|
primary: {
|
|
33
44
|
title: string;
|
|
@@ -132,4 +143,5 @@ export interface ZColorScheme {
|
|
|
132
143
|
tab: TabColorScheme;
|
|
133
144
|
gradients: ZGradientScheme;
|
|
134
145
|
gradientPalette: ZGradientPalette;
|
|
146
|
+
shadows: ZShadowScheme;
|
|
135
147
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Theme } from "../globalTypings";
|
|
2
2
|
import type { ZColorScheme } from "./types";
|
|
3
|
-
import { ZColors, ZGradientConst
|
|
3
|
+
import { ZColors, ZGradientConst } from "./zColors";
|
|
4
|
+
import { ZGradientColors, ZGradientConstCss } from "./zGradients";
|
|
4
5
|
/** Mobile v2 ZLightColorScheme */
|
|
5
6
|
export declare const lightColorScheme: ZColorScheme;
|
|
6
7
|
/** Mobile v2 ZDarkColorScheme — web blue / component `mode="dark"` */
|
|
@@ -9,40 +9,40 @@ export declare const ZColors: {
|
|
|
9
9
|
readonly Black: "#000000";
|
|
10
10
|
readonly White: "#FFFFFF";
|
|
11
11
|
readonly Transparent: "transparent";
|
|
12
|
-
readonly Overlay: "#
|
|
12
|
+
readonly Overlay: "#0C0C2466";
|
|
13
13
|
readonly Blue01: "#222245";
|
|
14
14
|
readonly Blue02: "#181837";
|
|
15
15
|
readonly Blue03: "#338FFF";
|
|
16
16
|
readonly Blue04: "#C0C0EE";
|
|
17
17
|
readonly Blue05: "#E9EFF6";
|
|
18
|
-
readonly Blue06: "#
|
|
18
|
+
readonly Blue06: "#338FFF33";
|
|
19
19
|
readonly Blue07: "#EEF5FF";
|
|
20
|
-
readonly Blue08: "#
|
|
20
|
+
readonly Blue08: "#C0C0EE33";
|
|
21
21
|
readonly Blue09: "#151532";
|
|
22
22
|
readonly Blue10: "#D9EAFF";
|
|
23
|
-
readonly Blue11: "#
|
|
23
|
+
readonly Blue11: "#338FFF0A";
|
|
24
24
|
readonly Blue12: "#EBF4FF";
|
|
25
25
|
readonly Grey01: "#C2C2DD";
|
|
26
26
|
readonly Grey02: "#34345A";
|
|
27
27
|
readonly Grey03: "#6B6B6B";
|
|
28
|
-
readonly Grey04: "#
|
|
28
|
+
readonly Grey04: "#C0C0EE33";
|
|
29
29
|
readonly Grey05: "#E1E3E6";
|
|
30
30
|
readonly Grey06: "#C2C2C8";
|
|
31
31
|
readonly Grey07: "#B5B5D3";
|
|
32
32
|
readonly Green01: "#1ECAA2";
|
|
33
33
|
readonly Green02: "#31826F";
|
|
34
34
|
readonly Green03: "#212F4C";
|
|
35
|
-
readonly Green04: "#
|
|
35
|
+
readonly Green04: "#1ECAA233";
|
|
36
36
|
readonly Green06: "#00A37D";
|
|
37
37
|
readonly Red01: "#EA6161";
|
|
38
38
|
readonly Red02: "#BF5555";
|
|
39
39
|
readonly Red03: "#302544";
|
|
40
|
-
readonly Red04: "#
|
|
40
|
+
readonly Red04: "#EA616133";
|
|
41
41
|
readonly Red06: "#DC5454";
|
|
42
42
|
readonly Yellow01: "#F9C35C";
|
|
43
43
|
readonly Yellow02: "#FFB100";
|
|
44
44
|
readonly Yellow03: "#2A273B";
|
|
45
|
-
readonly Yellow04: "#
|
|
45
|
+
readonly Yellow04: "#F9C35C33";
|
|
46
46
|
readonly Yellow05: "#986405";
|
|
47
47
|
readonly PrimaryTitleV4: "#F8F8F8";
|
|
48
48
|
readonly PrimaryWhiteV4: "#F8F8F8";
|
|
@@ -61,9 +61,9 @@ export declare const ZColors: {
|
|
|
61
61
|
readonly InputDefaultV4: "#14161C";
|
|
62
62
|
readonly InputDisabledStrokeV4: "#5F6267";
|
|
63
63
|
readonly FullScreenBg01: "#1D212B";
|
|
64
|
-
readonly ToastSuccessStrokeV4: "#
|
|
65
|
-
readonly ToastInfoStrokeV4: "#
|
|
66
|
-
readonly ToastErrorStrokeV4: "#
|
|
64
|
+
readonly ToastSuccessStrokeV4: "#038153B3";
|
|
65
|
+
readonly ToastInfoStrokeV4: "#B09600B3";
|
|
66
|
+
readonly ToastErrorStrokeV4: "#C94444B3";
|
|
67
67
|
readonly TagYellowStrokeV4: "#FFF15A";
|
|
68
68
|
readonly TagYellowTextV4: "#FFF15A";
|
|
69
69
|
readonly TagGreyTextV4: "#C4C4C4";
|
|
@@ -82,5 +82,23 @@ export declare const ZColors: {
|
|
|
82
82
|
readonly TabSecondaryV4: "#6A93FF";
|
|
83
83
|
readonly SheetScrimColor: "#F7252525";
|
|
84
84
|
};
|
|
85
|
-
export
|
|
86
|
-
|
|
85
|
+
export declare const ZShadows: {
|
|
86
|
+
float: string;
|
|
87
|
+
header: string;
|
|
88
|
+
card: string;
|
|
89
|
+
bottomSheet: string;
|
|
90
|
+
bottomArea: string;
|
|
91
|
+
blueCard: string;
|
|
92
|
+
hard: string;
|
|
93
|
+
otp: string;
|
|
94
|
+
blur: string;
|
|
95
|
+
};
|
|
96
|
+
/** Mirrored from mobile v2 ZGradientConst */
|
|
97
|
+
export declare const ZGradientConst: {
|
|
98
|
+
gradient1: readonly ["#5D7BFE", "#0974FF"];
|
|
99
|
+
gradient1V4: readonly ["#5786FF", "#3751FE"];
|
|
100
|
+
white: readonly ["#FFFFFF", "#FFFFFF"];
|
|
101
|
+
};
|
|
102
|
+
export declare const linearGradient: (from: string, to: string, angle?: string) => string;
|
|
103
|
+
export declare const solidGradient: (color: string) => string;
|
|
104
|
+
export declare const gradientFromConst: (colors: readonly [string, string]) => string;
|