@thecb/components 7.13.4-beta.1 → 7.13.4-beta.3

package/dist/index.cjs.js

@@ -37975,6 +37975,10 @@ var Card = function Card(_ref) {
       themeValues = _ref.themeValues,
       _ref$width = _ref.width,
       width = _ref$width === void 0 ? "276px" : _ref$width,
+      _ref$stackStyles = _ref.stackStyles,
+      stackStyles = _ref$stackStyles === void 0 ? "" : _ref$stackStyles,
+      _ref$coverStyles = _ref.coverStyles,
+      coverStyles = _ref$coverStyles === void 0 ? "" : _ref$coverStyles,
       children = _ref.children;
   var hasImage = Image || imgSrc;
   var numberOfChildren = (Array.isArray(children) ? children.length : 1) + (text ? 1 : 0) + (hasImage ? 1 : 0) + (headerText ? 1 : 0);
@@ -37988,90 +37992,13 @@ var Card = function Card(_ref) {
     extraStyles: extraStyles
   }, /*#__PURE__*/React__default.createElement(Cover, {
     singleChild: true,
-    fillCenter: true
-  }, /*#__PURE__*/React__default.createElement(Stack, {
-    fullHeight: true,
-    childGap: "0",
-    bottomItem: numberOfChildren
-  }, 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 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
+    fillCenter: true,
+    extraStyles: coverStyles
   }, /*#__PURE__*/React__default.createElement(Stack, {
     fullHeight: true,
     childGap: "0",
     bottomItem: numberOfChildren,
-    direction: "row"
+    extraStyles: stackStyles
   }, headerText && /*#__PURE__*/React__default.createElement(CardHeader, {
     headerText: headerText,
     headerColor: themeValues.headerColor,
@@ -38105,7 +38032,7 @@ var CardAlt = function CardAlt(_ref) {
   }), children)));
 };
 
-var CardAlt$1 = themeComponent(withWindowSize(CardAlt), "CardAlt", fallbackValues$x);
+var Card$1 = themeComponent(withWindowSize(Card), "Card", fallbackValues$x);
 
 var fontFamily$6 = "Public Sans, sans-serif";
 var activeColor$6 = MATISSE_BLUE;
@@ -50134,7 +50061,6 @@ 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;