@jetbrains/kotlin-web-site-ui 4.8.0-alpha.5 → 4.8.0-alpha.7

package/out/components/footer/footer.js

@@ -1,5 +1,4 @@
 import React__default from 'react';
-import { useTheme } from '@rescui/ui-contexts';
 import { SocialList } from './social-list/social-list.js';
 import { NavList } from './nav/nav-list.js';
 import { Logo } from './logo/logo.js';
@@ -12,15 +11,11 @@ const Footer = ({
   className
 }) => {
   const textCn = useTextStyles();
-  const theme = useTheme();
   const linkClass = textCn('rs-link', {
-    hardness: 'hard',
-    mode: 'clear'
+    hardness: 'hard'
   });
   return React__default.createElement("footer", {
-    className: classNames(styles.footer, className, {
-      [styles.footerDarkTheme]: theme === 'dark'
-    }),
+    className: classNames(styles.footer, className),
     ref: forwardedRef
   }, React__default.createElement("div", {
     className: 'ktl-layout ktl-layout--center'
@@ -37,18 +32,18 @@ const Footer = ({
   }, React__default.createElement("div", {
     className: styles.motto
   }, "Supported and developed by\u00A0", React__default.createElement("a", {
-    className: classNames(linkClass, styles.underlinedLink),
+    className: classNames(linkClass),
     href: "https://www.jetbrains.com/",
     target: "_blank"
   }, "JetBrains"), "."), React__default.createElement("div", {
     className: styles.copyright
   }, "Kotlin\u2122 is\u00A0protected under the", ' ', React__default.createElement("a", {
-    className: classNames(linkClass, styles.underlinedLink),
+    className: classNames(linkClass),
     href: "https://kotlinlang.org/foundation/kotlin-foundation.html"
   }, "Kotlin\u00A0Foundation"), ' ', React__default.createElement("br", {
     className: styles.copyrightBreakLine
-  }), "and licensed under the", ' ', React__default.createElement("a", {
-    className: classNames(linkClass, styles.underlinedLink),
+  }), "and\u00A0licensed under the", ' ', React__default.createElement("a", {
+    className: classNames(linkClass),
     target: "_blank",
     href: "https://github.com/JetBrains/kotlin-web-site/blob/master/LICENSE"
   }, "Apache 2\u00A0license"), "."))));

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

@@ -1,7 +1,5 @@
 var styles = {
   "footer": "ktl-footer-module_footer_m67Up",
-  "footerDarkTheme": "ktl-footer-module_footer-dark-theme_YUAFI",
-  "underlinedLink": "ktl-footer-module_underlined-link_G0wkq",
   "socialListArea": "ktl-footer-module_social-list-area_bS3eE",
   "socialListTitle": "ktl-footer-module_social-list-title_HPzIP",
   "textArea": "ktl-footer-module_text-area_flccc",

package/out/components/footer/index.css

@@ -41,6 +41,7 @@
   --ktl-header-height-mobile: 52px;
   --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
   --rs-font-family-ui: var(--ktl-font-family-inter);
+  --ktl-focus-outline: rgba(107,87,255,.8) 0 0 0 4px;
 }
 
 :root {
@@ -106,6 +107,7 @@
   --ktl-header-height-mobile: 52px;
   --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
   --rs-font-family-ui: var(--ktl-font-family-inter);
+  --ktl-focus-outline: rgba(107,87,255,.8) 0 0 0 4px;
 }
 
 :root {
@@ -136,9 +138,9 @@
   right: 0;
   top: 50%;
   width: 1px;
-  height: 12px;
+  height: var(--ktl-box-section-s);
   transform: translateY(-50%);
-  background-color: rgba(39, 40, 44, 0.2);
+  background-color: rgba(255, 255, 255, 0.2);
 }
 
 .ktl-nav-item-module_nav-item_isoyN:last-child {
@@ -191,6 +193,7 @@
   --ktl-header-height-mobile: 52px;
   --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
   --rs-font-family-ui: var(--ktl-font-family-inter);
+  --ktl-focus-outline: rgba(107,87,255,.8) 0 0 0 4px;
 }
 
 :root {
@@ -208,7 +211,7 @@
 }
 
 .ktl-footer-module_footer_m67Up {
-  background: var(--ktl-light-grey);
+  background: var(--ktl-dark-100);
   padding: var(--ktl-box-page-m) 0;
   min-width: 320px;
   box-sizing: border-box;
@@ -218,14 +221,6 @@
   -moz-osx-font-smoothing:grayscale;
 }
 
-.ktl-footer-module_footer-dark-theme_YUAFI {
-  background: var(--ktl-dark-100);
-}
-
-.ktl-footer-module_footer-dark-theme_YUAFI .ktl-footer-module_underlined-link_G0wkq {
-    border-color: inherit;
-  }
-
 .ktl-footer-module_social-list-area_bS3eE {
   display: flex;
   align-items: center;
@@ -247,10 +242,6 @@
   display: inline;
 }
 
-.ktl-footer-module_underlined-link_G0wkq {
-  border-color: var(--ktl-light-dark-20);
-}
-
 .ktl-footer-module_copyrightBreakLine_0hI7E {
   display: none;
 }
@@ -277,7 +268,11 @@
 
 @media (max-width: 472px) {
   .ktl-footer-module_footer_m67Up {
-    padding: var(--ktl-box-section-s) 0;
+    padding: var(--ktl-box-section-s) 0 var(--ktl-box-section-l);
+  }
+
+  .ktl-footer-module_copyrightBreakLine_0hI7E {
+    display: none;
   }
 }
 .ktl-layout {

package/out/components/header/index.css

@@ -42,6 +42,7 @@
   --ktl-header-height-mobile: 52px;
   --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
   --rs-font-family-ui: var(--ktl-font-family-inter);
+  --ktl-focus-outline: rgba(107,87,255,.8) 0 0 0 4px;
 }
 
 :root {
@@ -107,6 +108,7 @@
   --ktl-header-height-mobile: 52px;
   --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
   --rs-font-family-ui: var(--ktl-font-family-inter);
+  --ktl-focus-outline: rgba(107,87,255,.8) 0 0 0 4px;
 }
 
 :root {
@@ -271,6 +273,7 @@
   --ktl-header-height-mobile: 52px;
   --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
   --rs-font-family-ui: var(--ktl-font-family-inter);
+  --ktl-focus-outline: rgba(107,87,255,.8) 0 0 0 4px;
 }
 
 :root {
@@ -749,6 +752,7 @@
   --ktl-header-height-mobile: 52px;
   --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
   --rs-font-family-ui: var(--ktl-font-family-inter);
+  --ktl-focus-outline: rgba(107,87,255,.8) 0 0 0 4px;
 }
 
 :root {
@@ -827,6 +831,7 @@
   --ktl-header-height-mobile: 52px;
   --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
   --rs-font-family-ui: var(--ktl-font-family-inter);
+  --ktl-focus-outline: rgba(107,87,255,.8) 0 0 0 4px;
 }
 
 :root {
@@ -900,6 +905,7 @@
   --ktl-header-height-mobile: 52px;
   --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
   --rs-font-family-ui: var(--ktl-font-family-inter);
+  --ktl-focus-outline: rgba(107,87,255,.8) 0 0 0 4px;
 }
 
 :root {

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

@@ -18,6 +18,7 @@
   --ktl-header-height-mobile: 52px;
   --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
   --rs-font-family-ui: var(--ktl-font-family-inter);
+  --ktl-focus-outline: rgba(107,87,255,.8) 0 0 0 4px;
 }
 
 :root {
@@ -110,6 +111,7 @@
   --ktl-header-height-mobile: 52px;
   --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
   --rs-font-family-ui: var(--ktl-font-family-inter);
+  --ktl-focus-outline: rgba(107,87,255,.8) 0 0 0 4px;
 }
 
 :root {

package/out/components/typography/index.css

@@ -18,6 +18,7 @@
   --ktl-header-height-mobile: 52px;
   --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
   --rs-font-family-ui: var(--ktl-font-family-inter);
+  --ktl-focus-outline: rgba(107,87,255,.8) 0 0 0 4px;
 }
 
 :root {
@@ -189,4 +190,9 @@
 
 .ktl-text-3_theme_dark {
             color: #fff;
-        }
+        }
+
+:focus-visible, :focus[data-focus-method=key] {
+        outline: none;
+        box-shadow: var(--ktl-focus-outline);
+    }

package/out/components/youtube-player/index.css

@@ -18,6 +18,7 @@
   --ktl-header-height-mobile: 52px;
   --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
   --rs-font-family-ui: var(--ktl-font-family-inter);
+  --ktl-focus-outline: rgba(107,87,255,.8) 0 0 0 4px;
 }
 
 :root {

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.5",
+  "version": "4.8.0-alpha.7",
   "license": "Apache-2.0",
   "author": "JetBrains",
   "files": [
@@ -48,7 +48,7 @@
     "@babel/preset-typescript": "^7.13.0",
     "@babel/register": "^7.11.5",
     "@react-hook/resize-observer": "^1.2.5",
-    "@rescui/button": "^0.9.4",
+    "@rescui/button": "^0.10.0",
     "@rescui/checkbox": "^0.1.0",
     "@rescui/focus-manager": "^0.1.1",
     "@rescui/icons": "^0.12.0",
@@ -56,8 +56,8 @@
     "@rescui/menu": "^0.9.4",
     "@rescui/switcher": "^0.2.2",
     "@rescui/tooltip": "^0.1.2",
-    "@rescui/typography": "^0.7.3",
-    "@rescui/ui-contexts": "^0.1.3",
+    "@rescui/typography": "^0.11.0",
+    "@rescui/ui-contexts": "^0.4.3",
     "@rollup/plugin-babel": "^5.3.1",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.1.3",

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

@@ -1,46 +0,0 @@
-.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_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

@@ -1,34 +0,0 @@
-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("div", {
-    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

@@ -1,10 +0,0 @@
-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 };