@carbon/react 1.17.0 → 1.18.0-rc.0

package/es/components/RadioButton/RadioButton.js

@@ -39,7 +39,7 @@ var RadioButton = /*#__PURE__*/React__default.forwardRef(function RadioButton(_r
     onChange(value, name, event);
   }
 
-  var innerLabelClasses = cx(_defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
+  var innerLabelClasses = cx("".concat(prefix, "--radio-button__label-text"), _defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
   var wrapperClasses = cx(className, "".concat(prefix, "--radio-button-wrapper"), _defineProperty({}, "".concat(prefix, "--radio-button-wrapper--label-").concat(labelPosition), labelPosition !== 'right'));
   return /*#__PURE__*/React__default.createElement("div", {
     className: wrapperClasses
@@ -126,6 +126,5 @@ RadioButton.propTypes = {
    */
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-var RadioButton$1 = RadioButton;
 
-export { RadioButton$1 as default };
+export { RadioButton as default };

package/es/components/RadioButtonGroup/RadioButtonGroup.js

@@ -27,6 +27,7 @@ var RadioButtonGroup = /*#__PURE__*/React__default.forwardRef(function RadioButt
       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();
 
@@ -71,20 +72,23 @@ var RadioButtonGroup = /*#__PURE__*/React__default.forwardRef(function RadioButt
   }
 
   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("".concat(prefix, "--radio-button-group"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--radio-button-group--").concat(orientation), orientation === 'vertical'), _defineProperty(_classNames, "".concat(prefix, "--radio-button-group--label-").concat(labelPosition), labelPosition), _classNames));
+  var fieldsetClasses = cx("".concat(prefix, "--radio-button-group"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--radio-button-group--").concat(orientation), orientation === 'vertical'), _defineProperty(_classNames, "".concat(prefix, "--radio-button-group--label-").concat(labelPosition), labelPosition), _defineProperty(_classNames, "".concat(prefix, "--radio-button-group--readonly"), readOnly), _classNames));
   var wrapperClasses = cx("".concat(prefix, "--form-item"), className);
   return /*#__PURE__*/React__default.createElement("div", {
     className: wrapperClasses,
     ref: ref
   }, /*#__PURE__*/React__default.createElement("fieldset", {
     className: fieldsetClasses,
-    disabled: disabled
+    disabled: disabled,
+    "aria-readonly": readOnly
   }, legendText && /*#__PURE__*/React__default.createElement(Legend, {
     className: "".concat(prefix, "--label")
   }, legendText), getRadioButtons()));
@@ -137,11 +141,15 @@ RadioButtonGroup.propTypes = {
    */
   orientation: PropTypes.oneOf(['horizontal', 'vertical']),
 
+  /**
+   * Whether the RadioButtonGroup should be read-only
+   */
+  readOnly: PropTypes.bool,
+
   /**
    * Specify the value that is currently selected in the group
    */
   valueSelected: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-var RadioButtonGroup$1 = RadioButtonGroup;
 
-export { RadioButtonGroup$1 as default };
+export { RadioButtonGroup as default };

package/es/components/RadioTile/RadioTile.js

@@ -10,11 +10,11 @@ import { CheckmarkFilled } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
+import { Enter, Space } from '../../internal/keyboard/keys.js';
+import { matches } from '../../internal/keyboard/match.js';
 import { useFallbackId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import deprecate from '../../prop-types/deprecate.js';
-import { matches } from '../../internal/keyboard/match.js';
-import { Enter, Space } from '../../internal/keyboard/keys.js';
 
 var _CheckmarkFilled;
 

package/es/components/Search/Search.Skeleton.js

@@ -45,6 +45,5 @@ SearchSkeleton.propTypes = {
 SearchSkeleton.defaultProps = {
   small: false
 };
-var SearchSkeleton$1 = SearchSkeleton;
 
-export { SearchSkeleton$1 as default };
+export { SearchSkeleton as default };

package/es/components/Search/Search.js

@@ -6,18 +6,18 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { Close, Search as Search$2 } from '@carbon/icons-react';
+import { Close, Search as Search$1 } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useState } from 'react';
 import { focus } from '../../internal/focus/index.js';
+import { Escape } from '../../internal/keyboard/keys.js';
+import { match } from '../../internal/keyboard/match.js';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { composeEventHandlers } from '../../tools/events.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import deprecate from '../../prop-types/deprecate.js';
-import { match } from '../../internal/keyboard/match.js';
-import { Escape } from '../../internal/keyboard/keys.js';
 
 var _Close;
 
@@ -250,7 +250,7 @@ function CustomSearchIcon(_ref2) {
     });
   }
 
-  return /*#__PURE__*/React__default.createElement(Search$2, {
+  return /*#__PURE__*/React__default.createElement(Search$1, {
     className: "".concat(prefix, "--search-magnifier-icon")
   });
 }
@@ -261,6 +261,5 @@ CustomSearchIcon.propTypes = {
    */
   icon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
-var Search$1 = Search;
 
-export { Search$1 as default };
+export { Search as default };

package/es/components/Search/index.js

@@ -7,3 +7,4 @@
 
 import Search from './Search.js';
 export { default } from './Search.js';
+export { default as SearchSkeleton } from './Search.Skeleton.js';

package/es/components/SecondaryButton/SecondaryButton.js

@@ -7,6 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
+import '../Button/Button.Skeleton.js';
 import Button from '../Button/Button.js';
 
 var SecondaryButton = function SecondaryButton(props) {
@@ -15,6 +16,4 @@ var SecondaryButton = function SecondaryButton(props) {
   }, props));
 };
 
-var SecondaryButton$1 = SecondaryButton;
-
-export { SecondaryButton$1 as default };
+export { SecondaryButton as default };

package/es/components/Select/Select.Skeleton.js

@@ -41,6 +41,5 @@ SelectSkeleton.propTypes = {
    */
   hideLabel: PropTypes.bool
 };
-var SelectSkeleton$1 = SelectSkeleton;
 
-export { SelectSkeleton$1 as default };
+export { SelectSkeleton as default };

package/es/components/Select/Select.js

@@ -13,9 +13,10 @@ import { ChevronDown, WarningFilled, WarningAltFilled } from '@carbon/icons-reac
 import deprecate from '../../prop-types/deprecate.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { usePrefix } from '../../internal/usePrefix.js';
+import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-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.forwardRef(function Select(_ref, ref) {
   var _classNames, _classNames2, _classNames3;
 
@@ -37,6 +38,7 @@ var Select = /*#__PURE__*/React__default.forwardRef(function Select(_ref, ref) {
       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,
@@ -54,7 +56,7 @@ var Select = /*#__PURE__*/React__default.forwardRef(function Select(_ref, ref) {
       isFocused = _useState2[0],
       setIsFocused = _useState2[1];
 
-  var selectClasses = cx((_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--select"), true), _defineProperty(_classNames, "".concat(prefix, "--select--inline"), inline), _defineProperty(_classNames, "".concat(prefix, "--select--light"), light), _defineProperty(_classNames, "".concat(prefix, "--select--invalid"), invalid), _defineProperty(_classNames, "".concat(prefix, "--select--disabled"), disabled), _defineProperty(_classNames, "".concat(prefix, "--select--warning"), warn), _defineProperty(_classNames, "".concat(prefix, "--select--fluid--invalid"), isFluid && invalid), _defineProperty(_classNames, "".concat(prefix, "--select--fluid--focus"), isFluid && isFocused), _classNames), [enabled ? null : className]);
+  var selectClasses = cx((_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--select"), true), _defineProperty(_classNames, "".concat(prefix, "--select--inline"), inline), _defineProperty(_classNames, "".concat(prefix, "--select--light"), light), _defineProperty(_classNames, "".concat(prefix, "--select--invalid"), invalid), _defineProperty(_classNames, "".concat(prefix, "--select--disabled"), disabled), _defineProperty(_classNames, "".concat(prefix, "--select--readonly"), readOnly), _defineProperty(_classNames, "".concat(prefix, "--select--warning"), warn), _defineProperty(_classNames, "".concat(prefix, "--select--fluid--invalid"), isFluid && invalid), _defineProperty(_classNames, "".concat(prefix, "--select--fluid--focus"), isFluid && isFocused), _classNames), [enabled ? null : className]);
   var labelClasses = cx("".concat(prefix, "--label"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefix, "--visually-hidden"), hideLabel), _defineProperty(_classNames2, "".concat(prefix, "--label--disabled"), disabled), _classNames2));
   var inputClasses = cx((_classNames3 = {}, _defineProperty(_classNames3, "".concat(prefix, "--select-input"), true), _defineProperty(_classNames3, "".concat(prefix, "--select-input--").concat(size), size), _classNames3));
   var errorId = "".concat(id, "-error-msg");
@@ -87,12 +89,32 @@ var Select = /*#__PURE__*/React__default.forwardRef(function Select(_ref, ref) {
     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.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("select", _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.createElement(ChevronDown, {
       className: "".concat(prefix, "--select__arrow")
@@ -200,6 +222,11 @@ Select.propTypes = {
    */
   onChange: PropTypes.func,
 
+  /**
+   * Whether the select should be read-only
+   */
+  readOnly: PropTypes.bool,
+
   /**
    * Specify the size of the Select Input.
    */
@@ -223,6 +250,5 @@ Select.defaultProps = {
   invalidText: '',
   helperText: ''
 };
-var Select$1 = Select;
 
-export { Select$1 as default };
+export { Select as default };

package/es/components/SelectItem/SelectItem.js

@@ -65,6 +65,5 @@ SelectItem.defaultProps = {
   value: '',
   text: ''
 };
-var SelectItem$1 = SelectItem;
 
-export { SelectItem$1 as default };
+export { SelectItem as default };

package/es/components/SelectItemGroup/SelectItemGroup.js

@@ -55,6 +55,5 @@ SelectItemGroup.defaultProps = {
   disabled: false,
   label: FeatureFlags.enabled('enable-v11-release') ? undefined : 'Provide label'
 };
-var SelectItemGroup$1 = SelectItemGroup;
 
-export { SelectItemGroup$1 as default };
+export { SelectItemGroup as default };

package/es/components/SkeletonIcon/SkeletonIcon.js

@@ -37,6 +37,5 @@ SkeletonIcon.propTypes = {
    */
   style: PropTypes.object
 };
-var SkeletonIcon$1 = SkeletonIcon;
 
-export { SkeletonIcon$1 as default };
+export { SkeletonIcon as default };

package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js

@@ -33,6 +33,5 @@ SkeletonPlaceholder.propTypes = {
    */
   className: PropTypes.string
 };
-var SkeletonPlaceholder$1 = SkeletonPlaceholder;
 
-export { SkeletonPlaceholder$1 as default };
+export { SkeletonPlaceholder as default };

package/es/components/SkeletonText/SkeletonText.js

@@ -109,6 +109,5 @@ SkeletonText.defaultProps = {
   heading: false,
   lineCount: 3
 };
-var SkeletonText$1 = SkeletonText;
 
-export { SkeletonText$1 as default };
+export { SkeletonText as default };

package/es/components/Slider/Slider.Skeleton.js

@@ -51,6 +51,5 @@ SliderSkeleton.propTypes = {
    */
   hideLabel: PropTypes.bool
 };
-var SliderSkeleton$1 = SliderSkeleton;
 
-export { SliderSkeleton$1 as default };
+export { SliderSkeleton as default };

package/es/components/Slider/Slider.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { defineProperty as _defineProperty, inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
@@ -17,7 +17,7 @@ import { PrefixContext } from '../../internal/usePrefix.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { FeatureFlagContext } from '../FeatureFlags/index.js';
 
-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);
@@ -65,7 +65,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 
     _defineProperty(_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
 
@@ -84,7 +84,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 
     _defineProperty(_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
 
@@ -105,7 +105,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 
     _defineProperty(_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;
       }
 
@@ -140,7 +140,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 
     _defineProperty(_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;
       }
 
@@ -181,7 +181,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 
     _defineProperty(_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
 
@@ -398,6 +398,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
           disabled = _this$props2.disabled,
           name = _this$props2.name,
           light = _this$props2.light,
+          readOnly = _this$props2.readOnly,
           other = _objectWithoutProperties(_this$props2, _excluded);
 
       delete other.onRelease;
@@ -414,12 +415,12 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
       }
 
       return /*#__PURE__*/React__default.createElement(PrefixContext.Consumer, null, function (prefix) {
-        var _classNames3;
+        var _classNames4;
 
         var labelId = "".concat(id, "-label");
         var labelClasses = cx("".concat(prefix, "--label"), _defineProperty({}, "".concat(prefix, "--label--disabled"), disabled));
-        var sliderClasses = cx("".concat(prefix, "--slider"), _defineProperty({}, "".concat(prefix, "--slider--disabled"), disabled), [enabled ? null : className]);
-        var inputClasses = cx("".concat(prefix, "--text-input"), "".concat(prefix, "--slider-text-input"), (_classNames3 = {}, _defineProperty(_classNames3, "".concat(prefix, "--text-input--light"), light), _defineProperty(_classNames3, "".concat(prefix, "--text-input--invalid"), isValid === false), _classNames3));
+        var sliderClasses = cx("".concat(prefix, "--slider"), _defineProperty({}, "".concat(prefix, "--slider--disabled"), disabled), _defineProperty({}, "".concat(prefix, "--slider--readonly"), readOnly), [enabled ? null : className]);
+        var inputClasses = cx("".concat(prefix, "--text-input"), "".concat(prefix, "--slider-text-input"), (_classNames4 = {}, _defineProperty(_classNames4, "".concat(prefix, "--text-input--light"), light), _defineProperty(_classNames4, "".concat(prefix, "--text-input--invalid"), isValid === false), _classNames4));
         var filledTrackStyle = {
           transform: "translate(0%, -50%) scaleX(".concat(left / 100, ")")
         };
@@ -454,7 +455,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,
@@ -488,7 +489,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
         })));
       });
     }
@@ -620,6 +622,11 @@ _defineProperty(Slider, "propTypes", {
    */
   onRelease: PropTypes.func,
 
+  /**
+   * Whether the slider should be read-only
+   */
+  readOnly: PropTypes.bool,
+
   /**
    * `true` to specify if the control is required.
    */
@@ -650,7 +657,8 @@ _defineProperty(Slider, "defaultProps", {
   minLabel: '',
   maxLabel: '',
   inputType: 'number',
-  ariaLabelInput: FeatureFlags.enabled('enable-v11-release') ? undefined : 'Slider number input'
+  ariaLabelInput: FeatureFlags.enabled('enable-v11-release') ? undefined : 'Slider number input',
+  readOnly: false
 });
 
 _defineProperty(Slider, "contextType", FeatureFlagContext);

package/es/components/Slider/index.js

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import * as FeatureFlags from '@carbon/feature-flags';
 import Slider from './Slider.js';
 import { createClassWrapper } from '../../internal/createClassWrapper.js';
+export { default as SliderSkeleton } from './Slider.Skeleton.js';
 
-var index = FeatureFlags.enabled('enable-v11-release') ? createClassWrapper(Slider) : Slider;
+var index = createClassWrapper(Slider);
 
 export { index as default };

package/es/components/StructuredList/StructuredList.Skeleton.js

@@ -77,6 +77,5 @@ StructuredListSkeleton.defaultProps = {
   rowCount: 5,
   border: false
 };
-var StructuredListSkeleton$1 = StructuredListSkeleton;
 
-export { StructuredListSkeleton$1 as default };
+export { StructuredListSkeleton as default };

package/es/components/Switch/Switch.js

@@ -118,6 +118,5 @@ Switch.defaultProps = {
   onClick: function onClick() {},
   onKeyDown: function onKeyDown() {}
 };
-var Switch$1 = Switch;
 
-export { Switch$1 as default };
+export { Switch as default };

package/es/components/Tab/Tab.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { inherits as _inherits, createSuper as _createSuper, createClass as _createClass, defineProperty as _defineProperty, classCallCheck as _classCallCheck, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';

package/es/components/Tab/index.js

@@ -6,10 +6,9 @@
  */
 
 import * as FeatureFlags from '@carbon/feature-flags';
-import { Tab as Tab$2 } from '../Tabs/Tabs.js';
-import Tab$3 from './Tab.js';
+import { Tab as Tab$1 } from '../Tabs/Tabs.js';
+import Tab$2 from './Tab.js';
 
-var Tab = FeatureFlags.enabled('enable-v11-release') ? Tab$2 : Tab$3;
-var Tab$1 = Tab;
+var Tab = FeatureFlags.enabled('enable-v11-release') ? Tab$1 : Tab$2;
 
-export { Tab$1 as default };
+export { Tab as default };

package/es/components/TabContent/TabContent.js

@@ -73,6 +73,5 @@ TabContent.propTypes = {
 TabContent.defaultProps = {
   selected: false
 };
-var TabContent$1 = TabContent;
 
-export { TabContent$1 as default };
+export { TabContent as default };

package/es/components/Tabs/Tabs.js

@@ -11,7 +11,8 @@ import cx from 'classnames';
 import debounce from 'lodash.debounce';
 import PropTypes from 'prop-types';
 import React__default, { useState, useRef, useCallback, useEffect } from 'react';
-import { Tooltip } from '../Tooltip/next/Tooltip.js';
+import '../Tooltip/DefinitionTooltip.js';
+import { Tooltip } from '../Tooltip/Tooltip.js';
 import { useControllableState } from '../../internal/useControllableState.js';
 import { useEffectOnce } from '../../internal/useEffectOnce.js';
 import { useId } from '../../internal/useId.js';
@@ -19,9 +20,9 @@ import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { getInteractiveContent } from '../../internal/useNoInteractiveChildren.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import { usePressable } from './usePressable.js';
-import { matches, match } from '../../internal/keyboard/match.js';
 import { ArrowRight, ArrowLeft, Home, End } from '../../internal/keyboard/keys.js';
+import { matches, match } from '../../internal/keyboard/match.js';
+import { usePressable } from './usePressable.js';
 
 var _ChevronLeft, _ChevronRight;
 

package/es/components/Tabs/index.js

@@ -7,3 +7,4 @@
 
 import { Tabs } from './Tabs.js';
 export { IconTab, Tab, TabList, TabPanel, TabPanels, Tabs as default } from './Tabs.js';
+export { default as TabsSkeleton } from './Tabs.Skeleton.js';

package/es/components/Tag/Tag.js

@@ -141,6 +141,5 @@ Tag.propTypes = {
    */
   type: PropTypes.oneOf(Object.keys(TYPES))
 };
-var Tag$1 = Tag;
 
-export { Tag$1 as default };
+export { Tag as default };

package/es/components/TextArea/TextArea.Skeleton.js

@@ -39,6 +39,5 @@ TextAreaSkeleton.propTypes = {
    */
   hideLabel: PropTypes.bool
 };
-var TextAreaSkeleton$1 = TextAreaSkeleton;
 
-export { TextAreaSkeleton$1 as default };
+export { TextAreaSkeleton as default };

package/es/components/TextArea/TextArea.js

@@ -13,6 +13,7 @@ import deprecate from '../../prop-types/deprecate.js';
 import { WarningFilled } from '@carbon/icons-react';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { usePrefix } from '../../internal/usePrefix.js';
+import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
 var _excluded = ["className", "id", "labelText", "hideLabel", "onChange", "onClick", "invalid", "invalidText", "helperText", "light", "placeholder", "enableCounter", "maxCount"];
@@ -243,6 +244,5 @@ TextArea.defaultProps = {
   enableCounter: false,
   maxCount: undefined
 };
-var TextArea$1 = TextArea;
 
-export { TextArea$1 as default };
+export { TextArea as default };

package/es/components/TextInput/ControlledPasswordInput.js

@@ -228,6 +228,5 @@ ControlledPasswordInput.defaultProps = {
   helperText: '',
   size: ''
 };
-var ControlledPasswordInput$1 = ControlledPasswordInput;
 
-export { ControlledPasswordInput$1 as default };
+export { ControlledPasswordInput as default };

package/es/components/TextInput/PasswordInput.js

@@ -12,10 +12,11 @@ import PropTypes from 'prop-types';
 import { ViewOff, View } from '@carbon/icons-react';
 import { useNormalizedInputProps } from '../../internal/useNormalizedInputProps.js';
 import { textInputProps } from './util.js';
+import '../FluidForm/FluidForm.js';
+import { FormContext } from '../FluidForm/FormContext.js';
 import * as FeatureFlags from '@carbon/feature-flags';
 import deprecate from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import { FormContext } from '../FluidForm/FormContext.js';
 
 var _excluded = ["className", "disabled", "helperText", "hideLabel", "hidePasswordLabel", "id", "inline", "invalid", "invalidText", "labelText", "light", "onChange", "onClick", "onTogglePasswordVisibility", "placeholder", "size", "showPasswordLabel", "tooltipPosition", "tooltipAlignment", "type", "warn", "warnText"];
 var PasswordInput = /*#__PURE__*/React__default.forwardRef(function PasswordInput(_ref, ref) {
@@ -282,6 +283,5 @@ PasswordInput.propTypes = {
    */
   warnText: PropTypes.node
 };
-var PasswordInput$1 = PasswordInput;
 
-export { PasswordInput$1 as default };
+export { PasswordInput as default };

package/es/components/TextInput/TextInput.Skeleton.js

@@ -39,6 +39,5 @@ TextInputSkeleton.propTypes = {
    */
   hideLabel: PropTypes.bool
 };
-var TextInputSkeleton$1 = TextInputSkeleton;
 
-export { TextInputSkeleton$1 as default };
+export { TextInputSkeleton as default };

package/es/components/TextInput/TextInput.js

@@ -14,10 +14,11 @@ import PasswordInput from './PasswordInput.js';
 import ControlledPasswordInput from './ControlledPasswordInput.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { textInputProps } from './util.js';
+import '../FluidForm/FluidForm.js';
+import { FormContext } from '../FluidForm/FormContext.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import * as FeatureFlags from '@carbon/feature-flags';
 import { usePrefix } from '../../internal/usePrefix.js';
-import { FormContext } from '../FluidForm/FormContext.js';
 
 var _excluded = ["className", "disabled", "helperText", "hideLabel", "id", "inline", "invalid", "invalidText", "labelText", "light", "onChange", "onClick", "placeholder", "readOnly", "size", "type", "warn", "warnText", "enableCounter", "maxCount"];
 var TextInput = /*#__PURE__*/React__default.forwardRef(function TextInput(_ref, ref) {
@@ -269,6 +270,5 @@ TextInput.propTypes = {
    */
   warnText: PropTypes.node
 };
-var TextInput$1 = TextInput;
 
-export { TextInput$1 as default };
+export { TextInput as default };

package/es/components/TextInput/index.js

@@ -10,6 +10,7 @@ import ControlledPasswordInput from './ControlledPasswordInput.js';
 import PasswordInput from './PasswordInput.js';
 import TextInput from './TextInput.js';
 export { default } from './TextInput.js';
+export { default as TextInputSkeleton } from './TextInput.Skeleton.js';
 
 TextInput.ControlledPasswordInput = ControlledPasswordInput;
 TextInput.PasswordInput = PasswordInput;