@skyscanner/backpack-web 21.0.1 → 22.0.0-beta.1

package/bpk-component-aria-live/src/BpkAriaLive.js

@@ -1,67 +1,49 @@
-/*
- * 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';
-
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import { cssModules } from '../../bpk-react-utils';
-
-import STYLES from './BpkAriaLive.module.scss';
-
-const getClassName = cssModules(STYLES);
-
-export const POLITENESS_SETTINGS = {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.POLITENESS_SETTINGS = void 0;
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkAriaLiveModule = _interopRequireDefault(require("./BpkAriaLive.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "politenessSetting", "visible"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkAriaLiveModule.default);
+const POLITENESS_SETTINGS = {
   off: 'off',
   polite: 'polite',
-  assertive: 'assertive',
+  assertive: 'assertive'
 }; // as const; // Temp disabling TS types due to non TS projects compatibility.
 
 // Temp disabling TS types due to non TS projects compatibility.
 // export type PolitenessSetting =
 //   typeof POLITENESS_SETTINGS[keyof typeof POLITENESS_SETTINGS];
-
-export type Props = {
-  children: ReactElement | string,
-  politenessSetting?: $Keys<typeof POLITENESS_SETTINGS>, // PolitenessSetting,
-  visible?: boolean,
-  className?: string | null,
-  [rest: string]: any, // Inexact rest. See decisions/inexact-rest.md
+exports.POLITENESS_SETTINGS = POLITENESS_SETTINGS;
+const BpkAriaLive = _ref => {
+  let {
+      className = null,
+      politenessSetting = POLITENESS_SETTINGS.polite,
+      visible = false
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const classNames = getClassName('bpk-aria-live', !visible && 'bpk-aria-live--invisible', className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread({
+    "aria-live": politenessSetting,
+    className: classNames
+  }, rest));
 };
-
-const BpkAriaLive = ({
-  className = null,
-  politenessSetting = POLITENESS_SETTINGS.polite,
-  visible = false,
-  ...rest
-}: Props) => {
-  const classNames = getClassName(
-    'bpk-aria-live',
-    !visible && 'bpk-aria-live--invisible',
-    className,
-  );
-
-  return <div aria-live={politenessSetting} className={classNames} {...rest} />;
-};
-
 BpkAriaLive.defaultProps = {
   className: null,
   politenessSetting: POLITENESS_SETTINGS.polite,
-  visible: false,
+  visible: false
 };
-
-export default BpkAriaLive;
+var _default = BpkAriaLive;
+exports.default = _default;

package/bpk-component-autosuggest/index.js

@@ -1,3 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BpkAutosuggestSuggestion", {
+  enumerable: true,
+  get: function () {
+    return _BpkAutosuggestSuggestion.default;
+  }
+});
+exports.default = void 0;
+var _BpkAutosuggest = _interopRequireDefault(require("./src/BpkAutosuggest"));
+var _BpkAutosuggestSuggestion = _interopRequireDefault(require("./src/BpkAutosuggestSuggestion"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,11 +30,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-/* @flow strict */
-
-import BpkAutosuggest from './src/BpkAutosuggest';
-import BpkAutosuggestSuggestion from './src/BpkAutosuggestSuggestion';
-
-export default BpkAutosuggest;
-export { BpkAutosuggestSuggestion };
+var _default = _BpkAutosuggest.default;
+exports.default = _default;

package/bpk-component-autosuggest/src/BpkAutosuggest.js

@@ -1,31 +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.
- */
-
-/* @flow strict */
-
-import Autosuggest from 'react-autosuggest';
-
-import BpkInput from '../../bpk-component-input';
-import { cssModules } from '../../bpk-react-utils';
-
-import STYLES from './BpkAutosuggest.module.scss';
+"use strict";
 
