@everymatrix/general-player-register-form 1.36.1 → 1.37.0

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 (4) hide show
  1. package/dist/general-player-register-form.js +1 -1
  2. package/dist/general-player-register-form.js.map +1 -1
  3. package/package.json +2 -2
  4. package/src/GeneralPlayerRegisterForm.svelte +25 -23
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/general-player-register-form",
3
- "version": "1.36.1",
3
+ "version": "1.37.0",
4
4
  "main": "dist/general-player-register-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": "5ffc382ef56d1d1736e48fec65bba06fbdadc8cf"
38
+ "gitHead": "23b14632ab842e43bf71843de47000e6dd141751"
39
39
  }
package/src/GeneralPlayerRegisterForm.svelte CHANGED
@@ -481,7 +481,7 @@ $: translationurl && setTranslationUrl();
481
481
  {/if}
482
482
  {#if showConfirmation}
483
483
  <div class="RegisterConfirmation">
484
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.95 51"><defs><style>.a{fill:#var(--emfe-w-color-valid, var(--emfe-w-color-green, #48952a));}</style></defs><path class="a" d="M29.325,51,0,21.675l5.95-5.95,23.375,22.95L68,0l5.95,5.95Z"/></svg>
484
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.95 51"><defs><style>.a{fill:#var(--emw--color-valid, var(--emw--color-green, #48952a));}</style></defs><path class="a" d="M29.325,51,0,21.675l5.95-5.95,23.375,22.95L68,0l5.95,5.95Z"/></svg>
485
485
  <h2 class="RegisterConfirmationTitle">{accountCreationTitle}</h2>
486
486
  <p class="RegisterConfirmationSubtitle">{accountCreationSubTitle}</p>
487
487
  <p class="RegisterConfirmationNote">{accountCreationMessage}</p>
@@ -497,14 +497,15 @@ $: translationurl && setTranslationUrl();
497
497
 
498
498
 
499
499
  .RegisterFormWrapper {
500
- background: var(--emfe-w-registration-color-bg, var(--emfe-w-color-gray-50, #F9F8F8));
500
+ background: var(--emw--registration-color-bg, var(--emw--color-gray-50, #F9F8F8));
501
+ border-radius: 15px;
501
502
  }
502
503
 
503
504
  .RegisterFormContainer {
504
505
  padding: 25px;
505
506
  height: 404px;
506
507
  overflow-y: auto;
507
- scrollbar-color: var(--emfe-w-color-gray-100, #E6E6E6) var(--emfe-w-color-gray-50, #F9F8F8);
508
+ scrollbar-color: var(--emw--color-gray-100, #E6E6E6) var(--emw--color-gray-50, #F9F8F8);
508
509
  scrollbar-width: thin;
509
510
  &.RegisterFormContainerMobile {
510
511
  padding: 40px 20px;
@@ -519,12 +520,12 @@ $: translationurl && setTranslationUrl();
519
520
 
520
521
  /* Track */
521
522
  .RegisterFormContainer::-webkit-scrollbar-track {
522
- background: var(--emfe-w-color-gray-50, #F9F8F8);
523
+ background: var(--emw--color-gray-50, #F9F8F8);
523
524
  }
524
525
 
525
526
  /* Handle */
526
527
  .RegisterFormContainer::-webkit-scrollbar-thumb {
527
- background: var(--emfe-w-color-gray-100, #E6E6E6);
528
+ background: var(--emw--color-gray-100, #E6E6E6);
528
529
  }
529
530
 
530
531
  .RegisterSteps {
@@ -538,23 +539,24 @@ $: translationurl && setTranslationUrl();
538
539
  .RegisterThirdStepDash {
539
540
  width: 50px;
540
541
  height: 2px;
541
- background-color: var(--emfe-w-color-gray-100, #E6E6E6);
542
+ background-color: var(--emw--color-gray-100, #E6E6E6);
542
543
  }
543
544
 
544
545
  .RegisterStepDashColor {
545
- background-color: var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
546
+ background-color: var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));
546
547
  }
547
548
 
548
549
  .RegisterStepNext {
549
- color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
550
- background: var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
551
- border: 1px solid var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
552
- border-radius: 5px;
550
+ background-image: linear-gradient(to bottom, color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, black 20%), var(--emw--color-primary, #22B04E), color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, white 30%));
551
+ border: 2px solid var(--emw--button-border-color, #0E5924);
552
+ border-radius: var(--emw--button-border-radius, 50px);
553
+ color: var(--emfe-w-button-typography, var(--emw--button-text-color, #FFFFFF));
554
+ font-family: var(--emw--button-typography);
553
555
  width: 100%;
554
556
  height: 60px;
555
557
  padding: 0;
556
558
  text-transform: uppercase;
557
- font-size: 18px;
559
+ font-size: var(--emw--font-size-medium, 16px);
558
560
  cursor: pointer;
559
561
  margin-top: 24px;
560
562
  }
@@ -576,35 +578,35 @@ $: translationurl && setTranslationUrl();
576
578
  width: 74px;
577
579
  }
578
580
  .RegisterConfirmationTitle {
579
- color: var(--emfe-w-color-valid, var(--emfe-w-color-green, #48952a));
581
+ color: var(--emw--color-valid, var(--emw--color-valid, #48952a));
580
582
  font-size: 24px;
581
- font-weight: 400;
583
+ font-weight: var(--emw--font-weight-normal, 400);
582
584
  text-transform: uppercase;
583
585
  margin-bottom: 0;
584
586
  }
585
587
  .RegisterConfirmationSubtitle {
586
- color: var(--emfe-w-registration-contrast, var(--emfe-w-color-gray-300, #58586B));
587
- font-size: 16px;
588
+ color: var(--emw--registration-contrast, var(--emw--color-typography-cotrast, #444444));
589
+ font-size: var(--emw--font-size-medium, 16px);
588
590
  line-height: 19px;
589
591
  margin-bottom: 24px;
590
592
  }
591
593
  .RegisterConfirmationNote {
592
- color: var(--emfe-w-registration-typography, var(--emfe-w-color-contrast, #07072A));
593
- font-size: 18px;
594
+ color: var(--emw--registration-contrast, var(--emw--color-typography-cotrast, #444444));
595
+ font-size: var(--emw--font-size-medium, 16px);
594
596
  line-height: 22px;
595
597
  }
596
598
  }
597
599
 
598
600
  .RegisterConfirmationGoToLogin {
599
- color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
600
- background: var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
601
- border: 1px solid var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
602
- border-radius: 5px;
601
+ background-image: linear-gradient(to bottom, color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, black 20%), var(--emw--color-primary, #22B04E), color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, white 30%));
602
+ border: 2px solid var(--emw--button-border-color, #0E5924);
603
+ border-radius: var(--emw--button-border-radius, 50px);
604
+ color: var(--emfe-w-button-typography, var(--emw--button-text-color, #FFFFFF));
603
605
  width: 100%;
604
606
  height: 60px;
605
607
  padding: 0;
606
608
  text-transform: uppercase;
607
- font-size: 18px;
609
+ font-size: var(--emw--font-size-medium, 16px);
608
610
  cursor: pointer;
609
611
  margin-top: 24px;
610
612
  }