@ntbjs/react-components 1.3.0-rc.54 → 1.3.0-rc.55

package/{AssetAction-43b974a6.js → AssetAction-b7b568c2.js}

@@ -5,7 +5,7 @@ var lodash = require('lodash');
 var React = require('react');
 var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
 var ResizeObserver = require('resize-observer-polyfill');
-var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-d361b5fa.js');
+var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-51cb40e1.js');
 var styled = require('styled-components');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
 var Instructions = require('./Instructions-8b33b4f2.js');
@@ -29,7 +29,7 @@ require('./CompactTextInput-f9f49740.js');
 require('./MultiSelect-d6294329.js');
 require('./Radio-abb11971.js');
 require('./TextArea-4a3c3625.js');
-require('./TextInput-75a84b3c.js');
+require('./TextInput-7b83f6f4.js');
 require('./Switch-66cd66ab.js');
 var ContextMenuItem = require('./ContextMenuItem-50de2150.js');
 

package/{MultiLevelCheckboxSelect-d361b5fa.js → MultiLevelCheckboxSelect-51cb40e1.js}

@@ -12,7 +12,7 @@ require('./Tooltip-4111dfdd.js');
 require('./VerificationStatusIcon-3a74c2ab.js');
 var Checkbox = require('./Checkbox-acd15d02.js');
 var lodash = require('lodash');
-var TextInput = require('./TextInput-75a84b3c.js');
+var TextInput = require('./TextInput-7b83f6f4.js');
 require('./InputGroup-08332f2d.js');
 var SectionSeparator = require('./SectionSeparator-aeccca17.js');
 var close = require('./close-1751121a.js');

package/{TextInput-75a84b3c.js → TextInput-7b83f6f4.js}

@@ -63,7 +63,7 @@ var TextInputField = styled__default["default"].input.attrs(defaultTheme.applyDe
 }, function (props) {
   return props.readOnly && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n        outline: none;\n      "])));
 });
-var TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 15px;\n  left: 11px;\n  line-height: 1.2;\n  font-size: 0.875rem;\n  transition: all 150ms;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n\n  ", "\n"])), function (props) {
+var TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 15px;\n  left: 11px;\n  line-height: 1.2;\n  font-size: 0.875rem;\n  transition: all 150ms;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n\n  ", "\n\n\n   ", "\n\n   ", "\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
 }, function (props) {
   return props.theme.themeProp('opacity', 0.6, 0.5);
@@ -73,6 +73,10 @@ var TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDe
   return (props.hasPlaceholder || props.hasAdornments) && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n      ", ";\n    "])), activeLabel);
 }, function (props) {
   return props.hasIcon && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n      left: 35px;\n    "])));
+}, function (props) {
+  return props.warning && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'));
+}, function (props) {
+  return props.error && props.theme.themeProp('color', props.theme.getColor('red-500'), props.theme.getColor('red-500'));
 });
 var TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = 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 TextInput$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\n\n  ", "\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  } \n \n}\n"])), function (props) {
@@ -185,7 +189,8 @@ var TextInput = React__default["default"].forwardRef(function TextInput(_ref, fo
     hasPlaceholder: Boolean(placeholder),
     hasAdornments: Boolean(typeof (adornments === null || adornments === void 0 ? void 0 : adornments.prefix) === 'string' && adornments.prefix.length > 0 || typeof (adornments === null || adornments === void 0 ? void 0 : adornments.suffix) === 'string' && adornments.suffix.length > 0),
     hasIcon: Boolean(icon),
-    error: hasError
+    error: hasError,
+    warning: hasWarning
   }, label, required && ' *'), typeof (adornments === null || adornments === void 0 ? void 0 : adornments.suffix) === 'string' && adornments.suffix.length > 0 && React__default["default"].createElement(Adornment, {
     error: hasError,
     warning: hasWarning,

package/inputs/TextInput/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var TextInput = require('../../TextInput-75a84b3c.js');
+var TextInput = require('../../TextInput-7b83f6f4.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');

package/inputs/index.js

@@ -11,9 +11,9 @@ var CompactTextInput = require('../CompactTextInput-f9f49740.js');
 var MultiSelect = require('../MultiSelect-d6294329.js');
 var Radio = require('../Radio-abb11971.js');
 var TextArea = require('../TextArea-4a3c3625.js');
-var TextInput = require('../TextInput-75a84b3c.js');
+var TextInput = require('../TextInput-7b83f6f4.js');
 var Switch = require('../Switch-66cd66ab.js');
-var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-d361b5fa.js');
+var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-51cb40e1.js');
 require('../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('react');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.3.0-rc.54",
+  "version": "1.3.0-rc.55",
   "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,13 +1,13 @@
 'use strict';
 
-var AssetAction = require('../../AssetAction-43b974a6.js');
+var AssetAction = require('../../AssetAction-b7b568c2.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('lodash');
 require('react');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('../../MultiLevelCheckboxSelect-d361b5fa.js');
+require('../../MultiLevelCheckboxSelect-51cb40e1.js');
 require('../../Alert-1b2ff6dd.js');
 require('../../Badge-e055db69.js');
 require('../../Popover-c1a29454.js');
@@ -21,7 +21,7 @@ require('../../Tooltip-4111dfdd.js');
 require('../../VerificationStatusIcon-3a74c2ab.js');
 require('../../Checkbox-acd15d02.js');
 require('nanoid');
-require('../../TextInput-75a84b3c.js');
+require('../../TextInput-7b83f6f4.js');
 require('../../edit-note-cefe2215.js');
 require('../../InputGroup-08332f2d.js');
 require('../../SectionSeparator-aeccca17.js');

package/widgets/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetAction = require('../AssetAction-43b974a6.js');
+var AssetAction = require('../AssetAction-b7b568c2.js');
 var ContextMenu = require('../ContextMenu-1b7b7cec.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-08ca770d.js');
 var Instructions = require('../Instructions-8b33b4f2.js');
@@ -12,7 +12,7 @@ require('lodash');
 require('react');
 require('../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
-require('../MultiLevelCheckboxSelect-d361b5fa.js');
+require('../MultiLevelCheckboxSelect-51cb40e1.js');
 require('../Alert-1b2ff6dd.js');
 require('../Badge-e055db69.js');
 require('../Popover-c1a29454.js');
@@ -26,7 +26,7 @@ require('../Tooltip-4111dfdd.js');
 require('../VerificationStatusIcon-3a74c2ab.js');
 require('../Checkbox-acd15d02.js');
 require('nanoid');
-require('../TextInput-75a84b3c.js');
+require('../TextInput-7b83f6f4.js');
 require('../edit-note-cefe2215.js');
 require('../InputGroup-08332f2d.js');
 require('../SectionSeparator-aeccca17.js');