@atlaskit/modal-dialog 12.5.0 → 12.5.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/modal-dialog
 
+## 12.5.2
+
+### Patch Changes
+
+- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+
+## 12.5.1
+
+### Patch Changes
+
+- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+
 ## 12.5.0
 
 ### Minor Changes

package/dist/cjs/modal-wrapper.js

@@ -85,7 +85,7 @@ var ModalWrapper = function ModalWrapper(props) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "12.5.0"
+    packageVersion: "12.5.2"
   });
   var onBlanketClicked = (0, _react.useCallback)(function (e) {
     if (shouldCloseOnOverlayClick) {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "12.5.0",
+	"version": "12.5.2",
 	"sideEffects": false
 }

package/dist/es2019/modal-wrapper.js

@@ -71,7 +71,7 @@ const ModalWrapper = props => {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "12.5.0"
+    packageVersion: "12.5.2"
   });
   const onBlanketClicked = useCallback(e => {
     if (shouldCloseOnOverlayClick) {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "12.5.0",
+	"version": "12.5.2",
 	"sideEffects": false
 }

package/dist/esm/modal-wrapper.js

@@ -75,7 +75,7 @@ var ModalWrapper = function ModalWrapper(props) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "12.5.0"
+    packageVersion: "12.5.2"
   });
   var onBlanketClicked = useCallback(function (e) {
     if (shouldCloseOnOverlayClick) {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "12.5.0",
+	"version": "12.5.2",
 	"sideEffects": false
 }

package/dist/types/internal/constants.d.ts

@@ -1,5 +1,5 @@
 import type { Appearance } from '../types';
-export declare type WidthNames = 'small' | 'medium' | 'large' | 'x-large';
+export type WidthNames = 'small' | 'medium' | 'large' | 'x-large';
 interface Width {
     values: string[];
     widths: {

package/dist/types/internal/context.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ModalDialogProps, OnCloseHandler } from '../types';
-export declare type ModalAttributes = {
+export type ModalAttributes = {
     /**
      * Test id passed to the modal dialog.
      */

package/dist/types/types.d.ts

@@ -1,12 +1,12 @@
 import React, { RefObject } from 'react';
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { WidthNames } from './internal/constants';
-export declare type KeyboardOrMouseEvent = React.MouseEvent<any> | React.KeyboardEvent<any> | KeyboardEvent;
-export declare type Appearance = 'danger' | 'warning';
-export declare type OnCloseHandler = (e: KeyboardOrMouseEvent, analyticEvent: UIAnalyticsEvent) => void;
-export declare type OnCloseCompleteHandler = (element: HTMLElement) => void;
-export declare type OnOpenCompleteHandler = (node: HTMLElement, isAppearing: boolean) => void;
-export declare type OnStackChangeHandler = (stackIndex: number) => void;
+export type KeyboardOrMouseEvent = React.MouseEvent<any> | React.KeyboardEvent<any> | KeyboardEvent;
+export type Appearance = 'danger' | 'warning';
+export type OnCloseHandler = (e: KeyboardOrMouseEvent, analyticEvent: UIAnalyticsEvent) => void;
+export type OnCloseCompleteHandler = (element: HTMLElement) => void;
+export type OnOpenCompleteHandler = (node: HTMLElement, isAppearing: boolean) => void;
+export type OnStackChangeHandler = (stackIndex: number) => void;
 export type { ModalHeaderProps } from './modal-header';
 export type { ModalTitleProps } from './modal-title';
 export type { ModalBodyProps } from './modal-body';

package/dist/types-ts4.5/hooks.d.ts

@@ -0,0 +1 @@
+export declare const useModal: () => import("./internal/context").ModalAttributes;

package/dist/types-ts4.5/index.d.ts

@@ -0,0 +1,8 @@
+export { default } from './modal-wrapper';
+export { default as ModalTransition } from './modal-transition';
+export type { KeyboardOrMouseEvent, Appearance, ModalAttributes, ModalDialogProps, ModalHeaderProps, ModalTitleProps, ModalBodyProps, ModalFooterProps, OnCloseHandler, OnCloseCompleteHandler, OnOpenCompleteHandler, OnStackChangeHandler, } from './types';
+export { default as ModalHeader } from './modal-header';
+export { default as ModalTitle } from './modal-title';
+export { default as ModalBody } from './modal-body';
+export { default as ModalFooter } from './modal-footer';
+export { useModal } from './hooks';

package/dist/types-ts4.5/internal/components/modal-dialog.d.ts

@@ -0,0 +1,4 @@
+import { jsx } from '@emotion/react';
+import type { ModalDialogProps } from '../../types';
+declare const ModalDialog: (props: ModalDialogProps) => jsx.JSX.Element;
+export default ModalDialog;

package/dist/types-ts4.5/internal/components/positioner.d.ts

@@ -0,0 +1,11 @@
+/** @jsx jsx */
+import { ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+interface PositionerProps {
+    children?: ReactNode;
+    stackIndex: number;
+    shouldScrollInViewport: boolean;
+    testId?: string;
+}
+declare const Positioner: (props: PositionerProps) => jsx.JSX.Element;
+export default Positioner;

package/dist/types-ts4.5/internal/components/scroll-container.d.ts

@@ -0,0 +1,20 @@
+/** @jsx jsx */
+import React from 'react';
+interface ScrollContainerProps {
+    /**
+     * Children of the body within modal dialog.
+     */
+    children: React.ReactNode;
+    /**
+     * A `testId` prop is provided for specified elements,
+     * which is a unique string that appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests.
+     */
+    testId?: string;
+}
+/**
+ * A container that shows top and bottom keylines when the
+ * content overflows into the scrollable element.
+ */
+declare const ScrollContainer: React.ForwardRefExoticComponent<ScrollContainerProps & React.RefAttributes<HTMLElement | null>>;
+export default ScrollContainer;

package/dist/types-ts4.5/internal/constants.d.ts

@@ -0,0 +1,22 @@
+import type { Appearance } from '../types';
+export type WidthNames = 'small' | 'medium' | 'large' | 'x-large';
+interface Width {
+    values: string[];
+    widths: {
+        [index in WidthNames]: number;
+    };
+    defaultValue: string;
+}
+export declare const width: Width;
+export declare const gutter = 60;
+export declare const borderRadius: number;
+export declare const verticalOffset: number;
+export declare const padding: number;
+export declare const titleIconMargin: number;
+export declare const keylineHeight = 2;
+export declare const keylineColor: "var(--ds-border)";
+export declare const textColor: "var(--ds-text)";
+export declare const iconColor: {
+    [key in Appearance]: string;
+};
+export {};

package/dist/types-ts4.5/internal/context.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { ModalDialogProps, OnCloseHandler } from '../types';
+export type ModalAttributes = {
+    /**
+     * Test id passed to the modal dialog.
+     */
+    testId?: ModalDialogProps['testId'];
+    /**
+     * Id referenced by the modal dialog's `aria-labelledby` attribute.
+     * This id should be assigned to the modal title element.
+     */
+    titleId: string;
+    /**
+     * Callback function called when the modal dialog is requesting to be closed,
+     * wrapped in modal dialog's analytic event context.
+     */
+    onClose?: OnCloseHandler;
+};
+export declare const ModalContext: import("react").Context<ModalAttributes | null>;
+export declare const ScrollContext: import("react").Context<boolean | null>;

package/dist/types-ts4.5/internal/hooks/use-modal-stack.d.ts

@@ -0,0 +1,13 @@
+interface ModalStackOpts {
+    /**
+     * Fired when the modal dialog stack has changed.
+     */
+    onStackChange: (newStackIndex: number) => void;
+}
+/**
+ * Returns the position of the calling modal dialog in the modal dialog stack.
+ * Stack index of `0` is the highest position in the stack,
+ * with every higher number being behind in the stack.
+ */
+export default function useModalStack({ onStackChange, }: ModalStackOpts): number;
+export {};

package/dist/types-ts4.5/internal/hooks/use-on-motion-finish.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+import type { Transition } from '@atlaskit/motion/types';
+import { ModalDialogProps } from '../../types';
+export default function useOnMotionFinish({ onOpenComplete, onCloseComplete, }: Pick<ModalDialogProps, 'onOpenComplete' | 'onCloseComplete'>): [
+    RefObject<HTMLElement>,
+    (state: Transition) => void
+];

package/dist/types-ts4.5/internal/hooks/use-prevent-programmatic-scroll.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Prevents programatic scrolling of the viewport with `scrollIntoView`.
+ * Should be used in conjunction with a scroll lock to prevent a user from scrolling.
+ *
+ * @returns scroll top offset of the viewport
+ */
+export default function usePreventProgrammaticScroll(): number;

package/dist/types-ts4.5/internal/hooks/use-scroll.d.ts

@@ -0,0 +1 @@
+export default function useScroll(): boolean;

package/dist/types-ts4.5/internal/utils.d.ts

@@ -0,0 +1,3 @@
+import { ModalDialogProps } from '../types';
+export declare const dialogWidth: (input?: ModalDialogProps['width']) => string;
+export declare const dialogHeight: (input?: ModalDialogProps['height']) => string;

package/dist/types-ts4.5/modal-body.d.ts

@@ -0,0 +1,26 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+export interface ModalBodyProps {
+    /**
+     * Children of modal dialog footer.
+     */
+    children: React.ReactNode;
+    /**
+     * A `testId` prop is provided for specified elements,
+     * which is a unique string that appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests.
+     */
+    testId?: string;
+}
+/**
+ * __Modal body__
+ *
+ * A modal body is used to display the main content of a modal.
+ *
+ * - [Examples](https://atlassian.design/components/modal-dialog/examples)
+ * - [Code](https://atlassian.design/components/modal-dialog/code#modal-body-props)
+ * - [Usage](https://atlassian.design/components/modal-dialog/usage)
+ */
+declare const ModalBody: (props: ModalBodyProps) => jsx.JSX.Element;
+export default ModalBody;

package/dist/types-ts4.5/modal-footer.d.ts

@@ -0,0 +1,26 @@
+/** @jsx jsx */
+import { ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+export interface ModalFooterProps {
+    /**
+     * Children of modal dialog footer.
+     */
+    children?: ReactNode;
+    /**
+     * A `testId` prop is provided for specified elements,
+     * which is a unique string that appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests.
+     */
+    testId?: string;
+}
+/**
+ * __Modal footer__
+ *
+ * A modal footer often contains a primary action and the ability to cancel and close the dialog, though can contain any React element.
+ *
+ * - [Examples](https://atlassian.design/components/modal-dialog/examples#modal-footer)
+ * - [Code](https://atlassian.design/components/modal-dialog/code#modal-footer-props)
+ * - [Usage](https://atlassian.design/components/modal-dialog/usage)
+ */
+declare const ModalFooter: (props: ModalFooterProps) => jsx.JSX.Element;
+export default ModalFooter;

package/dist/types-ts4.5/modal-header.d.ts

@@ -0,0 +1,26 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+export interface ModalHeaderProps {
+    /**
+     * Children of modal dialog header.
+     */
+    children?: React.ReactNode;
+    /**
+     * A `testId` prop is provided for specified elements,
+     * which is a unique string that appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests.
+     */
+    testId?: string;
+}
+/**
+ * __Modal header__
+ *
+ * A modal header contains the title of the modal and can contain other React elements such as a close button.
+ *
+ * - [Examples](https://atlassian.design/components/modal-dialog/examples#modal-header)
+ * - [Code](https://atlassian.design/components/modal-dialog/code#modal-header-props)
+ * - [Usage](https://atlassian.design/components/modal-dialog/usage)
+ */
+declare const ModalHeader: (props: ModalHeaderProps) => jsx.JSX.Element;
+export default ModalHeader;

package/dist/types-ts4.5/modal-title.d.ts

@@ -0,0 +1,36 @@
+/** @jsx jsx */
+import { ReactNode } from 'react';
+import { jsx } from '@emotion/react';
+import { Appearance } from './types';
+export interface ModalTitleProps {
+    /**
+     * Appearance of the modal that changes the color of the primary action and adds an icon to the title.
+     */
+    appearance?: Appearance;
+    /**
+     * Children of modal dialog header.
+     */
+    children?: ReactNode;
+    /**
+     * When `true` will allow the title to span multiple lines.
+     * Defaults to `true`.
+     */
+    isMultiline?: boolean;
+    /**
+     * A `testId` prop is provided for specified elements,
+     * which is a unique string that appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests.
+     */
+    testId?: string;
+}
+/**
+ * __Modal title__
+ *
+ * A modal title is used to display a title within a modal.
+ *
+ * - [Examples](https://atlassian.design/components/modal-dialog/examples)
+ * - [Code](https://atlassian.design/components/modal-dialog/code)
+ * - [Usage](https://atlassian.design/components/modal-dialog/usage)
+ */
+declare const ModalTitle: (props: ModalTitleProps) => jsx.JSX.Element;
+export default ModalTitle;

package/dist/types-ts4.5/modal-transition.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ExitingPersistenceProps } from '@atlaskit/motion/exiting-persistence';
+/**
+ * __Modal transition__
+ *
+ * A modal transition wraps a modal to provide a fluid transition upon opening and closing.
+ *
+ * - [Examples](https://atlassian.design/components/modal-dialog/examples)
+ * - [Code](https://atlassian.design/components/modal-dialog/code)
+ * - [Usage](https://atlassian.design/components/modal-dialog/usage)
+ */
+declare const ModalTransition: (props: Pick<ExitingPersistenceProps, 'children'>) => JSX.Element;
+export default ModalTransition;

package/dist/types-ts4.5/modal-wrapper.d.ts

@@ -0,0 +1,16 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import type { ModalDialogProps } from './types';
+export type { ModalDialogProps };
+/**
+ * __Modal wrapper__
+ *
+ * A modal wrapper displays content that requires user interaction, in a layer above the page.
+ * This component is primary container for other modal components.
+ *
+ * - [Examples](https://atlassian.design/components/modal-dialog/examples)
+ * - [Code](https://atlassian.design/components/modal-dialog/code)
+ * - [Usage](https://atlassian.design/components/modal-dialog/usage)
+ */
+declare const ModalWrapper: (props: ModalDialogProps) => jsx.JSX.Element;
+export default ModalWrapper;

package/dist/types-ts4.5/types.d.ts

@@ -0,0 +1,90 @@
+import React, { RefObject } from 'react';
+import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { WidthNames } from './internal/constants';
+export type KeyboardOrMouseEvent = React.MouseEvent<any> | React.KeyboardEvent<any> | KeyboardEvent;
+export type Appearance = 'danger' | 'warning';
+export type OnCloseHandler = (e: KeyboardOrMouseEvent, analyticEvent: UIAnalyticsEvent) => void;
+export type OnCloseCompleteHandler = (element: HTMLElement) => void;
+export type OnOpenCompleteHandler = (node: HTMLElement, isAppearing: boolean) => void;
+export type OnStackChangeHandler = (stackIndex: number) => void;
+export type { ModalHeaderProps } from './modal-header';
+export type { ModalTitleProps } from './modal-title';
+export type { ModalBodyProps } from './modal-body';
+export type { ModalFooterProps } from './modal-footer';
+export type { ModalAttributes } from './internal/context';
+export interface ModalDialogProps {
+    /**
+     * Focus is moved to the first interactive element inside the modal dialog when `true`.
+     * Pass an element `ref` to focus on a specific element.
+     */
+    autoFocus?: boolean | RefObject<HTMLElement | null | undefined>;
+    /**
+     * Contents of the modal dialog.
+     */
+    children?: React.ReactNode;
+    /**
+     * Height of the modal dialog.
+     * When unset the modal dialog will grow to fill the viewport and then start overflowing its contents.
+     */
+    height?: number | string;
+    /**
+     * Width of the modal dialog.
+     * The recommended way to specify modal width is using named size options.
+     */
+    width?: number | string | WidthNames;
+    /**
+     * Callback function called when the modal dialog is requesting to be closed.
+     */
+    onClose?: OnCloseHandler;
+    /**
+     * Callback function called when the modal dialog has finished closing.
+     */
+    onCloseComplete?: OnCloseCompleteHandler;
+    /**
+     * Callback function called when the modal dialog has finished opening.
+     */
+    onOpenComplete?: OnOpenCompleteHandler;
+    /**
+     * Callback function called when the modal changes position in the stack.
+     */
+    onStackChange?: OnStackChangeHandler;
+    /**
+     * Will set the scroll boundary to the viewport.
+     * If set to false, the scroll boundary is set to the modal dialog body.
+     */
+    shouldScrollInViewport?: boolean;
+    /**
+     * Calls `onClose` when clicking the blanket behind the modal dialog.
+     */
+    shouldCloseOnOverlayClick?: boolean;
+    /**
+     * Calls `onClose` when pressing escape.
+     */
+    shouldCloseOnEscapePress?: boolean;
+    /**
+     * Will remove the blanket tinted background color.
+     */
+    isBlanketHidden?: boolean;
+    /**
+     * Number representing where in the stack of modals this modal sits.
+     * This offsets the modal dialogs vertical position.
+     */
+    stackIndex?: number;
+    /**
+     * A `testId` prop is provided for specified elements,
+     * which is a unique string that appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests.
+     *
+     * If not overridden using `testId` prop in the respective components,
+     * this will set `data-testid` on these elements when defined:
+     *
+     * - Modal dialog - `{testId}`
+     * - Modal header - `{testId}--header`
+     * - Modal title - `{testId}--title`
+     * - Modal body - `{testId}--body`
+     * - Modal footer - `{testId}--footer`
+     * - Scrollable element - `{testId}--scrollable`
+     * - Blanket - `{testId}--blanket`
+     */
+    testId?: string;
+}

package/hooks/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/hooks.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/hooks.d.ts"
+        "../dist/types-ts4.5/hooks.d.ts"
       ]
     }
   }

package/modal-body/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/modal-body.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/modal-body.d.ts"
+        "../dist/types-ts4.5/modal-body.d.ts"
       ]
     }
   }

package/modal-dialog/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/modal-wrapper.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/modal-wrapper.d.ts"
+        "../dist/types-ts4.5/modal-wrapper.d.ts"
       ]
     }
   }

