@skyscanner/backpack-web 25.5.0 → 25.7.0

package/bpk-component-boilerplate/src/BpkBoilerplate.js

@@ -40,18 +40,11 @@ const BpkBoilerplate = _ref => {
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const classNames = getClassName('bpk-boilerplate', className);
-  return (
-    /*#__PURE__*/
-    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
-      className: classNames
-    }, rest), {}, {
-      children: "I am an example component."
-    }))
-  );
-};
-BpkBoilerplate.defaultProps = {
-  className: null
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+    className: classNames
+  }, rest), {}, {
+    children: "I am an example component."
+  }));
 };
 var _default = BpkBoilerplate;
 exports.default = _default;

package/bpk-component-calendar/src/BpkCalendarGrid.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
 */
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-calendar-grid{width:100%;border-collapse:separate;border-spacing:0}.bpk-calendar-grid--animating{z-index:1;transition:transform 0.2s ease-in-out}.bpk-calendar-grid__caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}.bpk-calendar-grid__date{width:100%;text-align:center}.bpk-calendar-grid__date--start{background-image:linear-gradient(to right, #fff 50%, #e0e3e5 50%)}.bpk-calendar-grid__date--middle{background-color:#e0e3e5}.bpk-calendar-grid__date--end{background-image:linear-gradient(to left, #fff 50%, #e0e3e5 50%)}.bpk-calendar-grid__week{display:flex;padding-top:1.5rem}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-calendar-grid{width:100%;border-collapse:separate;border-spacing:0}.bpk-calendar-grid--animating{z-index:1;transition:transform 0.2s ease-in-out}.bpk-calendar-grid__caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}.bpk-calendar-grid__date{width:100%;text-align:center}.bpk-calendar-grid__date--start{background-image:linear-gradient(to right, #fff 50%, #e0e3e5 50%)}html[dir='rtl'] .bpk-calendar-grid__date--start{background-image:linear-gradient(to left, #fff 50%, #e0e3e5 50%)}.bpk-calendar-grid__date--middle{background-color:#e0e3e5}.bpk-calendar-grid__date--end{background-image:linear-gradient(to left, #fff 50%, #e0e3e5 50%)}html[dir='rtl'] .bpk-calendar-grid__date--end{background-image:linear-gradient(to right, #fff 50%, #e0e3e5 50%)}.bpk-calendar-grid__week{display:flex;padding-top:1.5rem}

package/bpk-component-dialog/src/common-types.d.ts

@@ -1,21 +1,3 @@
-/*
- * 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 HEADER_ICON_TYPES: {
     readonly primary: "primary";
@@ -33,7 +15,7 @@ export type DialogInnerProps = {
     flare?: boolean;
     flareClassName?: string;
 };
-export type Props = DialogInnerProps & {
+export type Props = Omit<DialogInnerProps, 'dialogRef'> & {
     dialogRef?: (ref: HTMLElement | null | undefined) => void;
     isOpen: boolean;
     renderTarget?: () => HTMLElement | null;

package/bpk-component-icon/lg/ai.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["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; }
+var _default = _ref => {
+  let {
+      styles = {}
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    style: {
+      width: "1.5rem",
+      height: "1.5rem"
+    }
+  }, props), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M4.9 1.061c.025-.096.162-.096.187 0 .215.824.735 2.775.897 2.938.163.162 2.114.682 2.938.897.096.024.096.162 0 .187-.824.214-2.775.734-2.938.897-.162.162-.682 2.113-.897 2.937-.025.096-.162.096-.187 0-.214-.824-.734-2.775-.897-2.937-.162-.163-2.113-.683-2.938-.897-.095-.025-.095-.163 0-.187.825-.215 2.776-.735 2.938-.897.163-.163.683-2.114.897-2.938zm6.668 1.267c.116-.437.748-.437.863 0 .638 2.42 1.797 6.668 2.185 7.056.388.388 4.635 1.547 7.056 2.185.437.115.437.747 0 .862-2.42.638-6.668 1.797-7.056 2.185-.388.388-1.547 4.635-2.185 7.056-.115.437-.747.437-.862 0-.638-2.42-1.797-6.668-2.185-7.056-.388-.388-4.635-1.547-7.056-2.185-.437-.115-.437-.747 0-.862 2.42-.638 6.668-1.797 7.056-2.185.388-.388 1.547-4.635 2.184-7.056zm-6.516 14.19c-.015-.06-.101-.06-.117 0-.134.516-.459 1.735-.56 1.836-.102.102-1.321.427-1.836.561-.06.015-.06.102 0 .117.515.134 1.734.459 1.836.56.101.102.426 1.321.56 1.837.016.06.102.06.117 0 .134-.516.46-1.735.56-1.836.102-.102 1.322-.427 1.837-.561.06-.015.06-.102 0-.117-.515-.134-1.735-.459-1.836-.56-.102-.102-.427-1.321-.56-1.837zM18.935 2.425c.016-.06.102-.06.117 0 .134.515.46 1.734.56 1.836.102.101 1.322.426 1.837.56.06.016.06.102 0 .117-.515.134-1.735.46-1.836.56-.102.102-.427 1.322-.56 1.837-.016.06-.102.06-.118 0-.134-.515-.459-1.735-.56-1.836-.102-.102-1.321-.427-1.836-.56-.06-.016-.06-.102 0-.118.515-.134 1.734-.459 1.836-.56.101-.102.426-1.321.56-1.836zm.152 12.657c-.025-.096-.162-.096-.187 0-.214.824-.734 2.775-.897 2.938-.162.162-2.113.682-2.938.896-.095.025-.095.163 0 .188.825.214 2.776.734 2.938.896.163.163.683 2.114.897 2.938.025.096.162.096.187 0 .215-.824.735-2.775.897-2.938.163-.162 2.113-.682 2.938-.896.096-.025.096-.163 0-.188-.825-.214-2.775-.734-2.938-.896-.163-.163-.682-2.114-.897-2.938z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+exports.default = _default;

package/bpk-component-icon/sm/ai.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["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; }
+var _default = _ref => {
+  let {
+      styles = {}
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: "16",
+    height: "16",
+    style: {
+      width: "1rem",
+      height: "1rem"
+    }
+  }, props), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M4.9 1.061c.025-.096.162-.096.187 0 .215.824.735 2.775.897 2.938.163.162 2.114.682 2.938.897.096.024.096.162 0 .187-.824.214-2.775.734-2.938.897-.162.162-.682 2.113-.897 2.937-.025.096-.162.096-.187 0-.214-.824-.734-2.775-.897-2.937-.162-.163-2.113-.683-2.938-.897-.095-.025-.095-.163 0-.187.825-.215 2.776-.735 2.938-.897.163-.163.683-2.114.897-2.938zm6.669 1.267c.115-.438.747-.438.862 0 .638 2.42 1.797 6.668 2.185 7.056.388.388 4.635 1.547 7.056 2.184.438.116.438.748 0 .863-2.42.638-6.668 1.797-7.056 2.185-.388.388-1.547 4.635-2.184 7.056-.116.437-.748.437-.863 0-.638-2.42-1.797-6.668-2.185-7.056-.388-.388-4.635-1.547-7.056-2.185-.437-.115-.437-.747 0-.862 2.42-.638 6.668-1.797 7.056-2.185.388-.388 1.547-4.635 2.185-7.056zm-6.517 14.19c-.015-.06-.101-.06-.117 0-.134.515-.459 1.735-.56 1.836-.102.102-1.321.427-1.836.56-.06.016-.06.102 0 .118.515.134 1.734.459 1.836.56.101.102.426 1.321.56 1.836.016.06.102.06.117 0 .134-.515.46-1.734.56-1.836.102-.101 1.322-.426 1.837-.56.06-.016.06-.102 0-.117-.515-.134-1.735-.46-1.836-.56-.102-.102-.427-1.322-.56-1.837zM18.935 2.425c.016-.06.102-.06.117 0 .134.515.46 1.734.56 1.836.102.101 1.322.426 1.837.56.06.016.06.102 0 .117-.515.134-1.735.46-1.836.56-.102.102-.427 1.322-.56 1.837-.016.06-.102.06-.118 0-.134-.515-.459-1.735-.56-1.836-.102-.102-1.321-.427-1.836-.56-.06-.016-.06-.102 0-.118.515-.134 1.734-.459 1.836-.56.101-.102.426-1.321.56-1.836zm.152 12.657c-.024-.096-.162-.096-.187 0-.214.824-.734 2.775-.897 2.937-.162.163-2.113.683-2.937.897-.096.025-.096.163 0 .188.824.214 2.775.734 2.937.896.163.163.683 2.114.897 2.938.025.096.163.096.187 0 .215-.824.735-2.775.897-2.938.163-.162 2.114-.682 2.938-.896.096-.025.096-.163 0-.188-.824-.214-2.775-.734-2.938-.897-.162-.162-.682-2.113-.897-2.937z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+exports.default = _default;

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

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

package/bpk-component-nudger/src/BpkConfigurableNudger.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 } from './common-types';
+type Props = CommonProps & {
+    inputClassName?: string | null;
+    formatValue: (arg0: any) => string;
+    incrementValue: (arg0: any) => string | number;
+    decrementValue: (arg0: any) => string | number;
+    compareValues: (arg0: any, arg1: any) => number;
+};
+declare const BpkConfigurableNudger: ({ buttonType, className, compareValues, decreaseButtonLabel, decrementValue, formatValue, id, increaseButtonLabel, incrementValue, inputClassName, max, min, onChange, value, ...rest }: Props) => JSX.Element;
+export default BpkConfigurableNudger;

package/bpk-component-nudger/src/BpkConfigurableNudger.js

@@ -4,14 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _BpkButtonSecondary = _interopRequireDefault(require("../../bpk-component-button/BpkButtonSecondary"));
-var _BpkButtonSecondaryOnDark = _interopRequireDefault(require("../../bpk-component-button/BpkButtonSecondaryOnDark"));
+var _bpkComponentButton = require("../../bpk-component-button");
 var _bpkComponentIcon = require("../../bpk-component-icon");
 var _minus = _interopRequireDefault(require("../../bpk-component-icon/sm/minus"));
 var _plus = _interopRequireDefault(require("../../bpk-component-icon/sm/plus"));
 var _bpkReactUtils = require("../../bpk-react-utils");
-var _commonTypes = require("./common-types");
 var _BpkNudgerModule = _interopRequireDefault(require("./BpkNudger.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["buttonType", "className", "compareValues", "decreaseButtonLabel", "decrementValue", "formatValue", "id", "increaseButtonLabel", "incrementValue", "inputClassName", "max", "min", "onChange", "value"];
@@ -33,6 +30,9 @@ const _excluded = ["buttonType", "className", "compareValues", "decreaseButtonLa
  * 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`.
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+// @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; }
@@ -44,10 +44,10 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkNudgerModule.default);
 const AlignedMinusIcon = (0, _bpkComponentIcon.withButtonAlignment)(_minus.default);
 const AlignedPlusIcon = (0, _bpkComponentIcon.withButtonAlignment)(_plus.default);
-const BpkConfigurableNudger = props => {
-  const {
-      buttonType,
-      className,
+const BpkConfigurableNudger = _ref => {
+  let {
+      buttonType = 'secondary',
+      className = null,
       compareValues,
       decreaseButtonLabel,
       decrementValue,
@@ -55,23 +55,23 @@ const BpkConfigurableNudger = props => {
       id,
       increaseButtonLabel,
       incrementValue,
-      inputClassName,
+      inputClassName = null,
       max,
       min,
       onChange,
       value
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const classNames = getClassName('bpk-nudger', className);
   const maxButtonDisabled = compareValues(value, max) >= 0;
   const minButtonDisabled = compareValues(value, min) <= 0;
   const minusIconClassNames = getClassName('bpk-nudger__icon', minButtonDisabled && 'bpk-nudger__icon--disabled');
   const plusIconClassNames = getClassName('bpk-nudger__icon', maxButtonDisabled && 'bpk-nudger__icon--disabled');
   const inputStyles = getClassName('bpk-nudger__input', inputClassName && inputClassName, buttonType === 'secondaryOnDark' && 'bpk-nudger__input--secondary-on-dark');
-  const ButtonComponent = buttonType === 'secondary' ? _BpkButtonSecondary.default : _BpkButtonSecondaryOnDark.default;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: classNames,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonComponent, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentButton.BpkButtonV2, {
+      type: _bpkComponentButton.BUTTON_TYPES[buttonType],
       iconOnly: true,
       onClick: () => onChange(decrementValue(value)),
       disabled: minButtonDisabled,
@@ -87,8 +87,10 @@ const BpkConfigurableNudger = props => {
       readOnly: true,
       value: formatValue(value),
       id: id,
-      className: inputStyles
-    }, rest)), /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonComponent, {
+      className: inputStyles,
+      tabIndex: -1
+    }, rest)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentButton.BpkButtonV2, {
+      type: _bpkComponentButton.BUTTON_TYPES[buttonType],
       iconOnly: true,
       onClick: () => onChange(incrementValue(value)),
       disabled: maxButtonDisabled,
@@ -101,18 +103,5 @@ const BpkConfigurableNudger = props => {
     })]
   });
 };
-BpkConfigurableNudger.propTypes = _objectSpread(_objectSpread({}, _commonTypes.COMMON_PROP_TYPES), {}, {
-  compareValues: _propTypes.default.func.isRequired,
-  decrementValue: _propTypes.default.func.isRequired,
-  formatValue: _propTypes.default.PropTypes.func.isRequired,
-  incrementValue: _propTypes.default.func.isRequired,
-  max: _propTypes.default.any.isRequired,
-  min: _propTypes.default.any.isRequired,
-  value: _propTypes.default.any.isRequired,
-  inputClassName: _propTypes.default.string
-});
-BpkConfigurableNudger.defaultProps = _objectSpread(_objectSpread({}, _commonTypes.COMMON_DEFAULT_PROPS), {}, {
-  inputClassName: null
-});
 var _default = BpkConfigurableNudger;
 exports.default = _default;

package/bpk-component-nudger/src/BpkNudger.d.ts

@@ -0,0 +1,22 @@
+/*
+ * 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 } from './common-types';
+declare const BpkNudger: ({ className, buttonType, ...rest }: CommonProps) => JSX.Element;
+export default BpkNudger;

package/bpk-component-nudger/src/BpkNudger.js

@@ -4,59 +4,56 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _bpkReactUtils = require("../../bpk-react-utils");
 var _BpkConfigurableNudger = _interopRequireDefault(require("./BpkConfigurableNudger"));
-var _commonTypes = require("./common-types");
 var _BpkNudgerModule = _interopRequireDefault(require("./BpkNudger.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["buttonType", "className"];
+/*
+ * 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.
+ */
 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.
-                                                                                                                */
+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)(_BpkNudgerModule.default);
 const compareValues = (a, b) => a - b;
 const incrementValue = currentValue => currentValue + 1;
 const decrementValue = currentValue => currentValue - 1;
 const formatValue = currentValue => currentValue.toString();
-const BpkNudger = props => {
-  const rest = Object.assign({}, (_objectDestructuringEmpty(props), props));
-  return (
-    /*#__PURE__*/
-    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    (0, _jsxRuntime.jsx)(_BpkConfigurableNudger.default, _objectSpread({
-      inputClassName: getClassName('bpk-nudger__input--numeric'),
-      compareValues: compareValues,
-      incrementValue: incrementValue,
-      decrementValue: decrementValue,
-      formatValue: formatValue
-    }, rest))
-  );
+const BpkNudger = _ref => {
+  let {
+      buttonType = 'secondary',
+      className = null
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkConfigurableNudger.default, _objectSpread({
+    inputClassName: getClassName('bpk-nudger__input--numeric'),
+    compareValues: compareValues,
+    incrementValue: incrementValue,
+    decrementValue: decrementValue,
+    formatValue: formatValue,
+    className: className,
+    buttonType: buttonType
+  }, rest));
 };
-BpkNudger.propTypes = _objectSpread(_objectSpread({}, _commonTypes.COMMON_PROP_TYPES), {}, {
-  max: _propTypes.default.number.isRequired,
-  min: _propTypes.default.number.isRequired,
-  value: _propTypes.default.number.isRequired
-});
-BpkNudger.defaultProps = _commonTypes.COMMON_DEFAULT_PROPS;
 var _default = BpkNudger;
 exports.default = _default;

package/bpk-component-nudger/src/common-types.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.
+ */
+
+export type CommonProps = {
+    id: string;
+    min: string | number;
+    max: string | number;
+    value: string | number;
+    onChange: (arg0: any) => (void | null);
+    className?: string | null;
+    increaseButtonLabel: string;
+    decreaseButtonLabel: string;
+    buttonType?: string;
+};

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

@@ -2,37 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.COMMON_PROP_TYPES = exports.COMMON_DEFAULT_PROPS = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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.
- */const COMMON_PROP_TYPES = {
-  id: _propTypes.default.string.isRequired,
-  decreaseButtonLabel: _propTypes.default.string.isRequired,
-  increaseButtonLabel: _propTypes.default.string.isRequired,
-  onChange: _propTypes.default.func.isRequired,
-  className: _propTypes.default.string,
-  buttonType: _propTypes.default.oneOf(['secondary', 'secondaryOnDark'])
-};
-exports.COMMON_PROP_TYPES = COMMON_PROP_TYPES;
-const COMMON_DEFAULT_PROPS = {
-  className: null,
-  buttonType: 'secondary'
-};
-exports.COMMON_DEFAULT_PROPS = COMMON_DEFAULT_PROPS;
+});

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

