@ntbjs/react-components 1.1.0-beta.9 → 1.1.0-beta.91

package/{Tooltip-556138de.js → Tooltip-1b7b0052.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-870f7df1.js');
+var defaultTheme = require('./defaultTheme-50f2b88f.js');
 var React = require('react');
 var styled = require('styled-components');
 var TippyTooltip = require('@tippyjs/react');
-require('./Popover-63d38274.js');
+require('./shift-away-subtle-cfdf1dbe.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -13,7 +13,7 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var TippyTooltip__default = /*#__PURE__*/_interopDefaultLegacy(TippyTooltip);
 
 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) {
+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  pointer-events: default !important;\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');
@@ -27,8 +27,9 @@ var Tooltip = React__default['default'].forwardRef(function Tooltip(_ref, ref) {
       placement = _ref.placement,
       duration = _ref.duration,
       trigger = _ref.trigger,
+      visible = _ref.visible,
       children = _ref.children,
-      props = defaultTheme._objectWithoutProperties(_ref, ["content", "interactive", "placement", "duration", "trigger", "children"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["content", "interactive", "placement", "duration", "trigger", "visible", "children"]);
 
   return React__default['default'].createElement(Tooltip$1, defaultTheme._extends({
     ref: ref,
@@ -37,23 +38,24 @@ var Tooltip = React__default['default'].forwardRef(function Tooltip(_ref, ref) {
     placement: placement,
     duration: duration,
     trigger: trigger,
+    visible: visible,
     animation: 'shift-away-subtle'
   }, props), children);
 });
+Tooltip.defaultProps = {
+  content: 'Tooltip',
+  interactive: false,
+  placement: 'top',
+  duration: 350
+};
 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
+  trigger: defaultTheme.PropTypes.oneOf(['mouseenter', 'mouseenter focus', 'click', 'focusin', 'mouseenter click', '']),
+  visible: defaultTheme.PropTypes.bool,
+  children: defaultTheme.PropTypes.node
 } : {};
-Tooltip.defaultProps = {
-  content: 'Tooltip',
-  interactive: false,
-  placement: 'top',
-  duration: 350,
-  trigger: 'mouseenter focus'
-};
 
 exports.Tooltip = Tooltip;

package/check-555d831b.js

@@ -0,0 +1,213 @@
+'use strict';
+
+var React$1 = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () {
+						return e[k];
+					}
+				});
+			}
+		});
+	}
+	n['default'] = e;
+	return Object.freeze(n);
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
+var React__namespace = /*#__PURE__*/_interopNamespace(React$1);
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+var MoonLoader$1 = {};
+
+var unitConverter = {};
+
+Object.defineProperty(unitConverter, "__esModule", { value: true });
+unitConverter.cssValue = unitConverter.parseLengthAndUnit = void 0;
+var cssUnit = {
+    cm: true,
+    mm: true,
+    in: true,
+    px: true,
+    pt: true,
+    pc: true,
+    em: true,
+    ex: true,
+    ch: true,
+    rem: true,
+    vw: true,
+    vh: true,
+    vmin: true,
+    vmax: true,
+    "%": true,
+};
+/**
+ * If size is a number, append px to the value as default unit.
+ * If size is a string, validate against list of valid units.
+ * If unit is valid, return size as is.
+ * If unit is invalid, console warn issue, replace with px as the unit.
+ *
+ * @param {(number | string)} size
+ * @return {LengthObject} LengthObject
+ */
+function parseLengthAndUnit(size) {
+    if (typeof size === "number") {
+        return {
+            value: size,
+            unit: "px",
+        };
+    }
+    var value;
+    var valueString = (size.match(/^[0-9.]*/) || "").toString();
+    if (valueString.includes(".")) {
+        value = parseFloat(valueString);
+    }
+    else {
+        value = parseInt(valueString, 10);
+    }
+    var unit = (size.match(/[^0-9]*$/) || "").toString();
+    if (cssUnit[unit]) {
+        return {
+            value: value,
+            unit: unit,
+        };
+    }
+    console.warn("React Spinners: ".concat(size, " is not a valid css value. Defaulting to ").concat(value, "px."));
+    return {
+        value: value,
+        unit: "px",
+    };
+}
+unitConverter.parseLengthAndUnit = parseLengthAndUnit;
+/**
+ * Take value as an input and return valid css value
+ *
+ * @param {(number | string)} value
+ * @return {string} valid css value
+ */
+function cssValue(value) {
+    var lengthWithunit = parseLengthAndUnit(value);
+    return "".concat(lengthWithunit.value).concat(lengthWithunit.unit);
+}
+unitConverter.cssValue = cssValue;
+
+var animation = {};
+
+Object.defineProperty(animation, "__esModule", { value: true });
+animation.createAnimation = void 0;
+var createAnimation = function (loaderName, frames, suffix) {
+    var animationName = "react-spinners-".concat(loaderName, "-").concat(suffix);
+    if (typeof window == "undefined" || !window.document) {
+        return animationName;
+    }
+    var styleEl = document.createElement("style");
+    document.head.appendChild(styleEl);
+    var styleSheet = styleEl.sheet;
+    var keyFrames = "\n    @keyframes ".concat(animationName, " {\n      ").concat(frames, "\n    }\n  ");
+    if (styleSheet) {
+        styleSheet.insertRule(keyFrames, 0);
+    }
+    return animationName;
+};
+animation.createAnimation = createAnimation;
+
+var __assign = (commonjsGlobal && commonjsGlobal.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (commonjsGlobal && commonjsGlobal.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (commonjsGlobal && commonjsGlobal.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (commonjsGlobal && commonjsGlobal.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (commonjsGlobal && commonjsGlobal.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(MoonLoader$1, "__esModule", { value: true });
+var React = __importStar(React__default['default']);
+var unitConverter_1 = unitConverter;
+var animation_1 = animation;
+var moon = (0, animation_1.createAnimation)("MoonLoader", "100% {transform: rotate(360deg)}", "moon");
+function MoonLoader(_a) {
+    var _b = _a.loading, loading = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? "#000000" : _c, _d = _a.speedMultiplier, speedMultiplier = _d === void 0 ? 1 : _d, _e = _a.cssOverride, cssOverride = _e === void 0 ? {} : _e, _f = _a.size, size = _f === void 0 ? 60 : _f, additionalprops = __rest(_a, ["loading", "color", "speedMultiplier", "cssOverride", "size"]);
+    var _g = (0, unitConverter_1.parseLengthAndUnit)(size), value = _g.value, unit = _g.unit;
+    var moonSize = value / 7;
+    var wrapper = __assign({ display: "inherit", position: "relative", width: "".concat("".concat(value + moonSize * 2).concat(unit)), height: "".concat("".concat(value + moonSize * 2).concat(unit)), animation: "".concat(moon, " ").concat(0.6 / speedMultiplier, "s 0s infinite linear"), animationFillMode: "forwards" }, cssOverride);
+    var ballStyle = function (size) {
+        return {
+            width: (0, unitConverter_1.cssValue)(size),
+            height: (0, unitConverter_1.cssValue)(size),
+            borderRadius: "100%",
+        };
+    };
+    var ball = __assign(__assign({}, ballStyle(moonSize)), { backgroundColor: "".concat(color), opacity: "0.8", position: "absolute", top: "".concat("".concat(value / 2 - moonSize / 2).concat(unit)), animation: "".concat(moon, " ").concat(0.6 / speedMultiplier, "s 0s infinite linear"), animationFillMode: "forwards" });
+    var circle = __assign(__assign({}, ballStyle(value)), { border: "".concat(moonSize, "px solid ").concat(color), opacity: "0.1", boxSizing: "content-box", position: "absolute" });
+    if (!loading) {
+        return null;
+    }
+    return (React.createElement("span", __assign({ style: wrapper }, additionalprops),
+        React.createElement("span", { style: ball }),
+        React.createElement("span", { style: circle })));
+}
+var _default = MoonLoader$1.default = MoonLoader;
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var _ref = /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "currentColor",
+  d: "M7.627 14.435l-5.69-5.69L0 10.67l7.627 7.627L24 1.924 22.076 0z"
+});
+
+function SvgCheck(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 18.297"
+  }, props), _ref);
+}
+
+exports.SvgCheck = SvgCheck;
+exports._default = _default;

