@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.
- package/{AssetAction-3dfb975f.js → AssetAction-6d672f04.js} +1 -1
- package/{CompactTextInput-ee126f63.js → CompactTextInput-483d7ff1.js} +9 -10
- package/inputs/CompactTextInput/index.js +1 -1
- package/inputs/index.js +1 -1
- package/package.json +1 -1
- package/widgets/AssetGallery/index.js +2 -2
- package/widgets/index.js +2 -2
|
@@ -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-
|
|
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
|
|
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.
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
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) {
|
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-
|
|
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
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var AssetAction = require('../../AssetAction-
|
|
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-
|
|
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-
|
|
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-
|
|
47
|
+
require('../CompactTextInput-483d7ff1.js');
|
|
48
48
|
require('../MultiSelect-0bdad346.js');
|
|
49
49
|
require('../Radio-758fd8f3.js');
|
|
50
50
|
require('../TextArea-b16e166b.js');
|