@skyscanner/backpack-web 23.1.0-beta.2 → 23.1.1

package/bpk-component-aria-live/index.d.ts

@@ -0,0 +1,26 @@
+/*
+ * 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 BpkAriaLive, {
+  POLITENESS_SETTINGS as ARIA_LIVE_POLITENESS_SETTINGS,
+  type Props as BpkAriaLiveProps,
+} from './src/BpkAriaLive';
+
+export { ARIA_LIVE_POLITENESS_SETTINGS };
+export type { BpkAriaLiveProps };
+export default BpkAriaLive;

package/bpk-component-aria-live/src/BpkAriaLive.d.ts

@@ -1,3 +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.
+ */
+
 import type { ReactElement } from 'react';
 
 export declare const POLITENESS_SETTINGS: {

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

@@ -0,0 +1,24 @@
+/*
+ * 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, { BADGE_TYPES, type Props } from './src/BpkBadge';
+import themeAttributes from './src/themeAttributes';
+
+export type BpkBadgeProps = Props;
+export default component;
+export { BADGE_TYPES, themeAttributes };

package/bpk-component-badge/src/BpkBadge.d.ts

@@ -0,0 +1,47 @@
+/*
+ * 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 BADGE_TYPES: {
+  readonly warning: 'warning';
+  readonly success: 'success';
+  readonly critical: 'critical';
+  readonly normal: 'normal';
+  readonly inverse: 'inverse';
+  readonly outline: 'outline';
+  readonly strong: 'strong';
+  readonly brand: 'brand';
+};
+export type BadgeType = typeof BADGE_TYPES[keyof typeof BADGE_TYPES];
+export type Props = {
+  type?: BadgeType;
+  docked?: 'right' | 'left' | null;
+  centered?: boolean;
+  className?: string | null;
+  children: string | ReactNode;
+  [rest: string]: any;
+};
+declare const BpkBadge: ({
+  centered,
+  className,
+  docked,
+  type,
+  ...rest
+}: Props) => JSX.Element;
+export default BpkBadge;

package/bpk-component-badge/src/BpkBadge.js

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BADGE_TYPES = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _bpkReactUtils = require("../../bpk-react-utils");
 var _BpkBadgeModule = _interopRequireDefault(require("./BpkBadge.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["centered", "className", "docked", "type"];
+const _excluded = ["type", "docked", "centered", "className"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -26,6 +25,7 @@ const _excluded = ["centered", "className", "docked", "type"];
  * 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`.
 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; }
@@ -56,34 +56,18 @@ const badgeTypeClassNames = {
   [BADGE_TYPES.strong]: getClassName('bpk-badge--strong'),
   [BADGE_TYPES.brand]: getClassName('bpk-badge--brand')
 };
-const BpkBadge = props => {
-  const {
-      centered,
-      className,
-      docked,
-      type
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+const BpkBadge = _ref => {
+  let {
+      type = BADGE_TYPES.normal,
+      docked = null,
+      centered = false,
+      className = null
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const classNames = getClassName('bpk-badge', badgeTypeClassNames[type], docked === 'right' && 'bpk-badge--docked-right', docked === 'left' && 'bpk-badge--docked-left', centered && 'bpk-badge--centered', className);
-  return (
-    /*#__PURE__*/
-    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    (0, _jsxRuntime.jsx)("span", _objectSpread({
-      className: classNames
-    }, rest))
-  );
-};
-BpkBadge.propTypes = {
-  type: _propTypes.default.oneOf(Object.keys(BADGE_TYPES)),
-  docked: _propTypes.default.oneOf(['right', 'left', null]),
-  centered: _propTypes.default.bool,
-  className: _propTypes.default.string
-};
-BpkBadge.defaultProps = {
-  type: BADGE_TYPES.normal,
-  docked: null,
-  centered: false,
-  className: null
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread({
+    className: classNames
+  }, rest));
 };
 var _default = BpkBadge;
 exports.default = _default;

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

@@ -0,0 +1,24 @@
+/*
+ * 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 BpkBoilerplate, {
+  type Props as BpkBoilerplateProps,
+} from './src/BpkBoilerplate';
+
+export type { BpkBoilerplateProps };
+export default BpkBoilerplate;

package/bpk-component-boilerplate/src/BpkBoilerplate.d.ts

@@ -0,0 +1,29 @@
+/*
+ * 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.
+ */
+
+export type Props = {
+  className?: string | null;
+  [rest: string]: any;
+};
+declare const BpkBoilerplate: {
+  ({ className, ...rest }: Props): JSX.Element;
+  defaultProps: {
+    className: null;
+  };
+};
+export default BpkBoilerplate;

