@everymatrix/general-player-register-form 1.37.3 → 1.37.4

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-register-form",
3
- "version": "1.37.3",
3
+ "version": "1.37.4",
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": "df31cbe8e6b206c5aed27f8036ab50826359872e"
38
+ "gitHead": "863252ebf7c846696d9b388f0d288993dbd5065c"
39
39
  }
@@ -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(--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>
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>
485
485
  <h2 class="RegisterConfirmationTitle">{accountCreationTitle}</h2>
486
486
  <p class="RegisterConfirmationSubtitle">{accountCreationSubTitle}</p>
487
487
  <p class="RegisterConfirmationNote">{accountCreationMessage}</p>
@@ -497,15 +497,14 @@ $: translationurl && setTranslationUrl();
497
497
 
498
498
 
499
499
  .RegisterFormWrapper {
500
- background: var(--emw--registration-color-bg, var(--emw--color-gray-50, #F9F8F8));
501
- border-radius: 15px;
500
+ background: var(--emfe-w-registration-color-bg, var(--emfe-w-color-gray-50, #F9F8F8));
502
501
  }
503
502
 
504
503
  .RegisterFormContainer {
505
504
  padding: 25px;
506
505
  height: 404px;
507
506
  overflow-y: auto;
508
- scrollbar-color: var(--emw--color-gray-100, #E6E6E6) var(--emw--color-gray-50, #F9F8F8);
507
+ scrollbar-color: var(--emfe-w-color-gray-100, #E6E6E6) var(--emfe-w-color-gray-50, #F9F8F8);
509
508
  scrollbar-width: thin;
510
509
  &.RegisterFormContainerMobile {
511
510
  padding: 40px 20px;
@@ -520,12 +519,12 @@ $: translationurl && setTranslationUrl();
520
519
 
521
520
  /* Track */
522
521
  .RegisterFormContainer::-webkit-scrollbar-track {
523
- background: var(--emw--color-gray-50, #F9F8F8);
522
+ background: var(--emfe-w-color-gray-50, #F9F8F8);
524
523
  }
525
524
 
526
525
  /* Handle */
527
526
  .RegisterFormContainer::-webkit-scrollbar-thumb {
528
- background: var(--emw--color-gray-100, #E6E6E6);
527
+ background: var(--emfe-w-color-gray-100, #E6E6E6);
529
528
  }
530
529
 
531
530
  .RegisterSteps {
@@ -539,24 +538,23 @@ $: translationurl && setTranslationUrl();
539
538
  .RegisterThirdStepDash {
540
539
  width: 50px;
541
540
  height: 2px;
542
- background-color: var(--emw--color-gray-100, #E6E6E6);
541
+ background-color: var(--emfe-w-color-gray-100, #E6E6E6);
543
542
  }
544
543
 
545
544
  .RegisterStepDashColor {
546
- background-color: var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));
545
+ background-color: var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
547
546
  }
548
547
 
549
548
  .RegisterStepNext {
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);
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;
555
553
  width: 100%;
556
554
  height: 60px;
557
555
  padding: 0;
558
556
  text-transform: uppercase;
559
- font-size: var(--emw--font-size-medium, 16px);
557
+ font-size: 18px;
560
558
  cursor: pointer;
561
559
  margin-top: 24px;
562
560
  }
@@ -578,35 +576,35 @@ $: translationurl && setTranslationUrl();
578
576
  width: 74px;
579
577
  }
580
578
  .RegisterConfirmationTitle {
581
- color: var(--emw--color-valid, var(--emw--color-valid, #48952a));
579
+ color: var(--emfe-w-color-valid, var(--emfe-w-color-green, #48952a));
582
580
  font-size: 24px;
583
- font-weight: var(--emw--font-weight-normal, 400);
581
+ font-weight: 400;
584
582
  text-transform: uppercase;
585
583
  margin-bottom: 0;
586
584
  }
587
585
  .RegisterConfirmationSubtitle {
588
- color: var(--emw--registration-contrast, var(--emw--color-typography-cotrast, #444444));
589
- font-size: var(--emw--font-size-medium, 16px);
586
+ color: var(--emfe-w-registration-contrast, var(--emfe-w-color-gray-300, #58586B));
587
+ font-size: 16px;
590
588
  line-height: 19px;
591
589
  margin-bottom: 24px;
592
590
  }
593
591
  .RegisterConfirmationNote {
594
- color: var(--emw--registration-contrast, var(--emw--color-typography-cotrast, #444444));
595
- font-size: var(--emw--font-size-medium, 16px);
592
+ color: var(--emfe-w-registration-typography, var(--emfe-w-color-contrast, #07072A));
593
+ font-size: 18px;
596
594
  line-height: 22px;
597
595
  }
598
596
  }
599
597
 
600
598
  .RegisterConfirmationGoToLogin {
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));
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;
605
603
  width: 100%;
606
604
  height: 60px;
607
605
  padding: 0;
608
606
  text-transform: uppercase;
609
- font-size: var(--emw--font-size-medium, 16px);
607
+ font-size: 18px;
610
608
  cursor: pointer;
611
609
  margin-top: 24px;
612
610
  }