baseui 12.1.3 → 13.0.0

package/popover/popover.js

@@ -112,6 +112,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 || _constants.ANIMATE_OUT_TIME);
@@ -157,6 +158,7 @@ var PopoverInner = /*#__PURE__*/function (_React$Component) {
       var placement = (0, _utils.fromPopperPlacement)(data.placement) || _constants.PLACEMENT.top;
 
       _this.setState({
+        // @ts-ignore
         arrowOffset: normalizedOffsets.arrow,
         popoverOffset: normalizedOffsets.popper,
         placement: placement
@@ -188,7 +190,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;
       }
 
@@ -221,7 +223,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");
         }
       }
     }
@@ -365,7 +367,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;
@@ -377,8 +387,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';
       }
@@ -407,6 +419,7 @@ var PopoverInner = /*#__PURE__*/function (_React$Component) {
         $showArrow: !!showArrow,
         $arrowOffset: arrowOffset,
         $popoverOffset: popoverOffset,
+        // @ts-ignore
         $placement: placement,
         $isAnimating: isAnimating,
         $animationDuration: this.props.animateOutTime || _constants.ANIMATE_OUT_TIME,
@@ -444,9 +457,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/popover/popover.js.flow

@@ -79,7 +79,7 @@ class PopoverInner extends React.Component<PopoverPropsT, PopoverPrivateStateT>
         console.warn(
           `[baseui][Popover] ref has not been passed to the Popper's anchor element.
               See how to pass the ref to an anchor element in the Popover example
-              http://baseui.design/components/popover#anchor-ref-handling-example`
+              https://baseweb.design/components/popover/#anchor-ref-handling-example`
         );
       }
     }
@@ -115,7 +115,7 @@ class PopoverInner extends React.Component<PopoverPropsT, PopoverPrivateStateT>
       isAnimating: false,
       arrowOffset: { left: 0, top: 0 },
       popoverOffset: { left: 0, top: 0 },
-      placement: props.placement,
+      placement: props.placement || PLACEMENT.auto,
       isMounted: false,
       isLayerMounted: false,
       autoFocusAfterPositioning: false,
