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

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,22 @@
1
+ import { FC } from 'react';
2
+ import { IconTypes } from '../../../../avocado-icons/src/types/icons.type';
3
+ export interface LinkProps extends React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
4
+ /** Render content link */
5
+ children: React.ReactNode | string;
6
+ /** Overwrite className */
7
+ className?: string;
8
+ /** Set disabled value */
9
+ disabled?: boolean;
10
+ /** Set icon left */
11
+ iconLeft?: IconTypes;
12
+ /** Set icon right */
13
+ iconRight?: IconTypes;
14
+ /** Use when the background is dark */
15
+ inverse?: boolean;
16
+ /** Use size 'sm' or 'md'. Default 'md' */
17
+ size?: 'sm' | 'md';
18
+ /** Handle onClock event */
19
+ onClick?: () => void;
20
+ }
21
+ declare const Link: FC<LinkProps>;
22
+ export default Link;
@@ -0,0 +1,26 @@
1
+ import * as React from 'react';
2
+ import { IconTypes } from '../../../../avocado-icons/src/types/icons.type';
3
+ declare const variants: {
4
+ readonly Outlined: "outlined";
5
+ readonly Filled: "filled";
6
+ };
7
+ export type TagType = typeof variants[keyof typeof variants];
8
+ export type TagSize = 'sm' | 'lg';
9
+ export interface ITag {
10
+ /** Content of the component tag */
11
+ children?: React.ReactNode;
12
+ /** Overwrite className */
13
+ className?: string;
14
+ /** Disabled state */
15
+ disabled?: boolean;
16
+ /** Tag variant type */
17
+ type?: TagType;
18
+ /** Icon name */
19
+ icon?: IconTypes;
20
+ /** Action when clicking on the component */
21
+ onClick?: () => void;
22
+ /** Action when clicking on the icon of the component */
23
+ onIconClick?: () => void;
24
+ }
25
+ declare const Tag: React.FC<ITag>;
26
+ export default Tag;
@@ -11,5 +11,7 @@ import Select from './components/select/Select';
11
11
  import SelectPagination from './components/select-pagination/SelectPagination';
12
12
  import Divider from './components/divider/Divider';
13
13
  import TextField from './components/text-field/TextField';
14
+ import Link from './components/link/Link';
14
15
  import { ThemeProvider } from './contexts/theme/ThemeProvider';
15
- export { Box, Breadcrumbs, Button, Card, Checkbox, Heading, Text, Pager, RadioButton, Select, SelectPagination, Divider, TextField, ThemeProvider, };
16
+ import Tag from './components/tag/Tag';
17
+ export { Box, Breadcrumbs, Button, Card, Checkbox, Divider, Heading, Link, Pager, RadioButton, Select, SelectPagination, Text, TextField, ThemeProvider, Tag };