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

package/bpk-component-card/src/BpkCard.js

@@ -1,3 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkCardModule = _interopRequireDefault(require("./BpkCard.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["atomic", "blank", "children", "className", "href", "padded"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,20 +25,25 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-import { cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkCard.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
-const BpkCard = ({
-  atomic = true,
-  blank = false,
-  children,
-  className = null,
-  href = null,
-  padded = true,
-  ...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)(_BpkCardModule.default);
+const BpkCard = _ref => {
+  let {
+      atomic = true,
+      blank = false,
+      children,
+      className = null,
+      href = null,
+      padded = true
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const classNames = getClassName('bpk-card', atomic && !href && 'bpk-card--atomic-button', padded && 'bpk-card--padded', className);
   const atomicProps = {};
   if (href) {
@@ -48,32 +63,31 @@ const BpkCard = ({
     return (
       /*#__PURE__*/
       // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-      _jsx("a", {
+      (0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread(_objectSpread(_objectSpread({
         href: href,
-        className: classNames,
-        ...atomicProps,
-        ...blankProps,
-        ...rest,
+        className: classNames
+      }, atomicProps), blankProps), rest), {}, {
         children: children
-      })
+      }))
     );
   }
   if (atomic) {
-    return /*#__PURE__*/_jsx("button", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", _objectSpread(_objectSpread({
       type: "button",
-      className: classNames,
-      ...rest,
+      className: classNames
+    }, rest), {}, {
       children: children
-    });
+    }));
   }
   return (
     /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _jsx("div", {
-      className: classNames,
-      ...rest,
+    (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+      className: classNames
+    }, rest), {}, {
       children: children
-    })
+    }))
   );
 };
-export default BpkCard;
+var _default = BpkCard;
+exports.default = _default;

package/bpk-component-card/src/BpkCardWrapper.js

@@ -1,3 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkCardWrapperModule = _interopRequireDefault(require("./BpkCardWrapper.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -16,11 +26,7 @@
  * limitations under the License.
  */
 
-import { cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkCardWrapper.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkCardWrapperModule.default);
 const BpkCardWrapper = ({
   backgroundColor,
   card,
@@ -28,19 +34,20 @@ const BpkCardWrapper = ({
   header
 }) => {
   const classNames = getClassName('bpk-card-wrapper', className);
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: classNames,
     style: {
       // @ts-expect-error TS is reporting this incorrectly as --background-color is valid
       '--background-color': backgroundColor
     },
-    children: [/*#__PURE__*/_jsx("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: getClassName('bpk-card-wrapper--header'),
       children: header
-    }), /*#__PURE__*/_jsx("div", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: getClassName('bpk-card-wrapper--content'),
       children: card
     })]
   });
 };
-export default BpkCardWrapper;
+var _default = BpkCardWrapper;
+exports.default = _default;

package/bpk-component-card/src/BpkDividedCard.js

