@skyscanner/backpack-web 33.3.0 → 33.4.0

package/bpk-component-select/src/BpkSelect.js

@@ -18,8 +18,7 @@
 import { cloneElement } from 'react';
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkSelect.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkSelect = props => {
   const {

package/bpk-component-slider/src/BpkSlider.js

@@ -16,9 +16,10 @@
  * limitations under the License.
  */
 
+import PropTypes from 'prop-types';
+
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import Slider from 'react-slider';
-import PropTypes from 'prop-types';
 import { cssModules, isRTL } from "../../bpk-react-utils";
 import STYLES from "./BpkSlider.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";

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

@@ -75,10 +75,9 @@ XlSpinner.defaultProps = {
   viewBox: "0 0 32 32"
 };
 import { cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkSpinner.module.css";
 import SPINNER_TYPES from "./spinnerTypes";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import STYLES from "./BpkSpinner.module.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkExtraLargeSpinner = props => {
   const {

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

@@ -75,10 +75,9 @@ LgSpinner.defaultProps = {
   viewBox: "0 0 24 24"
 };
 import { cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkSpinner.module.css";
 import SPINNER_TYPES from "./spinnerTypes";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import STYLES from "./BpkSpinner.module.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkLargeSpinner = props => {
   const {

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

@@ -62,10 +62,9 @@ SmSpinner.defaultProps = {
   viewBox: "0 0 16 16"
 };
 import { cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkSpinner.module.css";
 import SPINNER_TYPES from "./spinnerTypes";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import STYLES from "./BpkSpinner.module.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkSpinner = props => {
   const {

package/bpk-component-switch/src/BpkSwitch.js

@@ -17,8 +17,7 @@
  */import PropTypes from 'prop-types';
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkSwitch.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkSwitch = props => {
   const {

package/bpk-component-theme-toggle/src/BpkThemeToggle.js

@@ -20,11 +20,10 @@ import { Component } from 'react';
 import BpkLabel from "../../bpk-component-label";
 import BpkSelect from "../../bpk-component-select";
 import { cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkThemeToggle.module.css";
 import bpkCustomThemes from "./theming";
 import { getHtmlElement, THEME_CHANGE_EVENT } from "./utils";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import STYLES from "./BpkThemeToggle.module.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const inputId = 'theme-select';
 const getClassName = cssModules(STYLES);
 const availableThemes = Object.keys(bpkCustomThemes);

package/bpk-component-tooltip/src/BpkTooltip.js

@@ -23,10 +23,9 @@ The actual component that developers create (i.e. the default export from this p
 */
 
 import { TransitionInitialMount, cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkTooltip.module.css";
 import { ARROW_ID, TOOLTIP_TYPES } from "./constants";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import STYLES from "./BpkTooltip.module.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkTooltip = ({
   children,

package/bpk-component-tooltip/src/BpkTooltipPortal.js

@@ -16,15 +16,13 @@
  * limitations under the License.
  */
 
-import { createPopper } from '@popperjs/core';
 import { cloneElement, Component } from 'react';
+import { createPopper } from '@popperjs/core';
 import { Portal, cssModules } from "../../bpk-react-utils";
 import BpkTooltip from "./BpkTooltip";
-import STYLES from "./BpkTooltip.module.css";
 import { TOOLTIP_TYPES } from "./constants";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import STYLES from "./BpkTooltip.module.css";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const hasTouchSupport = () => !!(typeof window !== 'undefined' && ('ontouchstart' in window || navigator.maxTouchPoints > 0));
 class BpkTooltipPortal extends Component {

package/bpk-react-utils/src/BpkDialogWrapper/BpkDialogWrapper.js

@@ -17,12 +17,12 @@
  */
 
 import { useEffect, useRef, useState } from "react";
+
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import CSSTransition from 'react-transition-group/CSSTransition';
 import cssModules from "../cssModules";
 import STYLES from "./BpkDialogWrapper.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 ;
 // TODO: this check if the browser support the HTML dialog element. We can remove it once we drop support as a business for Safari 14

package/bpk-react-utils/src/Portal.js

@@ -18,6 +18,7 @@
 
 import { Component } from 'react';
 import { createPortal } from 'react-dom';
+
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import assign from 'object-assign';
 import { jsx as _jsx } from "react/jsx-runtime";

package/bpk-scrim-utils/src/withScrim.js

@@ -16,17 +16,17 @@
  * limitations under the License.
  */
 
+import { Component } from 'react';
+
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import focusScope from 'a11y-focus-scope';
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import focusStore from 'a11y-focus-store';
-import { Component } from 'react';
 import { cssModules, isDeviceIpad, isDeviceIphone, wrapDisplayName } from "../../bpk-react-utils";
 import BpkScrim from "./BpkScrim";
 import { fixBody, lockScroll, restoreScroll, storeScroll, unfixBody, unlockScroll } from "./scroll-utils";
 import STYLES from "./bpk-scrim-content.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const withScrim = WrappedComponent => {
   class WithScrim extends Component {

package/package.json

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