@bundle-stats/ui 4.1.5-alpha.0 → 4.1.5-alpha.1

package/lib-esm/ui/filters/filters.stories.js

@@ -1,105 +0,0 @@
-import _get from "lodash/get";
-import React, { useCallback, useState } from 'react';
-import { storiesOf } from '@storybook/react';
-import { getWrapperDecorator } from '../../stories';
-import { Filters } from '.';
-const stories = storiesOf('UI/Filters', module);
-stories.addDecorator(getWrapperDecorator({
-  paddingLeft: '200px'
-}));
-const FiltersState = _ref => {
-  let {
-    children
-  } = _ref;
-  const [values, setValues] = useState({
-    changed: true,
-    'assetType.entrypoint': true
-  });
-  const handleSetValues = useCallback(newValues => {
-    setValues({
-      ...values,
-      ...newValues
-    });
-    console.info(newValues);
-  }, [values]);
-  return children(values, handleSetValues);
-};
-stories.add('default', () => /*#__PURE__*/React.createElement(FiltersState, null, (values, setValues) => /*#__PURE__*/React.createElement(Filters, {
-  onChange: setValues,
-  filters: {
-    changed: {
-      label: 'Changed',
-      defaultValue: _get(values, 'changed', true)
-    },
-    fileTypes: {
-      label: 'File types',
-      CSS: {
-        label: 'CSS',
-        defaultValue: _get(values, 'fileTypes.CSS', true)
-      },
-      JS: {
-        label: 'JS',
-        defaultValue: _get(values, 'fileTypes.JS', true)
-      },
-      HTML: {
-        label: 'HTML',
-        defaultValue: _get(values, 'fileTypes.HTML', true)
-      },
-      OTHER: {
-        label: 'Asset that is not CSS, JS or HTML',
-        defaultValue: _get(values, 'fileTypes.OTHER', true)
-      }
-    }
-  }
-})));
-stories.add('overflow', () => /*#__PURE__*/React.createElement(FiltersState, null, (values, setValues) => /*#__PURE__*/React.createElement(Filters, {
-  onChange: setValues,
-  filters: {
-    changed: {
-      label: 'Changed',
-      defaultValue: _get(values, 'changed', true)
-    },
-    chunks: {
-      label: 'Chunks',
-      ...Array(22).fill('').reduce((agg, value, currentIndex) => ({
-        ...agg,
-        [`chunk-${currentIndex}`]: {
-          label: `Chunk ${currentIndex + 1}`,
-          defaultValue: _get(values, `chunks.chunk-${currentIndex}`)
-        }
-      }), {})
-    }
-  }
-})));
-stories.add('disable options', () => /*#__PURE__*/React.createElement(Filters, {
-  onChange: state => {
-    console.log(state); // eslint-disable-line no-console
-  },
-
-  filters: {
-    changed: {
-      label: 'Changed',
-      defaultValue: false,
-      disabled: true
-    },
-    entrypoint: {
-      label: 'Entrypoint',
-      defaultValue: false
-    },
-    fileTypes: {
-      label: 'File types',
-      CSS: {
-        label: 'CSS',
-        defaultValue: true
-      },
-      JS: {
-        label: 'JS',
-        defaultValue: true
-      },
-      HTML: {
-        label: 'HTML',
-        defaultValue: true
-      }
-    }
-  }
-}));

package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.stories.js

