@everymatrix/player-bonus-card 1.36.1 → 1.37.0

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-bonus-card.js +1 -1
  2. package/dist/player-bonus-card.js.map +1 -1
  3. package/package.json +2 -2
  4. package/src/PlayerBonusCard.svelte +21 -21
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/player-bonus-card",
3
- "version": "1.36.1",
3
+ "version": "1.37.0",
4
4
  "main": "dist/player-bonus-card",
5
5
  "svelte": "src/index.ts",
6
6
  "scripts": {
@@ -35,5 +35,5 @@
35
35
  "publishConfig": {
36
36
  "access": "public"
37
37
  },
38
- "gitHead": "5ffc382ef56d1d1736e48fec65bba06fbdadc8cf"
38
+ "gitHead": "23b14632ab842e43bf71843de47000e6dd141751"
39
39
  }
package/src/PlayerBonusCard.svelte CHANGED
@@ -132,10 +132,10 @@
132
132
 
133
133
 
134
134
  .BonusCard {
135
- background-color: var(--emfe-w-color-white, #FFFFFF);
135
+ background-color: var(--emw--color-white, #FFFFFF);
136
136
  padding: 10px 20px 20px;
137
- border-radius: 5px;
138
- box-shadow: 0px 3px 12px var(--emfe-w-color-gray-100, #E6E6E6);
137
+ border-radius: var(--emw--border-radius-large, 20px);
138
+ box-shadow: 0px 5px 12px 5px var(--emw--color-gray-100, #E6E6E6);
139
139
  }
140
140
 
141
141
  .BonusCardRow {
@@ -143,26 +143,26 @@
143
143
  justify-content: space-between;
144
144
  align-items: center;
145
145
  padding: 2px 10px;
146
- font-size: 14px;
146
+ font-size: var(--emw--font-size-small, 14px);
147
147
  .BonusCardRowTitle {
148
- color: var(--emfe-w-pam-typography, var(--emfe-w-color-contrast, #07072A));
149
- font-weight: 700;
148
+ color: var(--emw--color-typography-cotrast, #444444);
149
+ font-weight: var(--emw--font-weight-bold, 700);
150
150
  span {
151
- font-weight: 400;
152
- color: var(--emfe-w-color-gray-300, #58586B);
151
+ font-weight: var(--emw--font-weigh-normal, 400);
152
+ color: var(--emw--color-gray-300, #58586B);
153
153
  }
154
154
  }
155
155
  .BonusCardRowText {
156
- color: var(--emfe-w-color-gray-300, #58586B);
156
+ color: var(--emw--color-gray-300, #58586B);
157
157
  &.BonusCardStatus {
158
- font-weight: 700;
159
- color: var(--emfe-w-pam-typography, var(--emfe-w-color-contrast, #07072A));
158
+ font-weight: var(--emw--font-weight-bold, 700);
159
+ color: vvar(--emw--color-typography-cotrast, #444444);
160
160
  }
161
161
  &.StatusActive {
162
- color: var(--emfe-w-color-valid, var(--emfe-w-color-green, #48952a));
162
+ color: var(--emw--color-valid, #48952a);
163
163
  }
164
164
  &.StatusExpired {
165
- color: var(--emfe-w-color-error, var(--emfe-w-color-red, #FD2839));
165
+ color: var(--emw--color-error, #FD2839);
166
166
  }
167
167
  &.StatusForfeited {
168
168
  color: #fd8c2d;
@@ -172,20 +172,20 @@
172
172
  }
173
173
  }
174
174
  &:nth-child(even) {
175
- background-color: var(--emfe-w-color-gray-50, #F9F8F8);
176
- border-radius: 5px;
175
+ background-color: var(--emw--color-gray-50, #F9F8F8);
176
+ border-radius: var(--emw--border-radius-small, 5px);
177
177
  }
178
178
  }
179
179
 
180
180
  .DeleteBonus {
181
- background: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
182
- border: 1px solid var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
183
- color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
181
+ background: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));
182
+ border: 1px solid var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));
183
+ color: var(--emw--button-typography, var(--emw--color-white, #FFFFFF));
184
184
  cursor: pointer;
185
- border-radius: 5px;
185
+ border-radius: var(--emw--border-radius-small, 5px);
186
186
  width: 50%;
187
187
  height: 44px;
188
- font-size: 15px;
188
+ font-size: var(--emw--font-size-medium, 15px);
189
189
  text-transform: uppercase;
190
190
  text-align: center;
191
191
  transition-duration: 0.3s;
@@ -196,7 +196,7 @@
196
196
  width: 100%;
197
197
  }
198
198
  &:active {
199
- background: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
199
+ background: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));
200
200
  }
201
201
  }
202
202
  </style>