@spothero/ui 25.2.0 → 25.5.1

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

@@ -0,0 +1,10 @@
+declare function _default({ hideCloseButton, hasHeader }: {
+    hideCloseButton: any;
+    hasHeader: any;
+}): {
+    padding: number;
+    fontSize: string;
+    fontWeight: string;
+    minHeight: number | null;
+};
+export default _default;

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

@@ -0,0 +1,227 @@
+declare const _default: {
+    baseStyle?: ((props: import("@chakra-ui/react").StyleFunctionProps) => {
+        overlay: {
+            bg: string;
+            zIndex: string;
+        };
+        dialogContainer: {
+            display: string;
+            zIndex: string;
+            justifyContent: string;
+            alignItems: string;
+            overflow: string;
+            overscrollBehaviorY: string;
+        };
+        dialog: {
+            [x: string]: string | {
+                [x: string]: string;
+            } | undefined;
+            borderRadius: string;
+            color: string;
+            my: string;
+            mx: string | undefined;
+            zIndex: string;
+            maxH: string | undefined;
+            _dark: {
+                [x: string]: string;
+            };
+            bg: string;
+            boxShadow: string;
+        };
+        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 | undefined;
+        };
+        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;
+            };
+        };
+        "2xl": {
+            dialog: {
+                maxW: string;
+            };
+        };
+        "3xl": {
+            dialog: {
+                maxW: string;
+            };
+        };
+        "4xl": {
+            dialog: {
+                maxW: string;
+            };
+        };
+        "5xl": {
+            dialog: {
+                maxW: string;
+            };
+        };
+        "6xl": {
+            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" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("overlay" | "dialogContainer" | "dialog" | "header" | "closeButton" | "body" | "footer")[];
+} & {
+    baseStyle: (props: any) => {
+        overlay: {
+            background: string;
+            zIndex: string;
+        };
+        dialogContainer: {
+            display: string;
+            zIndex: string;
+            justifyContent: string;
+            alignItems: {
+                base: string;
+                tablet: string;
+            };
+            height: string;
+            minHeight: string;
+        };
+        header: {
+            padding: number;
+            fontSize: string;
+            fontWeight: string;
+            minHeight: number | null;
+        };
+        dialog: {
+            borderRadius: string;
+            borderBottomRadius: {
+                base: string;
+                tablet: string;
+            };
+            background: string;
+            color: string;
+            marginY: number;
+            zIndex: string;
+            boxShadow: string;
+            paddingBottom: number;
+        };
+        closeButton: {
+            position: string;
+            top: number;
+            insetEnd: number;
+            color: string;
+            borderRadius: string;
+            width: number;
+            height: number;
+            _focus: {
+                boxShadow: string;
+            };
+            _hover: {
+                bg: string;
+            };
+        };
+        body: {
+            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;
+        };
+        footer: {
+            borderTop: string;
+            borderColor: string;
+            padding: number;
+        };
+    };
+    sizes: {
+        sm: {
+            dialog: {
+                maxWidth: string[];
+                maxHeight: string[];
+                minHeight: string[];
+            };
+        };
+        md: {
+            dialog: {
+                maxWidth: string[];
+                maxHeight: string[];
+                minHeight: string[];
+            };
+        };
+        lg: {
+            dialog: {
+                maxWidth: string[];
+                maxHeight: string[];
+                minHeight: string[];
+            };
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,5 @@
+declare namespace _default {
+    let background: string;
+    let zIndex: string;
+}
+export default _default;

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

@@ -0,0 +1,100 @@
+declare const _default: {
+    baseStyle?: {
+        popper: {
+            zIndex: number;
+        };
+        content: {
+            [x: string]: string | {
+                [x: string]: string;
+                outline?: undefined;
+                boxShadow?: undefined;
+            } | {
+                outline: number;
+                boxShadow: string;
+            };
+            bg: string;
+            _dark: {
+                [x: string]: string;
+            };
+            width: string;
+            border: string;
+            borderColor: string;
+            borderRadius: string;
+            boxShadow: string;
+            zIndex: string;
+            _focusVisible: {
+                outline: number;
+                boxShadow: string;
+            };
+        };
+        header: {
+            px: number;
+            py: number;
+            borderBottomWidth: string;
+        };
+        body: {
+            px: number;
+            py: number;
+        };
+        footer: {
+            px: number;
+            py: number;
+            borderTopWidth: string;
+        };
+        closeButton: {
+            position: string;
+            borderRadius: string;
+            top: number;
+            insetEnd: number;
+            padding: number;
+        };
+    } | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("content" | "header" | "closeButton" | "body" | "footer" | "popper" | "arrow")[];
+        }>;
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("content" | "header" | "closeButton" | "body" | "footer" | "popper" | "arrow")[];
+        }>;
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("content" | "header" | "closeButton" | "body" | "footer" | "popper" | "arrow")[];
+} & {
+    parts: string[];
+    baseStyle: (props: any) => {
+        header: {
+            marginBottom: number;
+            fontWeight: string;
+        };
+        content: {
+            padding: number;
+            marginBottom: number;
+            maxWidth: string;
+            borderRadius: string;
+            background: string;
+            boxShadow: string;
+            color: string;
+            borderColor: string;
+            borderWidth: string;
+            borderStyle: string;
+            '--popper-arrow-shadow-color': (t: any) => any;
+            zIndex: string;
+            _focusVisible: {
+                outline: string;
+            };
+        };
+        body: {
+            fontSize: string;
+        };
+        popper: {
+            borderRadius: string;
+        };
+    };
+};
+export default _default;

package/dist/components/Popover/styles/popover-body.d.ts

@@ -0,0 +1,4 @@
+export default body;
+declare function body(props: any): {
+    fontSize: string;
+};

package/dist/components/Popover/styles/popover-content.d.ts

@@ -0,0 +1,20 @@
+export default popoverContentStyles;
+declare function popoverContentStyles({ variant }: {
+    variant: any;
+}): {
+    padding: number;
+    marginBottom: number;
+    maxWidth: string;
+    borderRadius: string;
+    background: string;
+    boxShadow: string;
+    color: string;
+    borderColor: string;
+    borderWidth: string;
+    borderStyle: string;
+    '--popper-arrow-shadow-color': (t: any) => any;
+    zIndex: string;
+    _focusVisible: {
+        outline: string;
+    };
+};

package/dist/components/Popover/styles/popover-header.d.ts

@@ -0,0 +1,5 @@
+export default headerStyles;
+declare namespace headerStyles {
+    let marginBottom: number;
+    let fontWeight: string;
+}

package/dist/components/Popover/styles/popper.d.ts

@@ -0,0 +1,4 @@
+export default popperStyles;
+declare namespace popperStyles {
+    let borderRadius: string;
+}

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

@@ -0,0 +1,75 @@
+declare const _default: {
+    defaultProps: {
+        size: string;
+        colorScheme: string;
+        variant: string;
+    };
+    variants: {
+        outlined: (props: any) => {
+            track: {
+                bg: string;
+                borderWidth: string;
+                borderColor: any;
+            };
+        };
+        solid: (props: any) => {
+            track: {
+                bg: any;
+            };
+        };
+    };
+    sizes: {
+        xl: {
+            track: {
+                height: number;
+            };
+        };
+        lg: {
+            track: {
+                height: number;
+            };
+        };
+        md: {
+            track: {
+                height: number;
+            };
+        };
+        sm: {
+            track: {
+                height: number;
+            };
+        };
+        xs: {
+            track: {
+                height: number;
+            };
+        };
+    };
+    baseStyle: (props: any) => {
+        label: {
+            lineHeight: string;
+            fontSize: string;
+            fontWeight: string;
+            color: string;
+        };
+        filledTrack: any;
+        track: {
+            bg: string;
+        };
+    } & {
+        filledTrack: {
+            backgroundImage: string;
+            borderRightRadius: string;
+        } | {
+            backgroundColor: any;
+            backgroundImage?: string | undefined;
+            borderRightRadius: string;
+        };
+        track: {
+            borderRightRadius: string;
+            borderLeftRadius: string;
+        };
+    };
+    parts: ("label" | "filledTrack" | "track")[];
+};
+export default _default;