@jetbrains/kotlin-web-site-ui 4.1.0-alpha.0 → 4.1.0-alpha.3

package/out/components/header/{components/header/full-search → full-search}/chapters/chapters.js

@@ -32,7 +32,10 @@ const Chapters = ({
   }, React__default.createElement("h4", {
     className: classNames(textCn('rs-h4'), styles.headliner)
   }, React__default.createElement("a", {
-    className: classNames(styles.chapterTitle, textCn('rs-link')),
+    className: classNames(styles.chapterTitle, textCn('rs-link', {
+      mode: 'clear',
+      hardness: 'hard'
+    })),
     href: url,
     id: chapterId,
     dangerouslySetInnerHTML: {

package/out/components/header/{components/header/full-search → full-search}/hit-list/hit-list.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { useTextStyles } from '@rescui/typography';
-import getExtendedHits from '../result/get-extended-hits.js';
+import getExtendedHits from './get-extended-hits.js';
 import { Chapters } from '../chapters/chapters.js';
 import classNames from 'classnames';
 import styles from './hit-list.module.pcss.js';
@@ -24,7 +24,10 @@ const HitList = ({
     }, React__default.createElement("h3", {
       className: textCn('rs-h3')
     }, React__default.createElement("a", {
-      className: classNames(styles.titleLink, textCn('rs-link')),
+      className: classNames(styles.titleLink, textCn('rs-link', {
+        mode: 'clear',
+        hardness: 'hard'
+      })),
       href: url,
       dangerouslySetInnerHTML: {
         __html: title

package/out/components/header/{components/header/header.js → header.js}

@@ -1,5 +1,6 @@
 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 useResizeObserver from '@react-hook/resize-observer';
 import OutsideClickHandler from 'react-outside-click-handler';
 import { LogoLarge } from './logo-large/logo-large.js';
@@ -12,8 +13,8 @@ import { MenuPopup } from './menu-popup/menu-popup.js';
 import { LogoSmall } from './logo-small/logo-small.js';
 import classNames from 'classnames';
 import { SearchWrapper } from './search-wrapper/search-wrapper.js';
-import { isMacOs } from '../../helper/is-macos.js';
-import { KEY_K_CODE } from '../../helper/key-codes.js';
+import { isMacOs } from './is-macos.js';
+import { KEY_K_CODE } from './key-codes.js';
 const MENU_POPUP_BREAKPOINT = 640;
 const Header = forwardRef(({
   productWebUrl,
@@ -60,8 +61,10 @@ const Header = forwardRef(({
   useEffect(() => {
     if (typeof document !== `undefined`) {
       document.addEventListener('keydown', fullSearchKeyHandler);
+      const focusManager = new FocusManager();
       return () => {
         document.removeEventListener('keydown', fullSearchKeyHandler);
+        focusManager.destroy();
       };
     }
   }, [fullSearchKeyHandler]);

package/out/components/header/index.css

@@ -280,6 +280,7 @@
 }
     .ktl-result-module_result_EKhUw:hover {
         background: rgba(255, 255, 255, 0.1);
+        text-decoration: none;
     }
     .ktl-result-module_result_EKhUw:focus {
         outline: none;
@@ -332,10 +333,15 @@
         box-shadow: rgba(107, 87, 255, 0.8) 0 0 0 4px;
     }
 
+.ktl-list-module_advancedSearchTitle_sHR3T {
+    color: #ffffff;
+}
+
 @media (min-width: 768px) {
     .ktl-list-module_results_LlxqY {
         max-height: 434px;
     }
+
     .ktl-list-module_topBar_OO0XT {
         display: flex;
         align-items: center;
@@ -457,9 +463,13 @@
 }
 
 .ktl-chapters-module_chapterTitle_b6Rdz {
-    border-bottom-color: transparent;
+    //border-bottom-color: transparent;
 }
 
+.ktl-chapters-module_chapterTitle_b6Rdz:hover {
+        //border-bottom-color: #19191C;
+    }
+
 .ktl-chapters-module_chapterTitle_b6Rdz em {
         background: rgba(127, 82, 255, 0.2);
         font-style: normal;
@@ -498,10 +508,6 @@
     margin: 24px 0;
 }
 
-.ktl-hit-list-module_titleLink_rdJ6u {
-    border-bottom-color: transparent;
-}
-
 .ktl-hit-list-module_titleLink_rdJ6u em {
         background: rgba(127, 82, 255, 0.2);
         font-style: normal;

package/out/components/header/{components/header/quick-search → quick-search}/list/list.js

@@ -1,7 +1,8 @@
 import React__default, { useMemo } from 'react';
 import { Result } from '../result/result.js';
 import { useTextStyles } from '@rescui/typography';
-import { isMacOs } from '../../../../helper/is-macos.js';
+import classNames from 'classnames';
+import { isMacOs } from '../../is-macos.js';
 import styles from './list.module.pcss.js';
 
 const ResultsList = ({
@@ -21,7 +22,7 @@ const ResultsList = ({
     className: styles.advancedSearch,
     onClick: toggleFullSearch
   }, React__default.createElement("div", {
-    className: textCn('rs-text-3')
+    className: classNames(textCn('rs-text-3'), styles.advancedSearchTitle)
   }, "Advanced search ", isMacOs() ? '⌘K' : 'Ctrl+K'))), results.map((searchResult, index) => React__default.createElement(Result, {
     key: index,
     hit: searchResult

package/out/components/header/{components/header/quick-search → quick-search}/list/list.module.pcss.js

@@ -1,6 +1,7 @@
 var styles = {
   "results": "ktl-list-module_results_LlxqY",
   "topBar": "ktl-list-module_topBar_OO0XT",
-  "advancedSearch": "ktl-list-module_advancedSearch_XNy88"
+  "advancedSearch": "ktl-list-module_advancedSearch_XNy88",
+  "advancedSearchTitle": "ktl-list-module_advancedSearchTitle_sHR3T"
 };
 export { styles as default };

package/out/components/header/{components/header/search-box → search-box}/search-box.js

@@ -5,8 +5,8 @@ import { QuickSearch } from '../quick-search/quick-search.js';
 import { FullSearch } from '../full-search/full-search.js';
 import styles from './search-box.module.pcss.js';
 import { useSearch } from '../search-wrapper/use-search.js';
-import { isMacOs } from '../../../helper/is-macos.js';
-import { ESC_CODE } from '../../../helper/key-codes.js';
+import { isMacOs } from '../is-macos.js';
+import { ESC_CODE } from '../key-codes.js';
 
 const SearchBox = ({
   closeHandler,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jetbrains/kotlin-web-site-ui",
   "description": "UI components for Kotlin web sites development",
-  "version": "4.1.0-alpha.0",
+  "version": "4.1.0-alpha.3",
   "license": "Apache-2.0",
   "author": "JetBrains",
   "files": [
@@ -29,11 +29,12 @@
     "@rescui/tooltip": "0.x",
     "@rescui/typography": "0.x",
     "@rescui/ui-contexts": "0.x",
+    "@rescui/focus-manager": "0.x",
     "algoliasearch": "4.x",
     "formik": "2.x",
     "react": ">= 16.8.6 < 18",
     "react-dom": ">= 16.8.6 < 18",
-    "react-outside-click-handler": "^1.3.0",
+    "react-outside-click-handler": "1.x",
     "react-swipeable-views": "0.x",
     "sha.js": "2.x"
   },
@@ -47,6 +48,7 @@
     "@react-hook/resize-observer": "^1.2.5",
     "@rescui/button": "^0.2.1",
     "@rescui/checkbox": "^0.1.0",
+    "@rescui/focus-manager": "^0.1.1",
     "@rescui/icons": "^0.2.0",
     "@rescui/input": "^0.1.2",
     "@rescui/switcher": "^0.2.2",