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

Bothub UI Components

import{styled as e}from"styled-components";import{animated as o}from"@react-spring/web";import{ArrowDownIcon as n}from"../../../icons/arrow-down/index.js";import{MenuDotIcon as t}from"../../../icons/menu-dot/index.js";import{Typography as i}from"../../typography/index.js";const r=e.div.withConfig({displayName:"styled__SidebarDropdownStyled",componentId:"sc-1efm7nw-0"})(["width:24px;margin-left:16px;position:relative;"]),a=e(t).attrs({size:16}).withConfig({displayName:"styled__SidebarDropdownTogglerIcon",componentId:"sc-1efm7nw-1"})(["pointer-events:none;"]),d=e(i).withConfig({displayName:"styled__SidebarDropdownTogglerText",componentId:"sc-1efm7nw-2"})(["text-transform:uppercase;font-size:16px;font-weight:700;line-height:22px;pointer-events:none;"]),s=e(n).attrs({size:16}).withConfig({displayName:"styled__SidebarDropdownTogglerArrow",componentId:"sc-1efm7nw-3"})(["pointer-events:none;"]),l=e.button.withConfig({displayName:"styled__SidebarDropdownToggler",componentId:"sc-1efm7nw-4"})(["display:flex;background:none;border:none;transform:rotate(90deg);outline:none;align-items:center;cursor:pointer;gap:6px;padding:0;&:hover{"," circle{fill:",";transition:fill 200ms ease-in-out;}}&:active{"," circle{fill:",";transition:fill 50ms ease-in-out;}}"],a,(({theme:e})=>e.colors.grayScale.gray6),a,(({theme:e})=>e.colors.grayScale.gray1)),p=e(o.div).withConfig({displayName:"styled__SidebarDropdownContent",componentId:"sc-1efm7nw-5"})(["display:flex;position:fixed;transform-origin:top right;border-radius:8px;overflow:hidden;border:1px solid ",";background:",";opacity:0.8;padding:0;transform:translate3d(0,0,0);backdrop-filter:blur(2px);z-index:",";@media (max-width:","){transform:translate3d(-100%,0,0);}"],(({theme:e})=>"light"===e.mode?e.colors.grayScale.gray3:e.colors.grayScale.gray2),(({theme:e})=>"light"===e.mode?"rgba(255, 255, 255, 0.65)":"rgba(18, 24, 37, 0.75)"),(({theme:e})=>e.zIndex.menu+1),(({theme:e})=>e.tablet.maxWidth)),m=e.ul.withConfig({displayName:"styled__SidebarDropdownList",componentId:"sc-1efm7nw-6"})(["display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow:hidden;list-style:none;margin:0;opacity:0.8;padding:8px;box-sizing:border-box;"]);export{p as SidebarDropdownContent,m as SidebarDropdownList,r as SidebarDropdownStyled,l as SidebarDropdownToggler,s as SidebarDropdownTogglerArrow,a as SidebarDropdownTogglerIcon,d as SidebarDropdownTogglerText};