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

package/out/components/grid/index.js

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

package/out/components/header/consts.js

@@ -0,0 +1,3 @@
+const KOTLINLANG_URL = 'https://kotlinlang.org';
+const PLAYGROUND_URL = 'https://play.kotlinlang.org/';
+export { KOTLINLANG_URL, PLAYGROUND_URL };

package/out/components/header/header.js

@@ -0,0 +1,68 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef, useState, useMemo, useRef, useImperativeHandle, useLayoutEffect } from 'react';
+import { ThemeProvider } from '@rescui/ui-contexts';
+import useResizeObserver from '@react-hook/resize-observer';
+import { LogoLarge } from './logo-large/logo-large.js';
+import styles from './header.module.pcss.js';
+import { getNavScheme } from './nav-scheme.js';
+import { HorizontalMenu } from './horizontal-menu/horizontal-menu.js';
+import { SearchButton } from './search-button/search-button.js';
+import { MenuPopup } from './menu-popup/menu-popup.js';
+import { LogoSmall } from './logo-small/logo-small.js';
+import classNames from 'classnames';
+const MENU_POPUP_BREAKPOINT = 640;
+const Header = forwardRef(({
+  productWebUrl,
+  hasSearch = false,
+  onSearchClick,
+  currentUrl,
+  currentTitle,
+  className,
+  hasBorder = true,
+  dropdownTheme = 'dark',
+  linkHandler,
+  isPlayground,
+  isUrlActive
+}, forwardedRef) => {
+  const [menuPopupExpanded, setMenuPopupExpanded] = useState(false);
+  const [isMenuPopupVisible, setIsMenuPopupVisible] = useState(false);
+  const items = useMemo(() => getNavScheme(isUrlActive, currentUrl, isPlayground), [isUrlActive, currentUrl, isPlayground]);
+  const headerRef = useRef(null);
+  useImperativeHandle(forwardedRef, () => headerRef.current);
+  useLayoutEffect(() => {
+    setIsMenuPopupVisible((headerRef.current?.getBoundingClientRect?.().width ?? 0) <= MENU_POPUP_BREAKPOINT);
+  }, [headerRef]);
+  useResizeObserver(headerRef, entry => setIsMenuPopupVisible(entry.contentRect.width <= MENU_POPUP_BREAKPOINT));
+  return jsx(ThemeProvider, Object.assign({
+    theme: 'dark'
+  }, {
+    children: jsxs("header", Object.assign({
+      ref: headerRef,
+      className: classNames(styles.headerMenu, className, {
+        [styles.withMenuPopup]: menuPopupExpanded,
+        [styles.border]: hasBorder
+      })
+    }, {
+      children: [isMenuPopupVisible && currentTitle && currentUrl && !menuPopupExpanded ? jsx(LogoSmall, {
+        homeTitle: currentTitle,
+        homeUrl: currentUrl
+      }, void 0) : jsx(LogoLarge, {
+        productWebUrl: productWebUrl
+      }, void 0), !isMenuPopupVisible && jsx(HorizontalMenu, {
+        items: items,
+        theme: dropdownTheme,
+        linkHandler: linkHandler
+      }, void 0), jsx(SearchButton, {
+        onClick: onSearchClick,
+        isActive: hasSearch && !!onSearchClick
+      }, void 0), isMenuPopupVisible && jsx(MenuPopup, {
+        items: items,
+        setExpand: setMenuPopupExpanded,
+        isExpanded: menuPopupExpanded,
+        headerRef: headerRef,
+        linkHandler: linkHandler
+      }, void 0)]
+    }), void 0)
+  }), void 0);
+});
+export { Header };

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

@@ -0,0 +1,6 @@
+var styles = {
+  "headerMenu": "ktl-header-module_header-menu_wh71L",
+  "border": "ktl-header-module_border_paN11",
+  "withMenuPopup": "ktl-header-module_with-menu-popup_Bcffw"
+};
+export { styles as default };

package/out/components/header/horizontal-menu/horizontal-menu.js

