@skyscanner/backpack-web 0.0.1 → 0.0.4

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 (250) hide show
  1. package/README.md +100 -0
  2. package/bpk-animate-height/examples.js +1 -1
  3. package/bpk-component-accordion/examples.js +4 -4
  4. package/bpk-component-accordion/package.json +4 -4
  5. package/bpk-component-accordion/src/BpkAccordion.js +1 -1
  6. package/bpk-component-accordion/src/BpkAccordionItem.js +8 -8
  7. package/bpk-component-accordion/src/withAccordionItemState.js +2 -2
  8. package/bpk-component-accordion/src/withSingleItemAccordionState.js +1 -1
  9. package/bpk-component-aria-live/examples.js +7 -8
  10. package/bpk-component-aria-live/package.json +3 -3
  11. package/bpk-component-aria-live/src/BpkAriaLive.js +1 -1
  12. package/bpk-component-autosuggest/examples.js +4 -4
  13. package/bpk-component-autosuggest/package.json +3 -3
  14. package/bpk-component-autosuggest/src/BpkAutosuggest.js +2 -2
  15. package/bpk-component-autosuggest/src/BpkAutosuggestSuggestion.js +1 -1
  16. package/bpk-component-badge/BadgeLayout.js +1 -1
  17. package/bpk-component-badge/examples.js +5 -5
  18. package/bpk-component-badge/package.json +2 -2
  19. package/bpk-component-badge/src/BpkBadge.js +1 -1
  20. package/bpk-component-banner-alert/examples.js +4 -4
  21. package/bpk-component-banner-alert/package.json +4 -4
  22. package/bpk-component-banner-alert/src/AnimateAndFade.js +2 -2
  23. package/bpk-component-banner-alert/src/BpkBannerAlertInner.js +7 -7
  24. package/bpk-component-banner-alert/src/withBannerAlertState.js +1 -1
  25. package/bpk-component-barchart/examples.js +4 -4
  26. package/bpk-component-barchart/hocs.js +1 -1
  27. package/bpk-component-barchart/package.json +2 -2
  28. package/bpk-component-barchart/src/BpkBarchart.js +2 -2
  29. package/bpk-component-barchart/src/BpkBarchartBar.js +1 -1
  30. package/bpk-component-barchart/src/BpkChartAxis.js +1 -1
  31. package/bpk-component-barchart/src/BpkChartDataTable.js +1 -1
  32. package/bpk-component-barchart/src/BpkChartGridLines.js +9 -9
  33. package/bpk-component-barchart/src/RTLtransforms.js +1 -1
  34. package/bpk-component-blockquote/src/BpkBlockquote.js +1 -1
  35. package/bpk-component-breadcrumb/package.json +3 -3
  36. package/bpk-component-breadcrumb/src/BpkBreadcrumb.js +1 -1
  37. package/bpk-component-breadcrumb/src/BpkBreadcrumbItem.js +5 -5
  38. package/bpk-component-breakpoint/examples.js +1 -1
  39. package/bpk-component-calendar/examples-components.js +1 -1
  40. package/bpk-component-calendar/examples.js +1 -1
  41. package/bpk-component-calendar/package.json +4 -4
  42. package/bpk-component-calendar/src/BpkCalendarContainer.js +1 -1
  43. package/bpk-component-calendar/src/BpkCalendarDate.js +1 -1
  44. package/bpk-component-calendar/src/BpkCalendarGrid.js +1 -1
  45. package/bpk-component-calendar/src/BpkCalendarGridHeader.js +1 -1
  46. package/bpk-component-calendar/src/BpkCalendarGridTransition.js +12 -12
  47. package/bpk-component-calendar/src/BpkCalendarNav.js +13 -13
  48. package/bpk-component-calendar/src/Week.js +2 -2
  49. package/bpk-component-calendar/src/composeCalendar.js +1 -1
  50. package/bpk-component-card/examples.js +3 -3
  51. package/bpk-component-card/package.json +2 -2
  52. package/bpk-component-card/src/BpkCard.js +1 -1
  53. package/bpk-component-checkbox/package.json +2 -2
  54. package/bpk-component-checkbox/src/BpkCheckbox.js +1 -1
  55. package/bpk-component-chip/examples.js +12 -13
  56. package/bpk-component-chip/package.json +4 -4
  57. package/bpk-component-chip/src/BpkDismissibleChip.js +1 -1
  58. package/bpk-component-chip/src/BpkSelectableChip.js +3 -3
  59. package/bpk-component-close-button/package.json +2 -2
  60. package/bpk-component-close-button/src/BpkCloseButton.js +2 -2
  61. package/bpk-component-code/src/BpkCode.js +1 -1
  62. package/bpk-component-code/src/BpkCodeBlock.js +1 -1
  63. package/bpk-component-content-container/examples.js +2 -2
  64. package/bpk-component-content-container/src/BpkContentContainer.js +1 -1
  65. package/bpk-component-datatable/package.json +2 -2
  66. package/bpk-component-datatable/src/BpkDataTable.js +1 -1
  67. package/bpk-component-datatable/src/BpkDataTableColumn.js +1 -1
  68. package/bpk-component-datatable/src/bpkHeaderRenderer.js +4 -4
  69. package/bpk-component-datepicker/examples.js +4 -4
  70. package/bpk-component-datepicker/index.js +1 -1
  71. package/bpk-component-datepicker/package.json +5 -5
  72. package/bpk-component-datepicker/src/BpkDatepicker.js +6 -6
  73. package/bpk-component-datepicker/src/themeAttributes.js +3 -3
  74. package/bpk-component-description-list/src/ComponentFactory.js +1 -1
  75. package/bpk-component-dialog/examples.js +7 -7
  76. package/bpk-component-dialog/package.json +5 -5
  77. package/bpk-component-dialog/src/BpkDialog.js +2 -2
  78. package/bpk-component-dialog/src/BpkDialogInner.js +3 -3
  79. package/bpk-component-drawer/examples.js +4 -4
  80. package/bpk-component-drawer/package.json +4 -4
  81. package/bpk-component-drawer/src/BpkDrawer.js +2 -2
  82. package/bpk-component-drawer/src/BpkDrawerContent.js +3 -3
  83. package/bpk-component-drawer/src/themeAttributes.js +1 -1
  84. package/bpk-component-fieldset/examples.js +12 -12
  85. package/bpk-component-fieldset/package.json +7 -7
  86. package/bpk-component-fieldset/src/BpkFieldset.js +3 -3
  87. package/bpk-component-flare/examples.js +4 -4
  88. package/bpk-component-flare/package.json +2 -2
  89. package/bpk-component-flare/src/BpkContentBubble.js +1 -1
  90. package/bpk-component-flare/src/BpkFlareBar.js +1 -1
  91. package/bpk-component-form-validation/examples.js +6 -6
  92. package/bpk-component-form-validation/package.json +4 -4
  93. package/bpk-component-form-validation/src/BpkFormValidation.js +4 -4
  94. package/bpk-component-grid/src/BpkGridColumn.js +1 -1
  95. package/bpk-component-grid/src/BpkGridContainer.js +1 -1
  96. package/bpk-component-grid/src/BpkGridRow.js +1 -1
  97. package/bpk-component-grid-toggle/src/BpkGridToggle.js +2 -2
  98. package/bpk-component-horizontal-nav/examples.js +2 -2
  99. package/bpk-component-horizontal-nav/package.json +2 -2
  100. package/bpk-component-horizontal-nav/src/BpkHorizontalNav.js +2 -2
  101. package/bpk-component-horizontal-nav/src/BpkHorizontalNavItem.js +1 -1
  102. package/bpk-component-icon/examples.js +7 -7
  103. package/bpk-component-icon/package.json +2 -2
  104. package/bpk-component-icon/src/classNameModifierHOCFactory.js +1 -1
  105. package/bpk-component-icon/src/withAlignment.js +3 -4
  106. package/bpk-component-icon/src/withDescription.js +1 -1
  107. package/bpk-component-icon/src/withRtlSupport.js +1 -1
  108. package/bpk-component-image/examples.js +5 -5
  109. package/bpk-component-image/package.json +2 -2
  110. package/bpk-component-image/src/BpkBackgroundImage.js +2 -2
  111. package/bpk-component-image/src/BpkImage.js +2 -2
  112. package/bpk-component-image/src/withLazyLoading.js +1 -1
  113. package/bpk-component-image/src/withLoadingBehavior.js +28 -28
  114. package/bpk-component-infinite-scroll/examples.js +4 -4
  115. package/bpk-component-infinite-scroll/src/withInfiniteScroll.js +106 -106
  116. package/bpk-component-input/examples.js +3 -3
  117. package/bpk-component-input/package.json +3 -3
  118. package/bpk-component-input/src/BpkClearButton.js +3 -3
  119. package/bpk-component-input/src/BpkInput.js +1 -1
  120. package/bpk-component-input/src/withOpenEvents.js +1 -1
  121. package/bpk-component-label/src/BpkLabel.js +1 -1
  122. package/bpk-component-link/src/BpkButtonLink.js +1 -1
  123. package/bpk-component-link/src/BpkLink.js +1 -1
  124. package/bpk-component-list/src/BpkList.js +1 -1
  125. package/bpk-component-list/src/BpkListItem.js +1 -1
  126. package/bpk-component-loading-button/examples.js +3 -3
  127. package/bpk-component-loading-button/package.json +2 -2
  128. package/bpk-component-loading-button/src/BpkLoadingButton.js +5 -5
  129. package/bpk-component-map/examples.js +6 -6
  130. package/bpk-component-map/package.json +3 -3
  131. package/bpk-component-map/src/BpkIconMarker.js +1 -1
  132. package/bpk-component-map/src/BpkIconMarkerBackground.js +1 -1
  133. package/bpk-component-map/src/BpkPriceMarker.js +4 -8
  134. package/bpk-component-map/src/DefaultLoadingElement.js +2 -2
  135. package/bpk-component-mobile-scroll-container/examples.js +1 -1
  136. package/bpk-component-mobile-scroll-container/src/BpkMobileScrollContainer.js +1 -1
  137. package/bpk-component-modal/examples.js +8 -8
  138. package/bpk-component-modal/package.json +5 -5
  139. package/bpk-component-modal/src/BpkModal.js +8 -8
  140. package/bpk-component-modal/src/BpkModalInner.js +4 -4
  141. package/bpk-component-modal/src/themeAttributes.js +1 -1
  142. package/bpk-component-navigation-bar/AirlineLogo.js +1 -1
  143. package/bpk-component-navigation-bar/examples.js +4 -4
  144. package/bpk-component-navigation-bar/package.json +4 -4
  145. package/bpk-component-navigation-bar/src/BpkNavigationBar.js +3 -3
  146. package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.js +2 -2
  147. package/bpk-component-navigation-bar/src/BpkNavigationBarIconButton.js +2 -2
  148. package/bpk-component-navigation-stack/examples.js +2 -2
  149. package/bpk-component-navigation-stack/package.json +3 -3
  150. package/bpk-component-navigation-stack/src/BpkNavigationStack.js +4 -5
  151. package/bpk-component-navigation-stack/stories-components.js +20 -20
  152. package/bpk-component-nudger/examples.js +2 -2
  153. package/bpk-component-nudger/package.json +2 -2
  154. package/bpk-component-nudger/src/BpkConfigurableNudger.js +6 -6
  155. package/bpk-component-nudger/src/BpkNudger.js +1 -1
  156. package/bpk-component-nudger/src/themeAttributes.js +1 -1
  157. package/bpk-component-overlay/examples.js +3 -3
  158. package/bpk-component-overlay/package.json +3 -3
  159. package/bpk-component-overlay/src/BpkOverlay.js +2 -2
  160. package/bpk-component-pagination/package.json +2 -2
  161. package/bpk-component-pagination/src/BpkPagination.js +1 -1
  162. package/bpk-component-pagination/src/BpkPaginationList.js +1 -1
  163. package/bpk-component-pagination/src/BpkPaginationNudger.js +4 -4
  164. package/bpk-component-pagination/src/BpkPaginationPage.js +2 -2
  165. package/bpk-component-pagination/src/themeAttributes.js +1 -1
  166. package/bpk-component-panel/src/BpkPanel.js +1 -1
  167. package/bpk-component-phone-input/examples.js +2 -2
  168. package/bpk-component-phone-input/package.json +5 -5
  169. package/bpk-component-phone-input/src/BpkPhoneInput.js +4 -4
  170. package/bpk-component-popover/examples.js +6 -6
  171. package/bpk-component-popover/package.json +4 -4
  172. package/bpk-component-popover/src/BpkPopover.js +5 -5
  173. package/bpk-component-popover/src/BpkPopoverPortal.js +1 -1
  174. package/bpk-component-popover/src/themeAttributes.js +1 -1
  175. package/bpk-component-progress/examples.js +2 -2
  176. package/bpk-component-progress/src/BpkProgress.js +1 -1
  177. package/bpk-component-radio/src/BpkRadio.js +1 -1
  178. package/bpk-component-rating/examples.js +1 -1
  179. package/bpk-component-rating/package.json +2 -2
  180. package/bpk-component-rating/src/BpkRating.js +15 -9
  181. package/bpk-component-rtl-toggle/src/BpkRtlToggle.js +1 -1
  182. package/bpk-component-rtl-toggle/src/updateOnDirectionChange.js +1 -1
  183. package/bpk-component-scrollable-calendar/examples.js +1 -1
  184. package/bpk-component-scrollable-calendar/index.js +1 -1
  185. package/bpk-component-scrollable-calendar/package.json +3 -3
  186. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendar.js +1 -1
  187. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarDate.js +1 -1
  188. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.js +4 -5
  189. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.js +2 -2
  190. package/bpk-component-scrollable-calendar/src/utils.js +1 -1
  191. package/bpk-component-section-list/package.json +3 -3
  192. package/bpk-component-section-list/src/BpkSectionListItem.js +3 -3
  193. package/bpk-component-section-list/src/BpkSectionListSection.js +3 -5
  194. package/bpk-component-select/src/BpkSelect.js +1 -1
  195. package/bpk-component-skip-link/src/BpkSkipLink.js +1 -1
  196. package/bpk-component-slider/examples.js +9 -9
  197. package/bpk-component-slider/src/BpkSlider.js +1 -1
  198. package/bpk-component-spinner/SpinnerLayout.js +1 -1
  199. package/bpk-component-spinner/src/BpkExtraLargeSpinner.js +1 -1
  200. package/bpk-component-spinner/src/BpkLargeSpinner.js +1 -1
  201. package/bpk-component-spinner/src/BpkSpinner.js +1 -1
  202. package/bpk-component-star-rating/examples.js +1 -1
  203. package/bpk-component-star-rating/package.json +2 -2
  204. package/bpk-component-star-rating/src/BpkInteractiveStar.js +1 -1
  205. package/bpk-component-star-rating/src/BpkInteractiveStarRating.js +1 -1
  206. package/bpk-component-star-rating/src/BpkStar.js +8 -8
  207. package/bpk-component-star-rating/src/BpkStarRating.js +4 -4
  208. package/bpk-component-star-rating/src/withInteractiveStarRatingState.js +1 -1
  209. package/bpk-component-switch/src/BpkSwitch.js +1 -1
  210. package/bpk-component-table/src/BpkTable.js +1 -1
  211. package/bpk-component-table/src/BpkTableCell.js +1 -1
  212. package/bpk-component-table/src/BpkTableHeadCell.js +1 -1
  213. package/bpk-component-text/examples.js +18 -18
  214. package/bpk-component-text/package.json +1 -1
  215. package/bpk-component-text/src/BpkText.js +2 -2
  216. package/bpk-component-textarea/examples.js +1 -1
  217. package/bpk-component-textarea/src/BpkTextarea.js +1 -1
  218. package/bpk-component-theme-toggle/src/BpkThemeToggle.js +3 -3
  219. package/bpk-component-theme-toggle/src/updateOnThemeChange.js +1 -1
  220. package/bpk-component-ticket/examples.js +4 -4
  221. package/bpk-component-ticket/package.json +2 -2
  222. package/bpk-component-ticket/src/BpkTicket.js +7 -7
  223. package/bpk-component-tooltip/examples.js +4 -4
  224. package/bpk-component-tooltip/package.json +2 -2
  225. package/bpk-component-tooltip/src/BpkTooltip.js +1 -1
  226. package/bpk-component-tooltip/src/BpkTooltipPortal.js +1 -1
  227. package/bpk-scrim-utils/src/BpkScrim.js +1 -1
  228. package/bpk-scrim-utils/src/withScrim.js +1 -1
  229. package/package.json +2 -2
  230. package/bpk-component-heading/README.md +0 -31
  231. package/bpk-component-heading/examples.js +0 -36
  232. package/bpk-component-heading/index.js +0 -23
  233. package/bpk-component-heading/package.json +0 -25
  234. package/bpk-component-heading/src/BpkHeading.js +0 -70
  235. package/bpk-component-heading/src/BpkHeading.module.css +0 -18
  236. package/bpk-component-heading/src/BpkHeading.module.scss +0 -49
  237. package/bpk-component-paragraph/README.md +0 -28
  238. package/bpk-component-paragraph/examples.js +0 -46
  239. package/bpk-component-paragraph/index.js +0 -23
  240. package/bpk-component-paragraph/package.json +0 -25
  241. package/bpk-component-paragraph/src/BpkParagraph.js +0 -55
  242. package/bpk-component-paragraph/src/BpkParagraph.module.css +0 -18
  243. package/bpk-component-paragraph/src/BpkParagraph.module.scss +0 -25
  244. package/bpk-tether/.eslintrc +0 -6
  245. package/bpk-tether/README.md +0 -52
  246. package/bpk-tether/index.js +0 -24
  247. package/bpk-tether/package.json +0 -19
  248. package/bpk-tether/src/TetherWrapper.js +0 -30
  249. package/bpk-tether/src/applyRTLTransforms.js +0 -49
  250. package/bpk-tether/src/getArrowPositionCallback.js +0 -65
