dether-ui/dist/Radio/Radio.style.js

DETHER.IO Design System

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyleBase = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _Colors = _interopRequireDefault(require("../Colors"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var getColor = function getColor(colorKey) {
  switch (colorKey) {
    case 'red':
    case 'white':
    case 'yellow':
      return _Colors.default[colorKey];

    default:
      return _Colors.default[colorKey].medium;
  }
};

var StyleBase = _styledComponents.default.label.withConfig({
  displayName: "StyleBase",
  componentId: "sc-1g2bez1-0"
})(["display:block;position:relative;user-select:none;padding-left:35px;margin-bottom:12px;cursor:pointer;box-sizing:border-box;input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}.checkmark{position:absolute;top:0;left:0;height:24px;width:24px;background-color:#fff;border-radius:50%;border:1px solid ", ";}input:checked ~ .checkmark{background-color:", ";border-color:", ";}.checkmark:after{content:'';position:absolute;display:none;}input:checked ~ .checkmark:after{display:block;}.checkmark:after{left:8px;top:4px;width:5px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);}"], _Colors.default.black.medium, function (_ref) {
  var color = _ref.color;
  return getColor(color);
}, function (_ref2) {
  var color = _ref2.color;
  return getColor(color);
});

exports.StyleBase = StyleBase;