@ntbjs/react-components 1.2.0-rc.93 → 1.2.0-rc.95

package/layout/index.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputGroup = require('../InputGroup-a89a0ea3.js');
-var SectionSeparator = require('../SectionSeparator-af8dc1ce.js');
-require('../defaultTheme-cd01e6c2.js');
+var InputGroup = require('../InputGroup-9d1cd295.js');
+var SectionSeparator = require('../SectionSeparator-d9ae38b7.js');
+require('../defaultTheme-8bd3e0b9.js');
 require('styled-components');
 require('react');
+require('../index-1e234d23.js');
 
 
 

package/package.json

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

package/{react-select-creatable.esm-66ca61dc.js → react-select-creatable.esm-31bd2caf.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var defaultTheme$1 = require('./defaultTheme-cd01e6c2.js');
+var index$1 = require('./index-1e234d23.js');
 var reactDom = require('react-dom');
 
 function _interopNamespace(e) {
@@ -1505,7 +1505,7 @@ createCache(options
   return cache;
 };
 
-var reactIs = defaultTheme$1.reactIs.exports;
+var reactIs = index$1.reactIs.exports;
 var FORWARD_REF_STATICS = {
   '$$typeof': true,
   render: true,

package/{shift-away-subtle-631cd794.js → shift-away-subtle-c3c2f2b2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-cd01e6c2.js');
+var defaultTheme = require('./defaultTheme-8bd3e0b9.js');
 
 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);

package/widgets/AssetGallery/index.js

@@ -1,49 +1,51 @@
 'use strict';
 
-var AssetGallery = require('../../AssetGallery-3c9f19c7.js');
-require('../../defaultTheme-cd01e6c2.js');
+var AssetGallery = require('../../AssetGallery-d94cad32.js');
+require('../../defaultTheme-8bd3e0b9.js');
 require('styled-components');
 require('lodash');
+require('../../index-1e234d23.js');
 require('react');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('../../MultiLevelCheckboxSelect-654c291b.js');
-require('../../Alert-d69a3f95.js');
-require('../../Badge-cbbff6b8.js');
-require('../../Popover-c5e425a7.js');
+require('../../MultiLevelCheckboxSelect-4f51a1a2.js');
+require('../../Alert-b41a748e.js');
+require('../../Badge-4a2a9f6b.js');
+require('../../Popover-938e6bfc.js');
 require('polished');
 require('@tippyjs/react');
-require('../../shift-away-subtle-631cd794.js');
+require('../../shift-away-subtle-c3c2f2b2.js');
 require('popper-max-size-modifier');
-require('../../Tab-e43241f0.js');
-require('../../Tabs-21e0079f.js');
-require('../../Tooltip-a68a7e49.js');
-require('../../VerificationStatusIcon-3bae6e2f.js');
-require('../../Checkbox-ad9c9e54.js');
+require('../../Tab-88f77a44.js');
+require('../../Tabs-e64ecfaa.js');
+require('../../Tooltip-22238771.js');
+require('../../VerificationStatusIcon-99a54d5d.js');
+require('../../Checkbox-84dd9aa1.js');
 require('nanoid');
-require('../../TextInput-9a995449.js');
+require('../../TextInput-b9414cc6.js');
 require('../../edit-note-cefe2215.js');
-require('../../InputGroup-a89a0ea3.js');
-require('../../SectionSeparator-af8dc1ce.js');
+require('../../InputGroup-9d1cd295.js');
+require('../../SectionSeparator-d9ae38b7.js');
 require('../../close-1751121a.js');
 require('react-lazy-load-image-component');
 require('../../warning-circle-478e65cc.js');
-require('../../ActionButton-a9316775.js');
-require('../../Button-39607724.js');
-require('../../ContextMenu-4eb8fdc5.js');
+require('../../ActionButton-adaadbae.js');
+require('../../Button-4c60d2f4.js');
+require('../../ContextMenu-4427ad11.js');
 require('../../expand-more-d74e2bd2.js');
-require('../../CompactAutocompleteSelect-6b0a6306.js');
+require('../../CompactAutocompleteSelect-bf5e8820.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../../react-select-creatable.esm-66ca61dc.js');
+require('../../react-select-creatable.esm-31bd2caf.js');
 require('react-dom');
-require('../../CompactStarRating-bbe8800b.js');
-require('../../CompactTextInput-72224756.js');
-require('../../MultiSelect-149a817b.js');
-require('../../Radio-55db4781.js');
-require('../../TextArea-c2620d92.js');
-require('../../Switch-04ecd8d0.js');
-require('../../ContextMenuItem-c536b460.js');
+require('../../CompactAutocompleteSelectAsync-e76bf873.js');
+require('../../CompactStarRating-017d64cb.js');
+require('../../CompactTextInput-8132e42d.js');
+require('../../MultiSelect-53089d1e.js');
+require('../../Radio-1d09e729.js');
+require('../../TextArea-cbe713eb.js');
+require('../../Switch-15d9a890.js');
+require('../../ContextMenuItem-b5f97001.js');
 
 
 

package/widgets/AssetPreview/AssetPreviewTopBar/index.js

@@ -1,9 +1,10 @@
 'use strict';
 
-var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-c9e45035.js');
-require('../../../defaultTheme-cd01e6c2.js');
+var AssetPreviewTopBar = require('../../../AssetPreviewTopBar-ac66b804.js');
+require('../../../defaultTheme-8bd3e0b9.js');
 require('styled-components');
 require('react');
+require('../../../index-1e234d23.js');
 require('../../../close-1751121a.js');
 
 

package/widgets/ContextMenu/ContextMenuItem/index.js

@@ -1,9 +1,10 @@
 'use strict';
 
-var ContextMenuItem = require('../../../ContextMenuItem-c536b460.js');
-require('../../../defaultTheme-cd01e6c2.js');
+var ContextMenuItem = require('../../../ContextMenuItem-b5f97001.js');
+require('../../../defaultTheme-8bd3e0b9.js');
 require('styled-components');
 require('react');
+require('../../../index-1e234d23.js');
 
 
 

package/widgets/ContextMenu/ContextMenuItemsGroup/index.js

@@ -1,7 +1,8 @@
 'use strict';
 
-var defaultTheme = require('../../../defaultTheme-cd01e6c2.js');
+var defaultTheme = require('../../../defaultTheme-8bd3e0b9.js');
 var React = require('react');
+var index = require('../../../index-1e234d23.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,7 +26,7 @@ var ContextMenuItemsGroup = React__default["default"].forwardRef(function Contex
   }), children);
 });
 ContextMenuItemsGroup.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.node)
