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

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/cta-block-v2/index.css

@@ -1,11 +1,5 @@
 .ktl-cta-block-module_wrapper_U-RIE {
-    background: radial-gradient(
-            89.53% 145.96% at 0.34% 100.79%,
-            #EF4857 0%,
-            #DE4970 17.58%,
-            #B44DB0 50.31%,
-            #7F52FF 97.03%
-    );
+    background: linear-gradient(90deg, #E54857 0%, #C811E2 50%, #7F52FF 100%);
 
     padding: var(--ktl-box-page-m) 0;
 }

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/out/components/youtube-player/index.css

@@ -99,6 +99,14 @@
     background: var(--ktl-color-primary-light-theme);
   }
 
+.ktl-youtube-player-module_play-button_inversed_ENTdT {
+    background: #19191C;
+  }
+
+.ktl-youtube-player-module_play-button_inversed_ENTdT svg {
+      fill: #ffffff;
+    }
+
 .ktl-youtube-player-module_hide_w9Dr2 {
   display: none;
 }

package/out/components/youtube-player/youtube-player.js

@@ -10,6 +10,7 @@ var YoutubePlayButtonMode;
   YoutubePlayButtonMode[YoutubePlayButtonMode["White"] = 0] = "White";
   YoutubePlayButtonMode[YoutubePlayButtonMode["Black"] = 1] = "Black";
   YoutubePlayButtonMode[YoutubePlayButtonMode["Primary"] = 2] = "Primary";
+  YoutubePlayButtonMode[YoutubePlayButtonMode["Inversed"] = 3] = "Inversed";
 })(YoutubePlayButtonMode || (YoutubePlayButtonMode = {}));
 
 var YoutubePlayerMode;
@@ -132,7 +133,8 @@ const YoutubePlayer = ({
       [styles.hide]: showVideo && !videoLoading,
       [styles.playButtonWhite]: playButtonMode === YoutubePlayButtonMode.White,
       [styles.playButtonBlack]: playButtonMode === YoutubePlayButtonMode.Black,
-      [styles.playButtonPrimary]: playButtonMode === YoutubePlayButtonMode.Primary
+      [styles.playButtonPrimary]: playButtonMode === YoutubePlayButtonMode.Primary,
+      [styles.playButtonInversed]: playButtonMode === YoutubePlayButtonMode.Inversed
     })
   }, videoLoading ? React__default.createElement(SvgLoading24, {
     className: styles.iconLoading

package/out/components/youtube-player/youtube-player.module.pcss.js

@@ -7,6 +7,7 @@ var styles = {
   "playButtonWhite": "ktl-youtube-player-module_play-button_white_jsj-J",
   "playButtonBlack": "ktl-youtube-player-module_play-button_black_N4JvM",
   "playButtonPrimary": "ktl-youtube-player-module_play-button_primary_rk5oW",
+  "playButtonInversed": "ktl-youtube-player-module_play-button_inversed_ENTdT",
   "hide": "ktl-youtube-player-module_hide_w9Dr2",
   "imagePreview": "ktl-youtube-player-module_image-preview_qXCFf",
   "showVideo": "ktl-youtube-player-module_show-video_Y1Ri-",

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.13",
   "license": "Apache-2.0",
   "author": "JetBrains",
   "files": [