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

package/dist/esm/demo/Welcome.js

@@ -1,111 +0,0 @@
-import "core-js/modules/es.object.assign.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-
-var Main = function Main(props) {
-  return /*#__PURE__*/React.createElement("article", _extends({}, props, {
-    style: {
-      padding: 15,
-      lineHeight: 1.4,
-      fontFamily: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif',
-      backgroundColor: '#fff',
-      color: '#000'
-    }
-  }));
-};
-
-var Title = function Title(_ref) {
-  var children = _ref.children,
-      props = _objectWithoutProperties(_ref, ["children"]);
-
-  return /*#__PURE__*/React.createElement("h1", props, children);
-};
-
-var Note = function Note(props) {
-  return /*#__PURE__*/React.createElement("p", _extends({}, props, {
-    style: {
-      opacity: 0.5
-    }
-  }));
-};
-
-var InlineCode = function InlineCode(props) {
-  return /*#__PURE__*/React.createElement("code", _extends({}, props, {
-    style: {
-      fontSize: 15,
-      fontWeight: 600,
-      padding: '2px 5px',
-      border: '1px solid #eae9e9',
-      borderRadius: 4,
-      backgroundColor: '#f3f2f2',
-      color: '#3a3a3a'
-    }
-  }));
-};
-
-var Link = function Link(_ref2) {
-  var children = _ref2.children,
-      href = _ref2.href,
-      target = _ref2.target,
-      rel = _ref2.rel,
-      props = _objectWithoutProperties(_ref2, ["children", "href", "target", "rel"]);
-
-  return /*#__PURE__*/React.createElement("a", _extends({
-    href: href
-  }, props, {
-    target: target,
-    rel: rel,
-    style: {
-      color: '#1474f3',
-      textDecoration: 'none',
-      borderBottom: '1px solid #1474f3',
-      paddingBottom: 2
-    }
-  }), children);
-};
-
-var NavButton = function NavButton(_ref3) {
-  var children = _ref3.children,
-      onClick = _ref3.onClick,
-      props = _objectWithoutProperties(_ref3, ["children", "onClick"]);
-
-  return /*#__PURE__*/React.createElement("button", _extends({}, props, {
-    type: "button",
-    onClick: onClick,
-    style: {
-      color: '#1474f3',
-      textDecoration: 'none',
-      borderBottom: '1px solid #1474f3',
-      paddingBottom: 2,
-      borderTop: 'none',
-      borderRight: 'none',
-      borderLeft: 'none',
-      backgroundColor: 'transparent',
-      padding: 0,
-      cursor: 'pointer',
-      font: 'inherit'
-    }
-  }), children);
-};
-
-var Welcome = function Welcome(_ref4) {
-  var showApp = _ref4.showApp;
-  return /*#__PURE__*/React.createElement(Main, null, /*#__PURE__*/React.createElement(Title, null, "Welcome to storybook"), /*#__PURE__*/React.createElement("p", null, "This is a UI component dev environment for your app."), /*#__PURE__*/React.createElement("p", null, "We've added some basic stories inside the ", /*#__PURE__*/React.createElement(InlineCode, null, "src/stories"), " directory.", /*#__PURE__*/React.createElement("br", null), "A story is a single state of one or more UI components. You can have as many stories as you want.", /*#__PURE__*/React.createElement("br", null), "(Basically a story is like a visual test case.)"), /*#__PURE__*/React.createElement("p", null, "See these sample ", /*#__PURE__*/React.createElement(NavButton, {
-    onClick: showApp
-  }, "stories"), " for a component called\xA0", /*#__PURE__*/React.createElement(InlineCode, null, "Button"), "."), /*#__PURE__*/React.createElement("p", null, "Just like that, you can add your own components as stories.", /*#__PURE__*/React.createElement("br", null), "You can also edit those components and see changes right away.", /*#__PURE__*/React.createElement("br", null), "(Try editing the ", /*#__PURE__*/React.createElement(InlineCode, null, "Button"), " stories located at\xA0", /*#__PURE__*/React.createElement(InlineCode, null, "src/stories/1-Button.stories.js"), ".)"), /*#__PURE__*/React.createElement("p", null, "Usually we create stories with smaller UI components in the app.", /*#__PURE__*/React.createElement("br", null), "Have a look at the\xA0", /*#__PURE__*/React.createElement(Link, {
-    href: "https://storybook.js.org/basics/writing-stories",
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, "Writing Stories"), "\xA0section in our documentation."), /*#__PURE__*/React.createElement(Note, null, /*#__PURE__*/React.createElement("b", null, "NOTE:"), /*#__PURE__*/React.createElement("br", null), "Have a look at the ", /*#__PURE__*/React.createElement(InlineCode, null, ".storybook/webpack.config.js"), " to add webpack loaders and plugins you are using in this project."));
-};
-
-Welcome.displayName = 'Welcome';
-export { Welcome as default };

package/dist/esm/server/build.js

@@ -1,3 +0,0 @@
-import { buildStatic } from '@storybook/core/server';
-import options from './options';
-buildStatic(options);

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

@@ -1,49 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import semver from '@storybook/semver';
-import { logger } from '@storybook/node-logger';
-var appDirectory = fs.realpathSync(process.cwd());
-var reactScriptsPath;
-export function getReactScriptsPath({
-  noCache: noCache
-} = {}) {
-  if (reactScriptsPath && !noCache) return reactScriptsPath;
-  var reactScriptsScriptPath = fs.realpathSync(path.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.readFileSync(reactScriptsScriptPath, 'utf8');
-      var packagePathMatch = content.match(/"\$basedir[\\/]([^\s]+?[\\/]bin[\\/]react-scripts\.js")/i);
-
-      if (packagePathMatch && packagePathMatch.length > 1) {
-        reactScriptsScriptPath = path.join(appDirectory, '/node_modules/.bin/', packagePathMatch[1]);
-      }
-    }
-  } catch (e) {
-    logger.warn(`Error occurred during react-scripts package path resolving: ${e}`);
-  }
-
-  reactScriptsPath = path.join(reactScriptsScriptPath, '../..');
-  var scriptsPkgJson = path.join(reactScriptsPath, 'package.json');
-
-  if (!fs.existsSync(scriptsPkgJson)) {
-    reactScriptsPath = 'react-scripts';
-  }
-
-  return reactScriptsPath;
-}
-export function isReactScriptsInstalled(requiredVersion = '2.0.0') {
-  try {
-    // eslint-disable-next-line import/no-dynamic-require,global-require
-    var reactScriptsJson = require(path.join(getReactScriptsPath(), 'package.json'));
-
-    return !semver.gtr(requiredVersion, reactScriptsJson.version);
-  } catch (e) {
-    return false;
-  }
-}

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

