@skyscanner/backpack-web 25.7.0-beta.2 → 25.8.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 (900) hide show
  1. package/README.md +2 -2
  2. package/bpk-animate-height/index.js +10 -3
  3. package/bpk-animate-height/src/AnimateHeight.js +67 -55
  4. package/bpk-component-accordion/index.js +34 -21
  5. package/bpk-component-accordion/src/BpkAccordion.js +41 -23
  6. package/bpk-component-accordion/src/BpkAccordionItem.js +65 -47
  7. package/bpk-component-accordion/src/withAccordionItemState.js +64 -48
  8. package/bpk-component-accordion/src/withSingleItemAccordionState.js +62 -46
  9. package/bpk-component-aria-live/index.js +17 -4
  10. package/bpk-component-aria-live/src/BpkAriaLive.js +33 -17
  11. package/bpk-component-autosuggest/index.js +18 -4
  12. package/bpk-component-autosuggest/src/BpkAutosuggest.js +34 -18
  13. package/bpk-component-autosuggest/src/BpkAutosuggestSuggestion.js +48 -32
  14. package/bpk-component-badge/index.js +25 -5
  15. package/bpk-component-badge/src/BpkBadge.js +34 -18
  16. package/bpk-component-badge/src/themeAttributes.js +8 -2
  17. package/bpk-component-banner-alert/index.js +45 -9
  18. package/bpk-component-banner-alert/src/AnimateAndFade.js +76 -68
  19. package/bpk-component-banner-alert/src/BpkBannerAlert.js +34 -17
  20. package/bpk-component-banner-alert/src/BpkBannerAlertDismissable.js +30 -12
  21. package/bpk-component-banner-alert/src/BpkBannerAlertExpandable.js +35 -16
  22. package/bpk-component-banner-alert/src/BpkBannerAlertInner.js +80 -66
  23. package/bpk-component-banner-alert/src/common-types.js +9 -2
  24. package/bpk-component-banner-alert/src/themeAttributes.js +8 -2
  25. package/bpk-component-banner-alert/src/withBannerAlertState.js +94 -77
  26. package/bpk-component-barchart/index.js +53 -9
  27. package/bpk-component-barchart/src/BpkBarchart.js +174 -154
  28. package/bpk-component-barchart/src/BpkBarchartBar.js +56 -41
  29. package/bpk-component-barchart/src/BpkBarchartBars.js +67 -51
  30. package/bpk-component-barchart/src/BpkBarchartDefs.js +22 -11
  31. package/bpk-component-barchart/src/BpkChartAxis.js +74 -59
  32. package/bpk-component-barchart/src/BpkChartDataTable.js +29 -22
  33. package/bpk-component-barchart/src/BpkChartGridLines.js +53 -38
  34. package/bpk-component-barchart/src/BpkChartMargin.js +34 -17
  35. package/bpk-component-barchart/src/RTLtransforms.js +36 -13
  36. package/bpk-component-barchart/src/customPropTypes.js +10 -2
  37. package/bpk-component-barchart/src/orientation.js +10 -2
  38. package/bpk-component-barchart/src/themeAttributes.js +9 -1
  39. package/bpk-component-barchart/src/utils.js +9 -1
  40. package/bpk-component-blockquote/index.js +17 -5
  41. package/bpk-component-blockquote/src/BpkBlockquote.js +17 -9
  42. package/bpk-component-blockquote/src/themeAttributes.js +8 -2
  43. package/bpk-component-boilerplate/index.js +10 -3
  44. package/bpk-component-boilerplate/src/BpkBoilerplate.js +30 -14
  45. package/bpk-component-breadcrumb/index.js +18 -4
  46. package/bpk-component-breadcrumb/src/BpkBreadcrumb.js +63 -46
  47. package/bpk-component-breadcrumb/src/BpkBreadcrumbItem.js +52 -36
  48. package/bpk-component-breakpoint/index.js +17 -4
  49. package/bpk-component-breakpoint/src/BpkBreakpoint.js +25 -16
  50. package/bpk-component-button/BpkButtonDestructive.js +13 -17
  51. package/bpk-component-button/BpkButtonFeatured.js +13 -17
  52. package/bpk-component-button/BpkButtonLink.js +13 -17
  53. package/bpk-component-button/BpkButtonLinkOnDark.js +13 -17
  54. package/bpk-component-button/BpkButtonPrimary.js +13 -17
  55. package/bpk-component-button/BpkButtonPrimaryOnDark.js +13 -17
  56. package/bpk-component-button/BpkButtonPrimaryOnLight.js +13 -17
  57. package/bpk-component-button/BpkButtonSecondary.js +13 -17
  58. package/bpk-component-button/BpkButtonSecondaryOnDark.js +13 -17
  59. package/bpk-component-button/index.js +144 -15
  60. package/bpk-component-button/src/BpkButton.js +53 -57
  61. package/bpk-component-button/src/BpkButtonBase.js +45 -33
  62. package/bpk-component-button/src/BpkButtonDestructive.js +33 -19
  63. package/bpk-component-button/src/BpkButtonFeatured.js +33 -19
  64. package/bpk-component-button/src/BpkButtonLink.js +34 -20
  65. package/bpk-component-button/src/BpkButtonLinkOnDark.js +34 -20
  66. package/bpk-component-button/src/BpkButtonPrimary.js +35 -30
  67. package/bpk-component-button/src/BpkButtonPrimaryOnDark.js +33 -19
  68. package/bpk-component-button/src/BpkButtonPrimaryOnLight.js +33 -19
  69. package/bpk-component-button/src/BpkButtonSecondary.js +33 -19
  70. package/bpk-component-button/src/BpkButtonSecondaryOnDark.js +33 -19
  71. package/bpk-component-button/src/BpkButtonV2/BpkButton.js +46 -29
  72. package/bpk-component-button/src/BpkButtonV2/common-types.js +11 -3
  73. package/bpk-component-button/src/common-types.js +21 -13
  74. package/bpk-component-button/src/commonButtonTests.js +21 -14
  75. package/bpk-component-button/src/themeAttributes.js +22 -8
  76. package/bpk-component-button/themeAttributes.js +54 -17
  77. package/bpk-component-calendar/index.js +107 -14
  78. package/bpk-component-calendar/src/BpkCalendarContainer.js +200 -185
  79. package/bpk-component-calendar/src/BpkCalendarDate.js +83 -63
  80. package/bpk-component-calendar/src/BpkCalendarGrid.js +66 -60
  81. package/bpk-component-calendar/src/BpkCalendarGridHeader.js +44 -35
  82. package/bpk-component-calendar/src/BpkCalendarGridTransition.js +76 -63
  83. package/bpk-component-calendar/src/BpkCalendarNav.js +47 -37
  84. package/bpk-component-calendar/src/Week.js +101 -92
  85. package/bpk-component-calendar/src/composeCalendar.js +43 -36
  86. package/bpk-component-calendar/src/custom-proptypes-legacy.js +63 -52
  87. package/bpk-component-calendar/src/custom-proptypes.js +9 -2
  88. package/bpk-component-calendar/src/date-utils.js +161 -33
  89. package/bpk-component-calendar/src/themeAttributes.js +8 -2
  90. package/bpk-component-calendar/src/utils.js +15 -7
  91. package/bpk-component-calendar/test-utils.js +31 -14
  92. package/bpk-component-card/index.js +32 -6
  93. package/bpk-component-card/src/BpkCard.js +43 -29
  94. package/bpk-component-card/src/BpkCardWrapper.js +16 -9
  95. package/bpk-component-card/src/BpkDividedCard.js +40 -24
  96. package/bpk-component-checkbox/index.js +18 -4
  97. package/bpk-component-checkbox/src/BpkCheckbox.js +50 -35
  98. package/bpk-component-checkbox/src/themeAttributes.js +9 -1
  99. package/bpk-component-chip/index.js +38 -8
  100. package/bpk-component-chip/src/BpkDismissibleChip.js +34 -20
  101. package/bpk-component-chip/src/BpkDropdownChip.js +38 -21
  102. package/bpk-component-chip/src/BpkSelectableChip.js +46 -29
  103. package/bpk-component-chip/src/commonTypes.js +24 -15
  104. package/bpk-component-chip/src/themeAttributes.js +8 -2
  105. package/bpk-component-close-button/index.js +11 -2
  106. package/bpk-component-close-button/src/BpkCloseButton.js +40 -23
  107. package/bpk-component-code/index.js +20 -19
  108. package/bpk-component-code/src/BpkCode.js +35 -18
  109. package/bpk-component-code/src/BpkCodeBlock.js +36 -19
  110. package/bpk-component-content-cards/index.js +10 -3
  111. package/bpk-component-content-cards/src/BpkContentCard.js +22 -13
  112. package/bpk-component-content-cards/src/BpkContentCards.js +22 -13
  113. package/bpk-component-datatable/index.js +20 -20
  114. package/bpk-component-datatable/src/BpkDataTable.js +98 -88
  115. package/bpk-component-datatable/src/BpkDataTableColumn.js +47 -36
  116. package/bpk-component-datatable/src/BpkDataTableHeader.js +55 -45
  117. package/bpk-component-datatable/src/common-types.js +1 -0
  118. package/bpk-component-datatable/src/hasChildrenOfType.js +13 -5
  119. package/bpk-component-datatable/src/sort-types.js +9 -2
  120. package/bpk-component-datatable/src/utils.js +20 -8
  121. package/bpk-component-datepicker/index.js +24 -6
  122. package/bpk-component-datepicker/src/BpkDatepicker.js +200 -190
  123. package/bpk-component-datepicker/src/themeAttributes.js +11 -5
  124. package/bpk-component-description-list/index.js +26 -21
  125. package/bpk-component-description-list/src/BpkDescriptionDetails.js +10 -3
  126. package/bpk-component-description-list/src/BpkDescriptionList.js +10 -3
  127. package/bpk-component-description-list/src/BpkDescriptionTerm.js +10 -3
  128. package/bpk-component-description-list/src/ComponentFactory.js +34 -18
  129. package/bpk-component-dialog/index.js +17 -5
  130. package/bpk-component-dialog/src/BpkDialog.js +43 -28
  131. package/bpk-component-dialog/src/BpkDialogInner.js +20 -12
  132. package/bpk-component-dialog/src/common-types.js +9 -2
  133. package/bpk-component-drawer/index.js +18 -4
  134. package/bpk-component-drawer/src/BpkDrawer.js +68 -52
  135. package/bpk-component-drawer/src/BpkDrawerContent.js +73 -57
  136. package/bpk-component-drawer/src/themeAttributes.js +10 -2
  137. package/bpk-component-fieldset/index.js +32 -4
  138. package/bpk-component-fieldset/src/BpkFieldset.js +64 -50
  139. package/bpk-component-fieldset/src/themeAttributes.js +8 -2
  140. package/bpk-component-flare/index.js +24 -4
  141. package/bpk-component-flare/src/BpkContentBubble.js +46 -33
  142. package/bpk-component-flare/src/BpkFlareBar.js +39 -25
  143. package/bpk-component-flare/src/__generated__/js/corner-radius.js +31 -12
  144. package/bpk-component-flare/src/__generated__/js/pointer.js +31 -12
  145. package/bpk-component-floating-notification/index.js +11 -2
  146. package/bpk-component-floating-notification/src/BpkFloatingNotification.js +63 -45
  147. package/bpk-component-form-validation/index.js +17 -5
  148. package/bpk-component-form-validation/src/BpkFormValidation.js +50 -36
  149. package/bpk-component-form-validation/src/themeAttributes.js +8 -2
  150. package/bpk-component-graphic-promotion/index.js +17 -4
  151. package/bpk-component-graphic-promotion/src/BpkGraphicPromo.js +29 -21
  152. package/bpk-component-grid-toggle/index.js +10 -3
  153. package/bpk-component-grid-toggle/src/BpkGridToggle.js +50 -41
  154. package/bpk-component-horizontal-nav/index.js +31 -4
  155. package/bpk-component-horizontal-nav/src/BpkHorizontalNav.js +115 -96
  156. package/bpk-component-horizontal-nav/src/BpkHorizontalNavItem.js +79 -62
  157. package/bpk-component-icon/all.js +10 -2
  158. package/bpk-component-icon/index.js +33 -11
  159. package/bpk-component-icon/lg/accessibility.js +37 -18
  160. package/bpk-component-icon/lg/account--add.js +37 -18
  161. package/bpk-component-icon/lg/account--female.js +37 -18
  162. package/bpk-component-icon/lg/account--id-card.js +37 -18
  163. package/bpk-component-icon/lg/account--name.js +37 -18
  164. package/bpk-component-icon/lg/account--permit.js +37 -18
  165. package/bpk-component-icon/lg/account-circle.js +37 -18
  166. package/bpk-component-icon/lg/account.js +37 -18
  167. package/bpk-component-icon/lg/add-circle.js +37 -18
  168. package/bpk-component-icon/lg/adult.js +37 -18
  169. package/bpk-component-icon/lg/ai.js +38 -19
  170. package/bpk-component-icon/lg/aircon.js +37 -18
  171. package/bpk-component-icon/lg/aircraft.js +39 -21
  172. package/bpk-component-icon/lg/airline--multiple.js +37 -18
  173. package/bpk-component-icon/lg/airline.js +37 -18
  174. package/bpk-component-icon/lg/airports.js +37 -18
  175. package/bpk-component-icon/lg/alert--active.js +37 -18
  176. package/bpk-component-icon/lg/alert--add.js +37 -18
  177. package/bpk-component-icon/lg/alert--expired.js +37 -18
  178. package/bpk-component-icon/lg/alert--remove.js +37 -18
  179. package/bpk-component-icon/lg/arrow-down.js +37 -18
  180. package/bpk-component-icon/lg/arrow-left.js +37 -18
  181. package/bpk-component-icon/lg/arrow-right.js +37 -18
  182. package/bpk-component-icon/lg/arrow-up.js +37 -18
  183. package/bpk-component-icon/lg/award.js +37 -18
  184. package/bpk-component-icon/lg/baby-carriage.js +37 -18
  185. package/bpk-component-icon/lg/baggage--add.js +37 -18
  186. package/bpk-component-icon/lg/baggage--remove.js +37 -18
  187. package/bpk-component-icon/lg/baggage-cabin-add.js +37 -18
  188. package/bpk-component-icon/lg/baggage-cabin-not-included.js +37 -18
  189. package/bpk-component-icon/lg/baggage-cabin.js +37 -18
  190. package/bpk-component-icon/lg/baggage-checked-add.js +37 -18
  191. package/bpk-component-icon/lg/baggage-checked-not-included.js +37 -18
  192. package/bpk-component-icon/lg/baggage-checked.js +37 -18
  193. package/bpk-component-icon/lg/baggage-cross.js +37 -18
  194. package/bpk-component-icon/lg/baggage-generic.js +37 -18
  195. package/bpk-component-icon/lg/baggage-tick.js +37 -18
  196. package/bpk-component-icon/lg/baggage.js +37 -18
  197. package/bpk-component-icon/lg/bar.js +37 -18
  198. package/bpk-component-icon/lg/beach.js +39 -21
  199. package/bpk-component-icon/lg/beer.js +37 -18
  200. package/bpk-component-icon/lg/breakfast-cross.js +37 -18
  201. package/bpk-component-icon/lg/breakfast-tick.js +37 -18
  202. package/bpk-component-icon/lg/bus.js +37 -18
  203. package/bpk-component-icon/lg/business.js +37 -18
  204. package/bpk-component-icon/lg/cafe.js +37 -18
  205. package/bpk-component-icon/lg/calendar.js +37 -18
  206. package/bpk-component-icon/lg/call-back.js +39 -21
  207. package/bpk-component-icon/lg/camera.js +37 -18
  208. package/bpk-component-icon/lg/camper-van.js +39 -21
  209. package/bpk-component-icon/lg/car-door.js +37 -18
  210. package/bpk-component-icon/lg/car-wash.js +39 -21
  211. package/bpk-component-icon/lg/cars-flexible.js +37 -18
  212. package/bpk-component-icon/lg/cars.js +39 -21
  213. package/bpk-component-icon/lg/center-location.js +37 -18
  214. package/bpk-component-icon/lg/chart.js +37 -18
  215. package/bpk-component-icon/lg/chauffeur.js +37 -18
  216. package/bpk-component-icon/lg/chevron-down.js +37 -18
  217. package/bpk-component-icon/lg/chevron-left.js +37 -18
  218. package/bpk-component-icon/lg/chevron-right.js +37 -18
  219. package/bpk-component-icon/lg/chevron-up.js +37 -18
  220. package/bpk-component-icon/lg/child-seat.js +37 -18
  221. package/bpk-component-icon/lg/child.js +37 -18
  222. package/bpk-component-icon/lg/city-center.js +37 -18
  223. package/bpk-component-icon/lg/city.js +37 -18
  224. package/bpk-component-icon/lg/clean-policy.js +37 -18
  225. package/bpk-component-icon/lg/clean.js +41 -23
  226. package/bpk-component-icon/lg/cleaning-medical.js +37 -18
  227. package/bpk-component-icon/lg/cloakroom.js +41 -23
  228. package/bpk-component-icon/lg/close-circle.js +37 -18
  229. package/bpk-component-icon/lg/close.js +37 -18
  230. package/bpk-component-icon/lg/collapse.js +37 -18
  231. package/bpk-component-icon/lg/content--copy.js +39 -21
  232. package/bpk-component-icon/lg/content--event.js +37 -18
  233. package/bpk-component-icon/lg/content--guides.js +37 -18
  234. package/bpk-component-icon/lg/currency.js +37 -18
  235. package/bpk-component-icon/lg/data.js +39 -21
  236. package/bpk-component-icon/lg/deals.js +37 -18
  237. package/bpk-component-icon/lg/depart.js +39 -21
  238. package/bpk-component-icon/lg/device-mid.js +37 -18
  239. package/bpk-component-icon/lg/device-wide.js +37 -18
  240. package/bpk-component-icon/lg/direct.js +37 -18
  241. package/bpk-component-icon/lg/document-csv.js +37 -18
  242. package/bpk-component-icon/lg/document-pdf.js +37 -18
  243. package/bpk-component-icon/lg/download.js +39 -21
  244. package/bpk-component-icon/lg/duration.js +37 -18
  245. package/bpk-component-icon/lg/eco-leaf.js +37 -18
  246. package/bpk-component-icon/lg/edit.js +37 -18
  247. package/bpk-component-icon/lg/education.js +39 -21
  248. package/bpk-component-icon/lg/electric.js +37 -18
  249. package/bpk-component-icon/lg/end-call.js +37 -18
  250. package/bpk-component-icon/lg/estimated.js +37 -18
  251. package/bpk-component-icon/lg/exclamation-circle.js +37 -18
  252. package/bpk-component-icon/lg/exclamation.js +37 -18
  253. package/bpk-component-icon/lg/expand.js +37 -18
  254. package/bpk-component-icon/lg/explore.js +37 -18
  255. package/bpk-component-icon/lg/face--blank.js +37 -18
  256. package/bpk-component-icon/lg/face--happy.js +37 -18
  257. package/bpk-component-icon/lg/face--sad.js +37 -18
  258. package/bpk-component-icon/lg/face-id.js +37 -18
  259. package/bpk-component-icon/lg/face-mask.js +37 -18
  260. package/bpk-component-icon/lg/family.js +37 -18
  261. package/bpk-component-icon/lg/fast-track.js +39 -21
  262. package/bpk-component-icon/lg/fast-train.js +39 -21
  263. package/bpk-component-icon/lg/filter.js +38 -19
  264. package/bpk-component-icon/lg/fingerprint.js +37 -18
  265. package/bpk-component-icon/lg/flag.js +37 -18
  266. package/bpk-component-icon/lg/flask.js +37 -18
  267. package/bpk-component-icon/lg/flight-flexible.js +37 -18
  268. package/bpk-component-icon/lg/flight-landing.js +41 -23
  269. package/bpk-component-icon/lg/flight-takeoff.js +39 -21
  270. package/bpk-component-icon/lg/flight.js +39 -21
  271. package/bpk-component-icon/lg/food.js +37 -18
  272. package/bpk-component-icon/lg/gears-automatic-circle.js +37 -18
  273. package/bpk-component-icon/lg/gears-automatic.js +37 -18
  274. package/bpk-component-icon/lg/gears-manual-circle.js +37 -18
  275. package/bpk-component-icon/lg/gears-manual.js +37 -18
  276. package/bpk-component-icon/lg/globe.js +37 -18
  277. package/bpk-component-icon/lg/grid-layout.js +37 -18
  278. package/bpk-component-icon/lg/headset.js +37 -18
  279. package/bpk-component-icon/lg/health-fitness.js +37 -18
  280. package/bpk-component-icon/lg/heart--outline.js +37 -18
  281. package/bpk-component-icon/lg/heart.js +37 -18
  282. package/bpk-component-icon/lg/help-circle.js +37 -18
  283. package/bpk-component-icon/lg/help.js +37 -18
  284. package/bpk-component-icon/lg/hide.js +37 -18
  285. package/bpk-component-icon/lg/hotel-flexible.js +37 -18
  286. package/bpk-component-icon/lg/hotels--disabled-facilities.js +37 -18
  287. package/bpk-component-icon/lg/hotels--jacuzzi.js +37 -18
  288. package/bpk-component-icon/lg/hotels--pets-allowed.js +37 -18
  289. package/bpk-component-icon/lg/hotels--smoking.js +37 -18
  290. package/bpk-component-icon/lg/hotels.js +37 -18
  291. package/bpk-component-icon/lg/infant.js +37 -18
  292. package/bpk-component-icon/lg/information--language-alert.js +37 -18
  293. package/bpk-component-icon/lg/information--language-question.js +37 -18
  294. package/bpk-component-icon/lg/information--language.js +37 -18
  295. package/bpk-component-icon/lg/information-circle.js +37 -18
  296. package/bpk-component-icon/lg/information.js +37 -18
  297. package/bpk-component-icon/lg/insurance.js +37 -18
  298. package/bpk-component-icon/lg/key.js +37 -18
  299. package/bpk-component-icon/lg/keypad.js +37 -18
  300. package/bpk-component-icon/lg/landmark.js +37 -18
  301. package/bpk-component-icon/lg/language.js +37 -18
  302. package/bpk-component-icon/lg/legroom--extra.js +39 -21
  303. package/bpk-component-icon/lg/legroom--normal.js +39 -21
  304. package/bpk-component-icon/lg/legroom--reduced.js +39 -21
  305. package/bpk-component-icon/lg/leisure.js +37 -18
  306. package/bpk-component-icon/lg/lightning.js +37 -18
  307. package/bpk-component-icon/lg/list.js +37 -18
  308. package/bpk-component-icon/lg/location.js +37 -18
  309. package/bpk-component-icon/lg/lock.js +37 -18
  310. package/bpk-component-icon/lg/logout.js +39 -21
  311. package/bpk-component-icon/lg/long-arrow-down.js +37 -18
  312. package/bpk-component-icon/lg/long-arrow-left.js +37 -18
  313. package/bpk-component-icon/lg/long-arrow-right.js +37 -18
  314. package/bpk-component-icon/lg/long-arrow-up.js +37 -18
  315. package/bpk-component-icon/lg/lounge.js +39 -21
  316. package/bpk-component-icon/lg/luggageall.js +37 -18
  317. package/bpk-component-icon/lg/mail.js +39 -21
  318. package/bpk-component-icon/lg/map.js +37 -18
  319. package/bpk-component-icon/lg/meal.js +37 -18
  320. package/bpk-component-icon/lg/media.js +37 -18
  321. package/bpk-component-icon/lg/menu--horizontal.js +37 -18
  322. package/bpk-component-icon/lg/menu--vertical.js +37 -18
  323. package/bpk-component-icon/lg/menu.js +37 -18
  324. package/bpk-component-icon/lg/mileage.js +39 -21
  325. package/bpk-component-icon/lg/minus.js +37 -18
  326. package/bpk-component-icon/lg/mobile.js +37 -18
  327. package/bpk-component-icon/lg/money.js +37 -18
  328. package/bpk-component-icon/lg/multiple-bookings.js +37 -18
  329. package/bpk-component-icon/lg/music.js +37 -18
  330. package/bpk-component-icon/lg/mute.js +37 -18
  331. package/bpk-component-icon/lg/native-android--back.js +37 -18
  332. package/bpk-component-icon/lg/native-android--close.js +37 -18
  333. package/bpk-component-icon/lg/native-android--forward.js +37 -18
  334. package/bpk-component-icon/lg/native-ios-close.js +37 -18
  335. package/bpk-component-icon/lg/navigation.js +37 -18
  336. package/bpk-component-icon/lg/new-window.js +39 -21
  337. package/bpk-component-icon/lg/news.js +37 -18
  338. package/bpk-component-icon/lg/night.js +37 -18
  339. package/bpk-component-icon/lg/not-allowed.js +37 -18
  340. package/bpk-component-icon/lg/onsen.js +37 -18
  341. package/bpk-component-icon/lg/origin.js +37 -18
  342. package/bpk-component-icon/lg/paid.js +37 -18
  343. package/bpk-component-icon/lg/paperclip.js +37 -18
  344. package/bpk-component-icon/lg/parking.js +37 -18
  345. package/bpk-component-icon/lg/passport.js +37 -18
  346. package/bpk-component-icon/lg/pause.js +37 -18
  347. package/bpk-component-icon/lg/payment-card.js +37 -18
  348. package/bpk-component-icon/lg/petrol.js +37 -18
  349. package/bpk-component-icon/lg/phone-call.js +37 -18
  350. package/bpk-component-icon/lg/picture.js +37 -18
  351. package/bpk-component-icon/lg/pin.js +37 -18
  352. package/bpk-component-icon/lg/plane-seat.js +39 -21
  353. package/bpk-component-icon/lg/play.js +37 -18
  354. package/bpk-component-icon/lg/plus.js +37 -18
  355. package/bpk-component-icon/lg/policy.js +37 -18
  356. package/bpk-component-icon/lg/powerplug.js +37 -18
  357. package/bpk-component-icon/lg/ppe.js +37 -18
  358. package/bpk-component-icon/lg/price-alerts.js +37 -18
  359. package/bpk-component-icon/lg/price-tag.js +37 -18
  360. package/bpk-component-icon/lg/print.js +37 -18
  361. package/bpk-component-icon/lg/recent-searches.js +37 -18
  362. package/bpk-component-icon/lg/redo.js +37 -18
  363. package/bpk-component-icon/lg/refresh.js +37 -18
  364. package/bpk-component-icon/lg/return.js +39 -21
  365. package/bpk-component-icon/lg/room.js +37 -18
  366. package/bpk-component-icon/lg/scales.js +39 -21
  367. package/bpk-component-icon/lg/search.js +37 -18
  368. package/bpk-component-icon/lg/self-service.js +37 -18
  369. package/bpk-component-icon/lg/send-message.js +37 -18
  370. package/bpk-component-icon/lg/services.js +37 -18
  371. package/bpk-component-icon/lg/settings.js +37 -18
  372. package/bpk-component-icon/lg/share--android.js +37 -18
  373. package/bpk-component-icon/lg/share--ios.js +39 -21
  374. package/bpk-component-icon/lg/share.js +37 -18
  375. package/bpk-component-icon/lg/single-booking.js +37 -18
  376. package/bpk-component-icon/lg/social-distancing.js +39 -21
  377. package/bpk-component-icon/lg/social-like.js +37 -18
  378. package/bpk-component-icon/lg/sort-down.js +37 -18
  379. package/bpk-component-icon/lg/sort-up.js +37 -18
  380. package/bpk-component-icon/lg/sort.js +37 -18
  381. package/bpk-component-icon/lg/speaker.js +39 -21
  382. package/bpk-component-icon/lg/star-half.js +37 -18
  383. package/bpk-component-icon/lg/star-outline.js +37 -18
  384. package/bpk-component-icon/lg/star.js +37 -18
  385. package/bpk-component-icon/lg/stops.js +37 -18
  386. package/bpk-component-icon/lg/swap--horizontal.js +37 -18
  387. package/bpk-component-icon/lg/swap--vertical.js +37 -18
  388. package/bpk-component-icon/lg/swap.js +37 -18
  389. package/bpk-component-icon/lg/taxi.js +39 -21
  390. package/bpk-component-icon/lg/thumbs-down.js +37 -18
  391. package/bpk-component-icon/lg/thumbs-up.js +37 -18
  392. package/bpk-component-icon/lg/tick-circle.js +37 -18
  393. package/bpk-component-icon/lg/tick.js +37 -18
  394. package/bpk-component-icon/lg/ticket-flexible.js +37 -18
  395. package/bpk-component-icon/lg/ticket.js +37 -18
  396. package/bpk-component-icon/lg/time.js +37 -18
  397. package/bpk-component-icon/lg/toilets.js +37 -18
  398. package/bpk-component-icon/lg/train.js +37 -18
  399. package/bpk-component-icon/lg/transmission-automatic.js +37 -18
  400. package/bpk-component-icon/lg/transmission-manual.js +37 -18
  401. package/bpk-component-icon/lg/trash.js +37 -18
  402. package/bpk-component-icon/lg/trend--down.js +37 -18
  403. package/bpk-component-icon/lg/trend--steady.js +37 -18
  404. package/bpk-component-icon/lg/trend--will-rise.js +37 -18
  405. package/bpk-component-icon/lg/trend.js +37 -18
  406. package/bpk-component-icon/lg/trips.js +37 -18
  407. package/bpk-component-icon/lg/undo.js +37 -18
  408. package/bpk-component-icon/lg/unlock.js +37 -18
  409. package/bpk-component-icon/lg/unmute.js +39 -21
  410. package/bpk-component-icon/lg/upgrade.js +37 -18
  411. package/bpk-component-icon/lg/upload.js +38 -19
  412. package/bpk-component-icon/lg/use-location.js +37 -18
  413. package/bpk-component-icon/lg/view.js +37 -18
  414. package/bpk-component-icon/lg/virus.js +37 -18
  415. package/bpk-component-icon/lg/wallet.js +39 -21
  416. package/bpk-component-icon/lg/weather--clear.js +37 -18
  417. package/bpk-component-icon/lg/weather--cloudy.js +39 -21
  418. package/bpk-component-icon/lg/weather--fog.js +37 -18
  419. package/bpk-component-icon/lg/weather--partly-cloudy.js +39 -21
  420. package/bpk-component-icon/lg/weather--rain.js +41 -23
  421. package/bpk-component-icon/lg/weather--snow.js +37 -18
  422. package/bpk-component-icon/lg/weather--thunderstorm.js +41 -23
  423. package/bpk-component-icon/lg/weather--tornado.js +37 -18
  424. package/bpk-component-icon/lg/weather--wind.js +37 -18
  425. package/bpk-component-icon/lg/weather.js +37 -18
  426. package/bpk-component-icon/lg/wifi.js +37 -18
  427. package/bpk-component-icon/lg/window--reduce.js +39 -21
  428. package/bpk-component-icon/lg/window.js +37 -18
  429. package/bpk-component-icon/lg/world--amer.js +37 -18
  430. package/bpk-component-icon/lg/world--apac.js +37 -18
  431. package/bpk-component-icon/lg/world--emea.js +39 -21
  432. package/bpk-component-icon/sm/accessibility.js +38 -19
  433. package/bpk-component-icon/sm/account--add.js +38 -19
  434. package/bpk-component-icon/sm/account--female.js +38 -19
  435. package/bpk-component-icon/sm/account--id-card.js +38 -19
  436. package/bpk-component-icon/sm/account--name.js +38 -19
  437. package/bpk-component-icon/sm/account--permit.js +38 -19
  438. package/bpk-component-icon/sm/account-circle.js +38 -19
  439. package/bpk-component-icon/sm/account.js +38 -19
  440. package/bpk-component-icon/sm/add-circle.js +38 -19
  441. package/bpk-component-icon/sm/adult.js +38 -19
  442. package/bpk-component-icon/sm/ai.js +39 -20
  443. package/bpk-component-icon/sm/aircon.js +38 -19
  444. package/bpk-component-icon/sm/aircraft.js +40 -22
  445. package/bpk-component-icon/sm/airline--multiple.js +38 -19
  446. package/bpk-component-icon/sm/airline.js +38 -19
  447. package/bpk-component-icon/sm/airports.js +38 -19
  448. package/bpk-component-icon/sm/alert--active.js +38 -19
  449. package/bpk-component-icon/sm/alert--add.js +38 -19
  450. package/bpk-component-icon/sm/alert--expired.js +38 -19
  451. package/bpk-component-icon/sm/alert--remove.js +38 -19
  452. package/bpk-component-icon/sm/arrow-down.js +38 -19
  453. package/bpk-component-icon/sm/arrow-left.js +38 -19
  454. package/bpk-component-icon/sm/arrow-right.js +38 -19
  455. package/bpk-component-icon/sm/arrow-up.js +38 -19
  456. package/bpk-component-icon/sm/award.js +38 -19
  457. package/bpk-component-icon/sm/baby-carriage.js +38 -19
  458. package/bpk-component-icon/sm/baggage--add.js +38 -19
  459. package/bpk-component-icon/sm/baggage--remove.js +38 -19
  460. package/bpk-component-icon/sm/baggage-cabin-add.js +38 -19
  461. package/bpk-component-icon/sm/baggage-cabin-not-included.js +40 -21
  462. package/bpk-component-icon/sm/baggage-cabin.js +38 -19
  463. package/bpk-component-icon/sm/baggage-checked-add.js +38 -19
  464. package/bpk-component-icon/sm/baggage-checked-not-included.js +40 -21
  465. package/bpk-component-icon/sm/baggage-checked.js +38 -19
  466. package/bpk-component-icon/sm/baggage-cross.js +38 -19
  467. package/bpk-component-icon/sm/baggage-generic.js +40 -21
  468. package/bpk-component-icon/sm/baggage-tick.js +38 -19
  469. package/bpk-component-icon/sm/baggage.js +38 -19
  470. package/bpk-component-icon/sm/bar.js +38 -19
  471. package/bpk-component-icon/sm/beach.js +40 -22
  472. package/bpk-component-icon/sm/beer.js +38 -19
  473. package/bpk-component-icon/sm/breakfast-cross.js +38 -19
  474. package/bpk-component-icon/sm/breakfast-tick.js +38 -19
  475. package/bpk-component-icon/sm/bus.js +40 -22
  476. package/bpk-component-icon/sm/business.js +38 -19
  477. package/bpk-component-icon/sm/cafe.js +38 -19
  478. package/bpk-component-icon/sm/calendar.js +38 -19
  479. package/bpk-component-icon/sm/call-back.js +40 -22
  480. package/bpk-component-icon/sm/camera.js +38 -19
  481. package/bpk-component-icon/sm/camper-van.js +40 -22
  482. package/bpk-component-icon/sm/car-door.js +38 -19
  483. package/bpk-component-icon/sm/car-wash.js +40 -22
  484. package/bpk-component-icon/sm/cars-flexible.js +38 -19
  485. package/bpk-component-icon/sm/cars.js +40 -22
  486. package/bpk-component-icon/sm/center-location.js +38 -19
  487. package/bpk-component-icon/sm/chart.js +38 -19
  488. package/bpk-component-icon/sm/chauffeur.js +40 -22
  489. package/bpk-component-icon/sm/chevron-down.js +38 -19
  490. package/bpk-component-icon/sm/chevron-left.js +38 -19
  491. package/bpk-component-icon/sm/chevron-right.js +38 -19
  492. package/bpk-component-icon/sm/chevron-up.js +38 -19
  493. package/bpk-component-icon/sm/child-seat.js +38 -19
  494. package/bpk-component-icon/sm/child.js +38 -19
  495. package/bpk-component-icon/sm/city-center.js +38 -19
  496. package/bpk-component-icon/sm/city.js +38 -19
  497. package/bpk-component-icon/sm/clean-policy.js +38 -19
  498. package/bpk-component-icon/sm/clean.js +40 -22
  499. package/bpk-component-icon/sm/cleaning-medical.js +38 -19
  500. package/bpk-component-icon/sm/cloakroom.js +38 -19
  501. package/bpk-component-icon/sm/close-circle.js +38 -19
  502. package/bpk-component-icon/sm/close.js +38 -19
  503. package/bpk-component-icon/sm/collapse.js +38 -19
  504. package/bpk-component-icon/sm/content--copy.js +40 -22
  505. package/bpk-component-icon/sm/content--event.js +38 -19
  506. package/bpk-component-icon/sm/content--guides.js +38 -19
  507. package/bpk-component-icon/sm/currency.js +38 -19
  508. package/bpk-component-icon/sm/data.js +40 -22
  509. package/bpk-component-icon/sm/deals.js +38 -19
  510. package/bpk-component-icon/sm/depart.js +42 -24
  511. package/bpk-component-icon/sm/device-mid.js +38 -19
  512. package/bpk-component-icon/sm/device-wide.js +38 -19
  513. package/bpk-component-icon/sm/direct.js +40 -22
  514. package/bpk-component-icon/sm/document-csv.js +38 -19
  515. package/bpk-component-icon/sm/document-pdf.js +38 -19
  516. package/bpk-component-icon/sm/download.js +40 -22
  517. package/bpk-component-icon/sm/duration.js +38 -19
  518. package/bpk-component-icon/sm/eco-leaf.js +38 -19
  519. package/bpk-component-icon/sm/edit.js +38 -19
  520. package/bpk-component-icon/sm/education.js +40 -22
  521. package/bpk-component-icon/sm/electric.js +38 -19
  522. package/bpk-component-icon/sm/end-call.js +38 -19
  523. package/bpk-component-icon/sm/estimated.js +38 -19
  524. package/bpk-component-icon/sm/exclamation-circle.js +38 -19
  525. package/bpk-component-icon/sm/exclamation.js +38 -19
  526. package/bpk-component-icon/sm/expand.js +38 -19
  527. package/bpk-component-icon/sm/explore.js +38 -19
  528. package/bpk-component-icon/sm/face--blank.js +38 -19
  529. package/bpk-component-icon/sm/face--happy.js +38 -19
  530. package/bpk-component-icon/sm/face--sad.js +38 -19
  531. package/bpk-component-icon/sm/face-id.js +38 -19
  532. package/bpk-component-icon/sm/face-mask.js +38 -19
  533. package/bpk-component-icon/sm/family.js +38 -19
  534. package/bpk-component-icon/sm/fast-track.js +40 -22
  535. package/bpk-component-icon/sm/fast-train.js +40 -22
  536. package/bpk-component-icon/sm/filter.js +39 -20
  537. package/bpk-component-icon/sm/fingerprint.js +38 -19
  538. package/bpk-component-icon/sm/flag.js +38 -19
  539. package/bpk-component-icon/sm/flask.js +38 -19
  540. package/bpk-component-icon/sm/flight-flexible.js +38 -19
  541. package/bpk-component-icon/sm/flight-landing.js +42 -24
  542. package/bpk-component-icon/sm/flight-takeoff.js +40 -22
  543. package/bpk-component-icon/sm/flight.js +40 -22
  544. package/bpk-component-icon/sm/food.js +38 -19
  545. package/bpk-component-icon/sm/gears-automatic-circle.js +38 -19
  546. package/bpk-component-icon/sm/gears-automatic.js +38 -19
  547. package/bpk-component-icon/sm/gears-manual-circle.js +38 -19
  548. package/bpk-component-icon/sm/gears-manual.js +38 -19
  549. package/bpk-component-icon/sm/globe.js +38 -19
  550. package/bpk-component-icon/sm/grid-layout.js +38 -19
  551. package/bpk-component-icon/sm/headset.js +38 -19
  552. package/bpk-component-icon/sm/health-fitness.js +38 -19
  553. package/bpk-component-icon/sm/heart--outline.js +38 -19
  554. package/bpk-component-icon/sm/heart.js +38 -19
  555. package/bpk-component-icon/sm/help-circle.js +38 -19
  556. package/bpk-component-icon/sm/help.js +38 -19
  557. package/bpk-component-icon/sm/hide.js +38 -19
  558. package/bpk-component-icon/sm/hotel-flexible.js +38 -19
  559. package/bpk-component-icon/sm/hotels--disabled-facilities.js +38 -19
  560. package/bpk-component-icon/sm/hotels--jacuzzi.js +40 -22
  561. package/bpk-component-icon/sm/hotels--pets-allowed.js +38 -19
  562. package/bpk-component-icon/sm/hotels--smoking.js +38 -19
  563. package/bpk-component-icon/sm/hotels.js +38 -19
  564. package/bpk-component-icon/sm/infant.js +40 -22
  565. package/bpk-component-icon/sm/information--language-alert.js +38 -19
  566. package/bpk-component-icon/sm/information--language-question.js +38 -19
  567. package/bpk-component-icon/sm/information--language.js +38 -19
  568. package/bpk-component-icon/sm/information-circle.js +38 -19
  569. package/bpk-component-icon/sm/information.js +38 -19
  570. package/bpk-component-icon/sm/insurance.js +38 -19
  571. package/bpk-component-icon/sm/key.js +38 -19
  572. package/bpk-component-icon/sm/keypad.js +38 -19
  573. package/bpk-component-icon/sm/landmark.js +38 -19
  574. package/bpk-component-icon/sm/language.js +38 -19
  575. package/bpk-component-icon/sm/legroom--extra.js +40 -22
  576. package/bpk-component-icon/sm/legroom--normal.js +40 -22
  577. package/bpk-component-icon/sm/legroom--reduced.js +40 -22
  578. package/bpk-component-icon/sm/leisure.js +38 -19
  579. package/bpk-component-icon/sm/lightning.js +38 -19
  580. package/bpk-component-icon/sm/list.js +38 -19
  581. package/bpk-component-icon/sm/location.js +38 -19
  582. package/bpk-component-icon/sm/lock.js +38 -19
  583. package/bpk-component-icon/sm/logout.js +40 -22
  584. package/bpk-component-icon/sm/long-arrow-down.js +39 -20
  585. package/bpk-component-icon/sm/long-arrow-left.js +39 -20
  586. package/bpk-component-icon/sm/long-arrow-right.js +39 -20
  587. package/bpk-component-icon/sm/long-arrow-up.js +39 -20
  588. package/bpk-component-icon/sm/lounge.js +38 -19
  589. package/bpk-component-icon/sm/luggageall.js +38 -19
  590. package/bpk-component-icon/sm/mail.js +40 -22
  591. package/bpk-component-icon/sm/map.js +38 -19
  592. package/bpk-component-icon/sm/meal.js +38 -19
  593. package/bpk-component-icon/sm/media.js +38 -19
  594. package/bpk-component-icon/sm/menu--horizontal.js +38 -19
  595. package/bpk-component-icon/sm/menu--vertical.js +38 -19
  596. package/bpk-component-icon/sm/menu.js +38 -19
  597. package/bpk-component-icon/sm/mileage.js +40 -22
  598. package/bpk-component-icon/sm/minus.js +38 -19
  599. package/bpk-component-icon/sm/mobile.js +38 -19
  600. package/bpk-component-icon/sm/money.js +38 -19
  601. package/bpk-component-icon/sm/multiple-bookings.js +38 -19
  602. package/bpk-component-icon/sm/music.js +38 -19
  603. package/bpk-component-icon/sm/mute.js +38 -19
  604. package/bpk-component-icon/sm/native-android--back.js +38 -19
  605. package/bpk-component-icon/sm/native-android--close.js +38 -19
  606. package/bpk-component-icon/sm/native-android--forward.js +38 -19
  607. package/bpk-component-icon/sm/native-ios-close.js +38 -19
  608. package/bpk-component-icon/sm/navigation.js +38 -19
  609. package/bpk-component-icon/sm/new-window.js +44 -26
  610. package/bpk-component-icon/sm/news.js +38 -19
  611. package/bpk-component-icon/sm/night.js +38 -19
  612. package/bpk-component-icon/sm/not-allowed.js +38 -19
  613. package/bpk-component-icon/sm/onsen.js +40 -22
  614. package/bpk-component-icon/sm/origin.js +38 -19
  615. package/bpk-component-icon/sm/paid.js +38 -19
  616. package/bpk-component-icon/sm/paperclip.js +38 -19
  617. package/bpk-component-icon/sm/parking.js +38 -19
  618. package/bpk-component-icon/sm/passport.js +38 -19
  619. package/bpk-component-icon/sm/pause.js +38 -19
  620. package/bpk-component-icon/sm/payment-card.js +38 -19
  621. package/bpk-component-icon/sm/petrol.js +38 -19
  622. package/bpk-component-icon/sm/phone-call.js +38 -19
  623. package/bpk-component-icon/sm/picture.js +38 -19
  624. package/bpk-component-icon/sm/pin.js +38 -19
  625. package/bpk-component-icon/sm/plane-seat.js +40 -22
  626. package/bpk-component-icon/sm/play.js +38 -19
  627. package/bpk-component-icon/sm/plus.js +38 -19
  628. package/bpk-component-icon/sm/policy.js +38 -19
  629. package/bpk-component-icon/sm/powerplug.js +38 -19
  630. package/bpk-component-icon/sm/ppe.js +38 -19
  631. package/bpk-component-icon/sm/price-alerts.js +38 -19
  632. package/bpk-component-icon/sm/price-tag.js +38 -19
  633. package/bpk-component-icon/sm/print.js +38 -19
  634. package/bpk-component-icon/sm/recent-searches.js +38 -19
  635. package/bpk-component-icon/sm/redo.js +38 -19
  636. package/bpk-component-icon/sm/refresh.js +38 -19
  637. package/bpk-component-icon/sm/return.js +42 -24
  638. package/bpk-component-icon/sm/room.js +38 -19
  639. package/bpk-component-icon/sm/scales.js +38 -19
  640. package/bpk-component-icon/sm/search.js +38 -19
  641. package/bpk-component-icon/sm/self-service.js +38 -19
  642. package/bpk-component-icon/sm/send-message.js +38 -19
  643. package/bpk-component-icon/sm/services.js +38 -19
  644. package/bpk-component-icon/sm/settings.js +38 -19
  645. package/bpk-component-icon/sm/share--android.js +38 -19
  646. package/bpk-component-icon/sm/share--ios.js +42 -24
  647. package/bpk-component-icon/sm/share.js +38 -19
  648. package/bpk-component-icon/sm/single-booking.js +38 -19
  649. package/bpk-component-icon/sm/social-distancing.js +40 -22
  650. package/bpk-component-icon/sm/social-like.js +38 -19
  651. package/bpk-component-icon/sm/sort-down.js +38 -19
  652. package/bpk-component-icon/sm/sort-up.js +38 -19
  653. package/bpk-component-icon/sm/sort.js +38 -19
  654. package/bpk-component-icon/sm/speaker.js +38 -19
  655. package/bpk-component-icon/sm/star-half.js +38 -19
  656. package/bpk-component-icon/sm/star-outline.js +38 -19
  657. package/bpk-component-icon/sm/star.js +38 -19
  658. package/bpk-component-icon/sm/stops.js +38 -19
  659. package/bpk-component-icon/sm/swap--horizontal.js +39 -20
  660. package/bpk-component-icon/sm/swap--vertical.js +38 -19
  661. package/bpk-component-icon/sm/swap.js +39 -20
  662. package/bpk-component-icon/sm/taxi.js +40 -22
  663. package/bpk-component-icon/sm/thumbs-down.js +38 -19
  664. package/bpk-component-icon/sm/thumbs-up.js +38 -19
  665. package/bpk-component-icon/sm/tick-circle.js +38 -19
  666. package/bpk-component-icon/sm/tick.js +38 -19
  667. package/bpk-component-icon/sm/ticket-flexible.js +38 -19
  668. package/bpk-component-icon/sm/ticket.js +38 -19
  669. package/bpk-component-icon/sm/time.js +38 -19
  670. package/bpk-component-icon/sm/toilets.js +38 -19
  671. package/bpk-component-icon/sm/train.js +38 -19
  672. package/bpk-component-icon/sm/transmission-automatic.js +38 -19
  673. package/bpk-component-icon/sm/transmission-manual.js +38 -19
  674. package/bpk-component-icon/sm/trash.js +38 -19
  675. package/bpk-component-icon/sm/trend--down.js +38 -19
  676. package/bpk-component-icon/sm/trend--steady.js +39 -20
  677. package/bpk-component-icon/sm/trend--will-rise.js +38 -19
  678. package/bpk-component-icon/sm/trend.js +38 -19
  679. package/bpk-component-icon/sm/trips.js +38 -19
  680. package/bpk-component-icon/sm/undo.js +38 -19
  681. package/bpk-component-icon/sm/unlock.js +38 -19
  682. package/bpk-component-icon/sm/unmute.js +40 -22
  683. package/bpk-component-icon/sm/upgrade.js +38 -19
  684. package/bpk-component-icon/sm/upload.js +39 -20
  685. package/bpk-component-icon/sm/use-location.js +38 -19
  686. package/bpk-component-icon/sm/view.js +38 -19
  687. package/bpk-component-icon/sm/virus.js +38 -19
  688. package/bpk-component-icon/sm/wallet.js +38 -19
  689. package/bpk-component-icon/sm/weather--clear.js +38 -19
  690. package/bpk-component-icon/sm/weather--cloudy.js +40 -22
  691. package/bpk-component-icon/sm/weather--fog.js +38 -19
  692. package/bpk-component-icon/sm/weather--partly-cloudy.js +38 -19
  693. package/bpk-component-icon/sm/weather--rain.js +40 -22
  694. package/bpk-component-icon/sm/weather--snow.js +38 -19
  695. package/bpk-component-icon/sm/weather--thunderstorm.js +42 -24
  696. package/bpk-component-icon/sm/weather--tornado.js +38 -19
  697. package/bpk-component-icon/sm/weather--wind.js +40 -22
  698. package/bpk-component-icon/sm/weather.js +38 -19
  699. package/bpk-component-icon/sm/wifi.js +38 -19
  700. package/bpk-component-icon/sm/window--reduce.js +40 -22
  701. package/bpk-component-icon/sm/window.js +38 -19
  702. package/bpk-component-icon/sm/world--amer.js +38 -19
  703. package/bpk-component-icon/sm/world--apac.js +38 -19
  704. package/bpk-component-icon/sm/world--emea.js +38 -19
  705. package/bpk-component-icon/src/classNameModifierHOCFactory.js +26 -13
  706. package/bpk-component-icon/src/withAlignment.js +32 -25
  707. package/bpk-component-icon/src/withDescription.js +35 -28
  708. package/bpk-component-icon/src/withRtlSupport.js +13 -5
  709. package/bpk-component-image/index.js +38 -8
  710. package/bpk-component-image/src/BpkBackgroundImage.js +80 -72
  711. package/bpk-component-image/src/BpkImage.js +110 -93
  712. package/bpk-component-image/src/BpkImageBorderRadiusStyles.js +8 -1
  713. package/bpk-component-image/src/withLazyLoading.js +98 -87
  714. package/bpk-component-image/src/withLoadingBehavior.js +41 -32
  715. package/bpk-component-infinite-scroll/index.js +26 -3
  716. package/bpk-component-infinite-scroll/src/DataSource.js +19 -5
  717. package/bpk-component-infinite-scroll/src/intersection-observer.js +2 -0
  718. package/bpk-component-infinite-scroll/src/withInfiniteScroll.js +218 -206
  719. package/bpk-component-input/index.js +49 -7
  720. package/bpk-component-input/src/BpkClearButton.js +36 -20
  721. package/bpk-component-input/src/BpkInput.js +65 -52
  722. package/bpk-component-input/src/common-types.js +32 -20
  723. package/bpk-component-input/src/themeAttributes.js +8 -2
  724. package/bpk-component-input/src/withOpenEvents.js +98 -83
  725. package/bpk-component-label/index.js +11 -2
  726. package/bpk-component-label/src/BpkLabel.js +42 -26
  727. package/bpk-component-link/index.js +33 -5
  728. package/bpk-component-link/src/BpkButtonLink.js +44 -22
  729. package/bpk-component-link/src/BpkLink.js +60 -30
  730. package/bpk-component-link/src/themeAttributes.js +10 -2
  731. package/bpk-component-list/index.js +20 -19
  732. package/bpk-component-list/src/BpkList.js +18 -10
  733. package/bpk-component-list/src/BpkListItem.js +17 -9
  734. package/bpk-component-loading-button/index.js +18 -3
  735. package/bpk-component-loading-button/src/BpkLoadingButton.js +66 -49
  736. package/bpk-component-map/index.js +60 -8
  737. package/bpk-component-map/src/BpkBasicMapMarker.js +32 -15
  738. package/bpk-component-map/src/BpkIconMarker.js +52 -36
  739. package/bpk-component-map/src/BpkIconMarkerBackground.js +37 -20
  740. package/bpk-component-map/src/BpkMap.js +41 -33
  741. package/bpk-component-map/src/BpkOverlayView.js +32 -15
  742. package/bpk-component-map/src/BpkPriceMarker.js +59 -40
  743. package/bpk-component-map/src/DefaultLoadingElement.js +17 -9
  744. package/bpk-component-map/src/common-types.js +13 -5
  745. package/bpk-component-map/src/themeAttributes.js +13 -4
  746. package/bpk-component-map/src/withGoogleMapsScript.js +38 -21
  747. package/bpk-component-mobile-scroll-container/index.js +11 -2
  748. package/bpk-component-mobile-scroll-container/src/BpkMobileScrollContainer.js +109 -91
  749. package/bpk-component-modal/index.js +37 -7
  750. package/bpk-component-modal/src/BpkModal.js +50 -35
  751. package/bpk-component-modal/src/BpkModalInner.js +28 -18
  752. package/bpk-component-modal/src/BpkModalV2/BpkModal.js +35 -26
  753. package/bpk-component-modal/src/customPropTypes.js +11 -3
  754. package/bpk-component-modal/src/legacy-prop-types.js +64 -52
  755. package/bpk-component-modal/src/themeAttributes.js +9 -3
  756. package/bpk-component-navigation-bar/index.js +32 -6
  757. package/bpk-component-navigation-bar/src/BpkNavigationBar.js +63 -47
  758. package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.js +43 -23
  759. package/bpk-component-navigation-bar/src/BpkNavigationBarIconButton.js +43 -24
  760. package/bpk-component-navigation-bar/src/themeAttributes.js +9 -1
  761. package/bpk-component-nudger/index.js +24 -6
  762. package/bpk-component-nudger/src/BpkConfigurableNudger.js +54 -40
  763. package/bpk-component-nudger/src/BpkNudger.js +38 -21
  764. package/bpk-component-nudger/src/common-types.js +5 -1
  765. package/bpk-component-nudger/src/themeAttributes.js +9 -3
  766. package/bpk-component-nudger-row/index.js +10 -3
  767. package/bpk-component-nudger-row/src/BpkNudgerRow.js +26 -16
  768. package/bpk-component-overlay/index.js +18 -3
  769. package/bpk-component-overlay/src/BpkOverlay.js +34 -19
  770. package/bpk-component-page-indicator/index.js +25 -4
  771. package/bpk-component-page-indicator/src/BpkPageIndicator.js +38 -28
  772. package/bpk-component-page-indicator/src/NavButton.js +26 -17
  773. package/bpk-component-pagination/index.js +17 -5
  774. package/bpk-component-pagination/src/BpkPagination.js +51 -37
  775. package/bpk-component-pagination/src/BpkPaginationBreak.js +13 -5
  776. package/bpk-component-pagination/src/BpkPaginationList.js +25 -17
  777. package/bpk-component-pagination/src/BpkPaginationNudger.js +28 -21
  778. package/bpk-component-pagination/src/BpkPaginationPage.js +21 -13
  779. package/bpk-component-pagination/src/themeAttributes.js +9 -2
  780. package/bpk-component-panel/index.js +10 -3
  781. package/bpk-component-panel/src/BpkPanel.js +36 -21
  782. package/bpk-component-phone-input/index.js +11 -2
  783. package/bpk-component-phone-input/src/BpkPhoneInput.js +95 -77
  784. package/bpk-component-popover/index.js +32 -4
  785. package/bpk-component-popover/src/BpkPopover.js +80 -65
  786. package/bpk-component-popover/src/BpkPopoverPortal.js +119 -104
  787. package/bpk-component-popover/src/constants.js +11 -3
  788. package/bpk-component-popover/src/keyboardFocusScope.js +14 -6
  789. package/bpk-component-popover/src/themeAttributes.js +10 -2
  790. package/bpk-component-price/index.js +24 -4
  791. package/bpk-component-price/src/BpkPrice.js +62 -45
  792. package/bpk-component-price/src/common-types.js +11 -3
  793. package/bpk-component-progress/index.js +18 -4
  794. package/bpk-component-progress/src/BpkProgress.js +91 -72
  795. package/bpk-component-progress/src/themeAttributes.js +9 -1
  796. package/bpk-component-radio/index.js +18 -4
  797. package/bpk-component-radio/src/BpkRadio.js +44 -29
  798. package/bpk-component-radio/src/themeAttributes.js +9 -1
  799. package/bpk-component-rating/index.js +24 -4
  800. package/bpk-component-rating/src/BpkRating.js +72 -54
  801. package/bpk-component-rating/src/common-types.js +11 -3
  802. package/bpk-component-rtl-toggle/index.js +17 -5
  803. package/bpk-component-rtl-toggle/src/BpkRtlToggle.js +50 -44
  804. package/bpk-component-rtl-toggle/src/updateOnDirectionChange.js +46 -34
  805. package/bpk-component-rtl-toggle/src/utils.js +9 -1
  806. package/bpk-component-scrollable-calendar/index.js +38 -8
  807. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendar.js +12 -5
  808. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarDate.js +44 -32
  809. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.js +39 -23
  810. package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.js +112 -101
  811. package/bpk-component-scrollable-calendar/src/utils.js +11 -4
  812. package/bpk-component-scrollable-calendar/test-utils.js +31 -14
  813. package/bpk-component-section-header/index.js +17 -4
  814. package/bpk-component-section-header/src/BpkSectionHeader.js +20 -12
  815. package/bpk-component-section-list/index.js +25 -5
  816. package/bpk-component-section-list/src/BpkSectionList.js +26 -10
  817. package/bpk-component-section-list/src/BpkSectionListItem.js +52 -36
  818. package/bpk-component-section-list/src/BpkSectionListSection.js +40 -23
  819. package/bpk-component-select/index.js +18 -4
  820. package/bpk-component-select/src/BpkSelect.js +54 -39
  821. package/bpk-component-select/src/themeAttributes.js +8 -2
  822. package/bpk-component-skip-link/index.js +18 -4
  823. package/bpk-component-skip-link/src/BpkSkipLink.js +35 -18
  824. package/bpk-component-skip-link/src/themeAttributes.js +8 -2
  825. package/bpk-component-slider/index.js +17 -5
  826. package/bpk-component-slider/src/BpkSlider.js +30 -16
  827. package/bpk-component-slider/src/themeAttributes.js +8 -2
  828. package/bpk-component-spinner/index.js +41 -22
  829. package/bpk-component-spinner/src/BpkExtraLargeSpinner.js +49 -35
  830. package/bpk-component-spinner/src/BpkLargeSpinner.js +51 -37
  831. package/bpk-component-spinner/src/BpkSpinner.js +51 -37
  832. package/bpk-component-spinner/src/spinnerTypes.js +10 -2
  833. package/bpk-component-spinner/src/themeAttributes.js +9 -1
  834. package/bpk-component-split-input/index.js +18 -3
  835. package/bpk-component-split-input/src/BpkInputField.js +44 -27
  836. package/bpk-component-split-input/src/BpkSplitInput.js +217 -201
  837. package/bpk-component-star-rating/index.js +66 -8
  838. package/bpk-component-star-rating/src/BpkInteractiveStar.js +44 -28
  839. package/bpk-component-star-rating/src/BpkInteractiveStarRating.js +54 -37
  840. package/bpk-component-star-rating/src/BpkStar.js +59 -42
  841. package/bpk-component-star-rating/src/BpkStarRating.js +50 -30
  842. package/bpk-component-star-rating/src/themeAttributes.js +9 -1
  843. package/bpk-component-star-rating/src/withInteractiveStarRatingState.js +67 -55
  844. package/bpk-component-switch/index.js +18 -4
  845. package/bpk-component-switch/src/BpkSwitch.js +36 -21
  846. package/bpk-component-switch/src/themeAttributes.js +8 -2
  847. package/bpk-component-table/index.js +48 -23
  848. package/bpk-component-table/src/BpkTable.js +33 -16
  849. package/bpk-component-table/src/BpkTableBody.js +33 -22
  850. package/bpk-component-table/src/BpkTableCell.js +32 -15
  851. package/bpk-component-table/src/BpkTableHead.js +33 -22
  852. package/bpk-component-table/src/BpkTableHeadCell.js +30 -14
  853. package/bpk-component-table/src/BpkTableRow.js +33 -22
  854. package/bpk-component-text/index.js +17 -4
  855. package/bpk-component-text/src/BpkText.js +35 -18
  856. package/bpk-component-textarea/index.js +18 -4
  857. package/bpk-component-textarea/src/BpkTextarea.js +37 -21
  858. package/bpk-component-textarea/src/themeAttributes.js +9 -1
  859. package/bpk-component-theme-toggle/index.js +17 -5
  860. package/bpk-component-theme-toggle/src/BpkThemeToggle.js +79 -70
  861. package/bpk-component-theme-toggle/src/theming.js +47 -39
  862. package/bpk-component-theme-toggle/src/updateOnThemeChange.js +51 -41
  863. package/bpk-component-theme-toggle/src/utils.js +8 -1
  864. package/bpk-component-ticket/index.js +11 -2
  865. package/bpk-component-ticket/src/BpkTicket.js +56 -39
  866. package/bpk-component-tooltip/index.js +17 -5
  867. package/bpk-component-tooltip/src/BpkTooltip.js +41 -27
  868. package/bpk-component-tooltip/src/BpkTooltipPortal.js +116 -101
  869. package/bpk-component-tooltip/src/constants.js +13 -4
  870. package/bpk-mixins/sass-functions.js +29 -0
  871. package/bpk-react-utils/index.js +88 -22
  872. package/bpk-react-utils/src/Portal.js +48 -38
  873. package/bpk-react-utils/src/TransitionInitialMount.js +15 -6
  874. package/bpk-react-utils/src/cssModules.js +9 -3
  875. package/bpk-react-utils/src/deprecated.js +8 -1
  876. package/bpk-react-utils/src/deviceDetection.js +9 -1
  877. package/bpk-react-utils/src/isRTL.js +8 -1
  878. package/bpk-react-utils/src/withDefaultProps.js +34 -18
  879. package/bpk-react-utils/src/wrapDisplayName.js +8 -1
  880. package/bpk-scrim-utils/index.js +18 -6
  881. package/bpk-scrim-utils/src/BpkScrim.js +15 -7
  882. package/bpk-scrim-utils/src/scroll-utils.js +19 -7
  883. package/bpk-scrim-utils/src/withScrim.js +82 -65
  884. package/bpk-storybook-utils/index.js +26 -6
  885. package/bpk-storybook-utils/src/BpkDarkExampleWrapper.js +28 -12
  886. package/bpk-storybook-utils/src/BpkStorybookUtils.js +10 -3
  887. package/bpk-stylesheets/base.css +1670 -0
  888. package/bpk-stylesheets/base.js +171 -0
  889. package/bpk-stylesheets/build.js +46 -0
  890. package/bpk-stylesheets/font.css +18 -0
  891. package/bpk-stylesheets/font.js +3 -0
  892. package/bpk-stylesheets/index.css +18 -0
  893. package/bpk-stylesheets/index.js +38 -0
  894. package/bpk-stylesheets/license-header.js +32 -0
  895. package/bpk-stylesheets/webpack.config.babel.js +85 -0
  896. package/bpk-theming/index.js +10 -3
  897. package/bpk-theming/src/BpkThemeProvider.js +40 -29
  898. package/package.json +3 -2
  899. package/bpk-component-flare/src/corner-radius.d.ts +0 -6
  900. package/bpk-component-flare/src/pointer.d.ts +0 -6
