@innovaccer/design-system 2.5.0-4 → 2.6.0

package/dist/index.esm.js

@@ -1,8 +1,8 @@
 
   /**
-   * Generated on: 1634409812540 
+   * Generated on: 1639036105831 
    *      Package: @innovaccer/design-system
-   *      Version: v2.5.0-4
+   *      Version: v2.6.0
    *      License: MIT
    *         Docs: https://innovaccer.github.io/design-system
    */
@@ -569,46 +569,80 @@ var date$1 = function date(val, format) {
 
   switch (format) {
     case 'dd/mm/yyyy':
-      var p = val.split('/');
-      var date = +p[0] || 1;
-      var month = +p[1] || 1;
-      var year = +p[2] || 1900;
-      return validate(date, month, year);
+      {
+        var p = val.split('/');
+
+        var _date = +p[0] || 1;
+
+        var month = +p[1] || 1;
+        var year = +p[2] || 1900;
+        return validate(_date, month, year);
+      }
 
     case 'mm/dd/yyyy':
-      var p = val.split('/');
-      var date = +p[1] || 1;
-      var month = +p[0] || 1;
-      var year = +p[2] || 1900;
-      return validate(date, month, year);
+      {
+        var _p = val.split('/');
+
+        var _date2 = +_p[1] || 1;
+
+        var _month = +_p[0] || 1;
+
+        var _year = +_p[2] || 1900;
+
+        return validate(_date2, _month, _year);
+      }
 
     case 'yyyy/mm/dd':
-      var p = val.split('/');
-      var date = +p[2] || 1;
-      var month = +p[1] || 1;
-      var year = +p[0] || 1900;
-      return validate(date, month, year);
+      {
+        var _p2 = val.split('/');
+
+        var _date3 = +_p2[2] || 1;
+
+        var _month2 = +_p2[1] || 1;
+
+        var _year2 = +_p2[0] || 1900;
+
+        return validate(_date3, _month2, _year2);
+      }
 
     case 'dd-mm-yyyy':
-      var p = val.split('-');
-      var date = +p[0] || 1;
-      var month = +p[1] || 1;
-      var year = +p[2] || 1900;
-      return validate(date, month, year);
+      {
+        var _p3 = val.split('-');
+
+        var _date4 = +_p3[0] || 1;
+
+        var _month3 = +_p3[1] || 1;
+
+        var _year3 = +_p3[2] || 1900;
+
+        return validate(_date4, _month3, _year3);
+      }
 
     case 'mm-dd-yyyy':
-      var p = val.split('-');
-      var date = +p[1] || 1;
-      var month = +p[0] || 1;
-      var year = +p[2] || 1900;
-      return validate(date, month, year);
+      {
+        var _p4 = val.split('-');
+
+        var _date5 = +_p4[1] || 1;
+
+        var _month4 = +_p4[0] || 1;
+
+        var _year4 = +_p4[2] || 1900;
+
+        return validate(_date5, _month4, _year4);
+      }
 
     case 'yyyy-mm-dd':
-      var p = val.split('-');
-      var date = +p[2] || 1;
-      var month = +p[1] || 1;
-      var year = +p[0] || 1900;
-      return validate(date, month, year);
+      {
+        var _p5 = val.split('-');
+
+        var _date6 = +_p5[2] || 1;
+
+        var _month5 = +_p5[1] || 1;
+
+        var _year5 = +_p5[0] || 1900;
+
+        return validate(_date6, _month5, _year5);
+      }
 
     default:
       return false;
@@ -1308,6 +1342,38 @@ Text.defaultProps = {
   size: 'regular'
 };
 
+var isEnterKey = function isEnterKey(e) {
+  return e.key === 'Enter';
+};
+
+var isSpaceKey = function isSpaceKey(e) {
+  return e.key === 'Space';
+};
+
+var useAccessibilityProps = function useAccessibilityProps(_ref) {
+  var onClick = _ref.onClick,
+      _onKeyDown = _ref.onKeyDown,
+      role = _ref.role;
+  return _objectSpread2({}, onClick ? {
+    onClick: onClick,
+    role: role || 'button',
+    tabIndex: 0,
+    onKeyDown: function onKeyDown(e) {
+      if (_onKeyDown) {
+        _onKeyDown(e);
+
+        return;
+      }
+
+      if (isEnterKey(e) && onClick) {
+        onClick(e);
+      }
+    }
+  } : {
+    role: role
+  });
+};
+
 var Icon = function Icon(props) {
   var _classNames;
 
@@ -1315,8 +1381,8 @@ var Icon = function Icon(props) {
       className = props.className,
       name = props.name,
       size = props.size,
-      onClick = props.onClick,
       children = props.children;
+  var accessibilityProps = useAccessibilityProps(props);
   var baseProps = extractBaseProps(props);
 
   var mapper = function mapper(val) {
@@ -1346,10 +1412,10 @@ var Icon = function Icon(props) {
   }
 
   return /*#__PURE__*/React.createElement("i", _extends$3({}, baseProps, {
+    role: "alert",
     className: iconClass,
-    style: styles,
-    onClick: onClick
-  }), type ? "".concat(name, "_").concat(type) : name);
+    style: styles
+  }, accessibilityProps), type ? "".concat(name, "_").concat(type) : name);
 };
 Icon.displayName = 'Icon';
 Icon.defaultProps = {
@@ -1512,18 +1578,24 @@ var DefaultOption = function DefaultOption(props) {
       dataTest = props.dataTest;
   var label = optionData.label,
       disabled = optionData.disabled;
-  return /*#__PURE__*/React.createElement("div", {
-    className: className,
-    onClick: onClickHandler,
-    onMouseEnter: onUpdateActiveOption,
-    "data-test": dataTest,
-    "data-disabled": disabled
-  }, /*#__PURE__*/React.createElement("div", {
-    className: 'Option-label'
-  }, /*#__PURE__*/React.createElement(Text, {
-    className: textClassName,
-    appearance: appearance
-  }, label)));
+  return (
+    /*#__PURE__*/
+    // TODO(a11y): fix accessibility
+
+    /* eslint-disable */
+    React.createElement("div", {
+      className: className,
+      onClick: onClickHandler,
+      onMouseEnter: onUpdateActiveOption,
+      "data-test": dataTest,
+      "data-disabled": disabled
+    }, /*#__PURE__*/React.createElement("div", {
+      className: 'Option-label'
+    }, /*#__PURE__*/React.createElement(Text, {
+      className: textClassName,
+      appearance: appearance
+    }, label)))
+  );
 };
 
 var MetaOption = function MetaOption(props) {
@@ -1538,18 +1610,24 @@ var MetaOption = function MetaOption(props) {
   var subInfo = optionData.subInfo,
       label = optionData.label,
       disabled = optionData.disabled;
-  return /*#__PURE__*/React.createElement("div", {
-    className: className,
-    onClick: onClickHandler,
-    onMouseEnter: onUpdateActiveOption,
-    "data-test": dataTest,
-    "data-disabled": disabled
-  }, /*#__PURE__*/React.createElement("div", {
-    className: 'Option-label'
-  }, /*#__PURE__*/React.createElement(Text, {
-    className: textClassName,
-    appearance: appearance
-  }, label), subInfo && renderSubInfo(subInfo)));
+  return (
+    /*#__PURE__*/
+    // TODO(a11y): fix accessibility
+
+    /* eslint-disable */
+    React.createElement("div", {
+      className: className,
+      onClick: onClickHandler,
+      onMouseEnter: onUpdateActiveOption,
+      "data-test": dataTest,
+      "data-disabled": disabled
+    }, /*#__PURE__*/React.createElement("div", {
+      className: 'Option-label'
+    }, /*#__PURE__*/React.createElement(Text, {
+      className: textClassName,
+      appearance: appearance
+    }, label), subInfo && renderSubInfo(subInfo)))
+  );
 };
 
 var IconOption = function IconOption(props) {
@@ -1566,23 +1644,29 @@ var IconOption = function IconOption(props) {
       icon = optionData.icon,
       disabled = optionData.disabled;
   var OptionClass = classnames((_classNames = {}, _defineProperty$2(_classNames, "".concat(className), true), _defineProperty$2(_classNames, 'Option--icon', icon), _classNames));
-  return /*#__PURE__*/React.createElement("div", {
-    className: OptionClass,
-    onClick: onClickHandler,
-    onMouseEnter: onUpdateActiveOption,
-    "data-test": dataTest,
-    "data-disabled": disabled
-  }, icon && /*#__PURE__*/React.createElement(Icon, {
-    className: "Option-icon mr-4",
-    "data-test": "".concat(dataTest, "--Icon"),
-    name: icon,
-    appearance: appearance
-  }), /*#__PURE__*/React.createElement("div", {
-    className: 'Option-label'
-  }, /*#__PURE__*/React.createElement(Text, {
-    className: textClassName,
-    appearance: appearance
-  }, label)));
+  return (
+    /*#__PURE__*/
+    // TODO(a11y): fix accessibility
+
+    /* eslint-disable */
+    React.createElement("div", {
+      className: OptionClass,
+      onClick: onClickHandler,
+      onMouseEnter: onUpdateActiveOption,
+      "data-test": dataTest,
+      "data-disabled": disabled
+    }, icon && /*#__PURE__*/React.createElement(Icon, {
+      className: "Option-icon mr-4",
+      "data-test": "".concat(dataTest, "--Icon"),
+      name: icon,
+      appearance: appearance
+    }), /*#__PURE__*/React.createElement("div", {
+      className: 'Option-label'
+    }, /*#__PURE__*/React.createElement(Text, {
+      className: textClassName,
+      appearance: appearance
+    }, label)))
+  );
 };
 
 var IconWithMetaOption = function IconWithMetaOption(props) {
@@ -1601,23 +1685,29 @@ var IconWithMetaOption = function IconWithMetaOption(props) {
       icon = optionData.icon,
       disabled = optionData.disabled;
   var OptionClass = classnames((_classNames = {}, _defineProperty$2(_classNames, "".concat(className), true), _defineProperty$2(_classNames, 'Option--icon', icon), _classNames));
-  return /*#__PURE__*/React.createElement("div", {
-    className: OptionClass,
-    onClick: onClickHandler,
-    onMouseEnter: onUpdateActiveOption,
-    "data-test": dataTest,
-    "data-disabled": disabled
-  }, icon && /*#__PURE__*/React.createElement(Icon, {
-    "data-test": "".concat(dataTest, "--Icon"),
-    className: "Option-icon mr-4",
-    name: icon,
-    appearance: appearance
-  }), /*#__PURE__*/React.createElement("div", {
-    className: 'Option-label'
-  }, /*#__PURE__*/React.createElement(Text, {
-    className: textClassName,
-    appearance: appearance
-  }, label), subInfo && renderSubInfo(subInfo)));
+  return (
+    /*#__PURE__*/
+    // TODO(a11y): fix accessibility
+
+    /* eslint-disable */
+    React.createElement("div", {
+      className: OptionClass,
+      onClick: onClickHandler,
+      onMouseEnter: onUpdateActiveOption,
+      "data-test": dataTest,
+      "data-disabled": disabled
+    }, icon && /*#__PURE__*/React.createElement(Icon, {
+      "data-test": "".concat(dataTest, "--Icon"),
+      className: "Option-icon mr-4",
+      name: icon,
+      appearance: appearance
+    }), /*#__PURE__*/React.createElement("div", {
+      className: 'Option-label'
+    }, /*#__PURE__*/React.createElement(Text, {
+      className: textClassName,
+      appearance: appearance
+    }, label), subInfo && renderSubInfo(subInfo)))
+  );
 };
 
 var _OptionTypeMapping;
@@ -2088,7 +2178,9 @@ var DropdownList = function DropdownList(props) {
       name: "Dropdown-search",
       icon: 'search',
       value: searchTerm,
-      placeholder: 'Search..',
+      placeholder: 'Search..' // TODO(a11y): research more on this.
+      // eslint-disable-next-line jsx-a11y/no-autofocus
+      ,
       autoFocus: true,
       onChange: searchHandler,
       onClear: searchClearHandler,
@@ -2237,8 +2329,6 @@ var DropdownList = function DropdownList(props) {
   };
 
   var onkeydown = function onkeydown(event) {
-    var _dropdownApplyButtonR;
-
     var optionClass = '.OptionWrapper';
 
     switch (event.key) {
@@ -2253,67 +2343,78 @@ var DropdownList = function DropdownList(props) {
         break;
 
       case 'Enter':
-        var activeElement = document.activeElement;
-
-        if (dropdownOpen && (inputRef.current === activeElement || dropdownTriggerRef.current === activeElement)) {
-          event.preventDefault();
-          var classes = withCheckbox ? "".concat(optionClass, " .Checkbox-input") : optionClass;
-          var elements = document.querySelectorAll(classes);
-          var element = elements[cursor];
-          if (element) element.click();
-        }
+        {
+          var activeElement = document.activeElement;
+
+          if (dropdownOpen && (inputRef.current === activeElement || dropdownTriggerRef.current === activeElement)) {
+            event.preventDefault();
+            var classes = withCheckbox ? "".concat(optionClass, " .Checkbox-input") : optionClass;
+            var elements = document.querySelectorAll(classes);
+            var element = elements[cursor];
+            if (element) element.click();
+          }
 
-        if (!dropdownOpen) onToggleDropdown(!dropdownOpen);
-        break;
+          if (!dropdownOpen) onToggleDropdown(!dropdownOpen);
+          break;
+        }
 
       case 'Tab':
-        if (!showApplyButton && dropdownOpen) {
-          event.preventDefault();
-          onToggleDropdown(false, 'onClick');
-          return;
-        }
+        {
+          var _dropdownApplyButtonR;
+
+          if (!showApplyButton && dropdownOpen) {
+            event.preventDefault();
+            onToggleDropdown(false, 'onClick');
+            return;
+          }
 
-        var currentElement = document.activeElement;
-        var disabledApplyButton = (_dropdownApplyButtonR = dropdownApplyButtonRef.current) === null || _dropdownApplyButtonR === void 0 ? void 0 : _dropdownApplyButtonR.disabled;
+          var currentElement = document.activeElement;
+          var disabledApplyButton = (_dropdownApplyButtonR = dropdownApplyButtonRef.current) === null || _dropdownApplyButtonR === void 0 ? void 0 : _dropdownApplyButtonR.disabled;
 
-        if ((currentElement === dropdownCancelButtonRef.current && disabledApplyButton || currentElement === dropdownApplyButtonRef.current) && dropdownOpen) {
-          event.preventDefault();
-          onToggleDropdown(false, 'onClick');
-          return;
-        }
+          if ((currentElement === dropdownCancelButtonRef.current && disabledApplyButton || currentElement === dropdownApplyButtonRef.current) && dropdownOpen) {
+            event.preventDefault();
+            onToggleDropdown(false, 'onClick');
+            return;
+          }
 
-        if (showApplyButton && dropdownOpen) {
-          event.preventDefault();
+          if (showApplyButton && dropdownOpen) {
+            event.preventDefault();
 
-          if (currentElement === dropdownCancelButtonRef.current) {
-            var _dropdownApplyButtonR2;
+            if (currentElement === dropdownCancelButtonRef.current) {
+              var _dropdownApplyButtonR2;
 
-            (_dropdownApplyButtonR2 = dropdownApplyButtonRef.current) === null || _dropdownApplyButtonR2 === void 0 ? void 0 : _dropdownApplyButtonR2.focus();
-          } else {
-            var _dropdownCancelButton;
+              (_dropdownApplyButtonR2 = dropdownApplyButtonRef.current) === null || _dropdownApplyButtonR2 === void 0 ? void 0 : _dropdownApplyButtonR2.focus();
+            } else {
+              var _dropdownCancelButton;
 
-            (_dropdownCancelButton = dropdownCancelButtonRef.current) === null || _dropdownCancelButton === void 0 ? void 0 : _dropdownCancelButton.focus();
+              (_dropdownCancelButton = dropdownCancelButtonRef.current) === null || _dropdownCancelButton === void 0 ? void 0 : _dropdownCancelButton.focus();
+            }
           }
-        }
 
-        break;
+          break;
+        }
     }
   };
 
-  return /*#__PURE__*/React.createElement("div", _extends$3({}, baseProps, {
-    className: dropdownClass,
-    ref: triggerRef,
-    onKeyDown: onkeydown
-  }), /*#__PURE__*/React.createElement(Popover, _extends$3({
-    onToggle: onToggleDropdown,
-    trigger: trigger,
-    triggerClass: !menu ? 'w-100' : '',
-    open: dropdownOpen,
-    customStyle: popoverStyle,
-    position: alignmentMapping[align]
-  }, popoverOptions, {
-    "data-test": "DesignSystem-Dropdown--Popover"
-  }), (withSearch || props.async) && renderSearch(), renderDropdownSection(), showApplyButton && withCheckbox && renderApplyButton()));
+  return (
+    /*#__PURE__*/
+    //TODO(a11y)
+    //eslint-disable-next-line
+    React.createElement("div", _extends$3({}, baseProps, {
+      className: dropdownClass,
+      ref: triggerRef,
+      onKeyDown: onkeydown
+    }), /*#__PURE__*/React.createElement(Popover, _extends$3({
+      onToggle: onToggleDropdown,
+      trigger: trigger,
+      triggerClass: !menu ? 'w-100' : '',
+      open: dropdownOpen,
+      customStyle: popoverStyle,
+      position: alignmentMapping[align]
+    }, popoverOptions, {
+      "data-test": "DesignSystem-Dropdown--Popover"
+    }), (withSearch || props.async) && renderSearch(), renderDropdownSection(), showApplyButton && withCheckbox && renderApplyButton()))
+  );
 };
 
 DropdownList.displayName = 'DropdownList';
@@ -3422,6 +3523,17 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
       };
     });
 
+    _defineProperty$2(_assertThisInitialized$2(_this), "yearMouseOverHandler", function (year, isCurrentYear, isDisabled, ev) {
+      var onYearHover = _this.props.onYearHover;
+      var yearData = {
+        value: year,
+        year: year,
+        isCurrentYear: isCurrentYear,
+        isDisabled: isDisabled
+      };
+      if (onYearHover) onYearHover(yearData, ev);
+    });
+
     _defineProperty$2(_assertThisInitialized$2(_this), "selectMonth", function (month) {
       return function () {
         _this.updateState(_this.state.yearNav, month);
@@ -3432,7 +3544,28 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
       };
     });
 
+    _defineProperty$2(_assertThisInitialized$2(_this), "monthMouseOverHandler", function (month, isCurrentMonth, isDisabled, ev) {
+      var months = config.months;
+      var onMonthHover = _this.props.onMonthHover;
+      var monthData = {
+        value: months[month],
+        month: months[month],
+        year: _this.state.year,
+        isCurrentMonth: isCurrentMonth,
+        isDisabled: isDisabled
+      };
+      if (onMonthHover) onMonthHover(monthData, ev);
+    });
+
     _defineProperty$2(_assertThisInitialized$2(_this), "selectDate", function (index, date, prevMonthDayRange, dayRange) {
+      var d = _this.calculateDate(index, date, prevMonthDayRange, dayRange, false);
+
+      _this.setState({
+        currDate: d
+      });
+    });
+
+    _defineProperty$2(_assertThisInitialized$2(_this), "calculateDate", function (index, date, prevMonthDayRange, dayRange, isDateHovered) {
       var neighbouringMonthIndex;
       var neighbouringMonthDate;
       var type = '';
@@ -3454,15 +3587,15 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
           year = _this$getNavDateInfo.year,
           month = _this$getNavDateInfo.month;
 
-      _this.updateState(year, month, neighbouringMonthDate);
+      if (isDateHovered === false) {
+        _this.updateState(year, month, neighbouringMonthDate);
 
-      _this.onNavIconClickHandler(type)();
+        _this.onNavIconClickHandler(type)();
+      }
 
       var d = _this.getDateValue(year, month, neighbouringMonthDate);
 
-      _this.setState({
-        currDate: d
-      });
+      return d;
     });
 
     _defineProperty$2(_assertThisInitialized$2(_this), "onNavIconClickHandler", function (type) {
@@ -3649,7 +3782,11 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
 
       return /*#__PURE__*/React.createElement("div", {
         className: headerContentClass
-      }, view !== 'date' && /*#__PURE__*/React.createElement("div", {
+      }, view !== 'date' &&
+      /*#__PURE__*/
+      // TODO(a11y)
+      //  eslint-disable-next-line
+      React.createElement("div", {
         className: "d-flex justify-content-center align-items-center",
         onClick: _this.onNavHeadingClickHandler(view)
       }, renderHeading(headerContent)), view === 'date' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
@@ -3700,15 +3837,21 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
             'Calendar-value--disabled': disabled,
             'Calendar-yearValue': true
           }, _defineProperty$2(_classNames2, "Calendar-yearValue--".concat(size), size), _defineProperty$2(_classNames2, 'Calendar-value--currDateMonthYear', isCurrentYear()), _classNames2));
-          return /*#__PURE__*/React.createElement("div", {
-            key: "".concat(row, "-").concat(col),
-            "data-test": "DesignSystem-Calendar--yearValue",
-            className: valueClass,
-            onClick: _this.selectYear(year)
-          }, /*#__PURE__*/React.createElement(Text, {
-            size: size === 'small' ? 'small' : 'regular',
-            appearance: active ? 'white' : disabled ? 'disabled' : isCurrentYear() ? 'link' : 'default'
-          }, year));
+          return (
+            /*#__PURE__*/
+            //  TODO(a11y)
+            //  eslint-disable-next-line
+            React.createElement("div", {
+              key: "".concat(row, "-").concat(col),
+              "data-test": "DesignSystem-Calendar--yearValue",
+              className: valueClass,
+              onClick: _this.selectYear(year),
+              onMouseOver: _this.yearMouseOverHandler.bind(_assertThisInitialized$2(_this), year, isCurrentYear(), disabled)
+            }, /*#__PURE__*/React.createElement(Text, {
+              size: size === 'small' ? 'small' : 'regular',
+              appearance: active ? 'white' : disabled ? 'disabled' : isCurrentYear() ? 'link' : 'default'
+            }, year))
+          );
         }));
       });
     });
