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

package/bpk-component-icon/sm/weather--rain.js

@@ -1,8 +1,22 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style={{
-  width: "1rem",
-  height: "1rem"
-}} {...props}><path d="M14.25 3.745a.262.262 0 00.236-.397A5.622 5.622 0 004.29 5.003a1.476 1.476 0 01-1.092 1.04 4.166 4.166 0 00-.52 7.944.294.294 0 00.386-.247 5.665 5.665 0 013.851-4.534.874.874 0 00.562-.551 7.153 7.153 0 016.773-4.91z" /><path d="M17.073 18.745h-1.146l-1.835 3.67a1.5 1.5 0 01-2.684-1.34l1.165-2.33h-1.146l-1.835 3.67a1.5 1.5 0 01-2.694-1.32l.01-.02 1.181-2.362a4.16 4.16 0 01-.391-8.168 1.473 1.473 0 001.092-1.04 5.626 5.626 0 0110.654-.79 1.373 1.373 0 00.96.799 4.687 4.687 0 01.091 9.094l-1.903 3.808a1.5 1.5 0 11-2.684-1.342z" /></svg>);
+}) => /*#__PURE__*/_jsxs("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  style: {
+    width: "1rem",
+    height: "1rem"
+  },
+  ...props,
+  children: [/*#__PURE__*/_jsx("path", {
+    d: "M14.25 3.745a.262.262 0 00.236-.397A5.622 5.622 0 004.29 5.003a1.476 1.476 0 01-1.092 1.04 4.166 4.166 0 00-.52 7.944.294.294 0 00.386-.247 5.665 5.665 0 013.851-4.534.874.874 0 00.562-.551 7.153 7.153 0 016.773-4.91z"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M17.073 18.745h-1.146l-1.835 3.67a1.5 1.5 0 01-2.684-1.34l1.165-2.33h-1.146l-1.835 3.67a1.5 1.5 0 01-2.694-1.32l.01-.02 1.181-2.362a4.16 4.16 0 01-.391-8.168 1.473 1.473 0 001.092-1.04 5.626 5.626 0 0110.654-.79 1.373 1.373 0 00.96.799 4.687 4.687 0 01.091 9.094l-1.903 3.808a1.5 1.5 0 11-2.684-1.342z"
+  })]
+}));

package/bpk-component-icon/sm/weather--snow.js

@@ -1,8 +1,19 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style={{
-  width: "1rem",
-  height: "1rem"
-}} {...props}><path d="M12 0a1.5 1.5 0 00-1.5 1.5v2.379l-1.94-1.94a1.5 1.5 0 10-2.157 2.085l.037.037 4.06 4.06V10.5H8.121l-4.06-4.06a1.5 1.5 0 00-2.159 2.083l.037.037 1.94 1.94H1.5a1.5 1.5 0 000 3h2.379l-1.94 1.94a1.5 1.5 0 002.122 2.12l4.06-4.06H10.5v2.379l-4.06 4.06a1.5 1.5 0 002.12 2.122l1.94-1.94V22.5a1.5 1.5 0 003 0v-2.379l1.94 1.94a1.5 1.5 0 002.12-2.122l-4.06-4.06V13.5h2.379l4.06 4.06a1.5 1.5 0 002.122-2.12l-1.94-1.94H22.5a1.5 1.5 0 000-3h-2.379l1.94-1.94a1.5 1.5 0 00-2.122-2.12l-4.06 4.06H13.5V8.121l4.06-4.06a1.5 1.5 0 00-2.12-2.122L13.5 3.88V1.5A1.5 1.5 0 0012 0z" /></svg>);
+}) => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  style: {
+    width: "1rem",
+    height: "1rem"
+  },
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M12 0a1.5 1.5 0 00-1.5 1.5v2.379l-1.94-1.94a1.5 1.5 0 10-2.157 2.085l.037.037 4.06 4.06V10.5H8.121l-4.06-4.06a1.5 1.5 0 00-2.159 2.083l.037.037 1.94 1.94H1.5a1.5 1.5 0 000 3h2.379l-1.94 1.94a1.5 1.5 0 002.122 2.12l4.06-4.06H10.5v2.379l-4.06 4.06a1.5 1.5 0 002.12 2.122l1.94-1.94V22.5a1.5 1.5 0 003 0v-2.379l1.94 1.94a1.5 1.5 0 002.12-2.122l-4.06-4.06V13.5h2.379l4.06 4.06a1.5 1.5 0 002.122-2.12l-1.94-1.94H22.5a1.5 1.5 0 000-3h-2.379l1.94-1.94a1.5 1.5 0 00-2.122-2.12l-4.06 4.06H13.5V8.121l4.06-4.06a1.5 1.5 0 00-2.12-2.122L13.5 3.88V1.5A1.5 1.5 0 0012 0z"
+  })
+}));

package/bpk-component-icon/sm/weather--thunderstorm.js

