@skyscanner/backpack-web 0.0.3 → 0.0.6

package/bpk-component-chip/src/BpkSelectableChip.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 './BpkSelectableChip.module.scss';

package/bpk-component-close-button/examples.js

@@ -19,7 +19,7 @@
 /* @flow strict */
 
 import React from 'react';
-import { action } from 'bpk-storybook-utils';
+import { action } from '../bpk-storybook-utils';
 
 import BpkCloseButton from './index';
 

package/bpk-component-close-button/src/BpkCloseButton.js

@@ -21,7 +21,7 @@
 import PropTypes from 'prop-types';
 import React, { type StatelessFunctionalComponent } from 'react';
 import CloseIcon from '../../bpk-component-icon/sm/close';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkCloseButton.module.scss';
 

package/bpk-component-code/src/BpkCode.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 './BpkCode.module.scss';
 

package/bpk-component-code/src/BpkCodeBlock.js

@@ -19,7 +19,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 STYLES from './BpkCodeBlock.module.scss';
 

package/bpk-component-content-container/examples.js

@@ -149,7 +149,7 @@ const DefaultExample = () => (
       <pre>
         <code>
           {`
-import BpkContentContainer from '../../bpk-component-content-container';
+import BpkContentContainer from '../bpk-component-content-container';
 export default () => (
 <BpkContentContainer>
   <p>Hello<p>
@@ -291,7 +291,7 @@ const Alternate = () => (
       <pre>
         <code>
           {`
-import BpkContentContainer from '../../bpk-component-content-container';
+import BpkContentContainer from '../bpk-component-content-container';
 export default () => (
 <BpkContentContainer>
   <p>Hello<p>

package/bpk-component-content-container/src/BpkContentContainer.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 './BpkContentContainer.module.scss';
 

package/bpk-component-datatable/src/BpkDataTable.js

@@ -20,7 +20,7 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { Table, AutoSizer } from 'react-virtualized';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import _omit from 'lodash/omit';
 
 import STYLES from './BpkDataTable.module.scss';

package/bpk-component-datatable/src/BpkDataTableColumn.js

@@ -19,7 +19,7 @@
 
 import React, { type Element } from 'react';
 import { Column } from 'react-virtualized';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import bpkHeaderRenderer from './bpkHeaderRenderer';
 import STYLES from './BpkDataTableColumn.module.scss';

package/bpk-component-datatable/src/bpkHeaderRenderer.js

@@ -19,7 +19,7 @@
 
 import React from 'react';
 import { SortDirection } from 'react-virtualized';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import BpkSmallArrowDownIcon from '../../bpk-component-icon/sm/arrow-down';
 import BpkSmallArrowUpIcon from '../../bpk-component-icon/sm/arrow-up';
 import { withRtlSupport } from '../../bpk-component-icon';

package/bpk-component-datepicker/examples.js

@@ -19,7 +19,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { memoize } from 'lodash';
-import { action } from 'bpk-storybook-utils';
+import { action } from '../bpk-storybook-utils';
 import {
   colorSagano,
   colorBagan,
@@ -30,14 +30,14 @@ import {
   weekDays,
   formatMonth,
   formatDateFull,
-} from '../../bpk-component-calendar/test-utils';
+} from '../bpk-component-calendar/test-utils';
 import {
   format,
   dateToBoundaries,
   addMonths,
   addDays,
   startOfDay,
-} from '../../bpk-component-calendar/src/date-utils';
+} from '../bpk-component-calendar/src/date-utils';
 import {
   BpkCalendarNav,
   BpkCalendarGridHeader,
@@ -47,8 +47,8 @@ import {
   CustomPropTypes,
   CALENDAR_SELECTION_TYPE,
   BpkCalendarGrid,
-} from '../../bpk-component-calendar';
-import BpkInput, { withOpenEvents } from '../../bpk-component-input';
+} from '../bpk-component-calendar';
+import BpkInput, { withOpenEvents } from '../bpk-component-input';
 
 import BpkDatepicker from './index';
 

package/bpk-component-datepicker/index.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { CALENDAR_SELECTION_TYPE } from '../../bpk-component-calendar';
+import { CALENDAR_SELECTION_TYPE } from '../bpk-component-calendar';
 
 import BpkDatepicker from './src/BpkDatepicker';
 import themeAttributes from './src/themeAttributes';

package/bpk-component-datepicker/src/BpkDatepicker.js

@@ -19,7 +19,7 @@
 import BpkInput, { withOpenEvents } from '../../bpk-component-input';
 import BpkModal from '../../bpk-component-modal';
 import BpkPopover from '../../bpk-component-popover';
-import { cssModules, deprecated } from 'bpk-react-utils';
+import { cssModules, deprecated } from '../../bpk-react-utils';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import BpkBreakpoint, { BREAKPOINTS } from '../../bpk-component-breakpoint';

package/bpk-component-description-list/src/ComponentFactory.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 './BpkDescriptionList.module.scss';
 

package/bpk-component-dialog/examples.js

@@ -20,12 +20,12 @@
 
 import PropTypes from 'prop-types';
 import React, { Component, type Node } from 'react';
-import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
-import BpkButton from '../../bpk-component-button';
-import TickIcon from '../../bpk-component-icon/lg/tick';
-import InfoIcon from '../../bpk-component-icon/lg/information-circle';
-import TrashIcon from '../../bpk-component-icon/lg/trash';
-import { cssModules, withDefaultProps } from 'bpk-react-utils';
+import BpkText, { TEXT_STYLES } from '../bpk-component-text';
+import BpkButton from '../bpk-component-button';
+import TickIcon from '../bpk-component-icon/lg/tick';
+import InfoIcon from '../bpk-component-icon/lg/information-circle';
+import TrashIcon from '../bpk-component-icon/lg/trash';
+import { cssModules, withDefaultProps } from '../bpk-react-utils';
 
 import STYLES from './examples.module.scss';
 

package/bpk-component-dialog/src/BpkDialog.js

@@ -19,7 +19,7 @@
 /* @flow strict */
 
 import React from 'react';
-import { cssModules, Portal } from 'bpk-react-utils';
+import { cssModules, Portal } from '../../bpk-react-utils';
 import BpkCloseButton from '../../bpk-component-close-button';
 
 import BpkDialogInner from './BpkDialogInner';

package/bpk-component-dialog/src/BpkDialogInner.js

@@ -19,8 +19,8 @@
 /* @flow strict */
 
 import React from 'react';
-import { TransitionInitialMount, cssModules } from 'bpk-react-utils';
-import { withScrim } from 'bpk-scrim-utils';
+import { TransitionInitialMount, cssModules } from '../../bpk-react-utils';
+import { withScrim } from '../../bpk-scrim-utils';
 import { BpkContentBubble } from '../../bpk-component-flare';
 
 import {

package/bpk-component-drawer/examples.js

@@ -20,9 +20,9 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import { cssModules, withDefaultProps } from 'bpk-react-utils';
-import BpkButton from '../../bpk-component-button';
-import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
+import { cssModules, withDefaultProps } from '../bpk-react-utils';
+import BpkButton from '../bpk-component-button';
+import BpkText, { TEXT_STYLES } from '../bpk-component-text';
 
 import STYLES from './examples.module.scss';
 

package/bpk-component-drawer/src/BpkDrawer.js

@@ -20,8 +20,8 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import { Portal, cssModules } from 'bpk-react-utils';
-import { withScrim } from 'bpk-scrim-utils';
+import { Portal, cssModules } from '../../bpk-react-utils';
+import { withScrim } from '../../bpk-scrim-utils';
 
 import BpkDrawerContent from './BpkDrawerContent';
 import STYLES from './BpkDrawer.module.scss';

package/bpk-component-drawer/src/BpkDrawerContent.js

@@ -22,7 +22,7 @@ import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
 import Transition from 'react-transition-group/Transition';
 import { animations } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import { BpkButtonLink } from '../../bpk-component-link';
 import BpkCloseButton from '../../bpk-component-close-button';
 

package/bpk-component-fieldset/examples.js

@@ -19,22 +19,22 @@
 
 import PropTypes from 'prop-types';
 import React, { cloneElement, Component } from 'react';
-import BpkSelect from '../../bpk-component-select';
-import BpkCheckbox from '../../bpk-component-checkbox';
-import BpkInput, { INPUT_TYPES } from '../../bpk-component-input';
-import BpkButton from '../../bpk-component-button';
-import BpkDatepicker from '../../bpk-component-datepicker';
-import BpkTextarea from '../../bpk-component-textarea';
+import BpkSelect from '../bpk-component-select';
+import BpkCheckbox from '../bpk-component-checkbox';
+import BpkInput, { INPUT_TYPES } from '../bpk-component-input';
+import BpkButton from '../bpk-component-button';
+import BpkDatepicker from '../bpk-component-datepicker';
+import BpkTextarea from '../bpk-component-textarea';
 import BpkAutosuggest, {
   BpkAutosuggestSuggestion,
-} from '../../bpk-component-autosuggest';
+} from '../bpk-component-autosuggest';
 import {
   weekDays,
   formatMonth,
   formatDateFull,
-} from '../../bpk-component-calendar/test-utils';
-import { format } from '../../bpk-component-calendar/src/date-utils';
-import { cssModules } from 'bpk-react-utils';
+} from '../bpk-component-calendar/test-utils';
+import { format } from '../bpk-component-calendar/src/date-utils';
+import { cssModules } from '../bpk-react-utils';
 
 import STYLES from './examples.module.scss';
 
@@ -109,8 +109,8 @@ const getSuggestions = (value) => {
   return inputLength === 0
     ? []
     : offices.filter(
-      (office) => office.name.toLowerCase().indexOf(inputValue) !== -1,
-    );
+        (office) => office.name.toLowerCase().indexOf(inputValue) !== -1,
+      );
 };
 
 const getSuggestionValue = (suggestion) =>

