@foris/avocado-suite 0.10.0-beta.0 → 0.11.0

package/dist/avocado-suite/src/components/box/Box.d.ts

@@ -4,6 +4,8 @@ export interface BoxProps {
     children: ReactNode | string;
     /** Overwrite className */
     className?: string;
+    /** Use dark colors palette*/
+    darkMode?: boolean;
 }
 declare const Box: FC<BoxProps>;
 export default Box;

package/dist/avocado-suite/src/components/card/Card.d.ts

@@ -4,6 +4,8 @@ interface CardProps {
     children: ReactNode;
     /** Overwrite className */
     className?: string;
+    /** Color id */
+    colorId?: number;
     /** Overwrite content className  */
     classNameContent?: string;
     /** Disabled state */

package/dist/avocado-suite/src/components/card-notification/CardNotification.d.ts

@@ -1,3 +1,5 @@
+import { FC } from 'react';
+import { ReactElement } from 'react';
 declare enum NotificationState {
     Warning = "warning",
     Error = "error",
@@ -12,14 +14,14 @@ interface CardNotificationProps {
     /** Overwrite className */
     className?: string;
     /** Title of the notification */
-    title: string;
+    title: ReactElement | string;
     /** Description of the notification */
-    description?: string;
+    description?: ReactElement | string;
     /** Action of the notification */
     action?: {
         text: string;
         onClick: () => void;
     };
 }
-declare const CardNotification: ({ state, outlined, title, description, action, className, }: CardNotificationProps) => JSX.Element;
+declare const CardNotification: FC<CardNotificationProps>;
 export default CardNotification;

package/dist/avocado-suite/src/components/donut/Donut.d.ts

@@ -1,9 +1,10 @@
+import { FC } from 'react';
 export interface IDonutItem {
     name: string;
     percentage: number;
     value: number;
 }
-export interface IDonut {
+export interface DonutProps {
     /** overwrite className */
     className?: string;
     /** data */
@@ -13,5 +14,5 @@ export interface IDonut {
     /** width */
     width?: string;
 }
-declare const Donut: ({ className, data, height, width, }: IDonut) => JSX.Element;
+declare const Donut: FC<DonutProps>;
 export default Donut;

package/dist/avocado-suite/src/components/donut/donut-labels/DonutLabels.d.ts

@@ -1,9 +1,10 @@
+import { FC } from 'react';
 import { IDonutItem } from '../Donut';
-export interface IDonutLabels {
+export interface DonutLabelsProps {
     /** overwrite className */
     className?: string;
     /** data */
     data: IDonutItem[];
 }
-declare const DonutLabels: ({ className, data }: IDonutLabels) => JSX.Element;
+declare const DonutLabels: FC<DonutLabelsProps>;
 export default DonutLabels;

package/dist/avocado-suite/src/components/donut/donut-legend/DonutLegend.d.ts

@@ -1,5 +1,6 @@
+import { FC } from 'react';
 import { IDonutItem } from '../Donut';
-export interface IDonutLegend {
+export interface DonutLegendProps {
     /** overwrite className */
     className?: string;
     /** data */
@@ -9,5 +10,5 @@ export interface IDonutLegend {
     /** Show or not the total label */
     showTotal?: boolean;
 }
-declare const DonutLegend: ({ className, data, totalLabel, showTotal, }: IDonutLegend) => JSX.Element;
+declare const DonutLegend: FC<DonutLegendProps>;
 export default DonutLegend;

package/dist/avocado-suite/src/components/menu/Menu.d.ts

@@ -1,3 +1,4 @@
+import { FC } from 'react';
 import { MenuItem } from '../../types/menu.types.ts';
 interface MenuProps {
     /** Control if you want to close the list after clicking one of the options or not */
@@ -9,5 +10,5 @@ interface MenuProps {
     /** Overwrite className */
     className?: string;
 }
-declare const Menu: (props: MenuProps) => JSX.Element;
+declare const Menu: FC<MenuProps>;
 export default Menu;

package/dist/avocado-suite/src/components/processing/Processing.d.ts

@@ -1,2 +1,3 @@
-declare const Processing: () => JSX.Element;
+import { FC } from 'react';
+declare const Processing: FC;
 export default Processing;

package/dist/avocado-suite/src/components/progress-bar/ProgressBar.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+export interface ProgressBarProps {
+    /** overwrite className */
+    className?: string;
+    /** done */
+    done?: number;
+    /** inProgress */
+    inProgress?: number;
+    /** total */
+    total: number;
+}
+declare const ProgressBar: FC<ProgressBarProps>;
+export default ProgressBar;

package/dist/avocado-suite/src/components/round-button/RoundButton.d.ts

@@ -1,3 +1,4 @@
+import { FC } from 'react';
 import { ButtonVariant } from '../button/Button';
 import { IconTypes } from '../../../../../../../../avocado-icons/src/types/icons.type.ts';
 interface RoundButtonProps extends Partial<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>> {
@@ -12,5 +13,5 @@ interface RoundButtonProps extends Partial<React.DetailedHTMLProps<React.ButtonH
     /** Disabled state */
     disabled?: boolean;
 }
-declare const RoundButton: (props: RoundButtonProps) => JSX.Element;
+declare const RoundButton: FC<RoundButtonProps>;
 export default RoundButton;

package/dist/avocado-suite/src/components/tabs/Tabs.d.ts

@@ -0,0 +1,18 @@
+import { FC, ReactNode } from 'react';
+export interface TabItemProps {
+    children: ReactNode;
+    disabled?: boolean;
+    label: ReactNode;
+}
+export interface TabsProps {
+    /** Current index */
+    activeIndex?: number;
+    /** Overwrite className */
+    className?: string;
+    /** Configure tabs content */
+    items: TabItemProps[];
+    /** Callback that will be triggered when one of the tabs is clicked. */
+    onClick?: (index: number) => void;
+}
+declare const Tabs: FC<TabsProps>;
+export default Tabs;

package/dist/avocado-suite/src/components/tag/Tag.d.ts

@@ -4,7 +4,7 @@ declare const variants: {
     readonly Outlined: "outlined";
     readonly Filled: "filled";
 };
-export type TagType = typeof variants[keyof typeof variants];
+export type TagType = (typeof variants)[keyof typeof variants];
 export type TagSize = 'sm' | 'lg';
 export interface ITag {
     /** Content of the component tag */
@@ -17,6 +17,8 @@ export interface ITag {
     type?: TagType;
     /** Icon name */
     icon?: IconTypes;
+    /** Controls his active state */
+    active?: boolean;
     /** Action when clicking on the component */
     onClick?: () => void;
     /** Action when clicking on the icon of the component */

package/dist/avocado-suite/src/components/toaster/Toaster.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const Toaster: FC;
+export default Toaster;

package/dist/avocado-suite/src/index.d.ts

@@ -3,13 +3,20 @@ import Box from './components/box/Box';
 import Breadcrumbs from './components/breadcrumbs/Breadcrumbs';
 import Button from './components/button/Button';
 import Card from './components/card/Card';
+import CardNotification from './components/card-notification/CardNotification';
 import Checkbox from './components/checkbox/Checkbox';
+import DataTable from './components/DataTable/DataTable';
 import Divider from './components/divider/Divider';
+import Donut from './components/donut/Donut';
+import DonutLabels from './components/donut/donut-labels/DonutLabels';
+import DonutLegend from './components/donut/donut-legend/DonutLegend';
 import Heading from './components/heading/Heading';
 import Link from './components/link/Link';
 import Menu from './components/menu/Menu';
 import Pager from './components/pager/Pager';
+import Pill from './components/Pill/Pill';
 import Processing from './components/processing/Processing';
+import ProgressBar from './components/progress-bar/ProgressBar';
 import RadioButton from './components/radio-button/RadioButton';
 import RoundButton from './components/round-button/RoundButton';
 import Select from './components/select/Select';
@@ -17,15 +24,11 @@ import SelectPagination from './components/select-pagination/SelectPagination';
 import SkeletonBase from './components/skeleton-base/SkeletonBase';
 import SkeletonCircle from './components/skeleton-circle/SkeletonCircle';
 import Stepper from './components/stepper/Stepper';
+import Tabs from './components/tabs/Tabs';
 import Tag from './components/tag/Tag';
 import Text from './components/text/Text';
 import TextField from './components/text-field/TextField';
 import Timer from './components/timer/Timer';
+import Toaster from './components/toaster/Toaster';
 import Tooltip from './components/tooltip/Tooltip';
-import DataTable from './components/DataTable/DataTable';
-import CardNotification from './components/card-notification/CardNotification';
-import Pill from './components/Pill/Pill';
-import Donut from './components/donut/Donut';
-import DonutLabels from './components/donut/donut-labels/DonutLabels';
-import DonutLegend from './components/donut/donut-legend/DonutLegend';
-export { Box, Breadcrumbs, Button, Card, Checkbox, Divider, Heading, Link, Menu, Pager, Processing, RadioButton, RoundButton, Select, SelectPagination, SkeletonBase, SkeletonCircle, Stepper, Tag, Text, TextField, ThemeProvider, Timer, Tooltip, DataTable, CardNotification, Pill, Donut, DonutLabels, DonutLegend, };
+export { ThemeProvider, Box, Breadcrumbs, Button, Card, CardNotification, Checkbox, DataTable, Divider, Donut, DonutLabels, DonutLegend, Heading, Link, Menu, Pager, Pill, Processing, ProgressBar, RadioButton, RoundButton, Select, SelectPagination, SkeletonBase, SkeletonCircle, Stepper, Tabs, Tag, Text, TextField, Timer, Toaster, Tooltip, };