@jetbrains/kotlin-web-site-ui 3.1.0 → 4.0.0-alpha.0

package/out/components/footer/nav/nav-data.js

@@ -0,0 +1,30 @@
+const navList = [{
+  url: 'https://kotlinlang.org/docs/contribute.html',
+  title: 'Contributing to Kotlin'
+}, {
+  url: 'https://kotlinlang.org/docs/releases.html',
+  title: 'Releases'
+}, {
+  url: 'https://kotlinlang.org/assets/kotlin-media-kit.pdf',
+  title: 'Press Kit'
+}, {
+  url: 'https://kotlinlang.org/docs/security.html',
+  title: 'Security'
+}, {
+  url: 'https://blog.jetbrains.com/kotlin/',
+  title: 'Blog',
+  isTargetBlank: true
+}, {
+  url: 'https://youtrack.jetbrains.com/issues/KT',
+  title: 'Issue Tracker',
+  isTargetBlank: true
+}, {
+  url: 'https://resources.jetbrains.com/storage/products/kotlin/docs/kotlin_logos.zip',
+  title: 'Brand assets',
+  isTargetBlank: true
+}, {
+  url: 'https://www.jetbrains.com/careers/jobs/?team=Kotlin',
+  title: 'Careers',
+  isTargetBlank: true
+}];
+export { navList };

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

@@ -0,0 +1,31 @@
+import { jsx } from 'react/jsx-runtime';
+import { useTheme } from '@rescui/ui-contexts';
+import classNames from 'classnames';
+import styles from './nav-item.module.pcss.js';
+import { useTextStyles } from '@rescui/typography';
+
+const NavItem = ({
+  data
+}) => {
+  const textCn = useTextStyles();
+  const theme = useTheme();
+  return jsx("li", Object.assign({
+    className: classNames(styles.navItem, {
+      [styles.navItemDarkTheme]: theme == 'dark'
+    })
+  }, {
+    children: jsx("a", Object.assign({
+      target: data.isTargetBlank ? '_blank' : undefined,
+      href: data.url,
+      title: data.title,
+      className: classNames(textCn('rs-text-2'), textCn('rs-link', {
+        hardness: 'average',
+        mode: 'clear'
+      }))
+    }, {
+      children: data.title
+    }), void 0)
+  }), void 0);
+};
+
+export { NavItem };

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

@@ -0,0 +1,5 @@
+var styles = {
+  "navItem": "ktl-nav-item-module_nav-item_isoyN",
+  "navItemDarkTheme": "ktl-nav-item-module_nav-item-dark-theme_FijdH"
+};
+export { styles as default };

package/out/components/footer/nav/nav-list.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import styles from './nav-list.module.pcss.js';
+import { navList } from './nav-data.js';
+import { NavItem } from './nav-item.js';
+
+const NavList = props => jsx("nav", Object.assign({
+  className: props.className
+}, {
+  children: jsx("ul", Object.assign({
+    className: styles.navList
+  }, {
+    children: navList.map(value => jsx(NavItem, {
+      data: value
+    }, value.url))
+  }), void 0)
+}), void 0);
+
+export { NavList };

package/out/components/footer/nav/nav-list.module.pcss.js

@@ -0,0 +1,4 @@
+var styles = {
+  "navList": "ktl-nav-list-module_nav-list_-k4np"
+};
+export { styles as default };

package/out/components/footer/social-list/social-data.js