@@ -1,74 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { getWrapperDecorator } from '../../stories';
-import { HorizontalBarChart } from '.';
-const stories = storiesOf('UI/HorizontalBarChart', module);
-stories.addDecorator(getWrapperDecorator({
-  paddingTop: '128px'
-}));
-stories.add('default', () => /*#__PURE__*/React.createElement(HorizontalBarChart, {
-  data: {
-    labels: ['JS', 'CSS', 'IMG', 'Others', 'HTML'],
-    values: [300, 200, 300, 0, 20]
-  }
-}));
-stories.add('empty values', () => /*#__PURE__*/React.createElement(HorizontalBarChart, {
-  data: {
-    labels: ['JS', 'CSS', 'IMG', 'Others', 'HTML'],
-    values: [0, 0, 0, 0, 0]
-  }
-}));
-stories.add('with maxValue', () => /*#__PURE__*/React.createElement(HorizontalBarChart, {
-  data: {
-    labels: ['JS', 'CSS', 'IMG', 'Others', 'HTML'],
-    values: [300, 200, 300, 0, 20]
-  },
-  maxValue: 1200
-}));
-stories.add('with custom colors', () => /*#__PURE__*/React.createElement(HorizontalBarChart, {
-  data: {
-    labels: ['JS', 'CSS', 'IMG', 'Others', 'HTML'],
-    values: [{
-      value: 300,
-      color: 'red'
-    }, {
-      value: 200,
-      color: 'green'
-    }, {
-      value: 300,
-      color: 'orange'
-    }, {
-      value: 0,
-      color: 'blue'
-    }, {
-      value: 20,
-      color: 'pink'
-    }]
-  }
-}));
-stories.add('with custom label', () => /*#__PURE__*/React.createElement(HorizontalBarChart, {
-  data: {
-    labels: ['JS', 'CSS', 'IMG', 'Others', 'HTML'],
-    values: [{
-      value: 300,
-      color: 'red',
-      label: /*#__PURE__*/React.createElement("h3", null, "JS")
-    }, {
-      value: 200,
-      color: 'green',
-      label: /*#__PURE__*/React.createElement("h3", null, "JS")
-    }, {
-      value: 300,
-      color: 'orange',
-      label: /*#__PURE__*/React.createElement("h3", null, "JS")
-    }, {
-      value: 0,
-      color: 'blue',
-      label: /*#__PURE__*/React.createElement("h3", null, "JS")
-    }, {
-      value: 20,
-      color: 'pink',
-      label: /*#__PURE__*/React.createElement("h3", null, "JS")
-    }]
-  }
-}));

package/lib-esm/ui/hover-card/hover-card.stories.js

@@ -1,32 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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';
-import { HoverCard } from '.';
-export default {
-  title: 'UI/HoverCard',
-  component: HoverCard
-};
-const Template = props => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HoverCard, _extends({}, props, {
-  style: {
-    zIndex: 2
-  }
-})), /*#__PURE__*/React.createElement("p", {
-  style: {
-    position: 'relative',
-    zIndex: 1,
-    maxWidth: 360
-  }
-}, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras in neque ante. Curabitur vehicula, lorem sit amet fringilla dapibus, justo mauris varius elit, ut fermentum leo velit eget risus"));
-export const Default = () => /*#__PURE__*/React.createElement(Template, {
-  label: "main.js"
-}, /*#__PURE__*/React.createElement("h1", null, "main.js"), /*#__PURE__*/React.createElement("p", null, "info"));
-export const WithRenderFn = () => /*#__PURE__*/React.createElement(Template, {
-  label: "main.js"
-}, _ref => {
-  let {
-    close
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h1", null, "main.js"), /*#__PURE__*/React.createElement("p", null, "info"), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    onClick: close
-  }, "close"));
-});

package/lib-esm/ui/icon/icon.stories.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import { Icon } from '.';
-export default {
-  title: 'UI/Icon',
-  component: Icon
-};
-const Template = args => /*#__PURE__*/React.createElement(Icon, args);
-export const Standard = Template.bind();
-Standard.args = {
-  glyph: Icon.ICONS.ARROW
-};
-export const CustomSize = Template.bind();
-CustomSize.args = {
-  glyph: Icon.ICONS.ARROW,
-  size: Icon.SIZE_LARGE
-};
-export const All = () => /*#__PURE__*/React.createElement(React.Fragment, null, Object.values(Icon.ICONS).map(glyph => /*#__PURE__*/React.createElement("div", {
-  style: {
-    display: 'inline-block',
-    padding: '1rem',
-    textAlign: 'center'
-  }
-}, /*#__PURE__*/React.createElement(Icon, {
-  glyph: glyph,
-  key: glyph
-}), /*#__PURE__*/React.createElement("code", {
-  style: {
-    display: 'block'
-  }
-}, glyph))));

package/lib-esm/ui/input/input.stories.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { getWrapperDecorator } from '../../stories';
-import { Input } from '.';
-const stories = storiesOf('UI/Input', module);
-stories.addDecorator(getWrapperDecorator());
-stories.add('default', () => /*#__PURE__*/React.createElement(Input, {
-  placeholder: "Search"
-}));
-stories.add('with size', () => /*#__PURE__*/React.createElement(Input, {
-  size: "small",
-  placeholder: "Search"
-}));

