allaw-ui 1.0.133 → 1.0.135

package/dist/components/atoms/typography/Heading.css

@@ -0,0 +1,77 @@
+@import "../../../styles/colors.css";
+
+.heading {
+  font-family: Poppins;
+  font-style: normal;
+  line-height: normal;
+}
+
+.heading.h1 {
+  font-size: 60px;
+  font-weight: 600;
+  letter-spacing: 0.5px;
+}
+
+.heading.h2 {
+  font-size: 36px;
+  font-weight: 600;
+  letter-spacing: 0.38px;
+}
+
+.heading.h3 {
+  font-size: 28px;
+  font-weight: 600;
+  letter-spacing: 0.28px;
+}
+
+.heading.h4 {
+  font-size: 24px;
+  font-weight: 600;
+}
+
+.heading.h5 {
+  font-size: 24px;
+  font-weight: 500;
+}
+
+.heading.h6 {
+  font-size: 18px;
+  font-weight: 600;
+}
+
+.heading.h7 {
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.heading.color-bleu-allaw {
+  color: var(--bleu-allaw);
+}
+
+.heading.color-mid-grey {
+  color: var(--mid-grey);
+}
+
+.heading.color-dark-grey {
+  color: var(--dark-grey);
+}
+
+.heading.color-noir {
+  color: var(--noir);
+}
+
+.heading.color-pure-white {
+  color: var(--pure-white);
+}
+
+.heading.align-left {
+  text-align: left;
+}
+
+.heading.align-justify {
+  text-align: justify;
+}
+
+.heading.align-center {
+  text-align: center;
+}

package/dist/components/atoms/typography/Heading.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import "./Heading.css";
 export interface HeadingProps {
     variant: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "h7";
     color?: "bleu-allaw" | "mid-grey" | "dark-grey" | "noir" | "pure-white";

package/dist/components/atoms/typography/Heading.js

@@ -1,7 +1,7 @@
 import React from "react";
-import styles from "./Heading.module.css";
+import "./Heading.css";
 var Heading = function (_a) {
     var variant = _a.variant, _b = _a.color, color = _b === void 0 ? "pure-white" : _b, text = _a.text, _c = _a.align, align = _c === void 0 ? "center" : _c;
-    return (React.createElement("span", { className: "".concat(styles.heading, " ").concat(styles[variant], " ").concat(styles["color-".concat(color)], " ").concat(styles["align-".concat(align)]) }, text));
+    return (React.createElement("span", { className: "heading ".concat(variant, " color-").concat(color, " align-").concat(align) }, text));
 };
 export default Heading;

package/dist/components/atoms/typography/Heading.stories.d.ts

@@ -22,24 +22,6 @@ declare namespace _default {
             let control_2: string;
             export { control_2 as control };
         }
-        namespace responsiveSettings {
-            export namespace control_3 {
-                let type_2: null;
-                export { type_2 as type };
-            }
-            export { control_3 as control };
-            export let description: string;
-            export namespace table {
-                export namespace type_3 {
-                    let summary: string;
-                }
-                export { type_3 as type };
-                export namespace defaultValue {
-                    let summary_1: string;
-                    export { summary_1 as summary };
-                }
-            }
-        }
     }
     export namespace parameters {
         namespace backgrounds {
@@ -59,5 +41,5 @@ export const H3: any;
 export const H4: any;
 export const H5: any;
 export const H6: any;
-export const ResponsiveExample: any;
+export const H7: any;
 import Heading from "./Heading";

package/dist/components/atoms/typography/Heading.stories.js

@@ -20,7 +20,7 @@ export default {
         variant: {
             control: {
                 type: "select",
-                options: ["h1", "h2", "h3", "h4", "h5", "h6"],
+                options: ["h1", "h2", "h3", "h4", "h5", "h6", "h7"],
             },
         },
         color: {
@@ -32,20 +32,6 @@ export default {
         text: {
             control: "text",
         },
-        responsiveSettings: {
-            control: {
-                type: null,
-            },
-            description: "An array of responsive settings. Each object defines the styles for specific min and max widths.",
-            table: {
-                type: {
-                    summary: "Array<{ maxWidth: number, minWidth: number, styles: React.CSSProperties }>",
-                },
-                defaultValue: {
-                    summary: "[]",
-                },
-            },
-        },
     },
     parameters: {
         backgrounds: {
@@ -64,13 +50,13 @@ export var H1 = Template.bind({});
 H1.args = {
     variant: "h1",
     color: "pure-white",
-    text: "Poppins – SemiBold – 50px",
+    text: "Poppins – SemiBold – 60px",
 };
 export var H2 = Template.bind({});
 H2.args = {
     variant: "h2",
     color: "pure-white",
-    text: "Poppins – SemiBold – 38px",
+    text: "Poppins – SemiBold – 36px",
 };
 export var H3 = Template.bind({});
 H3.args = {
@@ -88,34 +74,17 @@ export var H5 = Template.bind({});
 H5.args = {
     variant: "h5",
     color: "pure-white",
-    text: "Poppins – Medium – 18px",
+    text: "Poppins – Medium – 24px",
 };
 export var H6 = Template.bind({});
 H6.args = {
     variant: "h6",
     color: "pure-white",
-    text: "Poppins – SemiBold – 14px",
+    text: "Poppins – SemiBold – 18px",
 };
-export var ResponsiveExample = Template.bind({});
-ResponsiveExample.args = {
-    variant: "h2",
+export var H7 = Template.bind({});
+H7.args = {
+    variant: "h7",
     color: "pure-white",
-    text: "Responsive Heading Example",
-    responsiveSettings: [
-        {
-            maxWidth: 1000,
-            minWidth: 768,
-            styles: { fontSize: "36px", lineHeight: "42px", letterSpacing: "0.38px" },
-        },
-        {
-            maxWidth: 767,
-            minWidth: 480,
-            styles: { fontSize: "28px", lineHeight: "34px", letterSpacing: "0.28px" },
-        },
-        {
-            maxWidth: 479,
-            minWidth: 0,
-            styles: { fontSize: "16px", lineHeight: "26px", letterSpacing: "0.2px" },
-        },
-    ],
+    text: "Poppins – SemiBold – 14px",
 };

package/dist/components/molecules/blogCard/BlogCard.js

@@ -1,8 +1,8 @@
 import React from "react";
 import styles from "./BlogCard.module.css";
 import Link from "next/link";
-import { OtherStatusTag } from "../../atoms/tags";
-import { TinyInfo } from "../../atoms/typography";
+import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
+import TinyInfo from "../../atoms/typography/TinyInfo";
 import Image from "next/image";
 var BlogTopSection = function (_a) {
     var Image_URL = _a.Image_URL, Title = _a.Title;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { TinyInfo } from "../../atoms/typography";
+import TinyInfo from "../../atoms/typography/TinyInfo";
 import Image from "next/image";
 import styles from "./BlogHeader.module.css";
 function BlogHeader(_a) {

package/dist/components/molecules/blogText/BlogText.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export type BlogTextProps = {
+    Title: string;
+    Article: string;
+};
+declare function BlogText({ Title, Article }: BlogTextProps): React.JSX.Element;
+export default BlogText;

package/dist/components/molecules/{blogTextBlock/BlogTextBlock.js → blogText/BlogText.js}

@@ -1,11 +1,11 @@
 import React from "react";
-import { Paragraph } from "src/components/atoms/typography";
-import styles from "./BlogTextBlock.module.css";
-function BlogTextBlock(_a) {
+import Paragraph from "../../atoms/typography/Paragraph";
+import styles from "./BlogText.module.css";
+function BlogText(_a) {
     var Title = _a.Title, Article = _a.Article;
     return (React.createElement("section", { className: styles.BlogTextContainerWrapper },
         React.createElement("div", { className: styles.BlogTextContainer },
             React.createElement("h3", { className: styles.BlogTextTitle }, Title),
             React.createElement(Paragraph, { variant: "semiBold", color: "dark-grey", text: Article, className: styles.BlogTextCustomParagraph }))));
 }
-export default BlogTextBlock;
+export default BlogText;

package/dist/components/molecules/{blogTextBlock/BlogTextBlock.stories.d.ts → blogText/BlogText.stories.d.ts}

@@ -1,6 +1,6 @@
 declare namespace _default {
     export let title: string;
-    export { BlogTextBlock as component };
+    export { BlogText as component };
     export let tags: string[];
     export namespace argTypes {
         namespace Title {
@@ -27,4 +27,4 @@ export default _default;
 export const ShortTitleAndContent: any;
 export const LongTitleAndContent: any;
 export const ArticleWithLineBreaks: any;
-import BlogTextBlock from "./BlogTextBlock";
+import BlogText from "../blogText/BlogText";

package/dist/components/molecules/{blogTextBlock/BlogTextBlock.stories.js → blogText/BlogText.stories.js}

@@ -10,10 +10,10 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from "react";
-import BlogTextBlock from "./BlogTextBlock";
+import BlogText from "../blogText/BlogText";
 export default {
-    title: "Components/molecules/Blog/BlogTextBlock",
-    component: BlogTextBlock,
+    title: "Components/molecules/Blog/BlogText",
+    component: BlogText,
     tags: ["autodocs"],
     argTypes: {
         Title: {
@@ -28,12 +28,12 @@ export default {
     parameters: {
         docs: {
             description: {
-                component: "Le composant `BlogTextBlock` est conçu pour afficher un titre et un long article ou contenu dans un format structuré, idéal pour les sections de texte des blogs.",
+                component: "Le composant `BlogText` est conçu pour afficher un titre et un long article ou contenu dans un format structuré, idéal pour les sections de texte des blogs.",
             },
         },
     },
 };
-var Template = function (args) { return React.createElement(BlogTextBlock, __assign({}, args)); };
+var Template = function (args) { return React.createElement(BlogText, __assign({}, args)); };
 export var ShortTitleAndContent = Template.bind({});
 ShortTitleAndContent.args = {
     Title: "Introduction",

package/dist/components/molecules/blogText/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BlogText } from "./BlogText";
+export type { BlogTextProps } from "./BlogText";

package/dist/components/molecules/blogText/index.js

@@ -0,0 +1 @@
+export { default as BlogText } from "./BlogText";

package/dist/components/molecules/blogTextImageBlock/BlogTextImageBlock.js

@@ -1,7 +1,7 @@
 import React from "react";
 import styles from "./BlogTextImageBlock.module.css";
 import Image from "next/image";
-import { Paragraph } from "src/components/atoms/typography";
+import Paragraph from "../../atoms/typography/Paragraph";
 function BlogTextImageBlock(_a) {
     var Title = _a.Title, Article = _a.Article, Image_URL = _a.Image_URL;
     return (React.createElement("section", { className: styles.BlogTextImageBlockWrapper },

package/dist/components/molecules/caseCardCompact/CaseCardCompact.js

@@ -1,5 +1,6 @@
 import React from "react";
-import { Paragraph, SmallTitle } from "../../atoms/typography";
+import Paragraph from "../../atoms/typography/Paragraph";
+import SmallTitle from "../../atoms/typography/SmallTitle";
 import FolderStatusTag from "../../atoms/tags/FolderStatusTag";
 import "./caseCardCompact.css";
 import "../../../styles/icons.css";

package/dist/index.d.ts

@@ -66,7 +66,7 @@ export { default as BlogHeader } from "./components/molecules/blogHeader/BlogHea
 export type { BlogHeaderProps } from "./components/molecules/blogHeader/BlogHeader";
 export { default as BlogCard } from "./components/molecules/blogCard/BlogCard";
 export type { BlogCardProps } from "./components/molecules/blogCard/BlogCard";
-export { default as BlogTextBlock } from "./components/molecules/blogTextBlock/BlogTextBlock";
-export type { BlogTextBlockProps } from "./components/molecules/blogTextBlock/BlogTextBlock";
+export { default as BlogText } from "./components/molecules/blogText/BlogText";
+export type { BlogTextProps } from "./components/molecules/blogText/BlogText";
 export { default as blogTextImageBlock } from "./components/molecules/blogTextImageBlock/BlogTextImageBlock";
 export type { BlogTextImageBlockProps } from "./components/molecules/blogTextImageBlock/BlogTextImageBlock";

package/dist/index.js

@@ -82,5 +82,5 @@ export { default as ProCard } from "./components/molecules/proCard/ProCard";
 export { default as Pagination } from "./components/molecules/pagination/Pagination";
 export { default as BlogHeader } from "./components/molecules/blogHeader/BlogHeader";
 export { default as BlogCard } from "./components/molecules/blogCard/BlogCard";
-export { default as BlogTextBlock } from "./components/molecules/blogTextBlock/BlogTextBlock";
+export { default as BlogText } from "./components/molecules/blogText/BlogText";
 export { default as blogTextImageBlock } from "./components/molecules/blogTextImageBlock/BlogTextImageBlock";

package/package.json

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

package/dist/components/atoms/typography/Heading.module.css

@@ -1,43 +0,0 @@
-.heading {
-  font-weight: bold;
-}
-
-.h1 {
-  font-size: 32px;
-}
-
-.h2 {
-  font-size: 28px;
-}
-
-.color-bleu-allaw {
-  color: #25beeb;
-}
-
-.color-mid-grey {
-  color: #728ea7;
-}
-
-.color-dark-grey {
-  color: #495867;
-}
-
-.color-noir {
-  color: #000000;
-}
-
-.color-pure-white {
-  color: #ffffff;
-}
-
-.align-left {
-  text-align: left;
-}
-
-.align-center {
-  text-align: center;
-}
-
-.align-justify {
-  text-align: justify;
-}

package/dist/components/molecules/blogTextBlock/BlogTextBlock.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-export type BlogTextBlockProps = {
-    Title: string;
-    Article: string;
-};
-declare function BlogTextBlock({ Title, Article }: BlogTextBlockProps): React.JSX.Element;
-export default BlogTextBlock;

package/dist/components/molecules/blogTextBlock/index.d.ts

@@ -1,2 +0,0 @@
-export { default as BlogTextBlock } from "./BlogTextBlock";
-export type { BlogTextBlockProps } from "./BlogTextBlock";

package/dist/components/molecules/blogTextBlock/index.js

@@ -1 +0,0 @@
-export { default as BlogTextBlock } from "./BlogTextBlock";