@roo-ui/components/dist/esm/Radio/Radio.js

import _styled from "@emotion/styled-base";

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

import React from 'react';
import { themeGet } from 'styled-system';
import { rem } from 'polished';

var Radio = function Radio(props) {
  return React.createElement(RadioWrapper, null, React.createElement(RadioInput, _extends({
    type: "radio"
  }, props)), React.createElement(RadioIcon, null));
};

var RadioWrapper = _styled("div", {
  target: "e15nh6al0",
  label: "RadioWrapper"
})(process.env.NODE_ENV === "production" ? {
  name: "b3pn3b",
  styles: "display:inline-block;position:relative;"
} : {
  name: "b3pn3b",
  styles: "display:inline-block;position:relative;",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9SYWRpby9SYWRpby5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZK0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1JhZGlvL1JhZGlvLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHRoZW1lR2V0IH0gZnJvbSAnc3R5bGVkLXN5c3RlbSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5cbmNvbnN0IFJhZGlvID0gcHJvcHMgPT4gKFxuICA8UmFkaW9XcmFwcGVyPlxuICAgIDxSYWRpb0lucHV0IHR5cGU9XCJyYWRpb1wiIHsuLi5wcm9wc30gLz5cbiAgICA8UmFkaW9JY29uIC8+XG4gIDwvUmFkaW9XcmFwcGVyPlxuKTtcblxuY29uc3QgUmFkaW9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBSYWRpb0lucHV0ID0gc3R5bGVkLmlucHV0YFxuICBvcGFjaXR5OiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDA7XG5cbiAgJjpmb2N1cyB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgUmFkaW9JY29uID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIG1hcmdpbi1ib3R0b206ICR7cmVtKCcycHgnKX07XG4gIG1hcmdpbi1yaWdodDogJHt0aGVtZUdldCgnc3BhY2UuMicpfTtcbiAgaGVpZ2h0OiAke3JlbSgnMjBweCcpfTtcbiAgd2lkdGg6ICR7cmVtKCcyMHB4Jyl9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lR2V0KCdjb2xvcnMud2hpdGUnKX07XG4gIGJvcmRlcjogJHt0aGVtZUdldCgnYm9yZGVycy4yJyl9O1xuICBib3JkZXItY29sb3I6ICR7dGhlbWVHZXQoJ2NvbG9ycy5ncmV5cy5hbHRvJyl9O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHotaW5kZXg6IDE7XG5cbiAgaW5wdXQ6Y2hlY2tlZCArICYsXG4gIGlucHV0OmZvY3VzICsgJixcbiAgaW5wdXQ6aG92ZXIgKyAmIHtcbiAgICBib3JkZXItY29sb3I6ICR7dGhlbWVHZXQoJ2NvbG9ycy5icmFuZC5zZWNvbmRhcnknKX07XG4gICAgdHJhbnNpdGlvbjogJHt0aGVtZUdldCgndHJhbnNpdGlvbnMuZGVmYXVsdCcpfTtcbiAgfVxuXG4gIGlucHV0OmNoZWNrZWQgKyAmIHtcbiAgICAmOmFmdGVyIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgY29udGVudDogJyc7XG4gICAgICB0b3A6ICR7dGhlbWVHZXQoJ3NwYWNlLjEnKX07XG4gICAgICBsZWZ0OiAke3RoZW1lR2V0KCdzcGFjZS4xJyl9O1xuICAgICAgaGVpZ2h0OiAke3RoZW1lR2V0KCdzcGFjZS4yJyl9O1xuICAgICAgd2lkdGg6ICR7dGhlbWVHZXQoJ3NwYWNlLjInKX07XG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lR2V0KCdjb2xvcnMuZ3JleXMuY2hhcmNvYWwnKX07XG4gICAgfVxuICB9XG5cbiAgaW5wdXQ6ZGlzYWJsZWQgKyAmIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lR2V0KCdjb2xvcnMuZ3JleXMuYWx0bycpfTtcbiAgICBib3JkZXItY29sb3I6ICR7dGhlbWVHZXQoJ2NvbG9ycy5ncmV5cy5hbHRvJyl9O1xuICB9XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBSYWRpbztcbiJdfQ== */"
});

