@ntbjs/react-components 1.1.0-beta.1 → 1.1.0-beta.2

package/{Tooltip-f95a39f4.js → Tooltip-860530ff.js}

@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-870f7df1.js');
 var React = require('react');
 var styled = require('styled-components');
 var TippyTooltip = require('@tippyjs/react');
-require('./Popover-d3e2f6c0.js');
+require('./Popover-616682bf.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/data/Popover/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Popover = require('../../Popover-d3e2f6c0.js');
+var Popover = require('../../Popover-616682bf.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/data/Tab/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var Tab = require('../../Tab-06b7a58d.js');
+require('../../defaultTheme-870f7df1.js');
+require('styled-components');
+require('react');
+
+
+
+module.exports = Tab.Tab;

package/data/Tabs/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var Tabs = require('../../Tabs-cfbf45fe.js');
+require('../../defaultTheme-870f7df1.js');
+require('styled-components');
+require('react');
+require('../../Tab-06b7a58d.js');
+require('lodash');
+
+
+
+module.exports = Tabs.Tabs;

package/data/index.js

@@ -2,8 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Popover = require('../Popover-d3e2f6c0.js');
-var Tooltip = require('../Tooltip-f95a39f4.js');
+var Popover = require('../Popover-616682bf.js');
+var Tooltip = require('../Tooltip-860530ff.js');
+var Tab = require('../Tab-06b7a58d.js');
+var Tabs = require('../Tabs-cfbf45fe.js');
 var Badge = require('../Badge-86593df4.js');
 require('../defaultTheme-870f7df1.js');
 require('styled-components');
@@ -16,4 +18,6 @@ require('@tippyjs/react');
 
 exports.Popover = Popover.Popover;
 exports.Tooltip = Tooltip.Tooltip;
+exports.Tab = Tab.Tab;
+exports.Tabs = Tabs.Tabs;
 exports.Badge = Badge.Badge;

package/edit-note-c47d292e.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () {
+						return e[k];
+					}
+				});
+			}
+		});
+	}
+	n['default'] = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+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); }
+
+var _ref = /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "currentColor",
+  d: "M7 12v-1.77l4.42-4.42 1.77 1.77L8.77 12H7zM0 7.75v-1.5h6v1.5H0zM13.77 7L12 5.23l.67-.67c.15-.15.33-.23.53-.23s.38.08.53.23l.71.71c.15.15.23.33.23.53s-.08.38-.23.53l-.67.67zM0 4.63v-1.5h9v1.5H0zM0 1.5V0h9v1.5H0z"
+});
+
+function SvgEditNote(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 14.67 12"
+  }, props), _ref);
+}
+
+exports.SvgEditNote = SvgEditNote;

package/icons/delete-context-menu.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 36">
+  <path fill="currentColor" d="m5.05,36c-.83,0-1.53-.29-2.12-.88s-.88-1.29-.88-2.12V4.5H0V1.5h9.4V0h13.2v1.5h9.4v3h-2.05v28.5c0,.8-.3,1.5-.9,2.1s-1.3.9-2.1.9H5.05ZM26.95,4.5H5.05v28.5h21.9V4.5ZM10.35,28.7h3V8.75h-3v19.95Zm8.3,0h3V8.75h-3v19.95ZM5.05,4.5v28.5V4.5Z"/>
+</svg>

package/icons/design-services.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38.75 38.7">
+  <path fill="currentColor" d="m32.9,13.6l-7.75-7.75,3.5-3.5c.57-.57,1.27-.85,2.1-.85s1.53.28,2.1.85l3.55,3.55c.57.57.85,1.27.85,2.1s-.28,1.53-.85,2.1l-3.5,3.5ZM1.35,37.4v-7.8l9.7-9.7L0,8.8,8.7,0l11.15,11.15,5.3-5.3,7.75,7.75-5.3,5.3,11.15,11.15-8.75,8.65-11.1-11.05-9.75,9.75H1.35Zm11.85-19.65l4.5-4.5-3.65-3.65-2.4,2.4-2.1-2.1,2.4-2.4-3.2-3.2-4.5,4.5,8.95,8.95Zm16.7,16.75l4.5-4.5-3.2-3.2-2.4,2.4-2.1-2.1,2.4-2.4-3.65-3.65-4.5,4.5,8.95,8.95Zm-25.55-.1h3.5L28.6,13.65l-3.5-3.5L4.35,30.9v3.5Z"/>
+</svg>

