@thecb/components 10.5.1-beta.2 → 10.5.1-beta.4

package/dist/index.cjs.js

@@ -4921,7 +4921,7 @@ var FONT_SIZE = {
   // 16px
   LG: "1.125rem",
   // 18px
-  XLG: "1.25rem" //20px
+  XL: "1.250rem" //20px
 };
 var FONT_WEIGHT_REGULAR = "400";
 var FONT_WEIGHT_SEMIBOLD = "600";
@@ -46550,46 +46550,6 @@ var CloseButton = function CloseButton(_ref) {
   });
 };
 
-var ContinueButton = function ContinueButton(_ref) {
-  var _ref$buttonExtraStyle = _ref.buttonExtraStyles,
-    buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
-    _ref$continueAction = _ref.continueAction,
-    continueAction = _ref$continueAction === void 0 ? noop : _ref$continueAction,
-    _ref$continueButtonTe = _ref.continueButtonText,
-    continueButtonText = _ref$continueButtonTe === void 0 ? "" : _ref$continueButtonTe,
-    _ref$continueURL = _ref.continueURL,
-    continueURL = _ref$continueURL === void 0 ? "" : _ref$continueURL,
-    _ref$continueButtonVa = _ref.continueButtonVariant,
-    continueButtonVariant = _ref$continueButtonVa === void 0 ? "primary" : _ref$continueButtonVa,
-    _ref$isContinueAction = _ref.isContinueActionDisabled,
-    isContinueActionDisabled = _ref$isContinueAction === void 0 ? false : _ref$isContinueAction,
-    _ref$isLoading = _ref.isLoading,
-    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-    _ref$isMobile = _ref.isMobile,
-    isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile,
-    _ref$useDangerButton = _ref.useDangerButton,
-    useDangerButton = _ref$useDangerButton === void 0 ? false : _ref$useDangerButton;
-  var ContinueButtonAtom = continueURL ? ButtonWithLink : ButtonWithAction;
-  var fontSize = "font-size: ".concat(isMobile ? FONT_SIZE.XS : FONT_SIZE.SM, ";");
-  var width = isMobile ? "width: 100%;" : "";
-  return /*#__PURE__*/React__default.createElement(ContinueButtonAtom, {
-    action: continueAction,
-    borderRadius: BORDER_RADIUS.MD,
-    className: "modal-continue-button",
-    dataQa: continueButtonText,
-    disabled: isContinueActionDisabled,
-    extraStyles: "".concat(buttonExtraStyles, "; margin: 0; ").concat(width),
-    isLoading: isLoading,
-    linkExtraStyles: "display: inline-block; ".concat(width),
-    name: continueButtonText,
-    role: "button",
-    text: continueButtonText,
-    textExtraStyles: "".concat(fontSize),
-    url: continueURL,
-    variant: useDangerButton ? "danger" : continueButtonVariant
-  });
-};
-
 // TODO: Remove from `core-js@4`
 
 
