@everymatrix/general-player-register-form-step2 1.37.2 → 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.
Files changed (5) hide show
  1. package/dist/general-player-register-form-step2.js +1 -1
  2. package/dist/general-player-register-form-step2.js.map +1 -1
  3. package/package.json +2 -2
  4. package/src/GeneralPlayerRegisterFormStep2.svelte +40 -49
  5. package/CHANGELOG.md +0 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/general-player-register-form-step2",
3
- "version": "1.37.2",
3
+ "version": "1.37.4",
4
4
  "main": "dist/general-player-register-form-step2.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": "0a314fe46510038a31ea77b611f22f5429a56d49"
38
+ "gitHead": "863252ebf7c846696d9b388f0d288993dbd5065c"
39
39
  }
package/src/GeneralPlayerRegisterFormStep2.svelte CHANGED
@@ -41,7 +41,7 @@
41
41
  let birthYears:Array<Object> = [];
42
42
  let birthYearSelected:number;
43
43
  let birthPlace:string = '';
44
- let currencies:Array<Object> = ['EUR', 'USD'];
44
+ let currencies:Array<Object> = [];
45
45
  let currencySelected:any = '';
46
46
  let personalId:string = '';
47
47
  let currentDate:Date = new Date();
@@ -296,7 +296,7 @@
296
296
  <div bind:this={customStylingContainer}>
297
297
  <div class="RegisterFormHeader">
298
298
  <button class="BackButton" on:click={goBack}>
299
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.a{fill:var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));}</style></defs><path class="a" d="M12,0,9.818,2.182l8.26,8.26H0v3.117H18.078l-8.26,8.26L12,24,24,12Z" transform="translate(24 24) rotate(180)"/></svg>
299
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.a{fill:var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));}</style></defs><path class="a" d="M12,0,9.818,2.182l8.26,8.26H0v3.117H18.078l-8.26,8.26L12,24,24,12Z" transform="translate(24 24) rotate(180)"/></svg>
300
300
  {$_('registerBackButton')}
301
301
  </button>
302
302
  </div>
@@ -398,13 +398,9 @@
398
398
 
399
399
  <style lang="scss">
400
400
 
401
- input, select {
402
- font-family: inherit;
403
- }
404
-
405
401
  .BackButton {
406
402
  display: inline-flex;
407
- color: var(--emw--registration-contrast, var(--emw--color-typography-cotrast, #444444));
403
+ color: var(--emfe-w-registration-typography, var(--emfe-w-color-contrast, #07072A));
408
404
  height: 15px;
409
405
  border-radius: 5px;
410
406
  border: none;
@@ -418,15 +414,15 @@
418
414
  width: 20px;
419
415
  height: 20px;
420
416
  margin-right: 24px;
421
- fill: var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));
417
+ fill: var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
422
418
  }
423
419
  }
424
420
 
425
421
  .UserTitleContainer,
426
422
  .CurrencyContainer {
427
423
  label {
428
- font-size: var(--emw--font-size-small, 14px);
429
- font-weight: var(--emw--font-weight-light, 300);
424
+ font-size: 14px;
425
+ font-weight: 300;
430
426
  padding-bottom: 5px;
431
427
 
432
428
  }
@@ -434,21 +430,21 @@
434
430
  select {
435
431
  width: 100%;
436
432
  height: 44px;
437
- border: 1px solid var(--emw--color-gray-100, #E6E6E6);
433
+ border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
438
434
  border-radius: 5px;
439
435
  box-sizing: border-box;
440
436
  padding: 5px 15px;
441
- font-size: var(--emw--font-size-medium, 16px);
437
+ font-size: 16px;
442
438
  line-height: 18px;
443
439
  -webkit-appearance: none;
444
440
  -moz-appearance: none;
445
441
  appearance: none;
446
- background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat var(--emw--color-white, #FFFFFF);
442
+ background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat var(--emfe-w-color-white, #FFFFFF);
447
443
  background-position: calc(100% - 0.75rem) center;
448
444
 
449
445
  &:focus, :focus-within, :focus-visible, :visited {
450
- border: 1px solid var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));
451
- box-shadow: 0 0 0 1pt var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));
446
+ border: 1px solid var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
447
+ box-shadow: 0 0 0 1pt var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
452
448
  }
453
449
  }
454
450
  }
@@ -460,39 +456,34 @@
460
456
  .BirthPlaceContainer,
461
457
  .PersonalIdContainer,
