v5.0.0-beta.0
Pre-release
Pre-release
·
2 commits
to master
since this release
🚀 Features
-
⚠️ Maz-ui v5 — theming overhaul, RTL-native components, ~8% lighter (61883c03)Maz-UI v5 is a focused major: a theming overhaul on top of Tailwind v4, RTL-correct components, a lighter chart, a simpler icon API, and a one-shot CLI to make the upgrade itself painless.
Highlights
- Theming, top to bottom — OKLCh color system for perceptually uniform scales, honest token names (
background→surface,border→divider), a real radius scale, acomponentsblock to override per-component tokens, the newnovapreset, and preset persistence across reloads. - Logical direction by default — every
left/rightprop, slot and CSS hook is nowstart/end. Setdir="rtl"and components mirror correctly. - Lighter chart —
MazChartdropsvue-chartjs, lazy-loadschart.js, and only registers the modules the charttypeactually needs. - Simpler icons — one
iconprop instead of four. New@maz-ui/icons/raw/*subpath for raw SVG inlining without a Vue component. - Standardized sizes —
MazBadgejoins the rest of the library on theMazSizekeyword scale. - ~8% lighter library bundle thanks to the chart, icon and theming refactors.
- Modern browsers required (Chromium 111+, Safari 16.4+, Firefox 128+).
Migration
- Mechanical part:
npx @maz-ui/upgrade ./rewrites your code, bumps everymaz-ui/@maz-ui/*entry inpackage.jsonto^5.0.0, and runs the rightpnpm/yarn/bun/npm installfor you. - Judgment calls (icon paths, theme preset reshape, chart animation default): connect
@maz-ui/mcpto your AI assistant and walk the guide section by section.
Links
Solo maintainer note: v4 will receive no further support after v5 stable — no security fixes, no backports.
- Theming, top to bottom — OKLCh color system for perceptually uniform scales, honest token names (
🩹 Fixes
- docs: Display demos (3364ce2f)
⚠️ Breaking Changes
⚠️ Maz-ui v5 requires modern browsers (Chromium 111+, Safari 16.4+, Firefox 128+). Everyleft/rightprop, slot and CSS hook is nowstart/end; icon API simplified to a single prop;MazBadgesizes standardized; andMazChartdropsvue-chartjs. Usenpx @maz-ui/upgrade ./and consult the migration guide for full details (61883c03).
❤️ Contributors
- Mazel (Loïc Mazuel) (@LouisMazel)
- LouisMazel (@LouisMazel)