@ntbjs/react-components 1.1.26 → 1.1.28

package/{ActionButton-5bc79370.js → ActionButton-41ea1bda.js}

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

package/{Alert-edd9f6a7.js → Alert-6e35a197.js}

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

package/{AssetAction-529207b8.js → AssetAction-af841b38.js}

@@ -1,39 +1,39 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-e27880d7.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-a45b51b1.js');
+var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-ac6eb537.js');
 var styled = require('styled-components');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
-var Instructions = require('./Instructions-9fc0287e.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-20c4effe.js');
-var Tooltip = require('./Tooltip-7dc4676b.js');
-require('./VerificationStatusIcon-f3c44ef8.js');
+var Instructions = require('./Instructions-fa82c59d.js');
+var Alert = require('./Alert-6e35a197.js');
+var Badge = require('./Badge-a0b1a4e4.js');
+var Popover = require('./Popover-3bad6306.js');
+require('./Tab-a4efa5a2.js');
+require('./Tabs-33a888fb.js');
+var Tooltip = require('./Tooltip-ddd4ac6b.js');
+require('./VerificationStatusIcon-b92fe0ae.js');
 var react = require('@floating-ui/react');
 var polished = require('polished');
-var ContextMenu = require('./ContextMenu-9645746f.js');
-require('./AssetPreviewTopBar-6eaa7df8.js');
-require('./ProgressBar-7d31fd95.js');
-require('./InfoCard-005063b4.js');
-var ActionButton = require('./ActionButton-5bc79370.js');
-require('./Button-82e91acb.js');
-require('./Checkbox-c441fdba.js');
-require('./CompactAutocompleteSelect-56f502f6.js');
-require('./CompactStarRating-a17e419a.js');
-require('./CompactTextInput-966c1f28.js');
-require('./MultiSelect-0bdad346.js');
-require('./Radio-758fd8f3.js');
-require('./TextArea-db4bad70.js');
-require('./TextInput-70cb3df7.js');
-require('./Switch-26547abb.js');
-var ContextMenuItem = require('./ContextMenuItem-ae252503.js');
+var ContextMenu = require('./ContextMenu-5198c59f.js');
+require('./AssetPreviewTopBar-d8887502.js');
+require('./ProgressBar-e6a86080.js');
+require('./InfoCard-11f0ca7f.js');
+var ActionButton = require('./ActionButton-41ea1bda.js');
+require('./Button-e1c2d914.js');
+require('./Checkbox-153048de.js');
+require('./CompactAutocompleteSelect-d87f259e.js');
+require('./CompactStarRating-224afe96.js');
+require('./CompactTextInput-f951e9e5.js');
+require('./MultiSelect-efaecd6e.js');
+require('./Radio-57777d52.js');
+require('./TextArea-2b00a334.js');
+require('./TextInput-49dfb522.js');
+require('./Switch-8892872d.js');
+var ContextMenuItem = require('./ContextMenuItem-fdb31645.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/{AssetPreviewTopBar-6eaa7df8.js → AssetPreviewTopBar-d8887502.js}

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

package/{Badge-00b2f311.js → Badge-a0b1a4e4.js}

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

package/{Button-82e91acb.js → Button-e1c2d914.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-e27880d7.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-3bad6306.js');
+var ContextMenu = require('./ContextMenu-5198c59f.js');
 var expandMore = require('./expand-more-d74e2bd2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{Checkbox-c441fdba.js → Checkbox-153048de.js}

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

package/{CompactAutocompleteSelect-56f502f6.js → CompactAutocompleteSelect-d87f259e.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-e27880d7.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-20c4effe.js');
-var Tooltip = require('./Tooltip-7dc4676b.js');
-require('./VerificationStatusIcon-f3c44ef8.js');
+require('./Alert-6e35a197.js');
+require('./Badge-a0b1a4e4.js');
+require('./Popover-3bad6306.js');
+require('./Tab-a4efa5a2.js');
+require('./Tabs-33a888fb.js');
+var Tooltip = require('./Tooltip-ddd4ac6b.js');
+require('./VerificationStatusIcon-b92fe0ae.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-09b1be95.js');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-9bb6a785.js');
 var close = require('./close-1751121a.js');
 var expandMore = require('./expand-more-d74e2bd2.js');
 

package/{CompactStarRating-a17e419a.js → CompactStarRating-224afe96.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-e27880d7.js');
 var React = require('react');
-require('./Alert-edd9f6a7.js');
-require('./Badge-00b2f311.js');
-require('./Popover-f00121a3.js');
-require('./Tab-d3ee0a3b.js');
-require('./Tabs-20c4effe.js');
-var Tooltip = require('./Tooltip-7dc4676b.js');
-require('./VerificationStatusIcon-f3c44ef8.js');
+require('./Alert-6e35a197.js');
+require('./Badge-a0b1a4e4.js');
+require('./Popover-3bad6306.js');
+require('./Tab-a4efa5a2.js');
+require('./Tabs-33a888fb.js');
+var Tooltip = require('./Tooltip-ddd4ac6b.js');
+require('./VerificationStatusIcon-b92fe0ae.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{CompactTextInput-966c1f28.js → CompactTextInput-f951e9e5.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-e27880d7.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-20c4effe.js');
-var Tooltip = require('./Tooltip-7dc4676b.js');
-require('./VerificationStatusIcon-f3c44ef8.js');
+require('./Alert-6e35a197.js');
+require('./Badge-a0b1a4e4.js');
+var Popover = require('./Popover-3bad6306.js');
+require('./Tab-a4efa5a2.js');
+require('./Tabs-33a888fb.js');
+var Tooltip = require('./Tooltip-ddd4ac6b.js');
+require('./VerificationStatusIcon-b92fe0ae.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-5198c59f.js}

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

package/{ContextMenuItem-ae252503.js → ContextMenuItem-fdb31645.js}

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

package/{InfoCard-005063b4.js → InfoCard-11f0ca7f.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-e27880d7.js');
 var React = require('react');
 var styled = require('styled-components');
 var arrowForward = require('./arrow-forward-d7c77ae3.js');
@@ -14,7 +14,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 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'));
+  return props.theme.themeProp('background', props.theme.getColor('gray-800'), props.theme.getColor('gray-50'));
 }, function (props) {
   return props.height ? "".concat(props.height, "px") : '50px';
 });
@@ -29,16 +29,16 @@ var Label = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)
 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;
+  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'));
+  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;
+  return props.$isHovered ? 1 : 0.8;
 }, function (props) {
-  return props.isHovered ? 'translateX(2px)' : 'translateX(0)';
+  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'));
+  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"];
@@ -69,9 +69,9 @@ var InfoCard = React__default["default"].forwardRef(function InfoCard(_ref, forw
       return setIsLinkHovered(false);
     }
   }, React__default["default"].createElement(ButtonLink, {
-    isHovered: isLinkHovered
+    $isHovered: isLinkHovered
   }, linkLabel), React__default["default"].createElement(StyledArrowIcon, {
-    isHovered: isLinkHovered
+    $isHovered: isLinkHovered
   })));
 });
 InfoCard.propTypes = process.env.NODE_ENV !== "production" ? {

package/{InputGroup-3598e37c.js → InputGroup-3dfa0822.js}

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

package/{Instructions-9fc0287e.js → Instructions-fa82c59d.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-e27880d7.js');
 var lodash = require('lodash');
 var React = require('react');
-var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-56f502f6.js');
-var TextArea = require('./TextArea-db4bad70.js');
+var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-d87f259e.js');
+var TextArea = require('./TextArea-2b00a334.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{MultiLevelCheckboxSelect-a45b51b1.js → MultiLevelCheckboxSelect-ac6eb537.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-e27880d7.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-20c4effe.js');
-require('./Tooltip-7dc4676b.js');
-require('./VerificationStatusIcon-f3c44ef8.js');
-var Checkbox = require('./Checkbox-c441fdba.js');
+require('./Alert-6e35a197.js');
+require('./Badge-a0b1a4e4.js');
+var Popover = require('./Popover-3bad6306.js');
+require('./Tab-a4efa5a2.js');
+require('./Tabs-33a888fb.js');
+require('./Tooltip-ddd4ac6b.js');
+require('./VerificationStatusIcon-b92fe0ae.js');
+var Checkbox = require('./Checkbox-153048de.js');
 var lodash = require('lodash');
-var TextInput = require('./TextInput-70cb3df7.js');
-require('./InputGroup-3598e37c.js');
-var SectionSeparator = require('./SectionSeparator-43e1647d.js');
+var TextInput = require('./TextInput-49dfb522.js');
+require('./InputGroup-3dfa0822.js');
+var SectionSeparator = require('./SectionSeparator-b9da17f3.js');
 var close = require('./close-1751121a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{MultiSelect-0bdad346.js → MultiSelect-efaecd6e.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-e27880d7.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-09b1be95.js');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-9bb6a785.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-3bad6306.js}

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

package/{ProgressBar-7d31fd95.js → ProgressBar-e6a86080.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-e27880d7.js');
 var React = require('react');
 var styled = require('styled-components');
 var arrowForward = require('./arrow-forward-d7c77ae3.js');
@@ -47,7 +47,7 @@ styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateOb
   return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
 });
 var ProgressBarTrack = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  border-radius: 3px;\n  height: 100%;\n  ", "\n"])), function (props) {
