@everymatrix/player-active-bonuses 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-active-bonuses.js +1 -1
  2. package/dist/player-active-bonuses.js.map +1 -1
  3. package/package.json +2 -2
  4. package/src/PlayerActiveBonuses.svelte +33 -33
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/player-active-bonuses",
3
- "version": "0.0.222",
3
+ "version": "0.0.227",
4
4
  "main": "dist/player-active-bonuses",
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/PlayerActiveBonuses.svelte CHANGED
@@ -181,7 +181,7 @@
181
181
  <div class="ActiveBonusesWrapper {isMobile ? 'ActiveBonusesWrapperMobile' : ''}">
182
182
  {#if isMobile}
183
183
  <div class="MenuReturnButton" on:click={() => toggleScreen()}>
184
- <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)">
184
+ <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)">
185
185
  <g transform="translate(20 158)">
186
186
  <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)"/>
187
187
  </g></g>
@@ -276,7 +276,7 @@
276
276
  }
277
277
 
278
278
  .ActiveBonusesWrapper {
279
- color: #07072A;
279
+ color: var(--emfe-w-color-contrast, #07072A);
280
280
  padding: 50px;
281
281
  max-width: 850px;
282
282
 
@@ -287,19 +287,19 @@
287
287
  }
288
288
 
289
289
  .MenuReturnButton{
290
- color: #D0046C;
290
+ color: var(--emfe-w-color-primary, #D0046C);
291
291
  display: inline-flex;
292
292
  align-items: center;
293
293
  column-gap: 10px;
294
294
  margin-bottom: 30px;
295
295
  & svg {
296
- fill: #D0046C;
296
+ fill: var(--emfe-w-color-primary, #D0046C);
297
297
  }
298
298
  }
299
299
 
300
300
  .ActiveBonusesTitle {
301
301
  font-size: 26px;
302
- color: #D0046C;
302
+ color: var(--emfe-w-color-primary, #D0046C);
303
303
  font-weight: 400;
304
304
  }
305
305
 
@@ -312,7 +312,7 @@
312
312
  }
313
313
 
314
314
  .BonusCodeContainer {
315
- color: #58586B;
315
+ color: var(--emfe-w-color-gray-300, #58586B);
316
316
  display: flex;
317
317
  flex-direction: column;
318
318
  padding-bottom: ttp(1.875);
@@ -339,7 +339,7 @@
339
339
  .BonusCodeInput {
340
340
  width: 70%;
341
341
  height: ttp(2.75);
342
- border: 1px solid #D1D1D1;
342
+ border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
343
343
  border-radius: ttp(0.3125);
344
344
  padding: ttp(0.3125);
345
345
  font-size: ttp(0.875);
@@ -348,7 +348,7 @@
348
348
  font-size: ttp(1);
349
349
  line-height: ttp(1.125);
350
350
  &:focus {
351
- outline-color: #D0046C;
351
+ outline-color: var(--emfe-w-color-primary, #D0046C);
352
352
  }
353
353
  &.BonusCodeInputMobile {
354
354
  width: 100%;
@@ -356,9 +356,9 @@
356
356
  }
357
357
 
358
358
  .SubmitBonusCode {
359
- background: #D0046C;
360
- border: 1px solid #D0046C;
361
- color: #fff;
359
+ background: var(--emfe-w-color-primary, #D0046C);
360
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
361
+ color: var(--emfe-w-color-white, #FFFFFF);
362
362
  cursor: pointer;
363
363
  border-radius: 5px;
364
364
  width: 30%;
@@ -377,21 +377,21 @@
377
377
  width: 100%;
378
378
  }
379
379
  &:active {
380
- background: darken(#D0046C, 10);
380
+ background: var(--emfe-w-color-primary-600, #99034F);
381
381
  }
382
382
  }
383
383
  }
384
384
 
385
385
  &.InvalidField {
386
386
  input {
387
- border: 1px solid #D0046C;
388
- background: #FBECF4;
389
- color: #D0046C;
387
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
388
+ background: var(--emfe-w-color-primary-50, #FBECF4);
389
+ color: var(--emfe-w-color-primary, #D0046C);
390
390
  }
391
391
  }
392
392
 
393
393
  .InvalidBonusCodeMessage {
394
- color: #FD2839;
394
+ color: var(--emfe-w-color-secondary, #FD2839);
395
395
  }
396
396
  }
397
397
 
@@ -401,9 +401,9 @@
401
401
  }
402
402
 
403
403
  .SubmitBonusCode {
404
- background: #D0046C;
405
- border: 1px solid #D0046C;
406
- color: #fff;
404
+ background: var(--emfe-w-color-primary, #D0046C);
405
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
406
+ color: var(--emfe-w-color-white, #FFFFFF);
407
407
  cursor: pointer;
408
408
  border-radius: 5px;
409
409
  width: 30%;
@@ -419,7 +419,7 @@
419
419
  }
420
420
 
421
421
  &:active {
422
- background: darken(#D0046C, 10);
422
+ background: var(--emfe-w-color-primary-600, #99034F);
423
423
  }
424
424
  }
425
425
 
@@ -444,10 +444,10 @@
444
444
  justify-content: center;
445
445
  align-items: center;
446
446
  .ModalContent {
447
- background-color: #fff;
447
+ background-color: var(--emfe-w-color-white, #FFFFFF);
448
448
  position: relative;
449
449
  padding: 80px;
450
- border-top: 5px solid #FD2839;
450
+ border-top: 5px solid var(--emfe-w-color-secondary, #FD2839);
451
451
  border-radius: 5px;
452
452
  .ModalClose {
453
453
  position: absolute;
@@ -463,7 +463,7 @@
463
463
  left: -2px;
464
464
  width: 40px;
465
465
  height: 4px;
466
- background-color: #FD2839;
466
+ background-color: var(--emfe-w-color-secondary, #FD2839);
467
467
  transform: rotate(45deg);
468
468
  }
469
469
  &:after {
@@ -472,7 +472,7 @@
472
472
  }
473
473
  }
474
474
  .ModalBody {
475
- background-color: #F9F8F8;
475
+ background-color: var(--emfe-w-color-gray-50, #F9F8F8);
476
476
  padding: 30px 60px;
477
477
  text-align: center;
478
478
  .ModalText {
@@ -484,8 +484,8 @@
484
484
  }
485
485
  .ModalCancel, .ModalConfirm {
486
486
  background: transparent;
487
- border: 1px solid #58586B;
488
- color: #58586B;
487
+ border: 1px solid var(--emfe-w-color-gray-300, #58586B);
488
+ color: var(--emfe-w-color-gray-300, #58586B);
489
489
  cursor: pointer;
490
490
  border-radius: 5px;
491
491
  width: 330px;
@@ -498,9 +498,9 @@
498
498
  padding: 10px;
499
499
  }
500
500
  .ModalConfirm {
501
- background: #D0046C;
502
- border: 1px solid #D0046C;
503
- color: #fff;
501
+ background: var(--emfe-w-color-primary, #D0046C);
502
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
503
+ color: var(--emfe-w-color-white, #FFFFFF);
504
504
  }
505
505
  }
506
506
  }
@@ -534,24 +534,24 @@
534
534
  text-align: center;
535
535
  }
536
536
  .BonusesFirst, .BonusesPrev, .BonusesNext, .BonusesLast {
537
- color: #D0046C;
537
+ color: var(--emfe-w-color-primary, #D0046C);
538
538
  font-size: 16px;
539
539
  cursor: pointer;
540
540
  padding: 5px 10px;
541
541
  font-weight: 700;
542
542
  &.Inactive {
543
- color: #D1D1D1;
543
+ color: var(--emfe-w-color-gray-100, #E6E6E6);
544
544
  cursor: default;
545
545
  }
546
546
  }
547
547
  .BonusesPage {
548
548
  margin: 0 5px;
549
- color: #58586B;
549
+ color: var(--emfe-w-color-gray-300, #58586B);
550
550
  font-size: 16px;
551
551
  cursor: pointer;
552
552
  padding: 5px 10px;
553
553
  &.BonusPageActive {
554
- background-color: #fff;
554
+ background-color: var(--emfe-w-color-white, #FFFFFF);
555
555
  font-weight: 700;
556
556
  }
557
557
  }