@ntbjs/react-components 1.3.0-rc.3 → 1.3.0-rc.30

package/.eslintrc

@@ -8,13 +8,12 @@
   "parserOptions": {
     "sourceType": "module"
   },
-  "ignorePatterns": [
-    "build",
-    "storybook-static"
-  ],
+  "ignorePatterns": ["build", "storybook-static"],
   "parser": "@babel/eslint-parser",
-  "extends": [
-    "eslint:recommended",
-    "plugin:react/recommended"
-  ]
+  "extends": ["eslint:recommended", "plugin:react/recommended"],
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  }
 }

package/{AssetGallery-54776ee8.js → AssetGallery-7fd13be9.js}

@@ -5,26 +5,26 @@ var lodash = require('lodash');
 var React = require('react');
 var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
 var ResizeObserver = require('resize-observer-polyfill');
-var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-44078570.js');
+var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-ff027f77.js');
 var styled = require('styled-components');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
 var warningCircle = require('./warning-circle-24522402.js');
 var Alert = require('./Alert-13b75102.js');
 var Badge = require('./Badge-757b0a39.js');
-var Popover = require('./Popover-569cd272.js');
+var Popover = require('./Popover-2554f305.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-a8c77f71.js');
+require('./Tabs-116aa951.js');
 var Tooltip = require('./Tooltip-66daf6e3.js');
-require('./VerificationStatusIcon-6fe95a92.js');
+require('./VerificationStatusIcon-d5bfb67a.js');
 var ActionButton = require('./ActionButton-46735b89.js');
-require('./Button-49f82b31.js');
+require('./Button-1d04e004.js');
 require('./Checkbox-68dc38a8.js');
-require('./CompactAutocompleteSelect-edc65d55.js');
-require('./CompactStarRating-8c3bd253.js');
-require('./CompactTextInput-dd686674.js');
+require('./CompactAutocompleteSelect-4279d698.js');
+require('./CompactStarRating-890e433d.js');
+require('./CompactTextInput-527aef25.js');
 require('./MultiSelect-efd60232.js');
 require('./Radio-32d0513a.js');
-require('./TextArea-ff463ed5.js');
+require('./TextArea-04460cde.js');
 require('./TextInput-0d109708.js');
 require('./Switch-4a41585f.js');
 var ContextMenu = require('./ContextMenu-4ec3d9f3.js');
@@ -466,6 +466,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
 
   var asset = props.asset,
       activeSummaryCard = props.activeSummaryCard,
+      boundary = props.boundary,
       displayVersionCount = props.displayVersionCount,
       displayVerificationIcon = props.displayVerificationIcon,
       selectable = props.selectable,
