cozy-ui 68.0.0 → 68.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/package.json +1 -1
  3. package/react/Viewer/Footer/BottomSheetContent.jsx +1 -0
  4. package/react/Viewer/Panel/Certifications.jsx +1 -1
  5. package/react/Viewer/Panel/PanelContent.jsx +1 -1
  6. package/react/Viewer/Panel/Qualification.jsx +5 -5
  7. package/react/Viewer/Panel/QualificationListItemText.jsx +0 -1
  8. package/react/Viewer/controls.styl +1 -1
  9. package/transpiled/react/Viewer/Footer/BottomSheetContent.js +1 -0
  10. package/transpiled/react/Viewer/Panel/Certifications.js +1 -1
  11. package/transpiled/react/Viewer/Panel/PanelContent.js +1 -1
  12. package/transpiled/react/Viewer/Panel/Qualification.js +7 -5
  13. package/transpiled/react/Viewer/Panel/QualificationListItemText.js +0 -1
  14. package/transpiled/react/stylesheet.css +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## [68.0.1](https://github.com/cozy/cozy-ui/compare/v68.0.0...v68.0.1) (2022-05-24)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * Style of Viewer ([d6cfb28](https://github.com/cozy/cozy-ui/commit/d6cfb28))
7
+
1
8
  # [68.0.0](https://github.com/cozy/cozy-ui/compare/v67.0.4...v68.0.0) (2022-05-24)
2
9
 
3
10
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cozy-ui",
3
- "version": "68.0.0",
3
+ "version": "68.0.1",
4
4
  "description": "Cozy apps UI SDK",
5
5
  "main": "./index.js",
