zebpay-ui 0.0.117 → 0.0.119

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.
@@ -1,9 +1,8 @@
1
1
  /** @jsxImportSource @emotion/react */
2
2
  import React from "react";
3
3
  import { SerializedStyles } from "@emotion/react";
4
- import { InputTargetProps } from "./../Input/typings";
4
+ import { InputTargetProps, InputTheme } from "./../Input/typings";
5
5
  import "./../../../dist/icons/icons.css";
6
- import { Theme } from "../../globalTypings";
7
6
  interface SearchInputProps {
8
7
  value: string | number;
9
8
  placeholder?: string;
@@ -13,7 +12,7 @@ interface SearchInputProps {
13
12
  disableShadow?: boolean;
14
13
  style?: SerializedStyles;
15
14
  isMobile?: boolean;
16
- mode?: Theme;
15
+ mode?: InputTheme;
17
16
  onFocus?: () => void;
18
17
  onBlur?: () => void;
19
18
  closeDropdown?: () => void;
@@ -1,8 +1,8 @@
1
- import { Theme } from "../../globalTypings";
2
- export declare const inputGroup: (theme: Theme, inFocus?: boolean) => import("@emotion/react").SerializedStyles;
3
- export declare const inputPrepend: (theme: Theme, isFocused: boolean, customDarkBgcolor?: string) => import("@emotion/react").SerializedStyles;
4
- export declare const focused: (theme: Theme) => import("@emotion/react").SerializedStyles;
5
- export declare const searchInput: (isMobile: boolean, theme: Theme, isFocused: boolean, onClear?: boolean, customDarkBgcolor?: string) => import("@emotion/react").SerializedStyles;
6
- export declare const searchButton: (theme: Theme) => import("@emotion/react").SerializedStyles;
1
+ import { InputTheme } from "../Input/typings";
2
+ export declare const inputGroup: (theme: InputTheme, inFocus?: boolean) => import("@emotion/react").SerializedStyles;
3
+ export declare const inputPrepend: (theme: InputTheme, isFocused: boolean, customDarkBgcolor?: string) => import("@emotion/react").SerializedStyles;
4
+ export declare const focused: (theme: InputTheme) => import("@emotion/react").SerializedStyles;
5
+ export declare const searchInput: (isMobile: boolean, theme: InputTheme, isFocused: boolean, onClear?: boolean, customDarkBgcolor?: string) => import("@emotion/react").SerializedStyles;
6
+ export declare const searchButton: (theme: InputTheme, customDarkBgcolor?: string) => import("@emotion/react").SerializedStyles;
7
7
  export declare const disableShadow: import("@emotion/react").SerializedStyles;
8
- export declare const icon: (theme: Theme) => import("@emotion/react").SerializedStyles;
8
+ export declare const icon: (theme: InputTheme) => import("@emotion/react").SerializedStyles;
@@ -1,11 +1,12 @@
1
+ import { Theme } from "../../globalTypings";
1
2
  export declare const wrapper: import("@emotion/react").SerializedStyles;
2
- export declare const button: import("@emotion/react").SerializedStyles;
3
- export declare const active: import("@emotion/react").SerializedStyles;
3
+ export declare const button: (theme?: Theme) => import("@emotion/react").SerializedStyles;
4
+ export declare const active: (theme?: Theme) => import("@emotion/react").SerializedStyles;
4
5
  export declare const selectOverlay: import("@emotion/react").SerializedStyles;
5
- export declare const optionsWrapper: (shiftLeft?: boolean) => import("@emotion/react").SerializedStyles;
6
- export declare const options: import("@emotion/react").SerializedStyles;
6
+ export declare const optionsWrapper: (shiftLeft?: boolean, theme?: Theme) => import("@emotion/react").SerializedStyles;
7
+ export declare const options: (theme?: Theme) => import("@emotion/react").SerializedStyles;
7
8
  export declare const optionItem: import("@emotion/react").SerializedStyles;
8
- export declare const optionItems: import("@emotion/react").SerializedStyles;
9
+ export declare const optionItems: (theme?: Theme) => import("@emotion/react").SerializedStyles;
9
10
  export declare const empty: import("@emotion/react").SerializedStyles;
10
- export declare const optionSecondName: import("@emotion/react").SerializedStyles;
11
- export declare const selected: import("@emotion/react").SerializedStyles;
11
+ export declare const optionSecondName: (theme?: Theme) => import("@emotion/react").SerializedStyles;
12
+ export declare const selected: (theme?: Theme) => import("@emotion/react").SerializedStyles;
@@ -1,5 +1,6 @@
1
1
  import { SerializedStyles } from "@emotion/react";
2
2
  import React from "react";
3
+ import { Theme } from "../../globalTypings";
3
4
  export interface OptionsProps<T> {
4
5
  label: React.JSX.Element | string;
5
6
  displayLabel?: React.JSX.Element | string;
@@ -8,6 +9,7 @@ export interface OptionsProps<T> {
8
9
  export interface SelectProps<T> {
9
10
  placeholder: string;
10
11
  style?: SerializedStyles;
12
+ mode?: Theme;
11
13
  search?: {
12
14
  placeholder: string;
13
15
  value: string;
@@ -1,5 +1,6 @@
1
1
  /** @jsxImportSource @emotion/react */
2
2
  import React from "react";
3
+ import { Theme } from "../../../globalTypings";
3
4
  import { TabItem, TabType } from "../typings";
4
5
  interface TabsDropdownProps {
5
6
  isSelected: boolean;
@@ -8,6 +9,7 @@ interface TabsDropdownProps {
8
9
  list: TabItem[];
9
10
  onChange: (value: TabItem) => void;
10
11
  type: TabType;
12
+ theme: Theme;
11
13
  }
12
14
  declare const TabsDropdown: React.FC<TabsDropdownProps>;
13
15
  export default TabsDropdown;
@@ -1,6 +1,7 @@
1
+ import { Theme } from "../../../globalTypings";
1
2
  export declare const tabDropdown: import("@emotion/react").SerializedStyles;
2
- export declare const menu: import("@emotion/react").SerializedStyles;
3
- export declare const menuItem: (isSelected: boolean) => import("@emotion/react").SerializedStyles;
3
+ export declare const menu: (theme: Theme) => import("@emotion/react").SerializedStyles;
4
+ export declare const menuItem: (isSelected: boolean, theme: Theme) => import("@emotion/react").SerializedStyles;
4
5
  export declare const activeItem: import("@emotion/react").SerializedStyles;
5
6
  export declare const tertiaryNotActive: import("@emotion/react").SerializedStyles;
6
7
  export declare const selectOverlay: import("@emotion/react").SerializedStyles;
@@ -8,6 +8,7 @@ export declare const primaryActive: import("@emotion/react").SerializedStyles;
8
8
  export declare const primaryActiveAfter: import("@emotion/react").SerializedStyles;
9
9
  export declare const primaryLight: import("@emotion/react").SerializedStyles;
10
10
  export declare const primaryLightActive: import("@emotion/react").SerializedStyles;
11
+ export declare const primaryExtraDark: import("@emotion/react").SerializedStyles;
11
12
  export declare const primaryExtraDarkActive: import("@emotion/react").SerializedStyles;
12
13
  export declare const secondary: (theme: Theme) => import("@emotion/react").SerializedStyles;
13
14
  export declare const secondaryActive: (theme: Theme) => import("@emotion/react").SerializedStyles;