@@ -3752,15 +3895,21 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
             'Calendar-value--dummy': disabled,
             'Calendar-monthValue': true
           }, _defineProperty$2(_classNames3, "Calendar-monthValue--".concat(size), size), _defineProperty$2(_classNames3, 'Calendar-value--currDateMonthYear', isCurrentMonth()), _classNames3));
-          return /*#__PURE__*/React.createElement("div", {
-            key: "".concat(row, "-").concat(col),
-            "data-test": "DesignSystem-Calendar--monthValue",
-            className: valueClass,
-            onClick: _this.selectMonth(month)
-          }, /*#__PURE__*/React.createElement(Text, {
-            size: size === 'small' ? 'small' : 'regular',
-            appearance: active ? 'white' : disabled ? 'disabled' : isCurrentMonth() ? 'link' : 'default'
-          }, months[month]));
+          return (
+            /*#__PURE__*/
+            //TODO(a11y)
+            //eslint-disable-next-line
+            React.createElement("div", {
+              key: "".concat(row, "-").concat(col),
+              "data-test": "DesignSystem-Calendar--monthValue",
+              className: valueClass,
+              onClick: _this.selectMonth(month),
+              onMouseOver: _this.monthMouseOverHandler.bind(_assertThisInitialized$2(_this), month, isCurrentMonth(), disabled)
+            }, /*#__PURE__*/React.createElement(Text, {
+              size: size === 'small' ? 'small' : 'regular',
+              appearance: active ? 'white' : disabled ? 'disabled' : isCurrentMonth() ? 'link' : 'default'
+            }, months[month]))
+          );
         }));
       });
     });
