@skyscanner/backpack-web 25.1.0 → 25.2.0

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarDate.js

@@ -4,36 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = require("react");
 var _bpkComponentCalendar = require("../../bpk-component-calendar");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["isOutside"];
-/*
- * 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.
- */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /*
+                                                                                                                                                                                                                                                                                                                                                                                           * 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.
+                                                                                                                                                                                                                                                                                                                                                                                           */
 class BpkScrollableCalendarDate extends _react.PureComponent {
   render() {
     const _this$props = this.props,
@@ -41,16 +38,12 @@ class BpkScrollableCalendarDate extends _react.PureComponent {
         isOutside
       } = _this$props,
       rest = _objectWithoutProperties(_this$props, _excluded);
-
     // Returning null when isOutside is true ensures only focused month displays in grid
     return !isOutside ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentCalendar.BpkCalendarDate, _objectSpread({}, rest)) : null;
   }
 }
-BpkScrollableCalendarDate.propTypes = _objectSpread(_objectSpread({}, _bpkComponentCalendar.BpkCalendarDatePropTypes), {}, {
-  isOutside: _propTypes.default.bool
-});
-BpkScrollableCalendarDate.defaultProps = {
+_defineProperty(BpkScrollableCalendarDate, "defaultProps", {
   isOutside: false
-};
+});
 var _default = BpkScrollableCalendarDate;
 exports.default = _default;

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.d.ts

@@ -0,0 +1,29 @@
+/*
+ * 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 { ElementType } from 'react';
+import type { BpkCalendarGridProps } from '../../bpk-component-calendar';
+type Props = Partial<BpkCalendarGridProps> & {
+    DateComponent: ElementType;
+    month: Date;
+    formatDateFull: (date: Date) => Date | string;
+    weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    formatMonth: (date: Date) => Date | string;
+};
+declare const BpkScrollableCalendarGrid: ({ className, formatMonth, ignoreOutsideDate, month, ...rest }: Props) => JSX.Element;
+export default BpkScrollableCalendarGrid;

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.js

@@ -9,7 +9,7 @@ var _bpkComponentText = _interopRequireWildcard(require("../../bpk-component-tex
 var _bpkComponentCalendar = require("../../bpk-component-calendar");
 var _BpkScrollableCalendarGridModule = _interopRequireDefault(require("./BpkScrollableCalendarGrid.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "month"];
+const _excluded = ["className", "formatMonth", "ignoreOutsideDate", "month"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -38,12 +38,14 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkScrollableCalendarGridModule.default);
-const BpkScrollableCalendarGrid = props => {
-  const {
+const BpkScrollableCalendarGrid = _ref => {
+  let {
       className,
+      formatMonth,
+      ignoreOutsideDate,
       month
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const classNames = getClassName('bpk-scrollable-calendar-grid', className);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: classNames,
@@ -51,13 +53,12 @@ const BpkScrollableCalendarGrid = props => {
       className: getClassName('bpk-scrollable-calendar-grid__title'),
       tagName: "h1",
       textStyle: _bpkComponentText.TEXT_STYLES.heading4,
-      children: props.formatMonth(month)
+      children: formatMonth(month)
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentCalendar.BpkCalendarGrid, _objectSpread({
       month: month,
       ignoreOutsideDate: true
     }, rest))]
   });
 };
-BpkScrollableCalendarGrid.propTypes = _objectSpread({}, _bpkComponentCalendar.BpkCalendarGridPropTypes);
 var _default = BpkScrollableCalendarGrid;
 exports.default = _default;

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.d.ts

@@ -0,0 +1,56 @@
+/*
+ * 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 } from 'react';
+import type { ElementType } from 'react';
+import type { BpkCalendarGridProps } from '../../bpk-component-calendar';
+type Props = Partial<BpkCalendarGridProps> & {
+    minDate: Date;
+    maxDate: Date;
+    DateComponent: ElementType;
+    formatDateFull: (date: Date) => Date | string;
+    month: Date;
+    weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    formatMonth: (date: Date) => Date | string;
+    focusedDate?: Date | null;
+};
+type State = {
+    months: Date[];
+    monthItemHeights: number[];
+    outerHeight: number;
+};
+declare class BpkScrollableCalendarGridList extends Component<Props, State> {
+    outerDiv: HTMLDivElement | null;
+    static defaultProps: {
+        className: null;
+        focusedDate: null;
+    };
+    constructor(props: Props);
+    componentDidMount: () => void;
+    componentWillUnmount: () => void;
+    getHtmlElement: () => {} | null;
+    getItemSize: (index: number) => number;
+    setComponentHeight: () => void;
+    rowRenderer: ({ index, style }: {
+        index: number;
+        style: {};
+    }) => JSX.Element;
+    calculateOffsetInPixels: (numberOfMonths: number) => number;
+    render(): JSX.Element;
+}
+export default BpkScrollableCalendarGridList;

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = require("react");
 var _dateFns = require("date-fns");
 var _reactWindow = require("react-window");
@@ -35,7 +34,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
                                                                                                                                                                                                                                                                                                                                                                                            * 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.
-                                                                                                                                                                                                                                                                                                                                                                                           */
+                                                                                                                                                                                                                                                                                                                                                                                           */ // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkScrollableCalendarGridListModule.default);
 
 // The `react-window` API requires the height in pixels to be specified.
