@skyscanner/backpack-web 0.4.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 (217) 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/BpkListItem.js +1 -2
  115. package/bpk-component-loading-button/package.json +6 -6
  116. package/bpk-component-loading-button/src/BpkLoadingButton.js +6 -7
  117. package/bpk-component-map/package.json +6 -6
  118. package/bpk-component-map/src/BpkIconMarker.js +1 -2
  119. package/bpk-component-map/src/BpkIconMarkerBackground.js +1 -2
  120. package/bpk-component-map/src/BpkMap.js +1 -2
  121. package/bpk-component-map/src/BpkPriceMarker.js +2 -3
  122. package/bpk-component-map/src/DefaultLoadingElement.js +2 -3
  123. package/bpk-component-mobile-scroll-container/package.json +3 -3
  124. package/bpk-component-mobile-scroll-container/src/BpkMobileScrollContainer.js +1 -2
  125. package/bpk-component-modal/package.json +9 -9
  126. package/bpk-component-modal/src/BpkModal.js +2 -3
  127. package/bpk-component-modal/src/BpkModalInner.js +4 -5
  128. package/bpk-component-modal/src/themeAttributes.js +1 -1
  129. package/bpk-component-navigation-bar/package.json +8 -8
  130. package/bpk-component-navigation-bar/src/BpkNavigationBar.js +2 -3
  131. package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.js +2 -3
  132. package/bpk-component-navigation-bar/src/BpkNavigationBarIconButton.js +2 -3
  133. package/bpk-component-navigation-stack/package.json +7 -7
  134. package/bpk-component-navigation-stack/src/BpkNavigationStack.js +1 -2
  135. package/bpk-component-nudger/package.json +7 -7
  136. package/bpk-component-nudger/src/BpkConfigurableNudger.js +6 -7
  137. package/bpk-component-nudger/src/BpkNudger.js +1 -2
  138. package/bpk-component-nudger/src/themeAttributes.js +1 -1
  139. package/bpk-component-overlay/package.json +4 -4
  140. package/bpk-component-overlay/src/BpkOverlay.js +1 -2
  141. package/bpk-component-pagination/package.json +4 -4
  142. package/bpk-component-pagination/src/BpkPagination.js +1 -2
  143. package/bpk-component-pagination/src/BpkPaginationList.js +1 -2
  144. package/bpk-component-pagination/src/BpkPaginationNudger.js +4 -5
  145. package/bpk-component-pagination/src/BpkPaginationPage.js +2 -3
  146. package/bpk-component-pagination/src/themeAttributes.js +1 -1
  147. package/bpk-component-panel/package.json +2 -2
  148. package/bpk-component-panel/src/BpkPanel.js +1 -2
  149. package/bpk-component-phone-input/package.json +9 -9
  150. package/bpk-component-phone-input/src/BpkPhoneInput.js +4 -5
  151. package/bpk-component-popover/package.json +8 -8
  152. package/bpk-component-popover/src/BpkPopover.js +4 -5
  153. package/bpk-component-popover/src/BpkPopoverPortal.js +1 -2
  154. package/bpk-component-popover/src/themeAttributes.js +1 -1
  155. package/bpk-component-progress/package.json +5 -5
  156. package/bpk-component-progress/src/BpkProgress.js +1 -2
  157. package/bpk-component-radio/package.json +4 -4
  158. package/bpk-component-radio/src/BpkRadio.js +1 -2
  159. package/bpk-component-rating/README.md +30 -32
  160. package/bpk-component-rating/index.js +2 -3
  161. package/bpk-component-rating/package.json +4 -4
  162. package/bpk-component-rating/src/BpkRating.js +54 -77
  163. package/bpk-component-rating/src/BpkRating.module.scss +37 -99
  164. package/bpk-component-rating/src/common-types.js +1 -6
  165. package/bpk-component-rtl-toggle/package.json +2 -2
  166. package/bpk-component-rtl-toggle/src/BpkRtlToggle.js +1 -2
  167. package/bpk-component-rtl-toggle/src/updateOnDirectionChange.js +1 -2
  168. package/bpk-component-scrollable-calendar/index.js +1 -1
  169. package/bpk-component-scrollable-calendar/package.json +6 -6
  170. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendar.js +1 -1
  171. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarDate.js +1 -2
  172. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.js +3 -4
  173. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.js +2 -6
  174. package/bpk-component-scrollable-calendar/src/utils.js +1 -1
  175. package/bpk-component-section-list/package.json +6 -6
  176. package/bpk-component-section-list/src/BpkSectionListItem.js +3 -4
  177. package/bpk-component-section-list/src/BpkSectionListSection.js +2 -3
  178. package/bpk-component-select/package.json +3 -3
  179. package/bpk-component-select/src/BpkSelect.js +1 -2
  180. package/bpk-component-skip-link/package.json +2 -2
  181. package/bpk-component-skip-link/src/BpkSkipLink.js +1 -2
  182. package/bpk-component-slider/package.json +4 -4
  183. package/bpk-component-slider/src/BpkSlider.js +1 -2
  184. package/bpk-component-spinner/package.json +3 -3
  185. package/bpk-component-spinner/src/BpkExtraLargeSpinner.js +1 -2
  186. package/bpk-component-spinner/src/BpkLargeSpinner.js +1 -2
  187. package/bpk-component-spinner/src/BpkSpinner.js +1 -2
  188. package/bpk-component-star-rating/package.json +5 -5
  189. package/bpk-component-star-rating/src/BpkInteractiveStar.js +1 -2
  190. package/bpk-component-star-rating/src/BpkInteractiveStarRating.js +1 -2
  191. package/bpk-component-star-rating/src/BpkStar.js +8 -9
  192. package/bpk-component-star-rating/src/BpkStarRating.js +1 -2
  193. package/bpk-component-star-rating/src/withInteractiveStarRatingState.js +1 -2
  194. package/bpk-component-switch/package.json +2 -2
  195. package/bpk-component-switch/src/BpkSwitch.js +1 -2
  196. package/bpk-component-table/package.json +2 -2
  197. package/bpk-component-table/src/BpkTable.js +1 -2
  198. package/bpk-component-table/src/BpkTableCell.js +1 -2
  199. package/bpk-component-table/src/BpkTableHeadCell.js +1 -2
  200. package/bpk-component-text/package.json +2 -2
  201. package/bpk-component-text/src/BpkText.js +1 -2
  202. package/bpk-component-textarea/package.json +4 -4
  203. package/bpk-component-textarea/src/BpkTextarea.js +1 -2
  204. package/bpk-component-theme-toggle/package.json +5 -5
  205. package/bpk-component-theme-toggle/src/BpkThemeToggle.js +3 -4
  206. package/bpk-component-theme-toggle/src/updateOnThemeChange.js +1 -2
  207. package/bpk-component-ticket/package.json +4 -4
  208. package/bpk-component-ticket/src/BpkTicket.js +1 -2
  209. package/bpk-component-tooltip/package.json +4 -4
  210. package/bpk-component-tooltip/src/BpkTooltip.js +1 -2
  211. package/bpk-component-tooltip/src/BpkTooltipPortal.js +1 -2
  212. package/bpk-scrim-utils/package.json +2 -2
  213. package/bpk-scrim-utils/src/BpkScrim.js +1 -2
  214. package/bpk-scrim-utils/src/withScrim.js +1 -2
  215. package/bpk-theming/package.json +2 -2
  216. package/package.json +5 -8
  217. package/bpk-component-rating/src/themeAttributes.js +0 -25
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-animate-height",
3
- "version": "4.1.7",
3
+ "version": "4.1.8",
4
4
  "description": "Animate height using CSS transitions.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -20,7 +20,7 @@
