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

package/bpk-component-button/src/BpkButtonV2/BpkButton.js

@@ -1,14 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _bpkReactUtils = require("../../../bpk-react-utils");
-var _commonTypes = require("./common-types");
-var _BpkButtonModule = _interopRequireDefault(require("./BpkButton.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["blank", "children", "className", "disabled", "href", "iconOnly", "onClick", "rel", "size", "submit", "type"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -26,52 +15,46 @@ const _excluded = ["blank", "children", "className", "disabled", "href", "iconOn
  * 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; }
-const getCommonClassName = (0, _bpkReactUtils.cssModules)(_BpkButtonModule.default);
-const BpkButtonV2 = _ref => {
-  let {
-      blank = false,
-      children,
-      className = null,
-      disabled = false,
-      href = null,
-      iconOnly = false,
-      onClick = () => {},
-      rel: propRel = undefined,
-      size = _commonTypes.SIZE_TYPES.small,
-      submit = false,
-      type = _commonTypes.BUTTON_TYPES.primary
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const classNames = getCommonClassName('bpk-button', size === _commonTypes.SIZE_TYPES.large && 'bpk-button--large', iconOnly && 'bpk-button--icon-only', iconOnly && size === _commonTypes.SIZE_TYPES.large && 'bpk-button--large-icon-only', `bpk-button--${type}`, className);
+import { cssModules } from "../../../bpk-react-utils";
+import { BUTTON_TYPES, SIZE_TYPES } from "./common-types";
+import COMMON_STYLES from "./BpkButton.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+const getCommonClassName = cssModules(COMMON_STYLES);
+const BpkButtonV2 = ({
+  blank = false,
+  children,
+  className = null,
+  disabled = false,
+  href = null,
+  iconOnly = false,
+  onClick = () => {},
+  rel: propRel = undefined,
+  size = SIZE_TYPES.small,
+  submit = false,
+  type = BUTTON_TYPES.primary,
+  ...rest
+}) => {
+  const classNames = getCommonClassName('bpk-button', size === SIZE_TYPES.large && 'bpk-button--large', iconOnly && 'bpk-button--icon-only', iconOnly && size === SIZE_TYPES.large && 'bpk-button--large-icon-only', `bpk-button--${type}`, className);
   const target = blank ? '_blank' : '';
   const rel = blank ? propRel || 'noopener noreferrer' : propRel;
   if (!disabled && href) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({
+    return /*#__PURE__*/_jsx("a", {
       href: href,
       className: classNames,
       onClick: onClick,
       target: target,
-      rel: rel
-    }, rest), {}, {
+      rel: rel,
+      ...rest,
       children: children
-    }));
+    });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx("button", {
     type: submit ? 'submit' : 'button',
     disabled: disabled,
     className: classNames,
-    onClick: onClick
-  }, rest), {}, {
+    onClick: onClick,
+    ...rest,
     children: children
-  }));
+  });
 };
-var _default = BpkButtonV2;
-exports.default = _default;
+export default BpkButtonV2;

package/bpk-component-button/src/BpkButtonV2/common-types.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SIZE_TYPES = exports.BUTTON_TYPES = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -22,7 +16,7 @@ exports.SIZE_TYPES = exports.BUTTON_TYPES = void 0;
  * limitations under the License.
  */
 
