carbon-react/esm/components/switch/__internal__/switch-slider-panel.style.js

A library of reusable React components for easily building user interfaces.

import o,{css as r}from"styled-components";import i from"../../loader/loader-square.style.js";import t from"../../loader/loader.style.js";const a=o.div.withConfig({displayName:"switch-slider-panel.style__SwitchSliderPanel",componentId:"sc-a88b1afd-0"})(["",""],(({isLoading:o,size:a,isDarkBackground:e})=>r(["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:",";}",""],e?"var(--colorsUtilityYin100)":"var(--colorsActionMinorYang100)",e?"var(--colorsUtilityYin100)":"var(--colorsUtilityYang100)","large"===a?"43px":"27px",e?"var(--colorsUtilityYang100)":"var(--colorsActionMinor500)","large"===a?"43px":"27px",o&&r(['&[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:",";}}}"],i,i,t,i,"large"===a?"var(--sizing200)":"var(--sizing150)","large"===a?"var(--sizing200)":"var(--sizing150)"))));export{a as default};