@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.cjs CHANGED
@@ -1518,11 +1518,11 @@ class SelectOption extends HTMLElement {
1518
1518
  }
1519
1519
 
1520
1520
  .option-container:hover {
1521
- background-color: var(--select-option-hover-bg, #f0f0f0);
1521
+ background: var(--select-option-hover-bg, #f0f0f0);
1522
1522
  }
1523
1523
 
1524
1524
  .option-container.selected {
1525
- background-color: var(--select-option-selected-bg, #e3f2fd);
1525
+ background: var(--select-option-selected-bg, #e3f2fd);
1526
1526
  color: var(--select-option-selected-color, #1976d2);
1527
1527
  border: var(--select-option-selected-border, var(--select-option-border, none));
1528
1528
  border-bottom: var(--select-option-selected-border-bottom, var(--select-option-border-bottom, none));
@@ -1532,7 +1532,7 @@ class SelectOption extends HTMLElement {
1532
1532
  }
1533
1533
 
1534
1534
  .option-container.selected:hover {
1535
- background-color: var(--select-option-selected-hover-bg, var(--select-option-selected-bg, #e3f2fd));
1535
+ background: var(--select-option-selected-hover-bg, var(--select-option-selected-bg, #e3f2fd));
1536
1536
  color: var(--select-option-selected-hover-color, var(--select-option-selected-color, #1976d2));
1537
1537
  border: var(--select-option-selected-hover-border, var(--select-option-selected-border, var(--select-option-border, none)));
1538
1538
  border-bottom: var(--select-option-selected-hover-border-bottom, var(--select-option-selected-border-bottom, var(--select-option-border-bottom, none)));
@@ -2405,12 +2405,12 @@ class EnhancedSelect extends HTMLElement {
2405
2405
  }
2406
2406
 
2407
2407
  .option:hover {
2408
- background-color: var(--select-option-hover-bg, #f3f4f6);
2408
+ background: var(--select-option-hover-bg, #f3f4f6);
2409
2409
  color: var(--select-option-hover-color, #1f2937);
2410
2410
  }
2411
2411
 
2412
2412
  .option.selected {
2413
- background-color: var(--select-option-selected-bg, #e0e7ff);
2413
+ background: var(--select-option-selected-bg, #e0e7ff);
2414
2414
  color: var(--select-option-selected-color, #4338ca);
2415
2415
  font-weight: var(--select-option-selected-weight, 500);
2416
2416
  border: var(--select-option-selected-border, var(--select-option-border, none));
@@ -2421,7 +2421,7 @@ class EnhancedSelect extends HTMLElement {
2421
2421
  }
2422
2422
 
2423
2423
  .option.selected:hover {
2424
- background-color: var(--select-option-selected-hover-bg, var(--select-option-selected-bg, #e0e7ff));
2424
+ background: var(--select-option-selected-hover-bg, var(--select-option-selected-bg, #e0e7ff));
2425
2425
  color: var(--select-option-selected-hover-color, var(--select-option-selected-color, #4338ca));
2426
2426
  border: var(--select-option-selected-hover-border, var(--select-option-selected-border, var(--select-option-border, none)));
2427
2427
  border-bottom: var(--select-option-selected-hover-border-bottom, var(--select-option-selected-border-bottom, var(--select-option-border-bottom, none)));
@@ -2430,14 +2430,14 @@ class EnhancedSelect extends HTMLElement {
2430
2430
  }
2431
2431
 
2432
2432
  .option.active:not(.selected) {
2433
- background-color: var(--select-option-active-bg, #f3f4f6);
2433
+ background: var(--select-option-active-bg, #f3f4f6);
2434
2434
  color: var(--select-option-active-color, #1f2937);
2435
2435
  outline: var(--select-option-active-outline, 2px solid rgba(99, 102, 241, 0.45));
2436
2436
  outline-offset: -2px;
2437
2437
  }
2438
2438
 
2439
2439
  .option.selected.active {
2440
- background-color: var(--select-option-selected-active-bg, var(--select-option-selected-bg, #e0e7ff));
2440
+ background: var(--select-option-selected-active-bg, var(--select-option-selected-bg, #e0e7ff));
2441
2441
  color: var(--select-option-selected-active-color, var(--select-option-selected-color, #4338ca));
2442
2442
  border: var(--select-option-selected-active-border, var(--select-option-selected-border, var(--select-option-border, none)));
2443
2443
  border-bottom: var(--select-option-selected-active-border-bottom, var(--select-option-selected-border-bottom, var(--select-option-border-bottom, none)));
@@ -2448,11 +2448,11 @@ class EnhancedSelect extends HTMLElement {
2448
2448
  }
2449
2449
 
2450
2450
  .option:active:not(.selected) {
2451
- background-color: var(--select-option-pressed-bg, #e5e7eb);
2451
+ background: var(--select-option-pressed-bg, #e5e7eb);
2452
2452
  }
2453
2453
 
2454
2454
  .option.selected:active {
2455
- background-color: var(--select-option-selected-pressed-bg, var(--select-option-selected-hover-bg, var(--select-option-selected-bg, #e0e7ff)));
2455
+ background: var(--select-option-selected-pressed-bg, var(--select-option-selected-hover-bg, var(--select-option-selected-bg, #e0e7ff)));
2456
2456
  }
2457
2457
 
2458
2458
  .load-more-container {