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

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.
Files changed (7) hide show
  1. package/{AssetAction-29b9a203.js → AssetAction-3dfb975f.js} +1 -1
  2. package/{CompactTextInput-67ce443e.js → CompactTextInput-ee126f63.js} +30 -21
  3. package/inputs/CompactTextInput/index.js +1 -1
  4. package/inputs/index.js +1 -1
  5. package/package.json +1 -1
  6. package/widgets/AssetGallery/index.js +2 -2
  7. package/widgets/index.js +2 -2
package/{AssetAction-29b9a203.js → AssetAction-3dfb975f.js} RENAMED
@@ -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-67ce443e.js');
30
+ require('./CompactTextInput-ee126f63.js');
31
31
  require('./MultiSelect-0bdad346.js');
32
32
  require('./Radio-758fd8f3.js');
33
33
  require('./TextArea-b16e166b.js');
package/{CompactTextInput-67ce443e.js → CompactTextInput-ee126f63.js} RENAMED
@@ -50,7 +50,7 @@ function SvgLink(props) {
50
50
  })));
51
51
  }
52
52
 
53
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33;
53
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35;
54
54
  var fadeIn = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n from {\n background-color: ", ";\n }\n to {\n background-color: ", ";\n }\n"])), function (props) {
55
55
  return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
56
56
  }, function (props) {
@@ -110,36 +110,45 @@ 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 &&: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 &&: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
- return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');
115
+ return styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n ", " !important;\n "])), props.theme.themeProp('background', '#7f1b1b', '#FEE2E2'));
116
116
  } else if (props.type === 'warning') {
117
- return props.theme.themeProp('background', '#634E01', '#FFFDE8');
117
+ return styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", " !important;\n "])), props.theme.themeProp('background', '#634E01', '#FFFDE8'));
118
118
  } else {
119
119
  return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
120
120
  }
121
121
  }, function (props) {
122
- return props.readOnly && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n cursor: default;\n "])));
122
+ return props.readOnly && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n cursor: default;\n "])));
123
123
  }, function (props) {
124
- return props.disabled && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
124
+ return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
125
125
  }, function (props) {
126
- return props.type === 'success' && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
126
+ return props.type === 'success' && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
127
127
  return props.type === 'success' ? fadeIn : fadeOut;
128
128
  });
129
129
  }, function (props) {
130
130
  return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
131
131
  }, function (props) {
132
- return props.hasLink && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n &&:not(:focus),\n &&:read-only {\n ", "\n }\n &&:read-only {\n cursor: default;\n }\n "])), linkColor);
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
+ }, 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)');
140
+ }
141
+ return '';
133
142
  }, function (props) {
134
143
  return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
135
144
  }, function (props) {
136
145
  return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
137
146
  }, function (props) {
138
- return props.hasLink && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n &&:not(:focus),\n &&:read-only {\n cursor: default;\n ", "\n }\n "])), linkColor);
147
+ return props.hasLink && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n &&:not(:focus),\n &&:read-only {\n cursor: default;\n ", "\n }\n "])), linkColor);
139
148
  }, function (props) {
140
149
  return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
141
150
  }, function (props) {
142
- return props.readOnly && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), readOnlyBackground);
151
+ return props.readOnly && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), readOnlyBackground);
143
152
  }, function (props) {
144
153
  return props.edit && props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
145
154
  }, function (props) {
@@ -147,35 +156,35 @@ var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultThem
147
156
  }, function (props) {
148
157
  return props.type === 'error' && props.theme.themeProp('background', '#901d1d', '#F7D5D0');
149
158
  }, function (props) {
150
- return props.hasLink && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n cursor: pointer;\n &&:read-only {\n background: none !important;\n cursor: default;\n }\n "])));
159
+ return props.hasLink && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n cursor: pointer;\n &&:read-only {\n background: none !important;\n cursor: default;\n }\n "])));
151
160
  }, InputIconContainer, function (props) {
152
- return props.disabled && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
161
+ return props.disabled && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
153
162
  }, function (props) {
154
- return props.disabled && props.hasLink && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed !important;\n "])));
163
+ return props.disabled && props.hasLink && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed !important;\n "])));
155
164
  }, function (props) {
156
165
  return !props.readOnly && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
157
166
  }, function (props) {
158
- return props.readOnly && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), readOnlyBackground);
167
+ return props.readOnly && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), readOnlyBackground);
159
168
  }, function (props) {
160
169
  return props.type === 'error' && !props.readOnly && props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
161
170
  }, function (props) {
162
- return !props.readOnly && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), function (props) {
171
+ return !props.readOnly && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), function (props) {
163
172
  return props.theme.getColor('gray-600');
164
173
  });
