@ntbjs/react-components 1.3.0-rc.25 → 1.3.0-rc.27

package/{AssetGallery-a049cc20.js → AssetGallery-7f8aef8b.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-e6e5cb90.js');
+var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-5730690c.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-7ef3684c.js');
 require('./Tab-f499ecbc.js');
 require('./Tabs-116aa951.js');
 var Tooltip = require('./Tooltip-66daf6e3.js');
 require('./VerificationStatusIcon-d5bfb67a.js');
 var ActionButton = require('./ActionButton-46735b89.js');
-require('./Button-49f82b31.js');
+require('./Button-26aa0bbb.js');
 require('./Checkbox-68dc38a8.js');
-require('./CompactAutocompleteSelect-96137f48.js');
-require('./CompactStarRating-15c1b812.js');
-require('./CompactTextInput-77fa43d7.js');
+require('./CompactAutocompleteSelect-ef965a1f.js');
+require('./CompactStarRating-81ba5675.js');
+require('./CompactTextInput-2f3a25e5.js');
 require('./MultiSelect-efd60232.js');
 require('./Radio-32d0513a.js');
-require('./TextArea-cc9bce9a.js');
+require('./TextArea-c68ce2df.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.current,
     content: renderPopoverContent(),
+    duration: [350, 0],
     placement: 'bottom',
     visible: isOverlayHovered && !isAnySubActionsOpened,
     zIndex: 10000
@@ -1777,6 +1780,7 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
     }) : React__default['default'].createElement(AssetGalleryCompactCard$1, {
       asset: asset,
       activeSummaryCard: activeSummaryCard,
+      boundary: assetGalleryDOMNode,
       displayVersionCount: displayVersionCount,
       displayVerificationIcon: displayVerificationIcon,
       hasHeightAndWidth: asset.layout.hasHeightAndWidth,

package/{Button-49f82b31.js → Button-26aa0bbb.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-7ef3684c.js');
 var ContextMenu = require('./ContextMenu-4ec3d9f3.js');
 var expandMore = require('./expand-more-94585605.js');
 

package/{CompactAutocompleteSelect-96137f48.js → CompactAutocompleteSelect-ef965a1f.js}

@@ -6,7 +6,7 @@ var nanoid = require('nanoid');
 var React = require('react');
 require('./Alert-13b75102.js');
 require('./Badge-757b0a39.js');
-require('./Popover-569cd272.js');
+require('./Popover-7ef3684c.js');
 require('./Tab-f499ecbc.js');
 require('./Tabs-116aa951.js');
 var Tooltip = require('./Tooltip-66daf6e3.js');

package/{CompactStarRating-15c1b812.js → CompactStarRating-81ba5675.js}

@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-ea44e34a.js');
 var React = require('react');
 require('./Alert-13b75102.js');
 require('./Badge-757b0a39.js');
-require('./Popover-569cd272.js');
+require('./Popover-7ef3684c.js');
 require('./Tab-f499ecbc.js');
 require('./Tabs-116aa951.js');
 var Tooltip = require('./Tooltip-66daf6e3.js');

package/{CompactTextInput-77fa43d7.js → CompactTextInput-2f3a25e5.js}

@@ -7,7 +7,7 @@ var React = require('react');
 var editNote = require('./edit-note-c47d292e.js');
 require('./Alert-13b75102.js');
 require('./Badge-757b0a39.js');
-var Popover = require('./Popover-569cd272.js');
+var Popover = require('./Popover-7ef3684c.js');
 require('./Tab-f499ecbc.js');
 require('./Tabs-116aa951.js');
 var Tooltip = require('./Tooltip-66daf6e3.js');

package/{Instructions-eb7065cc.js → Instructions-f67605d2.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-96137f48.js');
-var TextArea = require('./TextArea-cc9bce9a.js');
+var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-ef965a1f.js');
+var TextArea = require('./TextArea-c68ce2df.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{MultiLevelCheckboxSelect-e6e5cb90.js → MultiLevelCheckboxSelect-5730690c.js}

@@ -5,7 +5,7 @@ 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-7ef3684c.js');
 require('./Tab-f499ecbc.js');
 require('./Tabs-116aa951.js');
 require('./Tooltip-66daf6e3.js');

package/{Popover-569cd272.js → Popover-7ef3684c.js}

@@ -7,14 +7,12 @@ var styled = require('styled-components');
 var polished = require('polished');
 var TippyTooltip = require('@tippyjs/react');
 require('./shift-away-subtle-0bed9a3c.js');
-var maxSize = require('popper-max-size-modifier');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var TippyTooltip__default = /*#__PURE__*/_interopDefaultLegacy(TippyTooltip);
-var maxSize__default = /*#__PURE__*/_interopDefaultLegacy(maxSize);
 
 var _templateObject, _templateObject2, _templateObject3;
 var Popover$1 = styled__default['default'](TippyTooltip__default['default']).attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 1rem;\n  font-weight: 400;\n  color: inherit;\n  border-radius: 0;\n  line-height: inherit;\n  max-height: inherit;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  .tippy-content {\n    padding: 0;\n    max-height: inherit;\n\n    > div {\n      max-height: inherit;\n    }\n  }\n\n  .tippy-arrow {\n    ", "\n  }\n\n  && > .tippy-arrow::before {\n    position: absolute;\n    border-color: transparent;\n    border-style: solid;\n  }\n\n  & > .tippy-arrow::after {\n    content: '';\n    position: absolute;\n    border-color: transparent;\n    border-style: solid;\n  }\n\n  &[data-placement^='top'] {\n    & > .tippy-arrow:before {\n      bottom: -16px;\n      left: -5px;\n      border-width: 15px 13px 0;\n      ", "\n    }\n\n    & > .tippy-arrow:after {\n      bottom: -15px;\n      left: -5px;\n      border-width: 15px 13px 0;\n      border-top-color: initial;\n      transform-origin: center top;\n    }\n  }\n\n  &[data-placement^='right'] {\n    & > .tippy-arrow:before {\n      bottom: -5px;\n      left: -16px;\n      border-width: 13px 15px 13px 0;\n      ", "\n    }\n\n    & > .tippy-arrow:after {\n      bottom: -5px;\n      left: -15px;\n      border-width: 13px 15px 13px 0;\n      border-right-color: initial;\n      transform-origin: center top;\n    }\n  }\n\n  &[data-placement^='bottom'] {\n    & > .tippy-arrow:before {\n      top: -16px;\n      left: -5px;\n      border-width: 0 13px 15px 13px;\n      ", "\n    }\n\n    & > .tippy-arrow:after {\n      top: -14.5px;\n      left: -5px;\n      border-width: 0 13px 15px 13px;\n      border-bottom-color: initial;\n      transform-origin: center top;\n    }\n  }\n\n  &[data-placement^='left'] {\n    & > .tippy-arrow::before {\n      bottom: -5px;\n      right: -16px;\n      border-width: 13px 0 13px 15px;\n      ", "\n    }\n\n    & > .tippy-arrow::after {\n      bottom: -5px;\n      right: -15px;\n      border-width: 13px 0 13px 15px;\n      border-left-color: initial;\n      transform-origin: center top;\n    }\n  }\n"])), function (props) {
@@ -46,19 +44,34 @@ var Popover$1 = styled__default['default'](TippyTooltip__default['default']).att
 });
 
 var Popover = React__default['default'].forwardRef(function Popover(_ref, ref) {
-  var content = _ref.content,
-      interactive = _ref.interactive,
-      placement = _ref.placement,
-      duration = _ref.duration,
-      trigger = _ref.trigger,
-      offset = _ref.offset,
-      arrow = _ref.arrow,
-      visible = _ref.visible,
-      contextMenu = _ref.contextMenu,
-      contextMenuSublevel = _ref.contextMenuSublevel,
-      children = _ref.children,
-      modifiers = _ref.modifiers,
-      props = defaultTheme._objectWithoutProperties(_ref, ["content", "interactive", "placement", "duration", "trigger", "offset", "arrow", "visible", "contextMenu", "contextMenuSublevel", "children", "modifiers"]);
+  var children = _ref.children,
+      _ref$boundary = _ref.boundary,
+      boundary = _ref$boundary === void 0 ? 'scrollParent' : _ref$boundary,
+      _ref$content = _ref.content,
+      content = _ref$content === void 0 ? 'Tooltip' : _ref$content,
+      _ref$interactive = _ref.interactive,
+      interactive = _ref$interactive === void 0 ? true : _ref$interactive,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? 'bottom-end' : _ref$placement,
+      _ref$duration = _ref.duration,
+      duration = _ref$duration === void 0 ? [350, 305] : _ref$duration,
+      _ref$trigger = _ref.trigger,
+      trigger = _ref$trigger === void 0 ? '' : _ref$trigger,
+      _ref$offset = _ref.offset,
+      offset = _ref$offset === void 0 ? [0, 8] : _ref$offset,
+      _ref$arrow = _ref.arrow,
+      arrow = _ref$arrow === void 0 ? true : _ref$arrow,
+      _ref$visible = _ref.visible,
+      visible = _ref$visible === void 0 ? undefined : _ref$visible,
+      _ref$contextMenu = _ref.contextMenu,
+      contextMenu = _ref$contextMenu === void 0 ? false : _ref$contextMenu,
+      _ref$contextMenuSuble = _ref.contextMenuSublevel,
+      contextMenuSublevel = _ref$contextMenuSuble === void 0 ? false : _ref$contextMenuSuble,
+      _ref$maxWidth = _ref.maxWidth,
+      maxWidth = _ref$maxWidth === void 0 ? 'none' : _ref$maxWidth,
+      _ref$modifiers = _ref.modifiers,
+      modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
+      props = defaultTheme._objectWithoutProperties(_ref, ["children", "boundary", "content", "interactive", "placement", "duration", "trigger", "offset", "arrow", "visible", "contextMenu", "contextMenuSublevel", "maxWidth", "modifiers"]);
 
   var errorOffset = React.useMemo(function () {
     return arrow ? 15 : 0;
@@ -81,66 +94,44 @@ var Popover = React__default['default'].forwardRef(function Popover(_ref, ref) {
 
   return React__default['default'].createElement("div", null, React__default['default'].createElement(Popover$1, defaultTheme._extends({
     ref: ref,
+    maxWidth: maxWidth,
     content: content,
     interactive: interactive,
     placement: contextMenuSublevel ? 'right-start' : placement,
     duration: duration,
     animation: 'shift-away-subtle',
     trigger: isControlled ? undefined : contextMenuSublevel ? 'mouseenter click focus' : trigger,
-    offset: [offset[0], offset[1] + errorOffset],
-    arrow: contextMenu ? false : arrow,
-    visible: visible,
     popperOptions: {
-      modifiers: [defaultTheme._objectSpread2(defaultTheme._objectSpread2({}, maxSize__default['default']), {}, {
+      modifiers: [{
+        name: 'preventOverflow',
         options: {
-          boundary: 'viewport',
-          rootBoundary: 'viewport',
-          padding: 10
-        }
-      }), {
-        name: 'applyMaxSize',
-        enabled: true,
-        phase: 'beforeWrite',
-        requires: ['maxSize'],
-        fn: function fn(_ref2) {
-          var state = _ref2.state;
-          var height = state.modifiersData.maxSize.height;
-          state.styles.popper = defaultTheme._objectSpread2(defaultTheme._objectSpread2({}, state.styles.popper), {}, {
-            maxHeight: "".concat(height, "px")
-          });
+          altAxis: true,
+          tether: false,
+          boundary: boundary
         }
       }].concat(defaultTheme._toConsumableArray(modifiers))
     },
+    offset: [offset[0], offset[1] + errorOffset],
+    arrow: contextMenu ? false : arrow,
+    visible: visible,
     onShown: contextMenu ? handleContextMenuItemClick : undefined
   }, props), children));
 });
 Popover.propTypes = process.env.NODE_ENV !== "production" ? {
   content: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.element]).isRequired,
+  boundary: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.element]),
   interactive: defaultTheme.PropTypes.bool,
   placement: defaultTheme.PropTypes.oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', 'auto-end']),
-  duration: defaultTheme.PropTypes.number,
+  duration: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.number),
   trigger: defaultTheme.PropTypes.string,
   offset: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.number),
   arrow: defaultTheme.PropTypes.bool,
   visible: defaultTheme.PropTypes.bool,
+  maxWidth: defaultTheme.PropTypes.array,
   modifiers: defaultTheme.PropTypes.array,
   contextMenu: defaultTheme.PropTypes.bool,
   contextMenuSublevel: defaultTheme.PropTypes.bool,
   children: defaultTheme.PropTypes.node.isRequired
 } : {};
-Popover.defaultProps = {
-  content: 'Tooltip',
-  interactive: true,
-  placement: 'bottom-end',
-  duration: 350,
-  offset: [0, 8],
-  maxWidth: 'none',
-  trigger: 'click focus',
-  arrow: true,
-  visible: undefined,
-  contextMenu: false,
-  contextMenuSublevel: false,
-  modifiers: []
-};
 
 exports.Popover = Popover;

package/{TextArea-cc9bce9a.js → TextArea-c68ce2df.js}

@@ -7,7 +7,7 @@ var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
 var nanoid = require('nanoid');
 require('./Alert-13b75102.js');
 require('./Badge-757b0a39.js');
-require('./Popover-569cd272.js');
+require('./Popover-7ef3684c.js');
 require('./Tab-f499ecbc.js');
 require('./Tabs-116aa951.js');
 var Tooltip = require('./Tooltip-66daf6e3.js');

package/data/Popover/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Popover = require('../../Popover-569cd272.js');
+var Popover = require('../../Popover-7ef3684c.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
@@ -8,7 +8,6 @@ require('react');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-0bed9a3c.js');
-require('popper-max-size-modifier');
 
 
 

package/data/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var Alert = require('../Alert-13b75102.js');
 var Badge = require('../Badge-757b0a39.js');
-var Popover = require('../Popover-569cd272.js');
+var Popover = require('../Popover-7ef3684c.js');
 var Tab = require('../Tab-f499ecbc.js');
 var Tabs = require('../Tabs-116aa951.js');
 var Tooltip = require('../Tooltip-66daf6e3.js');
@@ -16,7 +16,6 @@ require('lodash');
 require('polished');
 require('@tippyjs/react');
 require('../shift-away-subtle-0bed9a3c.js');
-require('popper-max-size-modifier');
 
 
 

package/inputs/Button/index.js

@@ -1,15 +1,14 @@
 'use strict';
 
-var Button = require('../../Button-49f82b31.js');
+var Button = require('../../Button-26aa0bbb.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
-require('../../Popover-569cd272.js');
+require('../../Popover-7ef3684c.js');
 require('lodash');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-0bed9a3c.js');
-require('popper-max-size-modifier');
 require('../../ContextMenu-4ec3d9f3.js');
 require('../../expand-more-94585605.js');
 

package/inputs/CompactAutocompleteSelect/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-96137f48.js');
+var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-ef965a1f.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
@@ -8,11 +8,10 @@ require('nanoid');
 require('react');
 require('../../Alert-13b75102.js');
 require('../../Badge-757b0a39.js');
-require('../../Popover-569cd272.js');
+require('../../Popover-7ef3684c.js');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-0bed9a3c.js');
-require('popper-max-size-modifier');
 require('../../Tab-f499ecbc.js');
 require('../../Tabs-116aa951.js');
 require('../../Tooltip-66daf6e3.js');

package/inputs/CompactStarRating/index.js

@@ -1,17 +1,16 @@
 'use strict';
 
-var CompactStarRating = require('../../CompactStarRating-15c1b812.js');
+var CompactStarRating = require('../../CompactStarRating-81ba5675.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
 require('../../Alert-13b75102.js');
 require('lodash');
 require('../../Badge-757b0a39.js');
-require('../../Popover-569cd272.js');
+require('../../Popover-7ef3684c.js');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-0bed9a3c.js');
-require('popper-max-size-modifier');
 require('../../Tab-f499ecbc.js');
 require('../../Tabs-116aa951.js');
 require('../../Tooltip-66daf6e3.js');

package/inputs/CompactTextInput/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-77fa43d7.js');
+var CompactTextInput = require('../../CompactTextInput-2f3a25e5.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
@@ -9,11 +9,10 @@ require('react');
 require('../../edit-note-c47d292e.js');
 require('../../Alert-13b75102.js');
 require('../../Badge-757b0a39.js');
-require('../../Popover-569cd272.js');
+require('../../Popover-7ef3684c.js');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-0bed9a3c.js');
-require('popper-max-size-modifier');
 require('../../Tab-f499ecbc.js');
 require('../../Tabs-116aa951.js');
 require('../../Tooltip-66daf6e3.js');

package/inputs/TextArea/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var TextArea = require('../../TextArea-cc9bce9a.js');
+var TextArea = require('../../TextArea-c68ce2df.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
@@ -9,11 +9,10 @@ require('../../useMergedRefs-b6d2f8fc.js');
 require('nanoid');
 require('../../Alert-13b75102.js');
 require('../../Badge-757b0a39.js');
-require('../../Popover-569cd272.js');
+require('../../Popover-7ef3684c.js');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-0bed9a3c.js');
-require('popper-max-size-modifier');
 require('../../Tab-f499ecbc.js');
 require('../../Tabs-116aa951.js');
 require('../../Tooltip-66daf6e3.js');

package/inputs/index.js

@@ -3,26 +3,25 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var ActionButton = require('../ActionButton-46735b89.js');
-var Button = require('../Button-49f82b31.js');
+var Button = require('../Button-26aa0bbb.js');
 var Checkbox = require('../Checkbox-68dc38a8.js');
-var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-96137f48.js');
-var CompactStarRating = require('../CompactStarRating-15c1b812.js');
-var CompactTextInput = require('../CompactTextInput-77fa43d7.js');
+var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-ef965a1f.js');
+var CompactStarRating = require('../CompactStarRating-81ba5675.js');
+var CompactTextInput = require('../CompactTextInput-2f3a25e5.js');
 var MultiSelect = require('../MultiSelect-efd60232.js');
 var Radio = require('../Radio-32d0513a.js');
-var TextArea = require('../TextArea-cc9bce9a.js');
+var TextArea = require('../TextArea-c68ce2df.js');
 var TextInput = require('../TextInput-0d109708.js');
 var Switch = require('../Switch-4a41585f.js');
-var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-e6e5cb90.js');
+var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-5730690c.js');
 require('../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');
 require('polished');
-require('../Popover-569cd272.js');
+require('../Popover-7ef3684c.js');
 require('lodash');
 require('@tippyjs/react');
 require('../shift-away-subtle-0bed9a3c.js');
-require('popper-max-size-modifier');
 require('../ContextMenu-4ec3d9f3.js');
 require('../expand-more-94585605.js');
 require('nanoid');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.3.0-rc.25",
+  "version": "1.3.0-rc.27",
   "description": "NTBs common front-end design utilities and React components.",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",
@@ -84,6 +84,6 @@
     "react-select-async-paginate": "^0.7.3",
     "react-spinners": "^0.13.8",
     "resize-observer-polyfill": "^1.5.1",
-    "styled-components": "^6.1.12"
+    "styled-components": "^5.3.5"
   }
 }

package/widgets/AssetGallery/index.js

@@ -1,20 +1,19 @@
 'use strict';
 
-var AssetGallery = require('../../AssetGallery-a049cc20.js');
+var AssetGallery = require('../../AssetGallery-7f8aef8b.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('../../MultiLevelCheckboxSelect-e6e5cb90.js');
+require('../../MultiLevelCheckboxSelect-5730690c.js');
 require('../../Alert-13b75102.js');
 require('../../Badge-757b0a39.js');
-require('../../Popover-569cd272.js');
+require('../../Popover-7ef3684c.js');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-0bed9a3c.js');
-require('popper-max-size-modifier');
 require('../../Tab-f499ecbc.js');
 require('../../Tabs-116aa951.js');
 require('../../Tooltip-66daf6e3.js');
@@ -29,19 +28,19 @@ require('../../close-ebf2f3cf.js');
 require('react-lazy-load-image-component');
 require('../../warning-circle-24522402.js');
 require('../../ActionButton-46735b89.js');
-require('../../Button-49f82b31.js');
+require('../../Button-26aa0bbb.js');
 require('../../ContextMenu-4ec3d9f3.js');
 require('../../expand-more-94585605.js');
-require('../../CompactAutocompleteSelect-96137f48.js');
+require('../../CompactAutocompleteSelect-ef965a1f.js');
 require('react-select');
 require('react-select-async-paginate');
 require('../../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
-require('../../CompactStarRating-15c1b812.js');
-require('../../CompactTextInput-77fa43d7.js');
+require('../../CompactStarRating-81ba5675.js');
+require('../../CompactTextInput-2f3a25e5.js');
 require('../../MultiSelect-efd60232.js');
 require('../../Radio-32d0513a.js');
-require('../../TextArea-cc9bce9a.js');
+require('../../TextArea-c68ce2df.js');
 require('../../Switch-4a41585f.js');
 require('../../ContextMenuItem-ba2b697e.js');
 

package/widgets/Instructions/index.js

@@ -1,20 +1,19 @@
 'use strict';
 
-var Instructions = require('../../Instructions-eb7065cc.js');
+var Instructions = require('../../Instructions-f67605d2.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('../../warning-circle-24522402.js');
-require('../../CompactAutocompleteSelect-96137f48.js');
+require('../../CompactAutocompleteSelect-ef965a1f.js');
 require('nanoid');
 require('../../Alert-13b75102.js');
 require('../../Badge-757b0a39.js');
-require('../../Popover-569cd272.js');
+require('../../Popover-7ef3684c.js');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-0bed9a3c.js');
-require('popper-max-size-modifier');
 require('../../Tab-f499ecbc.js');
 require('../../Tabs-116aa951.js');
 require('../../Tooltip-66daf6e3.js');
@@ -25,7 +24,7 @@ require('../../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
 require('../../close-ebf2f3cf.js');
 require('../../expand-more-94585605.js');
-require('../../TextArea-cc9bce9a.js');
+require('../../TextArea-c68ce2df.js');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('../../edit-note-c47d292e.js');
 

package/widgets/index.js

@@ -2,24 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-a049cc20.js');
+var AssetGallery = require('../AssetGallery-7f8aef8b.js');
 var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-2197a160.js');
-var Instructions = require('../Instructions-eb7065cc.js');
+var Instructions = require('../Instructions-f67605d2.js');
 require('../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('../MultiLevelCheckboxSelect-e6e5cb90.js');
+require('../MultiLevelCheckboxSelect-5730690c.js');
 require('../Alert-13b75102.js');
 require('../Badge-757b0a39.js');
-require('../Popover-569cd272.js');
+require('../Popover-7ef3684c.js');
 require('polished');
 require('@tippyjs/react');
 require('../shift-away-subtle-0bed9a3c.js');
-require('popper-max-size-modifier');
 require('../Tab-f499ecbc.js');
 require('../Tabs-116aa951.js');
 require('../Tooltip-66daf6e3.js');
@@ -34,18 +33,18 @@ require('../close-ebf2f3cf.js');
 require('react-lazy-load-image-component');
 require('../warning-circle-24522402.js');
 require('../ActionButton-46735b89.js');
-require('../Button-49f82b31.js');
+require('../Button-26aa0bbb.js');
 require('../expand-more-94585605.js');
-require('../CompactAutocompleteSelect-96137f48.js');
+require('../CompactAutocompleteSelect-ef965a1f.js');
 require('react-select');
 require('react-select-async-paginate');
 require('../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
-require('../CompactStarRating-15c1b812.js');
-require('../CompactTextInput-77fa43d7.js');
+require('../CompactStarRating-81ba5675.js');
+require('../CompactTextInput-2f3a25e5.js');
 require('../MultiSelect-efd60232.js');
 require('../Radio-32d0513a.js');
-require('../TextArea-cc9bce9a.js');
+require('../TextArea-c68ce2df.js');
 require('../Switch-4a41585f.js');
 require('../ContextMenuItem-ba2b697e.js');