@bundle-stats/ui 3.2.0-beta.1 → 3.2.1-beta.3

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

@@ -1,199 +1,11 @@
-var _excluded = ["className", "glyph", "as", "size"];
-
-var _ICON_MAP;
-
 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); }
 
-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; }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
-
-var ArrowIcon = function ArrowIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    fill: "none",
-    d: "M0 0h24v24H0V0z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
-  }));
-};
-
-ArrowIcon.defaultProps = {
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor"
-};
-
-var BranchIcon = function BranchIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M512 192c-70.625 0-128 57.344-128 128 0 47.219 25.875 88.062 64 110.281V448s0 128-128 128c-53.062 0-94.656 11.375-128 28.812V302.281c38.156-22.219 64-63.062 64-110.281 0-70.656-57.344-128-128-128S0 121.344 0 192c0 47.219 25.844 88.062 64 110.281V721.75C25.844 743.938 0 784.75 0 832c0 70.625 57.344 128 128 128s128-57.375 128-128c0-33.5-13.188-63.75-34.25-86.625C240.375 722.5 270.656 704 320 704c254 0 256-256 256-256v-17.719c38.125-22.219 64-63.062 64-110.281 0-70.656-57.375-128-128-128zm-384-64c35.406 0 64 28.594 64 64s-28.594 64-64 64-64-28.594-64-64 28.594-64 64-64zm0 768c-35.406 0-64-28.625-64-64 0-35.312 28.594-64 64-64s64 28.688 64 64c0 35.375-28.594 64-64 64zm384-512c-35.375 0-64-28.594-64-64s28.625-64 64-64 64 28.594 64 64-28.625 64-64 64z"
-  }));
-};
-
-BranchIcon.defaultProps = {
-  viewBox: "0 0 640 1024",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor"
-};
-
-var CancelIcon = function CancelIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M0 0h24v24H0z",
-    fill: "none"
-  }));
-};
-
-CancelIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  height: "24",
-  viewBox: "0 0 24 24",
-  width: "24",
-  fill: "currentColor"
-};
-
-var ClockIcon = function ClockIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M8 8h3v2H7c-.55 0-1-.45-1-1V4h2v4zM7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7z"
-  }));
-};
-
-ClockIcon.defaultProps = {
-  viewBox: "0 0 14 16",
-  fill: "currentColor"
-};
-
-var CloseIcon = function CloseIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M0 0h24v24H0z",
-    fill: "none"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-  }));
-};
-
-CloseIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "currentColor"
-};
-
-var CommitIcon = function CommitIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M694.875 448C666.375 337.781 567.125 256 448 256c-119.094 0-218.375 81.781-246.906 192H0v128h201.094C229.625 686.25 328.906 768 448 768c119.125 0 218.375-81.75 246.875-192H896V448H694.875zM448 640c-70.656 0-128-57.375-128-128 0-70.656 57.344-128 128-128 70.625 0 128 57.344 128 128 0 70.625-57.375 128-128 128z"
-  }));
-};
-
-CommitIcon.defaultProps = {
-  viewBox: "0 0 896 1024",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor"
-};
-
-var FilterIcon = function FilterIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M0 0h24v24H0z",
-    fill: "none"
-  }));
-};
-
-FilterIcon.defaultProps = {
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor"
-};
-
-var HelpIcon = function HelpIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M0 0h24v24H0z",
-    fill: "none"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"
-  }));
-};
-
-HelpIcon.defaultProps = {
-  viewBox: "0 0 24 24",
-  fill: "currentColor"
-};
-
-var MenuIcon = function MenuIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M0 0h24v24H0z",
-    fill: "none"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
-  }));
-};
-
-MenuIcon.defaultProps = {
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor"
-};
-
-var PackageIcon = function PackageIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M480 64L0 192v576l480 128 480-128V192L480 64zM63.875 720.934L63.5 288l384.498 102.533.001 432.833L63.875 720.934zM63.5 224l160.254-42.734L640 292.265v.135l-160 42.667L63.5 224zm832.625 496.934L512.001 823.366l.001-432.833L640 356.4v156l128-34.135V322.267L896.5 288l-.375 432.934zM768 258.267v-.125L351.734 147.138 480 112.934 896.5 224 768 258.267z"
-  }));
-};
-
-PackageIcon.defaultProps = {
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor"
-};
-
-var PullRequestIcon = function PullRequestIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M128 64C57.344 64 0 121.344 0 192c0 47.219 25.906 88.062 64 110.281V721.75C25.906 743.938 0 784.75 0 832c0 70.625 57.344 128 128 128s128-57.375 128-128c0-47.25-25.844-88.062-64-110.25V302.281c38.156-22.219 64-63.062 64-110.281 0-70.656-57.344-128-128-128zm0 832c-35.312 0-64-28.625-64-64 0-35.312 28.688-64 64-64 35.406 0 64 28.688 64 64 0 35.375-28.594 64-64 64zm0-640c-35.312 0-64-28.594-64-64s28.688-64 64-64c35.406 0 64 28.594 64 64s-28.594 64-64 64zm576 465.75V320c0-192.5-192-192-192-192h-64V0L256 192l192 192V256h64c56.438 0 64 64 64 64v401.75c-38.125 22.188-64 62.938-64 110.25 0 70.625 57.375 128 128 128s128-57.375 128-128c0-47.25-25.875-88.062-64-110.25zM640 896c-35.312 0-64-28.625-64-64 0-35.312 28.688-64 64-64 35.375 0 64 28.688 64 64 0 35.375-28.625 64-64 64z"
-  }));
-};
-
-PullRequestIcon.defaultProps = {
-  viewBox: "0 0 768 1024",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor"
-};
-
-var SortIcon = function SortIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M0 0h24v24H0z",
-    fill: "none"
-  }));
-};
-
-SortIcon.defaultProps = {
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor"
-};
-
-var WarningIcon = function WarningIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M0 0h24v24H0z",
-    fill: "none"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"
-  }));
-};
-
-WarningIcon.defaultProps = {
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "currentColor"
-};
 import css from './icon.module.css';
