@superdispatch/ui 0.31.1 → 0.33.0

package/dist-types/index.d.ts

@@ -476,8 +476,352 @@ declare enum Color {
     Yellow300 = "#E8671C",
     Yellow500 = "#B84807"
 }
+declare enum ColorLightInternal {
+    White = "#fff",
+    White50 = "rgba(255, 255, 255, 0.5)",
+    White40 = "rgba(255, 255, 255, 0.4)",
+    White20 = "rgba(255, 255, 255, 0.2)",
+    White10 = "rgba(255, 255, 255, 0.1)",
+    White08 = "rgba(255, 255, 255, 0.08)",
+    Transparent = "rgba(0, 0, 0, 0)",
+    Black = "#000",
+    Black50 = "rgba(0, 0, 0, 0.5)",
+    Black20 = "rgba(0, 0, 0, 0.2)",
+    Dark30 = "rgba(143, 148, 158, 0.3)",
+    Blue30 = "rgba(0, 112, 245, 0.3)",
+    Green30 = "rgba(3, 135, 47, 0.3)",
+    Red30 = "rgba(229, 35, 13, 0.3)",
+    Silver30 = "rgba(225, 229, 234, 0.3)",
+    Blue10 = "rgba(0, 112, 245, 0.1)",
+    Red10 = "rgba(195, 25, 9, 0.1)",
+    /**@deprecated Use Dark100 */
+    Grey100 = "#8F949E",
+    /**@deprecated Use Dark200 */
+    Grey200 = "#6A707C",
+    /**@deprecated Use Dark300 */
+    Grey300 = "#5B6371",
+    /**@deprecated Use Dark400 */
+    Grey400 = "#323C4E",
+    /**@deprecated Use Dark450 */
+    Grey450 = "#222F44",
+    /**@deprecated Use Dark500 */
+    Grey500 = "#192334",
+    /** @deprecated */
+    Dark200 = "#6A707C",
+    /** @deprecated */
+    Dark400 = "#323C4E",
+    /** @deprecated */
+    Dark450 = "#222F44",
+    /** @deprecated */
+    Silver100 = "#F6F7F8",
+    /** @deprecated */
+    Silver300 = "#E8ECF0",
+    /** @deprecated */
+    Blue75 = "#CCE5FF",
+    /** @deprecated */
+    Blue100 = "#A8D1FF",
+    /** @deprecated */
+    Blue200 = "#66ADFF",
+    /** @deprecated */
+    Blue400 = "#0063DB",
+    /** @deprecated */
+    Green75 = "#C8F4D1",
+    /** @deprecated */
+    Green100 = "#90EAAE",
+    /** @deprecated */
+    Green200 = "#5DDA87",
+    /** @deprecated */
+    Green400 = "#1E8F46",
+    /** @deprecated */
+    Purple75 = "#DCDBF5",
+    /** @deprecated */
+    Purple100 = "#CBC8EE",
+    /** @deprecated */
+    Purple200 = "#A7A1E8",
+    /** @deprecated */
+    Purple400 = "#473ABB",
+    /** @deprecated */
+    Red75 = "#FDD9D3",
+    /** @deprecated */
+    Red100 = "#FDC2BA",
+    /** @deprecated */
+    Red200 = "#FE988B",
+    /** @deprecated */
+    Red400 = "#D9210D",
+    /** @deprecated */
+    Teal75 = "#BEEDF9",
+    /** @deprecated */
+    Teal100 = "#91E3F8",
+    /** @deprecated */
+    Teal200 = "#61D3EF",
+    /** @deprecated */
+    Teal400 = "#008DB8",
+    /** @deprecated */
+    Yellow75 = "#FFF1C2",
+    /** @deprecated */
+    Yellow100 = "#FFE494",
+    /** @deprecated */
+    Yellow200 = "#FFDC6B",
+    /** @deprecated */
+    Yellow400 = "#FFA91F",
+    Dark50 = "rgba(25, 35, 52, 0.5)",
+    Dark100 = "#8F949E",
+    Dark300 = "#5B6371",
+    Dark500 = "#192334",
+    Silver200 = "#F3F5F8",
+    Silver400 = "#E1E5EA",
+    Silver500 = "#C4CDD5",
+    Blue50 = "#EBF4FF",
+    Blue300 = "#0070F5",
+    Blue500 = "#0063DB",
+    Green50 = "#ECF9EF",
+    Green300 = "#03872F",
+    Green500 = "#007A29",
+    Purple50 = "#EFEEFC",
+    Purple300 = "#6559CF",
+    Purple500 = "#473ABB",
+    Red50 = "#FFEDEB",
+    Red300 = "#E5230D",
+    Red500 = "#C31909",
+    Teal50 = "#E3F6FC",
+    Teal300 = "#007EAB",
+    Teal500 = "#00678A",
+    Yellow50 = "#FFF7DC",
+    Yellow300 = "#E8671C",
+    Yellow500 = "#B84807"
+}
+declare enum ColorDarkInternal {
+    White = "#fff",
+    White50 = "rgba(255, 255, 255, 0.5)",
+    White40 = "rgba(255, 255, 255, 0.4)",
+    White20 = "rgba(255, 255, 255, 0.2)",
+    White10 = "rgba(255, 255, 255, 0.1)",
+    White08 = "rgba(255, 255, 255, 0.08)",
+    Transparent = "rgba(0, 0, 0, 0)",
+    Black = "#000",
+    Black50 = "rgba(0, 0, 0, 0.5)",
+    Black20 = "rgba(0, 0, 0, 0.2)",
+    Dark30 = "rgba(143, 148, 158, 0.3)",
+    Blue30 = "rgba(0, 112, 245, 0.3)",
+    Green30 = "rgba(3, 135, 47, 0.3)",
+    Red30 = "rgba(229, 35, 13, 0.3)",
+    Silver30 = "rgba(225, 229, 234, 0.3)",
+    Blue10 = "rgba(0, 112, 245, 0.1)",
+    Red10 = "rgba(195, 25, 9, 0.1)",
+    /**@deprecated Use Dark100 */
+    Grey100 = "#8F949E",
+    /**@deprecated Use Dark200 */
+    Grey200 = "#6A707C",
+    /**@deprecated Use Dark300 */
+    Grey300 = "#5B6371",
+    /**@deprecated Use Dark400 */
+    Grey400 = "#323C4E",
+    /**@deprecated Use Dark450 */
+    Grey450 = "#222F44",
+    /**@deprecated Use Dark500 */
+    Grey500 = "#192334",
+    /** @deprecated */
+    Dark200 = "#6A707C",
+    /** @deprecated */
+    Dark400 = "#323C4E",
+    /** @deprecated */
+    Dark450 = "#222F44",
+    /** @deprecated */
+    Silver100 = "#F6F7F8",
+    /** @deprecated */
+    Silver300 = "#E8ECF0",
+    /** @deprecated */
+    Blue75 = "#CCE5FF",
+    /** @deprecated */
+    Blue100 = "#A8D1FF",
+    /** @deprecated */
+    Blue200 = "#66ADFF",
+    /** @deprecated */
+    Blue400 = "#0063DB",
+    /** @deprecated */
+    Green75 = "#C8F4D1",
+    /** @deprecated */
+    Green100 = "#90EAAE",
+    /** @deprecated */
+    Green200 = "#5DDA87",
+    /** @deprecated */
+    Green400 = "#1E8F46",
+    /** @deprecated */
+    Purple75 = "#DCDBF5",
+    /** @deprecated */
+    Purple100 = "#CBC8EE",
+    /** @deprecated */
+    Purple200 = "#A7A1E8",
+    /** @deprecated */
+    Purple400 = "#473ABB",
+    /** @deprecated */
+    Red75 = "#FDD9D3",
+    /** @deprecated */
+    Red100 = "#FDC2BA",
+    /** @deprecated */
+    Red200 = "#FE988B",
+    /** @deprecated */
+    Red400 = "#D9210D",
+    /** @deprecated */
+    Teal75 = "#BEEDF9",
+    /** @deprecated */
+    Teal100 = "#91E3F8",
+    /** @deprecated */
+    Teal200 = "#61D3EF",
+    /** @deprecated */
+    Teal400 = "#008DB8",
+    /** @deprecated */
+    Yellow75 = "#FFF1C2",
+    /** @deprecated */
+    Yellow100 = "#FFE494",
+    /** @deprecated */
+    Yellow200 = "#FFDC6B",
+    /** @deprecated */
+    Yellow400 = "#FFA91F",
+    Dark50 = "rgba(25, 35, 52, 0.5)",
+    Dark100 = "#6E7A8A",
+    Dark300 = "#AEB4BD",
+    Dark500 = "#FFFFFF",
+    Silver200 = "#0D1017",
+    Silver400 = "#30373D",
+    Silver500 = "#47505B",
+    Blue50 = "#0E2947",
+    Blue300 = "#0070F5",
+    Blue500 = "#55ADFF",
+    Green50 = "#092E16",
+    Green300 = "#03872F",
+    Green500 = "#5EE18A",
+    Purple50 = "#262247",
+    Purple300 = "#6559CF",
+    Purple500 = "#BFA0FF",
+    Red50 = "#3D0A06",
+    Red300 = "#E5230D",
+    Red500 = "#FF6359",
+    Teal50 = "#11333D",
+    Teal300 = "#007EAB",
+    Teal500 = "#31C7F5",
+    Yellow50 = "#33200A",
+    Yellow300 = "#E8671C",
+    Yellow500 = "#FCA542"
+}
+declare enum ColorV2 {
+    White = "var(--sd-white)",
+    White50 = "var(--sd-white-50)",
+    White40 = "var(--sd-white-40)",
+    White20 = "var(--sd-white-20)",
+    White10 = "var(--sd-white-10)",
+    White08 = "var(--sd-white-08)",
+    Transparent = "var(--sd-transparent)",
+    Black = "var(--sd-black)",
+    Black50 = "var(--sd-black-50)",
+    Black20 = "var(--sd-black-20)",
+    Dark30 = "var(--sd-dark-30)",
+    Blue30 = "var(--sd-blue-30)",
+    Green30 = "var(--sd-green-30)",
+    Red30 = "var(--sd-red-30)",
+    Silver30 = "var(--sd-silver-30)",
+    Blue10 = "var(--sd-blue-10)",
+    Red10 = "var(--sd-red-10)",
+    /**@deprecated Use Dark100 */
+    Grey100 = "var(--sd-grey-100)",
+    /**@deprecated Use Dark200 */
+    Grey200 = "var(--sd-grey-200)",
+    /**@deprecated Use Dark300 */
+    Grey300 = "var(--sd-grey-300)",
+    /**@deprecated Use Dark400 */
+    Grey400 = "var(--sd-grey-400)",
+    /**@deprecated Use Dark450 */
+    Grey450 = "var(--sd-grey-450)",
+    /**@deprecated Use Dark500 */
+    Grey500 = "var(--sd-grey-500)",
+    /** @deprecated */
+    Dark200 = "var(--sd-dark-200)",
+    /** @deprecated */
+    Dark400 = "var(--sd-dark-400)",
+    /** @deprecated */
+    Dark450 = "var(--sd-dark-450)",
+    /** @deprecated */
+    Silver100 = "var(--sd-silver-100)",
+    /** @deprecated */
+    Silver300 = "var(--sd-silver-300)",
+    /** @deprecated */
+    Blue75 = "var(--sd-blue-75)",
+    /** @deprecated */
+    Blue100 = "var(--sd-blue-100)",
+    /** @deprecated */
+    Blue200 = "var(--sd-blue-200)",
+    /** @deprecated */
+    Blue400 = "var(--sd-blue-400)",
+    /** @deprecated */
+    Green75 = "var(--sd-green-75)",
+    /** @deprecated */
+    Green100 = "var(--sd-green-100)",
+    /** @deprecated */
+    Green200 = "var(--sd-green-200)",
+    /** @deprecated */
+    Green400 = "var(--sd-green-400)",
+    /** @deprecated */
+    Purple75 = "var(--sd-purple-75)",
+    /** @deprecated */
+    Purple100 = "var(--sd-purple-100)",
+    /** @deprecated */
+    Purple200 = "var(--sd-purple-200)",
+    /** @deprecated */
+    Purple400 = "var(--sd-purple-400)",
+    /** @deprecated */
+    Red75 = "var(--sd-red-75)",
+    /** @deprecated */
+    Red100 = "var(--sd-red-100)",
+    /** @deprecated */
+    Red200 = "var(--sd-red-200)",
+    /** @deprecated */
+    Red400 = "var(--sd-red-400)",
+    /** @deprecated */
+    Teal75 = "var(--sd-teal-75)",
+    /** @deprecated */
+    Teal100 = "var(--sd-teal-100)",
+    /** @deprecated */
+    Teal200 = "var(--sd-teal-200)",
+    /** @deprecated */
+    Teal400 = "var(--sd-teal-400)",
+    /** @deprecated */
+    Yellow75 = "var(--sd-yellow-75)",
+    /** @deprecated */
+    Yellow100 = "var(--sd-yellow-100)",
+    /** @deprecated */
+    Yellow200 = "var(--sd-yellow-200)",
+    /** @deprecated */
+    Yellow400 = "var(--sd-yellow-400)",
+    Dark50 = "var(--sd-dark-50)",
+    Dark100 = "var(--sd-dark-100)",
+    Dark300 = "var(--sd-dark-300)",
+    Dark500 = "var(--sd-dark-500)",
+    Silver200 = "var(--sd-silver-200)",
+    Silver400 = "var(--sd-silver-400)",
+    Silver500 = "var(--sd-silver-500)",
+    Blue50 = "var(--sd-blue-50)",
+    Blue300 = "var(--sd-blue-300)",
+    Blue500 = "var(--sd-blue-500)",
+    Green50 = "var(--sd-green-50)",
+    Green300 = "var(--sd-green-300)",
+    Green500 = "var(--sd-green-500)",
+    Purple50 = "var(--sd-purple-50)",
+    Purple300 = "var(--sd-purple-300)",
+    Purple500 = "var(--sd-purple-500)",
+    Red50 = "var(--sd-red-50)",
+    Red300 = "var(--sd-red-300)",
+    Red500 = "var(--sd-red-500)",
+    Teal50 = "var(--sd-teal-50)",
+    Teal300 = "var(--sd-teal-300)",
+    Teal500 = "var(--sd-teal-500)",
+    Yellow50 = "var(--sd-yellow-50)",
+    Yellow300 = "var(--sd-yellow-300)",
+    Yellow500 = "var(--sd-yellow-500)"
+}
 declare type ColorProp = keyof typeof Color;
