cozy-ui 103.6.0 → 103.6.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 (10) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/package.json +1 -1
  3. package/react/CozyDialogs/Dialog.jsx +2 -1
  4. package/react/CozyDialogs/FixedActionsDialog.jsx +2 -1
  5. package/react/CozyDialogs/FixedDialog.jsx +2 -1
  6. package/react/MuiCozyTheme/overrides/makeLightNormalOverrides.js +5 -1
  7. package/transpiled/react/CozyDialogs/Dialog.js +2 -1
  8. package/transpiled/react/CozyDialogs/FixedActionsDialog.js +2 -1
  9. package/transpiled/react/CozyDialogs/FixedDialog.js +2 -1
  10. package/transpiled/react/MuiCozyTheme/overrides/makeLightNormalOverrides.js +5 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## [103.6.1](https://github.com/cozy/cozy-ui/compare/v103.6.0...v103.6.1) (2024-02-19)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * **CozyDialogs:** Divider for small dialog wasn't fullwidth ([594ec4e](https://github.com/cozy/cozy-ui/commit/594ec4e))
7
+
1
8
  # [103.6.0](https://github.com/cozy/cozy-ui/compare/v103.5.0...v103.6.0) (2024-02-15)
2
9
 
3
10
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cozy-ui",
3
- "version": "103.6.0",
3
+ "version": "103.6.1",
4
4
  "description": "Cozy apps UI SDK",
5
5
  "main": "./index.js",