-var ICONS = {
+const ICONS = {
   ARROW: 'arrow',
-  BRANCH: 'branch',
   CANCEL: 'cancel',
   CLOSE: 'close',
   CLOCK: 'clock',
@@ -201,25 +13,24 @@ var ICONS = {
   FILTER: 'filter',
   HELP: 'help',
   MENU: 'menu',
-  PACKAGE: 'package',
-  PR: 'pr',
   SORT: 'sort',
   WARNING: 'warning'
 };
-var ICON_MAP = (_ICON_MAP = {}, _ICON_MAP[ICONS.ARROW] = ArrowIcon, _ICON_MAP[ICONS.BRANCH] = BranchIcon, _ICON_MAP[ICONS.CANCEL] = CancelIcon, _ICON_MAP[ICONS.CLOCK] = ClockIcon, _ICON_MAP[ICONS.CLOSE] = CloseIcon, _ICON_MAP[ICONS.COMMIT] = CommitIcon, _ICON_MAP[ICONS.FILTER] = FilterIcon, _ICON_MAP[ICONS.HELP] = HelpIcon, _ICON_MAP[ICONS.MENU] = MenuIcon, _ICON_MAP[ICONS.PACKAGE] = PackageIcon, _ICON_MAP[ICONS.PR] = PullRequestIcon, _ICON_MAP[ICONS.SORT] = SortIcon, _ICON_MAP[ICONS.WARNING] = WarningIcon, _ICON_MAP);
-export var Icon = function Icon(_ref) {
-  var className = _ref.className,
-      glyph = _ref.glyph,
-      Component = _ref.as,
-      size = _ref.size,
-      restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  var Svg = typeof glyph === 'string' ? ICON_MAP[glyph] : glyph;
+export const Icon = _ref => {
+  let {
+    className,
+    glyph,
+    as: Component,
+    size,
+    ...restProps
+  } = _ref;
   return /*#__PURE__*/React.createElement(Component, _extends({
     className: cx(css.root, className, css[size])
-  }, restProps), /*#__PURE__*/React.createElement(Svg, {
+  }, restProps), /*#__PURE__*/React.createElement("svg", {
     className: css.icon
-  }));
+  }, /*#__PURE__*/React.createElement("use", {
+    xlinkHref: `#${glyph}`
+  })));
 };
 Icon.ICONS = ICONS;
 Icon.SIZE_SMALL = 'small';

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

@@ -2,28 +2,20 @@ import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { getWrapperDecorator } from '../../stories';
 import { Icon } from '.';
-var stories = storiesOf('UI/Icon', module);
+const stories = storiesOf('UI/Icon', module);
 stories.addDecorator(getWrapperDecorator());
