@latte-macchiat-io/latte-vanilla-components 0.0.176 → 0.0.178

package/dist/types/theme/baseThemeValues.d.ts

@@ -1,158 +0,0 @@
-export declare const baseLightTheme: {
-    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;
-    };
-    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;
-    };
-    maxWidth: string;
-    section: {
-        paddingTop: string;
-        paddingBottom: string;
-    };
-    header: {
-        height: string;
-    };
-    footer: {
-        height: string;
-    };
-};
-export declare const baseDarkTheme: {
-    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;
-    };
-    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;
-    };
-    maxWidth: string;
-    section: {
-        paddingTop: string;
-        paddingBottom: string;
-    };
-    header: {
-        height: string;
-    };
-    footer: {
-        height: string;
-    };
-};

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

@@ -1,79 +0,0 @@
-export declare const themeContract: {
-    colors: {
-        primary: `var(--${string})`;
-        secondary: `var(--${string})`;
-        accent: `var(--${string})`;
-        background: `var(--${string})`;
-        surface: `var(--${string})`;
-        text: `var(--${string})`;
-        textSecondary: `var(--${string})`;
-        textLight: `var(--${string})`;
-        border: `var(--${string})`;
-        error: `var(--${string})`;
-        warning: `var(--${string})`;
-        success: `var(--${string})`;
-        info: `var(--${string})`;
-    };
-    space: {
-        none: `var(--${string})`;
-        xs: `var(--${string})`;
-        sm: `var(--${string})`;
-        md: `var(--${string})`;
-        lg: `var(--${string})`;
-        xl: `var(--${string})`;
-        '2xl': `var(--${string})`;
-    };
-    radii: {
-        none: `var(--${string})`;
-        sm: `var(--${string})`;
-        md: `var(--${string})`;
-        lg: `var(--${string})`;
-        xl: `var(--${string})`;
-        full: `var(--${string})`;
-    };
-    fonts: {
-        body: `var(--${string})`;
-        heading: `var(--${string})`;
-        mono: `var(--${string})`;
-    };
-    fontSizes: {
-        xs: `var(--${string})`;
-        sm: `var(--${string})`;
-        md: `var(--${string})`;
-        lg: `var(--${string})`;
-        xl: `var(--${string})`;
-        '2xl': `var(--${string})`;
-        '3xl': `var(--${string})`;
-        '4xl': `var(--${string})`;
-    };
-    fontWeights: {
-        light: `var(--${string})`;
-        normal: `var(--${string})`;
-        medium: `var(--${string})`;
-        semibold: `var(--${string})`;
-        bold: `var(--${string})`;
-    };
-    lineHeights: {
-        tight: `var(--${string})`;
-        normal: `var(--${string})`;
-        relaxed: `var(--${string})`;
-    };
-    shadows: {
-        none: `var(--${string})`;
-        sm: `var(--${string})`;
-        md: `var(--${string})`;
-        lg: `var(--${string})`;
-        xl: `var(--${string})`;
-    };
-    maxWidth: `var(--${string})`;
-    section: {
-        paddingTop: `var(--${string})`;
-        paddingBottom: `var(--${string})`;
-    };
-    header: {
-        height: `var(--${string})`;
-    };
-    footer: {
-        height: `var(--${string})`;
-    };
-};

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

@@ -1,3 +0,0 @@
-export { themeContract } from './contract.css';
-export { baseLightTheme, baseDarkTheme } from './baseThemeValues';
-export { createThemeOverride, getThemeContract, getThemeValues, toggleTheme, setTheme, getCurrentTheme, type ThemeValues } from './utils';

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

@@ -1,86 +0,0 @@
-import { baseLightTheme } from './baseThemeValues';
-export type ThemeValues = typeof baseLightTheme;
-export declare const createThemeOverride: (overrides: Partial<ThemeValues>) => ThemeValues;
-export declare const getThemeContract: () => {
-    colors: {
-        primary: `var(--${string})`;
-        secondary: `var(--${string})`;
-        accent: `var(--${string})`;
-        background: `var(--${string})`;
-        surface: `var(--${string})`;
-        text: `var(--${string})`;
-        textSecondary: `var(--${string})`;
-        textLight: `var(--${string})`;
-        border: `var(--${string})`;
-        error: `var(--${string})`;
-        warning: `var(--${string})`;
-        success: `var(--${string})`;
-        info: `var(--${string})`;
-    };
-    space: {
-        none: `var(--${string})`;
-        xs: `var(--${string})`;
-        sm: `var(--${string})`;
-        md: `var(--${string})`;
-        lg: `var(--${string})`;
-        xl: `var(--${string})`;
-        '2xl': `var(--${string})`;
-    };
-    radii: {
-        none: `var(--${string})`;
-        sm: `var(--${string})`;
-        md: `var(--${string})`;
-        lg: `var(--${string})`;
-        xl: `var(--${string})`;
-        full: `var(--${string})`;
-    };
-    fonts: {
-        body: `var(--${string})`;
-        heading: `var(--${string})`;
-        mono: `var(--${string})`;
-    };
-    fontSizes: {
-        xs: `var(--${string})`;
-        sm: `var(--${string})`;
-        md: `var(--${string})`;
-        lg: `var(--${string})`;
-        xl: `var(--${string})`;
-        '2xl': `var(--${string})`;
-        '3xl': `var(--${string})`;
-        '4xl': `var(--${string})`;
-    };
-    fontWeights: {
-        light: `var(--${string})`;
-        normal: `var(--${string})`;
-        medium: `var(--${string})`;
-        semibold: `var(--${string})`;
-        bold: `var(--${string})`;
-    };
-    lineHeights: {
-        tight: `var(--${string})`;
-        normal: `var(--${string})`;
-        relaxed: `var(--${string})`;
-    };
-    shadows: {
-        none: `var(--${string})`;
-        sm: `var(--${string})`;
-        md: `var(--${string})`;
-        lg: `var(--${string})`;
-        xl: `var(--${string})`;
-    };
-    maxWidth: `var(--${string})`;
-    section: {
-        paddingTop: `var(--${string})`;
-        paddingBottom: `var(--${string})`;
-    };
-    header: {
-        height: `var(--${string})`;
-    };
-    footer: {
-        height: `var(--${string})`;
-    };
-};
-export declare const getThemeValues: (isDark?: boolean) => ThemeValues;
-export declare const toggleTheme: () => boolean;
-export declare const setTheme: (theme: "light" | "dark") => void;
-export declare const getCurrentTheme: () => "light" | "dark";

package/dist/types/utils/cookie.d.ts

@@ -1,2 +0,0 @@
-export declare function getCookie(name: string): string;
-export declare function setCookie(name: string, value: string, expirationInDays: number): void;

package/dist/types/utils/deep-merge-objects.d.ts

@@ -1,2 +0,0 @@
-declare const deepMergeObjects: (obj1: any, obj2: any) => any;
-export default deepMergeObjects;

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);
-};