@latte-macchiat-io/latte-vanilla-components 0.0.175 → 0.0.177

package/dist/types/utils/theme.css.d.ts

@@ -1,173 +0,0 @@
-import { baseLightTheme } from '../theme/baseThemeValues';
-export type ThemeOverrides = {
-    colors?: Partial<typeof baseLightTheme.colors>;
-    space?: Partial<typeof baseLightTheme.space>;
-    radii?: Partial<typeof baseLightTheme.radii>;
-    fonts?: Partial<typeof baseLightTheme.fonts>;
-    maxWidth?: string;
-    fontSizes?: Partial<typeof baseLightTheme.fontSizes>;
-    fontWeights?: Partial<typeof baseLightTheme.fontWeights>;
-    lineHeights?: Partial<typeof baseLightTheme.lineHeights>;
-    shadows?: Partial<typeof baseLightTheme.shadows>;
-    section?: Partial<typeof baseLightTheme.section>;
-    header?: Partial<typeof baseLightTheme.header>;
-    footer?: Partial<typeof baseLightTheme.footer>;
-};
-export declare const createLightTheme: (overrides?: ThemeOverrides) => {
-    colors: {
-        primary: string;
-        secondary: string;
-        accent: string;
-        background: string;
-        surface: string;
-        text: string;
-        textSecondary: string;
-        textLight: string;
-        border: string;
-        error: string;
-        warning: string;
-        success: string;
-        info: string;
-    };
-    space: {
-        none: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-    };
-    radii: {
-        none: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        full: string;
-    };
-    fonts: {
-        body: string;
-        heading: string;
-        mono: string;
-    };
-    maxWidth: string;
-    fontSizes: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        '3xl': string;
-        '4xl': string;
-    };
-    fontWeights: {
-        light: string;
-        normal: string;
-        medium: string;
-        semibold: string;
-        bold: string;
-    };
-    lineHeights: {
-        tight: string;
-        normal: string;
-        relaxed: string;
-    };
-    shadows: {
-        none: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    section: {
-        paddingTop: string;
-        paddingBottom: string;
-    };
-    header: {
-        height: string;
-    };
-    footer: {
-        height: string;
-    };
-};
-export declare const createDarkTheme: (overrides?: ThemeOverrides) => {
-    colors: {
-        primary: string;
-        secondary: string;
-        accent: string;
-        background: string;
-        surface: string;
-        text: string;
-        textSecondary: string;
-        textLight: string;
-        border: string;
-        error: string;
-        warning: string;
-        success: string;
-        info: string;
-    };
-    space: {
-        none: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-    };
-    radii: {
-        none: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        full: string;
-    };
-    fonts: {
-        body: string;
-        heading: string;
-        mono: string;
-    };
-    maxWidth: string;
-    fontSizes: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        '3xl': string;
-        '4xl': string;
-    };
-    fontWeights: {
-        light: string;
-        normal: string;
-        medium: string;
-        semibold: string;
-        bold: string;
-    };
-    lineHeights: {
-        tight: string;
-        normal: string;
-        relaxed: string;
-    };
-    shadows: {
-        none: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    section: {
-        paddingTop: string;
-        paddingBottom: string;
-    };
-    header: {
-        height: string;
-    };
-    footer: {
-        height: string;
-    };
-};

package/dist/types/utils/use-breakpoint-key.d.ts

@@ -1 +0,0 @@
-export declare function useBreakpointKey(): number;

package/dist/types/utils/use-window-size.d.ts

@@ -1,5 +0,0 @@
-declare function useWindowSize(): {
-    width: undefined | number;
-    height: undefined | number;
-};
-export default useWindowSize;

package/dist/utils/theme.css.ts

