@ntbjs/react-components 1.2.0-rc.80 → 1.2.0-rc.81

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 (17) hide show
  1. package/{AssetGallery-71d9aeac.js → AssetGallery-40695055.js} +5 -5
  2. package/{CompactAutocompleteSelect-9425bd2e.js → CompactAutocompleteSelect-c3e344f9.js} +1 -1
  3. package/{CompactStarRating-7d7ad40e.js → CompactStarRating-0303d646.js} +2 -2
  4. package/{CompactTextInput-86d0b82c.js → CompactTextInput-8d962bef.js} +1 -1
  5. package/{Instructions-d6d5b998.js → Instructions-68d8dfb2.js} +2 -2
  6. package/{MultiSelect-4b8d3d0d.js → MultiSelect-efd60232.js} +1 -1
  7. package/{TextArea-a215d377.js → TextArea-65ab87ba.js} +3 -1
  8. package/inputs/CompactAutocompleteSelect/index.js +1 -1
  9. package/inputs/CompactStarRating/index.js +1 -1
  10. package/inputs/CompactTextInput/index.js +1 -1
  11. package/inputs/MultiSelect/index.js +1 -1
  12. package/inputs/TextArea/index.js +1 -1
  13. package/inputs/index.js +5 -5
  14. package/package.json +1 -1
  15. package/widgets/AssetGallery/index.js +6 -6
  16. package/widgets/Instructions/index.js +3 -3
  17. package/widgets/index.js +7 -7
package/{AssetGallery-71d9aeac.js → AssetGallery-40695055.js} RENAMED
@@ -19,12 +19,12 @@ require('./VerificationStatusIcon-6fe95a92.js');
19
19
  var ActionButton = require('./ActionButton-46735b89.js');
20
20
  require('./Button-49f82b31.js');
21
21
  require('./Checkbox-68dc38a8.js');
22
- require('./CompactAutocompleteSelect-9425bd2e.js');
23
- require('./CompactStarRating-7d7ad40e.js');
24
- require('./CompactTextInput-86d0b82c.js');
25
- require('./MultiSelect-4b8d3d0d.js');
22
+ require('./CompactAutocompleteSelect-c3e344f9.js');
23
+ require('./CompactStarRating-0303d646.js');
24
+ require('./CompactTextInput-8d962bef.js');
25
+ require('./MultiSelect-efd60232.js');
26
26
  require('./Radio-32d0513a.js');
27
- require('./TextArea-a215d377.js');
27
+ require('./TextArea-65ab87ba.js');
28
28
  require('./TextInput-0d109708.js');
29
29
  require('./Switch-4a41585f.js');
30
30
  var ContextMenu = require('./ContextMenu-4ec3d9f3.js');
package/{CompactAutocompleteSelect-9425bd2e.js → CompactAutocompleteSelect-c3e344f9.js} RENAMED
@@ -49,7 +49,7 @@ var CompactAutocompleteSelect$1 = styled__default['default'].div.attrs(defaultTh
49
49
  return props.disabled && styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
50
50
  });
51
51
  var Label = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n height: 19px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 2px;\n ", "\n"])), function (props) {
52
- return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
52
+ return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
53
53
  }, function (props) {
54
54
  return props.disabled && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
55
55
  });
package/{CompactStarRating-7d7ad40e.js → CompactStarRating-0303d646.js} RENAMED
@@ -85,8 +85,8 @@ var CompactStarRating$1 = styled__default['default'].div.attrs(defaultTheme.appl
85
85
  }, function (props) {
86
86
  return props.disabled && styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
87
87
  });
88
- var labelWidth = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n width: 33.33%;\n display: flex;\n align-items: center;\n text-align: left;\n font: normal normal normal 14px/16px Roboto;\n letter-spacing: 0px;\n padding: 0;\n height: 19px;\n cursor: default;\n justify-content: space-between;\n ", "\n ", "\n"])), function (props) {
89
- return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
88
+ var labelWidth = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n width: 33.33%;\n display: flex;\n align-items: center;\n text-align: left;\n font: normal normal normal 14px/16px Roboto;\n letter-spacing: 0px;\n padding: 0;\n height: 19px;\n cursor: default;\n justify-content: space-between;\n ", ";\n ", "\n"])), function (props) {
89
+ return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
90
90
  }, function (props) {
91
91
  return props.disabled && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
92
92
  });
package/{CompactTextInput-86d0b82c.js → CompactTextInput-8d962bef.js} RENAMED
@@ -71,7 +71,7 @@ var CompactTextInput$1 = styled__default['default'].div.attrs(defaultTheme.apply
71
71
  return props.theme.primaryFontFamily;
72
72
  });
