@tonic-ui/[email protected]

What's Changed

• feat: add support for CSS variables by @cheton in #731

Highlight

Tonic UI now has a default behavior of internally converting theme tokens defined in the theme to CSS variables.

For example, consider a theme object that looks like this:

const theme = {
  colors: {
    'gray:10': '#fafafa',
    'gray:20': '#f7f7f7',
  },
};

When this theme is passed to TonicProvider, Tonic UI will generate CSS variables automatically, as shown below:

:root {
  --tonic-colors-gray-10: #fafafa;
  --tonic-colors-gray-20: #f7f7f7;
}

These CSS variables can then be used to style components, providing a consistent look and feel throughout the application.

Full Changelog: https://github.com/trendmicro-frontend/tonic-ui/compare/@tonic-ui/[email protected]...@tonic-ui/[email protected]