@storybook/react 6.4.0-beta.23 → 6.4.0-beta.24

package/dist/cjs/server/cra-config.js

@@ -1,69 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getReactScriptsPath = getReactScriptsPath;
-exports.isReactScriptsInstalled = isReactScriptsInstalled;
-
-var _fs = _interopRequireDefault(require("fs"));
-
-var _path = _interopRequireDefault(require("path"));
-
-var _semver = _interopRequireDefault(require("@storybook/semver"));
-
-var _nodeLogger = require("@storybook/node-logger");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var appDirectory = _fs.default.realpathSync(process.cwd());
-
-var reactScriptsPath;
-
-function getReactScriptsPath({
-  noCache: noCache
-} = {}) {
-  if (reactScriptsPath && !noCache) return reactScriptsPath;
-
-  var reactScriptsScriptPath = _fs.default.realpathSync(_path.default.join(appDirectory, '/node_modules/.bin/react-scripts'));
-
-  try {
-    // Note: Since there is no symlink for .bin/react-scripts on Windows
-    // we'll parse react-scripts file to find actual package path.
-    // This is important if you use fork of CRA.
-    var pathIsNotResolved = /node_modules[\\/]\.bin[\\/]react-scripts/i.test(reactScriptsScriptPath);
-
-    if (pathIsNotResolved) {
-      var content = _fs.default.readFileSync(reactScriptsScriptPath, 'utf8');
-
-      var packagePathMatch = content.match(/"\$basedir[\\/]([^\s]+?[\\/]bin[\\/]react-scripts\.js")/i);
-
-      if (packagePathMatch && packagePathMatch.length > 1) {
-        reactScriptsScriptPath = _path.default.join(appDirectory, '/node_modules/.bin/', packagePathMatch[1]);
-      }
-    }
-  } catch (e) {
-    _nodeLogger.logger.warn(`Error occurred during react-scripts package path resolving: ${e}`);
-  }
-
-  reactScriptsPath = _path.default.join(reactScriptsScriptPath, '../..');
-
-  var scriptsPkgJson = _path.default.join(reactScriptsPath, 'package.json');
-
-  if (!_fs.default.existsSync(scriptsPkgJson)) {
-    reactScriptsPath = 'react-scripts';
-  }
-
-  return reactScriptsPath;
-}
-
-function isReactScriptsInstalled(requiredVersion = '2.0.0') {
-  try {
-    // eslint-disable-next-line import/no-dynamic-require,global-require
-    var reactScriptsJson = require(_path.default.join(getReactScriptsPath(), 'package.json'));
-
-    return !_semver.default.gtr(requiredVersion, reactScriptsJson.version);
-  } catch (e) {
-    return false;
-  }
-}

package/dist/cjs/server/framework-preset-cra.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.webpackFinal = webpackFinal;
-
-var _nodeLogger = require("@storybook/node-logger");
-
-var _craConfig = require("./cra-config");
-
-var checkForNewPreset = function (presetsList) {
-  var hasNewPreset = presetsList.some(function (preset) {
-    var presetName = typeof preset === 'string' ? preset : preset.name;
-    return /@storybook(\/|\\)preset-create-react-app/.test(presetName);
-  });
-
-  if (!hasNewPreset) {
-    _nodeLogger.logger.warn('Storybook support for Create React App is now a separate preset.');
-
-    _nodeLogger.logger.warn('To use the new preset, install `@storybook/preset-create-react-app` and add it to the list of `addons` in your `.storybook/main.js` config file.');
-
-    _nodeLogger.logger.warn('The built-in preset has been disabled in Storybook 6.0.');
-  }
-};
-
-function webpackFinal(config, {
-  presetsList: presetsList
-}) {
-  if ((0, _craConfig.isReactScriptsInstalled)()) {
-    checkForNewPreset(presetsList);
-  }
-
-  return config;
-}