@@ -1,25 +0,0 @@
-import { logger } from '@storybook/node-logger';
-import { isReactScriptsInstalled } from './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) {
-    logger.warn('Storybook support for Create React App is now a separate preset.');
-    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.');
-    logger.warn('The built-in preset has been disabled in Storybook 6.0.');
-  }
-};
-
-export function webpackFinal(config, {
-  presetsList: presetsList
-}) {
-  if (isReactScriptsInstalled()) {
-    checkForNewPreset(presetsList);
-  }
-
-  return config;
-}

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

@@ -1,45 +0,0 @@
-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; }
-
-import "core-js/modules/es.promise.js";
-import ReactDocgenTypescriptPlugin from '@storybook/react-docgen-typescript-plugin';
-export 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'
-      }]]
-    }]
-  });
-}
-export 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(_objectSpread(_objectSpread({}, reactDocgenTypescriptOptions), {}, {
-      // We *need* this set so that RDT returns default values in the same format as react-docgen
-      savePropValueAsString: true
-    }))]
-  });
-}

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

@@ -1,78 +0,0 @@
-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; }
-
-import "core-js/modules/es.promise.js";
-import path from 'path';
-import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
-import { logger } from '@storybook/node-logger';
-export 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.dirname(require.resolve('@storybook/react/package.json')); // TODO: improve node_modules detection
-
-var context = storybookReactDirName.includes('node_modules') ? path.join(storybookReactDirName, '../../') // Real life case, already in node_modules
-: path.join(storybookReactDirName, '../../node_modules'); // SB Monorepo
-
-var hasJsxRuntime = function () {
-  try {
-    require.resolve('react/jsx-runtime', {
-      paths: [context]
-    });
-
-    return true;
-  } catch (e) {
-    return false;
-  }
-};
-
-export 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')]
-  });
-}
-export 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) {
-    logger.warn("=> React refresh is already set. You don't need to set the option");
-    return config;
-  }
-
-  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({
-      overlay: {
-        sockIntegration: 'whm'
-      }
-    })]
-  });
-}