package/bpk-component-fieldset/src/BpkFieldset.js

@@ -21,7 +21,7 @@ import PropTypes from 'prop-types';
 import React, { cloneElement, type Element } from 'react';
 import BpkLabel from '../../bpk-component-label';
 import BpkFormValidation from '../../bpk-component-form-validation';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkFieldset.module.scss';
 

package/bpk-component-flare/examples.js

@@ -19,8 +19,8 @@
 /* @flow strict */
 
 import React from 'react';
-import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
-import { cssModules } from 'bpk-react-utils';
+import BpkText, { TEXT_STYLES } from '../bpk-component-text';
+import { cssModules } from '../bpk-react-utils';
 
 import { BpkFlareBar, BpkContentBubble } from './index';
 

package/bpk-component-flare/src/BpkContentBubble.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 BpkFlareBar from './BpkFlareBar';
 import STYLES from './bpk-content-bubble.module.scss';

package/bpk-component-flare/src/BpkFlareBar.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 STYLES from './bpk-flare-bar.module.scss';
 import Pointer from './__generated__/js/pointer';

package/bpk-component-form-validation/examples.js

@@ -18,12 +18,12 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import BpkButton from '../../bpk-component-button';
-import BpkSelect from '../../bpk-component-select';
-import BpkCheckbox from '../../bpk-component-checkbox';
-import BpkTextarea from '../../bpk-component-textarea';
-import BpkInput from '../../bpk-component-input';
-import { cssModules } from 'bpk-react-utils';
+import BpkButton from '../bpk-component-button';
+import BpkSelect from '../bpk-component-select';
+import BpkCheckbox from '../bpk-component-checkbox';
+import BpkTextarea from '../bpk-component-textarea';
+import BpkInput from '../bpk-component-input';
+import { cssModules } from '../bpk-react-utils';
 
 import STYLES from './examples.module.scss';
 