@@ -1,129 +0,0 @@
-import { baseDarkTheme, baseLightTheme } from '../theme/baseThemeValues';
-
-// Type for partial theme overrides
-export type ThemeOverrides = {
-  colors?: Partial<typeof baseLightTheme.colors>;
-  space?: Partial<typeof baseLightTheme.space>;
-  radii?: Partial<typeof baseLightTheme.radii>;
-  fonts?: Partial<typeof baseLightTheme.fonts>;
-  maxWidth?: string;
-  fontSizes?: Partial<typeof baseLightTheme.fontSizes>;
-  fontWeights?: Partial<typeof baseLightTheme.fontWeights>;
-  lineHeights?: Partial<typeof baseLightTheme.lineHeights>;
-  shadows?: Partial<typeof baseLightTheme.shadows>;
-  section?: Partial<typeof baseLightTheme.section>;
-  header?: Partial<typeof baseLightTheme.header>;
-  footer?: Partial<typeof baseLightTheme.footer>;
-};
-
-// Utility to create a theme object with partial overrides over light theme base
-const createAppTheme = (overrides: ThemeOverrides = {}) => {
-  return {
-    colors: {
-      ...baseLightTheme.colors,
-      ...overrides.colors,
-    },
-    space: {
-      ...baseLightTheme.space,
-      ...overrides.space,
-    },
-    radii: {
-      ...baseLightTheme.radii,
-      ...overrides.radii,
-    },
-    fonts: {
-      ...baseLightTheme.fonts,
-      ...overrides.fonts,
-    },
-    maxWidth: overrides.maxWidth || `${baseLightTheme.maxWidth}px`,
-    fontSizes: {
-      ...baseLightTheme.fontSizes,
-      ...overrides.fontSizes,
-    },
-    fontWeights: {
-      ...baseLightTheme.fontWeights,
-      ...overrides.fontWeights,
-    },
-    lineHeights: {
-      ...baseLightTheme.lineHeights,
-      ...overrides.lineHeights,
-    },
-    shadows: {
-      ...baseLightTheme.shadows,
-      ...overrides.shadows,
-    },
-    section: {
-      ...baseLightTheme.section,
-      ...overrides.section,
-    },
-    header: {
-      ...baseLightTheme.header,
-      ...overrides.header,
-    },
-    footer: {
-      ...baseLightTheme.footer,
-      ...overrides.footer,
-    },
-  };
-};
-
-// Utility to create a theme object with partial overrides over dark theme base
-const createAppDarkTheme = (overrides: ThemeOverrides = {}) => {
-  return {
-    colors: {
-      ...baseDarkTheme.colors,
-      ...overrides.colors,
-    },
-    space: {
-      ...baseDarkTheme.space,
-      ...overrides.space,
-    },
-    radii: {
-      ...baseDarkTheme.radii,
-      ...overrides.radii,
-    },
-    fonts: {
-      ...baseDarkTheme.fonts,
-      ...overrides.fonts,
-    },
-    maxWidth: overrides.maxWidth || `${baseDarkTheme.maxWidth}px`,
-    fontSizes: {
-      ...baseDarkTheme.fontSizes,
-      ...overrides.fontSizes,
-    },
-    fontWeights: {
-      ...baseDarkTheme.fontWeights,
-      ...overrides.fontWeights,
-    },
-    lineHeights: {
-      ...baseDarkTheme.lineHeights,
-      ...overrides.lineHeights,
-    },
-    shadows: {
-      ...baseDarkTheme.shadows,
-      ...overrides.shadows,
-    },
-    section: {
-      ...baseDarkTheme.section,
-      ...overrides.section,
-    },
-    header: {
-      ...baseDarkTheme.header,
-      ...overrides.header,
-    },
-    footer: {
-      ...baseDarkTheme.footer,
-      ...overrides.footer,
-    },
-  };
-};
-
-// Returns theme object for light theme - consuming app must call createGlobalTheme
-export const createLightTheme = (overrides: ThemeOverrides = {}) => {
-  return createAppTheme(overrides);
-};
-
-// Returns theme object for dark theme - consuming app must call createGlobalTheme  
-export const createDarkTheme = (overrides: ThemeOverrides = {}) => {
-  return createAppDarkTheme(overrides);
-};