package/lib-esm/ui/loader/loader.stories.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { getWrapperDecorator } from '../../stories';
-import { Loader } from '.';
-const stories = storiesOf('UI/Loader', module);
-stories.addDecorator(getWrapperDecorator());
-stories.add('default', () => /*#__PURE__*/React.createElement(Loader, null));
-stories.add('with size', () => /*#__PURE__*/React.createElement(Loader, {
-  size: Loader.SIZE_LARGE
-}));

package/lib-esm/ui/logo/assets/github.inline.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 1024 1024" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" />
-</svg>
-

package/lib-esm/ui/logo/assets/logo.inline.svg

@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-<path d="M256 42.67L69.33 149.33v213.34L256 469.33l186.67-106.66V149.33L256 42.67z" fill="#fff"/>
-<path d="M256 59.12l172.27 98.44v196.88L256 452.88 83.73 354.44V157.56L256 59.12M256 0L32 128v256l224 128 224-128V128L256 0z" fill="#9da1a6"/>
-<path d="M256 128l-112 64v128l112 64 112-64V192l-112-64z" fill="#8b8f95"/>
-<path d="M144 192v128l112 64V249.33z" fill="#6f747b"/>
-</svg>

package/lib-esm/ui/logo/assets/logotype.inline.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 59.07" fill="currentColor">
-<path class="a" d="M12.68 53.56h-.33l-1.17 4.51H0V0h14.35v13.52l-.5 6h.33a15.46 15.46 0 0110.43-4.17c10.1 0 16.61 8.34 16.61 21.11 0 14.43-8.68 22.61-17.77 22.61-3.76 0-7.51-1.83-10.77-5.51zm13.85-16.85c0-6.84-2.08-9.68-6.17-9.68-2.25 0-4 .84-6 3v15.36a8.47 8.47 0 005.67 2c3.5 0 6.5-2.67 6.5-10.68zM48.57 42.05v-25.7h14.35v23.86c0 4.68 1 6.68 4.76 6.68 2.42 0 4.08-.67 6.25-3.67V16.35h14.35v41.72H76.6l-1-5.51h-.33c-3.51 4-7.68 6.51-13.52 6.51-9.34 0-13.18-6.67-13.18-17.02zM97.4 16.35h11.68l1 5h.33c3.34-3.17 7.85-6 13.94-6 9.26 0 13.26 6.68 13.26 17v25.7h-14.35V34.21c0-4.67-1.16-6.68-4.84-6.68-2.67 0-4.5 1.17-6.67 3.17v27.37H97.4zM144.8 37.21c0-13.68 8.68-21.86 17.44-21.86a12.27 12.27 0 019.76 4.17h.33l-.66-6V0H186v58.07h-11.66l-1-3.84H173c-2.92 2.84-7 4.84-10.76 4.84-10.6 0-17.44-8.34-17.44-21.86zm26.87 7.18V29a7.8 7.8 0 00-5.51-2c-3.5 0-6.67 2.67-6.67 10 0 7.51 2.41 10.35 6.5 10.35a6.15 6.15 0 005.68-2.96zM204.05 40.88v-29.7h-12.51V0h26.86v41.38c0 4.84 3.34 6.18 6.26 6.18a18.15 18.15 0 006-1.17l3.08 10.51a39.1 39.1 0 01-12.93 2.17c-11.09 0-16.76-7.34-16.76-18.19zM238 37.21c0-13.68 10.68-21.86 21.86-21.86 13.18 0 19.85 9 19.85 20.19a37.41 37.41 0 01-.58 6h-30.25V32.2h20.36l-2 2.51c0-5.51-2.17-8.51-6.84-8.51-5.51 0-8.51 3.5-8.51 11 0 7.84 3.84 11 11.51 11a23.26 23.26 0 0010-2.5l4.68 8.51a33.13 33.13 0 01-16.69 4.84c-13.17.02-23.39-7.99-23.39-21.84zM284.18 51.31l8.18-9.84c4.08 3.08 8.92 5.25 13.85 5.25 4.33 0 6-1.42 6-3.17 0-3.17-2.83-3.84-7.84-5.92l-6.76-2.84c-6.26-2.33-11.43-7.26-11.43-15.1 0-9.26 8.34-16.85 20.69-16.85a27.27 27.27 0 0118.53 7.25l-7.18 9c-3.92-2.59-7-3.93-12.18-3.93-3.17 0-5.34 1.17-5.34 3.68s3.09 3.42 8.51 5.42l6.26 2.59c7.26 2.67 11.43 7.34 11.43 14.85 0 9.17-7.68 17.35-21.7 17.35a32.65 32.65 0 01-21.02-7.74zM337.62 40.38V27.53h-10V16.85l10.68-.5 1.84-12.51H352v12.51h16.52v11.18H352v12.6c0 5.93 2.76 7.76 8.1 7.76a23.71 23.71 0 007.59-1.33l2.5 10.34a50.19 50.19 0 01-13.85 2.17c-13.71 0-18.72-7.51-18.72-18.69zM376.09 46.22c0-9.34 7.34-14.18 26.37-15.18-.51-3-3.34-4.34-8-4.34-3.51 0-7 1.17-12 3.5l-5-9.34a40.45 40.45 0 0119.86-5.51c11.85 0 19.53 5.84 19.53 19.52v23.2h-11.72l-1-4.34h-.33c-4.09 3-9 5.34-14.18 5.34-8.69 0-13.53-6.01-13.53-12.85zm26.37-1.33v-5.34c-10.18.33-12.69 2.67-12.69 5.5 0 1.92 1.5 3 4.51 3 3.34.01 5.92-1.49 8.18-3.16zM431.6 40.38V27.53h-10V16.85l10.68-.5 1.82-12.51H446v12.51h16.52v11.18H446v12.6c0 5.93 2.75 7.76 8.09 7.76a23.77 23.77 0 007.6-1.33l2.5 10.34a50.26 50.26 0 01-13.85 2.17c-13.73 0-18.74-7.51-18.74-18.69zM470.28 52.73l6-8.84a32.83 32.83 0 0016.35 4.67c3.68 0 5.18-1 5.18-2.5 0-2-2.17-2.34-9.18-3.84-11.5-2.51-15.63-6.84-15.63-13.35 0-8.18 7.76-13.52 19.86-13.52 7.84 0 14.1 3.09 18.52 5.84L505 29.7a27.79 27.79 0 00-13.51-3.84c-2.67 0-4.34.84-4.34 2.34 0 1.84 2.17 2 8.67 3.5C508.33 34.54 512 38.3 512 45.22c0 7.84-7.43 13.85-21.36 13.85a39.71 39.71 0 01-20.36-6.34z"/>
-</svg>

