@skyscanner/backpack-web 0.0.5 → 0.2.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 (363) hide show
  1. package/bpk-animate-height/package.json +3 -3
  2. package/bpk-component-accordion/README.md +0 -5
  3. package/bpk-component-accordion/index.js +1 -2
  4. package/bpk-component-accordion/package.json +8 -8
  5. package/bpk-component-accordion/src/BpkAccordion.js +1 -0
  6. package/bpk-component-accordion/src/BpkAccordionItem.js +5 -17
  7. package/bpk-component-accordion/src/withAccordionItemState.js +2 -1
  8. package/bpk-component-accordion/src/withSingleItemAccordionState.js +1 -0
  9. package/bpk-component-aria-live/package.json +8 -8
  10. package/bpk-component-aria-live/src/BpkAriaLive.js +1 -0
  11. package/bpk-component-autosuggest/package.json +5 -5
  12. package/bpk-component-autosuggest/src/BpkAutosuggest.js +2 -1
  13. package/bpk-component-autosuggest/src/BpkAutosuggestSuggestion.js +1 -0
  14. package/bpk-component-badge/package.json +6 -6
  15. package/bpk-component-badge/src/BpkBadge.js +1 -0
  16. package/bpk-component-banner-alert/package.json +10 -10
  17. package/bpk-component-banner-alert/src/AnimateAndFade.js +3 -2
  18. package/bpk-component-banner-alert/src/BpkBannerAlertInner.js +2 -1
  19. package/bpk-component-banner-alert/src/withBannerAlertState.js +1 -0
  20. package/bpk-component-barchart/package.json +9 -9
  21. package/bpk-component-barchart/src/BpkBarchart.js +1 -0
  22. package/bpk-component-barchart/src/BpkBarchartBar.js +2 -1
  23. package/bpk-component-barchart/src/BpkChartAxis.js +2 -1
  24. package/bpk-component-barchart/src/BpkChartDataTable.js +1 -0
  25. package/bpk-component-barchart/src/BpkChartGridLines.js +9 -8
  26. package/bpk-component-blockquote/package.json +3 -3
  27. package/bpk-component-blockquote/src/BpkBlockquote.js +1 -0
  28. package/bpk-component-breadcrumb/package.json +6 -6
  29. package/bpk-component-breadcrumb/src/BpkBreadcrumb.js +1 -0
  30. package/bpk-component-breadcrumb/src/BpkBreadcrumbItem.js +1 -0
  31. package/bpk-component-breakpoint/package.json +4 -4
  32. package/{bpk-component-dialog/examples.module.scss → bpk-component-button/BpkButtonLinkOnDark.js} +2 -6
  33. package/{bpk-component-rating/examples.module.css → bpk-component-button/BpkButtonPrimaryOnDark.js} +9 -6
  34. package/bpk-component-button/BpkButtonPrimaryOnLight.js +21 -0
  35. package/bpk-component-button/BpkButtonSecondaryOnDark.js +21 -0
  36. package/bpk-component-button/README.md +53 -21
  37. package/bpk-component-button/index.js +11 -0
  38. package/bpk-component-button/package.json +3 -3
  39. package/bpk-component-button/src/BpkButton.js +43 -7
  40. package/bpk-component-button/src/BpkButtonLink.js +6 -8
  41. package/bpk-component-button/src/BpkButtonLink.module.scss +0 -4
  42. package/bpk-component-button/src/BpkButtonLinkOnDark.js +59 -0
  43. package/bpk-component-button/{BpkButtonStory.module.scss → src/BpkButtonLinkOnDark.module.scss} +2 -2
  44. package/bpk-component-button/src/BpkButtonPrimaryOnDark.js +48 -0
  45. package/{bpk-component-nudger/BpkNudgerStory.module.scss → bpk-component-button/src/BpkButtonPrimaryOnDark.module.scss} +2 -6
  46. package/bpk-component-button/src/BpkButtonPrimaryOnLight.js +48 -0
  47. package/{bpk-component-banner-alert/examples.module.scss → bpk-component-button/src/BpkButtonPrimaryOnLight.module.scss} +2 -6
  48. package/bpk-component-button/src/BpkButtonSecondaryOnDark.js +48 -0
  49. package/bpk-component-button/src/BpkButtonSecondaryOnDark.module.scss +23 -0
  50. package/bpk-component-button/src/themeAttributes.js +27 -0
  51. package/bpk-component-button/themeAttributes.js +3 -0
  52. package/bpk-component-calendar/package.json +10 -10
  53. package/bpk-component-calendar/src/BpkCalendarContainer.js +1 -0
  54. package/bpk-component-calendar/src/BpkCalendarDate.js +1 -0
  55. package/bpk-component-calendar/src/BpkCalendarGrid.js +5 -4
  56. package/bpk-component-calendar/src/BpkCalendarGrid.module.css +1 -1
  57. package/bpk-component-calendar/src/BpkCalendarGrid.module.scss +1 -7
  58. package/bpk-component-calendar/src/BpkCalendarGridHeader.js +1 -0
  59. package/bpk-component-calendar/src/BpkCalendarGridTransition.js +12 -11
  60. package/bpk-component-calendar/src/BpkCalendarNav.js +9 -8
  61. package/bpk-component-calendar/src/Week.js +6 -5
  62. package/bpk-component-calendar/src/composeCalendar.js +1 -0
  63. package/bpk-component-calendar/src/custom-proptypes.js +6 -8
  64. package/bpk-component-card/package.json +5 -5
  65. package/bpk-component-card/src/BpkCard.js +1 -0
  66. package/bpk-component-checkbox/package.json +6 -6
  67. package/bpk-component-checkbox/src/BpkCheckbox.js +1 -0
  68. package/bpk-component-chip/package.json +6 -6
  69. package/bpk-component-chip/src/BpkDismissibleChip.js +1 -0
  70. package/bpk-component-chip/src/BpkSelectableChip.js +1 -0
  71. package/bpk-component-close-button/package.json +5 -5
  72. package/bpk-component-close-button/src/BpkCloseButton.js +1 -0
  73. package/bpk-component-code/package.json +3 -3
  74. package/bpk-component-code/src/BpkCode.js +1 -0
  75. package/bpk-component-code/src/BpkCodeBlock.js +1 -0
  76. package/bpk-component-content-container/package.json +3 -3
  77. package/bpk-component-content-container/src/BpkContentContainer.js +1 -0
  78. package/bpk-component-datatable/package.json +5 -5
  79. package/bpk-component-datatable/src/BpkDataTable.js +2 -1
  80. package/bpk-component-datatable/src/BpkDataTableColumn.js +1 -0
  81. package/bpk-component-datatable/src/bpkHeaderRenderer.js +1 -0
  82. package/bpk-component-datepicker/package.json +10 -10
  83. package/bpk-component-datepicker/src/BpkDatepicker.js +3 -2
  84. package/bpk-component-description-list/package.json +3 -3
  85. package/bpk-component-description-list/src/ComponentFactory.js +1 -0
  86. package/bpk-component-dialog/package.json +9 -9
  87. package/bpk-component-dialog/src/BpkDialog.js +1 -0
  88. package/bpk-component-dialog/src/BpkDialogInner.js +2 -1
  89. package/bpk-component-drawer/package.json +10 -10
  90. package/bpk-component-drawer/src/BpkDrawer.js +2 -1
  91. package/bpk-component-drawer/src/BpkDrawerContent.js +1 -0
  92. package/bpk-component-fieldset/package.json +13 -13
  93. package/bpk-component-fieldset/src/BpkFieldset.js +1 -0
  94. package/bpk-component-flare/package.json +5 -5
  95. package/bpk-component-flare/src/BpkContentBubble.js +1 -0
  96. package/bpk-component-flare/src/BpkFlareBar.js +1 -0
  97. package/bpk-component-form-validation/package.json +11 -11
  98. package/bpk-component-form-validation/src/BpkFormValidation.js +5 -4
  99. package/bpk-component-graphic-promotion/README.md +68 -0
  100. package/{bpk-component-grid-toggle/examples.js → bpk-component-graphic-promotion/index.js} +9 -7
  101. package/bpk-component-graphic-promotion/package.json +26 -0
  102. package/bpk-component-graphic-promotion/src/BpkGraphicPromo.js +196 -0
  103. package/bpk-component-graphic-promotion/src/BpkGraphicPromo.module.scss +250 -0
  104. package/bpk-component-graphic-promotion/src/custom-breakpoints.module.scss +70 -0
  105. package/bpk-component-grid/package.json +3 -3
  106. package/bpk-component-grid/src/BpkGridColumn.js +1 -0
  107. package/bpk-component-grid/src/BpkGridContainer.js +1 -0
  108. package/bpk-component-grid/src/BpkGridRow.js +1 -0
  109. package/bpk-component-grid-toggle/package.json +4 -4
  110. package/bpk-component-grid-toggle/src/BpkGridToggle.js +1 -0
  111. package/bpk-component-horizontal-nav/package.json +7 -7
  112. package/bpk-component-horizontal-nav/src/BpkHorizontalNav.js +2 -1
  113. package/bpk-component-horizontal-nav/src/BpkHorizontalNavItem.js +1 -0
  114. package/bpk-component-icon/package.json +8 -8
  115. package/bpk-component-icon/src/classNameModifierHOCFactory.js +1 -0
  116. package/bpk-component-icon/src/withAlignment.js +4 -2
  117. package/bpk-component-icon/src/withDescription.js +1 -0
  118. package/bpk-component-image/package.json +7 -7
  119. package/bpk-component-image/src/BpkBackgroundImage.js +3 -2
  120. package/bpk-component-image/src/BpkImage.js +3 -2
  121. package/bpk-component-image/src/withLazyLoading.js +2 -1
  122. package/bpk-component-image/src/withLoadingBehavior.js +28 -27
  123. package/bpk-component-infinite-scroll/package.json +7 -7
  124. package/bpk-component-infinite-scroll/src/withInfiniteScroll.js +107 -106
  125. package/bpk-component-input/package.json +7 -7
  126. package/bpk-component-input/src/BpkClearButton.js +1 -0
  127. package/bpk-component-input/src/BpkInput.js +1 -0
  128. package/bpk-component-input/src/withOpenEvents.js +1 -0
  129. package/bpk-component-label/package.json +3 -3
  130. package/bpk-component-label/src/BpkLabel.js +1 -0
  131. package/bpk-component-link/package.json +5 -5
  132. package/bpk-component-link/src/BpkButtonLink.js +1 -0
  133. package/bpk-component-link/src/BpkLink.js +1 -0
  134. package/bpk-component-list/package.json +3 -3
  135. package/bpk-component-list/src/BpkList.js +1 -0
  136. package/bpk-component-list/src/BpkListItem.js +1 -0
  137. package/bpk-component-loading-button/package.json +7 -7
  138. package/bpk-component-loading-button/src/BpkLoadingButton.js +46 -14
  139. package/bpk-component-loading-button/src/BpkLoadingButton.module.scss +65 -0
  140. package/bpk-component-map/README.md +13 -13
  141. package/bpk-component-map/package.json +10 -10
  142. package/bpk-component-map/src/BpkIconMarker.js +1 -0
  143. package/bpk-component-map/src/BpkIconMarkerBackground.js +1 -0
  144. package/bpk-component-map/src/BpkMap.js +65 -31
  145. package/{bpk-component-rating/examples.module.scss → bpk-component-map/src/BpkMap.module.scss} +2 -4
  146. package/bpk-component-map/src/BpkOverlayView.js +1 -1
  147. package/bpk-component-map/src/BpkPriceMarker.js +1 -0
  148. package/bpk-component-map/src/DefaultLoadingElement.js +1 -0
  149. package/bpk-component-map/src/withGoogleMapsScript.js +41 -5
  150. package/bpk-component-mobile-scroll-container/package.json +4 -4
  151. package/bpk-component-mobile-scroll-container/src/BpkMobileScrollContainer.js +1 -0
  152. package/bpk-component-modal/package.json +10 -10
  153. package/bpk-component-modal/src/BpkModal.js +8 -7
  154. package/bpk-component-modal/src/BpkModalInner.js +2 -1
  155. package/bpk-component-navigation-bar/package.json +9 -9
  156. package/bpk-component-navigation-bar/src/BpkNavigationBar.js +2 -1
  157. package/bpk-component-navigation-bar/src/BpkNavigationBar.module.scss +2 -0
  158. package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.js +1 -0
  159. package/bpk-component-navigation-bar/src/BpkNavigationBarIconButton.js +1 -0
  160. package/bpk-component-navigation-stack/package.json +8 -8
  161. package/bpk-component-navigation-stack/src/BpkNavigationStack.js +6 -4
  162. package/bpk-component-nudger/README.md +2 -2
  163. package/bpk-component-nudger/package.json +8 -8
  164. package/bpk-component-nudger/src/BpkConfigurableNudger.js +22 -26
  165. package/bpk-component-nudger/src/BpkNudger.js +1 -0
  166. package/bpk-component-nudger/src/BpkNudger.module.scss +1 -1
  167. package/bpk-component-nudger/src/common-types.js +1 -1
  168. package/bpk-component-overlay/package.json +5 -5
  169. package/bpk-component-overlay/src/BpkOverlay.js +2 -1
  170. package/bpk-component-pagination/package.json +5 -5
  171. package/bpk-component-pagination/src/BpkPagination.js +1 -0
  172. package/bpk-component-pagination/src/BpkPaginationList.js +1 -0
  173. package/bpk-component-pagination/src/BpkPaginationNudger.js +1 -0
  174. package/bpk-component-pagination/src/BpkPaginationPage.js +2 -1
  175. package/bpk-component-pagination/src/BpkPaginationPage.module.scss +2 -0
  176. package/bpk-component-panel/package.json +3 -3
  177. package/bpk-component-panel/src/BpkPanel.js +1 -0
  178. package/bpk-component-phone-input/package.json +10 -10
  179. package/bpk-component-phone-input/src/BpkPhoneInput.js +1 -0
  180. package/bpk-component-popover/package.json +9 -9
  181. package/bpk-component-popover/src/BpkPopover.js +1 -0
  182. package/bpk-component-popover/src/BpkPopoverPortal.js +1 -0
  183. package/bpk-component-progress/package.json +6 -6
  184. package/bpk-component-progress/src/BpkProgress.js +1 -0
  185. package/bpk-component-radio/package.json +5 -5
  186. package/bpk-component-radio/src/BpkRadio.js +1 -0
  187. package/bpk-component-rating/package.json +5 -5
  188. package/bpk-component-rating/src/BpkRating.js +1 -0
  189. package/bpk-component-rtl-toggle/package.json +3 -3
  190. package/bpk-component-rtl-toggle/src/BpkRtlToggle.js +1 -0
  191. package/bpk-component-rtl-toggle/src/updateOnDirectionChange.js +1 -0
  192. package/bpk-component-scrollable-calendar/package.json +7 -7
  193. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarDate.js +1 -0
  194. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.js +1 -0
  195. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.js +6 -2
  196. package/bpk-component-section-list/package.json +7 -7
  197. package/bpk-component-section-list/src/BpkSectionListItem.js +1 -0
  198. package/bpk-component-section-list/src/BpkSectionListSection.js +1 -0
  199. package/bpk-component-select/package.json +4 -4
  200. package/bpk-component-select/src/BpkSelect.js +1 -0
  201. package/bpk-component-skip-link/package.json +3 -3
  202. package/bpk-component-skip-link/src/BpkSkipLink.js +1 -0
  203. package/bpk-component-slider/package.json +5 -5
  204. package/bpk-component-slider/src/BpkSlider.js +1 -0
  205. package/bpk-component-spinner/package.json +4 -4
  206. package/bpk-component-spinner/src/BpkExtraLargeSpinner.js +2 -1
  207. package/bpk-component-spinner/src/BpkLargeSpinner.js +2 -1
  208. package/bpk-component-spinner/src/BpkSpinner.js +2 -1
  209. package/bpk-component-star-rating/package.json +6 -6
  210. package/bpk-component-star-rating/src/BpkInteractiveStar.js +1 -0
  211. package/bpk-component-star-rating/src/BpkInteractiveStarRating.js +1 -0
  212. package/bpk-component-star-rating/src/BpkStar.js +1 -0
  213. package/bpk-component-star-rating/src/BpkStarRating.js +4 -3
  214. package/bpk-component-star-rating/src/withInteractiveStarRatingState.js +1 -0
  215. package/bpk-component-switch/package.json +3 -3
  216. package/bpk-component-switch/src/BpkSwitch.js +1 -0
  217. package/bpk-component-table/package.json +3 -3
  218. package/bpk-component-table/src/BpkTable.js +1 -0
  219. package/bpk-component-table/src/BpkTableCell.js +1 -0
  220. package/bpk-component-table/src/BpkTableHeadCell.js +1 -0
  221. package/bpk-component-text/README.md +1 -1
  222. package/bpk-component-text/package.json +3 -3
  223. package/bpk-component-text/src/BpkText.js +2 -0
  224. package/bpk-component-text/src/BpkText.module.scss +4 -0
  225. package/bpk-component-textarea/package.json +5 -5
  226. package/bpk-component-textarea/src/BpkTextarea.js +1 -0
  227. package/bpk-component-theme-toggle/package.json +6 -6
  228. package/bpk-component-theme-toggle/src/BpkThemeToggle.js +1 -0
  229. package/bpk-component-theme-toggle/src/updateOnThemeChange.js +1 -0
  230. package/bpk-component-ticket/package.json +5 -5
  231. package/bpk-component-ticket/src/BpkTicket.js +7 -6
  232. package/bpk-component-tooltip/package.json +5 -5
  233. package/bpk-component-tooltip/src/BpkTooltip.js +1 -0
  234. package/bpk-component-tooltip/src/BpkTooltipPortal.js +1 -0
  235. package/bpk-react-utils/index.js +1 -2
  236. package/bpk-react-utils/package.json +2 -3
  237. package/bpk-react-utils/src/withDefaultProps.js +2 -1
  238. package/{bpk-component-chip/examples.module.scss → bpk-react-utils/src/wrapDisplayName.js} +11 -13
  239. package/bpk-scrim-utils/package.json +3 -3
  240. package/bpk-scrim-utils/src/BpkScrim.js +1 -0
  241. package/bpk-scrim-utils/src/withScrim.js +1 -0
  242. package/bpk-theming/package.json +2 -2
  243. package/package.json +5 -7
  244. package/bpk-animate-height/examples.js +0 -67
  245. package/bpk-component-accordion/examples.js +0 -316
  246. package/bpk-component-aria-live/examples.js +0 -247
  247. package/bpk-component-aria-live/examples.module.css +0 -18
  248. package/bpk-component-aria-live/examples.module.scss +0 -65
  249. package/bpk-component-autosuggest/examples.js +0 -201
  250. package/bpk-component-badge/BadgeLayout.js +0 -54
  251. package/bpk-component-badge/BpkBadgeLayout.module.css +0 -18
  252. package/bpk-component-badge/BpkBadgeLayout.module.scss +0 -36
  253. package/bpk-component-badge/examples.js +0 -207
  254. package/bpk-component-banner-alert/examples.js +0 -253
  255. package/bpk-component-banner-alert/examples.module.css +0 -18
  256. package/bpk-component-barchart/examples.js +0 -334
  257. package/bpk-component-barchart/hocs.js +0 -67
  258. package/bpk-component-barchart/stories.module.css +0 -18
  259. package/bpk-component-barchart/stories.module.scss +0 -37
  260. package/bpk-component-blockquote/examples.js +0 -33
  261. package/bpk-component-breadcrumb/examples.js +0 -57
  262. package/bpk-component-breakpoint/examples.js +0 -72
  263. package/bpk-component-breakpoint/examples.module.css +0 -18
  264. package/bpk-component-breakpoint/examples.module.scss +0 -36
  265. package/bpk-component-button/BpkButtonStory.module.css +0 -18
  266. package/bpk-component-button/examples.js +0 -213
  267. package/bpk-component-calendar/coloured-calendar-example.js +0 -106
  268. package/bpk-component-calendar/examples-components.js +0 -299
  269. package/bpk-component-calendar/examples.js +0 -369
  270. package/bpk-component-card/examples.js +0 -91
  271. package/bpk-component-checkbox/examples.js +0 -197
  272. package/bpk-component-chip/examples.js +0 -339
  273. package/bpk-component-chip/examples.module.css +0 -18
  274. package/bpk-component-close-button/examples.js +0 -30
  275. package/bpk-component-code/examples.js +0 -56
  276. package/bpk-component-content-container/examples.js +0 -307
  277. package/bpk-component-datatable/examples.js +0 -138
  278. package/bpk-component-datepicker/examples.js +0 -660
  279. package/bpk-component-description-list/examples.js +0 -49
  280. package/bpk-component-dialog/examples.js +0 -182
  281. package/bpk-component-dialog/examples.module.css +0 -18
  282. package/bpk-component-dialog/stories.css +0 -1
  283. package/bpk-component-drawer/examples.js +0 -271
  284. package/bpk-component-drawer/examples.module.css +0 -18
  285. package/bpk-component-drawer/examples.module.scss +0 -34
  286. package/bpk-component-fieldset/examples.js +0 -527
  287. package/bpk-component-fieldset/examples.module.css +0 -18
  288. package/bpk-component-fieldset/examples.module.scss +0 -46
  289. package/bpk-component-flare/examples.js +0 -158
  290. package/bpk-component-flare/examples.module.css +0 -18
  291. package/bpk-component-flare/examples.module.scss +0 -66
  292. package/bpk-component-form-validation/examples.js +0 -171
  293. package/bpk-component-form-validation/examples.module.css +0 -18
  294. package/bpk-component-form-validation/examples.module.scss +0 -39
  295. package/bpk-component-grid/examples.js +0 -796
  296. package/bpk-component-horizontal-nav/examples.js +0 -189
  297. package/bpk-component-horizontal-nav/examples.module.css +0 -18
  298. package/bpk-component-horizontal-nav/examples.module.scss +0 -48
  299. package/bpk-component-icon/examples.js +0 -152
  300. package/bpk-component-image/examples.js +0 -216
  301. package/bpk-component-infinite-scroll/examples.js +0 -279
  302. package/bpk-component-infinite-scroll/examples.module.css +0 -18
  303. package/bpk-component-infinite-scroll/examples.module.scss +0 -46
  304. package/bpk-component-input/examples.js +0 -490
  305. package/bpk-component-input/examples.module.css +0 -18
  306. package/bpk-component-input/examples.module.scss +0 -57
  307. package/bpk-component-label/examples.js +0 -67
  308. package/bpk-component-link/examples.js +0 -110
  309. package/bpk-component-list/examples.js +0 -56
  310. package/bpk-component-loading-button/examples.js +0 -660
  311. package/bpk-component-map/examples.js +0 -305
  312. package/bpk-component-mobile-scroll-container/examples.js +0 -76
  313. package/bpk-component-mobile-scroll-container/examples.module.css +0 -18
  314. package/bpk-component-mobile-scroll-container/examples.module.scss +0 -46
  315. package/bpk-component-modal/examples.js +0 -304
  316. package/bpk-component-modal/examples.module.css +0 -18
  317. package/bpk-component-modal/examples.module.scss +0 -35
  318. package/bpk-component-navigation-bar/AirlineLogo.js +0 -42
  319. package/bpk-component-navigation-bar/AirlineLogo.module.css +0 -18
  320. package/bpk-component-navigation-bar/AirlineLogo.module.scss +0 -27
  321. package/bpk-component-navigation-bar/examples.js +0 -193
  322. package/bpk-component-navigation-bar/examples.module.css +0 -18
  323. package/bpk-component-navigation-bar/examples.module.scss +0 -32
  324. package/bpk-component-navigation-stack/examples.js +0 -73
  325. package/bpk-component-navigation-stack/examples.module.css +0 -18
  326. package/bpk-component-navigation-stack/examples.module.scss +0 -43
  327. package/bpk-component-navigation-stack/stories-components.js +0 -202
  328. package/bpk-component-nudger/BpkNudgerStory.module.css +0 -18
  329. package/bpk-component-nudger/examples.js +0 -204
  330. package/bpk-component-overlay/examples.js +0 -163
  331. package/bpk-component-overlay/examples.module.css +0 -18
  332. package/bpk-component-overlay/examples.module.scss +0 -38
  333. package/bpk-component-pagination/examples.js +0 -93
  334. package/bpk-component-panel/examples.js +0 -63
  335. package/bpk-component-phone-input/examples.js +0 -181
  336. package/bpk-component-popover/examples.js +0 -267
  337. package/bpk-component-popover/examples.module.css +0 -18
  338. package/bpk-component-popover/examples.module.scss +0 -33
  339. package/bpk-component-progress/examples.js +0 -130
  340. package/bpk-component-progress/examples.module.css +0 -18
  341. package/bpk-component-progress/examples.module.scss +0 -29
  342. package/bpk-component-radio/examples.js +0 -126
  343. package/bpk-component-rating/examples.js +0 -373
  344. package/bpk-component-scrollable-calendar/examples.js +0 -383
  345. package/bpk-component-section-list/examples.js +0 -55
  346. package/bpk-component-select/examples.js +0 -274
  347. package/bpk-component-skip-link/examples.js +0 -40
  348. package/bpk-component-slider/examples.js +0 -122
  349. package/bpk-component-spinner/SpinnerLayout.js +0 -56
  350. package/bpk-component-spinner/SpinnerLayout.module.css +0 -18
  351. package/bpk-component-spinner/SpinnerLayout.module.scss +0 -36
  352. package/bpk-component-spinner/examples.js +0 -56
  353. package/bpk-component-star-rating/examples.js +0 -195
  354. package/bpk-component-switch/examples.js +0 -40
  355. package/bpk-component-table/examples.js +0 -97
  356. package/bpk-component-text/examples.js +0 -135
  357. package/bpk-component-text/examples.module.css +0 -18
  358. package/bpk-component-text/examples.module.scss +0 -25
  359. package/bpk-component-textarea/examples.js +0 -116
  360. package/bpk-component-ticket/examples.js +0 -203
  361. package/bpk-component-ticket/examples.module.css +0 -18
  362. package/bpk-component-ticket/examples.module.scss +0 -79
  363. package/bpk-component-tooltip/examples.js +0 -181
