@carbon/react 1.87.0-rc.0 → 1.87.0

package/lib/components/Slider/Slider.Skeleton.js

@@ -17,12 +17,6 @@ var usePrefix = require('../../internal/usePrefix.js');
 var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
 var SliderHandles = require('./SliderHandles.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const SliderSkeleton = ({
   ariaLabel = 'slider handle',
   unstable_ariaLabelHandleUpper: ariaLabelHandleUpper = 'upper slider handle',
@@ -33,56 +27,56 @@ const SliderSkeleton = ({
 }) => {
   const prefix = usePrefix.usePrefix();
   const [isRtl, setIsRtl] = React.useState(false);
-  useIsomorphicEffect["default"](() => {
+  useIsomorphicEffect.default(() => {
     setIsRtl(document ? document.dir === 'rtl' : false);
   }, []);
-  const containerClasses = cx__default["default"](`${prefix}--slider-container`, `${prefix}--skeleton`, {
+  const containerClasses = cx(`${prefix}--slider-container`, `${prefix}--skeleton`, {
     [`${prefix}--slider-container--two-handles`]: twoHandles,
     [`${prefix}--slider-container--rtl`]: isRtl
   });
-  const lowerThumbClasses = cx__default["default"](`${prefix}--slider__thumb`, {
+  const lowerThumbClasses = cx(`${prefix}--slider__thumb`, {
     [`${prefix}--slider__thumb--lower`]: twoHandles
   });
-  const upperThumbClasses = cx__default["default"](`${prefix}--slider__thumb`, {
+  const upperThumbClasses = cx(`${prefix}--slider__thumb`, {
     [`${prefix}--slider__thumb--upper`]: twoHandles
   });
-  const lowerThumbWrapperClasses = cx__default["default"](`${prefix}--slider__thumb-wrapper`, {
+  const lowerThumbWrapperClasses = cx(`${prefix}--slider__thumb-wrapper`, {
     [`${prefix}--slider__thumb-wrapper--lower`]: twoHandles
   });
-  const upperThumbWrapperClasses = cx__default["default"](`${prefix}--slider__thumb-wrapper`, {
+  const upperThumbWrapperClasses = cx(`${prefix}--slider__thumb-wrapper`, {
     [`${prefix}--slider__thumb-wrapper--upper`]: twoHandles
   });
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"](`${prefix}--form-item`, className)
-  }, rest), !hideLabel && /*#__PURE__*/React__default["default"].createElement("span", {
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: cx(`${prefix}--form-item`, className)
+  }, rest), !hideLabel && /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: containerClasses
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--slider__range-label`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--slider`
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--slider__track`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--slider__filled-track`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: lowerThumbWrapperClasses
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: lowerThumbClasses
-  }, twoHandles && !isRtl ? /*#__PURE__*/React__default["default"].createElement(SliderHandles.LowerHandle, {
+  }, twoHandles && !isRtl ? /*#__PURE__*/React.createElement(SliderHandles.LowerHandle, {
     "aria-label": ariaLabel
-  }) : twoHandles && isRtl ? /*#__PURE__*/React__default["default"].createElement(SliderHandles.UpperHandle, {
+  }) : twoHandles && isRtl ? /*#__PURE__*/React.createElement(SliderHandles.UpperHandle, {
     "aria-label": ariaLabelHandleUpper
-  }) : undefined)), twoHandles ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }) : undefined)), twoHandles ? /*#__PURE__*/React.createElement("div", {
     className: upperThumbWrapperClasses
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: upperThumbClasses
-  }, twoHandles && !isRtl ? /*#__PURE__*/React__default["default"].createElement(SliderHandles.UpperHandle, {
+  }, twoHandles && !isRtl ? /*#__PURE__*/React.createElement(SliderHandles.UpperHandle, {
     "aria-label": ariaLabelHandleUpper
-  }) : twoHandles && isRtl ? /*#__PURE__*/React__default["default"].createElement(SliderHandles.LowerHandle, {
+  }) : twoHandles && isRtl ? /*#__PURE__*/React.createElement(SliderHandles.LowerHandle, {
     "aria-label": ariaLabel
-  }) : undefined)) : undefined), /*#__PURE__*/React__default["default"].createElement("span", {
+  }) : undefined)) : undefined), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--slider__range-label`
   })));
 };
@@ -90,24 +84,24 @@ SliderSkeleton.propTypes = {
   /**
    * The `ariaLabel` for the handle icon.
    */
-  ariaLabel: PropTypes__default["default"].string,
+  ariaLabel: PropTypes.string,
   /**
    * The `ariaLabel` for the upper bound slider handle when there are two handles.
    */
-  unstable_ariaLabelHandleUpper: PropTypes__default["default"].string,
+  unstable_ariaLabelHandleUpper: PropTypes.string,
   /**
    * Specify an optional className to add to the form item wrapper.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the label should be hidden, or not
    */
-  hideLabel: PropTypes__default["default"].bool,
+  hideLabel: PropTypes.bool,
   /**
    * Turn the slider into a range slider.
    */
-  twoHandles: PropTypes__default["default"].bool
+  twoHandles: PropTypes.bool
 };
 
 exports.SliderSkeleton = SliderSkeleton;
-exports["default"] = SliderSkeleton;
+exports.default = SliderSkeleton;

package/lib/components/Slider/Slider.js

@@ -24,15 +24,9 @@ require('../Tooltip/DefinitionTooltip.js');
 var Tooltip = require('../Tooltip/Tooltip.js');
 var SliderHandles = require('./SliderHandles.js');
 var clamp = require('../../internal/clamp.js');
-var throttle = require('../../node_modules/es-toolkit/dist/compat/function/throttle.mjs.js');
+var throttle = require('../../node_modules/es-toolkit/dist/compat/function/throttle.js');
 var Text = require('../Text/Text.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const ThumbWrapper = ({
   hasTooltip,
   className,
@@ -44,7 +38,7 @@ const ThumbWrapper = ({
     return (
       /*#__PURE__*/
       // eslint-disable-next-line react/forbid-component-props
-      React__default["default"].createElement(Tooltip.Tooltip, _rollupPluginBabelHelpers["extends"]({
+      React.createElement(Tooltip.Tooltip, _rollupPluginBabelHelpers.extends({
         className: className,
         style: style
       }, rest), children)
@@ -53,7 +47,7 @@ const ThumbWrapper = ({
     return (
       /*#__PURE__*/
       // eslint-disable-next-line react/forbid-dom-props
-      React__default["default"].createElement("div", {
+      React.createElement("div", {
         className: className,
         style: style
       }, children)
@@ -926,19 +920,19 @@ class Slider extends React.PureComponent {
     const showWarningUpper = !readOnly && warn ||
     // TODO: https://github.com/carbon-design-system/carbon/issues/18991#issuecomment-2795709637
     typeof correctedValue !== null && correctedPosition === (twoHandles ? HandlePosition.UPPER : HandlePosition.LOWER) && (twoHandles ? isValidUpper : isValid);
-    return /*#__PURE__*/React__default["default"].createElement(usePrefix.PrefixContext.Consumer, null, prefix => {
+    return /*#__PURE__*/React.createElement(usePrefix.PrefixContext.Consumer, null, prefix => {
       const labelId = `${id}-label`;
-      const labelClasses = cx__default["default"](`${prefix}--label`, {
+      const labelClasses = cx(`${prefix}--label`, {
         [`${prefix}--visually-hidden`]: hideLabel,
         [`${prefix}--label--disabled`]: disabled
       });
-      const containerClasses = cx__default["default"](`${prefix}--slider-container`, {
+      const containerClasses = cx(`${prefix}--slider-container`, {
         [`${prefix}--slider-container--two-handles`]: twoHandles,
         [`${prefix}--slider-container--disabled`]: disabled,
         [`${prefix}--slider-container--readonly`]: readOnly,
         [`${prefix}--slider-container--rtl`]: isRtl
       });
-      const sliderClasses = cx__default["default"](`${prefix}--slider`, {
+      const sliderClasses = cx(`${prefix}--slider`, {
         [`${prefix}--slider--disabled`]: disabled,
         [`${prefix}--slider--readonly`]: readOnly
       });
@@ -946,32 +940,32 @@ class Slider extends React.PureComponent {
       const conditionalInputClasses = {
         [`${prefix}--text-input--light`]: light
       };
-      const lowerInputClasses = cx__default["default"]([...fixedInputClasses, `${prefix}--slider-text-input--lower`, conditionalInputClasses, {
+      const lowerInputClasses = cx([...fixedInputClasses, `${prefix}--slider-text-input--lower`, conditionalInputClasses, {
         [`${prefix}--text-input--invalid`]: !readOnly && !isValid,
         [`${prefix}--slider-text-input--warn`]: showWarning
       }]);
-      const upperInputClasses = cx__default["default"]([...fixedInputClasses, `${prefix}--slider-text-input--upper`, conditionalInputClasses, {
+      const upperInputClasses = cx([...fixedInputClasses, `${prefix}--slider-text-input--upper`, conditionalInputClasses, {
         [`${prefix}--text-input--invalid`]: !readOnly && (twoHandles ? !isValidUpper : !isValid),
         [`${prefix}--slider-text-input--warn`]: showWarningUpper
       }]);
-      const lowerInputWrapperClasses = cx__default["default"]([`${prefix}--text-input-wrapper`, `${prefix}--slider-text-input-wrapper`, `${prefix}--slider-text-input-wrapper--lower`, {
+      const lowerInputWrapperClasses = cx([`${prefix}--text-input-wrapper`, `${prefix}--slider-text-input-wrapper`, `${prefix}--slider-text-input-wrapper--lower`, {
         [`${prefix}--text-input-wrapper--readonly`]: readOnly,
         [`${prefix}--slider-text-input-wrapper--hidden`]: hideTextInput
       }]);
-      const upperInputWrapperClasses = cx__default["default"]([`${prefix}--text-input-wrapper`, `${prefix}--slider-text-input-wrapper`, `${prefix}--slider-text-input-wrapper--upper`, {
+      const upperInputWrapperClasses = cx([`${prefix}--text-input-wrapper`, `${prefix}--slider-text-input-wrapper`, `${prefix}--slider-text-input-wrapper--upper`, {
         [`${prefix}--text-input-wrapper--readonly`]: readOnly,
         [`${prefix}--slider-text-input-wrapper--hidden`]: hideTextInput
       }]);
-      const lowerThumbClasses = cx__default["default"](`${prefix}--slider__thumb`, {
+      const lowerThumbClasses = cx(`${prefix}--slider__thumb`, {
         [`${prefix}--slider__thumb--lower`]: twoHandles
       });
-      const upperThumbClasses = cx__default["default"](`${prefix}--slider__thumb`, {
+      const upperThumbClasses = cx(`${prefix}--slider__thumb`, {
         [`${prefix}--slider__thumb--upper`]: twoHandles
       });
-      const lowerThumbWrapperClasses = cx__default["default"]([`${prefix}--icon-tooltip`, `${prefix}--slider__thumb-wrapper`, {
+      const lowerThumbWrapperClasses = cx([`${prefix}--icon-tooltip`, `${prefix}--slider__thumb-wrapper`, {
         [`${prefix}--slider__thumb-wrapper--lower`]: twoHandles
       }]);
-      const upperThumbWrapperClasses = cx__default["default"]([`${prefix}--icon-tooltip`, `${prefix}--slider__thumb-wrapper`, {
+      const upperThumbWrapperClasses = cx([`${prefix}--icon-tooltip`, `${prefix}--slider__thumb-wrapper`, {
         [`${prefix}--slider__thumb-wrapper--upper`]: twoHandles
       }]);
       const lowerThumbWrapperProps = {
@@ -984,18 +978,18 @@ class Slider extends React.PureComponent {
           insetInlineStart: `${this.state.leftUpper}%`
         }
       };
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: cx__default["default"](`${prefix}--form-item`, className)
-      }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+      return /*#__PURE__*/React.createElement("div", {
+        className: cx(`${prefix}--form-item`, className)
+      }, /*#__PURE__*/React.createElement(Text.Text, {
         as: "label",
         htmlFor: twoHandles ? undefined : id,
         className: labelClasses,
         id: labelId
-      }, labelText), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, labelText), /*#__PURE__*/React.createElement("div", {
         className: containerClasses
-      }, twoHandles ? /*#__PURE__*/React__default["default"].createElement("div", {
+      }, twoHandles ? /*#__PURE__*/React.createElement("div", {
         className: lowerInputWrapperClasses
-      }, /*#__PURE__*/React__default["default"].createElement("input", {
+      }, /*#__PURE__*/React.createElement("input", {
         type: hideTextInput ? 'hidden' : inputType,
         id: `${id}-lower-input-for-slider`,
         name: name,
@@ -1015,13 +1009,13 @@ class Slider extends React.PureComponent {
         "data-handle-position": HandlePosition.LOWER,
         "aria-invalid": !isValid && !readOnly ? true : undefined,
         readOnly: readOnly
-      }), !readOnly && !isValid && /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
+      }), !readOnly && !isValid && /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
         className: `${prefix}--slider__invalid-icon`
-      }), showWarning && /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
+      }), showWarning && /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
         className: `${prefix}--slider__invalid-icon ${prefix}--slider__invalid-icon--warning`
-      })) : null, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+      })) : null, /*#__PURE__*/React.createElement(Text.Text, {
         className: `${prefix}--slider__range-label`
-      }, formatLabel(min, minLabel)), /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+      }, formatLabel(min, minLabel)), /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
         className: sliderClasses,
         ref: node => {
           this.element = node;
@@ -1032,12 +1026,12 @@ class Slider extends React.PureComponent {
         role: "presentation",
         tabIndex: -1,
         "data-invalid": (twoHandles ? !isValid || !isValidUpper : !isValid) && !readOnly ? true : null
-      }, other), /*#__PURE__*/React__default["default"].createElement(ThumbWrapper, _rollupPluginBabelHelpers["extends"]({
+      }, other), /*#__PURE__*/React.createElement(ThumbWrapper, _rollupPluginBabelHelpers.extends({
         hasTooltip: hideTextInput,
         className: lowerThumbWrapperClasses,
         label: formatLabel(value, undefined),
         align: "top"
-      }, lowerThumbWrapperProps), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, lowerThumbWrapperProps), /*#__PURE__*/React.createElement("div", {
         className: lowerThumbClasses,
         role: "slider",
         id: twoHandles ? undefined : id,
@@ -1052,20 +1046,20 @@ class Slider extends React.PureComponent {
         onFocus: () => this.setState({
           activeHandle: HandlePosition.LOWER
         })
-      }, twoHandles && !isRtl ? _Fragment || (_Fragment = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(SliderHandles.LowerHandle, {
+      }, twoHandles && !isRtl ? _Fragment || (_Fragment = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SliderHandles.LowerHandle, {
         "aria-label": ariaLabelInput
-      }), /*#__PURE__*/React__default["default"].createElement(SliderHandles.LowerHandleFocus, {
+      }), /*#__PURE__*/React.createElement(SliderHandles.LowerHandleFocus, {
         "aria-label": ariaLabelInput
-      }))) : twoHandles && isRtl ? _Fragment2 || (_Fragment2 = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(SliderHandles.UpperHandle, {
+      }))) : twoHandles && isRtl ? _Fragment2 || (_Fragment2 = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SliderHandles.UpperHandle, {
         "aria-label": ariaLabelInputUpper
-      }), /*#__PURE__*/React__default["default"].createElement(SliderHandles.UpperHandleFocus, {
+      }), /*#__PURE__*/React.createElement(SliderHandles.UpperHandleFocus, {
         "aria-label": ariaLabelInputUpper
-      }))) : undefined)), twoHandles ? /*#__PURE__*/React__default["default"].createElement(ThumbWrapper, _rollupPluginBabelHelpers["extends"]({
+      }))) : undefined)), twoHandles ? /*#__PURE__*/React.createElement(ThumbWrapper, _rollupPluginBabelHelpers.extends({
         hasTooltip: hideTextInput,
         className: upperThumbWrapperClasses,
         label: formatLabel(valueUpper ?? 0, undefined),
         align: "top"
-      }, upperThumbWrapperProps), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, upperThumbWrapperProps), /*#__PURE__*/React.createElement("div", {
         className: upperThumbClasses,
         role: "slider",
         tabIndex: readOnly || disabled ? undefined : 0,
@@ -1077,27 +1071,27 @@ class Slider extends React.PureComponent {
         onFocus: () => this.setState({
           activeHandle: HandlePosition.UPPER
         })
-      }, twoHandles && !isRtl ? _Fragment3 || (_Fragment3 = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(SliderHandles.UpperHandle, {
+      }, twoHandles && !isRtl ? _Fragment3 || (_Fragment3 = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SliderHandles.UpperHandle, {
         "aria-label": ariaLabelInputUpper
-      }), /*#__PURE__*/React__default["default"].createElement(SliderHandles.UpperHandleFocus, {
+      }), /*#__PURE__*/React.createElement(SliderHandles.UpperHandleFocus, {
         "aria-label": ariaLabelInputUpper
-      }))) : twoHandles && isRtl ? _Fragment4 || (_Fragment4 = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(SliderHandles.LowerHandle, {
+      }))) : twoHandles && isRtl ? _Fragment4 || (_Fragment4 = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SliderHandles.LowerHandle, {
         "aria-label": ariaLabelInput
-      }), /*#__PURE__*/React__default["default"].createElement(SliderHandles.LowerHandleFocus, {
+      }), /*#__PURE__*/React.createElement(SliderHandles.LowerHandleFocus, {
         "aria-label": ariaLabelInput
-      }))) : undefined)) : null, /*#__PURE__*/React__default["default"].createElement("div", {
+      }))) : undefined)) : null, /*#__PURE__*/React.createElement("div", {
         className: `${prefix}--slider__track`,
         ref: node => {
           this.track = node;
         }
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         className: `${prefix}--slider__filled-track`,
         ref: this.filledTrackRef
-      })), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+      })), /*#__PURE__*/React.createElement(Text.Text, {
         className: `${prefix}--slider__range-label`
-      }, formatLabel(max, maxLabel)), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, formatLabel(max, maxLabel)), /*#__PURE__*/React.createElement("div", {
         className: upperInputWrapperClasses
-      }, /*#__PURE__*/React__default["default"].createElement("input", {
+      }, /*#__PURE__*/React.createElement("input", {
         type: hideTextInput ? 'hidden' : inputType,
         id: `${id}-${twoHandles ? 'upper-' : ''}input-for-slider`,
         name: twoHandles ? nameUpper : name,
@@ -1118,20 +1112,20 @@ class Slider extends React.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["default"].createElement(iconsReact.WarningFilled, {
+      }), !readOnly && (twoHandles ? !isValidUpper : !isValid) && /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
         className: `${prefix}--slider__invalid-icon`
-      }), showWarningUpper && /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
+      }), showWarningUpper && /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
         className: `${prefix}--slider__invalid-icon ${prefix}--slider__invalid-icon--warning`
-      }))), !readOnly && (!isValid || !isValidUpper) && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+      }))), !readOnly && (!isValid || !isValidUpper) && /*#__PURE__*/React.createElement(Text.Text, {
         as: "div",
-        className: cx__default["default"](`${prefix}--slider__validation-msg`, `${prefix}--slider__validation-msg--invalid`, `${prefix}--form-requirement`)
-      }, invalidText), !readOnly && warn && isValid && isValidUpper && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+        className: cx(`${prefix}--slider__validation-msg`, `${prefix}--slider__validation-msg--invalid`, `${prefix}--form-requirement`)
+      }, invalidText), !readOnly && warn && isValid && isValidUpper && /*#__PURE__*/React.createElement(Text.Text, {
         as: "div",
-        className: cx__default["default"](`${prefix}--slider__validation-msg`, `${prefix}--form-requirement`)
-      }, warnText), correctedValue && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+        className: cx(`${prefix}--slider__validation-msg`, `${prefix}--form-requirement`)
+      }, warnText), correctedValue && /*#__PURE__*/React.createElement(Text.Text, {
         as: "div",
         role: "alert",
-        className: cx__default["default"](`${prefix}--slider__status-msg`, `${prefix}--form-requirement`)
+        className: cx(`${prefix}--slider__status-msg`, `${prefix}--form-requirement`)
       }, t(translationIds.autoCorrectAnnouncement, {
         correctedValue
       })));
@@ -1144,140 +1138,140 @@ Slider.propTypes = {
   /**
    * The `ariaLabel` for the `<input>`.
    */
-  ariaLabelInput: PropTypes__default["default"].string,
+  ariaLabelInput: PropTypes.string,
   /**
    * The child nodes.
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * The CSS class name for the slider.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * `true` to disable this slider.
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * The callback to format the label associated with the minimum/maximum value.
    */
-  formatLabel: PropTypes__default["default"].func,
+  formatLabel: PropTypes.func,
   /**
    * `true` to hide the number input box.
    */
-  hideTextInput: PropTypes__default["default"].bool,
+  hideTextInput: PropTypes.bool,
   /**
    * The ID of the `<input>`.
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * The `type` attribute of the `<input>`.
    */
-  inputType: PropTypes__default["default"].string,
+  inputType: PropTypes.string,
   /**
    * `Specify whether the Slider is currently invalid
    */
-  invalid: PropTypes__default["default"].bool,
+  invalid: PropTypes.bool,
   /**
    * Provide the text that is displayed when the Slider is in an invalid state
    */
-  invalidText: PropTypes__default["default"].node,
+  invalidText: PropTypes.node,
   /**
    * The label for the slider.
    */
-  labelText: PropTypes__default["default"].node,
+  labelText: PropTypes.node,
   /**
    * Specify whether you want the underlying label to be visually hidden
    */
-  hideLabel: PropTypes__default["default"].bool,
+  hideLabel: PropTypes.bool,
   /**
    * `true` to use the light version.
    */
-  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `Slider` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
+  light: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `Slider` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
   /**
    * The maximum value.
    */
-  max: PropTypes__default["default"].number.isRequired,
+  max: PropTypes.number.isRequired,
   /**
    * The label associated with the maximum value.
    */
-  maxLabel: PropTypes__default["default"].string,
+  maxLabel: PropTypes.string,
   /**
    * The minimum value.
    */
-  min: PropTypes__default["default"].number.isRequired,
+  min: PropTypes.number.isRequired,
   /**
    * The label associated with the minimum value.
    */
-  minLabel: PropTypes__default["default"].string,
+  minLabel: PropTypes.string,
   /**
    * The `name` attribute of the `<input>`.
    */
-  name: PropTypes__default["default"].string,
+  name: PropTypes.string,
   /**
    * Provide an optional function to be called when the input element
    * loses focus
    */
-  onBlur: PropTypes__default["default"].func,
+  onBlur: PropTypes.func,
   /**
    * The callback to get notified of change in value.
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Provide an optional function to be called when a key is pressed in the number input.
    */
-  onInputKeyUp: PropTypes__default["default"].func,
+  onInputKeyUp: PropTypes.func,
   /**
    * The callback to get notified of value on handle release.
    */
-  onRelease: PropTypes__default["default"].func,
+  onRelease: PropTypes.func,
   /**
    * Whether the slider should be read-only
    */
-  readOnly: PropTypes__default["default"].bool,
+  readOnly: PropTypes.bool,
   /**
    * `true` to specify if the control is required.
    */
-  required: PropTypes__default["default"].bool,
+  required: PropTypes.bool,
   /**
    * A value determining how much the value should increase/decrease by moving the thumb by mouse. If a value other than 1 is provided and the input is *not* hidden, the new step requirement should be added to a visible label. Values outside the `step` increment will be considered invalid.
    */
-  step: PropTypes__default["default"].number,
+  step: PropTypes.number,
   /**
    * A value determining how much the value should increase/decrease by Shift+arrow keys,
    * which will be `(max - min) / stepMultiplier`.
    */
-  stepMultiplier: PropTypes__default["default"].number,
+  stepMultiplier: PropTypes.number,
   /**
    * Supply a method to translate internal strings with your i18n tool of
    * choice. Translation keys are available on the `translationIds` field for
    * this component.
    */
-  translateWithId: PropTypes__default["default"].func,
+  translateWithId: PropTypes.func,
   /**
    * The `ariaLabel` for the upper bound `<input>` when there are two handles.
    */
-  unstable_ariaLabelInputUpper: PropTypes__default["default"].string,
+  unstable_ariaLabelInputUpper: PropTypes.string,
   /**
    * The `name` attribute of the upper bound `<input>` when there are two handles.
    */
-  unstable_nameUpper: PropTypes__default["default"].string,
+  unstable_nameUpper: PropTypes.string,
   /**
    * The upper bound when there are two handles.
    */
-  unstable_valueUpper: PropTypes__default["default"].number,
+  unstable_valueUpper: PropTypes.number,
   /**
    * The value of the slider. When there are two handles, value is the lower
    * bound.
    */
-  value: PropTypes__default["default"].number.isRequired,
+  value: PropTypes.number.isRequired,
   /**
    * `Specify whether the Slider is in a warn state
    */
-  warn: PropTypes__default["default"].bool,
+  warn: PropTypes.bool,
   /**
    * Provide the text that is displayed when the Slider is in a warn state
    */
-  warnText: PropTypes__default["default"].node
+  warnText: PropTypes.node
 };
 
-exports["default"] = Slider;
+exports.default = Slider;

package/lib/components/Slider/SliderHandles.js

@@ -7,67 +7,61 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path0, _path1, _path10, _path11, _path12;
-const LowerHandle = props => /*#__PURE__*/React__default["default"].createElement(usePrefix.PrefixContext.Consumer, null, prefix => /*#__PURE__*/React__default["default"].createElement("svg", _rollupPluginBabelHelpers["extends"]({
+const LowerHandle = props => /*#__PURE__*/React.createElement(usePrefix.PrefixContext.Consumer, null, prefix => /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.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["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["default"].createElement("path", {
+})), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
   fill: "none",
   d: "M-4 0h24v24H-4z"
 }))));
