@ntbjs/react-components 1.2.0-rc.14 → 1.2.0-rc.15

package/{SectionSeparator-259a22ed.js → SectionSeparator-961ec4de.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-ea44e34a.js');
+var defaultTheme = require('./defaultTheme-0dd58df6.js');
 var React = require('react');
 var styled = require('styled-components');
 

package/{Switch-4a41585f.js → Switch-9e68deb2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-ea44e34a.js');
+var defaultTheme = require('./defaultTheme-0dd58df6.js');
 var React = require('react');
 var nanoid = require('nanoid');
 var polished = require('polished');

package/{Tab-f499ecbc.js → Tab-3580786b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-ea44e34a.js');
+var defaultTheme = require('./defaultTheme-0dd58df6.js');
 var React = require('react');
 var styled = require('styled-components');
 

package/{Tabs-4d7742bc.js → Tabs-511523e0.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-ea44e34a.js');
+var defaultTheme = require('./defaultTheme-0dd58df6.js');
 var lodash = require('lodash');
 var React = require('react');
-var Tab = require('./Tab-f499ecbc.js');
+var Tab = require('./Tab-3580786b.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -43,8 +43,9 @@ var TabContent = styled__default['default'].div.attrs(defaultTheme.applyDefaultT
 
 var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef) {
   var children = _ref.children,
+      minHeight = _ref.minHeight,
       defaultMinHeight = _ref.defaultMinHeight,
-      props = defaultTheme._objectWithoutProperties(_ref, ["children", "defaultMinHeight"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["children", "minHeight", "defaultMinHeight"]);
 
   var _useState = React.useState(0),
       _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -53,10 +54,33 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
 
   var _useState3 = React.useState(),
       _useState4 = defaultTheme._slicedToArray(_useState3, 2),
-      defaultHeight = _useState4[0],
-      setDefaultHeight = _useState4[1];
+      firstTab = _useState4[0],
+      setFirstTab = _useState4[1];
+
+  var _useState5 = React.useState(),
+      _useState6 = defaultTheme._slicedToArray(_useState5, 2),
+      minTabHeight = _useState6[0],
+      setMinTabHeight = _useState6[1];
+
+  var _useState7 = React.useState(),
+      _useState8 = defaultTheme._slicedToArray(_useState7, 2),
+      defaultHeight = _useState8[0],
+      setDefaultHeight = _useState8[1];
 
   var contentRef = React.useRef(null);
+  var visibleTabs = [];
+  React.useEffect(function () {
+    if ((visibleTabs === null || visibleTabs === void 0 ? void 0 : visibleTabs.length) > 0) {
+      setActiveTab(visibleTabs[0].key);
+      setFirstTab(visibleTabs[0]);
+    }
+  }, []);
+  React.useLayoutEffect(function () {
+    if (contentRef.current) {
+      var height = contentRef.current.offsetHeight;
+      setMinTabHeight(height);
+    }
+  }, [firstTab]);
   React.useEffect(function () {
     setDefaultHeight(defaultMinHeight);
   }, []);
@@ -73,7 +97,11 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
           return null;
         }
 
-        if (child.type === Tab.Tab) {
+        if (child.type === Tab.Tab && !lodash.isEmpty(child.props.trigger)) {
+          visibleTabs.push({
+            key: index,
+            content: child.props.children
+          });
           tabs.push({
             key: index,
             trigger: child.props.trigger,
@@ -102,22 +130,24 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
     }, tab.trigger);
   })), React__default['default'].createElement(TabContent, null, tabs.map(function (tab) {
     return React__default['default'].createElement("div", {
-      ref: tab.key === (activeTab === null || activeTab === void 0 ? void 0 : activeTab.key) ? contentRef : null,
+      ref: tab.key === (firstTab === null || firstTab === void 0 ? void 0 : firstTab.key) ? contentRef : null,
       key: tab.key,
       role: "tabpanel",
       hidden: tab.key !== activeTab,
       style: {
-        minHeight: !lodash.isEmpty(defaultHeight) ? defaultHeight : ''
+        minHeight: minHeight ? minTabHeight : !lodash.isEmpty(defaultHeight) ? defaultHeight : ''
       }
     }, tab.content);
   })));
 });
 Tabs.defaultProps = {
+  minHeight: false,
   defaultMinHeight: ''
 };
 Tabs.propTypes = process.env.NODE_ENV !== "production" ? {
   children: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.array, defaultTheme.PropTypes.object]),
   backgroundColor: defaultTheme.PropTypes.string,
