@carbon/react 1.82.1 → 1.83.0

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

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useState } from 'react';
+import React, { useState } from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
@@ -43,37 +43,37 @@ const SliderSkeleton = _ref => {
   const upperThumbWrapperClasses = cx(`${prefix}--slider__thumb-wrapper`, {
     [`${prefix}--slider__thumb-wrapper--upper`]: twoHandles
   });
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(`${prefix}--form-item`, className)
-  }, rest), !hideLabel && /*#__PURE__*/React__default.createElement("span", {
+  }, rest), !hideLabel && /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: containerClasses
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--slider__range-label`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--slider`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--slider__track`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--slider__filled-track`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: lowerThumbWrapperClasses
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: lowerThumbClasses
-  }, twoHandles && !isRtl ? /*#__PURE__*/React__default.createElement(LowerHandle, {
+  }, twoHandles && !isRtl ? /*#__PURE__*/React.createElement(LowerHandle, {
     "aria-label": ariaLabel
-  }) : twoHandles && isRtl ? /*#__PURE__*/React__default.createElement(UpperHandle, {
+  }) : twoHandles && isRtl ? /*#__PURE__*/React.createElement(UpperHandle, {
     "aria-label": ariaLabelHandleUpper
-  }) : undefined)), twoHandles ? /*#__PURE__*/React__default.createElement("div", {
+  }) : undefined)), twoHandles ? /*#__PURE__*/React.createElement("div", {
     className: upperThumbWrapperClasses
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: upperThumbClasses
-  }, twoHandles && !isRtl ? /*#__PURE__*/React__default.createElement(UpperHandle, {
+  }, twoHandles && !isRtl ? /*#__PURE__*/React.createElement(UpperHandle, {
     "aria-label": ariaLabelHandleUpper
-  }) : twoHandles && isRtl ? /*#__PURE__*/React__default.createElement(LowerHandle, {
+  }) : twoHandles && isRtl ? /*#__PURE__*/React.createElement(LowerHandle, {
     "aria-label": ariaLabel
-  }) : undefined)) : undefined), /*#__PURE__*/React__default.createElement("span", {
+  }) : undefined)) : undefined), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--slider__range-label`
   })));
 };

package/es/components/Slider/Slider.d.ts

@@ -73,6 +73,10 @@ export interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputEle
      * The label for the slider.
      */
     labelText?: ReactNode;
+    /**
+     * Specify whether you want the underlying label to be visually hidden
+     */
+    hideLabel?: boolean;
     /**
      * @deprecated
      * `true` to use the light version.
@@ -215,6 +219,10 @@ declare class Slider extends PureComponent<SliderProps> {
          * The label for the slider.
          */
         labelText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Specify whether you want the underlying label to be visually hidden
+         */
+        hideLabel: PropTypes.Requireable<boolean>;
         /**
          * `true` to use the light version.
          */

package/es/components/Slider/Slider.js

@@ -6,7 +6,7 @@
  */
 
 import { defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { ArrowDown, ArrowLeft, ArrowUp, ArrowRight, Enter } from '../../internal/keyboard/keys.js';
@@ -35,7 +35,7 @@ const ThumbWrapper = _ref => {
     return (
       /*#__PURE__*/
       // eslint-disable-next-line react/forbid-component-props
-      React__default.createElement(Tooltip, _extends({
+      React.createElement(Tooltip, _extends({
         className: className,
         style: style
       }, rest), children)
@@ -44,7 +44,7 @@ const ThumbWrapper = _ref => {
     return (
       /*#__PURE__*/
       // eslint-disable-next-line react/forbid-dom-props
-      React__default.createElement("div", {
+      React.createElement("div", {
         className: className,
         style: style
       }, children)
@@ -738,9 +738,9 @@ class Slider extends PureComponent {
       }
       return boundingRect ?? new DOMRect();
     });
-    this.thumbRef = /*#__PURE__*/React__default.createRef();
-    this.thumbRefUpper = /*#__PURE__*/React__default.createRef();
-    this.filledTrackRef = /*#__PURE__*/React__default.createRef();
+    this.thumbRef = /*#__PURE__*/React.createRef();
+    this.thumbRefUpper = /*#__PURE__*/React.createRef();
+    this.filledTrackRef = /*#__PURE__*/React.createRef();
   }
 
   /**
@@ -945,6 +945,7 @@ class Slider extends PureComponent {
       maxLabel = '',
       formatLabel = defaultFormatLabel,
       labelText,
+      hideLabel,
       step = 1,
       stepMultiplier: _stepMultiplier,
       inputType = 'number',
@@ -975,9 +976,10 @@ class Slider extends PureComponent {
     } = this.state;
     const showWarning = !readOnly && warn || typeof correctedValue !== null && correctedPosition === HandlePosition.LOWER && isValid;
     const showWarningUpper = !readOnly && warn || typeof correctedValue !== null && correctedPosition === (twoHandles ? HandlePosition.UPPER : HandlePosition.LOWER) && (twoHandles ? isValidUpper : isValid);
-    return /*#__PURE__*/React__default.createElement(PrefixContext.Consumer, null, prefix => {
+    return /*#__PURE__*/React.createElement(PrefixContext.Consumer, null, prefix => {
       const labelId = `${id}-label`;
       const labelClasses = cx(`${prefix}--label`, {
+        [`${prefix}--visually-hidden`]: hideLabel,
         [`${prefix}--label--disabled`]: disabled
       });
       const containerClasses = cx(`${prefix}--slider-container`, {
@@ -1032,18 +1034,18 @@ class Slider extends PureComponent {
           insetInlineStart: `${this.state.leftUpper}%`
         }
       };
-      return /*#__PURE__*/React__default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: cx(`${prefix}--form-item`, className)
-      }, /*#__PURE__*/React__default.createElement(Text, {
+      }, /*#__PURE__*/React.createElement(Text, {
         as: "label",
         htmlFor: twoHandles ? undefined : id,
         className: labelClasses,
         id: labelId
-      }, labelText), /*#__PURE__*/React__default.createElement("div", {
+      }, labelText), /*#__PURE__*/React.createElement("div", {
         className: containerClasses
-      }, twoHandles ? /*#__PURE__*/React__default.createElement("div", {
+      }, twoHandles ? /*#__PURE__*/React.createElement("div", {
         className: lowerInputWrapperClasses
-      }, /*#__PURE__*/React__default.createElement("input", {
+      }, /*#__PURE__*/React.createElement("input", {
         type: hideTextInput ? 'hidden' : inputType,
         id: `${id}-lower-input-for-slider`,
         name: name,
@@ -1063,13 +1065,13 @@ class Slider extends PureComponent {
         "data-handle-position": HandlePosition.LOWER,
         "aria-invalid": !isValid && !readOnly ? true : undefined,
         readOnly: readOnly
-      }), !readOnly && !isValid && /*#__PURE__*/React__default.createElement(WarningFilled, {
+      }), !readOnly && !isValid && /*#__PURE__*/React.createElement(WarningFilled, {
         className: `${prefix}--slider__invalid-icon`
-      }), showWarning && /*#__PURE__*/React__default.createElement(WarningAltFilled, {
+      }), showWarning && /*#__PURE__*/React.createElement(WarningAltFilled, {
         className: `${prefix}--slider__invalid-icon ${prefix}--slider__invalid-icon--warning`
-      })) : null, /*#__PURE__*/React__default.createElement(Text, {
+      })) : null, /*#__PURE__*/React.createElement(Text, {
         className: `${prefix}--slider__range-label`
-      }, formatLabel(min, minLabel)), /*#__PURE__*/React__default.createElement("div", _extends({
+      }, formatLabel(min, minLabel)), /*#__PURE__*/React.createElement("div", _extends({
         className: sliderClasses,
         ref: node => {
           this.element = node;
@@ -1080,12 +1082,12 @@ class Slider extends PureComponent {
         role: "presentation",
         tabIndex: -1,
         "data-invalid": (twoHandles ? !isValid || !isValidUpper : !isValid) && !readOnly ? true : null
-      }, other), /*#__PURE__*/React__default.createElement(ThumbWrapper, _extends({
+      }, other), /*#__PURE__*/React.createElement(ThumbWrapper, _extends({
         hasTooltip: hideTextInput,
         className: lowerThumbWrapperClasses,
         label: `${formatLabel(value, '')}`,
         align: "top"
-      }, lowerThumbWrapperProps), /*#__PURE__*/React__default.createElement("div", {
+      }, lowerThumbWrapperProps), /*#__PURE__*/React.createElement("div", {
         className: lowerThumbClasses,
         role: "slider",
         id: twoHandles ? undefined : id,
@@ -1100,20 +1102,20 @@ class Slider extends PureComponent {
         onFocus: () => this.setState({
           activeHandle: HandlePosition.LOWER
         })
-      }, twoHandles && !isRtl ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, _LowerHandle || (_LowerHandle = /*#__PURE__*/React__default.createElement(LowerHandle, {
+      }, twoHandles && !isRtl ? /*#__PURE__*/React.createElement(React.Fragment, null, _LowerHandle || (_LowerHandle = /*#__PURE__*/React.createElement(LowerHandle, {
         "aria-label": ariaLabelInput
-      })), _LowerHandleFocus || (_LowerHandleFocus = /*#__PURE__*/React__default.createElement(LowerHandleFocus, {
+      })), _LowerHandleFocus || (_LowerHandleFocus = /*#__PURE__*/React.createElement(LowerHandleFocus, {
         "aria-label": ariaLabelInput
-      }))) : twoHandles && isRtl ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, _UpperHandle || (_UpperHandle = /*#__PURE__*/React__default.createElement(UpperHandle, {
+      }))) : twoHandles && isRtl ? /*#__PURE__*/React.createElement(React.Fragment, null, _UpperHandle || (_UpperHandle = /*#__PURE__*/React.createElement(UpperHandle, {
         "aria-label": ariaLabelInputUpper
-      })), _UpperHandleFocus || (_UpperHandleFocus = /*#__PURE__*/React__default.createElement(UpperHandleFocus, {
+      })), _UpperHandleFocus || (_UpperHandleFocus = /*#__PURE__*/React.createElement(UpperHandleFocus, {
         "aria-label": ariaLabelInputUpper
-      }))) : undefined)), twoHandles ? /*#__PURE__*/React__default.createElement(ThumbWrapper, _extends({
+      }))) : undefined)), twoHandles ? /*#__PURE__*/React.createElement(ThumbWrapper, _extends({
         hasTooltip: hideTextInput,
         className: upperThumbWrapperClasses,
         label: `${formatLabel(valueUpper || 0, '')}`,
         align: "top"
-      }, upperThumbWrapperProps), /*#__PURE__*/React__default.createElement("div", {
+      }, upperThumbWrapperProps), /*#__PURE__*/React.createElement("div", {
         className: upperThumbClasses,
         role: "slider",
         tabIndex: readOnly || disabled ? undefined : 0,
@@ -1125,27 +1127,27 @@ class Slider extends PureComponent {
         onFocus: () => this.setState({
           activeHandle: HandlePosition.UPPER
         })
-      }, twoHandles && !isRtl ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, _UpperHandle2 || (_UpperHandle2 = /*#__PURE__*/React__default.createElement(UpperHandle, {
+      }, twoHandles && !isRtl ? /*#__PURE__*/React.createElement(React.Fragment, null, _UpperHandle2 || (_UpperHandle2 = /*#__PURE__*/React.createElement(UpperHandle, {
         "aria-label": ariaLabelInputUpper
-      })), _UpperHandleFocus2 || (_UpperHandleFocus2 = /*#__PURE__*/React__default.createElement(UpperHandleFocus, {
+      })), _UpperHandleFocus2 || (_UpperHandleFocus2 = /*#__PURE__*/React.createElement(UpperHandleFocus, {
         "aria-label": ariaLabelInputUpper
-      }))) : twoHandles && isRtl ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, _LowerHandle2 || (_LowerHandle2 = /*#__PURE__*/React__default.createElement(LowerHandle, {
+      }))) : twoHandles && isRtl ? /*#__PURE__*/React.createElement(React.Fragment, null, _LowerHandle2 || (_LowerHandle2 = /*#__PURE__*/React.createElement(LowerHandle, {
         "aria-label": ariaLabelInput
-      })), _LowerHandleFocus2 || (_LowerHandleFocus2 = /*#__PURE__*/React__default.createElement(LowerHandleFocus, {
+      })), _LowerHandleFocus2 || (_LowerHandleFocus2 = /*#__PURE__*/React.createElement(LowerHandleFocus, {
         "aria-label": ariaLabelInput
-      }))) : undefined)) : null, /*#__PURE__*/React__default.createElement("div", {
+      }))) : undefined)) : null, /*#__PURE__*/React.createElement("div", {
         className: `${prefix}--slider__track`,
         ref: node => {
           this.track = node;
         }
-      }), /*#__PURE__*/React__default.createElement("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         className: `${prefix}--slider__filled-track`,
         ref: this.filledTrackRef
-      })), /*#__PURE__*/React__default.createElement(Text, {
+      })), /*#__PURE__*/React.createElement(Text, {
         className: `${prefix}--slider__range-label`
-      }, formatLabel(max, maxLabel)), /*#__PURE__*/React__default.createElement("div", {
+      }, formatLabel(max, maxLabel)), /*#__PURE__*/React.createElement("div", {
         className: upperInputWrapperClasses
-      }, /*#__PURE__*/React__default.createElement("input", {
+      }, /*#__PURE__*/React.createElement("input", {
         type: hideTextInput ? 'hidden' : inputType,
         id: `${id}-${twoHandles ? 'upper-' : ''}input-for-slider`,
         name: twoHandles ? nameUpper : name,
@@ -1166,17 +1168,17 @@ class Slider extends PureComponent {
         "data-handle-position": twoHandles ? HandlePosition.UPPER : null,
         "aria-invalid": (twoHandles ? !isValidUpper : !isValid) && !readOnly ? true : undefined,
         readOnly: readOnly
-      }), !readOnly && (twoHandles ? !isValidUpper : !isValid) && /*#__PURE__*/React__default.createElement(WarningFilled, {
+      }), !readOnly && (twoHandles ? !isValidUpper : !isValid) && /*#__PURE__*/React.createElement(WarningFilled, {
         className: `${prefix}--slider__invalid-icon`
-      }), showWarningUpper && /*#__PURE__*/React__default.createElement(WarningAltFilled, {
+      }), showWarningUpper && /*#__PURE__*/React.createElement(WarningAltFilled, {
         className: `${prefix}--slider__invalid-icon ${prefix}--slider__invalid-icon--warning`
-      }))), !readOnly && (!isValid || !isValidUpper) && /*#__PURE__*/React__default.createElement(Text, {
+      }))), !readOnly && (!isValid || !isValidUpper) && /*#__PURE__*/React.createElement(Text, {
         as: "div",
         className: cx(`${prefix}--slider__validation-msg`, `${prefix}--slider__validation-msg--invalid`, `${prefix}--form-requirement`)
-      }, invalidText), !readOnly && warn && isValid && isValidUpper && /*#__PURE__*/React__default.createElement(Text, {
+      }, invalidText), !readOnly && warn && isValid && isValidUpper && /*#__PURE__*/React.createElement(Text, {
         as: "div",
         className: cx(`${prefix}--slider__validation-msg`, `${prefix}--form-requirement`)
-      }, warnText), correctedValue && /*#__PURE__*/React__default.createElement(Text, {
+      }, warnText), correctedValue && /*#__PURE__*/React.createElement(Text, {
         as: "div",
         role: "alert",
         className: cx(`${prefix}--slider__status-msg`, `${prefix}--form-requirement`)
@@ -1231,6 +1233,10 @@ _defineProperty(Slider, "propTypes", {
    * The label for the slider.
    */
   labelText: PropTypes.node,
+  /**
+   * Specify whether you want the underlying label to be visually hidden
+   */
+  hideLabel: PropTypes.bool,
   /**
    * `true` to use the light version.
    */

package/es/components/Slider/SliderHandles.js

@@ -7,59 +7,59 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { PrefixContext } from '../../internal/usePrefix.js';
-import React__default from 'react';
+import React from 'react';
 
 var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14;
-const LowerHandle = props => /*#__PURE__*/React__default.createElement(PrefixContext.Consumer, null, prefix => /*#__PURE__*/React__default.createElement("svg", _extends({
+const LowerHandle = props => /*#__PURE__*/React.createElement(PrefixContext.Consumer, null, prefix => /*#__PURE__*/React.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 24",
   className: `${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower`
-}, props), _path || (_path = /*#__PURE__*/React__default.createElement("path", {
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
   d: "M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z"
-})), _path2 || (_path2 = /*#__PURE__*/React__default.createElement("path", {
+})), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
   fill: "none",
   d: "M-4 0h24v24H-4z"
 }))));
-const LowerHandleFocus = props => /*#__PURE__*/React__default.createElement(PrefixContext.Consumer, null, prefix => /*#__PURE__*/React__default.createElement("svg", _extends({
+const LowerHandleFocus = props => /*#__PURE__*/React.createElement(PrefixContext.Consumer, null, prefix => /*#__PURE__*/React.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 24",
   className: `${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower ${prefix}--slider__thumb-icon--focus`
-}, props), _path3 || (_path3 = /*#__PURE__*/React__default.createElement("path", {
+}, props), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
   d: "M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z"
-})), _path4 || (_path4 = /*#__PURE__*/React__default.createElement("path", {
+})), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
   fill: "none",
   d: "M-4 0h24v24H-4z"
-})), _path5 || (_path5 = /*#__PURE__*/React__default.createElement("path", {
+})), _path5 || (_path5 = /*#__PURE__*/React.createElement("path", {
   d: "M15.08 0H16v6.46h-.92z"
-})), _path6 || (_path6 = /*#__PURE__*/React__default.createElement("path", {
+})), _path6 || (_path6 = /*#__PURE__*/React.createElement("path", {
   d: "M0 0h.92v24H0zM15.08 0H16v24h-.92z"
-})), _path7 || (_path7 = /*#__PURE__*/React__default.createElement("path", {
+})), _path7 || (_path7 = /*#__PURE__*/React.createElement("path", {
   d: "M0 .92V0h16v.92zM0 24v-.92h16V24z"
 }))));
-const UpperHandle = props => /*#__PURE__*/React__default.createElement(PrefixContext.Consumer, null, prefix => /*#__PURE__*/React__default.createElement("svg", _extends({
+const UpperHandle = props => /*#__PURE__*/React.createElement(PrefixContext.Consumer, null, prefix => /*#__PURE__*/React.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 24",
   className: `${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper`
-}, props), _path8 || (_path8 = /*#__PURE__*/React__default.createElement("path", {
+}, props), _path8 || (_path8 = /*#__PURE__*/React.createElement("path", {
   d: "M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z"
-})), _path9 || (_path9 = /*#__PURE__*/React__default.createElement("path", {
+})), _path9 || (_path9 = /*#__PURE__*/React.createElement("path", {
   fill: "none",
   d: "M-4 0h24v24H-4z"
 }))));
-const UpperHandleFocus = props => /*#__PURE__*/React__default.createElement(PrefixContext.Consumer, null, prefix => /*#__PURE__*/React__default.createElement("svg", _extends({
+const UpperHandleFocus = props => /*#__PURE__*/React.createElement(PrefixContext.Consumer, null, prefix => /*#__PURE__*/React.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 24",
   className: `${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper ${prefix}--slider__thumb-icon--focus`
-}, props), _path10 || (_path10 = /*#__PURE__*/React__default.createElement("path", {
+}, props), _path10 || (_path10 = /*#__PURE__*/React.createElement("path", {
   d: "M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z"
-})), _path11 || (_path11 = /*#__PURE__*/React__default.createElement("path", {
+})), _path11 || (_path11 = /*#__PURE__*/React.createElement("path", {
   fill: "none",
   d: "M-4 0h24v24H-4z"
-})), _path12 || (_path12 = /*#__PURE__*/React__default.createElement("path", {
+})), _path12 || (_path12 = /*#__PURE__*/React.createElement("path", {
   d: "M.92 24H0v-6.46h.92z"
-})), _path13 || (_path13 = /*#__PURE__*/React__default.createElement("path", {
+})), _path13 || (_path13 = /*#__PURE__*/React.createElement("path", {
   d: "M16 24h-.92V0H16zM.92 24H0V0h.92z"
-})), _path14 || (_path14 = /*#__PURE__*/React__default.createElement("path", {
+})), _path14 || (_path14 = /*#__PURE__*/React.createElement("path", {
   d: "M16 23.08V24H0v-.92zM16 0v.92H0V0z"
 }))));
 

package/es/components/Stack/HStack.js

@@ -6,11 +6,11 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { Stack } from './Stack.js';
 
 const HStack = /*#__PURE__*/forwardRef((props, ref) => {
-  return /*#__PURE__*/React__default.createElement(Stack, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Stack, _extends({}, props, {
     ref: ref,
     orientation: "horizontal"
   }));

package/es/components/Stack/Stack.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import { spacing } from '@carbon/layout';
@@ -58,7 +58,7 @@ const Stack = /*#__PURE__*/forwardRef((props, ref) => {
   return (
     /*#__PURE__*/
     // eslint-disable-next-line react/forbid-component-props
-    React__default.createElement(BaseComponent, _extends({}, rest, {
+    React.createElement(BaseComponent, _extends({}, rest, {
       ref: ref,
       className: className,
       style: style

package/es/components/Stack/VStack.js

@@ -6,11 +6,11 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { Stack } from './Stack.js';
 
 const VStack = /*#__PURE__*/forwardRef((props, ref) => {
-  return /*#__PURE__*/React__default.createElement(Stack, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Stack, _extends({}, props, {
     ref: ref,
     orientation: "vertical"
   }));

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

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
@@ -20,29 +20,29 @@ function StructuredListSkeleton(_ref) {
   } = _ref;
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--skeleton`, `${prefix}--structured-list`, className);
-  const rows = new Array(rowCount).fill(null).map((_, i) => /*#__PURE__*/React__default.createElement("div", {
+  const rows = new Array(rowCount).fill(null).map((_, i) => /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-row`,
     key: i
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-td`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-td`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-td`
   })));
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-thead`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-row ${prefix}--structured-list-row--header-row`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-th`
-  }, _span || (_span = /*#__PURE__*/React__default.createElement("span", null))), /*#__PURE__*/React__default.createElement("div", {
+  }, _span || (_span = /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-th`
-  }, _span2 || (_span2 = /*#__PURE__*/React__default.createElement("span", null))), /*#__PURE__*/React__default.createElement("div", {
+  }, _span2 || (_span2 = /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-th`
-  }, _span3 || (_span3 = /*#__PURE__*/React__default.createElement("span", null))))), /*#__PURE__*/React__default.createElement("div", {
+  }, _span3 || (_span3 = /*#__PURE__*/React.createElement("span", null))))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-tbody`
   }, rows));
 }