@@ -754,7 +755,9 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
     innerRef: dragRef,
     selected: selected
   }, asset.previewUrl && renderPreview(asset), activeSummaryCard ? React__default['default'].createElement(Popover.Popover, {
+    boundary: boundary,
     content: renderPopoverContent(),
+    duration: [350, 0],
     placement: 'bottom',
     visible: isOverlayHovered && !isAnySubActionsOpened,
     zIndex: 10000
@@ -1373,6 +1376,7 @@ var AssetGalleryGridCard$1 = reactLazyLoadImageComponent.trackWindowScroll(React
 var AssetGalleryBase = React__default['default'].forwardRef(function AssetGalleryBase(_ref, forwardedRef) {
   var assetsProp = _ref.assets,
       activeSummaryCard = _ref.activeSummaryCard,
+      boundary = _ref.boundary,
       displayVersionCount = _ref.displayVersionCount,
       displayVerificationIcon = _ref.displayVerificationIcon,
       viewMode = _ref.viewMode,
@@ -1386,7 +1390,7 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
       scrollElementProp = _ref.scrollElement,
       onAssetSoftSelectedChanged = _ref.onAssetSoftSelectedChanged,
       component = _ref.component,
-      props = defaultTheme._objectWithoutProperties(_ref, ["assets", "activeSummaryCard", "displayVersionCount", "displayVerificationIcon", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onAssetSelected", "onAssetUnselected", "softSelectable", "softSelectedAssetKey", "scrollElement", "onAssetSoftSelectedChanged", "component"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["assets", "activeSummaryCard", "boundary", "displayVersionCount", "displayVerificationIcon", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onAssetSelected", "onAssetUnselected", "softSelectable", "softSelectedAssetKey", "scrollElement", "onAssetSoftSelectedChanged", "component"]);
 
   var assetGalleryDOMNode = React.useRef();
   var assetGalleryCompactRef = useMergedRefs.useMergedRefs(forwardedRef, assetGalleryDOMNode);
@@ -1586,6 +1590,11 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
     }
 
     var lastAsset = assets[assets.length - 1];
+
+    if (assets.length < 8) {
+      return (lastAsset.layout.translateY + lastAsset.layout.height) * 1.5;
+    }
+
     return lastAsset.layout.translateY + lastAsset.layout.height;
   }, [assets]);
   React.useEffect(function () {
@@ -1777,6 +1786,7 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
     }) : React__default['default'].createElement(AssetGalleryCompactCard$1, {
       asset: asset,
       activeSummaryCard: activeSummaryCard,
+      boundary: !lodash.isEmpty(boundary) ? boundary : assetGalleryDOMNode === null || assetGalleryDOMNode === void 0 ? void 0 : assetGalleryDOMNode.current,
       displayVersionCount: displayVersionCount,
       displayVerificationIcon: displayVerificationIcon,
       hasHeightAndWidth: asset.layout.hasHeightAndWidth,
@@ -1794,6 +1804,7 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
 AssetGalleryBase.propTypes = process.env.NODE_ENV !== "production" ? {
   assets: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.shape(assetShape)),
   activeSummaryCard: defaultTheme.PropTypes.bool,
+  boundary: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.element, defaultTheme.PropTypes.object]),
   displayVersionCount: defaultTheme.PropTypes.bool,
   displayVerificationIcon: defaultTheme.PropTypes.bool,
   viewMode: defaultTheme.PropTypes.oneOf(['compact', 'grid']),
@@ -1812,6 +1823,7 @@ AssetGalleryBase.propTypes = process.env.NODE_ENV !== "production" ? {
 
 var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_ref, forwardedRef) {
   var assets = _ref.assets,
+      boundary = _ref.boundary,
       activeSummaryCard = _ref.activeSummaryCard,
       displayVersionCount = _ref.displayVersionCount,
       displayVerificationIcon = _ref.displayVerificationIcon,
@@ -1824,7 +1836,7 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
       scrollElement = _ref.scrollElement,
       onSoftSelectedChanged = _ref.onSoftSelectedChanged,
       component = _ref.component,
-      props = defaultTheme._objectWithoutProperties(_ref, ["assets", "activeSummaryCard", "displayVersionCount", "displayVerificationIcon", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onSelectedChanged", "softSelectable", "scrollElement", "onSoftSelectedChanged", "component"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["assets", "boundary", "activeSummaryCard", "displayVersionCount", "displayVerificationIcon", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onSelectedChanged", "softSelectable", "scrollElement", "onSoftSelectedChanged", "component"]);
 
   var _useState = React.useState(selectedAssetKeys || []),
       _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -1880,6 +1892,7 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
     ref: forwardedRef,
     assets: assets,
     activeSummaryCard: activeSummaryCard,
+    boundary: boundary,
     displayVersionCount: displayVersionCount,
     displayVerificationIcon: displayVerificationIcon,
     thumbnailMaxHeight: thumbnailMaxHeight,
@@ -1897,6 +1910,7 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
 });
 AssetGallery.propTypes = process.env.NODE_ENV !== "production" ? {
   assets: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.shape(assetShape)),
+  boundary: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.element]),
   displayVersionCount: defaultTheme.PropTypes.bool,
   displayVerificationIcon: defaultTheme.PropTypes.bool,
   activeSummaryCard: defaultTheme.PropTypes.bool,

package/{AssetPreviewTopBar-912c3469.js → AssetPreviewTopBar-1ef9dafb.js}

