@skyscanner/backpack-web 36.1.0 → 36.1.2

package/bpk-component-price/src/BpkPrice.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-.bpk-price{display:flex;flex-direction:column;color:#626971}.bpk-price--right{text-align:right}html[dir=rtl] .bpk-price--right{text-align:left}.bpk-price__leading{display:flex;flex-direction:row}.bpk-price__leading--right{display:flex;flex-direction:row-reverse}.bpk-price__previous-price{display:flex;color:#e70866;text-decoration-line:line-through}.bpk-price__separator{display:flex;margin:0 .25rem}.bpk-price__column-container{display:flex;flex-direction:column}.bpk-price__price{display:contents;color:#161616;word-break:break-all}.bpk-price__spacing::after{content:"";margin-right:.25rem}html[dir=rtl] .bpk-price__spacing::after{margin-right:unset;margin-left:.25rem}.bpk-price__trailing{display:contents;white-space:nowrap}
+.bpk-price{display:flex;flex-direction:column;color:#626971}.bpk-price--right{text-align:right}html[dir=rtl] .bpk-price--right{text-align:left}.bpk-price__leading{display:flex;flex-direction:row}.bpk-price__leading--right{display:flex;justify-content:flex-end}.bpk-price__previous-price{display:flex;color:#e70866;text-decoration-line:line-through}.bpk-price__separator{display:flex;margin:0 .25rem}.bpk-price__column-container{display:flex;flex-direction:column}.bpk-price__price{display:contents;color:#161616;word-break:break-all}.bpk-price__spacing::after{content:"";margin-right:.25rem}html[dir=rtl] .bpk-price__spacing::after{margin-right:unset;margin-left:.25rem}.bpk-price__trailing{display:contents;white-space:nowrap}

package/bpk-component-spinner/src/BpkExtraLargeSpinner.js

@@ -1,4 +1,3 @@
-import React from "react";
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -16,68 +15,12 @@ import React from "react";
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var XlSpinner = function XlSpinner(props) {
-  return /*#__PURE__*/_jsxs("svg", {
-    ...props,
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M16 9.092c-.67 0-1.22-.549-1.22-1.22V2.997c0-.67.55-1.219 1.22-1.219.671 0 1.22.549 1.22 1.22v4.876c0 .67-.549 1.219-1.22 1.219",
-      clipRule: "evenodd",
-      opacity: ".65"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M19.454 10.012a1.22 1.22 0 0 1-.446-1.664l2.44-4.22a1.225 1.225 0 0 1 1.667-.445 1.22 1.22 0 0 1 .447 1.664l-2.44 4.22c-.336.58-1.086.78-1.668.445",
-      clipRule: "evenodd",
-      opacity: ".75"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M21.982 12.546a1.223 1.223 0 0 1 .447-1.665l4.222-2.438a1.223 1.223 0 0 1 1.666.446c.335.58.134 1.33-.447 1.665l-4.222 2.438a1.223 1.223 0 0 1-1.666-.446",
-      clipRule: "evenodd",
-      opacity: ".85"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M22.908 16c0-.671.548-1.22 1.219-1.22h4.876c.67 0 1.22.549 1.22 1.22 0 .67-.55 1.218-1.22 1.218h-4.876c-.67 0-1.22-.548-1.22-1.219",
-      clipRule: "evenodd",
-      opacity: ".9"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M21.982 19.454a1.22 1.22 0 0 1 1.664-.447l4.22 2.44c.58.336.781 1.086.446 1.667a1.22 1.22 0 0 1-1.664.447l-4.22-2.44a1.225 1.225 0 0 1-.446-1.667",
-      clipRule: "evenodd",
-      opacity: ".2"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M19.454 21.982a1.223 1.223 0 0 1 1.665.446l2.438 4.223c.335.58.135 1.33-.446 1.665-.58.335-1.33.134-1.665-.446l-2.438-4.223a1.223 1.223 0 0 1 .446-1.665",
-      clipRule: "evenodd",
-      opacity: ".25"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M16 22.907c.67 0 1.219.549 1.219 1.22v4.876c0 .67-.549 1.218-1.219 1.218s-1.22-.548-1.22-1.218v-4.877c0-.67.55-1.219 1.22-1.219",
-      clipRule: "evenodd",
-      opacity: ".3"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M12.546 21.982c.58.335.781 1.083.446 1.664l-2.438 4.22c-.335.58-1.084.78-1.665.445a1.221 1.221 0 0 1-.446-1.664l2.438-4.22a1.223 1.223 0 0 1 1.665-.445",
-      clipRule: "evenodd",
-      opacity: ".35"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M10.018 19.453c.335.581.134 1.33-.447 1.666L5.35 23.556a1.224 1.224 0 0 1-1.666-.447 1.223 1.223 0 0 1 .447-1.665l4.222-2.438a1.223 1.223 0 0 1 1.666.446",
-      clipRule: "evenodd",
-      opacity: ".4"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M9.092 16c0 .67-.549 1.218-1.219 1.218H2.997c-.67 0-1.22-.548-1.22-1.219 0-.67.55-1.219 1.22-1.219h4.876c.67 0 1.22.549 1.22 1.22",
-      clipRule: "evenodd",
-      opacity: ".45"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M10.013 12.55a1.22 1.22 0 0 1-1.664.446l-4.22-2.44a1.225 1.225 0 0 1-.446-1.667 1.22 1.22 0 0 1 1.664-.446l4.22 2.44c.58.336.781 1.086.446 1.667",
-      clipRule: "evenodd",
-      opacity: ".5"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M12.546 10.017c-.58.335-1.33.135-1.665-.446L8.443 5.348a1.223 1.223 0 0 1 .446-1.665 1.223 1.223 0 0 1 1.665.446l2.438 4.223c.335.58.135 1.33-.446 1.665",
-      clipRule: "evenodd",
-      opacity: ".55"
-    })]
-  });
-};
-XlSpinner.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 32 32"
-};
+
 import { cssModules } from "../../bpk-react-utils";
 import SPINNER_TYPES from "./spinnerTypes";
