@ntbjs/react-components 1.1.27 → 1.1.29

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 (64) hide show
  1. package/{ActionButton-5bc79370.js → ActionButton-41ea1bda.js} +1 -1
  2. package/{Alert-edd9f6a7.js → Alert-6e35a197.js} +1 -1
  3. package/{AssetAction-a47d4cb3.js → AssetAction-8e86002e.js} +26 -26
  4. package/{AssetPreviewTopBar-6eaa7df8.js → AssetPreviewTopBar-d8887502.js} +1 -1
  5. package/{Badge-00b2f311.js → Badge-a0b1a4e4.js} +1 -1
  6. package/{Button-82e91acb.js → Button-cb9afe67.js} +13 -5
  7. package/{Checkbox-c441fdba.js → Checkbox-153048de.js} +1 -1
  8. package/{CompactAutocompleteSelect-4c2eb20c.js → CompactAutocompleteSelect-d87f259e.js} +9 -9
  9. package/{CompactStarRating-a3d5af80.js → CompactStarRating-224afe96.js} +8 -8
  10. package/{CompactTextInput-1e61fdbd.js → CompactTextInput-f951e9e5.js} +8 -8
  11. package/{ContextMenu-9645746f.js → ContextMenu-5198c59f.js} +1 -1
  12. package/{ContextMenuItem-ae252503.js → ContextMenuItem-fdb31645.js} +1 -1
  13. package/{InfoCard-005063b4.js → InfoCard-11f0ca7f.js} +9 -9
  14. package/{InputGroup-3598e37c.js → InputGroup-3dfa0822.js} +1 -1
  15. package/{Instructions-a273c2ae.js → Instructions-fa82c59d.js} +3 -3
  16. package/{MultiLevelCheckboxSelect-5c4cd6d5.js → MultiLevelCheckboxSelect-ac6eb537.js} +12 -12
  17. package/{MultiSelect-0bdad346.js → MultiSelect-efaecd6e.js} +2 -2
  18. package/{Popover-f00121a3.js → Popover-3bad6306.js} +2 -2
  19. package/{ProgressBar-7d31fd95.js → ProgressBar-e6a86080.js} +9 -9
  20. package/{Radio-758fd8f3.js → Radio-57777d52.js} +1 -1
  21. package/{SectionSeparator-98ec5164.js → SectionSeparator-b9da17f3.js} +1 -1
  22. package/{Switch-26547abb.js → Switch-8892872d.js} +1 -1
  23. package/{Tab-d3ee0a3b.js → Tab-a4efa5a2.js} +1 -1
  24. package/{Tabs-b3a62023.js → Tabs-33a888fb.js} +2 -2
  25. package/{TextArea-2395b45a.js → TextArea-2b00a334.js} +8 -8
  26. package/{TextInput-70cb3df7.js → TextInput-49dfb522.js} +1 -1
  27. package/{Tooltip-7dc4676b.js → Tooltip-ddd4ac6b.js} +2 -2
  28. package/{VerificationStatusIcon-f3c44ef8.js → VerificationStatusIcon-b92fe0ae.js} +1 -1
  29. package/data/Alert/index.js +2 -2
  30. package/data/Badge/index.js +2 -2
  31. package/data/Popover/index.js +3 -3
  32. package/data/Tab/index.js +2 -2
  33. package/data/Tabs/index.js +3 -3
  34. package/data/Tooltip/index.js +3 -3
  35. package/data/index.js +9 -9
  36. package/{defaultTheme-24ea5c47.js → defaultTheme-e27880d7.js} +1 -1
  37. package/inputs/ActionButton/index.js +2 -2
  38. package/inputs/Button/index.js +5 -5
  39. package/inputs/Checkbox/index.js +2 -2
  40. package/inputs/CompactAutocompleteSelect/index.js +11 -11
  41. package/inputs/CompactStarRating/index.js +10 -10
  42. package/inputs/CompactTextInput/index.js +10 -10
  43. package/inputs/MultiSelect/index.js +3 -3
  44. package/inputs/Radio/index.js +2 -2
  45. package/inputs/Switch/index.js +2 -2
  46. package/inputs/TextArea/index.js +10 -10
  47. package/inputs/TextInput/index.js +2 -2
  48. package/inputs/index.js +25 -25
  49. package/layout/InputGroup/index.js +2 -2
  50. package/layout/SectionSeparator/index.js +2 -2
  51. package/layout/index.js +3 -3
  52. package/package.json +1 -1
  53. package/{react-select-creatable.esm-09b1be95.js → react-select-creatable.esm-9bb6a785.js} +7 -5
  54. package/{shift-away-subtle-dce50395.js → shift-away-subtle-d02f851e.js} +1 -1
  55. package/styles/config.scss +1 -0
  56. package/widgets/AssetGallery/index.js +31 -31
  57. package/widgets/AssetPreview/AssetPreviewTopBar/index.js +2 -2
  58. package/widgets/ContextMenu/ContextMenuItem/index.js +2 -2
  59. package/widgets/ContextMenu/ContextMenuItemsGroup/index.js +1 -1
  60. package/widgets/ContextMenu/index.js +2 -2
  61. package/widgets/InfoCard/index.js +2 -2
  62. package/widgets/Instructions/index.js +13 -13
  63. package/widgets/ProgressBar/index.js +2 -2
  64. package/widgets/index.js +31 -31
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
  var polished = require('polished');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
  var lodash = require('lodash');
