@thecb/components 7.13.4-beta.8 → 8.0.0-beta.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 -12
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +0 -2
- package/dist/index.esm.js +11 -12
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/card/Card.js +36 -41
- package/src/components/atoms/card/index.d.ts +0 -2
- package/src/components/atoms/cardAlt/CardAlt.js +0 -113
- package/src/components/atoms/cardAlt/index.js +0 -3
package/dist/index.cjs.js
CHANGED
|
@@ -37975,10 +37975,6 @@ var Card = function Card(_ref) {
|
|
|
37975
37975
|
themeValues = _ref.themeValues,
|
|
37976
37976
|
_ref$width = _ref.width,
|
|
37977
37977
|
width = _ref$width === void 0 ? "276px" : _ref$width,
|
|
37978
|
-
_ref$direction = _ref.direction,
|
|
37979
|
-
direction = _ref$direction === void 0 ? "column" : _ref$direction,
|
|
37980
|
-
_ref$boxStyles = _ref.boxStyles,
|
|
37981
|
-
boxStyles = _ref$boxStyles === void 0 ? "" : _ref$boxStyles,
|
|
37982
37978
|
children = _ref.children;
|
|
37983
37979
|
var hasImage = Image || imgSrc;
|
|
37984
37980
|
var numberOfChildren = (Array.isArray(children) ? children.length : 1) + (text ? 1 : 0) + (hasImage ? 1 : 0) + (headerText ? 1 : 0);
|
|
@@ -37991,13 +37987,11 @@ var Card = function Card(_ref) {
|
|
|
37991
37987
|
minWidth: width,
|
|
37992
37988
|
extraStyles: extraStyles
|
|
37993
37989
|
}, /*#__PURE__*/React__default.createElement(Cover, {
|
|
37994
|
-
singleChild: true
|
|
37995
|
-
fillCenter: true
|
|
37990
|
+
singleChild: true
|
|
37996
37991
|
}, /*#__PURE__*/React__default.createElement(Stack, {
|
|
37997
37992
|
fullHeight: true,
|
|
37998
|
-
childGap: "
|
|
37999
|
-
bottomItem: numberOfChildren
|
|
38000
|
-
direction: direction
|
|
37993
|
+
childGap: "1.5rem",
|
|
37994
|
+
bottomItem: numberOfChildren
|
|
38001
37995
|
}, headerText && /*#__PURE__*/React__default.createElement(CardHeader, {
|
|
38002
37996
|
headerText: headerText,
|
|
38003
37997
|
headerColor: themeValues.headerColor,
|
|
@@ -38006,7 +38000,10 @@ var Card = function Card(_ref) {
|
|
|
38006
38000
|
borderRadius: borderRadius,
|
|
38007
38001
|
padding: padding,
|
|
38008
38002
|
as: headerAs
|
|
38009
|
-
}),
|
|
38003
|
+
}), /*#__PURE__*/React__default.createElement(Stack, {
|
|
38004
|
+
direction: "row",
|
|
38005
|
+
childGap: "0"
|
|
38006
|
+
}, Image && !imgSrc && /*#__PURE__*/React__default.createElement(Box, {
|
|
38010
38007
|
minHeight: imgHeight,
|
|
38011
38008
|
padding: "0",
|
|
38012
38009
|
background: themeValues.imageBackgroundColor
|
|
@@ -38024,13 +38021,15 @@ var Card = function Card(_ref) {
|
|
|
38024
38021
|
src: imgSrc,
|
|
38025
38022
|
alt: imgAltText
|
|
38026
38023
|
}), /*#__PURE__*/React__default.createElement(Box, {
|
|
38027
|
-
|
|
38024
|
+
padding: "0",
|
|
38025
|
+
width: "100%",
|
|
38026
|
+
extraStyles: "flex-basis: 100%;"
|
|
38028
38027
|
}, text && /*#__PURE__*/React__default.createElement(CardText$1, {
|
|
38029
38028
|
padding: padding,
|
|
38030
38029
|
titleText: titleText,
|
|
38031
38030
|
text: text,
|
|
38032
38031
|
titleVariant: titleVariant
|
|
38033
|
-
}), children))));
|
|
38032
|
+
}), children)))));
|
|
38034
38033
|
};
|
|
38035
38034
|
|
|
38036
38035
|
var Card$1 = themeComponent(withWindowSize(Card), "Card", fallbackValues$x);
|