+  children: index.PropTypes.arrayOf(index.PropTypes.node)
 } : {};
 ContextMenuItemsGroup.defaultProps = {};
 

package/widgets/ContextMenu/index.js

@@ -1,9 +1,10 @@
 'use strict';
 
-var ContextMenu = require('../../ContextMenu-4eb8fdc5.js');
-require('../../defaultTheme-cd01e6c2.js');
+var ContextMenu = require('../../ContextMenu-4427ad11.js');
+require('../../defaultTheme-8bd3e0b9.js');
 require('styled-components');
 require('react');
+require('../../index-1e234d23.js');
 
 
 

package/widgets/Instructions/index.js

@@ -1,32 +1,33 @@
 'use strict';
 
-var Instructions = require('../../Instructions-2a896571.js');
-require('../../defaultTheme-cd01e6c2.js');
+var Instructions = require('../../Instructions-235aa0fc.js');
+require('../../defaultTheme-8bd3e0b9.js');
 require('styled-components');
 require('lodash');
+require('../../index-1e234d23.js');
 require('react');
 require('../../warning-circle-478e65cc.js');
-require('../../CompactAutocompleteSelect-6b0a6306.js');
+require('../../CompactAutocompleteSelect-bf5e8820.js');
+require('nanoid');
+require('../../Alert-b41a748e.js');
+require('../../Badge-4a2a9f6b.js');
+require('../../Popover-938e6bfc.js');
+require('polished');
+require('@tippyjs/react');
+require('../../shift-away-subtle-c3c2f2b2.js');
+require('popper-max-size-modifier');
+require('../../Tab-88f77a44.js');
+require('../../Tabs-e64ecfaa.js');
+require('../../Tooltip-22238771.js');
+require('../../VerificationStatusIcon-99a54d5d.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../../react-select-creatable.esm-66ca61dc.js');
+require('../../react-select-creatable.esm-31bd2caf.js');
 require('react-dom');
 require('../../close-1751121a.js');
 require('../../expand-more-d74e2bd2.js');
