@skyscanner/backpack-web 0.2.0 → 1.0.0

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 (218) hide show
  1. package/bpk-animate-height/package.json +3 -3
  2. package/bpk-component-accordion/package.json +7 -7
  3. package/bpk-component-accordion/src/BpkAccordion.js +1 -2
  4. package/bpk-component-accordion/src/BpkAccordionItem.js +5 -6
  5. package/bpk-component-accordion/src/withAccordionItemState.js +1 -2
  6. package/bpk-component-accordion/src/withSingleItemAccordionState.js +1 -2
  7. package/bpk-component-aria-live/package.json +7 -7
  8. package/bpk-component-aria-live/src/BpkAriaLive.js +1 -2
  9. package/bpk-component-autosuggest/package.json +4 -4
  10. package/bpk-component-autosuggest/src/BpkAutosuggest.js +2 -3
  11. package/bpk-component-autosuggest/src/BpkAutosuggestSuggestion.js +1 -2
  12. package/bpk-component-badge/package.json +5 -5
  13. package/bpk-component-badge/src/BpkBadge.js +1 -2
  14. package/bpk-component-banner-alert/package.json +9 -9
  15. package/bpk-component-banner-alert/src/AnimateAndFade.js +2 -3
  16. package/bpk-component-banner-alert/src/BpkBannerAlertInner.js +7 -8
  17. package/bpk-component-banner-alert/src/withBannerAlertState.js +1 -2
  18. package/bpk-component-barchart/package.json +8 -8
  19. package/bpk-component-barchart/src/BpkBarchart.js +2 -3
  20. package/bpk-component-barchart/src/BpkBarchartBar.js +1 -2
  21. package/bpk-component-barchart/src/BpkChartAxis.js +1 -2
  22. package/bpk-component-barchart/src/BpkChartDataTable.js +1 -2
  23. package/bpk-component-barchart/src/BpkChartGridLines.js +1 -2
  24. package/bpk-component-barchart/src/RTLtransforms.js +1 -1
  25. package/bpk-component-blockquote/package.json +2 -2
  26. package/bpk-component-blockquote/src/BpkBlockquote.js +1 -2
  27. package/bpk-component-breadcrumb/package.json +5 -5
  28. package/bpk-component-breadcrumb/src/BpkBreadcrumb.js +1 -2
  29. package/bpk-component-breadcrumb/src/BpkBreadcrumbItem.js +5 -6
  30. package/bpk-component-breakpoint/package.json +3 -3
  31. package/bpk-component-breakpoint/src/BpkBreakpoint.js +3 -0
  32. package/bpk-component-button/package.json +3 -3
  33. package/bpk-component-calendar/package.json +9 -9
  34. package/bpk-component-calendar/src/BpkCalendarContainer.js +1 -2
  35. package/bpk-component-calendar/src/BpkCalendarDate.js +1 -2
  36. package/bpk-component-calendar/src/BpkCalendarGrid.js +1 -2
  37. package/bpk-component-calendar/src/BpkCalendarGridHeader.js +1 -2
  38. package/bpk-component-calendar/src/BpkCalendarGridTransition.js +1 -2
  39. package/bpk-component-calendar/src/BpkCalendarNav.js +5 -6
  40. package/bpk-component-calendar/src/Week.js +1 -2
  41. package/bpk-component-calendar/src/composeCalendar.js +1 -2
  42. package/bpk-component-card/package.json +4 -4
  43. package/bpk-component-card/src/BpkCard.js +1 -2
  44. package/bpk-component-checkbox/package.json +5 -5
  45. package/bpk-component-checkbox/src/BpkCheckbox.js +1 -2
  46. package/bpk-component-chip/package.json +5 -5
  47. package/bpk-component-chip/src/BpkDismissibleChip.js +1 -2
  48. package/bpk-component-chip/src/BpkSelectableChip.js +2 -3
  49. package/bpk-component-close-button/package.json +4 -4
  50. package/bpk-component-close-button/src/BpkCloseButton.js +2 -3
  51. package/bpk-component-code/package.json +2 -2
  52. package/bpk-component-code/src/BpkCode.js +1 -2
  53. package/bpk-component-code/src/BpkCodeBlock.js +1 -2
  54. package/bpk-component-content-container/package.json +2 -2
  55. package/bpk-component-content-container/src/BpkContentContainer.js +1 -2
  56. package/bpk-component-datatable/package.json +4 -4
  57. package/bpk-component-datatable/src/BpkDataTable.js +1 -2
  58. package/bpk-component-datatable/src/BpkDataTableColumn.js +1 -2
  59. package/bpk-component-datatable/src/bpkHeaderRenderer.js +4 -5
  60. package/bpk-component-datepicker/index.js +1 -1
  61. package/bpk-component-datepicker/package.json +9 -9
  62. package/bpk-component-datepicker/src/BpkDatepicker.js +6 -7
  63. package/bpk-component-datepicker/src/themeAttributes.js +3 -3
  64. package/bpk-component-description-list/package.json +2 -2
  65. package/bpk-component-description-list/src/ComponentFactory.js +1 -2
  66. package/bpk-component-dialog/package.json +8 -8
  67. package/bpk-component-dialog/src/BpkDialog.js +2 -3
  68. package/bpk-component-dialog/src/BpkDialogInner.js +3 -4
  69. package/bpk-component-drawer/package.json +9 -9
  70. package/bpk-component-drawer/src/BpkDrawer.js +2 -3
  71. package/bpk-component-drawer/src/BpkDrawerContent.js +3 -4
  72. package/bpk-component-drawer/src/themeAttributes.js +1 -1
  73. package/bpk-component-fieldset/package.json +12 -12
  74. package/bpk-component-fieldset/src/BpkFieldset.js +3 -4
  75. package/bpk-component-flare/package.json +4 -4
  76. package/bpk-component-flare/src/BpkContentBubble.js +1 -2
  77. package/bpk-component-flare/src/BpkFlareBar.js +1 -2
  78. package/bpk-component-form-validation/package.json +10 -10
  79. package/bpk-component-form-validation/src/BpkFormValidation.js +4 -5
  80. package/bpk-component-graphic-promotion/package.json +5 -5
  81. package/bpk-component-graphic-promotion/src/BpkGraphicPromo.js +4 -5
  82. package/bpk-component-grid/package.json +2 -2
  83. package/bpk-component-grid/src/BpkGridColumn.js +1 -2
  84. package/bpk-component-grid/src/BpkGridContainer.js +1 -2
  85. package/bpk-component-grid/src/BpkGridRow.js +1 -2
  86. package/bpk-component-grid-toggle/package.json +3 -3
  87. package/bpk-component-grid-toggle/src/BpkGridToggle.js +2 -3
  88. package/bpk-component-horizontal-nav/package.json +6 -6
  89. package/bpk-component-horizontal-nav/src/BpkHorizontalNav.js +2 -3
  90. package/bpk-component-horizontal-nav/src/BpkHorizontalNavItem.js +1 -2
  91. package/bpk-component-icon/package.json +7 -7
  92. package/bpk-component-icon/src/classNameModifierHOCFactory.js +1 -2
  93. package/bpk-component-icon/src/withAlignment.js +1 -2
  94. package/bpk-component-icon/src/withDescription.js +1 -2
  95. package/bpk-component-icon/src/withRtlSupport.js +1 -1
  96. package/bpk-component-image/package.json +6 -6
  97. package/bpk-component-image/src/BpkBackgroundImage.js +2 -3
  98. package/bpk-component-image/src/BpkImage.js +2 -3
  99. package/bpk-component-image/src/withLazyLoading.js +1 -2
  100. package/bpk-component-image/src/withLoadingBehavior.js +1 -2
  101. package/bpk-component-infinite-scroll/package.json +6 -6
  102. package/bpk-component-infinite-scroll/src/withInfiniteScroll.js +1 -2
  103. package/bpk-component-input/package.json +6 -6
  104. package/bpk-component-input/src/BpkClearButton.js +3 -4
  105. package/bpk-component-input/src/BpkInput.js +1 -2
  106. package/bpk-component-input/src/withOpenEvents.js +1 -2
  107. package/bpk-component-label/package.json +2 -2
  108. package/bpk-component-label/src/BpkLabel.js +1 -2
  109. package/bpk-component-link/package.json +4 -4
  110. package/bpk-component-link/src/BpkButtonLink.js +1 -2
  111. package/bpk-component-link/src/BpkLink.js +1 -2
  112. package/bpk-component-list/package.json +2 -2
  113. package/bpk-component-list/src/BpkList.js +1 -2
  114. package/bpk-component-list/src/BpkList.module.scss +6 -0
  115. package/bpk-component-list/src/BpkListItem.js +1 -2
  116. package/bpk-component-loading-button/package.json +6 -6
  117. package/bpk-component-loading-button/src/BpkLoadingButton.js +6 -7
  118. package/bpk-component-map/package.json +6 -6
  119. package/bpk-component-map/src/BpkIconMarker.js +1 -2
  120. package/bpk-component-map/src/BpkIconMarkerBackground.js +1 -2
  121. package/bpk-component-map/src/BpkMap.js +1 -2
  122. package/bpk-component-map/src/BpkPriceMarker.js +2 -3
  123. package/bpk-component-map/src/DefaultLoadingElement.js +2 -3
  124. package/bpk-component-mobile-scroll-container/package.json +3 -3
  125. package/bpk-component-mobile-scroll-container/src/BpkMobileScrollContainer.js +2 -3
  126. package/bpk-component-modal/package.json +9 -9
  127. package/bpk-component-modal/src/BpkModal.js +2 -3
  128. package/bpk-component-modal/src/BpkModalInner.js +4 -5
  129. package/bpk-component-modal/src/themeAttributes.js +1 -1
  130. package/bpk-component-navigation-bar/package.json +8 -8
  131. package/bpk-component-navigation-bar/src/BpkNavigationBar.js +2 -3
  132. package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.js +2 -3
  133. package/bpk-component-navigation-bar/src/BpkNavigationBarIconButton.js +2 -3
  134. package/bpk-component-navigation-stack/package.json +7 -7
  135. package/bpk-component-navigation-stack/src/BpkNavigationStack.js +1 -2
  136. package/bpk-component-nudger/package.json +7 -7
  137. package/bpk-component-nudger/src/BpkConfigurableNudger.js +6 -7
  138. package/bpk-component-nudger/src/BpkNudger.js +1 -2
  139. package/bpk-component-nudger/src/themeAttributes.js +1 -1
  140. package/bpk-component-overlay/package.json +4 -4
  141. package/bpk-component-overlay/src/BpkOverlay.js +1 -2
  142. package/bpk-component-pagination/package.json +4 -4
  143. package/bpk-component-pagination/src/BpkPagination.js +1 -2
  144. package/bpk-component-pagination/src/BpkPaginationList.js +1 -2
  145. package/bpk-component-pagination/src/BpkPaginationNudger.js +4 -5
  146. package/bpk-component-pagination/src/BpkPaginationPage.js +2 -3
  147. package/bpk-component-pagination/src/themeAttributes.js +1 -1
  148. package/bpk-component-panel/package.json +2 -2
  149. package/bpk-component-panel/src/BpkPanel.js +1 -2
  150. package/bpk-component-phone-input/package.json +9 -9
  151. package/bpk-component-phone-input/src/BpkPhoneInput.js +4 -5
  152. package/bpk-component-popover/package.json +8 -8
  153. package/bpk-component-popover/src/BpkPopover.js +4 -5
  154. package/bpk-component-popover/src/BpkPopoverPortal.js +1 -2
  155. package/bpk-component-popover/src/themeAttributes.js +1 -1
  156. package/bpk-component-progress/package.json +5 -5
  157. package/bpk-component-progress/src/BpkProgress.js +1 -2
  158. package/bpk-component-radio/package.json +4 -4
  159. package/bpk-component-radio/src/BpkRadio.js +1 -2
  160. package/bpk-component-rating/README.md +30 -32
  161. package/bpk-component-rating/index.js +2 -3
  162. package/bpk-component-rating/package.json +4 -4
  163. package/bpk-component-rating/src/BpkRating.js +54 -77
  164. package/bpk-component-rating/src/BpkRating.module.scss +37 -99
  165. package/bpk-component-rating/src/common-types.js +1 -6
  166. package/bpk-component-rtl-toggle/package.json +2 -2
  167. package/bpk-component-rtl-toggle/src/BpkRtlToggle.js +1 -2
  168. package/bpk-component-rtl-toggle/src/updateOnDirectionChange.js +1 -2
  169. package/bpk-component-scrollable-calendar/index.js +1 -1
  170. package/bpk-component-scrollable-calendar/package.json +6 -6
  171. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendar.js +1 -1
  172. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarDate.js +1 -2
  173. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.js +3 -4
  174. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.js +2 -6
  175. package/bpk-component-scrollable-calendar/src/utils.js +1 -1
  176. package/bpk-component-section-list/package.json +6 -6
  177. package/bpk-component-section-list/src/BpkSectionListItem.js +3 -4
  178. package/bpk-component-section-list/src/BpkSectionListSection.js +2 -3
  179. package/bpk-component-select/package.json +3 -3
  180. package/bpk-component-select/src/BpkSelect.js +1 -2
  181. package/bpk-component-skip-link/package.json +2 -2
  182. package/bpk-component-skip-link/src/BpkSkipLink.js +1 -2
  183. package/bpk-component-slider/package.json +4 -4
  184. package/bpk-component-slider/src/BpkSlider.js +1 -2
  185. package/bpk-component-spinner/package.json +3 -3
  186. package/bpk-component-spinner/src/BpkExtraLargeSpinner.js +1 -2
  187. package/bpk-component-spinner/src/BpkLargeSpinner.js +1 -2
  188. package/bpk-component-spinner/src/BpkSpinner.js +1 -2
  189. package/bpk-component-star-rating/package.json +5 -5
  190. package/bpk-component-star-rating/src/BpkInteractiveStar.js +1 -2
  191. package/bpk-component-star-rating/src/BpkInteractiveStarRating.js +1 -2
  192. package/bpk-component-star-rating/src/BpkStar.js +8 -9
  193. package/bpk-component-star-rating/src/BpkStarRating.js +1 -2
  194. package/bpk-component-star-rating/src/withInteractiveStarRatingState.js +1 -2
  195. package/bpk-component-switch/package.json +2 -2
  196. package/bpk-component-switch/src/BpkSwitch.js +1 -2
  197. package/bpk-component-table/package.json +2 -2
  198. package/bpk-component-table/src/BpkTable.js +1 -2
  199. package/bpk-component-table/src/BpkTableCell.js +1 -2
  200. package/bpk-component-table/src/BpkTableHeadCell.js +1 -2
  201. package/bpk-component-text/package.json +2 -2
  202. package/bpk-component-text/src/BpkText.js +1 -2
  203. package/bpk-component-textarea/package.json +4 -4
  204. package/bpk-component-textarea/src/BpkTextarea.js +1 -2
  205. package/bpk-component-theme-toggle/package.json +5 -5
  206. package/bpk-component-theme-toggle/src/BpkThemeToggle.js +3 -4
  207. package/bpk-component-theme-toggle/src/updateOnThemeChange.js +1 -2
  208. package/bpk-component-ticket/package.json +4 -4
  209. package/bpk-component-ticket/src/BpkTicket.js +1 -2
  210. package/bpk-component-tooltip/package.json +4 -4
  211. package/bpk-component-tooltip/src/BpkTooltip.js +1 -2
  212. package/bpk-component-tooltip/src/BpkTooltipPortal.js +1 -2
  213. package/bpk-scrim-utils/package.json +2 -2
  214. package/bpk-scrim-utils/src/BpkScrim.js +1 -2
  215. package/bpk-scrim-utils/src/withScrim.js +1 -2
  216. package/bpk-theming/package.json +2 -2
  217. package/package.json +3 -3
  218. package/bpk-component-rating/src/themeAttributes.js +0 -25
