@skyscanner/backpack-web 22.3.1 → 23.0.0

package/bpk-component-input/src/withOpenEvents.js

@@ -1,170 +1,149 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-
-import { cssModules, wrapDisplayName } from '../../bpk-react-utils';
-
-import STYLES from './BpkInput.module.scss';
-
-const getClassName = cssModules(STYLES);
-
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkInputModule = _interopRequireDefault(require("./BpkInput.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "hasTouchSupport", "onBlur", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onOpen", "onTouchEnd"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /*
+                                                                                                                                                                                                                                                                                                                                                                                           * Backpack - Skyscanner's Design System
+                                                                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                                                                           * Copyright 2016 Skyscanner Ltd
+                                                                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                                                                           * Licensed under the Apache License, Version 2.0 (the "License");
+                                                                                                                                                                                                                                                                                                                                                                                           * you may not use this file except in compliance with the License.
+                                                                                                                                                                                                                                                                                                                                                                                           * You may obtain a copy of the License at
+                                                                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                                                                           *   http://www.apache.org/licenses/LICENSE-2.0
+                                                                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                                                                           * Unless required by applicable law or agreed to in writing, software
+                                                                                                                                                                                                                                                                                                                                                                                           * distributed under the License is distributed on an "AS IS" BASIS,
+                                                                                                                                                                                                                                                                                                                                                                                           * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+                                                                                                                                                                                                                                                                                                                                                                                           * See the License for the specific language governing permissions and
+                                                                                                                                                                                                                                                                                                                                                                                           * limitations under the License.
+                                                                                                                                                                                                                                                                                                                                                                                           */
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkInputModule.default);
 const KEYCODES = {
   ENTER: 13,
-  SPACEBAR: 32,
+  SPACEBAR: 32
 };
-
-const handleKeyEvent = (keyCode, callback) => (e) => {
+const handleKeyEvent = (keyCode, callback) => e => {
   if (e.keyCode === keyCode) {
     e.preventDefault();
     callback();
   }
 };
-
-const withEventHandler = (fn, eventHandler) => (e) => {
+const withEventHandler = (fn, eventHandler) => e => {
   fn(e);
   if (eventHandler) {
     eventHandler(e);
   }
 };
-
-const withOpenEvents = (InputComponent) => {
-  class WithOpenEvents extends Component {
+const withOpenEvents = InputComponent => {
+  class WithOpenEvents extends _react.Component {
     constructor(props) {
       super(props);
-
-      this.focusCanOpen = true;
-    }
-
-    handleTouchEnd = (event) => {
-      // preventDefault fixes an issue on Android and iOS in which the popover closes immediately
-      // because a touch event is registered on one of the dates.
-      // We can only run preventDefault when the input is already focused - otherwise it would never set
-      // focus on it, and when closing the modal/popover focus would return to the previously focused
-      // element (which is annoying if it's an autosuggest or another datepicker, for example).
-      if (document && event.target === document.activeElement) {
-        event.preventDefault();
-        if (this.props.onOpen) {
+      _defineProperty(this, "handleTouchEnd", event => {
+        // preventDefault fixes an issue on Android and iOS in which the popover closes immediately
+        // because a touch event is registered on one of the dates.
+        // We can only run preventDefault when the input is already focused - otherwise it would never set
+        // focus on it, and when closing the modal/popover focus would return to the previously focused
+        // element (which is annoying if it's an autosuggest or another datepicker, for example).
+        if (document && event.target === document.activeElement) {
+          event.preventDefault();
+          if (this.props.onOpen) {
+            this.props.onOpen();
+          }
+        }
+      });
+      _defineProperty(this, "handleFocus", () => {
+        if (this.focusCanOpen && this.props.onOpen) {
           this.props.onOpen();
         }
-      }
-    };
-
-    handleFocus = () => {
-      if (this.focusCanOpen && this.props.onOpen) {
-        this.props.onOpen();
-      }
-    };
-
-    handleBlur = () => {
-      // If the input loses focus when the target is open, it should not open on a subsequent focus.
-      // Fixes an issue with IE9.
-      if (this.props.isOpen) {
-        this.focusCanOpen = false;
-      } else {
-        this.focusCanOpen = true;
-      }
-    };
-
+      });
+      _defineProperty(this, "handleBlur", () => {
+        // If the input loses focus when the target is open, it should not open on a subsequent focus.
+        // Fixes an issue with IE9.
+        if (this.props.isOpen) {
+          this.focusCanOpen = false;
+        } else {
+          this.focusCanOpen = true;
+        }
+      });
+      this.focusCanOpen = true;
+    }
     render() {
-      const {
-        className,
-        hasTouchSupport,
-        onBlur,
-        onClick,
-        onFocus,
-        onKeyDown,
-        onKeyUp,
-        onOpen,
-        onTouchEnd,
-        ...rest
-      } = this.props;
-
+      const _this$props = this.props,
+        {
+          className,
+          hasTouchSupport,
+          onBlur,
+          onClick,
+          onFocus,
+          onKeyDown,
+          onKeyUp,
+          onOpen,
+          onTouchEnd
+        } = _this$props,
+        rest = _objectWithoutProperties(_this$props, _excluded);
       delete rest.isOpen;
-
       const classNames = [getClassName('bpk-input--with-open-events')];
       if (className) {
         classNames.push(className);
       }
-
       const eventHandlers = {
         onClick: withEventHandler(onOpen, onClick),
-        onKeyDown: withEventHandler(
-          handleKeyEvent(KEYCODES.ENTER, onOpen),
-          onKeyDown,
-        ),
-        onKeyUp: withEventHandler(
-          handleKeyEvent(KEYCODES.SPACEBAR, onOpen),
-          onKeyUp,
-        ),
+        onKeyDown: withEventHandler(handleKeyEvent(KEYCODES.ENTER, onOpen), onKeyDown),
+        onKeyUp: withEventHandler(handleKeyEvent(KEYCODES.SPACEBAR, onOpen), onKeyUp)
       };
-
       if (hasTouchSupport) {
         // Prevents the mobile keyboard from opening (iOS / Android), while not announcing it as 'read only' to a screen reader
         eventHandlers.readOnly = 'readOnly';
         eventHandlers['aria-readonly'] = false;
-
-        eventHandlers.onTouchEnd = withEventHandler(
-          this.handleTouchEnd,
-          onTouchEnd,
-        );
+        eventHandlers.onTouchEnd = withEventHandler(this.handleTouchEnd, onTouchEnd);
       }
 
       // Needed on desktop to allow the intended behaviour of opening on focus
       // Needed on mobile as some Android devices do not trigger onClick or onTouch when TalkBack is active but do trigger onFocus
       eventHandlers.onFocus = withEventHandler(this.handleFocus, onFocus);
       eventHandlers.onBlur = withEventHandler(this.handleBlur, onBlur);
-
-      return (
-        <InputComponent
-          className={classNames.join(' ')}
-          {...eventHandlers}
-          {...rest}
-        />
-      );
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(InputComponent, _objectSpread(_objectSpread({
+        className: classNames.join(' ')
+      }, eventHandlers), rest));
     }
   }
-
   WithOpenEvents.propTypes = {
     // Custom props
-    isOpen: PropTypes.bool,
-    hasTouchSupport: PropTypes.bool,
-    onOpen: PropTypes.func,
+    isOpen: _propTypes.default.bool,
+    hasTouchSupport: _propTypes.default.bool,
+    onOpen: _propTypes.default.func,
     // Input props
-    className: PropTypes.string,
-    onClick: PropTypes.func,
-    onFocus: PropTypes.func,
-    onBlur: PropTypes.func,
-    onTouchEnd: PropTypes.func,
-    onKeyDown: PropTypes.func,
-    onKeyUp: PropTypes.func,
+    className: _propTypes.default.string,
+    onClick: _propTypes.default.func,
+    onFocus: _propTypes.default.func,
+    onBlur: _propTypes.default.func,
+    onTouchEnd: _propTypes.default.func,
+    onKeyDown: _propTypes.default.func,
+    onKeyUp: _propTypes.default.func
   };
-
   WithOpenEvents.defaultProps = {
     // Custom props
     isOpen: false,
-    hasTouchSupport: !!(
-      typeof window !== 'undefined' &&
-      ('ontouchstart' in window ||
-        // eslint-disable-next-line no-undef
-        (window.DocumentTouch && document instanceof DocumentTouch))
-    ),
+    hasTouchSupport: !!(typeof window !== 'undefined' && ('ontouchstart' in window ||
+    // eslint-disable-next-line no-undef
+    window.DocumentTouch && document instanceof DocumentTouch)),
     onOpen: null,
     // Input props
     className: null,
@@ -173,15 +152,10 @@ const withOpenEvents = (InputComponent) => {
     onBlur: null,
     onTouchEnd: null,
     onKeyDown: null,
-    onKeyUp: null,
+    onKeyUp: null
   };
-
-  WithOpenEvents.displayName = wrapDisplayName(
-    InputComponent,
-    'withOpenEvents',
-  );
-
+  WithOpenEvents.displayName = (0, _bpkReactUtils.wrapDisplayName)(InputComponent, 'withOpenEvents');
   return WithOpenEvents;
 };
-
-export default withOpenEvents;
+var _default = withOpenEvents;
+exports.default = _default;

package/bpk-component-label/index.js

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

package/bpk-component-label/src/BpkLabel.js

@@ -1,3 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkLabelModule = _interopRequireDefault(require("./BpkLabel.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children", "className", "disabled", "required", "valid", "white"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,66 +26,54 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/* @flow strict */
-
-import PropTypes from 'prop-types';
-import type { Node } from 'react';
-
-import { cssModules } from '../../bpk-react-utils';
-
-import STYLES from './BpkLabel.module.scss';
-
-const getClassName = cssModules(STYLES);
-
-export type Props = {
-  children: Node,
-  className: ?string,
-  disabled: boolean,
-  valid: ?boolean,
-  required: boolean,
-  white: boolean,
-};
-
-const BpkLabel = (props: Props) => {
-  const { children, className, disabled, required, valid, white, ...rest } =
-    props;
+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)(_BpkLabelModule.default);
+const BpkLabel = props => {
+  const {
+      children,
+      className,
+      disabled,
+      required,
+      valid,
+      white
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const invalid = valid === false;
-
-  const classNames = getClassName(
-    'bpk-label',
-    white && 'bpk-label--white',
-    invalid && 'bpk-label--invalid',
-    disabled && 'bpk-label--disabled',
-    white && disabled && 'bpk-label--disabled--white',
-    className,
-  );
-
+  const classNames = getClassName('bpk-label', white && 'bpk-label--white', invalid && 'bpk-label--invalid', disabled && 'bpk-label--disabled', white && disabled && 'bpk-label--disabled--white', className);
   return (
+    /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    <label className={classNames} {...rest}>
-      {children}
-      {!disabled && required && (
-        <span className={getClassName('bpk-label__asterisk')}>*</span>
-      )}
-    </label>
+    (0, _jsxRuntime.jsxs)("label", _objectSpread(_objectSpread({
+      className: classNames
+    }, rest), {}, {
+      children: [children, !disabled && required && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: getClassName('bpk-label__asterisk'),
+        children: "*"
+      })]
+    }))
   );
 };
-
 BpkLabel.propTypes = {
-  children: PropTypes.node.isRequired,
-  className: PropTypes.string,
-  disabled: PropTypes.bool,
-  valid: PropTypes.bool,
-  required: PropTypes.bool,
-  white: PropTypes.bool,
+  children: _propTypes.default.node.isRequired,
+  className: _propTypes.default.string,
+  disabled: _propTypes.default.bool,
+  valid: _propTypes.default.bool,
+  required: _propTypes.default.bool,
+  white: _propTypes.default.bool
 };
-
 BpkLabel.defaultProps = {
   className: null,
   disabled: false,
   valid: null,
   required: false,
-  white: false,
+  white: false
 };
-
-export default BpkLabel;
+var _default = BpkLabel;
+exports.default = _default;

package/bpk-component-label/src/BpkLabel.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-label{display:block;color:#111236;font-size:.75rem;font-weight:700;line-height:1rem}.bpk-label--white{color:#fff}.bpk-label--invalid{color:#d1435b;color:var(--bpk-form-validation-text-color, #d1435b)}.bpk-label--disabled{color:#b2b2bf;cursor:not-allowed}.bpk-label__asterisk{color:#d1435b;color:var(--bpk-form-validation-text-color, #d1435b)}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-label{display:block;color:#161616;font-size:.75rem;font-weight:700;line-height:1rem}.bpk-label--white{color:#fff}.bpk-label--invalid{color:#e70866;color:var(--bpk-form-validation-text-color, #e70866)}.bpk-label--disabled{color:rgba(0,0,0,0.2);cursor:not-allowed}.bpk-label--disabled--white{color:rgba(255,255,255,0.5)}.bpk-label__asterisk{color:#e70866;color:var(--bpk-form-validation-text-color, #e70866)}

package/bpk-component-link/index.js

@@ -1,3 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BpkButtonLink", {
+  enumerable: true,
+  get: function () {
+    return _BpkButtonLink.default;
+  }
+});
+exports.default = void 0;
+Object.defineProperty(exports, "linkAlternateThemeAttributes", {
+  enumerable: true,
+  get: function () {
+    return _themeAttributes.linkAlternateThemeAttributes;
+  }
+});
+Object.defineProperty(exports, "themeAttributes", {
+  enumerable: true,
+  get: function () {
+    return _themeAttributes.default;
+  }
+});
+var _BpkLink = _interopRequireDefault(require("./src/BpkLink"));
+var _BpkButtonLink = _interopRequireDefault(require("./src/BpkButtonLink"));
+var _themeAttributes = _interopRequireWildcard(require("./src/themeAttributes"));
+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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,14 +45,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-/* @flow strict */
-
-import BpkLink from './src/BpkLink';
-import BpkButtonLink from './src/BpkButtonLink';
-import themeAttributes, {
-  linkAlternateThemeAttributes,
-} from './src/themeAttributes';
-
-export default BpkLink;
-export { BpkButtonLink, themeAttributes, linkAlternateThemeAttributes };
+var _default = _BpkLink.default;
+exports.default = _default;

package/bpk-component-link/src/BpkButtonLink.js

@@ -1,3 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "themeAttributes", {
+  enumerable: true,
+  get: function () {
+    return _themeAttributes.default;
+  }
+});
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _themeAttributes = _interopRequireDefault(require("./themeAttributes"));
+var _BpkLinkModule = _interopRequireDefault(require("./BpkLink.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["alternate", "children", "className", "onClick"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,61 +33,51 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-/* @flow strict */
-
-import PropTypes from 'prop-types';
-import type { Node } from 'react';
-
-import { cssModules } from '../../bpk-react-utils';
-
-import themeAttributes from './themeAttributes';
-import STYLES from './BpkLink.module.scss';
-
-const getClassName = cssModules(STYLES);
-
-type Props = {
-  children: Node,
-  className: ?string,
-  onClick: (event: SyntheticEvent<>) => mixed,
-  alternate: boolean,
-};
-
-const BpkButtonLink = (props: Props) => {
-  const { alternate, children, className, onClick, ...rest } = props;
+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)(_BpkLinkModule.default);
+const BpkButtonLink = props => {
+  const {
+      alternate,
+      children,
+      className,
+      onClick
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const classNames = [getClassName('bpk-link')];
-
   if (alternate) {
     classNames.push(getClassName('bpk-link--alternate'));
   }
   if (className) {
     classNames.push(className);
   }
-
   return (
+    /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    <button
-      type="button"
-      className={classNames.join(' ')}
-      onClick={onClick}
-      {...rest}
-    >
-      {children}
-    </button>
+    (0, _jsxRuntime.jsx)("button", _objectSpread(_objectSpread({
+      type: "button",
+      className: classNames.join(' '),
+      onClick: onClick
+    }, rest), {}, {
+      children: children
+    }))
   );
 };
-
 BpkButtonLink.propTypes = {
-  onClick: PropTypes.func.isRequired,
-  children: PropTypes.node.isRequired,
-  className: PropTypes.string,
-  alternate: PropTypes.bool,
+  onClick: _propTypes.default.func.isRequired,
+  children: _propTypes.default.node.isRequired,
+  className: _propTypes.default.string,
+  alternate: _propTypes.default.bool
 };
-
 BpkButtonLink.defaultProps = {
   className: null,
-  alternate: false,
+  alternate: false
 };
-
-export { themeAttributes };
-export default BpkButtonLink;
+var _default = BpkButtonLink;
+exports.default = _default;