carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.29 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var i=t(e);const s=i.default.label.withConfig({displayName:"label.style__StyledLabel",componentId:"sc-e75e7420-0"})([""," display:block;font-weight:var(--fontWeights500);"," "," ",""],(({isDarkBackground:t})=>e.css(["color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)")),(({isLarge:t})=>t&&e.css(["font-size:var(--fontSizes200);"])),(({isRequired:t})=>t&&e.css(['::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);}'])),(({disabled:t})=>t&&e.css(["color:var(--colorsUtilityYin030);"]))),a=i.default.div.withConfig({displayName:"label.style__StyledLabelContainer",componentId:"sc-e75e7420-1"})(["display:flex;align-items:center;margin-bottom:8px;"," ",""],(({align:t})=>e.css(["justify-content:",";"],"right"!==t?"flex-start":"flex-end")),(({inline:t,pr:i,pl:s,width:a})=>t&&e.css(["box-sizing:border-box;margin-bottom:0;",";",";width:","%;"],i&&e.css(["padding-right:var(",");"],1===i?"--spacing100":"--spacing200"),s&&e.css(["padding-left:var(",");"],1===s?"--spacing100":"--spacing200"),a)));exports.StyledLabelContainer=a,exports.default=s;