-  return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-200'));
+  return props.theme.themeProp('background', props.theme.getColor('gray-800'), props.theme.getColor('gray-50'));
 });
 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'));
@@ -65,16 +65,16 @@ var ProgressBarFill = styled__default["default"].div.attrs(defaultTheme.applyDef
 });
 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"])));
 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) {
-  return props.isHovered ? 1 : 0.8;
+  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'));
+  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  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;
+  return props.$isHovered ? 1 : 0.8;
 }, function (props) {
-  return props.isHovered ? 'translateX(2px)' : 'translateX(0)';
+  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'));
+  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"];
@@ -134,9 +134,9 @@ var ProgressBar = function ProgressBar(_ref) {
       return setIsLinkHovered(false);
     }
   }, React__default["default"].createElement(ButtonLink, {
-    isHovered: isLinkHovered
+    $isHovered: isLinkHovered
   }, linkText), React__default["default"].createElement(StyledArrowIcon, {
-    isHovered: isLinkHovered
+    $isHovered: isLinkHovered
   })))));
 };
 ProgressBar.propTypes = process.env.NODE_ENV !== "production" ? {

package/{Radio-758fd8f3.js → Radio-57777d52.js}

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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-e27880d7.js');
 var React = require('react');
 var styled = require('styled-components');
 
@@ -10,28 +10,32 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _templateObject;
-var SectionSeparator$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n height: ", ";\n width: ", ";\n\n ", "\n"])), function (props) {
+var SectionSeparator$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  height: ", ";\n  width: ", ";\n\n  ", "\n\n  ", "\n"])), function (props) {
   return props.vertical ? '100%' : '1px';
 }, function (props) {
   return props.vertical ? '1px' : '100%';
+}, function (props) {
+  return props.vertical ? "margin-left: ".concat(props.margin, "px; margin-right: ").concat(props.margin, "px;") : "margin-top: ".concat(props.margin, "px; margin-bottom: ").concat(props.margin, "px;");
 }, function (props) {
   return props.theme.themeProp('background-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-200'));
 });
 
