@thecb/components 7.12.2-beta.6 → 7.12.2-beta.8

package/dist/index.esm.js

@@ -17789,7 +17789,8 @@ var rgbToRgba = function rgbToRgba() {
   return "".concat(rgbValue.slice(0, 3), "a").concat(rgbValue.slice(3, -1), ", ").concat(opacity).concat(rgbValue.slice(-1));
 };
 
-var generateShadows = function generateShadows(baseColorRGB) {
+var generateShadows = function generateShadows() {
+  var baseColorRGB = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgb(41, 42, 51)";
   var colorTen = rgbToRgba(baseColorRGB, "0.1") || "rgba(41, 42, 51, 0.1)";
   var colorTwenty = rgbToRgba(baseColorRGB, "0.2") || "rgba(41, 42, 51, 0.2)";
   var colorTwentyFive = rgbToRgba(baseColorRGB, "0.25") || "rgba(41, 42, 51, 0.25)";
@@ -17835,7 +17836,9 @@ var Alert = function Alert(_ref) {
       _ref$noBorder = _ref.noBorder,
       noBorder = _ref$noBorder === void 0 ? false : _ref$noBorder,
       _ref$enableBoxShadow = _ref.enableBoxShadow,
-      enableBoxShadow = _ref$enableBoxShadow === void 0 ? false : _ref$enableBoxShadow;
+      enableBoxShadow = _ref$enableBoxShadow === void 0 ? false : _ref$enableBoxShadow,
+      _ref$enableSmallText = _ref.enableSmallText,
+      enableSmallText = _ref$enableSmallText === void 0 ? false : _ref$enableSmallText;
   var Icon = AlertIcons[variant];
   var content = /*#__PURE__*/React.createElement(Sidebar, {
     width: "24px",
@@ -17865,7 +17868,7 @@ var Alert = function Alert(_ref) {
     fullHeight: true,
     childGap: "0.25rem"
   }, /*#__PURE__*/React.createElement(Text$1, {
-    variant: "p",
+    variant: enableSmallText ? "pS" : "p",
     color: themeValues.text,
     weight: "600"
   }, heading), /*#__PURE__*/React.createElement(Text$1, {
@@ -47082,9 +47085,12 @@ var ErrorDetails = function ErrorDetails() {
     heading: "Error Loading Payment",
     text: "Please go back and try again.",
     showQuitLink: false,
-    height: "67px",
+    maxContentWidth: "350px",
+    padding: "0",
     noBorder: true,
-    enableBoxShadow: true
+    enableBoxShadow: true,
+    extraStyles: "min-height: 67px; height: 67px;",
+    enableSmallText: true
   }));
 };