@thecb/components 10.7.0-beta.2 → 10.7.0

package/dist/index.cjs.js

@@ -12784,8 +12784,6 @@ var ButtonWithAction = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var themeContext = React.useContext(styled.ThemeContext);
   var themeValues = createThemeValues(themeContext, fallbackValues$1, "Button", variant);
   var isMobile = themeContext.isMobile;
-  console.log("button text / theme context is", text, themeContext);
-  console.log("button text / theme values are", text, themeValues);
   var hoverStyles = "\n      outline: none;\n      background-color: ".concat(themeValues.hoverBackgroundColor, ";\n      border-color: ").concat(themeValues.hoverBorderColor, ";\n      color: ").concat(themeValues.hoverColor, ";\n      text-decoration: ").concat(variant === "ghost" || variant === "smallGhost" ? "underline" : "none", ";\n      cursor: pointer;\n    ");
   var activeStyles = "\n      outline: none;\n      background-color: ".concat(themeValues.activeBackgroundColor, ";\n      border-color: ").concat(themeValues.activeBorderColor, ";\n      color: ").concat(themeValues.activeColor, ";\n      text-decoration: ").concat(variant === "ghost" || variant === "smallGhost" ? "underline" : "none", ";\n  ");
   var disabledStyles = "\n      background-color: ".concat(themeValues.disabledBackgroundColor, ";\n      border-color: ").concat(themeValues.disabledBorderColor, ";\n      color: ").concat(themeValues.disabledColor, ";\n      cursor: default;\n      &:focus {\n        outline: 3px solid ").concat(themeValues.disabledBorderColor, ";\n        outline-offset: 2px;\n      }\n      ").concat(extraDisabledStyles, "\n    ");
@@ -49037,9 +49035,16 @@ RegistrationForm.reducer = reducer$9;
 RegistrationForm.mapStateToProps = mapStateToProps$a;
 RegistrationForm.mapDispatchToProps = mapDispatchToProps$9;
 
+var GRECIAN_GREY$1 = GRECIAN_GREY;
+var bannerBackgroundColor = GRECIAN_GREY$1;
+var fallbackValues$R = {
+  bannerBackgroundColor: bannerBackgroundColor
+};
+
 var ResetConfirmationForm = function ResetConfirmationForm() {
-  var _useContext = React.useContext(styled.ThemeContext),
-    isMobile = _useContext.isMobile;
+  var themeContext = React.useContext(styled.ThemeContext);
+  var themeValues = createThemeValues(themeContext, fallbackValues$R, "ResetConfirmationForm");
+  var isMobile = themeContext.isMobile;
   return /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
     width: isMobile ? "auto" : "576px",
@@ -49047,7 +49052,7 @@ var ResetConfirmationForm = function ResetConfirmationForm() {
     background: WHITE,
     boxShadow: "0px 2px 14px 0px rgb(246, 246, 249), 0px 3px 8px 0px rgb(202, 206, 216)"
   }, /*#__PURE__*/React__default.createElement(Box, {
-    background: GRECIAN_GREY,
+    background: themeValues.bannerBackgroundColor,
     minWidth: "100%",
     padding: "0.5rem"
   }, /*#__PURE__*/React__default.createElement(Cluster, {
@@ -49151,9 +49156,16 @@ ResetPasswordForm.reducer = reducer$a;
 ResetPasswordForm.mapStateToProps = mapStateToProps$b;
 ResetPasswordForm.mapDispatchToProps = mapDispatchToProps$a;
 
-var ResetConfirmationForm$2 = function ResetConfirmationForm() {
-  var _useContext = React.useContext(styled.ThemeContext),
-    isMobile = _useContext.isMobile;
+var GRECIAN_GREY$2 = GRECIAN_GREY;
+var bannerBackgroundColor$1 = GRECIAN_GREY$2;
+var fallbackValues$S = {
+  bannerBackgroundColor: bannerBackgroundColor$1
+};
+
+var ResetPasswordSuccess = function ResetPasswordSuccess() {
+  var themeContext = React.useContext(styled.ThemeContext);
+  var themeValues = createThemeValues(themeContext, fallbackValues$S, "ResetPasswordSuccess");
+  var isMobile = themeContext.isMobile;
   return /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
     width: isMobile ? "auto" : "576px",
@@ -49161,7 +49173,7 @@ var ResetConfirmationForm$2 = function ResetConfirmationForm() {
     background: WHITE,
     boxShadow: "0px 2px 14px 0px rgb(246, 246, 249), 0px 3px 8px 0px rgb(202, 206, 216)"
   }, /*#__PURE__*/React__default.createElement(Box, {
-    background: GRECIAN_GREY,
+    background: themeValues.bannerBackgroundColor,
     minWidth: "100%",
     padding: "0.5rem"
   }, /*#__PURE__*/React__default.createElement(Cluster, {
@@ -49196,12 +49208,12 @@ var ResetConfirmationForm$2 = function ResetConfirmationForm() {
     linkExtraStyles: "width: 100%;"
   }))))));
 };
-var ResetPasswordSuccess = withWindowSize(ResetConfirmationForm$2);
+var ResetPasswordSuccess$1 = withWindowSize(ResetPasswordSuccess);
 
 var activeTabBackground = "#FFFFFF";
 var activeTabAccent = "#15749D";
 var activeTabHover = "#B8D5E1";
-var fallbackValues$R = {
+var fallbackValues$T = {
   activeTabBackground: activeTabBackground,
   activeTabAccent: activeTabAccent,
   activeTabHover: activeTabHover
@@ -49269,12 +49281,12 @@ var Tabs = function Tabs(_ref) {
     }, tab.content);
   }))));
 };
