@ntbjs/react-components 1.1.0-beta.15 → 1.1.0-beta.17

package/{AssetGallery-cdc58626.js → AssetGallery-d9901451.js}

@@ -8,10 +8,10 @@ var ResizeObserver = require('resize-observer-polyfill');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
 var ActionButton = require('./ActionButton-90485300.js');
 require('./AutocompleteSelect-e82bd937.js');
-require('./Button-75173213.js');
+require('./Button-f964b390.js');
 require('./Checkbox-50f1f3c7.js');
 require('./CompactStarRating-f7a58649.js');
-require('./CompactTextInput-fa031569.js');
+require('./CompactTextInput-cdef8936.js');
 require('./MultiSelect-3eca3c3e.js');
 require('./Radio-0b46b2a8.js');
 require('./TextArea-efe4fa88.js');
@@ -19,9 +19,9 @@ require('./Switch-aa384260.js');
 require('./Alert-fcc0bb50.js');
 require('./Badge-34ad2850.js');
 require('./Popover-de874e41.js');
-require('./Tab-51124003.js');
-require('./Tabs-452079b5.js');
-var Tooltip = require('./Tooltip-11f63557.js');
+require('./Tab-3c85bdf8.js');
+require('./Tabs-73e5eae4.js');
+var Tooltip = require('./Tooltip-8c51cc72.js');
 var styled = require('styled-components');
 var polished = require('polished');
 var warningCircle = require('./warning-circle-24522402.js');

package/{Button-75173213.js → Button-f964b390.js}

@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-870f7df1.js');
 var React = require('react');
 var styled = require('styled-components');
 var Popover = require('./Popover-de874e41.js');
-var ContextMenu = require('./ContextMenu-a68d4f28.js');
+var ContextMenu = require('./ContextMenu-6f51da2a.js');
 var expandMore = require('./expand-more-94585605.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{CompactTextInput-fa031569.js → CompactTextInput-cdef8936.js}

@@ -9,9 +9,9 @@ var editNote = require('./edit-note-c47d292e.js');
 require('./Alert-fcc0bb50.js');
 require('./Badge-34ad2850.js');
 var Popover = require('./Popover-de874e41.js');
-require('./Tab-51124003.js');
-require('./Tabs-452079b5.js');
-var Tooltip = require('./Tooltip-11f63557.js');
+require('./Tab-3c85bdf8.js');
+require('./Tabs-73e5eae4.js');
+var Tooltip = require('./Tooltip-8c51cc72.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/{ContextMenu-a68d4f28.js → ContextMenu-6f51da2a.js}

@@ -25,7 +25,7 @@ var ContextMenu = React__default['default'].forwardRef(function ContextMenu(_ref
   }), children);
 });
 ContextMenu.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.node).isRequired
+  children: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.object)
 } : {};
 ContextMenu.defaultProps = {};
 

package/{Instructions-28bab5a0.js → Instructions-1b2882fb.js}

@@ -14,18 +14,18 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var BoxContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  width: 100%;\n  ", ";\n  ", ";\n"])), function (props) {
+var Instructions$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  width: 100%;\n  ", ";\n  ", ";\n"])), function (props) {
   return props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
 }, function (props) {
   return props.initialHover && props.theme.themeProp('background', '#FFFDE8', '#FFFDE8');
 });
-var TopBarContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  display: flex;\n  justify-content: end;\n  ", ";\n\n  ", ";\n\n  width: 100%;\n  margin-top: 0;\n  transition: margin-top 120ms;\n  &&.slide-in {\n    margin-top: -24px;\n  }\n"])), function (props) {
+var TopBarContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  display: flex;\n  justify-content: end;\n  ", ";\n\n  ", ";\n\n  width: 100%;\n  margin-top: 0;\n  transition: margin-top 120ms;\n  &&.slide-in {\n    margin-top: -27px;\n  }\n"])), function (props) {
   return props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
 }, function (props) {
   return props.initialHover && props.theme.themeProp('background', '#FFFDE8', '#FFFDE8');
 });
-var SelectContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  width: 25%;\n  margin-right: 3px;\n"])));
-var Instructions$1 = styled__default['default'].p.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  margin: 0;\n  width: 99.5% !important;\n  margin: auto;\n  ", ";\n"])), function (props) {
+var SelectContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  width: 35%;\n  margin-right: 2px;\n  padding-bottom: 3px;\n"])));
+var InstructionsArea = styled__default['default'].p.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  margin: 0;\n  width: 99.5% !important;\n  margin: auto;\n  ", ";\n"])), function (props) {
   return props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
 });
 
