@carbon/react 1.87.0-rc.0 → 1.87.1-rc.0

package/lib/components/TimePicker/TimePicker.js

@@ -17,12 +17,6 @@ var usePrefix = require('../../internal/usePrefix.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var iconsReact = require('@carbon/icons-react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const frFn = React.forwardRef;
 const TimePicker = frFn((props, ref) => {
   const {
@@ -52,8 +46,8 @@ const TimePicker = frFn((props, ref) => {
     ...rest
   } = props;
   const prefix = usePrefix.usePrefix();
-  const [isValue, setValue] = React__default["default"].useState(value);
-  const [prevValue, setPrevValue] = React__default["default"].useState(value);
+  const [isValue, setValue] = React.useState(value);
+  const [prevValue, setPrevValue] = React.useState(value);
   if (value !== prevValue) {
     setValue(value);
     setPrevValue(value);
@@ -80,11 +74,11 @@ const TimePicker = frFn((props, ref) => {
       onBlur(evt);
     }
   }
-  const timePickerInputClasses = cx__default["default"](`${prefix}--time-picker__input-field`, `${prefix}--text-input`, [inputClassName], {
+  const timePickerInputClasses = cx(`${prefix}--time-picker__input-field`, `${prefix}--text-input`, [inputClassName], {
     [`${prefix}--text-input--light`]: light,
     [`${prefix}--time-picker__input-field-error`]: invalid || warning
   });
-  const timePickerClasses = cx__default["default"]({
+  const timePickerClasses = cx({
     [`${prefix}--time-picker`]: true,
     [`${prefix}--time-picker--light`]: light,
     [`${prefix}--time-picker--invalid`]: invalid,
@@ -95,11 +89,11 @@ const TimePicker = frFn((props, ref) => {
       [pickerClassName]: true
     })
   });
-  const labelClasses = cx__default["default"](`${prefix}--label`, {
+  const labelClasses = cx(`${prefix}--label`, {
     [`${prefix}--visually-hidden`]: hideLabel,
     [`${prefix}--label--disabled`]: disabled
   });
-  const label = labelText ? /*#__PURE__*/React__default["default"].createElement("label", {
+  const label = labelText ? /*#__PURE__*/React.createElement("label", {
     htmlFor: id,
     className: labelClasses
   }, labelText) : null;
@@ -121,10 +115,10 @@ const TimePicker = frFn((props, ref) => {
         }
       }
     };
-    const mappedChildren = React__default["default"].Children.map(children, pickerSelect => {
+    const mappedChildren = React.Children.map(children, pickerSelect => {
       const item = pickerSelect;
       if (item) {
-        return /*#__PURE__*/React__default["default"].cloneElement(item, {
+        return /*#__PURE__*/React.cloneElement(item, {
           ...item.props,
           disabled: item.props.disabled ?? disabled,
           readOnly: readOnly,
@@ -137,13 +131,13 @@ const TimePicker = frFn((props, ref) => {
   const readOnlyProps = {
     readOnly: readOnly
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"](`${prefix}--form-item`, className)
-  }, label, /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
+    className: cx(`${prefix}--form-item`, className)
+  }, label, /*#__PURE__*/React.createElement("div", {
     className: timePickerClasses
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--time-picker__input`
-  }, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({
     className: timePickerInputClasses,
     "data-invalid": invalid ? invalid : undefined,
     disabled: disabled,
@@ -157,15 +151,15 @@ const TimePicker = frFn((props, ref) => {
     ref: ref,
     type: type,
     value: value
-  }, rest, readOnlyProps)), (invalid || warning) && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, rest, readOnlyProps)), (invalid || warning) && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--time-picker__error__icon`
-  }, invalid ? /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
+  }, invalid ? /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
     className: `${prefix}--checkbox__invalid-icon`,
     size: 16
-  }) : /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
+  }) : /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
     className: `${prefix}--text-input__invalid-icon--warning`,
     size: 16
-  }))), getInternalPickerSelects()), (invalid || warning) && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), getInternalPickerSelects()), (invalid || warning) && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`
   }, invalid ? invalidText : warningText));
 });
@@ -173,91 +167,91 @@ TimePicker.propTypes = {
   /**
    * Pass in the children that will be rendered next to the form control
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the `<input>` should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify whether you want the underlying label to be visually hidden
    */
-  hideLabel: PropTypes__default["default"].bool,
+  hideLabel: PropTypes.bool,
   /**
    * Specify a custom `id` for the `<input>`
    */
-  id: PropTypes__default["default"].string.isRequired,
+  id: PropTypes.string.isRequired,
   /**
    * Specify whether the control is currently invalid
    */
-  invalid: PropTypes__default["default"].bool,
+  invalid: PropTypes.bool,
   /**
    * Provide the text that is displayed when the control is in an invalid state
    */
-  invalidText: PropTypes__default["default"].node,
+  invalidText: PropTypes.node,
   /**
    * Provide the text that will be read by a screen reader when visiting this
    * control
    */
-  labelText: PropTypes__default["default"].node,
+  labelText: PropTypes.node,
   /**
    * The `light` prop for `TimePicker` has been deprecated. It will be removed in v12. Use the `Layer` component instead.
    */
-  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `TimePicker` is no longer needed and has been deprecated. It will be removed in the next major release. Use the `Layer` component instead.'),
+  light: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `TimePicker` is no longer needed and has been deprecated. It will be removed in the next major release. Use the `Layer` component instead.'),
   /**
    * Specify the maximum length of the time string in `<input>`
    */
-  maxLength: PropTypes__default["default"].number,
+  maxLength: PropTypes.number,
   /**
    * Optionally provide an `onBlur` handler that is called whenever the
    * `<input>` loses focus
    */
-  onBlur: PropTypes__default["default"].func,
+  onBlur: PropTypes.func,
   /**
    * Optionally provide an `onChange` handler that is called whenever `<input>`
    * is updated
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Optionally provide an `onClick` handler that is called whenever the
    * `<input>` is clicked
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Specify the regular expression working as the pattern of the time string in `<input>`
    */
-  pattern: PropTypes__default["default"].string,
+  pattern: PropTypes.string,
   /**
    * Specify the placeholder attribute for the `<input>`
    */
-  placeholder: PropTypes__default["default"].string,
+  placeholder: PropTypes.string,
   /**
    * Specify whether the TimePicker should be read-only
    */
-  readOnly: PropTypes__default["default"].bool,
+  readOnly: PropTypes.bool,
   /**
    * Specify the size of the Time Picker.
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
   /**
    * Specify the type of the `<input>`
    */
-  type: PropTypes__default["default"].string,
+  type: PropTypes.string,
   /**
    * Specify the value of the `<input>`
    */
-  value: PropTypes__default["default"].string,
+  value: PropTypes.string,
   /**
    * Specify a warning message
    */
-  warning: PropTypes__default["default"].bool,
+  warning: PropTypes.bool,
   /**
    * Provide the text that is displayed when the control is in an warning state
    */
-  warningText: PropTypes__default["default"].node
+  warningText: PropTypes.node
 };
 
-exports["default"] = TimePicker;
+exports.default = TimePicker;

package/lib/components/TimePickerSelect/TimePickerSelect.js

@@ -16,12 +16,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const frFn = React.forwardRef;
 const TimePickerSelect = frFn((props, ref) => {
   const {
@@ -33,22 +27,22 @@ const TimePickerSelect = frFn((props, ref) => {
     ...rest
   } = props;
   const prefix = usePrefix.usePrefix();
-  const selectClasses = cx__default["default"]({
+  const selectClasses = cx({
     [`${prefix}--select`]: true,
     [`${prefix}--time-picker__select`]: true,
     ...(className && {
       [className]: true
     })
   });
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: selectClasses
-  }, /*#__PURE__*/React__default["default"].createElement("select", _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement("select", _rollupPluginBabelHelpers.extends({
     "aria-label": ariaLabel,
     className: `${prefix}--select-input`,
     disabled: disabled,
     id: id,
     ref: ref
-  }, rest), children), /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, {
+  }, rest), children), /*#__PURE__*/React.createElement(iconsReact.ChevronDown, {
     className: `${prefix}--select__arrow`,
     "aria-hidden": "true"
   }));
@@ -57,23 +51,23 @@ TimePickerSelect.propTypes = {
   /**
    * Provide the contents of your TimePickerSelect
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the node containing the label and the select box
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Optionally provide the default value of the `<select>`
    */
-  defaultValue: PropTypes__default["default"].any,
+  defaultValue: PropTypes.any,
   /**
    * Specify whether the control is disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify a custom `id` for the `<select>`
    */
-  id: PropTypes__default["default"].string.isRequired
+  id: PropTypes.string.isRequired
 };
 
-exports["default"] = TimePickerSelect;
+exports.default = TimePickerSelect;

package/lib/components/Toggle/Toggle.Skeleton.js

@@ -15,30 +15,24 @@ var React = require('react');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.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 ToggleSkeleton = ({
   className,
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const skeletonClassNames = cx__default["default"](`${prefix}--toggle ${prefix}--toggle--skeleton`, className);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  const skeletonClassNames = cx(`${prefix}--toggle ${prefix}--toggle--skeleton`, className);
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: skeletonClassNames
-  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--toggle__skeleton-circle`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--toggle__skeleton-rectangle`
   }));
 };
 ToggleSkeleton.propTypes = {
-  'aria-label': PropTypes__default["default"].string,
-  className: PropTypes__default["default"].string
+  'aria-label': PropTypes.string,
+  className: PropTypes.string
 };
 
 exports.ToggleSkeleton = ToggleSkeleton;
-exports["default"] = ToggleSkeleton;
+exports.default = ToggleSkeleton;

package/lib/components/Toggle/Toggle.js

@@ -18,12 +18,6 @@ var usePrefix = require('../../internal/usePrefix.js');
 require('../Text/index.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);
-
 var _path;
 function Toggle({
   'aria-labelledby': ariaLabelledby,
@@ -61,24 +55,24 @@ function Toggle({
   const sideLabel = hideLabel ? labelText : checked ? labelB : labelA;
   const renderSideLabel = !(hideLabel && !labelText);
   const LabelComponent = labelText ? 'label' : 'div';
-  const wrapperClasses = cx__default["default"](`${prefix}--toggle`, {
+  const wrapperClasses = cx(`${prefix}--toggle`, {
     [`${prefix}--toggle--disabled`]: disabled,
     [`${prefix}--toggle--readonly`]: readOnly
   }, className);
-  const labelTextClasses = cx__default["default"](`${prefix}--toggle__label-text`, {
+  const labelTextClasses = cx(`${prefix}--toggle__label-text`, {
     [`${prefix}--visually-hidden`]: hideLabel
   });
-  const appearanceClasses = cx__default["default"](`${prefix}--toggle__appearance`, {
+  const appearanceClasses = cx(`${prefix}--toggle__appearance`, {
     [`${prefix}--toggle__appearance--sm`]: isSm
   });
-  const switchClasses = cx__default["default"](`${prefix}--toggle__switch`, {
+  const switchClasses = cx(`${prefix}--toggle__switch`, {
     [`${prefix}--toggle__switch--checked`]: checked
   });
   const labelId = `${id}_label`;
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    React__default["default"].createElement("div", {
+    React.createElement("div", {
       className: wrapperClasses,
       onClick: !labelText ? e => {
         // the underlying <button> can only be activated by keyboard as it is visually hidden;
@@ -91,7 +85,7 @@ function Toggle({
           buttonElement.current.focus();
         }
       } : undefined
-    }, /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({}, other, {
+    }, /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({}, other, {
       ref: buttonElement,
       id: id,
       className: `${prefix}--toggle__button`,
@@ -101,26 +95,26 @@ function Toggle({
       "aria-labelledby": ariaLabelledby ?? (labelText ? labelId : undefined),
       disabled: disabled,
       onClick: handleClick
-    })), /*#__PURE__*/React__default["default"].createElement(LabelComponent, {
+    })), /*#__PURE__*/React.createElement(LabelComponent, {
       id: labelId,
       htmlFor: ariaLabelledby ? undefined : id,
       className: `${prefix}--toggle__label`
-    }, labelText && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+    }, labelText && /*#__PURE__*/React.createElement(Text.Text, {
       className: labelTextClasses
-    }, labelText), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, labelText), /*#__PURE__*/React.createElement("div", {
       className: appearanceClasses
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: switchClasses
-    }, isSm && /*#__PURE__*/React__default["default"].createElement("svg", {
+    }, isSm && /*#__PURE__*/React.createElement("svg", {
       "aria-hidden": "true",
       focusable: "false",
       className: `${prefix}--toggle__check`,
       width: "6px",
       height: "5px",
       viewBox: "0 0 6 5"
-    }, _path || (_path = /*#__PURE__*/React__default["default"].createElement("path", {
+    }, _path || (_path = /*#__PURE__*/React.createElement("path", {
       d: "M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"
-    })))), renderSideLabel && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+    })))), renderSideLabel && /*#__PURE__*/React.createElement(Text.Text, {
       className: `${prefix}--toggle__text`,
       "aria-hidden": "true"
     }, sideLabel))))
@@ -130,64 +124,64 @@ Toggle.propTypes = {
   /**
    * Specify another element's id to be used as the label for this toggle
    */
-  'aria-labelledby': PropTypes__default["default"].string,
+  'aria-labelledby': PropTypes.string,
   /**
    * Specify a custom className to apply to the form-item node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the toggle should be on by default
    */
-  defaultToggled: PropTypes__default["default"].bool,
+  defaultToggled: PropTypes.bool,
   /**
    * Whether this control should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * If true, the side labels (props.labelA and props.labelB) will be replaced by
    * props.labelText (if passed), so that the toggle doesn't render a top label.
    */
-  hideLabel: PropTypes__default["default"].bool,
+  hideLabel: PropTypes.bool,
   /**
    * Provide an id that unique represents the underlying `<button>`
    */
-  id: PropTypes__default["default"].string.isRequired,
+  id: PropTypes.string.isRequired,
   /**
    * Specify the label for the "off" position
    */
-  labelA: PropTypes__default["default"].node,
+  labelA: PropTypes.node,
   /**
    * Specify the label for the "on" position
    */
-  labelB: PropTypes__default["default"].node,
+  labelB: PropTypes.node,
   /**
    * Provide the text that will be read by a screen reader when visiting this
    * control. This should be provided unless 'aria-labelledby' is set instead
    * or you use an external <label> element with its "for" attribute set to the
    * toggle's id.
    */
-  labelText: PropTypes__default["default"].string,
+  labelText: PropTypes.string,
   /**
    * Provide an event listener that is called when the control is clicked
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Provide an event listener that is called when the control is toggled
    */
-  onToggle: PropTypes__default["default"].func,
+  onToggle: PropTypes.func,
   /**
    * Whether the toggle should be read-only
    */
-  readOnly: PropTypes__default["default"].bool,
+  readOnly: PropTypes.bool,
   /**
    * Specify the size of the Toggle. Currently only supports 'sm' or 'md' (default)
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md']),
+  size: PropTypes.oneOf(['sm', 'md']),
   /**
    * Specify whether the control is toggled
    */
-  toggled: PropTypes__default["default"].bool
+  toggled: PropTypes.bool
 };
 
 exports.Toggle = Toggle;
-exports["default"] = Toggle;
+exports.default = Toggle;

package/lib/components/ToggleSmall/ToggleSmall.Skeleton.js

@@ -7,20 +7,12 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.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);
-
 var _path;
 const ToggleSmallSkeleton = ({
   id,
@@ -29,44 +21,44 @@ const ToggleSmallSkeleton = ({
   ...rest
 }) => {
   const prefix = React.useContext(usePrefix.PrefixContext);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"](`${prefix}--form-item`, className)
-  }, rest), /*#__PURE__*/React__default["default"].createElement("input", {
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: cx(`${prefix}--form-item`, className)
+  }, rest), /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
     id: id,
     className: `${prefix}--toggle ${prefix}--toggle--small ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default["default"].createElement("label", {
+  }), /*#__PURE__*/React.createElement("label", {
     className: `${prefix}--toggle__label ${prefix}--skeleton`,
     htmlFor: id
-  }, labelText && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, labelText && /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--toggle__label-text`
-  }, labelText), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, labelText), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--toggle__appearance`
-  }, /*#__PURE__*/React__default["default"].createElement("svg", {
+  }, /*#__PURE__*/React.createElement("svg", {
     className: `${prefix}--toggle__check`,
     width: "6px",
     height: "5px",
     viewBox: "0 0 6 5"
-  }, _path || (_path = /*#__PURE__*/React__default["default"].createElement("path", {
+  }, _path || (_path = /*#__PURE__*/React.createElement("path", {
     d: "M2.2403 2.7299L4.9245 0 6 1.1117 2.2384 5 0 2.6863 1.0612 1.511z"
   }))))));
 };
 ToggleSmallSkeleton.propTypes = {
-  ['aria-label']: PropTypes__default["default"].string.isRequired,
+  ['aria-label']: PropTypes.string.isRequired,
   /**
    * Specify an optional className to add to the form item wrapper.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Provide an id that unique represents the underlying `<input>`
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * Provide the text that will be read by a screen reader when visiting this
    * control. `aria-label` is always required but will be `null` if `labelText`
    * is also provided.
    */
-  labelText: PropTypes__default["default"].string
+  labelText: PropTypes.string
 };
 
 exports.ToggleSmallSkeleton = ToggleSmallSkeleton;