@ntbjs/react-components 1.1.0-beta.37 → 1.1.0-beta.39

package/{AssetGallery-d5a5b131.js → AssetGallery-509fa6a5.js}

@@ -8,19 +8,19 @@ var ResizeObserver = require('resize-observer-polyfill');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
 var ActionButton = require('./ActionButton-90485300.js');
 require('./AutocompleteSelect-8ebb82de.js');
-require('./Button-0df54220.js');
+require('./Button-32e38cc9.js');
 require('./Checkbox-50f1f3c7.js');
 require('./CompactStarRating-f05e7414.js');
-require('./CompactTextInput-c6712379.js');
+require('./CompactTextInput-04cc82f6.js');
 require('./MultiSelect-873f707d.js');
 require('./Radio-0b46b2a8.js');
-require('./TextArea-efe4fa88.js');
+require('./TextArea-d1ace954.js');
 require('./Switch-aa384260.js');
 require('./Alert-fcc0bb50.js');
 require('./Badge-34ad2850.js');
 require('./Popover-de874e41.js');
-require('./Tab-fc380f0b.js');
-require('./Tabs-0aa159fa.js');
+require('./Tab-075c8c0a.js');
+require('./Tabs-6584e003.js');
 var Tooltip = require('./Tooltip-e7f59097.js');
 var styled = require('styled-components');
 var polished = require('polished');

package/{Button-0df54220.js → Button-32e38cc9.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-ccb7a26a.js');
+var ContextMenu = require('./ContextMenu-59c2a64f.js');
 var expandMore = require('./expand-more-94585605.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{CompactTextInput-c6712379.js → CompactTextInput-04cc82f6.js}

@@ -9,8 +9,8 @@ var editNote = require('./edit-note-c47d292e.js');
 require('./Alert-fcc0bb50.js');
 require('./Badge-34ad2850.js');
 var Popover = require('./Popover-de874e41.js');
-require('./Tab-fc380f0b.js');
-require('./Tabs-0aa159fa.js');
+require('./Tab-075c8c0a.js');
+require('./Tabs-6584e003.js');
 var Tooltip = require('./Tooltip-e7f59097.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -62,7 +62,7 @@ var InputIconContainer = styled__default['default'].div.attrs(defaultTheme.apply
 }, function (props) {
   return props.error && props.theme.themeProp('color', '#CB968F', '#CB968F');
 });
-var Input = styled__default['default'].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n  box-sizing: border-box;\n  height: 22px;\n  width: 100%;\n  display: block;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  font-family: inherit;\n  ", "\n  padding: 1px 4px;\n  ", ";\n  border-radius: 3px;\n  border: 1px solid transparent;\n  text-overflow: ellipsis;\n  \n  ", ";\n\n  &&:not(:hover):not(:focus) {\n    ", ";\n    ", ";\n  }\n\n  &&:hover:not(:focus) {\n    ", ";\n\n    ", ";\n\n    ", ";\n\n    & + ", " {\n      opacity: 1;\n    }\n  }\n\n  &&:focus {\n    ", ";\n\n    ", ";\n    outline: none;\n\n    ", ";\n\n    ", ";\n  }\n\n  &&::placeholder {\n    color: inherit;\n    opacity: 0.6;\n}\n\n  ", "\n"])), function (props) {
+var Input = styled__default['default'].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n  box-sizing: border-box;\n  height: 22px;\n  width: 100%;\n  display: block;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  font-family: inherit;\n  ", "\n  padding: 1px 10px;\n  ", ";\n  border-radius: 3px;\n  border: 1px solid transparent;\n  text-overflow: ellipsis;\n\n  ", ";\n\n  &&:not(:hover):not(:focus) {\n    ", ";\n    ", ";\n  }\n\n  &&:hover:not(:focus) {\n    ", ";\n\n    ", ";\n\n    ", ";\n\n    & + ", " {\n      opacity: 1;\n    }\n  }\n\n  &&:focus {\n    ", ";\n\n    ", ";\n    outline: none;\n\n    ", ";\n\n    ", ";\n  }\n\n  &&::placeholder {\n    color: inherit;\n    opacity: 0.6;\n  }\n\n  ", "\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
 }, function (props) {
   return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));

package/{ContextMenu-ccb7a26a.js → ContextMenu-59c2a64f.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.array
+  children: defaultTheme.PropTypes.any
 } : {};
 ContextMenu.defaultProps = {};
 

package/{Instructions-efb61574.js → Instructions-874d6595.js}

@@ -3,7 +3,7 @@
 var defaultTheme = require('./defaultTheme-870f7df1.js');
 var React = require('react');
 var styled = require('styled-components');
-var TextArea = require('./TextArea-efe4fa88.js');
+var TextArea = require('./TextArea-d1ace954.js');
 var AutocompleteSelect = require('./AutocompleteSelect-8ebb82de.js');
 var warningCircle = require('./warning-circle-24522402.js');
 var lodash = require('lodash');
@@ -218,7 +218,7 @@ Instructions.defaultProps = {
 };
 Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
   name: defaultTheme.PropTypes.string,