-var Tabs$1 = themeComponent(Tabs, "NavigationTab", fallbackValues$R);
+var Tabs$1 = themeComponent(Tabs, "NavigationTab", fallbackValues$T);
 
 var activeTabBackground$1 = "#FFFFFF";
 var activeTabAccent$1 = "#15749D";
 var activeTabHover$1 = "#B8D5E1";
-var fallbackValues$S = {
+var fallbackValues$U = {
   activeTabBackground: activeTabBackground$1,
   activeTabAccent: activeTabAccent$1,
   activeTabHover: activeTabHover$1
@@ -49329,7 +49341,7 @@ var TabSidebar = function TabSidebar(_ref) {
     }, text)))));
   })));
 };
-var TabSidebar$1 = themeComponent(TabSidebar, "ProfileTab", fallbackValues$S);
+var TabSidebar$1 = themeComponent(TabSidebar, "ProfileTab", fallbackValues$U);
 
 var Timeout = function Timeout(_ref) {
   var onLogout = _ref.onLogout;
@@ -49429,7 +49441,7 @@ var fontColor$1 = WHITE;
 var textAlign$1 = "left";
 var headerBackgroundColor$1 = BRIGHT_GREY;
 var imageBackgroundColor$1 = MATISSE_BLUE;
-var fallbackValues$T = {
+var fallbackValues$V = {
   fontWeight: fontWeight$8,
   fontColor: fontColor$1,
   textAlign: textAlign$1,
@@ -49474,7 +49486,7 @@ var WelcomeModule = function WelcomeModule(_ref) {
     src: welcomeImage
   })))));
 };
