@czi-sds/components 21.6.3 → 21.7.1

package/dist/index.esm.d.ts

@@ -33,7 +33,7 @@ import { TabsProps as RawTabsProps } from "@mui/material";
 import { ChipProps as ChipProps$0 } from "@mui/material";
 import React from "react";
 import { CSSProperties, ReactElement, ReactNode, SyntheticEvent, ComponentType } from "react";
-import { Theme, ThemeOptions, TypographyStyle, PaletteOptions } from "@mui/material/styles";
+import { Theme, ThemeOptions, TypographyStyle, Breakpoints, PaletteOptions } from "@mui/material/styles";
 import { SerializedStyles } from "@emotion/react";
 import { AlertProps } from "@mui/lab";
 import { AutocompleteChangeDetails, AutocompleteChangeReason, AutocompleteCloseReason, AutocompleteValue } from "@mui/base";
@@ -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;
@@ -136,6 +140,19 @@ declare module "@mui/material/styles" {
     interface PaletteOptions {
         sds?: SDSPalette;
     }
+    /**
+     * @see https://mui.com/material-ui/customization/breakpoints/#custom-breakpoints
+     * (masoudmanson): ModuleAugmentation is required for TypeScript to recognize the
+     * custom breakpoints added to the theme.
+     */
+    interface BreakpointOverrides {
+        // remove the xs and xl breakpoints since SDS does not support them
+        xs: false;
+        sm: true;
+        md: true;
+        lg: true;
+        xl: false;
+    }
 }
 interface SDSTheme extends Theme {
     app?: AppTheme;
@@ -159,6 +176,67 @@ interface Shadows {
     m: string;
     l: string;
 }
+interface TypographyStyles {
+    body: {
+        regular: {
+            button: TypographyStyle;
+            l: TypographyStyle;
+            m: TypographyStyle;
+            s: TypographyStyle;
+            xs: TypographyStyle;
+            xxs: TypographyStyle;
+            xxxs: TypographyStyle;
+        };
+        semibold: {
+            button: TypographyStyle;
+            l: TypographyStyle;
+            m: TypographyStyle;
+            s: TypographyStyle;
+            xs: TypographyStyle;
+            xxs: TypographyStyle;
+            xxxs: TypographyStyle;
+        };
+    };
+    caps: {
+        semibold: {
+            xxs: TypographyStyle;
+            xxxs: TypographyStyle;
+            xxxxs: TypographyStyle;
+        };
+    };
+    code: {
+        regular: {
+            s: TypographyStyle;
+            xs: TypographyStyle;
+        };
+        semibold: {
+            s: TypographyStyle;
+            xs: TypographyStyle;
+        };
+    };
+    header: {
+        semibold: {
+            xxl: TypographyStyle;
+            xl: TypographyStyle;
+            l: TypographyStyle;
+            m: TypographyStyle;
+            s: TypographyStyle;
+            xs: TypographyStyle;
+            xxs: TypographyStyle;
+            xxxs: TypographyStyle;
+        };
+    };
+    tabular: {
+        regular: {
+            s: TypographyStyle;
+            xs: TypographyStyle;
+        };
+        semibold: {
+            s: TypographyStyle;
+            xs: TypographyStyle;
+        };
+    };
+}
 interface Typography {
     fontFamily: {
         body: CSSProperties["fontFamily"];
@@ -167,67 +245,8 @@ interface Typography {
         header?: CSSProperties["fontFamily"];
         tabular?: CSSProperties["fontFamily"];
     };
-    styles: {
-        body: {
-            regular: {
-                button: TypographyStyle;
-                l: TypographyStyle;
-                m: TypographyStyle;
-                s: TypographyStyle;
-                xs: TypographyStyle;
-                xxs: TypographyStyle;
-                xxxs: TypographyStyle;
-            };
-            semibold: {
-                button: TypographyStyle;
-                l: TypographyStyle;
-                m: TypographyStyle;
-                s: TypographyStyle;
-                xs: TypographyStyle;
-                xxs: TypographyStyle;
-                xxxs: TypographyStyle;
-            };
-        };
-        caps: {
-            semibold: {
-                xxs: TypographyStyle;
-                xxxs: TypographyStyle;
-                xxxxs: TypographyStyle;
-            };
-        };
-        code: {
-            regular: {
-                s: TypographyStyle;
-                xs: TypographyStyle;
-            };
-            semibold: {
-                s: TypographyStyle;
-                xs: TypographyStyle;
-            };
-        };
-        header: {
-            semibold: {
-                xxl: TypographyStyle;
-                xl: TypographyStyle;
-                l: TypographyStyle;
-                m: TypographyStyle;
-                s: TypographyStyle;
-                xs: TypographyStyle;
-                xxs: TypographyStyle;
-                xxxs: TypographyStyle;
-            };
-        };
-        tabular: {
-            regular: {
-                s: TypographyStyle;
-                xs: TypographyStyle;
-            };
-            semibold: {
-                s: TypographyStyle;
-                xs: TypographyStyle;
-            };
-        };
-    };
+    wideStyles: TypographyStyles;
+    narrowStyles: TypographyStyles;
 }
 interface FontWeights {
     bold: number;
@@ -295,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;
@@ -354,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
  */
@@ -379,10 +402,11 @@ 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 const getBreakpoints: ({ theme }: CommonThemeProps) => Breakpoints | 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;
+type FontBodyWeight = keyof Typography["wideStyles"]["body"];
+type FontBodySize<T extends FontBodyWeight> = keyof Typography["wideStyles"]["body"][T];
+declare const fontBody: (fontSize: FontBodySize<FontBodyWeight>, fontWeight?: FontBodyWeight, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodyL: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodyM: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodyS: (props: CommonThemeProps) => SerializedStyles | null;
@@ -396,14 +420,14 @@ declare const fontBodySemiboldXs: (props: CommonThemeProps) => SerializedStyles
 declare const fontBodySemiboldXxs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodySemiboldXxxs: (props: CommonThemeProps) => SerializedStyles | null;
 // Font Caps
-type FontCapsSize = keyof Typography["styles"]["caps"]["semibold"];
-declare const fontCaps: (fontSize: FontCapsSize) => (props: CommonThemeProps) => SerializedStyles | null;
+type FontCapsSize = keyof Typography["wideStyles"]["caps"]["semibold"];
+declare const fontCaps: (fontSize: FontCapsSize, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontCapsXxs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontCapsXxxs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontCapsXxxxs: (props: CommonThemeProps) => SerializedStyles | null;
 // Font Header
-type FontHeaderSize = keyof Typography["styles"]["header"]["semibold"];
-declare const fontHeader: (fontSize: FontHeaderSize) => (props: CommonThemeProps) => SerializedStyles | null;
+type FontHeaderSize = keyof Typography["wideStyles"]["header"]["semibold"];
+declare const fontHeader: (fontSize: FontHeaderSize, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontHeaderXxl: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontHeaderXl: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontHeaderL: (props: CommonThemeProps) => SerializedStyles | null;
@@ -413,17 +437,17 @@ declare const fontHeaderXs: (props: CommonThemeProps) => SerializedStyles | null
 declare const fontHeaderXxs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontHeaderXxxs: (props: CommonThemeProps) => SerializedStyles | null;
 // Font Code
-type FontCodeWeight = keyof Typography["styles"]["code"];
-type FontCodeSize<T extends FontCodeWeight> = keyof Typography["styles"]["code"][T];
-declare const fontCode: (fontSize: FontCodeSize<FontCodeWeight>, fontWeight?: FontCodeWeight) => (props: CommonThemeProps) => SerializedStyles | null;
+type FontCodeWeight = keyof Typography["wideStyles"]["code"];
+type FontCodeSize<T extends FontCodeWeight> = keyof Typography["wideStyles"]["code"][T];
+declare const fontCode: (fontSize: FontCodeSize<FontCodeWeight>, fontWeight?: FontCodeWeight, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontCodeXs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontCodeS: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontCodeSemiboldXs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontCodeSemiboldS: (props: CommonThemeProps) => SerializedStyles | null;
 // Font Tabular
-type FontTabularWeight = keyof Typography["styles"]["tabular"];
-type FontTabularSize<T extends FontTabularWeight> = keyof Typography["styles"]["tabular"][T];
-declare const fontTabular: (fontSize: FontTabularSize<FontTabularWeight>, fontWeight?: FontTabularWeight) => (props: CommonThemeProps) => SerializedStyles | null;
+type FontTabularWeight = keyof Typography["wideStyles"]["tabular"];
+type FontTabularSize<T extends FontTabularWeight> = keyof Typography["wideStyles"]["tabular"][T];
+declare const fontTabular: (fontSize: FontTabularSize<FontTabularWeight>, fontWeight?: FontTabularWeight, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontTabularXs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontTabularS: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontTabularSemiboldXs: (props: CommonThemeProps) => SerializedStyles | null;
@@ -563,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;
 /**
@@ -670,6 +693,7 @@ interface ExtraAutocompleteProps<T, Multiple, DisableClearable, FreeSolo> extend
     onChange?: (event: React.SyntheticEvent, value: AutocompleteValue$0<T, Multiple, DisableClearable, FreeSolo>, reason: AutocompleteChangeReason$0, details?: AutocompleteChangeDetails$0<T>) => void;
     InputBaseProps?: Partial<InputSearchProps>;
     label?: string;
+    intent?: InputSearchProps["intent"];
     onClickAway?: (event?: MouseEvent | TouchEvent, reason?: AutocompleteCloseReason$0) => void;
     onClick?: (event?: TouchEvent | MouseEvent) => void;
 }
@@ -878,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";
 }
@@ -1144,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";
 }
@@ -1159,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";
@@ -1289,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";
@@ -1489,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, 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 };
+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 };