carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.98 kB
JavaScript
import e,{css as t}from"styled-components";import i from"../../icon/icon.style.js";const o=e.li.withConfig({displayName:"step-sequence-item.style__StyledStepSequenceItem",componentId:"sc-a204f0f2-0"})(["display:flex;align-items:center;flex-grow:1;text-align:right;list-style-type:none;color:var(--colorsUtilityYin055);",""],(({orientation:e,status:o})=>{const r="vertical"===e?"left":"top";return t(['&::before{content:"";flex-grow:1;display:block;margin:0 16px;border-',":var(--sizing025) dashed var(--colorsUtilityYin055);}& span{display:flex;align-items:center;justify-content:center;}","{margin-right:8px;color:var(--colorsBaseTheme,var(--colorsSemanticPositive500));}&:first-child{flex-grow:0;&::before{display:none;}}"," "," ",""],r,i,"current"===o&&t(["color:var(--colorsUtilityYin090);&::before{border-","-color:var(--colorsUtilityYin090);border-","-style:solid;}"],r,r),"complete"===o&&t(["color:var(--colorsBaseTheme,var(--colorsSemanticPositive500));&::before{border-","-color:var( --colorsBaseTheme,var(--colorsSemanticPositive500) );border-","-style:solid;}"],r,r),"vertical"===e&&t(["flex-direction:column;align-items:flex-start;&::before{flex-grow:0;border-left-width:var(--sizing025);height:100%;min-height:var(--sizing300);margin:12px 8px;}"]))})),r=e.span.withConfig({displayName:"step-sequence-item.style__StyledStepSequenceItemContent",componentId:"sc-a204f0f2-1"})(["display:flex;"]),n=e.span.withConfig({displayName:"step-sequence-item.style__StyledStepSequenceItemHiddenLabel",componentId:"sc-a204f0f2-2"})(["position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);"]),l=e.span.withConfig({displayName:"step-sequence-item.style__StyledStepSequenceItemIndicator",componentId:"sc-a204f0f2-3"})(["display:block;min-width:16px;height:16px;margin-right:8px;text-align:center;"]);export{o as StyledStepSequenceItem,r as StyledStepSequenceItemContent,n as StyledStepSequenceItemHiddenLabel,l as StyledStepSequenceItemIndicator};