20
20
  "react": "^16.3.0 || ^17.0.0"
21
21
  },
22
22
  "devDependencies": {
23
- "@skyscanner/bpk-foundations-web": "^7.0.0",
24
- "bpk-component-button": "^6.2.2"
23
+ "@skyscanner/bpk-foundations-web": "^8.0.0",
24
+ "bpk-component-button": "^6.2.3"
25
25
  }
26
26
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-accordion",
3
- "version": "5.0.7",
3
+ "version": "5.0.8",
4
4
  "description": "Backpack accordion 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-animate-height": "^4.1.7",
18
- "bpk-component-icon": "^9.2.8",
19
- "bpk-component-text": "^7.0.1",
20
- "bpk-mixins": "^30.0.0",
17
+ "bpk-animate-height": "^4.1.8",
18
+ "bpk-component-icon": "^9.2.9",
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,7 +25,7 @@
25
25
  "react": "^16.3.0 || ^17.0.0"
26
26
  },
27
27
  "devDependencies": {
28
- "@skyscanner/bpk-foundations-web": "^7.0.0",
29
- "bpk-component-checkbox": "^4.1.9"
28
+ "@skyscanner/bpk-foundations-web": "^8.0.0",
29
+ "bpk-component-checkbox": "^4.1.10"
30
30
  }