@@ -19,8 +19,7 @@
19
19
 
20
20
  import PropTypes from 'prop-types';
21
21
  import React, { type Node } from 'react';
22
-
23
- import { cssModules } from '../../bpk-react-utils';
22
+ import { cssModules } from 'bpk-react-utils';
24
23
 
25
24
  import STYLES from './BpkLabel.module.scss';
26
25
 
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-link",
3
- "version": "3.1.6",
3
+ "version": "3.1.8",
4
4
  "description": "Backpack link component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,7 +14,7 @@
14
14
  },
15
15
  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
16
16
  "dependencies": {
17
- "bpk-mixins": "^29.0.0",
17
+ "bpk-mixins": "^31.0.0",
18
18
  "bpk-react-utils": "^4.1.1",
19
19
  "prop-types": "^15.7.2"
20
20
  },
@@ -22,7 +22,7 @@
22
22
  "react": "^16.3.0 || ^17.0.0"
23
23
  },
24
24
  "devDependencies": {
25
- "@skyscanner/bpk-foundations-web": "^6.2.0",
26
- "bpk-storybook-utils": "^1.1.5"
25
+ "@skyscanner/bpk-foundations-web": "^8.0.0",
26
+ "bpk-storybook-utils": "^1.1.7"
27
27
  }