73
73
  var Label = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n justify-content: space-between;\n height: 19px;\n display: flex;\n align-items: center;\n ", "\n"])), function (props) {
74
- return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
74
+ return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
75
75
  }, function (props) {
76
76
  return props.disabled && styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
77
77
  });
package/{Instructions-d6d5b998.js → Instructions-68d8dfb2.js} RENAMED
@@ -4,8 +4,8 @@ var defaultTheme = require('./defaultTheme-ea44e34a.js');
4
4
  var lodash = require('lodash');
5
5
  var React = require('react');
6
6
  var warningCircle = require('./warning-circle-24522402.js');
7
- var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-9425bd2e.js');
8
- var TextArea = require('./TextArea-a215d377.js');
7
+ var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-c3e344f9.js');
8
+ var TextArea = require('./TextArea-65ab87ba.js');
9
9
  var styled = require('styled-components');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
package/{MultiSelect-4b8d3d0d.js → MultiSelect-efd60232.js} RENAMED
@@ -22,7 +22,7 @@ var sharedStyle = styled.css(_templateObject || (_templateObject = defaultTheme.
22
22
  return props.theme.primaryFontFamily;
23
23
  });
24
24
  var Label = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n cursor: pointer;\n height: 19px;\n display: flex;\n align-items: center;\n"])), function (props) {
25
- return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
25
+ return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
26
26
  });
27
27
  var MultiSelect$1 = styled__default['default'](Select__default['default']).attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
28
28
  var CreatableMultiSelect = styled__default['default'](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n ", "\n"])), sharedStyle);
package/{TextArea-a215d377.js → TextArea-65ab87ba.js} RENAMED
@@ -128,7 +128,9 @@ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.appl
128
128
  }, function (props) {
129
129
  return props.edit && props.type === 'warning' && props.theme.themeProp('background', '#2F2402', '#FFF3A7');
130
130
  });
131
- var TextInputLabel = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 13px;\n left: 11px;\n line-height: 1.2;\n font-size: 0.875rem;\n transition: all 150ms;\n margin-botton: 50px;\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n content: \"\";\n\n ", "\n"])), placeholderBaseStyle, function (props) {
131
+ var TextInputLabel = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 13px;\n left: 11px;\n line-height: 1.2;\n font-size: 0.875rem;\n transition: all 150ms;\n margin-botton: 50px;\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n content: \"\";\n\n ", "\n"])), function (props) {
132
+ return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
133
+ }, placeholderBaseStyle, function (props) {
132
134
  return props.theme.themeProp('background', "linear-gradient(0deg, ".concat(props.theme.getColor('gray-900'), " calc(50% + 1px), transparent 50%)"), "linear-gradient(0deg, ".concat(props.theme.getColor('white'), " calc(50% + 1px), transparent 50%)"));
133
135
  }, function (props) {
134
136
  return !props.inputIsEmpty && styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), activeLabel);