31
31
  }
@@ -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 './BpkAccordion.module.scss';
27
26
 
@@ -20,12 +20,11 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React, { type Node, type Element } from 'react';
23
-
24
- import AnimateHeight from '../../bpk-animate-height';
25
- import { withButtonAlignment } from '../../bpk-component-icon';
26
- import ChevronDownIcon from '../../bpk-component-icon/sm/chevron-down';
27
- import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
28
- import { cssModules } from '../../bpk-react-utils';
23
+ import AnimateHeight from 'bpk-animate-height';
24
+ import { withButtonAlignment } from 'bpk-component-icon';
25
+ import ChevronDownIcon from 'bpk-component-icon/sm/chevron-down';
26
+ import BpkText, { TEXT_STYLES } from 'bpk-component-text';
27
+ import { cssModules } from 'bpk-react-utils';
29
28
 
30
29
  import STYLES from './BpkAccordionItem.module.scss';
31
30
 
@@ -20,8 +20,7 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React, { Component, type ComponentType } from 'react';
23
-
24
- import { wrapDisplayName } from '../../bpk-react-utils';
23
+ import { wrapDisplayName } from 'bpk-react-utils';
25
24
 
26
25
  type Props = {
27
26
  initiallyExpanded: boolean,
@@ -27,8 +27,7 @@ import React, {
27
27
  type Element,
28
28
  type ComponentType,
29
29
  } from 'react';
30
-
31
- import { wrapDisplayName } from '../../bpk-react-utils';
30
+ import { wrapDisplayName } from 'bpk-react-utils';
32
31
 
33
32
  const getInitiallyExpanded = (children) => {
34
33
  const accordionItems = Children.toArray(children);
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-aria-live",
3
- "version": "2.1.12",
3
+ "version": "2.1.13",
4
4
  "description": "Backpack aria-live component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -13,16 +13,16 @@
13
13
  "registry": "https://registry.npmjs.org/"
14
14
  },
15
15
  "dependencies": {
16
- "bpk-mixins": "^30.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
  },
20
20
  "devDependencies": {
21
- "bpk-component-chip": "^5.2.10",
22
- "bpk-component-code": "^3.1.7",
23
- "bpk-component-fieldset": "^4.1.12",
24
- "bpk-component-select": "^5.1.7",
25
- "bpk-component-switch": "^2.1.8"
21
+ "bpk-component-chip": "^5.2.11",
22
+ "bpk-component-code": "^3.1.8",
23
+ "bpk-component-fieldset": "^4.1.13",
24
+ "bpk-component-select": "^5.1.8",
25
+ "bpk-component-switch": "^2.1.9"
26
26
  },
27
27
  "peerDependencies": {
28
28
  "react": "^16.3.0 || ^17.0.0"
@@ -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 './BpkAriaLive.module.scss';
26
25
 
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-autosuggest",
3
- "version": "6.1.10",
3
+ "version": "6.1.11",
4
4
  "description": "Backpack autosuggest component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,8 +14,8 @@
14
14
  },
15
15
  "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
16
16
  "dependencies": {
17
- "bpk-component-input": "^6.1.10",
18
- "bpk-mixins": "^30.0.0",
17
+ "bpk-component-input": "^6.1.11",
18
+ "bpk-mixins": "^31.0.0",
19
19
  "bpk-react-utils": "^4.1.1",
20
20
  "prop-types": "^15.7.2",
21
21
  "react-autosuggest": "^9.4.3"
@@ -24,6 +24,6 @@
24
24
  "react": "^16.3.0 || ^17.0.0"
25
25
  },
26
26
  "devDependencies": {
27
- "bpk-component-icon": "^9.2.8"
27
+ "bpk-component-icon": "^9.2.9"
28
28
  }
29
29
  }
