@thecb/components 11.2.3-beta.3 → 11.2.3

package/dist/index.esm.js

@@ -6248,38 +6248,6 @@ var adjustHexColor = function adjustHexColor(hex, percent, action) {
   return "#".concat(((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1).padStart(6, "0"));
 };
 
-/**
- * Converts a hex color code to an RGBA color string with the specified alpha value.
- *
- * @param {string} hex - The hex color code (e.g., "#3498db" or "3498db").
- * @param {number} alpha - The alpha value (opacity) between 0 and 1.
- * @returns {string} - The RGBA color string (e.g., "rgba(52, 152, 219, 0.5)").
- * @throws {Error} - Throws an error if the hex code is not a valid 3 or 6-digit hex color.
- */
-var hexToRGBA = function hexToRGBA(hex, alpha) {
-  // Remove hash at the start if present
-  hex = hex.replace(/^\s*#/, "");
-
-  // If hex is 3 characters, convert it to 6 characters.
-  if (hex.length === 3) {
-    hex = hex.split("").map(function (_char) {
-      return _char + _char;
-    }).join("");
-  }
-
-  // Validate hex length
-  if (hex.length !== 6) {
-    throw new Error("Invalid hex color provided. Expected a 3 or 6-digit hex color.");
-  }
-
-  // Parse the hex color components
-  var bigint = parseInt(hex, 16);
-  var r = bigint >> 16 & 255;
-  var g = bigint >> 8 & 255;
-  var b = bigint & 255;
-  return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alpha, ")");
-};
-
 var general = /*#__PURE__*/Object.freeze({
   __proto__: null,
   noop: noop$1,
@@ -6301,8 +6269,7 @@ var general = /*#__PURE__*/Object.freeze({
   titleCaseString: titleCaseString,
   kebabCaseString: kebabCaseString,
   wrapIndex: wrapIndex,
-  adjustHexColor: adjustHexColor,
-  hexToRGBA: hexToRGBA
+  adjustHexColor: adjustHexColor
 });
 
 var _excluded$1 = ["themeValues", "weight", "color", "textWrap", "extraStyles", "hoverStyles", "onClick", "onKeyPress", "as", "dataQa", "children", "variant"];
@@ -49748,7 +49715,7 @@ var BannerContainer = styled(Cluster).withConfig({
   componentId: "sc-1m1lm4y-0"
 })(["background:", ";padding:", ";"], function (_ref) {
   var themeValues = _ref.themeValues;
-  return hexToRGBA(themeValues.background, 0.9);
+  return adjustHexColor(themeValues.background, 10, "lighten");
 }, function (_ref2) {
   var isMobile = _ref2.isMobile;
   return isMobile ? "1rem 2rem" : " 2rem 8.25rem";
@@ -49780,14 +49747,13 @@ var LoginLink = styled(ButtonWithLink).withConfig({
 })(["border-radius:100px;padding:0;margin:0;width:100%;min-height:2rem;margin-top:0px;border:none;&:hover{text-decoration:none;}"]);
 
 var RegistrationBanner = function RegistrationBanner(_ref) {
-  var description = _ref.description,
+  var clientName = _ref.clientName,
     extraStyles = _ref.extraStyles,
     _ref$loginLink = _ref.loginLink,
     loginLink = _ref$loginLink === void 0 ? "/login" : _ref$loginLink,
     _ref$registrationLink = _ref.registrationLink,
     registrationLink = _ref$registrationLink === void 0 ? "/registration" : _ref$registrationLink,
     themeValues = _ref.themeValues,
-    title = _ref.title,
     titleAs = _ref.titleAs,
     titleVariant = _ref.titleVariant;
   var themeContext = useContext(ThemeContext);
@@ -49796,11 +49762,9 @@ var RegistrationBanner = function RegistrationBanner(_ref) {
     extraStyles: extraStyles,
     themeValues: themeValues,
     isMobile: isMobile,
-    role: "banner",
     "aria-label": "Registration Banner",
     justify: "center"
   }, /*#__PURE__*/React.createElement(ContentContainer, {
-    role: "main",
     align: "center",
     justify: "space-between",
     overflow: "visible",
@@ -49814,11 +49778,11 @@ var RegistrationBanner = function RegistrationBanner(_ref) {
     fontSize: isMobile ? FONT_SIZE.XL : "1.5rem",
     variant: titleVariant,
     weight: FONT_WEIGHT_SEMIBOLD
-  }, title), /*#__PURE__*/React.createElement(Text$1, {
+  }, "Register for a ", clientName, " Wallet Account"), /*#__PURE__*/React.createElement(Text$1, {
     extraStyles: "\n              display: block;\n              padding: ".concat(isMobile ? ".125rem 0 1rem" : "0", "\n            "),
     fontSize: isMobile ? FONT_SIZE.SM : FONT_SIZE.LG,
     color: themeValues.secondaryColor
-  }, description)), /*#__PURE__*/React.createElement(ButtonContainer, {
+  }, "Save payment methods and information for fast, easy, and safe payments with ", clientName)), /*#__PURE__*/React.createElement(ButtonContainer, {
     justify: "space-between",
     fullHeight: true,
     childGap: "0.5rem",