@ntbjs/react-components 1.1.0-beta.16 → 1.1.0-beta.18

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.
@@ -8,10 +8,10 @@ var ResizeObserver = require('resize-observer-polyfill');
8
8
  var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
9
9
  var ActionButton = require('./ActionButton-90485300.js');
10
10
  require('./AutocompleteSelect-e82bd937.js');
11
- require('./Button-75173213.js');
11
+ require('./Button-0df54220.js');
12
12
  require('./Checkbox-50f1f3c7.js');
13
13
  require('./CompactStarRating-f7a58649.js');
14
- require('./CompactTextInput-54f3c526.js');
14
+ require('./CompactTextInput-46a00295.js');
15
15
  require('./MultiSelect-3eca3c3e.js');
16
16
  require('./Radio-0b46b2a8.js');
17
17
  require('./TextArea-efe4fa88.js');
@@ -19,9 +19,9 @@ require('./Switch-aa384260.js');
19
19
  require('./Alert-fcc0bb50.js');
20
20
  require('./Badge-34ad2850.js');
21
21
  require('./Popover-de874e41.js');
22
- require('./Tab-51124003.js');
23
- require('./Tabs-452079b5.js');
24
- var Tooltip = require('./Tooltip-7613434e.js');
22
+ require('./Tab-fc380f0b.js');
23
+ require('./Tabs-0aa159fa.js');
24
+ var Tooltip = require('./Tooltip-8c51cc72.js');
25
25
  var styled = require('styled-components');
26
26
  var polished = require('polished');
27
27
  var warningCircle = require('./warning-circle-24522402.js');
@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-870f7df1.js');
4
4
  var React = require('react');
5
5
  var styled = require('styled-components');
6
6
  var Popover = require('./Popover-de874e41.js');
7
- var ContextMenu = require('./ContextMenu-a68d4f28.js');
7
+ var ContextMenu = require('./ContextMenu-ccb7a26a.js');
8
8
  var expandMore = require('./expand-more-94585605.js');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -9,9 +9,9 @@ var editNote = require('./edit-note-c47d292e.js');
9
9
  require('./Alert-fcc0bb50.js');
10
10
  require('./Badge-34ad2850.js');
11
11
  var Popover = require('./Popover-de874e41.js');
12
- require('./Tab-51124003.js');
13
- require('./Tabs-452079b5.js');
14
- var Tooltip = require('./Tooltip-7613434e.js');
12
+ require('./Tab-fc380f0b.js');
13
+ require('./Tabs-0aa159fa.js');
14
+ var Tooltip = require('./Tooltip-8c51cc72.js');
15
15
 
16
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
17
 
@@ -25,7 +25,7 @@ var ContextMenu = React__default['default'].forwardRef(function ContextMenu(_ref
25
25
  }), children);
26
26
  });
27
27
  ContextMenu.propTypes = process.env.NODE_ENV !== "production" ? {
28
- children: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.node).isRequired
28
+ children: defaultTheme.PropTypes.array
29
29
  } : {};
30
30
  ContextMenu.defaultProps = {};
31
31
 
@@ -19,13 +19,13 @@ var Instructions$1 = styled__default['default'].div.attrs(defaultTheme.applyDefa
19
19
  }, function (props) {
20
20
  return props.initialHover && props.theme.themeProp('background', '#FFFDE8', '#FFFDE8');
21
21
  });
22
- var TopBarContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n display: flex;\n justify-content: end;\n ", ";\n\n ", ";\n\n width: 100%;\n margin-top: 0;\n transition: margin-top 120ms;\n &&.slide-in {\n margin-top: -27px;\n }\n"])), function (props) {
22
+ var TopBarContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n display: flex;\n justify-content: end;\n ", ";\n\n ", ";\n\n width: 100%;\n margin-top: 0;\n transition: margin-top 120ms;\n &&.slide-in {\n margin-top: -24px;\n }\n"])), function (props) {
23
23
  return props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
