@foris/avocado-suite 0.0.1 → 0.2.0

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

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+export interface BoxProps {
+    /** content card */
+    children: ReactNode | string;
+    /** Overwrite className */
+    className?: string;
+}
+declare const Box: FC<BoxProps>;
+export default Box;

package/dist/avocado-suite/src/components/breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface BreadcrumbItem {
+    /** To integrate with react-router component */
+    component?: React.ReactElement;
+    /** Path working with `href` attribute */
+    path?: string;
+    /** Navigation item name */
+    title: string;
+}
+interface BreadcrumbsProps {
+    /** Overwrite className */
+    className?: string;
+    /** Use dark colors palette*/
+    darkMode?: boolean;
+    /** The navigation stack */
+    items: BreadcrumbItem[];
+}
+declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
+export default Breadcrumbs;

package/dist/{components → avocado-suite/src/components}/button/Button.d.ts

@@ -1,13 +1,15 @@
 import React, { FC } from 'react';
-export type ButtonColor = 'primary' | 'danger';
-export type ButtonVariant = 'solid' | 'outline' | 'ghost';
+import { IconTypes } from '../../../../avocado-icons/src/types/icons.type.ts';
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger';
 export interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
     /** Render content button */
     children: React.ReactNode | string;
     /** Overwrite className */
     className?: string;
-    /** Use the color scheme */
-    color?: ButtonColor;
+    /** Show icon on the left */
+    leftIcon?: IconTypes;
+    /** Show icon on the right */
+    rightIcon?: IconTypes;
     /** Use the variant prop to change the visual style of the Button */
     variant?: ButtonVariant;
 }

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

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from 'react';
+interface CardProps {
+    /** Content card */
+    children: ReactNode;
+    /** Overwrite className */
+    className?: string;
+    /** disabled state */
+    isDisabled?: boolean;
+    /** Clickable effect */
+    isClickable?: boolean;
+}
+declare const Card: FC<CardProps>;
+export default Card;

package/dist/avocado-suite/src/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,16 @@
+import { FC, ReactNode } from 'react';
+export interface CheckboxProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+    /** Overwrite className */
+    className?: string;
+    /** Overwrite className in checkbox */
+    classNameCheckbox?: string;
+    /** label Left side checkbox */
+    labelLeft?: ReactNode | string;
+    /** label Right side checkbox */
+    labelRight?: ReactNode | string;
+    /** disabled state */
+    disabled?: boolean;
+    ref?: any;
+}
+declare const Checkbox: FC<CheckboxProps>;
+export default Checkbox;

package/dist/avocado-suite/src/components/heading/Heading.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, FC } from 'react';
+export interface HeadingProps {
+    /** Render content */
+    children: ReactNode | string;
+    /** Overwrite className */
+    className?: string;
+    /** Use dark colors palette*/
+    darkMode?: boolean;
+    /** Set importance. Match with h1, h2, h3 and h4 */
+    type: 'h1' | 'h2' | 'h3' | 'h4';
+}
+declare const Heading: FC<HeadingProps>;
+export default Heading;

package/dist/avocado-suite/src/components/text/Text.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+export interface TextProps {
+    /** Render content */
+    children: React.ReactNode | string;
+    /** Overwrite className */
+    className?: string;
+    /** Use dark colors palette*/
+    darkMode?: boolean;
+    /** Type can be */
+    type?: 'lg' | 'md' | 'sm' | 'xs';
+    /** Weight can be */
+    weight?: 'regular' | 'medium';
+}
+declare const Text: FC<TextProps>;
+export default Text;

package/dist/avocado-suite/src/constants/theme.constants.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '../types/theme.types';
+export declare const AVOCADO_LIGHT_THEME: Theme;
+export declare const AVOCADO_DARK_THEME: Theme;

package/dist/avocado-suite/src/contexts/theme/ThemeProvider.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+import { AVOCADO_LIGHT_THEME, AVOCADO_DARK_THEME } from '../../constants/theme.constants';
+import { Theme } from '../../types/theme.types';
+type ThemeContextType = {
+    theme: Theme;
+};
+declare const ThemeContext: React.Context<ThemeContextType | undefined>;
+type ThemeProviderProps = {
+    children: ReactNode;
+    theme?: Theme;
+};
+declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export { ThemeContext, ThemeProvider, AVOCADO_LIGHT_THEME, AVOCADO_DARK_THEME };

package/dist/avocado-suite/src/hooks/useTheme.d.ts

@@ -0,0 +1,3 @@
+export declare const useTheme: () => {
+    theme: import("../types/theme.types").Theme;
+};

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

@@ -0,0 +1,9 @@
+import Breadcrumbs from './components/breadcrumbs/Breadcrumbs';
+import Button from './components/button/Button';
+import Box from './components/box/Box';
+import Card from './components/card/Card';
+import Heading from './components/heading/Heading';
+import Text from './components/text/Text';
+import Checkbox from './components/checkbox/Checkbox';
+import { ThemeProvider } from './contexts/theme/ThemeProvider';
+export { Breadcrumbs, Button, Box, Card, Checkbox, Heading, Text, ThemeProvider };

package/dist/avocado-suite/src/types/theme.types.d.ts

@@ -0,0 +1,4 @@
+export type ThemeMode = 'light' | 'dark';
+export type Theme = {
+    mode: ThemeMode;
+};