@everymatrix/player-account-timeout 1.17.1 → 1.17.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-account-timeout",
-  "version": "1.17.1",
+  "version": "1.17.2",
   "main": "dist/player-account-timeout.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f2155458138e80c61c668cc7e75c645d6f16709c"
+  "gitHead": "462a557bf7dab099fad999a6d0998f5155877620"
 }

package/src/PlayerAccountTimeout.svelte

@@ -82,7 +82,7 @@
   <form class="TimeoutWrapper {isMobile ? 'TimeoutWrapperMobile' : ''}">
     {#if isMobile}
       <div class="MenuReturnButton" part="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>
@@ -113,7 +113,7 @@
 
 
   .TimeoutWrapper {
-    color: var(--emfe-w-pam-typography, var(--emfe-w-color-dunkel, #07072A));
+    color: var(--emfe-w-pam-typography, var(--emfe-w-color-contrast, #07072A));
     padding: 50px;
     max-width: 760px;
 
@@ -124,18 +124,18 @@
   }
 
   .MenuReturnButton{
-    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));
     display: inline-flex;
     align-items: center;
     column-gap: 20px;
     & svg {
-      fill: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+      fill: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
     }
   }
 
   .TimeoutTitle {
     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;
   }
 
@@ -179,8 +179,8 @@
       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);
       background-position: calc(100% - 0.75rem) center;
       &:focus, :focus-within, :focus-visible, :visited {
-        border: 1px solid var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
-        box-shadow: 0 0 0 1pt 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-primary, #D0046C));
+        box-shadow: 0 0 0 1pt var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
       }
       &.TimeoutSelectMobile {
         width: 100%;
@@ -199,8 +199,8 @@
     width: 50%;
 
     .TimeoutSave {
-      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));
       cursor: pointer;
       border-radius: 5px;