package/lib-esm/ui/logo/assets/webpack.inline.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600">
-  <path fill="#FFF" d="M300 .1L565 150v299.9L300 599.8 35 449.9V150z"/>
-  <path fill="#8ED6FB" d="M517.7 439.5L308.8 557.8v-92L439 394.1l78.7 45.4zm14.3-12.9V179.4l-76.4 44.1v159l76.4 44.1zM81.5 439.5l208.9 118.2v-92l-130.2-71.6-78.7 45.4zm-14.3-12.9V179.4l76.4 44.1v159l-76.4 44.1zm8.9-263.2L290.4 42.2v89l-137.3 75.5-1.1.6-75.9-43.9zm446.9 0L308.8 42.2v89L446 206.8l1.1.6 75.9-44z"/>
-  <path fill="#1C78C0" d="M290.4 444.8L162 374.1V234.2l128.4 74.1v136.5zm18.4 0l128.4-70.6v-140l-128.4 74.1v136.5zM299.6 303zm-129-85l129-70.9L428.5 218l-128.9 74.4-129-74.4z"/>
-</svg>

package/lib-esm/ui/logo/index.js

@@ -1 +0,0 @@
-export { Logo } from './logo';

package/lib-esm/ui/logo/logo.constants.js

@@ -1,6 +0,0 @@
-export const KIND_LOGO = 'logo';
-export const KIND_LOGOTYPE = 'logotype';
-export const KIND_GITHUB = 'github';
-export const KIND_WEBPACK = 'webpack';
-export const KIND_DEFAULT = KIND_LOGO;
-export const KINDS = [KIND_LOGO, KIND_LOGOTYPE, KIND_GITHUB, KIND_WEBPACK];

package/lib-esm/ui/logo/logo.js