@@ -19,10 +19,9 @@
19
19
  /* @flow strict */
20
20
 
21
21
  import React from 'react';
22
+ import BpkInput from 'bpk-component-input';
22
23
  import Autosuggest from 'react-autosuggest';
23
-
24
- import BpkInput from '../../bpk-component-input';
25
- import { cssModules } from '../../bpk-react-utils';
24
+ import { cssModules } from 'bpk-react-utils';
26
25
 
27
26
  import STYLES from './BpkAutosuggest.module.scss';
28
27
 
@@ -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 './BpkAutosuggest.module.scss';
27
26
 
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-badge",
3
- "version": "4.1.8",
3
+ "version": "4.1.9",
4
4
  "description": "Backpack badge component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,7 +14,7 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "bpk-mixins": "^30.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,8 +22,8 @@
22
22
  "react": "^16.3.0 || ^17.0.0"
23
23
  },
24
24
  "devDependencies": {
25
- "@skyscanner/bpk-foundations-web": "^7.0.0",
26
- "bpk-component-icon": "^9.2.8",
27
- "bpk-storybook-utils": "^1.1.6"
25
+ "@skyscanner/bpk-foundations-web": "^8.0.0",
26
+ "bpk-component-icon": "^9.2.9",
27
+ "bpk-storybook-utils": "^1.1.7"
28
28
  }
29
29
  }
@@ -20,8 +20,7 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React from 'react';
23
-
24
- import { cssModules } from '../../bpk-react-utils';
23
+ import { cssModules } from 'bpk-react-utils';
25
24
 
26
25
  import STYLES from './BpkBadge.module.scss';
27
26
 
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-banner-alert",
3
- "version": "6.1.10",
3
+ "version": "6.1.11",
4
4
  "description": "Backpack banner alert component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,19 +14,19 @@
14
14
  },
15
15
  "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
16
16
  "dependencies": {
17
- "@skyscanner/bpk-foundations-web": "^7.0.0",
18
- "bpk-animate-height": "^4.1.7",
19
- "bpk-component-close-button": "^3.1.8",
20
- "bpk-component-icon": "^9.2.8",
21
- "bpk-mixins": "^30.0.0",
17
+ "@skyscanner/bpk-foundations-web": "^8.0.0",
18
+ "bpk-animate-height": "^4.1.8",
19
+ "bpk-component-close-button": "^3.1.9",
20
+ "bpk-component-icon": "^9.2.9",
21
+ "bpk-mixins": "^31.0.0",
22
22
  "bpk-react-utils": "^4.1.1",
23
23
  "prop-types": "^15.7.2",
24
24
  "react-transition-group": "^2.5.3"
25
25
  },
26
26
  "devDependencies": {
27
- "bpk-component-aria-live": "^2.1.12",
28
- "bpk-component-button": "^6.2.2",
29
- "bpk-storybook-utils": "^1.1.6"
27
+ "bpk-component-aria-live": "^2.1.13",
28
+ "bpk-component-button": "^6.2.3",
29
+ "bpk-storybook-utils": "^1.1.7"
30
30
  },