@@ -1,65 +0,0 @@
1
- /*
2
- * Backpack - Skyscanner's Design System
3
- *
4
- * Copyright 2016 Skyscanner Ltd
5
- *
6
- * Licensed under the Apache License, Version 2.0 (the "License");
7
- * you may not use this file except in compliance with the License.
8
- * You may obtain a copy of the License at
9
- *
10
- * http://www.apache.org/licenses/LICENSE-2.0
11
- *
12
- * Unless required by applicable law or agreed to in writing, software
13
- * distributed under the License is distributed on an "AS IS" BASIS,
14
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15
- * See the License for the specific language governing permissions and
16
- * limitations under the License.
17
- */
18
-
19
- // For compat with various IE browsers who haven't implemented classList yet.
20
- // See http://youmightnotneedjquery.com/#has_class.
21
- const hasClass = (el, className) => {
22
- if (el.classList) {
23
- return el.classList.contains(className);
24
- }
25
-
26
- return new RegExp(`(^| )${className}( |$)`, 'gi').test(el.className);
27
- };
28
-
29
- const getArrowPositionCallback = (
30
- popoverElement = {},
31
- arrowId,
32
- classNamePrefix = 'bpk-popover-tether',
33
- ) => {
34
- let arrowElement = null;
35
-
36
- if (popoverElement.querySelector) {
37
- arrowElement = popoverElement.querySelector(`#${arrowId}`);
38
- }
39
-
40
- if (arrowElement === null) {
41
- return () => null;
42
- }
43
-
44
- return (props) => {
45
- const { left, targetPos, top } = props;
46
-
47
- const shouldApplyLeftOffset =
48
- hasClass(popoverElement, `${classNamePrefix}-element-attached-top`) ||
49
- hasClass(popoverElement, `${classNamePrefix}-element-attached-bottom`);
50
-
51
- if (shouldApplyLeftOffset) {
52
- const leftOffset = targetPos.left + targetPos.width / 2 - left;
53
-
54
- arrowElement.style.top = '';
55
- arrowElement.style.left = `${leftOffset}px`;
56
- } else {
57
- const topOffset = targetPos.top + targetPos.height / 2 - top;
58
-
59
- arrowElement.style.top = `${topOffset}px`;
60
- arrowElement.style.left = '';
61
- }
62
- };
63
- };
64
-
65
- export default getArrowPositionCallback;