carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.46 kB
JavaScript
import t from"styled-components";import{margin as e}from"styled-system";const o=t.div.withConfig({displayName:"step-flow.style__StyledStepFlow",componentId:"sc-d02bd7ac-0"})(["",""],e),i=t.div.withConfig({displayName:"step-flow.style__StyledStepContent",componentId:"sc-d02bd7ac-1"})(["display:flex;justify-content:space-between;margin-bottom:var(--sizing200);"]),s=t.div.withConfig({displayName:"step-flow.style__StyledStepContentText",componentId:"sc-d02bd7ac-2"})(["display:flex;flex-direction:column;"]),d=t.div.withConfig({displayName:"step-flow.style__StyledTitleFocusWrapper",componentId:"sc-d02bd7ac-3"})([""]),n=t.div.withConfig({displayName:"step-flow.style__StyledStepLabelAndProgress",componentId:"sc-d02bd7ac-4"})(["margin-top:var(--sizing125);"]),l=t.div.withConfig({displayName:"step-flow.style__StyledProgressIndicatorBar",componentId:"sc-d02bd7ac-5"})(["display:flex;margin-top:var(--sizing100);"]),a=t.span.withConfig({displayName:"step-flow.style__StyledProgressIndicator",componentId:"sc-d02bd7ac-6"})(["background-color:",";width:100%;height:8px;border-radius:8px;margin-right:12px;"],(function({isCompleted:t,isInProgress:e}){return e?"var(--colorsUtilityYin090)":t?"var(--colorsSemanticPositive500)":"var(--colorsActionDisabled600)"}));export{a as StyledProgressIndicator,l as StyledProgressIndicatorBar,i as StyledStepContent,s as StyledStepContentText,o as StyledStepFlow,n as StyledStepLabelAndProgress,d as StyledTitleFocusWrapper};