@@ -1,8 +1,24 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style={{
-  width: "1rem",
-  height: "1rem"
-}} {...props}><path d="M14.486 2.601a.262.262 0 01-.236.397 7.153 7.153 0 00-6.773 4.91.874.874 0 01-.562.551 5.665 5.665 0 00-3.851 4.534.294.294 0 01-.386.247 4.165 4.165 0 01.52-7.942 1.473 1.473 0 001.092-1.04 5.621 5.621 0 0110.196-1.657z" /><path d="M22.087 16.672c-.054.157.139.34.265.232a4.695 4.695 0 00-1.948-8.137 1.376 1.376 0 01-.96-.798 5.626 5.626 0 00-10.654.787 1.476 1.476 0 01-1.092 1.041 4.167 4.167 0 00-.564 7.927.326.326 0 00.409-.358 2.212 2.212 0 01.48-1.508l5.958-7.582A2.25 2.25 0 0118 9.666v3.382a.45.45 0 00.45.45h1.36a2.405 2.405 0 012.277 3.174z" /><path d="M15.175 9.27l-6 7.5A.75.75 0 009.751 18h3a.75.75 0 01.75.75v4.5a.75.75 0 001.327.48l6-7.5a.75.75 0 00-.577-1.23h-3a.75.75 0 01-.75-.75v-4.5a.75.75 0 00-1.326-.48z" /></svg>);
+}) => /*#__PURE__*/_jsxs("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  style: {
+    width: "1rem",
+    height: "1rem"
+  },
+  ...props,
+  children: [/*#__PURE__*/_jsx("path", {
+    d: "M14.486 2.601a.262.262 0 01-.236.397 7.153 7.153 0 00-6.773 4.91.874.874 0 01-.562.551 5.665 5.665 0 00-3.851 4.534.294.294 0 01-.386.247 4.165 4.165 0 01.52-7.942 1.473 1.473 0 001.092-1.04 5.621 5.621 0 0110.196-1.657z"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M22.087 16.672c-.054.157.139.34.265.232a4.695 4.695 0 00-1.948-8.137 1.376 1.376 0 01-.96-.798 5.626 5.626 0 00-10.654.787 1.476 1.476 0 01-1.092 1.041 4.167 4.167 0 00-.564 7.927.326.326 0 00.409-.358 2.212 2.212 0 01.48-1.508l5.958-7.582A2.25 2.25 0 0118 9.666v3.382a.45.45 0 00.45.45h1.36a2.405 2.405 0 012.277 3.174z"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M15.175 9.27l-6 7.5A.75.75 0 009.751 18h3a.75.75 0 01.75.75v4.5a.75.75 0 001.327.48l6-7.5a.75.75 0 00-.577-1.23h-3a.75.75 0 01-.75-.75v-4.5a.75.75 0 00-1.326-.48z"
+  })]
+}));

package/bpk-component-icon/sm/weather--tornado.js

@@ -1,8 +1,19 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style={{
-  width: "1rem",
-  height: "1rem"
-}} {...props}><path d="M1.5 1.5a1.5 1.5 0 000 3h21a1.5 1.5 0 000-3zm3 4.5a1.5 1.5 0 000 3h15a1.5 1.5 0 000-3zM6 12a1.5 1.5 0 011.5-1.5H21a1.5 1.5 0 010 3H7.5A1.5 1.5 0 016 12zm4.5 3a1.5 1.5 0 000 3h9a1.5 1.5 0 000-3zM9 21a1.5 1.5 0 011.5-1.5H15a1.5 1.5 0 010 3h-4.5A1.5 1.5 0 019 21z" /></svg>);
+}) => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  style: {
+    width: "1rem",
+    height: "1rem"
+  },
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M1.5 1.5a1.5 1.5 0 000 3h21a1.5 1.5 0 000-3zm3 4.5a1.5 1.5 0 000 3h15a1.5 1.5 0 000-3zM6 12a1.5 1.5 0 011.5-1.5H21a1.5 1.5 0 010 3H7.5A1.5 1.5 0 016 12zm4.5 3a1.5 1.5 0 000 3h9a1.5 1.5 0 000-3zM9 21a1.5 1.5 0 011.5-1.5H15a1.5 1.5 0 010 3h-4.5A1.5 1.5 0 019 21z"
+  })
+}));

package/bpk-component-icon/sm/weather--wind.js

