@spothero/ui 25.2.0 → 25.5.1

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

@@ -0,0 +1,260 @@
+declare const _default: {
+    baseStyle?: {
+        addon: {
+            height: string;
+            fontSize: string;
+            px: string;
+            borderRadius: string;
+        };
+        field: {
+            width: string;
+            height: string;
+            fontSize: string;
+            px: string;
+            borderRadius: string;
+            minWidth: number;
+            outline: number;
+            position: string;
+            appearance: string;
+            transitionProperty: string;
+            transitionDuration: string;
+            _disabled: {
+                opacity: number;
+                cursor: string;
+            };
+        };
+    } | undefined;
+    sizes?: {
+        lg: {
+            field: {
+                [x: string]: string;
+            };
+            group: {
+                [x: string]: string;
+            };
+        };
+        md: {
+            field: {
+                [x: string]: string;
+            };
+            group: {
+                [x: string]: string;
+            };
+        };
+        sm: {
+            field: {
+                [x: string]: string;
+            };
+            group: {
+                [x: string]: string;
+            };
+        };
+        xs: {
+            field: {
+                [x: string]: string;
+            };
+            group: {
+                [x: string]: string;
+            };
+        };
+    } | undefined;
+    variants?: {
+        outline: (props: import("@chakra-ui/react").StyleFunctionProps) => {
+            field: {
+                border: string;
+                borderColor: string;
+                bg: string;
+                _hover: {
+                    borderColor: string;
+                };
+                _readOnly: {
+                    boxShadow: string;
+                    userSelect: string;
+                };
+                _invalid: {
+                    borderColor: any;
+                    boxShadow: string;
+                };
+                _focusVisible: {
+                    zIndex: number;
+                    borderColor: any;
+                    boxShadow: string;
+                };
+            };
+            addon: {
+                border: string;
+                borderColor: string;
+                bg: string;
+            };
+        };
+        filled: (props: import("@chakra-ui/react").StyleFunctionProps) => {
+            field: {
+                border: string;
+                borderColor: string;
+                bg: string;
+                _hover: {
+                    bg: string;
+                };
+                _readOnly: {
+                    boxShadow: string;
+                    userSelect: string;
+                };
+                _invalid: {
+                    borderColor: any;
+                };
+                _focusVisible: {
+                    bg: string;
+                    borderColor: any;
+                };
+            };
+            addon: {
+                border: string;
+                borderColor: string;
+                bg: string;
+            };
+        };
+        flushed: (props: import("@chakra-ui/react").StyleFunctionProps) => {
+            field: {
+                borderBottom: string;
+                borderColor: string;
+                borderRadius: string;
+                px: string;
+                bg: string;
+                _readOnly: {
+                    boxShadow: string;
+                    userSelect: string;
+                };
+                _invalid: {
+                    borderColor: any;
+                    boxShadow: string;
+                };
+                _focusVisible: {
+                    borderColor: any;
+                    boxShadow: string;
+                };
+            };
+            addon: {
+                borderBottom: string;
+                borderColor: string;
+                borderRadius: string;
+                px: string;
+                bg: string;
+            };
+        };
+        unstyled: {
+            field: {
+                bg: string;
+                px: string;
+                height: string;
+            };
+            addon: {
+                bg: string;
+                px: string;
+                height: string;
+            };
+        };
+    } | undefined;
+    defaultProps?: {
+        size?: "md" | "xs" | "sm" | "lg" | undefined;
+        variant?: "outline" | "filled" | "unstyled" | "flushed" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("element" | "group" | "addon" | "field")[];
+} & {
+    baseStyle: {
+        field: {
+            fontFamily: string;
+            _placeholder: {
+                color: string;
+                fontWeight: string;
+                _disabled: {
+                    color: string;
+                    opacity: number;
+                };
+            };
+        };
+    };
+    variants: {
+        outline: {
+            field: {
+                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;
+                    };
+                };
+            };
+        };
+    };
+} & {
+    variants: {
+        refreshed: {
+            field: {
+                height: string;
+                paddingTop: number;
+                paddingBottom: number;
+                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;

package/dist/components/RefreshedInput/Select/Select.d.ts

@@ -5,4 +5,5 @@ export default Select;
  * using `<RefreshedSelect><option value="1"/>/<RefreshedSelect>` will bring in the core of this.
  * Left arrow is static for this select.  You can pass a second left element in but it will not over write the down arrow currently
  */
-declare const Select: any;
+declare const Select: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

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

@@ -180,8 +180,8 @@ declare const _default: {
 } & {
     baseStyle: {
         field: {
-            fontFamily: string;
-            fontWeight: number;
+            fontFamily: "\"Plus Jakarta Sans\", sans-serif";
+            fontWeight: 400;
         };
     };
     variants: {

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

@@ -0,0 +1,26 @@
+declare const _default: {
+    baseStyle?: {
+        [x: string]: string | number | {
+            [x: string]: string;
+        };
+        _dark: {
+            [x: string]: string;
+        };
+        background: string;
+        borderColor: string;
+        opacity: number;
+        borderRadius: string;
+    } | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default _default;

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { SpinnerProps as ChakraSpinnerProps } from '@chakra-ui/react';
+import { SIZE_MAP } from './Spinner.styles';
+type SpinnerSize = keyof typeof SIZE_MAP;
+interface SpinnerProps extends Omit<ChakraSpinnerProps, 'size' | 'thickness'> {
+    /** The diameter of the spinner ring in pixels */
+    thickness?: number;
+    /** The size of the spinner */
+    size?: SpinnerSize;
+}
+declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;
+export default Spinner;

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

@@ -0,0 +1,144 @@
+export declare const SIZE_MAP: {
+    readonly xs: "xs";
+    readonly sm: "sm";
+    readonly md: "md";
+    readonly lg: "lg";
+    readonly xl: "xl";
+    readonly '2xl': "2xl";
+    readonly '3xl': "3xl";
+    readonly '4xl': "4xl";
+    readonly '5xl': "5xl";
+    readonly '6xl': "6xl";
+    readonly '7xl': "7xl";
+    readonly '8xl': "8xl";
+    readonly '9xl': "9xl";
+    readonly '10xl': "10xl";
+};
+export declare const sizes: {
+    xs: {
+        [x: string]: string;
+    };
+    sm: {
+        [x: string]: string;
+    };
+    md: {
+        [x: string]: string;
+    };
+    lg: {
+        [x: string]: string;
+    };
+    xl: {
+        [x: string]: string;
+    };
+} & {
+    "2xl": {
+        w: string;
+        h: string;
+    };
+    "3xl": {
+        w: string;
+        h: string;
+    };
+    "4xl": {
+        w: string;
+        h: string;
+    };
+    "5xl": {
+        w: string;
+        h: string;
+    };
+    "6xl": {
+        w: string;
+        h: string;
+    };
+    "7xl": {
+        w: string;
+        h: string;
+    };
+    "8xl": {
+        w: string;
+        h: string;
+    };
+    "9xl": {
+        w: string;
+        h: string;
+    };
+    "10xl": {
+        w: string;
+        h: string;
+    };
+};
+export declare const thicknesses: {
+    xl: number;
+    "2xl": number;
+    "3xl": number;
+    "4xl": number;
+    "5xl": number;
+    "6xl": number;
+    "7xl": number;
+    "8xl": number;
+    "9xl": number;
+    "10xl": number;
+};
+declare const _default: {
+    sizes: {
+        xs: {
+            [x: string]: string;
+        };
+        sm: {
+            [x: string]: string;
+        };
+        md: {
+            [x: string]: string;
+        };
+        lg: {
+            [x: string]: string;
+        };
+        xl: {
+            [x: string]: string;
+        };
+    } & {
+        "2xl": {
+            w: string;
+            h: string;
+        };
+        "3xl": {
+            w: string;
+            h: string;
+        };
+        "4xl": {
+            w: string;
+            h: string;
+        };
+        "5xl": {
+            w: string;
+            h: string;
+        };
+        "6xl": {
+            w: string;
+            h: string;
+        };
+        "7xl": {
+            w: string;
+            h: string;
+        };
+        "8xl": {
+            w: string;
+            h: string;
+        };
+        "9xl": {
+            w: string;
+            h: string;
+        };
+        "10xl": {
+            w: string;
+            h: string;
+        };
+    };
+    defaultProps: {
+        speed: string;
+        size: "2xl";
+        thickness: number;
+    };
+};
+export default _default;

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

@@ -0,0 +1,116 @@
+declare const _default: {
+    defaultProps: {
+        colorScheme: string;
+        size: string;
+    };
+    baseStyle: (props: any) => {
+        container: {
+            [x: string]: string | {
+                [x: string]: string;
+            };
+            _rtl: {
+                [x: string]: string;
+            };
+        };
+        track: {
+            [x: string]: string | string[] | {
+                [x: string]: string;
+                boxShadow?: undefined;
+                opacity?: undefined;
+                cursor?: undefined;
+                _dark?: undefined;
+            } | {
+                boxShadow: string;
+                opacity?: undefined;
+                cursor?: undefined;
+                _dark?: undefined;
+            } | {
+                opacity: number;
+                cursor: string;
+                boxShadow?: undefined;
+                _dark?: undefined;
+            } | {
+                [x: string]: string | {
+                    [x: string]: string;
+                };
+                _dark: {
+                    [x: string]: string;
+                };
+                boxShadow?: undefined;
+                opacity?: undefined;
+                cursor?: undefined;
+            };
+            borderRadius: string;
+            p: string;
+            width: string[];
+            height: string[];
+            transitionProperty: string;
+            transitionDuration: string;
+            _dark: {
+                [x: string]: string;
+            };
+            _focusVisible: {
+                boxShadow: string;
+            };
+            _disabled: {
+                opacity: number;
+                cursor: string;
+            };
+            _checked: {
+                [x: string]: string | {
+                    [x: string]: string;
+                };
+                _dark: {
+                    [x: string]: string;
+                };
+            };
+            bg: string;
+        };
+        thumb: {
+            bg: string;
+            transitionProperty: string;
+            transitionDuration: string;
+            borderRadius: string;
+            width: string[];
+            height: string[];
+            _checked: {
+                transform: string;
+            };
+        };
+    } & {
+        track: {
+            overflow: string;
+        };
+        thumb: {
+            transition: string;
+            boxShadow: string;
+            _hover: {
+                boxShadow: string;
+            };
+        };
+    };
+    sizes?: {
+        sm: {
+            container: {
+                [x: string]: string;
+            };
+        };
+        md: {
+            container: {
+                [x: string]: string;
+            };
+        };
+        lg: {
+            container: {
+                [x: string]: string;
+            };
+        };
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("container" | "label" | "track" | "thumb")[];
+        }>;
+    } | undefined;
+    parts: ("container" | "label" | "track" | "thumb")[];
+};
+export default _default;

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

@@ -0,0 +1,69 @@
+export namespace variants {
+    export { roundedWhiteVariant as rounded };
+    export { roundedGrayVariant as roundedGray };
+}
+declare namespace _default {
+    export { parts };
+    export { variants };
+    export { baseStyle };
+    export { defaultProps };
+}
+export default _default;
+declare namespace roundedWhiteVariant {
+    namespace table {
+        let backgroundColor: string;
+        let borderRadius: number;
+        let boxShadow: string;
+        let marginBottom: number;
+    }
+}
+declare namespace roundedGrayVariant {
+    export namespace table_1 {
+        let backgroundColor_1: string;
+        export { backgroundColor_1 as backgroundColor };
+    }
+    export { table_1 as table };
+}
+declare const parts: string[];
+declare namespace baseStyle {
+    export namespace table_2 {
+        let borderCollapse: string;
+        let color: string;
+        let width: string;
+    }
+    export { table_2 as table };
+    export namespace thead {
+        let borderBottom: string;
+        let borderColor: string;
+    }
+    export namespace th {
+        let fontFamily: string;
+        let fontSize: {
+            base: "1rem";
+            desktop: "1.25rem";
+        };
+        let fontWeight: string;
+        let letterSpacing: string;
+        let padding: number;
+        let textAlign: string;
+        let textTransform: string;
+    }
+    export namespace tr {
+        let borderBottom_1: string;
+        export { borderBottom_1 as borderBottom };
+        let borderColor_1: string;
+        export { borderColor_1 as borderColor };
+        export namespace _last {
+            let border: string;
+        }
+    }
+    export namespace td {
+        let padding_1: number;
+        export { padding_1 as padding };
+        let textAlign_1: string;
+        export { textAlign_1 as textAlign };
+    }
+}
+declare namespace defaultProps {
+    let variant: string;
+}