@ntbjs/react-components 1.3.0-rc.71 → 1.3.0-rc.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -27,7 +27,7 @@ require('./Button-82e91acb.js');
27
27
  require('./Checkbox-c441fdba.js');
28
28
  require('./CompactAutocompleteSelect-a8ccfcad.js');
29
29
  require('./CompactStarRating-3fa89ec7.js');
30
- require('./CompactTextInput-ee126f63.js');
30
+ require('./CompactTextInput-483d7ff1.js');
31
31
  require('./MultiSelect-0bdad346.js');
32
32
  require('./Radio-758fd8f3.js');
33
33
  require('./TextArea-b16e166b.js');
@@ -110,7 +110,7 @@ var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.apply
110
110
  }, function (props) {
111
111
  return props.type === 'error' && props.theme.themeProp('color', '#CB968F', '#CB968F');
112
112
  });
113
- var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject16 || (_templateObject16 = 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 padding: 1px 10px;\n border-radius: 3px;\n border: 1px solid transparent;\n\n", "\n\n ", "\n\n ", "\n\n ", "\n\n\n ", "\n\n\n \n \n\n ", ";\n\n \n\n\n &&:not(:hover):not(:focus) {\n\n ", "\n \n ", ";\n ", ";\n \n ", "\n }\n\n &&:hover:not(:focus) {\n\n ", "\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n\n ", "\n & + ", " {\n opacity: 1;\n \n }\n }\n\n ", "\n ", "\n\n }\n\n &&:focus {\n ", ";\n\n ", ";\n \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) {
113
+ var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject16 || (_templateObject16 = 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 padding: 1px 10px;\n border-radius: 3px;\n border: 1px solid transparent;\n\n", "\n\n ", "\n\n ", "\n\n ", "\n\n\n ", "\n\n\n \n \n\n ", ";\n\n \n\n\n &&:not(:hover):not(:focus) {\n\n ", "\n \n \n\n ", ";\n \n ", "\n }\n\n &&:hover:not(:focus) {\n\n ", "\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n\n ", "\n & + ", " {\n opacity: 1;\n \n }\n }\n\n ", "\n ", "\n\n }\n\n &&:focus {\n ", ";\n\n ", ";\n \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) {
114
114
  if (props.type === 'error') {
115
115
  return styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n ", " !important;\n "])), props.theme.themeProp('background', '#7f1b1b', '#FEE2E2'));
116
116
  } else if (props.type === 'warning') {
@@ -131,16 +131,15 @@ var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultThem
131
131
  }, function (props) {
132
132
  return props.hasLink && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n &&:not(:focus),\n &&:read-only {\n ", "\n }\n &&:read-only {\n cursor: default;\n }\n "])), linkColor);
133
133
  }, function (props) {
134
- if (props.type === 'error') {
135
- return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');
136
- } else if (props.type === 'warning') {
137
- return props.theme.themeProp('background', '#634E01', '#FFFDE8');
138
- } else if (props.edit) {
139
- return props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
134
+ if (props.edit) {
135
+ if (props.type === 'error') {
136
+ return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');
137
+ } else if (props.type === 'warning') {
138
+ return props.theme.themeProp('background', '#634E01', '#FFFDE8');
139
+ } else {
140
+ return props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
141
+ }
140
142
  }
141
- return '';
142
- }, function (props) {
143
- return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
144
143
  }, function (props) {
145
144
  return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
146
145
  }, function (props) {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-ee126f63.js');
3
+ var CompactTextInput = require('../../CompactTextInput-483d7ff1.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('lodash');
package/inputs/index.js CHANGED
@@ -7,7 +7,7 @@ var Button = require('../Button-82e91acb.js');
7
7
  var Checkbox = require('../Checkbox-c441fdba.js');
8
8
  var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-a8ccfcad.js');
9
9
  var CompactStarRating = require('../CompactStarRating-3fa89ec7.js');
10
- var CompactTextInput = require('../CompactTextInput-ee126f63.js');
10
+ var CompactTextInput = require('../CompactTextInput-483d7ff1.js');
11
11
  var MultiSelect = require('../MultiSelect-0bdad346.js');
12
12
  var Radio = require('../Radio-758fd8f3.js');
13
13
  var TextArea = require('../TextArea-b16e166b.js');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.3.0-rc.71",
3
+ "version": "1.3.0-rc.72",
4
4
  "description": "NTBs common front-end design utilities and React components.",
5
5
  "scripts": {
6
6
  "build": "cross-env NODE_ENV=production rollup -c",
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var AssetAction = require('../../AssetAction-3dfb975f.js');
3
+ var AssetAction = require('../../AssetAction-6d672f04.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -44,7 +44,7 @@ require('../../InfoCard-005063b4.js');
44
44
  require('../../ActionButton-5bc79370.js');
45
45
  require('../../Button-82e91acb.js');
46
46
  require('../../CompactStarRating-3fa89ec7.js');
47
- require('../../CompactTextInput-ee126f63.js');
47
+ require('../../CompactTextInput-483d7ff1.js');
48
48
  require('../../MultiSelect-0bdad346.js');
49
49
  require('../../Radio-758fd8f3.js');
50
50
  require('../../Switch-26547abb.js');
package/widgets/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetAction = require('../AssetAction-3dfb975f.js');
5
+ var AssetAction = require('../AssetAction-6d672f04.js');
6
6
  var ContextMenu = require('../ContextMenu-9645746f.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-6eaa7df8.js');
8
8
  var Instructions = require('../Instructions-46e49829.js');
@@ -44,7 +44,7 @@ require('react-select-async-paginate');
44
44
  require('../react-select-creatable.esm-09b1be95.js');
45
45
  require('react-dom');
46
46
  require('../CompactStarRating-3fa89ec7.js');
47
- require('../CompactTextInput-ee126f63.js');
47
+ require('../CompactTextInput-483d7ff1.js');
48
48
  require('../MultiSelect-0bdad346.js');
49
49
  require('../Radio-758fd8f3.js');
50
50
  require('../TextArea-b16e166b.js');