UNPKG

@roo-ui/components

Version:

53 lines (44 loc) 10.3 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _styledBase = _interopRequireDefault(require("@emotion/styled-base")); var _react = _interopRequireDefault(require("react")); var _styledSystem = require("styled-system"); var _polished = require("polished"); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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); } var Radio = function Radio(props) { return _react.default.createElement(RadioWrapper, null, _react.default.createElement(RadioInput, _extends({ type: "radio" }, props)), _react.default.createElement(RadioIcon, null)); }; var RadioWrapper = (0, _styledBase.default)("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 = (0, _styledBase.default)("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 = (0, _styledBase.default)("div", { target: "e15nh6al2", label: "RadioIcon" })("display:inline-block;position:relative;vertical-align:middle;margin-bottom:", (0, _polished.rem)('2px'), ";margin-right:", (0, _styledSystem.themeGet)('space.2'), ";height:", (0, _polished.rem)('20px'), ";width:", (0, _polished.rem)('20px'), ";background-color:", (0, _styledSystem.themeGet)('colors.white'), ";border:", (0, _styledSystem.themeGet)('borders.2'), ";border-color:", (0, _styledSystem.themeGet)('colors.greys.alto'), ";border-radius:50%;z-index:1;input:checked + &,input:focus + &,input:hover + &{border-color:", (0, _styledSystem.themeGet)('colors.brand.secondary'), ";transition:", (0, _styledSystem.themeGet)('transitions.default'), ";}input:checked + &{&:after{position:absolute;display:block;content:'';top:", (0, _styledSystem.themeGet)('space.1'), ";left:", (0, _styledSystem.themeGet)('space.1'), ";height:", (0, _styledSystem.themeGet)('space.2'), ";width:", (0, _styledSystem.themeGet)('space.2'), ";border-radius:50%;background-color:", (0, _styledSystem.themeGet)('colors.greys.charcoal'), ";}}input:disabled + &{background-color:", (0, _styledSystem.themeGet)('colors.greys.alto'), ";border-color:", (0, _styledSystem.themeGet)('colors.greys.alto'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9SYWRpby9SYWRpby5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjRCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9SYWRpby9SYWRpby5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB0aGVtZUdldCB9IGZyb20gJ3N0eWxlZC1zeXN0ZW0nO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAncG9saXNoZWQnO1xuXG5jb25zdCBSYWRpbyA9IHByb3BzID0+IChcbiAgPFJhZGlvV3JhcHBlcj5cbiAgICA8UmFkaW9JbnB1dCB0eXBlPVwicmFkaW9cIiB7Li4ucHJvcHN9IC8+XG4gICAgPFJhZGlvSWNvbiAvPlxuICA8L1JhZGlvV3JhcHBlcj5cbik7XG5cbmNvbnN0IFJhZGlvV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgUmFkaW9JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgb3BhY2l0eTogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAwO1xuXG4gICY6Zm9jdXMge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFJhZGlvSWNvbiA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICBtYXJnaW4tYm90dG9tOiAke3JlbSgnMnB4Jyl9O1xuICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWVHZXQoJ3NwYWNlLjInKX07XG4gIGhlaWdodDogJHtyZW0oJzIwcHgnKX07XG4gIHdpZHRoOiAke3JlbSgnMjBweCcpfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZUdldCgnY29sb3JzLndoaXRlJyl9O1xuICBib3JkZXI6ICR7dGhlbWVHZXQoJ2JvcmRlcnMuMicpfTtcbiAgYm9yZGVyLWNvbG9yOiAke3RoZW1lR2V0KCdjb2xvcnMuZ3JleXMuYWx0bycpfTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICB6LWluZGV4OiAxO1xuXG4gIGlucHV0OmNoZWNrZWQgKyAmLFxuICBpbnB1dDpmb2N1cyArICYsXG4gIGlucHV0OmhvdmVyICsgJiB7XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lR2V0KCdjb2xvcnMuYnJhbmQuc2Vjb25kYXJ5Jyl9O1xuICAgIHRyYW5zaXRpb246ICR7dGhlbWVHZXQoJ3RyYW5zaXRpb25zLmRlZmF1bHQnKX07XG4gIH1cblxuICBpbnB1dDpjaGVja2VkICsgJiB7XG4gICAgJjphZnRlciB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgdG9wOiAke3RoZW1lR2V0KCdzcGFjZS4xJyl9O1xuICAgICAgbGVmdDogJHt0aGVtZUdldCgnc3BhY2UuMScpfTtcbiAgICAgIGhlaWdodDogJHt0aGVtZUdldCgnc3BhY2UuMicpfTtcbiAgICAgIHdpZHRoOiAke3RoZW1lR2V0KCdzcGFjZS4yJyl9O1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZUdldCgnY29sb3JzLmdyZXlzLmNoYXJjb2FsJyl9O1xuICAgIH1cbiAgfVxuXG4gIGlucHV0OmRpc2FibGVkICsgJiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZUdldCgnY29sb3JzLmdyZXlzLmFsdG8nKX07XG4gICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lR2V0KCdjb2xvcnMuZ3JleXMuYWx0bycpfTtcbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgUmFkaW87XG4iXX0= */")); var _default = Radio; exports.default = _default;