-const getClassName = cssModules(STYLES);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactAutosuggest = _interopRequireDefault(require("react-autosuggest"));
+var _bpkComponentInput = _interopRequireDefault(require("../../bpk-component-input"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkAutosuggestModule = _interopRequireDefault(require("./BpkAutosuggest.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["autoComplete", "inputRef", "ref"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkAutosuggestModule.default);
 
 /*
   `react-autosuggest` is not wrapped in a functional component because the `ref` attribute won't work on it.
@@ -35,44 +28,37 @@ const getClassName = cssModules(STYLES);
   Further reading about Refs: https://facebook.github.io/react/docs/refs-and-the-dom.html
  */
 
-Autosuggest.defaultProps.theme = {
+_reactAutosuggest.default.defaultProps.theme = {
   container: getClassName('bpk-autosuggest__container'),
   containerOpen: getClassName('bpk-autosuggest__container--open'),
   suggestionsContainer: getClassName('bpk-autosuggest__suggestions-container'),
-  suggestionsContainerOpen: getClassName(
-    'bpk-autosuggest__suggestions-container--open',
-  ),
+  suggestionsContainerOpen: getClassName('bpk-autosuggest__suggestions-container--open'),
   suggestionsList: getClassName('bpk-autosuggest__suggestions-list'),
   suggestion: getClassName('bpk-autosuggest__suggestion-item'),
-  suggestionHighlighted: getClassName(
-    'bpk-autosuggest__suggestion-item--highlighted',
-  ),
+  suggestionHighlighted: getClassName('bpk-autosuggest__suggestion-item--highlighted'),
   sectionContainer: getClassName('bpk-autosuggest__section-container'),
-  sectionTitle: getClassName('bpk-autosuggest__section-title'),
+  sectionTitle: getClassName('bpk-autosuggest__section-title')
 };
-
-type Props = {
-  ref: (?HTMLInputElement) => mixed,
-  inputRef: (?HTMLInputElement) => mixed,
-  autoComplete: string,
-};
-Autosuggest.defaultProps.renderInputComponent = (inputProps: Props) => {
-  const { autoComplete = 'off', inputRef, ref, ...rest } = inputProps;
-
+_reactAutosuggest.default.defaultProps.renderInputComponent = inputProps => {
+  const {
+      autoComplete = 'off',
+      inputRef,
+      ref
+    } = inputProps,
+    rest = _objectWithoutProperties(inputProps, _excluded);
   return (
+    /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    <BpkInput
-      inputRef={(element) => {
+    (0, _jsxRuntime.jsx)(_bpkComponentInput.default, _objectSpread({
+      inputRef: element => {
         ref(element);
-
         if (typeof inputRef === 'function') {
           inputRef(element);
         }
-      }}
-      autoComplete={autoComplete}
-      {...rest}
-    />
+      },
+      autoComplete: autoComplete
+    }, rest))
   );
 };
-
-export default Autosuggest;
+var _default = _reactAutosuggest.default;
+exports.default = _default;

package/bpk-component-autosuggest/src/BpkAutosuggest.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-autosuggest__container--open{position:relative}.bpk-autosuggest__suggestions-container{display:none}.bpk-autosuggest__suggestions-container--open{position:absolute;top:100%;display:block;z-index:900;width:100%;margin-top:0.75rem}.bpk-autosuggest__suggestions-container--open::before{position:absolute;bottom:100%;left:50%;content:' ';display:block;margin-bottom:-.0625rem;margin-left:-0.8125rem;border:.8125rem solid transparent;border-bottom-color:#dddde5;pointer-events:none}.bpk-autosuggest__suggestions-container--open::after{position:absolute;bottom:100%;left:50%;content:' ';display:block;margin-bottom:-.0625rem;margin-left:-0.75rem;border:.75rem solid transparent;border-bottom-color:#fff;pointer-events:none}.bpk-autosuggest__suggestions-list{min-width:fit-content;margin:0;padding:0;list-style:none;overflow:hidden;border:.0625rem solid #dddde5;background-color:#fff;border-radius:.375rem;box-shadow:0px 4px 14px 0px rgba(37,32,31,0.25)}.bpk-autosuggest__suggestion-item{cursor:pointer;margin:0;font-size:1rem;line-height:1.5rem;font-weight:400}.bpk-autosuggest__suggestion-item:not(:last-child){box-shadow:0 -1px 0 0 #dddde5 inset}.bpk-autosuggest__suggestion-item:active{background-color:#dddde5}.bpk-autosuggest__suggestion-item--highlighted{background-color:#f1f2f8}.bpk-autosuggest__suggestion{display:table;width:100%;padding:1rem}.bpk-autosuggest__suggestion--indent{padding-left:2rem}.bpk-autosuggest__suggestion-icon{display:table-cell;margin-right:0.5rem;vertical-align:top;fill:#68697f}html[dir='rtl'] .bpk-autosuggest__suggestion-icon{margin-right:0;margin-left:0.5rem}.bpk-autosuggest__suggestion-content{display:table-cell;width:100%;vertical-align:top}.bpk-autosuggest__suggestion-inner{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.bpk-autosuggest__suggestion-value{display:block}.bpk-autosuggest__suggestion-sub-heading{display:table-cell;width:100%;vertical-align:top;margin:0;font-size:.75rem;line-height:1rem;font-weight:400}.bpk-autosuggest__suggestion-tertiary-label{display:table-cell;align-self:center;color:#68697f;vertical-align:top;word-break:keep-all;margin:0;font-size:.75rem;line-height:1rem;font-weight:400}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-autosuggest__container--open{position:relative}.bpk-autosuggest__suggestions-container{display:none}.bpk-autosuggest__suggestions-container--open{position:absolute;top:100%;display:block;z-index:900;width:100%;margin-top:0.75rem}.bpk-autosuggest__suggestions-container--open::before{position:absolute;bottom:100%;left:50%;content:' ';display:block;margin-bottom:-.0625rem;margin-left:-0.8125rem;border:.8125rem solid transparent;border-bottom-color:#e0e3e5;pointer-events:none}.bpk-autosuggest__suggestions-container--open::after{position:absolute;bottom:100%;left:50%;content:' ';display:block;margin-bottom:-.0625rem;margin-left:-0.75rem;border:.75rem solid transparent;border-bottom-color:#fff;pointer-events:none}.bpk-autosuggest__suggestions-list{min-width:fit-content;margin:0;padding:0;list-style:none;overflow:hidden;border:.0625rem solid #e0e3e5;background-color:#fff;border-radius:.5rem;box-shadow:0px 4px 14px 0px rgba(37,32,31,0.25)}.bpk-autosuggest__suggestion-item{cursor:pointer;margin:0;font-size:1rem;line-height:1.5rem;font-weight:400}.bpk-autosuggest__suggestion-item:not(:last-child){box-shadow:0 -1px 0 0 #c2c9cd inset}.bpk-autosuggest__suggestion-item:active{background-color:#eff1f2}.bpk-autosuggest__suggestion-item--highlighted{background-color:#eff1f2}.bpk-autosuggest__suggestion{display:table;width:100%;padding:1rem}.bpk-autosuggest__suggestion--indent{padding-left:2rem}.bpk-autosuggest__suggestion-icon{display:table-cell;margin-right:0.5rem;vertical-align:top;fill:#545860}html[dir='rtl'] .bpk-autosuggest__suggestion-icon{margin-right:0;margin-left:0.5rem}.bpk-autosuggest__suggestion-content{display:table-cell;width:100%;vertical-align:top}.bpk-autosuggest__suggestion-inner{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.bpk-autosuggest__suggestion-value{display:block}.bpk-autosuggest__suggestion-sub-heading{display:table-cell;width:100%;vertical-align:top;margin:0;font-size:.75rem;line-height:1rem;font-weight:400}.bpk-autosuggest__suggestion-tertiary-label{display:table-cell;align-self:center;color:#545860;vertical-align:top;word-break:keep-all;margin:0;font-size:.75rem;line-height:1rem;font-weight:400}

package/bpk-component-autosuggest/src/BpkAutosuggestSuggestion.js

@@ -1,107 +1,84 @@
-/*
- * 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.
- */
+"use strict";
 
-/* @flow strict */
-
-import PropTypes from 'prop-types';
-import type { Node } from 'react';
-
-import { cssModules } from '../../bpk-react-utils';
-
-import STYLES from './BpkAutosuggest.module.scss';
-
-const getClassName = cssModules(STYLES);
-
-type Props = {
-  value: Node,
-  indent: boolean,
-  className: ?string,
-  icon: Function,
-  subHeading: ?Node,
-  tertiaryLabel: ?string,
-};
-
-const BpkSuggestion = (props: Props) => {
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkAutosuggestModule = _interopRequireDefault(require("./BpkAutosuggest.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "icon", "indent", "subHeading", "tertiaryLabel", "value"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkAutosuggestModule.default);
+const BpkSuggestion = props => {
   const classNames = [getClassName('bpk-autosuggest__suggestion')];
-  const { className, icon, indent, subHeading, tertiaryLabel, value, ...rest } =
-    props;
+  const {
+      className,
+      icon,
+      indent,
+      subHeading,
+      tertiaryLabel,
+      value
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const Icon = icon;
-
   if (indent) {
     classNames.push(getClassName('bpk-autosuggest__suggestion--indent'));
   }
   if (className) {
     classNames.push(className);
   }
-
   return (
+    /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    <section className={classNames.join(' ')} {...rest}>
-      {icon ? (
-        <Icon className={getClassName('bpk-autosuggest__suggestion-icon')} />
-      ) : null}
-      <div className={getClassName('bpk-autosuggest__suggestion-content')}>
-        <div className={getClassName('bpk-autosuggest__suggestion-inner')}>
-          <div>
-            <span className={getClassName('bpk-autosuggest__suggestion-value')}>
-              {value}
-            </span>
-            {subHeading || tertiaryLabel ? (
-              <small
-                className={getClassName(
-                  'bpk-autosuggest__suggestion-sub-heading',
-                )}
-              >
-                {subHeading}
-              </small>
-            ) : null}
-          </div>
-
-          {tertiaryLabel ? (
-            <aside
-              className={getClassName(
-                'bpk-autosuggest__suggestion-tertiary-label',
-              )}
-            >
-              {tertiaryLabel}
-            </aside>
-          ) : null}
-        </div>
-      </div>
-    </section>
+    (0, _jsxRuntime.jsxs)("section", _objectSpread(_objectSpread({
+      className: classNames.join(' ')
+    }, rest), {}, {
+      children: [icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+        className: getClassName('bpk-autosuggest__suggestion-icon')
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: getClassName('bpk-autosuggest__suggestion-content'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: getClassName('bpk-autosuggest__suggestion-inner'),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: getClassName('bpk-autosuggest__suggestion-value'),
+              children: value
+            }), subHeading || tertiaryLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)("small", {
+              className: getClassName('bpk-autosuggest__suggestion-sub-heading'),
+              children: subHeading
+            }) : null]
+          }), tertiaryLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)("aside", {
+            className: getClassName('bpk-autosuggest__suggestion-tertiary-label'),
+            children: tertiaryLabel
+          }) : null]
+        })
+      })]
+    }))
   );
 };
