@bothub-chat/ui
Version:
Bothub UI Components
2 lines (1 loc) • 2.54 kB
JavaScript
import{styled as o}from"styled-components";import{animated as e}from"@react-spring/web";import{MenuDotIcon as t}from"../../../icons/menu-dot/index.js";import{Typography as r}from"../../typography/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as i}from"../../../utils/colors/colorToRgba.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import"tslib";const n=o.div.withConfig({displayName:"styled__SidebarDropdownStyled",componentId:"sc-1efm7nw-0"})(["display:flex;position:relative;"]),d=o(t).attrs({size:18}).withConfig({displayName:"styled__SidebarDropdownTogglerIcon",componentId:"sc-1efm7nw-1"})(["rotate:90deg;"]);o(r).withConfig({displayName:"styled__SidebarDropdownTogglerText",componentId:"sc-1efm7nw-2"})([""]);const a=o.button.withConfig({displayName:"styled__SidebarDropdownToggler",componentId:"sc-1efm7nw-3"})(["background:none;padding:0;margin:0;display:flex;outline:none;border:none;cursor:pointer;align-items:center;"]),p=o(e.div).withConfig({displayName:"styled__SidebarDropdownContent",componentId:"sc-1efm7nw-4"})(["position:fixed;transform-origin:top right;width:fit-content;margin-top:16px;transform:translateX(-100%);top:16px;right:-2px;background:",";border:1px solid ",";border-radius:8px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:8px;z-index:3;&::before{content:'';position:absolute;border-radius:8px;z-index:0;width:100%;height:100%;top:0px;right:0px;}"],({theme:o})=>i(o.colors.grayScale.gray4,.75),({theme:o})=>o.colors.grayScale.gray2),s=o.div.withConfig({displayName:"styled__SidebarDropdownList",componentId:"sc-1efm7nw-5"})(["min-width:150px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow:hidden;"]),l=o.button.withConfig({displayName:"styled__SidebarDropdownItemStyled",componentId:"sc-1efm7nw-6"})(["display:flex;align-items:center;width:100%;z-index:2;gap:10px;padding:10px;background:none;margin:0;outline:none;border:none;cursor:pointer;border-radius:8px;&:hover{background:",";}"],({theme:o})=>o.colors.grayScale.gray3),m=o(r).attrs({variant:"body-m-regular",component:"span"}).withConfig({displayName:"styled__SidebarDropdownItemText",componentId:"sc-1efm7nw-7"})([""]);export{p as SidebarDropdownContent,l as SidebarDropdownItemStyled,m as SidebarDropdownItemText,s as SidebarDropdownList,n as SidebarDropdownStyled,a as SidebarDropdownToggler,d as SidebarDropdownTogglerIcon};