@@ -1,39 +1,39 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var lodash = require('lodash');
5
5
  var React = require('react');
6
6
  var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
7
7
  var ResizeObserver = require('resize-observer-polyfill');
8
- var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-5c4cd6d5.js');
8
+ var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-ac6eb537.js');
9
9
  var styled = require('styled-components');
10
10
  var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
11
- var Instructions = require('./Instructions-a273c2ae.js');
12
- var Alert = require('./Alert-edd9f6a7.js');
13
- var Badge = require('./Badge-00b2f311.js');
14
- var Popover = require('./Popover-f00121a3.js');
15
- require('./Tab-d3ee0a3b.js');
16
- require('./Tabs-b3a62023.js');
17
- var Tooltip = require('./Tooltip-7dc4676b.js');
18
- require('./VerificationStatusIcon-f3c44ef8.js');
11
+ var Instructions = require('./Instructions-fa82c59d.js');
12
+ var Alert = require('./Alert-6e35a197.js');
13
+ var Badge = require('./Badge-a0b1a4e4.js');
14
+ var Popover = require('./Popover-3bad6306.js');
15
+ require('./Tab-a4efa5a2.js');
16
+ require('./Tabs-33a888fb.js');
17
+ var Tooltip = require('./Tooltip-ddd4ac6b.js');
18
+ require('./VerificationStatusIcon-b92fe0ae.js');
19
19
  var react = require('@floating-ui/react');
20
20
  var polished = require('polished');
21
- var ContextMenu = require('./ContextMenu-9645746f.js');
22
- require('./AssetPreviewTopBar-6eaa7df8.js');
23
- require('./ProgressBar-7d31fd95.js');
24
- require('./InfoCard-005063b4.js');
25
- var ActionButton = require('./ActionButton-5bc79370.js');
26
- require('./Button-82e91acb.js');
27
- require('./Checkbox-c441fdba.js');
28
- require('./CompactAutocompleteSelect-4c2eb20c.js');
29
- require('./CompactStarRating-a3d5af80.js');
30
- require('./CompactTextInput-1e61fdbd.js');
31
- require('./MultiSelect-0bdad346.js');
32
- require('./Radio-758fd8f3.js');
33
- require('./TextArea-2395b45a.js');
34
- require('./TextInput-70cb3df7.js');
35
- require('./Switch-26547abb.js');
36
- var ContextMenuItem = require('./ContextMenuItem-ae252503.js');
21
+ var ContextMenu = require('./ContextMenu-5198c59f.js');
22
+ require('./AssetPreviewTopBar-d8887502.js');
23
+ require('./ProgressBar-e6a86080.js');
24
+ require('./InfoCard-11f0ca7f.js');
25
+ var ActionButton = require('./ActionButton-41ea1bda.js');
26
+ require('./Button-cb9afe67.js');
27
+ require('./Checkbox-153048de.js');
28
+ require('./CompactAutocompleteSelect-d87f259e.js');
29
+ require('./CompactStarRating-224afe96.js');
30
+ require('./CompactTextInput-f951e9e5.js');
31
+ require('./MultiSelect-efaecd6e.js');
32
+ require('./Radio-57777d52.js');
33
+ require('./TextArea-2b00a334.js');
34
+ require('./TextInput-49dfb522.js');
35
+ require('./Switch-8892872d.js');
36
+ var ContextMenuItem = require('./ContextMenuItem-fdb31645.js');
37
37
 
