import { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation.js';
import { isChrome, isFirefox } from '../../lib/client.js';
export var radioSizeMixin = function (fontSize, lineHeight, paddingY, radioSize) {
    return "\n    font-size: ".concat(fontSize, ";\n    line-height: ").concat(lineHeight, ";\n    padding: ").concat(paddingY, " 0;\n    &::before {\n      width: ").concat(radioSize, ";\n    }\n  ");
};
export var circleSizeMixin = function (labGrotesqueBaselineCompensation, fontSize, radioSize, radioBorderWidthCompensation, radioCircleOffsetY) {
    var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
    var radioFontSize = parseInt(fontSize);
    var baselineCompensation = getLabGrotesqueBaselineCompensation(radioFontSize, labGrotesqueCompenstation, isChrome, isFirefox);
    var circleSize = "calc(".concat(radioSize, " - 2 * ").concat(radioBorderWidthCompensation, ")");
    var circleOffsetY = "calc(".concat(radioCircleOffsetY, " + ").concat(radioBorderWidthCompensation, " + ").concat(baselineCompensation, "px)");
    var circleMarginX = radioBorderWidthCompensation;
    return "\n    height: ".concat(circleSize, ";\n    width: ").concat(circleSize, ";\n    margin: ").concat(circleOffsetY, " ").concat(circleMarginX, " 0;\n  ");
};
export var radioCheckedMixin = function (bulletSize) {
    return "\n    &::before {\n      height: ".concat(bulletSize, ";\n      width: ").concat(bulletSize, ";\n    }\n  ");
};
export var afterOutlineMixin = function (radioOutlineWidth) {
    return "\n    content: ' ';\n    position: absolute;\n    top: -".concat(radioOutlineWidth, ";\n    bottom: -").concat(radioOutlineWidth, ";\n    left: -").concat(radioOutlineWidth, ";\n    right: -").concat(radioOutlineWidth, ";\n    border-width: ").concat(radioOutlineWidth, ";\n    border-style: solid;\n    border-radius: 50%;\n    box-sizing: border-box;\n  ");
};
export var outlineColorMixin = function (shadow, borderColor) {
    return "\n    box-shadow: ".concat(shadow, ";\n    border-color: ").concat(borderColor, ";\n  ");
};
//# sourceMappingURL=Radio.mixins.js.map