@skyscanner/backpack-web 0.0.2 → 0.0.3

package/bpk-animate-height/examples.js

@@ -18,7 +18,7 @@
 
 /* @flow strict */
 
-import BpkButton from 'bpk-component-button';
+import BpkButton from '../../bpk-component-button';
 import React, { Component, type Node } from 'react';
 
 import AnimateHeight from './index';

package/bpk-component-accordion/examples.js

@@ -19,10 +19,10 @@
 /* @flow strict */
 
 import React from 'react';
-import BpkCheckbox from 'bpk-component-checkbox';
-import { withAlignment } from 'bpk-component-icon';
-import StopsIcon from 'bpk-component-icon/sm/stops';
-import TimeIcon from 'bpk-component-icon/sm/time';
+import BpkCheckbox from '../../bpk-component-checkbox';
+import { withAlignment } from '../../bpk-component-icon';
+import StopsIcon from '../../bpk-component-icon/sm/stops';
+import TimeIcon from '../../bpk-component-icon/sm/time';
 import {
   colorMonteverde,
   colorPanjin,

package/bpk-component-accordion/src/BpkAccordionItem.js

@@ -21,12 +21,12 @@
 import PropTypes from 'prop-types';
 import React, { type Node, type Element } from 'react';
 import AnimateHeight from 'bpk-animate-height';
-import { withButtonAlignment } from 'bpk-component-icon';
-import ChevronDownIcon from 'bpk-component-icon/sm/chevron-down';
+import { withButtonAlignment } from '../../bpk-component-icon';
+import ChevronDownIcon from '../../bpk-component-icon/sm/chevron-down';
 import BpkText, {
   TEXT_STYLES,
   WEIGHT_STYLES as weights,
-} from 'bpk-component-text';
+} from '../../bpk-component-text';
 import { cssModules, deprecated } from 'bpk-react-utils';
 
 import STYLES from './BpkAccordionItem.module.scss';
