@bothub-chat/ui/dist/components/file-field/styled.js

Bothub UI Components

import{jsx as e}from"react/jsx-runtime";import{styled as i,css as o}from"styled-components";import{Typography as t}from"../typography/index.js";import{AttachIcon as l}from"../../icons/attach/index.js";import{Badge as a}from"../badge/index.js";import{Button as n}from"../button/index.js";import{CloseIcon as r}from"../../icons/close/index.js";const d=i.div.withConfig({displayName:"styled__FileFieldStyled",componentId:"sc-6oe44n-0"})(["display:flex;flex-direction:column;align-items:flex-start;gap:8px;"," width:100%;"," "," user-select:none;"],({theme:e,$error:i,$disabled:t})=>!i&&!t&&o`
      &:hover {
        ${p} {
          border-color: ${e.colors.accent.primary};
        }
      }
    `,({$fullWidth:e})=>!e&&o`
      max-width: 420px;
    `,({$open:e})=>!e&&o`
      width: fit-content;
      aspect-ratio: 1/1;
      overflow: hidden;
    `),s=i(t).attrs({variant:"input-sm"}).withConfig({displayName:"styled__FileFieldLabel",componentId:"sc-6oe44n-1"})(["display:flex;align-items:center;gap:8px;"]),p=i.label.withConfig({displayName:"styled__FileFieldBlock",componentId:"sc-6oe44n-2"})(["display:flex;align-items:center;border:1px solid ",";background:",";border-radius:8px;cursor:",";min-height:46px;padding:8px 16px;gap:10px;"," width:100%;"],({theme:e,$error:i,$disabled:o})=>o?e.colors.grayScale.gray1:i?e.colors.critic:e.colors.grayScale.gray2,({theme:e,$disabled:i})=>i?e.colors.grayScale.gray3:"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray4,({$disabled:e})=>e?"not-allowed":"pointer",({$open:e})=>!e&&o`
      padding: 10px;
      gap: 0;
      min-height: 36px;
    `),c=i(l).attrs(({theme:e})=>({size:16,fill:e.colors.base.white})).withConfig({displayName:"styled__FileFieldIcon",componentId:"sc-6oe44n-3"})([""]),m=i.input.attrs({type:"file",multiple:!0}).withConfig({displayName:"styled__FileFieldInput",componentId:"sc-6oe44n-4"})(["display:none;"]),y=i(t).attrs({variant:"input-sm"}).withConfig({displayName:"styled__FileFieldPlaceholder",componentId:"sc-6oe44n-5"})(["color:",";"],({theme:e})=>e.colors.grayScale.gray1),g=i.div.withConfig({displayName:"styled__FileFieldFiles",componentId:"sc-6oe44n-6"})(["display:flex;gap:10px;flex-wrap:wrap;"]),h=i(a).attrs({brick:!0}).withConfig({displayName:"styled__FileFieldFile",componentId:"sc-6oe44n-7"})([""]),f=i(n).attrs({variant:"text",iconSize:12,children:e(r,{})}).withConfig({displayName:"styled__FileFieldFileDeleteButton",componentId:"sc-6oe44n-8"})([""]),x=i(t).attrs({variant:"input-md"}).withConfig({displayName:"styled__FileFieldErrorText",componentId:"sc-6oe44n-9"})(["color:",";"],({theme:e})=>e.colors.critic);export{p as FileFieldBlock,x as FileFieldErrorText,h as FileFieldFile,f as FileFieldFileDeleteButton,g as FileFieldFiles,c as FileFieldIcon,m as FileFieldInput,s as FileFieldLabel,y as FileFieldPlaceholder,d as FileFieldStyled};