Version Packages

demo-native/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @mobile-reality/mdma-demo-native
 
+## 0.0.3
+
+### Patch Changes
+
+- Updated dependencies [ae32824]
+- Updated dependencies [ff4ca64]
+  - @mobile-reality/mdma-renderer-react-native@0.3.0
+  - @mobile-reality/mdma-agui@0.2.0
+
 ## 0.0.2
 
 ### Patch Changes

demo-native/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mobile-reality/mdma-demo-native",
   "private": true,
-  "version": "0.0.2",
+  "version": "0.0.3",
   "main": "index.ts",
   "scripts": {
     "start": "expo start",

demo/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @mobile-reality/mdma-demo
 
+## 0.0.14
+
+### Patch Changes
+
+- Updated dependencies [ae32824]
+- Updated dependencies [ff4ca64]
+  - @mobile-reality/mdma-renderer-react@0.5.0
+  - @mobile-reality/mdma-renderer-react-native@0.3.0
+
 ## 0.0.13
 
 ### Patch Changes

demo/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mobile-reality/mdma-demo",
   "private": true,
-  "version": "0.0.13",
+  "version": "0.0.14",
   "type": "module",
   "scripts": {
     "dev": "vite",

packages/agui/package.json

@@ -67,7 +67,9 @@
     "typescript": "^5.7.0",
     "vitest": "^3.2.0"
   },
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "publishConfig": {
     "access": "public"
   },

packages/cli/package.json

@@ -1,7 +1,15 @@
 {
   "name": "@mobile-reality/mdma-cli",
   "version": "0.2.9",
-  "keywords": ["mdma", "markdown", "ai", "llm", "interactive-document", "cli", "prompt-builder"],
+  "keywords": [
+    "mdma",
+    "markdown",
+    "ai",
+    "llm",
+    "interactive-document",
+    "cli",
+    "prompt-builder"
+  ],
   "type": "module",
   "bin": {
     "mdma": "./dist/bin/mdma.js"
@@ -60,7 +68,10 @@
     "vite": "^6.0.0",
     "vitest": "^3.2.0"
   },
-  "files": ["dist", "app-dist"],
+  "files": [
+    "dist",
+    "app-dist"
+  ],
   "publishConfig": {
     "access": "public"
   },

packages/renderer-react-native/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @mobile-reality/mdma-renderer-react-native
 
+## 0.3.0
+
+### Minor Changes
+
+- ae32824: Add opt-in theming to both renderers via a `theme` prop on `MdmaDocument`.
+
+  - Pass `"light"`, `"dark"`, `"auto"` (follows the OS preference), or a full `MdmaTheme` token object; omit it for the unchanged default light look.
+  - Web renderer: `styles.css` is now driven by `--mdma-*` CSS variables, so themes apply via `data-theme`/inline variables and can be overridden directly in CSS. Exposes `MdmaThemeProvider`, `useMdmaTheme`, `lightTheme`, `darkTheme`, and helpers.
+  - Web renderer: a `MdmaDocument` with no `theme` prop now inherits the theme from an ancestor `MdmaThemeProvider`, so one provider can theme a whole app; an explicit `theme` prop still wins.
+  - Web renderer: a custom `MdmaTheme` object now also selects the light/dark base (by its `background` luminance) so the stylesheet's internal derived colors (heading text, code backgrounds, …) match — a custom _dark_ theme no longer renders near-black text on a dark surface.
+  - Web renderer: interactive states — button hover (`--mdma-color-*-hover`) and the input focus ring — now derive from the base tokens via `color-mix`, so a custom `primary` gets a coherent matching hover/focus automatically instead of the built-in purple.
+  - React Native renderer: `theme="auto"` now follows the OS color scheme via `useColorScheme()`.
+  - Both renderers share the same `MdmaTheme` token shape, so a custom theme object is portable between web and native.
+
+- ff4ca64: Unify the React Native renderer's built-in `lightTheme`/`darkTheme` palettes with the web renderer's, so MDMA content looks consistent across web and native. The native defaults were previously a blue-primary palette; they now match the web renderer's purple-primary light/dark themes exactly (same `colors`, and `fontSize` `small`/`title` aligned). Pass a custom `MdmaTheme` to `MdmaDocument`/`MdmaThemeProvider` to override.
+
+  Also fixes the RN `TableRenderer` and `ChartRenderer` (which renders as a table), whose bodies had no themed background (only the header did) — on a dark theme the rows showed through to whatever was behind them. They now fill their container with `colors.background` (header stays `colors.surface`), matching the web renderer and the other RN card renderers.
+
 ## 0.2.1
 
 ### Patch Changes

packages/renderer-react-native/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobile-reality/mdma-renderer-react-native",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "keywords": [
     "mdma",
     "markdown",
@@ -46,7 +46,9 @@
     "typescript": "^5.7.0",
     "vitest": "^3.2.0"
   },
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "publishConfig": {
     "access": "public"
   },

packages/renderer-react/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @mobile-reality/mdma-renderer-react
 
+## 0.5.0
+
+### Minor Changes
+
+- ae32824: Add opt-in theming to both renderers via a `theme` prop on `MdmaDocument`.
+
+  - Pass `"light"`, `"dark"`, `"auto"` (follows the OS preference), or a full `MdmaTheme` token object; omit it for the unchanged default light look.
+  - Web renderer: `styles.css` is now driven by `--mdma-*` CSS variables, so themes apply via `data-theme`/inline variables and can be overridden directly in CSS. Exposes `MdmaThemeProvider`, `useMdmaTheme`, `lightTheme`, `darkTheme`, and helpers.
+  - Web renderer: a `MdmaDocument` with no `theme` prop now inherits the theme from an ancestor `MdmaThemeProvider`, so one provider can theme a whole app; an explicit `theme` prop still wins.
+  - Web renderer: a custom `MdmaTheme` object now also selects the light/dark base (by its `background` luminance) so the stylesheet's internal derived colors (heading text, code backgrounds, …) match — a custom _dark_ theme no longer renders near-black text on a dark surface.
+  - Web renderer: interactive states — button hover (`--mdma-color-*-hover`) and the input focus ring — now derive from the base tokens via `color-mix`, so a custom `primary` gets a coherent matching hover/focus automatically instead of the built-in purple.
+  - React Native renderer: `theme="auto"` now follows the OS color scheme via `useColorScheme()`.
+  - Both renderers share the same `MdmaTheme` token shape, so a custom theme object is portable between web and native.
+
 ## 0.4.1
 
 ### Patch Changes

packages/renderer-react/package.json

@@ -1,7 +1,16 @@
 {
   "name": "@mobile-reality/mdma-renderer-react",
-  "version": "0.4.1",
-  "keywords": ["mdma", "markdown", "ai", "llm", "interactive-document", "react", "forms", "ui"],
+  "version": "0.5.0",
+  "keywords": [
+    "mdma",
+    "markdown",
+    "ai",
+    "llm",
+    "interactive-document",
+    "react",
+    "forms",
+    "ui"
+  ],
   "type": "module",
   "exports": {
     ".": {
@@ -29,7 +38,10 @@
     "typescript": "^5.7.0",
     "vitest": "^3.2.0"
   },
-  "files": ["dist", "styles.css"],
+  "files": [
+    "dist",
+    "styles.css"
+  ],
   "publishConfig": {
     "access": "public"
   },