@@ -45,8 +45,8 @@ function SvgArrowBack(props) {
   }, props), _ref);
 }
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var AssetPreviewTopBar$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  box-sizing: border-box;\n  align-items: center;\n  border-bottom: ", ";\n  color: inherit;\n  display: flex;\n  font-family: ", ";\n  font-weight: 400;\n  min-height: 72px;\n  padding: 0 24px;\n  width: 100%;\n\n  ", "\n\n  ", "\n"])), function (props) {
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var AssetPreviewTopBar$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  box-sizing: border-box;\n  align-items: center;\n  border-bottom: ", ";\n  color: inherit;\n  display: flex;\n  font-family: ", ";\n  font-weight: 400;\n  min-height: 72px;\n  padding: 0 24px;\n  width: 100%;\n\n  ", "\n\n  ", "\n\n      ", "\n"])), function (props) {
   return props.border ? "1px solid" : "none";
 }, function (props) {
   return props.theme.primaryFontFamily;
@@ -54,32 +54,44 @@ var AssetPreviewTopBar$1 = styled__default['default'].div.attrs(defaultTheme.app
   return props.theme.themeProp('border-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-200'));
 }, function (props) {
   return props.shadow && props.theme.themeProp('box-shadow', '0 -2px 12px #505050', '0 -3px 12px #b0b6b9');
+}, function (props) {
+  return props.disabled && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n      cursor: not-allowed;\n    "])));
 });
-var BackButtonContainer = styled__default['default'].a.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  font-size: 1.125rem;\n  ", ";\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  > svg {\n    height: 24px;\n    margin-right: 16px;\n    width: 24px;\n  }\n"])), function (props) {
+var BackButtonContainer = styled__default['default'].a.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  font-size: 1.125rem;\n  ", ";\n\n  ", "\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  > svg {\n    height: 24px;\n    margin-right: 16px;\n    width: 24px;\n  }\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
+}, function (props) {
+  return props.disabled && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n      pointer-events: none;\n    "])));
 });
-var LeftText = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 1.125rem;\n  margin-left: 16px;\n\n  ", ";\n"])), function (props) {
+var ButtonsHoverEffect = styled__default['default'].div(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n\n  > svg {\n    height: 24px;\n    margin-right: 16px;\n    width: 24px;\n    transition: transform 0.3s ease-in-out;\n  }\n\n  &:hover > svg {\n    transform: translateX(-2px) scaleX(1.1);\n  }\n"])));
+var LeftText = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 1.125rem;\n  margin-left: 16px;\n\n  ", ";\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'));
 });