@@ -0,0 +1,38 @@
+import SvgGithubLogo from './svg/github-logo.svg.js';
+import SvgRedditLogo from './svg/reddit-logo.svg.js';
+import SvgSlackLogo from './svg/slack-logo.svg.js';
+import SvgStackoverflowLogo from './svg/stackoverflow-logo.svg.js';
+import SvgTwitterLogo from './svg/twitter-logo.svg.js';
+import SvgYoutubeLogo from './svg/youtube-logo.svg.js';
+const socialList = [{
+  url: 'https://github.com/JetBrains/kotlin',
+  title: 'Kotlin on GitHub',
+  logoAlt: 'GitHub logo',
+  icon: SvgGithubLogo
+}, {
+  url: 'https://twitter.com/kotlin',
+  title: 'Kotlin on Twitter',
+  logoAlt: 'Twitter logo',
+  icon: SvgTwitterLogo
+}, {
+  url: 'https://surveys.jetbrains.com/s3/kotlin-slack-sign-up',
+  title: 'Kotlin Slack',
+  logoAlt: 'Slack logo',
+  icon: SvgSlackLogo
+}, {
+  url: 'https://www.reddit.com/r/Kotlin/',
+  title: 'Kotlin on Reddit',
+  logoAlt: 'Reddit logo',
+  icon: SvgRedditLogo
+}, {
+  url: 'https://stackoverflow.com/questions/tagged/kotlin',
+  title: 'Kotlin on Stack Overflow',
+  logoAlt: 'Stack Overflow logo',
+  icon: SvgStackoverflowLogo
+}, {
+  url: 'https://www.youtube.com/channel/UCP7uiEZIqci43m22KDl0sNw',
+  title: 'Kotlin on YouTube',
+  logoAlt: 'YouTube logo',
+  icon: SvgYoutubeLogo
+}];
+export { socialList };

package/out/components/footer/social-list/social-item/social-item.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { useTheme } from '@rescui/ui-contexts';
+import classNames from 'classnames';
+import styles from './social-item.module.pcss.js';
+
+const SocialItem = ({
+  socialNetwork
+}) => {
+  const SocialIcon = socialNetwork.icon;
+  const theme = useTheme();
+  return jsx("a", Object.assign({
+    target: "_blank",
+    className: classNames(styles.socialItem, {
+      [styles.socialItemDarkTheme]: theme === 'dark'
+    }),
+    href: socialNetwork.url,
+    title: socialNetwork.title
+  }, {
+    children: jsx(SocialIcon, {}, void 0)
+  }), void 0);
+};
+
+export { SocialItem };

package/out/components/footer/social-list/social-item/social-item.module.pcss.js

@@ -0,0 +1,5 @@
+var styles = {
+  "socialItem": "ktl-social-item-module_social-item_GpKEF",
+  "socialItemDarkTheme": "ktl-social-item-module_social-item-dark-theme_rOJWT"
+};
+export { styles as default };

package/out/components/footer/social-list/social-list.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import styles from './social-list.module.pcss.js';
+import { socialList } from './social-data.js';
+import { SocialItem } from './social-item/social-item.js';
+
+const SocialList = () => jsx("div", Object.assign({
+  className: styles.socialList
+}, {
+  children: socialList.map(socialNetwork => jsx(SocialItem, {
+    socialNetwork: socialNetwork
+  }, socialNetwork.url))
+}), void 0);
+
+export { SocialList };

package/out/components/footer/social-list/social-list.module.pcss.js

@@ -0,0 +1,4 @@
+var styles = {
+  "socialList": "ktl-social-list-module_social-list_K2Nqu"
+};
+export { styles as default };

package/out/components/footer/social-list/svg/github-logo.svg.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+
+var _path;
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+const SvgGithubLogo = props => /*#__PURE__*/React.createElement("svg", _extends({
+  width: 18,
+  height: 18,
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M17.9 9.2a8.94 8.94 0 0 1-6.4 8.6.392.392 0 0 1-.4-.4v-3a1.58 1.58 0 0 0-.5-1.2 3.734 3.734 0 0 0 3.9-3.4 4.244 4.244 0 0 0-.9-3.5c.29-.79.217-1.669-.2-2.4a7.24 7.24 0 0 0-2.4.9c-1.44-.4-2.96-.4-4.4 0a4.62 4.62 0 0 0-2.3-.9h-.1A2.75 2.75 0 0 0 4 6.3a4.075 4.075 0 0 0-.9 3.5A3.81 3.81 0 0 0 7 13.2c-.198.148-.34.36-.4.6a2.638 2.638 0 0 0-.1.7 1.943 1.943 0 0 1-2.2-.5c-.5-.8-.9-1.2-1.4-1.3-.5-.1-.6.2-.6.2.079.26.26.476.5.6.387.216.674.575.8 1a1.827 1.827 0 0 0 1.2 1.2 3.915 3.915 0 0 0 1.9 0v1.7a.297.297 0 0 1-.4.3A8.82 8.82 0 0 1 0 9.2a8.95 8.95 0 0 1 17.9 0Z",
+  fill: "currentColor"
+})));
+
+export { SvgGithubLogo as default };

