v0.3.3

MeoNode UI v0.3.3 – Theme System Overhaul

Release Date: 2025-09-26

⚠️ Breaking Changes

• Theme System: Theme handling has been migrated to React Context.
  • The old theme prop on components (e.g., Div({ theme: { ... } })) is no longer supported.
  • You must now wrap your application (or subtree) with the ThemeProvider.

Example Migration

Before:

import { Div } from '@meonode/ui';

const App = () => {
  return Div({
    theme: {
      // theme object
    },
    children: 'Hello world!',
  });
};

After:

import { Div, ThemeProvider } from '@meonode/ui';

const App = () => {
  return ThemeProvider({
    theme: {
      mode: 'light', // or 'dark' or any custom mode
      system: {
        base: {
          default: '#ffffff',
          content: '#000000',
        }
      }
    },
    children: [
      Div({
        backgroundColor: 'theme.base',
        color: 'theme.content',
        children: 'Hello world!',
      }),
    ],
  });
};

---

What’s New (since v0.2.21)

v0.3.3

• Fix: Enhanced element type validation to allow createPortal to be passed as children.

v0.3.2

• Fix: Updated import paths for the Node component to improve module structure.
• Fix (ThemeProvider): Updated type imports and refined function return types for clarity.

v0.3.1

• Docs: Updated README with details on the new theme system.

v0.3.0

• Feature: Introduced a new theme system using React Context for cleaner and more flexible theme propagation.
• Refactor: Removed unused _childrenHash property from the Node class.

---

Version Update

• Incremented version to 0.3.3.

Changelog & Commits

• View Full Changelog
• Browse All Commits