38
38
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
39
39
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
  var close = require('./close-1751121a.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
 
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
- var Popover = require('./Popover-f00121a3.js');
7
- var ContextMenu = require('./ContextMenu-9645746f.js');
6
+ var Popover = require('./Popover-3bad6306.js');
7
+ var ContextMenu = require('./ContextMenu-5198c59f.js');
8
8
  var expandMore = require('./expand-more-d74e2bd2.js');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -13,8 +13,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
14
14
 
15
15
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29;
16
- var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n border-radius: 3px;\n font-family: inherit;\n font-size: 0.875rem;\n font-weight: 400;\n padding: 12px 16px;\n cursor: pointer;\n background: ", ";\n border: 2px solid ", ";\n transition: all 250ms, opacity 200ms;\n\n &:hover,\n &.dropdown-is-active {\n background: #296c58;\n border-color: #296c58;\n }\n\n ", "\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (props) {
16
+ var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n border-radius: 3px;\n font-family: inherit;\n font-size: 0.875rem;\n font-weight: 400;\n padding: 12px 16px;\n cursor: pointer;\n background: ", ";\n border: ", "px solid ", ";\n transition: all 250ms, opacity 200ms;\n\n &:hover,\n &.dropdown-is-active {\n background: #296c58;\n border-color: #296c58;\n }\n\n ", "\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (props) {
17
17
  return props.theme.getColor('emerald-500');
18
+ }, function (props) {
19
+ return props.border;
18
20
  }, function (props) {
19
21
  return props.theme.getColor('emerald-500');
20
22
  }, function (props) {
@@ -84,7 +86,7 @@ var DropdownButtonContainer = styled__default["default"].div.attrs(defaultTheme.
84
86
  return !props.singleAction && 'margin-bottom: 1px';
85
87
  });
86
88
 
87
- var _excluded = ["onClickEffect", "singleAction", "activeDropdown", "dropdownItems", "secondary", "outlined", "block", "icon", "size", "disabled", "loading", "className", "children", "singleActionGap", "width"];
89
+ var _excluded = ["onClickEffect", "singleAction", "activeDropdown", "dropdownItems", "secondary", "outlined", "block", "icon", "size", "disabled", "loading", "className", "children", "singleActionGap", "width", "border"];
88
90
  var Button = React__default["default"].forwardRef(function Button(_ref, forwardedRef) {
89
91
  var onClickEffect = _ref.onClickEffect,
90
92
  _ref$singleAction = _ref.singleAction,
@@ -105,6 +107,8 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
105
107
  _ref$singleActionGap = _ref.singleActionGap,
106
108
  singleActionGap = _ref$singleActionGap === void 0 ? 34 : _ref$singleActionGap,
107
109
  width = _ref.width,
110
+ _ref$border = _ref.border,
111
+ border = _ref$border === void 0 ? 2 : _ref$border,
108
112
  props = defaultTheme._objectWithoutProperties(_ref, _excluded);
109
113
  var _useState = React.useState(loading || false),
110
114
  _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -167,6 +171,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
167
171
  }, React__default["default"].createElement(Button$1, defaultTheme._extends({
168
172
  ref: forwardedRef,
169
173
  onClick: onClickEffect,
174
+ border: border,
170
175
  singleAction: singleAction,
171
176
  dropdownItems: dropdownItems,
172
177
  secondary: secondary,
@@ -214,6 +219,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
214
219
  dropdownItems: dropdownItems,
215
220
  secondary: secondary,
216
221
  outlined: outlined,
222
+ border: border,
217
223
  block: block,
218
224
  size: size,
219
225
  disabled: disabled,
@@ -240,6 +246,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
240
246
  dropdownItems: dropdownItems,
241
247
  secondary: secondary,
242
248
  outlined: outlined,
249
+ border: border,
243
250
  block: block,
244
251
  size: size,
245
252
  disabled: disabled,
@@ -259,6 +266,7 @@ Button.propTypes = process.env.NODE_ENV !== "production" ? {
259
266
  dropdownItems: defaultTheme.PropTypes.node,
260
267
  secondary: defaultTheme.PropTypes.bool,
261
268
  outlined: defaultTheme.PropTypes.bool,
269
+ border: defaultTheme.PropTypes.number,
262
270
  block: defaultTheme.PropTypes.bool,
263
271
  icon: defaultTheme.PropTypes.element,
264
272
  size: defaultTheme.PropTypes.oneOf(['x-small', 'small', 'normal', 'large']),
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var nanoid = require('nanoid');
6
6
  var lodash = require('lodash');
@@ -1,20 +1,20 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var lodash = require('lodash');
5
5
  var nanoid = require('nanoid');
6
6
  var React = require('react');
7
- require('./Alert-edd9f6a7.js');
8
- require('./Badge-00b2f311.js');
9
- require('./Popover-f00121a3.js');
10
- require('./Tab-d3ee0a3b.js');
11
- require('./Tabs-b3a62023.js');
12
- var Tooltip = require('./Tooltip-7dc4676b.js');
13
- require('./VerificationStatusIcon-f3c44ef8.js');
7
+ require('./Alert-6e35a197.js');
8
+ require('./Badge-a0b1a4e4.js');
9
+ require('./Popover-3bad6306.js');
10
+ require('./Tab-a4efa5a2.js');
11
+ require('./Tabs-33a888fb.js');
12
+ var Tooltip = require('./Tooltip-ddd4ac6b.js');
13
+ require('./VerificationStatusIcon-b92fe0ae.js');
14
14
  var styled = require('styled-components');
15
15
  var Select = require('react-select');
16
16
  var reactSelectAsyncPaginate = require('react-select-async-paginate');
17
- var reactSelectCreatable_esm = require('./react-select-creatable.esm-09b1be95.js');
17
+ var reactSelectCreatable_esm = require('./react-select-creatable.esm-9bb6a785.js');
18
18
  var close = require('./close-1751121a.js');
19
19
  var expandMore = require('./expand-more-d74e2bd2.js');
20
20
 
@@ -1,14 +1,14 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
- require('./Alert-edd9f6a7.js');
6
- require('./Badge-00b2f311.js');
7
- require('./Popover-f00121a3.js');
8
- require('./Tab-d3ee0a3b.js');
9
- require('./Tabs-b3a62023.js');
10
- var Tooltip = require('./Tooltip-7dc4676b.js');
11
- require('./VerificationStatusIcon-f3c44ef8.js');
5
+ require('./Alert-6e35a197.js');
6
+ require('./Badge-a0b1a4e4.js');
7
+ require('./Popover-3bad6306.js');
8
+ require('./Tab-a4efa5a2.js');
9
+ require('./Tabs-33a888fb.js');
10
+ var Tooltip = require('./Tooltip-ddd4ac6b.js');
11
+ require('./VerificationStatusIcon-b92fe0ae.js');
12
12
  var styled = require('styled-components');
13
13
 
14
14
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1,17 +1,17 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var lodash = require('lodash');
5
5
  var nanoid = require('nanoid');
6
6
  var React = require('react');
7
7
  var editNote = require('./edit-note-cefe2215.js');
8
- require('./Alert-edd9f6a7.js');
9
- require('./Badge-00b2f311.js');
10
- var Popover = require('./Popover-f00121a3.js');
11
- require('./Tab-d3ee0a3b.js');
12
- require('./Tabs-b3a62023.js');
13
- var Tooltip = require('./Tooltip-7dc4676b.js');
14
- require('./VerificationStatusIcon-f3c44ef8.js');
8
+ require('./Alert-6e35a197.js');
9
+ require('./Badge-a0b1a4e4.js');
10
+ var Popover = require('./Popover-3bad6306.js');
11
+ require('./Tab-a4efa5a2.js');
12
+ require('./Tabs-33a888fb.js');
13
+ var Tooltip = require('./Tooltip-ddd4ac6b.js');
14
+ require('./VerificationStatusIcon-b92fe0ae.js');
15
15
  var styled = require('styled-components');
16
16
 
17
17
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
  var arrowForward = require('./arrow-forward-d7c77ae3.js');
@@ -14,7 +14,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
14
14
  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) {
15
15
  return props.theme.primaryFontFamily;
16
16
  }, function (props) {
17
- return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-200'));
17
+ return props.theme.themeProp('background', props.theme.getColor('gray-800'), props.theme.getColor('gray-50'));
18
18
  }, function (props) {
19
19
  return props.height ? "".concat(props.height, "px") : '50px';
20
20
  });
@@ -29,16 +29,16 @@ var Label = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)
29
29
  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"])));
30
30
  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"])));
31
31
  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) {
32
- return props.isHovered ? 1 : 0.8;
32
+ return props.$isHovered ? 1 : 0.8;
33
33
  }, function (props) {
34
- 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'));
34
+ 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'));
35
35
  });
36
36
  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) {
37
- return props.isHovered ? 1 : 0.8;
37
+ return props.$isHovered ? 1 : 0.8;
38
38
  }, function (props) {
39
- return props.isHovered ? 'translateX(2px)' : 'translateX(0)';
39
+ return props.$isHovered ? 'translateX(2px)' : 'translateX(0)';
40
40
  }, function (props) {
41
- 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'));
41
+ 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'));
42
42
  });
