@spothero/ui 25.4.0 → 25.6.0

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

@@ -0,0 +1,200 @@
+declare const _default: {
+    baseStyle?: ((props: import("@chakra-ui/react").StyleFunctionProps) => {
+        icon: {
+            transitionProperty: string;
+            transitionDuration: string;
+        };
+        container: {
+            _disabled: {
+                cursor: string;
+            };
+        };
+        control: {
+            w: string;
+            h: string;
+            transitionProperty: string;
+            transitionDuration: string;
+            border: string;
+            borderRadius: string;
+            borderColor: string;
+            color: string;
+            _checked: {
+                bg: string;
+                borderColor: string;
+                color: string;
+                _hover: {
+                    bg: string;
+                    borderColor: string;
+                };
+                _disabled: {
+                    borderColor: string;
+                    bg: string;
+                    color: string;
+                };
+            };
+            _indeterminate: {
+                bg: string;
+                borderColor: string;
+                color: string;
+            };
+            _disabled: {
+                bg: string;
+                borderColor: string;
+            };
+            _focusVisible: {
+                boxShadow: string;
+            };
+            _invalid: {
+                borderColor: string;
+            };
+        };
+        label: {
+            userSelect: string;
+            _disabled: {
+                opacity: number;
+            };
+        };
+    }) | undefined;
+    sizes?: {
+        sm: {
+            control: {
+                [x: string]: string;
+            };
+            label: {
+                fontSize: string;
+            };
+            icon: {
+                fontSize: string;
+            };
+        };
+        md: {
+            control: {
+                [x: string]: string;
+            };
+            label: {
+                fontSize: string;
+            };
+            icon: {
+                fontSize: string;
+            };
+        };
+        lg: {
+            control: {
+                [x: string]: string;
+            };
+            label: {
+                fontSize: string;
+            };
+            icon: {
+                fontSize: string;
+            };
+        };
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("container" | "icon" | "label" | "control")[];
+        }>;
+    } | undefined;
+    defaultProps?: {
+        size?: "md" | "sm" | "lg" | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("container" | "icon" | "label" | "control")[];
+} & {
+    baseStyle: {
+        container: {
+            _disabled: {
+                cursor: string;
+            };
+        };
+        control: {
+            borderWidth: number;
+            borderStyle: string;
+            borderImage: string;
+            borderRadius: string;
+            borderColor: string;
+            transition: string;
+            marginTop: number;
+            _readOnly: {
+                boxShadow: string;
+                userSelect: string;
+            };
+            _disabled: {
+                cursor: string;
+                userSelect: string;
+                borderColor: string;
+            };
+            _focus: {
+                zIndex: number;
+                boxShadow: string;
+            };
+            _checked: {
+                borderColor: string;
+                backgroundColor: string;
+                _hover: {
+                    borderColor: string;
+                    backgroundColor: string;
+                };
+                _disabled: {
+                    borderColor: string;
+                    backgroundColor: string;
+                };
+            };
+            '& svg': {
+                filter: string;
+            };
+        };
+        label: {
+            _disabled: {
+                color: string;
+                cursor: string;
+            };
+        };
+        icon: {
+            color: string;
+        };
+    };
+    sizes: {
+        sm: {
+            control: {
+                marginTop: string;
+                width: number;
+                height: number;
+            };
+            icon: {
+                width: number;
+                height: number;
+            };
+        };
+        md: {
+            control: {
+                marginTop: number;
+                width: number;
+                height: number;
+            };
+            icon: {
+                width: number;
+                height: number;
+            };
+            label: {
+                fontSize: string;
+            };
+        };
+        lg: {
+            control: {
+                marginTop: number;
+                width: number;
+                height: number;
+            };
+            icon: {
+                width: number;
+                height: number;
+            };
+            label: {
+                fontSize: string;
+            };
+        };
+    };
+};
+export default _default;

package/dist/components/Container/Container.d.ts

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

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

@@ -0,0 +1,10 @@
+declare const styles: {
+    px: number;
+    mx: string;
+    maxW: {
+        base: string;
+        tablet: string;
+        desktop: string;
+    };
+};
+export default styles;

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { DividerProps as ChakraDividerProps } from '@chakra-ui/react';
+type ColorScheme = 'low' | 'medium';
+interface DividerProps extends Omit<ChakraDividerProps, 'colorScheme'> {
+    /** Color scheme used */
+    colorScheme?: ColorScheme;
+    /** The styling that will be applied to the HR tag */
+    variant?: 'solid' | 'dashed';
+}
+declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLHRElement>>;
+export default Divider;

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

