@trafilea/afrodita-components 5.0.0-beta.198 → 5.0.0-beta.199
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/build/index.d.ts +1 -2
- package/build/index.esm.js +2 -2
- package/build/index.js +2 -2
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
|
@@ -2654,14 +2654,13 @@ declare const ShortBanner: ({ textColor, title, bannerText, backgroundColor, ali
|
|
|
2654
2654
|
|
|
2655
2655
|
interface BeforeAfterCardProps {
|
|
2656
2656
|
name: string;
|
|
2657
|
-
age: string;
|
|
2658
2657
|
beforeImage: string;
|
|
2659
2658
|
afterImage: string;
|
|
2660
2659
|
alignCenter?: boolean;
|
|
2661
2660
|
imageBorderRadius?: string;
|
|
2662
2661
|
size?: ComponentSize;
|
|
2663
2662
|
}
|
|
2664
|
-
declare const BeforeAfterCard: ({ name,
|
|
2663
|
+
declare const BeforeAfterCard: ({ name, beforeImage, afterImage, alignCenter, imageBorderRadius, size, }: BeforeAfterCardProps) => JSX.Element;
|
|
2665
2664
|
|
|
2666
2665
|
interface ImageCardWithDescriptionProps {
|
|
2667
2666
|
image: string;
|
package/build/index.esm.js
CHANGED
|
@@ -17947,11 +17947,11 @@ var UserInfoText = newStyled.div(function (_a) {
|
|
|
17947
17947
|
];
|
|
17948
17948
|
});
|
|
17949
17949
|
var BeforeAfterCard = function (_a) {
|
|
17950
|
-
var name = _a.name,
|
|
17950
|
+
var name = _a.name, beforeImage = _a.beforeImage, afterImage = _a.afterImage, _b = _a.alignCenter, alignCenter = _b === void 0 ? true : _b, _c = _a.imageBorderRadius, imageBorderRadius = _c === void 0 ? '' : _c, _d = _a.size, size = _d === void 0 ? ComponentSize.Small : _d;
|
|
17951
17951
|
var theme = useTheme();
|
|
17952
17952
|
var isMobile = useWindowDimensions({ desktop: 768, mobile: 0 }).isMobile;
|
|
17953
17953
|
var stylesBySize = getStylesBySize(size, theme);
|
|
17954
|
-
return (jsxs$1(Container$9, __assign$1({ "data-testid": "Container", isMobile: isMobile, styles: stylesBySize }, { children: [jsxs$1(ImageContainer$2, __assign$1({ "data-testid": "ImageContainer", isMobile: isMobile }, { children: [jsx$1(ImageCard, __assign$1({ "data-testid": "ImageCard", isMobile: isMobile, styles: stylesBySize }, { children: jsx$1(Image, { borderRadius: imageBorderRadius, src: beforeImage, alt: "before", height: "100%", width: "100%" }, void 0) }), void 0), jsx$1(ImageCard, __assign$1({ isMobile: isMobile, styles: stylesBySize }, { children: jsx$1(Image, { borderRadius: imageBorderRadius, src: afterImage, alt: "after", height: "100%", width: "100%" }, void 0) }), void 0)] }), void 0), jsx$1(UserInfoText, __assign$1({ "data-testid": "UserInfoText", theme: theme, alignCenter: alignCenter, fontSize: isMobile ? stylesBySize.userInfoTextMobileFontSize : stylesBySize.userInfoTextFontSize }, { children: "".concat(name
|
|
17954
|
+
return (jsxs$1(Container$9, __assign$1({ "data-testid": "Container", isMobile: isMobile, styles: stylesBySize }, { children: [jsxs$1(ImageContainer$2, __assign$1({ "data-testid": "ImageContainer", isMobile: isMobile }, { children: [jsx$1(ImageCard, __assign$1({ "data-testid": "ImageCard", isMobile: isMobile, styles: stylesBySize }, { children: jsx$1(Image, { borderRadius: imageBorderRadius, src: beforeImage, alt: "before", height: "100%", width: "100%" }, void 0) }), void 0), jsx$1(ImageCard, __assign$1({ isMobile: isMobile, styles: stylesBySize }, { children: jsx$1(Image, { borderRadius: imageBorderRadius, src: afterImage, alt: "after", height: "100%", width: "100%" }, void 0) }), void 0)] }), void 0), jsx$1(UserInfoText, __assign$1({ "data-testid": "UserInfoText", theme: theme, alignCenter: alignCenter, fontSize: isMobile ? stylesBySize.userInfoTextMobileFontSize : stylesBySize.userInfoTextFontSize }, { children: "".concat(name) }), void 0)] }), void 0));
|
|
17955
17955
|
};
|
|
17956
17956
|
var templateObject_1$b, templateObject_2$8, templateObject_3$7;
|
|
17957
17957
|
|
package/build/index.js
CHANGED
|
@@ -17973,11 +17973,11 @@ var UserInfoText = newStyled.div(function (_a) {
|
|
|
17973
17973
|
];
|
|
17974
17974
|
});
|
|
17975
17975
|
var BeforeAfterCard = function (_a) {
|
|
17976
|
-
var name = _a.name,
|
|
17976
|
+
var name = _a.name, beforeImage = _a.beforeImage, afterImage = _a.afterImage, _b = _a.alignCenter, alignCenter = _b === void 0 ? true : _b, _c = _a.imageBorderRadius, imageBorderRadius = _c === void 0 ? '' : _c, _d = _a.size, size = _d === void 0 ? exports.ComponentSize.Small : _d;
|
|
17977
17977
|
var theme = useTheme();
|
|
17978
17978
|
var isMobile = useWindowDimensions({ desktop: 768, mobile: 0 }).isMobile;
|
|
17979
17979
|
var stylesBySize = getStylesBySize(size, theme);
|
|
17980
|
-
return (jsxRuntime.jsxs(Container$9, __assign$1({ "data-testid": "Container", isMobile: isMobile, styles: stylesBySize }, { children: [jsxRuntime.jsxs(ImageContainer$2, __assign$1({ "data-testid": "ImageContainer", isMobile: isMobile }, { children: [jsxRuntime.jsx(ImageCard, __assign$1({ "data-testid": "ImageCard", isMobile: isMobile, styles: stylesBySize }, { children: jsxRuntime.jsx(Image, { borderRadius: imageBorderRadius, src: beforeImage, alt: "before", height: "100%", width: "100%" }, void 0) }), void 0), jsxRuntime.jsx(ImageCard, __assign$1({ isMobile: isMobile, styles: stylesBySize }, { children: jsxRuntime.jsx(Image, { borderRadius: imageBorderRadius, src: afterImage, alt: "after", height: "100%", width: "100%" }, void 0) }), void 0)] }), void 0), jsxRuntime.jsx(UserInfoText, __assign$1({ "data-testid": "UserInfoText", theme: theme, alignCenter: alignCenter, fontSize: isMobile ? stylesBySize.userInfoTextMobileFontSize : stylesBySize.userInfoTextFontSize }, { children: "".concat(name
|
|
17980
|
+
return (jsxRuntime.jsxs(Container$9, __assign$1({ "data-testid": "Container", isMobile: isMobile, styles: stylesBySize }, { children: [jsxRuntime.jsxs(ImageContainer$2, __assign$1({ "data-testid": "ImageContainer", isMobile: isMobile }, { children: [jsxRuntime.jsx(ImageCard, __assign$1({ "data-testid": "ImageCard", isMobile: isMobile, styles: stylesBySize }, { children: jsxRuntime.jsx(Image, { borderRadius: imageBorderRadius, src: beforeImage, alt: "before", height: "100%", width: "100%" }, void 0) }), void 0), jsxRuntime.jsx(ImageCard, __assign$1({ isMobile: isMobile, styles: stylesBySize }, { children: jsxRuntime.jsx(Image, { borderRadius: imageBorderRadius, src: afterImage, alt: "after", height: "100%", width: "100%" }, void 0) }), void 0)] }), void 0), jsxRuntime.jsx(UserInfoText, __assign$1({ "data-testid": "UserInfoText", theme: theme, alignCenter: alignCenter, fontSize: isMobile ? stylesBySize.userInfoTextMobileFontSize : stylesBySize.userInfoTextFontSize }, { children: "".concat(name) }), void 0)] }), void 0));
|
|
17981
17981
|
};
|
|
17982
17982
|
var templateObject_1$b, templateObject_2$8, templateObject_3$7;
|
|
17983
17983
|
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Trafilea's Design System",
|
|
4
4
|
"author": "Trafilea",
|
|
5
5
|
"repository": "https://github.com/trafilea/afrodita-components",
|
|
6
|
-
"version": "5.0.0-beta.
|
|
6
|
+
"version": "5.0.0-beta.199",
|
|
7
7
|
"private": false,
|
|
8
8
|
"main": "build/index.js",
|
|
9
9
|
"style": "build/index.css",
|