@@ -22,5 +22,6 @@ var _themeAttributes = require("../../bpk-component-button/themeAttributes");
  * 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`.
 var _default = _themeAttributes.secondaryThemeAttributes;
 exports.default = _default;

package/bpk-component-nudger-row/index.d.ts

@@ -0,0 +1,21 @@
+/*
+ * 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 BpkNudgerRow, { type Props as BpkNudgerRowProps } from './src/BpkNudgerRow';
+export type { BpkNudgerRowProps };
+export default BpkNudgerRow;

package/bpk-component-nudger-row/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _BpkNudgerRow = _interopRequireDefault(require("./src/BpkNudgerRow"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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.
+ */
+var _default = _BpkNudgerRow.default;
+exports.default = _default;

package/bpk-component-nudger-row/src/BpkNudgerRow.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.
+ */
+
+/// <reference types="react" />
+export type Props = {
+    title: string;
+    nudgerId: string;
+    value: number;
+    decreaseButtonLabel: string;
+    increaseButtonLabel: string;
+    min: number;
+    max: number;
+    onChange: (arg0: any) => (null | void);
+    subtitle?: string;
+    className?: string | null;
+};
+declare const BpkNudgerRow: ({ title, nudgerId, subtitle, decreaseButtonLabel, increaseButtonLabel, min, max, onChange, value, className }: Props) => JSX.Element;
+export default BpkNudgerRow;

package/bpk-component-nudger-row/src/BpkNudgerRow.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _bpkComponentText = _interopRequireWildcard(require("../../bpk-component-text"));
+var _bpkComponentNudger = _interopRequireDefault(require("../../bpk-component-nudger"));
+var _bpkComponentLabel = _interopRequireDefault(require("../../bpk-component-label"));
+var _BpkNudgerRowModule = _interopRequireDefault(require("./BpkNudgerRow.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * 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.
+ */
+
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkNudgerRowModule.default);
+const BpkNudgerRow = ({
+  className = null,
+  decreaseButtonLabel,
+  increaseButtonLabel,
+  max,
+  min,
+  nudgerId,
+  onChange,
+  subtitle,
+  title,
+  value
+}) => {
+  const classNames = getClassName('bpk-nudger-row', className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classNames,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentLabel.default, {
+      htmlFor: nudgerId,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        // For a11y on IOS, role='text' forces label to be read in full. More info: https://axesslab.com/text-splitting/
+        // eslint-disable-next-line jsx-a11y/aria-role
+        role: "text",
+        className: getClassName('bpk-nudger-row__title-subtitle'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
+          textStyle: _bpkComponentText.TEXT_STYLES.heading5,
+          children: title
+        }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
+          className: getClassName('bpk-nudger-row__subtitle'),
+          children: subtitle
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentNudger.default, {
+      id: nudgerId,
+      decreaseButtonLabel: decreaseButtonLabel,
+      increaseButtonLabel: increaseButtonLabel,
+      min: min,
+      max: max,
+      onChange: onChange,
+      value: value
+    })]
+  });
+};
+var _default = BpkNudgerRow;
+exports.default = _default;

package/bpk-component-nudger-row/src/BpkNudgerRow.module.css

@@ -0,0 +1,18 @@
+/*
+ * 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.
+*/
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-nudger-row{display:flex;justify-content:space-between;align-items:center}.bpk-nudger-row__title-subtitle{display:flex;flex-direction:column;justify-content:space-between}.bpk-nudger-row__subtitle{color:#545860}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "25.5.0",
+  "version": "25.7.0",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",
@@ -25,10 +25,10 @@
     "@popperjs/core": "^2.11.5",
     "@react-google-maps/api": "^2.12.0",
     "@skyscanner/bpk-foundations-web": "^16.1.0",
-    "@skyscanner/bpk-svgs": "^16.3.4",
+    "@skyscanner/bpk-svgs": "^16.4.0",
     "a11y-focus-scope": "^1.1.3",
     "a11y-focus-store": "^1.0.0",
-    "bpk-mixins": "^41.1.0",
+    "bpk-mixins": "^41.1.1",
     "d3-path": "^2.0.0",
     "d3-scale": "^4.0.2",
     "date-fns": "^2.21.1",