@@ -1,8 +1,22 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style={{
-  width: "1rem",
-  height: "1rem"
-}} {...props}><path d="M10.5 3a3 3 0 00-3 3 1.5 1.5 0 01-3 0 6 6 0 116 6h-9a1.5 1.5 0 010-3h9a3 3 0 000-6z" /><path d="M13.5 21a1.5 1.5 0 01-1.397-.95 1.5 1.5 0 00-2.79 1.099A4.501 4.501 0 0017.743 18H19.5a4.5 4.5 0 10-4.188-6.148 1.5 1.5 0 002.791 1.099A1.5 1.5 0 1119.5 15h-18a1.5 1.5 0 100 3h12a1.5 1.5 0 010 3z" /></svg>);
+}) => /*#__PURE__*/_jsxs("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  style: {
+    width: "1rem",
+    height: "1rem"
+  },
+  ...props,
+  children: [/*#__PURE__*/_jsx("path", {
+    d: "M10.5 3a3 3 0 00-3 3 1.5 1.5 0 01-3 0 6 6 0 116 6h-9a1.5 1.5 0 010-3h9a3 3 0 000-6z"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M13.5 21a1.5 1.5 0 01-1.397-.95 1.5 1.5 0 00-2.79 1.099A4.501 4.501 0 0017.743 18H19.5a4.5 4.5 0 10-4.188-6.148 1.5 1.5 0 002.791 1.099A1.5 1.5 0 1119.5 15h-18a1.5 1.5 0 100 3h12a1.5 1.5 0 010 3z"
+  })]
+}));

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

@@ -1,8 +1,19 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style={{
-  width: "1rem",
-  height: "1rem"
-}} {...props}><path d="M12 0a1.5 1.5 0 00-1.5 1.5V3a1.5 1.5 0 003 0V1.5A1.5 1.5 0 0012 0zm0 19.5a1.5 1.5 0 00-1.5 1.5v1.5a1.5 1.5 0 003 0V21a1.5 1.5 0 00-1.5-1.5zM0 12a1.5 1.5 0 001.5 1.5H3a1.5 1.5 0 000-3H1.5A1.5 1.5 0 000 12zm19.5 0a1.5 1.5 0 001.5 1.5h1.5a1.5 1.5 0 000-3H21a1.5 1.5 0 00-1.5 1.5zM3.515 5.636a1.5 1.5 0 112.084-2.158l.037.037 1.06 1.06a1.5 1.5 0 11-2.083 2.159l-.037-.037-1.062-1.061zm13.788 13.789a1.5 1.5 0 112.121-2.122l1.061 1.061a1.5 1.5 0 11-2.084 2.158l-.037-.037-1.06-1.06zm-13.788 1.06a1.5 1.5 0 002.12 0l1.062-1.06a1.5 1.5 0 00-2.122-2.122l-1.06 1.061a1.5 1.5 0 000 2.121zM17.303 6.697a1.5 1.5 0 002.121 0l1.061-1.06a1.5 1.5 0 10-2.121-2.122l-1.06 1.06a1.5 1.5 0 000 2.121v.001zM12 18a6 6 0 10-6-6 6 6 0 006 6z" /></svg>);
+}) => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  style: {
+    width: "1rem",
+    height: "1rem"
+  },
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M12 0a1.5 1.5 0 00-1.5 1.5V3a1.5 1.5 0 003 0V1.5A1.5 1.5 0 0012 0zm0 19.5a1.5 1.5 0 00-1.5 1.5v1.5a1.5 1.5 0 003 0V21a1.5 1.5 0 00-1.5-1.5zM0 12a1.5 1.5 0 001.5 1.5H3a1.5 1.5 0 000-3H1.5A1.5 1.5 0 000 12zm19.5 0a1.5 1.5 0 001.5 1.5h1.5a1.5 1.5 0 000-3H21a1.5 1.5 0 00-1.5 1.5zM3.515 5.636a1.5 1.5 0 112.084-2.158l.037.037 1.06 1.06a1.5 1.5 0 11-2.083 2.159l-.037-.037-1.062-1.061zm13.788 13.789a1.5 1.5 0 112.121-2.122l1.061 1.061a1.5 1.5 0 11-2.084 2.158l-.037-.037-1.06-1.06zm-13.788 1.06a1.5 1.5 0 002.12 0l1.062-1.06a1.5 1.5 0 00-2.122-2.122l-1.06 1.061a1.5 1.5 0 000 2.121zM17.303 6.697a1.5 1.5 0 002.121 0l1.061-1.06a1.5 1.5 0 10-2.121-2.122l-1.06 1.06a1.5 1.5 0 000 2.121v.001zM12 18a6 6 0 10-6-6 6 6 0 006 6z"
+  })
+}));

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

