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

package/dist/index.d.ts

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

package/dist/index.esm.js

@@ -37967,10 +37967,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,
+      _ref$stackDirection = _ref.stackDirection,
+      stackDirection = _ref$stackDirection === void 0 ? "column" : _ref$stackDirection,
+      _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);
@@ -37990,7 +37990,8 @@ var Card = function Card(_ref) {
     fullHeight: true,
     childGap: "0",
     bottomItem: numberOfChildren,
-    extraStyles: stackStyles
+    extraStyles: stackStyles,
+    direction: stackDirection
   }, headerText && /*#__PURE__*/React.createElement(CardHeader, {
     headerText: headerText,
     headerColor: themeValues.headerColor,
@@ -38002,7 +38003,8 @@ var Card = function Card(_ref) {
   }), Image && !imgSrc && /*#__PURE__*/React.createElement(Box, {
     minHeight: imgHeight,
     padding: "0",
-    background: themeValues.imageBackgroundColor
+    background: themeValues.imageBackgroundColor,
+    extraStyles: boxStyles
   }, /*#__PURE__*/React.createElement(Cover, {
     minHeight: imgHeight,
     singleChild: true
@@ -38016,12 +38018,12 @@ var Card = function Card(_ref) {
     backgroundColor: themeValues.imageBackgroundColor,
     src: imgSrc,
     alt: imgAltText
-  }), text && /*#__PURE__*/React.createElement(CardText$1, {
+  }), /*#__PURE__*/React.createElement(Box, null, 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);