@czi-sds/components 20.7.0 → 21.0.0

package/dist/index.cjs.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AccordionDetailsProps, PopperProps, AutocompleteInputChangeReason, AutocompleteRenderInputParams, PaperProps, SliderProps, SwitchProps, TabsProps, ToggleButtonGroupProps } from "@mui/material";
+import { AccordionDetailsProps, PaletteMode, PopperProps, AutocompleteInputChangeReason, AutocompleteRenderInputParams, PaperProps, SliderProps, SwitchProps, TabsProps, 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";
@@ -45,149 +45,96 @@ interface SdsAccordionHeaderProps {
 }
 type AccordionHeaderProps = RawAccordionSummaryProps & SdsAccordionHeaderProps;
 declare const AccordionHeader: (props: AccordionHeaderProps) => import("react/jsx-runtime").JSX.Element;
-/**
- * (masoudmanson): The SDSComponentPalette is a custom palette based on
- * the semantic design tokens for the SDS components.
- */
-interface SDSComponentPalette {
-    base: {
-        fill: string;
-        fillHover: string;
-        fillPressed: string;
-        fillOpen: string;
-        fillSelected: string;
-        fillDisabled: string;
-        onFillDisabled: string;
-        surface: string;
-        surfacePrimary: string;
-        surfaceSecondary: string;
-        surfaceTertiary: string;
-        divider: string;
-        border: string;
-        borderHover: string;
-        borderDisabled: string;
-        borderPressed: string;
-        borderTable: string;
-        icon: string;
-        iconHover: string;
-        iconPressed: string;
-        iconDisabled: string;
-    };
-    accent: {
-        fill: string;
-        fillHover: string;
-        fillPressed: string;
-        fillOnFill: string;
-        fillDisabled: string;
-        surface: string;
-        border: string;
-        borderHover: string;
-        borderOpen: string;
-        borderFocus: string;
-        borderPressed: string;
-        borderSelected: string;
-        borderDisabled: string;
-        icon: string;
-    };
-    beta: {
-        fill: string;
-        fillHover: string;
-        fillPressed: string;
-        fillOnFill: string;
-        surface: string;
-        border: string;
-        icon: string;
-    };
-    info: {
-        fill: string;
-        fillHover: string;
-        fillPressed: string;
-        fillOnFill: string;
-        surface: string;
-        border: string;
-        icon: string;
-    };
-    negative: {
-        fill: string;
-        fillHover: string;
-        fillPressed: string;
-        fillOnFill: string;
-        surface: string;
-        border: string;
-        icon: string;
-    };
-    neutral: {
-        fill: string;
-        fillHover: string;
-        fillPressed: string;
-        fillOnFill: string;
-        surface: string;
-        border: string;
-        icon: string;
-    };
-    notice: {
-        fill: string;
-        fillHover: string;
-        fillPressed: string;
-        fillOnFill: string;
-        surface: string;
-        border: string;
-        icon: string;
-    };
-    positive: {
-        fill: string;
-        fillHover: string;
-        fillPressed: string;
-        fillOnFill: string;
-        surface: string;
-        border: string;
-        icon: string;
-    };
+interface AccentColor {
+    surfacePrimary: string;
+    surfaceSecondary: string;
+    textAction: string;
+    textActionHover: string;
+    textActionPressed: string;
+    fillHover: string;
+    fillPressed: string;
+    fillPrimary: string;
+    border: string;
+    borderHover: string;
+    borderPressed: string;
+    borderOpen: string;
+    borderFocus: string;
+    borderSelected: string;
+    icon: string;
+    iconHover: string;
+    iconPressed: string;
+    iconOpen: string;
+    iconFocus: string;
+    iconSelected: string;
+}
+interface BaseColor {
+    surfaceBackground: string;
+    surfacePrimary: string;
+    surfaceSecondary: string;
+    surfaceTertiary: string;
+    surfacePrimaryInverse: string;
+    textPrimary: string;
+    textPrimaryInverse: string;
+    textSecondary: string;
+    textSecondaryInverse: string;
+    textDisabled: string;
+    fillHover: string;
+    fillPressed: string;
+    fillPrimary: string;
+    fillOpen: string;
+    fillSelected: string;
+    fillDisabled: string;
+    divider: string;
+    border: 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;
+}
+interface IntentColor {
+    surfacePrimary: string;
+    surfaceSecondary: string;
+    text: string;
+    fillPrimary: string;
+    fillSecondary: string;
+    fillHover: string;
+    fillPressed: string;
+    border: string;
+    ornament: string;
 }
 /**
- * (masoudmanson): The SDSTextPalette is a custom palette based on the
- * semantic design tokens for the SDS text based components.
+ * (masoudmanson): The SDSPalette is a custom palette based on
+ * the semantic design tokens for the SDS components.
  */
-interface SDSTextPalette {
-    base: {
-        primary: string;
-        secondary: string;
-        disabled: string;
-        onFill: string;
-        onFillDisabled: string;
-        accent: string;
-    };
-    action: {
-        default: string;
-        hover: string;
-        pressed: string;
-    };
-    beta: string;
-    info: string;
-    negative: string;
-    neutral: string;
-    notice: string;
-    positive: string;
+interface SDSPalette {
+    accent: AccentColor;
+    base: BaseColor;
+    beta: IntentColor;
+    info: IntentColor;
+    negative: IntentColor;
+    notice: IntentColor;
+    neutral: IntentColor;
+    positive: IntentColor;
 }
 /**
  * (masoudmanson): Using module augmentation to extend the MUI Palette
  * https://mui.com/material-ui/customization/palette/#typescript
  */
 declare module "@mui/material/styles" {
-    // (masoudmanson): Extends the MUI TypeText to include the SDSTextPalette
-    // export interface TypeText extends SDSTextPalette {}
-    // (masoudmanson): Extends the MUI Palette to include the SDSComponentPalette and the SDSTextPalette
+    // (masoudmanson): Extends the MUI Palette to include the SDSPalette and the SDSTextPalette
     interface Palette {
-        sds: {
-            component: SDSComponentPalette;
-            text: SDSTextPalette;
-        };
+        sds: SDSPalette;
     }
     interface PaletteOptions {
-        sds?: {
-            component?: SDSComponentPalette;
-            text?: SDSTextPalette;
-        };
+        sds?: SDSPalette;
     }
 }
 interface SDSTheme extends Theme {
@@ -314,18 +261,19 @@ interface Spaces {
  */
 type Spacings = Spaces;
 interface Color {
+    900?: string;
+    800: string;
+    700: string;
     600: string;
     500: string;
     400: string;
     300: string;
     200: string;
     100: string;
+    75?: string;
+    50?: string;
 }
 interface Colors {
-    common: {
-        white: string;
-        black: string;
-    };
     blue: Color;
     gray: Color;
     green: Color;
@@ -333,129 +281,6 @@ interface Colors {
     red: Color;
     yellow: Color;
 }
-interface AccentColor {
-    border: string;
-    borderDisabled: string;
-    borderFocus: string;
-    borderHover: string;
-    borderOpen: string;
-    borderSelected: string;
-    borderPressed: string;
-    fill: string;
-    fillDisabled: string;
-    fillHover: string;
-    fillOnFill: string;
-    fillPressed: string;
-    icon: string;
-    surface: string;
-}
-interface BaseColor {
-    border: string;
-    borderDisabled: string;
-    borderHover: string;
-    borderPressed: string;
-    borderTable: string;
-    divider: string;
-    fill: string;
-    fillDisabled: string;
-    fillHover: string;
-    fillOpen: string;
-    fillPressed: string;
-    fillSelected: string;
-    icon: string;
-    iconDisabled: string;
-    iconHover: string;
-    iconPressed: string;
-    onFillDisabled: string;
-    surface: string;
-    surfacePrimary: string;
-    surfaceSecondary: string;
-    surfaceTertiary: string;
-}
-interface BetaColor {
-    border: string;
-    fill: string;
-    fillHover: string;
-    fillOnFill: string;
-    fillPressed: string;
-    icon: string;
-    surface: string;
-}
-interface InfoColor {
-    border: string;
-    fill: string;
-    fillHover: string;
-    fillOnFill: string;
-    fillPressed: string;
-    icon: string;
-    surface: string;
-}
-interface NegativeColor {
-    border: string;
-    fill: string;
-    fillHover: string;
-    fillOnFill: string;
-    fillPressed: string;
-    icon: string;
-    surface: string;
-}
-interface NeutralColor {
-    border: string;
-    fill: string;
-    fillHover: string;
-    fillOnFill: string;
-    fillPressed: string;
-    icon: string;
-    surface: string;
-}
-interface NoticeColor {
-    border: string;
-    fill: string;
-    fillHover: string;
-    fillOnFill: string;
-    fillPressed: string;
-    icon: string;
-    surface: string;
-}
-interface PositiveColor {
-    border: string;
-    fill: string;
-    fillHover: string;
-    fillOnFill: string;
-    fillPressed: string;
-    icon: string;
-    surface: string;
-}
-interface SemanticComponentColors {
-    accent: AccentColor;
-    base: BaseColor;
-    beta: BetaColor;
-    info: InfoColor;
-    negative: NegativeColor;
-    notice: NoticeColor;
-    neutral: NeutralColor;
-    positive: PositiveColor;
-}
-interface SemanticTextColors {
-    action: {
-        default?: string;
-        hover?: string;
-        pressed?: string;
-    };
-    base: {
-        accent?: string;
-        disabled?: string;
-        onFill?: string;
-        onFillDisabled?: string;
-        primary?: string;
-        secondary?: string;
-    };
-    beta: string;
-    info: string;
-    negative: string;
-    notice: string;
-    positive: string;
-}
 interface IconSize {
     height: number;
     width: number;
@@ -476,6 +301,10 @@ interface Border {
     hover?: string;
     disabled?: string;
     table?: string;
+    pressed?: string;
+    open?: string;
+    focused?: string;
+    selected?: string;
 }
 interface Borders {
     accent: Border;
@@ -489,8 +318,28 @@ interface Borders {
     notice: Border;
     positive: Border;
 }
-declare const defaultTheme: import("@mui/material/styles").Theme;
-declare const SDSAppTheme: AppTheme;
+/**
+ * Theme adaptor with light/dark mode support.
+ *
+ * @param t The theme to use. Currently supports a light and dark variant.
+ * @returns The selected theme object to be used in the ThemeProvider
+ */
+declare const Theme$0: (t: PaletteMode) => import("@mui/material").Theme;
+/**
+ * Default theme, uses light mode with no option to change it.
+ *
+ * Use the `theme` export to get a flexible light/dark mode theme function
+ */
+declare const defaultTheme: import("@mui/material").Theme;
+declare const SDSLightAppTheme: AppTheme;
+declare const SDSDarkAppTheme: AppTheme;
+/**
+ * Helper function to select the appropriate theme settings.
+ *
+ * @param theme The theme to choose from. Currently supports a light and dark variant.
+ * @returns The appropriate app theme for the variant.
+ */
+declare const SDSChooseTheme: (theme: PaletteMode) => AppTheme;
 /**
  * (masoudmanson): This is to make sure that the old defaultAppTheme
  * export is still available for backward compatibility.
@@ -502,8 +351,7 @@ declare const defaultAppTheme: AppTheme;
 /**
  * This function creates the theme options for the MUI theme provider
  */
-declare function makeThemeOptions(appTheme: AppTheme): SDSThemeOptions;
-declare function focusVisibleA11yStyle(): string;
+declare function makeThemeOptions(appTheme: AppTheme, mode: PaletteMode): SDSThemeOptions;
 // (thuang): Somehow this namespace needs to be globally unique to prevent
 // namespace collisions.
 // Might be related to using `rollup-plugin-ts`, which does code splitting?
@@ -516,15 +364,16 @@ declare const getSpaces: ({ theme }: CommonThemeProps) => Spaces | null;
  */
 declare const getSpacings: ({ theme }: CommonThemeProps) => Spaces | null;
 declare const getTypography: ({ theme }: CommonThemeProps) => Typography | null;
+declare const getMode: ({ theme }: CommonThemeProps) => "light" | "dark";
 declare const getPalette: ({ theme }: CommonThemeProps) => PaletteOptions;
 declare const getColors: ({ theme }: CommonThemeProps) => Colors | null;
-declare const getSemanticComponentColors: ({ theme }: CommonThemeProps) => SemanticComponentColors | null;
-declare const getSemanticTextColors: ({ theme }: CommonThemeProps) => SemanticTextColors | null;
+declare const getSemanticColors: ({ theme }: CommonThemeProps) => SDSPalette | null;
 declare const getShadows: ({ theme }: CommonThemeProps) => Shadows | null;
 declare const getCorners: ({ theme }: CommonThemeProps) => Corners | null;
 declare const getFontWeights: ({ theme }: CommonThemeProps) => FontWeights | null;
 declare const getIconSizes: ({ theme }: CommonThemeProps) => IconSizes | null;
 declare const getBorders: ({ theme }: CommonThemeProps) => Borders | null;
+declare function focusVisibleA11yStyle(props: CommonThemeProps): string;
 type FontBodyWeight = keyof Typography["styles"]["body"];
 type FontBodySize<T extends FontBodyWeight> = keyof Typography["styles"]["body"][T];
 declare const fontBody: (fontSize: FontBodySize<FontBodyWeight>, fontWeight?: FontBodyWeight) => (props: CommonThemeProps) => SerializedStyles | null;
@@ -673,6 +522,7 @@ interface IconNameToSizes {
     Save: "l" | "xl";
     Search: "xs" | "s" | "l" | "xl";
     SearchLinesHorizontal3: "xs" | "s" | "l" | "xl";
+    Send: "l" | "xl";
     Share: "l" | "xl";
     SlidersHorizontal: "l" | "xl";
     SpeechBubbles: "l" | "xl";
@@ -680,6 +530,8 @@ interface IconNameToSizes {
     Starburst: "xs" | "s";
     Star: "l" | "xl";
     Table: "xs" | "s";
+    ThumbsDown: "xs" | "s";
+    ThumbsUp: "xs" | "s";
     TrashCan: "xs" | "s" | "l" | "xl";
     TreeDendogram: "l" | "xl";
     TreeHorizontal: "xs" | "s" | "l" | "xl";
@@ -717,9 +569,8 @@ type IconProps<IconName extends keyof IconNameToSizes> = IconExtraProps<IconName
 declare const Icon: import("react").ForwardRefExoticComponent<IconExtraProps<keyof IconNameToSizes> & SdsIconWithColor$0 & import("react").RefAttributes<HTMLDivElement | null>>;
 interface InputSearchExtraProps extends CommonThemeProps {
     disabled?: boolean;
-    intent?: "default" | "error" | "warning";
+    intent?: "default" | "negative" | "notice";
     sdsStyle?: "rounded" | "square";
-    sdsStage?: "default" | "userInput";
     value?: string;
 }
 interface AccessibleInputSearchProps {
@@ -772,7 +623,7 @@ type MenuItemProps<IconName extends keyof IconNameToSmallSizes> = MenuItemExtraP
 /**
  * @see https://mui.com/material-ui/react-menu/
  */
-declare const MenuItem: React.ForwardRefExoticComponent<Omit<MenuItemProps<"Bacteria" | "BarChartHorizontal3" | "BarChartVertical3" | "BarChartVertical4" | "Check" | "CheckCircle" | "ChevronDown" | "ChevronDown2" | "ChevronLeft2" | "ChevronLeft" | "ChevronRight2" | "ChevronRight" | "ChevronUp" | "ChevronUp2" | "CirclesOverlap2" | "Copy" | "Cube" | "Document" | "DotsHorizontal" | "Download" | "Edit" | "Envelope" | "ExclamationMarkCircle" | "EyeClosed" | "EyeOpen" | "Filter" | "FlagCheck" | "FlagOutline" | "FlagQuestionMark" | "FlagXMark" | "Gear" | "Globe" | "House" | "InfoCircle" | "LifeRing" | "LightBulb" | "LinesDashed3Solid1" | "LinesHorizontal3" | "Link" | "List" | "Loading" | "Lock" | "LockCircle" | "Minus" | "Open" | "People" | "Percentage" | "Person" | "Pin" | "PinLocation" | "Plus" | "PlusCircle" | "PuzzlePiece" | "Refresh" | "RotateLeft" | "RotateRight" | "Search" | "SearchLinesHorizontal3" | "Starburst" | "Table" | "TrashCan" | "TreeHorizontal" | "TreeVertical" | "TriangleDown" | "TriangleLeft" | "TriangleRight" | "TriangleUp" | "XMark" | "XMarkCircle">, "ref"> & React.RefAttributes<HTMLLIElement | null>>;
+declare const MenuItem: React.ForwardRefExoticComponent<Omit<MenuItemProps<"Bacteria" | "BarChartHorizontal3" | "BarChartVertical3" | "BarChartVertical4" | "Check" | "CheckCircle" | "ChevronDown" | "ChevronDown2" | "ChevronLeft2" | "ChevronLeft" | "ChevronRight2" | "ChevronRight" | "ChevronUp" | "ChevronUp2" | "CirclesOverlap2" | "Copy" | "Cube" | "Document" | "DotsHorizontal" | "Download" | "Edit" | "Envelope" | "ExclamationMarkCircle" | "EyeClosed" | "EyeOpen" | "Filter" | "FlagCheck" | "FlagOutline" | "FlagQuestionMark" | "FlagXMark" | "Gear" | "Globe" | "House" | "InfoCircle" | "LifeRing" | "LightBulb" | "LinesDashed3Solid1" | "LinesHorizontal3" | "Link" | "List" | "Loading" | "Lock" | "LockCircle" | "Minus" | "Open" | "People" | "Percentage" | "Person" | "Pin" | "PinLocation" | "Plus" | "PlusCircle" | "PuzzlePiece" | "Refresh" | "RotateLeft" | "RotateRight" | "Search" | "SearchLinesHorizontal3" | "Starburst" | "Table" | "ThumbsDown" | "ThumbsUp" | "TrashCan" | "TreeHorizontal" | "TreeVertical" | "TriangleDown" | "TriangleLeft" | "TriangleRight" | "TriangleUp" | "XMark" | "XMarkCircle">, "ref"> & React.RefAttributes<HTMLLIElement | null>>;
 interface StyleProps extends CommonThemeProps {
     count?: number;
     icon?: ReactElement;
@@ -938,7 +789,7 @@ declare const Button: React.ForwardRefExoticComponent<(Omit<import("@mui/materia
     isRounded?: boolean | undefined;
 }, "ref">) & React.RefAttributes<HTMLButtonElement>>;
 interface BannerExtraProps extends CommonThemeProps {
-    sdsType: "primary" | "secondary" | "tertiary";
+    sdsType: "primary" | "secondary";
 }
 interface BannerProps extends BannerExtraProps {
     children: React.ReactNode;
@@ -1066,6 +917,7 @@ type CellComponentProps = CellComponentContentProps & CellComponentExtraProps;
 declare const CellComponent: React.ForwardRefExoticComponent<Omit<CellComponentProps, "ref"> & React.RefAttributes<unknown>>;
 interface CellHeaderExtraProps extends CommonThemeProps {
     active?: boolean;
+    hideSortIcon?: boolean;
     horizontalAlign?: "left" | "center" | "right";
 }
 type CellHeaderDirection = "asc" | "desc";
@@ -1152,11 +1004,10 @@ declare const doNotForwardProps: string[];
 interface InputDropdownProps extends CommonThemeProps, Omit<ButtonProps$0, (typeof doNotForwardProps)[number]> {
     children?: ReactNode;
     disabled?: boolean;
-    intent?: "default" | "error" | "warning";
+    intent?: "default" | "negative" | "notice";
     label: ReactNode;
     onClick: (event: React.MouseEvent<HTMLElement>) => void;
     state?: "default" | "open";
-    sdsStage: "default" | "userInput";
     sdsStyle?: "minimal" | "square" | "rounded";
     sdsType?: "label" | "value";
     multiple?: boolean;
@@ -1269,7 +1120,7 @@ type DropdownProps<T, Multiple extends boolean | undefined, DisableClearable ext
 // eslint-disable-next-line sonarjs/cognitive-complexity
 declare const Dropdown: <T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>(props: DropdownProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
 interface CheckboxExtraProps extends CommonThemeProps {
-    intent?: "default" | "error" | "warning";
+    intent?: "default" | "negative" | "notice";
     disabled?: boolean;
 }
 interface CheckboxContentProps extends Omit<MUICheckboxProps, "color" | "defaultChecked" | "indeterminate"> {
@@ -1285,7 +1136,7 @@ type CheckboxProps = CheckboxContentProps & CheckboxExtraProps;
  */
 declare const InputCheckbox: (props: CheckboxProps) => JSX.Element;
 interface RadioExtraProps extends CommonThemeProps {
-    intent?: "default" | "error" | "warning";
+    intent?: "default" | "negative" | "notice";
     disabled?: boolean;
 }
 interface RadioContentProps extends Omit<MUIRadioProps, "color" | "defaultChecked"> {
@@ -1310,9 +1161,8 @@ type InputSliderProps = InputSliderExtraProps;
 declare const InputSlider: import("react").ForwardRefExoticComponent<Omit<InputSliderExtraProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
 interface InputTextExtraProps extends CommonThemeProps {
     disabled?: boolean;
-    intent?: "default" | "error" | "warning";
+    intent?: "default" | "negative" | "notice";
     sdsType?: "textField" | "textArea";
-    sdsStage?: "default" | "userInput";
     hideLabel?: boolean;
 }
 interface AccessibleInputTextProps {
@@ -1415,11 +1265,9 @@ type MenuSelectProps<T, Multiple extends boolean | undefined = undefined, Disabl
  * Please use `Autocomplete` or `Dropdown` instead.
  */
 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, "indicatorColor" | "onChange">, CommonThemeProps {
-    sdsIndicatorColor?: "accent" | "negative" | "info" | "positive" | "notice" | "beta";
+interface NavigationJumpToExtraProps extends Omit<TabsProps, "onChange">, CommonThemeProps {
 }
 interface NavigationJumpToProps extends NavigationJumpToExtraProps {
-    indicatorColor?: "accent" | "negative" | "info" | "positive" | "notice" | "beta";
     items: Array<{
         title: string;
         elementRef: React.MutableRefObject<HTMLElement | null>;
@@ -1516,7 +1364,7 @@ interface TabProps$0 extends RawTabProps {
  * @see https://mui.com/material-ui/react-tabs/
  */
 declare const Tab: React.ForwardRefExoticComponent<Omit<TabProps$0, "ref"> & React.RefAttributes<HTMLDivElement>>;
-type SdsTagColorType = "accent" | "info" | "positive" | "notice" | "negative" | "neutral" | "beta" | [
+type SdsTagColorType = "info" | "positive" | "notice" | "negative" | "neutral" | "beta" | [
     string,
     string
 ] | [
@@ -1594,5 +1442,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, 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, 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, SDSComponentPalette, SDSTextPalette, SDSTheme, SDSThemeOptions, AppTheme, Shadows, Typography, FontWeights, Corners, Spaces, Spacings, Color, Colors, AccentColor, BaseColor, BetaColor, InfoColor, NegativeColor, NeutralColor, NoticeColor, PositiveColor, SemanticComponentColors, SemanticTextColors, IconSize, IconSizes, Border, Borders, defaultTheme, SDSAppTheme, 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, getPalette, getColors, getSemanticComponentColors, getSemanticTextColors, getShadows, getCorners, getFontWeights, getIconSizes, getBorders };
+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, 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, 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, Typography, FontWeights, Corners, Spaces, Spacings, Color, Colors, IconSize, IconSizes, Border, Borders, Theme$0 as Theme, defaultTheme, 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 };
 export type { AutocompleteBaseProps, AutocompleteMultiColumnProps, AutocompleteOptionBasic, AutocompleteOptionComponent, DefaultAutocompleteOption, ChipProps, IconNameToSizes, InputToggleExtraProps as InputToggleProps, TabsProps$0 as TabsProps, SdsTagColorType, TooltipProps, TooltipTableContentProps };