@bothub-chat/ui/dist/components/header/user-info/styled.js

Bothub UI Components

import{styled as e,css as o}from"styled-components";import{animated as t}from"@react-spring/web";import{Typography as n}from"../../typography/index.js";import{ArrowDownIcon as r}from"../../../icons/arrow-down/index.js";import{Avatar as a}from"../../avatar/index.js";const i=e(t.div).withConfig({displayName:"styled__HeaderUserInfoHead",componentId:"sc-1k3544t-0"})(["display:flex;cursor:pointer;align-items:center;gap:22px;padding:8px 14px;border:1px solid ",";border-radius:6px;background:",";transition:background 0.3s ease-out;"," &:hover{background:",";}"],(({theme:e})=>e.colors.grayScale.gray3),(({theme:e})=>"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray4),(({$inMenu:e})=>e&&o(["width:100%;justify-content:space-between;"])),(({theme:e})=>e.colors.grayScale.gray3)),s=e.div.withConfig({displayName:"styled__HeaderUserInfoStyled",componentId:"sc-1k3544t-1"})(["user-select:none;",""],(({$inMenu:e})=>e&&o(["width:100%;"]))),d=e.div.withConfig({displayName:"styled__HeaderUserInfoInfo",componentId:"sc-1k3544t-2"})(["display:flex;align-items:center;gap:12px;"]),l=e(a).attrs({size:32}).withConfig({displayName:"styled__HeaderUserInfoAvatar",componentId:"sc-1k3544t-3"})([""]),p=e.span.withConfig({displayName:"styled__HeaderUserInfoInfoText",componentId:"sc-1k3544t-4"})(["display:flex;flex-direction:column;align-items:flex-start;"]),c=e(n).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__HeaderUserInfoName",componentId:"sc-1k3544t-5"})([""]),m=e(n).attrs({variant:"body-xs-regular"}).withConfig({displayName:"styled__HeaderUserInfoTokens",componentId:"sc-1k3544t-6"})([""]),y=e(r).withConfig({displayName:"styled__HeaderUserInfoArrow",componentId:"sc-1k3544t-7"})(["pointer-events:none;transition:transform 0.15s ease-in-out;"]),f=e(t.div).withConfig({displayName:"styled__HeaderUserInfoBody",componentId:"sc-1k3544t-8"})(["display:flex;border:1px solid ",";border-radius:6px;background:",";margin-top:14px;padding:14px 0px;width:170px;transform-origin:top center;",""],(({theme:e})=>e.colors.grayScale.gray3),(({theme:e})=>e.colors.grayScale.gray4),(({$inMenu:e})=>!e&&o(["position:absolute;"]))),g=e.div.withConfig({displayName:"styled__HeaderUserInfoList",componentId:"sc-1k3544t-9"})(["display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:100%;"]);export{y as HeaderUserInfoArrow,l as HeaderUserInfoAvatar,f as HeaderUserInfoBody,i as HeaderUserInfoHead,d as HeaderUserInfoInfo,p as HeaderUserInfoInfoText,g as HeaderUserInfoList,c as HeaderUserInfoName,s as HeaderUserInfoStyled,m as HeaderUserInfoTokens};