@smilodon/core 1.4.5 → 1.4.6

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/dist/index.umd.js CHANGED
@@ -1522,11 +1522,11 @@
1522
1522
  }
1523
1523
 
1524
1524
  .option-container:hover {
1525
- background-color: var(--select-option-hover-bg, #f0f0f0);
1525
+ background: var(--select-option-hover-bg, #f0f0f0);
1526
1526
  }
1527
1527
 
1528
1528
  .option-container.selected {
1529
- background-color: var(--select-option-selected-bg, #e3f2fd);
1529
+ background: var(--select-option-selected-bg, #e3f2fd);
1530
1530
  color: var(--select-option-selected-color, #1976d2);
1531
1531
  border: var(--select-option-selected-border, var(--select-option-border, none));
1532
1532
  border-bottom: var(--select-option-selected-border-bottom, var(--select-option-border-bottom, none));
@@ -1536,7 +1536,7 @@
1536
1536
  }
1537
1537
 
1538
1538
  .option-container.selected:hover {
1539
- background-color: var(--select-option-selected-hover-bg, var(--select-option-selected-bg, #e3f2fd));
1539
+ background: var(--select-option-selected-hover-bg, var(--select-option-selected-bg, #e3f2fd));
1540
1540
  color: var(--select-option-selected-hover-color, var(--select-option-selected-color, #1976d2));
1541
1541
  border: var(--select-option-selected-hover-border, var(--select-option-selected-border, var(--select-option-border, none)));
1542
1542
  border-bottom: var(--select-option-selected-hover-border-bottom, var(--select-option-selected-border-bottom, var(--select-option-border-bottom, none)));
@@ -2409,12 +2409,12 @@
2409
2409
  }
2410
2410
 
2411
2411
  .option:hover {
2412
- background-color: var(--select-option-hover-bg, #f3f4f6);
2412
+ background: var(--select-option-hover-bg, #f3f4f6);
2413
2413
  color: var(--select-option-hover-color, #1f2937);
2414
2414
  }
2415
2415
 
2416
2416
  .option.selected {
2417
- background-color: var(--select-option-selected-bg, #e0e7ff);
2417
+ background: var(--select-option-selected-bg, #e0e7ff);
2418
2418
  color: var(--select-option-selected-color, #4338ca);
2419
2419
  font-weight: var(--select-option-selected-weight, 500);
2420
2420
  border: var(--select-option-selected-border, var(--select-option-border, none));
@@ -2425,7 +2425,7 @@
2425
2425
  }
2426
2426
 
2427
2427
  .option.selected:hover {
2428
- background-color: var(--select-option-selected-hover-bg, var(--select-option-selected-bg, #e0e7ff));
2428
+ background: var(--select-option-selected-hover-bg, var(--select-option-selected-bg, #e0e7ff));
2429
2429
  color: var(--select-option-selected-hover-color, var(--select-option-selected-color, #4338ca));
2430
2430
  border: var(--select-option-selected-hover-border, var(--select-option-selected-border, var(--select-option-border, none)));
2431
2431
  border-bottom: var(--select-option-selected-hover-border-bottom, var(--select-option-selected-border-bottom, var(--select-option-border-bottom, none)));
@@ -2434,14 +2434,14 @@
2434
2434
  }
2435
2435
 
2436
2436
  .option.active:not(.selected) {
2437
- background-color: var(--select-option-active-bg, #f3f4f6);
2437
+ background: var(--select-option-active-bg, #f3f4f6);
2438
2438
  color: var(--select-option-active-color, #1f2937);
2439
2439
  outline: var(--select-option-active-outline, 2px solid rgba(99, 102, 241, 0.45));
2440
2440
  outline-offset: -2px;
2441
2441
  }
2442
2442
 
2443
2443
  .option.selected.active {
2444
- background-color: var(--select-option-selected-active-bg, var(--select-option-selected-bg, #e0e7ff));
2444
+ background: var(--select-option-selected-active-bg, var(--select-option-selected-bg, #e0e7ff));
2445
2445
  color: var(--select-option-selected-active-color, var(--select-option-selected-color, #4338ca));
2446
2446
  border: var(--select-option-selected-active-border, var(--select-option-selected-border, var(--select-option-border, none)));
2447
2447
  border-bottom: var(--select-option-selected-active-border-bottom, var(--select-option-selected-border-bottom, var(--select-option-border-bottom, none)));
@@ -2452,11 +2452,11 @@
2452
2452
  }
2453
2453
 
2454
2454
  .option:active:not(.selected) {
2455
- background-color: var(--select-option-pressed-bg, #e5e7eb);
2455
+ background: var(--select-option-pressed-bg, #e5e7eb);
2456
2456
  }
2457
2457
 
2458
2458
  .option.selected:active {
2459
- background-color: var(--select-option-selected-pressed-bg, var(--select-option-selected-hover-bg, var(--select-option-selected-bg, #e0e7ff)));
2459
+ background: var(--select-option-selected-pressed-bg, var(--select-option-selected-hover-bg, var(--select-option-selected-bg, #e0e7ff)));
2460
2460
  }
2461
2461
 
2462
2462
  .load-more-container {