-require('../../TextArea-c2620d92.js');
+require('../../TextArea-cbe713eb.js');
 require('../../useMergedRefs-b6d2f8fc.js');
-require('nanoid');
-require('../../Alert-d69a3f95.js');
-require('../../Badge-cbbff6b8.js');
-require('../../Popover-c5e425a7.js');
-require('polished');
-require('@tippyjs/react');
-require('../../shift-away-subtle-631cd794.js');
-require('popper-max-size-modifier');
-require('../../Tab-e43241f0.js');
-require('../../Tabs-21e0079f.js');
-require('../../Tooltip-a68a7e49.js');
-require('../../VerificationStatusIcon-3bae6e2f.js');
 require('../../edit-note-cefe2215.js');
 
 

package/widgets/index.js

@@ -2,52 +2,54 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-3c9f19c7.js');
-var ContextMenu = require('../ContextMenu-4eb8fdc5.js');
-var AssetPreviewTopBar = require('../AssetPreviewTopBar-c9e45035.js');
-var Instructions = require('../Instructions-2a896571.js');
-require('../defaultTheme-cd01e6c2.js');
+var AssetGallery = require('../AssetGallery-d94cad32.js');
+var ContextMenu = require('../ContextMenu-4427ad11.js');
+var AssetPreviewTopBar = require('../AssetPreviewTopBar-ac66b804.js');
+var Instructions = require('../Instructions-235aa0fc.js');
+require('../defaultTheme-8bd3e0b9.js');
 require('styled-components');
 require('lodash');