var RadioInput = _styled("input", {
  target: "e15nh6al1",
  label: "RadioInput"
})(process.env.NODE_ENV === "production" ? {
  name: "1l57rw7",
  styles: "opacity:0;position:absolute;z-index:0;&:focus{box-shadow:none;}"
} : {
  name: "1l57rw7",
  styles: "opacity:0;position:absolute;z-index:0;&:focus{box-shadow:none;}",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9SYWRpby9SYWRpby5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQitCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9SYWRpby9SYWRpby5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0aGVtZUdldCB9IGZyb20gJ3N0eWxlZC1zeXN0ZW0nO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xuXG5jb25zdCBSYWRpbyA9IHByb3BzID0+IChcbiAgPFJhZGlvV3JhcHBlcj5cbiAgICA8UmFkaW9JbnB1dCB0eXBlPVwicmFkaW9cIiB7Li4ucHJvcHN9IC8+XG4gICAgPFJhZGlvSWNvbiAvPlxuICA8L1JhZGlvV3JhcHBlcj5cbik7XG5cbmNvbnN0IFJhZGlvV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgUmFkaW9JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgb3BhY2l0eTogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAwO1xuXG4gICY6Zm9jdXMge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFJhZGlvSWNvbiA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICBtYXJnaW4tYm90dG9tOiAke3JlbSgnMnB4Jyl9O1xuICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWVHZXQoJ3NwYWNlLjInKX07XG4gIGhlaWdodDogJHtyZW0oJzIwcHgnKX07XG4gIHdpZHRoOiAke3JlbSgnMjBweCcpfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZUdldCgnY29sb3JzLndoaXRlJyl9O1xuICBib3JkZXI6ICR7dGhlbWVHZXQoJ2JvcmRlcnMuMicpfTtcbiAgYm9yZGVyLWNvbG9yOiAke3RoZW1lR2V0KCdjb2xvcnMuZ3JleXMuYWx0bycpfTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICB6LWluZGV4OiAxO1xuXG4gIGlucHV0OmNoZWNrZWQgKyAmLFxuICBpbnB1dDpmb2N1cyArICYsXG4gIGlucHV0OmhvdmVyICsgJiB7XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lR2V0KCdjb2xvcnMuYnJhbmQuc2Vjb25kYXJ5Jyl9O1xuICAgIHRyYW5zaXRpb246ICR7dGhlbWVHZXQoJ3RyYW5zaXRpb25zLmRlZmF1bHQnKX07XG4gIH1cblxuICBpbnB1dDpjaGVja2VkICsgJiB7XG4gICAgJjphZnRlciB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgdG9wOiAke3RoZW1lR2V0KCdzcGFjZS4xJyl9O1xuICAgICAgbGVmdDogJHt0aGVtZUdldCgnc3BhY2UuMScpfTtcbiAgICAgIGhlaWdodDogJHt0aGVtZUdldCgnc3BhY2UuMicpfTtcbiAgICAgIHdpZHRoOiAke3RoZW1lR2V0KCdzcGFjZS4yJyl9O1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZUdldCgnY29sb3JzLmdyZXlzLmNoYXJjb2FsJyl9O1xuICAgIH1cbiAgfVxuXG4gIGlucHV0OmRpc2FibGVkICsgJiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZUdldCgnY29sb3JzLmdyZXlzLmFsdG8nKX07XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lR2V0KCdjb2xvcnMuZ3JleXMuYWx0bycpfTtcbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgUmFkaW87XG4iXX0= */"
});