-stories.add('default', function () {
-  return /*#__PURE__*/React.createElement(Icon, {
-    glyph: Icon.ICONS.ARROW
-  });
-});
-stories.add('with size', function () {
-  return /*#__PURE__*/React.createElement(Icon, {
-    glyph: Icon.ICONS.ARROW,
-    size: Icon.SIZE_LARGE
-  });
-});
-stories.add('all', function () {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, Object.values(Icon.ICONS).map(function (glyph) {
-    return /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: '0.3rem'
-      }
-    }, /*#__PURE__*/React.createElement(Icon, {
-      glyph: glyph,
-      key: glyph
-    }));
-  }));
-});
+stories.add('default', () => /*#__PURE__*/React.createElement(Icon, {
+  glyph: Icon.ICONS.ARROW
+}));
+stories.add('with size', () => /*#__PURE__*/React.createElement(Icon, {
+  glyph: Icon.ICONS.ARROW,
+  size: Icon.SIZE_LARGE
+}));
+stories.add('all', () => /*#__PURE__*/React.createElement(React.Fragment, null, Object.values(Icon.ICONS).map(glyph => /*#__PURE__*/React.createElement("span", {
+  style: {
+    margin: '0.3rem'
+  }
+}, /*#__PURE__*/React.createElement(Icon, {
+  glyph: glyph,
+  key: glyph
+})))));

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

@@ -1,19 +1,16 @@
-var _excluded = ["className", "size"];
-
 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); }
 
-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; }
-
 import React from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import css from './input.module.css';
-export var Input = function Input(_ref) {
-  var className = _ref.className,
-      size = _ref.size,
-      restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  var rootClassName = cx(css.root, className, css[size]);
+export const Input = _ref => {
+  let {
+    className,
+    size,
+    ...restProps
+  } = _ref;
+  const rootClassName = cx(css.root, className, css[size]);
   return /*#__PURE__*/React.createElement("input", _extends({
     className: rootClassName
   }, restProps));

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

@@ -2,16 +2,12 @@ import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { getWrapperDecorator } from '../../stories';
 import { Input } from '.';
-var stories = storiesOf('UI/Input', module);
+const stories = storiesOf('UI/Input', module);
 stories.addDecorator(getWrapperDecorator());
-stories.add('default', function () {
-  return /*#__PURE__*/React.createElement(Input, {
-    placeholder: "Search"
-  });
-});
-stories.add('with size', function () {
-  return /*#__PURE__*/React.createElement(Input, {
-    size: "small",
-    placeholder: "Search"
-  });
-});
+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.js

@@ -1,18 +1,15 @@
-var _excluded = ["className", "size"];
-
 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); }
 
-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; }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import css from './loader.module.css';
-export var Loader = function Loader(_ref) {
-  var className = _ref.className,
-      size = _ref.size,
-      restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+export const Loader = _ref => {
+  let {
+    className,
+    size,
+    ...restProps
+  } = _ref;
   return /*#__PURE__*/React.createElement("span", _extends({
     className: cx(css.root, className, css[size])
   }, restProps));

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

@@ -2,13 +2,9 @@ import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { getWrapperDecorator } from '../../stories';
 import { Loader } from '.';
-var stories = storiesOf('UI/Loader', module);
+const stories = storiesOf('UI/Loader', module);
 stories.addDecorator(getWrapperDecorator());
-stories.add('default', function () {
-  return /*#__PURE__*/React.createElement(Loader, null);
-});
-stories.add('with size', function () {
-  return /*#__PURE__*/React.createElement(Loader, {
-    size: Loader.SIZE_LARGE
-  });
-});
+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/logo.constants.js

@@ -1,6 +1,6 @@
-export var KIND_LOGO = 'logo';
-export var KIND_LOGOTYPE = 'logotype';
-export var KIND_GITHUB = 'github';
-export var KIND_WEBPACK = 'webpack';
-export var KIND_DEFAULT = KIND_LOGO;
-export var KINDS = [KIND_LOGO, KIND_LOGOTYPE, KIND_GITHUB, KIND_WEBPACK];
+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,11 +1,5 @@
-var _excluded = ["className", "as", "kind"];
-
-var _ICONS;
-
 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); }
 
