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

package/lib/components/MultiSelect/MultiSelect.js

@@ -24,13 +24,14 @@ var Selection = require('../../internal/Selection.js');
 var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 var deprecate = require('../../prop-types/deprecate.js');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var index = require('../FeatureFlags/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
+require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
-var match = require('../../internal/keyboard/match.js');
-var ListBox = require('../ListBox/ListBox.js');
 var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
-var keys = require('../../internal/keyboard/keys.js');
+var ListBox = require('../ListBox/ListBox.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -85,7 +86,8 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
       onChange = _ref.onChange,
       onMenuChange = _ref.onMenuChange,
       direction = _ref.direction,
-      selected = _ref.selectedItems;
+      selected = _ref.selectedItems,
+      readOnly = _ref.readOnly;
   var prefix = usePrefix.usePrefix();
 
   var _useContext = React.useContext(FormContext.FormContext),
@@ -176,7 +178,7 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
   var helperId = !helperText ? undefined : "multiselect-helper-text-".concat(multiSelectInstanceId);
   var fieldLabelId = "multiselect-field-label-".concat(multiSelectInstanceId);
   var helperClasses = cx__default["default"]("".concat(prefix, "--form__helper-text"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--form__helper-text--disabled"), disabled));
-  var className = cx__default["default"]("".concat(prefix, "--multi-select"), [enabled ? null : containerClassName], (_cx4 = {}, _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--multi-select--invalid"), invalid), _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--multi-select--warning"), showWarning), _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--multi-select--inline"), inline), _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--multi-select--selected"), selectedItems && selectedItems.length > 0), _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--list-box--up"), direction === 'top'), _cx4)); // needs to be capitalized for react to render it correctly
+  var className = cx__default["default"]("".concat(prefix, "--multi-select"), [enabled ? null : containerClassName], (_cx4 = {}, _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--multi-select--invalid"), invalid), _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--multi-select--warning"), showWarning), _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--multi-select--inline"), inline), _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--multi-select--selected"), selectedItems && selectedItems.length > 0), _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--list-box--up"), direction === 'top'), _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--multi-select--readonly"), readOnly), _cx4)); // needs to be capitalized for react to render it correctly
 
   var ItemToElement = itemToElement;
   var sortOptions = {
@@ -241,6 +243,21 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
     evt.target.classList.contains("".concat(prefix, "--tag__close-icon")) ? setIsFocused(false) : setIsFocused(evt.type === 'focus' ? true : false);
   };
 
