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

v3.6.4

🎨 StoryBook

📄 Changelog

Fixed

• InputHelper: change of html tag to improve semantic
• Popover: restore focus on trigger on closed externally

Changed

• Tooltip: do not show on anchor focus if the focus is not visible (keyboard driven)

v3.6.3

🎨 StoryBook

📄 Changelog

Fixed

• Thumbnail: fix warnings on image overflow style
• Notification: fix forwarding style

Added

• Popover: add dark theme

Changed

• Popover: reworked arrow style to be bigger and with a correct drop shadow
• Notification: add usePortal (default value is true) to be able to not use a portal in some cases.

v3.6.2

🎨 StoryBook

📄 Changelog

Fixed

• Lightbox, Dialog, Notification: fix remove from DOM when closing while the opening transition isn't finished.
• Avatar: fixed Chrome behavior when down-scaling avatar so it is not pixelated anymore

v3.6.1

🎨 StoryBook

📄 Changelog

Added

• Text: add style customisation with whiteSpace props
• Add new design token medium for font-weight.

Fixed

• Tooltip: fixed tooltip closing when mouse is hovering the tooltip text.
• Tooltip: fixed close on Escape key pressed (not only when anchor is focused).
• Lightbox: fixed aria dialog accessibility (reworked role, labelling and default focus element).
• Lightbox: document accessibility concerns.

v3.6.0

🎨 StoryBook

📄 Changelog

Changed

• @lumx/icons: override & alias system in place. now custom icon fonts are now generated from MDI fonts we extend.
• @lumx/icons: override Twitter logo to use the new X logo.
• @lumx/core: make component spacing styles default to CSS variables.
• @lumx/core: make component border styles default to CSS variables.
• @lumx/core: change text-field background to transparent.
• @lumx/core: minor change on tabs color.
• @lumx/core: minor change on navigation colors.
• @lumx/core: minor change on button colors.

v3.5.5

🎨 StoryBook

📄 Changelog

Changed

• Table row: selected states color update + documentation update
• @lumx/core: remove default line-height on custom title typography.

v3.5.4

🎨 StoryBook

📄 Changelog

Changed

• List & Navigation: add outline on focus-visible for better accessibility
• @lumx/react no long depend on moment or moment-range to generate the date picker.
• Deprecated @lumx/core/js/date-picker functions that will be removed in the next major version along with moment and moment-range.
• DatePicker & DatePickerField: locale prop is now optional (uses browser locale by default)
• ListSubHeader: darken text color for better accessibility