2.18.4 (2024-08-05)
- Form: submit event data (#2012) (4d61936)
- module: handle nested colors from ui config (#2008) (1cc7e2a)
- module: reduce css bundle size by fixing safelist regex (#2005) (8ac9ca4)
- module: suffix types imports with
/index
(7e37668), closes #2018 - Tabs: use
nextTick
before marker calc (#2020) (9c04969) - useFormGroup: app config default input size (#2011) (3485092)
2.18.3 (2024-07-30)
2.18.2 (2024-07-25)
- Tabs: add missing
UIcon
import (4fd1be2)
2.18.1 (2024-07-25)
- components: use relative imports (ea721a3)
2.18.0 (2024-07-25)
- Icon: migrate from
@egoist/tailwindcss-icons
to new@nuxt/icon
(#1789)
- Checkbox/Radio/RadioGroup: add
help
slot (c3122f7), closes #1957 - CommandPalette: handle
static
groups (#1458) (b264ad2) - Icon: migrate from
@egoist/tailwindcss-icons
to new@nuxt/icon
(#1789) (c904604) - module: improve app config types autocomplete (#1870) (3f8ea5d)
- RadioGroup: add
selected
to label slot props (#1587) (d18477d) - SelectMenu: add selected to
label
/leading
/trailing
slots props (#1349) (6b216ca) - SelectMenu: handle function in
showCreateOptionWhen
prop (#1853) (7e974b5) - Skeleton: add
as
prop (#1955) (bce94db) - Table: expand row (#1036) (7155318)
- Table: handle
rowClass
property incolumns
(#1632) (748e491) - Tabs: handle
icon
in items (#1798) (e8eb394)
- Accordion: truncate buttons (5db18c0), closes #1909
- Alert/Notification: missing margin on description (2c55fb6), closes #1959
- Breadcrumb: use
rotate
on rtl icon (53003fc) - ButtonGroup/FormGroup: pass default sizes to children (#1875) (6b6b03d)
- Carousel: remove
mix-blend-overlay
on indicators (#1714) (f74f1df) - FormGroup: don't check for
error
slot sohelp
slot can render (#1888) (99c52e5) - InputMenu/SelectMenu: invalid
label
withvalue-attribute
and async search (4d5f250), closes #1780 - InputMenu/SelectMenu: prevent double filter with async search (e2881d3), closes #1966
- Link: allow
ariaLabel
to be picked (720c44d), closes #1934 - Progress: pass down attrs to
<progress>
to improve accessibility (#1881) (abd13f1) - RadioGroup: allow boolean in
modelValue
prop (#1913) (8eca5a0)
2.17.0 (2024-06-13)
- Alert: add
actions
slot (#1785) (c8dd71c) - Form: update and migrate
valibot
to v0.31.0 (#1848) (1d5bd89) - Notification: allow ring customization with
{color}
(#1830) (3ebff4d) - Slideover: handle
top
andbottom
side (#1834) (50ad14f) - Tabs: add
content
prop to avoid the render of the HTML markup (#1831) (6e2678d)
- Alert/Notification: use
div
for description (e8898d1), closes #1551 - Alert: base style not applied on icon (#1859) (f65aefb)
- Breadcrumb: allow
aria-current
to be overrideable (ebfb835), closes #1856 - Carousel: prevent mouse click when dragging (#1781) (4f0d00f)
- CommandPalette: hide
empty-state
whennull
(249bbd4), closes #1787 - Form: maintain other errors when using
setErrors
with a path (#1818) (06990be) - Input: hide wrapper when type is
hidden
(#1797) (e7c2f78) - Link: typo in
exactHash
type (581b470), closes #1767 - SelectMenu: wrong placeholder color when
modelValue
is an empty string (9b9ccdb), closes #1862 - Select: remove defaults for
value
andtext
(6c124bb), closes #1702
2.16.0 (2024-05-07)
- Input: redesign
file
type without absolute positioning (#1712)
- InputMenu/SelectMenu: allow lazy search (#1705) (7e6ba78)
- module: HMR support with
@nuxtjs/tailwindcss
(#1665) (821e15b) - Table: allow providing a
<caption>
(#1680) (3fca668) - useToast: allow clearing all notifications (#1695) (82d619b)
- Breadcrumb: pass
click
event toULink
(5481dab) - Input: redesign
file
type without absolute positioning (#1712) (ed5c74d) - Notification: update timer when timeout prop changes (#1673) (cba9ad7)
- Slideover: export and clean types (#1692) (bd3fa86)
- Table: provide
aria-sort
for sortable table headings (#1675) (6f60fa9)
2.15.2 (2024-04-12)
- Accordion: add
unmount
prop to allow lazy mounting for heavy components (#1590) (91e5002) - Table: add
checkbox
ui config (#1409) (8b54660)
- Breadcrumb: missing
min-w-0
on wrapper to truncate (9f01145), closes #1650 - Carousel: next and prev buttons disabled (#1619) (e909884)
- Popover/Dropdown: prevent unintended closure on touchstart in mobile devices (#1609) (2392b4a)
- Slideover: remove dynamic component when closing (#1615) (58faa10)
- Slideover: wait for transition to complete to reset state (#1624) (07a4d13)
2.15.1 (2024-04-02)
- Checkbox:
[@change](https://github.com/change)
event value (#1580) (c98d6e3) - Divider: add
w-full
only on horizontal wrapper (#1565) (bd8b737) - Dropdown: missing
mouseenter
event on container (7288953) - Input/SelectMenu: handle
file
type andchange
events (#1570) (878f707) - Popover: missing
mouseenter
event on container (8517897), closes #1564
2.15.0 (2024-03-26)
- forms: normalize input emits (#1560)
- Accordion: emit
open
event with index (#1559) (224ec3c) - Alert: add
icon
&avatar
slots (#1401) (cee3e12) - Slideover: open programmatically (#1465) (e769759)
- Toggle: add
loading
prop (#1546) (e1e05af)
- ButtonGroup: nested group elements (#1530) (7658211)
- Carousel: add tab-based ARIA roles (#1516) (e736eca)
- Checkbox: bind
data-n-ids
to root element (#1495) (a2b8b70) - forms: normalize input emits (#1560) (92e7362)
- InputMenu: trigger alignement on safari (f4a48f6), closes #1505
- opt in to
import.meta.*
properties (#1561) (cc62e34) - Popover/Dropdown: use
[@touchstart](https://github.com/touchstart).passive
instead of[@touchstart](https://github.com/touchstart).prevent
(#1520) (a563d8f) - SelectMenu:
filteredOptions
might be undefined (#1541) (b0ecac5) - SelectMenu: handle
Boolean
type as model value (#1550) (c49f899)
2.14.2 (2024-03-05)
- Alert: improve
description
alignment when no title provided (ca4f06a), closes #1408 - Checkbox: label interaction without
FormGroup
(#1427) (6e77f1d) - Dropdown: active/inactive dropdown links (#1407) (6a1142b)
- Dropdown: improve
hover
mode on touch devices (70bf4a7) - HorizontalNavigation: add
relative
class to icon (0a4a9e3) - Modal: remove
overflow-hidden
(#1460) (002129c) - Notification: improve
description
alignment when no title provided (9cce445) - Popover: improve
hover
mode on touch devices (b50fbcf) - RadioGroup: add missing
fieldset
config (2d64b50), closes #1472 - SelectMenu: check
null
model value (4b6e80e), closes #1421 - Tooltip: arrow not hidden on mobile (272c19d), closes #1470
- VerticalNavigation: add
relative
class to icon (0b29dd4), closes #1245
2.14.1 (2024-02-23)
2.14.0 (2024-02-22)
- Carousel: expose methods to allow autoplay (41ecd2a), closes #1300
- Divider: handle
size
prop (#1307) (cbeede6) - Form: use nuxt
useId
to bind input labels (#1211) (27c71fa) - Input: handle type
file
(946a39c), closes #563 - Modal: open programmatically (#1319) (6f29c62)
- Table: display progress bar when
loading
(#1362) (3fe3521) - Tabs: add
unmount
prop asfalse
by default (843a978), closes #663 - Textarea: add
maxrows
prop to restrict autoresize (#1302) (f643e7b)
- Accordion: style disclosure
div
after #1199 (882247e) - Alert: remove
required
title to prevent warning when using slot (e545b6f) - Card: prevent
body
padding without default slot (f682905) - components: hydration attribute mismatch with vue
3.4
(#1199) (10db144) - Form: improve
validate
path type (#1370) (5266591) - Form: return false when silent validation fails (#1371) (d4b6147)
- Link: check
disabled
prop before navigating (#1321) (ac42ec1) - Meter: missing import of
Icon
component (f8b296f), closes #1328 - module: prevent tailwind warn with
bun
(bb40c31), closes #809 - module: put back
all
option in icons plugin (412cd75), closes #1237 - Notification: remove
required
title to prevent warning when using slot (aa2b1ca) - Progress: prevent
NaN
percent display when indeterminate (a55a08a) - RadioGroup: pass
help
prop to radio children (5a5b284), closes #1313 - SelectMenu: revert component
is
after #1199 (d0f4530) - utils: prevent merge of
popper
key (9f35297), closes #1393
- Revert "docs: add missing
overflow-hidden
on components" (b893607)
2.13.0 (2024-01-30)
- VerticalNavigation: use
Badge
component for consistency
- Carousel: new component (#927) (f37b043)
- Dropdown: default delay from config (c4a1c04)
- Form: handle multiple paths in
validate
(#1273) (20ac4b3) - HorizontalNavigation: new component (#1279) (b8007ba)
- InputMenu: handle
nullable
prop when clearing input (5e49fb8) - Modal/Slideover: emit
close-prevented
event (#1207) (6faf15b) - module: add option to disable global css styles (#1266) (f96eb5e)
- Popover: default delay from config (7f5711b)
- Tooltip: default delay from config (3400b56)
- VerticalNavigation: use
Badge
component for consistency (3e81eee)
- Breadrumb: handle truncate (5d3a962)
- Link: propagate
active
prop to slot asisActive
(b76e761) - Select: consistent placeholder with input and textarea (2cb41db), closes #1276
- Slideover: handle translate in RTL mode (#1259) (ea58c88)
2.12.3 (2024-01-18)
- link: import type from
[#vue](https://github.com/nuxt/ui/issues/vue)-router
(79ec3fd), closes #1253
2.12.2 (2024-01-18)
- link: improve nuxt link
rel
type (05e90aa)
2.12.1 (2024-01-18)
- Button: inherit nuxt link props without breaking
nuxt-component-meta
(d3e19dc), closes #578 - Button: pass-through nuxt link props to
ULink
(a44bfc8) - InputMenu: take
option-attribute
into account to display label (1a93791) - Link: prevent
type
bind on<a>
(b0df864) - SelectMenu: take
option-attribute
into account to display label (b9fe74b), closes #1151 - Tooltip: typo in kbd component (4405d32)
2.12.0 (2024-01-09)
- Card: remove
overflow-hidden
on wrapper
- Breadcrumb: handle
labelClass
and mergeiconClass
(f623ec1) - Dropdown: handle
labelClass
and mergeiconClass
(1c9835d), closes #716 - Dropdown: handle manual mode (3844714), closes #1143
- Form: expose submit function (#1186) (4a25a12)
- InputMenu: new component (#1095) (6d8d82a)
- Pagination: add
disabled
prop (0976833), closes #1189 - Popover: open and close events (#1038) (f32f578)
- SelectMenu: add
empty
slot when no options (5d1919a), closes #1089 - SelectMenu: allow control of search query (f735db0), closes #1174
- SelectMenu: allow creating option despite search (#1080) (0fdc8f7)
- Table: add
sort-mode
prop (56e0c9a), closes #1149 - Table: add custom sort function to columns (#1075) (4f3af6c)
- VerticalNavigation: ability to add dividers (#963) (ffd20b3)
- VerticalNavigation: handle
labelClass
and mergeiconClass
(a79f7c0) - VerticalNavigation: improve accessibility (#948) (29e64ca)
- Alert: always pass a function to actions click events (5d78111), closes #1197
- Card: remove
overflow-hidden
on wrapper (4124406), closes #806 #1034 - config: prevent class merge of
avatar
size (b22bd70) - Dropdown: improve placement with
hover
mode (c6aa421), closes #1179 - Dropdown: merge item
class
(7151b7b), closes #1157 - Form: invalid errors when using
clear
by path (#1165) (97a3975) - Form: memory leak (#1185) (ea2a24b)
- forms: dont disable inputs and selects on
loading
(3258167), closes #1117 - Link: handle
active
override when value is false (83631cc) - Popover: allow manual mode without blocking normal behaviour (3334e2a)
- Popover: improve placement with
hover
mode (bc00f9c), closes #781 - RadioGroup: pass
option.disabled
to children (0c8ab9d), closes #1109 - SelectMenu: input border focus after
tailwindcss
3.4 (e8f573b) - Table: display nothing instead of error when key is missing (00d0fd5), closes #1173
- Table: respect sort prop updates from parent component (#1208) (c6841d0)
- Toggle: add missing
change
event (4c84839), closes #1113 - update vue and fix type issues (#1112) (5c99ae1)
- useShortcuts: include
contenteditable="plaintext-only"
elements inusingInput
(#1159) (648eec3) - useShortcuts: invalid code after #1159 (56e1fed)
- Revert "docs: pull
nuxt/ui-pro
docs frommain
branch" (d0ce8ee)
2.11.1 (2023-12-11)
- Breadcrumb: handle divider in rtl (#1049) (e53cdea)
- CommandPalette: improve performances and avoid multiple recompute (db508b2)
- CommandPalette: missing right padding on input with close button (ad33b26)
- components: move remaining classes to config (#1039) (e408eab)
- module: prevent class merging on
default
children (f07968a), closes #1076 - Notification: handle dynamic backgrounds (#1063) (1f0f618)
- RadioGroup: props reactivity issues (#1065) (7196d81)
- types: favor
Record<string, any>>
instead ofobject
(4d72a75) - types: improve with strict mode (#1041) (4a9b66a)
- types: workaround for
popper
weak type (5718dfd), closes #644
- Revert "chore(deps): pin
vitest
" (6984989)
2.11.0 (2023-11-23)
- Breadcrumb: new component (#506) (a35bfc7)
- Checkbox: config
label
,required
andhelp
size (a1b38c4) - Chip: new component (#886) (d4f1b5e)
- FormGroup: add eager validation (#992) (d39e2de)
- Icon: switch to
nuxt-icon
withdynamic
prop or app config (#862) (c601fc6) - module: allow options override of
@egoist/tailwindcss-icons
plugin (#1013) (ec58948) - Notification: customize default timeout (#1003) (83c3be7)
- Popover: ability to add overlay (#1014) (06d4510)
- SelectMenu: allows to clear search query on close (#968) (11ccbbb)
- Textarea: add default slot for complex usages (55697e6), closes #971
- Toggle: add
size
prop (#950) (3c71bf3) - types: support custom values from
app.config.ts
(#863) (7339324)
- Alert: improve config options (91511b9), closes #760
- Alert: prevent
gap
when no close button or action (9a1a1b8), closes #831 - ButtonGroup: handle components with children (#999) (f4be95d)
- CommandPalette: activate first option after async search (#981) (a975939)
- defineShortcuts: support minus
-
key (#962) (de38afd) - Dropdown: pass event to
click
function (60fa2be) - Dropdown: use
NuxtLink
withcustom
prop to close on select (f323379), closes #899 - FormGroup: hydration mismatch on inputId (#942) (a3046aa)
- FormGroup: remove inputId if the input is a fieldset (#914) (e81d5cf)
- Input/Textarea: add
v-model
modifiers (#856) (68f6956) - Link: handle
active
state whento
prop is not provided (6cc77a3), closes #988 - Link: reactivity issue with
active
prop (15a40f5), closes nuxt/nuxt.com#1432 - module:
boolean
types and bump nuxt to3.8.2
(#1006) (ca62ce1) - module: use correct alias for
[#ui](https://github.com/nuxt/ui/issues/ui)-colors
(#913) (c84438f) - Notification: improve config options (7cb987d)
- Notification: prevent
gap
when no close button or action (ded6a7f) - Notifications: teleport to
body
(#909) (8451f4d) - Progress: percentage calculation (#939) (c55871b)
- Radio: prevent
help
text from inlining with label (#894) (a2d70f0) - SelectMenu: fixes non-strings and nested searchable attributes (#967) (37fdf22)
2.10.0 (2023-10-31)
- CommandPalette: handle
filter
attribute in groups (#871) (8ba2a79) - Divider: new component (#757) (eb9ce6a)
- Form: handle
[@error](https://github.com/error)
event (#718) (e16379f) - Input/Textarea: allow specifying autofocus delay for page transitions (#816) (8bfd359)
- Meter: new component (#827) (abbcc37)
- Pagination: add first and last page buttons (#842) (c5ce997)
- Popover: manual mode & horizontal offset (#781) (92b8618)
- popper:
arrow
option & docs consistency across components (#875) (f785ecd) - Progress: new component (#697) (2c5559b)
- RadioGroup: configurable label size (#881) (5a2644b)
- RadioGroup: new component (#730) (23d5dc7)
- Range: add
2xs
,xs
,xl
and2xl
sizes to match progress component (3cb3914), closes #673 - Table: add
v-model:sort
prop (#803) (9f4d88e) - Tooltip: adding option to show popper arrow (#868) (4ce2374)
- Accordion: toggle correct element when keyboard press (#805) (96296c3)
- Divider: display a single border when no content (3c5c338)
- Dropdown: use
NuxtLink
instead ofULink
(#882) (c37ad8b) - FormGroup: ensure size exists in config (#695) (f5f3388)
- Modal: remove padding on mobile with
fullscreen
enabled (550ac10), closes #811 - Notification: add roles for accessibility (#724) (40f3b16)
- Table: enable sorting for nested column keys (#835) (b4f7b03)
- Table: prevent
[@select](https://github.com/select)
event call when selecting all rows (#838) (51f4d54) - Tabs: truncate buttons content (ddbb431), closes #796
- types: handle sub-objects in
app.config.ts
(button colors) (7be2af7), closes #858 - use explicit type imports (#830) (a8279d1)
2.9.0 (2023-10-02)
- module: use
tailwind-merge
forapp.config
& move config to components & type props (#692)
- FormGroup: add slots (#714) (2fc9385)
- Link: add
active
prop to override default behaviour (#732) (8257a11) - Link: add
as
prop (#535) (e404912) - module: use
tailwind-merge
forapp.config
& move config to components & type props (#692) (34d2f57) - remove
lodash-es
(#648) (d6476d1) - Table: add ability to custom style for
td
andtr
(#741) (874447c)
- Accordion: close other items in circular order (#735) (6887f73)
- FormGroup: prevent input click from propagating to label (#651) (4c58330)
- FormGroup: use explicit label instead of implicit label (#638) (681f0e5)
- module: move
@headlessui/tailwindcss
to plugins on module install (3e647e4) - module: retain props reactivity through
useUI
(#745) (109ec52) - Pagination: handle
max > 5
andmax
equal total pages (#728) (a071e4b) - Range: fix track pseudo-elements for mozilla (#636) (8955595)
- SelectMenu: handle numbers (0544a01), closes #574
- Table: add missing classes in
app.config.ts
(a603ea5), closes #655 - Table: select all rows without select listener (#652) (83d609d)
- Tabs: add visible focus indicator on active tabs (#690) (be734fc)
- Tabs: allow custom keys in
TabItem
(#671) (15e418e) - Tabs: prevent focus of
TabPanel
withtabindex="-1"
(cbb2f28)
2.8.1 (2023-09-09)
- Form: fix
getValibotError
to avoid importingsafeParseAsync
(#640) (e8daf7f) - Form: fix valibot imports (#617) (1a7eb27)
- Pagination: page numbers not clickable (#624) (c1e0654)
2.8.0 (2023-09-07)
- module: use
tailwind-merge
for class merging (#509)
- Avatar: add
icon
prop as fallback (df3b202) - Avatar: handle
icon
default fromapp.config.ts
(55daed0) - ButtonGroup: add
orientation
prop (#603) (b3bc6e2) - Form: add valibot supprt (#615) (ab5153a)
- Form: improve form control and input validation trigger (#487) (6d7973f)
- Modal: add
fullscreen
prop (#523) (7e2bebd) - module: add
DEFAULT
shade toprimary
color (#493) (c6056ed) - module: use
tailwind-merge
for class merging (#509) (8880bdc) - Table: support nested keys in columns (#503) (858886a)
- Tabs: control selected index (#490) (aaf09ad)
- Alert: fix wrong type of
actions
(#507) (b243e8c) - AvatarGroup: add
justify-end
to wrapper to prevent right align (e578b0d) - AvatarGroup: pass default
size
to max avatar (e49c673) - AvatarGroup: use
ui.wrapper
asinheritAttrs
is not false (eb609b1) - Badge: allow
label
as number (7c157ce) - Button: add missing prop types (#508) (a8a1c15)
- ButtonGroup: switch back to
ui
prop (d4e3ab6) - Form: fix wrong type of validate (#496) (3d6839d)
- FormGroup:
size
were invalid since default has been removed (7008df0) - FormGroup: add missing
ref
import from vue (39042b3) - Form: use safeParseAsync for zod (#497) (8b19b18)
- module: missing
useHead
import (0f252d0) - module: missing
useNuxtApp
import (888effe) - Popover: handle
hover
mode with padding like dropdown (dc951ff) - Radio: put back
id
for label selection (9b3a22e) - SelectMenu: invalid
gap
values (998314e) - Table: empty state is displayed if null (#517) (44ba758)
- Table: missing component imports (#608) (d936316)
- Tabs: recompute marker position when
v-model
changes (#524) (fdce429) - Tooltip: hide on touch devices (#580) (f1ed007)
- use head instance from plugin (791804b)
2.7.0 (2023-08-01)
- Link: rename from
LinkCustom
and addexact-query
/exact-hash
props - Badge: add colors and variants (solid has changed)
- SelectMenu: invert
ui
andui-select
props (#432)
- Alert: new component (#449) (ab2abae)
- Badge: add colors and variants (solid has changed) (05503e5)
- Badge: rename
outline
tosubtle
+ addsoft
variants (5bd5dc2) - CommandPalette: bind active and selected to scoped slot (#441) (b0440f8)
- FormGroup: add
size
prop and theme options (#391) (d2a8a07) - Form: new component (#439) (a3aba1a)
- Link: rename from
LinkCustom
and addexact-query
/exact-hash
props (cefe5a7) - Notification: support html with
title
anddescription
slots (#431) (df455db) - Range: increase narrowed surface (#459) (3b183ac)
- SelectMenu: add
value-attribute
prop (#429) (959c968) - Tabs: new component (#450) (8298b62)
- ui: apply primary bg on
::selection
(09d0ea2)
- FormGroup:
required
star display (3dd0492) - FormGroup: err when no prop defined (93aebe6)
- FormGroup: missing imports (#470) (dc1979c)
- FormGroup: set
size
default to null (c59595f) - Form: return state on validate (#472) (248b0a6)
- LinkCustom:
exact
prop wasn't working (82e152b), closes #417 - LinkCustom: improve prop binding and prevent error with externals (914d156)
- Link: handle
disabled
prop (396aae7), closes #473 - module: ensure
red
color is safelisted for form elements (208acca), closes #423 #373 - module: omit colors defined as strings (927b63f)
- module: safelist all colors for
toast.add
(2cd6208), closes #375 #440 - module: smart safelisting for components in snake case (e25be11), closes #461
- Popover: hover mode (#453) (10890e6)
- SelectMenu: invert
ui
andui-select
props (#432) (7cccbcf) - Table: hide data when loading state is active (#460) (2b3dc8d)
2.6.0 (2023-07-18)
- Avatar: bind component attributes to img element (#421)
- Accordion: add
multiple
prop and close others by default (#364) (b78fcf9) - Accordion: new component (#301) (e50f377)
- Avatar: bind component attributes to img element (#421) (773a23f)
- Modal: add
prevent-close
prop (2cc5c0d), closes #303 - SelectMenu: handle async search (#426) (5f8fe85)
- Slideover: add
prevent-close
prop (d15e816) - Table: add click event for the entire row (#353) (d292706)
- Table: allow columns
class
customization (5dffa86), closes #366
- Accordion: missing
ref
import from vue (3de6b34) - Accordion: solve the shift between buttons when they are opened (#379) (eaf0043)
- ButtonGroup: err when no props on buttons (80a9738), closes #360
- Button: missing
disabled
state on some variants (41a5238) - Modal: disabling
transition
prop had no effect (db34665) - Range:
disabled
thumb opacity (c92dc98) - Range: progress style (#385) (a79c165)
- SelectMenu: missing
appear
on transition (cbe2b1b), closes #400 - Table: fixed row deletion bug on deselect (#425) (46b444a)
2.5.0 (2023-06-27)
- Radio/Checkbox/Toggle: handle
color
prop for form elements (#323)
- Avatar: handle
chipText
(#306) (759af05) - defineShortcuts: chained shortcuts + docs update (#282) (a67f691)
- Radio/Checkbox/Toggle: handle
color
prop for form elements (#323) (ffb312d) - Range: new component (#290) (97a1c86)
- RTL support (#320) (4ea114a)
- Table: pass row index to table cell (#291) (71c2465)
- Table: reset sort on third click (1ff11ac), closes #300
- components: prefix
@headlessui/vue
components (41b85d5), closes #315 - defineShortcuts: missing
ref
import (a880379) - defineShortcuts: missing
useDebounceFn
import (9cd73aa) - FormGroup: prevent overriding
color
of children (6be9290), closes #352 - Table: default
sortButton
icon (07b27a2) - Table: missing default sort icon when overriding
sort-button
prop (0f3fe0d) - Toggle: add
opacity-50
when disabled (c2ebb04) - Tooltip: add
color
in config (1b03b8a)
2.4.1 (2023-06-21)
- forms: precise type assertion for
onInput
event handler (#293) (457b7a9) - module: let
tailwindcss
viewer enabled by default (4023fbe), closes #292 - module: safelist aliases for input (f719111)
- module: safelist regex when a
:
was present before color (f7e2082) - Radio/Checkbox: remove legacy
custom
(3bac087)
2.4.0 (2023-06-13)
- forms: bind
$attrs
to elements (#279) - Select: rename
text-attribute
tooption-attribute
and defaults tolabel
- CommandPalette: handle
empty-state
(#271) (652af93) - module: smart safelisting (#268) (20fa4d2)
- Pagination: new component (#257) (f0b24ba)
- table: add loading state (#259) (4741532)
- table: add slot for empty state (#260) (f7a34c8)
-
ButtonGroup: invalid
size
validator (a617672) -
ButtonGroup: use
-space-x-px
on wrapper (d91c0bb) -
Button: same size when no label + uniformize form elements (a6903df)
-
CommandPalette: input focus after be5f352 (cbc8ef1)
-
deps: move
@tailwindcss/container-queries
to dependencies (9559d0b) -
forms:
padded
prop withp-0
class (207444f) -
module: deduplicate default safelist as components may share same rules (2cfa1f8)
-
module: hardcode
gray
safelist instead of deduplicate complex logic (a733c13) -
module: only safelist known colors (cdce519)
-
module: prevent safelisting dynamic
:color
variables (ccd9ca5) -
module: transform
vue
files to detect multi-line components (88c1930) -
module: use
@tailwindcss/forms
class strategy (#278) (be5f352) -
Notification: class priority for icon color (07f7855)
-
Radio/Checkbox: split preset as
indeterminate
is checkbox only (429791d) -
SelectMenu: input focus after
be5f352
(717a514) -
Table: colspan of
empty
andloading
is wrong when selection enabled (#284) (786d776) -
Toggle: missing
disabled
prop (fe833eb) -
Select: rename
text-attribute
tooption-attribute
and defaults tolabel
(b4a96a8)
2.3.0 (2023-06-05)
- Input: move pointer class inside its own preset class
- SelectMenu: remove
inline-flex
from wrapper to behave like other form elements - Notification: rename to
closeButton
andactionButton
for consistency - CommandPalette: rename props to
emptyState
andcloseButton
for consistency - Toggle: rename icons to
onIcon
/offIcon
for consistency
-
Avatar: placeholder font size (71edb91)
-
Badge: remove
console.log
in validator (f9b935f) -
Button: invalid padding when using
square
prop (1ebaa5a) -
CommandPalette: override of
closeButton
andemptyState
props (2c673f5) -
defineShortcuts: err with input autocomplete that triggers
keydown
(01fa85c) -
SelectMenu: disable on loading (8951923)
-
Table: add missing
text-left
inth.base
(6bd5142) -
Table: missing
ref
import fromvue
(272af9d) -
Table: override of
sortButton
andemptyState
props (192b0e6) -
Table: type
sort
prop (3ba0aed) -
use
cloneVNode
when altering props in render functions (5e50eb9), closes #252 -
CommandPalette: rename props to
emptyState
andcloseButton
for consistency (daca463) -
Input: move pointer class inside its own preset class (f59a92c)
-
Notification: rename to
closeButton
andactionButton
for consistency (4458656) -
SelectMenu: remove
inline-flex
from wrapper to behave like other form elements (ba44c58) -
Toggle: rename icons to
onIcon
/offIcon
for consistency (8ee2ac1)
2.2.1 (2023-05-27)
2.2.0 (2023-05-26)
- handle color states on form elements (#234)
- Notification: rename
progressColor
tocolor
and style icon - Avatar: remove
chipVariant
prop - VerticalNavigation: split preset
-
Notification: remove default color on icon (1a9dc5c)
-
Radio/Checkbox: remove ring offset on focus (a56dbea)
-
Avatar: remove
chipVariant
prop (1f22f84) -
Notification: rename
progressColor
tocolor
and style icon (1b61ec7) -
VerticalNavigation: split preset (19923cb)
2.1.0 (2023-05-19)
- app.config: trailing space (703fdef)
- ButtonGroup/AvatarGroup: allow
v-for
(#173) (3fa10aa) - DocsPageHeader: github component link (#182) (7f00ec6)
- Input: expose ref (2ded24b)
- module: add
.mjs
extension to tailwindcontent
when builded (246449b), closes #172 - Textarea: expose ref (ea740bf)
2.0.4 (2023-05-15)
- SelectMenu: add missing
inline-flex
on wrapper (e8b4654)
2.0.3 (2023-05-15)
2.0.2 (2023-05-11)
- LinkCustom: handle
button
when noto
prop (c7c78cb)
2.0.1 (2023-05-11)
- app.config: remove old
u-
classes (939efba) - Avatar:
gray
missing forchipColor
(fd4c80a) - Avatar: shrink chip ring (ebf5fd6)
- Button:
variant
validator takes color into account (d1d8ab3) - colors: missing
useNuxtApp
import (76a0d61) - CommandPalette: expose input ref to template (192bf4c)
- CommandPalette: put back searchable on
v-show
to input ref always exists (aacb7e9) - CommandPalette: wrong type usage (4665563)
- docs: sticky search button
z-index
(f48ead6) - Icon: missing import (cd430a4)
- module: remove
.ts
ext from app.config (a076cae) - Notifications: missing
computed
from vue (9ce43ac) - prefix imported components (0c69385)
- put back app.config for hmr (626409e)
- remove augmentation of app (#152) (f5c0030)
- revert back to runtime app for hmr (#153) (97b1a85)
- Select: move types from template (fa05653)
- Toggle: wrong
icon-off
positioning (d5471f4) - update to fix type issues (#151) (11e00a1)
- VerticalNavigation: improve focus (034a95d)
- VerticalNavigation: improve stacking context (28ee917)
2.0.0 (2023-05-04)
1.2.11 (2023-05-04)
1.2.10 (2023-04-07)
- CommandPalette: typecheck (cfce152)
1.2.9 (2023-04-07)
1.2.8 (2023-04-04)
1.2.7 (2023-04-04)
- useTimer: remaining after pause (aafdfdb)
1.2.6 (2023-04-04)
1.2.5 (2023-04-04)
1.2.4 (2023-04-04)
1.2.3 (2023-03-22)
1.2.2 (2023-03-20)
1.2.1 (2023-03-20)
1.2.0 (2023-03-09)
1.1.4 (2023-03-02)
1.1.3 (2023-03-02)
1.1.2 (2023-02-28)
1.1.1 (2023-02-20)
1.1.0 (2023-02-17)
- CommandPalette: handle async search for specific groups (efa9674)
- CommandPalette: types (4702a4f)
1.0.0 (2023-02-17)
- migrate to
@egoist/tailwindcss-icons
(ee33522)
0.2.1 (2023-02-16)
0.2.0 (2023-02-16)
0.1.39 (2023-02-16)
- use
nuxt-icon
(f5d068b)
- SelectCustom: handle search on string arrays (6018f00)
0.1.38 (2023-02-03)
0.1.37 (2023-02-03)
0.1.36 (2023-02-02)
- CommandPalette: put back cursor on top only when query changes (5bf5a31)
0.1.35 (2023-02-01)
- AvatarGroup: preset size prop (c90cd9c)
- Dropdown: lint (1c4d46e)
- Dropdown: prevent panel display when no items (a764486)
0.1.34 (2023-01-27)
- CommandPalette: typecheck (27717a5)
0.1.33 (2023-01-27)
0.1.32 (2023-01-23)
0.1.31 (2023-01-17)
0.1.30 (2023-01-17)
0.1.29 (2023-01-17)
0.1.28 (2023-01-13)
0.1.27 (2023-01-12)
0.1.26 (2023-01-09)
0.1.25 (2023-01-09)
0.1.24 (2023-01-04)
0.1.23 (2022-12-20)
0.1.22 (2022-12-19)
0.1.21 (2022-12-19)
0.1.20 (2022-12-19)
0.1.19 (2022-12-16)
0.1.18 (2022-12-15)
0.1.17 (2022-12-06)
- remove stop propagation on mode hover (16fd1c0)
0.1.16 (2022-12-06)
- Popover: preset from tooltip (0ade69d)
0.1.15 (2022-12-02)
0.1.14 (2022-12-02)
0.1.13 (2022-12-01)
0.1.12 (2022-11-29)
- Checkbox: types (629bb72)
0.1.11 (2022-11-29)
- Checkbox: revert type fix as it breaks checkboxes (7f18c6b)
0.1.10 (2022-11-26)
0.1.9 (2022-11-25)
0.1.8 (2022-11-16)
0.1.7 (2022-11-16)
0.1.6 (2022-11-15)
- SelectCustom: add
w-full
onComboboxButton
(3a300f7)
0.1.5 (2022-11-08)
0.1.4 (2022-11-08)
0.1.3 (2022-11-04)
- docs: component input string field (e521e1a)
- types: add missing field in command palette type (#111) (28586c3)
0.1.2 (2022-10-27)
0.1.1 (2022-10-26)
- CommandPalette: lint (6fab68b)
- Dropdown: close on click item with
to
(#103) (5517cc2) - Popover: avoid crash on mount if ref not loaded (#105) (e9f0224)
- SelectCustom: types and lint (ec8bd5c)
0.1.0 (2022-10-25)
to
prop type (be94fea)- CommandPalette: command icons opacity in dark mode (abb93b5)
- CommandPalette: fix groups computed (9302b8d)
- CommandPalette: group items spacing (32922de)
- CommandPalette: hack for reactivity (b43394d)
- CommandPalette: icon color on hover (e4f148e)
- CommandPalette: icon inactive opacity on dark mode (5722a3a)
- CommandPalette: prevent empty active slot (056ab30)
- CommandPalette: prevent shortcuts to disappear on hover (f87252f)
- CommandPalette: reactivity issue + improve results (ec9f670), closes #95 #96
- CommandPalette: truncate suffix (aa242aa)
- default object options (95c14a4)
- Dropdown: increase timeout for hover mode (7291942)
- error in Popover and Dropdown (541ed30)
- icon: hydratation warning when loading same icon twice (#99) (d57647a)
- load icons on mount rather than within setup (#82) (62361bf)
- Modal: use object for
innerStyle
(72dc0d0) - Notification: improve placement with description (945fec6)
- Notification: prevent error without timeout (8a66f5e)
- Popover:
inline-flex
on trigger button (593573a) - SelectCustom: avoid submitting to form when closing (#83) (cf1b2cd)
0.0.3 (2022-07-18)
- AvatarGroup: preset support (#69) (00b9a08)
- button: Add black variant (#34) (46ca8c5)
- clipboard: replace
navigator.clipboard
with vueuseuseClipboard
(#33) (4532e09) - CommandPalette: implement component (18dceb7)
- Dropdown: add
hover
mode (#45) (77149f0) - Icon: support custom component and emoji (c1a7629)
- migrate to
@nuxtjs/tailwindcss
(#32) (702abf7) - module: handle variants with dynamic colors (5a8b078)
- plugins: clipboard (#29) (832ffe4)
- Popover: handle hovering mode (#47) (c431f8b)
- Slideover: add close button in header (#65) (2f90ce2)
- Slideover: allow opening from the right side (#64) (aecfef2)
- Slideover: preset support (#68) (5b4e4f8)
- toast: add aliases for
info
andwarning
notifications (23deef3) - toast: expose
timeout
to alias methods (#30) (6bd5197)
- Avatar: add missing
watch
import (cc01af8) - AvatarGroup: pass all avatar props (723f075)
- Avatar: missing
ref
import (eb41b23) - Avatar: placeholder (#31) (1bec8d1)
- Avatar: prevent boolean src (da3ed26)
- Avatar: remove gradient support (ed499b3)
- Avatar: truncate placeholder if too long (#61) (6585bfc)
- Avatar: url error handling (#39) (fb3ff2e)
- Button: wrong config for icon size class (760da3d)
- Card: nullable validator on card roundedClass prop (c4a40b0)
- Card: prevent double class (06b07e2)
- Card: prevent empty
sm:
class whenrounded-class
is null (dd64637) - colors: hard-code colors as tailwindcss/colors is different (f67fdb7)
- colors: move primary to safeColors (3ab0698)
- CommandPalette: add missing import (ea293ba)
- CommandPaletteGroup: fail replace on items (1495ff9)
- CommandPaletteGroup: invalid spacing when no icon (cf65b4a)
- CommandPalette: options priority (76ffbf4)
- CommandPalette: slice from computed options (503b9a6)
- Dropdown and Popover manual padding (2e09939)
- Dropdown: improve disabled state (5fb7f10)
- Hover mode on Dropdown & Popover (#48) (8bc4902)
- Icon: missing imports (c3facb1)
- Icon: name can be an object (f513ea6)
- Icon: reload icon when prop name changes (78021d3)
- input: background should go into appearance (33b1176)
- Link:
exact
handling (ceedbe0) - Link: add missing
inactive-class
onbutton
anda
(035919a) - Link: handle
isActive
through vue-router (aef1156) - Link: send correct active (d4b6599)
- Link: use
exact
(7737242) - Modal:
widthClass
prop and default preset value (#56) (d980176) - Modal: move classes to
DialogPanel
(dfe86f0) - Modal: prevent attrs inherit (850c766)
- module:
gradient-avatar
include (85c8210) - module: import
colors
from preset-mini (185273f) - module: move colors utils to runtime dir (93c9fe1)
- module: parse presets with mjs ext (b2705fe)
- module: presets content (b8dd80d)
- module: register typography plugin (bbbe57d)
- module: remove safelist on max-w (358387e)
- module: resolve runtime dir (65aa169)
- module: search in tailwind colors for
primary
andgray
(10d89d3) - module: use
variants
key for safelist (4c89122) - Notifications: default value in
useState
(af566ab) - Notifications: inexistant
z-55
(60c72a2) - package: update
postbuild:docs
command (8045c7b) - plugins: error in provides (46ea467)
- Popover: add missing
onMounted
import (656b6e1) - Popover: add missing
ref
import (2eb2fea) - popper: use
$el
after 1.5 upgrade (9554e80), closes /github.com/tailwindlabs/headlessui/discussions/1125#discussioncomment-2299441 - preset: replace avatar wrapper with
inline-flex
(45cf898) - presets: add disabled bg color on nuxt buttons (e1d79d7)
- presets: defu merging (e034218)
- presets: dropdown avatar position (516e7fa)
- presets: support dark ring-offset-color (a9f1d93)
- SelectCustom: add default value to placeholder (8492e16)
- SelectCustom: add missing
listContainerClass
prop (ae6e8ee) - SelectCustom: add missing
required
prop (619f620) - SelectCustom: add missing
text-sm
class (eb6fbd9) - SelectCustom: add missing bg in list input (da4e8d5)
- SelectCustom: add tabindex -1 to hidden input (09aed4b)
- SelectCustom: dark mode preset (1e6ad72)
- SelectCustom: handle placeholder when value is null (4e0d23e)
- SelectCustom: icon name in prop only for now (2e64343)
- SelectCustom: improve creatable placeholder (d413cf7)
- SelectCustom: missing padding on list (524f841)
- SelectCustom: move max-height on base (db39a9c)
- SelectCustom: move wrapper on top of
Listbox
(8222d05) - SelectCustom: move wrapper under
Listbox
(936d6a5) - SelectCustom: prop is
icon
instead oficonName
(6da0c28) - SelectCustom: remove unused import (0e0f3e3)
- Select: default value handling (eb00439)
- Select: disable placeholder (7723704)
- Select: normalizedValue handling Object modelValue (#59) (e419d68)
- Slideover: remove useless padding (cf021a5)
- Textarea: autoresize (#43) (ba643d9)
- textarea: autoresize reactivity (#52) (f0bfe20)
- toast:
id
should be a string (7db0ca5) - Toggle: add
v-if
when icon props not defined (90ff1c0) - Tooltip: prevent close when hovering (18c194e)
- useTimer: lint rule changed (0e18526)
- utils: types (00e0ab3)
- VerticalNavigation:
link.avatar
is now an object (d733e25) - VerticalNavigation: remove
avatarSize
prop (f0835cf)
- AlertDialog: create component (#26) (71371ac)
- alert: Handle link as button (#25) (b218737)
- components: Update toggle component (8550c3b)
- module improvements (74bd7bc)
- support presets (#14) (8f09d0c)
- Badge: add missing vue import (542ee20)
- build: add missing
types
dir (f666ff1) - build: add plugins dir (3d2a5fe)
- build: include components (c30041f)
- Button: icon import (0de12aa)
- components dir resolution (500b4d6)
- docs: module import (84ec25b)
- forms: default should use functions (05c8f5d)
- Input: import
ref
fromvue
(8d23d8f) - Input: remove ref import (9d70428)
- lint (78013a7)
- Modal: add missing
computed
import (11d6cc2) - module: optimize deps for gradient-avatar (09033bb)
- module: presets import (97f8f56)
- module: use
resolveModule
to import presets (2d31146) - Notification: add missing vue dep (cce650f)
- Notifications: add missing imports (4a8dd68)
- path misalignment in build, upgrade unocss (#3) (0b43414)
- provide exports without condition (d87a2c0)
- Select: missing vue imports (1755aa8)
- Textarea: imports from vue (ce46e58)
- toast: types (adbee9c)
- Toggle: add missing
computed
import (0f09c9b) - Tooltip: missing
ref
import (b08a8cc) - useTimer: remove log (c6dcbd1)
- VerticalNavigation: add
v-if
on label (79d8e08)