Skip to content

v9.2.1

Choose a tag to compare

View all tags
@rdlabo rdlabo released this 11 Nov 03:43
· 2 commits to main since this release
v9.2.1
45e0099

Simpler theme setup

This patch adds an optional shorter setup for Ionic Angular, React and Vue applications. Import the bundled stylesheet and spread the exported md3ThemeConfig object into your existing Ionic initializer:

@import '@rdlabo/ionic-theme-md3/styles/theme.css';
import { md3ThemeConfig } from '@rdlabo/ionic-theme-md3';

const ionicConfig = {
  ...md3ThemeConfig,
  // animated: false,
};

styles/theme.css combines the theme variables and component styles. Keep your chosen Ionic dark-palette import before it. Dynamic Colors continues to use Ionic’s class-based dark palette. md3ThemeConfig sets Material Design mode and the MD3 page transition.

Updating existing applications

Existing individual stylesheet paths and animation exports remain supported. Adoption is optional, and the stylesheet and configuration object can be adopted independently. Place application options after the spread to override defaults. Applications that choose modes by platform should select the matching configuration as a whole.

The setup guide covers the high-level integration for each framework. The configuration guide covers individual CSS imports, animation APIs and customization. The migration guide shows the optional changes as diffs.

Demo and release tooling fixes

  • Separate the demo’s Material You and dark-mode toggles, and disable unavailable Material You controls.
  • Restore npm beta publishing and handle both string and singleton-array integrity responses. After a publish conflict, wait for registry propagation and verify the exact published integrity without repeating publication.

See #72, #73, #71 and #74.

npm install @rdlabo/ionic-theme-md3@9.2.1

Full changelog

Assets 2
Loading