@latte-macchiat-io/latte-vanilla-components 0.0.184 → 0.0.186

package/src/components/NavSocial/stories.tsx

@@ -1,33 +0,0 @@
-// import type { Meta, StoryObj } from '@storybook/react';
-//
-// import { NavSocial } from '../../index';
-//
-// // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
-// const meta: Meta<typeof NavSocial> = {
-//   title: 'Latte Components / 6. Nav / Social',
-//   component: NavSocial,
-//   parameters: {
-//     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
-//     layout: 'centered',
-//   },
-//   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-//   tags: ['autodocs'],
-//   // More on argTypes: https://storybook.js.org/docs/api/argtypes
-//   argTypes: {},
-//   // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
-// };
-//
-// export default meta;
-// type Story = StoryObj<typeof meta>;
-//
-// // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
-// export const Default: Story = {
-//   args: {
-//     navSocial: [
-//       {
-//         name: 'instagram',
-//         link: 'https://www.instagram.com/',
-//       },
-//     ],
-//   },
-// };

package/src/themes/default.css.ts

@@ -1,20 +0,0 @@
-import { createGlobalTheme } from '@vanilla-extract/css';
-import { themeContract } from '../theme/contract.css';
-import { baseLightTheme } from '../theme/baseThemeValues';
-
-// Create a default theme for quick usage and RAD (Rapid Application Development)
-// This provides a ready-to-use theme without any customization needed
-export const defaultTheme = 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,
-});

package/src/utils/createCustomTheme.ts

@@ -1,52 +0,0 @@
-import { baseLightTheme, baseDarkTheme } 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 merge overrides with base theme
-export const createCustomLightTheme = (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 },
-  };
-};
-
-export const createCustomDarkTheme = (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 },
-  };
-};

package/src/utils/themeOverrides.ts

@@ -1,10 +0,0 @@
-import { createGlobalTheme, createThemeContract } from '@vanilla-extract/css';
-import { themeContract } from '../theme/contract.css';
-
-// Create a higher-specificity theme that can override the base themes
-export const themeOverrides = createThemeContract(themeContract);
-
-// Export a utility to create CSS theme overrides with custom selectors
-export const createScopedTheme = (selector: string, values: Partial<typeof themeContract>) => {
-  return createGlobalTheme(selector, themeContract, values as any);
-};