@ntbjs/react-components 1.2.0-rc.72 → 1.2.0-rc.74

package/{ActionButton-46735b89.js → ActionButton-06df3d6c.js}

@@ -11,11 +11,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _templateObject, _templateObject2;
-var ActionButton$1 = styled__default['default'].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  width: ", ";\n  height: ", ";\n  border: 0;\n  color: inherit;\n  background-color: transparent;\n  ", "\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 0 0;\n  transition: background-size 250ms ease;\n  cursor: pointer;\n\n  ", "\n\n  ", "\n\n  &:disabled {\n    opacity: 0.5;\n    color: inherit;\n    cursor: not-allowed;\n  }\n\n  svg {\n    width: 100%;\n    max-height: 20px;\n    max-width: 20px;\n    pointer-events: none;\n    transition: color 250ms;\n  }\n"])), function (props) {
-  return "".concat(props.buttonWidthHeight[0], "px");
-}, function (props) {
-  return "".concat(props.buttonWidthHeight[1], "px");
-}, function (props) {
+var ActionButton$1 = styled__default['default'].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  height: 40px;\n  width: 40px;\n  border: 0;\n  color: inherit;\n  background-color: transparent;\n  ", "\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 0 0;\n  transition: background-size 250ms ease;\n  cursor: pointer;\n\n  ", "\n\n  ", "\n\n  &:disabled {\n    opacity: 0.5;\n    color: inherit;\n    cursor: not-allowed;\n  }\n\n  svg {\n    width: 100%;\n    max-height: 20px;\n    max-width: 20px;\n    pointer-events: none;\n    transition: color 250ms;\n  }\n"])), function (props) {
   var _props$backgroundColo, _props$backgroundColo2, _props$backgroundColo3, _props$backgroundColo4;
 
   var darkThemeBgColor = (_props$backgroundColo = props === null || props === void 0 ? void 0 : (_props$backgroundColo2 = props.backgroundColors) === null || _props$backgroundColo2 === void 0 ? void 0 : _props$backgroundColo2[0]) !== null && _props$backgroundColo !== void 0 ? _props$backgroundColo : props.theme.getColor('gray-600');
@@ -34,15 +30,13 @@ var ActionButton = React__default['default'].forwardRef(function ActionButton(_r
       disabled = _ref.disabled,
       active = _ref.active,
       onClick = _ref.onClick,
-      buttonWidthHeight = _ref.buttonWidthHeight,
-      props = defaultTheme._objectWithoutProperties(_ref, ["icon", "disabled", "active", "onClick", "buttonWidthHeight"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["icon", "disabled", "active", "onClick"]);
 
   return React__default['default'].createElement(ActionButton$1, defaultTheme._extends({
     ref: forwardedRef,
     disabled: disabled,
     active: active,
-    onClick: onClick,
-    buttonWidthHeight: buttonWidthHeight
+    onClick: onClick
   }, props), icon);
 });
 ActionButton.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -50,12 +44,10 @@ ActionButton.propTypes = process.env.NODE_ENV !== "production" ? {
   disabled: defaultTheme.PropTypes.bool,
   active: defaultTheme.PropTypes.bool,
   onClick: defaultTheme.PropTypes.func,
-  backgroundColors: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string),
-  buttonWidthHeight: defaultTheme.PropTypes.array
+  backgroundColors: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string)
 } : {};
 ActionButton.defaultProps = {
-  onClick: function onClick() {},
-  buttonWidthHeight: [40, 40]
+  onClick: function onClick() {}
 };
 
 exports.ActionButton = ActionButton;

package/{AssetGallery-840a1473.js → AssetGallery-54ea7e74.js}

@@ -5,7 +5,7 @@ var lodash = require('lodash');
 var React = require('react');
 var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
 var ResizeObserver = require('resize-observer-polyfill');
-var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-24c88aaa.js');
+var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-040d2f28.js');
 var styled = require('styled-components');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
 var warningCircle = require('./warning-circle-24522402.js');
@@ -13,18 +13,18 @@ var Alert = require('./Alert-13b75102.js');
 var Badge = require('./Badge-aec841c8.js');
 var Popover = require('./Popover-569cd272.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-ea48ce3e.js');
+require('./Tabs-a8c77f71.js');
 var Tooltip = require('./Tooltip-66daf6e3.js');
-require('./VerificationStatusIcon-6fe95a92.js');
-var ActionButton = require('./ActionButton-46735b89.js');
+require('./VerificationStatusIcon-b574fd21.js');
+var ActionButton = require('./ActionButton-06df3d6c.js');
 require('./Button-49f82b31.js');
 require('./Checkbox-68dc38a8.js');
-require('./CompactAutocompleteSelect-5982dcf2.js');
-require('./CompactStarRating-a754fc6f.js');
-require('./CompactTextInput-baf13d5c.js');
+require('./CompactAutocompleteSelect-86e10ff4.js');
+require('./CompactStarRating-f1e62f3e.js');
+require('./CompactTextInput-c27d33c1.js');
 require('./MultiSelect-4b8d3d0d.js');
 require('./Radio-32d0513a.js');