-var ButtonsContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  margin-left: auto;\n\n  > span {\n    margin-left: 16px;\n  }\n"])));
+var ButtonsContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  display: flex;\n  margin-left: auto;\n\n  > span {\n    margin-left: 16px;\n  }\n"])));
 
 var AssetPreviewTopBar = React__default['default'].forwardRef(function AssetPreviewTopBar(_ref, forwardedRef) {
   var onBackButtonClick = _ref.onBackButtonClick,
       backButtonText = _ref.backButtonText,
       backButtonAsClose = _ref.backButtonAsClose,
+      onBackButtonMouseEnter = _ref.onBackButtonMouseEnter,
+      onBackButtonMouseLeave = _ref.onBackButtonMouseLeave,
       leftText = _ref.leftText,
       buttons = _ref.buttons,
       shadow = _ref.shadow,
       border = _ref.border,
-      props = defaultTheme._objectWithoutProperties(_ref, ["onBackButtonClick", "backButtonText", "backButtonAsClose", "leftText", "buttons", "shadow", "border"]);
+      disabled = _ref.disabled,
+      props = defaultTheme._objectWithoutProperties(_ref, ["onBackButtonClick", "backButtonText", "backButtonAsClose", "onBackButtonMouseEnter", "onBackButtonMouseLeave", "leftText", "buttons", "shadow", "border", "disabled"]);
 
   return React__default['default'].createElement(AssetPreviewTopBar$1, defaultTheme._extends({
     ref: forwardedRef,
     shadow: shadow,
-    border: border
+    border: border,
+    disabled: disabled
   }, props), React__default['default'].createElement(BackButtonContainer, {
-    onClick: onBackButtonClick
-  }, backButtonAsClose ? React__default['default'].createElement(close.SvgClose, null) : React__default['default'].createElement(SvgArrowBack, null), backButtonText), leftText && React__default['default'].createElement(LeftText, null, leftText), Array.isArray(buttons) && React__default['default'].createElement(ButtonsContainer, null, buttons.map(function (button, index) {
+    onClick: onBackButtonClick,
+    onMouseEnter: onBackButtonMouseEnter,
+    onMouseLeave: onBackButtonMouseLeave,
+    disabled: disabled
+  }, backButtonAsClose ? React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(close.SvgClose, null), backButtonText) : React__default['default'].createElement(ButtonsHoverEffect, null, React__default['default'].createElement(SvgArrowBack, null), backButtonText)), leftText && React__default['default'].createElement(LeftText, null, leftText), Array.isArray(buttons) && React__default['default'].createElement(ButtonsContainer, null, buttons.map(function (button, index) {
     return React__default['default'].createElement("span", {
       key: 'topBarButton-' + index
     }, button);
@@ -87,7 +99,10 @@ var AssetPreviewTopBar = React__default['default'].forwardRef(function AssetPrev
 });
 AssetPreviewTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
   onBackButtonClick: defaultTheme.PropTypes.func.isRequired,
+  onBackButtonMouseEnter: defaultTheme.PropTypes.func,
+  onBackButtonMouseLeave: defaultTheme.PropTypes.func,
   backButtonText: defaultTheme.PropTypes.string.isRequired,
+  disabled: defaultTheme.PropTypes.bool,
   backButtonAsClose: defaultTheme.PropTypes.bool,
   leftText: defaultTheme.PropTypes.string,
   shadow: defaultTheme.PropTypes.bool,

package/{Button-49f82b31.js → Button-1d04e004.js}

@@ -3,7 +3,7 @@
 var defaultTheme = require('./defaultTheme-ea44e34a.js');
 var React = require('react');
 var styled = require('styled-components');
-var Popover = require('./Popover-569cd272.js');
+var Popover = require('./Popover-2554f305.js');
 var ContextMenu = require('./ContextMenu-4ec3d9f3.js');
 var expandMore = require('./expand-more-94585605.js');
 

package/{CompactAutocompleteSelect-edc65d55.js → CompactAutocompleteSelect-4279d698.js}

@@ -6,11 +6,11 @@ var nanoid = require('nanoid');
 var React = require('react');
 require('./Alert-13b75102.js');
 require('./Badge-757b0a39.js');
-require('./Popover-569cd272.js');
+require('./Popover-2554f305.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-a8c77f71.js');
+require('./Tabs-116aa951.js');
 var Tooltip = require('./Tooltip-66daf6e3.js');
-require('./VerificationStatusIcon-6fe95a92.js');
+require('./VerificationStatusIcon-d5bfb67a.js');
 var styled = require('styled-components');
 var Select = require('react-select');
 var reactSelectAsyncPaginate = require('react-select-async-paginate');

package/{CompactStarRating-8c3bd253.js → CompactStarRating-890e433d.js}

@@ -4,11 +4,11 @@ var defaultTheme = require('./defaultTheme-ea44e34a.js');
 var React = require('react');
 require('./Alert-13b75102.js');
 require('./Badge-757b0a39.js');
-require('./Popover-569cd272.js');
+require('./Popover-2554f305.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-a8c77f71.js');
+require('./Tabs-116aa951.js');
 var Tooltip = require('./Tooltip-66daf6e3.js');
-require('./VerificationStatusIcon-6fe95a92.js');
+require('./VerificationStatusIcon-d5bfb67a.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -243,7 +243,7 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
           setHover(false);
         },
         hover: hover && key + 1 <= tempRating,
-        type: type,
+        type: "button",
         key: key
       }, iconFill);
     } else if (viewEmpty) {
@@ -263,7 +263,7 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
           setHover(false);
         },
         hover: hover && key + 1 <= tempRating,
-        type: type,
+        type: "button",
         key: key
       }, icon);
     }

package/{CompactTextInput-dd686674.js → CompactTextInput-527aef25.js}

@@ -7,11 +7,11 @@ var React = require('react');
 var editNote = require('./edit-note-c47d292e.js');
 require('./Alert-13b75102.js');
 require('./Badge-757b0a39.js');
