From ecf60dd2846d9cc1645b3bb5b2ce7fc455851569 Mon Sep 17 00:00:00 2001
From: Xavier Carron <33637571+xav-car@users.noreply.github.com>
Date: Thu, 2 May 2024 15:12:16 +0200
Subject: [PATCH] add wrappedElement option on PixLabel

---
 addon/components/pix-label.js         | 1 +
 addon/components/pix-radio-button.hbs | 1 +
 addon/styles/_pix-label.scss          | 6 ++++++
 addon/styles/_pix-radio-button.scss   | 6 ------
 app/stories/pix-label.stories.js      | 9 +++++++++
 5 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/addon/components/pix-label.js b/addon/components/pix-label.js
index ef6ba80bb..0492e4e54 100644
--- a/addon/components/pix-label.js
+++ b/addon/components/pix-label.js
@@ -5,6 +5,7 @@ export default class PixLabel extends Component {
     const classes = ['pix-label'];
 
     if (this.args.screenReaderOnly) classes.push('screen-reader-only');
+    if (this.args.wrappedElement) classes.push('pix-label--wrapped-element');
     if (this.args.inlineLabel) classes.push('pix-label--inline-label');
     if (this.args.isDisabled) classes.push('pix-label--disabled');
 
diff --git a/addon/components/pix-radio-button.hbs b/addon/components/pix-radio-button.hbs
index 89cbb1673..5c598734f 100644
--- a/addon/components/pix-radio-button.hbs
+++ b/addon/components/pix-radio-button.hbs
@@ -6,6 +6,7 @@
     @screenReaderOnly={{@screenReaderOnly}}
     @isDisabled={{@isDisabled}}
     @inlineLabel={{true}}
+    @wrappedElement={{true}}
   >
     <input
       type="radio"
diff --git a/addon/styles/_pix-label.scss b/addon/styles/_pix-label.scss
index 3c689a0da..56c6c4784 100644
--- a/addon/styles/_pix-label.scss
+++ b/addon/styles/_pix-label.scss
@@ -3,6 +3,12 @@
   color: var(--pix-neutral-900);
   font-weight: var(--pix-font-medium);
 
+  &--wrapped-element {
+    display: flex;
+    gap: var(--pix-spacing-3x);
+    align-items: center;
+  }
+
   &--disabled {
     color: var(--pix-neutral-500);
   }
diff --git a/addon/styles/_pix-radio-button.scss b/addon/styles/_pix-radio-button.scss
index b73bc84f4..48a3a3982 100644
--- a/addon/styles/_pix-radio-button.scss
+++ b/addon/styles/_pix-radio-button.scss
@@ -3,12 +3,6 @@
     margin-top: var(--pix-spacing-4x);
   }
 
-  .pix-label {
-    display: flex;
-    gap: var(--pix-spacing-3x);
-    align-items: center;
-  }
-
   &__input {
     position: relative;
     flex-shrink: 0;
diff --git a/app/stories/pix-label.stories.js b/app/stories/pix-label.stories.js
index f0c04ab16..24adcb038 100644
--- a/app/stories/pix-label.stories.js
+++ b/app/stories/pix-label.stories.js
@@ -56,6 +56,15 @@ export default {
       },
       control: { type: 'boolean' },
     },
+    wrappedElement: {
+      name: 'wrappedElement',
+      description: "Permet de définir si le label englobe l'input associé",
+      type: { name: 'boolean', required: false },
+      table: {
+        defaultValue: { summary: false },
+      },
+      control: { type: 'boolean' },
+    },
   },
 };