31
31
  "peerDependencies": {
32
32
  "react": "^16.3.0 || ^17.0.0"
@@ -19,12 +19,11 @@
19
19
 
20
20
  import PropTypes from 'prop-types';
21
21
  import React, { type Node, Component } from 'react';
22
+ import { cssModules } from 'bpk-react-utils';
23
+ import BpkAnimateHeight from 'bpk-animate-height';
22
24
  import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
23
25
  import { TransitionGroup, CSSTransition } from 'react-transition-group';
24
26
 
25
- import { cssModules } from '../../bpk-react-utils';
26
- import BpkAnimateHeight from '../../bpk-animate-height';
27
-
28
27
  import STYLES from './BpkAnimateAndFade.module.scss';
29
28
 
30
29
  const getClassName = cssModules(STYLES);
@@ -23,15 +23,14 @@
23
23
 
24
24
  import PropTypes from 'prop-types';
25
25
  import React, { type Node, type StatelessFunctionalComponent } from 'react';
26
+ import { withButtonAlignment } from 'bpk-component-icon';
27
+ import BpkAnimateHeight from 'bpk-animate-height';
28
+ import BpkCloseButton from 'bpk-component-close-button';
29
+ import TickCircleIcon from 'bpk-component-icon/sm/tick-circle';
30
+ import ChevronDownIcon from 'bpk-component-icon/lg/chevron-down';
31
+ import InfoCircleIcon from 'bpk-component-icon/sm/information-circle';
26
32
  import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
27
-
28
- import { withButtonAlignment } from '../../bpk-component-icon';
29
- import BpkAnimateHeight from '../../bpk-animate-height';
30
- import BpkCloseButton from '../../bpk-component-close-button';
31
- import TickCircleIcon from '../../bpk-component-icon/sm/tick-circle';
32
- import ChevronDownIcon from '../../bpk-component-icon/lg/chevron-down';
33
- import InfoCircleIcon from '../../bpk-component-icon/sm/information-circle';
34
- import { cssModules } from '../../bpk-react-utils';
33
+ import { cssModules } from 'bpk-react-utils';
35
34
 
36
35
  import AnimateAndFade from './AnimateAndFade';
37
36
  import {
@@ -19,8 +19,7 @@
19
19
 
20
20
  import React, { type Node, type ComponentType, Component } from 'react';
21
21
  import PropTypes from 'prop-types';
22
-
23
- import { wrapDisplayName } from '../../bpk-react-utils';
22
+ import { wrapDisplayName } from 'bpk-react-utils';
24
23
 
25
24
  import {
26
25
  type OnDismissHandler,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-barchart",
3
- "version": "4.2.8",
3
+ "version": "4.2.9",
4
4
  "description": "Backpack bar chart component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,9 +14,9 @@
14
14
  },
15
15
  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
16
16
  "dependencies": {
17
- "@skyscanner/bpk-foundations-web": "^7.0.0",
18
- "bpk-component-mobile-scroll-container": "^3.1.7",
19
- "bpk-mixins": "^30.0.0",
17
+ "@skyscanner/bpk-foundations-web": "^8.0.0",
18
+ "bpk-component-mobile-scroll-container": "^3.1.8",
19
+ "bpk-mixins": "^31.0.0",
20
20
  "bpk-react-utils": "^4.1.1",
21
21
  "d3-path": "^2.0.0",
22
22
  "d3-scale": "^4.0.2",
@@ -27,9 +27,9 @@
27
27
  "react": "^16.3.0 || ^17.0.0"
28
28
  },
29
29
  "devDependencies": {
30
- "bpk-component-breakpoint": "^3.1.7",
31
- "bpk-component-content-container": "^5.0.1",
32
- "bpk-component-rtl-toggle": "^3.1.7",
33
- "bpk-component-text": "^7.0.1"
30
+ "bpk-component-breakpoint": "^4.0.0",
31
+ "bpk-component-content-container": "^5.0.2",
32
+ "bpk-component-rtl-toggle": "^3.1.8",
33
+ "bpk-component-text": "^7.0.2"
34
34
  }
35
35
  }
@@ -26,9 +26,8 @@ import {
26
26
  spacingXs,
27
27
  lineHeightSm,
28
28
  } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
29
-
30
- import { cssModules } from '../../bpk-react-utils';
31
- import BpkMobileScrollContainer from '../../bpk-component-mobile-scroll-container';
29
+ import { cssModules } from 'bpk-react-utils';
30
+ import BpkMobileScrollContainer from 'bpk-component-mobile-scroll-container';
32
31
 
33
32
  import BpkBarchartDefs from './BpkBarchartDefs';
34
33
  import BpkBarchartBars from './BpkBarchartBars';
@@ -20,10 +20,9 @@
20
20
 
21
21
  import React from 'react';
22
22
  import PropTypes from 'prop-types';
23
+ import { cssModules } from 'bpk-react-utils';
23
24
  import { borderRadiusXs } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
24
25
 
25
- import { cssModules } from '../../bpk-react-utils';
26
-
27
26
  import { remToPx } from './utils';
28
27
  import STYLES from './BpkBarchartBar.module.scss';
29
28
 
@@ -20,13 +20,12 @@
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
24
  import {
24
25
  spacingXs,
25
26
  lineHeightSm,
26
27
  } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
27
28
 
28
- import { cssModules } from '../../bpk-react-utils';
29
-
30
29
  import { rtlConditionalValue } from './RTLtransforms';
31
30
  import { ORIENTATION_X, ORIENTATION_Y } from './orientation';
32
31
  import { identity, center, remToPx } from './utils';
@@ -20,8 +20,7 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React from 'react';
23
-
24
- import { cssModules } from '../../bpk-react-utils';
23
+ import { cssModules } from 'bpk-react-utils';
25
24
 
26
25
  import dataProp from './customPropTypes';
27
26
  import STYLES from './BpkChartDataTable.module.scss';
@@ -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 { ORIENTATION_X, ORIENTATION_Y } from './orientation';
27
26
  import { identity, center } from './utils';
@@ -18,7 +18,7 @@
18
18
 
19
19
  /* @flow strict */
20
20
 
21
- import { isRTL } from '../../bpk-react-utils';
21
+ import { isRTL } from 'bpk-react-utils';
22
22
 
23
23
  const rtlConditionalValue = (ltrValue: number, rtlValue: number) =>
24
24
  isRTL() ? rtlValue : ltrValue;
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-blockquote",
3
- "version": "3.1.7",
3
+ "version": "3.1.8",
4
4
  "description": "Backpack blockquote 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": "^30.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
  },