-require('./TextArea-d88433b2.js');
+require('./TextArea-42cb0bfd.js');
 require('./TextInput-0d109708.js');
 require('./Switch-4a41585f.js');
 var ContextMenu = require('./ContextMenu-4ec3d9f3.js');
@@ -355,7 +355,7 @@ var OverlayInfoTopActions$1 = styled__default['default'].div.attrs(defaultTheme.
 }, function (props) {
   return props.isOverlayHovered ? 1 : 0;
 });
-var OverlayInfoTopLeft = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject20$1 || (_templateObject20$1 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  display: ", ";\n\n  ", ":hover & {\n    opacity: 0;\n  }\n"])), function (props) {
+var OverlayInfoTopVersions$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject20$1 || (_templateObject20$1 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  display: ", ";\n\n  ", ":hover & {\n    opacity: 0;\n  }\n"])), function (props) {
   return props !== null && props !== void 0 && props.collapseExtraInfo ? 'none' : 'block';
 }, Overlay$1);
 var OverlayInfoTopWarning$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject21$1 || (_templateObject21$1 = defaultTheme._taggedTemplateLiteral(["\n  margin-left: auto;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  box-sizing: border-box;\n  padding: ", ";\n  background-color: ", ";\n  opacity: 1;\n\n  svg {\n    width: 100%;\n    color: ", ";\n  }\n\n  ", ":hover & {\n    opacity: 0;\n  }\n"])), function (props) {
@@ -434,8 +434,7 @@ var ComputedActionButton$1 = React__default['default'].forwardRef(function Compu
       className: className,
       icon: newProps.icon,
       backgroundColors: ['black', 'white'],
-      onClick: newProps.onClick,
-      buttonWidthHeight: newProps.actionButtonWidthHeight
+      onClick: newProps.onClick
     }));
   } else {
     newProps.children = React__default['default'].createElement(ActionButton.ActionButton, {
@@ -445,8 +444,7 @@ var ComputedActionButton$1 = React__default['default'].forwardRef(function Compu
       className: className,
       icon: newProps.icon,
       onClick: newProps.onClick,
-      backgroundColors: ['black', 'white'],
-      buttonWidthHeight: newProps.actionButtonWidthHeight
+      backgroundColors: ['black', 'white']
     });
   }
 
@@ -466,8 +464,6 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
 
   var asset = props.asset,
       activeSummaryCard = props.activeSummaryCard,
-      displayVersionCount = props.displayVersionCount,
-      displayVerificationIcon = props.displayVerificationIcon,
       selectable = props.selectable,
       hasHeightAndWidth = props.hasHeightAndWidth,
       selected = props.selected,
@@ -689,10 +685,6 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
       horizontalPadding: 8
     });
   }, [asset]);
-  var renderVerificationBadge = React.useCallback(function () {
-    if (!(asset !== null && asset !== void 0 && asset.verifications)) return null;
-    return asset === null || asset === void 0 ? void 0 : asset.verifications;
-  }, [asset]);
   var renderMediaBadge = React.useCallback(function () {
     var badgeIcon = null;
     var badgeContent = null;
@@ -781,12 +773,11 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
       subActions: action.subActions,
       onClick: function onClick(event) {
         return onActionClick(event, action, index);
-      },
-      actionButtonWidthHeight: action.actionButtonWidthHeight
+      }
     }));
