@ntbjs/react-components 1.1.0-beta.11 → 1.1.0-beta.12

package/{ActionButton-90485300.js → ActionButton-055a0015.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var styled = require('styled-components');
 

package/{AssetGallery-1a3e0374.js → AssetGallery-90248e89.js}

@@ -1,26 +1,26 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var lodash = require('lodash');
-var TextInput = require('./TextInput-e4c6d536.js');
+var TextInput = require('./TextInput-a6a3def7.js');
 var ResizeObserver = require('resize-observer-polyfill');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
-var ActionButton = require('./ActionButton-90485300.js');
-require('./AutocompleteSelect-e82bd937.js');
-require('./Button-e6a6139c.js');
-require('./Checkbox-50f1f3c7.js');
-require('./CompactStarRating-f7a58649.js');
-require('./CompactTextInput-faf4ea96.js');
-require('./MultiSelect-3eca3c3e.js');
-require('./Radio-0b46b2a8.js');
-require('./TextArea-efe4fa88.js');
-require('./Switch-aa384260.js');
-require('./Popover-63d38274.js');
-var Tooltip = require('./Tooltip-7c57004f.js');
-require('./Tab-51124003.js');
-require('./Tabs-452079b5.js');
-require('./Badge-34ad2850.js');
+var ActionButton = require('./ActionButton-055a0015.js');
+require('./AutocompleteSelect-2face013.js');
+require('./Button-0fd88f25.js');
+require('./Checkbox-d35b1467.js');
+require('./CompactStarRating-908fb2f6.js');
+require('./CompactTextInput-c4430b82.js');
+require('./MultiSelect-0bd497c8.js');
+require('./Radio-4475fda3.js');
+require('./TextArea-9b32b467.js');
+require('./Switch-90225b6b.js');
+var Tooltip = require('./Tooltip-1bb4c3eb.js');
+require('./Badge-41d775cd.js');
+require('./Popover-8a8db474.js');
+require('./Tab-562a47c6.js');
+require('./Tabs-604c890b.js');
 var styled = require('styled-components');
 var polished = require('polished');
 
@@ -1406,3 +1406,4 @@ AssetGallery.defaultProps = {
 };
 
 exports.AssetGallery = AssetGallery;
+exports.SvgWarningCircle = SvgWarningCircle;

package/{AssetPreviewTopBar-020a6f96.js → AssetPreviewTopBar-285559bb.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var styled = require('styled-components');
 var close = require('./close-ebf2f3cf.js');

package/{AutocompleteSelect-e82bd937.js → AutocompleteSelect-2face013.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var nanoid = require('nanoid');
 var lodash = require('lodash');

package/{Badge-34ad2850.js → Badge-41d775cd.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var styled = require('styled-components');
 

package/{Button-e6a6139c.js → Button-0fd88f25.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var styled = require('styled-components');
-var Popover = require('./Popover-63d38274.js');
-var ContextMenu = require('./ContextMenu-a68d4f28.js');
+var Popover = require('./Popover-8a8db474.js');
+var ContextMenu = require('./ContextMenu-743bc688.js');
 var expandMore = require('./expand-more-94585605.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{Checkbox-50f1f3c7.js → Checkbox-d35b1467.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var nanoid = require('nanoid');
 var styled = require('styled-components');

package/{CompactStarRating-f7a58649.js → CompactStarRating-908fb2f6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var styled = require('styled-components');
 var lodash = require('lodash');

package/{CompactTextInput-faf4ea96.js → CompactTextInput-c4430b82.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var nanoid = require('nanoid');
 var lodash = require('lodash');
 var styled = require('styled-components');
 var editNote = require('./edit-note-c47d292e.js');
-var Popover = require('./Popover-63d38274.js');
-var Tooltip = require('./Tooltip-7c57004f.js');
-require('./Tab-51124003.js');
-require('./Tabs-452079b5.js');
-require('./Badge-34ad2850.js');
+var Tooltip = require('./Tooltip-1bb4c3eb.js');
+require('./Badge-41d775cd.js');
+var Popover = require('./Popover-8a8db474.js');
+require('./Tab-562a47c6.js');
+require('./Tabs-604c890b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/{ContextMenu-a68d4f28.js → ContextMenu-743bc688.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var styled = require('styled-components');
 

package/{InputGroup-66dd343c.js → InputGroup-0edfc701.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var styled = require('styled-components');
 

package/{MultiSelect-3eca3c3e.js → MultiSelect-0bd497c8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var styled = require('styled-components');
 var close = require('./close-ebf2f3cf.js');

package/{Popover-63d38274.js → Popover-8a8db474.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var lodash = require('lodash');
 var styled = require('styled-components');

package/{Radio-0b46b2a8.js → Radio-4475fda3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var nanoid = require('nanoid');
 var polished = require('polished');

package/{SectionSeparator-12aff748.js → SectionSeparator-183ba7cd.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var styled = require('styled-components');
 

package/{Switch-aa384260.js → Switch-90225b6b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var nanoid = require('nanoid');
 var polished = require('polished');

package/{Tab-51124003.js → Tab-562a47c6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var styled = require('styled-components');
 

package/{Tabs-452079b5.js → Tabs-604c890b.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var styled = require('styled-components');
-var Tab = require('./Tab-51124003.js');
+var Tab = require('./Tab-562a47c6.js');
 var lodash = require('lodash');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{TextArea-efe4fa88.js → TextArea-9b32b467.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var nanoid = require('nanoid');
 var styled = require('styled-components');

package/{TextInput-e4c6d536.js → TextInput-a6a3def7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
 var React = require('react');
 var nanoid = require('nanoid');
 var styled = require('styled-components');

package/Tooltip-1bb4c3eb.js

@@ -0,0 +1,107 @@
+'use strict';
+
+var React = require('react');
+var defaultTheme = require('./defaultTheme-1772c7ec.js');
+var styled = require('styled-components');
+var TippyTooltip = require('@tippyjs/react');
+require('./Popover-8a8db474.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var TippyTooltip__default = /*#__PURE__*/_interopDefaultLegacy(TippyTooltip);
+
+var _templateObject$1, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var BoxContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$1 || (_templateObject$1 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 17px 30px;\n  svg {\n    width: 12px;\n    padding-right: 5px;\n  }\n\n  ", "\n\n  ", "\n\n    ", ";\n\n  ", ";\n"])), function (props) {
+  return props.warning && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400')));
+}, function (props) {
+  return props.error && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('background', '#7F1B1B', props.theme.getColor('red-200')));
+}, function (props) {
+  return props.align === 'left' && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n      text-align: left;\n    "])));
+}, function (props) {
+  return props.align === 'center' && styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n      text-align: center;\n    "])));
+});
+var Alert$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  width: 100%;\n"])));
+
+var Alert = React__default['default'].forwardRef(function Alert(_ref, forwardedRef) {
+  var warning = _ref.warning,
+      error = _ref.error,
+      children = _ref.children,
+      align = _ref.align,
+      icon = _ref.icon;
+
+  var boxRender = function boxRender(warning, error) {
+    if (warning) {
+      return React__default['default'].createElement(Alert$1, null, icon, " ", children);
+    } else if (error) {
+      return React__default['default'].createElement(Alert$1, null, icon, " ", children);
+    }
+  };
+
+  return React__default['default'].createElement(BoxContainer, {
+    ref: forwardedRef,
+    warning: warning,
+    error: error,
+    align: align
+  }, boxRender(warning, error));
+});
+Alert.propTypes = process.env.NODE_ENV !== "production" ? {
+  warning: defaultTheme.PropTypes.bool,
+  error: defaultTheme.PropTypes.bool,
+  icon: defaultTheme.PropTypes.element,
+  align: defaultTheme.PropTypes.oneOf(['left', 'center']),
+  children: defaultTheme.PropTypes.element
+} : {};
+Alert.defaultProps = {
+  warning: false,
+  error: false,
+  align: 'left'
+};
+
+var _templateObject;
+var Tooltip$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  background: ", ";\n  border-radius: 3px;\n\n  .tippy-content {\n    padding: 9px 12px;\n  }\n\n  .tippy-arrow {\n    color: ", ";\n  }\n\n  a {\n    color: inherit;\n  }\n"])), function (props) {
+  return props.theme.primaryFontFamily;
+}, function (props) {
+  return props.theme.getColor('gray-700');
+}, function (props) {
+  return props.theme.getColor('gray-700');
+});
+
+var Tooltip = React__default['default'].forwardRef(function Tooltip(_ref, ref) {
+  var content = _ref.content,
+      interactive = _ref.interactive,
+      placement = _ref.placement,
+      duration = _ref.duration,
+      trigger = _ref.trigger,
+      children = _ref.children,
+      props = defaultTheme._objectWithoutProperties(_ref, ["content", "interactive", "placement", "duration", "trigger", "children"]);
+
+  return React__default['default'].createElement(Tooltip$1, defaultTheme._extends({
+    ref: ref,
+    content: content,
+    interactive: interactive,
+    placement: placement,
+    duration: duration,
+    trigger: trigger,
+    animation: 'shift-away-subtle'
+  }, props), children);
+});
+Tooltip.defaultProps = {
+  content: 'Tooltip',
+  interactive: false,
+  placement: 'top',
+  duration: 350,
+  trigger: 'mouseenter focus'
+};
+Tooltip.propTypes = process.env.NODE_ENV !== "production" ? {
+  content: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.element]).isRequired,
+  interactive: defaultTheme.PropTypes.bool,
+  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']),
+  duration: defaultTheme.PropTypes.number,
+  trigger: defaultTheme.PropTypes.oneOf(['mouseenter', 'mouseenter focus', 'click', 'focusin', 'mouseenter click']),
+  children: defaultTheme.PropTypes.node.isRequired
+} : {};
+
+exports.Alert = Alert;
+exports.Tooltip = Tooltip;

package/data/Badge/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Badge = require('../../Badge-34ad2850.js');
-require('../../defaultTheme-870f7df1.js');
+var Badge = require('../../Badge-41d775cd.js');
+require('../../defaultTheme-1772c7ec.js');
 require('styled-components');
 require('react');
 

package/data/Popover/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Popover = require('../../Popover-63d38274.js');
-require('../../defaultTheme-870f7df1.js');
+var Popover = require('../../Popover-8a8db474.js');
+require('../../defaultTheme-1772c7ec.js');
 require('styled-components');
 require('react');
 require('lodash');

package/data/Tab/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Tab = require('../../Tab-51124003.js');
-require('../../defaultTheme-870f7df1.js');
+var Tab = require('../../Tab-562a47c6.js');
+require('../../defaultTheme-1772c7ec.js');
 require('styled-components');
 require('react');
 

package/data/Tabs/index.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var Tabs = require('../../Tabs-452079b5.js');
-require('../../defaultTheme-870f7df1.js');
+var Tabs = require('../../Tabs-604c890b.js');
+require('../../defaultTheme-1772c7ec.js');
 require('styled-components');
 require('react');
-require('../../Tab-51124003.js');
+require('../../Tab-562a47c6.js');
 require('lodash');
 
 

package/data/index.js

@@ -2,22 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Popover = require('../Popover-63d38274.js');
-var Tooltip = require('../Tooltip-7c57004f.js');
-var Tab = require('../Tab-51124003.js');
-var Tabs = require('../Tabs-452079b5.js');
-var Badge = require('../Badge-34ad2850.js');
-require('../defaultTheme-870f7df1.js');
-require('styled-components');
+var Tooltip = require('../Tooltip-1bb4c3eb.js');
+var Badge = require('../Badge-41d775cd.js');
+var Popover = require('../Popover-8a8db474.js');
+var Tab = require('../Tab-562a47c6.js');
+var Tabs = require('../Tabs-604c890b.js');
 require('react');
+require('../defaultTheme-1772c7ec.js');
+require('styled-components');
+require('@tippyjs/react');
 require('lodash');
 require('polished');
-require('@tippyjs/react');
 
 
 
-exports.Popover = Popover.Popover;
+exports.Alert = Tooltip.Alert;
 exports.Tooltip = Tooltip.Tooltip;
+exports.Badge = Badge.Badge;
+exports.Popover = Popover.Popover;
 exports.Tab = Tab.Tab;
 exports.Tabs = Tabs.Tabs;
-exports.Badge = Badge.Badge;

package/inputs/ActionButton/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var ActionButton = require('../../ActionButton-90485300.js');
-require('../../defaultTheme-870f7df1.js');
+var ActionButton = require('../../ActionButton-055a0015.js');
+require('../../defaultTheme-1772c7ec.js');
 require('styled-components');
 require('react');
 

package/inputs/AutocompleteSelect/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var AutocompleteSelect = require('../../AutocompleteSelect-e82bd937.js');
-require('../../defaultTheme-870f7df1.js');
+var AutocompleteSelect = require('../../AutocompleteSelect-2face013.js');
+require('../../defaultTheme-1772c7ec.js');
 require('styled-components');
 require('react');
 require('nanoid');

package/inputs/Button/index.js

@@ -1,14 +1,14 @@
 'use strict';
 
-var Button = require('../../Button-e6a6139c.js');
-require('../../defaultTheme-870f7df1.js');
+var Button = require('../../Button-0fd88f25.js');
+require('../../defaultTheme-1772c7ec.js');
 require('styled-components');
 require('react');
-require('../../Popover-63d38274.js');
+require('../../Popover-8a8db474.js');
 require('lodash');
 require('polished');
 require('@tippyjs/react');
-require('../../ContextMenu-a68d4f28.js');
+require('../../ContextMenu-743bc688.js');
 require('../../expand-more-94585605.js');
 
 

package/inputs/Checkbox/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Checkbox = require('../../Checkbox-50f1f3c7.js');
-require('../../defaultTheme-870f7df1.js');
+var Checkbox = require('../../Checkbox-d35b1467.js');
+require('../../defaultTheme-1772c7ec.js');
 require('styled-components');
 require('react');
 require('nanoid');

package/inputs/CompactStarRating/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var CompactStarRating = require('../../CompactStarRating-f7a58649.js');
-require('../../defaultTheme-870f7df1.js');
+var CompactStarRating = require('../../CompactStarRating-908fb2f6.js');
+require('../../defaultTheme-1772c7ec.js');
 require('styled-components');
 require('react');
 require('lodash');

package/inputs/CompactTextInput/index.js

@@ -1,19 +1,19 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-faf4ea96.js');
-require('../../defaultTheme-870f7df1.js');
+var CompactTextInput = require('../../CompactTextInput-c4430b82.js');
+require('../../defaultTheme-1772c7ec.js');
 require('styled-components');
 require('react');
 require('nanoid');
 require('lodash');
 require('../../edit-note-c47d292e.js');
-require('../../Popover-63d38274.js');
-require('polished');
+require('../../Tooltip-1bb4c3eb.js');
 require('@tippyjs/react');
-require('../../Tooltip-7c57004f.js');
-require('../../Tab-51124003.js');
-require('../../Tabs-452079b5.js');
-require('../../Badge-34ad2850.js');
+require('../../Popover-8a8db474.js');
+require('polished');
+require('../../Badge-41d775cd.js');
+require('../../Tab-562a47c6.js');
+require('../../Tabs-604c890b.js');
 
 
 

package/inputs/MultiSelect/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var MultiSelect = require('../../MultiSelect-3eca3c3e.js');
-require('../../defaultTheme-870f7df1.js');
+var MultiSelect = require('../../MultiSelect-0bd497c8.js');
+require('../../defaultTheme-1772c7ec.js');
 require('styled-components');
 require('react');
 require('../../close-ebf2f3cf.js');

package/inputs/Radio/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Radio = require('../../Radio-0b46b2a8.js');
-require('../../defaultTheme-870f7df1.js');
+var Radio = require('../../Radio-4475fda3.js');
+require('../../defaultTheme-1772c7ec.js');
 require('styled-components');
 require('react');
 require('nanoid');

package/inputs/Switch/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Switch = require('../../Switch-aa384260.js');
-require('../../defaultTheme-870f7df1.js');
+var Switch = require('../../Switch-90225b6b.js');
+require('../../defaultTheme-1772c7ec.js');
 require('styled-components');
 require('react');
 require('nanoid');

package/inputs/TextArea/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var TextArea = require('../../TextArea-efe4fa88.js');
-require('../../defaultTheme-870f7df1.js');
+var TextArea = require('../../TextArea-9b32b467.js');
+require('../../defaultTheme-1772c7ec.js');
 require('styled-components');
 require('react');
 require('nanoid');

package/inputs/TextInput/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var TextInput = require('../../TextInput-e4c6d536.js');
-require('../../defaultTheme-870f7df1.js');
+var TextInput = require('../../TextInput-a6a3def7.js');
+require('../../defaultTheme-1772c7ec.js');
 require('styled-components');
 require('react');
 require('nanoid');