-const BUTTON_TYPES = {
+export const BUTTON_TYPES = {
   primary: 'primary',
   primaryOnDark: 'primary-on-dark',
   primaryOnLight: 'primary-on-light',
@@ -33,9 +27,7 @@ const BUTTON_TYPES = {
   link: 'link',
   linkOnDark: 'link-on-dark'
 };
-exports.BUTTON_TYPES = BUTTON_TYPES;
-const SIZE_TYPES = {
+export const SIZE_TYPES = {
   small: 'small',
   large: 'large'
-};
-exports.SIZE_TYPES = SIZE_TYPES;
+};

package/bpk-component-button/src/common-types.js

@@ -1,11 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.defaultProps = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -22,19 +14,19 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * 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 propTypes = {
-  children: _propTypes.default.node.isRequired,
-  href: _propTypes.default.string,
-  className: _propTypes.default.string,
-  disabled: _propTypes.default.bool,
-  onClick: _propTypes.default.func,
-  submit: _propTypes.default.bool,
-  large: _propTypes.default.bool,
-  iconOnly: _propTypes.default.bool,
-  blank: _propTypes.default.bool,
-  rel: _propTypes.default.string
+ */import PropTypes from 'prop-types';
+const propTypes = {
+  children: PropTypes.node.isRequired,
+  href: PropTypes.string,
+  className: PropTypes.string,
+  disabled: PropTypes.bool,
+  onClick: PropTypes.func,
+  submit: PropTypes.bool,
+  large: PropTypes.bool,
+  iconOnly: PropTypes.bool,
+  blank: PropTypes.bool,
+  rel: PropTypes.string
 };
-exports.propTypes = propTypes;
 const defaultProps = {
   href: null,
   className: null,
@@ -46,4 +38,4 @@ const defaultProps = {
   blank: false,
   rel: null
 };
-exports.defaultProps = defaultProps;
+export { propTypes, defaultProps };

package/bpk-component-button/src/commonButtonTests.js

@@ -1,11 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("@testing-library/react");
-var _jsxRuntime = require("react/jsx-runtime");
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -24,12 +16,14 @@ var _jsxRuntime = require("react/jsx-runtime");
  * limitations under the License.
  */
 
+import { render } from '@testing-library/react';
+import { jsx as _jsx } from "react/jsx-runtime";
 const commonButtonTests = ButtonToTest => {
   describe('ButtonToTest', () => {
     it('should render correctly', () => {
       const {
         asFragment
-      } = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonToTest, {
+      } = render( /*#__PURE__*/_jsx(ButtonToTest, {
         children: "My button"
       }));
       expect(asFragment()).toMatchSnapshot();
@@ -37,7 +31,7 @@ const commonButtonTests = ButtonToTest => {
     it('should render correctly with a "href" attribute', () => {
       const {
         asFragment
-      } = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonToTest, {
+      } = render( /*#__PURE__*/_jsx(ButtonToTest, {
         href: "#",
         children: "My button"
       }));
@@ -46,7 +40,7 @@ const commonButtonTests = ButtonToTest => {
     it('should render correctly with a "disabled" attribute', () => {
       const {
         asFragment
-      } = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonToTest, {
+      } = render( /*#__PURE__*/_jsx(ButtonToTest, {
         disabled: true,
         children: "My button"
       }));
@@ -55,7 +49,7 @@ const commonButtonTests = ButtonToTest => {
     it('should render correctly with a "large" attribute', () => {
       const {
         asFragment
-      } = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonToTest, {
+      } = render( /*#__PURE__*/_jsx(ButtonToTest, {
         large: true,
         children: "My button"
       }));
@@ -64,7 +58,7 @@ const commonButtonTests = ButtonToTest => {
     it('should render correctly with an "iconOnly" attribute', () => {
       const {
         asFragment
-      } = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonToTest, {
+      } = render( /*#__PURE__*/_jsx(ButtonToTest, {
         iconOnly: true,
         children: "My button"
       }));
@@ -73,7 +67,7 @@ const commonButtonTests = ButtonToTest => {
     it('should respect the class names entered as a string', () => {
       const {
         asFragment
-      } = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonToTest, {
+      } = render( /*#__PURE__*/_jsx(ButtonToTest, {
         large: true,
         className: "custom-class-1 custom-class-2",
         children: "My button"
@@ -83,7 +77,7 @@ const commonButtonTests = ButtonToTest => {
     it('should add only bpk specific classes if className prop is set to empty string', () => {
       const {
         asFragment
-      } = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonToTest, {
+      } = render( /*#__PURE__*/_jsx(ButtonToTest, {
         large: true,
         className: "",
         children: "My button"
@@ -93,7 +87,7 @@ const commonButtonTests = ButtonToTest => {
     it('should render correctly with "blank" attribute', () => {
       const {
         asFragment
-      } = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonToTest, {
+      } = render( /*#__PURE__*/_jsx(ButtonToTest, {
         href: "#",
         blank: true,
         children: "My button"
@@ -103,7 +97,7 @@ const commonButtonTests = ButtonToTest => {
     it('should render correctly with "rel" attribute', () => {
       const {
         asFragment
-      } = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonToTest, {
+      } = render( /*#__PURE__*/_jsx(ButtonToTest, {
         href: "#",
         rel: "rel-attr",
         children: "My button"
@@ -113,7 +107,7 @@ const commonButtonTests = ButtonToTest => {
     it('should render correctly with "blank" and "rel" attributes', () => {
       const {
         asFragment
-      } = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonToTest, {
+      } = render( /*#__PURE__*/_jsx(ButtonToTest, {
         href: "#",
         blank: true,
         rel: "rel-overwrite",
@@ -124,7 +118,7 @@ const commonButtonTests = ButtonToTest => {
     it('should render correctly with "disabled" and "href" attributes', () => {
       const {
         asFragment
-      } = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonToTest, {
+      } = render( /*#__PURE__*/_jsx(ButtonToTest, {
         href: "#",
         disabled: true,
         children: "My button"
@@ -136,5 +130,4 @@ const commonButtonTests = ButtonToTest => {
 
 // We export these to reuse them in other tests for buttons.
 // eslint-disable-next-line jest/no-export
-var _default = commonButtonTests;
-exports.default = _default;
+export default commonButtonTests;

package/bpk-component-button/src/themeAttributes.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.secondaryThemeAttributes = exports.secondaryOnDarkThemeAttributes = exports.primaryThemeAttributes = exports.primaryOnLightThemeAttributes = exports.primaryOnDarkThemeAttributes = exports.featuredThemeAttributes = exports.destructiveThemeAttributes = exports.buttonThemeAttributes = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -22,19 +16,11 @@ exports.secondaryThemeAttributes = exports.secondaryOnDarkThemeAttributes = expo
  * limitations under the License.
  */
 
-const buttonThemeAttributes = ['buttonFontSize'];
-exports.buttonThemeAttributes = buttonThemeAttributes;
-const primaryThemeAttributes = ['buttonPrimaryTextColor', 'buttonPrimaryHoverTextColor', 'buttonPrimaryActiveTextColor', 'buttonPrimaryGradientStartColor', 'buttonPrimaryGradientEndColor', 'buttonPrimaryBackgroundColor', 'buttonPrimaryHoverBackgroundColor', 'buttonPrimaryActiveBackgroundColor'];
-exports.primaryThemeAttributes = primaryThemeAttributes;
-const primaryOnDarkThemeAttributes = ['buttonPrimaryOnDarkTextColor', 'buttonPrimaryOnDarkHoverTextColor', 'buttonPrimaryOnDarkActiveTextColor', 'buttonPrimaryOnDarkBackgroundColor', 'buttonPrimaryOnDarkHoverBackgroundColor', 'buttonPrimaryOnDarkActiveBackgroundColor'];
-exports.primaryOnDarkThemeAttributes = primaryOnDarkThemeAttributes;
-const primaryOnLightThemeAttributes = ['buttonPrimaryOnLightTextColor', 'buttonPrimaryOnLightHoverTextColor', 'buttonPrimaryOnLightActiveTextColor', 'buttonPrimaryOnLightBackgroundColor', 'buttonPrimaryOnLightHoverBackgroundColor', 'buttonPrimaryOnLightActiveBackgroundColor'];
-exports.primaryOnLightThemeAttributes = primaryOnLightThemeAttributes;
-const secondaryThemeAttributes = ['buttonSecondaryTextColor', 'buttonSecondaryHoverTextColor', 'buttonSecondaryActiveTextColor', 'buttonSecondaryBorderColor', 'buttonSecondaryHoverBorderColor', 'buttonSecondaryActiveBorderColor', 'buttonSecondaryBackgroundColor', 'buttonSecondaryHoverBackgroundColor', 'buttonSecondaryActiveBackgroundColor'];
-exports.secondaryThemeAttributes = secondaryThemeAttributes;
-const secondaryOnDarkThemeAttributes = ['buttonSecondaryOnDarkTextColor', 'buttonSecondaryOnDarkHoverTextColor', 'buttonSecondaryOnDarkActiveTextColor', 'buttonSecondaryOnDarkBackgroundColor', 'buttonSecondaryOnDarkHoverBackgroundColor', 'buttonSecondaryOnDarkActiveBackgroundColor'];
-exports.secondaryOnDarkThemeAttributes = secondaryOnDarkThemeAttributes;
-const featuredThemeAttributes = ['buttonFeaturedTextColor', 'buttonFeaturedHoverTextColor', 'buttonFeaturedActiveTextColor', 'buttonFeaturedGradientStartColor', 'buttonFeaturedGradientEndColor', 'buttonFeaturedBackgroundColor', 'buttonFeaturedHoverBackgroundColor', 'buttonFeaturedActiveBackgroundColor'];
-exports.featuredThemeAttributes = featuredThemeAttributes;
-const destructiveThemeAttributes = ['buttonDestructiveTextColor', 'buttonDestructiveHoverTextColor', 'buttonDestructiveActiveTextColor', 'buttonDestructiveBorderColor', 'buttonDestructiveHoverBorderColor', 'buttonDestructiveActiveBorderColor', 'buttonDestructiveBackgroundColor', 'buttonDestructiveHoverBackgroundColor', 'buttonDestructiveActiveBackgroundColor'];
-exports.destructiveThemeAttributes = destructiveThemeAttributes;
+export const buttonThemeAttributes = ['buttonFontSize'];
+export const primaryThemeAttributes = ['buttonPrimaryTextColor', 'buttonPrimaryHoverTextColor', 'buttonPrimaryActiveTextColor', 'buttonPrimaryGradientStartColor', 'buttonPrimaryGradientEndColor', 'buttonPrimaryBackgroundColor', 'buttonPrimaryHoverBackgroundColor', 'buttonPrimaryActiveBackgroundColor'];
+export const primaryOnDarkThemeAttributes = ['buttonPrimaryOnDarkTextColor', 'buttonPrimaryOnDarkHoverTextColor', 'buttonPrimaryOnDarkActiveTextColor', 'buttonPrimaryOnDarkBackgroundColor', 'buttonPrimaryOnDarkHoverBackgroundColor', 'buttonPrimaryOnDarkActiveBackgroundColor'];
+export const primaryOnLightThemeAttributes = ['buttonPrimaryOnLightTextColor', 'buttonPrimaryOnLightHoverTextColor', 'buttonPrimaryOnLightActiveTextColor', 'buttonPrimaryOnLightBackgroundColor', 'buttonPrimaryOnLightHoverBackgroundColor', 'buttonPrimaryOnLightActiveBackgroundColor'];
+export const secondaryThemeAttributes = ['buttonSecondaryTextColor', 'buttonSecondaryHoverTextColor', 'buttonSecondaryActiveTextColor', 'buttonSecondaryBorderColor', 'buttonSecondaryHoverBorderColor', 'buttonSecondaryActiveBorderColor', 'buttonSecondaryBackgroundColor', 'buttonSecondaryHoverBackgroundColor', 'buttonSecondaryActiveBackgroundColor'];
+export const secondaryOnDarkThemeAttributes = ['buttonSecondaryOnDarkTextColor', 'buttonSecondaryOnDarkHoverTextColor', 'buttonSecondaryOnDarkActiveTextColor', 'buttonSecondaryOnDarkBackgroundColor', 'buttonSecondaryOnDarkHoverBackgroundColor', 'buttonSecondaryOnDarkActiveBackgroundColor'];
+export const featuredThemeAttributes = ['buttonFeaturedTextColor', 'buttonFeaturedHoverTextColor', 'buttonFeaturedActiveTextColor', 'buttonFeaturedGradientStartColor', 'buttonFeaturedGradientEndColor', 'buttonFeaturedBackgroundColor', 'buttonFeaturedHoverBackgroundColor', 'buttonFeaturedActiveBackgroundColor'];
+export const destructiveThemeAttributes = ['buttonDestructiveTextColor', 'buttonDestructiveHoverTextColor', 'buttonDestructiveActiveTextColor', 'buttonDestructiveBorderColor', 'buttonDestructiveHoverBorderColor', 'buttonDestructiveActiveBorderColor', 'buttonDestructiveBackgroundColor', 'buttonDestructiveHoverBackgroundColor', 'buttonDestructiveActiveBackgroundColor'];

package/bpk-component-button/themeAttributes.js

@@ -1,54 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "buttonThemeAttributes", {
-  enumerable: true,
-  get: function () {
-    return _themeAttributes.buttonThemeAttributes;
-  }
-});
-Object.defineProperty(exports, "destructiveThemeAttributes", {
-  enumerable: true,
-  get: function () {
-    return _themeAttributes.destructiveThemeAttributes;
-  }
-});
-Object.defineProperty(exports, "featuredThemeAttributes", {
-  enumerable: true,
-  get: function () {
-    return _themeAttributes.featuredThemeAttributes;
-  }
-});
-Object.defineProperty(exports, "primaryOnDarkThemeAttributes", {
-  enumerable: true,
-  get: function () {
-    return _themeAttributes.primaryOnDarkThemeAttributes;
-  }
-});
-Object.defineProperty(exports, "primaryOnLightThemeAttributes", {
-  enumerable: true,
-  get: function () {
-    return _themeAttributes.primaryOnLightThemeAttributes;
-  }
-});
-Object.defineProperty(exports, "primaryThemeAttributes", {
-  enumerable: true,
-  get: function () {
-    return _themeAttributes.primaryThemeAttributes;
-  }
-});
-Object.defineProperty(exports, "secondaryOnDarkThemeAttributes", {
-  enumerable: true,
-  get: function () {
-    return _themeAttributes.secondaryOnDarkThemeAttributes;
-  }
-});
-Object.defineProperty(exports, "secondaryThemeAttributes", {
-  enumerable: true,
-  get: function () {
-    return _themeAttributes.secondaryThemeAttributes;
-  }
-});
-var _themeAttributes = require("./src/themeAttributes");
+/*
+ * 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 { buttonThemeAttributes, primaryThemeAttributes, primaryOnDarkThemeAttributes, primaryOnLightThemeAttributes, secondaryThemeAttributes, secondaryOnDarkThemeAttributes, featuredThemeAttributes, destructiveThemeAttributes } from "./src/themeAttributes";

package/bpk-component-calendar/index.js

@@ -1,108 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BpkCalendarDate", {
-  enumerable: true,
-  get: function () {
-    return _BpkCalendarDate.default;
-  }
-});
-Object.defineProperty(exports, "BpkCalendarDatePropTypes", {
-  enumerable: true,
-  get: function () {
-    return _customProptypesLegacy.BpkCalendarDatePropTypes;
-  }
-});
-Object.defineProperty(exports, "BpkCalendarGrid", {
-  enumerable: true,
-  get: function () {
-    return _BpkCalendarGrid.default;
-  }
-});
-Object.defineProperty(exports, "BpkCalendarGridHeader", {
-  enumerable: true,
-  get: function () {
-    return _BpkCalendarGridHeader.default;
-  }
-});
-Object.defineProperty(exports, "BpkCalendarGridPropTypes", {
-  enumerable: true,
-  get: function () {
-    return _customProptypesLegacy.BpkCalendarGridPropTypes;
-  }
-});
-Object.defineProperty(exports, "BpkCalendarGridWithTransition", {
-  enumerable: true,
-  get: function () {
-    return _BpkCalendarGrid.BpkCalendarGridWithTransition;
-  }
-});
-Object.defineProperty(exports, "BpkCalendarNav", {
-  enumerable: true,
-  get: function () {
-    return _BpkCalendarNav.default;
-  }
-});
-Object.defineProperty(exports, "CALENDAR_SELECTION_TYPE", {
-  enumerable: true,
-  get: function () {
-    return _customProptypes.CALENDAR_SELECTION_TYPE;
-  }
-});
-Object.defineProperty(exports, "CustomPropTypes", {
-  enumerable: true,
-  get: function () {
-    return _customProptypesLegacy.default;
-  }
-});
-exports.DateUtils = void 0;
-Object.defineProperty(exports, "ROW_TYPES", {
-  enumerable: true,
-  get: function () {
-    return _BpkCalendarDate.ROW_TYPES;
-  }
-});
-Object.defineProperty(exports, "SELECTION_TYPES", {
-  enumerable: true,
-  get: function () {
-    return _BpkCalendarDate.SELECTION_TYPES;
-  }
-});
-Object.defineProperty(exports, "composeCalendar", {
-  enumerable: true,
-  get: function () {
-    return _composeCalendar.default;
-  }
-});
-exports.default = void 0;
-Object.defineProperty(exports, "themeAttributes", {
-  enumerable: true,
-  get: function () {
-    return _themeAttributes.default;
-  }
-});
-Object.defineProperty(exports, "withCalendarState", {
-  enumerable: true,
-  get: function () {
-    return _BpkCalendarContainer.withCalendarState;
-  }
-});
-var _BpkCalendarContainer = _interopRequireWildcard(require("./src/BpkCalendarContainer"));
-var _BpkCalendarGrid = _interopRequireWildcard(require("./src/BpkCalendarGrid"));
-var _BpkCalendarGridHeader = _interopRequireDefault(require("./src/BpkCalendarGridHeader"));
-var _BpkCalendarNav = _interopRequireDefault(require("./src/BpkCalendarNav"));
-var _BpkCalendarDate = _interopRequireWildcard(require("./src/BpkCalendarDate"));
-var _composeCalendar = _interopRequireDefault(require("./src/composeCalendar"));
-var _customProptypes = require("./src/custom-proptypes");
-var _customProptypesLegacy = _interopRequireWildcard(require("./src/custom-proptypes-legacy"));
-var DateUtils = _interopRequireWildcard(require("./src/date-utils"));
-exports.DateUtils = DateUtils;
-var _themeAttributes = _interopRequireDefault(require("./src/themeAttributes"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -120,5 +15,17 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var _default = _BpkCalendarContainer.default;
-exports.default = _default;
+
+import BpkCalendarContainer, { withCalendarState } from "./src/BpkCalendarContainer";
+import BpkCalendarGrid, { BpkCalendarGridWithTransition } from "./src/BpkCalendarGrid";
+import BpkCalendarGridHeader from "./src/BpkCalendarGridHeader";
+import BpkCalendarNav from "./src/BpkCalendarNav";
+import BpkCalendarDate, { ROW_TYPES, SELECTION_TYPES } from "./src/BpkCalendarDate";
+import composeCalendar from "./src/composeCalendar";
+import { CALENDAR_SELECTION_TYPE } from "./src/custom-proptypes";
+import CustomPropTypes, { BpkCalendarGridPropTypes, BpkCalendarDatePropTypes // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+} from "./src/custom-proptypes-legacy";
+import * as DateUtils from "./src/date-utils";
+import themeAttributes from "./src/themeAttributes";
+export default BpkCalendarContainer;
+export { BpkCalendarGrid, BpkCalendarGridHeader, BpkCalendarNav, BpkCalendarDate, DateUtils, CALENDAR_SELECTION_TYPE, ROW_TYPES, SELECTION_TYPES, composeCalendar, withCalendarState, themeAttributes, BpkCalendarGridWithTransition, CustomPropTypes, BpkCalendarGridPropTypes, BpkCalendarDatePropTypes };