@@ -1,76 +1,61 @@
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
- */
1
+ "use strict";
18
2
 
19
- import { Component } from 'react';
20
- import { cssModules, isDeviceIos } from "../../bpk-react-utils";
21
- import Week from "./Week";
22
- import { addMonths, formatIsoDate, getCalendarMonthWeeks, isSameMonth } from "./date-utils";
23
- import { CALENDAR_SELECTION_TYPE } from "./custom-proptypes";
24
- import STYLES from "./BpkCalendarGrid.module.css";
25
- import { addCalendarGridTransition } from "./BpkCalendarGridTransition";
26
- // This should be imported after `./BpkCalendarGrid.module.css`.
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.BpkCalendarGridWithTransition = void 0;
7
+ var _react = require("react");
8
+ var _bpkReactUtils = require("../../bpk-react-utils");
9
+ var _Week = _interopRequireDefault(require("./Week"));
10
+ var _dateUtils = require("./date-utils");
11
+ var _customProptypes = require("./custom-proptypes");
12
+ var _BpkCalendarGridModule = _interopRequireDefault(require("./BpkCalendarGrid.module.css"));
13
+ var _BpkCalendarGridTransition = require("./BpkCalendarGridTransition");
14
+ var _jsxRuntime = require("react/jsx-runtime");
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
17
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
18
+ function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /*
19
+ * Backpack - Skyscanner's Design System
20
+ *
21
+ * Copyright 2016 Skyscanner Ltd
22
+ *
23
+ * Licensed under the Apache License, Version 2.0 (the "License");
24
+ * you may not use this file except in compliance with the License.
25
+ * You may obtain a copy of the License at
26
+ *
27
+ * http://www.apache.org/licenses/LICENSE-2.0
28
+ *
29
+ * Unless required by applicable law or agreed to in writing, software
30
+ * distributed under the License is distributed on an "AS IS" BASIS,
31
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
32
+ * See the License for the specific language governing permissions and
33
+ * limitations under the License.
34
+ */ // This should be imported after `./BpkCalendarGrid.module.css`.
27
35
  // Because of how css specificity works the class `bpk-calendar-grid-transition__grid` needs to be defined
