Skip to content
This repository has been archived by the owner on Feb 1, 2024. It is now read-only.

[21.0.0] - 2023-04-13
Compare
Choose a tag to compare
@lowiebenoot lowiebenoot released this 14 Apr 03:15
· 398 commits to next-release since this release
21.0.0
f6aebb0
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

Added

  • Menu: It is now scrollable when the available space is less than the height (@farazatarodi in #2618)

Changed

  • Container: Removed 72px padding on xl viewport (@farazatarodi in #2618)

  • [BREAKING] Menu: State management now should happen in the parent component (@farazatarodi in #2618).

  • Menu: Shadow and border now use the values from the design system (@farazatarodi in #2618).

  • [BREAKING]: CSS custom properties are not transpiled anymore. Before, the custom properties were replaced with the actual values in the built CSS, but now they are not replaced as we want to actually use custom properties natively. So you need to make sure that you import the variables into your project (e.g. import '@teamleader/ui/es/index.css'; in JS or @import url('@teamleader/ui/es/index.css) in css). (@lowiebenoot in #2620)

  • [BREAKING] Menu: The onShow property is removed as the state management is now moved to the parent component (@farazatarodi in #2618).

Fixed

  • [BREAKING] Menu: It now requires an anchor element for positioning when it is not static. Previously it was based on the parent element, which caused layout bugs in flex elements (@farazatarodi in #2618).

Dependency updates

  • [BREAKING] @teamleader/ui-colors has been updated to version 2.0.0 which uses the newer comma-free syntax for hsl colors. This means that you need to update the syntax where you use the hsl value in combination with alhpa (e.g. hsl(var(--color-teal), 50%) should be changed to hsl(var(--color-teal) /50%)). (@lowiebenoot in #2620)
Assets 2
Loading