@skyscanner/backpack-web 8.0.0 → 9.1.0

package/bpk-component-horizontal-nav/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-horizontal-nav",
-  "version": "5.1.15",
+  "version": "6.0.1",
   "description": "Backpack horizontal nav component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,17 +14,17 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-mobile-scroll-container": "^3.1.13",
-    "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.1",
+    "bpk-component-mobile-scroll-container": "^4.0.1",
+    "bpk-mixins": "^31.4.0",
+    "bpk-react-utils": "^7.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
-    "react": "^16.3.0 || ^17.0.0"
+    "react": "^17.0.2"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-text": "^7.0.7",
-    "bpk-storybook-utils": "^1.1.12"
+    "@skyscanner/bpk-foundations-web": "^8.5.0",
+    "bpk-component-text": "^8.0.1",
+    "bpk-storybook-utils": "^2.0.1"
   }
 }

package/bpk-component-icon/lg/account-circle.js

@@ -5,4 +5,4 @@ export default (({
 }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
   width: "1.5rem",
   height: "1.5rem"
-}} {...props}><path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zM9.809 7.254A1.283 1.283 0 0 1 11.12 6h1.763a1.283 1.283 0 0 1 1.31 1.254V9.35a2.194 2.194 0 0 1-4.384 0zM16.5 16a5.28 5.28 0 0 1-4.5 2 5.261 5.261 0 0 1-4.5-2 1.345 1.345 0 0 1 0-1.5 7.204 7.204 0 0 1 4.5-1.497 7.322 7.322 0 0 1 4.5 1.497c.345.28.274 1.15 0 1.5z" /></svg>);
+}} {...props}><path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zM6.21 15.975A7.037 7.037 0 0 0 12 19a7.037 7.037 0 0 0 5.79-3.024c.427-.613.174-1.435-.5-1.762A12.06 12.06 0 0 0 12 13c-1.898 0-3.693.436-5.29 1.213-.673.327-.927 1.15-.5 1.762zM10.994 5C10.17 5 9.5 5.618 9.5 6.381v2.31C9.5 9.965 10.62 11 12 11s2.5-1.035 2.5-2.31V6.382C14.5 5.618 13.83 5 13.005 5h-2.01z" /></svg>);

package/bpk-component-icon/lg/center-location.js

@@ -5,4 +5,4 @@ export default (({
 }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
   width: "1.5rem",
   height: "1.5rem"
-}} {...props}><path d="M6 4a2 2 0 0 0-2 2v2a1 1 0 0 1-2 0V6a4 4 0 0 1 4-4h2a1 1 0 0 1 0 2H6zm9-1a1 1 0 0 1 1-1h2a4 4 0 0 1 4 4v2a1 1 0 1 1-2 0V6a2 2 0 0 0-2-2h-2a1 1 0 0 1-1-1zM3 15a1 1 0 0 1 1 1v2a2 2 0 0 0 2 2h2a1 1 0 1 1 0 2H6a4 4 0 0 1-4-4v-2a1 1 0 0 1 1-1zm18 0a1 1 0 0 1 1 1v2a4 4 0 0 1-4 4h-2a1 1 0 1 1 0-2h2a2 2 0 0 0 2-2v-2a1 1 0 0 1 1-1zm-8-.738c0-.229.156-.425.37-.503A4.002 4.002 0 0 0 12 6a4 4 0 0 0-1.37 7.76c.214.077.37.273.37.502V17a1 1 0 1 0 2 0v-2.738z" /></svg>);
+}} {...props}><path d="M6 4a2 2 0 0 0-2 2v2a1 1 0 0 1-2 0V6a4 4 0 0 1 4-4h2a1 1 0 0 1 0 2H6zm9-1a1 1 0 0 1 1-1h2a4 4 0 0 1 4 4v2a1 1 0 1 1-2 0V6a2 2 0 0 0-2-2h-2a1 1 0 0 1-1-1zM4 16v2a2 2 0 0 0 2 2h2a1 1 0 1 1 0 2H6a4 4 0 0 1-4-4v-2a1 1 0 1 1 2 0zm17-1a1 1 0 0 1 1 1v2a4 4 0 0 1-4 4h-2a1 1 0 1 1 0-2h2a2 2 0 0 0 2-2v-2a1 1 0 0 1 1-1zm-7.63-1.24a.545.545 0 0 0-.37.502V17a1 1 0 1 1-2 0v-2.738a.545.545 0 0 0-.37-.503A4.002 4.002 0 0 1 12 6a4 4 0 0 1 1.37 7.76z" /></svg>);

