54.0.0 (2021-09-28)
Bug Fixes
- Add missing config properties to inverted theme (85c9026)
- Correctly override DialogTitle's className in
ContactsListModal
(69e0fa6)
Features
- Add
isFluidTitle
prop to useCozyDialog
(2d4f8b7)
- Add plain background to dialogs buttons (82a4b78)
- Add tests for Dialog (ec468db)
- Handle
onBack
prop on CozyDialogs (eb86578)
- Rework CozyDialogs style to fit latest UI specs (8ff3766)
- Set DialogBackButton's position to absolute (98fe795)
BREAKING CHANGES
<DialogBackButton>
is now using absolute positioning. To prevent
<DialogTitle>
to overlap with this button, useCozyDialog()
handles
its positioning with dialogTitleProps
.
If you use cozy-ui/transpiled/react/Dialog
with useCozyDialog()
but
without <DialogBackButton>
then you may be impacted as a left margin
will be applied on <DialogTitle>
on mobile, which would leave a blank
space if no <DialogBackButton>
is present.
In this case, please add disableTitleAutoPadding
to
useCozyDialog()
props. Then title will take all available space and
you will be able to handle its positionning by yourself.
const {
dialogTitleProps
} = useCozyDialog({ ...props, disableTitleAutoPadding: true })