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

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/StructuredList/StructuredList.js

@@ -5,21 +5,22 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useState } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
-import setupGetInstanceId from '../../tools/setupGetInstanceId.js';
+import { useId } from '../../internal/useId.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-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();
+var GridSelectedRowStateContext = /*#__PURE__*/React__default.createContext(null);
+var GridSelectedRowDispatchContext = /*#__PURE__*/React__default.createContext(null);
 function StructuredListWrapper(props) {
   var _classNames;
 
@@ -28,18 +29,27 @@ function StructuredListWrapper(props) {
       className = props.className,
       ariaLabel = props.ariaLabel,
       isCondensed = props.isCondensed,
-      isFlush = props.isFlush;
-      props.border;
-      var other = _objectWithoutProperties(props, _excluded);
+      isFlush = props.isFlush,
+      other = _objectWithoutProperties(props, _excluded);
 
   var prefix = usePrefix();
   var classes = cx("".concat(prefix, "--structured-list"), className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--structured-list--selection"), selection), _defineProperty(_classNames, "".concat(prefix, "--structured-list--condensed"), isCondensed), _defineProperty(_classNames, "".concat(prefix, "--structured-list--flush"), isFlush), _classNames));
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+
+  var _React$useState = React__default.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      selectedRow = _React$useState2[0],
+      setSelectedRow = _React$useState2[1];
+
+  return /*#__PURE__*/React__default.createElement(GridSelectedRowStateContext.Provider, {
+    value: selectedRow
+  }, /*#__PURE__*/React__default.createElement(GridSelectedRowDispatchContext.Provider, {
+    value: setSelectedRow
+  }, /*#__PURE__*/React__default.createElement("div", _extends({
     role: "table",
     className: classes
   }, other, {
     "aria-label": ariaLabel
-  }), children);
+  }), children)));
 }
 StructuredListWrapper.propTypes = {
   /**
@@ -47,11 +57,6 @@ StructuredListWrapper.propTypes = {
    */
   ariaLabel: PropTypes.string,
 
-  /**
-   * Specify whether a border should be added to your StructuredListWrapper
-   */
-  border: deprecate(PropTypes.bool, "\nThe prop `border` will be removed in the next major version of Carbon."),
-
   /**
    * Provide the contents of your StructuredListWrapper
    */
@@ -79,9 +84,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,
@@ -138,29 +143,51 @@ StructuredListBody.propTypes = {
 StructuredListBody.defaultProps = {
   onKeyDown: function onKeyDown() {}
 };
+var GridRowContext = /*#__PURE__*/React__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 = _objectWithoutProperties(props, _excluded4);
 
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      hasFocusWithin = _useState2[0],
+      setHasFocusWithin = _useState2[1];
+
+  var id = useId('grid-input');
+  var setSelectedRow = React__default.useContext(GridSelectedRowDispatchContext);
   var prefix = usePrefix();
-  var classes = cx("".concat(prefix, "--structured-list-row"), className, _defineProperty({}, "".concat(prefix, "--structured-list-row--header-row"), head));
-  return label ?
-  /*#__PURE__*/
-  // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-  React__default.createElement("label", _extends({}, other, {
-    tabIndex: tabIndex,
-    className: classes,
-    onKeyDown: onKeyDown
-  }), children) : /*#__PURE__*/React__default.createElement("div", _extends({
+  var value = {
+    id: id
+  };
+  var classes = cx("".concat(prefix, "--structured-list-row"), className, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefix, "--structured-list-row--header-row"), head), _defineProperty(_classNames2, "".concat(prefix, "--structured-list-row--focused-within"), hasFocusWithin), _classNames2));
+  return head ? /*#__PURE__*/React__default.createElement("div", _extends({
     role: "row"
   }, other, {
     className: classes
-  }), children);
+  }), children) :
+  /*#__PURE__*/
+  // eslint-disable-next-line jsx-a11y/interactive-supports-focus
+  React__default.createElement("div", _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.createElement(GridRowContext.Provider, {
+    value: value
+  }, children));
 }
 StructuredListRow.propTypes = {
   /**
@@ -181,42 +208,44 @@ StructuredListRow.propTypes = {
   /**
    * Specify whether a `<label>` should be used
    */
-  label: PropTypes.bool,
+  label: deprecate(PropTypes.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.func,
-
-  /**
-   * Specify the tab index of the container node, if `<label>` is in use
    */
-  tabIndex: PropTypes.number
+  onKeyDown: PropTypes.func
 };
 StructuredListRow.defaultProps = {
   head: false,
-  label: false,
-  tabIndex: 0,
   onKeyDown: function onKeyDown() {}
 };
 function StructuredListInput(props) {
+  var _row$id;
+
+  var defaultId = 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 = _objectWithoutProperties(props, _excluded5);
 
   var prefix = usePrefix();
-  var classes = cx("".concat(prefix, "--structured-list-input"), className);
-  var instanceId = id || getInstanceId();
+  var classes = cx("".concat(prefix, "--structured-list-input"), "".concat(prefix, "--visually-hidden"), className);
+  var row = React__default.useContext(GridRowContext);
+  var selectedRow = React__default.useContext(GridSelectedRowStateContext);
+  var setSelectedRow = React__default.useContext(GridSelectedRowDispatchContext);
   return /*#__PURE__*/React__default.createElement("input", _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
   }));