-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; }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
@@ -78,15 +72,21 @@ WebpackSvg.defaultProps = {
 };
 import { KIND_DEFAULT, KIND_LOGO, KIND_LOGOTYPE, KIND_GITHUB, KIND_WEBPACK, KINDS } from './logo.constants';
 import css from './logo.module.css';
-var ICONS = (_ICONS = {}, _ICONS[KIND_GITHUB] = GithubSvg, _ICONS[KIND_LOGOTYPE] = LogotypeSvg, _ICONS[KIND_LOGO] = LogoSvg, _ICONS[KIND_WEBPACK] = WebpackSvg, _ICONS);
-export var Logo = function Logo(_ref) {
-  var className = _ref.className,
-      Component = _ref.as,
-      kind = _ref.kind,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  var rootClassName = cx(css.root, css[kind], className);
-  var Svg = ICONS[kind] || LogoSvg;
+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, {

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

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

@@ -1,36 +1,26 @@
-var _excluded = ["className"],
-    _excluded2 = ["className", "children"];
-
 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); }
 
-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; }
-
-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; }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import css from './panels.module.css';
 
-var cloneElement = function cloneElement(element) {
-  var _element$props = element.props,
-      className = _element$props.className,
-      restProps = _objectWithoutPropertiesLoose(_element$props, _excluded);
-
-  return /*#__PURE__*/React.cloneElement(element, _objectSpread(_objectSpread({}, restProps), {}, {
+const cloneElement = element => {
+  const {
+    className,
+    ...restProps
+  } = element.props;
+  return /*#__PURE__*/React.cloneElement(element, { ...restProps,
     className: cx(css.panel, className)
-  }));
+  });
 };
 
-export var Panels = function Panels(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      restProps = _objectWithoutPropertiesLoose(_ref, _excluded2);
-
+export const Panels = _ref => {
+  let {
+    className,
+    children,
+    ...restProps
+  } = _ref;
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(css.root, className)
   }, restProps), React.Children.map(children, cloneElement));

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

@@ -2,20 +2,18 @@ import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { getWrapperDecorator } from '../../stories';
 import { Panels } from '.';
-var stories = storiesOf('UI/Panels', module);
+const stories = storiesOf('UI/Panels', module);
 stories.addDecorator(getWrapperDecorator());
-stories.add('default', function () {
-  return /*#__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"));
-});
+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/popover/popover.js

@@ -6,23 +6,25 @@ import cx from 'classnames';
 import { usePopoverState, Popover as UIPopover, PopoverDisclosure as UIPopoverDisclosure, PopoverArrow as UIPopoverArrow } from 'reakit/Popover';
 import { Icon } from '../icon';
 import css from './popover.module.css';
-export var Popover = function Popover(_ref) {
-  var className = _ref.className,
-      icon = _ref.icon,
-      label = _ref.label,
-      ariaLabel = _ref.ariaLabel,
-      children = _ref.children;
-  var popover = usePopoverState({
+export const Popover = _ref => {
+  let {
+    className,
+    icon,
+    label,
+    ariaLabel,
+    children
+  } = _ref;
+  const popover = usePopoverState({
     baseId: process.env.NODE_ENV === 'test' && 'id-test',
     gutter: 24,
     modal: true,
     placement: 'top'
   });
-  var onCloseButtonClick = useCallback(function (event) {
+  const onCloseButtonClick = useCallback(event => {
     event.preventDefault();
     popover.toggle();
   }, [popover]);
-  var onButtonClick = useCallback(function (event) {
+  const onButtonClick = useCallback(event => {
     event.preventDefault();
     popover.toggle();
   }, [popover]);

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

@@ -2,17 +2,13 @@ import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { getWrapperDecorator } from '../../stories';
 import { Popover } from '.';
-var stories = storiesOf('UI/Popover', module);
+const stories = storiesOf('UI/Popover', module);
 stories.addDecorator(getWrapperDecorator({
   padding: '64px'
 }));
-stories.add('default', function () {
-  return /*#__PURE__*/React.createElement(Popover, {
-    label: "Job #100"
-  }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.");
-});
-stories.add('with icon', function () {
-  return /*#__PURE__*/React.createElement(Popover, {
-    icon: "help"
-  }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.");
-});
+stories.add('default', () => /*#__PURE__*/React.createElement(Popover, {
+  label: "Job #100"
+}, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."));
+stories.add('with icon', () => /*#__PURE__*/React.createElement(Popover, {
+  icon: "help"
+}, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."));