165
174
  }, function (props) {
166
- return props.type === 'warning' && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
175
+ return props.type === 'warning' && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
167
176
  return props.theme.themeProp('border-color', '#F4E21E', '#F4E21E');
168
177
  }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
169
178
  }, function (props) {
170
- return props.type === 'error' && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
179
+ return props.type === 'error' && styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
171
180
  return props.theme.themeProp('border-color', '#D83018', '#D83018');
172
181
  }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
173
182
  }, function (props) {
174
- return props.bold && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n font-size: 1rem;\n font-weight: 500;\n line-height: 1.0625;\n padding-top: 3px;\n padding-bottom: 2px;\n "])));
183
+ return props.bold && styled.css(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n font-size: 1rem;\n font-weight: 500;\n line-height: 1.0625;\n padding-top: 3px;\n padding-bottom: 2px;\n "])));
175
184
  });
176
- var LinkPopoverContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n padding: 5px 8px;\n\n svg {\n width: 18px;\n margin-right: 8px;\n }\n"])), commonAnchorTagStyle);
177
- var StyledLink = styled__default["default"].a.attrs(defaultTheme.applyDefaultTheme)(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n"])), commonAnchorTagStyle, linkColor);
178
- var ReadOnlyLinkContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n border: 1px solid transparent;\n border-radius: 3px;\n padding: 0 10px 1px;\n"])), readOnlyBackground);
185
+ var LinkPopoverContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n padding: 5px 8px;\n\n svg {\n width: 18px;\n margin-right: 8px;\n }\n"])), commonAnchorTagStyle);
186
+ var StyledLink = styled__default["default"].a.attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n"])), commonAnchorTagStyle, linkColor);
187
+ var ReadOnlyLinkContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n border: 1px solid transparent;\n border-radius: 3px;\n padding: 0 10px 1px;\n"])), readOnlyBackground);
179
188
 
180
189
  var _excluded = ["label", "inputType", "name", "defaultValue", "value", "placeholder", "link", "linkTarget", "linkHandler", "activeLinkHandler", "autoSelect", "readOnly", "disabled", "edit", "type", "descriptionToolTip", "bold", "hidden", "onChange", "onFocus", "onBlur", "loadingIcon", "successIcon"];
181
190
  var CompactTextInput = React__default["default"].forwardRef(function CompactTextInput(_ref, forwardedRef) {
package/inputs/CompactTextInput/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-67ce443e.js');
3
+ var CompactTextInput = require('../../CompactTextInput-ee126f63.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-67ce443e.js');
10
+ var CompactTextInput = require('../CompactTextInput-ee126f63.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.70",
3
+ "version": "1.3.0-rc.71",
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",
package/widgets/AssetGallery/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var AssetAction = require('../../AssetAction-29b9a203.js');
3
+ var AssetAction = require('../../AssetAction-3dfb975f.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-67ce443e.js');
47
+ require('../../CompactTextInput-ee126f63.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-29b9a203.js');
5
+ var AssetAction = require('../AssetAction-3dfb975f.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-67ce443e.js');
47
+ require('../CompactTextInput-ee126f63.js');
48
48
  require('../MultiSelect-0bdad346.js');
49
49
  require('../Radio-758fd8f3.js');
50
50
  require('../TextArea-b16e166b.js');