@@ -159,11 +159,12 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
       setInitialHover(true);
     }
   }, [addInstructions, handleOnFocus]);
-  return React__default['default'].createElement(BoxContainer, {
+  return React__default['default'].createElement(Instructions$1, defaultTheme._extends({
+    ref: forwardedRef,
     initialHover: initialHover,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
-  }, React__default['default'].createElement(TopBarContainer, {
+  }, props), React__default['default'].createElement(TopBarContainer, {
     initialHover: initialHover,
     className: isHovered && !readOnly && 'slide-in'
   }, React__default['default'].createElement(SelectContainer, null, React__default['default'].createElement(AutocompleteSelect.AutocompleteSelect, {
@@ -172,9 +173,7 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
     defaultValue: selectedOption,
     loadOptions: loadOptionsPromise,
     onChange: handleChange
-  }))), React__default['default'].createElement(Instructions$1, defaultTheme._extends({
-    ref: forwardedRef
-  }, props), React__default['default'].createElement(TextArea.TextArea, {
+  }))), React__default['default'].createElement(InstructionsArea, null, React__default['default'].createElement(TextArea.TextArea, {
     noBorder: true,
     lightBackground: background,
     readOnly: readOnly,

package/{Tab-51124003.js → Tab-3c85bdf8.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.array
+  children: defaultTheme.PropTypes.object
 } : {};
 Tab.defaultProps = {};
 

package/{Tabs-452079b5.js → Tabs-73e5eae4.js}

@@ -3,7 +3,7 @@
 var defaultTheme = require('./defaultTheme-870f7df1.js');
 var React = require('react');
 var styled = require('styled-components');
-var Tab = require('./Tab-51124003.js');
+var Tab = require('./Tab-3c85bdf8.js');
 var lodash = require('lodash');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -92,7 +92,7 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
   })));
 });
 Tabs.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: defaultTheme.PropTypes.element
+  children: defaultTheme.PropTypes.array
 } : {};
 Tabs.defaultProps = {};
 

package/{Tooltip-11f63557.js → Tooltip-8c51cc72.js}

@@ -53,7 +53,7 @@ Tooltip.propTypes = process.env.NODE_ENV !== "production" ? {
   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.oneOf(['mouseenter', 'mouseenter focus', 'click', 'focusin', 'mouseenter click']),
-  children: defaultTheme.PropTypes.node.isRequired
+  children: defaultTheme.PropTypes.node
 } : {};
 
 exports.Tooltip = Tooltip;