@@ -3813,7 +3962,8 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
           firstDayOfWeek = _this$props7.firstDayOfWeek,
           disabledBefore = _this$props7.disabledBefore,
           disabledAfter = _this$props7.disabledAfter,
-          monthsInView = _this$props7.monthsInView;
+          monthsInView = _this$props7.monthsInView,
+          onDateHover = _this$props7.onDateHover;
       var _this$state8 = _this.state,
           startDate = _this$state8.startDate,
           endDate = _this$state8.endDate,
@@ -3835,13 +3985,10 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
       var dayRange = getDaysInMonth(yearNavVal, monthNavVal);
       var dayDiff = getFirstDayOfMonth(yearNavVal, monthNavVal) - getIndexOfDay(firstDayOfWeek);
       var dummyDays = Math.abs(dayDiff);
-      var noOfRows = Math.ceil((dayRange + dummyDays) / daysInRow);
+      var noOfRows = Math.ceil((dayRange + dummyDays) / daysInRow); // TODO: @veekays
+      // if(noOfRows !== 6 && monthsInView <= 1) ?
 
-      if (noOfRows === 6) {
-        noOfRows = noOfRows;
-      } else if (monthsInView > 1) {
-        noOfRows = noOfRows;
-      } else {
+      if (noOfRows === 6) ; else if (monthsInView > 1) ; else {
         noOfRows = noOfRows + 1;
       }
 
@@ -3877,6 +4024,25 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
         };
       };
 
+      var onMouseEnterHandler = function onMouseEnterHandler(date, isToday, isDisabled, ev) {
+        var d = _this.calculateDate(index, date, prevMonthDayRange, dayRange, true) || new Date();
+        var months = config.months,
+            days = config.days;
+        var dayName = days.large[d.getDay()];
+        var dateData = {
+          value: d.getDate(),
+          isToday: isToday,
+          isDisabled: isDisabled,
+          todayDate: _this.state.currDate,
+          fullDate: d,
+          date: d.getDate(),
+          month: months[d.getMonth()],
+          year: d.getFullYear(),
+          dayName: dayName
+        };
+        if (onDateHover) onDateHover(dateData, ev);
+      };
+
       return Array.from({
         length: noOfRows
       }, function (_y, row) {
@@ -3976,14 +4142,16 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
             "data-test": "DesignSystem-Calendar--dateValue",
             className: valueClass,
             onClick: onClickHandler(date),
-            onMouseOver: onMouseOverHandler(date)
+            onMouseOver: onMouseOverHandler(date),
+            onMouseEnter: onMouseEnterHandler.bind(_assertThisInitialized$2(_this), date, today(), disabled)
           }, date), isEventExist && _this.renderEventsIndicator(size, active)), (dummy && date > 0 && index === monthsInView - 1 || dummy && date <= 0 && index === 0) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
             appearance: active ? 'white' : disabled ? 'disabled' : today() ? 'link' : 'default',
             size: size === 'small' ? 'small' : 'regular',
             "data-test": "DesignSystem-Calendar--dateValue",
             className: valueClass,
             onClick: onClickHandler(date),
-            onMouseOver: onMouseOverHandler(date)
+            onMouseOver: onMouseOverHandler(date),
+            onMouseEnter: onMouseEnterHandler.bind(_assertThisInitialized$2(_this), date, today(), disabled)
           }, date <= 0 ? prevMonthDayRange + date : date - dayRange), isEventExist && _this.renderEventsIndicator(size, active)));
         }));
       });
@@ -4365,26 +4533,31 @@ var GenericChip = function GenericChip(props) {
     if (onClick) onClick();
   };
 