-
 BpkSuggestion.propTypes = {
-  value: PropTypes.node.isRequired,
-  subHeading: PropTypes.node,
-  tertiaryLabel: PropTypes.string,
-  icon: PropTypes.func,
-  indent: PropTypes.bool,
-  className: PropTypes.string,
+  value: _propTypes.default.node.isRequired,
+  subHeading: _propTypes.default.node,
+  tertiaryLabel: _propTypes.default.string,
+  icon: _propTypes.default.func,
+  indent: _propTypes.default.bool,
+  className: _propTypes.default.string
 };
-
 BpkSuggestion.defaultProps = {
   subHeading: null,
   tertiaryLabel: null,
   icon: null,
   indent: false,
-  className: null,
+  className: null
 };
-
-export default BpkSuggestion;
+var _default = BpkSuggestion;
+exports.default = _default;

package/bpk-component-badge/index.js

@@ -1,3 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BADGE_TYPES", {
+  enumerable: true,
+  get: function () {
+    return _BpkBadge.BADGE_TYPES;
+  }
+});
+exports.default = void 0;
+Object.defineProperty(exports, "themeAttributes", {
+  enumerable: true,
+  get: function () {
+    return _themeAttributes.default;
+  }
+});
+var _BpkBadge = _interopRequireWildcard(require("./src/BpkBadge"));
+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
  *
