@thecb/components 11.2.3-beta.4 → 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";
@@ -49795,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",