@carbon/react 1.27.0-rc.0 → 1.28.0-rc.0

package/es/components/TileGroup/TileGroup.js

@@ -5,110 +5,95 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, objectWithoutProperties as _objectWithoutProperties, extends as _extends, createClass as _createClass } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import RadioTile from '../RadioTile/RadioTile.js';
 import { warning } from '../../internal/warning.js';
 import { PrefixContext } from '../../internal/usePrefix.js';
 
-var _excluded = ["value"];
+class TileGroup extends React__default.Component {
+  constructor() {
+    super(...arguments);
 
-var TileGroup = /*#__PURE__*/function (_React$Component) {
-  _inherits(TileGroup, _React$Component);
-
-  var _super = _createSuper(TileGroup);
-
-  function TileGroup() {
-    var _this;
-
-    _classCallCheck(this, TileGroup);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      selected: _this.props.valueSelected || _this.props.defaultSelected || null,
-      prevValueSelected: _this.props.valueSelected
+    _defineProperty(this, "state", {
+      selected: this.props.valueSelected || this.props.defaultSelected || null,
+      prevValueSelected: this.props.valueSelected
     });
 
-    _defineProperty(_assertThisInitialized(_this), "getRadioTiles", function () {
-      var childrenArray = React__default.Children.toArray(_this.props.children);
-      var children = childrenArray.map(function (tileRadio) {
-        var _tileRadio$props = tileRadio.props,
-            value = _tileRadio$props.value,
-            other = _objectWithoutProperties(_tileRadio$props, _excluded);
+    _defineProperty(this, "getRadioTiles", () => {
+      const childrenArray = React__default.Children.toArray(this.props.children);
+      const children = childrenArray.map(tileRadio => {
+        const {
+          value,
+          ...other
+        } = tileRadio.props;
         /* istanbul ignore if */
 
-
         if (typeof tileRadio.props.checked !== 'undefined') {
-          process.env.NODE_ENV !== "production" ? warning(false, "Instead of using the checked property on the RadioTile, set\n            the defaultSelected property or valueSelected property on the TileGroup.") : void 0;
+          process.env.NODE_ENV !== "production" ? warning(false, `Instead of using the checked property on the RadioTile, set
+            the defaultSelected property or valueSelected property on the TileGroup.`) : void 0;
         }
 
         return /*#__PURE__*/React__default.createElement(RadioTile, _extends({}, other, {
-          name: _this.props.name,
+          name: this.props.name,
           key: value,
           value: value,
-          onChange: _this.handleChange,
-          checked: value === _this.state.selected
+          onChange: this.handleChange,
+          checked: value === this.state.selected
         }));
       });
       return children;
     });
 
-    _defineProperty(_assertThisInitialized(_this), "handleChange", function (newSelection, value, evt) {
-      if (newSelection !== _this.state.selected) {
-        _this.setState({
+    _defineProperty(this, "handleChange", (newSelection, value, evt) => {
+      if (newSelection !== this.state.selected) {
+        this.setState({
           selected: newSelection
         });
-
-        _this.props.onChange(newSelection, _this.props.name, evt);
+        this.props.onChange(newSelection, this.props.name, evt);
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "renderLegend", function (legend) {
+    _defineProperty(this, "renderLegend", legend => {
       if (legend) {
         return /*#__PURE__*/React__default.createElement("legend", {
-          className: "".concat(_this.context, "--label")
+          className: `${this.context}--label`
         }, legend);
       }
     });
+  }
+
+  static getDerivedStateFromProps(_ref, state) {
+    let {
+      valueSelected,
+      defaultSelected
+    } = _ref;
+    const {
+      prevValueSelected
+    } = state;
+    return prevValueSelected === valueSelected ? null : {
+      selected: valueSelected || defaultSelected || null,
+      prevValueSelected: valueSelected
+    };
+  }
 
-    return _this;
+  render() {
+    const {
+      context: prefix
+    } = this;
+    const {
+      disabled,
+      className = `${prefix}--tile-group`,
+      legend
+    } = this.props;
+    return /*#__PURE__*/React__default.createElement("fieldset", {
+      className: className,
+      disabled: disabled
+    }, this.renderLegend(legend), /*#__PURE__*/React__default.createElement("div", null, this.getRadioTiles()));
   }
 
-  _createClass(TileGroup, [{
-    key: "render",
-    value: function render() {
-      var prefix = this.context;
-      var _this$props = this.props,
-          disabled = _this$props.disabled,
-          _this$props$className = _this$props.className,
-          className = _this$props$className === void 0 ? "".concat(prefix, "--tile-group") : _this$props$className,
-          legend = _this$props.legend;
-      return /*#__PURE__*/React__default.createElement("fieldset", {
-        className: className,
-        disabled: disabled
-      }, this.renderLegend(legend), /*#__PURE__*/React__default.createElement("div", null, this.getRadioTiles()));
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(_ref, state) {
-      var valueSelected = _ref.valueSelected,
-          defaultSelected = _ref.defaultSelected;
-      var prevValueSelected = state.prevValueSelected;
-      return prevValueSelected === valueSelected ? null : {
-        selected: valueSelected || defaultSelected || null,
-        prevValueSelected: valueSelected
-      };
-    }
-  }]);
-
-  return TileGroup;
-}(React__default.Component);
+}
 
 _defineProperty(TileGroup, "contextType", PrefixContext);
 
@@ -158,7 +143,7 @@ _defineProperty(TileGroup, "propTypes", {
 _defineProperty(TileGroup, "defaultProps", {
   onChange:
   /* istanbul ignore next */
-  function onChange() {}
+  () => {}
 });
 
 export { TileGroup as default };

package/es/components/TileGroup/index.js

@@ -8,6 +8,6 @@
 import { createClassWrapper } from '../../internal/createClassWrapper.js';
 import TileGroup$1 from './TileGroup.js';
 
-var TileGroup = createClassWrapper(TileGroup$1);
+const TileGroup = createClassWrapper(TileGroup$1);
 
 export { TileGroup, TileGroup as default };

package/es/components/TimePicker/TimePicker.js

@@ -5,61 +5,39 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import deprecate from '../../prop-types/deprecate.js';
 
-var _excluded = ["children", "className", "disabled", "hideLabel", "id", "invalidText", "invalid", "labelText", "light", "maxLength", "onChange", "onClick", "onBlur", "pattern", "placeholder", "readOnly", "size", "type", "value"];
-var TimePicker = /*#__PURE__*/React__default.forwardRef(function TimePicker(_ref, ref) {
-  var _objectSpread2$1, _cx2;
-
-  var children = _ref.children,
-      className = _ref.className,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      hideLabel = _ref.hideLabel,
-      id = _ref.id,
-      _ref$invalidText = _ref.invalidText,
-      invalidText = _ref$invalidText === void 0 ? 'Invalid time format.' : _ref$invalidText,
-      _ref$invalid = _ref.invalid,
-      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
-      labelText = _ref.labelText,
-      _ref$light = _ref.light,
-      light = _ref$light === void 0 ? false : _ref$light,
-      _ref$maxLength = _ref.maxLength,
-      maxLength = _ref$maxLength === void 0 ? 5 : _ref$maxLength,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-      _ref$onClick = _ref.onClick,
-      onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-      _ref$onBlur = _ref.onBlur,
-      onBlur = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
-      _ref$pattern = _ref.pattern,
-      pattern = _ref$pattern === void 0 ? '(1[012]|[1-9]):[0-5][0-9](\\s)?' : _ref$pattern,
-      _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? 'hh:mm' : _ref$placeholder,
-      readOnly = _ref.readOnly,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'md' : _ref$size,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'text' : _ref$type,
-      value = _ref.value,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-
-  var _React$useState = React__default.useState(value),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isValue = _React$useState2[0],
-      setValue = _React$useState2[1];
-
-  var _React$useState3 = React__default.useState(value),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      prevValue = _React$useState4[0],
-      setPrevValue = _React$useState4[1];
+const TimePicker = /*#__PURE__*/React__default.forwardRef(function TimePicker(_ref, ref) {
+  let {
+    children,
+    className,
+    disabled = false,
+    hideLabel,
+    id,
+    invalidText = 'Invalid time format.',
+    invalid = false,
+    labelText,
+    light = false,
+    maxLength = 5,
+    onChange = () => {},
+    onClick = () => {},
+    onBlur = () => {},
+    pattern = '(1[012]|[1-9]):[0-5][0-9](\\s)?',
+    placeholder = 'hh:mm',
+    readOnly,
+    size = 'md',
+    type = 'text',
+    value,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const [isValue, setValue] = React__default.useState(value);
+  const [prevValue, setPrevValue] = React__default.useState(value);
 
   if (value !== prevValue) {
     setValue(value);
@@ -93,20 +71,34 @@ var TimePicker = /*#__PURE__*/React__default.forwardRef(function TimePicker(_ref
     }
   }
 
-  var timePickerInputClasses = cx("".concat(prefix, "--time-picker__input-field"), "".concat(prefix, "--text-input"), [className], _defineProperty({}, "".concat(prefix, "--text-input--light"), light));
-  var timePickerClasses = cx(_objectSpread2((_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, "".concat(prefix, "--time-picker"), true), _defineProperty(_objectSpread2$1, "".concat(prefix, "--time-picker--light"), light), _defineProperty(_objectSpread2$1, "".concat(prefix, "--time-picker--invalid"), invalid), _defineProperty(_objectSpread2$1, "".concat(prefix, "--time-picker--readonly"), readOnly), _defineProperty(_objectSpread2$1, "".concat(prefix, "--time-picker--").concat(size), size), _objectSpread2$1), className && _defineProperty({}, className, true)));
-  var labelClasses = cx("".concat(prefix, "--label"), (_cx2 = {}, _defineProperty(_cx2, "".concat(prefix, "--visually-hidden"), hideLabel), _defineProperty(_cx2, "".concat(prefix, "--label--disabled"), disabled), _cx2));
-  var label = labelText ? /*#__PURE__*/React__default.createElement("label", {
+  const timePickerInputClasses = cx(`${prefix}--time-picker__input-field`, `${prefix}--text-input`, [className], {
+    [`${prefix}--text-input--light`]: light
+  });
+  const timePickerClasses = cx({
+    [`${prefix}--time-picker`]: true,
+    [`${prefix}--time-picker--light`]: light,
+    [`${prefix}--time-picker--invalid`]: invalid,
+    [`${prefix}--time-picker--readonly`]: readOnly,
+    [`${prefix}--time-picker--${size}`]: size,
+    ...(className && {
+      [className]: true
+    })
+  });
+  const labelClasses = cx(`${prefix}--label`, {
+    [`${prefix}--visually-hidden`]: hideLabel,
+    [`${prefix}--label--disabled`]: disabled
+  });
+  const label = labelText ? /*#__PURE__*/React__default.createElement("label", {
     htmlFor: id,
     className: labelClasses
   }, labelText) : null;
-  var error = invalid ? /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--form-requirement")
+  const error = invalid ? /*#__PURE__*/React__default.createElement("div", {
+    className: `${prefix}--form-requirement`
   }, invalidText) : null;
 
   function getInternalPickerSelects() {
-    var readOnlyEventHandlers = {
-      onMouseDown: function onMouseDown(evt) {
+    const readOnlyEventHandlers = {
+      onMouseDown: evt => {
         // NOTE: does not prevent click
         if (readOnly) {
           evt.preventDefault(); // focus on the element as per readonly input behavior
@@ -114,33 +106,34 @@ var TimePicker = /*#__PURE__*/React__default.forwardRef(function TimePicker(_ref
           evt.target.focus();
         }
       },
-      onKeyDown: function onKeyDown(evt) {
-        var selectAccessKeys = ['ArrowDown', 'ArrowUp', ' ']; // This prevents the select from opening for the above keys
+      onKeyDown: evt => {
+        const selectAccessKeys = ['ArrowDown', 'ArrowUp', ' ']; // This prevents the select from opening for the above keys
 
         if (readOnly && selectAccessKeys.includes(evt.key)) {
           evt.preventDefault();
         }
       }
     };
-    var mappedChildren = React__default.Children.map(children, function (pickerSelect) {
-      var item = pickerSelect;
-      return /*#__PURE__*/React__default.cloneElement(item, _objectSpread2(_objectSpread2({}, item.props), {}, {
+    const mappedChildren = React__default.Children.map(children, pickerSelect => {
+      const item = pickerSelect;
+      return /*#__PURE__*/React__default.cloneElement(item, { ...item.props,
         disabled: disabled,
-        readOnly: readOnly
-      }, readOnlyEventHandlers));
+        readOnly: readOnly,
+        ...readOnlyEventHandlers
+      });
     });
     return mappedChildren;
   }
 
-  var readOnlyProps = {
+  const readOnlyProps = {
     readOnly: readOnly
   };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: cx("".concat(prefix, "--form-item"), className)
+    className: cx(`${prefix}--form-item`, className)
   }, label, /*#__PURE__*/React__default.createElement("div", {
     className: timePickerClasses
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--time-picker__input")
+    className: `${prefix}--time-picker__input`
   }, /*#__PURE__*/React__default.createElement("input", _extends({
     className: timePickerInputClasses,
     "data-invalid": invalid ? invalid : undefined,

package/es/components/TimePickerSelect/TimePickerSelect.js

@@ -5,38 +5,40 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { ChevronDown } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["aria-label", "children", "id", "disabled", "className"];
-var TimePickerSelect = /*#__PURE__*/React__default.forwardRef(function TimePickerSelect(_ref, ref) {
-  var _objectSpread2$1;
-
-  var _ref$ariaLabel = _ref['aria-label'],
-      ariaLabel = _ref$ariaLabel === void 0 ? 'open list of options' : _ref$ariaLabel,
-      children = _ref.children,
-      id = _ref.id,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var selectClasses = cx(_objectSpread2((_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, "".concat(prefix, "--select"), true), _defineProperty(_objectSpread2$1, "".concat(prefix, "--time-picker__select"), true), _objectSpread2$1), className && _defineProperty({}, className, true)));
+const TimePickerSelect = /*#__PURE__*/React__default.forwardRef(function TimePickerSelect(_ref, ref) {
+  let {
+    ['aria-label']: ariaLabel = 'open list of options',
+    children,
+    id,
+    disabled = false,
+    className,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const selectClasses = cx({
+    [`${prefix}--select`]: true,
+    [`${prefix}--time-picker__select`]: true,
+    ...(className && {
+      [className]: true
+    })
+  });
   return /*#__PURE__*/React__default.createElement("div", {
     className: selectClasses
   }, /*#__PURE__*/React__default.createElement("select", _extends({
     "aria-label": ariaLabel,
-    className: "".concat(prefix, "--select-input"),
+    className: `${prefix}--select-input`,
     disabled: disabled,
     id: id,
     ref: ref
   }, rest), children), /*#__PURE__*/React__default.createElement(ChevronDown, {
-    className: "".concat(prefix, "--select__arrow"),
+    className: `${prefix}--select__arrow`,
     "aria-hidden": "true"
   }));
 });

package/es/components/TimePickerSelect/index.js

@@ -8,6 +8,6 @@
 import * as FeatureFlags from '@carbon/feature-flags';
 import TimePickerSelect$1 from './TimePickerSelect.js';
 
-var TimePickerSelect = FeatureFlags.enabled('enable-v11-release') ? TimePickerSelect$1 : TimePickerSelect$1;
+const TimePickerSelect = FeatureFlags.enabled('enable-v11-release') ? TimePickerSelect$1 : TimePickerSelect$1;
 
 export { TimePickerSelect, TimePickerSelect as default };

package/es/components/Toggle/Toggle.Skeleton.js

@@ -5,70 +5,81 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { inherits as _inherits, createSuper as _createSuper, createClass as _createClass, defineProperty as _defineProperty, classCallCheck as _classCallCheck, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import { PrefixContext } from '../../internal/usePrefix.js';
 
-var _defineProperty2, _defineProperty3;
+class ToggleSkeleton extends React__default.Component {
+  render() {
+    var _div;
 
-var _excluded = ["id", "labelText", "className", "size"];
-
-var ToggleSkeleton = /*#__PURE__*/function (_React$Component) {
-  _inherits(ToggleSkeleton, _React$Component);
-
-  var _super = _createSuper(ToggleSkeleton);
-
-  function ToggleSkeleton() {
-    _classCallCheck(this, ToggleSkeleton);
-
-    return _super.apply(this, arguments);
+    const {
+      id,
+      labelText,
+      className,
+      size,
+      ...rest
+    } = this.props;
+    return /*#__PURE__*/React__default.createElement(PrefixContext.Consumer, null, prefix => {
+      const toggleInputClassNames = cx(`${prefix}--toggle ${prefix}--skeleton`, {
+        [`${prefix}--toggle-input--small`]: size === 'sm'
+      });
+      return /*#__PURE__*/React__default.createElement("div", _extends({
+        className: cx(`${prefix}--form-item`, className)
+      }, rest), /*#__PURE__*/React__default.createElement("input", {
+        type: "checkbox",
+        id: id,
+        className: toggleInputClassNames
+      }), /*#__PURE__*/React__default.createElement("label", {
+        className: `${prefix}--toggle-input__label`,
+        htmlFor: id,
+        "aria-label": labelText ? undefined : this.props['aria-label']
+      }, labelText ? _div || (_div = /*#__PURE__*/React__default.createElement("div", null, labelText)) : null, /*#__PURE__*/React__default.createElement("span", {
+        className: `${prefix}--toggle__switch`
+      }, /*#__PURE__*/React__default.createElement("span", {
+        className: `${prefix}--toggle__text--left`
+      }), /*#__PURE__*/React__default.createElement("span", {
+        className: `${prefix}--toggle__appearance`
+      }), /*#__PURE__*/React__default.createElement("span", {
+        className: `${prefix}--toggle__text--right`
+      }))));
+    });
   }
 
-  _createClass(ToggleSkeleton, [{
-    key: "render",
-    value: function render() {
-      var _this = this,
-          _div;
+}
 
-      var _this$props = this.props,
-          id = _this$props.id,
-          labelText = _this$props.labelText,
-          className = _this$props.className,
-          size = _this$props.size,
-          rest = _objectWithoutProperties(_this$props, _excluded);
+_defineProperty(ToggleSkeleton, "propTypes", {
+  ['aria-label']: PropTypes.string.isRequired,
 
-      return /*#__PURE__*/React__default.createElement(PrefixContext.Consumer, null, function (prefix) {
-        var toggleInputClassNames = cx("".concat(prefix, "--toggle ").concat(prefix, "--skeleton"), _defineProperty({}, "".concat(prefix, "--toggle-input--small"), size === 'sm'));
-        return /*#__PURE__*/React__default.createElement("div", _extends({
-          className: cx("".concat(prefix, "--form-item"), className)
-        }, rest), /*#__PURE__*/React__default.createElement("input", {
-          type: "checkbox",
-          id: id,
-          className: toggleInputClassNames
-        }), /*#__PURE__*/React__default.createElement("label", {
-          className: "".concat(prefix, "--toggle-input__label"),
-          htmlFor: id,
-          "aria-label": labelText ? undefined : _this.props['aria-label']
-        }, labelText ? _div || (_div = /*#__PURE__*/React__default.createElement("div", null, labelText)) : null, /*#__PURE__*/React__default.createElement("span", {
-          className: "".concat(prefix, "--toggle__switch")
-        }, /*#__PURE__*/React__default.createElement("span", {
-          className: "".concat(prefix, "--toggle__text--left")
-        }), /*#__PURE__*/React__default.createElement("span", {
-          className: "".concat(prefix, "--toggle__appearance")
-        }), /*#__PURE__*/React__default.createElement("span", {
-          className: "".concat(prefix, "--toggle__text--right")
-        }))));
-      });
-    }
-  }]);
+  /**
+   * Specify an optional className to add to the form item wrapper.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Provide an id that unique represents the underlying `<input>`
+   */
+  id: PropTypes.string,
 
-  return ToggleSkeleton;
-}(React__default.Component);
+  /**
+   * Provide the text that will be read by a screen reader when visiting this
+   * control
+   * `aria-label` is always required but will be undefined if `labelText` is also
+   * provided
+   */
+  labelText: PropTypes.string,
 
-_defineProperty(ToggleSkeleton, "propTypes", (_defineProperty2 = {}, _defineProperty(_defineProperty2, 'aria-label', PropTypes.string.isRequired), _defineProperty(_defineProperty2, "className", PropTypes.string), _defineProperty(_defineProperty2, "id", PropTypes.string), _defineProperty(_defineProperty2, "labelText", PropTypes.string), _defineProperty(_defineProperty2, "size", PropTypes.oneOf(['sm', 'md'])), _defineProperty2));
+  /**
+   * Specify the size of the Toggle. Currently only supports 'sm' or 'md' (default)
+   */
+  size: PropTypes.oneOf(['sm', 'md'])
+});
 
-_defineProperty(ToggleSkeleton, "defaultProps", (_defineProperty3 = {}, _defineProperty(_defineProperty3, 'aria-label', 'Toggle is loading'), _defineProperty(_defineProperty3, "size", 'md'), _defineProperty3));
+_defineProperty(ToggleSkeleton, "defaultProps", {
+  ['aria-label']: 'Toggle is loading',
+  size: 'md'
+});
 
 export { ToggleSkeleton, ToggleSkeleton as default };