@everymatrix/player-account-timeout 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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/player-account-timeout",
3
- "version": "0.0.222",
3
+ "version": "0.0.227",
4
4
  "main": "dist/player-account-timeout.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
  }
@@ -41,7 +41,7 @@
41
41
  <div class="TimeoutWrapper {isMobile ? 'TimeoutWrapperMobile' : ''}">
42
42
  {#if isMobile}
43
43
  <div class="MenuReturnButton" on:click={() => toggleScreen()}>
44
- <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)">
44
+ <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)">
45
45
  <g transform="translate(20 158)">
46
46
  <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)"/>
47
47
  </g></g>
@@ -80,7 +80,7 @@
80
80
  }
81
81
 
82
82
  .TimeoutWrapper {
83
- color: #07072A;
83
+ color: var(--emfe-w-color-contrast, #07072A);
84
84
  padding: 50px;
85
85
  max-width: 760px;
86
86
 
@@ -91,18 +91,18 @@
91
91
  }
92
92
 
93
93
  .MenuReturnButton{
94
- color: #D0046C;
94
+ color: var(--emfe-w-color-primary, #D0046C);
95
95
  display: inline-flex;
96
96
  align-items: center;
97
97
  column-gap: 20px;
98
98
  & svg {
99
- fill: #D0046C;
99
+ fill: var(--emfe-w-color-primary, #D0046C);
100
100
  }
101
101
  }
102
102
 
103
103
  .TimeoutTitle {
104
104
  font-size: 26px;
105
- color: #D0046C;
105
+ color: var(--emfe-w-color-primary, #D0046C);
106
106
  font-weight: 400;
107
107
  }
108
108
 
@@ -115,7 +115,7 @@
115
115
  }
116
116
 
117
117
  .TimeoutDescription {
118
- color: #58586B;
118
+ color: var(--emfe-w-color-gray-300, #58586B);
119
119
  line-height: ttp(1.5);
120
120
  &.TimeoutDescriptionMobile {
121
121
  font-size: 12px;
@@ -124,7 +124,7 @@
124
124
  }
125
125
 
126
126
  .TimeoutSelectWrapper {
127
- color: #58586B;
127
+ color: var(--emfe-w-color-gray-300, #58586B);
128
128
  display: flex;
129
129
  flex-direction: column;
130
130
  position: relative;
@@ -132,8 +132,8 @@
132
132
  .TimeoutSelect {
133
133
  width: 50%;
134
134
  height: ttp(2.75);
135
- border: 1px solid #D1D1D1;
136
- background: #FFFFFF;
135
+ border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
136
+ background: var(--emfe-w-color-white, #FFFFFF);
137
137
  border-radius: ttp(0.3125);
138
138
  padding: ttp(0.3125);
139
139
  font-size: ttp(0.875);
@@ -145,11 +145,11 @@
145
145
  -webkit-appearance: none;
146
146
  -moz-appearance: none;
147
147
  appearance: none;
148
- 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;
148
+ 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);
149
149
  background-position: calc(100% - 0.75rem) center;
150
150
  &:focus, :focus-within, :focus-visible, :visited {
151
- border: 1px solid #D0046C;
152
- box-shadow: 0 0 0 1pt #D0046C;
151
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
152
+ box-shadow: 0 0 0 1pt var(--emfe-w-color-primary, #D0046C);
153
153
  }
154
154
  &.TimeoutSelectMobile {
155
155
  width: 100%;
@@ -168,9 +168,9 @@
168
168
  width: 50%;
169
169
 
170
170
  .TimeoutSave {
171
- background: #D0046C;
172
- border: 1px solid #D0046C;
173
- color: #fff;
171
+ background: var(--emfe-w-color-primary, #D0046C);
172
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
173
+ color: var(--emfe-w-color-white, #FFFFFF);
174
174
  cursor: pointer;
175
175
  border-radius: ttp(0.3125);
176
176
  width: 100%;