28
36
  // after `bpk-calendar-grid` (defined by BpkCalendarGrid.module.css) so it can override width and display of the calendar
29
-
30
37
  // This is because the calendar with transiction is expected to have a fixed width and whenever `bpk-calendar-grid-transition__grid`
31
38
  // class is applyed it should override the calendar style.
32
-
33
39
  // NOTE that ./Week is also importing ./BpkCalendarGrid.module.css so adding this after `./Week` would also do the job but
34
40
  // for clarity we should leave it here.
35
- import { jsx as _jsx } from "react/jsx-runtime";
36
- const getClassName = cssModules(STYLES);
41
+ const getClassName = (0, _bpkReactUtils.cssModules)(_BpkCalendarGridModule.default);
37
42
  /*
38
43
  BpkCalendarGrid - the grid representing a whole month
39
44
  */
40
- class BpkCalendarGrid extends Component {
41
- static defaultProps = {
42
- className: null,
43
- dateModifiers: {},
44
- focusedDate: null,
45
- isKeyboardFocusable: true,
46
- markOutsideDays: true,
47
- markToday: true,
48
- maxDate: addMonths(new Date(), 12),
49
- minDate: new Date(),
50
- onDateClick: () => {},
51
- onDateKeyDown: () => {},
52
- preventKeyboardFocus: false,
53
- selectionConfiguration: {
54
- type: CALENDAR_SELECTION_TYPE.single,
55
- date: null
56
- },
57
- ignoreOutsideDate: false,
58
- dateProps: {},
59
- cellClassName: null
60
- };
45
+ class BpkCalendarGrid extends _react.Component {
61
46
  constructor(props) {
62
47
  super(props);
63
48
 
64
49
  // We cache expensive calculations (and identities) in state
65
50
  this.state = {
66
- calendarMonthWeeks: getCalendarMonthWeeks(props.month, props.weekStartsOn)
51
+ calendarMonthWeeks: (0, _dateUtils.getCalendarMonthWeeks)(props.month, props.weekStartsOn)
67
52
  };
68
53
  }
69
54
  UNSAFE_componentWillReceiveProps(nextProps) {
70
55
  // We cache expensive calculations (and identities) in state
71
- if (!isSameMonth(nextProps.month, this.props.month) || nextProps.weekStartsOn !== this.props.weekStartsOn) {
56
+ if (!(0, _dateUtils.isSameMonth)(nextProps.month, this.props.month) || nextProps.weekStartsOn !== this.props.weekStartsOn) {
72
57
  this.setState({
73
- calendarMonthWeeks: getCalendarMonthWeeks(nextProps.month, nextProps.weekStartsOn)
58
+ calendarMonthWeeks: (0, _dateUtils.getCalendarMonthWeeks)(nextProps.month, nextProps.weekStartsOn)
74
59
  });
75
60
  }
76
61
  }
@@ -100,11 +85,11 @@ class BpkCalendarGrid extends Component {
100
85
  calendarMonthWeeks
101
86
  } = this.state;
102
87
  const classNames = getClassName('bpk-calendar-grid', className);
103
- return /*#__PURE__*/_jsx("div", {
88
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
104
89
  className: classNames,
105
90
  "aria-hidden": !isKeyboardFocusable,
106
- children: /*#__PURE__*/_jsx("div", {
107
- children: calendarMonthWeeks.map(dates => /*#__PURE__*/_jsx(Week, {
91
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
92
+ children: calendarMonthWeeks.map(dates => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Week.default, {
108
93
  month: month,
109
94
  dates: dates,
110
95
  onDateClick: onDateClick,
@@ -124,13 +109,34 @@ class BpkCalendarGrid extends Component {
124
109
  ignoreOutsideDate: ignoreOutsideDate,
125
110
  dateProps: dateProps,
126
111
  cellClassName: cellClassName
127
- }, formatIsoDate(dates[0])))
112
+ }, (0, _dateUtils.formatIsoDate)(dates[0])))
128
113
  })
129
114
  });
130
115
  }
131
116
  }
132
117
 
133
118
  // On iOS, having transitions causes accessibility issues, so we disable it (KOA-4467).
134
- const BpkCalendarGridWithTransition = isDeviceIos() ? BpkCalendarGrid : addCalendarGridTransition(BpkCalendarGrid);
135
- export default BpkCalendarGrid;
136
- export { BpkCalendarGridWithTransition };
119
+ _defineProperty(BpkCalendarGrid, "defaultProps", {
120
+ className: null,
121
+ dateModifiers: {},
122
+ focusedDate: null,
123
+ isKeyboardFocusable: true,
124
+ markOutsideDays: true,
125
+ markToday: true,
126
+ maxDate: (0, _dateUtils.addMonths)(new Date(), 12),
127
+ minDate: new Date(),
128
+ onDateClick: () => {},
129
+ onDateKeyDown: () => {},
130
+ preventKeyboardFocus: false,
131
+ selectionConfiguration: {
132
+ type: _customProptypes.CALENDAR_SELECTION_TYPE.single,
133
+ date: null
134
+ },
135
+ ignoreOutsideDate: false,
136
+ dateProps: {},
137
+ cellClassName: null
138
+ });
139
+ const BpkCalendarGridWithTransition = (0, _bpkReactUtils.isDeviceIos)() ? BpkCalendarGrid : (0, _BpkCalendarGridTransition.addCalendarGridTransition)(BpkCalendarGrid);
140
+ exports.BpkCalendarGridWithTransition = BpkCalendarGridWithTransition;
141
+ var _default = BpkCalendarGrid;
142
+ exports.default = _default;
@@ -1,27 +1,35 @@
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
- */
1
+ "use strict";
18
2
 
19
- import { PureComponent } from 'react';
20
- import { cssModules } from "../../bpk-react-utils";
21
- import { orderDaysOfWeek } from "./date-utils";
22
- import STYLES from "./BpkCalendarGridHeader.module.css";
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- const getClassName = cssModules(STYLES);
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = require("react");
8
+ var _bpkReactUtils = require("../../bpk-react-utils");
9
+ var _dateUtils = require("./date-utils");
10
+ var _BpkCalendarGridHeaderModule = _interopRequireDefault(require("./BpkCalendarGridHeader.module.css"));
11
+ var _jsxRuntime = require("react/jsx-runtime");
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
14
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
15
+ function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /*
16
+ * Backpack - Skyscanner's Design System
17
+ *
18
+ * Copyright 2016 Skyscanner Ltd
19
+ *
20
+ * Licensed under the Apache License, Version 2.0 (the "License");
21
+ * you may not use this file except in compliance with the License.
22
+ * You may obtain a copy of the License at
23
+ *
24
+ * http://www.apache.org/licenses/LICENSE-2.0
25
+ *
26
+ * Unless required by applicable law or agreed to in writing, software
27
+ * distributed under the License is distributed on an "AS IS" BASIS,
28
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
29
+ * See the License for the specific language governing permissions and
30
+ * limitations under the License.
31
+ */
32
+ const getClassName = (0, _bpkReactUtils.cssModules)(_BpkCalendarGridHeaderModule.default);
25
33
  /*
26
34
  WeekDay - table header cells such as "Mon", "Tue", "Wed"...
27
35
  */
@@ -29,35 +37,31 @@ const WeekDayComponent = ({
29
37
  Element,
30
38
  weekDay,
31
39
  weekDayKey = 'nameAbbr'
32
- }) => /*#__PURE__*/_jsx(Element, {
40
+ }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Element, {
33
41
  className: getClassName('bpk-calendar-header__weekday'),
34
42
  title: weekDay.name,
35
- children: /*#__PURE__*/_jsx("span", {
43
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
36
44
  children: weekDay[weekDayKey]
37
45
  })
38
46
  });
39
- class BpkCalendarGridHeader extends PureComponent {
40
- static defaultProps = {
41
- className: null,
42
- weekDayKey: 'nameAbbr'
43
- };
47
+ class BpkCalendarGridHeader extends _react.PureComponent {
44
48
  render() {
45
49
  const {
46
50
  className,
47
51
  weekDayKey,
48
52
  weekStartsOn
49
53
  } = this.props;
50
- const daysOfWeek = orderDaysOfWeek(this.props.daysOfWeek, weekStartsOn);
54
+ const daysOfWeek = (0, _dateUtils.orderDaysOfWeek)(this.props.daysOfWeek, weekStartsOn);
51
55
  const classNames = [getClassName('bpk-calendar-header')];
52
56
  if (className) {
53
57
  classNames.push(className);
54
58
  }
55
- return /*#__PURE__*/_jsx("header", {
59
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("header", {
56
60
  className: classNames.join(' '),
57
61
  "aria-hidden": true,
58
- children: /*#__PURE__*/_jsx("ol", {
62
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ol", {
59
63
  className: getClassName('bpk-calendar-header__week'),
60
- children: daysOfWeek.map(weekDay => /*#__PURE__*/_jsx(WeekDayComponent, {
64
+ children: daysOfWeek.map(weekDay => /*#__PURE__*/(0, _jsxRuntime.jsx)(WeekDayComponent, {
61
65
  Element: "li",
62
66
  weekDay: weekDay,
63
67
  weekDayKey: weekDayKey
@@ -66,4 +70,9 @@ class BpkCalendarGridHeader extends PureComponent {
66
70
  });
67
71
  }
68
72
  }
69
- export default BpkCalendarGridHeader;
73
+ _defineProperty(BpkCalendarGridHeader, "defaultProps", {
74
+ className: null,
75
+ weekDayKey: 'nameAbbr'
76
+ });
77
+ var _default = BpkCalendarGridHeader;
78
+ exports.default = _default;
@@ -1,43 +1,51 @@
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
- */
1
+ "use strict";
18
2
 
19
- import { Component } from 'react';
20
- import { cssModules, isRTL } from "../../bpk-react-utils";
21
- import { getCalendarGridWidth, getTransformStyles, isTransitionEndSupported } from "./utils";
22
- import { addMonths, isSameMonth, formatIsoMonth, differenceInCalendarMonths, dateToBoundaries, startOfDay, setMonthYear, isWithinRange, getMonthRange } from "./date-utils";
23
- import STYLES from "./BpkCalendarGridTransition.module.css";
24
- import { createElement as _createElement } from "react";
25
- import { jsx as _jsx } from "react/jsx-runtime";
26
- const getClassName = cssModules(STYLES);
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.addCalendarGridTransition = void 0;
7
+ var _react = require("react");
8
+ var _bpkReactUtils = require("../../bpk-react-utils");
9
+ var _utils = require("./utils");
10
+ var _dateUtils = require("./date-utils");
11
+ var _BpkCalendarGridTransitionModule = _interopRequireDefault(require("./BpkCalendarGridTransition.module.css"));
12
+ var _jsxRuntime = require("react/jsx-runtime");
13
+ const _excluded = ["TransitionComponent", "className", "focusedDate"];
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
16
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
17
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
18
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
19
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
20
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
21
+ function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /*
22
+ * Backpack - Skyscanner's Design System
23
+ *
24
+ * Copyright 2016 Skyscanner Ltd
25
+ *
26
+ * Licensed under the Apache License, Version 2.0 (the "License");
27
+ * you may not use this file except in compliance with the License.
28
+ * You may obtain a copy of the License at
29
+ *
30
+ * http://www.apache.org/licenses/LICENSE-2.0
31
+ *
32
+ * Unless required by applicable law or agreed to in writing, software
33
+ * distributed under the License is distributed on an "AS IS" BASIS,
34
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
35
+ * See the License for the specific language governing permissions and
36
+ * limitations under the License.
37
+ */
38
+ const getClassName = (0, _bpkReactUtils.cssModules)(_BpkCalendarGridTransitionModule.default);
27
39
  const transitionValues = {
28
40
  previous: '0px',
29
- current: getCalendarGridWidth(-1),
30
- next: getCalendarGridWidth(-2)
41
+ current: (0, _utils.getCalendarGridWidth)(-1),
42
+ next: (0, _utils.getCalendarGridWidth)(-2)
31
43
  };
32
- const getFocusedDateForMonth = (month, currentFocusedDate, minDate, maxDate) => dateToBoundaries(setMonthYear(currentFocusedDate, month.getMonth(), month.getFullYear()), startOfDay(minDate), startOfDay(maxDate));
33
- class BpkCalendarGridTransition extends Component {
34
- static defaultProps = {
35
- className: null,
36
- month: new Date(),
37
- focusedDate: null
38
- };
44
+ const getFocusedDateForMonth = (month, currentFocusedDate, minDate, maxDate) => (0, _dateUtils.dateToBoundaries)((0, _dateUtils.setMonthYear)(currentFocusedDate, month.getMonth(), month.getFullYear()), (0, _dateUtils.startOfDay)(minDate), (0, _dateUtils.startOfDay)(maxDate));
45
+ class BpkCalendarGridTransition extends _react.Component {
39
46
  constructor(props) {
40
47
  super(props);
48
+ _defineProperty(this, "isTransitionEndSupported", void 0);
41
49
  const {
42
50
  month = new Date()
43
51
  } = props;
@@ -48,9 +56,9 @@ class BpkCalendarGridTransition extends Component {
48
56
  // Used in a test so this is valid usage.
49
57
  // eslint-disable-next-line react/no-unused-state
50
58
  currentMonth: props.month,
51
- months: [addMonths(month, -1), month, addMonths(month, 1)]
59
+ months: [(0, _dateUtils.addMonths)(month, -1), month, (0, _dateUtils.addMonths)(month, 1)]
52
60
  };
53
- this.isTransitionEndSupported = isTransitionEndSupported();
61
+ this.isTransitionEndSupported = (0, _utils.isTransitionEndSupported)();
54
62
  }
55
63
  UNSAFE_componentWillReceiveProps({
56
64
  month: nextMonth = new Date()
@@ -58,10 +66,10 @@ class BpkCalendarGridTransition extends Component {
58
66
  const {
59
67
  month = new Date()
60
68
  } = this.props;
61
- const hasMonthChanged = !isSameMonth(month, nextMonth);
69
+ const hasMonthChanged = !(0, _dateUtils.isSameMonth)(month, nextMonth);
62
70
  if (hasMonthChanged) {
63
- const reverse = isRTL();
64
- if (differenceInCalendarMonths(nextMonth, month) === 1) {
71
+ const reverse = (0, _bpkReactUtils.isRTL)();
72
+ if ((0, _dateUtils.differenceInCalendarMonths)(nextMonth, month) === 1) {
65
73
  // Transition to next month
66
74
  this.setState({
67
75
  transitionValue: reverse ? transitionValues.previous : transitionValues.next,
@@ -69,7 +77,7 @@ class BpkCalendarGridTransition extends Component {
69
77
  });
70
78
  return;
71
79
  }
72
- if (differenceInCalendarMonths(nextMonth, month) === -1) {
80
+ if ((0, _dateUtils.differenceInCalendarMonths)(nextMonth, month) === -1) {
73
81
  // Transition to previous month
74
82
  this.setState({
75
83
  transitionValue: reverse ? transitionValues.next : transitionValues.previous,
@@ -81,7 +89,7 @@ class BpkCalendarGridTransition extends Component {
81
89
  // Used in a test so this is valid usage.
82
90
  // eslint-disable-next-line react/no-unused-state
83
91
  currentMonth: nextMonth,
84
- months: [addMonths(nextMonth, -1), nextMonth, addMonths(nextMonth, 1)]
92
+ months: [(0, _dateUtils.addMonths)(nextMonth, -1), nextMonth, (0, _dateUtils.addMonths)(nextMonth, 1)]
85
93
  });
86
94
  }
87
95
  }
@@ -103,16 +111,17 @@ class BpkCalendarGridTransition extends Component {
103
111
  // Used in a test so this is valid usage.
104
112
  // eslint-disable-next-line react/no-unused-state
105
113
  currentMonth: month,
106
- months: [addMonths(month, -1), month, addMonths(month, 1)]
114
+ months: [(0, _dateUtils.addMonths)(month, -1), month, (0, _dateUtils.addMonths)(month, 1)]
107
115
  });
108
116
  }
109
117
  render() {
110
- const {
111
- TransitionComponent,
112
- className = null,
113
- focusedDate = null,
114
- ...rest
115
- } = this.props;
118
+ const _this$props = this.props,
119
+ {
120
+ TransitionComponent,
121
+ className = null,
122
+ focusedDate = null
123
+ } = _this$props,
124
+ rest = _objectWithoutProperties(_this$props, _excluded);
116
125
  const {
117
126
  isTransitioning,
118
127
  transitionValue
@@ -124,36 +133,40 @@ class BpkCalendarGridTransition extends Component {
124
133
  ({
125
134
  max,
126
135
  min
127
- } = getMonthRange(rest.minDate, rest.maxDate));
136
+ } = (0, _dateUtils.getMonthRange)(rest.minDate, rest.maxDate));
128
137
  }
129
- return /*#__PURE__*/_jsx("div", {
138
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
130
139
  className: getClassName('bpk-calendar-grid-transition', className),
131
- children: /*#__PURE__*/_jsx("div", {
140
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
132
141
  className: stripClassNames,
133
- style: getTransformStyles(transitionValue),
142
+ style: (0, _utils.getTransformStyles)(transitionValue),
134
143
  onTransitionEnd: this.onMonthTransitionEnd,
135
- children: this.state.months.map((m, index) => min && max && isWithinRange(m, {
144
+ children: this.state.months.map((m, index) => min && max && (0, _dateUtils.isWithinRange)(m, {
136
145
  start: min,
137
146
  end: max
138
- }) ? /*#__PURE__*/_createElement(TransitionComponent, {
139
- ...rest,
140
- key: formatIsoMonth(m),
147
+ }) ? /*#__PURE__*/(0, _react.createElement)(TransitionComponent, _objectSpread(_objectSpread({}, rest), {}, {
148
+ key: (0, _dateUtils.formatIsoMonth)(m),
141
149
  month: m,
142
150
  preventKeyboardFocus: index !== 1 || rest.preventKeyboardFocus,
143
151
  isKeyboardFocusable: !isTransitioning && index === 1,
144
152
  focusedDate: index === 1 ? focusedDate : getFocusedDateForMonth(m, focusedDate, rest.minDate, rest.maxDate),
145
153
  "aria-hidden": index !== 1,
146
154
  className: getClassName('bpk-calendar-grid-transition__grid')
147
- }) : /*#__PURE__*/_jsx("div", {
155
+ })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
148
156
  className: getClassName('bpk-calendar-grid-transition__dummy')
149
- }, formatIsoMonth(m)))
157
+ }, (0, _dateUtils.formatIsoMonth)(m)))
150
158
  })
151
159
  });
152
160
  }
153
161
  }
154
- const addCalendarGridTransition = TransitionComponent => props => /*#__PURE__*/_jsx(BpkCalendarGridTransition, {
155
- ...props,
156
- TransitionComponent: TransitionComponent
162
+ _defineProperty(BpkCalendarGridTransition, "defaultProps", {
163
+ className: null,
164
+ month: new Date(),
165
+ focusedDate: null
157
166
  });
158
- export default BpkCalendarGridTransition;
159
- export { addCalendarGridTransition };
167
+ const addCalendarGridTransition = TransitionComponent => props => /*#__PURE__*/(0, _jsxRuntime.jsx)(BpkCalendarGridTransition, _objectSpread(_objectSpread({}, props), {}, {
168
+ TransitionComponent: TransitionComponent
169
+ }));
170
+ exports.addCalendarGridTransition = addCalendarGridTransition;
171
+ var _default = BpkCalendarGridTransition;
172
+ exports.default = _default;