@spothero/ui 25.5.1 → 25.11.0

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

@@ -1,93 +1,17 @@
-export declare const accordionTheme: {
-    baseStyle?: {
-        icon: {
-            color: string;
-        };
-        button: {
-            display: string;
-            gridGap: number;
-            alignItems: string;
-            fontSize: string;
-            fontWeight: string;
-            _hover: {
-                backgroundColor: string;
-            };
-        };
-        container: {
-            borderColor: string;
-        };
-    } | undefined;
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("container" | "root" | "button" | "panel" | "icon")[];
-        }>;
-    } | undefined;
-    variants?: {
-        lined: {
-            button: {
-                px: number;
-                py: number;
-            };
-            container: {
-                borderTopWidth: number;
-                _last: {
-                    borderBottomWidth: number;
-                };
-            };
-            panel: {
-                px: number;
-                py: number;
-            };
-        };
-        contained: {
-            button: {
-                px: number;
-                py: number;
-            };
-            container: {
-                borderLeftWidth: number;
-                borderRightWidth: number;
-                _first: {
-                    borderTopLeftRadius: number;
-                    borderTopRightRadius: number;
-                };
-                _last: {
-                    borderBottomLeftRadius: number;
-                    borderBottomRightRadius: number;
-                };
-            };
-            panel: {
-                p: number;
-                borderColor: string;
-                borderTopWidth: number;
-            };
-        };
-        unstyled: {
-            icon: {
-                color: string;
-            };
-            button: {
-                display: string;
-                alignItems: string;
-                fontSize: string;
-                fontWeight: string;
-                _hover: {
-                    backgroundColor: string;
-                };
-                paddingTop: string;
-                paddingBottom: string;
-            };
-            container: {
-                borderColor: string;
-            };
-        };
-    } | undefined;
+import type { PartsStyleInterpolation } from '@chakra-ui/react';
+import { accordionAnatomy } from '@chakra-ui/anatomy';
+type AccordionParts = typeof accordionAnatomy;
+type AccordionPartsStyle = PartsStyleInterpolation<AccordionParts>;
+type AccordionTheme = {
+    baseStyle?: AccordionPartsStyle;
+    sizes?: Record<string, AccordionPartsStyle>;
+    variants?: Record<string, AccordionPartsStyle>;
     defaultProps?: {
-        size?: string | number | undefined;
-        variant?: "lined" | "contained" | "unstyled" | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-    parts: ("container" | "root" | "button" | "panel" | "icon")[];
+        size?: string | number;
+        variant?: string | number;
+        colorScheme?: string;
+    };
 };
+export declare const accordionTheme: AccordionTheme;
 export declare const theme: Record<string, any>;
 export default theme;

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Alert as ChakraAlert } from '@chakra-ui/react';
+import { NOTIFICATION_STATUSES } from '@/theme/base/notifications';
+import type { ButtonProps } from '../Button/Button';
+import type { ForwardRefComponent } from '../../types/forwardRefComponent';
+export type AlertStatus = (typeof NOTIFICATION_STATUSES)[keyof typeof NOTIFICATION_STATUSES];
+export type AlertSize = 'sm' | 'md' | 'lg';
+export interface AlertProps extends Omit<React.ComponentProps<typeof ChakraAlert>, 'status' | 'title'> {
+    /** Status. One of: success, neutral, warning, or error */
+    status?: AlertStatus;
+    /** Title Text. Will not display title if empty */
+    title?: React.ReactNode;
+    /** Props to pass to button (like onClick). Will not display button if this or buttonText empty */
+    buttonProps?: Omit<ButtonProps, 'children' | 'variant'> | null;
+    /** Text of button. Will not display button if this or buttonProps empty */
+    buttonText?: string | null;
+    /** Variant of the action button. One of: tertiary, primary */
+    buttonVariant?: ButtonProps['variant'];
+    /** Whether or not to show X dismiss button */
+    showDismiss?: boolean;
+    /** Callback when X clicked */
+    onDismissClick?: React.MouseEventHandler<HTMLButtonElement> | null;
+    /** Whether or not to show the icon */
+    showIcon?: boolean;
+    /** Description text. Will not display description if empty */
+    description?: React.ReactNode;
+    /** Size of the text */
+    size?: AlertSize;
+    /** Custom Icon */
+    icon?: React.ElementType | null;
+}
+declare const Alert: ForwardRefComponent<HTMLDivElement, AlertProps>;
+export default Alert;

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1 @@
+export { Badge as default } from '@chakra-ui/react';

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