@@ -0,0 +1,110 @@
+import { useState, useEffect, createElement } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import styles from './horizontal-menu.module.pcss.js';
+import { useTextStyles } from '@rescui/typography';
+
+const DropdownMenu = ({
+  items,
+  isExpanded,
+  alignRight,
+  linkHandler
+}) => {
+  const textCn = useTextStyles();
+  return jsx("ul", Object.assign({
+    className: classNames(styles.dropdownMenu, textCn('rs-text-2'), {
+      [styles.dropdownMenuExpanded]: isExpanded,
+      [styles.dropdownMenuAlignRight]: alignRight
+    })
+  }, {
+    children: items.map((item, key) => {
+      const Tag = !item.isActive && item.url ? 'a' : 'span';
+      return jsx("li", {
+        children: jsx(Tag, Object.assign({
+          className: classNames(styles.dropdownMenuItem, {
+            [styles.active]: item.isActive
+          })
+        }, item.url ? {
+          href: item.url,
+          onClick: linkHandler ? event => item.url && linkHandler(event, item.url) : undefined
+        } : {}, {
+          children: item.title
+        }), void 0)
+      }, key);
+    })
+  }), void 0);
+};
+
+const HorizontalMenuItem = ({
+  item,
+  onMouseEnter,
+  onMouseLeave,
+  isExpanded,
+  isLast,
+  linkHandler
+}) => {
+  const Tag = item.isActive || !item.url ? 'span' : 'a';
+  const textCn = useTextStyles();
+
+  const handleEnter = () => onMouseEnter(item);
+
+  return jsxs("li", Object.assign({
+    className: styles.menuItemWrap,
+    onMouseEnter: handleEnter,
+    onMouseLeave: onMouseLeave
+  }, {
+    children: [createElement(Tag, Object.assign({}, item.url ? {
+      href: item.url,
+      onClick: linkHandler ? event => item.url && linkHandler(event, item.url) : undefined
+    } : {}, {
+      key: item.title,
+      className: classNames(styles.menuItem, textCn('rs-text-2'), {
+        [styles.itemActive]: item.isActive,
+        [styles.expanded]: isExpanded && !!item.items?.length
+      })
+    }), item.title), !!item.items?.length && jsx(DropdownMenu, {
+      items: item.items,
+      isExpanded: isExpanded,
+      alignRight: isLast,
+      linkHandler: linkHandler
+    }, void 0)]
+  }), void 0);
+};
+
+const HorizontalMenu = ({
+  items,
+  theme,
+  linkHandler
+}) => {
+  const [activeIndex, setActiveIndex] = useState(-1);
+  const [debouncedActiveIndex, setDebouncedActiveIndex] = useState(activeIndex);
+  useEffect(() => {
+    const handler = setTimeout(() => setDebouncedActiveIndex(activeIndex), activeIndex !== -1 ? 200 : 400);
+    return () => clearTimeout(handler);
+  }, [activeIndex]);
+
+  const handleEnter = item => setActiveIndex(items.findIndex(val => val === item));
+
+  const handleLeave = () => setActiveIndex(-1);
+
+  return jsx("nav", Object.assign({
+    className: classNames(styles.nav, {
+      [styles.darkTheme]: theme === 'dark'
+    })
+  }, {
+    children: jsx("ul", Object.assign({
+      className: styles.menuList
+    }, {
+      children: items.map((item, index) => jsx(HorizontalMenuItem, {
+        item: item,
+        onMouseEnter: handleEnter,
+        onMouseLeave: handleLeave,
+        isExpanded: index === debouncedActiveIndex,
+        isLast: index === items.length - 1,
+        linkHandler: linkHandler
+      }, index))
+    }), void 0)
+  }), void 0);
+};
+
+export { HorizontalMenu };

package/out/components/header/horizontal-menu/horizontal-menu.module.pcss.js

