@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.
- package/README.md +2 -2
- package/bpk-animate-height/index.js +10 -3
- package/bpk-animate-height/src/AnimateHeight.js +67 -55
- package/bpk-component-accordion/index.js +34 -21
- package/bpk-component-accordion/src/BpkAccordion.js +41 -23
- package/bpk-component-accordion/src/BpkAccordionItem.js +65 -47
- package/bpk-component-accordion/src/withAccordionItemState.js +64 -48
- package/bpk-component-accordion/src/withSingleItemAccordionState.js +62 -46
- package/bpk-component-aria-live/index.js +17 -4
- package/bpk-component-aria-live/src/BpkAriaLive.js +33 -17
- package/bpk-component-autosuggest/index.js +18 -4
- package/bpk-component-autosuggest/src/BpkAutosuggest.js +34 -18
- package/bpk-component-autosuggest/src/BpkAutosuggestSuggestion.js +48 -32
- package/bpk-component-badge/index.js +25 -5
- package/bpk-component-badge/src/BpkBadge.js +34 -18
- package/bpk-component-badge/src/themeAttributes.js +8 -2
- package/bpk-component-banner-alert/index.js +45 -9
- package/bpk-component-banner-alert/src/AnimateAndFade.js +76 -68
- package/bpk-component-banner-alert/src/BpkBannerAlert.js +34 -17
- package/bpk-component-banner-alert/src/BpkBannerAlertDismissable.js +30 -12
- package/bpk-component-banner-alert/src/BpkBannerAlertExpandable.js +35 -16
- package/bpk-component-banner-alert/src/BpkBannerAlertInner.js +80 -66
- package/bpk-component-banner-alert/src/common-types.js +9 -2
- package/bpk-component-banner-alert/src/themeAttributes.js +8 -2
- package/bpk-component-banner-alert/src/withBannerAlertState.js +94 -77
- package/bpk-component-barchart/index.js +53 -9
- package/bpk-component-barchart/src/BpkBarchart.js +174 -154
- package/bpk-component-barchart/src/BpkBarchartBar.js +56 -41
- package/bpk-component-barchart/src/BpkBarchartBars.js +67 -51
- package/bpk-component-barchart/src/BpkBarchartDefs.js +22 -11
- package/bpk-component-barchart/src/BpkChartAxis.js +74 -59
- package/bpk-component-barchart/src/BpkChartDataTable.js +29 -22
- package/bpk-component-barchart/src/BpkChartGridLines.js +53 -38
- package/bpk-component-barchart/src/BpkChartMargin.js +34 -17
- package/bpk-component-barchart/src/RTLtransforms.js +36 -13
- package/bpk-component-barchart/src/customPropTypes.js +10 -2
- package/bpk-component-barchart/src/orientation.js +10 -2
- package/bpk-component-barchart/src/themeAttributes.js +9 -1
- package/bpk-component-barchart/src/utils.js +9 -1
- package/bpk-component-blockquote/index.js +17 -5
- package/bpk-component-blockquote/src/BpkBlockquote.js +17 -9
- package/bpk-component-blockquote/src/themeAttributes.js +8 -2
- package/bpk-component-boilerplate/index.js +10 -3
- package/bpk-component-boilerplate/src/BpkBoilerplate.js +30 -14
- package/bpk-component-breadcrumb/index.js +18 -4
- package/bpk-component-breadcrumb/src/BpkBreadcrumb.js +63 -46
- package/bpk-component-breadcrumb/src/BpkBreadcrumbItem.js +52 -36
- package/bpk-component-breakpoint/index.js +17 -4
- package/bpk-component-breakpoint/src/BpkBreakpoint.js +25 -16
- package/bpk-component-button/BpkButtonDestructive.js +13 -17
- package/bpk-component-button/BpkButtonFeatured.js +13 -17
- package/bpk-component-button/BpkButtonLink.js +13 -17
- package/bpk-component-button/BpkButtonLinkOnDark.js +13 -17
- package/bpk-component-button/BpkButtonPrimary.js +13 -17
- package/bpk-component-button/BpkButtonPrimaryOnDark.js +13 -17
- package/bpk-component-button/BpkButtonPrimaryOnLight.js +13 -17
- package/bpk-component-button/BpkButtonSecondary.js +13 -17
- package/bpk-component-button/BpkButtonSecondaryOnDark.js +13 -17
- package/bpk-component-button/index.js +144 -15
- package/bpk-component-button/src/BpkButton.js +53 -57
- package/bpk-component-button/src/BpkButtonBase.js +45 -33
- package/bpk-component-button/src/BpkButtonDestructive.js +33 -19
- package/bpk-component-button/src/BpkButtonFeatured.js +33 -19
- package/bpk-component-button/src/BpkButtonLink.js +34 -20
- package/bpk-component-button/src/BpkButtonLinkOnDark.js +34 -20
- package/bpk-component-button/src/BpkButtonPrimary.js +35 -30
- package/bpk-component-button/src/BpkButtonPrimaryOnDark.js +33 -19
- package/bpk-component-button/src/BpkButtonPrimaryOnLight.js +33 -19
- package/bpk-component-button/src/BpkButtonSecondary.js +33 -19
- package/bpk-component-button/src/BpkButtonSecondaryOnDark.js +33 -19
- package/bpk-component-button/src/BpkButtonV2/BpkButton.js +46 -29
- package/bpk-component-button/src/BpkButtonV2/common-types.js +11 -3
- package/bpk-component-button/src/common-types.js +21 -13
- package/bpk-component-button/src/commonButtonTests.js +21 -14
- package/bpk-component-button/src/themeAttributes.js +22 -8
- package/bpk-component-button/themeAttributes.js +54 -17
- package/bpk-component-calendar/index.js +107 -14
- package/bpk-component-calendar/src/BpkCalendarContainer.js +200 -185
- package/bpk-component-calendar/src/BpkCalendarDate.js +83 -63
- package/bpk-component-calendar/src/BpkCalendarGrid.js +66 -60
- package/bpk-component-calendar/src/BpkCalendarGridHeader.js +44 -35
- package/bpk-component-calendar/src/BpkCalendarGridTransition.js +76 -63
- package/bpk-component-calendar/src/BpkCalendarNav.js +47 -37
- package/bpk-component-calendar/src/Week.js +101 -92
- package/bpk-component-calendar/src/composeCalendar.js +43 -36
- package/bpk-component-calendar/src/custom-proptypes-legacy.js +63 -52
- package/bpk-component-calendar/src/custom-proptypes.js +9 -2
- package/bpk-component-calendar/src/date-utils.js +161 -33
- package/bpk-component-calendar/src/themeAttributes.js +8 -2
- package/bpk-component-calendar/src/utils.js +15 -7
- package/bpk-component-calendar/test-utils.js +31 -14
- package/bpk-component-card/index.js +32 -6
- package/bpk-component-card/src/BpkCard.js +43 -29
- package/bpk-component-card/src/BpkCardWrapper.js +16 -9
- package/bpk-component-card/src/BpkDividedCard.js +40 -24
- package/bpk-component-checkbox/index.js +18 -4
- package/bpk-component-checkbox/src/BpkCheckbox.js +50 -35
- package/bpk-component-checkbox/src/themeAttributes.js +9 -1
- package/bpk-component-chip/index.js +38 -8
- package/bpk-component-chip/src/BpkDismissibleChip.js +34 -20
- package/bpk-component-chip/src/BpkDropdownChip.js +38 -21
- package/bpk-component-chip/src/BpkSelectableChip.js +46 -29
- package/bpk-component-chip/src/commonTypes.js +24 -15
- package/bpk-component-chip/src/themeAttributes.js +8 -2
- package/bpk-component-close-button/index.js +11 -2
- package/bpk-component-close-button/src/BpkCloseButton.js +40 -23
- package/bpk-component-code/index.js +20 -19
- package/bpk-component-code/src/BpkCode.js +35 -18
- package/bpk-component-code/src/BpkCodeBlock.js +36 -19
- package/bpk-component-content-cards/index.js +10 -3
- package/bpk-component-content-cards/src/BpkContentCard.js +22 -13
- package/bpk-component-content-cards/src/BpkContentCards.js +22 -13
- package/bpk-component-datatable/index.js +20 -20
- package/bpk-component-datatable/src/BpkDataTable.js +98 -88
- package/bpk-component-datatable/src/BpkDataTableColumn.js +47 -36
- package/bpk-component-datatable/src/BpkDataTableHeader.js +55 -45
- package/bpk-component-datatable/src/common-types.js +1 -0
- package/bpk-component-datatable/src/hasChildrenOfType.js +13 -5
- package/bpk-component-datatable/src/sort-types.js +9 -2
- package/bpk-component-datatable/src/utils.js +20 -8
- package/bpk-component-datepicker/index.js +24 -6
- package/bpk-component-datepicker/src/BpkDatepicker.js +200 -190
- package/bpk-component-datepicker/src/themeAttributes.js +11 -5
- package/bpk-component-description-list/index.js +26 -21
- package/bpk-component-description-list/src/BpkDescriptionDetails.js +10 -3
- package/bpk-component-description-list/src/BpkDescriptionList.js +10 -3
- package/bpk-component-description-list/src/BpkDescriptionTerm.js +10 -3
- package/bpk-component-description-list/src/ComponentFactory.js +34 -18
- package/bpk-component-dialog/index.js +17 -5
- package/bpk-component-dialog/src/BpkDialog.js +43 -28
- package/bpk-component-dialog/src/BpkDialogInner.js +20 -12
- package/bpk-component-dialog/src/common-types.js +9 -2
- package/bpk-component-drawer/index.js +18 -4
- package/bpk-component-drawer/src/BpkDrawer.js +68 -52
- package/bpk-component-drawer/src/BpkDrawerContent.js +73 -57
- package/bpk-component-drawer/src/themeAttributes.js +10 -2
- package/bpk-component-fieldset/index.js +32 -4
- package/bpk-component-fieldset/src/BpkFieldset.js +64 -50
- package/bpk-component-fieldset/src/themeAttributes.js +8 -2
- package/bpk-component-flare/index.js +24 -4
- package/bpk-component-flare/src/BpkContentBubble.js +46 -33
- package/bpk-component-flare/src/BpkFlareBar.js +39 -25
- package/bpk-component-flare/src/__generated__/js/corner-radius.js +31 -12
- package/bpk-component-flare/src/__generated__/js/pointer.js +31 -12
- package/bpk-component-floating-notification/index.js +11 -2
- package/bpk-component-floating-notification/src/BpkFloatingNotification.js +63 -45
- package/bpk-component-form-validation/index.js +17 -5
- package/bpk-component-form-validation/src/BpkFormValidation.js +50 -36
- package/bpk-component-form-validation/src/themeAttributes.js +8 -2
- package/bpk-component-graphic-promotion/index.js +17 -4
- package/bpk-component-graphic-promotion/src/BpkGraphicPromo.js +29 -21
- package/bpk-component-grid-toggle/index.js +10 -3
- package/bpk-component-grid-toggle/src/BpkGridToggle.js +50 -41
- package/bpk-component-horizontal-nav/index.js +31 -4
- package/bpk-component-horizontal-nav/src/BpkHorizontalNav.js +115 -96
- package/bpk-component-horizontal-nav/src/BpkHorizontalNavItem.js +79 -62
- package/bpk-component-icon/all.js +10 -2
- package/bpk-component-icon/index.js +33 -11
- package/bpk-component-icon/lg/accessibility.js +37 -18
- package/bpk-component-icon/lg/account--add.js +37 -18
- package/bpk-component-icon/lg/account--female.js +37 -18
- package/bpk-component-icon/lg/account--id-card.js +37 -18
- package/bpk-component-icon/lg/account--name.js +37 -18
- package/bpk-component-icon/lg/account--permit.js +37 -18
- package/bpk-component-icon/lg/account-circle.js +37 -18
- package/bpk-component-icon/lg/account.js +37 -18
- package/bpk-component-icon/lg/add-circle.js +37 -18
- package/bpk-component-icon/lg/adult.js +37 -18
- package/bpk-component-icon/lg/ai.js +38 -19
- package/bpk-component-icon/lg/aircon.js +37 -18
- package/bpk-component-icon/lg/aircraft.js +39 -21
- package/bpk-component-icon/lg/airline--multiple.js +37 -18
- package/bpk-component-icon/lg/airline.js +37 -18
- package/bpk-component-icon/lg/airports.js +37 -18
- package/bpk-component-icon/lg/alert--active.js +37 -18
- package/bpk-component-icon/lg/alert--add.js +37 -18
- package/bpk-component-icon/lg/alert--expired.js +37 -18
- package/bpk-component-icon/lg/alert--remove.js +37 -18
- package/bpk-component-icon/lg/arrow-down.js +37 -18
- package/bpk-component-icon/lg/arrow-left.js +37 -18
- package/bpk-component-icon/lg/arrow-right.js +37 -18
- package/bpk-component-icon/lg/arrow-up.js +37 -18
- package/bpk-component-icon/lg/award.js +37 -18
- package/bpk-component-icon/lg/baby-carriage.js +37 -18
- package/bpk-component-icon/lg/baggage--add.js +37 -18
- package/bpk-component-icon/lg/baggage--remove.js +37 -18
- package/bpk-component-icon/lg/baggage-cabin-add.js +37 -18
- package/bpk-component-icon/lg/baggage-cabin-not-included.js +37 -18
- package/bpk-component-icon/lg/baggage-cabin.js +37 -18
- package/bpk-component-icon/lg/baggage-checked-add.js +37 -18
- package/bpk-component-icon/lg/baggage-checked-not-included.js +37 -18
- package/bpk-component-icon/lg/baggage-checked.js +37 -18
- package/bpk-component-icon/lg/baggage-cross.js +37 -18
- package/bpk-component-icon/lg/baggage-generic.js +37 -18
- package/bpk-component-icon/lg/baggage-tick.js +37 -18
- package/bpk-component-icon/lg/baggage.js +37 -18
- package/bpk-component-icon/lg/bar.js +37 -18
- package/bpk-component-icon/lg/beach.js +39 -21
- package/bpk-component-icon/lg/beer.js +37 -18
- package/bpk-component-icon/lg/breakfast-cross.js +37 -18
- package/bpk-component-icon/lg/breakfast-tick.js +37 -18
- package/bpk-component-icon/lg/bus.js +37 -18
- package/bpk-component-icon/lg/business.js +37 -18
- package/bpk-component-icon/lg/cafe.js +37 -18
- package/bpk-component-icon/lg/calendar.js +37 -18
- package/bpk-component-icon/lg/call-back.js +39 -21
- package/bpk-component-icon/lg/camera.js +37 -18
- package/bpk-component-icon/lg/camper-van.js +39 -21
- package/bpk-component-icon/lg/car-door.js +37 -18
- package/bpk-component-icon/lg/car-wash.js +39 -21
- package/bpk-component-icon/lg/cars-flexible.js +37 -18
- package/bpk-component-icon/lg/cars.js +39 -21
- package/bpk-component-icon/lg/center-location.js +37 -18
- package/bpk-component-icon/lg/chart.js +37 -18
- package/bpk-component-icon/lg/chauffeur.js +37 -18
- package/bpk-component-icon/lg/chevron-down.js +37 -18
- package/bpk-component-icon/lg/chevron-left.js +37 -18
- package/bpk-component-icon/lg/chevron-right.js +37 -18
- package/bpk-component-icon/lg/chevron-up.js +37 -18
- package/bpk-component-icon/lg/child-seat.js +37 -18
- package/bpk-component-icon/lg/child.js +37 -18
- package/bpk-component-icon/lg/city-center.js +37 -18
- package/bpk-component-icon/lg/city.js +37 -18
- package/bpk-component-icon/lg/clean-policy.js +37 -18
- package/bpk-component-icon/lg/clean.js +41 -23
- package/bpk-component-icon/lg/cleaning-medical.js +37 -18
- package/bpk-component-icon/lg/cloakroom.js +41 -23
- package/bpk-component-icon/lg/close-circle.js +37 -18
- package/bpk-component-icon/lg/close.js +37 -18
- package/bpk-component-icon/lg/collapse.js +37 -18
- package/bpk-component-icon/lg/content--copy.js +39 -21
- package/bpk-component-icon/lg/content--event.js +37 -18
- package/bpk-component-icon/lg/content--guides.js +37 -18
- package/bpk-component-icon/lg/currency.js +37 -18
- package/bpk-component-icon/lg/data.js +39 -21
- package/bpk-component-icon/lg/deals.js +37 -18
- package/bpk-component-icon/lg/depart.js +39 -21
- package/bpk-component-icon/lg/device-mid.js +37 -18
- package/bpk-component-icon/lg/device-wide.js +37 -18
- package/bpk-component-icon/lg/direct.js +37 -18
- package/bpk-component-icon/lg/document-csv.js +37 -18
- package/bpk-component-icon/lg/document-pdf.js +37 -18
- package/bpk-component-icon/lg/download.js +39 -21
- package/bpk-component-icon/lg/duration.js +37 -18
- package/bpk-component-icon/lg/eco-leaf.js +37 -18
- package/bpk-component-icon/lg/edit.js +37 -18
- package/bpk-component-icon/lg/education.js +39 -21
- package/bpk-component-icon/lg/electric.js +37 -18
- package/bpk-component-icon/lg/end-call.js +37 -18
- package/bpk-component-icon/lg/estimated.js +37 -18
- package/bpk-component-icon/lg/exclamation-circle.js +37 -18
- package/bpk-component-icon/lg/exclamation.js +37 -18
- package/bpk-component-icon/lg/expand.js +37 -18
- package/bpk-component-icon/lg/explore.js +37 -18
- package/bpk-component-icon/lg/face--blank.js +37 -18
- package/bpk-component-icon/lg/face--happy.js +37 -18
- package/bpk-component-icon/lg/face--sad.js +37 -18
- package/bpk-component-icon/lg/face-id.js +37 -18
- package/bpk-component-icon/lg/face-mask.js +37 -18
- package/bpk-component-icon/lg/family.js +37 -18
- package/bpk-component-icon/lg/fast-track.js +39 -21
- package/bpk-component-icon/lg/fast-train.js +39 -21
- package/bpk-component-icon/lg/filter.js +38 -19
- package/bpk-component-icon/lg/fingerprint.js +37 -18
- package/bpk-component-icon/lg/flag.js +37 -18
- package/bpk-component-icon/lg/flask.js +37 -18
- package/bpk-component-icon/lg/flight-flexible.js +37 -18
- package/bpk-component-icon/lg/flight-landing.js +41 -23
- package/bpk-component-icon/lg/flight-takeoff.js +39 -21
- package/bpk-component-icon/lg/flight.js +39 -21
- package/bpk-component-icon/lg/food.js +37 -18
- package/bpk-component-icon/lg/gears-automatic-circle.js +37 -18
- package/bpk-component-icon/lg/gears-automatic.js +37 -18
- package/bpk-component-icon/lg/gears-manual-circle.js +37 -18
- package/bpk-component-icon/lg/gears-manual.js +37 -18
- package/bpk-component-icon/lg/globe.js +37 -18
- package/bpk-component-icon/lg/grid-layout.js +37 -18
- package/bpk-component-icon/lg/headset.js +37 -18
- package/bpk-component-icon/lg/health-fitness.js +37 -18
- package/bpk-component-icon/lg/heart--outline.js +37 -18
- package/bpk-component-icon/lg/heart.js +37 -18
- package/bpk-component-icon/lg/help-circle.js +37 -18
- package/bpk-component-icon/lg/help.js +37 -18
- package/bpk-component-icon/lg/hide.js +37 -18
- package/bpk-component-icon/lg/hotel-flexible.js +37 -18
- package/bpk-component-icon/lg/hotels--disabled-facilities.js +37 -18
- package/bpk-component-icon/lg/hotels--jacuzzi.js +37 -18
- package/bpk-component-icon/lg/hotels--pets-allowed.js +37 -18
- package/bpk-component-icon/lg/hotels--smoking.js +37 -18
- package/bpk-component-icon/lg/hotels.js +37 -18
- package/bpk-component-icon/lg/infant.js +37 -18
- package/bpk-component-icon/lg/information--language-alert.js +37 -18
- package/bpk-component-icon/lg/information--language-question.js +37 -18
- package/bpk-component-icon/lg/information--language.js +37 -18
- package/bpk-component-icon/lg/information-circle.js +37 -18
- package/bpk-component-icon/lg/information.js +37 -18
- package/bpk-component-icon/lg/insurance.js +37 -18
- package/bpk-component-icon/lg/key.js +37 -18
- package/bpk-component-icon/lg/keypad.js +37 -18
- package/bpk-component-icon/lg/landmark.js +37 -18
- package/bpk-component-icon/lg/language.js +37 -18
- package/bpk-component-icon/lg/legroom--extra.js +39 -21
- package/bpk-component-icon/lg/legroom--normal.js +39 -21
- package/bpk-component-icon/lg/legroom--reduced.js +39 -21
- package/bpk-component-icon/lg/leisure.js +37 -18
- package/bpk-component-icon/lg/lightning.js +37 -18
- package/bpk-component-icon/lg/list.js +37 -18
- package/bpk-component-icon/lg/location.js +37 -18
- package/bpk-component-icon/lg/lock.js +37 -18
- package/bpk-component-icon/lg/logout.js +39 -21
- package/bpk-component-icon/lg/long-arrow-down.js +37 -18
- package/bpk-component-icon/lg/long-arrow-left.js +37 -18
- package/bpk-component-icon/lg/long-arrow-right.js +37 -18
- package/bpk-component-icon/lg/long-arrow-up.js +37 -18
- package/bpk-component-icon/lg/lounge.js +39 -21
- package/bpk-component-icon/lg/luggageall.js +37 -18
- package/bpk-component-icon/lg/mail.js +39 -21
- package/bpk-component-icon/lg/map.js +37 -18
- package/bpk-component-icon/lg/meal.js +37 -18
- package/bpk-component-icon/lg/media.js +37 -18
- package/bpk-component-icon/lg/menu--horizontal.js +37 -18
- package/bpk-component-icon/lg/menu--vertical.js +37 -18
- package/bpk-component-icon/lg/menu.js +37 -18
- package/bpk-component-icon/lg/mileage.js +39 -21
- package/bpk-component-icon/lg/minus.js +37 -18
- package/bpk-component-icon/lg/mobile.js +37 -18
- package/bpk-component-icon/lg/money.js +37 -18
- package/bpk-component-icon/lg/multiple-bookings.js +37 -18
- package/bpk-component-icon/lg/music.js +37 -18
- package/bpk-component-icon/lg/mute.js +37 -18
- package/bpk-component-icon/lg/native-android--back.js +37 -18
- package/bpk-component-icon/lg/native-android--close.js +37 -18
- package/bpk-component-icon/lg/native-android--forward.js +37 -18
- package/bpk-component-icon/lg/native-ios-close.js +37 -18
- package/bpk-component-icon/lg/navigation.js +37 -18
- package/bpk-component-icon/lg/new-window.js +39 -21
- package/bpk-component-icon/lg/news.js +37 -18
- package/bpk-component-icon/lg/night.js +37 -18
- package/bpk-component-icon/lg/not-allowed.js +37 -18
- package/bpk-component-icon/lg/onsen.js +37 -18
- package/bpk-component-icon/lg/origin.js +37 -18
- package/bpk-component-icon/lg/paid.js +37 -18
- package/bpk-component-icon/lg/paperclip.js +37 -18
- package/bpk-component-icon/lg/parking.js +37 -18
- package/bpk-component-icon/lg/passport.js +37 -18
- package/bpk-component-icon/lg/pause.js +37 -18
- package/bpk-component-icon/lg/payment-card.js +37 -18
- package/bpk-component-icon/lg/petrol.js +37 -18
- package/bpk-component-icon/lg/phone-call.js +37 -18
- package/bpk-component-icon/lg/picture.js +37 -18
- package/bpk-component-icon/lg/pin.js +37 -18
- package/bpk-component-icon/lg/plane-seat.js +39 -21
- package/bpk-component-icon/lg/play.js +37 -18
- package/bpk-component-icon/lg/plus.js +37 -18
- package/bpk-component-icon/lg/policy.js +37 -18
- package/bpk-component-icon/lg/powerplug.js +37 -18
- package/bpk-component-icon/lg/ppe.js +37 -18
- package/bpk-component-icon/lg/price-alerts.js +37 -18
- package/bpk-component-icon/lg/price-tag.js +37 -18
- package/bpk-component-icon/lg/print.js +37 -18
- package/bpk-component-icon/lg/recent-searches.js +37 -18
- package/bpk-component-icon/lg/redo.js +37 -18
- package/bpk-component-icon/lg/refresh.js +37 -18
- package/bpk-component-icon/lg/return.js +39 -21
- package/bpk-component-icon/lg/room.js +37 -18
- package/bpk-component-icon/lg/scales.js +39 -21
- package/bpk-component-icon/lg/search.js +37 -18
- package/bpk-component-icon/lg/self-service.js +37 -18
- package/bpk-component-icon/lg/send-message.js +37 -18
- package/bpk-component-icon/lg/services.js +37 -18
- package/bpk-component-icon/lg/settings.js +37 -18
- package/bpk-component-icon/lg/share--android.js +37 -18
- package/bpk-component-icon/lg/share--ios.js +39 -21
- package/bpk-component-icon/lg/share.js +37 -18
- package/bpk-component-icon/lg/single-booking.js +37 -18
- package/bpk-component-icon/lg/social-distancing.js +39 -21
- package/bpk-component-icon/lg/social-like.js +37 -18
- package/bpk-component-icon/lg/sort-down.js +37 -18
- package/bpk-component-icon/lg/sort-up.js +37 -18
- package/bpk-component-icon/lg/sort.js +37 -18
- package/bpk-component-icon/lg/speaker.js +39 -21
- package/bpk-component-icon/lg/star-half.js +37 -18
- package/bpk-component-icon/lg/star-outline.js +37 -18
- package/bpk-component-icon/lg/star.js +37 -18
- package/bpk-component-icon/lg/stops.js +37 -18
- package/bpk-component-icon/lg/swap--horizontal.js +37 -18
- package/bpk-component-icon/lg/swap--vertical.js +37 -18
- package/bpk-component-icon/lg/swap.js +37 -18
- package/bpk-component-icon/lg/taxi.js +39 -21
- package/bpk-component-icon/lg/thumbs-down.js +37 -18
- package/bpk-component-icon/lg/thumbs-up.js +37 -18
- package/bpk-component-icon/lg/tick-circle.js +37 -18
- package/bpk-component-icon/lg/tick.js +37 -18
- package/bpk-component-icon/lg/ticket-flexible.js +37 -18
- package/bpk-component-icon/lg/ticket.js +37 -18
- package/bpk-component-icon/lg/time.js +37 -18
- package/bpk-component-icon/lg/toilets.js +37 -18
- package/bpk-component-icon/lg/train.js +37 -18
- package/bpk-component-icon/lg/transmission-automatic.js +37 -18
- package/bpk-component-icon/lg/transmission-manual.js +37 -18
- package/bpk-component-icon/lg/trash.js +37 -18
- package/bpk-component-icon/lg/trend--down.js +37 -18
- package/bpk-component-icon/lg/trend--steady.js +37 -18
- package/bpk-component-icon/lg/trend--will-rise.js +37 -18
- package/bpk-component-icon/lg/trend.js +37 -18
- package/bpk-component-icon/lg/trips.js +37 -18
- package/bpk-component-icon/lg/undo.js +37 -18
- package/bpk-component-icon/lg/unlock.js +37 -18
- package/bpk-component-icon/lg/unmute.js +39 -21
- package/bpk-component-icon/lg/upgrade.js +37 -18
- package/bpk-component-icon/lg/upload.js +38 -19
- package/bpk-component-icon/lg/use-location.js +37 -18
- package/bpk-component-icon/lg/view.js +37 -18
- package/bpk-component-icon/lg/virus.js +37 -18
- package/bpk-component-icon/lg/wallet.js +39 -21
- package/bpk-component-icon/lg/weather--clear.js +37 -18
- package/bpk-component-icon/lg/weather--cloudy.js +39 -21
- package/bpk-component-icon/lg/weather--fog.js +37 -18
- package/bpk-component-icon/lg/weather--partly-cloudy.js +39 -21
- package/bpk-component-icon/lg/weather--rain.js +41 -23
- package/bpk-component-icon/lg/weather--snow.js +37 -18
- package/bpk-component-icon/lg/weather--thunderstorm.js +41 -23
- package/bpk-component-icon/lg/weather--tornado.js +37 -18
- package/bpk-component-icon/lg/weather--wind.js +37 -18
- package/bpk-component-icon/lg/weather.js +37 -18
- package/bpk-component-icon/lg/wifi.js +37 -18
- package/bpk-component-icon/lg/window--reduce.js +39 -21
- package/bpk-component-icon/lg/window.js +37 -18
- package/bpk-component-icon/lg/world--amer.js +37 -18
- package/bpk-component-icon/lg/world--apac.js +37 -18
- package/bpk-component-icon/lg/world--emea.js +39 -21
- package/bpk-component-icon/sm/accessibility.js +38 -19
- package/bpk-component-icon/sm/account--add.js +38 -19
- package/bpk-component-icon/sm/account--female.js +38 -19
- package/bpk-component-icon/sm/account--id-card.js +38 -19
- package/bpk-component-icon/sm/account--name.js +38 -19
- package/bpk-component-icon/sm/account--permit.js +38 -19
- package/bpk-component-icon/sm/account-circle.js +38 -19
- package/bpk-component-icon/sm/account.js +38 -19
- package/bpk-component-icon/sm/add-circle.js +38 -19
- package/bpk-component-icon/sm/adult.js +38 -19
- package/bpk-component-icon/sm/ai.js +39 -20
- package/bpk-component-icon/sm/aircon.js +38 -19
- package/bpk-component-icon/sm/aircraft.js +40 -22
- package/bpk-component-icon/sm/airline--multiple.js +38 -19
- package/bpk-component-icon/sm/airline.js +38 -19
- package/bpk-component-icon/sm/airports.js +38 -19
- package/bpk-component-icon/sm/alert--active.js +38 -19
- package/bpk-component-icon/sm/alert--add.js +38 -19
- package/bpk-component-icon/sm/alert--expired.js +38 -19
- package/bpk-component-icon/sm/alert--remove.js +38 -19
- package/bpk-component-icon/sm/arrow-down.js +38 -19
- package/bpk-component-icon/sm/arrow-left.js +38 -19
- package/bpk-component-icon/sm/arrow-right.js +38 -19
- package/bpk-component-icon/sm/arrow-up.js +38 -19
- package/bpk-component-icon/sm/award.js +38 -19
- package/bpk-component-icon/sm/baby-carriage.js +38 -19
- package/bpk-component-icon/sm/baggage--add.js +38 -19
- package/bpk-component-icon/sm/baggage--remove.js +38 -19
- package/bpk-component-icon/sm/baggage-cabin-add.js +38 -19
- package/bpk-component-icon/sm/baggage-cabin-not-included.js +40 -21
- package/bpk-component-icon/sm/baggage-cabin.js +38 -19
- package/bpk-component-icon/sm/baggage-checked-add.js +38 -19
- package/bpk-component-icon/sm/baggage-checked-not-included.js +40 -21
- package/bpk-component-icon/sm/baggage-checked.js +38 -19
- package/bpk-component-icon/sm/baggage-cross.js +38 -19
- package/bpk-component-icon/sm/baggage-generic.js +40 -21
- package/bpk-component-icon/sm/baggage-tick.js +38 -19
- package/bpk-component-icon/sm/baggage.js +38 -19
- package/bpk-component-icon/sm/bar.js +38 -19
- package/bpk-component-icon/sm/beach.js +40 -22
- package/bpk-component-icon/sm/beer.js +38 -19
- package/bpk-component-icon/sm/breakfast-cross.js +38 -19
- package/bpk-component-icon/sm/breakfast-tick.js +38 -19
- package/bpk-component-icon/sm/bus.js +40 -22
- package/bpk-component-icon/sm/business.js +38 -19
- package/bpk-component-icon/sm/cafe.js +38 -19
- package/bpk-component-icon/sm/calendar.js +38 -19
- package/bpk-component-icon/sm/call-back.js +40 -22
- package/bpk-component-icon/sm/camera.js +38 -19
- package/bpk-component-icon/sm/camper-van.js +40 -22
- package/bpk-component-icon/sm/car-door.js +38 -19
- package/bpk-component-icon/sm/car-wash.js +40 -22
- package/bpk-component-icon/sm/cars-flexible.js +38 -19
- package/bpk-component-icon/sm/cars.js +40 -22
- package/bpk-component-icon/sm/center-location.js +38 -19
- package/bpk-component-icon/sm/chart.js +38 -19
- package/bpk-component-icon/sm/chauffeur.js +40 -22
- package/bpk-component-icon/sm/chevron-down.js +38 -19
- package/bpk-component-icon/sm/chevron-left.js +38 -19
- package/bpk-component-icon/sm/chevron-right.js +38 -19
- package/bpk-component-icon/sm/chevron-up.js +38 -19
- package/bpk-component-icon/sm/child-seat.js +38 -19
- package/bpk-component-icon/sm/child.js +38 -19
- package/bpk-component-icon/sm/city-center.js +38 -19
- package/bpk-component-icon/sm/city.js +38 -19
- package/bpk-component-icon/sm/clean-policy.js +38 -19
- package/bpk-component-icon/sm/clean.js +40 -22
- package/bpk-component-icon/sm/cleaning-medical.js +38 -19
- package/bpk-component-icon/sm/cloakroom.js +38 -19
- package/bpk-component-icon/sm/close-circle.js +38 -19
- package/bpk-component-icon/sm/close.js +38 -19
- package/bpk-component-icon/sm/collapse.js +38 -19
- package/bpk-component-icon/sm/content--copy.js +40 -22
- package/bpk-component-icon/sm/content--event.js +38 -19
- package/bpk-component-icon/sm/content--guides.js +38 -19
- package/bpk-component-icon/sm/currency.js +38 -19
- package/bpk-component-icon/sm/data.js +40 -22
- package/bpk-component-icon/sm/deals.js +38 -19
- package/bpk-component-icon/sm/depart.js +42 -24
- package/bpk-component-icon/sm/device-mid.js +38 -19
- package/bpk-component-icon/sm/device-wide.js +38 -19
- package/bpk-component-icon/sm/direct.js +40 -22
- package/bpk-component-icon/sm/document-csv.js +38 -19
- package/bpk-component-icon/sm/document-pdf.js +38 -19
- package/bpk-component-icon/sm/download.js +40 -22
- package/bpk-component-icon/sm/duration.js +38 -19
- package/bpk-component-icon/sm/eco-leaf.js +38 -19
- package/bpk-component-icon/sm/edit.js +38 -19
- package/bpk-component-icon/sm/education.js +40 -22
- package/bpk-component-icon/sm/electric.js +38 -19
- package/bpk-component-icon/sm/end-call.js +38 -19
- package/bpk-component-icon/sm/estimated.js +38 -19
- package/bpk-component-icon/sm/exclamation-circle.js +38 -19
- package/bpk-component-icon/sm/exclamation.js +38 -19
- package/bpk-component-icon/sm/expand.js +38 -19
- package/bpk-component-icon/sm/explore.js +38 -19
- package/bpk-component-icon/sm/face--blank.js +38 -19
- package/bpk-component-icon/sm/face--happy.js +38 -19
- package/bpk-component-icon/sm/face--sad.js +38 -19
- package/bpk-component-icon/sm/face-id.js +38 -19
- package/bpk-component-icon/sm/face-mask.js +38 -19
- package/bpk-component-icon/sm/family.js +38 -19
- package/bpk-component-icon/sm/fast-track.js +40 -22
- package/bpk-component-icon/sm/fast-train.js +40 -22
- package/bpk-component-icon/sm/filter.js +39 -20
- package/bpk-component-icon/sm/fingerprint.js +38 -19
- package/bpk-component-icon/sm/flag.js +38 -19
- package/bpk-component-icon/sm/flask.js +38 -19
- package/bpk-component-icon/sm/flight-flexible.js +38 -19
- package/bpk-component-icon/sm/flight-landing.js +42 -24
- package/bpk-component-icon/sm/flight-takeoff.js +40 -22
- package/bpk-component-icon/sm/flight.js +40 -22
- package/bpk-component-icon/sm/food.js +38 -19
- package/bpk-component-icon/sm/gears-automatic-circle.js +38 -19
- package/bpk-component-icon/sm/gears-automatic.js +38 -19
- package/bpk-component-icon/sm/gears-manual-circle.js +38 -19
- package/bpk-component-icon/sm/gears-manual.js +38 -19
- package/bpk-component-icon/sm/globe.js +38 -19
- package/bpk-component-icon/sm/grid-layout.js +38 -19
- package/bpk-component-icon/sm/headset.js +38 -19
- package/bpk-component-icon/sm/health-fitness.js +38 -19
- package/bpk-component-icon/sm/heart--outline.js +38 -19
- package/bpk-component-icon/sm/heart.js +38 -19
- package/bpk-component-icon/sm/help-circle.js +38 -19
- package/bpk-component-icon/sm/help.js +38 -19
- package/bpk-component-icon/sm/hide.js +38 -19
- package/bpk-component-icon/sm/hotel-flexible.js +38 -19
- package/bpk-component-icon/sm/hotels--disabled-facilities.js +38 -19
- package/bpk-component-icon/sm/hotels--jacuzzi.js +40 -22
- package/bpk-component-icon/sm/hotels--pets-allowed.js +38 -19
- package/bpk-component-icon/sm/hotels--smoking.js +38 -19
- package/bpk-component-icon/sm/hotels.js +38 -19
- package/bpk-component-icon/sm/infant.js +40 -22
- package/bpk-component-icon/sm/information--language-alert.js +38 -19
- package/bpk-component-icon/sm/information--language-question.js +38 -19
- package/bpk-component-icon/sm/information--language.js +38 -19
- package/bpk-component-icon/sm/information-circle.js +38 -19
- package/bpk-component-icon/sm/information.js +38 -19
- package/bpk-component-icon/sm/insurance.js +38 -19
- package/bpk-component-icon/sm/key.js +38 -19
- package/bpk-component-icon/sm/keypad.js +38 -19
- package/bpk-component-icon/sm/landmark.js +38 -19
- package/bpk-component-icon/sm/language.js +38 -19
- package/bpk-component-icon/sm/legroom--extra.js +40 -22
- package/bpk-component-icon/sm/legroom--normal.js +40 -22
- package/bpk-component-icon/sm/legroom--reduced.js +40 -22
- package/bpk-component-icon/sm/leisure.js +38 -19
- package/bpk-component-icon/sm/lightning.js +38 -19
- package/bpk-component-icon/sm/list.js +38 -19
- package/bpk-component-icon/sm/location.js +38 -19
- package/bpk-component-icon/sm/lock.js +38 -19
- package/bpk-component-icon/sm/logout.js +40 -22
- package/bpk-component-icon/sm/long-arrow-down.js +39 -20
- package/bpk-component-icon/sm/long-arrow-left.js +39 -20
- package/bpk-component-icon/sm/long-arrow-right.js +39 -20
- package/bpk-component-icon/sm/long-arrow-up.js +39 -20
- package/bpk-component-icon/sm/lounge.js +38 -19
- package/bpk-component-icon/sm/luggageall.js +38 -19
- package/bpk-component-icon/sm/mail.js +40 -22
- package/bpk-component-icon/sm/map.js +38 -19
- package/bpk-component-icon/sm/meal.js +38 -19
- package/bpk-component-icon/sm/media.js +38 -19
- package/bpk-component-icon/sm/menu--horizontal.js +38 -19
- package/bpk-component-icon/sm/menu--vertical.js +38 -19
- package/bpk-component-icon/sm/menu.js +38 -19
- package/bpk-component-icon/sm/mileage.js +40 -22
- package/bpk-component-icon/sm/minus.js +38 -19
- package/bpk-component-icon/sm/mobile.js +38 -19
- package/bpk-component-icon/sm/money.js +38 -19
- package/bpk-component-icon/sm/multiple-bookings.js +38 -19
- package/bpk-component-icon/sm/music.js +38 -19
- package/bpk-component-icon/sm/mute.js +38 -19
- package/bpk-component-icon/sm/native-android--back.js +38 -19
- package/bpk-component-icon/sm/native-android--close.js +38 -19
- package/bpk-component-icon/sm/native-android--forward.js +38 -19
- package/bpk-component-icon/sm/native-ios-close.js +38 -19
- package/bpk-component-icon/sm/navigation.js +38 -19
- package/bpk-component-icon/sm/new-window.js +44 -26
- package/bpk-component-icon/sm/news.js +38 -19
- package/bpk-component-icon/sm/night.js +38 -19
- package/bpk-component-icon/sm/not-allowed.js +38 -19
- package/bpk-component-icon/sm/onsen.js +40 -22
- package/bpk-component-icon/sm/origin.js +38 -19
- package/bpk-component-icon/sm/paid.js +38 -19
- package/bpk-component-icon/sm/paperclip.js +38 -19
- package/bpk-component-icon/sm/parking.js +38 -19
- package/bpk-component-icon/sm/passport.js +38 -19
- package/bpk-component-icon/sm/pause.js +38 -19
- package/bpk-component-icon/sm/payment-card.js +38 -19
- package/bpk-component-icon/sm/petrol.js +38 -19
- package/bpk-component-icon/sm/phone-call.js +38 -19
- package/bpk-component-icon/sm/picture.js +38 -19
- package/bpk-component-icon/sm/pin.js +38 -19
- package/bpk-component-icon/sm/plane-seat.js +40 -22
- package/bpk-component-icon/sm/play.js +38 -19
- package/bpk-component-icon/sm/plus.js +38 -19
- package/bpk-component-icon/sm/policy.js +38 -19
- package/bpk-component-icon/sm/powerplug.js +38 -19
- package/bpk-component-icon/sm/ppe.js +38 -19
- package/bpk-component-icon/sm/price-alerts.js +38 -19
- package/bpk-component-icon/sm/price-tag.js +38 -19
- package/bpk-component-icon/sm/print.js +38 -19
- package/bpk-component-icon/sm/recent-searches.js +38 -19
- package/bpk-component-icon/sm/redo.js +38 -19
- package/bpk-component-icon/sm/refresh.js +38 -19
- package/bpk-component-icon/sm/return.js +42 -24
- package/bpk-component-icon/sm/room.js +38 -19
- package/bpk-component-icon/sm/scales.js +38 -19
- package/bpk-component-icon/sm/search.js +38 -19
- package/bpk-component-icon/sm/self-service.js +38 -19
- package/bpk-component-icon/sm/send-message.js +38 -19
- package/bpk-component-icon/sm/services.js +38 -19
- package/bpk-component-icon/sm/settings.js +38 -19
- package/bpk-component-icon/sm/share--android.js +38 -19
- package/bpk-component-icon/sm/share--ios.js +42 -24
- package/bpk-component-icon/sm/share.js +38 -19
- package/bpk-component-icon/sm/single-booking.js +38 -19
- package/bpk-component-icon/sm/social-distancing.js +40 -22
- package/bpk-component-icon/sm/social-like.js +38 -19
- package/bpk-component-icon/sm/sort-down.js +38 -19
- package/bpk-component-icon/sm/sort-up.js +38 -19
- package/bpk-component-icon/sm/sort.js +38 -19
- package/bpk-component-icon/sm/speaker.js +38 -19
- package/bpk-component-icon/sm/star-half.js +38 -19
- package/bpk-component-icon/sm/star-outline.js +38 -19
- package/bpk-component-icon/sm/star.js +38 -19
- package/bpk-component-icon/sm/stops.js +38 -19
- package/bpk-component-icon/sm/swap--horizontal.js +39 -20
- package/bpk-component-icon/sm/swap--vertical.js +38 -19
- package/bpk-component-icon/sm/swap.js +39 -20
- package/bpk-component-icon/sm/taxi.js +40 -22
- package/bpk-component-icon/sm/thumbs-down.js +38 -19
- package/bpk-component-icon/sm/thumbs-up.js +38 -19
- package/bpk-component-icon/sm/tick-circle.js +38 -19
- package/bpk-component-icon/sm/tick.js +38 -19
- package/bpk-component-icon/sm/ticket-flexible.js +38 -19
- package/bpk-component-icon/sm/ticket.js +38 -19
- package/bpk-component-icon/sm/time.js +38 -19
- package/bpk-component-icon/sm/toilets.js +38 -19
- package/bpk-component-icon/sm/train.js +38 -19
- package/bpk-component-icon/sm/transmission-automatic.js +38 -19
- package/bpk-component-icon/sm/transmission-manual.js +38 -19
- package/bpk-component-icon/sm/trash.js +38 -19
- package/bpk-component-icon/sm/trend--down.js +38 -19
- package/bpk-component-icon/sm/trend--steady.js +39 -20
- package/bpk-component-icon/sm/trend--will-rise.js +38 -19
- package/bpk-component-icon/sm/trend.js +38 -19
- package/bpk-component-icon/sm/trips.js +38 -19
- package/bpk-component-icon/sm/undo.js +38 -19
- package/bpk-component-icon/sm/unlock.js +38 -19
- package/bpk-component-icon/sm/unmute.js +40 -22
- package/bpk-component-icon/sm/upgrade.js +38 -19
- package/bpk-component-icon/sm/upload.js +39 -20
- package/bpk-component-icon/sm/use-location.js +38 -19
- package/bpk-component-icon/sm/view.js +38 -19
- package/bpk-component-icon/sm/virus.js +38 -19
- package/bpk-component-icon/sm/wallet.js +38 -19
- package/bpk-component-icon/sm/weather--clear.js +38 -19
- package/bpk-component-icon/sm/weather--cloudy.js +40 -22
- package/bpk-component-icon/sm/weather--fog.js +38 -19
- package/bpk-component-icon/sm/weather--partly-cloudy.js +38 -19
- package/bpk-component-icon/sm/weather--rain.js +40 -22
- package/bpk-component-icon/sm/weather--snow.js +38 -19
- package/bpk-component-icon/sm/weather--thunderstorm.js +42 -24
- package/bpk-component-icon/sm/weather--tornado.js +38 -19
- package/bpk-component-icon/sm/weather--wind.js +40 -22
- package/bpk-component-icon/sm/weather.js +38 -19
- package/bpk-component-icon/sm/wifi.js +38 -19
- package/bpk-component-icon/sm/window--reduce.js +40 -22
- package/bpk-component-icon/sm/window.js +38 -19
- package/bpk-component-icon/sm/world--amer.js +38 -19
- package/bpk-component-icon/sm/world--apac.js +38 -19
- package/bpk-component-icon/sm/world--emea.js +38 -19
- package/bpk-component-icon/src/classNameModifierHOCFactory.js +26 -13
- package/bpk-component-icon/src/withAlignment.js +32 -25
- package/bpk-component-icon/src/withDescription.js +35 -28
- package/bpk-component-icon/src/withRtlSupport.js +13 -5
- package/bpk-component-image/index.js +38 -8
- package/bpk-component-image/src/BpkBackgroundImage.js +80 -72
- package/bpk-component-image/src/BpkImage.js +110 -93
- package/bpk-component-image/src/BpkImageBorderRadiusStyles.js +8 -1
- package/bpk-component-image/src/withLazyLoading.js +98 -87
- package/bpk-component-image/src/withLoadingBehavior.js +41 -32
- package/bpk-component-infinite-scroll/index.js +26 -3
- package/bpk-component-infinite-scroll/src/DataSource.js +19 -5
- package/bpk-component-infinite-scroll/src/intersection-observer.js +2 -0
- package/bpk-component-infinite-scroll/src/withInfiniteScroll.js +218 -206
- package/bpk-component-input/index.js +49 -7
- package/bpk-component-input/src/BpkClearButton.js +36 -20
- package/bpk-component-input/src/BpkInput.js +65 -52
- package/bpk-component-input/src/common-types.js +32 -20
- package/bpk-component-input/src/themeAttributes.js +8 -2
- package/bpk-component-input/src/withOpenEvents.js +98 -83
- package/bpk-component-label/index.js +11 -2
- package/bpk-component-label/src/BpkLabel.js +42 -26
- package/bpk-component-link/index.js +33 -5
- package/bpk-component-link/src/BpkButtonLink.js +44 -22
- package/bpk-component-link/src/BpkLink.js +60 -30
- package/bpk-component-link/src/themeAttributes.js +10 -2
- package/bpk-component-list/index.js +20 -19
- package/bpk-component-list/src/BpkList.js +18 -10
- package/bpk-component-list/src/BpkListItem.js +17 -9
- package/bpk-component-loading-button/index.js +18 -3
- package/bpk-component-loading-button/src/BpkLoadingButton.js +66 -49
- package/bpk-component-map/index.js +60 -8
- package/bpk-component-map/src/BpkBasicMapMarker.js +32 -15
- package/bpk-component-map/src/BpkIconMarker.js +52 -36
- package/bpk-component-map/src/BpkIconMarkerBackground.js +37 -20
- package/bpk-component-map/src/BpkMap.js +41 -33
- package/bpk-component-map/src/BpkOverlayView.js +32 -15
- package/bpk-component-map/src/BpkPriceMarker.js +59 -40
- package/bpk-component-map/src/DefaultLoadingElement.js +17 -9
- package/bpk-component-map/src/common-types.js +13 -5
- package/bpk-component-map/src/themeAttributes.js +13 -4
- package/bpk-component-map/src/withGoogleMapsScript.js +38 -21
- package/bpk-component-mobile-scroll-container/index.js +11 -2
- package/bpk-component-mobile-scroll-container/src/BpkMobileScrollContainer.js +109 -91
- package/bpk-component-modal/index.js +37 -7
- package/bpk-component-modal/src/BpkModal.js +50 -35
- package/bpk-component-modal/src/BpkModalInner.js +28 -18
- package/bpk-component-modal/src/BpkModalV2/BpkModal.js +35 -26
- package/bpk-component-modal/src/customPropTypes.js +11 -3
- package/bpk-component-modal/src/legacy-prop-types.js +64 -52
- package/bpk-component-modal/src/themeAttributes.js +9 -3
- package/bpk-component-navigation-bar/index.js +32 -6
- package/bpk-component-navigation-bar/src/BpkNavigationBar.js +63 -47
- package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.js +43 -23
- package/bpk-component-navigation-bar/src/BpkNavigationBarIconButton.js +43 -24
- package/bpk-component-navigation-bar/src/themeAttributes.js +9 -1
- package/bpk-component-nudger/index.js +24 -6
- package/bpk-component-nudger/src/BpkConfigurableNudger.js +54 -40
- package/bpk-component-nudger/src/BpkNudger.js +38 -21
- package/bpk-component-nudger/src/common-types.js +5 -1
- package/bpk-component-nudger/src/themeAttributes.js +9 -3
- package/bpk-component-nudger-row/index.js +10 -3
- package/bpk-component-nudger-row/src/BpkNudgerRow.js +26 -16
- package/bpk-component-overlay/index.js +18 -3
- package/bpk-component-overlay/src/BpkOverlay.js +34 -19
- package/bpk-component-page-indicator/index.js +25 -4
- package/bpk-component-page-indicator/src/BpkPageIndicator.js +38 -28
- package/bpk-component-page-indicator/src/NavButton.js +26 -17
- package/bpk-component-pagination/index.js +17 -5
- package/bpk-component-pagination/src/BpkPagination.js +51 -37
- package/bpk-component-pagination/src/BpkPaginationBreak.js +13 -5
- package/bpk-component-pagination/src/BpkPaginationList.js +25 -17
- package/bpk-component-pagination/src/BpkPaginationNudger.js +28 -21
- package/bpk-component-pagination/src/BpkPaginationPage.js +21 -13
- package/bpk-component-pagination/src/themeAttributes.js +9 -2
- package/bpk-component-panel/index.js +10 -3
- package/bpk-component-panel/src/BpkPanel.js +36 -21
- package/bpk-component-phone-input/index.js +11 -2
- package/bpk-component-phone-input/src/BpkPhoneInput.js +95 -77
- package/bpk-component-popover/index.js +32 -4
- package/bpk-component-popover/src/BpkPopover.js +80 -65
- package/bpk-component-popover/src/BpkPopoverPortal.js +119 -104
- package/bpk-component-popover/src/constants.js +11 -3
- package/bpk-component-popover/src/keyboardFocusScope.js +14 -6
- package/bpk-component-popover/src/themeAttributes.js +10 -2
- package/bpk-component-price/index.js +24 -4
- package/bpk-component-price/src/BpkPrice.js +62 -45
- package/bpk-component-price/src/common-types.js +11 -3
- package/bpk-component-progress/index.js +18 -4
- package/bpk-component-progress/src/BpkProgress.js +91 -72
- package/bpk-component-progress/src/themeAttributes.js +9 -1
- package/bpk-component-radio/index.js +18 -4
- package/bpk-component-radio/src/BpkRadio.js +44 -29
- package/bpk-component-radio/src/themeAttributes.js +9 -1
- package/bpk-component-rating/index.js +24 -4
- package/bpk-component-rating/src/BpkRating.js +72 -54
- package/bpk-component-rating/src/common-types.js +11 -3
- package/bpk-component-rtl-toggle/index.js +17 -5
- package/bpk-component-rtl-toggle/src/BpkRtlToggle.js +50 -44
- package/bpk-component-rtl-toggle/src/updateOnDirectionChange.js +46 -34
- package/bpk-component-rtl-toggle/src/utils.js +9 -1
- package/bpk-component-scrollable-calendar/index.js +38 -8
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendar.js +12 -5
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarDate.js +44 -32
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.js +39 -23
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.js +112 -101
- package/bpk-component-scrollable-calendar/src/utils.js +11 -4
- package/bpk-component-scrollable-calendar/test-utils.js +31 -14
- package/bpk-component-section-header/index.js +17 -4
- package/bpk-component-section-header/src/BpkSectionHeader.js +20 -12
- package/bpk-component-section-list/index.js +25 -5
- package/bpk-component-section-list/src/BpkSectionList.js +26 -10
- package/bpk-component-section-list/src/BpkSectionListItem.js +52 -36
- package/bpk-component-section-list/src/BpkSectionListSection.js +40 -23
- package/bpk-component-select/index.js +18 -4
- package/bpk-component-select/src/BpkSelect.js +54 -39
- package/bpk-component-select/src/themeAttributes.js +8 -2
- package/bpk-component-skip-link/index.js +18 -4
- package/bpk-component-skip-link/src/BpkSkipLink.js +35 -18
- package/bpk-component-skip-link/src/themeAttributes.js +8 -2
- package/bpk-component-slider/index.js +17 -5
- package/bpk-component-slider/src/BpkSlider.js +30 -16
- package/bpk-component-slider/src/themeAttributes.js +8 -2
- package/bpk-component-spinner/index.js +41 -22
- package/bpk-component-spinner/src/BpkExtraLargeSpinner.js +49 -35
- package/bpk-component-spinner/src/BpkLargeSpinner.js +51 -37
- package/bpk-component-spinner/src/BpkSpinner.js +51 -37
- package/bpk-component-spinner/src/spinnerTypes.js +10 -2
- package/bpk-component-spinner/src/themeAttributes.js +9 -1
- package/bpk-component-split-input/index.js +18 -3
- package/bpk-component-split-input/src/BpkInputField.js +44 -27
- package/bpk-component-split-input/src/BpkSplitInput.js +217 -201
- package/bpk-component-star-rating/index.js +66 -8
- package/bpk-component-star-rating/src/BpkInteractiveStar.js +44 -28
- package/bpk-component-star-rating/src/BpkInteractiveStarRating.js +54 -37
- package/bpk-component-star-rating/src/BpkStar.js +59 -42
- package/bpk-component-star-rating/src/BpkStarRating.js +50 -30
- package/bpk-component-star-rating/src/themeAttributes.js +9 -1
- package/bpk-component-star-rating/src/withInteractiveStarRatingState.js +67 -55
- package/bpk-component-switch/index.js +18 -4
- package/bpk-component-switch/src/BpkSwitch.js +36 -21
- package/bpk-component-switch/src/themeAttributes.js +8 -2
- package/bpk-component-table/index.js +48 -23
- package/bpk-component-table/src/BpkTable.js +33 -16
- package/bpk-component-table/src/BpkTableBody.js +33 -22
- package/bpk-component-table/src/BpkTableCell.js +32 -15
- package/bpk-component-table/src/BpkTableHead.js +33 -22
- package/bpk-component-table/src/BpkTableHeadCell.js +30 -14
- package/bpk-component-table/src/BpkTableRow.js +33 -22
- package/bpk-component-text/index.js +17 -4
- package/bpk-component-text/src/BpkText.js +35 -18
- package/bpk-component-textarea/index.js +18 -4
- package/bpk-component-textarea/src/BpkTextarea.js +37 -21
- package/bpk-component-textarea/src/themeAttributes.js +9 -1
- package/bpk-component-theme-toggle/index.js +17 -5
- package/bpk-component-theme-toggle/src/BpkThemeToggle.js +79 -70
- package/bpk-component-theme-toggle/src/theming.js +47 -39
- package/bpk-component-theme-toggle/src/updateOnThemeChange.js +51 -41
- package/bpk-component-theme-toggle/src/utils.js +8 -1
- package/bpk-component-ticket/index.js +11 -2
- package/bpk-component-ticket/src/BpkTicket.js +56 -39
- package/bpk-component-tooltip/index.js +17 -5
- package/bpk-component-tooltip/src/BpkTooltip.js +41 -27
- package/bpk-component-tooltip/src/BpkTooltipPortal.js +116 -101
- package/bpk-component-tooltip/src/constants.js +13 -4
- package/bpk-mixins/sass-functions.js +29 -0
- package/bpk-react-utils/index.js +88 -22
- package/bpk-react-utils/src/Portal.js +48 -38
- package/bpk-react-utils/src/TransitionInitialMount.js +15 -6
- package/bpk-react-utils/src/cssModules.js +9 -3
- package/bpk-react-utils/src/deprecated.js +8 -1
- package/bpk-react-utils/src/deviceDetection.js +9 -1
- package/bpk-react-utils/src/isRTL.js +8 -1
- package/bpk-react-utils/src/withDefaultProps.js +34 -18
- package/bpk-react-utils/src/wrapDisplayName.js +8 -1
- package/bpk-scrim-utils/index.js +18 -6
- package/bpk-scrim-utils/src/BpkScrim.js +15 -7
- package/bpk-scrim-utils/src/scroll-utils.js +19 -7
- package/bpk-scrim-utils/src/withScrim.js +82 -65
- package/bpk-storybook-utils/index.js +26 -6
- package/bpk-storybook-utils/src/BpkDarkExampleWrapper.js +28 -12
- package/bpk-storybook-utils/src/BpkStorybookUtils.js +10 -3
- package/bpk-stylesheets/base.css +1670 -0
- package/bpk-stylesheets/base.js +171 -0
- package/bpk-stylesheets/build.js +46 -0
- package/bpk-stylesheets/font.css +18 -0
- package/bpk-stylesheets/font.js +3 -0
- package/bpk-stylesheets/index.css +18 -0
- package/bpk-stylesheets/index.js +38 -0
- package/bpk-stylesheets/license-header.js +32 -0
- package/bpk-stylesheets/webpack.config.babel.js +85 -0
- package/bpk-theming/index.js +10 -3
- package/bpk-theming/src/BpkThemeProvider.js +40 -29
- package/package.json +3 -2
- package/bpk-component-flare/src/corner-radius.d.ts +0 -6
- package/bpk-component-flare/src/pointer.d.ts +0 -6
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.RATING_SIZES = exports.RATING_SCALES = void 0;
|
|
1
7
|
/*
|
|
2
8
|
* Backpack - Skyscanner's Design System
|
|
3
9
|
*
|
|
@@ -14,11 +20,13 @@
|
|
|
14
20
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
21
|
* See the License for the specific language governing permissions and
|
|
16
22
|
* limitations under the License.
|
|
17
|
-
*/
|
|
23
|
+
*/const RATING_SIZES = {
|
|
18
24
|
base: 'base',
|
|
19
25
|
large: 'large'
|
|
20
26
|
};
|
|
21
|
-
|
|
27
|
+
exports.RATING_SIZES = RATING_SIZES;
|
|
28
|
+
const RATING_SCALES = {
|
|
22
29
|
zeroToFive: 'zeroToFive',
|
|
23
30
|
zeroToTen: 'zeroToTen'
|
|
24
|
-
};
|
|
31
|
+
};
|
|
32
|
+
exports.RATING_SCALES = RATING_SCALES;
|
|
@@ -1,3 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
Object.defineProperty(exports, "updateOnDirectionChange", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return _updateOnDirectionChange.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _BpkRtlToggle = _interopRequireDefault(require("./src/BpkRtlToggle"));
|
|
14
|
+
var _updateOnDirectionChange = _interopRequireDefault(require("./src/updateOnDirectionChange"));
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
16
|
/*
|
|
2
17
|
* Backpack - Skyscanner's Design System
|
|
3
18
|
*
|
|
@@ -15,8 +30,5 @@
|
|
|
15
30
|
* See the License for the specific language governing permissions and
|
|
16
31
|
* limitations under the License.
|
|
17
32
|
*/
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
import updateOnDirectionChange from "./src/updateOnDirectionChange";
|
|
21
|
-
export default BpkRtlToggle;
|
|
22
|
-
export { updateOnDirectionChange };
|
|
33
|
+
var _default = _BpkRtlToggle.default;
|
|
34
|
+
exports.default = _default;
|
|
@@ -1,41 +1,59 @@
|
|
|
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
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _bpkComponentLink = require("../../bpk-component-link");
|
|
9
|
+
var _utils = require("./utils");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
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; }
|
|
12
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
13
|
+
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); } /*
|
|
14
|
+
* Backpack - Skyscanner's Design System
|
|
15
|
+
*
|
|
16
|
+
* Copyright 2016 Skyscanner Ltd
|
|
17
|
+
*
|
|
18
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
19
|
+
* you may not use this file except in compliance with the License.
|
|
20
|
+
* You may obtain a copy of the License at
|
|
21
|
+
*
|
|
22
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
23
|
+
*
|
|
24
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
25
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
26
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
27
|
+
* See the License for the specific language governing permissions and
|
|
28
|
+
* limitations under the License.
|
|
29
|
+
*/ // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
|
|
25
30
|
const getDirection = () => {
|
|
26
|
-
const htmlElement = getHtmlElement();
|
|
27
|
-
return htmlElement instanceof HTMLElement ? htmlElement.dir : DIRECTIONS.LTR;
|
|
31
|
+
const htmlElement = (0, _utils.getHtmlElement)();
|
|
32
|
+
return htmlElement instanceof HTMLElement ? htmlElement.dir : _utils.DIRECTIONS.LTR;
|
|
28
33
|
};
|
|
29
34
|
const setDirection = direction => {
|
|
30
|
-
const htmlElement = getHtmlElement();
|
|
35
|
+
const htmlElement = (0, _utils.getHtmlElement)();
|
|
31
36
|
if (htmlElement instanceof HTMLElement) {
|
|
32
37
|
htmlElement.dir = direction;
|
|
33
|
-
htmlElement.dispatchEvent(new Event(DIRECTION_CHANGE_EVENT));
|
|
38
|
+
htmlElement.dispatchEvent(new Event(_utils.DIRECTION_CHANGE_EVENT));
|
|
34
39
|
}
|
|
35
40
|
};
|
|
36
|
-
class BpkRtlToggle extends Component {
|
|
41
|
+
class BpkRtlToggle extends _react.Component {
|
|
37
42
|
constructor(props) {
|
|
38
43
|
super(props);
|
|
44
|
+
_defineProperty(this, "handleKeyDown", e => {
|
|
45
|
+
if (e.ctrlKey && e.metaKey && e.key.toLowerCase() === 'r') {
|
|
46
|
+
this.toggleRtl(e);
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
_defineProperty(this, "toggleRtl", e => {
|
|
50
|
+
e.preventDefault();
|
|
51
|
+
const direction = getDirection() === _utils.DIRECTIONS.RTL ? _utils.DIRECTIONS.LTR : _utils.DIRECTIONS.RTL;
|
|
52
|
+
setDirection(direction);
|
|
53
|
+
this.setState({
|
|
54
|
+
direction
|
|
55
|
+
});
|
|
56
|
+
});
|
|
39
57
|
this.state = {
|
|
40
58
|
direction: getDirection()
|
|
41
59
|
};
|
|
@@ -46,25 +64,12 @@ class BpkRtlToggle extends Component {
|
|
|
46
64
|
componentWillUnmount() {
|
|
47
65
|
document.removeEventListener('keydown', this.handleKeyDown);
|
|
48
66
|
}
|
|
49
|
-
handleKeyDown = e => {
|
|
50
|
-
if (e.ctrlKey && e.metaKey && e.key.toLowerCase() === 'r') {
|
|
51
|
-
this.toggleRtl(e);
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
toggleRtl = e => {
|
|
55
|
-
e.preventDefault();
|
|
56
|
-
const direction = getDirection() === DIRECTIONS.RTL ? DIRECTIONS.LTR : DIRECTIONS.RTL;
|
|
57
|
-
setDirection(direction);
|
|
58
|
-
this.setState({
|
|
59
|
-
direction
|
|
60
|
-
});
|
|
61
|
-
};
|
|
62
67
|
render() {
|
|
63
68
|
const {
|
|
64
69
|
className
|
|
65
70
|
} = this.props;
|
|
66
|
-
const onOrOff = this.state.direction === DIRECTIONS.RTL ? 'off' : 'on';
|
|
67
|
-
return /*#__PURE__*/
|
|
71
|
+
const onOrOff = this.state.direction === _utils.DIRECTIONS.RTL ? 'off' : 'on';
|
|
72
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_bpkComponentLink.BpkButtonLink, {
|
|
68
73
|
title: "Keyboard Shortcut: ctrl + cmd + r",
|
|
69
74
|
onClick: this.toggleRtl,
|
|
70
75
|
className: className,
|
|
@@ -72,4 +77,5 @@ class BpkRtlToggle extends Component {
|
|
|
72
77
|
});
|
|
73
78
|
}
|
|
74
79
|
}
|
|
75
|
-
|
|
80
|
+
var _default = BpkRtlToggle;
|
|
81
|
+
exports.default = _default;
|
|
@@ -1,49 +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
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
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 _utils = require("./utils");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
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; }
|
|
12
|
+
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; }
|
|
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
|
+
*/
|
|
23
32
|
const updateOnDirectionChange = EnhancedComponent => {
|
|
24
|
-
class UpdateOnDirectionChange extends Component {
|
|
33
|
+
class UpdateOnDirectionChange extends _react.Component {
|
|
34
|
+
constructor(...args) {
|
|
35
|
+
super(...args);
|
|
36
|
+
_defineProperty(this, "onDirectionChange", () => {
|
|
37
|
+
this.forceUpdate();
|
|
38
|
+
});
|
|
39
|
+
}
|
|
25
40
|
componentDidMount() {
|
|
26
|
-
const htmlElement = getHtmlElement();
|
|
41
|
+
const htmlElement = (0, _utils.getHtmlElement)();
|
|
27
42
|
if (htmlElement instanceof HTMLElement) {
|
|
28
|
-
htmlElement.addEventListener(DIRECTION_CHANGE_EVENT, this.onDirectionChange, false);
|
|
43
|
+
htmlElement.addEventListener(_utils.DIRECTION_CHANGE_EVENT, this.onDirectionChange, false);
|
|
29
44
|
}
|
|
30
45
|
}
|
|
31
46
|
componentWillUnmount() {
|
|
32
|
-
const htmlElement = getHtmlElement();
|
|
47
|
+
const htmlElement = (0, _utils.getHtmlElement)();
|
|
33
48
|
if (htmlElement instanceof HTMLElement) {
|
|
34
|
-
htmlElement.removeEventListener(DIRECTION_CHANGE_EVENT, this.onDirectionChange, false);
|
|
49
|
+
htmlElement.removeEventListener(_utils.DIRECTION_CHANGE_EVENT, this.onDirectionChange, false);
|
|
35
50
|
}
|
|
36
51
|
}
|
|
37
|
-
onDirectionChange = () => {
|
|
38
|
-
this.forceUpdate();
|
|
39
|
-
};
|
|
40
52
|
render() {
|
|
41
|
-
return /*#__PURE__*/
|
|
42
|
-
...this.props
|
|
43
|
-
});
|
|
53
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(EnhancedComponent, _objectSpread({}, this.props));
|
|
44
54
|
}
|
|
45
55
|
}
|
|
46
|
-
UpdateOnDirectionChange
|
|
56
|
+
_defineProperty(UpdateOnDirectionChange, "displayName", void 0);
|
|
57
|
+
UpdateOnDirectionChange.displayName = (0, _bpkReactUtils.wrapDisplayName)(EnhancedComponent, 'updateOnDirectionChange');
|
|
47
58
|
return UpdateOnDirectionChange;
|
|
48
59
|
};
|
|
49
|
-
|
|
60
|
+
var _default = updateOnDirectionChange;
|
|
61
|
+
exports.default = _default;
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getHtmlElement = exports.DIRECTION_CHANGE_EVENT = exports.DIRECTIONS = void 0;
|
|
1
7
|
/*
|
|
2
8
|
* Backpack - Skyscanner's Design System
|
|
3
9
|
*
|
|
@@ -20,6 +26,8 @@ const DIRECTIONS = {
|
|
|
20
26
|
LTR: 'ltr',
|
|
21
27
|
RTL: 'rtl'
|
|
22
28
|
};
|
|
29
|
+
exports.DIRECTIONS = DIRECTIONS;
|
|
23
30
|
const DIRECTION_CHANGE_EVENT = 'bpkchangedirection';
|
|
31
|
+
exports.DIRECTION_CHANGE_EVENT = DIRECTION_CHANGE_EVENT;
|
|
24
32
|
const getHtmlElement = () => typeof document !== 'undefined' ? document.querySelector('html') : {};
|
|
25
|
-
|
|
33
|
+
exports.getHtmlElement = getHtmlElement;
|
|
@@ -1,3 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "BpkScrollableCalendarDate", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _BpkScrollableCalendarDate.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "BpkScrollableCalendarGrid", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _BpkScrollableCalendarGrid.default;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "BpkScrollableCalendarGridList", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _BpkScrollableCalendarGridList.default;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "CALENDAR_SELECTION_TYPE", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () {
|
|
27
|
+
return _bpkComponentCalendar.CALENDAR_SELECTION_TYPE;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
exports.default = void 0;
|
|
31
|
+
var _bpkComponentCalendar = require("../bpk-component-calendar");
|
|
32
|
+
var _BpkScrollableCalendar = _interopRequireDefault(require("./src/BpkScrollableCalendar"));
|
|
33
|
+
var _BpkScrollableCalendarDate = _interopRequireDefault(require("./src/BpkScrollableCalendarDate"));
|
|
34
|
+
var _BpkScrollableCalendarGrid = _interopRequireDefault(require("./src/BpkScrollableCalendarGrid"));
|
|
35
|
+
var _BpkScrollableCalendarGridList = _interopRequireDefault(require("./src/BpkScrollableCalendarGridList"));
|
|
36
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
37
|
/*
|
|
2
38
|
* Backpack - Skyscanner's Design System
|
|
3
39
|
*
|
|
@@ -15,11 +51,5 @@
|
|
|
15
51
|
* See the License for the specific language governing permissions and
|
|
16
52
|
* limitations under the License.
|
|
17
53
|
*/
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
import BpkScrollableCalendar from "./src/BpkScrollableCalendar";
|
|
21
|
-
import BpkScrollableCalendarDate from "./src/BpkScrollableCalendarDate";
|
|
22
|
-
import BpkScrollableCalendarGrid from "./src/BpkScrollableCalendarGrid";
|
|
23
|
-
import BpkScrollableCalendarGridList from "./src/BpkScrollableCalendarGridList";
|
|
24
|
-
export default BpkScrollableCalendar;
|
|
25
|
-
export { CALENDAR_SELECTION_TYPE, BpkScrollableCalendarDate, BpkScrollableCalendarGrid, BpkScrollableCalendarGridList };
|
|
54
|
+
var _default = _BpkScrollableCalendar.default;
|
|
55
|
+
exports.default = _default;
|
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _bpkComponentCalendar = require("../../bpk-component-calendar");
|
|
8
|
+
var _BpkScrollableCalendarDate = _interopRequireDefault(require("./BpkScrollableCalendarDate"));
|
|
9
|
+
var _BpkScrollableCalendarGridList = _interopRequireDefault(require("./BpkScrollableCalendarGridList"));
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
11
|
/*
|
|
2
12
|
* Backpack - Skyscanner's Design System
|
|
3
13
|
*
|
|
@@ -15,8 +25,5 @@
|
|
|
15
25
|
* See the License for the specific language governing permissions and
|
|
16
26
|
* limitations under the License.
|
|
17
27
|
*/
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
import BpkscrollableCalendarDate from "./BpkScrollableCalendarDate";
|
|
21
|
-
import BpkScrollableCalendarGridList from "./BpkScrollableCalendarGridList";
|
|
22
|
-
export default withCalendarState(composeCalendar(null, BpkCalendarGridHeader, BpkScrollableCalendarGridList, BpkscrollableCalendarDate));
|
|
28
|
+
var _default = (0, _bpkComponentCalendar.withCalendarState)((0, _bpkComponentCalendar.composeCalendar)(null, _bpkComponentCalendar.BpkCalendarGridHeader, _BpkScrollableCalendarGridList.default, _BpkScrollableCalendarDate.default));
|
|
29
|
+
exports.default = _default;
|
|
@@ -1,37 +1,49 @@
|
|
|
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
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _bpkComponentCalendar = require("../../bpk-component-calendar");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const _excluded = ["isOutside"];
|
|
11
|
+
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; }
|
|
12
|
+
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; }
|
|
13
|
+
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; }
|
|
14
|
+
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; }
|
|
15
|
+
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; }
|
|
16
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
17
|
+
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); } /*
|
|
18
|
+
* Backpack - Skyscanner's Design System
|
|
19
|
+
*
|
|
20
|
+
* Copyright 2016 Skyscanner Ltd
|
|
21
|
+
*
|
|
22
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
23
|
+
* you may not use this file except in compliance with the License.
|
|
24
|
+
* You may obtain a copy of the License at
|
|
25
|
+
*
|
|
26
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
27
|
+
*
|
|
28
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
29
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
30
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
31
|
+
* See the License for the specific language governing permissions and
|
|
32
|
+
* limitations under the License.
|
|
33
|
+
*/
|
|
34
|
+
class BpkScrollableCalendarDate extends _react.PureComponent {
|
|
26
35
|
render() {
|
|
27
|
-
const
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
36
|
+
const _this$props = this.props,
|
|
37
|
+
{
|
|
38
|
+
isOutside
|
|
39
|
+
} = _this$props,
|
|
40
|
+
rest = _objectWithoutProperties(_this$props, _excluded);
|
|
31
41
|
// Returning null when isOutside is true ensures only focused month displays in grid
|
|
32
|
-
return !isOutside ? /*#__PURE__*/
|
|
33
|
-
...rest
|
|
34
|
-
}) : null;
|
|
42
|
+
return !isOutside ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentCalendar.BpkCalendarDate, _objectSpread({}, rest)) : null;
|
|
35
43
|
}
|
|
36
44
|
}
|
|
37
|
-
|
|
45
|
+
_defineProperty(BpkScrollableCalendarDate, "defaultProps", {
|
|
46
|
+
isOutside: false
|
|
47
|
+
});
|
|
48
|
+
var _default = BpkScrollableCalendarDate;
|
|
49
|
+
exports.default = _default;
|
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _bpkReactUtils = require("../../bpk-react-utils");
|
|
8
|
+
var _bpkComponentText = _interopRequireWildcard(require("../../bpk-component-text"));
|
|
9
|
+
var _bpkComponentCalendar = require("../../bpk-component-calendar");
|
|
10
|
+
var _BpkScrollableCalendarGridModule = _interopRequireDefault(require("./BpkScrollableCalendarGrid.module.css"));
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
const _excluded = ["className", "formatMonth", "ignoreOutsideDate", "month"];
|
|
1
13
|
/*
|
|
2
14
|
* Backpack - Skyscanner's Design System
|
|
3
15
|
*
|
|
@@ -15,34 +27,38 @@
|
|
|
15
27
|
* See the License for the specific language governing permissions and
|
|
16
28
|
* limitations under the License.
|
|
17
29
|
*/
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
30
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
31
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
32
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
33
|
+
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; }
|
|
34
|
+
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; }
|
|
35
|
+
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; }
|
|
36
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
37
|
+
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); }
|
|
38
|
+
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; }
|
|
39
|
+
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; }
|
|
40
|
+
const getClassName = (0, _bpkReactUtils.cssModules)(_BpkScrollableCalendarGridModule.default);
|
|
41
|
+
const BpkScrollableCalendarGrid = _ref => {
|
|
42
|
+
let {
|
|
43
|
+
className,
|
|
44
|
+
formatMonth,
|
|
45
|
+
ignoreOutsideDate,
|
|
46
|
+
month
|
|
47
|
+
} = _ref,
|
|
48
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
33
49
|
const classNames = getClassName('bpk-scrollable-calendar-grid', className);
|
|
34
|
-
return /*#__PURE__*/
|
|
50
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
35
51
|
className: classNames,
|
|
36
|
-
children: [/*#__PURE__*/
|
|
52
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
|
|
37
53
|
className: getClassName('bpk-scrollable-calendar-grid__title'),
|
|
38
54
|
tagName: "h1",
|
|
39
|
-
textStyle: TEXT_STYLES.heading4,
|
|
55
|
+
textStyle: _bpkComponentText.TEXT_STYLES.heading4,
|
|
40
56
|
children: formatMonth(month)
|
|
41
|
-
}), /*#__PURE__*/
|
|
57
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentCalendar.BpkCalendarGrid, _objectSpread({
|
|
42
58
|
month: month,
|
|
43
|
-
ignoreOutsideDate: true
|
|
44
|
-
|
|
45
|
-
})]
|
|
59
|
+
ignoreOutsideDate: true
|
|
60
|
+
}, rest))]
|
|
46
61
|
});
|
|
47
62
|
};
|
|
48
|
-
|
|
63
|
+
var _default = BpkScrollableCalendarGrid;
|
|
64
|
+
exports.default = _default;
|