project-booster-vue 9.11.0 → 9.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-booster-vue",
-  "version": "9.11.0",
+  "version": "9.12.0",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -119,12 +119,12 @@
     "@typescript-eslint/parser": "4.18.0",
     "@vue/babel-preset-app": "4.5.13",
     "@vue/compat": "3.2.6",
-    "@vue/cli": "5.0.0-beta.7",
-    "@vue/cli-plugin-babel": "5.0.0-beta.7",
-    "@vue/cli-plugin-eslint": "5.0.0-beta.7",
-    "@vue/cli-plugin-typescript": "4.5.13",
+    "@vue/cli": "5.0.4",
+    "@vue/cli-plugin-babel": "5.0.4",
+    "@vue/cli-plugin-eslint": "5.0.4",
+    "@vue/cli-plugin-typescript": "5.0.4",
     "@vue/cli-plugin-unit-jest": "4.5.16",
-    "@vue/cli-service": "5.0.0-beta.7",
+    "@vue/cli-service": "5.0.4",
     "@vue/compiler-sfc": "3.2.31",
     "@vue/eslint-config-prettier": "6.0.0",
     "@vue/eslint-config-standard": "6.0.0",

package/src/components/mozaic/notifications/MNotification.stories.mdx

@@ -184,7 +184,22 @@ export const TemplateSandbox = (args, { argTypes }) => ({
           <m-notification title="success" type="success" />
           <m-notification title="warning" type="warning" />
           <m-notification title="danger" type="danger" />
-          <m-notification title="appointment" is-big />
+        </div>
+      `,
+    }}
+  </Story>
+</Canvas>
+
+## **isBig** prop
+
+<Canvas>
+  <Story name="Showcase - Is big" parameters={{ controls: { disable: true } }}>
+    {{
+      components: { MNotification },
+      template: `
+        <div style="display: flex;flex-direction: column;gap: 1rem;">
+          <m-notification title="Normal" text="Some text" type="information" link-label="The lnk label" link-href="#"/>
+          <m-notification title="Big" text="Some text" type="information" link-label="The lnk label" link-href="#" is-big />
         </div>
       `,
     }}

package/src/components/mozaic/notifications/MNotification.vue

@@ -252,10 +252,16 @@ $responsive-breakpoint: 'm';
 
     .mc-notification__message {
       @include set-font-scale('06', 's');
+
+      margin-top: $mu100;
     }
 
-    .mc-notification__link .mc-link__label {
-      @include set-font-scale('06', 's');
+    .mc-notification__link {
+      margin-top: $mu100;
+
+      .mc-link__label {
+        @include set-font-scale('06', 's');
+      }
     }
   }
 

package/src/components/projects/project-hub/PbProjectHub.vue

@@ -130,7 +130,7 @@
                   </m-flexy>
                   <m-link
                     class="pb-project-hub__section-content-link"
-                    label="Gérer vos documents"
+                    label="Gérer les documents"
                     @click="$router.push({ name: 'PbDocuments' })"
                   />
                 </m-container>
@@ -442,7 +442,7 @@
                   </m-flexy>
                   <m-link
                     class="pb-project-hub__section-content-link"
-                    label="Gérer vos inspirations"
+                    label="Gérer les inspirations"
                     @click="$router.push({ name: 'PbInspirations' })"
                   />
                 </m-container>
@@ -1129,7 +1129,7 @@ export default defineComponent({
       })} à ${appointmentDate.toLocaleTimeString('fr-FR', { hour: '2-digit', minute: '2-digit' })}`;
       const appointmentTypeLabel = (<Record<string, string>>{
         KITCHEN_IN_STORE: 'en magasin',
-        KITCHEN_REMOTE: 'en visio-conférence',
+        KITCHEN_REMOTE: 'à distance',
       })[this.appointment.appointmentType];
       return `${prefix} le ${appointmenDateLabel} ${appointmentTypeLabel}`;
     },
@@ -1140,8 +1140,8 @@ export default defineComponent({
         : this.appointment.isPast
         ? 'Date du rendez-vous passée.'
         : this.appointment.appointmentType === 'KITCHEN_IN_STORE'
-        ? 'N’oubliez pas !'
-        : "Retrouvez le lien d'accès à la visio-conférence dans le mail qui vous est envoyé. \n" + 'N’oubliez pas !';
+        ? 'Si vous le souhaitez vous pourrez annuler le rendez-vous dans le mail qui vous a été envoyé.<br/>N’oubliez pas !'
+        : "Retrouvez le lien d'accès à la visio-conférence dans le mail qui vous a été envoyé.<br/>Si vous le souhaitez vous pourrez annuler le rendez-vous dans ce mail.<br/>N’oubliez pas !";
     },
 
     appointmentNotificationLinkLabel() {