carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.21 kB
JavaScript
import o,{css as r}from"styled-components";import e from"../../../typography/typography.style.js";import i from"../../../icon/icon.style.js";import{StyledProgressBar as t,InnerBar as a}from"../../../progress-tracker/progress-tracker.style.js";import l,{StyledLoader as n,InnerBar as d}from"../../../loader-bar/loader-bar.style.js";import{StyledLink as s,StyledContent as c}from"../../../link/link.style.js";const p=o.div.withConfig({displayName:"file-upload-status.style__StyledFileLinkContainer",componentId:"sc-c69486a8-0"})(["color:var(--colorsActionMajorYin090);display:flex;align-items:center;overflow-x:hidden;overflow-y:visible;padding-right:var(--spacing150);","{overflow:hidden;}"," a{overflow:hidden;display:flex;text-decoration:none;}","{overflow:hidden;text-overflow:ellipsis;text-decoration:underline;}&&& ","{display:inline-flex;justify-content:center;align-items:flex-start;width:24px;height:24px;:not("," ","){color:var(--colorsUtilityYin065);padding-right:var(--spacing100);}}"],s,s,c,i,s,i),y=o.div.withConfig({displayName:"file-upload-status.style__StyledFileUploadStatusRow",componentId:"sc-c69486a8-1"})(["display:flex;justify-content:space-between;"," padding-left:var(--spacing150);"," "," ","{color:var(--colorsUtilityYin055);}"],(({onlyRow:o})=>o?"":"align-items: baseline;"),(({upperPadding:o})=>o?"padding-top: var(--spacing050);":""),(({lowerPadding:o})=>o?"padding-bottom: var(--spacing125);":""),e),g=o.div.withConfig({displayName:"file-upload-status.style__StyledFileUploadStatus",componentId:"sc-c69486a8-2"})(["background-color:var(--colorsUtilityYang100);"," border-radius:var(--borderRadius050);",",","{border-radius:var(--borderRadius050);border:none;}","{display:flex;}","{background-color:var(--colorsSemanticNeutral200);}","{background-color:var(--colorsSemanticNeutral500);border-radius:var(--borderRadius050);}"],(({hasError:o})=>{const i=o?"colorsSemanticNegative500":"colorsUtilityMajor300";return r(["border:var(--",") solid var(--",");",""],o?"borderWidth200":"borderWidth100",i,o&&`&& ${e} {\n color: var(--${i});\n font-weight: 400;\n }`)}),t,a,n,l,d);export{p as StyledFileLinkContainer,g as StyledFileUploadStatus,y as StyledFileUploadStatusRow};