baseui 12.1.3 → 13.0.0

package/esm/pagination/pagination.js

@@ -46,7 +46,8 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
-import * as React from 'react';
+import * as React from 'react'; // @ts-ignore
+
 import memoize from 'memoize-one'; // Files
 
 import { LocaleContext } from '../locale';
@@ -56,7 +57,7 @@ import { Button, KIND } from '../button';
 import { StyledRoot, StyledMaxLabel, StyledDropdownContainer } from './styled-components';
 import ChevronLeft from '../icon/chevron-left';
 import ChevronRight from '../icon/chevron-right';
-import { getOverrides } from '../helpers/overrides';
+import { getOverrides, mergeOverrides } from '../helpers/overrides';
 import { isFocusVisible, forkFocus, forkBlur } from '../utils/focusVisible';
 
 var Pagination = /*#__PURE__*/function (_React$PureComponent) {
@@ -99,6 +100,7 @@ var Pagination = /*#__PURE__*/function (_React$PureComponent) {
       var menuOptions = [];
 
       for (var i = 1; i <= numPages; i++) {
+        // @ts-ignore
         menuOptions.push({
           label: i
         });
@@ -201,6 +203,66 @@ var Pagination = /*#__PURE__*/function (_React$PureComponent) {
           Select = _getOverrides8[0],
           selectProps = _getOverrides8[1];
 
+      var defaultSelectOverrides = {
+        ControlContainer: {
+          // @ts-ignore
+          style: function style(_ref) {
+            var $theme = _ref.$theme,
+                $disabled = _ref.$disabled,
+                $isOpen = _ref.$isOpen,
+                $error = _ref.$error;
+            return {
+              borderLeftColor: 'transparent',
+              borderRightColor: 'transparent',
+              borderTopColor: 'transparent',
+              borderBottomColor: 'transparent',
+              boxShadow: 'none',
+              backgroundColor: $disabled ? $theme.colors.buttonDisabledFill : $isOpen ? $theme.colors.buttonTertiaryHover : $error ? $theme.colors.negative50 : $theme.colors.buttonTertiaryFill,
+              ':hover': {
+                backgroundColor: $theme.colors.buttonTertiaryHover
+              }
+            };
+          }
+        },
+        InputContainer: {
+          style: {
+            marginLeft: 0
+          }
+        },
+        ValueContainer: {
+          style: {
+            flexBasis: 'auto'
+          }
+        },
+        SingleValue: {
+          // @ts-ignore
+          style: function style(_ref2) {
+            var $theme = _ref2.$theme;
+            return _objectSpread(_objectSpread({
+              position: 'relative',
+              paddingTop: '0',
+              paddingBottom: '0',
+              paddingLeft: $theme.sizing.scale200,
+              paddingRight: $theme.sizing.scale500,
+              color: $theme.colors.buttonTertiaryText
+            }, $theme.typography.font350), {}, {
+              lineHeight: 'unset'
+            });
+          }
+        },
+        SelectArrow: {
+          // @ts-ignore
+          style: function style(_ref3) {
+            var $theme = _ref3.$theme;
+            return {
+              width: '24px',
+              height: '24px',
+              color: $theme.colors.buttonTertiaryText
+            };
+          }
+        }
+      };
+      selectProps.overrides = mergeOverrides(defaultSelectOverrides, selectProps.overrides);
       var options = this.getMenuOptions(numPages);
       return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
         return /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, function (locale) {
@@ -241,63 +303,7 @@ var Pagination = /*#__PURE__*/function (_React$PureComponent) {
               label: currentPage
             }],
             maxDropdownHeight: "200px",
-            size: size,
-            overrides: {
-              ControlContainer: {
-                style: function style(_ref) {
-                  var $theme = _ref.$theme,
-                      $disabled = _ref.$disabled,
-                      $isOpen = _ref.$isOpen,
-                      $error = _ref.$error;
-                  return {
-                    borderLeftColor: 'transparent',
-                    borderRightColor: 'transparent',
-                    borderTopColor: 'transparent',
-                    borderBottomColor: 'transparent',
-                    boxShadow: 'none',
-                    backgroundColor: $disabled ? $theme.colors.buttonDisabledFill : $isOpen ? $theme.colors.buttonTertiaryHover : $error ? $theme.colors.negative50 : $theme.colors.buttonTertiaryFill,
-                    ':hover': {
-                      backgroundColor: $theme.colors.buttonTertiaryHover
-                    }
-                  };
-                }
-              },
-              InputContainer: {
-                style: {
-                  marginLeft: 0
-                }
-              },
-              ValueContainer: {
-                style: {
-                  flexBasis: 'auto'
-                }
-              },
-              SingleValue: {
-                style: function style(_ref2) {
-                  var $theme = _ref2.$theme;
-                  return _objectSpread(_objectSpread({
-                    position: 'relative',
-                    paddingTop: '0',
-                    paddingBottom: '0',
-                    paddingLeft: $theme.sizing.scale200,
-                    paddingRight: $theme.sizing.scale500,
-                    color: $theme.colors.buttonTertiaryText
-                  }, $theme.typography.font350), {}, {
-                    lineHeight: 'unset'
-                  });
-                }
-              },
-              SelectArrow: {
-                style: function style(_ref3) {
-                  var $theme = _ref3.$theme;
-                  return {
-                    width: '24px',
-                    height: '24px',
-                    color: $theme.colors.buttonTertiaryText
-                  };
-                }
-              }
-            }
+            size: size
           }, selectProps))), /*#__PURE__*/React.createElement(MaxLabel, _extends({}, maxLabelProps, {
             "aria-hidden": true
           }), "".concat(labels && labels.preposition ? labels.preposition : locale.pagination.preposition || '', " ").concat(numPages)), /*#__PURE__*/React.createElement(Button, {

package/esm/payment-card/payment-card.js

@@ -149,7 +149,8 @@ var PaymentCard = /*#__PURE__*/function (_React$Component) {
       if (validatedValue.card) {
         gaps = validatedValue.card.gaps || [];
         type = validatedValue.card.type;
-      }
+      } // @ts-ignore
+
 
       var getBeforeComponent = function getBeforeComponent(theme) {
         var _iconSize;
@@ -177,7 +178,8 @@ var PaymentCard = /*#__PURE__*/function (_React$Component) {
               Before: getBeforeComponent(theme)
             })),
             onChange: function onChange(e) {
-              var _getCaretPosition = getCaretPosition(e.target.value, _this2.props.value ? String(_this2.props.value) : '', e.target.selectionStart),
+              var _getCaretPosition = getCaretPosition(e.target.value, _this2.props.value ? String(_this2.props.value) : '', // @ts-ignore
+              e.target.selectionStart),
                   _getCaretPosition2 = _slicedToArray(_getCaretPosition, 2),
                   position = _getCaretPosition2[0],
                   value = _getCaretPosition2[1]; // @ts-expect-error todo(flow->ts): looks dangerous
@@ -210,7 +212,9 @@ _defineProperty(PaymentCard, "defaultProps", {
   overrides: {},
   required: false,
   size: 'default',
+  // @ts-ignore
   startEnhancer: null,
+  // @ts-ignore
   endEnhancer: null
 });
 

package/esm/phone-input/base-country-picker.js

@@ -59,7 +59,7 @@ var DropdownListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref
   }, rest), props.children);
 });
