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

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 (11) hide show
  1. package/{AssetAction-3dfb975f.js → AssetAction-30f28971.js} +3 -3
  2. package/{CompactTextInput-ee126f63.js → CompactTextInput-483d7ff1.js} +9 -10
  3. package/{Instructions-46e49829.js → Instructions-4c736a67.js} +1 -1
  4. package/{TextArea-b16e166b.js → TextArea-0810121f.js} +10 -2
  5. package/inputs/CompactTextInput/index.js +1 -1
  6. package/inputs/TextArea/index.js +1 -1
  7. package/inputs/index.js +2 -2
  8. package/package.json +1 -1
  9. package/widgets/AssetGallery/index.js +4 -4
  10. package/widgets/Instructions/index.js +2 -2
  11. package/widgets/index.js +4 -4
package/{AssetAction-3dfb975f.js → AssetAction-30f28971.js} RENAMED
@@ -8,7 +8,7 @@ var ResizeObserver = require('resize-observer-polyfill');
8
8
  var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-375c4785.js');
9
9
  var styled = require('styled-components');
10
10
  var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
11
- var Instructions = require('./Instructions-46e49829.js');
11
+ var Instructions = require('./Instructions-4c736a67.js');
12
12
  var Alert = require('./Alert-edd9f6a7.js');
13
13
  var Badge = require('./Badge-00b2f311.js');
14
14
  var Popover = require('./Popover-f00121a3.js');
@@ -27,10 +27,10 @@ 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
- require('./TextArea-b16e166b.js');
33
+ require('./TextArea-0810121f.js');
34
34
  require('./TextInput-70cb3df7.js');
35
35
  require('./Switch-26547abb.js');
36
36
  var ContextMenuItem = require('./ContextMenuItem-ae252503.js');
package/{CompactTextInput-ee126f63.js → CompactTextInput-483d7ff1.js} RENAMED
@@ -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) {
package/{Instructions-46e49829.js → Instructions-4c736a67.js} RENAMED
@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-24ea5c47.js');
4
4
  var lodash = require('lodash');
5
5
  var React = require('react');
6
6
  var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-a8ccfcad.js');
7
- var TextArea = require('./TextArea-b16e166b.js');
7
+ var TextArea = require('./TextArea-0810121f.js');
8
8
  var styled = require('styled-components');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
package/{TextArea-b16e166b.js → TextArea-0810121f.js} RENAMED
@@ -52,7 +52,7 @@ var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.apply
52
52
  }, function (props) {
53
53
  return props.disabled && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n display: none;\n "])));
54
54
  });
55
- var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n width: 100%;\n font-family: inherit;\n font-size: 0.875rem;\n border-radius: 3px;\n padding: 5px 10px;\n resize: vertical;\n z-index: 0;\n box-sizing: border-box;\n appearance: none;\n border: 1px solid;\n transition: height 550ms ease-in-out, border-color 350ms, background 350ms;\n\n ", "\n\n ", "\n\n\n ", "\n\n ", "\n\n\n ", " \n\n ", "\n\n ", "\n\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n\n &&:hover:not(:focus) {\n ", "\n\n ", "\n\n ", "\n\n & + ", " {\n opacity: 1;\n ", "\n }\n }\n\n &::placeholder {\n ", "\n ", "\n ", "\n }\n\n &:hover::placeholder {\n ", "\n ", "\n }\n\n &:focus::placeholder {\n ", "\n ", "\n }\n\n &&:focus {\n outline: none;\n\n ", "\n }\n\n /* Non-hover, non-focus state for edit mode */\n &&:not(:hover):not(:focus) {\n ", "\n ", "\n\n ", "\n }\n"])), function (props) {
55
+ var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n width: 100%;\n font-family: inherit;\n font-size: 0.875rem;\n border-radius: 3px;\n padding: 5px 10px;\n resize: vertical;\n z-index: 0;\n box-sizing: border-box;\n appearance: none;\n border: 1px solid;\n transition: height 550ms ease-in-out, border-color 350ms, background 350ms;\n\n ", "\n\n ", "\n\n\n ", "\n\n ", "\n\n\n ", " \n\n ", "\n\n ", "\n\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n\n &&:hover:not(:focus) {\n ", "\n\n ", "\n\n ", "\n\n & + ", " {\n opacity: 1;\n ", "\n }\n }\n\n &::placeholder {\n ", "\n ", "\n ", "\n }\n\n &:hover::placeholder {\n ", "\n ", "\n }\n\n &:focus::placeholder {\n ", "\n ", "\n }\n\n &&:focus {\n outline: none;\n\n ", "\n }\n\n &&:not(:hover):not(:focus) {\n ", "\n\n ", "\n\n ", "\n }\n"])), function (props) {
56
56
  return props.borderRadius && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n border-radius: ", "px;\n "])), props.borderRadius);
