@bothub-chat/ui/dist/components/sidebar/menu/styled.js

Bothub UI Components

import{styled as e,css as t}from"styled-components";import{animated as i}from"@react-spring/web";import{Button as o}from"../../button/index.js";import{adaptive as a}from"../../../adaptive/index.js";import{Scrollbar as n}from"../../scrollbar/index.js";import{SidebarMenuNavLinkText as r}from"./nav/link/styled.js";const d=e.div.withConfig({displayName:"styled__SidebarMenuStyled",componentId:"sc-cdtc80-0"})(["",""],a({variant:"dashboard",tablet:t`
      display: none;
    `,mobile:t`
      display: none;
    `})),s=e(o).withConfig({displayName:"styled__SidebarMenuToggleButton",componentId:"sc-cdtc80-1"})(["svg{pointer-events:none;}"]),p=e(i.div).withConfig({displayName:"styled__SidebarMenuBlock",componentId:"sc-cdtc80-2"})(["display:flex;position:absolute;z-index:",";top:58px;right:20px;width:calc(100% - 20px);background:",";border:1px solid ",";border-radius:8px;padding:16px;transform-origin:top center;",""],(({theme:e})=>e.zIndex.menu),(({theme:e})=>e.colors.grayScale.gray7),(({theme:e})=>e.colors.grayScale.gray3),(({$sidebarOpen:e})=>!e&&a({variant:"dashboard",desktop:t`
        right: 0;
        top: 0;
        width: 100%;
        white-space: nowrap;
        background: none;
        margin-top: 20px;
        position: relative;
        flex-direction: column;
        padding: 0px;
        border: none;
        border-radius: 0px;
        ${r} {
          visibility: hidden;
          left: 120px;
          transition:
            left 0.3s ease-out,
            visibility 0.2s ease-out,
            transform 0.3s ease-out;
          transform: translateX(10px);
        }
        &:hover ${r} {
          visibility: visible;
          transform: translateX(0px);
        }
      `,tablet:t`
        display: none;
      `}))),l=e(n).attrs({variant:"secondary"}).withConfig({displayName:"styled__SidebarMenuBlockScrollbarWrapper",componentId:"sc-cdtc80-3"})(["width:100%;height:100%;",""],a({variant:"dashboard",merge:!0,tablet:t`
      padding-right: 0px;
    `})),c=e.div.withConfig({displayName:"styled__SidebarMenuBlockContent",componentId:"sc-cdtc80-4"})([""]),m=e.nav.withConfig({displayName:"styled__SidebarMenuNav",componentId:"sc-cdtc80-5"})(["display:flex;flex-direction:column;gap:20px;background:",";",""],(({theme:e})=>e.colors.grayScale.gray7),a({variant:"dashboard",merge:!0,tablet:t`
      gap: 10px;
    `}));export{p as SidebarMenuBlock,c as SidebarMenuBlockContent,l as SidebarMenuBlockScrollbarWrapper,m as SidebarMenuNav,d as SidebarMenuStyled,s as SidebarMenuToggleButton};