@@ -79,8 +79,8 @@ const BpkAccordionItem = (props: Props) => {
   const contentId = `${id}_content`;
   const clonedIcon = icon
     ? React.cloneElement(icon, {
-        className: getClassName('bpk-accordion__leading-icon'),
-      })
+      className: getClassName('bpk-accordion__leading-icon'),
+    })
     : null;
 
   return (

package/bpk-component-aria-live/examples.js

@@ -18,12 +18,12 @@
 /* @flow strict */
 
 import React, { type Node } from 'react';
-import BpkChip from 'bpk-component-chip';
-import BpkFieldset from 'bpk-component-fieldset';
-import BpkSelect from 'bpk-component-select';
-import BpkSwitch from 'bpk-component-switch';
+import BpkChip from '../../bpk-component-chip';
+import BpkFieldset from '../../bpk-component-fieldset';
+import BpkSelect from '../../bpk-component-select';
+import BpkSwitch from '../../bpk-component-switch';
 import { cssModules } from 'bpk-react-utils';
-import { BpkCode } from 'bpk-component-code';
+import { BpkCode } from '../../bpk-component-code';
 
 import STYLES from './examples.module.scss';
 
@@ -187,8 +187,7 @@ class ChipsExample extends React.Component<
       const nextState = prevState;
       nextState.categories[category] = !prevState.categories[category];
       nextState.updates.push(
-        `${category} became ${
-          nextState.categories[category] ? 'enabled' : 'disabled'
+        `${category} became ${nextState.categories[category] ? 'enabled' : 'disabled'
         }.`,
       );
       return nextState;

package/bpk-component-autosuggest/examples.js

@@ -19,8 +19,8 @@
 /* @flow strict */
 
 import React from 'react';
-import { withRtlSupport } from 'bpk-component-icon';
-import FlightIcon from 'bpk-component-icon/lg/flight';
+import { withRtlSupport } from '../../bpk-component-icon';
+import FlightIcon from '../../bpk-component-icon/lg/flight';
 
 import BpkAutosuggest, { BpkAutosuggestSuggestion } from './index';
 
@@ -108,8 +108,8 @@ const getSuggestions = (value, hanzi) => {
   return inputLength === 0
     ? []
     : data.filter(
-        (office) => office.name.toLowerCase().indexOf(inputValue) !== -1,
-      );
+      (office) => office.name.toLowerCase().indexOf(inputValue) !== -1,
+    );
 };
 
 const getSuggestionValue = (suggestion) =>

package/bpk-component-autosuggest/src/BpkAutosuggest.js

@@ -19,7 +19,7 @@
 /* @flow strict */
 
 import React from 'react';
-import BpkInput from 'bpk-component-input';
+import BpkInput from '../../bpk-component-input';
 import Autosuggest from 'react-autosuggest';
 import { cssModules } from 'bpk-react-utils';
 

package/bpk-component-badge/examples.js

@@ -19,11 +19,11 @@
 /* @flow strict */
 
 import React from 'react';
-import BpkSmallBeerIcon from 'bpk-component-icon/sm/beer';
-import BpkSmallFlightIcon from 'bpk-component-icon/sm/flight';
-import BpkSmallWeatherIcon from 'bpk-component-icon/sm/weather';
-import BpkSmallTickIcon from 'bpk-component-icon/sm/tick-circle';
-import BpkSmallCloseIcon from 'bpk-component-icon/sm/close-circle';
+import BpkSmallBeerIcon from '../../bpk-component-icon/sm/beer';
+import BpkSmallFlightIcon from '../../bpk-component-icon/sm/flight';
+import BpkSmallWeatherIcon from '../../bpk-component-icon/sm/weather';
+import BpkSmallTickIcon from '../../bpk-component-icon/sm/tick-circle';
+import BpkSmallCloseIcon from '../../bpk-component-icon/sm/close-circle';
 import { BpkDarkExampleWrapper } from 'bpk-storybook-utils';
 
 import BadgeLayout from './BadgeLayout';

package/bpk-component-banner-alert/examples.js

@@ -20,9 +20,9 @@
 import React, { Component } from 'react';
 import { action } from 'bpk-storybook-utils';
 import { fontWeightBold } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
-import CurrencyIcon from 'bpk-component-icon/sm/currency';
-import { AriaLiveDemo } from 'bpk-component-aria-live/examples';
-import { BpkButtonPrimary } from 'bpk-component-button';
+import CurrencyIcon from '../../bpk-component-icon/sm/currency';
+import { AriaLiveDemo } from '../../bpk-component-aria-live/examples';
+import { BpkButtonPrimary } from '../../bpk-component-button';
 import { cssModules } from 'bpk-react-utils';
 
 import STYLES from './examples.module.scss';

package/bpk-component-banner-alert/src/BpkBannerAlertInner.js

@@ -23,12 +23,12 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node, type StatelessFunctionalComponent } from 'react';
-import { withButtonAlignment } from 'bpk-component-icon';
+import { withButtonAlignment } from '../../bpk-component-icon';
 import BpkAnimateHeight from 'bpk-animate-height';
-import BpkCloseButton from 'bpk-component-close-button';
-import TickCircleIcon from 'bpk-component-icon/sm/tick-circle';
-import ChevronDownIcon from 'bpk-component-icon/lg/chevron-down';
-import InfoCircleIcon from 'bpk-component-icon/sm/information-circle';
+import BpkCloseButton from '../../bpk-component-close-button';
+import TickCircleIcon from '../../bpk-component-icon/sm/tick-circle';
+import ChevronDownIcon from '../../bpk-component-icon/lg/chevron-down';
+import InfoCircleIcon from '../../bpk-component-icon/sm/information-circle';
 import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 import { cssModules } from 'bpk-react-utils';
 

package/bpk-component-barchart/examples.js

@@ -21,8 +21,8 @@
 import React from 'react';
 import { number } from 'prop-types';
 import { cssModules, withDefaultProps } from 'bpk-react-utils';
-import BpkText, { TEXT_STYLES } from 'bpk-component-text';
-import { updateOnDirectionChange } from 'bpk-component-rtl-toggle';
+import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
+import { updateOnDirectionChange } from '../../bpk-component-rtl-toggle';
 import { lineHeightSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 import { scaleLinear, scaleBand } from 'd3-scale';
 

package/bpk-component-barchart/src/BpkBarchart.js

@@ -27,7 +27,7 @@ import {
   lineHeightSm,
 } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 import { cssModules } from 'bpk-react-utils';
-import BpkMobileScrollContainer from 'bpk-component-mobile-scroll-container';
+import BpkMobileScrollContainer from '../../bpk-component-mobile-scroll-container';
 
 import BpkBarchartDefs from './BpkBarchartDefs';
 import BpkBarchartBars from './BpkBarchartBars';

package/bpk-component-breadcrumb/src/BpkBreadcrumbItem.js

@@ -20,11 +20,11 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import BpkLink from 'bpk-component-link';
-import BpkText from 'bpk-component-text';
+import BpkLink from '../../bpk-component-link';
+import BpkText from '../../bpk-component-text';
 import { cssModules } from 'bpk-react-utils';
-import { withRtlSupport } from 'bpk-component-icon';
-import ArrowRight from 'bpk-component-icon/sm/arrow-right';
+import { withRtlSupport } from '../../bpk-component-icon';
+import ArrowRight from '../../bpk-component-icon/sm/arrow-right';
 
 import STYLES from './BpkBreadcrumbItem.module.scss';
 

package/bpk-component-calendar/examples-components.js

@@ -20,7 +20,7 @@
 
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import BpkButton from 'bpk-component-button';
+import BpkButton from '../../bpk-component-button';
 import addMonths from 'date-fns/addMonths';
 import {
   colorWhite,

package/bpk-component-calendar/examples.js

@@ -18,7 +18,7 @@
 import React from 'react';
 import { action } from 'bpk-storybook-utils';
 import addMonths from 'date-fns/addMonths';
-import BpkText from 'bpk-component-text';
+import BpkText from '../../bpk-component-text';
 import startOfDay from 'date-fns/startOfDay';
 import parseDate from 'date-fns/parse';
 

package/bpk-component-calendar/src/BpkCalendarNav.js

@@ -18,11 +18,11 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import ArrowLeftIcon from 'bpk-component-icon/lg/arrow-left';
-import ArrowRightIcon from 'bpk-component-icon/lg/arrow-right';
-import BpkSelect from 'bpk-component-select';
+import ArrowLeftIcon from '../../bpk-component-icon/lg/arrow-left';
+import ArrowRightIcon from '../../bpk-component-icon/lg/arrow-right';
+import BpkSelect from '../../bpk-component-select';
 import { cssModules } from 'bpk-react-utils';
-import BpkAriaLive from 'bpk-component-aria-live';
+import BpkAriaLive from '../../bpk-component-aria-live';
 
 import {
   addMonths,
@@ -39,14 +39,14 @@ const getClassName = cssModules(STYLES);
 
 const changeMonth =
   ({ callback, max, min, month, source }) =>
-  (event) => {
-    // Safeguard for disabled buttons is due to React bug in Chrome: https://github.com/facebook/react/issues/8308
-    // PR: https://github.com/facebook/react/pull/8329 - unresolved as of 22/12/2016
-    if (isWithinRange(month, { start: min, end: max })) {
-      event.persist();
-      callback(event, { month, source });
-    }
-  };
+    (event) => {
+      // Safeguard for disabled buttons is due to React bug in Chrome: https://github.com/facebook/react/issues/8308
+      // PR: https://github.com/facebook/react/pull/8329 - unresolved as of 22/12/2016
+      if (isWithinRange(month, { start: min, end: max })) {
+        event.persist();
+        callback(event, { month, source });
+      }
+    };
 
 const BpkCalendarNav = (props) => {
   const {

package/bpk-component-card/examples.js

@@ -18,8 +18,8 @@
 /* @flow strict */
 
 import React, { Fragment } from 'react';
-import BpkLink from 'bpk-component-link';
-import BpkText, { TEXT_STYLES } from 'bpk-component-text';
+import BpkLink from '../../bpk-component-link';
+import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
 
 import BpkCard from './index';
 

package/bpk-component-chip/examples.js

@@ -21,13 +21,13 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { cssModules } from 'bpk-react-utils';
-import BpkText, { TEXT_STYLES } from 'bpk-component-text';
-import BeachIconSm from 'bpk-component-icon/sm/beach';
-import CarWashIconSm from 'bpk-component-icon/sm/car-wash';
-import PlusIconSm from 'bpk-component-icon/sm/plus';
-import TickIconSm from 'bpk-component-icon/sm/tick';
-import FaceHappyIconSm from 'bpk-component-icon/sm/face--happy';
-import { AriaLiveDemo } from 'bpk-component-aria-live/examples';
+import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
+import BeachIconSm from '../../bpk-component-icon/sm/beach';
+import CarWashIconSm from '../../bpk-component-icon/sm/car-wash';
+import PlusIconSm from '../../bpk-component-icon/sm/plus';
+import TickIconSm from '../../bpk-component-icon/sm/tick';
+import FaceHappyIconSm from '../../bpk-component-icon/sm/face--happy';
+import { AriaLiveDemo } from '../../bpk-component-aria-live/examples';
 
 import STYLES from './examples.module.scss';
 import { COMMON_PROP_TYPES, COMMON_DEFAULT_PROPS } from './src/commonTypes';
@@ -47,7 +47,7 @@ type StatefulSelectableChipProps = $Diff<
     accessibilityLabel: string,
     onClick: (event: SyntheticEvent<>) => mixed,
   },
->;
+  >;
 /* eslint-enable */
 
 class StatefulSelectableChip extends React.Component<

package/bpk-component-chip/src/BpkDismissibleChip.js

@@ -25,7 +25,7 @@ of a close icon.
 */
 
 import React from 'react';
-import CloseCircleIconSm from 'bpk-component-icon/sm/close-circle';
+import CloseCircleIconSm from '../../bpk-component-icon/sm/close-circle';
 
 import BpkSelectableChip from './BpkSelectableChip';
 import {

package/bpk-component-chip/src/BpkSelectableChip.js

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

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

@@ -20,7 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type StatelessFunctionalComponent } from 'react';
-import CloseIcon from 'bpk-component-icon/sm/close';
+import CloseIcon from '../../bpk-component-icon/sm/close';
 import { cssModules } from 'bpk-react-utils';
 
 import STYLES from './BpkCloseButton.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-datatable/src/bpkHeaderRenderer.js

@@ -20,9 +20,9 @@
 import React from 'react';
 import { SortDirection } from 'react-virtualized';
 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';
+import BpkSmallArrowDownIcon from '../../bpk-component-icon/sm/arrow-down';
+import BpkSmallArrowUpIcon from '../../bpk-component-icon/sm/arrow-up';
+import { withRtlSupport } from '../../bpk-component-icon';
 
 import { hasClassName } from './utils';
 import STYLES from './BpkDataTableColumn.module.scss';

package/bpk-component-datepicker/examples.js

@@ -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

@@ -16,13 +16,13 @@
  * limitations under the License.
  */
 
-import BpkInput, { withOpenEvents } from 'bpk-component-input';
-import BpkModal from 'bpk-component-modal';
-import BpkPopover from 'bpk-component-popover';
+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 PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import BpkBreakpoint, { BREAKPOINTS } from 'bpk-component-breakpoint';
+import BpkBreakpoint, { BREAKPOINTS } from '../../bpk-component-breakpoint';
 import {
   composeCalendar,
   BpkCalendarGridHeader,
@@ -33,7 +33,7 @@ import {
   CALENDAR_SELECTION_TYPE,
   DateUtils,
   BpkCalendarNav,
-} from 'bpk-component-calendar';
+} from '../../bpk-component-calendar';
 
 import STYLES from './BpkDatepicker.module.scss';
 

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

@@ -16,9 +16,9 @@
  * limitations under the License.
  */
 
-import { themeAttributes as calendarAttributes } from 'bpk-component-calendar';
-import { themeAttributes as modalAttributes } from 'bpk-component-modal';
-import { themeAttributes as popoverAttributes } from 'bpk-component-popover';
+import { themeAttributes as calendarAttributes } from '../../bpk-component-calendar';
+import { themeAttributes as modalAttributes } from '../../bpk-component-modal';
+import { themeAttributes as popoverAttributes } from '../../bpk-component-popover';
 
 export default [
   ...calendarAttributes,

package/bpk-component-dialog/examples.js

@@ -20,11 +20,11 @@
 
 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 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

@@ -20,7 +20,7 @@
 
 import React from 'react';
 import { cssModules, Portal } from 'bpk-react-utils';
-import BpkCloseButton from 'bpk-component-close-button';
+import BpkCloseButton from '../../bpk-component-close-button';
 
 import BpkDialogInner from './BpkDialogInner';
 import { type Props, propTypes, defaultProps } from './common-types';

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

@@ -21,7 +21,7 @@
 import React from 'react';
 import { TransitionInitialMount, cssModules } from 'bpk-react-utils';
 import { withScrim } from 'bpk-scrim-utils';
-import { BpkContentBubble } from 'bpk-component-flare';
+import { BpkContentBubble } from '../../bpk-component-flare';
 
 import {
   type DialogInnerProps as Props,

package/bpk-component-drawer/examples.js

@@ -21,8 +21,8 @@
 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 BpkButton from '../../bpk-component-button';
+import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
 
 import STYLES from './examples.module.scss';
 

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

@@ -23,8 +23,8 @@ 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 { BpkButtonLink } from 'bpk-component-link';
-import BpkCloseButton from 'bpk-component-close-button';
+import { BpkButtonLink } from '../../bpk-component-link';
+import BpkCloseButton from '../../bpk-component-close-button';
 
 import STYLES from './BpkDrawerContent.module.scss';
 

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

@@ -18,6 +18,6 @@
 
 /* @flow strict */
 
-import { themeAttributes as linkAttributes } from 'bpk-component-link';
+import { themeAttributes as linkAttributes } from '../../bpk-component-link';
 
 export default [...linkAttributes];

package/bpk-component-fieldset/examples.js

@@ -19,21 +19,21 @@
 
 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';
+} 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

@@ -19,8 +19,8 @@
 
 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 BpkLabel from '../../bpk-component-label';
+import BpkFormValidation from '../../bpk-component-form-validation';
 import { cssModules } from 'bpk-react-utils';
 
 import STYLES from './BpkFieldset.module.scss';

package/bpk-component-flare/examples.js

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

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

@@ -18,11 +18,11 @@
 
 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 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

@@ -20,8 +20,8 @@ import PropTypes from 'prop-types';
 import React from 'react';
 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 BpkSmallExclamationIcon from '../../bpk-component-icon/sm/exclamation-circle';
+import { withAlignment } from '../../bpk-component-icon';
 import {
   lineHeightSm,
   iconSizeSm,

package/bpk-component-grid-toggle/src/BpkGridToggle.js

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