@carbon/react 1.6.0 → 1.7.0-rc.0

package/es/components/Form/Form.js

@@ -22,7 +22,7 @@ var Form = function Form(_ref) {
   var classNames = cx("".concat(prefix, "--form"), className);
   return /*#__PURE__*/React__default.createElement("form", _extends({
     className: classNames
-  }, other), ' ', children, ' ');
+  }, other), children);
 };
 
 Form.propTypes = {

package/es/components/FormGroup/FormGroup.js

@@ -21,7 +21,7 @@ var FormGroup = function FormGroup(_ref) {
       className = _ref.className,
       message = _ref.message,
       messageText = _ref.messageText,
-      other = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix();
   var classNamesFieldset = cx("".concat(prefix, "--fieldset"), className);
@@ -29,11 +29,11 @@ var FormGroup = function FormGroup(_ref) {
     'data-invalid': ''
   }, {
     className: classNamesFieldset
-  }, other, {
-    "aria-labelledby": other['aria-labelledby'] || legendId
+  }, rest, {
+    "aria-labelledby": rest['aria-labelledby'] || legendId
   }), /*#__PURE__*/React__default.createElement("legend", {
     className: "".concat(prefix, "--label"),
-    id: legendId || other['aria-labelledby']
+    id: legendId || rest['aria-labelledby']
   }, legendText), children, message ? /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(prefix, "--form__requirements")
   }, messageText) : null);

package/es/components/FormItem/FormItem.js

@@ -13,17 +13,17 @@ import { usePrefix } from '../../internal/usePrefix.js';
 
 var _excluded = ["className", "children"];
 
-var FormItem = function FormItem(_ref) {
+function FormItem(_ref) {
   var className = _ref.className,
       children = _ref.children,
-      other = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix();
   var classNames = cx("".concat(prefix, "--form-item"), className);
   return /*#__PURE__*/React__default.createElement("div", _extends({
     className: classNames
-  }, other), children);
-};
+  }, rest), children);
+}
 
 FormItem.propTypes = {
   /**
@@ -36,6 +36,5 @@ FormItem.propTypes = {
    */
   className: PropTypes.string
 };
-var FormItem$1 = FormItem;
 
-export { FormItem$1 as default };
+export { FormItem as default };

package/es/components/Popover/index.js

@@ -5,21 +5,30 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React__default, { useRef, useMemo, useState } from 'react';
+import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
+import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["align", "as", "caret", "className", "children", "dropShadow", "highContrast", "open"],
+var _excluded = ["align", "as", "autoAlign", "caret", "className", "children", "dropShadow", "highContrast", "open"],
     _excluded2 = ["className", "children"];
