@skyscanner/backpack-web 25.7.0 → 25.8.0

package/README.md

@@ -83,6 +83,8 @@ To contribute please see [contributing.md](CONTRIBUTING.md).
 [`bpk-component-ticket`](/packages/bpk-component-ticket)
 [`bpk-component-tooltip`](/packages/bpk-component-tooltip)
 [`bpk-react-utils`](/packages/bpk-react-utils)
+[`bpk-mixins`](/packages/bpk-mixins)
+[`bpk-stylesheets`](/packages/bpk-stylesheets)
 
 ## List of external packages
 
@@ -92,8 +94,6 @@ These are installed separately and installation information can be found in the
 
 | Component                                                                                                                      | Version                                                                                                                                          |
 | ------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------ |
-| [`bpk-mixins`](https://github.com/Skyscanner/backpack-foundations/tree/main/packages/bpk-mixins)                               | [![npm version](https://badge.fury.io/js/bpk-mixins.svg)](http://badge.fury.io/js/bpk-mixins)                                                    |
-| [`bpk-stylesheets`](https://github.com/Skyscanner/backpack-foundations/tree/main/packages/bpk-stylesheets)                     | [![npm version](https://badge.fury.io/js/bpk-stylesheets.svg)](http://badge.fury.io/js/bpk-stylesheets)                                          |
 | [`@skyscanner/bpk-svgs`](https://github.com/Skyscanner/backpack-foundations/tree/main/packages/bpk-svgs)                       | [![npm version](https://badge.fury.io/js/%40skyscanner%2Fbpk-svgs.svg)](https://badge.fury.io/js/%40skyscanner%2Fbpk-svgs)                       |
 | [`@skyscanner/bpk-foundations-web`](https://github.com/Skyscanner/backpack-foundations/tree/main/packages/bpk-foundations-web) | [![npm version](https://badge.fury.io/js/%40skyscanner%2Fbpk-foundations-web.svg)](https://badge.fury.io/js/%40skyscanner%2Fbpk-foundations-web) |
 

package/bpk-component-breakpoint/src/BpkBreakpoint.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.BREAKPOINTS = void 0;
 var _reactResponsive = _interopRequireDefault(require("react-responsive/dist/react-responsive"));
-var _base = _interopRequireDefault(require("@skyscanner/bpk-foundations-web/tokens/base.common"));
+var _base = require("@skyscanner/bpk-foundations-web/tokens/base.es6");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
@@ -29,16 +29,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 
 const BREAKPOINTS = {
-  SMALL_MOBILE: _base.default.breakpointQuerySmallMobile,
-  MOBILE: _base.default.breakpointQueryMobile,
-  SMALL_TABLET: _base.default.breakpointQuerySmallTablet,
-  SMALL_TABLET_ONLY: _base.default.breakpointQuerySmallTabletOnly,
-  TABLET: _base.default.breakpointQueryTablet,
-  TABLET_ONLY: _base.default.breakpointQueryTabletOnly,
-  ABOVE_MOBILE: _base.default.breakpointQueryAboveMobile,
-  ABOVE_TABLET: _base.default.breakpointQueryAboveTablet,
-  ABOVE_DESKTOP: _base.default.breakpointQueryAboveDesktop,
-  DESKTOP_ONLY: _base.default.breakpointQueryDesktopOnly
+  SMALL_MOBILE: _base.breakpoints.breakpointQuerySmallMobile,
+  MOBILE: _base.breakpoints.breakpointQueryMobile,
+  SMALL_TABLET: _base.breakpoints.breakpointQuerySmallTablet,
+  SMALL_TABLET_ONLY: _base.breakpoints.breakpointQuerySmallTabletOnly,
+  TABLET: _base.breakpoints.breakpointQueryTablet,
+  TABLET_ONLY: _base.breakpoints.breakpointQueryTabletOnly,
+  ABOVE_MOBILE: _base.breakpoints.breakpointQueryAboveMobile,
+  ABOVE_TABLET: _base.breakpoints.breakpointQueryAboveTablet,
+  ABOVE_DESKTOP: _base.breakpoints.breakpointQueryAboveDesktop,
+  DESKTOP_ONLY: _base.breakpoints.breakpointQueryDesktopOnly
 };
 exports.BREAKPOINTS = BREAKPOINTS;
 const BpkBreakpoint = ({

package/bpk-mixins/sass-functions.js

@@ -0,0 +1,29 @@
+"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.
+ */
+
+// We disable eslint here as this package is listed as a peerDep so consumers are required to install this when using this package.
+// eslint-disable-next-line import/no-unresolved
+const nodeSass = require('node-sass');
+module.exports = {
+  'encodebase64($string)': str => {
+    const buffer = Buffer.from(str.getValue());
+    return nodeSass.types.String(buffer.toString('base64'));
+  }
+};