@foris/avocado-suite 1.2.0 → 1.3.0

package/dist/components/access-panel/AccessPanel.d.ts

@@ -18,5 +18,5 @@ export interface AccessPanelProps {
     recentProducts?: AccessPanelProduct[];
     customProducts?: AccessPanelProduct[];
 }
-declare const AccessPanel: ({ className, isOpen, title, productsTitle, recentProductsTitle, customProductsTitle, activePillText, products, recentProducts, customProducts, }: AccessPanelProps) => JSX.Element | null;
+declare const AccessPanel: ({ className, isOpen, title, productsTitle, recentProductsTitle, customProductsTitle, activePillText, products, recentProducts, customProducts, }: AccessPanelProps) => JSX.Element;
 export default AccessPanel;

package/dist/components/account-menu/AccountMenu.d.ts

@@ -3,6 +3,7 @@ import { AccountDetailsProps } from './components/account-details/AccountDetails
 import { MenuLocaleDropdownProps } from './components/menu-locale-dropdown/MenuLocaleDropdown';
 import { SwitchThemeProps } from '../switch-theme/SwitchTheme';
 export interface AccountMenuProps {
+    className?: string;
     accountDetails?: AccountDetailsProps;
     localeProps?: MenuLocaleDropdownProps & {
         showLocale?: boolean;

package/dist/components/button/Button.d.ts

@@ -7,6 +7,8 @@ export interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAtt
     children: React.ReactNode | string;
     /** Overwrite className */
     className?: string;
+    /** Force light mode styles even in dark mode */
+    forceLightMode?: boolean;
     /** Show icon on the left */
     leftIcon?: IconTypes;
     /** Loading state */

package/dist/components/header/Header.d.ts

@@ -0,0 +1,27 @@
+import { FC } from 'react';
+import { AccountDetailsProps } from '../account-menu/components/account-details/AccountDetails';
+import { AccessPanelProps } from '../access-panel/AccessPanel';
+import { LogoProps } from './components/logo/Logo';
+export interface HeaderProps {
+    isSticky?: boolean;
+    classNames?: {
+        header?: string;
+        leftContent?: string;
+        middleContent?: string;
+        rightContent?: string;
+    };
+    logoProps?: LogoProps;
+    accountMenuProps?: {
+        accountDetails?: AccountDetailsProps;
+        showThemeSwitch?: boolean;
+        showLocaleSelector?: boolean;
+        onLogout?: () => void;
+    };
+    accessPanelProps?: Omit<AccessPanelProps, 'isOpen' | 'className'>;
+    customContent?: React.ReactNode;
+    hasSidebarMenu?: boolean;
+    sidebarMenuContent?: React.ReactNode;
+    sidebarHeightGap?: number;
+}
+declare const Header: FC<HeaderProps>;
+export default Header;

package/dist/components/header/components/logo/Logo.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+export interface LogoProps {
+    alt?: string;
+    desktop: {
+        src: string;
+        srcDark?: string;
+    };
+    mobile?: {
+        src: string;
+        srcDark?: string;
+    };
+    onClick?: () => void;
+}
+declare const Logo: FC<LogoProps>;
+export default Logo;

package/dist/components/header/components/logo/index.d.ts

@@ -0,0 +1,2 @@
+import Logo from './Logo';
+export default Logo;

package/dist/components/menu/Menu.d.ts

@@ -8,6 +8,8 @@ interface MenuProps {
     closeOnClick?: boolean;
     /** Control if you want to close the list after clicking one of the options or not */
     disabled?: boolean;
+    /** Force light mode styles even in dark mode */
+    forceLightMode?: boolean;
     /** List of the items to render when the menu is open */
     items: MenuItem[];
     /** From where to start to render the list */

package/dist/components/round-button/RoundButton.d.ts

@@ -6,6 +6,8 @@ export interface RoundButtonProps extends Partial<React.DetailedHTMLProps<React.
     className?: string;
     /** Disabled state */
     disabled?: boolean;
+    /** Force light mode styles even in dark mode */
+    forceLightMode?: boolean;
     /** Icon name */
     icon: IconTypes;
     /** Loading state */

package/dist/hooks/useClickOutside.d.ts

@@ -1,7 +1,8 @@
-import React from "react";
+import React from 'react';
 interface UseClickOutsideProps {
     ref?: React.MutableRefObject<any>;
+    shouldIgnore?: boolean;
     onClickOutside?: () => void;
 }
-export declare const useClickOutside: ({ ref, onClickOutside }: UseClickOutsideProps) => void;
+export declare const useClickOutside: ({ ref, shouldIgnore, onClickOutside, }: UseClickOutsideProps) => void;
 export {};

package/dist/index.d.ts

@@ -54,8 +54,9 @@ import Banner from './components/banner';
 import SidebarMenu from './components/sidebar-menu/SidebarMenu';
 import AccessPanel from './components/access-panel/AccessPanel';
 import AccountMenu from './components/account-menu/AccountMenu';
+import Header from './components/header/Header';
 import { toast } from 'react-toastify';
-export { Banner, Drawer, AccessPanel, AccountMenu, SidebarMenu, Weekly, WeeklyGroup, Accordion, Box, Breadcrumbs, Button, Card, CardAccordion, CardNotification, Checkbox, DataCard, DataTable, DatePicker, Divider, Donut, DonutLabels, DonutLegend, DropdownButton, Heading, Link, Loading, Menu, Modal, Pager, Pill, PreviewerMarkdown, Processing, ProgressBar, RadioButton, RoundButton, Select, SelectPagination, SkeletonBase, SkeletonCircle, Stepper, Switch, Tabs, Tag, Text, TextField, Textarea, ThemeProvider, ThemeStore, LocaleStore, Timer, Toaster, Tooltip, Table, toast, };
+export { Banner, Header, Drawer, AccessPanel, AccountMenu, SidebarMenu, Weekly, WeeklyGroup, Accordion, Box, Breadcrumbs, Button, Card, CardAccordion, CardNotification, Checkbox, DataCard, DataTable, DatePicker, Divider, Donut, DonutLabels, DonutLegend, DropdownButton, Heading, Link, Loading, Menu, Modal, Pager, Pill, PreviewerMarkdown, Processing, ProgressBar, RadioButton, RoundButton, Select, SelectPagination, SkeletonBase, SkeletonCircle, Stepper, Switch, Tabs, Tag, Text, TextField, Textarea, ThemeProvider, ThemeStore, LocaleStore, Timer, Toaster, Tooltip, Table, toast, };
 /**
  * Types
  */