28
28
  }
@@ -20,8 +20,7 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React, { type Node } from 'react';
23
-
24
- import { cssModules } from '../../bpk-react-utils';
23
+ import { cssModules } from 'bpk-react-utils';
25
24
 
26
25
  import themeAttributes from './themeAttributes';
27
26
  import STYLES from './BpkLink.module.scss';
@@ -20,8 +20,7 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React, { type Node } from 'react';
23
-
24
- import { cssModules } from '../../bpk-react-utils';
23
+ import { cssModules } from 'bpk-react-utils';
25
24
 
26
25
  import themeAttributes, {
27
26
  linkAlternateThemeAttributes,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-list",
3
- "version": "3.1.6",
3
+ "version": "4.0.1",
4
4
  "description": "Backpack list component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,7 +14,7 @@
14
14
  },
15
15
  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
16
16
  "dependencies": {
17
- "bpk-mixins": "^29.0.0",
17
+ "bpk-mixins": "^31.0.0",
18
18
  "bpk-react-utils": "^4.1.1",
19
19
  "prop-types": "^15.7.2"
20
20
  },
@@ -20,8 +20,7 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React, { type Node } from 'react';
23
-
24
- import { cssModules } from '../../bpk-react-utils';
23
+ import { cssModules } from 'bpk-react-utils';
25
24
 
