UNPKG

@bothub-chat/ui

Version:

Bothub UI Components

12 lines (11 loc) 2.65 kB
import{styled as o,css as e}from"styled-components";import{animated as r}from"@react-spring/web";import{ArrowDownIcon as n}from"../../../icons/arrow-down/index.js";import{LanguageIcon as t}from"../../../icons/language/index.js";import{Typography as i}from"../../typography/index.js";const a=o.div.withConfig({displayName:"styled__SidebarLangDropdownStyled",componentId:"sc-1dyzj05-0"})(["z-index:",";"],(({theme:o})=>o.zIndex.header+1)),s=o(t).attrs({size:18}).withConfig({displayName:"styled__SidebarLangDropdownTogglerIcon",componentId:"sc-1dyzj05-1"})(["pointer-events:none;"]),d=o(i).withConfig({displayName:"styled__SidebarLangDropdownTogglerText",componentId:"sc-1dyzj05-2"})(["text-transform:uppercase;font-size:16px;font-weight:700;line-height:22px;pointer-events:none;color:",";"],(({theme:o})=>o.colors.base.white)),p=o(n).attrs({size:16}).withConfig({displayName:"styled__SidebarLangDropdownTogglerArrow",componentId:"sc-1dyzj05-3"})(["pointer-events:none;transition:transform 0.2s ease-in-out;"]),l=o.button.withConfig({displayName:"styled__SidebarLangDropdownToggler",componentId:"sc-1dyzj05-4"})(["display:flex;background:none;border:none;outline:none;align-items:center;cursor:pointer;gap:6px;transform-origin:top center;transition:opacity 0.15s ease-out,transform 0.15s ease-out;&:hover{> "," > path{fill:",";}> ","{color:",";}> "," > path{stroke:",";}}",""],s,(({theme:o})=>o.colors.accent.primary),d,(({theme:o})=>o.colors.accent.primary),p,(({theme:o})=>o.colors.accent.primary),(({$open:o})=>o&&e` > ${s} > path { fill: ${({theme:o})=>o.colors.accent.primary}; } > ${d} { color: ${({theme:o})=>o.colors.accent.primary}; } > ${p} > path { stroke: ${({theme:o})=>o.colors.accent.primary}; } `)),c=o(r.div).withConfig({displayName:"styled__SidebarLangDropdownContent",componentId:"sc-1dyzj05-5"})(["display:flex;position:absolute;transform-origin:top center;"]),m=o.ul.withConfig({displayName:"styled__SidebarLangDropdownList",componentId:"sc-1dyzj05-6"})(["display:flex;flex-direction:column;border:1px solid ",";border-radius:8px;overflow:hidden;list-style:none;background:",";width:80px;padding:10px 16px;box-sizing:border-box;margin-block-start:16px;"],(({theme:o})=>"light"===o.mode?o.colors.grayScale.gray3:o.colors.grayScale.gray2),(({theme:o})=>"light"===o.mode?o.colors.grayScale.gray4:o.colors.grayScale.gray3));export{c as SidebarLangDropdownContent,m as SidebarLangDropdownList,a as SidebarLangDropdownStyled,l as SidebarLangDropdownToggler,p as SidebarLangDropdownTogglerArrow,s as SidebarLangDropdownTogglerIcon,d as SidebarLangDropdownTogglerText};