24
24
  }, function (props) {
25
25
  return props.initialHover && props.theme.themeProp('background', '#FFFDE8', '#FFFDE8');
26
26
  });
27
- var SelectContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n width: 35%;\n margin-right: 2px;\n padding-bottom: 3px;\n"])));
28
- var InstructionsArea = styled__default['default'].p.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n margin: 0;\n width: 99.5% !important;\n margin: auto;\n ", ";\n"])), function (props) {
27
+ var SelectContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n width: 25%;\n margin-right: 3px;\n"])));
28
+ var InstructionsArea = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n margin: 0;\n width: 99.5% !important;\n margin: auto;\n ", ";\n"])), function (props) {
29
29
  return props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
30
30
  });
31
31
 
@@ -23,7 +23,7 @@ var Tab = React__default['default'].forwardRef(function Tab(_ref, forwardedRef)
23
23
  }, props), children);
24
24
  });
25
25
  Tab.propTypes = process.env.NODE_ENV !== "production" ? {
26
- children: defaultTheme.PropTypes.array
26
+ children: defaultTheme.PropTypes.string
27
27
  } : {};
28
28
  Tab.defaultProps = {};
29
29
 
@@ -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 Tab = require('./Tab-51124003.js');
6
+ var Tab = require('./Tab-fc380f0b.js');
7
7
  var lodash = require('lodash');
8
8
 
9
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -92,7 +92,7 @@ var Tabs = React__default['default'].forwardRef(function Tabs(_ref, forwardedRef
92
92
  })));
93
93
  });
94
94
  Tabs.propTypes = process.env.NODE_ENV !== "production" ? {
95
- children: defaultTheme.PropTypes.element
95
+ children: defaultTheme.PropTypes.array
96
96
  } : {};
97
97
  Tabs.defaultProps = {};
98
98
 
@@ -21,7 +21,7 @@ var Tooltip$1 = styled__default['default'](TippyTooltip__default['default']).att
21
21
  return props.theme.getColor('gray-700');
22
22
  });
23
23
 