var RadioIcon = _styled("div", {
  target: "e15nh6al2",
  label: "RadioIcon"
})("display:inline-block;position:relative;vertical-align:middle;margin-bottom:", rem('2px'), ";margin-right:", themeGet('space.2'), ";height:", rem('20px'), ";width:", rem('20px'), ";background-color:", themeGet('colors.white'), ";border:", themeGet('borders.2'), ";border-color:", themeGet('colors.greys.alto'), ";border-radius:50%;z-index:1;input:checked + &,input:focus + &,input:hover + &{border-color:", themeGet('colors.brand.secondary'), ";transition:", themeGet('transitions.default'), ";}input:checked + &{&:after{position:absolute;display:block;content:'';top:", themeGet('space.1'), ";left:", themeGet('space.1'), ";height:", themeGet('space.2'), ";width:", themeGet('space.2'), ";border-radius:50%;background-color:", themeGet('colors.greys.charcoal'), ";}}input:disabled + &{background-color:", themeGet('colors.greys.alto'), ";border-color:", themeGet('colors.greys.alto'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9SYWRpby9SYWRpby5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjRCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9SYWRpby9SYWRpby5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0aGVtZUdldCB9IGZyb20gJ3N0eWxlZC1zeXN0ZW0nO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xuXG5jb25zdCBSYWRpbyA9IHByb3BzID0+IChcbiAgPFJhZGlvV3JhcHBlcj5cbiAgICA8UmFkaW9JbnB1dCB0eXBlPVwicmFkaW9cIiB7Li4ucHJvcHN9IC8+XG4gICAgPFJhZGlvSWNvbiAvPlxuICA8L1JhZGlvV3JhcHBlcj5cbik7XG5cbmNvbnN0IFJhZGlvV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgUmFkaW9JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgb3BhY2l0eTogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAwO1xuXG4gICY6Zm9jdXMge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFJhZGlvSWNvbiA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICBtYXJnaW4tYm90dG9tOiAke3JlbSgnMnB4Jyl9O1xuICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWVHZXQoJ3NwYWNlLjInKX07XG4gIGhlaWdodDogJHtyZW0oJzIwcHgnKX07XG4gIHdpZHRoOiAke3JlbSgnMjBweCcpfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZUdldCgnY29sb3JzLndoaXRlJyl9O1xuICBib3JkZXI6ICR7dGhlbWVHZXQoJ2JvcmRlcnMuMicpfTtcbiAgYm9yZGVyLWNvbG9yOiAke3RoZW1lR2V0KCdjb2xvcnMuZ3JleXMuYWx0bycpfTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICB6LWluZGV4OiAxO1xuXG4gIGlucHV0OmNoZWNrZWQgKyAmLFxuICBpbnB1dDpmb2N1cyArICYsXG4gIGlucHV0OmhvdmVyICsgJiB7XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lR2V0KCdjb2xvcnMuYnJhbmQuc2Vjb25kYXJ5Jyl9O1xuICAgIHRyYW5zaXRpb246ICR7dGhlbWVHZXQoJ3RyYW5zaXRpb25zLmRlZmF1bHQnKX07XG4gIH1cblxuICBpbnB1dDpjaGVja2VkICsgJiB7XG4gICAgJjphZnRlciB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgdG9wOiAke3RoZW1lR2V0KCdzcGFjZS4xJyl9O1xuICAgICAgbGVmdDogJHt0aGVtZUdldCgnc3BhY2UuMScpfTtcbiAgICAgIGhlaWdodDogJHt0aGVtZUdldCgnc3BhY2UuMicpfTtcbiAgICAgIHdpZHRoOiAke3RoZW1lR2V0KCdzcGFjZS4yJyl9O1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZUdldCgnY29sb3JzLmdyZXlzLmNoYXJjb2FsJyl9O1xuICAgIH1cbiAgfVxuXG4gIGlucHV0OmRpc2FibGVkICsgJiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZUdldCgnY29sb3JzLmdyZXlzLmFsdG8nKX07XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lR2V0KCdjb2xvcnMuZ3JleXMuYWx0bycpfTtcbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgUmFkaW87XG4iXX0= */"));

export default Radio;