@@ -1,3 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ORIENTATION = void 0;
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkCard = _interopRequireDefault(require("./BpkCard"));
+var _BpkDividedCardModule = _interopRequireDefault(require("./BpkDividedCard.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "href", "isElevated", "orientation", "primaryContent", "secondaryContent"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,44 +26,49 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-import { cssModules } from "../../bpk-react-utils";
-import BpkCard from "./BpkCard";
-import STYLES from "./BpkDividedCard.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
-export const ORIENTATION = {
+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)(_BpkDividedCardModule.default);
+const ORIENTATION = {
   horizontal: 'horizontal',
   vertical: 'vertical'
 };
-const BpkDividedCard = ({
-  className = null,
-  href = null,
-  isElevated = true,
-  orientation = ORIENTATION.horizontal,
-  primaryContent,
-  secondaryContent,
-  ...rest
-}) => {
+exports.ORIENTATION = ORIENTATION;
+const BpkDividedCard = _ref => {
+  let {
+      className = null,
+      href = null,
+      isElevated = true,
+      orientation = ORIENTATION.horizontal,
+      primaryContent,
+      secondaryContent
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const isVertical = orientation === ORIENTATION.vertical;
   const classNames = getClassName('bpk-divided-card', isVertical ? 'bpk-divided-card--vertical' : 'bpk-divided-card--horizontal', !isElevated && 'bpk-divided-card--no-elevation', className);
   return (
     /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _jsxs(BpkCard, {
+    (0, _jsxRuntime.jsxs)(_BpkCard.default, _objectSpread(_objectSpread({
       className: classNames,
       href: href,
-      padded: false,
-      ...rest,
-      children: [/*#__PURE__*/_jsx("div", {
+      padded: false
+    }, rest), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: getClassName(!isVertical && 'bpk-divided-card__primary--horizontal'),
         children: primaryContent
-      }), /*#__PURE__*/_jsx("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: getClassName(isVertical ? 'bpk-divided-card__secondary--vertical' : 'bpk-divided-card__secondary--horizontal'),
         children: secondaryContent
       })]
-    })
+    }))
   );
 };
-export default BpkDividedCard;
+var _default = BpkDividedCard;
+exports.default = _default;

package/bpk-component-checkbox/index.js

@@ -1,3 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "themeAttributes", {
+  enumerable: true,
+  get: function () {
+    return _themeAttributes.default;
+  }
+});
+var _BpkCheckbox = _interopRequireDefault(require("./src/BpkCheckbox"));
+var _themeAttributes = _interopRequireDefault(require("./src/themeAttributes"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,7 +29,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 BpkCheckbox from "./src/BpkCheckbox";
-import themeAttributes from "./src/themeAttributes";
-export default BpkCheckbox;
-export { themeAttributes };
+ */
+var _default = _BpkCheckbox.default;
+exports.default = _default;

package/bpk-component-checkbox/src/BpkCheckbox.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 _BpkCheckboxModule = _interopRequireDefault(require("./BpkCheckbox.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["checked", "className", "disabled", "indeterminate", "label", "name", "required", "smallLabel", "valid", "white"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,26 +25,30 @@
  * 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 PropTypes from 'prop-types';
-import { cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkCheckbox.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
+ */
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkCheckboxModule.default);
 const BpkCheckbox = props => {
   const {
-    checked,
-    className,
-    disabled,
-    indeterminate,
-    label,
-    name,
-    required,
-    smallLabel,
-    valid,
-    white,
-    ...rest
-  } = props;
+      checked,
+      className,
+      disabled,
+      indeterminate,
+      label,
+      name,
+      required,
+      smallLabel,
+      valid,
+      white
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
 
   // Explicit check for false primitive value as undefined is
   // treated as neither valid nor invalid
@@ -41,9 +56,9 @@ const BpkCheckbox = props => {
   const classNames = getClassName('bpk-checkbox', white && 'bpk-checkbox--white', disabled && 'bpk-checkbox--disabled', white && disabled && 'bpk-checkbox--disabled--white', isInvalid && 'bpk-checkbox--invalid', className);
   const labelClassNames = getClassName('bpk-checkbox__label', smallLabel && 'bpk-checkbox__label--small');
   const inputClasses = getClassName('bpk-checkbox__input', white && 'bpk-checkbox__input-white', indeterminate && 'bpk-checkbox__input-indeterminate');
-  return /*#__PURE__*/_jsxs("label", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
     className: classNames,
-    children: [/*#__PURE__*/_jsx("input", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread({
       type: "checkbox",
       className: inputClasses,
       name: name,
@@ -56,12 +71,11 @@ const BpkCheckbox = props => {
           e.indeterminate = indeterminate;
         }
       },
-      checked: checked,
-      ...rest
-    }), /*#__PURE__*/_jsxs("span", {
+      checked: checked
+    }, rest)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
       className: labelClassNames,
       "aria-hidden": "true",
-      children: [label, !disabled && required && /*#__PURE__*/_jsx("span", {
+      children: [label, !disabled && required && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: getClassName('bpk-checkbox__asterisk'),
         children: "*"
       })]
@@ -69,16 +83,16 @@ const BpkCheckbox = props => {
   });
 };
 BpkCheckbox.propTypes = {
-  name: PropTypes.string.isRequired,
-  label: PropTypes.node.isRequired,
-  required: PropTypes.bool,
-  disabled: PropTypes.bool,
-  white: PropTypes.bool,
-  className: PropTypes.string,
-  smallLabel: PropTypes.bool,
-  valid: PropTypes.bool,
-  checked: PropTypes.bool,
-  indeterminate: PropTypes.bool
+  name: _propTypes.default.string.isRequired,
+  label: _propTypes.default.node.isRequired,
+  required: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  white: _propTypes.default.bool,
+  className: _propTypes.default.string,
+  smallLabel: _propTypes.default.bool,
+  valid: _propTypes.default.bool,
+  checked: _propTypes.default.bool,
+  indeterminate: _propTypes.default.bool
 };
 BpkCheckbox.defaultProps = {
   required: false,
@@ -90,4 +104,5 @@ BpkCheckbox.defaultProps = {
   checked: false,
   indeterminate: false
 };
-export default BpkCheckbox;
+var _default = BpkCheckbox;
+exports.default = _default;

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

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,4 +20,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.
- */export default ['checkboxCheckedColor'];
+ */
+var _default = ['checkboxCheckedColor'];
+exports.default = _default;

package/bpk-component-chip/index.js

@@ -1,3 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BpkDismissibleChip", {
+  enumerable: true,
+  get: function () {
+    return _BpkDismissibleChip.default;
+  }
+});
+Object.defineProperty(exports, "BpkDropdownChip", {
+  enumerable: true,
+  get: function () {
+    return _BpkDropdownChip.default;
+  }
+});
+Object.defineProperty(exports, "CHIP_TYPES", {
+  enumerable: true,
+  get: function () {
+    return _commonTypes.CHIP_TYPES;
+  }
+});
+exports.default = void 0;
+Object.defineProperty(exports, "themeAttributes", {
+  enumerable: true,
+  get: function () {
+    return _themeAttributes.default;
+  }
+});
+var _BpkSelectableChip = _interopRequireDefault(require("./src/BpkSelectableChip"));
+var _BpkDismissibleChip = _interopRequireDefault(require("./src/BpkDismissibleChip"));
+var _BpkDropdownChip = _interopRequireDefault(require("./src/BpkDropdownChip"));
+var _commonTypes = require("./src/commonTypes");
+var _themeAttributes = _interopRequireDefault(require("./src/themeAttributes"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,11 +51,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-import BpkSelectableChip from "./src/BpkSelectableChip";
-import BpkDismissibleChip from "./src/BpkDismissibleChip";
-import BpkDropdownChip from "./src/BpkDropdownChip";
-import { CHIP_TYPES } from "./src/commonTypes";
-import themeAttributes from "./src/themeAttributes";
-export default BpkSelectableChip;
-export { BpkDismissibleChip, BpkDropdownChip, CHIP_TYPES, themeAttributes };
+var _default = _BpkSelectableChip.default;
+exports.default = _default;

package/bpk-component-chip/src/BpkDismissibleChip.js

@@ -1,3 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _closeCircle = _interopRequireDefault(require("../../bpk-component-icon/sm/close-circle"));
+var _BpkSelectableChip = _interopRequireDefault(require("./BpkSelectableChip"));
+var _commonTypes = require("./commonTypes");
+var _BpkSelectableChipModule = _interopRequireDefault(require("./BpkSelectableChip.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "leadingAccessoryView", "type"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,34 +28,34 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
 /*
 The dismissible chip component is just a selectable chip that's
 been hard coded to have disabled={false}, selected and a trailing
 accessory view of a close icon.
 */
-
-import { cssModules } from "../../bpk-react-utils";
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import CloseCircleIconSm from "../../bpk-component-icon/sm/close-circle";
-import BpkSelectableChip from "./BpkSelectableChip";
-import { CHIP_TYPES } from "./commonTypes";
-import STYLES from "./BpkSelectableChip.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
-const BpkDismissibleChip = ({
-  className,
-  leadingAccessoryView = null,
-  type = CHIP_TYPES.default,
-  ...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)(_BpkSelectableChipModule.default);
+const BpkDismissibleChip = _ref => {
+  let {
+      className,
+      leadingAccessoryView = null,
+      type = _commonTypes.CHIP_TYPES.default
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const iconClassNames = getClassName(`bpk-chip--${type}-dismissible__trailing-accessory-view`);
   const classNames = getClassName(`bpk-chip--${type}-dismissible`, className);
-  return /*#__PURE__*/_jsx(BpkSelectableChip, {
-    ...rest,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkSelectableChip.default, _objectSpread(_objectSpread({}, rest), {}, {
     leadingAccessoryView: leadingAccessoryView,
     disabled: false,
-    trailingAccessoryView: /*#__PURE__*/_jsx(CloseCircleIconSm, {
+    trailingAccessoryView: /*#__PURE__*/(0, _jsxRuntime.jsx)(_closeCircle.default, {
       className: iconClassNames
     }),
     selected: true,
@@ -50,6 +63,7 @@ const BpkDismissibleChip = ({
     role: "button" // Override role="checkbox" because this chip is not selectable.
     ,
     className: classNames
-  });
+  }));
 };
-export default BpkDismissibleChip;
+var _default = BpkDismissibleChip;
+exports.default = _default;

package/bpk-component-chip/src/BpkDropdownChip.js

@@ -1,3 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _chevronDown = _interopRequireDefault(require("../../bpk-component-icon/sm/chevron-down"));
+var _BpkSelectableChip = _interopRequireDefault(require("./BpkSelectableChip"));
+var _commonTypes = require("./commonTypes");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["disabled", "leadingAccessoryView", "selected", "type"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,29 +26,35 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
 /*
 The dropdown chip component is just a selectable chip component
 with a trailing accessory view of a chevron down icon.
 */
-
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import ChevronDownIconSm from "../../bpk-component-icon/sm/chevron-down";
-import BpkSelectableChip from "./BpkSelectableChip";
-import { CHIP_TYPES } from "./commonTypes";
-import { jsx as _jsx } from "react/jsx-runtime";
-const BpkDropdownChip = ({
-  disabled = false,
-  leadingAccessoryView = null,
-  selected = false,
-  type = CHIP_TYPES.default,
-  ...rest
-}) => /*#__PURE__*/_jsx(BpkSelectableChip, {
-  disabled: disabled,
-  leadingAccessoryView: leadingAccessoryView,
-  selected: selected,
-  type: type,
-  ...rest,
-  trailingAccessoryView: /*#__PURE__*/_jsx(ChevronDownIconSm, {})
-});
-export default BpkDropdownChip;
+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 BpkDropdownChip = _ref => {
+  let {
+      disabled = false,
+      leadingAccessoryView = null,
+      selected = false,
+      type = _commonTypes.CHIP_TYPES.default
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkSelectableChip.default, _objectSpread(_objectSpread({
+    disabled: disabled,
+    leadingAccessoryView: leadingAccessoryView,
+    selected: selected,
+    type: type
+  }, rest), {}, {
+    trailingAccessoryView: /*#__PURE__*/(0, _jsxRuntime.jsx)(_chevronDown.default, {})
+  }));
+};
+var _default = BpkDropdownChip;
+exports.default = _default;