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

package/bpk-stylesheets/base.js

@@ -0,0 +1,171 @@
+"use strict";
+
+/******/(function (modules) {
+  // webpackBootstrap
+  /******/ // The module cache
+  /******/
+  var installedModules = {};
+  /******/
+  /******/ // The require function
+  /******/
+  function __webpack_require__(moduleId) {
+    /******/
+    /******/ // Check if module is in cache
+    /******/if (installedModules[moduleId]) {
+      /******/return installedModules[moduleId].exports;
+      /******/
+    }
+    /******/ // Create a new module (and put it into the cache)
+    /******/
+    var module = installedModules[moduleId] = {
+      /******/i: moduleId,
+      /******/l: false,
+      /******/exports: {}
+      /******/
+    };
+    /******/
+    /******/ // Execute the module function
+    /******/
+    modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+    /******/
+    /******/ // Flag the module as loaded
+    /******/
+    module.l = true;
+    /******/
+    /******/ // Return the exports of the module
+    /******/
+    return module.exports;
+    /******/
+  }
+  /******/
+  /******/
+  /******/ // expose the modules object (__webpack_modules__)
+  /******/
+  __webpack_require__.m = modules;
+  /******/
+  /******/ // expose the module cache
+  /******/
+  __webpack_require__.c = installedModules;
+  /******/
+  /******/ // define getter function for harmony exports
+  /******/
+  __webpack_require__.d = function (exports, name, getter) {
+    /******/if (!__webpack_require__.o(exports, name)) {
+      /******/Object.defineProperty(exports, name, {
+        enumerable: true,
+        get: getter
+      });
+      /******/
+    }
+    /******/
+  };
+  /******/
+  /******/ // define __esModule on exports
+  /******/
+  __webpack_require__.r = function (exports) {
+    /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+      /******/Object.defineProperty(exports, Symbol.toStringTag, {
+        value: 'Module'
+      });
+      /******/
+    }
+    /******/
+    Object.defineProperty(exports, '__esModule', {
+      value: true
+    });
+    /******/
+  };
+  /******/
+  /******/ // create a fake namespace object
+  /******/ // mode & 1: value is a module id, require it
+  /******/ // mode & 2: merge all properties of value into the ns
+  /******/ // mode & 4: return value when already ns object
+  /******/ // mode & 8|1: behave like require
+  /******/
+  __webpack_require__.t = function (value, mode) {
+    /******/if (mode & 1) value = __webpack_require__(value);
+    /******/
+    if (mode & 8) return value;
+    /******/
+    if (mode & 4 && typeof value === 'object' && value && value.__esModule) return value;
+    /******/
+    var ns = Object.create(null);
+    /******/
+    __webpack_require__.r(ns);
+    /******/
+    Object.defineProperty(ns, 'default', {
+      enumerable: true,
+      value: value
+    });
+    /******/
+    if (mode & 2 && typeof value != 'string') for (var key in value) __webpack_require__.d(ns, key, function (key) {
+      return value[key];
+    }.bind(null, key));
+    /******/
+    return ns;
+    /******/
+  };
+  /******/
+  /******/ // getDefaultExport function for compatibility with non-harmony modules
+  /******/
+  __webpack_require__.n = function (module) {
+    /******/var getter = module && module.__esModule ? /******/function getDefault() {
+      return module['default'];
+    } : /******/function getModuleExports() {
+      return module;
+    };
+    /******/
+    __webpack_require__.d(getter, 'a', getter);
+    /******/
+    return getter;
+    /******/
+  };
+  /******/
+  /******/ // Object.prototype.hasOwnProperty.call
+  /******/
+  __webpack_require__.o = function (object, property) {
+    return Object.prototype.hasOwnProperty.call(object, property);
+  };
+  /******/
+  /******/ // __webpack_public_path__
+  /******/
+  __webpack_require__.p = "";
+  /******/
+  /******/
+  /******/ // Load entry module and return exports
+  /******/
+  return __webpack_require__(__webpack_require__.s = "./index.js");
+  /******/
+}
+/************************************************************************/
+/******/)({
+  /***/"./index.js":
+  /*!******************!*\
+    !*** ./index.js ***!
+    \******************/
+  /*! no exports provided */
+  /***/
+  function (module, __webpack_exports__, __webpack_require__) {
+    "use strict";
+
+    eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _index_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.scss */ \"./index.scss\");\n/*\n * Backpack - Skyscanner's Design System\n *\n * Copyright 2016 Skyscanner Ltd\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n\n(() => {\n  if (typeof document === 'undefined') {\n    return;\n  }\n  const classNames = [];\n\n  // touch support\n  classNames.push('ontouchstart' in window ||\n  // eslint-disable-line no-undef\n  window.DocumentTouch && document instanceof DocumentTouch // eslint-disable-line no-undef\n  ? 'touch-support' : 'no-touch-support');\n\n  // add more feature tests here...\n\n  // eslint-disable-next-line no-undef\n  document.documentElement.className += ` ${classNames.map(className => `bpk-${className}`).join(' ')}`;\n})();\n\n//# sourceURL=webpack:///./index.js?");
+
+    /***/
+  },
+
+  /***/"./index.scss":
+  /*!********************!*\
+    !*** ./index.scss ***!
+    \********************/
+  /*! no exports provided */
+  /***/
+  function (module, __webpack_exports__, __webpack_require__) {
+    "use strict";
+
+    eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack:///./index.scss?");
+
+    /***/
+  }
+
+  /******/
+});

