@carbon/react 1.17.0-rc.2 → 1.18.0-rc.0

package/lib/components/Select/Select.js

@@ -17,6 +17,7 @@ var iconsReact = require('@carbon/icons-react');
 var deprecate = require('../../prop-types/deprecate.js');
 var index = require('../FeatureFlags/index.js');
 var usePrefix = require('../../internal/usePrefix.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 }; }
@@ -25,7 +26,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["className", "id", "inline", "labelText", "disabled", "children", "noLabel", "hideLabel", "invalid", "invalidText", "helperText", "light", "size", "warn", "warnText"];
+var _excluded = ["className", "id", "inline", "labelText", "disabled", "children", "noLabel", "hideLabel", "invalid", "invalidText", "helperText", "light", "readOnly", "size", "warn", "warnText"];
 var Select = /*#__PURE__*/React__default["default"].forwardRef(function Select(_ref, ref) {
   var _classNames, _classNames2, _classNames3;
 
@@ -47,6 +48,7 @@ var Select = /*#__PURE__*/React__default["default"].forwardRef(function Select(_
       helperText = _ref.helperText,
       _ref$light = _ref.light,
       light = _ref$light === void 0 ? false : _ref$light,
+      readOnly = _ref.readOnly,
       size = _ref.size,
       _ref$warn = _ref.warn,
       warn = _ref$warn === void 0 ? false : _ref$warn,
@@ -64,7 +66,7 @@ var Select = /*#__PURE__*/React__default["default"].forwardRef(function Select(_
       isFocused = _useState2[0],
       setIsFocused = _useState2[1];
 
-  var selectClasses = cx__default["default"]((_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--select"), true), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--select--inline"), inline), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--select--light"), light), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--select--invalid"), invalid), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--select--disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--select--warning"), warn), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--select--fluid--invalid"), isFluid && invalid), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--select--fluid--focus"), isFluid && isFocused), _classNames), [enabled ? null : className]);
+  var selectClasses = cx__default["default"]((_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--select"), true), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--select--inline"), inline), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--select--light"), light), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--select--invalid"), invalid), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--select--disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--select--readonly"), readOnly), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--select--warning"), warn), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--select--fluid--invalid"), isFluid && invalid), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--select--fluid--focus"), isFluid && isFocused), _classNames), [enabled ? null : className]);
   var labelClasses = cx__default["default"]("".concat(prefix, "--label"), (_classNames2 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--visually-hidden"), hideLabel), _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--label--disabled"), disabled), _classNames2));
   var inputClasses = cx__default["default"]((_classNames3 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--select-input"), true), _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--select-input--").concat(size), size), _classNames3));
   var errorId = "".concat(id, "-error-msg");
