@roo-ui/components/dist/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CdXR0b24vQnV0dG9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEK0IiLCJmaWxlIjoiLi4vLi4vc3JjL0J1dHRvbi9CdXR0b24uanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBkYXJrZW4gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyB0aGVtZUdldCwgc3BhY2UsIGNvbG9yLCBiYWNrZ3JvdW5kQ29sb3IsIGJveFNoYWRvdywgdmFyaWFudCB9IGZyb20gJ3N0eWxlZC1zeXN0ZW0nO1xuaW1wb3J0IGdldCBmcm9tICdsb2Rhc2gvZ2V0JztcblxuY29uc3QgRkFMTEJBQ0tfQkdfQ09MT1IgPSAnIzAwMCc7XG5cbmNvbnN0IGJ1dHRvblN0eWxlID0gdmFyaWFudCh7IGtleTogJ2J1dHRvbnMnIH0pO1xuXG5jb25zdCBnZXRCYWNrZ3JvdW5kID0gcHJvcHMgPT5cbiAgZ2V0KGJhY2tncm91bmRDb2xvcihwcm9wcyksICdiYWNrZ3JvdW5kQ29sb3InKSB8fCBnZXQoYnV0dG9uU3R5bGUocHJvcHMpLCAnYmFja2dyb3VuZENvbG9yJykgfHwgRkFMTEJBQ0tfQkdfQ09MT1I7XG5cbmNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAke3RoZW1lR2V0KCdzcGFjZS4zJyl9ICR7dGhlbWVHZXQoJ3NwYWNlLjYnKX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZUdldCgnZm9udFNpemVzLmJhc2UnKX07XG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lR2V0KCdmb250V2VpZ2h0cy5ib2xkJyl9O1xuICBsZXR0ZXItc3BhY2luZzogJHt0aGVtZUdldCgnbGV0dGVyU3BhY2luZ3Mud2lkZScpfTtcbiAgbGluZS1oZWlnaHQ6ICR7dGhlbWVHZXQoJ2xpbmVIZWlnaHRzLm5vcm1hbCcpfTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIGJvcmRlcjogJHt0aGVtZUdldCgnYm9yZGVycy4yJyl9O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItcmFkaXVzOiAke3RoZW1lR2V0KCdyYWRpaS5kZWZhdWx0Jyl9O1xuICBvdXRsaW5lOiAwO1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7dGhlbWVHZXQoJ3RyYW5zaXRpb25zLmRlZmF1bHQnKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYXBwZWFyYW5jZTogbm9uZTtcblxuICAke2J1dHRvblN0eWxlfVxuICAke3NwYWNlfVxuICAke2NvbG9yfVxuICAke2JveFNoYWRvd31cblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IGRhcmtlbigwLjEsIGdldEJhY2tncm91bmQocHJvcHMpKX07XG4gIH1cblxuICAmOmhvdmVyOmRpc2FibGVkIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IGdldEJhY2tncm91bmQocHJvcHMpfTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWVHZXQoJ3NoYWRvd3MuZm9jdXMnKX07XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICBvcGFjaXR5OiAke3RoZW1lR2V0KCdvcGFjaXR5LmRpc2FibGVkJyl9O1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cblxuICAke3Byb3BzID0+IHByb3BzLnJvdW5kZWQgJiYgY3NzYFxuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWVHZXQoJ3JhZGlpLnJvdW5kZWQnKShwcm9wcyl9O1xuICBgfVxuXG4gICR7cHJvcHMgPT4gcHJvcHMuYmxvY2sgJiYgY3NzYFxuICAgIHdpZHRoOiAxMDAlO1xuICBgfVxuYDtcblxuQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgLi4udmFyaWFudC5wcm9wVHlwZXMsXG4gIC4uLnNwYWNlLnByb3BUeXBlcyxcbiAgLi4uY29sb3IucHJvcFR5cGVzLFxuICAuLi5ib3hTaGFkb3cucHJvcFR5cGVzLFxuICByb3VuZGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgYmxvY2s6IFByb3BUeXBlcy5ib29sLFxufTtcblxuQnV0dG9uLmRlZmF1bHRQcm9wcyA9IHtcbiAgdmFyaWFudDogJ2RlZmF1bHQnLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgQnV0dG9uO1xuIl19 */"
};

