@jetbrains/kotlin-web-site-ui 4.11.0-rc.2 → 4.11.0

package/out/components/footer/nav/nav-data.js

@@ -27,7 +27,7 @@ const navList = [{
   title: 'Careers',
   isTargetBlank: true
 }, {
-  url: 'https://www.jetbrainsmerchandise.com/brand/kotlin.html',
+  url: 'https://www.jetbrainsmerchandise.com/view-all.html?brand=32',
   title: 'Kotlin Merch',
   isTargetBlank: true
 }, {

package/out/components/footer-compact/nav/nav-data.js

@@ -27,7 +27,7 @@ const navList = [{
   title: 'Careers',
   isTargetBlank: true
 }, {
-  url: 'https://www.jetbrainsmerchandise.com/brand/kotlin.html',
+  url: 'https://www.jetbrainsmerchandise.com/view-all.html?brand=32',
   title: 'Kotlin Merch',
   isTargetBlank: true
 }, {

package/out/components/header/header.js

@@ -22,7 +22,7 @@ var SearchResultView;
   SearchResultView[SearchResultView["Wide"] = 1] = "Wide";
 })(SearchResultView || (SearchResultView = {}));
 
-const MENU_POPUP_BREAKPOINT = 640;
+const MENU_POPUP_BREAKPOINT = 870;
 const Header = forwardRef(({
   productWebUrl,
   hasSearch = false,
@@ -51,7 +51,9 @@ const Header = forwardRef(({
     const headerWidth = headerRef.current?.getBoundingClientRect?.().width ?? 0;
     setMenuPopupVisible(!!headerWidth && headerWidth <= MENU_POPUP_BREAKPOINT);
   }, [headerRef]);
-  useResizeObserver(headerRef, entry => setMenuPopupVisible(!!entry.contentRect.width && entry.contentRect.width <= MENU_POPUP_BREAKPOINT));
+  useResizeObserver(headerRef, entry => {
+    setMenuPopupVisible(!!entry.borderBoxSize?.length && entry.borderBoxSize[0].inlineSize <= MENU_POPUP_BREAKPOINT);
+  });
   const handleSearchButtonClick = useCallback(() => {
     setSearchBoxVisible(!isSearchBoxVisible);
   }, []);

package/out/components/header/index.css

@@ -80,7 +80,7 @@
   box-shadow: none;
 }
 
-@media (max-width: 640px) {
+@media (max-width: 870px) {
   .ktl-header-module_header-menu_wh71L {
     padding: 0 0 0 16px;
     height: var(--ktl-header-height-mobile);
@@ -245,7 +245,7 @@
   }
 }
 
-@media (max-width: 640px) {
+@media (max-width: 870px) {
   .ktl-horizontal-menu-module_nav_gbA7M {
     display: none;
   }
@@ -317,7 +317,7 @@
     color: #ffffff;
   }
 
-@media (max-width: 640px) {
+@media (max-width: 870px) {
 
 .ktl-search-button-module_button_YHJPv {
     display: none
@@ -355,7 +355,7 @@
     overflow: hidden;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 871px) {
     .ktl-result-module_result_EKhUw {
         padding: 16px 32px;
     }
@@ -401,7 +401,7 @@
     overflow: hidden;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 871px) {
     .ktl-list-module_results_LlxqY {
         max-height: 434px;
     }
@@ -428,7 +428,7 @@
     overflow-wrap: break-word;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 871px) {
     .ktl-empty-module_empty_xh1i- {
         padding: 32px;
     }
@@ -460,14 +460,14 @@
 }
 
 
-@media (min-width: 640px) and (max-width: 768px) {
-    .ktl-quick-search-module_wrapper_kkbQQ {
+/*@media (min-width: 740px) and (max-width: 768px) {
+    .wrapper {
         bottom: 12px;
     }
-}
+}*/
 
 
-@media (min-width: 768px) {
+@media (min-width: 871px) {
     .ktl-quick-search-module_wrapper_kkbQQ {
         left: 0;
         right: 0;
@@ -475,7 +475,7 @@
 }
 
 
-@media (min-width: 640px) and (max-width: 1024px) {
+@media (min-width: 871px) and (max-width: 1024px) {
     .ktl-quick-search-module_apiReferenceWrapper_jv98t {
         width: calc(100vw - 64px);
         left: auto;
@@ -645,7 +645,7 @@
     margin-top: 14px;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 871px) {
     .ktl-full-search-module_fullSearch_MTU8t {
         display: block;
     }
@@ -710,7 +710,7 @@
             opacity: 1;
         }
 
-@media (max-width: 767px) {
+@media (max-width: 870px) {
     .ktl-search-box-module_searchBox_0SgE9 {
         background: var(--ktl-dark-100);
         width: auto;
@@ -723,7 +723,7 @@
     }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 871px) {
     .ktl-search-box-module_searchMobileClose_fBF7e {
         display: none;
     }

package/out/components/header/index.js

@@ -1,4 +1,4 @@
 import './index.css';
 import { Header } from './header.js';
 export { Header as default } from './header.js';
-export { ANDROID_TITLE, ANDROID_URL, API_OVERVIEW_TITLE, API_OVERVIEW_URL, API_TITLE, CASE_STUDIES_TITLE, CASE_STUDIES_URL, COMMUNITY_TITLE, COMMUNITY_URL, CORE_API_TITLE, CORE_API_URL, COROUTINES_API_TITLE, COROUTINES_API_URL, DATA_SCIENCE_TITLE, DATA_SCIENCE_URL, DATETIME_API_TITLE, DATETIME_API_URL, DOCS_TITLE, DOCS_URL, HOME_TITLE, HOME_URL, IO_API_TITLE, IO_API_URL, KGP_TITLE, KGP_URL, KMM_DOCS_TITLE, KMM_DOCS_URL, KOTLIN_DOCS_TITLE, KOTLIN_DOCS_URL, KTOR_TITLE, KTOR_URL, METADATA_JVM_TITLE, METADATA_JVM_URL, MULTIPLATFORM_LIBRARIES_TITLE, MULTIPLATFORM_LIBRARIES_URL, MULTIPLATFORM_MOBILE_TITLE, MULTIPLATFORM_MOBILE_URL, PLAY_EXAMPLES_TITLE, PLAY_EXAMPLES_URL, PLAY_KOANS_TITLE, PLAY_KOANS_URL, PLAY_TITLE, PLAY_TITLE_FULL, PLAY_URL, SERIALIZATION_API_TITLE, SERIALIZATION_API_URL, SERVER_SIDE_TITLE, SERVER_SIDE_URL, SOLUTIONS_TITLE, TEACH_TITLE, TEACH_URL, TEST_API_TITLE, TEST_API_URL, getNavScheme } from './nav-scheme.js';
+export { ANDROID_TITLE, ANDROID_URL, API_OVERVIEW_TITLE, API_OVERVIEW_URL, API_TITLE, CASE_STUDIES_TITLE, CASE_STUDIES_URL, COMMUNITY_TITLE, COMMUNITY_URL, COMPOSE_MULTIPLATFORM, COMPOSE_MULTIPLATFORM_URL, CORE_API_TITLE, CORE_API_URL, COROUTINES_API_TITLE, COROUTINES_API_URL, DATA_SCIENCE_TITLE, DATA_SCIENCE_URL, DATETIME_API_TITLE, DATETIME_API_URL, DOCS_TITLE, DOCS_URL, HOME_TITLE, HOME_URL, IO_API_TITLE, IO_API_URL, KGP_TITLE, KGP_URL, KMM_DOCS_TITLE, KMM_DOCS_URL, KOTLIN_DOCS_TITLE, KOTLIN_DOCS_URL, KTOR_TITLE, KTOR_URL, METADATA_JVM_TITLE, METADATA_JVM_URL, MULTIPLATFORM_LIBRARIES_TITLE, MULTIPLATFORM_LIBRARIES_URL, MULTIPLATFORM_MOBILE_TITLE, MULTIPLATFORM_MOBILE_URL, PLAY_EXAMPLES_TITLE, PLAY_EXAMPLES_URL, PLAY_KOANS_TITLE, PLAY_KOANS_URL, PLAY_TITLE, PLAY_TITLE_FULL, PLAY_URL, SERIALIZATION_API_TITLE, SERIALIZATION_API_URL, SERVER_SIDE_TITLE, SERVER_SIDE_URL, SOLUTIONS_TITLE, TEACH_TITLE, TEACH_URL, TEST_API_TITLE, TEST_API_URL, getNavScheme } from './nav-scheme.js';

package/out/components/header/nav-scheme.js

@@ -2,7 +2,7 @@ import { PLAYGROUND_URL, KOTLINLANG_URL } from './consts.js';
 const HOME_TITLE = 'Home';
 const HOME_URL = '/';
 const SOLUTIONS_TITLE = 'Solutions';
-const CASE_STUDIES_TITLE = 'Case Studies';
+const CASE_STUDIES_TITLE = 'Case studies';
 const CASE_STUDIES_URL = '/case-studies/';
 const MULTIPLATFORM_MOBILE_TITLE = 'Multiplatform';
 const MULTIPLATFORM_MOBILE_URL = `/lp/mobile/`;
@@ -52,6 +52,8 @@ const KGP_TITLE = 'Kotlin Gradle plugins';
 const KGP_URL = '/api/kotlin-gradle-plugin/';
 const KTOR_TITLE = 'Ktor';
 const KTOR_URL = 'https://api.ktor.io/';
+const COMPOSE_MULTIPLATFORM = 'Compose Multiplatform Material3';
+const COMPOSE_MULTIPLATFORM_URL = 'https://kotlinlang.org/api/compose-multiplatform/material3/';
 const navScheme = [{
   title: HOME_TITLE,
   url: HOME_URL
@@ -110,6 +112,9 @@ const navScheme = [{
   }, {
     title: KTOR_TITLE,
     url: KTOR_URL
+  }, {
+    title: COMPOSE_MULTIPLATFORM,
+    url: COMPOSE_MULTIPLATFORM_URL
   }]
 }, {
   title: COMMUNITY_TITLE,
@@ -186,4 +191,4 @@ function makeExternalUrl(url, currentUrl, isPlayground) {
   return url;
 }
 
-export { ANDROID_TITLE, ANDROID_URL, API_OVERVIEW_TITLE, API_OVERVIEW_URL, API_TITLE, CASE_STUDIES_TITLE, CASE_STUDIES_URL, COMMUNITY_TITLE, COMMUNITY_URL, CORE_API_TITLE, CORE_API_URL, COROUTINES_API_TITLE, COROUTINES_API_URL, DATA_SCIENCE_TITLE, DATA_SCIENCE_URL, DATETIME_API_TITLE, DATETIME_API_URL, DOCS_TITLE, DOCS_URL, HOME_TITLE, HOME_URL, IO_API_TITLE, IO_API_URL, KGP_TITLE, KGP_URL, KMM_DOCS_TITLE, KMM_DOCS_URL, KOTLIN_DOCS_TITLE, KOTLIN_DOCS_URL, KTOR_TITLE, KTOR_URL, METADATA_JVM_TITLE, METADATA_JVM_URL, MULTIPLATFORM_LIBRARIES_TITLE, MULTIPLATFORM_LIBRARIES_URL, MULTIPLATFORM_MOBILE_TITLE, MULTIPLATFORM_MOBILE_URL, PLAY_EXAMPLES_TITLE, PLAY_EXAMPLES_URL, PLAY_KOANS_TITLE, PLAY_KOANS_URL, PLAY_TITLE, PLAY_TITLE_FULL, PLAY_URL, SERIALIZATION_API_TITLE, SERIALIZATION_API_URL, SERVER_SIDE_TITLE, SERVER_SIDE_URL, SOLUTIONS_TITLE, TEACH_TITLE, TEACH_URL, TEST_API_TITLE, TEST_API_URL, getNavScheme };
+export { ANDROID_TITLE, ANDROID_URL, API_OVERVIEW_TITLE, API_OVERVIEW_URL, API_TITLE, CASE_STUDIES_TITLE, CASE_STUDIES_URL, COMMUNITY_TITLE, COMMUNITY_URL, COMPOSE_MULTIPLATFORM, COMPOSE_MULTIPLATFORM_URL, CORE_API_TITLE, CORE_API_URL, COROUTINES_API_TITLE, COROUTINES_API_URL, DATA_SCIENCE_TITLE, DATA_SCIENCE_URL, DATETIME_API_TITLE, DATETIME_API_URL, DOCS_TITLE, DOCS_URL, HOME_TITLE, HOME_URL, IO_API_TITLE, IO_API_URL, KGP_TITLE, KGP_URL, KMM_DOCS_TITLE, KMM_DOCS_URL, KOTLIN_DOCS_TITLE, KOTLIN_DOCS_URL, KTOR_TITLE, KTOR_URL, METADATA_JVM_TITLE, METADATA_JVM_URL, MULTIPLATFORM_LIBRARIES_TITLE, MULTIPLATFORM_LIBRARIES_URL, MULTIPLATFORM_MOBILE_TITLE, MULTIPLATFORM_MOBILE_URL, PLAY_EXAMPLES_TITLE, PLAY_EXAMPLES_URL, PLAY_KOANS_TITLE, PLAY_KOANS_URL, PLAY_TITLE, PLAY_TITLE_FULL, PLAY_URL, SERIALIZATION_API_TITLE, SERIALIZATION_API_URL, SERVER_SIDE_TITLE, SERVER_SIDE_URL, SOLUTIONS_TITLE, TEACH_TITLE, TEACH_URL, TEST_API_TITLE, TEST_API_URL, getNavScheme };

package/out/components/top-menu/index.css

@@ -61,7 +61,7 @@
   justify-self: flex-start;
 }
 
-@media (max-width: 640px) {
+@media (max-width: 870px) {
   .ktl-top-menu-module_top-menu_PRX9X {
     height: var(--ktl-header-height-mobile);
     padding: 0 6px 0 4px;

package/out/components/top-menu/top-menu.js

@@ -6,7 +6,7 @@ import { useTextStyles } from '@rescui/typography';
 import { HorizontalMenu } from './horizontal-menu/horizontal-menu.js';
 import { VerticalMenu } from './vertical-menu/vertical-menu.js';
 import useResizeObserver from '@react-hook/resize-observer';
-const BREAKPOINT_XS = 640;
+const BREAKPOINT_XS = 870;
 const TopMenu = forwardRef(({
   homeUrl,
   title,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jetbrains/kotlin-web-site-ui",
   "description": "UI components for Kotlin web sites development",
-  "version": "4.11.0-rc.2",
+  "version": "4.11.0",
   "license": "Apache-2.0",
   "author": "JetBrains",
   "files": [