@roo-ui/components/dist/cjs/NakedButton/NakedButton.js

"use strict";

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

var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));

var _styledSystem = require("styled-system");

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

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var textDecoration = (0, _styledSystem.style)({
  prop: 'textDecoration',
  cssProperty: 'textDecoration'
});
var hoverColor = (0, _styledSystem.style)({
  prop: 'hoverColor',
  cssProperty: 'color',
  key: 'colors'
});
var NakedButton = (
/*#__PURE__*/
0, _styledBase.default)('button', {
  target: "ezs29gf0",
  label: "NakedButton"
})("border:none;width:auto;overflow:visible;font:inherit;line-height:normal;appearance:none;cursor:pointer;&:focus{outline:", (0, _styledSystem.themeGet)('borders.2'), " ", (0, _styledSystem.themeGet)('colors.brand.secondary'), ";}&:hover{", hoverColor, "}&:disabled{opacity:", (0, _styledSystem.themeGet)('opacity.disabled'), ";cursor:not-allowed;}&:hover:disabled{", _styledSystem.color, "}", _styledSystem.space, " ", _styledSystem.verticalAlign, " ", _styledSystem.textAlign, " ", _styledSystem.color, " ", _styledSystem.textStyle, " ", textDecoration, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9OYWtlZEJ1dHRvbi9OYWtlZEJ1dHRvbi5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL05ha2VkQnV0dG9uL05ha2VkQnV0dG9uLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3R5bGUsIHNwYWNlLCB2ZXJ0aWNhbEFsaWduLCB0ZXh0QWxpZ24sIHRoZW1lR2V0LCBjb2xvciwgdGV4dFN0eWxlIH0gZnJvbSAnc3R5bGVkLXN5c3RlbSc7XG5cbmNvbnN0IHRleHREZWNvcmF0aW9uID0gc3R5bGUoe1xuICBwcm9wOiAndGV4dERlY29yYXRpb24nLFxuICBjc3NQcm9wZXJ0eTogJ3RleHREZWNvcmF0aW9uJyxcbn0pO1xuXG5jb25zdCBob3ZlckNvbG9yID0gc3R5bGUoe1xuICBwcm9wOiAnaG92ZXJDb2xvcicsXG4gIGNzc1Byb3BlcnR5OiAnY29sb3InLFxuICBrZXk6ICdjb2xvcnMnLFxufSk7XG5cbmNvbnN0IE5ha2VkQnV0dG9uID0gc3R5bGVkKCdidXR0b24nKWBcbiAgYm9yZGVyOiBub25lO1xuICB3aWR0aDogYXV0bztcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGxpbmUtaGVpZ2h0OiBub3JtYWw7XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiAke3RoZW1lR2V0KCdib3JkZXJzLjInKX0gJHt0aGVtZUdldCgnY29sb3JzLmJyYW5kLnNlY29uZGFyeScpfTtcbiAgfVxuXG4gICY6aG92ZXJ7XG4gICAgJHtob3ZlckNvbG9yfVxuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgb3BhY2l0eTogJHt0aGVtZUdldCgnb3BhY2l0eS5kaXNhYmxlZCcpfTtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5cbiAgJjpob3ZlcjpkaXNhYmxlZCB7XG4gICAgJHtjb2xvcn1cbiAgfVxuXG4gICR7c3BhY2V9XG4gICR7dmVydGljYWxBbGlnbn1cbiAgJHt0ZXh0QWxpZ259XG4gICR7Y29sb3J9XG4gICR7dGV4dFN0eWxlfVxuICAke3RleHREZWNvcmF0aW9ufVxuYDtcblxuTmFrZWRCdXR0b24ucHJvcFR5cGVzID0ge1xuICAuLi52ZXJ0aWNhbEFsaWduLnByb3BUeXBlcyxcbiAgLi4uc3BhY2UucHJvcFR5cGVzLFxuICAuLi5jb2xvci5wcm9wVHlwZXMsXG59O1xuXG5OYWtlZEJ1dHRvbi5kZWZhdWx0UHJvcHMgPSB7XG4gIGFzOiAnYnV0dG9uJyxcbiAgdHlwZTogJ2J1dHRvbicsXG4gIGJnOiAndHJhbnNwYXJlbnQnLFxuICBjb2xvcjogJ2luaGVyaXQnLFxuICBwOiAwLFxuICBtOiAwLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgTmFrZWRCdXR0b247XG4iXX0= */");
NakedButton.propTypes = _objectSpread({}, _styledSystem.verticalAlign.propTypes, _styledSystem.space.propTypes, _styledSystem.color.propTypes);
NakedButton.defaultProps = {
  as: 'button',
  type: 'button',
  bg: 'transparent',
  color: 'inherit',
  p: 0,
  m: 0
};
var _default = NakedButton;
exports.default = _default;