-var Popover = /*#__PURE__*/React__default.forwardRef(function Popover(props, ref) {
+var PopoverContext = /*#__PURE__*/React__default.createContext({
+  floating: {
+    current: null
+  }
+});
+var Popover = /*#__PURE__*/React__default.forwardRef(function Popover(props, forwardRef) {
   var _cx;
 
   var _props$align = props.align,
       align = _props$align === void 0 ? 'bottom' : _props$align,
       _props$as = props.as,
       BaseComponent = _props$as === void 0 ? 'span' : _props$as,
+      _props$autoAlign = props.autoAlign,
+      autoAlign = _props$autoAlign === void 0 ? false : _props$autoAlign,
       _props$caret = props.caret,
       caret = _props$caret === void 0 ? true : _props$caret,
       customClassName = props.className,
@@ -32,11 +41,121 @@ var Popover = /*#__PURE__*/React__default.forwardRef(function Popover(props, ref
       rest = _objectWithoutProperties(props, _excluded);
 
   var prefix = usePrefix();
-  var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--popover-container"), true), _defineProperty(_cx, "".concat(prefix, "--popover--caret"), caret), _defineProperty(_cx, "".concat(prefix, "--popover--drop-shadow"), dropShadow), _defineProperty(_cx, "".concat(prefix, "--popover--high-contrast"), highContrast), _defineProperty(_cx, "".concat(prefix, "--popover--open"), open), _defineProperty(_cx, "".concat(prefix, "--popover--").concat(align), true), _defineProperty(_cx, customClassName, !!customClassName), _cx));
-  return /*#__PURE__*/React__default.createElement(BaseComponent, _extends({}, rest, {
+  var floating = useRef();
+  var popover = useRef();
+  var value = useMemo(function () {
+    return {
+      floating: floating
+    };
+  }, []);
+  var ref = useMergedRefs([forwardRef, popover]);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      autoAligned = _useState2[0],
+      setAutoAligned = _useState2[1];
+
+  var _useState3 = useState(align),
+      _useState4 = _slicedToArray(_useState3, 2),
+      autoAlignment = _useState4[0],
+      setAutoAlignment = _useState4[1];
+
+  var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--popover-container"), true), _defineProperty(_cx, "".concat(prefix, "--popover--caret"), caret), _defineProperty(_cx, "".concat(prefix, "--popover--drop-shadow"), dropShadow), _defineProperty(_cx, "".concat(prefix, "--popover--high-contrast"), highContrast), _defineProperty(_cx, "".concat(prefix, "--popover--open"), open), _defineProperty(_cx, "".concat(prefix, "--popover--").concat(autoAlignment), autoAligned), _defineProperty(_cx, "".concat(prefix, "--popover--").concat(align), !autoAligned), _defineProperty(_cx, customClassName, !!customClassName), _cx));
+  useIsomorphicEffect(function () {
+    if (!autoAlign) {
+      setAutoAligned(false);
+      return;
+    }
+
+    if (!floating.current) {
+      return;
+    }
+
+    if (autoAligned === true) {
+      return;
+    }
+
+    var rect = floating.current.getBoundingClientRect(); // The conditions, per side, of when the popover is not visible, excluding the popover's internal padding(16)
+
+    var conditions = {
+      left: rect.x < -16,
+      top: rect.y < -16,
+      right: rect.x + (rect.width - 16) > document.documentElement.clientWidth,
+      bottom: rect.y + (rect.height - 16) > document.documentElement.clientHeight
+    };
+
+    if (!conditions.left && !conditions.top && !conditions.right && !conditions.bottom) {
+      setAutoAligned(false);
+      return;
+    }
+
+    var alignments = ['top', 'top-left', 'right-bottom', 'right', 'right-top', 'bottom-left', 'bottom', 'bottom-right', 'left-top', 'left', 'left-bottom', 'top-right']; // Creates the prioritized list of options depending on ideal alignment coming from `align`
+
+    var options = [align];
+    var option = alignments[(alignments.indexOf(align) + 1) % alignments.length];
+
+    while (option) {
+      if (options.includes(option)) {
+        break;
+      }
+
+      options.push(option);
+      option = alignments[(alignments.indexOf(option) + 1) % alignments.length];
+    }
+
+    function isVisible(alignment) {
+      popover.current.classList.add("".concat(prefix, "--popover--").concat(alignment));
+      var rect = floating.current.getBoundingClientRect(); // Check if popover is not visible to the left of the screen
+
+      if (rect.x < -16) {
+        popover.current.classList.remove("".concat(prefix, "--popover--").concat(alignment));
+        return false;
+      } // Check if popover is not visible at the top of the screen
+
+
+      if (rect.y < -16) {
+        popover.current.classList.remove("".concat(prefix, "--popover--").concat(alignment));
+        return false;
+      } // Check if popover is not visible to right of screen
+
+
+      if (rect.x + (rect.width - 16) > document.documentElement.clientWidth) {
+        popover.current.classList.remove("".concat(prefix, "--popover--").concat(alignment));
+        return false;
+      } // Check if popover is not visible to bottom of screen
+
+
+      if (rect.y + (rect.height - 16) > document.documentElement.clientHeight) {
+        popover.current.classList.remove("".concat(prefix, "--popover--").concat(alignment));
+        return false;
+      }
+
+      popover.current.classList.remove("".concat(prefix, "--popover--").concat(alignment));
+      return true;
+    }
+
+    var alignment = null;
+
+    for (var i = 0; i < options.length; i++) {
+      var _option = options[i];
+
+      if (isVisible(_option)) {
+        alignment = _option;
+        break;
+      }
+    }
+
+    if (alignment) {
+      setAutoAligned(true);
+      setAutoAlignment(alignment);
+    }
+  }, [autoAligned, align, autoAlign, prefix]);
+  return /*#__PURE__*/React__default.createElement(PopoverContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React__default.createElement(BaseComponent, _extends({}, rest, {
     className: className,
     ref: ref
-  }), children);
+  }), children));
 }); // Note: this displayName is temporarily set so that Storybook ArgTable
 // correctly displays the name of this component
 
@@ -56,6 +175,11 @@ Popover.propTypes = {
    */
   as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
 
+  /**
+   * Will auto-align the popover on first render if it is not visible. This prop is currently experimental and is subject to futurue changes.
+   */
+  autoAlign: PropTypes.bool,
+
   /**
    * Specify whether a caret should be rendered
    */
@@ -87,12 +211,17 @@ Popover.propTypes = {
    */
   open: PropTypes.bool.isRequired
 };
-var PopoverContent = /*#__PURE__*/React__default.forwardRef(function PopoverContent(_ref, ref) {
+var PopoverContent = /*#__PURE__*/React__default.forwardRef(function PopoverContent(_ref, forwardRef) {
   var className = _ref.className,
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, _excluded2);
 
   var prefix = usePrefix();
+
+  var _React$useContext = React__default.useContext(PopoverContext),
+      floating = _React$useContext.floating;
+
+  var ref = useMergedRefs([floating, forwardRef]);
   return /*#__PURE__*/React__default.createElement("span", _extends({}, rest, {
     className: "".concat(prefix, "--popover")
   }), /*#__PURE__*/React__default.createElement("span", {

package/es/components/Select/Select.js

@@ -20,18 +20,25 @@ var Select = /*#__PURE__*/React__default.forwardRef(function Select(_ref, ref) {
 
   var className = _ref.className,
       id = _ref.id,
-      inline = _ref.inline,
+      _ref$inline = _ref.inline,
+      inline = _ref$inline === void 0 ? false : _ref$inline,
       labelText = _ref.labelText,
-      disabled = _ref.disabled,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       children = _ref.children,
-      noLabel = _ref.noLabel,
-      hideLabel = _ref.hideLabel,
-      invalid = _ref.invalid,
+      _ref$noLabel = _ref.noLabel,
+      noLabel = _ref$noLabel === void 0 ? false : _ref$noLabel,
+      _ref$hideLabel = _ref.hideLabel,
+      hideLabel = _ref$hideLabel === void 0 ? false : _ref$hideLabel,
+      _ref$invalid = _ref.invalid,
+      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
       invalidText = _ref.invalidText,
       helperText = _ref.helperText,
-      light = _ref.light,
+      _ref$light = _ref.light,
+      light = _ref$light === void 0 ? false : _ref$light,
       size = _ref.size,
-      warn = _ref.warn,
+      _ref$warn = _ref.warn,
+      warn = _ref$warn === void 0 ? false : _ref$warn,
       warnText = _ref.warnText,
       other = _objectWithoutProperties(_ref, _excluded);
 

package/lib/components/Form/Form.js

@@ -32,7 +32,7 @@ var Form = function Form(_ref) {
   var classNames = cx__default["default"]("".concat(prefix, "--form"), className);
   return /*#__PURE__*/React__default["default"].createElement("form", _rollupPluginBabelHelpers["extends"]({
     className: classNames
-  }, other), ' ', children, ' ');
+  }, other), children);
 };
 
 Form.propTypes = {

package/lib/components/FormGroup/FormGroup.js

@@ -31,7 +31,7 @@ var FormGroup = function FormGroup(_ref) {
       className = _ref.className,
       message = _ref.message,
       messageText = _ref.messageText,
-      other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix.usePrefix();
   var classNamesFieldset = cx__default["default"]("".concat(prefix, "--fieldset"), className);
@@ -39,11 +39,11 @@ var FormGroup = function FormGroup(_ref) {
     'data-invalid': ''
   }, {
     className: classNamesFieldset
-  }, other, {
-    "aria-labelledby": other['aria-labelledby'] || legendId
+  }, rest, {
+    "aria-labelledby": rest['aria-labelledby'] || legendId
   }), /*#__PURE__*/React__default["default"].createElement("legend", {
     className: "".concat(prefix, "--label"),
-    id: legendId || other['aria-labelledby']
+    id: legendId || rest['aria-labelledby']
   }, legendText), children, message ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(prefix, "--form__requirements")
   }, messageText) : null);

package/lib/components/FormItem/FormItem.js

@@ -23,17 +23,17 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["className", "children"];
 
-var FormItem = function FormItem(_ref) {
+function FormItem(_ref) {
   var className = _ref.className,
       children = _ref.children,
-      other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix.usePrefix();
   var classNames = cx__default["default"]("".concat(prefix, "--form-item"), className);
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     className: classNames
-  }, other), children);
-};
+  }, rest), children);
+}
 
 FormItem.propTypes = {
   /**
@@ -46,6 +46,5 @@ FormItem.propTypes = {
    */
   className: PropTypes__default["default"].string
 };
-var FormItem$1 = FormItem;
 
-exports["default"] = FormItem$1;
+exports["default"] = FormItem;

package/lib/components/Popover/index.js

@@ -13,6 +13,8 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
+var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
+var useMergedRefs = require('../../internal/useMergedRefs.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -21,15 +23,22 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["align", "as", "caret", "className", "children", "dropShadow", "highContrast", "open"],
+var _excluded = ["align", "as", "autoAlign", "caret", "className", "children", "dropShadow", "highContrast", "open"],
     _excluded2 = ["className", "children"];
-var Popover = /*#__PURE__*/React__default["default"].forwardRef(function Popover(props, ref) {
+var PopoverContext = /*#__PURE__*/React__default["default"].createContext({
+  floating: {
+    current: null
+  }
+});
+var Popover = /*#__PURE__*/React__default["default"].forwardRef(function Popover(props, forwardRef) {
   var _cx;
 
   var _props$align = props.align,
       align = _props$align === void 0 ? 'bottom' : _props$align,
       _props$as = props.as,
       BaseComponent = _props$as === void 0 ? 'span' : _props$as,
+      _props$autoAlign = props.autoAlign,
+      autoAlign = _props$autoAlign === void 0 ? false : _props$autoAlign,
       _props$caret = props.caret,
       caret = _props$caret === void 0 ? true : _props$caret,
       customClassName = props.className,
@@ -42,11 +51,121 @@ var Popover = /*#__PURE__*/React__default["default"].forwardRef(function Popover
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
 
   var prefix = usePrefix.usePrefix();
-  var className = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover-container"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--caret"), caret), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--drop-shadow"), dropShadow), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--high-contrast"), highContrast), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--open"), open), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--").concat(align), true), _rollupPluginBabelHelpers.defineProperty(_cx, customClassName, !!customClassName), _cx));
-  return /*#__PURE__*/React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({}, rest, {
+  var floating = React.useRef();
+  var popover = React.useRef();
+  var value = React.useMemo(function () {
+    return {
+      floating: floating
+    };
+  }, []);
+  var ref = useMergedRefs.useMergedRefs([forwardRef, popover]);
+
+  var _useState = React.useState(false),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      autoAligned = _useState2[0],
+      setAutoAligned = _useState2[1];
+
+  var _useState3 = React.useState(align),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      autoAlignment = _useState4[0],
+      setAutoAlignment = _useState4[1];
+
+  var className = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover-container"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--caret"), caret), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--drop-shadow"), dropShadow), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--high-contrast"), highContrast), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--open"), open), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--").concat(autoAlignment), autoAligned), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--").concat(align), !autoAligned), _rollupPluginBabelHelpers.defineProperty(_cx, customClassName, !!customClassName), _cx));
+  useIsomorphicEffect["default"](function () {
+    if (!autoAlign) {
+      setAutoAligned(false);
+      return;
+    }
+
+    if (!floating.current) {
+      return;
+    }
+
+    if (autoAligned === true) {
+      return;
+    }
+
+    var rect = floating.current.getBoundingClientRect(); // The conditions, per side, of when the popover is not visible, excluding the popover's internal padding(16)
+
+    var conditions = {
+      left: rect.x < -16,
+      top: rect.y < -16,
+      right: rect.x + (rect.width - 16) > document.documentElement.clientWidth,
+      bottom: rect.y + (rect.height - 16) > document.documentElement.clientHeight
+    };
+
+    if (!conditions.left && !conditions.top && !conditions.right && !conditions.bottom) {
+      setAutoAligned(false);
+      return;
+    }
+
+    var alignments = ['top', 'top-left', 'right-bottom', 'right', 'right-top', 'bottom-left', 'bottom', 'bottom-right', 'left-top', 'left', 'left-bottom', 'top-right']; // Creates the prioritized list of options depending on ideal alignment coming from `align`
+
+    var options = [align];
+    var option = alignments[(alignments.indexOf(align) + 1) % alignments.length];
+
+    while (option) {
+      if (options.includes(option)) {
+        break;
+      }
+
+      options.push(option);
+      option = alignments[(alignments.indexOf(option) + 1) % alignments.length];
+    }
+
+    function isVisible(alignment) {
+      popover.current.classList.add("".concat(prefix, "--popover--").concat(alignment));
+      var rect = floating.current.getBoundingClientRect(); // Check if popover is not visible to the left of the screen
+
+      if (rect.x < -16) {
+        popover.current.classList.remove("".concat(prefix, "--popover--").concat(alignment));
+        return false;
+      } // Check if popover is not visible at the top of the screen
+
+
+      if (rect.y < -16) {
+        popover.current.classList.remove("".concat(prefix, "--popover--").concat(alignment));
+        return false;
+      } // Check if popover is not visible to right of screen
+
+
+      if (rect.x + (rect.width - 16) > document.documentElement.clientWidth) {
+        popover.current.classList.remove("".concat(prefix, "--popover--").concat(alignment));
+        return false;
+      } // Check if popover is not visible to bottom of screen
+
+
+      if (rect.y + (rect.height - 16) > document.documentElement.clientHeight) {
+        popover.current.classList.remove("".concat(prefix, "--popover--").concat(alignment));
+        return false;
+      }
+
+      popover.current.classList.remove("".concat(prefix, "--popover--").concat(alignment));
+      return true;
+    }
+
+    var alignment = null;
+
+    for (var i = 0; i < options.length; i++) {
+      var _option = options[i];
+
+      if (isVisible(_option)) {
+        alignment = _option;
+        break;
+      }
+    }
+
+    if (alignment) {
+      setAutoAligned(true);
+      setAutoAlignment(alignment);
+    }
+  }, [autoAligned, align, autoAlign, prefix]);
+  return /*#__PURE__*/React__default["default"].createElement(PopoverContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({}, rest, {
     className: className,
     ref: ref
-  }), children);
+  }), children));
 }); // Note: this displayName is temporarily set so that Storybook ArgTable
 // correctly displays the name of this component
 
