@skyscanner/backpack-web 0.0.2 → 0.0.5

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 (188) 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 +7 -7
  5. package/bpk-component-accordion/src/withAccordionItemState.js +2 -2
  6. package/bpk-component-accordion/src/withSingleItemAccordionState.js +1 -1
  7. package/bpk-component-aria-live/examples.js +7 -8
  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 +2 -2
  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 +5 -5
  14. package/bpk-component-badge/src/BpkBadge.js +1 -1
  15. package/bpk-component-banner-alert/examples.js +4 -4
  16. package/bpk-component-banner-alert/src/AnimateAndFade.js +2 -2
  17. package/bpk-component-banner-alert/src/BpkBannerAlertInner.js +7 -7
  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 +2 -2
  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 +9 -9
  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 +5 -5
  30. package/bpk-component-breakpoint/examples.js +1 -1
  31. package/bpk-component-calendar/examples-components.js +1 -1
  32. package/bpk-component-calendar/examples.js +1 -1
  33. package/bpk-component-calendar/src/BpkCalendarContainer.js +1 -1
  34. package/bpk-component-calendar/src/BpkCalendarDate.js +1 -1
  35. package/bpk-component-calendar/src/BpkCalendarGrid.js +1 -1
  36. package/bpk-component-calendar/src/BpkCalendarGridHeader.js +1 -1
  37. package/bpk-component-calendar/src/BpkCalendarGridTransition.js +12 -12
  38. package/bpk-component-calendar/src/BpkCalendarNav.js +13 -13
  39. package/bpk-component-calendar/src/Week.js +2 -2
  40. package/bpk-component-calendar/src/composeCalendar.js +1 -1
  41. package/bpk-component-card/examples.js +2 -2
  42. package/bpk-component-card/src/BpkCard.js +1 -1
  43. package/bpk-component-checkbox/src/BpkCheckbox.js +1 -1
  44. package/bpk-component-chip/examples.js +9 -9
  45. package/bpk-component-chip/src/BpkDismissibleChip.js +1 -1
  46. package/bpk-component-chip/src/BpkSelectableChip.js +2 -2
  47. package/bpk-component-close-button/src/BpkCloseButton.js +2 -2
  48. package/bpk-component-code/src/BpkCode.js +1 -1
  49. package/bpk-component-code/src/BpkCodeBlock.js +1 -1
  50. package/bpk-component-content-container/examples.js +2 -2
  51. package/bpk-component-content-container/src/BpkContentContainer.js +1 -1
  52. package/bpk-component-datatable/src/BpkDataTable.js +1 -1
  53. package/bpk-component-datatable/src/BpkDataTableColumn.js +1 -1
  54. package/bpk-component-datatable/src/bpkHeaderRenderer.js +4 -4
  55. package/bpk-component-datepicker/examples.js +4 -4
  56. package/bpk-component-datepicker/index.js +1 -1
  57. package/bpk-component-datepicker/src/BpkDatepicker.js +6 -6
  58. package/bpk-component-datepicker/src/themeAttributes.js +3 -3
  59. package/bpk-component-description-list/src/ComponentFactory.js +1 -1
  60. package/bpk-component-dialog/examples.js +6 -6
  61. package/bpk-component-dialog/src/BpkDialog.js +2 -2
  62. package/bpk-component-dialog/src/BpkDialogInner.js +3 -3
  63. package/bpk-component-drawer/examples.js +3 -3
  64. package/bpk-component-drawer/src/BpkDrawer.js +2 -2
  65. package/bpk-component-drawer/src/BpkDrawerContent.js +3 -3
  66. package/bpk-component-drawer/src/themeAttributes.js +1 -1
  67. package/bpk-component-fieldset/examples.js +12 -12
  68. package/bpk-component-fieldset/src/BpkFieldset.js +3 -3
  69. package/bpk-component-flare/examples.js +2 -2
  70. package/bpk-component-flare/src/BpkContentBubble.js +1 -1
  71. package/bpk-component-flare/src/BpkFlareBar.js +1 -1
  72. package/bpk-component-form-validation/examples.js +6 -6
  73. package/bpk-component-form-validation/src/BpkFormValidation.js +4 -4
  74. package/bpk-component-grid/src/BpkGridColumn.js +1 -1
  75. package/bpk-component-grid/src/BpkGridContainer.js +1 -1
  76. package/bpk-component-grid/src/BpkGridRow.js +1 -1
  77. package/bpk-component-grid-toggle/src/BpkGridToggle.js +2 -2
  78. package/bpk-component-horizontal-nav/examples.js +2 -2
  79. package/bpk-component-horizontal-nav/src/BpkHorizontalNav.js +2 -2
  80. package/bpk-component-horizontal-nav/src/BpkHorizontalNavItem.js +1 -1
  81. package/bpk-component-icon/examples.js +3 -3
  82. package/bpk-component-icon/src/classNameModifierHOCFactory.js +1 -1
  83. package/bpk-component-icon/src/withAlignment.js +3 -4
  84. package/bpk-component-icon/src/withDescription.js +1 -1
  85. package/bpk-component-icon/src/withRtlSupport.js +1 -1
  86. package/bpk-component-image/examples.js +2 -2
  87. package/bpk-component-image/src/BpkBackgroundImage.js +2 -2
  88. package/bpk-component-image/src/BpkImage.js +2 -2
  89. package/bpk-component-image/src/withLazyLoading.js +1 -1
  90. package/bpk-component-image/src/withLoadingBehavior.js +28 -28
  91. package/bpk-component-infinite-scroll/examples.js +4 -4
  92. package/bpk-component-infinite-scroll/src/withInfiniteScroll.js +106 -106
  93. package/bpk-component-input/examples.js +3 -3
  94. package/bpk-component-input/src/BpkClearButton.js +3 -3
  95. package/bpk-component-input/src/BpkInput.js +1 -1
  96. package/bpk-component-input/src/withOpenEvents.js +1 -1
  97. package/bpk-component-label/src/BpkLabel.js +1 -1
  98. package/bpk-component-link/src/BpkButtonLink.js +1 -1
  99. package/bpk-component-link/src/BpkLink.js +1 -1
  100. package/bpk-component-list/src/BpkList.js +1 -1
  101. package/bpk-component-list/src/BpkListItem.js +1 -1
  102. package/bpk-component-loading-button/examples.js +3 -3
  103. package/bpk-component-loading-button/src/BpkLoadingButton.js +5 -5
  104. package/bpk-component-map/examples.js +6 -6
  105. package/bpk-component-map/src/BpkIconMarker.js +1 -1
  106. package/bpk-component-map/src/BpkIconMarkerBackground.js +1 -1
  107. package/bpk-component-map/src/BpkPriceMarker.js +2 -2
  108. package/bpk-component-map/src/DefaultLoadingElement.js +2 -2
  109. package/bpk-component-mobile-scroll-container/examples.js +1 -1
  110. package/bpk-component-mobile-scroll-container/src/BpkMobileScrollContainer.js +1 -1
  111. package/bpk-component-modal/examples.js +7 -7
  112. package/bpk-component-modal/src/BpkModal.js +8 -8
  113. package/bpk-component-modal/src/BpkModalInner.js +4 -4
  114. package/bpk-component-modal/src/themeAttributes.js +1 -1
  115. package/bpk-component-navigation-bar/AirlineLogo.js +1 -1
  116. package/bpk-component-navigation-bar/examples.js +4 -4
  117. package/bpk-component-navigation-bar/src/BpkNavigationBar.js +2 -2
  118. package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.js +2 -2
  119. package/bpk-component-navigation-bar/src/BpkNavigationBarIconButton.js +2 -2
  120. package/bpk-component-navigation-stack/examples.js +2 -2
  121. package/bpk-component-navigation-stack/src/BpkNavigationStack.js +4 -5
  122. package/bpk-component-navigation-stack/stories-components.js +20 -20
  123. package/bpk-component-nudger/examples.js +2 -2
  124. package/bpk-component-nudger/src/BpkConfigurableNudger.js +6 -6
  125. package/bpk-component-nudger/src/BpkNudger.js +1 -1
  126. package/bpk-component-nudger/src/themeAttributes.js +1 -1
  127. package/bpk-component-overlay/examples.js +3 -3
  128. package/bpk-component-overlay/src/BpkOverlay.js +2 -2
  129. package/bpk-component-pagination/src/BpkPagination.js +1 -1
  130. package/bpk-component-pagination/src/BpkPaginationList.js +1 -1
  131. package/bpk-component-pagination/src/BpkPaginationNudger.js +4 -4
  132. package/bpk-component-pagination/src/BpkPaginationPage.js +2 -2
  133. package/bpk-component-pagination/src/themeAttributes.js +1 -1
  134. package/bpk-component-panel/src/BpkPanel.js +1 -1
  135. package/bpk-component-phone-input/examples.js +2 -2
  136. package/bpk-component-phone-input/src/BpkPhoneInput.js +4 -4
  137. package/bpk-component-popover/examples.js +5 -5
  138. package/bpk-component-popover/src/BpkPopover.js +4 -4
  139. package/bpk-component-popover/src/BpkPopoverPortal.js +1 -1
  140. package/bpk-component-popover/src/themeAttributes.js +1 -1
  141. package/bpk-component-progress/examples.js +2 -2
  142. package/bpk-component-progress/src/BpkProgress.js +1 -1
  143. package/bpk-component-radio/src/BpkRadio.js +1 -1
  144. package/bpk-component-rating/examples.js +1 -1
  145. package/bpk-component-rating/src/BpkRating.js +2 -2
  146. package/bpk-component-rtl-toggle/src/BpkRtlToggle.js +1 -1
  147. package/bpk-component-rtl-toggle/src/updateOnDirectionChange.js +1 -1
  148. package/bpk-component-scrollable-calendar/examples.js +1 -1
  149. package/bpk-component-scrollable-calendar/index.js +1 -1
  150. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendar.js +1 -1
  151. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarDate.js +1 -1
  152. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.js +3 -3
  153. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.js +2 -2
  154. package/bpk-component-scrollable-calendar/src/utils.js +1 -1
  155. package/bpk-component-section-list/src/BpkSectionListItem.js +3 -3
  156. package/bpk-component-section-list/src/BpkSectionListSection.js +2 -2
  157. package/bpk-component-select/src/BpkSelect.js +1 -1
  158. package/bpk-component-skip-link/src/BpkSkipLink.js +1 -1
  159. package/bpk-component-slider/examples.js +9 -9
  160. package/bpk-component-slider/src/BpkSlider.js +1 -1
  161. package/bpk-component-spinner/SpinnerLayout.js +1 -1
  162. package/bpk-component-spinner/src/BpkExtraLargeSpinner.js +1 -1
  163. package/bpk-component-spinner/src/BpkLargeSpinner.js +1 -1
  164. package/bpk-component-spinner/src/BpkSpinner.js +1 -1
  165. package/bpk-component-star-rating/examples.js +1 -1
  166. package/bpk-component-star-rating/src/BpkInteractiveStar.js +1 -1
  167. package/bpk-component-star-rating/src/BpkInteractiveStarRating.js +1 -1
  168. package/bpk-component-star-rating/src/BpkStar.js +8 -8
  169. package/bpk-component-star-rating/src/BpkStarRating.js +4 -4
  170. package/bpk-component-star-rating/src/withInteractiveStarRatingState.js +1 -1
  171. package/bpk-component-switch/src/BpkSwitch.js +1 -1
  172. package/bpk-component-table/src/BpkTable.js +1 -1
  173. package/bpk-component-table/src/BpkTableCell.js +1 -1
  174. package/bpk-component-table/src/BpkTableHeadCell.js +1 -1
  175. package/bpk-component-text/examples.js +1 -1
  176. package/bpk-component-text/src/BpkText.js +1 -1
  177. package/bpk-component-textarea/examples.js +1 -1
  178. package/bpk-component-textarea/src/BpkTextarea.js +1 -1
  179. package/bpk-component-theme-toggle/src/BpkThemeToggle.js +3 -3
  180. package/bpk-component-theme-toggle/src/updateOnThemeChange.js +1 -1
  181. package/bpk-component-ticket/examples.js +4 -4
  182. package/bpk-component-ticket/src/BpkTicket.js +7 -7
  183. package/bpk-component-tooltip/examples.js +3 -3
  184. package/bpk-component-tooltip/src/BpkTooltip.js +1 -1
  185. package/bpk-component-tooltip/src/BpkTooltipPortal.js +1 -1
  186. package/bpk-scrim-utils/src/BpkScrim.js +1 -1
  187. package/bpk-scrim-utils/src/withScrim.js +1 -1
  188. package/package.json +1 -1