-require('./Popover-569cd272.js');
+var Popover = require('./Popover-2554f305.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-a8c77f71.js');
+require('./Tabs-116aa951.js');
 var Tooltip = require('./Tooltip-66daf6e3.js');
-require('./VerificationStatusIcon-6fe95a92.js');
+require('./VerificationStatusIcon-d5bfb67a.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -54,7 +54,7 @@ function SvgLink(props) {
   }, props), _ref);
 }
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34;
 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) {
@@ -67,35 +67,42 @@ var fadeOut = styled.keyframes(_templateObject2 || (_templateObject2 = defaultTh
 });
 var fadeInCheck = styled.keyframes(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1\n  }\n"])));
 var fadeOutCheck = styled.keyframes(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  from {\n    opacity: 1\n  }\n  to {\n    opacity: 0\n  }\n"])));
-var CompactTextInput$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  height: 24px;\n  font-family: ", ";\n"])), function (props) {
+var linkColor = styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n"])), function (props) {
+  return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('emerald-500'));
+});
+var commonAnchorTagStyle = styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  a,\n  && {\n    font-size: 0.875rem;\n    text-decoration: underline;\n  }\n"])));
+var readOnlyBackground = styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n"])), function (props) {
+  return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
+});
+var CompactTextInput$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  height: 24px;\n  font-family: ", ";\n"])), function (props) {
   return props.theme.primaryFontFamily;
 });
-var Label = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n  flex-basis: 33.33%;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  justify-content: space-between;\n  height: 19px;\n  display: flex;\n  align-items: center;\n  ", "\n"])), function (props) {
+var Label = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n  flex-basis: 33.33%;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  justify-content: space-between;\n  height: 19px;\n  display: flex;\n  align-items: center;\n  ", "\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
 }, function (props) {
-  return props.disabled && styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n      cursor: not-allowed;\n    "])));
+  return props.disabled && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n      cursor: not-allowed;\n    "])));
 });
-var InputContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\n  height: 19px;\n  flex-basis: ", ";\n"])), function (props) {
+var InputContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\n  height: 19px;\n  flex-basis: ", ";\n"])), function (props) {
   return props.$hasLabel ? '66.66%' : '100%';
 });
-var SuccessContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  pointer-events: none;\n  display: flex;\n  opacity: ", ";\n  animation: ", " 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  margin-right: 5px;\n  ", "\n  > svg {\n    width: 13px;\n  }\n"])), function (props) {
+var SuccessContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  pointer-events: none;\n  display: flex;\n  opacity: ", ";\n  animation: ", " 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  margin-right: 5px;\n  ", "\n  > svg {\n    width: 13px;\n  }\n"])), function (props) {
   return props.fadeIn ? 0 : 1;
 }, function (props) {
   return props.fadeIn ? fadeOutCheck : fadeInCheck;
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
 });
-var InputSuccessContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  pointer-events: none;\n  display: flex;\n  justify-content: flex-end;\n  opacity: ", ";\n  animation: ", " 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  position: relative;\n  margin-top: -20px;\n  margin-right: 8px;\n  ", "\n  > svg {\n    width: 13px;\n  }\n"])), function (props) {
+var InputSuccessContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  pointer-events: none;\n  display: flex;\n  justify-content: flex-end;\n  opacity: ", ";\n  animation: ", " 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  position: relative;\n  margin-top: -20px;\n  margin-right: 8px;\n  ", "\n  > svg {\n    width: 13px;\n  }\n"])), function (props) {
   return props.fadeIn ? 0 : 1;
 }, function (props) {
   return props.fadeIn ? fadeOutCheck : fadeInCheck;
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
 });