+require('../index-1e234d23.js');
 require('react');
 require('../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('../MultiLevelCheckboxSelect-654c291b.js');
-require('../Alert-d69a3f95.js');
-require('../Badge-cbbff6b8.js');
-require('../Popover-c5e425a7.js');
+require('../MultiLevelCheckboxSelect-4f51a1a2.js');
+require('../Alert-b41a748e.js');
+require('../Badge-4a2a9f6b.js');
+require('../Popover-938e6bfc.js');
 require('polished');
 require('@tippyjs/react');
-require('../shift-away-subtle-631cd794.js');
+require('../shift-away-subtle-c3c2f2b2.js');
 require('popper-max-size-modifier');
-require('../Tab-e43241f0.js');
-require('../Tabs-21e0079f.js');
-require('../Tooltip-a68a7e49.js');
-require('../VerificationStatusIcon-3bae6e2f.js');
-require('../Checkbox-ad9c9e54.js');
+require('../Tab-88f77a44.js');
+require('../Tabs-e64ecfaa.js');
+require('../Tooltip-22238771.js');
+require('../VerificationStatusIcon-99a54d5d.js');
+require('../Checkbox-84dd9aa1.js');
 require('nanoid');
-require('../TextInput-9a995449.js');
+require('../TextInput-b9414cc6.js');
 require('../edit-note-cefe2215.js');
-require('../InputGroup-a89a0ea3.js');
-require('../SectionSeparator-af8dc1ce.js');
+require('../InputGroup-9d1cd295.js');
+require('../SectionSeparator-d9ae38b7.js');
 require('../close-1751121a.js');
 require('react-lazy-load-image-component');
 require('../warning-circle-478e65cc.js');
-require('../ActionButton-a9316775.js');
-require('../Button-39607724.js');
+require('../ActionButton-adaadbae.js');
+require('../Button-4c60d2f4.js');
 require('../expand-more-d74e2bd2.js');
-require('../CompactAutocompleteSelect-6b0a6306.js');
+require('../CompactAutocompleteSelect-bf5e8820.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../react-select-creatable.esm-66ca61dc.js');
+require('../react-select-creatable.esm-31bd2caf.js');
 require('react-dom');
-require('../CompactStarRating-bbe8800b.js');
-require('../CompactTextInput-72224756.js');
-require('../MultiSelect-149a817b.js');
-require('../Radio-55db4781.js');
-require('../TextArea-c2620d92.js');
-require('../Switch-04ecd8d0.js');
-require('../ContextMenuItem-c536b460.js');
+require('../CompactAutocompleteSelectAsync-e76bf873.js');
+require('../CompactStarRating-017d64cb.js');
+require('../CompactTextInput-8132e42d.js');
+require('../MultiSelect-53089d1e.js');
+require('../Radio-1d09e729.js');
+require('../TextArea-cbe713eb.js');
+require('../Switch-15d9a890.js');
+require('../ContextMenuItem-b5f97001.js');
 
 
 

package/CompactAutocompleteSelect-6b0a6306.js

@@ -1,195 +0,0 @@
-'use strict';
-
-var defaultTheme = require('./defaultTheme-cd01e6c2.js');
-var React = require('react');
-var styled = require('styled-components');
-var Select = require('react-select');
-var reactSelectAsyncPaginate = require('react-select-async-paginate');
-var reactSelectCreatable_esm = require('./react-select-creatable.esm-66ca61dc.js');
-var close = require('./close-1751121a.js');
-var expandMore = require('./expand-more-d74e2bd2.js');
-
-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 Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39;
-var fadeIn = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  from {\n    background-color: ", ";\n  }\n  to {\n    background-color: ", ";\n  }\n"])), function (props) {
-  return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
-}, function (props) {
-  return props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)');
-});
-var fadeOut = styled.keyframes(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  from {\n    background-color: ", ";\n  }\n  to {\n    background-color: ", ";\n  }\n"])), function (props) {
-  return props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)');
-}, function (props) {
-  return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
-});
-var fadeInCheck = styled.keyframes(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1\n  }\n"])));
-var fadeOutCheck = styled.keyframes(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  from {\n    opacity: 1\n  }\n  to {\n    opacity: 0\n  }\n"])));
-var AsyncCreatableSelectPaginate = reactSelectAsyncPaginate.withAsyncPaginate(reactSelectCreatable_esm.CreatableSelect$1);
-var sharedStyle = styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 0.875rem;\n  line-height: 1rem;\n  width: 100%;\n  display: block;\n  box-shadow: 'none';\n  flex-basis: ", ";\n"])), function (props) {
-  return props.theme.primaryFontFamily;
-}, function (props) {
-  return props.$hasLabel ? '66.66%' : '100%';
-});
-styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  height: 24px;\n  font-family: ", ";\n  ", "\n"])), function (props) {
-  return props.theme.primaryFontFamily;
-}, function (props) {
-  return props.disabled && styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n      cursor: not-allowed;\n    "])));
-});
-styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n  flex-basis: 33.33%;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  height: 19px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 2px;\n  ", "\n"])), function (props) {
-  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
-}, function (props) {
-  return props.disabled && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n      cursor: not-allowed;\n    "])));
-});
-styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  height: 19px;\n"])));
-styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  pointer-events: none;\n  display: flex;\n  opacity: ", ";\n  animation: ", " 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  margin-right: 5px;\n  ", "\n  > svg {\n    width: 13px;\n  }\n"])), function (props) {
-  return props.fadeIn ? 0 : 1;
-}, function (props) {
-  return props.fadeIn ? fadeOutCheck : fadeInCheck;
-}, function (props) {
-  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
-});
-styled__default["default"](AsyncCreatableSelectPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  ", "\n    &&:hover:not(:focus) {\n    ", "\n  }\n"])), sharedStyle, function (props) {
-  return props.disabled && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n      cursor: not-allowed;\n    "])));
-}, function (props) {
-  return props.disabled && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n        background: none !important;\n        cursor: not-allowed;\n      "])));
-});
-var AsyncAutocompleteSelect = styled__default["default"](reactSelectAsyncPaginate.AsyncPaginate).attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  ", "\n    &&:hover:not(:focus) {\n    ", "\n  }\n"])), sharedStyle, function (props) {
-  return props.disabled && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n    "])));
-}, function (props) {
-  return props.disabled && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n        background: none !important;\n        cursor: not-allowed;\n      "])));
-});
-styled__default["default"](Select__default["default"]).attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  ", "\n    &&:hover:not(:focus) {\n    ", "\n  }\n"])), sharedStyle, function (props) {
-  return props.disabled && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n    "])));
-}, function (props) {
-  return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n        background: none !important;\n        cursor: not-allowed;\n      "])));
-});
-styled__default["default"](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), sharedStyle, function (props) {
-  return props.disabled && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n    "])));
-});
-styled__default["default"](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    ", ";\n    ", ";\n\n    height: 22px;\n    min-height: 22px;\n    box-shadow: none;\n    box-sizing: border-box;\n    padding: 1px 3px 0 8.7px;\n    cursor: pointer;\n    border: 1px solid transparent;\n    background-color: transparent;\n    ", "\n\n    ", ";\n\n    ", ";\n\n    ", ";\n\n    ", ";\n\n    ", "\n    ", "\n        ", "\n  }\n\n  & .dropdown-indicator {\n    display: none;\n  }\n\n  &:hover .dropdown-indicator {\n    display: flex;\n  }\n\n  &&:hover {\n    border-color: transparent;\n    ", ";\n\n    ", ";\n\n    ", ";\n\n    ", ";\n  }\n"])), function (props) {
-  return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
-}, function (props) {
-  return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
-}, function (props) {
-  return props.type && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n        animation: ", " 0.5s ease-in-out;\n      "])), function (props) {
-    return props.type === 'success' ? fadeIn : fadeOut;
-  });
-}, function (props) {
-  return props.type === 'warning' && !props.isFocused && props.theme.themeProp('background-color', '#634e01', '#FFFDE8');
-}, function (props) {
-  return props.type === 'instructions-warning' && !props.isFocused && props.theme.themeProp('background-color', '#634e01', '#FFF36C');
-}, function (props) {
-  return props.type === 'instructions-warning' && props.isFocused && props.theme.themeProp('background-color', '#634e01', '#FFF36C');
-}, function (props) {
-  return props.type === 'error' && !props.isFocused && props.theme.themeProp('background-color', '#7f1b1b', '#FBEAE6');
-}, function (props) {
-  return props.isFocused && !props.type === 'instructions-warning' && props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-600'));
-}, function (props) {
-  return props.type === 'warning' && props.isFocused && props.theme.themeProp('border-color', '#F4E21E', '#F4E21E');
-}, function (props) {
-  return props.type === 'error' && props.isFocused && props.theme.themeProp('border-color', props.theme.getColor('red-500'), props.theme.getColor('red-500'));
-}, function (props) {
-  return !props.isFocused && props.theme.themeProp('background-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
-}, function (props) {
-  return props.type === 'warning' && !props.isFocused && props.theme.themeProp('background', '#806403', '#FFFEBF');
-}, function (props) {
-  return props.type === 'instructions-warning' && !props.isFocused && props.theme.themeProp('background', '#806403', '#F4E21E');
-}, function (props) {
-  return props.type === 'error' && !props.isFocused && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
-});
-styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    min-height: 22px;\n    height: 22px;\n    display: flex;\n    align-items: center;\n    padding: 6px;\n    cursor: pointer;\n    padding: 1px 13px;\n    ", "\n    ", "\n    ", "\n      ", "\n  }\n  svg {\n    width: 15px;\n    margin: 0 9px 0 0;\n  }\n  a {\n    display: flex;\n    text-decoration: none;\n    color: inherit;\n  }\n"])), function (props) {
-  return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
-}, function (props) {
-  return props.isFocused && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n      "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
-}, function (props) {
-  return props.isSelected && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n\n        ", "\n      "])), props.theme.themeProp('background-color', 'transparent', 'transparent'), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')));
-}, function (props) {
-  return props.isFocused && props.isSelected && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n      "])), props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200')));
-});
-styled__default["default"](Select.components.Placeholder).attrs(defaultTheme.applyDefaultTheme)(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    ", "\n    ", ";\n  }\n"])), function (props) {
-  return (props.type === 'error' || props.type === 'warning') && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n        ", "\n      "])), props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700')));
-}, function (props) {
-  return (props.type === 'error' || props.type === 'warning') && props.theme.themeProp('opacity', '0.6', '0.6');
-});
-styled__default["default"](Select.components.SingleValue).attrs(defaultTheme.applyDefaultTheme)(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    ", ";\n  }\n"])), function (props) {
-  return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
-});
-styled__default["default"](Select.components.Input).attrs(defaultTheme.applyDefaultTheme)(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    margin: 0;\n    padding: 0;\n    padding-left: 2px;\n    ", "\n  }\n"])), function (props) {
-  return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
-});
-styled__default["default"](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    ", ";\n  }\n"])), function (props) {
-  return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'));
-});
-styled__default["default"](Select.components.ValueContainer).attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    padding: 0;\n  }\n"])));
-styled__default["default"](Select.components.ClearIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    display: ", ";\n    padding: 0;\n    cursor: pointer;\n    ", ";\n  }\n"])), function (props) {
-  return props.isFocused ? 'flex' : 'none';
-}, function (props) {
-  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
-});
-styled__default["default"](Select.components.DropdownIndicator).attrs(defaultTheme.applyDefaultTheme)(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    display: ", ";\n    padding: 0;\n    width: 18px;\n    margin-left: 2px;\n    cursor: pointer;\n    margin-top: 1px;\n    ", ";\n  }\n"])), function (props) {
-  return props.isFocused ? 'flex' : 'none';
-}, function (props) {
-  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
-});
-styled__default["default"](expandMore.SvgExpandMore).attrs(defaultTheme.applyDefaultTheme)(_templateObject37 || (_templateObject37 = defaultTheme._taggedTemplateLiteral(["\n  width: 12px;\n"])));
-styled__default["default"](close.SvgClose).attrs(defaultTheme.applyDefaultTheme)(_templateObject38 || (_templateObject38 = defaultTheme._taggedTemplateLiteral(["\n  width: 8px;\n  margin-right: 4px;\n  ", ";\n  stroke-width: 2px;\n"])), function (props) {
-  return props.theme.themeProp('stroke', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
-});
-styled__default["default"](Select.components.IndicatorSeparator).attrs(defaultTheme.applyDefaultTheme)(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n  && {\n    display: ", ";\n    margin: 4px;\n    ", ";\n  }\n"])), function (props) {
-  return props.isFocused ? 'flex' : 'none';
-}, function (props) {
-  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
-});
-
-var CompactAutocompleteSelect = React__default["default"].forwardRef(function CompactAutocompleteSelect(props) {
-  var input = function input() {
-    return React__default["default"].createElement(AsyncAutocompleteSelect, props);
-  };
-  return input();
-});
-CompactAutocompleteSelect.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: defaultTheme.PropTypes.string,
-  placeholder: defaultTheme.PropTypes.string,
-  availableOptions: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.object),
-  selectedOption: defaultTheme.PropTypes.object,
-  loadOptions: defaultTheme.PropTypes.any,
-  loadingMessageFunc: defaultTheme.PropTypes.func,
-  createNewOptionMessageFunc: defaultTheme.PropTypes.func,
-  noOptionsMessageFunc: defaultTheme.PropTypes.func,
-  readOnly: defaultTheme.PropTypes.bool,
-  edit: defaultTheme.PropTypes.bool,
-  hidden: defaultTheme.PropTypes.bool,
-  error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
-  warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
-  onUpdateCallback: defaultTheme.PropTypes.func,
-  creatable: defaultTheme.PropTypes.bool,
-  disabled: defaultTheme.PropTypes.bool,
-  type: defaultTheme.PropTypes.oneOf(['', 'error', 'warning', 'instructions-warning', 'loading', 'success']),
-  descriptionToolTip: defaultTheme.PropTypes.string,
-  loadingIcon: defaultTheme.PropTypes.element,
-  successIcon: defaultTheme.PropTypes.element
-} : {};
-CompactAutocompleteSelect.defaultProps = {
-  noOptionsMessageFunc: function noOptionsMessageFunc(inputValue) {
-    if (inputValue) {
-      return "No matches for \"".concat(inputValue, "\"");
-    } else {
-      return 'No available options';
-    }
-  },
-  readOnly: false,
-  disabled: false,
-  creatable: true,
-  edit: false,
-  error: false,
-  warning: false,
-  hidden: false,
-  type: '',
-  descriptionToolTip: ''
-};
-
-exports.CompactAutocompleteSelect = CompactAutocompleteSelect;