@furystack/shades-common-components 12.7.0 → 13.0.0

package/esm/themes/hawkins-theme.js

@@ -0,0 +1,122 @@
+import { hawkinsPalette } from './hawkins-palette.js';
+const paperImageValue = `url("data:image/svg+xml;base64,${btoa(`<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4"><rect width="4" height="4" fill="none"/><line x1="0" y1="3.5" x2="4" y2="3.5" stroke="#cc3333" stroke-width="0.5" opacity="0.03"/></svg>`)}")`;
+/**
+ * Dark theme inspired by Stranger Things and the town of Hawkins, Indiana.
+ * Warm dark backgrounds with a tiling CRT scanline pattern, Christmas-light red accents,
+ * eerie teal secondary, and a retro rounded typeface evoking 80s nostalgia.
+ *
+ * @remarks Recommended Google Font: Quicksand
+ */
+export const hawkinsTheme = {
+    name: 'hawkins-theme',
+    text: {
+        primary: '#e0d8d0',
+        secondary: 'rgba(224, 216, 208, 0.62)',
+        disabled: 'rgba(224, 216, 208, 0.34)',
+    },
+    button: {
+        active: '#cc3333',
+        hover: 'rgba(204, 51, 51, 0.1)',
+        selected: 'rgba(204, 51, 51, 0.18)',
+        disabled: 'rgba(224, 216, 208, 0.3)',
+        disabledBackground: 'rgba(224, 216, 208, 0.06)',
+    },
+    background: {
+        default: '#12100e',
+        paper: '#1c1816',
+        paperImage: paperImageValue,
+    },
+    palette: hawkinsPalette,
+    divider: 'rgba(204, 51, 51, 0.15)',
+    action: {
+        hoverBackground: 'rgba(204, 51, 51, 0.08)',
+        selectedBackground: 'rgba(204, 51, 51, 0.14)',
+        activeBackground: 'rgba(204, 51, 51, 0.22)',
+        focusRing: '0 0 0 2px rgba(204, 51, 51, 0.45)',
+        disabledOpacity: '0.4',
+        backdrop: 'rgba(8, 6, 4, 0.9)',
+        subtleBorder: 'rgba(204, 51, 51, 0.18)',
+    },
+    shape: {
+        borderRadius: {
+            xs: '3px',
+            sm: '5px',
+            md: '8px',
+            lg: '12px',
+            full: '50%',
+        },
+        borderWidth: '1px',
+    },
+    shadows: {
+        none: 'none',
+        sm: '0 1px 4px rgba(0, 0, 0, 0.45), 0 0 5px rgba(204, 51, 51, 0.06)',
+        md: '0 4px 12px rgba(0, 0, 0, 0.55), 0 0 12px rgba(204, 51, 51, 0.08)',
+        lg: '0 8px 24px rgba(0, 0, 0, 0.65), 0 0 20px rgba(204, 51, 51, 0.1)',
+        xl: '0 12px 36px rgba(0, 0, 0, 0.75), 0 0 30px rgba(204, 51, 51, 0.12)',
+    },
+    typography: {
+        fontFamily: "'Quicksand', 'Nunito', 'Segoe UI', system-ui, sans-serif",
+        fontSize: {
+            xs: '11px',
+            sm: '13px',
+            md: '14px',
+            lg: '16px',
+            xl: '22px',
+            xxl: '28px',
+            xxxl: '36px',
+            xxxxl: '46px',
+        },
+        fontWeight: {
+            normal: '400',
+            medium: '500',
+            semibold: '600',
+            bold: '700',
+        },
+        lineHeight: {
+            tight: '1.3',
+            normal: '1.5',
+            relaxed: '1.7',
+        },
+        letterSpacing: {
+            tight: '-0.25px',
+            dense: '0px',
+            normal: '0.2px',
+            wide: '0.5px',
+            wider: '1px',
+            widest: '2px',
+        },
+    },
+    transitions: {
+        duration: {
+            fast: '0.12s',
+            normal: '0.25s',
+            slow: '0.4s',
+        },
+        easing: {
+            default: 'cubic-bezier(0.4, 0, 0.2, 1)',
+            easeOut: 'cubic-bezier(0.23, 1.0, 0.32, 1.0)',
+            easeInOut: 'ease-in-out',
+        },
+    },
+    spacing: {
+        xs: '4px',
+        sm: '8px',
+        md: '16px',
+        lg: '24px',
+        xl: '32px',
+    },
+    zIndex: {
+        drawer: '1000',
+        appBar: '1100',
+        modal: '1200',
+        tooltip: '1300',
+        dropdown: '1400',
+    },
+    effects: {
+        blurSm: '4px',
+        blurMd: '8px',
+        blurLg: '16px',
+        blurXl: '24px',
+    },
+};
+//# sourceMappingURL=hawkins-theme.js.map

