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