var Button = (0, _styledBase.default)("button", {
  target: "ewnvllb0",
  label: "Button"
})("display:inline-block;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;", buttonStyle, " ", _styledSystem.space, " ", _styledSystem.color, " ", _styledSystem.boxShadow, " &: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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CdXR0b24vQnV0dG9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEaUMiLCJmaWxlIjoiLi4vLi4vc3JjL0J1dHRvbi9CdXR0b24uanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBkYXJrZW4gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyB0aGVtZUdldCwgc3BhY2UsIGNvbG9yLCBiYWNrZ3JvdW5kQ29sb3IsIGJveFNoYWRvdywgdmFyaWFudCB9IGZyb20gJ3N0eWxlZC1zeXN0ZW0nO1xuaW1wb3J0IGdldCBmcm9tICdsb2Rhc2gvZ2V0JztcblxuY29uc3QgRkFMTEJBQ0tfQkdfQ09MT1IgPSAnIzAwMCc7XG5cbmNvbnN0IGJ1dHRvblN0eWxlID0gdmFyaWFudCh7IGtleTogJ2J1dHRvbnMnIH0pO1xuXG5jb25zdCBnZXRCYWNrZ3JvdW5kID0gcHJvcHMgPT5cbiAgZ2V0KGJhY2tncm91bmRDb2xvcihwcm9wcyksICdiYWNrZ3JvdW5kQ29sb3InKSB8fCBnZXQoYnV0dG9uU3R5bGUocHJvcHMpLCAnYmFja2dyb3VuZENvbG9yJykgfHwgRkFMTEJBQ0tfQkdfQ09MT1I7XG5cbmNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAke3RoZW1lR2V0KCdzcGFjZS4zJyl9ICR7dGhlbWVHZXQoJ3NwYWNlLjYnKX07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZUdldCgnZm9udFNpemVzLmJhc2UnKX07XG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lR2V0KCdmb250V2VpZ2h0cy5ib2xkJyl9O1xuICBsZXR0ZXItc3BhY2luZzogJHt0aGVtZUdldCgnbGV0dGVyU3BhY2luZ3Mud2lkZScpfTtcbiAgbGluZS1oZWlnaHQ6ICR7dGhlbWVHZXQoJ2xpbmVIZWlnaHRzLm5vcm1hbCcpfTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIGJvcmRlcjogJHt0aGVtZUdldCgnYm9yZGVycy4yJyl9O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXItcmFkaXVzOiAke3RoZW1lR2V0KCdyYWRpaS5kZWZhdWx0Jyl9O1xuICBvdXRsaW5lOiAwO1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7dGhlbWVHZXQoJ3RyYW5zaXRpb25zLmRlZmF1bHQnKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYXBwZWFyYW5jZTogbm9uZTtcblxuICAke2J1dHRvblN0eWxlfVxuICAke3NwYWNlfVxuICAke2NvbG9yfVxuICAke2JveFNoYWRvd31cblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IGRhcmtlbigwLjEsIGdldEJhY2tncm91bmQocHJvcHMpKX07XG4gIH1cblxuICAmOmhvdmVyOmRpc2FibGVkIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IGdldEJhY2tncm91bmQocHJvcHMpfTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWVHZXQoJ3NoYWRvd3MuZm9jdXMnKX07XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICBvcGFjaXR5OiAke3RoZW1lR2V0KCdvcGFjaXR5LmRpc2FibGVkJyl9O1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cblxuICAke3Byb3BzID0+IHByb3BzLnJvdW5kZWQgJiYgY3NzYFxuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWVHZXQoJ3JhZGlpLnJvdW5kZWQnKShwcm9wcyl9O1xuICBgfVxuXG4gICR7cHJvcHMgPT4gcHJvcHMuYmxvY2sgJiYgY3NzYFxuICAgIHdpZHRoOiAxMDAlO1xuICBgfVxuYDtcblxuQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgLi4udmFyaWFudC5wcm9wVHlwZXMsXG4gIC4uLnNwYWNlLnByb3BUeXBlcyxcbiAgLi4uY29sb3IucHJvcFR5cGVzLFxuICAuLi5ib3hTaGFkb3cucHJvcFR5cGVzLFxuICByb3VuZGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgYmxvY2s6IFByb3BUeXBlcy5ib29sLFxufTtcblxuQnV0dG9uLmRlZmF1bHRQcm9wcyA9IHtcbiAgdmFyaWFudDogJ2RlZmF1bHQnLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgQnV0dG9uO1xuIl19 */"));
}, " ", function (props) {
  return props.block && _ref;
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CdXR0b24vQnV0dG9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM0QiIsImZpbGUiOiIuLi8uLi9zcmMvQnV0dG9uL0J1dHRvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGRhcmtlbiB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IHRoZW1lR2V0LCBzcGFjZSwgY29sb3IsIGJhY2tncm91bmRDb2xvciwgYm94U2hhZG93LCB2YXJpYW50IH0gZnJvbSAnc3R5bGVkLXN5c3RlbSc7XG5pbXBvcnQgZ2V0IGZyb20gJ2xvZGFzaC9nZXQnO1xuXG5jb25zdCBGQUxMQkFDS19CR19DT0xPUiA9ICcjMDAwJztcblxuY29uc3QgYnV0dG9uU3R5bGUgPSB2YXJpYW50KHsga2V5OiAnYnV0dG9ucycgfSk7XG5cbmNvbnN0IGdldEJhY2tncm91bmQgPSBwcm9wcyA9PlxuICBnZXQoYmFja2dyb3VuZENvbG9yKHByb3BzKSwgJ2JhY2tncm91bmRDb2xvcicpIHx8IGdldChidXR0b25TdHlsZShwcm9wcyksICdiYWNrZ3JvdW5kQ29sb3InKSB8fCBGQUxMQkFDS19CR19DT0xPUjtcblxuY29uc3QgQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6ICR7dGhlbWVHZXQoJ3NwYWNlLjMnKX0gJHt0aGVtZUdldCgnc3BhY2UuNicpfTtcbiAgZm9udC1zaXplOiAke3RoZW1lR2V0KCdmb250U2l6ZXMuYmFzZScpfTtcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWVHZXQoJ2ZvbnRXZWlnaHRzLmJvbGQnKX07XG4gIGxldHRlci1zcGFjaW5nOiAke3RoZW1lR2V0KCdsZXR0ZXJTcGFjaW5ncy53aWRlJyl9O1xuICBsaW5lLWhlaWdodDogJHt0aGVtZUdldCgnbGluZUhlaWdodHMubm9ybWFsJyl9O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgYm9yZGVyOiAke3RoZW1lR2V0KCdib3JkZXJzLjInKX07XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWVHZXQoJ3JhZGlpLmRlZmF1bHQnKX07XG4gIG91dGxpbmU6IDA7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHt0aGVtZUdldCgndHJhbnNpdGlvbnMuZGVmYXVsdCcpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBhcHBlYXJhbmNlOiBub25lO1xuXG4gICR7YnV0dG9uU3R5bGV9XG4gICR7c3BhY2V9XG4gICR7Y29sb3J9XG4gICR7Ym94U2hhZG93fVxuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gZGFya2VuKDAuMSwgZ2V0QmFja2dyb3VuZChwcm9wcykpfTtcbiAgfVxuXG4gICY6aG92ZXI6ZGlzYWJsZWQge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gZ2V0QmFja2dyb3VuZChwcm9wcyl9O1xuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgYm94LXNoYWRvdzogJHt0aGVtZUdldCgnc2hhZG93cy5mb2N1cycpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIG9wYWNpdHk6ICR7dGhlbWVHZXQoJ29wYWNpdHkuZGlzYWJsZWQnKX07XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuXG4gICR7cHJvcHMgPT4gcHJvcHMucm91bmRlZCAmJiBjc3NgXG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZUdldCgncmFkaWkucm91bmRlZCcpKHByb3BzKX07XG4gIGB9XG5cbiAgJHtwcm9wcyA9PiBwcm9wcy5ibG9jayAmJiBjc3NgXG4gICAgd2lkdGg6IDEwMCU7XG4gIGB9XG5gO1xuXG5CdXR0b24ucHJvcFR5cGVzID0ge1xuICAuLi52YXJpYW50LnByb3BUeXBlcyxcbiAgLi4uc3BhY2UucHJvcFR5cGVzLFxuICAuLi5jb2xvci5wcm9wVHlwZXMsXG4gIC4uLmJveFNoYWRvdy5wcm9wVHlwZXMsXG4gIHJvdW5kZWQ6IFByb3BUeXBlcy5ib29sLFxuICBibG9jazogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5CdXR0b24uZGVmYXVsdFByb3BzID0ge1xuICB2YXJpYW50OiAnZGVmYXVsdCcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBCdXR0b247XG4iXX0= */");
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'
};
var _default = Button;
exports.default = _default;