@@ -1,8 +1,19 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style={{
-  width: "1rem",
-  height: "1rem"
-}} {...props}><path d="M12 6.688A17.987 17.987 0 002.465 9.38a.658.658 0 01-.845-.12L.556 8.044a.727.727 0 01.152-1.098l.019-.012A21.283 21.283 0 0112 3.75a21.291 21.291 0 0111.274 3.183l.02.012a.727.727 0 01.15 1.098l-1.062 1.218a.658.658 0 01-.844.12A18.002 18.002 0 0012 6.687zm-6.444 7.083a.787.787 0 00.968.161 11.637 11.637 0 0110.954.001.787.787 0 00.968-.162l1.007-1.153a.717.717 0 00-.171-1.1 14.949 14.949 0 00-14.562 0 .716.716 0 00-.171 1.1l1.006 1.153zm3.82 4.386l1.52 1.62a1.526 1.526 0 002.209 0l1.52-1.62a1.139 1.139 0 00-.183-1.835 5.497 5.497 0 00-4.883 0 1.139 1.139 0 00-.183 1.835z" /></svg>);
+}) => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  style: {
+    width: "1rem",
+    height: "1rem"
+  },
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M12 6.688A17.987 17.987 0 002.465 9.38a.658.658 0 01-.845-.12L.556 8.044a.727.727 0 01.152-1.098l.019-.012A21.283 21.283 0 0112 3.75a21.291 21.291 0 0111.274 3.183l.02.012a.727.727 0 01.15 1.098l-1.062 1.218a.658.658 0 01-.844.12A18.002 18.002 0 0012 6.687zm-6.444 7.083a.787.787 0 00.968.161 11.637 11.637 0 0110.954.001.787.787 0 00.968-.162l1.007-1.153a.717.717 0 00-.171-1.1 14.949 14.949 0 00-14.562 0 .716.716 0 00-.171 1.1l1.006 1.153zm3.82 4.386l1.52 1.62a1.526 1.526 0 002.209 0l1.52-1.62a1.139 1.139 0 00-.183-1.835 5.497 5.497 0 00-4.883 0 1.139 1.139 0 00-.183 1.835z"
+  })
+}));

package/bpk-component-icon/sm/window--reduce.js

@@ -1,8 +1,22 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style={{
-  width: "1rem",
-  height: "1rem"
-}} {...props}><path d="M4.5 7.5a3 3 0 013-3H12a1.5 1.5 0 000-3H7.5a6 6 0 00-6 6v9a6 6 0 006 6h9a6 6 0 006-6V12a1.5 1.5 0 00-3 0v4.5a3 3 0 01-3 3h-9a3 3 0 01-3-3z" /><path d="M17.56 8.56l-4.939 4.94H15a1.5 1.5 0 010 3H8.996a1.495 1.495 0 01-1.053-.436l-.007-.006A1.496 1.496 0 017.5 15V9a1.5 1.5 0 013 0v2.379l4.94-4.94a1.5 1.5 0 012.12 2.122z" /></svg>);
+}) => /*#__PURE__*/_jsxs("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  style: {
+    width: "1rem",
+    height: "1rem"
+  },
+  ...props,
+  children: [/*#__PURE__*/_jsx("path", {
+    d: "M4.5 7.5a3 3 0 013-3H12a1.5 1.5 0 000-3H7.5a6 6 0 00-6 6v9a6 6 0 006 6h9a6 6 0 006-6V12a1.5 1.5 0 00-3 0v4.5a3 3 0 01-3 3h-9a3 3 0 01-3-3z"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M17.56 8.56l-4.939 4.94H15a1.5 1.5 0 010 3H8.996a1.495 1.495 0 01-1.053-.436l-.007-.006A1.496 1.496 0 017.5 15V9a1.5 1.5 0 013 0v2.379l4.94-4.94a1.5 1.5 0 012.12 2.122z"
+  })]
+}));

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

@@ -1,8 +1,19 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style={{
-  width: "1rem",
-  height: "1rem"
-}} {...props}><path d="M19.5 1.5h-15a3 3 0 00-3 3v15a3 3 0 003 3h15a3 3 0 003-3v-15a3 3 0 00-3-3zm0 16.5a1.5 1.5 0 01-1.5 1.5H6A1.5 1.5 0 014.5 18V9A1.5 1.5 0 016 7.5h12A1.5 1.5 0 0119.5 9z" /></svg>);
+}) => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  style: {
+    width: "1rem",
+    height: "1rem"
+  },
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M19.5 1.5h-15a3 3 0 00-3 3v15a3 3 0 003 3h15a3 3 0 003-3v-15a3 3 0 00-3-3zm0 16.5a1.5 1.5 0 01-1.5 1.5H6A1.5 1.5 0 014.5 18V9A1.5 1.5 0 016 7.5h12A1.5 1.5 0 0119.5 9z"
+  })
+}));

package/bpk-component-icon/sm/world--amer.js

