@ntbjs/react-components 1.1.21 → 1.1.23

package/{ActionButton-607bc22f.js → ActionButton-5bc79370.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');
 var polished = require('polished');

package/{Alert-7bbe87f3.js → Alert-edd9f6a7.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');
 var lodash = require('lodash');

package/{AssetAction-616f8573.js → AssetAction-9b93c243.js}

@@ -1,37 +1,39 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var lodash = require('lodash');
 var React = require('react');
 var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
 var ResizeObserver = require('resize-observer-polyfill');
-var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-cd1ced5d.js');
+var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-1e5db4db.js');
 var styled = require('styled-components');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
-var Instructions = require('./Instructions-dd2880ae.js');
-var Alert = require('./Alert-7bbe87f3.js');
-var Badge = require('./Badge-dc50d116.js');
-var Popover = require('./Popover-5e9ab515.js');
-require('./Tab-572141e4.js');
-require('./Tabs-9dbd5b85.js');
-var Tooltip = require('./Tooltip-5bbe5971.js');
-require('./VerificationStatusIcon-10460fe7.js');
+var Instructions = require('./Instructions-70f2e97b.js');
+var Alert = require('./Alert-edd9f6a7.js');
+var Badge = require('./Badge-00b2f311.js');
+var Popover = require('./Popover-f00121a3.js');
+require('./Tab-d3ee0a3b.js');
+require('./Tabs-2a6baf1c.js');
+var Tooltip = require('./Tooltip-7dc4676b.js');
+require('./VerificationStatusIcon-f3c44ef8.js');
 var react = require('@floating-ui/react');
 var polished = require('polished');
-var ContextMenu = require('./ContextMenu-b6ba7a22.js');
-require('./AssetPreviewTopBar-14bd42d0.js');
-var ActionButton = require('./ActionButton-607bc22f.js');
-require('./Button-86626421.js');
-require('./Checkbox-876f71f0.js');
-require('./CompactAutocompleteSelect-32a19c92.js');
-require('./CompactStarRating-0edc6fa9.js');
-require('./CompactTextInput-337b6320.js');
-require('./MultiSelect-0cfc8d6c.js');
-require('./Radio-8282d0d6.js');
-require('./TextArea-a125b7b3.js');
-require('./TextInput-9e62ab60.js');
-require('./Switch-57f729bb.js');
-var ContextMenuItem = require('./ContextMenuItem-30f7d64d.js');
+var ContextMenu = require('./ContextMenu-9645746f.js');
+require('./AssetPreviewTopBar-6eaa7df8.js');
+require('./ProgressBar-aa26a5b7.js');
+require('./InfoCard-005063b4.js');
+var ActionButton = require('./ActionButton-5bc79370.js');
+require('./Button-a9afcec0.js');
+require('./Checkbox-406f005c.js');
+require('./CompactAutocompleteSelect-7667888f.js');
+require('./CompactStarRating-a87f6bd6.js');
+require('./CompactTextInput-ac490f47.js');
+require('./MultiSelect-c1bc3264.js');
+require('./Radio-758fd8f3.js');
+require('./TextArea-4cf36091.js');
+require('./TextInput-9634d62e.js');
+require('./Switch-26547abb.js');
+var ContextMenuItem = require('./ContextMenuItem-ae252503.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/{AssetPreviewTopBar-14bd42d0.js → AssetPreviewTopBar-6eaa7df8.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');
 var close = require('./close-1751121a.js');

package/{Badge-dc50d116.js → Badge-00b2f311.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/{Button-86626421.js → Button-a9afcec0.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 Popover = require('./Popover-5e9ab515.js');
-var ContextMenu = require('./ContextMenu-b6ba7a22.js');
+var Popover = require('./Popover-f00121a3.js');
+var ContextMenu = require('./ContextMenu-9645746f.js');
 var expandMore = require('./expand-more-d74e2bd2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{Checkbox-876f71f0.js → Checkbox-406f005c.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 lodash = require('lodash');

package/{CompactAutocompleteSelect-32a19c92.js → CompactAutocompleteSelect-7667888f.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var lodash = require('lodash');
 var nanoid = require('nanoid');
 var React = require('react');
-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 styled = require('styled-components');
 var Select = require('react-select');
 var reactSelectAsyncPaginate = require('react-select-async-paginate');
-var reactSelectCreatable_esm = require('./react-select-creatable.esm-3c7b7450.js');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-75f23ee6.js');
 var close = require('./close-1751121a.js');
 var expandMore = require('./expand-more-d74e2bd2.js');
 

package/{CompactStarRating-0edc6fa9.js → CompactStarRating-a87f6bd6.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var React = require('react');
-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 styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -59,7 +59,7 @@ function SvgStar(props) {
   })));
 }
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
 var fadeIn = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  from {\n    background-color: ", ";\n  }\n  to {\n    background-color: ", ";\n  }\n"])), function (props) {
   return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
 }, function (props) {
@@ -91,16 +91,18 @@ 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 starsWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  width: 66.66%;\n  border-radius: 3px;\n  height: 24px;\n  align-items: center;\n  padding-left: 8px;\n  box-sizing: border-box;\n  border: 1px solid;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n  &&:not(:hover):not(:focus) {\n    ", ";\n    ", ";\n  }\n  &&:hover:not(:focus) {\n    ", "\n\n    ", ";\n\n    ", ";\n\n    ", ";\n  }\n"])), function (props) {
+var starsWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  width: 66.66%;\n  border-radius: 3px;\n  height: 24px;\n  align-items: center;\n  padding-left: 8px;\n  box-sizing: border-box;\n  border: 1px solid;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n  &&:not(:hover):not(:focus) {\n    ", ";\n    ", ";\n  }\n  &&:hover:not(:focus) {\n    ", "\n\n    ", ";\n\n    ", ";\n\n    ", ";\n  }\n"])), function (props) {
+  return props.readOnly && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n      border: none;\n    "])));
+}, function (props) {
   return props.theme.themeProp('border-color', props.theme.getColor('gray-900'), props.theme.getColor('white'));
 }, function (props) {
-  return props.type === 'success' && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n      animation: ", " 0.5s ease-in-out;\n    "])), function (props) {
+  return props.type === 'success' && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n      animation: ", " 0.5s ease-in-out;\n    "])), function (props) {
     return props.success ? fadeIn : fadeOut;
   });
 }, function (props) {
-  return props.type === 'error' && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n      ", ";\n      ", "\n    "])), props.theme.themeProp('background', '#7F1B1B', '#FBEAE6'), props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6'));
+  return props.type === 'error' && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n      ", ";\n      ", "\n    "])), props.theme.themeProp('background', '#7F1B1B', '#FBEAE6'), props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6'));
 }, function (props) {
-  return props.type === 'warning' && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n      ", ";\n      ", "\n    "])), props.theme.themeProp('background', '#634E01', '#FFFDE8'), props.theme.themeProp('border-color', '#2F2402 ', '#FFFDE8'));
+  return props.type === 'warning' && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n      ", ";\n      ", "\n    "])), props.theme.themeProp('background', '#634E01', '#FFFDE8'), props.theme.themeProp('border-color', '#2F2402 ', '#FFFDE8'));
 }, function (props) {
   return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
 }, function (props) {
@@ -114,7 +116,7 @@ var starsWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultT
 }, function (props) {
   return props.type === 'error' && !props.readOnly && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
 });
