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

Bothub UI Components

import{animated as e}from"@react-spring/web";import{styled as i,css as t}from"styled-components";import{Typography as o}from"../../typography/index.js";const n=i.div.withConfig({displayName:"styled__SidebarMenuStyled",componentId:"sc-1lz7ko6-0"})(["z-index:",";"],({theme:e})=>e.zIndex.menu),a=i(e.ul).withConfig({displayName:"styled__SidebarMenuList",componentId:"sc-1lz7ko6-1"})(["transform-origin:top center;display:flex;flex-direction:column;margin:0;z-index:1;gap:20px;"," "," margin-top:20px;left:0;list-style-type:none;"],({$isOpen:e,theme:i})=>e&&`\n    position: absolute;\n    background: ${i.colors.grayScale.gray7};\n    border: 1px solid ${i.colors.grayScale.gray3};\n    padding: 20px;\n    border-radius: 8px;\n    width: 100%;\n  `,({$isOpen:e})=>!e&&"\n    gap: 10px;\n    margin: 0;\n    padding: 0;\n    width: fit-content;\n  "),d=i.li.withConfig({displayName:"styled__SidebarMenuListItem",componentId:"sc-1lz7ko6-2"})(["display:flex;position:relative;align-items:center;gap:10px;cursor:pointer;"]),l=i.div.withConfig({displayName:"styled__SidebarMenuItemIconBox",componentId:"sc-1lz7ko6-3"})(["display:flex;border:1px solid ",";align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;opacity:",";background:",";svg path{",";}"],({theme:e})=>e.colors.grayScale.gray2,({$active:e})=>e?1:.75,({theme:e,$active:i})=>i?e.colors.grayScale.gray3:e.colors.grayScale.gray4,({theme:e,$active:i})=>i&&`fill: ${e.colors.accent.primary}`),r=i(o).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__SidebarMenuItemText",componentId:"sc-1lz7ko6-4"})([""," opacity:",";@media (max-width:","){display:block;}"],({$isOpen:e})=>!e&&"display: none;",({$active:e})=>e?1:.75,({theme:e})=>e.dashboard.tablet.maxWidth),s=i.div.withConfig({displayName:"styled__SidebarMenuItemTooltipStyled",componentId:"sc-1lz7ko6-5"})(["transition:all 0.2s ease-in-out,left 150ms ease-in-out;position:fixed;display:flex;align-items:center;z-index:100;"," @media (max-width:","){display:none;}",""],({$isOpen:e})=>e?"\n    opacity: 0.8;\n    left: 90px;\n  ":"opacity: 0; pointer-events: none; visibility: hidden; left: 64px;",({theme:e})=>e.dashboard.tablet.maxWidth,({$isHovered:e})=>e&&t(["left:74px;opacity:1;"])),p=i.svg.withConfig({displayName:"styled__SidebarMenuTooltipArrow",componentId:"sc-1lz7ko6-6"})(["display:inline-flex;position:relative;rotate:90deg;"]),c=i(o).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__SidebarMenuTooltipText",componentId:"sc-1lz7ko6-7"})(["display:inline-flex;background:",";border-radius:8px;padding:8px 12px;margin-left:-2px;"],({theme:e})=>"light"===e.mode?e.colors.grayScale.gray2:e.colors.grayScale.gray3);export{l as SidebarMenuItemIconBox,r as SidebarMenuItemText,s as SidebarMenuItemTooltipStyled,a as SidebarMenuList,d as SidebarMenuListItem,n as SidebarMenuStyled,p as SidebarMenuTooltipArrow,c as SidebarMenuTooltipText};