@foris/avocado-suite 0.5.1-beta.1 → 0.7.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/avocado-suite/src/components/link/Link.d.ts +22 -0
- package/dist/avocado-suite/src/components/link/Link.test.d.ts +0 -0
- package/dist/avocado-suite/src/components/tag/Tag.d.ts +26 -0
- package/dist/avocado-suite/src/components/tag/Tag.test.d.ts +0 -0
- package/dist/avocado-suite/src/index.d.ts +4 -1
- package/dist/avocado-suite.es.js +2160 -1877
- package/dist/avocado-suite.umd.js +21 -21
- package/dist/style.css +1 -1
- package/package.json +3 -3
@@ -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;
|
File without changes
|
@@ -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;
|
File without changes
|
@@ -5,10 +5,13 @@ import Card from './components/card/Card';
|
|
5
5
|
import Heading from './components/heading/Heading';
|
6
6
|
import Text from './components/text/Text';
|
7
7
|
import Checkbox from './components/checkbox/Checkbox';
|
8
|
+
import Pager from './components/pager/Pager';
|
8
9
|
import RadioButton from './components/radio-button/RadioButton';
|
9
10
|
import Select from './components/select/Select';
|
10
11
|
import SelectPagination from './components/select-pagination/SelectPagination';
|
11
12
|
import Divider from './components/divider/Divider';
|
12
13
|
import TextField from './components/text-field/TextField';
|
14
|
+
import Link from './components/link/Link';
|
13
15
|
import { ThemeProvider } from './contexts/theme/ThemeProvider';
|
14
|
-
|
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 };
|