-  selectedOption: defaultTheme.PropTypes.object,
+  selectedOption: defaultTheme.PropTypes.any,
   clickToAdd: defaultTheme.PropTypes.bool,
   customAddMessage: defaultTheme.PropTypes.string,
   autoSelect: defaultTheme.PropTypes.bool,

package/{Tab-fc380f0b.js → Tab-075c8c0a.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.any
 } : {};
 Tab.defaultProps = {};
 

package/{Tabs-0aa159fa.js → Tabs-6584e003.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-075c8c0a.js');
 var lodash = require('lodash');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{TextArea-efe4fa88.js → TextArea-d1ace954.js}

@@ -31,7 +31,7 @@ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.appl
 }, function (props) {
   return props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'));
 }, function (props) {
-  return props.noBorder && styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n      border-color: transparent !important;\n    "])));
+  return props.noBorder && styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n      padding: 13px 15px 13px 10px;\n      border-color: transparent !important;\n    "])));
 }, function (props) {
   return props.warningAlert && styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n        background: ", " !important;\n        :focus {\n          background: white !important;\n        }\n        &&:hover:not(:focus) {\n          background: ", " !important;\n        }\n        &&:read-only:hover {\n          background: ", " !important;\n        }\n      "])), props.theme.getColor('signal-yellow-400'), props.theme.getColor('signal-yellow-500'), props.theme.getColor('signal-yellow-400'));
 }, function (props) {
@@ -47,7 +47,7 @@ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.appl
 }, function (props) {
   return props.hasIcon && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n      padding-left: 35px;\n    "])));
 }, function (props) {
-  return (props.warningAlert || props.errorAlert) && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n        padding-left: 60px;\n        padding-top: 25px;\n        padding-right: 30px;\n      "])));
+  return (props.warningAlert || props.errorAlert) && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n        padding-left: 30px;\n        padding-top: 25px;\n        padding-right: 30px;\n      "])));
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'), 1);
 }, function (props) {
@@ -65,7 +65,7 @@ var TextInputLabel = styled__default['default'].label.attrs(defaultTheme.applyDe
   return props.hasIcon && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n      left: 35px;\n    "])));
 });
 var TextInputFieldIcon = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 2.625rem;\n  display: flex;\n  padding: 0 10px;\n\n  svg {\n    width: 15px;\n    opacity: 0.6;\n    transition: opacity 250ms;\n  }\n"])));
-var TextInputFieldIconAlert = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 13px;\n  left: 25px;\n  height: 2.625rem;\n  display: flex;\n  padding: 0 10px;\n  svg {\n    width: 15px;\n    opacity: 0.6;\n    transition: opacity 250ms;\n    ", "\n  }\n"])), function (props) {
+var TextInputFieldIconAlert = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 13px;\n  height: 2.625rem;\n  display: flex;\n  padding: 0 10px;\n  svg {\n    width: 15px;\n    opacity: 0.6;\n    transition: opacity 250ms;\n    ", "\n  }\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-600'), props.theme.getColor('gray-600'), 1);
 });
 var TextInput = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\n\n  &:focus-within {\n    ", " {\n      ", ";\n    }\n\n    ", " {\n      svg {\n        opacity: 1;\n      }\n    }\n  }\n\n  ", ":not(:placeholder-shown) + ", " {\n    ", ";\n    ", "\n  }\n\n  ", "\n"])), TextInputLabel, activeLabel, TextInputFieldIcon, TextInputField, TextInputLabel, activeLabel, function (props) {

