@jetbrains/kotlin-web-site-ui 4.4.0 → 4.4.2

package/out/components/header/header.js

@@ -106,6 +106,7 @@ const Header = forwardRef(({
     theme: dropdownTheme,
     linkHandler: linkHandler
   }), !menuPopupExpanded && React__default.createElement(SearchButton, {
+    isMobile: isMenuPopupVisible,
     onClick: handleSearchButtonClick,
     isActive: hasSearch
   }), isMenuPopupVisible && React__default.createElement(MenuPopup, {

package/out/components/header/index.css

@@ -210,7 +210,7 @@
   }
 }
 
-@media (max-width: 767px) {
+@media (max-width: 640px) {
   .ktl-horizontal-menu-module_nav_gbA7M {
     display: none;
   }
@@ -268,18 +268,6 @@
     color: #ffffff;
   }
 
-@media (max-width: 640px) {
-  .ktl-search-button-module_button_YHJPv {
-    display: none;
-  }
-}
-
-@media (min-width: 641px) {
-  .ktl-search-button-module_mobileButton_KT2YP {
-    display: none;
-  }
-}
-
 .ktl-result-module_result_EKhUw {
     box-sizing: border-box;
     display: block;

package/out/components/header/search-button/search-button.js

@@ -8,9 +8,17 @@ const DATA_TEST_HEADER_SEARCH_BUTTON = 'header-search-button';
 
 const SearchButton = ({
   onClick,
-  isActive
+  isActive,
+  isMobile
 }) => {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement("button", {
+  return React__default.createElement(React__default.Fragment, null, isMobile ? React__default.createElement(Button, {
+    "data-test": DATA_TEST_HEADER_SEARCH_BUTTON,
+    "aria-label": "Search",
+    onClick: onClick,
+    mode: 'clear',
+    size: 'l',
+    icon: React__default.createElement(SearchIcon, null)
+  }) : React__default.createElement("button", {
     type: "button",
     className: classNames(styles.button, {
       [styles.active]: isActive
@@ -18,16 +26,7 @@ const SearchButton = ({
     "data-test": DATA_TEST_HEADER_SEARCH_BUTTON,
     "aria-label": "Search",
     onClick: onClick
-  }, React__default.createElement(SvgSearch, null)), React__default.createElement("div", {
-    className: styles.mobileButton
-  }, React__default.createElement(Button, {
-    "data-test": DATA_TEST_HEADER_SEARCH_BUTTON,
-    "aria-label": "Search",
-    onClick: onClick,
-    mode: 'clear',
-    size: 'l',
-    icon: React__default.createElement(SearchIcon, null)
-  })));
+  }, React__default.createElement(SvgSearch, null)));
 };
 
 export { DATA_TEST_HEADER_SEARCH_BUTTON, SearchButton };

package/out/components/header/search-button/search-button.module.pcss.js

@@ -1,6 +1,5 @@
 var styles = {
   "button": "ktl-search-button-module_button_YHJPv",
-  "active": "ktl-search-button-module_active_lUmdh",
-  "mobileButton": "ktl-search-button-module_mobileButton_KT2YP"
+  "active": "ktl-search-button-module_active_lUmdh"
 };
 export { styles as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jetbrains/kotlin-web-site-ui",
   "description": "UI components for Kotlin web sites development",
-  "version": "4.4.0",
+  "version": "4.4.2",
   "license": "Apache-2.0",
   "author": "JetBrains",
   "files": [
@@ -35,6 +35,7 @@
     "react": ">= 16.8.6 < 18",
     "react-dom": ">= 16.8.6 < 18",
     "react-outside-click-handler": "1.x",
+    "react-remove-scroll-bar": "2.x",
     "react-scrollbar-size": "5.x",
     "react-swipeable-views": "0.x",
     "sha.js": "2.x"