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

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

package/src/css/index.ts

@@ -1,33 +0,0 @@
-// CSS-only exports for consuming applications
-// This enables the pattern: import { themeContract, sprinkles } from 'library/css'
-
-export { themeContract } from '../theme/contract.css';
-export { sprinkles, responsiveProperties, type Sprinkles } from '../styles/sprinkles.css';
-export { createLightTheme, createDarkTheme, type ThemeOverrides } from '../utils/theme.css';
-
-// Recipe exports from components
-export { actionsRecipe, type ActionsVariants } from '../components/Actions/Actions.css';
-export { buttonRecipe, type ButtonVariants } from '../components/Button/Button.css';
-export { carouselRecipe, type CarouselVariants } from '../components/Carousel/Carousel.css';
-export { columnsRecipe, type ColumnsVariants } from '../components/Columns/Columns.css';
-export { consentRecipe, type ConsentCookieVariants } from '../components/ConsentCookie/ConsentCookie.css';
-export { footerRecipe, type FooterVariants } from '../components/Footer/Footer.css';
-export { formRecipe, type FormVariants } from '../components/Form/Form.css';
-export { rowRecipe, type RowVariants } from '../components/Form/Row/Row.css';
-export { inputRecipe, type InputVariants } from '../components/Form/TextField/Input/Input.css';
-export { labelRecipe, type LabelVariants } from '../components/Form/TextField/Label/Label.css';
-export { textFieldRecipe, type TextFieldVariants } from '../components/Form/TextField/TextField.css';
-export { textareaRecipe, type TextareaVariants } from '../components/Form/TextField/Textarea/Textarea.css';
-export { headerRecipe, type HeaderVariants } from '../components/Header/Header.css';
-export { iconRecipe, type IconVariants } from '../components/Icon/Icon.css';
-export { keyNumberRecipe, type KeyNumberVariants } from '../components/KeyNumber/KeyNumber.css';
-export { languageSwitcherRecipe, type LanguageSwitcherVariants } from '../components/LanguageSwitcher/LanguageSwitcher.css';
-export { logoRecipe, type LogoVariants } from '../components/Logo/Logo.css';
-export { mainRecipe, type MainVariants } from '../components/Main/Main.css';
-export { modalRecipe, modalContentRecipe, type ModalVariants, type ModalContentVariants } from '../components/Modal/Modal.css';
-export { navRecipe, type NavVariants } from '../components/Nav/Nav.css';
-export { navLegalRecipe, type NavLegalVariants } from '../components/NavLegal/NavLegal.css';
-export { navSocialRecipe, type NavSocialVariants } from '../components/NavSocial/NavSocial.css';
-export { sectionRecipe, type SectionVariants } from '../components/Section/Section.css';
-export { videoRecipe, type VideoVariants } from '../components/Video/Video.css';
-export { videoFullWidthRecipe, type VideoFullWidthVariants } from '../components/VideoFullWidth/VideoFullWidth.css';

package/src/themes/dark.ts

@@ -1,3 +0,0 @@
-// Pre-built dark theme export  
-export { baseDarkTheme as darkTheme } from '../theme/baseThemeValues';
-export { createDarkTheme } from '../utils/theme.css';

package/src/themes/index.ts

@@ -1,5 +0,0 @@
-// Theme exports for consuming applications
-export * from './light';
-export * from './dark';
-export { themeContract } from '../theme/contract.css';
-export { createLightTheme, createDarkTheme, type ThemeOverrides } from '../utils/theme.css';

package/src/themes/light.ts

@@ -1,3 +0,0 @@
-// Pre-built light theme export
-export { baseLightTheme as lightTheme } from '../theme/baseThemeValues';
-export { createLightTheme } from '../utils/theme.css';