@spothero/ui 25.4.0 → 25.6.0

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

@@ -0,0 +1,292 @@
+export namespace baseStyle {
+    namespace container {
+        let alignItems: string;
+    }
+    namespace control {
+        let borderRadius: string;
+        let borderWidth: string;
+        let borderColor: string;
+        let backgroundColor: string;
+        let color: string;
+        let minWidth: number;
+        let minHeight: number;
+        let marginTop: number;
+        let transition: string;
+        namespace _before {
+            export let content: string;
+            export let display: string;
+            export let position: string;
+            export let width: string;
+            export let height: string;
+            export let opacity: string;
+            let borderRadius_1: string;
+            export { borderRadius_1 as borderRadius };
+            export let background: string;
+            let transition_1: string;
+            export { transition_1 as transition };
+            export let filter: string;
+        }
+        namespace _checked {
+            let borderColor_1: string;
+            export { borderColor_1 as borderColor };
+            let color_1: string;
+            export { color_1 as color };
+            let backgroundColor_1: string;
+            export { backgroundColor_1 as backgroundColor };
+            export namespace _before_1 {
+                let width_1: number;
+                export { width_1 as width };
+                let height_1: number;
+                export { height_1 as height };
+                let opacity_1: string;
+                export { opacity_1 as opacity };
+            }
+            export { _before_1 as _before };
+        }
+        namespace _focus {
+            let boxShadow: string;
+        }
+        namespace _disabled {
+            let borderColor_2: string;
+            export { borderColor_2 as borderColor };
+            export namespace _checked_1 {
+                let backgroundColor_2: string;
+                export { backgroundColor_2 as backgroundColor };
+            }
+            export { _checked_1 as _checked };
+        }
+    }
+    namespace label {
+        export let fontSize: string;
+        let color_2: string;
+        export { color_2 as color };
+        export let marginLeft: number;
+        export namespace _disabled_1 {
+            let color_3: string;
+            export { color_3 as color };
+        }
+        export { _disabled_1 as _disabled };
+    }
+}
+declare const _default: {
+    baseStyle?: ((props: import("@chakra-ui/react").StyleFunctionProps) => {
+        label: {
+            userSelect: string;
+            _disabled: {
+                opacity: number;
+            };
+        } | undefined;
+        container: {
+            _disabled: {
+                cursor: string;
+            };
+        } | undefined;
+        control: {
+            borderRadius: string;
+            _checked: {
+                _before: {
+                    content: string;
+                    display: string;
+                    pos: string;
+                    w: string;
+                    h: string;
+                    borderRadius: string;
+                    bg: string;
+                };
+                bg?: string | undefined;
+                borderColor?: string | undefined;
+                color?: string | undefined;
+                _hover?: {
+                    bg: string;
+                    borderColor: string;
+                } | undefined;
+                _disabled?: {
+                    borderColor: string;
+                    bg: string;
+                    color: string;
+                } | undefined;
+            };
+            w?: string | undefined;
+            h?: string | undefined;
+            transitionProperty?: string | undefined;
+            transitionDuration?: string | undefined;
+            border?: string | undefined;
+            borderColor?: string | undefined;
+            color?: string | undefined;
+            _indeterminate?: {
+                bg: string;
+                borderColor: string;
+                color: string;
+            } | undefined;
+            _disabled?: {
+                bg: string;
+                borderColor: string;
+            } | undefined;
+            _focusVisible?: {
+                boxShadow: string;
+            } | undefined;
+            _invalid?: {
+                borderColor: string;
+            } | undefined;
+        };
+    }) | undefined;
+    sizes?: {
+        md: {
+            control: {
+                w: string;
+                h: string;
+            };
+            label: {
+                fontSize: string;
+            };
+        };
+        lg: {
+            control: {
+                w: string;
+                h: string;
+            };
+            label: {
+                fontSize: string;
+            };
+        };
+        sm: {
+            control: {
+                width: string;
+                height: string;
+            };
+            label: {
+                fontSize: string;
+            };
+        };
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("container" | "label" | "control")[];
+        }>;
+    } | undefined;
+    defaultProps?: {
+        size?: "md" | "sm" | "lg" | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("container" | "label" | "control")[];
+} & {
+    parts: string[];
+    baseStyle: {
+        container: {
+            alignItems: string;
+        };
+        control: {
+            borderRadius: string;
+            borderWidth: string;
+            borderColor: string;
+            backgroundColor: string;
+            color: string;
+            minWidth: number;
+            minHeight: number;
+            marginTop: number;
+            transition: string;
+            _before: {
+                content: string;
+                display: string;
+                position: string;
+                width: string;
+                height: string;
+                opacity: string;
+                borderRadius: string;
+                background: string;
+                transition: string;
+                filter: string;
+            };
+            _checked: {
+                borderColor: string;
+                color: string;
+                backgroundColor: string;
+                _before: {
+                    width: number;
+                    height: number;
+                    opacity: string;
+                };
+            };
+            _focus: {
+                boxShadow: string;
+            };
+            _disabled: {
+                borderColor: string;
+                _checked: {
+                    backgroundColor: string;
+                };
+            };
+        };
+        label: {
+            fontSize: string;
+            color: string;
+            marginLeft: number;
+            _disabled: {
+                color: string;
+            };
+        };
+    };
+    sizes: {
+        sm: {
+            control: {
+                minWidth: number;
+                minHeight: number;
+                _checked: {
+                    _before: {
+                        width: number;
+                        height: number;
+                    };
+                };
+            };
+        };
+        md: {
+            control: {
+                minWidth: number;
+                minHeight: number;
+                _checked: {
+                    _before: {
+                        width: number;
+                        height: number;
+                    };
+                };
+            };
+            label: {
+                fontSize: string;
+            };
+        };
+        lg: {
+            control: {
+                minWidth: number;
+                minHeight: number;
+                _checked: {
+                    _before: {
+                        width: number;
+                        height: number;
+                    };
+                };
+            };
+            label: {
+                fontSize: string;
+            };
+        };
+    };
+    defaultProps: {
+        size: {
+            control: {
+                minWidth: number;
+                minHeight: number;
+                _checked: {
+                    _before: {
+                        width: number;
+                        height: number;
+                    };
+                };
+            };
+            label: {
+                fontSize: string;
+            };
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,413 @@
+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;
+    };
+} & {
+    variants: {
+        refreshed: {
+            lineHeight: string;
+            width: string;
+            paddingTop: number;
+            paddingBottom: number;
+            borderRadius: string;
+            justifyContent: string;
+            minHeight: string;
+            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;