@ntbjs/react-components 1.1.0-beta.7 → 1.1.0-beta.9

package/{AssetGallery-d5394d69.js → AssetGallery-28fd6d5c.js}

@@ -7,19 +7,19 @@ var TextInput = require('./TextInput-e4c6d536.js');
 var ResizeObserver = require('resize-observer-polyfill');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
 var ActionButton = require('./ActionButton-90485300.js');
-require('./AutocompleteSelect-e2063407.js');
-require('./Button-01371eb4.js');
+require('./AutocompleteSelect-e82bd937.js');
+require('./Button-e6a6139c.js');
 require('./Checkbox-50f1f3c7.js');
-require('./CompactStarRating-f9997240.js');
-require('./CompactTextInput-8c9b061b.js');
-require('./MultiSelect-8b427b56.js');
+require('./CompactStarRating-f7a58649.js');
+require('./CompactTextInput-a5bc6ec3.js');
+require('./MultiSelect-3eca3c3e.js');
 require('./Radio-0b46b2a8.js');
-require('./TextArea-8a0bd754.js');
+require('./TextArea-efe4fa88.js');
 require('./Switch-aa384260.js');
-require('./Popover-616682bf.js');
-var Tooltip = require('./Tooltip-860530ff.js');
-require('./Tab-fc380f0b.js');
-require('./Tabs-d6f0aaf5.js');
+require('./Popover-63d38274.js');
+var Tooltip = require('./Tooltip-556138de.js');
+require('./Tab-51124003.js');
+require('./Tabs-452079b5.js');
 require('./Badge-34ad2850.js');
 var styled = require('styled-components');
 var polished = require('polished');

package/{AssetPreviewTopBar-777c726a.js → AssetPreviewTopBar-020a6f96.js}

@@ -32,7 +32,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 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: 1px solid;\n  clip-path: inset(0px 0px -10px 0px);\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 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: 1px solid;\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) {
   return props.theme.primaryFontFamily;
 }, function (props) {
   return props.theme.themeProp('border-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-200'));

package/{AutocompleteSelect-e2063407.js → AutocompleteSelect-e82bd937.js}

@@ -6,7 +6,7 @@ var nanoid = require('nanoid');
 var lodash = require('lodash');
 var styled = require('styled-components');
 var Select = require('react-select');
-var reactSelectCreatable_esm = require('./react-select-creatable.esm-9283eec1.js');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-eb462367.js');
 var reactSelectAsyncPaginate = require('react-select-async-paginate');
 var close = require('./close-ebf2f3cf.js');
 var expandMore = require('./expand-more-94585605.js');

package/{Button-01371eb4.js → Button-e6a6139c.js}

@@ -3,7 +3,7 @@
 var defaultTheme = require('./defaultTheme-870f7df1.js');
 var React = require('react');
 var styled = require('styled-components');
-var Popover = require('./Popover-616682bf.js');
+var Popover = require('./Popover-63d38274.js');
 var ContextMenu = require('./ContextMenu-a68d4f28.js');
 var expandMore = require('./expand-more-94585605.js');
 

package/{CompactStarRating-f9997240.js → CompactStarRating-f7a58649.js}