-var WelcomeModule$1 = /*#__PURE__*/React.memo(themeComponent(WelcomeModule, "WelcomeModule", fallbackValues$T));
+var WelcomeModule$1 = /*#__PURE__*/React.memo(themeComponent(WelcomeModule, "WelcomeModule", fallbackValues$V));
 
 var WorkflowTile = function WorkflowTile(_ref) {
   var _ref$workflowName = _ref.workflowName,
@@ -49534,7 +49546,7 @@ var menuItemColorDelete = RAZZMATAZZ_RED;
 var menuItemHoverBackgroundColor = CORNFLOWER_BLUE;
 var menuItemHoverBackgroundColorDelete = BLUSH_RED;
 var menuItemHoverColor = ROYAL_BLUE_VIVID;
-var fallbackValues$U = {
+var fallbackValues$W = {
   menuItemBackgroundColor: menuItemBackgroundColor,
   menuItemColor: menuItemColor,
   menuItemColorDelete: menuItemColorDelete,
@@ -49601,13 +49613,13 @@ var PopupMenuItem = function PopupMenuItem(_ref) {
     extraStyles: textExtraStyles
   }, text)));
 };
-var PopupMenuItem$1 = themeComponent(PopupMenuItem, "PopupMenuItem", fallbackValues$U);
+var PopupMenuItem$1 = themeComponent(PopupMenuItem, "PopupMenuItem", fallbackValues$W);
 
 var hoverColor$5 = "#116285";
 var activeColor$9 = "#0E506D";
 var menuTriggerColor = "#15749D";
 var backgroundColor$e = "white";
-var fallbackValues$V = {
+var fallbackValues$X = {
   hoverColor: hoverColor$5,
   activeColor: activeColor$9,
   menuTriggerColor: menuTriggerColor,
@@ -49743,10 +49755,10 @@ var PopupMenu = function PopupMenu(_ref) {
     }, item));
   })));
 };
-var PopupMenu$1 = themeComponent(PopupMenu, "PopupMenu", fallbackValues$V);
+var PopupMenu$1 = themeComponent(PopupMenu, "PopupMenu", fallbackValues$X);
 
 var pageBackground = "#FBFCFD";
-var fallbackValues$W = {
+var fallbackValues$Y = {
   pageBackground: pageBackground
 };
 
@@ -49794,7 +49806,7 @@ var CenterSingle = function CenterSingle(_ref) {
     padding: "0"
   })));
 };
-var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$W));
+var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$Y));
 
 var CenterStack = function CenterStack(_ref) {
   var header = _ref.header,
@@ -49837,7 +49849,7 @@ var CenterStack = function CenterStack(_ref) {
     padding: "0"
   })));
 };
-var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$W));
+var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$Y));
 
 var CenterSingle$2 = function CenterSingle(_ref) {
   var header = _ref.header,
@@ -49883,7 +49895,7 @@ var CenterSingle$2 = function CenterSingle(_ref) {
     padding: "0"
   })));
 };
-var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$W));
+var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$Y));
 
 var SidebarSingleContent = function SidebarSingleContent(_ref) {
   var header = _ref.header,
@@ -49936,7 +49948,7 @@ var SidebarSingleContent = function SidebarSingleContent(_ref) {
     padding: "0"
   })));
 };
-var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$W));
+var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$Y));
 
 var SidebarStackContent = function SidebarStackContent(_ref) {
   var header = _ref.header,
@@ -50006,7 +50018,7 @@ var SidebarStackContent = function SidebarStackContent(_ref) {
     key: "footer-box"
   })));
 };
-var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$W));
+var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$Y));
 
 var useFocusInvalidInput = function useFocusInvalidInput(hasErrors) {
   var resetHasErrors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
@@ -50204,7 +50216,7 @@ exports.RejectedVelocityIcon = RejectedVelocityIcon;
 exports.ResetConfirmationForm = ResetConfirmationForm$1;
 exports.ResetPasswordForm = ResetPasswordForm;
 exports.ResetPasswordIcon = ResetPasswordIcon;
-exports.ResetPasswordSuccess = ResetPasswordSuccess;
+exports.ResetPasswordSuccess = ResetPasswordSuccess$1;
 exports.RevenueManagementImage = RevenueManagementImage;
 exports.RoutingNumberImage = RoutingNumberImage;
 exports.SearchIcon = SearchIcon;