package/esm/themes/hawkins-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hawkins-theme.js","sourceRoot":"","sources":["../../src/themes/hawkins-theme.ts"],"names":[],"mappings":"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"}

package/esm/themes/jedi-palette.d.ts

@@ -0,0 +1,8 @@
+import type { Palette } from '../services/theme-provider-service.js';
+/**
+ * Color palette inspired by the Star Wars Jedi Order.
+ * Lightsaber blue primary, warm Tatooine sand secondary,
+ * with calm, balanced tones for semantic colors.
+ */
+export declare const jediPalette: Palette;
+//# sourceMappingURL=jedi-palette.d.ts.map

package/esm/themes/jedi-palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jedi-palette.d.ts","sourceRoot":"","sources":["../../src/themes/jedi-palette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAEpE;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,OAiDzB,CAAA"}

package/esm/themes/jedi-palette.js

@@ -0,0 +1,56 @@
+/**
+ * Color palette inspired by the Star Wars Jedi Order.
+ * Lightsaber blue primary, warm Tatooine sand secondary,
+ * with calm, balanced tones for semantic colors.
+ */
+export const jediPalette = {
+    primary: {
+        light: '#7db8f0',
+        lightContrast: '#000000',
+        main: '#4a90d9',
+        mainContrast: '#ffffff',
+        dark: '#2a6ab0',
+        darkContrast: '#ffffff',
+    },
+    secondary: {
+        light: '#d8c8a0',
+        lightContrast: '#000000',
+        main: '#c4a86c',
+        mainContrast: '#000000',
+        dark: '#9a8450',
+        darkContrast: '#000000',
+    },
+    error: {
+        light: '#e87070',
+        lightContrast: '#000000',
+        main: '#d04848',
+        mainContrast: '#ffffff',
+        dark: '#a83030',
+        darkContrast: '#ffffff',
+    },
+    warning: {
+        light: '#e8c060',
+        lightContrast: '#000000',
+        main: '#d4a830',
+        mainContrast: '#000000',
+        dark: '#a88418',
+        darkContrast: '#000000',
+    },
+    success: {
+        light: '#68b870',
+        lightContrast: '#000000',
+        main: '#48984c',
+        mainContrast: '#ffffff',
+        dark: '#307834',
+        darkContrast: '#ffffff',
+    },
+    info: {
+        light: '#68a8e0',
+        lightContrast: '#000000',
+        main: '#4088c4',
+        mainContrast: '#ffffff',
+        dark: '#28689e',
+        darkContrast: '#ffffff',
+    },
+};
+//# sourceMappingURL=jedi-palette.js.map

package/esm/themes/jedi-palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jedi-palette.js","sourceRoot":"","sources":["../../src/themes/jedi-palette.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAY;IAClC,OAAO,EAAE;QACP,KAAK,EAAE,SAAS;QAChB,aAAa,EAAE,SAAS;QACxB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;QACvB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;KACxB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,aAAa,EAAE,SAAS;QACxB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;QACvB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;KACxB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,aAAa,EAAE,SAAS;QACxB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;QACvB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;KACxB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,SAAS;QAChB,aAAa,EAAE,SAAS;QACxB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;QACvB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;KACxB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,SAAS;QAChB,aAAa,EAAE,SAAS;QACxB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;QACvB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;KACxB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,aAAa,EAAE,SAAS;QACxB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;QACvB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;KACxB;CACF,CAAA"}

package/esm/themes/jedi-theme.d.ts

