@marvalt/dstyler 0.1.18 → 0.1.21

package/README.md

@@ -1,76 +0,0 @@
-# @marvalt/dstyler
-
-Design system package for styling WordPress content with zero-config templates.
-
-## Description
-
-`@marvalt/dstyler` is a lightweight renderer that:
-- Applies global design tokens (colors, spacing, typography)
-- Maps parsed WordPress sections → React templates
-- Ensures consistent responsive styling across the site
-- Renders blocks (text, images, buttons, forms) inside sections
-- Provides utilities to bridge design tokens with WordPress color mapping
-
-## Installation
-
-```bash
-npm install @marvalt/dstyler
-```
-
-## Usage
-
-### Basic Usage
-
-```tsx
-import { ThemeProvider, StyledPage } from '@marvalt/dstyler';
-import { getThemeStyles } from '@marvalt/wadapter';
-
-<ThemeProvider wpStyles={getThemeStyles()}>
-  <StyledPage page={page} registry={registry} />
-</ThemeProvider>
-```
-
-### Creating Color Mapper from Design Tokens
-
-Bridge dstyler design tokens with wparser's color mapping system:
-
-```tsx
-import { createColorMapperFromTokens } from '@marvalt/dstyler';
-import { createEnhancedRegistry } from '@marvalt/wparser';
-import { loadTheme } from '@/config/themes';
-
-// Get your design tokens
-const tokens = await loadTheme();
-
-// Generate colorMapper from tokens
-const colorMapper = createColorMapperFromTokens(tokens, {
-  // Optional overrides for specific WordPress color names
-  'accent-6': 'bg-[#4a90a4] text-white',
-});
-
-// Use with wparser registry
-const registry = createEnhancedRegistry(mappings, undefined, colorMapper);
-```
-
-### Using Semantic Tailwind Classes
-
-If your Tailwind config has semantic colors defined (primary, secondary, etc.):
-
-```tsx
-import { createColorMapperWithSemanticClasses } from '@marvalt/dstyler';
-
-const colorMapper = createColorMapperWithSemanticClasses(tokens, {
-  'accent-1': 'bg-primary text-primary-foreground',
-  'accent-2': 'bg-secondary text-secondary-foreground',
-});
-```
-
-## License
-
-GPL-3.0-or-later
-
-
-
-
-
-