@kupola/kupola 1.4.1 → 1.4.2
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/css/components.css +25 -2
- package/package.json +5 -1
package/css/components.css
CHANGED
|
@@ -543,7 +543,7 @@
|
|
|
543
543
|
/* BUG-003 fix: ensure <select class="ds-input"> matches <input> height/padding */
|
|
544
544
|
select.ds-input,
|
|
545
545
|
.ds-input select {
|
|
546
|
-
height:
|
|
546
|
+
height: 36px;
|
|
547
547
|
padding: 0 var(--spacer-24) 0 var(--spacer-12);
|
|
548
548
|
appearance: none;
|
|
549
549
|
-webkit-appearance: none;
|
|
@@ -555,8 +555,29 @@
|
|
|
555
555
|
cursor: pointer;
|
|
556
556
|
font: inherit;
|
|
557
557
|
color: var(--text-default);
|
|
558
|
+
background-color: var(--bg-overlay-l1);
|
|
559
|
+
line-height: 36px;
|
|
560
|
+
font-size: 14px;
|
|
558
561
|
}
|
|
559
562
|
select.ds-input::-ms-expand { display: none; }
|
|
563
|
+
|
|
564
|
+
/* Fix dropdown options background color - Note: limited browser support */
|
|
565
|
+
select.ds-input option,
|
|
566
|
+
.ds-input select option {
|
|
567
|
+
background-color: var(--bg-base-secondary);
|
|
568
|
+
color: var(--text-default);
|
|
569
|
+
padding: 10px 12px;
|
|
570
|
+
line-height: 1.8;
|
|
571
|
+
min-height: 36px;
|
|
572
|
+
}
|
|
573
|
+
|
|
574
|
+
select.ds-input optgroup,
|
|
575
|
+
.ds-input select optgroup {
|
|
576
|
+
background-color: var(--bg-base-secondary);
|
|
577
|
+
color: var(--text-default);
|
|
578
|
+
padding: 8px 12px;
|
|
579
|
+
line-height: 1.6;
|
|
580
|
+
}
|
|
560
581
|
|
|
561
582
|
.ds-input__status-icon {
|
|
562
583
|
position: absolute;
|
|
@@ -1460,12 +1481,14 @@
|
|
|
1460
1481
|
display: flex;
|
|
1461
1482
|
align-items: center;
|
|
1462
1483
|
width: 100%;
|
|
1463
|
-
padding:
|
|
1484
|
+
padding: 12px var(--spacer-12);
|
|
1485
|
+
min-height: 40px;
|
|
1464
1486
|
background: none;
|
|
1465
1487
|
border: none;
|
|
1466
1488
|
border-radius: var(--radius-2);
|
|
1467
1489
|
color: var(--text-default);
|
|
1468
1490
|
font-size: var(--body-sm-font-size);
|
|
1491
|
+
line-height: 1.6;
|
|
1469
1492
|
cursor: pointer;
|
|
1470
1493
|
text-align: left;
|
|
1471
1494
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kupola/kupola",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.2",
|
|
4
4
|
"description": "A lightweight UI toolkit for any web project. No heavy frontend frameworks required.",
|
|
5
5
|
"main": "dist/kupola.cjs.js",
|
|
6
6
|
"module": "dist/kupola.esm.js",
|
|
@@ -46,6 +46,10 @@
|
|
|
46
46
|
"import": "./adapters/navios-http.js",
|
|
47
47
|
"types": "./adapters/navios-http.d.ts"
|
|
48
48
|
},
|
|
49
|
+
"./kupola.css": "./dist/css/kupola.css",
|
|
50
|
+
"./kupola.min.css": "./dist/css/kupola.min.css",
|
|
51
|
+
"./kupola.umd.js": "./dist/kupola.umd.js",
|
|
52
|
+
"./kupola.min.js": "./dist/kupola.min.js",
|
|
49
53
|
"./dist/css/kupola.css": "./dist/css/kupola.css",
|
|
50
54
|
"./dist/css/*": "./dist/css/*",
|
|
51
55
|
"./dist/icons/*": "./dist/icons/*"
|