zebpay-ui 0.0.43 → 0.0.45

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.
Files changed (191) hide show
  1. package/package.json +1 -1
  2. package/dist/cjs/components/Accordion/index.d.ts +0 -12
  3. package/dist/cjs/components/Accordion/style.d.ts +0 -5
  4. package/dist/cjs/components/Avatar/index.d.ts +0 -5
  5. package/dist/cjs/components/Avatar/styles.d.ts +0 -4
  6. package/dist/cjs/components/Avatar/typings.d.ts +0 -19
  7. package/dist/cjs/components/AvatarGroup/index.d.ts +0 -5
  8. package/dist/cjs/components/AvatarGroup/styles.d.ts +0 -1
  9. package/dist/cjs/components/AvatarGroup/typings.d.ts +0 -19
  10. package/dist/cjs/components/Button/index.d.ts +0 -5
  11. package/dist/cjs/components/Button/styles.d.ts +0 -11
  12. package/dist/cjs/components/Button/typings.d.ts +0 -13
  13. package/dist/cjs/components/CalendarPicker/index.d.ts +0 -9
  14. package/dist/cjs/components/CalendarPicker/styles.d.ts +0 -4
  15. package/dist/cjs/components/CalendarPicker/typings.d.ts +0 -17
  16. package/dist/cjs/components/Card/index.d.ts +0 -7
  17. package/dist/cjs/components/Card/style.d.ts +0 -3
  18. package/dist/cjs/components/Checkbox/index.d.ts +0 -5
  19. package/dist/cjs/components/Checkbox/styles.d.ts +0 -8
  20. package/dist/cjs/components/Checkbox/typings.d.ts +0 -14
  21. package/dist/cjs/components/CircularLoader/index.d.ts +0 -4
  22. package/dist/cjs/components/CircularLoader/style.d.ts +0 -3
  23. package/dist/cjs/components/CircularLoader/typings.d.ts +0 -8
  24. package/dist/cjs/components/Icon.d.ts +0 -9
  25. package/dist/cjs/components/IconButton/index.d.ts +0 -5
  26. package/dist/cjs/components/IconButton/typings.d.ts +0 -6
  27. package/dist/cjs/components/Input/index.d.ts +0 -4
  28. package/dist/cjs/components/Input/styles.d.ts +0 -13
  29. package/dist/cjs/components/Input/typings.d.ts +0 -27
  30. package/dist/cjs/components/InputDropDown/index.d.ts +0 -4
  31. package/dist/cjs/components/InputDropDown/styles.d.ts +0 -9
  32. package/dist/cjs/components/InputDropDown/typings.d.ts +0 -22
  33. package/dist/cjs/components/PinInput/PinInputField.d.ts +0 -5
  34. package/dist/cjs/components/PinInput/index.d.ts +0 -5
  35. package/dist/cjs/components/PinInput/style.d.ts +0 -7
  36. package/dist/cjs/components/PinInput/typing.d.ts +0 -21
  37. package/dist/cjs/components/Popper/index.d.ts +0 -6
  38. package/dist/cjs/components/Popper/styles.d.ts +0 -4
  39. package/dist/cjs/components/Popper/typings.d.ts +0 -11
  40. package/dist/cjs/components/Radio/index.d.ts +0 -5
  41. package/dist/cjs/components/Radio/styles.d.ts +0 -3
  42. package/dist/cjs/components/Radio/typings.d.ts +0 -13
  43. package/dist/cjs/components/RadioGroup/index.d.ts +0 -5
  44. package/dist/cjs/components/RadioGroup/styles.d.ts +0 -5
  45. package/dist/cjs/components/RadioGroup/typings.d.ts +0 -18
  46. package/dist/cjs/components/RewardOMeter/index.d.ts +0 -5
  47. package/dist/cjs/components/RewardOMeter/styles.d.ts +0 -3
  48. package/dist/cjs/components/RewardOMeter/typings.d.ts +0 -22
  49. package/dist/cjs/components/SearchInput/index.d.ts +0 -15
  50. package/dist/cjs/components/SearchInput/style.d.ts +0 -5
  51. package/dist/cjs/components/Select/index.d.ts +0 -5
  52. package/dist/cjs/components/Select/styles.d.ts +0 -11
  53. package/dist/cjs/components/Select/typings.d.ts +0 -21
  54. package/dist/cjs/components/Shimmer/index.d.ts +0 -4
  55. package/dist/cjs/components/Shimmer/style.d.ts +0 -3
  56. package/dist/cjs/components/Shimmer/typings.d.ts +0 -10
  57. package/dist/cjs/components/SidePanel/index.d.ts +0 -14
  58. package/dist/cjs/components/SidePanel/style.d.ts +0 -8
  59. package/dist/cjs/components/Switch/index.d.ts +0 -10
  60. package/dist/cjs/components/Switch/styles.d.ts +0 -9
  61. package/dist/cjs/components/Tabs/TabsDropdown/index.d.ts +0 -12
  62. package/dist/cjs/components/Tabs/TabsDropdown/styles.d.ts +0 -6
  63. package/dist/cjs/components/Tabs/index.d.ts +0 -6
  64. package/dist/cjs/components/Tabs/styles.d.ts +0 -12
  65. package/dist/cjs/components/Tabs/typings.d.ts +0 -21
  66. package/dist/cjs/components/Tags/index.d.ts +0 -11
  67. package/dist/cjs/components/Tags/style.d.ts +0 -1
  68. package/dist/cjs/components/Toast/index.d.ts +0 -5
  69. package/dist/cjs/components/Toast/styles.d.ts +0 -12
  70. package/dist/cjs/components/Toast/typings.d.ts +0 -8
  71. package/dist/cjs/components/Tooltip/index.d.ts +0 -5
  72. package/dist/cjs/components/Tooltip/styles.d.ts +0 -2
  73. package/dist/cjs/components/Tooltip/typings.d.ts +0 -11
  74. package/dist/cjs/components/Virtualize/index.d.ts +0 -12
  75. package/dist/cjs/components/Virtualize/styles.d.ts +0 -4
  76. package/dist/cjs/components/index.d.ts +0 -27
  77. package/dist/cjs/globalTypings.d.ts +0 -1
  78. package/dist/cjs/hooks/index.d.ts +0 -1
  79. package/dist/cjs/hooks/useFocus.d.ts +0 -6
  80. package/dist/cjs/iconsList.d.ts +0 -1
  81. package/dist/cjs/index.d.ts +0 -2
  82. package/dist/cjs/index.js +0 -15
  83. package/dist/cjs/index.js.map +0 -1
  84. package/dist/cjs/styles/colors.d.ts +0 -49
  85. package/dist/cjs/styles/index.d.ts +0 -5
  86. package/dist/cjs/styles/mixins.d.ts +0 -28
  87. package/dist/cjs/styles/typography.d.ts +0 -6
  88. package/dist/cjs/styles/utils.d.ts +0 -10
  89. package/dist/esm/components/Accordion/index.d.ts +0 -12
  90. package/dist/esm/components/Accordion/style.d.ts +0 -5
  91. package/dist/esm/components/Avatar/index.d.ts +0 -5
  92. package/dist/esm/components/Avatar/styles.d.ts +0 -4
  93. package/dist/esm/components/Avatar/typings.d.ts +0 -19
  94. package/dist/esm/components/AvatarGroup/index.d.ts +0 -5
  95. package/dist/esm/components/AvatarGroup/styles.d.ts +0 -1
  96. package/dist/esm/components/AvatarGroup/typings.d.ts +0 -19
  97. package/dist/esm/components/Button/index.d.ts +0 -5
  98. package/dist/esm/components/Button/styles.d.ts +0 -11
  99. package/dist/esm/components/Button/typings.d.ts +0 -13
  100. package/dist/esm/components/CalendarPicker/index.d.ts +0 -9
  101. package/dist/esm/components/CalendarPicker/styles.d.ts +0 -4
  102. package/dist/esm/components/CalendarPicker/typings.d.ts +0 -17
  103. package/dist/esm/components/Card/index.d.ts +0 -7
  104. package/dist/esm/components/Card/style.d.ts +0 -3
  105. package/dist/esm/components/Checkbox/index.d.ts +0 -5
  106. package/dist/esm/components/Checkbox/styles.d.ts +0 -8
  107. package/dist/esm/components/Checkbox/typings.d.ts +0 -14
  108. package/dist/esm/components/CircularLoader/index.d.ts +0 -4
  109. package/dist/esm/components/CircularLoader/style.d.ts +0 -3
  110. package/dist/esm/components/CircularLoader/typings.d.ts +0 -8
  111. package/dist/esm/components/Icon.d.ts +0 -9
  112. package/dist/esm/components/IconButton/index.d.ts +0 -5
  113. package/dist/esm/components/IconButton/typings.d.ts +0 -6
  114. package/dist/esm/components/Input/index.d.ts +0 -4
  115. package/dist/esm/components/Input/styles.d.ts +0 -13
  116. package/dist/esm/components/Input/typings.d.ts +0 -27
  117. package/dist/esm/components/InputDropDown/index.d.ts +0 -4
  118. package/dist/esm/components/InputDropDown/styles.d.ts +0 -9
  119. package/dist/esm/components/InputDropDown/typings.d.ts +0 -22
  120. package/dist/esm/components/PinInput/PinInputField.d.ts +0 -5
  121. package/dist/esm/components/PinInput/index.d.ts +0 -5
  122. package/dist/esm/components/PinInput/style.d.ts +0 -7
  123. package/dist/esm/components/PinInput/typing.d.ts +0 -21
  124. package/dist/esm/components/Popper/index.d.ts +0 -6
  125. package/dist/esm/components/Popper/styles.d.ts +0 -4
  126. package/dist/esm/components/Popper/typings.d.ts +0 -11
  127. package/dist/esm/components/Radio/index.d.ts +0 -5
  128. package/dist/esm/components/Radio/styles.d.ts +0 -3
  129. package/dist/esm/components/Radio/typings.d.ts +0 -13
  130. package/dist/esm/components/RadioGroup/index.d.ts +0 -5
  131. package/dist/esm/components/RadioGroup/styles.d.ts +0 -5
  132. package/dist/esm/components/RadioGroup/typings.d.ts +0 -18
  133. package/dist/esm/components/RewardOMeter/index.d.ts +0 -5
  134. package/dist/esm/components/RewardOMeter/styles.d.ts +0 -3
  135. package/dist/esm/components/RewardOMeter/typings.d.ts +0 -22
  136. package/dist/esm/components/SearchInput/index.d.ts +0 -15
  137. package/dist/esm/components/SearchInput/style.d.ts +0 -5
  138. package/dist/esm/components/Select/index.d.ts +0 -5
  139. package/dist/esm/components/Select/styles.d.ts +0 -11
  140. package/dist/esm/components/Select/typings.d.ts +0 -21
  141. package/dist/esm/components/Shimmer/index.d.ts +0 -4
  142. package/dist/esm/components/Shimmer/style.d.ts +0 -3
  143. package/dist/esm/components/Shimmer/typings.d.ts +0 -10
  144. package/dist/esm/components/SidePanel/index.d.ts +0 -14
  145. package/dist/esm/components/SidePanel/style.d.ts +0 -8
  146. package/dist/esm/components/Switch/index.d.ts +0 -10
  147. package/dist/esm/components/Switch/styles.d.ts +0 -9
  148. package/dist/esm/components/Tabs/TabsDropdown/index.d.ts +0 -12
  149. package/dist/esm/components/Tabs/TabsDropdown/styles.d.ts +0 -6
  150. package/dist/esm/components/Tabs/index.d.ts +0 -6
  151. package/dist/esm/components/Tabs/styles.d.ts +0 -12
  152. package/dist/esm/components/Tabs/typings.d.ts +0 -21
  153. package/dist/esm/components/Tags/index.d.ts +0 -11
  154. package/dist/esm/components/Tags/style.d.ts +0 -1
  155. package/dist/esm/components/Toast/index.d.ts +0 -5
  156. package/dist/esm/components/Toast/styles.d.ts +0 -12
  157. package/dist/esm/components/Toast/typings.d.ts +0 -8
  158. package/dist/esm/components/Tooltip/index.d.ts +0 -5
  159. package/dist/esm/components/Tooltip/styles.d.ts +0 -2
  160. package/dist/esm/components/Tooltip/typings.d.ts +0 -11
  161. package/dist/esm/components/Virtualize/index.d.ts +0 -12
  162. package/dist/esm/components/Virtualize/styles.d.ts +0 -4
  163. package/dist/esm/components/index.d.ts +0 -27
  164. package/dist/esm/globalTypings.d.ts +0 -1
  165. package/dist/esm/hooks/index.d.ts +0 -1
  166. package/dist/esm/hooks/useFocus.d.ts +0 -6
  167. package/dist/esm/iconsList.d.ts +0 -1
  168. package/dist/esm/index.d.ts +0 -2
  169. package/dist/esm/index.js +0 -15
  170. package/dist/esm/index.js.map +0 -1
  171. package/dist/esm/styles/colors.d.ts +0 -49
  172. package/dist/esm/styles/index.d.ts +0 -5
  173. package/dist/esm/styles/mixins.d.ts +0 -28
  174. package/dist/esm/styles/typography.d.ts +0 -6
  175. package/dist/esm/styles/utils.d.ts +0 -10
  176. package/tests/Accordion.test.tsx +0 -40
  177. package/tests/Avatar.test.tsx +0 -76
  178. package/tests/Button.test.tsx +0 -35
  179. package/tests/Input.test.tsx +0 -39
  180. package/tests/PinInput.test.tsx +0 -89
  181. package/tests/Popper.test.tsx +0 -50
  182. package/tests/RewardOMeter.test.tsx +0 -73
  183. package/tests/SearchInput.test.tsx +0 -34
  184. package/tests/Select.test.tsx +0 -74
  185. package/tests/SidePanel.test.tsx +0 -74
  186. package/tests/Tooltip.test.tsx +0 -36
  187. package/tests/__snapshots__/Accordion.test.tsx.snap +0 -11
  188. package/tests/__snapshots__/Button.test.tsx.snap +0 -10
  189. package/tests/__snapshots__/PinInput.test.tsx.snap +0 -18
  190. package/tests/__snapshots__/Popper.test.tsx.snap +0 -15
  191. package/tests/__snapshots__/SidePanel.test.tsx.snap +0 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "zebpay-ui",
