@spothero/ui 25.4.0 → 25.6.0

package/dist/components/Accordion/styles/index.d.ts

@@ -19,7 +19,7 @@ export declare const accordionTheme: {
     } | undefined;
     sizes?: {
         [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("container" | "button" | "root" | "panel" | "icon")[];
+            keys: ("container" | "root" | "button" | "panel" | "icon")[];
         }>;
     } | undefined;
     variants?: {
@@ -87,7 +87,7 @@ export declare const accordionTheme: {
         variant?: "lined" | "contained" | "unstyled" | undefined;
         colorScheme?: string | undefined;
     } | undefined;
-    parts: ("container" | "button" | "root" | "panel" | "icon")[];
+    parts: ("container" | "root" | "button" | "panel" | "icon")[];
 };
 export declare const theme: Record<string, any>;
 export default theme;

package/dist/components/Badge/styles/index.d.ts

@@ -0,0 +1,78 @@
+export namespace variants {
+    namespace primary {
+        let bg: string;
+        let color: string;
+    }
+    namespace warningLight {
+        let bg_1: string;
+        export { bg_1 as bg };
+        let color_1: string;
+        export { color_1 as color };
+    }
+}
+declare const _default: {
+    baseStyle?: {
+        px: number;
+        textTransform: string;
+        fontSize: string;
+        borderRadius: string;
+        fontWeight: string;
+        bg: string;
+        color: string;
+        boxShadow: string;
+    } | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
+    } | undefined;
+    variants?: {
+        solid: (props: import("@chakra-ui/react").StyleFunctionProps) => {
+            [x: string]: string | {
+                [x: string]: string;
+            };
+            _dark: {
+                [x: string]: string;
+            };
+        };
+        subtle: (props: import("@chakra-ui/react").StyleFunctionProps) => {
+            [x: string]: string | {
+                [x: string]: string;
+            };
+            _dark: {
+                [x: string]: string;
+            };
+        };
+        outline: (props: import("@chakra-ui/react").StyleFunctionProps) => {
+            [x: string]: string | {
+                [x: string]: string;
+            };
+            _dark: {
+                [x: string]: string;
+            };
+        };
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: "outline" | "solid" | "subtle" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+} & {
+    variants: {
+        primary: {
+            bg: string;
+            color: string;
+        };
+        warningLight: {
+            bg: string;
+            color: string;
+        };
+    };
+    baseStyle: {
+        px: number;
+        textTransform: string;
+        fontSize: string;
+        borderRadius: string;
+        fontWeight: string;
+    };
+    defaultProps: {};
+};
+export default _default;

package/dist/components/Button/Button.styles.d.ts

