@carbon/react 1.3.0 → 1.5.0-rc.0

package/es/_virtual/_rollupPluginBabelHelpers.js

@@ -82,7 +82,7 @@ function _defineProperty(obj, key, value) {
 }
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -95,7 +95,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -118,18 +117,17 @@ function _inherits(subClass, superClass) {
 }
 
 function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
     return o.__proto__ || Object.getPrototypeOf(o);
   };
   return _getPrototypeOf(o);
 }
 
 function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
     o.__proto__ = p;
     return o;
   };
-
   return _setPrototypeOf(o, p);
 }
 

package/es/components/Button/Button.Skeleton.js

@@ -26,7 +26,7 @@ var ButtonSkeleton = function ButtonSkeleton(_ref) {
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix();
-  var buttonClasses = cx(className, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--skeleton"), true), _defineProperty(_cx, "".concat(prefix, "--btn"), true), _defineProperty(_cx, "".concat(prefix, "--btn--sm"), small || size === 'sm'), _defineProperty(_cx, "".concat(prefix, "--btn--md"), size === 'field' || size === 'md'), _defineProperty(_cx, "".concat(prefix, "--btn--xl"), size === 'xl'), _defineProperty(_cx, "".concat(prefix, "--btn--2xl"), size === '2xl'), _cx));
+  var buttonClasses = cx(className, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--skeleton"), true), _defineProperty(_cx, "".concat(prefix, "--btn"), true), _defineProperty(_cx, "".concat(prefix, "--btn--sm"), small || size === 'sm'), _defineProperty(_cx, "".concat(prefix, "--btn--md"), size === 'field' || size === 'md'), _defineProperty(_cx, "".concat(prefix, "--btn--lg"), size === 'lg'), _defineProperty(_cx, "".concat(prefix, "--btn--xl"), size === 'xl'), _defineProperty(_cx, "".concat(prefix, "--btn--2xl"), size === '2xl'), _cx));
 
   var commonProps = _objectSpread2({
     className: buttonClasses

package/es/components/Checkbox/Checkbox.Skeleton.js

@@ -19,10 +19,12 @@ var CheckboxSkeleton = function CheckboxSkeleton(_ref) {
 
   var prefix = usePrefix();
   return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: cx("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), "".concat(prefix, "--checkbox-label"), className)
-  }, rest), /*#__PURE__*/React__default.createElement("span", {
+    className: cx("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), "".concat(prefix, "--checkbox-skeleton"), className)
+  }, rest), /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(prefix, "--checkbox-label")
+  }, /*#__PURE__*/React__default.createElement("span", {
     className: "".concat(prefix, "--checkbox-label-text ").concat(prefix, "--skeleton")
-  }));
+  })));
 };
 
 CheckboxSkeleton.propTypes = {

package/es/components/Checkbox/Checkbox.js

@@ -26,9 +26,8 @@ var Checkbox = /*#__PURE__*/React__default.forwardRef(function Checkbox(_ref, _r
       other = _objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix();
-  var labelClasses = cx("".concat(prefix, "--checkbox-label"), [className]);
-  var innerLabelClasses = cx("".concat(prefix, "--checkbox-label-text"), _defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
   var wrapperClasses = cx("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), [className]);
+  var innerLabelClasses = cx("".concat(prefix, "--checkbox-label-text"), _defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
   return /*#__PURE__*/React__default.createElement("div", {
     className: wrapperClasses
   }, /*#__PURE__*/React__default.createElement("input", _extends({}, other, {
@@ -54,7 +53,7 @@ var Checkbox = /*#__PURE__*/React__default.forwardRef(function Checkbox(_ref, _r
     }
   })), /*#__PURE__*/React__default.createElement("label", {
     htmlFor: id,
-    className: labelClasses,
+    className: "".concat(prefix, "--checkbox-label"),
     title: title || null
   }, /*#__PURE__*/React__default.createElement(Text, {
     className: innerLabelClasses
@@ -103,8 +102,9 @@ Checkbox.propTypes = {
   labelText: PropTypes.node.isRequired,
 
   /**
-   * Receives three arguments: true/false, the checkbox's id, and the dom event.
-   * `(value, id, event) => console.log({value, id, event})`
+   * Provide an optional handler that is called when the internal state of
+   * Checkbox changes. This handler is called with event and state info.
+   * `(event, { checked, id }) => void`
    */
   onChange: PropTypes.func,
 

package/es/components/ComposedModal/next/ComposedModal.js

@@ -195,24 +195,24 @@ var ComposedModal = /*#__PURE__*/React__default.forwardRef(function ComposedModa
     onClick: handleClick,
     onKeyDown: handleKeyDown,
     className: modalClass
-  }), /*#__PURE__*/React__default.createElement("span", {
-    ref: startSentinel,
-    tabIndex: "0",
-    role: "link",
-    className: "".concat(prefix, "--visually-hidden")
-  }, "Focus sentinel"), /*#__PURE__*/React__default.createElement("div", {
-    ref: innerModal,
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: containerClass,
     role: "dialog",
     "aria-modal": "true",
     "aria-label": ariaLabel ? ariaLabel : generatedAriaLabel,
     "aria-labelledby": ariaLabelledBy
-  }, childrenWithProps), /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement("button", {
+    type: "button",
+    ref: startSentinel,
+    className: "".concat(prefix, "--visually-hidden")
+  }, "Focus sentinel"), /*#__PURE__*/React__default.createElement("div", {
+    ref: innerModal,
+    className: "".concat(prefix, "--modal-container-body")
+  }, childrenWithProps), /*#__PURE__*/React__default.createElement("button", {
+    type: "button",
     ref: endSentinel,
-    tabIndex: "0",
-    role: "link",
     className: "".concat(prefix, "--visually-hidden")
-  }, "Focus sentinel"));
+  }, "Focus sentinel")));
 });
 ComposedModal.propTypes = (_ComposedModal$propTy = {}, _defineProperty(_ComposedModal$propTy, 'aria-label', PropTypes.string), _defineProperty(_ComposedModal$propTy, 'aria-labelledby', PropTypes.string), _defineProperty(_ComposedModal$propTy, "children", PropTypes.node), _defineProperty(_ComposedModal$propTy, "className", PropTypes.string), _defineProperty(_ComposedModal$propTy, "containerClassName", PropTypes.string), _defineProperty(_ComposedModal$propTy, "danger", PropTypes.bool), _defineProperty(_ComposedModal$propTy, "onClose", PropTypes.func), _defineProperty(_ComposedModal$propTy, "onKeyDown", PropTypes.func), _defineProperty(_ComposedModal$propTy, "open", PropTypes.bool), _defineProperty(_ComposedModal$propTy, "preventCloseOnClickOutside", PropTypes.bool), _defineProperty(_ComposedModal$propTy, "selectorPrimaryFocus", PropTypes.string), _defineProperty(_ComposedModal$propTy, "selectorsFloatingMenus", PropTypes.string), _defineProperty(_ComposedModal$propTy, "size", PropTypes.oneOf(['xs', 'sm', 'md', 'lg'])), _ComposedModal$propTy);
 ComposedModal.defaultProps = {