@skyscanner/backpack-web 0.0.3 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (184) hide show
  1. package/bpk-animate-height/examples.js +1 -1
  2. package/bpk-component-accordion/examples.js +4 -4
  3. package/bpk-component-accordion/src/BpkAccordion.js +1 -1
  4. package/bpk-component-accordion/src/BpkAccordionItem.js +4 -4
  5. package/bpk-component-accordion/src/withAccordionItemState.js +1 -1
  6. package/bpk-component-accordion/src/withSingleItemAccordionState.js +1 -1
  7. package/bpk-component-aria-live/examples.js +8 -7
  8. package/bpk-component-aria-live/src/BpkAriaLive.js +1 -1
  9. package/bpk-component-autosuggest/examples.js +4 -4
  10. package/bpk-component-autosuggest/src/BpkAutosuggest.js +1 -1
  11. package/bpk-component-autosuggest/src/BpkAutosuggestSuggestion.js +1 -1
  12. package/bpk-component-badge/BadgeLayout.js +1 -1
  13. package/bpk-component-badge/examples.js +6 -6
  14. package/bpk-component-badge/src/BpkBadge.js +1 -1
  15. package/bpk-component-banner-alert/examples.js +5 -5
  16. package/bpk-component-banner-alert/src/AnimateAndFade.js +2 -2
  17. package/bpk-component-banner-alert/src/BpkBannerAlertInner.js +2 -2
  18. package/bpk-component-banner-alert/src/withBannerAlertState.js +1 -1
  19. package/bpk-component-barchart/examples.js +3 -3
  20. package/bpk-component-barchart/hocs.js +1 -1
  21. package/bpk-component-barchart/src/BpkBarchart.js +1 -1
  22. package/bpk-component-barchart/src/BpkBarchartBar.js +1 -1
  23. package/bpk-component-barchart/src/BpkChartAxis.js +1 -1
  24. package/bpk-component-barchart/src/BpkChartDataTable.js +1 -1
  25. package/bpk-component-barchart/src/BpkChartGridLines.js +1 -1
  26. package/bpk-component-barchart/src/RTLtransforms.js +1 -1
  27. package/bpk-component-blockquote/src/BpkBlockquote.js +1 -1
  28. package/bpk-component-breadcrumb/src/BpkBreadcrumb.js +1 -1
  29. package/bpk-component-breadcrumb/src/BpkBreadcrumbItem.js +1 -1
  30. package/bpk-component-breakpoint/examples.js +1 -1
  31. package/bpk-component-button/examples.js +1 -1
  32. package/bpk-component-calendar/coloured-calendar-example.js +1 -1
  33. package/bpk-component-calendar/examples-components.js +2 -2
  34. package/bpk-component-calendar/examples.js +2 -2
  35. package/bpk-component-calendar/src/BpkCalendarContainer.js +1 -1
  36. package/bpk-component-calendar/src/BpkCalendarDate.js +1 -1
  37. package/bpk-component-calendar/src/BpkCalendarGrid.js +1 -1
  38. package/bpk-component-calendar/src/BpkCalendarGridHeader.js +1 -1
  39. package/bpk-component-calendar/src/BpkCalendarGridTransition.js +1 -1
  40. package/bpk-component-calendar/src/BpkCalendarNav.js +9 -9
  41. package/bpk-component-calendar/src/Week.js +1 -1
  42. package/bpk-component-calendar/src/composeCalendar.js +1 -1
  43. package/bpk-component-card/examples.js +2 -2
  44. package/bpk-component-card/src/BpkCard.js +1 -1
  45. package/bpk-component-checkbox/examples.js +1 -1
  46. package/bpk-component-checkbox/src/BpkCheckbox.js +1 -1
  47. package/bpk-component-chip/examples.js +9 -9
  48. package/bpk-component-chip/src/BpkSelectableChip.js +1 -1
  49. package/bpk-component-close-button/examples.js +1 -1
  50. package/bpk-component-close-button/src/BpkCloseButton.js +1 -1
  51. package/bpk-component-code/src/BpkCode.js +1 -1
  52. package/bpk-component-code/src/BpkCodeBlock.js +1 -1
  53. package/bpk-component-content-container/examples.js +2 -2
  54. package/bpk-component-content-container/src/BpkContentContainer.js +1 -1
  55. package/bpk-component-datatable/src/BpkDataTable.js +1 -1
  56. package/bpk-component-datatable/src/BpkDataTableColumn.js +1 -1
  57. package/bpk-component-datatable/src/bpkHeaderRenderer.js +1 -1
  58. package/bpk-component-datepicker/examples.js +5 -5
  59. package/bpk-component-datepicker/index.js +1 -1
  60. package/bpk-component-datepicker/src/BpkDatepicker.js +1 -1
  61. package/bpk-component-description-list/src/ComponentFactory.js +1 -1
  62. package/bpk-component-dialog/examples.js +6 -6
  63. package/bpk-component-dialog/src/BpkDialog.js +1 -1
  64. package/bpk-component-dialog/src/BpkDialogInner.js +2 -2
  65. package/bpk-component-drawer/examples.js +3 -3
  66. package/bpk-component-drawer/src/BpkDrawer.js +2 -2
  67. package/bpk-component-drawer/src/BpkDrawerContent.js +1 -1
  68. package/bpk-component-fieldset/examples.js +12 -12
  69. package/bpk-component-fieldset/src/BpkFieldset.js +1 -1
  70. package/bpk-component-flare/examples.js +2 -2
  71. package/bpk-component-flare/src/BpkContentBubble.js +1 -1
  72. package/bpk-component-flare/src/BpkFlareBar.js +1 -1
  73. package/bpk-component-form-validation/examples.js +6 -6
  74. package/bpk-component-form-validation/src/BpkFormValidation.js +2 -2
  75. package/bpk-component-grid/src/BpkGridColumn.js +1 -1
  76. package/bpk-component-grid/src/BpkGridContainer.js +1 -1
  77. package/bpk-component-grid/src/BpkGridRow.js +1 -1
  78. package/bpk-component-grid-toggle/src/BpkGridToggle.js +1 -1
  79. package/bpk-component-horizontal-nav/examples.js +3 -3
  80. package/bpk-component-horizontal-nav/src/BpkHorizontalNav.js +1 -1
  81. package/bpk-component-horizontal-nav/src/BpkHorizontalNavItem.js +1 -1
  82. package/bpk-component-icon/examples.js +3 -3
  83. package/bpk-component-icon/src/classNameModifierHOCFactory.js +1 -1
  84. package/bpk-component-icon/src/withAlignment.js +1 -1
  85. package/bpk-component-icon/src/withDescription.js +1 -1
  86. package/bpk-component-icon/src/withRtlSupport.js +1 -1
  87. package/bpk-component-image/examples.js +2 -2
  88. package/bpk-component-image/src/BpkBackgroundImage.js +1 -1
  89. package/bpk-component-image/src/BpkImage.js +1 -1
  90. package/bpk-component-image/src/withLazyLoading.js +1 -1
  91. package/bpk-component-image/src/withLoadingBehavior.js +1 -1
  92. package/bpk-component-infinite-scroll/examples.js +5 -5
  93. package/bpk-component-infinite-scroll/src/withInfiniteScroll.js +1 -1
  94. package/bpk-component-input/examples.js +4 -4
  95. package/bpk-component-input/src/BpkClearButton.js +1 -1
  96. package/bpk-component-input/src/BpkInput.js +1 -1
  97. package/bpk-component-input/src/withOpenEvents.js +1 -1
  98. package/bpk-component-label/src/BpkLabel.js +1 -1
  99. package/bpk-component-link/examples.js +1 -1
  100. package/bpk-component-link/src/BpkButtonLink.js +1 -1
  101. package/bpk-component-link/src/BpkLink.js +1 -1
  102. package/bpk-component-list/src/BpkList.js +1 -1
  103. package/bpk-component-list/src/BpkListItem.js +1 -1
  104. package/bpk-component-loading-button/examples.js +4 -4
  105. package/bpk-component-map/examples.js +7 -7
  106. package/bpk-component-map/src/BpkIconMarker.js +1 -1
  107. package/bpk-component-map/src/BpkIconMarkerBackground.js +1 -1
  108. package/bpk-component-map/src/BpkPriceMarker.js +1 -1
  109. package/bpk-component-map/src/DefaultLoadingElement.js +1 -1
  110. package/bpk-component-mobile-scroll-container/examples.js +1 -1
  111. package/bpk-component-mobile-scroll-container/src/BpkMobileScrollContainer.js +1 -1
  112. package/bpk-component-modal/examples.js +7 -7
  113. package/bpk-component-modal/src/BpkModal.js +2 -2
  114. package/bpk-component-modal/src/BpkModalInner.js +1 -1
  115. package/bpk-component-navigation-bar/AirlineLogo.js +1 -1
  116. package/bpk-component-navigation-bar/examples.js +5 -5
  117. package/bpk-component-navigation-bar/src/BpkNavigationBar.js +1 -1
  118. package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.js +1 -1
  119. package/bpk-component-navigation-bar/src/BpkNavigationBarIconButton.js +1 -1
  120. package/bpk-component-navigation-stack/examples.js +2 -2
  121. package/bpk-component-navigation-stack/src/BpkNavigationStack.js +1 -1
  122. package/bpk-component-navigation-stack/stories-components.js +20 -20
  123. package/bpk-component-nudger/examples.js +3 -3
  124. package/bpk-component-nudger/src/BpkConfigurableNudger.js +1 -1
  125. package/bpk-component-nudger/src/BpkNudger.js +1 -1
  126. package/bpk-component-overlay/examples.js +3 -3
  127. package/bpk-component-overlay/src/BpkOverlay.js +1 -1
  128. package/bpk-component-pagination/src/BpkPagination.js +1 -1
  129. package/bpk-component-pagination/src/BpkPaginationList.js +1 -1
  130. package/bpk-component-pagination/src/BpkPaginationNudger.js +1 -1
  131. package/bpk-component-pagination/src/BpkPaginationPage.js +1 -1
  132. package/bpk-component-panel/src/BpkPanel.js +1 -1
  133. package/bpk-component-phone-input/examples.js +2 -2
  134. package/bpk-component-phone-input/src/BpkPhoneInput.js +1 -1
  135. package/bpk-component-popover/examples.js +5 -5
  136. package/bpk-component-popover/src/BpkPopover.js +1 -1
  137. package/bpk-component-popover/src/BpkPopoverPortal.js +1 -1
  138. package/bpk-component-progress/examples.js +2 -2
  139. package/bpk-component-progress/src/BpkProgress.js +1 -1
  140. package/bpk-component-radio/examples.js +1 -1
  141. package/bpk-component-radio/src/BpkRadio.js +1 -1
  142. package/bpk-component-rating/examples.js +1 -1
  143. package/bpk-component-rating/src/BpkRating.js +1 -1
  144. package/bpk-component-rtl-toggle/src/updateOnDirectionChange.js +1 -1
  145. package/bpk-component-scrollable-calendar/examples.js +2 -2
  146. package/bpk-component-scrollable-calendar/index.js +1 -1
  147. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.js +1 -1
  148. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.js +1 -1
  149. package/bpk-component-section-list/examples.js +1 -1
  150. package/bpk-component-section-list/src/BpkSectionListItem.js +1 -1
  151. package/bpk-component-section-list/src/BpkSectionListSection.js +1 -1
  152. package/bpk-component-select/examples.js +1 -1
  153. package/bpk-component-select/src/BpkSelect.js +1 -1
  154. package/bpk-component-skip-link/src/BpkSkipLink.js +1 -1
  155. package/bpk-component-slider/examples.js +9 -9
  156. package/bpk-component-slider/src/BpkSlider.js +1 -1
  157. package/bpk-component-spinner/SpinnerLayout.js +1 -1
  158. package/bpk-component-spinner/src/BpkExtraLargeSpinner.js +1 -1
  159. package/bpk-component-spinner/src/BpkLargeSpinner.js +1 -1
  160. package/bpk-component-spinner/src/BpkSpinner.js +1 -1
  161. package/bpk-component-star-rating/examples.js +2 -2
  162. package/bpk-component-star-rating/src/BpkInteractiveStar.js +1 -1
  163. package/bpk-component-star-rating/src/BpkInteractiveStarRating.js +1 -1
  164. package/bpk-component-star-rating/src/BpkStar.js +1 -1
  165. package/bpk-component-star-rating/src/BpkStarRating.js +1 -1
  166. package/bpk-component-star-rating/src/withInteractiveStarRatingState.js +1 -1
  167. package/bpk-component-switch/src/BpkSwitch.js +1 -1
  168. package/bpk-component-table/src/BpkTable.js +1 -1
  169. package/bpk-component-table/src/BpkTableCell.js +1 -1
  170. package/bpk-component-table/src/BpkTableHeadCell.js +1 -1
  171. package/bpk-component-text/examples.js +1 -1
  172. package/bpk-component-text/src/BpkText.js +1 -1
  173. package/bpk-component-textarea/examples.js +2 -2
  174. package/bpk-component-textarea/src/BpkTextarea.js +1 -1
  175. package/bpk-component-theme-toggle/src/BpkThemeToggle.js +1 -1
  176. package/bpk-component-theme-toggle/src/updateOnThemeChange.js +1 -1
  177. package/bpk-component-ticket/examples.js +4 -4
  178. package/bpk-component-ticket/src/BpkTicket.js +1 -1
  179. package/bpk-component-tooltip/examples.js +3 -3
  180. package/bpk-component-tooltip/src/BpkTooltip.js +1 -1
  181. package/bpk-component-tooltip/src/BpkTooltipPortal.js +1 -1
  182. package/bpk-scrim-utils/src/BpkScrim.js +1 -1
  183. package/bpk-scrim-utils/src/withScrim.js +1 -1
  184. package/package.json +1 -1
