@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 +10 -10
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +10 -10
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/dist/index.umd.js +10 -10
- package/dist/index.umd.js.map +1 -1
- package/dist/index.umd.min.js +1 -1
- package/dist/index.umd.min.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1516,11 +1516,11 @@ class SelectOption extends HTMLElement {
|
|
|
1516
1516
|
}
|
|
1517
1517
|
|
|
1518
1518
|
.option-container:hover {
|
|
1519
|
-
background
|
|
1519
|
+
background: var(--select-option-hover-bg, #f0f0f0);
|
|
1520
1520
|
}
|
|
1521
1521
|
|
|
1522
1522
|
.option-container.selected {
|
|
1523
|
-
background
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
2449
|
+
background: var(--select-option-pressed-bg, #e5e7eb);
|
|
2450
2450
|
}
|
|
2451
2451
|
|
|
2452
2452
|
.option.selected:active {
|
|
2453
|
-
background
|
|
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 {
|