@trafilea/afrodita-components 5.0.0-beta.111 → 5.0.0-beta.112

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 (4) hide show
  1. package/build/index.d.ts +3 -2
  2. package/build/index.esm.js +2 -2
  3. package/build/index.js +2 -2
  4. package/package.json +1 -1
package/build/index.d.ts CHANGED
@@ -2317,7 +2317,8 @@ declare const Note: ({ accentColor, color, backgroundColor, importantNoteText, t
2317
2317
 
2318
2318
  interface TextWithImageProps {
2319
2319
  title: string;
2320
- text: string;
2320
+ text?: string;
2321
+ children?: ReactNode;
2321
2322
  buttomText: string;
2322
2323
  backgroundColor: string;
2323
2324
  imageLeftSide?: boolean;
@@ -2332,7 +2333,7 @@ interface TextWithImageProps {
2332
2333
  textStyle?: React.CSSProperties;
2333
2334
  buttonWideOnMobile?: boolean;
2334
2335
  }
2335
- declare const TextWithImage: ({ title, text, buttomText, backgroundColor, imageLeftSide, titleStyle, textStyle, buttonWideOnMobile, ...props }: TextWithImageProps) => _emotion_react_jsx_runtime.JSX.Element;
2336
+ declare const TextWithImage: ({ title, text, children, buttomText, backgroundColor, imageLeftSide, titleStyle, textStyle, buttonWideOnMobile, ...props }: TextWithImageProps) => _emotion_react_jsx_runtime.JSX.Element;
2336
2337
 
2337
2338
  interface AccordionOptionsProps {
2338
2339
  titleColor: string;
package/build/index.esm.js CHANGED
@@ -17696,7 +17696,7 @@ var Container$5 = newStyled.div(templateObject_3$4 || (templateObject_3$4 = __ma
17696
17696
  var TextContainer = newStyled.div(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0 15px;\n gap: 24px;\n text-align: center;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0 15px;\n gap: 24px;\n text-align: center;\n"])));
17697
17697
  var TextWithImage = function (_a) {
17698
17698
  var _b, _c, _d, _e;
17699
- var title = _a.title, text = _a.text, buttomText = _a.buttomText, backgroundColor = _a.backgroundColor, imageLeftSide = _a.imageLeftSide, titleStyle = _a.titleStyle, textStyle = _a.textStyle, _f = _a.buttonWideOnMobile, buttonWideOnMobile = _f === void 0 ? false : _f, props = __rest(_a, ["title", "text", "buttomText", "backgroundColor", "imageLeftSide", "titleStyle", "textStyle", "buttonWideOnMobile"]);
17699
+ var title = _a.title, text = _a.text, children = _a.children, buttomText = _a.buttomText, backgroundColor = _a.backgroundColor, imageLeftSide = _a.imageLeftSide, titleStyle = _a.titleStyle, textStyle = _a.textStyle, _f = _a.buttonWideOnMobile, buttonWideOnMobile = _f === void 0 ? false : _f, props = __rest(_a, ["title", "text", "children", "buttomText", "backgroundColor", "imageLeftSide", "titleStyle", "textStyle", "buttonWideOnMobile"]);
17700
17700
  var isMobile = useWindowDimensions({ desktop: 768, mobile: 0 }).isMobile;
17701
17701
  var ImageTitle = function () { return (jsx(Fragment, { children: !isMobile ? (jsx(Text$6, __assign$1({ variant: "heading2", weight: "bold", style: titleStyle
17702
17702
  ? titleStyle
@@ -17713,7 +17713,7 @@ var TextWithImage = function (_a) {
17713
17713
  // @ts-ignore
17714
17714
  props.isRedirectionURL ? (window.location.href = props.URLLink) : props.onButtonClick();
17715
17715
  };
17716
- return (jsxs(Container$5, __assign$1({ style: { backgroundColor: backgroundColor } }, { children: [isMobile && jsx(ImageTitle, {}, void 0), (imageLeftSide || isMobile) && (jsx(ImageVideo, { imageLink: (_b = props.imgVideo) === null || _b === void 0 ? void 0 : _b.imageLink, isMobile: isMobile, isVideo: (_c = props.imgVideo) === null || _c === void 0 ? void 0 : _c.isVideo }, void 0)), jsxs(TextContainer, { children: [!isMobile && jsx(ImageTitle, {}, void 0), jsx(Text$6, __assign$1({ variant: "body", weight: "regular", style: textStyle ? textStyle : { maxWidth: '450px' } }, { children: text }), void 0), jsx(BaseCTA, { text: buttomText, size: ComponentSize.Medium, wide: isMobile && buttonWideOnMobile ? true : false, onClick: buttonAction, testId: buttomText, css: {
17716
+ return (jsxs(Container$5, __assign$1({ style: { backgroundColor: backgroundColor } }, { children: [isMobile && jsx(ImageTitle, {}, void 0), (imageLeftSide || isMobile) && (jsx(ImageVideo, { imageLink: (_b = props.imgVideo) === null || _b === void 0 ? void 0 : _b.imageLink, isMobile: isMobile, isVideo: (_c = props.imgVideo) === null || _c === void 0 ? void 0 : _c.isVideo }, void 0)), jsxs(TextContainer, { children: [!isMobile && jsx(ImageTitle, {}, void 0), jsx(Text$6, __assign$1({ variant: "body", weight: "regular", style: textStyle ? textStyle : { maxWidth: '450px' } }, { children: text }), void 0), children, jsx(BaseCTA, { text: buttomText, size: ComponentSize.Medium, wide: isMobile && buttonWideOnMobile ? true : false, onClick: buttonAction, testId: buttomText, css: {
17717
17717
  backgroundColor: props.btnBGColor,
17718
17718
  color: '#ffffff',
17719
17719
  border: props.btnBGColor,
package/build/index.js CHANGED
@@ -17722,7 +17722,7 @@ var Container$5 = newStyled.div(templateObject_3$4 || (templateObject_3$4 = __ma
17722
17722
  var TextContainer = newStyled.div(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0 15px;\n gap: 24px;\n text-align: center;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0 15px;\n gap: 24px;\n text-align: center;\n"])));
17723
17723
  var TextWithImage = function (_a) {
17724
17724
  var _b, _c, _d, _e;
17725
- var title = _a.title, text = _a.text, buttomText = _a.buttomText, backgroundColor = _a.backgroundColor, imageLeftSide = _a.imageLeftSide, titleStyle = _a.titleStyle, textStyle = _a.textStyle, _f = _a.buttonWideOnMobile, buttonWideOnMobile = _f === void 0 ? false : _f, props = __rest(_a, ["title", "text", "buttomText", "backgroundColor", "imageLeftSide", "titleStyle", "textStyle", "buttonWideOnMobile"]);
17725
+ var title = _a.title, text = _a.text, children = _a.children, buttomText = _a.buttomText, backgroundColor = _a.backgroundColor, imageLeftSide = _a.imageLeftSide, titleStyle = _a.titleStyle, textStyle = _a.textStyle, _f = _a.buttonWideOnMobile, buttonWideOnMobile = _f === void 0 ? false : _f, props = __rest(_a, ["title", "text", "children", "buttomText", "backgroundColor", "imageLeftSide", "titleStyle", "textStyle", "buttonWideOnMobile"]);
17726
17726
  var isMobile = useWindowDimensions({ desktop: 768, mobile: 0 }).isMobile;
17727
17727
  var ImageTitle = function () { return (jsx(Fragment, { children: !isMobile ? (jsx(Text$6, __assign$1({ variant: "heading2", weight: "bold", style: titleStyle
17728
17728
  ? titleStyle
@@ -17739,7 +17739,7 @@ var TextWithImage = function (_a) {
17739
17739
  // @ts-ignore
17740
17740
  props.isRedirectionURL ? (window.location.href = props.URLLink) : props.onButtonClick();
17741
17741
  };
17742
- return (jsxs(Container$5, __assign$1({ style: { backgroundColor: backgroundColor } }, { children: [isMobile && jsx(ImageTitle, {}, void 0), (imageLeftSide || isMobile) && (jsx(ImageVideo, { imageLink: (_b = props.imgVideo) === null || _b === void 0 ? void 0 : _b.imageLink, isMobile: isMobile, isVideo: (_c = props.imgVideo) === null || _c === void 0 ? void 0 : _c.isVideo }, void 0)), jsxs(TextContainer, { children: [!isMobile && jsx(ImageTitle, {}, void 0), jsx(Text$6, __assign$1({ variant: "body", weight: "regular", style: textStyle ? textStyle : { maxWidth: '450px' } }, { children: text }), void 0), jsx(BaseCTA, { text: buttomText, size: exports.ComponentSize.Medium, wide: isMobile && buttonWideOnMobile ? true : false, onClick: buttonAction, testId: buttomText, css: {
17742
+ return (jsxs(Container$5, __assign$1({ style: { backgroundColor: backgroundColor } }, { children: [isMobile && jsx(ImageTitle, {}, void 0), (imageLeftSide || isMobile) && (jsx(ImageVideo, { imageLink: (_b = props.imgVideo) === null || _b === void 0 ? void 0 : _b.imageLink, isMobile: isMobile, isVideo: (_c = props.imgVideo) === null || _c === void 0 ? void 0 : _c.isVideo }, void 0)), jsxs(TextContainer, { children: [!isMobile && jsx(ImageTitle, {}, void 0), jsx(Text$6, __assign$1({ variant: "body", weight: "regular", style: textStyle ? textStyle : { maxWidth: '450px' } }, { children: text }), void 0), children, jsx(BaseCTA, { text: buttomText, size: exports.ComponentSize.Medium, wide: isMobile && buttonWideOnMobile ? true : false, onClick: buttonAction, testId: buttomText, css: {
17743
17743
  backgroundColor: props.btnBGColor,
17744
17744
  color: '#ffffff',
17745
17745
  border: props.btnBGColor,
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.111",
6
+ "version": "5.0.0-beta.112",
7
7
  "private": false,
8
8
  "main": "build/index.js",
9
9
  "style": "build/index.css",