@everymatrix/general-player-login-form 1.17.0 → 1.17.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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@everymatrix/general-player-login-form",
|
|
3
|
-
"version": "1.17.
|
|
3
|
+
"version": "1.17.2",
|
|
4
4
|
"main": "dist/general-player-login-form.js",
|
|
5
5
|
"svelte": "src/index.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
"publishConfig": {
|
|
36
36
|
"access": "public"
|
|
37
37
|
},
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "462a557bf7dab099fad999a6d0998f5155877620"
|
|
39
39
|
}
|
|
@@ -438,9 +438,9 @@
|
|
|
438
438
|
<label for="current-password">{$_('loginPassword')}:<span class="FormRequired">*</span></label>
|
|
439
439
|
<input bind:value={userPassword} on:input={validatePassword} type="password" name="current-password" id="current-password" bind:this={passwordVisibilityToggle} autocomplete={savecredentials ? "current-password" : "off"} aria-describedby="password-constraints" required/>
|
|
440
440
|
{#if isPasswordVisible}
|
|
441
|
-
<svg on:click={() => hidePassword()} class="TogglePasswordVisibility" xmlns="http://www.w3.org/2000/svg" width="18.844" height="12.887" viewBox="0 0 18.844 12.887"><defs><style>.a{fill:var(--emfe-w-registration-typography, var(--emfe-w-color-
|
|
441
|
+
<svg on:click={() => hidePassword()} class="TogglePasswordVisibility" xmlns="http://www.w3.org/2000/svg" width="18.844" height="12.887" viewBox="0 0 18.844 12.887"><defs><style>.a{fill:var(--emfe-w-registration-typography, var(--emfe-w-color-background, #07072A));}</style></defs><g transform="translate(-110.856 -23.242)"><circle class="a" cx="0.05" cy="0.05" r="0.05" transform="translate(121.017 31.148)"/><g transform="translate(117.499 27.37)"><path class="a" d="M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z" transform="translate(-142.164 -39.123)"/><path class="a" d="M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z" transform="translate(-136.413 -42.068)"/></g><g transform="translate(110.856 24.899)"><path class="a" d="M122.538,42.061a7.043,7.043,0,0,1-2.325.53,10.373,10.373,0,0,1-4.393-1.482,36.509,36.509,0,0,1-3.873-2.391.13.13,0,0,1,0-.208,44.141,44.141,0,0,1,3.873-2.651c.394-.233.768-.437,1.13-.622l-.686-.838c-.322.167-.651.347-.99.55a37.989,37.989,0,0,0-3.977,2.729,1.21,1.21,0,0,0-.442.962,1.1,1.1,0,0,0,.494.936,34.416,34.416,0,0,0,3.977,2.469,11.468,11.468,0,0,0,4.886,1.611,8.427,8.427,0,0,0,3.039-.725Z" transform="translate(-110.856 -33.157)"/><path class="a" d="M149.119,34.14a45.875,45.875,0,0,0-4.055-2.729,20.541,20.541,0,0,0-2.547-1.248,5.6,5.6,0,0,0-4.79-.017l.7.856a5.254,5.254,0,0,1,1.672-.346,10.072,10.072,0,0,1,4.445,1.663,34.132,34.132,0,0,1,3.925,2.651.13.13,0,0,1,0,.208,40.2,40.2,0,0,1-3.925,2.391c-.179.092-.352.176-.525.26l.684.835c.1-.054.2-.1.309-.159a36.356,36.356,0,0,0,4.055-2.469,1.067,1.067,0,0,0,.52-.936A1.159,1.159,0,0,0,149.119,34.14Z" transform="translate(-130.743 -29.617)"/></g><rect class="a" width="0.972" height="15.861" rx="0.486" transform="translate(114.827 23.858) rotate(-39.315)"/></g></svg>
|
|
442
442
|
{:else}
|
|
443
|
-
<svg on:click={() => showPassword()} class="TogglePasswordVisibility" xmlns="http://www.w3.org/2000/svg" width="18.843" height="10.5" viewBox="0 0 18.843 10.5"><defs><style>.a{fill:var(--emfe-w-registration-typography, var(--emfe-w-color-
|
|
443
|
+
<svg on:click={() => showPassword()} class="TogglePasswordVisibility" xmlns="http://www.w3.org/2000/svg" width="18.843" height="10.5" viewBox="0 0 18.843 10.5"><defs><style>.a{fill:var(--emfe-w-registration-typography, var(--emfe-w-color-background, #07072A));}</style></defs><g transform="translate(-14.185 -27.832)"><path class="a" d="M23.541,38.332a11.467,11.467,0,0,1-4.886-1.611,34.413,34.413,0,0,1-3.976-2.469,1.1,1.1,0,0,1-.494-.936,1.21,1.21,0,0,1,.442-.962A37.986,37.986,0,0,1,18.6,29.625a16.06,16.06,0,0,1,2.521-1.248,6.862,6.862,0,0,1,2.417-.546,6.862,6.862,0,0,1,2.417.546,20.541,20.541,0,0,1,2.547,1.248,45.872,45.872,0,0,1,4.054,2.729,1.159,1.159,0,0,1,.468.962,1.067,1.067,0,0,1-.52.936,36.353,36.353,0,0,1-4.054,2.469A11.2,11.2,0,0,1,23.541,38.332Zm0-9.46a9.813,9.813,0,0,0-4.392,1.663,44.138,44.138,0,0,0-3.873,2.651.13.13,0,0,0,0,.208,36.5,36.5,0,0,0,3.873,2.391,10.372,10.372,0,0,0,4.392,1.481,11.051,11.051,0,0,0,4.444-1.481,40.2,40.2,0,0,0,3.925-2.391.13.13,0,0,0,0-.208h0a34.132,34.132,0,0,0-3.925-2.651A10.072,10.072,0,0,0,23.541,28.872Z" transform="translate(0)"/><circle class="a" cx="2.779" cy="2.779" r="2.779" transform="translate(20.827 30.303)"/></g></svg>
|
|
444
444
|
{/if}
|
|
445
445
|
{#if invalidPassword && simplepasswordvalidation !== 'true'}
|
|
446
446
|
<p class="InvalidInput">{$_('loginPasswordError')}</p>
|
|
@@ -479,7 +479,7 @@
|
|
|
479
479
|
padding: 50px;
|
|
480
480
|
}
|
|
481
481
|
.FormHeaderTitle {
|
|
482
|
-
color: var(--emfe-w-registration-typography, var(--emfe-w-color-
|
|
482
|
+
color: var(--emfe-w-registration-typography, var(--emfe-w-color-contrast, #07072A));
|
|
483
483
|
font-size: 20px;
|
|
484
484
|
font-weight: 300;
|
|
485
485
|
padding: 0;
|
|
@@ -499,7 +499,7 @@
|
|
|
499
499
|
margin: 5px 0 0 0;
|
|
500
500
|
}
|
|
501
501
|
.FormRegisterCallToAction {
|
|
502
|
-
color: var(--emfe-w-registration-color-primary, var(--emfe-w-color-
|
|
502
|
+
color: var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
|
|
503
503
|
font-size: 14px;
|
|
504
504
|
font-weight: 400;
|
|
505
505
|
text-decoration: none;
|
|
@@ -530,9 +530,9 @@
|
|
|
530
530
|
}
|
|
531
531
|
&.InvalidField {
|
|
532
532
|
input {
|
|
533
|
-
border: 1px solid var(--emfe-w-registration-color-primary, var(--emfe-w-color-
|
|
533
|
+
border: 1px solid var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
|
|
534
534
|
background: var(--emfe-w-color-pale, #FBECF4);
|
|
535
|
-
color: var(--emfe-w-registration-color-primary, var(--emfe-w-color-
|
|
535
|
+
color: var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
|
|
536
536
|
}
|
|
537
537
|
}
|
|
538
538
|
}
|
|
@@ -549,7 +549,7 @@
|
|
|
549
549
|
bottom: 55px;
|
|
550
550
|
&.InvalidToggle {
|
|
551
551
|
path, circle, rect {
|
|
552
|
-
fill: var(--emfe-w-registration-color-primary, var(--emfe-w-color-
|
|
552
|
+
fill: var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
|
|
553
553
|
}
|
|
554
554
|
}
|
|
555
555
|
path, circle, rect {
|
|
@@ -558,8 +558,8 @@
|
|
|
558
558
|
}
|
|
559
559
|
.SignInButton {
|
|
560
560
|
color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
|
|
561
|
-
background: var(--emfe-w-registration-color-primary, var(--emfe-w-color-
|
|
562
|
-
border: 1px solid var(--emfe-w-registration-color-primary, var(--emfe-w-color-
|
|
561
|
+
background: var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
|
|
562
|
+
border: 1px solid var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
|
|
563
563
|
border-radius: 5px;
|
|
564
564
|
width: 100%;
|
|
565
565
|
height: 60px;
|
|
@@ -578,7 +578,7 @@
|
|
|
578
578
|
background: transparent;
|
|
579
579
|
font-size: 14px;
|
|
580
580
|
font-weight: 300;
|
|
581
|
-
color: var(--emfe-w-registration-color-primary, var(--emfe-w-color-
|
|
581
|
+
color: var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
|
|
582
582
|
margin-top: 15px;
|
|
583
583
|
cursor: pointer;
|
|
584
584
|
}
|
|
@@ -635,8 +635,8 @@
|
|
|
635
635
|
height: 64px;
|
|
636
636
|
margin: 8px;
|
|
637
637
|
border-radius: 50%;
|
|
638
|
-
border: 6px solid var(--emfe-w-registration-color-primary, var(--emfe-w-color-
|
|
639
|
-
border-color: var(--emfe-w-registration-color-primary, var(--emfe-w-color-
|
|
638
|
+
border: 6px solid var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
|
|
639
|
+
border-color: var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C)) transparent var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C)) transparent;
|
|
640
640
|
animation: Loader 1.2s linear infinite;
|
|
641
641
|
}
|
|
642
642
|
|