+import XlSpinner from "./spinners/xl";
 import STYLES from "./BpkSpinner.module.css";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkExtraLargeSpinner = ({
   className = null,

package/bpk-component-spinner/src/BpkLargeSpinner.js

@@ -1,4 +1,3 @@
-import React from "react";
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -16,68 +15,12 @@ import React from "react";
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var LgSpinner = function LgSpinner(props) {
-  return /*#__PURE__*/_jsxs("svg", {
-    ...props,
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M12 6.657a.946.946 0 0 1-.943-.943V1.943c0-.519.424-.943.943-.943.519 0 .943.424.943.943v3.771a.946.946 0 0 1-.943.943z",
-      clipRule: "evenodd",
-      opacity: ".65"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M14.671 7.373a.946.946 0 0 1-.345-1.288l1.886-3.266a.946.946 0 0 1 1.288-.345c.45.26.604.839.345 1.288L15.96 7.028a.946.946 0 0 1-1.288.345z",
-      clipRule: "evenodd",
-      opacity: ".75"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M16.627 9.329a.945.945 0 0 1 .345-1.288l3.266-1.886a.946.946 0 0 1 1.288.345.946.946 0 0 1-.345 1.288l-3.266 1.886a.946.946 0 0 1-1.288-.345z",
-      clipRule: "evenodd",
-      opacity: ".85"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M17.343 12c0-.519.424-.943.943-.943h3.771c.519 0 .943.424.943.943a.946.946 0 0 1-.943.943h-3.771a.946.946 0 0 1-.943-.943z",
-      clipRule: "evenodd",
-      opacity: ".9"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M16.627 14.671a.946.946 0 0 1 1.288-.345l3.266 1.886c.45.26.604.839.345 1.288a.946.946 0 0 1-1.288.345l-3.266-1.886a.946.946 0 0 1-.345-1.288z",
-      clipRule: "evenodd",
-      opacity: ".2"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M14.671 16.627a.946.946 0 0 1 1.288.345l1.886 3.266a.946.946 0 0 1-.345 1.288.945.945 0 0 1-1.288-.345l-1.886-3.266a.946.946 0 0 1 .345-1.288z",
-      clipRule: "evenodd",
-      opacity: ".25"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M12 17.343c.519 0 .943.424.943.943v3.771A.946.946 0 0 1 12 23a.946.946 0 0 1-.943-.943v-3.771c0-.519.424-.943.943-.943z",
-      clipRule: "evenodd",
-      opacity: ".3"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M9.329 16.627c.449.26.604.839.345 1.288l-1.886 3.266a.945.945 0 0 1-1.288.345.946.946 0 0 1-.345-1.288l1.886-3.266a.946.946 0 0 1 1.288-.345z",
-      clipRule: "evenodd",
-      opacity: ".35"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M7.373 14.671a.946.946 0 0 1-.345 1.288l-3.266 1.886a.946.946 0 0 1-1.288-.345.946.946 0 0 1 .345-1.288l3.266-1.886a.946.946 0 0 1 1.288.345z",
-      clipRule: "evenodd",
-      opacity: ".4"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M6.657 12a.946.946 0 0 1-.943.943H1.943A.946.946 0 0 1 1 12c0-.519.424-.943.943-.943h3.771c.519 0 .943.424.943.943z",
-      clipRule: "evenodd",
-      opacity: ".45"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M7.373 9.329a.946.946 0 0 1-1.288.345L2.819 7.788A.946.946 0 0 1 2.474 6.5a.946.946 0 0 1 1.288-.345L7.028 8.04a.946.946 0 0 1 .345 1.288z",
-      clipRule: "evenodd",
-      opacity: ".5"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M9.329 7.373a.946.946 0 0 1-1.288-.345L6.155 3.762A.946.946 0 0 1 6.5 2.474a.946.946 0 0 1 1.288.345l1.886 3.266a.946.946 0 0 1-.345 1.288z",
-      clipRule: "evenodd",
-      opacity: ".55"
-    })]
-  });
-};
-LgSpinner.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24"
-};
+
 import { cssModules } from "../../bpk-react-utils";
 import SPINNER_TYPES from "./spinnerTypes";