@@ -15,12 +38,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-/* @flow strict */
-
-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 };
+var _default = _BpkBadge.default;
+exports.default = _default;

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

@@ -1,30 +1,23 @@
-/*
- * 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.
- */
+"use strict";
 
-/* @flow strict */
-
-import PropTypes from 'prop-types';
-
-import { cssModules } from '../../bpk-react-utils';
-
-import STYLES from './BpkBadge.module.scss';
-
-export const BADGE_TYPES = {
+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"];
+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 BADGE_TYPES = {
   warning: 'warning',
   success: 'success',
   critical: 'critical',
@@ -32,11 +25,10 @@ export const BADGE_TYPES = {
   inverse: 'inverse',
   outline: 'outline',
   strong: 'strong',
-  brand: 'brand',
+  brand: 'brand'
 };
-
-const getClassName = cssModules(STYLES);
-
+exports.BADGE_TYPES = BADGE_TYPES;
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkBadgeModule.default);
 const badgeTypeClassNames = {
   [BADGE_TYPES.warning]: getClassName('bpk-badge--warning'),
   [BADGE_TYPES.success]: getClassName('bpk-badge--success'),
@@ -45,45 +37,36 @@ const badgeTypeClassNames = {
   [BADGE_TYPES.inverse]: getClassName('bpk-badge--inverse'),
   [BADGE_TYPES.outline]: getClassName('bpk-badge--outline'),
   [BADGE_TYPES.strong]: getClassName('bpk-badge--strong'),
-  [BADGE_TYPES.brand]: getClassName('bpk-badge--brand'),
-};
-
-export type Props = {
-  type: $Keys<typeof BADGE_TYPES>,
-  docked: ?string,
-  centered: boolean,
-  className: ?string,
+  [BADGE_TYPES.brand]: getClassName('bpk-badge--brand')
 };
-
-const BpkBadge = (props: Props) => {
-  const { centered, className, docked, type, ...rest } = props;
-  const classNames = getClassName(
-    'bpk-badge',
-    badgeTypeClassNames[type],
-    docked === 'right' && 'bpk-badge--docked-right',
-    docked === 'left' && 'bpk-badge--docked-left',
-    centered && 'bpk-badge--centered',
-    className,
-  );
-
+const BpkBadge = props => {
+  const {
+      centered,
+      className,
+      docked,
+      type
+    } = props,
+    rest = _objectWithoutProperties(props, _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'.
-    <span className={classNames} {...rest} />
+    (0, _jsxRuntime.jsx)("span", _objectSpread({
+      className: classNames
+    }, rest))
   );
 };
-
 BpkBadge.propTypes = {
-  type: PropTypes.oneOf(Object.keys(BADGE_TYPES)),
-  docked: PropTypes.oneOf(['right', 'left', null]),
-  centered: PropTypes.bool,
-  className: PropTypes.string,
+  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,
+  className: null
 };
-
-export default BpkBadge;
+var _default = BpkBadge;
+exports.default = _default;

package/bpk-component-badge/src/BpkBadge.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-badge{display:inline-flex;padding:.25rem .5rem;align-items:center;color:#111236;background-color:#ffb54d;background-color:var(--bpk-badge-background-color, #ffb54d);border-radius:.25rem;margin:0;font-size:.75rem;line-height:1rem;font-weight:400;font-weight:700}.bpk-badge>svg{width:1rem !important;height:1rem !important}.bpk-badge--centered{vertical-align:text-bottom}.bpk-badge--docked-right{position:absolute;top:0;right:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0}html[dir='rtl'] .bpk-badge--docked-right{right:inherit;left:0;border-bottom-left-radius:0;border-bottom-right-radius:.25rem}.bpk-badge--docked-left{position:absolute;top:0;left:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0}html[dir='rtl'] .bpk-badge--docked-left{right:0;left:inherit;border-bottom-left-radius:.25rem;border-bottom-right-radius:0}.bpk-badge--success{background-color:#73cec6;background-color:var(--bpk-badge-success-background-color, #73cec6)}.bpk-badge--destructive{color:#fff;fill:#fff;background-color:#d1435b;background-color:var(--bpk-badge-destructive-background-color, #d1435b)}.bpk-badge--light{background-color:#f1f2f8;fill:#111236}.bpk-badge--inverse{background-color:#fff;fill:#111236}.bpk-badge--outline{background-color:transparent;color:#fff;box-shadow:inset 0 0 0 1px #fff;fill:#fff}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-badge{display:inline-flex;padding:0.25rem 0.5rem;align-items:center;border-radius:.25rem;margin:0;font-size:.75rem;line-height:1rem;font-weight:400}.bpk-badge--centered{vertical-align:text-bottom}.bpk-badge--docked-right{position:absolute;top:0;right:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0}html[dir='rtl'] .bpk-badge--docked-right{right:inherit;left:0;border-bottom-left-radius:0;border-bottom-right-radius:.25rem}.bpk-badge--docked-left{position:absolute;top:0;left:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0}html[dir='rtl'] .bpk-badge--docked-left{right:0;left:inherit;border-bottom-left-radius:.25rem;border-bottom-right-radius:0}.bpk-badge--warning{background-color:#fff7cf;color:#161616;fill:#161616}.bpk-badge--success{background-color:#d4fff2;color:#161616;fill:#161616}.bpk-badge--critical{background-color:#ffe9f9;color:#161616;fill:#161616}.bpk-badge--normal{background-color:#e0e3e5;color:#161616;fill:#161616}.bpk-badge--inverse{background-color:#fff;color:#161616;fill:#161616}.bpk-badge--outline{background-color:transparent;color:#fff;box-shadow:inset 0 0 0 1px #fff;fill:#fff}.bpk-badge--strong{background-color:#05203c;color:#fff;fill:#fff}.bpk-badge--brand{background-color:#0062e3;color:#fff;fill:#fff}