@@ -18,8 +18,7 @@
18
18
 
19
19
  import PropTypes from 'prop-types';
20
20
  import React from 'react';
21
-
22
- import { cssModules } from '../../bpk-react-utils';
21
+ import { cssModules } from 'bpk-react-utils';
23
22
 
24
23
  import STYLES from './BpkBlockquote.module.scss';
25
24
 
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-breadcrumb",
3
- "version": "3.1.8",
3
+ "version": "3.1.9",
4
4
  "description": "Backpack breadcrumb 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-icon": "^9.2.8",
18
- "bpk-component-link": "^3.1.7",
19
- "bpk-component-text": "^7.0.1",
20
- "bpk-mixins": "^30.0.0",
17
+ "bpk-component-icon": "^9.2.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
  },
@@ -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 './BpkBreadcrumb.module.scss';
27
26
 
@@ -20,12 +20,11 @@
20
20
 
21
21
  import PropTypes from 'prop-types';
22
22
  import React, { type Node } from 'react';
23
-
24
- import BpkLink from '../../bpk-component-link';
25
- import BpkText from '../../bpk-component-text';
26
- import { cssModules } from '../../bpk-react-utils';
27
- import { withRtlSupport } from '../../bpk-component-icon';
28
- import ArrowRight from '../../bpk-component-icon/sm/arrow-right';
23
+ import BpkLink from 'bpk-component-link';
24
+ import BpkText from 'bpk-component-text';
25
+ import { cssModules } from 'bpk-react-utils';
26
+ import { withRtlSupport } from 'bpk-component-icon';
27
+ import ArrowRight from 'bpk-component-icon/sm/arrow-right';
29
28
 
30
29
  import STYLES from './BpkBreadcrumbItem.module.scss';
31
30
 
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-breakpoint",
3
- "version": "3.1.7",
3
+ "version": "4.0.0",
4
4
  "description": "Backpack breakpoint 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": "^30.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
  "react-responsive": "^6.1.2"
@@ -23,6 +23,6 @@
23
23
  "react": "^16.3.0 || ^17.0.0"
24
24
  },
