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

"use strict";

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

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

var _core = require("@emotion/core");

var _propTypes = _interopRequireDefault(require("prop-types"));

var _polished = require("polished");

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

var _get = _interopRequireDefault(require("lodash/get"));

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 FALLBACK_BG_COLOR = '#000';
var buttonStyle = (0, _styledSystem.variant)({
  key: 'buttons'
});

var getBackground = function getBackground(props) {
  return (0, _get.default)((0, _styledSystem.backgroundColor)(props), 'backgroundColor') || (0, _get.default)(buttonStyle(props), 'backgroundColor') || FALLBACK_BG_COLOR;
};

var _ref = process.env.NODE_ENV === "production" ? {
  name: "fyo4p-Button",
  styles: "width:100%;label:Button;"
} : {
  name: "fyo4p-Button",
  styles: "width:100%;label:Button;",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CdXR0b24vQnV0dG9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREK0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0J1dHRvbi9CdXR0b24uanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBkYXJrZW4gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyB0aGVtZUdldCwgc3BhY2UsIGNvbG9yLCBiYWNrZ3JvdW5kQ29sb3IsIGJveFNoYWRvdywgZGlzcGxheSwgdmFyaWFudCwgd2lkdGggfSBmcm9tICdzdHlsZWQtc3lzdGVtJztcbmltcG9ydCBnZXQgZnJvbSAnbG9kYXNoL2dldCc7XG5cbmNvbnN0IEZBTExCQUNLX0JHX0NPTE9SID0gJyMwMDAnO1xuXG5jb25zdCBidXR0b25TdHlsZSA9IHZhcmlhbnQoeyBrZXk6ICdidXR0b25zJyB9KTtcblxuY29uc3QgZ2V0QmFja2dyb3VuZCA9IHByb3BzID0+XG4gIGdldChiYWNrZ3JvdW5kQ29sb3IocHJvcHMpLCAnYmFja2dyb3VuZENvbG9yJykgfHwgZ2V0KGJ1dHRvblN0eWxlKHByb3BzKSwgJ2JhY2tncm91bmRDb2xvcicpIHx8IEZBTExCQUNLX0JHX0NPTE9SO1xuXG5jb25zdCBCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6ICR7dGhlbWVHZXQoJ3NwYWNlLjMnKX0gJHt0aGVtZUdldCgnc3BhY2UuNicpfTtcbiAgZm9udC1zaXplOiAke3RoZW1lR2V0KCdmb250U2l6ZXMuYmFzZScpfTtcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWVHZXQoJ2ZvbnRXZWlnaHRzLmJvbGQnKX07XG4gIGxldHRlci1zcGFjaW5nOiAke3RoZW1lR2V0KCdsZXR0ZXJTcGFjaW5ncy53aWRlJyl9O1xuICBsaW5lLWhlaWdodDogJHt0aGVtZUdldCgnbGluZUhlaWdodHMubm9ybWFsJyl9O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgYm9yZGVyOiAke3RoZW1lR2V0KCdib3JkZXJzLjInKX07XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWVHZXQoJ3JhZGlpLmRlZmF1bHQnKX07XG4gIG91dGxpbmU6IDA7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHt0aGVtZUdldCgndHJhbnNpdGlvbnMuZGVmYXVsdCcpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBhcHBlYXJhbmNlOiBub25lO1xuXG4gICR7ZGlzcGxheX1cbiAgJHtidXR0b25TdHlsZX1cbiAgJHtzcGFjZX1cbiAgJHtjb2xvcn1cbiAgJHtib3hTaGFkb3d9XG4gICR7d2lkdGh9XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBkYXJrZW4oMC4xLCBnZXRCYWNrZ3JvdW5kKHByb3BzKSl9O1xuICB9XG5cbiAgJjpob3ZlcjpkaXNhYmxlZCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBnZXRCYWNrZ3JvdW5kKHByb3BzKX07XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lR2V0KCdzaGFkb3dzLmZvY3VzJyl9O1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgb3BhY2l0eTogJHt0aGVtZUdldCgnb3BhY2l0eS5kaXNhYmxlZCcpfTtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5cbiAgJHtwcm9wcyA9PiBwcm9wcy5yb3VuZGVkICYmIGNzc2BcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lR2V0KCdyYWRpaS5yb3VuZGVkJykocHJvcHMpfTtcbiAgYH1cblxuICAke3Byb3BzID0+IHByb3BzLmJsb2NrICYmIGNzc2BcbiAgICB3aWR0aDogMTAwJTtcbiAgYH1cbmA7XG5cbkJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIC4uLnZhcmlhbnQucHJvcFR5cGVzLFxuICAuLi5zcGFjZS5wcm9wVHlwZXMsXG4gIC4uLmNvbG9yLnByb3BUeXBlcyxcbiAgLi4uYm94U2hhZG93LnByb3BUeXBlcyxcbiAgcm91bmRlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGJsb2NrOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbkJ1dHRvbi5kZWZhdWx0UHJvcHMgPSB7XG4gIHZhcmlhbnQ6ICdkZWZhdWx0JyxcbiAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBCdXR0b247XG4iXX0= */"
};