package/bpk-stylesheets/build.js

@@ -0,0 +1,46 @@
+"use strict";
+
+/*
+ * 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.
+ */
+
+/*
+In Babel 7+, Babel stops looking for config files once it finds a package.json. As this
+is a monorepo and the Babel config file is in the repo root, we need to tell Babel to go
+upwards up the tree to find it.
+
+Then, we need to call Webpack manually.
+*/
+
+require('@babel/register')({
+  rootMode: 'upward',
+  // Since Babel ignores all files outside the cwd, it does not compile
+  // sibling packages. This rewrites the ignore list to only include node_modules.
+  ignore: ['node_modules']
+});
+const webpack = require('webpack');
+const config = require("./webpack.config.babel");
+
+/* eslint-disable no-console */
+webpack(config, (err, stats) => {
+  if (err || stats.hasErrors()) {
+    console.error(err);
+  } else {
+    console.log(stats.toString());
+  }
+});
+/* eslint-enable */

package/bpk-stylesheets/font.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.
+*/
+@font-face{font-family:'Skyscanner Relative';font-style:normal;font-weight:400;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Book-f9356ad6.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Book-46f9f429.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Book-ab1dbcbe.ttf") format("ttf")}@font-face{font-family:'Skyscanner Relative';font-style:italic;font-weight:400;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Italic-10532ac3.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Italic-db5d0ac5.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Italic-8eec3f3a.ttf") format("ttf")}@font-face{font-family:'Skyscanner Relative';font-style:normal;font-weight:500;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Medium-c08dc28b.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Medium-865e167a.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Medium-d0ae478a.ttf") format("ttf")}@font-face{font-family:'Skyscanner Relative';font-style:italic;font-weight:500;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-MediumItalic-81517f37.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-MediumItalic-bbdb6b0c.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-MediumItalic-226fe64c.ttf") format("ttf")}@font-face{font-family:'Skyscanner Relative';font-style:normal;font-weight:700;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Bold-8545937e.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Bold-a099c9f7.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Bold-ec4cc5a7.ttf") format("ttf")}@font-face{font-family:'Skyscanner Relative';font-style:italic;font-weight:700;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-BoldItalic-01b5d138.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-BoldItalic-4d6d36e3.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-BoldItalic-dc9284dc.ttf") format("ttf")}@font-face{font-family:'Skyscanner Relative';font-style:normal;font-weight:900;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Black-bb3c9434.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Black-bba2eb55.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-Black-314703cc.ttf") format("ttf")}@font-face{font-family:'Skyscanner Relative';font-style:italic;font-weight:900;src:url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-BlackItalic-c2149c91.woff2") format("woff2"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-BlackItalic-a34cd594.woff") format("woff"),url("https://js.skyscnr.com/sttc/bpk-fonts/SkyscannerRelative-BlackItalic-7e516ee5.ttf") format("ttf")}

package/bpk-stylesheets/font.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./font.scss");

package/bpk-stylesheets/index.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.
+*/
+@import url(/home/runner/work/backpack/backpack/packages/node_modules/normalize.css);@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}html{font-size:100%;box-sizing:border-box}*{box-sizing:inherit}*::before,*::after{box-sizing:inherit}body{color:#161616;font-family:"Skyscanner Relative",-apple-system,BlinkMacSystemFont,"Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:1rem;line-height:1.3rem}:global(body.scaffold-font-size){font-size:13px}:global(body.enable-font-smoothing){-webkit-font-smoothing:antialiased}:global(.hidden),:global(.hide){display:none !important}:global(.visuallyhidden),:global(.visually-hidden){position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}:global(.visuallyhidden.focusable):active,:global(.visuallyhidden.focusable):focus,:global(.visually-hidden.focusable):active,:global(.visually-hidden.focusable):focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}:global(.invisible){visibility:hidden}:global(.clearfix)::before,:global(.clearfix)::after{content:'';display:table}:global(.clearfix)::after{clear:both}

package/bpk-stylesheets/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+require("./index.scss");
+/*
+ * 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.
+ */
+
+(() => {
+  if (typeof document === 'undefined') {
+    return;
+  }
+  const classNames = [];
+
+  // touch support
+  classNames.push('ontouchstart' in window ||
+  // eslint-disable-line no-undef
+  window.DocumentTouch && document instanceof DocumentTouch // eslint-disable-line no-undef
+  ? 'touch-support' : 'no-touch-support');
+
+  // add more feature tests here...
+
+  // eslint-disable-next-line no-undef
+  document.documentElement.className += ` ${classNames.map(className => `bpk-${className}`).join(' ')}`;
+})();

package/bpk-stylesheets/license-header.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.xmlComment = exports.blockComment = void 0;
+const TEXT = `
+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 xmlComment = `
+<!--
+${TEXT.replace(/^/gm, '  ')}
+-->`;
+exports.xmlComment = xmlComment;
+const blockComment = `/*
+${TEXT.replace(/^/gm, ' * ')}
+ */`;
+exports.blockComment = blockComment;

package/bpk-stylesheets/webpack.config.babel.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
+var _wrapperWebpackPlugin = _interopRequireDefault(require("wrapper-webpack-plugin"));
+var _postCssPlugins = _interopRequireDefault(require("../../scripts/webpack/postCssPlugins"));
+var _licenseHeader = require("./license-header");
+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 path = require('path');
+module.exports = {
+  mode: 'development',
+  entry: {
+    base: './index.js'
+  },
+  output: {
+    path: path.resolve(__dirname, ''),
+    filename: 'base.js'
+  },
+  module: {
+    rules: [{
+      test: /\.[jt]sx?$/,
+      exclude: /node_modules/,
+      loader: 'babel-loader'
+    }, {
+      test: /\.scss$/,
+      use: [{
+        loader: _miniCssExtractPlugin.default.loader
+      }, {
+        loader: 'css-loader',
+        options: {
+          importLoaders: 1
+        }
+      }, {
+        loader: 'postcss-loader',
+        options: {
+          postcssOptions: {
+            plugins: [_postCssPlugins.default]
+          }
+        }
+      }, {
+        loader: 'sass-loader'
+      }]
+    }, {
+      test: /\.css$/,
+      use: [{
+        loader: _miniCssExtractPlugin.default.loader
+      }, {
+        loader: 'css-loader',
+        options: {
+          importLoaders: 1
+        }
+      }, {
+        loader: 'postcss-loader',
+        options: {
+          postcssOptions: {
+            plugins: [_postCssPlugins.default]
+          }
+        }
+      }]
+    }]
+  },
+  plugins: [new _wrapperWebpackPlugin.default({
+    test: /\.css$/,
+    header: _licenseHeader.blockComment
+  }), new _miniCssExtractPlugin.default({
+    filename: 'base.css'
+  })]
+};

package/bpk-theming/index.js

@@ -1,3 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _BpkThemeProvider = _interopRequireDefault(require("./src/BpkThemeProvider"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,6 +23,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-import BpkThemeProvider from "./src/BpkThemeProvider";
-export default BpkThemeProvider;
+var _default = _BpkThemeProvider.default;
+exports.default = _default;

package/bpk-theming/src/BpkThemeProvider.js

@@ -1,3 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children", "component", "style", "theme", "themeAttributes"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,10 +25,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { jsx as _jsx } from "react/jsx-runtime";
+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 uniq = (arr = []) => {
   const seen = {};
   return arr.filter(item => {
@@ -50,35 +64,33 @@ const createStyle = (theme, themeAttributes) => {
   }
   return style;
 };
-class BpkThemeProvider extends Component {
+class BpkThemeProvider extends _react.Component {
   getChildContext() {
     return {
       theme: this.props.theme
     };
   }
   render() {
-    const {
-      children,
-      component: WrapperComponent,
-      style: userStyle,
-      theme,
-      themeAttributes,
-      ...rest
-    } = this.props;
+    const _this$props = this.props,
+      {
+        children,
+        component: WrapperComponent,
+        style: userStyle,
+        theme,
+        themeAttributes
+      } = _this$props,
+      rest = _objectWithoutProperties(_this$props, _excluded);
     const dedupedThemeAttributes = uniq(themeAttributes);
     const style = createStyle(theme, dedupedThemeAttributes);
-    return /*#__PURE__*/_jsx(WrapperComponent, {
-      style: {
-        ...userStyle,
-        ...style
-      },
-      ...rest,
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(WrapperComponent, _objectSpread(_objectSpread({
+      style: _objectSpread(_objectSpread({}, userStyle), style)
+    }, rest), {}, {
       children: children
-    });
+    }));
   }
 }
 BpkThemeProvider.childContextTypes = {
-  theme: PropTypes.object // eslint-disable-line react/forbid-prop-types
+  theme: _propTypes.default.object // eslint-disable-line react/forbid-prop-types
 };
 
 const themeAttributesPropType = (props, propName, componentName) => {
@@ -99,9 +111,7 @@ const themeAttributesPropType = (props, propName, componentName) => {
     return new Error(`${componentName}: \`themeAttributes\` must be an array.`);
   }
   themeAttributes = [].concat(...themeAttributes);
