baseui 12.2.0 → 13.0.0

package/themes/types.d.ts

@@ -1,8 +1,8 @@
 import type { Properties } from 'csstype';
 import type { Responsive, CSSLengthUnit } from '../layout-grid';
-export declare type Globals = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
-export declare type LineStyle = 'dashed' | 'dotted' | 'double' | 'groove' | 'hidden' | 'inset' | 'none' | 'outset' | 'ridge' | 'solid';
-export declare type ColorTokens = {
+export type Globals = '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset';
+export type LineStyle = 'dashed' | 'dotted' | 'double' | 'groove' | 'hidden' | 'inset' | 'none' | 'outset' | 'ridge' | 'solid';
+export type ColorTokens = {
     primaryA: string;
     primaryB: string;
     primary: string;
@@ -65,7 +65,7 @@ export declare type ColorTokens = {
     ratingInactiveFill: string;
     ratingStroke: string;
 };
-export declare type CoreSemanticColorTokens = {
+export type CoreSemanticColorTokens = {
     backgroundPrimary: string;
     backgroundSecondary: string;
     backgroundTertiary: string;
@@ -84,7 +84,7 @@ export declare type CoreSemanticColorTokens = {
     borderInverseTransparent?: string;
     borderInverseSelected: string;
 };
-export declare type CoreExtensionSemanticColorTokens = {
+export type CoreExtensionSemanticColorTokens = {
     backgroundStateDisabled: string;
     backgroundOverlayDark?: string;
     backgroundOverlayLight?: string;
@@ -93,10 +93,10 @@ export declare type CoreExtensionSemanticColorTokens = {
     backgroundNegative: string;
     backgroundWarning: string;
     backgroundPositive: string;
-    backgroundLightAccent: string;
-    backgroundLightPositive: string;
-    backgroundLightNegative: string;
-    backgroundLightWarning: string;
+    backgroundAccentLight: string;
+    backgroundPositiveLight: string;
+    backgroundNegativeLight: string;
+    backgroundWarningLight: string;
     backgroundAlwaysDark: string;
     backgroundAlwaysLight: string;
     contentStateDisabled: string;
@@ -112,6 +112,9 @@ export declare type CoreExtensionSemanticColorTokens = {
     borderNegative: string;
     borderWarning: string;
     borderPositive: string;
+    borderNegativeLight: string;
+    borderWarningLight: string;
+    borderPositiveLight: string;
     safety: string;
     eatsGreen400: string;
     freightBlue400: string;
@@ -122,8 +125,8 @@ export declare type CoreExtensionSemanticColorTokens = {
     rewardsTier4: string;
     membership: string;
 };
-export declare type SemanticColorTokens = {} & CoreSemanticColorTokens & CoreExtensionSemanticColorTokens;
-export declare type ComponentColorTokens = {
+export type SemanticColorTokens = {} & CoreSemanticColorTokens & CoreExtensionSemanticColorTokens;
+export type ComponentColorTokens = {
     bannerActionLowInfo: string;
     bannerActionLowNegative: string;
     bannerActionLowPositive: string;
@@ -416,17 +419,17 @@ export declare type ComponentColorTokens = {
     tooltipBackground: string;
     tooltipText: string;
 };
-export declare type FontTokens = {
+export type FontTokens = {
     primaryFontFamily: string;
 };
-export declare type Primitives = {} & ColorTokens & FontTokens;
-export declare type Font = {
+export type Primitives = {} & ColorTokens & FontTokens;
+export type Font = {
     fontFamily: string;
     fontWeight: Globals | 'bold' | 'normal' | 'bolder' | 'lighter' | number;
     fontSize: string;
     lineHeight: string | number;
 };
-export declare type Typography = {
+export type Typography = {
     font100: Font;
     font150: Font;
     font200: Font;
@@ -482,7 +485,7 @@ export declare type Typography = {
     MonoDisplayMedium: Font;
     MonoDisplayLarge: Font;
 };
-export declare type Sizing = {
+export type Sizing = {
     scale0: string;
     scale100: string;
     scale200: string;
@@ -506,17 +509,17 @@ export declare type Sizing = {
     scale3200: string;
     scale4800: string;
 };
-export declare type Breakpoints = {
+export type Breakpoints = {
     small: number;
     medium: number;
     large: number;
 };
-export declare type MediaQuery = {
+export type MediaQuery = {
     small: string;
     medium: string;
     large: string;
 };
-export declare type Lighting = {
+export type Lighting = {
     shadow400: string;
     shadow500: string;
     shadow600: string;
@@ -533,7 +536,7 @@ export declare type Lighting = {
     deepAbove: string;
     deepBelow: string;
 };
-export declare type Animation = {
+export type Animation = {
     timing100: string;
     timing200: string;
     timing300: string;
@@ -552,12 +555,12 @@ export declare type Animation = {
     easeInOutQuinticCurve: string;
     linearCurve: string;
 };
-export declare type Border = {
+export type Border = {
     borderColor: Properties['borderColor'];
     borderStyle: Properties['borderLeftStyle'];
     borderWidth: Properties['borderWidth'];
 };
-export declare type Borders = {
+export type Borders = {
     border100: Border;
     border200: Border;
     border300: Border;
@@ -579,7 +582,7 @@ export declare type Borders = {
     popoverBorderRadius: string;
     tagBorderRadius: string;
 };
-export declare type Grid = {
+export type Grid = {
     columns: Responsive<number>;
     gutters: Responsive<number>;
     margins: Responsive<number>;
@@ -587,6 +590,6 @@ export declare type Grid = {
     maxWidth: number;
     unit: CSSLengthUnit;
 };
-export declare type ZIndex = {
+export type ZIndex = {
     modal: number;
 };

package/themes/types.js.flow

@@ -132,10 +132,10 @@ export type CoreExtensionSemanticColorTokensT = {|
   backgroundNegative: string,
   backgroundWarning: string,
   backgroundPositive: string,
-  backgroundLightAccent: string,
-  backgroundLightPositive: string,
-  backgroundLightNegative: string,
-  backgroundLightWarning: string,
+  backgroundAccentLight: string,
+  backgroundPositiveLight: string,
+  backgroundNegativeLight: string,
+  backgroundWarningLight: string,
   backgroundAlwaysDark: string,
   backgroundAlwaysLight: string,
 
@@ -155,6 +155,9 @@ export type CoreExtensionSemanticColorTokensT = {|
   borderNegative: string,
   borderWarning: string,
   borderPositive: string,
+  borderNegativeLight: string,
+  borderWarningLight: string,
+  borderPositiveLight: string,
 
   // Programs
   safety: string,

package/timepicker/index.js.flow

@@ -5,6 +5,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 // @flow
+//$FlowFixMe
 export { default as TimePicker } from './timepicker.js';
 // Flow
 export type * from './types.js';

package/timepicker/timepicker.js

@@ -71,6 +71,7 @@ var TimePicker = /*#__PURE__*/function (_React$Component) {
 
   var _super = _createSuper(TimePicker);
 
+  // @ts-ignore
   function TimePicker(props) {
     var _this;
 
@@ -107,7 +108,8 @@ var TimePicker = /*#__PURE__*/function (_React$Component) {
       var _this$dateHelpers$sec = _this.dateHelpers.secondsToHourMinute(seconds),
           _this$dateHelpers$sec2 = _slicedToArray(_this$dateHelpers$sec, 2),
           hours = _this$dateHelpers$sec2[0],
-          minutes = _this$dateHelpers$sec2[1];
+          minutes = _this$dateHelpers$sec2[1]; // @ts-ignore
+
 
       var zeroPrefix = function zeroPrefix(n) {
         return n < 10 ? "0".concat(n) : n;
@@ -150,6 +152,7 @@ var TimePicker = /*#__PURE__*/function (_React$Component) {
       switch (format) {
         case '24':
           {
+            // @ts-ignore
             hoursMinutes = [{
               hours: hours,
               minutes: minutes
@@ -164,15 +167,18 @@ var TimePicker = /*#__PURE__*/function (_React$Component) {
             var meridiem = match[3]; // if there's no AM/PM, add both AM and PM options
 
             if (!meridiem) {
-              hoursMinutes = [{
+              hoursMinutes = [// @ts-ignore
+              {
                 hours: twelveHours,
                 minutes: minutes
-              }, {
+              }, // @ts-ignore
+              {
                 hours: twelveHours + 12,
                 minutes: minutes
               }];
             } else {
-              var twentyFourHours = meridiem.toLowerCase()[0] === 'a' ? twelveHours : twelveHours + 12;
+              var twentyFourHours = meridiem.toLowerCase()[0] === 'a' ? twelveHours : twelveHours + 12; // @ts-ignore
+
               hoursMinutes = [{
                 hours: twentyFourHours,
                 minutes: minutes
@@ -279,6 +285,7 @@ var TimePicker = /*#__PURE__*/function (_React$Component) {
       var options = [];
 
       for (var i = timeWindow.start; i < timeWindow.end; i += step) {
+        // @ts-ignore
         options.push(i);
       }
 

package/timepicker/types.d.ts

@@ -2,10 +2,10 @@ import type { Override } from '../helpers/overrides';
 import type { Option } from '../select';
 import type { Size } from '../input';
 import type { DateIOAdapter } from '../datepicker/utils/types';
-export declare type TimePickerOverrides = {
+export type TimePickerOverrides = {
     Select?: Override;
 };
-export declare type TimePickerProps<T = Date> = {
+export type TimePickerProps<T = Date> = {
     /** Render options in AM/PM format or 24 hour format. Defaults to 12 hour. */
     adapter: DateIOAdapter<T>;
     format?: '12' | '24';
@@ -39,13 +39,13 @@ export declare type TimePickerProps<T = Date> = {
      */
     ignoreMinMaxDateComponent?: boolean;
 };
-export declare type TimePickerState = {
+export type TimePickerState = {
     /** List of times (in seconds) displayed in the dropdown menu. */
     steps: number[];
     /** Internal value of the selected time as an integer since midnight (0) */
     value: Option | undefined | null;
 };
-export declare type TimePickerDefaultProps = {
+export type TimePickerDefaultProps = {
     format: '12';
     step: 900;
     creatable: false;

package/timezonepicker/index.d.ts

@@ -2,4 +2,4 @@ import type { TimezonePickerOverrides } from './types';
 export { default as TimezonePicker } from './timezone-picker';
 export * from './types';
 /** @deprecated use TimezonePickerOverrides instead. To be removed in future versions.*/
-export declare type TimezoneOverrides = TimezonePickerOverrides;
+export type TimezoneOverrides = TimezonePickerOverrides;

package/timezonepicker/timezone-picker.js

@@ -216,6 +216,7 @@ var TimezonePicker = /*#__PURE__*/function (_React$Component) {
 
       if (this.props.mapLabels) {
         options = options.map(function (option) {
+          // @ts-ignore
           option.label = _this3.props.mapLabels(option);
           return option;
         });
@@ -229,7 +230,8 @@ var TimezonePicker = /*#__PURE__*/function (_React$Component) {
           disabled: _this3.props.disabled,
           error: _this3.props.error,
           positive: _this3.props.positive,
-          size: _this3.props.size,
+          size: _this3.props.size // @ts-ignore
+          ,
           onChange: function onChange(params) {
             if (params.type === 'clear') {
               _this3.setState({

package/timezonepicker/types.d.ts

@@ -1,13 +1,13 @@
 import type { Override } from '../helpers/overrides';
 import type { Option } from '../select';
 import type { Size } from '../input';
-export declare type TimezonePickerState = {
+export type TimezonePickerState = {
     /** List of timezones from the IANA database. */
     timezones: Timezone[];
     /** Value provided to the select component. */
     value: string | undefined | null;
 };
-export declare type Timezone = {
+export type Timezone = {
     id: string;
     label: string;
     /**
@@ -17,10 +17,10 @@ export declare type Timezone = {
      */
     offset: number;
 };
-export declare type TimezonePickerOverrides = {
+export type TimezonePickerOverrides = {
     Select?: Override;
 };
-export declare type TimezonePickerProps = {
+export type TimezonePickerProps = {
     additionalTimezones?: Timezone[];
     /**
      * If not provided, defaults to new Date(). Important to note that the timezone picker only

package/toast/index.d.ts

@@ -6,4 +6,4 @@ export { Root as StyledRoot, Body as StyledBody, CloseIconSvg as StyledCloseIcon
 export * from './types';
 export type { ToastLocale } from './locale';
 /** @deprecated To be removed in future versions.*/
-export declare type IToaster = typeof toaster;
+export type IToaster = typeof toaster;

package/toast/locale.d.ts

@@ -1,4 +1,4 @@
-export declare type ToastLocale = {
+export type ToastLocale = {
     close: string;
 };
 declare const locale: {

package/toast/toast.d.ts

@@ -2,9 +2,9 @@ import * as React from 'react';
 import type { ToastProps, ToastPropsShape, ToastPrivateState, SharedStylePropsArg } from './types';
 declare class Toast extends React.Component<ToastProps, ToastPrivateState> {
     static defaultProps: ToastPropsShape;
-    autoHideTimeout: TimeoutID | undefined | null;
-    animateInTimer: TimeoutID | undefined | null;
-    animateOutCompleteTimer: TimeoutID | undefined | null;
+    autoHideTimeout: ReturnType<typeof setTimeout> | undefined | null;
+    animateInTimer: ReturnType<typeof setTimeout> | undefined | null;
+    animateOutCompleteTimer: ReturnType<typeof setTimeout> | undefined | null;
     closeRef: {
         current: SVGSVGElement | undefined | null;
     } | undefined | null;

package/toast/toast.js

@@ -142,15 +142,19 @@ var Toast = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "onFocus", function (e) {
-      if (!_this.state.isVisible) return;
-      clearTimeout(_this.autoHideTimeout);
+      if (!_this.state.isVisible) return; // @ts-ignore
+
+      clearTimeout(_this.autoHideTimeout); // @ts-ignore
+
       clearTimeout(_this.animateOutCompleteTimer);
       typeof _this.props.onFocus === 'function' && _this.props.onFocus(e);
     });
 
     _defineProperty(_assertThisInitialized(_this), "onMouseEnter", function (e) {
-      if (!_this.state.isVisible) return;
-      clearTimeout(_this.autoHideTimeout);
+      if (!_this.state.isVisible) return; // @ts-ignore
+
+      clearTimeout(_this.autoHideTimeout); // @ts-ignore
+
       clearTimeout(_this.animateOutCompleteTimer);
       typeof _this.props.onMouseEnter === 'function' && _this.props.onMouseEnter(e);
     });
@@ -301,7 +305,8 @@ var Toast = /*#__PURE__*/function (_React$Component) {
           onMouseLeave: _this2.onMouseLeave
         }), /*#__PURE__*/React.createElement(InnerContainer, _extends({}, sharedProps, innerContainerProps), typeof children === 'function' ? children({
           dismiss: _this2.dismiss
-        }) : children), closeable ? /*#__PURE__*/React.createElement(_delete.default, _extends({
+        }) : children), closeable ? /*#__PURE__*/React.createElement(_delete.default // @ts-ignore
+        , _extends({
           ref: _this2.closeRef,
           role: "button",
           tabIndex: 0,

package/toast/toaster.js

@@ -95,6 +95,7 @@ var ToasterContainer = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "state", {
       isMounted: false,
+      // @ts-ignore
       toasts: []
     });
 
@@ -120,10 +121,13 @@ var ToasterContainer = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "show", function () {
       var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
+      // @ts-ignore
       if (_this.state.toasts.map(function (t) {
         return t.key;
       }).includes(props.key)) {
-        _this.update(props.key, props);
+        // @ts-ignore
+        _this.update(props.key, props); // @ts-ignore
+
 
         return props.key;
       }
@@ -149,7 +153,8 @@ var ToasterContainer = /*#__PURE__*/function (_React$Component) {
               autoHideDuration: toast.autoHideDuration
             }, props))), {}, {
               key: key
-            }, _this.props.resetAutoHideTimerOnUpdate ? {
+            }, _this.props.resetAutoHideTimerOnUpdate ? // @ts-ignore
+            {
               __updated: (+toast.__updated || 0) + 1
             } : {});
 
@@ -165,13 +170,16 @@ var ToasterContainer = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "dismiss", function (key) {
+      // @ts-ignore
       if (_this.dismissHandlers[key]) {
+        // @ts-ignore
         _this.dismissHandlers[key]();
       }
     });
 
     _defineProperty(_assertThisInitialized(_this), "clearAll", function () {
       Object.keys(_this.dismissHandlers).forEach(function (key) {
+        // @ts-ignore
         _this.dismissHandlers[key]();
       });
     });
@@ -181,6 +189,7 @@ var ToasterContainer = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "internalOnClose", function (key) {
+      // @ts-ignore
       delete _this.dismissHandlers[key];
 
       _this.setState(function (_ref3) {
@@ -227,6 +236,7 @@ var ToasterContainer = /*#__PURE__*/function (_React$Component) {
         onClose: _this.getOnCloseHandler(key, onClose)
       }), function (_ref4) {
         var dismiss = _ref4.dismiss;
+        // @ts-ignore
         _this.dismissHandlers[key] = dismiss;
         return children;
       });
@@ -253,7 +263,8 @@ var ToasterContainer = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var sharedProps = this.getSharedProps();
+      var sharedProps = this.getSharedProps(); // @ts-ignore
+
       var RootOverride = this.props.overrides.Root;
 
       var _getOverrides = (0, _overrides.getOverrides)(RootOverride, _styledComponents.Root),
@@ -267,6 +278,7 @@ var ToasterContainer = /*#__PURE__*/function (_React$Component) {
       // eslint-disable-next-line for-direction
 
       for (var i = toastsLength - 1; i >= 0; i--) {
+        // @ts-ignore
         toastsToRender.push(this.renderToast(this.state.toasts[i]));
       }
 
@@ -318,24 +330,28 @@ var toaster = {
   },
   info: function info(children) {
     var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    // @ts-ignore
     return this.show(children, _objectSpread(_objectSpread({}, props), {}, {
       kind: _constants.KIND.info
     }));
   },
   positive: function positive(children) {
     var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    // @ts-ignore
     return this.show(children, _objectSpread(_objectSpread({}, props), {}, {
       kind: _constants.KIND.positive
     }));
   },
   warning: function warning(children) {
     var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    // @ts-ignore
     return this.show(children, _objectSpread(_objectSpread({}, props), {}, {
       kind: _constants.KIND.warning
     }));
   },
   negative: function negative(children) {
     var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    // @ts-ignore
     return this.show(children, _objectSpread(_objectSpread({}, props), {}, {
       kind: _constants.KIND.negative
     }));
@@ -344,6 +360,7 @@ var toaster = {
     var toasterInstance = this.getRef();
 
     if (toasterInstance) {
+      // @ts-ignore
       toasterInstance.update(key, props);
     } else if (process.env.NODE_ENV !== "production") {
       // eslint-disable-next-line no-console
@@ -354,6 +371,7 @@ var toaster = {
     var toasterInstance = this.getRef();
 
     if (toasterInstance) {
+      // @ts-ignore
       toasterInstance.clear(key);
     } else if (process.env.NODE_ENV !== "production") {
       // eslint-disable-next-line no-console

package/toast/types.d.ts

@@ -1,10 +1,10 @@
 import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
 import type { KIND, PLACEMENT, TYPE } from './constants';
-export declare type KindType = typeof KIND[keyof typeof KIND];
-export declare type NotificationType = typeof TYPE[keyof typeof TYPE];
-export declare type PlacementType = typeof PLACEMENT[keyof typeof PLACEMENT];
-export declare type SharedStylePropsArg = {
+export type KindType = (typeof KIND)[keyof typeof KIND];
+export type NotificationType = (typeof TYPE)[keyof typeof TYPE];
+export type PlacementType = (typeof PLACEMENT)[keyof typeof PLACEMENT];
+export type SharedStylePropsArg = {
     $closeable: boolean;
     $isFocusVisible: boolean;
     $isRendered: boolean;
@@ -12,25 +12,25 @@ export declare type SharedStylePropsArg = {
     $kind: KindType;
     $type: NotificationType;
 };
-export declare type ToasterSharedStylePropsArg = {
+export type ToasterSharedStylePropsArg = {
     $placement: PlacementType;
 };
-export declare type ToastOverrides = {
+export type ToastOverrides = {
     Body?: Override;
     CloseIcon?: Override;
     InnerContainer?: Override;
 };
-export declare type ComponentRenderProp = (props: {
+export type ComponentRenderProp = (props: {
     dismiss: () => void;
 }) => React.ReactNode;
-export declare type Child = React.ReactNode;
-export declare type Children = React.ReactNode;
-export declare type ToastPrivateState = {
+export type Child = React.ReactNode;
+export type Children = React.ReactNode;
+export type ToastPrivateState = {
     isFocusVisible: boolean;
     isRendered: boolean;
     isVisible: boolean;
 };
-export declare type ToastProps = {
+export type ToastProps = {
     /** This is a private property to detect manual changes to a toast
      *  i.e. calling toaster.info() with the same key twice
      *  currently the change detection is used to reset the autohide timer
@@ -65,14 +65,14 @@ export declare type ToastProps = {
     onMouseLeave?: (e: React.MouseEvent) => unknown;
     overrides?: ToastOverrides;
 };
-export declare type ToastPropsShape = Partial<Omit<ToastProps, 'children'>>;
-export declare type ToasterOverrides = {
+export type ToastPropsShape = Partial<Omit<ToastProps, 'children'>>;
+export type ToasterOverrides = {
     Root?: Override;
     ToastBody?: Override;
     ToastCloseIcon?: Override;
     ToastInnerContainer?: Override;
 };
-export declare type ToasterProps = {
+export type ToasterProps = {
     /** If true, the toast close icon will receive focus on mount
         and restore focus to previously focused element on unmount.
         This should only be used when there is no autoHideDuration
@@ -91,7 +91,7 @@ export declare type ToasterProps = {
     resetAutoHideTimerOnUpdate?: boolean;
     usePortal: boolean;
 };
-export declare type ToasterContainerState = {
+export type ToasterContainerState = {
     isMounted: boolean;
     toasts: Array<ToastProps>;
 };

package/tokens/index.d.ts

@@ -2,4 +2,4 @@ import type { ColorTokens } from './types';
 export { default as colors } from './colors';
 export * from './types';
 /** @deprecated use ColorTokens instead. To be removed in future versions.*/
-export declare type TokenColors = ColorTokens;
+export type TokenColors = ColorTokens;

package/tokens/types.d.ts

@@ -1,4 +1,4 @@
-export declare type ColorTokens = {
+export type ColorTokens = {
     white: string;
     black: string;
     gray50: string;

package/tooltip/types.d.ts

@@ -1,8 +1,8 @@
 import type { AccessibilityType, BasePopoverProps, Child, Children, ContentRenderProp, PopoverOverrides, PopoverPlacement, PopoverProps, PopoverPropsWithoutChildren, StateChangeType, State, StatefulContentRenderProp, StatefulPopoverProps, StatefulPopoverContainerProps, StateReducer, TriggerType } from '../popover';
-declare type BaseTooltipProps = BasePopoverProps;
-declare type TooltipPlacement = PopoverPlacement;
-declare type TooltipProps = PopoverProps;
-declare type TooltipPropsWithoutChildren = PopoverPropsWithoutChildren;
-declare type StatefulTooltipProps = StatefulPopoverProps;
-declare type StatefulTooltipContainerProps = StatefulPopoverContainerProps;
+type BaseTooltipProps = BasePopoverProps;
+type TooltipPlacement = PopoverPlacement;
+type TooltipProps = PopoverProps;
+type TooltipPropsWithoutChildren = PopoverPropsWithoutChildren;
+type StatefulTooltipProps = StatefulPopoverProps;
+type StatefulTooltipContainerProps = StatefulPopoverContainerProps;
 export type { AccessibilityType, BaseTooltipProps, Child, Children, ContentRenderProp, PopoverOverrides, TooltipProps, State, StateChangeType, StateReducer, StatefulContentRenderProp, StatefulTooltipProps, StatefulTooltipContainerProps, TooltipPlacement, TooltipPropsWithoutChildren, TriggerType, };

package/tree-view/index.d.ts

@@ -8,4 +8,4 @@ export { default as TreeLabel } from './tree-label';
 export { default as TreeLabelInteractable } from './tree-label-interactable';
 export { toggleIsExpanded };
 /** @deprecated use TreeNodeData instead. To be removed in future versions.*/
-export declare type TreeNode<T = any> = TreeNodeData<T>;
+export type TreeNode<T = any> = TreeNodeData<T>;

package/tree-view/stateful-container.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { StatefulContainerProps, TreeNodeData } from './types';
-declare type StateType = {
+type StateType = {
     data: TreeNodeData[];
 };
 export default class StatefulContainer extends React.Component<StatefulContainerProps, StateType> {

package/tree-view/tree-label-interactable.d.ts

@@ -1,6 +1,6 @@
 import type { Override } from '../helpers/overrides';
 import type { ComponentType, PropsWithChildren } from 'react';
-declare const TreeLabelInteractable: PropsWithChildren<ComponentType<{
+declare const TreeLabelInteractable: ComponentType<PropsWithChildren<{
     overrides?: {
         LabelInteractable: Override;
     };

package/tree-view/tree-label-interactable.js

@@ -31,10 +31,12 @@ var TreeLabelInteractable = function TreeLabelInteractable(_ref) {
   return (
     /*#__PURE__*/
     // $FlowExpectedError[cannot-spread-inexact]
-    _react.default.createElement(LabelInteractable, _extends({
+    _react.default.createElement(LabelInteractable // @ts-ignore
+    , _extends({
       onClick: function onClick(e) {
         return e.stopPropagation();
-      },
+      } // @ts-ignore
+      ,
       onKeyDown: function onKeyDown(e) {
         return e.stopPropagation();
       }