@everymatrix/casino-filter-page 0.0.224 → 0.0.229

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/casino-filter-page.js +1 -1
  2. package/dist/casino-filter-page.js.map +1 -1
  3. package/package.json +2 -2
  4. package/src/CasinoFilterPage.svelte +19 -19
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/casino-filter-page",
3
- "version": "0.0.224",
3
+ "version": "0.0.229",
4
4
  "main": "dist/casino-filter-page.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": "56c929409f6926e8a96fcfbe5070643a08ae19cd"
39
+ "gitHead": "efee0743817693e5186a61a1477e081208d48fec"
40
40
  }
package/src/CasinoFilterPage.svelte CHANGED
@@ -351,11 +351,11 @@
351
351
  .VendorBox {
352
352
  width: 230px;
353
353
  height: 125px;
354
- border: 1px solid #E6E6E6;
354
+ border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
355
355
  border-radius: 5px;
356
356
  position: relative;
357
357
  &.VendorBoxSelected {
358
- border: 1px solid #D0046C;
358
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
359
359
  }
360
360
  }
361
361
  .VendorImage {
@@ -374,12 +374,12 @@
374
374
  position: absolute;
375
375
  bottom: 5px;
376
376
  right: 5px;
377
- background: #D0046C;
377
+ background: var(--emfe-w-color-primary, #D0046C);
378
378
  .CheckMark {
379
379
  width: 5px;
380
380
  height: 12px;
381
- border-bottom: 2px solid #fff;
382
- border-right: 2px solid #fff;
381
+ border-bottom: 2px solid var(--emfe-w-color-white, #FFFFFF);
382
+ border-right: 2px solid var(--emfe-w-color-white, #FFFFFF);
383
383
  display: inline-block;
384
384
  position: relative;
385
385
  top: -2px;
@@ -394,7 +394,7 @@
394
394
  .ClearFiltersButton, .ApplyFiltersButton {
395
395
  width: 180px;
396
396
  height: 50px;
397
- border: 1px solid #D0046C;
397
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
398
398
  border-radius: 5px;
399
399
  display: flex;
400
400
  align-items: center;
@@ -404,19 +404,19 @@
404
404
  cursor: pointer;
405
405
  transition: border 150ms ease-in-out;
406
406
  &:hover {
407
- border: 1px solid #F9A8D4;
407
+ border: 1px solid var(--emfe-w-color-primary-100, #F1BED9);
408
408
  }
409
409
  }
410
410
  .ClearFiltersButton {
411
- background: #fff;
412
- color: #D0046C;
411
+ background: var(--emfe-w-color-white, #FFFFFF);
412
+ color: var(--emfe-w-color-primary, #D0046C);
413
413
  }
414
414
  .ApplyFiltersButton {
415
- background: #D0046C;
416
- color: #fff;
415
+ background: var(--emfe-w-color-primary, #D0046C);
416
+ color: var(--emfe-w-color-white, #FFFFFF);
417
417
  &.ApplyFilterButtonDisabled {
418
- background: #E6E6E6;
419
- border: 1px solid #E6E6E6;
418
+ background: var(--emfe-w-color-gray-100, #E6E6E6);
419
+ border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
420
420
  pointer-events: none !important;
421
421
  // disable accidental text selection when trying to click on a disabled button
422
422
  -webkit-touch-callout: none; /* iOS Safari */
@@ -428,7 +428,7 @@
428
428
  supported by Chrome, Edge, Opera and Firefox */
429
429
  &:hover {
430
430
  cursor: not-allowed;
431
- border: 1px solid #E6E6E6;
431
+ border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
432
432
  }
433
433
  }
434
434
  }
@@ -438,7 +438,7 @@
438
438
  .FilterHeaderSection {
439
439
  margin-top: 20px;
440
440
  text-align: center;
441
- color: #707070;
441
+ color: var(--emfe-w-color-gray-300, #58586B);
442
442
  .FilterHeaderTitle {
443
443
  font-size: 18px;
444
444
  }
@@ -460,8 +460,8 @@
460
460
  .CheckMark {
461
461
  width: 2px;
462
462
  height: 6px;
463
- border-bottom: 1px solid #fff;
464
- border-right: 1px solid #fff;
463
+ border-bottom: 1px solid var(--emfe-w-color-white, #FFFFFF);
464
+ border-right: 1px solid var(--emfe-w-color-white, #FFFFFF);
465
465
  top: 0px;
466
466
  left: 1px;
467
467
  }
@@ -487,8 +487,8 @@
487
487
  height: 64px;
488
488
  margin: 8px;
489
489
  border-radius: 50%;
490
- border: 6px solid #D0046C;
491
- border-color: #D0046C transparent #D0046C transparent;
490
+ border: 6px solid var(--emfe-w-color-primary, #D0046C);
491
+ border-color: var(--emfe-w-color-primary, #D0046C) transparent var(--emfe-w-color-primary, #D0046C) transparent;
492
492
  animation: lds-dual-ring 1.2s linear infinite;
493
493
  }
494
494
  @keyframes lds-dual-ring {