57
57
  }, function (props) {
58
58
  if (props.type === 'error') {
@@ -133,7 +133,15 @@ var TextInputField = styled__default["default"].textarea.attrs(defaultTheme.appl
133
133
  return styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n "])), props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-600')), props.theme.themeProp('background', 'transparent', props.theme.getColor('white')));
134
134
  }
135
135
  }, function (props) {
136
- return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
136
+ if (props.edit) {
137
+ if (props.type === 'error') {
138
+ return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');
139
+ } else if (props.type === 'warning') {
140
+ return props.theme.themeProp('background', '#634E01', '#FFFDE8');
141
+ } else {
142
+ return props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
143
+ }
144
+ }
137
145
  }, function (props) {
138
146
  return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
139
147
  }, function (props) {
package/inputs/CompactTextInput/index.js CHANGED
@@ -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/TextArea/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-b16e166b.js');
3
+ var TextArea = require('../../TextArea-0810121f.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/index.js CHANGED
@@ -7,10 +7,10 @@ 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
- var TextArea = require('../TextArea-b16e166b.js');
13
+ var TextArea = require('../TextArea-0810121f.js');
14
14
  var TextInput = require('../TextInput-70cb3df7.js');
15
15
  var Switch = require('../Switch-26547abb.js');
16
16
  var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-375c4785.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.73",
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-3dfb975f.js');
3
+ var AssetAction = require('../../AssetAction-30f28971.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -27,14 +27,14 @@ require('../../InputGroup-3598e37c.js');
27
27
  require('../../SectionSeparator-43e1647d.js');
28
28
  require('../../close-1751121a.js');
29
29
  require('react-lazy-load-image-component');
30
- require('../../Instructions-46e49829.js');
30
+ require('../../Instructions-4c736a67.js');
31
31
  require('../../CompactAutocompleteSelect-a8ccfcad.js');
32
32
  require('react-select');
33
33
  require('react-select-async-paginate');
34
34
  require('../../react-select-creatable.esm-09b1be95.js');
35
35
  require('react-dom');
36
36
  require('../../expand-more-d74e2bd2.js');
37
- require('../../TextArea-b16e166b.js');
37
+ require('../../TextArea-0810121f.js');
38
38
  require('@floating-ui/react');
39
39
  require('../../ContextMenu-9645746f.js');
40
40
  require('../../AssetPreviewTopBar-6eaa7df8.js');
@@ -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/Instructions/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-46e49829.js');
3
+ var Instructions = require('../../Instructions-4c736a67.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -24,7 +24,7 @@ require('../../react-select-creatable.esm-09b1be95.js');
24
24
  require('react-dom');
25
25
  require('../../close-1751121a.js');
26
26
  require('../../expand-more-d74e2bd2.js');
27
- require('../../TextArea-b16e166b.js');
27
+ require('../../TextArea-0810121f.js');
28
28
  require('../../useMergedRefs-b6d2f8fc.js');
29
29
  require('../../edit-note-cefe2215.js');
30
30
 
package/widgets/index.js CHANGED
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetAction = require('../AssetAction-3dfb975f.js');
5
+ var AssetAction = require('../AssetAction-30f28971.js');
6
6
  var ContextMenu = require('../ContextMenu-9645746f.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-6eaa7df8.js');
8
- var Instructions = require('../Instructions-46e49829.js');
8
+ var Instructions = require('../Instructions-4c736a67.js');
9
9
  var ProgressBar = require('../ProgressBar-7d31fd95.js');
10
10
  var InfoCard = require('../InfoCard-005063b4.js');
11
11
  require('../defaultTheme-24ea5c47.js');
@@ -44,10 +44,10 @@ 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
- require('../TextArea-b16e166b.js');
50
+ require('../TextArea-0810121f.js');
51
51
  require('../Switch-26547abb.js');
52
52
  require('../ContextMenuItem-ae252503.js');
53
53
  require('../arrow-forward-d7c77ae3.js');