@spothero/ui 25.4.0 → 25.5.1

package/dist/theme/base/breakpoints.d.ts

@@ -1,7 +1,7 @@
+declare const breakpoints: {
+    readonly mobileXL: "30rem";
+    readonly tablet: "48rem";
+    readonly desktop: "64rem";
+    readonly desktopXL: "90rem";
+};
 export default breakpoints;
-declare namespace breakpoints {
-    let mobileXL: string;
-    let tablet: string;
-    let desktop: string;
-    let desktopXL: string;
-}

package/dist/theme/base/colors.d.ts

@@ -1,24 +1,20 @@
-export default colors;
-declare namespace colors {
-    export let gray: {
-        light: string;
-        medium: string;
-        dark: string;
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
+declare const colors: {
+    readonly gray: {
+        readonly light: string;
+        readonly medium: string;
+        readonly dark: string;
+        readonly 50: string;
+        readonly 100: string;
+        readonly 200: string;
+        readonly 300: string;
+        readonly 400: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 700: string;
+        readonly 800: string;
+        readonly 900: string;
     };
-    export { blue };
-    export { navy };
-    export let red: {
-        default: string;
+    readonly blue: {
         50: string;
         100: string;
         200: string;
@@ -30,8 +26,7 @@ declare namespace colors {
         800: string;
         900: string;
     };
-    export let green: {
-        default: string;
+    readonly navy: {
         50: string;
         100: string;
         200: string;
@@ -43,101 +38,96 @@ declare namespace colors {
         800: string;
         900: string;
     };
-    export let yellow: {
-        default: string;
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
+    readonly red: {
+        readonly default: string;
+        readonly 50: string;
+        readonly 100: string;
+        readonly 200: string;
+        readonly 300: string;
+        readonly 400: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 700: string;
+        readonly 800: string;
+        readonly 900: string;
     };
-    export let primary: {
-        default: string;
-        brand: string;
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
+    readonly green: {
+        readonly default: string;
+        readonly 50: string;
+        readonly 100: string;
+        readonly 200: string;
+        readonly 300: string;
+        readonly 400: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 700: string;
+        readonly 800: string;
+        readonly 900: string;
     };
-    export let secondary: {
-        default: string;
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
+    readonly yellow: {
+        readonly default: string;
+        readonly 50: string;
+        readonly 100: string;
+        readonly 200: string;
+        readonly 300: string;
+        readonly 400: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 700: string;
+        readonly 800: string;
+        readonly 900: string;
     };
-    export let success: string;
-    export let warning: string;
-    export let error: string;
-    export let accent: string;
-    export namespace text {
-        export namespace primary_1 {
-            export { black as light };
-            export { white as dark };
-        }
-        export { primary_1 as primary };
-        export namespace secondary_1 {
-            let light: string;
-        }
-        export { secondary_1 as secondary };
-        export namespace link {
-            let light_1: string;
-            export { light_1 as light };
-            export { white as dark };
-        }
-    }
-    export namespace background {
-        let gray_1: string;
-        export { gray_1 as gray };
-        export { white };
-    }
-    export { white };
-    export { black };
-    export { brandBlue };
-    export { modalOverlay };
-}
-declare const blue: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-declare const navy: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
+    readonly primary: {
+        readonly default: string;
+        readonly brand: string;
+        readonly 50: string;
+        readonly 100: string;
+        readonly 200: string;
+        readonly 300: string;
+        readonly 400: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 700: string;
+        readonly 800: string;
+        readonly 900: string;
+    };
+    readonly secondary: {
+        readonly default: string;
+        readonly 50: string;
+        readonly 100: string;
+        readonly 200: string;
+        readonly 300: string;
+        readonly 400: string;
+        readonly 500: string;
+        readonly 600: string;
+        readonly 700: string;
+        readonly 800: string;
+        readonly 900: string;
+    };
+    readonly success: string;
+    readonly warning: string;
+    readonly error: string;
+    readonly accent: string;
+    readonly text: {
+        readonly primary: {
+            readonly light: "#000000";
+            readonly dark: "#ffffff";
+        };
+        readonly secondary: {
+            readonly light: string;
+        };
+        readonly link: {
+            readonly light: string;
+            readonly dark: "#ffffff";
+        };
+    };
+    readonly background: {
+        readonly gray: string;
+        readonly white: "#ffffff";
+    };
+    readonly white: "#ffffff";
+    readonly black: "#000000";
+    readonly brandBlue: "#0082ff";
+    readonly modalOverlay: "#21212160";
 };
-declare const black: "#000000";
-declare const white: "#ffffff";
-declare const brandBlue: "#0082ff";
-declare const modalOverlay: "#21212160";
+export default colors;

package/dist/theme/base/index.d.ts

@@ -1,7 +1,7 @@
-export { default as sizes } from "./sizes";
-export { default as colors } from "./colors";
-export { default as shadows } from "./shadows";
-export { default as zIndices } from "./zindices";
-export { default as breakpoints } from "./breakpoints";
-export { fonts, fontSizes, fontWeights } from "./typography";
-export { notificationBaseStyle, notificationStatusStyles, NOTIFICATION_STATUSES } from "./notifications";
+export { default as sizes } from './sizes';
+export { default as colors } from './colors';
+export { default as shadows } from './shadows';
+export { default as zIndices } from './zindices';
+export { default as breakpoints } from './breakpoints';
+export { fonts, fontSizes, fontWeights } from './typography';
+export { notificationBaseStyle, notificationStatusStyles, NOTIFICATION_STATUSES, } from './notifications';

package/dist/theme/base/notifications.d.ts

@@ -1,106 +1,82 @@
-export namespace NOTIFICATION_STATUSES {
-    let NEUTRAL: string;
-    let ERROR: string;
-    let WARNING: string;
-    let SUCCESS: string;
-}
-export namespace notificationBaseStyle {
-    namespace container {
-        let paddingY: number;
-        let borderRadius: string;
-    }
-    namespace actionButton {
-        let fontSize: string;
-        let height: string;
-        let lineHeight: string;
-        let color: string;
-        namespace _hover {
-            let color_1: string;
-            export { color_1 as color };
-        }
-    }
-    namespace dismissButton {
-        let color_2: string;
-        export { color_2 as color };
-        export let borderColor: string;
-        export let borderWidth: string;
-        export let padding: number;
-        export let width: number;
-        let height_1: number;
-        export { height_1 as height };
-        export let backgroundColor: string;
-        let borderRadius_1: string;
-        export { borderRadius_1 as borderRadius };
-        export let marginLeft: number;
-        export namespace _hover_1 {
-            let color_3: string;
-            export { color_3 as color };
-        }
-        export { _hover_1 as _hover };
-        export namespace _focus {
-            let color_4: string;
-            export { color_4 as color };
-            let borderColor_1: string;
-            export { borderColor_1 as borderColor };
-            export let boxShadow: string;
-        }
-    }
-    namespace icon {
-        let width_1: number;
-        export { width_1 as width };
-        export let marginRight: number;
-        let height_2: string;
-        export { height_2 as height };
-    }
-    namespace description {
-        let lineHeight_1: number;
-        export { lineHeight_1 as lineHeight };
-    }
-    namespace title {
-        let lineHeight_2: number;
-        export { lineHeight_2 as lineHeight };
-    }
-    let variants: {};
-    namespace sizes {
-        namespace sm {
-            export namespace title_1 {
-                let fontSize_1: string;
-                export { fontSize_1 as fontSize };
-            }
-            export { title_1 as title };
-            export namespace description_1 {
-                let fontSize_2: string;
-                export { fontSize_2 as fontSize };
-            }
-            export { description_1 as description };
-        }
-        namespace md {
-            export namespace title_2 {
-                let fontSize_3: string;
-                export { fontSize_3 as fontSize };
-            }
-            export { title_2 as title };
-            export namespace description_2 {
-                let fontSize_4: string;
-                export { fontSize_4 as fontSize };
-            }
-            export { description_2 as description };
-        }
-        namespace lg {
-            export namespace title_3 {
-                let fontSize_5: string;
-                export { fontSize_5 as fontSize };
-            }
-            export { title_3 as title };
-            export namespace description_3 {
-                let fontSize_6: string;
-                export { fontSize_6 as fontSize };
-            }
-            export { description_3 as description };
-        }
-    }
-}
-export function notificationStatusStyles(status: any): {
+export declare const NOTIFICATION_STATUSES: {
+    readonly NEUTRAL: "neutral";
+    readonly ERROR: "error";
+    readonly WARNING: "warning";
+    readonly SUCCESS: "success";
+};
+export declare const notificationBaseStyle: {
+    container: {
+        paddingY: number;
+        borderRadius: string;
+    };
+    actionButton: {
+        fontSize: string;
+        height: string;
+        lineHeight: string;
+        color: string;
+        _hover: {
+            color: string;
+        };
+    };
+    dismissButton: {
+        color: string;
+        borderColor: string;
+        borderWidth: string;
+        padding: number;
+        width: number;
+        height: number;
+        backgroundColor: string;
+        borderRadius: string;
+        marginLeft: number;
+        _hover: {
+            color: string;
+        };
+        _focus: {
+            color: string;
+            borderColor: string;
+            boxShadow: string;
+        };
+    };
+    icon: {
+        width: number;
+        marginRight: number;
+        height: string;
+    };
+    description: {
+        lineHeight: number;
+    };
+    title: {
+        lineHeight: number;
+    };
+    variants: {};
+    sizes: {
+        sm: {
+            title: {
+                fontSize: string;
+            };
+            description: {
+                fontSize: string;
+            };
+        };
+        md: {
+            title: {
+                fontSize: string;
+            };
+            description: {
+                fontSize: string;
+            };
+        };
+        lg: {
+            title: {
+                fontSize: string;
+            };
+            description: {
+                fontSize: string;
+            };
+        };
+    };
+};
+export declare const notificationStatusStyles: (status: string) => {
     container: {
         background: string;
     };
@@ -120,7 +96,7 @@ export function notificationStatusStyles(status: any): {
     icon?: undefined;
     dismissButton?: undefined;
 };
-export function notificationSizeStyles(size: any): {
+export declare const notificationSizeStyles: (size: string) => {
     title: {
         fontSize: string;
     };

package/dist/theme/base/sizes.d.ts

@@ -1,47 +1,47 @@
-export default sizes;
 declare const sizes: {
-    container: {
+    readonly container: {
         base: string;
         tablet: string;
         desktop: string;
     };
-    0: string;
-    0.5: string;
-    1: string;
-    1.5: string;
-    2: string;
-    2.5: string;
-    3: string;
-    3.5: string;
-    4: string;
-    4.5: string;
-    5: string;
-    5.5: string;
-    6: string;
-    7: string;
-    8: string;
-    9: string;
-    10: string;
-    12: string;
-    14: string;
-    16: string;
-    20: string;
-    24: string;
-    28: string;
-    32: string;
-    36: string;
-    40: string;
-    44: string;
-    48: string;
-    52: string;
-    56: string;
-    60: string;
-    64: string;
-    72: string;
-    80: string;
-    96: string;
-    px: string;
-    full: string;
-    max: string;
-    min: string;
+    readonly 0: "0";
+    readonly 0.5: "0.125rem";
+    readonly 1: "0.25rem";
+    readonly 1.5: "0.375rem";
+    readonly 2: "0.5rem";
+    readonly 2.5: "0.625rem";
+    readonly 3: "0.75rem";
+    readonly 3.5: "0.875rem";
+    readonly 4: "1rem";
+    readonly 4.5: "1.125rem";
+    readonly 5: "1.25rem";
+    readonly 5.5: "1.375rem";
+    readonly 6: "1.5rem";
+    readonly 7: "1.75rem";
+    readonly 8: "2rem";
+    readonly 9: "2.25rem";
+    readonly 10: "2.5rem";
+    readonly 12: "3rem";
+    readonly 14: "3.5rem";
+    readonly 16: "4rem";
+    readonly 20: "5rem";
+    readonly 24: "6rem";
+    readonly 28: "7rem";
+    readonly 32: "8rem";
+    readonly 36: "9rem";
+    readonly 40: "10rem";
+    readonly 44: "11rem";
+    readonly 48: "12rem";
+    readonly 52: "13rem";
+    readonly 56: "14rem";
+    readonly 60: "15rem";
+    readonly 64: "16rem";
+    readonly 72: "18rem";
+    readonly 80: "20rem";
+    readonly 96: "24rem";
+    readonly px: "1px";
+    readonly full: "100%";
+    readonly max: "max-content";
+    readonly min: "min-content";
 };
+export default sizes;

package/dist/theme/base/typography.d.ts

@@ -1,23 +1,23 @@
-export namespace fonts {
-    let heading: string;
-    let body: string;
-}
-export const fontSizes: {
-    '5xl': string;
-    '4xl': string;
-    '3xl': string;
-    '2xl': string;
-    xl: string;
-    lg: string;
-    md: string;
-    base: string;
-    sm: string;
-    xs: string;
+export declare const fonts: {
+    readonly heading: "\"Plus Jakarta Sans\", sans-serif";
+    readonly body: "\"Plus Jakarta Sans\", sans-serif";
+};
+export declare const fontSizes: {
+    readonly '5xl': "3.5rem";
+    readonly '4xl': "3rem";
+    readonly '3xl': "2.5rem";
+    readonly '2xl': "2rem";
+    readonly xl: "1.5rem";
+    readonly lg: "1.25rem";
+    readonly md: "1.125rem";
+    readonly base: "1rem";
+    readonly sm: "0.875rem";
+    readonly xs: "0.75rem";
+};
+export declare const fontWeights: {
+    readonly light: 300;
+    readonly normal: 400;
+    readonly medium: 500;
+    readonly semibold: 600;
+    readonly bold: 700;
 };
-export namespace fontWeights {
-    let light: number;
-    let normal: number;
-    let medium: number;
-    let semibold: number;
-    let bold: number;
-}

package/dist/theme/base/zindices.d.ts

@@ -1,16 +1,16 @@
+declare const indices: {
+    readonly hide: -100;
+    readonly auto: "auto";
+    readonly base: 0;
+    readonly layer1: 100;
+    readonly layer2: 200;
+    readonly layer3: 300;
+    readonly layer4: 400;
+    readonly layer5: 500;
+    readonly layer6: 600;
+    readonly layer7: 700;
+    readonly layer8: 800;
+    readonly layer9: 900;
+    readonly layer10: 1000;
+};
 export default indices;
-declare namespace indices {
-    let hide: number;
-    let auto: string;
-    let base: number;
-    let layer1: number;
-    let layer2: number;
-    let layer3: number;
-    let layer4: number;
-    let layer5: number;
-    let layer6: number;
-    let layer7: number;
-    let layer8: number;
-    let layer9: number;
-    let layer10: number;
-}

package/dist/theme/global.d.ts

@@ -0,0 +1,21 @@
+interface LegacyOverridesProps {
+    /** If true, this will use the old `spothero-html` base styles */
+    useLegacyOverrides?: boolean;
+}
+declare const global: {
+    'html, body': {
+        color: string;
+    };
+    svg: {
+        display: string;
+    };
+    '.chakra-input__group': {
+        isolation: string;
+    };
+    'h1, h2, h3, h4, h5, h6': {
+        margin: number;
+    };
+};
+export default global;
+export declare const Fonts: () => import("react/jsx-runtime").JSX.Element;
+export declare const LegacyOverrides: ({ useLegacyOverrides }: LegacyOverridesProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/theme/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: Record<string, any>;
+export default _default;