cozy-ui 138.1.1 → 138.1.2
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.
- package/CHANGELOG.md +7 -0
- package/package.json +1 -1
- package/react/BottomSheet/BottomSheet.jsx +2 -4
- package/react/Dialog/index.jsx +2 -5
- package/react/deprecated/Modal/index.jsx +2 -5
- package/transpiled/react/BottomSheet/BottomSheet.js +2 -4
- package/transpiled/react/Dialog/index.js +2 -3
- package/transpiled/react/deprecated/Modal/index.js +2 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## [138.1.2](https://github.com/cozy/cozy-ui/compare/v138.1.1...v138.1.2) (2026-03-25)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* Now use correct css to deal with dark theme ([df4bb61](https://github.com/cozy/cozy-ui/commit/df4bb61))
|
|
7
|
+
|
|
1
8
|
## [138.1.1](https://github.com/cozy/cozy-ui/compare/v138.1.0...v138.1.1) (2026-03-24)
|
|
2
9
|
|
|
3
10
|
|
package/package.json
CHANGED
|
@@ -436,11 +436,9 @@ BottomSheet.propTypes = {
|
|
|
436
436
|
}
|
|
437
437
|
|
|
438
438
|
const BottomSheetPortal = forwardRef(({ portalProps, ...props }, ref) => {
|
|
439
|
-
const { type
|
|
439
|
+
const { type } = useCozyTheme()
|
|
440
440
|
const CozyThemeWrapper = portalProps?.disablePortal ? Fragment : CozyTheme
|
|
441
|
-
const wrapperProps = portalProps?.disablePortal
|
|
442
|
-
? undefined
|
|
443
|
-
: { type, variant }
|
|
441
|
+
const wrapperProps = portalProps?.disablePortal ? undefined : { type }
|
|
444
442
|
|
|
445
443
|
return (
|
|
446
444
|
<Portal {...portalProps}>
|
package/react/Dialog/index.jsx
CHANGED
|
@@ -6,15 +6,12 @@ import { useDialogEffects } from './DialogEffects'
|
|
|
6
6
|
import { useCozyTheme } from '../providers/CozyTheme'
|
|
7
7
|
|
|
8
8
|
const Dialog = ({ className, ...props }) => {
|
|
9
|
-
const { type
|
|
9
|
+
const { type } = useCozyTheme()
|
|
10
10
|
|
|
11
11
|
useDialogEffects(props.open, props.fullScreen)
|
|
12
12
|
|
|
13
13
|
return (
|
|
14
|
-
<MUIDialog
|
|
15
|
-
className={cx(`TwakeTheme--${type}-${variant}`, className)}
|
|
16
|
-
{...props}
|
|
17
|
-
/>
|
|
14
|
+
<MUIDialog className={cx(`TwakeTheme--${type}`, className)} {...props} />
|
|
18
15
|
)
|
|
19
16
|
}
|
|
20
17
|
|
|
@@ -250,15 +250,12 @@ ModalContent.propTypes = {
|
|
|
250
250
|
}
|
|
251
251
|
|
|
252
252
|
const Modal = props => {
|
|
253
|
-
const { type
|
|
253
|
+
const { type } = useCozyTheme()
|
|
254
254
|
|
|
255
255
|
return (
|
|
256
256
|
<ModalWithoutTheme
|
|
257
257
|
{...props}
|
|
258
|
-
containerClassName={cx(
|
|
259
|
-
props.containerClassName,
|
|
260
|
-
`CozyTheme--${type}-${variant}`
|
|
261
|
-
)}
|
|
258
|
+
containerClassName={cx(props.containerClassName, `CozyTheme--${type}`)}
|
|
262
259
|
/>
|
|
263
260
|
)
|
|
264
261
|
}
|
|
@@ -436,13 +436,11 @@ var BottomSheetPortal = /*#__PURE__*/forwardRef(function (_ref4, ref) {
|
|
|
436
436
|
props = _objectWithoutProperties(_ref4, _excluded);
|
|
437
437
|
|
|
438
438
|
var _useCozyTheme2 = useCozyTheme(),
|
|
439
|
-
type = _useCozyTheme2.type
|
|
440
|
-
variant = _useCozyTheme2.variant;
|
|
439
|
+
type = _useCozyTheme2.type;
|
|
441
440
|
|
|
442
441
|
var CozyThemeWrapper = portalProps !== null && portalProps !== void 0 && portalProps.disablePortal ? Fragment : CozyTheme;
|
|
443
442
|
var wrapperProps = portalProps !== null && portalProps !== void 0 && portalProps.disablePortal ? undefined : {
|
|
444
|
-
type: type
|
|
445
|
-
variant: variant
|
|
443
|
+
type: type
|
|
446
444
|
};
|
|
447
445
|
return /*#__PURE__*/React.createElement(Portal, portalProps, /*#__PURE__*/React.createElement(CozyThemeWrapper, wrapperProps, /*#__PURE__*/React.createElement(BottomSheet, _extends({
|
|
448
446
|
ref: ref
|
|
@@ -12,12 +12,11 @@ var Dialog = function Dialog(_ref) {
|
|
|
12
12
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
13
|
|
|
14
14
|
var _useCozyTheme = useCozyTheme(),
|
|
15
|
-
type = _useCozyTheme.type
|
|
16
|
-
variant = _useCozyTheme.variant;
|
|
15
|
+
type = _useCozyTheme.type;
|
|
17
16
|
|
|
18
17
|
useDialogEffects(props.open, props.fullScreen);
|
|
19
18
|
return /*#__PURE__*/React.createElement(MUIDialog, _extends({
|
|
20
|
-
className: cx("TwakeTheme--".concat(type
|
|
19
|
+
className: cx("TwakeTheme--".concat(type), className)
|
|
21
20
|
}, props));
|
|
22
21
|
};
|
|
23
22
|
|
|
@@ -292,11 +292,10 @@ ModalContent.propTypes = {
|
|
|
292
292
|
|
|
293
293
|
var Modal = function Modal(props) {
|
|
294
294
|
var _useCozyTheme = useCozyTheme(),
|
|
295
|
-
type = _useCozyTheme.type
|
|
296
|
-
variant = _useCozyTheme.variant;
|
|
295
|
+
type = _useCozyTheme.type;
|
|
297
296
|
|
|
298
297
|
return /*#__PURE__*/React.createElement(ModalWithoutTheme, _extends({}, props, {
|
|
299
|
-
containerClassName: cx(props.containerClassName, "CozyTheme--".concat(type
|
|
298
|
+
containerClassName: cx(props.containerClassName, "CozyTheme--".concat(type))
|
|
300
299
|
}));
|
|
301
300
|
};
|
|
302
301
|
|