@@ -66,6 +185,11 @@ Popover.propTypes = {
    */
   as: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].elementType]),
 
+  /**
+   * Will auto-align the popover on first render if it is not visible. This prop is currently experimental and is subject to futurue changes.
+   */
+  autoAlign: PropTypes__default["default"].bool,
+
   /**
    * Specify whether a caret should be rendered
    */
@@ -97,12 +221,17 @@ Popover.propTypes = {
    */
   open: PropTypes__default["default"].bool.isRequired
 };
-var PopoverContent = /*#__PURE__*/React__default["default"].forwardRef(function PopoverContent(_ref, ref) {
+var PopoverContent = /*#__PURE__*/React__default["default"].forwardRef(function PopoverContent(_ref, forwardRef) {
   var className = _ref.className,
       children = _ref.children,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded2);
 
   var prefix = usePrefix.usePrefix();
+
+  var _React$useContext = React__default["default"].useContext(PopoverContext),
+      floating = _React$useContext.floating;
+
+  var ref = useMergedRefs.useMergedRefs([floating, forwardRef]);
   return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
     className: "".concat(prefix, "--popover")
   }), /*#__PURE__*/React__default["default"].createElement("span", {

package/lib/components/Select/Select.js

@@ -30,18 +30,25 @@ var Select = /*#__PURE__*/React__default["default"].forwardRef(function Select(_
 
   var className = _ref.className,
       id = _ref.id,
-      inline = _ref.inline,
+      _ref$inline = _ref.inline,
+      inline = _ref$inline === void 0 ? false : _ref$inline,
       labelText = _ref.labelText,
-      disabled = _ref.disabled,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       children = _ref.children,
-      noLabel = _ref.noLabel,
-      hideLabel = _ref.hideLabel,
-      invalid = _ref.invalid,
+      _ref$noLabel = _ref.noLabel,
+      noLabel = _ref$noLabel === void 0 ? false : _ref$noLabel,
+      _ref$hideLabel = _ref.hideLabel,
+      hideLabel = _ref$hideLabel === void 0 ? false : _ref$hideLabel,
+      _ref$invalid = _ref.invalid,
+      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
       invalidText = _ref.invalidText,
       helperText = _ref.helperText,
-      light = _ref.light,
+      _ref$light = _ref.light,
+      light = _ref$light === void 0 ? false : _ref$light,
       size = _ref.size,
-      warn = _ref.warn,
+      _ref$warn = _ref.warn,
+      warn = _ref$warn === void 0 ? false : _ref$warn,
       warnText = _ref.warnText,
       other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.6.0",
+  "version": "1.7.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -129,5 +129,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "07aff903e75a56d215c3582c214505379448e38e"
+  "gitHead": "a0ece2d0b5c0b85dc2cce0757f1d9b2d5ee0ce1b"
 }