@carbon/react 1.19.0 → 1.21.0-rc.0

package/lib/components/DangerButton/DangerButton.js

@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-require('../Button/Button.Skeleton.js');
 var Button = require('../Button/Button.js');
+require('../Button/Button.Skeleton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/DataTable/TableBatchAction.js

@@ -12,8 +12,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var PropTypes = require('prop-types');
 var React = require('react');
 var iconsReact = require('@carbon/icons-react');
-require('../Button/Button.Skeleton.js');
 var Button = require('../Button/Button.js');
+require('../Button/Button.Skeleton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/DataTable/TableBatchActions.js

@@ -13,8 +13,8 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
-require('../Button/Button.Skeleton.js');
 var Button = require('../Button/Button.js');
+require('../Button/Button.Skeleton.js');
 var TableActionList = require('./TableActionList.js');
 require('../Text/index.js');
 var usePrefix = require('../../internal/usePrefix.js');

package/lib/components/DataTable/TableHeader.js

@@ -106,9 +106,7 @@ var TableHeader = /*#__PURE__*/React__default["default"].forwardRef(function Tab
     ref: ref,
     scope: scope
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    style: {
-      display: 'none'
-    },
+    className: "".concat(prefix, "--table-sort__description"),
     id: uniqueId
   }, sortDescription), /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
     type: "button",

package/lib/components/DataTable/index.js

@@ -52,6 +52,7 @@ DataTable["default"].TableToolbarContent = TableToolbarContent["default"];
 DataTable["default"].TableToolbarSearch = TableToolbarSearch["default"];
 DataTable["default"].TableToolbarMenu = TableToolbarMenu["default"];
 
+exports.DataTable = DataTable["default"];
 exports["default"] = DataTable["default"];
 exports.Table = Table.Table;
 exports.TableActionList = TableActionList["default"];

package/lib/components/DatePicker/DatePicker.Skeleton.js

@@ -75,4 +75,5 @@ DatePickerSkeleton.propTypes = {
   range: PropTypes__default["default"].bool
 };
 
+exports.DatePickerSkeleton = DatePickerSkeleton;
 exports["default"] = DatePickerSkeleton;

package/lib/components/DatePicker/DatePicker.js

@@ -132,8 +132,8 @@ function isLabelTextEmpty(children) {
   });
 }
 
-var rightArrowHTML = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n  <polygon points=\"11,8 6,13 5.3,12.3 9.6,8 5.3,3.7 6,3 \"/>\n  <rect width=\"16\" height=\"16\" style=\"fill:none\" />\n</svg>";
-var leftArrowHTML = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n  <polygon points=\"5,8 10,3 10.7,3.7 6.4,8 10.7,12.3 10,13 \"/>\n  <rect width=\"16\" height=\"16\" style=\"fill:none\" />\n</svg>";
+var rightArrowHTML = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n  <polygon points=\"11,8 6,13 5.3,12.3 9.6,8 5.3,3.7 6,3 \"/>\n</svg>";
+var leftArrowHTML = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n  <polygon points=\"5,8 10,3 10.7,3.7 6.4,8 10.7,12.3 10,13 \"/>\n</svg>";
 
 function updateClassNames(calendar, prefix) {
   var calendarContainer = calendar.calendarContainer;
@@ -202,7 +202,17 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function Date
   var _useContext = React.useContext(FormContext.FormContext),
       isFluid = _useContext.isFluid;
 
-  var startInputField = React.useRef(null);
+  var _useState = React.useState(false),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      hasInput = _useState2[0],
+      setHasInput = _useState2[1];
+
+  var startInputField = React.useCallback(function (node) {
+    if (node !== null) {
+      startInputField.current = node;
+      setHasInput(true);
+    }
+  }, []);
   var endInputField = React.useRef(null);
   var calendarRef = React.useRef(null);
   var savedOnChange = useSavedCallback.useSavedCallback(onChange);
@@ -248,7 +258,7 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function Date
       return;
     }
 