@@ -62822,7 +62782,6 @@ var dist_13$1 = dist$7.withKnobs;
 
 var CloseIconButton = function CloseIconButton(_ref) {
   var _ref$buttonExtraStyle = _ref.buttonExtraStyles,
-    buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
     _ref$hideModal = _ref.hideModal,
     hideModal = _ref$hideModal === void 0 ? noop : _ref$hideModal,
     _ref$iconWidth = _ref.iconWidth,
@@ -62832,11 +62791,11 @@ var CloseIconButton = function CloseIconButton(_ref) {
     _ref$ariaLabel = _ref.ariaLabel,
     ariaLabel = _ref$ariaLabel === void 0 ? "Close Modal" : _ref$ariaLabel;
   return /*#__PURE__*/React__default.createElement(ButtonWithAction, {
-    variant: "smallGhost",
     action: hideModal,
+    "aria-label": ariaLabel,
     contentOverride: true,
-    extraStyles: buttonExtraStyles,
-    "aria-label": ariaLabel
+    extraStyles: "\n        min-height: auto;\n        min-width: auto;\n        height: 1.5rem;\n        margin: 0 0 0 0.5rem;\n        &:focus {\n            outline-offset: -3px;\n        }\n     ",
+    variant: "smallGhost"
   }, /*#__PURE__*/React__default.createElement(CloseIcon, {
     role: "img",
     "aria-hidden": "true",
@@ -62845,6 +62804,46 @@ var CloseIconButton = function CloseIconButton(_ref) {
   }));
 };
 
+var ContinueButton = function ContinueButton(_ref) {
+  var _ref$buttonExtraStyle = _ref.buttonExtraStyles,
+    buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
+    _ref$continueAction = _ref.continueAction,
+    continueAction = _ref$continueAction === void 0 ? noop : _ref$continueAction,
+    _ref$continueButtonTe = _ref.continueButtonText,
+    continueButtonText = _ref$continueButtonTe === void 0 ? "" : _ref$continueButtonTe,
+    _ref$continueURL = _ref.continueURL,
+    continueURL = _ref$continueURL === void 0 ? "" : _ref$continueURL,
+    _ref$continueButtonVa = _ref.continueButtonVariant,
+    continueButtonVariant = _ref$continueButtonVa === void 0 ? "primary" : _ref$continueButtonVa,
+    _ref$isContinueAction = _ref.isContinueActionDisabled,
+    isContinueActionDisabled = _ref$isContinueAction === void 0 ? false : _ref$isContinueAction,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    _ref$isMobile = _ref.isMobile,
+    isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile,
+    _ref$useDangerButton = _ref.useDangerButton,
+    useDangerButton = _ref$useDangerButton === void 0 ? false : _ref$useDangerButton;
+  var ContinueButtonAtom = continueURL ? ButtonWithLink : ButtonWithAction;
+  var fontSize = "font-size: ".concat(isMobile ? FONT_SIZE.XS : FONT_SIZE.SM, ";");
+  var width = isMobile ? "width: 100%;" : "";
+  return /*#__PURE__*/React__default.createElement(ContinueButtonAtom, {
+    action: continueAction,
+    borderRadius: BORDER_RADIUS.MD,
+    className: "modal-continue-button",
+    dataQa: continueButtonText,
+    disabled: isContinueActionDisabled,
+    extraStyles: "".concat(buttonExtraStyles, "; margin: 0; ").concat(width),
+    isLoading: isLoading,
+    linkExtraStyles: "display: inline-block; ".concat(width),
+    name: continueButtonText,
+    role: "button",
+    text: continueButtonText,
+    textExtraStyles: "".concat(fontSize),
+    url: continueURL,
+    variant: useDangerButton ? "danger" : continueButtonVariant
+  });
+};
+
 /*
 Default Modal molecule
 Uses react-aria-modal behind the scenes for a11y purposes
@@ -62877,10 +62876,10 @@ var Modal$2 = function Modal(_ref) {
     continueAction = _ref$continueAction === void 0 ? noop : _ref$continueAction,
     _ref$continueButtonTe = _ref.continueButtonText,
     continueButtonText = _ref$continueButtonTe === void 0 ? "Continue" : _ref$continueButtonTe,
-    _ref$continueURL = _ref.continueURL,
-    continueURL = _ref$continueURL === void 0 ? "" : _ref$continueURL,
     _ref$continueButtonVa = _ref.continueButtonVariant,
     continueButtonVariant = _ref$continueButtonVa === void 0 ? "primary" : _ref$continueButtonVa,
+    _ref$continueURL = _ref.continueURL,
+    continueURL = _ref$continueURL === void 0 ? "" : _ref$continueURL,
     _ref$customWidth = _ref.customWidth,
     customWidth = _ref$customWidth === void 0 ? "" : _ref$customWidth,
     _ref$dataQa = _ref.dataQa,
@@ -62915,12 +62914,12 @@ var Modal$2 = function Modal(_ref) {
     onlyCloseButton = _ref$onlyCloseButton === void 0 ? false : _ref$onlyCloseButton,
     _ref$onlyContinueButt = _ref.onlyContinueButton,
     onlyContinueButton = _ref$onlyContinueButt === void 0 ? false : _ref$onlyContinueButt,
+    _ref$showCloseIconBut = _ref.showCloseIconButton,
+    showCloseIconButton = _ref$showCloseIconBut === void 0 ? false : _ref$showCloseIconBut,
     _ref$underlayClickExi = _ref.underlayClickExits,
     underlayClickExits = _ref$underlayClickExi === void 0 ? true : _ref$underlayClickExi,
     _ref$useDangerButton = _ref.useDangerButton,
-    useDangerButton = _ref$useDangerButton === void 0 ? false : _ref$useDangerButton,
-    _ref$showCloseIconBut = _ref.showCloseIconButton,
-    showCloseIconButton = _ref$showCloseIconBut === void 0 ? false : _ref$showCloseIconBut;
+    useDangerButton = _ref$useDangerButton === void 0 ? false : _ref$useDangerButton;
   var _useContext = React.useContext(styled.ThemeContext),
     isMobile = _useContext.isMobile;
 
@@ -62988,8 +62987,7 @@ var Modal$2 = function Modal(_ref) {
     weight: FONT_WEIGHT_SEMIBOLD,
     fontSize: isMobile ? FONT_SIZE.MD : FONT_SIZE.LG
   }, modalHeaderText), showCloseIconButton && /*#__PURE__*/React__default.createElement(CloseIconButton, {
-    hideModal: hideModal,
-    buttonExtraStyles: "\n                      min-height: auto;\n                      min-width: auto;\n                      height: 1.5rem;\n                      margin: 0 0 0 0.5rem;\n                      &:focus {\n                        outline-offset: -3px;\n                      }\n                  "
+    hideModal: hideModal
   }))), /*#__PURE__*/React__default.createElement(Box, {
     background: modalBodyBg || ATHENS_GREY,
     padding: "0"