@@ -1,8 +1,19 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style={{
-  width: "1rem",
-  height: "1rem"
-}} {...props}><path d="M12 1.5c5.799 0 10.5 4.702 10.5 10.5 0 5.8-4.701 10.5-10.5 10.5S1.5 17.8 1.5 12C1.5 6.203 6.201 1.5 12 1.5zM5.232 8.764a7.5 7.5 0 007.225 10.723c.082-.359.098-.712-.086-1.018a1.44 1.44 0 00-.42-.417l-.168-.114c-.198-.134-.397-.268-.538-.456a1.872 1.872 0 01-.142-1.496l.082-.208a3.559 3.559 0 00.343-1.721 5.358 5.358 0 01-1.85-.496 4.327 4.327 0 01-.76-.56l-.236-.211c-.4-.362-.798-.722-1.298-.906a2.203 2.203 0 01-.794-.35 1.438 1.438 0 01-.215-.299l-1.04-2.26-.103-.21zm8.36-4.094l.163.173c.341.382.64.804.886 1.258a5.28 5.28 0 00-2.954 2.472 1.223 1.223 0 01-.208.416l-.069.065c-.051.046-.103.092-.129.155a.446.446 0 00-.01.192l.025.093c.099.354.208.704.328 1.051-.425.248-1.051.46-1.334.057a.885.885 0 01-.12-.29l-.037-.161c-.052-.244-.102-.475-.325-.533a.62.62 0 00-.202 0l-1.248.307a4.169 4.169 0 00-.072 1.944c.765-.115 1.698-.164 2.15.464.063.089.118.19.17.296l.074.16c.16.343.315.679.665.707.19-.006.375-.06.54-.156a3.46 3.46 0 013.285.283c.277.258.627.424 1.002.478l.077-.004c.113-.007.23-.014.308.063a.5.5 0 01.085.3c.07.521.646.814 1.166.893l.228.028.435.04.135.02.002-.005.056.008A7.503 7.503 0 0013.591 4.67z" /></svg>);
+}) => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  style: {
+    width: "1rem",
+    height: "1rem"
+  },
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M12 1.5c5.799 0 10.5 4.702 10.5 10.5 0 5.8-4.701 10.5-10.5 10.5S1.5 17.8 1.5 12C1.5 6.203 6.201 1.5 12 1.5zM5.232 8.764a7.5 7.5 0 007.225 10.723c.082-.359.098-.712-.086-1.018a1.44 1.44 0 00-.42-.417l-.168-.114c-.198-.134-.397-.268-.538-.456a1.872 1.872 0 01-.142-1.496l.082-.208a3.559 3.559 0 00.343-1.721 5.358 5.358 0 01-1.85-.496 4.327 4.327 0 01-.76-.56l-.236-.211c-.4-.362-.798-.722-1.298-.906a2.203 2.203 0 01-.794-.35 1.438 1.438 0 01-.215-.299l-1.04-2.26-.103-.21zm8.36-4.094l.163.173c.341.382.64.804.886 1.258a5.28 5.28 0 00-2.954 2.472 1.223 1.223 0 01-.208.416l-.069.065c-.051.046-.103.092-.129.155a.446.446 0 00-.01.192l.025.093c.099.354.208.704.328 1.051-.425.248-1.051.46-1.334.057a.885.885 0 01-.12-.29l-.037-.161c-.052-.244-.102-.475-.325-.533a.62.62 0 00-.202 0l-1.248.307a4.169 4.169 0 00-.072 1.944c.765-.115 1.698-.164 2.15.464.063.089.118.19.17.296l.074.16c.16.343.315.679.665.707.19-.006.375-.06.54-.156a3.46 3.46 0 013.285.283c.277.258.627.424 1.002.478l.077-.004c.113-.007.23-.014.308.063a.5.5 0 01.085.3c.07.521.646.814 1.166.893l.228.028.435.04.135.02.002-.005.056.008A7.503 7.503 0 0013.591 4.67z"
+  })
+}));

package/bpk-component-icon/sm/world--apac.js

@@ -1,8 +1,19 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style={{
-  width: "1rem",
-  height: "1rem"
-}} {...props}><path d="M12 1.5c5.799 0 10.5 4.701 10.5 10.5S17.799 22.5 12 22.5 1.5 17.799 1.5 12 6.201 1.5 12 1.5zm1.83 17.489l-1.902.51.072.001c.908 0 1.777-.161 2.583-.457l-.038-.037a.871.871 0 00-.714-.017zm.446-14.137l.02.098.059.125.07.12c.043.074.087.147.12.226a.925.925 0 01-.412 1.135l-1.149-1.343a1.57 1.57 0 00-.429.878c.003.112.018.222.045.33l.597 1.954c-.904.388-1.757.888-2.537 1.488a.151.151 0 00-.044.25l.66 1.023c.062.078.1.171.11.27a.414.414 0 01-.099.25c-.349.381-.9.503-1.376.303a3.165 3.165 0 01-.984-.683l-.2-.226a17.683 17.683 0 01-1.391-1.722 1.06 1.06 0 00-.86.536c-.17.309-.287.645-.345.993l-.672 2.96c-.172-.076-.315-.246-.45-.435l-.102-.143a2.662 2.662 0 00-.363-.452 7.498 7.498 0 006.488 6.651l.003-.368a5.285 5.285 0 00-.06-.674c-.068-.452.05-.912.325-1.276.35-.28.757-.478 1.194-.578a3.245 3.245 0 001.645-1.425l.889.049a22.8 22.8 0 011.599-.044l.8.02c.08-.005.16.015.229.055a.441.441 0 01.133.279c.069.31.17.614.3.903a7.503 7.503 0 00-3.812-11.527z" /></svg>);
+}) => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  style: {
+    width: "1rem",
+    height: "1rem"
+  },
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M12 1.5c5.799 0 10.5 4.701 10.5 10.5S17.799 22.5 12 22.5 1.5 17.799 1.5 12 6.201 1.5 12 1.5zm1.83 17.489l-1.902.51.072.001c.908 0 1.777-.161 2.583-.457l-.038-.037a.871.871 0 00-.714-.017zm.446-14.137l.02.098.059.125.07.12c.043.074.087.147.12.226a.925.925 0 01-.412 1.135l-1.149-1.343a1.57 1.57 0 00-.429.878c.003.112.018.222.045.33l.597 1.954c-.904.388-1.757.888-2.537 1.488a.151.151 0 00-.044.25l.66 1.023c.062.078.1.171.11.27a.414.414 0 01-.099.25c-.349.381-.9.503-1.376.303a3.165 3.165 0 01-.984-.683l-.2-.226a17.683 17.683 0 01-1.391-1.722 1.06 1.06 0 00-.86.536c-.17.309-.287.645-.345.993l-.672 2.96c-.172-.076-.315-.246-.45-.435l-.102-.143a2.662 2.662 0 00-.363-.452 7.498 7.498 0 006.488 6.651l.003-.368a5.285 5.285 0 00-.06-.674c-.068-.452.05-.912.325-1.276.35-.28.757-.478 1.194-.578a3.245 3.245 0 001.645-1.425l.889.049a22.8 22.8 0 011.599-.044l.8.02c.08-.005.16.015.229.055a.441.441 0 01.133.279c.069.31.17.614.3.903a7.503 7.503 0 00-3.812-11.527z"
+  })
+}));