package/bpk-component-grid/examples.js DELETED
@@ -1,796 +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
- import React from 'react';
20
-
21
- import { BpkGridContainer, BpkGridRow, BpkGridColumn } from './index';
22
-
23
- const DefaultExample = () => (
24
- <BpkGridContainer debug>
25
- <BpkGridRow>
26
- <BpkGridColumn width={1} debug>
27
- 1
28
- </BpkGridColumn>
29
- <BpkGridColumn width={1} debug>
30
- 1
31
- </BpkGridColumn>
32
- <BpkGridColumn width={1} debug>
33
- 1
34
- </BpkGridColumn>
35
- <BpkGridColumn width={1} debug>
36
- 1
37
- </BpkGridColumn>
38
- <BpkGridColumn width={1} debug>
39
- 1
40
- </BpkGridColumn>
41
- <BpkGridColumn width={1} debug>
42
- 1
43
- </BpkGridColumn>
44
- <BpkGridColumn width={1} debug>
45
- 1
46
- </BpkGridColumn>
47
- <BpkGridColumn width={1} debug>
48
- 1
49
- </BpkGridColumn>
50
- <BpkGridColumn width={1} debug>
51
- 1
52
- </BpkGridColumn>
53
- <BpkGridColumn width={1} debug>
54
- 1
55
- </BpkGridColumn>
56
- <BpkGridColumn width={1} debug>
57
- 1
58
- </BpkGridColumn>
59
- <BpkGridColumn width={1} debug>
60
- 1
61
- </BpkGridColumn>
62
- </BpkGridRow>
63
- <BpkGridRow>
64
- <BpkGridColumn width={2} debug>
65
- 2
66
- </BpkGridColumn>
67
- <BpkGridColumn width={1} debug>
68
- 1
69
- </BpkGridColumn>
70
- <BpkGridColumn width={1} debug>
71
- 1
72
- </BpkGridColumn>
73
- <BpkGridColumn width={1} debug>
74
- 1
75
- </BpkGridColumn>
76
- <BpkGridColumn width={1} debug>
77
- 1
78
- </BpkGridColumn>
79
- <BpkGridColumn width={1} debug>
80
- 1
81
- </BpkGridColumn>
82
- <BpkGridColumn width={1} debug>
83
- 1
84
- </BpkGridColumn>
85
- <BpkGridColumn width={1} debug>
86
- 1
87
- </BpkGridColumn>
88
- <BpkGridColumn width={1} debug>
89
- 1
90
- </BpkGridColumn>
91
- <BpkGridColumn width={1} debug>
92
- 1
93
- </BpkGridColumn>
94
- <BpkGridColumn width={1} debug>
95
- 1
96
- </BpkGridColumn>
97
- </BpkGridRow>
98
- <BpkGridRow>
99
- <BpkGridColumn width={3} debug>
100
- 3
101
- </BpkGridColumn>
102
- <BpkGridColumn width={1} debug>
103
- 1
104
- </BpkGridColumn>
105
- <BpkGridColumn width={1} debug>
106
- 1
107
- </BpkGridColumn>
108
- <BpkGridColumn width={1} debug>
109
- 1
110
- </BpkGridColumn>
111
- <BpkGridColumn width={1} debug>
112
- 1
113
- </BpkGridColumn>
114
- <BpkGridColumn width={1} debug>
115
- 1
116
- </BpkGridColumn>
117
- <BpkGridColumn width={1} debug>
118
- 1
119
- </BpkGridColumn>
120
- <BpkGridColumn width={1} debug>
121
- 1
122
- </BpkGridColumn>
123
- <BpkGridColumn width={1} debug>
124
- 1
125
- </BpkGridColumn>
126
- <BpkGridColumn width={1} debug>
127
- 1
128
- </BpkGridColumn>
129
- </BpkGridRow>
130
- <BpkGridRow>
131
- <BpkGridColumn width={4} debug>
132
- 4
133
- </BpkGridColumn>
134
- <BpkGridColumn width={1} debug>
135
- 1
136
- </BpkGridColumn>
137
- <BpkGridColumn width={1} debug>
138
- 1
139
- </BpkGridColumn>
140
- <BpkGridColumn width={1} debug>
141
- 1
142
- </BpkGridColumn>
143
- <BpkGridColumn width={1} debug>
144
- 1
145
- </BpkGridColumn>
146
- <BpkGridColumn width={1} debug>
147
- 1
148
- </BpkGridColumn>
149
- <BpkGridColumn width={1} debug>
150
- 1
151
- </BpkGridColumn>
152
- <BpkGridColumn width={1} debug>
153
- 1
154
- </BpkGridColumn>
155
- <BpkGridColumn width={1} debug>
156
- 1
157
- </BpkGridColumn>
158
- </BpkGridRow>
159
- <BpkGridRow>
160
- <BpkGridColumn width={5} debug>
161
- 5
162
- </BpkGridColumn>
163
- <BpkGridColumn width={1} debug>
164
- 1
165
- </BpkGridColumn>
166
- <BpkGridColumn width={1} debug>
167
- 1
168
- </BpkGridColumn>
169
- <BpkGridColumn width={1} debug>
170
- 1
171
- </BpkGridColumn>
172
- <BpkGridColumn width={1} debug>
173
- 1
174
- </BpkGridColumn>
175
- <BpkGridColumn width={1} debug>
176
- 1
177
- </BpkGridColumn>
178
- <BpkGridColumn width={1} debug>
179
- 1
180
- </BpkGridColumn>
181
- <BpkGridColumn width={1} debug>
182
- 1
183
- </BpkGridColumn>
184
- </BpkGridRow>
185
- <BpkGridRow>
186
- <BpkGridColumn width={6} debug>
187
- 6
188
- </BpkGridColumn>
189
- <BpkGridColumn width={1} debug>
190
- 1
191
- </BpkGridColumn>
192
- <BpkGridColumn width={1} debug>
193
- 1
194
- </BpkGridColumn>
195
- <BpkGridColumn width={1} debug>
196
- 1
197
- </BpkGridColumn>
198
- <BpkGridColumn width={1} debug>
199
- 1
200
- </BpkGridColumn>
201
- <BpkGridColumn width={1} debug>
202
- 1
203
- </BpkGridColumn>
204
- <BpkGridColumn width={1} debug>
205
- 1
206
- </BpkGridColumn>
207
- </BpkGridRow>
208
- <BpkGridRow>
209
- <BpkGridColumn width={7} debug>
210
- 7
211
- </BpkGridColumn>
212
- <BpkGridColumn width={1} debug>
213
- 1
214
- </BpkGridColumn>
215
- <BpkGridColumn width={1} debug>
216
- 1
217
- </BpkGridColumn>
218
- <BpkGridColumn width={1} debug>
219
- 1
220
- </BpkGridColumn>
221
- <BpkGridColumn width={1} debug>
222
- 1
223
- </BpkGridColumn>
224
- <BpkGridColumn width={1} debug>
225
- 1
226
- </BpkGridColumn>
227
- </BpkGridRow>
228
- <BpkGridRow>
229
- <BpkGridColumn width={8} debug>
230
- 8
231
- </BpkGridColumn>
232
- <BpkGridColumn width={1} debug>
233
- 1
234
- </BpkGridColumn>
235
- <BpkGridColumn width={1} debug>
236
- 1
237
- </BpkGridColumn>
238
- <BpkGridColumn width={1} debug>
239
- 1
240
- </BpkGridColumn>
241
- <BpkGridColumn width={1} debug>
242
- 1
243
- </BpkGridColumn>
244
- </BpkGridRow>
245
- <BpkGridRow>
246
- <BpkGridColumn width={9} debug>
247
- 9
248
- </BpkGridColumn>
249
- <BpkGridColumn width={1} debug>
250
- 1
251
- </BpkGridColumn>
252
- <BpkGridColumn width={1} debug>
253
- 1
254
- </BpkGridColumn>
255
- <BpkGridColumn width={1} debug>
256
- 1
257
- </BpkGridColumn>
258
- </BpkGridRow>
259
- <BpkGridRow>
260
- <BpkGridColumn width={10} debug>
261
- 10
262
- </BpkGridColumn>
263
- <BpkGridColumn width={1} debug>
264
- 1
265
- </BpkGridColumn>
266
- <BpkGridColumn width={1} debug>
267
- 1
268
- </BpkGridColumn>
269
- </BpkGridRow>
270
- <BpkGridRow>
271
- <BpkGridColumn width={11} debug>
272
- 11
273
- </BpkGridColumn>
274
- <BpkGridColumn width={1} debug>
275
- 1
276
- </BpkGridColumn>
277
- </BpkGridRow>
278
- <BpkGridRow>
279
- <BpkGridColumn width={12} debug>
280
- 12
281
- </BpkGridColumn>
282
- </BpkGridRow>
283
- <BpkGridRow>
284
- <BpkGridColumn width={6} debug>
285
- 6
286
- </BpkGridColumn>
287
- <BpkGridColumn width={6} debug>
288
- 6
289
- </BpkGridColumn>
290
- </BpkGridRow>
291
- <BpkGridRow>
292
- <BpkGridColumn width={3} debug>
293
- 3
294
- </BpkGridColumn>
295
- <BpkGridColumn width={3} debug>
296
- 3
297
- </BpkGridColumn>
298
- <BpkGridColumn width={3} debug>
299
- 3
300
- </BpkGridColumn>
301
- <BpkGridColumn width={3} debug>
302
- 3
303
- </BpkGridColumn>
304
- </BpkGridRow>
305
- <BpkGridRow>
306
- <BpkGridColumn width={4} debug>
307
- 4
308
- </BpkGridColumn>
309
- <BpkGridColumn width={4} debug>
310
- 4
311
- </BpkGridColumn>
312
- <BpkGridColumn width={4} debug>
313
- 4
314
- </BpkGridColumn>
315
- </BpkGridRow>
316
- <BpkGridRow>
317
- <BpkGridColumn width={1} offset={11} debug>
318
- 1
319
- </BpkGridColumn>
320
- </BpkGridRow>
321
- <BpkGridRow>
322
- <BpkGridColumn width={1} offset={10} debug>
323
- 1
324
- </BpkGridColumn>
325
- </BpkGridRow>
326
- <BpkGridRow>
327
- <BpkGridColumn width={1} offset={9} debug>
328
- 1
329
- </BpkGridColumn>
330
- </BpkGridRow>
331
- <BpkGridRow>
332
- <BpkGridColumn width={1} offset={8} debug>
333
- 1
334
- </BpkGridColumn>
335
- </BpkGridRow>
336
- <BpkGridRow>
337
- <BpkGridColumn width={1} offset={7} debug>
338
- 1
339
- </BpkGridColumn>
340
- </BpkGridRow>
341
- <BpkGridRow>
342
- <BpkGridColumn width={1} offset={6} debug>
343
- 1
344
- </BpkGridColumn>
345
- </BpkGridRow>
346
- <BpkGridRow>
347
- <BpkGridColumn width={1} offset={5} debug>
348
- 1
349
- </BpkGridColumn>
350
- </BpkGridRow>
351
- <BpkGridRow>
352
- <BpkGridColumn width={1} offset={4} debug>
353
- 1
354
- </BpkGridColumn>
355
- </BpkGridRow>
356
- <BpkGridRow>
357
- <BpkGridColumn width={1} offset={3} debug>
358
- 1
359
- </BpkGridColumn>
360
- </BpkGridRow>
361
- <BpkGridRow>
362
- <BpkGridColumn width={1} offset={2} debug>
363
- 1
364
- </BpkGridColumn>
365
- </BpkGridRow>
366
- <BpkGridRow>
367
- <BpkGridColumn width={1} offset={1} debug>
368
- 1
369
- </BpkGridColumn>
370
- </BpkGridRow>
371
- <BpkGridRow>
372
- <BpkGridColumn width={1} debug>
373
- 1
374
- </BpkGridColumn>
375
- </BpkGridRow>
376
- </BpkGridContainer>
377
- );
378
-
379
- const FullWidthGridExample = () => (
380
- <BpkGridContainer fullWidth debug>
381
- <BpkGridRow>
382
- <BpkGridColumn width={1} debug>
383
- 1
384
- </BpkGridColumn>
385
- <BpkGridColumn width={1} debug>
386
- 1
387
- </BpkGridColumn>
388
- <BpkGridColumn width={1} debug>
389
- 1
390
- </BpkGridColumn>
391
- <BpkGridColumn width={1} debug>
392
- 1
393
- </BpkGridColumn>
394
- <BpkGridColumn width={1} debug>
395
- 1
396
- </BpkGridColumn>
397
- <BpkGridColumn width={1} debug>
398
- 1
399
- </BpkGridColumn>
400
- <BpkGridColumn width={1} debug>
401
- 1
402
- </BpkGridColumn>
403
- <BpkGridColumn width={1} debug>
404
- 1
405
- </BpkGridColumn>
406
- <BpkGridColumn width={1} debug>
407
- 1
408
- </BpkGridColumn>
409
- <BpkGridColumn width={1} debug>
410
- 1
411
- </BpkGridColumn>
412
- <BpkGridColumn width={1} debug>
413
- 1
414
- </BpkGridColumn>
415
- <BpkGridColumn width={1} debug>
416
- 1
417
- </BpkGridColumn>
418
- </BpkGridRow>
419
- <BpkGridRow>
420
- <BpkGridColumn width={2} debug>
421
- 2
422
- </BpkGridColumn>
423
- <BpkGridColumn width={1} debug>
424
- 1
425
- </BpkGridColumn>
426
- <BpkGridColumn width={1} debug>
427
- 1
428
- </BpkGridColumn>
429
- <BpkGridColumn width={1} debug>
430
- 1
431
- </BpkGridColumn>
432
- <BpkGridColumn width={1} debug>
433
- 1
434
- </BpkGridColumn>
435
- <BpkGridColumn width={1} debug>
436
- 1
437
- </BpkGridColumn>
438
- <BpkGridColumn width={1} debug>
439
- 1
440
- </BpkGridColumn>
441
- <BpkGridColumn width={1} debug>
442
- 1
443
- </BpkGridColumn>
444
- <BpkGridColumn width={1} debug>
445
- 1
446
- </BpkGridColumn>
447
- <BpkGridColumn width={1} debug>
448
- 1
449
- </BpkGridColumn>
450
- <BpkGridColumn width={1} debug>
451
- 1
452
- </BpkGridColumn>
453
- </BpkGridRow>
454
- <BpkGridRow>
455
- <BpkGridColumn width={3} debug>
456
- 3
457
- </BpkGridColumn>
458
- <BpkGridColumn width={1} debug>
459
- 1
460
- </BpkGridColumn>
461
- <BpkGridColumn width={1} debug>
462
- 1
463
- </BpkGridColumn>
464
- <BpkGridColumn width={1} debug>
465
- 1
466
- </BpkGridColumn>
467
- <BpkGridColumn width={1} debug>
468
- 1
469
- </BpkGridColumn>
470
- <BpkGridColumn width={1} debug>
471
- 1
472
- </BpkGridColumn>
473
- <BpkGridColumn width={1} debug>
474
- 1
475
- </BpkGridColumn>
476
- <BpkGridColumn width={1} debug>
477
- 1
478
- </BpkGridColumn>
479
- <BpkGridColumn width={1} debug>
480
- 1
481
- </BpkGridColumn>
482
- <BpkGridColumn width={1} debug>
483
- 1
484
- </BpkGridColumn>
485
- </BpkGridRow>
486
- <BpkGridRow>
487
- <BpkGridColumn width={4} debug>
488
- 4
489
- </BpkGridColumn>
490
- <BpkGridColumn width={1} debug>
491
- 1
492
- </BpkGridColumn>
493
- <BpkGridColumn width={1} debug>
494
- 1
495
- </BpkGridColumn>
496
- <BpkGridColumn width={1} debug>
497
- 1
498
- </BpkGridColumn>
499
- <BpkGridColumn width={1} debug>
500
- 1
501
- </BpkGridColumn>
502
- <BpkGridColumn width={1} debug>
503
- 1
504
- </BpkGridColumn>
505
- <BpkGridColumn width={1} debug>
506
- 1
507
- </BpkGridColumn>
508
- <BpkGridColumn width={1} debug>
509
- 1
510
- </BpkGridColumn>
511
- <BpkGridColumn width={1} debug>
512
- 1
513
- </BpkGridColumn>
514
- </BpkGridRow>
515
- <BpkGridRow>
516
- <BpkGridColumn width={5} debug>
517
- 5
518
- </BpkGridColumn>
519
- <BpkGridColumn width={1} debug>
520
- 1
521
- </BpkGridColumn>
522
- <BpkGridColumn width={1} debug>
523
- 1
524
- </BpkGridColumn>
525
- <BpkGridColumn width={1} debug>
526
- 1
527
- </BpkGridColumn>
528
- <BpkGridColumn width={1} debug>
529
- 1
530
- </BpkGridColumn>
531
- <BpkGridColumn width={1} debug>
532
- 1
533
- </BpkGridColumn>
534
- <BpkGridColumn width={1} debug>
535
- 1
536
- </BpkGridColumn>
537
- <BpkGridColumn width={1} debug>
538
- 1
539
- </BpkGridColumn>
540
- </BpkGridRow>
541
- <BpkGridRow>
542
- <BpkGridColumn width={6} debug>
543
- 6
544
- </BpkGridColumn>
545
- <BpkGridColumn width={1} debug>
546
- 1
547
- </BpkGridColumn>
548
- <BpkGridColumn width={1} debug>
549
- 1
550
- </BpkGridColumn>
551
- <BpkGridColumn width={1} debug>
552
- 1
553
- </BpkGridColumn>
554
- <BpkGridColumn width={1} debug>
555
- 1
556
- </BpkGridColumn>
557
- <BpkGridColumn width={1} debug>
558
- 1
559
- </BpkGridColumn>
560
- <BpkGridColumn width={1} debug>
561
- 1
562
- </BpkGridColumn>
563
- </BpkGridRow>
564
- <BpkGridRow>
565
- <BpkGridColumn width={7} debug>
566
- 7
567
- </BpkGridColumn>
568
- <BpkGridColumn width={1} debug>
569
- 1
570
- </BpkGridColumn>
571
- <BpkGridColumn width={1} debug>
572
- 1
573
- </BpkGridColumn>
574
- <BpkGridColumn width={1} debug>
575
- 1
576
- </BpkGridColumn>
577
- <BpkGridColumn width={1} debug>
578
- 1
579
- </BpkGridColumn>
580
- <BpkGridColumn width={1} debug>
581
- 1
582
- </BpkGridColumn>
583
- </BpkGridRow>
584
- <BpkGridRow>
585
- <BpkGridColumn width={8} debug>
586
- 8
587
- </BpkGridColumn>
588
- <BpkGridColumn width={1} debug>
589
- 1
590
- </BpkGridColumn>
591
- <BpkGridColumn width={1} debug>
592
- 1
593
- </BpkGridColumn>
594
- <BpkGridColumn width={1} debug>
595
- 1
596
- </BpkGridColumn>
597
- <BpkGridColumn width={1} debug>
598
- 1
599
- </BpkGridColumn>
600
- </BpkGridRow>
601
- <BpkGridRow>
602
- <BpkGridColumn width={9} debug>
603
- 9
604
- </BpkGridColumn>
605
- <BpkGridColumn width={1} debug>
606
- 1
607
- </BpkGridColumn>
608
- <BpkGridColumn width={1} debug>
609
- 1
610
- </BpkGridColumn>
611
- <BpkGridColumn width={1} debug>
612
- 1
613
- </BpkGridColumn>
614
- </BpkGridRow>
615
- <BpkGridRow>
616
- <BpkGridColumn width={10} debug>
617
- 10
618
- </BpkGridColumn>
619
- <BpkGridColumn width={1} debug>
620
- 1
621
- </BpkGridColumn>
622
- <BpkGridColumn width={1} debug>
623
- 1
624
- </BpkGridColumn>
625
- </BpkGridRow>
626
- <BpkGridRow>
627
- <BpkGridColumn width={11} debug>
628
- 11
629
- </BpkGridColumn>
630
- <BpkGridColumn width={1} debug>
631
- 1
632
- </BpkGridColumn>
633
- </BpkGridRow>
634
- <BpkGridRow>
635
- <BpkGridColumn width={12} debug>
636
- 12
637
- </BpkGridColumn>
638
- </BpkGridRow>
639
- <BpkGridRow>
640
- <BpkGridColumn width={6} debug>
641
- 6
642
- </BpkGridColumn>
643
- <BpkGridColumn width={6} debug>
644
- 6
645
- </BpkGridColumn>
646
- </BpkGridRow>
647
- <BpkGridRow>
648
- <BpkGridColumn width={3} debug>
649
- 3
650
- </BpkGridColumn>
651
- <BpkGridColumn width={3} debug>
652
- 3
653
- </BpkGridColumn>
654
- <BpkGridColumn width={3} debug>
655
- 3
656
- </BpkGridColumn>
657
- <BpkGridColumn width={3} debug>
658
- 3
659
- </BpkGridColumn>
660
- </BpkGridRow>
661
- <BpkGridRow>
662
- <BpkGridColumn width={4} debug>
663
- 4
664
- </BpkGridColumn>
665
- <BpkGridColumn width={4} debug>
666
- 4
667
- </BpkGridColumn>
668
- <BpkGridColumn width={4} debug>
669
- 4
670
- </BpkGridColumn>
671
- </BpkGridRow>
672
- <BpkGridRow>
673
- <BpkGridColumn width={1} offset={11} debug>
674
- 1
675
- </BpkGridColumn>
676
- </BpkGridRow>
677
- <BpkGridRow>
678
- <BpkGridColumn width={1} offset={10} debug>
679
- 1
680
- </BpkGridColumn>
681
- </BpkGridRow>
682
- <BpkGridRow>
683
- <BpkGridColumn width={1} offset={9} debug>
684
- 1
685
- </BpkGridColumn>
686
- </BpkGridRow>
687
- <BpkGridRow>
688
- <BpkGridColumn width={1} offset={8} debug>
689
- 1
690
- </BpkGridColumn>
691
- </BpkGridRow>
692
- <BpkGridRow>
693
- <BpkGridColumn width={1} offset={7} debug>
694
- 1
695
- </BpkGridColumn>
696
- </BpkGridRow>
697
- <BpkGridRow>
698
- <BpkGridColumn width={1} offset={6} debug>
699
- 1
700
- </BpkGridColumn>
701
- </BpkGridRow>
702
- <BpkGridRow>
703
- <BpkGridColumn width={1} offset={5} debug>
704
- 1
705
- </BpkGridColumn>
706
- </BpkGridRow>
707
- <BpkGridRow>
708
- <BpkGridColumn width={1} offset={4} debug>
709
- 1
710
- </BpkGridColumn>
711
- </BpkGridRow>
712
- <BpkGridRow>
713
- <BpkGridColumn width={1} offset={3} debug>
714
- 1
715
- </BpkGridColumn>
716
- </BpkGridRow>
717
- <BpkGridRow>
718
- <BpkGridColumn width={1} offset={2} debug>
719
- 1
720
- </BpkGridColumn>
721
- </BpkGridRow>
722
- <BpkGridRow>
723
- <BpkGridColumn width={1} offset={1} debug>
724
- 1
725
- </BpkGridColumn>
726
- </BpkGridRow>
727
- <BpkGridRow>
728
- <BpkGridColumn width={1} debug>
729
- 1
730
- </BpkGridColumn>
731
- </BpkGridRow>
732
- </BpkGridContainer>
733
- );
734
-
735
- const HomePageGridExample = () => (
736
- <BpkGridContainer debug>
737
- <BpkGridRow>
738
- <BpkGridColumn width={8} tabletWidth={12} debug>
739
- Search controls
740
- </BpkGridColumn>
741
- <BpkGridColumn width={4} tabletWidth={0} debug>
742
- MPU
743
- </BpkGridColumn>
744
- </BpkGridRow>
745
- <BpkGridRow>
746
- <BpkGridColumn width={12} debug>
747
- Provider logos
748
- </BpkGridColumn>
749
- </BpkGridRow>
750
- <BpkGridRow>
751
- <BpkGridColumn width={4} mobileWidth={12} debug>
752
- Content panel
753
- </BpkGridColumn>
754
- <BpkGridColumn width={4} mobileWidth={12} debug>
755
- Content panel
756
- </BpkGridColumn>
757
- <BpkGridColumn width={4} mobileWidth={12} debug>
758
- Content panel
759
- </BpkGridColumn>
760
- </BpkGridRow>
761
- <BpkGridRow>
762
- <BpkGridColumn width={3} tabletWidth={6} mobileWidth={12} debug>
763
- Confidence statement
764
- </BpkGridColumn>
765
- <BpkGridColumn width={3} tabletWidth={6} mobileWidth={12} debug>
766
- Confidence statement
767
- </BpkGridColumn>
768
- <BpkGridColumn width={3} tabletWidth={6} mobileWidth={12} debug>
769
- Confidence statement
770
- </BpkGridColumn>
771
- <BpkGridColumn width={3} tabletWidth={6} mobileWidth={12} debug>
772
- Confidence statement
773
- </BpkGridColumn>
774
- </BpkGridRow>
775
- </BpkGridContainer>
776
- );
777
-
778
- const DayViewGridExample = () => (
779
- <BpkGridContainer debug>
780
- <BpkGridRow>
781
- <BpkGridColumn width={9} tabletWidth={12} debug>
782
- Day view
783
- </BpkGridColumn>
784
- <BpkGridColumn width={3} tabletWidth={0} debug>
785
- Adverts
786
- </BpkGridColumn>
787
- </BpkGridRow>
788
- </BpkGridContainer>
789
- );
790
-
791
- export {
792
- DefaultExample,
793
- FullWidthGridExample,
794
- HomePageGridExample,
795
- DayViewGridExample,
796
- };