-  return /*#__PURE__*/React.createElement("div", _extends$3({
-    "data-test": "DesignSystem-GenericChip--GenericChipWrapper"
-  }, baseProps, {
-    className: "Chip-wrapper ".concat(className),
-    onClick: onClickHandler
-  }), icon && /*#__PURE__*/React.createElement(Icon, {
-    "data-test": "DesignSystem-GenericChip--Icon",
-    name: icon,
-    appearance: disabled ? 'disabled' : selected ? 'info' : 'default',
-    className: iconClass('left')
-  }), /*#__PURE__*/React.createElement(Text, {
-    "data-test": "DesignSystem-GenericChip--Text",
-    appearance: disabled ? 'disabled' : 'default'
-  }, label), clearButton && /*#__PURE__*/React.createElement(Icon, {
-    "data-test": "DesignSystem-GenericChip--clearButton",
-    name: "clear",
-    appearance: disabled ? 'disabled' : selected ? 'info' : 'subtle',
-    className: iconClass('right'),
-    onClick: onCloseHandler
-  }));
+  return (
+    /*#__PURE__*/
+    // TODO(a11y)
+    // eslint-disable-next-line
+    React.createElement("div", _extends$3({
+      "data-test": "DesignSystem-GenericChip--GenericChipWrapper"
+    }, baseProps, {
+      className: "Chip-wrapper ".concat(className),
+      onClick: onClickHandler
+    }), icon && /*#__PURE__*/React.createElement(Icon, {
+      "data-test": "DesignSystem-GenericChip--Icon",
+      name: icon,
+      appearance: disabled ? 'disabled' : selected ? 'info' : 'default',
+      className: iconClass('left')
+    }), /*#__PURE__*/React.createElement(Text, {
+      "data-test": "DesignSystem-GenericChip--Text",
+      appearance: disabled ? 'disabled' : 'default'
+    }, label), clearButton && /*#__PURE__*/React.createElement(Icon, {
+      "data-test": "DesignSystem-GenericChip--clearButton",
+      name: "clear",
+      appearance: disabled ? 'disabled' : selected ? 'info' : 'subtle',
+      className: iconClass('right'),
+      onClick: onCloseHandler
+    }))
+  );
 };
 GenericChip.displayName = 'GenericChip';
 
@@ -4580,7 +4753,7 @@ var Trigger$1 = function Trigger(props) {
   }));
 };
 
-var _excluded$q = ["date", "open", "position", "inputFormat", "outputFormat", "inputOptions", "validators", "withInput", "disabledBefore", "disabledAfter", "onDateChange", "closeOnSelect", "size"];
+var _excluded$q = ["date", "open", "position", "inputFormat", "outputFormat", "inputOptions", "validators", "withInput", "disabledBefore", "disabledAfter", "onDateChange", "closeOnSelect", "size", "showTodayDate", "children"];
 var DatePicker = /*#__PURE__*/function (_React$Component) {
   _inherits$1(DatePicker, _React$Component);
 
@@ -4718,6 +4891,10 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
           _this$props4.onDateChange;
           _this$props4.closeOnSelect;
           var size = _this$props4.size,
+          _this$props4$showToda = _this$props4.showTodayDate,
+          showTodayDate = _this$props4$showToda === void 0 ? true : _this$props4$showToda,
+          _this$props4$children = _this$props4.children,
+          children = _this$props4$children === void 0 ? /*#__PURE__*/React.createElement(React.Fragment, null) : _this$props4$children,
           rest = _objectWithoutProperties$1(_this$props4, _excluded$q);
 
       var date = this.state.date;
@@ -4742,13 +4919,15 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
         return !isTodayDateDisabled;
       };
 
-      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Calendar, _extends$3({}, rest, {
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+        className: "d-flex"
+      }, children, /*#__PURE__*/React.createElement(Calendar, _extends$3({}, rest, {
         size: size,
         date: currDate,
         disabledBefore: dateDisabledBefore,
         disabledAfter: dateDisabledAfter,
         onDateChange: this.onDateChangeHandler
-      })), /*#__PURE__*/React.createElement("div", {
+      }))), showTodayDate && /*#__PURE__*/React.createElement("div", {
         className: "d-flex justify-content-center pb-6",
         "data-test": "DesignSystem-Select--TodaysDate-wrapper"
       }, /*#__PURE__*/React.createElement(Chip, {
@@ -4994,7 +5173,8 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
       var _ref$current2;
 
       return (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.focus();
-    }
+    },
+    role: "presentation"
   }, inlineLabel && /*#__PURE__*/React.createElement("div", {
     className: "Input-inlineLabel"
   }, /*#__PURE__*/React.createElement(Text, {
@@ -5025,12 +5205,17 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
     position: "top",
     tooltip: info
   }, trigger) : actionIcon && (value || defaultValue) ? actionIcon : onClear && (value || defaultValue) && /*#__PURE__*/React.createElement("div", {
-    className: rightIconClass,
+    className: rightIconClass
+  }, /*#__PURE__*/React.createElement(Icon, {
+    "data-test": "DesignSystem-Input--closeIcon",
     onClick: function onClick(e) {
-      return onClear(e);
+      var _ref$current3;
+
+      (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : _ref$current3.focus({
+        preventScroll: true
+      });
+      onClear(e);
     },
-    "data-test": "DesignSystem-Input--closeIcon"
-  }, /*#__PURE__*/React.createElement(Icon, {
     name: 'close',
     size: sizeMapping$1[size]
   })));
@@ -5175,7 +5360,14 @@ var MetricInput = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
       var _ref$current2;
 
       return (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.focus();
-    }
+    },
+    onFocus: function onFocus() {
+      var _ref$current3;
+
+      return (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : _ref$current3.focus();
+    },
+    onKeyDown: function onKeyDown() {},
+    role: "presentation"
   }, icon && /*#__PURE__*/React.createElement(Icon, {
     "data-test": "DesignSystem-MetricInput--icon",
     name: icon,
@@ -5210,9 +5402,9 @@ var MetricInput = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
     size: size,
     appearance: "subtle"
   }, suffix), /*#__PURE__*/React.createElement("div", {
-    className: "MetricInput-arrowIcons",
-    tabIndex: 0
+    className: "MetricInput-arrowIcons"
   }, /*#__PURE__*/React.createElement(Icon, {
+    tabIndex: -1,
     className: getArrowClass('up'),
     size: iconSize,
     name: "keyboard_arrow_up",
@@ -5221,6 +5413,7 @@ var MetricInput = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
     },
     "data-test": "DesignSystem-MetricInput--upIcon"
   }), /*#__PURE__*/React.createElement(Icon, {
+    tabIndex: -1,
     className: getArrowClass('down'),
     size: iconSize,
     name: "keyboard_arrow_down",
@@ -5622,7 +5815,10 @@ var Legend = function Legend(props) {
     background: "var(--".concat(iconAppearance, ")"),
     height: "".concat(iconSize, "px"),
     width: "".concat(iconSize, "px")
-  };
+  }; // TODO(a11y): fix accessibility
+
+  /* eslint-disable */
+
   return /*#__PURE__*/React.createElement("div", _extends$3({}, baseProps, {
     className: legendClass,
     onClick: function onClick(e) {
@@ -5715,14 +5911,14 @@ var EditableDropdown = function EditableDropdown(props) {
     switch (eventType) {
       case 'edit':
         setEditing(true);
+        break;
 
       case 'hover':
         setShowComponent(true);
-        return;
+        break;
 
       case 'default':
         setShowComponent(false);
-        return;
     }
   };
 
@@ -5927,6 +6123,9 @@ MetaList.defaultProps = {
   labelAppearance: 'subtle'
 };
 
+/**
+ * Key codes are deprecated, soon major browser support will end.
+ */
 var ARROW_LEFT = 37;
 var ARROW_RIGHT = 39;
 
@@ -6206,21 +6405,27 @@ var Handle = /*#__PURE__*/function (_React$Component) {
       };
       var className = classnames((_classNames = {}, _defineProperty$2(_classNames, 'Slider-handle', true), _defineProperty$2(_classNames, 'Slider-handle--disabled', disabled), _defineProperty$2(_classNames, 'Slider-handle--active', isHandleMoving), _classNames));
       var TooltipClass = classnames((_classNames2 = {}, _defineProperty$2(_classNames2, 'Slider-tooltip', true), _defineProperty$2(_classNames2, 'Tooltip', true), _defineProperty$2(_classNames2, 'd-none', !showTootlip), _classNames2));
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: className,
-        onMouseOver: this.handleMouseOver,
-        onMouseLeave: this.handleMouseLeave,
-        onMouseDown: this.beginHandleMovement,
-        onKeyDown: this.handleKeyDown,
-        onKeyUp: this.handleKeyUp,
-        ref: this.refHandlers.handle,
-        style: style,
-        tabIndex: 1,
-        "data-test": "DesignSystem-MultiSlider-Handle"
-      }), /*#__PURE__*/React.createElement("div", {
-        className: TooltipClass,
-        style: style
-      }, label));
+      return (
+        /*#__PURE__*/
+        // TODO(a11y): fix accessibility
+
+        /* eslint-disable */
+        React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+          className: className,
+          onMouseOver: this.handleMouseOver,
+          onMouseLeave: this.handleMouseLeave,
+          onMouseDown: this.beginHandleMovement,
+          onKeyDown: this.handleKeyDown,
+          onKeyUp: this.handleKeyUp,
+          ref: this.refHandlers.handle,
+          style: style,
+          tabIndex: 1,
+          "data-test": "DesignSystem-MultiSlider-Handle"
+        }), /*#__PURE__*/React.createElement("div", {
+          className: TooltipClass,
+          style: style
+        }, label))
+      );
     }
   }]);
 
