zebpay-ui 0.0.36 → 0.0.37

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 (143) 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/Button/index.d.ts +0 -5
  5. package/dist/cjs/components/Button/styles.d.ts +0 -11
  6. package/dist/cjs/components/Button/typings.d.ts +0 -13
  7. package/dist/cjs/components/CalendarPicker/index.d.ts +0 -9
  8. package/dist/cjs/components/CalendarPicker/styles.d.ts +0 -4
  9. package/dist/cjs/components/CalendarPicker/typings.d.ts +0 -17
  10. package/dist/cjs/components/Card/index.d.ts +0 -7
  11. package/dist/cjs/components/Card/style.d.ts +0 -3
  12. package/dist/cjs/components/Checkbox/index.d.ts +0 -5
  13. package/dist/cjs/components/Checkbox/styles.d.ts +0 -8
  14. package/dist/cjs/components/Checkbox/typings.d.ts +0 -14
  15. package/dist/cjs/components/CircularLoader/index.d.ts +0 -4
  16. package/dist/cjs/components/CircularLoader/style.d.ts +0 -2
  17. package/dist/cjs/components/CircularLoader/typings.d.ts +0 -6
  18. package/dist/cjs/components/Icon.d.ts +0 -9
  19. package/dist/cjs/components/IconButton/index.d.ts +0 -5
  20. package/dist/cjs/components/IconButton/typings.d.ts +0 -6
  21. package/dist/cjs/components/Input/index.d.ts +0 -4
  22. package/dist/cjs/components/Input/styles.d.ts +0 -13
  23. package/dist/cjs/components/Input/typings.d.ts +0 -26
  24. package/dist/cjs/components/InputDropDown/index.d.ts +0 -4
  25. package/dist/cjs/components/InputDropDown/styles.d.ts +0 -9
  26. package/dist/cjs/components/InputDropDown/typings.d.ts +0 -22
  27. package/dist/cjs/components/PinInput/PinInputField.d.ts +0 -5
  28. package/dist/cjs/components/PinInput/index.d.ts +0 -5
  29. package/dist/cjs/components/PinInput/style.d.ts +0 -7
  30. package/dist/cjs/components/PinInput/typing.d.ts +0 -21
  31. package/dist/cjs/components/Popper/index.d.ts +0 -6
  32. package/dist/cjs/components/Popper/styles.d.ts +0 -4
  33. package/dist/cjs/components/Popper/typings.d.ts +0 -11
  34. package/dist/cjs/components/Radio/index.d.ts +0 -5
  35. package/dist/cjs/components/Radio/styles.d.ts +0 -3
  36. package/dist/cjs/components/Radio/typings.d.ts +0 -13
  37. package/dist/cjs/components/SearchInput/index.d.ts +0 -15
  38. package/dist/cjs/components/SearchInput/style.d.ts +0 -5
  39. package/dist/cjs/components/Select/index.d.ts +0 -5
  40. package/dist/cjs/components/Select/styles.d.ts +0 -11
  41. package/dist/cjs/components/Select/typings.d.ts +0 -21
  42. package/dist/cjs/components/Shimmer/index.d.ts +0 -10
  43. package/dist/cjs/components/Shimmer/style.d.ts +0 -2
  44. package/dist/cjs/components/SidePanel/index.d.ts +0 -14
  45. package/dist/cjs/components/SidePanel/style.d.ts +0 -8
  46. package/dist/cjs/components/Tabs/TabsDropdown/index.d.ts +0 -12
  47. package/dist/cjs/components/Tabs/TabsDropdown/styles.d.ts +0 -6
  48. package/dist/cjs/components/Tabs/index.d.ts +0 -6
  49. package/dist/cjs/components/Tabs/styles.d.ts +0 -11
  50. package/dist/cjs/components/Tabs/typings.d.ts +0 -19
  51. package/dist/cjs/components/Tags/index.d.ts +0 -11
  52. package/dist/cjs/components/Tags/style.d.ts +0 -1
  53. package/dist/cjs/components/Toast/index.d.ts +0 -5
  54. package/dist/cjs/components/Toast/styles.d.ts +0 -12
  55. package/dist/cjs/components/Toast/typings.d.ts +0 -8
  56. package/dist/cjs/components/Tooltip/index.d.ts +0 -5
  57. package/dist/cjs/components/Tooltip/styles.d.ts +0 -2
  58. package/dist/cjs/components/Tooltip/typings.d.ts +0 -11
  59. package/dist/cjs/components/Virtualize/index.d.ts +0 -12
  60. package/dist/cjs/components/Virtualize/styles.d.ts +0 -4
  61. package/dist/cjs/components/index.d.ts +0 -22
  62. package/dist/cjs/hooks/index.d.ts +0 -1
  63. package/dist/cjs/hooks/useFocus.d.ts +0 -6
  64. package/dist/cjs/iconsList.d.ts +0 -1
  65. package/dist/cjs/index.d.ts +0 -2
  66. package/dist/cjs/index.js +0 -15
  67. package/dist/cjs/index.js.map +0 -1
  68. package/dist/cjs/styles/colors.d.ts +0 -43
  69. package/dist/cjs/styles/index.d.ts +0 -5
  70. package/dist/cjs/styles/mixins.d.ts +0 -28
  71. package/dist/cjs/styles/typography.d.ts +0 -6
  72. package/dist/cjs/styles/utils.d.ts +0 -10
  73. package/dist/esm/components/Accordion/index.d.ts +0 -12
  74. package/dist/esm/components/Accordion/style.d.ts +0 -5
  75. package/dist/esm/components/Button/index.d.ts +0 -5
  76. package/dist/esm/components/Button/styles.d.ts +0 -11
  77. package/dist/esm/components/Button/typings.d.ts +0 -13
  78. package/dist/esm/components/CalendarPicker/index.d.ts +0 -9
  79. package/dist/esm/components/CalendarPicker/styles.d.ts +0 -4
  80. package/dist/esm/components/CalendarPicker/typings.d.ts +0 -17
  81. package/dist/esm/components/Card/index.d.ts +0 -7
  82. package/dist/esm/components/Card/style.d.ts +0 -3
  83. package/dist/esm/components/Checkbox/index.d.ts +0 -5
  84. package/dist/esm/components/Checkbox/styles.d.ts +0 -8
  85. package/dist/esm/components/Checkbox/typings.d.ts +0 -14
  86. package/dist/esm/components/CircularLoader/index.d.ts +0 -4
  87. package/dist/esm/components/CircularLoader/style.d.ts +0 -2
  88. package/dist/esm/components/CircularLoader/typings.d.ts +0 -6
  89. package/dist/esm/components/Icon.d.ts +0 -9
  90. package/dist/esm/components/IconButton/index.d.ts +0 -5
  91. package/dist/esm/components/IconButton/typings.d.ts +0 -6
  92. package/dist/esm/components/Input/index.d.ts +0 -4
  93. package/dist/esm/components/Input/styles.d.ts +0 -13
  94. package/dist/esm/components/Input/typings.d.ts +0 -26
  95. package/dist/esm/components/InputDropDown/index.d.ts +0 -4
  96. package/dist/esm/components/InputDropDown/styles.d.ts +0 -9
  97. package/dist/esm/components/InputDropDown/typings.d.ts +0 -22
  98. package/dist/esm/components/PinInput/PinInputField.d.ts +0 -5
  99. package/dist/esm/components/PinInput/index.d.ts +0 -5
  100. package/dist/esm/components/PinInput/style.d.ts +0 -7
  101. package/dist/esm/components/PinInput/typing.d.ts +0 -21
  102. package/dist/esm/components/Popper/index.d.ts +0 -6
  103. package/dist/esm/components/Popper/styles.d.ts +0 -4
  104. package/dist/esm/components/Popper/typings.d.ts +0 -11
  105. package/dist/esm/components/Radio/index.d.ts +0 -5
  106. package/dist/esm/components/Radio/styles.d.ts +0 -3
  107. package/dist/esm/components/Radio/typings.d.ts +0 -13
  108. package/dist/esm/components/SearchInput/index.d.ts +0 -15
  109. package/dist/esm/components/SearchInput/style.d.ts +0 -5
  110. package/dist/esm/components/Select/index.d.ts +0 -5
  111. package/dist/esm/components/Select/styles.d.ts +0 -11
  112. package/dist/esm/components/Select/typings.d.ts +0 -21
  113. package/dist/esm/components/Shimmer/index.d.ts +0 -10
  114. package/dist/esm/components/Shimmer/style.d.ts +0 -2
  115. package/dist/esm/components/SidePanel/index.d.ts +0 -14
  116. package/dist/esm/components/SidePanel/style.d.ts +0 -8
  117. package/dist/esm/components/Tabs/TabsDropdown/index.d.ts +0 -12
  118. package/dist/esm/components/Tabs/TabsDropdown/styles.d.ts +0 -6
  119. package/dist/esm/components/Tabs/index.d.ts +0 -6
  120. package/dist/esm/components/Tabs/styles.d.ts +0 -11
  121. package/dist/esm/components/Tabs/typings.d.ts +0 -19
  122. package/dist/esm/components/Tags/index.d.ts +0 -11
  123. package/dist/esm/components/Tags/style.d.ts +0 -1
  124. package/dist/esm/components/Toast/index.d.ts +0 -5
  125. package/dist/esm/components/Toast/styles.d.ts +0 -12
  126. package/dist/esm/components/Toast/typings.d.ts +0 -8
  127. package/dist/esm/components/Tooltip/index.d.ts +0 -5
  128. package/dist/esm/components/Tooltip/styles.d.ts +0 -2
  129. package/dist/esm/components/Tooltip/typings.d.ts +0 -11
  130. package/dist/esm/components/Virtualize/index.d.ts +0 -12
  131. package/dist/esm/components/Virtualize/styles.d.ts +0 -4
  132. package/dist/esm/components/index.d.ts +0 -22
  133. package/dist/esm/hooks/index.d.ts +0 -1
  134. package/dist/esm/hooks/useFocus.d.ts +0 -6
  135. package/dist/esm/iconsList.d.ts +0 -1
  136. package/dist/esm/index.d.ts +0 -2
  137. package/dist/esm/index.js +0 -15
  138. package/dist/esm/index.js.map +0 -1
  139. package/dist/esm/styles/colors.d.ts +0 -43
  140. package/dist/esm/styles/index.d.ts +0 -5
  141. package/dist/esm/styles/mixins.d.ts +0 -28
  142. package/dist/esm/styles/typography.d.ts +0 -6
  143. package/dist/esm/styles/utils.d.ts +0 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "zebpay-ui",