+import LgSpinner from "./spinners/lg";
 import STYLES from "./BpkSpinner.module.css";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkLargeSpinner = ({
   alignToButton = false,

package/bpk-component-spinner/src/BpkSpinner.js

@@ -1,4 +1,3 @@
-import React from "react";
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -16,55 +15,12 @@ import React from "react";
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var SmSpinner = function SmSpinner(props) {
-  return /*#__PURE__*/_jsxs("svg", {
-    ...props,
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M3 7H1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2Z",
-      opacity: ".45"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M15 7h-2a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2Z"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M7 13v2a1 1 0 1 0 2 0v-2a1 1 0 1 0-2 0Z",
-      opacity: ".3"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M7 1v2a1 1 0 0 0 2 0V1a1 1 0 0 0-2 0Z",
-      opacity: ".65"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "m9.634 12.83 1 1.732a1 1 0 1 0 1.732-1l-1-1.732a1 1 0 0 0-1.732 1Z",
-      opacity: ".25"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "m3.634 2.438 1 1.732a1 1 0 1 0 1.732-1l-1-1.732a1 1 0 1 0-1.732 1Z",
-      opacity: ".55"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "m11.83 11.366 1.732 1a1 1 0 1 0 1-1.732l-1.732-1a1 1 0 1 0-1 1.732Z",
-      opacity: ".2"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "m1.438 5.366 1.732 1a1 1 0 1 0 1-1.732l-1.732-1a1 1 0 1 0-1 1.732Z",
-      opacity: ".5"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "m12.83 6.366 1.732-1a1 1 0 0 0-1-1.732l-1.732 1a1 1 0 0 0 1 1.732Z",
-      opacity: ".85"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "m2.438 12.366 1.732-1a1 1 0 1 0-1-1.732l-1.732 1a1 1 0 1 0 1 1.732Z",
-      opacity: ".4"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "m11.366 4.17 1-1.732a1 1 0 0 0-1.732-1l-1 1.732a1 1 0 0 0 1.732 1Z",
-      opacity: ".75"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "m5.366 14.562 1-1.732a1 1 0 1 0-1.732-1l-1 1.732a1 1 0 0 0 1.732 1Z",
-      opacity: ".35"
-    })]
-  });
-};
-SmSpinner.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 16 16"
-};
+
 import { cssModules } from "../../bpk-react-utils";
 import SPINNER_TYPES from "./spinnerTypes";