@@ -49,6 +48,7 @@ const ESTIMATED_MONTH_ITEM_HEIGHT = BASE_MONTH_ITEM_HEIGHT + 5 * ROW_HEIGHT;
 class BpkScrollableCalendarGridList extends _react.Component {
   constructor(props) {
     super(props);
+    _defineProperty(this, "outerDiv", void 0);
     _defineProperty(this, "componentDidMount", () => {
       this.setComponentHeight();
       if (typeof document !== 'undefined') {
@@ -123,11 +123,8 @@ class BpkScrollableCalendarGridList extends _react.Component {
       minDate,
       selectionConfiguration
     } = this.props;
-    const {
-      date,
-      startDate
-    } = selectionConfiguration || {};
-    const selectedDate = focusedDate || date || startDate;
+    const date = selectionConfiguration?.type === _bpkComponentCalendar.CALENDAR_SELECTION_TYPE.single ? selectionConfiguration?.date : selectionConfiguration?.startDate;
+    const selectedDate = focusedDate || date;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: getClassName('bpk-scrollable-calendar-grid-list', this.props.className),
       ref: div => {
@@ -151,15 +148,11 @@ class BpkScrollableCalendarGridList extends _react.Component {
     });
   }
 }
-BpkScrollableCalendarGridList.propTypes = _objectSpread({
-  className: _propTypes.default.string,
-  minDate: _propTypes.default.instanceOf(Date).isRequired,
-  maxDate: _propTypes.default.instanceOf(Date).isRequired,
-  focusedDate: _propTypes.default.instanceOf(Date)
-}, _bpkComponentCalendar.BpkCalendarGridPropTypes);
-BpkScrollableCalendarGridList.defaultProps = {
+_defineProperty(BpkScrollableCalendarGridList, "defaultProps", {
+  // Disabling as the rule doesn't work when types are defined in a different file
+  /* eslint-disable react/default-props-match-prop-types */
   className: null,
   focusedDate: null
-};
+});
 var _default = BpkScrollableCalendarGridList;
 exports.default = _default;

package/bpk-component-scrollable-calendar/src/utils.d.ts

@@ -0,0 +1,21 @@
+/*
+ * 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.
+ */
+
+declare const getMonthsArray: (startDate: Date, count: number) => Date[];
+declare const getMonthItemHeights: (months: Date[], weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6, columnCount: number, rowHeight: number, baseMonthItemHeight: number) => number[];
+export { getMonthsArray, getMonthItemHeights };

package/bpk-component-scrollable-calendar/src/utils.js

@@ -37,7 +37,7 @@ exports.getMonthsArray = getMonthsArray;
 const getMonthItemHeights = (months, weekStartsOn, columnCount, rowHeight, baseMonthItemHeight) => {
   const monthItemHeights = months.map(month => {
     const firstDayOffset = (month.getDay() + 7 - weekStartsOn) % 7;
-    const monthLength = _bpkComponentCalendar.DateUtils.daysInMonth(month.getYear(), month.getMonth());
+    const monthLength = _bpkComponentCalendar.DateUtils.daysInMonth(month.getFullYear(), month.getMonth());
     const calendarGridSpaces = firstDayOffset + monthLength;
     const rowCount = Math.ceil(calendarGridSpaces / columnCount);
     return baseMonthItemHeight + rowHeight * rowCount;

package/bpk-component-scrollable-calendar/test-utils.d.ts

@@ -0,0 +1,52 @@
+/*
+ * 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 formatDateFull: (date: Date) => string;
+export declare const formatDateFullArabic: (date: Date) => string;
+export declare const formatDateFullJapanese: (date: Date) => string;
+export declare const formatMonth: (date: Date) => string;
+export declare const formatMonthArabic: (date: Date) => string;
+export declare const formatMonthJapanese: (date: Date) => string;
+export declare const weekDays: {
+    name: string;
+    nameAbbr: string;
+    index: number;
+    isWeekend: boolean;
+}[];
+export declare const weekDaysMoreWeekend: {
+    name: string;
+    nameAbbr: string;
+    index: number;
+    isWeekend: boolean;
+}[];
+export declare const weekDaysArabic: {
+    name: string;
+    nameAbbr: string;
+    nameShort: string;
+    index: number;
+    cldrKey: string;
+    isWeekend: boolean;
+}[];
+export declare const weekDaysJapanese: {
+    name: string;
+    nameAbbr: string;
+    nameShort: string;
+    index: number;
+    cldrKey: string;
+    isWeekend: boolean;
+}[];

package/bpk-component-scrollable-calendar/test-utils.js

@@ -28,13 +28,13 @@ const formatDateFull = date => (0, _format.default)(date, 'EEEE, do MMMM yyyy');
 exports.formatDateFull = formatDateFull;
 const formatDateFullArabic = date => {
   const dateString = 'EEEE, dd، MMMM، yyyy';
-  const newString = dateString.replace('yyyy', date.getUTCFullYear());
+  const newString = dateString.replace('yyyy', `${date.getUTCFullYear()}`);
   return (0, _format.default)(date, newString);
 };
 exports.formatDateFullArabic = formatDateFullArabic;
 const formatDateFullJapanese = date => {
   const dateString = 'Y年M月d日EEEE';
-  const newString = dateString.replace('Y', date.getUTCFullYear());
+  const newString = dateString.replace('Y', `${date.getUTCFullYear()}`);
   return (0, _format.default)(date, newString);
 };
 exports.formatDateFullJapanese = formatDateFullJapanese;

package/bpk-component-text/src/BpkText.js

@@ -7,7 +7,7 @@ exports.default = exports.TEXT_STYLES = void 0;
 var _bpkReactUtils = require("../../bpk-react-utils");
 var _BpkTextModule = _interopRequireDefault(require("./BpkText.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["textStyle", "tagName", "className", "children"];
+const _excluded = ["children", "className", "tagName", "textStyle"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -66,10 +66,10 @@ const TEXT_STYLES = {
 exports.TEXT_STYLES = TEXT_STYLES;
 const BpkText = _ref => {
   let {
-      textStyle = TEXT_STYLES.bodyDefault,
-      tagName: TagName = 'span',
+      children,
       className = null,
-      children
+      tagName: TagName = 'span',
+      textStyle = TEXT_STYLES.bodyDefault
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const classNames = getClassName('bpk-text', `bpk-text--${textStyle}`, className);

package/bpk-scrim-utils/src/withScrim.js

@@ -56,25 +56,28 @@ const withScrim = WrappedComponent => {
       } = this.props;
       const applicationElement = getApplicationElement();
 
-      // iPhones need to have the application element hidden
-      // and scrolling stored to prevent some weird display
-      // issues from happening.
-      if (isIphone && applicationElement) {
+      /**
+       * iPhones & iPads need to have a fixed body
+       * and scrolling stored to prevent some iOS specific issues occuring
+       *
+       * Issue description:
+       * iOS safari does not prevent scrolling on the underlying content.
+       * Without the below fixes this results in users being able to scroll below any modal or dialog that uses withScrim.
+       *
+       * The fixes can be summaried here: https://markus.oberlehner.net/blog/simple-solution-to-prevent-body-scrolling-on-ios/
+       *
+       * The most dangerous of the fixes below is the fixBody, this function applies changes to the <body> style.
+       * This has the potential to override any custom styles already applied. The assumption here is that no one internally is making these changes to body.
+       *
+       * There is a corresponding set of functions in the componentWillUnmount block that deals with undoing these changes.
+       */
+      if (isIphone || isIpad) {
         (0, _scrollUtils.storeScroll)();
-        applicationElement.style.display = 'none';
-      } else {
-        // The method used for `lockScroll` does not prevent scrolling on iPad.
-        // On iPad we instead set `position: fixed` on `body` to prevent scrolling
-        // and resolve virtual keyboard issues.
-        if (isIpad) {
-          (0, _scrollUtils.storeScroll)();
-          (0, _scrollUtils.fixBody)();
-        } else {
-          (0, _scrollUtils.lockScroll)();
-        }
-        if (applicationElement) {
-          applicationElement.setAttribute('aria-hidden', 'true');
-        }
+        (0, _scrollUtils.lockScroll)();
+        (0, _scrollUtils.fixBody)();
+      }
+      if (applicationElement) {
+        applicationElement.setAttribute('aria-hidden', 'true');
       }
       _a11yFocusStore.default.storeFocus();
       if (this.dialogElement) {
@@ -88,19 +91,13 @@ const withScrim = WrappedComponent => {
         isIphone
       } = this.props;
       const applicationElement = getApplicationElement();
-      if (isIphone && applicationElement) {
-        applicationElement.style.display = '';
-        (0, _scrollUtils.restoreScroll)();
-      } else {
-        if (isIpad) {
-          (0, _scrollUtils.unfixBody)();
-          (0, _scrollUtils.restoreScroll)();
-        } else {
-          (0, _scrollUtils.unlockScroll)();
-        }
-        if (applicationElement) {
-          applicationElement.removeAttribute('aria-hidden');
-        }
+      if (isIphone || isIpad) {
+        setTimeout(_scrollUtils.restoreScroll, 0);
+        (0, _scrollUtils.unlockScroll)();
+        (0, _scrollUtils.unfixBody)();
+      }
+      if (applicationElement) {
+        applicationElement.removeAttribute('aria-hidden');
       }
       _a11yFocusScope.default.unscopeFocus();
       _a11yFocusStore.default.restoreFocus();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "25.1.0",
+  "version": "25.2.0",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",
@@ -24,11 +24,11 @@
   "dependencies": {
     "@popperjs/core": "^2.11.5",
     "@react-google-maps/api": "^2.12.0",
-    "@skyscanner/bpk-foundations-web": "^15.3.0",
-    "@skyscanner/bpk-svgs": "^16.3.2",
+    "@skyscanner/bpk-foundations-web": "^16.1.0",
+    "@skyscanner/bpk-svgs": "^16.3.4",
     "a11y-focus-scope": "^1.1.3",
     "a11y-focus-store": "^1.0.0",
-    "bpk-mixins": "^40.3.1",
+    "bpk-mixins": "^41.1.0",
     "d3-path": "^2.0.0",
     "d3-scale": "^4.0.2",
     "date-fns": "^2.21.1",