@bothub-chat/ui
Version:
Bothub UI Components
2 lines (1 loc) • 4.31 kB
JavaScript
import{jsx as e}from"react/jsx-runtime";import{styled as t}from"styled-components";import{Typography as i}from"../../typography/index.js";import{Button as a}from"../../button/index.js";import{LogoutIcon as o}from"../../../icons/logout/index.js";import{Skeleton as r}from"../../skeleton/index.js";const n=t(r).attrs({variant:"circular",width:40,height:40}).withConfig({displayName:"styled__SidebarAvatarSkeleton",componentId:"sc-1ewmvku-0"})([""]),d=t.div.withConfig({displayName:"styled__SidebarUserStyled",componentId:"sc-1ewmvku-1"})(["display:flex;flex-direction:column;overflow:hidden;gap:16px;width:100%;padding:16px;background:",";border:1px solid ",";border-radius:18px;"],({theme:e})=>e.colors.grayScale.gray4,({theme:e})=>e.colors.grayScale.gray2),s=t.div.withConfig({displayName:"styled__SidebarUserBox",componentId:"sc-1ewmvku-2"})(["display:flex;gap:14px;align-items:center;width:100%;"]),l=t.div.withConfig({displayName:"styled__SidebarUserInfo",componentId:"sc-1ewmvku-3"})(["display:flex;gap:12px;align-items:center;width:100%;cursor:pointer;"]),p=t.div.withConfig({displayName:"styled__SidebarUserBoxAvatar",componentId:"sc-1ewmvku-4"})(["display:flex;"]),c=t.div.withConfig({displayName:"styled__SidebarUserAvatarBox",componentId:"sc-1ewmvku-5"})(["padding:0 5px;"]),m=t.div.withConfig({displayName:"styled__SidebarUserTextBox",componentId:"sc-1ewmvku-6"})(["display:flex;flex-direction:column;width:100%;"]),f=t(i).attrs({variant:"body-m-semibold"}).withConfig({displayName:"styled__SidebarUserName",componentId:"sc-1ewmvku-7"})(["white-space:nowrap;"]),u=t(i).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__SidebarUserCaps",componentId:"sc-1ewmvku-8"})(["white-space:nowrap;"]),y=t(i).attrs({variant:"body-m-medium",component:"span"}).withConfig({displayName:"styled__SidebarUserInfoTariff",componentId:"sc-1ewmvku-9"})(["display:inline-flex;color:",";background:",";padding:4px 8px;border-radius:10px;margin-top:14px;justify-content:center;width:100%;cursor:default;"],({theme:e})=>e.default.colors.base.white,({theme:e})=>"light"===e.mode?e.colors.grayScale.gray2:e.colors.grayScale.gray1),g=t.button.withConfig({displayName:"styled__SidebarUserInfoUpdateTariffButton",componentId:"sc-1ewmvku-10"})(["all:unset;display:flex;justify-content:start;flex-shrink:1;align-items:center;border-radius:8px;padding:6px 18px 6px 6px;box-shadow:inset 0 1px 1px 0 #ffffff60;background:linear-gradient(90deg,#00247d 15%,#1c64f2 100%);&:hover{filter:brightness(0.8);cursor:pointer;}&:active{filter:brightness(0.7);transform:translateY(1px);}transition:all 0.2s ease-out;user-select:none;-moz-user-select:none;-webkit-user-select:none;"]),h=t(i).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__SidebarUserInfoUpdateTariffButtonText",componentId:"sc-1ewmvku-11"})(["color:",";white-space:nowrap;margin-inline:auto;"],({theme:e})=>e.default.colors.base.white),w=t.div.withConfig({displayName:"styled__SidebarUserInfoUpdateTariffBadge",componentId:"sc-1ewmvku-12"})(["padding:2px 8px;display:flex;justify-content:center;align-items:center;border-radius:8px;background-color:",";"],({theme:e})=>e.default.colors.base.white),x=t(i).attrs({variant:"body-m-semibold"}).withConfig({displayName:"styled__SidebarUserInfoUpdateTariffBadgeText",componentId:"sc-1ewmvku-13"})(["color:transparent;background:",";background-clip:text;"],({children:e,theme:t})=>{switch(null==e?void 0:e.toUpperCase()){case"FREE":return t.default.colors.grayScale.gray1;case"BASIC":return t.default.colors.accent.primary;default:return t.default.colors.premiumGradient}}),b=t(a).attrs(()=>({variant:"text",iconSize:18,children:e(o,{})})).withConfig({displayName:"styled__SidebarUserInfoLogoutButton",componentId:"sc-1ewmvku-14"})(["svg path{fill:"," !important;}&:hover{svg path{fill:"," !important;}}"],({theme:e})=>e.colors.critic,({theme:e})=>e.colors.critic);export{n as SidebarAvatarSkeleton,c as SidebarUserAvatarBox,s as SidebarUserBox,p as SidebarUserBoxAvatar,u as SidebarUserCaps,l as SidebarUserInfo,b as SidebarUserInfoLogoutButton,y as SidebarUserInfoTariff,w as SidebarUserInfoUpdateTariffBadge,x as SidebarUserInfoUpdateTariffBadgeText,g as SidebarUserInfoUpdateTariffButton,h as SidebarUserInfoUpdateTariffButtonText,f as SidebarUserName,d as SidebarUserStyled,m as SidebarUserTextBox};