package/dist/esm/server/index.js

@@ -1,3 +0,0 @@
-import { buildDev } from '@storybook/core/server';
-import options from './options';
-buildDev(options);

package/dist/esm/server/options.js

@@ -1,8 +0,0 @@
-import { sync } from 'read-pkg-up';
-export default {
-  packageJson: sync({
-    cwd: __dirname
-  }).packageJson,
-  framework: 'react',
-  frameworkPresets: [require.resolve('./preset')]
-};

package/dist/esm/server/preset.js

@@ -1,5 +0,0 @@
-import { findDistEsm } from '@storybook/core-common';
-export var config = function (entries = []) {
-  return [...entries, findDistEsm(__dirname, 'client/preview/config')];
-};
-export var addons = [require.resolve('./framework-preset-react'), require.resolve('./framework-preset-cra'), require.resolve('./framework-preset-react-docgen')];

package/dist/modern/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/modern/client/preview/config.js

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

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

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

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

@@ -1,21 +0,0 @@
-/* eslint-disable prefer-destructuring */
-import { start } from '@storybook/core/client';
-import './globals';
-import { renderToDOM, render } from './render';
-const framework = 'react';
-const api = start(renderToDOM, {
-  render
-});
-export const storiesOf = (kind, m) => {
-  return api.clientApi.storiesOf(kind, m).addParameters({
-    framework
-  });
-};
-export const configure = (...args) => api.configure(framework, ...args);
-export const addDecorator = api.clientApi.addDecorator;
-export const addParameters = api.clientApi.addParameters;
-export const clearDecorators = api.clientApi.clearDecorators;
-export const setAddon = api.clientApi.setAddon;
-export const forceReRender = api.forceReRender;
-export const getStorybook = api.clientApi.getStorybook;
-export const raw = api.clientApi.raw;

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

@@ -1,94 +0,0 @@
-import global from 'global';
-import React, { Component as ReactComponent, StrictMode, Fragment } from 'react';
-import ReactDOM from 'react-dom';
-const {
-  FRAMEWORK_OPTIONS
-} = global;
-export const render = (args, {
-  id,
-  component: Component
-}) => {
-  if (!Component) {
-    throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);
-  }
-
-  return /*#__PURE__*/React.createElement(Component, args);
-};
-
-const renderElement = async (node, el) => new Promise(resolve => {
-  ReactDOM.render(node, el, () => resolve(null));
-});
-
-class ErrorBoundary extends ReactComponent {
-  constructor(...args) {
-    super(...args);
-    this.state = {
-      hasError: false
-    };
-  }
-
-  static getDerivedStateFromError() {
-    return {
-      hasError: true
-    };
-  }
-
-  componentDidMount() {
-    const {
-      hasError
-    } = this.state;
-    const {
-      showMain
-    } = this.props;
-
-    if (!hasError) {
-      showMain();
-    }
-  }
-
-  componentDidCatch(err) {
-    const {
-      showException
-    } = this.props; // message partially duplicates stack, strip it
-
-    showException(err);
-  }
-
-  render() {
-    const {
-      hasError
-    } = this.state;
-    const {
-      children
-    } = this.props;
-    return hasError ? null : children;
-  }
-
-}
-
-const Wrapper = FRAMEWORK_OPTIONS !== null && FRAMEWORK_OPTIONS !== void 0 && FRAMEWORK_OPTIONS.strictMode ? StrictMode : Fragment;
-export async function renderToDOM({
-  storyContext,
-  unboundStoryFn,
-  showMain,
-  showException,
-  forceRemount
-}, domElement) {
-  const Story = unboundStoryFn;
-  const content = /*#__PURE__*/React.createElement(ErrorBoundary, {
-    showMain: showMain,
-    showException: showException
-  }, /*#__PURE__*/React.createElement(Story, storyContext)); // For React 15, StrictMode & Fragment doesn't exists.
-
-  const 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);
-  }
-
-  await renderElement(element, domElement);
-}

package/dist/modern/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/modern/demo/Button.js

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

package/dist/modern/demo/Welcome.js