@@ -1,99 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-var GithubSvg = function GithubSvg(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z",
-    transform: "scale(64)"
-  }));
-};
-GithubSvg.defaultProps = {
-  viewBox: "0 0 1024 1024",
-  fill: "currentColor",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var LogoSvg = function LogoSvg(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M256 42.67L69.33 149.33v213.34L256 469.33l186.67-106.66V149.33L256 42.67z",
-    fill: "#fff"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M256 59.12l172.27 98.44v196.88L256 452.88 83.73 354.44V157.56L256 59.12M256 0L32 128v256l224 128 224-128V128L256 0z",
-    fill: "#9da1a6"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M256 128l-112 64v128l112 64 112-64V192l-112-64z",
-    fill: "#8b8f95"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M144 192v128l112 64V249.33z",
-    fill: "#6f747b"
-  }));
-};
-LogoSvg.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512"
-};
-var LogotypeSvg = function LogotypeSvg(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    className: "a",
-    d: "M12.68 53.56h-.33l-1.17 4.51H0V0h14.35v13.52l-.5 6h.33a15.46 15.46 0 0110.43-4.17c10.1 0 16.61 8.34 16.61 21.11 0 14.43-8.68 22.61-17.77 22.61-3.76 0-7.51-1.83-10.77-5.51zm13.85-16.85c0-6.84-2.08-9.68-6.17-9.68-2.25 0-4 .84-6 3v15.36a8.47 8.47 0 005.67 2c3.5 0 6.5-2.67 6.5-10.68zM48.57 42.05v-25.7h14.35v23.86c0 4.68 1 6.68 4.76 6.68 2.42 0 4.08-.67 6.25-3.67V16.35h14.35v41.72H76.6l-1-5.51h-.33c-3.51 4-7.68 6.51-13.52 6.51-9.34 0-13.18-6.67-13.18-17.02zM97.4 16.35h11.68l1 5h.33c3.34-3.17 7.85-6 13.94-6 9.26 0 13.26 6.68 13.26 17v25.7h-14.35V34.21c0-4.67-1.16-6.68-4.84-6.68-2.67 0-4.5 1.17-6.67 3.17v27.37H97.4zM144.8 37.21c0-13.68 8.68-21.86 17.44-21.86a12.27 12.27 0 019.76 4.17h.33l-.66-6V0H186v58.07h-11.66l-1-3.84H173c-2.92 2.84-7 4.84-10.76 4.84-10.6 0-17.44-8.34-17.44-21.86zm26.87 7.18V29a7.8 7.8 0 00-5.51-2c-3.5 0-6.67 2.67-6.67 10 0 7.51 2.41 10.35 6.5 10.35a6.15 6.15 0 005.68-2.96zM204.05 40.88v-29.7h-12.51V0h26.86v41.38c0 4.84 3.34 6.18 6.26 6.18a18.15 18.15 0 006-1.17l3.08 10.51a39.1 39.1 0 01-12.93 2.17c-11.09 0-16.76-7.34-16.76-18.19zM238 37.21c0-13.68 10.68-21.86 21.86-21.86 13.18 0 19.85 9 19.85 20.19a37.41 37.41 0 01-.58 6h-30.25V32.2h20.36l-2 2.51c0-5.51-2.17-8.51-6.84-8.51-5.51 0-8.51 3.5-8.51 11 0 7.84 3.84 11 11.51 11a23.26 23.26 0 0010-2.5l4.68 8.51a33.13 33.13 0 01-16.69 4.84c-13.17.02-23.39-7.99-23.39-21.84zM284.18 51.31l8.18-9.84c4.08 3.08 8.92 5.25 13.85 5.25 4.33 0 6-1.42 6-3.17 0-3.17-2.83-3.84-7.84-5.92l-6.76-2.84c-6.26-2.33-11.43-7.26-11.43-15.1 0-9.26 8.34-16.85 20.69-16.85a27.27 27.27 0 0118.53 7.25l-7.18 9c-3.92-2.59-7-3.93-12.18-3.93-3.17 0-5.34 1.17-5.34 3.68s3.09 3.42 8.51 5.42l6.26 2.59c7.26 2.67 11.43 7.34 11.43 14.85 0 9.17-7.68 17.35-21.7 17.35a32.65 32.65 0 01-21.02-7.74zM337.62 40.38V27.53h-10V16.85l10.68-.5 1.84-12.51H352v12.51h16.52v11.18H352v12.6c0 5.93 2.76 7.76 8.1 7.76a23.71 23.71 0 007.59-1.33l2.5 10.34a50.19 50.19 0 01-13.85 2.17c-13.71 0-18.72-7.51-18.72-18.69zM376.09 46.22c0-9.34 7.34-14.18 26.37-15.18-.51-3-3.34-4.34-8-4.34-3.51 0-7 1.17-12 3.5l-5-9.34a40.45 40.45 0 0119.86-5.51c11.85 0 19.53 5.84 19.53 19.52v23.2h-11.72l-1-4.34h-.33c-4.09 3-9 5.34-14.18 5.34-8.69 0-13.53-6.01-13.53-12.85zm26.37-1.33v-5.34c-10.18.33-12.69 2.67-12.69 5.5 0 1.92 1.5 3 4.51 3 3.34.01 5.92-1.49 8.18-3.16zM431.6 40.38V27.53h-10V16.85l10.68-.5 1.82-12.51H446v12.51h16.52v11.18H446v12.6c0 5.93 2.75 7.76 8.09 7.76a23.77 23.77 0 007.6-1.33l2.5 10.34a50.26 50.26 0 01-13.85 2.17c-13.73 0-18.74-7.51-18.74-18.69zM470.28 52.73l6-8.84a32.83 32.83 0 0016.35 4.67c3.68 0 5.18-1 5.18-2.5 0-2-2.17-2.34-9.18-3.84-11.5-2.51-15.63-6.84-15.63-13.35 0-8.18 7.76-13.52 19.86-13.52 7.84 0 14.1 3.09 18.52 5.84L505 29.7a27.79 27.79 0 00-13.51-3.84c-2.67 0-4.34.84-4.34 2.34 0 1.84 2.17 2 8.67 3.5C508.33 34.54 512 38.3 512 45.22c0 7.84-7.43 13.85-21.36 13.85a39.71 39.71 0 01-20.36-6.34z"
-  }));
-};
-LogotypeSvg.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 59.07",
-  fill: "currentColor"
-};
-var WebpackSvg = function WebpackSvg(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
-    d: "M300 .1L565 150v299.9L300 599.8 35 449.9V150z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#8ED6FB",
-    d: "M517.7 439.5L308.8 557.8v-92L439 394.1l78.7 45.4zm14.3-12.9V179.4l-76.4 44.1v159l76.4 44.1zM81.5 439.5l208.9 118.2v-92l-130.2-71.6-78.7 45.4zm-14.3-12.9V179.4l76.4 44.1v159l-76.4 44.1zm8.9-263.2L290.4 42.2v89l-137.3 75.5-1.1.6-75.9-43.9zm446.9 0L308.8 42.2v89L446 206.8l1.1.6 75.9-44z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#1C78C0",
-    d: "M290.4 444.8L162 374.1V234.2l128.4 74.1v136.5zm18.4 0l128.4-70.6v-140l-128.4 74.1v136.5zM299.6 303zm-129-85l129-70.9L428.5 218l-128.9 74.4-129-74.4z"
-  }));
-};
-WebpackSvg.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 600 600"
-};
-import { KIND_DEFAULT, KIND_LOGO, KIND_LOGOTYPE, KIND_GITHUB, KIND_WEBPACK, KINDS } from './logo.constants';
-import css from './logo.module.css';
-const ICONS = {
-  [KIND_GITHUB]: GithubSvg,
-  [KIND_LOGOTYPE]: LogotypeSvg,
-  [KIND_LOGO]: LogoSvg,
-  [KIND_WEBPACK]: WebpackSvg
-};
-export const Logo = _ref => {
-  let {
-    className,
-    as: Component,
-    kind,
-    ...props
-  } = _ref;
-  const rootClassName = cx(css.root, css[kind], className);
-  const Svg = ICONS[kind] || LogoSvg;
-  return /*#__PURE__*/React.createElement(Component, _extends({
-    className: rootClassName
-  }, props), /*#__PURE__*/React.createElement(Svg, {
-    className: css.svg
-  }));
-};
-Logo.defaultProps = {
-  as: 'span',
-  className: '',
-  kind: KIND_DEFAULT
-};
-Logo.propTypes = {
-  /** Adopted child class name */
-  className: PropTypes.string,
-  /** Rendered component */
-  as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  /** Kind modifier */
-  kind: PropTypes.oneOf(KINDS)
-};