@@ -18,7 +18,7 @@
18
18
 
19
19
  import React from 'react';
20
20
  import PropTypes from 'prop-types';
21
- import { cssModules, wrapDisplayName } from 'bpk-react-utils';
21
+ import { cssModules, wrapDisplayName } from '../../bpk-react-utils';
22
22
 
23
23
  import STYLES from './BpkInput.module.scss';
24
24
 
@@ -19,7 +19,7 @@
19
19
 
20
20
  import PropTypes from 'prop-types';
21
21
  import React, { type Node } from 'react';
22
- import { cssModules } from 'bpk-react-utils';
22
+ import { cssModules } from '../../bpk-react-utils';
23
23
 
24
24
  import STYLES from './BpkLabel.module.scss';
25
25
 
@@ -19,7 +19,7 @@
19
19
  /* @flow strict */
20
20
 
21
21
  import React from 'react';
22
- import { action, BpkDarkExampleWrapper } from 'bpk-storybook-utils';
22
+ import { action, BpkDarkExampleWrapper } from '../bpk-storybook-utils';
23
23
  import {
24
24
  colorWhite,
25
25
  colorSkyGrayTint04,
@@ -20,7 +20,7 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React, { type Node } from 'react';
23
- import { cssModules } from 'bpk-react-utils';
23
+ import { cssModules } from '../../bpk-react-utils';
24
24
 
25
25
  import themeAttributes from './themeAttributes';
26
26
  import STYLES from './BpkLink.module.scss';
@@ -20,7 +20,7 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React, { type Node } from 'react';
23
- import { cssModules } from 'bpk-react-utils';
23
+ import { cssModules } from '../../bpk-react-utils';
24
24
 
25
25
  import themeAttributes, {
26
26
  linkAlternateThemeAttributes,
@@ -20,7 +20,7 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React, { type Node } from 'react';
23
- import { cssModules } from 'bpk-react-utils';
23
+ import { cssModules } from '../../bpk-react-utils';
24
24
 
25
25
  import STYLES from './BpkList.module.scss';
26
26
 
@@ -20,7 +20,7 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React, { type Node } from 'react';
23
- import { cssModules } from 'bpk-react-utils';
23
+ import { cssModules } from '../../bpk-react-utils';
24
24
 
25
25
  import STYLES from './BpkList.module.scss';
26
26
 
@@ -19,14 +19,14 @@
19
19
  /* @flow strict */
20
20
 
21
21
  import React, { Component } from 'react';
22
- import { action } from 'bpk-storybook-utils';
22
+ import { action } from '../bpk-storybook-utils';
23
23
  import {
24
24
  withButtonAlignment,
25
25
  withLargeButtonAlignment,
26
26
  withRtlSupport,
27
- } from '../../bpk-component-icon';
28
- import BaggageIconSm from '../../bpk-component-icon/sm/baggage';
29
- import BaggageIconLg from '../../bpk-component-icon/lg/baggage';
27
+ } from '../bpk-component-icon';
28
+ import BaggageIconSm from '../bpk-component-icon/sm/baggage';
29
+ import BaggageIconLg from '../bpk-component-icon/lg/baggage';
30
30
 
31
31
  import BpkLoadingButton, { ICON_POSITION } from './index';
32
32
 
@@ -19,13 +19,13 @@
19
19
 
20
20
  import React, { Component, type Node } from 'react';
21
21
  import PropTypes from 'prop-types';
22
- import { action } from 'bpk-storybook-utils';
23
- import BpkText from '../../bpk-component-text';
24
- import { withRtlSupport } from '../../bpk-component-icon';
25
- import LandmarkIconSm from '../../bpk-component-icon/sm/landmark';
26
- import FoodIconSm from '../../bpk-component-icon/sm/food';
27
- import ParkingIconSm from '../../bpk-component-icon/sm/parking';
28
- import HotelIconSm from '../../bpk-component-icon/sm/hotels';
22
+ import { action } from '../bpk-storybook-utils';
23
+ import BpkText from '../bpk-component-text';
24
+ import { withRtlSupport } from '../bpk-component-icon';
25
+ import LandmarkIconSm from '../bpk-component-icon/sm/landmark';
26
+ import FoodIconSm from '../bpk-component-icon/sm/food';
27
+ import ParkingIconSm from '../bpk-component-icon/sm/parking';
28
+ import HotelIconSm from '../bpk-component-icon/sm/hotels';
29
29
 
30
30
  import BpkMap, {
31
31
  BpkOverlayView,
@@ -20,7 +20,7 @@
20
20
 
21
21
  import React, { type Node } from 'react';
22
22
  import PropTypes from 'prop-types';
23
- import { cssModules } from 'bpk-react-utils';
23
+ import { cssModules } from '../../bpk-react-utils';
24
24
 
25
25
  import BpkIconMarkerBackground from './BpkIconMarkerBackground';
26
26
  import { LatLongPropType, type LatLong } from './common-types';
@@ -19,7 +19,7 @@
19
19
  /* @flow strict */
20
20
 
21
21
  import React from 'react';
22
- import { cssModules } from 'bpk-react-utils';
22
+ import { cssModules } from '../../bpk-react-utils';
23
23
 
24
24
  import STYLES from './BpkIconMarkerBackground.module.scss';
25
25
 
@@ -20,7 +20,7 @@
20
20
 
21
21
  import React from 'react';
22
22
  import PropTypes from 'prop-types';
23
- import { cssModules } from 'bpk-react-utils';
23
+ import { cssModules } from '../../bpk-react-utils';
24
24
  import BpkText, { TEXT_STYLES } from '../../bpk-component-text/src/BpkText';
25
25
 
26
26
  import { LatLongPropType, type LatLong } from './common-types';
@@ -19,7 +19,7 @@
19
19
 
20
20
  import React from 'react';
21
21
  import { BpkLargeSpinner, SPINNER_TYPES } from '../../bpk-component-spinner';
22
- import { cssModules } from 'bpk-react-utils';
22
+ import { cssModules } from '../../bpk-react-utils';
23
23
 
24
24
  import STYLES from './DefaultLoadingElement.module.scss';
25
25
 
@@ -19,7 +19,7 @@
19
19
  /* @flow strict */
20
20
 
21
21
  import React from 'react';
22
- import { cssModules } from 'bpk-react-utils';
22
+ import { cssModules } from '../bpk-react-utils';
23
23
 
24
24
  import STYLES from './examples.module.scss';
25
25
 
@@ -21,7 +21,7 @@
21
21
  import PropTypes from 'prop-types';
22
22
  import debounce from 'lodash.debounce';
23
23
  import React, { Component, type Node } from 'react';
24
- import { cssModules, isRTL } from 'bpk-react-utils';
24
+ import { cssModules, isRTL } from '../../bpk-react-utils';
25
25
 
26
26
  import STYLES from './BpkMobileScrollContainer.module.scss';
27
27
 
@@ -20,12 +20,12 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React, { type Node, Component, type Element } from 'react';
23
- import { cssModules, withDefaultProps } from 'bpk-react-utils';
24
- import BpkButton from '../../bpk-component-button';
25
- import { BpkNavigationBarButtonLink } from '../../bpk-component-navigation-bar';
26
- import { withAlignment, withRtlSupport } from '../../bpk-component-icon';
27
- import ArrowIcon from '../../bpk-component-icon/sm/long-arrow-left';
28
- import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
23
+ import { cssModules, withDefaultProps } from '../bpk-react-utils';
24
+ import BpkButton from '../bpk-component-button';
25
+ import { BpkNavigationBarButtonLink } from '../bpk-component-navigation-bar';
26
+ import { withAlignment, withRtlSupport } from '../bpk-component-icon';
27
+ import ArrowIcon from '../bpk-component-icon/sm/long-arrow-left';
28
+ import BpkText, { TEXT_STYLES } from '../bpk-component-text';
29
29
  import {
30
30
  lineHeightBase,
31
31
  iconSizeSm,
@@ -272,7 +272,7 @@ const WithAccessoryViewExample = () => (
272
272
  accessoryView={
273
273
  <BpkNavigationBarButtonLink
274
274
  label="Close"
275
- onClick={() => { }}
275
+ onClick={() => {}}
276
276
  className={getClassName('bpk-modal__leading-button')}
277
277
  >
278
278
  <div>
@@ -20,8 +20,8 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React, { type Element } from 'react';
23
- import { withScrim } from 'bpk-scrim-utils';
24
- import { Portal, cssModules, isDeviceIphone } from 'bpk-react-utils';
23
+ import { withScrim } from '../../bpk-scrim-utils';
24
+ import { Portal, cssModules, isDeviceIphone } from '../../bpk-react-utils';
25
25
 
26
26
  import STYLES from './BpkModal.module.scss';
27
27
  import BpkModalInner, {
@@ -23,7 +23,7 @@ import PropTypes from 'prop-types';
23
23
  import React, { type Node, type Element } from 'react';
24
24
  import BpkCloseButton from '../../bpk-component-close-button';
25
25
  import BpkNavigationBar from '../../bpk-component-navigation-bar';
26
- import { TransitionInitialMount, cssModules } from 'bpk-react-utils';
26
+ import { TransitionInitialMount, cssModules } from '../../bpk-react-utils';
27
27
 
28
28
  import STYLES from './BpkModalInner.module.scss';
29
29
  import { titlePropType, onClosePropType } from './customPropTypes';
@@ -19,7 +19,7 @@
19
19
  /* @flow strict */
20
20
 
21
21
  import React from 'react';
22
- import { cssModules } from 'bpk-react-utils';
22
+ import { cssModules } from '../bpk-react-utils';
23
23
 
24
24
  import STYLES from './AirlineLogo.module.scss';
25
25
 
@@ -19,11 +19,11 @@
19
19
  /* @flow strict */
20
20
 
21
21
  import React from 'react';
22
- import { action } from 'bpk-storybook-utils';
23
- import { withRtlSupport } from '../../bpk-component-icon';
24
- import ArrowIcon from '../../bpk-component-icon/sm/long-arrow-left';
25
- import CloseIcon from '../../bpk-component-icon/sm/close';
26
- import { cssModules } from 'bpk-react-utils';
22
+ import { action } from '../bpk-storybook-utils';
23
+ import { withRtlSupport } from '../bpk-component-icon';
24
+ import ArrowIcon from '../bpk-component-icon/sm/long-arrow-left';
25
+ import CloseIcon from '../bpk-component-icon/sm/close';
26
+ import { cssModules } from '../bpk-react-utils';
27
27
 
28
28
  import STYLES from './examples.module.scss';
29
29
  import AirlineLogo from './AirlineLogo';
@@ -20,7 +20,7 @@
20
20
 
21
21
  import React, { type Node, type Element } from 'react';
22
22
  import PropTypes from 'prop-types';
23
- import { cssModules } from 'bpk-react-utils';
23
+ import { cssModules } from '../../bpk-react-utils';
24
24
  import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
25
25
 
26
26
  import STYLES from './BpkNavigationBar.module.scss';
@@ -22,7 +22,7 @@ import React, { type Node } from 'react';
22
22
  import PropTypes from 'prop-types';
23
23
  // TODO: close button is not really only a close button, we should rename and update the import here
24
24
  import { BpkButtonLink } from '../../bpk-component-link';
25
- import { cssModules } from 'bpk-react-utils';
25
+ import { cssModules } from '../../bpk-react-utils';
26
26
 
27
27
  import STYLES from './BpkNavigationBarButtonLink.module.scss';
28
28
 
@@ -22,7 +22,7 @@ import React, { type ComponentType } from 'react';
22
22
  import PropTypes from 'prop-types';
23
23
  // TODO: close button is not really only a close button, we should rename and update the import here
24
24
  import BpkIconButton from '../../bpk-component-close-button';
25
- import { cssModules } from 'bpk-react-utils';
25
+ import { cssModules } from '../../bpk-react-utils';
26
26
 
27
27
  import STYLES from './BpkNavigationBarIconButton.module.scss';
28
28
 
@@ -19,8 +19,8 @@
19
19
  /* @flow strict */
20
20
 
21
21
  import React from 'react';
22
- import { cssModules } from 'bpk-react-utils';
23
- import { updateOnDirectionChange } from '../../bpk-component-rtl-toggle';
22
+ import { cssModules } from '../bpk-react-utils';
23
+ import { updateOnDirectionChange } from '../bpk-component-rtl-toggle';
24
24
 
25
25
  import STYLES from './examples.module.scss';
26
26
  import {
@@ -18,7 +18,7 @@
18
18
 
19
19
  /* @flow strict */
20
20
 
21
- import { cssModules, isRTL } from 'bpk-react-utils';
21
+ import { cssModules, isRTL } from '../../bpk-react-utils';
22
22
  import React, { Children, type Element } from 'react';
23
23
  import PropTypes from 'prop-types';
24
24
  import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
@@ -20,17 +20,17 @@
20
20
 
21
21
  import BpkNavigationBar, {
22
22
  BpkNavigationBarIconButton,
23
- } from '../../bpk-component-navigation-bar';
24
- import BpkButton from '../../bpk-component-button';
25
- import { cssModules } from 'bpk-react-utils';
26
- import { withRtlSupport } from '../../bpk-component-icon';
23
+ } from '../bpk-component-navigation-bar';
24
+ import BpkButton from '../bpk-component-button';
25
+ import { cssModules } from '../bpk-react-utils';
26
+ import { withRtlSupport } from '../bpk-component-icon';
27
27
  import React, {
28
28
  type Element,
29
29
  type ComponentType,
30
30
  type ElementConfig,
31
31
  } from 'react';
32
- import BpkLeftArrowIcon from '../../bpk-component-icon/sm/long-arrow-left';
33
- import BpkRightArrowIcon from '../../bpk-component-icon/sm/long-arrow-right';
32
+ import BpkLeftArrowIcon from '../bpk-component-icon/sm/long-arrow-left';
33
+ import BpkRightArrowIcon from '../bpk-component-icon/sm/long-arrow-right';
34
34
 
35
35
  import STYLES from './examples.module.scss';
36
36
 
@@ -53,15 +53,15 @@ export const View = ({
53
53
  }: {
54
54
  children: ({
55
55
  index: number,
56
- pushView: ? (Element < any >) => mixed,
57
- popView: ? () => mixed,
58
- }) => ?Element < any >,
59
- index: number,
60
- pushView: ?(Element < any >) => mixed,
61
- popView: ?() => mixed,
62
- className: ?string,
63
- noNavBar: boolean,
64
- centered: boolean,
56
+ pushView: ?(Element<any>) => mixed,
57
+ popView: ?() => mixed,
58
+ }) => ?Element<any>,
59
+ index: number,
60
+ pushView: ?(Element<any>) => mixed,
61
+ popView: ?() => mixed,
62
+ className: ?string,
63
+ noNavBar: boolean,
64
+ centered: boolean,
65
65
  }) => (
66
66
  // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
67
67
  <section
@@ -93,8 +93,8 @@ export const SimpleNav = ({
93
93
  pushView,
94
94
  }: {
95
95
  index: number,
96
- pushView: ?(Element < any >) => mixed,
97
- popView: ?() => mixed,
96
+ pushView: ?(Element<any>) => mixed,
97
+ popView: ?() => mixed,
98
98
  }) => (
99
99
  <div>
100
100
  <BpkButton
@@ -124,9 +124,9 @@ export const NavigationBar = ({
124
124
  pushView,
125
125
  }: {
126
126
  index: number,
127
- pushView: ?(Element < any >) => mixed,
128
- popView: ?() => mixed,
129
- nextView: ?() => ? Element < any >,
127
+ pushView: ?(Element<any>) => mixed,
128
+ popView: ?() => mixed,
129
+ nextView: ?() => ?Element<any>,
130
130
  }) => (
131
131
  <BpkNavigationBar
132
132
  id={`my-navigation-bar-${index}`}
@@ -19,9 +19,9 @@
19
19
  /* @flow strict */
20
20
 
21
21
  import React, { Component } from 'react';
22
- import { action, BpkDarkExampleWrapper } from 'bpk-storybook-utils';
23
- import BpkLabel from '../../bpk-component-label';
24
- import { cssModules } from 'bpk-react-utils';
22
+ import { action, BpkDarkExampleWrapper } from '../bpk-storybook-utils';
23
+ import BpkLabel from '../bpk-component-label';
24
+ import { cssModules } from '../bpk-react-utils';
25
25
 
26
26
  import STYLES from './BpkNudgerStory.module.scss';
27
27
 
@@ -26,7 +26,7 @@ import BpkButtonOutline from '../../bpk-component-button/BpkButtonOutline';
26
26
  import { withButtonAlignment } from '../../bpk-component-icon';
27
27
  import MinusIcon from '../../bpk-component-icon/sm/minus';
28
28
  import PlusIcon from '../../bpk-component-icon/sm/plus';
29
- import { cssModules } from 'bpk-react-utils';
29
+ import { cssModules } from '../../bpk-react-utils';
30
30
 
31
31
  import {
32
32
  type CommonProps,
@@ -20,7 +20,7 @@
20
20
 
21
21
  import React from 'react';
22
22
  import PropTypes from 'prop-types';
23
- import { cssModules } from 'bpk-react-utils';
23
+ import { cssModules } from '../../bpk-react-utils';
24
24
 
25
25
  import BpkConfigurableNudger from './BpkConfigurableNudger';
26
26
  import {
@@ -18,13 +18,13 @@
18
18
  /* @flow strict */
19
19
 
20
20
  import React from 'react';
21
- import { cssModules } from 'bpk-react-utils';
22
- import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
21
+ import { cssModules } from '../bpk-react-utils';
22
+ import BpkText, { TEXT_STYLES } from '../bpk-component-text';
23
23
  import BpkImage, {
24
24
  withLazyLoading,
25
25
  withLoadingBehavior,
26
26
  BORDER_RADIUS_STYLES as IMAGE_BORDER_RADIUS_STYLES,
27
- } from '../../bpk-component-image';
27
+ } from '../bpk-component-image';
28
28
 
29
29
  import STYLES from './examples.module.scss';
30
30
 
@@ -19,7 +19,7 @@
19
19
 
20
20
  import PropTypes from 'prop-types';
21
21
  import React, { type Node } from 'react';
22
- import { cssModules } from 'bpk-react-utils';
22
+ import { cssModules } from '../../bpk-react-utils';
23
23
 
24
24
  import STYLES from './BpkOverlay.module.scss';
25
25
 
@@ -18,7 +18,7 @@
18
18
 
19
19
  import React from 'react';
20
20
  import PropTypes from 'prop-types';
21
- import { cssModules } from 'bpk-react-utils';
21
+ import { cssModules } from '../../bpk-react-utils';
22
22
 
23
23
  import BpkPaginationList from './BpkPaginationList';
24
24
  import BpkPaginationNudger from './BpkPaginationNudger';
@@ -18,7 +18,7 @@
18
18
 
19
19
  import PropTypes from 'prop-types';
20
20
  import React from 'react';
21
- import { cssModules } from 'bpk-react-utils';
21
+ import { cssModules } from '../../bpk-react-utils';
22
22
 
23
23
  import BpkPaginationPage from './BpkPaginationPage';
24
24
  import BpkPaginationBreak from './BpkPaginationBreak';
@@ -18,7 +18,7 @@
18
18
 
19
19
  import PropTypes from 'prop-types';
20
20
  import React from 'react';
21
- import { cssModules } from 'bpk-react-utils';
21
+ import { cssModules } from '../../bpk-react-utils';
22
22
  import { withButtonAlignment, withRtlSupport } from '../../bpk-component-icon';
23
23
  import ArrowLeftIcon from '../../bpk-component-icon/lg/arrow-left';
24
24
  import ArrowRightIcon from '../../bpk-component-icon/lg/arrow-right';
@@ -19,7 +19,7 @@
19
19
  import BpkButton from '../../bpk-component-button';
20
20
  import PropTypes from 'prop-types';
21
21
  import React from 'react';
22
- import { cssModules } from 'bpk-react-utils';
22
+ import { cssModules } from '../../bpk-react-utils';
23
23
 
24
24
  import STYLES from './BpkPaginationPage.module.scss';
25
25
 
@@ -18,7 +18,7 @@
18
18
 
19
19
  import PropTypes from 'prop-types';
20
20
  import React from 'react';
21
- import { cssModules } from 'bpk-react-utils';
21
+ import { cssModules } from '../../bpk-react-utils';
22
22
 
23
23
  import STYLES from './BpkPanel.module.scss';
24
24
 
@@ -19,8 +19,8 @@
19
19
  /* @flow strict */
20
20
 
21
21
  import React, { Component } from 'react';
22
- import BpkFieldSet from '../../bpk-component-fieldset';
23
- import BpkImage from '../../bpk-component-image';
22
+ import BpkFieldSet from '../bpk-component-fieldset';
23
+ import BpkImage from '../bpk-component-image';
24
24
 
25
25
  import BpkPhoneInput from './index';
26
26
 
@@ -20,7 +20,7 @@
20
20
 
21
21
  import React from 'react';
22
22
  import PropTypes from 'prop-types';
23
- import { cssModules } from 'bpk-react-utils';
23
+ import { cssModules } from '../../bpk-react-utils';
24
24
  import BpkInput, { INPUT_TYPES } from '../../bpk-component-input';
25
25
  import BpkLabel from '../../bpk-component-label';
26
26
  import BpkSelect from '../../bpk-component-select';
@@ -20,11 +20,11 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React, { Component, type Node } from 'react';
23
- import { cssModules, withDefaultProps } from 'bpk-react-utils';
24
- import BpkButton from '../../bpk-component-button';
25
- import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
26
- import BpkContentContainer from '../../bpk-component-content-container';
27
- import BpkInput, { withOpenEvents } from '../../bpk-component-input';
23
+ import { cssModules, withDefaultProps } from '../bpk-react-utils';
24
+ import BpkButton from '../bpk-component-button';
25
+ import BpkText, { TEXT_STYLES } from '../bpk-component-text';
26
+ import BpkContentContainer from '../bpk-component-content-container';
27
+ import BpkInput, { withOpenEvents } from '../bpk-component-input';
28
28
 
29
29
  import STYLES from './examples.module.scss';
30
30
 
@@ -23,7 +23,7 @@ import React, { type Node } from 'react';
23
23
  import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
24
24
  import { BpkButtonLink } from '../../bpk-component-link';
25
25
  import BpkCloseButton from '../../bpk-component-close-button';
26
- import { TransitionInitialMount, cssModules } from 'bpk-react-utils';
26
+ import { TransitionInitialMount, cssModules } from '../../bpk-react-utils';
27
27
 
28
28
  import STYLES from './BpkPopover.module.scss';
29
29
  import { ARROW_ID } from './constants';
@@ -22,7 +22,7 @@ import Popper from '@skyscanner/popper.js';
22
22
  import PropTypes from 'prop-types';
23
23
  import React, { Component, type Node } from 'react';
24
24
  import focusStore from 'a11y-focus-store';
25
- import { Portal, cssModules } from 'bpk-react-utils';
25
+ import { Portal, cssModules } from '../../bpk-react-utils';
26
26
 
27
27
  import keyboardFocusScope from './keyboardFocusScope';
28
28
  import STYLES from './BpkPopover.module.scss';
@@ -19,8 +19,8 @@
19
19
  /* @flow strict */
20
20
 
21
21
  import React, { Component } from 'react';
22
- import BpkButton from '../../bpk-component-button';
23
- import { cssModules } from 'bpk-react-utils';
22
+ import BpkButton from '../bpk-component-button';
23
+ import { cssModules } from '../bpk-react-utils';
24
24
 
25
25
  import STYLES from './examples.module.scss';
26
26
 
@@ -22,7 +22,7 @@ import PropTypes from 'prop-types';
22
22
  import React, { Component } from 'react';
23
23
  import { colorWhite } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
24
24
  import clamp from 'lodash.clamp';
25
- import { cssModules } from 'bpk-react-utils';
25
+ import { cssModules } from '../../bpk-react-utils';
26
26
 
27
27
  import STYLES from './BpkProgress.module.scss';
28
28
 
@@ -19,7 +19,7 @@
19
19
  /* @flow strict */
20
20
 
21
21
  import React from 'react';
22
- import { action, BpkDarkExampleWrapper } from 'bpk-storybook-utils';
22
+ import { action, BpkDarkExampleWrapper } from '../bpk-storybook-utils';
23
23
 
24
24
  import BpkRadio from './index';
25
25
 
@@ -20,7 +20,7 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React, { type Node } from 'react';
23
- import { cssModules } from 'bpk-react-utils';
23
+ import { cssModules } from '../../bpk-react-utils';
24
24
 
25
25
  import STYLES from './BpkRadio.module.scss';
26
26
 
@@ -18,7 +18,7 @@
18
18
  /* @flow strict */
19
19
 
20
20
  import React from 'react';
21
- import { cssModules } from 'bpk-react-utils';
21
+ import { cssModules } from '../bpk-react-utils';
22
22
 
23
23
  import STYLES from './examples.module.scss';
24
24
 
@@ -20,7 +20,7 @@
20
20
  import React from 'react';
21
21
  import PropTypes from 'prop-types';
22
22
  import clamp from 'lodash.clamp';
23
- import { cssModules } from 'bpk-react-utils';
23
+ import { cssModules } from '../../bpk-react-utils';
24
24
  import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
25
25
 
26
26
  import STYLES from './BpkRating.module.scss';
@@ -17,7 +17,7 @@
17
17
  */
18
18
 
19
19
  import React, { Component } from 'react';
20
- import { wrapDisplayName } from 'bpk-react-utils';
20
+ import { wrapDisplayName } from '../../bpk-react-utils';
21
21
 
22
22
  import { getHtmlElement, DIRECTION_CHANGE_EVENT } from './utils';
23
23