@@ -6478,7 +6683,10 @@ var MultiSlider = /*#__PURE__*/function (_React$Component) {
               foundHandle.changeValue(i);
             }
           }
-        };
+        }; // TODO(a11y): fix accessibility
+
+        /* eslint-disable */
+
 
         labels.push( /*#__PURE__*/React.createElement("div", {
           onClick: onClickHandler,
@@ -6828,26 +7036,32 @@ var StatusHint = function StatusHint(props) {
   var baseProps = extractBaseProps(props);
   var StatusHintClass = classnames(_defineProperty$2({}, 'StatusHint', true), className);
   var StatusHintIconClass = classnames((_classNames2 = {}, _defineProperty$2(_classNames2, 'StatusHint-icon', true), _defineProperty$2(_classNames2, "StatusHint--".concat(appearance), appearance), _classNames2));
-  return /*#__PURE__*/React.createElement("div", _extends$3({
-    "data-test": "DesignSystem-StatusHint"
-  }, baseProps, {
-    className: StatusHintClass,
-    onClick: function onClick(e) {
-      return _onClick && _onClick(e);
-    },
-    onMouseEnter: function onMouseEnter(e) {
-      return _onMouseEnter && _onMouseEnter(e);
-    },
-    onMouseLeave: function onMouseLeave(e) {
-      return _onMouseLeave && _onMouseLeave(e);
-    }
-  }), /*#__PURE__*/React.createElement("span", {
-    "data-test": "DesignSystem-StatusHint--Icon",
-    className: StatusHintIconClass
-  }), /*#__PURE__*/React.createElement(Text, {
-    "data-test": "DesignSystem-StatusHint--Text",
-    weight: 'medium'
-  }, children));
+  return (
+    /*#__PURE__*/
+    // TODO(a11y): fix accessibility
+
+    /* eslint-disable */
+    React.createElement("div", _extends$3({
+      "data-test": "DesignSystem-StatusHint"
+    }, baseProps, {
+      className: StatusHintClass,
+      onClick: function onClick(e) {
+        return _onClick && _onClick(e);
+      },
+      onMouseEnter: function onMouseEnter(e) {
+        return _onMouseEnter && _onMouseEnter(e);
+      },
+      onMouseLeave: function onMouseLeave(e) {
+        return _onMouseLeave && _onMouseLeave(e);
+      }
+    }), /*#__PURE__*/React.createElement("span", {
+      "data-test": "DesignSystem-StatusHint--Icon",
+      className: StatusHintIconClass
+    }), /*#__PURE__*/React.createElement(Text, {
+      "data-test": "DesignSystem-StatusHint--Text",
+      weight: 'medium'
+    }, children))
+  );
 };
 StatusHint.displayName = 'StatusHint';
 StatusHint.defaultProps = {
@@ -7054,8 +7268,10 @@ var Switch = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var SwitchWrapper = classnames((_classNames2 = {}, _defineProperty$2(_classNames2, 'Switch-wrapper', true), _defineProperty$2(_classNames2, 'Switch-wrapper--disabled', disabled), _defineProperty$2(_classNames2, "Switch-wrapper--".concat(size), size), _defineProperty$2(_classNames2, 'Switch-wrapper--checked', checked), _defineProperty$2(_classNames2, 'Switch-wrapper--checkedDisabled', checked && disabled), _classNames2));
 
   var onChangeHandler = function onChangeHandler(event) {
-    if (checkedProp === undefined) setChecked(!checked);
-    if (onChange) onChange(event, !checked);
+    if (event.type == 'change' || isSpaceKey(event)) {
+      if (checkedProp === undefined) setChecked(!checked);
+      if (onChange) onChange(event, !checked);
+    }
   };
 
   return /*#__PURE__*/React.createElement("div", {
@@ -7069,7 +7285,8 @@ var Switch = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref,
     name: name,
     value: value,
-    className: "Switch-input"
+    className: "Switch-input",
+    onKeyUp: onChangeHandler
   })), /*#__PURE__*/React.createElement("span", {
     className: SwitchWrapper
   }));
@@ -12322,32 +12539,39 @@ var ChipInput = function ChipInput(props) {
       }
     }, rest));
   });
