@thecb/components 7.13.4-beta.2 → 7.13.4-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/index.cjs.js +6 -3
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.esm.js +6 -3
  5. package/dist/index.esm.js.map +1 -1
  6. package/package.json +1 -1
  7. package/src/components/atoms/card/Card.js +13 -9
  8. package/src/components/atoms/card/index.d.ts +1 -1
package/dist/index.d.ts CHANGED
@@ -55,7 +55,7 @@ interface CardProps {
55
55
  width?: string;
56
56
  padding?: string;
57
57
  stackStyles?: string;
58
- coverStylse?: string;
58
+ coverStyles?: string;
59
59
  }
60
60
 
61
61
  declare const Card: React.FC<Expand<CardProps> &
package/dist/index.esm.js CHANGED
@@ -37971,6 +37971,8 @@ var Card = function Card(_ref) {
37971
37971
  stackStyles = _ref$stackStyles === void 0 ? "" : _ref$stackStyles,
37972
37972
  _ref$coverStyles = _ref.coverStyles,
37973
37973
  coverStyles = _ref$coverStyles === void 0 ? "" : _ref$coverStyles,
37974
+ _ref$boxStyles = _ref.boxStyles,
37975
+ boxStyles = _ref$boxStyles === void 0 ? "" : _ref$boxStyles,
37974
37976
  children = _ref.children;
37975
37977
  var hasImage = Image || imgSrc;
37976
37978
  var numberOfChildren = (Array.isArray(children) ? children.length : 1) + (text ? 1 : 0) + (hasImage ? 1 : 0) + (headerText ? 1 : 0);
@@ -38002,7 +38004,8 @@ var Card = function Card(_ref) {
38002
38004
  }), Image && !imgSrc && /*#__PURE__*/React.createElement(Box, {
38003
38005
  minHeight: imgHeight,
38004
38006
  padding: "0",
38005
- background: themeValues.imageBackgroundColor
38007
+ background: themeValues.imageBackgroundColor,
38008
+ extraStyles: boxStyles
38006
38009
  }, /*#__PURE__*/React.createElement(Cover, {
38007
38010
  minHeight: imgHeight,
38008
38011
  singleChild: true
@@ -38016,12 +38019,12 @@ var Card = function Card(_ref) {
38016
38019
  backgroundColor: themeValues.imageBackgroundColor,
38017
38020
  src: imgSrc,
38018
38021
  alt: imgAltText
38019
- }), text && /*#__PURE__*/React.createElement(CardText$1, {
38022
+ }), /*#__PURE__*/React.createElement(Box, null, text && /*#__PURE__*/React.createElement(CardText$1, {
38020
38023
  padding: padding,
38021
38024
  titleText: titleText,
38022
38025
  text: text,
38023
38026
  titleVariant: titleVariant
38024
- }), children)));
38027
+ }), children))));
38025
38028
  };
38026
38029
 
38027
38030
  var Card$1 = themeComponent(withWindowSize(Card), "Card", fallbackValues$x);