@@ -1,104 +0,0 @@
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-
-const Main = props => /*#__PURE__*/React.createElement("article", _extends({}, props, {
-  style: {
-    padding: 15,
-    lineHeight: 1.4,
-    fontFamily: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif',
-    backgroundColor: '#fff',
-    color: '#000'
-  }
-}));
-
-const Title = (_ref) => {
-  let {
-    children
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["children"]);
-
-  return /*#__PURE__*/React.createElement("h1", props, children);
-};
-
-const Note = props => /*#__PURE__*/React.createElement("p", _extends({}, props, {
-  style: {
-    opacity: 0.5
-  }
-}));
-
-const InlineCode = props => /*#__PURE__*/React.createElement("code", _extends({}, props, {
-  style: {
-    fontSize: 15,
-    fontWeight: 600,
-    padding: '2px 5px',
-    border: '1px solid #eae9e9',
-    borderRadius: 4,
-    backgroundColor: '#f3f2f2',
-    color: '#3a3a3a'
-  }
-}));
-
-const Link = (_ref2) => {
-  let {
-    children,
-    href,
-    target,
-    rel
-  } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, ["children", "href", "target", "rel"]);
-
-  return /*#__PURE__*/React.createElement("a", _extends({
-    href: href
-  }, props, {
-    target: target,
-    rel: rel,
-    style: {
-      color: '#1474f3',
-      textDecoration: 'none',
-      borderBottom: '1px solid #1474f3',
-      paddingBottom: 2
-    }
-  }), children);
-};
-
-const NavButton = (_ref3) => {
-  let {
-    children,
-    onClick
-  } = _ref3,
-      props = _objectWithoutPropertiesLoose(_ref3, ["children", "onClick"]);
-
-  return /*#__PURE__*/React.createElement("button", _extends({}, props, {
-    type: "button",
-    onClick: onClick,
-    style: {
-      color: '#1474f3',
-      textDecoration: 'none',
-      borderBottom: '1px solid #1474f3',
-      paddingBottom: 2,
-      borderTop: 'none',
-      borderRight: 'none',
-      borderLeft: 'none',
-      backgroundColor: 'transparent',
-      padding: 0,
-      cursor: 'pointer',
-      font: 'inherit'
-    }
-  }), children);
-};
-
-const Welcome = ({
-  showApp
-}) => /*#__PURE__*/React.createElement(Main, null, /*#__PURE__*/React.createElement(Title, null, "Welcome to storybook"), /*#__PURE__*/React.createElement("p", null, "This is a UI component dev environment for your app."), /*#__PURE__*/React.createElement("p", null, "We've added some basic stories inside the ", /*#__PURE__*/React.createElement(InlineCode, null, "src/stories"), " directory.", /*#__PURE__*/React.createElement("br", null), "A story is a single state of one or more UI components. You can have as many stories as you want.", /*#__PURE__*/React.createElement("br", null), "(Basically a story is like a visual test case.)"), /*#__PURE__*/React.createElement("p", null, "See these sample ", /*#__PURE__*/React.createElement(NavButton, {
-  onClick: showApp
-}, "stories"), " for a component called\xA0", /*#__PURE__*/React.createElement(InlineCode, null, "Button"), "."), /*#__PURE__*/React.createElement("p", null, "Just like that, you can add your own components as stories.", /*#__PURE__*/React.createElement("br", null), "You can also edit those components and see changes right away.", /*#__PURE__*/React.createElement("br", null), "(Try editing the ", /*#__PURE__*/React.createElement(InlineCode, null, "Button"), " stories located at\xA0", /*#__PURE__*/React.createElement(InlineCode, null, "src/stories/1-Button.stories.js"), ".)"), /*#__PURE__*/React.createElement("p", null, "Usually we create stories with smaller UI components in the app.", /*#__PURE__*/React.createElement("br", null), "Have a look at the\xA0", /*#__PURE__*/React.createElement(Link, {
-  href: "https://storybook.js.org/basics/writing-stories",
-  target: "_blank",
-  rel: "noopener noreferrer"
-}, "Writing Stories"), "\xA0section in our documentation."), /*#__PURE__*/React.createElement(Note, null, /*#__PURE__*/React.createElement("b", null, "NOTE:"), /*#__PURE__*/React.createElement("br", null), "Have a look at the ", /*#__PURE__*/React.createElement(InlineCode, null, ".storybook/webpack.config.js"), " to add webpack loaders and plugins you are using in this project."));
-
-Welcome.displayName = 'Welcome';
-export { Welcome as default };

package/dist/modern/server/build.js

@@ -1,3 +0,0 @@
-import { buildStatic } from '@storybook/core/server';
-import options from './options';
-buildStatic(options);