carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.12 kB
JavaScript
;var e=require("styled-components"),t=require("../../icon/icon.style.js");function i(e){return e&&e.__esModule?e:{default:e}}var o=i(e);const r=o.default.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:i,status:o})=>{const r="vertical"===i?"left":"top";return e.css(['&::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,t.default,"current"===o&&e.css(["color:var(--colorsUtilityYin090);&::before{border-","-color:var(--colorsUtilityYin090);border-","-style:solid;}"],r,r),"complete"===o&&e.css(["color:var(--colorsBaseTheme,var(--colorsSemanticPositive500));&::before{border-","-color:var( --colorsBaseTheme,var(--colorsSemanticPositive500) );border-","-style:solid;}"],r,r),"vertical"===i&&e.css(["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;}"]))})),n=o.default.span.withConfig({displayName:"step-sequence-item.style__StyledStepSequenceItemContent",componentId:"sc-a204f0f2-1"})(["display:flex;"]),s=o.default.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=o.default.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;"]);exports.StyledStepSequenceItem=r,exports.StyledStepSequenceItemContent=n,exports.StyledStepSequenceItemHiddenLabel=s,exports.StyledStepSequenceItemIndicator=l;