var Button = (0, _styledBase.default)("button", {
  target: "ewnvllb0",
  label: "Button"
})("margin:0;padding:", (0, _styledSystem.themeGet)('space.3'), " ", (0, _styledSystem.themeGet)('space.6'), ";font-size:", (0, _styledSystem.themeGet)('fontSizes.base'), ";font-weight:", (0, _styledSystem.themeGet)('fontWeights.bold'), ";letter-spacing:", (0, _styledSystem.themeGet)('letterSpacings.wide'), ";line-height:", (0, _styledSystem.themeGet)('lineHeights.normal'), ";text-align:center;text-decoration:none;text-transform:uppercase;border:", (0, _styledSystem.themeGet)('borders.2'), ";border-color:transparent;border-radius:", (0, _styledSystem.themeGet)('radii.default'), ";outline:0;transition:background-color ", (0, _styledSystem.themeGet)('transitions.default'), ";cursor:pointer;appearance:none;", _styledSystem.display, " ", buttonStyle, " ", _styledSystem.space, " ", _styledSystem.color, " ", _styledSystem.boxShadow, " ", _styledSystem.width, " &:hover{background-color:", function (props) {
  return (0, _polished.darken)(0.1, getBackground(props));
}, ";}&:hover:disabled{background-color:", function (props) {
  return getBackground(props);
}, ";}&:focus{box-shadow:", (0, _styledSystem.themeGet)('shadows.focus'), ";}&:disabled{opacity:", (0, _styledSystem.themeGet)('opacity.disabled'), ";cursor:not-allowed;}", function (props) {
  return props.rounded &&
  /*#__PURE__*/
  (0, _core.css)("border-radius:", (0, _styledSystem.themeGet)('radii.rounded')(props), ";label:Button;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CdXR0b24vQnV0dG9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdEaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0J1dHRvbi9CdXR0b24uanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBkYXJrZW4gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyB0aGVtZUdldCwgc3BhY2UsIGNvbG9yLCBiYWNrZ3JvdW5kQ29sb3IsIGJveFNoYWRvdywgZGlzcGxheSwgdmFyaWFudCwgd2lkdGggfSBmcm9tICdzdHlsZWQtc3lzdGVtJztcbmltcG9ydCBnZXQgZnJvbSAnbG9kYXNoL2dldCc7XG5cbmNvbnN0IEZBTExCQUNLX0JHX0NPTE9SID0gJyMwMDAnO1xuXG5jb25zdCBidXR0b25TdHlsZSA9IHZhcmlhbnQoeyBrZXk6ICdidXR0b25zJyB9KTtcblxuY29uc3QgZ2V0QmFja2dyb3VuZCA9IHByb3BzID0+XG4gIGdldChiYWNrZ3JvdW5kQ29sb3IocHJvcHMpLCAnYmFja2dyb3VuZENvbG9yJykgfHwgZ2V0KGJ1dHRvblN0eWxlKHByb3BzKSwgJ2JhY2tncm91bmRDb2xvcicpIHx8IEZBTExCQUNLX0JHX0NPTE9SO1xuXG5jb25zdCBCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6ICR7dGhlbWVHZXQoJ3NwYWNlLjMnKX0gJHt0aGVtZUdldCgnc3BhY2UuNicpfTtcbiAgZm9udC1zaXplOiAke3RoZW1lR2V0KCdmb250U2l6ZXMuYmFzZScpfTtcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWVHZXQoJ2ZvbnRXZWlnaHRzLmJvbGQnKX07XG4gIGxldHRlci1zcGFjaW5nOiAke3RoZW1lR2V0KCdsZXR0ZXJTcGFjaW5ncy53aWRlJyl9O1xuICBsaW5lLWhlaWdodDogJHt0aGVtZUdldCgnbGluZUhlaWdodHMubm9ybWFsJyl9O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgYm9yZGVyOiAke3RoZW1lR2V0KCdib3JkZXJzLjInKX07XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWVHZXQoJ3JhZGlpLmRlZmF1bHQnKX07XG4gIG91dGxpbmU6IDA7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHt0aGVtZUdldCgndHJhbnNpdGlvbnMuZGVmYXVsdCcpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBhcHBlYXJhbmNlOiBub25lO1xuXG4gICR7ZGlzcGxheX1cbiAgJHtidXR0b25TdHlsZX1cbiAgJHtzcGFjZX1cbiAgJHtjb2xvcn1cbiAgJHtib3hTaGFkb3d9XG4gICR7d2lkdGh9XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBkYXJrZW4oMC4xLCBnZXRCYWNrZ3JvdW5kKHByb3BzKSl9O1xuICB9XG5cbiAgJjpob3ZlcjpkaXNhYmxlZCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBnZXRCYWNrZ3JvdW5kKHByb3BzKX07XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lR2V0KCdzaGFkb3dzLmZvY3VzJyl9O1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgb3BhY2l0eTogJHt0aGVtZUdldCgnb3BhY2l0eS5kaXNhYmxlZCcpfTtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5cbiAgJHtwcm9wcyA9PiBwcm9wcy5yb3VuZGVkICYmIGNzc2BcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lR2V0KCdyYWRpaS5yb3VuZGVkJykocHJvcHMpfTtcbiAgYH1cblxuICAke3Byb3BzID0+IHByb3BzLmJsb2NrICYmIGNzc2BcbiAgICB3aWR0aDogMTAwJTtcbiAgYH1cbmA7XG5cbkJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIC4uLnZhcmlhbnQucHJvcFR5cGVzLFxuICAuLi5zcGFjZS5wcm9wVHlwZXMsXG4gIC4uLmNvbG9yLnByb3BUeXBlcyxcbiAgLi4uYm94U2hhZG93LnByb3BUeXBlcyxcbiAgcm91bmRlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGJsb2NrOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbkJ1dHRvbi5kZWZhdWx0UHJvcHMgPSB7XG4gIHZhcmlhbnQ6ICdkZWZhdWx0JyxcbiAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBCdXR0b247XG4iXX0= */"));
}, " ", function (props) {
  return props.block && _ref;
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9CdXR0b24vQnV0dG9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM0QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQnV0dG9uL0J1dHRvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGRhcmtlbiB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IHRoZW1lR2V0LCBzcGFjZSwgY29sb3IsIGJhY2tncm91bmRDb2xvciwgYm94U2hhZG93LCBkaXNwbGF5LCB2YXJpYW50LCB3aWR0aCB9IGZyb20gJ3N0eWxlZC1zeXN0ZW0nO1xuaW1wb3J0IGdldCBmcm9tICdsb2Rhc2gvZ2V0JztcblxuY29uc3QgRkFMTEJBQ0tfQkdfQ09MT1IgPSAnIzAwMCc7XG5cbmNvbnN0IGJ1dHRvblN0eWxlID0gdmFyaWFudCh7IGtleTogJ2J1dHRvbnMnIH0pO1xuXG5jb25zdCBnZXRCYWNrZ3JvdW5kID0gcHJvcHMgPT5cbiAgZ2V0KGJhY2tncm91bmRDb2xvcihwcm9wcyksICdiYWNrZ3JvdW5kQ29sb3InKSB8fCBnZXQoYnV0dG9uU3R5bGUocHJvcHMpLCAnYmFja2dyb3VuZENvbG9yJykgfHwgRkFMTEJBQ0tfQkdfQ09MT1I7XG5cbmNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogJHt0aGVtZUdldCgnc3BhY2UuMycpfSAke3RoZW1lR2V0KCdzcGFjZS42Jyl9O1xuICBmb250LXNpemU6ICR7dGhlbWVHZXQoJ2ZvbnRTaXplcy5iYXNlJyl9O1xuICBmb250LXdlaWdodDogJHt0aGVtZUdldCgnZm9udFdlaWdodHMuYm9sZCcpfTtcbiAgbGV0dGVyLXNwYWNpbmc6ICR7dGhlbWVHZXQoJ2xldHRlclNwYWNpbmdzLndpZGUnKX07XG4gIGxpbmUtaGVpZ2h0OiAke3RoZW1lR2V0KCdsaW5lSGVpZ2h0cy5ub3JtYWwnKX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBib3JkZXI6ICR7dGhlbWVHZXQoJ2JvcmRlcnMuMicpfTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogJHt0aGVtZUdldCgncmFkaWkuZGVmYXVsdCcpfTtcbiAgb3V0bGluZTogMDtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke3RoZW1lR2V0KCd0cmFuc2l0aW9ucy5kZWZhdWx0Jyl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG5cbiAgJHtkaXNwbGF5fVxuICAke2J1dHRvblN0eWxlfVxuICAke3NwYWNlfVxuICAke2NvbG9yfVxuICAke2JveFNoYWRvd31cbiAgJHt3aWR0aH1cblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IGRhcmtlbigwLjEsIGdldEJhY2tncm91bmQocHJvcHMpKX07XG4gIH1cblxuICAmOmhvdmVyOmRpc2FibGVkIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IGdldEJhY2tncm91bmQocHJvcHMpfTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWVHZXQoJ3NoYWRvd3MuZm9jdXMnKX07XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICBvcGFjaXR5OiAke3RoZW1lR2V0KCdvcGFjaXR5LmRpc2FibGVkJyl9O1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cblxuICAke3Byb3BzID0+IHByb3BzLnJvdW5kZWQgJiYgY3NzYFxuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWVHZXQoJ3JhZGlpLnJvdW5kZWQnKShwcm9wcyl9O1xuICBgfVxuXG4gICR7cHJvcHMgPT4gcHJvcHMuYmxvY2sgJiYgY3NzYFxuICAgIHdpZHRoOiAxMDAlO1xuICBgfVxuYDtcblxuQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgLi4udmFyaWFudC5wcm9wVHlwZXMsXG4gIC4uLnNwYWNlLnByb3BUeXBlcyxcbiAgLi4uY29sb3IucHJvcFR5cGVzLFxuICAuLi5ib3hTaGFkb3cucHJvcFR5cGVzLFxuICByb3VuZGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgYmxvY2s6IFByb3BUeXBlcy5ib29sLFxufTtcblxuQnV0dG9uLmRlZmF1bHRQcm9wcyA9IHtcbiAgdmFyaWFudDogJ2RlZmF1bHQnLFxuICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJ1dHRvbjtcbiJdfQ== */");
Button.propTypes = _objectSpread({}, _styledSystem.variant.propTypes, _styledSystem.space.propTypes, _styledSystem.color.propTypes, _styledSystem.boxShadow.propTypes, {
  rounded: _propTypes.default.bool,
  block: _propTypes.default.bool
});
Button.defaultProps = {
  variant: 'default',
  display: 'inline-block'
};
var _default = Button;
exports.default = _default;