package/lib-esm/ui/logo/logo.module.css

@@ -1,17 +0,0 @@
-.root {
-  display: block;
-  width: var(--space-large);
-}
-
-.logotype {
-  width: 120px;
-}
-
-.bundlestats {
-  width: 120px;
-}
-
-.svg {
-  display: block;
-  width: 100%;
-}

package/lib-esm/ui/logo/logo.stories.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { select, withKnobs } from '@storybook/addon-knobs';
-import { getWrapperDecorator } from '../../stories';
-import { KIND_DEFAULT, KIND_LOGOTYPE, KINDS } from './logo.constants';
-import { Logo } from '.';
-const selectKind = function (value) {
-  if (value === void 0) {
-    value = KIND_DEFAULT;
-  }
-  return select('Kind', KINDS, value);
-};
-const stories = storiesOf('UI/Logo', module);
-stories.addDecorator(getWrapperDecorator());
-stories.addDecorator(withKnobs);
-stories.add('default', () => /*#__PURE__*/React.createElement(Logo, {
-  kind: selectKind()
-}));
-
-/* eslint-disable jsx-a11y/anchor-has-content */
-const LogoComponent = props => /*#__PURE__*/React.createElement("a", props);
-/* eslint-enable jsx-a11y/anchor-has-content */
-
-stories.add('with custom component', () => /*#__PURE__*/React.createElement(Logo, {
-  as: LogoComponent,
-  href: "https://relative-ci.com",
-  kind: selectKind()
-}));
-stories.add('with custom kind', () => /*#__PURE__*/React.createElement(Logo, {
-  kind: selectKind(KIND_LOGOTYPE)
-}));