@@ -0,0 +1,120 @@
+/**
+ * Light theme inspired by the Star Wars Jedi Order.
+ * Warm parchment backgrounds, lightsaber-blue accents with subtle glow,
+ * and a clean sans-serif typeface evoking calm wisdom.
+ *
+ * @remarks Recommended Google Font: Nunito
+ */
+export declare const jediTheme: {
+    name: string;
+    text: {
+        primary: string;
+        secondary: string;
+        disabled: string;
+    };
+    button: {
+        active: string;
+        hover: string;
+        selected: string;
+        disabled: string;
+        disabledBackground: string;
+    };
+    background: {
+        default: string;
+        paper: string;
+        paperImage: string;
+    };
+    palette: import("../services/theme-provider-service.js").Palette;
+    divider: string;
+    action: {
+        hoverBackground: string;
+        selectedBackground: string;
+        activeBackground: string;
+        focusRing: string;
+        disabledOpacity: string;
+        backdrop: string;
+        subtleBorder: string;
+    };
+    shape: {
+        borderRadius: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            full: string;
+        };
+        borderWidth: string;
+    };
+    shadows: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    typography: {
+        fontFamily: string;
+        fontSize: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            xxl: string;
+            xxxl: string;
+            xxxxl: string;
+        };
+        fontWeight: {
+            normal: string;
+            medium: string;
+            semibold: string;
+            bold: string;
+        };
+        lineHeight: {
+            tight: string;
+            normal: string;
+            relaxed: string;
+        };
+        letterSpacing: {
+            tight: string;
+            dense: string;
+            normal: string;
+            wide: string;
+            wider: string;
+            widest: string;
+        };
+    };
+    transitions: {
+        duration: {
+            fast: string;
+            normal: string;
+            slow: string;
+        };
+        easing: {
+            default: string;
+            easeOut: string;
+            easeInOut: string;
+        };
+    };
+    spacing: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    zIndex: {
+        drawer: string;
+        appBar: string;
+        modal: string;
+        tooltip: string;
+        dropdown: string;
+    };
+    effects: {
+        blurSm: string;
+        blurMd: string;
+        blurLg: string;
+        blurXl: string;
+    };
+};
+//# sourceMappingURL=jedi-theme.d.ts.map

package/esm/themes/jedi-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jedi-theme.d.ts","sourceRoot":"","sources":["../../src/themes/jedi-theme.ts"],"names":[],"mappings":"AAKA;;;;;;GAMG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+GL,CAAA"}

package/esm/themes/jedi-theme.js

