@czi-sds/components 22.3.2 → 22.4.0

package/dist/index.cjs.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AccordionDetailsProps, PaletteMode, PopperProps, AutocompleteInputChangeReason, AutocompleteRenderInputParams, PaperProps, CardMedia, CardMediaProps, CardProps, SliderProps, SwitchProps, TabsProps, DrawerProps, ToggleButtonGroupProps } from "@mui/material";
+import { AccordionDetailsProps, PaletteMode, PopperProps, AutocompleteInputChangeReason, AutocompleteRenderInputParams, PaperProps, CardMedia, CardMediaProps, CardProps, SliderProps, SwitchProps, AppBarProps, TabsProps, DrawerProps, ToggleButtonGroupProps } from "@mui/material";
 import { AccordionProps as RawAccordionProps } from "@mui/material";
 import { AccordionSummaryProps as RawAccordionSummaryProps } from "@mui/material";
 import { AutocompleteChangeDetails as AutocompleteChangeDetails$0 } from "@mui/material";
@@ -80,6 +80,8 @@ interface BaseColor {
     textPrimaryInverse: string;
     textSecondary: string;
     textSecondaryInverse: string;
+    textTertiary: string;
+    textTertiaryInverse: string;
     textDisabled: string;
     textDisabledInverse: string;
     textOnFill: string;
@@ -1454,19 +1456,23 @@ type TagProps = SdsTagProps & ExtraTagProps;
 declare const Tag: (props: TagProps) => JSX.Element;
 interface NavigationFooterNavItem {
     label: string;
-    url: string;
+    url?: string;
     component?: ElementType;
     linkProps?: Record<string, unknown>;
 }
 interface FooterImage {
     image: ReactNode;
-    url: string;
+    url?: string;
+    component?: ElementType;
+    linkProps?: Record<string, unknown>;
 }
 interface NavigationFooterProps {
     hasInvertedStyle?: boolean;
     images?: FooterImage[];
     logo?: ReactNode;
     logoUrl?: string;
+    logoComponent?: ElementType;
+    logoLinkProps?: Record<string, unknown>;
     navItems?: NavigationFooterNavItem[];
     navLinks?: NavigationFooterNavItem[];
     tag?: string;
@@ -1483,34 +1489,69 @@ interface FooterLinkProps {
     showDivider: boolean;
     hasInvertedStyle?: boolean;
 }
-declare function NavigationFooter({ hasInvertedStyle, images, logo, logoUrl, navItems, navLinks, tag, tagColor, title, ...rest }: NavigationFooterProps): import("react/jsx-runtime").JSX.Element;
-interface NavigationHeaderPrimaryNavItem<T extends string> extends Record<string, unknown> {
+declare function NavigationFooter({ hasInvertedStyle, images, logo, logoUrl, logoComponent, logoLinkProps, navItems, navLinks, tag, tagColor, title, ...rest }: NavigationFooterProps): import("react/jsx-runtime").JSX.Element;
+interface BaseNavigationHeaderPrimaryNavItem<T extends string> extends Record<string, unknown> {
     key: T;
     label: ReactNode;
+}
+interface TextNavigationHeaderPrimaryNavItem<T extends string> extends BaseNavigationHeaderPrimaryNavItem<T> {
+    itemType: "text";
     tag?: string;
     tagColor?: SdsTagColorType;
     onClick?: (e: React.SyntheticEvent) => void;
 }
-interface BaseHeaderSecondaryNavItem extends Partial<SdsMinimalButtonProps> {
-    label: string;
+interface DropdownItem {
+    label: ReactNode;
+    onClick?: () => void;
+    component?: React.ElementType;
+    href?: string;
+    rel?: string;
+    target?: string;
+}
+interface DropdownNavigationHeaderPrimaryNavItem<T extends string> extends BaseNavigationHeaderPrimaryNavItem<T> {
+    itemType: "dropdown";
+    items: DropdownItem[];
+}
+type NavigationHeaderPrimaryNavItem<T extends string> = TextNavigationHeaderPrimaryNavItem<T> | DropdownNavigationHeaderPrimaryNavItem<T>;
+interface NavigationHeaderPrimaryNavProps<T extends string> {
+    hasInvertedStyle?: boolean;
+    isNarrow?: boolean;
+    items: NavigationHeaderPrimaryNavItem<T>[];
+    onChange(value: T): void;
+    value: T;
 }
-interface TextHeaderSecondaryNavItem extends BaseHeaderSecondaryNavItem {
-    onClick?(): void;
+interface TextHeaderSecondaryNavItem extends Partial<SdsMinimalButtonProps> {
+    label: string;
     itemType: "text";
 }
-interface DropdownHeaderSecondaryNavItem extends BaseHeaderSecondaryNavItem {
+interface DropdownItem$0 {
+    label: ReactNode;
+    onClick?: (event: React.MouseEvent) => void;
+    component?: React.ElementType;
+    href?: string;
+    rel?: string;
+    target?: string;
+}
+interface DropdownHeaderSecondaryNavItem extends Partial<SdsMinimalButtonProps> {
+    label: string;
     itemType: "dropdown";
-    items: Pick<TextHeaderSecondaryNavItem, "label" | "onClick" | "component" | "href">[];
+    items: DropdownItem$0[];
 }
 type NavigationHeaderSecondaryNavItem = TextHeaderSecondaryNavItem | DropdownHeaderSecondaryNavItem;
-interface NavigationHeaderProps<T extends string = string> {
+interface NavigationHeaderSecondaryNavProps {
+    items: NavigationHeaderSecondaryNavItem[];
+    hasInvertedStyle?: boolean;
+    isNarrow?: boolean;
+}
+interface NavigationHeaderProps<T extends string = string> extends AppBarProps {
     activePrimaryNavKey?: string;
-    buttons?: (SdsProps$0 & ButtonProps$0)[];
+    buttons?: Partial<SdsProps$0 & ButtonProps$0>[] | React.ReactNode[];
     hasInvertedStyle?: boolean;
     logo?: ReactNode;
     logoUrl?: string;
     logoLinkComponent?: ElementType;
     logoLinkProps?: LinkProps$1;
+    scrollElevation?: boolean;
     primaryNavItems?: NavigationHeaderPrimaryNavItem<T>[];
     primaryNavPosition?: "left" | "right";
     searchProps?: Partial<InputSearchProps>;
@@ -1520,11 +1561,13 @@ interface NavigationHeaderProps<T extends string = string> {
     tag?: string;
     tagColor?: SdsTagColorType;
     title: string;
+    drawerOpen?: boolean;
+    setDrawerOpen?: (open: boolean) => void;
 }
 type IconButtonProps = SdsIconButtonProps & {
     children?: string;
 };
-declare const NavigationHeader: import("react").ForwardRefExoticComponent<NavigationHeaderProps<string> & import("react").RefAttributes<HTMLDivElement>>;
+declare const NavigationHeader: React.ForwardRefExoticComponent<Omit<NavigationHeaderProps<string>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface NavigationJumpToExtraProps extends Omit<TabsProps, "onChange">, CommonThemeProps {
 }
 type Item = {
@@ -1688,5 +1731,5 @@ type TooltipTableContentProps = TooltipTableExtraProps;
  * @see https://mui.com/material-ui/react-table/
  */
 declare const TooltipTableContent: (props: TooltipTableContentProps) => JSX.Element;
-export { AccordionDetails, AccordionHeader, AccordionProps, Accordion, Alert, AutocompleteSingleColumnOption, AutocompleteMultiColumnOption, SDSAutocompleteOptions, AutocompleteMultiColumnValue, AutocompleteSingleColumnValue, SDSAutocompleteValue, AutocompleteSingleColumnOnChange, AutocompleteMultiColumnOnChange, SDSAutocompleteOnChange, AutocompleteProps, StyledPopper as AutocompleteMultiColumnStyledPopper, StyledPaper$0 as AutocompleteSingleColumnStyledPaper, Autocomplete$0 as Autocomplete, BannerProps, Banner, SdsIconButtonProps, SdsMinimalButtonProps, SdsButtonProps, SdsProps, ButtonProps, Button, ButtonDropdownProps, ButtonDropdown, ButtonIconInternalProps, ButtonIconProps, ButtonIcon, ButtonToggleProps, ButtonToggle, CalloutIntentType, CalloutSdsStyleType, CalloutProps, ExposedCalloutProps, Callout, CalloutTitle, CellBasicRawProps, CellBasicProps, CellBasic, CellComponentProps, CellComponent, CellHeaderDirection, CellHeaderProps, CellHeader, Chip, InputDropdown as ComplexFilterInputDropdown, InputDropdown as DropdownInputDropdown, InputDropdown, StyledPopper$1 as ComplexFilterPopper, StyledPopper$1 as DropdownPopper, ComplexFilterProps, ComplexFilter, ContentCardActions, StyledContentCardBody as ContentCardBody, CardMedia as ContentCardMedia, ContentCard, DialogContext, DialogProps, Dialog, DialogActionsProps, DialogActions, DialogContentProps, _default, _default as DialogContent, DialogPaperProps, DialogPaper, Subtitle$0 as DialogTitleSubtitle, Title as DialogTitleTitle, Overline as DialogTitleOverline, DialogTitleProps, DialogTitle, StyledPaper$1 as DropdownPaper, ExtraDropdownProps, DropdownProps, Dropdown, DefaultDropdownMenuOption, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, DropdownMenuProps, DropdownMenu, SdsIconWithColor$0 as SdsIconWithColor, IconProps, Icon, CheckboxProps, InputCheckbox, InputDropdownProps$0 as InputDropdownProps, RadioContentProps, RadioProps, InputRadio, AccessibleInputSearchProps, InputSearchProps, InputSearch, InputSliderProps, InputSlider, InputTextProps, InputText, InputToggle, LinkProps$0 as LinkProps, Link, ListProps, List, ListItemLabel, ListItemProps, ListItem, ListSubheaderProps, ListSubheader, LoadingIndicatorProps$0 as LoadingIndicatorProps, LoadingIndicator, MenuProps, Menu, IconNameToSmallSizes, MenuItemExtraProps, MenuItemProps, MenuItem, DefaultMenuSelectOption, MenuSelectProps, MenuSelect, NavigationFooterNavItem, FooterImage, NavigationFooterProps, NavItemProps, FooterLinkProps, NavigationFooter, NavigationHeaderProps, IconButtonProps, NavigationHeader, NavigationJumpToProps, NavigationJumpTo, NotificationIntentType, NotificationProps, ExposedNotificationProps, Notification, PaginationInternalProps, PaginationProps, Pagination, Panel, SingleButtonDefinition, SegmentedControlProps, SegmentedControl, SdsTableProps, TableProps, Table, TableHeaderProps, TableHeader, TableRowProps, TableRow, Tabs, TabProps$0 as TabProps, Tab, SdsTagProps, TagProps, Tag, SdsTagFilterProps, TagFilterProps, TagFilter, Tooltip, TooltipCondensedProps, TooltipCondensed, TooltipTableContent, TooltipTableContent as TooltipTable, AccentColor, BaseColor, IntentColor, SDSPalette, SDSTheme, SDSThemeOptions, AppTheme, Shadows, TypographyStyles, Typography, FontWeights, Corners, Spaces, Spacings, Color, Colors, IconSize, IconSizes, Border, Borders, Theme$0 as Theme, defaultTheme, makeSdsSemanticAppTheme, SDSLightAppTheme, SDSDarkAppTheme, SDSChooseTheme, defaultAppTheme, SDSPaletteLight, SDSPaletteDark, makeThemeOptions, focusVisibleA11yStyle, fontBody, fontBodyL, fontBodyM, fontBodyS, fontBodyXs, fontBodyXxs, fontBodyXxxs, fontBodySemiboldL, fontBodySemiboldM, fontBodySemiboldS, fontBodySemiboldXs, fontBodySemiboldXxs, fontBodySemiboldXxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontHeader, fontHeaderXxl, fontHeaderXl, fontHeaderL, fontHeaderM, fontHeaderS, fontHeaderXs, fontHeaderXxs, fontHeaderXxxs, fontCode, fontCodeXs, fontCodeS, fontCodeSemiboldXs, fontCodeSemiboldS, fontTabular, fontTabularXs, fontTabularS, fontTabularSemiboldXs, fontTabularSemiboldS, CommonThemeProps, getSpaces, getSpacings, getTypography, getMode, getPalette, getColors, getSemanticColors, getShadows, getCorners, getFontWeights, getIconSizes, getBorders, getBreakpoints };
-export type { AutocompleteBaseProps, AutocompleteMultiColumnProps, AutocompleteOptionBasic, AutocompleteOptionComponent, DefaultAutocompleteOption, ChipProps, ContentCardProps, CardMediaProps as ContentCardMediaProps, ContentCardActionsProps, ContentCardTitleProps, IconNameToSizes, InputToggleExtraProps as InputToggleProps, NavigationHeaderSecondaryNavItem, PanelProps, BasicPanelProps, OverlayPanelProps, TabsProps$0 as TabsProps, SdsTagColorType, TooltipProps, TooltipTableContentProps };
+export { AccordionDetails, AccordionHeader, AccordionProps, Accordion, Alert, AutocompleteSingleColumnOption, AutocompleteMultiColumnOption, SDSAutocompleteOptions, AutocompleteMultiColumnValue, AutocompleteSingleColumnValue, SDSAutocompleteValue, AutocompleteSingleColumnOnChange, AutocompleteMultiColumnOnChange, SDSAutocompleteOnChange, AutocompleteProps, StyledPopper as AutocompleteMultiColumnStyledPopper, StyledPaper$0 as AutocompleteSingleColumnStyledPaper, Autocomplete$0 as Autocomplete, BannerProps, Banner, SdsIconButtonProps, SdsMinimalButtonProps, SdsButtonProps, SdsProps, ButtonProps, Button, ButtonDropdownProps, ButtonDropdown, ButtonIconInternalProps, ButtonIconProps, ButtonIcon, ButtonToggleProps, ButtonToggle, CalloutIntentType, CalloutSdsStyleType, CalloutProps, ExposedCalloutProps, Callout, CalloutTitle, CellBasicRawProps, CellBasicProps, CellBasic, CellComponentProps, CellComponent, CellHeaderDirection, CellHeaderProps, CellHeader, Chip, InputDropdown as ComplexFilterInputDropdown, InputDropdown as DropdownInputDropdown, InputDropdown, StyledPopper$1 as ComplexFilterPopper, StyledPopper$1 as DropdownPopper, ComplexFilterProps, ComplexFilter, ContentCardActions, StyledContentCardBody as ContentCardBody, CardMedia as ContentCardMedia, ContentCard, DialogContext, DialogProps, Dialog, DialogActionsProps, DialogActions, DialogContentProps, _default, _default as DialogContent, DialogPaperProps, DialogPaper, Subtitle$0 as DialogTitleSubtitle, Title as DialogTitleTitle, Overline as DialogTitleOverline, DialogTitleProps, DialogTitle, StyledPaper$1 as DropdownPaper, ExtraDropdownProps, DropdownProps, Dropdown, DefaultDropdownMenuOption, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, DropdownMenuProps, DropdownMenu, SdsIconWithColor$0 as SdsIconWithColor, IconProps, Icon, CheckboxProps, InputCheckbox, InputDropdownProps$0 as InputDropdownProps, RadioContentProps, RadioProps, InputRadio, AccessibleInputSearchProps, InputSearchProps, InputSearch, InputSliderProps, InputSlider, InputTextProps, InputText, InputToggle, LinkProps$0 as LinkProps, Link, ListProps, List, ListItemLabel, ListItemProps, ListItem, ListSubheaderProps, ListSubheader, LoadingIndicatorProps$0 as LoadingIndicatorProps, LoadingIndicator, MenuProps, Menu, IconNameToSmallSizes, MenuItemExtraProps, MenuItemProps, MenuItem, DefaultMenuSelectOption, MenuSelectProps, MenuSelect, NavigationFooterNavItem, FooterImage, NavigationFooterProps, NavItemProps, FooterLinkProps, NavigationFooter, NavigationHeader, NavigationJumpToProps, NavigationJumpTo, NotificationIntentType, NotificationProps, ExposedNotificationProps, Notification, PaginationInternalProps, PaginationProps, Pagination, Panel, SingleButtonDefinition, SegmentedControlProps, SegmentedControl, SdsTableProps, TableProps, Table, TableHeaderProps, TableHeader, TableRowProps, TableRow, Tabs, TabProps$0 as TabProps, Tab, SdsTagProps, TagProps, Tag, SdsTagFilterProps, TagFilterProps, TagFilter, Tooltip, TooltipCondensedProps, TooltipCondensed, TooltipTableContent, TooltipTableContent as TooltipTable, AccentColor, BaseColor, IntentColor, SDSPalette, SDSTheme, SDSThemeOptions, AppTheme, Shadows, TypographyStyles, Typography, FontWeights, Corners, Spaces, Spacings, Color, Colors, IconSize, IconSizes, Border, Borders, Theme$0 as Theme, defaultTheme, makeSdsSemanticAppTheme, SDSLightAppTheme, SDSDarkAppTheme, SDSChooseTheme, defaultAppTheme, SDSPaletteLight, SDSPaletteDark, makeThemeOptions, focusVisibleA11yStyle, fontBody, fontBodyL, fontBodyM, fontBodyS, fontBodyXs, fontBodyXxs, fontBodyXxxs, fontBodySemiboldL, fontBodySemiboldM, fontBodySemiboldS, fontBodySemiboldXs, fontBodySemiboldXxs, fontBodySemiboldXxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontHeader, fontHeaderXxl, fontHeaderXl, fontHeaderL, fontHeaderM, fontHeaderS, fontHeaderXs, fontHeaderXxs, fontHeaderXxxs, fontCode, fontCodeXs, fontCodeS, fontCodeSemiboldXs, fontCodeSemiboldS, fontTabular, fontTabularXs, fontTabularS, fontTabularSemiboldXs, fontTabularSemiboldS, CommonThemeProps, getSpaces, getSpacings, getTypography, getMode, getPalette, getColors, getSemanticColors, getShadows, getCorners, getFontWeights, getIconSizes, getBorders, getBreakpoints };
+export type { AutocompleteBaseProps, AutocompleteMultiColumnProps, AutocompleteOptionBasic, AutocompleteOptionComponent, DefaultAutocompleteOption, ChipProps, ContentCardProps, CardMediaProps as ContentCardMediaProps, ContentCardActionsProps, ContentCardTitleProps, IconNameToSizes, InputToggleExtraProps as InputToggleProps, NavigationHeaderProps, IconButtonProps, NavigationHeaderPrimaryNavItem, NavigationHeaderPrimaryNavProps, NavigationHeaderSecondaryNavItem, NavigationHeaderSecondaryNavProps, PanelProps, BasicPanelProps, OverlayPanelProps, TabsProps$0 as TabsProps, SdsTagColorType, TooltipProps, TooltipTableContentProps };