@skyscanner/backpack-web 14.0.0 → 14.1.0

package/bpk-component-theme-toggle/README.md

@@ -4,15 +4,13 @@
 
 ## Installation
 
-```sh
-npm install bpk-component-theme-toggle --save-dev
-```
+Check the main [Readme](https://github.com/skyscanner/backpack#usage) for a complete installation guide.
 
 ## Usage
 
 ```js
 import React from 'react';
-import BpkThemeToggle from 'bpk-component-theme-toggle';
+import BpkThemeToggle from '@skyscanner/backpack-web/bpk-component-theme-toggle';
 
 export default () => (
   <BpkThemeToggle />
@@ -23,8 +21,8 @@ export default () => (
 
 ```js
 import React from 'react';
-import { updateOnThemeChange } from 'bpk-component-theme-toggle';
-import BpkThemeProvider from 'bpk-theming';
+import { updateOnThemeChange } from '@skyscanner/backpack-web/bpk-component-theme-toggle';
+import BpkThemeProvider from '@skyscanner/backpack-web/bpk-theming';
 
 const EnhancedThemeProvider = updateOnThemeChange(BpkThemeProvider);
 ```

package/bpk-component-ticket/README.md

@@ -4,15 +4,13 @@
 
 ## Installation
 
-```sh
-npm install bpk-component-ticket --save-dev
-```
+Check the main [Readme](https://github.com/skyscanner/backpack#usage) for a complete installation guide.
 
 ## Usage
 
 ```js
 import React from 'react';
-import BpkTicket from 'bpk-component-ticket';
+import BpkTicket from '@skyscanner/backpack-web/bpk-component-ticket';
 
 export default () => (
   <BpkTicket stub="Lorem ipsum dolor sit amet.">

package/bpk-component-tooltip/README.md

@@ -4,16 +4,14 @@
 
 ## Installation
 
-```sh
-npm install bpk-component-tooltip --save-dev
-```
+Check the main [Readme](https://github.com/skyscanner/backpack#usage) for a complete installation guide.
 
 ## Usage
 
 ```js
 import React, { Component } from 'react';
-import BpkText from 'bpk-component-text';
-import BpkTooltip from 'bpk-component-tooltip';
+import BpkText from '@skyscanner/backpack-web/bpk-component-text';
+import BpkTooltip from '@skyscanner/backpack-web/bpk-component-tooltip';
 
 const App = () => (
   const targetRef = useRef(null);

package/bpk-react-utils/README.md

@@ -4,9 +4,7 @@
 
 ## Installation
 
-```sh
-npm install bpk-react-utils --save-dev
-```
+Check the main [Readme](https://github.com/skyscanner/backpack#usage) for a complete installation guide.
 
 ## Portal.js
 
@@ -16,9 +14,9 @@ it's necessary in overcoming z-index issues when absolutely positioning elements
 ### Usage
 
 ```js
-import { Portal } from 'bpk-react-utils';
-import BpkButton from 'bpk-component-button';
-import { BpkCode } from 'bpk-component-code';
+import { Portal } from '@skyscanner/backpack-web/bpk-react-utils';
+import BpkButton from '@skyscanner/backpack-web/bpk-component-button';
+import { BpkCode } from '@skyscanner/backpack-web/bpk-component-code';
 import React, { Component } from 'react';
 
 class MyComponent extends Component {
@@ -81,7 +79,7 @@ A helpful utility which permits backwards compatibility with hard coded classes
 
 ```js
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '@skyscanner/backpack-web/bpk-react-utils';
 
 import STYLES from './MyComponent.scss';
 
@@ -119,7 +117,7 @@ Without CSS modules:
 The returned function accepts multiple class names and ignores values other than strings. e.g:
 
 ```js
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '@skyscanner/backpack-web/bpk-react-utils';
 
 import STYLES from './MyComponent.scss';
 
@@ -143,7 +141,7 @@ components initial mount. All you need to provide is two class names and a timeo
 
 ```js
 import React from 'react';
-import { TransitionInitialMount } from 'bpk-react-utils';
+import { TransitionInitialMount } from '@skyscanner/backpack-web/bpk-react-utils';
 
 const MyComponent = (props) => (
   <TransitionInitialMount
@@ -190,7 +188,7 @@ Returns true if the browser is showing content right-to-left.
 
 ```js
 import React from 'react';
-import { isRTL } from 'bpk-react-utils';
+import { isRTL } from '@skyscanner/backpack-web/bpk-react-utils';
 
 if (isRTL()) {
   // do RTL stuff
@@ -207,7 +205,7 @@ Returns true if the device is an iPhone.
 
 ```js
 import React from 'react';
-import { isDeviceIphone } from 'bpk-react-utils';
+import { isDeviceIphone } from '@skyscanner/backpack-web/bpk-react-utils';
 
 if (isDeviceIphone()) {
   // do iPhone specific stuff
@@ -224,7 +222,7 @@ Returns true if the device is an iPad.
 
 ```js
 import React from 'react';
-import { isDeviceIpad } from 'bpk-react-utils';
+import { isDeviceIpad } from '@skyscanner/backpack-web/bpk-react-utils';
 
 if (isDeviceIpad()) {
   // do iPad specific stuff
@@ -241,7 +239,7 @@ Returns true if the platform is iOS (iPhone/iPad).
 
 ```js
 import React from 'react';
-import { isDeviceIos } from 'bpk-react-utils';
+import { isDeviceIos } from '@skyscanner/backpack-web/bpk-react-utils';
 
 if (isDeviceIos()) {
   // do iOS specific stuff

package/bpk-scrim-utils/README.md

@@ -4,12 +4,10 @@
 
 ## Installation
 
-```sh
-npm install bpk-scrim-utils --save-dev
-```
+Check the main [Readme](https://github.com/skyscanner/backpack#usage) for a complete installation guide.
 
 ```js
-import { withScrim } from 'bpk-scrim-utils';
+import { withScrim } from '@skyscanner/backpack-web/bpk-scrim-utils';
 
 const Box = props => (
   <div ref={props.dialogRef}>

package/bpk-theming/README.md

@@ -4,16 +4,14 @@
 
 ## Installation
 
-```sh
-npm install bpk-theming --save-dev
-```
+Check the main [Readme](https://github.com/skyscanner/backpack#usage) for a complete installation guide.
 
 ## Usage
 
 ```js
-import BpkThemeProvider from 'bpk-theming';
+import BpkThemeProvider from '@skyscanner/backpack-web/bpk-theming';
 
-import BpkLink, { themeAttributes as linkThemeAttributes } from 'bpk-component-link';
+import BpkLink, { themeAttributes as linkThemeAttributes } from '@skyscanner/backpack-web/bpk-component-link';
 
 const theme = {
   linkColor: '#c00',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "14.0.0",
+  "version": "14.1.0",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",
@@ -24,11 +24,11 @@
   "dependencies": {
     "@popperjs/core": "^2.11.5",
     "@react-google-maps/api": "^2.12.0",
-    "@skyscanner/bpk-foundations-web": "^12.0.0",
-    "@skyscanner/bpk-svgs": "^15.0.2",
+    "@skyscanner/bpk-foundations-web": "^12.1.0",
+    "@skyscanner/bpk-svgs": "^15.1.4",
     "a11y-focus-scope": "^1.1.3",
     "a11y-focus-store": "^1.0.0",
-    "bpk-mixins": "^34.0.1",
+    "bpk-mixins": "^35.0.0",
     "d3-path": "^2.0.0",
     "d3-scale": "^4.0.2",
     "date-fns": "^2.21.1",