package/bpk-component-form-validation/src/BpkFormValidation.js

@@ -18,8 +18,8 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import AnimateHeight from 'bpk-animate-height';
-import { cssModules } from 'bpk-react-utils';
+import AnimateHeight from '../../bpk-animate-height';
+import { cssModules } from '../../bpk-react-utils';
 import BpkSmallExclamationIcon from '../../bpk-component-icon/sm/exclamation-circle';
 import { withAlignment } from '../../bpk-component-icon';
 import {

package/bpk-component-grid/src/BpkGridColumn.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 './BpkGridColumn.module.scss';
 

package/bpk-component-grid/src/BpkGridContainer.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 './BpkGridContainer.module.scss';
 

package/bpk-component-grid/src/BpkGridRow.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 './BpkGridRow.module.scss';
 

package/bpk-component-grid-toggle/src/BpkGridToggle.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 { BpkButtonLink } from '../../bpk-component-link';
 
 import STYLES from './BpkGridToggle.module.scss';

package/bpk-component-horizontal-nav/examples.js

@@ -17,15 +17,15 @@
  */
 
 import React, { Fragment } from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../bpk-react-utils';
 import {
   spacingXs,
   spacingSm,
   onePixelRem,
   colorSkyGrayTint06,
 } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
-import BpkText from '../../bpk-component-text';
-import { BpkDarkExampleWrapper } from 'bpk-storybook-utils';
+import BpkText from '../bpk-component-text';
+import { BpkDarkExampleWrapper } from '../bpk-storybook-utils';
 
 import STYLES from './examples.module.scss';
 

package/bpk-component-horizontal-nav/src/BpkHorizontalNav.js

@@ -19,7 +19,7 @@
 
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import React, { Component, type Node } from 'react';
 import BpkMobileScrollContainer from '../../bpk-component-mobile-scroll-container';
 

package/bpk-component-horizontal-nav/src/BpkHorizontalNavItem.js

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

package/bpk-component-icon/examples.js

@@ -24,9 +24,9 @@ import {
   iconSizeLg,
   lineHeightSm,
 } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
-import BpkButton from '../../bpk-component-button';
-import { BpkList, BpkListItem } from '../../bpk-component-list';
-import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
+import BpkButton from '../bpk-component-button';
+import { BpkList, BpkListItem } from '../bpk-component-list';
+import BpkText, { TEXT_STYLES } from '../bpk-component-text';
 
 import { sm, lg } from './all';
 import SearchIcon from './lg/search';

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

@@ -18,7 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { wrapDisplayName } from 'bpk-react-utils';
+import { wrapDisplayName } from '../../bpk-react-utils';
 
 export default (displayName, classNamesToAdd = []) =>
   (ComposedComponent) => {

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

@@ -17,7 +17,7 @@
  */
 
 import React from 'react';
-import { wrapDisplayName } from 'bpk-react-utils';
+import { wrapDisplayName } from '../../bpk-react-utils';
 
 export default function withAlignment(Component, objectHeight, subjectHeight) {
   const WithAlignment = (props) => {

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

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

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

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkIcon.module.scss';
 import classNameModifierHOCFactory from './classNameModifierHOCFactory';

package/bpk-component-image/examples.js

@@ -17,8 +17,8 @@
  */
 
 import React from 'react';
-import BpkMobileScrollContainer from '../../bpk-component-mobile-scroll-container';
-import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
+import BpkMobileScrollContainer from '../bpk-component-mobile-scroll-container';
+import BpkText, { TEXT_STYLES } from '../bpk-component-text';
 import { spacingSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 
 import BpkImage, {

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

@@ -19,7 +19,7 @@
 
 import React, { type Node, Component } from 'react';
 import PropTypes from 'prop-types';
-import { cssModules, deprecated } from 'bpk-react-utils';
+import { cssModules, deprecated } from '../../bpk-react-utils';
 import { BpkSpinner } from '../../bpk-component-spinner';
 import CSSTransition from 'react-transition-group/CSSTransition';
 import { animations } from '@skyscanner/bpk-foundations-web/tokens/base.es6';

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

@@ -19,7 +19,7 @@
 
 import React, { type Node, Component } from 'react';
 import PropTypes from 'prop-types';
-import { cssModules, deprecated } from 'bpk-react-utils';
+import { cssModules, deprecated } from '../../bpk-react-utils';
 import { BpkSpinner } from '../../bpk-component-spinner';
 import CSSTransition from 'react-transition-group/CSSTransition';
 import { animations } from '@skyscanner/bpk-foundations-web/tokens/base.es6';

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

@@ -19,7 +19,7 @@
 
 import React, { type Node, type ComponentType } from 'react';
 import PropTypes from 'prop-types';
-import { wrapDisplayName } from 'bpk-react-utils';
+import { wrapDisplayName } from '../../bpk-react-utils';
 import throttle from 'lodash/throttle';
 
 type WithLazyLoadingProps = {

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

@@ -18,7 +18,7 @@
 /* @flow */
 
 import React, { type AbstractComponent } from 'react';
-import { wrapDisplayName } from 'bpk-react-utils';
+import { wrapDisplayName } from '../../bpk-react-utils';
 
 type InjectedProps = {|
   onLoad: () => mixed,

package/bpk-component-infinite-scroll/examples.js

@@ -20,11 +20,11 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { action } from 'bpk-storybook-utils';
-import BpkButton from '../../bpk-component-button';
-import { BpkList, BpkListItem } from '../../bpk-component-list';
-import { BpkSpinner, SPINNER_TYPES } from '../../bpk-component-spinner';
-import { cssModules } from 'bpk-react-utils';
+import { action } from '../bpk-storybook-utils';
+import BpkButton from '../bpk-component-button';
+import { BpkList, BpkListItem } from '../bpk-component-list';
+import { BpkSpinner, SPINNER_TYPES } from '../bpk-component-spinner';
+import { cssModules } from '../bpk-react-utils';
 
 import STYLES from './examples.module.scss';
 

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

@@ -25,7 +25,7 @@ import React, {
   type AbstractComponent,
 } from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 import omit from 'lodash/omit';
 import extend from 'lodash/extend';
 

package/bpk-component-input/examples.js

@@ -19,10 +19,10 @@
 
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
-import { action } from 'bpk-storybook-utils';
-import BpkLabel from '../../bpk-component-label';
-import BpkBannerAlert, { ALERT_TYPES } from '../../bpk-component-banner-alert';
+import { cssModules } from '../bpk-react-utils';
+import { action } from '../bpk-storybook-utils';
+import BpkLabel from '../bpk-component-label';
+import BpkBannerAlert, { ALERT_TYPES } from '../bpk-component-banner-alert';
 
 import STYLES from './examples.module.scss';
 

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';