@cerebruminc/cerebellum 15.19.0 → 16.0.0-beta.dangerous.b7d6505

package/lib/cjs/{ConfirmModal-DoOploLb.js → ConfirmModal-DRAHS2B-.js}

@@ -16,12 +16,22 @@ var TextButton = require('./TextButton.cjs');
 var Modal = require('./Modal-Bi8DWB7O.js');
 var BodyLEmphasis = require('./BodyLEmphasis.cjs');
 
-var BoundingBox = styled.styled.div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  width: 100%;\n  max-width: ", "px;\n  min-height: 165px;\n"], ["\n  width: 100%;\n  max-width: ", "px;\n  min-height: 165px;\n"])), function (_a) {
+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) {
+    var $themeOverride = _a.$themeOverride, theme = _a.theme;
+    var textAlign = ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textAlign) || theme.confirmModal.textAlign;
+    if (textAlign === "center") {
+        return "center";
+    }
+    if (textAlign === "right") {
+        return "flex-end";
+    }
+    return "flex-start";
+}, function (_a) {
     var $fixedWidth = _a.$fixedWidth;
     return $fixedWidth;
 });
 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"])));
-var Header = styled.styled(BodyLEmphasis.HeadingH1)(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  color: ", ";\n  font-size: ", "px;\n  padding-bottom: ", "px;\n  text-align: ", ";\n  white-space: normal;\n  word-break: break-word;\n"], ["\n  color: ", ";\n  font-size: ", "px;\n  padding-bottom: ", "px;\n  text-align: ", ";\n  white-space: normal;\n  word-break: break-word;\n"])), function (_a) {
+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) {
     var $themeOverride = _a.$themeOverride, theme = _a.theme;
     return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.headerColor) || theme.confirmModal.headerColor;
 }, function (_a) {
@@ -32,14 +42,17 @@ var Header = styled.styled(BodyLEmphasis.HeadingH1)(templateObject_3 || (templat
     return ($textBelow ? 15 : 0);
 }, function (_a) {
     var $themeOverride = _a.$themeOverride, theme = _a.theme;
-    return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.titleAlign) || theme.confirmModal.titleAlign;
+    return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textAlign) || theme.confirmModal.textAlign;
 });
-var Text = styled.styled(BodyLEmphasis.BodyMPrimary)(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  color: ", ";\n  font-size: ", "px;\n  padding-bottom: ", "px;\n  text-align: ", ";\n  white-space: normal;\n  word-break: break-word;\n"], ["\n  color: ", ";\n  font-size: ", "px;\n  padding-bottom: ", "px;\n  text-align: ", ";\n  white-space: normal;\n  word-break: break-word;\n"])), function (_a) {
+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) {
     var $themeOverride = _a.$themeOverride, theme = _a.theme;
     return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textColor) || theme.confirmModal.textColor;
 }, function (_a) {
     var $themeOverride = _a.$themeOverride, theme = _a.theme;
     return ($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textFontSize) || theme.confirmModal.textFontSize;
+}, function (_a) {
+    var $themeOverride = _a.$themeOverride; _a.theme;
+    return (($themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textMaxWidth) ? "".concat($themeOverride.textMaxWidth, "px") : "none");
 }, function (_a) {
     var $childrenBelow = _a.$childrenBelow;
     return ($childrenBelow ? 15 : 0);
@@ -78,8 +91,8 @@ var ConfirmModal = function (_a) {
     var modalPaddingString = "".concat(topPadding, "px ").concat(sidePadding, "px ").concat(bottomPadding, "px");
     var textSpace = modalWidth - sidePadding * 2;
     var buttonWidth = (textSpace - buttonGap) / 2;
-    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 }))] })] }) }));
+    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 }))] })] }) }));
 };
 
 exports.ConfirmModal = ConfirmModal;
-//# sourceMappingURL=ConfirmModal-DoOploLb.js.map
+//# sourceMappingURL=ConfirmModal-DRAHS2B-.js.map

package/lib/cjs/ConfirmModal-DRAHS2B-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmModal-DRAHS2B-.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/ConfirmModal.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var ConfirmModal = require('./ConfirmModal-DoOploLb.js');
+var ConfirmModal = require('./ConfirmModal-DRAHS2B-.js');
 require('react/jsx-runtime');
 require('styled-components');
 require('./_tslib-ByDtMVOd.js');

package/lib/cjs/cerebellumTheme.cjs

@@ -155,7 +155,6 @@ var cerebellumTheme = {
         textAlign: "left",
         textColor: colors.colors.COOL_GREY_100,
         textFontSize: 16,
-        titleAlign: "left",
         xColor: colors.colors.COOL_GREY_95,
         mobileBreakpoint: 600,
     },

package/lib/cjs/cerebellumTheme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"cerebellumTheme.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"cerebellumTheme.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/index.cjs

@@ -26,7 +26,7 @@ var ClickOutHandler = require('./ClickOutHandler-b5mI7kuA.js');
 var ColorButton = require('./ColorButton-D-6cr8t2.js');
 var ColorPickerMenu = require('./ColorPickerMenu-8kShEqlx.js');
 var ConfigurableInput = require('./ConfigurableInput-naz2E_Pb.js');
-var ConfirmModal = require('./ConfirmModal-DoOploLb.js');
+var ConfirmModal = require('./ConfirmModal-DRAHS2B-.js');
 var CreditCardInput = require('./CreditCardInput-bMyCXnqF.js');
 var CurrencyInput = require('./CurrencyInput-D_QGbxkC.js');
 var DatePicker = require('./DatePicker.cjs');
@@ -18096,9 +18096,10 @@ function AddressField(props) {
     var country = properties.country;
     var handleChange = function (key, value, fullAddress) {
         var _a;
+        var _b, _c;
         var newFormData = _tslib.__assign(_tslib.__assign({}, formData), (_a = {}, _a[key] = value, _a));
         if (fullAddress) {
-            newFormData = _tslib.__assign(_tslib.__assign({}, newFormData), { postalCode: fullAddress === null || fullAddress === void 0 ? void 0 : fullAddress.postalCode, state: fullAddress.state, city: fullAddress.city });
+            newFormData = _tslib.__assign(_tslib.__assign({}, newFormData), { address: ((_c = (_b = fullAddress === null || fullAddress === void 0 ? void 0 : fullAddress.rawAddressObject) === null || _b === void 0 ? void 0 : _b.formattedSuggestion) === null || _c === void 0 ? void 0 : _c.mainText) || (fullAddress === null || fullAddress === void 0 ? void 0 : fullAddress.street), postalCode: fullAddress === null || fullAddress === void 0 ? void 0 : fullAddress.postalCode, state: fullAddress.state, city: fullAddress.city });
         }
         onChange(newFormData);
     };