@foris/avocado-suite 1.8.25 → 1.9.0

package/dist/components/header-navigation/HeaderNavigation.d.ts

@@ -0,0 +1,40 @@
+import type { FC, HTMLAttributes } from 'react';
+import type { Color, IconTypes } from '../../../../avocado-icons';
+import { type BreadcrumbItem } from '../breadcrumbs/Breadcrumbs';
+import type { MenuItem } from '../../types/menu.types';
+/** A decorative icon or an image, both contained in a 56 × 56 px area. */
+export type HeaderNavigationVisual = {
+    type: 'icon';
+    name: IconTypes;
+    filled?: boolean;
+    gradient?: boolean;
+    color?: `${Color}`;
+} | {
+    type: 'image';
+    src: string;
+    alt: string;
+};
+/** Reusable page navigation, with content and actions supplied by its host. */
+export interface HeaderNavigationProps extends HTMLAttributes<HTMLElement> {
+    /** Page title, rendered as the primary heading. */
+    title: string;
+    /** Optional explanation of the page's purpose. */
+    description?: string;
+    /** Navigation hierarchy; mobile shows the parent page. */
+    breadcrumbsItems?: BreadcrumbItem[];
+    /** Optional overflow actions, without product-specific routing. */
+    menuItems?: MenuItem[];
+    /** Accessible name for the overflow trigger; defaults to the page title. */
+    menuLabel?: string;
+    /** Disables the overflow trigger. */
+    menuDisabled?: boolean;
+    /** Gray by default; brand selects the Figma blue in either theme. */
+    background?: 'default' | 'brand';
+    /** Optional leading icon or image. */
+    leadingVisual?: HeaderNavigationVisual;
+    /** Displays the packaged pattern when true, or a caller-provided pattern URL. */
+    pattern?: boolean | string;
+}
+/** Page banner extracted from suite-front's HeroBanner presentation. */
+declare const HeaderNavigation: FC<HeaderNavigationProps>;
+export default HeaderNavigation;

package/dist/components/header-navigation/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './HeaderNavigation';
+export type { HeaderNavigationProps, HeaderNavigationVisual, } from './HeaderNavigation';

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

@@ -2,6 +2,8 @@ import { FC } from 'react';
 import { ButtonVariant } from '../button/Button.tsx';
 import { MenuItem } from '../../types/menu.types';
 interface MenuProps {
+    /** Accessible name for the icon-only menu trigger. */
+    triggerLabel?: string;
     /** Overwrite className */
     className?: string;
     /** Control if you want to close the list after clicking one of the options or not */

package/dist/index.d.ts

@@ -57,13 +57,14 @@ 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 HeaderNavigation from './components/header-navigation';
 import NavList from './components/nav-list';
 import { toast } from 'react-toastify';
 /**
  * Hooks
  */
 export { useFloatingPortal } from './hooks/useFloatingPortal';
-export { Banner, Beacon, Header, Hotspot, NavList, 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, Beacon, Header, HeaderNavigation, Hotspot, NavList, 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
  */
@@ -76,6 +77,7 @@ export type { CardNotificationProps } from './components/card-notification/CardN
 export type { DataCardProps, DataCardV1Props, DataCardV1Variant, DataCardV2Props, DataCardV2HeaderStyle, DataCardV2Status, DataCardPaletteIndex, HeaderStatusColor, } from './components/data-card/DataCard';
 export type { DividerProps } from './components/divider/Divider';
 export type { HeadingProps } from './components/heading/Heading';
+export type { HeaderNavigationProps, HeaderNavigationVisual, } from './components/header-navigation';
 export type { LinkProps } from './components/link/Link';
 export type { MenuItem } from './types/menu.types';
 export type { RoundButtonProps } from './components/round-button/RoundButton';