From 29abd91fed6f94cb4aa590e4b990bb0f748afb63 Mon Sep 17 00:00:00 2001
From: Ethan Ummel <UmEt>
Date: Wed, 6 May 2026 15:46:12 +0200
Subject: [PATCH] new components

Nouveau composants Title et Subtitle
---
 .gitignore                           |  5 ++++-
 src/index.js                         |  8 +++++++-
 src/ui/icon/Icon.stories.jsx         |  2 ++
 src/ui/subtitle/SubTitle.jsx         | 17 +++++++++++++++++
 src/ui/subtitle/SubTitle.stories.jsx | 17 +++++++++++++++++
 src/ui/title.jsx                     | 10 ----------
 src/ui/title/Title.jsx               | 17 +++++++++++++++++
 src/ui/title/Title.stories.jsx       | 17 +++++++++++++++++
 8 files changed, 81 insertions(+), 12 deletions(-)
 create mode 100644 src/ui/subtitle/SubTitle.jsx
 create mode 100644 src/ui/subtitle/SubTitle.stories.jsx
 delete mode 100644 src/ui/title.jsx
 create mode 100644 src/ui/title/Title.jsx
 create mode 100644 src/ui/title/Title.stories.jsx

diff --git a/.gitignore b/.gitignore
index 95a2038..96e359d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,4 +4,7 @@ node_modules/
 # Production build output
 /dist
 *.log
-.DS_Store
\ No newline at end of file
+.DS_Store
+
+# Static Storybook
+storybook-static/
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index 267adb9..733b1c2 100644
--- a/src/index.js
+++ b/src/index.js
@@ -4,7 +4,7 @@ import './index.css';
 // UI
 export { default as Link } from './ui/link';
 export { default as Logo } from './ui/logo';
-export { default as Title } from './ui/title';
+//export { default as Title } from './ui/title_old.jsx';
 
 
 // Buttons
@@ -53,6 +53,12 @@ export { default as PopUp } from './ui/pop-up/PopUp';
 // SnackBar
 export { default as SnackBar } from './ui/snackbar/SnackBar';
 
+// Title
+export { default as Title } from './ui/title/Title';
+
+// SubTitle
+export { default as SubTitle } from './ui/subtitle/SubTitle';
+
 // UserMenu
 export { default as UserMenu } from './ui/user-menu/UserMenu';
 
diff --git a/src/ui/icon/Icon.stories.jsx b/src/ui/icon/Icon.stories.jsx
index 6adeb38..1c053a0 100644
--- a/src/ui/icon/Icon.stories.jsx
+++ b/src/ui/icon/Icon.stories.jsx
@@ -46,6 +46,8 @@ export const AllIcons = (args) => (
         <Icon {...args} name="chevron-right" />
         <Icon {...args} name="chevron-double-left" />
         <Icon {...args} name="chevron-double-right" />
+        <Icon {...args} name="exclamation-triangle" />
+        <Icon {...args} name="exclamation-circle" />
     </div>
 );
 
diff --git a/src/ui/subtitle/SubTitle.jsx b/src/ui/subtitle/SubTitle.jsx
new file mode 100644
index 0000000..14788e2
--- /dev/null
+++ b/src/ui/subtitle/SubTitle.jsx
@@ -0,0 +1,17 @@
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+
+const SubTitle = ({
+    subTitle = "sous-titre"
+}) => {
+    return (
+        <p className="font-bold text-3xl md:mb-0 md:mr-10">{subTitle}</p>
+    );
+};
+
+SubTitle.PropTypes = {
+    subTitle: PropTypes.string.isRequired
+};
+
+export default SubTitle;
diff --git a/src/ui/subtitle/SubTitle.stories.jsx b/src/ui/subtitle/SubTitle.stories.jsx
new file mode 100644
index 0000000..1b152ac
--- /dev/null
+++ b/src/ui/subtitle/SubTitle.stories.jsx
@@ -0,0 +1,17 @@
+import React from "react";
+import SubTitle from "./SubTitle";
+
+export default {
+    title: "Components/UI/SubTitle",
+    component: SubTitle,
+    tags: ["autodocs"],
+    parameters: { 
+        layout: "fullscreen" 
+    },
+};
+
+export const Standard = () => (
+    <SubTitle>
+        Mon sous-titre
+    </SubTitle>
+);
\ No newline at end of file
diff --git a/src/ui/title.jsx b/src/ui/title.jsx
deleted file mode 100644
index 3f0710a..0000000
--- a/src/ui/title.jsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import React from 'react'
-import clsx from 'clsx'
-
-const Title = ({children, className}) => {
-  return (<>
-    <h1 className={clsx("text-2xl sm:text-5xl text-center font-light", className)}>{children}</h1>
-  </>)
-}
-
-export default Title
\ No newline at end of file
diff --git a/src/ui/title/Title.jsx b/src/ui/title/Title.jsx
new file mode 100644
index 0000000..2ff68d0
--- /dev/null
+++ b/src/ui/title/Title.jsx
@@ -0,0 +1,17 @@
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+
+const Title = ({
+    title = "Mon titre"
+}) => {
+    return (
+        <p className="font-bold text-3xl md:mb-0 md:mr-10">{title}</p>
+    );
+}
+
+Title.PropTypes = {
+    title: PropTypes.string.isRequired
+};
+
+export default Title;
\ No newline at end of file
diff --git a/src/ui/title/Title.stories.jsx b/src/ui/title/Title.stories.jsx
new file mode 100644
index 0000000..fcdd9b7
--- /dev/null
+++ b/src/ui/title/Title.stories.jsx
@@ -0,0 +1,17 @@
+import React from "react";
+import Title from "./Title";
+
+export default {
+    title: "Components/UI/Title",
+    component: Title,
+    tags: ["autodocs"],
+    parameters: { 
+        layout: "fullscreen" 
+    },
+};
+
+export const Standard = () => (
+    <Title>
+        Mon titre
+    </Title>
+);
\ No newline at end of file