@@ -97,12 +99,32 @@ var Select = /*#__PURE__*/React__default["default"].forwardRef(function Select(_
     setIsFocused(evt.type === 'focus' ? true : false);
   };
 
+  var readOnlyEventHandlers = {
+    onMouseDown: function onMouseDown(evt) {
+      // NOTE: does not prevent click
+      if (readOnly) {
+        evt.preventDefault(); // focus on the element as per readonly input behavior
+
+        evt.target.focus();
+      }
+    },
+    onKeyDown: function onKeyDown(evt) {
+      var selectAccessKeys = ['ArrowDown', 'ArrowUp', ' ']; // This prevents the select from opening for the above keys
+
+      if (readOnly && selectAccessKeys.includes(evt.key)) {
+        evt.preventDefault();
+      }
+    }
+  };
+
   var input = function () {
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("select", _rollupPluginBabelHelpers["extends"]({}, other, ariaProps, {
       id: id,
       className: inputClasses,
       disabled: disabled || undefined,
       "aria-invalid": invalid || undefined,
+      "aria-readonly": readOnly || undefined
+    }, readOnlyEventHandlers, {
       ref: ref
     }), children), /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, {
       className: "".concat(prefix, "--select__arrow")
@@ -210,6 +232,11 @@ Select.propTypes = {
    */
   onChange: PropTypes__default["default"].func,
 
+  /**
+   * Whether the select should be read-only
+   */
+  readOnly: PropTypes__default["default"].bool,
+
   /**
    * Specify the size of the Select Input.
    */
@@ -233,6 +260,5 @@ Select.defaultProps = {
   invalidText: '',
   helperText: ''
 };
-var Select$1 = Select;
 
-exports["default"] = Select$1;
+exports["default"] = Select;

package/lib/components/SelectItem/SelectItem.js

@@ -75,6 +75,5 @@ SelectItem.defaultProps = {
   value: '',
   text: ''
 };
-var SelectItem$1 = SelectItem;
 
-exports["default"] = SelectItem$1;
+exports["default"] = SelectItem;

package/lib/components/SelectItemGroup/SelectItemGroup.js

@@ -84,6 +84,5 @@ SelectItemGroup.defaultProps = {
   disabled: false,
   label: FeatureFlags__namespace.enabled('enable-v11-release') ? undefined : 'Provide label'
 };
-var SelectItemGroup$1 = SelectItemGroup;
 
-exports["default"] = SelectItemGroup$1;
+exports["default"] = SelectItemGroup;

package/lib/components/SkeletonIcon/SkeletonIcon.js

@@ -47,6 +47,5 @@ SkeletonIcon.propTypes = {
    */
   style: PropTypes__default["default"].object
 };
-var SkeletonIcon$1 = SkeletonIcon;
 
-exports["default"] = SkeletonIcon$1;
+exports["default"] = SkeletonIcon;

package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js

@@ -38,10 +38,10 @@ var SkeletonPlaceholder = function SkeletonPlaceholder(_ref) {
 
 SkeletonPlaceholder.propTypes = {
   /**
-   * the class to be applied to the component
+   * Add a custom class to the component
+   * to set the height and width
    */
   className: PropTypes__default["default"].string
 };
-var SkeletonPlaceholder$1 = SkeletonPlaceholder;
 
-exports["default"] = SkeletonPlaceholder$1;
+exports["default"] = SkeletonPlaceholder;

package/lib/components/SkeletonText/SkeletonText.js

@@ -99,7 +99,7 @@ SkeletonText.propTypes = {
   heading: PropTypes__default["default"].bool,
 
   /**
-   * the number of lines in a paragraph
+   * the number of lines shown if paragraph is true
    */
   lineCount: PropTypes__default["default"].number,
 
@@ -119,6 +119,5 @@ SkeletonText.defaultProps = {
   heading: false,
   lineCount: 3
 };
-var SkeletonText$1 = SkeletonText;
 
-exports["default"] = SkeletonText$1;
+exports["default"] = SkeletonText;

package/lib/components/Slider/Slider.Skeleton.js

@@ -61,6 +61,5 @@ SliderSkeleton.propTypes = {
    */
   hideLabel: PropTypes__default["default"].bool
 };
-var SliderSkeleton$1 = SliderSkeleton;
 
-exports["default"] = SliderSkeleton$1;
+exports["default"] = SliderSkeleton;

package/lib/components/Slider/Slider.js

@@ -47,7 +47,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var throttle__default = /*#__PURE__*/_interopDefaultLegacy(throttle);
 var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
-var _excluded = ["ariaLabelInput", "className", "hideTextInput", "id", "min", "minLabel", "max", "maxLabel", "formatLabel", "labelText", "step", "stepMultiplier", "inputType", "required", "disabled", "name", "light"];
+var _excluded = ["ariaLabelInput", "className", "hideTextInput", "id", "min", "minLabel", "max", "maxLabel", "formatLabel", "labelText", "step", "stepMultiplier", "inputType", "required", "disabled", "name", "light", "readOnly"];
 
 var defaultFormatLabel = function defaultFormatLabel(value, label) {
   return typeof label === 'function' ? label(value) : "".concat(value).concat(label);
@@ -95,7 +95,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 
     _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "onDragStart", function (evt) {
       // Do nothing if component is disabled
-      if (_this.props.disabled) {
+      if (_this.props.disabled || _this.props.readOnly) {
         return;
       } // Register drag stop handlers
 
@@ -114,7 +114,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 
     _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "onDragStop", function () {
       // Do nothing if component is disabled
-      if (_this.props.disabled) {
+      if (_this.props.disabled || _this.props.readOnly) {
         return;
       } // Remove drag stop handlers
 
@@ -135,7 +135,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 
     _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "_onDrag", function (evt) {
       // Do nothing if component is disabled or we have no event
-      if (_this.props.disabled || !evt) {
+      if (_this.props.disabled || _this.props.readOnly || !evt) {
         return;
       }
 
@@ -170,7 +170,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 
     _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "onKeyDown", function (evt) {
       // Do nothing if component is disabled or we don't have a valid event
-      if (_this.props.disabled || !('which' in evt)) {
+      if (_this.props.disabled || _this.props.readOnly || !('which' in evt)) {
         return;
       }
 
@@ -211,7 +211,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 
     _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "onChange", function (evt) {
       // Do nothing if component is disabled
-      if (_this.props.disabled) {
+      if (_this.props.disabled || _this.props.readOnly) {
         return;
       } // Do nothing if we have no valid event, target, or value
 
@@ -428,6 +428,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
           disabled = _this$props2.disabled,
           name = _this$props2.name,
           light = _this$props2.light,
+          readOnly = _this$props2.readOnly,
           other = _rollupPluginBabelHelpers.objectWithoutProperties(_this$props2, _excluded);
 
       delete other.onRelease;
@@ -444,12 +445,12 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
       }
 
       return /*#__PURE__*/React__default["default"].createElement(usePrefix.PrefixContext.Consumer, null, function (prefix) {
-        var _classNames3;
+        var _classNames4;
 
         var labelId = "".concat(id, "-label");
         var labelClasses = cx__default["default"]("".concat(prefix, "--label"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--label--disabled"), disabled));
-        var sliderClasses = cx__default["default"]("".concat(prefix, "--slider"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--slider--disabled"), disabled), [enabled ? null : className]);
-        var inputClasses = cx__default["default"]("".concat(prefix, "--text-input"), "".concat(prefix, "--slider-text-input"), (_classNames3 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--text-input--light"), light), _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--text-input--invalid"), isValid === false), _classNames3));
+        var sliderClasses = cx__default["default"]("".concat(prefix, "--slider"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--slider--disabled"), disabled), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--slider--readonly"), readOnly), [enabled ? null : className]);
+        var inputClasses = cx__default["default"]("".concat(prefix, "--text-input"), "".concat(prefix, "--slider-text-input"), (_classNames4 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames4, "".concat(prefix, "--text-input--light"), light), _rollupPluginBabelHelpers.defineProperty(_classNames4, "".concat(prefix, "--text-input--invalid"), isValid === false), _classNames4));
         var filledTrackStyle = {
           transform: "translate(0%, -50%) scaleX(".concat(left / 100, ")")
         };
@@ -484,7 +485,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
           className: "".concat(prefix, "--slider__thumb"),
           role: "slider",
           id: id,
-          tabIndex: 0,
+          tabIndex: !readOnly ? 0 : -1,
           "aria-valuemax": max,
           "aria-valuemin": min,
           "aria-valuenow": value,
@@ -518,7 +519,8 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
           onBlur: _this2.onBlur,
           onKeyUp: _this2.onInputKeyUp,
           "data-invalid": isValid ? null : true,
-          "aria-invalid": isValid ? null : true
+          "aria-invalid": isValid ? null : true,
+          readOnly: readOnly
         })));
       });
     }
@@ -650,6 +652,11 @@ _rollupPluginBabelHelpers.defineProperty(Slider, "propTypes", {
    */
   onRelease: PropTypes__default["default"].func,
 
+  /**
+   * Whether the slider should be read-only
+   */
+  readOnly: PropTypes__default["default"].bool,
+
   /**
    * `true` to specify if the control is required.
    */
@@ -680,7 +687,8 @@ _rollupPluginBabelHelpers.defineProperty(Slider, "defaultProps", {
   minLabel: '',
   maxLabel: '',
   inputType: 'number',
-  ariaLabelInput: FeatureFlags__namespace.enabled('enable-v11-release') ? undefined : 'Slider number input'
+  ariaLabelInput: FeatureFlags__namespace.enabled('enable-v11-release') ? undefined : 'Slider number input',
+  readOnly: false
 });
 
 _rollupPluginBabelHelpers.defineProperty(Slider, "contextType", index.FeatureFlagContext);

package/lib/components/Slider/index.js

@@ -9,30 +9,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FeatureFlags = require('@carbon/feature-flags');
 var Slider = require('./Slider.js');
 var createClassWrapper = require('../../internal/createClassWrapper.js');
+var Slider_Skeleton = require('./Slider.Skeleton.js');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
-
-var index = FeatureFlags__namespace.enabled('enable-v11-release') ? createClassWrapper.createClassWrapper(Slider["default"]) : Slider["default"];
+var index = createClassWrapper.createClassWrapper(Slider["default"]);
 
+exports.SliderSkeleton = Slider_Skeleton["default"];
 exports["default"] = index;

package/lib/components/StructuredList/StructuredList.Skeleton.js

@@ -87,6 +87,5 @@ StructuredListSkeleton.defaultProps = {
   rowCount: 5,
   border: false
 };
-var StructuredListSkeleton$1 = StructuredListSkeleton;
 
-exports["default"] = StructuredListSkeleton$1;
+exports["default"] = StructuredListSkeleton;

package/lib/components/StructuredList/StructuredList.js

@@ -13,7 +13,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
-var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
+var useId = require('../../internal/useId.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
@@ -23,13 +23,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["children", "selection", "className", "ariaLabel", "isCondensed", "isFlush", "border"],
+var _excluded = ["children", "selection", "className", "ariaLabel", "isCondensed", "isFlush"],
     _excluded2 = ["children", "className"],
     _excluded3 = ["children", "className"],
-    _excluded4 = ["onKeyDown", "tabIndex", "children", "className", "head", "label"],
-    _excluded5 = ["className", "value", "name", "title", "id"],
+    _excluded4 = ["onKeyDown", "children", "className", "head"],
+    _excluded5 = ["className", "name", "title", "id"],
     _excluded6 = ["children", "className", "head", "noWrap"];
-var getInstanceId = setupGetInstanceId["default"]();
+var GridSelectedRowStateContext = /*#__PURE__*/React__default["default"].createContext(null);
+var GridSelectedRowDispatchContext = /*#__PURE__*/React__default["default"].createContext(null);
 function StructuredListWrapper(props) {
   var _classNames;
 
@@ -38,18 +39,27 @@ function StructuredListWrapper(props) {
       className = props.className,
       ariaLabel = props.ariaLabel,
       isCondensed = props.isCondensed,
-      isFlush = props.isFlush;
-      props.border;
-      var other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+      isFlush = props.isFlush,
+      other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
 
   var prefix = usePrefix.usePrefix();
   var classes = cx__default["default"]("".concat(prefix, "--structured-list"), className, (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--structured-list--selection"), selection), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--structured-list--condensed"), isCondensed), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--structured-list--flush"), isFlush), _classNames));
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+
+  var _React$useState = React__default["default"].useState(null),
+      _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+      selectedRow = _React$useState2[0],
+      setSelectedRow = _React$useState2[1];
+
+  return /*#__PURE__*/React__default["default"].createElement(GridSelectedRowStateContext.Provider, {
+    value: selectedRow
+  }, /*#__PURE__*/React__default["default"].createElement(GridSelectedRowDispatchContext.Provider, {
+    value: setSelectedRow
+  }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     role: "table",
     className: classes
   }, other, {
     "aria-label": ariaLabel
-  }), children);
+  }), children)));
 }
 StructuredListWrapper.propTypes = {
   /**
@@ -57,11 +67,6 @@ StructuredListWrapper.propTypes = {
    */
   ariaLabel: PropTypes__default["default"].string,
 
-  /**
-   * Specify whether a border should be added to your StructuredListWrapper
-   */
-  border: deprecate["default"](PropTypes__default["default"].bool, "\nThe prop `border` will be removed in the next major version of Carbon."),
-
   /**
    * Provide the contents of your StructuredListWrapper
    */
@@ -89,9 +94,9 @@ StructuredListWrapper.propTypes = {
 };
 StructuredListWrapper.defaultProps = {
   selection: false,
-  ariaLabel: 'Structured list section',
   isCondensed: false,
-  isFlush: false
+  isFlush: false,
+  ariaLabel: 'Structured list section'
 };
 function StructuredListHead(props) {
   var children = props.children,
@@ -148,29 +153,51 @@ StructuredListBody.propTypes = {
 StructuredListBody.defaultProps = {
   onKeyDown: function onKeyDown() {}
 };
+var GridRowContext = /*#__PURE__*/React__default["default"].createContext(null);
 function StructuredListRow(props) {
+  var _classNames2;
+
   var onKeyDown = props.onKeyDown,
-      tabIndex = props.tabIndex,
       children = props.children,
       className = props.className,
       head = props.head,
-      label = props.label,
       other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded4);
 
+  var _useState = React.useState(false),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      hasFocusWithin = _useState2[0],
+      setHasFocusWithin = _useState2[1];
+
+  var id = useId.useId('grid-input');
+  var setSelectedRow = React__default["default"].useContext(GridSelectedRowDispatchContext);
   var prefix = usePrefix.usePrefix();
-  var classes = cx__default["default"]("".concat(prefix, "--structured-list-row"), className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--structured-list-row--header-row"), head));
-  return label ?
-  /*#__PURE__*/
-  // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-  React__default["default"].createElement("label", _rollupPluginBabelHelpers["extends"]({}, other, {
-    tabIndex: tabIndex,
-    className: classes,
-    onKeyDown: onKeyDown
-  }), children) : /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  var value = {
+    id: id
+  };
+  var classes = cx__default["default"]("".concat(prefix, "--structured-list-row"), className, (_classNames2 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--structured-list-row--header-row"), head), _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--structured-list-row--focused-within"), hasFocusWithin), _classNames2));
+  return head ? /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     role: "row"
   }, other, {
     className: classes
-  }), children);
+  }), children) :
+  /*#__PURE__*/
+  // eslint-disable-next-line jsx-a11y/interactive-supports-focus
+  React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, other, {
+    role: "row",
+    className: classes,
+    onClick: function onClick() {
+      return setSelectedRow(id);
+    },
+    onFocus: function onFocus() {
+      setHasFocusWithin(true);
+    },
+    onBlur: function onBlur() {
+      setHasFocusWithin(false);
+    },
+    onKeyDown: onKeyDown
+  }), /*#__PURE__*/React__default["default"].createElement(GridRowContext.Provider, {
+    value: value
+  }, children));
 }
 StructuredListRow.propTypes = {
   /**
@@ -191,42 +218,44 @@ StructuredListRow.propTypes = {
   /**
    * Specify whether a `<label>` should be used
    */
-  label: PropTypes__default["default"].bool,
+  label: deprecate["default"](PropTypes__default["default"].bool, "\nThe `label` prop is no longer needed and will be removed in the next major version of Carbon."),
 
   /**
    * Provide a handler that is invoked on the key down event for the control,
-   * if `<label>` is in use
-   */
-  onKeyDown: PropTypes__default["default"].func,
-
-  /**
-   * Specify the tab index of the container node, if `<label>` is in use
    */
-  tabIndex: PropTypes__default["default"].number
+  onKeyDown: PropTypes__default["default"].func
 };
 StructuredListRow.defaultProps = {
   head: false,
-  label: false,
-  tabIndex: 0,
   onKeyDown: function onKeyDown() {}
 };
 function StructuredListInput(props) {
+  var _row$id;
+
+  var defaultId = useId.useId('structureListInput');
+
   var className = props.className,
-      value = props.value,
-      name = props.name,
+      _props$name = props.name,
+      name = _props$name === void 0 ? "structured-list-input-".concat(defaultId) : _props$name,
       title = props.title,
       id = props.id,
       other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded5);
 
   var prefix = usePrefix.usePrefix();
