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

package/bpk-component-progress/src/BpkProgress.js

@@ -1,33 +1,47 @@
-/*
- * 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 PropTypes from 'prop-types';
-import { Component } from 'react';
-import clamp from 'lodash.clamp';
-import { cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkProgress.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
+var _lodash = _interopRequireDefault(require("lodash.clamp"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkProgressModule = _interopRequireDefault(require("./BpkProgress.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "getValueText", "max", "min", "small", "stepped", "value"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /*
+                                                                                                                                                                                                                                                                                                                                                                                           * Backpack - Skyscanner's Design System
+                                                                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                                                                           * Copyright 2016 Skyscanner Ltd
+                                                                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                                                                           * Licensed under the Apache License, Version 2.0 (the "License");
+                                                                                                                                                                                                                                                                                                                                                                                           * you may not use this file except in compliance with the License.
+                                                                                                                                                                                                                                                                                                                                                                                           * You may obtain a copy of the License at
+                                                                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                                                                           *   http://www.apache.org/licenses/LICENSE-2.0
+                                                                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                                                                           * Unless required by applicable law or agreed to in writing, software
+                                                                                                                                                                                                                                                                                                                                                                                           * distributed under the License is distributed on an "AS IS" BASIS,
+                                                                                                                                                                                                                                                                                                                                                                                           * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+                                                                                                                                                                                                                                                                                                                                                                                           * See the License for the specific language governing permissions and
+                                                                                                                                                                                                                                                                                                                                                                                           * limitations under the License.
+                                                                                                                                                                                                                                                                                                                                                                                           */
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkProgressModule.default);
 const isTransitionEndSupported = () => !!(typeof window !== 'undefined' && 'TransitionEvent' in window);
 const renderSteps = numberOfSteps => {
   const steps = [];
   for (let i = 1; i <= numberOfSteps; i += 1) {
     const left = `${100 * (i / (numberOfSteps + 1))}%`;
-    steps.push( /*#__PURE__*/_jsx("div", {
+    steps.push( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: getClassName('bpk-progress__step'),
       style: {
         left
@@ -36,26 +50,20 @@ const renderSteps = numberOfSteps => {
   }
   return steps;
 };
-class BpkProgress extends Component {
-  static propTypes = {
-    max: PropTypes.number.isRequired,
-    min: PropTypes.number.isRequired,
-    value: PropTypes.number.isRequired,
-    stepped: PropTypes.bool,
-    small: PropTypes.bool,
-    className: PropTypes.string,
-    onComplete: PropTypes.func,
-    onCompleteTransitionEnd: PropTypes.func,
-    getValueText: PropTypes.func
-  };
-  static defaultProps = {
-    className: null,
-    stepped: false,
-    small: false,
-    onComplete: () => null,
-    onCompleteTransitionEnd: () => null,
-    getValueText: null
-  };
+class BpkProgress extends _react.Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "handleCompleteTransitionEnd", () => {
+      const {
+        max,
+        onCompleteTransitionEnd,
+        value
+      } = this.props;
+      if (value >= max && onCompleteTransitionEnd) {
+        onCompleteTransitionEnd();
+      }
+    });
+  }
   componentDidUpdate(previousProps) {
     const {
       max,
@@ -68,30 +76,21 @@ class BpkProgress extends Component {
       }
     }
   }
-  handleCompleteTransitionEnd = () => {
-    const {
-      max,
-      onCompleteTransitionEnd,
-      value
-    } = this.props;
-    if (value >= max && onCompleteTransitionEnd) {
-      onCompleteTransitionEnd();
-    }
-  };
   render() {
-    const {
-      className,
-      getValueText,
-      max,
-      min,
-      small,
-      stepped,
-      value,
-      ...rest
-    } = this.props;
+    const _this$props = this.props,
+      {
+        className,
+        getValueText,
+        max,
+        min,
+        small,
+        stepped,
+        value
+      } = _this$props,
+      rest = _objectWithoutProperties(_this$props, _excluded);
     const classNames = getClassName('bpk-progress', className, small && 'bpk-progress--small');
     const valueClassName = getClassName('bpk-progress__value', stepped && 'bpk-progress__value--stepped');
-    const adjustedValue = clamp(value, min, max);
+    const adjustedValue = (0, _lodash.default)(value, min, max);
     const percentage = 100 * (adjustedValue / (max - min));
     const numberOfSteps = stepped ? max - min - 1 : 0;
     delete rest.onComplete;
@@ -99,24 +98,44 @@ class BpkProgress extends Component {
     return (
       /*#__PURE__*/
       // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-      _jsxs("div", {
+      (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
         className: classNames,
         role: "progressbar",
         "aria-valuetext": getValueText ? getValueText(value, min, max) : null,
         "aria-valuenow": value,
         "aria-valuemin": min,
         "aria-valuemax": max,
-        tabIndex: "0",
-        ...rest,
-        children: [/*#__PURE__*/_jsx("div", {
+        tabIndex: "0"
+      }, rest), {}, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: valueClassName,
           style: {
             width: `${percentage}%`
           },
           onTransitionEnd: this.handleCompleteTransitionEnd
         }), renderSteps(numberOfSteps)]
-      })
+      }))
     );
   }
 }