package/bpk-component-icon/lg/face-id.js

@@ -5,4 +5,4 @@ export default (({
 }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
   width: "1.5rem",
   height: "1.5rem"
-}} {...props}><path d="M4 6a2 2 0 0 1 2-2h2a1 1 0 0 0 0-2H6a4 4 0 0 0-4 4v2a1 1 0 0 0 2 0zm12-4a1 1 0 0 0 0 2h2a2 2 0 0 1 2 2v2a1 1 0 0 0 2 0V6a4 4 0 0 0-4-4zM4 16a1 1 0 0 0-2 0v2a4 4 0 0 0 4 4h2a1 1 0 0 0 0-2H6a2 2 0 0 1-2-2zm18 0a1 1 0 0 0-2 0v2a2 2 0 0 1-2 2h-2a1 1 0 0 0 0 2h2a4 4 0 0 0 4-4zM7 8a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0zm8 0a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0zm.555 8.866a1.07 1.07 0 0 0 .326-1.366.838.838 0 0 0-1.214-.366 4.521 4.521 0 0 1-5.294.027.833.833 0 0 0-1.23.294 1.077 1.077 0 0 0 .262 1.383 6.13 6.13 0 0 0 7.15.028zM12 8.5a1 1 0 0 1 1 1v2.172a3 3 0 0 1-.879 2.12l-.414.415a1 1 0 0 1-1.414-1.414l.414-.414a1 1 0 0 0 .293-.707V9.5a1 1 0 0 1 1-1z" /></svg>);
+}} {...props}><path d="M4 6v2a1 1 0 0 1-2 0V6a4 4 0 0 1 4-4h2a1 1 0 0 1 0 2H6a2 2 0 0 0-2 2zm12-4h2a4 4 0 0 1 4 4v2a1 1 0 1 1-2 0V6a2 2 0 0 0-2-2h-2a1 1 0 1 1 0-2zM4 16v2a2 2 0 0 0 2 2h2a1 1 0 1 1 0 2H6a4 4 0 0 1-4-4v-2a1 1 0 1 1 2 0zm18 0v2a4 4 0 0 1-4 4h-2a1 1 0 1 1 0-2h2a2 2 0 0 0 2-2v-2a1 1 0 1 1 2 0zM7 8a1 1 0 0 1 2 0v2a1 1 0 1 1-2 0V8zm8 0a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0V8zm.555 8.866c-3.028 1.966-5.762.986-7.15-.028-.412-.3-.529-.92-.261-1.383.267-.463.817-.594 1.23-.293.981.717 2.987 1.469 5.293-.028.425-.276.968-.112 1.214.366.245.478.1 1.09-.326 1.366zM12 8.5a1 1 0 0 1 1 1v2.172a3 3 0 0 1-.879 2.12l-.414.415a1 1 0 0 1-1.414-1.414l.414-.414a1 1 0 0 0 .293-.707V9.5a1 1 0 0 1 1-1z" /></svg>);

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

