"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.radioSizeMixin = exports.radioCheckedMixin = exports.outlineColorMixin = exports.circleSizeMixin = exports.afterOutlineMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
var _getLabGrotesqueBaselineCompensation = require("../../lib/styles/getLabGrotesqueBaselineCompensation");
var _client = require("../../lib/client");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;

var radioSizeMixin = exports.radioSizeMixin = function radioSizeMixin(fontSize, lineHeight, paddingY, radioSize) {
  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    line-height: ", ";\n    padding: ", " 0;\n    &::before {\n      width: ", ";\n    }\n  "])),
  fontSize,
  lineHeight,
  paddingY,

  radioSize);


};

var circleSizeMixin = exports.circleSizeMixin = function circleSizeMixin(
labGrotesqueBaselineCompensation,
fontSize,
radioSize,
radioBorderWidthCompensation,
radioCircleOffsetY)
{
  var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
  var radioFontSize = parseInt(fontSize);

  var baselineCompensation = (0, _getLabGrotesqueBaselineCompensation.getLabGrotesqueBaselineCompensation)(
    radioFontSize,
    labGrotesqueCompenstation,
    _client.isChrome,
    _client.isFirefox
  );
  var circleSize = "calc(" + radioSize + " - 2 * " + radioBorderWidthCompensation + ")";
  var circleOffsetY = "calc(" + radioCircleOffsetY + " + " + radioBorderWidthCompensation + " + " + baselineCompensation + "px)";
  var circleMarginX = radioBorderWidthCompensation;
  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    height: ", ";\n    width: ", ";\n    margin: ", " ", " 0;\n  "])),
  circleSize,
  circleSize,
  circleOffsetY, circleMarginX);

};

var radioCheckedMixin = exports.radioCheckedMixin = function radioCheckedMixin(bulletSize) {
  return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n    &::before {\n      height: ", ";\n      width: ", ";\n    }\n  "])),

  bulletSize,
  bulletSize);


};

var afterOutlineMixin = exports.afterOutlineMixin = function afterOutlineMixin(radioOutlineWidth) {
  return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n    content: ' ';\n    position: absolute;\n    top: -", ";\n    bottom: -", ";\n    left: -", ";\n    right: -", ";\n    border-width: ", ";\n    border-style: solid;\n    border-radius: 50%;\n    box-sizing: border-box;\n  "])),


  radioOutlineWidth,
  radioOutlineWidth,
  radioOutlineWidth,
  radioOutlineWidth,
  radioOutlineWidth);




};

var outlineColorMixin = exports.outlineColorMixin = function outlineColorMixin(shadow, borderColor) {
  return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n    box-shadow: ", ";\n    border-color: ", ";\n  "])),
  shadow,
  borderColor);

};