package/data/Alert/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var Alert = require('../../Alert-3e4f8be1.js');
+require('../../defaultTheme-50f2b88f.js');
+require('styled-components');
+require('react');
+
+
+
+module.exports = Alert.Alert;

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-9bcebe96.js');
+require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
 

package/data/Popover/index.js

@@ -1,12 +1,13 @@
 'use strict';
 
-var Popover = require('../../Popover-63d38274.js');
-require('../../defaultTheme-870f7df1.js');
+var Popover = require('../../Popover-d3a4b72e.js');
+require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
-require('react');
 require('lodash');
+require('react');
 require('polished');
 require('@tippyjs/react');
+require('../../shift-away-subtle-cfdf1dbe.js');
 
 
 

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-bd0f3345.js');
+require('../../defaultTheme-50f2b88f.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-bf42275e.js');
+require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
-require('../../Tab-51124003.js');
+require('../../Tab-bd0f3345.js');
 require('lodash');
 
 

package/data/Tooltip/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var Tooltip = require('../../Tooltip-1b7b0052.js');
+require('../../defaultTheme-50f2b88f.js');
+require('styled-components');
+require('react');
+require('@tippyjs/react');
+require('../../shift-away-subtle-cfdf1dbe.js');
+
+
+
+module.exports = Tooltip.Tooltip;

