+
Modal
+
+
, rightIcon:
}}
+ secondButton={{ text: "Confirmer", leftIcon:
, rightIcon:
}}>
+
Modal Content
+
+
+
Tabs
+
tabs={userDbArray} onSelect={onSelect} />
+
+ {selectedTab.id} - {selectedTab.username}
+
+
Circle Progress
@@ -134,67 +149,147 @@ export default function DesignSystem() {
Buttons
-
-
-
+ }
+ rightIcon={}
+ variant={EButtonVariant.PRIMARY}
+ styleType={EButtonStyleType.OUTLINED}>
+ Primary
+
+
}
+ rightIcon={
}
+ variant={EButtonVariant.PRIMARY}
+ styleType={EButtonStyleType.TEXT}>
Primary
-
Secondary
-
+ } rightIcon={} variant={EButtonVariant.SECONDARY}>
Secondary
-
+ }
+ rightIcon={}
+ variant={EButtonVariant.SECONDARY}
+ styleType={EButtonStyleType.OUTLINED}>
+ Secondary
+
+
}
+ rightIcon={
}
+ variant={EButtonVariant.SECONDARY}
+ styleType={EButtonStyleType.TEXT}>
Secondary
-
Neutral
-
+ } rightIcon={} variant={EButtonVariant.NEUTRAL}>
Neutral
-
+ }
+ rightIcon={}
+ variant={EButtonVariant.NEUTRAL}
+ styleType={EButtonStyleType.OUTLINED}>
+ Neutral
+
+
}
+ rightIcon={
}
+ variant={EButtonVariant.NEUTRAL}
+ styleType={EButtonStyleType.TEXT}>
Neutral
-
Error
-
+ } rightIcon={} variant={EButtonVariant.ERROR}>
Error
-
+ }
+ rightIcon={}
+ variant={EButtonVariant.ERROR}
+ styleType={EButtonStyleType.OUTLINED}>
+ Error
+
+
}
+ rightIcon={
}
+ variant={EButtonVariant.ERROR}
+ styleType={EButtonStyleType.TEXT}>
Error
-
Warning
-
+ } rightIcon={} variant={EButtonVariant.WARNING}>
Warning
-
+ }
+ rightIcon={}
+ variant={EButtonVariant.WARNING}
+ styleType={EButtonStyleType.OUTLINED}>
+ Warning
+
+
}
+ rightIcon={
}
+ variant={EButtonVariant.WARNING}
+ styleType={EButtonStyleType.TEXT}>
Warning
-
SUCCESS
-
- SUCCESS
+ } rightIcon={} variant={EButtonVariant.SUCCESS}>
+ Success
-
- SUCCESS
+ }
+ rightIcon={}
+ variant={EButtonVariant.SUCCESS}
+ styleType={EButtonStyleType.OUTLINED}>
+ Success
+
+
}
+ rightIcon={
}
+ variant={EButtonVariant.SUCCESS}
+ styleType={EButtonStyleType.TEXT}>
+ Success
-
INFO
-
- INFO
+ } rightIcon={} variant={EButtonVariant.INFO}>
+ Info
-
- INFO
+ }
+ rightIcon={}
+ variant={EButtonVariant.INFO}
+ styleType={EButtonStyleType.OUTLINED}>
+ Info
+
}
+ rightIcon={
}
+ variant={EButtonVariant.INFO}
+ styleType={EButtonStyleType.TEXT}>
+ Info
+
+
+
+ } variant={EIconButtonVariant.DEFAULT} />
+ } variant={EIconButtonVariant.NEUTRAL} />
+ } variant={EIconButtonVariant.PRIMARY} />
+ } variant={EIconButtonVariant.ERROR} />
+ } variant={EIconButtonVariant.SUCCESS} />
+ } variant={EIconButtonVariant.WARNING} />
+ } variant={EIconButtonVariant.INFO} />
+ } variant={EIconButtonVariant.INFO} disabled />
diff --git a/src/front/Components/Layouts/Folder/AskDocuments/ParameterDocuments/index.tsx b/src/front/Components/Layouts/Folder/AskDocuments/ParameterDocuments/index.tsx
index 17e822e2..6b0a7759 100644
--- a/src/front/Components/Layouts/Folder/AskDocuments/ParameterDocuments/index.tsx
+++ b/src/front/Components/Layouts/Folder/AskDocuments/ParameterDocuments/index.tsx
@@ -1,4 +1,4 @@
-import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
+import Confirm from "@Front/Components/DesignSystem/OldModal/Confirm";
import classes from "./classes.module.scss";
import TextField from "@Front/Components/DesignSystem/Form/TextField";
import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField";
diff --git a/src/front/Components/Layouts/Folder/FolderInformation/index.tsx b/src/front/Components/Layouts/Folder/FolderInformation/index.tsx
index d93b8bcb..d681a3a1 100644
--- a/src/front/Components/Layouts/Folder/FolderInformation/index.tsx
+++ b/src/front/Components/Layouts/Folder/FolderInformation/index.tsx
@@ -4,7 +4,7 @@ import OfficeFolderAnchors from "@Front/Api/LeCoffreApi/Notary/OfficeFolderAncho
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button";
import FolderBoxInformation, { EFolderBoxInformationType } from "@Front/Components/DesignSystem/FolderBoxInformation";
import TextAreaField from "@Front/Components/DesignSystem/Form/TextareaField";
-import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
+import Confirm from "@Front/Components/DesignSystem/OldModal/Confirm";
import QuantityProgressBar from "@Front/Components/DesignSystem/QuantityProgressBar";
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
import DefaultNotaryDashboard from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
diff --git a/src/front/Components/Layouts/Folder/UpdateClient/index.tsx b/src/front/Components/Layouts/Folder/UpdateClient/index.tsx
index a22ba91d..11bf9643 100644
--- a/src/front/Components/Layouts/Folder/UpdateClient/index.tsx
+++ b/src/front/Components/Layouts/Folder/UpdateClient/index.tsx
@@ -2,7 +2,7 @@ import Customers from "@Front/Api/LeCoffreApi/Notary/Customers/Customers";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button";
import Form from "@Front/Components/DesignSystem/Form";
import TextField from "@Front/Components/DesignSystem/Form/TextField";
-import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
+import Confirm from "@Front/Components/DesignSystem/OldModal/Confirm";
import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography";
import BackArrow from "@Front/Components/Elements/BackArrow";
import DefaultNotaryDashboard from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
diff --git a/src/front/Components/Layouts/Folder/ViewDocuments/index.tsx b/src/front/Components/Layouts/Folder/ViewDocuments/index.tsx
index 3de0979e..15256050 100644
--- a/src/front/Components/Layouts/Folder/ViewDocuments/index.tsx
+++ b/src/front/Components/Layouts/Folder/ViewDocuments/index.tsx
@@ -3,7 +3,7 @@ import RightArrowIcon from "@Assets/Icons/right-arrow.svg";
import Documents from "@Front/Api/LeCoffreApi/Notary/Documents/Documents";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button";
import FilePreview from "@Front/Components/DesignSystem/FilePreview";
-import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
+import Confirm from "@Front/Components/DesignSystem/OldModal/Confirm";
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
import DefaultNotaryDashboard from "@Front/Components/LayoutTemplates/DefaultNotaryDashboard";
import Module from "@Front/Config/Module";
diff --git a/src/front/Components/Layouts/Login/index.tsx b/src/front/Components/Layouts/Login/index.tsx
index 8243bab6..a9083683 100644
--- a/src/front/Components/Layouts/Login/index.tsx
+++ b/src/front/Components/Layouts/Login/index.tsx
@@ -11,7 +11,7 @@ import classes from "./classes.module.scss";
import LandingImage from "./landing-connect.jpeg";
import { FrontendVariables } from "@Front/Config/VariablesFront";
import Link from "next/link";
-import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
+import Confirm from "@Front/Components/DesignSystem/OldModal/Confirm";
export default function Login() {
const router = useRouter();
diff --git a/src/front/Components/Layouts/LoginCustomer/StepPassword/index.tsx b/src/front/Components/Layouts/LoginCustomer/StepPassword/index.tsx
index e1f9543e..f05511a9 100644
--- a/src/front/Components/Layouts/LoginCustomer/StepPassword/index.tsx
+++ b/src/front/Components/Layouts/LoginCustomer/StepPassword/index.tsx
@@ -5,7 +5,7 @@ import Form from "@Front/Components/DesignSystem/Form";
import TextField from "@Front/Components/DesignSystem/Form/TextField";
import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button";
import { ValidationError } from "class-validator";
-import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
+import Confirm from "@Front/Components/DesignSystem/OldModal/Confirm";
type IProps = {
onSubmit: (e: React.FormEvent
| null, values: { [key: string]: string }) => void;
validationErrors: ValidationError[];
diff --git a/src/front/Components/Layouts/LoginCustomer/index.tsx b/src/front/Components/Layouts/LoginCustomer/index.tsx
index d73013bb..3b4a7670 100644
--- a/src/front/Components/Layouts/LoginCustomer/index.tsx
+++ b/src/front/Components/Layouts/LoginCustomer/index.tsx
@@ -5,7 +5,7 @@ import { useCallback, useEffect, useState } from "react";
import classes from "./classes.module.scss";
import LandingImage from "./landing-connect.jpeg";
-import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
+import Confirm from "@Front/Components/DesignSystem/OldModal/Confirm";
import StepEmail from "./StepEmail";
import StepTotp from "./StepTotp";
import Auth from "@Front/Api/Auth/Customer/Auth";
diff --git a/src/front/Components/Layouts/Rib/index.tsx b/src/front/Components/Layouts/Rib/index.tsx
index 6967e9e6..ee2ac0ba 100644
--- a/src/front/Components/Layouts/Rib/index.tsx
+++ b/src/front/Components/Layouts/Rib/index.tsx
@@ -7,7 +7,7 @@ import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/Desi
import { useRouter } from "next/router";
import OfficeRib from "@Front/Api/LeCoffreApi/Notary/OfficeRib/OfficeRib";
import DepositRib from "@Front/Components/DesignSystem/DepositRib";
-import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
+import Confirm from "@Front/Components/DesignSystem/OldModal/Confirm";
import Loader from "@Front/Components/DesignSystem/Loader";
export default function Rib() {
diff --git a/src/front/Components/Layouts/Roles/RolesCreate/index.tsx b/src/front/Components/Layouts/Roles/RolesCreate/index.tsx
index c98a7c8e..a0553f55 100644
--- a/src/front/Components/Layouts/Roles/RolesCreate/index.tsx
+++ b/src/front/Components/Layouts/Roles/RolesCreate/index.tsx
@@ -2,7 +2,7 @@ import OfficeRoles from "@Front/Api/LeCoffreApi/Admin/OfficeRoles/OfficeRoles";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button";
import Form from "@Front/Components/DesignSystem/Form";
import TextField from "@Front/Components/DesignSystem/Form/TextField";
-import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
+import Confirm from "@Front/Components/DesignSystem/OldModal/Confirm";
import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography";
import DefaultRolesDashboard from "@Front/Components/LayoutTemplates/DefaultRoleDashboard";
import Module from "@Front/Config/Module";
diff --git a/src/front/Components/Layouts/Roles/RolesInformations/index.tsx b/src/front/Components/Layouts/Roles/RolesInformations/index.tsx
index 07970c9f..f8cd78af 100644
--- a/src/front/Components/Layouts/Roles/RolesInformations/index.tsx
+++ b/src/front/Components/Layouts/Roles/RolesInformations/index.tsx
@@ -2,7 +2,7 @@ import OfficeRoles from "@Front/Api/LeCoffreApi/Admin/OfficeRoles/OfficeRoles";
import Button from "@Front/Components/DesignSystem/Button";
import CheckBox from "@Front/Components/DesignSystem/CheckBox";
import Form from "@Front/Components/DesignSystem/Form";
-import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
+import Confirm from "@Front/Components/DesignSystem/OldModal/Confirm";
import Typography, { ETypo } from "@Front/Components/DesignSystem/Typography";
import DefaultRoleDashboard from "@Front/Components/LayoutTemplates/DefaultRoleDashboard";
import { OfficeRole, Rule, RulesGroup } from "le-coffre-resources/dist/Admin";
diff --git a/src/front/Components/Layouts/Subscription/Components/SubscribeIllimityComponent/index.tsx b/src/front/Components/Layouts/Subscription/Components/SubscribeIllimityComponent/index.tsx
index 9c3bcd2c..da5f7936 100644
--- a/src/front/Components/Layouts/Subscription/Components/SubscribeIllimityComponent/index.tsx
+++ b/src/front/Components/Layouts/Subscription/Components/SubscribeIllimityComponent/index.tsx
@@ -8,7 +8,7 @@ import { useEffect, useState } from "react";
import Check from "@Front/Components/Elements/Icons/Check";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button";
import RadioBox from "@Front/Components/DesignSystem/RadioBox";
-import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
+import Confirm from "@Front/Components/DesignSystem/OldModal/Confirm";
import useOpenable from "@Front/Hooks/useOpenable";
import { EType } from "le-coffre-resources/dist/Admin/Subscription";
import Stripe from "@Front/Api/LeCoffreApi/Admin/Stripe/Stripe";
diff --git a/src/front/Components/Layouts/Subscription/Components/SubscribeStandardComponent/index.tsx b/src/front/Components/Layouts/Subscription/Components/SubscribeStandardComponent/index.tsx
index c62048d6..e19a3dc5 100644
--- a/src/front/Components/Layouts/Subscription/Components/SubscribeStandardComponent/index.tsx
+++ b/src/front/Components/Layouts/Subscription/Components/SubscribeStandardComponent/index.tsx
@@ -9,7 +9,7 @@ import { useEffect, useState } from "react";
import Check from "@Front/Components/Elements/Icons/Check";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button";
import RadioBox from "@Front/Components/DesignSystem/RadioBox";
-import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
+import Confirm from "@Front/Components/DesignSystem/OldModal/Confirm";
import useOpenable from "@Front/Hooks/useOpenable";
// import Stripe from "@Front/Api/LeCoffreApi/Admin/Stripe/Stripe";
// import { EType } from "le-coffre-resources/dist/Admin/Subscription";
diff --git a/src/front/Components/Layouts/Subscription/SubscriptionFacturation/index.tsx b/src/front/Components/Layouts/Subscription/SubscriptionFacturation/index.tsx
index 371ec226..4dc1ed1c 100644
--- a/src/front/Components/Layouts/Subscription/SubscriptionFacturation/index.tsx
+++ b/src/front/Components/Layouts/Subscription/SubscriptionFacturation/index.tsx
@@ -3,7 +3,7 @@ import classes from "./classes.module.scss";
import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate";
import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button";
import { useCallback, useEffect, useState } from "react";
-import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
+import Confirm from "@Front/Components/DesignSystem/OldModal/Confirm";
import useOpenable from "@Front/Hooks/useOpenable";
import MessageBox from "@Front/Components/Elements/MessageBox";
import Link from "next/link";
diff --git a/src/front/Components/Layouts/Users/UserInformations/index.tsx b/src/front/Components/Layouts/Users/UserInformations/index.tsx
index e3f618df..2ffc406f 100644
--- a/src/front/Components/Layouts/Users/UserInformations/index.tsx
+++ b/src/front/Components/Layouts/Users/UserInformations/index.tsx
@@ -4,7 +4,7 @@ import Roles from "@Front/Api/LeCoffreApi/Admin/Roles/Roles";
import LiveVotes from "@Front/Api/LeCoffreApi/SuperAdmin/LiveVotes/LiveVotes";
import Users from "@Front/Api/LeCoffreApi/SuperAdmin/Users/Users";
import Button, { EButtonVariant } from "@Front/Components/DesignSystem/Button";
-import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
+import Confirm from "@Front/Components/DesignSystem/OldModal/Confirm";
import Switch from "@Front/Components/DesignSystem/Switch";
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
import DefaultUserDashboard from "@Front/Components/LayoutTemplates/DefaultUserDashboard";
diff --git a/src/front/Themes/variables.scss b/src/front/Themes/variables.scss
index ef4cc7da..6661f268 100644
--- a/src/front/Themes/variables.scss
+++ b/src/front/Themes/variables.scss
@@ -565,7 +565,7 @@
--modal-spacing: var(--spacing-md);
--navigation-radius: var(--radius-none);
--notification-radius: var(--radius-minimal);
- --opacity-disabled: 1.875rem;
+ --opacity-disabled: 0.3;
--radius-none: 0px;
--radius-minimal: var(--radius-md);
--radius-rounded: var(--radius-lg);