@thecb/components 11.2.2 → 11.2.3-beta.0

package/dist/index.esm.js

@@ -6248,6 +6248,38 @@ 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,
@@ -6269,7 +6301,8 @@ var general = /*#__PURE__*/Object.freeze({
   titleCaseString: titleCaseString,
   kebabCaseString: kebabCaseString,
   wrapIndex: wrapIndex,
-  adjustHexColor: adjustHexColor
+  adjustHexColor: adjustHexColor,
+  hexToRGBA: hexToRGBA
 });
 
 var _excluded$1 = ["themeValues", "weight", "color", "textWrap", "extraStyles", "hoverStyles", "onClick", "onKeyPress", "as", "dataQa", "children", "variant"];