@jetbrains/kotlin-web-site-ui 4.14.5 → 4.14.6-alpha.2

package/out/components/header/header.js

@@ -1,6 +1,7 @@
 import React__default, { forwardRef, useState, useMemo, useRef, useImperativeHandle, useLayoutEffect, useCallback, useEffect } from 'react';
 import { ThemeProvider } from '@rescui/ui-contexts';
 import FocusManager from '@rescui/focus-manager';
+import { Button } from '@rescui/button';
 import useResizeObserver from '@react-hook/resize-observer';
 import OutsideClickHandler from 'react-outside-click-handler';
 import { LogoLarge } from './logo-large/logo-large.js';
@@ -22,7 +23,7 @@ var SearchResultView;
   SearchResultView[SearchResultView["Wide"] = 1] = "Wide";
 })(SearchResultView || (SearchResultView = {}));
 
-const MENU_POPUP_BREAKPOINT = 960;
+const MENU_POPUP_BREAKPOINT = 1130;
 const Header = forwardRef(({
   productWebUrl,
   hasSearch = false,
@@ -121,6 +122,12 @@ const Header = forwardRef(({
     isExpanded: menuPopupExpanded,
     headerRef: headerRef,
     linkHandler: linkHandler
-  })))));
+  })), React__default.createElement(Button, {
+    size: 'm',
+    mode: 'classic',
+    "data-testid": 'ab-hero-button',
+    href: '/docs/getting-started.html',
+    className: styles.abTestButton
+  }, "Get started"))));
 });
 export { Header, SearchResultView };

package/out/components/header/header.module.pcss.js

@@ -1,6 +1,7 @@
 var styles = {
   "headerMenu": "ktl-header-module_header-menu_wh71L",
   "border": "ktl-header-module_border_paN11",
-  "darkHeader": "ktl-header-module_darkHeader_YLF76"
+  "darkHeader": "ktl-header-module_darkHeader_YLF76",
+  "abTestButton": "ktl-header-module_abTestButton_Jeac8"
 };
 export { styles as default };

package/out/components/header/index.css

@@ -88,7 +88,12 @@
   box-shadow: none;
 }
 
-@media (max-width: 960px) {
+.ktl-header-module_abTestButton_Jeac8 {
+  display: none !important;
+  margin-left: 30px;
+}
+
+@media (max-width: 1130px) {
   .ktl-header-module_header-menu_wh71L {
     padding: 0 0 0 16px;
     height: var(--ktl-header-height-mobile);
@@ -263,7 +268,7 @@
   }
 }
 
-@media (max-width: 960px) {
+@media (max-width: 1130px) {
   .ktl-horizontal-menu-module_nav_gbA7M {
     display: none;
   }
@@ -343,7 +348,7 @@
     color: #ffffff;
   }
 
-@media (max-width: 960px) {
+@media (max-width: 1130px) {
 
 .ktl-search-button-module_button_YHJPv {
     display: none
@@ -381,7 +386,7 @@
     overflow: hidden;
 }
 
-@media (min-width: 961px) {
+@media (min-width: 1131px) {
     .ktl-result-module_result_EKhUw {
         padding: 16px 32px;
     }
@@ -427,7 +432,7 @@
     overflow: hidden;
 }
 
-@media (min-width: 961px) {
+@media (min-width: 1131px) {
     .ktl-list-module_results_LlxqY {
         max-height: 434px;
     }
@@ -454,7 +459,7 @@
     overflow-wrap: break-word;
 }
 
-@media (min-width: 961px) {
+@media (min-width: 1131px) {
     .ktl-empty-module_empty_xh1i- {
         padding: 32px;
     }
@@ -493,7 +498,7 @@
 }*/
 
 
-@media (min-width: 961px) {
+@media (min-width: 1131px) {
     .ktl-quick-search-module_wrapper_kkbQQ {
         left: 0;
         right: 0;
@@ -501,7 +506,7 @@
 }
 
 
-@media (min-width: 961px) and (max-width: 1024px) {
+@media (min-width: 1131px) and (max-width: 1024px) {
     .ktl-quick-search-module_apiReferenceWrapper_jv98t {
         width: calc(100vw - 64px);
         left: auto;
@@ -671,7 +676,7 @@
     margin-top: 14px;
 }
 
-@media (min-width: 961px) {
+@media (min-width: 1131px) {
     .ktl-full-search-module_fullSearch_MTU8t {
         display: block;
     }
@@ -736,7 +741,7 @@
             opacity: 1;
         }
 
-@media (max-width: 960px) {
+@media (max-width: 1130px) {
     .ktl-search-box-module_searchBox_0SgE9 {
         background: var(--ktl-dark-100);
         width: auto;
@@ -749,7 +754,7 @@
     }
 }
 
-@media (min-width: 961px) {
+@media (min-width: 1131px) {
     .ktl-search-box-module_searchMobileClose_fBF7e {
         display: none;
     }

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

@@ -69,7 +69,7 @@
   justify-self: flex-start;
 }
 
-@media (max-width: 960px) {
+@media (max-width: 1130px) {
   .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 = 960;
+const BREAKPOINT_XS = 1130;
 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.14.5",
+  "version": "4.14.6-alpha.2",
   "license": "Apache-2.0",
   "author": "JetBrains",
   "files": [