-var InputIconContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 0;\n  pointer-events: none;\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px;\n  padding: 5px 10px 0 0;\n  ", ";\n\n  display: flex;\n  align-items: center;\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  color: ", ";\n\n  ", "\n\n  ", "\n\n  > svg {\n    width: 12px;\n  }\n"])), function (props) {
-  return props.theme.themeProp('background', styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n        linear-gradient(-90deg,\n        ", " 55%,\n        transparent)\n      "])), function (props) {
+var InputIconContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 0;\n  pointer-events: none;\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px;\n  padding: 5px 10px 0 0;\n  ", ";\n\n  display: flex;\n  align-items: center;\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  color: ", ";\n\n  ", "\n\n  ", "\n\n  > svg {\n    width: 12px;\n  }\n"])), function (props) {
+  return props.theme.themeProp('background', styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n        linear-gradient(-90deg,\n        ", " 55%,\n        transparent)\n      "])), function (props) {
     return props.type === 'error' ? '#901d1d' : props.type === 'warning' ? '#816600' : props.theme.getColor('gray-700');
-  }), styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n        linear-gradient(-90deg,\n        ", " 55%,\n        transparent)\n      "])), function (props) {
+  }), styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n        linear-gradient(-90deg,\n        ", " 55%,\n        transparent)\n      "])), function (props) {
     return props.type === 'error' ? '#f7d5d0' : props.type === 'warning' ? '#fffebf' : props.theme.getColor('gray-100');
   }));
 }, function (props) {
@@ -105,40 +112,34 @@ var InputIconContainer = styled__default['default'].div.attrs(defaultTheme.apply
 }, function (props) {
   return props.type === 'error' && props.theme.themeProp('color', '#CB968F', '#CB968F');
 });
