@ntbjs/react-components 1.1.21 → 1.1.23

package/ProgressBar-aa26a5b7.js

@@ -0,0 +1,154 @@
+'use strict';
+
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var React = require('react');
+var styled = require('styled-components');
+var arrowForward = require('./arrow-forward-d7c77ae3.js');
+
+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 getBackgroundColor = function getBackgroundColor(props) {
+  if (props.barColor) {
+    return "background: ".concat(props.barColor, ";");
+  }
+  var colorMap = {
+    success: ['emerald-600', 'emerald-300'],
+    error: ['red-600', 'cercise-200'],
+    warning: ['orange-600', 'orange-400'],
+    none: ['gray-500', 'gray-300'],
+    "default": ['emerald-600', 'emerald-500']
+  };
+  var _ref = colorMap[props.type] || colorMap["default"],
+    _ref2 = defaultTheme._slicedToArray(_ref, 2),
+    darkColor = _ref2[0],
+    lightColor = _ref2[1];
+  return props.theme.themeProp('background', props.theme.getColor(darkColor), props.theme.getColor(lightColor));
+};
+styled__default["default"].p.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 1rem;\n  font-weight: 500;\n"])), function (props) {
+  return props.theme.primaryFontFamily;
+});
+var Container = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  width: 100%;\n  height: ", ";\n  font-family: ", ";\n"])), function (props) {
+  return props.height ? "".concat(props.height, "px") : '50px';
+}, function (props) {
+  return props.theme.primaryFontFamily;
+});
+var InnerContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  height: 100%;\n"])));
+var MetricsContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: ", ";\n  height: 100%;\n  flex-direction: row;\n  justify-content: flex-start;\n"])), function (props) {
+  return props.hasLink ? '85%' : '100%';
+});
+var Label = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 0.875rem;\n  padding-bottom: 5px;\n  ", "\n"])), function (props) {
+  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
+});
+styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 0.875rem;\n  font-weight: 500;\n  ", "\n"])), function (props) {
+  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
+});
+var ProgressBarTrack = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  border-radius: 3px;\n  height: 100%;\n  ", "\n"])), function (props) {
+  return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-200'));
+});
+var Completed = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 1.2rem;\n  font-weight: 400;\n  height: 100%;\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  width: 96px;\n  ", ";\n"])), function (props) {
+  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-800'));
+});
+var PercentageIndicator = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  right: 10px;\n  font-weight: 400;\n  font-size: 0.875rem;\n  white-space: nowrap;\n  opacity: 0.8;\n  ", ";\n"])), function (props) {
+  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
+});
+var ExternalPercentageIndicator = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n  margin-left: 8px;\n  font-size: 1.2rem;\n  font-weight: 400;\n  font-size: 0.875rem;\n  opacity: 0.9;\n  ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) {
+  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
+});
+var ProgressBarFill = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n  height: 100%;\n  border-radius: 0 3px 3px 0;\n  width: ", "%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  ", "\n  transition: width 0.3s ease;\n"])), function (props) {
+  return props.percentage;
+}, function (props) {
+  return getBackgroundColor(props);
+});
+var Link = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 0.875rem;\n  font-weight: 400;\n  width: 15%;\n  opacity: 0.7;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin-right: 20px;\n  cursor: pointer;\n  height: 100%;\n  gap: 10px;\n  svg {\n    transition: transform 0.2s ease-in-out;\n  }\n  &:hover svg {\n    transform: translateX(2px);\n  }\n"])));
+var ButtonLink = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 0.875rem;\n  font-weight: 500;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  opacity: ", ";\n  transition: color 0.2s ease-in-out;\n  ", ";\n"])), function (props) {
+  return props.isHovered ? 1 : 0.8;
+}, function (props) {
+  return props.isHovered ? props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black')) : props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
+});
+var StyledArrowIcon = styled__default["default"](arrowForward.SvgArrowForward).attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n  height: 15px;\n  margin-right: 10px;\n  opacity: ", ";\n  transition: transform 0.2s ease-in-out, fill 0.2s ease-in-out;\n  transform: ", ";\n\n  ", ";\n"])), function (props) {
+  return props.isHovered ? 1 : 0.8;
+}, function (props) {
+  return props.isHovered ? 'translateX(2px)' : 'translateX(0)';
+}, function (props) {
+  return props.isHovered ? props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black')) : props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black'));
+});
+
+var _excluded = ["totalAssets", "completedAssets", "percentageText", "barColor", "height", "label", "type", "linkText", "onClick"];
+var ProgressBar = function ProgressBar(_ref) {
+  var totalAssets = _ref.totalAssets,
+    completedAssets = _ref.completedAssets,
+    percentageText = _ref.percentageText,
+    barColor = _ref.barColor,
+    height = _ref.height,
+    label = _ref.label,
+    type = _ref.type,
+    linkText = _ref.linkText,
+    onClick = _ref.onClick,
+    props = defaultTheme._objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(false),
+    _useState2 = defaultTheme._slicedToArray(_useState, 2),
+    isLinkHovered = _useState2[0],
+    setIsLinkHovered = _useState2[1];
+  var safeCompletedAssets = Math.max(0, completedAssets);
+  var safeTotalAssets = Math.max(1, totalAssets);
+  var percentage = safeCompletedAssets / safeTotalAssets * 100;
+  var formattedPercentage = "".concat(Math.round(percentage), "%");
+  var isLowPercentage = percentage <= 5;
+  var handleLinkClick = function handleLinkClick(e) {
+    return onClick(e);
+  };
+  var formatNumberNew = function formatNumberNew(num) {
+    if (num < 1000000) {
+      return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
+    } else {
+      var units = ['K', 'M', 'B', 'T'];
+      var unit = Math.floor((num.toString().length - 1) / 3) - 1;
+      var shortNum = num / Math.pow(1000, unit + 1);
+      return shortNum.toFixed(shortNum < 10 ? 1 : 0) + units[unit];
+    }
+  };
+  return React__default["default"].createElement(Container, defaultTheme._extends({
+    height: height
+  }, props), React__default["default"].createElement(Label, null, label), React__default["default"].createElement(InnerContainer, {
+    type: type
+  }, React__default["default"].createElement(Completed, {
+    type: type
+  }, formatNumberNew(completedAssets)), React__default["default"].createElement(ProgressBarTrack, null, React__default["default"].createElement(MetricsContainer, {
+    hasLink: Boolean(linkText)
+  }, React__default["default"].createElement(ProgressBarFill, {
+    type: type,
+    percentage: percentage,
+    barColor: barColor
+  }, !isLowPercentage && React__default["default"].createElement(PercentageIndicator, {
+    hasLink: Boolean(linkText)
+  }, percentageText || formattedPercentage)), isLowPercentage && React__default["default"].createElement(ExternalPercentageIndicator, null, percentageText || formattedPercentage)), linkText && React__default["default"].createElement(Link, {
+    onClick: handleLinkClick,
+    onMouseEnter: function onMouseEnter() {
+      return setIsLinkHovered(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsLinkHovered(false);
+    }
+  }, React__default["default"].createElement(ButtonLink, {
+    isHovered: isLinkHovered
+  }, linkText), React__default["default"].createElement(StyledArrowIcon, {
+    isHovered: isLinkHovered
+  })))));
+};
+ProgressBar.propTypes = process.env.NODE_ENV !== "production" ? {
+  totalAssets: defaultTheme.PropTypes.number.isRequired,
+  completedAssets: defaultTheme.PropTypes.number.isRequired,
+  percentageText: defaultTheme.PropTypes.string,
+  barColor: defaultTheme.PropTypes.string,
+  height: defaultTheme.PropTypes.number,
+  label: defaultTheme.PropTypes.string,
+  type: defaultTheme.PropTypes.string,
+  linkText: defaultTheme.PropTypes.string,
+  onClick: defaultTheme.PropTypes.func
+} : {};
+
+exports.ProgressBar = ProgressBar;

package/{Radio-8282d0d6.js → Radio-758fd8f3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var React = require('react');
 var nanoid = require('nanoid');
 var polished = require('polished');

package/{SectionSeparator-c9ec6fac.js → SectionSeparator-43e1647d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var React = require('react');
 var styled = require('styled-components');
 

package/{Switch-57f729bb.js → Switch-26547abb.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var React = require('react');
 var nanoid = require('nanoid');
 var polished = require('polished');

package/{Tab-572141e4.js → Tab-d3ee0a3b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var React = require('react');
 var styled = require('styled-components');
 

package/{Tabs-9dbd5b85.js → Tabs-2a6baf1c.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var lodash = require('lodash');
 var React = require('react');
-var Tab = require('./Tab-572141e4.js');
+var Tab = require('./Tab-d3ee0a3b.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{TextArea-a125b7b3.js → TextArea-4cf36091.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var React = require('react');
 var lodash = require('lodash');
 var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
 var nanoid = require('nanoid');
-require('./Alert-7bbe87f3.js');
-require('./Badge-dc50d116.js');
-require('./Popover-5e9ab515.js');
-require('./Tab-572141e4.js');
-require('./Tabs-9dbd5b85.js');
-var Tooltip = require('./Tooltip-5bbe5971.js');
-require('./VerificationStatusIcon-10460fe7.js');
+require('./Alert-edd9f6a7.js');
+require('./Badge-00b2f311.js');
+require('./Popover-f00121a3.js');
+require('./Tab-d3ee0a3b.js');
+require('./Tabs-2a6baf1c.js');
+var Tooltip = require('./Tooltip-7dc4676b.js');
+require('./VerificationStatusIcon-f3c44ef8.js');
 var editNote = require('./edit-note-cefe2215.js');
 var styled = require('styled-components');
 

package/{TextInput-9e62ab60.js → TextInput-9634d62e.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var React = require('react');
 var nanoid = require('nanoid');
 var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');

package/{Tooltip-5bbe5971.js → Tooltip-7dc4676b.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var React = require('react');
 var styled = require('styled-components');
 var TippyTooltip = require('@tippyjs/react');
-require('./shift-away-subtle-16a9f31b.js');
+require('./shift-away-subtle-dce50395.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/{VerificationStatusIcon-10460fe7.js → VerificationStatusIcon-f3c44ef8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var React = require('react');
 var styled = require('styled-components');
 

package/arrow-forward-d7c77ae3.js

@@ -0,0 +1,37 @@
+'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);
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function SvgArrowForward(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    className: "arrow-forward_svg__st0",
+    d: "M12.2 9H0V7h12.2L6.6 1.4 8 0l8 8-8 8-1.4-1.4L12.2 9z"
+  })));
+}
+
+exports.SvgArrowForward = SvgArrowForward;

package/data/Alert/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Alert = require('../../Alert-7bbe87f3.js');
-require('../../defaultTheme-06b819a9.js');
+var Alert = require('../../Alert-edd9f6a7.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('react');
 require('lodash');

package/data/Badge/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Badge = require('../../Badge-dc50d116.js');
-require('../../defaultTheme-06b819a9.js');
+var Badge = require('../../Badge-00b2f311.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('react');
 

package/data/Popover/index.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var Popover = require('../../Popover-5e9ab515.js');
-require('../../defaultTheme-06b819a9.js');
+var Popover = require('../../Popover-f00121a3.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('polished');
 require('@tippyjs/react');
-require('../../shift-away-subtle-16a9f31b.js');
+require('../../shift-away-subtle-dce50395.js');
 require('popper-max-size-modifier');
 
 

package/data/Tab/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Tab = require('../../Tab-572141e4.js');
-require('../../defaultTheme-06b819a9.js');
+var Tab = require('../../Tab-d3ee0a3b.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('react');
 

package/data/Tabs/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var Tabs = require('../../Tabs-9dbd5b85.js');
-require('../../defaultTheme-06b819a9.js');
+var Tabs = require('../../Tabs-2a6baf1c.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('lodash');
 require('react');
-require('../../Tab-572141e4.js');
+require('../../Tab-d3ee0a3b.js');
 
 
 

package/data/Tooltip/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip-5bbe5971.js');
-require('../../defaultTheme-06b819a9.js');
+var Tooltip = require('../../Tooltip-7dc4676b.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('react');
 require('@tippyjs/react');
-require('../../shift-away-subtle-16a9f31b.js');
+require('../../shift-away-subtle-dce50395.js');
 
 
 

package/data/index.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Alert = require('../Alert-7bbe87f3.js');
-var Badge = require('../Badge-dc50d116.js');
-var Popover = require('../Popover-5e9ab515.js');
-var Tab = require('../Tab-572141e4.js');
-var Tabs = require('../Tabs-9dbd5b85.js');
-var Tooltip = require('../Tooltip-5bbe5971.js');
-var VerificationStatusIcon = require('../VerificationStatusIcon-10460fe7.js');
-require('../defaultTheme-06b819a9.js');
+var Alert = require('../Alert-edd9f6a7.js');
+var Badge = require('../Badge-00b2f311.js');
+var Popover = require('../Popover-f00121a3.js');
+var Tab = require('../Tab-d3ee0a3b.js');
+var Tabs = require('../Tabs-2a6baf1c.js');
+var Tooltip = require('../Tooltip-7dc4676b.js');
+var VerificationStatusIcon = require('../VerificationStatusIcon-f3c44ef8.js');
+require('../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('react');
 require('lodash');
 require('polished');
 require('@tippyjs/react');
-require('../shift-away-subtle-16a9f31b.js');
+require('../shift-away-subtle-dce50395.js');
 require('popper-max-size-modifier');
 
 

package/{defaultTheme-06b819a9.js → defaultTheme-24ea5c47.js}

@@ -1332,7 +1332,7 @@ function styleInject(css, ref) {
 }
 
 var css_248z = "/**\n * Colors\n */";
-var importedColors = {"orange-500":"#ff9900","orange-400":"#ffcb7e","emerald-600":"#296c58","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-600":"#634e01","orange-500":"#ff9900","orange-400":"#ffcb7e","emerald-600":"#296c58","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-200":"#fecaca","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"};
 styleInject(css_248z);
 
 var _excluded = ["theme"];

package/icons/arrow-forward.svg

@@ -0,0 +1,3 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16">
+  <path class="st0" d="M12.2,9H0v-2h12.2L6.6,1.4l1.4-1.4,8,8-8,8-1.4-1.4,5.6-5.6Z"/>
+</svg>

package/icons/index.js

@@ -2,6 +2,7 @@ import { ReactComponent as AddIcon } from './add.svg';
 import { ReactComponent as AddCircleIcon } from './add-circle.svg';
 import { ReactComponent as AlbumIcon } from './album.svg';
 import { ReactComponent as ArrowBackIcon } from './arrow-back.svg';
+import { ReactComponent as ArrowForwardIcon } from './arrow-forward.svg';
 import { ReactComponent as ArrowDropDownIcon } from './arrow-drop-down.svg';
 import { ReactComponent as AudioIcon } from './audio.svg';
 import { ReactComponent as BellIcon } from './bell.svg';
@@ -42,6 +43,7 @@ export {
   AlbumIcon,
   ArrowBackIcon,
   ArrowDropDownIcon,
+  ArrowForwardIcon,
   AudioIcon,
   BellIcon,
   CheckCircleIcon,

package/inputs/ActionButton/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var ActionButton = require('../../ActionButton-607bc22f.js');
-require('../../defaultTheme-06b819a9.js');
+var ActionButton = require('../../ActionButton-5bc79370.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('react');
 require('polished');

package/inputs/Button/index.js

@@ -1,16 +1,16 @@
 'use strict';
 
-var Button = require('../../Button-86626421.js');
-require('../../defaultTheme-06b819a9.js');
+var Button = require('../../Button-a9afcec0.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('react');
-require('../../Popover-5e9ab515.js');
+require('../../Popover-f00121a3.js');
 require('lodash');
 require('polished');
 require('@tippyjs/react');
-require('../../shift-away-subtle-16a9f31b.js');
+require('../../shift-away-subtle-dce50395.js');
 require('popper-max-size-modifier');
-require('../../ContextMenu-b6ba7a22.js');
+require('../../ContextMenu-9645746f.js');
 require('../../expand-more-d74e2bd2.js');
 
 

package/inputs/Checkbox/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Checkbox = require('../../Checkbox-876f71f0.js');
-require('../../defaultTheme-06b819a9.js');
+var Checkbox = require('../../Checkbox-406f005c.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('react');
 require('nanoid');

package/inputs/CompactAutocompleteSelect/index.js

@@ -1,25 +1,25 @@
 'use strict';
 
-var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-32a19c92.js');
-require('../../defaultTheme-06b819a9.js');
+var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-7667888f.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('lodash');
 require('nanoid');
 require('react');
-require('../../Alert-7bbe87f3.js');
-require('../../Badge-dc50d116.js');
-require('../../Popover-5e9ab515.js');
+require('../../Alert-edd9f6a7.js');
+require('../../Badge-00b2f311.js');
+require('../../Popover-f00121a3.js');
 require('polished');
 require('@tippyjs/react');
-require('../../shift-away-subtle-16a9f31b.js');
+require('../../shift-away-subtle-dce50395.js');
 require('popper-max-size-modifier');
-require('../../Tab-572141e4.js');
-require('../../Tabs-9dbd5b85.js');
-require('../../Tooltip-5bbe5971.js');
-require('../../VerificationStatusIcon-10460fe7.js');
+require('../../Tab-d3ee0a3b.js');
+require('../../Tabs-2a6baf1c.js');
+require('../../Tooltip-7dc4676b.js');
+require('../../VerificationStatusIcon-f3c44ef8.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../../react-select-creatable.esm-3c7b7450.js');
+require('../../react-select-creatable.esm-75f23ee6.js');
 require('react-dom');
 require('../../close-1751121a.js');
 require('../../expand-more-d74e2bd2.js');

package/inputs/CompactStarRating/index.js

@@ -1,21 +1,21 @@
 'use strict';
 
-var CompactStarRating = require('../../CompactStarRating-0edc6fa9.js');
-require('../../defaultTheme-06b819a9.js');
+var CompactStarRating = require('../../CompactStarRating-a87f6bd6.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('react');
-require('../../Alert-7bbe87f3.js');
+require('../../Alert-edd9f6a7.js');
 require('lodash');
-require('../../Badge-dc50d116.js');
-require('../../Popover-5e9ab515.js');
+require('../../Badge-00b2f311.js');
+require('../../Popover-f00121a3.js');
 require('polished');
 require('@tippyjs/react');
-require('../../shift-away-subtle-16a9f31b.js');
+require('../../shift-away-subtle-dce50395.js');
 require('popper-max-size-modifier');
-require('../../Tab-572141e4.js');
-require('../../Tabs-9dbd5b85.js');
-require('../../Tooltip-5bbe5971.js');
-require('../../VerificationStatusIcon-10460fe7.js');
+require('../../Tab-d3ee0a3b.js');
+require('../../Tabs-2a6baf1c.js');
+require('../../Tooltip-7dc4676b.js');
+require('../../VerificationStatusIcon-f3c44ef8.js');
 
 
 

package/inputs/CompactTextInput/index.js

@@ -1,23 +1,23 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-337b6320.js');
-require('../../defaultTheme-06b819a9.js');
+var CompactTextInput = require('../../CompactTextInput-ac490f47.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('lodash');
 require('nanoid');
 require('react');
 require('../../edit-note-cefe2215.js');
-require('../../Alert-7bbe87f3.js');
-require('../../Badge-dc50d116.js');
-require('../../Popover-5e9ab515.js');
+require('../../Alert-edd9f6a7.js');
+require('../../Badge-00b2f311.js');
+require('../../Popover-f00121a3.js');
 require('polished');
 require('@tippyjs/react');
-require('../../shift-away-subtle-16a9f31b.js');
+require('../../shift-away-subtle-dce50395.js');
 require('popper-max-size-modifier');
-require('../../Tab-572141e4.js');
-require('../../Tabs-9dbd5b85.js');
-require('../../Tooltip-5bbe5971.js');
-require('../../VerificationStatusIcon-10460fe7.js');
+require('../../Tab-d3ee0a3b.js');
+require('../../Tabs-2a6baf1c.js');
+require('../../Tooltip-7dc4676b.js');
+require('../../VerificationStatusIcon-f3c44ef8.js');
 
 
 

package/inputs/MultiSelect/index.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var MultiSelect = require('../../MultiSelect-0cfc8d6c.js');
-require('../../defaultTheme-06b819a9.js');
+var MultiSelect = require('../../MultiSelect-c1bc3264.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('react');
 require('nanoid');
 require('../../close-1751121a.js');
 require('react-select');
-require('../../react-select-creatable.esm-3c7b7450.js');
+require('../../react-select-creatable.esm-75f23ee6.js');
 require('react-dom');
 require('react-select-async-paginate');
 

package/inputs/Radio/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Radio = require('../../Radio-8282d0d6.js');
-require('../../defaultTheme-06b819a9.js');
+var Radio = require('../../Radio-758fd8f3.js');
+require('../../defaultTheme-24ea5c47.js');
 require('styled-components');
 require('react');
 require('nanoid');