@spothero/ui 25.4.0 → 25.5.1

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

@@ -0,0 +1,308 @@
+declare const _default: {
+    baseStyle?: ((props: import("@chakra-ui/react").StyleFunctionProps) => {
+        root: {
+            display: string;
+        };
+        tab: {
+            flex: number | undefined;
+            transitionProperty: string;
+            transitionDuration: string;
+            _focusVisible: {
+                zIndex: number;
+                boxShadow: string;
+            };
+            _disabled: {
+                cursor: string;
+                opacity: number;
+            };
+        };
+        tablist: {
+            justifyContent: string;
+            flexDirection: string;
+        };
+        tabpanel: {
+            p: number;
+        };
+    }) | undefined;
+    sizes?: {
+        sm: {
+            tab: {
+                py: number;
+                px: number;
+                fontSize: string;
+            };
+        };
+        md: {
+            tab: {
+                fontSize: string;
+                py: number;
+                px: number;
+            };
+        };
+        lg: {
+            tab: {
+                fontSize: string;
+                py: number;
+                px: number;
+            };
+        };
+    } | undefined;
+    variants?: {
+        line: (props: import("@chakra-ui/react").StyleFunctionProps) => {
+            tablist: {
+                [x: string]: string;
+                borderColor: string;
+            };
+            tab: {
+                [x: string]: string | {
+                    [x: string]: string | {
+                        [x: string]: string;
+                    };
+                    _dark: {
+                        [x: string]: string;
+                    };
+                    borderColor: string;
+                    _active?: undefined;
+                } | {
+                    [x: string]: string | {
+                        [x: string]: string;
+                    };
+                    _dark: {
+                        [x: string]: string;
+                    };
+                    borderColor?: undefined;
+                    _active?: undefined;
+                } | {
+                    _active: {
+                        bg: string;
+                    };
+                    _dark?: undefined;
+                    borderColor?: undefined;
+                };
+                borderColor: string;
+                _selected: {
+                    [x: string]: string | {
+                        [x: string]: string;
+                    };
+                    _dark: {
+                        [x: string]: string;
+                    };
+                    borderColor: string;
+                };
+                _active: {
+                    [x: string]: string | {
+                        [x: string]: string;
+                    };
+                    _dark: {
+                        [x: string]: string;
+                    };
+                };
+                _disabled: {
+                    _active: {
+                        bg: string;
+                    };
+                };
+                color: string;
+                bg: string;
+            };
+        };
+        enclosed: (props: import("@chakra-ui/react").StyleFunctionProps) => {
+            tab: {
+                [x: string]: string | {
+                    [x: string]: string | {
+                        [x: string]: string;
+                    };
+                    _dark: {
+                        [x: string]: string;
+                    };
+                    borderColor: string;
+                    borderBottomColor: string;
+                };
+                borderTopRadius: string;
+                border: string;
+                borderColor: string;
+                mb: string;
+                _selected: {
+                    [x: string]: string | {
+                        [x: string]: string;
+                    };
+                    _dark: {
+                        [x: string]: string;
+                    };
+                    borderColor: string;
+                    borderBottomColor: string;
+                };
+                color: string;
+            };
+            tablist: {
+                mb: string;
+                borderBottom: string;
+                borderColor: string;
+            };
+        };
+        "enclosed-colored": (props: import("@chakra-ui/react").StyleFunctionProps) => {
+            tab: {
+                [x: string]: string | {
+                    [x: string]: string;
+                    marginEnd?: undefined;
+                    _dark?: undefined;
+                    borderColor?: undefined;
+                    borderTopColor?: undefined;
+                    borderBottomColor?: undefined;
+                } | {
+                    marginEnd: string;
+                    _dark?: undefined;
+                    borderColor?: undefined;
+                    borderTopColor?: undefined;
+                    borderBottomColor?: undefined;
+                } | {
+                    [x: string]: string | {
+                        [x: string]: string;
+                    };
+                    _dark: {
+                        [x: string]: string;
+                    };
+                    borderColor: string;
+                    borderTopColor: string;
+                    borderBottomColor: string;
+                    marginEnd?: undefined;
+                };
+                border: string;
+                borderColor: string;
+                _dark: {
+                    [x: string]: string;
+                };
+                mb: string;
+                _notLast: {
+                    marginEnd: string;
+                };
+                _selected: {
+                    [x: string]: string | {
+                        [x: string]: string;
+                    };
+                    _dark: {
+                        [x: string]: string;
+                    };
+                    borderColor: string;
+                    borderTopColor: string;
+                    borderBottomColor: string;
+                };
+                color: string;
+                bg: string;
+            };
+            tablist: {
+                mb: string;
+                borderBottom: string;
+                borderColor: string;
+            };
+        };
+        "soft-rounded": (props: import("@chakra-ui/react").StyleFunctionProps) => {
+            tab: {
+                borderRadius: string;
+                fontWeight: string;
+                color: string;
+                _selected: {
+                    color: any;
+                    bg: any;
+                };
+            };
+        };
+        "solid-rounded": (props: import("@chakra-ui/react").StyleFunctionProps) => {
+            tab: {
+                [x: string]: string | {
+                    [x: string]: string;
+                    _dark?: undefined;
+                } | {
+                    [x: string]: string | {
+                        [x: string]: string;
+                    };
+                    _dark: {
+                        [x: string]: string;
+                    };
+                };
+                borderRadius: string;
+                fontWeight: string;
+                _dark: {
+                    [x: string]: string;
+                };
+                _selected: {
+                    [x: string]: string | {
+                        [x: string]: string;
+                    };
+                    _dark: {
+                        [x: string]: string;
+                    };
+                };
+                color: string;
+                bg: string;
+            };
+        };
+        unstyled: {};
+    } | undefined;
+    defaultProps?: {
+        size?: "md" | "sm" | "lg" | undefined;
+        variant?: "unstyled" | "line" | "enclosed" | "enclosed-colored" | "soft-rounded" | "solid-rounded" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("root" | "tab" | "tabpanel" | "tabpanels" | "tablist" | "indicator")[];
+} & {
+    variants: {
+        line: {
+            tablist: {
+                borderBottom: string;
+                borderColor: string;
+            };
+            tab: {
+                color: string;
+                borderBottom: string;
+                borderColor: string;
+                marginBottom: string;
+                _selected: {
+                    color: string;
+                    borderColor: string;
+                    fontWeight: string;
+                };
+                _active: {
+                    color: string;
+                    bg: string;
+                };
+                _disabled: {
+                    opacity: number;
+                    cursor: string;
+                };
+                _hover: {
+                    color: string;
+                };
+            };
+        };
+        enclosed: {
+            tablist: {
+                backgroundColor: string;
+                borderRadius: string;
+                borederColor: string;
+                borderWidth: string;
+                paddingY: number;
+            };
+            tab: {
+                borderRadius: string;
+                marginX: number;
+                _selected: {
+                    fontWeight: string;
+                    color: string;
+                    backgroundColor: string;
+                    _hover: {
+                        backgroundColor: string;
+                    };
+                };
+                _active: {
+                    backgroundColor: string;
+                };
+                _disabled: {
+                    opacity: number;
+                    cursor: string;
+                };
+            };
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,30 @@
+export namespace variants {
+    namespace body {
+        namespace fontSize {
+            let base: "1rem";
+            let desktop: "1rem";
+        }
+        let lineHeight: number;
+        let fontWeight: 400;
+    }
+    namespace body2 {
+        export namespace fontSize_1 {
+            let base_1: "0.875rem";
+            export { base_1 as base };
+            let desktop_1: "0.875rem";
+            export { desktop_1 as desktop };
+        }
+        export { fontSize_1 as fontSize };
+    }
+    namespace caption {
+        export namespace fontSize_2 {
+            let base_2: "0.75rem";
+            export { base_2 as base };
+            let desktop_2: "0.75rem";
+            export { desktop_2 as desktop };
+        }
+        export { fontSize_2 as fontSize };
+    }
+}
+declare const _default: any;
+export default _default;

package/dist/components/styles.d.ts

@@ -0,0 +1,26 @@
+export { default as List } from './List/styles';
+export { default as Table } from './Table/Table.styles';
+export { default as Text } from './Text/Text.styles';
+export { default as Link } from './Link/Link.styles';
+export { default as Accordion } from './Accordion/styles';
+export { default as Button } from './Button/Button.styles';
+export { default as GridItem } from './Grid/GridItem.styles';
+export { default as Spinner } from './Spinner/Spinner.styles';
+export { default as Heading } from './Heading/Heading.styles';
+export { default as Divider } from './Divider/Divider.styles';
+export { default as Tabs } from './Tabs/styles';
+export { default as Select } from './Select/styles';
+export { default as Checkbox } from './Checkbox/styles';
+export { default as Switch } from './Switch/styles';
+export { default as Popover } from './Popover/styles';
+export { default as Input } from './Input/styles';
+export { default as InputRefreshed } from './RefreshedInput/Input/styles';
+export { default as SelectRefreshed } from './RefreshedInput/Select/styles';
+export { default as ButtonRefreshed } from './RefreshedInput/Button/styles';
+export { default as Modal } from './Modal/styles';
+export { default as Radio } from './Radio/styles';
+export { default as Skeleton } from './Skeleton/Skeleton.styles';
+export { default as Badge } from './Badge/styles';
+export { default as Drawer } from './Drawer/styles';
+export { default as Progress } from './Progress/Progress.styles';
+export { default as Menu } from './Menu/Menu.styles';