25
25
  "devDependencies": {
26
- "@skyscanner/bpk-foundations-web": "^7.0.0"
26
+ "@skyscanner/bpk-foundations-web": "^8.0.0"
27
27
  }
28
28
  }
@@ -24,7 +24,10 @@ import MediaQuery from 'react-responsive';
24
24
  import TOKENS from '@skyscanner/bpk-foundations-web/tokens/breakpoints.common';
25
25
 
26
26
  const BREAKPOINTS = {
27
+ SMALL_MOBILE: TOKENS.breakpointQuerySmallMobile,
27
28
  MOBILE: TOKENS.breakpointQueryMobile,
29
+ SMALL_TABLET: TOKENS.breakpointQuerySmallTablet,
30
+ SMALL_TABLET_ONLY: TOKENS.breakpointQuerySmallTabletOnly,
28
31
  TABLET: TOKENS.breakpointQueryTablet,
29
32
  TABLET_ONLY: TOKENS.breakpointQueryTabletOnly,
30
33
  ABOVE_MOBILE: TOKENS.breakpointQueryAboveMobile,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-button",
3
- "version": "6.2.2",
3
+ "version": "6.2.3",
4
4
  "description": "Backpack button component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,11 +14,11 @@
14
14
  },
15
15
  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
16
16
  "dependencies": {
17
- "bpk-mixins": "^30.0.0",
17
+ "bpk-mixins": "^31.0.0",
18
18
  "prop-types": "^15.7.2"
19
19
  },
20
20
  "devDependencies": {
21
- "bpk-storybook-utils": "^1.1.6"
21
+ "bpk-storybook-utils": "^1.1.7"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "react": "^16.3.0 || ^17.0.0"
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bpk-component-calendar",
3
- "version": "11.1.12",
3
+ "version": "11.1.13",
4
4
  "description": "Backpack calendar component.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,11 +14,11 @@
14
14
  },
15
15
  "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
16
16
  "dependencies": {
17
- "@skyscanner/bpk-foundations-web": "^7.0.0",
18
- "bpk-component-aria-live": "^2.1.12",
19
- "bpk-component-icon": "^9.2.8",
20
- "bpk-component-select": "^5.1.7",
21
- "bpk-mixins": "^30.0.0",
17
+ "@skyscanner/bpk-foundations-web": "^8.0.0",
18
+ "bpk-component-aria-live": "^2.1.13",
19
+ "bpk-component-icon": "^9.2.9",
20
+ "bpk-component-select": "^5.1.8",
21
+ "bpk-mixins": "^31.0.0",
22
22
  "bpk-react-utils": "^4.1.1",
23
23
  "date-fns": "^2.21.1",
24
24
  "prop-types": "^15.7.2"
@@ -27,8 +27,8 @@
27
27
  "react": "^16.3.0 || ^17.0.0"
28
28
  },
29
29
  "devDependencies": {
30
- "bpk-component-button": "^6.2.2",
31
- "bpk-component-text": "^7.0.1",
32
- "bpk-storybook-utils": "^1.1.6"
30
+ "bpk-component-button": "^6.2.3",
31
+ "bpk-component-text": "^7.0.2",
32
+ "bpk-storybook-utils": "^1.1.7"
33
33
  }
34
34
  }
@@ -18,8 +18,7 @@
18
18
 
19
19
  import PropTypes from 'prop-types';
20
20
  import React, { Component } from 'react';
21
-
22
- import { deprecated, isRTL } from '../../bpk-react-utils';
21
+ import { deprecated, isRTL } from 'bpk-react-utils';
23
22
 
24
23
  import CustomPropTypes, { CALENDAR_SELECTION_TYPE } from './custom-proptypes';
25
24
  import BpkCalendarNav from './BpkCalendarNav';
@@ -18,8 +18,7 @@
18
18
 
19
19
  import PropTypes from 'prop-types';
20
20
  import React, { PureComponent } from 'react';
21
-
22
- import { cssModules } from '../../bpk-react-utils';
21
+ import { cssModules } from 'bpk-react-utils';
23
22
 
24
23
  import CustomPropTypes from './custom-proptypes';
25
24
  import STYLES from './BpkCalendarDate.module.scss';