26
25
  import STYLES from './BpkList.module.scss';
27
26
 
@@ -27,5 +27,11 @@
27
27
 
28
28
  & & {
29
29
  @include bpk-list--nested;
30
+
31
+ /* stylelint-disable selector-max-compound-selectors */
32
+
33
+ > li {
34
+ margin-bottom: 0;
35
+ }
30
36
  }
31
37
  }
@@ -20,8 +20,7 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React, { type Node } from 'react';
23
-
24
- import { cssModules } from '../../bpk-react-utils';
23
+ import { cssModules } from 'bpk-react-utils';
25
24
 
26
25
  import STYLES from './BpkList.module.scss';
27
26
 
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-loading-button",
3
- "version": "6.1.1",
3
+ "version": "6.1.3",
4
4
  "description": "Backpack loading button component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,15 +14,15 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "bpk-component-button": "^6.2.1",
18
- "bpk-component-icon": "^9.2.7",
19
- "bpk-component-spinner": "^5.1.6",
20
- "bpk-mixins": "^29.0.0",
17
+ "bpk-component-button": "^6.2.3",
18
+ "bpk-component-icon": "^9.2.9",
19
+ "bpk-component-spinner": "^5.1.8",
20
+ "bpk-mixins": "^31.0.0",
21
21
  "bpk-react-utils": "^4.1.1",