-  })), React__default['default'].createElement(OverlayInfo$1, null, React__default['default'].createElement(OverlayInfoTop$1, null, React__default['default'].createElement(OverlayInfoTopLeft, {
+  })), React__default['default'].createElement(OverlayInfo$1, null, React__default['default'].createElement(OverlayInfoTop$1, null, React__default['default'].createElement(OverlayInfoTopVersions$1, {
     collapseExtraInfo: collapseExtraInfo
-  }, displayVersionCount && renderVersionsBadge() || displayVerificationIcon && renderVerificationBadge()), (asset === null || asset === void 0 ? void 0 : (_asset$note = asset.note) === null || _asset$note === void 0 ? void 0 : _asset$note.title) && React__default['default'].createElement(OverlayInfoTopWarning$1, {
+  }, renderVersionsBadge()), (asset === null || asset === void 0 ? void 0 : (_asset$note = asset.note) === null || _asset$note === void 0 ? void 0 : _asset$note.title) && React__default['default'].createElement(OverlayInfoTopWarning$1, {
     type: asset === null || asset === void 0 ? void 0 : (_asset$note2 = asset.note) === null || _asset$note2 === void 0 ? void 0 : _asset$note2.type
   }, React__default['default'].createElement(warningCircle.SvgWarningCircle, null))), React__default['default'].createElement(OverlayInfoBottom$1, null, selectable && React__default['default'].createElement(OverlayInfoBottomSelectButton$1, {
     selected: selected
@@ -821,12 +812,11 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
       subActions: action.subActions,
       onClick: function onClick(event) {
         return onActionClick(event, action, index);
-      },
-      actionButtonWidthHeight: action.actionButtonWidthHeight
+      }
     }));
-  })), React__default['default'].createElement(OverlayInfo$1, null, isOverlayHovered && React__default['default'].createElement("span", null, asset.title), React__default['default'].createElement(OverlayInfoTop$1, null, React__default['default'].createElement(OverlayInfoTopLeft, {
+  })), React__default['default'].createElement(OverlayInfo$1, null, isOverlayHovered && React__default['default'].createElement("span", null, asset.title), React__default['default'].createElement(OverlayInfoTop$1, null, React__default['default'].createElement(OverlayInfoTopVersions$1, {
     collapseExtraInfo: collapseExtraInfo
-  }, displayVersionCount && renderVersionsBadge() || displayVerificationIcon && renderVerificationBadge()), (asset === null || asset === void 0 ? void 0 : (_asset$note3 = asset.note) === null || _asset$note3 === void 0 ? void 0 : _asset$note3.title) && React__default['default'].createElement(OverlayInfoTopWarning$1, {
+  }, renderVersionsBadge()), (asset === null || asset === void 0 ? void 0 : (_asset$note3 = asset.note) === null || _asset$note3 === void 0 ? void 0 : _asset$note3.title) && React__default['default'].createElement(OverlayInfoTopWarning$1, {
     type: asset === null || asset === void 0 ? void 0 : (_asset$note4 = asset.note) === null || _asset$note4 === void 0 ? void 0 : _asset$note4.type
   }, React__default['default'].createElement(warningCircle.SvgWarningCircle, null))), React__default['default'].createElement(OverlayInfoBottom$1, null, selectable && React__default['default'].createElement(OverlayInfoBottomSelectButton$1, {
     selected: selected
@@ -854,8 +844,7 @@ AssetGalleryCompactCard.propTypes = process.env.NODE_ENV !== "production" ? {
   component: defaultTheme.PropTypes.func,
   scrollPosition: defaultTheme.PropTypes.number,
   collapseExtraInfo: defaultTheme.PropTypes.bool,
-  activeSummaryCard: defaultTheme.PropTypes.bool,
-  actionButtonWidthHeight: defaultTheme.PropTypes.array
+  activeSummaryCard: defaultTheme.PropTypes.bool
 } : {};
 AssetGalleryCompactCard.defaultProps = {};
 var AssetGalleryCompactCard$1 = reactLazyLoadImageComponent.trackWindowScroll(React__default['default'].memo(AssetGalleryCompactCard, function (prevProps, nextProps) {
@@ -1005,8 +994,7 @@ var ComputedActionButton = React__default['default'].forwardRef(function Compute
       className: className,
       icon: newProps.icon,
       backgroundColors: ['black', 'white'],
-      onClick: newProps.onClick,
-      buttonWidthHeight: newProps.actionButtonWidthHeight
+      onClick: newProps.onClick
     }));
   } else {
     newProps.children = React__default['default'].createElement(ActionButton.ActionButton, {
@@ -1016,8 +1004,7 @@ var ComputedActionButton = React__default['default'].forwardRef(function Compute
       className: className,
       icon: newProps.icon,
       onClick: newProps.onClick,
-      backgroundColors: ['black', 'white'],
-      buttonWidthHeight: newProps.actionButtonWidthHeight
+      backgroundColors: ['black', 'white']
     });
   }
 
@@ -1217,8 +1204,7 @@ var AssetGalleryGridCard = function AssetGalleryGridCard(props) {
         onClick: function onClick(event) {
           return onActionClick(event, action, index);
         },
-        subActions: action === null || action === void 0 ? void 0 : action.subActions,
-        actionButtonWidthHeight: action.actionButtonWidthHeight
+        subActions: action === null || action === void 0 ? void 0 : action.subActions
       }));
     }))), React__default['default'].createElement(OverlayInfoBottom, null, selectable && React__default['default'].createElement(OverlayInfoBottomSelectButton, {
       selected: selected
@@ -1373,8 +1359,6 @@ var AssetGalleryGridCard$1 = reactLazyLoadImageComponent.trackWindowScroll(React
 var AssetGalleryBase = React__default['default'].forwardRef(function AssetGalleryBase(_ref, forwardedRef) {
   var assetsProp = _ref.assets,
       activeSummaryCard = _ref.activeSummaryCard,
-      displayVersionCount = _ref.displayVersionCount,
-      displayVerificationIcon = _ref.displayVerificationIcon,
       viewMode = _ref.viewMode,
       thumbnailMaxHeight = _ref.thumbnailMaxHeight,
       selectable = _ref.selectable,
@@ -1386,7 +1370,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", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onAssetSelected", "onAssetUnselected", "softSelectable", "softSelectedAssetKey", "scrollElement", "onAssetSoftSelectedChanged", "component"]);
 
   var assetGalleryDOMNode = React.useRef();
   var assetGalleryCompactRef = useMergedRefs.useMergedRefs(forwardedRef, assetGalleryDOMNode);
@@ -1777,8 +1761,6 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
     }) : React__default['default'].createElement(AssetGalleryCompactCard$1, {
       asset: asset,
       activeSummaryCard: activeSummaryCard,
-      displayVersionCount: displayVersionCount,
-      displayVerificationIcon: displayVerificationIcon,
       hasHeightAndWidth: asset.layout.hasHeightAndWidth,
       collapseExtraInfo: asset.layout.width < 90,
       selectable: 'selectable' in asset ? asset.selectable : selectable,
@@ -1794,8 +1776,6 @@ 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,
-  displayVersionCount: defaultTheme.PropTypes.bool,
-  displayVerificationIcon: defaultTheme.PropTypes.bool,
   viewMode: defaultTheme.PropTypes.oneOf(['compact', 'grid']),
   thumbnailMaxHeight: defaultTheme.PropTypes.number,
   selectable: defaultTheme.PropTypes.bool,
@@ -1813,8 +1793,6 @@ AssetGalleryBase.propTypes = process.env.NODE_ENV !== "production" ? {
 var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_ref, forwardedRef) {
   var assets = _ref.assets,
       activeSummaryCard = _ref.activeSummaryCard,
-      displayVersionCount = _ref.displayVersionCount,
-      displayVerificationIcon = _ref.displayVerificationIcon,
       viewMode = _ref.viewMode,
       thumbnailMaxHeight = _ref.thumbnailMaxHeight,
       selectable = _ref.selectable,
@@ -1824,7 +1802,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", "activeSummaryCard", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onSelectedChanged", "softSelectable", "scrollElement", "onSoftSelectedChanged", "component"]);
 
   var _useState = React.useState(selectedAssetKeys || []),
       _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -1880,8 +1858,6 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
     ref: forwardedRef,
     assets: assets,
     activeSummaryCard: activeSummaryCard,
-    displayVersionCount: displayVersionCount,
-    displayVerificationIcon: displayVerificationIcon,
     thumbnailMaxHeight: thumbnailMaxHeight,
     selectable: selectable,
     selectedAssetKeys: selectedAssetKeysInternalState,
@@ -1897,8 +1873,6 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
 });
 AssetGallery.propTypes = process.env.NODE_ENV !== "production" ? {
   assets: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.shape(assetShape)),
-  displayVersionCount: defaultTheme.PropTypes.bool,
-  displayVerificationIcon: defaultTheme.PropTypes.bool,
   activeSummaryCard: defaultTheme.PropTypes.bool,
   viewMode: defaultTheme.PropTypes.oneOf(['compact', 'grid']),
   thumbnailMaxHeight: defaultTheme.PropTypes.number,
@@ -1915,8 +1889,7 @@ AssetGallery.defaultProps = {
   viewMode: 'compact',
   thumbnailMaxHeight: 300,
   selectedAssetKeys: [],
-  activeSummaryCard: false,
-  displayVerificationIcon: true
+  activeSummaryCard: false
 };
 
 exports.AssetGallery = AssetGallery;

package/{CompactAutocompleteSelect-5982dcf2.js → CompactAutocompleteSelect-86e10ff4.js}

@@ -8,9 +8,9 @@ require('./Alert-13b75102.js');
 require('./Badge-aec841c8.js');
 require('./Popover-569cd272.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-ea48ce3e.js');
+require('./Tabs-a8c77f71.js');
 var Tooltip = require('./Tooltip-66daf6e3.js');
-require('./VerificationStatusIcon-6fe95a92.js');
+require('./VerificationStatusIcon-b574fd21.js');
 var styled = require('styled-components');
 var Select = require('react-select');
 var reactSelectAsyncPaginate = require('react-select-async-paginate');

package/{CompactStarRating-a754fc6f.js → CompactStarRating-f1e62f3e.js}

@@ -6,9 +6,9 @@ require('./Alert-13b75102.js');
 require('./Badge-aec841c8.js');
 require('./Popover-569cd272.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-ea48ce3e.js');
+require('./Tabs-a8c77f71.js');
 var Tooltip = require('./Tooltip-66daf6e3.js');
-require('./VerificationStatusIcon-6fe95a92.js');
+require('./VerificationStatusIcon-b574fd21.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{CompactTextInput-baf13d5c.js → CompactTextInput-c27d33c1.js}

@@ -9,9 +9,9 @@ require('./Alert-13b75102.js');
 require('./Badge-aec841c8.js');
 require('./Popover-569cd272.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-ea48ce3e.js');
+require('./Tabs-a8c77f71.js');
 var Tooltip = require('./Tooltip-66daf6e3.js');
-require('./VerificationStatusIcon-6fe95a92.js');
+require('./VerificationStatusIcon-b574fd21.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{Instructions-f940b240.js → Instructions-d2984770.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-5982dcf2.js');
-var TextArea = require('./TextArea-d88433b2.js');
+var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-86e10ff4.js');
+var TextArea = require('./TextArea-42cb0bfd.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{MultiLevelCheckboxSelect-24c88aaa.js → MultiLevelCheckboxSelect-040d2f28.js}

@@ -7,9 +7,9 @@ require('./Alert-13b75102.js');
 require('./Badge-aec841c8.js');
 var Popover = require('./Popover-569cd272.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-ea48ce3e.js');
+require('./Tabs-a8c77f71.js');
 require('./Tooltip-66daf6e3.js');
-require('./VerificationStatusIcon-6fe95a92.js');
+require('./VerificationStatusIcon-b574fd21.js');
 var Checkbox = require('./Checkbox-68dc38a8.js');
 var lodash = require('lodash');
 var TextInput = require('./TextInput-0d109708.js');

package/{Tabs-ea48ce3e.js → Tabs-a8c77f71.js}

@@ -44,8 +44,7 @@ var TabContent = styled__default['default'].div.attrs(defaultTheme.applyDefaultT
 var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef) {
   var children = _ref.children,
       defaultMinHeight = _ref.defaultMinHeight,
-      onChangeTabCallback = _ref.onChangeTabCallback,
-      props = defaultTheme._objectWithoutProperties(_ref, ["children", "defaultMinHeight", "onChangeTabCallback"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["children", "defaultMinHeight"]);
 
   var _useState = React.useState(0),
       _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -61,9 +60,6 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
   React.useEffect(function () {
     setDefaultHeight(defaultMinHeight);
   }, []);
-  React.useEffect(function () {
-    onChangeTabCallback(activeTab);
-  }, [activeTab]);
   var tabs = React.useMemo(function () {
     var tabs = [];
 
@@ -109,15 +105,6 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
 
     return tabs;
   }, [children]);
-  React.useEffect(function () {
-    if (!tabs.some(function (tab) {
-      return tab.key === activeTab;
-    })) {
-      var _tabs$2;
-
-      setActiveTab(((_tabs$2 = tabs[0]) === null || _tabs$2 === void 0 ? void 0 : _tabs$2.key) || 0);
-    }
-  }, [tabs, activeTab]);
   return React__default['default'].createElement(Tabs$1, defaultTheme._extends({
     ref: forwardedRef
   }, props, {
@@ -145,14 +132,12 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
   })));
 });
 Tabs.defaultProps = {
-  defaultMinHeight: '',
-  onChangeTabCallback: function onChangeTabCallback() {}
+  defaultMinHeight: ''
 };
 Tabs.propTypes = process.env.NODE_ENV !== "production" ? {
   children: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.array, defaultTheme.PropTypes.object]),
   backgroundColor: defaultTheme.PropTypes.string,
-  defaultMinHeight: defaultTheme.PropTypes.string,
-  onChangeTabCallback: defaultTheme.PropTypes.func
+  defaultMinHeight: defaultTheme.PropTypes.string
 } : {};
 
 exports.Tabs = Tabs;