-var Star = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n\n  svg {\n    height: 12px;\n    padding-left: 4px;\n    transition: color 250ms;\n  }\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), function (props) {
+var Star = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n\n  svg {\n    height: 12px;\n    padding-left: 4px;\n    transition: color 250ms;\n  }\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
 }, function (props) {
   return props.type === 'warning' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
@@ -123,11 +125,11 @@ var Star = styled__default["default"].button.attrs(defaultTheme.applyDefaultThem
 }, function (props) {
   return props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'));
 }, function (props) {
-  return props.readOnly && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n      pointer-events: none;\n    "])));
+  return props.readOnly && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n      pointer-events: none;\n    "])));
 }, function (props) {
-  return props.disabled && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n      button {\n        cursor: not-allowed;\n      }\n      > * {\n        cursor: not-allowed;\n      }\n    "])));
+  return props.disabled && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n      button {\n        cursor: not-allowed;\n      }\n      > * {\n        cursor: not-allowed;\n      }\n    "])));
 });
-var StarFill = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n\n  svg {\n    height: 12px;\n    padding-left: 4px;\n    transition: color 250ms;\n  }\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), function (props) {
+var StarFill = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n\n  svg {\n    height: 12px;\n    padding-left: 4px;\n    transition: color 250ms;\n  }\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
 }, function (props) {
   return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
@@ -136,11 +138,11 @@ var StarFill = styled__default["default"].button.attrs(defaultTheme.applyDefault
 }, function (props) {
   return props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'));
 }, function (props) {
-  return props.readOnly && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n      pointer-events: none;\n    "])));
+  return props.readOnly && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n      pointer-events: none;\n    "])));
 }, function (props) {
-  return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n      button {\n        cursor: not-allowed;\n      }\n      > * {\n        cursor: not-allowed;\n      }\n    "])));
+  return props.disabled && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n      button {\n        cursor: not-allowed;\n      }\n      > * {\n        cursor: not-allowed;\n      }\n    "])));
 });
-styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  pointer-events: none;\n  margin-left: auto;\n  opacity: ", ";\n  animation: ", " 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  ", "\n  > svg {\n    width: 13px;\n  }\n"])), function (props) {
+styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  pointer-events: none;\n  margin-left: auto;\n  opacity: ", ";\n  animation: ", " 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  ", "\n  > svg {\n    width: 13px;\n  }\n"])), function (props) {
   return props.type === 'success' ? 0 : 1;
 }, function (props) {
   return props.type === 'success' ? fadeOutCheck : fadeInCheck;
@@ -265,7 +267,8 @@ var CompactStarRating = React__default["default"].forwardRef(function CompactSta
       disabled: disabled
     }, label, React__default["default"].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default["default"].createElement(starsWidth, {
       edit: edit,
-      type: type
+      type: type,
+      readOnly: readOnly
     }, stars.map(function (key) {
       return React__default["default"].createElement("div", {
         key: key

package/{CompactTextInput-337b6320.js → CompactTextInput-ac490f47.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var lodash = require('lodash');
 var nanoid = require('nanoid');
 var React = require('react');
 var editNote = require('./edit-note-cefe2215.js');
-require('./Alert-7bbe87f3.js');
-require('./Badge-dc50d116.js');
-var Popover = 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');
+var Popover = require('./Popover-f00121a3.js');
+require('./Tab-d3ee0a3b.js');
+require('./Tabs-2a6baf1c.js');
+var Tooltip = require('./Tooltip-7dc4676b.js');
+require('./VerificationStatusIcon-f3c44ef8.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{ContextMenu-b6ba7a22.js → ContextMenu-9645746f.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/{ContextMenuItem-30f7d64d.js → ContextMenuItem-ae252503.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/InfoCard-005063b4.js

@@ -0,0 +1,86 @@
+'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;
+var Container = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 1rem;\n  font-weight: 500;\n  ", ";\n  height: ", ";\n  border-radius: 3px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 5px 0;\n"])), function (props) {
+  return props.theme.primaryFontFamily;
+}, function (props) {
+  return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-200'));
+}, function (props) {
+  return props.height ? "".concat(props.height, "px") : '50px';
+});
+var MetricsContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  width: 70%;\n  gap: 5px;\n  padding-left: 15px;\n"])));
+var IconTotalContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n"])));
+var Total = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 1.22rem;\n  font-weight: 700;\n  ", ";\n"])), function (props) {
+  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
+});
+var Label = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 0.875rem;\n  font-weight: 400;\n  opacity: 0.8;\n  ", ";\n"])), function (props) {
+  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-500'));
+});
+var IconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 18px;\n  margin-top: -0.05rem;\n"])));
+var Link = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 0.875rem;\n  font-weight: 400;\n  width: 30%;\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)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 0.875rem;\n  font-weight: 500;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\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)(_templateObject9 || (_templateObject9 = 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 = ["icon", "total", "label", "linkLabel", "onClick", "height"];
+var InfoCard = React__default["default"].forwardRef(function InfoCard(_ref, forwardedRef) {
+  var icon = _ref.icon,
+    total = _ref.total,
+    label = _ref.label,
+    linkLabel = _ref.linkLabel,
+    onClick = _ref.onClick,
+    height = _ref.height,
+    props = defaultTheme._objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(false),
+    _useState2 = defaultTheme._slicedToArray(_useState, 2),
+    isLinkHovered = _useState2[0],
+    setIsLinkHovered = _useState2[1];
+  var handleLinkClick = function handleLinkClick(e) {
+    return onClick(e);
+  };
+  return React__default["default"].createElement(Container, defaultTheme._extends({
+    height: height,
+    ref: forwardedRef
+  }, props), React__default["default"].createElement(MetricsContainer, null, React__default["default"].createElement(IconTotalContainer, null, React__default["default"].createElement(IconContainer, null, icon), React__default["default"].createElement(Total, null, total)), React__default["default"].createElement(Label, null, label)), linkLabel && onClick && 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
+  }, linkLabel), React__default["default"].createElement(StyledArrowIcon, {
+    isHovered: isLinkHovered
+  })));
+});
+InfoCard.propTypes = process.env.NODE_ENV !== "production" ? {
+  icon: defaultTheme.PropTypes.element.isRequired,
+  total: defaultTheme.PropTypes.number.isRequired,
+  label: defaultTheme.PropTypes.string.isRequired,
+  linkLabel: defaultTheme.PropTypes.string,
+  onClick: defaultTheme.PropTypes.func,
+  height: defaultTheme.PropTypes.number
+} : {};
+
+exports.InfoCard = InfoCard;