-export default BpkProgress;
+_defineProperty(BpkProgress, "propTypes", {
+  max: _propTypes.default.number.isRequired,
+  min: _propTypes.default.number.isRequired,
+  value: _propTypes.default.number.isRequired,
+  stepped: _propTypes.default.bool,
+  small: _propTypes.default.bool,
+  className: _propTypes.default.string,
+  onComplete: _propTypes.default.func,
+  onCompleteTransitionEnd: _propTypes.default.func,
+  getValueText: _propTypes.default.func
+});
+_defineProperty(BpkProgress, "defaultProps", {
+  className: null,
+  stepped: false,
+  small: false,
+  onComplete: () => null,
+  onCompleteTransitionEnd: () => null,
+  getValueText: null
+});
+var _default = BpkProgress;
+exports.default = _default;

package/bpk-component-progress/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 ['progressBarFillColor'];
+ */
+var _default = ['progressBarFillColor'];
+exports.default = _default;

package/bpk-component-radio/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 _BpkRadio = _interopRequireDefault(require("./src/BpkRadio"));
+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 BpkRadio from "./src/BpkRadio";
-import themeAttributes from "./src/themeAttributes";
-export default BpkRadio;
-export { themeAttributes };
+ */
+var _default = _BpkRadio.default;
+exports.default = _default;

package/bpk-component-radio/src/BpkRadio.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 _BpkRadioModule = _interopRequireDefault(require("./BpkRadio.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ariaLabel", "className", "disabled", "label", "name", "valid", "white"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,54 +25,57 @@
  * 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 "./BpkRadio.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)(_BpkRadioModule.default);
 const BpkRadio = props => {
   const {
-    ariaLabel,
-    className,
-    disabled,
-    label,
-    name,
-    valid,
-    white,
-    ...rest
-  } = props;
+      ariaLabel,
+      className,
+      disabled,
+      label,
+      name,
+      valid,
+      white
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
 
   // Explicit check for false primitive value as undefined is
   // treated as neither valid nor invalid
   const isInvalid = valid === false;
   const classNames = getClassName('bpk-radio', white && 'bpk-radio--white', disabled && 'bpk-radio--disabled', white && disabled && 'bpk-radio--disabled--white', isInvalid && 'bpk-radio--invalid', className);
-  return /*#__PURE__*/_jsxs("label", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
     className: classNames,
-    children: [/*#__PURE__*/_jsx("input", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread({
       type: "radio",
       className: getClassName('bpk-radio__input'),
       name: name,
       disabled: disabled,
       "aria-label": ariaLabel || label,
-      "aria-invalid": isInvalid,
-      ...rest
-    }), /*#__PURE__*/_jsx("div", {
+      "aria-invalid": isInvalid
+    }, rest)), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: getClassName('bpk-radio__circle')
-    }), /*#__PURE__*/_jsx("span", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       "aria-hidden": "true",
       children: label
     })]
   });
 };
 BpkRadio.propTypes = {
-  name: PropTypes.string.isRequired,
-  label: PropTypes.node.isRequired,
-  ariaLabel: PropTypes.string,
-  disabled: PropTypes.bool,
-  white: PropTypes.bool,
-  className: PropTypes.string,
-  valid: PropTypes.bool
+  name: _propTypes.default.string.isRequired,
+  label: _propTypes.default.node.isRequired,
+  ariaLabel: _propTypes.default.string,
+  disabled: _propTypes.default.bool,
+  white: _propTypes.default.bool,
+  className: _propTypes.default.string,
+  valid: _propTypes.default.bool
 };
 BpkRadio.defaultProps = {
   ariaLabel: null,
@@ -70,4 +84,5 @@ BpkRadio.defaultProps = {
   className: null,
   valid: null
 };
-export default BpkRadio;
+var _default = BpkRadio;
+exports.default = _default;

package/bpk-component-radio/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 ['radioCheckedColor'];
+ */
+var _default = ['radioCheckedColor'];
+exports.default = _default;

package/bpk-component-rating/index.js

@@ -1,3 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "RATING_SCALES", {
+  enumerable: true,
+  get: function () {
+    return _commonTypes.RATING_SCALES;
+  }
+});
+Object.defineProperty(exports, "RATING_SIZES", {
+  enumerable: true,
+  get: function () {
+    return _commonTypes.RATING_SIZES;
+  }
+});
+exports.default = void 0;
+var _BpkRating = _interopRequireDefault(require("./src/BpkRating"));
+var _commonTypes = require("./src/common-types");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,7 +35,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 BpkRating from "./src/BpkRating";
-import { RATING_SIZES, RATING_SCALES } from "./src/common-types";
-export default BpkRating;
-export { RATING_SIZES, RATING_SCALES };
+ */
+var _default = _BpkRating.default;
+exports.default = _default;

