@jetbrains/kotlin-web-site-ui 4.3.0-alpha.1 → 4.3.0-next-layout

package/out/components/layout/index.css

@@ -0,0 +1,46 @@
+:root {
+    --ktl-layout-spacing: 48px;
+    --ktl-layout-width: 1144px;
+}
+
+    @media screen and (max-width: 1190px) {:root {
+        --ktl-layout-width: 952px
+}
+    }
+
+    @media screen and (max-width: 1000px) {:root {
+        --ktl-layout-width: 760px
+}
+    }
+
+    @media screen and (max-width: 808px) {:root {
+        --ktl-layout-width: 568px
+}
+    }
+
+    @media screen and (max-width: 616px) {:root {
+        --ktl-layout-width: 424px
+}
+    }
+
+    @media screen and (max-width: 472px) {:root {
+        --ktl-layout-width: 328px
+}
+    }
+
+    @media screen and (max-width: 376px) {:root {
+        --ktl-layout-width: 272px
+}
+    }
+.ktl-layout {
+        box-sizing: border-box;
+        width: var(--ktl-layout-width);
+    }
+.ktl-layout--center {
+        margin-left: auto;
+        margin-right: auto;
+    }
+.ktl-layout--spacing {
+        margin-top: var(--ktl-layout-spacing);
+        margin-bottom: var(--ktl-layout-spacing);
+    }

package/out/components/layout/index.js

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

package/out/components/popup/index.css

@@ -12,7 +12,7 @@
   transform: translate(-50%, -50%);
 }
 