@@ -32,7 +32,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-var CompactStarRating$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 1rem;\n  font-weight: 500;\n  height: 24px;\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  ", "\n"])), function (props) {
+var CompactStarRating$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 1rem;\n  font-weight: 500;\n  height: 24px;\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  ", "\n\n  & .hiddenInput {\n    display: none;\n  }\n"])), function (props) {
   return props.theme.primaryFontFamily;
 }, function (props) {
   return props.disabled && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n      button {\n        cursor: not-allowed;\n      }\n      > * {\n        cursor: not-allowed;\n      }\n    "])));
@@ -128,6 +128,9 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
   React.useEffect(function () {
     setRating(value);
   }, [value]);
+  React.useEffect(function () {
+    setRating(defaultValue);
+  }, [defaultValue]);
   var hasError = React.useMemo(function () {
     if (lodash.isBoolean(error)) {
       return error;
@@ -204,7 +207,8 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
     disabled: readOnly,
     ref: forwardedRef
   }, props), React__default['default'].createElement(labelWidth, null, label), React__default['default'].createElement("input", {
-    type: "hidden",
+    className: "hiddenInput",
+    type: "number",
     ref: inputRef,
     onChange: onChange,
     onBlur: onBlur

package/{CompactTextInput-8c9b061b.js → CompactTextInput-a5bc6ec3.js}

@@ -6,10 +6,10 @@ var nanoid = require('nanoid');
 var lodash = require('lodash');
 var styled = require('styled-components');
 var editNote = require('./edit-note-c47d292e.js');
-var Popover = require('./Popover-616682bf.js');
-var Tooltip = require('./Tooltip-860530ff.js');
-require('./Tab-fc380f0b.js');
-require('./Tabs-d6f0aaf5.js');
+var Popover = require('./Popover-63d38274.js');
+var Tooltip = require('./Tooltip-556138de.js');
+require('./Tab-51124003.js');
+require('./Tabs-452079b5.js');
 require('./Badge-34ad2850.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{MultiSelect-8b427b56.js → MultiSelect-3eca3c3e.js}

@@ -5,7 +5,7 @@ var React = require('react');
 var styled = require('styled-components');
 var close = require('./close-ebf2f3cf.js');
 var Select = require('react-select');
-var reactSelectCreatable_esm = require('./react-select-creatable.esm-9283eec1.js');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-eb462367.js');
 var reactSelectAsyncPaginate = require('react-select-async-paginate');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{Popover-616682bf.js → Popover-63d38274.js}

@@ -13,7 +13,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var TippyTooltip__default = /*#__PURE__*/_interopDefaultLegacy(TippyTooltip);
 
-var css_248z$1 = ".tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:\"\";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}";
+var css_248z$1 = ".tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:\"\";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}";
 defaultTheme.styleInject(css_248z$1);
 
 var css_248z = ".tippy-box[data-animation=shift-away-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top]{transform:translateY(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom]{transform:translateY(-5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left]{transform:translateX(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right]{transform:translateX(-5px)}";

package/{Tab-fc380f0b.js → Tab-51124003.js}

@@ -23,7 +23,7 @@ var Tab = React__default['default'].forwardRef(function Tab(_ref, forwardedRef)
   }, props), children);
 });
 Tab.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: defaultTheme.PropTypes.string
+  children: defaultTheme.PropTypes.array
 } : {};
 Tab.defaultProps = {};
 

package/{Tabs-d6f0aaf5.js → Tabs-452079b5.js}

@@ -3,7 +3,7 @@
 var defaultTheme = require('./defaultTheme-870f7df1.js');
 var React = require('react');
 var styled = require('styled-components');
-var Tab = require('./Tab-fc380f0b.js');
+var Tab = require('./Tab-51124003.js');
 var lodash = require('lodash');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{TextArea-8a0bd754.js → TextArea-efe4fa88.js}

@@ -202,7 +202,7 @@ TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
   rows: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.number, defaultTheme.PropTypes.string]),
   className: defaultTheme.PropTypes.string,
   style: defaultTheme.PropTypes.object,
-  lightBackground: defaultTheme.PropTypes["boolean"],
+  lightBackground: defaultTheme.PropTypes.bool,
   onChange: defaultTheme.PropTypes.func,
   onBlur: defaultTheme.PropTypes.func,
   noBorder: defaultTheme.PropTypes.bool,

package/{Tooltip-860530ff.js → Tooltip-556138de.js}

@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-870f7df1.js');
 var React = require('react');
 var styled = require('styled-components');
 var TippyTooltip = require('@tippyjs/react');
