@skyscanner/backpack-web 25.7.0 → 25.8.2

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