package/dist/cjs/server/framework-preset-react-docgen.js

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.babel = babel;
-exports.webpackFinal = webpackFinal;
-
-require("core-js/modules/es.promise.js");
-
-var _reactDocgenTypescriptPlugin = _interopRequireDefault(require("@storybook/react-docgen-typescript-plugin"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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; }
-
-async function babel(config, {
-  presets: presets
-}) {
-  var typescriptOptions = await presets.apply('typescript', {});
-  var reactDocgen = typescriptOptions.reactDocgen;
-
-  if (typeof reactDocgen !== 'string') {
-    return config;
-  }
-
-  return _objectSpread(_objectSpread({}, config), {}, {
-    overrides: [{
-      test: reactDocgen === 'react-docgen' ? /\.(mjs|tsx?|jsx?)$/ : /\.(mjs|jsx?)$/,
-      plugins: [[require.resolve('babel-plugin-react-docgen'), {
-        DOC_GEN_COLLECTION_NAME: 'STORYBOOK_REACT_CLASSES'
-      }]]
-    }]
-  });
-}
-
-async function webpackFinal(config, {
-  presets: presets
-}) {
-  var typescriptOptions = await presets.apply('typescript', {});
-  var reactDocgen = typescriptOptions.reactDocgen,
-      reactDocgenTypescriptOptions = typescriptOptions.reactDocgenTypescriptOptions;
-
-  if (reactDocgen !== 'react-docgen-typescript') {
-    return config;
-  }
-
-  return _objectSpread(_objectSpread({}, config), {}, {
-    plugins: [...config.plugins, new _reactDocgenTypescriptPlugin.default(_objectSpread(_objectSpread({}, reactDocgenTypescriptOptions), {}, {
-      // We *need* this set so that RDT returns default values in the same format as react-docgen
-      savePropValueAsString: true
-    }))]
-  });
-}

package/dist/cjs/server/framework-preset-react.js

@@ -1,98 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.babel = babel;
-exports.babelDefault = babelDefault;
-exports.webpackFinal = webpackFinal;
-
-require("core-js/modules/es.promise.js");
-
-var _path = _interopRequireDefault(require("path"));
-
-var _reactRefreshWebpackPlugin = _interopRequireDefault(require("@pmmmwh/react-refresh-webpack-plugin"));
-
-var _nodeLogger = require("@storybook/node-logger");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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; }
-
-async function babel(config, options) {
-  var isDevelopment = options.configType === 'DEVELOPMENT';
-  var reactOptions = await options.presets.apply('reactOptions', {}, options);
-  var fastRefreshEnabled = isDevelopment && (reactOptions.fastRefresh || process.env.FAST_REFRESH === 'true');
-
-  if (!fastRefreshEnabled) {
-    return config;
-  }
-
-  return _objectSpread(_objectSpread({}, config), {}, {
-    plugins: [[require.resolve('react-refresh/babel'), {}, 'storybook-react-refresh'], ...(config.plugins || [])]
-  });
-}
-
-var storybookReactDirName = _path.default.dirname(require.resolve('@storybook/react/package.json')); // TODO: improve node_modules detection
-
-
-var context = storybookReactDirName.includes('node_modules') ? _path.default.join(storybookReactDirName, '../../') // Real life case, already in node_modules
-: _path.default.join(storybookReactDirName, '../../node_modules'); // SB Monorepo
-
-var hasJsxRuntime = function () {
-  try {
-    require.resolve('react/jsx-runtime', {
-      paths: [context]
-    });
-
-    return true;
-  } catch (e) {
-    return false;
-  }
-};
-
-async function babelDefault(config) {
-  var presetReactOptions = hasJsxRuntime() ? {
-    runtime: 'automatic'
-  } : {};
-  return _objectSpread(_objectSpread({}, config), {}, {
-    presets: [...((config === null || config === void 0 ? void 0 : config.presets) || []), [require.resolve('@babel/preset-react'), presetReactOptions], require.resolve('@babel/preset-flow')],
-    plugins: [...((config === null || config === void 0 ? void 0 : config.plugins) || []), require.resolve('babel-plugin-add-react-displayname')]
-  });
-}
-
-async function webpackFinal(config, options) {
-  var isDevelopment = options.configType === 'DEVELOPMENT';
-  var reactOptions = await options.presets.apply('reactOptions', {}, options);
-  var fastRefreshEnabled = isDevelopment && (reactOptions.fastRefresh || process.env.FAST_REFRESH === 'true');
-
-  if (!fastRefreshEnabled) {
-    return config;
-  } // matches the name of the plugin in CRA.
-
-
-  var hasReactRefresh = config.plugins.find(function (p) {
-    return p.constructor.name === 'ReactRefreshPlugin';
-  });
-
-  if (hasReactRefresh) {
-    _nodeLogger.logger.warn("=> React refresh is already set. You don't need to set the option");
-
-    return config;
-  }
-
-  _nodeLogger.logger.info('=> Using React fast refresh');
-
-  return _objectSpread(_objectSpread({}, config), {}, {
-    plugins: [...config.plugins, // Storybook uses webpack-hot-middleware https://github.com/storybookjs/storybook/issues/14114
-    new _reactRefreshWebpackPlugin.default({
-      overlay: {
-        sockIntegration: 'whm'
-      }
-    })]
-  });
-}