3
- "version": "0.0.43",
3
+ "version": "0.0.45",
4
4
  "description": "A lightweight component and utilities library Design System created using React",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -1,12 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import { SerializedStyles } from "@emotion/react";
3
- import React, { FC } from "react";
4
- import "./../../../dist/icons/icons.css";
5
- interface AccordionProps {
6
- title: React.ReactNode;
7
- isOpen: boolean;
8
- onToggle: (value: boolean) => void;
9
- style?: SerializedStyles;
10
- }
11
- declare const Accordion: FC<AccordionProps>;
12
- export default Accordion;
@@ -1,5 +0,0 @@
1
- export declare const accordionWrapper: import("@emotion/utils").SerializedStyles;
2
- export declare const accordionTitle: import("@emotion/utils").SerializedStyles;
3
- export declare const accordionIcon: import("@emotion/utils").SerializedStyles;
4
- export declare const accordionCollapsed: import("@emotion/utils").SerializedStyles;
5
- export declare const accordionContent: import("@emotion/utils").SerializedStyles;
@@ -1,5 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import * as React from "react";
3
- import { AvatarProps } from "./typings";
4
- declare const Avatar: React.FC<AvatarProps>;
5
- export default Avatar;
@@ -1,4 +0,0 @@
1
- import { SizingProps } from "./typings";
2
- export declare const avatar: (customSize: SizingProps, disabled: boolean) => import("@emotion/utils").SerializedStyles;
3
- export declare const customAvatar: (customSize: SizingProps, disabled: boolean) => import("@emotion/utils").SerializedStyles;
4
- export declare const loading: (spacing: string) => import("@emotion/utils").SerializedStyles;
@@ -1,19 +0,0 @@
1
- import { Interpolation, Theme } from "@emotion/react";
2
- import { AvatarSpacing } from "../AvatarGroup/typings";
3
- export declare type AvatareSize = "small" | "medium" | "large";
4
- export interface AvatarProps {
5
- src: string;
6
- alt: string;
7
- id: number;
8
- size?: AvatareSize;
9
- onClick?: () => void;
10
- disabled?: boolean;
11
- loading?: boolean;
12
- style?: Interpolation<Theme>;
13
- spacing: AvatarSpacing;
14
- }
15
- export interface SizingProps {
16
- width: number;
17
- height: number;
18
- marginLeft: string;
19
- }
@@ -1,5 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import * as React from "react";
3
- import { AvatarGroupProps } from "./typings";
4
- declare const AvatarGroup: React.FC<AvatarGroupProps>;
5
- export default AvatarGroup;
@@ -1 +0,0 @@
1
- export declare const avatarGroup: import("@emotion/utils").SerializedStyles;
@@ -1,19 +0,0 @@
1
- import { Interpolation, Theme } from "@emotion/react";
2
- import { AvatareSize } from "../Avatar/typings";
3
- export declare type AvatarSpacing = "small" | "medium" | "large";
4
- export interface AvatarGroupContentProps {
5
- src: string;
6
- alt: string;
7
- id: number;
8
- }
9
- export interface AvatarGroupProps {
10
- onClick?: () => void;
11
- disabled?: boolean;
12
- loading?: boolean;
13
- style?: Interpolation<Theme>;
14
- displayMax?: number;
15
- total?: number;
16
- spacing?: AvatarSpacing;
17
- size?: AvatareSize;
18
- content: Array<AvatarGroupContentProps>;
19
- }
@@ -1,5 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import * as React from "react";
3
- import { ButtonProps } from "./typings";
4
- declare const Button: React.FC<ButtonProps>;
5
- export default Button;
@@ -1,11 +0,0 @@
1
- export declare const general: import("@emotion/utils").SerializedStyles;
2
- export declare const linkButton: import("@emotion/utils").SerializedStyles;
3
- export declare const primaryButton: import("@emotion/utils").SerializedStyles;
4
- export declare const secondaryButton: import("@emotion/utils").SerializedStyles;
5
- export declare const specialButton: import("@emotion/utils").SerializedStyles;
6
- export declare const specialButtonText: import("@emotion/utils").SerializedStyles;
7
- export declare const specialButtonSmText: import("@emotion/utils").SerializedStyles;
8
- export declare const tertiaryButton: import("@emotion/utils").SerializedStyles;
9
- export declare const tertiaryButtonText: import("@emotion/utils").SerializedStyles;
10
- export declare const tabButton: import("@emotion/utils").SerializedStyles;
11
- export declare const disabledButton: import("@emotion/utils").SerializedStyles;
@@ -1,13 +0,0 @@
1
- import { Interpolation, Theme } from "@emotion/react";
2
- export declare type ButtonSize = "small" | "medium" | "large" | "full-width";
3
- export declare type ButtonTypeAttribute = "button" | "reset" | "submit";
4
- export declare type ButtonType = "link" | "primary" | "secondary" | "special" | "tertiary" | "tab";
5
- export interface ButtonProps {
6
- type: ButtonType;
7
- size?: ButtonSize;
8
- onClick: () => void;
9
- disabled?: boolean;
10
- loading?: boolean;
11
- style?: Interpolation<Theme>;
12
- typeAttribute?: ButtonTypeAttribute;
13
- }
@@ -1,9 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import "react-calendar/dist/Calendar.css";
3
- import React from "react";
4
- import "./../../../dist/icons/icons.css";
5
- import { DateRangePickerProps } from "./typings";
6
- export declare const unixFormat: (date: Date) => number;
7
- export declare const dateFormat: (date: number) => Date;
8
- declare const CalendarPicker: React.FC<DateRangePickerProps>;
9
- export default CalendarPicker;
@@ -1,4 +0,0 @@
1
- export declare const alignNav: import("@emotion/utils").SerializedStyles;
2
- export declare const monthArrow: import("@emotion/utils").SerializedStyles;
3
- export declare const navigationLabel: import("@emotion/utils").SerializedStyles;
4
- export declare const dateRangePicker: import("@emotion/utils").SerializedStyles;
@@ -1,17 +0,0 @@
1
- import { SerializedStyles } from "@emotion/react";
2
- export interface DateRange {
3
- startDate: number;
4
- endDate: number;
5
- }
6
- export interface DateRangePickerProps {
7
- style?: SerializedStyles;
8
- activeStartDate?: number;
9
- onChange: (dateRange: DateRange | number) => void;
10
- multiple?: boolean;
11
- range?: boolean;
12
- customDateRange?: {
13
- start?: number;
14
- end?: number;
15
- };
16
- selectedDate?: Date | Date[];
17
- }
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- export interface CardProps {
3
- title: string;
4
- headerNav?: React.ReactNode;
5
- }
6
- declare const Card: React.FC<CardProps>;
7
- export default Card;
@@ -1,3 +0,0 @@
1
- export declare const cardStyle: import("@emotion/utils").SerializedStyles;
2
- export declare const cardHeader: import("@emotion/utils").SerializedStyles;
3
- export declare const cardBody: import("@emotion/utils").SerializedStyles;
@@ -1,5 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import { FC } from "react";
3
- import { CheckboxProps } from "./typings";
4
- declare const Checkbox: FC<CheckboxProps>;
5
- export default Checkbox;
@@ -1,8 +0,0 @@
1
- export declare const checkboxContainer: import("@emotion/utils").SerializedStyles;
2
- export declare const labelContainer: import("@emotion/utils").SerializedStyles;
3
- export declare const disabledLabel: import("@emotion/utils").SerializedStyles;
4
- export declare const input: import("@emotion/utils").SerializedStyles;
5
- export declare const checkCheckmark: (indeterminate?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
6
- export declare const checkLabel: import("@emotion/utils").SerializedStyles;
7
- export declare const checkComponent: import("@emotion/utils").SerializedStyles;
8
- export declare const checkmark: (indeterminate?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
@@ -1,14 +0,0 @@
1
- import { SerializedStyles } from "@emotion/react";
2
- import { ReactText } from "react";
3
- export interface CheckboxProps {
4
- value: ReactText;
5
- checked: boolean;
6
- onChange: (args: {
7
- checked: boolean;
8
- value: ReactText;
9
- }) => void;
10
- label?: string | JSX.Element;
11
- disabled?: boolean;
12
- style?: SerializedStyles;
13
- indeterminate?: boolean;
14
- }
@@ -1,4 +0,0 @@
1
- import { FC } from "react";
2
- import { CircularLoaderProps } from "./typings";
3
- declare const CircularLoader: FC<CircularLoaderProps>;
4
- export default CircularLoader;
@@ -1,3 +0,0 @@
1
- export declare const rotateAnimation: import("@emotion/react").Keyframes;
2
- export declare const circle: import("@emotion/utils").SerializedStyles;
3
- export declare const rotation: (interval: number) => import("@emotion/utils").SerializedStyles;
@@ -1,8 +0,0 @@
1
- export interface CircularLoaderProps {
2
- size: number;
3
- color?: string;
4
- fillColor?: string;
5
- borderWidth?: number;
6
- strokePercentage?: number;
7
- rotationInterval?: number;
8
- }
@@ -1,9 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import * as React from "react";
3
- import { SerializedStyles } from "@emotion/react";
4
- interface IconProps {
5
- name: string;
6
- style?: SerializedStyles;
7
- }
8
- declare const Icon: React.FC<IconProps>;
9
- export default Icon;
@@ -1,5 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import * as React from "react";
3
- import { IconButtonProps } from "./typings";
4
- declare const IconButton: React.FC<IconButtonProps>;
5
- export default IconButton;
@@ -1,6 +0,0 @@
1
- import { ButtonProps } from "../Button/typings";
2
- import { SerializedStyles } from "@emotion/react";
3
- export interface IconButtonProps extends ButtonProps {
4
- icon: string;
5
- iconStyles?: SerializedStyles;
6
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { InputProps } from "./typings";
3
- declare const Input: React.FC<InputProps>;
4
- export default Input;
@@ -1,13 +0,0 @@
1
- export declare const invalidInputGroup: import("@emotion/utils").SerializedStyles;
2
- export declare const formLabel: (theme: "dark" | "light") => import("@emotion/utils").SerializedStyles;
3
- export declare const activeFormLabel: (theme: "dark" | "light") => import("@emotion/utils").SerializedStyles;
4
- export declare const inputGroup: import("@emotion/utils").SerializedStyles;
5
- export declare const focusedInputGroup: import("@emotion/utils").SerializedStyles;
6
- export declare const formControl: (theme: "dark" | "light") => import("@emotion/utils").SerializedStyles;
7
- export declare const fieldFullRounded: import("@emotion/utils").SerializedStyles;
8
- export declare const fieldNoRounded: import("@emotion/utils").SerializedStyles;
9
- export declare const fieldSecondHalfRounded: import("@emotion/utils").SerializedStyles;
10
- export declare const fieldFirstHalfRounded: import("@emotion/utils").SerializedStyles;
11
- export declare const inputGroupText: (theme: "dark" | "light") => import("@emotion/utils").SerializedStyles;
12
- export declare const inputGroupPrepend: (theme: "dark" | "light") => import("@emotion/utils").SerializedStyles;
13
- export declare const infoCta: import("@emotion/utils").SerializedStyles;
@@ -1,27 +0,0 @@
1
- import { SerializedStyles } from "@emotion/react";
2
- import { ReactText } from "react";
3
- export interface InputTargetProps {
4
- value: string;
5
- name: string;
6
- }
7
- export interface InputProps {
8
- label: string;
9
- placeholder: string;
10
- value: ReactText;
11
- onChange: (target: InputTargetProps) => void;
12
- name?: string;
13
- appendItem?: string | JSX.Element;
14
- prependItem?: string | JSX.Element;
15
- infoText?: string;
16
- errorText?: string;
17
- type?: "text" | "number" | "password";
18
- style?: SerializedStyles;
19
- cta?: {
20
- label: string;
21
- onClick: () => void;
22
- };
23
- onFocus?: () => void;
24
- onBlur?: () => void;
25
- autoComplete?: "on" | "off";
26
- theme?: "dark" | "light";
27
- }
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { InputDropDownProps } from "./typings";
3
- declare const InputDropDown: React.FC<InputDropDownProps<string>>;
4
- export default InputDropDown;
@@ -1,9 +0,0 @@
1
- export declare const wrapper: import("@emotion/utils").SerializedStyles;
2
- export declare const selectOverlay: import("@emotion/utils").SerializedStyles;
3
- export declare const icon: import("@emotion/utils").SerializedStyles;
4
- export declare const input: import("@emotion/utils").SerializedStyles;
5
- export declare const selectedElement: import("@emotion/utils").SerializedStyles;
6
- export declare const options: import("@emotion/utils").SerializedStyles;
7
- export declare const optionItem: import("@emotion/utils").SerializedStyles;
8
- export declare const optionsWrapper: import("@emotion/utils").SerializedStyles;
9
- export declare const displayComponent: import("@emotion/utils").SerializedStyles;
@@ -1,22 +0,0 @@
1
- /// <reference types="react" />
2
- import { SerializedStyles } from "@emotion/react";
3
- export interface OptionsProps<T> {
4
- label: JSX.Element | string;
5
- displayLabel?: JSX.Element | string;
6
- value: T;
7
- }
8
- export interface InputDropDownProps<T> {
9
- style?: SerializedStyles;
10
- search: {
11
- placeholder: string;
12
- value: string;
13
- onChange(value: string): void;
14
- onClear?: () => void;
15
- };
16
- options: OptionsProps<T>[];
17
- selected: T;
18
- onChange(value: string): void;
19
- emptyElement?: React.ReactNode;
20
- rowHeight: number;
21
- maxRows: number;
22
- }
@@ -1,5 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import React from "react";
3
- import { PinInputFieldProps } from "./typing";
4
- declare const PinInputField: React.FC<PinInputFieldProps>;
5
- export default PinInputField;
@@ -1,5 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import { FC } from "react";
3
- import { PinInputProps } from "./typing";
4
- declare const PinInput: FC<PinInputProps>;
5
- export default PinInput;
@@ -1,7 +0,0 @@
1
- export declare const pins: import("@emotion/utils").SerializedStyles;
2
- export declare const label: import("@emotion/utils").SerializedStyles;
3
- export declare const inputFocused: import("@emotion/utils").SerializedStyles;
4
- export declare const invalidPins: import("@emotion/utils").SerializedStyles;
5
- export declare const inputContainer: import("@emotion/utils").SerializedStyles;
6
- export declare const input: import("@emotion/utils").SerializedStyles;
7
- export declare const disabledInput: import("@emotion/utils").SerializedStyles;
@@ -1,21 +0,0 @@
1
- import { SerializedStyles } from "@emotion/react";
2
- import React from "react";
3
- export declare type PinInputProps = {
4
- label?: string;
5
- values: string[];
6
- mask?: boolean;
7
- autoFocus?: boolean;
8
- onChange?: (value: string | string[], index: number, values: string[]) => void;
9
- length: number;
10
- initialValue?: string | string[];
11
- onComplete?: (values: string[]) => void;
12
- invalid?: boolean;
13
- style?: SerializedStyles;
14
- labelStyle?: SerializedStyles;
15
- inputContainerStyle?: SerializedStyles;
16
- inputFieldStyle?: SerializedStyles;
17
- } & Pick<React.InputHTMLAttributes<HTMLInputElement>, "disabled" | "id" | "inputMode" | "onBlur" | "onFocus" | "onKeyDown" | "placeholder">;
18
- export declare type PinInputFieldProps = {
19
- index: number;
20
- value: string;
21
- } & PinInputProps;
@@ -1,6 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import * as React from "react";
3
- import { PopperProps } from "./typings";
4
- import "./../../../dist/icons/icons.css";
5
- declare const Popper: React.FC<PopperProps>;
6
- export default Popper;
@@ -1,4 +0,0 @@
1
- export declare const container: import("@emotion/utils").SerializedStyles;
2
- export declare const popup: import("@emotion/utils").SerializedStyles;
3
- export declare const closeButton: import("@emotion/utils").SerializedStyles;
4
- export declare const selectOverlay: import("@emotion/utils").SerializedStyles;
@@ -1,11 +0,0 @@
1
- import { SerializedStyles } from "@emotion/react";
2
- import { ReactElement } from "react";
3
- export declare type Position = "top-start" | "top" | "top-end" | "right-start" | "right" | "right-end" | "bottom-start" | "bottom" | "bottom-end" | "left-start" | "left" | "left-end";
4
- export interface PopperProps {
5
- content: ReactElement;
6
- onClose?: () => void;
7
- containerStyle?: SerializedStyles;
8
- contentContainerStyles?: SerializedStyles;
9
- style?: SerializedStyles;
10
- position?: Position;
11
- }
@@ -1,5 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import React from "react";
3
- import { RadioProps } from "./typings";
4
- declare const Radio: React.FC<RadioProps>;
5
- export default Radio;
@@ -1,3 +0,0 @@
1
- export declare const container: import("@emotion/utils").SerializedStyles;
2
- export declare const input: import("@emotion/utils").SerializedStyles;
3
- export declare const checkmark: import("@emotion/utils").SerializedStyles;
@@ -1,13 +0,0 @@
1
- import { SerializedStyles } from "@emotion/react";
2
- import { ReactText } from "react";
3
- export interface RadioProps {
4
- selected: boolean;
5
- onChange: (args: {
6
- selected: boolean;
7
- value: ReactText;
8
- }) => void;
9
- value?: ReactText;
10
- label?: string | JSX.Element;
11
- name: string;
12
- style?: SerializedStyles;
13
- }
@@ -1,5 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import React from "react";
3
- import { RadioGroupProps } from "./typings";
4
- declare const RadioGroup: React.FC<RadioGroupProps>;
5
- export default RadioGroup;
@@ -1,5 +0,0 @@
1
- export declare const container: import("@emotion/utils").SerializedStyles;
2
- export declare const input: import("@emotion/utils").SerializedStyles;
3
- export declare const checkmark: import("@emotion/utils").SerializedStyles;
4
- export declare const radioGroup: import("@emotion/utils").SerializedStyles;
5
- export declare const marginRight: import("@emotion/utils").SerializedStyles;
@@ -1,18 +0,0 @@
1
- import { SerializedStyles } from "@emotion/react";
2
- import { ReactText } from "react";
3
- export interface OptionProps {
4
- name: string;
5
- value?: ReactText;
6
- label?: string | JSX.Element;
7
- id: string;
8
- }
9
- export interface RadioGroupProps {
10
- defaultSelected?: string;
11
- onChange: (args: {
12
- selected: boolean;
13
- value: ReactText;
14
- selectedId: string;
15
- }) => void;
16
- style?: SerializedStyles;
17
- options: Array<OptionProps>;
18
- }
@@ -1,5 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import React from "react";
3
- import { RewardOMeterProps } from "./typings";
4
- declare const RewardOMeter: React.FC<RewardOMeterProps>;
5
- export default RewardOMeter;
@@ -1,3 +0,0 @@
1
- export declare const meter: import("@emotion/utils").SerializedStyles;
2
- export declare const wrapper: (radius: number) => import("@emotion/utils").SerializedStyles;
3
- export declare const needle: (angle: number, size: number, radius: number) => import("@emotion/utils").SerializedStyles;
@@ -1,22 +0,0 @@
1
- import { SerializedStyles } from "@emotion/react";
2
- export interface Segment {
3
- color: string;
4
- percentage: number;
5
- }
6
- export interface RewardOMeterProps {
7
- primaryList: {
8
- data: Segment[];
9
- width: number;
10
- radius: number;
11
- };
12
- needleProperties: {
13
- angle: number;
14
- size: number;
15
- };
16
- secondaryList?: {
17
- data: Segment[];
18
- width: number;
19
- radius: number;
20
- };
21
- style?: SerializedStyles;
22
- }
@@ -1,15 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import React from "react";
3
- import { SerializedStyles } from "@emotion/react";
4
- import { InputTargetProps } from "./../Input/typings";
5
- import "./../../../dist/icons/icons.css";
6
- interface SearchInputProps {
7
- value: React.ReactText;
8
- placeholder?: string;
9
- onChange: (target: InputTargetProps) => void;
10
- onClear?: () => void;
11
- autoFocus?: boolean;
12
- style?: SerializedStyles;
13
- }
14
- declare const SearchInput: React.FC<SearchInputProps>;
15
- export default SearchInput;
@@ -1,5 +0,0 @@
1
- export declare const inputGroup: (inFocus?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
2
- export declare const inputPrepend: import("@emotion/utils").SerializedStyles;
3
- export declare const focused: import("@emotion/utils").SerializedStyles;
4
- export declare const searchInput: import("@emotion/utils").SerializedStyles;
5
- export declare const searchButton: import("@emotion/utils").SerializedStyles;
@@ -1,5 +0,0 @@
1
- import React from "react";
2
- import "./../../../dist/icons/icons.css";
3
- import { SelectProps } from "./typings";
4
- declare const Select: React.FC<SelectProps<string>>;
5
- export default Select;
@@ -1,11 +0,0 @@
1
- export declare const wrapper: import("@emotion/utils").SerializedStyles;
2
- export declare const button: import("@emotion/utils").SerializedStyles;
3
- export declare const active: import("@emotion/utils").SerializedStyles;
4
- export declare const selectOverlay: import("@emotion/utils").SerializedStyles;
5
- export declare const optionsWrapper: (shiftLeft?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
6
- export declare const options: import("@emotion/utils").SerializedStyles;
7
- export declare const optionItem: import("@emotion/utils").SerializedStyles;
8
- export declare const optionItems: import("@emotion/utils").SerializedStyles;
9
- export declare const empty: import("@emotion/utils").SerializedStyles;
10
- export declare const optionSecondName: import("@emotion/utils").SerializedStyles;
11
- export declare const selected: import("@emotion/utils").SerializedStyles;
@@ -1,21 +0,0 @@
1
- import { SerializedStyles } from "@emotion/react";
2
- import React from "react";
3
- export interface OptionsProps<T> {
4
- label: JSX.Element | string;
5
- displayLabel?: JSX.Element | string;
6
- value: T;
7
- }
8
- export interface SelectProps<T> {
9
- placeholder: string;
10
- style?: SerializedStyles;
11
- search?: {
12
- placeholder: string;
13
- value: string;
14
- onChange(value: string): void;
15
- onClear?: () => void;
16
- };
17
- options: OptionsProps<T>[];
18
- selected: T;
19
- onChange(value: string): void;
20
- emptyElement?: React.ReactNode;
21
- }
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { ShimmerProps } from "./typings";
3
- declare const Shimmer: React.FC<ShimmerProps>;
4
- export default Shimmer;
@@ -1,3 +0,0 @@
1
- import { Theme } from "../../globalTypings";
2
- export declare const shimmerAnimation: (width: number) => import("@emotion/react").Keyframes;
3
- export declare const shimmerContainer: (theme: Theme, width: number) => import("@emotion/utils").SerializedStyles;
@@ -1,10 +0,0 @@
1
- import { SerializedStyles } from "@emotion/react";
2
- import { Theme } from "../../globalTypings";
3
- export interface ShimmerProps {
4
- height: number;
5
- width: number;
6
- style?: SerializedStyles;
7
- mode?: Theme;
8
- sizeType?: SizeType;
9
- }
10
- export declare type SizeType = "px" | "%";
@@ -1,14 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import { FC } from "react";
3
- import "./../../../dist/icons/icons.css";
4
- import { SerializedStyles } from "@emotion/react";
5
- interface SidePanelProps {
6
- title?: string;
7
- open: boolean;
8
- isBack?: boolean;
9
- onBack?: () => void;
10
- onClose?: () => void;
11
- style?: SerializedStyles;
12
- }
13
- declare const SidePanel: FC<SidePanelProps>;
14
- export default SidePanel;