-var Input = styled__default['default'].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n  box-sizing: border-box;\n  height: 22px;\n  width: 100%;\n  display: block;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  font-family: inherit;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n  padding: 1px 10px;\n  ", ";\n  border-radius: 3px;\n  border: 1px solid transparent;\n  text-overflow: ellipsis;\n\n  ", ";\n\n  &&:not(:hover):not(:focus) {\n    ", "\n    ", ";\n    ", ";\n      ", ";\n    ", ";\n    \n    ", "\n  }\n\n  &&:hover:not(:focus) {\n\n    ", "\n\n    ", "   \n\n        ", ";\n\n    ", ";\n\n    ", ";\n\n\n    ", "\n      & + ", " {\n        opacity: 1;\n        \n      }\n  }\n\n    ", "\n      ", "\n\n  }\n\n  &&:focus {\n    ", ";\n\n      ", ";\n    \n    ", ";\n\n    ", ";\n    outline: none;\n\n    ", ";\n\n    ", ";\n  }\n\n  &&::placeholder {\n    color: inherit;\n    opacity: 0.6;\n  }\n\n  ", "\n"])), function (props) {
-  return props.readOnly && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n      cursor: default;\n    "])));
+var Input = styled__default['default'].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n  box-sizing: border-box;\n  height: 22px;\n  width: 100%;\n  display: block;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  font-family: inherit;\n  padding: 1px 10px;\n  border-radius: 3px;\n  border: 1px solid transparent;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n  ", ";\n\n    ", ";\n    ", ";\n\n      ", ";\n\n\n  &&:not(:hover):not(:focus) {\n   \n      ", ";\n    ", ";\n    \n    ", "\n  }\n\n  &&:hover:not(:focus) {\n\n    ", "\n\n    ", ";\n\n    ", ";\n\n    ", ";\n\n    ", ";\n\n\n    ", "\n      & + ", " {\n        opacity: 1;\n        \n      }\n  }\n\n    ", "\n      ", "\n\n  }\n\n  &&:focus {\n    ", ";\n\n      ", ";\n    \n    ", ";\n\n    ", ";\n    outline: none;\n\n    ", ";\n\n    ", ";\n  }\n\n  &&::placeholder {\n    color: inherit;\n    opacity: 0.6;\n  }\n\n  ", "\n"])), function (props) {
+  return props.readOnly && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n      cursor: default;\n    "])));
 }, function (props) {
-  return props.disabled && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n    "])));
+  return props.disabled && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n    "])));
 }, function (props) {
-  return props.type === 'success' && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n      animation: ", " 0.5s ease-in-out;\n    "])), function (props) {
+  return props.type === 'success' && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n      animation: ", " 0.5s ease-in-out;\n    "])), function (props) {
     return props.type === 'success' ? fadeIn : fadeOut;
   });
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
 }, function (props) {
   return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
-}, function (props) {
-  return props.hasLink && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n      &&:not(:focus),\n      &&:read-only {\n        text-decoration: underline;\n        ", "\n      }\n      &&:read-only {\n        cursor: default;\n      }\n    "])), function (props) {
-    return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('emerald-500'));
-  });
-}, function (props) {
-  return !props.readOnly && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n        background: none;\n      "])));
 }, function (props) {
   return props.type === 'warning' && props.theme.themeProp('background', '#634E01', '#FFFDE8');
 }, function (props) {
   return props.type === 'error' && props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');
+}, function (props) {
+  return props.hasLink && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n          &&:not(:focus),\n          &&:read-only {\n            text-decoration: underline;\n            ", "\n          }\n          &&:read-only {\n            cursor: default;\n          }\n        "])), linkColor);
 }, function (props) {
   return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
 }, function (props) {
   return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
 }, function (props) {
-  return props.hasLink && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n        &&:not(:focus),\n        &&:read-only {\n          text-decoration: underline;\n          cursor: default;\n          ", "\n        }\n      "])), function (props) {
-    return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('emerald-500'));
-  });
+  return props.hasLink && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n        &&:not(:focus),\n        &&:read-only {\n          text-decoration: underline;\n          cursor: default;\n          ", "\n        }\n      "])), linkColor);
 }, function (props) {
   return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
 }, function (props) {
-  return props.readOnly && props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
+  return props.readOnly && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n      "])), readOnlyBackground);
 }, function (props) {
   return props.edit && props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
 }, function (props) {
@@ -146,35 +147,35 @@ var Input = styled__default['default'].input.attrs(defaultTheme.applyDefaultThem
 }, function (props) {
   return props.type === 'error' && props.theme.themeProp('background', '#901d1d', '#F7D5D0');
 }, function (props) {
-  return props.hasLink && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n        cursor: pointer;\n\n        &&:read-only {\n          background: none !important;\n          cursor: default;\n        }\n      "])));
+  return props.hasLink && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n        cursor: pointer;\n\n        &&:read-only {\n          background: none !important;\n          cursor: default;\n        }\n      "])));
 }, InputIconContainer, function (props) {
-  return props.disabled && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n        background: none !important;\n        cursor: not-allowed;\n      "])));
+  return props.disabled && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n        background: none !important;\n        cursor: not-allowed;\n      "])));
 }, function (props) {
-  return props.disabled && props.hasLink && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n          background: none !important;\n          cursor: not-allowed !important;\n        "])));
+  return props.disabled && props.hasLink && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n          background: none !important;\n          cursor: not-allowed !important;\n        "])));
 }, function (props) {
   return !props.readOnly && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
 }, function (props) {
-  return props.readOnly && props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
+  return props.readOnly && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n          ", "\n        "])), readOnlyBackground);
 }, function (props) {
   return props.type === 'error' && !props.readOnly && props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
 }, function (props) {
-  return !props.readOnly && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n        border-color: ", ";\n      "])), function (props) {
+  return !props.readOnly && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n        border-color: ", ";\n      "])), function (props) {
     return props.theme.getColor('gray-600');
   });
 }, function (props) {
-  return props.type === 'warning' && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n        ", "\n        ", "\n      "])), function (props) {
+  return props.type === 'warning' && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n        ", "\n        ", "\n      "])), function (props) {
     return props.theme.themeProp('border-color', '#F4E21E', '#F4E21E');
   }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
 }, function (props) {
-  return props.type === 'error' && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n        ", "\n        ", "\n      "])), function (props) {
+  return props.type === 'error' && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n        ", "\n        ", "\n      "])), function (props) {
     return props.theme.themeProp('border-color', '#D83018', '#D83018');
   }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
 }, function (props) {
-  return props.bold && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n      font-size: 1rem;\n      font-weight: 500;\n      line-height: 1.0625;\n      padding-top: 3px;\n      padding-bottom: 2px;\n    "])));
-});
-var LinkPopoverContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n  padding: 5px 8px;\n\n  a {\n    font-size: 0.875rem;\n    ", ";\n  }\n\n  svg {\n    width: 18px;\n    margin-right: 8px;\n  }\n"])), function (props) {
-  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('emerald-500'), 1);
+  return props.bold && styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n      font-size: 1rem;\n      font-weight: 500;\n      line-height: 1.0625;\n      padding-top: 3px;\n      padding-bottom: 2px;\n    "])));
 });