@@ -5,4 +5,4 @@ export default (({
 }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
   width: "1.5rem",
   height: "1.5rem"
-}} {...props}><path d="M11.562 2.448a1 1 0 0 1-.803 1.164 8.003 8.003 0 0 0-6.55 7.87 6.495 6.495 0 0 1-.485 2.465 1 1 0 0 1-1.864-.724l.014-.035a4.489 4.489 0 0 0 .334-1.707 10.002 10.002 0 0 1 8.19-9.836 1 1 0 0 1 1.164.803zm2.051.086a1 1 0 0 1 1.227-.703h.001a10.004 10.004 0 0 1 7.367 9.65v.5a24.56 24.56 0 0 1-.674 5.733 1 1 0 1 1-1.945-.466 22.56 22.56 0 0 0 .62-5.267v-.5a8.004 8.004 0 0 0-5.894-7.72 1 1 0 0 1-.702-1.227zm-1.405 4.447a4.502 4.502 0 0 0-4.193 2.864 1 1 0 1 1-1.863-.728 6.502 6.502 0 0 1 12.113 0 1 1 0 0 1-1.863.728 4.502 4.502 0 0 0-4.194-2.864zm0 3.5a1 1 0 0 0-1 1v.5a13.462 13.462 0 0 1-.807 4.607 13.468 13.468 0 0 1-2.32 4.033 1 1 0 0 1-1.536-1.28 11.542 11.542 0 0 0 1.976-3.435 11.461 11.461 0 0 0 .687-3.925v-.5a3 3 0 0 1 6 0v.5a17.416 17.416 0 0 1-3.128 9.987 1 1 0 0 1-1.64-1.143 15.414 15.414 0 0 0 2.77-8.844v-.5a1 1 0 0 0-1-1zm-5.5 2.022a1 1 0 0 1 .754 1.196 9.973 9.973 0 0 1-2.207 4.345 1 1 0 1 1-1.509-1.314 7.973 7.973 0 0 0 1.766-3.473 1 1 0 0 1 1.196-.754zm11.02-.022a1 1 0 0 1 .922 1.071 20.89 20.89 0 0 1-2.214 7.94 1 1 0 1 1-1.783-.907 18.894 18.894 0 0 0 2.003-7.18 1 1 0 0 1 1.07-.924z" /></svg>);
+}} {...props}><path d="M10.984 2.967a1 1 0 0 1-.804 1.164A8.003 8.003 0 0 0 3.63 12c0 .871-.172 1.704-.484 2.466a1 1 0 1 1-1.85-.759c.215-.525.334-1.1.334-1.707 0-4.905 3.531-8.984 8.19-9.836a1 1 0 0 1 1.164.803zm2.051.086a1 1 0 0 1 1.228-.703C18.508 3.506 21.63 7.387 21.63 12v.5a24.56 24.56 0 0 1-.674 5.733 1 1 0 1 1-1.945-.466 22.56 22.56 0 0 0 .62-5.267V12a8.004 8.004 0 0 0-5.894-7.72 1 1 0 0 1-.702-1.227zM11.63 7.5a4.502 4.502 0 0 0-4.193 2.864 1 1 0 0 1-1.863-.728 6.502 6.502 0 0 1 12.113 0 1 1 0 0 1-1.863.728A4.502 4.502 0 0 0 11.63 7.5zm0 3.5a1 1 0 0 0-1 1v.5c0 1.616-.284 3.168-.807 4.607a13.468 13.468 0 0 1-2.32 4.033 1 1 0 0 1-1.536-1.28 11.542 11.542 0 0 0 1.976-3.435c.445-1.224.687-2.545.687-3.925V12a3 3 0 1 1 6 0v.5a17.416 17.416 0 0 1-3.128 9.987 1 1 0 0 1-1.64-1.143 15.414 15.414 0 0 0 2.77-8.844V12a1 1 0 0 0-1.002-1zm-5.5 2.022a1 1 0 0 1 .754 1.196 9.973 9.973 0 0 1-2.207 4.345 1 1 0 1 1-1.509-1.314 7.973 7.973 0 0 0 1.766-3.473 1 1 0 0 1 1.196-.754zM17.149 13a1 1 0 0 1 .923 1.071 20.89 20.89 0 0 1-2.214 7.94 1 1 0 1 1-1.783-.907 18.894 18.894 0 0 0 2.003-7.18 1 1 0 0 1 1.07-.924z" /></svg>);

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

@@ -5,4 +5,4 @@ export default (({
 }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
   width: "1.5rem",
   height: "1.5rem"
-}} {...props}><path d="M21 7H3a.945.945 0 0 1-1-1 .945.945 0 0 1 1-1h18a.945.945 0 0 1 1 1 .945.945 0 0 1-1 1zm-4 5c0-.6-.333-1-.833-1H2.833c-.5 0-.833.4-.833 1s.333 1 .833 1h13.334c.5 0 .833-.4.833-1zm3.889 5a1.006 1.006 0 1 1 0 2H3.11a1.006 1.006 0 1 1 .001-2h17.778z" /></svg>);
+}} {...props}><path d="M21 7H3c-.6 0-1-.4-1-1s.4-1 1-1h18c.6 0 1 .4 1 1s-.4 1-1 1zm1 5c0 .6-.333 1-.833 1H2.833c-.5 0-.833-.4-.833-1s.333-1 .833-1h18.334c.5 0 .833.4.833 1zm-1.111 5c.667 0 1.111.4 1.111 1s-.444 1-1.111 1H3.11C2.444 19 2 18.6 2 18s.444-1 1.111-1H20.89z" /></svg>);

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