24
- var Tooltip = React__default['default'].forwardRef(function Tooltip(_ref, forwardedRef) {
24
+ var Tooltip = React__default['default'].forwardRef(function Tooltip(_ref, ref) {
25
25
  var content = _ref.content,
26
26
  interactive = _ref.interactive,
27
27
  placement = _ref.placement,
@@ -31,7 +31,7 @@ var Tooltip = React__default['default'].forwardRef(function Tooltip(_ref, forwar
31
31
  props = defaultTheme._objectWithoutProperties(_ref, ["content", "interactive", "placement", "duration", "trigger", "children"]);
32
32
 
33
33
  return React__default['default'].createElement(Tooltip$1, defaultTheme._extends({
34
- ref: forwardedRef,
34
+ ref: ref,
35
35
  content: content,
36
36
  interactive: interactive,
37
37
  placement: placement,
@@ -53,7 +53,7 @@ Tooltip.propTypes = process.env.NODE_ENV !== "production" ? {
53
53
  placement: defaultTheme.PropTypes.oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', 'auto-end']),
54
54
  duration: defaultTheme.PropTypes.number,
55
55
  trigger: defaultTheme.PropTypes.oneOf(['mouseenter', 'mouseenter focus', 'click', 'focusin', 'mouseenter click']),
56
- children: defaultTheme.PropTypes.oneOf([defaultTheme.PropTypes.node, defaultTheme.PropTypes.element])
56
+ children: defaultTheme.PropTypes.node
57
57
  } : {};
58
58
 
59
59
  exports.Tooltip = Tooltip;
package/data/Tab/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Tab = require('../../Tab-51124003.js');
3
+ var Tab = require('../../Tab-fc380f0b.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var Tabs = require('../../Tabs-452079b5.js');
3
+ var Tabs = require('../../Tabs-0aa159fa.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
7
- require('../../Tab-51124003.js');
7
+ require('../../Tab-fc380f0b.js');
8
8
  require('lodash');
9
9
 
10
10
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Tooltip = require('../../Tooltip-7613434e.js');
3
+ var Tooltip = require('../../Tooltip-8c51cc72.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
package/data/index.js CHANGED
@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var Alert = require('../Alert-fcc0bb50.js');
6
6
  var Badge = require('../Badge-34ad2850.js');
7
7
  var Popover = require('../Popover-de874e41.js');
8
- var Tab = require('../Tab-51124003.js');
9
- var Tabs = require('../Tabs-452079b5.js');
10
- var Tooltip = require('../Tooltip-7613434e.js');
8
+ var Tab = require('../Tab-fc380f0b.js');
9
+ var Tabs = require('../Tabs-0aa159fa.js');
10
+ var Tooltip = require('../Tooltip-8c51cc72.js');
11
11
  require('../defaultTheme-870f7df1.js');
12
12
  require('styled-components');
13
13
  require('react');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button-75173213.js');
3
+ var Button = require('../../Button-0df54220.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -9,7 +9,7 @@ require('lodash');
9
9
  require('polished');
10
10
  require('@tippyjs/react');
11
11
  require('../../shift-away-subtle-0bdd3b0d.js');
12
- require('../../ContextMenu-a68d4f28.js');
12
+ require('../../ContextMenu-ccb7a26a.js');
13
13
  require('../../expand-more-94585605.js');
14
14
 
15
15
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-54f3c526.js');
3
+ var CompactTextInput = require('../../CompactTextInput-46a00295.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -13,9 +13,9 @@ require('../../Popover-de874e41.js');
13
13
  require('polished');
14
14
  require('@tippyjs/react');
15
15
  require('../../shift-away-subtle-0bdd3b0d.js');
16
- require('../../Tab-51124003.js');
17
- require('../../Tabs-452079b5.js');
18
- require('../../Tooltip-7613434e.js');
16
+ require('../../Tab-fc380f0b.js');
17
+ require('../../Tabs-0aa159fa.js');
18
+ require('../../Tooltip-8c51cc72.js');
19
19
 
20
20
 
21
21
 
package/inputs/index.js CHANGED
@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var ActionButton = require('../ActionButton-90485300.js');
6
6
  var AutocompleteSelect = require('../AutocompleteSelect-e82bd937.js');
7
- var Button = require('../Button-75173213.js');
7
+ var Button = require('../Button-0df54220.js');
8
8
  var Checkbox = require('../Checkbox-50f1f3c7.js');
9
9
  var CompactStarRating = require('../CompactStarRating-f7a58649.js');
10
- var CompactTextInput = require('../CompactTextInput-54f3c526.js');
10
+ var CompactTextInput = require('../CompactTextInput-46a00295.js');
11
11
  var MultiSelect = require('../MultiSelect-3eca3c3e.js');
12
12
  var Radio = require('../Radio-0b46b2a8.js');
13
13
  var TextArea = require('../TextArea-efe4fa88.js');
@@ -28,13 +28,13 @@ require('../Popover-de874e41.js');
28
28
  require('polished');
29
29
  require('@tippyjs/react');
30
30
  require('../shift-away-subtle-0bdd3b0d.js');
31
- require('../ContextMenu-a68d4f28.js');
31
+ require('../ContextMenu-ccb7a26a.js');
32
32
  require('../edit-note-c47d292e.js');
33
33
  require('../Alert-fcc0bb50.js');
34
34
  require('../Badge-34ad2850.js');
35
- require('../Tab-51124003.js');
36
- require('../Tabs-452079b5.js');
37
- require('../Tooltip-7613434e.js');
35
+ require('../Tab-fc380f0b.js');
36
+ require('../Tabs-0aa159fa.js');
37
+ require('../Tooltip-8c51cc72.js');
38
38
 
39
39
 
40
40
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.1.0-beta.16",
3
+ "version": "1.1.0-beta.18",
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",
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var AssetGallery = require('../../AssetGallery-94b7a3c3.js');
3
+ var AssetGallery = require('../../AssetGallery-6674f6cf.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -18,20 +18,20 @@ require('react-dom');
18
18
  require('react-select-async-paginate');
19
19
  require('../../close-ebf2f3cf.js');
20
20
  require('../../expand-more-94585605.js');
21
- require('../../Button-75173213.js');
21
+ require('../../Button-0df54220.js');
22
22
  require('../../Popover-de874e41.js');
23
23
  require('polished');
24
24
  require('@tippyjs/react');
25
25
  require('../../shift-away-subtle-0bdd3b0d.js');
26
- require('../../ContextMenu-a68d4f28.js');
26
+ require('../../ContextMenu-ccb7a26a.js');
27
27
  require('../../Checkbox-50f1f3c7.js');
28
28
  require('../../CompactStarRating-f7a58649.js');
29
- require('../../CompactTextInput-54f3c526.js');
29
+ require('../../CompactTextInput-46a00295.js');
30
30
  require('../../Alert-fcc0bb50.js');
31
31
  require('../../Badge-34ad2850.js');
32
- require('../../Tab-51124003.js');
33
- require('../../Tabs-452079b5.js');
34
- require('../../Tooltip-7613434e.js');
32
+ require('../../Tab-fc380f0b.js');
33
+ require('../../Tabs-0aa159fa.js');
34
+ require('../../Tooltip-8c51cc72.js');
35
35
  require('../../MultiSelect-3eca3c3e.js');
36
36
  require('../../Radio-0b46b2a8.js');
37
37
  require('../../TextArea-efe4fa88.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var ContextMenu = require('../../ContextMenu-a68d4f28.js');
3
+ var ContextMenu = require('../../ContextMenu-ccb7a26a.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-1b2882fb.js');
3
+ var Instructions = require('../../Instructions-b510f4c3.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
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-94b7a3c3.js');
6
- var ContextMenu = require('../ContextMenu-a68d4f28.js');
5
+ var AssetGallery = require('../AssetGallery-6674f6cf.js');
6
+ var ContextMenu = require('../ContextMenu-ccb7a26a.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-020a6f96.js');
8
- var Instructions = require('../Instructions-1b2882fb.js');
8
+ var Instructions = require('../Instructions-b510f4c3.js');
9
9
  require('../defaultTheme-870f7df1.js');
10
10
  require('styled-components');
11
11
  require('react');
@@ -23,19 +23,19 @@ require('react-dom');
23
23
  require('react-select-async-paginate');
24
24
  require('../close-ebf2f3cf.js');
25
25
  require('../expand-more-94585605.js');
26
- require('../Button-75173213.js');
26
+ require('../Button-0df54220.js');
27
27
  require('../Popover-de874e41.js');
28
28
  require('polished');
29
29
  require('@tippyjs/react');
30
30
  require('../shift-away-subtle-0bdd3b0d.js');
31
31
  require('../Checkbox-50f1f3c7.js');
32
32
  require('../CompactStarRating-f7a58649.js');
33
- require('../CompactTextInput-54f3c526.js');
33
+ require('../CompactTextInput-46a00295.js');
34
34
  require('../Alert-fcc0bb50.js');
35
35
  require('../Badge-34ad2850.js');
36
- require('../Tab-51124003.js');
37
- require('../Tabs-452079b5.js');
38
- require('../Tooltip-7613434e.js');
36
+ require('../Tab-fc380f0b.js');
37
+ require('../Tabs-0aa159fa.js');
38
+ require('../Tooltip-8c51cc72.js');
39
39
  require('../MultiSelect-3eca3c3e.js');
40
40
  require('../Radio-0b46b2a8.js');
41
41
  require('../TextArea-efe4fa88.js');