@superdispatch/ui 0.33.0 → 0.35.0

package/dist-types/index.d.ts

@@ -457,6 +457,7 @@ declare enum Color {
     Silver200 = "#F3F5F8",
     Silver400 = "#E1E5EA",
     Silver500 = "#C4CDD5",
+    Silver400Alpha30 = "rgba(225, 229, 234, 0.3)",
     Blue50 = "#EBF4FF",
     Blue300 = "#0070F5",
     Blue500 = "#0063DB",
@@ -468,6 +469,7 @@ declare enum Color {
     Purple500 = "#473ABB",
     Red50 = "#FFEDEB",
     Red300 = "#E5230D",
+    Red300Aplha20 = "rgba(229, 35, 13, 0.2)",
     Red500 = "#C31909",
     Teal50 = "#E3F6FC",
     Teal300 = "#007EAB",
@@ -476,127 +478,13 @@ 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)",
+declare enum ColorDark {
+    White = "#151B22",
+    White50 = "rgba(21, 27, 34, 0.5)",
+    White40 = "rgba(21, 27, 34, 0.4)",
+    White20 = "rgba(21, 27, 34, 0.2)",
+    White10 = "rgba(21, 27, 34, 0.1)",
+    White08 = "rgba(21, 27, 34, 0.08)",
     Transparent = "rgba(0, 0, 0, 0)",
     Black = "#000",
     Black50 = "rgba(0, 0, 0, 0.5)",
@@ -685,6 +573,7 @@ declare enum ColorDarkInternal {
     Silver200 = "#0D1017",
     Silver400 = "#30373D",
     Silver500 = "#47505B",
+    Silver400Alpha30 = "rgba(48, 55, 61, 0.3)",
     Blue50 = "#0E2947",
     Blue300 = "#0070F5",
     Blue500 = "#55ADFF",
@@ -696,6 +585,7 @@ declare enum ColorDarkInternal {
     Purple500 = "#BFA0FF",
     Red50 = "#3D0A06",
     Red300 = "#E5230D",
+    Red300Aplha20 = "rgba(233, 27, 12, 0.3)",
     Red500 = "#FF6359",
     Teal50 = "#11333D",
     Teal300 = "#007EAB",
@@ -704,7 +594,7 @@ declare enum ColorDarkInternal {
     Yellow300 = "#E8671C",
     Yellow500 = "#FCA542"
 }
-declare enum ColorV2 {
+declare enum ColorDynamic {
     White = "var(--sd-white)",
     White50 = "var(--sd-white-50)",
     White40 = "var(--sd-white-40)",
@@ -799,6 +689,7 @@ declare enum ColorV2 {
     Silver200 = "var(--sd-silver-200)",
     Silver400 = "var(--sd-silver-400)",
     Silver500 = "var(--sd-silver-500)",
+    Silver400Alpha30 = "var(--sd-silver-400-alpha-30)",
     Blue50 = "var(--sd-blue-50)",
     Blue300 = "var(--sd-blue-300)",
     Blue500 = "var(--sd-blue-500)",
@@ -811,6 +702,7 @@ declare enum ColorV2 {
     Red50 = "var(--sd-red-50)",
     Red300 = "var(--sd-red-300)",
     Red500 = "var(--sd-red-500)",
+    Red300Aplha20 = "var(--sd-red-300-alpha-20)",
     Teal50 = "var(--sd-teal-50)",
     Teal300 = "var(--sd-teal-300)",
     Teal500 = "var(--sd-teal-500)",
@@ -819,9 +711,11 @@ declare enum ColorV2 {
     Yellow500 = "var(--sd-yellow-500)"
 }
 declare type ColorProp = keyof typeof Color;
-declare type ColorPropV2 = keyof typeof ColorV2;
+declare type ColorDynamicProp = keyof typeof ColorDynamic;
+declare type ColorDarkProp = keyof typeof ColorDark;
 declare function isColorProp(name: unknown): name is ColorProp;
-declare function isColorPropV2(name: unknown): name is ColorPropV2;
+declare function isColorDynamicProp(name: unknown): name is ColorDynamicProp;
+declare function isColorPropDark(name: unknown): name is ColorDarkProp;
 
 declare module '@material-ui/core/styles/overrides' {
     interface ComponentNameToClassKey {
@@ -883,4 +777,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, 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 };
+export { AdaptiveToolbar, AdaptiveToolbarDropdownItem, AdaptiveToolbarItem, AdaptiveToolbarProps, AdaptiveVerticalToolbar, AdaptiveVerticalToolbarItem, AdaptiveVerticalToolbarProps, AvatarButton, AvatarButtonClassKey, AvatarButtonProps, Button, ButtonProps, CardButton, CardButtonClassKey, CardButtonProps, CheckboxField, CheckboxFieldProps, CheckboxGroupField, CheckboxGroupFieldProps, CollapseBreakpoint, CollapseProp, Color, ColorDark, ColorDarkProp, ColorDynamic, ColorDynamicProp, 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, isColorDynamicProp, isColorProp, isColorPropDark, isEmptyReactNode, mergeRefs, parseAlignProp, parseCollapsedBelow, parseResponsiveProp, parseSpaceProp, renderChildren, useCollapseBreakpoint, useMinBreakpoint, useResizeObserver, useResponsiveContext, useResponsiveProp, useResponsivePropRecord, useResponsiveValue, useSnackbarStack, useUID, useVisibilityObserver };