carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.75 kB
JavaScript
import e,{css as i}from"styled-components";import{margin as t}from"styled-system";import l from"../../__internal__/field-help/field-help.style.js";import r from"../checkbox/checkbox.style.js";import n from"../../__internal__/checkable-input/hidden-checkable-input.style.js";import{StyledCheckableInput as a}from"../../__internal__/checkable-input/checkable-input.style.js";import o from"../../__internal__/checkable-input/checkable-input-svg-wrapper.style.js";import{StyledLabelContainer as s}from"../../__internal__/label/label.style.js";import c from"../../style/themes/apply-base-theme.js";import p from"../../__internal__/form-field/form-field.style.js";const m=e(r).attrs(c).withConfig({displayName:"radio-button.style__RadioButtonStyle",componentId:"sc-cc88a6ca-0"})([""," ",";"],(({disabled:e,fieldHelpInline:t,reverse:r,size:c,inline:m})=>i(["margin-bottom:var(--spacing150);:last-of-type{margin-bottom:0;}&& ","{margin:0;}","{padding:0;}",",svg{border-radius:var(--borderRadiusCircle);}",",",",",",svg{height:16px;width:16px;}svg{padding:1px;}circle{r:5;}","{flex:1 1 calc(100% - 44px);}",":checked + "," circle{fill:var(--colorsUtilityYin090);}"," "," "," ",""],p,o,o,a,n,o,s,n,o,e&&i(["circle{fill:var(--colorsUtilityDisabled400);}",":checked + "," circle{fill:var(--colorsUtilityDisabled600);}"],n,o),(t||r)&&`\n ${l} {\n margin-left: 0;\n margin-right: 6px;\n }\n\n ${s} {\n flex: 0 1 auto;\n }\n `,"large"===c&&i(["",",",",",",svg{height:24px;width:24px;}circle{r:3.75;}",""],a,n,o,r&&i(["",""],!t&&`\n ${l} {\n padding: 0;\n }\n `)),m&&"\n margin: 0;\n &:not(:first-of-type) {\n margin-left: 32px;\n }\n ")),t);export{m as default};