@jetbrains/kotlin-web-site-ui 4.1.0-alpha.7 → 4.1.0-alpha.8
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.
|
@@ -428,7 +428,7 @@
|
|
|
428
428
|
top: 0;
|
|
429
429
|
left: 0;
|
|
430
430
|
background: #ffffff;
|
|
431
|
-
overflow-y:
|
|
431
|
+
overflow-y: scroll;
|
|
432
432
|
}
|
|
433
433
|
|
|
434
434
|
.ktl-full-search-module_closeSearch_5vYDG {
|
|
@@ -463,6 +463,7 @@
|
|
|
463
463
|
display: block;
|
|
464
464
|
}
|
|
465
465
|
}
|
|
466
|
+
|
|
466
467
|
.ktl-loading-module_loader_B2IQl {
|
|
467
468
|
margin-top: 4px;
|
|
468
469
|
}
|
|
@@ -577,6 +578,34 @@
|
|
|
577
578
|
fill: #ffffff;
|
|
578
579
|
}
|
|
579
580
|
|
|
581
|
+
.ktl-search-box-module_customClearButton_yecGK {
|
|
582
|
+
margin: 0;
|
|
583
|
+
padding: 0;
|
|
584
|
+
border: 0;
|
|
585
|
+
background: none;
|
|
586
|
+
display: flex;
|
|
587
|
+
cursor: pointer;
|
|
588
|
+
}
|
|
589
|
+
|
|
590
|
+
.ktl-search-box-module_customClearButton_yecGK > svg {
|
|
591
|
+
fill: #ffffff;
|
|
592
|
+
opacity: 0.7;
|
|
593
|
+
}
|
|
594
|
+
|
|
595
|
+
.ktl-search-box-module_customClearButton_yecGK:hover > svg {
|
|
596
|
+
opacity: 1;
|
|
597
|
+
}
|
|
598
|
+
|
|
599
|
+
.ktl-search-box-module_customClearButton_yecGK:focus {
|
|
600
|
+
outline: none;
|
|
601
|
+
box-shadow: rgb(107 87 255 / 80%) 0 0 0 4px;
|
|
602
|
+
border-radius: 100%;
|
|
603
|
+
}
|
|
604
|
+
|
|
605
|
+
.ktl-search-box-module_customClearButton_yecGK:focus > svg {
|
|
606
|
+
opacity: 1;
|
|
607
|
+
}
|
|
608
|
+
|
|
580
609
|
@media (max-width: 767px) {
|
|
581
610
|
.ktl-search-box-module_searchBox_0SgE9 {
|
|
582
611
|
background: var(--ktl-dark-100);
|
|
@@ -50,7 +50,9 @@ const SearchBox = ({
|
|
|
50
50
|
onChange: handleInput,
|
|
51
51
|
onClear: isMobile ? closeHandler : handleClear,
|
|
52
52
|
icon: React__default.createElement(SearchIcon, null),
|
|
53
|
-
clearIcon: isMobile ? React__default.createElement(CloseIcon, null) : React__default.createElement(
|
|
53
|
+
clearIcon: isMobile ? React__default.createElement(CloseIcon, null) : React__default.createElement("button", {
|
|
54
|
+
className: styles.customClearButton
|
|
55
|
+
}, React__default.createElement(ErrorIcon, null)),
|
|
54
56
|
autoFocus: true
|
|
55
57
|
}), isMobile && React__default.createElement("button", {
|
|
56
58
|
className: styles.searchMobileClose,
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
var styles = {
|
|
2
2
|
"searchBox": "ktl-search-box-module_searchBox_0SgE9",
|
|
3
3
|
"searchInput": "ktl-search-box-module_searchInput_ba2QS",
|
|
4
|
-
"searchMobileClose": "ktl-search-box-module_searchMobileClose_fBF7e"
|
|
4
|
+
"searchMobileClose": "ktl-search-box-module_searchMobileClose_fBF7e",
|
|
5
|
+
"customClearButton": "ktl-search-box-module_customClearButton_yecGK"
|
|
5
6
|
};
|
|
6
7
|
export { styles as default };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jetbrains/kotlin-web-site-ui",
|
|
3
3
|
"description": "UI components for Kotlin web sites development",
|
|
4
|
-
"version": "4.1.0-alpha.
|
|
4
|
+
"version": "4.1.0-alpha.8",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
7
7
|
"files": [
|
|
@@ -24,12 +24,12 @@
|
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
26
|
"@rescui/checkbox": "0.x",
|
|
27
|
+
"@rescui/focus-manager": "0.x",
|
|
27
28
|
"@rescui/icons": "0.x",
|
|
28
29
|
"@rescui/input": "0.x",
|
|
29
30
|
"@rescui/tooltip": "0.x",
|
|
30
31
|
"@rescui/typography": "0.x",
|
|
31
32
|
"@rescui/ui-contexts": "0.x",
|
|
32
|
-
"@rescui/focus-manager": "0.x",
|
|
33
33
|
"algoliasearch": "4.x",
|
|
34
34
|
"formik": "2.x",
|
|
35
35
|
"react": ">= 16.8.6 < 18",
|