@thecb/components 7.13.4-beta.8 → 8.0.0-beta.0

package/dist/index.d.ts

@@ -54,8 +54,6 @@ interface CardProps {
   borderRadius?: string;
   width?: string;
   padding?: string;
-  boxStyles?: string;
-  direction?: "column" | "row";
 }
 
 declare const Card: React.FC<Expand<CardProps> &

package/dist/index.esm.js

@@ -37967,10 +37967,6 @@ var Card = function Card(_ref) {
       themeValues = _ref.themeValues,
       _ref$width = _ref.width,
       width = _ref$width === void 0 ? "276px" : _ref$width,
-      _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? "column" : _ref$direction,
-      _ref$boxStyles = _ref.boxStyles,
-      boxStyles = _ref$boxStyles === void 0 ? "" : _ref$boxStyles,
       children = _ref.children;
   var hasImage = Image || imgSrc;
   var numberOfChildren = (Array.isArray(children) ? children.length : 1) + (text ? 1 : 0) + (hasImage ? 1 : 0) + (headerText ? 1 : 0);
@@ -37983,13 +37979,11 @@ var Card = function Card(_ref) {
     minWidth: width,
     extraStyles: extraStyles
   }, /*#__PURE__*/React.createElement(Cover, {
-    singleChild: true,
-    fillCenter: true
+    singleChild: true
   }, /*#__PURE__*/React.createElement(Stack, {
     fullHeight: true,
-    childGap: "0",
-    bottomItem: numberOfChildren,
-    direction: direction
+    childGap: "1.5rem",
+    bottomItem: numberOfChildren
   }, headerText && /*#__PURE__*/React.createElement(CardHeader, {
     headerText: headerText,
     headerColor: themeValues.headerColor,
@@ -37998,7 +37992,10 @@ var Card = function Card(_ref) {
     borderRadius: borderRadius,
     padding: padding,
     as: headerAs
-  }), Image && !imgSrc && /*#__PURE__*/React.createElement(Box, {
+  }), /*#__PURE__*/React.createElement(Stack, {
+    direction: "row",
+    childGap: "0"
+  }, Image && !imgSrc && /*#__PURE__*/React.createElement(Box, {
     minHeight: imgHeight,
     padding: "0",
     background: themeValues.imageBackgroundColor
@@ -38016,13 +38013,15 @@ var Card = function Card(_ref) {
     src: imgSrc,
     alt: imgAltText
   }), /*#__PURE__*/React.createElement(Box, {
-    extraStyles: boxStyles
+    padding: "0",
+    width: "100%",
+    extraStyles: "flex-basis: 100%;"
   }, text && /*#__PURE__*/React.createElement(CardText$1, {
     padding: padding,
     titleText: titleText,
     text: text,
     titleVariant: titleVariant
-  }), children))));
+  }), children)))));
 };
 
 var Card$1 = themeComponent(withWindowSize(Card), "Card", fallbackValues$x);