@innovaccer/design-system 2.34.0 → 2.35.0

package/dist/index.esm.js

@@ -1,8 +1,8 @@
 
   /**
-   * Generated on: 1715851595101 
+   * Generated on: 1716895234745 
    *      Package: @innovaccer/design-system
-   *      Version: v2.34.0
+   *      Version: v2.35.0
    *      License: MIT
    *         Docs: https://innovaccer.github.io/design-system
    */
@@ -1358,7 +1358,7 @@ var Breadcrumbs = function Breadcrumbs(props) {
   })));
 };
 
-var _excluded$V = ["size", "appearance", "iconAlign", "tabIndex", "largeIcon", "type", "children", "icon", "expanded", "selected", "loading", "disabled", "className", "tooltip", "iconType"];
+var _excluded$Z = ["size", "appearance", "iconAlign", "tabIndex", "largeIcon", "type", "children", "icon", "expanded", "selected", "loading", "disabled", "className", "tooltip", "iconType"];
 var sizeMapping$3 = {
   tiny: 12,
   regular: 16,
@@ -1387,7 +1387,7 @@ var ButtonElement = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className = props.className;
       props.tooltip;
       var iconType = props.iconType,
-      rest = _objectWithoutProperties(props, _excluded$V);
+      rest = _objectWithoutProperties(props, _excluded$Z);
 
   var buttonClass = classnames((_classNames = {}, _defineProperty$1(_classNames, 'Button', true), _defineProperty$1(_classNames, 'Button--expanded', expanded), _defineProperty$1(_classNames, "Button--".concat(size), size), _defineProperty$1(_classNames, "Button--".concat(size, "Square"), !children), _defineProperty$1(_classNames, "Button--".concat(appearance), appearance), _defineProperty$1(_classNames, 'Button--selected', selected && (appearance === 'basic' || appearance === 'transparent')), _defineProperty$1(_classNames, "Button--iconAlign-".concat(iconAlign), children && iconAlign), _defineProperty$1(_classNames, "".concat(className), className), _classNames));
   var iconClass = classnames((_classNames2 = {}, _defineProperty$1(_classNames2, 'Button-icon', true), _defineProperty$1(_classNames2, "Button-icon--".concat(iconAlign), children && iconAlign), _classNames2));
@@ -2733,7 +2733,7 @@ _defineProperty$1(Calendar, "defaultProps", {
   jumpView: true
 });
 
-var _excluded$U = ["shadow", "children", "className"];
+var _excluded$Y = ["shadow", "children", "className"];
 var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames;
 
@@ -2741,7 +2741,7 @@ var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
       shadow = _props$shadow === void 0 ? 'shadow10' : _props$shadow,
       children = props.children,
       className = props.className,
-      rest = _objectWithoutProperties(props, _excluded$U);
+      rest = _objectWithoutProperties(props, _excluded$Y);
 
   var classes = classnames((_classNames = {
     Card: true
@@ -2758,12 +2758,12 @@ Card.defaultProps = {
   shadow: 'shadow10'
 };
 
-var _excluded$T = ["border", "children", "className"];
+var _excluded$X = ["border", "children", "className"];
 var CardSubdued = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var border = props.border,
       children = props.children,
       className = props.className,
-      rest = _objectWithoutProperties(props, _excluded$T);
+      rest = _objectWithoutProperties(props, _excluded$X);
 
   var classes = classnames(_defineProperty$1({
     CardSubdued: true
@@ -2830,7 +2830,7 @@ var isSpaceKey = function isSpaceKey(e) {
   return e.key === 'Space';
 };
 
-var _excluded$S = ["onClick", "onKeyDown", "role", "tabIndex"];
+var _excluded$W = ["onClick", "onKeyDown", "role", "tabIndex"];
 var allowed = {
   button: new Set(['Enter', 'Space', 'Spacebar', ' ']),
   link: new Set(['Enter']),
@@ -2854,7 +2854,7 @@ var useAccessibilityProps = function useAccessibilityProps(_ref) {
       _ref$role = _ref.role,
       role = _ref$role === void 0 ? 'button' : _ref$role,
       tabIndex = _ref.tabIndex,
-      rest = _objectWithoutProperties(_ref, _excluded$S);
+      rest = _objectWithoutProperties(_ref, _excluded$W);
 
   return _objectSpread2({}, onClick ? {
     onClick: onClick,
@@ -2972,14 +2972,14 @@ Icon.defaultProps = {
   size: 16
 };
 
-var _excluded$R = ["children", "componentType", "className"];
+var _excluded$V = ["children", "componentType", "className"];
 
 var GenericText = function GenericText(_ref, ref) {
   var children = _ref.children,
       _ref$componentType = _ref.componentType,
       componentType = _ref$componentType === void 0 ? 'span' : _ref$componentType,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$R);
+      rest = _objectWithoutProperties(_ref, _excluded$V);
 
   return /*#__PURE__*/React.createElement(componentType, _objectSpread2(_objectSpread2({}, rest), {}, {
     className: className,
@@ -2989,7 +2989,7 @@ var GenericText = function GenericText(_ref, ref) {
 
 var Link$1 = /*#__PURE__*/React.forwardRef(GenericText);
 
-var _excluded$Q = ["appearance", "size", "children", "weight", "small", "className", "color"];
+var _excluded$U = ["appearance", "size", "children", "weight", "small", "className", "color"];
 var Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames;
 
@@ -3002,7 +3002,7 @@ var Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
       small = props.small,
       className = props.className,
       color = props.color,
-      rest = _objectWithoutProperties(props, _excluded$Q);
+      rest = _objectWithoutProperties(props, _excluded$U);
 
   var classes = classnames((_classNames = {
     Text: true
@@ -3290,7 +3290,7 @@ var CheckboxIcon = function CheckboxIcon(props) {
   }
 };
 
-var _excluded$P = ["size", "tabIndex", "defaultChecked", "indeterminate", "label", "error", "disabled", "onChange", "name", "value", "className", "checked", "helpText", "id", "labelRef"];
+var _excluded$T = ["size", "tabIndex", "defaultChecked", "indeterminate", "label", "error", "disabled", "onChange", "name", "value", "className", "checked", "helpText", "id", "labelRef"];
 var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
   var _classNames, _classNames2, _classNames3, _classNames4, _classNames5, _classNames6;
 
@@ -3312,7 +3312,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
       _props$id = props.id,
       id = _props$id === void 0 ? "".concat(name, "-").concat(label, "-").concat(uidGenerator()) : _props$id,
       labelRef = props.labelRef,
-      rest = _objectWithoutProperties(props, _excluded$P);
+      rest = _objectWithoutProperties(props, _excluded$T);
 
   var ref = React.useRef(null);
   React.useImperativeHandle(forwardedRef, function () {
@@ -3395,7 +3395,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
 });
 Checkbox.displayName = 'Checkbox';
 
-var _excluded$O = ["size", "sizeXS", "sizeS", "sizeM", "sizeL", "sizeXL", "className", "children"];
+var _excluded$S = ["size", "sizeXS", "sizeS", "sizeM", "sizeL", "sizeXL", "className", "children"];
 var Column = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames;
 
@@ -3407,7 +3407,7 @@ var Column = /*#__PURE__*/React.forwardRef(function (props, ref) {
       sizeXL = props.sizeXL,
       className = props.className,
       children = props.children,
-      rest = _objectWithoutProperties(props, _excluded$O);
+      rest = _objectWithoutProperties(props, _excluded$S);
 
   var classes = classnames((_classNames = {}, _defineProperty$1(_classNames, 'Col', true), _defineProperty$1(_classNames, "Col--".concat(size), size), _defineProperty$1(_classNames, "Col--xs-".concat(sizeXS), sizeXS), _defineProperty$1(_classNames, "Col--s-".concat(sizeS), sizeS), _defineProperty$1(_classNames, "Col--m-".concat(sizeM), sizeM), _defineProperty$1(_classNames, "Col--l-".concat(sizeL), sizeL), _defineProperty$1(_classNames, "Col--xl-".concat(sizeXL), sizeXL), _defineProperty$1(_classNames, "".concat(className), className), _classNames));
   return /*#__PURE__*/React.createElement("div", _extends$2({
@@ -3518,7 +3518,7 @@ var Trigger$1 = function Trigger(props) {
   }));
 };
 
-var _excluded$N = ["date", "open", "position", "inputFormat", "outputFormat", "inputOptions", "validators", "withInput", "disabledBefore", "disabledAfter", "onDateChange", "closeOnSelect", "size", "showTodayDate", "children", "view"];
+var _excluded$R = ["date", "open", "position", "inputFormat", "outputFormat", "inputOptions", "validators", "withInput", "disabledBefore", "disabledAfter", "onDateChange", "closeOnSelect", "size", "showTodayDate", "children", "view"];
 var DatePicker = /*#__PURE__*/function (_React$Component) {
   _inherits(DatePicker, _React$Component);
 
@@ -3673,7 +3673,7 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
           _this$props4$children = _this$props4.children,
           children = _this$props4$children === void 0 ? /*#__PURE__*/React.createElement(React.Fragment, null) : _this$props4$children,
           view = _this$props4.view,
-          rest = _objectWithoutProperties(_this$props4, _excluded$N);
+          rest = _objectWithoutProperties(_this$props4, _excluded$R);
 
       var date = this.state.date;
       var months = config.months;
@@ -4739,7 +4739,7 @@ function debounce$1 (delay, atBegin, callback) {
   return callback === undefined ? throttle(delay, atBegin, false) : throttle(delay, callback, atBegin !== false);
 }
 
-var _excluded$M = ["triggerSize", "placeholder", "menu", "children", "icon", "disabled", "open", "inlineLabel", "error", "iconType"];
+var _excluded$Q = ["triggerSize", "placeholder", "menu", "children", "icon", "disabled", "open", "inlineLabel", "error", "iconType"];
 var DropdownButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames, _classNames2;
 
@@ -4756,7 +4756,7 @@ var DropdownButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
       inlineLabel = props.inlineLabel,
       error = props.error,
       iconType = props.iconType,
-      rest = _objectWithoutProperties(props, _excluded$M);
+      rest = _objectWithoutProperties(props, _excluded$Q);
 
   var buttonDisabled = disabled ? 'disabled' : 'default';
   var trimmedPlaceholder = placeholder.trim();
@@ -5829,7 +5829,7 @@ var DropdownList = function DropdownList(props) {
 
 DropdownList.displayName = 'DropdownList';
 
-var _excluded$L = ["triggerOptions", "selected", "tabIndex"];
+var _excluded$P = ["triggerOptions", "selected", "tabIndex"];
 var inputRef = /*#__PURE__*/React.createRef();
 
 /**
@@ -6528,7 +6528,7 @@ var Dropdown = /*#__PURE__*/function (_React$Component) {
           triggerOptions = _this$props14$trigger === void 0 ? {} : _this$props14$trigger;
           _this$props14.selected;
           var tabIndex = _this$props14.tabIndex,
-          rest = _objectWithoutProperties(_this$props14, _excluded$L);
+          rest = _objectWithoutProperties(_this$props14, _excluded$P);
 
       var remainingOptionsLen = searchedOptionsLength - options.length;
       var firstEnabledOption = tabIndex ? tabIndex : _isSelectAllPresent(searchTerm, remainingOptionsLen, withSelectAll, withCheckbox) ? 0 : options.findIndex(function (option) {
@@ -6576,7 +6576,7 @@ _defineProperty$1(Dropdown, "defaultProps", {
   searchDebounceDuration: 300
 });
 
-var _excluded$K = ["appearance", "size", "children", "className", "color"];
+var _excluded$O = ["appearance", "size", "children", "className", "color"];
 var sizeMap = {
   s: 'h5',
   m: 'h4',
@@ -6592,7 +6592,7 @@ var Heading = function Heading(props) {
       children = props.children,
       className = props.className,
       color = props.color,
-      rest = _objectWithoutProperties(props, _excluded$K);
+      rest = _objectWithoutProperties(props, _excluded$O);
 
   var classes = classnames((_classNames = {
     Heading: true
@@ -6610,13 +6610,13 @@ Heading.defaultProps = {
   size: 'm'
 };
 
-var _excluded$J = ["className", "iconType"];
+var _excluded$N = ["className", "iconType"];
 var ActionButton$1 = function ActionButton(props) {
   var _classNames;
 
   var className = props.className,
       iconType = props.iconType,
-      rest = _objectWithoutProperties(props, _excluded$J);
+      rest = _objectWithoutProperties(props, _excluded$N);
 
   var iconClass = classnames((_classNames = {}, _defineProperty$1(_classNames, 'ActionButton', true), _defineProperty$1(_classNames, "".concat(className), className), _classNames));
   return /*#__PURE__*/React.createElement(Icon, _extends$2({
@@ -6631,7 +6631,7 @@ ActionButton$1.defaultProps = {
   type: 'rounded'
 };
 
-var _excluded$I = ["size", "type", "minWidth", "defaultValue", "name", "placeholder", "value", "icon", "inlineLabel", "required", "error", "info", "onChange", "onClick", "onClear", "onBlur", "onFocus", "onPaste", "actionIcon", "className", "autoFocus", "disabled", "readOnly", "iconType"];
+var _excluded$M = ["size", "type", "minWidth", "defaultValue", "name", "placeholder", "value", "icon", "inlineLabel", "required", "error", "info", "onChange", "onClick", "onClear", "onBlur", "onFocus", "onPaste", "actionIcon", "className", "autoFocus", "disabled", "readOnly", "iconType"];
 var sizeMapping$2 = {
   tiny: 12,
   regular: 16,
@@ -6673,7 +6673,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
       disabled = props.disabled,
       readOnly = props.readOnly,
       iconType = props.iconType,
-      rest = _objectWithoutProperties(props, _excluded$I);
+      rest = _objectWithoutProperties(props, _excluded$M);
 
   var ref = React.useRef(null);
 
@@ -6782,7 +6782,7 @@ Object.assign(Input, {
   ActionButton: ActionButton$1
 });
 
-var _excluded$H = ["size", "defaultValue", "name", "placeholder", "icon", "prefix", "suffix", "error", "min", "max", "onChange", "onClick", "onBlur", "onFocus", "className", "autoFocus", "disabled", "readOnly", "value", "showActionButton", "onKeyDown", "iconType"];
+var _excluded$L = ["size", "defaultValue", "name", "placeholder", "icon", "prefix", "suffix", "error", "min", "max", "onChange", "onClick", "onBlur", "onFocus", "className", "autoFocus", "disabled", "readOnly", "value", "showActionButton", "onKeyDown", "iconType"];
 var sizeMapping$1 = {
   regular: 16,
   large: 20
@@ -6833,7 +6833,7 @@ var MetricInput = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
       showActionButton = _props$showActionButt === void 0 ? true : _props$showActionButt,
       onKeyDown = props.onKeyDown,
       iconType = props.iconType,
-      rest = _objectWithoutProperties(props, _excluded$H);
+      rest = _objectWithoutProperties(props, _excluded$L);
 
   var ref = React.useRef(null);
   var isUncontrolled = valueProp === undefined;
@@ -6999,7 +6999,7 @@ var getDefaultValue = function getDefaultValue(mask, placeholderChar) {
   return val;
 };
 
-var _excluded$G = ["mask", "value", "placeholderChar", "validators", "clearOnEmptyBlur", "defaultValue", "mask", "error", "caption", "required", "onChange", "onPaste", "onBlur", "onFocus", "onClear", "className", "id", "helpText"];
+var _excluded$K = ["mask", "value", "placeholderChar", "validators", "clearOnEmptyBlur", "defaultValue", "mask", "error", "caption", "required", "onChange", "onPaste", "onBlur", "onFocus", "onClear", "className", "id", "helpText"];
 
 /**
  * It works as Uncontrolled Input
@@ -7028,7 +7028,7 @@ var InputMask = /*#__PURE__*/React.forwardRef(function (props, forwardRef) {
       className = props.className,
       id = props.id,
       helpText = props.helpText,
-      rest = _objectWithoutProperties(props, _excluded$G);
+      rest = _objectWithoutProperties(props, _excluded$K);
 
   var isEditable = React.useCallback(function (pos) {
     return _typeof(mask[pos]) === 'object';
@@ -7100,12 +7100,21 @@ var InputMask = /*#__PURE__*/React.forwardRef(function (props, forwardRef) {
       end: ((_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.selectionEnd) || 0
     };
   }, [ref.current]);
+  var setSelectionRange_compatible_types = ['text', 'password', 'tel', 'url'];
   var setSelectionPos = React.useCallback(function (pos) {
     if (ref.current) {
       var el = ref.current;
       var start = Math.min(pos.start, pos.end);
       var end = Math.max(pos.start, pos.end);
-      el.setSelectionRange(start, end);
+
+      if (setSelectionRange_compatible_types.includes(el.type)) {
+        el.setSelectionRange(start, end);
+      } else {
+        var el_type = el.type;
+        el.type = 'text';
+        el.setSelectionRange(start, end);
+        el.type = el_type;
+      }
     }
   }, [ref.current]);
   var setCursorPosition = React.useCallback(function (val) {
@@ -7332,7 +7341,7 @@ InputMask.utils = {
 };
 var X = InputMask;
 
-var _excluded$F = ["required", "optional", "withInput", "disabled", "children", "className", "info"];
+var _excluded$J = ["required", "optional", "withInput", "disabled", "children", "className", "info"];
 
 /**
  * *NOTE: Extends props with HTMLProps<HTMLLabelElement>*
@@ -7347,7 +7356,7 @@ var Label = function Label(props) {
       children = props.children,
       className = props.className,
       info = props.info,
-      rest = _objectWithoutProperties(props, _excluded$F);
+      rest = _objectWithoutProperties(props, _excluded$J);
 
   var baseProps = extractBaseProps(props);
   var LabelClass = classnames((_classNames = {
@@ -7505,7 +7514,7 @@ var Editable = function Editable(props) {
 };
 Editable.displayName = 'Editable';
 
-var _excluded$E = ["onChange", "onClose"];
+var _excluded$I = ["onChange", "onClose"];
 var EditableDropdown = function EditableDropdown(props) {
   var _classNames2;
 
@@ -7516,7 +7525,7 @@ var EditableDropdown = function EditableDropdown(props) {
 
   var onDropdownChange = dropdownOptions.onChange,
       onDropdownClose = dropdownOptions.onClose,
-      rest = _objectWithoutProperties(dropdownOptions, _excluded$E);
+      rest = _objectWithoutProperties(dropdownOptions, _excluded$I);
 
   var _React$useState = React.useState(placeholder),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -7599,7 +7608,7 @@ EditableDropdown.defaultProps = {
   dropdownOptions: {}
 };
 
-var _excluded$D = ["children", "className", "appearance", "size", "disabled"];
+var _excluded$H = ["children", "className", "appearance", "size", "disabled"];
 var Link = function Link(props) {
   var _classNames;
 
@@ -7608,7 +7617,7 @@ var Link = function Link(props) {
       appearance = props.appearance,
       size = props.size,
       disabled = props.disabled,
-      rest = _objectWithoutProperties(props, _excluded$D);
+      rest = _objectWithoutProperties(props, _excluded$H);
 
   var classes = classnames((_classNames = {
     Link: true
@@ -8504,12 +8513,12 @@ _defineProperty$1(MultiSlider, "defaultProps", {
 
 _defineProperty$1(MultiSlider, "Handle", MultiSliderHandle);
 
-var _excluded$C = ["children", "className", "onOutsideClick"];
+var _excluded$G = ["children", "className", "onOutsideClick"];
 var OutsideClick = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
       className = props.className,
       onOutsideClick = props.onOutsideClick,
-      rest = _objectWithoutProperties(props, _excluded$C);
+      rest = _objectWithoutProperties(props, _excluded$G);
 
   var innerRef = React.useRef(null);
   React.useImperativeHandle(ref, function () {
@@ -8541,7 +8550,7 @@ var OutsideClick = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 OutsideClick.displayName = 'OutsideClick';
 
-var _excluded$B = ["appearance", "children", "className", "color"];
+var _excluded$F = ["appearance", "children", "className", "color"];
 var Paragraph = function Paragraph(props) {
   var _classNames;
 
@@ -8549,7 +8558,7 @@ var Paragraph = function Paragraph(props) {
       children = props.children,
       className = props.className,
       color = props.color,
-      rest = _objectWithoutProperties(props, _excluded$B);
+      rest = _objectWithoutProperties(props, _excluded$F);
 
   var classes = classnames((_classNames = {
     Text: true
@@ -8597,7 +8606,7 @@ ProgressBar.defaultProps = {
   size: 'regular'
 };
 
-var _excluded$A = ["size", "label", "disabled", "onChange", "name", "value", "checked", "defaultChecked", "className", "helpText", "error"];
+var _excluded$E = ["size", "label", "disabled", "onChange", "name", "value", "checked", "defaultChecked", "className", "helpText", "error"];
 var Radio = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
   var _classNames, _classNames2, _classNames3;
 
@@ -8613,7 +8622,7 @@ var Radio = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
       className = props.className,
       helpText = props.helpText,
       error = props.error,
-      rest = _objectWithoutProperties(props, _excluded$A);
+      rest = _objectWithoutProperties(props, _excluded$E);
 
   var ref = React.useRef(null);
   React.useImperativeHandle(forwardedRef, function () {
@@ -8664,11 +8673,11 @@ var Radio = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
 });
 Radio.displayName = 'Radio';
 
-var _excluded$z = ["className", "children"];
+var _excluded$D = ["className", "children"];
 var Row = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var className = props.className,
       children = props.children,
-      rest = _objectWithoutProperties(props, _excluded$z);
+      rest = _objectWithoutProperties(props, _excluded$D);
 
   var classes = classnames(_defineProperty$1({
     Row: true
@@ -8785,13 +8794,13 @@ Spinner.defaultProps = {
   size: 'medium'
 };
 
-var _excluded$y = ["value", "defaultValue", "onRelease", "onChange"];
+var _excluded$C = ["value", "defaultValue", "onRelease", "onChange"];
 var Slider = function Slider(props) {
   var valueProp = props.value,
       defaultValue = props.defaultValue,
       onRelease = props.onRelease,
       onChange = props.onChange,
-      rest = _objectWithoutProperties(props, _excluded$y);
+      rest = _objectWithoutProperties(props, _excluded$C);
 
   var _React$useState = React.useState(valueProp === undefined ? defaultValue : valueProp),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -8824,7 +8833,7 @@ Slider.defaultProps = _objectSpread2(_objectSpread2({}, MultiSlider.defaultProps
   defaultValue: 0
 });
 
-var _excluded$x = ["value", "defaultValue", "onChange", "onRelease"];
+var _excluded$B = ["value", "defaultValue", "onChange", "onRelease"];
 var RangeIndex;
 
 (function (RangeIndex) {
@@ -8837,7 +8846,7 @@ var RangeSlider = function RangeSlider(props) {
       defaultValue = props.defaultValue,
       onChange = props.onChange,
       onRelease = props.onRelease,
-      rest = _objectWithoutProperties(props, _excluded$x);
+      rest = _objectWithoutProperties(props, _excluded$B);
 
   var _React$useState = React.useState(valueProp === undefined ? defaultValue : valueProp),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -8873,7 +8882,7 @@ RangeSlider.defaultProps = _objectSpread2(_objectSpread2({}, MultiSlider.default
   defaultValue: [0, 10]
 });
 
-var _excluded$w = ["appearance", "children", "className", "color"];
+var _excluded$A = ["appearance", "children", "className", "color"];
 var Subheading = function Subheading(props) {
   var _classNames;
 
@@ -8881,7 +8890,7 @@ var Subheading = function Subheading(props) {
       children = props.children,
       className = props.className,
       color = props.color,
-      rest = _objectWithoutProperties(props, _excluded$w);
+      rest = _objectWithoutProperties(props, _excluded$A);
 
   var classes = classnames((_classNames = {
     Subheading: true
@@ -8898,7 +8907,7 @@ Subheading.defaultProps = {
   appearance: 'default'
 };
 
-var _excluded$v = ["size", "defaultChecked", "disabled", "onChange", "name", "value", "className", "appearance", "checked"];
+var _excluded$z = ["size", "defaultChecked", "disabled", "onChange", "name", "value", "className", "appearance", "checked"];
 
 /**
  * ######Switch has two types:
@@ -8918,7 +8927,7 @@ var Switch = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className = props.className;
       props.appearance;
       var checkedProp = props.checked,
-      rest = _objectWithoutProperties(props, _excluded$v);
+      rest = _objectWithoutProperties(props, _excluded$z);
 
   var _React$useState = React.useState(checkedProp === undefined ? defaultChecked : checkedProp),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -8957,7 +8966,7 @@ var Switch = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 Switch.displayName = 'Switch';
 
-var _excluded$u = ["rows", "resize", "disabled", "name", "placeholder", "value", "defaultValue", "required", "error", "onChange", "onClick", "onBlur", "onFocus", "className"];
+var _excluded$y = ["rows", "resize", "disabled", "name", "placeholder", "value", "defaultValue", "required", "error", "onChange", "onClick", "onBlur", "onFocus", "className"];
 var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames;
 
@@ -8977,7 +8986,7 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onBlur = props.onBlur,
       onFocus = props.onFocus,
       className = props.className,
-      rest = _objectWithoutProperties(props, _excluded$u);
+      rest = _objectWithoutProperties(props, _excluded$y);
 
   var classes = classnames((_classNames = {}, _defineProperty$1(_classNames, 'Textarea', true), _defineProperty$1(_classNames, 'Textarea--resize', resize), _defineProperty$1(_classNames, 'Textarea--error', error), _classNames), className);
   return /*#__PURE__*/React.createElement("textarea", _extends$2({
@@ -14122,7 +14131,7 @@ _defineProperty$1(PopperWrapper, "defaultProps", {
   style: {}
 });
 
-var _excluded$t = ["position", "customStyle", "dark", "children", "onToggle", "className", "hideOnReferenceEscape", "boundaryElement", "name"];
+var _excluded$x = ["position", "customStyle", "dark", "children", "onToggle", "className", "hideOnReferenceEscape", "boundaryElement", "name"];
 var propsList = ['appendToBody', 'trigger', 'hoverable', 'on', 'open', 'closeOnBackdropClick', 'offset', 'closeOnScroll'];
 var Popover = function Popover(props) {
   var position = props.position,
@@ -14135,7 +14144,7 @@ var Popover = function Popover(props) {
       _props$boundaryElemen = props.boundaryElement,
       boundaryElement = _props$boundaryElemen === void 0 ? document.body : _props$boundaryElemen,
       name = props.name,
-      rest = _objectWithoutProperties(props, _excluded$t);
+      rest = _objectWithoutProperties(props, _excluded$x);
 
   var _React$useState = React.useState(!!props.open),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -14188,7 +14197,7 @@ Popover.defaultProps = Object.assign({}, filterProps(PopperWrapper.defaultProps,
   customStyle: {}
 });
 
-var _excluded$s = ["type", "onClick"];
+var _excluded$w = ["type", "onClick"];
 var keyCodes$1 = {
   BACKSPACE: 'Backspace',
   DELETE: 'Delete',
@@ -14307,7 +14316,7 @@ var ChipInput = function ChipInput(props) {
     var _chipOptions$type = chipOptions.type,
         type = _chipOptions$type === void 0 ? 'input' : _chipOptions$type,
         _onClick = chipOptions.onClick,
-        rest = _objectWithoutProperties(chipOptions, _excluded$s);
+        rest = _objectWithoutProperties(chipOptions, _excluded$w);
 
     return /*#__PURE__*/React.createElement(Chip, _extends$2({
       "data-test": "DesignSystem-ChipInput--Chip",
@@ -14812,7 +14821,7 @@ var HorizontalNav = function HorizontalNav(props) {
   }), list);
 };
 
-var _excluded$r = ["children", "tooltip", "showTooltip", "showOnTruncation", "elementRef"];
+var _excluded$v = ["children", "tooltip", "showTooltip", "showOnTruncation", "elementRef"];
 var tooltipPropsList = ['trigger', 'on', 'open', 'offset', 'onToggle', 'dark', 'customStyle', 'closeOnBackdropClick', 'hideOnReferenceEscape', 'closeOnScroll'];
 var positionValue = {
   bottom: 'bottom',
@@ -14835,7 +14844,7 @@ var Tooltip = function Tooltip(props) {
       showTooltip = props.showTooltip,
       showOnTruncation = props.showOnTruncation,
       elementRef = props.elementRef,
-      rest = _objectWithoutProperties(props, _excluded$r);
+      rest = _objectWithoutProperties(props, _excluded$v);
 
   var childrenRef = React.useRef(null);
 
@@ -14956,7 +14965,7 @@ Dialog.defaultProps = {
   secondaryButtonAppearance: 'basic'
 };
 
-var _excluded$q = ["label"];
+var _excluded$u = ["label"];
 var OverlayFooter = function OverlayFooter(props) {
   var open = props.open,
       className = props.className,
@@ -14993,7 +15002,7 @@ var OverlayFooter = function OverlayFooter(props) {
       className: classes
     }), actions.map(function (_ref, index) {
       _ref.label;
-          var options = _objectWithoutProperties(_ref, _excluded$q);
+          var options = _objectWithoutProperties(_ref, _excluded$u);
 
       return /*#__PURE__*/React.createElement(Button, _extends$2({
         type: "button"
@@ -16126,60 +16135,246 @@ var ChatMessage = function ChatMessage(props) {
 };
 ChatMessage.displayName = 'ChatMessage';
 
+var EmptyStateContext = /*#__PURE__*/React.createContext({});
+
+var _excluded$t = ["children", "maxHeight", "height", "minHeight", "src", "alt", "className"];
+var imageHeight$1 = {
+  standard: '200px',
+  compressed: '150px',
+  tight: '100px',
+  large: '200px',
+  small: '200px'
+};
+
+var EmptyStateImage = function EmptyStateImage(props) {
+  var _classNames2;
+
+  var children = props.children,
+      maxHeight = props.maxHeight,
+      height = props.height,
+      minHeight = props.minHeight,
+      src = props.src,
+      alt = props.alt,
+      className = props.className,
+      rest = _objectWithoutProperties(props, _excluded$t);
+
+  var contextProp = React__default.useContext(EmptyStateContext);
+  var imageClasses = classnames(_defineProperty$1({}, 'EmptyState-image', true), className);
+  var imageWrapperClasses = classnames((_classNames2 = {}, _defineProperty$1(_classNames2, 'd-flex', true), _defineProperty$1(_classNames2, 'justify-content-center', true), _classNames2), className);
+  var _contextProp$size = contextProp.size,
+      size = _contextProp$size === void 0 ? 'standard' : _contextProp$size;
+  var sizeStyle = {
+    maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : imageHeight$1[size],
+    height: height,
+    minHeight: minHeight
+  };
+
+  if (children) {
+    return /*#__PURE__*/React__default.createElement("div", _extends$2({}, rest, {
+      className: imageWrapperClasses,
+      style: _objectSpread2({}, sizeStyle)
+    }), children);
+  }
+
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, src && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("img", _extends$2({
+    className: imageClasses,
+    src: src,
+    alt: alt,
+    style: _objectSpread2({}, sizeStyle),
+    "data-test": "DesignSystem-EmptyState--Img"
+  }, rest))));
+};
+
+var _excluded$s = ["children", "className"];
+
+var EmptyStateTitle = function EmptyStateTitle(props) {
+  var _classNames;
+
+  var children = props.children,
+      className = props.className,
+      rest = _objectWithoutProperties(props, _excluded$s);
+
+  var contextProp = React__default.useContext(EmptyStateContext);
+  var _contextProp$size = contextProp.size,
+      size = _contextProp$size === void 0 ? 'standard' : _contextProp$size;
+  var headingClass = classnames((_classNames = {}, _defineProperty$1(_classNames, "EmptyState-text", true), _defineProperty$1(_classNames, "EmptyState-title--".concat(size), true), _classNames), className);
+
+  if (size === 'standard') {
+    return /*#__PURE__*/React__default.createElement(Heading, _extends$2({
+      "data-test": "DesignSystem-EmptyState--Heading",
+      className: headingClass
+    }, rest), children);
+  }
+
+  return /*#__PURE__*/React__default.createElement(Text, _extends$2({
+    "data-test": "DesignSystem-EmptyState--Heading",
+    className: headingClass,
+    weight: "medium",
+    size: textSize[size]
+  }, rest), children);
+};
+
+var _excluded$r = ["children", "className"];
+
+var EmptyStateDescription = function EmptyStateDescription(props) {
+  var _classNames;
+
+  var children = props.children,
+      className = props.className,
+      rest = _objectWithoutProperties(props, _excluded$r);
+
+  var contextProp = React__default.useContext(EmptyStateContext);
+  var _contextProp$size = contextProp.size,
+      size = _contextProp$size === void 0 ? 'standard' : _contextProp$size;
+  var textSize = {
+    standard: 'regular',
+    compressed: 'regular',
+    tight: 'small'
+  };
+  var descriptionClasses = classnames((_classNames = {}, _defineProperty$1(_classNames, "EmptyState-text", true), _defineProperty$1(_classNames, 'mt-3', true), _classNames), className);
+  return /*#__PURE__*/React__default.createElement(Text, _extends$2({
+    size: textSize[size],
+    appearance: "subtle",
+    className: descriptionClasses,
+    "data-test": "DesignSystem-EmptyState--Text"
+  }, rest), children);
+};
+
+var _excluded$q = ["children", "className"];
+
+var EmptyStateActions = function EmptyStateActions(props) {
+  var _classNames;
+
+  var children = props.children,
+      className = props.className,
+      rest = _objectWithoutProperties(props, _excluded$q);
+
+  var contextProp = React__default.useContext(EmptyStateContext);
+  var _contextProp$size = contextProp.size,
+      size = _contextProp$size === void 0 ? 'standard' : _contextProp$size;
+  var actionWrapperClasses = classnames((_classNames = {}, _defineProperty$1(_classNames, "EmptyState-actions--".concat(size), true), _defineProperty$1(_classNames, 'EmptyState-actions', true), _classNames), className);
+  return /*#__PURE__*/React__default.createElement("div", _extends$2({
+    "data-test": "DesignSystem-EmptyState--Actions",
+    className: actionWrapperClasses
+  }, rest), children);
+};
+
 var imageHeight = {
   large: '256px',
-  small: '128px'
+  small: '128px',
+  standard: '256px',
+  compressed: '256px',
+  tight: '256px'
+};
+var templateWidth = {
+  standard: '480px',
+  compressed: '400px',
+  tight: '320px',
+  large: '480px',
+  small: '480px'
 };
 var HeadingSize = {
   large: 'l',
-  small: 'm'
+  small: 'm',
+  standard: 'l',
+  compressed: 'l',
+  tight: 'l'
 };
 var textSize = {
   large: 'large',
-  small: 'regular'
+  small: 'regular',
+  standard: 'large',
+  compressed: 'large',
+  tight: 'regular'
 };
 var EmptyState = function EmptyState(props) {
-  var _classNames2, _classNames3;
+  var _classNames3, _classNames4;
 
   var imageSrc = props.imageSrc,
       title = props.title,
       description = props.description,
-      size = props.size,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'standard' : _props$size,
       children = props.children,
       className = props.className,
-      image = props.image;
+      image = props.image,
+      maxWidth = props.maxWidth,
+      minWidth = props.minWidth,
+      width = props.width;
   var baseProps = extractBaseProps(props);
-  var WrapperClass = classnames(_defineProperty$1({}, 'EmptyState', true), className);
-  var HeadingClass = classnames((_classNames2 = {}, _defineProperty$1(_classNames2, 'EmptyState-title', true), _defineProperty$1(_classNames2, "EmptyState-title--".concat(size), true), _classNames2));
-  var TextClass = classnames((_classNames3 = {}, _defineProperty$1(_classNames3, 'EmptyState-description', true), _defineProperty$1(_classNames3, "EmptyState-description--".concat(size), children !== undefined), _classNames3));
-  return /*#__PURE__*/React.createElement("div", _extends$2({
-    "data-test": "DesignSystem-EmptyState"
-  }, baseProps, {
-    className: WrapperClass
-  }), image && /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: imageHeight[size]
+  var templateSize = 'standard';
+
+  var isValidSize = function isValidSize(size) {
+    return size === 'large' || size === 'small';
+  };
+
+  if (title || description) {
+    templateSize = isValidSize(size) ? size : 'large';
+  } else {
+    templateSize = isValidSize(size) ? 'standard' : size;
+  }
+
+  var wrapperClasses = classnames(_defineProperty$1({}, 'EmptyState', true), className);
+  var emptyStateWrapper = classnames(_defineProperty$1({}, 'EmptyState-Wrapper', true), className);
+  var headingClasses = classnames((_classNames3 = {}, _defineProperty$1(_classNames3, 'EmptyState-title', true), _defineProperty$1(_classNames3, "EmptyState-title--".concat(templateSize), true), _classNames3));
+  var textClasses = classnames((_classNames4 = {}, _defineProperty$1(_classNames4, 'EmptyState-description', true), _defineProperty$1(_classNames4, "EmptyState-description--".concat(templateSize), children !== undefined), _classNames4));
+
+  if (title || description) {
+    return /*#__PURE__*/React.createElement("div", _extends$2({
+      "data-test": "DesignSystem-EmptyState"
+    }, baseProps, {
+      className: wrapperClasses
+    }), image && /*#__PURE__*/React.createElement("div", {
+      style: {
+        height: imageHeight[templateSize]
+      }
+    }, image), imageSrc && !image &&
+    /*#__PURE__*/
+    //TODO(a11y)
+    //eslint-disable-next-line
+    React.createElement("img", {
+      src: imageSrc,
+      height: imageHeight[templateSize],
+      "data-test": "DesignSystem-EmptyState--Img"
+    }), title && /*#__PURE__*/React.createElement(Heading, {
+      "data-test": "DesignSystem-EmptyState--Heading",
+      size: HeadingSize[templateSize],
+      className: headingClasses
+    }, title), description && /*#__PURE__*/React.createElement(Text, {
+      size: textSize[templateSize],
+      className: textClasses,
+      appearance: "subtle",
+      "data-test": "DesignSystem-EmptyState--Text"
+    }, description), children && children);
+  }
+
+  var templateMaxWidth = maxWidth ? maxWidth : templateWidth[templateSize];
+  var customStyle = {
+    maxWidth: templateMaxWidth,
+    minWidth: minWidth,
+    width: width
+  };
+  return /*#__PURE__*/React.createElement(EmptyStateContext.Provider, {
+    value: {
+      size: templateSize,
+      maxWidth: templateMaxWidth
     }
-  }, image), imageSrc && !image &&
-  /*#__PURE__*/
-  //TODO(a11y)
-  //eslint-disable-next-line
-  React.createElement("img", {
-    src: imageSrc,
-    height: imageHeight[size],
-    "data-test": "DesignSystem-EmptyState--Img"
-  }), /*#__PURE__*/React.createElement(Heading, {
-    "data-test": "DesignSystem-EmptyState--Heading",
-    size: HeadingSize[size],
-    className: HeadingClass
-  }, title), /*#__PURE__*/React.createElement(Text, {
-    size: textSize[size],
-    className: TextClass,
-    appearance: "subtle",
-    "data-test": "DesignSystem-EmptyState--Text"
-  }, description), children && children);
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "d-flex justify-content-center align-item-center w-100 h-100"
+  }, /*#__PURE__*/React.createElement("div", _extends$2({
+    "data-test": "DesignSystem-EmptyState--Wrapper",
+    className: emptyStateWrapper,
+    style: customStyle
+  }, baseProps), children)));
 };
 EmptyState.displayName = 'EmptyState';
+EmptyState.Title = EmptyStateTitle;
+EmptyState.Description = EmptyStateDescription;
+EmptyState.Image = EmptyStateImage;
+EmptyState.Actions = EmptyStateActions;
+EmptyState.defaultProps = {
+  size: 'standard'
+};
 
 var ModalDescription = function ModalDescription(props) {
   var title = props.title,
@@ -24930,6 +25125,7 @@ var InputBox = function InputBox(props) {
 
   var onKeyDownHandler = function onKeyDownHandler(event) {
     handleKeyDown$3(event, setOpenPopover, setHighlightFirstItem, setHighlightLastItem);
+    props.onKeyDown && props.onKeyDown(event);
   };
 
   return /*#__PURE__*/React.createElement(Input, _extends$2({}, props, {
@@ -25197,6 +25393,7 @@ var ChipInputBox = function ChipInputBox(props) {
 
   var onKeyDownHandler = function onKeyDownHandler(event) {
     handleKeyDown$3(event, setOpenPopover, setHighlightFirstItem, setHighlightLastItem);
+    props.onKeyDown && props.onKeyDown(event);
   };
 
   return /*#__PURE__*/React__default.createElement(MultiSelectTrigger, _extends$2({}, props, {
@@ -25263,7 +25460,9 @@ var Combobox = function Combobox(props) {
       size = props.size,
       chipValue = props.chipValue,
       clearButton = props.clearButton,
-      onSearch = props.onSearch;
+      onSearch = props.onSearch,
+      onKeyDown = props.onKeyDown,
+      onKeyUp = props.onKeyUp;
 
   var _React$useState = React.useState(),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -25405,7 +25604,9 @@ var Combobox = function Combobox(props) {
     size: size,
     multiSelect: multiSelect,
     chipValue: chipValue,
-    clearButton: clearButton
+    clearButton: clearButton,
+    onKeyDown: onKeyDown,
+    onKeyUp: onKeyUp
   };
   var contextProp = {
     inputValue: inputValue,
@@ -26603,6 +26804,6 @@ Menu.defaultProps = {
   position: 'bottom-start'
 };
 
-var version = "2.34.0";
+var version = "2.35.0";
 
 export { ActionCard, Avatar, AvatarGroup, AvatarSelection, Backdrop, Badge, Breadcrumbs, Button, Calendar, Caption, Card, CardBody, CardFooter, CardHeader, CardSubdued, ChatMessage, Checkbox, Chip, ChipGroup, ChipInput, ChoiceList, Collapsible, Column, Combobox, DatePicker, DateRangePicker, Dialog, Divider, Dropdown, Dropzone, EditableChipInput, EditableDropdown, EditableInput, EmptyState, FileList, FileUploader, FileUploaderList, FullscreenModal, Grid, GridCell, Heading, HelpText, HorizontalNav, Icon, InlineMessage, Input, X as InputMask, Label, Legend, Link, LinkButton, List, Listbox, Menu, Message, MetaList, MetricInput, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, MultiSlider, Navigation, OutsideClick, PageHeader, Pagination, Paragraph, Pills, Placeholder, PlaceholderImage, PlaceholderParagraph, Popover, ProgressBar, ProgressRing, Radio, RangeSlider, Row, Select, SelectionCard, Sidesheet, Slider, Spinner, StatusHint, Stepper, Subheading, Switch, Tab, Table, Tabs, TabsWrapper, Text, TextField, Textarea, TimePicker, Toast, Tooltip, index as Utils, VerificationCodeInput, VerticalNav, version };