package/bpk-component-rating/src/BpkRating.js

@@ -1,3 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _lodash = _interopRequireDefault(require("lodash.clamp"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _bpkComponentText = _interopRequireWildcard(require("../../bpk-component-text"));
+var _BpkRatingModule = _interopRequireDefault(require("./BpkRating.module.css"));
+var _commonTypes = require("./common-types");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ariaLabel", "className", "ratingScale", "showScale", "size", "subtitle", "title", "value"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,15 +28,18 @@
  * 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 clamp from 'lodash.clamp';
-import { cssModules } from "../../bpk-react-utils";
-import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
-import STYLES from "./BpkRating.module.css";
-import { RATING_SIZES, RATING_SCALES } from "./common-types";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
+ */
+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; }
+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)(_BpkRatingModule.default);
 const getMinValue = () =>
 // Currently the min value is zero no matter what scale is used.
 // If this ever changes, this function should be changed to return
@@ -30,7 +47,7 @@ const getMinValue = () =>
 0;
 const getMaxValue = ratingScale => {
   switch (ratingScale) {
-    case RATING_SCALES.zeroToFive:
+    case _commonTypes.RATING_SCALES.zeroToFive:
       return 5;
     default:
       return 10;
@@ -38,67 +55,67 @@ const getMaxValue = ratingScale => {
 };
 const BpkRating = props => {
   const {
-    ariaLabel,
-    className,
-    ratingScale,
-    showScale,
-    size,
-    subtitle,
-    title,
-    value,
-    ...rest
-  } = props;
-  const classNames = getClassName('bpk-rating', className, size === RATING_SIZES.large && title && subtitle && 'bpk-rating--large');
+      ariaLabel,
+      className,
+      ratingScale,
+      showScale,
+      size,
+      subtitle,
+      title,
+      value
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  const classNames = getClassName('bpk-rating', className, size === _commonTypes.RATING_SIZES.large && title && subtitle && 'bpk-rating--large');
   const valueStyles = getClassName('bpk-rating__value');
   const scaleStyles = getClassName('bpk-rating__scale');
-  const textWrapperStyles = getClassName('bpk-rating__text-wrapper', size === RATING_SIZES.large && 'bpk-rating__text-wrapper--large');
-  const titleStyles = getClassName(subtitle && 'bpk-rating__title--with-subtitle', size === RATING_SIZES.large && 'bpk-rating__title--large');
-  const subtitleStyles = getClassName('bpk-rating__subtitle', size === RATING_SIZES.large && 'bpk-rating__subtitle--large');
-  let valueTextSize = TEXT_STYLES.label1;
-  let scaleTextSize = TEXT_STYLES.caption;
-  let titleTextSize = TEXT_STYLES.label1;
-  let subtitleTextSize = TEXT_STYLES.caption;
-  if (size === RATING_SIZES.large) {
-    valueTextSize = TEXT_STYLES.hero5;
-    scaleTextSize = TEXT_STYLES.bodyDefault;
-    titleTextSize = TEXT_STYLES.heading5;
-    subtitleTextSize = TEXT_STYLES.bodyDefault;
+  const textWrapperStyles = getClassName('bpk-rating__text-wrapper', size === _commonTypes.RATING_SIZES.large && 'bpk-rating__text-wrapper--large');
+  const titleStyles = getClassName(subtitle && 'bpk-rating__title--with-subtitle', size === _commonTypes.RATING_SIZES.large && 'bpk-rating__title--large');
+  const subtitleStyles = getClassName('bpk-rating__subtitle', size === _commonTypes.RATING_SIZES.large && 'bpk-rating__subtitle--large');
+  let valueTextSize = _bpkComponentText.TEXT_STYLES.label1;
+  let scaleTextSize = _bpkComponentText.TEXT_STYLES.caption;
+  let titleTextSize = _bpkComponentText.TEXT_STYLES.label1;
+  let subtitleTextSize = _bpkComponentText.TEXT_STYLES.caption;
+  if (size === _commonTypes.RATING_SIZES.large) {
+    valueTextSize = _bpkComponentText.TEXT_STYLES.hero5;
+    scaleTextSize = _bpkComponentText.TEXT_STYLES.bodyDefault;
+    titleTextSize = _bpkComponentText.TEXT_STYLES.heading5;
+    subtitleTextSize = _bpkComponentText.TEXT_STYLES.bodyDefault;
   }
   const minValue = getMinValue();
   const maxValue = getMaxValue(ratingScale);
   let adjustedValue = value;
   if (adjustedValue >= maxValue || adjustedValue <= minValue) {
-    adjustedValue = clamp(adjustedValue, minValue, maxValue);
+    adjustedValue = (0, _lodash.default)(adjustedValue, minValue, maxValue);
   }
   return (
     /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _jsxs("div", {
+    (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
       className: classNames,
       "aria-label": ariaLabel,
-      role: "figure",
-      ...rest,
-      children: [/*#__PURE__*/_jsxs(BpkText, {
+      role: "figure"
+    }, rest), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_bpkComponentText.default, {
         textStyle: valueTextSize,
         tagName: "span",
         className: valueStyles,
         "aria-hidden": "true",
-        children: [adjustedValue, showScale && /*#__PURE__*/_jsxs(BpkText, {
+        children: [adjustedValue, showScale && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_bpkComponentText.default, {
           textStyle: scaleTextSize,
           className: scaleStyles,
           tagName: "span",
           "aria-hidden": "true",
           children: ["/", maxValue]
         })]
-      }), /*#__PURE__*/_jsxs("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: textWrapperStyles,
-        children: [title && /*#__PURE__*/_jsx(BpkText, {
+        children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
           textStyle: titleTextSize,
           className: titleStyles,
           tagName: "span",
           "aria-hidden": "true",
           children: title
-        }), subtitle && /*#__PURE__*/_jsx(BpkText, {
+        }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
           className: subtitleStyles,
           textStyle: subtitleTextSize,
           tagName: "span",
@@ -106,25 +123,26 @@ const BpkRating = props => {
           children: subtitle
         })]
       })]
-    })
+    }))
   );
 };
 BpkRating.propTypes = {
-  ariaLabel: PropTypes.string.isRequired,
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  className: PropTypes.string,
-  ratingScale: PropTypes.oneOf(Object.keys(RATING_SCALES)),
-  size: PropTypes.oneOf(Object.keys(RATING_SIZES)),
-  subtitle: PropTypes.string,
-  showScale: PropTypes.bool,
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
+  ariaLabel: _propTypes.default.string.isRequired,
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
+  className: _propTypes.default.string,
+  ratingScale: _propTypes.default.oneOf(Object.keys(_commonTypes.RATING_SCALES)),
+  size: _propTypes.default.oneOf(Object.keys(_commonTypes.RATING_SIZES)),
+  subtitle: _propTypes.default.string,
+  showScale: _propTypes.default.bool,
+  title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node])
 };
 BpkRating.defaultProps = {
   className: null,
-  ratingScale: RATING_SCALES.zeroToFive,
-  size: RATING_SIZES.base,
+  ratingScale: _commonTypes.RATING_SCALES.zeroToFive,
+  size: _commonTypes.RATING_SIZES.base,
   subtitle: null,
   showScale: true,
   title: null
 };
-export default BpkRating;
+var _default = BpkRating;
+exports.default = _default;