package/modal-footer/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/modal-footer.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/modal-footer.d.ts"
+        "../dist/types-ts4.5/modal-footer.d.ts"
       ]
     }
   }

package/modal-header/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/modal-header.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/modal-header.d.ts"
+        "../dist/types-ts4.5/modal-header.d.ts"
       ]
     }
   }

package/modal-title/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/modal-title.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/modal-title.d.ts"
+        "../dist/types-ts4.5/modal-title.d.ts"
       ]
     }
   }

package/modal-transition/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/modal-transition.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/modal-transition.d.ts"
+        "../dist/types-ts4.5/modal-transition.d.ts"
       ]
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/modal-dialog",
-  "version": "12.5.0",
+  "version": "12.5.2",
   "description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,6 +12,14 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
   "sideEffects": false,
   "af:exports": {
     ".": "./src/index.tsx",
@@ -46,7 +54,7 @@
     "@atlaskit/motion": "^1.4.0",
     "@atlaskit/portal": "^4.3.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.3.0",
+    "@atlaskit/tokens": "^1.4.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1",
@@ -91,7 +99,7 @@
     "react-dom": "^16.8.0",
     "react-lorem-component": "^0.13.0",
     "storybook-addon-performance": "^0.16.0",
-    "typescript": "4.5.5",
+    "typescript": "~4.9.5",
     "wait-for-expect": "^1.2.0"
   },
   "keywords": [

package/types/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/types.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/types.d.ts"
+        "../dist/types-ts4.5/types.d.ts"
       ]
     }
   }