UNPKG

@bothub-chat/ui

Version:

Bothub UI Components

2 lines (1 loc) 2.65 kB
import{styled as e,css as o}from"styled-components";import{Typography as r}from"../typography/index.js";import{Skeleton as l}from"../skeleton/index.js";const t=e.div.withConfig({displayName:"styled__TextAreaFieldStyled",componentId:"sc-1ob4b8u-0"})(["display:inline-flex;flex-direction:column;align-items:flex-start;width:100%;box-sizing:border-box;"," "," ",""],(({$fullWidth:e})=>!e&&o(["max-width:263px;"])),(({$disabled:e})=>e&&o(["cursor:not-allowed;"])),(({$disabled:e})=>!e&&o(["cursor:default;"]))),i=e(r).attrs({variant:"input-sm"}).withConfig({displayName:"styled__TextAreaFieldLabel",componentId:"sc-1ob4b8u-1"})(["display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;cursor:inherit;width:100%;"]),a=e.div.withConfig({displayName:"styled__TextAreaFieldBlock",componentId:"sc-1ob4b8u-2"})(["display:flex;width:100%;height:165px;overflow:hidden;border:1px solid ",";border-radius:10px;background:",";"," cursor:",";",""],(({theme:e,$error:o,$focus:r,$disabled:l,$skeleton:t})=>l||t?e.colors.grayScale.gray2:o?e.colors.critic:r?e.colors.accent.primary:e.colors.grayScale.gray2),(({theme:e,$disabled:o,$skeleton:r})=>o||r?e.colors.grayScale.gray3:"custom"===e.scheme?e.colors.grayScale.gray7:"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray4),(({$glow:e,theme:r})=>e&&o(["background:",";border-color:",";"],r.colors.grayScale.gray2,r.colors.accent.primary)),(({$disabled:e,$skeleton:o})=>o?"progress":e?"not-allowed":"text"),(({theme:e,$error:r,$disabled:l,$skeleton:t})=>!r&&!l&&!t&&o(["&:hover{border-color:",";}"],e.colors.accent.primary))),s=e(l).attrs({width:160,height:18}).withConfig({displayName:"styled__TextAreaFieldSkeleton",componentId:"sc-1ob4b8u-3"})(["margin:14px 16px;"]),d=e.textarea.withConfig({displayName:"styled__TextAreaFieldTextArea",componentId:"sc-1ob4b8u-4"})(["display:flex;width:100%;height:inherit;box-sizing:border-box;resize:none;outline:none;background:none;border:none;padding:14px 16px;color:",";font-weight:400;font-size:14px;line-height:18px;cursor:inherit;&::placeholder{color:",";}&:focus::placeholder{color:",";}&::-webkit-scrollbar{display:none;}"],(({theme:e})=>e.colors.base.white),(({theme:e})=>e.colors.grayScale.gray1),(({theme:e})=>"light"===e.mode?e.colors.grayScale.gray1:e.colors.grayScale.gray6)),n=e(r).attrs({variant:"input-sm"}).withConfig({displayName:"styled__TextAreaFieldErrorText",componentId:"sc-1ob4b8u-5"})(["display:inline-flex;margin-top:8px;color:",";"],(({theme:e})=>e.colors.critic));export{a as TextAreaFieldBlock,n as TextAreaFieldErrorText,i as TextAreaFieldLabel,s as TextAreaFieldSkeleton,t as TextAreaFieldStyled,d as TextAreaFieldTextArea};