v2.4.0

✨ Highlights

• New Pagination component: https://ui.nuxtlabs.com/navigation/pagination
• CSS bundle greatly reduced with smart safelisting: https://ui.nuxtlabs.com/getting-started/theming#colors

🚨 Breaking Changes

Select

• text-attribute prop has been renamed to option-attribute and now defaults to label (like SelectMenu)

Input / Textarea / Radio / Checkbox / Select / SelectMenu

• ui.custom has been removed in favor of class binding through v-bind="$attrs"
• class will no longer apply on the wrapper but on the element so use :ui="{ wrapper: '...' }" instead

If you were using some form elements outside the library components, for example a basic <input type="checkbox" /> in your prose, you might loose some reset styles as @tailwindcss/forms now only applies when using form-${element} classes, see #278.

🚀 What's Changed

• fix(forms): padded prop with p-0 class
• fix(Button): same size when no label + uniformize form elements
• fix(ButtonGroup): invalid size validator
• fix(ButtonGroup): use -space-x-px on wrapper
• chore(Dropdown): handle height for overflow
• chore: add @tailwindcss/container-queries official plugin
• fix(Notification): class priority for icon color
• feat(Table): add slot for empty state by @Haythamasalama in #260
• feat(Pagination): new component by @smarroufin in #257
• feat(Table): add loading state by @Haythamasalama in #259
• fix(module): use @tailwindcss/forms class strategy by @benjamincanac in #278
• fix(Toggle): missing disabled prop
• fix(Radio/Checkbox): split preset as indeterminate is checkbox only
• chore(Select)!: rename text-attribute to option-attribute and def…
• feat(CommandPalette): handle empty-state by @Haythamasalama in #271
• fix(forms)!: bind $attrs to elements by @benjamincanac in #279
• feat(module): smart safelisting by @benjamincanac in #268
• fix(Table): colspan of empty and loading is wrong when selection enabled by @9uenther in #284

New Contributors

• @9uenther made their first contribution in #284

Full Changelog: v2.3.0...v2.4.0