@nulogy/components 7.2.3 → 7.4.0

package/dist/main.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('styled-components'), require('@babel/runtime/helpers/typeof'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/defineProperty'), require('object-assign'), require('@nulogy/icons'), require('@babel/runtime/helpers/extends'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inheritsLoose'), require('prop-types'), require('react-fast-compare'), require('warning'), require('@babel/runtime/helpers/slicedToArray'), require('@babel/runtime/helpers/objectWithoutPropertiesLoose'), require('deep-equal'), require('create-react-context'), require('react-dom'), require('react-windowed-select'), require('exenv'), require('smoothscroll-polyfill'), require('classnames'), require('@babel/runtime/helpers/toConsumableArray'), require('react-input-autosize'), require('@babel/runtime/helpers/taggedTemplateLiteral')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', 'styled-components', '@babel/runtime/helpers/typeof', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/defineProperty', 'object-assign', '@nulogy/icons', '@babel/runtime/helpers/extends', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inheritsLoose', 'prop-types', 'react-fast-compare', 'warning', '@babel/runtime/helpers/slicedToArray', '@babel/runtime/helpers/objectWithoutPropertiesLoose', 'deep-equal', 'create-react-context', 'react-dom', 'react-windowed-select', 'exenv', 'smoothscroll-polyfill', 'classnames', '@babel/runtime/helpers/toConsumableArray', 'react-input-autosize', '@babel/runtime/helpers/taggedTemplateLiteral'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.NDSComponents = {}, global.React, global.styled, global.typeof, global.classCallCheck, global.createClass, global.defineProperty, global.assign, global.icons, global.extends, global.assertThisInitialized, global.inheritsLoose, global.PropTypes, global.isEqual, global.warning, global.slicedToArray, global.objectWithoutPropertiesLoose, global.deepEqual, global.createReactContext, global.reactDom, global.components, global.exenv, global.smoothscroll, global.t, null, global.AutosizeInput));
-}(this, (function (exports, React, styled, _typeof$3, _classCallCheck$3, _createClass$3, _defineProperty$2, assign$1, icons, _extends$4, _assertThisInitialized$4, _inheritsLoose$2, PropTypes, isEqual$2, warning$1, _slicedToArray$1, _objectWithoutPropertiesLoose$2, deepEqual, createContext, reactDom, WindowedSelect, exenv, smoothscroll, t, toConsumableArray, AutosizeInput) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('styled-components'), require('@babel/runtime/helpers/typeof'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/defineProperty'), require('object-assign'), require('@nulogy/icons'), require('@babel/runtime/helpers/extends'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inheritsLoose'), require('prop-types'), require('react-fast-compare'), require('warning'), require('@babel/runtime/helpers/slicedToArray'), require('@babel/runtime/helpers/objectWithoutPropertiesLoose'), require('deep-equal'), require('create-react-context'), require('react-resize-detector'), require('react-windowed-select'), require('react-dom'), require('exenv'), require('smoothscroll-polyfill'), require('classnames'), require('@babel/runtime/helpers/toConsumableArray'), require('react-input-autosize'), require('@babel/runtime/helpers/taggedTemplateLiteral')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', 'styled-components', '@babel/runtime/helpers/typeof', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/defineProperty', 'object-assign', '@nulogy/icons', '@babel/runtime/helpers/extends', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inheritsLoose', 'prop-types', 'react-fast-compare', 'warning', '@babel/runtime/helpers/slicedToArray', '@babel/runtime/helpers/objectWithoutPropertiesLoose', 'deep-equal', 'create-react-context', 'react-resize-detector', 'react-windowed-select', 'react-dom', 'exenv', 'smoothscroll-polyfill', 'classnames', '@babel/runtime/helpers/toConsumableArray', 'react-input-autosize', '@babel/runtime/helpers/taggedTemplateLiteral'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.NDSComponents = {}, global.React, global.styled, global.typeof, global.classCallCheck, global.createClass, global.defineProperty, global.assign, global.icons, global.extends, global.assertThisInitialized, global.inheritsLoose, global.PropTypes, global.isEqual, global.warning, global.slicedToArray, global.objectWithoutPropertiesLoose, global.deepEqual, global.createReactContext, global.ReactResizeDetector, global.components, global.reactDom, global.exenv, global.smoothscroll, global.t, null, global.AutosizeInput));
+}(this, (function (exports, React, styled, _typeof$1, _classCallCheck$1, _createClass$1, _defineProperty$1, assign$1, icons, _extends$4, _assertThisInitialized$2, _inheritsLoose$2, PropTypes, isEqual$2, warning$1, _slicedToArray$1, _objectWithoutPropertiesLoose$2, deepEqual, createContext, ReactResizeDetector, WindowedSelect, reactDom, exenv, smoothscroll, t, toConsumableArray, AutosizeInput) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,14 +29,14 @@
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-  var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof$3);
-  var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck$3);
-  var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass$3);
-  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty$2);
+  var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof$1);
+  var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck$1);
+  var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass$1);
+  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty$1);
   var assign__default = /*#__PURE__*/_interopDefaultLegacy(assign$1);
   var icons__default = /*#__PURE__*/_interopDefaultLegacy(icons);
   var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends$4);
-  var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized$4);
+  var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized$2);
   var _inheritsLoose__default = /*#__PURE__*/_interopDefaultLegacy(_inheritsLoose$2);
   var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
   var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual$2);
@@ -45,8 +45,9 @@
   var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose$2);
   var deepEqual__default = /*#__PURE__*/_interopDefaultLegacy(deepEqual);
   var createContext__default = /*#__PURE__*/_interopDefaultLegacy(createContext);
-  var reactDom__default = /*#__PURE__*/_interopDefaultLegacy(reactDom);
+  var ReactResizeDetector__default = /*#__PURE__*/_interopDefaultLegacy(ReactResizeDetector);
   var WindowedSelect__default = /*#__PURE__*/_interopDefaultLegacy(WindowedSelect);
+  var reactDom__default = /*#__PURE__*/_interopDefaultLegacy(reactDom);
   var exenv__default = /*#__PURE__*/_interopDefaultLegacy(exenv);
   var smoothscroll__default = /*#__PURE__*/_interopDefaultLegacy(smoothscroll);
   var t__default = /*#__PURE__*/_interopDefaultLegacy(t);
@@ -477,23 +478,23 @@
     }
   };
 