package/data/Tab/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tab = require('../../Tab-fc380f0b.js');
+var Tab = require('../../Tab-075c8c0a.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-0aa159fa.js');
+var Tabs = require('../../Tabs-6584e003.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
-require('../../Tab-fc380f0b.js');
+require('../../Tab-075c8c0a.js');
 require('lodash');
 
 

package/data/index.js

@@ -5,8 +5,8 @@ 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-fc380f0b.js');
-var Tabs = require('../Tabs-0aa159fa.js');
+var Tab = require('../Tab-075c8c0a.js');
+var Tabs = require('../Tabs-6584e003.js');
 var Tooltip = require('../Tooltip-e7f59097.js');
 require('../defaultTheme-870f7df1.js');
 require('styled-components');

package/inputs/Button/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Button = require('../../Button-0df54220.js');
+var Button = require('../../Button-32e38cc9.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-ccb7a26a.js');
+require('../../ContextMenu-59c2a64f.js');
 require('../../expand-more-94585605.js');
 
 

package/inputs/CompactTextInput/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-c6712379.js');
+var CompactTextInput = require('../../CompactTextInput-04cc82f6.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
@@ -13,8 +13,8 @@ require('../../Popover-de874e41.js');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-0bdd3b0d.js');
-require('../../Tab-fc380f0b.js');
-require('../../Tabs-0aa159fa.js');
+require('../../Tab-075c8c0a.js');
+require('../../Tabs-6584e003.js');
 require('../../Tooltip-e7f59097.js');
 
 

package/inputs/TextArea/index.js

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

package/inputs/index.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var ActionButton = require('../ActionButton-90485300.js');
 var AutocompleteSelect = require('../AutocompleteSelect-8ebb82de.js');
-var Button = require('../Button-0df54220.js');
+var Button = require('../Button-32e38cc9.js');
 var Checkbox = require('../Checkbox-50f1f3c7.js');
 var CompactStarRating = require('../CompactStarRating-f05e7414.js');
-var CompactTextInput = require('../CompactTextInput-c6712379.js');
+var CompactTextInput = require('../CompactTextInput-04cc82f6.js');
 var MultiSelect = require('../MultiSelect-873f707d.js');
 var Radio = require('../Radio-0b46b2a8.js');
-var TextArea = require('../TextArea-efe4fa88.js');
+var TextArea = require('../TextArea-d1ace954.js');
 var TextInput = require('../TextInput-e4c6d536.js');
 var Switch = require('../Switch-aa384260.js');
 require('../defaultTheme-870f7df1.js');
@@ -28,12 +28,12 @@ require('../Popover-de874e41.js');
 require('polished');
 require('@tippyjs/react');
 require('../shift-away-subtle-0bdd3b0d.js');
-require('../ContextMenu-ccb7a26a.js');
+require('../ContextMenu-59c2a64f.js');
 require('../edit-note-c47d292e.js');
 require('../Alert-fcc0bb50.js');
 require('../Badge-34ad2850.js');
-require('../Tab-fc380f0b.js');
-require('../Tabs-0aa159fa.js');
+require('../Tab-075c8c0a.js');
+require('../Tabs-6584e003.js');
 require('../Tooltip-e7f59097.js');
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.0-beta.37",
+  "version": "1.1.0-beta.39",
   "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-d5a5b131.js');
+var AssetGallery = require('../../AssetGallery-509fa6a5.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
@@ -18,23 +18,23 @@ require('react-dom');
 require('react-select-async-paginate');
 require('../../close-ebf2f3cf.js');
 require('../../expand-more-94585605.js');
-require('../../Button-0df54220.js');
+require('../../Button-32e38cc9.js');
 require('../../Popover-de874e41.js');
 require('polished');
 require('@tippyjs/react');
 require('../../shift-away-subtle-0bdd3b0d.js');
-require('../../ContextMenu-ccb7a26a.js');
+require('../../ContextMenu-59c2a64f.js');
 require('../../Checkbox-50f1f3c7.js');
 require('../../CompactStarRating-f05e7414.js');
-require('../../CompactTextInput-c6712379.js');
+require('../../CompactTextInput-04cc82f6.js');
 require('../../Alert-fcc0bb50.js');
 require('../../Badge-34ad2850.js');
-require('../../Tab-fc380f0b.js');
-require('../../Tabs-0aa159fa.js');
+require('../../Tab-075c8c0a.js');
+require('../../Tabs-6584e003.js');
 require('../../Tooltip-e7f59097.js');
 require('../../MultiSelect-873f707d.js');
 require('../../Radio-0b46b2a8.js');
-require('../../TextArea-efe4fa88.js');
+require('../../TextArea-d1ace954.js');
 require('../../Switch-aa384260.js');
 require('../../warning-circle-24522402.js');
 

package/widgets/ContextMenu/index.js

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

package/widgets/Instructions/index.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var Instructions = require('../../Instructions-efb61574.js');
+var Instructions = require('../../Instructions-874d6595.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
-require('../../TextArea-efe4fa88.js');
+require('../../TextArea-d1ace954.js');
 require('nanoid');
 require('lodash');
 require('../../edit-note-c47d292e.js');

package/widgets/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-d5a5b131.js');
-var ContextMenu = require('../ContextMenu-ccb7a26a.js');
+var AssetGallery = require('../AssetGallery-509fa6a5.js');
+var ContextMenu = require('../ContextMenu-59c2a64f.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-020a6f96.js');
-var Instructions = require('../Instructions-efb61574.js');
+var Instructions = require('../Instructions-874d6595.js');
 require('../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
@@ -23,22 +23,22 @@ require('react-dom');
 require('react-select-async-paginate');
 require('../close-ebf2f3cf.js');
 require('../expand-more-94585605.js');
-require('../Button-0df54220.js');
+require('../Button-32e38cc9.js');
 require('../Popover-de874e41.js');
 require('polished');
 require('@tippyjs/react');
 require('../shift-away-subtle-0bdd3b0d.js');
 require('../Checkbox-50f1f3c7.js');
 require('../CompactStarRating-f05e7414.js');
-require('../CompactTextInput-c6712379.js');
+require('../CompactTextInput-04cc82f6.js');
 require('../Alert-fcc0bb50.js');
 require('../Badge-34ad2850.js');
-require('../Tab-fc380f0b.js');
-require('../Tabs-0aa159fa.js');
+require('../Tab-075c8c0a.js');
+require('../Tabs-6584e003.js');
 require('../Tooltip-e7f59097.js');
 require('../MultiSelect-873f707d.js');
 require('../Radio-0b46b2a8.js');
-require('../TextArea-efe4fa88.js');
+require('../TextArea-d1ace954.js');
 require('../Switch-aa384260.js');
 require('../warning-circle-24522402.js');