22
22
  "prop-types": "^15.7.2"
23
23
  },
24
24
  "devDependencies": {
25
- "bpk-storybook-utils": "^1.1.5"
25
+ "bpk-storybook-utils": "^1.1.7"
26
26
  },
27
27
  "peerDependencies": {
28
28
  "react": "^16.3.0 || ^17.0.0"
@@ -20,17 +20,16 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React, { type Node, type Element } from 'react';
23
-
24
- import BpkButton from '../../bpk-component-button';
25
- import { BpkSpinner, BpkLargeSpinner } from '../../bpk-component-spinner';
23
+ import BpkButton from 'bpk-component-button';
24
+ import { BpkSpinner, BpkLargeSpinner } from 'bpk-component-spinner';
26
25
  import {
27
26
  withButtonAlignment,
28
27
  withLargeButtonAlignment,
29
28
  withRtlSupport,
30
- } from '../../bpk-component-icon';
31
- import ArrowIconSm from '../../bpk-component-icon/sm/long-arrow-right';
32
- import ArrowIconLg from '../../bpk-component-icon/lg/long-arrow-right';
33
- import { cssModules } from '../../bpk-react-utils';
29
+ } from 'bpk-component-icon';
30
+ import ArrowIconSm from 'bpk-component-icon/sm/long-arrow-right';
31
+ import ArrowIconLg from 'bpk-component-icon/lg/long-arrow-right';
32
+ import { cssModules } from 'bpk-react-utils';
34
33
 
35
34
  import STYLES from './BpkLoadingButton.module.scss';
36
35
 
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-map",
3
- "version": "6.0.1",
3
+ "version": "6.0.3",
4
4
  "description": "Backpack map component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -15,8 +15,8 @@
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
17
  "@react-google-maps/api": "^2.8.1",
18
- "bpk-component-spinner": "^5.1.6",
19
- "bpk-mixins": "^29.0.0",
18
+ "bpk-component-spinner": "^5.1.8",
19
+ "bpk-mixins": "^31.0.0",
20
20
  "bpk-react-utils": "^4.1.1",
21
21
  "prop-types": "^15.5.8"
22
22
  },
@@ -24,9 +24,9 @@
24
24
  "react": "^16.8.3 || ^17.0.0"
25
25
  },
26
26
  "devDependencies": {
27
- "bpk-component-icon": "^9.2.7",
28
- "bpk-component-text": "^7.0.0",
29
- "bpk-storybook-utils": "^1.1.5",
27
+ "bpk-component-icon": "^9.2.9",
28
+ "bpk-component-text": "^7.0.2",
29
+ "bpk-storybook-utils": "^1.1.7",
30
30
  "prop-types": "^15.5.8"
31
31
  }
32
32
  }
@@ -20,8 +20,7 @@
20
20
 
21
21
  import React, { type Node } from 'react';
22
22
  import PropTypes from 'prop-types';
23
-
24
- import { cssModules } from '../../bpk-react-utils';
23
+ import { cssModules } from 'bpk-react-utils';
25
24
 
26
25
  import BpkIconMarkerBackground from './BpkIconMarkerBackground';
27
26
  import { LatLongPropType, type LatLong } from './common-types';
@@ -19,8 +19,7 @@
19
19
  /* @flow strict */
20
20
 
21
21
  import React from 'react';
22
-
23
- import { cssModules } from '../../bpk-react-utils';
22
+ import { cssModules } from 'bpk-react-utils';
24
23
 
25
24
  import STYLES from './BpkIconMarkerBackground.module.scss';
26
25
 
@@ -20,10 +20,9 @@
20
20
 
21
21
  import React, { type Node, useCallback, useRef } from 'react';
22
22
  import PropTypes from 'prop-types';
23
+ import { cssModules } from 'bpk-react-utils';
23
24
  import { GoogleMap } from '@react-google-maps/api';
