@latte-macchiat-io/latte-vanilla-components 0.0.187 → 0.0.188

package/src/utils/quickTheme.ts

@@ -1,38 +0,0 @@
-import { createGlobalTheme } from '@vanilla-extract/css';
-import { themeContract } from '../theme/contract.css';
-import { baseLightTheme } from '../theme/baseThemeValues';
-
-// Quick theme utility for RAD (Rapid Application Development)
-// Just import this to get a working theme instantly
-export const quickTheme = createGlobalTheme(':root', themeContract, {
-  colors: baseLightTheme.colors,
-  space: baseLightTheme.space,
-  radii: baseLightTheme.radii,
-  fonts: baseLightTheme.fonts,
-  maxWidth: baseLightTheme.maxWidth,
-  fontSizes: baseLightTheme.fontSizes,
-  fontWeights: baseLightTheme.fontWeights,
-  lineHeights: baseLightTheme.lineHeights,
-  shadows: baseLightTheme.shadows,
-  section: baseLightTheme.section,
-  header: baseLightTheme.header,
-  footer: baseLightTheme.footer,
-});
-
-// Helper function to create quick override themes
-export const createQuickTheme = (overrides: Partial<typeof baseLightTheme> = {}) => {
-  return createGlobalTheme(':root', themeContract, {
-    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,
-    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 },
-  });
-};

package/src/utils/theme.ts

@@ -1,131 +0,0 @@
-import { createGlobalTheme } from '@vanilla-extract/css';
-import { baseDarkTheme, baseLightTheme } from '../theme/baseThemeValues';
-import { themeContract } from '../theme/contract.css';
-
-// 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?: Partial<typeof baseLightTheme.maxWidth>;
-  fontSizes?: Partial<typeof baseLightTheme.fontSizes>;
-  fontWeights?: Partial<typeof baseLightTheme.fontSizes>;
-  lineHeights?: Partial<typeof baseLightTheme.fontSizes>;
-  shadows?: Partial<typeof baseLightTheme.fontSizes>;
-  section?: Partial<typeof baseLightTheme.fontSizes>;
-  header?: Partial<typeof baseLightTheme.fontSizes>;
-  footer?: Partial<typeof baseLightTheme.fontSizes>;
-};
-
-// Utility to create a theme with partial overrides over light theme base
-const createAppTheme = (selector: string, overrides: ThemeOverrides = {}) => {
-  return createGlobalTheme(selector, themeContract, {
-    colors: {
-      ...baseLightTheme.colors,
-      ...overrides.colors,
-    },
-    space: {
-      ...baseLightTheme.space,
-      ...overrides.space,
-    },
-    radii: {
-      ...baseLightTheme.radii,
-      ...overrides.radii,
-    },
-    fonts: {
-      ...baseLightTheme.fonts,
-      ...overrides.fonts,
-    },
-    maxWidth: `${baseLightTheme.maxWidth || overrides.maxWidth}`,
-    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 with partial overrides over dark theme base
-const createAppDarkTheme = (selector: string, overrides: ThemeOverrides = {}) => {
-  return createGlobalTheme(selector, themeContract, {
-    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,
-    },
-  });
-};
-
-// Convenience function for light theme (extends base light theme)
-export const createLightTheme = (overrides: ThemeOverrides = {}) => {
-  return createAppTheme('html', overrides);
-};
-
-// Convenience function for dark theme (extends base dark theme)
-export const createDarkTheme = (overrides: ThemeOverrides = {}) => {
-  return createAppDarkTheme('html[data-theme="dark"]', overrides);
-};