-  return /*#__PURE__*/React.createElement("div", _extends$3({
-    "data-test": "DesignSystem-ChipInput"
-  }, baseProps, {
-    className: ChipInputClass,
-    onClick: onClickHandler
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "ChipInput-wrapper"
-  }, chips && chips.length > 0 && chipComponents, /*#__PURE__*/React.createElement("input", {
-    "data-test": "DesignSystem-ChipInput--Input",
-    ref: inputRef,
-    className: "ChipInput-input",
-    autoFocus: autoFocus,
-    placeholder: placeholder,
-    disabled: disabled,
-    value: inputValue,
-    onBlur: onBlur,
-    onFocus: onFocus,
-    onChange: onInputChangeHandler,
-    onKeyDown: onKeyDownHandler
-  })), chips.length > 0 && /*#__PURE__*/React.createElement(Icon, {
-    "data-test": "DesignSystem-ChipInput--Icon",
-    name: "close",
-    appearance: "subtle",
-    className: "ChipInput-icon",
-    onClick: onDeleteAllHandler
-  }));
+  return (
+    /*#__PURE__*/
+
+    /* TODO(a11y): fix accessibility  */
+
+    /* eslint-disable  */
+    React.createElement("div", _extends$3({
+      "data-test": "DesignSystem-ChipInput"
+    }, baseProps, {
+      className: ChipInputClass,
+      onClick: onClickHandler
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "ChipInput-wrapper"
+    }, chips && chips.length > 0 && chipComponents, /*#__PURE__*/React.createElement("input", {
+      "data-test": "DesignSystem-ChipInput--Input",
+      ref: inputRef,
+      className: "ChipInput-input",
+      autoFocus: autoFocus,
+      placeholder: placeholder,
+      disabled: disabled,
+      value: inputValue,
+      onBlur: onBlur,
+      onFocus: onFocus,
+      onChange: onInputChangeHandler,
+      onKeyDown: onKeyDownHandler
+    })), chips.length > 0 && /*#__PURE__*/React.createElement(Icon, {
+      "data-test": "DesignSystem-ChipInput--Icon",
+      name: "close",
+      appearance: "subtle",
+      className: "ChipInput-icon",
+      onClick: onDeleteAllHandler
+    }))
+  );
 };
 ChipInput.displayName = 'ChipInput';
 ChipInput.defaultProps = {
@@ -12447,21 +12671,26 @@ var MenuItem = function MenuItem(props) {
   };
 
   if (!expanded && !menu.icon) return null;
-  return /*#__PURE__*/React.createElement("div", _extends$3({
-    className: ItemClass
-  }, baseProps, {
-    onClick: onClickHandler
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "d-flex align-items-center overflow-hidden"
-  }, menu.icon && /*#__PURE__*/React.createElement(Icon, {
-    "data-test": "DesignSystem-VerticalNav--Icon",
-    className: expanded ? 'mr-4' : '',
-    name: menu.icon,
-    appearance: getIconAppearance(isActive, menu.disabled)
-  }), expanded && /*#__PURE__*/React.createElement(Text, {
-    "data-test": "DesignSystem-VerticalNav--Text",
-    appearance: getTextAppearance(isActive, menu.disabled)
-  }, menu.label)), expanded && renderSubMenu());
+  return (
+    /*#__PURE__*/
+    // TODO(a11y)
+    // eslint-disable-next-line
+    React.createElement("div", _extends$3({
+      className: ItemClass
+    }, baseProps, {
+      onClick: onClickHandler
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "d-flex align-items-center overflow-hidden"
+    }, menu.icon && /*#__PURE__*/React.createElement(Icon, {
+      "data-test": "DesignSystem-VerticalNav--Icon",
+      className: expanded ? 'mr-4' : '',
+      name: menu.icon,
+      appearance: getIconAppearance(isActive, menu.disabled)
+    }), expanded && /*#__PURE__*/React.createElement(Text, {
+      "data-test": "DesignSystem-VerticalNav--Text",
+      appearance: getTextAppearance(isActive, menu.disabled)
+    }, menu.label)), expanded && renderSubMenu())
+  );
 };
 MenuItem.defaultProps = {
   isActive: false
@@ -12634,16 +12863,21 @@ var HorizontalNav = function HorizontalNav(props) {
     var menuClasses = classnames((_classNames3 = {
       'HorizontalNav-menu': true
     }, _defineProperty$2(_classNames3, 'HorizontalNav-menu--active', isActive), _defineProperty$2(_classNames3, 'HorizontalNav-menu--disabled', menu.disabled), _classNames3));
-    return /*#__PURE__*/React.createElement("div", {
-      "data-test": "DesignSystem-HorizontalNav",
-      key: index,
-      className: menuClasses,
-      onClick: onClickHandler(menu)
-    }, renderIcon(menu, isActive), /*#__PURE__*/React.createElement(Text, {
-      appearance: getTextAppearance(isActive, menu.disabled),
-      "data-test": "DesignSystem-HorizontalNav--Text",
-      className: "HorizontalNav-menuText"
-    }, menu.label));
+    return (
+      /*#__PURE__*/
+      // TODO(a11y)
+      // eslint-disable-next-line
+      React.createElement("div", {
+        "data-test": "DesignSystem-HorizontalNav",
+        key: index,
+        className: menuClasses,
+        onClick: onClickHandler(menu)
+      }, renderIcon(menu, isActive), /*#__PURE__*/React.createElement(Text, {
+        appearance: getTextAppearance(isActive, menu.disabled),
+        "data-test": "DesignSystem-HorizontalNav--Text",
+        className: "HorizontalNav-menuText"
+      }, menu.label))
+    );
   });
   return /*#__PURE__*/React.createElement("div", _extends$3({}, baseProps, {
     className: classes
@@ -13760,11 +13994,16 @@ var Box = function Box(props) {
       className = props.className;
   var baseProps = extractBaseProps(props);
   var MessageClass = classnames((_classNames = {}, _defineProperty$2(_classNames, 'Box', true), _defineProperty$2(_classNames, "Box--".concat(type), type), _defineProperty$2(_classNames, 'Box--typing', isTyping), _defineProperty$2(_classNames, 'Box--urgent', statusType === 'urgent'), _defineProperty$2(_classNames, "Box-".concat(type, "--withStatus"), withStatus || isTyping), _classNames), className);
+  /* TODO(a11y): fix accessibility  */
+
+  /* eslint-disable  */
+
   return /*#__PURE__*/React.createElement("div", _extends$3({}, baseProps, {
     className: MessageClass,
     onClick: onClick,
     "data-test": "DesignSystem-ChatMessage--Box"
   }), children);
+  /* eslint-enable  */
 };
 Box.displayName = 'Box';
 
@@ -13860,7 +14099,11 @@ var EmptyState = function EmptyState(props) {
     style: {
       height: imageHeight[size]
     }
-  }, image), imageSrc && !image && /*#__PURE__*/React.createElement("img", {
+  }, image), imageSrc && !image &&
+  /*#__PURE__*/
+  //TODO(a11y)
+  //eslint-disable-next-line
+  React.createElement("img", {
     src: imageSrc,
     height: imageHeight[size],
     "data-test": "DesignSystem-EmptyState--Img"
@@ -14083,26 +14326,36 @@ var EditableInput = function EditableInput(props) {
   };
 
   var onChangeHandler = function onChangeHandler(eventType) {
-    var _inputRef$current;
-
     switch (eventType) {
       case 'edit':
-        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
-        setEditing(true);
+        {
+          var _inputRef$current;
+
+          (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+          setEditing(true);
+          setShowComponent(true);
+          break;
+        }
 
       case 'hover':
-        setShowComponent(true);
-        return;
+        {
+          setShowComponent(true);
+          break;
+        }
 
       case 'default':
-        setShowComponent(false);
+        {
+          setShowComponent(false);
+        }
     }
   };
 
   var inputComponent = /*#__PURE__*/React.createElement(Input, _extends$3({
     defaultValue: inputValue,
     placeholder: placeholder,
-    className: InputClass,
+    className: InputClass // TODO(a11y)
+    // eslint-disable-next-line jsx-a11y/no-autofocus
+    ,
     autoFocus: editing,
     size: size,
     onChange: onInputChangeHandler,
@@ -14149,33 +14402,38 @@ var EditableInput = function EditableInput(props) {
     }, value || placeholder);
   };
 
-  return /*#__PURE__*/React.createElement("div", _extends$3({
-    "data-test": "DesignSystem-EditableInput"
-  }, baseProps, {
-    className: EditableInputClass,
-    onKeyDown: onKeyDown
-  }), /*#__PURE__*/React.createElement(Editable, {
-    onChange: onChangeHandler,
-    editing: editing
-  }, renderChildren()), editing && /*#__PURE__*/React.createElement("div", {
-    className: ActionClass,
-    "data-test": "DesignSystem-EditableInput--Actions"
-  }, /*#__PURE__*/React.createElement(Button, {
-    icon: "clear",
-    className: "mr-3",
-    size: "tiny",
-    onClick: function onClick() {
-      setDefaultComponent(value);
-    },
-    "data-test": "DesignSystem-EditableInput--Discard"
-  }), /*#__PURE__*/React.createElement(Button, {
-    icon: "check",
-    appearance: "primary",
-    size: "tiny",
-    disabled: disableSaveAction,
-    onClick: onSaveChanges,
-    "data-test": "DesignSystem-EditableInput--Save"
-  })));
+  return (
+    /*#__PURE__*/
+    // TODO(a11y)
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    React.createElement("div", _extends$3({
+      "data-test": "DesignSystem-EditableInput"
+    }, baseProps, {
+      className: EditableInputClass,
+      onKeyDown: onKeyDown
+    }), /*#__PURE__*/React.createElement(Editable, {
+      onChange: onChangeHandler,
+      editing: editing
+    }, renderChildren()), editing && /*#__PURE__*/React.createElement("div", {
+      className: ActionClass,
+      "data-test": "DesignSystem-EditableInput--Actions"
+    }, /*#__PURE__*/React.createElement(Button, {
+      icon: "clear",
+      className: "mr-3",
+      size: "tiny",
+      onClick: function onClick() {
+        setDefaultComponent(value);
+      },
+      "data-test": "DesignSystem-EditableInput--Discard"
+    }), /*#__PURE__*/React.createElement(Button, {
+      icon: "check",
+      appearance: "primary",
+      size: "tiny",
+      disabled: disableSaveAction,
+      onClick: onSaveChanges,
+      "data-test": "DesignSystem-EditableInput--Save"
+    })))
+  );
 };
 EditableInput.defaultProps = {
   size: 'regular',
@@ -14250,14 +14508,21 @@ var EditableChipInput = function EditableChipInput(props) {
   var onChangeHandler = function onChangeHandler(eventType) {
     switch (eventType) {
       case 'edit':
-        setShowComponent(true);
+        {
+          setShowComponent(true);
+          break;
+        }
 
       case 'hover':
-        return;
+        {
+          break;
+        }
 
       case 'default':
-        setShowComponent(false);
-        return;
+        {
+          setShowComponent(false);
+          break;
+        }
     }
   };
 
@@ -14413,19 +14678,24 @@ var Step = function Step(props) {
 
   var iconAppearance = completed ? 'info' : disabled ? 'disabled' : active ? 'info' : 'default';
   var appearance = active ? 'link' : disabled ? 'disabled' : 'default';
-  return /*#__PURE__*/React.createElement("div", {
-    "data-test": "DesignSystem-Step",
-    className: StepClass,
-    onClick: onClickHandle
-  }, /*#__PURE__*/React.createElement(Icon, {
-    "data-test": "DesignSystem-Step--Icon",
-    name: completed ? 'check_circle' : 'radio_button_unchecked',
-    appearance: iconAppearance,
-    className: "mr-3 my-4"
-  }), label && /*#__PURE__*/React.createElement(Text, {
-    weight: "medium",
-    appearance: appearance
-  }, label));
+  return (
+    /*#__PURE__*/
+    // TODO(a11y)
+    // eslint-disable-next-line
+    React.createElement("div", {
+      "data-test": "DesignSystem-Step",
+      className: StepClass,
+      onClick: onClickHandle
+    }, /*#__PURE__*/React.createElement(Icon, {
+      "data-test": "DesignSystem-Step--Icon",
+      name: completed ? 'check_circle' : 'radio_button_unchecked',
+      appearance: iconAppearance,
+      className: "mr-3 my-4"
+    }), label && /*#__PURE__*/React.createElement(Text, {
+      weight: "medium",
+      appearance: appearance
+    }, label))
+  );
 };
 Step.displayName = 'Step';
 
@@ -15275,14 +15545,19 @@ var TabsWrapper = function TabsWrapper(props) {
         label = _child$props.label,
         disabled = _child$props.disabled;
     var tabHeaderClass = classnames((_classNames2 = {}, _defineProperty$2(_classNames2, 'Tab', true), _defineProperty$2(_classNames2, 'Tab--disabled', disabled), _defineProperty$2(_classNames2, 'Tab--active', !disabled && active === index), _classNames2));
-    return /*#__PURE__*/React.createElement("div", {
-      "data-test": "DesignSystem-Tabs--Header",
-      key: index,
-      className: tabHeaderClass,
-      onClick: function onClick() {
-        return !disabled && tabClickHandler(index);
-      }
-    }, label);
+    return (
+      /*#__PURE__*/
+      // TODO(a11y)
+      //  eslint-disable-next-line
+      React.createElement("div", {
+        "data-test": "DesignSystem-Tabs--Header",
+        key: index,
+        className: tabHeaderClass,
+        onClick: function onClick() {
+          return !disabled && tabClickHandler(index);
+        }
+      }, label)
+    );
   });
   return /*#__PURE__*/React.createElement("div", _extends$3({
     "data-test": "DesignSystem-TabsWrapper"
@@ -15432,21 +15707,26 @@ var Tabs = function Tabs(props) {
     var currentTabProp = children && 'props' in tab ? tab.props : tab;
     var disabled = currentTabProp.disabled;
     var tabHeaderClass = classnames((_classNames4 = {}, _defineProperty$2(_classNames4, 'Tab', true), _defineProperty$2(_classNames4, 'Tab--disabled', disabled), _defineProperty$2(_classNames4, 'Tab--active', !disabled && activeIndex === index), _classNames4));
-    return /*#__PURE__*/React.createElement("div", {
-      ref: function ref(element) {
-        return element && !disabled && tabRefs.push(element);
-      },
-      "data-test": "DesignSystem-Tabs--Tab",
-      key: index,
-      className: tabHeaderClass,
-      onClick: function onClick() {
-        return !disabled && tabClickHandler(index);
-      },
-      onKeyDown: function onKeyDown(event) {
-        return tabKeyDownHandler(event, index);
-      },
-      tabIndex: activeIndex === index ? 0 : -1
-    }, renderTab(currentTabProp, index));
+    return (
+      /*#__PURE__*/
+      // TODO(a11y)
+      //  eslint-disable-next-line
+      React.createElement("div", {
+        ref: function ref(element) {
+          return element && !disabled && tabRefs.push(element);
+        },
+        "data-test": "DesignSystem-Tabs--Tab",
+        key: index,
+        className: tabHeaderClass,
+        onClick: function onClick() {
+          return !disabled && tabClickHandler(index);
+        },
+        onKeyDown: function onKeyDown(event) {
+          return tabKeyDownHandler(event, index);
+        },
+        tabIndex: activeIndex === index ? 0 : -1
+      }, renderTab(currentTabProp, index))
+    );
   });
   return /*#__PURE__*/React.createElement("div", _extends$3({
     "data-test": "DesignSystem-Tabs"
@@ -16597,38 +16877,43 @@ var FileUploaderItem = function FileUploaderItem(props) {
   var name = file.name;
   var baseProps = extractBaseProps(props);
   var FileItemClass = classnames(_defineProperty$2({}, 'FileUploaderItem', true), className);
-  return /*#__PURE__*/React.createElement("div", _extends$3({}, baseProps, {
-    "data-test": "DesignSystem-FileUploader--Item",
-    className: FileItemClass,
-    onClick: function onClick() {
-      return _onClick && _onClick(file, id);
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "FileUploaderItem-file"
-  }, /*#__PURE__*/React.createElement(Text, {
-    className: "FileUploaderItem-text",
-    appearance: status === 'completed' ? 'default' : 'subtle'
-  }, name), /*#__PURE__*/React.createElement("div", {
-    className: "d-flex align-items-center"
-  }, /*#__PURE__*/React.createElement(FileUploaderStatus, {
-    file: file,
-    id: id,
-    status: status,
-    progress: progress,
-    onRetry: function onRetry() {
-      return _onRetry && _onRetry(file, id);
-    }
-  }), /*#__PURE__*/React.createElement(Button, {
-    "data-test": "DesignSystem-FileUploader--CancelButton",
-    appearance: "transparent",
-    size: "regular",
-    onClick: function onClick() {
-      return onDelete && onDelete(file, id);
-    },
-    icon: "close"
-  }))), status === 'error' && /*#__PURE__*/React.createElement(Caption, {
-    error: true
-  }, errorMessage));
+  return (
+    /*#__PURE__*/
+    // TODO(a11y)
+    //  eslint-disable-next-line
+    React.createElement("div", _extends$3({}, baseProps, {
+      "data-test": "DesignSystem-FileUploader--Item",
+      className: FileItemClass,
+      onClick: function onClick() {
+        return _onClick && _onClick(file, id);
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "FileUploaderItem-file"
+    }, /*#__PURE__*/React.createElement(Text, {
+      className: "FileUploaderItem-text",
+      appearance: status === 'completed' ? 'default' : 'subtle'
+    }, name), /*#__PURE__*/React.createElement("div", {
+      className: "d-flex align-items-center"
+    }, /*#__PURE__*/React.createElement(FileUploaderStatus, {
+      file: file,
+      id: id,
+      status: status,
+      progress: progress,
+      onRetry: function onRetry() {
+        return _onRetry && _onRetry(file, id);
+      }
+    }), /*#__PURE__*/React.createElement(Button, {
+      "data-test": "DesignSystem-FileUploader--CancelButton",
+      appearance: "transparent",
+      size: "regular",
+      onClick: function onClick() {
+        return onDelete && onDelete(file, id);
+      },
+      icon: "close"
+    }))), status === 'error' && /*#__PURE__*/React.createElement(Caption, {
+      error: true
+    }, errorMessage))
+  );
 };
 FileUploaderItem.defaultProps = {
   status: 'completed',
@@ -17124,7 +17409,11 @@ var HeaderCell = function HeaderCell(props) {
       return onMenuChange(name, selected);
     },
     minWidth: 176
-  }))), schema.resizable && /*#__PURE__*/React.createElement("span", {
+  }))), schema.resizable &&
+  /*#__PURE__*/
+  //TODO(a11y)
+  //eslint-disable-next-line
+  React.createElement("span", {
     className: "Grid-cellResize",
     onMouseDown: function onMouseDown() {
       resizeCol({
@@ -17699,10 +17988,10 @@ var VirtualScroll = /*#__PURE__*/function (_React$Component) {
           length = _this$props2.length,
           buffer = _this$props2.buffer;
           _this$props2.offset;
-          _this$props2.renderItem;
+          _this$props2.renderItems;
           _this$props2.minItemHeight;
           var forwardRef = _this$props2.forwardRef,
-          rest = _objectWithoutProperties(_this$props2, ["totalLength", "length", "buffer", "offset", "renderItem", "minItemHeight", "forwardRef"]);
+          rest = _objectWithoutProperties(_this$props2, ["totalLength", "length", "buffer", "offset", "renderItems", "minItemHeight", "forwardRef"]);
 
       var _this$state = this.state,
           init = _this$state.init,
@@ -17746,6 +18035,7 @@ _defineProperty(VirtualScroll, "defaultProps", {
 
 var index = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(VirtualScroll, _extends({
+    key: props.totalLength,
     forwardRef: ref
   }, props));
 });
@@ -17794,17 +18084,22 @@ var GridRow = function GridRow(props) {
 
   var renderCheckbox = function renderCheckbox(show) {
     if (!show || !withCheckbox) return null;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "Grid-cell Grid-cell--body Grid-cell--checkbox",
-      onClick: function onClick(e) {
-        return e.stopPropagation();
-      }
-    }, loading ? /*#__PURE__*/React.createElement(Placeholder, null) : /*#__PURE__*/React.createElement(Checkbox, {
-      checked: !!data._selected,
-      onChange: function onChange(event) {
-        onSelect(rI, event.target.checked);
-      }
-    }));
+    return (
+      /*#__PURE__*/
+      // TODO(a11y)
+      // eslint-disable-next-line
+      React.createElement("div", {
+        className: "Grid-cell Grid-cell--body Grid-cell--checkbox",
+        onClick: function onClick(e) {
+          return e.stopPropagation();
+        }
+      }, loading ? /*#__PURE__*/React.createElement(Placeholder, null) : /*#__PURE__*/React.createElement(Checkbox, {
+        checked: !!data._selected,
+        onChange: function onChange(event) {
+          onSelect(rI, event.target.checked);
+        }
+      }))
+    );
   };
 
   var renderSchema = function renderSchema(currSchema, shouldRenderCheckbox, pinned) {
@@ -19174,6 +19469,7 @@ var Table = /*#__PURE__*/function (_React$Component) {
       }, headerAttr), headerChildren)), /*#__PURE__*/React.createElement("div", {
         className: "Table-grid"
       }, /*#__PURE__*/React.createElement(Grid, _extends$3({}, this.state, {
+        key: this.state.searchTerm,
         updateData: this.updateData,
         updateSchema: this.updateSchema,
         updateSortingList: this.updateSortingList,
@@ -19331,16 +19627,21 @@ var VerticalNavigation = function VerticalNavigation(props) {
 
       var isActive = isMenuActive(menus, subMenu, active);
       var subMenuClasses = classnames(menuClasses, (_classNames2 = {}, _defineProperty$2(_classNames2, 'Navigation-menu--subMenu', true), _defineProperty$2(_classNames2, 'Navigation-menu--active', isActive), _classNames2));
-      return /*#__PURE__*/React.createElement("div", {
-        "data-test": "DesignSystem-Navigation-VerticalNavigation--subMenu",
-        key: ind,
-        className: subMenuClasses,
-        onClick: function onClick() {
-          return onClickHandler(subMenu);
-        }
-      }, /*#__PURE__*/React.createElement(Text, {
-        appearance: getTextAppearance(isActive, subMenu.disabled)
-      }, subMenu.label));
+      return (
+        /*#__PURE__*/
+        // TODO(a11y)
+        // eslint-disable-next-line
+        React.createElement("div", {
+          "data-test": "DesignSystem-Navigation-VerticalNavigation--subMenu",
+          key: ind,
+          className: subMenuClasses,
+          onClick: function onClick() {
+            return onClickHandler(subMenu);
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          appearance: getTextAppearance(isActive, subMenu.disabled)
+        }, subMenu.label))
+      );
     })));
   });
   var footerClasses = classnames(_defineProperty$2({
@@ -19550,32 +19851,37 @@ var FileListItem = function FileListItem(props) {
     }
   };
 
-  return /*#__PURE__*/React.createElement("div", _extends$3({}, baseProps, {
-    className: FileItemClass,
-    onClick: onClickHandler,
-    "data-test": "DesignSystem-FileListItem"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "FileItem-file"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "FileItem-fileContent"
-  }, /*#__PURE__*/React.createElement(FileIcon, {
-    file: file,
-    status: status,
-    progress: progress
-  }), /*#__PURE__*/React.createElement(Text, {
-    "data-test": "DesignSystem-FileListItem--Name",
-    className: "FileItem-text",
-    appearance: status === 'completed' ? 'default' : 'subtle'
-  }, name)), /*#__PURE__*/React.createElement("div", {
-    className: "FileItem-actions"
-  }, /*#__PURE__*/React.createElement(Text, {
-    className: "FileItem-size",
-    appearance: 'subtle',
-    "data-test": "DesignSystem-FileListItem--Size"
-  }, fileSize || file.size), !!actions && actions)), status === 'error' && /*#__PURE__*/React.createElement(Caption, {
-    className: 'FileItem-error',
-    error: true
-  }, errorMessage));
+  return (
+    /*#__PURE__*/
+    // TODO(a11y)
+    //  eslint-disable-next-line
+    React.createElement("div", _extends$3({}, baseProps, {
+      className: FileItemClass,
+      onClick: onClickHandler,
+      "data-test": "DesignSystem-FileListItem"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "FileItem-file"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "FileItem-fileContent"
+    }, /*#__PURE__*/React.createElement(FileIcon, {
+      file: file,
+      status: status,
+      progress: progress
+    }), /*#__PURE__*/React.createElement(Text, {
+      "data-test": "DesignSystem-FileListItem--Name",
+      className: "FileItem-text",
+      appearance: status === 'completed' ? 'default' : 'subtle'
+    }, name)), /*#__PURE__*/React.createElement("div", {
+      className: "FileItem-actions"
+    }, /*#__PURE__*/React.createElement(Text, {
+      className: "FileItem-size",
+      appearance: 'subtle',
+      "data-test": "DesignSystem-FileListItem--Size"
+    }, fileSize || file.size), !!actions && actions)), status === 'error' && /*#__PURE__*/React.createElement(Caption, {
+      className: 'FileItem-error',
+      error: true
+    }, errorMessage))
+  );
 };
 FileListItem.defaultProps = {
   progress: 0,
@@ -19739,54 +20045,62 @@ var VerificationCodeInput = function VerificationCodeInput(props) {
 
     switch (e.key) {
       case KEY_CODE.backspace:
-        e.preventDefault();
+        {
+          e.preventDefault();
 
-        var vals = _toConsumableArray(values);
+          var vals = _toConsumableArray(values);
 
-        if (values[index]) {
-          vals[index] = '';
-          setValues(vals);
-        } else if (prev && prev.current) {
-          vals[prevIndex] = '';
-          prev.current.focus({
-            preventScroll: true
-          });
-          setValues(vals);
-        }
+          if (values[index]) {
+            vals[index] = '';
+            setValues(vals);
+          } else if (prev && prev.current) {
+            vals[prevIndex] = '';
+            prev.current.focus({
+              preventScroll: true
+            });
+            setValues(vals);
+          }
 
-        break;
+          break;
+        }
 
       case KEY_CODE.left:
-        e.preventDefault();
+        {
+          e.preventDefault();
 
-        if (prev && prev.current) {
-          prev.current.focus({
-            preventScroll: true
-          });
-        }
+          if (prev && prev.current) {
+            prev.current.focus({
+              preventScroll: true
+            });
+          }
 
-        break;
+          break;
+        }
 
       case KEY_CODE.right:
-        e.preventDefault();
+        {
+          e.preventDefault();
 
-        if (nextRef && nextRef.current) {
-          nextRef.current.focus({
-            preventScroll: true
-          });
-        }
+          if (nextRef && nextRef.current) {
+            nextRef.current.focus({
+              preventScroll: true
+            });
+          }
 
-        break;
+          break;
+        }
 
       case KEY_CODE.up:
       case KEY_CODE.down:
       case KEY_CODE.e:
       case KEY_CODE.E:
-        if (type === 'number') {
-          e.preventDefault();
-        }
+        {
+          if (type === 'number') {
+            e.preventDefault();
+          }
 
-        break;
+          break;
+        }
     }
   };
 
@@ -19845,10 +20159,10 @@ var InlineMessage = function InlineMessage(props) {
     name: IconMapping[appearance],
     appearance: appearance,
     className: IconClass
-  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
+  }), /*#__PURE__*/React.createElement(Text, {
     "data-test": "DesignSystem-InlineMessage--Description",
     className: DescriptionClass
-  }, description)));
+  }, description));
 };
 InlineMessage.displayName = 'InlineMessage';
 InlineMessage.defaultProps = {
@@ -19957,7 +20271,7 @@ var ChoiceList = function ChoiceList(props) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("fieldset", {
     className: ChoiceListClass,
     "data-test": "DesignSystem-ChoiceList-Wrapper"
-  }, title && title.trim() && /*#__PURE__*/React.createElement(Label, null, title.trim()), !!allowMultiple ? /*#__PURE__*/React.createElement("div", {
+  }, title && title.trim() && /*#__PURE__*/React.createElement(Label, null, title.trim()), allowMultiple ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(alignment === 'horizontal' ? ChoiceHorizontalClass : ChoiceListVerticalClass)
   }, renderCheckbox(choices, handleOnChange, disabled, size, alignment, selected)) : /*#__PURE__*/React.createElement("div", {
     className: "".concat(alignment === 'horizontal' ? ChoiceHorizontalClass : ChoiceListVerticalClass)
@@ -19971,6 +20285,26 @@ ChoiceList.defaultProps = {
   disabled: false
 };
 
-var version = "2.5.0-4";
+var Divider = function Divider(props) {
+  var _classNames;
+
+  var vertical = props.vertical,
+      appearance = props.appearance,
+      className = props.className;
+  var baseProps = extractBaseProps(props);
+  var DividerClass = classnames((_classNames = {}, _defineProperty$2(_classNames, 'Divider', true), _defineProperty$2(_classNames, 'Divider--horizontal', !vertical), _defineProperty$2(_classNames, 'Divider--vertical', vertical), _defineProperty$2(_classNames, 'Divider--basic', appearance !== 'header'), _defineProperty$2(_classNames, 'Divider--header', !vertical && appearance === 'header'), _classNames), className);
+  return /*#__PURE__*/React.createElement("hr", _extends$3({
+    "data-test": "DesignSystem-Divider"
+  }, baseProps, {
+    className: DividerClass
+  }));
+};
+Divider.displayName = 'Divider';
+Divider.defaultProps = {
+  appearance: 'basic',
+  vertical: false
+};
+
+var version = "2.6.0";
 
-export { Avatar, AvatarGroup, Backdrop, Badge, Breadcrumbs, Button, Calendar, Caption, Card, CardBody, CardFooter, CardHeader, CardSubdued, ChatMessage, Checkbox, Chip, ChipGroup, ChipInput, ChoiceList, Collapsible, Column, DatePicker, DateRangePicker, Dialog, Dropdown, Dropzone, EditableChipInput, EditableDropdown, EditableInput, EmptyState, FileList, FileUploader, FileUploaderList, FullscreenModal, Grid, GridCell, Heading, HorizontalNav, Icon, InlineMessage, Input, InputMask, Label, Legend, Link, List, Message, MetaList, MetricInput, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, MultiSlider, Navigation, OutsideClick, PageHeader, Pagination, Paragraph, Pills, Placeholder, PlaceholderParagraph, Popover, ProgressBar, ProgressRing, Radio, RangeSlider, Row, Sidesheet, Slider, Spinner, StatusHint, Stepper, Subheading, Switch, Tab, Table, Tabs, TabsWrapper, Text, Textarea, TimePicker, Toast, Tooltip, index$1 as Utils, VerificationCodeInput, VerticalNav, version };
+export { Avatar, AvatarGroup, Backdrop, Badge, Breadcrumbs, Button, Calendar, Caption, Card, CardBody, CardFooter, CardHeader, CardSubdued, ChatMessage, Checkbox, Chip, ChipGroup, ChipInput, ChoiceList, Collapsible, Column, DatePicker, DateRangePicker, Dialog, Divider, Dropdown, Dropzone, EditableChipInput, EditableDropdown, EditableInput, EmptyState, FileList, FileUploader, FileUploaderList, FullscreenModal, Grid, GridCell, Heading, HorizontalNav, Icon, InlineMessage, Input, InputMask, Label, Legend, Link, List, Message, MetaList, MetricInput, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, MultiSlider, Navigation, OutsideClick, PageHeader, Pagination, Paragraph, Pills, Placeholder, PlaceholderParagraph, Popover, ProgressBar, ProgressRing, Radio, RangeSlider, Row, Sidesheet, Slider, Spinner, StatusHint, Stepper, Subheading, Switch, Tab, Table, Tabs, TabsWrapper, Text, Textarea, TimePicker, Toast, Tooltip, index$1 as Utils, VerificationCodeInput, VerticalNav, version };