+var LinkPopoverContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n\n  padding: 5px 8px;\n\n  svg {\n    width: 18px;\n    margin-right: 8px;\n  }\n"])), commonAnchorTagStyle);
+var StyledLink = styled__default['default'].a.attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), commonAnchorTagStyle, linkColor);
+var ReadOnlyLinkContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n\n  border: 1px solid transparent;\n  border-radius: 3px;\n  padding: 0 10px 1px;\n"])), readOnlyBackground);
 
 var CompactTextInput = React__default['default'].forwardRef(function CompactTextInput(_ref, forwardedRef) {
   var label = _ref.label,
@@ -284,8 +285,9 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
     placement: "bottom-end",
     trigger: 'mouseenter',
     zIndex: 999999
-  }, input())), link && activeLinkHandler && !readOnly && React__default['default'].createElement("div", null, React__default['default'].createElement(Tooltip.Tooltip, {
-    content: React__default['default'].createElement(LinkPopoverContainer, null, React__default['default'].createElement("a", {
+  }, input())), link && !readOnly && React__default['default'].createElement("div", null, React__default['default'].createElement(Popover.Popover, {
+    arrow: false,
+    content: React__default['default'].createElement(LinkPopoverContainer, null, activeLinkHandler ? React__default['default'].createElement(StyledLink, {
       href: link,
       target: linkTarget,
       onClick: function onClick(e) {
@@ -295,12 +297,24 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
         }
       },
       rel: "noreferrer"
+    }, React__default['default'].createElement(SvgLink, null), currentValue) : React__default['default'].createElement(StyledLink, {
+      href: link,
+      target: linkTarget,
+      rel: "noreferrer"
     }, React__default['default'].createElement(SvgLink, null), currentValue)),
     key: "tooltip2",
     placement: "bottom-start",
+    trigger: "focusin",
     zIndex: 999999,
     interactive: true
-  }, input())), !memoizedDescriptionToolTip && link && readOnly && input(), !readOnly && !disabled && React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(InputIconContainer, {
+  }, input())), link && readOnly && React__default['default'].createElement(ReadOnlyLinkContainer, null, React__default['default'].createElement(StyledLink, {
+    href: link,
+    rel: "noreferrer",
+    style: {
+      display: 'inline-block'
+    },
+    target: linkTarget
+  }, currentValue)), !readOnly && !disabled && React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(InputIconContainer, {
     type: type
   }, React__default['default'].createElement(editNote.SvgEditNote, null)), lodash.isEmpty(label) && React__default['default'].createElement(InputSuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon))));
 });

package/{Instructions-f20e5278.js → Instructions-10f08a50.js}

@@ -4,8 +4,8 @@ var defaultTheme = require('./defaultTheme-ea44e34a.js');
 var lodash = require('lodash');
 var React = require('react');
 var warningCircle = require('./warning-circle-24522402.js');
-var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-edc65d55.js');
-var TextArea = require('./TextArea-ff463ed5.js');
+var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-4279d698.js');
+var TextArea = require('./TextArea-04460cde.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{MultiLevelCheckboxSelect-44078570.js → MultiLevelCheckboxSelect-ff027f77.js}

@@ -5,11 +5,11 @@ var React = require('react');
 var styled = require('styled-components');
 require('./Alert-13b75102.js');
 require('./Badge-757b0a39.js');
-var Popover = require('./Popover-569cd272.js');
+var Popover = require('./Popover-2554f305.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-a8c77f71.js');
+require('./Tabs-116aa951.js');
 require('./Tooltip-66daf6e3.js');
-require('./VerificationStatusIcon-6fe95a92.js');
+require('./VerificationStatusIcon-d5bfb67a.js');
 var Checkbox = require('./Checkbox-68dc38a8.js');
 var lodash = require('lodash');
 var TextInput = require('./TextInput-0d109708.js');