allaw-ui 1.0.134 → 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.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Paragraph } from "src/components/atoms/typography";
+import Paragraph from "../../atoms/typography/Paragraph";
 import styles from "./BlogText.module.css";
 function BlogText(_a) {
     var Title = _a.Title, Article = _a.Article;

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "allaw-ui",
-  "version": "1.0.134",
+  "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;
-}