package/out/components/footer/social-list/svg/reddit-logo.svg.js

@@ -0,0 +1,33 @@
+import * as React from 'react';
+
+var _path;
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+const SvgRedditLogo = props => /*#__PURE__*/React.createElement("svg", _extends({
+  width: 20,
+  height: 18,
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M20 9.068a2.183 2.183 0 0 0-2.186-2.186 2.2 2.2 0 0 0-1.524.61c-1.505-1.076-3.566-1.775-5.86-1.865L11.434.932l3.261.699a1.559 1.559 0 0 0 3.119-.072A1.56 1.56 0 0 0 16.254 0c-.609 0-1.147.358-1.397.878l-3.638-.77a.381.381 0 0 0-.287.053.347.347 0 0 0-.161.251L9.659 5.645c-2.33.072-4.426.77-5.95 1.864a2.2 2.2 0 0 0-1.523-.61 2.183 2.183 0 0 0-.896 4.176c-.036.22-.054.441-.053.664 0 3.368 3.924 6.11 8.763 6.11s8.764-2.723 8.764-6.11c0-.223-.018-.444-.054-.664A2.208 2.208 0 0 0 20 9.069Zm-15.018 1.56a1.56 1.56 0 0 1 3.118 0c0 .86-.698 1.559-1.559 1.559-.86.017-1.559-.7-1.559-1.56Zm8.728 4.139c-1.076 1.075-3.119 1.147-3.71 1.147-.61 0-2.652-.09-3.71-1.147a.4.4 0 0 1 0-.573.4.4 0 0 1 .574 0c.68.68 2.115.913 3.136.913 1.022 0 2.473-.232 3.136-.913a.401.401 0 0 1 .574 0 .436.436 0 0 1 0 .573Zm-.287-2.563a1.56 1.56 0 0 1 0-3.118c.86 0 1.56.699 1.56 1.56 0 .841-.7 1.558-1.56 1.558Z",
+  fill: "currentColor"
+})));
+
+export { SvgRedditLogo as default };

package/out/components/footer/social-list/svg/slack-logo.svg.js

@@ -0,0 +1,33 @@
+import * as React from 'react';
+
+var _path;
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+const SvgSlackLogo = props => /*#__PURE__*/React.createElement("svg", _extends({
+  width: 18,
+  height: 18,
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M6.63 9.49a1.895 1.895 0 0 0-1.89 1.89v4.73a1.89 1.89 0 1 0 3.78 0v-4.73a1.895 1.895 0 0 0-1.89-1.89ZM.01 11.38a1.89 1.89 0 1 0 3.78 0V9.49H1.91a1.897 1.897 0 0 0-1.9 1.89ZM6.63 0a1.89 1.89 0 1 0 0 3.78h1.89v-1.9A1.886 1.886 0 0 0 6.63 0ZM1.89 8.53h4.74a1.89 1.89 0 1 0 0-3.78H1.89a1.89 1.89 0 0 0 0 3.78Zm14.2-3.79a1.895 1.895 0 0 0-1.89 1.89v1.89h1.89a1.89 1.89 0 1 0 0-3.78ZM9.48 1.89v4.74a1.89 1.89 0 1 0 3.78 0V1.89a1.89 1.89 0 1 0-3.78 0Zm3.78 14.22a1.895 1.895 0 0 0-1.89-1.89H9.48v1.89a1.89 1.89 0 1 0 3.78 0Zm2.85-6.62h-4.74a1.89 1.89 0 1 0 0 3.78h4.74a1.89 1.89 0 1 0 0-3.78Z",
+  fill: "currentColor"
+})));
+
+export { SvgSlackLogo as default };