-  @media (min-width: 1024px) {.ktl-popup-module_popup_kH56U {
+  @media (--ktl-md) {.ktl-popup-module_popup_kH56U {
     width: auto;
     min-width: 70%;
     max-width: calc(100% - 32px)

package/out/components/quotes-slider/index.css

@@ -2,7 +2,7 @@
     display: block;
 }
 
-@media (min-width: 768px) {
+@media (--ktl-sm) {
 
 .ktl-quotes-slider-module_content_ycgWG {
         display: flex
@@ -14,7 +14,7 @@
     margin-right: 32px;
 }
 
-@media (max-width: 767px) {
+@media (--ktl-xs) {
 
 .ktl-quotes-slider-module_icon-container_tRSxF {
         margin-bottom: 16px
@@ -25,7 +25,7 @@
     margin-top: 16px;
 }
 
-@media (min-width: 768px) {
+@media (--ktl-sm) {
 
 .ktl-quotes-slider-module_nav_0aZMC {
         margin-top: 20px;
@@ -45,7 +45,7 @@
     color: var(--ktl-icon-color-dark);
 }
 
-@media (max-width: 767px) {
+@media (--ktl-xs) {
 
 .ktl-quotes-slider-module_controls_OuyQ8 {
         margin-top: 20px

package/out/components/top-menu/dropdown-menu/dropdown-menu.js

@@ -0,0 +1,71 @@
+import React__default, { useState } from 'react';
+import ReactDOM from 'react-dom';
+import classNames from 'classnames';
+import styles from './dropdown-menu.module.pcss.js';
+import { useTextStyles } from '@rescui/typography';
+import SvgArrowDropdownIcon from './arrow-dropdown-icon.svg.js';
+import { useTheme } from '@rescui/ui-contexts';
+
+const DropdownMenu = ({
+  homeUrl,
+  title,
+  mobileTitle = 'Overview',
+  items,
+  activeIndex,
+  linkHandler,
+  mobileOverview = true
+}) => {
+  const theme = useTheme();
+  const textCn = useTextStyles();
+  const [portalRoot, setPortalRoot] = React__default.useState(null);
+  React__default.useEffect(() => {
+    if (typeof document !== `undefined`) {
+      setPortalRoot(document.body);
+    }
+  }, []);
+
+  let _items = (mobileOverview ? [{
+    title: mobileTitle,
+    url: homeUrl
+  }] : []).concat(items);
+
+  const _activeIndex = mobileOverview ? activeIndex + 1 : activeIndex;
+
+  const activeItem = _items[_activeIndex];
+  const [isExpanded, setIsExpanded] = useState(false);
+
+  const handleClick = () => setIsExpanded(!isExpanded);
+
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: classNames(styles.dropdownMenu, {
+      [styles.dropdownMenuExpanded]: isExpanded
+    }),
+    onClick: handleClick
+  }, React__default.createElement("button", {
+    className: classNames(styles.button, textCn('rs-text-2')),
+    "aria-haspopup": "true"
+  }, React__default.createElement("span", {
+    className: styles.buttonText
+  }, activeItem.title), React__default.createElement(SvgArrowDropdownIcon, {
+    className: styles.icon
+  })), React__default.createElement("nav", {
+    className: classNames(styles.dropdownList, {
+      [styles.dropdownListDarkTheme]: theme === 'dark'
+    })
+  }, _items.map((item, index) => React__default.createElement("a", {
+    key: item.url,
+    href: item.url,
+    className: classNames(styles.dropdownItem, textCn('rs-text-2'), {
+      [styles.dropdownItemActive]: index === _activeIndex
+    }),
+    onClick: event => linkHandler?.(event, item.url),
+    target: item.isExternal ? '_blank' : undefined
+  }, item.title)))), !!portalRoot && ReactDOM.createPortal(React__default.createElement("div", {
+    className: classNames(styles.overlay, {
+      [styles.overlayVisible]: isExpanded
+    }),
+    onClick: handleClick
+  }), portalRoot));
+};
+
+export { DropdownMenu };

package/out/components/top-menu/dropdown-menu/dropdown-menu.module.pcss.js

@@ -0,0 +1,15 @@
+var styles = {
+  "dropdownMenu": "ktl-dropdown-menu-module_dropdown-menu_tq2uU",
+  "button": "ktl-dropdown-menu-module_button_OYsuv",
+  "buttonText": "ktl-dropdown-menu-module_button-text_SJmh-",
+  "icon": "ktl-dropdown-menu-module_icon_GGhMI",
+  "dropdownList": "ktl-dropdown-menu-module_dropdown-list_Ylkvt",
+  "fadein": "ktl-dropdown-menu-module_fadein_MySnq",
+  "dropdownItem": "ktl-dropdown-menu-module_dropdown-item_X3tZ-",
+  "dropdownItemActive": "ktl-dropdown-menu-module_dropdown-item-active_99q9X",
+  "overlay": "ktl-dropdown-menu-module_overlay_segRo",
+  "overlayVisible": "ktl-dropdown-menu-module_overlay-visible_MjwEF",
+  "dropdownMenuExpanded": "ktl-dropdown-menu-module_dropdown-menu-expanded_EQefy",
+  "dropdownListDarkTheme": "ktl-dropdown-menu-module_dropdown-list-dark-theme_P60ol"
+};
+export { styles as default };

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

@@ -13,8 +13,7 @@
   --ktl-overlay-z-index: 900;
   --ktl-top-menu-z-index: 905;
   --ktl-header-z-index: 906;
-  --ktl-mobile-dropdown-list-z-index: 907;
-  --ktl-header-height-mobile: 52px;
+  --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);
 }
@@ -30,14 +29,15 @@
   height: 64px;
   background: #ffffff;
   padding: 0 32px;
-  box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.3);
+  z-index: var(--ktl-top-menu-z-index);
+  box-shadow: inset 0 -1px 0 0 var(--ktl-light-dark-20);
   transition: color var(--ktl-transition-fast),
   background-color var(--ktl-transition-fast);
 }
 
 .ktl-top-menu-module_top-menu-dark-theme_aNBxr {
   background: #1b1b1b;
-  box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.3);
+  box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.2);
 }
 
 .ktl-top-menu-module_logo_CNH2W {
@@ -48,7 +48,7 @@
 
 @media (max-width: 640px) {
   .ktl-top-menu-module_top-menu_PRX9X {
-    height: var(--ktl-header-height-mobile);
+    height: 48px;
     padding: 0 16px;
     grid-gap: 16px;
     grid-template-columns: 1fr auto;
@@ -75,6 +75,12 @@
   color: var(--ktl-color-primary-light-theme);
 }
 
+@media (max-width: 640px) {
+  .ktl-horizontal-menu-module_horizontal-menu_pB2-S {
+    display: none;
+  }
+}
+
 :root {
   --ktl-light-grey: #f4f4f4;
   --ktl-dark-100: rgba(39, 40, 44, 1);
@@ -90,113 +96,140 @@
   --ktl-overlay-z-index: 900;
   --ktl-top-menu-z-index: 905;
   --ktl-header-z-index: 906;
-  --ktl-mobile-dropdown-list-z-index: 907;
-  --ktl-header-height-mobile: 52px;
+  --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-vertical-menu-module_vertical-menu_aLIbw {
-    display: block;
-    height: 100%;
-    justify-self: flex-start;
-    white-space: nowrap;
-    width: 100%;
-    min-width: 0;
-    max-width: 100%;
-}
-
-.ktl-vertical-menu-module_button_zqr20 {
-    border: none;
-    background: none;
-    height: 52px;
-    width: 100%;
-    max-width: 100%;
-    padding: 0;
-    margin: 0;
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-    color: #fff;
+.ktl-dropdown-menu-module_dropdown-menu_tq2uU {
+  display: none;
+  height: 100%;
+  justify-self: flex-start;
+  white-space: nowrap;
+  min-width: 0;
+  max-width: 100%;
+}
+
+.ktl-dropdown-menu-module_button_OYsuv {
+  border: none;
+  background: none;
+  height: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: pointer;
 }
 
-.ktl-vertical-menu-module_button-text_aXith {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    flex: 0 1 auto;
+.ktl-dropdown-menu-module_button-text_SJmh- {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 0 1 auto;
 }
 
-.ktl-vertical-menu-module_icon_-Ieat {
-    width: 14px;
-    height: 8px;
-    margin-left: 13px;
-    transition: transform ease-in-out var(--ktl-transition-xfast);
-    flex: 0 0 auto;
+.ktl-dropdown-menu-module_icon_GGhMI {
+  width: 12px;
+  height: 6px;
+  margin-left: 6px;
+  transition: transform ease-in-out var(--ktl-transition-xfast);
+  flex: 0 0 auto;
 }
 
-.ktl-vertical-menu-module_dropdown-header_77lTy {
-    /* workaround */
-    margin-top: calc(var(--ktl-header-height-mobile) * -1);
-    display: flex;
-    color: #ffffff;
-    align-items: center;
-    height: var(--ktl-header-height-mobile);
-    padding: 0 0 0 16px;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
-    justify-content: space-between;
-    background: #ffffff;
-    margin-bottom: 8px;
+.ktl-dropdown-menu-module_dropdown-list_Ylkvt {
+  display: none;
+  position: absolute;
+  left: 0;
+  right: 0;
+  background: #ffffff;
+  opacity: 0;
+  -webkit-animation: ktl-dropdown-menu-module_fadein_MySnq ease-out var(--ktl-transition-fast) forwards;
+          animation: ktl-dropdown-menu-module_fadein_MySnq ease-out var(--ktl-transition-fast) forwards;
 }
 
-.ktl-vertical-menu-module_dropdown-list_N3KWV {
-    display: flex;
-    flex-direction: column;
-    opacity: 1;
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: #ffffff;
-    z-index: var(--ktl-mobile-dropdown-list-z-index);
-}
-
-.ktl-vertical-menu-module_dropdown-item_XLfp4 {
-    padding: 12px 16px;
-    text-decoration: none;
-    transition: color var(--ktl-transition-xfast),
+.ktl-dropdown-menu-module_dropdown-item_X3tZ- {
+  padding: 8px 16px;
+  text-decoration: none;
+  transition: color var(--ktl-transition-xfast),
     background-color var(--ktl-transition-xfast);
 }
 
-.ktl-vertical-menu-module_dropdown-item_XLfp4:hover {
-        background: rgba(39, 40, 44, 0.1);
-        color: #27282c;
-    }
+.ktl-dropdown-menu-module_dropdown-item_X3tZ-:hover {
+    background: rgba(39, 40, 44, 0.1);
+    color: #27282c;
+  }
 
-.ktl-vertical-menu-module_dropdown-item_XLfp4.ktl-vertical-menu-module_dropdown-item-active_iBUbj {
-        background: var(--ktl-dark-100);
-        color: #ffffff;
-    }
+.ktl-dropdown-menu-module_dropdown-item_X3tZ-.ktl-dropdown-menu-module_dropdown-item-active_99q9X {
+    background: var(--ktl-dark-100);
+    color: #ffffff;
+  }
 
-.ktl-vertical-menu-module_vertical-menu-expanded_kFaaI .ktl-vertical-menu-module_icon_-Ieat {
-        transform: scale(1, -1);
-    }
+.ktl-dropdown-menu-module_overlay_segRo {
+  display: none;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  background-color: var(--ktl-color-dark-40);
+  z-index: var(--ktl-overlay-z-index);
+  -webkit-animation: ktl-dropdown-menu-module_fadein_MySnq ease-out var(--ktl-transition-fast) forwards;
+          animation: ktl-dropdown-menu-module_fadein_MySnq ease-out var(--ktl-transition-fast) forwards;
+}
+
+.ktl-dropdown-menu-module_overlay-visible_MjwEF {
+  display: block;
+  opacity: 1;
+}
+
+.ktl-dropdown-menu-module_dropdown-menu-expanded_EQefy .ktl-dropdown-menu-module_icon_GGhMI {
+    transform: scale(1, -1);
+  }
 
-.ktl-vertical-menu-module_dropdown-list-dark-theme_A1-Bw {
-    background: rgba(39, 40, 44, 1);
+.ktl-dropdown-menu-module_dropdown-menu-expanded_EQefy .ktl-dropdown-menu-module_dropdown-list_Ylkvt {
+    display: flex;
+    flex-direction: column;
+    opacity: 1;
+  }
+
+.ktl-dropdown-menu-module_dropdown-list-dark-theme_P60ol {
+  background: var(--ktl-dark-bg-hard);
 }
 
-.ktl-vertical-menu-module_dropdown-list-dark-theme_A1-Bw .ktl-vertical-menu-module_dropdown-header_77lTy {
-        background: rgba(39, 40, 44, 1);
+.ktl-dropdown-menu-module_dropdown-list-dark-theme_P60ol .ktl-dropdown-menu-module_dropdown-item_X3tZ-:hover {
+      background: rgba(255, 255, 255, 0.1);
+      color: #ffffff;
     }
 
-.ktl-vertical-menu-module_dropdown-list-dark-theme_A1-Bw .ktl-vertical-menu-module_dropdown-item_XLfp4:hover {
-            background: rgba(255, 255, 255, 0.1);
-            color: #ffffff;
-        }
+.ktl-dropdown-menu-module_dropdown-list-dark-theme_P60ol .ktl-dropdown-menu-module_dropdown-item_X3tZ-.ktl-dropdown-menu-module_dropdown-item-active_99q9X {
+      color: var(--ktl-light-text-hard);
+      background: #ffffff;
+    }
 
-.ktl-vertical-menu-module_dropdown-list-dark-theme_A1-Bw .ktl-vertical-menu-module_dropdown-item_XLfp4.ktl-vertical-menu-module_dropdown-item-active_iBUbj {
-            color: var(--ktl-light-text-hard);
-            background: #ffffff;
-        }
+@media (max-width: 640px) {
+  .ktl-dropdown-menu-module_dropdown-menu_tq2uU {
+    display: block;
+  }
+}
+
+@-webkit-keyframes ktl-dropdown-menu-module_fadein_MySnq {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
 
+@keyframes ktl-dropdown-menu-module_fadein_MySnq {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}

package/out/components/top-menu/top-menu.js

@@ -1,13 +1,12 @@
-import React__default, { forwardRef, useRef, useImperativeHandle, useState, useLayoutEffect } from 'react';
+import React__default from 'react';
 import { useTheme } from '@rescui/ui-contexts';
 import classNames from 'classnames';
 import styles from './top-menu.module.pcss.js';
 import { useTextStyles } from '@rescui/typography';
 import { HorizontalMenu } from './horizontal-menu/horizontal-menu.js';
-import { VerticalMenu } from './vertical-menu/vertical-menu.js';
-import useResizeObserver from '@react-hook/resize-observer';
-const BREAKPOINT_XS = 640;
-const TopMenu = forwardRef(({
+import { DropdownMenu } from './dropdown-menu/dropdown-menu.js';
+
+const TopMenu = ({
   homeUrl,
   title,
   mobileTitle,
@@ -16,39 +15,33 @@ const TopMenu = forwardRef(({
   linkHandler = () => {},
   className,
   children,
+  forwardedRef,
   mobileOverview
-}, forwardedRef) => {
+}) => {
   const theme = useTheme();
   const textCn = useTextStyles();
-  const menuRef = useRef(null);
-  useImperativeHandle(forwardedRef, () => menuRef.current);
-  const [isMobileMenuVisible, setMobileMenuVisible] = useState(false);
-  useLayoutEffect(() => {
-    setMobileMenuVisible((menuRef.current?.getBoundingClientRect?.().width ?? 0) <= BREAKPOINT_XS);
-  }, [menuRef]);
-  useResizeObserver(menuRef, entry => setMobileMenuVisible(entry.contentRect.width <= BREAKPOINT_XS));
   return React__default.createElement("div", {
-    ref: menuRef,
     className: classNames(styles.topMenu, className, {
       [styles.topMenuDarkTheme]: theme === 'dark'
-    })
+    }),
+    ref: forwardedRef
   }, React__default.createElement("a", {
     href: homeUrl,
     className: classNames(styles.logo, textCn('rs-h3')),
     onClick: event => linkHandler(event, homeUrl)
-  }, title), isMobileMenuVisible ? React__default.createElement(VerticalMenu, {
+  }, title), React__default.createElement(DropdownMenu, {
     items: items,
     activeIndex: activeIndex,
     linkHandler: linkHandler,
     title: title,
     mobileTitle: mobileTitle,
     homeUrl: homeUrl,
-    mobileOverview: mobileOverview,
-    topMenuRef: menuRef
-  }) : React__default.createElement(HorizontalMenu, {
+    mobileOverview: mobileOverview
+  }), React__default.createElement(HorizontalMenu, {
     items: items,
     activeIndex: activeIndex,
     linkHandler: linkHandler
   }), children);
-});
+};
+
 export { TopMenu };

package/out/components/typography/index.css

@@ -13,8 +13,7 @@
   --ktl-overlay-z-index: 900;
   --ktl-top-menu-z-index: 905;
   --ktl-header-z-index: 906;
-  --ktl-mobile-dropdown-list-z-index: 907;
-  --ktl-header-height-mobile: 52px;
+  --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);
 }
@@ -33,7 +32,7 @@
             color: #fff;
         }
 
-@media (min-width: 1200px) {
+@media (--ktl-lg) {
 
 .ktl-hero {
             font-size: 64px;
@@ -56,7 +55,7 @@
             color: #fff;
         }
 
-@media (min-width: 1200px) {
+@media (--ktl-lg) {
 
 .ktl-h1 {
             font-size: 43px;
@@ -80,7 +79,7 @@
             color: #fff;
         }
 
-@media (min-width: 1200px) {
+@media (--ktl-lg) {
 
 .ktl-h2 {
             font-size: 31px;
@@ -103,7 +102,7 @@
             color: #fff;
         }
 
-@media (min-width: 1200px) {
+@media (--ktl-lg) {
 
 .ktl-subtitle {
             font-size: 31px;

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

@@ -13,8 +13,7 @@
   --ktl-overlay-z-index: 900;
   --ktl-top-menu-z-index: 905;
   --ktl-header-z-index: 906;
-  --ktl-mobile-dropdown-list-z-index: 907;
-  --ktl-header-height-mobile: 52px;
+  --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);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jetbrains/kotlin-web-site-ui",
   "description": "UI components for Kotlin web sites development",
-  "version": "4.3.0-alpha.1",
+  "version": "4.3.0-next-layout",
   "license": "Apache-2.0",
   "author": "JetBrains",
   "files": [
@@ -15,7 +15,7 @@
     "defaults, not ie > 0, edge > 18"
   ],
   "scripts": {
-    "codegeneration": "node ./scripts/build.js && yarn run copy-static",
+    "codegeneration": "ts-node scripts/build.ts && yarn run copy-static",
     "copy-static": "copyfiles -f src/svg/*.svg out/svg",
     "storybook": "yarn & start-storybook -p 6006",
     "build-storybook": "build-storybook",
@@ -68,6 +68,7 @@
     "@svgr/webpack": "^5.5.0",
     "@types/body-scroll-lock": "^3.1.0",
     "@types/cookie": "^0.4.1",
+    "@types/fs-extra": "^9.0.13",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
     "@types/react-modal": "^3.13.1",
@@ -122,6 +123,7 @@
     "sha.js": "^2.4.11",
     "standard-version": "^9.2.0",
     "svgo-loader": "^3.0.0",
+    "ts-node": "^10.9.1",
     "typescript": "^4.2.4",
     "webpack": "^5.30.0",
     "webpack-cli": "^4.6.0",

package/out/components/header/menu-popup/menu-list/menu-list.js

@@ -1,33 +0,0 @@
-import React__default, { Fragment } from 'react';
-import { MenuListItem } from '../menu-list-item/menu-list-item.js';
-import styles from './menu-list.module.pcss.js';
-
-const MenuList = ({
-  items,
-  level,
-  linkHandler
-}) => {
-  return React__default.createElement(React__default.Fragment, null, items.map((item, i) => React__default.createElement(Fragment, {
-    key: i
-  }, item.items && item.items.length > 0 ? React__default.createElement("div", {
-    className: styles.menuItemGroup
-  }, React__default.createElement(MenuListItem, {
-    item: item,
-    level: level,
-    linkHandler: linkHandler
-  }), item.items && item.items.length > 0 && React__default.createElement(MenuList, {
-    items: item.items,
-    level: level + 1,
-    linkHandler: linkHandler
-  })) : React__default.createElement(React__default.Fragment, null, React__default.createElement(MenuListItem, {
-    item: item,
-    level: level,
-    linkHandler: linkHandler
-  }), item.items && React__default.createElement(MenuList, {
-    items: item.items,
-    level: level + 1,
-    linkHandler: linkHandler
-  })))));
-};
-
-export { MenuList };

package/out/components/header/menu-popup/menu-list/menu-list.module.pcss.js

@@ -1,4 +0,0 @@
-var styles = {
-  "menuItemGroup": "ktl-menu-list-module_menu-item-group_mFvUE"
-};
-export { styles as default };