package/bpk-component-icon/sm/world--emea.js

@@ -1,8 +1,19 @@
 import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default (({
   styles = {},
   ...props
-}) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style={{
-  width: "1rem",
-  height: "1rem"
-}} {...props}><path d="M12 1.5c5.799 0 10.5 4.701 10.5 10.5S17.799 22.5 12 22.5 1.5 17.799 1.5 12 6.201 1.5 12 1.5zm-.55 3.02l-.097.008-.327.035a7.501 7.501 0 00.649 14.93L12 19.5l.184-.002-.034-.476-.015-.475c0-.172-.074-.233-.175-.262l-.064-.015-.145-.024c-.104-.02-.206-.055-.275-.16l-.044-.093-.096-.285c-.098-.285-.203-.471-.56-.502a1.17 1.17 0 01-.345-.075l-.072-.032-.113-.06c-.102-.052-.202-.067-.493.046a2.09 2.09 0 01-2.269-.742 4.497 4.497 0 01-.844-2.37c.006-.275.09-.542.242-.77.044-.088.143-.17.26-.248l.121-.075.24-.14.104-.065.084-.063.305-.258c.377-.326.663-.613.803-1.097l.051-.22 2.1-.087.32.113c.86.26 1.81.201 2.75.062l.352-.055 1.358-.24.083-.081c.277-.352-.055-.982-.52-1.128a4.627 4.627 0 00-1.57.033c-.479.02-1.049-.177-1.2-.606l-.032-.136-.007-.08-.008-.176c-.007-.124-.03-.24-.126-.31a.444.444 0 00-.41-.002c-.54.263-1.057.57-1.547.916a1.78 1.78 0 01-1.521.242l-.19-.068.056-1.017.08-.079a.786.786 0 01.325-.13l.125-.022.287-.036c.254-.034.473-.092.522-.325a1.742 1.742 0 00-.022-.378c-.003-.273.175-.458.413-.614l.124-.075.529-.287.123-.075c.239-.156.418-.34.417-.613a2.06 2.06 0 00-.199-.612 1.6 1.6 0 01-.038-.291v-.145l.026-.214zm6.338 7.207l-1.327.54a.451.451 0 00-.28.217.428.428 0 00.023.28 5.174 5.174 0 002.513 2.574 7.17 7.17 0 00.4-.968.643.643 0 01-.175-.043.72.72 0 01-.26-.31 9.735 9.735 0 01-.894-2.29zM9.658 5.05c.175-.026.331.207.46.482l.053.12.108.273.113.304.026.062.028.045c.004.004.008.005.01.004-.334.104-.664.22-.99.35l-.484.204-.316-.367-.02-.042-.008-.047.027-.058.11-.118.07-.096.072-.114.321-.555.086-.135c.114-.17.227-.297.334-.312z" /></svg>);
+}) => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  style: {
+    width: "1rem",
+    height: "1rem"
+  },
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M12 1.5c5.799 0 10.5 4.701 10.5 10.5S17.799 22.5 12 22.5 1.5 17.799 1.5 12 6.201 1.5 12 1.5zm-.55 3.02l-.097.008-.327.035a7.501 7.501 0 00.649 14.93L12 19.5l.184-.002-.034-.476-.015-.475c0-.172-.074-.233-.175-.262l-.064-.015-.145-.024c-.104-.02-.206-.055-.275-.16l-.044-.093-.096-.285c-.098-.285-.203-.471-.56-.502a1.17 1.17 0 01-.345-.075l-.072-.032-.113-.06c-.102-.052-.202-.067-.493.046a2.09 2.09 0 01-2.269-.742 4.497 4.497 0 01-.844-2.37c.006-.275.09-.542.242-.77.044-.088.143-.17.26-.248l.121-.075.24-.14.104-.065.084-.063.305-.258c.377-.326.663-.613.803-1.097l.051-.22 2.1-.087.32.113c.86.26 1.81.201 2.75.062l.352-.055 1.358-.24.083-.081c.277-.352-.055-.982-.52-1.128a4.627 4.627 0 00-1.57.033c-.479.02-1.049-.177-1.2-.606l-.032-.136-.007-.08-.008-.176c-.007-.124-.03-.24-.126-.31a.444.444 0 00-.41-.002c-.54.263-1.057.57-1.547.916a1.78 1.78 0 01-1.521.242l-.19-.068.056-1.017.08-.079a.786.786 0 01.325-.13l.125-.022.287-.036c.254-.034.473-.092.522-.325a1.742 1.742 0 00-.022-.378c-.003-.273.175-.458.413-.614l.124-.075.529-.287.123-.075c.239-.156.418-.34.417-.613a2.06 2.06 0 00-.199-.612 1.6 1.6 0 01-.038-.291v-.145l.026-.214zm6.338 7.207l-1.327.54a.451.451 0 00-.28.217.428.428 0 00.023.28 5.174 5.174 0 002.513 2.574 7.17 7.17 0 00.4-.968.643.643 0 01-.175-.043.72.72 0 01-.26-.31 9.735 9.735 0 01-.894-2.29zM9.658 5.05c.175-.026.331.207.46.482l.053.12.108.273.113.304.026.062.028.045c.004.004.008.005.01.004-.334.104-.664.22-.99.35l-.484.204-.316-.367-.02-.042-.008-.047.027-.058.11-.118.07-.096.072-.114.321-.555.086-.135c.114-.17.227-.297.334-.312z"
+  })
+}));