24
25
 
25
- import { cssModules } from '../../bpk-react-utils';
26
-
27
26
  import { LatLongPropType, type LatLong } from './common-types';
28
27
  import STYLES from './BpkMap.module.scss';
29
28
 
@@ -20,9 +20,8 @@
20
20
 
21
21
  import React from 'react';
22
22
  import PropTypes from 'prop-types';
23
-
24
- import { cssModules } from '../../bpk-react-utils';
25
- 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';
26
25
 
27
26
  import { LatLongPropType, type LatLong } from './common-types';
28
27
  import BpkBasicMapMarker from './BpkBasicMapMarker';
@@ -18,9 +18,8 @@
18
18
  /* @flow strict */
19
19
 
20
20
  import React from 'react';
21
-
22
- import { BpkLargeSpinner, SPINNER_TYPES } from '../../bpk-component-spinner';
23
- import { cssModules } from '../../bpk-react-utils';
21
+ import { BpkLargeSpinner, SPINNER_TYPES } from 'bpk-component-spinner';
22
+ import { cssModules } from 'bpk-react-utils';
24
23
 
25
24
  import STYLES from './DefaultLoadingElement.module.scss';
26
25
 
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-mobile-scroll-container",
3
- "version": "3.1.6",
3
+ "version": "3.1.8",
4
4
  "description": "Backpack mobile scroll container component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,7 +14,7 @@
14
14
  },
15
15
  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
16
16
  "dependencies": {
17
- "bpk-mixins": "^29.0.0",
17
+ "bpk-mixins": "^31.0.0",
18
18
  "bpk-react-utils": "^4.1.1",
19
19
  "lodash.debounce": "^4.0.8",
20
20
  "prop-types": "^15.7.2"
@@ -23,6 +23,6 @@
23
23
  "react": "^16.3.0 || ^17.0.0"
24
24
  },
25
25
  "devDependencies": {
26
- "@skyscanner/bpk-foundations-web": "^6.2.0"
26
+ "@skyscanner/bpk-foundations-web": "^8.0.0"
27
27
  }
28
28
  }
@@ -21,8 +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
-
25
- import { cssModules, isRTL } from '../../bpk-react-utils';
24
+ import { cssModules, isRTL } from 'bpk-react-utils';
26
25
 
27
26
  import STYLES from './BpkMobileScrollContainer.module.scss';
28
27
 
@@ -53,7 +52,7 @@ const computeScrollIndicatorClassName = (
53
52
  const { offsetWidth, scrollLeft, scrollWidth } = scrollerEl;
54
53
 
55
54
  const rtl = isRTL();
56
- const scrollValue = rtl ? -scrollLeft : scrollLeft;
55
+ const scrollValue = rtl ? -Math.floor(scrollLeft) : Math.ceil(scrollLeft);
57
56
  const showLeadingIndicator = scrollValue > 0;
58
57
  const showTrailingIndicator = scrollValue < scrollWidth - offsetWidth;
59
58
  const showLeftIndicator = rtl ? showTrailingIndicator : showLeadingIndicator;
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-modal",
3
- "version": "3.1.8",
3
+ "version": "3.1.10",
4
4
  "description": "Backpack modal component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,20 +14,20 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "bpk-component-close-button": "^3.1.7",
18
- "bpk-component-icon": "^9.2.7",
19
- "bpk-component-link": "^3.1.6",
20
- "bpk-component-navigation-bar": "^3.1.8",
21
- "bpk-mixins": "^29.0.0",
17
+ "bpk-component-close-button": "^3.1.9",
18
+ "bpk-component-icon": "^9.2.9",
19
+ "bpk-component-link": "^3.1.8",
20
+ "bpk-component-navigation-bar": "^3.1.10",
21
+ "bpk-mixins": "^31.0.0",
22
22
  "bpk-react-utils": "^4.1.1",
23
- "bpk-scrim-utils": "^5.1.5",
23
+ "bpk-scrim-utils": "^5.1.7",
24
24
  "prop-types": "^15.7.2"
25
25
  },
26
26
  "peerDependencies": {
27
27
  "react": "^16.3.0 || ^17.0.0"
28
28
  },
29
29
  "devDependencies": {
30
- "bpk-component-button": "^6.2.1",
31
- "bpk-component-text": "^7.0.0"
30
+ "bpk-component-button": "^6.2.3",
31
+ "bpk-component-text": "^7.0.2"
32
32
  }
33
33
  }
@@ -20,9 +20,8 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React, { type Element } from 'react';
23
-
24
- import { withScrim } from '../../bpk-scrim-utils';
25
- import { Portal, cssModules, isDeviceIphone } from '../../bpk-react-utils';
23
+ import { withScrim } from 'bpk-scrim-utils';
24
+ import { Portal, cssModules, isDeviceIphone } from 'bpk-react-utils';
26
25
 
