@cerebruminc/cerebellum 17.3.9 → 17.3.10
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
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# react-component-lib-boilerplate
|
|
2
2
|
|
|
3
|
+
## [17.3.10](https://github.com/cerebruminc/cerebellum/compare/v17.3.9...v17.3.10) (2026-06-26)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* **modal:** make Mantine Modal padding responsive ([284670d](https://github.com/cerebruminc/cerebellum/commit/284670d98c1cb2aa5a7993347b91701bce65c307))
|
|
9
|
+
|
|
3
10
|
## [17.3.9](https://github.com/cerebruminc/cerebellum/compare/v17.3.8...v17.3.9) (2026-06-26)
|
|
4
11
|
|
|
5
12
|
|
package/package.json
CHANGED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
.body {
|
|
2
|
+
padding: 20px 71px 61px;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.header {
|
|
6
|
+
padding: 49px 71px 0px;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@media (max-width: 600px) {
|
|
10
|
+
.body,
|
|
11
|
+
.header {
|
|
12
|
+
padding-inline: 50px;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@media (max-width: 400px) {
|
|
17
|
+
.body,
|
|
18
|
+
.header {
|
|
19
|
+
padding-inline: 30px;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -26,6 +26,7 @@ import { LoadingEllipsis } from "./components/LoadingEllipsis";
|
|
|
26
26
|
import type { NotificationTone, NotificationType, TextVariant } from "./types";
|
|
27
27
|
|
|
28
28
|
import buttonClasses from "./components/Button.module.css";
|
|
29
|
+
import modalClasses from "./components/Modal.module.css";
|
|
29
30
|
import notificationClasses from "./services/Notification.module.css";
|
|
30
31
|
|
|
31
32
|
type TonedNotificationProps = NotificationProps &
|
|
@@ -550,6 +551,10 @@ export const createCustomMantineTheme = (optionsOrBrandColor?: CreateCustomManti
|
|
|
550
551
|
vars: (_theme: MantineTheme, props: SelectProps) => getInputVars(),
|
|
551
552
|
},
|
|
552
553
|
Modal: {
|
|
554
|
+
classNames: {
|
|
555
|
+
body: modalClasses.body,
|
|
556
|
+
header: modalClasses.header,
|
|
557
|
+
},
|
|
553
558
|
defaultProps: {
|
|
554
559
|
withCloseButton: false,
|
|
555
560
|
radius: "10px",
|
|
@@ -568,12 +573,6 @@ export const createCustomMantineTheme = (optionsOrBrandColor?: CreateCustomManti
|
|
|
568
573
|
fontSize: "30px",
|
|
569
574
|
fontWeight: 600,
|
|
570
575
|
},
|
|
571
|
-
body: {
|
|
572
|
-
padding: "20px 71px 61px",
|
|
573
|
-
},
|
|
574
|
-
header: {
|
|
575
|
-
padding: "49px 71px 0px",
|
|
576
|
-
},
|
|
577
576
|
content: {
|
|
578
577
|
// Custom scrollbar to match Cerebellum's Modal component
|
|
579
578
|
scrollbarColor: "#DCE2ED transparent",
|