@thecb/components 7.13.3 → 7.13.4-beta.1

package/dist/index.cjs.js

@@ -38028,6 +38028,85 @@ var Card = function Card(_ref) {
 
 var Card$1 = themeComponent(withWindowSize(Card), "Card", fallbackValues$x);
 
+var CardAlt = function CardAlt(_ref) {
+  var _ref$borderRadius = _ref.borderRadius,
+      borderRadius = _ref$borderRadius === void 0 ? "4px" : _ref$borderRadius,
+      extraStyles = _ref.extraStyles,
+      _ref$headerAs = _ref.headerAs,
+      headerAs = _ref$headerAs === void 0 ? "h2" : _ref$headerAs,
+      headerText = _ref.headerText,
+      _ref$headerVariant = _ref.headerVariant,
+      headerVariant = _ref$headerVariant === void 0 ? "small" : _ref$headerVariant,
+      imgSrc = _ref.imgSrc,
+      Image = _ref.Image,
+      _ref$imgHeight = _ref.imgHeight,
+      imgHeight = _ref$imgHeight === void 0 ? "150px" : _ref$imgHeight,
+      _ref$imgObjectFit = _ref.imgObjectFit,
+      imgObjectFit = _ref$imgObjectFit === void 0 ? "none" : _ref$imgObjectFit,
+      imgAltText = _ref.imgAltText,
+      _ref$padding = _ref.padding,
+      padding = _ref$padding === void 0 ? "24px" : _ref$padding,
+      text = _ref.text,
+      titleText = _ref.titleText,
+      _ref$titleVariant = _ref.titleVariant,
+      titleVariant = _ref$titleVariant === void 0 ? "small" : _ref$titleVariant,
+      themeValues = _ref.themeValues,
+      _ref$width = _ref.width,
+      width = _ref$width === void 0 ? "276px" : _ref$width,
+      children = _ref.children;
+  var hasImage = Image || imgSrc;
+  var numberOfChildren = (Array.isArray(children) ? children.length : 1) + (text ? 1 : 0) + (hasImage ? 1 : 0) + (headerText ? 1 : 0);
+  return /*#__PURE__*/React__default.createElement(BoxWithShadow$1, {
+    variant: "baseStandard",
+    background: themeValues.backgroundColor,
+    borderRadius: borderRadius,
+    padding: "0",
+    margin: "0",
+    minWidth: width,
+    extraStyles: extraStyles
+  }, /*#__PURE__*/React__default.createElement(Cover, {
+    singleChild: true,
+    fillCenter: true
+  }, /*#__PURE__*/React__default.createElement(Stack, {
+    fullHeight: true,
+    childGap: "0",
+    bottomItem: numberOfChildren,
+    direction: "row"
+  }, headerText && /*#__PURE__*/React__default.createElement(CardHeader, {
+    headerText: headerText,
+    headerColor: themeValues.headerColor,
+    headerVariant: headerVariant,
+    backgroundColor: themeValues.headerBackgroundColor,
+    borderRadius: borderRadius,
+    padding: padding,
+    as: headerAs
+  }), Image && !imgSrc && /*#__PURE__*/React__default.createElement(Box, {
+    minHeight: imgHeight,
+    padding: "0",
+    background: themeValues.imageBackgroundColor
+  }, /*#__PURE__*/React__default.createElement(Cover, {
+    minHeight: imgHeight,
+    singleChild: true
+  }, /*#__PURE__*/React__default.createElement(Center, {
+    intrinsic: true
+  }, /*#__PURE__*/React__default.createElement(Image, {
+    alt: imgAltText
+  })))), imgSrc && /*#__PURE__*/React__default.createElement(CardImage, {
+    height: imgHeight,
+    objectFit: imgObjectFit,
+    backgroundColor: themeValues.imageBackgroundColor,
+    src: imgSrc,
+    alt: imgAltText
+  }), text && /*#__PURE__*/React__default.createElement(CardText$1, {
+    padding: padding,
+    titleText: titleText,
+    text: text,
+    titleVariant: titleVariant
+  }), children)));
+};
+
+var CardAlt$1 = themeComponent(withWindowSize(CardAlt), "CardAlt", fallbackValues$x);
+
 var fontFamily$6 = "Public Sans, sans-serif";
 var activeColor$6 = MATISSE_BLUE;
 var linkColor$3 = CHARADE_GREY;
@@ -50055,6 +50134,7 @@ exports.ButtonWithAction = ButtonWithAction;
 exports.ButtonWithLink = ButtonWithLink;
 exports.CalendarIcon = CalendarIcon;
 exports.Card = Card$1;
+exports.CardAlt = CardAlt$1;
 exports.CarrotIcon = CarrotIcon$1;
 exports.CashIcon = CashIcon;
 exports.Center = Center;