package/lib-esm/ui/panels/panels.stories.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { getWrapperDecorator } from '../../stories';
-import { Panels } from '.';
-const stories = storiesOf('UI/Panels', module);
-stories.addDecorator(getWrapperDecorator());
-stories.add('default', () => /*#__PURE__*/React.createElement(Panels, {
-  style: {
-    outline: '1px dotted hotpink'
-  }
-}, /*#__PURE__*/React.createElement("div", {
-  style: {
-    padding: '24px'
-  }
-}, "Panel 1"), /*#__PURE__*/React.createElement("div", {
-  style: {
-    padding: '24px'
-  }
-}, "Panel 2")));

package/lib-esm/ui/skeleton/skeleton.stories.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import { Skeleton } from '.';
-export default {
-  title: 'UI/Skeleton',
-  component: Skeleton
-};
-export const MultipleTextLines = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Skeleton, {
-  as: "h1",
-  style: {
-    outline: '1px solid magenta'
-  }
-}), /*#__PURE__*/React.createElement(Skeleton, {
-  as: "h2",
-  style: {
-    outline: '1px solid magenta'
-  }
-}), /*#__PURE__*/React.createElement(Skeleton, {
-  as: "p",
-  style: {
-    outline: '1px solid magenta'
-  }
-}), /*#__PURE__*/React.createElement(Skeleton, {
-  style: {
-    outline: '1px solid pink'
-  }
-}));
-export const Block = () => /*#__PURE__*/React.createElement("div", {
-  style: {
-    outline: '1px solid magenta'
-  }
-}, /*#__PURE__*/React.createElement(Skeleton, {
-  as: "div",
-  block: true
-}));

package/lib-esm/ui/sort-dropdown/sort-dropdown.stories.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { getWrapperDecorator } from '../../stories';
-import { SortDropdown } from '.';
-const stories = storiesOf('UI/SortDropdown', module);
-stories.addDecorator(getWrapperDecorator({
-  paddingLeft: '200px'
-}));
-stories.add('default', () => /*#__PURE__*/React.createElement(SortDropdown, {
-  onChange: state => {
-    console.log(state); // eslint-disable-line no-console
-  },
-
-  fields: {
-    filename: {
-      label: 'Filename'
-    },
-    size: {
-      label: 'Size'
-    }
-  },
-  field: "size"
-}));

package/lib-esm/ui/table/table.stories.js

