[FEATURE] v4 - changelog

[LouisMazel]

Changelog

• [x] Tree shaking: export all components directly in maz-ui - e.g: import { MazBtn } from 'maz-ui/components' (analyse bundle)
• [x] Add a third color (accent)
• [x] Correct and fix all errors in CSS variable theme colors (dark and light inverted) #1115
• [x] Multiple v-model for MazPhoneNumber and avoid current user input change to e164 when valid
• [x] Export type of component props with defined name like MazBtnProps
• [x] Have a real CSS variables for theme - unify all theme colors (theme as all variant for example : alpha, etc)
• [x] Export icons as component or SVG ?
• [x] Add page to show theming https://www.shadcn-vue.com/themes.html (can be improved)
• [x] Use only one variable per color (hsl)
• [x] Have utilities classes: bg-color-dark & bg-color-darker for each theme
• [x] Replace MazDropzone by MDropzone from personal project
• [x] Add a module and options to manage the theme directly in JS defineMazTheme and app.use(mazUi, { theme: {} })
• [x] Check all types names to prefix it by components and modules
• [x] New package : @maz-ui/nuxt
• [x] New package : @maz-ui/icons
• [x] New package : @maz-ui/themes
• [X] Documentation : @maz-ui/nuxt
• [X] Rewrite documentation (getting started, guide, theming, etc)
• [x] Check all position types (popover different as others)
• [x] Changesets
• [x] themes testing
• [x] Remove all import * as MazIcons
• [x] DOCS: 301 maz-phone-number-input --> maz-input-phone-number
• [x] vFullScreenImg, not rendered at the second times (document.body, check others implementations with useMountComponent)
• [x] MazPagination styles
• [x] popover:
  • [x] MazDropdown
  • [x] MazSelect
  • [x] MazPicker
  • [x] Tooltip
• [x] MazSelect x Popover
  • [x] top offset no correct
  • [x] scrollToOptionIndex too fast (maybe scroll the list instead of scrollIntoView)
  • [x] open prop should open the list
  • [x] when disabled, the list should be open
  • [x] Arrow navigation for options
  • [x] search options (with no search input and with)
  • [x] Click on flag icon in country selector not open the list
• [x] Create a plugin MazUiThemes (like MazTranslationsPlugin) and wrap it into a maz-ui plugin
• [x] @maz-ui/translations
• [x] MazCountrySelect
• [x] Props heritage within a dedicated props who extends the components props (or not)
• [x] Harmonise option of MazDialogPromise with useMazDialogPromise to avoid complexity with buttons
• [x] Lerna ?
• [x] CI : Deploy and publish pipelines
• [x] Migration guide
• [x] Update dependencies
• [x] Check all docs (specially the new ones)
• [x] Add tests
• [x] Add dependencies in "dependencies" and build it or not ?
• [x] Export themes and translations from maz-ui to avoid multiple installations
• [x] Update nuxt module to target @maz-ui/nuxt
• [ ] Internal Flags
• [ ] Npm deprecated v3 message
• [x] Update the main README.md visible on home repo

NEXT 4.1.0

• [ ] To generate files, use hbs files template (cli, maz-cli)
• [ ] Tailwind V4
• [ ] include global settings to custom components
• [x] No more theming in CSS, only runtime CSS variables (remove &--primary)
• [ ] Deprecated message for vue-phone-number-input with link to https://maz-ui.com
• [ ] Update readme of vue-phone-number-input --> redirect user to maz-ui
• [x] MazPopover
  • [x] Animations like tooltip
• [ ] Docs : Remove global of components

[caio-emidio]

any chance to include #777 ?

[LouisMazel]

Yes @caio-emidio, this is planned even before v4 :)

[caio-emidio]

I would like to understand more how to contribute to maz-ui . Any idea ?

[LouisMazel]

Follow this contributing doc: https://github.com/LouisMazel/maz-ui/blob/master/CONTRIBUTING.md

Let me know if you have any questions

[LouisMazel]

#1238