@ntbjs/react-components 1.1.0-beta.38 → 1.1.0-beta.39

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/{AssetGallery-4d256e9a.js → AssetGallery-509fa6a5.js} +2 -2
  2. package/{CompactTextInput-2988c661.js → CompactTextInput-04cc82f6.js} +1 -1
  3. package/{Instructions-e13b0a85.js → Instructions-874d6595.js} +1 -1
  4. package/{TextArea-efe4fa88.js → TextArea-d1ace954.js} +3 -3
  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 +3 -3
  10. package/widgets/Instructions/index.js +2 -2
  11. package/widgets/index.js +4 -4
package/{AssetGallery-4d256e9a.js → AssetGallery-509fa6a5.js} RENAMED
@@ -11,10 +11,10 @@ require('./AutocompleteSelect-8ebb82de.js');
11
11
  require('./Button-32e38cc9.js');
12
12
  require('./Checkbox-50f1f3c7.js');
13
13
  require('./CompactStarRating-f05e7414.js');
14
- require('./CompactTextInput-2988c661.js');
14
+ require('./CompactTextInput-04cc82f6.js');
15
15
  require('./MultiSelect-873f707d.js');
16
16
  require('./Radio-0b46b2a8.js');
17
- require('./TextArea-efe4fa88.js');
17
+ require('./TextArea-d1ace954.js');
18
18
  require('./Switch-aa384260.js');
19
19
  require('./Alert-fcc0bb50.js');
20
20
  require('./Badge-34ad2850.js');
package/{CompactTextInput-2988c661.js → CompactTextInput-04cc82f6.js} RENAMED
@@ -62,7 +62,7 @@ var InputIconContainer = styled__default['default'].div.attrs(defaultTheme.apply
62
62
  }, function (props) {
63
63
  return props.error && props.theme.themeProp('color', '#CB968F', '#CB968F');
64
64
  });
65
- var Input = styled__default['default'].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = 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 ", "\n padding: 1px 4px;\n ", ";\n border-radius: 3px;\n border: 1px solid transparent;\n text-overflow: ellipsis;\n \n ", ";\n\n &&:not(:hover):not(:focus) {\n ", ";\n ", ";\n }\n\n &&:hover:not(:focus) {\n ", ";\n\n ", ";\n\n ", ";\n\n & + ", " {\n opacity: 1;\n }\n }\n\n &&:focus {\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) {
65
+ var Input = styled__default['default'].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = 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 ", "\n padding: 1px 10px;\n ", ";\n border-radius: 3px;\n border: 1px solid transparent;\n text-overflow: ellipsis;\n\n ", ";\n\n &&:not(:hover):not(:focus) {\n ", ";\n ", ";\n }\n\n &&:hover:not(:focus) {\n ", ";\n\n ", ";\n\n ", ";\n\n & + ", " {\n opacity: 1;\n }\n }\n\n &&:focus {\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) {
66
66
  return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
67
67
  }, function (props) {
68
68
  return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
package/{Instructions-e13b0a85.js → Instructions-874d6595.js} RENAMED
@@ -3,7 +3,7 @@
3
3
  var defaultTheme = require('./defaultTheme-870f7df1.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
- var TextArea = require('./TextArea-efe4fa88.js');
6
+ var TextArea = require('./TextArea-d1ace954.js');
7
7
  var AutocompleteSelect = require('./AutocompleteSelect-8ebb82de.js');
8
8
  var warningCircle = require('./warning-circle-24522402.js');
9
9
  var lodash = require('lodash');
package/{TextArea-efe4fa88.js → TextArea-d1ace954.js} RENAMED
@@ -31,7 +31,7 @@ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.appl
31
31
  }, function (props) {
32
32
  return props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'));
33
33
  }, function (props) {
34
- return props.noBorder && styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n border-color: transparent !important;\n "])));
34
+ return props.noBorder && styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n padding: 13px 15px 13px 10px;\n border-color: transparent !important;\n "])));
35
35
  }, function (props) {
36
36
  return props.warningAlert && styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n background: ", " !important;\n :focus {\n background: white !important;\n }\n &&:hover:not(:focus) {\n background: ", " !important;\n }\n &&:read-only:hover {\n background: ", " !important;\n }\n "])), props.theme.getColor('signal-yellow-400'), props.theme.getColor('signal-yellow-500'), props.theme.getColor('signal-yellow-400'));
37
37
  }, function (props) {
@@ -47,7 +47,7 @@ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.appl
47
47
  }, function (props) {
48
48
  return props.hasIcon && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 35px;\n "])));
49
49
  }, function (props) {
50
- return (props.warningAlert || props.errorAlert) && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 60px;\n padding-top: 25px;\n padding-right: 30px;\n "])));
50
+ return (props.warningAlert || props.errorAlert) && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 30px;\n padding-top: 25px;\n padding-right: 30px;\n "])));
51
51
  }, function (props) {
52
52
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'), 1);
53
53
  }, function (props) {
@@ -65,7 +65,7 @@ var TextInputLabel = styled__default['default'].label.attrs(defaultTheme.applyDe
65
65
  return props.hasIcon && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n left: 35px;\n "])));
66
66
  });
67
67
  var TextInputFieldIcon = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n height: 2.625rem;\n display: flex;\n padding: 0 10px;\n\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n }\n"])));
68
- var TextInputFieldIconAlert = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 13px;\n left: 25px;\n height: 2.625rem;\n display: flex;\n padding: 0 10px;\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n ", "\n }\n"])), function (props) {
68
+ var TextInputFieldIconAlert = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 13px;\n height: 2.625rem;\n display: flex;\n padding: 0 10px;\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n ", "\n }\n"])), function (props) {
69
69
  return props.theme.themeProp('color', props.theme.getColor('gray-600'), props.theme.getColor('gray-600'), 1);
