@skyscanner/backpack-web 0.0.3 → 0.0.4

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

@@ -21,7 +21,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import ClearIcon from '../../bpk-component-icon/sm/close-circle';
 import { withButtonAlignment } from '../../bpk-component-icon';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkClearButton.module.scss';
 

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

@@ -19,7 +19,7 @@
 /* @flow strict */
 
 import React, { Component } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import BpkClearButton from './BpkClearButton';
 import STYLES from './BpkInput.module.scss';

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

@@ -18,7 +18,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules, wrapDisplayName } from 'bpk-react-utils';
+import { cssModules, wrapDisplayName } from '../../bpk-react-utils';
 
 import STYLES from './BpkInput.module.scss';
 

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

@@ -19,7 +19,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkLabel.module.scss';
 

package/bpk-component-link/src/BpkButtonLink.js

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import themeAttributes from './themeAttributes';
 import STYLES from './BpkLink.module.scss';

package/bpk-component-link/src/BpkLink.js

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import themeAttributes, {
   linkAlternateThemeAttributes,

package/bpk-component-list/src/BpkList.js

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkList.module.scss';
 

package/bpk-component-list/src/BpkListItem.js

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkList.module.scss';
 

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

@@ -20,7 +20,7 @@
 
 import React, { type Node } from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import BpkIconMarkerBackground from './BpkIconMarkerBackground';
 import { LatLongPropType, type LatLong } from './common-types';

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

@@ -19,7 +19,7 @@
 /* @flow strict */
 
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkIconMarkerBackground.module.scss';
 

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

@@ -20,7 +20,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import BpkText, { TEXT_STYLES } from '../../bpk-component-text/src/BpkText';
 
 import { LatLongPropType, type LatLong } from './common-types';

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

@@ -19,7 +19,7 @@
 
 import React from 'react';
 import { BpkLargeSpinner, SPINNER_TYPES } from '../../bpk-component-spinner';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './DefaultLoadingElement.module.scss';
 

package/bpk-component-mobile-scroll-container/examples.js

@@ -19,7 +19,7 @@
 /* @flow strict */
 
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../bpk-react-utils';
 
 import STYLES from './examples.module.scss';
 

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

@@ -21,7 +21,7 @@
 import PropTypes from 'prop-types';
 import debounce from 'lodash.debounce';
 import React, { Component, type Node } from 'react';
-import { cssModules, isRTL } from 'bpk-react-utils';
+import { cssModules, isRTL } from '../../bpk-react-utils';
 
 import STYLES from './BpkMobileScrollContainer.module.scss';
 

package/bpk-component-modal/examples.js

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node, Component, type Element } from 'react';
-import { cssModules, withDefaultProps } from 'bpk-react-utils';
+import { cssModules, withDefaultProps } from '../bpk-react-utils';
 import BpkButton from '../../bpk-component-button';
 import { BpkNavigationBarButtonLink } from '../../bpk-component-navigation-bar';
 import { withAlignment, withRtlSupport } from '../../bpk-component-icon';

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

@@ -20,8 +20,8 @@
 
 import PropTypes from 'prop-types';
 import React, { type Element } from 'react';
