allaw-ui 2.2.6 → 2.2.8

package/dist/components/molecules/banner/Banner.js

@@ -1,3 +1,4 @@
+"use client";
 import React, { useState, useEffect } from "react";
 import Image from "next/image";
 import styles from "./Banner.module.css";

package/dist/components/molecules/flexContent/FlexContent.d.ts

@@ -3,7 +3,6 @@ export type FlexContentProps = {
     reverse?: boolean;
     title?: string;
     sectionTitle: string;
-    content: string;
     action?: {
         href: string;
         label: string;
@@ -13,6 +12,7 @@ export type FlexContentProps = {
         alt: string;
     };
     imageWidthPercentage?: number;
+    children?: any;
 };
 declare const FlexContent: React.FC<FlexContentProps>;
 export default FlexContent;

package/dist/components/molecules/flexContent/FlexContent.js

@@ -3,7 +3,7 @@ import styles from "./flexContent.module.css";
 import Image from "next/image";
 import Link from "next/link";
 var FlexContent = function (_a) {
-    var _b = _a.reverse, reverse = _b === void 0 ? false : _b, title = _a.title, sectionTitle = _a.sectionTitle, content = _a.content, action = _a.action, imageContent = _a.imageContent, _c = _a.imageWidthPercentage, imageWidthPercentage = _c === void 0 ? 60 : _c;
+    var _b = _a.reverse, reverse = _b === void 0 ? false : _b, title = _a.title, sectionTitle = _a.sectionTitle, action = _a.action, imageContent = _a.imageContent, _c = _a.imageWidthPercentage, imageWidthPercentage = _c === void 0 ? 60 : _c, children = _a.children;
     var safeImageWidth = Math.max(10, Math.min(imageWidthPercentage, 90));
     var textWidth = 100 - safeImageWidth;
     return (React.createElement("section", { className: styles.flexContentContainer, "aria-labelledby": sectionTitle },
@@ -12,8 +12,8 @@ var FlexContent = function (_a) {
             React.createElement("div", { className: "".concat(styles.flexContentLeftWrapper, " ").concat(styles.desktopWidth), style: { width: "".concat(textWidth, "%") } },
                 React.createElement("div", { className: styles.flexContentLeft },
                     React.createElement("h3", { className: styles.flexContentSectionTitle }, sectionTitle),
-                    React.createElement("p", { className: styles.flexContentDescription }, content),
-                    action && (React.createElement(Link, { href: action.href, className: styles.flexContentButton },
+                    React.createElement("p", { className: styles.flexContentDescription }, children),
+                    (action === null || action === void 0 ? void 0 : action.href) && (React.createElement(Link, { href: action.href, className: styles.flexContentButton },
                         React.createElement("span", { className: styles.flexContentButtonLabel }, action.label))))),
             (imageContent === null || imageContent === void 0 ? void 0 : imageContent.src) && (React.createElement("div", { className: styles.flexContentRight, style: { width: "".concat(safeImageWidth, "%") } },
                 React.createElement(Image, { src: imageContent.src, alt: imageContent.alt, className: styles.flexContentImage, width: 1240, height: 550 }))))));

package/dist/components/molecules/flexContent/flexContent.module.css

@@ -7,7 +7,7 @@
   gap: 90px;
   width: 100%;
   height: auto;
-  min-height: 675px;
+  min-height: fit-content;
 }
 
 .flexContentTitle {
@@ -133,7 +133,7 @@
   overflow: hidden;
 }
 
-@media (max-width: 1200px) {
+@media (max-width: 1000px) {
   .flexContentButton {
     align-self: stretch;
     justify-content: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "allaw-ui",
-  "version": "2.2.6",
+  "version": "2.2.8",
   "description": "Composants UI pour l'application Allaw",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",