@ntbjs/react-components 1.1.0-beta.13 → 1.1.0-beta.15

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,20 +8,20 @@ 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-e6a6139c.js');
11
+ require('./Button-75173213.js');
12
12
  require('./Checkbox-50f1f3c7.js');
13
13
  require('./CompactStarRating-f7a58649.js');
14
- require('./CompactTextInput-cd701b06.js');
14
+ require('./CompactTextInput-fa031569.js');
15
15
  require('./MultiSelect-3eca3c3e.js');
16
16
  require('./Radio-0b46b2a8.js');
17
17
  require('./TextArea-efe4fa88.js');
18
18
  require('./Switch-aa384260.js');
19
19
  require('./Alert-fcc0bb50.js');
20
20
  require('./Badge-34ad2850.js');
21
- require('./Popover-63d38274.js');
21
+ require('./Popover-de874e41.js');
22
22
  require('./Tab-51124003.js');
23
23
  require('./Tabs-452079b5.js');
24
- var Tooltip = require('./Tooltip-7c57004f.js');
24
+ var Tooltip = require('./Tooltip-11f63557.js');
25
25
  var styled = require('styled-components');
26
26
  var polished = require('polished');
27
27
  var warningCircle = require('./warning-circle-24522402.js');
@@ -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 Popover = require('./Popover-63d38274.js');
6
+ var Popover = require('./Popover-de874e41.js');
7
7
  var ContextMenu = require('./ContextMenu-a68d4f28.js');
8
8
  var expandMore = require('./expand-more-94585605.js');
9
9
 
@@ -8,10 +8,10 @@ var styled = require('styled-components');
8
8
  var editNote = require('./edit-note-c47d292e.js');
9
9
  require('./Alert-fcc0bb50.js');
10
10
  require('./Badge-34ad2850.js');
11
- var Popover = require('./Popover-63d38274.js');
11
+ var Popover = require('./Popover-de874e41.js');
12
12
  require('./Tab-51124003.js');
13
13
  require('./Tabs-452079b5.js');
14
- var Tooltip = require('./Tooltip-7c57004f.js');
14
+ var Tooltip = require('./Tooltip-11f63557.js');
15
15
 
16
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
17
 
@@ -6,6 +6,7 @@ var lodash = require('lodash');
6
6
  var styled = require('styled-components');
7
7
  var polished = require('polished');
8
8
  var TippyTooltip = require('@tippyjs/react');
9
+ require('./shift-away-subtle-0bdd3b0d.js');
9
10
 
10
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
12
 
@@ -13,12 +14,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
14
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
14
15
  var TippyTooltip__default = /*#__PURE__*/_interopDefaultLegacy(TippyTooltip);
15
16
 
16
- var css_248z$1 = ".tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:\"\";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}";
17
- defaultTheme.styleInject(css_248z$1);
18
-
19
- var css_248z = ".tippy-box[data-animation=shift-away-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top]{transform:translateY(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom]{transform:translateY(-5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left]{transform:translateX(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right]{transform:translateX(-5px)}";
20
- defaultTheme.styleInject(css_248z);
21
-
22
17
  var _templateObject, _templateObject2, _templateObject3;
23
18
  var Popover$1 = styled__default['default'](TippyTooltip__default['default']).attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n font-size: 1rem;\n font-weight: 400;\n color: inherit;\n border-radius: 0;\n line-height: inherit;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n .tippy-content {\n padding: 0;\n }\n\n .tippy-arrow {\n ", "\n }\n\n && > .tippy-arrow::before {\n position: absolute;\n border-color: transparent;\n border-style: solid;\n }\n\n & > .tippy-arrow::after {\n content: '';\n position: absolute;\n border-color: transparent;\n border-style: solid;\n }\n\n &[data-placement^='top'] {\n & > .tippy-arrow:before {\n bottom: -16px;\n left: -5px;\n border-width: 15px 13px 0;\n ", "\n }\n\n & > .tippy-arrow:after {\n bottom: -15px;\n left: -5px;\n border-width: 15px 13px 0;\n border-top-color: initial;\n transform-origin: center top;\n }\n }\n\n &[data-placement^='right'] {\n & > .tippy-arrow:before {\n bottom: -5px;\n left: -16px;\n border-width: 13px 15px 13px 0;\n ", "\n }\n\n & > .tippy-arrow:after {\n bottom: -5px;\n left: -15px;\n border-width: 13px 15px 13px 0;\n border-right-color: initial;\n transform-origin: center top;\n }\n }\n\n &[data-placement^='bottom'] {\n & > .tippy-arrow:before {\n top: -16px;\n left: -5px;\n border-width: 0 13px 15px 13px;\n ", "\n }\n\n & > .tippy-arrow:after {\n top: -15px;\n left: -5px;\n border-width: 0 13px 15px 13px;\n border-bottom-color: initial;\n transform-origin: center top;\n }\n }\n\n &[data-placement^='left'] {\n & > .tippy-arrow::before {\n bottom: -5px;\n right: -16px;\n border-width: 13px 0 13px 15px;\n ", "\n }\n\n & > .tippy-arrow::after {\n bottom: -5px;\n right: -15px;\n border-width: 13px 0 13px 15px;\n border-left-color: initial;\n transform-origin: center top;\n }\n }\n"])), function (props) {