@@ -230,7 +259,7 @@ StructuredListInput.propTypes = {
   /**
    * Specify whether the underlying input should be checked by default
    */
-  defaultChecked: PropTypes.bool,
+  defaultChecked: deprecate(PropTypes.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
@@ -245,7 +274,7 @@ StructuredListInput.propTypes = {
   /**
    * Provide an optional hook that is called each time the input is updated
    */
-  onChange: PropTypes.func,
+  onChange: deprecate(PropTypes.func, "\nThe prop `onChange` will be removed in the next major version of Carbon."),
 
   /**
    * Provide a `title` for the input
@@ -255,11 +284,9 @@ StructuredListInput.propTypes = {
   /**
    * Specify the value of the input
    */
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
+  value: deprecate(PropTypes.oneOfType([PropTypes.string, PropTypes.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) {
@@ -273,9 +300,17 @@ function StructuredListCell(props) {
 
   var prefix = usePrefix();
   var classes = cx(className, (_classNames3 = {}, _defineProperty(_classNames3, "".concat(prefix, "--structured-list-th"), head), _defineProperty(_classNames3, "".concat(prefix, "--structured-list-td"), !head), _defineProperty(_classNames3, "".concat(prefix, "--structured-list-content--nowrap"), noWrap), _classNames3));
+
+  if (head) {
+    return /*#__PURE__*/React__default.createElement("span", _extends({
+      className: classes,
+      role: "columnheader"
+    }, other), children);
+  }
+
   return /*#__PURE__*/React__default.createElement("div", _extends({
     className: classes,
-    role: head ? 'columnheader' : 'cell'
+    role: "cell"
   }, other), children);
 }
 StructuredListCell.propTypes = {

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;

package/es/components/Tile/Tile.js

@@ -11,13 +11,13 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { CheckboxCheckedFilled, Checkbox, ChevronDown } from '@carbon/icons-react';
 import Link from '../Link/Link.js';
+import { Enter, Space } from '../../internal/keyboard/keys.js';
+import { matches } from '../../internal/keyboard/match.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { composeEventHandlers } from '../../tools/events.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 import { getInteractiveContent } from '../../internal/useNoInteractiveChildren.js';
-import { matches } from '../../internal/keyboard/match.js';
-import { Enter, Space } from '../../internal/keyboard/keys.js';
 
 var _CheckboxCheckedFille, _Checkbox, _ChevronDown, _ChevronDown2;
 

package/es/components/TileGroup/TileGroup.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, objectWithoutProperties as _objectWithoutProperties, extends as _extends, createClass as _createClass } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { inherits as _inherits, createSuper as _createSuper, createClass as _createClass, defineProperty as _defineProperty, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import RadioTile from '../RadioTile/RadioTile.js';