@@ -0,0 +1,601 @@
+export function heightProps(height?: string): any;
+export namespace variants {
+    namespace primary {
+        let bg: string;
+        let borderColor: string;
+        let color: string;
+        namespace _hover {
+            export namespace _disabled {
+                let bg_1: string;
+                export { bg_1 as bg };
+                let borderColor_1: string;
+                export { borderColor_1 as borderColor };
+                let color_1: string;
+                export { color_1 as color };
+            }
+            export { hoverPrimaryColor as bg };
+            export { hoverPrimaryColor as borderColor };
+            let color_2: string;
+            export { color_2 as color };
+        }
+        namespace _active {
+            export { activePrimaryColor as bg };
+            export { activePrimaryColor as borderColor };
+            let color_3: string;
+            export { color_3 as color };
+        }
+    }
+    namespace primaryOnDark {
+        let bg_2: string;
+        export { bg_2 as bg };
+        let borderColor_2: string;
+        export { borderColor_2 as borderColor };
+        let color_4: string;
+        export { color_4 as color };
+        export namespace _hover_1 {
+            export { hoverDarkColor as bg };
+            export { hoverDarkColor as borderColor };
+            let color_5: string;
+            export { color_5 as color };
+        }
+        export { _hover_1 as _hover };
+        export namespace _focus {
+            let boxShadow: string;
+        }
+    }
+    namespace secondary {
+        let bg_3: string;
+        export { bg_3 as bg };
+        let borderColor_3: string;
+        export { borderColor_3 as borderColor };
+        let color_6: string;
+        export { color_6 as color };
+        export namespace _hover_2 {
+            export { hoverSecondaryColor as bg };
+            let color_7: string;
+            export { color_7 as color };
+        }
+        export { _hover_2 as _hover };
+        export namespace _active_1 {
+            export { activeSecondaryColor as bg };
+        }
+        export { _active_1 as _active };
+    }
+    namespace secondaryOnDark {
+        let bg_4: string;
+        export { bg_4 as bg };
+        let borderColor_4: string;
+        export { borderColor_4 as borderColor };
+        let color_8: string;
+        export { color_8 as color };
+        export namespace _hover_3 {
+            let bg_5: string;
+            export { bg_5 as bg };
+            let color_9: string;
+            export { color_9 as color };
+        }
+        export { _hover_3 as _hover };
+        export namespace _focus_1 {
+            let boxShadow_1: string;
+            export { boxShadow_1 as boxShadow };
+        }
+        export { _focus_1 as _focus };
+    }
+    namespace tertiary {
+        let bg_6: string;
+        export { bg_6 as bg };
+        export let borderWidth: string;
+        export let borderRadius: string;
+        let color_10: string;
+        export { color_10 as color };
+        export let h: string;
+        export let m: string;
+        export let minW: string;
+        export let p: string;
+        export let lineHeight: number;
+        export namespace _disabled_1 {
+            let bg_7: string;
+            export { bg_7 as bg };
+            let color_11: string;
+            export { color_11 as color };
+        }
+        export { _disabled_1 as _disabled };
+        export namespace _hover_4 {
+            export namespace _disabled_2 {
+                let color_12: string;
+                export { color_12 as color };
+            }
+            export { _disabled_2 as _disabled };
+        }
+        export { _hover_4 as _hover };
+        export namespace _active_2 {
+            export namespace _disabled_3 {
+                let color_13: string;
+                export { color_13 as color };
+            }
+            export { _disabled_3 as _disabled };
+        }
+        export { _active_2 as _active };
+    }
+    namespace tertiaryOnDark {
+        let bg_8: string;
+        export { bg_8 as bg };
+        let borderRadius_1: string;
+        export { borderRadius_1 as borderRadius };
+        let borderWidth_1: string;
+        export { borderWidth_1 as borderWidth };
+        let color_14: string;
+        export { color_14 as color };
+        let h_1: string;
+        export { h_1 as h };
+        let m_1: string;
+        export { m_1 as m };
+        let minW_1: string;
+        export { minW_1 as minW };
+        let p_1: string;
+        export { p_1 as p };
+        export namespace _disabled_4 {
+            let bg_9: string;
+            export { bg_9 as bg };
+            let color_15: string;
+            export { color_15 as color };
+            export let opacity: number;
+        }
+        export { _disabled_4 as _disabled };
+        export namespace _hover_5 {
+            let color_16: string;
+            export { color_16 as color };
+            let opacity_1: number;
+            export { opacity_1 as opacity };
+            export namespace _disabled_5 {
+                let opacity_2: number;
+                export { opacity_2 as opacity };
+            }
+            export { _disabled_5 as _disabled };
+        }
+        export { _hover_5 as _hover };
+    }
+    namespace black {
+        let bg_10: string;
+        export { bg_10 as bg };
+        let borderColor_5: string;
+        export { borderColor_5 as borderColor };
+        let color_17: string;
+        export { color_17 as color };
+        export let py: number;
+        export namespace _hover_6 {
+            export { hoverBlackColor as bg };
+            export { hoverBlackColor as borderColor };
+            let color_18: string;
+            export { color_18 as color };
+        }
+        export { _hover_6 as _hover };
+        export namespace _active_3 {
+            export { activeBlackColor as bg };
+            export { activeBlackColor as borderColor };
+            let color_19: string;
+            export { color_19 as color };
+        }
+        export { _active_3 as _active };
+    }
+    namespace blackOnDark {
+        let bg_11: string;
+        export { bg_11 as bg };
+        let borderColor_6: string;
+        export { borderColor_6 as borderColor };
+        let color_20: string;
+        export { color_20 as color };
+        let py_1: number;
+        export { py_1 as py };
+        export namespace _hover_7 {
+            export { hoverSecondaryColor as bg };
+            export { hoverSecondaryColor as borderColor };
+            let color_21: string;
+            export { color_21 as color };
+        }
+        export { _hover_7 as _hover };
+        export namespace _active_4 {
+            export { activeSecondaryColor as bg };
+            export { activeSecondaryColor as borderColor };
+            let color_22: string;
+            export { color_22 as color };
+        }
+        export { _active_4 as _active };
+        export namespace _focus_2 {
+            let boxShadow_2: string;
+            export { boxShadow_2 as boxShadow };
+        }
+        export { _focus_2 as _focus };
+    }
+    namespace destructive {
+        let bg_12: string;
+        export { bg_12 as bg };
+        let borderColor_7: string;
+        export { borderColor_7 as borderColor };
+        let color_23: string;
+        export { color_23 as color };
+        export namespace _hover_8 {
+            let borderColor_8: string;
+            export { borderColor_8 as borderColor };
+            let color_24: string;
+            export { color_24 as color };
+        }
+        export { _hover_8 as _hover };
+    }
+    namespace destructiveOnDark { }
+}
+declare const _default: {
+    baseStyle?: {
+        lineHeight: string;
+        borderRadius: string;
+        fontWeight: string;
+        transitionProperty: string;
+        transitionDuration: string;
+        _focusVisible: {
+            boxShadow: string;
+        };
+        _disabled: {
+            opacity: number;
+            cursor: string;
+            boxShadow: string;
+        };
+        _hover: {
+            _disabled: {
+                bg: string;
+            };
+        };
+    } | undefined;
+    sizes?: {
+        lg: {
+            h: string;
+            minW: string;
+            fontSize: string;
+            px: string;
+        };
+        md: {
+            h: string;
+            minW: string;
+            fontSize: string;
+            px: string;
+        };
+        sm: {
+            h: string;
+            minW: string;
+            fontSize: string;
+            px: string;
+        };
+        xs: {
+            h: string;
+            minW: string;
+            fontSize: string;
+            px: string;
+        };
+    } | undefined;
+    variants?: {
+        ghost: (props: import("@chakra-ui/react").StyleFunctionProps) => {
+            color: string;
+            _hover: {
+                bg: string;
+            };
+            _active: {
+                bg: string;
+            };
+            bg?: undefined;
+        } | {
+            color: string;
+            bg: string;
+            _hover: {
+                bg: string;
+            };
+            _active: {
+                bg: string;
+            };
+        };
+        outline: (props: import("@chakra-ui/react").StyleFunctionProps) => {
+            color: string;
+            _hover: {
+                bg: string;
+            };
+            _active: {
+                bg: string;
+            };
+            bg?: undefined;
+            border: string;
+            borderColor: string;
+            ".chakra-button__group[data-attached][data-orientation=horizontal] > &:not(:last-of-type)": {
+                marginEnd: string;
+            };
+            ".chakra-button__group[data-attached][data-orientation=vertical] > &:not(:last-of-type)": {
+                marginBottom: string;
+            };
+        } | {
+            color: string;
+            bg: string;
+            _hover: {
+                bg: string;
+            };
+            _active: {
+                bg: string;
+            };
+            border: string;
+            borderColor: string;
+            ".chakra-button__group[data-attached][data-orientation=horizontal] > &:not(:last-of-type)": {
+                marginEnd: string;
+            };
+            ".chakra-button__group[data-attached][data-orientation=vertical] > &:not(:last-of-type)": {
+                marginBottom: string;
+            };
+        };
+        solid: (props: import("@chakra-ui/react").StyleFunctionProps) => {
+            bg: string;
+            color: string;
+            _hover: {
+                bg: string;
+                _disabled: {
+                    bg: string;
+                };
+            };
+            _active: {
+                bg: string;
+            };
+        };
+        link: (props: import("@chakra-ui/react").StyleFunctionProps) => {
+            padding: number;
+            height: string;
+            lineHeight: string;
+            verticalAlign: string;
+            color: string;
+            _hover: {
+                textDecoration: string;
+                _disabled: {
+                    textDecoration: string;
+                };
+            };
+            _active: {
+                color: string;
+            };
+        };
+        unstyled: {
+            bg: string;
+            color: string;
+            display: string;
+            lineHeight: string;
+            m: string;
+            p: string;
+        };
+    } | undefined;
+    defaultProps?: {
+        size?: "md" | "xs" | "sm" | "lg" | undefined;
+        variant?: "link" | "outline" | "solid" | "ghost" | "unstyled" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+} & {
+    variants: {
+        primary: {
+            bg: string;
+            borderColor: string;
+            color: string;
+            _hover: {
+                _disabled: {
+                    bg: string;
+                    borderColor: string;
+                    color: string;
+                };
+                bg: string;
+                borderColor: string;
+                color: string;
+            };
+            _active: {
+                bg: string;
+                borderColor: string;
+                color: string;
+            };
+        };
+        primaryOnDark: {
+            bg: string;
+            borderColor: string;
+            color: string;
+            _hover: {
+                _disabled: {
+                    bg: string;
+                    borderColor: string;
+                    color: string;
+                };
+                bg: string;
+                borderColor: string;
+                color: string;
+            };
+            _focus: {
+                boxShadow: string;
+            };
+        };
+        secondary: {
+            bg: string;
+            borderColor: string;
+            color: string;
+            _hover: {
+                _disabled: {
+                    bg: string;
+                    borderColor: string;
+                    color: string;
+                };
+                bg: string;
+                color: string;
+            };
+            _active: {
+                bg: string;
+            };
+        };
+        secondaryOnDark: {
+            bg: string;
+            borderColor: string;
+            color: string;
+            _hover: {
+                _disabled: {
+                    bg: string;
+                    borderColor: string;
+                    color: string;
+                };
+                bg: string;
+                color: string;
+            };
+            _focus: {
+                boxShadow: string;
+            };
+        };
+        tertiary: {
+            bg: string;
+            borderWidth: string;
+            borderRadius: string;
+            color: string;
+            h: string;
+            m: string;
+            minW: string;
+            p: string;
+            lineHeight: number;
+            _disabled: {
+                bg: string;
+                color: string;
+            };
+            _hover: {
+                _disabled: {
+                    color: string;
+                };
+            };
+            _active: {
+                _disabled: {
+                    color: string;
+                };
+            };
+        };
+        tertiaryOnDark: {
+            bg: string;
+            borderRadius: string;
+            borderWidth: string;
+            color: string;
+            h: string;
+            m: string;
+            minW: string;
+            p: string;
+            _disabled: {
+                bg: string;
+                color: string;
+                opacity: number;
+            };
+            _hover: {
+                color: string;
+                opacity: number;
+                _disabled: {
+                    opacity: number;
+                };
+            };
+        };
+        black: {
+            bg: string;
+            borderColor: string;
+            color: string;
+            py: number;
+            _hover: {
+                _disabled: {
+                    bg: string;
+                    borderColor: string;
+                    color: string;
+                };
+                bg: string;
+                borderColor: string;
+                color: string;
+            };
+            _active: {
+                bg: string;
+                borderColor: string;
+                color: string;
+            };
+        };
+        blackOnDark: {
+            bg: string;
+            borderColor: string;
+            color: string;
+            py: number;
+            _hover: {
+                _disabled: {
+                    bg: string;
+                    borderColor: string;
+                    color: string;
+                };
+                bg: string;
+                borderColor: string;
+                color: string;
+            };
+            _active: {
+                bg: string;
+                borderColor: string;
+                color: string;
+            };
+            _focus: {
+                boxShadow: string;
+            };
+        };
+        destructive: {
+            bg: string;
+            borderColor: string;
+            color: string;
+            _hover: {
+                _disabled: {
+                    bg: string;
+                    borderColor: string;
+                    color: string;
+                };
+                borderColor: string;
+                color: string;
+            };
+        };
+        destructiveOnDark: {
+            bg: string;
+            borderColor: string;
+            color: string;
+            _hover: {
+                _disabled: {
+                    bg: string;
+                    borderColor: string;
+                    color: string;
+                };
+                borderColor: string;
+                color: string;
+            };
+        };
+    };
+    baseStyle: {
+        px: number;
+        py: number;
+        fontSize: string;
+        fontFamily: string;
+        lineHeight: number;
+        fontWeight: string;
+        borderWidth: string;
+        borderStyle: string;
+        borderRadius: string;
+        textTransform: string;
+        transition: string;
+        _disabled: {
+            cursor: string;
+            opacity: number;
+            bg: string;
+            borderColor: string;
+            color: string;
+        };
+        '& svg': {
+            display: string;
+        };
+    };
+    defaultProps: {
+        size: null;
+    };
+};
+export default _default;
+declare const hoverPrimaryColor: string;
+declare const activePrimaryColor: string;
+declare const hoverDarkColor: string;
+declare const hoverSecondaryColor: string;
+declare const activeSecondaryColor: string;
+declare const hoverBlackColor: string;
+declare const activeBlackColor: string;

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BoxProps } from '@chakra-ui/react';
+declare const Card: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
+export default Card;