@nuxt/ui - npm Package Versions

3.0.0-alpha.10 (2024-12-09)

⚠ BREAKING CHANGES

• module: migrate to reka-ui (#2448)
• Form: resolve async validation in yup & issue directly mutate state (#2702)

Features

• Avatar: add default slot for fallback (b741ef3)
• Calendar: add icon props (#2778) (0f64802)
• Calendar: implement component (#2618) (2e9aeb5)
• ColorPicker: implement component (#2670) (e475b64)
• CommandPalette: add active field on items for consistency (3765537)
• css: use color-scheme utilities on body (a2512f6)
• i18n: add Dutch locale (#2728) (3baddfd)
• i18n: add Turkish locale (#2716) (de8228e)
• locale: add Brazilian Portuguese language (#2825) (b7ff7d8)
• locale: add Japanese language (#2794) (ecc4755)
• locale: add Portuguese language (#2855) (8b5d412)
• locale: add Slovak language (#2821) (68a10f0)
• locale: translate Korean (#2703) (2cbf83e)
• module: migrate to reka-ui (#2448) (81ac076)
• NavigationMenu: handle item.trailingIcon display (4b653ef)
• Stepper: new component (#2733) (6484d01)
• Table: handle meta.class on th and td (#2790) (004a577)

Bug Fixes

• Breadcrumb: missing aria-hidden on presentation items (a7a1227), closes #2725
• Calendar: handle icons in RTL mode (#2770) (e7b69b7)
• Calendar: omit as / asChild props (9478fc0)
• ColorPicker: handle RTL mode (#2858) (f98b91c)
• CommandPalette: keep ignoreFilter groups at their place (#2833) (3b9ca22)
• components: apply class on trigger instead of content when present (a6ecef0), closes #2132
• components: specify collisionPadding to all menus (148b024)
• ContextMenu: remove close animation (#2798) (ed27222)
• defineShortcuts: return useEventListener to unregister the listener (80befc1), closes #2031
• devtools: error with renderer when colorMode is disabled (#2792) (f06fbaf)
• Form: resolve async validation in yup & issue directly mutate state (#2702) (c9806da)
• icons: make loading icon clockwise (#2797) (bc2bcb3)
• Link: partial query match for Vue (#2787) (a6c2205)
• locale: improve German translation (#2826) (c440c91)
• Modal: prevent from going out of screen (b7ba2c7), closes #2711
• NavigationMenu: wrong badge class (86f2b48), closes #2766
• Progress: handle horizontal animation in RTL mode (#2723) (0baa3a0)
• Stepper: handle RTL mode (#2844) (198d04d)
• Stepper: missing import (816bb69)
• Table: handle loading animation in RTL mode (#2771) (b1550d5)
• Tabs: prevent hover on disabled (a938d24)
• Tabs: truncate not working (c1ff978)
• types: handle array of strings in AppConfig (#2854) (4b241ba)
• useLocale: update locale import to enable tree shaking (#2735) (3bccb67)

3.0.0-alpha.9 (2024-11-19)

Features

• cli: add locale command (#2586) (824ba56)
• css: add --ui-bg-muted / --ui-border-muted variables (7f6db45)
• Form: apply transformations (#2550) (75c5e87)
• FormField: add error-pattern prop (#2601) (143612e)
• InputMenu/SelectMenu: add create-item prop (#2472) (f516d7b)
• InputNumber: implement component (#2577) (bd2f077)
• Link: allow partial query match for its active state (#2664) (7329900)
• locale: add Persian language (#2682) (14fb21b)
• locale: add Polish language (#2678) (2fc36c8)
• locale: add support for Arabic (#2582) (602a667)
• locale: add support for Czech translation (#2593) (4889d30)
• locale: add support for Italian (#2583) (4fbbb25)
• locale: provide code (#2611) (8a8b1ee)
• locale: provide dir on defineLocale (#2620) (937585c)
• locale: translate chinese (#2580) (febda5c)
• locale: translate Spanish (#2644) (8ed434c)
• locale: typing dir (#2643) (e55c0e2)
• module: support i18n in components (#2553) (2636240)
• NavigationMenu: control items open & defaultOpen on vertical (30218f1), closes #2608
• PinInput: implement component (#2570) (95aa6f6)
• Popover: add prevent-close prop (ea97759), closes #2245
• SelectMenu: use UInput in search to handle props like icon (ff1e079), closes #2021
• Table: add caption prop (446f9c1)

Bug Fixes

• App: missing vue imports (ddb4690)
• App: remove dir prop (#2630) (7cc26d0)
• Breadcrumb/Carousel/Pagination: handle icons in RTL mode (#2633) (e5119a9)
• Breadcrumb: render as nav (756f791), closes #2649
• Button: improve neutral solid variant hover (8d85498)
• Carousel: use dir from locale (#2647) (1fbbfe8)
• ContextMenu/DropdownMenu: relative imports with prefix (47f58f5)
• css: --font-family-sans renamed to --font-sans (#2680) (b2fa657)
• css: remove useless spacing override (8d00265)
• FormField: missing conditions to apply container classes (#2631) (9241ba1)
• Form: match error-pattern on input validation (#2606) (3584a33)
• InputMenu/SelectMenu: init filter with labelKey (18931ac)
• InputMenu/SelectMenu: look in items only with value-attribute (0ceafe1), closes #2464
• InputMenu/SelectMenu: multiple not working with generic boolean casting (503f701), closes #2541
• InputMenu/SelectMenu: use isEqual from ohash (f943f88)
• Link: missing relative import (#2588) (95a0bbc)
• locale: Improve German translation (#2676) (992be91)
• locale: it translation (#2623) (73e25ed)
• locale: Italian translation (#2584) (d167c9b)
• Modal/Slideover: prevent esc with prevent-close prop (9e2cc5b), closes #2501
• module: remove fast-deep-equal in favor of custom isEqual (37a3597)
• module: skip devtools renderer page injection if router integration is disabled (#2571) (afe4003)
• PinInput: missing useFormField import (601f4b2)
• Textarea: autoresize does not work when initializing modelValue (#2681) (d3a079a)
• Toaster: teleport to body (b0be26d), closes #2404
• Toast: unreachable behind overlays (#2650) (0daac5b)
• useLocale: missing import in various components (#2603) (df7a61a)

Reverts

• Revert "docs(ComponentCode/ComponentExample): use relative imports" (5deadc7)

3.0.0-alpha.8 (2024-11-07)

⚠ BREAKING CHANGES

• theme: migrate from heroicons to lucide (#2540)

Features

• Avatar: infer width / height on <img> based on size prop (c9adf33)
• Avatar: use NuxtImg component when available (f1a14dd), closes nuxt/ui#2078
• Badge: handle icon and avatar props (#2497) (2d52834)
• components: improve RTL support (#2433) (94c4918)
• DropdownMenu/ContextMenu: handle color field in items (#2510) (f66c96e)
• InputMenu/Select/SelectMenu: arrow prop implementation (#2503) (f26f6c8)
• Kbd: special keys for macOS and other systems (#2494) (332c6c0)
• module: add support for vue using unplugin (#2416) (d4a943e)
• module: devtools integration (#2196) (701c75a)
• NavigationMenu: add item-content slot (b5ca0d9)
• Table: customize header and cell through slots (#2457) (ef561e7)
• theme: migrate from heroicons to lucide (#2540) (a6c1a6c)

Bug Fixes

• ButtonGroup: merge class with theme (d980115), closes nuxt/ui#2498
• Carousel: add missing aria-label on dots (#2489) (03dd1eb)
• Chip: proxy attrs to slot (8669553), closes nuxt/ui#2484
• components: missing relative imports (1a93d13), closes nuxt/ui#2515
• InputMenu/Select/SelectMenu: improve types (#2471) (db8111d)
• InputMenu/SelectMenu: fast-deep-equal import (309e52f), closes nuxt/ui#2488
• module: add fast-deep-equal in optimizeDeps (0bfe2b6)
• module: define [#build](https://github.com/nuxt/ui/issues/build)/app.config (12ae20d), closes nuxt/ui#2532
• NavigationMenu: add missing min-w-0 to make truncate work (#2476) (1402436)
• NavigationMenu: enforce data-orientation (64ad4b6)
• NavigationMenu: improve generic types (#2482) (fc2015b)
• Table: types in undeclared slots (#2544) (f821e66)
• Tabs: same behaviour between pill and link variants (e592da2), closes #2338
• templates: type error in app config (77d18d8), closes nuxt/ui#2481
• useKbd: hydration issue (845f85a), closes #2494
• utils: improve escapeRegExp function (a97c511)

3.0.0-alpha.7 (2024-10-23)

⚠ BREAKING CHANGES

• components: rename select to onSelect on items

Features

• Accordion/Breadcrumb/CommandPalette/ContextMenu/DropdownMenu/NavigationMenu/Tabs: add labelKey prop (acfc6ce)
• Button: handle avatar prop (a54c3e4)
• CommandPalette: handle loading field in items (49abad2)
• ContextMenu/DropdownMenu: handle checkbox items type (8ef6e71), closes #2144
• ContextMenu/DropdownMenu: handle loading field in items (b975235)
• Form: add superstruct validation (#2363) (5385944)
• Input/InputMenu/Select/SelectMenu: handle avatar prop (53a3796)
• InputMenu/RadioGroup/Select/SelectMenu: handle labelKey and use get to support dot notation (f6f9823)
• NavigationMenu: handle children on vertical orientation (#2384) (34bddd4)
• Table: implement component (#2364) (b54950e)

Bug Fixes

• AvatarGroup: wrong ring on big sizes (61b2323)
• Button: invalid hover on link variant (df2013c)
• Checkbox: indeterminate prop not working (f6631ff)
• components: rename select to onSelect on items (b39c4d1)
• css: font-sans already applied on <html> (9e03da4)
• css: make [@theme](https://github.com/theme) default (a2bad2e)
• Drawer/Modal/Slideover: no need for z-index since its isolated (bcfa4b7), closes nuxt/ui#2347
• Input/InputMenu/Select/SelectMenu: uniformize placeholder color (f59844b)
• InputMenu/SelectMenu: escape regexp before search (7c21dde)
• InputMenu/SelectMenu: improve displayed value (0f9ac87), closes nuxt/ui#2353
• InputMenu: emit focus event (#2386) (7802aac)
• module: stop using tailwind's shorthand arbitrary variable syntax (#2366) (dcce571)
• Slideover: set max height on top / bottom positions (a68016e), closes nuxt/ui#2388

3.0.0-alpha.6 (2024-10-09)

⚠ BREAKING CHANGES

• module: implement design system with CSS variables (#2298)

Features

• Carousel: implement component (#2288) (68ee3f1)
• Form: add Standard Schema support (#2303) (0955c07)
• module: implement --ui-radius CSS variable (#2341) (057e86c)
• module: set disableTransition option on @nuxtjs/color-mode (b82af02)

Bug Fixes

• Accordion: use text-left break-words instead of truncate on label (6c7c2f0)
• Alert: default variant to solid for consistency (3a7c5c2)
• Button: center text with block prop (3cf5535), closes nuxt/ui#2317
• Carousel: move embla plugins to dependencies (bee04ad)

Code Refactoring

• module: implement design system with CSS variables (#2298) (9368c6a)