+  minHeight: defaultTheme.PropTypes.bool,
   defaultMinHeight: defaultTheme.PropTypes.string
 } : {};
 

package/{TextArea-b0125a43.js → TextArea-7270a924.js}

@@ -1,9 +1,10 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-ea44e34a.js');
+var defaultTheme = require('./defaultTheme-0dd58df6.js');
 var React = require('react');
 var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
 var nanoid = require('nanoid');
+var check = require('./check-555d831b.js');
 var editNote = require('./edit-note-c47d292e.js');
 var styled = require('styled-components');
 
@@ -21,9 +22,7 @@ var placeholderBaseStyle = styled.css(_templateObject4 || (_templateObject4 = de
 }, function (props) {
   return props.theme.themeProp('opacity', 0.6, 0.5);
 });
-var InputIconContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 0;\n  pointer-events: none;\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px;\n  display: flex;\n  align-items: flex-start;\n  position: absolute;\n  right: 15px;\n  top: 10px;\n  bottom: 0;\n  > .smallPadingIcon {\n    padding: 4px;\n    width: 15px;\n    height: 15px;\n    border-radius: 5px;\n    opacity: 1;\n    margin-top: -5px;\n    ", "\n  }\n  svg {\n    width: 15px;\n    opacity: 0.7;\n    transition: opacity 250ms;\n    ", "\n    ", "\n  }\n"])), function (props) {
-  return props.theme.themeProp('background-color', props.theme.getColor('gray-900'), props.theme.getColor('gray-300'), '!important');
-}, function (props) {
+var InputIconContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 0;\n  pointer-events: none;\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px;\n  display: flex;\n  align-items: flex-start;\n  position: absolute;\n  right: 15px;\n  top: 10px;\n  bottom: 0;\n  svg {\n    width: 15px;\n    opacity: 0.7;\n    transition: opacity 250ms;\n    ", "\n    ", "\n  }\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-900'), '!important');
 }, function (props) {
   return props.disabled && styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n        display: none;\n      "])));
@@ -35,7 +34,7 @@ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.appl
 }, function (props) {
   return props.padding === 'large' && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n      padding: 15px 55px;\n    "])));
 }, function (props) {
-  return props.showMore && !props.expanded && props.defaultHeight < props.maxHeight && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n      -webkit-mask-image: linear-gradient(0deg, transparent 5px, white 45px);\n    "])));
+  return props.showMore && !props.expanded && props.defaultHeight < props.maxHeight && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n      height: ", "px;\n      -webkit-mask-image: linear-gradient(0deg, transparent 5px, white 45px);\n    "])), props.defaultHeight);
 }, function (props) {
   return props.expanded && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n      height: ", "px;\n    "])), props.maxHeight);
 }, function (props) {
@@ -137,7 +136,7 @@ var SuccessContainer = styled__default['default'].div.attrs(defaultTheme.applyDe
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
 });
-var ShowMoreText = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject42 || (_templateObject42 = defaultTheme._taggedTemplateLiteral(["\n  margin-top: -18px;\n  margin-bottom: 0;\n  display: block;\n  position: absolute;\n  font-size: 0.875rem;\n  cursor: pointer;\n  padding: 2px 10px;\n  margin-right: 10px;\n  margin-top: -26px;\n  ", "\n  transition:  margin-top 550ms ease-in-out;\n  -webkit-mask-image: linear-gradient(180deg, transparent 1px, white 7px);\n  ", "\n\n  ", ";\n\n  ", "\n"])), function (props) {
+var ShowMoreText = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject42 || (_templateObject42 = defaultTheme._taggedTemplateLiteral(["\n  margin-top: -18px;\n  margin-bottom: 0;\n  display: block;\n  position: absolute;\n  font-size: 0.875rem;\n  cursor: pointer;\n  padding: 2px 10px;\n  margin-right: 10px;\n\n  ", "\n  transition:  margin-top 550ms ease-in-out;\n  -webkit-mask-image: linear-gradient(180deg, transparent 1px, white 5px);\n  ", "\n\n  ", ";\n\n  ", "\n"])), function (props) {
   return props.expanded && styled.css(_templateObject43 || (_templateObject43 = defaultTheme._taggedTemplateLiteral(["\n      margin-top: 0px;\n    "])));
 }, function (props) {
   return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
@@ -174,10 +173,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
       noBorder = _ref.noBorder,
       instructionsTextArea = _ref.instructionsTextArea,
       isExpanded = _ref.isExpanded,
-      loadingIcon = _ref.loadingIcon,
-      successIcon = _ref.successIcon,
-      padding = _ref.padding,
-      rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "showMore", "showMoreText", "showLessText", "autoComplete", "description", "type", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "instructionsTextArea", "isExpanded", "loadingIcon", "successIcon", "padding"]);
+      rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "showMore", "showMoreText", "showLessText", "autoComplete", "description", "type", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "instructionsTextArea", "isExpanded"]);
 
   var textInputDomNode = React.useRef(null);
   var textInputRef = useMergedRefs.useMergedRefs(forwardedRef, textInputDomNode);
