@foris/avocado-suite 0.5.0 → 0.5.1-beta.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -6,6 +6,8 @@ export interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAtt
6
6
  children: React.ReactNode | string;
7
7
  /** Overwrite className */
8
8
  className?: string;
9
+ /** Loading state */
10
+ loading?: boolean;
9
11
  /** Show icon on the left */
10
12
  leftIcon?: IconTypes;
11
13
  /** Show icon on the right */
@@ -4,10 +4,12 @@ interface CardProps {
4
4
  children: ReactNode;
5
5
  /** Overwrite className */
6
6
  className?: string;
7
- /** disabled state */
8
- isDisabled?: boolean;
9
- /** Clickable effect */
10
- isClickable?: boolean;
7
+ /** Overwrite content className */
8
+ classNameContent?: string;
9
+ /** Disabled state */
10
+ disabled?: boolean;
11
+ /** OnClick event */
12
+ onClick?: () => void;
11
13
  }
12
14
  declare const Card: FC<CardProps>;
13
15
  export default Card;
@@ -0,0 +1,9 @@
1
+ import { FC } from "react";
2
+ interface DividerProps {
3
+ /** Overwrite className */
4
+ className?: string;
5
+ /** Set the position vertical */
6
+ vertical?: boolean;
7
+ }
8
+ declare const Divider: FC<DividerProps>;
9
+ export default Divider;
@@ -0,0 +1,17 @@
1
+ import { DetailedHTMLProps, InputHTMLAttributes, FC } from 'react';
2
+ export interface TextFieldProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
3
+ /** Overwrite className */
4
+ className?: string;
5
+ /** If allow to remove input content with clear icon */
6
+ allowClear?: boolean;
7
+ /** Set top label */
8
+ label?: string;
9
+ /** Set validation status */
10
+ status?: 'error' | 'warning' | 'blocked' | 'unsaved';
11
+ /** Set display for validation status */
12
+ statusDisplay?: 'inline' | 'icon';
13
+ /** Set helper text for validation status */
14
+ statusText?: string;
15
+ }
16
+ declare const TextField: FC<TextFieldProps>;
17
+ export default TextField;
@@ -0,0 +1,7 @@
1
+ import { FC } from 'react';
2
+ interface StatusIconProps {
3
+ status: 'error' | 'warning' | 'blocked' | 'unsaved';
4
+ size?: 'sm' | 'md' | 'lg';
5
+ }
6
+ declare const StatusIcon: FC<StatusIconProps>;
7
+ export default StatusIcon;
@@ -9,5 +9,7 @@ import Pager from './components/pager/Pager';
9
9
  import RadioButton from './components/radio-button/RadioButton';
10
10
  import Select from './components/select/Select';
11
11
  import SelectPagination from './components/select-pagination/SelectPagination';
12
+ import Divider from './components/divider/Divider';
13
+ import TextField from './components/text-field/TextField';
12
14
  import { ThemeProvider } from './contexts/theme/ThemeProvider';
13
- export { Box, Breadcrumbs, Button, Card, Checkbox, Heading, Text, Pager, RadioButton, Select, SelectPagination, ThemeProvider, };
15
+ export { Box, Breadcrumbs, Button, Card, Checkbox, Heading, Text, Pager, RadioButton, Select, SelectPagination, Divider, TextField, ThemeProvider, };