+import SmSpinner from "./spinners/sm";
 import STYLES from "./BpkSpinner.module.css";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkSpinner = ({
   alignToButton = false,

package/bpk-component-spinner/src/spinners/lg.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LgIcon = props => /*#__PURE__*/_jsxs("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  "aria-hidden": "true",
+  width: "1.5rem",
+  height: "1.5rem",
+  ...props,
+  children: [/*#__PURE__*/_jsx("path", {
+    d: "M12 6.657a.946.946 0 0 1-.943-.943V1.943c0-.519.424-.943.943-.943s.943.424.943.943v3.771a.946.946 0 0 1-.943.943",
+    clipRule: "evenodd",
+    opacity: 0.65
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M14.671 7.373a.946.946 0 0 1-.345-1.288l1.886-3.266a.946.946 0 0 1 1.288-.345c.45.26.604.839.345 1.288L15.96 7.028a.946.946 0 0 1-1.288.345z",
+    clipRule: "evenodd",
+    opacity: 0.75
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M16.627 9.329a.945.945 0 0 1 .345-1.288l3.266-1.886a.946.946 0 0 1 1.288.345.946.946 0 0 1-.345 1.288l-3.266 1.886a.946.946 0 0 1-1.288-.345",
+    clipRule: "evenodd",
+    opacity: 0.85
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M17.343 12c0-.519.424-.943.943-.943h3.771c.519 0 .943.424.943.943a.946.946 0 0 1-.943.943h-3.771a.946.946 0 0 1-.943-.943",
+    clipRule: "evenodd",
+    opacity: 0.9
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M16.627 14.671a.946.946 0 0 1 1.288-.345l3.266 1.886c.45.26.604.839.345 1.288a.946.946 0 0 1-1.288.345l-3.266-1.886a.946.946 0 0 1-.345-1.288",
+    clipRule: "evenodd",
+    opacity: 0.2
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M14.671 16.627a.946.946 0 0 1 1.288.345l1.886 3.266a.946.946 0 0 1-.345 1.288.945.945 0 0 1-1.288-.345l-1.886-3.266a.946.946 0 0 1 .345-1.288",
+    clipRule: "evenodd",
+    opacity: 0.25
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M12 17.343c.519 0 .943.424.943.943v3.771A.946.946 0 0 1 12 23a.946.946 0 0 1-.943-.943v-3.771c0-.519.424-.943.943-.943",
+    clipRule: "evenodd",
+    opacity: 0.3
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M9.329 16.627c.449.26.604.839.345 1.288l-1.886 3.266a.945.945 0 0 1-1.288.345.946.946 0 0 1-.345-1.288l1.886-3.266a.946.946 0 0 1 1.288-.345",
+    clipRule: "evenodd",
+    opacity: 0.35
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M7.373 14.671a.946.946 0 0 1-.345 1.288l-3.266 1.886a.946.946 0 0 1-1.288-.345.946.946 0 0 1 .345-1.288l3.266-1.886a.946.946 0 0 1 1.288.345",
+    clipRule: "evenodd",
+    opacity: 0.4
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M6.657 12a.946.946 0 0 1-.943.943H1.943A.946.946 0 0 1 1 12c0-.519.424-.943.943-.943h3.771c.519 0 .943.424.943.943",
+    clipRule: "evenodd",
+    opacity: 0.45
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M7.373 9.329a.946.946 0 0 1-1.288.345L2.819 7.788A.946.946 0 0 1 2.474 6.5a.946.946 0 0 1 1.288-.345L7.028 8.04a.946.946 0 0 1 .345 1.288z",
+    clipRule: "evenodd",
+    opacity: 0.5
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M9.329 7.373a.946.946 0 0 1-1.288-.345L6.155 3.762A.946.946 0 0 1 6.5 2.474a.946.946 0 0 1 1.288.345l1.886 3.266a.946.946 0 0 1-.345 1.288",
+    clipRule: "evenodd",
+    opacity: 0.55
+  })]
+});
+export default LgIcon;

package/bpk-component-spinner/src/spinners/sm.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SmIcon = props => /*#__PURE__*/_jsxs("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 16 16",
+  "aria-hidden": "true",
+  width: "1rem",
+  height: "1rem",
+  ...props,
+  children: [/*#__PURE__*/_jsx("path", {
+    d: "M3 7H1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2",
+    opacity: 0.45
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M15 7h-2a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M7 13v2a1 1 0 1 0 2 0v-2a1 1 0 1 0-2 0",
+    opacity: 0.3
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M7 1v2a1 1 0 0 0 2 0V1a1 1 0 0 0-2 0",
+    opacity: 0.65
+  }), /*#__PURE__*/_jsx("path", {
+    d: "m9.634 12.83 1 1.732a1 1 0 1 0 1.732-1l-1-1.732a1 1 0 0 0-1.732 1",
+    opacity: 0.25
+  }), /*#__PURE__*/_jsx("path", {
+    d: "m3.634 2.438 1 1.732a1 1 0 1 0 1.732-1l-1-1.732a1 1 0 1 0-1.732 1",
+    opacity: 0.55
+  }), /*#__PURE__*/_jsx("path", {
+    d: "m11.83 11.366 1.732 1a1 1 0 1 0 1-1.732l-1.732-1a1 1 0 1 0-1 1.732",
+    opacity: 0.2
+  }), /*#__PURE__*/_jsx("path", {
+    d: "m1.438 5.366 1.732 1a1 1 0 1 0 1-1.732l-1.732-1a1 1 0 1 0-1 1.732",
+    opacity: 0.5
+  }), /*#__PURE__*/_jsx("path", {
+    d: "m12.83 6.366 1.732-1a1 1 0 0 0-1-1.732l-1.732 1a1 1 0 0 0 1 1.732",
+    opacity: 0.85
+  }), /*#__PURE__*/_jsx("path", {
+    d: "m2.438 12.366 1.732-1a1 1 0 1 0-1-1.732l-1.732 1a1 1 0 1 0 1 1.732",
+    opacity: 0.4
+  }), /*#__PURE__*/_jsx("path", {
+    d: "m11.366 4.17 1-1.732a1 1 0 0 0-1.732-1l-1 1.732a1 1 0 0 0 1.732 1",
+    opacity: 0.75
+  }), /*#__PURE__*/_jsx("path", {
+    d: "m5.366 14.562 1-1.732a1 1 0 1 0-1.732-1l-1 1.732a1 1 0 0 0 1.732 1",
+    opacity: 0.35
+  })]
+});
+export default SmIcon;

