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

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

@@ -1,3 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _closeCircle = _interopRequireDefault(require("../../bpk-component-icon/sm/close-circle"));
+var _bpkComponentIcon = require("../../bpk-component-icon");
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkClearButtonModule = _interopRequireDefault(require("./BpkClearButton.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "label", "onClick"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,21 +27,24 @@
  * 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`.
-import ClearIcon from "../../bpk-component-icon/sm/close-circle";
-import { withButtonAlignment } from "../../bpk-component-icon";
-import { cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkClearButton.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
-const ClearButtonIcon = withButtonAlignment(ClearIcon);
-const BpkClearButton = ({
-  className,
-  label,
-  onClick,
-  ...rest
-}) => {
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkClearButtonModule.default);
+const ClearButtonIcon = (0, _bpkComponentIcon.withButtonAlignment)(_closeCircle.default);
+const BpkClearButton = _ref => {
+  let {
+      className,
+      label,
+      onClick
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const classNames = [getClassName('bpk-clear-button')];
   if (className) {
     classNames.push(className);
@@ -37,19 +52,20 @@ const BpkClearButton = ({
   return (
     /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _jsx("button", {
+    (0, _jsxRuntime.jsx)("button", _objectSpread(_objectSpread({
       type: "button",
       title: label,
       onClick: onClick,
       "aria-label": label,
-      className: classNames.join(' '),
-      ...rest,
-      children: /*#__PURE__*/_jsx(ClearButtonIcon, {
+      className: classNames.join(' ')
+    }, rest), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ClearButtonIcon, {
         focusable: "false" // prevents focus on IE11
         ,
         className: getClassName('bpk-clear-button__icon')
       })
-    })
+    }))
   );
 };
-export default BpkClearButton;
+var _default = BpkClearButton;
+exports.default = _default;

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

@@ -1,31 +1,42 @@
-/*
- * 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";
 
-import { Component } from 'react';
-import { cssModules } from "../../bpk-react-utils";
-import BpkClearButton from "./BpkClearButton";
-import STYLES from "./BpkInput.module.css";
-import { CLEAR_BUTTON_MODES, defaultProps } from "./common-types";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
-class BpkInput extends Component {
-  static defaultProps = defaultProps;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkClearButton = _interopRequireDefault(require("./BpkClearButton"));
+var _BpkInputModule = _interopRequireDefault(require("./BpkInput.module.css"));
+var _commonTypes = require("./common-types");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "clearButtonLabel", "clearButtonMode", "docked", "dockedFirst", "dockedLast", "dockedMiddle", "inputRef", "large", "name", "onClear", "valid", "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 _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);
+class BpkInput extends _react.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -36,22 +47,23 @@ class BpkInput extends Component {
     const classNames = [getClassName('bpk-input')];
     const containerClassNames = [getClassName('bpk-input__container')];
     const clearButtonClassNames = [getClassName('bpk-input__clear-button')];
-    const {
-      className,
-      clearButtonLabel,
-      clearButtonMode,
-      docked,
-      dockedFirst,
-      dockedLast,
-      dockedMiddle,
-      inputRef,
-      large,
-      name,
-      onClear,
-      valid,
-      value,
-      ...rest
-    } = this.props;
+    const _this$props = this.props,
+      {
+        className,
+        clearButtonLabel,
+        clearButtonMode,
+        docked,
+        dockedFirst,
+        dockedLast,
+        dockedMiddle,
+        inputRef,
+        large,
+        name,
+        onClear,
+        valid,
+        value
+      } = _this$props,
+      rest = _objectWithoutProperties(_this$props, _excluded);
 
     // Used as a ref for focussing the input when cleared.
     let ref = null;
@@ -59,7 +71,7 @@ class BpkInput extends Component {
     // Explicit check for false primitive value as undefined is
     // treated as neither valid nor invalid
     const isInvalid = valid === false;
-    const clearable = clearButtonMode && clearButtonMode !== CLEAR_BUTTON_MODES.never;
+    const clearable = clearButtonMode && clearButtonMode !== _commonTypes.CLEAR_BUTTON_MODES.never;
     if (valid) {
       classNames.push(getClassName('bpk-input--valid'));
     } else if (isInvalid) {
@@ -71,7 +83,7 @@ class BpkInput extends Component {
     }
     if (clearable) {
       classNames.push(getClassName('bpk-input--clearable'));
-      if (clearButtonMode === CLEAR_BUTTON_MODES.always || this.state.persistClearButton) {
+      if (clearButtonMode === _commonTypes.CLEAR_BUTTON_MODES.always || this.state.persistClearButton) {
         classNames.push(getClassName('bpk-input--persistent-clearable'));
         clearButtonClassNames.push(getClassName('bpk-input__clear-button--persistent'));
       }
@@ -98,7 +110,7 @@ class BpkInput extends Component {
     const renderedInput =
     /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _jsx("input", {
+    (0, _jsxRuntime.jsx)("input", _objectSpread({
       className: classNames.join(' '),
       ref: input => {
         ref = input;
@@ -108,9 +120,8 @@ class BpkInput extends Component {
       },
       "aria-invalid": isInvalid,
       value: value,
-      name: name,
-      ...rest
-    });
+      name: name
+    }, rest));
 
     // When we mouseDown, we should persist the clear button.
     // If we don't do this, then for `clearableWhileEditing` mode the mouseDown on the button will cause the input to lose focus,
@@ -120,9 +131,9 @@ class BpkInput extends Component {
         persistClearButton: true
       });
     };
-    return clearable ? /*#__PURE__*/_jsxs("div", {
+    return clearable ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: containerClassNames.join(' '),
-      children: [renderedInput, value.length > 0 && /*#__PURE__*/_jsx(BpkClearButton, {
+      children: [renderedInput, value.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkClearButton.default, {
         tabIndex: -1,
         label: clearButtonLabel || '',
         onMouseDown: onMouseDown,
@@ -148,4 +159,6 @@ class BpkInput extends Component {
     }) : renderedInput;
   }
 }
-export default BpkInput;
+_defineProperty(BpkInput, "defaultProps", _commonTypes.defaultProps);
+var _default = BpkInput;
+exports.default = _default;

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

@@ -1,3 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = exports.defaultProps = exports.clearablePropType = exports.INPUT_TYPES = exports.CLEAR_BUTTON_MODES = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -16,21 +24,22 @@
  * limitations under the License.
  */
 
-import PropTypes from 'prop-types';
-export const CLEAR_BUTTON_MODES = {
+const CLEAR_BUTTON_MODES = {
   never: 'never',
   whileEditing: 'whileEditing',
   always: 'always'
 };
-export const INPUT_TYPES = {
+exports.CLEAR_BUTTON_MODES = CLEAR_BUTTON_MODES;
+const INPUT_TYPES = {
   text: 'text',
   email: 'email',
   number: 'number',
   password: 'password',
   tel: 'tel'
 };
+exports.INPUT_TYPES = INPUT_TYPES;
 // TODO - this function should be removed once all input examples have been migrated to TS
-export const clearablePropType = (props, propName, componentName) => {
+const clearablePropType = (props, propName, componentName) => {
   const createError = message => new Error(`Invalid prop \`${propName}\` supplied to \`${componentName}\`. ${message}.`);
   const propBeingChecked = props[propName];
   if (props.clearButtonMode && props.clearButtonMode !== CLEAR_BUTTON_MODES.never) {
@@ -48,24 +57,26 @@ export const clearablePropType = (props, propName, componentName) => {
   }
   return null;
 };
-export const propTypes = {
-  id: PropTypes.string.isRequired,
-  name: PropTypes.string.isRequired,
-  value: PropTypes.string.isRequired,
-  type: PropTypes.oneOf([INPUT_TYPES.text, INPUT_TYPES.email, INPUT_TYPES.number, INPUT_TYPES.password, INPUT_TYPES.tel]),
-  className: PropTypes.string,
-  valid: PropTypes.bool,
-  large: PropTypes.bool,
-  docked: PropTypes.bool,
-  dockedFirst: PropTypes.bool,
-  dockedMiddle: PropTypes.bool,
-  dockedLast: PropTypes.bool,
-  inputRef: PropTypes.func,
-  clearButtonMode: PropTypes.oneOf(Object.keys(CLEAR_BUTTON_MODES)),
+exports.clearablePropType = clearablePropType;
+const propTypes = {
+  id: _propTypes.default.string.isRequired,
+  name: _propTypes.default.string.isRequired,
+  value: _propTypes.default.string.isRequired,
+  type: _propTypes.default.oneOf([INPUT_TYPES.text, INPUT_TYPES.email, INPUT_TYPES.number, INPUT_TYPES.password, INPUT_TYPES.tel]),
+  className: _propTypes.default.string,
+  valid: _propTypes.default.bool,
+  large: _propTypes.default.bool,
+  docked: _propTypes.default.bool,
+  dockedFirst: _propTypes.default.bool,
+  dockedMiddle: _propTypes.default.bool,
+  dockedLast: _propTypes.default.bool,
+  inputRef: _propTypes.default.func,
+  clearButtonMode: _propTypes.default.oneOf(Object.keys(CLEAR_BUTTON_MODES)),
   clearButtonLabel: clearablePropType,
   onClear: clearablePropType
 };
-export const defaultProps = {
+exports.propTypes = propTypes;
+const defaultProps = {
   type: INPUT_TYPES.text,
   valid: null,
   large: false,
@@ -77,4 +88,5 @@ export const defaultProps = {
   clearButtonMode: CLEAR_BUTTON_MODES.never,
   clearButtonLabel: null,
   onClear: null
-};
+};
+exports.defaultProps = defaultProps;

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

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,5 +21,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-export default ['inputInvalidBorderColor'];
+var _default = ['inputInvalidBorderColor'];
+exports.default = _default;

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

@@ -1,26 +1,39 @@
-/*
- * 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";
 
-import { Component } from 'react';
-import { cssModules, wrapDisplayName } from "../../bpk-react-utils";
-import STYLES from "./BpkInput.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkInputModule = _interopRequireDefault(require("./BpkInput.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "hasTouchSupport", "isOpen", "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
@@ -42,65 +55,54 @@ const withEventHandler = (fn, eventHandler) => e => {
   }
 };
 const withOpenEvents = InputComponent => {
-  class WithOpenEvents extends Component {
-    static defaultProps = {
-      // Custom props
-      isOpen: false,
-      hasTouchSupport: !!(typeof window !== 'undefined' && 'ontouchstart' in window),
-      onOpen: null,
-      // Input props
-      onClick: null,
-      onFocus: null,
-      onBlur: null,
-      onTouchEnd: null,
-      onKeyDown: null,
-      onKeyUp: null
-    };
+  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, "focusCanOpen", void 0);
+      _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,
-        isOpen,
-        onBlur,
-        onClick,
-        onFocus,
-        onKeyDown,
-        onKeyUp,
-        onOpen,
-        onTouchEnd,
-        ...rest
-      } = this.props;
+      const _this$props = this.props,
+        {
+          className,
+          hasTouchSupport,
+          isOpen,
+          onBlur,
+          onClick,
+          onFocus,
+          onKeyDown,
+          onKeyUp,
+          onOpen,
+          onTouchEnd
+        } = _this$props,
+        rest = _objectWithoutProperties(_this$props, _excluded);
       const classNames = [getClassName('bpk-input--with-open-events')];
       if (className) {
         classNames.push(className);
@@ -121,14 +123,27 @@ const withOpenEvents = InputComponent => {
       // 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 /*#__PURE__*/_jsx(InputComponent, {
-        className: classNames.join(' '),
-        ...eventHandlers,
-        ...rest
-      });
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(InputComponent, _objectSpread(_objectSpread({
+        className: classNames.join(' ')
+      }, eventHandlers), rest));
     }
   }
-  WithOpenEvents.displayName = wrapDisplayName(InputComponent, 'withOpenEvents');
+  _defineProperty(WithOpenEvents, "displayName", void 0);
+  _defineProperty(WithOpenEvents, "defaultProps", {
+    // Custom props
+    isOpen: false,
+    hasTouchSupport: !!(typeof window !== 'undefined' && 'ontouchstart' in window),
+    onOpen: null,
+    // Input props
+    onClick: null,
+    onFocus: null,
+    onBlur: null,
+    onTouchEnd: null,
+    onKeyDown: null,
+    onKeyUp: null
+  });
+  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
  *
@@ -14,5 +22,6 @@
  * 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 BpkLabel from "./src/BpkLabel";
-export default BpkLabel;
+ */
+var _default = _BpkLabel.default;
+exports.default = _default;