From fe28af0cc5430d1a991e17a5e050370a905fcb2a Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Thu, 17 Jul 2025 18:20:34 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Setting=20the=20style=20of=20the?=
 =?UTF-8?q?=20primevue=20button=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/style/primevue-style/button.css | 67 ++++++++++++++++++++++
 1 file changed, 67 insertions(+)
 create mode 100644 src/assets/style/primevue-style/button.css

diff --git a/src/assets/style/primevue-style/button.css b/src/assets/style/primevue-style/button.css
new file mode 100644
index 0000000..6d8fb80
--- /dev/null
+++ b/src/assets/style/primevue-style/button.css
@@ -0,0 +1,67 @@
+:root{
+    /* global style */
+    --p-button-border-radius: 0px;
+    --p-button-gap: 0.5rem;
+    --p-button-label-font-weight: var(--text-body-MD-standard-text-Regular-weight);
+    /* size: normal */
+    --p-button-padding-x: 1rem;
+    --p-button-padding-y: 0.5rem;
+    --p-button-icon-only-width: 2.5rem;
+    /* size: small */
+    --p-button-sm-padding-x: 0.75rem;
+    --p-button-sm-padding-y: 0.25rem;
+    --p-button-sm-font-size: var(--text-body-SM-detail-text-Regular-size);
+    --p-button-sm-icon-only-width: 2rem;
+    /* size: large */
+    --p-button-lg-padding-x: 1.5rem;
+    --p-button-lg-padding-y: 0.625rem;
+    --p-button-lg-font-size: var(--text-body-LG-article-text-Medium-size);
+    --p-button-lg-icon-only-width: 3rem;
+    /* variant: primary or default */
+    --p-button-primary-background: var(--background-action-high-blue-france);
+    --p-button-primary-hover-background: var(--background-action-high-blue-france-hover);
+    --p-button-primary-active-background: var(--background-action-high-blue-france-active);
+    --p-button-primary-border-color: transparent;
+    --p-button-primary-hover-border-color: transparent;
+    --p-button-primary-active-border-color: transparent;
+    --p-button-primary-color: var(--text-inverted-blue-france);
+    --p-button-primary-hover-color: var(--text-inverted-blue-france);
+    --p-button-primary-active-color: var(--text-inverted-blue-france);
+    /* variant: secondary */
+    --p-button-secondary-background: var(--background-transparent);
+    --p-button-secondary-hover-background: var(--background-transparent-hover);
+    --p-button-secondary-active-background: var(--background-transparent-active);
+    --p-button-secondary-border-color: var(--border-action-high-blue-france);
+    --p-button-secondary-hover-border-color: var(--border-action-high-blue-france);
+    --p-button-secondary-active-border-color: var(--border-action-high-blue-france);
+    --p-button-outlined-secondary-hover-background: var(--background-transparent-hover);
+    --p-button-outlined-secondary-active-background: var(--background-transparent-active);
+    --p-button-outlined-secondary-border-color: var(--border-action-high-blue-france);
+    --p-button-outlined-secondary-color: var(--text-action-high-blue-france);
+    /* variant: tertiary */
+    --p-button-outlined-primary-hover-background: var(--background-transparent-hover);
+    --p-button-outlined-primary-active-background: var(--background-transparent-active);
+    --p-button-outlined-primary-border-color: var(--border-default-grey);
+    --p-button-outlined-primary-color: var(--text-action-high-blue-france);
+    /* variant: no-outline */
+    --p-button-text-primary-hover-background: var(--background-transparent-hover);
+    --p-button-text-primary-active-background: var(--background-transparent-active);
+    --p-button-text-primary-color: var(--text-action-high-blue-france);
+    /* variant: danger */
+    --p-button-danger-background: var(--primary-color-425-red-marianne-default);
+    --p-button-danger-hover-background: var(--primary-color-425-red-marianne-hover);
+    --p-button-danger-active-background: var(--primary-color-425-red-marianne-active);
+    --p-button-danger-border-color: transparent;
+    --p-button-danger-hover-border-color: transparent;
+    --p-button-danger-active-border-color: transparent;
+    --p-button-danger-color: var(--text-inverted-blue-france);
+    --p-button-danger-hover-color: var(--text-inverted-blue-france);
+    --p-button-danger-active-color: var(--text-inverted-blue-france);
+    /* focus */
+    --p-button-focus-ring-width: var(--focus-width);
+    --p-button-focus-ring-style: var(--focus-style);
+    --p-button-focus-ring-offset: var(--focus-offset);
+    --p-button-primary-focus-ring-color: var(--focus-color);
+    --p-button-secondary-focus-ring-color: var(--focus-color);
+    --p-button-danger-focus-ring-color: var(--focus-color);
+}