package/dist/cjs/server/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-var _server = require("@storybook/core/server");
-
-var _options = _interopRequireDefault(require("./options"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(0, _server.buildDev)(_options.default);

package/dist/cjs/server/options.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _readPkgUp = require("read-pkg-up");
-
-var _default = {
-  packageJson: (0, _readPkgUp.sync)({
-    cwd: __dirname
-  }).packageJson,
-  framework: 'react',
-  frameworkPresets: [require.resolve('./preset')]
-};
-exports.default = _default;

package/dist/cjs/server/preset.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.addons = exports.config = void 0;
-
-var _coreCommon = require("@storybook/core-common");
-
-var config = function (entries = []) {
-  return [...entries, (0, _coreCommon.findDistEsm)(__dirname, 'client/preview/config')];
-};
-
-exports.config = config;
-var addons = [require.resolve('./framework-preset-react'), require.resolve('./framework-preset-cra'), require.resolve('./framework-preset-react-docgen')];
-exports.addons = addons;

package/dist/cjs/typings.d.js

@@ -1 +0,0 @@
-"use strict";

package/dist/esm/client/index.js

@@ -1,6 +0,0 @@
-export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, raw, forceReRender } from './preview';
-export * from './preview/types-6-3';
-
-if (module && module.hot && module.hot.decline) {
-  module.hot.decline();
-}

package/dist/esm/client/preview/config.js

@@ -1,4 +0,0 @@
-export { render, renderToDOM } from './render';
-export var parameters = {
-  framework: 'react'
-};

package/dist/esm/client/preview/globals.js

@@ -1,6 +0,0 @@
-import global from 'global';
-var globalWindow = global.window;
-
-if (globalWindow) {
-  globalWindow.STORYBOOK_ENV = 'react';
-}

package/dist/esm/client/preview/index.js

@@ -1,29 +0,0 @@
-import "core-js/modules/es.array.concat.js";
-
-/* eslint-disable prefer-destructuring */
-import { start } from '@storybook/core/client';
-import './globals';
-import { renderToDOM, render } from './render';
-var framework = 'react';
-var api = start(renderToDOM, {
-  render: render
-});
-export var storiesOf = function storiesOf(kind, m) {
-  return api.clientApi.storiesOf(kind, m).addParameters({
-    framework: framework
-  });
-};
-export var configure = function configure() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  return api.configure.apply(api, [framework].concat(args));
-};
-export var addDecorator = api.clientApi.addDecorator;
-export var addParameters = api.clientApi.addParameters;
-export var clearDecorators = api.clientApi.clearDecorators;
-export var setAddon = api.clientApi.setAddon;
-export var forceReRender = api.forceReRender;
-export var getStorybook = api.clientApi.getStorybook;
-export var raw = api.clientApi.raw;

package/dist/esm/client/preview/render.js