43
43
 
44
44
  var _excluded = ["icon", "total", "label", "linkLabel", "onClick", "height"];
@@ -69,9 +69,9 @@ var InfoCard = React__default["default"].forwardRef(function InfoCard(_ref, forw
69
69
  return setIsLinkHovered(false);
70
70
  }
71
71
  }, React__default["default"].createElement(ButtonLink, {
72
- isHovered: isLinkHovered
72
+ $isHovered: isLinkHovered
73
73
  }, linkLabel), React__default["default"].createElement(StyledArrowIcon, {
74
- isHovered: isLinkHovered
74
+ $isHovered: isLinkHovered
75
75
  })));
76
76
  });
77
77
  InfoCard.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
 
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var lodash = require('lodash');
5
5
  var React = require('react');
6
- var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-4c2eb20c.js');
7
- var TextArea = require('./TextArea-2395b45a.js');
6
+ var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-d87f259e.js');
7
+ var TextArea = require('./TextArea-2b00a334.js');
8
8
  var styled = require('styled-components');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1,20 +1,20 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
- require('./Alert-edd9f6a7.js');
7
- require('./Badge-00b2f311.js');
8
- var Popover = require('./Popover-f00121a3.js');
9
- require('./Tab-d3ee0a3b.js');
10
- require('./Tabs-b3a62023.js');
11
- require('./Tooltip-7dc4676b.js');
12
- require('./VerificationStatusIcon-f3c44ef8.js');
13
- var Checkbox = require('./Checkbox-c441fdba.js');
6
+ require('./Alert-6e35a197.js');
7
+ require('./Badge-a0b1a4e4.js');
8
+ var Popover = require('./Popover-3bad6306.js');
9
+ require('./Tab-a4efa5a2.js');
10
+ require('./Tabs-33a888fb.js');
11
+ require('./Tooltip-ddd4ac6b.js');
12
+ require('./VerificationStatusIcon-b92fe0ae.js');
13
+ var Checkbox = require('./Checkbox-153048de.js');
14
14
  var lodash = require('lodash');