3
- "version": "0.0.36",
3
+ "version": "0.0.37",
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 { 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,2 +0,0 @@
1
- export declare const rotateAnimation: import("@emotion/react").Keyframes;
2
- export declare const loader: import("@emotion/utils").SerializedStyles;
@@ -1,6 +0,0 @@
1
- export interface CircularLoaderProps {
2
- size: number;
3
- color?: string;
4
- fillColor?: string;
5
- borderWidth?: number;
6
- }
@@ -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: import("@emotion/utils").SerializedStyles;
3
- export declare const activeFormLabel: 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: 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: import("@emotion/utils").SerializedStyles;
12
- export declare const inputGroupPrepend: import("@emotion/utils").SerializedStyles;
13
- export declare const infoCta: import("@emotion/utils").SerializedStyles;
@@ -1,26 +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
- }
@@ -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,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,10 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import { SerializedStyles } from "@emotion/react";
3
- import React from "react";
4
- interface ShimmerProps {
5
- height: number;
6
- width: number;
7
- style?: SerializedStyles;
8
- }
9
- declare const Shimmer: React.FC<ShimmerProps>;
10
- export default Shimmer;
@@ -1,2 +0,0 @@
1
- export declare const shimmerAnimation: (width: number) => import("@emotion/react").Keyframes;
2
- export declare const shimmerContainer: (width: number) => import("@emotion/utils").SerializedStyles;
@@ -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;
@@ -1,8 +0,0 @@
1
- export declare const wrapper: import("@emotion/utils").SerializedStyles;
2
- export declare const overlay: import("@emotion/utils").SerializedStyles;
3
- export declare const sidePanel: import("@emotion/utils").SerializedStyles;
4
- export declare const sidePanelOpen: import("@emotion/utils").SerializedStyles;
5
- export declare const header: import("@emotion/utils").SerializedStyles;
6
- export declare const titleStyle: import("@emotion/utils").SerializedStyles;
7
- export declare const headerCTA: import("@emotion/utils").SerializedStyles;
8
- export declare const headerCloseCTA: import("@emotion/utils").SerializedStyles;
@@ -1,12 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import React from "react";
3
- import { TabItem, TabType } from "../typings";
4
- interface TabsDropdownProps {
5
- isSelected: boolean;
6
- title: JSX.Element | string;
7
- list: TabItem[];
8
- onChange: (value: TabItem) => void;
9
- type: TabType;
10
- }
11
- declare const TabsDropdown: React.FC<TabsDropdownProps>;
12
- export default TabsDropdown;
@@ -1,6 +0,0 @@
1
- export declare const tabDropdown: import("@emotion/utils").SerializedStyles;
2
- export declare const menu: import("@emotion/utils").SerializedStyles;
3
- export declare const menuItem: import("@emotion/utils").SerializedStyles;
4
- export declare const activeItem: import("@emotion/utils").SerializedStyles;
5
- export declare const tertiaryNotActive: import("@emotion/utils").SerializedStyles;
6
- export declare const selectOverlay: import("@emotion/utils").SerializedStyles;
@@ -1,6 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import React from "react";
3
- import { TabProps } from "./typings";
4
- import "./../../../dist/icons/icons.css";
5
- declare const Tabs: React.FC<TabProps>;
6
- export default Tabs;
@@ -1,11 +0,0 @@
1
- export declare const customNav: import("@emotion/utils").SerializedStyles;
2
- export declare const disabledNav: import("@emotion/utils").SerializedStyles;
3
- export declare const tertiaryNav: import("@emotion/utils").SerializedStyles;
4
- export declare const primaryNav: import("@emotion/utils").SerializedStyles;
5
- export declare const primary: import("@emotion/utils").SerializedStyles;
6
- export declare const primaryActive: import("@emotion/utils").SerializedStyles;
7
- export declare const secondary: import("@emotion/utils").SerializedStyles;
8
- export declare const secondaryActive: import("@emotion/utils").SerializedStyles;
9
- export declare const tertiary: import("@emotion/utils").SerializedStyles;
10
- export declare const tertiaryActive: import("@emotion/utils").SerializedStyles;
11
- export declare const backgroundButton: (color: string) => import("@emotion/utils").SerializedStyles;
@@ -1,19 +0,0 @@
1
- /// <reference types="react" />
2
- import { SerializedStyles } from "@emotion/react";
3
- export declare type TabType = "primary" | "secondary" | "tertiary";
4
- export interface TabItem {
5
- title: JSX.Element | string;
6
- tab: string;
7
- style?: SerializedStyles;
8
- isCustomActiveState?: boolean;
9
- }
10
- export interface TabProps {
11
- selectedTab: string;
12
- tabsList: TabItem[];
13
- tabsCount?: number;
14
- dropdownPlaceHolder?: JSX.Element | string;
15
- onChange: (value: string) => void;
16
- type: TabType;
17
- style?: SerializedStyles;
18
- disabled?: boolean;
19
- }
@@ -1,11 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import { SerializedStyles } from "@emotion/react";
3
- import React from "react";
4
- export declare type TagType = "success" | "warning" | "info" | "error" | "default";
5
- export interface TagProps {
6
- type: TagType;
7
- style?: SerializedStyles;
8
- isStroke?: boolean;
9
- }
10
- declare const Tags: React.FC<TagProps>;
11
- export default Tags;
@@ -1 +0,0 @@
1
- export declare const tagWrapper: import("@emotion/utils").SerializedStyles;
@@ -1,5 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import React from "react";
3
- import { ToastProps } from "./typings";
4
- export declare const generateToast: ({ title, description, type, onClose, style, }: ToastProps) => void;
5
- export declare const Toast: React.FC<ToastProps>;
@@ -1,12 +0,0 @@
1
- export declare const toastContainer: import("@emotion/utils").SerializedStyles;
2
- export declare const toastHeading: import("@emotion/utils").SerializedStyles;
3
- export declare const toastDetails: import("@emotion/utils").SerializedStyles;
4
- export declare const toastTitle: import("@emotion/utils").SerializedStyles;
5
- export declare const closeCta: import("@emotion/utils").SerializedStyles;
6
- export declare const toastDescription: import("@emotion/utils").SerializedStyles;
7
- export declare const info: import("@emotion/utils").SerializedStyles;
8
- export declare const infoToastHeading: import("@emotion/utils").SerializedStyles;
9
- export declare const error: import("@emotion/utils").SerializedStyles;
10
- export declare const errorToastHeading: import("@emotion/utils").SerializedStyles;
11
- export declare const success: import("@emotion/utils").SerializedStyles;
12
- export declare const successToastHeading: import("@emotion/utils").SerializedStyles;
@@ -1,8 +0,0 @@
1
- import { SerializedStyles } from "@emotion/react";
2
- export interface ToastProps {
3
- title: string;
4
- description?: string;
5
- type: "info" | "error" | "success";
6
- onClose?: () => void;
7
- style?: SerializedStyles;
8
- }
@@ -1,5 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import * as React from "react";
3
- import { TooltipProps } from "./typings";
4
- declare const Tooltip: React.FC<TooltipProps>;
5
- export default Tooltip;
@@ -1,2 +0,0 @@
1
- export declare const container: import("@emotion/utils").SerializedStyles;
2
- export declare const content: import("@emotion/utils").SerializedStyles;
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import { SerializedStyles } from "@emotion/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 TooltipProps {
5
- content: JSX.Element | string;
6
- disabled?: boolean;
7
- style?: SerializedStyles;
8
- position?: Position;
9
- contentStyle?: SerializedStyles;
10
- contentContainerStyles?: SerializedStyles;
11
- }