@skyscanner/backpack-web 23.2.2 → 24.0.0

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _bpkReactUtils = require("../../bpk-react-utils");
 var _BpkCardModule = _interopRequireDefault(require("./BpkCard.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -35,16 +34,16 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkCardModule.default);
-const BpkCard = props => {
-  const {
-      atomic,
-      blank,
+const BpkCard = _ref => {
+  let {
+      atomic = true,
+      blank = false,
       children,
-      className,
-      href,
-      padded
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+      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) {
@@ -90,20 +89,5 @@ const BpkCard = props => {
     }))
   );
 };
-BpkCard.propTypes = {
-  children: _propTypes.default.node.isRequired,
-  className: _propTypes.default.string,
-  href: _propTypes.default.string,
-  padded: _propTypes.default.bool,
-  blank: _propTypes.default.bool,
-  atomic: _propTypes.default.bool
-};
-BpkCard.defaultProps = {
-  className: null,
-  href: null,
-  padded: true,
-  blank: false,
-  atomic: true
-};
 var _default = BpkCard;
 exports.default = _default;

package/bpk-component-card/src/BpkCardWrapper.d.ts

@@ -0,0 +1,33 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import type { ReactNode } from 'react';
+
+type Props = {
+  card: ReactNode;
+  className?: string | null;
+  backgroundColor: string;
+  header: ReactNode;
+};
+declare const BpkCardWrapper: ({
+  backgroundColor,
+  card,
+  className,
+  header,
+}: Props) => JSX.Element;
+export default BpkCardWrapper;

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _bpkReactUtils = require("../../bpk-react-utils");
 var _BpkCardWrapperModule = _interopRequireDefault(require("./BpkCardWrapper.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -25,18 +24,20 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * 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)(_BpkCardWrapperModule.default);
-const BpkCardWrapper = props => {
-  const {
-    backgroundColor,
-    card,
-    className,
-    header
-  } = props;
+ */
+
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkCardWrapperModule.default);
+const BpkCardWrapper = ({
+  backgroundColor,
+  card,
+  className = null,
+  header
+}) => {
   const classNames = getClassName('bpk-card-wrapper', className);
   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__*/(0, _jsxRuntime.jsx)("div", {
@@ -48,14 +49,5 @@ const BpkCardWrapper = props => {
     })]
   });
 };
-BpkCardWrapper.propTypes = {
-  backgroundColor: _propTypes.default.string.isRequired,
-  card: _propTypes.default.node.isRequired,
-  className: _propTypes.default.string,
-  header: _propTypes.default.node.isRequired
-};
-BpkCardWrapper.defaultProps = {
-  className: null
-};
 var _default = BpkCardWrapper;
 exports.default = _default;

package/bpk-component-card/src/BpkDividedCard.d.ts

@@ -0,0 +1,43 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import type { ReactNode } from 'react';
+
+export declare const ORIENTATION: {
+  readonly horizontal: 'horizontal';
+  readonly vertical: 'vertical';
+};
+export type Props = {
+  primaryContent: ReactNode;
+  secondaryContent: ReactNode;
+  orientation?: typeof ORIENTATION[keyof typeof ORIENTATION];
+  href?: string | null;
+  className?: string | null;
+  isElevated?: boolean;
+  [rest: string]: any;
+};
+declare const BpkDividedCard: ({
+  className,
+  href,
+  isElevated,
+  orientation,
+  primaryContent,
+  secondaryContent,
+  ...rest
+}: Props) => JSX.Element;
+export default BpkDividedCard;

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

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ORIENTATION = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
 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"];
+const _excluded = ["orientation", "href", "className", "isElevated", "primaryContent", "secondaryContent"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -41,16 +40,16 @@ const ORIENTATION = {
   vertical: 'vertical'
 };
 exports.ORIENTATION = ORIENTATION;
-const BpkDividedCard = props => {
-  const {
-      className,
-      href,
-      isElevated,
-      orientation,
+const BpkDividedCard = _ref => {
+  let {
+      orientation = ORIENTATION.horizontal,
+      href = null,
+      className = null,
+      isElevated = true,
       primaryContent,
       secondaryContent
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+    } = _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 (
@@ -71,19 +70,5 @@ const BpkDividedCard = props => {
     }))
   );
 };
-BpkDividedCard.propTypes = {
-  primaryContent: _propTypes.default.node.isRequired,
-  secondaryContent: _propTypes.default.node.isRequired,
-  orientation: _propTypes.default.oneOf(Object.keys(ORIENTATION)),
-  href: _propTypes.default.string,
-  className: _propTypes.default.string,
-  isElevated: _propTypes.default.bool
-};
-BpkDividedCard.defaultProps = {
-  orientation: ORIENTATION.horizontal,
-  href: null,
-  className: null,
-  isElevated: true
-};
 var _default = BpkDividedCard;
 exports.default = _default;

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

@@ -0,0 +1,32 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import BpkSelectableChip, {
+  type Props as SelectableProps,
+} from './src/BpkSelectableChip';
+import BpkDismissibleChip from './src/BpkDismissibleChip';
+import BpkDropdownChip from './src/BpkDropdownChip';
+import type { CommonProps } from './src/commonTypes';
+import { CHIP_TYPES } from './src/commonTypes';
+import themeAttributes from './src/themeAttributes';
+
+export type BpkSelectableChipProps = SelectableProps;
+export type BpkDismissibleChipProps = CommonProps;
+export type BpkDropdownChipProps = CommonProps;
+export default BpkSelectableChip;
+export { BpkDismissibleChip, BpkDropdownChip, CHIP_TYPES, themeAttributes };

package/bpk-component-chip/src/BpkDismissibleChip.d.ts

@@ -0,0 +1,28 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/// <reference types="react" />
+import type { CommonProps as Props } from './commonTypes';
+
+declare const BpkDismissibleChip: ({
+  className,
+  leadingAccessoryView,
+  type,
+  ...rest
+}: Props) => JSX.Element;
+export default BpkDismissibleChip;

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

@@ -10,7 +10,7 @@ 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", "type"];
+const _excluded = ["className", "type", "leadingAccessoryView"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -33,6 +33,7 @@ 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.
 */
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -42,15 +43,17 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkSelectableChipModule.default);
-const BpkDismissibleChip = props => {
-  const {
+const BpkDismissibleChip = _ref => {
+  let {
       className,
-      type
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+      type = _commonTypes.CHIP_TYPES.default,
+      leadingAccessoryView = null
+    } = _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__*/(0, _jsxRuntime.jsx)(_BpkSelectableChip.default, _objectSpread(_objectSpread({}, rest), {}, {
+    leadingAccessoryView: leadingAccessoryView,
     disabled: false,
     trailingAccessoryView: /*#__PURE__*/(0, _jsxRuntime.jsx)(_closeCircle.default, {
       className: iconClassNames
@@ -62,7 +65,5 @@ const BpkDismissibleChip = props => {
     className: classNames
   }));
 };
-BpkDismissibleChip.propTypes = _commonTypes.COMMON_PROP_TYPES;
-BpkDismissibleChip.defaultProps = _commonTypes.COMMON_DEFAULT_PROPS;
 var _default = BpkDismissibleChip;
 exports.default = _default;

package/bpk-component-chip/src/BpkDropdownChip.d.ts

@@ -0,0 +1,29 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/// <reference types="react" />
+import type { CommonProps as Props } from './commonTypes';
+
+declare const BpkDropdownChip: ({
+  disabled,
+  leadingAccessoryView,
+  selected,
+  type,
+  ...rest
+}: Props) => JSX.Element;
+export default BpkDropdownChip;

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

@@ -8,39 +8,53 @@ var _chevronDown = _interopRequireDefault(require("../../bpk-component-icon/sm/c
 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
+ *
+ * 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.
+ */
+/*
+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`.
 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 _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); } /*
-                                                                                                                * 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.
-                                                                                                                */ /*
-                                                                                                                   The dropdown chip component is just a selectable chip component
-                                                                                                                   with a trailing accessory view of a chevron down icon.
-                                                                                                                   */
-const BpkDropdownChip = props => {
-  const rest = Object.assign({}, (_objectDestructuringEmpty(props), props));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkSelectableChip.default, _objectSpread(_objectSpread({}, rest), {}, {
+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, {})
   }));
 };
-BpkDropdownChip.propTypes = _commonTypes.COMMON_PROP_TYPES;
-BpkDropdownChip.defaultProps = _commonTypes.COMMON_DEFAULT_PROPS;
 var _default = BpkDropdownChip;
 exports.default = _default;

package/bpk-component-chip/src/BpkSelectableChip.d.ts

@@ -0,0 +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.
+ */
+
+import type { ReactNode } from 'react';
+
+import type { CommonProps } from './commonTypes';
+
+export interface Props extends CommonProps {
+  role?: string;
+  trailingAccessoryView?: ReactNode;
+}
+declare const BpkSelectableChip: ({
+  accessibilityLabel,
+  children,
+  className,
+  disabled,
+  leadingAccessoryView,
+  role,
+  selected,
+  trailingAccessoryView,
+  type,
+  ...rest
+}: Props) => JSX.Element;
+export default BpkSelectableChip;

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

@@ -4,13 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _bpkReactUtils = require("../../bpk-react-utils");
 var _bpkComponentText = _interopRequireWildcard(require("../../bpk-component-text"));
 var _BpkSelectableChipModule = _interopRequireDefault(require("./BpkSelectableChip.module.css"));
 var _commonTypes = require("./commonTypes");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["accessibilityLabel", "children", "className", "disabled", "leadingAccessoryView", "role", "selected", "trailingAccessoryView", "type"];
+const _excluded = ["role", "selected", "trailingAccessoryView", "className", "disabled", "leadingAccessoryView", "type", "accessibilityLabel", "children"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -28,9 +27,9 @@ const _excluded = ["accessibilityLabel", "children", "className", "disabled", "l
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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; }
@@ -39,53 +38,39 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkSelectableChipModule.default);
-const BpkSelectableChip = props => {
-  const {
-      accessibilityLabel,
-      children,
+const BpkSelectableChip = _ref => {
+  let {
+      role = 'checkbox',
+      selected = false,
+      trailingAccessoryView = null,
       className,
-      disabled,
-      leadingAccessoryView,
-      role,
-      selected,
-      trailingAccessoryView,
-      type
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+      disabled = false,
+      leadingAccessoryView = null,
+      type = _commonTypes.CHIP_TYPES.default,
+      accessibilityLabel,
+      children
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const classNames = getClassName('bpk-chip', `bpk-chip--${type}`, disabled && 'bpk-chip--disabled', disabled && `bpk-chip--${type}-disabled`, !disabled && selected && `bpk-chip--${type}-selected`, className);
-  return (
-    /*#__PURE__*/
-    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'
-    (0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({
-      "aria-checked": role === 'button' ? null : selected,
-      className: classNames,
-      disabled: disabled,
-      role: role,
-      title: accessibilityLabel,
-      type: "button"
-    }, rest), {}, {
-      children: [leadingAccessoryView && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: getClassName('bpk-chip__leading-accessory-view'),
-        children: leadingAccessoryView
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
-        textStyle: _bpkComponentText.TEXT_STYLES.footnote,
-        children: children
-      }), trailingAccessoryView && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: getClassName('bpk-chip__trailing-accessory-view'),
-        children: trailingAccessoryView
-      })]
-    }))
-  );
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({
+    "aria-checked": role === 'button' ? undefined : selected,
+    className: classNames,
+    disabled: disabled,
+    role: role,
+    title: accessibilityLabel,
+    type: "button"
+  }, rest), {}, {
+    children: [leadingAccessoryView && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: getClassName('bpk-chip__leading-accessory-view'),
+      children: leadingAccessoryView
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
+      textStyle: _bpkComponentText.TEXT_STYLES.footnote,
+      children: children
+    }), trailingAccessoryView && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: getClassName('bpk-chip__trailing-accessory-view'),
+      children: trailingAccessoryView
+    })]
+  }));
 };
-BpkSelectableChip.propTypes = _objectSpread(_objectSpread({}, _commonTypes.COMMON_PROP_TYPES), {}, {
-  role: _propTypes.default.string,
-  selected: _propTypes.default.bool,
-  trailingAccessoryView: _propTypes.default.node
-});
-BpkSelectableChip.defaultProps = _objectSpread(_objectSpread({}, _commonTypes.COMMON_DEFAULT_PROPS), {}, {
-  role: 'checkbox',
-  selected: false,
-  trailingAccessoryView: null
-});
 var _default = BpkSelectableChip;
 exports.default = _default;