package/bpk-component-icon/src/classNameModifierHOCFactory.js

@@ -0,0 +1,39 @@
+/*
+ * 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 { wrapDisplayName } from "../../bpk-react-utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default ((displayName, classNamesToAdd = []) => ComposedComponent => {
+  const ClassNameModifierHOC = props => {
+    let classNames = [];
+    const {
+      className,
+      ...rest
+    } = props;
+    if (className) {
+      classNames.push(className);
+    }
+    classNames = classNamesToAdd.length ? classNames.concat(classNamesToAdd) : classNames;
+    return /*#__PURE__*/_jsx(ComposedComponent, {
+      className: classNames.join(' '),
+      ...rest
+    });
+  };
+  ClassNameModifierHOC.displayName = wrapDisplayName(ComposedComponent, displayName);
+  return ClassNameModifierHOC;
+});

package/bpk-component-icon/src/withAlignment.js

@@ -0,0 +1,40 @@
+/*
+ * 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 { wrapDisplayName } from "../../bpk-react-utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function withAlignment(Component, objectHeight, subjectHeight) {
+  const WithAlignment = props => {
+    const objectHeightDecimal = `${objectHeight}`.replace('rem', '');
+    const subjectHeightDecimal = `${subjectHeight}`.replace('rem', '');
+    const marginTopCalculated = `${Math.max(0, objectHeightDecimal - subjectHeightDecimal) / 2}rem`;
+    return /*#__PURE__*/_jsx("span", {
+      style: {
+        lineHeight: subjectHeight,
+        display: 'inline-block',
+        marginTop: marginTopCalculated,
+        verticalAlign: 'top'
+      },
+      children: /*#__PURE__*/_jsx(Component, {
+        ...props
+      })
+    });
+  };
+  WithAlignment.displayName = wrapDisplayName(Component, 'withAlignment');
+  return WithAlignment;
+}

package/bpk-component-icon/src/{withDescription.tsx → withDescription.js}

@@ -16,28 +16,20 @@
  * limitations under the License.
  */
 
-import type { ComponentType } from 'react';
-
-import { cssModules, wrapDisplayName } from '../../bpk-react-utils';
-
-import STYLES from './withDescription.module.scss';
-
+import { cssModules, wrapDisplayName } from "../../bpk-react-utils";
+import STYLES from "./withDescription.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
-
-export default function withDescription(
-  Component: ComponentType<any>,
-  description: string,
-): ComponentType<any> {
-  const WithDescription = (props: string[]) => (
-    <span>
-      <Component {...props} />
-      <span className={getClassName('bpk-icon-description')}>
-        {description}
-      </span>
-    </span>
-  );
-
+export default function withDescription(Component, description) {
+  const WithDescription = props => /*#__PURE__*/_jsxs("span", {
+    children: [/*#__PURE__*/_jsx(Component, {
+      ...props
+    }), /*#__PURE__*/_jsx("span", {
+      className: getClassName('bpk-icon-description'),
+      children: description
+    })]
+  });
   WithDescription.displayName = wrapDisplayName(Component, 'withDescription');
-
   return WithDescription;
-}
+}

package/bpk-component-icon/src/{withRtlSupport.tsx → withRtlSupport.js}

