carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 3.16 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),l=require("../../__internal__/checkable-input/checkable-input.style.js"),i=require("../../__internal__/checkable-input/hidden-checkable-input.style.js"),n=require("../../__internal__/field-help/field-help.style.js"),a=require("../../__internal__/form-field/form-field.style.js"),r=require("../../__internal__/label/label.style.js"),s=require("../../__internal__/validations/validation-icon.style.js"),d=require("../../style/themes/apply-base-theme.js"),o=require("../../style/utils/add-focus-styling.js"),c=require("./__internal__/switch-slider.style.js");function p(e){return e&&e.__esModule?e:{default:e}}var u=p(e);const f=u.default.span.withConfig({displayName:"switch.style__ErrorBorder",componentId:"sc-e7781d44-0"})(["",""],(({reverse:t,warning:l,isDarkBackground:i})=>{const n=i?"var(--colorsSemanticNegative450)":"var(--colorsSemanticNegative500)";return e.css(["position:absolute;z-index:6;width:2px;background-color:",";",":-12px;bottom:-4px;top:2px;"],l?"var(--colorsSemanticCaution500)":n,t?"right":"left")})),m=u.default.div.attrs(d.default).withConfig({displayName:"switch.style__StyledSwitch",componentId:"sc-e7781d44-1"})(["",""],(({fieldHelpInline:d,labelInline:p,reverse:u,size:f,validationRedesignOptIn:m})=>e.css(["margin-bottom:var(--fieldSpacing);"," ","{flex-flow:",";","}display:flex;flex-flow:",";",",","{border:none;box-sizing:border-box;height:24px;flex-basis:100%;margin-left:0;}","{width:100%;}","{width:min-content;}",":not([disabled]){&:focus ~ ","{","}}","{margin-left:0;}","{",";margin-bottom:8px;","{position:relative;display:inline-block;}}"," "," "," ",""],t.margin,a.FieldLineStyle,p?"row wrap":"column wrap",!p&&d&&e.css(["display:grid;grid-template-columns:max-content max-content;"]),p?"row wrap":"column wrap",l.StyledCheckableInput,i.default,i.default,l.StyledCheckableInput,i.default,c.StyledSwitchSlider,o.default(),n.default,r.StyledLabelContainer,!p&&e.css(["padding:0;"]),s.default,d&&e.css(["","{margin:0;}"],n.default),u&&e.css(["",""],!p&&e.css(["","{margin-top:8px;}",""],r.StyledLabelContainer,d&&e.css(["","{margin-top:8px;}"],n.default))),p&&e.css(["","{flex-basis:auto;}","{","}","{margin-bottom:0;}","{margin-bottom:0;margin-top:0;}"," ",""],l.StyledCheckableInput,a.FieldLineStyle,u&&m&&e.css(["justify-content:flex-end;"]),r.StyledLabelContainer,n.default,u&&e.css(["","{margin-left:0;margin-top:0;}",""],l.StyledCheckableInput,!d&&e.css(["","{margin-left:60px;}"],n.default)),d&&e.css([""," ","{margin-right:10px;}","{margin-left:0;align-self:center;}"],!u&&`\n ${l.StyledCheckableInput} {\n margin-left: 10px;\n }\n `,r.StyledLabelContainer,n.default)),"large"===f&&e.css(["",",",",","{height:44px;min-width:fit-content;}"," ",""],l.StyledCheckableInput,i.default,c.StyledSwitchSlider,p&&!d&&u&&e.css(["","{padding:10px 0;}"],n.default),p&&e.css(["","{margin-top:1px;padding-top:10px;padding-bottom:10px;}",""],r.StyledLabelContainer,!d&&u&&e.css(["","{margin-left:78px;}"],n.default))))));exports.ErrorBorder=f,exports.default=m;