@ntbjs/react-components 1.2.0-rc.30 → 1.2.0-rc.32

package/{AssetGallery-8810f9ce.js → AssetGallery-bd7120c2.js}

@@ -19,7 +19,7 @@ require('./VerificationStatusIcon-b574fd21.js');
 var ActionButton = require('./ActionButton-06df3d6c.js');
 require('./Button-c38d56a0.js');
 require('./Checkbox-68dc38a8.js');
-require('./CompactAutocompleteSelect-c48e47a3.js');
+require('./CompactAutocompleteSelect-ceaa250e.js');
 require('./CompactStarRating-5f0bb3da.js');
 require('./CompactTextInput-fe403283.js');
 require('./MultiSelect-4b8d3d0d.js');

package/{CompactAutocompleteSelect-c48e47a3.js → CompactAutocompleteSelect-ceaa250e.js}

@@ -79,7 +79,7 @@ var AutocompletSelect = styled__default['default'](Select__default['default']).a
 var AutocompletCreatableSelect = 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    "])));
 });
-var Control = styled__default['default'](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\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  & .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"])), function (props) {
+var Control = styled__default['default'](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\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', '#505050', '#eff1f4');
 }, function (props) {
   return props.type && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n        animation: ", " 0.5s ease-in-out;\n      "])), function (props) {
@@ -87,10 +87,14 @@ var Control = styled__default['default'](Select.components.Control).attrs(defaul
   });
 }, 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.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-600'));
+  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) {
@@ -99,6 +103,8 @@ var Control = styled__default['default'](Select.components.Control).attrs(defaul
   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');
 });
