Skip to content

Releases: lumapps/design-system

v3.7.0

29 Apr 07:40

Choose a tag to compare

🎨 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

18 Apr 09:22

Choose a tag to compare

🎨 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

02 Apr 13:46

Choose a tag to compare

🎨 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

15 Mar 13:34

Choose a tag to compare

🎨 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

21 Feb 15:15

Choose a tag to compare

🎨 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

20 Feb 08:48

Choose a tag to compare

🎨 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

08 Feb 09:50

Choose a tag to compare

🎨 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

16 Jan 14:21

Choose a tag to compare

🎨 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

05 Jan 13:05

Choose a tag to compare

🎨 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

05 Dec 14:54

Choose a tag to compare

🎨 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.