@@ -0,0 +1,122 @@
+import { jediPalette } from './jedi-palette.js';
+const paperImageValue = `url("data:image/svg+xml;base64,${btoa(`<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48"><rect width="48" height="48" fill="none"/><circle cx="24" cy="24" r="16" fill="none" stroke="#4a90d9" stroke-width="0.4" opacity="0.06"/><circle cx="24" cy="24" r="8" fill="none" stroke="#4a90d9" stroke-width="0.3" opacity="0.04"/><line x1="24" y1="4" x2="24" y2="44" stroke="#4a90d9" stroke-width="0.3" opacity="0.03"/><line x1="4" y1="24" x2="44" y2="24" stroke="#4a90d9" stroke-width="0.3" opacity="0.03"/></svg>`)}")`;
+/**
+ * Light theme inspired by the Star Wars Jedi Order.
+ * Warm parchment backgrounds, lightsaber-blue accents with subtle glow,
+ * and a clean sans-serif typeface evoking calm wisdom.
+ *
+ * @remarks Recommended Google Font: Nunito
+ */
+export const jediTheme = {
+    name: 'jedi-theme',
+    text: {
+        primary: 'rgba(30, 26, 20, 0.9)',
+        secondary: 'rgba(30, 26, 20, 0.6)',
+        disabled: 'rgba(30, 26, 20, 0.35)',
+    },
+    button: {
+        active: '#4a90d9',
+        hover: 'rgba(74, 144, 217, 0.08)',
+        selected: 'rgba(74, 144, 217, 0.14)',
+        disabled: 'rgba(30, 26, 20, 0.26)',
+        disabledBackground: 'rgba(30, 26, 20, 0.08)',
+    },
+    background: {
+        default: '#f5f0e8',
+        paper: '#faf6ef',
+        paperImage: paperImageValue,
+    },
+    palette: jediPalette,
+    divider: 'rgba(74, 144, 217, 0.15)',
+    action: {
+        hoverBackground: 'rgba(74, 144, 217, 0.06)',
+        selectedBackground: 'rgba(74, 144, 217, 0.12)',
+        activeBackground: 'rgba(74, 144, 217, 0.18)',
+        focusRing: '0 0 0 3px rgba(74, 144, 217, 0.3)',
+        disabledOpacity: '0.5',
+        backdrop: 'rgba(30, 26, 20, 0.45)',
+        subtleBorder: 'rgba(74, 144, 217, 0.18)',
+    },
+    shape: {
+        borderRadius: {
+            xs: '3px',
+            sm: '5px',
+            md: '8px',
+            lg: '12px',
+            full: '50%',
+        },
+        borderWidth: '0px',
+    },
+    shadows: {
+        none: 'none',
+        sm: '0 1px 3px rgba(0, 0, 0, 0.06), 0 0 4px rgba(74, 144, 217, 0.06)',
+        md: '0 4px 12px rgba(0, 0, 0, 0.08), 0 0 12px rgba(74, 144, 217, 0.08)',
+        lg: '0 8px 24px rgba(0, 0, 0, 0.1), 0 0 20px rgba(74, 144, 217, 0.1)',
+        xl: '0 12px 32px rgba(0, 0, 0, 0.12), 0 0 30px rgba(74, 144, 217, 0.12)',
+    },
+    typography: {
+        fontFamily: "'Nunito', 'Segoe UI', system-ui, -apple-system, sans-serif",
+        fontSize: {
+            xs: '11px',
+            sm: '13px',
+            md: '14px',
+            lg: '16px',
+            xl: '24px',
+            xxl: '30px',
+            xxxl: '36px',
+            xxxxl: '48px',
+        },
+        fontWeight: {
+            normal: '400',
+            medium: '500',
+            semibold: '600',
+            bold: '700',
+        },
+        lineHeight: {
+            tight: '1.3',
+            normal: '1.5',
+            relaxed: '1.75',
+        },
+        letterSpacing: {
+            tight: '-0.25px',
+            dense: '0px',
+            normal: '0.15px',
+            wide: '0.4px',
+            wider: '0.75px',
+            widest: '1.5px',
+        },
+    },
+    transitions: {
+        duration: {
+            fast: '0.15s',
+            normal: '0.25s',
+            slow: '0.35s',
+        },
+        easing: {
+            default: 'cubic-bezier(0.4, 0, 0.2, 1)',
+            easeOut: 'cubic-bezier(0.23, 1.0, 0.32, 1.0)',
+            easeInOut: 'ease-in-out',
+        },
+    },
+    spacing: {
+        xs: '4px',
+        sm: '8px',
+        md: '16px',
+        lg: '24px',
+        xl: '32px',
+    },
+    zIndex: {
+        drawer: '1000',
+        appBar: '1100',
+        modal: '1200',
+        tooltip: '1300',
+        dropdown: '1400',
+    },
+    effects: {
+        blurSm: '4px',
+        blurMd: '8px',
+        blurLg: '15px',
+        blurXl: '20px',
+    },
+};
+//# sourceMappingURL=jedi-theme.js.map

package/esm/themes/jedi-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jedi-theme.js","sourceRoot":"","sources":["../../src/themes/jedi-theme.ts"],"names":[],"mappings":"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"}

package/esm/themes/neon-runner-palette.d.ts

@@ -0,0 +1,8 @@
+import type { Palette } from '../services/theme-provider-service.js';
+/**
+ * Color palette inspired by cyberpunk neon aesthetics.
+ * Electric cyan primary, hot magenta secondary,
+ * with vivid neon tones for semantic colors.
+ */
+export declare const neonRunnerPalette: Palette;
+//# sourceMappingURL=neon-runner-palette.d.ts.map

package/esm/themes/neon-runner-palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"neon-runner-palette.d.ts","sourceRoot":"","sources":["../../src/themes/neon-runner-palette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAEpE;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,OAiD/B,CAAA"}

package/esm/themes/neon-runner-palette.js