@@ -0,0 +1,40 @@
+export declare const colorScheme: {
+    low: {
+        borderColor: string;
+    };
+    medium: {
+        borderColor: string;
+    };
+};
+declare const _default: {
+    baseStyle?: {
+        opacity: number;
+        borderColor: string;
+    } | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
+    } | undefined;
+    variants?: {
+        solid: {
+            borderStyle: string;
+        };
+        dashed: {
+            borderStyle: string;
+        };
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: "dashed" | "solid" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+} & {
+    colorScheme: {
+        low: {
+            borderColor: string;
+        };
+        medium: {
+            borderColor: string;
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,149 @@
+declare const _default: {
+    baseStyle?: ((props: import("@chakra-ui/react").StyleFunctionProps) => {
+        overlay: {
+            bg: string;
+            zIndex: string;
+        };
+        dialogContainer: {
+            display: string;
+            zIndex: string;
+            justifyContent: string;
+        };
+        dialog: any;
+        header: {
+            px: string;
+            py: string;
+            fontSize: string;
+            fontWeight: string;
+        };
+        closeButton: {
+            position: string;
+            top: string;
+            insetEnd: string;
+        };
+        body: {
+            px: string;
+            py: string;
+            flex: string;
+            overflow: string;
+        };
+        footer: {
+            px: string;
+            py: string;
+        };
+    }) | undefined;
+    sizes?: {
+        xs: {
+            dialog: {
+                maxW: string;
+            };
+        };
+        sm: {
+            dialog: {
+                maxW: string;
+            };
+        };
+        md: {
+            dialog: {
+                maxW: string;
+            };
+        };
+        lg: {
+            dialog: {
+                maxW: string;
+            };
+        };
+        xl: {
+            dialog: {
+                maxW: string;
+            };
+        };
+        full: {
+            dialog: {
+                maxW: string;
+            };
+        };
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("overlay" | "dialogContainer" | "dialog" | "header" | "closeButton" | "body" | "footer")[];
+        }>;
+    } | undefined;
+    defaultProps?: {
+        size?: "md" | "full" | "xs" | "sm" | "lg" | "xl" | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("overlay" | "dialogContainer" | "dialog" | "header" | "closeButton" | "body" | "footer")[];
+} & {
+    defaultProps: {
+        size: string;
+    };
+    baseStyle: (props: any) => {
+        body: {
+            overflowY: string;
+            padding: number;
+            paddingBottom: number;
+        };
+        footer: {
+            padding: number;
+            backgroundColor: string;
+            position: string;
+            bottom: number;
+            width: string;
+        };
+        header: {
+            paddingY: number;
+            paddingX: number;
+            borderBottom: string;
+            borderBottomColor: string;
+            display: string;
+            gridGap: number;
+            alignItems: string;
+            justifyContent: string;
+            fontWeight: string;
+        };
+        dialog: {
+            backgroundColor: string;
+            boxShadow: string;
+        };
+        closeButton: {
+            width: number;
+            height: number;
+            fontSize: string;
+            background: string;
+            borderRadius: string;
+            display: string;
+            alignItems: string;
+            justifyContent: string;
+            flexShrink: number;
+            transitionProperty: string;
+            transitionDuration: string;
+            outline: string;
+            outlineOffset: string;
+            color: string;
+            _hover: {
+                color: string;
+                background: string;
+            };
+            _focus: {
+                outlineColor: string;
+            };
+        };
+        dialogContainer: {
+            zIndex: string;
+            backgroundColor: string;
+        };
+    };
+    sizes: {
+        xs: {
+            dialog: {
+                maxWidth: {
+                    base: string;
+                    mobileXL: number;
+                };
+            };
+        };
+    };
+};
+export default _default;

package/dist/components/FormControl/FormControl.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { FormControlProps as ChakraFormControlProps } from '@chakra-ui/react';
+interface FormControlProps extends ChakraFormControlProps {
+    inputId: string;
+    label?: string;
+    helperText?: string;
+    errorMessage?: string;
+    isFieldset?: boolean;
+    isOptional?: boolean;
+    customRequiredText?: string;
+}
+declare const FormControl: React.ForwardRefExoticComponent<FormControlProps & React.RefAttributes<HTMLDivElement>>;
+export default FormControl;

package/dist/components/Grid/GridItem.styles.d.ts

@@ -0,0 +1,4 @@
+export default styles;
+declare namespace styles {
+    let colSpan: number;
+}

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

@@ -0,0 +1,66 @@
+export namespace variants {
+    namespace h1 {
+        namespace fontSize {
+            let base: "2rem";
+            let desktop: "2.5rem";
+        }
+        let lineHeight: number;
+        let fontWeight: 600;
+    }
+    namespace h2 {
+        export namespace fontSize_1 {
+            let base_1: "1.5rem";
+            export { base_1 as base };
+            let desktop_1: "2rem";
+            export { desktop_1 as desktop };
+        }
+        export { fontSize_1 as fontSize };
+    }
+    namespace h3 {
+        export namespace fontSize_2 {
+            let base_2: "1.25rem";
+            export { base_2 as base };
+            let desktop_2: "1.5rem";
+            export { desktop_2 as desktop };
+        }
+        export { fontSize_2 as fontSize };
+    }
+    namespace h4 {
+        export namespace fontSize_3 {
+            let base_3: "1rem";
+            export { base_3 as base };
+            let desktop_3: "1.25rem";
+            export { desktop_3 as desktop };
+        }
+        export { fontSize_3 as fontSize };
+    }
+    namespace h5 {
+        export namespace fontSize_4 {
+            let base_4: "1rem";
+            export { base_4 as base };
+            let desktop_4: "1rem";
+            export { desktop_4 as desktop };
+        }
+        export { fontSize_4 as fontSize };
+    }
+    namespace h6 {
+        export namespace fontSize_5 {
+            let base_5: "0.875rem";
+            export { base_5 as base };
+            let desktop_5: "0.875rem";
+            export { desktop_5 as desktop };
+        }
+        export { fontSize_5 as fontSize };
+    }
+}
+declare namespace _default {
+    export { variants };
+    export { baseStyle };
+    export { defaultProps };
+}
+export default _default;
+declare namespace baseStyle { }
+declare namespace defaultProps {
+    import variant = variants.h2;
+    export { variant };
+}

package/dist/components/Icon/Icon.d.ts

@@ -1 +1 @@
-export { Icon as default } from "@chakra-ui/react";
+export { Icon as default } from '@chakra-ui/react';