@gsretail.com/gui-core/build/core/Radio/GuiRadio.styled.js

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

import{__makeTemplateObject as n}from"../../node_modules/tslib/tslib.es6.js";import o from"@emotion/styled";var e,t=function(t){return o(t)(e||(e=n(["\n\n  &.gui-radio {\n    .MuiRadio-root {\n      padding: 5px;\n\n      &:hover {\n        background-color: transparent;\n      }\n\n      &.Mui-disabled {\n        color: ",";\n\n        & + p {\n          color: ",";\n        }\n      }\n\n      // label\n      & + .MuiTypography-root {\n        font-size: 0.8125rem; //13px\n        line-height: 1;\n      }\n\n      // color\n      &.MuiCheckbox-colorSecondary,\n      &.MuiRadio-colorSecondary {\n        color: ",";\n      }\n    }\n\n    & .MuiFormControlLabel-root {\n      margin: 0 0 0 -3px;\n\n      & .labelTxt {\n        white-space: nowrap;\n      }\n\n      &.MuiFormControlLabel-labelPlacementTop,\n      &.MuiFormControlLabel-labelPlacementBottom {\n        & .labelTxt {\n          padding: 0;\n        }\n      }\n      &.MuiFormControlLabel-labelPlacementStart {\n        & .labelTxt {\n          padding: 0 2px 0 0;\n        }\n      }\n      &.MuiFormControlLabel-labelPlacementEnd {\n        & .labelTxt {\n          padding: 0 16px 0 2px;\n        }\n      }\n    }\n\n    // size\n    &.gui-chk-small {\n      .PrivateSwitchBase-root {\n        padding: 4px;\n\n        & Svg {\n          font-size: 16px;\n          width: 16px;\n          height: 16px;\n        }\n      }\n    }\n    &.gui-chk-medium {\n      .PrivateSwitchBase-root {\n        padding: 2px;\n\n        & Svg {\n          font-size: 20px;\n          width: 20px;\n          height: 20px;\n        }\n      }\n    }\n  }\n"],["\n\n  &.gui-radio {\n    .MuiRadio-root {\n      padding: 5px;\n\n      &:hover {\n        background-color: transparent;\n      }\n\n      &.Mui-disabled {\n        color: ",";\n\n        & + p {\n          color: ",";\n        }\n      }\n\n      // label\n      & + .MuiTypography-root {\n        font-size: 0.8125rem; //13px\n        line-height: 1;\n      }\n\n      // color\n      &.MuiCheckbox-colorSecondary,\n      &.MuiRadio-colorSecondary {\n        color: ",";\n      }\n    }\n\n    & .MuiFormControlLabel-root {\n      margin: 0 0 0 -3px;\n\n      & .labelTxt {\n        white-space: nowrap;\n      }\n\n      &.MuiFormControlLabel-labelPlacementTop,\n      &.MuiFormControlLabel-labelPlacementBottom {\n        & .labelTxt {\n          padding: 0;\n        }\n      }\n      &.MuiFormControlLabel-labelPlacementStart {\n        & .labelTxt {\n          padding: 0 2px 0 0;\n        }\n      }\n      &.MuiFormControlLabel-labelPlacementEnd {\n        & .labelTxt {\n          padding: 0 16px 0 2px;\n        }\n      }\n    }\n\n    // size\n    &.gui-chk-small {\n      .PrivateSwitchBase-root {\n        padding: 4px;\n\n        & Svg {\n          font-size: 16px;\n          width: 16px;\n          height: 16px;\n        }\n      }\n    }\n    &.gui-chk-medium {\n      .PrivateSwitchBase-root {\n        padding: 2px;\n\n        & Svg {\n          font-size: 20px;\n          width: 20px;\n          height: 20px;\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.palette.grey[500]}),(function(n){return n.theme.palette.grey[500]}),(function(n){return n.theme.palette.grey[600]}))};export{t as default};