package/bpk-component-spinner/src/spinners/xl.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const XlIcon = props => /*#__PURE__*/_jsxs("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 32 32",
+  "aria-hidden": "true",
+  width: "2rem",
+  height: "2rem",
+  ...props,
+  children: [/*#__PURE__*/_jsx("path", {
+    d: "M16 9.092c-.67 0-1.22-.549-1.22-1.22V2.997c0-.67.55-1.219 1.22-1.219.671 0 1.22.549 1.22 1.22v4.876c0 .67-.549 1.219-1.22 1.219",
+    clipRule: "evenodd",
+    opacity: 0.65
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M19.454 10.012a1.22 1.22 0 0 1-.446-1.664l2.44-4.22a1.225 1.225 0 0 1 1.667-.445 1.22 1.22 0 0 1 .447 1.664l-2.44 4.22c-.336.58-1.086.78-1.668.445",
+    clipRule: "evenodd",
+    opacity: 0.75
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M21.982 12.546a1.223 1.223 0 0 1 .447-1.665l4.222-2.438a1.223 1.223 0 0 1 1.666.446c.335.58.134 1.33-.447 1.665l-4.222 2.438a1.223 1.223 0 0 1-1.666-.446",
+    clipRule: "evenodd",
+    opacity: 0.85
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M22.908 16c0-.671.548-1.22 1.219-1.22h4.876c.67 0 1.22.549 1.22 1.22s-.55 1.218-1.22 1.218h-4.876c-.67 0-1.22-.548-1.22-1.219",
+    clipRule: "evenodd",
+    opacity: 0.9
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M21.982 19.454a1.22 1.22 0 0 1 1.664-.447l4.22 2.44c.58.336.781 1.086.446 1.667a1.22 1.22 0 0 1-1.664.447l-4.22-2.44a1.225 1.225 0 0 1-.446-1.667",
+    clipRule: "evenodd",
+    opacity: 0.2
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M19.454 21.982a1.223 1.223 0 0 1 1.665.446l2.438 4.223c.335.58.135 1.33-.446 1.665-.58.335-1.33.134-1.665-.446l-2.438-4.223a1.223 1.223 0 0 1 .446-1.665",
+    clipRule: "evenodd",
+    opacity: 0.25
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M16 22.907c.67 0 1.219.549 1.219 1.22v4.876c0 .67-.549 1.218-1.219 1.218s-1.22-.548-1.22-1.218v-4.877c0-.67.55-1.219 1.22-1.219",
+    clipRule: "evenodd",
+    opacity: 0.3
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M12.546 21.982c.58.335.781 1.083.446 1.664l-2.438 4.22c-.335.58-1.084.78-1.665.445a1.22 1.22 0 0 1-.446-1.664l2.438-4.22a1.223 1.223 0 0 1 1.665-.445",
+    clipRule: "evenodd",
+    opacity: 0.35
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M10.018 19.453c.335.581.134 1.33-.447 1.666L5.35 23.556a1.224 1.224 0 0 1-1.666-.447 1.223 1.223 0 0 1 .447-1.665l4.222-2.438a1.223 1.223 0 0 1 1.666.446",
+    clipRule: "evenodd",
+    opacity: 0.4
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M9.092 16c0 .67-.549 1.218-1.219 1.218H2.997c-.67 0-1.22-.548-1.22-1.219 0-.67.55-1.219 1.22-1.219h4.876c.67 0 1.22.549 1.22 1.22",
+    clipRule: "evenodd",
+    opacity: 0.45
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M10.013 12.55a1.22 1.22 0 0 1-1.664.446l-4.22-2.44a1.225 1.225 0 0 1-.446-1.667 1.22 1.22 0 0 1 1.664-.446l4.22 2.44c.58.336.781 1.086.446 1.667",
+    clipRule: "evenodd",
+    opacity: 0.5
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M12.546 10.017c-.58.335-1.33.135-1.665-.446L8.443 5.348a1.223 1.223 0 0 1 .446-1.665 1.223 1.223 0 0 1 1.665.446l2.438 4.223c.335.58.135 1.33-.446 1.665",
+    clipRule: "evenodd",
+    opacity: 0.55
+  })]
+});
+export default XlIcon;

package/bpk-component-spinner/src/themeAttributes.js

@@ -14,4 +14,6 @@
  * 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.
- */export default ['spinnerPrimaryColor'];
+ */
+
+export default ['spinnerPrimaryColor'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "36.1.0",
+  "version": "36.1.2",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",