@skyscanner/backpack-web 34.0.0-premajor.1 → 34.0.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/bpk-component-aria-live/index.d.ts +1 -23
- package/bpk-component-aria-live/src/BpkAriaLive.d.ts +10 -35
- package/bpk-component-badge/index.d.ts +0 -18
- package/bpk-component-badge/src/BpkBadge.d.ts +16 -41
- package/bpk-component-badge/src/themeAttributes.d.ts +2 -0
- package/bpk-component-banner-alert/index.d.ts +2 -27
- package/bpk-component-banner-alert/src/AnimateAndFade.d.ts +23 -52
- package/bpk-component-banner-alert/src/AnimateAndFade.js +0 -2
- package/bpk-component-banner-alert/src/BpkBannerAlert.d.ts +5 -26
- package/bpk-component-banner-alert/src/BpkBannerAlertDismissable.d.ts +3 -25
- package/bpk-component-banner-alert/src/BpkBannerAlertExpandable.d.ts +5 -30
- package/bpk-component-banner-alert/src/BpkBannerAlertInner.d.ts +12 -52
- package/bpk-component-banner-alert/src/BpkBannerAlertInner.js +0 -4
- package/bpk-component-banner-alert/src/common-types.d.ts +15 -37
- package/bpk-component-banner-alert/src/themeAttributes.d.ts +0 -18
- package/bpk-component-banner-alert/src/withBannerAlertState.d.ts +0 -18
- package/bpk-component-barchart/src/BpkBarchart.js +1 -8
- package/bpk-component-boilerplate/index.d.ts +1 -22
- package/bpk-component-boilerplate/src/BpkBoilerplate.d.ts +3 -22
- package/bpk-component-bottom-sheet/index.d.ts +0 -18
- package/bpk-component-bottom-sheet/src/BpkBottomSheet.d.ts +17 -38
- package/bpk-component-bottom-sheet/src/BpkBottomSheet.js +4 -7
- package/bpk-component-bottom-sheet/src/BpkBottomSheet.module.css +1 -1
- package/bpk-component-breakpoint/index.d.ts +0 -18
- package/bpk-component-breakpoint/src/BpkBreakpoint.d.ts +20 -45
- package/bpk-component-breakpoint/src/BpkBreakpoint.js +21 -5
- package/bpk-component-breakpoint/src/useMediaQuery.d.ts +2 -0
- package/bpk-component-breakpoint/src/useMediaQuery.js +10 -7
- package/bpk-component-button/index.d.ts +13 -22
- package/bpk-component-button/index.js +15 -3
- package/bpk-component-button/src/BpkButtonV2/BpkButton.d.ts +0 -18
- package/bpk-component-button/src/BpkButtonV2/common-types.d.ts +27 -46
- package/bpk-component-button/src/themeAttributes.d.ts +8 -0
- package/bpk-component-button/themeAttributes.d.ts +1 -0
- package/bpk-component-button/themeAttributes.js +3 -1
- package/bpk-component-calendar/index.d.ts +4 -22
- package/bpk-component-calendar/src/BpkCalendarContainer.d.ts +3 -20
- package/bpk-component-calendar/src/BpkCalendarDate.d.ts +0 -18
- package/bpk-component-calendar/src/BpkCalendarGrid.d.ts +1 -19
- package/bpk-component-calendar/src/BpkCalendarGrid.js +2 -5
- package/bpk-component-calendar/src/BpkCalendarGrid.module.css +1 -1
- package/bpk-component-calendar/src/BpkCalendarGridHeader.d.ts +0 -18
- package/bpk-component-calendar/src/BpkCalendarGridTransition.d.ts +1 -24
- package/bpk-component-calendar/src/BpkCalendarGridTransition.js +1 -4
- package/bpk-component-calendar/src/BpkCalendarNav.d.ts +0 -18
- package/bpk-component-calendar/src/BpkCalendarNav.js +13 -12
- package/bpk-component-calendar/src/BpkCalendarNav.module.css +1 -1
- package/bpk-component-calendar/src/{Week.d.ts → BpkCalendarWeek.d.ts} +2 -20
- package/bpk-component-calendar/src/{Week.js → BpkCalendarWeek.js} +7 -13
- package/bpk-component-calendar/src/BpkCalendarWeek.module.css +18 -0
- package/bpk-component-calendar/src/composeCalendar.d.ts +0 -18
- package/bpk-component-calendar/src/custom-proptypes.d.ts +0 -18
- package/bpk-component-calendar/src/date-utils.d.ts +14 -32
- package/bpk-component-calendar/src/themeAttributes.d.ts +2 -0
- package/bpk-component-calendar/src/utils.d.ts +0 -18
- package/bpk-component-calendar/src/utils.js +1 -2
- package/bpk-component-card/index.d.ts +0 -19
- package/bpk-component-card/src/BpkCard.d.ts +8 -35
- package/bpk-component-card/src/BpkCardWrapper.d.ts +5 -29
- package/bpk-component-card/src/BpkDividedCard.d.ts +10 -37
- package/bpk-component-card-button/index.d.ts +2 -0
- package/bpk-component-card-button/src/BpkSaveButton.d.ts +12 -36
- package/bpk-component-card-button/src/BpkSaveButton.js +0 -4
- package/bpk-component-chip/index.d.ts +2 -20
- package/bpk-component-chip/src/BpkDismissibleChip.d.ts +0 -18
- package/bpk-component-chip/src/BpkDismissibleChip.js +4 -10
- package/bpk-component-chip/src/BpkDropdownChip.d.ts +1 -26
- package/bpk-component-chip/src/BpkDropdownChip.js +0 -1
- package/bpk-component-chip/src/BpkIconChip.d.ts +1 -19
- package/bpk-component-chip/src/BpkSelectableChip.d.ts +4 -32
- package/bpk-component-chip/src/BpkSelectableChip.js +2 -1
- package/bpk-component-chip/src/commonTypes.d.ts +11 -48
- package/bpk-component-chip/src/themeAttributes.d.ts +2 -0
- package/bpk-component-close-button/src/BpkCloseButton.js +7 -4
- package/bpk-component-close-button/src/BpkCloseButton.module.css +1 -1
- package/bpk-component-datatable/index.d.ts +0 -18
- package/bpk-component-datatable/src/BpkDataTable.d.ts +0 -18
- package/bpk-component-datatable/src/BpkDataTableHeader.d.ts +0 -18
- package/bpk-component-datatable/src/BpkDataTableHeader.js +0 -2
- package/bpk-component-datatable/src/common-types.d.ts +4 -22
- package/bpk-component-datatable/src/utils.d.ts +0 -18
- package/bpk-component-datepicker/index.d.ts +0 -18
- package/bpk-component-datepicker/src/BpkDatepicker.d.ts +1 -24
- package/bpk-component-datepicker/src/BpkDatepicker.js +0 -8
- package/bpk-component-datepicker/src/themeAttributes.d.ts +2 -0
- package/bpk-component-datepicker/src/themeAttributes.js +0 -1
- package/bpk-component-dialog/index.d.ts +1 -20
- package/bpk-component-dialog/src/BpkDialog.d.ts +0 -18
- package/bpk-component-dialog/src/BpkDialogInner.d.ts +20 -206
- package/bpk-component-dialog/src/BpkDialogInner.js +2 -0
- package/bpk-component-dialog/src/common-types.d.ts +1 -18
- package/bpk-component-flare/src/BpkContentBubble.js +21 -9
- package/bpk-component-flare/src/BpkFlareBar.js +4 -22
- package/bpk-component-flare/src/bpk-content-bubble.module.css +1 -1
- package/bpk-component-flare/src/bpk-flare-bar.module.css +1 -1
- package/bpk-component-floating-notification/index.d.ts +3 -0
- package/bpk-component-floating-notification/src/BpkFloatingNotification.d.ts +19 -42
- package/bpk-component-floating-notification/src/BpkFloatingNotification.js +9 -12
- package/bpk-component-floating-notification/src/BpkFloatingNotification.module.css +1 -1
- package/bpk-component-graphic-promotion/index.d.ts +1 -23
- package/bpk-component-graphic-promotion/src/BpkGraphicPromo.d.ts +0 -18
- package/bpk-component-icon/all.d.ts +4 -0
- package/bpk-component-icon/all.js +3 -3
- package/bpk-component-icon/index.d.ts +7 -35
- package/bpk-component-icon/index.js +1 -3
- package/bpk-component-icon/lg/accessibility.js +7 -11
- package/bpk-component-icon/lg/account--add.js +7 -11
- package/bpk-component-icon/lg/account--female.js +7 -11
- package/bpk-component-icon/lg/account--id-card.js +7 -11
- package/bpk-component-icon/lg/account--name.js +7 -11
- package/bpk-component-icon/lg/account--permit.js +7 -11
- package/bpk-component-icon/lg/account-circle.js +7 -11
- package/bpk-component-icon/lg/account.js +7 -11
- package/bpk-component-icon/lg/add-circle.js +7 -11
- package/bpk-component-icon/lg/adult.js +7 -11
- package/bpk-component-icon/lg/ai.js +7 -12
- package/bpk-component-icon/lg/aircon.js +7 -11
- package/bpk-component-icon/lg/aircraft.js +8 -12
- package/bpk-component-icon/lg/airline--multiple.js +7 -11
- package/bpk-component-icon/lg/airline.js +7 -11
- package/bpk-component-icon/lg/airports.js +7 -11
- package/bpk-component-icon/lg/alert--active.js +7 -11
- package/bpk-component-icon/lg/alert--add.js +7 -11
- package/bpk-component-icon/lg/alert--expired.js +7 -11
- package/bpk-component-icon/lg/alert--remove.js +7 -11
- package/bpk-component-icon/lg/arrow-down.js +7 -11
- package/bpk-component-icon/lg/arrow-left.js +7 -11
- package/bpk-component-icon/lg/arrow-right.js +7 -11
- package/bpk-component-icon/lg/arrow-up.js +7 -11
- package/bpk-component-icon/lg/award.js +7 -11
- package/bpk-component-icon/lg/baby-carriage.js +7 -11
- package/bpk-component-icon/lg/baggage--add.js +7 -11
- package/bpk-component-icon/lg/baggage--remove.js +7 -11
- package/bpk-component-icon/lg/baggage-cabin-add.js +7 -11
- package/bpk-component-icon/lg/baggage-cabin-not-included.js +7 -11
- package/bpk-component-icon/lg/baggage-cabin.js +7 -11
- package/bpk-component-icon/lg/baggage-checked-add.js +7 -11
- package/bpk-component-icon/lg/baggage-checked-not-included.js +7 -11
- package/bpk-component-icon/lg/baggage-checked.js +7 -11
- package/bpk-component-icon/lg/baggage-cross.js +7 -11
- package/bpk-component-icon/lg/baggage-generic.js +7 -11
- package/bpk-component-icon/lg/baggage-tick.js +7 -11
- package/bpk-component-icon/lg/baggage.js +7 -11
- package/bpk-component-icon/lg/bar.js +7 -11
- package/bpk-component-icon/lg/beach.js +8 -12
- package/bpk-component-icon/lg/beer.js +7 -11
- package/bpk-component-icon/lg/breakfast-cross.js +7 -11
- package/bpk-component-icon/lg/breakfast-tick.js +7 -11
- package/bpk-component-icon/lg/bus.js +7 -11
- package/bpk-component-icon/lg/business.js +7 -11
- package/bpk-component-icon/lg/cafe.js +7 -11
- package/bpk-component-icon/lg/calendar.js +7 -11
- package/bpk-component-icon/lg/call-back.js +8 -12
- package/bpk-component-icon/lg/camera.js +7 -11
- package/bpk-component-icon/lg/camper-van.js +8 -12
- package/bpk-component-icon/lg/car-door.js +7 -11
- package/bpk-component-icon/lg/car-wash.js +8 -12
- package/bpk-component-icon/lg/cars-flexible.js +7 -11
- package/bpk-component-icon/lg/cars.js +8 -12
- package/bpk-component-icon/lg/center-location.js +7 -11
- package/bpk-component-icon/lg/chart.js +7 -11
- package/bpk-component-icon/lg/chauffeur.js +7 -11
- package/bpk-component-icon/lg/chevron-down.js +7 -11
- package/bpk-component-icon/lg/chevron-left.js +7 -11
- package/bpk-component-icon/lg/chevron-right.js +7 -11
- package/bpk-component-icon/lg/chevron-up.js +7 -11
- package/bpk-component-icon/lg/child-seat.js +7 -11
- package/bpk-component-icon/lg/child.js +7 -11
- package/bpk-component-icon/lg/city-center.js +7 -11
- package/bpk-component-icon/lg/city.js +7 -11
- package/bpk-component-icon/lg/clean-policy.js +7 -11
- package/bpk-component-icon/lg/clean.js +9 -13
- package/bpk-component-icon/lg/cleaning-medical.js +7 -11
- package/bpk-component-icon/lg/cloakroom.js +9 -13
- package/bpk-component-icon/lg/close-circle.js +7 -11
- package/bpk-component-icon/lg/close.js +7 -11
- package/bpk-component-icon/lg/collapse.js +7 -11
- package/bpk-component-icon/lg/content--copy.js +8 -12
- package/bpk-component-icon/lg/content--event.js +7 -11
- package/bpk-component-icon/lg/content--guides.js +7 -11
- package/bpk-component-icon/lg/currency.js +7 -11
- package/bpk-component-icon/lg/data.js +8 -12
- package/bpk-component-icon/lg/deals.js +7 -11
- package/bpk-component-icon/lg/depart.js +8 -12
- package/bpk-component-icon/lg/device-mid.js +7 -11
- package/bpk-component-icon/lg/device-wide.js +7 -11
- package/bpk-component-icon/lg/direct.js +7 -11
- package/bpk-component-icon/lg/document-csv.js +7 -11
- package/bpk-component-icon/lg/document-pdf.js +7 -11
- package/bpk-component-icon/lg/dot.js +16 -0
- package/bpk-component-icon/lg/download.js +8 -12
- package/bpk-component-icon/lg/duration.js +7 -11
- package/bpk-component-icon/lg/eco-leaf.js +7 -11
- package/bpk-component-icon/lg/edit.js +7 -11
- package/bpk-component-icon/lg/education.js +8 -12
- package/bpk-component-icon/lg/electric.js +7 -11
- package/bpk-component-icon/lg/end-call.js +7 -11
- package/bpk-component-icon/lg/estimated.js +7 -11
- package/bpk-component-icon/lg/exclamation-circle.js +7 -11
- package/bpk-component-icon/lg/exclamation.js +7 -11
- package/bpk-component-icon/lg/expand.js +7 -11
- package/bpk-component-icon/lg/explore.js +9 -13
- package/bpk-component-icon/lg/face--blank.js +7 -11
- package/bpk-component-icon/lg/face--happy.js +7 -11
- package/bpk-component-icon/lg/face--sad.js +7 -11
- package/bpk-component-icon/lg/face-id.js +7 -11
- package/bpk-component-icon/lg/face-mask.js +7 -11
- package/bpk-component-icon/lg/family.js +7 -11
- package/bpk-component-icon/lg/fast-track.js +8 -12
- package/bpk-component-icon/lg/fast-train.js +8 -12
- package/bpk-component-icon/lg/filter.js +7 -11
- package/bpk-component-icon/lg/fingerprint.js +7 -11
- package/bpk-component-icon/lg/flag.js +7 -11
- package/bpk-component-icon/lg/flask.js +7 -11
- package/bpk-component-icon/lg/flight-flexible.js +7 -11
- package/bpk-component-icon/lg/flight-landing.js +9 -13
- package/bpk-component-icon/lg/flight-takeoff.js +8 -12
- package/bpk-component-icon/lg/flight.js +8 -12
- package/bpk-component-icon/lg/food.js +7 -11
- package/bpk-component-icon/lg/gears-automatic-circle.js +7 -11
- package/bpk-component-icon/lg/gears-automatic.js +7 -11
- package/bpk-component-icon/lg/gears-manual-circle.js +7 -11
- package/bpk-component-icon/lg/gears-manual.js +7 -11
- package/bpk-component-icon/lg/globe.js +7 -11
- package/bpk-component-icon/lg/grid-layout.js +7 -11
- package/bpk-component-icon/lg/headset.js +7 -11
- package/bpk-component-icon/lg/health-fitness.js +7 -11
- package/bpk-component-icon/lg/heart--outline.js +7 -11
- package/bpk-component-icon/lg/heart.js +7 -11
- package/bpk-component-icon/lg/help-circle.js +7 -11
- package/bpk-component-icon/lg/help.js +7 -11
- package/bpk-component-icon/lg/hide.js +7 -11
- package/bpk-component-icon/lg/hotel-flexible.js +7 -11
- package/bpk-component-icon/lg/hotels--disabled-facilities.js +7 -11
- package/bpk-component-icon/lg/hotels--jacuzzi.js +7 -11
- package/bpk-component-icon/lg/hotels--pets-allowed.js +7 -11
- package/bpk-component-icon/lg/hotels--smoking.js +7 -11
- package/bpk-component-icon/lg/hotels.js +7 -11
- package/bpk-component-icon/lg/infant.js +7 -11
- package/bpk-component-icon/lg/information--language-alert.js +7 -11
- package/bpk-component-icon/lg/information--language-question.js +7 -11
- package/bpk-component-icon/lg/information--language.js +7 -11
- package/bpk-component-icon/lg/information-circle.js +7 -11
- package/bpk-component-icon/lg/information.js +7 -11
- package/bpk-component-icon/lg/insurance.js +7 -11
- package/bpk-component-icon/lg/key.js +7 -11
- package/bpk-component-icon/lg/keypad.js +7 -11
- package/bpk-component-icon/lg/landmark.js +7 -11
- package/bpk-component-icon/lg/language.js +7 -11
- package/bpk-component-icon/lg/legroom--extra.js +8 -12
- package/bpk-component-icon/lg/legroom--normal.js +8 -12
- package/bpk-component-icon/lg/legroom--reduced.js +8 -12
- package/bpk-component-icon/lg/leisure.js +7 -11
- package/bpk-component-icon/lg/lightning.js +7 -11
- package/bpk-component-icon/lg/list.js +7 -11
- package/bpk-component-icon/lg/location.js +7 -11
- package/bpk-component-icon/lg/lock.js +7 -11
- package/bpk-component-icon/lg/logout.js +8 -12
- package/bpk-component-icon/lg/long-arrow-down.js +7 -11
- package/bpk-component-icon/lg/long-arrow-left.js +7 -11
- package/bpk-component-icon/lg/long-arrow-right.js +7 -11
- package/bpk-component-icon/lg/long-arrow-up.js +7 -11
- package/bpk-component-icon/lg/lounge.js +8 -12
- package/bpk-component-icon/lg/luggageall.js +7 -11
- package/bpk-component-icon/lg/mail.js +8 -12
- package/bpk-component-icon/lg/map.js +7 -11
- package/bpk-component-icon/lg/meal.js +7 -11
- package/bpk-component-icon/lg/media.js +7 -11
- package/bpk-component-icon/lg/menu--horizontal.js +7 -11
- package/bpk-component-icon/lg/menu--vertical.js +7 -11
- package/bpk-component-icon/lg/menu.js +7 -11
- package/bpk-component-icon/lg/mileage.js +8 -12
- package/bpk-component-icon/lg/minus.js +7 -11
- package/bpk-component-icon/lg/mobile.js +7 -11
- package/bpk-component-icon/lg/money.js +7 -11
- package/bpk-component-icon/lg/multiple-bookings.js +7 -11
- package/bpk-component-icon/lg/music.js +7 -11
- package/bpk-component-icon/lg/mute.js +7 -11
- package/bpk-component-icon/lg/native-android--back.js +7 -11
- package/bpk-component-icon/lg/native-android--close.js +7 -11
- package/bpk-component-icon/lg/native-android--forward.js +7 -11
- package/bpk-component-icon/lg/native-ios-close.js +7 -11
- package/bpk-component-icon/lg/navigation.js +7 -11
- package/bpk-component-icon/lg/new-window.js +8 -12
- package/bpk-component-icon/lg/news.js +7 -11
- package/bpk-component-icon/lg/night.js +7 -11
- package/bpk-component-icon/lg/not-allowed.js +7 -11
- package/bpk-component-icon/lg/onsen.js +7 -11
- package/bpk-component-icon/lg/origin.js +7 -11
- package/bpk-component-icon/lg/paid.js +7 -11
- package/bpk-component-icon/lg/paperclip.js +7 -11
- package/bpk-component-icon/lg/parking.js +7 -11
- package/bpk-component-icon/lg/passport.js +7 -11
- package/bpk-component-icon/lg/pause.js +7 -11
- package/bpk-component-icon/lg/payment-card.js +7 -11
- package/bpk-component-icon/lg/petrol.js +7 -11
- package/bpk-component-icon/lg/phone-call.js +7 -11
- package/bpk-component-icon/lg/picture.js +7 -11
- package/bpk-component-icon/lg/pin.js +7 -11
- package/bpk-component-icon/lg/plane-seat.js +8 -12
- package/bpk-component-icon/lg/play.js +7 -11
- package/bpk-component-icon/lg/plus.js +7 -11
- package/bpk-component-icon/lg/policy.js +7 -11
- package/bpk-component-icon/lg/powerplug.js +7 -11
- package/bpk-component-icon/lg/ppe.js +7 -11
- package/bpk-component-icon/lg/price-alerts.js +7 -11
- package/bpk-component-icon/lg/price-tag.js +7 -11
- package/bpk-component-icon/lg/print.js +7 -11
- package/bpk-component-icon/lg/recent-searches.js +7 -11
- package/bpk-component-icon/lg/redo.js +7 -11
- package/bpk-component-icon/lg/refresh.js +7 -11
- package/bpk-component-icon/lg/return.js +8 -12
- package/bpk-component-icon/lg/room.js +7 -11
- package/bpk-component-icon/lg/scales.js +8 -12
- package/bpk-component-icon/lg/search.js +7 -11
- package/bpk-component-icon/lg/self-service.js +7 -11
- package/bpk-component-icon/lg/send-message.js +7 -11
- package/bpk-component-icon/lg/services.js +7 -11
- package/bpk-component-icon/lg/settings.js +7 -11
- package/bpk-component-icon/lg/share--android.js +7 -11
- package/bpk-component-icon/lg/share--ios.js +8 -12
- package/bpk-component-icon/lg/share.js +7 -11
- package/bpk-component-icon/lg/single-booking.js +7 -11
- package/bpk-component-icon/lg/social-distancing.js +8 -12
- package/bpk-component-icon/lg/social-like.js +7 -11
- package/bpk-component-icon/lg/sort-down.js +7 -11
- package/bpk-component-icon/lg/sort-up.js +7 -11
- package/bpk-component-icon/lg/sort.js +7 -11
- package/bpk-component-icon/lg/speaker.js +8 -12
- package/bpk-component-icon/lg/star-half.js +7 -11
- package/bpk-component-icon/lg/star-outline.js +7 -11
- package/bpk-component-icon/lg/star.js +7 -11
- package/bpk-component-icon/lg/stops.js +7 -11
- package/bpk-component-icon/lg/swap--horizontal.js +7 -11
- package/bpk-component-icon/lg/swap--vertical.js +7 -11
- package/bpk-component-icon/lg/swap.js +7 -11
- package/bpk-component-icon/lg/taxi.js +8 -12
- package/bpk-component-icon/lg/thumbs-down.js +7 -11
- package/bpk-component-icon/lg/thumbs-up.js +7 -11
- package/bpk-component-icon/lg/tick-circle.js +7 -11
- package/bpk-component-icon/lg/tick.js +7 -11
- package/bpk-component-icon/lg/ticket-flexible.js +7 -11
- package/bpk-component-icon/lg/ticket.js +7 -11
- package/bpk-component-icon/lg/time.js +7 -11
- package/bpk-component-icon/lg/toilets.js +7 -11
- package/bpk-component-icon/lg/train.js +7 -11
- package/bpk-component-icon/lg/transmission-automatic.js +7 -11
- package/bpk-component-icon/lg/transmission-manual.js +7 -11
- package/bpk-component-icon/lg/trash.js +7 -11
- package/bpk-component-icon/lg/trend--down.js +7 -11
- package/bpk-component-icon/lg/trend--steady.js +7 -11
- package/bpk-component-icon/lg/trend--will-rise.js +7 -11
- package/bpk-component-icon/lg/trend.js +7 -11
- package/bpk-component-icon/lg/trips.js +7 -11
- package/bpk-component-icon/lg/undo.js +7 -11
- package/bpk-component-icon/lg/unlock.js +7 -11
- package/bpk-component-icon/lg/unmute.js +8 -12
- package/bpk-component-icon/lg/upgrade.js +7 -11
- package/bpk-component-icon/lg/upload.js +7 -11
- package/bpk-component-icon/lg/use-location.js +7 -11
- package/bpk-component-icon/lg/view.js +7 -11
- package/bpk-component-icon/lg/virus.js +7 -11
- package/bpk-component-icon/lg/wallet.js +8 -12
- package/bpk-component-icon/lg/weather--clear.js +7 -11
- package/bpk-component-icon/lg/weather--cloudy.js +8 -12
- package/bpk-component-icon/lg/weather--fog.js +7 -11
- package/bpk-component-icon/lg/weather--partly-cloudy.js +8 -12
- package/bpk-component-icon/lg/weather--rain.js +9 -13
- package/bpk-component-icon/lg/weather--snow.js +7 -11
- package/bpk-component-icon/lg/weather--thunderstorm.js +9 -13
- package/bpk-component-icon/lg/weather--tornado.js +7 -11
- package/bpk-component-icon/lg/weather--wind.js +7 -11
- package/bpk-component-icon/lg/weather.js +7 -11
- package/bpk-component-icon/lg/wifi.js +7 -11
- package/bpk-component-icon/lg/window--reduce.js +8 -12
- package/bpk-component-icon/lg/window.js +7 -11
- package/bpk-component-icon/lg/world--amer.js +7 -11
- package/bpk-component-icon/lg/world--apac.js +7 -11
- package/bpk-component-icon/lg/world--emea.js +8 -12
- package/bpk-component-icon/sm/accessibility.js +7 -11
- package/bpk-component-icon/sm/account--add.js +7 -11
- package/bpk-component-icon/sm/account--female.js +7 -11
- package/bpk-component-icon/sm/account--id-card.js +7 -11
- package/bpk-component-icon/sm/account--name.js +7 -11
- package/bpk-component-icon/sm/account--permit.js +7 -11
- package/bpk-component-icon/sm/account-circle.js +7 -11
- package/bpk-component-icon/sm/account.js +7 -11
- package/bpk-component-icon/sm/add-circle.js +7 -11
- package/bpk-component-icon/sm/adult.js +7 -11
- package/bpk-component-icon/sm/ai.js +7 -12
- package/bpk-component-icon/sm/aircon.js +7 -11
- package/bpk-component-icon/sm/aircraft.js +8 -12
- package/bpk-component-icon/sm/airline--multiple.js +7 -11
- package/bpk-component-icon/sm/airline.js +7 -11
- package/bpk-component-icon/sm/airports.js +7 -11
- package/bpk-component-icon/sm/alert--active.js +7 -11
- package/bpk-component-icon/sm/alert--add.js +7 -11
- package/bpk-component-icon/sm/alert--expired.js +7 -11
- package/bpk-component-icon/sm/alert--remove.js +7 -11
- package/bpk-component-icon/sm/arrow-down.js +7 -11
- package/bpk-component-icon/sm/arrow-left.js +7 -11
- package/bpk-component-icon/sm/arrow-right.js +7 -11
- package/bpk-component-icon/sm/arrow-up.js +7 -11
- package/bpk-component-icon/sm/award.js +7 -11
- package/bpk-component-icon/sm/baby-carriage.js +7 -11
- package/bpk-component-icon/sm/baggage--add.js +7 -11
- package/bpk-component-icon/sm/baggage--remove.js +7 -11
- package/bpk-component-icon/sm/baggage-cabin-add.js +7 -11
- package/bpk-component-icon/sm/baggage-cabin-not-included.js +7 -11
- package/bpk-component-icon/sm/baggage-cabin.js +7 -11
- package/bpk-component-icon/sm/baggage-checked-add.js +7 -11
- package/bpk-component-icon/sm/baggage-checked-not-included.js +7 -11
- package/bpk-component-icon/sm/baggage-checked.js +7 -11
- package/bpk-component-icon/sm/baggage-cross.js +7 -11
- package/bpk-component-icon/sm/baggage-generic.js +7 -11
- package/bpk-component-icon/sm/baggage-tick.js +7 -11
- package/bpk-component-icon/sm/baggage.js +7 -11
- package/bpk-component-icon/sm/bar.js +7 -11
- package/bpk-component-icon/sm/beach.js +8 -12
- package/bpk-component-icon/sm/beer.js +7 -11
- package/bpk-component-icon/sm/breakfast-cross.js +7 -11
- package/bpk-component-icon/sm/breakfast-tick.js +7 -11
- package/bpk-component-icon/sm/bus.js +8 -12
- package/bpk-component-icon/sm/business.js +7 -11
- package/bpk-component-icon/sm/cafe.js +7 -11
- package/bpk-component-icon/sm/calendar.js +7 -11
- package/bpk-component-icon/sm/call-back.js +8 -12
- package/bpk-component-icon/sm/camera.js +7 -11
- package/bpk-component-icon/sm/camper-van.js +8 -12
- package/bpk-component-icon/sm/car-door.js +7 -11
- package/bpk-component-icon/sm/car-wash.js +8 -12
- package/bpk-component-icon/sm/cars-flexible.js +7 -11
- package/bpk-component-icon/sm/cars.js +8 -12
- package/bpk-component-icon/sm/center-location.js +7 -11
- package/bpk-component-icon/sm/chart.js +7 -11
- package/bpk-component-icon/sm/chauffeur.js +8 -12
- package/bpk-component-icon/sm/chevron-down.js +7 -11
- package/bpk-component-icon/sm/chevron-left.js +7 -11
- package/bpk-component-icon/sm/chevron-right.js +7 -11
- package/bpk-component-icon/sm/chevron-up.js +7 -11
- package/bpk-component-icon/sm/child-seat.js +7 -11
- package/bpk-component-icon/sm/child.js +7 -11
- package/bpk-component-icon/sm/city-center.js +7 -11
- package/bpk-component-icon/sm/city.js +7 -11
- package/bpk-component-icon/sm/clean-policy.js +7 -11
- package/bpk-component-icon/sm/clean.js +8 -12
- package/bpk-component-icon/sm/cleaning-medical.js +7 -11
- package/bpk-component-icon/sm/cloakroom.js +7 -11
- package/bpk-component-icon/sm/close-circle.js +7 -11
- package/bpk-component-icon/sm/close.js +7 -11
- package/bpk-component-icon/sm/collapse.js +7 -11
- package/bpk-component-icon/sm/content--copy.js +8 -12
- package/bpk-component-icon/sm/content--event.js +7 -11
- package/bpk-component-icon/sm/content--guides.js +7 -11
- package/bpk-component-icon/sm/currency.js +7 -11
- package/bpk-component-icon/sm/data.js +8 -12
- package/bpk-component-icon/sm/deals.js +7 -11
- package/bpk-component-icon/sm/depart.js +9 -13
- package/bpk-component-icon/sm/device-mid.js +7 -11
- package/bpk-component-icon/sm/device-wide.js +7 -11
- package/bpk-component-icon/sm/direct.js +8 -12
- package/bpk-component-icon/sm/document-csv.js +7 -11
- package/bpk-component-icon/sm/document-pdf.js +7 -11
- package/bpk-component-icon/sm/dot.js +16 -0
- package/bpk-component-icon/sm/download.js +8 -12
- package/bpk-component-icon/sm/duration.js +7 -11
- package/bpk-component-icon/sm/eco-leaf.js +7 -11
- package/bpk-component-icon/sm/edit.js +7 -11
- package/bpk-component-icon/sm/education.js +8 -12
- package/bpk-component-icon/sm/electric.js +7 -11
- package/bpk-component-icon/sm/end-call.js +7 -11
- package/bpk-component-icon/sm/estimated.js +7 -11
- package/bpk-component-icon/sm/exclamation-circle.js +7 -11
- package/bpk-component-icon/sm/exclamation.js +7 -11
- package/bpk-component-icon/sm/expand.js +7 -11
- package/bpk-component-icon/sm/explore.js +9 -13
- package/bpk-component-icon/sm/face--blank.js +7 -11
- package/bpk-component-icon/sm/face--happy.js +7 -11
- package/bpk-component-icon/sm/face--sad.js +7 -11
- package/bpk-component-icon/sm/face-id.js +7 -11
- package/bpk-component-icon/sm/face-mask.js +7 -11
- package/bpk-component-icon/sm/family.js +7 -11
- package/bpk-component-icon/sm/fast-track.js +8 -12
- package/bpk-component-icon/sm/fast-train.js +8 -12
- package/bpk-component-icon/sm/filter.js +7 -11
- package/bpk-component-icon/sm/fingerprint.js +7 -11
- package/bpk-component-icon/sm/flag.js +7 -11
- package/bpk-component-icon/sm/flask.js +7 -11
- package/bpk-component-icon/sm/flight-flexible.js +7 -11
- package/bpk-component-icon/sm/flight-landing.js +9 -13
- package/bpk-component-icon/sm/flight-takeoff.js +8 -12
- package/bpk-component-icon/sm/flight.js +8 -12
- package/bpk-component-icon/sm/food.js +7 -11
- package/bpk-component-icon/sm/gears-automatic-circle.js +7 -11
- package/bpk-component-icon/sm/gears-automatic.js +7 -11
- package/bpk-component-icon/sm/gears-manual-circle.js +7 -11
- package/bpk-component-icon/sm/gears-manual.js +7 -11
- package/bpk-component-icon/sm/globe.js +7 -11
- package/bpk-component-icon/sm/grid-layout.js +7 -11
- package/bpk-component-icon/sm/headset.js +7 -11
- package/bpk-component-icon/sm/health-fitness.js +7 -11
- package/bpk-component-icon/sm/heart--outline.js +7 -11
- package/bpk-component-icon/sm/heart.js +7 -11
- package/bpk-component-icon/sm/help-circle.js +7 -11
- package/bpk-component-icon/sm/help.js +7 -11
- package/bpk-component-icon/sm/hide.js +7 -11
- package/bpk-component-icon/sm/hotel-flexible.js +7 -11
- package/bpk-component-icon/sm/hotels--disabled-facilities.js +7 -11
- package/bpk-component-icon/sm/hotels--jacuzzi.js +8 -12
- package/bpk-component-icon/sm/hotels--pets-allowed.js +7 -11
- package/bpk-component-icon/sm/hotels--smoking.js +7 -11
- package/bpk-component-icon/sm/hotels.js +7 -11
- package/bpk-component-icon/sm/infant.js +8 -12
- package/bpk-component-icon/sm/information--language-alert.js +7 -11
- package/bpk-component-icon/sm/information--language-question.js +7 -11
- package/bpk-component-icon/sm/information--language.js +7 -11
- package/bpk-component-icon/sm/information-circle.js +7 -11
- package/bpk-component-icon/sm/information.js +7 -11
- package/bpk-component-icon/sm/insurance.js +7 -11
- package/bpk-component-icon/sm/key.js +7 -11
- package/bpk-component-icon/sm/keypad.js +7 -11
- package/bpk-component-icon/sm/landmark.js +7 -11
- package/bpk-component-icon/sm/language.js +7 -11
- package/bpk-component-icon/sm/legroom--extra.js +8 -12
- package/bpk-component-icon/sm/legroom--normal.js +8 -12
- package/bpk-component-icon/sm/legroom--reduced.js +8 -12
- package/bpk-component-icon/sm/leisure.js +7 -11
- package/bpk-component-icon/sm/lightning.js +7 -11
- package/bpk-component-icon/sm/list.js +7 -11
- package/bpk-component-icon/sm/location.js +7 -11
- package/bpk-component-icon/sm/lock.js +7 -11
- package/bpk-component-icon/sm/logout.js +8 -12
- package/bpk-component-icon/sm/long-arrow-down.js +7 -11
- package/bpk-component-icon/sm/long-arrow-left.js +7 -11
- package/bpk-component-icon/sm/long-arrow-right.js +7 -11
- package/bpk-component-icon/sm/long-arrow-up.js +7 -11
- package/bpk-component-icon/sm/lounge.js +7 -11
- package/bpk-component-icon/sm/luggageall.js +7 -11
- package/bpk-component-icon/sm/mail.js +8 -12
- package/bpk-component-icon/sm/map.js +7 -11
- package/bpk-component-icon/sm/meal.js +7 -11
- package/bpk-component-icon/sm/media.js +7 -11
- package/bpk-component-icon/sm/menu--horizontal.js +7 -11
- package/bpk-component-icon/sm/menu--vertical.js +7 -11
- package/bpk-component-icon/sm/menu.js +7 -11
- package/bpk-component-icon/sm/mileage.js +8 -12
- package/bpk-component-icon/sm/minus.js +7 -11
- package/bpk-component-icon/sm/mobile.js +7 -11
- package/bpk-component-icon/sm/money.js +7 -11
- package/bpk-component-icon/sm/multiple-bookings.js +7 -11
- package/bpk-component-icon/sm/music.js +7 -11
- package/bpk-component-icon/sm/mute.js +7 -11
- package/bpk-component-icon/sm/native-android--back.js +7 -11
- package/bpk-component-icon/sm/native-android--close.js +7 -11
- package/bpk-component-icon/sm/native-android--forward.js +7 -11
- package/bpk-component-icon/sm/native-ios-close.js +7 -11
- package/bpk-component-icon/sm/navigation.js +7 -11
- package/bpk-component-icon/sm/new-window.js +10 -14
- package/bpk-component-icon/sm/news.js +7 -11
- package/bpk-component-icon/sm/night.js +7 -11
- package/bpk-component-icon/sm/not-allowed.js +7 -11
- package/bpk-component-icon/sm/onsen.js +8 -12
- package/bpk-component-icon/sm/origin.js +7 -11
- package/bpk-component-icon/sm/paid.js +7 -11
- package/bpk-component-icon/sm/paperclip.js +7 -11
- package/bpk-component-icon/sm/parking.js +7 -11
- package/bpk-component-icon/sm/passport.js +7 -11
- package/bpk-component-icon/sm/pause.js +7 -11
- package/bpk-component-icon/sm/payment-card.js +7 -11
- package/bpk-component-icon/sm/petrol.js +7 -11
- package/bpk-component-icon/sm/phone-call.js +7 -11
- package/bpk-component-icon/sm/picture.js +7 -11
- package/bpk-component-icon/sm/pin.js +7 -11
- package/bpk-component-icon/sm/plane-seat.js +8 -12
- package/bpk-component-icon/sm/play.js +7 -11
- package/bpk-component-icon/sm/plus.js +7 -11
- package/bpk-component-icon/sm/policy.js +7 -11
- package/bpk-component-icon/sm/powerplug.js +7 -11
- package/bpk-component-icon/sm/ppe.js +7 -11
- package/bpk-component-icon/sm/price-alerts.js +7 -11
- package/bpk-component-icon/sm/price-tag.js +7 -11
- package/bpk-component-icon/sm/print.js +7 -11
- package/bpk-component-icon/sm/recent-searches.js +7 -11
- package/bpk-component-icon/sm/redo.js +7 -11
- package/bpk-component-icon/sm/refresh.js +7 -11
- package/bpk-component-icon/sm/return.js +9 -13
- package/bpk-component-icon/sm/room.js +7 -11
- package/bpk-component-icon/sm/scales.js +7 -11
- package/bpk-component-icon/sm/search.js +7 -11
- package/bpk-component-icon/sm/self-service.js +7 -11
- package/bpk-component-icon/sm/send-message.js +7 -11
- package/bpk-component-icon/sm/services.js +7 -11
- package/bpk-component-icon/sm/settings.js +7 -11
- package/bpk-component-icon/sm/share--android.js +7 -11
- package/bpk-component-icon/sm/share--ios.js +8 -12
- package/bpk-component-icon/sm/share.js +7 -11
- package/bpk-component-icon/sm/single-booking.js +7 -11
- package/bpk-component-icon/sm/social-distancing.js +8 -12
- package/bpk-component-icon/sm/social-like.js +7 -11
- package/bpk-component-icon/sm/sort-down.js +7 -11
- package/bpk-component-icon/sm/sort-up.js +7 -11
- package/bpk-component-icon/sm/sort.js +7 -11
- package/bpk-component-icon/sm/speaker.js +7 -11
- package/bpk-component-icon/sm/star-half.js +7 -11
- package/bpk-component-icon/sm/star-outline.js +7 -11
- package/bpk-component-icon/sm/star.js +7 -11
- package/bpk-component-icon/sm/stops.js +7 -11
- package/bpk-component-icon/sm/swap--horizontal.js +7 -11
- package/bpk-component-icon/sm/swap--vertical.js +7 -11
- package/bpk-component-icon/sm/swap.js +7 -11
- package/bpk-component-icon/sm/taxi.js +8 -12
- package/bpk-component-icon/sm/thumbs-down.js +7 -11
- package/bpk-component-icon/sm/thumbs-up.js +7 -11
- package/bpk-component-icon/sm/tick-circle.js +7 -11
- package/bpk-component-icon/sm/tick.js +7 -11
- package/bpk-component-icon/sm/ticket-flexible.js +7 -11
- package/bpk-component-icon/sm/ticket.js +7 -11
- package/bpk-component-icon/sm/time.js +7 -11
- package/bpk-component-icon/sm/toilets.js +7 -11
- package/bpk-component-icon/sm/train.js +7 -11
- package/bpk-component-icon/sm/transmission-automatic.js +7 -11
- package/bpk-component-icon/sm/transmission-manual.js +7 -11
- package/bpk-component-icon/sm/trash.js +7 -11
- package/bpk-component-icon/sm/trend--down.js +7 -11
- package/bpk-component-icon/sm/trend--steady.js +7 -11
- package/bpk-component-icon/sm/trend--will-rise.js +7 -11
- package/bpk-component-icon/sm/trend.js +7 -11
- package/bpk-component-icon/sm/trips.js +7 -11
- package/bpk-component-icon/sm/undo.js +7 -11
- package/bpk-component-icon/sm/unlock.js +7 -11
- package/bpk-component-icon/sm/unmute.js +8 -12
- package/bpk-component-icon/sm/upgrade.js +7 -11
- package/bpk-component-icon/sm/upload.js +7 -11
- package/bpk-component-icon/sm/use-location.js +7 -11
- package/bpk-component-icon/sm/view.js +7 -11
- package/bpk-component-icon/sm/virus.js +7 -11
- package/bpk-component-icon/sm/wallet.js +7 -11
- package/bpk-component-icon/sm/weather--clear.js +7 -11
- package/bpk-component-icon/sm/weather--cloudy.js +8 -12
- package/bpk-component-icon/sm/weather--fog.js +7 -11
- package/bpk-component-icon/sm/weather--partly-cloudy.js +7 -11
- package/bpk-component-icon/sm/weather--rain.js +8 -12
- package/bpk-component-icon/sm/weather--snow.js +7 -11
- package/bpk-component-icon/sm/weather--thunderstorm.js +9 -13
- package/bpk-component-icon/sm/weather--tornado.js +7 -11
- package/bpk-component-icon/sm/weather--wind.js +8 -12
- package/bpk-component-icon/sm/weather.js +7 -11
- package/bpk-component-icon/sm/wifi.js +7 -11
- package/bpk-component-icon/sm/window--reduce.js +8 -12
- package/bpk-component-icon/sm/window.js +7 -11
- package/bpk-component-icon/sm/world--amer.js +7 -11
- package/bpk-component-icon/sm/world--apac.js +7 -11
- package/bpk-component-icon/sm/world--emea.js +7 -11
- package/bpk-component-icon/src/classNameModifierHOCFactory.d.ts +6 -29
- package/bpk-component-icon/src/withAlignment.d.ts +3 -26
- package/bpk-component-icon/src/withDescription.d.ts +1 -23
- package/bpk-component-icon/src/withRtlSupport.d.ts +7 -27
- package/bpk-component-image/index.d.ts +3 -21
- package/bpk-component-image/src/BpkBackgroundImage.d.ts +2 -20
- package/bpk-component-image/src/BpkBackgroundImage.js +0 -4
- package/bpk-component-image/src/BpkImage.d.ts +0 -18
- package/bpk-component-image/src/BpkImage.js +0 -4
- package/bpk-component-image/src/BpkImageBorderRadiusStyles.d.ts +0 -18
- package/bpk-component-image/src/withLazyLoading.d.ts +0 -18
- package/bpk-component-image/src/withLoadingBehavior.d.ts +0 -18
- package/bpk-component-info-banner/index.d.ts +1 -26
- package/bpk-component-info-banner/src/AnimateAndFade.d.ts +23 -52
- package/bpk-component-info-banner/src/AnimateAndFade.js +0 -2
- package/bpk-component-info-banner/src/BpkInfoBanner.d.ts +1 -26
- package/bpk-component-info-banner/src/BpkInfoBannerDismissable.d.ts +3 -25
- package/bpk-component-info-banner/src/BpkInfoBannerExpandable.d.ts +7 -33
- package/bpk-component-info-banner/src/BpkInfoBannerInner.d.ts +13 -52
- package/bpk-component-info-banner/src/BpkInfoBannerInner.js +0 -5
- package/bpk-component-info-banner/src/common-types.d.ts +20 -39
- package/bpk-component-info-banner/src/withBannerAlertState.d.ts +86 -159
- package/bpk-component-input/index.d.ts +1 -19
- package/bpk-component-input/src/BpkInput.d.ts +0 -18
- package/bpk-component-input/src/BpkInput.js +14 -8
- package/bpk-component-input/src/BpkInput.module.css +1 -1
- package/bpk-component-input/src/common-types.d.ts +0 -18
- package/bpk-component-input/src/themeAttributes.d.ts +2 -0
- package/bpk-component-input/src/withOpenEvents.d.ts +2 -20
- package/bpk-component-input/src/withOpenEvents.js +7 -15
- package/bpk-component-list/src/BpkList.js +3 -6
- package/bpk-component-loading-button/src/BpkLoadingButton.d.ts +60 -0
- package/bpk-component-loading-button/src/BpkLoadingButton.js +43 -23
- package/bpk-component-loading-button/src/BpkLoadingButton.module.css +1 -1
- package/bpk-component-map/src/BpkBasicMapMarker.d.ts +12 -25
- package/bpk-component-map/src/BpkBasicMapMarker.js +11 -11
- package/bpk-component-map/src/BpkMap.js +2 -1
- package/bpk-component-map/src/BpkPriceMarkerV2/BpkPriceMarker.d.ts +0 -18
- package/bpk-component-mobile-scroll-container/src/BpkMobileScrollContainer.js +1 -12
- package/bpk-component-mobile-scroll-container/src/BpkMobileScrollContainer.module.css +1 -1
- package/bpk-component-modal/index.d.ts +4 -21
- package/bpk-component-modal/src/BpkModal.d.ts +2 -20
- package/bpk-component-modal/src/BpkModal.js +1 -4
- package/bpk-component-modal/src/BpkModalInner.d.ts +6 -20
- package/bpk-component-modal/src/BpkModalV2/BpkModal.d.ts +14 -34
- package/bpk-component-modal/src/themeAttributes.d.ts +2 -0
- package/bpk-component-navigation-bar/index.d.ts +7 -0
- package/bpk-component-navigation-bar/src/BpkNavigationBar.d.ts +21 -0
- package/bpk-component-navigation-bar/src/BpkNavigationBar.js +8 -2
- package/bpk-component-navigation-bar/src/BpkNavigationBar.module.css +1 -1
- package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.d.ts +12 -0
- package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.js +7 -10
- package/bpk-component-navigation-bar/src/BpkNavigationBarIconButton.d.ts +13 -0
- package/bpk-component-navigation-bar/src/BpkNavigationBarIconButton.js +8 -11
- package/bpk-component-navigation-bar/src/themeAttributes.d.ts +2 -0
- package/bpk-component-nudger/index.d.ts +1 -19
- package/bpk-component-nudger/src/BpkConfigurableNudger.d.ts +0 -18
- package/bpk-component-nudger/src/BpkConfigurableNudger.js +4 -26
- package/bpk-component-nudger/src/BpkNudger.d.ts +0 -18
- package/bpk-component-nudger/src/BpkNudger.js +9 -13
- package/bpk-component-nudger/src/BpkNudger.module.css +1 -1
- package/bpk-component-nudger/src/common-types.d.ts +0 -18
- package/bpk-component-nudger/src/themeAttributes.d.ts +2 -0
- package/bpk-component-nudger/src/themeAttributes.js +0 -1
- package/bpk-component-overlay/index.d.ts +1 -23
- package/bpk-component-overlay/src/BpkOverlay.d.ts +0 -18
- package/bpk-component-pagination/src/BpkPaginationNudger.js +14 -25
- package/bpk-component-pagination/src/BpkPaginationNudger.module.css +1 -1
- package/bpk-component-phone-input/src/BpkPhoneInput.js +12 -14
- package/bpk-component-popover/index.d.ts +5 -0
- package/bpk-component-popover/src/BpkPopover.d.ts +26 -0
- package/bpk-component-popover/src/BpkPopover.js +23 -19
- package/bpk-component-popover/src/BpkPopover.module.css +1 -1
- package/bpk-component-popover/src/constants.d.ts +5 -0
- package/bpk-component-popover/src/constants.js +3 -1
- package/bpk-component-popover/src/themeAttributes.d.ts +2 -0
- package/bpk-component-price/src/BpkPrice.js +24 -28
- package/bpk-component-price/src/BpkPrice.module.css +1 -1
- package/bpk-component-rtl-toggle/index.d.ts +0 -19
- package/bpk-component-rtl-toggle/src/BpkRtlToggle.d.ts +8 -34
- package/bpk-component-rtl-toggle/src/BpkRtlToggle.js +1 -8
- package/bpk-component-rtl-toggle/src/updateOnDirectionChange.d.ts +53 -146
- package/bpk-component-rtl-toggle/src/utils.d.ts +3 -21
- package/bpk-component-scrollable-calendar/index.d.ts +0 -18
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendar.d.ts +10 -478
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarDate.d.ts +0 -18
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.d.ts +0 -18
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.js +6 -7
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.module.css +1 -1
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.d.ts +3 -18
- package/bpk-component-scrollable-calendar/src/utils.d.ts +0 -18
- package/bpk-component-section-header/index.d.ts +0 -19
- package/bpk-component-section-header/src/BpkSectionHeader.d.ts +7 -25
- package/bpk-component-section-header/src/BpkSectionHeader.js +5 -10
- package/bpk-component-section-header/src/BpkSectionHeader.module.css +1 -1
- package/bpk-component-section-list/src/BpkSectionListItem.js +6 -10
- package/bpk-component-section-list/src/BpkSectionListItem.module.css +1 -1
- package/bpk-component-skeleton/index.d.ts +3 -0
- package/{bpk-component-datepicker/src/BpkDatepicker.module.css → bpk-component-skeleton/index.js} +8 -5
- package/bpk-component-skeleton/src/BpkBaseSkeleton.d.d.ts +10 -0
- package/bpk-component-skeleton/src/BpkBaseSkeleton.d.ts +8 -0
- package/{bpk-component-input/src/BpkClearButton.module.css → bpk-component-skeleton/src/BpkBaseSkeleton.js} +17 -5
- package/bpk-component-skeleton/src/BpkBaseSkeleton.module.css +18 -0
- package/bpk-component-skeleton/src/BpkSkeleton.d.d.ts +4 -0
- package/bpk-component-skeleton/src/BpkSkeleton.d.ts +4 -0
- package/bpk-component-skeleton/src/BpkSkeleton.js +38 -0
- package/bpk-component-skeleton/src/BpkSkeleton.module.css +18 -0
- package/bpk-component-skeleton/src/common-types.d.d.ts +37 -0
- package/bpk-component-skeleton/src/common-types.d.ts +37 -0
- package/{bpk-component-input/src/BpkClearButton.d.ts → bpk-component-skeleton/src/common-types.js} +15 -6
- package/bpk-component-slider/index.d.ts +4 -0
- package/bpk-component-slider/src/BpkSlider.d.ts +15 -0
- package/bpk-component-slider/src/BpkSlider.js +48 -37
- package/bpk-component-slider/src/BpkSlider.module.css +1 -1
- package/bpk-component-slider/src/themeAttributes.d.ts +2 -0
- package/bpk-component-spinner/index.d.ts +6 -0
- package/bpk-component-spinner/index.js +3 -1
- package/bpk-component-spinner/src/BpkExtraLargeSpinner.d.ts +19 -0
- package/bpk-component-spinner/src/BpkExtraLargeSpinner.js +8 -9
- package/bpk-component-spinner/src/BpkLargeSpinner.d.ts +22 -0
- package/bpk-component-spinner/src/BpkLargeSpinner.js +8 -9
- package/bpk-component-spinner/src/BpkSpinner.d.ts +22 -0
- package/bpk-component-spinner/src/BpkSpinner.js +8 -9
- package/bpk-component-spinner/src/BpkSpinner.module.css +1 -1
- package/bpk-component-spinner/src/spinnerTypes.d.ts +6 -0
- package/bpk-component-spinner/src/themeAttributes.d.ts +2 -0
- package/bpk-component-star-rating/src/BpkInteractiveStar.js +6 -7
- package/bpk-component-star-rating/src/BpkStar.js +14 -21
- package/bpk-component-star-rating/src/BpkStar.module.css +1 -1
- package/bpk-component-swap-button/index.d.ts +0 -18
- package/bpk-component-swap-button/src/BpkSwapButton.d.ts +2 -23
- package/bpk-component-swap-button/src/BpkSwapButton.js +0 -2
- package/bpk-component-text/index.d.ts +0 -18
- package/bpk-component-text/src/BpkText.d.ts +2 -20
- package/bpk-component-theme-toggle/src/BpkThemeToggle.js +5 -6
- package/bpk-component-tooltip/index.d.ts +1 -19
- package/bpk-component-tooltip/src/BpkTooltip.d.ts +1 -19
- package/bpk-component-tooltip/src/BpkTooltipPortal.d.ts +1 -19
- package/bpk-component-tooltip/src/constants.d.ts +0 -18
- package/bpk-mixins/_forms.scss +16 -0
- package/bpk-react-utils/index.d.ts +4 -55
- package/bpk-react-utils/src/BpkDialogWrapper/BpkDialogWrapper.d.ts +23 -44
- package/bpk-react-utils/src/Portal.d.ts +1 -19
- package/bpk-react-utils/src/TransitionInitialMount.d.ts +0 -18
- package/bpk-react-utils/src/cssModules.d.ts +0 -18
- package/bpk-react-utils/src/deviceDetection.d.ts +0 -18
- package/bpk-react-utils/src/isRTL.d.ts +0 -18
- package/bpk-react-utils/src/withDefaultProps.d.ts +0 -18
- package/bpk-react-utils/src/wrapDisplayName.d.ts +0 -18
- package/bpk-scrim-utils/index.d.ts +0 -18
- package/bpk-scrim-utils/src/BpkScrim.d.ts +0 -18
- package/bpk-scrim-utils/src/scroll-utils.d.ts +0 -18
- package/bpk-scrim-utils/src/withScrim.d.ts +13 -19
- package/bpk-scrim-utils/src/withScrimmedPortal.d.ts +2 -20
- package/package.json +4 -4
- package/unstable__bpk-mixins/_forms.scss +16 -0
- package/bpk-component-calendar/test-utils.d.ts +0 -56
- package/bpk-component-flare/src/__generated__/corner-radius.d.ts +0 -6
- package/bpk-component-flare/src/__generated__/pointer.d.ts +0 -6
- package/bpk-component-input/src/BpkClearButton.js +0 -53
- package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.module.css +0 -18
- package/bpk-component-scrollable-calendar/test-utils.d.ts +0 -52
|
@@ -1,45 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
children: ReactNode;
|
|
24
|
-
closeOnEscPressed?: boolean;
|
|
25
|
-
closeOnScrimClick?: boolean;
|
|
26
|
-
dialogClassName?: string;
|
|
27
|
-
id: string | undefined;
|
|
28
|
-
isOpen: boolean;
|
|
29
|
-
onClose: (
|
|
30
|
-
arg0?: Event | KeyboardEvent | MouseEvent | PointerEvent | TouchEvent,
|
|
31
|
-
arg1?: {
|
|
32
|
-
source: 'ESCAPE' | 'DOCUMENT_CLICK';
|
|
33
|
-
},
|
|
34
|
-
) => void | null;
|
|
35
|
-
exiting?: boolean;
|
|
36
|
-
transitionClassNames?: {
|
|
37
|
-
appear?: string,
|
|
38
|
-
appearActive?: string,
|
|
39
|
-
exit?: string
|
|
40
|
-
};
|
|
41
|
-
timeout?: {appear?: number, exit?: number};
|
|
1
|
+
import type { SyntheticEvent, ReactNode } from "react";
|
|
2
|
+
export interface Props {
|
|
3
|
+
ariaLabelledby: string;
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
closeOnEscPressed?: boolean;
|
|
6
|
+
closeOnScrimClick?: boolean;
|
|
7
|
+
dialogClassName?: string;
|
|
8
|
+
id: string | undefined;
|
|
9
|
+
isOpen: boolean;
|
|
10
|
+
onClose: (arg0?: TouchEvent | MouseEvent | KeyboardEvent | SyntheticEvent<HTMLDialogElement, Event>, arg1?: {
|
|
11
|
+
source: 'ESCAPE' | 'DOCUMENT_CLICK';
|
|
12
|
+
}) => void | null;
|
|
13
|
+
exiting?: boolean;
|
|
14
|
+
transitionClassNames?: {
|
|
15
|
+
appear?: string;
|
|
16
|
+
appearActive?: string;
|
|
17
|
+
exit?: string;
|
|
18
|
+
};
|
|
19
|
+
timeout?: {
|
|
20
|
+
appear?: number;
|
|
21
|
+
exit?: number;
|
|
22
|
+
};
|
|
42
23
|
}
|
|
43
|
-
|
|
44
|
-
declare const BpkDialogWrapper: ({ariaLabelledby, children, closeOnEscPressed, closeOnScrimClick, dialogClassName, id, isOpen, onClose, exiting, transitionClassNames, timeout}: Props) => JSX.Element;
|
|
45
|
-
export default BpkDialogWrapper;
|
|
24
|
+
export declare const BpkDialogWrapper: (props: Props) => JSX.Element | null;
|
|
@@ -1,21 +1,3 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Backpack - Skyscanner's Design System
|
|
3
|
-
*
|
|
4
|
-
* Copyright 2016 Skyscanner Ltd
|
|
5
|
-
*
|
|
6
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
7
|
-
* you may not use this file except in compliance with the License.
|
|
8
|
-
* You may obtain a copy of the License at
|
|
9
|
-
*
|
|
10
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
-
*
|
|
12
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
13
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
14
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
|
-
* See the License for the specific language governing permissions and
|
|
16
|
-
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
1
|
import { Component } from 'react';
|
|
20
2
|
import type { ReactNode } from 'react';
|
|
21
3
|
type InteractionEvents = TouchEvent | MouseEvent | KeyboardEvent;
|
|
@@ -32,7 +14,7 @@ type Props = {
|
|
|
32
14
|
style: {} | null | undefined;
|
|
33
15
|
renderTarget: null | HTMLElement | (() => null | HTMLElement);
|
|
34
16
|
target: null | HTMLElement | JSX.Element | (() => HTMLElement);
|
|
35
|
-
targetRef: ((arg0: null | Element |
|
|
17
|
+
targetRef: ((arg0: null | Element | undefined) => void) | null | undefined;
|
|
36
18
|
closeOnEscPressed: boolean;
|
|
37
19
|
};
|
|
38
20
|
type State = {
|
|
@@ -1,21 +1,3 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Backpack - Skyscanner's Design System
|
|
3
|
-
*
|
|
4
|
-
* Copyright 2016 Skyscanner Ltd
|
|
5
|
-
*
|
|
6
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
7
|
-
* you may not use this file except in compliance with the License.
|
|
8
|
-
* You may obtain a copy of the License at
|
|
9
|
-
*
|
|
10
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
-
*
|
|
12
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
13
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
14
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
|
-
* See the License for the specific language governing permissions and
|
|
16
|
-
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
1
|
import type { ReactNode } from 'react';
|
|
20
2
|
type Props = {
|
|
21
3
|
appearClassName: string;
|
|
@@ -1,21 +1,3 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Backpack - Skyscanner's Design System
|
|
3
|
-
*
|
|
4
|
-
* Copyright 2016 Skyscanner Ltd
|
|
5
|
-
*
|
|
6
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
7
|
-
* you may not use this file except in compliance with the License.
|
|
8
|
-
* You may obtain a copy of the License at
|
|
9
|
-
*
|
|
10
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
-
*
|
|
12
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
13
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
14
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
|
-
* See the License for the specific language governing permissions and
|
|
16
|
-
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
1
|
declare const _default: (styles?: {
|
|
20
2
|
[key: string]: any;
|
|
21
3
|
}) => (...classNames: Array<string | boolean | number | {} | null | undefined>) => string;
|
|
@@ -1,21 +1,3 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Backpack - Skyscanner's Design System
|
|
3
|
-
*
|
|
4
|
-
* Copyright 2016 Skyscanner Ltd
|
|
5
|
-
*
|
|
6
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
7
|
-
* you may not use this file except in compliance with the License.
|
|
8
|
-
* You may obtain a copy of the License at
|
|
9
|
-
*
|
|
10
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
-
*
|
|
12
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
13
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
14
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
|
-
* See the License for the specific language governing permissions and
|
|
16
|
-
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
1
|
declare const isDeviceIphone: () => boolean;
|
|
20
2
|
declare const isDeviceIpad: () => boolean;
|
|
21
3
|
declare const isDeviceIos: () => boolean;
|
|
@@ -1,20 +1,2 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Backpack - Skyscanner's Design System
|
|
3
|
-
*
|
|
4
|
-
* Copyright 2016 Skyscanner Ltd
|
|
5
|
-
*
|
|
6
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
7
|
-
* you may not use this file except in compliance with the License.
|
|
8
|
-
* You may obtain a copy of the License at
|
|
9
|
-
*
|
|
10
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
-
*
|
|
12
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
13
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
14
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
|
-
* See the License for the specific language governing permissions and
|
|
16
|
-
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
1
|
declare const isRTL: () => boolean;
|
|
20
2
|
export default isRTL;
|
|
@@ -1,21 +1,3 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Backpack - Skyscanner's Design System
|
|
3
|
-
*
|
|
4
|
-
* Copyright 2016 Skyscanner Ltd
|
|
5
|
-
*
|
|
6
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
7
|
-
* you may not use this file except in compliance with the License.
|
|
8
|
-
* You may obtain a copy of the License at
|
|
9
|
-
*
|
|
10
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
-
*
|
|
12
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
13
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
14
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
|
-
* See the License for the specific language governing permissions and
|
|
16
|
-
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
1
|
import type { ReactNode, ComponentType } from 'react';
|
|
20
2
|
type Props = {
|
|
21
3
|
children?: ReactNode | string;
|
|
@@ -1,21 +1,3 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Backpack - Skyscanner's Design System
|
|
3
|
-
*
|
|
4
|
-
* Copyright 2016 Skyscanner Ltd
|
|
5
|
-
*
|
|
6
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
7
|
-
* you may not use this file except in compliance with the License.
|
|
8
|
-
* You may obtain a copy of the License at
|
|
9
|
-
*
|
|
10
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
-
*
|
|
12
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
13
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
14
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
|
-
* See the License for the specific language governing permissions and
|
|
16
|
-
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
1
|
import type { ComponentType } from 'react';
|
|
20
2
|
declare const wrapDisplayName: (Component: ComponentType<any> | string | null, hoc: string) => string;
|
|
21
3
|
export default wrapDisplayName;
|
|
@@ -1,21 +1,3 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Backpack - Skyscanner's Design System
|
|
3
|
-
*
|
|
4
|
-
* Copyright 2016 Skyscanner Ltd
|
|
5
|
-
*
|
|
6
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
7
|
-
* you may not use this file except in compliance with the License.
|
|
8
|
-
* You may obtain a copy of the License at
|
|
9
|
-
*
|
|
10
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
-
*
|
|
12
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
13
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
14
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
|
-
* See the License for the specific language governing permissions and
|
|
16
|
-
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
1
|
/// <reference types="react" />
|
|
20
2
|
import withScrim from './src/withScrim';
|
|
21
3
|
import withScrimmedPortal from './src/withScrimmedPortal';
|
|
@@ -1,21 +1,3 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Backpack - Skyscanner's Design System
|
|
3
|
-
*
|
|
4
|
-
* Copyright 2016 Skyscanner Ltd
|
|
5
|
-
*
|
|
6
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
7
|
-
* you may not use this file except in compliance with the License.
|
|
8
|
-
* You may obtain a copy of the License at
|
|
9
|
-
*
|
|
10
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
-
*
|
|
12
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
13
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
14
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
|
-
* See the License for the specific language governing permissions and
|
|
16
|
-
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
1
|
import type { SyntheticEvent } from 'react';
|
|
20
2
|
type Props = {
|
|
21
3
|
onClose?: (e?: SyntheticEvent) => void | null;
|
|
@@ -1,21 +1,3 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Backpack - Skyscanner's Design System
|
|
3
|
-
*
|
|
4
|
-
* Copyright 2016 Skyscanner Ltd
|
|
5
|
-
*
|
|
6
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
7
|
-
* you may not use this file except in compliance with the License.
|
|
8
|
-
* You may obtain a copy of the License at
|
|
9
|
-
*
|
|
10
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
-
*
|
|
12
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
13
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
14
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
|
-
* See the License for the specific language governing permissions and
|
|
16
|
-
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
1
|
export declare const storeScroll: () => void;
|
|
20
2
|
export declare const restoreScroll: () => void;
|
|
21
3
|
export declare const fixBody: () => void;
|
|
@@ -1,32 +1,26 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Backpack - Skyscanner's Design System
|
|
3
|
-
*
|
|
4
|
-
* Copyright 2016 Skyscanner Ltd
|
|
5
|
-
*
|
|
6
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
7
|
-
* you may not use this file except in compliance with the License.
|
|
8
|
-
* You may obtain a copy of the License at
|
|
9
|
-
*
|
|
10
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
-
*
|
|
12
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
13
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
14
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
|
-
* See the License for the specific language governing permissions and
|
|
16
|
-
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
1
|
import type { ComponentType } from 'react';
|
|
20
2
|
export type Props = {
|
|
3
|
+
/**
|
|
4
|
+
* The `pagewrap` element id is a convention we use internally at Skyscanner. In most cases it should "just work".
|
|
5
|
+
*/
|
|
21
6
|
getApplicationElement: () => HTMLElement | null;
|
|
7
|
+
/**
|
|
8
|
+
* This is required unless `closeOnScrimClick` is false. It should be set as the `onClick` action on a button or a link.
|
|
9
|
+
*/
|
|
22
10
|
onClose?: () => void | null;
|
|
11
|
+
/**
|
|
12
|
+
* Can be used to apply iPhone only styles or behaviour, as it has different scrolling behaviour
|
|
13
|
+
*/
|
|
23
14
|
isIphone?: boolean;
|
|
24
15
|
isIpad?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* It can be used to apply styles to the full-screen container into which the enriched component is inserted (e.g. `display: flex` or `display: grid`)
|
|
18
|
+
*/
|
|
25
19
|
containerClassName?: string;
|
|
26
20
|
closeOnScrimClick?: boolean;
|
|
27
21
|
[rest: string]: any;
|
|
28
22
|
};
|
|
29
|
-
declare const withScrim: <P extends object>(WrappedComponent:
|
|
23
|
+
declare const withScrim: <P extends object>(WrappedComponent: ComponentType<P> | string) => {
|
|
30
24
|
new (props: (Props & Omit<P, "dialogRef">) | Readonly<Props & Omit<P, "dialogRef">>): {
|
|
31
25
|
dialogElement?: HTMLElement | null | undefined;
|
|
32
26
|
componentDidMount(): void;
|
|
@@ -1,25 +1,7 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Backpack - Skyscanner's Design System
|
|
3
|
-
*
|
|
4
|
-
* Copyright 2016 Skyscanner Ltd
|
|
5
|
-
*
|
|
6
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
7
|
-
* you may not use this file except in compliance with the License.
|
|
8
|
-
* You may obtain a copy of the License at
|
|
9
|
-
*
|
|
10
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
-
*
|
|
12
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
13
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
14
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
|
-
* See the License for the specific language governing permissions and
|
|
16
|
-
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
1
|
import type { ComponentType } from 'react';
|
|
20
2
|
import type { Props as ScrimProps } from './withScrim';
|
|
21
|
-
type Props = ScrimProps & {
|
|
3
|
+
export type Props = ScrimProps & {
|
|
22
4
|
renderTarget?: (() => HTMLElement | null) | null;
|
|
23
5
|
};
|
|
24
|
-
declare const withScrimmedPortal: (WrappedComponent: ComponentType<ScrimProps>) => ({ renderTarget, ...rest }: Props) =>
|
|
6
|
+
declare const withScrimmedPortal: (WrappedComponent: ComponentType<ScrimProps>) => ({ renderTarget, ...rest }: Props) => JSX.Element;
|
|
25
7
|
export default withScrimmedPortal;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyscanner/backpack-web",
|
|
3
|
-
"version": "34.0.0
|
|
3
|
+
"version": "34.0.0",
|
|
4
4
|
"description": "Backpack Design System web library",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -24,9 +24,10 @@
|
|
|
24
24
|
"dependencies": {
|
|
25
25
|
"@floating-ui/react": "^0.26.12",
|
|
26
26
|
"@popperjs/core": "^2.11.8",
|
|
27
|
+
"@radix-ui/react-slider": "^1.1.2",
|
|
27
28
|
"@react-google-maps/api": "^2.12.0",
|
|
28
|
-
"@skyscanner/bpk-foundations-web": "^17.
|
|
29
|
-
"@skyscanner/bpk-svgs": "^19.
|
|
29
|
+
"@skyscanner/bpk-foundations-web": "^17.11.0",
|
|
30
|
+
"@skyscanner/bpk-svgs": "^19.3.0",
|
|
30
31
|
"a11y-focus-scope": "^1.1.3",
|
|
31
32
|
"a11y-focus-store": "^1.0.0",
|
|
32
33
|
"d3-path": "^2.0.0",
|
|
@@ -40,7 +41,6 @@
|
|
|
40
41
|
"object-assign": "^4.1.1",
|
|
41
42
|
"prop-types": "^15.7.2",
|
|
42
43
|
"react-autosuggest": "^9.4.3",
|
|
43
|
-
"react-slider": "^2.0.6",
|
|
44
44
|
"react-table": "^7.8.0",
|
|
45
45
|
"react-virtualized-auto-sizer": "1.0.20",
|
|
46
46
|
"react-window": "^1.8.7"
|
|
@@ -188,11 +188,27 @@
|
|
|
188
188
|
right: tokens.bpk-spacing-md();
|
|
189
189
|
height: tokens.$bpk-input-height;
|
|
190
190
|
|
|
191
|
+
// remove any default button styling
|
|
192
|
+
padding: 0;
|
|
193
|
+
border: 0;
|
|
194
|
+
background-color: transparent;
|
|
195
|
+
color: tokens.$bpk-text-secondary-day;
|
|
196
|
+
cursor: pointer;
|
|
197
|
+
appearance: none; // hidden by default
|
|
198
|
+
|
|
191
199
|
@include utils.bpk-rtl {
|
|
192
200
|
right: inherit;
|
|
193
201
|
left: tokens.bpk-spacing-md();
|
|
194
202
|
}
|
|
195
203
|
|
|
204
|
+
@include utils.bpk-hover {
|
|
205
|
+
color: tokens.$bpk-text-primary-day;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
&:active {
|
|
209
|
+
color: tokens.$bpk-text-primary-day;
|
|
210
|
+
}
|
|
211
|
+
|
|
196
212
|
&--large {
|
|
197
213
|
right: tokens.bpk-spacing-base();
|
|
198
214
|
height: tokens.$bpk-input-large-height;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Backpack - Skyscanner's Design System
|
|
3
|
-
*
|
|
4
|
-
* Copyright 2016 Skyscanner Ltd
|
|
5
|
-
*
|
|
6
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
7
|
-
* you may not use this file except in compliance with the License.
|
|
8
|
-
* You may obtain a copy of the License at
|
|
9
|
-
*
|
|
10
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
-
*
|
|
12
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
13
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
14
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
|
-
* See the License for the specific language governing permissions and
|
|
16
|
-
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
|
-
export declare const formatDateFull: (date: Date) => string;
|
|
20
|
-
export declare const formatDateFullArabic: (date: Date) => string;
|
|
21
|
-
export declare const formatDateFullJapanese: (date: Date) => string;
|
|
22
|
-
export declare const formatMonth: (date: Date) => string;
|
|
23
|
-
export declare const formatMonthArabic: (date: Date) => string;
|
|
24
|
-
export declare const formatMonthJapanese: (date: Date) => string;
|
|
25
|
-
export declare const weekDays: {
|
|
26
|
-
name: string;
|
|
27
|
-
nameAbbr: string;
|
|
28
|
-
nameNarrow: string;
|
|
29
|
-
index: number;
|
|
30
|
-
isWeekend: boolean;
|
|
31
|
-
}[];
|
|
32
|
-
export declare const weekDaysMoreWeekend: {
|
|
33
|
-
name: string;
|
|
34
|
-
nameAbbr: string;
|
|
35
|
-
nameNarrow: string;
|
|
36
|
-
index: number;
|
|
37
|
-
isWeekend: boolean;
|
|
38
|
-
}[];
|
|
39
|
-
export declare const weekDaysArabic: {
|
|
40
|
-
name: string;
|
|
41
|
-
nameAbbr: string;
|
|
42
|
-
nameShort: string;
|
|
43
|
-
nameNarrow: string;
|
|
44
|
-
index: number;
|
|
45
|
-
cldrKey: string;
|
|
46
|
-
isWeekend: boolean;
|
|
47
|
-
}[];
|
|
48
|
-
export declare const weekDaysJapanese: {
|
|
49
|
-
name: string;
|
|
50
|
-
nameAbbr: string;
|
|
51
|
-
nameShort: string;
|
|
52
|
-
nameNarrow: string;
|
|
53
|
-
index: number;
|
|
54
|
-
cldrKey: string;
|
|
55
|
-
isWeekend: boolean;
|
|
56
|
-
}[];
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Backpack - Skyscanner's Design System
|
|
3
|
-
*
|
|
4
|
-
* Copyright 2016 Skyscanner Ltd
|
|
5
|
-
*
|
|
6
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
7
|
-
* you may not use this file except in compliance with the License.
|
|
8
|
-
* You may obtain a copy of the License at
|
|
9
|
-
*
|
|
10
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
-
*
|
|
12
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
13
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
14
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
|
-
* See the License for the specific language governing permissions and
|
|
16
|
-
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
|
-
import { withButtonAlignment } from "../../bpk-component-icon";
|
|
20
|
-
// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
|
|
21
|
-
import ClearIcon from "../../bpk-component-icon/sm/close-circle";
|
|
22
|
-
import { cssModules } from "../../bpk-react-utils";
|
|
23
|
-
import STYLES from "./BpkClearButton.module.css";
|
|
24
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
25
|
-
const getClassName = cssModules(STYLES);
|
|
26
|
-
const ClearButtonIcon = withButtonAlignment(ClearIcon);
|
|
27
|
-
const BpkClearButton = ({
|
|
28
|
-
className,
|
|
29
|
-
label,
|
|
30
|
-
onClick,
|
|
31
|
-
...rest
|
|
32
|
-
}) => {
|
|
33
|
-
const classNames = [getClassName('bpk-clear-button')];
|
|
34
|
-
if (className) {
|
|
35
|
-
classNames.push(className);
|
|
36
|
-
}
|
|
37
|
-
return /*#__PURE__*/_jsx("button", {
|
|
38
|
-
type: "button",
|
|
39
|
-
title: label,
|
|
40
|
-
onClick: onClick,
|
|
41
|
-
"aria-label": label,
|
|
42
|
-
className: classNames.join(' '),
|
|
43
|
-
...rest,
|
|
44
|
-
children: /*#__PURE__*/_jsx(ClearButtonIcon, {
|
|
45
|
-
focusable: "false" // prevents focus on IE11
|
|
46
|
-
// TODO: className to be removed
|
|
47
|
-
// eslint-disable-next-line @skyscanner/rules/forbid-component-props
|
|
48
|
-
,
|
|
49
|
-
className: getClassName('bpk-clear-button__icon')
|
|
50
|
-
})
|
|
51
|
-
});
|
|
52
|
-
};
|
|
53
|
-
export default BpkClearButton;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Backpack - Skyscanner's Design System
|
|
3
|
-
*
|
|
4
|
-
* Copyright 2016 Skyscanner Ltd
|
|
5
|
-
*
|
|
6
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
7
|
-
* you may not use this file except in compliance with the License.
|
|
8
|
-
* You may obtain a copy of the License at
|
|
9
|
-
*
|
|
10
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
-
*
|
|
12
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
13
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
14
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
|
-
* See the License for the specific language governing permissions and
|
|
16
|
-
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
.bpk-navigation-bar-button-link{color:#161616;color:var(--bpk-navigation-bar-button-link-color, rgb(22, 22, 22))}.bpk-no-touch-support .bpk-navigation-bar-button-link:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-navigation-bar-button-link-hover-color, rgb(22, 22, 22))}:global(.bpk-no-touch-support) .bpk-navigation-bar-button-link:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-navigation-bar-button-link-hover-color, rgb(22, 22, 22))}.bpk-navigation-bar-button-link:active{color:#161616;color:var(--bpk-navigation-bar-button-link-active-color, rgb(22, 22, 22))}.bpk-navigation-bar-button-link:visited{color:#161616;color:var(--bpk-navigation-bar-button-link-visited-color, rgb(22, 22, 22))}.bpk-navigation-bar-button-link--on-dark{color:#fff}.bpk-no-touch-support .bpk-navigation-bar-button-link--on-dark:hover:not(:active):not(:disabled){color:#fff}:global(.bpk-no-touch-support) .bpk-navigation-bar-button-link--on-dark:hover:not(:active):not(:disabled){color:#fff}.bpk-navigation-bar-button-link--on-dark:active{color:#fff}.bpk-navigation-bar-button-link--on-dark:visited{color:#fff}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Backpack - Skyscanner's Design System
|
|
3
|
-
*
|
|
4
|
-
* Copyright 2016 Skyscanner Ltd
|
|
5
|
-
*
|
|
6
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
7
|
-
* you may not use this file except in compliance with the License.
|
|
8
|
-
* You may obtain a copy of the License at
|
|
9
|
-
*
|
|
10
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
-
*
|
|
12
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
13
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
14
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
|
-
* See the License for the specific language governing permissions and
|
|
16
|
-
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
|
-
export declare const formatDateFull: (date: Date) => string;
|
|
20
|
-
export declare const formatDateFullArabic: (date: Date) => string;
|
|
21
|
-
export declare const formatDateFullJapanese: (date: Date) => string;
|
|
22
|
-
export declare const formatMonth: (date: Date) => string;
|
|
23
|
-
export declare const formatMonthArabic: (date: Date) => string;
|
|
24
|
-
export declare const formatMonthJapanese: (date: Date) => string;
|
|
25
|
-
export declare const weekDays: {
|
|
26
|
-
name: string;
|
|
27
|
-
nameAbbr: string;
|
|
28
|
-
index: number;
|
|
29
|
-
isWeekend: boolean;
|
|
30
|
-
}[];
|
|
31
|
-
export declare const weekDaysMoreWeekend: {
|
|
32
|
-
name: string;
|
|
33
|
-
nameAbbr: string;
|
|
34
|
-
index: number;
|
|
35
|
-
isWeekend: boolean;
|
|
36
|
-
}[];
|
|
37
|
-
export declare const weekDaysArabic: {
|
|
38
|
-
name: string;
|
|
39
|
-
nameAbbr: string;
|
|
40
|
-
nameShort: string;
|
|
41
|
-
index: number;
|
|
42
|
-
cldrKey: string;
|
|
43
|
-
isWeekend: boolean;
|
|
44
|
-
}[];
|
|
45
|
-
export declare const weekDaysJapanese: {
|
|
46
|
-
name: string;
|
|
47
|
-
nameAbbr: string;
|
|
48
|
-
nameShort: string;
|
|
49
|
-
index: number;
|
|
50
|
-
cldrKey: string;
|
|
51
|
-
isWeekend: boolean;
|
|
52
|
-
}[];
|