allaw-ui 1.0.127 → 1.0.130

package/dist/components/atoms/datepickers/Datepicker.js

@@ -1,3 +1,4 @@
+"use client";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {

package/dist/components/molecules/blogHeader/BlogHeader.js

@@ -1,37 +1,20 @@
 import React from "react";
-import { Heading, TinyInfo } from "../../atoms/typography";
+import { TinyInfo } from "../../atoms/typography";
 import Image from "next/image";
 import styles from "./BlogHeader.module.css";
 function BlogHeader(_a) {
     var Title = _a.Title, Author = _a.Author, Date = _a.Date, TimeToRead = _a.TimeToRead, Profession = _a.Profession, ImageBlog = _a.ImageBlog;
-    var responsiveSettings = [
-        {
-            maxWidth: 1000,
-            minWidth: 768,
-            styles: { fontSize: "32px", lineHeight: "40px" },
-        },
-        {
-            maxWidth: 767,
-            minWidth: 480,
-            styles: { fontSize: "28px", lineHeight: "36px" },
-        },
-        {
-            maxWidth: 479,
-            minWidth: 0,
-            styles: { fontSize: "24px", lineHeight: "32px" },
-        },
-    ];
     return (React.createElement("div", { className: styles.blogContainerWrapper },
         React.createElement("div", { className: styles.blogContainer },
             React.createElement("div", { className: styles.blogTitle },
-                React.createElement(Heading, { text: Title, variant: "h2", color: "noir", align: "left", responsiveSettings: responsiveSettings })),
+                React.createElement("h1", { className: styles.title }, Title)),
             React.createElement("div", { className: styles.blogInfoContainer },
-                React.createElement(TinyInfo, { variant: "medium12", text: Date.toLocaleDateString(), color: "dark-grey" }),
+                React.createElement(TinyInfo, { variant: "semiBold12", text: Date.toLocaleDateString(), color: "dark-grey" }),
                 React.createElement("div", { className: styles.timeToReadContainer },
                     React.createElement("i", { className: "allaw-icon-clock" }),
-                    React.createElement(TinyInfo, { variant: "medium12", text: "".concat(TimeToRead, " min"), color: "dark-grey" })),
-                React.createElement(TinyInfo, { variant: "medium12", text: Profession, color: "dark-grey" }),
-                React.createElement(TinyInfo, { variant: "medium12", text: Author, color: "dark-grey" })),
+                    React.createElement(TinyInfo, { variant: "semiBold12", text: "".concat(TimeToRead, " min"), color: "dark-grey" })),
+                React.createElement(TinyInfo, { variant: "semiBold12", text: Profession, color: "dark-grey" }),
+                React.createElement(TinyInfo, { variant: "semiBold12", text: Author, color: "dark-grey" })),
             React.createElement("div", { className: styles.blogImageContainer },
                 React.createElement(Image, { src: ImageBlog, alt: "Illustration pour l'article intitul\u00E9 \"".concat(Title, "\""), width: 1000, height: 449, className: styles.blogImage })))));
 }

package/dist/components/molecules/blogHeader/BlogHeader.module.css

@@ -3,6 +3,7 @@
   justify-content: center;
   background-color: white;
   padding: 16px;
+  width: 100%;
 }
 
 .blogContainer {
@@ -37,9 +38,20 @@
   overflow-wrap: break-word;
 }
 
+.title {
+  color: var(--Primary-Mid-black, #171E25);
+  font-family: var(--font-poppins);
+  font-family: "Poppins";
+  font-size: 40px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: normal;
+  letter-spacing: 0.4px;
+}
+
 .blogImage {
   width: 100%;
-  height: 100%;
+  height: 450px;
   object-fit: cover;
   object-position: center;
 }
@@ -105,6 +117,16 @@
   }
 }
 
+@media (max-width: 825px) {
+  .blogImage {
+    height: 200px;
+  }
+
+  .title {
+    font-size: 25px;
+  }
+}
+
 @media (max-width: 400px) {
   .blogContainerWrapper {
     padding: 0;
@@ -123,10 +145,5 @@
     margin-top: 4px;
   }
 
-  .blogInfoContainer {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    align-items: flex-start;
-  }
+
 }

package/dist/stories/Header.stories.d.ts

@@ -7,9 +7,9 @@ declare const meta: {
         layout: string;
     };
     args: {
-        onLogin: import("@vitest/spy").Mock<(...args: any[]) => any>;
-        onLogout: import("@vitest/spy").Mock<(...args: any[]) => any>;
-        onCreateAccount: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onLogin: import("@vitest/spy").Mock<[], void>;
+        onLogout: import("@vitest/spy").Mock<[], void>;
+        onCreateAccount: import("@vitest/spy").Mock<[], void>;
     };
 };
 export default meta;

package/package.json

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