@carbon/react 1.83.0-rc.0 → 1.84.0-rc.0

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

@@ -7,21 +7,20 @@
 
 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';
 import { LowerHandle, UpperHandle } from './SliderHandles.js';
 
-const SliderSkeleton = _ref => {
-  let {
-    ariaLabel = 'slider handle',
-    unstable_ariaLabelHandleUpper: ariaLabelHandleUpper = 'upper slider handle',
-    hideLabel,
-    className,
-    twoHandles,
-    ...rest
-  } = _ref;
+const SliderSkeleton = ({
+  ariaLabel = 'slider handle',
+  unstable_ariaLabelHandleUpper: ariaLabelHandleUpper = 'upper slider handle',
+  hideLabel,
+  className,
+  twoHandles,
+  ...rest
+}) => {
   const prefix = usePrefix();
   const [isRtl, setIsRtl] = useState(false);
   useIsomorphicEffect(() => {
@@ -43,37 +42,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.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';
@@ -23,19 +23,18 @@ import { clamp } from '../../internal/clamp.js';
 import { throttle } from '../../node_modules/es-toolkit/dist/compat/function/throttle.mjs.js';
 import { Text } from '../Text/Text.js';
 
-const ThumbWrapper = _ref => {
-  let {
-    hasTooltip = false,
-    className,
-    style,
-    children,
-    ...rest
-  } = _ref;
+const ThumbWrapper = ({
+  hasTooltip = false,
+  className,
+  style,
+  children,
+  ...rest
+}) => {
   if (hasTooltip) {
     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 +43,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)
@@ -115,9 +114,7 @@ var HandlePosition = /*#__PURE__*/function (HandlePosition) {
 }(HandlePosition || {});
 class Slider extends PureComponent {
   constructor(props) {
-    var _this;
     super(props);
-    _this = this;
     _defineProperty(this, "state", {
       value: this.props.value,
       valueUpper: this.props.unstable_valueUpper,
@@ -240,36 +237,35 @@ class Slider extends PureComponent {
      *   The first drag event call, we may have an explicit activeHandle value,
      *   which is to be used before state is used.
      */
-    _defineProperty(this, "_onDrag", function (evt) {
-      let activeHandle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      activeHandle = activeHandle ?? _this.state.activeHandle;
+    _defineProperty(this, "_onDrag", (evt, activeHandle = null) => {
+      activeHandle = activeHandle ?? this.state.activeHandle;
       // Do nothing if component is disabled, or we have no event.
-      if (_this.props.disabled || _this.props.readOnly || !evt) {
+      if (this.props.disabled || this.props.readOnly || !evt) {
         return;
       }
-      const clientX = _this.getClientXFromEvent(evt);
+      const clientX = this.getClientXFromEvent(evt);
       const {
         value,
         left
-      } = _this.calcValue({
+      } = this.calcValue({
         clientX,
-        value: _this.state.value
+        value: this.state.value
       });
       // If we're set to two handles, negotiate which drag handle is closest to
       // the users' interaction.
-      if (_this.hasTwoHandles() && activeHandle) {
-        _this.setValueLeftForHandle(activeHandle, {
-          value: _this.nearestStepValue(value),
+      if (this.hasTwoHandles() && activeHandle) {
+        this.setValueLeftForHandle(activeHandle, {
+          value: this.nearestStepValue(value),
           left
         });
       } else {
-        _this.setState({
-          value: _this.nearestStepValue(value),
+        this.setState({
+          value: this.nearestStepValue(value),
           left,
           isValid: true
         });
       }
-      _this.setState({
+      this.setState({
         correctedValue: null,
         correctedPosition: null
       });
@@ -497,12 +493,11 @@ class Slider extends PureComponent {
         }
       }
     });
-    _defineProperty(this, "calcLeftPercent", _ref2 => {
-      let {
-        clientX,
-        value,
-        range
-      } = _ref2;
+    _defineProperty(this, "calcLeftPercent", ({
+      clientX,
+      value,
+      range
+    }) => {
       const boundingRect = this.element?.getBoundingClientRect?.();
       let width = boundingRect ? boundingRect.right - boundingRect.left : 0;
 
@@ -528,10 +523,9 @@ class Slider extends PureComponent {
      * Calculates the discrete value (snapped to the nearest step) along
      * with the corresponding handle position percentage.
      */
-    _defineProperty(this, "calcDiscreteValueAndPercent", _ref3 => {
-      let {
-        leftPercent
-      } = _ref3;
+    _defineProperty(this, "calcDiscreteValueAndPercent", ({
+      leftPercent
+    }) => {
       const {
         step = 1,
         min,
@@ -552,12 +546,11 @@ class Slider extends PureComponent {
      * Calculates the slider's value and handle position based on either a
      * mouse/touch event or an explicit value.
      */
-    _defineProperty(this, "calcValue", _ref4 => {
-      let {
-        clientX,
-        value,
-        useRawValue
-      } = _ref4;
+    _defineProperty(this, "calcValue", ({
+      clientX,
+      value,
+      useRawValue
+    }) => {
       const range = this.props.max - this.props.min;
       const leftPercentRaw = this.calcLeftPercent({
         clientX,
@@ -601,8 +594,7 @@ class Slider extends PureComponent {
      * @returns The new slider value, rounded to the same number of decimal places
      *          as the step.
      */
-    _defineProperty(this, "calcValueForDelta", function (currentValue, delta) {
-      let step = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+    _defineProperty(this, "calcValueForDelta", (currentValue, delta, step = 1) => {
       const base = delta > 0 ? Math.floor(currentValue / step) * step : currentValue;
       const newValue = base + delta;
       const decimals = (step.toString().split('.')[1] || '').length;
@@ -613,11 +605,10 @@ class Slider extends PureComponent {
      *
      * Guards against setting either lower or upper values beyond its counterpart.
      */
-    _defineProperty(this, "setValueLeftForHandle", (handle, _ref5) => {
-      let {
-        value: newValue,
-        left: newLeft
-      } = _ref5;
+    _defineProperty(this, "setValueLeftForHandle", (handle, {
+      value: newValue,
+      left: newLeft
+    }) => {
       const {
         value,
         valueUpper,
@@ -652,13 +643,12 @@ class Slider extends PureComponent {
         });
       }
     });
-    _defineProperty(this, "isValidValueForPosition", _ref6 => {
-      let {
-        handle,
-        value: newValue,
-        min,
-        max
-      } = _ref6;
+    _defineProperty(this, "isValidValueForPosition", ({
+      handle,
+      value: newValue,
+      min,
+      max
+    }) => {
       const {
         value,
         valueUpper
@@ -677,21 +667,19 @@ class Slider extends PureComponent {
       }
       return false;
     });
-    _defineProperty(this, "isValidValue", _ref7 => {
-      let {
-        value,
-        min,
-        max
-      } = _ref7;
+    _defineProperty(this, "isValidValue", ({
+      value,
+      min,
+      max
+    }) => {
       return !(value < min || value > max);
     });
-    _defineProperty(this, "getAdjustedValueForPosition", _ref8 => {
-      let {
-        handle,
-        value: newValue,
-        min,
-        max
-      } = _ref8;
+    _defineProperty(this, "getAdjustedValueForPosition", ({
+      handle,
+      value: newValue,
+      min,
+      max
+    }) => {
       const {
         value,
         valueUpper
@@ -710,12 +698,11 @@ class Slider extends PureComponent {
       }
       return newValue;
     });
-    _defineProperty(this, "getAdjustedValue", _ref9 => {
-      let {
-        value,
-        min,
-        max
-      } = _ref9;
+    _defineProperty(this, "getAdjustedValue", ({
+      value,
+      min,
+      max
+    }) => {
       if (value < min) {
         value = min;
       }
@@ -738,9 +725,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();
   }
 
   /**
@@ -863,8 +850,7 @@ class Slider extends PureComponent {
    * @param value - The value to adjust to the nearest step. Defaults to `0`.
    * @returns The value rounded to the precision determined by the step.
    */
-  nearestStepValue() {
-    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  nearestStepValue(value = 0) {
     const decimals = (this.props.step?.toString().split('.')[1] || '').length;
     return Number(value.toFixed(decimals));
   }
@@ -932,7 +918,7 @@ class Slider extends PureComponent {
     return Object.entries(derivedState).length > 0 ? derivedState : null;
   }
   render() {
-    var _LowerHandle, _LowerHandleFocus, _UpperHandle, _UpperHandleFocus, _UpperHandle2, _UpperHandleFocus2, _LowerHandle2, _LowerHandleFocus2;
+    var _Fragment, _Fragment2, _Fragment3, _Fragment4;
     const {
       ariaLabelInput,
       unstable_ariaLabelInputUpper: ariaLabelInputUpper,
@@ -976,7 +962,7 @@ 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,
@@ -1034,18 +1020,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,
@@ -1065,13 +1051,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;
@@ -1082,12 +1068,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,
@@ -1102,20 +1088,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 ? _Fragment || (_Fragment = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LowerHandle, {
         "aria-label": ariaLabelInput
-      })), _LowerHandleFocus || (_LowerHandleFocus = /*#__PURE__*/React__default.createElement(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 ? _Fragment2 || (_Fragment2 = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UpperHandle, {
         "aria-label": ariaLabelInputUpper
-      })), _UpperHandleFocus || (_UpperHandleFocus = /*#__PURE__*/React__default.createElement(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,
@@ -1127,27 +1113,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 ? _Fragment3 || (_Fragment3 = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UpperHandle, {
         "aria-label": ariaLabelInputUpper
-      })), _UpperHandleFocus2 || (_UpperHandleFocus2 = /*#__PURE__*/React__default.createElement(UpperHandleFocus, {
+      }), /*#__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 ? _Fragment4 || (_Fragment4 = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LowerHandle, {
         "aria-label": ariaLabelInput
-      })), _LowerHandleFocus2 || (_LowerHandleFocus2 = /*#__PURE__*/React__default.createElement(LowerHandleFocus, {
+      }), /*#__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,
@@ -1168,17 +1154,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`)

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({
+var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path0, _path1, _path10, _path11, _path12;
+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), _path0 || (_path0 = /*#__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", {
+})), _path1 || (_path1 = /*#__PURE__*/React.createElement("path", {
   fill: "none",
   d: "M-4 0h24v24H-4z"
-})), _path12 || (_path12 = /*#__PURE__*/React__default.createElement("path", {
+})), _path10 || (_path10 = /*#__PURE__*/React.createElement("path", {
   d: "M.92 24H0v-6.46h.92z"
-})), _path13 || (_path13 = /*#__PURE__*/React__default.createElement("path", {
+})), _path11 || (_path11 = /*#__PURE__*/React.createElement("path", {
   d: "M16 24h-.92V0H16zM.92 24H0V0h.92z"
-})), _path14 || (_path14 = /*#__PURE__*/React__default.createElement("path", {
+})), _path12 || (_path12 = /*#__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"
   }));