@thecb/components 7.13.4-beta.9 → 8.0.0
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.
- package/dist/index.cjs.js +11 -8
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +11 -8
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/card/Card.js +35 -38
package/dist/index.esm.js
CHANGED
|
@@ -37979,13 +37979,11 @@ var Card = function Card(_ref) {
|
|
|
37979
37979
|
minWidth: width,
|
|
37980
37980
|
extraStyles: extraStyles
|
|
37981
37981
|
}, /*#__PURE__*/React.createElement(Cover, {
|
|
37982
|
-
singleChild: true
|
|
37983
|
-
fillCenter: true
|
|
37982
|
+
singleChild: true
|
|
37984
37983
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
37985
37984
|
fullHeight: true,
|
|
37986
|
-
childGap: "
|
|
37987
|
-
bottomItem: numberOfChildren
|
|
37988
|
-
direction: "row"
|
|
37985
|
+
childGap: "1.5rem",
|
|
37986
|
+
bottomItem: numberOfChildren
|
|
37989
37987
|
}, headerText && /*#__PURE__*/React.createElement(CardHeader, {
|
|
37990
37988
|
headerText: headerText,
|
|
37991
37989
|
headerColor: themeValues.headerColor,
|
|
@@ -37994,7 +37992,10 @@ var Card = function Card(_ref) {
|
|
|
37994
37992
|
borderRadius: borderRadius,
|
|
37995
37993
|
padding: padding,
|
|
37996
37994
|
as: headerAs
|
|
37997
|
-
}),
|
|
37995
|
+
}), /*#__PURE__*/React.createElement(Stack, {
|
|
37996
|
+
direction: "row",
|
|
37997
|
+
childGap: "0"
|
|
37998
|
+
}, Image && !imgSrc && /*#__PURE__*/React.createElement(Box, {
|
|
37998
37999
|
minHeight: imgHeight,
|
|
37999
38000
|
padding: "0",
|
|
38000
38001
|
background: themeValues.imageBackgroundColor
|
|
@@ -38012,13 +38013,15 @@ var Card = function Card(_ref) {
|
|
|
38012
38013
|
src: imgSrc,
|
|
38013
38014
|
alt: imgAltText
|
|
38014
38015
|
}), /*#__PURE__*/React.createElement(Box, {
|
|
38015
|
-
padding: "0"
|
|
38016
|
+
padding: "0",
|
|
38017
|
+
width: "100%",
|
|
38018
|
+
extraStyles: "flex-basis: 100%;"
|
|
38016
38019
|
}, text && /*#__PURE__*/React.createElement(CardText$1, {
|
|
38017
38020
|
padding: padding,
|
|
38018
38021
|
titleText: titleText,
|
|
38019
38022
|
text: text,
|
|
38020
38023
|
titleVariant: titleVariant
|
|
38021
|
-
}), children))));
|
|
38024
|
+
}), children)))));
|
|
38022
38025
|
};
|
|
38023
38026
|
|
|
38024
38027
|
var Card$1 = themeComponent(withWindowSize(Card), "Card", fallbackValues$x);
|