@@ -1,91 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { getWrapperDecorator } from '../../stories';
-import { Table } from '.';
-const {
-  THead,
-  TBody,
-  Td,
-  Tr,
-  Th
-} = Table;
-const stories = storiesOf('UI/Table', module);
-stories.addDecorator(getWrapperDecorator());
-stories.add('default', () => /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3")))));
-stories.add('compact', () => /*#__PURE__*/React.createElement(Table, {
-  compact: true
-}, /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3")))));
-stories.add('outline', () => /*#__PURE__*/React.createElement(Table, {
-  outline: true
-}, /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3")))));
-stories.add('empty', () => /*#__PURE__*/React.createElement(Table, null));
-stories.add('empty with custom element', () => /*#__PURE__*/React.createElement(Table, {
-  emptyMessage: /*#__PURE__*/React.createElement("p", {
-    style: {
-      outline: '1px solid lightgray'
-    }
-  }, "No items available")
-}));
-stories.add('with headers', () => /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(THead, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, "Col A"), /*#__PURE__*/React.createElement(Th, null, "Col B"), /*#__PURE__*/React.createElement(Th, null, "Col C"))), /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3")))));
-stories.add('with headers and outline', () => /*#__PURE__*/React.createElement(Table, {
-  outline: true
-}, /*#__PURE__*/React.createElement(THead, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, "Col A"), /*#__PURE__*/React.createElement(Th, null, "Col B"), /*#__PURE__*/React.createElement(Th, null, "Col C"))), /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3")))));
-stories.add('with multiple rows header', () => /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(THead, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, " "), /*#__PURE__*/React.createElement(Th, {
-  colSpan: 2
-}, "Colspan")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, "Col A"), /*#__PURE__*/React.createElement(Th, null, "Col B"), /*#__PURE__*/React.createElement(Th, null, "Col C"))), /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3")))));
-stories.add('with row headers', () => /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, "row 1"), /*#__PURE__*/React.createElement(Td, null, "a1"), /*#__PURE__*/React.createElement(Td, null, "b1"), /*#__PURE__*/React.createElement(Td, null, "c1")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, "row 2"), /*#__PURE__*/React.createElement(Td, null, "a2"), /*#__PURE__*/React.createElement(Td, null, "b2"), /*#__PURE__*/React.createElement(Td, null, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, "row 3"), /*#__PURE__*/React.createElement(Td, null, "a3"), /*#__PURE__*/React.createElement(Td, null, "b3"), /*#__PURE__*/React.createElement(Td, null, "c3")))));
-stories.add('with custom content and attributes', () => /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(THead, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, " "), /*#__PURE__*/React.createElement(Th, {
-  style: {
-    textAlign: 'right'
-  }
-}, "Col A (right)"), /*#__PURE__*/React.createElement(Th, {
-  style: {
-    textAlign: 'center'
-  }
-}, "Col B (center)"), /*#__PURE__*/React.createElement(Th, {
-  style: {
-    textDecoration: 'underline'
-  }
-}, "Col C(underline)"))), /*#__PURE__*/React.createElement(TBody, null, /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, /*#__PURE__*/React.createElement("strong", null, "row 1")), /*#__PURE__*/React.createElement(Td, {
-  style: {
-    textAlign: 'right'
-  }
-}, "a1"), /*#__PURE__*/React.createElement(Td, {
-  style: {
-    textAlign: 'center',
-    color: 'red'
-  }
-}, "b1"), /*#__PURE__*/React.createElement(Td, {
-  style: {
-    textDecoration: 'underline'
-  }
-}, "c1")), /*#__PURE__*/React.createElement(Tr, {
-  style: {
-    color: 'blue',
-    fontSize: '1.5em'
-  }
-}, /*#__PURE__*/React.createElement(Th, null, /*#__PURE__*/React.createElement("strong", null, "row 2")), /*#__PURE__*/React.createElement(Td, {
-  style: {
-    textAlign: 'right'
-  }
-}, "a2"), /*#__PURE__*/React.createElement(Td, {
-  style: {
-    textAlign: 'center'
-  }
-}, "b2"), /*#__PURE__*/React.createElement(Td, {
-  style: {
-    textDecoration: 'underline'
-  }
-}, "c2")), /*#__PURE__*/React.createElement(Tr, null, /*#__PURE__*/React.createElement(Th, null, /*#__PURE__*/React.createElement("strong", null, "row 3")), /*#__PURE__*/React.createElement(Td, {
-  style: {
-    textAlign: 'right'
-  }
-}, "a3"), /*#__PURE__*/React.createElement(Td, {
-  style: {
-    textAlign: 'center'
-  }
-}, "b3"), /*#__PURE__*/React.createElement(Td, {
-  style: {
-    textDecoration: 'underline'
-  }
-}, "c3")))));