package/data/index.js

@@ -2,22 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Popover = require('../Popover-63d38274.js');
-var Tooltip = require('../Tooltip-556138de.js');
-var Tab = require('../Tab-51124003.js');
-var Tabs = require('../Tabs-452079b5.js');
-var Badge = require('../Badge-34ad2850.js');
-require('../defaultTheme-870f7df1.js');
+var Alert = require('../Alert-3e4f8be1.js');
+var Badge = require('../Badge-9bcebe96.js');
+var Popover = require('../Popover-d3a4b72e.js');
+var Tab = require('../Tab-bd0f3345.js');
+var Tabs = require('../Tabs-bf42275e.js');
+var Tooltip = require('../Tooltip-1b7b0052.js');
+require('../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
 require('lodash');
 require('polished');
 require('@tippyjs/react');
+require('../shift-away-subtle-cfdf1dbe.js');
 
 
 
+exports.Alert = Alert.Alert;
+exports.Badge = Badge.Badge;
 exports.Popover = Popover.Popover;
-exports.Tooltip = Tooltip.Tooltip;
 exports.Tab = Tab.Tab;
 exports.Tabs = Tabs.Tabs;
-exports.Badge = Badge.Badge;
+exports.Tooltip = Tooltip.Tooltip;

package/{defaultTheme-870f7df1.js → defaultTheme-50f2b88f.js}

@@ -40,6 +40,22 @@ function _objectSpread2(target) {
   return target;
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function (obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function (obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _typeof(obj);
+}
+
 function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -1343,5 +1359,6 @@ exports._objectWithoutProperties = _objectWithoutProperties;
 exports._slicedToArray = _slicedToArray;
 exports._taggedTemplateLiteral = _taggedTemplateLiteral;
 exports._toConsumableArray = _toConsumableArray;
+exports._typeof = _typeof;
 exports.applyDefaultTheme = applyDefaultTheme;
 exports.styleInject = styleInject;

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-c3f5ed94.js');
+require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
 

package/inputs/Button/index.js

@@ -1,14 +1,15 @@
 'use strict';
 
-var Button = require('../../Button-e6a6139c.js');
-require('../../defaultTheme-870f7df1.js');
+var Button = require('../../Button-432f87c6.js');
+require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
-require('../../Popover-63d38274.js');
+require('../../Popover-d3a4b72e.js');
 require('lodash');
 require('polished');
 require('@tippyjs/react');
-require('../../ContextMenu-a68d4f28.js');
+require('../../shift-away-subtle-cfdf1dbe.js');
+require('../../ContextMenu-d088833b.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-85394137.js');
+require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
 require('nanoid');

package/inputs/CompactAutocompleteSelect/index.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-45b12179.js');
+require('../../defaultTheme-50f2b88f.js');
+require('styled-components');
+require('lodash');
+require('nanoid');
+require('react');
+require('../../check-555d831b.js');
+require('react-select');
+require('react-select-async-paginate');
+require('../../react-select-creatable.esm-7231b55e.js');
+require('react-dom');
+require('../../close-ebf2f3cf.js');
+require('../../expand-more-94585605.js');
+
+
+
+module.exports = CompactAutocompleteSelect.CompactAutocompleteSelect;

package/inputs/CompactStarRating/index.js

@@ -1,10 +1,11 @@
 'use strict';
 
-var CompactStarRating = require('../../CompactStarRating-f7a58649.js');
-require('../../defaultTheme-870f7df1.js');
+var CompactStarRating = require('../../CompactStarRating-de1bcfe9.js');
+require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
-require('react');
 require('lodash');
+require('react');
+require('../../check-555d831b.js');
 
 
 

package/inputs/CompactTextInput/index.js

@@ -1,19 +1,22 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-a5bc6ec3.js');
-require('../../defaultTheme-870f7df1.js');
+var CompactTextInput = require('../../CompactTextInput-480f59cc.js');
+require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
-require('react');
-require('nanoid');
 require('lodash');
+require('nanoid');
+require('react');
+require('../../check-555d831b.js');
 require('../../edit-note-c47d292e.js');
-require('../../Popover-63d38274.js');
+require('../../Alert-3e4f8be1.js');
+require('../../Badge-9bcebe96.js');
+require('../../Popover-d3a4b72e.js');
 require('polished');
 require('@tippyjs/react');
-require('../../Tooltip-556138de.js');
-require('../../Tab-51124003.js');
-require('../../Tabs-452079b5.js');
-require('../../Badge-34ad2850.js');
+require('../../shift-away-subtle-cfdf1dbe.js');
+require('../../Tab-bd0f3345.js');
+require('../../Tabs-bf42275e.js');
+require('../../Tooltip-1b7b0052.js');
 
 
 

package/inputs/MultiSelect/index.js

@@ -1,12 +1,13 @@
 'use strict';
 
-var MultiSelect = require('../../MultiSelect-3eca3c3e.js');
-require('../../defaultTheme-870f7df1.js');
+var MultiSelect = require('../../MultiSelect-01a257b8.js');
+require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
+require('nanoid');
 require('../../close-ebf2f3cf.js');
 require('react-select');
-require('../../react-select-creatable.esm-eb462367.js');
+require('../../react-select-creatable.esm-7231b55e.js');
 require('react-dom');
 require('react-select-async-paginate');
 

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-c811ce4a.js');
+require('../../defaultTheme-50f2b88f.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-3ac11c97.js');
+require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
 require('nanoid');

package/inputs/TextArea/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var TextArea = require('../../TextArea-efe4fa88.js');
-require('../../defaultTheme-870f7df1.js');
+var TextArea = require('../../TextArea-dba4fd6c.js');
+require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
 require('nanoid');
-require('lodash');
+require('../../check-555d831b.js');
 require('../../edit-note-c47d292e.js');
 
 

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-8ea31a7b.js');
+require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
 require('nanoid');