24
19
  return props.theme.primaryFontFamily;
@@ -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 TippyTooltip = require('@tippyjs/react');
7
- require('./Popover-63d38274.js');
7
+ require('./shift-away-subtle-0bdd3b0d.js');
8
8
 
9
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
10
 
@@ -1,12 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var Popover = require('../../Popover-63d38274.js');
3
+ var Popover = require('../../Popover-de874e41.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('lodash');
8
8
  require('polished');
9
9
  require('@tippyjs/react');
10
+ require('../../shift-away-subtle-0bdd3b0d.js');
10
11
 
11
12
 
12
13
 
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ var Tooltip = require('../../Tooltip-11f63557.js');
4
+ require('../../defaultTheme-870f7df1.js');
5
+ require('styled-components');
6
+ require('react');
7
+ require('@tippyjs/react');
8
+ require('../../shift-away-subtle-0bdd3b0d.js');
9
+
10
+
11
+
12
+ module.exports = Tooltip.Tooltip;
package/data/index.js CHANGED
@@ -4,16 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Alert = require('../Alert-fcc0bb50.js');
6
6
  var Badge = require('../Badge-34ad2850.js');
7
- var Popover = require('../Popover-63d38274.js');
7
+ var Popover = require('../Popover-de874e41.js');
8
8
  var Tab = require('../Tab-51124003.js');
9
9
  var Tabs = require('../Tabs-452079b5.js');
10
- var Tooltip = require('../Tooltip-7c57004f.js');
10
+ var Tooltip = require('../Tooltip-11f63557.js');
11
11
  require('../defaultTheme-870f7df1.js');
12
12
  require('styled-components');
13
13
  require('react');
14
14
  require('lodash');
15
15
  require('polished');
16
16
  require('@tippyjs/react');
17
+ require('../shift-away-subtle-0bdd3b0d.js');
17
18
 
18
19
 
19
20
 
@@ -1,13 +1,14 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button-e6a6139c.js');
3
+ var Button = require('../../Button-75173213.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
7
- require('../../Popover-63d38274.js');
7
+ require('../../Popover-de874e41.js');
8
8
  require('lodash');
9
9
  require('polished');
10
10
  require('@tippyjs/react');
11
+ require('../../shift-away-subtle-0bdd3b0d.js');
11
12
  require('../../ContextMenu-a68d4f28.js');
12
13
  require('../../expand-more-94585605.js');
13
14
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-cd701b06.js');
3
+ var CompactTextInput = require('../../CompactTextInput-fa031569.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -9,12 +9,13 @@ require('lodash');
9
9
  require('../../edit-note-c47d292e.js');
10
10
  require('../../Alert-fcc0bb50.js');
11
11
  require('../../Badge-34ad2850.js');
12
- require('../../Popover-63d38274.js');
12
+ require('../../Popover-de874e41.js');
13
13
  require('polished');
14
14
  require('@tippyjs/react');
15
+ require('../../shift-away-subtle-0bdd3b0d.js');
15
16
  require('../../Tab-51124003.js');
16
17
  require('../../Tabs-452079b5.js');
17
- require('../../Tooltip-7c57004f.js');
18
+ require('../../Tooltip-11f63557.js');
18
19
 
19
20
 
20
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-e6a6139c.js');
7
+ var Button = require('../Button-75173213.js');
8
8
  var Checkbox = require('../Checkbox-50f1f3c7.js');
9
9
  var CompactStarRating = require('../CompactStarRating-f7a58649.js');
10
- var CompactTextInput = require('../CompactTextInput-cd701b06.js');
10
+ var CompactTextInput = require('../CompactTextInput-fa031569.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');
@@ -24,16 +24,17 @@ require('react-dom');
24
24
  require('react-select-async-paginate');
25
25
  require('../close-ebf2f3cf.js');
26
26
  require('../expand-more-94585605.js');
27
- require('../Popover-63d38274.js');
27
+ require('../Popover-de874e41.js');
28
28
  require('polished');
29
29
  require('@tippyjs/react');
30
+ require('../shift-away-subtle-0bdd3b0d.js');
30
31
  require('../ContextMenu-a68d4f28.js');
31
32
  require('../edit-note-c47d292e.js');
32
33
  require('../Alert-fcc0bb50.js');
33
34
  require('../Badge-34ad2850.js');
34
35
  require('../Tab-51124003.js');
35
36
  require('../Tabs-452079b5.js');
36
- require('../Tooltip-7c57004f.js');
37
+ require('../Tooltip-11f63557.js');
37
38
 
38
39
 
39
40
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.1.0-beta.13",
3
+ "version": "1.1.0-beta.15",
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",
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ var defaultTheme = require('./defaultTheme-870f7df1.js');
4
+
5
+ var css_248z$1 = ".tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:\"\";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}";
6
+ defaultTheme.styleInject(css_248z$1);
7
+
8
+ var css_248z = ".tippy-box[data-animation=shift-away-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top]{transform:translateY(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom]{transform:translateY(-5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left]{transform:translateX(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right]{transform:translateX(-5px)}";
9
+ defaultTheme.styleInject(css_248z);
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var AssetGallery = require('../../AssetGallery-7a2417d6.js');
3
+ var AssetGallery = require('../../AssetGallery-cdc58626.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -18,19 +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-e6a6139c.js');
22
- require('../../Popover-63d38274.js');
21
+ require('../../Button-75173213.js');
22
+ require('../../Popover-de874e41.js');
23
23
  require('polished');
24
24
  require('@tippyjs/react');
25
+ require('../../shift-away-subtle-0bdd3b0d.js');
25
26
  require('../../ContextMenu-a68d4f28.js');
26
27
  require('../../Checkbox-50f1f3c7.js');
27
28
  require('../../CompactStarRating-f7a58649.js');
28
- require('../../CompactTextInput-cd701b06.js');
29
+ require('../../CompactTextInput-fa031569.js');
29
30
  require('../../Alert-fcc0bb50.js');
30
31
  require('../../Badge-34ad2850.js');
31
32
  require('../../Tab-51124003.js');
32
33
  require('../../Tabs-452079b5.js');
33
- require('../../Tooltip-7c57004f.js');
34
+ require('../../Tooltip-11f63557.js');
34
35
  require('../../MultiSelect-3eca3c3e.js');
35
36
  require('../../Radio-0b46b2a8.js');
36
37
  require('../../TextArea-efe4fa88.js');
package/widgets/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetGallery = require('../AssetGallery-7a2417d6.js');
5
+ var AssetGallery = require('../AssetGallery-cdc58626.js');
6
6
  var ContextMenu = require('../ContextMenu-a68d4f28.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-020a6f96.js');
8
8
  var Instructions = require('../Instructions-28bab5a0.js');
@@ -23,18 +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-e6a6139c.js');
27
- require('../Popover-63d38274.js');
26
+ require('../Button-75173213.js');
27
+ require('../Popover-de874e41.js');
28
28
  require('polished');
29
29
  require('@tippyjs/react');
30
+ require('../shift-away-subtle-0bdd3b0d.js');
30
31
  require('../Checkbox-50f1f3c7.js');
31
32
  require('../CompactStarRating-f7a58649.js');
32
- require('../CompactTextInput-cd701b06.js');
33
+ require('../CompactTextInput-fa031569.js');
33
34
  require('../Alert-fcc0bb50.js');
34
35
  require('../Badge-34ad2850.js');
35
36
  require('../Tab-51124003.js');
36
37
  require('../Tabs-452079b5.js');
37
- require('../Tooltip-7c57004f.js');
38
+ require('../Tooltip-11f63557.js');
38
39
  require('../MultiSelect-3eca3c3e.js');
39
40
  require('../Radio-0b46b2a8.js');
40
41
  require('../TextArea-efe4fa88.js');