@veracity/vui 1.8.1 → 1.9.0-beta.0

package/src/sidemenu/sidemenuTop.tsx

@@ -0,0 +1,25 @@
+import React from 'react'
+
+import { Box } from '../box'
+import { omitThemingProps } from '../core'
+import { cs } from '../utils'
+import { useSidemenuContext } from './context'
+import { SidemenuTopProps } from './sidemenu.types'
+
+/** Top container. */
+export const SidemenuTop = (props: SidemenuTopProps) => {
+  const { className, leftSlot, rightSlot, ...rest } = omitThemingProps(props)
+
+  const { isExpandedInternal } = useSidemenuContext()
+
+  if (!leftSlot && !rightSlot) return null
+
+  return (
+    <Box borderBottom="1px solid lightgray" className={cs('vui-sidemenu-top', className)} mb={1} w="100%" {...rest}>
+      {!!leftSlot && leftSlot}
+      {!!rightSlot && isExpandedInternal && rightSlot}
+    </Box>
+  )
+}
+
+export default SidemenuTop

package/src/sidemenu/theme.ts

@@ -0,0 +1,14 @@
+const baseStyle = {}
+
+const defaultProps = {}
+
+const sizes = {}
+
+const variants = {}
+
+export default {
+  baseStyle,
+  defaultProps,
+  sizes,
+  variants
+}

package/src/theme/components.ts

@@ -7,6 +7,7 @@ import Card from '../card/theme'
 import Checkbox from '../checkbox/theme'
 import Dialog from '../dialog/theme'
 import Divider from '../divider/theme'
+import DragAndDrop from '../dragAndDrop/theme'
 import Footer from '../footer/theme'
 import Grid from '../grid/theme'
 import Header from '../header/theme'
@@ -27,6 +28,7 @@ import Popover from '../popover/theme'
 import Progress from '../progress/theme'
 import Radio from '../radio/theme'
 import Select from '../select/theme'
+import Sidemenu from '../sidemenu/theme'
 import Skeleton from '../skeleton/theme'
 import Spinner from '../spinner/theme'
 import Switch from '../switch/theme'
@@ -46,6 +48,7 @@ export default {
   Checkbox,
   Dialog,
   Divider,
+  DragAndDrop,
   Footer,
   Grid,
   Header,
@@ -66,6 +69,7 @@ export default {
   Popover,
   Radio,
   Select,
+  Sidemenu,
   Skeleton,
   Spinner,
   Switch,