@jetbrains/kotlin-web-site-ui 4.8.0-alpha.10 → 4.8.0-alpha.12

package/out/components/common/index.css

@@ -0,0 +1,8 @@
+:focus-visible, :focus[data-focus-method=key] {
+        outline: none;
+        box-shadow: var(--ktl-focus-outline);
+    }
+    :root {
+        --rs-h2-font-size-mobile: var(--rs-h2-font-size, 35px);
+        --rs-h2-line-height-mobile: var(--rs-h2-line-height, 42px);
+    }

package/out/components/common/index.js

@@ -0,0 +1 @@
+import './index.css';

package/out/components/footer/index.css

@@ -217,11 +217,6 @@
   -moz-osx-font-smoothing:grayscale;
 }
 
-.ktl-footer-module_footer_m67Up :focus-visible, .ktl-footer-module_footer_m67Up :focus[data-focus-method=key] {
-    outline: none;
-    box-shadow: var(--ktl-focus-outline);
-  }
-
 .ktl-footer-module_social-list-area_bS3eE {
   display: flex;
   align-items: center;

package/out/components/nav-item/index.css

@@ -0,0 +1,52 @@
+.ktl-nav-item-module_navItem_gRy22 {
+    padding: 0 12px;
+    height: 52px;
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    position: relative;
+    box-sizing: border-box;
+    border: 0;
+    background: none;
+    color: #ffffff;
+}
+
+    .ktl-nav-item-module_navItem_gRy22:hover {
+        background: rgba(255, 255, 255, 0.10);
+    }
+
+    .ktl-nav-item-module_navItem_gRy22:active {
+        box-shadow: #8979ff 0 0 0 4px;
+        outline: none
+    }
+
+.ktl-nav-item-module_rightIcon_XlxMF {
+    flex-direction: row-reverse;
+}
+
+.ktl-nav-item-module_navItemActive_gI8Nv::after {
+        content: '';
+        width: 100%;
+        height: 2px;
+        background: #ffffff;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+    }
+
+.ktl-nav-item-module_title_9VXwr {
+    display: block;
+}
+
+.ktl-nav-item-module_titleWithIcon_CVqpS {
+    margin-left: 8px;
+}
+
+.ktl-nav-item-module_titleWithIconRight_FwEnm {
+    margin-left: 0;
+    margin-right: 8px;
+}
+
+.ktl-nav-item-module_titleWithoutIcon_XgnMl {
+    margin: 0;
+}

package/out/components/nav-item/index.js

@@ -0,0 +1,34 @@
+import './index.css';
+import React from 'react';
+import cn from 'classnames';
+import styles from './nav-item.module.pcss.js';
+import { useTextStyles } from '@rescui/typography';
+
+const NavItem = ({
+  children,
+  icon,
+  active,
+  iconPosition,
+  onClick
+}) => {
+  const textCn = useTextStyles();
+  const navItemClass = cn(styles.navItem, {
+    [styles.navItemActive]: active,
+    [styles.rightIcon]: iconPosition === 'right'
+  });
+  const textStyles = cn(styles.title, {
+    [styles.titleWithIcon]: icon,
+    [styles.titleWithIconRight]: iconPosition === 'right',
+    [styles.titleWithoutIcon]: !children
+  });
+  return React.createElement("button", {
+    className: navItemClass,
+    onClick: onClick
+  }, icon ? icon : null, React.createElement("div", {
+    className: cn(textCn('rs-text-2', {
+      hardness: 'hard'
+    }), textStyles)
+  }, children));
+};
+
+export { NavItem, NavItem as default };

package/out/components/nav-item/nav-item.module.pcss.js

@@ -0,0 +1,10 @@
+var styles = {
+  "navItem": "ktl-nav-item-module_navItem_gRy22",
+  "rightIcon": "ktl-nav-item-module_rightIcon_XlxMF",
+  "navItemActive": "ktl-nav-item-module_navItemActive_gI8Nv",
+  "title": "ktl-nav-item-module_title_9VXwr",
+  "titleWithIcon": "ktl-nav-item-module_titleWithIcon_CVqpS",
+  "titleWithIconRight": "ktl-nav-item-module_titleWithIconRight_FwEnm",
+  "titleWithoutIcon": "ktl-nav-item-module_titleWithoutIcon_XgnMl"
+};
+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.8.0-alpha.10",
+  "version": "4.8.0-alpha.12",
   "license": "Apache-2.0",
   "author": "JetBrains",
   "files": [