@czi-sds/components 20.4.0 → 20.6.0

package/dist/index.esm.d.ts

@@ -66,6 +66,8 @@ interface SDSComponentPalette {
         border: string;
         borderHover: string;
         borderDisabled: string;
+        borderPressed: string;
+        borderTable: string;
         icon: string;
         iconHover: string;
         iconPressed: string;
@@ -82,6 +84,7 @@ interface SDSComponentPalette {
         borderHover: string;
         borderOpen: string;
         borderFocus: string;
+        borderPressed: string;
         borderSelected: string;
         borderDisabled: string;
         icon: string;
@@ -337,6 +340,7 @@ interface AccentColor {
     borderHover: string;
     borderOpen: string;
     borderSelected: string;
+    borderPressed: string;
     fill: string;
     fillDisabled: string;
     fillHover: string;
@@ -349,6 +353,8 @@ interface BaseColor {
     border: string;
     borderDisabled: string;
     borderHover: string;
+    borderPressed: string;
+    borderTable: string;
     divider: string;
     fill: string;
     fillDisabled: string;
@@ -505,6 +511,9 @@ interface CommonThemeProps {
     theme?: SDSTheme;
 }
 declare const getSpaces: ({ theme }: CommonThemeProps) => Spaces | null;
+/**
+ * @deprecated getSpacings() is deprecated and may be removed in a future release. Please use getSpaces()
+ */
 declare const getSpacings: ({ theme }: CommonThemeProps) => Spaces | null;
 declare const getTypography: ({ theme }: CommonThemeProps) => Typography | null;
 declare const getPalette: ({ theme }: CommonThemeProps) => PaletteOptions;
@@ -659,6 +668,8 @@ interface IconNameToSizes {
     Refresh: "xs" | "s" | "l" | "xl";
     Report: "l" | "xl";
     Rocket: "l" | "xl";
+    RotateLeft: "xs" | "s";
+    RotateRight: "xs" | "s";
     Save: "l" | "xl";
     Search: "xs" | "s" | "l" | "xl";
     SearchLinesHorizontal3: "xs" | "s" | "l" | "xl";
@@ -761,7 +772,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" | "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" | "TrashCan" | "TreeHorizontal" | "TreeVertical" | "TriangleDown" | "TriangleLeft" | "TriangleRight" | "TriangleUp" | "XMark" | "XMarkCircle">, "ref"> & React.RefAttributes<HTMLLIElement | null>>;
 interface StyleProps extends CommonThemeProps {
     count?: number;
     icon?: ReactElement;
@@ -1128,7 +1139,7 @@ interface ExtraDropdownMenuProps extends StyleProps$1 {
     anchorEl: HTMLElement | null;
     PopperComponent?: React.JSXElementConstructor<PopperProps>;
     PaperComponent?: React.JSXElementConstructor<PaperProps>;
-    PopperPlacement?: "bottom-start" | "top-start" | "bottom-end" | "top-end";
+    PopperPlacement?: "auto-end" | "auto-start" | "auto" | "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top";
     children?: JSX.Element | null;
     onClickAway?: (event: MouseEvent | TouchEvent) => void;
     ClickAwayListenerProps?: Partial<MUIClickAwayListenerProps>;
@@ -1139,6 +1150,7 @@ type DropdownMenuProps<T, Multiple extends boolean | undefined, DisableClearable
 declare const DropdownMenu: <T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>(props: DropdownMenuProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
 declare const doNotForwardProps: string[];
 interface InputDropdownProps extends CommonThemeProps, Omit<ButtonProps$0, (typeof doNotForwardProps)[number]> {
+    children?: ReactNode;
     disabled?: boolean;
     intent?: "default" | "error" | "warning";
     label: ReactNode;
@@ -1317,6 +1329,7 @@ interface InputToggleExtraProps extends SwitchProps, CommonThemeProps {
     offLabel?: string;
     onChange?(e: React.ChangeEvent): void;
     onLabel?: string;
+    width?: number;
 }
 /**
  * @see https://mui.com/material-ui/react-switch/