@cerebruminc/cerebellum 15.19.0 → 16.0.0
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/lib/cjs/{ConfirmModal-DoOploLb.js → ConfirmModal-DRAHS2B-.js} +19 -6
- package/lib/cjs/ConfirmModal-DRAHS2B-.js.map +1 -0
- package/lib/cjs/ConfirmModal.cjs +1 -1
- package/lib/cjs/cerebellumTheme.cjs +0 -1
- package/lib/cjs/cerebellumTheme.cjs.map +1 -1
- package/lib/cjs/index.cjs +1 -1
- package/lib/esm/{ConfirmModal-DLCYYwGx.js → ConfirmModal-DfDbZXk5.js} +19 -6
- package/lib/esm/ConfirmModal-DfDbZXk5.js.map +1 -0
- package/lib/esm/ConfirmModal.js +1 -1
- package/lib/esm/cerebellumTheme.js +0 -1
- package/lib/esm/cerebellumTheme.js.map +1 -1
- package/lib/esm/index.js +1 -1
- package/lib/types/src/components/ConfirmModal/types.d.ts +2 -1
- package/lib/types/src/theme.d.ts +0 -1
- package/package.json +1 -1
- package/lib/cjs/ConfirmModal-DoOploLb.js.map +0 -1
- package/lib/esm/ConfirmModal-DLCYYwGx.js.map +0 -1
|
@@ -16,12 +16,22 @@ var TextButton = require('./TextButton.cjs');
|
|
|
16
16
|
var Modal = require('./Modal-Bi8DWB7O.js');
|
|
17
17
|
var BodyLEmphasis = require('./BodyLEmphasis.cjs');
|
|
18
18
|
|
|
19
|
-
var BoundingBox = styled.styled.div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n
|
|
19
|
+
var BoundingBox = styled.styled.div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n\talign-items: ", ";\n\tdisplay: flex;\n\tflex-direction: column;\n\tmax-width: ", "px;\n\tmin-height: 165px;\n\twidth: 100%;\n"], ["\n\talign-items: ", ";\n\tdisplay: flex;\n\tflex-direction: column;\n\tmax-width: ", "px;\n\tmin-height: 165px;\n\twidth: 100%;\n"])), function (_a) {
|
|
20
|
+
var $themeOverride = _a.$themeOverride, theme = _a.theme;
|
|
21
|
+
var textAlign = ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textAlign) || theme.confirmModal.textAlign;
|
|
22
|
+
if (textAlign === "center") {
|
|
23
|
+
return "center";
|
|
24
|
+
}
|
|
25
|
+
if (textAlign === "right") {
|
|
26
|
+
return "flex-end";
|
|
27
|
+
}
|
|
28
|
+
return "flex-start";
|
|
29
|
+
}, function (_a) {
|
|
20
30
|
var $fixedWidth = _a.$fixedWidth;
|
|
21
31
|
return $fixedWidth;
|
|
22
32
|
});
|
|
23
33
|
var IconBox = styled.styled.div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n height: 38px;\n margin-bottom: 17px;\n width: 38px;\n"], ["\n height: 38px;\n margin-bottom: 17px;\n width: 38px;\n"])));
|
|
24
|
-
var Header = styled.styled(BodyLEmphasis.HeadingH1)(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n color: ", ";\n font-size: ", "px;\n padding-bottom: ", "px;\n
|
|
34
|
+
var Header = styled.styled(BodyLEmphasis.HeadingH1)(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n color: ", ";\n font-size: ", "px;\n padding-bottom: ", "px;\n\ttext-align: ", ";\n white-space: normal;\n word-break: break-word;\n"], ["\n color: ", ";\n font-size: ", "px;\n padding-bottom: ", "px;\n\ttext-align: ", ";\n white-space: normal;\n word-break: break-word;\n"])), function (_a) {
|
|
25
35
|
var $themeOverride = _a.$themeOverride, theme = _a.theme;
|
|
26
36
|
return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.headerColor) || theme.confirmModal.headerColor;
|
|
27
37
|
}, function (_a) {
|
|
@@ -32,14 +42,17 @@ var Header = styled.styled(BodyLEmphasis.HeadingH1)(templateObject_3 || (templat
|
|
|
32
42
|
return ($textBelow ? 15 : 0);
|
|
33
43
|
}, function (_a) {
|
|
34
44
|
var $themeOverride = _a.$themeOverride, theme = _a.theme;
|
|
35
|
-
return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.
|
|
45
|
+
return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textAlign) || theme.confirmModal.textAlign;
|
|
36
46
|
});
|
|
37
|
-
var Text = styled.styled(BodyLEmphasis.BodyMPrimary)(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n color: ", ";\n font-size: ", "px;\n padding-bottom: ", "px;\n
|
|
47
|
+
var Text = styled.styled(BodyLEmphasis.BodyMPrimary)(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n color: ", ";\n font-size: ", "px;\n max-width: ", ";\n padding-bottom: ", "px;\n\ttext-align: ", ";\n white-space: normal;\n word-break: break-word;\n"], ["\n color: ", ";\n font-size: ", "px;\n max-width: ", ";\n padding-bottom: ", "px;\n\ttext-align: ", ";\n white-space: normal;\n word-break: break-word;\n"])), function (_a) {
|
|
38
48
|
var $themeOverride = _a.$themeOverride, theme = _a.theme;
|
|
39
49
|
return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textColor) || theme.confirmModal.textColor;
|
|
40
50
|
}, function (_a) {
|
|
41
51
|
var $themeOverride = _a.$themeOverride, theme = _a.theme;
|
|
42
52
|
return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textFontSize) || theme.confirmModal.textFontSize;
|
|
53
|
+
}, function (_a) {
|
|
54
|
+
var $themeOverride = _a.$themeOverride; _a.theme;
|
|
55
|
+
return (($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textMaxWidth) ? "".concat($themeOverride.textMaxWidth, "px") : "none");
|
|
43
56
|
}, function (_a) {
|
|
44
57
|
var $childrenBelow = _a.$childrenBelow;
|
|
45
58
|
return ($childrenBelow ? 15 : 0);
|
|
@@ -78,8 +91,8 @@ var ConfirmModal = function (_a) {
|
|
|
78
91
|
var modalPaddingString = "".concat(topPadding, "px ").concat(sidePadding, "px ").concat(bottomPadding, "px");
|
|
79
92
|
var textSpace = modalWidth - sidePadding * 2;
|
|
80
93
|
var buttonWidth = (textSpace - buttonGap) / 2;
|
|
81
|
-
return (jsxRuntime.jsx(Modal.Modal, { borderRadius: (_b = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.borderRadius) !== null && _b !== void 0 ? _b : theme.confirmModal.borderRadius, closeFunction: show ? onXClick : undefined, show: show, minWidth: modalWidth, mobileBreakpoint: modalWidth + 20, paddingString: modalPaddingString, showBoxShadow: (_c = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.showBoxShadow) !== null && _c !== void 0 ? _c : theme.confirmModal.showBoxShadow, showOverflow: (_d = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.showOverflow) !== null && _d !== void 0 ? _d : theme.confirmModal.showOverflow, slideDown: (_e = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.slideDown) !== null && _e !== void 0 ? _e : theme.confirmModal.slideDown, xColor: (_f = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.xColor) !== null && _f !== void 0 ? _f : theme.confirmModal.xColor, children: jsxRuntime.jsxs(BoundingBox, { "$fixedWidth": modalWidth, children: [Icon && (jsxRuntime.jsx(IconBox, { children: jsxRuntime.jsx(Icon, { fill: primaryColorGroup.hover }) })), jsxRuntime.jsx(Header, { "$textBelow": !!text, "$themeOverride": themeOverride, "data-sentry-unmask": sentryUnmask || undefined, children: header }), jsxRuntime.jsx(Text, { "$childrenBelow": !!children, "$themeOverride": themeOverride, "data-sentry-unmask": sentryUnmask || undefined, children: text }), children, jsxRuntime.jsxs(ButtonGroup, { "$secondaryAsText": secondaryAsText, "$themeOverride": themeOverride, children: [onSecondaryClick && !secondaryAsText && (jsxRuntime.jsx(OutlineButton.OutlineButton, { buttonHeight: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.buttonHeight) || theme.confirmModal.buttonHeight, buttonWidth: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.secondaryButtonWidth) || buttonWidth, disabled: !show || secondaryButtonDisabled, colorFamily: secondaryColorFamily || (secondaryAsText ? ButtonColorFamilyEnum.ButtonColorFamilyEnum.CoolGrey : ButtonColorFamilyEnum.ButtonColorFamilyEnum.Blue), colorFamilyOverride: secondaryColorFamilyOverride, onClick: onSecondaryClick, text: secondaryButtonText || "", loading: secondaryButtonLoading })), onSecondaryClick && secondaryAsText && (jsxRuntime.jsx(TextButtonSleeve, { children: jsxRuntime.jsx(TextButton.TextButton, { buttonWidth: buttonWidth, disabled: !show || secondaryButtonDisabled, colorFamily: secondaryColorFamily || (secondaryAsText ? ButtonColorFamilyEnum.ButtonColorFamilyEnum.CoolGrey : ButtonColorFamilyEnum.ButtonColorFamilyEnum.Blue), colorFamilyOverride: secondaryColorFamilyOverride, onClick: onSecondaryClick, text: secondaryButtonText || "", loading: secondaryButtonLoading }) })), onPrimaryClick && (jsxRuntime.jsx(PrimaryButton.PrimaryButton, { disabled: !show || primaryButtonDisabled, colorFamily: primaryColorFamily, colorFamilyOverride: primaryColorFamilyOverride, onClick: onPrimaryClick, text: primaryButtonText || "", buttonHeight: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.buttonHeight) || theme.confirmModal.buttonHeight, buttonWidth: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.primaryButtonWidth) || buttonWidth, shadow: (_g = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.primaryButtonShadow) !== null && _g !== void 0 ? _g : theme.confirmModal.primaryButtonShadow, loading: primaryButtonLoading }))] })] }) }));
|
|
94
|
+
return (jsxRuntime.jsx(Modal.Modal, { borderRadius: (_b = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.borderRadius) !== null && _b !== void 0 ? _b : theme.confirmModal.borderRadius, closeFunction: show ? onXClick : undefined, show: show, minWidth: modalWidth, mobileBreakpoint: modalWidth + 20, paddingString: modalPaddingString, showBoxShadow: (_c = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.showBoxShadow) !== null && _c !== void 0 ? _c : theme.confirmModal.showBoxShadow, showOverflow: (_d = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.showOverflow) !== null && _d !== void 0 ? _d : theme.confirmModal.showOverflow, slideDown: (_e = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.slideDown) !== null && _e !== void 0 ? _e : theme.confirmModal.slideDown, xColor: (_f = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.xColor) !== null && _f !== void 0 ? _f : theme.confirmModal.xColor, children: jsxRuntime.jsxs(BoundingBox, { "$fixedWidth": modalWidth, "$themeOverride": themeOverride, children: [Icon && (jsxRuntime.jsx(IconBox, { children: jsxRuntime.jsx(Icon, { fill: primaryColorGroup.hover }) })), jsxRuntime.jsx(Header, { "$textBelow": !!text, "$themeOverride": themeOverride, "data-sentry-unmask": sentryUnmask || undefined, children: header }), jsxRuntime.jsx(Text, { "$childrenBelow": !!children, "$themeOverride": themeOverride, "data-sentry-unmask": sentryUnmask || undefined, children: text }), children, jsxRuntime.jsxs(ButtonGroup, { "$secondaryAsText": secondaryAsText, "$themeOverride": themeOverride, children: [onSecondaryClick && !secondaryAsText && (jsxRuntime.jsx(OutlineButton.OutlineButton, { buttonHeight: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.buttonHeight) || theme.confirmModal.buttonHeight, buttonWidth: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.secondaryButtonWidth) || buttonWidth, disabled: !show || secondaryButtonDisabled, colorFamily: secondaryColorFamily || (secondaryAsText ? ButtonColorFamilyEnum.ButtonColorFamilyEnum.CoolGrey : ButtonColorFamilyEnum.ButtonColorFamilyEnum.Blue), colorFamilyOverride: secondaryColorFamilyOverride, onClick: onSecondaryClick, text: secondaryButtonText || "", loading: secondaryButtonLoading })), onSecondaryClick && secondaryAsText && (jsxRuntime.jsx(TextButtonSleeve, { children: jsxRuntime.jsx(TextButton.TextButton, { buttonWidth: buttonWidth, disabled: !show || secondaryButtonDisabled, colorFamily: secondaryColorFamily || (secondaryAsText ? ButtonColorFamilyEnum.ButtonColorFamilyEnum.CoolGrey : ButtonColorFamilyEnum.ButtonColorFamilyEnum.Blue), colorFamilyOverride: secondaryColorFamilyOverride, onClick: onSecondaryClick, text: secondaryButtonText || "", loading: secondaryButtonLoading }) })), onPrimaryClick && (jsxRuntime.jsx(PrimaryButton.PrimaryButton, { disabled: !show || primaryButtonDisabled, colorFamily: primaryColorFamily, colorFamilyOverride: primaryColorFamilyOverride, onClick: onPrimaryClick, text: primaryButtonText || "", buttonHeight: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.buttonHeight) || theme.confirmModal.buttonHeight, buttonWidth: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.primaryButtonWidth) || buttonWidth, shadow: (_g = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.primaryButtonShadow) !== null && _g !== void 0 ? _g : theme.confirmModal.primaryButtonShadow, loading: primaryButtonLoading }))] })] }) }));
|
|
82
95
|
};
|
|
83
96
|
|
|
84
97
|
exports.ConfirmModal = ConfirmModal;
|
|
85
|
-
//# sourceMappingURL=ConfirmModal-
|
|
98
|
+
//# sourceMappingURL=ConfirmModal-DRAHS2B-.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfirmModal-DRAHS2B-.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/cjs/ConfirmModal.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cerebellumTheme.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"cerebellumTheme.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/cjs/index.cjs
CHANGED
|
@@ -26,7 +26,7 @@ var ClickOutHandler = require('./ClickOutHandler-b5mI7kuA.js');
|
|
|
26
26
|
var ColorButton = require('./ColorButton-D-6cr8t2.js');
|
|
27
27
|
var ColorPickerMenu = require('./ColorPickerMenu-8kShEqlx.js');
|
|
28
28
|
var ConfigurableInput = require('./ConfigurableInput-naz2E_Pb.js');
|
|
29
|
-
var ConfirmModal = require('./ConfirmModal-
|
|
29
|
+
var ConfirmModal = require('./ConfirmModal-DRAHS2B-.js');
|
|
30
30
|
var CreditCardInput = require('./CreditCardInput-bMyCXnqF.js');
|
|
31
31
|
var CurrencyInput = require('./CurrencyInput-D_QGbxkC.js');
|
|
32
32
|
var DatePicker = require('./DatePicker.cjs');
|
|
@@ -14,12 +14,22 @@ import { TextButton } from './TextButton.js';
|
|
|
14
14
|
import { M as Modal } from './Modal-B6EEh_wv.js';
|
|
15
15
|
import { HeadingH1, BodyMPrimary } from './BodyLEmphasis.js';
|
|
16
16
|
|
|
17
|
-
var BoundingBox = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n
|
|
17
|
+
var BoundingBox = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\talign-items: ", ";\n\tdisplay: flex;\n\tflex-direction: column;\n\tmax-width: ", "px;\n\tmin-height: 165px;\n\twidth: 100%;\n"], ["\n\talign-items: ", ";\n\tdisplay: flex;\n\tflex-direction: column;\n\tmax-width: ", "px;\n\tmin-height: 165px;\n\twidth: 100%;\n"])), function (_a) {
|
|
18
|
+
var $themeOverride = _a.$themeOverride, theme = _a.theme;
|
|
19
|
+
var textAlign = ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textAlign) || theme.confirmModal.textAlign;
|
|
20
|
+
if (textAlign === "center") {
|
|
21
|
+
return "center";
|
|
22
|
+
}
|
|
23
|
+
if (textAlign === "right") {
|
|
24
|
+
return "flex-end";
|
|
25
|
+
}
|
|
26
|
+
return "flex-start";
|
|
27
|
+
}, function (_a) {
|
|
18
28
|
var $fixedWidth = _a.$fixedWidth;
|
|
19
29
|
return $fixedWidth;
|
|
20
30
|
});
|
|
21
31
|
var IconBox = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 38px;\n margin-bottom: 17px;\n width: 38px;\n"], ["\n height: 38px;\n margin-bottom: 17px;\n width: 38px;\n"])));
|
|
22
|
-
var Header = styled(HeadingH1)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: ", ";\n font-size: ", "px;\n padding-bottom: ", "px;\n
|
|
32
|
+
var Header = styled(HeadingH1)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: ", ";\n font-size: ", "px;\n padding-bottom: ", "px;\n\ttext-align: ", ";\n white-space: normal;\n word-break: break-word;\n"], ["\n color: ", ";\n font-size: ", "px;\n padding-bottom: ", "px;\n\ttext-align: ", ";\n white-space: normal;\n word-break: break-word;\n"])), function (_a) {
|
|
23
33
|
var $themeOverride = _a.$themeOverride, theme = _a.theme;
|
|
24
34
|
return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.headerColor) || theme.confirmModal.headerColor;
|
|
25
35
|
}, function (_a) {
|
|
@@ -30,14 +40,17 @@ var Header = styled(HeadingH1)(templateObject_3 || (templateObject_3 = __makeTem
|
|
|
30
40
|
return ($textBelow ? 15 : 0);
|
|
31
41
|
}, function (_a) {
|
|
32
42
|
var $themeOverride = _a.$themeOverride, theme = _a.theme;
|
|
33
|
-
return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.
|
|
43
|
+
return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textAlign) || theme.confirmModal.textAlign;
|
|
34
44
|
});
|
|
35
|
-
var Text = styled(BodyMPrimary)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: ", ";\n font-size: ", "px;\n padding-bottom: ", "px;\n
|
|
45
|
+
var Text = styled(BodyMPrimary)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: ", ";\n font-size: ", "px;\n max-width: ", ";\n padding-bottom: ", "px;\n\ttext-align: ", ";\n white-space: normal;\n word-break: break-word;\n"], ["\n color: ", ";\n font-size: ", "px;\n max-width: ", ";\n padding-bottom: ", "px;\n\ttext-align: ", ";\n white-space: normal;\n word-break: break-word;\n"])), function (_a) {
|
|
36
46
|
var $themeOverride = _a.$themeOverride, theme = _a.theme;
|
|
37
47
|
return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textColor) || theme.confirmModal.textColor;
|
|
38
48
|
}, function (_a) {
|
|
39
49
|
var $themeOverride = _a.$themeOverride, theme = _a.theme;
|
|
40
50
|
return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textFontSize) || theme.confirmModal.textFontSize;
|
|
51
|
+
}, function (_a) {
|
|
52
|
+
var $themeOverride = _a.$themeOverride; _a.theme;
|
|
53
|
+
return (($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textMaxWidth) ? "".concat($themeOverride.textMaxWidth, "px") : "none");
|
|
41
54
|
}, function (_a) {
|
|
42
55
|
var $childrenBelow = _a.$childrenBelow;
|
|
43
56
|
return ($childrenBelow ? 15 : 0);
|
|
@@ -76,8 +89,8 @@ var ConfirmModal = function (_a) {
|
|
|
76
89
|
var modalPaddingString = "".concat(topPadding, "px ").concat(sidePadding, "px ").concat(bottomPadding, "px");
|
|
77
90
|
var textSpace = modalWidth - sidePadding * 2;
|
|
78
91
|
var buttonWidth = (textSpace - buttonGap) / 2;
|
|
79
|
-
return (jsx(Modal, { borderRadius: (_b = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.borderRadius) !== null && _b !== void 0 ? _b : theme.confirmModal.borderRadius, closeFunction: show ? onXClick : undefined, show: show, minWidth: modalWidth, mobileBreakpoint: modalWidth + 20, paddingString: modalPaddingString, showBoxShadow: (_c = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.showBoxShadow) !== null && _c !== void 0 ? _c : theme.confirmModal.showBoxShadow, showOverflow: (_d = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.showOverflow) !== null && _d !== void 0 ? _d : theme.confirmModal.showOverflow, slideDown: (_e = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.slideDown) !== null && _e !== void 0 ? _e : theme.confirmModal.slideDown, xColor: (_f = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.xColor) !== null && _f !== void 0 ? _f : theme.confirmModal.xColor, children: jsxs(BoundingBox, { "$fixedWidth": modalWidth, children: [Icon && (jsx(IconBox, { children: jsx(Icon, { fill: primaryColorGroup.hover }) })), jsx(Header, { "$textBelow": !!text, "$themeOverride": themeOverride, "data-sentry-unmask": sentryUnmask || undefined, children: header }), jsx(Text, { "$childrenBelow": !!children, "$themeOverride": themeOverride, "data-sentry-unmask": sentryUnmask || undefined, children: text }), children, jsxs(ButtonGroup, { "$secondaryAsText": secondaryAsText, "$themeOverride": themeOverride, children: [onSecondaryClick && !secondaryAsText && (jsx(OutlineButton, { buttonHeight: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.buttonHeight) || theme.confirmModal.buttonHeight, buttonWidth: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.secondaryButtonWidth) || buttonWidth, disabled: !show || secondaryButtonDisabled, colorFamily: secondaryColorFamily || (secondaryAsText ? ButtonColorFamilyEnum.CoolGrey : ButtonColorFamilyEnum.Blue), colorFamilyOverride: secondaryColorFamilyOverride, onClick: onSecondaryClick, text: secondaryButtonText || "", loading: secondaryButtonLoading })), onSecondaryClick && secondaryAsText && (jsx(TextButtonSleeve, { children: jsx(TextButton, { buttonWidth: buttonWidth, disabled: !show || secondaryButtonDisabled, colorFamily: secondaryColorFamily || (secondaryAsText ? ButtonColorFamilyEnum.CoolGrey : ButtonColorFamilyEnum.Blue), colorFamilyOverride: secondaryColorFamilyOverride, onClick: onSecondaryClick, text: secondaryButtonText || "", loading: secondaryButtonLoading }) })), onPrimaryClick && (jsx(PrimaryButton, { disabled: !show || primaryButtonDisabled, colorFamily: primaryColorFamily, colorFamilyOverride: primaryColorFamilyOverride, onClick: onPrimaryClick, text: primaryButtonText || "", buttonHeight: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.buttonHeight) || theme.confirmModal.buttonHeight, buttonWidth: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.primaryButtonWidth) || buttonWidth, shadow: (_g = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.primaryButtonShadow) !== null && _g !== void 0 ? _g : theme.confirmModal.primaryButtonShadow, loading: primaryButtonLoading }))] })] }) }));
|
|
92
|
+
return (jsx(Modal, { borderRadius: (_b = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.borderRadius) !== null && _b !== void 0 ? _b : theme.confirmModal.borderRadius, closeFunction: show ? onXClick : undefined, show: show, minWidth: modalWidth, mobileBreakpoint: modalWidth + 20, paddingString: modalPaddingString, showBoxShadow: (_c = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.showBoxShadow) !== null && _c !== void 0 ? _c : theme.confirmModal.showBoxShadow, showOverflow: (_d = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.showOverflow) !== null && _d !== void 0 ? _d : theme.confirmModal.showOverflow, slideDown: (_e = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.slideDown) !== null && _e !== void 0 ? _e : theme.confirmModal.slideDown, xColor: (_f = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.xColor) !== null && _f !== void 0 ? _f : theme.confirmModal.xColor, children: jsxs(BoundingBox, { "$fixedWidth": modalWidth, "$themeOverride": themeOverride, children: [Icon && (jsx(IconBox, { children: jsx(Icon, { fill: primaryColorGroup.hover }) })), jsx(Header, { "$textBelow": !!text, "$themeOverride": themeOverride, "data-sentry-unmask": sentryUnmask || undefined, children: header }), jsx(Text, { "$childrenBelow": !!children, "$themeOverride": themeOverride, "data-sentry-unmask": sentryUnmask || undefined, children: text }), children, jsxs(ButtonGroup, { "$secondaryAsText": secondaryAsText, "$themeOverride": themeOverride, children: [onSecondaryClick && !secondaryAsText && (jsx(OutlineButton, { buttonHeight: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.buttonHeight) || theme.confirmModal.buttonHeight, buttonWidth: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.secondaryButtonWidth) || buttonWidth, disabled: !show || secondaryButtonDisabled, colorFamily: secondaryColorFamily || (secondaryAsText ? ButtonColorFamilyEnum.CoolGrey : ButtonColorFamilyEnum.Blue), colorFamilyOverride: secondaryColorFamilyOverride, onClick: onSecondaryClick, text: secondaryButtonText || "", loading: secondaryButtonLoading })), onSecondaryClick && secondaryAsText && (jsx(TextButtonSleeve, { children: jsx(TextButton, { buttonWidth: buttonWidth, disabled: !show || secondaryButtonDisabled, colorFamily: secondaryColorFamily || (secondaryAsText ? ButtonColorFamilyEnum.CoolGrey : ButtonColorFamilyEnum.Blue), colorFamilyOverride: secondaryColorFamilyOverride, onClick: onSecondaryClick, text: secondaryButtonText || "", loading: secondaryButtonLoading }) })), onPrimaryClick && (jsx(PrimaryButton, { disabled: !show || primaryButtonDisabled, colorFamily: primaryColorFamily, colorFamilyOverride: primaryColorFamilyOverride, onClick: onPrimaryClick, text: primaryButtonText || "", buttonHeight: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.buttonHeight) || theme.confirmModal.buttonHeight, buttonWidth: (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.primaryButtonWidth) || buttonWidth, shadow: (_g = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.primaryButtonShadow) !== null && _g !== void 0 ? _g : theme.confirmModal.primaryButtonShadow, loading: primaryButtonLoading }))] })] }) }));
|
|
80
93
|
};
|
|
81
94
|
|
|
82
95
|
export { ConfirmModal as C };
|
|
83
|
-
//# sourceMappingURL=ConfirmModal-
|
|
96
|
+
//# sourceMappingURL=ConfirmModal-DfDbZXk5.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfirmModal-DfDbZXk5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/esm/ConfirmModal.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cerebellumTheme.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"cerebellumTheme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/esm/index.js
CHANGED
|
@@ -25,7 +25,7 @@ export { C as ClickOutHandler } from './ClickOutHandler-CcKVoXIs.js';
|
|
|
25
25
|
export { C as ColorButton } from './ColorButton-BTed-86W.js';
|
|
26
26
|
export { C as ColorPickerMenu } from './ColorPickerMenu-C2KNTSw1.js';
|
|
27
27
|
export { C as ConfigurableInput } from './ConfigurableInput-BjJTNTyz.js';
|
|
28
|
-
export { C as ConfirmModal } from './ConfirmModal-
|
|
28
|
+
export { C as ConfirmModal } from './ConfirmModal-DfDbZXk5.js';
|
|
29
29
|
export { C as CreditCardInput } from './CreditCardInput-BpZ4T9b7.js';
|
|
30
30
|
export { C as CurrencyInput } from './CurrencyInput-CzI4uaoz.js';
|
|
31
31
|
import { DatePicker } from './DatePicker.js';
|
|
@@ -66,12 +66,13 @@ export interface ThemeOverride {
|
|
|
66
66
|
textAlign?: "left" | "center" | "right";
|
|
67
67
|
textColor?: string;
|
|
68
68
|
textFontSize?: number;
|
|
69
|
-
|
|
69
|
+
textMaxWidth?: number;
|
|
70
70
|
xColor?: string;
|
|
71
71
|
mobileBreakpoint?: number;
|
|
72
72
|
}
|
|
73
73
|
export interface BoundingBoxProps {
|
|
74
74
|
$fixedWidth: number;
|
|
75
|
+
$themeOverride?: ThemeOverride;
|
|
75
76
|
}
|
|
76
77
|
export interface HeaderProps {
|
|
77
78
|
$textBelow: boolean;
|
package/lib/types/src/theme.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmModal-DoOploLb.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmModal-DLCYYwGx.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|