@@ -1,78 +1,14 @@
-export namespace variants {
-    namespace primary {
-        let bg: string;
-        let color: string;
-    }
-    namespace warningLight {
-        let bg_1: string;
-        export { bg_1 as bg };
-        let color_1: string;
-        export { color_1 as color };
-    }
-}
-declare const _default: {
-    baseStyle?: {
-        px: number;
-        textTransform: string;
-        fontSize: string;
-        borderRadius: string;
-        fontWeight: string;
-        bg: string;
-        color: string;
-        boxShadow: string;
-    } | undefined;
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
-    } | undefined;
-    variants?: {
-        solid: (props: import("@chakra-ui/react").StyleFunctionProps) => {
-            [x: string]: string | {
-                [x: string]: string;
-            };
-            _dark: {
-                [x: string]: string;
-            };
-        };
-        subtle: (props: import("@chakra-ui/react").StyleFunctionProps) => {
-            [x: string]: string | {
-                [x: string]: string;
-            };
-            _dark: {
-                [x: string]: string;
-            };
-        };
-        outline: (props: import("@chakra-ui/react").StyleFunctionProps) => {
-            [x: string]: string | {
-                [x: string]: string;
-            };
-            _dark: {
-                [x: string]: string;
-            };
-        };
-    } | undefined;
-    defaultProps?: {
-        size?: string | number | undefined;
-        variant?: "outline" | "solid" | "subtle" | undefined;
-        colorScheme?: string | undefined;
-    } | undefined;
-} & {
-    variants: {
-        primary: {
-            bg: string;
-            color: string;
-        };
-        warningLight: {
-            bg: string;
-            color: string;
-        };
+import { theme as chakraDefaultTheme } from '@chakra-ui/react';
+export declare const variants: {
+    readonly primary: {
+        readonly bg: "primary.default";
+        readonly color: "white";
     };
-    baseStyle: {
-        px: number;
-        textTransform: string;
-        fontSize: string;
-        borderRadius: string;
-        fontWeight: string;
+    readonly warningLight: {
+        readonly bg: "yellow.100";
+        readonly color: "black";
     };
-    defaultProps: {};
 };
-export default _default;
+type BadgeStyle = NonNullable<typeof chakraDefaultTheme.components.Badge>;
+declare const badgeStyle: BadgeStyle;
+export default badgeStyle;

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,27 @@
+import { type ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
+import { type ButtonHeight, type ButtonVariant } from './Button.styles';
+import type { ForwardRefComponent } from '../../types/forwardRefComponent';
+export type ButtonProps = Omit<ChakraButtonProps, 'variant'> & {
+    /**
+     * If `true`, the button will render as an anchor.
+     */
+    asAnchor?: boolean;
+    /**
+     * If `true`, and an anchor button, target="_blank" and rel="noopener noreferrer" will be set on the anchor.
+     * `isExternal` is used to maintain parity with the Link component.
+     */
+    isExternal?: boolean;
+    /**
+     * Supports the standard Chakra height prop plus fe-ui `md`/`lg` presets.
+     */
+    height?: ButtonHeight;
+    /**
+     * Optional anchor href when rendering the button as a link.
+     */
+    href?: string;
+    target?: string;
+    rel?: string;
+    variant?: ButtonVariant;
+};
+declare const Button: ForwardRefComponent<HTMLElement, ButtonProps>;
+export default Button;