@skyscanner/backpack-web 25.7.0-beta.2 → 25.8.0

package/bpk-component-mobile-scroll-container/src/BpkMobileScrollContainer.js

@@ -1,26 +1,41 @@
-/*
- * 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 PropTypes from 'prop-types';
-import debounce from 'lodash.debounce';
-import { Component } from 'react';
-import { cssModules, isRTL } from "../../bpk-react-utils";
-import STYLES from "./BpkMobileScrollContainer.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.computeScrollIndicatorClassName = exports.computeScrollBarAwareHeight = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _lodash = _interopRequireDefault(require("lodash.debounce"));
+var _react = require("react");
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkMobileScrollContainerModule = _interopRequireDefault(require("./BpkMobileScrollContainer.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children", "className", "innerContainerTagName", "leadingIndicatorClassName", "scrollerRef", "showScrollbar", "style", "trailingIndicatorClassName"];
+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 _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.
+                                                                                                                                                                                                                                                                                                                                                                                           */
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkMobileScrollContainerModule.default);
 const computeScrollBarAwareHeight = (scrollerEl, innerEl) => {
   if (!(scrollerEl && innerEl)) {
     return null;
@@ -28,6 +43,7 @@ const computeScrollBarAwareHeight = (scrollerEl, innerEl) => {
   const scrollBarVisibile = scrollerEl.offsetHeight - innerEl.offsetHeight > 0;
   return scrollBarVisibile ? `${innerEl.offsetHeight / 16}rem` : 'auto';
 };
+exports.computeScrollBarAwareHeight = computeScrollBarAwareHeight;
 const computeScrollIndicatorClassName = (scrollerEl, leadingIndicatorClassName = null, trailingIndicatorClassName = null) => {
   if (!scrollerEl) {
     return null;
@@ -38,7 +54,7 @@ const computeScrollIndicatorClassName = (scrollerEl, leadingIndicatorClassName =
     scrollLeft,
     scrollWidth
   } = scrollerEl;
-  const rtl = isRTL();
+  const rtl = (0, _bpkReactUtils.isRTL)();
   const scrollValue = rtl ? -Math.floor(scrollLeft) : Math.ceil(scrollLeft);
   const showLeadingIndicator = scrollValue > 0;
   const showTrailingIndicator = scrollValue < scrollWidth - offsetWidth;
@@ -58,29 +74,37 @@ const computeScrollIndicatorClassName = (scrollerEl, leadingIndicatorClassName =
   }
   return classNames;
 };
-class BpkMobileScrollContainer extends Component {
-  static propTypes = {
-    children: PropTypes.node.isRequired,
-    scrollerRef: PropTypes.func,
-    innerContainerTagName: PropTypes.string,
-    className: PropTypes.string,
-    leadingIndicatorClassName: PropTypes.string,
-    trailingIndicatorClassName: PropTypes.string,
-    style: PropTypes.object,
-    // eslint-disable-line react/forbid-prop-types
-    showScrollbar: PropTypes.bool
-  };
-  static defaultProps = {
-    scrollerRef: null,
-    innerContainerTagName: 'div',
-    className: null,
-    leadingIndicatorClassName: null,
-    trailingIndicatorClassName: null,
-    style: null,
-    showScrollbar: false
-  };
+exports.computeScrollIndicatorClassName = computeScrollIndicatorClassName;
+class BpkMobileScrollContainer extends _react.Component {
   constructor() {
     super();
+    _defineProperty(this, "innerEl", void 0);
+    _defineProperty(this, "scrollerEl", void 0);
+    _defineProperty(this, "onWindowResize", (0, _lodash.default)(() => {
+      this.setScrollBarAwareHeight();
+      this.setScrollIndicatorClassName();
+    }, 100));
+    _defineProperty(this, "setScrollIndicatorClassName", () => {
+      const classNames = computeScrollIndicatorClassName(this.scrollerEl, this.props.leadingIndicatorClassName, this.props.trailingIndicatorClassName);
+      if (!classNames) {
+        return;
+      }
+      this.setState(() => ({
+        scrollIndicatorClassName: classNames.join(' ')
+      }));
+    });
+    _defineProperty(this, "setScrollBarAwareHeight", () => {
+      if (this.props.showScrollbar) {
+        return;
+      }
+      const computedHeight = computeScrollBarAwareHeight(this.scrollerEl, this.innerEl);
+      if (!computedHeight) {
+        return;
+      }
+      this.setState(() => ({
+        computedHeight
+      }));
+    });
     this.state = {
       computedHeight: 'auto',
       scrollIndicatorClassName: null
@@ -94,44 +118,20 @@ class BpkMobileScrollContainer extends Component {
   componentWillUnmount() {
     window.removeEventListener('resize', this.onWindowResize);
   }
-  onWindowResize = debounce(() => {
-    this.setScrollBarAwareHeight();
-    this.setScrollIndicatorClassName();
-  }, 100);
-  setScrollIndicatorClassName = () => {
-    const classNames = computeScrollIndicatorClassName(this.scrollerEl, this.props.leadingIndicatorClassName, this.props.trailingIndicatorClassName);
-    if (!classNames) {
-      return;
-    }
-    this.setState(() => ({
-      scrollIndicatorClassName: classNames.join(' ')
-    }));
-  };
-  setScrollBarAwareHeight = () => {
-    if (this.props.showScrollbar) {
-      return;
-    }
-    const computedHeight = computeScrollBarAwareHeight(this.scrollerEl, this.innerEl);
-    if (!computedHeight) {
-      return;
-    }
-    this.setState(() => ({
-      computedHeight
-    }));
-  };
   render() {
     const classNames = [getClassName('bpk-mobile-scroll-container')];
-    const {
-      children,
-      className,
-      innerContainerTagName,
-      leadingIndicatorClassName,
-      scrollerRef,
-      showScrollbar,
-      style,
-      trailingIndicatorClassName,
-      ...rest
-    } = this.props;
+    const _this$props = this.props,
+      {
+        children,
+        className,
+        innerContainerTagName,
+        leadingIndicatorClassName,
+        scrollerRef,
+        showScrollbar,
+        style,
+        trailingIndicatorClassName
+      } = _this$props,
+      rest = _objectWithoutProperties(_this$props, _excluded);
     if (className) {
       classNames.push(className);
     }
@@ -140,14 +140,12 @@ class BpkMobileScrollContainer extends Component {
     }
     const scrollerClassNames = getClassName('bpk-mobile-scroll-container__scroller', showScrollbar && 'bpk-mobile-scroll-container__showScrollbar');
     const InnerContainer = innerContainerTagName;
-    return /*#__PURE__*/_jsx("div", {
-      ...rest,
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, rest), {}, {
       className: classNames.join(' '),
-      style: {
-        ...style,
+      style: _objectSpread(_objectSpread({}, style), {}, {
         height: this.state.computedHeight
-      },
-      children: /*#__PURE__*/_jsx("div", {
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: el => {
           if (scrollerRef) {
             scrollerRef(el);
@@ -156,7 +154,7 @@ class BpkMobileScrollContainer extends Component {
         },
         onScroll: this.setScrollIndicatorClassName,
         className: scrollerClassNames,
-        children: /*#__PURE__*/_jsx(InnerContainer, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(InnerContainer, {
           ref: el => {
             this.innerEl = el;
           },
@@ -164,8 +162,28 @@ class BpkMobileScrollContainer extends Component {
           children: children
         })
       })
-    });
+    }));
   }
 }
-export default BpkMobileScrollContainer;
-export { computeScrollBarAwareHeight, computeScrollIndicatorClassName };
+_defineProperty(BpkMobileScrollContainer, "propTypes", {
+  children: _propTypes.default.node.isRequired,
+  scrollerRef: _propTypes.default.func,
+  innerContainerTagName: _propTypes.default.string,
+  className: _propTypes.default.string,
+  leadingIndicatorClassName: _propTypes.default.string,
+  trailingIndicatorClassName: _propTypes.default.string,
+  style: _propTypes.default.object,
+  // eslint-disable-line react/forbid-prop-types
+  showScrollbar: _propTypes.default.bool
+});
+_defineProperty(BpkMobileScrollContainer, "defaultProps", {
+  scrollerRef: null,
+  innerContainerTagName: 'div',
+  className: null,
+  leadingIndicatorClassName: null,
+  trailingIndicatorClassName: null,
+  style: null,
+  showScrollbar: false
+});
+var _default = BpkMobileScrollContainer;
+exports.default = _default;

package/bpk-component-modal/index.js

@@ -1,3 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BpkModalV2", {
+  enumerable: true,
+  get: function () {
+    return _BpkModal.BpkModalV2;
+  }
+});
+exports.default = void 0;
+Object.defineProperty(exports, "defaultProps", {
+  enumerable: true,
+  get: function () {
+    return _legacyPropTypes.defaultProps;
+  }
+});
+Object.defineProperty(exports, "propTypes", {
+  enumerable: true,
+  get: function () {
+    return _legacyPropTypes.propTypes;
+  }
+});
+Object.defineProperty(exports, "themeAttributes", {
+  enumerable: true,
+  get: function () {
+    return _themeAttributes.default;
+  }
+});
+var _BpkModal = require("./src/BpkModalV2/BpkModal");
+var _themeAttributes = _interopRequireDefault(require("./src/themeAttributes"));
+var _BpkModal2 = _interopRequireDefault(require("./src/BpkModal"));
+var _legacyPropTypes = require("./src/legacy-prop-types");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,11 +50,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-import { BpkModalV2 } from "./src/BpkModalV2/BpkModal";
-import themeAttributes from "./src/themeAttributes";
-import BpkModal from "./src/BpkModal";
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import { propTypes, defaultProps } from "./src/legacy-prop-types";
-export default BpkModal;
-export { propTypes, defaultProps, themeAttributes, BpkModalV2 };
+var _default = _BpkModal2.default;
+exports.default = _default;

package/bpk-component-modal/src/BpkModal.js

@@ -1,3 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _bpkScrimUtils = require("../../bpk-scrim-utils");
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkModalModule = _interopRequireDefault(require("./BpkModal.module.css"));
+var _BpkModalInner = _interopRequireDefault(require("./BpkModalInner"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["accessoryView", "className", "closeLabel", "closeOnEscPressed", "closeOnScrimClick", "closeText", "contentClassName", "dialogRef", "fullScreen", "fullScreenOnMobile", "isIphone", "isOpen", "onClose", "padded", "renderTarget", "showHeader", "title", "wide"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,47 +27,50 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-import { withScrim } from "../../bpk-scrim-utils";
-import { Portal, cssModules, isDeviceIphone } from "../../bpk-react-utils";
-import STYLES from "./BpkModal.module.css";
-import BpkModalInner from "./BpkModalInner";
-import { jsx as _jsx } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
-const ScrimBpkModalInner = withScrim(BpkModalInner);
-const BpkModal = ({
-  accessoryView = null,
-  className = null,
-  closeLabel = '',
-  closeOnEscPressed = true,
-  closeOnScrimClick = true,
-  closeText = null,
-  contentClassName = null,
-  dialogRef = () => null,
-  fullScreen = false,
-  fullScreenOnMobile = true,
-  isIphone = isDeviceIphone(),
-  isOpen,
-  onClose = () => null,
-  padded = true,
-  renderTarget = null,
-  showHeader = true,
-  title = null,
-  wide = false,
-  ...rest
-}) => {
+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; }
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkModalModule.default);
+const ScrimBpkModalInner = (0, _bpkScrimUtils.withScrim)(_BpkModalInner.default);
+const BpkModal = _ref => {
+  let {
+      accessoryView = null,
+      className = null,
+      closeLabel = '',
+      closeOnEscPressed = true,
+      closeOnScrimClick = true,
+      closeText = null,
+      contentClassName = null,
+      dialogRef = () => null,
+      fullScreen = false,
+      fullScreenOnMobile = true,
+      isIphone = (0, _bpkReactUtils.isDeviceIphone)(),
+      isOpen,
+      onClose = () => null,
+      padded = true,
+      renderTarget = null,
+      showHeader = true,
+      title = null,
+      wide = false
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const containerClass = [getClassName('bpk-modal__container')];
   if (fullScreen || isIphone) {
     containerClass.push(getClassName('bpk-modal__container--full-screen'));
   } else if (fullScreenOnMobile) {
     containerClass.push(getClassName('bpk-modal__container--full-screen-mobile'));
   }
-  return /*#__PURE__*/_jsx(Portal, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkReactUtils.Portal, {
     isOpen: isOpen,
     onClose: onClose,
     renderTarget: renderTarget,
     closeOnEscPressed: closeOnEscPressed,
-    children: /*#__PURE__*/_jsx(ScrimBpkModalInner, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ScrimBpkModalInner, _objectSpread({
       onClose: onClose,
       fullScreenOnMobile: fullScreenOnMobile,
       fullScreen: fullScreen,
@@ -71,9 +86,9 @@ const BpkModal = ({
       showHeader: showHeader,
       padded: padded,
       accessoryView: accessoryView,
-      dialogRef: dialogRef,
-      ...rest
-    })
+      dialogRef: dialogRef
+    }, rest))
   });
 };
-export default BpkModal;
+var _default = BpkModal;
+exports.default = _default;

package/bpk-component-modal/src/BpkModalInner.js

@@ -1,3 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _bpkComponentLink = require("../../bpk-component-link");
+var _bpkComponentCloseButton = _interopRequireDefault(require("../../bpk-component-close-button"));
+var _bpkComponentNavigationBar = _interopRequireDefault(require("../../bpk-component-navigation-bar"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkModalInnerModule = _interopRequireDefault(require("./BpkModalInner.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -17,16 +30,12 @@
  */
 
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import { BpkButtonLink } from "../../bpk-component-link";
+
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import BpkCloseButton from "../../bpk-component-close-button";
+
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import BpkNavigationBar from "../../bpk-component-navigation-bar";
-import { TransitionInitialMount, cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkModalInner.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
+
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkModalInnerModule.default);
 const BpkModalInner = ({
   accessoryView = null,
   children,
@@ -66,47 +75,48 @@ const BpkModalInner = ({
     contentClassNames.push(contentClassName);
   }
   const headingId = `bpk-modal-heading-${id}`;
-  const accessoryViewFinal = accessoryView ? /*#__PURE__*/_jsx("span", {
+  const accessoryViewFinal = accessoryView ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     className: getClassName('bpk-modal__accessory-view'),
     children: accessoryView
   }) : null;
-  return /*#__PURE__*/_jsx(TransitionInitialMount, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkReactUtils.TransitionInitialMount, {
     appearClassName: getClassName('bpk-modal--appear'),
     appearActiveClassName: getClassName('bpk-modal--appear-active'),
     transitionTimeout: 300,
-    children: /*#__PURE__*/_jsxs("section", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
       id: id,
       tabIndex: -1,
       role: "dialog",
       "aria-labelledby": showHeader ? headingId : undefined,
       className: classNames.join(' '),
       ref: dialogRef,
-      children: [showHeader && /*#__PURE__*/_jsx("header", {
+      children: [showHeader && /*#__PURE__*/(0, _jsxRuntime.jsx)("header", {
         className: getClassName('bpk-modal__header'),
-        children: /*#__PURE__*/_jsx(BpkNavigationBar, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentNavigationBar.default, {
           id: headingId,
           className: navigationStyles.join(' '),
-          title: /*#__PURE__*/_jsx("h2", {
+          title: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
             id: headingId,
             className: getClassName('bpk-modal__heading'),
             children: title
           }),
           leadingButton: accessoryViewFinal,
-          trailingButton: closeText ? /*#__PURE__*/_jsx(BpkButtonLink, {
+          trailingButton: closeText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentLink.BpkButtonLink, {
             className: getClassName('bpk-modal__close-button'),
             onClick: onClose,
             children: closeText
-          }) : /*#__PURE__*/_jsx(BpkCloseButton, {
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentCloseButton.default, {
             className: getClassName('bpk-modal__close-button'),
             label: closeLabel,
             onClick: onClose
           })
         })
-      }), /*#__PURE__*/_jsx("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: contentClassNames.join(' '),
         children: children
       })]
     })
   });
 };
-export default BpkModalInner;
+var _default = BpkModalInner;
+exports.default = _default;