@jetbrains/kotlin-web-site-ui 4.4.1 → 4.4.3

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

@@ -51,6 +51,8 @@
   display: flex;
   align-items: center;
   height: 64px;
+  width: 100%;
+  box-sizing: border-box;
   justify-content: space-between;
   z-index: var(--ktl-header-z-index);
 }
@@ -210,7 +212,7 @@
   }
 }
 
-@media (max-width: 767px) {
+@media (max-width: 640px) {
   .ktl-horizontal-menu-module_nav_gbA7M {
     display: none;
   }
@@ -268,18 +270,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.1",
+  "version": "4.4.3",
   "license": "Apache-2.0",
   "author": "JetBrains",
   "files": [