@bothub-chat/ui
Version:
Bothub UI Components
40 lines (39 loc) • 2.32 kB
JavaScript
import{styled as e,css as a}from"styled-components";import{Typography as r}from"../../../../typography/index.js";import{adaptive as t}from"../../../../../adaptive/index.js";const o=e(r).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__SidebarMenuNavLinkText",componentId:"sc-1jjso69-0"})(["",""],(({$open:e,theme:r})=>t(e?{variant:"dashboard",desktop:a`
display: flex;
`,tablet:a`
display: none;
`}:{variant:"dashboard",desktop:a`
position: fixed;
transition: 0.25s all;
padding: 8px;
background: ${r.colors.grayScale.gray2};
border-radius: 6px;
display: block;
z-index: 40;
left: 120px;
white-space: nowrap;
&:after {
content: '';
position: absolute;
top: 50%;
left: -5px;
transform: translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent ${r.colors.grayScale.gray2}
transparent transparent;
}
`,tablet:a`
display: flex;
`,mobile:a`
display: flex;
`}))),i=e.a.withConfig({displayName:"styled__SidebarMenuNavLinkStyled",componentId:"sc-1jjso69-1"})(["display:inline-flex;align-items:center;gap:10px;cursor:pointer;opacity:0.75;",""],(({$active:e})=>!e&&a`
transition: 0.25s opacity;
&:hover {
opacity: 1;
}
`)),n=e.div.withConfig({displayName:"styled__SidebarMenuNavIcon",componentId:"sc-1jjso69-2"})(["display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:8px;"," &:hover ~ ","{left:100px;background:",";&:after{border-color:transparent "," transparent transparent;}}border:1px solid ",";"],(({$active:e})=>e&&a`
background: ${({theme:e})=>e.colors.grayScale.gray3};
`),o,(({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray1:"rgba(159, 189, 251, 1);"),(({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray1:"rgba(159, 189, 251, 1)"),(({theme:e})=>e.colors.grayScale.gray2));export{n as SidebarMenuNavIcon,i as SidebarMenuNavLinkStyled,o as SidebarMenuNavLinkText};