package/bpk-component-boilerplate/src/BpkBoilerplate.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _bpkReactUtils = require("../../bpk-react-utils");
 var _BpkBoilerplateModule = _interopRequireDefault(require("./BpkBoilerplate.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -26,6 +25,7 @@ const _excluded = ["className"];
  * 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`.
 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; }
@@ -35,11 +35,11 @@ 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)(_BpkBoilerplateModule.default);
-const BpkBoilerplate = props => {
-  const {
-      className
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+const BpkBoilerplate = _ref => {
+  let {
+      className = null
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const classNames = getClassName('bpk-boilerplate', className);
   return (
     /*#__PURE__*/
@@ -51,9 +51,6 @@ const BpkBoilerplate = props => {
     }))
   );
 };
-BpkBoilerplate.propTypes = {
-  className: _propTypes.default.string
-};
 BpkBoilerplate.defaultProps = {
   className: null
 };

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

@@ -0,0 +1,25 @@
+/*
+ * 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 BpkDialog from './src/BpkDialog';
+import type { Props } from './src/common-types';
+import { HEADER_ICON_TYPES } from './src/common-types';
+
+export type BpkDialogProps = Props;
+export default BpkDialog;
+export { HEADER_ICON_TYPES };

package/bpk-component-dialog/src/BpkDialog.d.ts

@@ -0,0 +1,33 @@
+/*
+ * 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 type { Props } from './common-types';
+
+declare const BpkDialog: ({
+  children,
+  closeLabel,
+  dismissible,
+  headerIcon,
+  headerIconType,
+  isOpen,
+  onClose,
+  renderTarget,
+  ...rest
+}: Props) => JSX.Element;
+export default BpkDialog;

package/bpk-component-dialog/src/BpkDialog.js

@@ -28,6 +28,8 @@ const _excluded = ["children", "closeLabel", "dismissible", "headerIcon", "heade
  * 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`.
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 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; }
@@ -37,18 +39,18 @@ 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)(_BpkDialogModule.default);
-const BpkDialog = props => {
-  const {
+const BpkDialog = _ref => {
+  let {
       children,
-      closeLabel,
-      dismissible,
-      headerIcon,
-      headerIconType,
+      closeLabel = '',
+      dismissible = true,
+      headerIcon = null,
+      headerIconType = _commonTypes.HEADER_ICON_TYPES.primary,
       isOpen,
-      onClose,
-      renderTarget
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+      onClose = () => {},
+      renderTarget = () => null
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const headerIconClassNames = getClassName('bpk-dialog__icon', `bpk-dialog__icon--${headerIconType}`);
   const closeButtonClassNames = getClassName('bpk-dialog__close-button');
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkReactUtils.Portal, {
@@ -73,7 +75,5 @@ const BpkDialog = props => {
     }))
   });
 };
-BpkDialog.propTypes = _objectSpread({}, _commonTypes.propTypes);
-BpkDialog.defaultProps = _objectSpread({}, _commonTypes.defaultProps);
 var _default = BpkDialog;
 exports.default = _default;

package/bpk-component-dialog/src/BpkDialogInner.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.
+ */
+
+/* eslint-disable no-underscore-dangle */
+declare const _default: any;
+export default _default;

package/bpk-component-dialog/src/BpkDialogInner.js

@@ -3,45 +3,47 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.propTypes = exports.defaultProps = exports.default = void 0;
+exports.default = void 0;
 var _bpkReactUtils = require("../../bpk-react-utils");
 var _bpkScrimUtils = require("../../bpk-scrim-utils");
 var _bpkComponentFlare = require("../../bpk-component-flare");