+  var readOnlyEventHandlers = readOnly ? {
+    onClick: function onClick(evt) {
+      // NOTE: does not prevent click
+      evt.preventDefault(); // focus on the element as per readonly input behavior
+
+      evt.target.focus();
+    },
+    onKeyDown: function onKeyDown(evt) {
+      var selectAccessKeys = ['ArrowDown', 'ArrowUp', ' ', 'Enter']; // This prevents the select from opening for the above keys
+
+      if (selectAccessKeys.includes(evt.key)) {
+        evt.preventDefault();
+      }
+    }
+  } : {};
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: wrapperClasses
   }, /*#__PURE__*/React__default["default"].createElement("label", _rollupPluginBabelHelpers["extends"]({
@@ -254,6 +271,7 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
     size: size,
     className: className,
     disabled: disabled,
+    readOnly: readOnly,
     light: light,
     invalid: invalid,
     invalidText: invalidText,
@@ -269,12 +287,13 @@ var MultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function Mul
     type: "button",
     className: "".concat(prefix, "--list-box__field"),
     disabled: disabled,
-    "aria-disabled": disabled
+    "aria-disabled": disabled || readOnly
   }, toggleButtonProps, {
     ref: mergeRefs["default"](toggleButtonProps.ref, ref),
     onKeyDown: onKeyDown
-  }), selectedItems.length > 0 && /*#__PURE__*/React__default["default"].createElement(ListBox["default"].Selection, {
-    clearSelection: !disabled ? clearSelection : noop,
+  }, readOnlyEventHandlers), selectedItems.length > 0 && /*#__PURE__*/React__default["default"].createElement(ListBox["default"].Selection, {
+    readOnly: readOnly,
+    clearSelection: !disabled && !readOnly ? clearSelection : noop,
     selectionCount: selectedItems.length,
     translateWithId: translateWithId,
     disabled: disabled
@@ -425,6 +444,11 @@ MultiSelect.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBab
    */
   open: PropTypes__default["default"].bool,
 
+  /**
+   * Whether or not the Dropdown is readonly
+   */
+  readOnly: PropTypes__default["default"].bool,
+
   /**
    * For full control of the selected items
    */
@@ -490,6 +514,5 @@ MultiSelect.defaultProps = {
   clearSelectionDescription: 'Total items selected: ',
   selectedItems: null
 };
-var MultiSelect$1 = MultiSelect;
 
-exports["default"] = MultiSelect$1;
+exports["default"] = MultiSelect;

package/lib/components/Notification/Notification.js

@@ -14,13 +14,14 @@ 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');
 var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 var useNoInteractiveChildren = require('../../internal/useNoInteractiveChildren.js');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var useId = require('../../internal/useId.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/NumberInput/NumberInput.js

@@ -127,7 +127,7 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function Num
       incrementNumLabel = _ref[0],
       decrementNumLabel = _ref[1];
   var wrapperClasses = cx__default["default"]("".concat(prefix, "--number__input-wrapper"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--number__input-wrapper--warning"), normalizedProps.warn));
-  var iconClasses = cx__default["default"]((_cx3 = {}, _rollupPluginBabelHelpers.defineProperty(_cx3, "".concat(prefix, "--number__invalid"), normalizedProps.invalid || normalizedProps.warn), _rollupPluginBabelHelpers.defineProperty(_cx3, "".concat(prefix, "--number__invalid--warning"), normalizedProps.warn), _rollupPluginBabelHelpers.defineProperty(_cx3, "".concat(prefix, "--number__readonly-icon"), readOnly), _cx3));
+  var iconClasses = cx__default["default"]((_cx3 = {}, _rollupPluginBabelHelpers.defineProperty(_cx3, "".concat(prefix, "--number__invalid"), normalizedProps.invalid || normalizedProps.warn), _rollupPluginBabelHelpers.defineProperty(_cx3, "".concat(prefix, "--number__invalid--warning"), normalizedProps.warn), _cx3));
 
   if (controlledValue !== prevControlledValue) {
     setValue(controlledValue);
@@ -214,7 +214,7 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function Num
   }, /*#__PURE__*/React__default["default"].createElement("button", {
     "aria-label": decrementNumLabel || iconDescription,
     className: "".concat(prefix, "--number__control-btn down-icon"),
-    disabled: disabled,
+    disabled: disabled || readOnly,
     onClick: function onClick(event) {
       var state = {
         value: clamp(max, min, parseInt(value) - step),
@@ -240,7 +240,7 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function Num
   }), /*#__PURE__*/React__default["default"].createElement("button", {
     "aria-label": incrementNumLabel || iconDescription,
     className: "".concat(prefix, "--number__control-btn up-icon"),
-    disabled: disabled,
+    disabled: disabled || readOnly,
     onClick: function onClick(event) {
       var state = {
         value: clamp(max, min, parseInt(value) + step),

package/lib/components/OrderedList/OrderedList.js

@@ -71,6 +71,5 @@ OrderedList.defaultProps = {
   native: false,
   isExpressive: false
 };
-var OrderedList$1 = OrderedList;
 
-exports["default"] = OrderedList$1;
+exports["default"] = OrderedList;

package/lib/components/OverflowMenu/OverflowMenu.js

@@ -17,12 +17,12 @@ var cx = require('classnames');
 var ClickListener = require('../../internal/ClickListener.js');
 var FloatingMenu = require('../../internal/FloatingMenu.js');
 var iconsReact = require('@carbon/icons-react');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FeatureFlags = require('@carbon/feature-flags');
 var deprecate = require('../../prop-types/deprecate.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -541,6 +541,16 @@ _rollupPluginBabelHelpers.defineProperty(OverflowMenu, "defaultProps", {
   menuOffsetFlip: getMenuOffset,
   selectorPrimaryFocus: '[data-overflow-menu-primary-focus]'
 });
+((function () {
+  var forwardRef = function forwardRef(props, ref) {
+    return /*#__PURE__*/React__default["default"].createElement(OverflowMenu, _rollupPluginBabelHelpers["extends"]({}, props, {
+      innerRef: ref
+    }));
+  };
+
+  forwardRef.displayName = 'OverflowMenu';
+  return /*#__PURE__*/React__default["default"].forwardRef(forwardRef);
+}))();
 
 exports.OverflowMenu = OverflowMenu;
 exports.getMenuOffset = getMenuOffset;

package/lib/components/OverflowMenu/index.js

@@ -9,30 +9,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FeatureFlags = require('@carbon/feature-flags');
 var OverflowMenu$1 = require('./OverflowMenu.js');
 var createClassWrapper = require('../../internal/createClassWrapper.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 OverflowMenu = FeatureFlags__namespace.enabled('enable-v11-release') ? createClassWrapper.createClassWrapper(OverflowMenu$1.OverflowMenu) : OverflowMenu$1.OverflowMenu;
+var OverflowMenu = createClassWrapper.createClassWrapper(OverflowMenu$1.OverflowMenu);
 
 exports["default"] = OverflowMenu;

package/lib/components/OverflowMenuItem/OverflowMenuItem.js

@@ -13,11 +13,11 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var warning = require('../../internal/warning.js');
 var FeatureFlags = require('@carbon/feature-flags');
 var usePrefix = require('../../internal/usePrefix.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/OverflowMenuItem/index.js

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

package/lib/components/OverflowMenuV2/index.js

@@ -16,10 +16,10 @@ var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
 var useId = require('../../internal/useId.js');
 require('../Menu/index.js');
-var usePrefix = require('../../internal/usePrefix.js');
+var keys = require('../../internal/keyboard/keys.js');
 var match = require('../../internal/keyboard/match.js');
+var usePrefix = require('../../internal/usePrefix.js');
 var Menu = require('../Menu/Menu.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/Pagination/Pagination.js

@@ -14,6 +14,7 @@ var iconsReact = require('@carbon/icons-react');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
+require('../Select/Select.Skeleton.js');
 var Select = require('../Select/Select.js');
 var SelectItem = require('../SelectItem/SelectItem.js');
 var array = require('../../tools/array.js');
@@ -106,8 +107,8 @@ var Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pagi
       pageSizeInputDisabled = _ref.pageSizeInputDisabled,
       controlledPageSizes = _ref.pageSizes,
       _ref$pageText = _ref.pageText,
-      pageText = _ref$pageText === void 0 ? function (page) {
-    return "page ".concat(page);
+      pageText = _ref$pageText === void 0 ? function (page, pagesUnknown) {
+    return "page ".concat(pagesUnknown ? '' : page);
   } : _ref$pageText,
       _ref$pagesUnknown = _ref.pagesUnknown,
       pagesUnknown = _ref$pagesUnknown === void 0 ? false : _ref$pagesUnknown,
@@ -288,7 +289,9 @@ var Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pagi
     className: "".concat(prefix, "--pagination__text ").concat(prefix, "--pagination__items-count")
   }, pagesUnknown ? itemText(pageSize * (page - 1) + 1, page * pageSize) : itemRangeText(Math.min(pageSize * (page - 1) + 1, totalItems), Math.min(page * pageSize, totalItems), totalItems))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(prefix, "--pagination__right")
-  }, /*#__PURE__*/React__default["default"].createElement(Select["default"], {
+  }, pagesUnknown ? /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "".concat(prefix, "--pagination__text ").concat(prefix, "--pagination__page-text")
+  }, pagesUnknown ? pageText(page, pagesUnknown) : pageRangeText(page, totalPages)) : null, /*#__PURE__*/React__default["default"].createElement(Select["default"], {
     id: "".concat(prefix, "-pagination-select-").concat(inputId, "-right"),
     className: "".concat(prefix, "--select__page-number"),
     labelText: "Page number, of ".concat(totalPages, " pages"),
@@ -297,9 +300,9 @@ var Pagination = /*#__PURE__*/React__default["default"].forwardRef(function Pagi
     onChange: handlePageInputChange,
     value: page,
     disabled: pageInputDisabled || disabled
-  }, selectItems), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, selectItems), pagesUnknown ? null : /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(prefix, "--pagination__text")
-  }, pagesUnknown ? pageText(page) : pageRangeText(page, totalPages)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, pagesUnknown ? pageText(page, pagesUnknown) : pageRangeText(page, totalPages)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(prefix, "--pagination__control-buttons")
   }, /*#__PURE__*/React__default["default"].createElement(index.IconButton, {
     align: "top",
@@ -426,6 +429,5 @@ Pagination.propTypes = {
    */
   totalItems: PropTypes__default["default"].number
 };
-var Pagination$1 = Pagination;
 
-exports["default"] = Pagination$1;
+exports["default"] = Pagination;

package/lib/components/Pagination/experimental/PageSelector.js

@@ -14,6 +14,7 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
 var setupGetInstanceId = require('../../../tools/setupGetInstanceId.js');
+require('../../Select/Select.Skeleton.js');
 var Select = require('../../Select/Select.js');
 var SelectItem = require('../../SelectItem/SelectItem.js');
 var usePrefix = require('../../../internal/usePrefix.js');

package/lib/components/Pagination/experimental/Pagination.js

@@ -14,7 +14,9 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
+require('../../Button/Button.Skeleton.js');
 var Button = require('../../Button/Button.js');
+require('../../Select/Select.Skeleton.js');
 var Select = require('../../Select/Select.js');
 var SelectItem = require('../../SelectItem/SelectItem.js');
 var index = require('../../IconButton/index.js');

package/lib/components/Pagination/index.js

@@ -10,6 +10,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Pagination = require('./Pagination.js');
+require('./Pagination.Skeleton.js');
 
 
 

package/lib/components/PaginationNav/PaginationNav.js

@@ -14,6 +14,7 @@ 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');
 var index = require('../IconButton/index.js');
 var FeatureFlags = require('@carbon/feature-flags');
@@ -460,6 +461,5 @@ PaginationNav.propTypes = {
    */
   translateWithId: PropTypes__default["default"].func
 };
-var PaginationNav$1 = PaginationNav;
 
-exports["default"] = PaginationNav$1;
+exports["default"] = PaginationNav;

package/lib/components/PrimaryButton/PrimaryButton.js

@@ -11,6 +11,7 @@ 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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -23,6 +24,4 @@ var PrimaryButton = function PrimaryButton(props) {
   }, props));
 };
 
-var PrimaryButton$1 = PrimaryButton;
-
-exports["default"] = PrimaryButton$1;
+exports["default"] = PrimaryButton;

package/lib/components/ProgressIndicator/ProgressIndicator.js

@@ -13,10 +13,10 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var iconsReact = require('@carbon/icons-react');
 var usePrefix = require('../../internal/usePrefix.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -212,9 +212,7 @@ function ProgressStep(_ref2) {
     onClick: !current ? onClick : undefined,
     onKeyDown: handleKeyDown,
     title: label
-  }, rest), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "".concat(prefix, "--assistive-text")
-  }, message), /*#__PURE__*/React__default["default"].createElement(SVGIcon, {
+  }, rest), /*#__PURE__*/React__default["default"].createElement(SVGIcon, {
     complete: complete,
     current: current,
     description: description,
@@ -227,6 +225,8 @@ function ProgressStep(_ref2) {
   }, label), secondaryLabel !== null && secondaryLabel !== undefined ? /*#__PURE__*/React__default["default"].createElement("p", {
     className: "".concat(prefix, "--progress-optional")
   }, secondaryLabel) : null), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "".concat(prefix, "--assistive-text")
+  }, message), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(prefix, "--progress-line")
   })));
 }