-var _excluded = ["vertical"];
+var _excluded = ["vertical", "margin"];
 var SectionSeparator = React__default["default"].forwardRef(function SectionSeparator(_ref, forwardedRef) {
-  var vertical = _ref.vertical,
+  var _ref$vertical = _ref.vertical,
+    vertical = _ref$vertical === void 0 ? false : _ref$vertical,
+    _ref$margin = _ref.margin,
+    margin = _ref$margin === void 0 ? 0 : _ref$margin,
     props = defaultTheme._objectWithoutProperties(_ref, _excluded);
   return React__default["default"].createElement(SectionSeparator$1, defaultTheme._extends({
     vertical: vertical,
+    margin: margin,
     ref: forwardedRef
   }, props));
 });
 SectionSeparator.propTypes = process.env.NODE_ENV !== "production" ? {
-  vertical: defaultTheme.PropTypes.bool
+  vertical: defaultTheme.PropTypes.bool,
+  margin: defaultTheme.PropTypes.number
 } : {};
-SectionSeparator.defaultProps = {
-  vertical: false
-};
 
 exports.SectionSeparator = SectionSeparator;

package/{Switch-26547abb.js → Switch-8892872d.js}

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

package/{Tab-d3ee0a3b.js → Tab-a4efa5a2.js}

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

package/{Tabs-20c4effe.js → Tabs-33a888fb.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-24ea5c47.js');
+var defaultTheme = require('./defaultTheme-e27880d7.js');
 var lodash = require('lodash');
 var React = require('react');
-var Tab = require('./Tab-d3ee0a3b.js');
+var Tab = require('./Tab-a4efa5a2.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -53,9 +53,12 @@ var TabHeaderBorder = styled__default["default"].div.attrs(defaultTheme.applyDef
 var _excluded = ["children", "defaultMinHeight", "customPadding", "onTabClick"];
 var Tabs = React__default["default"].forwardRef(function Tabs(_ref, forwardedRef) {
   var children = _ref.children,
-    defaultMinHeight = _ref.defaultMinHeight,
-    customPadding = _ref.customPadding,
-    onTabClick = _ref.onTabClick,
+    _ref$defaultMinHeight = _ref.defaultMinHeight,
+    defaultMinHeight = _ref$defaultMinHeight === void 0 ? '' : _ref$defaultMinHeight,
+    _ref$customPadding = _ref.customPadding,
+    customPadding = _ref$customPadding === void 0 ? 0 : _ref$customPadding,
+    _ref$onTabClick = _ref.onTabClick,
+    onTabClick = _ref$onTabClick === void 0 ? function () {} : _ref$onTabClick,
     props = defaultTheme._objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(0),
     _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -102,9 +105,11 @@ var Tabs = React__default["default"].forwardRef(function Tabs(_ref, forwardedRef
     if (tab.trigger && tab.trigger.props && tab.trigger.props.children) {
       triggerText = tab.trigger.props.children;
     }
-    onTabClick(defaultTheme._objectSpread2(defaultTheme._objectSpread2({}, tab), {}, {
-      triggerText: triggerText
-    }));
+    if (onTabClick) {
+      onTabClick(defaultTheme._objectSpread2(defaultTheme._objectSpread2({}, tab), {}, {
+        triggerText: triggerText
+      }));
+    }
   };
   return React__default["default"].createElement(Tabs$1, defaultTheme._extends({
     ref: forwardedRef
@@ -136,10 +141,6 @@ var Tabs = React__default["default"].forwardRef(function Tabs(_ref, forwardedRef
     }, tab.content);
   })));
 });
-Tabs.defaultProps = {
-  defaultMinHeight: '',
-  customPadding: 0
-};
 Tabs.propTypes = process.env.NODE_ENV !== "production" ? {
   children: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.array, defaultTheme.PropTypes.object]),
   backgroundColor: defaultTheme.PropTypes.string,