@@ -5,4 +5,4 @@ export default (({
 }) => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" style={{
   width: "1.5rem",
   height: "1.5rem"
-}} {...props}><path d="M19 10.5a8.5 8.5 0 1 0-8.5 8.5 8.5 8.5 0 0 0 8.5-8.5zm-15 0a6.5 6.5 0 1 1 6.5 6.5A6.509 6.509 0 0 1 4 10.5zm14.558 5.915c-.14-.14-.733.227-1.324.818-.591.592-.958 1.184-.818 1.324l2.998 3a1.515 1.515 0 1 0 2.142-2.143z" /></svg>);
+}} {...props}><path d="M10.5 4a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zM2 10.5a8.5 8.5 0 1 1 15.176 5.262l4.531 4.53a1 1 0 0 1-1.414 1.415l-4.531-4.531A8.5 8.5 0 0 1 2 10.5z" /></svg>);

package/bpk-component-icon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-icon",
-  "version": "9.2.14",
+  "version": "10.0.1",
   "description": "Backpack icon components.",
   "license": "Apache-2.0",
   "repository": {
@@ -17,18 +17,18 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "@skyscanner/bpk-svgs": "^14.1.9",
-    "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.1",
+    "@skyscanner/bpk-foundations-web": "^8.5.0",
+    "@skyscanner/bpk-svgs": "^14.3.6",
+    "bpk-mixins": "^31.4.0",
+    "bpk-react-utils": "^7.0.0",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-component-button": "^6.2.8",
-    "bpk-component-list": "^4.0.6",
-    "bpk-component-text": "^7.0.7"
+    "bpk-component-button": "^7.0.1",
+    "bpk-component-list": "^5.0.1",
+    "bpk-component-text": "^8.0.1"
   },
   "peerDependencies": {
-    "react": "^16.3.0 || ^17.0.0"
+    "react": "^17.0.2"
   }
 }

package/bpk-component-icon/sm/account-circle.js

@@ -5,4 +5,4 @@ export default (({
 }) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" style={{
   width: "1.125rem",
   height: "1.125rem"
-}} {...props}><path d="M12 1.5A10.5 10.5 0 1 0 22.5 12 10.5 10.5 0 0 0 12 1.5zm-1.5 5.25a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 .75.75V9a1.5 1.5 0 0 1-3 0zm6 7.54a1.298 1.298 0 0 1-.23.764 5.25 5.25 0 0 1-8.54 0 1.306 1.306 0 0 1-.23-.765v-.675a.71.71 0 0 1 .513-.67l2.09-.654a6.36 6.36 0 0 1 3.794 0l2.09.655a.71.71 0 0 1 .513.67z" /></svg>);
+}} {...props}><path d="M12 22.5C6.201 22.5 1.5 17.799 1.5 12S6.201 1.5 12 1.5 22.5 6.201 22.5 12 17.799 22.5 12 22.5zm2.25-15.869c0-.763-.603-1.381-1.345-1.381h-1.81c-.742 0-1.345.618-1.345 1.381v2.31c0 1.274 1.008 2.309 2.25 2.309s2.25-1.035 2.25-2.31V6.632zm-8.04 9.844A7.037 7.037 0 0 0 12 19.5a7.037 7.037 0 0 0 5.79-3.024c.427-.613.174-1.435-.5-1.762A12.06 12.06 0 0 0 12 13.5c-1.898 0-3.693.436-5.29 1.213-.673.327-.927 1.15-.5 1.762z" /></svg>);

package/bpk-component-icon/sm/center-location.js