package/lib/components/RadioButton/RadioButton.js

@@ -49,7 +49,7 @@ var RadioButton = /*#__PURE__*/React__default["default"].forwardRef(function Rad
     onChange(value, name, event);
   }
 
-  var innerLabelClasses = cx__default["default"](_rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
+  var innerLabelClasses = cx__default["default"]("".concat(prefix, "--radio-button__label-text"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
   var wrapperClasses = cx__default["default"](className, "".concat(prefix, "--radio-button-wrapper"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--radio-button-wrapper--label-").concat(labelPosition), labelPosition !== 'right'));
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: wrapperClasses
@@ -136,6 +136,5 @@ RadioButton.propTypes = {
    */
   value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
 };
-var RadioButton$1 = RadioButton;
 
-exports["default"] = RadioButton$1;
+exports["default"] = RadioButton;

package/lib/components/RadioButtonGroup/RadioButtonGroup.js

@@ -37,6 +37,7 @@ var RadioButtonGroup = /*#__PURE__*/React__default["default"].forwardRef(functio
       onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
       _ref$orientation = _ref.orientation,
       orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
+      readOnly = _ref.readOnly,
       valueSelected = _ref.valueSelected;
   var prefix = usePrefix.usePrefix();
 
@@ -81,20 +82,23 @@ var RadioButtonGroup = /*#__PURE__*/React__default["default"].forwardRef(functio
   }
 
   function handleOnChange(newSelection, value, evt) {
-    if (newSelection !== selected) {
-      setSelected(newSelection);
-      onChange(newSelection, name, evt);
+    if (!readOnly) {
+      if (newSelection !== selected) {
+        setSelected(newSelection);
+        onChange(newSelection, name, evt);
+      }
     }
   }
 
-  var fieldsetClasses = cx__default["default"]("".concat(prefix, "--radio-button-group"), (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--radio-button-group--").concat(orientation), orientation === 'vertical'), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--radio-button-group--label-").concat(labelPosition), labelPosition), _classNames));
+  var fieldsetClasses = cx__default["default"]("".concat(prefix, "--radio-button-group"), (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--radio-button-group--").concat(orientation), orientation === 'vertical'), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--radio-button-group--label-").concat(labelPosition), labelPosition), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--radio-button-group--readonly"), readOnly), _classNames));
   var wrapperClasses = cx__default["default"]("".concat(prefix, "--form-item"), className);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: wrapperClasses,
     ref: ref
   }, /*#__PURE__*/React__default["default"].createElement("fieldset", {
     className: fieldsetClasses,
-    disabled: disabled
+    disabled: disabled,
+    "aria-readonly": readOnly
   }, legendText && /*#__PURE__*/React__default["default"].createElement(index.Legend, {
     className: "".concat(prefix, "--label")
   }, legendText), getRadioButtons()));
@@ -147,11 +151,15 @@ RadioButtonGroup.propTypes = {
    */
   orientation: PropTypes__default["default"].oneOf(['horizontal', 'vertical']),
 
+  /**
+   * Whether the RadioButtonGroup should be read-only
+   */
+  readOnly: PropTypes__default["default"].bool,
+
   /**
    * Specify the value that is currently selected in the group
    */
   valueSelected: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
 };
-var RadioButtonGroup$1 = RadioButtonGroup;
 
-exports["default"] = RadioButtonGroup$1;
+exports["default"] = RadioButtonGroup;

package/lib/components/RadioTile/RadioTile.js

@@ -14,11 +14,11 @@ var iconsReact = require('@carbon/icons-react');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var useId = require('../../internal/useId.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var deprecate = require('../../prop-types/deprecate.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/Search/Search.Skeleton.js

@@ -55,6 +55,5 @@ SearchSkeleton.propTypes = {
 SearchSkeleton.defaultProps = {
   small: false
 };
-var SearchSkeleton$1 = SearchSkeleton;
 
-exports["default"] = SearchSkeleton$1;
+exports["default"] = SearchSkeleton;

package/lib/components/Search/Search.js

@@ -15,13 +15,13 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var index = require('../../internal/focus/index.js');
+var keys = require('../../internal/keyboard/keys.js');
+var match = require('../../internal/keyboard/match.js');
 var useId = require('../../internal/useId.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var events = require('../../tools/events.js');
 var useMergedRefs = require('../../internal/useMergedRefs.js');
 var deprecate = require('../../prop-types/deprecate.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -271,6 +271,5 @@ CustomSearchIcon.propTypes = {
    */
   icon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])
 };
-var Search$1 = Search;
 
-exports["default"] = Search$1;
+exports["default"] = Search;

package/lib/components/Search/index.js

@@ -10,7 +10,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Search = require('./Search.js');
+var Search_Skeleton = require('./Search.Skeleton.js');
 
 
 
 exports["default"] = Search["default"];
+exports.SearchSkeleton = Search_Skeleton["default"];

package/lib/components/SecondaryButton/SecondaryButton.js

@@ -11,6 +11,7 @@ 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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -23,6 +24,4 @@ var SecondaryButton = function SecondaryButton(props) {
   }, props));
 };
 
-var SecondaryButton$1 = SecondaryButton;
-
-exports["default"] = SecondaryButton$1;
+exports["default"] = SecondaryButton;

package/lib/components/Select/Select.Skeleton.js

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