package/data/Tab/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tab = require('../../Tab-51124003.js');
+var Tab = require('../../Tab-3c85bdf8.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-452079b5.js');
+var Tabs = require('../../Tabs-73e5eae4.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
-require('../../Tab-51124003.js');
+require('../../Tab-3c85bdf8.js');
 require('lodash');
 
 

package/data/Tooltip/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip-11f63557.js');
+var Tooltip = require('../../Tooltip-8c51cc72.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/data/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var Alert = require('../Alert-fcc0bb50.js');
 var Badge = require('../Badge-34ad2850.js');
 var Popover = require('../Popover-de874e41.js');
-var Tab = require('../Tab-51124003.js');
-var Tabs = require('../Tabs-452079b5.js');
-var Tooltip = require('../Tooltip-11f63557.js');
+var Tab = require('../Tab-3c85bdf8.js');
+var Tabs = require('../Tabs-73e5eae4.js');
+var Tooltip = require('../Tooltip-8c51cc72.js');
 require('../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/inputs/Button/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Button = require('../../Button-75173213.js');
+var Button = require('../../Button-f964b390.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
@@ -9,7 +9,7 @@ require('lodash');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-0bdd3b0d.js');
-require('../../ContextMenu-a68d4f28.js');
+require('../../ContextMenu-6f51da2a.js');
 require('../../expand-more-94585605.js');
 
 

package/inputs/CompactTextInput/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-fa031569.js');
+var CompactTextInput = require('../../CompactTextInput-cdef8936.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
@@ -13,9 +13,9 @@ require('../../Popover-de874e41.js');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-0bdd3b0d.js');
-require('../../Tab-51124003.js');
-require('../../Tabs-452079b5.js');
-require('../../Tooltip-11f63557.js');
+require('../../Tab-3c85bdf8.js');
+require('../../Tabs-73e5eae4.js');
+require('../../Tooltip-8c51cc72.js');
 
 
 

package/inputs/index.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var ActionButton = require('../ActionButton-90485300.js');
 var AutocompleteSelect = require('../AutocompleteSelect-e82bd937.js');
-var Button = require('../Button-75173213.js');
+var Button = require('../Button-f964b390.js');
 var Checkbox = require('../Checkbox-50f1f3c7.js');
 var CompactStarRating = require('../CompactStarRating-f7a58649.js');
-var CompactTextInput = require('../CompactTextInput-fa031569.js');
+var CompactTextInput = require('../CompactTextInput-cdef8936.js');
 var MultiSelect = require('../MultiSelect-3eca3c3e.js');
 var Radio = require('../Radio-0b46b2a8.js');
 var TextArea = require('../TextArea-efe4fa88.js');
@@ -28,13 +28,13 @@ require('../Popover-de874e41.js');
 require('polished');
 require('@tippyjs/react');
 require('../shift-away-subtle-0bdd3b0d.js');
-require('../ContextMenu-a68d4f28.js');
+require('../ContextMenu-6f51da2a.js');
 require('../edit-note-c47d292e.js');
 require('../Alert-fcc0bb50.js');
 require('../Badge-34ad2850.js');
-require('../Tab-51124003.js');
-require('../Tabs-452079b5.js');
-require('../Tooltip-11f63557.js');
+require('../Tab-3c85bdf8.js');
+require('../Tabs-73e5eae4.js');
+require('../Tooltip-8c51cc72.js');
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.0-beta.15",
+  "version": "1.1.0-beta.17",
   "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,6 +1,6 @@
 'use strict';
 
-var AssetGallery = require('../../AssetGallery-cdc58626.js');
+var AssetGallery = require('../../AssetGallery-d9901451.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
@@ -18,20 +18,20 @@ require('react-dom');
 require('react-select-async-paginate');
 require('../../close-ebf2f3cf.js');
 require('../../expand-more-94585605.js');
-require('../../Button-75173213.js');
+require('../../Button-f964b390.js');
 require('../../Popover-de874e41.js');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-0bdd3b0d.js');
-require('../../ContextMenu-a68d4f28.js');
+require('../../ContextMenu-6f51da2a.js');
 require('../../Checkbox-50f1f3c7.js');
 require('../../CompactStarRating-f7a58649.js');
-require('../../CompactTextInput-fa031569.js');
+require('../../CompactTextInput-cdef8936.js');
 require('../../Alert-fcc0bb50.js');
 require('../../Badge-34ad2850.js');
-require('../../Tab-51124003.js');
-require('../../Tabs-452079b5.js');
-require('../../Tooltip-11f63557.js');
+require('../../Tab-3c85bdf8.js');
+require('../../Tabs-73e5eae4.js');
+require('../../Tooltip-8c51cc72.js');
 require('../../MultiSelect-3eca3c3e.js');
 require('../../Radio-0b46b2a8.js');
 require('../../TextArea-efe4fa88.js');

package/widgets/ContextMenu/index.js

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

package/widgets/Instructions/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Instructions = require('../../Instructions-28bab5a0.js');
+var Instructions = require('../../Instructions-1b2882fb.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/widgets/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-cdc58626.js');
-var ContextMenu = require('../ContextMenu-a68d4f28.js');
+var AssetGallery = require('../AssetGallery-d9901451.js');
+var ContextMenu = require('../ContextMenu-6f51da2a.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-020a6f96.js');
-var Instructions = require('../Instructions-28bab5a0.js');
+var Instructions = require('../Instructions-1b2882fb.js');
 require('../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
@@ -23,19 +23,19 @@ require('react-dom');
 require('react-select-async-paginate');
 require('../close-ebf2f3cf.js');
 require('../expand-more-94585605.js');
-require('../Button-75173213.js');
+require('../Button-f964b390.js');
 require('../Popover-de874e41.js');
 require('polished');
 require('@tippyjs/react');
 require('../shift-away-subtle-0bdd3b0d.js');
 require('../Checkbox-50f1f3c7.js');
 require('../CompactStarRating-f7a58649.js');
-require('../CompactTextInput-fa031569.js');
+require('../CompactTextInput-cdef8936.js');
 require('../Alert-fcc0bb50.js');
 require('../Badge-34ad2850.js');
-require('../Tab-51124003.js');
-require('../Tabs-452079b5.js');
-require('../Tooltip-11f63557.js');
+require('../Tab-3c85bdf8.js');
+require('../Tabs-73e5eae4.js');
+require('../Tooltip-8c51cc72.js');
 require('../MultiSelect-3eca3c3e.js');
 require('../Radio-0b46b2a8.js');
 require('../TextArea-efe4fa88.js');