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