+declare type ColorPropV2 = keyof typeof ColorV2;
 declare function isColorProp(name: unknown): name is ColorProp;
+declare function isColorPropV2(name: unknown): name is ColorPropV2;
 
 declare module '@material-ui/core/styles/overrides' {
     interface ComponentNameToClassKey {
@@ -488,10 +832,11 @@ declare type SuperDispatchTheme = Readonly<Required<Theme>>;
 
 interface ThemeProviderProps {
     children?: ReactNode;
+    mode?: 'dark' | 'light';
     injectFirst?: boolean;
     modifier?: (theme: SuperDispatchTheme) => SuperDispatchTheme;
 }
-declare function ThemeProvider({ modifier, children, injectFirst, }: ThemeProviderProps): ReactElement;
+declare function ThemeProvider({ modifier, children, mode, injectFirst, }: ThemeProviderProps): ReactElement;
 
 declare type TilesSpace = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
 declare type TilesColumns = 1 | 2 | 3 | 4 | 5 | 6;
@@ -538,4 +883,4 @@ interface VisibilityObserverProps extends VisibilityObserverOptions {
 }
 declare function VisibilityObserver({ render, onChange, ...options }: VisibilityObserverProps): null | ReactElement;
 
-export { AdaptiveToolbar, AdaptiveToolbarDropdownItem, AdaptiveToolbarItem, AdaptiveToolbarProps, AdaptiveVerticalToolbar, AdaptiveVerticalToolbarItem, AdaptiveVerticalToolbarProps, AvatarButton, AvatarButtonClassKey, AvatarButtonProps, Button, ButtonProps, CardButton, CardButtonClassKey, CardButtonProps, CheckboxField, CheckboxFieldProps, CheckboxGroupField, CheckboxGroupFieldProps, CollapseBreakpoint, CollapseProp, Color, ColorProp, ColorVariant, Column, ColumnProps, ColumnWidth, Columns, ColumnsProps, DescriptionList, DescriptionListItem, DescriptionListItemProps, DescriptionListProps, DrawerActions, DrawerActionsProps, DrawerContent, DrawerContentProps, DrawerList, DrawerListProps, DrawerTitle, DrawerTitleProps, DropdownButton, ElementVisibility, ExitTransitionPlaceholder, GridStack, GridStackProps, HorizontalAlign, InfoCard, InfoCardClassKey, InfoCardProps, InfoTooltip, Inline, InlineGrid, InlineGridProps, InlineProps, MinBreakpoint, NegativeSpaceProp, NumberField, NumberFieldProps, OverflowText, OverflowTextProps, PartialResponsivePropRecord, PatternField, PatternFieldProps, RadioCardItemProps, RadioField, RadioFieldCard, RadioFieldProps, RadioGroupField, RadioGroupFieldProps, ResponsiveContext, ResponsiveContextProvider, ResponsiveContextProviderProps, ResponsiveProp, ResponsivePropPrimitive, ResponsivePropRecord, ResponsivePropTuple, ResponsivePropTupleInit, Snackbar, SnackbarCloseReason, SnackbarContent, SnackbarContentProps, SnackbarProps, SnackbarStack, SnackbarStackConsumer, SnackbarStackOptions, SnackbarStackProvider, SnackbarStackProviderProps, SnackbarVariant, SpaceProp, Stack, StackProps, SuperDispatchTheme, Tag, TagClassKey, TagProps, ThemeProvider, ThemeProviderProps, Tiles, TilesColumns, TilesProps, TilesSpace, VerticalAlign, VisibilityObserver, VisibilityObserverOptions, VisibilityObserverProps, VisibilityObserverRenderProps, assignRef, isColorProp, isEmptyReactNode, mergeRefs, parseAlignProp, parseCollapsedBelow, parseResponsiveProp, parseSpaceProp, renderChildren, useCollapseBreakpoint, useMinBreakpoint, useResizeObserver, useResponsiveContext, useResponsiveProp, useResponsivePropRecord, useResponsiveValue, useSnackbarStack, useUID, useVisibilityObserver };
+export { AdaptiveToolbar, AdaptiveToolbarDropdownItem, AdaptiveToolbarItem, AdaptiveToolbarProps, AdaptiveVerticalToolbar, AdaptiveVerticalToolbarItem, AdaptiveVerticalToolbarProps, AvatarButton, AvatarButtonClassKey, AvatarButtonProps, Button, ButtonProps, CardButton, CardButtonClassKey, CardButtonProps, CheckboxField, CheckboxFieldProps, CheckboxGroupField, CheckboxGroupFieldProps, CollapseBreakpoint, CollapseProp, Color, ColorDarkInternal, ColorLightInternal, ColorProp, ColorPropV2, ColorV2, ColorVariant, Column, ColumnProps, ColumnWidth, Columns, ColumnsProps, DescriptionList, DescriptionListItem, DescriptionListItemProps, DescriptionListProps, DrawerActions, DrawerActionsProps, DrawerContent, DrawerContentProps, DrawerList, DrawerListProps, DrawerTitle, DrawerTitleProps, DropdownButton, ElementVisibility, ExitTransitionPlaceholder, GridStack, GridStackProps, HorizontalAlign, InfoCard, InfoCardClassKey, InfoCardProps, InfoTooltip, Inline, InlineGrid, InlineGridProps, InlineProps, MinBreakpoint, NegativeSpaceProp, NumberField, NumberFieldProps, OverflowText, OverflowTextProps, PartialResponsivePropRecord, PatternField, PatternFieldProps, RadioCardItemProps, RadioField, RadioFieldCard, RadioFieldProps, RadioGroupField, RadioGroupFieldProps, ResponsiveContext, ResponsiveContextProvider, ResponsiveContextProviderProps, ResponsiveProp, ResponsivePropPrimitive, ResponsivePropRecord, ResponsivePropTuple, ResponsivePropTupleInit, Snackbar, SnackbarCloseReason, SnackbarContent, SnackbarContentProps, SnackbarProps, SnackbarStack, SnackbarStackConsumer, SnackbarStackOptions, SnackbarStackProvider, SnackbarStackProviderProps, SnackbarVariant, SpaceProp, Stack, StackProps, SuperDispatchTheme, Tag, TagClassKey, TagProps, ThemeProvider, ThemeProviderProps, Tiles, TilesColumns, TilesProps, TilesSpace, VerticalAlign, VisibilityObserver, VisibilityObserverOptions, VisibilityObserverProps, VisibilityObserverRenderProps, assignRef, isColorProp, isColorPropV2, isEmptyReactNode, mergeRefs, parseAlignProp, parseCollapsedBelow, parseResponsiveProp, parseSpaceProp, renderChildren, useCollapseBreakpoint, useMinBreakpoint, useResizeObserver, useResponsiveContext, useResponsiveProp, useResponsivePropRecord, useResponsiveValue, useSnackbarStack, useUID, useVisibilityObserver };