-const LowerHandleFocus = props => /*#__PURE__*/React__default["default"].createElement(usePrefix.PrefixContext.Consumer, null, prefix => /*#__PURE__*/React__default["default"].createElement("svg", _rollupPluginBabelHelpers["extends"]({
+const LowerHandleFocus = props => /*#__PURE__*/React.createElement(usePrefix.PrefixContext.Consumer, null, prefix => /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.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["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["default"].createElement("path", {
+})), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
   fill: "none",
   d: "M-4 0h24v24H-4z"
-})), _path5 || (_path5 = /*#__PURE__*/React__default["default"].createElement("path", {
+})), _path5 || (_path5 = /*#__PURE__*/React.createElement("path", {
   d: "M15.08 0H16v6.46h-.92z"
-})), _path6 || (_path6 = /*#__PURE__*/React__default["default"].createElement("path", {
+})), _path6 || (_path6 = /*#__PURE__*/React.createElement("path", {
   d: "M0 0h.92v24H0zM15.08 0H16v24h-.92z"
-})), _path7 || (_path7 = /*#__PURE__*/React__default["default"].createElement("path", {
+})), _path7 || (_path7 = /*#__PURE__*/React.createElement("path", {
   d: "M0 .92V0h16v.92zM0 24v-.92h16V24z"
 }))));
