ui/CHANGELOG.md

Changelog

2.5.0 (2023-06-27)

⚠ BREAKING CHANGES

• Radio/Checkbox/Toggle: handle color prop for form elements (#323)

Features

• 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

Bug Fixes

• 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)

Bug Fixes

• 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)

⚠ BREAKING CHANGES

• forms: bind $attrs to elements (#279)
• Select: rename text-attribute to option-attribute and defaults to label

Features

• 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)

Bug Fixes

• 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 with p-0 class (207444f)

• forms: bind $attrs to elements (#279) (e12e974)

• 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 and loading is wrong when selection enabled (#284) (786d776)

• Toggle: missing disabled prop (fe833eb)

• Select: rename text-attribute to option-attribute and defaults to label (b4a96a8)

2.3.0 (2023-06-05)

⚠ BREAKING CHANGES

• 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 and actionButton for consistency
• CommandPalette: rename props to emptyState and closeButton for consistency
• Toggle: rename icons to onIcon / offIcon for consistency

Features

• add Table component (#237) (cce000a)

Bug Fixes

• Avatar: placeholder font size (71edb91)

• Badge: remove console.log in validator (f9b935f)

• Button: invalid padding when using square prop (1ebaa5a)

• CommandPalette: override of closeButton and emptyState props (2c673f5)

• defineShortcuts: err with input autocomplete that triggers keydown (01fa85c)

• SelectMenu: disable on loading (8951923)

• Table: add missing text-left in th.base (6bd5142)

• Table: missing ref import from vue (272af9d)

• Table: override of sortButton and emptyState props (192b0e6)

• Table: type sort prop (3ba0aed)

• use cloneVNode when altering props in render functions (5e50eb9), closes #252

• CommandPalette: rename props to emptyState and closeButton for consistency (daca463)

• Input: move pointer class inside its own preset class (f59a92c)

• Notification: rename to closeButton and actionButton 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)

Bug Fixes

• FormGroup: missing h import from vue (a96dc19), closes #236

2.2.0 (2023-05-26)

⚠ BREAKING CHANGES

• handle color states on form elements (#234)
• Notification: rename progressColor to color and style icon
• Avatar: remove chipVariant prop
• VerticalNavigation: split preset

Features

• handle color states on form elements (#234) (9ce531a)

Bug Fixes

• Notification: remove default color on icon (1a9dc5c)

• Radio/Checkbox: remove ring offset on focus (a56dbea)

• VerticalNavigation: badge display (d2ee505), closes #205

• Avatar: remove chipVariant prop (1f22f84)

• Notification: rename progressColor to color and style icon (1b61ec7)

• VerticalNavigation: split preset (19923cb)

2.1.0 (2023-05-19)

Bug Fixes

• 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 tailwind content when builded (246449b), closes #172
• Textarea: expose ref (ea740bf)

2.0.4 (2023-05-15)

Bug Fixes

• SelectMenu: add missing inline-flex on wrapper (e8b4654)

2.0.3 (2023-05-15)

2.0.2 (2023-05-11)

Bug Fixes

• LinkCustom: handle button when no to prop (c7c78cb)

2.0.1 (2023-05-11)

Bug Fixes

• app.config: remove old u- classes (939efba)
• Avatar: gray missing for chipColor (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)

Features

• rewrite to use app config and rework docs (#143) (6da0db0)

1.2.11 (2023-05-04)

Bug Fixes

• defineShortcuts: use useEventListener (#150) (59f62d3)

1.2.10 (2023-04-07)

Bug Fixes

• CommandPalette: typecheck (cfce152)

1.2.9 (2023-04-07)

1.2.8 (2023-04-04)

1.2.7 (2023-04-04)

Bug Fixes

• 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)

Bug Fixes

• defineShortcuts: shift + alphabetic character handling (#140) (377b418)

1.2.0 (2023-03-09)

Bug Fixes

• defineShortcuts: add missing import (37b2271)
• Tooltip: shortcutsClass prop type (fa49d52)

1.1.4 (2023-03-02)

1.1.3 (2023-03-02)

1.1.2 (2023-02-28)

Bug Fixes

• Tooltip: truncate (d08e64d)
• VerticalNavigation: links to type (7970aef)

1.1.1 (2023-02-20)

1.1.0 (2023-02-17)

Features

• CommandPalette: handle async search for specific groups (efa9674)

Bug Fixes

• CommandPalette: types (4702a4f)

1.0.0 (2023-02-17)

Features

• migrate to @egoist/tailwindcss-icons (ee33522)

0.2.1 (2023-02-16)

0.2.0 (2023-02-16)

0.1.39 (2023-02-16)

Features

• use nuxt-icon (f5d068b)

Bug Fixes

• SelectCustom: handle search on string arrays (6018f00)

0.1.38 (2023-02-03)

0.1.37 (2023-02-03)

Bug Fixes

• CommandPalette: improve accessibility (#129) (bea47b5)

0.1.36 (2023-02-02)

Bug Fixes

• CommandPalette: put back cursor on top only when query changes (5bf5a31)

0.1.35 (2023-02-01)

Bug Fixes

• AvatarGroup: preset size prop (c90cd9c)
• Dropdown: lint (1c4d46e)
• Dropdown: prevent panel display when no items (a764486)

0.1.34 (2023-01-27)

Bug Fixes

• 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)

Bug Fixes

• CommandPalette: select first item on search changes (#126) (4f56921)

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)

Bug Fixes

• avoid referring to complex types in props (#123) (ff9f6c2)

0.1.19 (2022-12-16)

0.1.18 (2022-12-15)

0.1.17 (2022-12-06)

Bug Fixes

• remove stop propagation on mode hover (16fd1c0)

0.1.16 (2022-12-06)

Bug Fixes

• Popover: preset from tooltip (0ade69d)

0.1.15 (2022-12-02)

Bug Fixes

• Dropdown: better handle item click to preventDefault (#119) (44a78d7)

0.1.14 (2022-12-02)

0.1.13 (2022-12-01)

0.1.12 (2022-11-29)

Bug Fixes

• Checkbox: types (629bb72)

0.1.11 (2022-11-29)

Bug Fixes

• Checkbox: revert type fix as it breaks checkboxes (7f18c6b)

0.1.10 (2022-11-26)

Bug Fixes

• default popper options (1ad9606)
• default props for command palette (#116) (952786e)

0.1.9 (2022-11-25)

Bug Fixes

• Icon: couldn't load anymore (6321d3e)
• Icon: eslint ignore (bc0c168)

0.1.8 (2022-11-16)

0.1.7 (2022-11-16)

0.1.6 (2022-11-15)

Bug Fixes

• SelectCustom: add w-full on ComboboxButton (3a300f7)

0.1.5 (2022-11-08)

0.1.4 (2022-11-08)

Bug Fixes

• button: support RouteLocationRaw type for to (#112) (1b56b50)

0.1.3 (2022-11-04)

Bug Fixes

• 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)

Bug Fixes

• 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)

Bug Fixes

• 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)

Features

• AvatarGroup: preset support (#69) (00b9a08)
• button: Add black variant (#34) (46ca8c5)
• clipboard: replace navigator.clipboard with vueuse useClipboard (#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 and warning notifications (23deef3)
• toast: expose timeout to alias methods (#30) (6bd5197)

Bug Fixes

• 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 when rounded-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 on button and a (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 and gray (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 of iconName (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)

0.0.2 (2022-02-01)

Features

• AlertDialog: create component (#26) (71371ac)
• alert: Handle link as button (#25) (b218737)
• components: Update toggle component (8550c3b)
• module improvements (74bd7bc)
• support presets (#14) (8f09d0c)

Bug Fixes

• 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 from vue (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)