cozy-ui 51.12.0 → 54.0.0

package/CHANGELOG.md

@@ -1,3 +1,89 @@
+# [54.0.0](https://github.com/cozy/cozy-ui/compare/v53.0.0...v54.0.0) (2021-09-28)
+
+
+### Bug Fixes
+
+* Add missing config properties to inverted theme ([85c9026](https://github.com/cozy/cozy-ui/commit/85c9026))
+* Correctly override DialogTitle's className in `ContactsListModal` ([69e0fa6](https://github.com/cozy/cozy-ui/commit/69e0fa6))
+
+
+### Features
+
+* Add `isFluidTitle` prop to `useCozyDialog` ([2d4f8b7](https://github.com/cozy/cozy-ui/commit/2d4f8b7))
+* Add plain background to dialogs buttons ([82a4b78](https://github.com/cozy/cozy-ui/commit/82a4b78))
+* Add tests for Dialog ([ec468db](https://github.com/cozy/cozy-ui/commit/ec468db))
+* Handle `onBack` prop on CozyDialogs ([eb86578](https://github.com/cozy/cozy-ui/commit/eb86578))
+* Rework CozyDialogs style to fit latest UI specs ([8ff3766](https://github.com/cozy/cozy-ui/commit/8ff3766))
+* Set DialogBackButton's position to absolute ([98fe795](https://github.com/cozy/cozy-ui/commit/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.
+```js
+const {
+  dialogTitleProps
+} = useCozyDialog({ ...props, disableTitleAutoPadding: true })
+```
+
+# [53.0.0](https://github.com/cozy/cozy-ui/compare/v52.0.1...v53.0.0) (2021-09-28)
+
+
+### Features
+
+* Remove layout prop ([e78fe34](https://github.com/cozy/cozy-ui/commit/e78fe34))
+
+
+### BREAKING CHANGES
+
+* Deleting the layout prop & mobile style associated
+
+    - If you were not using the `layout` prop or if it was set to `true` on the `Empty` component, to get the previous centering, then you will need to add the following style on the `Empty` component:
+    ```styl
+    @require 'settings/breakpoints'
+
+    +small-screen()
+        margin-top: calc(50vh - 6rem);
+        transform: translateY(-50%);
+
+    ```
+
+    - If you were using the `layout` prop at `false`, you can simply delete the prop that is no longer needed
+
+## [52.0.1](https://github.com/cozy/cozy-ui/compare/v52.0.0...v52.0.1) (2021-09-24)
+
+
+### Bug Fixes
+
+* Change import about Sprite ([5f0b88f](https://github.com/cozy/cozy-ui/commit/5f0b88f))
+* Lint ([53ef0ce](https://github.com/cozy/cozy-ui/commit/53ef0ce))
+
+# [52.0.0](https://github.com/cozy/cozy-ui/compare/v51.12.0...v52.0.0) (2021-09-22)
+
+
+### Bug Fixes
+
+* Remove export Sprite from Icon (index.jsx) ([478e9d2](https://github.com/cozy/cozy-ui/commit/478e9d2))
+* Remove unused import ([adee11b](https://github.com/cozy/cozy-ui/commit/adee11b))
+
+
+### BREAKING CHANGES
+
+*  `<Sprite>` is no longer exported by `<Icon>`. However, you can import it directly with `import Sprite from 'cozy-ui/transpiled/react/Icon/Sprite'`. Be carful, it's no longer possible to set an icon with a string like this `<Icon icon="myIcon" />` without importing `<Sprite>`. If don't need the sprite, you can still use svgr icons:
+```
+import MyIcon from 'cozy-ui/transpiled/react/Icons/MyIcon'
+<Icon icon={MyIcon} />
+```
+
 # [51.12.0](https://github.com/cozy/cozy-ui/compare/v51.11.0...v51.12.0) (2021-09-15)