@@ -0,0 +1,8 @@
+import React from "react";
+export default (({
+  styles = {},
+  ...props
+}) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" style={{
+  width: "1.125rem",
+  height: "1.125rem"
+}} {...props}><path d="M3 4.5v3a1.5 1.5 0 1 1-3 0v-3A4.5 4.5 0 0 1 4.5 0h3a1.5 1.5 0 1 1 0 3h-3A1.5 1.5 0 0 0 3 4.5zM16.5 0h3A4.5 4.5 0 0 1 24 4.5v3a1.5 1.5 0 0 1-3 0v-3A1.5 1.5 0 0 0 19.5 3h-3a1.5 1.5 0 0 1 0-3zM3 16.5v3A1.5 1.5 0 0 0 4.5 21h3a1.5 1.5 0 0 1 0 3h-3A4.5 4.5 0 0 1 0 19.5v-3a1.5 1.5 0 0 1 3 0zm21 0v3a4.5 4.5 0 0 1-4.5 4.5h-3a1.5 1.5 0 0 1 0-3h3a1.5 1.5 0 0 0 1.5-1.5v-3a1.5 1.5 0 0 1 3 0zm-7.5-6a4.502 4.502 0 0 1-3 4.244V18a1.5 1.5 0 0 1-3 0v-3.256A4.502 4.502 0 0 1 12 6a4.5 4.5 0 0 1 4.5 4.5z" /></svg>);

package/bpk-component-icon/sm/face-id.js

@@ -0,0 +1,8 @@
+import React from "react";
+export default (({
+  styles = {},
+  ...props
+}) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" style={{
+  width: "1.125rem",
+  height: "1.125rem"
+}} {...props}><path d="M6.3 15.599a1.5 1.5 0 0 1 2.1-.298A5.967 5.967 0 0 0 12 16.5a5.967 5.967 0 0 0 3.6-1.2 1.5 1.5 0 1 1 1.802 2.4A8.966 8.966 0 0 1 12 19.5a8.966 8.966 0 0 1-5.402-1.8 1.5 1.5 0 0 1-.298-2.101zM12 8.25a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-3 0v-3a1.5 1.5 0 0 1 1.5-1.5zM16.5 6A1.5 1.5 0 0 1 18 7.5V9a1.5 1.5 0 0 1-3 0V7.5A1.5 1.5 0 0 1 16.5 6zm-9 0A1.5 1.5 0 0 1 9 7.5V9a1.5 1.5 0 1 1-3 0V7.5A1.5 1.5 0 0 1 7.5 6zm-3-3A1.5 1.5 0 0 0 3 4.5v3a1.5 1.5 0 1 1-3 0v-3A4.5 4.5 0 0 1 4.5 0h3a1.5 1.5 0 1 1 0 3h-3zM15 1.5A1.5 1.5 0 0 1 16.5 0h3A4.5 4.5 0 0 1 24 4.5v3a1.5 1.5 0 0 1-3 0v-3A1.5 1.5 0 0 0 19.5 3h-3A1.5 1.5 0 0 1 15 1.5zM1.5 15A1.5 1.5 0 0 1 3 16.5v3A1.5 1.5 0 0 0 4.5 21h3a1.5 1.5 0 0 1 0 3h-3A4.5 4.5 0 0 1 0 19.5v-3A1.5 1.5 0 0 1 1.5 15zm21 0a1.5 1.5 0 0 1 1.5 1.5v3a4.5 4.5 0 0 1-4.5 4.5h-3a1.5 1.5 0 0 1 0-3h3a1.5 1.5 0 0 0 1.5-1.5v-3a1.5 1.5 0 0 1 1.5-1.5z" /></svg>);

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

@@ -0,0 +1,8 @@
+import React from "react";
+export default (({
+  styles = {},
+  ...props
+}) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" style={{
+  width: "1.125rem",
+  height: "1.125rem"
+}} {...props}><path d="M10.438 1.507a1.5 1.5 0 0 1-1.01 1.865A9.005 9.005 0 0 0 3 12v2.25a1.5 1.5 0 0 1-3 0V12C0 6.562 3.616 1.972 8.572.497a1.5 1.5 0 0 1 1.866 1.01zm3.124 0a1.5 1.5 0 0 1 1.866-1.01C20.384 1.972 24 6.562 24 12a22.45 22.45 0 0 1-1.478 8.036 1.5 1.5 0 1 1-2.802-1.072A19.452 19.452 0 0 0 21 12c0-4.075-2.71-7.52-6.428-8.628a1.5 1.5 0 0 1-1.01-1.865zM12 8.25A3.75 3.75 0 0 0 8.25 12c0 2.997-1.1 5.74-2.917 7.843a1.5 1.5 0 1 1-2.27-1.962A8.96 8.96 0 0 0 5.25 12a6.75 6.75 0 1 1 13.5 0c0 4.096-1.096 7.94-3.011 11.251a1.5 1.5 0 1 1-2.597-1.502A19.404 19.404 0 0 0 15.75 12 3.75 3.75 0 0 0 12 8.25zm0 2.25a1.5 1.5 0 0 1 1.5 1.5c0 4.03-1.384 7.742-3.702 10.68a1.5 1.5 0 1 1-2.355-1.86A14.183 14.183 0 0 0 10.5 12a1.5 1.5 0 0 1 1.5-1.5z" /></svg>);

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

