carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.02 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),l=require("styled-system"),t=require("../../__internal__/field-help/field-help.style.js"),i=require("../checkbox/checkbox.style.js"),a=require("../../__internal__/checkable-input/hidden-checkable-input.style.js"),r=require("../../__internal__/checkable-input/checkable-input.style.js"),n=require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style.js"),s=require("../../__internal__/label/label.style.js"),d=require("../../style/themes/apply-base-theme.js"),c=require("../../__internal__/form-field/form-field.style.js");function u(e){return e&&e.__esModule?e:{default:e}}const f=u(e).default(i.default).attrs(d.default).withConfig({displayName:"radio-button.style__RadioButtonStyle",componentId:"sc-cc88a6ca-0"})([""," ",";"],(({disabled:l,fieldHelpInline:i,reverse:d,size:u,inline:f})=>e.css(["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);}"," "," "," ",""],c.default,n.default,n.default,r.StyledCheckableInput,a.default,n.default,s.StyledLabelContainer,a.default,n.default,l&&e.css(["circle{fill:var(--colorsUtilityDisabled400);}",":checked + "," circle{fill:var(--colorsUtilityDisabled600);}"],a.default,n.default),(i||d)&&`\n ${t.default} {\n margin-left: 0;\n margin-right: 6px;\n }\n\n ${s.StyledLabelContainer} {\n flex: 0 1 auto;\n }\n `,"large"===u&&e.css(["",",",",",",svg{height:24px;width:24px;}circle{r:3.75;}",""],r.StyledCheckableInput,a.default,n.default,d&&e.css(["",""],!i&&`\n ${t.default} {\n padding: 0;\n }\n `)),f&&"\n margin: 0;\n &:not(:first-of-type) {\n margin-left: 32px;\n }\n ")),l.margin);exports.default=f;