-var _commonTypes = require("./common-types");
 var _BpkDialogInnerModule = _interopRequireDefault(require("./BpkDialogInner.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 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); } /*
-                                                                                                                                                                                                                                                                                                                                                                                           * 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.
-                                                                                                                                                                                                                                                                                                                                                                                           */
+/*
+ * 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.
+ */
+
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkDialogInnerModule.default);
 const BpkDialogInner = props => {
   const {
     ariaLabel,
     children,
-    className,
+    className = null,
     contentClassName,
     dialogRef,
-    flare,
-    flareClassName,
+    flare = false,
+    flareClassName = null,
     id
   } = props;
   const classNames = getClassName('bpk-dialog-inner', className);
@@ -53,7 +55,7 @@ const BpkDialogInner = props => {
     transitionTimeout: 300,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
       id: id,
-      tabIndex: "-1",
+      tabIndex: -1,
       role: "dialog",
       "aria-label": ariaLabel,
       className: classNames,
@@ -67,11 +69,5 @@ const BpkDialogInner = props => {
     })
   });
 };
-const propTypes = _objectSpread({}, _commonTypes.dialogInnerPropTypes);
-exports.propTypes = propTypes;
-const defaultProps = _objectSpread({}, _commonTypes.dialogInnerDefaultProps);
-exports.defaultProps = defaultProps;
-BpkDialogInner.propTypes = _objectSpread({}, propTypes);
-BpkDialogInner.defaultProps = _objectSpread({}, defaultProps);
 var _default = (0, _bpkScrimUtils.withScrim)(BpkDialogInner);
 exports.default = _default;

package/bpk-component-dialog/src/common-types.d.ts

