v4.26.0

Added

• @lumx/react, @lumx/vue:
  • SelectTextField: add labelProps to customize the field label (e.g. className: 'visually-hidden').
  • Combobox.SelectionIcon: selection state icon for the after slot of Combobox.Option (reads the option isSelected and the list aria-multiselectable).

Changed

• @lumx/react, @lumx/vue:
  • ListItem: add a 4px gap between the elements of the before and after slots.

Fixed

• @lumx/vue:
  • SelectButton, SelectTextField: fix the option slot crashing when the custom option has no default content (from a .vue template); the option name is now rendered.
• @lumx/react, @lumx/vue:
  • TextField, SelectTextField: forward the className of labelProps (e.g. visually-hidden) to the label instead of dropping it.
  • SelectTextField, SelectButton: remove the bottom divider of the last section when onLoadMore is set (infinite scroll sentinel).
  • Combobox: show the option tooltip when the option is highlighted with the keyboard (active descendant).
  • Combobox: keep the popover open and the option tooltip visible on touch long-press.
  • ListItem: clicks on non-interactive content in the before/after slots now trigger the ListItemAction (fixes option selection in SelectButton, SelectTextField and Combobox).
  • ListItem: fix the selected background color on hover, focus and active states when the item has a ListItemAction (selected via aria-selected on the action or isSelected on the item; fixes Combobox selected options).
  • Combobox: allow the option content to shrink (min-width: 0) so truncated text shows an ellipsis instead of widening the popover.
• @lumx/core:
  • action area utility: elevate nested interactive elements (links, buttons, inputs, etc.) above the action overlay so they stay independently clickable.

🎨 StoryBook React - 🎨 StoryBook Vue - 📄 See changelog history