package/{TextArea-d88433b2.js → TextArea-42cb0bfd.js}

@@ -8,9 +8,9 @@ require('./Alert-13b75102.js');
 require('./Badge-aec841c8.js');
 require('./Popover-569cd272.js');
 require('./Tab-f499ecbc.js');
-require('./Tabs-ea48ce3e.js');
+require('./Tabs-a8c77f71.js');
 var Tooltip = require('./Tooltip-66daf6e3.js');
-require('./VerificationStatusIcon-6fe95a92.js');
+require('./VerificationStatusIcon-b574fd21.js');
 var editNote = require('./edit-note-c47d292e.js');
 var styled = require('styled-components');
 

package/{VerificationStatusIcon-6fe95a92.js → VerificationStatusIcon-b574fd21.js}

@@ -30,20 +30,15 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var VerificationIconWrapper = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n"])), function (props) {
-  return props.background && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n    background-color: #000 !important;\n    width: fit-content;\n    padding: 6px 14px 6px 9px;\n    border-radius: 15px;\n}\n    "])));
-});
-var VerificationStatusIcon$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  font: normal normal normal 12px/16px Roboto;\n  ", ";\n\n  ", ";\n\n  svg {\n    height: ", "px;\n  }\n"])), function (props) {
+var _templateObject, _templateObject2;
+var VerificationStatusIcon$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  font: normal normal normal 12px/16px Roboto;\n\n  ", ";\n\n  svg {\n    height: ", "px;\n  }\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'));
-}, function (props) {
-  return props.background && props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-100'));
 }, function (props) {
   var _props$iconHeight;
 
   return (_props$iconHeight = props.iconHeight) !== null && _props$iconHeight !== void 0 ? _props$iconHeight : 15;
 });