15
- var TextInput = require('./TextInput-70cb3df7.js');
16
- require('./InputGroup-3598e37c.js');
17
- var SectionSeparator = require('./SectionSeparator-98ec5164.js');
15
+ var TextInput = require('./TextInput-49dfb522.js');
16
+ require('./InputGroup-3dfa0822.js');
17
+ var SectionSeparator = require('./SectionSeparator-b9da17f3.js');
18
18
  var close = require('./close-1751121a.js');
19
19
 
20
20
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1,12 +1,12 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var nanoid = require('nanoid');
6
6
  var styled = require('styled-components');
7
7
  var close = require('./close-1751121a.js');
8
8
  var Select = require('react-select');
9
- var reactSelectCreatable_esm = require('./react-select-creatable.esm-09b1be95.js');
9
+ var reactSelectCreatable_esm = require('./react-select-creatable.esm-9bb6a785.js');
10
10
  var reactSelectAsyncPaginate = require('react-select-async-paginate');
11
11
 
12
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1,12 +1,12 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var lodash = require('lodash');
5
5
  var React = require('react');
6
6
  var styled = require('styled-components');
7
7
  var polished = require('polished');
8
8
  var TippyTooltip = require('@tippyjs/react');
9
- require('./shift-away-subtle-dce50395.js');
9
+ require('./shift-away-subtle-d02f851e.js');
10
10
  var maxSize = require('popper-max-size-modifier');
11
11
 
12
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
  var arrowForward = require('./arrow-forward-d7c77ae3.js');
@@ -47,7 +47,7 @@ styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateOb
47
47
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
48
48
  });