@@ -0,0 +1,45 @@
+/*
+ * 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, SyntheticEvent } from 'react';
+
+export declare const HEADER_ICON_TYPES: {
+  readonly primary: 'primary';
+  readonly warning: 'warning';
+  readonly destructive: 'destructive';
+};
+export type DialogInnerProps = {
+  ariaLabel: string;
+  id: string;
+  children: ReactNode;
+  dialogRef: (ref: HTMLElement) => void;
+  getApplicationElement: () => HTMLElement;
+  className?: string;
+  contentClassName?: string;
+  flare?: boolean;
+  flareClassName?: string;
+};
+export type Props = DialogInnerProps & {
+  isOpen: boolean;
+  renderTarget?: () => HTMLElement | null;
+  onClose: (event: SyntheticEvent) => void | null;
+  closeLabel?: string;
+  dismissible?: boolean;
+  headerIcon?: ReactNode;
+  headerIconType?: typeof HEADER_ICON_TYPES[keyof typeof HEADER_ICON_TYPES];
+};

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

@@ -3,79 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.propTypes = exports.dialogInnerPropTypes = exports.dialogInnerDefaultProps = exports.defaultProps = exports.HEADER_ICON_TYPES = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-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; } /*
-                                                                                                                                                                                                                                                                                                                     * 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.
-                                                                                                                                                                                                                                                                                                                     */
+exports.HEADER_ICON_TYPES = void 0;
+/*
+ * 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 HEADER_ICON_TYPES = {
   primary: 'primary',
   warning: 'warning',
   destructive: 'destructive'
 };
-exports.HEADER_ICON_TYPES = HEADER_ICON_TYPES;
-const dialogInnerPropTypes = {
-  ariaLabel: _propTypes.default.string.isRequired,
-  children: _propTypes.default.node.isRequired,
-  dialogRef: _propTypes.default.func.isRequired,
-  id: _propTypes.default.string.isRequired,
-  className: _propTypes.default.string,
-  contentClassName: _propTypes.default.string,
-  flare: _propTypes.default.bool,
-  flareClassName: _propTypes.default.string,
-  withIcon: _propTypes.default.bool
-};
-exports.dialogInnerPropTypes = dialogInnerPropTypes;
-const dialogInnerDefaultProps = {
-  className: null,
-  flare: false,
-  flareClassName: null,
-  withIcon: false
-};
-
-// Please remove this type when `withScrim` is flow-typed
-exports.dialogInnerDefaultProps = dialogInnerDefaultProps;
-const {
-    dialogRef
-  } = dialogInnerPropTypes,
-  newDialogPropTypes = _objectWithoutProperties(dialogInnerPropTypes, ["dialogRef"]);
-const propTypes = _objectSpread(_objectSpread({}, newDialogPropTypes), {}, {
-  isOpen: _propTypes.default.bool.isRequired,
-  renderTarget: _propTypes.default.func,
-  closeLabel: _propTypes.default.string,
-  onClose: _propTypes.default.func,
-  dismissible: _propTypes.default.bool,
-  headerIcon: _propTypes.default.node,
-  headerIconType: _propTypes.default.oneOf(Object.keys(HEADER_ICON_TYPES))
-});
-exports.propTypes = propTypes;
-const defaultProps = _objectSpread(_objectSpread({}, dialogInnerDefaultProps), {}, {
-  renderTarget: null,
-  closeLabel: '',
-  onClose: () => null,
-  dismissible: true,
-  headerIcon: null,
-  headerIconType: HEADER_ICON_TYPES.primary
-});
-exports.defaultProps = defaultProps;
+exports.HEADER_ICON_TYPES = HEADER_ICON_TYPES;

package/bpk-component-floating-notification/src/BpkFloatingNotification.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-floating-notification{position:absolute;right:0;bottom:2rem;left:0;display:flex;max-width:25rem;margin:auto;padding:1.5rem;transition:opacity 400ms ease-in-out,transform 400ms ease-in-out;border-radius:.75rem;background:#05203c;color:#fff;box-shadow:0px 12px 50px 0px rgba(37,32,31,0.25),0px 4px 14px 0px rgba(37,32,31,0.25)}@media (max-width: 32rem){.bpk-floating-notification{max-width:100%;padding:1rem}}.bpk-floating-notification--leave{transform:translateY(0);opacity:1}.bpk-floating-notification--leave-active{transform:translateY(2rem);opacity:0}.bpk-floating-notification--leave-done{opacity:0}.bpk-floating-notification--appear{transform:translateY(2rem);opacity:0}.bpk-floating-notification--appear-active{transform:translateY(0);opacity:1}.bpk-floating-notification__button{min-height:0;margin:0 0 auto auto;padding:0;color:#fff}.bpk-floating-notification__icon{margin:0.25rem 0.5rem 0 0.25rem;flex-shrink:0;text-align:bottom;fill:#fff}.bpk-floating-notification__text{margin-right:0.5rem}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-floating-notification{position:absolute;right:0;bottom:2rem;left:0;display:flex;max-width:25rem;margin:auto;padding:1.5rem;transition:opacity 400ms ease-in-out,transform 400ms ease-in-out;border-radius:.75rem;background:#05203c;color:#fff;box-shadow:0px 12px 50px 0px rgba(37,32,31,0.25),0px 4px 14px 0px rgba(37,32,31,0.25)}@media (max-width: 32rem){.bpk-floating-notification{max-width:100%;padding:1rem}}.bpk-floating-notification--leave{transform:translateY(0);opacity:1}.bpk-floating-notification--leave-active{transform:translateY(2rem);opacity:0}.bpk-floating-notification--leave-done{opacity:0}.bpk-floating-notification--appear{transform:translateY(2rem);opacity:0}.bpk-floating-notification--appear-active{transform:translateY(0);opacity:1}.bpk-floating-notification__button{min-height:0;margin:0 0 auto auto;padding:0;color:#fff}.bpk-floating-notification__icon{margin-right:0.5rem;margin-left:0.25rem;flex-shrink:0;transform:translateY(0.25rem);text-align:bottom;fill:#fff}.bpk-floating-notification__text{margin-right:0.5rem}

package/bpk-component-graphic-promotion/index.d.ts

@@ -0,0 +1,26 @@
+/*
+ * 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 BpkGraphicPromo, {
+  type Props as BpkGraphicPromoProps,
+  TEXT_ALIGN,
+} from './src/BpkGraphicPromo';
+
+export type { BpkGraphicPromoProps };
+export { TEXT_ALIGN };
+export default BpkGraphicPromo;

package/bpk-component-graphic-promotion/src/BpkGraphicPromo.d.ts

@@ -0,0 +1,54 @@
+/*
+ * 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.
+ */
+
+export declare const TEXT_ALIGN: {
+  readonly start: 'start';
+  readonly center: 'center';
+  readonly end: 'end';
+};
+export type Props = {
+  className?: string | null;
+  contentId?: string | null;
+  tagline?: string | null;
+  headline: string;
+  subheading?: string | null;
+  sponsor?: {
+    label: string;
+    logo: string;
+    altText: string;
+  } | null;
+  buttonText: string;
+  onClick: () => void;
+  invertVertically?: boolean;
+  textAlign: typeof TEXT_ALIGN[keyof typeof TEXT_ALIGN];
+  style?: {};
+};
+declare const BpkGraphicPromo: ({
+  buttonText,
+  className,
+  contentId,
+  headline,
+  invertVertically,
+  onClick,
+  sponsor,
+  style,
+  subheading,
+  tagline,
+  textAlign,
+}: Props) => JSX.Element;
+export default BpkGraphicPromo;