-  var classes = cx__default["default"]("".concat(prefix, "--structured-list-input"), className);
-  var instanceId = id || getInstanceId();
+  var classes = cx__default["default"]("".concat(prefix, "--structured-list-input"), "".concat(prefix, "--visually-hidden"), className);
+  var row = React__default["default"].useContext(GridRowContext);
+  var selectedRow = React__default["default"].useContext(GridSelectedRowStateContext);
+  var setSelectedRow = React__default["default"].useContext(GridSelectedRowDispatchContext);
   return /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, {
     type: "radio",
-    tabIndex: -1,
-    id: instanceId,
+    tabIndex: 0,
+    checked: row && row.id === selectedRow,
+    value: (_row$id = row === null || row === void 0 ? void 0 : row.id) !== null && _row$id !== void 0 ? _row$id : '',
+    onChange: function onChange(event) {
+      setSelectedRow(event.target.value);
+    },
+    id: id !== null && id !== void 0 ? id : defaultId,
     className: classes,
-    value: value,
     name: name,
     title: title
   }));
@@ -240,7 +269,7 @@ StructuredListInput.propTypes = {
   /**
    * Specify whether the underlying input should be checked by default
    */
-  defaultChecked: PropTypes__default["default"].bool,
+  defaultChecked: deprecate["default"](PropTypes__default["default"].bool, "\nThe prop `defaultChecked` is no longer needed and will be removed in the next major version of Carbon."),
 
   /**
    * Specify a custom `id` for the input
@@ -255,7 +284,7 @@ StructuredListInput.propTypes = {
   /**
    * Provide an optional hook that is called each time the input is updated
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: deprecate["default"](PropTypes__default["default"].func, "\nThe prop `onChange` will be removed in the next major version of Carbon."),
 
   /**
    * Provide a `title` for the input
@@ -265,11 +294,9 @@ StructuredListInput.propTypes = {
   /**
    * Specify the value of the input
    */
-  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]).isRequired
+  value: deprecate["default"](PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]).isRequired, "\nThe prop `value` will be removed in the next major version of Carbon.")
 };
 StructuredListInput.defaultProps = {
-  onChange: function onChange() {},
-  value: 'value',
   title: 'title'
 };
 function StructuredListCell(props) {
@@ -283,9 +310,17 @@ function StructuredListCell(props) {
 
   var prefix = usePrefix.usePrefix();
   var classes = cx__default["default"](className, (_classNames3 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--structured-list-th"), head), _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--structured-list-td"), !head), _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--structured-list-content--nowrap"), noWrap), _classNames3));
+
+  if (head) {
+    return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({
+      className: classes,
+      role: "columnheader"
+    }, other), children);
+  }
+
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     className: classes,
-    role: head ? 'columnheader' : 'cell'
+    role: "cell"
   }, other), children);
 }
 StructuredListCell.propTypes = {

package/lib/components/Switch/Switch.js

@@ -128,6 +128,5 @@ Switch.defaultProps = {
   onClick: function onClick() {},
   onKeyDown: function onKeyDown() {}
 };
-var Switch$1 = Switch;
 
-exports["default"] = Switch$1;
+exports["default"] = Switch;

package/lib/components/Tab/index.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var FeatureFlags = require('@carbon/feature-flags');
 var Tabs = require('../Tabs/Tabs.js');
-var Tab$2 = require('./Tab.js');
+var Tab$1 = require('./Tab.js');
 
 function _interopNamespace(e) {
 	if (e && e.__esModule) return e;
@@ -33,7 +33,6 @@ function _interopNamespace(e) {
 
 var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
-var Tab = FeatureFlags__namespace.enabled('enable-v11-release') ? Tabs.Tab : Tab$2["default"];
-var Tab$1 = Tab;
+var Tab = FeatureFlags__namespace.enabled('enable-v11-release') ? Tabs.Tab : Tab$1["default"];
 
-exports["default"] = Tab$1;
+exports["default"] = Tab;

package/lib/components/TabContent/TabContent.js

@@ -83,6 +83,5 @@ TabContent.propTypes = {
 TabContent.defaultProps = {
   selected: false
 };
-var TabContent$1 = TabContent;
 
-exports["default"] = TabContent$1;
+exports["default"] = TabContent;

package/lib/components/Tabs/Tabs.js

@@ -15,7 +15,8 @@ var cx = require('classnames');
 var debounce = require('lodash.debounce');
 var PropTypes = require('prop-types');
 var React = require('react');
-var Tooltip = require('../Tooltip/next/Tooltip.js');
+require('../Tooltip/DefinitionTooltip.js');
+var Tooltip = require('../Tooltip/Tooltip.js');
 var useControllableState = require('../../internal/useControllableState.js');
 var useEffectOnce = require('../../internal/useEffectOnce.js');
 var useId = require('../../internal/useId.js');
@@ -23,9 +24,9 @@ var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 var useMergedRefs = require('../../internal/useMergedRefs.js');
 var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
 var usePrefix = require('../../internal/usePrefix.js');
-var usePressable = require('./usePressable.js');
-var match = require('../../internal/keyboard/match.js');
 var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
+var usePressable = require('./usePressable.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/Tabs/index.js

@@ -10,6 +10,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Tabs = require('./Tabs.js');
+var Tabs_Skeleton = require('./Tabs.Skeleton.js');
 
 
 
@@ -19,3 +20,4 @@ exports.TabList = Tabs.TabList;
 exports.TabPanel = Tabs.TabPanel;
 exports.TabPanels = Tabs.TabPanels;
 exports["default"] = Tabs.Tabs;
+exports.TabsSkeleton = Tabs_Skeleton["default"];