@spothero/ui 25.4.0 → 25.6.0

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

@@ -0,0 +1,217 @@
+declare const _default: {
+    baseStyle?: {
+        addon: {
+            height: string;
+            fontSize: string;
+            px: string;
+            borderRadius: string;
+        };
+        field: {
+            width: string;
+            height: string;
+            fontSize: string;
+            px: string;
+            borderRadius: string;
+            minWidth: number;
+            outline: number;
+            position: string;
+            appearance: string;
+            transitionProperty: string;
+            transitionDuration: string;
+            _disabled: {
+                opacity: number;
+                cursor: string;
+            };
+        };
+    } | undefined;
+    sizes?: {
+        lg: {
+            field: {
+                [x: string]: string;
+            };
+            group: {
+                [x: string]: string;
+            };
+        };
+        md: {
+            field: {
+                [x: string]: string;
+            };
+            group: {
+                [x: string]: string;
+            };
+        };
+        sm: {
+            field: {
+                [x: string]: string;
+            };
+            group: {
+                [x: string]: string;
+            };
+        };
+        xs: {
+            field: {
+                [x: string]: string;
+            };
+            group: {
+                [x: string]: string;
+            };
+        };
+    } | undefined;
+    variants?: {
+        outline: (props: import("@chakra-ui/react").StyleFunctionProps) => {
+            field: {
+                border: string;
+                borderColor: string;
+                bg: string;
+                _hover: {
+                    borderColor: string;
+                };
+                _readOnly: {
+                    boxShadow: string;
+                    userSelect: string;
+                };
+                _invalid: {
+                    borderColor: any;
+                    boxShadow: string;
+                };
+                _focusVisible: {
+                    zIndex: number;
+                    borderColor: any;
+                    boxShadow: string;
+                };
+            };
+            addon: {
+                border: string;
+                borderColor: string;
+                bg: string;
+            };
+        };
+        filled: (props: import("@chakra-ui/react").StyleFunctionProps) => {
+            field: {
+                border: string;
+                borderColor: string;
+                bg: string;
+                _hover: {
+                    bg: string;
+                };
+                _readOnly: {
+                    boxShadow: string;
+                    userSelect: string;
+                };
+                _invalid: {
+                    borderColor: any;
+                };
+                _focusVisible: {
+                    bg: string;
+                    borderColor: any;
+                };
+            };
+            addon: {
+                border: string;
+                borderColor: string;
+                bg: string;
+            };
+        };
+        flushed: (props: import("@chakra-ui/react").StyleFunctionProps) => {
+            field: {
+                borderBottom: string;
+                borderColor: string;
+                borderRadius: string;
+                px: string;
+                bg: string;
+                _readOnly: {
+                    boxShadow: string;
+                    userSelect: string;
+                };
+                _invalid: {
+                    borderColor: any;
+                    boxShadow: string;
+                };
+                _focusVisible: {
+                    borderColor: any;
+                    boxShadow: string;
+                };
+            };
+            addon: {
+                borderBottom: string;
+                borderColor: string;
+                borderRadius: string;
+                px: string;
+                bg: string;
+            };
+        };
+        unstyled: {
+            field: {
+                bg: string;
+                px: string;
+                height: string;
+            };
+            addon: {
+                bg: string;
+                px: string;
+                height: string;
+            };
+        };
+    } | undefined;
+    defaultProps?: {
+        size?: "md" | "xs" | "sm" | "lg" | undefined;
+        variant?: "outline" | "filled" | "unstyled" | "flushed" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("element" | "group" | "addon" | "field")[];
+} & {
+    baseStyle: {
+        field: {
+            fontFamily: string;
+            _placeholder: {
+                color: string;
+                fontWeight: string;
+                _disabled: {
+                    color: string;
+                    opacity: number;
+                };
+            };
+        };
+    };
+    variants: {
+        outline: {
+            field: {
+                border: string;
+                borderColor: string;
+                fontSize: string;
+                paddingLeft: number;
+                paddingRight: number;
+                bg: string;
+                fontWeight: string;
+                boxShadow: string;
+                _placeholder: {
+                    color: string;
+                    fontWeight: string;
+                };
+                _focus: {
+                    borderColor: string;
+                };
+                _hover: {
+                    borderColor: string;
+                };
+                _readOnly: {
+                    boxShadow: string;
+                    userSelect: string;
+                };
+                _disabled: {
+                    backgroundColor: string;
+                    opacity: number;
+                    cursor: string;
+                };
+                _invalid: {
+                    borderColor: string;
+                    _focus: {
+                        borderColor: string;
+                    };
+                };
+            };
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,102 @@
+export namespace variants {
+    export { baseStyle as standard };
+    export { linkOnDark as onDark };
+}
+declare const _default: {
+    baseStyle?: {
+        transitionProperty: string;
+        transitionDuration: string;
+        transitionTimingFunction: string;
+        cursor: string;
+        textDecoration: string;
+        outline: string;
+        color: string;
+        _hover: {
+            textDecoration: string;
+        };
+        _focusVisible: {
+            boxShadow: string;
+        };
+    } | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+} & {
+    baseStyle: {
+        transition: string;
+        color: string;
+        fontWeight: string;
+        _hover: {
+            color: string;
+            textDecoration: string;
+        };
+        _focus: {
+            boxShadow: string;
+        };
+        '& svg': {
+            d: string;
+            verticalAlign: string;
+        };
+    };
+    variants: {
+        standard: {
+            transition: string;
+            color: string;
+            fontWeight: string;
+            _hover: {
+                color: string;
+                textDecoration: string;
+            };
+            _focus: {
+                boxShadow: string;
+            };
+            '& svg': {
+                d: string;
+                verticalAlign: string;
+            };
+        };
+        onDark: {
+            color: string;
+            _hover: {
+                color: string;
+                opacity: string;
+            };
+        };
+    };
+    defaultProps: {
+        variant: string;
+    };
+};
+export default _default;
+declare const baseStyle: {
+    transition: string;
+    color: string;
+    fontWeight: string;
+    _hover: {
+        color: string;
+        textDecoration: string;
+    };
+    _focus: {
+        boxShadow: string;
+    };
+    '& svg': {
+        d: string;
+        verticalAlign: string;
+    };
+};
+declare namespace linkOnDark {
+    let color: string;
+    namespace _hover {
+        let color_1: string;
+        export { color_1 as color };
+        export let opacity: string;
+    }
+}

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

@@ -0,0 +1,32 @@
+declare const _default: {
+    baseStyle?: {
+        icon: {
+            marginEnd: string;
+            display: string;
+            verticalAlign: string;
+        };
+    } | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("container" | "icon" | "item")[];
+        }>;
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("container" | "icon" | "item")[];
+        }>;
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("container" | "icon" | "item")[];
+} & {
+    baseStyle: {
+        item: {
+            mb: number;
+        };
+    };
+};
+export default _default;

package/dist/components/List/styles/item.styles.d.ts

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

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

@@ -0,0 +1,258 @@
+declare const _default: {
+    baseStyle?: {
+        button: {
+            transitionProperty: string;
+            transitionDuration: string;
+        };
+        list: {
+            [x: string]: string | number | {
+                [x: string]: string;
+            };
+            _dark: {
+                [x: string]: string;
+            };
+            color: string;
+            minW: string;
+            py: string;
+            zIndex: number;
+            borderRadius: string;
+            borderWidth: string;
+            bg: string;
+            boxShadow: string;
+        };
+        item: {
+            py: string;
+            px: string;
+            transitionProperty: string;
+            transitionDuration: string;
+            transitionTimingFunction: string;
+            _focus: {
+                [x: string]: string | {
+                    [x: string]: string;
+                };
+                _dark: {
+                    [x: string]: string;
+                };
+            };
+            _active: {
+                [x: string]: string | {
+                    [x: string]: string;
+                };
+                _dark: {
+                    [x: string]: string;
+                };
+            };
+            _expanded: {
+                [x: string]: string | {
+                    [x: string]: string;
+                };
+                _dark: {
+                    [x: string]: string;
+                };
+            };
+            _disabled: {
+                opacity: number;
+                cursor: string;
+            };
+            bg: string;
+        };
+        groupTitle: {
+            mx: number;
+            my: number;
+            fontWeight: string;
+            fontSize: string;
+        };
+        icon: {
+            display: string;
+            alignItems: string;
+            justifyContent: string;
+            flexShrink: number;
+        };
+        command: {
+            opacity: number;
+        };
+        divider: {
+            border: number;
+            borderBottom: string;
+            borderColor: string;
+            my: string;
+            opacity: number;
+        };
+    } | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("button" | "icon" | "item" | "list" | "groupTitle" | "command" | "divider")[];
+        }>;
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("button" | "icon" | "item" | "list" | "groupTitle" | "command" | "divider")[];
+        }>;
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("button" | "icon" | "item" | "list" | "groupTitle" | "command" | "divider")[];
+} & {
+    baseStyle: {
+        button: {
+            px: number;
+            py: number;
+            fontSize: string;
+            fontFamily: string;
+            lineHeight: number;
+            fontWeight: string;
+            borderWidth: string;
+            borderStyle: string;
+            borderRadius: string;
+            textTransform: string;
+            transition: string;
+            _hover: {
+                bg: string;
+                borderColor: string;
+            };
+            _disabled: {
+                cursor: string;
+                opacity: number;
+                bg: string;
+                borderColor: string;
+                color: string;
+            };
+            _focus: {
+                zIndex: number;
+                boxShadow: string;
+            };
+        };
+        list: {
+            bg: string;
+            boxShadow: string;
+            padding: number;
+            zIndex: string;
+            width: number;
+        };
+        item: {
+            paddingX: number;
+            paddingY: number;
+            _focus: {
+                zIndex: number;
+                boxShadow: string;
+            };
+        };
+        groupTitle: {
+            fontWeight: string;
+            color: string;
+            padding: number;
+        };
+        command: {
+            opacity: string;
+            fontFamily: string;
+            fontSize: string;
+            letterSpacing: string;
+            paddingL: number;
+        };
+        divider: {
+            marginY: number;
+            borderColor: string;
+        };
+    };
+    variants: {
+        basic: {
+            button: {
+                bg: string;
+                borderColor: string;
+                color: string;
+                _hover: {
+                    bg: string;
+                    borderColor: string;
+                    color: string;
+                    _disabled: {
+                        bg: string;
+                        borderColor: string;
+                        color: string;
+                    };
+                };
+            };
+            list: {
+                bg: string;
+                boxShadow: string;
+                zIndex: string;
+                borderColor: string;
+                borderWidth: string;
+                borderStyle: string;
+                borderRadius: string;
+                padding: number;
+                width: number;
+            };
+            groupTitle: {
+                fontWeight: string;
+                fontSize: string;
+                color: string;
+                padding: number;
+            };
+            item: {
+                fontWeight: string;
+                _hover: {
+                    color: string;
+                };
+            };
+        };
+        full: {
+            button: {
+                height: number;
+                fontSize: string;
+                fontWeight: string;
+                color: string;
+                borderColor: string;
+                backgroundColor: string;
+                borderRadius: string;
+                paddingX: number;
+                paddingY: string;
+                _hover: {
+                    color: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                };
+                _active: {
+                    color: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                    _hover: {
+                        color: string;
+                        backgroundColor: string;
+                        borderColor: string;
+                    };
+                };
+            };
+            list: {
+                height: string;
+                width: string;
+                padding: number;
+                backgroundColor: string;
+            };
+            groupTitle: {
+                fontSize: string;
+                weight: string;
+                color: string;
+            };
+            item: {
+                display: string;
+                paddingX: number;
+                paddingY: number;
+                marginBottom: number;
+                _last: {
+                    marginBottom: number;
+                };
+                _hover: {
+                    backgroundColor: string;
+                };
+                _focus: {
+                    boxShadow: string;
+                    backgroundColor: string;
+                };
+            };
+        };
+    };
+};
+export default _default;

