@furystack/shades-common-components 12.7.0 → 13.0.1

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

@@ -0,0 +1,120 @@
+import { neonRunnerPalette } from './neon-runner-palette.js';
+/**
+ * Cyberpunk-inspired theme with dark backgrounds, neon accents,
+ * monospace typography, and a hi-tech polished aesthetic.
+ *
+ * @remarks Recommended Google Font: Share Tech Mono
+ */
+export const neonRunnerTheme = {
+    name: 'neon-runner-theme',
+    text: {
+        primary: '#e0f0ff',
+        secondary: 'rgba(224, 240, 255, 0.65)',
+        disabled: 'rgba(224, 240, 255, 0.35)',
+    },
+    button: {
+        active: '#e0f0ff',
+        hover: 'rgba(0, 240, 255, 0.1)',
+        selected: 'rgba(0, 240, 255, 0.18)',
+        disabled: 'rgba(224, 240, 255, 0.3)',
+        disabledBackground: 'rgba(224, 240, 255, 0.06)',
+    },
+    background: {
+        default: '#0a0e17',
+        paper: '#111827',
+        paperImage: '',
+    },
+    palette: neonRunnerPalette,
+    divider: 'rgba(0, 240, 255, 0.15)',
+    action: {
+        hoverBackground: 'rgba(0, 240, 255, 0.08)',
+        selectedBackground: 'rgba(0, 240, 255, 0.14)',
+        activeBackground: 'rgba(0, 240, 255, 0.22)',
+        focusRing: '0 0 0 2px rgba(0, 240, 255, 0.5)',
+        disabledOpacity: '0.4',
+        backdrop: 'rgba(4, 6, 14, 0.85)',
+        subtleBorder: 'rgba(0, 240, 255, 0.2)',
+    },
+    shape: {
+        borderRadius: {
+            xs: '2px',
+            sm: '3px',
+            md: '4px',
+            lg: '6px',
+            full: '50%',
+        },
+        borderWidth: '1px',
+    },
+    shadows: {
+        none: 'none',
+        sm: '0 1px 4px rgba(0, 0, 0, 0.4), 0 0 6px rgba(0, 240, 255, 0.08)',
+        md: '0 4px 12px rgba(0, 0, 0, 0.5), 0 0 12px rgba(0, 240, 255, 0.12)',
+        lg: '0 8px 24px rgba(0, 0, 0, 0.6), 0 0 20px rgba(0, 240, 255, 0.15)',
+        xl: '0 12px 36px rgba(0, 0, 0, 0.7), 0 0 30px rgba(0, 240, 255, 0.18)',
+    },
+    typography: {
+        fontFamily: "'Share Tech Mono', 'Fira Code', 'JetBrains Mono', 'Courier New', monospace",
+        fontSize: {
+            xs: '11px',
+            sm: '12px',
+            md: '14px',
+            lg: '16px',
+            xl: '22px',
+            xxl: '28px',
+            xxxl: '34px',
+            xxxxl: '44px',
+        },
+        fontWeight: {
+            normal: '400',
+            medium: '500',
+            semibold: '600',
+            bold: '700',
+        },
+        lineHeight: {
+            tight: '1.3',
+            normal: '1.55',
+            relaxed: '1.75',
+        },
+        letterSpacing: {
+            tight: '-0.25px',
+            dense: '0px',
+            normal: '0.5px',
+            wide: '1px',
+            wider: '1.5px',
+            widest: '2.5px',
+        },
+    },
+    transitions: {
+        duration: {
+            fast: '0.1s',
+            normal: '0.2s',
+            slow: '0.35s',
+        },
+        easing: {
+            default: 'cubic-bezier(0.4, 0, 0.2, 1)',
+            easeOut: 'cubic-bezier(0.16, 1.0, 0.3, 1.0)',
+            easeInOut: 'cubic-bezier(0.65, 0, 0.35, 1)',
+        },
+    },
+    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=neon-runner-theme.js.map

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

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

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

@@ -0,0 +1,8 @@
+import type { Palette } from '../services/theme-provider-service.js';
+/**
+ * Color palette inspired by the Warcraft 1 Human faction UI.
+ * Gold as the primary brand color, Alliance royal blue as secondary,
+ * with warm medieval tones for semantic colors.
+ */
+export declare const paladinPalette: Palette;
+//# sourceMappingURL=paladin-palette.d.ts.map

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

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

package/esm/themes/paladin-palette.js

@@ -0,0 +1,56 @@
+/**
+ * Color palette inspired by the Warcraft 1 Human faction UI.
+ * Gold as the primary brand color, Alliance royal blue as secondary,
+ * with warm medieval tones for semantic colors.
+ */
+export const paladinPalette = {
+    primary: {
+        light: '#dcc06e',
+        lightContrast: '#000000',
+        main: '#c8a84e',
+        mainContrast: '#000000',
+        dark: '#9a7e30',
+        darkContrast: '#ffffff',
+    },
+    secondary: {
+        light: '#4a7dc4',
+        lightContrast: '#ffffff',
+        main: '#2a5daa',
+        mainContrast: '#ffffff',
+        dark: '#1a3d7a',
+        darkContrast: '#ffffff',
+    },
+    error: {
+        light: '#d45050',
+        lightContrast: '#000000',
+        main: '#c03030',
+        mainContrast: '#ffffff',
+        dark: '#8a2020',
+        darkContrast: '#ffffff',
+    },
+    warning: {
+        light: '#e4a64a',
+        lightContrast: '#000000',
+        main: '#d4862a',
+        mainContrast: '#000000',
+        dark: '#a46420',
+        darkContrast: '#ffffff',
+    },
+    success: {
+        light: '#6aac5c',
+        lightContrast: '#000000',
+        main: '#4a8c3c',
+        mainContrast: '#000000',
+        dark: '#346a2a',
+        darkContrast: '#ffffff',
+    },
+    info: {
+        light: '#7aaad4',
+        lightContrast: '#000000',
+        main: '#5a8ab4',
+        mainContrast: '#000000',
+        dark: '#3a6a94',
+        darkContrast: '#ffffff',
+    },
+};
+//# sourceMappingURL=paladin-palette.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paladin-palette.js","sourceRoot":"","sources":["../../src/themes/paladin-palette.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAY;IACrC,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/paladin-theme.d.ts

@@ -0,0 +1,121 @@
+/**
+ * Theme inspired by the Warcraft 1 Human faction UI.
+ * Cold dark stone backgrounds, white text, gold primary accents,
+ * angular shapes, and serif typography for a medieval fantasy feel.
+ *
+ * @remarks Recommended Google Font: Silkscreen
+ */
+export declare const paladinTheme: {
+    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;
+        };
+        textShadow: 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=paladin-theme.d.ts.map

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

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

package/esm/themes/paladin-theme.js

@@ -0,0 +1,123 @@
+import { paladinPalette } from './paladin-palette.js';
+const paperImageValue = `url("data:image/svg+xml;base64,${btoa(`<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><filter id="t" x="0" y="0" width="100%" height="100%"><feTurbulence type="fractalNoise" baseFrequency="0.04" numOctaves="5" stitchTiles="stitch" result="n"/><feDiffuseLighting in="n" lighting-color="#667" surfaceScale="3"><feDistantLight azimuth="45" elevation="55"/></feDiffuseLighting></filter><rect width="200" height="200" filter="url(#t)" opacity="0.18"/></svg>`)}")`;
+/**
+ * Theme inspired by the Warcraft 1 Human faction UI.
+ * Cold dark stone backgrounds, white text, gold primary accents,
+ * angular shapes, and serif typography for a medieval fantasy feel.
+ *
+ * @remarks Recommended Google Font: Silkscreen
+ */
+export const paladinTheme = {
+    name: 'paladin-theme',
+    text: {
+        primary: '#ffffff',
+        secondary: 'rgba(255, 255, 255, 0.7)',
+        disabled: 'rgba(255, 255, 255, 0.4)',
+    },
+    button: {
+        active: '#ffffff',
+        hover: 'rgba(255, 255, 255, 0.08)',
+        selected: 'rgba(255, 255, 255, 0.16)',
+        disabled: 'rgba(255, 255, 255, 0.3)',
+        disabledBackground: 'rgba(255, 255, 255, 0.08)',
+    },
+    background: {
+        default: '#1c2126',
+        paper: '#282e34',
+        paperImage: paperImageValue,
+    },
+    palette: paladinPalette,
+    divider: 'rgba(80, 88, 96, 0.3)',
+    action: {
+        hoverBackground: 'rgba(255, 255, 255, 0.06)',
+        selectedBackground: 'rgba(200, 168, 78, 0.15)',
+        activeBackground: 'rgba(200, 168, 78, 0.22)',
+        focusRing: '0 0 0 3px rgba(200, 168, 78, 0.3)',
+        disabledOpacity: '0.5',
+        backdrop: 'rgba(14, 18, 22, 0.8)',
+        subtleBorder: 'rgba(180, 192, 205, 0.28)',
+    },
+    shape: {
+        borderRadius: {
+            xs: '0px',
+            sm: '0px',
+            md: '0px',
+            lg: '0px',
+            full: '50%',
+        },
+        borderWidth: '4px',
+    },
+    shadows: {
+        none: 'none',
+        sm: '0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.18)',
+        md: '0 4px 12px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.22)',
+        lg: '0 8px 24px rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.25)',
+        xl: '0 12px 32px rgba(0, 0, 0, 0.5), 0 6px 12px rgba(0, 0, 0, 0.3)',
+    },
+    typography: {
+        fontFamily: 'Silkscreen, "Courier New", monospace',
+        fontSize: {
+            xs: '11px',
+            sm: '13px',
+            md: '14px',
+            lg: '16px',
+            xl: '24px',
+            xxl: '30px',
+            xxxl: '36px',
+            xxxxl: '48px',
+        },
+        fontWeight: {
+            normal: '400',
+            medium: '400',
+            semibold: '700',
+            bold: '700',
+        },
+        lineHeight: {
+            tight: '1.3',
+            normal: '1.5',
+            relaxed: '1.75',
+        },
+        letterSpacing: {
+            tight: '0px',
+            dense: '0px',
+            normal: '0.5px',
+            wide: '1px',
+            wider: '1.5px',
+            widest: '2px',
+        },
+        textShadow: '2px 2px 0px rgba(0, 0, 0, 0.8)',
+    },
+    transitions: {
+        duration: {
+            fast: '0.15s',
+            normal: '0.2s',
+            slow: '0.3s',
+        },
+        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: '2px',
+        blurMd: '4px',
+        blurLg: '8px',
+        blurXl: '12px',
+    },
+};
+//# sourceMappingURL=paladin-theme.js.map

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

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

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

@@ -0,0 +1,8 @@
+import type { Palette } from '../services/theme-provider-service.js';
+/**
+ * Color palette inspired by the Super Mario universe.
+ * Nintendo red primary, Mario blue secondary,
+ * with bright, cheerful tones for semantic colors.
+ */
+export declare const plumberPalette: Palette;
+//# sourceMappingURL=plumber-palette.d.ts.map

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

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

package/esm/themes/plumber-palette.js

@@ -0,0 +1,56 @@
+/**
+ * Color palette inspired by the Super Mario universe.
+ * Nintendo red primary, Mario blue secondary,
+ * with bright, cheerful tones for semantic colors.
+ */
+export const plumberPalette = {
+    primary: {
+        light: '#ff4040',
+        lightContrast: '#ffffff',
+        main: '#e60012',
+        mainContrast: '#ffffff',
+        dark: '#b0000e',
+        darkContrast: '#ffffff',
+    },
+    secondary: {
+        light: '#5090e0',
+        lightContrast: '#ffffff',
+        main: '#2060c0',
+        mainContrast: '#ffffff',
+        dark: '#104090',
+        darkContrast: '#ffffff',
+    },
+    error: {
+        light: '#ff5252',
+        lightContrast: '#ffffff',
+        main: '#d32f2f',
+        mainContrast: '#ffffff',
+        dark: '#a02020',
+        darkContrast: '#ffffff',
+    },
+    warning: {
+        light: '#ffca28',
+        lightContrast: '#000000',
+        main: '#f9a825',
+        mainContrast: '#000000',
+        dark: '#c48800',
+        darkContrast: '#000000',
+    },
+    success: {
+        light: '#60d060',
+        lightContrast: '#000000',
+        main: '#2e9e2e',
+        mainContrast: '#ffffff',
+        dark: '#1b7a1b',
+        darkContrast: '#ffffff',
+    },
+    info: {
+        light: '#64b5f6',
+        lightContrast: '#000000',
+        main: '#2196f3',
+        mainContrast: '#ffffff',
+        dark: '#1565c0',
+        darkContrast: '#ffffff',
+    },
+};
+//# sourceMappingURL=plumber-palette.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"plumber-palette.js","sourceRoot":"","sources":["../../src/themes/plumber-palette.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAY;IACrC,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/plumber-theme.d.ts

@@ -0,0 +1,120 @@
+/**
+ * Theme inspired by the Super Mario / Nintendo universe.
+ * Bright white backgrounds, Nintendo red primary, Mario blue secondary,
+ * rounded playful shapes, and friendly sans-serif typography.
+ *
+ * @remarks Recommended Google Font: Nunito
+ */
+export declare const plumberTheme: {
+    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=plumber-theme.d.ts.map

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

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