@everymatrix/player-profile-info 0.0.222 → 0.0.227

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/player-profile-info.js +1 -1
  2. package/dist/player-profile-info.js.map +1 -1
  3. package/package.json +2 -2
  4. package/src/PlayerProfileInfo.svelte +44 -44
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/player-profile-info",
3
- "version": "0.0.222",
3
+ "version": "0.0.227",
4
4
  "main": "dist/player-profile-info.js",
5
5
  "svelte": "src/index.ts",
6
6
  "scripts": {
@@ -36,5 +36,5 @@
36
36
  "publishConfig": {
37
37
  "access": "public"
38
38
  },
39
- "gitHead": "3f56a3b8fe7c6974efedb51c6584f188e1d31908"
39
+ "gitHead": "87c5d90286e7d4214a1e8f9ec974787cb1fd71a6"
40
40
  }
package/src/PlayerProfileInfo.svelte CHANGED
@@ -365,7 +365,7 @@
365
365
 
366
366
  {#if isMobile}
367
367
  <div class="MenuReturnButton" on:click={() => toggleScreen()}>
368
- <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><defs><style>.aaa{fill:#d0046c;}</style></defs><g transform="translate(-20 -158)">
368
+ <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><defs><style>.aaa{fill:var(--emfe-w-color-primary, #D0046C);}</style></defs><g transform="translate(-20 -158)">
369
369
  <g transform="translate(20 158)">
370
370
  <path class="aaa" d="M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z" transform="translate(15 15) rotate(180)"/>
371
371
  </g></g>
@@ -532,13 +532,13 @@
532
532
 
533
533
  .MyAccountCategoryTitle {
534
534
  font-size: 26px;
535
- color: #D0046C;
535
+ color: var(--emfe-w-color-primary, #D0046C);
536
536
  font-weight: 400;
537
537
  }
538
538
 
539
539
  .MyAccountCategoryTitleMobile {
540
540
  font-size: 16px;
541
- color: #D0046C;
541
+ color: var(--emfe-w-color-primary, #D0046C);
542
542
  }
543
543
 
544
544
  .MyAccountCategoryTitleNone {
@@ -546,8 +546,8 @@
546
546
  }
547
547
 
548
548
  .PlayerInfoWrapper {
549
- color: #07072A;
550
- background: #F9F8F8;
549
+ color: var(--emfe-w-color-contrast, #07072A);
550
+ background: var(--emfe-w-color-gray-50, #F9F8F8);
551
551
  padding: 50px;
552
552
  max-width: 760px;
553
553
  }
@@ -555,7 +555,7 @@
555
555
  .PlayerNotificationsHeader, .PlayerDetailsHeader, .PlayerLocationHeader {
556
556
  h3 {
557
557
  font-size: 16px;
558
- color: #D0046C;
558
+ color: var(--emfe-w-color-primary, #D0046C);
559
559
  text-transform: capitalize;
560
560
  font-weight: 400;
561
561
  }
@@ -571,7 +571,7 @@
571
571
  }
572
572
 
573
573
  .MenuReturnButton{
574
- color: #58586B;
574
+ color: var(--emfe-w-color-gray-300, #58586B);
575
575
  display: inline-flex;
576
576
  align-items: center;
577
577
  column-gap: 10px;
@@ -589,30 +589,30 @@
589
589
  input {
590
590
  font-size: ttp(0.875);
591
591
  font-weight: 300;
592
- color: #07072A;
592
+ color: var(--emfe-w-color-contrast, #07072A);
593
593
  padding: ttp(0.625);
594
594
  line-height: ttp(1);
595
- background: #FFF;
596
- border: 1px solid #D1D1D1;
595
+ background: var(--emfe-w-color-white, #FFFFFF);
596
+ border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
597
597
  border-radius: 5px;
598
598
  outline: none;
599
599
  transition-duration: 0.3s;
600
600
  &:focus, :focus-within, :focus-visible, :visited {
601
- border: 1px solid #D0046C;
602
- box-shadow: 0 0 0 1pt #D0046C;
601
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
602
+ box-shadow: 0 0 0 1pt var(--emfe-w-color-primary, #D0046C);
603
603
  }
604
604
  }
605
605
 
606
606
  &.InvalidField {
607
607
  input {
608
- border: 1px solid #FD2839;
609
- background: #FFF1F1;
610
- color: #FD2839;
608
+ border: 1px solid var(--emfe-w-color-secondary, #FD2839);
609
+ background: var(--emfe-w-color-primary-50, #FBECF4);
610
+ color: var(--emfe-w-color-secondary, #FD2839);
611
611
  }
612
612
  }
613
613
 
614
614
  .InvalidInput {
615
- color: #FD2839;
615
+ color: var(--emfe-w-color-secondary, #FD2839);
616
616
  font-size: 10px;
617
617
  line-height: 10px;
618
618
  }
@@ -631,19 +631,19 @@
631
631
  font-size: ttp(0.875);
632
632
  font-weight: 300;
633
633
  padding: ttp(0.625);
634
- color: #07072A;
635
- border: 1px solid #D1D1D1;
634
+ color: var(--emfe-w-color-contrast, #07072A);
635
+ border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
636
636
  border-radius: ttp(0.3125);
637
637
  outline: none;
638
638
  transition-duration: 0.3s;
639
639
  -webkit-appearance: none;
640
640
  -moz-appearance: none;
641
641
  appearance: none;
642
- 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 #FFF;
642
+ 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);
643
643
  background-position: calc(100% - 0.75rem) center;
644
644
  &:focus, :focus-within, :focus-visible, :visited {
645
- border: 1px solid #D0046C;
646
- box-shadow: 0 0 0 1pt #D0046C;
645
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
646
+ box-shadow: 0 0 0 1pt var(--emfe-w-color-primary, #D0046C);
647
647
  }
648
648
  }
649
649
  /* Chrome, Safari, Edge, Opera */
@@ -690,12 +690,12 @@
690
690
  border-radius: ttp(3.125);
691
691
  outline: none;
692
692
  transition-duration: 0.3s;
693
- background-color: #D1D1D1;
693
+ background-color: var(--emfe-w-color-gray-100, #E6E6E6);
694
694
  cursor: pointer;
695
695
  margin-right: ttp(0.625);
696
696
  }
697
697
  input:checked {
698
- background-color: #D0046C;
698
+ background-color: var(--emfe-w-color-primary, #D0046C);
699
699
  }
700
700
  .Checkmark {
701
701
  left: ttp(0.6875);
@@ -729,17 +729,17 @@
729
729
  align-items: center;
730
730
  justify-content: center;
731
731
  font-size: ttp(1);
732
- color: #07072A;
732
+ color: var(--emfe-w-color-contrast, #07072A);
733
733
  text-transform: uppercase;
734
734
  transition-duration: 0.3s;
735
735
  box-sizing: border-box;
736
736
  }
737
737
  .PlayerDetailsSaveButton {
738
- background: #D0046C;
739
- border: 1px solid #D0046C;
740
- color: #fff;
738
+ background: var(--emfe-w-color-primary, #D0046C);
739
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
740
+ color: var(--emfe-w-color-white, #FFFFFF);
741
741
  &:active {
742
- background: darken(#D0046C, 10);
742
+ background: var(--emfe-w-color-primary-600, #99034F);
743
743
  }
744
744
  &.PlayerButtonDisabled {
745
745
  opacity: 0.3;
@@ -749,13 +749,13 @@
749
749
 
750
750
  .PlayerDetailsCancelButton {
751
751
  background: transparent;
752
- border: 1px solid #58586B;
752
+ border: 1px solid var(--emfe-w-color-gray-300, #58586B);
753
753
  &:active {
754
- background: darken(#fff, 10);
754
+ background: var(--emfe-w-color-primary-600, #99034F);
755
755
  }
756
756
  &.PlayerButtonDisabled {
757
757
  background: transparent;
758
- border: 1px solid #58586B;
758
+ border: 1px solid var(--emfe-w-color-gray-300, #58586B);
759
759
  cursor: not-allowed;
760
760
  opacity: 0.6;
761
761
  }
@@ -776,31 +776,31 @@
776
776
 
777
777
  .PlayerInfoWrapperMobile {
778
778
  padding: ttp(1.25) ttp(0.9375);
779
- background: #F9F8F8;
779
+ background: var(--emfe-w-color-gray-50, #F9F8F8);
780
780
  max-width: unset;
781
781
  .PlayerDetailsContent {
782
782
  grid-template-columns: 1fr;
783
783
  }
784
784
  .PlayerNotificationsHeader, .PlayerDetailsHeader, .PlayerLocationHeader {
785
785
  h3 {
786
- color: #D0046C;
786
+ color: var(--emfe-w-color-primary, #D0046C);
787
787
  font-size: ttp(0.875);
788
788
  font-weight: 400;
789
789
  }
790
790
  }
791
791
  .PlayerInfoBox {
792
792
  label {
793
- color: #58586B;
793
+ color: var(--emfe-w-color-gray-300, #58586B);
794
794
  font-size: ttp(0.75);
795
795
  font-weight: 400;
796
796
  }
797
797
  input {
798
- color: #58586B;
798
+ color: var(--emfe-w-color-gray-300, #58586B);
799
799
  font-size: ttp(0.75);
800
800
  font-weight: 300;
801
801
  }
802
802
  select {
803
- color: #58586B;
803
+ color: var(--emfe-w-color-gray-300, #58586B);
804
804
  }
805
805
  }
806
806
  .PlayerLocationContent {
@@ -809,7 +809,7 @@
809
809
  .PlayerNotificationsCheckboxArea {
810
810
  .PlayerNotificationBox {
811
811
  label {
812
- color: #07072A;
812
+ color: var(--emfe-w-color-contrast, #07072A);
813
813
  font-size: ttp(0.75);
814
814
  font-weight: 300;
815
815
  }
@@ -821,13 +821,13 @@
821
821
  .PlayerDetailsSaveButton, .PlayerDetailsCancelButton {
822
822
  font-size: ttp(0.75);
823
823
  height: ttp(2.5);
824
- color: #fff;
824
+ color: var(--emfe-w-color-white, #FFFFFF);
825
825
  &.PlayerButtonDisabled {
826
- color: #58586B;
826
+ color: var(--emfe-w-color-gray-300, #58586B);
827
827
  }
828
828
  }
829
829
  .PlayerDetailsCancelButton {
830
- color: #58586B;
830
+ color: var(--emfe-w-color-gray-300, #58586B);
831
831
  }
832
832
  }
833
833
 
@@ -881,9 +881,9 @@
881
881
  height: ttp(3.5);
882
882
  }
883
883
  .PlayerDetailsSaveButton {
884
- color: #fff;
884
+ color: var(--emfe-w-color-white, #FFFFFF);
885
885
  &.PlayerButtonDisabled {
886
- color: #58586B;
886
+ color: var(--emfe-w-color-gray-300, #58586B);
887
887
  }
888
888
  }
889
889
  }
@@ -904,8 +904,8 @@
904
904
  }
905
905
  }
906
906
  .PlayerDetailsConfirmSave {
907
- background: #0cdc13;
908
- color: #fff;
907
+ background: var(--emfe-w-color-green, #48952a);
908
+ color: var(--emfe-w-color-white, #FFFFFF);
909
909
  padding: ttp(1);
910
910
  border-radius: 5px;
911
911
  margin-top: ttp(1);