@bothub-chat/ui 2.47.1 → 2.47.2-develop-276d1dc8-5d95-48a3-bef6-4e95d99ca126
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{styled as t,css as o,keyframes as i}from"styled-components";import{animated as a}from"@react-spring/web";import{Button as n}from"../button/index.js";import{EnterIcon as s}from"../../icons/enter/index.js";import{AttachIcon as r}from"../../icons/attach/index.js";import{SendIcon as l}from"../../icons/send/index.js";import{Chip as d}from"../chip/index.js";import{VoiceIcon as
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{styled as t,css as o,keyframes as i}from"styled-components";import{animated as a}from"@react-spring/web";import{Button as n}from"../button/index.js";import{EnterIcon as s}from"../../icons/enter/index.js";import{AttachIcon as r}from"../../icons/attach/index.js";import{SendIcon as l}from"../../icons/send/index.js";import{Chip as d}from"../chip/index.js";import{VoiceIcon as c}from"../../icons/voice/index.js";import{Typography as p}from"../typography/index.js";import{adaptive as g}from"../../adaptive/index.js";const m=t.div.withConfig({displayName:"styled__InputMessageStyled",componentId:"sc-4jukeb-0"})(["display:flex;position:relative;border-radius:10px;border:1px solid ",";background:",";width:100%;padding:14px 20px;max-width:",";box-sizing:border-box;overflow:visible;cursor:",";outline:none;"," ",""],(({theme:e,$active:t,$disabled:o})=>o?e.colors.grayScale.gray2:t?e.colors.accent.primary:e.colors.grayScale.gray2),(({theme:e,$disabled:t})=>t?e.colors.grayScale.gray3:"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray4),(({theme:e})=>e.dashboard.chat.containerWidth),(({$disabled:e,$textAreaDisabled:t,$voiceRecording:o})=>e?"not-allowed":t||o?"default":"text"),(({$disabled:e})=>!e&&o`
|
|
2
2
|
&:hover {
|
|
3
3
|
border-color: ${({theme:e})=>e.colors.accent.primary};
|
|
4
4
|
}
|
|
5
|
-
`),(({$dragActive:e})=>e&&"\n opacity: 0.85;\n ")),y=t.div.withConfig({displayName:"styled__InputMessageContent",componentId:"sc-4jukeb-1"})(["display:flex;
|
|
5
|
+
`),(({$dragActive:e})=>e&&"\n opacity: 0.85;\n ")),y=t.div.withConfig({displayName:"styled__InputMessageContent",componentId:"sc-4jukeb-1"})(["display:flex;flex-direction:column;justify-content:center;gap:14px;width:100%;"]),u=t.div.withConfig({displayName:"styled__InputMessageBottomGroup",componentId:"sc-4jukeb-2"})(["display:flex;gap:10px;align-items:center;"]),h=t(u).withConfig({displayName:"styled__InputMessageBottom",componentId:"sc-4jukeb-3"})(["justify-content:space-between;"]),f=t.div.withConfig({displayName:"styled__InputMessageUploadFile",componentId:"sc-4jukeb-4"})(["display:inline-flex;"]),x=t.input.attrs({id:"inputMessageUploadFileInput"}).withConfig({displayName:"styled__InputMessageUploadFileInput",componentId:"sc-4jukeb-5"})(["display:none;"]),b=t(n).attrs({variant:"secondary",component:"label",htmlFor:"inputMessageUploadFileInput",children:e(r,{})}).withConfig({displayName:"styled__InputMessageUploadFileButton",componentId:"sc-4jukeb-6"})(["flex-shrink:0;user-select:none;"]),w=t.div.withConfig({displayName:"styled__InputMessageMain",componentId:"sc-4jukeb-7"})(["display:flex;align-items:flex-start;justify-content:center;gap:14px;width:100%;"]),I=t.div.withConfig({displayName:"styled__InputMessageFiles",componentId:"sc-4jukeb-8"})(["display:flex;flex-wrap:wrap;gap:10px 14px;cursor:default;max-height:200px;overflow-y:auto;"]),_=t(d).attrs({variant:"input"}).withConfig({displayName:"styled__InputMessageFile",componentId:"sc-4jukeb-9"})([""]),v=t.textarea.withConfig({displayName:"styled__InputMessageTextArea",componentId:"sc-4jukeb-10"})(["display:flex;height:auto;width:100%;max-height:270px;background:none;outline:none;resize:none;border:none;color:",";overflow:auto;scrollbar-width:none;padding:0px;&::placeholder{color:",";}&::-webkit-scrollbar{display:none;}"," font-weight:400;font-size:18px;line-height:23.4px;@media (max-width:","){font-size:16px;line-height:22px;}"],(({theme:e,$disabled:t})=>t?e.colors.grayScale.gray1:e.colors.base.white),(({theme:e})=>e.colors.grayScale.gray1),(({$disabled:e})=>e&&o`
|
|
6
6
|
cursor: not-allowed;
|
|
7
|
-
`),(({theme:e})=>e.mobile.maxWidth)),
|
|
7
|
+
`),(({theme:e})=>e.mobile.maxWidth)),j=t(n).withConfig({displayName:"styled__InputMessageSendButton",componentId:"sc-4jukeb-11"})(["flex-shrink:0;svg{pointer-events:none;}"]),k=t(j).attrs((({theme:e,$isRecording:t})=>Object.assign(Object.assign({variant:"text"},t&&{iconFill:e.colors.critic}),e.bright&&{iconFill:e.default.colors.base.black}))).withConfig({displayName:"styled__InputMessageVoiceButton",componentId:"sc-4jukeb-12"})(["margin:10px;"]),M=l,S=c,C=t.div.withConfig({displayName:"styled__InputMessageVoiceRecord",componentId:"sc-4jukeb-13"})(["display:flex;align-items:center;gap:8px;"]),N=t.span.withConfig({displayName:"styled__InputMessageVoiceRecordDot",componentId:"sc-4jukeb-14"})(["display:inline-flex;width:8px;height:8px;background:",";border-radius:50%;animation:"," 1s ease-in-out infinite;"],(({theme:e})=>e.colors.critic),(()=>i`
|
|
8
8
|
from {
|
|
9
9
|
opacity: 1;
|
|
10
10
|
}
|
|
@@ -14,8 +14,8 @@ import{jsx as e}from"react/jsx-runtime";import{styled as t,css as o,keyframes as
|
|
|
14
14
|
to {
|
|
15
15
|
opacity: 1;
|
|
16
16
|
}
|
|
17
|
-
`))
|
|
17
|
+
`)),$=t(p).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__InputMessageVoiceRecordTimeText",componentId:"sc-4jukeb-15"})(["cursor:default;"]),F=t.div.withConfig({displayName:"styled__InputMessageToggleSendStyled",componentId:"sc-4jukeb-16"})(["position:relative;width:fit-content;height:fit-content;",""],g({tablet:o`
|
|
18
18
|
display: none;
|
|
19
19
|
`,mobile:o`
|
|
20
20
|
display: none;
|
|
21
|
-
`})),
|
|
21
|
+
`})),z=t(n).attrs({variant:"text",startIcon:e(s,{}),iconSize:24}).withConfig({displayName:"styled__InputMessageToggleSendButton",componentId:"sc-4jukeb-17"})(["svg{g path{fill:"," !important;}}display:flex;&:hover{svg{path{fill:"," !important;}}}"],(({theme:e})=>e.colors.grayScale.gray3),(({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray2:e.colors.grayScale.gray1)),T=t(a.div).withConfig({displayName:"styled__InputMessageToggleSendModalStyled",componentId:"sc-4jukeb-18"})(["display:flex;flex-direction:column;gap:6px;max-height:fit-content;width:max-content;max-width:60vw;padding:6px;position:absolute;bottom:calc(100% + 10px);right:0;border-radius:10px;border:1px "," solid;background-color:",";z-index:50;user-select:none;-moz-user-select:none;-webkit-user-select:none;"],(({theme:e})=>e.colors.grayScale.gray2),(({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray4:e.default.colors.base.white)),B=t.button.withConfig({displayName:"styled__InputMessageToggleSendModalOption",componentId:"sc-4jukeb-19"})(["all:unset;margin:0;padding:12px;border-radius:8px;background-color:",";cursor:pointer;transition:opacity 0.1s ease-in-out,transform 0.1s ease-in-out,filter 0.1s ease-in-out;&:hover{filter:",";transition:filter 100ms ease-in-out;}&:active{transform:translateY(1px);}"],(({theme:e,active:t})=>"dark"===e.mode?t?e.colors.grayScale.gray3:e.colors.grayScale.gray4:t?e.colors.grayScale.gray3:e.default.colors.base.white),(({theme:e})=>"dark"===e.mode?"brightness(120%)":"brightness(80%)"));export{h as InputMessageBottom,u as InputMessageBottomGroup,y as InputMessageContent,_ as InputMessageFile,I as InputMessageFiles,w as InputMessageMain,j as InputMessageSendButton,M as InputMessageSendIcon,m as InputMessageStyled,v as InputMessageTextArea,z as InputMessageToggleSendButton,B as InputMessageToggleSendModalOption,T as InputMessageToggleSendModalStyled,F as InputMessageToggleSendStyled,f as InputMessageUploadFile,b as InputMessageUploadFileButton,x as InputMessageUploadFileInput,k as InputMessageVoiceButton,S as InputMessageVoiceIcon,C as InputMessageVoiceRecord,N as InputMessageVoiceRecordDot,$ as InputMessageVoiceRecordTimeText};
|