70
70
  });
71
71
  var TextInput = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n\n &:focus-within {\n ", " {\n ", ";\n }\n\n ", " {\n svg {\n opacity: 1;\n }\n }\n }\n\n ", ":not(:placeholder-shown) + ", " {\n ", ";\n ", "\n }\n\n ", "\n"])), TextInputLabel, activeLabel, TextInputFieldIcon, TextInputField, TextInputLabel, activeLabel, function (props) {
package/inputs/CompactTextInput/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-2988c661.js');
3
+ var CompactTextInput = require('../../CompactTextInput-04cc82f6.js');
4
4
  require('../../defaultTheme-870f7df1.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-efe4fa88.js');
3
+ var TextArea = require('../../TextArea-d1ace954.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/index.js CHANGED
@@ -7,10 +7,10 @@ var AutocompleteSelect = require('../AutocompleteSelect-8ebb82de.js');
7
7
  var Button = require('../Button-32e38cc9.js');
8
8
  var Checkbox = require('../Checkbox-50f1f3c7.js');
9
9
  var CompactStarRating = require('../CompactStarRating-f05e7414.js');
10
- var CompactTextInput = require('../CompactTextInput-2988c661.js');
10
+ var CompactTextInput = require('../CompactTextInput-04cc82f6.js');
11
11
  var MultiSelect = require('../MultiSelect-873f707d.js');
12
12
  var Radio = require('../Radio-0b46b2a8.js');
13
- var TextArea = require('../TextArea-efe4fa88.js');
13
+ var TextArea = require('../TextArea-d1ace954.js');
14
14
  var TextInput = require('../TextInput-e4c6d536.js');
15
15
  var Switch = require('../Switch-aa384260.js');
16
16
  require('../defaultTheme-870f7df1.js');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.1.0-beta.38",
3
+ "version": "1.1.0-beta.39",
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-4d256e9a.js');
3
+ var AssetGallery = require('../../AssetGallery-509fa6a5.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -26,7 +26,7 @@ require('../../shift-away-subtle-0bdd3b0d.js');
26
26
  require('../../ContextMenu-59c2a64f.js');
27
27
  require('../../Checkbox-50f1f3c7.js');
28
28
  require('../../CompactStarRating-f05e7414.js');
29
- require('../../CompactTextInput-2988c661.js');
29
+ require('../../CompactTextInput-04cc82f6.js');
30
30
  require('../../Alert-fcc0bb50.js');
31
31
  require('../../Badge-34ad2850.js');
32
32
  require('../../Tab-075c8c0a.js');
@@ -34,7 +34,7 @@ require('../../Tabs-6584e003.js');
34
34
  require('../../Tooltip-e7f59097.js');
35
35
  require('../../MultiSelect-873f707d.js');
36
36
  require('../../Radio-0b46b2a8.js');
37
- require('../../TextArea-efe4fa88.js');
37
+ require('../../TextArea-d1ace954.js');
38
38
  require('../../Switch-aa384260.js');
39
39
  require('../../warning-circle-24522402.js');
40
40
 
package/widgets/Instructions/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-e13b0a85.js');
3
+ var Instructions = require('../../Instructions-874d6595.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
7
- require('../../TextArea-efe4fa88.js');
7
+ require('../../TextArea-d1ace954.js');
8
8
  require('nanoid');
9
9
  require('lodash');
10
10
  require('../../edit-note-c47d292e.js');
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-4d256e9a.js');
5
+ var AssetGallery = require('../AssetGallery-509fa6a5.js');
6
6
  var ContextMenu = require('../ContextMenu-59c2a64f.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-020a6f96.js');
8
- var Instructions = require('../Instructions-e13b0a85.js');
8
+ var Instructions = require('../Instructions-874d6595.js');
9
9
  require('../defaultTheme-870f7df1.js');
10
10
  require('styled-components');
11
11
  require('react');
@@ -30,7 +30,7 @@ require('@tippyjs/react');
30
30
  require('../shift-away-subtle-0bdd3b0d.js');
31
31
  require('../Checkbox-50f1f3c7.js');
32
32
  require('../CompactStarRating-f05e7414.js');
33
- require('../CompactTextInput-2988c661.js');
33
+ require('../CompactTextInput-04cc82f6.js');
34
34
  require('../Alert-fcc0bb50.js');
35
35
  require('../Badge-34ad2850.js');
36
36
  require('../Tab-075c8c0a.js');
@@ -38,7 +38,7 @@ require('../Tabs-6584e003.js');
38
38
  require('../Tooltip-e7f59097.js');
39
39
  require('../MultiSelect-873f707d.js');
40
40
  require('../Radio-0b46b2a8.js');
41
- require('../TextArea-efe4fa88.js');
41
+ require('../TextArea-d1ace954.js');
42
42
  require('../Switch-aa384260.js');
43
43
  require('../warning-circle-24522402.js');
44
44