-require('./Popover-616682bf.js');
+require('./Popover-63d38274.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,8 +26,9 @@ var Tooltip = React__default['default'].forwardRef(function Tooltip(_ref, ref) {
       interactive = _ref.interactive,
       placement = _ref.placement,
       duration = _ref.duration,
+      trigger = _ref.trigger,
       children = _ref.children,
-      props = defaultTheme._objectWithoutProperties(_ref, ["content", "interactive", "placement", "duration", "children"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["content", "interactive", "placement", "duration", "trigger", "children"]);
 
   return React__default['default'].createElement(Tooltip$1, defaultTheme._extends({
     ref: ref,
@@ -35,6 +36,7 @@ var Tooltip = React__default['default'].forwardRef(function Tooltip(_ref, ref) {
     interactive: interactive,
     placement: placement,
     duration: duration,
+    trigger: trigger,
     animation: 'shift-away-subtle'
   }, props), children);
 });
@@ -43,7 +45,7 @@ Tooltip.propTypes = process.env.NODE_ENV !== "production" ? {
   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,
-  trigger: defaultTheme.PropTypes.string,
+  trigger: defaultTheme.PropTypes.oneOf(['mouseenter', 'mouseenter focus', 'click', 'focusin', 'mouseenter click']),
   children: defaultTheme.PropTypes.node.isRequired
 } : {};
 Tooltip.defaultProps = {

package/data/Popover/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Popover = require('../../Popover-616682bf.js');
+var Popover = require('../../Popover-63d38274.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/data/Tab/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tab = require('../../Tab-fc380f0b.js');
+var Tab = require('../../Tab-51124003.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/data/Tabs/index.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var Tabs = require('../../Tabs-d6f0aaf5.js');
+var Tabs = require('../../Tabs-452079b5.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
-require('../../Tab-fc380f0b.js');
+require('../../Tab-51124003.js');
 require('lodash');
 
 

package/data/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Popover = require('../Popover-616682bf.js');
-var Tooltip = require('../Tooltip-860530ff.js');
-var Tab = require('../Tab-fc380f0b.js');
-var Tabs = require('../Tabs-d6f0aaf5.js');
+var Popover = require('../Popover-63d38274.js');
+var Tooltip = require('../Tooltip-556138de.js');
+var Tab = require('../Tab-51124003.js');
+var Tabs = require('../Tabs-452079b5.js');
 var Badge = require('../Badge-34ad2850.js');
 require('../defaultTheme-870f7df1.js');
 require('styled-components');

package/inputs/AutocompleteSelect/index.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var AutocompleteSelect = require('../../AutocompleteSelect-e2063407.js');
+var AutocompleteSelect = require('../../AutocompleteSelect-e82bd937.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
 require('nanoid');
 require('lodash');
 require('react-select');
-require('../../react-select-creatable.esm-9283eec1.js');
+require('../../react-select-creatable.esm-eb462367.js');
 require('react-dom');
 require('react-select-async-paginate');
 require('../../close-ebf2f3cf.js');

package/inputs/Button/index.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var Button = require('../../Button-01371eb4.js');
+var Button = require('../../Button-e6a6139c.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
-require('../../Popover-616682bf.js');
+require('../../Popover-63d38274.js');
 require('lodash');
 require('polished');
 require('@tippyjs/react');

package/inputs/CompactStarRating/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactStarRating = require('../../CompactStarRating-f9997240.js');
+var CompactStarRating = require('../../CompactStarRating-f7a58649.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/inputs/CompactTextInput/index.js

@@ -1,18 +1,18 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-8c9b061b.js');
+var CompactTextInput = require('../../CompactTextInput-a5bc6ec3.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
 require('nanoid');
 require('lodash');
 require('../../edit-note-c47d292e.js');
-require('../../Popover-616682bf.js');
+require('../../Popover-63d38274.js');
 require('polished');
 require('@tippyjs/react');
-require('../../Tooltip-860530ff.js');
-require('../../Tab-fc380f0b.js');
-require('../../Tabs-d6f0aaf5.js');
+require('../../Tooltip-556138de.js');
+require('../../Tab-51124003.js');
+require('../../Tabs-452079b5.js');
 require('../../Badge-34ad2850.js');
 
 

package/inputs/MultiSelect/index.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var MultiSelect = require('../../MultiSelect-8b427b56.js');
+var MultiSelect = require('../../MultiSelect-3eca3c3e.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
 require('../../close-ebf2f3cf.js');
 require('react-select');
-require('../../react-select-creatable.esm-9283eec1.js');
+require('../../react-select-creatable.esm-eb462367.js');
 require('react-dom');
 require('react-select-async-paginate');
 

package/inputs/TextArea/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var TextArea = require('../../TextArea-8a0bd754.js');
+var TextArea = require('../../TextArea-efe4fa88.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/inputs/index.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var ActionButton = require('../ActionButton-90485300.js');
-var AutocompleteSelect = require('../AutocompleteSelect-e2063407.js');
-var Button = require('../Button-01371eb4.js');
+var AutocompleteSelect = require('../AutocompleteSelect-e82bd937.js');
+var Button = require('../Button-e6a6139c.js');
 var Checkbox = require('../Checkbox-50f1f3c7.js');
-var CompactStarRating = require('../CompactStarRating-f9997240.js');
-var CompactTextInput = require('../CompactTextInput-8c9b061b.js');
-var MultiSelect = require('../MultiSelect-8b427b56.js');
+var CompactStarRating = require('../CompactStarRating-f7a58649.js');
+var CompactTextInput = require('../CompactTextInput-a5bc6ec3.js');
+var MultiSelect = require('../MultiSelect-3eca3c3e.js');
 var Radio = require('../Radio-0b46b2a8.js');
-var TextArea = require('../TextArea-8a0bd754.js');
+var TextArea = require('../TextArea-efe4fa88.js');
 var TextInput = require('../TextInput-e4c6d536.js');
 var Switch = require('../Switch-aa384260.js');
 require('../defaultTheme-870f7df1.js');
@@ -19,19 +19,19 @@ require('react');
 require('nanoid');
 require('lodash');
 require('react-select');
-require('../react-select-creatable.esm-9283eec1.js');
+require('../react-select-creatable.esm-eb462367.js');
 require('react-dom');
 require('react-select-async-paginate');
 require('../close-ebf2f3cf.js');
 require('../expand-more-94585605.js');
-require('../Popover-616682bf.js');
+require('../Popover-63d38274.js');
 require('polished');
 require('@tippyjs/react');
 require('../ContextMenu-a68d4f28.js');
 require('../edit-note-c47d292e.js');
-require('../Tooltip-860530ff.js');
-require('../Tab-fc380f0b.js');
-require('../Tabs-d6f0aaf5.js');
+require('../Tooltip-556138de.js');
+require('../Tab-51124003.js');
+require('../Tabs-452079b5.js');
 require('../Badge-34ad2850.js');
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.0-beta.7",
+  "version": "1.1.0-beta.9",
   "description": "NTBs common front-end design utilities and React components.",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",
@@ -74,7 +74,7 @@
     "@restart/hooks": "^0.3.26",
     "@storybook/addons": "^6.5.14",
     "@storybook/theming": "^6.5.14",
-    "@tippyjs/react": "^4.2.5",
+    "@tippyjs/react": "^4.2.6",
     "lodash": "^4.17.21",
     "nanoid": "^3.1.25",
     "polished": "^4.1.3",

package/{react-select-creatable.esm-9283eec1.js → react-select-creatable.esm-eb462367.js}

@@ -3215,7 +3215,7 @@ function getOverflowAncestors(node, list, traverseIframes) {
   if (isBody) {
     return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ? getOverflowAncestors(win.frameElement) : []);
   }
-  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor));
+  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
 }
 
 function getCssDimensions(element) {
@@ -4500,7 +4500,9 @@ var Control = function Control(props) {
     'control--is-disabled': isDisabled,
     'control--is-focused': isFocused,
     'control--menu-is-open': menuIsOpen
-  }), innerProps), children);
+  }), innerProps, {
+    "aria-disabled": isDisabled || undefined
+  }), children);
 };
 var Control$1 = Control;
 
@@ -5462,7 +5464,7 @@ function DummyInput(_ref) {
 }
 
 var cancelScroll = function cancelScroll(event) {
-  event.preventDefault();
+  if (event.cancelable) event.preventDefault();
   event.stopPropagation();
 };
 function useScrollCapture(_ref) {
@@ -5687,8 +5689,9 @@ function useScrollLock(_ref) {
 }
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var blurSelectInput = function blurSelectInput() {
-  return document.activeElement && document.activeElement.blur();
+var blurSelectInput = function blurSelectInput(event) {
+  var element = event.target;
+  return element.ownerDocument.activeElement && element.ownerDocument.activeElement.blur();
 };
 var _ref2$1 = process.env.NODE_ENV === "production" ? {
   name: "1kfdb0e",
@@ -5696,7 +5699,7 @@ var _ref2$1 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "bp8cua-ScrollManager",
   styles: "position:fixed;left:0;bottom:0;right:0;top:0;label:ScrollManager;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNjcm9sbE1hbmFnZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDVSIsImZpbGUiOiJTY3JvbGxNYW5hZ2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsganN4IH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgRnJhZ21lbnQsIFJlYWN0RWxlbWVudCwgUmVmQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdXNlU2Nyb2xsQ2FwdHVyZSBmcm9tICcuL3VzZVNjcm9sbENhcHR1cmUnO1xuaW1wb3J0IHVzZVNjcm9sbExvY2sgZnJvbSAnLi91c2VTY3JvbGxMb2NrJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgcmVhZG9ubHkgY2hpbGRyZW46IChyZWY6IFJlZkNhbGxiYWNrPEhUTUxFbGVtZW50PikgPT4gUmVhY3RFbGVtZW50O1xuICByZWFkb25seSBsb2NrRW5hYmxlZDogYm9vbGVhbjtcbiAgcmVhZG9ubHkgY2FwdHVyZUVuYWJsZWQ6IGJvb2xlYW47XG4gIHJlYWRvbmx5IG9uQm90dG9tQXJyaXZlPzogKGV2ZW50OiBXaGVlbEV2ZW50IHwgVG91Y2hFdmVudCkgPT4gdm9pZDtcbiAgcmVhZG9ubHkgb25Cb3R0b21MZWF2ZT86IChldmVudDogV2hlZWxFdmVudCB8IFRvdWNoRXZlbnQpID0+IHZvaWQ7XG4gIHJlYWRvbmx5IG9uVG9wQXJyaXZlPzogKGV2ZW50OiBXaGVlbEV2ZW50IHwgVG91Y2hFdmVudCkgPT4gdm9pZDtcbiAgcmVhZG9ubHkgb25Ub3BMZWF2ZT86IChldmVudDogV2hlZWxFdmVudCB8IFRvdWNoRXZlbnQpID0+IHZvaWQ7XG59XG5cbmNvbnN0IGJsdXJTZWxlY3RJbnB1dCA9ICgpID0+XG4gIGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgJiYgKGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnQpLmJsdXIoKTtcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gU2Nyb2xsTWFuYWdlcih7XG4gIGNoaWxkcmVuLFxuICBsb2NrRW5hYmxlZCxcbiAgY2FwdHVyZUVuYWJsZWQgPSB0cnVlLFxuICBvbkJvdHRvbUFycml2ZSxcbiAgb25Cb3R0b21MZWF2ZSxcbiAgb25Ub3BBcnJpdmUsXG4gIG9uVG9wTGVhdmUsXG59OiBQcm9wcykge1xuICBjb25zdCBzZXRTY3JvbGxDYXB0dXJlVGFyZ2V0ID0gdXNlU2Nyb2xsQ2FwdHVyZSh7XG4gICAgaXNFbmFibGVkOiBjYXB0dXJlRW5hYmxlZCxcbiAgICBvbkJvdHRvbUFycml2ZSxcbiAgICBvbkJvdHRvbUxlYXZlLFxuICAgIG9uVG9wQXJyaXZlLFxuICAgIG9uVG9wTGVhdmUsXG4gIH0pO1xuICBjb25zdCBzZXRTY3JvbGxMb2NrVGFyZ2V0ID0gdXNlU2Nyb2xsTG9jayh7IGlzRW5hYmxlZDogbG9ja0VuYWJsZWQgfSk7XG5cbiAgY29uc3QgdGFyZ2V0UmVmOiBSZWZDYWxsYmFjazxIVE1MRWxlbWVudD4gPSAoZWxlbWVudCkgPT4ge1xuICAgIHNldFNjcm9sbENhcHR1cmVUYXJnZXQoZWxlbWVudCk7XG4gICAgc2V0U2Nyb2xsTG9ja1RhcmdldChlbGVtZW50KTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxGcmFnbWVudD5cbiAgICAgIHtsb2NrRW5hYmxlZCAmJiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBvbkNsaWNrPXtibHVyU2VsZWN0SW5wdXR9XG4gICAgICAgICAgY3NzPXt7IHBvc2l0aW9uOiAnZml4ZWQnLCBsZWZ0OiAwLCBib3R0b206IDAsIHJpZ2h0OiAwLCB0b3A6IDAgfX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICB7Y2hpbGRyZW4odGFyZ2V0UmVmKX1cbiAgICA8L0ZyYWdtZW50PlxuICApO1xufVxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNjcm9sbE1hbmFnZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EVSIsImZpbGUiOiJTY3JvbGxNYW5hZ2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsganN4IH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgRnJhZ21lbnQsIFJlYWN0RWxlbWVudCwgUmVmQ2FsbGJhY2ssIE1vdXNlRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdXNlU2Nyb2xsQ2FwdHVyZSBmcm9tICcuL3VzZVNjcm9sbENhcHR1cmUnO1xuaW1wb3J0IHVzZVNjcm9sbExvY2sgZnJvbSAnLi91c2VTY3JvbGxMb2NrJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgcmVhZG9ubHkgY2hpbGRyZW46IChyZWY6IFJlZkNhbGxiYWNrPEhUTUxFbGVtZW50PikgPT4gUmVhY3RFbGVtZW50O1xuICByZWFkb25seSBsb2NrRW5hYmxlZDogYm9vbGVhbjtcbiAgcmVhZG9ubHkgY2FwdHVyZUVuYWJsZWQ6IGJvb2xlYW47XG4gIHJlYWRvbmx5IG9uQm90dG9tQXJyaXZlPzogKGV2ZW50OiBXaGVlbEV2ZW50IHwgVG91Y2hFdmVudCkgPT4gdm9pZDtcbiAgcmVhZG9ubHkgb25Cb3R0b21MZWF2ZT86IChldmVudDogV2hlZWxFdmVudCB8IFRvdWNoRXZlbnQpID0+IHZvaWQ7XG4gIHJlYWRvbmx5IG9uVG9wQXJyaXZlPzogKGV2ZW50OiBXaGVlbEV2ZW50IHwgVG91Y2hFdmVudCkgPT4gdm9pZDtcbiAgcmVhZG9ubHkgb25Ub3BMZWF2ZT86IChldmVudDogV2hlZWxFdmVudCB8IFRvdWNoRXZlbnQpID0+IHZvaWQ7XG59XG5cbmNvbnN0IGJsdXJTZWxlY3RJbnB1dCA9IChldmVudDogTW91c2VFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgY29uc3QgZWxlbWVudCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MRGl2RWxlbWVudDtcbiAgcmV0dXJuIChcbiAgICBlbGVtZW50Lm93bmVyRG9jdW1lbnQuYWN0aXZlRWxlbWVudCAmJlxuICAgIChlbGVtZW50Lm93bmVyRG9jdW1lbnQuYWN0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCkuYmx1cigpXG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBTY3JvbGxNYW5hZ2VyKHtcbiAgY2hpbGRyZW4sXG4gIGxvY2tFbmFibGVkLFxuICBjYXB0dXJlRW5hYmxlZCA9IHRydWUsXG4gIG9uQm90dG9tQXJyaXZlLFxuICBvbkJvdHRvbUxlYXZlLFxuICBvblRvcEFycml2ZSxcbiAgb25Ub3BMZWF2ZSxcbn06IFByb3BzKSB7XG4gIGNvbnN0IHNldFNjcm9sbENhcHR1cmVUYXJnZXQgPSB1c2VTY3JvbGxDYXB0dXJlKHtcbiAgICBpc0VuYWJsZWQ6IGNhcHR1cmVFbmFibGVkLFxuICAgIG9uQm90dG9tQXJyaXZlLFxuICAgIG9uQm90dG9tTGVhdmUsXG4gICAgb25Ub3BBcnJpdmUsXG4gICAgb25Ub3BMZWF2ZSxcbiAgfSk7XG4gIGNvbnN0IHNldFNjcm9sbExvY2tUYXJnZXQgPSB1c2VTY3JvbGxMb2NrKHsgaXNFbmFibGVkOiBsb2NrRW5hYmxlZCB9KTtcblxuICBjb25zdCB0YXJnZXRSZWY6IFJlZkNhbGxiYWNrPEhUTUxFbGVtZW50PiA9IChlbGVtZW50KSA9PiB7XG4gICAgc2V0U2Nyb2xsQ2FwdHVyZVRhcmdldChlbGVtZW50KTtcbiAgICBzZXRTY3JvbGxMb2NrVGFyZ2V0KGVsZW1lbnQpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAge2xvY2tFbmFibGVkICYmIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIG9uQ2xpY2s9e2JsdXJTZWxlY3RJbnB1dH1cbiAgICAgICAgICBjc3M9e3sgcG9zaXRpb246ICdmaXhlZCcsIGxlZnQ6IDAsIGJvdHRvbTogMCwgcmlnaHQ6IDAsIHRvcDogMCB9fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIHtjaGlsZHJlbih0YXJnZXRSZWYpfVxuICAgIDwvRnJhZ21lbnQ+XG4gICk7XG59XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
 };
 function ScrollManager(_ref) {

package/widgets/AssetGallery/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var AssetGallery = require('../../AssetGallery-d5394d69.js');
+var AssetGallery = require('../../AssetGallery-28fd6d5c.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
@@ -11,28 +11,28 @@ require('../../edit-note-c47d292e.js');
 require('resize-observer-polyfill');
 require('react-lazy-load-image-component');
 require('../../ActionButton-90485300.js');
-require('../../AutocompleteSelect-e2063407.js');
+require('../../AutocompleteSelect-e82bd937.js');
 require('react-select');
-require('../../react-select-creatable.esm-9283eec1.js');
+require('../../react-select-creatable.esm-eb462367.js');
 require('react-dom');
 require('react-select-async-paginate');
 require('../../close-ebf2f3cf.js');
 require('../../expand-more-94585605.js');
-require('../../Button-01371eb4.js');
-require('../../Popover-616682bf.js');
+require('../../Button-e6a6139c.js');
+require('../../Popover-63d38274.js');
 require('polished');
 require('@tippyjs/react');
 require('../../ContextMenu-a68d4f28.js');
 require('../../Checkbox-50f1f3c7.js');
-require('../../CompactStarRating-f9997240.js');
-require('../../CompactTextInput-8c9b061b.js');
-require('../../Tooltip-860530ff.js');
-require('../../Tab-fc380f0b.js');
-require('../../Tabs-d6f0aaf5.js');
+require('../../CompactStarRating-f7a58649.js');
+require('../../CompactTextInput-a5bc6ec3.js');
+require('../../Tooltip-556138de.js');
+require('../../Tab-51124003.js');
+require('../../Tabs-452079b5.js');
 require('../../Badge-34ad2850.js');
-require('../../MultiSelect-8b427b56.js');
+require('../../MultiSelect-3eca3c3e.js');
 require('../../Radio-0b46b2a8.js');
-require('../../TextArea-8a0bd754.js');
+require('../../TextArea-efe4fa88.js');
 require('../../Switch-aa384260.js');
 
 

package/widgets/AssetPreview/AssetPreviewTopBar/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-777c726a.js');
+var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-020a6f96.js');
 require('../../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/widgets/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-d5394d69.js');
+var AssetGallery = require('../AssetGallery-28fd6d5c.js');
 var ContextMenu = require('../ContextMenu-a68d4f28.js');
-var AssetPreviewTopBar = require('../AssetPreviewTopBar-777c726a.js');
+var AssetPreviewTopBar = require('../AssetPreviewTopBar-020a6f96.js');
 require('../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
@@ -15,27 +15,27 @@ require('../edit-note-c47d292e.js');
 require('resize-observer-polyfill');
 require('react-lazy-load-image-component');
 require('../ActionButton-90485300.js');
-require('../AutocompleteSelect-e2063407.js');
+require('../AutocompleteSelect-e82bd937.js');
 require('react-select');
-require('../react-select-creatable.esm-9283eec1.js');
+require('../react-select-creatable.esm-eb462367.js');
 require('react-dom');
 require('react-select-async-paginate');
 require('../close-ebf2f3cf.js');
 require('../expand-more-94585605.js');
-require('../Button-01371eb4.js');
-require('../Popover-616682bf.js');
+require('../Button-e6a6139c.js');
+require('../Popover-63d38274.js');
 require('polished');
 require('@tippyjs/react');
 require('../Checkbox-50f1f3c7.js');
-require('../CompactStarRating-f9997240.js');
-require('../CompactTextInput-8c9b061b.js');
-require('../Tooltip-860530ff.js');
-require('../Tab-fc380f0b.js');
-require('../Tabs-d6f0aaf5.js');
+require('../CompactStarRating-f7a58649.js');
+require('../CompactTextInput-a5bc6ec3.js');
+require('../Tooltip-556138de.js');
+require('../Tab-51124003.js');
+require('../Tabs-452079b5.js');
 require('../Badge-34ad2850.js');
-require('../MultiSelect-8b427b56.js');
+require('../MultiSelect-3eca3c3e.js');
 require('../Radio-0b46b2a8.js');
-require('../TextArea-8a0bd754.js');
+require('../TextArea-efe4fa88.js');
 require('../Switch-aa384260.js');