package/{InputGroup-d25c66ad.js → InputGroup-3598e37c.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/{Instructions-dd2880ae.js → Instructions-70f2e97b.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var lodash = require('lodash');
 var React = require('react');
-var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-32a19c92.js');
-var TextArea = require('./TextArea-a125b7b3.js');
+var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-7667888f.js');
+var TextArea = require('./TextArea-4cf36091.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{MultiLevelCheckboxSelect-cd1ced5d.js → MultiLevelCheckboxSelect-1e5db4db.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var React = require('react');
 var styled = require('styled-components');
-require('./Alert-7bbe87f3.js');
-require('./Badge-dc50d116.js');
-var Popover = require('./Popover-5e9ab515.js');
-require('./Tab-572141e4.js');
-require('./Tabs-9dbd5b85.js');
-require('./Tooltip-5bbe5971.js');
-require('./VerificationStatusIcon-10460fe7.js');
-var Checkbox = require('./Checkbox-876f71f0.js');
+require('./Alert-edd9f6a7.js');
+require('./Badge-00b2f311.js');
+var Popover = require('./Popover-f00121a3.js');
+require('./Tab-d3ee0a3b.js');
+require('./Tabs-2a6baf1c.js');
+require('./Tooltip-7dc4676b.js');
+require('./VerificationStatusIcon-f3c44ef8.js');
+var Checkbox = require('./Checkbox-406f005c.js');
 var lodash = require('lodash');
-var TextInput = require('./TextInput-9e62ab60.js');
-require('./InputGroup-d25c66ad.js');
-var SectionSeparator = require('./SectionSeparator-c9ec6fac.js');
+var TextInput = require('./TextInput-9634d62e.js');
+require('./InputGroup-3598e37c.js');
+var SectionSeparator = require('./SectionSeparator-43e1647d.js');
 var close = require('./close-1751121a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{MultiSelect-0cfc8d6c.js → MultiSelect-c1bc3264.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-06b819a9.js');
+var defaultTheme = require('./defaultTheme-24ea5c47.js');
 var React = require('react');
 var nanoid = require('nanoid');
 var styled = require('styled-components');
 var close = require('./close-1751121a.js');
 var Select = require('react-select');
-var reactSelectCreatable_esm = require('./react-select-creatable.esm-3c7b7450.js');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-75f23ee6.js');
 var reactSelectAsyncPaginate = require('react-select-async-paginate');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -40,7 +40,7 @@ var ValueContainer = styled__default["default"](Select.components.ValueContainer
   });
 });
 var MultiValueWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    border-radius: 3px;\n    margin: 0;\n  }\n"])));
-var MultiValue = styled__default["default"](Select.components.MultiValue).attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    border-radius: 3px;\n    margin: 0;\n\n    ", "\n\n    ", "\n\n    > div {\n      align-items: center;\n      display: flex;\n      font-size: 12px;\n      min-height: 26px;\n\n      :first-of-type {\n        padding: ", ";\n      }\n\n      :last-child:not(:only-child) {\n        padding: 0 8px 0 5px;\n        height: 100%;\n        width: fit-content;\n      }\n\n      :last-child:not(:only-child):hover {\n        background-color: ", ";\n        border-bottom-left-radius: 0;\n        border-top-left-radius: 0;\n        cursor: pointer;\n      }\n\n      svg {\n        stroke: white;\n        stroke-width: 2px;\n        width: 8px;\n      }\n\n    :hover {\n      cursor: pointer;\n    }\n  }\n"])), function (props) {
+var MultiValue = styled__default["default"](Select.components.MultiValue).attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    border-radius: 3px;\n    margin: 0;\n\n    ", "\n\n    ", "\n\n    > div {\n      align-items: center;\n      display: flex;\n      font-size: 12px;\n      min-height: 26px;\n\n      :first-of-type {\n        padding: ", ";\n      }\n\n      :last-of-type:not(:only-child) {\n        padding: 0 8px 0 5px;\n        height: 100%;\n        width: fit-content;\n      }\n\n      :last-of-type:not(:only-child):hover {\n        background-color: ", ";\n        border-bottom-left-radius: 0;\n        border-top-left-radius: 0;\n        cursor: pointer;\n      }\n\n      svg {\n        stroke: white;\n        stroke-width: 2px;\n        width: 8px;\n      }\n\n    :hover {\n      cursor: pointer;\n    }\n  }\n"])), function (props) {
   return props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-800'));
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-100'));

package/{Popover-5e9ab515.js → Popover-f00121a3.js}

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