@@ -277,7 +273,6 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
     icon: icon,
     id: "text-input-".concat(uniqueId),
     lightBackground: lightBackground,
-    padding: padding,
     onChange: function onChange(e) {
       if (e.target.value) {
         setInputIsEmpty(false);
@@ -292,11 +287,12 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
     noBorder: noBorder
   }, rest, {
     onClick: showMore ? handleTextAreaChange : undefined
-  })), (type === 'loading' || type === 'success') && React__default['default'].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon), !readOnly && noBorder && React__default['default'].createElement(InputIconContainer, {
+  })), (type === 'loading' || type === 'success') && React__default['default'].createElement(SuccessContainer, null, type === 'loading' && React__default['default'].createElement(check._default, {
+    color: '#b0b6b9',
+    size: 12
+  }), type === 'success' && React__default['default'].createElement(check.SvgCheck, null)), !readOnly && noBorder && React__default['default'].createElement(InputIconContainer, {
     disabled: disabled
-  }, React__default['default'].createElement(editNote.SvgEditNote, {
-    className: padding === 'small' && 'smallPadingIcon'
-  })), label && React__default['default'].createElement(TextInputLabel, {
+  }, React__default['default'].createElement(editNote.SvgEditNote, null)), label && React__default['default'].createElement(TextInputLabel, {
     htmlFor: "text-input-".concat(uniqueId),
     hasPlaceholder: Boolean(placeholder),
     hasIcon: Boolean(icon),
@@ -351,9 +347,7 @@ TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
   noBorder: defaultTheme.PropTypes.bool,
   isExpanded: defaultTheme.PropTypes.func,
   type: defaultTheme.PropTypes.oneOf(['', 'error', 'error-border', 'warning', 'loading', 'success']),
-  instructionsTextArea: defaultTheme.PropTypes.bool,
-  loadingIcon: defaultTheme.PropTypes.element,
-  successIcon: defaultTheme.PropTypes.element
+  instructionsTextArea: defaultTheme.PropTypes.bool
 } : {};
 
 exports.TextArea = TextArea;

package/{TextInput-0d109708.js → TextInput-97f7da4d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-ea44e34a.js');
+var defaultTheme = require('./defaultTheme-0dd58df6.js');
 var React = require('react');
 var nanoid = require('nanoid');
 var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');

package/{Tooltip-6b6f0b0a.js → Tooltip-5ccdfe34.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-ea44e34a.js');
+var defaultTheme = require('./defaultTheme-0dd58df6.js');
 var React = require('react');
 var styled = require('styled-components');
 var TippyTooltip = require('@tippyjs/react');
-require('./shift-away-subtle-0bed9a3c.js');
+require('./shift-away-subtle-3cede45b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/check-555d831b.js

@@ -0,0 +1,213 @@
+'use strict';
+
+var React$1 = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+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__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
+var React__namespace = /*#__PURE__*/_interopNamespace(React$1);
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+var MoonLoader$1 = {};
+
+var unitConverter = {};
+
+Object.defineProperty(unitConverter, "__esModule", { value: true });
+unitConverter.cssValue = unitConverter.parseLengthAndUnit = void 0;
+var cssUnit = {
+    cm: true,
+    mm: true,
+    in: true,
+    px: true,
+    pt: true,
+    pc: true,
+    em: true,
+    ex: true,
+    ch: true,
+    rem: true,
+    vw: true,
+    vh: true,
+    vmin: true,
+    vmax: true,
+    "%": true,
+};
+/**
+ * If size is a number, append px to the value as default unit.
+ * If size is a string, validate against list of valid units.
+ * If unit is valid, return size as is.
+ * If unit is invalid, console warn issue, replace with px as the unit.
+ *
+ * @param {(number | string)} size
+ * @return {LengthObject} LengthObject
+ */
+function parseLengthAndUnit(size) {
+    if (typeof size === "number") {
+        return {
+            value: size,
+            unit: "px",
+        };
+    }
+    var value;
+    var valueString = (size.match(/^[0-9.]*/) || "").toString();
+    if (valueString.includes(".")) {
+        value = parseFloat(valueString);
+    }
+    else {
+        value = parseInt(valueString, 10);
+    }
+    var unit = (size.match(/[^0-9]*$/) || "").toString();
+    if (cssUnit[unit]) {
+        return {
+            value: value,
+            unit: unit,
+        };
+    }
+    console.warn("React Spinners: ".concat(size, " is not a valid css value. Defaulting to ").concat(value, "px."));
+    return {
+        value: value,
+        unit: "px",
+    };
+}
+unitConverter.parseLengthAndUnit = parseLengthAndUnit;
+/**
+ * Take value as an input and return valid css value
+ *
+ * @param {(number | string)} value
+ * @return {string} valid css value
+ */
+function cssValue(value) {
+    var lengthWithunit = parseLengthAndUnit(value);
+    return "".concat(lengthWithunit.value).concat(lengthWithunit.unit);
+}
+unitConverter.cssValue = cssValue;
+
+var animation = {};
+
+Object.defineProperty(animation, "__esModule", { value: true });
+animation.createAnimation = void 0;
+var createAnimation = function (loaderName, frames, suffix) {
+    var animationName = "react-spinners-".concat(loaderName, "-").concat(suffix);
+    if (typeof window == "undefined" || !window.document) {
+        return animationName;
+    }
+    var styleEl = document.createElement("style");
+    document.head.appendChild(styleEl);
+    var styleSheet = styleEl.sheet;
+    var keyFrames = "\n    @keyframes ".concat(animationName, " {\n      ").concat(frames, "\n    }\n  ");
+    if (styleSheet) {
+        styleSheet.insertRule(keyFrames, 0);
+    }
+    return animationName;
+};
+animation.createAnimation = createAnimation;
+
+var __assign = (commonjsGlobal && commonjsGlobal.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (commonjsGlobal && commonjsGlobal.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (commonjsGlobal && commonjsGlobal.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (commonjsGlobal && commonjsGlobal.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (commonjsGlobal && commonjsGlobal.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(MoonLoader$1, "__esModule", { value: true });
+var React = __importStar(React__default['default']);
+var unitConverter_1 = unitConverter;
+var animation_1 = animation;
+var moon = (0, animation_1.createAnimation)("MoonLoader", "100% {transform: rotate(360deg)}", "moon");
+function MoonLoader(_a) {
+    var _b = _a.loading, loading = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? "#000000" : _c, _d = _a.speedMultiplier, speedMultiplier = _d === void 0 ? 1 : _d, _e = _a.cssOverride, cssOverride = _e === void 0 ? {} : _e, _f = _a.size, size = _f === void 0 ? 60 : _f, additionalprops = __rest(_a, ["loading", "color", "speedMultiplier", "cssOverride", "size"]);
+    var _g = (0, unitConverter_1.parseLengthAndUnit)(size), value = _g.value, unit = _g.unit;
+    var moonSize = value / 7;
+    var wrapper = __assign({ display: "inherit", position: "relative", width: "".concat("".concat(value + moonSize * 2).concat(unit)), height: "".concat("".concat(value + moonSize * 2).concat(unit)), animation: "".concat(moon, " ").concat(0.6 / speedMultiplier, "s 0s infinite linear"), animationFillMode: "forwards" }, cssOverride);
+    var ballStyle = function (size) {
+        return {
+            width: (0, unitConverter_1.cssValue)(size),
+            height: (0, unitConverter_1.cssValue)(size),
+            borderRadius: "100%",
+        };
+    };
+    var ball = __assign(__assign({}, ballStyle(moonSize)), { backgroundColor: "".concat(color), opacity: "0.8", position: "absolute", top: "".concat("".concat(value / 2 - moonSize / 2).concat(unit)), animation: "".concat(moon, " ").concat(0.6 / speedMultiplier, "s 0s infinite linear"), animationFillMode: "forwards" });
+    var circle = __assign(__assign({}, ballStyle(value)), { border: "".concat(moonSize, "px solid ").concat(color), opacity: "0.1", boxSizing: "content-box", position: "absolute" });
+    if (!loading) {
+        return null;
+    }
+    return (React.createElement("span", __assign({ style: wrapper }, additionalprops),
+        React.createElement("span", { style: ball }),
+        React.createElement("span", { style: circle })));
+}
+var _default = MoonLoader$1.default = MoonLoader;
+
+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.627 14.435l-5.69-5.69L0 10.67l7.627 7.627L24 1.924 22.076 0z"
+});
+
+function SvgCheck(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 18.297"
+  }, props), _ref);
+}
+
+exports.SvgCheck = SvgCheck;
+exports._default = _default;

package/data/Alert/index.js

@@ -1,10 +1,9 @@
 'use strict';
 
-var Alert = require('../../Alert-13b75102.js');
-require('../../defaultTheme-ea44e34a.js');
+var Alert = require('../../Alert-d7863c58.js');
+require('../../defaultTheme-0dd58df6.js');
 require('styled-components');
 require('react');
-require('lodash');
 
 
 

package/data/Badge/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Badge = require('../../Badge-aec841c8.js');
-require('../../defaultTheme-ea44e34a.js');
+var Badge = require('../../Badge-fa8f327e.js');
+require('../../defaultTheme-0dd58df6.js');
 require('styled-components');
 require('react');
 

package/data/Popover/index.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var Popover = require('../../Popover-e4ecb887.js');
-require('../../defaultTheme-ea44e34a.js');
+var Popover = require('../../Popover-6fcff6de.js');
+require('../../defaultTheme-0dd58df6.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('polished');
 require('@tippyjs/react');
-require('../../shift-away-subtle-0bed9a3c.js');
+require('../../shift-away-subtle-3cede45b.js');
 require('popper-max-size-modifier');
 
 

package/data/Tab/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Tab = require('../../Tab-f499ecbc.js');
-require('../../defaultTheme-ea44e34a.js');
+var Tab = require('../../Tab-3580786b.js');
+require('../../defaultTheme-0dd58df6.js');
 require('styled-components');
 require('react');
 

package/data/Tabs/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var Tabs = require('../../Tabs-4d7742bc.js');
-require('../../defaultTheme-ea44e34a.js');
+var Tabs = require('../../Tabs-511523e0.js');
+require('../../defaultTheme-0dd58df6.js');
 require('styled-components');
 require('lodash');
 require('react');
-require('../../Tab-f499ecbc.js');
+require('../../Tab-3580786b.js');
 
 
 

package/data/Tooltip/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip-6b6f0b0a.js');
-require('../../defaultTheme-ea44e34a.js');
+var Tooltip = require('../../Tooltip-5ccdfe34.js');
+require('../../defaultTheme-0dd58df6.js');
 require('styled-components');
 require('react');
 require('@tippyjs/react');
-require('../../shift-away-subtle-0bed9a3c.js');
+require('../../shift-away-subtle-3cede45b.js');
 
 
 

package/data/index.js

@@ -2,20 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Alert = require('../Alert-13b75102.js');
-var Badge = require('../Badge-aec841c8.js');
-var Popover = require('../Popover-e4ecb887.js');
-var Tab = require('../Tab-f499ecbc.js');
-var Tabs = require('../Tabs-4d7742bc.js');
-var Tooltip = require('../Tooltip-6b6f0b0a.js');
-var VerificationStatusIcon = require('../VerificationStatusIcon-b574fd21.js');
-require('../defaultTheme-ea44e34a.js');
+var Alert = require('../Alert-d7863c58.js');
+var Badge = require('../Badge-fa8f327e.js');
+var Popover = require('../Popover-6fcff6de.js');
+var Tab = require('../Tab-3580786b.js');
+var Tabs = require('../Tabs-511523e0.js');
+var Tooltip = require('../Tooltip-5ccdfe34.js');
+require('../defaultTheme-0dd58df6.js');
 require('styled-components');
 require('react');
 require('lodash');
 require('polished');
 require('@tippyjs/react');
-require('../shift-away-subtle-0bed9a3c.js');
+require('../shift-away-subtle-3cede45b.js');
 require('popper-max-size-modifier');
 
 
@@ -26,4 +25,3 @@ exports.Popover = Popover.Popover;
 exports.Tab = Tab.Tab;
 exports.Tabs = Tabs.Tabs;
 exports.Tooltip = Tooltip.Tooltip;
-exports.VerificationStatusIcon = VerificationStatusIcon.VerificationStatusIcon;

package/{defaultTheme-ea44e34a.js → defaultTheme-0dd58df6.js}

@@ -1379,7 +1379,7 @@ function styleInject(css, ref) {
 }
 
 var css_248z = "/**\n * Colors\n */\n";
-var importedColors = {"orange-500":"#ff9900","orange-400":"#ffcb7e","emerald-500":"#30826a","emerald-400":"#64b49d","emerald-300":"#bfe0d5","emerald-200":"#f3f9f7","gray-900":"#141313","gray-800":"#272727","gray-700":"#323232","gray-600":"#505050","gray-500":"#767676","gray-400":"#b0b6b9","gray-300":"#d9dce0","gray-200":"#eff1f4","gray-100":"#f7f8f9","cercise-500":"#5f1031","cercise-400":"#854962","cercise-300":"#d099b0","cercise-100":"#f9f3f5","red-600":"#7f1b1b","red-500":"#d83000","red-200":"#fbeae6","brown-500":"#634e01","signal-yellow-500":"#f4e21e","signal-yellow-400":"#fff36c","signal-green-500":"#00bd98","signal-green-400":"#a3ffe0","black":"#202435","white":"#ffffff"};
+var importedColors = {"orange-500":"#ff9900","orange-400":"#ffcb7e","emerald-500":"#30826a","emerald-400":"#64b49d","emerald-300":"#bfe0d5","emerald-200":"#f3f9f7","gray-900":"#141313","gray-800":"#272727","gray-700":"#323232","gray-600":"#505050","gray-500":"#767676","gray-400":"#b0b6b9","gray-300":"#d9dce0","gray-200":"#eff1f4","gray-100":"#f7f8f9","cercise-500":"#5f1031","cercise-400":"#854962","cercise-300":"#d099b0","cercise-100":"#f9f3f5","red-500":"#d83000","red-200":"#fbeae6","signal-yellow-500":"#f4e21e","signal-yellow-400":"#fff36c","signal-green-500":"#00bd98","signal-green-400":"#a3ffe0","black":"#000000","white":"#ffffff"};
 styleInject(css_248z);
 
 var _templateObject;

package/icons/download.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-	<path fill="currentColor" d="M 12 18.0615 L 5.1693 11.2308 l 1.6861 -1.7354 l 3.9446 3.9446 v -13.44 h 2.3999 v 13.44 l 3.9446 -3.9446 l 1.6861 1.7354 L 12 18.0615 Z M 2.8923 23.9999 q -1.2123 0 -2.0523 -0.84 t -0.84 -2.0523 v -4.3384 H 2.4 v 4.3384 q 0 0.1846 0.1538 0.3385 q 0.1539 0.1538 0.3385 0.1538 h 18.2153 q 0.1846 0 0.3385 -0.1538 q 0.1538 -0.1539 0.1538 -0.3385 v -4.3384 h 2.4 v 4.3384 q 0 1.2123 -0.84 2.0523 t -2.0523 0.84 H 2.8923 Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.3333 24">
+  <path fill="currentColor" d="M16,13.3333H12V0H9.3333V13.3333h-4l5.3334,5.3334Zm-16,8V24H21.3333V21.3333Z"/>
+</svg>

package/icons/play.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="-3 -0.25 24 24">
-	<path fill="currentColor" d="M 0 23.52 v -23.52 l 18.48 11.76 l -18.48 11.76 Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.86 24">
+  <path fill="currentColor" d="M3.43,6.24l9,5.76-9,5.76V6.24M0,0V24L18.86,12Z"/>
+</svg>

package/inputs/ActionButton/index.js

@@ -1,10 +1,9 @@
 'use strict';
 
-var ActionButton = require('../../ActionButton-06df3d6c.js');
-require('../../defaultTheme-ea44e34a.js');
+var ActionButton = require('../../ActionButton-f150aedb.js');
+require('../../defaultTheme-0dd58df6.js');
 require('styled-components');
 require('react');
-require('polished');
 
 
 

package/inputs/Button/index.js

@@ -1,16 +1,16 @@
 'use strict';
 
-var Button = require('../../Button-c38d56a0.js');
-require('../../defaultTheme-ea44e34a.js');
+var Button = require('../../Button-772b513a.js');
+require('../../defaultTheme-0dd58df6.js');
 require('styled-components');
 require('react');
-require('../../Popover-e4ecb887.js');
+require('../../Popover-6fcff6de.js');
 require('lodash');
 require('polished');
 require('@tippyjs/react');
-require('../../shift-away-subtle-0bed9a3c.js');
+require('../../shift-away-subtle-3cede45b.js');
 require('popper-max-size-modifier');
-require('../../ContextMenu-4ec3d9f3.js');
+require('../../ContextMenu-8c9d90a1.js');
 require('../../expand-more-94585605.js');