package/icons/expand-more.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 14.15">
+  <path fill="currentColor" d="m12,14.15L0,2.15,2.15,0l9.85,9.9L21.85.05l2.15,2.15-12,11.95Z"/>
+</svg>

package/icons/star-filled.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 38">
+  <path fill="currentColor" d="m7.65,38l3.25-14.05L0,14.5l14.4-1.25L20,0l5.6,13.25,14.4,1.25-10.9,9.45,3.25,14.05-12.35-7.45-12.35,7.45Z"/>
+</svg>

package/icons/star.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 38">
+  <path fill="currentColor" d="m12.2,31.8l7.8-4.7,7.9,4.8-2.1-8.9,6.9-6-9.1-.8-3.6-8.5-3.5,8.4-9.1.8,6.9,6-2.1,8.9Zm-4.5,6.2l3.3-14L0,14.5l14.4-1.2L20,0l5.6,13.2,14.4,1.3-10.9,9.5,3.3,14-12.4-7.4-12.3,7.4Z"/>
+</svg>

package/icons/triangle-right.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 20">
+  <path fill="currentColor" d="m0,20V0l10,10L0,20Z"/>
+</svg>

package/inputs/Button/index.js

@@ -1,9 +1,14 @@
 'use strict';
 
-var Button = require('../../Button-0d728b52.js');
+var Button = require('../../Button-00ce7d0f.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
+require('../../Popover-616682bf.js');
+require('lodash');
+require('polished');
+require('@tippyjs/react');
+require('../../ContextMenu-a68d4f28.js');
 
 
 

package/inputs/CompactStarRating/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var CompactStarRating = require('../../CompactStarRating-f9997240.js');
+require('../../defaultTheme-870f7df1.js');
+require('styled-components');
+require('react');
+require('lodash');
+
+
+
+module.exports = CompactStarRating.CompactStarRating;

package/inputs/CompactTextInput/index.js

@@ -1,15 +1,18 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-24126cf9.js');
+var CompactTextInput = require('../../CompactTextInput-f00e46a3.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
 require('nanoid');
 require('lodash');
-require('../../Popover-d3e2f6c0.js');
+require('../../edit-note-c47d292e.js');
+require('../../Popover-616682bf.js');
 require('polished');
 require('@tippyjs/react');
-require('../../Tooltip-f95a39f4.js');
+require('../../Tooltip-860530ff.js');
+require('../../Tab-06b7a58d.js');
+require('../../Tabs-cfbf45fe.js');
 require('../../Badge-86593df4.js');
 
 

package/inputs/TextArea/index.js

@@ -1,11 +1,12 @@
 'use strict';
 
-var TextArea = require('../../TextArea-52cf4c0a.js');
+var TextArea = require('../../TextArea-06d9e80b.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
 require('nanoid');
 require('lodash');
+require('../../edit-note-c47d292e.js');
 
 
 

package/inputs/TextInput/index.js

@@ -1,11 +1,12 @@
 'use strict';
 
-var TextInput = require('../../TextInput-a7c32f5f.js');
+var TextInput = require('../../TextInput-e4c6d536.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
 require('nanoid');
 require('lodash');
+require('../../edit-note-c47d292e.js');
 
 
 

package/inputs/index.js

@@ -3,22 +3,27 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var ActionButton = require('../ActionButton-90485300.js');
-var Button = require('../Button-0d728b52.js');
+var Button = require('../Button-00ce7d0f.js');
 var Checkbox = require('../Checkbox-50f1f3c7.js');
-var CompactTextInput = require('../CompactTextInput-24126cf9.js');
+var CompactStarRating = require('../CompactStarRating-f9997240.js');
+var CompactTextInput = require('../CompactTextInput-f00e46a3.js');
 var Radio = require('../Radio-0b46b2a8.js');
-var TextArea = require('../TextArea-52cf4c0a.js');
-var TextInput = require('../TextInput-a7c32f5f.js');
+var TextArea = require('../TextArea-06d9e80b.js');
+var TextInput = require('../TextInput-e4c6d536.js');
 var Switch = require('../Switch-aa384260.js');
 require('../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
-require('nanoid');
+require('../Popover-616682bf.js');
 require('lodash');
-require('../Popover-d3e2f6c0.js');
 require('polished');
 require('@tippyjs/react');
-require('../Tooltip-f95a39f4.js');
+require('../ContextMenu-a68d4f28.js');
+require('nanoid');
+require('../edit-note-c47d292e.js');
+require('../Tooltip-860530ff.js');
+require('../Tab-06b7a58d.js');
+require('../Tabs-cfbf45fe.js');
 require('../Badge-86593df4.js');
 
 
@@ -26,6 +31,7 @@ require('../Badge-86593df4.js');
 exports.ActionButton = ActionButton.ActionButton;
 exports.Button = Button.Button;
 exports.Checkbox = Checkbox.Checkbox;
+exports.CompactStarRating = CompactStarRating.CompactStarRating;
 exports.CompactTextInput = CompactTextInput.CompactTextInput;
 exports.Radio = Radio.Radio;
 exports.TextArea = TextArea.TextArea;

package/layout/InputGroup/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var InputGroup = require('../../InputGroup-66dd343c.js');
+require('../../defaultTheme-870f7df1.js');
+require('styled-components');
+require('react');
+
+
+
+module.exports = InputGroup.InputGroup;

package/layout/index.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var InputGroup = require('../InputGroup-66dd343c.js');
 var SectionSeparator = require('../SectionSeparator-12aff748.js');
 require('../defaultTheme-870f7df1.js');
 require('styled-components');
@@ -9,4 +10,5 @@ require('react');
 
 
 
+exports.InputGroup = InputGroup.InputGroup;
 exports.SectionSeparator = SectionSeparator.SectionSeparator;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.0-beta.1",
+  "version": "1.1.0-beta.2",
   "description": "NTBs common front-end design utilities and React components.",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",

package/widgets/AssetGallery/index.js

@@ -1,25 +1,30 @@
 'use strict';
 
-var AssetGallery = require('../../AssetGallery-9bf4cd82.js');
+var AssetGallery = require('../../AssetGallery-7ff60131.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
 require('lodash');
-require('../../TextInput-a7c32f5f.js');
+require('../../TextInput-e4c6d536.js');
 require('nanoid');
+require('../../edit-note-c47d292e.js');
 require('resize-observer-polyfill');
 require('react-lazy-load-image-component');
 require('../../ActionButton-90485300.js');
-require('../../Button-0d728b52.js');
-require('../../Checkbox-50f1f3c7.js');
-require('../../CompactTextInput-24126cf9.js');
-require('../../Popover-d3e2f6c0.js');
+require('../../Button-00ce7d0f.js');
+require('../../Popover-616682bf.js');
 require('polished');
 require('@tippyjs/react');
-require('../../Tooltip-f95a39f4.js');
+require('../../ContextMenu-a68d4f28.js');
+require('../../Checkbox-50f1f3c7.js');
+require('../../CompactStarRating-f9997240.js');
+require('../../CompactTextInput-f00e46a3.js');
+require('../../Tooltip-860530ff.js');
+require('../../Tab-06b7a58d.js');
+require('../../Tabs-cfbf45fe.js');
 require('../../Badge-86593df4.js');
 require('../../Radio-0b46b2a8.js');
-require('../../TextArea-52cf4c0a.js');
+require('../../TextArea-06d9e80b.js');
 require('../../Switch-aa384260.js');
 
 

package/widgets/ContextMenu/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var ContextMenu = require('../../ContextMenu-a68d4f28.js');
+require('../../defaultTheme-870f7df1.js');
+require('styled-components');
+require('react');
+
+
+
+module.exports = ContextMenu.ContextMenu;

package/widgets/index.js

@@ -2,30 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-9bf4cd82.js');
+var AssetGallery = require('../AssetGallery-7ff60131.js');
+var ContextMenu = require('../ContextMenu-a68d4f28.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-a172fc5c.js');
 require('../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
 require('lodash');
-require('../TextInput-a7c32f5f.js');
+require('../TextInput-e4c6d536.js');
 require('nanoid');
+require('../edit-note-c47d292e.js');
 require('resize-observer-polyfill');
 require('react-lazy-load-image-component');
 require('../ActionButton-90485300.js');
-require('../Button-0d728b52.js');
-require('../Checkbox-50f1f3c7.js');
-require('../CompactTextInput-24126cf9.js');
-require('../Popover-d3e2f6c0.js');
+require('../Button-00ce7d0f.js');
+require('../Popover-616682bf.js');
 require('polished');
 require('@tippyjs/react');
-require('../Tooltip-f95a39f4.js');
+require('../Checkbox-50f1f3c7.js');
+require('../CompactStarRating-f9997240.js');
+require('../CompactTextInput-f00e46a3.js');
+require('../Tooltip-860530ff.js');
+require('../Tab-06b7a58d.js');
+require('../Tabs-cfbf45fe.js');
 require('../Badge-86593df4.js');
 require('../Radio-0b46b2a8.js');
-require('../TextArea-52cf4c0a.js');
+require('../TextArea-06d9e80b.js');
 require('../Switch-aa384260.js');
 
 
 
 exports.AssetGallery = AssetGallery.AssetGallery;
+exports.ContextMenu = ContextMenu.ContextMenu;
 exports.AssetPreviewTopBar = AssetPreviewTopBar.AssetPreviewTopBar;

package/Button-0d728b52.js

@@ -1,156 +0,0 @@
-'use strict';
-
-var defaultTheme = require('./defaultTheme-870f7df1.js');
-var React = require('react');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
-var Button$1 = styled__default['default'].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\n  border-radius: 3px;\n  font-family: inherit;\n  font-size: 1rem;\n  font-weight: 500;\n  padding: 6px 18px;\n  cursor: pointer;\n  background: ", ";\n  border: 2px solid ", ";\n  line-height: 1.2;\n  transition: all 250ms, opacity 200ms;\n\n  &:hover {\n    background: #5a9b88;\n    border-color: #5a9b88;\n  }\n\n  ", "\n\n  && {\n    ", ";\n  }\n\n  && {\n    ", ";\n  }\n\n  && {\n    ", ";\n  }\n\n  ", ";\n\n  ", ";\n\n  ", ";\n"])), function (props) {
-  return props.theme.getColor('emerald-500');
-}, function (props) {
-  return props.theme.getColor('emerald-500');
-}, function (props) {
-  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('white'));
-}, function (props) {
-  return props.secondary && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n        background: ", ";\n        ", "\n        border-color: ", ";\n\n        &:hover {\n          background: ", ";\n          border-color: ", ";\n        }\n      "])), function (props) {
-    return props.theme.getColor('gray-200');
-  }, props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('gray-700')), function (props) {
-    return props.theme.getColor('gray-200');
-  }, function (props) {
-    return props.theme.getColor('gray-100');
-  }, function (props) {
-    return props.theme.getColor('gray-100');
-  });
-}, function (props) {
-  return props.outlined && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n        background: transparent;\n        border-color: ", ";\n\n        ", "\n        &:hover {\n          border-color: ", ";\n        }\n      "])), props.theme.getColor('gray-200'), props.theme.themeProp('color', props.theme.getColor('emerald-500'), props.theme.getColor('emerald-500')), props.theme.getColor('gray-300'));
-}, function (props) {
-  return props.outlined && props.secondary && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n\n        &:hover {\n          background: transparent;\n        }\n      "])), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')));
-}, function (props) {
-  return props.block && styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n      width: 100%;\n    "])));
-}, function (props) {
-  return props.disabled && styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n      cursor: not-allowed;\n      pointer-events: none;\n    "])));
-}, function (props) {
-  return props.size === 'small' && styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n      font-size: 0.875rem;\n      line-height: 1.15;\n      padding: 3px 12px;\n    "])));
-});
-var ButtonContent = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transform: scale(1);\n  opacity: 1;\n  transition: all 200ms;\n\n  > svg {\n    width: 100%;\n    max-width: 16px;\n    max-height: 16px;\n    margin-right: 7px;\n\n    ", ";\n  }\n\n  ", "\n"])), function (props) {
-  return props.size === 'small' && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n        max-width: 13px;\n        max-height: 13px;\n      "])));
-}, function (props) {
-  return props.$loading && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n      transform: scale(0.95);\n      opacity: 0;\n    "])));
-});
-var LoadingIndicator = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  top: 0;\n  left: 0;\n  padding: 4px;\n  background: inherit;\n  opacity: 0;\n  transition: opacity 200ms;\n  box-sizing: border-box;\n\n  ", "\n"])), function (props) {
-  return props.$loading && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 1;\n    "])));
-});
-var LoadingIndicatorSvg = styled__default['default'].svg.attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n  height: 100%;\n  color: inherit;\n  transform: rotate(-88deg);\n"])));
-var LoadingIndicatorSvgCircle = styled__default['default'].circle.attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n  transition: stroke-dashoffset 300ms linear;\n  stroke-dasharray: 113;\n"])));
-
-var Button = React__default['default'].forwardRef(function Button(_ref, forwardedRef) {
-  var secondary = _ref.secondary,
-      outlined = _ref.outlined,
-      block = _ref.block,
-      icon = _ref.icon,
-      size = _ref.size,
-      disabled = _ref.disabled,
-      loading = _ref.loading,
-      className = _ref.className,
-      children = _ref.children,
-      props = defaultTheme._objectWithoutProperties(_ref, ["secondary", "outlined", "block", "icon", "size", "disabled", "loading", "className", "children"]);
-
-  var _useState = React.useState(loading || false),
-      _useState2 = defaultTheme._slicedToArray(_useState, 2),
-      loadingState = _useState2[0],
-      setLoadingState = _useState2[1];
-
-  var _useState3 = React.useState(113),
-      _useState4 = defaultTheme._slicedToArray(_useState3, 2),
-      loadingStep = _useState4[0],
-      setLoadingStep = _useState4[1];
-
-  var loadingInterval = React.useRef(0);
-
-  var enableLoading = function enableLoading() {
-    loadingInterval.current = setInterval(function () {
-      setLoadingStep(function (currentLoadingStep) {
-        var newLoadingStep = Math.round(currentLoadingStep - 15 * currentLoadingStep / 100);
-
-        if (newLoadingStep === currentLoadingStep) {
-          clearInterval(loadingInterval.current);
-        }
-
-        return newLoadingStep;
-      });
-    }, 300);
-    setLoadingState(true);
-  };
-
-  var disableLoading = function disableLoading() {
-    clearInterval(loadingInterval.current);
-    setLoadingStep(0);
-    setTimeout(function () {
-      setLoadingState(false);
-      setLoadingStep(113);
-    }, 500);
-  };
-
-  React.useEffect(function () {
-    if (loading) {
-      enableLoading();
-    } else {
-      disableLoading();
-    }
-
-    return function () {
-      return clearInterval(loadingInterval.current);
-    };
-  }, [loading]);
-  return React__default['default'].createElement(Button$1, defaultTheme._extends({
-    ref: forwardedRef,
-    secondary: secondary,
-    outlined: outlined,
-    block: block,
-    size: size,
-    disabled: disabled,
-    className: className,
-    "aria-busy": disabled
-  }, props), React__default['default'].createElement(ButtonContent, {
-    $loading: loadingState,
-    size: size
-  }, icon, children), React__default['default'].createElement(LoadingIndicator, {
-    $loading: loadingState,
-    style: {
-      opacity: loadingState ? 1 : 0
-    }
-  }, React__default['default'].createElement(LoadingIndicatorSvg, {
-    viewBox: "22 22 44 44"
-  }, React__default['default'].createElement(LoadingIndicatorSvgCircle, {
-    cx: "44",
-    cy: "44",
-    r: "18",
-    fill: "none",
-    strokeWidth: "4",
-    stroke: "currentColor",
-    style: {
-      strokeDashoffset: "".concat(loadingStep, "px")
-    }
-  }))));
-});
-Button.defaultProps = {
-  size: 'normal'
-};
-Button.propTypes = process.env.NODE_ENV !== "production" ? {
-  secondary: defaultTheme.PropTypes.bool,
-  outlined: defaultTheme.PropTypes.bool,
-  block: defaultTheme.PropTypes.bool,
-  icon: defaultTheme.PropTypes.element,
-  size: defaultTheme.PropTypes.oneOf(['normal', 'small']),
-  disabled: defaultTheme.PropTypes.bool,
-  loading: defaultTheme.PropTypes.bool,
-  className: defaultTheme.PropTypes.string,
-  children: defaultTheme.PropTypes.any.isRequired
-} : {};
-
-exports.Button = Button;