carbon-react/lib/components/file-input/file-input.style.js

A library of reusable React components for easily building user interfaces.

"use strict";var t=require("styled-components"),e=require("../typography/typography.style.js");function i(t){return t&&t.__esModule?t:{default:t}}var r=i(t);const a=r.default.input.withConfig({displayName:"file-input.style__StyledHiddenFileInput",componentId:"sc-6e60ad6-0"})(["display:none;"]),o=r.default.div.withConfig({displayName:"file-input.style__StyledFileInputPresentation",componentId:"sc-6e60ad6-1"})([""," ",""],(({hasUploadStatus:e,minWidth:i,minHeight:r,maxWidth:a,maxHeight:o})=>t.css(["min-width:",";min-height:",";max-width:",";",""],i,r,a,!e&&t.css(["padding:11px;max-height:",";box-sizing:border-box;"],o))),(({hasUploadStatus:i,isDraggedOver:r,isDraggingFile:a,error:o,isVertical:n})=>{const l=o||a?"borderWidth200":"borderWidth100";let s="colorsUtilityMajor300",d="colorsUtilityYang100";return r?(s="colorsUtilityMajor400",d="colorsUtilityMajor100"):a&&(s="colorsUtilityMajor400"),o&&(s="colorsSemanticNegative"+(a?600:500)),!i&&t.css(["display:flex;"," flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;text-align:center;gap:var(--spacing100);border-radius:var(--borderRadius050);border:var(--",") dashed var(--",");background:var(--",");","{color:var(--colorsUtilityYin055);}"],n&&"flex-direction: column;",l,s,d,e.default)}));exports.StyledFileInputPresentation=o,exports.StyledHiddenFileInput=a;