@@ -328,7 +328,7 @@ class PopoverInner extends React.Component<PopoverPropsT, PopoverPrivateStateT>
 
   getSharedProps(): $Diff<SharedStylePropsArgT, { children?: React.Node }> {
     const { isOpen, showArrow, popoverMargin = POPOVER_MARGIN } = this.props;
-    const { isAnimating, arrowOffset, popoverOffset, placement } = this.state;
+    const { isAnimating, arrowOffset, popoverOffset, placement = PLACEMENT.auto } = this.state;
     return {
       $showArrow: !!showArrow,
       $arrowOffset: arrowOffset,

package/popover/stateful-container.d.ts

@@ -26,7 +26,7 @@ declare class StatefulContainer extends React.Component<StatefulPopoverContainer
      *  Click me
      * </StatefulPopover>
      */
-    renderContent: () => any;
+    renderContent: () => React.ReactNode;
     render(): React.ReactNode;
 }
 export default StatefulContainer;

package/popover/stateful-popover.js

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

package/popover/types.d.ts

@@ -3,26 +3,26 @@ import type { Override } from '../helpers/overrides';
 import type { TetherPlacement } from '../layer';
 import type { ACCESSIBILITY_TYPE, STATE_CHANGE_TYPE, TRIGGER_TYPE } from './constants';
 export type { PopperDataObject, PopperOffset, PopperOptions } from '../layer';
-export declare type PopoverPlacement = TetherPlacement;
-export declare type TriggerType = keyof typeof TRIGGER_TYPE;
-export declare type AccessibilityType = keyof typeof ACCESSIBILITY_TYPE;
-export declare type State = {
+export type PopoverPlacement = TetherPlacement;
+export type TriggerType = keyof typeof TRIGGER_TYPE;
+export type AccessibilityType = keyof typeof ACCESSIBILITY_TYPE;
+export type State = {
     isOpen: boolean;
 };
-export declare type StateChangeType = keyof typeof STATE_CHANGE_TYPE;
-export declare type StateReducer = (stateChangeType: StateChangeType, nextState: State, currentState: State) => State;
-export declare type ContentRenderProp = () => React.ReactNode;
-export declare type StatefulContentRenderProp = (a: {
+export type StateChangeType = keyof typeof STATE_CHANGE_TYPE;
+export type StateReducer = (stateChangeType: StateChangeType, nextState: State, currentState: State) => State;
+export type ContentRenderProp = () => React.ReactNode;
+export type StatefulContentRenderProp = (a: {
     close: () => void;
 }) => React.ReactNode;
-export declare type PopoverOverrides = {
+export type PopoverOverrides = {
     Body?: Override;
     Arrow?: Override;
     Inner?: Override;
 };
-export declare type Child = React.ReactNode;
-export declare type Children = Array<Child> | Child;
-export declare type BasePopoverProps = {
+export type Child = React.ReactNode;
+export type Children = Array<Child> | Child;
+export type BasePopoverProps = {
     /** Controls how this popover behaves for screen readers and other assistive devices.
      * See the A11Y section at the bottom of this document for more details.
      */
@@ -61,7 +61,7 @@ export declare type BasePopoverProps = {
     onMouseLeaveDelay?: number;
     overrides?: PopoverOverrides;
     /** How to position the popover relative to the target. */
-    placement: TetherPlacement;
+    placement?: TetherPlacement;
     /** Popper options override
      * https://github.com/popperjs/popper.js/blob/v1.x/docs/_includes/popper-documentation.md
      */
@@ -75,11 +75,11 @@ export declare type BasePopoverProps = {
     /** Whether or not to show the arrow pointing from the popover to the trigger. */
     showArrow?: boolean;
     /** Whether to toggle the popover when trigger is clicked or hovered. */
-    triggerType: TriggerType;
+    triggerType?: TriggerType;
     /** Margin of the popover */
     popoverMargin?: number;
 };
-export declare type PopoverProps = BasePopoverProps & {
+export type PopoverProps = BasePopoverProps & {
     /** Content that should trigger the popover to be shown (also acts as the anchor against
      * which the popover will be positioned).
      */
@@ -93,7 +93,7 @@ export declare type PopoverProps = BasePopoverProps & {
     /** Handler for click events on trigger element. */
     onEsc?: () => unknown;
 };
-export declare type StatefulPopoverProps = BasePopoverProps & {
+export type StatefulPopoverProps = BasePopoverProps & {
     /** Content that should trigger the popover to be shown (also acts as the anchor against
      * which the popover will be positioned).
      */
@@ -101,9 +101,9 @@ export declare type StatefulPopoverProps = BasePopoverProps & {
     /** Content to render within the popover when it's shown. */
     content: React.ReactNode | StatefulContentRenderProp;
     /** Whether to hide the popover when the user clicks anywhere outside the trigger/popover. */
-    dismissOnClickOutside: boolean;
+    dismissOnClickOutside?: boolean;
     /** Whether to hide the popover when the user presses the escape key. */
-    dismissOnEsc: boolean;
+    dismissOnEsc?: boolean;
     /** Initial state populated into the component */
     initialState?: State;
     /** Event handler when popover is hidden. */
@@ -113,15 +113,15 @@ export declare type StatefulPopoverProps = BasePopoverProps & {
     /** Reducer function to manipulate internal state updates. */
     stateReducer?: StateReducer;
 };
-export declare type StatefulPopoverContainerProps = Omit<StatefulPopoverProps, 'children'> & {
+export type StatefulPopoverContainerProps = Omit<StatefulPopoverProps, 'children'> & {
     children: (props: Omit<PopoverProps, 'children'>) => React.ReactNode;
 };
-export declare type PopoverPropsWithoutChildren = Omit<PopoverProps, 'children'>;
-export declare type Offset = {
+export type PopoverPropsWithoutChildren = Omit<PopoverProps, 'children'>;
+export type Offset = {
     top: number;
     left: number;
 };
-export declare type PopoverPrivateState = {
+export type PopoverPrivateState = {
     isAnimating: boolean;
     arrowOffset: Offset;
     popoverOffset: Offset;
@@ -130,11 +130,11 @@ export declare type PopoverPrivateState = {
     isMounted: boolean;
     autoFocusAfterPositioning: boolean;
 };
-export declare type ArrowStylePropsArg = {
+export type ArrowStylePropsArg = {
     $arrowOffset: Offset;
     $placement: TetherPlacement;
 };
-export declare type BodyStylePropsArg = {
+export type BodyStylePropsArg = {
     $animationDuration: number;
     $isAnimating: boolean;
     $isHoverTrigger: boolean;
@@ -144,9 +144,9 @@ export declare type BodyStylePropsArg = {
     $showArrow: boolean;
     $popoverMargin: number;
 };
-export declare type InnerStylePropsArg = {};
-export declare type SharedStylePropsArg = {} & ArrowStylePropsArg & BodyStylePropsArg;
-export declare type AnchorProps = {
+export type InnerStylePropsArg = {};
+export type SharedStylePropsArg = {} & ArrowStylePropsArg & BodyStylePropsArg;
+export type AnchorProps = {
     'aria-controls'?: string | null;
     'aria-describedby'?: string | null;
     'aria-expanded'?: boolean;

package/popover/types.js.flow

@@ -86,7 +86,7 @@ export type BasePopoverPropsT = {
   onMouseLeaveDelay?: number,
   overrides?: OverridesT,
   /** How to position the popover relative to the target. */
-  placement: TetherPlacementT,
+  placement?: TetherPlacementT,
   /** Popper options override
    * https://github.com/popperjs/popper.js/blob/v1.x/docs/_includes/popper-documentation.md
    */
@@ -101,7 +101,7 @@ export type BasePopoverPropsT = {
   /** Whether or not to show the arrow pointing from the popover to the trigger. */
   showArrow?: boolean,
   /** Whether to toggle the popover when trigger is clicked or hovered. */
-  triggerType: TriggerTypeT,
+  triggerType?: TriggerTypeT,
   /** Margin of the popover */
   popoverMargin?: number,
 };
@@ -131,9 +131,9 @@ export type StatefulPopoverPropsT = BasePopoverPropsT & {
   /** Content to render within the popover when it's shown. */
   content: React.Node | StatefulContentRenderPropT,
   /** Whether to hide the popover when the user clicks anywhere outside the trigger/popover. */
-  dismissOnClickOutside: boolean,
+  dismissOnClickOutside?: boolean,
   /** Whether to hide the popover when the user presses the escape key. */
-  dismissOnEsc: boolean,
+  dismissOnEsc?: boolean,
   /** Initial state populated into the component */
   initialState?: StateT,
   /** Event handler when popover is hidden. */
@@ -149,6 +149,7 @@ export type StatefulPopoverContainerPropsT = $Diff<
   StatefulPopoverPropsT,
   { children: React.Node }
 > & {
+  // $FlowFixMe
   children: (props: $Diff<PopoverPropsT, { children: React.Node }>) => React.Node,
 };
 

package/popover/utils.js

@@ -48,6 +48,7 @@ var OPPOSITE_POSITIONS = {
  */
 
 function getOppositePosition(position) {
+  // @ts-ignore
   return OPPOSITE_POSITIONS[position];
 }
 /**
@@ -73,7 +74,8 @@ function capitalize(str) {
 
 
 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 _constants.PLACEMENT[popoverPlacement] || null;
 }
 /**

package/progress-bar/progressbar-rounded.js

@@ -45,7 +45,7 @@ var defaults = {
   TrackBackground: _styledComponents.StyledProgressBarRoundedTrackBackground,
   TrackForeground: _styledComponents.StyledProgressBarRoundedTrackForeground,
   Text: _styledComponents.StyledProgressBarRoundedText
-};
+}; // @ts-ignore
 
 function roundTo(n, digits) {
   if (digits === undefined) {
@@ -119,15 +119,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
 
@@ -143,31 +146,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)), "%"));
 }
 
 var _default = ProgressBarRounded;

package/progress-bar/progressbar.js

@@ -149,7 +149,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
@@ -161,7 +164,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",
@@ -179,6 +183,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 */
     }
   }]);
 
@@ -200,7 +205,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/progress-bar/styled-components.js

@@ -23,9 +23,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+// @ts-ignore
 function getBarHeight(size) {
   var _SIZE$small$SIZE$medi;
 
+  // @ts-ignore
   return (_SIZE$small$SIZE$medi = {}, _defineProperty(_SIZE$small$SIZE$medi, _constants.SIZE.small, '2px'), _defineProperty(_SIZE$small$SIZE$medi, _constants.SIZE.medium, '4px'), _defineProperty(_SIZE$small$SIZE$medi, _constants.SIZE.large, '8px'), _SIZE$small$SIZE$medi)[size];
 } // eslint-disable-next-line @typescript-eslint/no-unused-vars
 

package/progress-bar/types.d.ts

@@ -1,8 +1,8 @@
 import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
 import type { SIZE } from './constants';
-export declare type Size = keyof typeof SIZE;
-export declare type ProgressBarOverrides = {
+export type Size = keyof typeof SIZE;
+export type ProgressBarOverrides = {
     Root?: Override;
     BarContainer?: Override;
     Bar?: Override;
@@ -10,7 +10,7 @@ export declare type ProgressBarOverrides = {
     InfiniteBar?: Override;
     Label?: Override;
 };
-export declare type ProgressBarProps = {
+export type ProgressBarProps = {
     /** The accessible label for the progress bar (getProgressLabel will be used if not provided) */
     ariaLabel?: string;
     'aria-label'?: string;
@@ -37,7 +37,7 @@ export declare type ProgressBarProps = {
     /** The value between `0` and `100 | successValue` of the progress indicator. */
     value: number;
 };
-export declare type StyleProps = {
+export type StyleProps = {
     $infinite: boolean;
     $index: number;
     $size: Size;
@@ -47,14 +47,14 @@ export declare type StyleProps = {
     $maxValue: number;
     $value: number;
 };
-export declare type ProgressBarRoundedOverrides = {
+export type ProgressBarRoundedOverrides = {
     Root?: Override;
     Svg?: Override;
     TrackBackground?: Override;
     TrackForeground?: Override;
     Text?: Override;
 };
-export declare type ProgressBarRoundedProps = {
+export type ProgressBarRoundedProps = {
     /** A number between 0 and 1 inclusive. Example: 0.75. */
     progress?: number;
     /** The size of the progress bar. */

package/progress-steps/progress-steps.js

@@ -56,6 +56,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/progress-steps/types.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { Override } from '../helpers/overrides';
-export declare type ProgressStepsOverrides = {
+export type ProgressStepsOverrides = {
     Root?: Override;
     StepRoot?: Override;
     IconContainer?: Override;
@@ -11,13 +11,13 @@ export declare type ProgressStepsOverrides = {
     Title?: Override;
     Description?: Override;
 };
-export declare type ProgressStepsProps = {
+export type ProgressStepsProps = {
     overrides?: ProgressStepsOverrides;
     children?: ReactNode;
     /** Defines the current active step index. */
     current?: number;
 };
-export declare type StepOverrides = {
+export type StepOverrides = {
     Root?: Override;
     IconContainer?: Override;
     Icon?: Override;
@@ -27,7 +27,7 @@ export declare type StepOverrides = {
     Title?: Override;
     Description?: Override;
 };
-export declare type StepProps = {
+export type StepProps = {
     /** The title of the Step. */
     title?: ReactNode;
     /** Defines if the step is completed. Overriden by ProgressSteps, if used. */
@@ -39,7 +39,7 @@ export declare type StepProps = {
     overrides?: StepOverrides;
     children?: ReactNode;
 };
-export declare type NumberedStepOverrides = {
+export type NumberedStepOverrides = {
     Root?: Override;
     IconContainer?: Override;
     Icon?: Override;
@@ -49,9 +49,9 @@ export declare type NumberedStepOverrides = {
     Title?: Override;
     Description?: Override;
 };
-export declare type NumberedStepProps = {
+export type NumberedStepProps = {
     /** The title of the Step. */
-    title?: string;
+    title?: ReactNode;
     /** Defines if the step is completed. */
     isCompleted?: boolean;
     /** Defines if the step is currently active. */
@@ -63,7 +63,7 @@ export declare type NumberedStepProps = {
     /** The number displayed as the step number */
     step?: ReactNode;
 };
-export declare type StyleProps = {
+export type StyleProps = {
     $isActive?: boolean;
     $isCompleted?: boolean;
     $disabled?: boolean;

package/progress-steps/types.js.flow

@@ -66,7 +66,7 @@ export type NumberedStepOverridesT = {
 
 export type NumberedStepPropsT = {
   /** The title of the Step. */
-  title?: string,
+  title?: Node,
   /** Defines if the step is completed. */
   isCompleted: boolean,
   /** Defines if the step is currently active. */

package/radio/radio.js

@@ -53,13 +53,16 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+// @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/radio/radiogroup.js

@@ -139,6 +139,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,

package/radio/styled-components.js

@@ -17,11 +17,13 @@ var DEFAULT = 0;
 var HOVERED = 1;
 var ACTIVE = 2;
 
+// @ts-ignore
 function getState(props) {
   if (props.$isActive) return ACTIVE;
   if (props.$isHovered) return HOVERED;
   return DEFAULT;
-}
+} // @ts-ignore
+
 
 function getOuterColor(props) {
   var colors = props.$theme.colors,
@@ -62,7 +64,8 @@ function getOuterColor(props) {
   }
 
   return null;
-}
+} // @ts-ignore
+
 
 function getInnerColor(props) {
   var colors = props.$theme.colors;
@@ -98,7 +101,8 @@ function getInnerColor(props) {
   } else {
     return colors.tickMarkFill;
   }
-}
+} // @ts-ignore
+
 
 function getLabelPadding(props) {
   var _props$$labelPlacemen = props.$labelPlacement,
@@ -128,7 +132,8 @@ function getLabelPadding(props) {
   var sizing = $theme.sizing;
   var scale300 = sizing.scale300;
   return _defineProperty({}, "padding".concat(paddingDirection), scale300);
-}
+} // @ts-ignore
+
 
 function getLabelColor(props) {
   var $disabled = props.$disabled,
@@ -151,7 +156,8 @@ var RadioGroupRoot = (0, _styles.styled)('div', function (props) {
 });
 exports.RadioGroupRoot = RadioGroupRoot;
 RadioGroupRoot.displayName = "RadioGroupRoot";
-RadioGroupRoot.displayName = 'RadioGroupRoot';
+RadioGroupRoot.displayName = 'RadioGroupRoot'; // @ts-ignore
+
 var Root = (0, _styles.styled)('label', function (props) {
   var _ref2;