carbon-react/lib/components/switch/__internal__/switch-slider.style.js

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

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),o=require("../../../__internal__/validations/validation-icon.style.js"),i=require("./switch-slider-panel.style.js");function e(r){return r&&r.__esModule?r:{default:r}}var t=e(r);const a=t.default.div.withConfig({displayName:"switch-slider.style__StyledSwitchSlider",componentId:"sc-24751354-0"})(["",""],(({checked:e,isLoading:t,disabled:a,size:s,error:n,warning:l,isDarkBackground:c})=>r.css(["display:flex;font-size:12px;font-weight:500;height:28px;left:0;letter-spacing:1px;position:relative;text-transform:uppercase;top:0;width:100%;z-index:1;border-radius:var(--borderRadius400);border-style:solid;border-color:",";border-width:var(--borderWidth200);box-sizing:border-box;margin-top:",";align-items:center;&::before{background-color:",';bottom:4px;content:"";height:',";position:absolute;left:4px;transition:margin-left 0.4s;width:",";z-index:1;border-radius:50%;}"," "," "," "," "," ","{position:absolute;right:-30px;height:100%;}"],c?"var(--colorsUtilityYang100)":"var(--colorsActionMinor400)","large"===s?"-47px":"-28px",c?"var(--colorsUtilityYang100)":"var(--colorsActionMinor400)","large"===s?"var(--spacing400)":"var(--spacing200)","large"===s?"var(--spacing400)":"var(--spacing200)",e&&r.css(["background-color:",";border-color:var(--colorsActionMinorTransparent);&::before{margin-left:calc( 100% - "," );background-color:",";}"],c?"var(--colorsUtilityYang100)":"var(--colorsActionMinor500)","large"===s?"var(--spacing500)":"var(--spacing300)",c?"var(--colorsUtilityYin100)":"var(--colorsActionMinorYang100)"),a&&!t&&r.css(["border-color:var(--colorsActionDisabled600);&::before{background-color:var(--colorsActionDisabled600);}","{color:var(--colorsUtilityYin030);}",""],i.default,e&&r.css(["background-color:var(--colorsActionDisabled500);border-color:var(--colorsActionMinorTransparent);&::before{background-color:var(--colorsActionMinorYang100);}","{color:var(--colorsUtilityYin030);}"],i.default)),t&&r.css(["&::before{display:none;}"]),l&&!a&&r.css(["border-color:var(--colorsSemanticCaution500);"]),n&&!a&&r.css(["border-color:var(--colorsSemanticNegative500);"]),o.default))),s=t.default.div.withConfig({displayName:"switch-slider.style__HiddenContent",componentId:"sc-24751354-1"})(["",""],(({size:o})=>r.css(["visibility:hidden;height:0px;padding-left:",";"],"large"===o?"var(--spacing700)":"var(--spacing500)")));exports.HiddenContent=s,exports.StyledSwitchSlider=a,exports.default=a;