[21.2.0] - 2023-05-11

Added

• IconMenu: Added a title prop and pass it to the IconButton (@driesd in #2648)

Changed

• IconMenu: Spread all other props instead of only spreading the box props (@driesd in #2648)

Fixed

• Select: Fixed clear indicator styles (@BeirlaenAaron in #2649)

[21.1.0] - 2023-05-08

Changed

• Select: Added pointer cursor on hover (@BeirlaenAaron in #2642)
• FilterSelection: Added pointer cursor on hover (@BeirlaenAaron in #2642)

[21.0.2] - 2023-04-25

Fixed

• SplitButton: Render all elements passed to SplitButton instead of only MenuItems (@lorgan3 in #2634)

[21.0.0] - 2023-04-13

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)

[20.1.0] - 2023-03-17

Added

• Avatar: Added the objectFit prop to allow changing how rectangular images are displayed. (@lorgan3) in #2598

[20.0.2] - 2023-03-01

• Bullet: Changed Mint color to be one tint lighter (normal/300). (@driesd in #2583)

[20.0.1] - 2023-02-28

Fixed

• DataGrid Avoid error when hovering over a row. (@lowiebenoot) in #2582

[20.0.0] - 2023-02-27

[20.0.0] - 2023-02-27

Changed

• Focus states are now styled through :focus-visible instead of :focus. (@lowiebenoot) in #2575

Fixed

• Toggle: the component is now focusable. (@lowiebenoot) in #2575

Removed

• [BREAKING] Label: Remove option for 'tiny' label size (@JorenSaeyTL) in (#2560)
• [BREAKING] Section: removed the component and replaced the instances with either a Box or a full-width Banner (@farazatarodi in #2558)

Dependency updates

• postcss-preset-env: bump peer dependency expectation to ^8.0.0, otherwise the :focus-visible styling will not be included. (@lowiebenoot) in #2575

[19.1.1] - 2023-02-03

Fixed

• NumericInput: Fix input blurring when using the stepper buttons (@BeirlaenAaron) in(#2552)

[19.1.0] - 2023-02-01

Added

• Label: Add support for "tiny" label size (@JorenSaeyTL) in(#2548)