@designcrowd/fe-shared-lib 1.0.8-ml-82-1a → 1.0.8-ml-82-1b

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.0.8-ml-82-1a",
+  "version": "1.0.8-ml-82-1b",
   "scripts": {
     "start": "npm run storybook",
     "build": "npm run build:css --production",

package/src/experiences/components/AuthFlow/ForgotPassword.vue

@@ -32,10 +32,10 @@
         }"
       >
         <div class="tw-w-full tw-p-4 md:tw-p-8">
-          <h2 v-if="title" class="tw-text-center tw-text-4xl tw-font-bold tw-mb-2">
+          <h2 v-if="showTitle" class="tw-text-center tw-text-4xl tw-font-bold tw-mb-10">
             {{ title }}
           </h2>
-          <p class="tw-mb-8 tw-text-grayscale-600">{{ description }}</p>
+          <p class="tw-mb-8 tw-text-grayscale-600">{{ modalDescription }}</p>
           <form id="forgotPassword" ref="forgotPasswordForm" method="post" @submit="validate">
             <input type="hidden" name="__RequestVerificationToken" :value="antiForgeryToken" />
             <label for="email" class="tw-sr-only"> {{ emailLabel }} </label>
@@ -114,6 +114,11 @@ export default {
       required: false,
       default: undefined,
     },
+    hideTitle: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
     forgotPasswordContent: {
       type: Object,
       required: false,
@@ -131,7 +136,7 @@ export default {
       goBackToLoginLabel: this.forgotPasswordContent?.goBackToLoginLabel ?? 'Go back to login',
       emailAddressPlaceholderLabel: this.forgotPasswordContent?.emailAddressPlaceholderLabel ?? 'Email address',
       emailLabel: this.forgotPasswordContent?.emailLabel ?? 'Email',
-      description: this.forgotPasswordContent?.description ?? 'Enter your email below. We will then send a reset-password link to your email address.',
+      modalDescription: this.forgotPasswordContent?.description ?? 'Enter your email below. We will then send a reset-password link to your email address.',
       title: this.forgotPasswordContent?.title ?? 'Forgot your password?',
     };
   },
@@ -146,6 +151,10 @@ export default {
     isModalMode() {
       return this.onGoBackToSignIn !== undefined;
     },
+    showTitle()
+    {
+      return this.title && !this.hideTitle;
+    },
   },
   watch: {
     email(newValue) {