Version Packages

[github-actions]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@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.

@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.

@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

@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