@@ -5,4 +5,4 @@ export default (({
 }) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" style={{
   width: "1.125rem",
   height: "1.125rem"
-}} {...props}><path d="M21 6H3a1.417 1.417 0 0 1-1.5-1.5A1.417 1.417 0 0 1 3 3h18a1.417 1.417 0 0 1 1.5 1.5A1.417 1.417 0 0 1 21 6zm-6 6c0-.9-.5-1.5-1.25-1.5h-11c-.75 0-1.25.6-1.25 1.5s.5 1.5 1.25 1.5h11c.75 0 1.25-.6 1.25-1.5zm5.833 6a1.508 1.508 0 1 1 0 3H3.167a1.508 1.508 0 1 1 0-3z" /></svg>);
+}} {...props}><path d="M21 6H3c-.9 0-1.5-.6-1.5-1.5S2.1 3 3 3h18c.9 0 1.5.6 1.5 1.5S21.9 6 21 6zm1.5 6c0 .9-.5 1.5-1.25 1.5H2.75C2 13.5 1.5 12.9 1.5 12s.5-1.5 1.25-1.5h18.5c.75 0 1.25.6 1.25 1.5zm-1.667 6c1 0 1.667.6 1.667 1.5s-.667 1.5-1.667 1.5H3.167c-1 0-1.667-.6-1.667-1.5S2.167 18 3.167 18h17.666z" /></svg>);

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

@@ -5,4 +5,4 @@ export default (({
 }) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" style={{
   width: "1.125rem",
   height: "1.125rem"
-}} {...props}><path d="M10.517 1.517a9 9 0 1 0 9 9 9 9 0 0 0-9-9zm0 15a6 6 0 1 1 6-6 6 6 0 0 1-6 6zm11.457 5.526a1.62 1.62 0 0 1-2.221 0l-2.61-2.612c-.15-.15.242-.782.874-1.414.63-.632 1.265-1.024 1.414-.874l2.612 2.61a1.62 1.62 0 0 1-.069 2.29z" /></svg>);
+}} {...props}><path d="M10.5 4.5a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm-9 6a9 9 0 1 1 16.336 5.215l4.225 4.224a1.5 1.5 0 0 1-2.122 2.122l-4.224-4.225A9 9 0 0 1 1.5 10.5z" /></svg>);

package/bpk-component-image/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-image",
-  "version": "5.1.15",
+  "version": "6.0.1",
   "description": "Backpack image component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,18 +14,18 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-spinner": "^5.1.13",
-    "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.1",
+    "@skyscanner/bpk-foundations-web": "^8.5.0",
+    "bpk-component-spinner": "^6.0.1",
+    "bpk-mixins": "^31.4.0",
+    "bpk-react-utils": "^7.0.0",
     "prop-types": "^15.7.2",
     "react-transition-group": "^2.5.3"
   },
   "peerDependencies": {
-    "react": "^16.3.0 || ^17.0.0"
+    "react": "^17.0.2"
   },
   "devDependencies": {
-    "bpk-component-mobile-scroll-container": "^3.1.13",
-    "bpk-component-text": "^7.0.7"
+    "bpk-component-mobile-scroll-container": "^4.0.1",
+    "bpk-component-text": "^8.0.1"
   }
 }

package/bpk-component-infinite-scroll/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-infinite-scroll",
-  "version": "4.1.13",
+  "version": "5.0.1",
   "description": "Backpack infinite scroll component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,18 +14,18 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.1",
+    "bpk-mixins": "^31.4.0",
+    "bpk-react-utils": "^7.0.0",
     "intersection-observer": "^0.7.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