27
26
  import STYLES from './BpkModal.module.scss';
28
27
  import BpkModalInner, {
@@ -18,13 +18,12 @@
18
18
 
19
19
  /* @flow strict */
20
20
 
21
+ import { BpkButtonLink } from 'bpk-component-link';
21
22
  import PropTypes from 'prop-types';
22
23
  import React, { type Node, type Element } from 'react';
23
-
24
- import { BpkButtonLink } from '../../bpk-component-link';
25
- import BpkCloseButton from '../../bpk-component-close-button';
26
- import BpkNavigationBar from '../../bpk-component-navigation-bar';
27
- 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';
28
27
 
29
28
  import STYLES from './BpkModalInner.module.scss';
30
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];
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-navigation-bar",
3
- "version": "3.1.8",
3
+ "version": "3.1.10",
4
4
  "description": "Backpack nativation bar component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,10 +14,10 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "bpk-component-close-button": "^3.1.7",
18
- "bpk-component-link": "^3.1.6",
19
- "bpk-component-text": "^7.0.0",
20
- "bpk-mixins": "^29.0.0",
17
+ "bpk-component-close-button": "^3.1.9",
18
+ "bpk-component-link": "^3.1.8",
19
+ "bpk-component-text": "^7.0.2",
20
+ "bpk-mixins": "^31.0.0",
21
21
  "bpk-react-utils": "^4.1.1",
22
22
  "prop-types": "^15.7.2"
23
23
  },
@@ -25,8 +25,8 @@
25
25
  "react": "^16.3.0 || ^17.0.0"
26
26
  },
27
27
  "devDependencies": {
28
- "@skyscanner/bpk-foundations-web": "^6.2.0",
29
- "bpk-component-icon": "^9.2.7",
30
- "bpk-storybook-utils": "^1.1.5"
28
+ "@skyscanner/bpk-foundations-web": "^8.0.0",
29
+ "bpk-component-icon": "^9.2.9",
30
+ "bpk-storybook-utils": "^1.1.7"
31
31
  }
32
32
  }
@@ -20,9 +20,8 @@
20
20
 
21
21
  import React, { type Node, type Element } from 'react';
22
22
  import PropTypes from 'prop-types';
23
-
24
- import { cssModules } from '../../bpk-react-utils';
25
- import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
23
+ import { cssModules } from 'bpk-react-utils';
24
+ import BpkText, { TEXT_STYLES } from 'bpk-component-text';
26
25
 
27
26
  import STYLES from './BpkNavigationBar.module.scss';
28
27
 
@@ -20,10 +20,9 @@
20
20
 
21
21
  import React, { type Node } from 'react';
22
22
  import PropTypes from 'prop-types';
23
-
24
23
  // TODO: close button is not really only a close button, we should rename and update the import here
25
- import { BpkButtonLink } from '../../bpk-component-link';
26
- import { cssModules } from '../../bpk-react-utils';
24
+ import { BpkButtonLink } from 'bpk-component-link';
25
+ import { cssModules } from 'bpk-react-utils';
27
26
 
28
27
  import STYLES from './BpkNavigationBarButtonLink.module.scss';
29
28
 
@@ -20,10 +20,9 @@
20
20
 
21
21
  import React, { type ComponentType } from 'react';
22
22
  import PropTypes from 'prop-types';
23
-
24
23
  // TODO: close button is not really only a close button, we should rename and update the import here
25
- import BpkIconButton from '../../bpk-component-close-button';
26
- import { cssModules } from '../../bpk-react-utils';
24
+ import BpkIconButton from 'bpk-component-close-button';
25
+ import { cssModules } from 'bpk-react-utils';
27
26
 
28
27
  import STYLES from './BpkNavigationBarIconButton.module.scss';
29
28
 
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-navigation-stack",
3
- "version": "3.1.8",
3
+ "version": "3.1.10",
4
4
  "description": "Backpack navigation stack component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,8 +14,8 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "@skyscanner/bpk-foundations-web": "^6.2.0",
18
- "bpk-mixins": "^29.0.0",
17
+ "@skyscanner/bpk-foundations-web": "^8.0.0",
18
+ "bpk-mixins": "^31.0.0",
19
19
  "bpk-react-utils": "^4.1.1",
20
20
  "prop-types": "^15.7.2",
21
21
  "react-transition-group": "^2.5.3"
@@ -24,9 +24,9 @@
24
24
  "react": "^16.3.0 || ^17.0.0"
25
25
  },
26
26
  "devDependencies": {
27
- "bpk-component-button": "^6.2.1",
28
- "bpk-component-icon": "^9.2.7",
29
- "bpk-component-navigation-bar": "^3.1.8",
30
- "bpk-component-rtl-toggle": "^3.1.6"
27
+ "bpk-component-button": "^6.2.3",
28
+ "bpk-component-icon": "^9.2.9",
29
+ "bpk-component-navigation-bar": "^3.1.10",
30
+ "bpk-component-rtl-toggle": "^3.1.8"
31
31
  }
