npm - @ntbjs/react-components - Versions diffs - 1.3.0-rc.65 → 1.3.0-rc.67 - Mend

@ntbjs/react-components 1.3.0-rc.65 → 1.3.0-rc.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (63) hide show

package/{ActionButton-5bc79370.js → ActionButton-35005ad4.js} RENAMED Viewed

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

package/{Alert-edd9f6a7.js → Alert-5533e7fa.js} RENAMED Viewed

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

package/{AssetAction-d01b487f.js → AssetAction-0b029125.js} RENAMED Viewed

@@ -1,39 +1,39 @@
 'use strict';
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-becf361a.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-dfbcc22f.js');
+var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-8e9bd00f.js');
 var styled = require('styled-components');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
-var Instructions = require('./Instructions-655dd119.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 Instructions = require('./Instructions-500e185a.js');
+var Alert = require('./Alert-5533e7fa.js');
+var Badge = require('./Badge-c4b16bc5.js');
+var Popover = require('./Popover-aecfdd61.js');
+require('./Tab-240e592d.js');
+require('./Tabs-d0a9244a.js');
+var Tooltip = require('./Tooltip-a01e1ef2.js');
+require('./VerificationStatusIcon-31912bbb.js');
 var react = require('@floating-ui/react');
 var polished = require('polished');
-var ContextMenu = require('./ContextMenu-9645746f.js');
-require('./AssetPreviewTopBar-6eaa7df8.js');
-require('./ProgressBar-951cee9d.js');
-require('./InfoCard-34c339f8.js');
-var ActionButton = require('./ActionButton-5bc79370.js');
-require('./Button-a9afcec0.js');
-require('./Checkbox-406f005c.js');
-require('./CompactAutocompleteSelect-7667888f.js');
-require('./CompactStarRating-d228de55.js');
-require('./CompactTextInput-ac490f47.js');
-require('./MultiSelect-c1bc3264.js');
-require('./Radio-758fd8f3.js');
-require('./TextArea-10a01b00.js');
-require('./TextInput-aa213acf.js');
-require('./Switch-26547abb.js');
-var ContextMenuItem = require('./ContextMenuItem-ae252503.js');
+var ContextMenu = require('./ContextMenu-d2315ca8.js');
+require('./AssetPreviewTopBar-efffbed1.js');
+require('./ProgressBar-5186f6e7.js');
+require('./InfoCard-fcc94022.js');
+var ActionButton = require('./ActionButton-35005ad4.js');
+require('./Button-399267ec.js');
+require('./Checkbox-7ca8eaa2.js');
+require('./CompactAutocompleteSelect-6018842a.js');
+require('./CompactStarRating-9f2a4dd4.js');
+require('./CompactTextInput-999a595b.js');
+require('./MultiSelect-adb9fd0b.js');
+require('./Radio-31fd2b65.js');
+require('./TextArea-92426be1.js');
+require('./TextInput-db3ff7aa.js');
+require('./Switch-6a14e43e.js');
+var ContextMenuItem = require('./ContextMenuItem-68aa601f.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{AssetPreviewTopBar-6eaa7df8.js → AssetPreviewTopBar-efffbed1.js} RENAMED Viewed

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

package/{Badge-00b2f311.js → Badge-c4b16bc5.js} RENAMED Viewed

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

package/{Button-a9afcec0.js → Button-399267ec.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 'use strict';
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-becf361a.js');
 var React = require('react');
 var styled = require('styled-components');
-var Popover = require('./Popover-f00121a3.js');
-var ContextMenu = require('./ContextMenu-9645746f.js');
+var Popover = require('./Popover-aecfdd61.js');
+var ContextMenu = require('./ContextMenu-d2315ca8.js');
 var expandMore = require('./expand-more-d74e2bd2.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{Checkbox-406f005c.js → Checkbox-7ca8eaa2.js} RENAMED Viewed

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

package/{CompactAutocompleteSelect-7667888f.js → CompactAutocompleteSelect-6018842a.js} RENAMED Viewed

@@ -1,20 +1,20 @@
 'use strict';
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-becf361a.js');
 var lodash = require('lodash');
 var nanoid = require('nanoid');
 var React = require('react');
-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');
+require('./Alert-5533e7fa.js');
+require('./Badge-c4b16bc5.js');
+require('./Popover-aecfdd61.js');
+require('./Tab-240e592d.js');
+require('./Tabs-d0a9244a.js');
+var Tooltip = require('./Tooltip-a01e1ef2.js');
+require('./VerificationStatusIcon-31912bbb.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-75f23ee6.js');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-3a91e9b7.js');
 var close = require('./close-1751121a.js');
 var expandMore = require('./expand-more-d74e2bd2.js');

package/{CompactStarRating-d228de55.js → CompactStarRating-9f2a4dd4.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 'use strict';
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-becf361a.js');
 var React = require('react');
-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');
+require('./Alert-5533e7fa.js');
+require('./Badge-c4b16bc5.js');
+require('./Popover-aecfdd61.js');
+require('./Tab-240e592d.js');
+require('./Tabs-d0a9244a.js');
+var Tooltip = require('./Tooltip-a01e1ef2.js');
+require('./VerificationStatusIcon-31912bbb.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, _templateObject22, _templateObject23;
+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,7 +91,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 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\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'));
@@ -115,12 +115,8 @@ var starsWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultT
   return props.type === 'warning' && !props.readOnly && props.theme.themeProp('background', '#806403', '#FFFEBF');
 }, function (props) {
   return props.type === 'error' && !props.readOnly && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
-}, function (props) {
-  return props.readOnly && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n      cursor: default;\n      ", "\n    "])), function (props) {
-    return props.theme.themeProp('border-color', 'rgba(0, 0, 0, 0)', props.theme.getColor('white'));
-  });
 });
-var Star = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject17 || (_templateObject17 = 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'));
@@ -129,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(_templateObject18 || (_templateObject18 = 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(_templateObject19 || (_templateObject19 = 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)(_templateObject20 || (_templateObject20 = 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'));
@@ -142,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(_templateObject21 || (_templateObject21 = 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(_templateObject22 || (_templateObject22 = 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)(_templateObject23 || (_templateObject23 = 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;

package/{CompactTextInput-ac490f47.js → CompactTextInput-999a595b.js} RENAMED Viewed

@@ -1,17 +1,17 @@
 'use strict';
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-becf361a.js');
 var lodash = require('lodash');
 var nanoid = require('nanoid');
 var React = require('react');
 var editNote = require('./edit-note-cefe2215.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');
+require('./Alert-5533e7fa.js');
+require('./Badge-c4b16bc5.js');
+var Popover = require('./Popover-aecfdd61.js');
+require('./Tab-240e592d.js');
+require('./Tabs-d0a9244a.js');
+var Tooltip = require('./Tooltip-a01e1ef2.js');
+require('./VerificationStatusIcon-31912bbb.js');
 var styled = require('styled-components');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{ContextMenu-9645746f.js → ContextMenu-d2315ca8.js} RENAMED Viewed

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

package/{ContextMenuItem-ae252503.js → ContextMenuItem-68aa601f.js} RENAMED Viewed

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

package/{InfoCard-34c339f8.js → InfoCard-fcc94022.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-becf361a.js');
 var React = require('react');
 var styled = require('styled-components');
 var arrowForward = require('./arrow-forward-d7c77ae3.js');
@@ -18,7 +18,7 @@ var Container = styled__default["default"].div.attrs(defaultTheme.applyDefaultTh
 }, 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: 80%;\n  gap: 5px;\n  padding-left: 15px;\n"])));
+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'));
@@ -27,8 +27,8 @@ var Label = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)
   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: 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)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 0.875rem;\n  font-weight: 500;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  ", ";\n"])), function (props) {
+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  ", ";\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('black'));
 });
 var StyledArrowIcon = styled__default["default"](arrowForward.SvgArrowForward).attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n  height: 20px;\n  margin-right: 10px;\n  ", ";\n"])), function (props) {

package/{InputGroup-3598e37c.js → InputGroup-d3b5504c.js} RENAMED Viewed

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

package/{Instructions-655dd119.js → Instructions-500e185a.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 'use strict';
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-becf361a.js');
 var lodash = require('lodash');
 var React = require('react');
-var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-7667888f.js');
-var TextArea = require('./TextArea-10a01b00.js');
+var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-6018842a.js');
+var TextArea = require('./TextArea-92426be1.js');
 var styled = require('styled-components');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{MultiLevelCheckboxSelect-dfbcc22f.js → MultiLevelCheckboxSelect-8e9bd00f.js} RENAMED Viewed

@@ -1,20 +1,20 @@
 'use strict';
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-becf361a.js');
 var React = require('react');
 var styled = require('styled-components');
-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');
+require('./Alert-5533e7fa.js');
+require('./Badge-c4b16bc5.js');
+var Popover = require('./Popover-aecfdd61.js');
+require('./Tab-240e592d.js');
+require('./Tabs-d0a9244a.js');
+require('./Tooltip-a01e1ef2.js');
+require('./VerificationStatusIcon-31912bbb.js');
+var Checkbox = require('./Checkbox-7ca8eaa2.js');
 var lodash = require('lodash');
-var TextInput = require('./TextInput-aa213acf.js');
-require('./InputGroup-3598e37c.js');
-var SectionSeparator = require('./SectionSeparator-43e1647d.js');
+var TextInput = require('./TextInput-db3ff7aa.js');
+require('./InputGroup-d3b5504c.js');
+var SectionSeparator = require('./SectionSeparator-74b58fce.js');
 var close = require('./close-1751121a.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{MultiSelect-c1bc3264.js → MultiSelect-adb9fd0b.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 'use strict';
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-becf361a.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-75f23ee6.js');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-3a91e9b7.js');
 var reactSelectAsyncPaginate = require('react-select-async-paginate');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{Popover-f00121a3.js → Popover-aecfdd61.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 'use strict';
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-becf361a.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-dce50395.js');
+require('./shift-away-subtle-0537d1b6.js');
 var maxSize = require('popper-max-size-modifier');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{ProgressBar-951cee9d.js → ProgressBar-5186f6e7.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-becf361a.js');
 var React = require('react');
 var styled = require('styled-components');
 var arrowForward = require('./arrow-forward-d7c77ae3.js');
@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 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;
+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, ";");
@@ -36,37 +36,45 @@ var Container = styled__default["default"].div.attrs(defaultTheme.applyDefaultTh
 }, function (props) {
   return props.theme.primaryFontFamily;
 });
-var MetricsContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = 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 ? '80%' : '100%';
+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)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 0.875rem;\n  ", "\n"])), function (props) {
+var Label = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 0.875rem;\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)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 0.875rem;\n  font-weight: 500;\n  ", "\n"])), function (props) {
+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)(_templateObject6 || (_templateObject6 = 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) {
+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)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 1.2rem;\n  font-weight: 400;\n  height: 100%;\n  padding: 0 8px;\n  border-radius: 3px 0 0 3px;\n  border-right: 1px solid rgba(255, 255, 255, 0.2);\n  display: flex;\n  align-items: center;\n  ", "\n  ", ";\n"])), function (props) {
-  return getBackgroundColor(props);
-}, function (props) {
+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)(_templateObject8 || (_templateObject8 = 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) {
+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)(_templateObject9 || (_templateObject9 = 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) {
+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)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 0.875rem;\n  font-weight: 400;\n  width: 20%;\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)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 0.875rem;\n  font-weight: 500;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  ", ";\n"])), function (props) {
-  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
+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)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n  height: 15px;\n  margin-right: 10px;\n  ", ";\n"])), function (props) {
-  return props.theme.themeProp('fill', props.theme.getColor('black'), props.theme.getColor('black'));
+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"];
@@ -81,28 +89,55 @@ var ProgressBar = function ProgressBar(_ref) {
     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(ProgressBarTrack, null, React__default["default"].createElement(MetricsContainer, {
-    hasLink: Boolean(linkText)
+  }, props), React__default["default"].createElement(Label, null, label), React__default["default"].createElement(InnerContainer, {
+    type: type
   }, React__default["default"].createElement(Completed, {
     type: type
-  }, safeCompletedAssets), React__default["default"].createElement(ProgressBarFill, {
+  }, 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
-  }, React__default["default"].createElement(PercentageIndicator, {
+  }, !isLowPercentage && React__default["default"].createElement(PercentageIndicator, {
     hasLink: Boolean(linkText)
-  }, percentageText || formattedPercentage))), linkText && React__default["default"].createElement(Link, {
-    onClick: handleLinkClick
-  }, React__default["default"].createElement(ButtonLink, null, linkText), React__default["default"].createElement(StyledArrowIcon, null))));
+  }, 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,

package/{Radio-758fd8f3.js → Radio-31fd2b65.js} RENAMED Viewed

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

package/{SectionSeparator-43e1647d.js → SectionSeparator-74b58fce.js} RENAMED Viewed

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

package/{Switch-26547abb.js → Switch-6a14e43e.js} RENAMED Viewed

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

package/{Tab-d3ee0a3b.js → Tab-240e592d.js} RENAMED Viewed

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