@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.cjs
CHANGED
|
@@ -1518,11 +1518,11 @@ class SelectOption extends HTMLElement {
|
|
|
1518
1518
|
}
|
|
1519
1519
|
|
|
1520
1520
|
.option-container:hover {
|
|
1521
|
-
background
|
|
1521
|
+
background: var(--select-option-hover-bg, #f0f0f0);
|
|
1522
1522
|
}
|
|
1523
1523
|
|
|
1524
1524
|
.option-container.selected {
|
|
1525
|
-
background
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
2451
|
+
background: var(--select-option-pressed-bg, #e5e7eb);
|
|
2452
2452
|
}
|
|
2453
2453
|
|
|
2454
2454
|
.option.selected:active {
|
|
2455
|
-
background
|
|
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 {
|