@@ -1,177 +0,0 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-import "regenerator-runtime/runtime.js";
-import "core-js/modules/es.promise.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.object.get-prototype-of.js";
-import "core-js/modules/es.reflect.construct.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.symbol.iterator.js";
-import "core-js/modules/es.string.iterator.js";
-import "core-js/modules/es.array.iterator.js";
-import "core-js/modules/web.dom-collections.iterator.js";
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-import global from 'global';
-import React, { Component as ReactComponent, StrictMode, Fragment } from 'react';
-import ReactDOM from 'react-dom';
-var FRAMEWORK_OPTIONS = global.FRAMEWORK_OPTIONS;
-export var render = function render(args, _ref) {
-  var id = _ref.id,
-      Component = _ref.component;
-
-  if (!Component) {
-    throw new Error("Unable to render story ".concat(id, " as the component annotation is missing from the default export"));
-  }
-
-  return /*#__PURE__*/React.createElement(Component, args);
-};
-
-var renderElement = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(node, el) {
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            return _context.abrupt("return", new Promise(function (resolve) {
-              ReactDOM.render(node, el, function () {
-                return resolve(null);
-              });
-            }));
-
-          case 1:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function renderElement(_x, _x2) {
-    return _ref2.apply(this, arguments);
-  };
-}();
-
-var ErrorBoundary = /*#__PURE__*/function (_ReactComponent) {
-  _inherits(ErrorBoundary, _ReactComponent);
-
-  var _super = _createSuper(ErrorBoundary);
-
-  function ErrorBoundary() {
-    var _this;
-
-    _classCallCheck(this, ErrorBoundary);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.state = {
-      hasError: false
-    };
-    return _this;
-  }
-
-  _createClass(ErrorBoundary, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var hasError = this.state.hasError;
-      var showMain = this.props.showMain;
-
-      if (!hasError) {
-        showMain();
-      }
-    }
-  }, {
-    key: "componentDidCatch",
-    value: function componentDidCatch(err) {
-      var showException = this.props.showException; // message partially duplicates stack, strip it
-
-      showException(err);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var hasError = this.state.hasError;
-      var children = this.props.children;
-      return hasError ? null : children;
-    }
-  }], [{
-    key: "getDerivedStateFromError",
-    value: function getDerivedStateFromError() {
-      return {
-        hasError: true
-      };
-    }
-  }]);
-
-  return ErrorBoundary;
-}(ReactComponent);
-
-var Wrapper = FRAMEWORK_OPTIONS !== null && FRAMEWORK_OPTIONS !== void 0 && FRAMEWORK_OPTIONS.strictMode ? StrictMode : Fragment;
-export function renderToDOM(_x3, _x4) {
-  return _renderToDOM.apply(this, arguments);
-}
-
-function _renderToDOM() {
-  _renderToDOM = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(_ref3, domElement) {
-    var storyContext, unboundStoryFn, showMain, showException, forceRemount, Story, content, element;
-    return regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            storyContext = _ref3.storyContext, unboundStoryFn = _ref3.unboundStoryFn, showMain = _ref3.showMain, showException = _ref3.showException, forceRemount = _ref3.forceRemount;
-            Story = unboundStoryFn;
-            content = /*#__PURE__*/React.createElement(ErrorBoundary, {
-              showMain: showMain,
-              showException: showException
-            }, /*#__PURE__*/React.createElement(Story, storyContext)); // For React 15, StrictMode & Fragment doesn't exists.
-
-            element = Wrapper ? /*#__PURE__*/React.createElement(Wrapper, null, content) : content; // In most cases, we need to unmount the existing set of components in the DOM node.
-            // Otherwise, React may not recreate instances for every story run.
-            // This could leads to issues like below:
-            // https://github.com/storybookjs/react-storybook/issues/81
-            // (This is not the case when we change args or globals to the story however)
-
-            if (forceRemount) {
-              ReactDOM.unmountComponentAtNode(domElement);
-            }
-
-            _context2.next = 7;
-            return renderElement(element, domElement);
-
-          case 7:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  }));
-  return _renderToDOM.apply(this, arguments);
-}

package/dist/esm/client/preview/types-6-3.js

@@ -1,8 +0,0 @@
-export * from './types-6-0';
-/**
- * For the common case where a component's stories are simple components that receives args as props:
- *
- * ```tsx
- * export default { ... } as ComponentMeta<typeof Button>;
- * ```
- */

package/dist/esm/demo/Button.js

@@ -1,26 +0,0 @@
-import React from 'react';
-var styles = {
-  border: '1px solid #eee',
-  borderRadius: 3,
-  backgroundColor: '#FFFFFF',
-  cursor: 'pointer',
-  fontSize: 15,
-  padding: '3px 10px',
-  margin: 10
-};
-
-var Button = function Button(_ref) {
-  var children = _ref.children,
-      onClick = _ref.onClick;
-  return /*#__PURE__*/React.createElement("button", {
-    onClick: onClick,
-    style: styles,
-    type: "button"
-  }, children);
-};
-
-Button.displayName = 'Button';
-Button.defaultProps = {
-  onClick: function onClick() {}
-};
-export default Button;