package/bpk-component-graphic-promotion/src/BpkGraphicPromo.js

@@ -45,7 +45,7 @@ const TEXT_ALIGN = {
   start: 'start',
   center: 'center',
   end: 'end'
-}; // as const; // Temp disabling TS types due to non TS projects compatibility.
+};
 exports.TEXT_ALIGN = TEXT_ALIGN;
 const constructAriaLabel = ({
   buttonText,
@@ -152,14 +152,5 @@ const BpkGraphicPromo = ({
     })
   );
 };
-BpkGraphicPromo.defaultProps = {
-  className: null,
-  contentId: null,
-  tagline: null,
-  subheading: null,
-  sponsor: null,
-  invertVertically: false,
-  style: {}
-};
 var _default = BpkGraphicPromo;
 exports.default = _default;

package/bpk-component-icon/all.js

@@ -1,5 +1,9 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sm = exports.lg = exports.default = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -18,6 +22,8 @@
  * limitations under the License.
  */
 
+// TODO: Work out the correct types for these to move away from 'any'.
+
 function requireAll(requireContext) {
   const hash = {};
   requireContext.keys().forEach(key => {
@@ -26,7 +32,9 @@ function requireAll(requireContext) {
   });
   return hash;
 }
-module.exports = {
-  sm: requireAll(require.context('./sm', false, /\.js$/)),
-  lg: requireAll(require.context('./lg', false, /\.js$/))
-};
+const sm = requireAll(require.context('./sm', false, /\.js$/));
+exports.sm = sm;
+const lg = requireAll(require.context('./lg', false, /\.js$/));
+exports.lg = lg;
+var _default = sm;
+exports.default = _default;

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

@@ -0,0 +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 type { ComponentType } from 'react';
+
+import withAlignment from './src/withAlignment';
+import withRtlSupport from './src/withRtlSupport';
+import withDescription from './src/withDescription';
+
+declare function withButtonAlignment(WrappedComponent: ComponentType<any>): {
+  (props: any): JSX.Element;
+  displayName: any;
+};
+declare function withLargeButtonAlignment(
+  WrappedComponent: ComponentType<any>,
+): {
+  (props: any): JSX.Element;
+  displayName: any;
+};
+export {
+  withButtonAlignment,
+  withLargeButtonAlignment,
+  withAlignment,
+  withRtlSupport,
+  withDescription,
+};

package/bpk-component-icon/lg/upload.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["styles"];
+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; }
+var _default = _ref => {
+  let {
+      styles = {}
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    style: {
+      width: "1.5rem",
+      height: "1.5rem"
+    }
+  }, props), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M17.707 7.292a1 1 0 01-1.414 1.414L13 5.413v8.589a1 1 0 11-2 0V5.413L7.707 8.706a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0l5 5zM4 14a1 1 0 011 1v3a2 2 0 002 2h10a2 2 0 002-2v-3a1 1 0 112 0v3a4 4 0 01-4 4H7a4 4 0 01-4-4v-3a1 1 0 011-1z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+exports.default = _default;

package/bpk-component-icon/sm/upload.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["styles"];
+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; }
+var _default = _ref => {
+  let {
+      styles = {}
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: "16",
+    height: "16",
+    style: {
+      width: "1rem",
+      height: "1rem"
+    }
+  }, props), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M12 15a1.5 1.5 0 001.5-1.5V6.621l1.94 1.94a1.5 1.5 0 002.12-2.122l-4.5-4.5a1.5 1.5 0 00-2.12 0l-4.5 4.5a1.5 1.5 0 102.12 2.122l1.94-1.94V13.5A1.5 1.5 0 0012 15zm-9-2.25a1.5 1.5 0 011.5 1.5V18A1.5 1.5 0 006 19.5h12a1.5 1.5 0 001.5-1.5v-3.75a1.5 1.5 0 013 0V18a4.5 4.5 0 01-4.5 4.5H6A4.5 4.5 0 011.5 18v-3.75a1.5 1.5 0 011.5-1.5z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+exports.default = _default;