6
6
  "bin": {
package/react/Viewer/Footer/BottomSheetContent.jsx CHANGED
@@ -11,6 +11,7 @@ const BottomSheetContent = ({ file, contactsFullname }) => {
11
11
  return panelBlocks.map((PanelBlock, index) => (
12
12
  <BottomSheetItem
13
13
  key={index}
14
+ disableGutters
14
15
  disableElevation={index === panelBlocks.length - 1}
15
16
  >
16
17
  <PanelBlock file={file} contactsFullname={contactsFullname} />
package/react/Viewer/Panel/Certifications.jsx CHANGED
@@ -11,7 +11,7 @@ import { withViewerLocales } from '../withViewerLocales'
11
11
 
12
12
  const Certification = ({ icon, title, caption }) => {
13
13
  return (
14
- <div className="u-mb-1-half">
14
+ <div className={'u-ph-2 u-pv-1'}>
15
15
  <Media className="u-mb-half" align="top">
16
16
  <Img className="u-mr-half">
17
17
  <Icon icon={icon} />
package/react/Viewer/Panel/PanelContent.jsx CHANGED
@@ -30,7 +30,7 @@ const PanelContent = ({ file, t }) => {
30
30
  elevation={2}
31
31
  square
32
32
  >
33
- <Typography variant="h4" className={'u-pv-1 u-ph-2'}>
33
+ <Typography variant="h4" className={'u-pv-1'}>
34
34
  <PanelBlock file={file} />
35
35
  </Typography>
36
36
  </Paper>
package/react/Viewer/Panel/Qualification.jsx CHANGED
@@ -26,9 +26,9 @@ const Qualification = ({ file = {}, contactsFullname, t, f, lang }) => {
26
26
  } = metadata
27
27
 
28
28
  return (
29
- <List>
29
+ <List className={'u-pv-1'}>
30
30
  {datetime && (
31
- <ListItem className={'u-ph-0'}>
31
+ <ListItem className={'u-ph-2'}>
32
32
  <QualificationListItemText
33
33
  primary={t(
34
34
  `Viewer.panel.qualification.date.title.${
@@ -42,14 +42,14 @@ const Qualification = ({ file = {}, contactsFullname, t, f, lang }) => {
42
42
  </ListItem>
43
43
  )}
44
44
  {contactsFullname && (
45
- <ListItem className={'u-ph-0'}>
45
+ <ListItem className={'u-ph-2'}>
46
46
  <QualificationListItemText
47
47
  primary={t('Viewer.panel.qualification.identity')}
48
48
  secondary={contactsFullname}
49
49
  />
50
50
  </ListItem>
51
51
  )}
52
- <ListItem className={'u-ph-0'}>
52
+ <ListItem className={'u-ph-2'}>
53
53
  <QualificationListItemText
54
54
  primary={t('Viewer.panel.qualification.label.title')}
55
55
  secondary={
@@ -59,7 +59,7 @@ const Qualification = ({ file = {}, contactsFullname, t, f, lang }) => {
59
59
  }
60
60
  />
61
61
  </ListItem>
62
- <ListItem className={'u-ph-0'}>
62
+ <ListItem className={'u-ph-2'}>
63
63
  <QualificationListItemText
64
64
  primary={t('Viewer.panel.qualification.qualification')}
65
65
  secondary={scannerT(`Scan.items.${qualification.label}`)}
package/react/Viewer/Panel/QualificationListItemText.jsx CHANGED
@@ -7,7 +7,6 @@ import Typography from '../../Typography'
7
7
  const QualificationListItemText = ({ primary, secondary }) => {
8
8
  return (
9
9
  <ListItemText
10
- className={'u-pv-0'}
11
10
  disableTypography
12
11
  primary={<Typography variant={'caption'}>{primary}</Typography>}
13
12
  secondary={<Typography variant={'body1'}>{secondary}</Typography>}
package/react/Viewer/controls.styl CHANGED
@@ -76,7 +76,7 @@ $footerHeight = 3.5rem
76
76
 
77
77
  +medium-screen()
78
78
  height $toolbarHeightMedium
79
- width calc(100% - 1rem)
79
+ width 100%
80
80
  padding var(--flagship-top-height) 1rem 0 0
81
81
  background var(--paperBackgroundColor)
82
82
  border-bottom 1px solid var(--dividerColor)
package/transpiled/react/Viewer/Footer/BottomSheetContent.js CHANGED
@@ -13,6 +13,7 @@ var BottomSheetContent = function BottomSheetContent(_ref) {
13
13
  return panelBlocks.map(function (PanelBlock, index) {
14
14
  return /*#__PURE__*/React.createElement(BottomSheetItem, {
15
15
  key: index,
16
+ disableGutters: true,
16
17
  disableElevation: index === panelBlocks.length - 1
17
18
  }, /*#__PURE__*/React.createElement(PanelBlock, {
18
19
  file: file,
package/transpiled/react/Viewer/Panel/Certifications.js CHANGED
@@ -13,7 +13,7 @@ var Certification = function Certification(_ref) {
13
13
  title = _ref.title,
14
14
  caption = _ref.caption;
15
15
  return /*#__PURE__*/React.createElement("div", {
16
- className: "u-mb-1-half"
16
+ className: 'u-ph-2 u-pv-1'
17
17
  }, /*#__PURE__*/React.createElement(Media, {
18
18
  className: "u-mb-half",
19
19
  align: "top"
package/transpiled/react/Viewer/Panel/PanelContent.js CHANGED
@@ -33,7 +33,7 @@ var PanelContent = function PanelContent(_ref) {
33
33
  square: true
34
34
  }, /*#__PURE__*/React.createElement(Typography, {
35
35
  variant: "h4",
36
- className: 'u-pv-1 u-ph-2'
36
+ className: 'u-pv-1'
37
37
  }, /*#__PURE__*/React.createElement(PanelBlock, {
38
38
  file: file
39
39
  })));
package/transpiled/react/Viewer/Panel/Qualification.js CHANGED
@@ -23,23 +23,25 @@ var Qualification = function Qualification(_ref) {
23
23
  pageLabel = metadata.page,
24
24
  datetime = metadata.datetime,
25
25
  datetimeLabel = metadata.datetimeLabel;
26
- return /*#__PURE__*/React.createElement(List, null, datetime && /*#__PURE__*/React.createElement(ListItem, {
27
- className: 'u-ph-0'
26
+ return /*#__PURE__*/React.createElement(List, {
27
+ className: 'u-pv-1'
28
+ }, datetime && /*#__PURE__*/React.createElement(ListItem, {
29
+ className: 'u-ph-2'
28
30
  }, /*#__PURE__*/React.createElement(QualificationListItemText, {
29
31
  primary: t("Viewer.panel.qualification.date.title.".concat(datetimeLabel === 'datetime' || datetimeLabel === undefined ? 'addedOn' : datetimeLabel)),
30
32
  secondary: f(datetime, 'DD/MM/YYYY')
31
33
  })), contactsFullname && /*#__PURE__*/React.createElement(ListItem, {
32
- className: 'u-ph-0'
34
+ className: 'u-ph-2'
33
35
  }, /*#__PURE__*/React.createElement(QualificationListItemText, {
34
36
  primary: t('Viewer.panel.qualification.identity'),
35
37
  secondary: contactsFullname
36
38
  })), /*#__PURE__*/React.createElement(ListItem, {
37
- className: 'u-ph-0'
39
+ className: 'u-ph-2'
38
40
  }, /*#__PURE__*/React.createElement(QualificationListItemText, {
39
41
  primary: t('Viewer.panel.qualification.label.title'),
40
42
  secondary: pageLabel ? t("Viewer.panel.qualification.label.".concat(pageLabel)) : filename
41
43
  })), /*#__PURE__*/React.createElement(ListItem, {
42
- className: 'u-ph-0'
44
+ className: 'u-ph-2'
43
45
  }, /*#__PURE__*/React.createElement(QualificationListItemText, {
44
46
  primary: t('Viewer.panel.qualification.qualification'),
45
47
  secondary: scannerT("Scan.items.".concat(qualification.label))
package/transpiled/react/Viewer/Panel/QualificationListItemText.js CHANGED
@@ -7,7 +7,6 @@ var QualificationListItemText = function QualificationListItemText(_ref) {
7
7
  var primary = _ref.primary,
8
8
  secondary = _ref.secondary;
9
9
  return /*#__PURE__*/React.createElement(ListItemText, {
10
- className: 'u-pv-0',
11
10
  disableTypography: true,
12
11
  primary: /*#__PURE__*/React.createElement(Typography, {
13
12
  variant: 'caption'