carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.49 kB
JavaScript
import r,{css as e}from"styled-components";import{margin as t}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const s=r.div.attrs(o).withConfig({displayName:"progress-tracker.style__StyledProgressTracker",componentId:"sc-55ab6252-0"})([""," text-align:center;white-space:nowrap;",";",""],t,(({length:r})=>e(["width:",";"],r)),(({labelsPosition:r})=>"left"===r&&e(["display:flex;align-items:center;"]))),i=r.span.attrs(o).withConfig({displayName:"progress-tracker.style__StyledProgressBar",componentId:"sc-55ab6252-1"})(["",""],(({progress:r,error:t})=>e(["display:flex;position:relative;background-color:var(--colorsSemanticNeutral200);border:1px solid ",";border-radius:var(--borderRadius400);overflow-x:hidden;width:100%;min-height:fit-content;box-sizing:border-box;"],function({progress:r,error:e}){return e?"var(--colorsSemanticNegative500)":100===r?"var(--colorsSemanticPositive500)":"var(--colorsSemanticNeutral500)"}({progress:r,error:t})))),a={small:"var(--fontSizes100)",medium:"var(--fontSizes100)",large:"var(--fontSizes200)"},n=r.span.withConfig({displayName:"progress-tracker.style__StyledValue",componentId:"sc-55ab6252-2"})(["display:inline-block;font-weight:500;"]),l=r.span.withConfig({displayName:"progress-tracker.style__StyledDescription",componentId:"sc-55ab6252-3"})(["color:var(--colorsUtilityYin055);margin-left:4px;"]),c={top:"bottom",bottom:"top",left:"right"},p=r.span.withConfig({displayName:"progress-tracker.style__StyledValuesLabel",componentId:"sc-55ab6252-4"})(["text-align:start;display:flex;justify-content:flex-start;gap:4px;font-size:",";",";",";"],(({size:r})=>r&&a[r]),(({labelsPosition:r})=>r&&`\n margin-${c[r]}: var(--spacing100);\n `),(({labelWidth:r})=>r&&e(["width:",";flex-shrink:0;"],r))),d=r.span.withConfig({displayName:"progress-tracker.style__InnerBar",componentId:"sc-55ab6252-5"})(["",""],(({progress:r,size:t,error:o})=>e(["position:relative;left:0;background-color:",";border-radius:var(--borderRadius400);width:","%;min-width:2px;height:",";"],function({progress:r,error:e}){return e?"var(--colorsSemanticNegative500)":r&&r>=100?"var(--colorsSemanticPositive500)":"var(--colorsSemanticNeutral500)"}({progress:r,error:o}),r,function(r){switch(r){case"small":return"var(--sizing050)";case"large":return"var(--sizing200)";default:return"var(--sizing100)"}}(t))));export{d as InnerBar,l as StyledDescription,i as StyledProgressBar,s as StyledProgressTracker,n as StyledValue,p as StyledValuesLabel};