package/bpk-component-icon/src/classNameModifierHOCFactory.d.ts

@@ -0,0 +1,32 @@
+/*
+ * 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 { ComponentType } from 'react';
+
+// eslint-disable-next-line no-underscore-dangle
+declare const _default: (
+  displayName: string,
+  classNamesToAdd?: string[],
+) => (ComposedComponent: ComponentType<any>) => {
+  (props: {
+    [rest: string]: any;
+    className?: string | null | undefined;
+  }): JSX.Element;
+  displayName: any;
+};
+export default _default;

package/bpk-component-icon/src/classNameModifierHOCFactory.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _bpkReactUtils = require("../../bpk-react-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["className"];
@@ -25,7 +24,7 @@ const _excluded = ["className"];
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 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; }
@@ -48,12 +47,6 @@ var _default = (displayName, classNamesToAdd = []) => ComposedComponent => {
       className: classNames.join(' ')
     }, rest));
   };
-  ClassNameModifierHOC.propTypes = {
-    className: _propTypes.default.string
-  };
-  ClassNameModifierHOC.defaultProps = {
-    className: null
-  };
   ClassNameModifierHOC.displayName = (0, _bpkReactUtils.wrapDisplayName)(ComposedComponent, displayName);
   return ClassNameModifierHOC;
 };

package/bpk-component-icon/src/withAlignment.d.ts

@@ -0,0 +1,28 @@
+/*
+ * 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 { ComponentType } from 'react';
+
+export default function withAlignment(
+  Component: ComponentType,
+  objectHeight: string,
+  subjectHeight: string,
+): {
+  (props: any): JSX.Element;
+  displayName: any;
+};

package/bpk-component-icon/src/withAlignment.js

@@ -26,7 +26,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`.
 function withAlignment(Component, objectHeight, subjectHeight) {
   const WithAlignment = props => {
     const objectHeightDecimal = `${objectHeight}`.replace('rem', '');

package/bpk-component-icon/src/withDescription.d.ts

@@ -0,0 +1,24 @@
+/*
+ * 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 { ComponentType } from 'react';
+
+export default function withDescription(
+  Component: ComponentType<any>,
+  description: string,
+): ComponentType<any>;

package/bpk-component-icon/src/withDescription.js

@@ -28,10 +28,8 @@ 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)(_withDescriptionModule.default);
-
-// TODO: Fix flow config. This should receive the component config as a parametized type
 function withDescription(Component, description) {
   const WithDescription = props => /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread({}, props)), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {

package/bpk-component-icon/src/withRtlSupport.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.
+ */
+
+// eslint-disable-next-line no-underscore-dangle
+declare const _default: (
+  ComposedComponent: import('react').ComponentType<any>,
+) => {
+  (props: {
+    [rest: string]: any;
+    className?: string | null | undefined;
+  }): JSX.Element;
+  displayName: any;
+};
+export default _default;

package/bpk-component-icon/src/withRtlSupport.js

@@ -26,6 +26,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * limitations under the License.
  */
 
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkIconModule.default);
 var _default = (0, _classNameModifierHOCFactory.default)('withRtlSupport', [getClassName('bpk-icon--rtl-support')]);
 exports.default = _default;

package/bpk-component-price/src/BpkPrice.js

@@ -74,7 +74,7 @@ const BpkPrice = props => {
         children: leadingText
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: isAlignRight && getClassName('bpk-price__column-container'),
+      className: getClassName(isAlignRight && 'bpk-price__column-container'),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
         textStyle: isSmall ? _bpkComponentText.TEXT_STYLES.heading4 : _bpkComponentText.TEXT_STYLES.xxl,
         className: getClassName('bpk-price__price', !isAlignRight && 'bpk-price__spacing'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "23.1.0-beta.2",
+  "version": "23.1.1",
   "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.2.0",
-    "@skyscanner/bpk-svgs": "^16.3.0",
+    "@skyscanner/bpk-foundations-web": "^15.3.0",
+    "@skyscanner/bpk-svgs": "^16.3.2",
     "a11y-focus-scope": "^1.1.3",
     "a11y-focus-store": "^1.0.0",
-    "bpk-mixins": "^40.2.1",
+    "bpk-mixins": "^40.3.1",
     "d3-path": "^2.0.0",
     "d3-scale": "^4.0.2",
     "date-fns": "^2.21.1",