UNPKG

@bothub-chat/ui

Version:

Bothub UI Components

2 lines (1 loc) 2.98 kB
import{animated as e}from"@react-spring/web";import{styled as t,css as o}from"styled-components";import{Typography as s}from"../../typography/index.js";const i=t.div.withConfig({displayName:"styled__MessageActionsStyled",componentId:"sc-116vw4r-0"})(["display:flex;flex-direction:",";align-items:flex-end;justify-content:center;user-select:none;-moz-user-select:none;-webkit-user-select:none;@media (width <= ","){gap:8px;}"],(({$variant:e})=>"assistant"===e?"row":"row-reverse"),(({theme:e})=>e.mobile.maxWidth)),n=t.div.withConfig({displayName:"styled__MessageActionsMenuStyled",componentId:"sc-116vw4r-1"})(["position:relative;display:flex;"]),a=t(e.div).withConfig({displayName:"styled__MessageActionsMenuModal",componentId:"sc-116vw4r-2"})(["position:absolute;"," "," display:flex;flex-direction:column;gap:0;padding:8px;border-radius:8px;background-color:",";border:1px solid ",";z-index:10;"],(({$invertedY:e})=>o(e?["bottom:36px;"]:["top:36px;"])),(({$variant:e,$invertedX:t})=>((e,t)=>{switch(e){case"assistant":return o(t?["right:14px;"]:["left:14px;"]);case"user":return o(t?["left:14px;"]:["right:14px;"]);default:return o([""])}})(e,t)),(({theme:e})=>e.colors.grayScale.gray4),(({theme:e})=>e.colors.grayScale.gray2)),r=t.button.withConfig({displayName:"styled__MessageActionsMenuModalOption",componentId:"sc-116vw4r-3"})(["all:unset;display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;background-color:",";&:hover{background-color:",";&:hover{svg{path,circle{fill:",";}}}}&:active{filter:brightness(0.8);transform:translateY(1px);}cursor:pointer;"],(({theme:e})=>e.colors.grayScale.gray4),(({theme:e})=>e.colors.grayScale.gray2),(({theme:e})=>"custom"===e.scheme?e.colors.custom.icon:"dark"===e.mode?e.colors.accent.primaryLight:e.default.colors.base.white)),l=t.button.withConfig({displayName:"styled__MessageActionsButton",componentId:"sc-116vw4r-4"})(["all:unset;width:fit-content;height:fit-content;padding-inline:6px;display:flex;justify-content:center;align-items:center;cursor:pointer;&:hover{svg{path,circle{filter:brightness(1.2);}}}&:active{svg{path,circle{fill:",";opacity:0.75;transition:all 100ms ease-out;}}transform:translateY(1px);}transition:all 50ms ease-out;"],(({theme:e})=>"custom"===e.scheme?e.colors.custom.icon:e.colors.accent.primaryLight)),c=t.div.withConfig({displayName:"styled__MessageEditButtonsStyled",componentId:"sc-116vw4r-5"})(["display:flex;align-items:center;"]),d=t.div.withConfig({displayName:"styled__MessageActionsMenuModalOptionContent",componentId:"sc-116vw4r-6"})(["display:flex;align-items:center;gap:10px;"]),p=t(s).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageActionsButtonText",componentId:"sc-116vw4r-7"})([""]);export{l as MessageActionsButton,p as MessageActionsButtonText,a as MessageActionsMenuModal,r as MessageActionsMenuModalOption,d as MessageActionsMenuModalOptionContent,n as MessageActionsMenuStyled,i as MessageActionsStyled,c as MessageEditButtonsStyled};