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

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.
@@ -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 };