@buffetjs/styles
Version:
Buffetjs Styles - The styling solution of Buffetjs
44 lines (32 loc) • 1.63 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _colors = _interopRequireDefault(require("../../assets/styles/colors"));
var _sizes = _interopRequireDefault(require("../../assets/styles/sizes"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _templateObject() {
var data = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: ", ";\n margin: 0;\n opacity: 0;\n &:checked + span {\n background-image: ", ";\n color: ", ";\n box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);\n font-weight: ", ";\n }\n"]);
_templateObject = function _templateObject() {
return data;
};
return data;
}
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
var Enumeration = _styledComponents["default"].input(_templateObject(), function (_ref) {
var disabled = _ref.disabled;
return disabled ? 'not-allowed' : 'pointer';
}, _colors["default"].blueGradient, _colors["default"].white, _sizes["default"].fontWeight.bold);
Enumeration.defaultProps = {
disabled: false,
type: 'radio'
};
Enumeration.propTypes = {
disabled: _propTypes["default"].bool,
type: _propTypes["default"].string
};
var _default = Enumeration;
exports["default"] = _default;