@@ -0,0 +1,56 @@
+/**
+ * Color palette inspired by cyberpunk neon aesthetics.
+ * Electric cyan primary, hot magenta secondary,
+ * with vivid neon tones for semantic colors.
+ */
+export const neonRunnerPalette = {
+    primary: {
+        light: '#66f7ff',
+        lightContrast: '#000000',
+        main: '#00f0ff',
+        mainContrast: '#000000',
+        dark: '#00b8c4',
+        darkContrast: '#000000',
+    },
+    secondary: {
+        light: '#ff6db5',
+        lightContrast: '#000000',
+        main: '#ff2d95',
+        mainContrast: '#000000',
+        dark: '#c4006e',
+        darkContrast: '#ffffff',
+    },
+    error: {
+        light: '#ff6680',
+        lightContrast: '#000000',
+        main: '#ff3860',
+        mainContrast: '#000000',
+        dark: '#c41840',
+        darkContrast: '#ffffff',
+    },
+    warning: {
+        light: '#ffc850',
+        lightContrast: '#000000',
+        main: '#ffb020',
+        mainContrast: '#000000',
+        dark: '#c48800',
+        darkContrast: '#000000',
+    },
+    success: {
+        light: '#50f098',
+        lightContrast: '#000000',
+        main: '#20e070',
+        mainContrast: '#000000',
+        dark: '#10a850',
+        darkContrast: '#000000',
+    },
+    info: {
+        light: '#60b0ff',
+        lightContrast: '#000000',
+        main: '#3090ff',
+        mainContrast: '#000000',
+        dark: '#1060c4',
+        darkContrast: '#ffffff',
+    },
+};
+//# sourceMappingURL=neon-runner-palette.js.map

package/esm/themes/neon-runner-palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"neon-runner-palette.js","sourceRoot":"","sources":["../../src/themes/neon-runner-palette.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAY;IACxC,OAAO,EAAE;QACP,KAAK,EAAE,SAAS;QAChB,aAAa,EAAE,SAAS;QACxB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;QACvB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;KACxB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,aAAa,EAAE,SAAS;QACxB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;QACvB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;KACxB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,aAAa,EAAE,SAAS;QACxB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;QACvB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;KACxB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,SAAS;QAChB,aAAa,EAAE,SAAS;QACxB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;QACvB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;KACxB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,SAAS;QAChB,aAAa,EAAE,SAAS;QACxB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;QACvB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;KACxB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,aAAa,EAAE,SAAS;QACxB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;QACvB,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,SAAS;KACxB;CACF,CAAA"}

package/esm/themes/neon-runner-theme.d.ts

@@ -0,0 +1,119 @@
+/**
+ * Cyberpunk-inspired theme with dark backgrounds, neon accents,
+ * monospace typography, and a hi-tech polished aesthetic.
+ *
+ * @remarks Recommended Google Font: Share Tech Mono
+ */
+export declare const neonRunnerTheme: {
+    name: string;
+    text: {
+        primary: string;
+        secondary: string;
+        disabled: string;
+    };
+    button: {
+        active: string;
+        hover: string;
+        selected: string;
+        disabled: string;
+        disabledBackground: string;
+    };
+    background: {
+        default: string;
+        paper: string;
+        paperImage: string;
+    };
+    palette: import("../services/theme-provider-service.js").Palette;
+    divider: string;
+    action: {
+        hoverBackground: string;
+        selectedBackground: string;
+        activeBackground: string;
+        focusRing: string;
+        disabledOpacity: string;
+        backdrop: string;
+        subtleBorder: string;
+    };
+    shape: {
+        borderRadius: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            full: string;
+        };
+        borderWidth: string;
+    };
+    shadows: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    typography: {
+        fontFamily: string;
+        fontSize: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            xxl: string;
+            xxxl: string;
+            xxxxl: string;
+        };
+        fontWeight: {
+            normal: string;
+            medium: string;
+            semibold: string;
+            bold: string;
+        };
+        lineHeight: {
+            tight: string;
+            normal: string;
+            relaxed: string;
+        };
+        letterSpacing: {
+            tight: string;
+            dense: string;
+            normal: string;
+            wide: string;
+            wider: string;
+            widest: string;
+        };
+    };
+    transitions: {
+        duration: {
+            fast: string;
+            normal: string;
+            slow: string;
+        };
+        easing: {
+            default: string;
+            easeOut: string;
+            easeInOut: string;
+        };
+    };
+    spacing: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    zIndex: {
+        drawer: string;
+        appBar: string;
+        modal: string;
+        tooltip: string;
+        dropdown: string;
+    };
+    effects: {
+        blurSm: string;
+        blurMd: string;
+        blurLg: string;
+        blurXl: string;
+    };
+};
+//# sourceMappingURL=neon-runner-theme.d.ts.map

package/esm/themes/neon-runner-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"neon-runner-theme.d.ts","sourceRoot":"","sources":["../../src/themes/neon-runner-theme.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+GX,CAAA"}