nuxt/ui v2.2.0

on GitHub

What's Changed

• fix(VerticalNavigation): badge display in d2ee505
• chore(VerticalNavigation): links badge type as number in 6eda322
• chore(Avatar): allow default value for chipColor through app.config.ts in 570b82d
• fix(Radio/Checkbox): remove ring offset on focus in a56dbea
• chore(Notification): add progressColor and progressVariant props by @benjamincanac in #219
• chore(CommandPalette): handle loading state by @benjamincanac in #221
• chore(Dropdown): use ULinkCustom (fixes close on link clicks) in 55f115f
• chore(Notification): move padding to app.config in 6d3309c
• chore(VerticalNavigation)!: split preset in 19923cb
• chore(SelectMenu): add searchablePlaceholder prop in b7099aa
• chore(deps): switch to pnpm by @benjamincanac in #228
• chore(Avatar)!: remove chipVariant prop in 1f22f84
• chore(Notification)!: rename progressColor to color and style icon in 1b61ec7
• chore(Avatar): dark variant for chip background color in 589f86e
• feat!: handle color states on form elements by @benjamincanac in #234

Migration Guide

As this library is quite new, some breaking changes are necessary to make it granular and more flexible. If you didn't override the preset through your app.config.ts file, most of the changes won't affect you (except for the form elements).

We'll do our best to keep the breaking changes as minimal as possible in the future and will document them properly.

Avatar

• chipVariant prop has been removed and chip now uses chip.background preset class
• chip.background preset class now defaults to 500 in light mode

InputGroup

• Component has been renamed to FormGroup and now has its own documentation page
• error prop has been added with its own preset classerror
• Component now uses a render function to dynamically set the color prop of children to red
• label, labelWrapper and required preset classes have been moved in label object

Input / Textarea / Select / SelectMenu

• rounded preset class has been moved from variants to the root of the preset to be customizable globally
• placeholder preset class has been moved from variants to the root of the preset to be customizable globally
• appearance prop has been removed in favor of color (defaults to white) and variant (defaults to outline) to follow Badge and Button convention, this gives us color states for now will allow us to define other variants in the future
• padded prop has been added to remove padding easily

SelectMenu

• searchablePlaceholder prop has been added

Notification

• padding preset class has been added
• color prop has been added to style progress bar and icon
• default.icon preset class has been added to set a default icon on all your notifications
• icon, avatar and progress preset classes have been turned into an object
• avatar.size preset class now defaults to md to be centered

Vertical Navigation

• ring, width, rounded, font and size preset classes have been pulled out of base to customize component with granularity

New Contributors

• @okisdev made their first contribution in #216
• @sumitkolhe made their first contribution in #211

Full Changelog: v2.1.0...v2.2.0