@skyscanner/backpack-web 34.0.0-premajor.2 → 34.0.1

package/bpk-component-spinner/index.js

@@ -14,7 +14,9 @@
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */import BpkExtraLargeSpinner from "./src/BpkExtraLargeSpinner";
+ */
+
+import BpkExtraLargeSpinner from "./src/BpkExtraLargeSpinner";
 import BpkLargeSpinner from "./src/BpkLargeSpinner";
 import BpkSpinner from "./src/BpkSpinner";
 import SPINNER_TYPES from "./src/spinnerTypes";

package/bpk-component-spinner/src/BpkExtraLargeSpinner.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+import SPINNER_TYPES from './spinnerTypes';
+type Props = {
+    type: keyof typeof SPINNER_TYPES;
+    className?: string;
+};
+declare const BpkExtraLargeSpinner: {
+    (props: Props): JSX.Element;
+    propTypes: {
+        type: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+    };
+    defaultProps: {
+        type: string;
+        className: null;
+    };
+};
+export default BpkExtraLargeSpinner;

package/bpk-component-spinner/src/BpkExtraLargeSpinner.js

@@ -15,7 +15,9 @@ import React from "react";
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */import PropTypes from 'prop-types';
+ */
+
+import PropTypes from 'prop-types';
 var XlSpinner = function XlSpinner(props) {
   return /*#__PURE__*/_jsxs("svg", {
     ...props,
@@ -86,14 +88,11 @@ const BpkExtraLargeSpinner = props => {
     ...rest
   } = props;
   const classNames = getClassName('bpk-spinner', 'bpk-spinner--extra-large', `bpk-spinner--${type}`, className);
-  return /*#__PURE__*/_jsx(XlSpinner
-  // TODO: className to be removed
-  // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-  , {
-    className: classNames
-    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    ,
-    ...rest
+  return /*#__PURE__*/_jsx("span", {
+    className: classNames,
+    children: /*#__PURE__*/_jsx(XlSpinner, {
+      ...rest
+    })
   });
 };
 BpkExtraLargeSpinner.propTypes = {

package/bpk-component-spinner/src/BpkLargeSpinner.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+import SPINNER_TYPES from './spinnerTypes';
+type Props = {
+    type: keyof typeof SPINNER_TYPES;
+    className?: string;
+    alignToButton: boolean;
+};
+declare const BpkLargeSpinner: {
+    (props: Props): JSX.Element;
+    propTypes: {
+        type: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        alignToButton: PropTypes.Requireable<boolean>;
+    };
+    defaultProps: {
+        type: string;
+        className: null;
+        alignToButton: boolean;
+    };
+};
+export default BpkLargeSpinner;

package/bpk-component-spinner/src/BpkLargeSpinner.js

@@ -15,7 +15,9 @@ import React from "react";
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */import PropTypes from 'prop-types';
+ */
+
+import PropTypes from 'prop-types';
 var LgSpinner = function LgSpinner(props) {
   return /*#__PURE__*/_jsxs("svg", {
     ...props,
@@ -87,14 +89,11 @@ const BpkLargeSpinner = props => {
     ...rest
   } = props;
   const classNames = getClassName('bpk-spinner', 'bpk-spinner--large', `bpk-spinner--${type}`, alignToButton && 'bpk-spinner--align-to-large-button', className);
-  return /*#__PURE__*/_jsx(LgSpinner
-  // TODO: className to be removed
-  // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-  , {
-    className: classNames
-    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    ,
-    ...rest
+  return /*#__PURE__*/_jsx("span", {
+    className: classNames,
+    children: /*#__PURE__*/_jsx(LgSpinner, {
+      ...rest
+    })
   });
 };
 BpkLargeSpinner.propTypes = {

package/bpk-component-spinner/src/BpkSpinner.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+import SPINNER_TYPES from './spinnerTypes';
+type Props = {
+    type: keyof typeof SPINNER_TYPES;
+    className?: string;
+    alignToButton: boolean;
+};
+declare const BpkSpinner: {
+    (props: Props): JSX.Element;
+    propTypes: {
+        type: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        alignToButton: PropTypes.Requireable<boolean>;
+    };
+    defaultProps: {
+        type: string;
+        className: null;
+        alignToButton: boolean;
+    };
+};
+export default BpkSpinner;

package/bpk-component-spinner/src/BpkSpinner.js

@@ -15,7 +15,9 @@ import React from "react";
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */import PropTypes from 'prop-types';
+ */
+
+import PropTypes from 'prop-types';
 var SmSpinner = function SmSpinner(props) {
   return /*#__PURE__*/_jsxs("svg", {
     ...props,
@@ -74,14 +76,11 @@ const BpkSpinner = props => {
     ...rest
   } = props;
   const classNames = getClassName('bpk-spinner', `bpk-spinner--${type}`, alignToButton && 'bpk-spinner--align-to-button', className);
-  return /*#__PURE__*/_jsx(SmSpinner
-  // TODO: className to be removed
-  // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-  , {
-    className: classNames
-    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    ,
-    ...rest
+  return /*#__PURE__*/_jsx("span", {
+    className: classNames,
+    children: /*#__PURE__*/_jsx(SmSpinner, {
+      ...rest
+    })
   });
 };
 BpkSpinner.propTypes = {

package/bpk-component-spinner/src/BpkSpinner.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-spinner{width:1rem;height:1rem;animation:bpk-keyframe-spin 600ms linear infinite}.bpk-spinner--primary{fill:#0062e3;fill:var(--bpk-spinner-primary-color, rgb(0, 98, 227))}.bpk-spinner--light{fill:#fff}.bpk-spinner--dark{fill:#161616}.bpk-spinner--large{width:1.5rem;height:1.5rem}.bpk-spinner--extra-large{width:2rem;height:2rem}.bpk-spinner--align-to-button{vertical-align:baseline}.bpk-spinner--align-to-large-button{margin-top:0rem;vertical-align:top}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-spinner{display:block;width:1rem;height:1rem;animation:bpk-keyframe-spin 600ms linear infinite}.bpk-spinner--primary{fill:#0062e3;fill:var(--bpk-spinner-primary-color, rgb(0, 98, 227))}.bpk-spinner--light{fill:#fff}.bpk-spinner--dark{fill:#161616}.bpk-spinner--large{width:1.5rem;height:1.5rem}.bpk-spinner--extra-large{width:2rem;height:2rem}.bpk-spinner--align-to-button{vertical-align:baseline}.bpk-spinner--align-to-large-button{margin-top:0rem;vertical-align:top}

package/bpk-component-spinner/src/spinnerTypes.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    primary: string;
+    light: string;
+    dark: string;
+};
+export default _default;

package/bpk-component-spinner/src/themeAttributes.d.ts

@@ -0,0 +1,2 @@
+declare const _default: string[];
+export default _default;

package/bpk-component-star-rating/src/BpkInteractiveStar.js

@@ -44,14 +44,13 @@ const BpkInteractiveStar = props => {
     className: buttonClassNames,
     "aria-pressed": selected,
     type: "button",
-    children: /*#__PURE__*/_jsx(BpkStarNonRtl
-    // TODO: className to be removed
-    // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-    , {
+    children: /*#__PURE__*/_jsx("div", {
       className: iconClassNames,
-      type: type
-      /* $FlowFixMe[cannot-spread-inexact] - inexact rest. See decisions/flowfixme.md */,
-      ...rest
+      children: /*#__PURE__*/_jsx(BpkStarNonRtl, {
+        type: type
+        /* $FlowFixMe[cannot-spread-inexact] - inexact rest. See decisions/flowfixme.md */,
+        ...rest
+      })
     })
   });
 };

package/bpk-component-star-rating/src/BpkStar.js

@@ -54,33 +54,26 @@ const BpkStar = props => {
       /*#__PURE__*/
       // $FlowFixMe[cannot-spread-inexact] - inexact rest. See decisions/flowfixme.md
       _jsx("span", {
-        className: containerClassNames,
+        className: [containerClassNames, halfIconClassNames],
         ...rest,
-        children: /*#__PURE__*/_jsx(HalfIcon
-        // TODO: className to be removed
-        // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-        , {
-          className: halfIconClassNames
-        })
+        children: /*#__PURE__*/_jsx(HalfIcon, {})
       })
     );
   }
-  return type === STAR_TYPES.FULL ? /*#__PURE__*/_jsx(Icon
-  // TODO: className to be removed
-  // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-  , {
-    className: iconClassNames
+  return type === STAR_TYPES.FULL ? /*#__PURE__*/_jsx("span", {
+    className: iconClassNames,
+    children: /*#__PURE__*/_jsx(Icon
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See decisions/flowfixme.md
-    ,
-    ...rest
-  }) : /*#__PURE__*/_jsx(OutlineIcon
-  // TODO: className to be removed
-  // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-  , {
-    className: iconClassNames
+    , {
+      ...rest
+    })
+  }) : /*#__PURE__*/_jsx("span", {
+    className: iconClassNames,
+    children: /*#__PURE__*/_jsx(OutlineIcon
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See decisions/flowfixme.md
-    ,
-    ...rest
+    , {
+      ...rest
+    })
   });
 };
 BpkStar.propTypes = {

package/bpk-component-star-rating/src/BpkStar.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-.bpk-star{display:inline-block;vertical-align:text-bottom;fill:rgba(0,0,0,.2)}.bpk-star--large{width:1.5rem;height:1.5rem;vertical-align:bottom}.bpk-star--half{position:absolute;left:0}.bpk-star--filled{fill:#f55d42;fill:var(--bpk-star-rating-filled-color, rgb(245, 93, 66))}.bpk-star__container{display:inline-block;width:1rem;height:1rem}.bpk-star__container--half-star{position:relative;vertical-align:text-bottom}.bpk-star__container--large{width:1.5rem;height:1.5rem;vertical-align:bottom}
+.bpk-star{display:inline-flex;width:1rem;height:1rem;vertical-align:text-bottom;fill:rgba(0,0,0,.2)}.bpk-star--large{width:1.5rem;height:1.5rem;vertical-align:bottom}.bpk-star--half{position:absolute;left:0}.bpk-star--filled{fill:#f55d42;fill:var(--bpk-star-rating-filled-color, rgb(245, 93, 66))}.bpk-star__container{display:inline-flex;width:1rem;height:1rem}.bpk-star__container--half-star{position:relative;vertical-align:text-bottom}.bpk-star__container--large{width:1.5rem;height:1.5rem;vertical-align:bottom}

package/bpk-component-swap-button/index.d.ts

@@ -1,21 +1,3 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2022 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 import BpkSwapButton, { type Props as BpkSwapButtonProps, SWAPBUTTON_STYLES } from './src/BpkSwapButton';
 export type { BpkSwapButtonProps };
 export default BpkSwapButton;

package/bpk-component-swap-button/src/BpkSwapButton.d.ts

@@ -1,21 +1,4 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2022 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
+/// <reference types="react" />
 export declare const SWAPBUTTON_STYLES: {
     surfaceContrast: string;
     canvasDefault: string;
@@ -27,9 +10,5 @@ export type Props = {
     ariaLabel: string;
     swapButtonStyle?: SwapButtonStyle;
 };
-declare const BpkSwapButton: ({
-    ariaLabel,
-    onClick,
-    swapButtonStyle,
-} : Props) => JSX.Element;
+declare const BpkSwapButton: (props: Props) => JSX.Element;
 export default BpkSwapButton;

package/bpk-component-swap-button/src/BpkSwapButton.js

@@ -17,8 +17,6 @@
  */
 
 import { useState } from 'react';
-
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import SwapVertical from "../../bpk-component-icon/sm/swap--vertical";
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkSwapButton.module.css";

package/bpk-component-text/index.d.ts

@@ -1,21 +1,3 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 import component, { TEXT_STYLES } from './src/BpkText';
 export default component;
 export { TEXT_STYLES };

package/bpk-component-text/src/BpkText.d.ts

@@ -1,21 +1,3 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 import type { ReactNode } from 'react';
 export declare const TEXT_STYLES: {
     readonly xs: "xs";
@@ -46,7 +28,7 @@ export declare const TEXT_STYLES: {
     readonly hero4: "hero-4";
     readonly hero5: "hero-5";
 };
-export type TextStyle = typeof TEXT_STYLES[keyof typeof TEXT_STYLES];
+export type TextStyle = (typeof TEXT_STYLES)[keyof typeof TEXT_STYLES];
 export type Tag = 'span' | 'p' | 'text' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 type Props = {
     children: ReactNode;
@@ -56,5 +38,5 @@ type Props = {
     id?: string;
     [rest: string]: any;
 };
-declare const BpkText: ({ textStyle, tagName: TagName, className, children, ...rest }: Props) => JSX.Element;
+declare const BpkText: ({ children, className, tagName: TagName, textStyle, ...rest }: Props) => JSX.Element;
 export default BpkText;

package/bpk-component-theme-toggle/src/BpkThemeToggle.js

@@ -81,13 +81,12 @@ class BpkThemeToggle extends Component {
     } = this.props;
     return /*#__PURE__*/_jsxs("div", {
       ...rest,
-      children: [/*#__PURE__*/_jsx(BpkLabel
-      // TODO: className to be removed
-      // eslint-disable-next-line @skyscanner/rules/forbid-component-props
-      , {
+      children: [/*#__PURE__*/_jsx("span", {
         className: getClassName('bpk-theme-toggle__label'),
-        htmlFor: inputId,
-        children: "Change theme"
+        children: /*#__PURE__*/_jsx(BpkLabel, {
+          htmlFor: inputId,
+          children: "Change theme"
+        })
       }), /*#__PURE__*/_jsxs(BpkSelect, {
         id: inputId,
         name: inputId,

package/bpk-component-tooltip/index.d.ts

@@ -1,24 +1,6 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 import BpkTooltipPortal from './src/BpkTooltipPortal';
-import type { Props } from './src/BpkTooltipPortal';
 import { TOOLTIP_TYPES } from './src/constants';
+import type { Props } from './src/BpkTooltipPortal';
 export type BpkTooltipPortalProps = Props;
 export default BpkTooltipPortal;
 export { TOOLTIP_TYPES };

package/bpk-component-tooltip/src/BpkTooltip.d.ts

@@ -1,27 +1,9 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 import type { ReactNode } from 'react';
 import { TOOLTIP_TYPES } from './constants';
 export type TooltipProps = {
     id: string;
     children: ReactNode | string;
-    type?: typeof TOOLTIP_TYPES[keyof typeof TOOLTIP_TYPES];
+    type?: (typeof TOOLTIP_TYPES)[keyof typeof TOOLTIP_TYPES];
     padded?: boolean;
     className?: string | null;
 };

package/bpk-component-tooltip/src/BpkTooltipPortal.d.ts

@@ -1,24 +1,6 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { createPopper } from '@popperjs/core';
 import { Component } from 'react';
 import type { ReactNode, ReactElement } from 'react';
+import { createPopper } from '@popperjs/core';
 import type { TooltipProps } from './BpkTooltip';
 export type Props = TooltipProps & {
     /**

package/bpk-component-tooltip/src/constants.d.ts

@@ -1,21 +1,3 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 export declare const ARROW_ID = "js-bpk-popover-arrow";
 export declare const TOOLTIP_TYPES: {
     readonly light: "light";

package/bpk-mixins/_forms.scss

@@ -186,11 +186,27 @@
   right: bpk-spacing-md();
   height: $bpk-input-height;
 
+  // remove any default button styling
+  padding: 0;
+  border: 0;
+  background-color: transparent;
+  color: $bpk-text-secondary-day;
+  cursor: pointer;
+  appearance: none; // hidden by default
+
   @include bpk-rtl {
     right: inherit;
     left: bpk-spacing-md();
   }
 
+  @include utils.bpk-hover {
+    color: $bpk-text-primary-day;
+  }
+
+  &:active {
+    color: $bpk-text-primary-day;
+  }
+
   &--large {
     right: bpk-spacing-base();
     height: $bpk-input-large-height;

package/bpk-react-utils/index.d.ts

@@ -1,31 +1,13 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
 /// <reference types="react" />
-import wrapDisplayName from './src/wrapDisplayName';
+import { BpkDialogWrapper } from './src/BpkDialogWrapper/BpkDialogWrapper';
 import Portal from './src/Portal';
 import TransitionInitialMount from './src/TransitionInitialMount';
 import cssModules from './src/cssModules';
 import deprecated from './src/deprecated';
 import { isDeviceIphone, isDeviceIpad, isDeviceIos } from './src/deviceDetection';
-import withDefaultProps from './src/withDefaultProps';
 import isRTL from './src/isRTL';
-import{ BpkDialogWrapper } from './src/BpkDialogWrapper/BpkDialogWrapper';
+import withDefaultProps from './src/withDefaultProps';
+import wrapDisplayName from './src/wrapDisplayName';
 export { Portal, TransitionInitialMount, cssModules, deprecated, withDefaultProps, wrapDisplayName, isDeviceIphone, isDeviceIpad, isDeviceIos, isRTL, BpkDialogWrapper };
 declare const _default: {
     Portal: typeof Portal;
@@ -55,39 +37,6 @@ declare const _default: {
     isDeviceIpad: () => boolean;
     isDeviceIos: () => boolean;
     isRTL: () => boolean;
-    BpkDialogWrapper: ({
-      ariaLabelledby,
-      children,
-      closeOnEscPressed,
-      closeOnScrimClick,
-      dialogClassName,
-      exiting,
-      id,
-      isOpen,
-      onClose,
-      timeout,
-      transitionClassNames
-    }: {
-      ariaLabelledby: string;
-      children: import("react").ReactNode;
-      closeOnEscPressed?: boolean;
-      closeOnScrimClick?: boolean;
-      dialogClassName?: string;
-      id: string | undefined;
-      isOpen: boolean;
-      onClose: (
-        arg0?: Event | KeyboardEvent | MouseEvent | PointerEvent | TouchEvent,
-        arg1?: {
-          source: 'ESCAPE' | 'DOCUMENT_CLICK';
-        },
-    ) => void | null;
-      exiting?: boolean;
-      transitionClassNames?: {
-        appear?: string,
-        appearActive?: string,
-        exit?: string
-      };
-      timeout?: {appear?: number, exit?: number};
-    }) => JSX.Element;
+    BpkDialogWrapper: (props: import("./src/BpkDialogWrapper/BpkDialogWrapper").Props) => JSX.Element | null;
 };
 export default _default;