-var VerificationStatusColor = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  bottom: 0;\n  left: ", "px;\n  width: ", "px;\n  height: ", "px;\n  border-radius: 50%;\n  ", ";\n"])), function (props) {
+var VerificationStatusColor = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  bottom: 0;\n  left: ", "px;\n  width: ", "px;\n  height: ", "px;\n  border-radius: 50%;\n\n  ", "\n"])), function (props) {
   var _props$iconHeight2;
 
   return ((_props$iconHeight2 = props.iconHeight) !== null && _props$iconHeight2 !== void 0 ? _props$iconHeight2 : 15) * 2 / 3;
@@ -61,13 +56,13 @@ var VerificationStatusColor = styled__default['default'].div.attrs(defaultTheme.
 
   if (props.status === 'verified') {
     darkThemeColor = props.theme.getColor('emerald-500');
-    lightThemeColor = props.theme.getColor('emerald-500');
+    lightThemeColor = props.theme.getColor('emerald-300');
   } else if (props.status === 'pending') {
-    darkThemeColor = props.theme.getColor('signal-yellow-500');
+    darkThemeColor = props.theme.getColor('brown-500');
     lightThemeColor = props.theme.getColor('signal-yellow-500');
   } else if (props.status === 'rejected') {
     darkThemeColor = props.theme.getColor('red-600');
-    lightThemeColor = props.theme.getColor('red-600');
+    lightThemeColor = props.theme.getColor('red-200');
   }
 
   return props.theme.themeProp('background-color', darkThemeColor, lightThemeColor);
@@ -90,29 +85,22 @@ function SvgVerification(props) {
 var VerificationStatusIcon = React__default['default'].forwardRef(function VerificationStatusIcon(_ref, forwardedRef) {
   var status = _ref.status,
       iconHeight = _ref.iconHeight,
-      background = _ref.background,
-      props = defaultTheme._objectWithoutProperties(_ref, ["status", "iconHeight", "background"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["status", "iconHeight"]);
 
-  return React__default['default'].createElement(VerificationIconWrapper, {
-    background: background
-  }, React__default['default'].createElement(VerificationStatusIcon$1, defaultTheme._extends({
+  return React__default['default'].createElement(VerificationStatusIcon$1, defaultTheme._extends({
     iconHeight: iconHeight,
-    background: background,
     ref: forwardedRef
   }, props), React__default['default'].createElement(SvgVerification, null), React__default['default'].createElement(VerificationStatusColor, {
     iconHeight: iconHeight,
-    status: status,
-    background: background
-  })));
+    status: status
+  }));
 });
 VerificationStatusIcon.propTypes = process.env.NODE_ENV !== "production" ? {
   status: defaultTheme.PropTypes.oneOf(['verified', 'pending', 'rejected']).isRequired,
-  iconHeight: defaultTheme.PropTypes.number,
-  background: defaultTheme.PropTypes.bool
+  iconHeight: defaultTheme.PropTypes.number
 } : {};
 VerificationStatusIcon.defaultProps = {
-  iconHeight: 15,
-  background: false
+  iconHeight: 15
 };
 
 exports.VerificationStatusIcon = VerificationStatusIcon;

package/data/Tabs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tabs = require('../../Tabs-ea48ce3e.js');
+var Tabs = require('../../Tabs-a8c77f71.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');

package/data/index.js

@@ -6,9 +6,9 @@ var Alert = require('../Alert-13b75102.js');
 var Badge = require('../Badge-aec841c8.js');
 var Popover = require('../Popover-569cd272.js');
 var Tab = require('../Tab-f499ecbc.js');
-var Tabs = require('../Tabs-ea48ce3e.js');
+var Tabs = require('../Tabs-a8c77f71.js');
 var Tooltip = require('../Tooltip-66daf6e3.js');
-var VerificationStatusIcon = require('../VerificationStatusIcon-6fe95a92.js');
+var VerificationStatusIcon = require('../VerificationStatusIcon-b574fd21.js');
 require('../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');

package/inputs/ActionButton/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var ActionButton = require('../../ActionButton-46735b89.js');
+var ActionButton = require('../../ActionButton-06df3d6c.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');

package/inputs/CompactAutocompleteSelect/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-5982dcf2.js');
+var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-86e10ff4.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
@@ -14,9 +14,9 @@ require('@tippyjs/react');
 require('../../shift-away-subtle-0bed9a3c.js');
 require('popper-max-size-modifier');
 require('../../Tab-f499ecbc.js');
-require('../../Tabs-ea48ce3e.js');
+require('../../Tabs-a8c77f71.js');
 require('../../Tooltip-66daf6e3.js');
-require('../../VerificationStatusIcon-6fe95a92.js');
+require('../../VerificationStatusIcon-b574fd21.js');
 require('react-select');
 require('react-select-async-paginate');
 require('../../react-select-creatable.esm-2f23d6c6.js');

package/inputs/CompactStarRating/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactStarRating = require('../../CompactStarRating-a754fc6f.js');
+var CompactStarRating = require('../../CompactStarRating-f1e62f3e.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
@@ -13,9 +13,9 @@ require('@tippyjs/react');
 require('../../shift-away-subtle-0bed9a3c.js');
 require('popper-max-size-modifier');
 require('../../Tab-f499ecbc.js');
-require('../../Tabs-ea48ce3e.js');
+require('../../Tabs-a8c77f71.js');
 require('../../Tooltip-66daf6e3.js');
-require('../../VerificationStatusIcon-6fe95a92.js');
+require('../../VerificationStatusIcon-b574fd21.js');
 
 
 

package/inputs/CompactTextInput/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-baf13d5c.js');
+var CompactTextInput = require('../../CompactTextInput-c27d33c1.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
@@ -15,9 +15,9 @@ require('@tippyjs/react');
 require('../../shift-away-subtle-0bed9a3c.js');
 require('popper-max-size-modifier');
 require('../../Tab-f499ecbc.js');
-require('../../Tabs-ea48ce3e.js');
+require('../../Tabs-a8c77f71.js');
 require('../../Tooltip-66daf6e3.js');
-require('../../VerificationStatusIcon-6fe95a92.js');
+require('../../VerificationStatusIcon-b574fd21.js');
 
 
 

package/inputs/TextArea/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var TextArea = require('../../TextArea-d88433b2.js');
+var TextArea = require('../../TextArea-42cb0bfd.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
@@ -15,9 +15,9 @@ require('@tippyjs/react');
 require('../../shift-away-subtle-0bed9a3c.js');
 require('popper-max-size-modifier');
 require('../../Tab-f499ecbc.js');
-require('../../Tabs-ea48ce3e.js');
+require('../../Tabs-a8c77f71.js');
 require('../../Tooltip-66daf6e3.js');
-require('../../VerificationStatusIcon-6fe95a92.js');
+require('../../VerificationStatusIcon-b574fd21.js');
 require('../../edit-note-c47d292e.js');
 
 

package/inputs/index.js

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ActionButton = require('../ActionButton-46735b89.js');
+var ActionButton = require('../ActionButton-06df3d6c.js');
 var Button = require('../Button-49f82b31.js');
 var Checkbox = require('../Checkbox-68dc38a8.js');
-var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-5982dcf2.js');
-var CompactStarRating = require('../CompactStarRating-a754fc6f.js');
-var CompactTextInput = require('../CompactTextInput-baf13d5c.js');
+var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-86e10ff4.js');
+var CompactStarRating = require('../CompactStarRating-f1e62f3e.js');
+var CompactTextInput = require('../CompactTextInput-c27d33c1.js');
 var MultiSelect = require('../MultiSelect-4b8d3d0d.js');
 var Radio = require('../Radio-32d0513a.js');
-var TextArea = require('../TextArea-d88433b2.js');
+var TextArea = require('../TextArea-42cb0bfd.js');
 var TextInput = require('../TextInput-0d109708.js');
 var Switch = require('../Switch-4a41585f.js');
-var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-24c88aaa.js');
+var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-040d2f28.js');
 require('../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
@@ -29,9 +29,9 @@ require('nanoid');
 require('../Alert-13b75102.js');
 require('../Badge-aec841c8.js');
 require('../Tab-f499ecbc.js');
-require('../Tabs-ea48ce3e.js');
+require('../Tabs-a8c77f71.js');
 require('../Tooltip-66daf6e3.js');
-require('../VerificationStatusIcon-6fe95a92.js');
+require('../VerificationStatusIcon-b574fd21.js');
 require('react-select');
 require('react-select-async-paginate');
 require('../react-select-creatable.esm-2f23d6c6.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.2.0-rc.72",
+  "version": "1.2.0-rc.74",
   "description": "NTBs common front-end design utilities and React components.",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",

package/widgets/AssetGallery/index.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var AssetGallery = require('../../AssetGallery-840a1473.js');
+var AssetGallery = require('../../AssetGallery-54ea7e74.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('../../MultiLevelCheckboxSelect-24c88aaa.js');
+require('../../MultiLevelCheckboxSelect-040d2f28.js');
 require('../../Alert-13b75102.js');
 require('../../Badge-aec841c8.js');
 require('../../Popover-569cd272.js');
@@ -16,9 +16,9 @@ require('@tippyjs/react');
 require('../../shift-away-subtle-0bed9a3c.js');
 require('popper-max-size-modifier');
 require('../../Tab-f499ecbc.js');
-require('../../Tabs-ea48ce3e.js');
+require('../../Tabs-a8c77f71.js');
 require('../../Tooltip-66daf6e3.js');
-require('../../VerificationStatusIcon-6fe95a92.js');
+require('../../VerificationStatusIcon-b574fd21.js');
 require('../../Checkbox-68dc38a8.js');
 require('nanoid');
 require('../../TextInput-0d109708.js');
@@ -28,20 +28,20 @@ require('../../SectionSeparator-259a22ed.js');
 require('../../close-ebf2f3cf.js');
 require('react-lazy-load-image-component');
 require('../../warning-circle-24522402.js');
-require('../../ActionButton-46735b89.js');
+require('../../ActionButton-06df3d6c.js');
 require('../../Button-49f82b31.js');
 require('../../ContextMenu-4ec3d9f3.js');
 require('../../expand-more-94585605.js');
-require('../../CompactAutocompleteSelect-5982dcf2.js');
+require('../../CompactAutocompleteSelect-86e10ff4.js');
 require('react-select');
 require('react-select-async-paginate');
 require('../../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
-require('../../CompactStarRating-a754fc6f.js');
-require('../../CompactTextInput-baf13d5c.js');
+require('../../CompactStarRating-f1e62f3e.js');
+require('../../CompactTextInput-c27d33c1.js');
 require('../../MultiSelect-4b8d3d0d.js');
 require('../../Radio-32d0513a.js');
-require('../../TextArea-d88433b2.js');
+require('../../TextArea-42cb0bfd.js');
 require('../../Switch-4a41585f.js');
 require('../../ContextMenuItem-ba2b697e.js');
 

package/widgets/Instructions/index.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var Instructions = require('../../Instructions-f940b240.js');
+var Instructions = require('../../Instructions-d2984770.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('../../warning-circle-24522402.js');
-require('../../CompactAutocompleteSelect-5982dcf2.js');
+require('../../CompactAutocompleteSelect-86e10ff4.js');
 require('nanoid');
 require('../../Alert-13b75102.js');
 require('../../Badge-aec841c8.js');
@@ -16,16 +16,16 @@ require('@tippyjs/react');
 require('../../shift-away-subtle-0bed9a3c.js');
 require('popper-max-size-modifier');
 require('../../Tab-f499ecbc.js');
-require('../../Tabs-ea48ce3e.js');
+require('../../Tabs-a8c77f71.js');
 require('../../Tooltip-66daf6e3.js');
-require('../../VerificationStatusIcon-6fe95a92.js');
+require('../../VerificationStatusIcon-b574fd21.js');
 require('react-select');
 require('react-select-async-paginate');
 require('../../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
 require('../../close-ebf2f3cf.js');
 require('../../expand-more-94585605.js');
-require('../../TextArea-d88433b2.js');
+require('../../TextArea-42cb0bfd.js');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('../../edit-note-c47d292e.js');
 

package/widgets/index.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-840a1473.js');
+var AssetGallery = require('../AssetGallery-54ea7e74.js');
 var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-c28715f7.js');
-var Instructions = require('../Instructions-f940b240.js');
+var Instructions = require('../Instructions-d2984770.js');
 require('../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('../MultiLevelCheckboxSelect-24c88aaa.js');
+require('../MultiLevelCheckboxSelect-040d2f28.js');
 require('../Alert-13b75102.js');
 require('../Badge-aec841c8.js');
 require('../Popover-569cd272.js');
@@ -21,9 +21,9 @@ require('@tippyjs/react');
 require('../shift-away-subtle-0bed9a3c.js');
 require('popper-max-size-modifier');
 require('../Tab-f499ecbc.js');
-require('../Tabs-ea48ce3e.js');
+require('../Tabs-a8c77f71.js');
 require('../Tooltip-66daf6e3.js');
-require('../VerificationStatusIcon-6fe95a92.js');
+require('../VerificationStatusIcon-b574fd21.js');
 require('../Checkbox-68dc38a8.js');
 require('nanoid');
 require('../TextInput-0d109708.js');
@@ -33,19 +33,19 @@ require('../SectionSeparator-259a22ed.js');
 require('../close-ebf2f3cf.js');
 require('react-lazy-load-image-component');
 require('../warning-circle-24522402.js');
-require('../ActionButton-46735b89.js');
+require('../ActionButton-06df3d6c.js');
 require('../Button-49f82b31.js');
 require('../expand-more-94585605.js');
-require('../CompactAutocompleteSelect-5982dcf2.js');
+require('../CompactAutocompleteSelect-86e10ff4.js');
 require('react-select');
 require('react-select-async-paginate');
 require('../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
-require('../CompactStarRating-a754fc6f.js');
-require('../CompactTextInput-baf13d5c.js');
+require('../CompactStarRating-f1e62f3e.js');
+require('../CompactTextInput-c27d33c1.js');
 require('../MultiSelect-4b8d3d0d.js');
 require('../Radio-32d0513a.js');
-require('../TextArea-d88433b2.js');
+require('../TextArea-42cb0bfd.js');
 require('../Switch-4a41585f.js');
 require('../ContextMenuItem-ba2b697e.js');