v3.7.5

🎨 StoryBook

📄 Changelog

Changed

• ListItem: display keyboard focus ring even when not highlighted
• Message: changed spacing between icon and text from 16 to 8

v3.7.4

🎨 StoryBook

📄 Changelog

Fixed

• GenericBlock: fix shrinking content with min-width: 0.

v3.7.3

🎨 StoryBook

📄 Changelog

Fixed

• Chip: fix forward key down event on clickable chip
• TextField: fix forward aria-describedby prop to input

Changed

• Select, SelectMultiple: add selectElementRef prop to reference the actual input field of these components.

v3.7.2

🎨 StoryBook

📄 Changelog

Fixed

• Tooltip: fix children not having consistent ref on re-render (like when updating the tooltip label)

v3.7.1

🎨 StoryBook

📄 Changelog

Fixed

• @lumx/core: lumx-color-variant, add fallback to default variant

Added

• InlineList: add wrap prop to activate line wrap on overflow
• Thumbnail: add objectFit prop to control how the image fit in a constrained aspect ratio.
  Defaults to cover to scale & crop the image (like before).
  Can be changed to contain to avoid cropping the image (aka letterboxing).
• Flag: add truncate prop to activate text ellipsis on overflow.
• Text: add title attribute when text is overflowing to display the full text on mouse over.

Changed

• Flag: allow any react node in label.

v3.7.0

🎨 StoryBook

📄 Changelog

Added

• @lumx/icons: added icons TikTok, TencentQQ, TencentVideo and Baidu

Changed

• @lumx/icons: optimized all JS SVG path icons (23% reduction in size)
• @lumx/icons: removed @mdi/js dependency, icons are copied in the library (necessary for the optimization)

v3.6.8

🎨 StoryBook

📄 Changelog

Fixed

• Chip: fix chip not receives focus when used as link
• Chip: Make it possible to override the following props: role, tabIndex

Changed

• DatePicker: force a constant number of rows in the month calendar to avoid layout shift

v3.6.7

🎨 StoryBook

📄 Changelog

Fixed

• @lumx/core: fix customization of selected button CSS variables
• @lumx/core: red/D2, red/N and green/N colors to fix color contrast a11y

Added

• DatePicker: add an input to change the displayed year
• Message: add a closeButtonProps prop to add a close button in the message. Only available for info kind messages with a background.
• Popover: add a focusTrapZoneElement prop to specify the element in which the focus trap should be applied.

Changed

• Dialog: fullscreen display on smaller viewport

v3.6.6

🎨 StoryBook

📄 Changelog

Fixed

• Thumbnail: use span instead of div in children elements to avoid semantic error on clickable thumbnails (button).
• PopoverDialog: fix the aria-label prop not properly forwarded to the dialog.
• ChipGroup: fix unwanted extra negative margin around chips (deprecating the align prop)

Added

• @lumx/core: add .visually-hidden a11y helper class to use on elements that should be read by screen readers but not shown.
• DatePicker: improve screen reader text
• TextField: add labelProps prop to forward to the label element
• DatePickerField: improve date picker dialog a11y

v3.6.5

🎨 StoryBook

📄 Changelog

Fixed

• Tooltip: avoid removing the anchor aria-describedby
• Popover: unstable restore focus and changing anchor refs (triggered by anchor wrapped in tooltip)

Changed

• Autocomplete: forward focusAnchorOnClose prop