-  const extraneousThemeAttributes = {
-    ...theme
-  };
+  const extraneousThemeAttributes = _objectSpread({}, theme);
   const missingThemeAttributes = [];
   themeAttributes.forEach(attribute => {
     if (theme[attribute]) {
@@ -123,14 +133,14 @@ const themeAttributesPropType = (props, propName, componentName) => {
   return false;
 };
 BpkThemeProvider.propTypes = {
-  children: PropTypes.node.isRequired,
-  theme: PropTypes.object,
+  children: _propTypes.default.node.isRequired,
+  theme: _propTypes.default.object,
   // eslint-disable-line react/forbid-prop-types
   themeAttributes: themeAttributesPropType,
   // eslint-disable-line react/require-default-props
   // (disabled because isRequired is inside the custom validator)
-  component: PropTypes.elementType,
-  style: PropTypes.object // eslint-disable-line react/forbid-prop-types
+  component: _propTypes.default.elementType,
+  style: _propTypes.default.object // eslint-disable-line react/forbid-prop-types
 };
 
 BpkThemeProvider.defaultProps = {
@@ -138,4 +148,5 @@ BpkThemeProvider.defaultProps = {
   component: 'div',
   style: null
 };
-export default BpkThemeProvider;
+var _default = BpkThemeProvider;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "25.7.0-beta.2",
+  "version": "25.8.0",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",
@@ -28,7 +28,6 @@
     "@skyscanner/bpk-svgs": "^16.4.0",
     "a11y-focus-scope": "^1.1.3",
     "a11y-focus-store": "^1.0.0",
-    "bpk-mixins": "^41.1.1",
     "d3-path": "^2.0.0",
     "d3-scale": "^4.0.2",
     "date-fns": "^2.21.1",
@@ -36,6 +35,7 @@
     "lodash": "^4.17.20",
     "lodash.clamp": "^4.0.3",
     "lodash.debounce": "^4.0.8",
+    "normalize.css": "4.2.0",
     "object-assign": "^4.1.1",
     "prop-types": "^15.7.2",
     "react-autosuggest": "^9.4.3",
@@ -46,6 +46,7 @@
     "react-window": "^1.8.7"
   },
   "peerDependencies": {
+    "node-sass": "^4.12.0 || ^5.0.0 || ^6.0.0 || ^7.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   }

package/bpk-component-flare/src/corner-radius.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare const _default: ({ styles, ...props }: {
-    [x: string]: any;
-    styles?: {} | undefined;
-}) => JSX.Element;
-export default _default;

package/bpk-component-flare/src/pointer.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare const _default: ({ styles, ...props }: {
-    [x: string]: any;
-    styles?: {} | undefined;
-}) => JSX.Element;
-export default _default;