carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.36 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../loader/loader-square.style.js"),o=require("../../loader/loader.style.js");function i(e){return e&&e.__esModule?e:{default:e}}const t=i(e).default.div.withConfig({displayName:"switch-slider-panel.style__SwitchSliderPanel",componentId:"sc-a88b1afd-0"})(["",""],(({isLoading:i,size:t,isDarkBackground:a})=>e.css(["border:0;color:",';margin:auto;position:absolute;left:0;&[type="on"]{color:',";margin-left:9px;padding-right:",';}&[type="off"]{color:',";margin-right:9px;padding-left:",";}",""],a?"var(--colorsUtilityYin100)":"var(--colorsActionMinorYang100)",a?"var(--colorsUtilityYin100)":"var(--colorsUtilityYang100)","large"===t?"43px":"27px",a?"var(--colorsUtilityYang100)":"var(--colorsActionMinor500)","large"===t?"43px":"27px",i&&e.css(['&[type="off"],&[type="on"]{margin:0;width:100%;box-sizing:border-box;padding:2px 8px;}&[type="off"]{','{background-color:var(--colorsSemanticNeutral500);}}&[type="on"]{',"{background-color:var(--colorsActionMinorYang100);}}","{{display:flex;justify-content:center;align-items:center;width:100%;height:100%;","{height:",";width:",";}}}"],r.default,r.default,o.default,r.default,"large"===t?"var(--sizing200)":"var(--sizing150)","large"===t?"var(--sizing200)":"var(--sizing150)"))));exports.default=t;