462
458
  .CurrencyContainer {
463
- color: var(--emw--registration-contrast, var(--emw--color-typography-cotrast, #444444));
459
+ color: var(--emfe-w-registration-contrast, var(--emfe-w-color-gray-300, #58586B));
464
460
  display: flex;
465
461
  flex-direction: column;
466
462
  padding-bottom: 30px;
467
463
  position: relative;
468
464
 
469
465
  label {
470
- font-size: var(--emw--font-size-small, 14px);
471
- font-weight: var(--emw--font-weight-light, 300);
466
+ font-size: 14px;
467
+ font-weight: 300;
472
468
  padding-bottom: 5px;
473
469
  }
474
470
 
475
471
  input, select {
476
472
  width: 100%;
477
473
  height: 44px;
478
- border-radius: var(--emw--border-radius-medium, 15px);
479
- border: 1px solid var(--emw--registration-contrast, var(--emw--color-typography-cotrast, #444444));
474
+ border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
475
+ border-radius: 5px;
480
476
  box-sizing: border-box;
481
477
  padding: 5px 15px;
482
- font-size: var(--emw--font-size-medium, 16px);
478
+ font-size: 16px;
483
479
  line-height: 18px;
484
-
485
- &:focus {
486
- border: 2px solid var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));
487
- outline: none;
488
- }
489
480
  }
490
481
 
491
482
  &.InvalidField {
492
483
  input {
493
- border: 1px solid var(--emw--color-error, #ed0909);;
494
- background: var(--emw--color-pale, #FBECF4);
495
- color: var(--emw--registration-contrast, var(--emw--color-typography-cotrast, #444444));
484
+ border: 1px solid var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
485
+ background: var(--emfe-w-color-pale, #FBECF4);
486
+ color: var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
496
487
  }
497
488
  }
498
489
 
@@ -510,12 +501,12 @@
510
501
  -webkit-appearance: none;
511
502
  -moz-appearance: none;
512
503
  appearance: none;
513
- background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat var(--emw--color-white, #FFFFFF);
504
+ background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat var(--emfe-w-color-white, #FFFFFF);
514
505
  background-position: calc(100% - 0.75rem) center;
515
506
 
516
507
  &:focus, :focus-within, :focus-visible, :visited {
517
- border: 1px solid var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));
518
- box-shadow: 0 0 0 1pt var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));
508
+ border: 1px solid var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
509
+ box-shadow: 0 0 0 1pt var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
519
510
  }
520
511
  }
521
512
 
@@ -524,12 +515,12 @@
524
515
  -webkit-appearance: none;
525
516
  -moz-appearance: none;
526
517
  appearance: none;
527
- background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat var(--emw--color-white, #FFFFFF);
518
+ background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat var(--emfe-w-color-white, #FFFFFF);
528
519
  background-position: calc(100% - 0.75rem) center;
529
520
 
530
521
  &:focus, :focus-within, :focus-visible, :visited {
531
- border: 1px solid var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));
532
- box-shadow: 0 0 0 1pt var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));
522
+ border: 1px solid var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
523
+ box-shadow: 0 0 0 1pt var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
533
524
  }
534
525
  }
535
526
 
@@ -538,22 +529,22 @@
538
529
  -webkit-appearance: none;
539
530
  -moz-appearance: none;
540
531
  appearance: none;
541
- background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat var(--emw--color-white, #FFFFFF);
532
+ background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat var(--emfe-w-color-white, #FFFFFF);
542
533
  background-position: calc(100% - 0.75rem) center;
543
534
 
544
535
  &:focus, :focus-within, :focus-visible, :visited {
545
- border: 1px solid var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));
546
- box-shadow: 0 0 0 1pt var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));
536
+ border: 1px solid var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
537
+ box-shadow: 0 0 0 1pt var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
547
538
  }
548
539
  }
549
540
  }
550
541
 
551
542
  .FormRequired {
552
- color: var(--emw--categories-color-secondary, var(--emw--color-secondary, #E1A749));
543
+ color: var(--emfe-w-categories-color-secondary, var(--emfe-w-color-secondary, #FD2839));
553
544
  }
554
545
 
555
546
  .InvalidInput {
556
- color: var(--emw--color-error, #ed0909);;
547
+ color: var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909));
557
548
  font-size: 10px;
558
549
  position: absolute;
559
550
  bottom: -3px;
@@ -562,25 +553,25 @@
562
553
 
563
554
  .ErrorMessage {
564
555
  margin: 0 0 15px 0;
565
- font-size: var(--emw--font-size-x-small, 12px);
566
- color: var(--emw--color-error, #ed0909);;
556
+ font-size: 12px;
557
+ color: var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909));
567
558
  }
568
559
 
569
560
  .RegisterStepNext {
570
- 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%));
571
- border: 2px solid var(--emw--button-border-color, #0E5924);
572
- border-radius: var(--emw--button-border-radius, 50px);
573
- color: var(--emw--button-typography, var(--emw--button-text-color, #FFFFFF));
561
+ color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
562
+ background: var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
563
+ border: 1px solid var(--emfe-w-registration-color-primary, var(--emfe-w-color-primary, #D0046C));
564
+ border-radius: 5px;
574
565
  width: 100%;
575
566
  height: 60px;
576
567
  padding: 0;
577
568
  text-transform: uppercase;
578
- font-size: var(--emw--font-size-medium, 16px);
569
+ font-size: 18px;
579
570
  cursor: pointer;
580
571
  margin-top: 24px;
581
572
  &[disabled] {
582
- background: var(--emw--color-gray-100, #E6E6E6);
583
- border: 1px solid var(--emw--color-gray-150, #828282);
573
+ background: var(--emfe-w-color-gray-100, #E6E6E6);
574
+ border: 1px solid var(--emfe-w-color-gray-150, #828282);
584
575
  cursor: not-allowed;
585
576
  }
586
577
  }
package/CHANGELOG.md DELETED
@@ -1,6 +0,0 @@
1
-
2
- ## general-player-register-form-step2 widget changelogs
3
-
4
- | Version | Release date | Impacted areas | Changes |
5
- | ------- | ------------ | ----------------------------- | --------------------------------------- |
6
- | 1.37.0 | Tue Aug 06 2024 | general-player-register-form-step2 | feat(EMFE-31659)(general-player-forgot-password-form,general-player-login-form,general-player-login-register-page,general-player-register-form,general-player-register-form-step1,general-player-register-form-step2,general-player-register-form-step3): updat |