@@ -16,13 +16,8 @@
  * limitations under the License.
  */
 
-import { cssModules } from '../../bpk-react-utils';
-
-import STYLES from './BpkIcon.module.scss';
-import classNameModifierHOCFactory from './classNameModifierHOCFactory';
-
+import { cssModules } from "../../bpk-react-utils";
+import STYLES from "./BpkIcon.module.css";
+import classNameModifierHOCFactory from "./classNameModifierHOCFactory";
 const getClassName = cssModules(STYLES);
-
-export default classNameModifierHOCFactory('withRtlSupport', [
-  getClassName('bpk-icon--rtl-support'),
-]);
+export default classNameModifierHOCFactory('withRtlSupport', [getClassName('bpk-icon--rtl-support')]);

package/bpk-component-image/index.js

@@ -0,0 +1,25 @@
+/*
+ * 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 BpkImage from "./src/BpkImage";
+import BpkBackgroundImage from "./src/BpkBackgroundImage";
+import withLazyLoading from "./src/withLazyLoading";
+import withLoadingBehavior from "./src/withLoadingBehavior";
+import BORDER_RADIUS_STYLES from "./src/BpkImageBorderRadiusStyles";
+export default BpkImage;
+export { BpkBackgroundImage, withLazyLoading, withLoadingBehavior, BORDER_RADIUS_STYLES };

package/bpk-component-image/src/BpkBackgroundImage.js

@@ -0,0 +1,130 @@
+/*
+ * 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 { Component } from 'react';
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+import CSSTransition from 'react-transition-group/CSSTransition';
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+import { animations } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
+import { cssModules } from "../../bpk-react-utils";
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+import { BpkSpinner } from "../../bpk-component-spinner";
+import STYLES from "./BpkBackgroundImage.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
+class BpkBackgroundImage extends Component {
+  static defaultProps = {
+    className: '',
+    inView: true,
+    loading: false,
+    onLoad: null,
+    style: {},
+    imageStyle: {}
+  };
+  constructor(props) {
+    super(props);
+    this.trackImg = null;
+  }
+  componentDidMount() {
+    if (this.props.inView) {
+      this.startImageLoad();
+    }
+  }
+  UNSAFE_componentWillReceiveProps(newProps) {
+    if (!this.props.inView && newProps.inView) {
+      this.startImageLoad();
+    }
+  }
+  onBackgroundImageLoad = () => {
+    if (this.props.onLoad) {
+      this.props.onLoad();
+    }
+    delete this.trackImg;
+  };
+  getAspectRatio = () => {
+    if (this.props.aspectRatio) {
+      return this.props.aspectRatio;
+    }
+    return 1;
+  };
+  startImageLoad = () => {
+    this.trackImg = new Image();
+    this.trackImg.src = this.props.src;
+    this.trackImg.onload = this.onBackgroundImageLoad;
+  };
+  render() {
+    const {
+      children,
+      className,
+      imageStyle,
+      inView,
+      loading,
+      src,
+      style
+    } = this.props;
+    const calculatedAspectRatio = this.getAspectRatio();
+    const aspectRatioPc = `${100 / calculatedAspectRatio}%`;
+    const classNames = [getClassName('bpk-background-image')];
+    const imageClassNames = [getClassName('bpk-background-image__img')];
+    if (!loading) {
+      classNames.push(getClassName('bpk-background-image--no-background'));
+      imageClassNames.push(getClassName('bpk-background-image__img--shown'));
+    }
+    return /*#__PURE__*/_jsx("div", {
+      style: style,
+      className: className,
+      children: /*#__PURE__*/_jsxs("div", {
+        style: {
+          height: 0,
+          paddingBottom: aspectRatioPc
+        },
+        className: classNames.join(' '),
+        children: [/*#__PURE__*/_jsx("div", {
+          style: {
+            backgroundImage: !inView || loading ? '' : `url(${src})`,
+            ...imageStyle
+          },
+          className: imageClassNames.join(' ')
+        }), loading && /*#__PURE__*/_jsx(CSSTransition, {
+          classNames: {
+            exit: getClassName('bpk-image__spinner--shown'),
+            exitActive: getClassName('bpk-image__spinner--hidden')
+          },
+          timeout: parseInt(animations.durationBase, 10),
+          children: /*#__PURE__*/_jsx("div", {
+            className: getClassName('bpk-image__spinner'),
+            children: /*#__PURE__*/_jsx(BpkSpinner, {})
+          })
+        }), typeof window === 'undefined' && (!inView || loading) && /*#__PURE__*/_jsx("noscript", {
+          children: /*#__PURE__*/_jsx("div", {
+            style: {
+              backgroundImage: `url(${src})`,
+              ...imageStyle
+            },
+            className: imageClassNames.join(' ')
+          })
+        }), !loading && /*#__PURE__*/_jsx("div", {
+          className: getClassName('bpk-background-image__content'),
+          children: children
+        })]
+      })
+    });
+  }
+}
+export default BpkBackgroundImage;