carbon-react/lib/components/progress-tracker/progress-tracker.style.js

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

"use strict";var e=require("styled-components"),r=require("styled-system"),t=require("../../style/themes/apply-base-theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var a=s(e);const o=a.default.div.attrs(t.default).withConfig({displayName:"progress-tracker.style__StyledProgressTracker",componentId:"sc-55ab6252-0"})([""," text-align:center;white-space:nowrap;",";",""],r.margin,(({length:r})=>e.css(["width:",";"],r)),(({labelsPosition:r})=>"left"===r&&e.css(["display:flex;align-items:center;"]))),i=a.default.span.attrs(t.default).withConfig({displayName:"progress-tracker.style__StyledProgressBar",componentId:"sc-55ab6252-1"})(["",""],(({progress:r,error:t})=>e.css(["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:e,error:r}){return r?"var(--colorsSemanticNegative500)":100===e?"var(--colorsSemanticPositive500)":"var(--colorsSemanticNeutral500)"}({progress:r,error:t})))),l={small:"var(--fontSizes100)",medium:"var(--fontSizes100)",large:"var(--fontSizes200)"},n=a.default.span.withConfig({displayName:"progress-tracker.style__StyledValue",componentId:"sc-55ab6252-2"})(["display:inline-block;font-weight:500;"]),c=a.default.span.withConfig({displayName:"progress-tracker.style__StyledDescription",componentId:"sc-55ab6252-3"})(["color:var(--colorsUtilityYin055);margin-left:4px;"]),d={top:"bottom",bottom:"top",left:"right"},p=a.default.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:e})=>e&&l[e]),(({labelsPosition:e})=>e&&`\n      margin-${d[e]}: var(--spacing100);\n    `),(({labelWidth:r})=>r&&e.css(["width:",";flex-shrink:0;"],r))),g=a.default.span.withConfig({displayName:"progress-tracker.style__InnerBar",componentId:"sc-55ab6252-5"})(["",""],(({progress:r,size:t,error:s})=>e.css(["position:relative;left:0;background-color:",";border-radius:var(--borderRadius400);width:","%;min-width:2px;height:",";"],function({progress:e,error:r}){return r?"var(--colorsSemanticNegative500)":e&&e>=100?"var(--colorsSemanticPositive500)":"var(--colorsSemanticNeutral500)"}({progress:r,error:s}),r,function(e){switch(e){case"small":return"var(--sizing050)";case"large":return"var(--sizing200)";default:return"var(--sizing100)"}}(t))));exports.InnerBar=g,exports.StyledDescription=c,exports.StyledProgressBar=i,exports.StyledProgressTracker=o,exports.StyledValue=n,exports.StyledValuesLabel=p;