@designcrowd/fe-shared-lib 1.0.8-ml-82 → 1.0.8-ml-82-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/experiences/components/AuthFlow/SignIn.vue +9 -4
  3. package/src/experiences/components/AuthFlow/SignUp.vue +8 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@designcrowd/fe-shared-lib",
3
- "version": "1.0.8-ml-82",
3
+ "version": "1.0.8-ml-82-2",
4
4
  "scripts": {
5
5
  "start": "npm run storybook",
6
6
  "build": "npm run build:css --production",
package/src/experiences/components/AuthFlow/SignIn.vue CHANGED
@@ -59,7 +59,7 @@
59
59
  <div>
60
60
  <form id="signin" method="post" @submit="validate">
61
61
  <input name="__RequestVerificationToken" type="hidden" :value="antiForgeryToken" />
62
- <label for="userName" class="tw-sr-only"> {{ emailPlaceholderLabel }} </label>
62
+ <label for="userName" class="tw-sr-only"> {{ emailLabel }} </label>
63
63
  <input
64
64
  v-model="aUserName"
65
65
  name="userName"
@@ -68,7 +68,7 @@
68
68
  aria-required="true"
69
69
  :aria-invalid="!!userNameError"
70
70
  autocomplete="email"
71
- placeholder="Email address"
71
+ :placeholder="emailPlaceholderLabel"
72
72
  class="email-input tw-mb-3 tw-h-12 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700"
73
73
  :class="{ 'tw-border-error-500': !!userNameError }"
74
74
  />
@@ -85,7 +85,7 @@
85
85
  aria-required="true"
86
86
  :aria-invalid="!!passwordError"
87
87
  autocomplete="current-password"
88
- placeholder="Password"
88
+ :placeholder="passwordPlaceholderLabel"
89
89
  class="password-input tw-h-12 tw-mb-4 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700"
90
90
  :class="{ 'tw-border-error-500': !!passwordError }"
91
91
  />
@@ -290,11 +290,16 @@ export default {
290
290
  required: false,
291
291
  default: undefined,
292
292
  },
293
- emailPlaceholderLabel: {
293
+ emailLabel: {
294
294
  type: String,
295
295
  requiured: false,
296
296
  default: 'Email'
297
297
  },
298
+ emailPlaceholderLabel: {
299
+ type: String,
300
+ requiured: false,
301
+ default: 'Email Address'
302
+ },
298
303
  passwordPlaceholderLabel: {
299
304
  type: String,
300
305
  requiured: false,
package/src/experiences/components/AuthFlow/SignUp.vue CHANGED
@@ -34,7 +34,7 @@
34
34
  </h2>
35
35
  <form id="signup" method="post" @submit="validate">
36
36
  <input name="__RequestVerificationToken" type="hidden" :value="antiForgeryToken" />
37
- <label for="userName" class="tw-sr-only"> {{ emailPlaceholderLabel }} </label>
37
+ <label for="userName" class="tw-sr-only"> {{ emailLabel }} </label>
38
38
  <input
39
39
  v-model="aUserName"
40
40
  name="userName"
@@ -42,7 +42,7 @@
42
42
  aria-required="true"
43
43
  :aria-invalid="!!userNameError"
44
44
  autocomplete="”email”"
45
- placeholder="Email address"
45
+ :placeholder="emailPlaceholderLabel"
46
46
  class="email-input tw-mb-3 tw-h-12 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700"
47
47
  :class="{ 'tw-border-error-500': !!userNameError }"
48
48
  />
@@ -57,7 +57,7 @@
57
57
  aria-required="true"
58
58
  :aria-invalid="!!passwordError"
59
59
  autocomplete="new-password"
60
- placeholder="Password"
60
+ :placeholder="passwordPlaceholderLabel"
61
61
  class="password-input tw-mb-3 tw-h-12 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700"
62
62
  :class="{ 'tw-border-error-500': !!passwordError }"
63
63
  />
@@ -177,6 +177,11 @@ export default {
177
177
  type: Boolean,
178
178
  default: false,
179
179
  },
180
+ emailLabel: {
181
+ type: String,
182
+ requiured: false,
183
+ default: 'Email'
184
+ },
180
185
  emailPlaceholderLabel: {
181
186
  type: String,
182
187
  requiured: false,