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

Bothub UI Components

import{styled as e}from"styled-components";import{Typography as t}from"../typography/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as o}from"../../utils/colors/colorToRgba.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";const i=e.div.withConfig({displayName:"styled__DropzoneFieldStyled",componentId:"sc-f0fnsu-0"})([""," display:flex;flex-direction:column;justify-content:stretch;gap:20px;background-color:",";padding:20px;border-radius:20px;background-image:",";transition:background 0.3s ease-out;position:relative;&:active,&[data-dragged='true']{background-color:rgba(28,100,242,0.2);background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' vector-effect='non-scaling-stroke' stroke='%231C64F2FF' stroke-width='4' stroke-dasharray='8%2c 16' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e\");}"],(({$fullWidth:e})=>e?"width: 100%;":""),(({theme:e})=>o(e.colors.grayScale.gray4,.75)),(({theme:e})=>`url("${"light"===e.mode?"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' vector-effect='non-scaling-stroke' stroke='%23CDD5DA' stroke-width='4' stroke-dasharray='8%2c 16' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e":"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' vector-effect='non-scaling-stroke' stroke='%23222B44FF' stroke-width='4' stroke-dasharray='8%2c 16' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"}")`)),s=e.div.withConfig({displayName:"styled__DropzoneFieldLabels",componentId:"sc-f0fnsu-1"})(["display:flex;justify-content:space-between;align-items:center;"]),r=e.div.withConfig({displayName:"styled__DropzoneFieldRightLabelsContainer",componentId:"sc-f0fnsu-2"})(["display:flex;align-items:flex-end;flex-direction:column;gap:8px;"]),a=e(t).attrs({variant:"body-xs-medium"}).withConfig({displayName:"styled__DropzoneFieldRightLabel",componentId:"sc-f0fnsu-3"})(["color:",";"],(({theme:e})=>e.colors.grayScale.gray1)),n=e.input.withConfig({displayName:"styled__DropzoneFieldInput",componentId:"sc-f0fnsu-4"})(["cursor:pointer;position:absolute;opacity:0;inset:0;z-index:30;"]),l=e.div.withConfig({displayName:"styled__DropzoneFieldPlaceholder",componentId:"sc-f0fnsu-5"})(["display:flex;align-items:center;justify-content:center;position:relative;padding:20px;"]);e.div.withConfig({displayName:"styled__DropzoneFieldFilesStyled",componentId:"sc-f0fnsu-6"})(["width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:20px;"]),e.div.withConfig({displayName:"styled__DropzoneFieldFile",componentId:"sc-f0fnsu-7"})(["display:flex;align-items:center;justify-content:space-between;gap:6px;position:relative;z-index:40;padding:8px 6px;border-radius:10px;border:1px solid ",";background:",";"],(({theme:e})=>e.colors.grayScale.gray2),(({theme:e})=>e.colors.grayScale.gray3));export{n as DropzoneFieldInput,s as DropzoneFieldLabels,l as DropzoneFieldPlaceholder,a as DropzoneFieldRightLabel,r as DropzoneFieldRightLabelsContainer,i as DropzoneFieldStyled};