carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 3.2 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),l=require("styled-system"),t=require("../../__internal__/checkable-input/checkable-input.style.js"),a=require("../../__internal__/field-help/field-help.style.js"),i=require("../../__internal__/checkable-input/hidden-checkable-input.style.js"),r=require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style.js"),d=require("../../__internal__/label/label.style.js"),n=require("../../__internal__/validations/validation-icon.style.js"),o=require("../../style/themes/apply-base-theme.js"),s=require("../../style/utils/add-focus-styling.js");function u(e){return e&&e.__esModule?e:{default:e}}const c=u(e).default.div.attrs(o.default).withConfig({displayName:"checkbox.style__StyledCheckbox",componentId:"sc-ac6c7db0-0"})(["margin-bottom:var(--fieldSpacing);"," ",""],l.margin,(({disabled:l,error:o,warning:u,info:c,fieldHelpInline:p,labelSpacing:f,inputWidth:g,reverse:b,size:h,adaptiveSpacingSmallScreen:v,applyNewValidation:y})=>e.css([""," ","{padding-top:1px;}","{height:16px;}svg{background-color:var(--colorsUtilityYang100);","}",",svg{height:16px;position:absolute;padding:1px;}",",",",",",svg{box-sizing:border-box;min-width:16px;width:16px;border-radius:var(--borderRadius025);",";}",":not([disabled]){&:focus + ",",&:hover + ","{","}}","{width:auto;flex:0 1 auto;}","{margin-left:16px;margin-top:0;padding-left:",";}","{position:relative;display:inline-block;}"," ",":checked ~ "," svg path{fill:var(--colorsUtilityYin090);}"," "," "," ",""],v&&"margin-left: 0;",t.StyledCheckableInput,r.default,!l&&e.css(["border:1px solid var(--colorsUtilityMajor300);"," "," "," ",""],c&&"border: 1px solid var(--colorsSemanticInfo500);",u&&"border: 1px solid var(--colorsSemanticCaution500);",o&&"border: 2px solid var(--colorsSemanticNegative500);",u&&y&&"border: 1px solid var(--colorsUtilityMajor300);"),i.default,t.StyledCheckableInput,i.default,r.default,"large"===h&&"border-radius: var(--borderRadius050)",i.default,r.default,r.default,s.default(),d.StyledLabelContainer,a.default,1===f?"var(--spacing100)":"var(--spacing200)",n.default,"large"===h&&e.css(["","{height:24px;}",",",",",",svg{height:24px;width:24px;min-width:24px;}","{margin-left:24px;}",""],r.default,t.StyledCheckableInput,i.default,r.default,a.default,p&&e.css(["",",","{align-self:center;}"],a.default,d.StyledLabelContainer)),i.default,r.default,l&&e.css(["svg{background-color:var(--colorsUtilityDisabled400);border:1px solid var(--colorsUtilityDisabled600);}svg path{fill:var(--colorsUtilityDisabled400);}",":checked ~ "," svg path{fill:var(--colorsUtilityYin030);}","{&:hover,&:focus{outline:none;cursor:not-allowed;}}"],i.default,r.default,r.default),p&&`\n ${a.default} {\n margin-left: 0;\n }\n\n ${d.default} {\n flex: 0 1 auto;\n }\n `,void 0!==g&&0!==g&&`\n ${a.default} {\n ${b?"margin-right":"margin-left"}: ${g}% !important;\n }\n `,b&&e.css(["","{margin-left:0;padding-left:0;}","{flex:0 1 auto;}",""],a.default,d.default,p&&e.css(["","{margin-right:8px;}","{padding-left:6px;}"],t.StyledCheckableInput,a.default)))));exports.default=c;