@thecb/components 6.0.6 → 6.0.8

package/dist/index.esm.js

@@ -4863,7 +4863,8 @@ var BOSTON_BLUE = "#357fb8";
 var INFO_BLUE = "#E4F4FD";
 var HOVER_LIGHT_BLUE = "#EFFAFF";
 var MATISSE_BLUE = "#15749D";
-var ROYAL_BLUE = "#3181E3"; // GREEN
+var ROYAL_BLUE = "#3181E3";
+var ASTRAL_BLUE = "#3176AA"; // GREEN
 
 var FOREST_GREEN = "#19b03F";
 var MEADOW_GREEN = "#16C98D";
@@ -4885,7 +4886,7 @@ var APRICOT_ORANGE = "#FFE8D8"; // RED
 var RED = "#FF0000";
 var CRIMSON_RED = "#ED1C24";
 var THUNDERBIRD_RED = "#C3191F";
-var RAZZMATAZZ_RED = "#ED125F";
+var RAZZMATAZZ_RED = "#D11053";
 var FANTASY_RED = "#FCF4F4";
 var COSMOS_RED = "#FFD0D3";
 var BLUSH_RED = "#FFF0F5"; // Second level color constants
@@ -4969,6 +4970,7 @@ var colors = /*#__PURE__*/Object.freeze({
   HOVER_LIGHT_BLUE: HOVER_LIGHT_BLUE,
   MATISSE_BLUE: MATISSE_BLUE,
   ROYAL_BLUE: ROYAL_BLUE,
+  ASTRAL_BLUE: ASTRAL_BLUE,
   FOREST_GREEN: FOREST_GREEN,
   MEADOW_GREEN: MEADOW_GREEN,
   POLAR_GREEN: POLAR_GREEN,
@@ -19028,13 +19030,13 @@ var disabledCheckedStyles = {
   "default": "\n  background: #6d717e;\n  border: 1px solid #6d717e;\n"
 };
 var disabledStyles = {
-  "default": "\n  background: ".concat(SEASHELL_WHITE, ";\n  border: 1px solid ").concat(GHOST_GREY, ";\n")
+  "default": "\n  background: ".concat(SEASHELL_WHITE, ";\n  border: 1px solid ").concat(STORM_GREY, ";\n")
 };
 var checkedStyles = {
   "default": "\n  background: ".concat(MATISSE_BLUE, ";    \n  border: 1px solid ").concat(MATISSE_BLUE, ";\n")
 };
 var defaultStyles = {
-  "default": "\n  background: ".concat(WHITE, "; \n  border: 1px solid ").concat(GHOST_GREY, ";\n")
+  "default": "\n  background: ".concat(WHITE, "; \n  border: 1px solid ").concat(STORM_GREY, ";\n")
 };
 var fallbackValues$c = {
   backgroundColor: backgroundColor$2,
@@ -22479,8 +22481,8 @@ var labelColor$1 = {
   disabled: "".concat(CHARADE_GREY)
 };
 var borderColor$1 = {
-  "default": "".concat(GREY_CHATEAU),
-  disabled: "".concat(GREY_CHATEAU)
+  "default": "".concat(STORM_GREY),
+  disabled: "".concat(STORM_GREY)
 };
 var lineHeight$2 = {
   "default": "1rem",
@@ -40238,6 +40240,8 @@ var getApplicationNode = function getApplicationNode() {
 var Modal$1 = function Modal(_ref) {
   var hideModal = _ref.hideModal,
       continueAction = _ref.continueAction,
+      _ref$isContinueAction = _ref.isContinueActionDisabled,
+      isContinueActionDisabled = _ref$isContinueAction === void 0 ? false : _ref$isContinueAction,
       cancelAction = _ref.cancelAction,
       modalOpen = _ref.modalOpen,
       modalHeaderText = _ref.modalHeaderText,
@@ -40340,6 +40344,7 @@ var Modal$1 = function Modal(_ref) {
     text: continueButtonText,
     dataQa: continueButtonText,
     isLoading: isLoading,
+    disabled: isContinueActionDisabled,
     extraStyles: buttonExtraStyles,
     className: "modal-continue-button"
   }))) : /*#__PURE__*/React.createElement(Stack, {
@@ -40359,6 +40364,7 @@ var Modal$1 = function Modal(_ref) {
     text: continueButtonText,
     dataQa: continueButtonText,
     isLoading: isLoading,
+    disabled: isContinueActionDisabled,
     extraStyles: buttonExtraStyles,
     className: "modal-continue-button"
   }))) : /*#__PURE__*/React.createElement(Box, {
@@ -40643,7 +40649,7 @@ var TitleModule = function TitleModule(_ref) {
 var color$a = "#15749D";
 var hoverColor$4 = "#116285";
 var activeColor$5 = "#0E506D";
-var linkColor$3 = "#357fb8";
+var linkColor$3 = "#3176AA";
 var fontWeight$6 = FONT_WEIGHT_REGULAR;
 var modalLinkHoverFocus = "outline: none;\n  cursor: pointer;\n  text-decoration: underline;\n  text-decoration-color: #317D4F;";
 var fallbackValues$z = {
@@ -41824,7 +41830,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
 var PaymentDetails$1 = themeComponent(PaymentDetails, "PaymentDetails", fallbackValues$A, "default");
 
 var linkColor$4 = {
-  "default": "#357fb8"
+  "default": "#3176AA"
 };
 var fontSize$a = {
   "default": "1rem"
@@ -42978,7 +42984,7 @@ var backgroundColor$9 = {
   footer: "#ffffff"
 };
 var linkColor$5 = {
-  "default": "#357fb8",
+  "default": "#3176AA",
   footer: "#ffffff"
 };
 var border$3 = {