6
6
  "bin": {
package/react/CozyDialogs/Dialog.jsx CHANGED
@@ -16,6 +16,7 @@ const Dialog = props => {
16
16
  dialogTitleProps,
17
17
  fullScreen,
18
18
  id,
19
+ dividerProps,
19
20
  dialogActionsProps,
20
21
  dialogContentProps
21
22
  } = useCozyDialog(props)
@@ -45,7 +46,7 @@ const Dialog = props => {
45
46
  {title && (
46
47
  <>
47
48
  <DialogTitle {...dialogTitleProps}>{title}</DialogTitle>
48
- <Divider />
49
+ <Divider {...dividerProps} />
49
50
  </>
50
51
  )}
51
52
  <DialogContent {...dialogContentProps}>
package/react/CozyDialogs/FixedActionsDialog.jsx CHANGED
@@ -16,6 +16,7 @@ const FixedActionsDialog = props => {
16
16
  dialogTitleProps,
17
17
  fullScreen,
18
18
  id,
19
+ dividerProps,
19
20
  dialogActionsProps,
20
21
  dialogContentProps
21
22
  } = useCozyDialog({ ...props, isFluidTitle: true })
@@ -52,7 +53,7 @@ const FixedActionsDialog = props => {
52
53
  {content}
53
54
  </div>
54
55
  </DialogContent>
55
- <Divider />
56
+ <Divider {...dividerProps} />
56
57
  {actions && (
57
58
  <DialogActions
58
59
  {...dialogActionsProps}
package/react/CozyDialogs/FixedDialog.jsx CHANGED
@@ -16,6 +16,7 @@ const FixedDialog = props => {
16
16
  dialogTitleProps,
17
17
  fullScreen,
18
18
  id,
19
+ dividerProps,
19
20
  dialogActionsProps,
20
21
  dialogContentProps
21
22
  } = useCozyDialog(props)
@@ -45,7 +46,7 @@ const FixedDialog = props => {
45
46
  {title && (
46
47
  <>
47
48
  <DialogTitle {...dialogTitleProps}>{title}</DialogTitle>
48
- <Divider />
49
+ <Divider {...dividerProps} />
49
50
  </>
50
51
  )}
51
52
  <DialogContent {...dialogContentProps}>
package/react/MuiCozyTheme/overrides/makeLightNormalOverrides.js CHANGED
@@ -416,7 +416,11 @@ export const makeLightNormalOverrides = theme => ({
416
416
  padding: '0 8px 8px',
417
417
  height: 'auto',
418
418
  maxHeight: 'calc(100% - 32px)',
419
- borderRadius: '6px'
419
+ borderRadius: '6px',
420
+ '& .divider--dialog': {
421
+ marginLeft: '-8px',
422
+ marginRight: '-8px'
423
+ }
420
424
  }
421
425
  },
422
426
  '&.medium': {
package/transpiled/react/CozyDialogs/Dialog.js CHANGED
@@ -21,6 +21,7 @@ var Dialog = function Dialog(props) {
21
21
  dialogTitleProps = _useCozyDialog.dialogTitleProps,
22
22
  fullScreen = _useCozyDialog.fullScreen,
23
23
  id = _useCozyDialog.id,
24
+ dividerProps = _useCozyDialog.dividerProps,
24
25
  dialogActionsProps = _useCozyDialog.dialogActionsProps,
25
26
  dialogContentProps = _useCozyDialog.dialogContentProps;
26
27
 
@@ -34,7 +35,7 @@ var Dialog = function Dialog(props) {
34
35
  }), fullScreen && onBackOrClose && /*#__PURE__*/React.createElement(DialogBackButton, {
35
36
  "data-testid": "modal-backclose-button-".concat(id),
36
37
  onClick: onBackOrClose
37
- }), title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DialogTitle, dialogTitleProps, title), /*#__PURE__*/React.createElement(Divider, null)), /*#__PURE__*/React.createElement(DialogContent, dialogContentProps, /*#__PURE__*/React.createElement("div", {
38
+ }), title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DialogTitle, dialogTitleProps, title), /*#__PURE__*/React.createElement(Divider, dividerProps)), /*#__PURE__*/React.createElement(DialogContent, dialogContentProps, /*#__PURE__*/React.createElement("div", {
38
39
  className: "dialogContentInner withFluidActions"
39
40
  }, /*#__PURE__*/React.createElement("div", {
40
41
  className: cx('dialogContentWrapper', {
package/transpiled/react/CozyDialogs/FixedActionsDialog.js CHANGED
@@ -29,6 +29,7 @@ var FixedActionsDialog = function FixedActionsDialog(props) {
29
29
  dialogTitleProps = _useCozyDialog.dialogTitleProps,
30
30
  fullScreen = _useCozyDialog.fullScreen,
31
31
  id = _useCozyDialog.id,
32
+ dividerProps = _useCozyDialog.dividerProps,
32
33
  dialogActionsProps = _useCozyDialog.dialogActionsProps,
33
34
  dialogContentProps = _useCozyDialog.dialogContentProps;
34
35
 
@@ -46,7 +47,7 @@ var FixedActionsDialog = function FixedActionsDialog(props) {
46
47
  className: "dialogContentInner"
47
48
  }, title && /*#__PURE__*/React.createElement("div", {
48
49
  className: "dialogTitleFluidContainer"
49
- }, /*#__PURE__*/React.createElement(DialogTitle, dialogTitleProps, title)), content)), /*#__PURE__*/React.createElement(Divider, null), actions && /*#__PURE__*/React.createElement(DialogActions, _extends({}, dialogActionsProps, {
50
+ }, /*#__PURE__*/React.createElement(DialogTitle, dialogTitleProps, title)), content)), /*#__PURE__*/React.createElement(Divider, dividerProps), actions && /*#__PURE__*/React.createElement(DialogActions, _extends({}, dialogActionsProps, {
50
51
  disableSpacing: true,
51
52
  className: cx({
52
53
  columnLayout: actionsLayout == 'column'
package/transpiled/react/CozyDialogs/FixedDialog.js CHANGED
@@ -21,6 +21,7 @@ var FixedDialog = function FixedDialog(props) {
21
21
  dialogTitleProps = _useCozyDialog.dialogTitleProps,
22
22
  fullScreen = _useCozyDialog.fullScreen,
23
23
  id = _useCozyDialog.id,
24
+ dividerProps = _useCozyDialog.dividerProps,
24
25
  dialogActionsProps = _useCozyDialog.dialogActionsProps,
25
26
  dialogContentProps = _useCozyDialog.dialogContentProps;
26
27
 
@@ -34,7 +35,7 @@ var FixedDialog = function FixedDialog(props) {
34
35
  }), fullScreen && onBackOrClose && /*#__PURE__*/React.createElement(DialogBackButton, {
35
36
  "data-testid": "modal-backclose-button-".concat(id),
36
37
  onClick: onBackOrClose
37
- }), title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DialogTitle, dialogTitleProps, title), /*#__PURE__*/React.createElement(Divider, null)), /*#__PURE__*/React.createElement(DialogContent, dialogContentProps, /*#__PURE__*/React.createElement("div", {
38
+ }), title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DialogTitle, dialogTitleProps, title), /*#__PURE__*/React.createElement(Divider, dividerProps)), /*#__PURE__*/React.createElement(DialogContent, dialogContentProps, /*#__PURE__*/React.createElement("div", {
38
39
  className: "dialogContentInner"
39
40
  }, content)), /*#__PURE__*/React.createElement(Divider, null), actions && /*#__PURE__*/React.createElement(DialogActions, _extends({}, dialogActionsProps, {
40
41
  disableSpacing: true,
package/transpiled/react/MuiCozyTheme/overrides/makeLightNormalOverrides.js CHANGED
@@ -391,7 +391,11 @@ export var makeLightNormalOverrides = function makeLightNormalOverrides(theme) {
391
391
  padding: '0 8px 8px',
392
392
  height: 'auto',
393
393
  maxHeight: 'calc(100% - 32px)',
394
- borderRadius: '6px'
394
+ borderRadius: '6px',
395
+ '& .divider--dialog': {
396
+ marginLeft: '-8px',
397
+ marginRight: '-8px'
398
+ }
395
399
  }),
396
400
  '&.medium': _defineProperty({}, theme.breakpoints.up('md'), {
397
401
  width: '544px',