-    if (startInputField.current === null) {
+    if (!startInputField.current) {
       return;
     }
 
@@ -392,8 +402,19 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function Date
         end.removeEventListener('change', handleOnChange);
       }
     };
-  }, [savedOnChange, savedOnClose, savedOnOpen, readOnly]); //eslint-disable-line react-hooks/exhaustive-deps
+  }, [savedOnChange, savedOnClose, savedOnOpen, readOnly, hasInput]); //eslint-disable-line react-hooks/exhaustive-deps
+  // this hook allows consumers to access the flatpickr calendar
+  // instance for cases where functions like open() or close()
+  // need to be imperatively called on the calendar
+
+  React.useImperativeHandle(ref, function () {
+    return {
+      get calendar() {
+        return calendarRef.current;
+      }
 
+    };
+  });
   React.useEffect(function () {
     var _calendarRef$current;
 
@@ -450,7 +471,8 @@ var DatePicker = /*#__PURE__*/React__default["default"].forwardRef(function Date
     } else if (!calendarRef.current && value) {
       startInputField.current.value = value;
     }
-  }, [value, prefix]);
+  }, [value, prefix]); //eslint-disable-line react-hooks/exhaustive-deps
+
   var fluidError;
 
   if (isFluid) {

package/lib/components/DatePicker/index.js

@@ -0,0 +1,19 @@
+/**
+ * Copyright IBM Corp. 2016, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DatePicker = require('./DatePicker.js');
+var DatePicker_Skeleton = require('./DatePicker.Skeleton.js');
+
+
+
+exports.DatePicker = DatePicker["default"];
+exports["default"] = DatePicker["default"];
+exports.DatePickerSkeleton = DatePicker_Skeleton["default"];

package/lib/components/DatePickerInput/index.js

@@ -0,0 +1,17 @@
+/**
+ * Copyright IBM Corp. 2016, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DatePickerInput = require('./DatePickerInput.js');
+
+
+
+exports.DatePickerInput = DatePickerInput["default"];
+exports["default"] = DatePickerInput["default"];

package/lib/components/Dropdown/Dropdown.Skeleton.js

@@ -53,4 +53,5 @@ DropdownSkeleton.propTypes = {
   size: ListBoxPropTypes.ListBoxSize
 };
 
+exports.DropdownSkeleton = DropdownSkeleton;
 exports["default"] = DropdownSkeleton;

package/lib/components/Dropdown/index.js

@@ -0,0 +1,19 @@
+/**
+ * Copyright IBM Corp. 2016, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Dropdown = require('./Dropdown.js');
+var Dropdown_Skeleton = require('./Dropdown.Skeleton.js');
+
+
+
+exports.Dropdown = Dropdown["default"];
+exports["default"] = Dropdown["default"];
+exports.DropdownSkeleton = Dropdown_Skeleton["default"];

package/lib/components/FileUploader/FileUploader.Skeleton.js

@@ -50,4 +50,5 @@ FileUploaderSkeleton.propTypes = {
   className: PropTypes__default["default"].string
 };
 
+exports.FileUploaderSkeleton = FileUploaderSkeleton;
 exports["default"] = FileUploaderSkeleton;

package/lib/components/FluidDatePicker/FluidDatePicker.js

@@ -13,8 +13,8 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
-require('../DatePicker/DatePicker.Skeleton.js');
 var DatePicker = require('../DatePicker/DatePicker.js');
+require('../DatePicker/DatePicker.Skeleton.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.js');
 

package/lib/components/FluidDropdown/FluidDropdown.js

@@ -13,8 +13,8 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
-require('../Dropdown/Dropdown.Skeleton.js');
 var Dropdown = require('../Dropdown/Dropdown.js');
+require('../Dropdown/Dropdown.Skeleton.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.js');
 

package/lib/components/FluidSelect/FluidSelect.js

@@ -13,8 +13,8 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
-require('../Select/Select.Skeleton.js');
 var Select = require('../Select/Select.js');
+require('../Select/Select.Skeleton.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.js');
 

package/lib/components/FluidSelect/index.js

@@ -0,0 +1,19 @@
+/**
+ * Copyright IBM Corp. 2016, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var FluidSelect = require('./FluidSelect.js');
+var FluidSelect_Skeleton = require('./FluidSelect.Skeleton.js');
+
+
+
+exports.FluidSelect = FluidSelect["default"];
+exports["default"] = FluidSelect["default"];
+exports.FluidSelectSkeleton = FluidSelect_Skeleton["default"];

package/lib/components/FluidTextArea/FluidTextArea.js

@@ -13,8 +13,8 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
-require('../TextArea/TextArea.Skeleton.js');
 var TextArea = require('../TextArea/TextArea.js');
+require('../TextArea/TextArea.Skeleton.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.js');

package/lib/components/FluidTextInput/index.js

@@ -0,0 +1,19 @@
+/**
+ * Copyright IBM Corp. 2016, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var FluidTextInput = require('./FluidTextInput.js');
+var FluidTextInput_Skeleton = require('./FluidTextInput.Skeleton.js');
+
+
+
+exports.FluidTextInput = FluidTextInput["default"];
+exports["default"] = FluidTextInput["default"];
+exports.FluidTextInputSkeleton = FluidTextInput_Skeleton["default"];

package/lib/components/{RadioButtonGroup → Form}/index.js

@@ -9,8 +9,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var RadioButtonGroup = require('./RadioButtonGroup.js');
+var Form = require('./Form.js');
 
 
 
-exports["default"] = RadioButtonGroup["default"];
+exports.Form = Form["default"];
+exports["default"] = Form["default"];

package/lib/components/Icon/Icon.Skeleton.js

@@ -43,4 +43,5 @@ IconSkeleton.propTypes = {
   className: PropTypes__default["default"].string
 };
 
+exports.IconSkeleton = IconSkeleton;
 exports["default"] = IconSkeleton;

package/lib/components/IconButton/index.js

@@ -12,8 +12,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
 var React = require('react');
-require('../Button/Button.Skeleton.js');
 var Button = require('../Button/Button.js');
+require('../Button/Button.Skeleton.js');
 require('../Tooltip/DefinitionTooltip.js');
 var Tooltip = require('../Tooltip/Tooltip.js');
 var usePrefix = require('../../internal/usePrefix.js');

package/lib/components/InlineCheckbox/index.js

@@ -0,0 +1,17 @@
+/**
+ * Copyright IBM Corp. 2016, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var InlineCheckbox = require('./InlineCheckbox.js');
+
+
+
+exports.InlineCheckbox = InlineCheckbox["default"];
+exports["default"] = InlineCheckbox["default"];

package/lib/components/{ExpandableSearch → Link}/index.js

@@ -9,8 +9,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ExpandableSearch = require('./ExpandableSearch.js');
+var Link = require('./Link.js');
 
 
 
-exports["default"] = ExpandableSearch["default"];
+exports.Link = Link["default"];
+exports["default"] = Link["default"];

package/lib/components/Loading/index.js

@@ -0,0 +1,17 @@
+/**
+ * Copyright IBM Corp. 2016, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Loading = require('./Loading.js');
+
+
+
+exports.Loading = Loading["default"];
+exports["default"] = Loading["default"];

package/lib/components/Menu/index.js

@@ -22,6 +22,7 @@ Menu["default"].MenuItem = MenuItem["default"];
 Menu["default"].MenuRadioGroup = MenuRadioGroup["default"];
 Menu["default"].MenuSelectableItem = MenuSelectableItem["default"];
 
+exports.Menu = Menu["default"];
 exports["default"] = Menu["default"];
 exports.MenuDivider = MenuDivider["default"];
 exports.MenuGroup = MenuGroup["default"];

package/lib/components/Modal/Modal.js

@@ -15,8 +15,8 @@ var React = require('react');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
 var toggleClass = require('../../tools/toggleClass.js');
-require('../Button/Button.Skeleton.js');
 var Button = require('../Button/Button.js');
+require('../Button/Button.Skeleton.js');
 var ButtonSet = require('../ButtonSet/ButtonSet.js');
 var requiredIfGivenPropIsTruthy = require('../../prop-types/requiredIfGivenPropIsTruthy.js');
 var wrapFocus = require('../../internal/wrapFocus.js');

package/lib/components/Modal/index.js

@@ -13,4 +13,5 @@ var Modal = require('./Modal.js');
 
 
 
+exports.Modal = Modal["default"];
 exports["default"] = Modal["default"];

package/lib/components/ModalWrapper/ModalWrapper.js

@@ -13,8 +13,8 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var Modal = require('../Modal/Modal.js');
-require('../Button/Button.Skeleton.js');
 var Button = require('../Button/Button.js');
+require('../Button/Button.Skeleton.js');
 var types = require('../../prop-types/types.js');
 var warning = require('../../internal/warning.js');
 

package/lib/components/MultiSelect/index.js

@@ -20,5 +20,6 @@ if (process.env.NODE_ENV !== "production") {
   deprecateFieldOnObject.deprecateFieldOnObject(MultiSelect["default"], 'Filterable', FilterableMultiSelect["default"]);
 }
 
+exports.MultiSelect = MultiSelect["default"];
 exports["default"] = MultiSelect["default"];
 exports.FilterableMultiSelect = FilterableMultiSelect["default"];

package/lib/components/Notification/Notification.js

@@ -14,8 +14,8 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
-require('../Button/Button.Skeleton.js');
 var Button = require('../Button/Button.js');
+require('../Button/Button.Skeleton.js');
 var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
 var keys = require('../../internal/keyboard/keys.js');

package/lib/components/NumberInput/NumberInput.js

@@ -14,11 +14,12 @@ var iconsReact = require('@carbon/icons-react');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
-var index = require('../FeatureFlags/index.js');
 var useMergedRefs = require('../../internal/useMergedRefs.js');
 var useNormalizedInputProps = require('../../internal/useNormalizedInputProps.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var deprecate = require('../../prop-types/deprecate.js');
+require('../FluidForm/FluidForm.js');
+var FormContext = require('../FluidForm/FormContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -35,9 +36,7 @@ var translationIds = {
 };
 var defaultTranslations = (_defaultTranslations = {}, _rollupPluginBabelHelpers.defineProperty(_defaultTranslations, translationIds['increment.number'], 'Increment number'), _rollupPluginBabelHelpers.defineProperty(_defaultTranslations, translationIds['decrement.number'], 'Decrement number'), _defaultTranslations);
 var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function NumberInput(props, forwardRef) {
-  var _cx, _cx3;
-
-  var enabled = index.useFeatureFlag('enable-v11-release');
+  var _cx, _cx3, _cx4;
 
   var _props$allowEmpty = props.allowEmpty,
       allowEmpty = _props$allowEmpty === void 0 ? false : _props$allowEmpty,
@@ -52,14 +51,12 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function Num
       _props$hideLabel = props.hideLabel,
       hideLabel = _props$hideLabel === void 0 ? false : _props$hideLabel,
       hideSteppers = props.hideSteppers,
-      _props$iconDescriptio = props.iconDescription,
-      iconDescription = _props$iconDescriptio === void 0 ? enabled ? undefined : 'choose a number' : _props$iconDescriptio,
+      iconDescription = props.iconDescription,
       id = props.id,
       label = props.label,
       _props$invalid = props.invalid,
       invalid = _props$invalid === void 0 ? false : _props$invalid,
-      _props$invalidText = props.invalidText,
-      invalidText = _props$invalidText === void 0 ? enabled ? undefined : 'Provide invalidText' : _props$invalidText,
+      invalidText = props.invalidText,
       light = props.light,
       _props$max = props.max,
       max = _props$max === void 0 ? 100 : _props$max,
@@ -86,7 +83,15 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function Num
 
   var prefix = usePrefix.usePrefix();
 
-  var _useState = React.useState(function () {
+  var _useContext = React.useContext(FormContext.FormContext),
+      isFluid = _useContext.isFluid;
+
+  var _useState = React.useState(false),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      isFocused = _useState2[0],
+      setIsFocused = _useState2[1];
+
+  var _useState3 = React.useState(function () {
     if (controlledValue !== undefined) {
       return controlledValue;
     }
@@ -97,18 +102,18 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function Num
 
     return 0;
   }),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
-  var _useState3 = React.useState(controlledValue),
       _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      prevControlledValue = _useState4[0],
-      setPrevControlledValue = _useState4[1];
+      value = _useState4[0],
+      setValue = _useState4[1];
+
+  var _useState5 = React.useState(controlledValue),
+      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+      prevControlledValue = _useState6[0],
+      setPrevControlledValue = _useState6[1];
 
   var inputRef = React.useRef(null);
   var ref = useMergedRefs.useMergedRefs([forwardRef, inputRef]);
-  var numberInputClasses = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--number"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--number--helpertext"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--number--readonly"), readOnly), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--number--light"), light), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--number--nolabel"), hideLabel), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--number--nosteppers"), hideSteppers), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--number--").concat(size), size), _rollupPluginBabelHelpers.defineProperty(_cx, customClassName, !enabled), _cx));
+  var numberInputClasses = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--number"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--number--helpertext"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--number--readonly"), readOnly), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--number--light"), light), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--number--nolabel"), hideLabel), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--number--nosteppers"), hideSteppers), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--number--").concat(size), size), _cx));
   var isInputValid = getInputValidity({
     allowEmpty: allowEmpty,
     invalid: invalid,
@@ -162,8 +167,19 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function Num
     }
   }
 
+  var handleFocus = function handleFocus(evt) {
+    if (evt.target.type === 'button') {
+      setIsFocused(false);
+    } else {
+      setIsFocused(evt.type === 'focus' ? true : false);
+    }
+  };
+
+  var outerElementClasses = cx__default["default"]("".concat(prefix, "--form-item"), (_cx4 = {}, _rollupPluginBabelHelpers.defineProperty(_cx4, customClassName, !!customClassName), _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--number-input--fluid--invalid"), isFluid && normalizedProps.invalid), _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--number-input--fluid--focus"), isFluid && isFocused), _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--number-input--fluid--disabled"), isFluid && disabled), _cx4));
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"]("".concat(prefix, "--form-item"), _rollupPluginBabelHelpers.defineProperty({}, customClassName, enabled))
+    className: outerElementClasses,
+    onFocus: isFluid ? handleFocus : null,
+    onBlur: isFluid ? handleFocus : null
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: numberInputClasses,
     "data-invalid": normalizedProps.invalid ? true : undefined
@@ -265,7 +281,9 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function Num
     className: "up-icon"
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(prefix, "--number__rule-divider")
-  }))), normalizedProps.validation ? normalizedProps.validation : /*#__PURE__*/React__default["default"].createElement(HelperText, {
+  }))), isFluid && /*#__PURE__*/React__default["default"].createElement("hr", {
+    className: "".concat(prefix, "--number-input__divider")
+  }), normalizedProps.validation ? normalizedProps.validation : /*#__PURE__*/React__default["default"].createElement(HelperText, {
     disabled: disabled,
     description: helperText
   })));

package/lib/components/OverflowMenu/index.js

@@ -14,4 +14,5 @@ var createClassWrapper = require('../../internal/createClassWrapper.js');
 
 var OverflowMenu = createClassWrapper.createClassWrapper(OverflowMenu$1.OverflowMenu);
 
+exports.OverflowMenu = OverflowMenu;
 exports["default"] = OverflowMenu;