-import { withScrim } from 'bpk-scrim-utils';
-import { Portal, cssModules, isDeviceIphone } from 'bpk-react-utils';
+import { withScrim } from '../../bpk-react-utils';
+import { Portal, cssModules, isDeviceIphone } from '../../bpk-react-utils';
 
 import STYLES from './BpkModal.module.scss';
 import BpkModalInner, {
@@ -45,12 +45,12 @@ export type Props = {
   // diff will suffice for now.
   ...$Exact<$Diff<ModalDialogProps, ScrimProps>>,
   isOpen: boolean,
-  isIphone: boolean,
-  closeOnScrimClick: boolean,
-  closeOnEscPressed: boolean,
-  renderTarget: ?() => ?HTMLElement,
-  target: ?((() => ?HTMLElement) | Element<any>),
-  onClose: (event: SyntheticEvent<>) => void | null,
+    isIphone: boolean,
+      closeOnScrimClick: boolean,
+        closeOnEscPressed: boolean,
+          renderTarget: ?() => ? HTMLElement,
+            target: ?((() => ? HTMLElement) | Element < any >),
+              onClose: (event: SyntheticEvent<>) => void | null,
 };
 
 const BpkModal = (props: Props) => {

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

@@ -23,7 +23,7 @@ import PropTypes from 'prop-types';
 import React, { type Node, type Element } from 'react';
 import BpkCloseButton from '../../bpk-component-close-button';
 import BpkNavigationBar from '../../bpk-component-navigation-bar';
-import { TransitionInitialMount, cssModules } from 'bpk-react-utils';
+import { TransitionInitialMount, cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkModalInner.module.scss';
 import { titlePropType, onClosePropType } from './customPropTypes';

package/bpk-component-navigation-bar/AirlineLogo.js

@@ -19,7 +19,7 @@
 /* @flow strict */
 
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../bpk-react-utils';
 
 import STYLES from './AirlineLogo.module.scss';
 

package/bpk-component-navigation-bar/examples.js

@@ -23,7 +23,7 @@ import { action } from 'bpk-storybook-utils';
 import { withRtlSupport } from '../../bpk-component-icon';
 import ArrowIcon from '../../bpk-component-icon/sm/long-arrow-left';
 import CloseIcon from '../../bpk-component-icon/sm/close';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../bpk-react-utils';
 
 import STYLES from './examples.module.scss';
 import AirlineLogo from './AirlineLogo';

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

@@ -20,7 +20,7 @@
 
 import React, { type Node, type Element } from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
 
 import STYLES from './BpkNavigationBar.module.scss';

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

@@ -22,7 +22,7 @@ import React, { type Node } from 'react';
 import PropTypes from 'prop-types';
 // TODO: close button is not really only a close button, we should rename and update the import here
 import { BpkButtonLink } from '../../bpk-component-link';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkNavigationBarButtonLink.module.scss';
 

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

@@ -22,7 +22,7 @@ import React, { type ComponentType } from 'react';
 import PropTypes from 'prop-types';
 // TODO: close button is not really only a close button, we should rename and update the import here
 import BpkIconButton from '../../bpk-component-close-button';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkNavigationBarIconButton.module.scss';
 

package/bpk-component-navigation-stack/examples.js

@@ -19,7 +19,7 @@
 /* @flow strict */
 
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../bpk-react-utils';
 import { updateOnDirectionChange } from '../../bpk-component-rtl-toggle';
 
 import STYLES from './examples.module.scss';

package/bpk-component-navigation-stack/src/BpkNavigationStack.js

@@ -18,7 +18,7 @@
 
 /* @flow strict */
 
-import { cssModules, isRTL } from 'bpk-react-utils';
+import { cssModules, isRTL } from '../../bpk-react-utils';
 import React, { Children, type Element } from 'react';
 import PropTypes from 'prop-types';
 import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
@@ -87,12 +87,11 @@ class BpkNavigationStack extends React.Component<Props, State> {
           className={getClassName(
             'bpk-navigation-stack__view-track',
             transition &&
-              `bpk-navigation-stack__view-track--view-${transition}`,
+            `bpk-navigation-stack__view-track--view-${transition}`,
           )}
           style={{
-            transform: `translateX(${
-              lastIndex === 0 ? '0%' : `${isRTL() ? '' : '-'}${lastIndex}00%`
-            })`,
+            transform: `translateX(${lastIndex === 0 ? '0%' : `${isRTL() ? '' : '-'}${lastIndex}00%`
+              })`,
           }}
         >
           {Children.map(views, (view, idx) => (

package/bpk-component-navigation-stack/stories-components.js

@@ -22,7 +22,7 @@ import BpkNavigationBar, {
   BpkNavigationBarIconButton,
 } from '../../bpk-component-navigation-bar';
 import BpkButton from '../../bpk-component-button';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../bpk-react-utils';
 import { withRtlSupport } from '../../bpk-component-icon';
 import React, {
   type Element,

package/bpk-component-nudger/examples.js

@@ -21,7 +21,7 @@
 import React, { Component } from 'react';
 import { action, BpkDarkExampleWrapper } from 'bpk-storybook-utils';
 import BpkLabel from '../../bpk-component-label';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../bpk-react-utils';
 
 import STYLES from './BpkNudgerStory.module.scss';
 

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

@@ -26,7 +26,7 @@ import BpkButtonOutline from '../../bpk-component-button/BpkButtonOutline';
 import { withButtonAlignment } from '../../bpk-component-icon';
 import MinusIcon from '../../bpk-component-icon/sm/minus';
 import PlusIcon from '../../bpk-component-icon/sm/plus';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import {
   type CommonProps,

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

@@ -20,7 +20,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import BpkConfigurableNudger from './BpkConfigurableNudger';
 import {

package/bpk-component-overlay/examples.js

@@ -18,7 +18,7 @@
 /* @flow strict */
 
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../bpk-react-utils';
 import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
 import BpkImage, {
   withLazyLoading,

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

@@ -19,7 +19,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkOverlay.module.scss';
 
@@ -57,7 +57,7 @@ const BpkOverlay = (props: Props) => {
   const overlayClassNames = getClassName(
     'bpk-overlay__overlay',
     borderRadiusStyle === BORDER_RADIUS_STYLES.sm &&
-      'bpk-overlay__overlay--border-radius-sm',
+    'bpk-overlay__overlay--border-radius-sm',
     overlayType === OVERLAY_TYPES.tint && 'bpk-overlay__overlay--tint',
   );
 

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

@@ -18,7 +18,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import BpkPaginationList from './BpkPaginationList';
 import BpkPaginationNudger from './BpkPaginationNudger';

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

@@ -18,7 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import BpkPaginationPage from './BpkPaginationPage';
 import BpkPaginationBreak from './BpkPaginationBreak';

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

@@ -18,7 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import { withButtonAlignment, withRtlSupport } from '../../bpk-component-icon';
 import ArrowLeftIcon from '../../bpk-component-icon/lg/arrow-left';
 import ArrowRightIcon from '../../bpk-component-icon/lg/arrow-right';

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

@@ -19,7 +19,7 @@
 import BpkButton from '../../bpk-component-button';
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkPaginationPage.module.scss';
 

package/bpk-component-panel/src/BpkPanel.js

@@ -18,7 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkPanel.module.scss';
 

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

@@ -20,7 +20,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import BpkInput, { INPUT_TYPES } from '../../bpk-component-input';
 import BpkLabel from '../../bpk-component-label';
 import BpkSelect from '../../bpk-component-select';

package/bpk-component-popover/examples.js

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component, type Node } from 'react';
-import { cssModules, withDefaultProps } from 'bpk-react-utils';
+import { cssModules, withDefaultProps } from '../bpk-react-utils';
 import BpkButton from '../../bpk-component-button';
 import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
 import BpkContentContainer from '../../bpk-component-content-container';

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

@@ -23,7 +23,7 @@ import React, { type Node } from 'react';
 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 { TransitionInitialMount, cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkPopover.module.scss';
 import { ARROW_ID } from './constants';

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

@@ -22,7 +22,7 @@ import Popper from '@skyscanner/popper.js';
 import PropTypes from 'prop-types';
 import React, { Component, type Node } from 'react';
 import focusStore from 'a11y-focus-store';
-import { Portal, cssModules } from 'bpk-react-utils';
+import { Portal, cssModules } from '../../bpk-react-utils';
 
 import keyboardFocusScope from './keyboardFocusScope';
 import STYLES from './BpkPopover.module.scss';

package/bpk-component-progress/examples.js

@@ -20,7 +20,7 @@
 
 import React, { Component } from 'react';
 import BpkButton from '../../bpk-component-button';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../bpk-react-utils';
 
 import STYLES from './examples.module.scss';
 

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

@@ -22,7 +22,7 @@ import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { colorWhite } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 import clamp from 'lodash.clamp';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkProgress.module.scss';
 

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

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkRadio.module.scss';
 

package/bpk-component-rating/examples.js

@@ -18,7 +18,7 @@
 /* @flow strict */
 
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../bpk-react-utils';
 
 import STYLES from './examples.module.scss';
 

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

@@ -20,7 +20,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import clamp from 'lodash.clamp';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
 
 import STYLES from './BpkRating.module.scss';

package/bpk-component-rtl-toggle/src/updateOnDirectionChange.js

@@ -17,7 +17,7 @@
  */
 
 import React, { Component } from 'react';
-import { wrapDisplayName } from 'bpk-react-utils';
+import { wrapDisplayName } from '../../bpk-react-utils';
 
 import { getHtmlElement, DIRECTION_CHANGE_EVENT } from './utils';
 

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

@@ -17,7 +17,7 @@
  */
 
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
 import {
   BpkCalendarGrid,

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

@@ -18,7 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules, deprecated } from 'bpk-react-utils';
+import { cssModules, deprecated } from '../../bpk-react-utils';
 import { DateUtils, BpkCalendarGridPropTypes } from '../../bpk-component-calendar';
 import { startOfDay, startOfMonth } from 'date-fns';
 import {

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

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import BpkLargeChevronRightIcon from '../../bpk-component-icon/lg/chevron-right';
 import { withRtlSupport } from '../../bpk-component-icon';
 

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

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
 
 import STYLES from './BpkSectionListSection.module.scss';

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

@@ -19,7 +19,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Element } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkSelect.module.scss';
 

package/bpk-component-skip-link/src/BpkSkipLink.js

@@ -19,7 +19,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkSkipLink.module.scss';
 

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

@@ -19,7 +19,7 @@
 import React from 'react';
 import Slider from 'react-slider';
 import PropTypes from 'prop-types';
-import { cssModules, isRTL } from 'bpk-react-utils';
+import { cssModules, isRTL } from '../../bpk-react-utils';
 
 import STYLES from './BpkSlider.module.scss';
 

package/bpk-component-spinner/SpinnerLayout.js

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Children, type Node } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../bpk-react-utils';
 
 import STYLES from './SpinnerLayout.module.scss';
 

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

@@ -20,7 +20,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import XlSpinner from '@skyscanner/bpk-svgs/dist/js/spinners/xl';
 
 import STYLES from './BpkSpinner.module.scss';

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

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import LgSpinner from '@skyscanner/bpk-svgs/dist/js/spinners/lg';
 
 import STYLES from './BpkSpinner.module.scss';

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

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import SmSpinner from '@skyscanner/bpk-svgs/dist/js/spinners/sm';
 
 import STYLES from './BpkSpinner.module.scss';

package/bpk-component-star-rating/src/BpkInteractiveStar.js

@@ -20,7 +20,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import { BpkStarNonRtl, STAR_TYPES } from './BpkStar';
 import STYLES from './BpkInteractiveStar.module.scss';