@everymatrix/player-account-self-exclusion 1.17.0 → 1.17.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-account-self-exclusion",
-  "version": "1.17.0",
+  "version": "1.17.2",
   "main": "dist/player-account-self-exclusion",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0e043e4e6292cea395b47f25037b9281ecdfcba2"
+  "gitHead": "462a557bf7dab099fad999a6d0998f5155877620"
 }

package/src/PlayerAccountSelfExclusion.svelte

@@ -137,7 +137,7 @@
   <form class="SelfExclusionWrapper {isMobile ? 'SelfExclusionWrapperMobile' : ''}">
     {#if isMobile}
       <div class="MenuReturnButton" on:click={() => toggleScreen()}>
-        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><defs><style>.aaa{fill:var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));}</style></defs><g transform="translate(-20 -158)">
+        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><defs><style>.aaa{fill:var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));}</style></defs><g transform="translate(-20 -158)">
           <g transform="translate(20 158)">
             <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)"/>
           </g></g>
@@ -183,13 +183,13 @@
 
   .PlayerSelfExclusionTitle {
     font-size: 26px;
-    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
     font-weight: 400;
   }
 
   .PlayerSelfExclusionTitleMobile {
     font-size: 16px;
-    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
   }
 
   .PlayerSelfExclusionTitleNone {
@@ -197,7 +197,7 @@
   }
 
   .SelfExclusionWrapper {
-    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
     padding: 50px;
     max-width: 760px;
     &.SelfExclusionWrapperMobile {
@@ -217,7 +217,7 @@
 
   .SelfExclusionTitle {
     font-size: 26px;
-    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
     font-weight: 400;
     &.SelfExclusionTitleMobile {
       font-size: 14px;
@@ -232,7 +232,7 @@
       line-height: 19px;
     }
     .SelfExclusionDescriptionText a {
-      color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+      color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
     }
   }
 
@@ -300,7 +300,7 @@
     }
 
     input:checked ~ .Checkmark {
-      background-color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+      background-color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
     }
 
     .Checkmark:after {
@@ -343,8 +343,8 @@
       text-transform: uppercase;
       transition-duration: 0.3s;
       box-sizing: border-box;
-      background: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
-      border: 1px solid var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+      background: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
+      border: 1px solid var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
       color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
     }