@czi-sds/components 21.7.0 → 21.7.1

package/dist/index.esm.d.ts

@@ -60,24 +60,27 @@ interface AccentColor {
     borderOpen: string;
     borderFocus: string;
     borderSelected: string;
-    icon: string;
-    iconHover: string;
-    iconPressed: string;
-    iconOpen: string;
-    iconFocus: string;
-    iconSelected: string;
+    ornament: string;
+    ornamentHover: string;
+    ornamentPressed: string;
+    ornamentOpen: string;
+    ornamentFocus: string;
+    ornamentSelected: string;
 }
 interface BaseColor {
-    surfaceBackground: string;
-    surfacePrimary: string;
-    surfaceSecondary: string;
-    surfaceTertiary: string;
-    surfacePrimaryInverse: string;
+    backgroundPrimary: string;
+    backgroundPrimaryInverse: string;
+    backgroundSecondary: string;
+    backgroundSecondaryInverse: string;
+    backgroundTertiary: string;
+    surface: string;
+    surfaceInverse: string;
     textPrimary: string;
     textPrimaryInverse: string;
     textSecondary: string;
     textSecondaryInverse: string;
     textDisabled: string;
+    textOnFill: string;
     fillHover: string;
     fillPressed: string;
     fillPrimary: string;
@@ -85,19 +88,20 @@ interface BaseColor {
     fillSelected: string;
     fillDisabled: string;
     divider: string;
+    dividerInverse: string;
     border: string;
+    borderInverse: string;
     borderHover: string;
     borderPressed: string;
     borderDisabled: string;
     borderTable: string;
-    iconPrimary: string;
-    iconPrimaryHover: string;
-    iconPrimaryPressed: string;
-    iconSecondary: string;
-    iconPrimaryInverse: string;
-    iconPrimaryInverseHover: string;
-    iconPrimaryInversePressed: string;
-    iconDisabled: string;
+    ornamentDisabled: string;
+    ornamentOnFill: string;
+    ornamentPrimary: string;
+    ornamentPrimaryInverse: string;
+    ornamentSecondary: string;
+    ornamentSecondaryHover: string;
+    ornamentSecondaryPressed: string;
 }
 interface IntentColor {
     surfacePrimary: string;
@@ -310,10 +314,12 @@ interface IconSizes {
 interface Border {
     default?: string;
     divider?: string;
+    dividerInverse?: string;
     black?: string;
     solid?: string;
     dashed?: string;
     hover?: string;
+    inverse?: string;
     disabled?: string;
     table?: string;
     pressed?: string;
@@ -369,6 +375,8 @@ declare const SDSChooseTheme: (theme: PaletteMode) => AppTheme;
  * Please use `SDSAppTheme` instead. This export will be removed in the future.
  */
 declare const defaultAppTheme: AppTheme;
+declare const SDSPaletteLight: (appTheme: AppTheme) => SDSPalette;
+declare const SDSPaletteDark: (appTheme: AppTheme) => SDSPalette;
 /**
  * This function creates the theme options for the MUI theme provider
  */
@@ -579,12 +587,11 @@ interface IconExtraProps<IconName extends keyof IconNameToSizes> extends CommonT
     className?: string;
     sdsIcon: IconName;
     sdsSize: IconNameToSizes[IconName];
-    sdsType: "iconButton" | "interactive" | "static" | "button";
 }
 type SdsIconColorType = "blue" | "gray" | "green" | "purple" | "red" | "yellow";
 interface SdsIconWithColor$0 {
     color?: SdsIconColorType;
-    shade?: 100 | 200 | 300 | 400 | 500 | 600;
+    shade?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
 }
 type IconProps<IconName extends keyof IconNameToSizes> = IconExtraProps<IconName> & SdsIconWithColor$0;
 /**
@@ -895,8 +902,11 @@ interface TooltipExtraProps extends CommonThemeProps {
     // TODO(185930): remove custom `followCursor` prop when we upgrade to MUIv5
     arrowOffset?: number;
     followCursor?: boolean;
+    // @deprecated Use `hasInvertedStyle` instead
     inverted?: boolean;
+    // @deprecated Use `hasInvertedStyle` instead
     sdsStyle?: "dark" | "light";
+    hasInvertedStyle?: boolean;
     subtitle?: string;
     width?: "default" | "wide";
 }
@@ -1161,7 +1171,7 @@ interface CheckboxExtraProps extends CommonThemeProps {
 interface CheckboxContentProps extends Omit<MUICheckboxProps, "color" | "defaultChecked" | "indeterminate"> {
     caption?: string;
     checkboxProps?: Partial<MUICheckboxProps>;
-    intent?: "default" | "error" | "warning";
+    intent?: "default" | "negative" | "notice" | "positive";
     label?: React.ReactNode;
     stage?: "checked" | "unchecked" | "indeterminate";
 }
@@ -1176,7 +1186,7 @@ interface RadioExtraProps extends CommonThemeProps {
 }
 interface RadioContentProps extends Omit<MUIRadioProps, "color" | "defaultChecked"> {
     caption?: string;
-    intent?: "default" | "error" | "warning";
+    intent?: "default" | "negative" | "notice" | "positive";
     label?: React.ReactNode;
     radioProps?: Partial<MUIRadioProps>;
     stage?: "checked" | "unchecked";
@@ -1306,13 +1316,14 @@ type MenuSelectProps<T, Multiple extends boolean | undefined = undefined, Disabl
 declare const MenuSelect: <T extends DefaultMenuSelectOption, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined>(props: MenuSelectProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
 interface NavigationJumpToExtraProps extends Omit<TabsProps, "onChange">, CommonThemeProps {
 }
+type Item = {
+    title: string;
+    elementRef: React.MutableRefObject<HTMLElement | null>;
+};
 interface NavigationJumpToProps extends NavigationJumpToExtraProps {
-    items: Array<{
-        title: string;
-        elementRef: React.MutableRefObject<HTMLElement | null>;
-    }>;
+    items: Array<Item>;
     offsetTop?: number;
-    onChange?: (value: number) => void;
+    onChange?: (value: number, event?: React.SyntheticEvent, type?: "click" | "scroll") => void;
 }
 declare const NavigationJumpTo: React.ForwardRefExoticComponent<Omit<NavigationJumpToProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type NotificationIntentType = "info" | "negative" | "positive" | "notice";
@@ -1506,5 +1517,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, ButtonProps, Button, ButtonDropdownProps, ButtonDropdown, ButtonIconInternalProps, ButtonIconProps, ButtonIcon, ButtonToggleProps, ButtonToggle, CalloutIntentType, 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, 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, NavigationJumpToProps, NavigationJumpTo, NotificationIntentType, NotificationProps, ExposedNotificationProps, Notification, PaginationInternalProps, PaginationProps, Pagination, BasicPanelProps, OverlayPanelProps, PanelProps, PANEL_BASIC_MIN_WIDTH_PX, PANEL_OVERLAY_MIN_WIDTH_PX, 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, 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 { 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, ButtonProps, Button, ButtonDropdownProps, ButtonDropdown, ButtonIconInternalProps, ButtonIconProps, ButtonIcon, ButtonToggleProps, ButtonToggle, CalloutIntentType, 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, 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, NavigationJumpToProps, NavigationJumpTo, NotificationIntentType, NotificationProps, ExposedNotificationProps, Notification, PaginationInternalProps, PaginationProps, Pagination, BasicPanelProps, OverlayPanelProps, PanelProps, PANEL_BASIC_MIN_WIDTH_PX, PANEL_OVERLAY_MIN_WIDTH_PX, 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, IconNameToSizes, InputToggleExtraProps as InputToggleProps, TabsProps$0 as TabsProps, SdsTagColorType, TooltipProps, TooltipTableContentProps };