package/out/components/footer/social-list/svg/stackoverflow-logo.svg.js

@@ -0,0 +1,36 @@
+import * as React from 'react';
+
+var _path, _path2;
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+const SvgStackoverflowLogo = props => /*#__PURE__*/React.createElement("svg", _extends({
+  width: 16,
+  height: 19,
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M13.527 17.27V12.19h1.685v6.764H0v-6.763h1.685v5.078h11.842Z",
+  fill: "currentColor"
+})), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+  d: "m3.546 11.71 8.274 1.73.35-1.664-8.274-1.73-.35 1.664ZM4.64 7.77l7.661 3.568.7-1.532-7.66-3.59-.7 1.554Zm2.123-3.765 6.501 5.407 1.073-1.292-6.501-5.406-1.073 1.291ZM10.966 0 9.609 1.007l5.034 6.785L16 6.785 10.966 0ZM3.37 15.562h8.448v-1.685H3.371v1.685Z",
+  fill: "currentColor"
+})));
+
+export { SvgStackoverflowLogo as default };

package/out/components/footer/social-list/svg/twitter-logo.svg.js

@@ -0,0 +1,33 @@
+import * as React from 'react';
+
+var _path;
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+const SvgTwitterLogo = props => /*#__PURE__*/React.createElement("svg", _extends({
+  width: 20,
+  height: 17,
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M6.29 16.25A11.59 11.59 0 0 0 18 4.58v-.53a8.3 8.3 0 0 0 2-2.13 8.36 8.36 0 0 1-2.36.65A4.16 4.16 0 0 0 19.45.3a8.19 8.19 0 0 1-2.61 1 4.11 4.11 0 0 0-7 3.75A11.7 11.7 0 0 1 1.39.75a4.11 4.11 0 0 0 1.27 5.48A4.06 4.06 0 0 1 .8 5.71a4.11 4.11 0 0 0 3.29 4 4.13 4.13 0 0 1-1.85.07 4.12 4.12 0 0 0 3.83 2.85A8.25 8.25 0 0 1 1 14.47a7.94 7.94 0 0 1-1-.06 11.69 11.69 0 0 0 6.29 1.84Z",
+  fill: "currentColor"
+})));
+
+export { SvgTwitterLogo as default };

package/out/components/footer/social-list/svg/youtube-logo.svg.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+
+var _path;
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+const SvgYoutubeLogo = props => /*#__PURE__*/React.createElement("svg", _extends({
+  width: 24,
+  height: 24,
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M21.005 5.617c.43.633.702 1.36.795 2.119.124 1.146.191 2.299.2 3.452v1.618a34.375 34.375 0 0 1-.2 3.454 4.808 4.808 0 0 1-.795 2.116 2.772 2.772 0 0 1-2.003.904c-2.8.215-7.002.222-7.002.222s-5.2-.05-6.8-.214a3.27 3.27 0 0 1-2.205-.912 4.8 4.8 0 0 1-.795-2.117 34.354 34.354 0 0 1-.2-3.453v-1.618c.009-1.154.075-2.306.2-3.452.093-.76.365-1.486.795-2.12a2.76 2.76 0 0 1 2.003-.901c2.799-.217 6.997-.217 6.997-.217h.01s4.198 0 6.997.217a2.76 2.76 0 0 1 2.003.902ZM15.755 12 9.501 8.249v7.502L15.754 12Z",
+  fill: "currentColor"
+})));
+
+export { SvgYoutubeLogo as default };