@jetbrains/kotlin-web-site-ui 4.8.0-alpha.3 → 4.8.0-alpha.4

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

@@ -2,7 +2,7 @@ import React__default from 'react';
 import { useTheme } from '@rescui/ui-contexts';
 import classNames from 'classnames';
 import styles from './social-item.module.pcss.js';
-import { Button } from '@rescui/button';
+import Button from '@rescui/button';
 
 const SocialItem = ({
   socialNetwork

package/out/components/sidebar/index.js

@@ -1,51 +1,2 @@
 import './index.css';
-import React, { createContext, useContext, useRef, useCallback } from 'react';
-import cn from 'classnames';
-import { RemoveScrollBar } from 'react-remove-scroll-bar';
-import { useTheme } from '@rescui/ui-contexts';
-import styles from './sidebar.module.css.js';
-const SidebarContext = createContext({});
-
-function useSidebarContext() {
-  return useContext(SidebarContext);
-}
-
-function Sidebar({
-  className,
-  classNameContent,
-  mode,
-  children,
-  isOpen,
-  onClose
-}) {
-  const ref = useRef(null);
-  const theme = useTheme();
-  const onToggleClick = useCallback(e => {
-    if (e.currentTarget == e.target) onClose();
-  }, [onClose]);
-  const classes = cn(className, styles.popup, styles[theme || 'light'], {
-    [styles.close]: !isOpen,
-    [styles[`${mode}Mode`]]: Boolean(mode && styles[`${mode}Mode`])
-  });
-  const disableProps = {};
-
-  if (!isOpen) {
-    disableProps.tabIndex = -1;
-    disableProps.role = 'none';
-  }
-
-  return React.createElement(SidebarContext.Provider, {
-    value: {
-      onClose
-    }
-  }, React.createElement("div", {
-    className: classes,
-    onClick: onToggleClick,
-    ...disableProps
-  }, isOpen && React.createElement(RemoveScrollBar, null), React.createElement("div", {
-    ref: ref,
-    className: cn(classNameContent, styles.content)
-  }, children)));
-}
-
-export { Sidebar, SidebarContext, useSidebarContext };
+export { Sidebar, SidebarContext, useSidebarContext } from './sidebar.js';

package/out/components/{sidebar-menu/sidebar/index.js → sidebar/sidebar.js}

@@ -1,10 +1,14 @@
-import React, { createContext, useRef, useCallback } from 'react';
+import React, { createContext, useContext, useRef, useCallback } from 'react';
 import cn from 'classnames';
 import { RemoveScrollBar } from 'react-remove-scroll-bar';
 import { useTheme } from '@rescui/ui-contexts';
 import styles from './sidebar.module.css.js';
 const SidebarContext = createContext({});
 
+function useSidebarContext() {
+  return useContext(SidebarContext);
+}
+
 function Sidebar({
   className,
   classNameContent,
@@ -43,4 +47,4 @@ function Sidebar({
   }, children)));
 }
 
-export { Sidebar, SidebarContext };
+export { Sidebar, SidebarContext, useSidebarContext };

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

@@ -1,3 +1,39 @@
+.ktl-popup-module_popup_b34tS {
+    display: flex;
+    flex-direction: column;
+}
+
+.ktl-popup-module_menu_wZMEB {
+    padding: 0;
+    margin: 0;
+}
+
+.ktl-menu-header-module_header_nm8jO {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding-left: var(--ktl-box-block-l);
+    border-bottom: 1px solid transparent;
+    margin-bottom: var(--ktl-box-block-m);
+}
+
+.ktl-menu-header-module_light_3UtZR {
+    border-bottom-color: var(--ktl-divider-color);
+}
+
+.ktl-menu-header-module_dark_jdymL {
+    border-bottom-color: rgba(255, 255, 255, 0.30);
+}
+
+.ktl-menu-header-module_header_nm8jO > .ktl-menu-header-module_trigger_FbJ59 {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    border-radius: 50%;
+    width: 52px;
+    height: 52px;
+}
 .ktl-sidebar-module_popup_bidR1 {
     position: fixed;
     top: 0;
@@ -106,40 +142,3 @@
         transform: translateX(100%);
         visibility: hidden;
     }
-
-.ktl-popup-module_popup_b34tS {
-    display: flex;
-    flex-direction: column;
-}
-
-.ktl-popup-module_menu_wZMEB {
-    padding: 0;
-    margin: 0;
-}
-
-.ktl-menu-header-module_header_nm8jO {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding-left: var(--ktl-box-block-l);
-    border-bottom: 1px solid transparent;
-    margin-bottom: var(--ktl-box-block-m);
-}
-
-.ktl-menu-header-module_light_3UtZR {
-    border-bottom-color: var(--ktl-divider-color);
-}
-
-.ktl-menu-header-module_dark_jdymL {
-    border-bottom-color: rgba(255, 255, 255, 0.30);
-}
-
-.ktl-menu-header-module_header_nm8jO > .ktl-menu-header-module_trigger_FbJ59 {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    border-radius: 50%;
-    width: 52px;
-    height: 52px;
-}

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

@@ -0,0 +1,11 @@
+import { createContext, useContext } from 'react';
+import 'classnames';
+import 'react-remove-scroll-bar';
+import '@rescui/ui-contexts';
+const SidebarContext = createContext({});
+
+function useSidebarContext() {
+  return useContext(SidebarContext);
+}
+
+export { SidebarContext, useSidebarContext };

package/out/components/sidebar-menu/sidebar-menu/index.js

@@ -1,31 +1,3 @@
 import './index.css';
-import React from 'react';
-import cn from 'classnames';
-import { Menu } from '@rescui/menu';
-import { Sidebar } from '../sidebar/index.js';
-import { SidebarMenuItem } from './menu-item.js';
-import styles from './popup.module.css.js';
+export { SidebarMenu } from './sidebar-menu.js';
 export { SidebarMenuHeader } from './menu-header.js';
-
-function SidebarMenu({
-  className,
-  before,
-  activeIndex,
-  items,
-  onItemClick,
-  ...props
-}) {
-  return React.createElement(Sidebar, { ...props,
-    className: cn(className, styles.popup)
-  }, before, React.createElement(Menu, {
-    className: styles.menu
-  }, items.map((item, i) => React.createElement(SidebarMenuItem, {
-    key: i,
-    isActive: i === activeIndex,
-    index: i,
-    ...item,
-    onClick: onItemClick
-  }))));
-}
-
-export { SidebarMenu };

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

@@ -4,7 +4,7 @@ import { useTheme } from '@rescui/ui-contexts';
 import { CloseIcon } from '@rescui/icons';
 import Button from '@rescui/button';
 import styles from './menu-header.module.css.js';
-import { useSidebarContext } from '@jetbrains/kotlin-web-site-ui/out/components/sidebar';
+import { useSidebarContext } from '../sidebar/sidebar.js';
 
 function SidebarMenuHeader({
   className,

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import cn from 'classnames';
+import { Menu } from '@rescui/menu';
+import { Sidebar } from '@jetbrains/kotlin-web-site-ui/out/components/sidebar/sidebar';
+import { SidebarMenuItem } from './menu-item.js';
+import styles from './popup.module.css.js';
+import '@rescui/ui-contexts';
+import '@rescui/icons';
+import '@rescui/button';
+import '../sidebar/sidebar.js';
+
+function SidebarMenu({
+  className,
+  before,
+  activeIndex,
+  items,
+  onItemClick,
+  ...props
+}) {
+  return React.createElement(Sidebar, { ...props,
+    className: cn(className, styles.popup)
+  }, before, React.createElement(Menu, {
+    className: styles.menu
+  }, items.map((item, i) => React.createElement(SidebarMenuItem, {
+    key: i,
+    isActive: i === activeIndex,
+    index: i,
+    ...item,
+    onClick: onItemClick
+  }))));
+}
+
+export { SidebarMenu };

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.3",
+  "version": "4.8.0-alpha.4",
   "license": "Apache-2.0",
   "author": "JetBrains",
   "files": [

package/out/components/sidebar-menu/sidebar/sidebar.module.css.js

@@ -1,10 +0,0 @@
-var styles = {
-  "popup": "ktl-sidebar-module_popup_bidR1",
-  "tabletMode": "ktl-sidebar-module_tabletMode_vcf0T",
-  "mobileMode": "ktl-sidebar-module_mobileMode_yCmFY",
-  "content": "ktl-sidebar-module_content_SzdiT",
-  "dark": "ktl-sidebar-module_dark_GNaUl",
-  "light": "ktl-sidebar-module_light_OnGcf",
-  "close": "ktl-sidebar-module_close_lN33m"
-};
-export { styles as default };