-    "react": "^16.3.0 || ^17.0.0"
+    "react": "^17.0.2"
   },
   "devDependencies": {
-    "bpk-component-button": "^6.2.8",
-    "bpk-component-list": "^4.0.6",
-    "bpk-component-spinner": "^5.1.13",
-    "bpk-storybook-utils": "^1.1.12"
+    "bpk-component-button": "^7.0.1",
+    "bpk-component-list": "^5.0.1",
+    "bpk-component-spinner": "^6.0.1",
+    "bpk-storybook-utils": "^2.0.1"
   }
 }

package/bpk-component-input/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-input",
-  "version": "6.1.19",
+  "version": "7.0.1",
   "description": "Backpack input component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,17 +14,17 @@
   },
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
-    "bpk-component-icon": "^9.2.14",
-    "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.1",
+    "bpk-component-icon": "^10.0.1",
+    "bpk-mixins": "^31.4.0",
+    "bpk-react-utils": "^7.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
-    "react": "^16.3.0 || ^17.0.0"
+    "react": "^17.0.2"
   },
   "devDependencies": {
-    "bpk-component-banner-alert": "^6.1.19",
-    "bpk-component-label": "^5.1.13",
-    "bpk-storybook-utils": "^1.1.12"
+    "bpk-component-banner-alert": "^7.0.1",
+    "bpk-component-label": "^6.0.1",
+    "bpk-storybook-utils": "^2.0.1"
   }
 }

package/bpk-component-label/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-label",
-  "version": "5.1.13",
+  "version": "6.0.1",
   "description": "Backpack label component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,11 +14,11 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.1",
+    "bpk-mixins": "^31.4.0",
+    "bpk-react-utils": "^7.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
-    "react": "^16.3.0 || ^17.0.0"
+    "react": "^17.0.2"
   }
 }

package/bpk-component-link/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-link",
-  "version": "3.1.13",
+  "version": "4.0.1",
   "description": "Backpack link component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,15 +14,15 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.1",
+    "bpk-mixins": "^31.4.0",
+    "bpk-react-utils": "^7.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
-    "react": "^16.3.0 || ^17.0.0"
+    "react": "^17.0.2"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-storybook-utils": "^1.1.12"
+    "@skyscanner/bpk-foundations-web": "^8.5.0",
+    "bpk-storybook-utils": "^2.0.1"
   }
 }

package/bpk-component-list/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-list",
-  "version": "4.0.6",
+  "version": "5.0.1",
   "description": "Backpack list component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,11 +14,11 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.1",
+    "bpk-mixins": "^31.4.0",
+    "bpk-react-utils": "^7.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
-    "react": "^16.3.0 || ^17.0.0"
+    "react": "^17.0.2"
   }
 }

package/bpk-component-loading-button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-loading-button",
-  "version": "6.1.8",
+  "version": "7.0.1",
   "description": "Backpack loading button component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,17 +14,17 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-button": "^6.2.8",
-    "bpk-component-icon": "^9.2.14",
-    "bpk-component-spinner": "^5.1.13",
-    "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.1",
+    "bpk-component-button": "^7.0.1",
+    "bpk-component-icon": "^10.0.1",
+    "bpk-component-spinner": "^6.0.1",
+    "bpk-mixins": "^31.4.0",
+    "bpk-react-utils": "^7.0.0",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-storybook-utils": "^1.1.12"
+    "bpk-storybook-utils": "^2.0.1"
   },
   "peerDependencies": {
-    "react": "^16.3.0 || ^17.0.0"
+    "react": "^17.0.2"
   }
 }

package/bpk-component-map/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-map",
-  "version": "6.0.9",
+  "version": "7.0.1",
   "description": "Backpack map component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,18 +15,18 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "@react-google-maps/api": "^2.8.1",
-    "bpk-component-spinner": "^5.1.13",
-    "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.1",
+    "bpk-component-spinner": "^6.0.1",
+    "bpk-mixins": "^31.4.0",
+    "bpk-react-utils": "^7.0.0",
     "prop-types": "^15.5.8"
   },
   "peerDependencies": {
-    "react": "^16.8.3 || ^17.0.0"
+    "react": "^17.0.2"
   },
   "devDependencies": {
-    "bpk-component-icon": "^9.2.14",
-    "bpk-component-text": "^7.0.7",
-    "bpk-storybook-utils": "^1.1.12",
+    "bpk-component-icon": "^10.0.1",
+    "bpk-component-text": "^8.0.1",
+    "bpk-storybook-utils": "^2.0.1",
     "prop-types": "^15.5.8"
   }
 }

