@spothero/ui 25.5.1 → 25.11.0

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

@@ -1,292 +1,58 @@
-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: {
+import type { ComponentMultiStyleConfig } from '@chakra-ui/react';
+export declare const 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;
-            _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;
+            background: string;
+            transition: string;
+            filter: string;
         };
-        control: {
-            borderRadius: string;
-            borderWidth: string;
+        _checked: {
             borderColor: string;
-            backgroundColor: string;
             color: string;
-            minWidth: number;
-            minHeight: number;
-            marginTop: number;
-            transition: string;
+            backgroundColor: string;
             _before: {
-                content: string;
-                display: string;
-                position: string;
-                width: string;
-                height: string;
+                width: number;
+                height: number;
                 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;
-            };
+        _focus: {
+            boxShadow: string;
         };
-        lg: {
-            control: {
-                minWidth: number;
-                minHeight: number;
-                _checked: {
-                    _before: {
-                        width: number;
-                        height: number;
-                    };
-                };
-            };
-            label: {
-                fontSize: string;
+        _disabled: {
+            borderColor: string;
+            _checked: {
+                backgroundColor: string;
             };
         };
     };
-    defaultProps: {
-        size: {
-            control: {
-                minWidth: number;
-                minHeight: number;
-                _checked: {
-                    _before: {
-                        width: number;
-                        height: number;
-                    };
-                };
-            };
-            label: {
-                fontSize: string;
-            };
+    label: {
+        fontSize: string;
+        color: string;
+        marginLeft: number;
+        _disabled: {
+            color: string;
         };
     };
 };
-export default _default;
+declare const radioStyle: ComponentMultiStyleConfig;
+export default radioStyle;

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

@@ -145,269 +145,7 @@ declare const _default: {
     } | 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;
-                };
-            };
-        };
+        refreshed: any;
     };
 };
 export default _default;