Releases: nuxt/ui
v3.3.4
🐛 Bug Fixes
- FileUpload: add missing
buttontype (91f86d9), closes #4935 - Form: handling race condition on
clearfunction (#4843) (0a8ead7) - InputMenu/Select/SelectMenu: show falsy value when model value is falsy (#4882) (5b9d9d8)
- locale: improve
idname (#4890) (e5cb55b)
Full Changelog: v3.3.3...v3.3.4
v4.0.0-alpha.1
📚 Documentation
You can check out the new docs for v4 on https://ui4.nuxt.com while in alpha.
🚨 Breaking Changes
- components: rename
nullifymodifier tonullableand addoptional(#4838) - module: update compatibility to nuxt 4
Read the migration guide to v4.
🚀 Features
🐛 Bug Fixes
- AuthForm: use
errorfrom form field (#4738) (00dfb6b) - BlogPost: ensure date slot renders (#4743) (4514880)
- ChangelogVersion/ChangelogVersions: handle RTL mode (#4777) (f91c408)
- ContentSearch/DashboardSearch: make
ui.modalwork (946c2ec) - module: add
@sourceon components (a16465f), closes #4773 - PageCard: improve keyboard accessibility (#4733) (3029568)
- ProseImg: ensure unique motion layout id for images (#4720) (9480a0b)
- unplugin: handle components overrides in subdirectories (#4781) (69ee75e)
New Contributors
- @cco3 made their first contribution in #4808
- @fabianmerino made their first contribution in #4826
Full Changelog: v4.0.0-alpha.0...v4.0.0-alpha.1
v3.3.3
🚀 Features
🐛 Bug Fixes
- components: broken types for
update:model-valueevent (#4853) (7133f50) - Form: default slot types (#4758) (a32cc37)
- Form: update
Forminterface to accept RegExp (#4821) (0c2d390) - InputMenu/Select/SelectMenu: show placeholder when model value is falsy (#4825) (90b5daf)
- InputMenu: prevent
focus-outsideevent on content (77b6b9a) - Link: ensure target
_blankis flagged as external for Inertia (#4746) (520b277) - Table: ensure
colspancalc forloadingandemptystates (#4826) (bdcc8c4)
New Contributors
- @cco3 made their first contribution in #4808
- @fabianmerino made their first contribution in #4826
Full Changelog: v3.3.2...v3.3.3
v2.22.2
🐛 Bug Fixes
- Meter: correct vertical alignment of progress bar (#4735) (875be4b)
- SelectMenu/InputMenu: ensure object compare with
byprop (#4791) (44382cd)
New Contributors
- @DanielPagani made their first contribution in #4735
Full Changelog: v2.22.1...v2.22.2
v4.0.0-alpha.0
📚 Documentation
You can check out the new docs for v4 on https://ui4.nuxt.com while in alpha.
🚨 Breaking Changes
- components: upgrade
ai-sdkto v5 (#4698) (9545fdd) - FieldGroup: rename from
ButtonGroup(#4596) (8aa96d1) - components: import
@nuxt/ui-procomponents (#4675) (f6ae153) - Marquee: rename from
PageMarquee(#4741) (0a4d9b4) - PageAccordion: remove in favor of
Accordion(#4734) (1c63aab)
Read the migration guide to v4.
Full Changelog: v3.3.2...v4.0.0-alpha.0
v3.3.2
This release ensures the
[email protected]dependency is installed. The2.1.0version is somehow broken at the moment: heroui-inc/tailwind-variants#259 / heroui-inc/tailwind-variants#258
Full Changelog: v3.3.1...v3.3.2
v3.3.1
🚀 Features
- Form: support error RegExp in exposed methods (#4608) (b8b74a0)
- Tree: add
item-wrapperslot (#4521) (411d937) - useOverlay: return promise on
openmethod (#4592) (58aac86)
🐛 Bug Fixes
- Drawer: improve closing animation with
insetprop (#4676) (9da1527) - FileUpload: handle wildcard in dropzone
dataTypes(#4671) (729bed4) - FileUpload: improve file removal a11y (#4607) (f90bba0)
- FileUpload: open dialog on keyup (#4629) (8e9265e)
- FileUpload: prevent default on keydown (#4633) (68d8a98)
- Input: incorrect rendering of type
date/timeon iOS (#4715) (93cc83c) - InputMenu/Select/SelectMenu: add display value fallback when no items found (#4689) (34ca811)
- Select/InputMenu: handle focus via label inside a FormField (#4696) (55dbcd2)
- Tabs: add missing Badge import (#4594) (fbec29c)
- Toast: add type for progress
uiprop (#4677) (a8af85c) - Tooltip: render only if
textorkbdsare present (#4568) (5e39cbb)
New Contributors
- @calmyournerves made their first contribution in #4594
- @dev1-dylan made their first contribution in #4652
- @kazupon made their first contribution in #4674
- @cyrilf made their first contribution in #4597
Full Changelog: v3.3.0...v3.3.1
v3.3.0
✨ Highlights
☁️ New FileUpload Component
Introducing a powerful new FileUpload component that makes file uploads effortless with built-in drag-and-drop and validation support (#4564).
Learn more: https://ui.nuxt.com/components/file-upload
🎨 Global Default Variants
Configure global defaults for color and size across all components to reduce boilerplate and ensure consistent styling (#4400).
export default defineNuxtConfig({
modules: ['@nuxt/ui'],
css: ['~/assets/css/main.css'],
ui: {
theme: {
defaultVariants: {
color: 'neutral',
size: 'sm'
}
}
}
})Learn more: https://ui.nuxt.com/getting-started/installation/nuxt#themedefaultvariants
📊 Enhanced Table Component
Major improvements to the Table component bring enhanced functionality and better user experience:
- Footer support for column summaries (#4194)
- Context menu support (#4259)
- Colspan and rowspan support (#4460)
- Row hover events for better interactivity (#2435)
- Custom styles in table and column meta (#4513)
Learn more: https://ui.nuxt.com/components/table
🚀 Features
- CommandPalette: add
footerslot (#4457) (63730d6) - Drawer: add
nestedprop (e2695ee), closes #4320 - FileUpload: new component (#4564) (35dbe6c)
- Input/Textarea: add
default-valueprop (#4404) (fb9e7bb) - InputMenu: emit
remove-tagevent (#4511) (6ca7c8b) - InputTags: add
max-lengthprop (b96a1cc), closes #4405 - Kbd: add
colorprop &softvariant (#4549) (f336600) - module: add
theme.defaultVariantsoption (#4400) (35f90b9) - Popover: add
referenceprop (b00e07f) - Table: add
footersupport to display column summary (#4194) (c355cac) - Table: add
styleto table and columnmeta(#4513) (1db21d1) - Table: add row
hoverevent (f903ec3), closes #2435 - Table: add support for
colspanandrowspan(#4460) (7ef1933) - Table: add support for context menu (f62c5ec), closes #4259
- Tabs: add badge on items (#4553) (62ab016)
- Toast: progress bar with Progress component (ec569e4)
- Tooltip: add
referenceprop (69a7b95), closes #4430
🐛 Bug Fixes
- Button/Link: merge
active-class/inactive-classwith app config (#4446) (9debce7) - Button: add
activestyles to behave likehoveron mobile (df8f202), closes #991 - Carousel/Tree: add type to button elements for accessibility (#4493) (fc24e03)
- Carousel: add
aria-currentattribute to active dot (#4447) (1ba8a55) - Carousel: improve accessibility (55e06e9), closes #4494
- Carousel: resolve plugins with page transitions (#4380) (3b67d54)
- ColorPicker: update color conversion logic (#4550) (6b6ec8c)
- CommandPalette: remove
rtl:space-x-reversefrom label (#4576) (4682ded) - defineShortcuts: allow extra keys to be combined with
shift(#4456) (772631c) - defineShortcuts: always pass event to shotcut handler (#4516) (ef473c3)
- FormField: improve
errortype with boolean (a4d0ca7), closes #4496 - FormField: resolve minor accessibility and rendering issues (#4515) (c64c4cd)
- InputMenu/SelectMenu: filter null items in search (488707e)
- InputMenu/SelectMenu: improve display value without
valueKey(4d4234d), closes #4528 - InputMenu/SelectMenu: only filter non-null fields (c92f908), closes #4509
- InputMenu: reset search term on mounted (cb160e6), closes #3993
- module: merge user's options when installing modules (78f92a2)
- NavigationMenu/Tabs: display badge when not undefined (b22891a)
- NavigationMenu/Tabs: proxy fallthrough attributes (836f748)
- RadioGroup: improve type safety for normalizeItem function (#4535) (bb99345)
- Table: add
scopeattribute to headers (#4417) (347694b) - Table: handle reactive columns (#4412) (4ce6540)
- theme: colors autocomplete in app config (752e2b6)
- Toast: only show progress when open (1d052ec), closes #4464
- Tooltip: display separator only with
textandkbds(#4570) (63476e5) - useLocale: ensure inject defaults to
en(df1abf1), closes #4579 - useLocale: prevent hydration error when switching locale (15c7991)
- useOverlay: don't use
patchwhen passing props toopen(#4497) (5ad7dab) - useOverlay: improve props handling by mer...
v2.22.1
🐛 Bug Fixes
Full Changelog: v2.22.0...v2.22.1
v3.2.0
✨ Highlights
🏷️ New InputTags Component
A powerful new component for managing multiple input values with a clean, tag-based interface (#4261).
Learn more: https://ui.nuxt.com/components/input-tags
⏱️ New Timeline Component
Introducing the Timeline component for displaying chronological sequences and process flows (#4215).
Learn more: https://ui.nuxt.com/components/timeline
🚨 Breaking Changes
- useOverlay: correct spelling of
unmountfunction (#4051)
🚀 Features
- Avatar: add
chipprop (#4224) (03ac395) - Carousel: allow customization of active dot color (#4229) (2ee1c5a)
- CommandPalette: handle
childrenin items (#4226) (59c26ec) - extendLocale: new composable (0f558fc), closes #3729
- Form: expose loading state to default slot (#4247) (ea0c459)
- InputTags: new component (#4261) (54bb228)
- Modal/Slideover: add
actionsslot (#4358) (8156971) - Modal/Slideover: add
closemethod in slots (#4219) (5835eb5) - Select/SelectMenu/Tabs: expose trigger refs (7a2bd4e), closes #4292
- Select/SelectMenu: handle dynamic
autofocus(1a4de49), closes #4324 - Table: add
body-top/body-bottomslots (#4354) (595fc64) - Timeline: new component (#4215) (8017767)
🐛 Bug Fixes
- Card/Drawer/Modal: prevent scrollbars overflow (#4368) (c3adc38)
- components: remove default
mdsize on buttons (#4357) (be41aed) - defineShortcuts: allow
meta_-shortcut (#4321) (4e7c1c9) - Form: conditionally type form data via
transformprop (#4188) (37abcc6) - Form: expose reactive fields (#4386) (1a8feb7)
- InputMenu/SelectMenu: dynamic
emptysize (ba3c6e8), closes #4377 - Modal/Slideover: don't emit
close:preventoncloseAutoFocus(150b334) - NavigationMenu: nested accordion context at every level (#4363) (2fa8db6)
- NavigationMenu: set content
max-heightinhorizontalorientation (62bc7b2), closes #4208 - Pagination: match default button
size(#4350) (4dd56c8) - Select/SelectMenu: display falsy values (7df7ee3)
- Select/SelectMenu: prevent empty string display when multiple (483e473)
- SelectMenu: dynamic input size (b0364b9)
- Table: use
tras separator (#4083) (edca3bc) - Toast: calc height on next tick (3bf5acb), closes #4265
- Toaster: smoother visibility transition for stacked toasts (#4367) (abfd0ed)
- useOverlay: correct spelling of
unmountfunction (#4051) (546df57) - useOverlay: set props to original props when
defaultOpenis set (#4308) (66355ba) - useOverlay: use original props when not provided to
open(#4269) (bf56e15)
🌐 Locales
👋 New Contributors
- @JosephAnson made their first contribution in #4219
- @ra-jeev made their first contribution in #4252
- @tankosinn made their first contribution in #4188
- @dan-hale made their first contribution in #4247
- @syvixor made their first contribution in #4325
- @aa900031 made their first contribution in #4261
- @cram0 made their first contribution in #4334
- @larseberhardt made their first contribution in #4083
- @Sepush made their first contribution in #4368
- @Bobakanoosh made their first contribution in #4386
Full Changelog: v3.1.3...v3.2.0