package/es/components/StructuredList/StructuredList.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useState, useRef } from 'react';
+import React, { useState, useRef } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { useId } from '../../internal/useId.js';
@@ -18,8 +18,8 @@ import { useOutsideClick } from '../../internal/useOutsideClick.js';
 import { Text } from '../Text/Text.js';
 
 var _StructuredListCell;
-const GridSelectedRowStateContext = /*#__PURE__*/React__default.createContext(null);
-const GridSelectedRowDispatchContext = /*#__PURE__*/React__default.createContext(null);
+const GridSelectedRowStateContext = /*#__PURE__*/React.createContext(null);
+const GridSelectedRowDispatchContext = /*#__PURE__*/React.createContext(null);
 function StructuredListWrapper(props) {
   const {
     children,
@@ -38,12 +38,12 @@ function StructuredListWrapper(props) {
     [`${prefix}--structured-list--condensed`]: isCondensed,
     [`${prefix}--structured-list--flush`]: isFlush && !selection
   }, className);
-  const [selectedRow, setSelectedRow] = React__default.useState(null);
-  return /*#__PURE__*/React__default.createElement(GridSelectedRowStateContext.Provider, {
+  const [selectedRow, setSelectedRow] = React.useState(null);
+  return /*#__PURE__*/React.createElement(GridSelectedRowStateContext.Provider, {
     value: selectedRow
-  }, /*#__PURE__*/React__default.createElement(GridSelectedRowDispatchContext.Provider, {
+  }, /*#__PURE__*/React.createElement(GridSelectedRowDispatchContext.Provider, {
     value: setSelectedRow
-  }, /*#__PURE__*/React__default.createElement("div", _extends({
+  }, /*#__PURE__*/React.createElement("div", _extends({
     role: "table",
     className: classes
   }, other, {
@@ -89,7 +89,7 @@ function StructuredListHead(props) {
   } = props;
   const prefix = usePrefix();
   const classes = cx(`${prefix}--structured-list-thead`, className);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     role: "rowgroup",
     className: classes
   }, other), children);
@@ -112,7 +112,7 @@ function StructuredListBody(props) {
   } = props;
   const prefix = usePrefix();
   const classes = cx(`${prefix}--structured-list-tbody`, className);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classes,
     role: "rowgroup"
   }, other), children);
@@ -132,7 +132,7 @@ StructuredListBody.propTypes = {
    */
   onKeyDown: PropTypes.func
 };
-const GridRowContext = /*#__PURE__*/React__default.createContext(null);
+const GridRowContext = /*#__PURE__*/React.createContext(null);
 function StructuredListRow(props) {
   const {
     onKeyDown,
@@ -145,8 +145,8 @@ function StructuredListRow(props) {
   } = props;
   const [hasFocusWithin, setHasFocusWithin] = useState(false);
   const id = useId('grid-input');
-  const selectedRow = React__default.useContext(GridSelectedRowStateContext);
-  const setSelectedRow = React__default.useContext(GridSelectedRowDispatchContext);
+  const selectedRow = React.useContext(GridSelectedRowStateContext);
+  const setSelectedRow = React.useContext(GridSelectedRowDispatchContext);
   const prefix = usePrefix();
   const value = {
     id
@@ -162,16 +162,16 @@ function StructuredListRow(props) {
     setHasFocusWithin(false);
   };
   useOutsideClick(itemRef, handleClick);
-  return head ? /*#__PURE__*/React__default.createElement("div", _extends({
+  return head ? /*#__PURE__*/React.createElement("div", _extends({
     role: "row"
   }, other, {
     className: classes
-  }), selection && (_StructuredListCell || (_StructuredListCell = /*#__PURE__*/React__default.createElement(StructuredListCell, {
+  }), selection && (_StructuredListCell || (_StructuredListCell = /*#__PURE__*/React.createElement(StructuredListCell, {
     head: true
   }))), children) :
   /*#__PURE__*/
   // eslint-disable-next-line jsx-a11y/interactive-supports-focus
-  React__default.createElement("div", _extends({}, other, {
+  React.createElement("div", _extends({}, other, {
     role: "row",
     className: classes,
     ref: itemRef,
@@ -190,11 +190,11 @@ function StructuredListRow(props) {
       setHasFocusWithin(false);
     },
     onKeyDown: onKeyDown
-  }), /*#__PURE__*/React__default.createElement(GridRowContext.Provider, {
+  }), /*#__PURE__*/React.createElement(GridRowContext.Provider, {
     value: value
-  }, selection && /*#__PURE__*/React__default.createElement(StructuredListCell, null, selectedRow === id ? /*#__PURE__*/React__default.createElement(RadioButtonChecked, {
+  }, selection && /*#__PURE__*/React.createElement(StructuredListCell, null, selectedRow === id ? /*#__PURE__*/React.createElement(RadioButtonChecked, {
     className: `${prefix}--structured-list__icon`
-  }) : /*#__PURE__*/React__default.createElement(RadioButton, {
+  }) : /*#__PURE__*/React.createElement(RadioButton, {
     className: `${prefix}--structured-list__icon`
   })), children));
 }
@@ -240,10 +240,10 @@ function StructuredListInput(props) {
   } = props;
   const prefix = usePrefix();
   const classes = cx(`${prefix}--structured-list-input`, `${prefix}--visually-hidden`, className);
-  const row = React__default.useContext(GridRowContext);
-  const selectedRow = React__default.useContext(GridSelectedRowStateContext);
-  const setSelectedRow = React__default.useContext(GridSelectedRowDispatchContext);
-  return /*#__PURE__*/React__default.createElement("input", _extends({}, other, {
+  const row = React.useContext(GridRowContext);
+  const selectedRow = React.useContext(GridSelectedRowStateContext);
+  const setSelectedRow = React.useContext(GridSelectedRowDispatchContext);
+  return /*#__PURE__*/React.createElement("input", _extends({}, other, {
     type: "radio",
     tabIndex: 0,
     checked: !!row && row.id === selectedRow,
@@ -303,12 +303,12 @@ function StructuredListCell(props) {
     [`${prefix}--structured-list-content--nowrap`]: noWrap
   }, className);
   if (head) {
-    return /*#__PURE__*/React__default.createElement(Text, _extends({
+    return /*#__PURE__*/React.createElement(Text, _extends({
       className: classes,
       role: "columnheader"
     }, other), children);
   }
-  return /*#__PURE__*/React__default.createElement(Text, _extends({
+  return /*#__PURE__*/React.createElement(Text, _extends({
     as: "div",
     className: classes,
     role: "cell"