@spothero/ui 24.1.0 → 24.1.1-beta.1

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

@@ -0,0 +1,7 @@
+export default breakpoints;
+declare namespace breakpoints {
+    const mobileXL: string;
+    const tablet: string;
+    const desktop: string;
+    const desktopXL: string;
+}

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

@@ -0,0 +1,142 @@
+export default colors;
+declare namespace colors {
+    export const 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;
+    };
+    export { blue };
+    export { navy };
+    export const red: {
+        default: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    export const green: {
+        default: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    export const yellow: {
+        default: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    export const primary: {
+        default: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    export const secondary: {
+        default: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    export const success: string;
+    export const warning: string;
+    export const error: string;
+    export const 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 {
+            const light: string;
+        }
+        export { secondary_1 as secondary };
+        export namespace link {
+            const light_1: string;
+            export { light_1 as light };
+            export { white as dark };
+        }
+    }
+    export namespace background {
+        const 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;
+};
+declare const black: "#000000";
+declare const white: "#ffffff";
+declare const brandBlue: "#0082ff";
+declare const modalOverlay: "#21212160";

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

@@ -0,0 +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";

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

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

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

@@ -0,0 +1,17 @@
+declare const _default: {
+    xs: string;
+    sm: string;
+    base: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    outline: string;
+    inner: string;
+    none: string;
+    "dark-lg": string;
+} & {
+    outline: string;
+    drawer: string;
+};
+export default _default;

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

@@ -0,0 +1,47 @@
+export default sizes;
+declare const sizes: {
+    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;
+};

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

@@ -0,0 +1,23 @@
+export namespace fonts {
+    const heading: string;
+    const 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 namespace fontWeights {
+    const light: number;
+    const normal: number;
+    const medium: number;
+    const semibold: number;
+    const bold: number;
+}

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

@@ -0,0 +1,16 @@
+export default indices;
+declare namespace indices {
+    const hide: number;
+    const auto: string;
+    const base: number;
+    const layer1: number;
+    const layer2: number;
+    const layer3: number;
+    const layer4: number;
+    const layer5: number;
+    const layer6: number;
+    const layer7: number;
+    const layer8: number;
+    const layer9: number;
+    const layer10: number;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "24.1.0",
+  "version": "24.1.1-beta.1",
   "description": "SpotHero's React component UI library.",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
@@ -104,12 +104,12 @@
     "webpack-merge": "5.1.4",
     "@spothero/babel-preset-spothero": "5.1.0",
     "@spothero/core": "7.0.1",
-    "@spothero/eslint-config": "6.1.0",
+    "@spothero/browserslist-config": "4.0.0",
+    "@spothero/icons": "9.1.3",
     "@spothero/npm-publisher": "7.0.0",
-    "@spothero/stylelint-config": "6.0.0",
+    "@spothero/eslint-config": "6.1.0",
     "@spothero/prettier-config": "4.0.0",
-    "@spothero/browserslist-config": "4.0.0",
-    "@spothero/icons": "9.1.3"
+    "@spothero/stylelint-config": "6.0.0"
   },
   "dependencies": {
     "@babel/preset-env": "7.23.9",