@skyscanner/backpack-web 33.3.0 → 33.4.0

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

@@ -1,6 +1,5 @@
 import React from "react";
-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";
 export default (({
   styles = {},
   ...props

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

@@ -1,6 +1,5 @@
 import React from "react";
-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";
 export default (({
   styles = {},
   ...props

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

@@ -1,6 +1,5 @@
 import React from "react";
-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";
 export default (({
   styles = {},
   ...props

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

@@ -1,6 +1,5 @@
 import React from "react";
-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";
 export default (({
   styles = {},
   ...props

package/bpk-component-icon/sm/plane-seat.js

@@ -1,6 +1,5 @@
 import React from "react";
-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";
 export default (({
   styles = {},
   ...props

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

@@ -1,6 +1,5 @@
 import React from "react";
-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";
 export default (({
   styles = {},
   ...props

package/bpk-component-icon/sm/share--ios.js

@@ -1,6 +1,5 @@
 import React from "react";
-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";
 export default (({
   styles = {},
   ...props

package/bpk-component-icon/sm/social-distancing.js

@@ -1,6 +1,5 @@
 import React from "react";
-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";
 export default (({
   styles = {},
   ...props

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

@@ -1,6 +1,5 @@
 import React from "react";
-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";
 export default (({
   styles = {},
   ...props

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

@@ -1,6 +1,5 @@
 import React from "react";
-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";
 export default (({
   styles = {},
   ...props

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

@@ -1,6 +1,5 @@
 import React from "react";
-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";
 export default (({
   styles = {},
   ...props

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

@@ -1,6 +1,5 @@
 import React from "react";
-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";
 export default (({
   styles = {},
   ...props

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

@@ -1,6 +1,5 @@
 import React from "react";
-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";
 export default (({
   styles = {},
   ...props

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

@@ -1,6 +1,5 @@
 import React from "react";
-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";
 export default (({
   styles = {},
   ...props

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

@@ -1,6 +1,5 @@
 import React from "react";
-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";
 export default (({
   styles = {},
   ...props

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

@@ -18,8 +18,7 @@
 
 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";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 export default function withDescription(Component, description) {
   const WithDescription = props => /*#__PURE__*/_jsxs("span", {

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

@@ -17,7 +17,7 @@
  */
 
 import { cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkIcon.module.css";
 import classNameModifierHOCFactory from "./classNameModifierHOCFactory";
+import STYLES from "./BpkIcon.module.css";
 const getClassName = cssModules(STYLES);
 export default classNameModifierHOCFactory('withRtlSupport', [getClassName('bpk-icon--rtl-support')]);

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

@@ -19,14 +19,14 @@
 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";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 class BpkBackgroundImage extends Component {
   static defaultProps = {

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

@@ -17,17 +17,18 @@
  */
 
 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 "./BpkImage.module.css";
 import BORDER_RADIUS_STYLES from "./BpkImageBorderRadiusStyles";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import STYLES from "./BpkImage.module.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 class Image extends Component {
   static defaultProps = {

package/bpk-component-infinite-scroll/src/withInfiniteScroll.js

@@ -22,8 +22,7 @@ import { cssModules } from "../../bpk-react-utils";
 import "./intersection-observer";
 import DataSource from "./DataSource";
 import STYLES from "./withInfiniteScroll.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 getClassNames = cssModules(STYLES);
 const propTypes = {
   initiallyLoadedElements: PropTypes.number,

package/bpk-component-info-banner/src/AnimateAndFade.js

@@ -18,15 +18,15 @@
 
 import { Component } from 'react';
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
+
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+import { durationSm } 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 BpkAnimateHeight from "../../bpk-animate-height";
 import STYLES from "./BpkAnimateAndFade.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 ANIMATION_DURATION = parseInt(durationSm, 10);
 class AnimateAndFade extends Component {

package/bpk-component-info-banner/src/BpkInfoBannerInner.js

@@ -39,8 +39,7 @@ import { cssModules } from "../../bpk-react-utils";
 import AnimateAndFade from "./AnimateAndFade";
 import { ALERT_TYPES, STYLE_TYPES } from "./common-types";
 import STYLES from "./BpkInfoBanner.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 ExpandIcon = withButtonAlignment(ChevronDownIcon);
 export const CONFIGURATION = {

package/bpk-component-input/src/BpkInput.js

@@ -19,10 +19,9 @@
 import { Component } from 'react';
 import { cssModules } from "../../bpk-react-utils";
 import BpkClearButton from "./BpkClearButton";
-import STYLES from "./BpkInput.module.css";
 import { CLEAR_BUTTON_MODES, defaultProps } from "./common-types";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import STYLES from "./BpkInput.module.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 class BpkInput extends Component {
   static defaultProps = defaultProps;

package/bpk-component-label/src/BpkLabel.js

@@ -17,8 +17,7 @@
  */import PropTypes from 'prop-types';
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkLabel.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 BpkLabel = props => {
   const {

package/bpk-component-loading-button/src/BpkLoadingButton.js

@@ -22,8 +22,7 @@ import ArrowIconSm from "../../bpk-component-icon/sm/long-arrow-right";
 import ArrowIconLg from "../../bpk-component-icon/lg/long-arrow-right";
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkLoadingButton.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);
 export const ICON_POSITION = {
   LEADING: 'leading',

package/bpk-component-map/src/BpkIconMarker.js

@@ -20,8 +20,7 @@ import BpkIconMarkerBackground from "./BpkIconMarkerBackground";
 import { LatLongPropType } from "./common-types";
 import BpkBasicMapMarker from "./BpkBasicMapMarker";
 import STYLES from "./BpkIconMarker.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 BpkIconMarker = props => {
   const {

package/bpk-component-map/src/BpkPriceMarker.js

@@ -20,8 +20,7 @@ import BpkText, { TEXT_STYLES } from "../../bpk-component-text/src/BpkText";
 import { LatLongPropType } from "./common-types";
 import BpkBasicMapMarker from "./BpkBasicMapMarker";
 import STYLES from "./BpkPriceMarker.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);
 export const PRICE_MARKER_STATUSES = {
   default: 'default',

package/bpk-component-map/src/BpkPriceMarkerV2/BpkPriceMarker.js

@@ -20,8 +20,7 @@ import { cssModules } from "../../../bpk-react-utils";
 import BpkText, { TEXT_STYLES } from "../../../bpk-component-text";
 import BpkBasicMapMarker from "../BpkBasicMapMarker";
 import STYLES from "./BpkPriceMarker.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);
 export const MARKER_STATUSES = {
   unselected: 'unselected',

package/bpk-component-mobile-scroll-container/src/BpkMobileScrollContainer.js

@@ -15,8 +15,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */import PropTypes from 'prop-types';
-import debounce from 'lodash.debounce';
 import { Component } from 'react';
+import debounce from 'lodash.debounce';
 import { cssModules, isRTL } from "../../bpk-react-utils";
 import STYLES from "./BpkMobileScrollContainer.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";

package/bpk-component-modal/src/BpkModal.js

@@ -18,8 +18,8 @@
 
 import { withScrim } from "../../bpk-scrim-utils";
 import { Portal, cssModules, isDeviceIphone } from "../../bpk-react-utils";
-import STYLES from "./BpkModal.module.css";
 import BpkModalInner from "./BpkModalInner";
+import STYLES from "./BpkModal.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const ScrimBpkModalInner = withScrim(BpkModalInner);

package/bpk-component-modal/src/BpkModalInner.js

@@ -23,8 +23,7 @@ import BpkCloseButton from "../../bpk-component-close-button";
 import BpkNavigationBar from "../../bpk-component-navigation-bar";
 import { TransitionInitialMount, cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkModalInner.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 BpkModalInner = ({
   accessoryView = null,

package/bpk-component-modal/src/BpkModalV2/BpkModal.js

@@ -23,8 +23,7 @@ import BpkCloseButton from "../../../bpk-component-close-button";
 import BpkText, { TEXT_STYLES } from "../../../bpk-component-text";
 import { cssModules, withDefaultProps } from "../../../bpk-react-utils";
 import STYLES from "./BpKModal.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 Header = ({
   closeLabel,

package/bpk-component-navigation-bar/src/BpkNavigationBar.js

@@ -19,8 +19,7 @@
 import { cssModules } from "../../bpk-react-utils";
 import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
 import STYLES from "./BpkNavigationBar.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 getClassNames = cssModules(STYLES);
 export const BAR_STYLES = {
   default: 'default',

package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.js

@@ -19,8 +19,8 @@
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import { BpkButtonLink } from "../../bpk-component-link";
 import { cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkNavigationBarButtonLink.module.css";
 import { BAR_STYLES } from "./BpkNavigationBar";
+import STYLES from "./BpkNavigationBarButtonLink.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkNavigationBarButtonLink = ({

package/bpk-component-navigation-bar/src/BpkNavigationBarIconButton.js

@@ -19,8 +19,8 @@
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 import BpkIconButton from "../../bpk-component-close-button";
 import { cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkNavigationBarIconButton.module.css";
 import { BAR_STYLES } from "./BpkNavigationBar";
+import STYLES from "./BpkNavigationBarIconButton.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkNavigationBarIconButton = ({

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

@@ -24,8 +24,7 @@ import MinusIcon from "../../bpk-component-icon/sm/minus";
 import PlusIcon from "../../bpk-component-icon/sm/plus";
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkNudger.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 AlignedMinusIcon = withButtonAlignment(MinusIcon);
 const AlignedPlusIcon = withButtonAlignment(PlusIcon);

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

@@ -22,8 +22,7 @@ import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
 import BpkLabel from "../../bpk-component-label";
 import BpkConfigurableNudger from "./BpkConfigurableNudger";
 import STYLES from "./BpkNudger.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 compareValues = (a, b) => a - b;
 const incrementValue = currentValue => currentValue + 1;

package/bpk-component-overlay/src/BpkOverlay.js

@@ -18,8 +18,7 @@
 
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkOverlay.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);
 export const OVERLAY_TYPES = {
   solidLow: 'solidLow',

package/bpk-component-page-indicator/src/BpkPageIndicator.js

@@ -18,8 +18,7 @@
 import { cssModules } from "../../bpk-react-utils";
 import NavButton, { DIRECTIONS } from "./NavButton";
 import STYLES from "./BpkPageIndicator.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 DISPLAYED_TOTAL = 5;
 const START_SCROLL_INDEX = Math.floor(DISPLAYED_TOTAL / 2);

package/bpk-component-pagination/src/BpkPagination.js

@@ -21,8 +21,7 @@ import { cssModules } from "../../bpk-react-utils";
 import BpkPaginationList from "./BpkPaginationList";
 import BpkPaginationNudger from "./BpkPaginationNudger";
 import STYLES from "./BpkPagination.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 handlePageChange = (onPageChange, pageCount) => nextPageIndex => {
   if (onPageChange && nextPageIndex < pageCount && nextPageIndex >= 0) {

package/bpk-component-pagination/src/BpkPaginationNudger.js

@@ -23,8 +23,7 @@ import { withRtlSupport } from "../../bpk-component-icon";
 import ArrowLeftIcon from "../../bpk-component-icon/sm/arrow-left";
 import ArrowRightIcon from "../../bpk-component-icon/sm/arrow-right";
 import STYLES from "./BpkPaginationNudger.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 AlignedArrowLeftIcon = withRtlSupport(ArrowLeftIcon);
 const AlignedArrowRightIcon = withRtlSupport(ArrowRightIcon);

package/bpk-component-phone-input/src/BpkPhoneInput.js

@@ -20,8 +20,7 @@ import BpkInput, { INPUT_TYPES } from "../../bpk-component-input";
 import BpkLabel from "../../bpk-component-label";
 import BpkSelect from "../../bpk-component-select";
 import STYLES from "./BpkPhoneInput.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 BpkPhoneInput = props => {
   const {

package/bpk-component-popover/src/BpkPopover.js

@@ -19,10 +19,9 @@ import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
 import { BpkButtonLink } from "../../bpk-component-link";
 import BpkCloseButton from "../../bpk-component-close-button";
 import { TransitionInitialMount, cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkPopover.module.css";
 import { ARROW_ID } from "./constants";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import STYLES from "./BpkPopover.module.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const EVENT_SOURCES = {
   CLOSE_BUTTON: 'CLOSE_BUTTON',

package/bpk-component-popover/src/BpkPopoverPortal.js

@@ -14,17 +14,15 @@
  * 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 { createPopper } from '@popperjs/core';
-import PropTypes from 'prop-types';
+ */import PropTypes from 'prop-types';
 import { Component } from 'react';
+import { createPopper } from '@popperjs/core';
 import focusStore from 'a11y-focus-store';
 import { Portal, cssModules } from "../../bpk-react-utils";
 import keyboardFocusScope from "./keyboardFocusScope";
-import STYLES from "./BpkPopover.module.css";
 import BpkPopover from "./BpkPopover";
-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 "./BpkPopover.module.css";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 class BpkPopoverPortal extends Component {
   constructor() {

package/bpk-component-price/src/BpkPrice.js

@@ -17,10 +17,9 @@
  */import PropTypes from 'prop-types';
 import { cssModules } from "../../bpk-react-utils";
 import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
-import STYLES from "./BpkPrice.module.css";
 import { SIZES, ALIGNS } from "./common-types";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import STYLES from "./BpkPrice.module.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const BpkPrice = props => {
   const {

package/bpk-component-progress/src/BpkProgress.js

@@ -19,8 +19,7 @@ import { Component } from 'react';
 import clamp from 'lodash.clamp';
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkProgress.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 isTransitionEndSupported = () => !!(typeof window !== 'undefined' && 'TransitionEvent' in window);
 const renderSteps = numberOfSteps => {

package/bpk-component-radio/src/BpkRadio.js

@@ -17,8 +17,7 @@
  */import PropTypes from 'prop-types';
 import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkRadio.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 BpkRadio = props => {
   const {

package/bpk-component-rating/src/BpkRating.js

@@ -18,10 +18,9 @@
 import clamp from 'lodash.clamp';
 import { cssModules } from "../../bpk-react-utils";
 import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
-import STYLES from "./BpkRating.module.css";
 import { RATING_SIZES, RATING_SCALES } from "./common-types";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import STYLES from "./BpkRating.module.css";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 const getMinValue = () =>
 // Currently the min value is zero no matter what scale is used.

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.js

@@ -20,8 +20,7 @@ import { cssModules } from "../../bpk-react-utils";
 import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
 import { BpkCalendarGrid } from "../../bpk-component-calendar";
 import STYLES from "./BpkScrollableCalendarGrid.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 BpkScrollableCalendarGrid = ({
   className,

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.js

@@ -22,9 +22,9 @@ import { VariableSizeList as List } from 'react-window';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { cssModules } from "../../bpk-react-utils";
 import { CALENDAR_SELECTION_TYPE, DateUtils } from "../../bpk-component-calendar";
-import STYLES from "./BpkScrollableCalendarGridList.module.css";
 import BpkScrollableCalendarGrid from "./BpkScrollableCalendarGrid";
 import { getMonthsArray, getMonthItemHeights } from "./utils";
+import STYLES from "./BpkScrollableCalendarGridList.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
 

package/bpk-component-section-header/src/BpkSectionHeader.js

@@ -19,8 +19,7 @@
 import { cssModules } from "../../bpk-react-utils";
 import BpkText from "../../bpk-component-text";
 import STYLES from "./BpkSectionHeader.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);
 export const SECTION_TYPES = {
   default: 'default',

package/bpk-component-section-list/src/BpkSectionListItem.js

@@ -19,8 +19,7 @@ import { cssModules } from "../../bpk-react-utils";
 import BpkLargeChevronRightIcon from "../../bpk-component-icon/lg/chevron-right";
 import { withRtlSupport } from "../../bpk-component-icon";
 import STYLES from "./BpkSectionListItem.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 BpkLargeChevronRightIconWithRtlSupport = withRtlSupport(BpkLargeChevronRightIcon);
 const getClassName = cssModules(STYLES);
 const BpkSectionListItem = props => {

package/bpk-component-section-list/src/BpkSectionListSection.js

@@ -19,8 +19,7 @@ import { Children } from 'react';
 import { cssModules } from "../../bpk-react-utils";
 import BpkText, { TEXT_STYLES } from "../../bpk-component-text";
 import STYLES from "./BpkSectionListSection.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 BpkSectionListSection = props => {
   const {