@@ -0,0 +1,16 @@
+var styles = {
+  "nav": "ktl-horizontal-menu-module_nav_gbA7M",
+  "menuList": "ktl-horizontal-menu-module_menu-list_TJnOF",
+  "menuItemWrap": "ktl-horizontal-menu-module_menu-item-wrap_j6zB-",
+  "menuItem": "ktl-horizontal-menu-module_menu-item_CXDEW",
+  "expanded": "ktl-horizontal-menu-module_expanded_3GFPc",
+  "itemActive": "ktl-horizontal-menu-module_item-active_Zca2K",
+  "dropdownMenu": "ktl-horizontal-menu-module_dropdown-menu_jwdWI",
+  "fadeIn": "ktl-horizontal-menu-module_fade-in_FGwhC",
+  "darkTheme": "ktl-horizontal-menu-module_dark-theme_gfxx6",
+  "dropdownMenuItem": "ktl-horizontal-menu-module_dropdown-menu-item_9gjwH",
+  "active": "ktl-horizontal-menu-module_active_m5fs-",
+  "dropdownMenuExpanded": "ktl-horizontal-menu-module_dropdown-menu-expanded_eX8Jy",
+  "dropdownMenuAlignRight": "ktl-horizontal-menu-module_dropdown-menu-align-right_YeB-9"
+};
+export { styles as default };

package/out/components/header/index.css