-const UpperHandle = props => /*#__PURE__*/React__default["default"].createElement(usePrefix.PrefixContext.Consumer, null, prefix => /*#__PURE__*/React__default["default"].createElement("svg", _rollupPluginBabelHelpers["extends"]({
+const UpperHandle = props => /*#__PURE__*/React.createElement(usePrefix.PrefixContext.Consumer, null, prefix => /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.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["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["default"].createElement("path", {
+})), _path9 || (_path9 = /*#__PURE__*/React.createElement("path", {
   fill: "none",
   d: "M-4 0h24v24H-4z"
 }))));
-const UpperHandleFocus = props => /*#__PURE__*/React__default["default"].createElement(usePrefix.PrefixContext.Consumer, null, prefix => /*#__PURE__*/React__default["default"].createElement("svg", _rollupPluginBabelHelpers["extends"]({
+const UpperHandleFocus = props => /*#__PURE__*/React.createElement(usePrefix.PrefixContext.Consumer, null, prefix => /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.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), _path0 || (_path0 = /*#__PURE__*/React__default["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"
-})), _path1 || (_path1 = /*#__PURE__*/React__default["default"].createElement("path", {
+})), _path1 || (_path1 = /*#__PURE__*/React.createElement("path", {
   fill: "none",
   d: "M-4 0h24v24H-4z"
-})), _path10 || (_path10 = /*#__PURE__*/React__default["default"].createElement("path", {
+})), _path10 || (_path10 = /*#__PURE__*/React.createElement("path", {
   d: "M.92 24H0v-6.46h.92z"
-})), _path11 || (_path11 = /*#__PURE__*/React__default["default"].createElement("path", {
+})), _path11 || (_path11 = /*#__PURE__*/React.createElement("path", {
   d: "M16 24h-.92V0H16zM.92 24H0V0h.92z"
-})), _path12 || (_path12 = /*#__PURE__*/React__default["default"].createElement("path", {
+})), _path12 || (_path12 = /*#__PURE__*/React.createElement("path", {
   d: "M16 23.08V24H0v-.92zM16 0v.92H0V0z"
 }))));