-  function _typeof$2(obj) {
+  function _typeof(obj) {
     "@babel/helpers - typeof";
 
     if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof$2 = function _typeof(obj) {
+      _typeof = function _typeof(obj) {
         return typeof obj;
       };
     } else {
-      _typeof$2 = function _typeof(obj) {
+      _typeof = function _typeof(obj) {
         return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
       };
     }
 
-    return _typeof$2(obj);
+    return _typeof(obj);
   }
 
-  function _defineProperty$1(obj, key, value) {
+  function _defineProperty(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -520,20 +521,20 @@
       }
 
       ownKeys.forEach(function (key) {
-        _defineProperty$1(target, key, source[key]);
+        _defineProperty(target, key, source[key]);
       });
     }
 
     return target;
   }
 
-  function _classCallCheck$2(instance, Constructor) {
+  function _classCallCheck(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
       throw new TypeError("Cannot call a class as a function");
     }
   }
 
-  function _defineProperties$2(target, props) {
+  function _defineProperties(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor = props[i];
       descriptor.enumerable = descriptor.enumerable || false;
@@ -543,13 +544,13 @@
     }
   }
 
-  function _createClass$2(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$2(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties$2(Constructor, staticProps);
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
     return Constructor;
   }
 
-  function _assertThisInitialized$3(self) {
+  function _assertThisInitialized$1(self) {
     if (self === void 0) {
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
@@ -557,31 +558,31 @@
     return self;
   }
 
-  function _possibleConstructorReturn$2(self, call) {
+  function _possibleConstructorReturn(self, call) {
     if (call && (_typeof__default['default'](call) === "object" || typeof call === "function")) {
       return call;
     }
 
-    return _assertThisInitialized$3(self);
+    return _assertThisInitialized$1(self);
   }
 
-  function _getPrototypeOf$2(o) {
-    _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
       return o.__proto__ || Object.getPrototypeOf(o);
     };
-    return _getPrototypeOf$2(o);
+    return _getPrototypeOf(o);
   }
 
-  function _setPrototypeOf$3(o, p) {
-    _setPrototypeOf$3 = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+  function _setPrototypeOf$1(o, p) {
+    _setPrototypeOf$1 = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
       o.__proto__ = p;
       return o;
     };
 
-    return _setPrototypeOf$3(o, p);
+    return _setPrototypeOf$1(o, p);
   }
 
-  function _inherits$2(subClass, superClass) {
+  function _inherits(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
       throw new TypeError("Super expression must either be null or a function");
     }
@@ -593,7 +594,7 @@
         configurable: true
       }
     });
-    if (superClass) _setPrototypeOf$3(subClass, superClass);
+    if (superClass) _setPrototypeOf$1(subClass, superClass);
   }
 
   var consoleLogger = {
@@ -616,12 +617,12 @@
     function Logger(concreteLogger) {
       var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
-      _classCallCheck$2(this, Logger);
+      _classCallCheck(this, Logger);
 
       this.init(concreteLogger, options);
     }
 
-    _createClass$2(Logger, [{
+    _createClass(Logger, [{
       key: "init",
       value: function init(concreteLogger) {
         var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -694,12 +695,12 @@
 
   var EventEmitter = function () {
     function EventEmitter() {
-      _classCallCheck$2(this, EventEmitter);
+      _classCallCheck(this, EventEmitter);
 
       this.observers = {};
     }
 
-    _createClass$2(EventEmitter, [{
+    _createClass(EventEmitter, [{
       key: "on",
       value: function on(events, listener) {
         var _this = this;
@@ -876,7 +877,7 @@
   var isIE10$1 = typeof window !== 'undefined' && window.navigator && window.navigator.userAgent && window.navigator.userAgent.indexOf('MSIE') > -1;
 
   var ResourceStore = function (_EventEmitter) {
-    _inherits$2(ResourceStore, _EventEmitter);
+    _inherits(ResourceStore, _EventEmitter);
 
     function ResourceStore(data) {
       var _this;
@@ -886,12 +887,12 @@
         defaultNS: 'translation'
       };
 
-      _classCallCheck$2(this, ResourceStore);
+      _classCallCheck(this, ResourceStore);
 
-      _this = _possibleConstructorReturn$2(this, _getPrototypeOf$2(ResourceStore).call(this));
+      _this = _possibleConstructorReturn(this, _getPrototypeOf(ResourceStore).call(this));
 
       if (isIE10$1) {
-        EventEmitter.call(_assertThisInitialized$3(_this));
+        EventEmitter.call(_assertThisInitialized$1(_this));
       }
 
       _this.data = data || {};
@@ -904,7 +905,7 @@
       return _this;
     }
 
-    _createClass$2(ResourceStore, [{
+    _createClass(ResourceStore, [{
       key: "addNamespaces",
       value: function addNamespaces(ns) {
         if (this.options.ns.indexOf(ns) < 0) {
@@ -1053,22 +1054,22 @@
   var checkedLoadedFor = {};
 
   var Translator = function (_EventEmitter) {
-    _inherits$2(Translator, _EventEmitter);
+    _inherits(Translator, _EventEmitter);
 
     function Translator(services) {
       var _this;
 
       var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
-      _classCallCheck$2(this, Translator);
+      _classCallCheck(this, Translator);
 
-      _this = _possibleConstructorReturn$2(this, _getPrototypeOf$2(Translator).call(this));
+      _this = _possibleConstructorReturn(this, _getPrototypeOf(Translator).call(this));
 
       if (isIE10$1) {
-        EventEmitter.call(_assertThisInitialized$3(_this));
+        EventEmitter.call(_assertThisInitialized$1(_this));
       }
 
-      copy(['resourceStore', 'languageUtils', 'pluralResolver', 'interpolator', 'backendConnector', 'i18nFormat', 'utils'], services, _assertThisInitialized$3(_this));
+      copy(['resourceStore', 'languageUtils', 'pluralResolver', 'interpolator', 'backendConnector', 'i18nFormat', 'utils'], services, _assertThisInitialized$1(_this));
       _this.options = options;
 
       if (_this.options.keySeparator === undefined) {
@@ -1079,7 +1080,7 @@
       return _this;
     }
 
-    _createClass$2(Translator, [{
+    _createClass(Translator, [{
       key: "changeLanguage",
       value: function changeLanguage(lng) {
         if (lng) this.language = lng;
@@ -1127,7 +1128,7 @@
       value: function translate(keys, options, lastKey) {
         var _this2 = this;
 
-        if (_typeof$2(options) !== 'object' && this.options.overloadTranslationOptionHandler) {
+        if (_typeof(options) !== 'object' && this.options.overloadTranslationOptionHandler) {
           options = this.options.overloadTranslationOptionHandler(arguments);
         }
 
@@ -1426,7 +1427,7 @@
 
   var LanguageUtil = function () {
     function LanguageUtil(options) {
-      _classCallCheck$2(this, LanguageUtil);
+      _classCallCheck(this, LanguageUtil);
 
       this.options = options;
       this.whitelist = this.options.supportedLngs || false;
@@ -1434,7 +1435,7 @@
       this.logger = baseLogger.create('languageUtils');
     }
 
-    _createClass$2(LanguageUtil, [{
+    _createClass(LanguageUtil, [{
       key: "getScriptPartFromCode",
       value: function getScriptPartFromCode(code) {
         if (!code || code.indexOf('-') < 0) return null;
@@ -1755,7 +1756,7 @@
     function PluralResolver(languageUtils) {
       var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
-      _classCallCheck$2(this, PluralResolver);
+      _classCallCheck(this, PluralResolver);
 
       this.languageUtils = languageUtils;
       this.options = options;
@@ -1763,7 +1764,7 @@
       this.rules = createRules();
     }
 
-    _createClass$2(PluralResolver, [{
+    _createClass(PluralResolver, [{
       key: "addRule",
       value: function addRule(lng, obj) {
         this.rules[lng] = obj;
@@ -1849,7 +1850,7 @@
     function Interpolator() {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-      _classCallCheck$2(this, Interpolator);
+      _classCallCheck(this, Interpolator);
 
       this.logger = baseLogger.create('interpolator');
       this.options = options;
@@ -1861,7 +1862,7 @@
       this.init(options);
     }
 
-    _createClass$2(Interpolator, [{
+    _createClass(Interpolator, [{
       key: "init",
       value: function init() {
         var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -2056,19 +2057,19 @@
   }
 
   var Connector = function (_EventEmitter) {
-    _inherits$2(Connector, _EventEmitter);
+    _inherits(Connector, _EventEmitter);
 
     function Connector(backend, store, services) {
       var _this;
 
       var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
 
-      _classCallCheck$2(this, Connector);
+      _classCallCheck(this, Connector);
 
-      _this = _possibleConstructorReturn$2(this, _getPrototypeOf$2(Connector).call(this));
+      _this = _possibleConstructorReturn(this, _getPrototypeOf(Connector).call(this));
 
       if (isIE10$1) {
-        EventEmitter.call(_assertThisInitialized$3(_this));
+        EventEmitter.call(_assertThisInitialized$1(_this));
       }
 
       _this.backend = backend;
@@ -2087,7 +2088,7 @@
       return _this;
     }
 
-    _createClass$2(Connector, [{
+    _createClass(Connector, [{
       key: "queueLoad",
       value: function queueLoad(languages, namespaces, options, callback) {
         var _this2 = this;
@@ -2313,11 +2314,11 @@
       appendNamespaceToCIMode: false,
       overloadTranslationOptionHandler: function handle(args) {
         var ret = {};
-        if (_typeof$2(args[1]) === 'object') ret = args[1];
+        if (_typeof(args[1]) === 'object') ret = args[1];
         if (typeof args[1] === 'string') ret.defaultValue = args[1];
         if (typeof args[2] === 'string') ret.tDescription = args[2];
 
-        if (_typeof$2(args[2]) === 'object' || _typeof$2(args[3]) === 'object') {
+        if (_typeof(args[2]) === 'object' || _typeof(args[3]) === 'object') {
           var options = args[3] || args[2];
           Object.keys(options).forEach(function (key) {
             ret[key] = options[key];
@@ -2370,7 +2371,7 @@
   function noop$2() {}
 
   var I18n = function (_EventEmitter) {
-    _inherits$2(I18n, _EventEmitter);
+    _inherits(I18n, _EventEmitter);
 
     function I18n() {
       var _this;
@@ -2378,12 +2379,12 @@
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var callback = arguments.length > 1 ? arguments[1] : undefined;
 
-      _classCallCheck$2(this, I18n);
+      _classCallCheck(this, I18n);
 
-      _this = _possibleConstructorReturn$2(this, _getPrototypeOf$2(I18n).call(this));
+      _this = _possibleConstructorReturn(this, _getPrototypeOf(I18n).call(this));
 
       if (isIE10$1) {
-        EventEmitter.call(_assertThisInitialized$3(_this));
+        EventEmitter.call(_assertThisInitialized$1(_this));
       }
 
       _this.options = transformOptions(options);
@@ -2397,7 +2398,7 @@
         if (!_this.options.initImmediate) {
           _this.init(options, callback);
 
-          return _possibleConstructorReturn$2(_this, _assertThisInitialized$3(_this));
+          return _possibleConstructorReturn(_this, _assertThisInitialized$1(_this));
         }
 
         setTimeout(function () {
@@ -2408,7 +2409,7 @@
       return _this;
     }
 
-    _createClass$2(I18n, [{
+    _createClass(I18n, [{
       key: "init",
       value: function init() {
         var _this2 = this;
@@ -2705,7 +2706,7 @@
         var fixedT = function fixedT(key, opts) {
           var options;
 
-          if (_typeof$2(opts) !== 'object') {
+          if (_typeof(opts) !== 'object') {
             for (var _len3 = arguments.length, rest = new Array(_len3 > 2 ? _len3 - 2 : 0), _key3 = 2; _key3 < _len3; _key3++) {
               rest[_key3 - 2] = arguments[_key3];
             }
@@ -3656,8 +3657,8 @@
       return React.useContext(MotionContext).visualElement;
   }
 
-  var isBrowser$6 = typeof window !== "undefined";
-  var useIsomorphicLayoutEffect$2 = isBrowser$6 ? React.useLayoutEffect : React.useEffect;
+  var isBrowser$5 = typeof window !== "undefined";
+  var useIsomorphicLayoutEffect$2 = isBrowser$5 ? React.useLayoutEffect : React.useEffect;
 
   function useSnapshotOnUnmount(visualElement) {
       var syncLayout = React.useContext(SharedLayoutContext);
@@ -5205,16 +5206,16 @@
           : listener;
   };
 
-  var isBrowser$5 = typeof window !== "undefined";
+  var isBrowser$4 = typeof window !== "undefined";
   // We check for event support via functions in case they've been mocked by a testing suite.
   var supportsPointerEvents = function () {
-      return isBrowser$5 && window.onpointerdown === null;
+      return isBrowser$4 && window.onpointerdown === null;
   };
   var supportsTouchEvents = function () {
-      return isBrowser$5 && window.ontouchstart === null;
+      return isBrowser$4 && window.ontouchstart === null;
   };
   var supportsMouseEvents = function () {
-      return isBrowser$5 && window.onmousedown === null;
+      return isBrowser$4 && window.onmousedown === null;
   };
 
   var mouseEventNames = {
@@ -11908,7 +11909,7 @@
     textOverflow: true
   });
 
-  var addStyledProps = compose(border, shadow, color, cursor$1, layout, overflow, space, textOverflow, transform, transition, typography, visibility);
+  var addStyledProps = compose(border, shadow, color, cursor$1, layout, overflow, space, textOverflow, transform, transition, typography, visibility, flexbox);
 
   var getAttrs = function getAttrs(inline) {
     return inline ? {
@@ -12950,14 +12951,14 @@
   function _inheritsLoose$1(subClass, superClass) {
     subClass.prototype = Object.create(superClass.prototype);
     subClass.prototype.constructor = subClass;
-    _setPrototypeOf$3(subClass, superClass);
+    _setPrototypeOf$1(subClass, superClass);
   }
 
   function _isNativeFunction(fn) {
     return Function.toString.call(fn).indexOf("[native code]") !== -1;
   }
 
-  function _isNativeReflectConstruct$8() {
+  function _isNativeReflectConstruct$6() {
     if (typeof Reflect === "undefined" || !Reflect.construct) return false;
     if (Reflect.construct.sham) return false;
     if (typeof Proxy === "function") return true;
@@ -12971,7 +12972,7 @@
   }
 
   function _construct(Parent, args, Class) {
-    if (_isNativeReflectConstruct$8()) {
+    if (_isNativeReflectConstruct$6()) {
       _construct = Reflect.construct;
     } else {
       _construct = function _construct(Parent, args, Class) {
@@ -12979,7 +12980,7 @@
         a.push.apply(a, args);
         var Constructor = Function.bind.apply(Parent, a);
         var instance = new Constructor();
-        if (Class) _setPrototypeOf$3(instance, Class.prototype);
+        if (Class) _setPrototypeOf$1(instance, Class.prototype);
         return instance;
       };
     }
@@ -13004,7 +13005,7 @@
       }
 
       function Wrapper() {
-        return _construct(Class, arguments, _getPrototypeOf$2(this).constructor);
+        return _construct(Class, arguments, _getPrototypeOf(this).constructor);
       }
 
       Wrapper.prototype = Object.create(Class.prototype, {
@@ -13015,7 +13016,7 @@
           configurable: true
         }
       });
-      return _setPrototypeOf$3(Wrapper, Class);
+      return _setPrototypeOf$1(Wrapper, Class);
     };
 
     return _wrapNativeSuper(Class);
@@ -13149,7 +13150,7 @@
         _this = _Error.call(this, format$3.apply(void 0, [ERRORS[code]].concat(args))) || this;
       }
 
-      return _assertThisInitialized$3(_this);
+      return _assertThisInitialized$1(_this);
     }
 
     return PolishedError;
@@ -15566,7 +15567,7 @@
     }, []);
   }
 
-  function debounce$3(fn) {
+  function debounce$2(fn) {
     var pending;
     return function () {
       if (!pending) {
@@ -15873,7 +15874,7 @@
         },
         // Async and optimistically optimized update – it will not be executed if
         // not necessary (debounced to run at most once-per-tick)
-        update: debounce$3(function () {
+        update: debounce$2(function () {
           return new Promise(function (resolve) {
             instance.forceUpdate();
             resolve(state);
@@ -16712,6 +16713,10 @@
   };
 
   var sizes$1 = {
+    small: {
+      height: "24px",
+      width: "28px"
+    },
     medium: {
       height: "32px",
       width: "37px"
@@ -16993,12 +16998,12 @@
    * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
    * SOFTWARE.
    */
-  var isBrowser$4 = typeof window !== 'undefined' && typeof document !== 'undefined' && typeof navigator !== 'undefined';
+  var isBrowser$3 = typeof window !== 'undefined' && typeof document !== 'undefined' && typeof navigator !== 'undefined';
 
   var timeoutDuration = function () {
     var longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];
     for (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {
-      if (isBrowser$4 && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {
+      if (isBrowser$3 && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {
         return 1;
       }
     }
@@ -17032,7 +17037,7 @@
     };
   }
 
-  var supportsMicroTasks = isBrowser$4 && window.Promise;
+  var supportsMicroTasks = isBrowser$3 && window.Promise;
 
   /**
   * Create a debounced version of a method, that's asynchronously deferred
@@ -17043,7 +17048,7 @@
   * @argument {Function} fn
   * @returns {Function}
   */
-  var debounce$2 = supportsMicroTasks ? microtaskDebounce : taskDebounce;
+  var debounce$1 = supportsMicroTasks ? microtaskDebounce : taskDebounce;
 
   /**
    * Check if the given variable is a function
@@ -17052,7 +17057,7 @@
    * @argument {Any} functionToCheck - variable to check
    * @returns {Boolean} answer to: is a function?
    */
-  function isFunction$1(functionToCheck) {
+  function isFunction(functionToCheck) {
     var getType = {};
     return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
   }
@@ -17134,8 +17139,8 @@
     return reference && reference.referenceNode ? reference.referenceNode : reference;
   }
 
-  var isIE11 = isBrowser$4 && !!(window.MSInputMethodContext && document.documentMode);
-  var isIE10 = isBrowser$4 && /MSIE 10/.test(navigator.userAgent);
+  var isIE11 = isBrowser$3 && !!(window.MSInputMethodContext && document.documentMode);
+  var isIE10 = isBrowser$3 && /MSIE 10/.test(navigator.userAgent);
 
   /**
    * Determines if the browser is Internet Explorer
@@ -17313,7 +17318,7 @@
    * @return {number} borders - The borders size of the given axis
    */
 
-  function getBordersSize$1(styles, axis) {
+  function getBordersSize(styles, axis) {
     var sideA = axis === 'x' ? 'Left' : 'Top';
     var sideB = sideA === 'Left' ? 'Right' : 'Bottom';
 
@@ -17452,8 +17457,8 @@
     // we make this check conditional for performance reasons
     if (horizScrollbar || vertScrollbar) {
       var styles = getStyleComputedProperty(element);
-      horizScrollbar -= getBordersSize$1(styles, 'x');
-      vertScrollbar -= getBordersSize$1(styles, 'y');
+      horizScrollbar -= getBordersSize(styles, 'x');
+      vertScrollbar -= getBordersSize(styles, 'y');
 
       result.width -= horizScrollbar;
       result.height -= vertScrollbar;
@@ -17861,7 +17866,7 @@
         console.warn('`modifier.function` is deprecated, use `modifier.fn`!');
       }
       var fn = modifier['function'] || modifier.fn; // eslint-disable-line dot-notation
-      if (modifier.enabled && isFunction$1(fn)) {
+      if (modifier.enabled && isFunction(fn)) {
         // Add properties to offsets to make them a complete clientRect object
         // we do this before each modifier to make sure the previous one doesn't
         // mess with these values
@@ -18237,7 +18242,7 @@
     };
   }
 
-  var isFirefox = isBrowser$4 && /Firefox/i.test(navigator.userAgent);
+  var isFirefox = isBrowser$3 && /Firefox/i.test(navigator.userAgent);
 
   /**
    * @function
@@ -19450,7 +19455,7 @@
       };
 
       // make update() debounced, so that it only runs at most once-per-tick
-      this.update = debounce$2(this.update.bind(this));
+      this.update = debounce$1(this.update.bind(this));
 
       // with {} we create a new object with the options inside it
       this.options = _extends$1({}, Popper.Defaults, options);
@@ -19488,7 +19493,7 @@
       // they could add new properties to their options configuration
       // BE AWARE: don't add options to `options.modifiers.name` but to `modifierOptions`!
       this.modifiers.forEach(function (modifierOptions) {
-        if (modifierOptions.enabled && isFunction$1(modifierOptions.onLoad)) {
+        if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {
           modifierOptions.onLoad(_this.reference, _this.popper, _this.options, modifierOptions, _this.state);
         }
       });
@@ -20776,1841 +20781,6 @@
     }));
   });
 
-  /**
-   * A collection of shims that provide minimal functionality of the ES6 collections.
-   *
-   * These implementations are not meant to be used outside of the ResizeObserver
-   * modules as they cover only a limited range of use cases.
-   */
-  /* eslint-disable require-jsdoc, valid-jsdoc */
-  var MapShim = (function () {
-      if (typeof Map !== 'undefined') {
-          return Map;
-      }
-      /**
-       * Returns index in provided array that matches the specified key.
-       *
-       * @param {Array<Array>} arr
-       * @param {*} key
-       * @returns {number}
-       */
-      function getIndex(arr, key) {
-          var result = -1;
-          arr.some(function (entry, index) {
-              if (entry[0] === key) {
-                  result = index;
-                  return true;
-              }
-              return false;
-          });
-          return result;
-      }
-      return /** @class */ (function () {
-          function class_1() {
-              this.__entries__ = [];
-          }
-          Object.defineProperty(class_1.prototype, "size", {
-              /**
-               * @returns {boolean}
-               */
-              get: function () {
-                  return this.__entries__.length;
-              },
-              enumerable: true,
-              configurable: true
-          });
-          /**
-           * @param {*} key
-           * @returns {*}
-           */
-          class_1.prototype.get = function (key) {
-              var index = getIndex(this.__entries__, key);
-              var entry = this.__entries__[index];
-              return entry && entry[1];
-          };
-          /**
-           * @param {*} key
-           * @param {*} value
-           * @returns {void}
-           */
-          class_1.prototype.set = function (key, value) {
-              var index = getIndex(this.__entries__, key);
-              if (~index) {
-                  this.__entries__[index][1] = value;
-              }
-              else {
-                  this.__entries__.push([key, value]);
-              }
-          };
-          /**
-           * @param {*} key
-           * @returns {void}
-           */
-          class_1.prototype.delete = function (key) {
-              var entries = this.__entries__;
-              var index = getIndex(entries, key);
-              if (~index) {
-                  entries.splice(index, 1);
-              }
-          };
-          /**
-           * @param {*} key
-           * @returns {void}
-           */
-          class_1.prototype.has = function (key) {
-              return !!~getIndex(this.__entries__, key);
-          };
-          /**
-           * @returns {void}
-           */
-          class_1.prototype.clear = function () {
-              this.__entries__.splice(0);
-          };
-          /**
-           * @param {Function} callback
-           * @param {*} [ctx=null]
-           * @returns {void}
-           */
-          class_1.prototype.forEach = function (callback, ctx) {
-              if (ctx === void 0) { ctx = null; }
-              for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {
-                  var entry = _a[_i];
-                  callback.call(ctx, entry[1], entry[0]);
-              }
-          };
-          return class_1;
-      }());
-  })();
-
-  /**
-   * Detects whether window and document objects are available in current environment.
-   */
-  var isBrowser$3 = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document;
-
-  // Returns global object of a current environment.
-  var global$1 = (function () {
-      if (typeof global !== 'undefined' && global.Math === Math) {
-          return global;
-      }
-      if (typeof self !== 'undefined' && self.Math === Math) {
-          return self;
-      }
-      if (typeof window !== 'undefined' && window.Math === Math) {
-          return window;
-      }
-      // eslint-disable-next-line no-new-func
-      return Function('return this')();
-  })();
-
-  /**
-   * A shim for the requestAnimationFrame which falls back to the setTimeout if
-   * first one is not supported.
-   *
-   * @returns {number} Requests' identifier.
-   */
-  var requestAnimationFrame$1 = (function () {
-      if (typeof requestAnimationFrame === 'function') {
-          // It's required to use a bounded function because IE sometimes throws
-          // an "Invalid calling object" error if rAF is invoked without the global
-          // object on the left hand side.
-          return requestAnimationFrame.bind(global$1);
-      }
-      return function (callback) { return setTimeout(function () { return callback(Date.now()); }, 1000 / 60); };
-  })();
-
-  // Defines minimum timeout before adding a trailing call.
-  var trailingTimeout = 2;
-  /**
-   * Creates a wrapper function which ensures that provided callback will be
-   * invoked only once during the specified delay period.
-   *
-   * @param {Function} callback - Function to be invoked after the delay period.
-   * @param {number} delay - Delay after which to invoke callback.
-   * @returns {Function}
-   */
-  function throttle$1 (callback, delay) {
-      var leadingCall = false, trailingCall = false, lastCallTime = 0;
-      /**
-       * Invokes the original callback function and schedules new invocation if
-       * the "proxy" was called during current request.
-       *
-       * @returns {void}
-       */
-      function resolvePending() {
-          if (leadingCall) {
-              leadingCall = false;
-              callback();
-          }
-          if (trailingCall) {
-              proxy();
-          }
-      }
-      /**
-       * Callback invoked after the specified delay. It will further postpone
-       * invocation of the original function delegating it to the
-       * requestAnimationFrame.
-       *
-       * @returns {void}
-       */
-      function timeoutCallback() {
-          requestAnimationFrame$1(resolvePending);
-      }
-      /**
-       * Schedules invocation of the original function.
-       *
-       * @returns {void}
-       */
-      function proxy() {
-          var timeStamp = Date.now();
-          if (leadingCall) {
-              // Reject immediately following calls.
-              if (timeStamp - lastCallTime < trailingTimeout) {
-                  return;
-              }
-              // Schedule new call to be in invoked when the pending one is resolved.
-              // This is important for "transitions" which never actually start
-              // immediately so there is a chance that we might miss one if change
-              // happens amids the pending invocation.
-              trailingCall = true;
-          }
-          else {
-              leadingCall = true;
-              trailingCall = false;
-              setTimeout(timeoutCallback, delay);
-          }
-          lastCallTime = timeStamp;
-      }
-      return proxy;
-  }
-
-  // Minimum delay before invoking the update of observers.
-  var REFRESH_DELAY = 20;
-  // A list of substrings of CSS properties used to find transition events that
-  // might affect dimensions of observed elements.
-  var transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight'];
-  // Check if MutationObserver is available.
-  var mutationObserverSupported = typeof MutationObserver !== 'undefined';
-  /**
-   * Singleton controller class which handles updates of ResizeObserver instances.
-   */
-  var ResizeObserverController = /** @class */ (function () {
-      /**
-       * Creates a new instance of ResizeObserverController.
-       *
-       * @private
-       */
-      function ResizeObserverController() {
-          /**
-           * Indicates whether DOM listeners have been added.
-           *
-           * @private {boolean}
-           */
-          this.connected_ = false;
-          /**
-           * Tells that controller has subscribed for Mutation Events.
-           *
-           * @private {boolean}
-           */
-          this.mutationEventsAdded_ = false;
-          /**
-           * Keeps reference to the instance of MutationObserver.
-           *
-           * @private {MutationObserver}
-           */
-          this.mutationsObserver_ = null;
-          /**
-           * A list of connected observers.
-           *
-           * @private {Array<ResizeObserverSPI>}
-           */
-          this.observers_ = [];
-          this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);
-          this.refresh = throttle$1(this.refresh.bind(this), REFRESH_DELAY);
-      }
-      /**
-       * Adds observer to observers list.
-       *
-       * @param {ResizeObserverSPI} observer - Observer to be added.
-       * @returns {void}
-       */
-      ResizeObserverController.prototype.addObserver = function (observer) {
-          if (!~this.observers_.indexOf(observer)) {
-              this.observers_.push(observer);
-          }
-          // Add listeners if they haven't been added yet.
-          if (!this.connected_) {
-              this.connect_();
-          }
-      };
-      /**
-       * Removes observer from observers list.
-       *
-       * @param {ResizeObserverSPI} observer - Observer to be removed.
-       * @returns {void}
-       */
-      ResizeObserverController.prototype.removeObserver = function (observer) {
-          var observers = this.observers_;
-          var index = observers.indexOf(observer);
-          // Remove observer if it's present in registry.
-          if (~index) {
-              observers.splice(index, 1);
-          }
-          // Remove listeners if controller has no connected observers.
-          if (!observers.length && this.connected_) {
-              this.disconnect_();
-          }
-      };
-      /**
-       * Invokes the update of observers. It will continue running updates insofar
-       * it detects changes.
-       *
-       * @returns {void}
-       */
-      ResizeObserverController.prototype.refresh = function () {
-          var changesDetected = this.updateObservers_();
-          // Continue running updates if changes have been detected as there might
-          // be future ones caused by CSS transitions.
-          if (changesDetected) {
-              this.refresh();
-          }
-      };
-      /**
-       * Updates every observer from observers list and notifies them of queued
-       * entries.
-       *
-       * @private
-       * @returns {boolean} Returns "true" if any observer has detected changes in
-       *      dimensions of it's elements.
-       */
-      ResizeObserverController.prototype.updateObservers_ = function () {
-          // Collect observers that have active observations.
-          var activeObservers = this.observers_.filter(function (observer) {
-              return observer.gatherActive(), observer.hasActive();
-          });
-          // Deliver notifications in a separate cycle in order to avoid any
-          // collisions between observers, e.g. when multiple instances of
-          // ResizeObserver are tracking the same element and the callback of one
-          // of them changes content dimensions of the observed target. Sometimes
-          // this may result in notifications being blocked for the rest of observers.
-          activeObservers.forEach(function (observer) { return observer.broadcastActive(); });
-          return activeObservers.length > 0;
-      };
-      /**
-       * Initializes DOM listeners.
-       *
-       * @private
-       * @returns {void}
-       */
-      ResizeObserverController.prototype.connect_ = function () {
-          // Do nothing if running in a non-browser environment or if listeners
-          // have been already added.
-          if (!isBrowser$3 || this.connected_) {
-              return;
-          }
-          // Subscription to the "Transitionend" event is used as a workaround for
-          // delayed transitions. This way it's possible to capture at least the
-          // final state of an element.
-          document.addEventListener('transitionend', this.onTransitionEnd_);
-          window.addEventListener('resize', this.refresh);
-          if (mutationObserverSupported) {
-              this.mutationsObserver_ = new MutationObserver(this.refresh);
-              this.mutationsObserver_.observe(document, {
-                  attributes: true,
-                  childList: true,
-                  characterData: true,
-                  subtree: true
-              });
-          }
-          else {
-              document.addEventListener('DOMSubtreeModified', this.refresh);
-              this.mutationEventsAdded_ = true;
-          }
-          this.connected_ = true;
-      };
-      /**
-       * Removes DOM listeners.
-       *
-       * @private
-       * @returns {void}
-       */
-      ResizeObserverController.prototype.disconnect_ = function () {
-          // Do nothing if running in a non-browser environment or if listeners
-          // have been already removed.
-          if (!isBrowser$3 || !this.connected_) {
-              return;
-          }
-          document.removeEventListener('transitionend', this.onTransitionEnd_);
-          window.removeEventListener('resize', this.refresh);
-          if (this.mutationsObserver_) {
-              this.mutationsObserver_.disconnect();
-          }
-          if (this.mutationEventsAdded_) {
-              document.removeEventListener('DOMSubtreeModified', this.refresh);
-          }
-          this.mutationsObserver_ = null;
-          this.mutationEventsAdded_ = false;
-          this.connected_ = false;
-      };
-      /**
-       * "Transitionend" event handler.
-       *
-       * @private
-       * @param {TransitionEvent} event
-       * @returns {void}
-       */
-      ResizeObserverController.prototype.onTransitionEnd_ = function (_a) {
-          var _b = _a.propertyName, propertyName = _b === void 0 ? '' : _b;
-          // Detect whether transition may affect dimensions of an element.
-          var isReflowProperty = transitionKeys.some(function (key) {
-              return !!~propertyName.indexOf(key);
-          });
-          if (isReflowProperty) {
-              this.refresh();
-          }
-      };
-      /**
-       * Returns instance of the ResizeObserverController.
-       *
-       * @returns {ResizeObserverController}
-       */
-      ResizeObserverController.getInstance = function () {
-          if (!this.instance_) {
-              this.instance_ = new ResizeObserverController();
-          }
-          return this.instance_;
-      };
-      /**
-       * Holds reference to the controller's instance.
-       *
-       * @private {ResizeObserverController}
-       */
-      ResizeObserverController.instance_ = null;
-      return ResizeObserverController;
-  }());
-
-  /**
-   * Defines non-writable/enumerable properties of the provided target object.
-   *
-   * @param {Object} target - Object for which to define properties.
-   * @param {Object} props - Properties to be defined.
-   * @returns {Object} Target object.
-   */
-  var defineConfigurable = (function (target, props) {
-      for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {
-          var key = _a[_i];
-          Object.defineProperty(target, key, {
-              value: props[key],
-              enumerable: false,
-              writable: false,
-              configurable: true
-          });
-      }
-      return target;
-  });
-
-  /**
-   * Returns the global object associated with provided element.
-   *
-   * @param {Object} target
-   * @returns {Object}
-   */
-  var getWindowOf = (function (target) {
-      // Assume that the element is an instance of Node, which means that it
-      // has the "ownerDocument" property from which we can retrieve a
-      // corresponding global object.
-      var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView;
-      // Return the local global object if it's not possible extract one from
-      // provided element.
-      return ownerGlobal || global$1;
-  });
-
-  // Placeholder of an empty content rectangle.
-  var emptyRect = createRectInit(0, 0, 0, 0);
-  /**
-   * Converts provided string to a number.
-   *
-   * @param {number|string} value
-   * @returns {number}
-   */
-  function toFloat(value) {
-      return parseFloat(value) || 0;
-  }
-  /**
-   * Extracts borders size from provided styles.
-   *
-   * @param {CSSStyleDeclaration} styles
-   * @param {...string} positions - Borders positions (top, right, ...)
-   * @returns {number}
-   */
-  function getBordersSize(styles) {
-      var positions = [];
-      for (var _i = 1; _i < arguments.length; _i++) {
-          positions[_i - 1] = arguments[_i];
-      }
-      return positions.reduce(function (size, position) {
-          var value = styles['border-' + position + '-width'];
-          return size + toFloat(value);
-      }, 0);
-  }
-  /**
-   * Extracts paddings sizes from provided styles.
-   *
-   * @param {CSSStyleDeclaration} styles
-   * @returns {Object} Paddings box.
-   */
-  function getPaddings(styles) {
-      var positions = ['top', 'right', 'bottom', 'left'];
-      var paddings = {};
-      for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
-          var position = positions_1[_i];
-          var value = styles['padding-' + position];
-          paddings[position] = toFloat(value);
-      }
-      return paddings;
-  }
-  /**
-   * Calculates content rectangle of provided SVG element.
-   *
-   * @param {SVGGraphicsElement} target - Element content rectangle of which needs
-   *      to be calculated.
-   * @returns {DOMRectInit}
-   */
-  function getSVGContentRect(target) {
-      var bbox = target.getBBox();
-      return createRectInit(0, 0, bbox.width, bbox.height);
-  }
-  /**
-   * Calculates content rectangle of provided HTMLElement.
-   *
-   * @param {HTMLElement} target - Element for which to calculate the content rectangle.
-   * @returns {DOMRectInit}
-   */
-  function getHTMLElementContentRect(target) {
-      // Client width & height properties can't be
-      // used exclusively as they provide rounded values.
-      var clientWidth = target.clientWidth, clientHeight = target.clientHeight;
-      // By this condition we can catch all non-replaced inline, hidden and
-      // detached elements. Though elements with width & height properties less
-      // than 0.5 will be discarded as well.
-      //
-      // Without it we would need to implement separate methods for each of
-      // those cases and it's not possible to perform a precise and performance
-      // effective test for hidden elements. E.g. even jQuery's ':visible' filter
-      // gives wrong results for elements with width & height less than 0.5.
-      if (!clientWidth && !clientHeight) {
-          return emptyRect;
-      }
-      var styles = getWindowOf(target).getComputedStyle(target);
-      var paddings = getPaddings(styles);
-      var horizPad = paddings.left + paddings.right;
-      var vertPad = paddings.top + paddings.bottom;
-      // Computed styles of width & height are being used because they are the
-      // only dimensions available to JS that contain non-rounded values. It could
-      // be possible to utilize the getBoundingClientRect if only it's data wasn't
-      // affected by CSS transformations let alone paddings, borders and scroll bars.
-      var width = toFloat(styles.width), height = toFloat(styles.height);
-      // Width & height include paddings and borders when the 'border-box' box
-      // model is applied (except for IE).
-      if (styles.boxSizing === 'border-box') {
-          // Following conditions are required to handle Internet Explorer which
-          // doesn't include paddings and borders to computed CSS dimensions.
-          //
-          // We can say that if CSS dimensions + paddings are equal to the "client"
-          // properties then it's either IE, and thus we don't need to subtract
-          // anything, or an element merely doesn't have paddings/borders styles.
-          if (Math.round(width + horizPad) !== clientWidth) {
-              width -= getBordersSize(styles, 'left', 'right') + horizPad;
-          }
-          if (Math.round(height + vertPad) !== clientHeight) {
-              height -= getBordersSize(styles, 'top', 'bottom') + vertPad;
-          }
-      }
-      // Following steps can't be applied to the document's root element as its
-      // client[Width/Height] properties represent viewport area of the window.
-      // Besides, it's as well not necessary as the <html> itself neither has
-      // rendered scroll bars nor it can be clipped.
-      if (!isDocumentElement$1(target)) {
-          // In some browsers (only in Firefox, actually) CSS width & height
-          // include scroll bars size which can be removed at this step as scroll
-          // bars are the only difference between rounded dimensions + paddings
-          // and "client" properties, though that is not always true in Chrome.
-          var vertScrollbar = Math.round(width + horizPad) - clientWidth;
-          var horizScrollbar = Math.round(height + vertPad) - clientHeight;
-          // Chrome has a rather weird rounding of "client" properties.
-          // E.g. for an element with content width of 314.2px it sometimes gives
-          // the client width of 315px and for the width of 314.7px it may give
-          // 314px. And it doesn't happen all the time. So just ignore this delta
-          // as a non-relevant.
-          if (Math.abs(vertScrollbar) !== 1) {
-              width -= vertScrollbar;
-          }
-          if (Math.abs(horizScrollbar) !== 1) {
-              height -= horizScrollbar;
-          }
-      }
-      return createRectInit(paddings.left, paddings.top, width, height);
-  }
-  /**
-   * Checks whether provided element is an instance of the SVGGraphicsElement.
-   *
-   * @param {Element} target - Element to be checked.
-   * @returns {boolean}
-   */
-  var isSVGGraphicsElement = (function () {
-      // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement
-      // interface.
-      if (typeof SVGGraphicsElement !== 'undefined') {
-          return function (target) { return target instanceof getWindowOf(target).SVGGraphicsElement; };
-      }
-      // If it's so, then check that element is at least an instance of the
-      // SVGElement and that it has the "getBBox" method.
-      // eslint-disable-next-line no-extra-parens
-      return function (target) { return (target instanceof getWindowOf(target).SVGElement &&
-          typeof target.getBBox === 'function'); };
-  })();
-  /**
-   * Checks whether provided element is a document element (<html>).
-   *
-   * @param {Element} target - Element to be checked.
-   * @returns {boolean}
-   */
-  function isDocumentElement$1(target) {
-      return target === getWindowOf(target).document.documentElement;
-  }
-  /**
-   * Calculates an appropriate content rectangle for provided html or svg element.
-   *
-   * @param {Element} target - Element content rectangle of which needs to be calculated.
-   * @returns {DOMRectInit}
-   */
-  function getContentRect(target) {
-      if (!isBrowser$3) {
-          return emptyRect;
-      }
-      if (isSVGGraphicsElement(target)) {
-          return getSVGContentRect(target);
-      }
-      return getHTMLElementContentRect(target);
-  }
-  /**
-   * Creates rectangle with an interface of the DOMRectReadOnly.
-   * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly
-   *
-   * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions.
-   * @returns {DOMRectReadOnly}
-   */
-  function createReadOnlyRect(_a) {
-      var x = _a.x, y = _a.y, width = _a.width, height = _a.height;
-      // If DOMRectReadOnly is available use it as a prototype for the rectangle.
-      var Constr = typeof DOMRectReadOnly !== 'undefined' ? DOMRectReadOnly : Object;
-      var rect = Object.create(Constr.prototype);
-      // Rectangle's properties are not writable and non-enumerable.
-      defineConfigurable(rect, {
-          x: x, y: y, width: width, height: height,
-          top: y,
-          right: x + width,
-          bottom: height + y,
-          left: x
-      });
-      return rect;
-  }
-  /**
-   * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates.
-   * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit
-   *
-   * @param {number} x - X coordinate.
-   * @param {number} y - Y coordinate.
-   * @param {number} width - Rectangle's width.
-   * @param {number} height - Rectangle's height.
-   * @returns {DOMRectInit}
-   */
-  function createRectInit(x, y, width, height) {
-      return { x: x, y: y, width: width, height: height };
-  }
-
-  /**
-   * Class that is responsible for computations of the content rectangle of
-   * provided DOM element and for keeping track of it's changes.
-   */
-  var ResizeObservation = /** @class */ (function () {
-      /**
-       * Creates an instance of ResizeObservation.
-       *
-       * @param {Element} target - Element to be observed.
-       */
-      function ResizeObservation(target) {
-          /**
-           * Broadcasted width of content rectangle.
-           *
-           * @type {number}
-           */
-          this.broadcastWidth = 0;
-          /**
-           * Broadcasted height of content rectangle.
-           *
-           * @type {number}
-           */
-          this.broadcastHeight = 0;
-          /**
-           * Reference to the last observed content rectangle.
-           *
-           * @private {DOMRectInit}
-           */
-          this.contentRect_ = createRectInit(0, 0, 0, 0);
-          this.target = target;
-      }
-      /**
-       * Updates content rectangle and tells whether it's width or height properties
-       * have changed since the last broadcast.
-       *
-       * @returns {boolean}
-       */
-      ResizeObservation.prototype.isActive = function () {
-          var rect = getContentRect(this.target);
-          this.contentRect_ = rect;
-          return (rect.width !== this.broadcastWidth ||
-              rect.height !== this.broadcastHeight);
-      };
-      /**
-       * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data
-       * from the corresponding properties of the last observed content rectangle.
-       *
-       * @returns {DOMRectInit} Last observed content rectangle.
-       */
-      ResizeObservation.prototype.broadcastRect = function () {
-          var rect = this.contentRect_;
-          this.broadcastWidth = rect.width;
-          this.broadcastHeight = rect.height;
-          return rect;
-      };
-      return ResizeObservation;
-  }());
-
-  var ResizeObserverEntry = /** @class */ (function () {
-      /**
-       * Creates an instance of ResizeObserverEntry.
-       *
-       * @param {Element} target - Element that is being observed.
-       * @param {DOMRectInit} rectInit - Data of the element's content rectangle.
-       */
-      function ResizeObserverEntry(target, rectInit) {
-          var contentRect = createReadOnlyRect(rectInit);
-          // According to the specification following properties are not writable
-          // and are also not enumerable in the native implementation.
-          //
-          // Property accessors are not being used as they'd require to define a
-          // private WeakMap storage which may cause memory leaks in browsers that
-          // don't support this type of collections.
-          defineConfigurable(this, { target: target, contentRect: contentRect });
-      }
-      return ResizeObserverEntry;
-  }());
-
-  var ResizeObserverSPI = /** @class */ (function () {
-      /**
-       * Creates a new instance of ResizeObserver.
-       *
-       * @param {ResizeObserverCallback} callback - Callback function that is invoked
-       *      when one of the observed elements changes it's content dimensions.
-       * @param {ResizeObserverController} controller - Controller instance which
-       *      is responsible for the updates of observer.
-       * @param {ResizeObserver} callbackCtx - Reference to the public
-       *      ResizeObserver instance which will be passed to callback function.
-       */
-      function ResizeObserverSPI(callback, controller, callbackCtx) {
-          /**
-           * Collection of resize observations that have detected changes in dimensions
-           * of elements.
-           *
-           * @private {Array<ResizeObservation>}
-           */
-          this.activeObservations_ = [];
-          /**
-           * Registry of the ResizeObservation instances.
-           *
-           * @private {Map<Element, ResizeObservation>}
-           */
-          this.observations_ = new MapShim();
-          if (typeof callback !== 'function') {
-              throw new TypeError('The callback provided as parameter 1 is not a function.');
-          }
-          this.callback_ = callback;
-          this.controller_ = controller;
-          this.callbackCtx_ = callbackCtx;
-      }
-      /**
-       * Starts observing provided element.
-       *
-       * @param {Element} target - Element to be observed.
-       * @returns {void}
-       */
-      ResizeObserverSPI.prototype.observe = function (target) {
-          if (!arguments.length) {
-              throw new TypeError('1 argument required, but only 0 present.');
-          }
-          // Do nothing if current environment doesn't have the Element interface.
-          if (typeof Element === 'undefined' || !(Element instanceof Object)) {
-              return;
-          }
-          if (!(target instanceof getWindowOf(target).Element)) {
-              throw new TypeError('parameter 1 is not of type "Element".');
-          }
-          var observations = this.observations_;
-          // Do nothing if element is already being observed.
-          if (observations.has(target)) {
-              return;
-          }
-          observations.set(target, new ResizeObservation(target));
-          this.controller_.addObserver(this);
-          // Force the update of observations.
-          this.controller_.refresh();
-      };
-      /**
-       * Stops observing provided element.
-       *
-       * @param {Element} target - Element to stop observing.
-       * @returns {void}
-       */
-      ResizeObserverSPI.prototype.unobserve = function (target) {
-          if (!arguments.length) {
-              throw new TypeError('1 argument required, but only 0 present.');
-          }
-          // Do nothing if current environment doesn't have the Element interface.
-          if (typeof Element === 'undefined' || !(Element instanceof Object)) {
-              return;
-          }
-          if (!(target instanceof getWindowOf(target).Element)) {
-              throw new TypeError('parameter 1 is not of type "Element".');
-          }
-          var observations = this.observations_;
-          // Do nothing if element is not being observed.
-          if (!observations.has(target)) {
-              return;
-          }
-          observations.delete(target);
-          if (!observations.size) {
-              this.controller_.removeObserver(this);
-          }
-      };
-      /**
-       * Stops observing all elements.
-       *
-       * @returns {void}
-       */
-      ResizeObserverSPI.prototype.disconnect = function () {
-          this.clearActive();
-          this.observations_.clear();
-          this.controller_.removeObserver(this);
-      };
-      /**
-       * Collects observation instances the associated element of which has changed
-       * it's content rectangle.
-       *
-       * @returns {void}
-       */
-      ResizeObserverSPI.prototype.gatherActive = function () {
-          var _this = this;
-          this.clearActive();
-          this.observations_.forEach(function (observation) {
-              if (observation.isActive()) {
-                  _this.activeObservations_.push(observation);
-              }
-          });
-      };
-      /**
-       * Invokes initial callback function with a list of ResizeObserverEntry
-       * instances collected from active resize observations.
-       *
-       * @returns {void}
-       */
-      ResizeObserverSPI.prototype.broadcastActive = function () {
-          // Do nothing if observer doesn't have active observations.
-          if (!this.hasActive()) {
-              return;
-          }
-          var ctx = this.callbackCtx_;
-          // Create ResizeObserverEntry instance for every active observation.
-          var entries = this.activeObservations_.map(function (observation) {
-              return new ResizeObserverEntry(observation.target, observation.broadcastRect());
-          });
-          this.callback_.call(ctx, entries, ctx);
-          this.clearActive();
-      };
-      /**
-       * Clears the collection of active observations.
-       *
-       * @returns {void}
-       */
-      ResizeObserverSPI.prototype.clearActive = function () {
-          this.activeObservations_.splice(0);
-      };
-      /**
-       * Tells whether observer has active observations.
-       *
-       * @returns {boolean}
-       */
-      ResizeObserverSPI.prototype.hasActive = function () {
-          return this.activeObservations_.length > 0;
-      };
-      return ResizeObserverSPI;
-  }());
-
-  // Registry of internal observers. If WeakMap is not available use current shim
-  // for the Map collection as it has all required methods and because WeakMap
-  // can't be fully polyfilled anyway.
-  var observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();
-  /**
-   * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation
-   * exposing only those methods and properties that are defined in the spec.
-   */
-  var ResizeObserver = /** @class */ (function () {
-      /**
-       * Creates a new instance of ResizeObserver.
-       *
-       * @param {ResizeObserverCallback} callback - Callback that is invoked when
-       *      dimensions of the observed elements change.
-       */
-      function ResizeObserver(callback) {
-          if (!(this instanceof ResizeObserver)) {
-              throw new TypeError('Cannot call a class as a function.');
-          }
-          if (!arguments.length) {
-              throw new TypeError('1 argument required, but only 0 present.');
-          }
-          var controller = ResizeObserverController.getInstance();
-          var observer = new ResizeObserverSPI(callback, controller, this);
-          observers.set(this, observer);
-      }
-      return ResizeObserver;
-  }());
-  // Expose public methods of ResizeObserver.
-  [
-      'observe',
-      'unobserve',
-      'disconnect'
-  ].forEach(function (method) {
-      ResizeObserver.prototype[method] = function () {
-          var _a;
-          return (_a = observers.get(this))[method].apply(_a, arguments);
-      };
-  });
-
-  var index = (function () {
-      // Export existing implementation if available.
-      if (typeof global$1.ResizeObserver !== 'undefined') {
-          return global$1.ResizeObserver;
-      }
-      return ResizeObserver;
-  })();
-
-  var rafSchd = function rafSchd(fn) {
-    var lastArgs = [];
-    var frameId = null;
-
-    var wrapperFn = function wrapperFn() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      lastArgs = args;
-
-      if (frameId) {
-        return;
-      }
-
-      frameId = requestAnimationFrame(function () {
-        frameId = null;
-        fn.apply(void 0, lastArgs);
-      });
-    };
-
-    wrapperFn.cancel = function () {
-      if (!frameId) {
-        return;
-      }
-
-      cancelAnimationFrame(frameId);
-      frameId = null;
-    };
-
-    return wrapperFn;
-  };
-
-  /**
-   * Checks if `value` is the
-   * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
-   * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
-   *
-   * @static
-   * @memberOf _
-   * @since 0.1.0
-   * @category Lang
-   * @param {*} value The value to check.
-   * @returns {boolean} Returns `true` if `value` is an object, else `false`.
-   * @example
-   *
-   * _.isObject({});
-   * // => true
-   *
-   * _.isObject([1, 2, 3]);
-   * // => true
-   *
-   * _.isObject(_.noop);
-   * // => true
-   *
-   * _.isObject(null);
-   * // => false
-   */
-  function isObject(value) {
-    var type = typeof value;
-    return value != null && (type == 'object' || type == 'function');
-  }
-
-  /** Detect free variable `global` from Node.js. */
-  var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
-
-  /** Detect free variable `self`. */
-  var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
-
-  /** Used as a reference to the global object. */
-  var root = freeGlobal || freeSelf || Function('return this')();
-
-  /**
-   * Gets the timestamp of the number of milliseconds that have elapsed since
-   * the Unix epoch (1 January 1970 00:00:00 UTC).
-   *
-   * @static
-   * @memberOf _
-   * @since 2.4.0
-   * @category Date
-   * @returns {number} Returns the timestamp.
-   * @example
-   *
-   * _.defer(function(stamp) {
-   *   console.log(_.now() - stamp);
-   * }, _.now());
-   * // => Logs the number of milliseconds it took for the deferred invocation.
-   */
-  var now = function() {
-    return root.Date.now();
-  };
-
-  /** Used to match a single whitespace character. */
-  var reWhitespace = /\s/;
-
-  /**
-   * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
-   * character of `string`.
-   *
-   * @private
-   * @param {string} string The string to inspect.
-   * @returns {number} Returns the index of the last non-whitespace character.
-   */
-  function trimmedEndIndex(string) {
-    var index = string.length;
-
-    while (index-- && reWhitespace.test(string.charAt(index))) {}
-    return index;
-  }
-
-  /** Used to match leading whitespace. */
-  var reTrimStart = /^\s+/;
-
-  /**
-   * The base implementation of `_.trim`.
-   *
-   * @private
-   * @param {string} string The string to trim.
-   * @returns {string} Returns the trimmed string.
-   */
-  function baseTrim(string) {
-    return string
-      ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')
-      : string;
-  }
-
-  /** Built-in value references. */
-  var Symbol$1 = root.Symbol;
-
-  /** Used for built-in method references. */
-  var objectProto$1 = Object.prototype;
-
-  /** Used to check objects for own properties. */
-  var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
-
-  /**
-   * Used to resolve the
-   * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
-   * of values.
-   */
-  var nativeObjectToString$1 = objectProto$1.toString;
-
-  /** Built-in value references. */
-  var symToStringTag$1 = Symbol$1 ? Symbol$1.toStringTag : undefined;
-
-  /**
-   * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
-   *
-   * @private
-   * @param {*} value The value to query.
-   * @returns {string} Returns the raw `toStringTag`.
-   */
-  function getRawTag(value) {
-    var isOwn = hasOwnProperty$1.call(value, symToStringTag$1),
-        tag = value[symToStringTag$1];
-
-    try {
-      value[symToStringTag$1] = undefined;
-      var unmasked = true;
-    } catch (e) {}
-
-    var result = nativeObjectToString$1.call(value);
-    if (unmasked) {
-      if (isOwn) {
-        value[symToStringTag$1] = tag;
-      } else {
-        delete value[symToStringTag$1];
-      }
-    }
-    return result;
-  }
-
-  /** Used for built-in method references. */
-  var objectProto = Object.prototype;
-
-  /**
-   * Used to resolve the
-   * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
-   * of values.
-   */
-  var nativeObjectToString = objectProto.toString;
-
-  /**
-   * Converts `value` to a string using `Object.prototype.toString`.
-   *
-   * @private
-   * @param {*} value The value to convert.
-   * @returns {string} Returns the converted string.
-   */
-  function objectToString(value) {
-    return nativeObjectToString.call(value);
-  }
-
-  /** `Object#toString` result references. */
-  var nullTag = '[object Null]',
-      undefinedTag = '[object Undefined]';
-
-  /** Built-in value references. */
-  var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : undefined;
-
-  /**
-   * The base implementation of `getTag` without fallbacks for buggy environments.
-   *
-   * @private
-   * @param {*} value The value to query.
-   * @returns {string} Returns the `toStringTag`.
-   */
-  function baseGetTag(value) {
-    if (value == null) {
-      return value === undefined ? undefinedTag : nullTag;
-    }
-    return (symToStringTag && symToStringTag in Object(value))
-      ? getRawTag(value)
-      : objectToString(value);
-  }
-
-  /**
-   * Checks if `value` is object-like. A value is object-like if it's not `null`
-   * and has a `typeof` result of "object".
-   *
-   * @static
-   * @memberOf _
-   * @since 4.0.0
-   * @category Lang
-   * @param {*} value The value to check.
-   * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
-   * @example
-   *
-   * _.isObjectLike({});
-   * // => true
-   *
-   * _.isObjectLike([1, 2, 3]);
-   * // => true
-   *
-   * _.isObjectLike(_.noop);
-   * // => false
-   *
-   * _.isObjectLike(null);
-   * // => false
-   */
-  function isObjectLike(value) {
-    return value != null && typeof value == 'object';
-  }
-
-  /** `Object#toString` result references. */
-  var symbolTag = '[object Symbol]';
-
-  /**
-   * Checks if `value` is classified as a `Symbol` primitive or object.
-   *
-   * @static
-   * @memberOf _
-   * @since 4.0.0
-   * @category Lang
-   * @param {*} value The value to check.
-   * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
-   * @example
-   *
-   * _.isSymbol(Symbol.iterator);
-   * // => true
-   *
-   * _.isSymbol('abc');
-   * // => false
-   */
-  function isSymbol(value) {
-    return typeof value == 'symbol' ||
-      (isObjectLike(value) && baseGetTag(value) == symbolTag);
-  }
-
-  /** Used as references for various `Number` constants. */
-  var NAN = 0 / 0;
-
-  /** Used to detect bad signed hexadecimal string values. */
-  var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-
-  /** Used to detect binary string values. */
-  var reIsBinary = /^0b[01]+$/i;
-
-  /** Used to detect octal string values. */
-  var reIsOctal = /^0o[0-7]+$/i;
-
-  /** Built-in method references without a dependency on `root`. */
-  var freeParseInt = parseInt;
-
-  /**
-   * Converts `value` to a number.
-   *
-   * @static
-   * @memberOf _
-   * @since 4.0.0
-   * @category Lang
-   * @param {*} value The value to process.
-   * @returns {number} Returns the number.
-   * @example
-   *
-   * _.toNumber(3.2);
-   * // => 3.2
-   *
-   * _.toNumber(Number.MIN_VALUE);
-   * // => 5e-324
-   *
-   * _.toNumber(Infinity);
-   * // => Infinity
-   *
-   * _.toNumber('3.2');
-   * // => 3.2
-   */
-  function toNumber(value) {
-    if (typeof value == 'number') {
-      return value;
-    }
-    if (isSymbol(value)) {
-      return NAN;
-    }
-    if (isObject(value)) {
-      var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
-      value = isObject(other) ? (other + '') : other;
-    }
-    if (typeof value != 'string') {
-      return value === 0 ? value : +value;
-    }
-    value = baseTrim(value);
-    var isBinary = reIsBinary.test(value);
-    return (isBinary || reIsOctal.test(value))
-      ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
-      : (reIsBadHex.test(value) ? NAN : +value);
-  }
-
-  /** Error message constants. */
-  var FUNC_ERROR_TEXT$1 = 'Expected a function';
-
-  /* Built-in method references for those with the same name as other `lodash` methods. */
-  var nativeMax = Math.max,
-      nativeMin = Math.min;
-
-  /**
-   * Creates a debounced function that delays invoking `func` until after `wait`
-   * milliseconds have elapsed since the last time the debounced function was
-   * invoked. The debounced function comes with a `cancel` method to cancel
-   * delayed `func` invocations and a `flush` method to immediately invoke them.
-   * Provide `options` to indicate whether `func` should be invoked on the
-   * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
-   * with the last arguments provided to the debounced function. Subsequent
-   * calls to the debounced function return the result of the last `func`
-   * invocation.
-   *
-   * **Note:** If `leading` and `trailing` options are `true`, `func` is
-   * invoked on the trailing edge of the timeout only if the debounced function
-   * is invoked more than once during the `wait` timeout.
-   *
-   * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
-   * until to the next tick, similar to `setTimeout` with a timeout of `0`.
-   *
-   * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
-   * for details over the differences between `_.debounce` and `_.throttle`.
-   *
-   * @static
-   * @memberOf _
-   * @since 0.1.0
-   * @category Function
-   * @param {Function} func The function to debounce.
-   * @param {number} [wait=0] The number of milliseconds to delay.
-   * @param {Object} [options={}] The options object.
-   * @param {boolean} [options.leading=false]
-   *  Specify invoking on the leading edge of the timeout.
-   * @param {number} [options.maxWait]
-   *  The maximum time `func` is allowed to be delayed before it's invoked.
-   * @param {boolean} [options.trailing=true]
-   *  Specify invoking on the trailing edge of the timeout.
-   * @returns {Function} Returns the new debounced function.
-   * @example
-   *
-   * // Avoid costly calculations while the window size is in flux.
-   * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
-   *
-   * // Invoke `sendMail` when clicked, debouncing subsequent calls.
-   * jQuery(element).on('click', _.debounce(sendMail, 300, {
-   *   'leading': true,
-   *   'trailing': false
-   * }));
-   *
-   * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
-   * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
-   * var source = new EventSource('/stream');
-   * jQuery(source).on('message', debounced);
-   *
-   * // Cancel the trailing debounced invocation.
-   * jQuery(window).on('popstate', debounced.cancel);
-   */
-  function debounce$1(func, wait, options) {
-    var lastArgs,
-        lastThis,
-        maxWait,
-        result,
-        timerId,
-        lastCallTime,
-        lastInvokeTime = 0,
-        leading = false,
-        maxing = false,
-        trailing = true;
-
-    if (typeof func != 'function') {
-      throw new TypeError(FUNC_ERROR_TEXT$1);
-    }
-    wait = toNumber(wait) || 0;
-    if (isObject(options)) {
-      leading = !!options.leading;
-      maxing = 'maxWait' in options;
-      maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-      trailing = 'trailing' in options ? !!options.trailing : trailing;
-    }
-
-    function invokeFunc(time) {
-      var args = lastArgs,
-          thisArg = lastThis;
-
-      lastArgs = lastThis = undefined;
-      lastInvokeTime = time;
-      result = func.apply(thisArg, args);
-      return result;
-    }
-
-    function leadingEdge(time) {
-      // Reset any `maxWait` timer.
-      lastInvokeTime = time;
-      // Start the timer for the trailing edge.
-      timerId = setTimeout(timerExpired, wait);
-      // Invoke the leading edge.
-      return leading ? invokeFunc(time) : result;
-    }
-
-    function remainingWait(time) {
-      var timeSinceLastCall = time - lastCallTime,
-          timeSinceLastInvoke = time - lastInvokeTime,
-          timeWaiting = wait - timeSinceLastCall;
-
-      return maxing
-        ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)
-        : timeWaiting;
-    }
-
-    function shouldInvoke(time) {
-      var timeSinceLastCall = time - lastCallTime,
-          timeSinceLastInvoke = time - lastInvokeTime;
-
-      // Either this is the first call, activity has stopped and we're at the
-      // trailing edge, the system time has gone backwards and we're treating
-      // it as the trailing edge, or we've hit the `maxWait` limit.
-      return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
-        (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
-    }
-
-    function timerExpired() {
-      var time = now();
-      if (shouldInvoke(time)) {
-        return trailingEdge(time);
-      }
-      // Restart the timer.
-      timerId = setTimeout(timerExpired, remainingWait(time));
-    }
-
-    function trailingEdge(time) {
-      timerId = undefined;
-
-      // Only invoke if we have `lastArgs` which means `func` has been
-      // debounced at least once.
-      if (trailing && lastArgs) {
-        return invokeFunc(time);
-      }
-      lastArgs = lastThis = undefined;
-      return result;
-    }
-
-    function cancel() {
-      if (timerId !== undefined) {
-        clearTimeout(timerId);
-      }
-      lastInvokeTime = 0;
-      lastArgs = lastCallTime = lastThis = timerId = undefined;
-    }
-
-    function flush() {
-      return timerId === undefined ? result : trailingEdge(now());
-    }
-
-    function debounced() {
-      var time = now(),
-          isInvoking = shouldInvoke(time);
-
-      lastArgs = arguments;
-      lastThis = this;
-      lastCallTime = time;
-
-      if (isInvoking) {
-        if (timerId === undefined) {
-          return leadingEdge(lastCallTime);
-        }
-        if (maxing) {
-          // Handle invocations in a tight loop.
-          clearTimeout(timerId);
-          timerId = setTimeout(timerExpired, wait);
-          return invokeFunc(lastCallTime);
-        }
-      }
-      if (timerId === undefined) {
-        timerId = setTimeout(timerExpired, wait);
-      }
-      return result;
-    }
-    debounced.cancel = cancel;
-    debounced.flush = flush;
-    return debounced;
-  }
-
-  /** Error message constants. */
-  var FUNC_ERROR_TEXT = 'Expected a function';
-
-  /**
-   * Creates a throttled function that only invokes `func` at most once per
-   * every `wait` milliseconds. The throttled function comes with a `cancel`
-   * method to cancel delayed `func` invocations and a `flush` method to
-   * immediately invoke them. Provide `options` to indicate whether `func`
-   * should be invoked on the leading and/or trailing edge of the `wait`
-   * timeout. The `func` is invoked with the last arguments provided to the
-   * throttled function. Subsequent calls to the throttled function return the
-   * result of the last `func` invocation.
-   *
-   * **Note:** If `leading` and `trailing` options are `true`, `func` is
-   * invoked on the trailing edge of the timeout only if the throttled function
-   * is invoked more than once during the `wait` timeout.
-   *
-   * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
-   * until to the next tick, similar to `setTimeout` with a timeout of `0`.
-   *
-   * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
-   * for details over the differences between `_.throttle` and `_.debounce`.
-   *
-   * @static
-   * @memberOf _
-   * @since 0.1.0
-   * @category Function
-   * @param {Function} func The function to throttle.
-   * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
-   * @param {Object} [options={}] The options object.
-   * @param {boolean} [options.leading=true]
-   *  Specify invoking on the leading edge of the timeout.
-   * @param {boolean} [options.trailing=true]
-   *  Specify invoking on the trailing edge of the timeout.
-   * @returns {Function} Returns the new throttled function.
-   * @example
-   *
-   * // Avoid excessively updating the position while scrolling.
-   * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
-   *
-   * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
-   * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
-   * jQuery(element).on('click', throttled);
-   *
-   * // Cancel the trailing throttled invocation.
-   * jQuery(window).on('popstate', throttled.cancel);
-   */
-  function throttle(func, wait, options) {
-    var leading = true,
-        trailing = true;
-
-    if (typeof func != 'function') {
-      throw new TypeError(FUNC_ERROR_TEXT);
-    }
-    if (isObject(options)) {
-      leading = 'leading' in options ? !!options.leading : leading;
-      trailing = 'trailing' in options ? !!options.trailing : trailing;
-    }
-    return debounce$1(func, wait, {
-      'leading': leading,
-      'maxWait': wait,
-      'trailing': trailing
-    });
-  }
-
-  var listHandle = {
-    debounce: debounce$1,
-    throttle: throttle
-  };
-  var getHandle = function getHandle(type) {
-    return listHandle[type];
-  };
-  var isFunction = function isFunction(fn) {
-    return typeof fn === 'function';
-  };
-  var isSSR = function isSSR() {
-    return typeof window === 'undefined';
-  };
-  var isDOMElement = function isDOMElement(element) {
-    return element instanceof Element || element instanceof HTMLDocument;
-  };
-
-  function _typeof$1(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$1 = function _typeof(obj) { return typeof obj; }; } else { _typeof$1 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$1(obj); }
-
-  function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-  function _defineProperties$1(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-  function _createClass$1(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$1(Constructor.prototype, protoProps); if (staticProps) _defineProperties$1(Constructor, staticProps); return Constructor; }
-
-  function _inherits$1(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf$2(subClass, superClass); }
-
-  function _setPrototypeOf$2(o, p) { _setPrototypeOf$2 = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$2(o, p); }
-
-  function _createSuper$7(Derived) { return function () { var Super = _getPrototypeOf$1(Derived), result; if (_isNativeReflectConstruct$7()) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$1(this, result); }; }
-
-  function _possibleConstructorReturn$1(self, call) { if (call && (_typeof$1(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$2(self); }
-
-  function _assertThisInitialized$2(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-  function _isNativeReflectConstruct$7() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-  function _getPrototypeOf$1(o) { _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$1(o); }
-
-  var ChildWrapper = /*#__PURE__*/function (_PureComponent) {
-    _inherits$1(ChildWrapper, _PureComponent);
-
-    var _super = _createSuper$7(ChildWrapper);
-
-    function ChildWrapper() {
-      _classCallCheck$1(this, ChildWrapper);
-
-      return _super.apply(this, arguments);
-    }
-
-    _createClass$1(ChildWrapper, [{
-      key: "render",
-      value: function render() {
-        // eslint-disable-next-line react/prop-types
-        return this.props.children;
-      }
-    }]);
-
-    return ChildWrapper;
-  }(React.PureComponent);
-
-  function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf$1(subClass, superClass); }
-
-  function _setPrototypeOf$1(o, p) { _setPrototypeOf$1 = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$1(o, p); }
-
-  function _createSuper$6(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$6()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$1(self); }
-
-  function _assertThisInitialized$1(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-  function _isNativeReflectConstruct$6() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-  var ResizeDetector = /*#__PURE__*/function (_PureComponent) {
-    _inherits(ResizeDetector, _PureComponent);
-
-    var _super = _createSuper$6(ResizeDetector);
-
-    function ResizeDetector(props) {
-      var _this;
-
-      _classCallCheck(this, ResizeDetector);
-
-      _this = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized$1(_this), "cancelHandler", function () {
-        if (_this.resizeHandler && _this.resizeHandler.cancel) {
-          // cancel debounced handler
-          _this.resizeHandler.cancel();
-
-          _this.resizeHandler = null;
-        }
-      });
-
-      _defineProperty(_assertThisInitialized$1(_this), "rafClean", function () {
-        if (_this.raf && _this.raf.cancel) {
-          _this.raf.cancel();
-
-          _this.raf = null;
-        }
-      });
-
-      _defineProperty(_assertThisInitialized$1(_this), "toggleObserver", function (type) {
-        var element = _this.getElement();
-
-        if (!element || !_this.resizeObserver[type]) return;
-
-        _this.resizeObserver[type](element);
-      });
-
-      _defineProperty(_assertThisInitialized$1(_this), "getElement", function () {
-        var _this$props = _this.props,
-            querySelector = _this$props.querySelector,
-            targetDomEl = _this$props.targetDomEl;
-        if (isSSR()) return undefined;
-        if (querySelector) return document.querySelector(querySelector);
-        if (targetDomEl && isDOMElement(targetDomEl)) return targetDomEl; // eslint-disable-next-line react/no-find-dom-node
-
-        var currentElement = _this.element && reactDom.findDOMNode(_this.element);
-        if (!currentElement) return undefined;
-        return currentElement.parentElement;
-      });
-
-      _defineProperty(_assertThisInitialized$1(_this), "createUpdater", function () {
-        _this.rafClean();
-
-        _this.raf = rafSchd(function (_ref) {
-          var width = _ref.width,
-              height = _ref.height;
-          var onResize = _this.props.onResize;
-
-          if (isFunction(onResize)) {
-            onResize(width, height);
-          }
-
-          _this.setState({
-            width: width,
-            height: height
-          });
-        });
-        return _this.raf;
-      });
-
-      _defineProperty(_assertThisInitialized$1(_this), "createResizeHandler", function (entries) {
-        var _this$state = _this.state,
-            widthCurrent = _this$state.width,
-            heightCurrent = _this$state.height;
-        var _this$props2 = _this.props,
-            handleWidth = _this$props2.handleWidth,
-            handleHeight = _this$props2.handleHeight;
-        if (!handleWidth && !handleHeight) return;
-
-        var updater = _this.createUpdater();
-
-        entries.forEach(function (entry) {
-          var _ref2 = entry && entry.contentRect || {},
-              width = _ref2.width,
-              height = _ref2.height;
-
-          var isWidthChanged = handleWidth && widthCurrent !== width;
-          var isHeightChanged = handleHeight && heightCurrent !== height;
-          var isSizeChanged = isWidthChanged || isHeightChanged;
-          var shouldSetSize = !_this.skipOnMount && isSizeChanged && !isSSR();
-
-          if (shouldSetSize) {
-            updater({
-              width: width,
-              height: height
-            });
-          }
-
-          _this.skipOnMount = false;
-        });
-      });
-
-      _defineProperty(_assertThisInitialized$1(_this), "onRef", function (el) {
-        _this.element = el;
-      });
-
-      _defineProperty(_assertThisInitialized$1(_this), "getRenderType", function () {
-        var _this$props3 = _this.props,
-            render = _this$props3.render,
-            children = _this$props3.children;
-
-        if (isFunction(render)) {
-          return 'renderProp';
-        }
-
-        if (isFunction(children)) {
-          return 'childFunction';
-        }
-
-        if (React.isValidElement(children)) {
-          return 'child';
-        }
-
-        if (Array.isArray(children)) {
-          return 'childArray';
-        }
-
-        return 'parent';
-      });
-
-      _defineProperty(_assertThisInitialized$1(_this), "getTargetComponent", function () {
-        var _this$props4 = _this.props,
-            render = _this$props4.render,
-            children = _this$props4.children,
-            nodeType = _this$props4.nodeType;
-        var _this$state2 = _this.state,
-            width = _this$state2.width,
-            height = _this$state2.height;
-        var childProps = {
-          width: width,
-          height: height
-        };
-
-        var renderType = _this.getRenderType();
-
-        switch (renderType) {
-          case 'renderProp':
-            return React.cloneElement(render(childProps), {
-              key: 'resize-detector'
-            });
-
-          case 'childFunction':
-            return React.cloneElement(children(childProps));
-
-          case 'child':
-            return React.cloneElement(children, childProps);
-
-          case 'childArray':
-            return children.map(function (el) {
-              return !!el && React.cloneElement(el, childProps);
-            });
-
-          default:
-            return React.createElement(nodeType);
-        }
-      });
-
-      var skipOnMount = props.skipOnMount,
-          refreshMode = props.refreshMode,
-          refreshRate = props.refreshRate,
-          refreshOptions = props.refreshOptions;
-      _this.state = {
-        width: undefined,
-        height: undefined
-      };
-      _this.skipOnMount = skipOnMount;
-      _this.raf = null;
-      _this.element = null;
-      _this.unmounted = false;
-      var handle = getHandle(refreshMode);
-      _this.resizeHandler = handle ? handle(_this.createResizeHandler, refreshRate, refreshOptions) : _this.createResizeHandler;
-      _this.resizeObserver = new index(_this.resizeHandler);
-      return _this;
-    }
-
-    _createClass(ResizeDetector, [{
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        this.toggleObserver('observe');
-      }
-    }, {
-      key: "componentWillUnmount",
-      value: function componentWillUnmount() {
-        this.toggleObserver('unobserve');
-        this.rafClean();
-        this.cancelHandler();
-        this.unmounted = true;
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        return /*#__PURE__*/React__default['default'].createElement(ChildWrapper, {
-          ref: this.onRef
-        }, this.getTargetComponent());
-      }
-    }]);
-
-    return ResizeDetector;
-  }(React.PureComponent);
-
-  ResizeDetector.propTypes = {
-    handleWidth: PropTypes.bool,
-    handleHeight: PropTypes.bool,
-    skipOnMount: PropTypes.bool,
-    refreshRate: PropTypes.number,
-    refreshMode: PropTypes.string,
-    refreshOptions: PropTypes.shape({
-      leading: PropTypes.bool,
-      trailing: PropTypes.bool
-    }),
-    querySelector: PropTypes.string,
-    targetDomEl: PropTypes.any,
-    // eslint-disable-line react/forbid-prop-types
-    onResize: PropTypes.func,
-    render: PropTypes.func,
-    children: PropTypes.any,
-    // eslint-disable-line react/forbid-prop-types
-    nodeType: PropTypes.node
-  };
-  ResizeDetector.defaultProps = {
-    handleWidth: false,
-    handleHeight: false,
-    skipOnMount: false,
-    refreshRate: 1000,
-    refreshMode: undefined,
-    refreshOptions: undefined,
-    querySelector: null,
-    targetDomEl: null,
-    onResize: null,
-    render: undefined,
-    children: null,
-    nodeType: 'div'
-  };
-
   var _excluded = ["name", "onSubmit"];
 
   var BaseNavBarSearch = function BaseNavBarSearch(_ref) {
@@ -24059,7 +22229,7 @@
   };
 
   var NavBar$1 = function NavBar(props) {
-    return /*#__PURE__*/React__default['default'].createElement(ResizeDetector, {
+    return /*#__PURE__*/React__default['default'].createElement(ReactResizeDetector__default['default'], {
       handleWidth: true
     }, /*#__PURE__*/React__default['default'].createElement(SelectNavBarBasedOnWidth$1, Object.assign({}, props)));
   };
@@ -28033,7 +26203,7 @@
             role: "tablist",
             onScroll: handleScroll,
             ref: _this3.tabContainerRef
-          }, spaceProps), /*#__PURE__*/React__default['default'].createElement(ResizeDetector, {
+          }, spaceProps), /*#__PURE__*/React__default['default'].createElement(ReactResizeDetector__default['default'], {
             handleWidth: true,
             onResize: handleResize
           }), _this3.getTabs(setFocusedIndex, focusedIndex, handleArrowNavigation));
@@ -45024,16 +43194,17 @@
     return getRenderFunction$1(menuItem)(menuItem, themeColorObject, layer);
   };
 
-  var BaseDesktopMenu = function BaseDesktopMenu(_a) {
+  var BaseDesktopMenu = /*#__PURE__*/React__default['default'].forwardRef(function (_a, ref) {
     var menuData = _a.menuData,
         themeColorObject = _a.themeColorObject,
         props = __rest(_a, ["menuData", "themeColorObject"]);
 
-    return /*#__PURE__*/React__default['default'].createElement(Nav$1, Object.assign({}, props), menuData.map(function (menuItem) {
+    return /*#__PURE__*/React__default['default'].createElement(Nav$1, Object.assign({}, props, {
+      ref: ref
+    }), menuData.map(function (menuItem) {
       return renderMenuItem(menuItem, themeColorObject, 0);
     }));
-  };
-
+  });
   var DesktopMenu = styled__default['default'](BaseDesktopMenu).withConfig({
     displayName: "DesktopMenu",
     componentId: "sc-8mrjkc-3"
@@ -45099,6 +43270,83 @@
   };
 
   var borderStyle$1 = "1px solid #e4e7eb";
+  var NulogyLogoContainer = function NulogyLogoContainer(_ref) {
+    var subText = _ref.subText,
+        height = _ref.height;
+    return /*#__PURE__*/React__default['default'].createElement(Flex, {
+      px: "x1",
+      py: "half",
+      alignItems: "center",
+      // boxShadow="small"
+      justifyContent: "center",
+      flexDirection: subText ? "column" : "row",
+      height: height,
+      borderLeft: borderStyle$1,
+      borderRight: borderStyle$1
+    }, /*#__PURE__*/React__default['default'].createElement(Box, {
+      width: "76px",
+      height: "18px"
+    }, /*#__PURE__*/React__default['default'].createElement(NulogyLogo, null)), subText && /*#__PURE__*/React__default['default'].createElement(Text, {
+      fontSize: "8px",
+      lineHeight: "10px",
+      color: "darkGrey",
+      fontWeight: "medium",
+      textTransform: "uppercase",
+      letterSpacing: ".5px"
+    }, subText));
+  };
+
+  var EnvironmentBanner = function EnvironmentBanner(_ref) {
+    var children = _ref.children;
+    return /*#__PURE__*/React__default['default'].createElement(Box, {
+      bg: "darkBlue",
+      textAlign: "center"
+    }, /*#__PURE__*/React__default['default'].createElement(Text, {
+      fontSize: "10px",
+      letterSpacing: "0.5px",
+      fontWeight: "bold",
+      color: "white",
+      textTransform: "uppercase",
+      py: "2px"
+    }, children));
+  };
+
+  var MAX_LOGO_WIDTH = "184px";
+  var MAX_LOGO_HEIGHT = "36px";
+
+  var BrandLogoContainer = function BrandLogoContainer(_ref) {
+    var logoSrc = _ref.logoSrc,
+        brandingLinkHref = _ref.brandingLinkHref,
+        brandingLinkTo = _ref.brandingLinkTo,
+        brandingLinkComponent = _ref.brandingLinkComponent,
+        subtext = _ref.subtext;
+    return /*#__PURE__*/React__default['default'].createElement(Box, {
+      maxWidth: MAX_LOGO_WIDTH,
+      maxHeight: MAX_LOGO_HEIGHT
+    }, /*#__PURE__*/React__default['default'].createElement(Link, {
+      "aria-label": "Home",
+      href: brandingLinkHref,
+      to: brandingLinkTo,
+      as: brandingLinkComponent,
+      underline: false,
+      style: {
+        display: "block"
+      }
+    }, logoSrc && /*#__PURE__*/React__default['default'].createElement("img", {
+      src: logoSrc,
+      style: {
+        maxWidth: MAX_LOGO_WIDTH,
+        maxHeight: MAX_LOGO_HEIGHT
+      },
+      alt: ""
+    }), !logoSrc && /*#__PURE__*/React__default['default'].createElement(Branding, {
+      size: subtext ? "small" : "medium",
+      logoColor: "blue",
+      subtext: subtext
+    })));
+  };
+
+  var borderStyle = "1px solid #e4e7eb";
   var BrandingWrap = styled__default['default'].div.withConfig({
     displayName: "MobileMenu__BrandingWrap",
     componentId: "sc-18t6zrc-0"
@@ -45325,7 +43573,7 @@
       logoColor: themeColorObject && themeColorObject.logoColor
     })), /*#__PURE__*/React__default['default'].createElement(Menu$1, null, menuData.primaryMenu && renderTopLayerMenuItems(menuData.primaryMenu, closeMenu, themeColorObject), menuData.secondaryMenu && renderTopLayerMenuItems(menuData.secondaryMenu, closeMenu, themeColorObject)), logoSrc && /*#__PURE__*/React__default['default'].createElement(Flex, {
       textAlign: "center",
-      borderTop: borderStyle$1,
+      borderTop: borderStyle,
       height: "40px",
       alignItems: "center",
       justifyContent: "center"
@@ -45344,163 +43592,28 @@
     componentId: "sc-18t6zrc-6"
   })(display);
 
-  var borderStyle = "1px solid #e4e7eb";
-  var NulogyLogoContainer = function NulogyLogoContainer(_ref) {
-    var subText = _ref.subText,
-        height = _ref.height;
-    return /*#__PURE__*/React__default['default'].createElement(Flex, {
-      px: "x1",
-      py: "half",
-      alignItems: "center",
-      // boxShadow="small"
-      justifyContent: "center",
-      flexDirection: subText ? "column" : "row",
-      height: height,
-      borderLeft: borderStyle,
-      borderRight: borderStyle
-    }, /*#__PURE__*/React__default['default'].createElement(Box, {
-      width: "76px",
-      height: "18px"
-    }, /*#__PURE__*/React__default['default'].createElement(NulogyLogo, null)), subText && /*#__PURE__*/React__default['default'].createElement(Text, {
-      fontSize: "8px",
-      lineHeight: "10px",
-      color: "darkGrey",
-      fontWeight: "medium",
-      textTransform: "uppercase",
-      letterSpacing: ".5px"
-    }, subText));
-  };
-
-  var EnvironmentBanner = function EnvironmentBanner(_ref) {
-    var children = _ref.children;
-    return /*#__PURE__*/React__default['default'].createElement(Box, {
-      bg: "darkBlue",
-      textAlign: "center"
-    }, /*#__PURE__*/React__default['default'].createElement(Text, {
-      fontSize: "10px",
-      letterSpacing: "0.5px",
-      fontWeight: "bold",
-      color: "white",
-      textTransform: "uppercase",
-      py: "2px"
-    }, children));
-  };
-
-  var MAX_LOGO_WIDTH = "184px";
-  var MAX_LOGO_HEIGHT = "36px";
-  var NAVBAR_HEIGHT = "56px";
-  var themeColorObject = {
-    color: "darkBlue",
-    hoverColor: "blackBlue",
-    background: "white",
-    hoverBackground: "whiteGrey",
-    textColor: "blackBlue",
-    logoColor: "blue"
-  };
   var NavBarBackground = styled__default['default'](Flex).withConfig({
-    displayName: "NavBar__NavBarBackground",
-    componentId: "cszq6w-0"
+    displayName: "NavBarBackground",
+    componentId: "sc-1g75y9j-0"
   })(function (_ref) {
-    var backgroundColor = _ref.backgroundColor,
-        theme = _ref.theme;
+    var theme = _ref.theme;
     return {
-      background: backgroundColor,
       padding: "0 " + theme.space.x3,
       borderBottom: "1px solid " + theme.colors.lightGrey,
       alignItems: "center",
-      height: NAVBAR_HEIGHT,
       zIndex: theme.zIndices.navBar,
       position: "relative"
     };
-  });
-
-  var BrandLogoContainer = function BrandLogoContainer(_ref2) {
-    var logoSrc = _ref2.logoSrc,
-        brandingLinkHref = _ref2.brandingLinkHref,
-        brandingLinkTo = _ref2.brandingLinkTo,
-        brandingLinkComponent = _ref2.brandingLinkComponent,
-        subtext = _ref2.subtext;
-    return /*#__PURE__*/React__default['default'].createElement(Box, {
-      maxWidth: MAX_LOGO_WIDTH,
-      maxHeight: MAX_LOGO_HEIGHT
-    }, /*#__PURE__*/React__default['default'].createElement(Link, {
-      "aria-label": "Home",
-      href: brandingLinkHref,
-      to: brandingLinkTo,
-      as: brandingLinkComponent,
-      underline: false,
-      style: {
-        display: "block"
-      }
-    }, logoSrc && /*#__PURE__*/React__default['default'].createElement("img", {
-      src: logoSrc,
-      style: {
-        maxWidth: MAX_LOGO_WIDTH,
-        maxHeight: MAX_LOGO_HEIGHT
-      },
-      alt: ""
-    }), !logoSrc && /*#__PURE__*/React__default['default'].createElement(Branding, {
-      size: subtext ? "small" : "medium",
-      logoColor: "blue",
-      subtext: subtext
-    })));
-  };
-
-  var MediumNavBar = function MediumNavBar(_a) {
-    var menuData = _a.menuData,
-        subtext = _a.subtext,
-        environment = _a.environment,
-        logoSrc = _a.logoSrc,
-        _a$brandingLinkHref = _a.brandingLinkHref,
-        brandingLinkHref = _a$brandingLinkHref === void 0 ? "/" : _a$brandingLinkHref,
-        brandingLinkTo = _a.brandingLinkTo,
-        brandingLinkComponent = _a.brandingLinkComponent,
-        props = __rest(_a, ["menuData", "subtext", "environment", "logoSrc", "brandingLinkHref", "brandingLinkTo", "brandingLinkComponent"]);
-
-    var _useTranslation = useTranslation(),
-        t = _useTranslation.t;
-
-    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, environment && /*#__PURE__*/React__default['default'].createElement(EnvironmentBanner, null, environment), /*#__PURE__*/React__default['default'].createElement("header", Object.assign({}, props), /*#__PURE__*/React__default['default'].createElement(NavBarBackground, {
-      backgroundColor: "white"
-    }, /*#__PURE__*/React__default['default'].createElement(BrandLogoContainer, {
-      logoSrc: logoSrc,
-      brandingLinkHref: brandingLinkHref,
-      brandingLinkTo: brandingLinkTo,
-      brandingLinkComponent: brandingLinkComponent,
-      subtext: subtext
-    }), /*#__PURE__*/React__default['default'].createElement(Flex, {
-      justifyContent: "space-between",
-      alignContent: "flex-end",
-      flexGrow: 1,
-      ml: "x3",
-      alignItems: "center"
-    }, menuData.primaryMenu && /*#__PURE__*/React__default['default'].createElement(DesktopMenu, {
-      themeColorObject: themeColorObject,
-      "aria-label": t("primary navigation"),
-      menuData: menuData.primaryMenu
-    }), /*#__PURE__*/React__default['default'].createElement(Flex, {
-      justifySelf: "flex-end",
-      alignItems: "center"
-    }, menuData.secondaryMenu && /*#__PURE__*/React__default['default'].createElement(DesktopMenu, {
-      themeColorObject: themeColorObject,
-      "aria-label": t("secondary navigation"),
-      menuData: menuData.secondaryMenu
-    }), logoSrc && /*#__PURE__*/React__default['default'].createElement(Box, {
-      pl: "x3"
-    }, /*#__PURE__*/React__default['default'].createElement(NulogyLogoContainer, {
-      height: NAVBAR_HEIGHT,
-      subText: subtext
-    })))))));
-  };
+  }, addStyledProps);
 
   var MobileMenuTrigger = styled__default['default'].button.withConfig({
-    displayName: "NavBar__MobileMenuTrigger",
-    componentId: "cszq6w-1"
-  })(function (_ref3) {
-    var color = _ref3.color,
-        hoverColor = _ref3.hoverColor,
-        hoverBackground = _ref3.hoverBackground,
-        theme = _ref3.theme;
+    displayName: "SmallNavBar__MobileMenuTrigger",
+    componentId: "ykabay-0"
+  })(function (_ref) {
+    var color = _ref.color,
+        hoverColor = _ref.hoverColor,
+        hoverBackground = _ref.hoverBackground,
+        theme = _ref.theme;
     return {
       color: theme.colors[color] || color,
       background: "none",
@@ -45522,11 +43635,11 @@
     };
   });
   var SmallHeader = styled__default['default'].header.withConfig({
-    displayName: "NavBar__SmallHeader",
-    componentId: "cszq6w-2"
-  })(function (_ref4) {
-    var isOpen = _ref4.isOpen,
-        theme = _ref4.theme;
+    displayName: "SmallNavBar__SmallHeader",
+    componentId: "ykabay-1"
+  })(function (_ref2) {
+    var isOpen = _ref2.isOpen,
+        theme = _ref2.theme;
     return isOpen ? {
       position: "fixed",
       width: "100%",
@@ -45541,15 +43654,11 @@
     } : null;
   });
 
-  var pixelDigitsFrom = function pixelDigitsFrom(pixelString) {
-    return parseInt(pixelString, 10);
-  };
-
-  var MenuIcon = function MenuIcon(_ref5) {
-    var isOpen = _ref5.isOpen;
+  var MenuIcon = function MenuIcon(_ref3) {
+    var isOpen = _ref3.isOpen;
 
-    var _useTranslation2 = useTranslation(),
-        t = _useTranslation2.t;
+    var _useTranslation = useTranslation(),
+        t = _useTranslation.t;
 
     var icon = isOpen ? "close" : "menu";
     var title = isOpen ? t("close menu") : t("open menu");
@@ -45568,14 +43677,16 @@
         toggleMenu = _a$menuState.toggleMenu,
         closeMenu = _a$menuState.closeMenu,
         subtext = _a.subtext,
-        _a$brandingLinkHref2 = _a.brandingLinkHref,
-        brandingLinkHref = _a$brandingLinkHref2 === void 0 ? "/" : _a$brandingLinkHref2,
+        _a$brandingLinkHref = _a.brandingLinkHref,
+        brandingLinkHref = _a$brandingLinkHref === void 0 ? "/" : _a$brandingLinkHref,
         brandingLinkTo = _a.brandingLinkTo,
         environment = _a.environment,
         logoSrc = _a.logoSrc,
         _a$breakpointLower = _a.breakpointLower,
         breakpointLower = _a$breakpointLower === void 0 ? "small" : _a$breakpointLower,
-        props = __rest(_a, ["menuData", "menuState", "subtext", "brandingLinkHref", "brandingLinkTo", "environment", "logoSrc", "breakpointLower"]);
+        themeColorObject = _a.themeColorObject,
+        navBarHeight = _a.navBarHeight,
+        props = __rest(_a, ["menuData", "menuState", "subtext", "brandingLinkHref", "brandingLinkTo", "environment", "logoSrc", "breakpointLower", "themeColorObject", "navBarHeight"]);
 
     var navRef = React__default['default'].useRef(null);
     React.useEffect(function () {
@@ -45592,7 +43703,8 @@
       isOpen: isOpen,
       breakpointLower: breakpoints ? breakpoints[breakpointLower] : breakpointLower
     }, props), environment && /*#__PURE__*/React__default['default'].createElement(EnvironmentBanner, null, environment), /*#__PURE__*/React__default['default'].createElement(NavBarBackground, {
-      backgroundColor: "white"
+      backgroundColor: "white",
+      height: navBarHeight
     }, /*#__PURE__*/React__default['default'].createElement(BrandLogoContainer, {
       logoSrc: logoSrc,
       brandingLinkHref: brandingLinkHref,
@@ -45624,6 +43736,68 @@
 
   var SmallNavBar = withMenuState(SmallNavBarNoState);
 
+  var NAVBAR_HEIGHT = "56px";
+  var themeColorObject = {
+    color: "darkBlue",
+    hoverColor: "blackBlue",
+    background: "white",
+    hoverBackground: "whiteGrey",
+    textColor: "blackBlue",
+    logoColor: "blue"
+  };
+
+  var MediumNavBar = function MediumNavBar(_a) {
+    var menuData = _a.menuData,
+        subtext = _a.subtext,
+        environment = _a.environment,
+        logoSrc = _a.logoSrc,
+        _a$brandingLinkHref = _a.brandingLinkHref,
+        brandingLinkHref = _a$brandingLinkHref === void 0 ? "/" : _a$brandingLinkHref,
+        brandingLinkTo = _a.brandingLinkTo,
+        brandingLinkComponent = _a.brandingLinkComponent,
+        props = __rest(_a, ["menuData", "subtext", "environment", "logoSrc", "brandingLinkHref", "brandingLinkTo", "brandingLinkComponent"]);
+
+    var _useTranslation = useTranslation(),
+        t = _useTranslation.t;
+
+    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, environment && /*#__PURE__*/React__default['default'].createElement(EnvironmentBanner, null, environment), /*#__PURE__*/React__default['default'].createElement("header", Object.assign({}, props), /*#__PURE__*/React__default['default'].createElement(NavBarBackground, {
+      backgroundColor: "white",
+      height: NAVBAR_HEIGHT
+    }, /*#__PURE__*/React__default['default'].createElement(BrandLogoContainer, {
+      logoSrc: logoSrc,
+      brandingLinkHref: brandingLinkHref,
+      brandingLinkTo: brandingLinkTo,
+      brandingLinkComponent: brandingLinkComponent,
+      subtext: subtext
+    }), /*#__PURE__*/React__default['default'].createElement(Flex, {
+      justifyContent: "space-between",
+      alignContent: "flex-end",
+      flexGrow: 1,
+      ml: "x3",
+      alignItems: "center"
+    }, menuData.primaryMenu && /*#__PURE__*/React__default['default'].createElement(DesktopMenu, {
+      themeColorObject: themeColorObject,
+      "aria-label": t("primary navigation"),
+      menuData: menuData.primaryMenu
+    }), /*#__PURE__*/React__default['default'].createElement(Flex, {
+      justifySelf: "flex-end",
+      alignItems: "center"
+    }, menuData.secondaryMenu && /*#__PURE__*/React__default['default'].createElement(DesktopMenu, {
+      themeColorObject: themeColorObject,
+      "aria-label": t("secondary navigation"),
+      menuData: menuData.secondaryMenu
+    }), logoSrc && /*#__PURE__*/React__default['default'].createElement(Box, {
+      pl: "x3"
+    }, /*#__PURE__*/React__default['default'].createElement(NulogyLogoContainer, {
+      height: NAVBAR_HEIGHT,
+      subText: subtext
+    })))))));
+  };
+
+  var pixelDigitsFrom = function pixelDigitsFrom(pixelString) {
+    return parseInt(pixelString, 10);
+  };
+
   var SelectNavBarBasedOnWidth = function SelectNavBarBasedOnWidth(_a) {
     var width = _a.width,
         defaultOpen = _a.defaultOpen,
@@ -45637,7 +43811,9 @@
     } else {
       return /*#__PURE__*/React__default['default'].createElement(SmallNavBar, Object.assign({}, props, {
         width: currentWidth,
-        defaultOpen: defaultOpen
+        defaultOpen: defaultOpen,
+        themeColorObject: themeColorObject,
+        navBarHeight: NAVBAR_HEIGHT
       }));
     }
   };
@@ -45648,10 +43824,10 @@
         breakpointUpper = _a$breakpointUpper === void 0 ? "medium" : _a$breakpointUpper,
         props = __rest(_a, ["environment", "breakpointUpper"]);
 
-    var _useTheme2 = styled.useTheme(),
-        breakpoints = _useTheme2.breakpoints;
+    var _useTheme = styled.useTheme(),
+        breakpoints = _useTheme.breakpoints;
 
-    return /*#__PURE__*/React__default['default'].createElement(ResizeDetector, {
+    return /*#__PURE__*/React__default['default'].createElement(ReactResizeDetector__default['default'], {
       handleWidth: true
     }, /*#__PURE__*/React__default['default'].createElement(SelectNavBarBasedOnWidth, Object.assign({
       breakpointUpper: breakpoints[breakpointUpper] || breakpointUpper
@@ -45662,7 +43838,7 @@
 
   var NavBar = styled__default['default'](BaseNavBar).withConfig({
     displayName: "NavBar",
-    componentId: "cszq6w-3"
+    componentId: "cszq6w-0"
   })({});
 
   function _objectWithoutPropertiesLoose(source, excluded) {
@@ -47686,7 +45862,7 @@
 
   var cleanValue = function cleanValue(value) {
     if (Array.isArray(value)) return value.filter(Boolean);
-    if (_typeof$2(value) === 'object' && value !== null) return [value];
+    if (_typeof(value) === 'object' && value !== null) return [value];
     return [];
   }; // ==============================
   // Handle Input Change
@@ -47835,9 +46011,9 @@
 
   function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
+  function _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
   function _isNativeReflectConstruct$5() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
   function getMenuPlacement(_ref) {
@@ -48026,21 +46202,21 @@
         colors = _ref2$theme.colors;
     return _ref3 = {
       label: 'menu'
-    }, _defineProperty$1(_ref3, alignToControl(placement), '100%'), _defineProperty$1(_ref3, "backgroundColor", colors.neutral0), _defineProperty$1(_ref3, "borderRadius", borderRadius), _defineProperty$1(_ref3, "boxShadow", '0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)'), _defineProperty$1(_ref3, "marginBottom", spacing.menuGutter), _defineProperty$1(_ref3, "marginTop", spacing.menuGutter), _defineProperty$1(_ref3, "position", 'absolute'), _defineProperty$1(_ref3, "width", '100%'), _defineProperty$1(_ref3, "zIndex", 1), _ref3;
+    }, _defineProperty(_ref3, alignToControl(placement), '100%'), _defineProperty(_ref3, "backgroundColor", colors.neutral0), _defineProperty(_ref3, "borderRadius", borderRadius), _defineProperty(_ref3, "boxShadow", '0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)'), _defineProperty(_ref3, "marginBottom", spacing.menuGutter), _defineProperty(_ref3, "marginTop", spacing.menuGutter), _defineProperty(_ref3, "position", 'absolute'), _defineProperty(_ref3, "width", '100%'), _defineProperty(_ref3, "zIndex", 1), _ref3;
   };
   var PortalPlacementContext = /*#__PURE__*/React.createContext({
     getPortalPlacement: null
   }); // NOTE: internal only
 
   var MenuPlacer = /*#__PURE__*/function (_Component) {
-    _inherits$2(MenuPlacer, _Component);
+    _inherits(MenuPlacer, _Component);
 
     var _super = _createSuper$5(MenuPlacer);
 
     function MenuPlacer() {
       var _this;
 
-      _classCallCheck$2(this, MenuPlacer);
+      _classCallCheck(this, MenuPlacer);
 
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
@@ -48091,7 +46267,7 @@
       return _this;
     }
 
-    _createClass$2(MenuPlacer, [{
+    _createClass(MenuPlacer, [{
       key: "render",
       value: function render() {
         var children = this.props.children;
@@ -48221,14 +46397,14 @@
     };
   };
   var MenuPortal = /*#__PURE__*/function (_Component2) {
-    _inherits$2(MenuPortal, _Component2);
+    _inherits(MenuPortal, _Component2);
 
     var _super2 = _createSuper$5(MenuPortal);
 
     function MenuPortal() {
       var _this2;
 
-      _classCallCheck$2(this, MenuPortal);
+      _classCallCheck(this, MenuPortal);
 
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];
@@ -48253,7 +46429,7 @@
       return _this2;
     }
 
-    _createClass$2(MenuPortal, [{
+    _createClass(MenuPortal, [{
       key: "render",
       value: function render() {
         var _this$props2 = this.props,
@@ -48301,7 +46477,7 @@
     // fast-deep-equal index.js 2.0.1
     if (a === b) return true;
 
-    if (a && b && _typeof$2(a) == 'object' && _typeof$2(b) == 'object') {
+    if (a && b && _typeof(a) == 'object' && _typeof(b) == 'object') {
       var arrA = isArray(a),
           arrB = isArray(b),
           i,
@@ -48721,7 +46897,7 @@
 
   function ownKeys$1$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$1$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1$1(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$1$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
   var groupCSS = function groupCSS(_ref) {
     var spacing = _ref.theme.spacing;
     return {
@@ -48788,7 +46964,7 @@
 
   function ownKeys$2$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$2$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2$1(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$2$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
   var inputCSS = function inputCSS(_ref) {
     var isDisabled = _ref.isDisabled,
         _ref$theme = _ref.theme,
@@ -48843,7 +47019,7 @@
 
   function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
   var multiValueCSS = function multiValueCSS(_ref) {
     var _ref$theme = _ref.theme,
         spacing = _ref$theme.spacing,
@@ -49073,7 +47249,7 @@
 
   function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
   var components = {
     ClearIndicator: ClearIndicator,
     Control: Control,
@@ -49456,7 +47632,7 @@
 
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
   var trimString = function trimString(str) {
     return str.replace(/^\s+|\s+$/g, '');
@@ -49551,22 +47727,22 @@
     }));
   }
 
-  function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
+  function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
   function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
   var NodeResolver = /*#__PURE__*/function (_Component) {
-    _inherits$2(NodeResolver, _Component);
+    _inherits(NodeResolver, _Component);
 
     var _super = _createSuper$2(NodeResolver);
 
     function NodeResolver() {
-      _classCallCheck$2(this, NodeResolver);
+      _classCallCheck(this, NodeResolver);
 
       return _super.apply(this, arguments);
     }
 
-    _createClass$2(NodeResolver, [{
+    _createClass(NodeResolver, [{
       key: "componentDidMount",
       value: function componentDidMount() {
         this.props.innerRef(reactDom.findDOMNode(this));
@@ -49618,21 +47794,21 @@
     return 'ontouchstart' in window || navigator.maxTouchPoints;
   }
 
-  function _createSuper$1$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1$1(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
+  function _createSuper$1$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
   function _isNativeReflectConstruct$1$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
   var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
   var activeScrollLocks = 0;
 
   var ScrollLock = /*#__PURE__*/function (_Component) {
-    _inherits$2(ScrollLock, _Component);
+    _inherits(ScrollLock, _Component);
 
     var _super = _createSuper$1$1(ScrollLock);
 
     function ScrollLock() {
       var _this;
 
-      _classCallCheck$2(this, ScrollLock);
+      _classCallCheck(this, ScrollLock);
 
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
@@ -49647,7 +47823,7 @@
       return _this;
     }
 
-    _createClass$2(ScrollLock, [{
+    _createClass(ScrollLock, [{
       key: "componentDidMount",
       value: function componentDidMount() {
         var _this2 = this;
@@ -49749,7 +47925,7 @@
 
   function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
-  function _createSuper$2$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2$1(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
+  function _createSuper$2$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
   function _isNativeReflectConstruct$2$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
@@ -49768,14 +47944,14 @@
   // - createRef() https://reactjs.org/docs/react-api.html#reactcreateref
   // - forwardRef() https://reactjs.org/docs/react-api.html#reactforwardref
   var ScrollBlock = /*#__PURE__*/function (_PureComponent) {
-    _inherits$2(ScrollBlock, _PureComponent);
+    _inherits(ScrollBlock, _PureComponent);
 
     var _super = _createSuper$2$1(ScrollBlock);
 
     function ScrollBlock() {
       var _this;
 
-      _classCallCheck$2(this, ScrollBlock);
+      _classCallCheck(this, ScrollBlock);
 
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
@@ -49803,7 +47979,7 @@
       return _this;
     }
 
-    _createClass$2(ScrollBlock, [{
+    _createClass(ScrollBlock, [{
       key: "render",
       value: function render() {
         var _this$props = this.props,
@@ -49839,19 +48015,19 @@
     return ScrollBlock;
   }(React.PureComponent);
 
-  function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
+  function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
   function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
   var ScrollCaptor = /*#__PURE__*/function (_Component) {
-    _inherits$2(ScrollCaptor, _Component);
+    _inherits(ScrollCaptor, _Component);
 
     var _super = _createSuper$3(ScrollCaptor);
 
     function ScrollCaptor() {
       var _this;
 
-      _classCallCheck$2(this, ScrollCaptor);
+      _classCallCheck(this, ScrollCaptor);
 
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
@@ -49940,7 +48116,7 @@
       return _this;
     }
 
-    _createClass$2(ScrollCaptor, [{
+    _createClass(ScrollCaptor, [{
       key: "componentDidMount",
       value: function componentDidMount() {
         this.startListening(this.scrollTarget);
@@ -50133,9 +48309,9 @@
 
   function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
+  function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
   function _isNativeReflectConstruct$4() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
   var defaultProps$2 = {
@@ -50186,7 +48362,7 @@
   var instanceId = 1;
 
   var Select = /*#__PURE__*/function (_Component) {
-    _inherits$2(Select, _Component);
+    _inherits(Select, _Component);
 
     var _super = _createSuper$4(Select);
 
@@ -50200,7 +48376,7 @@
     function Select(_props) {
       var _this;
 
-      _classCallCheck$2(this, Select);
+      _classCallCheck(this, Select);
 
       _this = _super.call(this, _props);
       _this.state = {
@@ -50987,7 +49163,7 @@
       };
 
       var _value = _props.value;
-      _this.cacheComponents = memoizeOne(_this.cacheComponents, exportedEqual).bind(_assertThisInitialized$3(_this));
+      _this.cacheComponents = memoizeOne(_this.cacheComponents, exportedEqual).bind(_assertThisInitialized$1(_this));
 
       _this.cacheComponents(_props.components);
 
@@ -51007,7 +49183,7 @@
             lastSelectValue = _ref9[1];
 
         return newSelectValue === lastSelectValue && newProps.inputValue === lastProps.inputValue && newProps.options === lastProps.options;
-      }).bind(_assertThisInitialized$3(_this));
+      }).bind(_assertThisInitialized$1(_this));
 
       var _menuOptions = _props.menuIsOpen ? _this.buildMenuOptions(_props, _selectValue) : {
         render: [],
@@ -51019,7 +49195,7 @@
       return _this;
     }
 
-    _createClass$2(Select, [{
+    _createClass(Select, [{
       key: "componentDidMount",
       value: function componentDidMount() {
         this.startListeningComposition();
@@ -51988,7 +50164,7 @@
 
   Select.defaultProps = defaultProps$2;
 
-  function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
+  function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
   function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
   var defaultProps$1 = {
@@ -52001,14 +50177,14 @@
     var _class, _temp;
 
     return _temp = _class = /*#__PURE__*/function (_Component) {
-      _inherits$2(StateManager, _Component);
+      _inherits(StateManager, _Component);
 
       var _super = _createSuper$1(StateManager);
 
       function StateManager() {
         var _this;
 
-        _classCallCheck$2(this, StateManager);
+        _classCallCheck(this, StateManager);
 
         for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
           args[_key] = arguments[_key];
@@ -52059,7 +50235,7 @@
         return _this;
       }
 
-      _createClass$2(StateManager, [{
+      _createClass(StateManager, [{
         key: "focus",
         value: function focus() {
           this.select.focus();
@@ -52119,7 +50295,7 @@
     }(React.Component), _class.defaultProps = defaultProps$1, _temp;
   };
 
-  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
+  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
   function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
   var defaultProps = {
@@ -52132,14 +50308,14 @@
     var _class, _temp;
 
     return _temp = _class = /*#__PURE__*/function (_Component) {
-      _inherits$2(Async, _Component);
+      _inherits(Async, _Component);
 
       var _super = _createSuper(Async);
 
       function Async(props) {
         var _this;
 
-        _classCallCheck$2(this, Async);
+        _classCallCheck(this, Async);
 
         _this = _super.call(this);
         _this.select = void 0;
@@ -52217,7 +50393,7 @@
         return _this;
       }
 
-      _createClass$2(Async, [{
+      _createClass(Async, [{
         key: "componentDidMount",
         value: function componentDidMount() {
           var _this2 = this;
@@ -52765,6 +50941,7 @@
   exports.ApplicationFrame = ApplicationFrame;
   exports.AsyncSelect = AsyncSelect;
   exports.Box = Box;
+  exports.BrandLogoContainer = BrandLogoContainer;
   exports.BrandedNavBar = NavBar;
   exports.Branding = Branding;
   exports.Breadcrumbs = Breadcrumbs;
@@ -52778,12 +50955,14 @@
   exports.DangerButton = DangerButton;
   exports.DatePicker = DatePicker;
   exports.DateRange = DateRange;
+  exports.DesktopMenu = DesktopMenu;
   exports.Divider = Divider;
   exports.DropdownButton = DropdownButton;
   exports.DropdownItem = DropdownItem;
   exports.DropdownLink = DropdownLink;
   exports.DropdownMenu = DropdownMenu;
   exports.DropdownText = DropdownText;
+  exports.EnvironmentBanner = EnvironmentBanner;
   exports.Field = Field;
   exports.FieldLabel = FieldLabel;
   exports.Fieldset = Fieldset;
@@ -52804,9 +50983,11 @@
   exports.List = List;
   exports.ListItem = ListItem;
   exports.LoadingAnimation = LoadingAnimation;
+  exports.MenuTrigger = MenuTrigger;
   exports.Modal = Modal;
   exports.NDSProvider = NDSProvider;
   exports.NavBar = NavBar$1;
+  exports.NavBarBackground = NavBarBackground;
   exports.Overlay = Overlay;
   exports.Page = Page;
   exports.Pagination = Pagination;
@@ -52826,6 +51007,7 @@
   exports.SelectMultiValue = SelectMultiValue;
   exports.SelectOption = SelectOption;
   exports.Sidebar = Sidebar;
+  exports.SmallNavBar = SmallNavBar;
   exports.SortingTable = SortingTable;
   exports.StatusIndicator = StatusIndicator;
   exports.Switch = Switch;