32
32
  }
@@ -18,14 +18,13 @@
18
18
 
19
19
  /* @flow strict */
20
20
 
21
+ import { cssModules, isRTL } from 'bpk-react-utils';
21
22
  import React, { Children, type Element } from 'react';
22
23
  import PropTypes from 'prop-types';
23
24
  import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
24
25
  import { TransitionGroup, Transition } from 'react-transition-group';
25
26
  import debounce from 'lodash/debounce';
26
27
 
27
- import { cssModules, isRTL } from '../../bpk-react-utils';
28
-
29
28
  import STYLES from './BpkNavigationStack.module.scss';
30
29
 
31
30
  const getClassName = cssModules(STYLES);
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-nudger",
3
- "version": "7.0.0",
3
+ "version": "7.0.2",
4
4
  "description": "Backpack nudger component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,10 +14,10 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "@skyscanner/bpk-foundations-web": "^6.2.0",
18
- "bpk-component-button": "^6.2.1",
19
- "bpk-component-icon": "^9.2.7",
20
- "bpk-mixins": "^29.0.0",
17
+ "@skyscanner/bpk-foundations-web": "^8.0.0",
18
+ "bpk-component-button": "^6.2.3",
19
+ "bpk-component-icon": "^9.2.9",
20
+ "bpk-mixins": "^31.0.0",
21
21
  "bpk-react-utils": "^4.1.1",
22
22
  "lodash.clamp": "^4.0.3",
23
23
  "prop-types": "^15.7.2"
@@ -26,7 +26,7 @@
26
26
  "react": "^16.3.0 || ^17.0.0"
27
27
  },
28
28
  "devDependencies": {
29
- "bpk-component-label": "^5.1.6",
30
- "bpk-storybook-utils": "^1.1.5"
29
+ "bpk-component-label": "^5.1.8",
30
+ "bpk-storybook-utils": "^1.1.7"
31
31
  }
32
32
  }
@@ -21,13 +21,12 @@
21
21
 
22
22
  import PropTypes from 'prop-types';
23
23
  import React from 'react';
24
-
25
- import BpkButtonSecondary from '../../bpk-component-button/BpkButtonSecondary';
26
- import BpkButtonSecondaryOnDark from '../../bpk-component-button/BpkButtonSecondaryOnDark';
27
- import { withButtonAlignment } from '../../bpk-component-icon';
28
- import MinusIcon from '../../bpk-component-icon/sm/minus';
29
- import PlusIcon from '../../bpk-component-icon/sm/plus';
30
- import { cssModules } from '../../bpk-react-utils';
24
+ import BpkButtonSecondary from 'bpk-component-button/BpkButtonSecondary';
25
+ import BpkButtonSecondaryOnDark from 'bpk-component-button/BpkButtonSecondaryOnDark';
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';
31
30
 
32
31
  import {
33
32
  type CommonProps,
@@ -20,8 +20,7 @@
20
20
 
21
21
  import React from 'react';
22
22
  import PropTypes from 'prop-types';
23
-
24
- import { cssModules } from '../../bpk-react-utils';
23
+ import { cssModules } from 'bpk-react-utils';
25
24
 
26
25
  import BpkConfigurableNudger from './BpkConfigurableNudger';
27
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;
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-overlay",
3
- "version": "2.1.7",
3
+ "version": "2.1.9",
4
4
  "description": "Backpack overlay component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -13,7 +13,7 @@
13
13
  "registry": "https://registry.npmjs.org/"
14
14
  },
15
15
  "dependencies": {
16
- "bpk-mixins": "^29.0.0",
16
+ "bpk-mixins": "^31.0.0",
17
17
  "bpk-react-utils": "^4.1.1",
18
18
  "prop-types": "^15.5.8"
19
19
  },
@@ -21,8 +21,8 @@
21
21
  "react": "^16.3.0 || ^17.0.0"
22
22
  },
23
23
  "devDependencies": {
24
- "bpk-component-image": "^5.1.7",
25
- "bpk-component-text": "^7.0.0"
24
+ "bpk-component-image": "^5.1.9",
25
+ "bpk-component-text": "^7.0.2"
26
26
  },
27
27
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8"
28
28
  }
@@ -19,8 +19,7 @@
19
19
 
20
20
  import PropTypes from 'prop-types';
21
21
  import React, { type Node } from 'react';
22
-
23
- import { cssModules } from '../../bpk-react-utils';
22
+ import { cssModules } from 'bpk-react-utils';
24
23
 
25
24
  import STYLES from './BpkOverlay.module.scss';
26
25