package/dist/components/Modal/styles/body.d.ts

@@ -0,0 +1,30 @@
+declare function _default({ hasFooter, hasHeader, hideCloseButton }: {
+    hasFooter: any;
+    hasHeader: any;
+    hideCloseButton: any;
+}): {
+    background: string;
+    backgroundRepeat: string;
+    backgroundColor: string;
+    backgroundSize: string;
+    backgroundAttachment: string;
+    borderBottomRadius: string | null;
+    paddingX: number;
+    paddingBottom: number;
+    flex: number;
+    overflow: string;
+    display: string;
+} | {
+    background?: undefined;
+    backgroundRepeat?: undefined;
+    backgroundColor?: undefined;
+    backgroundSize?: undefined;
+    backgroundAttachment?: undefined;
+    borderBottomRadius: string | null;
+    paddingX: number;
+    paddingBottom: number;
+    flex: number;
+    overflow: string;
+    display: string;
+};
+export default _default;

package/dist/components/Modal/styles/closeButton.d.ts

@@ -0,0 +1,18 @@
+declare function _default({ hasHeader }: {
+    hasHeader: any;
+}): {
+    position: string;
+    top: number;
+    insetEnd: number;
+    color: string;
+    borderRadius: string;
+    width: number;
+    height: number;
+    _focus: {
+        boxShadow: string;
+    };
+    _hover: {
+        bg: string;
+    };
+};
+export default _default;

package/dist/components/Modal/styles/dialog.d.ts

@@ -0,0 +1,16 @@
+declare function _default({ hasFooter }: {
+    hasFooter: any;
+}): {
+    borderRadius: string;
+    borderBottomRadius: {
+        base: string;
+        tablet: string;
+    };
+    background: string;
+    color: string;
+    marginY: number;
+    zIndex: string;
+    boxShadow: string;
+    paddingBottom: number;
+};
+export default _default;

package/dist/components/Modal/styles/dialogContainer.d.ts

@@ -0,0 +1,12 @@
+declare namespace _default {
+    let display: string;
+    let zIndex: string;
+    let justifyContent: string;
+    namespace alignItems {
+        let base: string;
+        let tablet: string;
+    }
+    let height: string;
+    let minHeight: string;
+}
+export default _default;

package/dist/components/Modal/styles/footer.d.ts

@@ -0,0 +1,6 @@
+declare namespace _default {
+    let borderTop: string;
+    let borderColor: string;
+    let padding: number;
+}
+export default _default;