@@ -0,0 +1,402 @@
+.ktl-logo-large-module_container_35w4p {
+  flex-grow: 1;
+  display: flex;
+  align-items: flex-start;
+}
+
+.ktl-logo-large-module_link_AOGas {
+  display: block;
+  width: 100px;
+  height: 24px;
+  text-decoration: none;
+  margin-left: -4px;
+  cursor: pointer;
+}
+
+.ktl-logo-large-module_version-tag_k12Hw {
+  line-height: 16px;
+  text-decoration: none;
+  color: rgba(255, 255, 255, 0.75);
+}
+
+.ktl-logo-large-module_version-tag_k12Hw:hover {
+    color: #ffffff;
+  }
+
+:root {
+  --ktl-light-grey: #f4f4f4;
+  --ktl-dark-100: rgba(39, 40, 44, 1);
+  --ktl-dark-bg-hard: rgba(27, 27, 27, 1);
+  --ktl-icon-color-dark: rgba(39, 40, 44, 0.75);
+  --ktl-color-white-light: rgba(255, 255, 255, 0.75);
+  --ktl-transition-xfast: 100ms;
+  --ktl-transition-fast: 300ms;
+  --ktl-color-primary-light-theme: #7f52ff;
+  --ktl-color-dark-40: rgba(39, 40, 44, 0.4);
+  --ktl-light-text-hard: rgba(39, 40, 44, 1);
+  --ktl-light-dark-20: rgba(39, 40, 44, 0.2);
+  --ktl-overlay-z-index: 900;
+  --ktl-top-menu-z-index: 905;
+  --ktl-header-z-index: 906;
+  --ktl-header-height-mobile: 48px;
+  --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-header-module_header-menu_wh71L {
+  position: relative;
+  padding: 0 32px;
+  background: var(--ktl-dark-100);
+  display: flex;
+  align-items: center;
+  height: 64px;
+  justify-content: space-between;
+  z-index: var(--ktl-header-z-index);
+}
+
+.ktl-header-module_border_paN11 {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2);
+}
+
+@media (max-width: 640px) {
+  .ktl-header-module_header-menu_wh71L {
+    padding: 0 16px;
+    height: var(--ktl-header-height-mobile);
+  }
+
+  .ktl-header-module_header-menu_wh71L:not(.ktl-header-module_with-menu-popup_Bcffw) {
+    box-shadow: none;
+  }
+}
+
+:root {
+  --ktl-light-grey: #f4f4f4;
+  --ktl-dark-100: rgba(39, 40, 44, 1);
+  --ktl-dark-bg-hard: rgba(27, 27, 27, 1);
+  --ktl-icon-color-dark: rgba(39, 40, 44, 0.75);
+  --ktl-color-white-light: rgba(255, 255, 255, 0.75);
+  --ktl-transition-xfast: 100ms;
+  --ktl-transition-fast: 300ms;
+  --ktl-color-primary-light-theme: #7f52ff;
+  --ktl-color-dark-40: rgba(39, 40, 44, 0.4);
+  --ktl-light-text-hard: rgba(39, 40, 44, 1);
+  --ktl-light-dark-20: rgba(39, 40, 44, 0.2);
+  --ktl-overlay-z-index: 900;
+  --ktl-top-menu-z-index: 905;
+  --ktl-header-z-index: 906;
+  --ktl-header-height-mobile: 48px;
+  --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-horizontal-menu-module_nav_gbA7M {
+  display: block;
+}
+
+.ktl-horizontal-menu-module_menu-list_TJnOF {
+  display: grid;
+  grid-auto-flow: column;
+  gap: 32px;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.ktl-horizontal-menu-module_menu-item-wrap_j6zB- {
+  position: relative;
+}
+
+.ktl-horizontal-menu-module_menu-item_CXDEW {
+  display: block;
+  line-height: 60px !important;
+  color: rgba(255, 255, 255, 0.75);
+  border-top: 2px solid transparent;
+  border-bottom: 2px solid transparent;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.ktl-horizontal-menu-module_menu-item_CXDEW:hover,
+  .ktl-horizontal-menu-module_menu-item_CXDEW.ktl-horizontal-menu-module_expanded_3GFPc {
+    color: #ffffff;
+    border-bottom-color: rgba(255, 255, 255, 0.4);
+    text-decoration: none;
+  }
+
+.ktl-horizontal-menu-module_menu-item_CXDEW.ktl-horizontal-menu-module_item-active_Zca2K {
+    color: #ffffff;
+    border-bottom-color: inherit;
+  }
+
+.ktl-horizontal-menu-module_dropdown-menu_jwdWI {
+  display: none;
+  position: absolute;
+  top: 100%;
+  min-width: 260px;
+  margin: 8px 0 0 0;
+  list-style: none;
+  padding: 8px 0;
+  white-space: nowrap;
+  background: rgba(255, 255, 255, 1);
+  border: 1px solid rgba(39, 40, 44, 0.7);
+  -webkit-animation: ktl-horizontal-menu-module_fade-in_FGwhC ease-out var(--ktl-transition-fast) forwards;
+          animation: ktl-horizontal-menu-module_fade-in_FGwhC ease-out var(--ktl-transition-fast) forwards;
+}
+
+.ktl-horizontal-menu-module_dark-theme_gfxx6 .ktl-horizontal-menu-module_dropdown-menu_jwdWI {
+  background: var(--ktl-dark-100);
+  border-color: rgba(255, 255, 255, 0.2);
+}
+
+.ktl-horizontal-menu-module_dark-theme_gfxx6 .ktl-horizontal-menu-module_dropdown-menu_jwdWI .ktl-horizontal-menu-module_dropdown-menu-item_9gjwH {
+    color: var(--ktl-color-white-light);
+  }
+
+.ktl-horizontal-menu-module_dark-theme_gfxx6 .ktl-horizontal-menu-module_dropdown-menu_jwdWI .ktl-horizontal-menu-module_dropdown-menu-item_9gjwH:hover {
+      color: rgba(255, 255, 255, 1);
+      background: rgba(255, 255, 255, 0.1);
+    }
+
+.ktl-horizontal-menu-module_dark-theme_gfxx6 .ktl-horizontal-menu-module_dropdown-menu_jwdWI .ktl-horizontal-menu-module_dropdown-menu-item_9gjwH.ktl-horizontal-menu-module_active_m5fs- {
+      color: var(--ktl-dark-100);
+      background: rgba(255, 255, 255, 1);
+    }
+
+.ktl-horizontal-menu-module_dropdown-menu-expanded_eX8Jy {
+  display: block;
+}
+
+.ktl-horizontal-menu-module_dropdown-menu-align-right_YeB-9 {
+  right: 0;
+}
+
+.ktl-horizontal-menu-module_dropdown-menu-item_9gjwH {
+  display: block;
+  text-decoration: none;
+  padding: 8px 16px;
+  color: var(--ktl-dark-100);
+  transition: color var(--ktl-transition-fast),
+    background var(--ktl-transition-fast);
+}
+
+.ktl-horizontal-menu-module_dropdown-menu-item_9gjwH:hover {
+    color: var(--ktl-dark-100);
+    background: rgba(39, 40, 44, 0.1);
+    text-decoration: none;
+  }
+
+.ktl-horizontal-menu-module_dropdown-menu-item_9gjwH.ktl-horizontal-menu-module_active_m5fs- {
+    color: rgba(255, 255, 255, 1);
+    background: var(--ktl-dark-100);
+    cursor: default;
+  }
+
+@-webkit-keyframes ktl-horizontal-menu-module_fade-in_FGwhC {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes ktl-horizontal-menu-module_fade-in_FGwhC {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+:root {
+  --ktl-light-grey: #f4f4f4;
+  --ktl-dark-100: rgba(39, 40, 44, 1);
+  --ktl-dark-bg-hard: rgba(27, 27, 27, 1);
+  --ktl-icon-color-dark: rgba(39, 40, 44, 0.75);
+  --ktl-color-white-light: rgba(255, 255, 255, 0.75);
+  --ktl-transition-xfast: 100ms;
+  --ktl-transition-fast: 300ms;
+  --ktl-color-primary-light-theme: #7f52ff;
+  --ktl-color-dark-40: rgba(39, 40, 44, 0.4);
+  --ktl-light-text-hard: rgba(39, 40, 44, 1);
+  --ktl-light-dark-20: rgba(39, 40, 44, 0.2);
+  --ktl-overlay-z-index: 900;
+  --ktl-top-menu-z-index: 905;
+  --ktl-header-z-index: 906;
+  --ktl-header-height-mobile: 48px;
+  --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-search-button-module_button_YHJPv {
+  display: flex;
+  visibility: hidden;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border: 0 none transparent;
+  outline: 0 none transparent;
+  cursor: pointer;
+  background: none;
+  padding: 0;
+  margin: 0 0 0 32px;
+  width: 24px;
+  height: 24px;
+  align-items: center;
+  justify-content: center;
+  transition: color var(--ktl-transition-xfast),
+    background-color var(--ktl-transition-xfast);
+  color: var(--ktl-color-white-light);
+}
+
+.ktl-search-button-module_button_YHJPv.ktl-search-button-module_active_lUmdh {
+    visibility: visible;
+  }
+
+.ktl-search-button-module_button_YHJPv:hover,
+  .ktl-search-button-module_button_YHJPv :focus {
+    color: #ffffff;
+  }
+
+@media (max-width: 640px) {
+  .ktl-search-button-module_button_YHJPv {
+    display: none;
+    margin: 0 16px 0 0;
+  }
+
+    .ktl-search-button-module_button_YHJPv.ktl-search-button-module_active_lUmdh {
+      display: flex;
+    }
+}
+
+:root {
+  --ktl-light-grey: #f4f4f4;
+  --ktl-dark-100: rgba(39, 40, 44, 1);
+  --ktl-dark-bg-hard: rgba(27, 27, 27, 1);
+  --ktl-icon-color-dark: rgba(39, 40, 44, 0.75);
+  --ktl-color-white-light: rgba(255, 255, 255, 0.75);
+  --ktl-transition-xfast: 100ms;
+  --ktl-transition-fast: 300ms;
+  --ktl-color-primary-light-theme: #7f52ff;
+  --ktl-color-dark-40: rgba(39, 40, 44, 0.4);
+  --ktl-light-text-hard: rgba(39, 40, 44, 1);
+  --ktl-light-dark-20: rgba(39, 40, 44, 0.2);
+  --ktl-overlay-z-index: 900;
+  --ktl-top-menu-z-index: 905;
+  --ktl-header-z-index: 906;
+  --ktl-header-height-mobile: 48px;
+  --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-menu-popup-module_menu-popup_Q68IE {
+  display: none;
+  padding: 8px 0;
+  background: var(--ktl-dark-100);
+  position: fixed;
+  top: var(--ktl-header-height-mobile);
+  bottom: 0;
+  left: 0;
+  right: 0;
+  overflow: auto;
+  z-index: var(--ktl-top-menu-z-index);
+}
+
+.ktl-menu-popup-module_menu-item_fPvF- {
+  --level: 0;
+  display: flex;
+  align-items: center;
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 400;
+  color: rgba(255, 255, 255, 0.75);
+  text-decoration: none;
+  padding: 8px 16px 8px calc(16px + (var(--level) * 24px));
+  transition: color var(--ktl-transition-xfast),
+    background-color var(--ktl-transition-xfast);
+}
+
+.ktl-menu-popup-module_menu-item_fPvF-:hover {
+    color: rgba(255, 255, 255, 1);
+    background: rgba(255, 255, 255, 0.1);
+    text-decoration: none;
+  }
+
+.ktl-menu-popup-module_menu-item_fPvF-.ktl-menu-popup-module_active_iqTAj {
+    color: var(--ktl-light-text-hard);
+    background: rgba(255, 255, 255, 1);
+    cursor: default;
+    text-decoration: none;
+  }
+
+.ktl-menu-popup-module_menu-item_fPvF-.ktl-menu-popup-module_active-with-child_tAzCG {
+    background: none;
+    color: rgba(255, 255, 255, 1);
+  }
+
+.ktl-menu-popup-module_menu-item-root_gA9d2 {
+  font-size: 20px;
+  line-height: 32px;
+  font-weight: 600;
+}
+
+.ktl-menu-popup-module_menu-popup-expanded_ggrp9 {
+  display: block;
+}
+
+.button {
+  display: flex;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border: 0 none transparent;
+  outline: 0 none transparent;
+  cursor: pointer;
+  background: none;
+  padding: 0;
+  margin: 0;
+  width: 24px;
+  height: 24px;
+  align-items: center;
+  justify-content: center;
+  transition: color var(--ktl-transition-xfast),
+    background-color var(--ktl-transition-xfast);
+  color: var(--ktl-color-white-light);
+}
+
+  .button:hover,
+  .button :focus {
+    color: #ffffff;
+  }
+
+.ktl-logo-small-module_logo-small_iGY12 {
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+
+.ktl-logo-small-module_link_SKXAa {
+  color: rgba(255, 255, 255, 1);
+  text-decoration: none;
+}
+
+.ktl-logo-small-module_icon-wrap_6hRnO {
+  text-decoration: none;
+  display: flex;
+  align-items: center;
+  justify-items: center;
+  height: 100%;
+  margin-right: 16px;
+  padding-right: 16px;
+  border-right: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.ktl-logo-small-module_icon_NyEog {
+  width: 24px;
+  height: 24px;
+  margin-left: -4px;
+}

package/out/components/header/index.js

@@ -0,0 +1,4 @@
+import './index.css';
+import { Header } from './header.js';
+export { Header as default } from './header.js';
+export { ANDROID_TITLE, ANDROID_URL, COMMUNITY_TITLE, COMMUNITY_URL, DATA_SCIENCE_TITLE, DATA_SCIENCE_URL, DOCS_TITLE, DOCS_URL, KMM_DOCS_TITLE, KMM_DOCS_URL, KOTLIN_DOCS_TITLE, KOTLIN_DOCS_URL, MULTIPLATFORM_MOBILE_TITLE, MULTIPLATFORM_MOBILE_URL, MULTIPLATFORM_OTHERS_TITLE, MULTIPLATFORM_OTHERS_URL, PLAY_EXAMPLES_TITLE, PLAY_EXAMPLES_URL, PLAY_HANDSON_TITLE, PLAY_HANDSON_URL, PLAY_KOANS_TITLE, PLAY_KOANS_URL, PLAY_TITLE, PLAY_TITLE_FULL, PLAY_URL, SERVER_SIDE_TITLE, SERVER_SIDE_URL, SOLUTIONS_TITLE, TEACH_TITLE, TEACH_URL, WEB_FRONTEND_TITLE, WEB_FRONTEND_URL, getNavScheme } from './nav-scheme.js';

package/out/components/header/logo-large/kotlin-logo-large.svg.js

@@ -0,0 +1,53 @@
+import * as React from 'react';
+
+var _radialGradient, _path, _g;
+
+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 SvgKotlinLogoLarge = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 100 24"
+}, props), _radialGradient || (_radialGradient = /*#__PURE__*/React.createElement("radialGradient", {
+  id: "kotlin-logo-large_svg__a",
+  cx: 22.432,
+  cy: 3.493,
+  r: 21.679,
+  gradientTransform: "translate(-.19 .042) scale(.9998)",
+  gradientUnits: "userSpaceOnUse"
+}, /*#__PURE__*/React.createElement("stop", {
+  offset: 0.003,
+  stopColor: "#e44857"
+}), /*#__PURE__*/React.createElement("stop", {
+  offset: 0.469,
+  stopColor: "#c711e1"
+}), /*#__PURE__*/React.createElement("stop", {
+  offset: 1,
+  stopColor: "#7f52ff"
+}))), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  fill: "url(#kotlin-logo-large_svg__a)",
+  d: "M22.87 21.68H3.94V2.76h18.93l-9.66 9.32z"
+})), _g || (_g = /*#__PURE__*/React.createElement("g", {
+  fill: "#fff"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M45.69 2.73h-3.76l-8.18 8.73v-8.7h-3.02v18.92h3.02v-9.17l8.21 9.17h3.89l-8.75-9.79z"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M55.93 8.44c-1.07-.62-2.28-.93-3.64-.93-1.38 0-2.61.31-3.7.93a6.63 6.63 0 0 0-2.55 2.57c-.61 1.1-.91 2.35-.91 3.74 0 1.4.3 2.64.91 3.74a6.45 6.45 0 0 0 2.53 2.57c1.09.62 2.32.93 3.7.93 1.36 0 2.58-.31 3.66-.93a6.53 6.53 0 0 0 2.51-2.57c.6-1.1.9-2.35.9-3.74 0-1.4-.3-2.64-.9-3.74-.6-1.1-1.43-1.95-2.51-2.57zm-.19 8.7c-.33.69-.8 1.23-1.4 1.61-.6.39-1.3.58-2.08.58-.79 0-1.49-.19-2.11-.58-.61-.39-1.09-.93-1.43-1.61-.34-.69-.51-1.48-.51-2.38 0-.9.17-1.7.51-2.39.34-.69.82-1.23 1.43-1.61.61-.39 1.32-.58 2.12-.58.77 0 1.46.19 2.07.58.6.39 1.07.93 1.4 1.61.33.69.49 1.48.49 2.39.01.9-.15 1.69-.49 2.38zm9.75-12.76h-2.92v2.35c0 .37-.09.65-.27.83-.18.18-.46.28-.84.28h-1.43v2.49h2.49v7.45c0 .77.16 1.46.47 2.05.31.59.76 1.05 1.34 1.37.58.32 1.27.49 2.06.49h2.23V19.1h-1.68c-.43 0-.78-.15-1.06-.45-.27-.3-.4-.7-.4-1.2v-7.11h3.22v-2.5h-3.22V4.38zM71.03 2H74v19.68h-2.97zm6.32.03h3v3.05h-3zm0 5.81h2.97v13.84h-2.97zm18.08 2.28a4.694 4.694 0 0 0-1.77-1.92c-.76-.46-1.65-.69-2.67-.69-1.08 0-2.03.26-2.84.79-.65.42-1.17.98-1.58 1.68l-.02-2.14H83.7v13.84h2.97v-7.74c0-.75.14-1.41.43-1.99.28-.58.68-1.03 1.2-1.35.52-.32 1.12-.48 1.82-.48.62 0 1.16.13 1.6.39.45.26.78.64 1.01 1.12.23.49.34 1.07.34 1.74v8.31h2.97v-8.73c.02-1.07-.2-2.01-.61-2.83z"
+}))));
+
+export { SvgKotlinLogoLarge as default };