@@ -20,8 +20,8 @@
20
20
 
21
21
  import React from 'react';
22
22
  import PropTypes from 'prop-types';
23
- import { cssModules } from 'bpk-react-utils';
24
- import BpkText, { TEXT_STYLES } from 'bpk-component-text/src/BpkText';
23
+ import { cssModules } from '../../bpk-react-utils';
24
+ import BpkText, { TEXT_STYLES } from '../../bpk-component-text/src/BpkText';
25
25
 
26
26
  import { LatLongPropType, type LatLong } from './common-types';
27
27
  import BpkBasicMapMarker from './BpkBasicMapMarker';
@@ -18,8 +18,8 @@
18
18
  /* @flow strict */
19
19
 
20
20
  import React from 'react';
21
- import { BpkLargeSpinner, SPINNER_TYPES } from 'bpk-component-spinner';
22
- import { cssModules } from 'bpk-react-utils';
21
+ import { BpkLargeSpinner, SPINNER_TYPES } from '../../bpk-component-spinner';
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-react-utils';
24
+ import { Portal, cssModules, isDeviceIphone } from '../../bpk-react-utils';
25
25
 
26
26
  import STYLES from './BpkModal.module.scss';
27
27
  import BpkModalInner, {
@@ -45,12 +45,12 @@ export type Props = {
45
45
  // diff will suffice for now.
46
46
  ...$Exact<$Diff<ModalDialogProps, ScrimProps>>,
47
47
  isOpen: boolean,
48
- isIphone: boolean,
49
- closeOnScrimClick: boolean,
50
- closeOnEscPressed: boolean,
51
- renderTarget: ?() => ?HTMLElement,
52
- target: ?((() => ?HTMLElement) | Element<any>),
53
- onClose: (event: SyntheticEvent<>) => void | null,
48
+ isIphone: boolean,
49
+ closeOnScrimClick: boolean,
50
+ closeOnEscPressed: boolean,
51
+ renderTarget: ?() => ? HTMLElement,
52
+ target: ?((() => ? HTMLElement) | Element < any >),
53
+ onClose: (event: SyntheticEvent<>) => void | null,
54
54
  };
55
55
 
56
56
  const BpkModal = (props: Props) => {
@@ -18,12 +18,12 @@
18
18
 
19
19
  /* @flow strict */
20
20
 
21
- import { BpkButtonLink } from 'bpk-component-link';
21
+ import { BpkButtonLink } from '../../bpk-component-link';
22
22
  import PropTypes from 'prop-types';
23
23
  import React, { type Node, type Element } from 'react';
24
- import BpkCloseButton from 'bpk-component-close-button';
25
- import BpkNavigationBar from 'bpk-component-navigation-bar';
26
- import { TransitionInitialMount, cssModules } from 'bpk-react-utils';
24
+ import BpkCloseButton from '../../bpk-component-close-button';
25
+ import BpkNavigationBar from '../../bpk-component-navigation-bar';
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';
@@ -18,6 +18,6 @@
18
18
 
19
19
  /* @flow strict */
20
20
 
21
- import { themeAttributes as linkAttributes } from 'bpk-component-link';
21
+ import { themeAttributes as linkAttributes } from '../../bpk-component-link';
22
22
 
23
23
  export default [...linkAttributes];
@@ -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
 
@@ -20,10 +20,10 @@
20
20
 
21
21
  import React from 'react';
22
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';
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,8 +20,8 @@
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';
24
- import BpkText, { TEXT_STYLES } from 'bpk-component-text';
23
+ import { cssModules } from '../../bpk-react-utils';
24
+ import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
25
25
 
26
26
  import STYLES from './BpkNavigationBar.module.scss';
27
27
 
@@ -21,8 +21,8 @@
21
21
  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
- import { BpkButtonLink } from 'bpk-component-link';
25
- import { cssModules } from 'bpk-react-utils';
24
+ import { BpkButtonLink } from '../../bpk-component-link';
25
+ import { cssModules } from '../../bpk-react-utils';
26
26
 
27
27
  import STYLES from './BpkNavigationBarButtonLink.module.scss';
28
28
 
@@ -21,8 +21,8 @@
21
21
  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
- import BpkIconButton from 'bpk-component-close-button';
25
- import { cssModules } from 'bpk-react-utils';
24
+ import BpkIconButton from '../../bpk-component-close-button';
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';
@@ -87,12 +87,11 @@ class BpkNavigationStack extends React.Component<Props, State> {
87
87
  className={getClassName(
88
88
  'bpk-navigation-stack__view-track',
89
89
  transition &&
90
- `bpk-navigation-stack__view-track--view-${transition}`,
90
+ `bpk-navigation-stack__view-track--view-${transition}`,
91
91
  )}
92
92
  style={{
93
- transform: `translateX(${
94
- lastIndex === 0 ? '0%' : `${isRTL() ? '' : '-'}${lastIndex}00%`
95
- })`,
93
+ transform: `translateX(${lastIndex === 0 ? '0%' : `${isRTL() ? '' : '-'}${lastIndex}00%`
94
+ })`,
96
95
  }}
97
96
  >
98
97
  {Children.map(views, (view, idx) => (
@@ -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}`}
@@ -20,8 +20,8 @@
20
20
 
21
21
  import React, { Component } from 'react';
22
22
  import { action, BpkDarkExampleWrapper } from 'bpk-storybook-utils';
23
- import BpkLabel from 'bpk-component-label';
24
- import { cssModules } from 'bpk-react-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
 
@@ -21,12 +21,12 @@
21
21
 
22
22
  import PropTypes from 'prop-types';
23
23
  import React from 'react';
24
- import BpkButtonSecondary from 'bpk-component-button/BpkButtonSecondary';
25
- import BpkButtonOutline from 'bpk-component-button/BpkButtonOutline';
26
- import { withButtonAlignment } from 'bpk-component-icon';
27
- import MinusIcon from 'bpk-component-icon/sm/minus';
28
- import PlusIcon from 'bpk-component-icon/sm/plus';
29
- import { cssModules } from 'bpk-react-utils';
24
+ import BpkButtonSecondary from '../../bpk-component-button/BpkButtonSecondary';
25
+ import BpkButtonOutline from '../../bpk-component-button/BpkButtonOutline';
26
+ import { withButtonAlignment } from '../../bpk-component-icon';
27
+ import MinusIcon from '../../bpk-component-icon/sm/minus';
28
+ import PlusIcon from '../../bpk-component-icon/sm/plus';
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,6 +18,6 @@
18
18
 
19
19
  /* @flow strict */
20
20
 
21
- import { secondaryThemeAttributes as themeAttributes } from 'bpk-component-button/themeAttributes';
21
+ import { secondaryThemeAttributes as themeAttributes } from '../../bpk-component-button/themeAttributes';
22
22
 
23
23
  export default themeAttributes;
@@ -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
 
@@ -57,7 +57,7 @@ const BpkOverlay = (props: Props) => {
57
57
  const overlayClassNames = getClassName(
58
58
  'bpk-overlay__overlay',
59
59
  borderRadiusStyle === BORDER_RADIUS_STYLES.sm &&
60
- 'bpk-overlay__overlay--border-radius-sm',
60
+ 'bpk-overlay__overlay--border-radius-sm',
61
61
  overlayType === OVERLAY_TYPES.tint && 'bpk-overlay__overlay--tint',
62
62
  );
63
63
 
@@ -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,10 +18,10 @@
18
18
 
19
19
  import PropTypes from 'prop-types';
20
20
  import React from 'react';
21
- import { cssModules } from 'bpk-react-utils';
22
- import { withButtonAlignment, withRtlSupport } from 'bpk-component-icon';
23
- import ArrowLeftIcon from 'bpk-component-icon/lg/arrow-left';
24
- import ArrowRightIcon from 'bpk-component-icon/lg/arrow-right';
21
+ import { cssModules } from '../../bpk-react-utils';
22
+ import { withButtonAlignment, withRtlSupport } from '../../bpk-component-icon';
23
+ import ArrowLeftIcon from '../../bpk-component-icon/lg/arrow-left';
24
+ import ArrowRightIcon from '../../bpk-component-icon/lg/arrow-right';
25
25
 
26
26
  import STYLES from './BpkPaginationNudger.module.scss';
27
27
 
@@ -16,10 +16,10 @@
16
16
  * limitations under the License.
17
17
  */
18
18
 
19
- import BpkButton from 'bpk-component-button';
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
 
@@ -15,7 +15,7 @@
15
15
  * See the License for the specific language governing permissions and
16
16
  * limitations under the License.
17
17
  */
18
- import { secondaryThemeAttributes } from 'bpk-component-button';
18
+ import { secondaryThemeAttributes } from '../../bpk-component-button';
19
19
 
20
20
  export default [
21
21
  ...secondaryThemeAttributes,
@@ -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,10 +20,10 @@
20
20
 
21
21
  import React from 'react';
22
22
  import PropTypes from 'prop-types';
23
- import { cssModules } from 'bpk-react-utils';
24
- import BpkInput, { INPUT_TYPES } from 'bpk-component-input';
25
- import BpkLabel from 'bpk-component-label';
26
- import BpkSelect from 'bpk-component-select';
23
+ import { cssModules } from '../../bpk-react-utils';
24
+ import BpkInput, { INPUT_TYPES } from '../../bpk-component-input';
25
+ import BpkLabel from '../../bpk-component-label';
26
+ import BpkSelect from '../../bpk-component-select';
27
27
 
28
28
  import STYLES from './BpkPhoneInput.module.scss';
29
29
 
@@ -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
 
@@ -20,10 +20,10 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React, { type Node } from 'react';
23
- import BpkText, { TEXT_STYLES } from 'bpk-component-text';
24
- import { BpkButtonLink } from 'bpk-component-link';
25
- import BpkCloseButton from 'bpk-component-close-button';
26
- import { TransitionInitialMount, cssModules } from 'bpk-react-utils';
23
+ import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
24
+ import { BpkButtonLink } from '../../bpk-component-link';
25
+ import BpkCloseButton from '../../bpk-component-close-button';
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';
@@ -18,6 +18,6 @@
18
18
 
19
19
  /* @flow strict */
20
20
 
21
- import { themeAttributes as linkAttributes } from 'bpk-component-link';
21
+ import { themeAttributes as linkAttributes } from '../../bpk-component-link';
22
22
 
23
23
  export default [...linkAttributes];
@@ -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
 
@@ -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,8 +20,8 @@
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';
24
- import BpkText, { TEXT_STYLES } from 'bpk-component-text';
23
+ import { cssModules } from '../../bpk-react-utils';
24
+ import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
25
25
 
26
26
  import STYLES from './BpkRating.module.scss';
27
27
  import { RATING_SIZES, RATING_TYPES, RATING_SCALES } from './common-types';
@@ -18,7 +18,7 @@
18
18
 
19
19
  import React from 'react';
20
20
  import PropTypes from 'prop-types';
21
- import { BpkButtonLink } from 'bpk-component-link';
21
+ import { BpkButtonLink } from '../../bpk-component-link';
22
22
 
23
23
  import { getHtmlElement, DIRECTIONS, DIRECTION_CHANGE_EVENT } from './utils';
24
24
 
@@ -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
 
@@ -25,7 +25,7 @@ import {
25
25
  DateUtils,
26
26
  CustomPropTypes,
27
27
  CALENDAR_SELECTION_TYPE,
28
- } from 'bpk-component-calendar';
28
+ } from '../bpk-component-calendar';
29
29
 
30
30
  import {
31
31
  formatDateFull,