package/bpk-component-mobile-scroll-container/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-mobile-scroll-container",
-  "version": "3.1.13",
+  "version": "4.0.1",
   "description": "Backpack mobile scroll container component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,15 +14,15 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.1",
+    "bpk-mixins": "^31.4.0",
+    "bpk-react-utils": "^7.0.0",
     "lodash.debounce": "^4.0.8",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
-    "react": "^16.3.0 || ^17.0.0"
+    "react": "^17.0.2"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^8.0.0"
+    "@skyscanner/bpk-foundations-web": "^8.5.0"
   }
 }

package/bpk-component-modal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-modal",
-  "version": "5.0.1",
+  "version": "6.0.1",
   "description": "Backpack modal component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,20 +14,20 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-close-button": "^3.1.14",
-    "bpk-component-icon": "^9.2.14",
-    "bpk-component-link": "^3.1.13",
-    "bpk-component-navigation-bar": "^3.1.15",
-    "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.1",
-    "bpk-scrim-utils": "^5.1.12",
+    "bpk-component-close-button": "^4.0.1",
+    "bpk-component-icon": "^10.0.1",
+    "bpk-component-link": "^4.0.1",
+    "bpk-component-navigation-bar": "^4.0.1",
+    "bpk-mixins": "^31.4.0",
+    "bpk-react-utils": "^7.0.0",
+    "bpk-scrim-utils": "^6.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
-    "react": "^16.3.0 || ^17.0.0"
+    "react": "^17.0.2"
   },
   "devDependencies": {
-    "bpk-component-button": "^6.2.8",
-    "bpk-component-text": "^7.0.7"
+    "bpk-component-button": "^7.0.1",
+    "bpk-component-text": "^8.0.1"
   }
 }

package/bpk-component-navigation-bar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-navigation-bar",
-  "version": "3.1.15",
+  "version": "4.0.1",
   "description": "Backpack nativation bar component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,19 +14,19 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-close-button": "^3.1.14",
-    "bpk-component-link": "^3.1.13",
-    "bpk-component-text": "^7.0.7",
-    "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.1",
+    "bpk-component-close-button": "^4.0.1",
+    "bpk-component-link": "^4.0.1",
+    "bpk-component-text": "^8.0.1",
+    "bpk-mixins": "^31.4.0",
+    "bpk-react-utils": "^7.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
-    "react": "^16.3.0 || ^17.0.0"
+    "react": "^17.0.2"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-icon": "^9.2.14",
-    "bpk-storybook-utils": "^1.1.12"
+    "@skyscanner/bpk-foundations-web": "^8.5.0",
+    "bpk-component-icon": "^10.0.1",
+    "bpk-storybook-utils": "^2.0.1"
   }
 }

package/bpk-component-nudger/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-nudger",
-  "version": "7.0.7",
+  "version": "8.0.1",
   "description": "Backpack nudger component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,19 +14,19 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-button": "^6.2.8",
-    "bpk-component-icon": "^9.2.14",
-    "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.1",
+    "@skyscanner/bpk-foundations-web": "^8.5.0",
+    "bpk-component-button": "^7.0.1",
+    "bpk-component-icon": "^10.0.1",
+    "bpk-mixins": "^31.4.0",
+    "bpk-react-utils": "^7.0.0",
     "lodash.clamp": "^4.0.3",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
-    "react": "^16.3.0 || ^17.0.0"
+    "react": "^17.0.2"
   },
   "devDependencies": {
-    "bpk-component-label": "^5.1.13",
-    "bpk-storybook-utils": "^1.1.12"
+    "bpk-component-label": "^6.0.1",
+    "bpk-storybook-utils": "^2.0.1"
   }
 }

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

@@ -106,7 +106,7 @@ const BpkConfigurableNudger = <T>(props: Props<T>) => {
       {/* $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'. */}
       <input
         type="text"
-        aria-live="assertive"
+        aria-live="polite"
         readOnly
         value={formatValue(value)}
         id={id}