49
49
  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) {
50
- return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-200'));
50
+ return props.theme.themeProp('background', props.theme.getColor('gray-800'), props.theme.getColor('gray-50'));
51
51
  });
52
52
  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) {
53
53
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-800'));
@@ -65,16 +65,16 @@ var ProgressBarFill = styled__default["default"].div.attrs(defaultTheme.applyDef
65
65
  });
66
66
  var Link = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = 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"])));
67
67
  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 opacity: ", ";\n transition: color 0.2s ease-in-out;\n ", ";\n"])), function (props) {
68
- return props.isHovered ? 1 : 0.8;
68
+ return props.$isHovered ? 1 : 0.8;
69
69
  }, function (props) {
70
- 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'));
70
+ 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'));
71
71
  });
72
72
  var StyledArrowIcon = styled__default["default"](arrowForward.SvgArrowForward).attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = 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) {
73
- return props.isHovered ? 1 : 0.8;
73
+ return props.$isHovered ? 1 : 0.8;
74
74
  }, function (props) {
75
- return props.isHovered ? 'translateX(2px)' : 'translateX(0)';
75
+ return props.$isHovered ? 'translateX(2px)' : 'translateX(0)';
76
76
  }, function (props) {
77
- 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'));
77
+ 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'));
78
78
  });
79
79
 
80
80
  var _excluded = ["totalAssets", "completedAssets", "percentageText", "barColor", "height", "label", "type", "linkText", "onClick"];
@@ -134,9 +134,9 @@ var ProgressBar = function ProgressBar(_ref) {
134
134
  return setIsLinkHovered(false);
135
135
  }
136
136
  }, React__default["default"].createElement(ButtonLink, {
137
- isHovered: isLinkHovered
137
+ $isHovered: isLinkHovered
138
138
  }, linkText), React__default["default"].createElement(StyledArrowIcon, {
139
- isHovered: isLinkHovered
139
+ $isHovered: isLinkHovered
140
140
  })))));
141
141
  };
142
142
  ProgressBar.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var nanoid = require('nanoid');
6
6
  var polished = require('polished');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var nanoid = require('nanoid');
6
6
  var polished = require('polished');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
 
@@ -1,9 +1,9 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var lodash = require('lodash');
5
5
  var React = require('react');
6
- var Tab = require('./Tab-d3ee0a3b.js');
6
+ var Tab = require('./Tab-a4efa5a2.js');
7
7
  var styled = require('styled-components');
8
8
 
9
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1,17 +1,17 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var lodash = require('lodash');
6
6
  var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
7
7
  var nanoid = require('nanoid');
8
- require('./Alert-edd9f6a7.js');
9
- require('./Badge-00b2f311.js');
10
- require('./Popover-f00121a3.js');
11
- require('./Tab-d3ee0a3b.js');
12
- require('./Tabs-b3a62023.js');
13
- var Tooltip = require('./Tooltip-7dc4676b.js');
14
- require('./VerificationStatusIcon-f3c44ef8.js');
8
+ require('./Alert-6e35a197.js');
9
+ require('./Badge-a0b1a4e4.js');
10
+ require('./Popover-3bad6306.js');
11
+ require('./Tab-a4efa5a2.js');
12
+ require('./Tabs-33a888fb.js');
13
+ var Tooltip = require('./Tooltip-ddd4ac6b.js');
14
+ require('./VerificationStatusIcon-b92fe0ae.js');
15
15
  var editNote = require('./edit-note-cefe2215.js');
16
16
  var styled = require('styled-components');
17
17
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var nanoid = require('nanoid');
6
6
  var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
  var TippyTooltip = require('@tippyjs/react');
7
- require('./shift-away-subtle-dce50395.js');
7
+ require('./shift-away-subtle-d02f851e.js');
8
8
 
9
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
10
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var defaultTheme = require('./defaultTheme-24ea5c47.js');
3
+ var defaultTheme = require('./defaultTheme-e27880d7.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var Alert = require('../../Alert-edd9f6a7.js');
4
- require('../../defaultTheme-24ea5c47.js');
3
+ var Alert = require('../../Alert-6e35a197.js');
4
+ require('../../defaultTheme-e27880d7.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('lodash');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var Badge = require('../../Badge-00b2f311.js');
4
- require('../../defaultTheme-24ea5c47.js');
3
+ var Badge = require('../../Badge-a0b1a4e4.js');
4
+ require('../../defaultTheme-e27880d7.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7