@@ -413,7 +419,7 @@ CompactAutocompleteSelect.propTypes = process.env.NODE_ENV !== "production" ? {
   onUpdateCallback: defaultTheme.PropTypes.func,
   creatable: defaultTheme.PropTypes.bool,
   disabled: defaultTheme.PropTypes.bool,
-  type: defaultTheme.PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success']),
+  type: defaultTheme.PropTypes.oneOf(['', 'error', 'warning', 'instructions-warning', 'loading', 'success']),
   descriptionToolTip: defaultTheme.PropTypes.string,
   displayDescriptionToolTip: defaultTheme.PropTypes.bool,
   loadingIcon: defaultTheme.PropTypes.element,

package/{Instructions-ace6dce9.js → Instructions-6cd52723.js}

@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-ea44e34a.js');
 var lodash = require('lodash');
 var React = require('react');
 var warningCircle = require('./warning-circle-24522402.js');
-var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-c48e47a3.js');
+var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-ceaa250e.js');
 var TextArea = require('./TextArea-24d944d3.js');
 var styled = require('styled-components');
 
@@ -45,6 +45,7 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
       loadingMessageFunc = _ref.loadingMessageFunc,
       placeholder = _ref.placeholder,
       type = _ref.type,
+      selectType = _ref.selectType,
       edit = _ref.edit,
       rows = _ref.rows,
       showMore = _ref.showMore,
@@ -54,7 +55,7 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
       loadingIcon = _ref.loadingIcon,
       successIcon = _ref.successIcon,
       padding = _ref.padding,
-      props = defaultTheme._objectWithoutProperties(_ref, ["clickToAdd", "customAddMessage", "selectedOption", "loadOptions", "readOnly", "disabled", "hidden", "name", "lightBackground", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur", "onUpdateCallback", "availableOptions", "loadingMessageFunc", "placeholder", "type", "edit", "rows", "showMore", "showMoreText", "showLessText", "isExpanded", "loadingIcon", "successIcon", "padding"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["clickToAdd", "customAddMessage", "selectedOption", "loadOptions", "readOnly", "disabled", "hidden", "name", "lightBackground", "autoSelect", "subscribeCurrentValue", "onChange", "onFocus", "onBlur", "onUpdateCallback", "availableOptions", "loadingMessageFunc", "placeholder", "type", "selectType", "edit", "rows", "showMore", "showMoreText", "showLessText", "isExpanded", "loadingIcon", "successIcon", "padding"]);
 
   var _useState = React.useState(false),
       _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -183,7 +184,7 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
     initialHover: initialHover,
     className: isHovered && !readOnly && !disabled && 'slide-in'
   }, React__default['default'].createElement(SelectContainer, null, React__default['default'].createElement(CompactAutocompleteSelect.CompactAutocompleteSelect, defaultTheme._extends({
-    type: type,
+    type: selectType,
     value: selectedOption,
     creatable: false,
     onChange: handleChange
@@ -222,6 +223,7 @@ Instructions.defaultProps = {
   disabled: false,
   readOnly: false,
   type: '',
+  selectType: '',
   padding: 'medium',
   onUpdateCallback: function onUpdateCallback() {}
 };
@@ -250,7 +252,8 @@ Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
   onFocus: defaultTheme.PropTypes.func,
   onBlur: defaultTheme.PropTypes.func,
   onUpdateCallback: defaultTheme.PropTypes.func,
-  type: defaultTheme.PropTypes.oneOf(['', 'error', 'error-border', 'warning', 'loading', 'success']),
+  type: defaultTheme.PropTypes.oneOf(['', 'error', 'error-border', 'warning', 'instructions-warning', 'loading', 'success']),
+  selectType: defaultTheme.PropTypes.oneOf(['', 'error', 'warning', 'instructions-warning', 'loading', 'success']),
   isExpanded: defaultTheme.PropTypes.func,
   loadingIcon: defaultTheme.PropTypes.element,
   successIcon: defaultTheme.PropTypes.element,

package/inputs/CompactAutocompleteSelect/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-c48e47a3.js');
+var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-ceaa250e.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');

package/inputs/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var ActionButton = require('../ActionButton-06df3d6c.js');
 var Button = require('../Button-c38d56a0.js');
 var Checkbox = require('../Checkbox-68dc38a8.js');
-var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-c48e47a3.js');
+var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-ceaa250e.js');
 var CompactStarRating = require('../CompactStarRating-5f0bb3da.js');
 var CompactTextInput = require('../CompactTextInput-fe403283.js');
 var MultiSelect = require('../MultiSelect-4b8d3d0d.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.2.0-rc.30",
+  "version": "1.2.0-rc.32",
   "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-8810f9ce.js');
+var AssetGallery = require('../../AssetGallery-bd7120c2.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
@@ -32,7 +32,7 @@ require('../../ActionButton-06df3d6c.js');
 require('../../Button-c38d56a0.js');
 require('../../ContextMenu-4ec3d9f3.js');
 require('../../expand-more-94585605.js');
-require('../../CompactAutocompleteSelect-c48e47a3.js');
+require('../../CompactAutocompleteSelect-ceaa250e.js');
 require('react-select');
 require('react-select-async-paginate');
 require('../../react-select-creatable.esm-2f23d6c6.js');

package/widgets/Instructions/index.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var Instructions = require('../../Instructions-ace6dce9.js');
+var Instructions = require('../../Instructions-6cd52723.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('../../warning-circle-24522402.js');
-require('../../CompactAutocompleteSelect-c48e47a3.js');
+require('../../CompactAutocompleteSelect-ceaa250e.js');
 require('nanoid');
 require('../../Alert-13b75102.js');
 require('../../Badge-aec841c8.js');

package/widgets/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-8810f9ce.js');
+var AssetGallery = require('../AssetGallery-bd7120c2.js');
 var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-c28715f7.js');
-var Instructions = require('../Instructions-ace6dce9.js');
+var Instructions = require('../Instructions-6cd52723.js');
 require('../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
@@ -36,7 +36,7 @@ require('../warning-circle-24522402.js');
 require('../ActionButton-06df3d6c.js');
 require('../Button-c38d56a0.js');
 require('../expand-more-94585605.js');
-require('../CompactAutocompleteSelect-c48e47a3.js');
+require('../CompactAutocompleteSelect-ceaa250e.js');
 require('react-select');
 require('react-select-async-paginate');
 require('../react-select-creatable.esm-2f23d6c6.js');