package/inputs/CompactAutocompleteSelect/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-9425bd2e.js');
3
+ var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-c3e344f9.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('lodash');
package/inputs/CompactStarRating/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactStarRating = require('../../CompactStarRating-7d7ad40e.js');
3
+ var CompactStarRating = require('../../CompactStarRating-0303d646.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/CompactTextInput/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-86d0b82c.js');
3
+ var CompactTextInput = require('../../CompactTextInput-8d962bef.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('lodash');
package/inputs/MultiSelect/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var MultiSelect = require('../../MultiSelect-4b8d3d0d.js');
3
+ var MultiSelect = require('../../MultiSelect-efd60232.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/TextArea/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-a215d377.js');
3
+ var TextArea = require('../../TextArea-65ab87ba.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/index.js CHANGED
@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var ActionButton = require('../ActionButton-46735b89.js');
6
6
  var Button = require('../Button-49f82b31.js');
7
7
  var Checkbox = require('../Checkbox-68dc38a8.js');
8
- var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-9425bd2e.js');
9
- var CompactStarRating = require('../CompactStarRating-7d7ad40e.js');
10
- var CompactTextInput = require('../CompactTextInput-86d0b82c.js');
11
- var MultiSelect = require('../MultiSelect-4b8d3d0d.js');
8
+ var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-c3e344f9.js');
9
+ var CompactStarRating = require('../CompactStarRating-0303d646.js');
10
+ var CompactTextInput = require('../CompactTextInput-8d962bef.js');
11
+ var MultiSelect = require('../MultiSelect-efd60232.js');
12
12
  var Radio = require('../Radio-32d0513a.js');
13
- var TextArea = require('../TextArea-a215d377.js');
13
+ var TextArea = require('../TextArea-65ab87ba.js');
14
14
  var TextInput = require('../TextInput-0d109708.js');
15
15
  var Switch = require('../Switch-4a41585f.js');
16
16
  var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-24c88aaa.js');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.2.0-rc.80",
3
+ "version": "1.2.0-rc.81",
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 AssetGallery = require('../../AssetGallery-71d9aeac.js');
3
+ var AssetGallery = require('../../AssetGallery-40695055.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -32,16 +32,16 @@ require('../../ActionButton-46735b89.js');
32
32
  require('../../Button-49f82b31.js');
33
33
  require('../../ContextMenu-4ec3d9f3.js');
34
34
  require('../../expand-more-94585605.js');
35
- require('../../CompactAutocompleteSelect-9425bd2e.js');
35
+ require('../../CompactAutocompleteSelect-c3e344f9.js');
36
36
  require('react-select');
37
37
  require('react-select-async-paginate');
38
38
  require('../../react-select-creatable.esm-2f23d6c6.js');
39
39
  require('react-dom');
40
- require('../../CompactStarRating-7d7ad40e.js');
41
- require('../../CompactTextInput-86d0b82c.js');
42
- require('../../MultiSelect-4b8d3d0d.js');
40
+ require('../../CompactStarRating-0303d646.js');
41
+ require('../../CompactTextInput-8d962bef.js');
42
+ require('../../MultiSelect-efd60232.js');
43
43
  require('../../Radio-32d0513a.js');
44
- require('../../TextArea-a215d377.js');
44
+ require('../../TextArea-65ab87ba.js');
45
45
  require('../../Switch-4a41585f.js');
46
46
  require('../../ContextMenuItem-ba2b697e.js');
47
47
 
package/widgets/Instructions/index.js CHANGED
@@ -1,12 +1,12 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-d6d5b998.js');
3
+ var Instructions = require('../../Instructions-68d8dfb2.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('lodash');
7
7
  require('react');
8
8
  require('../../warning-circle-24522402.js');
9
- require('../../CompactAutocompleteSelect-9425bd2e.js');
9
+ require('../../CompactAutocompleteSelect-c3e344f9.js');
10
10
  require('nanoid');
11
11
  require('../../Alert-13b75102.js');
12
12
  require('../../Badge-aec841c8.js');
@@ -25,7 +25,7 @@ require('../../react-select-creatable.esm-2f23d6c6.js');
25
25
  require('react-dom');
26
26
  require('../../close-ebf2f3cf.js');
27
27
  require('../../expand-more-94585605.js');
28
- require('../../TextArea-a215d377.js');
28
+ require('../../TextArea-65ab87ba.js');
29
29
  require('../../useMergedRefs-b6d2f8fc.js');
30
30
  require('../../edit-note-c47d292e.js');
31
31
 
package/widgets/index.js CHANGED
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetGallery = require('../AssetGallery-71d9aeac.js');
5
+ var AssetGallery = require('../AssetGallery-40695055.js');
6
6
  var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-912c3469.js');
8
- var Instructions = require('../Instructions-d6d5b998.js');
8
+ var Instructions = require('../Instructions-68d8dfb2.js');
9
9
  require('../defaultTheme-ea44e34a.js');
10
10
  require('styled-components');
11
11
  require('lodash');
@@ -36,16 +36,16 @@ require('../warning-circle-24522402.js');
36
36
  require('../ActionButton-46735b89.js');
37
37
  require('../Button-49f82b31.js');
38
38
  require('../expand-more-94585605.js');
39
- require('../CompactAutocompleteSelect-9425bd2e.js');
39
+ require('../CompactAutocompleteSelect-c3e344f9.js');
40
40
  require('react-select');
41
41
  require('react-select-async-paginate');
42
42
  require('../react-select-creatable.esm-2f23d6c6.js');
43
43
  require('react-dom');
44
- require('../CompactStarRating-7d7ad40e.js');
45
- require('../CompactTextInput-86d0b82c.js');
46
- require('../MultiSelect-4b8d3d0d.js');
44
+ require('../CompactStarRating-0303d646.js');
45
+ require('../CompactTextInput-8d962bef.js');
46
+ require('../MultiSelect-efd60232.js');
47
47
  require('../Radio-32d0513a.js');
48
- require('../TextArea-a215d377.js');
48
+ require('../TextArea-65ab87ba.js');
49
49
  require('../Switch-4a41585f.js');
50
50
  require('../ContextMenuItem-ba2b697e.js');
51
51