-DropdownListItem.displayName = 'DropdownListItem';
+DropdownListItem.displayName = 'DropdownListItem'; // @ts-ignore
 
 function DropdownOptionContent(props) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
@@ -122,6 +122,7 @@ export default function CountryPicker(props) {
     },
     StatefulMenu: {
       props: {
+        // @ts-ignore
         stateReducer: function stateReducer(type, nextState) {
           var next = _objectSpread(_objectSpread({}, nextState), {}, {
             highlightedIndex: resetScrollIndex ? 0 : nextState.highlightedIndex
@@ -205,6 +206,7 @@ export default function CountryPicker(props) {
   return /*#__PURE__*/React.createElement(Select, _extends({
     clearable: false,
     disabled: disabled // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    // @ts-ignore
     ,
     getOptionLabel: function getOptionLabel(_ref) {
       var option = _ref.option,
@@ -223,7 +225,8 @@ export default function CountryPicker(props) {
       }, sharedProps, flagContainerProps), iso2FlagEmoji(iso));
     },
     error: error,
-    maxDropdownHeight: maxDropdownHeight,
+    maxDropdownHeight: maxDropdownHeight // @ts-ignore
+    ,
     onChange: function onChange(event) {
       if (typeof onCountryChange === 'function') {
         onCountryChange(event);

package/esm/phone-input/country-picker.js

@@ -54,6 +54,7 @@ export default function CountryPicker(props) {
   var overrides = props.overrides;
   var baseSelectOverrides = {
     Root: {
+      // @ts-ignore
       style: function style(_ref) {
         var _ref2;
 
@@ -65,6 +66,7 @@ export default function CountryPicker(props) {
       }
     },
     ControlContainer: {
+      // @ts-ignore
       style: function style(_ref3) {
         var _sizeToLeftPadding, _sizeToRightPadding, _styleOverride;
 
@@ -105,6 +107,7 @@ export default function CountryPicker(props) {
   selectProps.overrides = mergeOverrides(selectOverrides, selectProps.overrides);
   var baseOverrides = {
     FlagContainer: {
+      // @ts-ignore
       style: function style(_ref4) {
         var _sizeToMargin;
 
@@ -119,6 +122,7 @@ export default function CountryPicker(props) {
       }
     },
     DialCode: {
+      // @ts-ignore
       style: function style(_ref6) {
         var _ref6$$theme = _ref6.$theme,
             direction = _ref6$$theme.direction,

package/esm/phone-input/country-select.js

@@ -65,6 +65,7 @@ export default function CountrySelect(props) {
   };
   var baseSelectOverrides = {
     ControlContainer: {
+      // @ts-ignore
       style: function style(props) {
         if (!props.$isFocused && !props.$isPseudoFocused) {
           return {

package/esm/phone-input/default-props.js

@@ -7,7 +7,9 @@ LICENSE file in the root directory of this source tree.
 import { SIZE, DEFAULT_MAX_DROPDOWN_HEIGHT, DEFAULT_MAX_DROPDOWN_WIDTH } from './constants';
 var defaultProps = {
   'aria-label': 'Please enter a phone number without the country dial code.',
+  // @ts-ignore
   'aria-describedby': null,
+  // @ts-ignore
   'aria-labelledby': null,
   clearable: true,
   focusLock: false,
@@ -18,9 +20,11 @@ var defaultProps = {
   },
   disabled: false,
   error: false,
+  // @ts-ignore
   id: null,
   maxDropdownHeight: DEFAULT_MAX_DROPDOWN_HEIGHT,
   maxDropdownWidth: DEFAULT_MAX_DROPDOWN_WIDTH,
+  // @ts-ignore
   name: null,
   onCountryChange: function onCountryChange() {},
   onTextChange: function onTextChange() {},

package/esm/phone-input/flag.js

@@ -25,7 +25,8 @@ export default function Flag(props) {
       width = _props$width === void 0 ? '16px' : _props$width,
       restProps = _objectWithoutProperties(props, _excluded);
 
-  var iso = oldIsoProp || $iso;
+  var iso = oldIsoProp || $iso; // @ts-ignore
+
   var FlagComponent = flags["Flag".concat(iso.toUpperCase())]; //$FlowExpectedError[cannot-spread-inexact]
 
   return /*#__PURE__*/React.createElement(FlagComponent, _extends({

package/esm/phone-input/phone-input-lite.js

@@ -60,6 +60,7 @@ export default function PhoneInputLite(props) {
   var inputRef = useRef(null);
   var baseDialCodeOverride = {
     component: StyledDialCode,
+    // @ts-ignore
     style: function style(_ref) {
       var _ref$$theme = _ref.$theme,
           direction = _ref$$theme.direction,
@@ -78,6 +79,7 @@ export default function PhoneInputLite(props) {
   });
   var baseOverrides = {
     Input: {
+      // @ts-ignore
       style: function style(_ref3) {
         var _ref3$$theme = _ref3.$theme,
             direction = _ref3$$theme.direction,

package/esm/phone-input/phone-input-next.js

@@ -68,6 +68,7 @@ export default function PhoneInputNext(props) {
   var inputRef = useRef(null);
   var baseDialCodeOverride = {
     component: StyledDialCode,
+    // @ts-ignore
     style: function style(_ref) {
       var _ref$$theme = _ref.$theme,
           direction = _ref$$theme.direction,
@@ -86,6 +87,7 @@ export default function PhoneInputNext(props) {
   });
   var baseOverrides = {
     Input: {
+      // @ts-ignore
       style: function style(_ref3) {
         var _ref3$$theme = _ref3.$theme,
             direction = _ref3$$theme.direction,

package/esm/phone-input/stateful-phone-input-container.js

@@ -80,6 +80,7 @@ var StatefulPhoneInputContainer = /*#__PURE__*/function (_React$Component) {
 
       if (event.option && event.option.id) {
         _this.internalSetState(STATE_CHANGE_TYPE.countryChange, {
+          // @ts-ignore
           country: COUNTRIES[event.option.id]
         });
       }

package/esm/pin-code/default-props.js

@@ -7,13 +7,17 @@ LICENSE file in the root directory of this source tree.
 import { SIZE } from '../input';
 var defaultProps = {
   'aria-label': 'Please enter your pin code',
+  // @ts-ignore
   'aria-labelledby': null,
+  // @ts-ignore
   'aria-describedby': null,
   autoComplete: 'one-time-code',
   autoFocus: false,
   disabled: false,
   error: false,
+  // @ts-ignore
   id: null,
+  // @ts-ignore
   name: null,
   onChange: function onChange() {},
   overrides: {},

package/esm/pin-code/pin-code.js

@@ -143,7 +143,8 @@ var PinCode = /*#__PURE__*/function (_React$Component) {
             return _this2.setState({
               hasFocus: true
             });
-          },
+          } // @ts-ignore
+          ,
           onChange: function onChange(event) {
             var eventValue = event.target.value; // in the case of an autocomplete or copy and paste
 
@@ -201,7 +202,8 @@ var PinCode = /*#__PURE__*/function (_React$Component) {
                 if (inputRef && inputRef.focus) inputRef.focus();
               }
             }
-          },
+          } // @ts-ignore
+          ,
           onKeyDown: function onKeyDown(event) {
             // if we see a backspace/delete and the input is empty, transfer focus backward
             if (_this2.props.manageFocus && event.key === 'Backspace' && _this2.props.values[i] === '' && i > 0) {

package/esm/popover/popover.js

@@ -97,6 +97,7 @@ var PopoverInner = /*#__PURE__*/function (_React$Component) {
           _this.setState({
             isAnimating: false,
             // Reset to ideal placement specified in props
+            // @ts-ignore
             placement: _this.props.placement
           });
         }, _this.props.animateOutTime || ANIMATE_OUT_TIME);
@@ -142,6 +143,7 @@ var PopoverInner = /*#__PURE__*/function (_React$Component) {
       var placement = fromPopperPlacement(data.placement) || PLACEMENT.top;
 
       _this.setState({
+        // @ts-ignore
         arrowOffset: normalizedOffsets.arrow,
         popoverOffset: normalizedOffsets.popper,
         placement: placement
@@ -173,7 +175,7 @@ var PopoverInner = /*#__PURE__*/function (_React$Component) {
         return;
       }
 
-      if (!anchor || anchor === target || target instanceof Node && popper.contains(target)) {
+      if (!anchor || anchor === target || target instanceof Node && anchor.contains(target)) {
         return;
       }
 
@@ -206,7 +208,7 @@ var PopoverInner = /*#__PURE__*/function (_React$Component) {
       if (process.env.NODE_ENV !== "production") {
         if (!this.anchorRef.current) {
           // eslint-disable-next-line no-console
-          console.warn("[baseui][Popover] ref has not been passed to the Popper's anchor element.\n              See how to pass the ref to an anchor element in the Popover example\n              http://baseui.design/components/popover#anchor-ref-handling-example");
+          console.warn("[baseui][Popover] ref has not been passed to the Popper's anchor element.\n              See how to pass the ref to an anchor element in the Popover example\n              https://baseweb.design/components/popover/#anchor-ref-handling-example");
         }
       }
     }
@@ -350,7 +352,15 @@ var PopoverInner = /*#__PURE__*/function (_React$Component) {
         anchorProps.onBlur = this.props.onBlur;
         anchorProps.onFocus = this.props.onFocus;
       } else {
-        anchorProps.onClick = this.onAnchorClick;
+        anchorProps.onClick = this.onAnchorClick; // Make it focusable too
+
+        if (this.props.onBlur) {
+          anchorProps.onBlur = this.props.onBlur;
+        }
+
+        if (this.props.onFocus) {
+          anchorProps.onFocus = this.props.onFocus;
+        }
       }
 
       return anchorProps;
@@ -362,8 +372,10 @@ var PopoverInner = /*#__PURE__*/function (_React$Component) {
       var popoverId = this.getPopoverIdAttr();
 
       if (this.isAccessibilityTypeMenu()) {
+        // @ts-ignore
         bodyProps.id = popoverId;
       } else if (this.isAccessibilityTypeTooltip()) {
+        // @ts-ignore
         bodyProps.id = popoverId;
         bodyProps.role = 'tooltip';
       }
@@ -392,6 +404,7 @@ var PopoverInner = /*#__PURE__*/function (_React$Component) {
         $showArrow: !!showArrow,
         $arrowOffset: arrowOffset,
         $popoverOffset: popoverOffset,
+        // @ts-ignore
         $placement: placement,
         $isAnimating: isAnimating,
         $animationDuration: this.props.animateOutTime || ANIMATE_OUT_TIME,
@@ -429,9 +442,13 @@ var PopoverInner = /*#__PURE__*/function (_React$Component) {
         return /*#__PURE__*/React.cloneElement(anchor, anchorProps);
       }
 
-      return /*#__PURE__*/React.createElement("span", _extends({
-        key: "popover-anchor"
-      }, anchorProps), anchor);
+      return (
+        /*#__PURE__*/
+        // @ts-ignore
+        React.createElement("span", _extends({
+          key: "popover-anchor"
+        }, anchorProps), anchor)
+      );
     }
   }, {
     key: "renderPopover",

package/esm/popover/stateful-popover.js

@@ -35,6 +35,7 @@ StatefulPopover.defaultProps = {
   triggerType: TRIGGER_TYPE.click,
   dismissOnClickOutside: true,
   dismissOnEsc: true,
+  // @ts-ignore
   stateReducer: function stateReducer(_, nextState) {
     return nextState;
   },

package/esm/popover/utils.js

@@ -40,6 +40,7 @@ var OPPOSITE_POSITIONS = {
  */
 
 export function getOppositePosition(position) {
+  // @ts-ignore
   return OPPOSITE_POSITIONS[position];
 }
 /**
@@ -62,7 +63,8 @@ export function capitalize(str) {
  */
 
 export function fromPopperPlacement(placement) {
-  var popoverPlacement = placement.replace(/(top|bottom)-start$/, '$1Left').replace(/(top|bottom)-end$/, '$1Right').replace(/(left|right)-start$/, '$1Top').replace(/(left|right)-end$/, '$1Bottom');
+  var popoverPlacement = placement.replace(/(top|bottom)-start$/, '$1Left').replace(/(top|bottom)-end$/, '$1Right').replace(/(left|right)-start$/, '$1Top').replace(/(left|right)-end$/, '$1Bottom'); // @ts-ignore
+
   return PLACEMENT[popoverPlacement] || null;
 }
 /**

package/esm/progress-bar/progressbar-rounded.js

@@ -36,7 +36,7 @@ var defaults = {
   TrackBackground: StyledProgressBarRoundedTrackBackground,
   TrackForeground: StyledProgressBarRoundedTrackForeground,
   Text: StyledProgressBarRoundedText
-};
+}; // @ts-ignore
 
 function roundTo(n, digits) {
   if (digits === undefined) {
@@ -110,15 +110,18 @@ function ProgressBarRounded(_ref) {
       window.cancelAnimationFrame(animationFrameRef.current);
     }
 
-    var animationDuration = Math.max(1000 * (progress - pathProgress), 250);
+    var animationDuration = Math.max(1000 * (progress - pathProgress), 250); // @ts-ignore
+
     var animationTimeStarted;
 
     function loop() {
       var now = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
 
+      // @ts-ignore
       if (!animationTimeStarted) {
         animationTimeStarted = now;
-      }
+      } // @ts-ignore
+
 
       var animationTimeElapsed = now - animationTimeStarted; // Move out of state - might need to reverse calculate the path progress for interruped animations
 
@@ -134,31 +137,27 @@ function ProgressBarRounded(_ref) {
     loop();
   }, [progress]); // We want *only* `progress` to trigger this effect
 
-  return (
-    /*#__PURE__*/
-    // $FlowExpectedError[cannot-spread-inexact]
-    React.createElement(Root, _extends({
-      "data-baseweb": "progressbar-rounded",
-      role: "progressbar",
-      "aria-valuenow": progress,
-      "aria-valuemin": 0,
-      "aria-valuemax": 1,
-      $size: size,
-      $inline: inline
-    }, restProps, rootProps), /*#__PURE__*/React.createElement(Svg, _extends({
-      $size: size
-    }, restProps, svgProps), /*#__PURE__*/React.createElement(TrackBackground, _extends({
-      $size: size
-    }, trackBackgroundProps)), /*#__PURE__*/React.createElement(TrackForeground, _extends({
-      ref: pathRef,
-      $size: size,
-      $visible: !!pathRef.current,
-      $pathLength: pathLength,
-      $pathProgress: pathProgress
-    }, trackForegroundProps))), /*#__PURE__*/React.createElement(Text, _extends({
-      $size: size
-    }, textProps), roundTo(Math.min(progress * 100, 100)), "%"))
-  );
+  return /*#__PURE__*/React.createElement(Root, _extends({
+    "data-baseweb": "progressbar-rounded",
+    role: "progressbar",
+    "aria-valuenow": progress,
+    "aria-valuemin": 0,
+    "aria-valuemax": 1,
+    $size: size,
+    $inline: inline
+  }, restProps, rootProps), /*#__PURE__*/React.createElement(Svg, _extends({
+    $size: size
+  }, restProps, svgProps), /*#__PURE__*/React.createElement(TrackBackground, _extends({
+    $size: size
+  }, trackBackgroundProps)), /*#__PURE__*/React.createElement(TrackForeground, _extends({
+    ref: pathRef,
+    $size: size,
+    $visible: !!pathRef.current,
+    $pathLength: pathLength,
+    $pathProgress: pathProgress
+  }, trackForegroundProps))), /*#__PURE__*/React.createElement(Text, _extends({
+    $size: size
+  }, textProps), roundTo(Math.min(progress * 100, 100)), "%"));
 }
 
 export default ProgressBarRounded;

package/esm/progress-bar/progressbar.js

@@ -141,7 +141,10 @@ var ProgressBar = /*#__PURE__*/function (_React$Component) {
         var children = [];
 
         for (var i = 0; i < steps; i++) {
-          children.push( /*#__PURE__*/React.createElement(Bar, _extends({
+          children.push(
+          /*#__PURE__*/
+          // @ts-ignore
+          React.createElement(Bar, _extends({
             key: i
           }, sharedProps, barProps), /*#__PURE__*/React.createElement(BarProgress, _extends({
             $index: i
@@ -153,7 +156,8 @@ var ProgressBar = /*#__PURE__*/function (_React$Component) {
 
       return (
         /*#__PURE__*/
-        // eslint-disable-next-line jsx-a11y/role-supports-aria-props
+
+        /* eslint-disable jsx-a11y/role-supports-aria-props */
         React.createElement(Root, _extends({
           ref: forwardedRef,
           "data-baseweb": "progress-bar",
@@ -171,6 +175,7 @@ var ProgressBar = /*#__PURE__*/function (_React$Component) {
           $size: sharedProps.$size
         }, infiniteBarProps))) : renderProgressBar()), showLabel && /*#__PURE__*/React.createElement(Label, _extends({}, sharedProps, labelProps), getProgressLabel(value, maximumValue, minValue)))
       );
+      /* eslint-enable jsx-a11y/role-supports-aria-props */
     }
   }]);
 
@@ -192,7 +197,8 @@ _defineProperty(ProgressBar, "defaultProps", {
   value: 0
 });
 
-var ForwardedProgressBar = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var ForwardedProgressBar = /*#__PURE__*/React.forwardRef( // @ts-ignore
+function (props, ref) {
   return (
     /*#__PURE__*/
     //$FlowExpectedError[cannot-spread-inexact]

package/esm/progress-bar/styled-components.js

@@ -18,9 +18,11 @@ import { styled, hexToRgb, withWrapper } from '../styles';
 import { SIZE } from './constants';
 import React from 'react';
 
+// @ts-ignore
 function getBarHeight(size) {
   var _SIZE$small$SIZE$medi;
 
+  // @ts-ignore
   return (_SIZE$small$SIZE$medi = {}, _defineProperty(_SIZE$small$SIZE$medi, SIZE.small, '2px'), _defineProperty(_SIZE$small$SIZE$medi, SIZE.medium, '4px'), _defineProperty(_SIZE$small$SIZE$medi, SIZE.large, '8px'), _SIZE$small$SIZE$medi)[size];
 } // eslint-disable-next-line @typescript-eslint/no-unused-vars
 

package/esm/progress-steps/progress-steps.js

@@ -47,6 +47,7 @@ function ProgressSteps(_ref) {
     var isActive = child.props.isActive !== undefined ? child.props.isActive : index === current;
     return /*#__PURE__*/React.cloneElement(child, {
       isLast: index === numChildren - 1,
+      // @ts-ignore
       isCompleted: index < current,
       isActive: isActive,
       step: index + 1,

package/esm/radio/radio.js

@@ -46,13 +46,16 @@ import * as React from 'react';
 import { getOverrides } from '../helpers/overrides';
 import { Root as StyledRoot, Label as StyledLabel, Input as StyledInput, RadioMarkInner as StyledRadioMarkInner, RadioMarkOuter as StyledRadioMarkOuter, Description as StyledDescription } from './styled-components';
 
+// @ts-ignore
 function isLabelTopLeft(labelPlacement) {
   return labelPlacement === 'top' || labelPlacement === 'left';
-}
+} // @ts-ignore
+
 
 function isLabelBottomRight(labelPlacement) {
   return labelPlacement === 'bottom' || labelPlacement === 'right';
-}
+} // @ts-ignore
+
 
 var stopPropagation = function stopPropagation(e) {
   return e.stopPropagation();

package/esm/radio/radiogroup.js

@@ -131,6 +131,7 @@ var StatelessRadioGroup = /*#__PURE__*/function (_React$Component) {
 
         var checked = _this2.props.value === child.props.value;
         return /*#__PURE__*/React.cloneElement(child, {
+          //@ts-ignore
           align: _this2.props.align,
           autoFocus: _this2.props.autoFocus,
           checked: checked,