@skyscanner/backpack-web 4.1.0 → 6.0.0-alpha.1
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 +65 -64
- package/bpk-component-accordion/src/BpkAccordion.js +0 -1
- package/bpk-component-accordion/src/BpkAccordionItem.js +0 -1
- package/bpk-component-accordion/src/withAccordionItemState.js +0 -1
- package/bpk-component-accordion/src/withSingleItemAccordionState.js +0 -1
- package/bpk-component-aria-live/src/BpkAriaLive.js +0 -1
- package/bpk-component-autosuggest/src/BpkAutosuggest.js +1 -2
- package/bpk-component-autosuggest/src/BpkAutosuggestSuggestion.js +0 -1
- package/bpk-component-badge/src/BpkBadge.js +0 -1
- package/bpk-component-banner-alert/src/AnimateAndFade.js +2 -3
- package/bpk-component-banner-alert/src/BpkBannerAlertInner.js +1 -2
- package/bpk-component-banner-alert/src/withBannerAlertState.js +0 -1
- package/bpk-component-barchart/src/BpkBarchart.js +0 -1
- package/bpk-component-barchart/src/BpkBarchartBar.js +1 -2
- package/bpk-component-barchart/src/BpkChartAxis.js +1 -2
- package/bpk-component-barchart/src/BpkChartDataTable.js +0 -1
- package/bpk-component-barchart/src/BpkChartGridLines.js +0 -1
- package/bpk-component-blockquote/src/BpkBlockquote.js +0 -1
- package/bpk-component-breadcrumb/src/BpkBreadcrumb.js +0 -1
- package/bpk-component-breadcrumb/src/BpkBreadcrumbItem.js +0 -1
- package/bpk-component-button/src/BpkButtonBase.module.css +1 -1
- package/bpk-component-button/src/BpkButtonDestructive.module.css +1 -1
- package/bpk-component-button/src/BpkButtonFeatured.module.css +1 -1
- package/bpk-component-button/src/BpkButtonLink.module.css +1 -1
- package/bpk-component-button/src/BpkButtonLinkOnDark.module.css +18 -0
- package/bpk-component-button/src/BpkButtonPrimaryOnDark.module.css +18 -0
- package/bpk-component-button/src/BpkButtonPrimaryOnLight.module.css +18 -0
- package/bpk-component-button/src/BpkButtonSecondary.module.css +1 -1
- package/bpk-component-button/src/BpkButtonSecondaryOnDark.module.css +18 -0
- package/bpk-component-calendar/src/BpkCalendarContainer.js +0 -1
- package/bpk-component-calendar/src/BpkCalendarDate.js +0 -1
- package/bpk-component-calendar/src/BpkCalendarGrid.js +0 -1
- package/bpk-component-calendar/src/BpkCalendarGridHeader.js +0 -1
- package/bpk-component-calendar/src/BpkCalendarGridTransition.js +0 -1
- package/bpk-component-calendar/src/BpkCalendarNav.js +0 -1
- package/bpk-component-calendar/src/Week.js +0 -1
- package/bpk-component-calendar/src/composeCalendar.js +0 -1
- package/bpk-component-card/src/BpkCard.js +0 -1
- package/bpk-component-checkbox/src/BpkCheckbox.js +0 -1
- package/bpk-component-chip/src/BpkDismissibleChip.js +0 -1
- package/bpk-component-chip/src/BpkSelectableChip.js +0 -1
- package/bpk-component-close-button/src/BpkCloseButton.js +0 -1
- package/bpk-component-code/src/BpkCode.js +0 -1
- package/bpk-component-code/src/BpkCodeBlock.js +0 -1
- package/bpk-component-content-container/src/BpkContentContainer.js +0 -1
- package/bpk-component-content-container/src/BpkContentContainer.module.css +1 -1
- package/bpk-component-datatable/src/BpkDataTable.js +1 -2
- package/bpk-component-datatable/src/BpkDataTableColumn.js +0 -1
- package/bpk-component-datatable/src/bpkHeaderRenderer.js +0 -1
- package/bpk-component-datepicker/src/BpkDatepicker.js +16 -15
- package/bpk-component-description-list/src/ComponentFactory.js +0 -1
- package/bpk-component-dialog/src/BpkDialog.js +0 -1
- package/bpk-component-dialog/src/BpkDialogInner.js +0 -1
- package/bpk-component-dialog/src/BpkDialogInner.module.css +1 -1
- package/bpk-component-drawer/src/BpkDrawer.js +2 -11
- package/bpk-component-drawer/src/BpkDrawerContent.js +0 -1
- package/bpk-component-drawer/src/BpkDrawerContent.module.css +1 -1
- package/bpk-component-fieldset/src/BpkFieldset.js +0 -1
- package/bpk-component-flare/src/BpkContentBubble.js +0 -1
- package/bpk-component-flare/src/BpkFlareBar.js +0 -1
- package/bpk-component-flare/src/bpk-flare-bar.module.css +1 -1
- package/bpk-component-floating-notification/README.md +5 -0
- package/bpk-component-floating-notification/src/BpkFloatingNotification.js +6 -2
- package/bpk-component-floating-notification/src/BpkFloatingNotification.module.css +1 -1
- package/bpk-component-form-validation/src/BpkFormValidation.js +4 -5
- package/bpk-component-graphic-promotion/src/BpkGraphicPromo.js +0 -1
- package/bpk-component-graphic-promotion/src/BpkGraphicPromo.module.css +18 -0
- package/bpk-component-graphic-promotion/src/custom-breakpoints.module.css +17 -0
- package/bpk-component-grid/src/BpkGridColumn.js +0 -1
- package/bpk-component-grid/src/BpkGridColumn.module.css +1 -1
- package/bpk-component-grid/src/BpkGridContainer.js +0 -1
- package/bpk-component-grid/src/BpkGridContainer.module.css +1 -1
- package/bpk-component-grid/src/BpkGridRow.js +0 -1
- package/bpk-component-grid/src/BpkGridRow.module.css +1 -1
- package/bpk-component-grid-toggle/src/BpkGridToggle.js +0 -1
- package/bpk-component-horizontal-nav/src/BpkHorizontalNav.js +1 -2
- package/bpk-component-horizontal-nav/src/BpkHorizontalNavItem.js +0 -1
- package/bpk-component-icon/src/BpkIcon.module.css +1 -1
- package/bpk-component-icon/src/classNameModifierHOCFactory.js +0 -1
- package/bpk-component-icon/src/withAlignment.js +0 -1
- package/bpk-component-icon/src/withDescription.js +0 -1
- package/bpk-component-image/src/BpkBackgroundImage.js +2 -3
- package/bpk-component-image/src/BpkImage.js +2 -3
- package/bpk-component-image/src/withLazyLoading.js +1 -2
- package/bpk-component-image/src/withLoadingBehavior.js +0 -1
- package/bpk-component-infinite-scroll/src/withInfiniteScroll.js +1 -2
- package/bpk-component-input/src/BpkClearButton.js +0 -1
- package/bpk-component-input/src/BpkInput.js +0 -1
- package/bpk-component-input/src/withOpenEvents.js +0 -1
- package/bpk-component-label/src/BpkLabel.js +0 -1
- package/bpk-component-link/src/BpkButtonLink.js +0 -1
- package/bpk-component-link/src/BpkLink.js +0 -1
- package/bpk-component-list/src/BpkList.js +0 -1
- package/bpk-component-list/src/BpkList.module.css +1 -1
- package/bpk-component-list/src/BpkListItem.js +0 -1
- package/bpk-component-loading-button/src/BpkLoadingButton.js +0 -1
- package/bpk-component-loading-button/src/BpkLoadingButton.module.css +18 -0
- package/bpk-component-map/src/BpkIconMarker.js +0 -1
- package/bpk-component-map/src/BpkIconMarkerBackground.js +0 -1
- package/bpk-component-map/src/BpkMap.js +1 -2
- package/bpk-component-map/src/BpkMap.module.css +18 -0
- package/bpk-component-map/src/BpkPriceMarker.js +0 -1
- package/bpk-component-map/src/DefaultLoadingElement.js +0 -1
- package/bpk-component-mobile-scroll-container/src/BpkMobileScrollContainer.js +0 -1
- package/bpk-component-modal/src/BpkModal.js +4 -10
- package/bpk-component-modal/src/BpkModal.module.css +1 -1
- package/bpk-component-modal/src/BpkModalInner.js +1 -2
- package/bpk-component-modal/src/BpkModalInner.module.css +1 -1
- package/bpk-component-navigation-bar/src/BpkNavigationBar.js +0 -1
- package/bpk-component-navigation-bar/src/BpkNavigationBar.module.css +1 -1
- package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.js +0 -1
- package/bpk-component-navigation-bar/src/BpkNavigationBarIconButton.js +0 -1
- package/bpk-component-navigation-stack/README.md +1 -0
- package/bpk-component-navigation-stack/package.json +1 -0
- package/bpk-component-navigation-stack/src/BpkNavigationStack.js +1 -2
- package/bpk-component-nudger/src/BpkConfigurableNudger.js +0 -1
- package/bpk-component-nudger/src/BpkNudger.js +0 -1
- package/bpk-component-nudger/src/BpkNudger.module.css +1 -1
- package/bpk-component-overlay/src/BpkOverlay.js +0 -1
- package/bpk-component-pagination/src/BpkPagination.js +0 -1
- package/bpk-component-pagination/src/BpkPaginationList.js +0 -1
- package/bpk-component-pagination/src/BpkPaginationNudger.js +0 -1
- package/bpk-component-pagination/src/BpkPaginationPage.js +1 -2
- package/bpk-component-pagination/src/BpkPaginationPage.module.css +1 -1
- package/bpk-component-panel/src/BpkPanel.js +0 -1
- package/bpk-component-phone-input/src/BpkPhoneInput.js +0 -1
- package/bpk-component-phone-input/src/BpkPhoneInput.module.css +1 -1
- package/bpk-component-popover/src/BpkPopover.js +0 -1
- package/bpk-component-popover/src/BpkPopover.module.css +1 -1
- package/bpk-component-popover/src/BpkPopoverPortal.js +25 -15
- package/bpk-component-price/README.md +4 -2
- package/bpk-component-price/index.js +3 -2
- package/bpk-component-price/package.json +1 -1
- package/bpk-component-price/src/BpkPrice.js +16 -13
- package/bpk-component-price/src/BpkPrice.module.css +18 -0
- package/bpk-component-price/src/BpkPrice.module.scss +16 -10
- package/bpk-component-price/src/common-types.js +29 -0
- package/bpk-component-progress/src/BpkProgress.js +0 -1
- package/bpk-component-radio/src/BpkRadio.js +0 -1
- package/bpk-component-rating/src/BpkRating.js +0 -1
- package/bpk-component-rating/src/BpkRating.module.css +1 -1
- package/bpk-component-rtl-toggle/src/BpkRtlToggle.js +0 -1
- package/bpk-component-rtl-toggle/src/updateOnDirectionChange.js +0 -1
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarDate.js +0 -1
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.js +0 -1
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.js +2 -6
- package/bpk-component-section-list/src/BpkSectionListItem.js +0 -1
- package/bpk-component-section-list/src/BpkSectionListSection.js +0 -1
- package/bpk-component-select/src/BpkSelect.js +0 -1
- package/bpk-component-skip-link/src/BpkSkipLink.js +0 -1
- package/bpk-component-slider/src/BpkSlider.js +0 -1
- package/bpk-component-spinner/src/BpkExtraLargeSpinner.js +1 -2
- package/bpk-component-spinner/src/BpkLargeSpinner.js +1 -2
- package/bpk-component-spinner/src/BpkSpinner.js +1 -2
- package/bpk-component-spinner/src/BpkSpinner.module.css +1 -1
- package/bpk-component-split-input/src/BpkInputField.js +2 -3
- package/bpk-component-split-input/src/BpkInputField.module.css +18 -0
- package/bpk-component-split-input/src/BpkInputField.module.scss +3 -3
- package/bpk-component-split-input/src/BpkSplitInput.js +4 -3
- package/bpk-component-split-input/src/BpkSplitInput.module.css +1 -1
- package/bpk-component-split-input/src/BpkSplitInput.module.scss +2 -2
- package/bpk-component-star-rating/src/BpkInteractiveStar.js +0 -1
- package/bpk-component-star-rating/src/BpkInteractiveStarRating.js +0 -1
- package/bpk-component-star-rating/src/BpkStar.js +0 -1
- package/bpk-component-star-rating/src/BpkStarRating.js +0 -1
- package/bpk-component-star-rating/src/withInteractiveStarRatingState.js +0 -1
- package/bpk-component-switch/src/BpkSwitch.js +0 -1
- package/bpk-component-table/src/BpkTable.js +0 -1
- package/bpk-component-table/src/BpkTableCell.js +0 -1
- package/bpk-component-table/src/BpkTableHeadCell.js +0 -1
- package/bpk-component-text/src/BpkText.js +0 -1
- package/bpk-component-text/src/BpkText.module.css +1 -1
- package/bpk-component-textarea/src/BpkTextarea.js +0 -1
- package/bpk-component-theme-toggle/src/BpkThemeToggle.js +0 -1
- package/bpk-component-theme-toggle/src/updateOnThemeChange.js +0 -1
- package/bpk-component-ticket/README.md +0 -1
- package/bpk-component-ticket/package.json +1 -1
- package/bpk-component-ticket/src/BpkTicket.js +0 -41
- package/bpk-component-ticket/src/BpkTicket.module.css +1 -1
- package/bpk-component-ticket/src/BpkTicket.module.scss +13 -165
- package/bpk-component-tooltip/src/BpkTooltip.js +0 -1
- package/bpk-component-tooltip/src/BpkTooltip.module.css +1 -1
- package/bpk-component-tooltip/src/BpkTooltipPortal.js +0 -1
- package/bpk-react-utils/src/Portal.js +1 -1
- package/bpk-scrim-utils/src/BpkScrim.js +0 -1
- package/bpk-scrim-utils/src/bpk-scrim.module.css +1 -1
- package/bpk-scrim-utils/src/withScrim.js +0 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -24,76 +24,77 @@ To contribute please see [contributing.md](CONTRIBUTING.md).
|
|
|
24
24
|
|
|
25
25
|
## List of packages
|
|
26
26
|
|
|
27
|
-
| Component
|
|
28
|
-
|
|
29
|
-
| [`bpk-component-accordion`](/packages/bpk-component-accordion)
|
|
30
|
-
| [`bpk-component-autosuggest`](/packages/bpk-component-autosuggest)
|
|
31
|
-
| [`bpk-component-badge`](/packages/bpk-component-badge)
|
|
32
|
-
| [`bpk-component-banner-alert`](/packages/bpk-component-banner-alert)
|
|
33
|
-
| [`bpk-component-barchart`](/packages/bpk-component-barchart)
|
|
34
|
-
| [`bpk-component-blockquote`](/packages/bpk-component-blockquote)
|
|
35
|
-
| [`bpk-component-breadcrumb`](/packages/bpk-component-breadcrumb)
|
|
36
|
-
| [`bpk-component-breakpoint`](/packages/bpk-component-breakpoint)
|
|
37
|
-
| [`bpk-component-button`](/packages/bpk-component-button)
|
|
38
|
-
| [`bpk-component-calendar`](/packages/bpk-component-calendar)
|
|
39
|
-
| [`bpk-component-card`](/packages/bpk-component-card)
|
|
40
|
-
| [`bpk-component-checkbox`](/packages/bpk-component-checkbox)
|
|
41
|
-
| [`bpk-component-chip`](/packages/bpk-component-chip)
|
|
42
|
-
| [`bpk-component-close-button`](/packages/bpk-component-close-button)
|
|
43
|
-
| [`bpk-component-code`](/packages/bpk-component-code)
|
|
44
|
-
| [`bpk-component-content-container`](/packages/bpk-component-content-container)
|
|
45
|
-
| [`bpk-component-datatable`](/packages/bpk-component-datatable)
|
|
46
|
-
| [`bpk-component-datepicker`](/packages/bpk-component-datepicker)
|
|
47
|
-
| [`bpk-component-description-list`](/packages/bpk-component-description-list)
|
|
48
|
-
| [`bpk-component-dialog`](/packages/bpk-component-dialog)
|
|
49
|
-
| [`bpk-component-drawer`](/packages/bpk-component-drawer)
|
|
50
|
-
| [`bpk-component-fieldset`](/packages/bpk-component-fieldset)
|
|
51
|
-
| [`bpk-component-form-validation`](/packages/bpk-component-form-validation)
|
|
52
|
-
| [`bpk-component-
|
|
53
|
-
| [`bpk-component-grid
|
|
54
|
-
| [`bpk-component-
|
|
55
|
-
| [`bpk-component-
|
|
56
|
-
| [`bpk-component-
|
|
57
|
-
| [`bpk-component-
|
|
58
|
-
| [`bpk-component-
|
|
59
|
-
| [`bpk-component-
|
|
60
|
-
| [`bpk-component-
|
|
61
|
-
| [`bpk-component-
|
|
62
|
-
| [`bpk-component-
|
|
27
|
+
| Component | Version |
|
|
28
|
+
| ------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
29
|
+
| [`bpk-component-accordion`](/packages/bpk-component-accordion) | [](http://badge.fury.io/js/bpk-component-accordion) |
|
|
30
|
+
| [`bpk-component-autosuggest`](/packages/bpk-component-autosuggest) | [](http://badge.fury.io/js/bpk-component-autosuggest) |
|
|
31
|
+
| [`bpk-component-badge`](/packages/bpk-component-badge) | [](http://badge.fury.io/js/bpk-component-badge) |
|
|
32
|
+
| [`bpk-component-banner-alert`](/packages/bpk-component-banner-alert) | [](http://badge.fury.io/js/bpk-component-banner-alert) |
|
|
33
|
+
| [`bpk-component-barchart`](/packages/bpk-component-barchart) | [](http://badge.fury.io/js/bpk-component-barchart) |
|
|
34
|
+
| [`bpk-component-blockquote`](/packages/bpk-component-blockquote) | [](http://badge.fury.io/js/bpk-component-blockquote) |
|
|
35
|
+
| [`bpk-component-breadcrumb`](/packages/bpk-component-breadcrumb) | [](http://badge.fury.io/js/bpk-component-breadcrumb) |
|
|
36
|
+
| [`bpk-component-breakpoint`](/packages/bpk-component-breakpoint) | [](http://badge.fury.io/js/bpk-component-breakpoint) |
|
|
37
|
+
| [`bpk-component-button`](/packages/bpk-component-button) | [](http://badge.fury.io/js/bpk-component-button) |
|
|
38
|
+
| [`bpk-component-calendar`](/packages/bpk-component-calendar) | [](http://badge.fury.io/js/bpk-component-calendar) |
|
|
39
|
+
| [`bpk-component-card`](/packages/bpk-component-card) | [](http://badge.fury.io/js/bpk-component-card) |
|
|
40
|
+
| [`bpk-component-checkbox`](/packages/bpk-component-checkbox) | [](http://badge.fury.io/js/bpk-component-checkbox) |
|
|
41
|
+
| [`bpk-component-chip`](/packages/bpk-component-chip) | [](http://badge.fury.io/js/bpk-component-chip) |
|
|
42
|
+
| [`bpk-component-close-button`](/packages/bpk-component-close-button) | [](http://badge.fury.io/js/bpk-component-close-button) |
|
|
43
|
+
| [`bpk-component-code`](/packages/bpk-component-code) | [](http://badge.fury.io/js/bpk-component-code) |
|
|
44
|
+
| [`bpk-component-content-container`](/packages/bpk-component-content-container) | [](http://badge.fury.io/js/bpk-component-content-container) |
|
|
45
|
+
| [`bpk-component-datatable`](/packages/bpk-component-datatable) | [](http://badge.fury.io/js/bpk-component-datatable) |
|
|
46
|
+
| [`bpk-component-datepicker`](/packages/bpk-component-datepicker) | [](http://badge.fury.io/js/bpk-component-datepicker) |
|
|
47
|
+
| [`bpk-component-description-list`](/packages/bpk-component-description-list) | [](http://badge.fury.io/js/bpk-component-description-list) |
|
|
48
|
+
| [`bpk-component-dialog`](/packages/bpk-component-dialog) | [](http://badge.fury.io/js/bpk-component-dialog) |
|
|
49
|
+
| [`bpk-component-drawer`](/packages/bpk-component-drawer) | [](http://badge.fury.io/js/bpk-component-drawer) |
|
|
50
|
+
| [`bpk-component-fieldset`](/packages/bpk-component-fieldset) | [](http://badge.fury.io/js/bpk-component-fieldset) |
|
|
51
|
+
| [`bpk-component-form-validation`](/packages/bpk-component-form-validation) | [](http://badge.fury.io/js/bpk-component-form-validation) |
|
|
52
|
+
| [`bpk-component-graphic-promotion`](/packages/bpk-component-graphic-promotion) | [](http://badge.fury.io/js/bpk-component-graphic-promotion) |
|
|
53
|
+
| [`bpk-component-grid`](/packages/bpk-component-grid) | [](http://badge.fury.io/js/bpk-component-grid) |
|
|
54
|
+
| [`bpk-component-grid-toggle`](/packages/bpk-component-grid-toggle) | [](http://badge.fury.io/js/bpk-component-grid-toggle) |
|
|
55
|
+
| [`bpk-component-horizontal-nav`](/packages/bpk-component-horizontal-nav) | [](http://badge.fury.io/js/bpk-component-horizontal-nav) |
|
|
56
|
+
| [`bpk-component-icon`](/packages/bpk-component-icon) | [](http://badge.fury.io/js/bpk-component-icon) |
|
|
57
|
+
| [`bpk-component-image`](/packages/bpk-component-image) | [](http://badge.fury.io/js/bpk-component-image) |
|
|
58
|
+
| [`bpk-component-infinite-scroll`](/packages/bpk-component-infinite-scroll) | [](http://badge.fury.io/js/bpk-component-infinite-scroll) |
|
|
59
|
+
| [`bpk-component-input`](/packages/bpk-component-input) | [](http://badge.fury.io/js/bpk-component-input) |
|
|
60
|
+
| [`bpk-component-label`](/packages/bpk-component-label) | [](http://badge.fury.io/js/bpk-component-label) |
|
|
61
|
+
| [`bpk-component-link`](/packages/bpk-component-link) | [](http://badge.fury.io/js/bpk-component-link) |
|
|
62
|
+
| [`bpk-component-list`](/packages/bpk-component-list) | [](http://badge.fury.io/js/bpk-component-list) |
|
|
63
|
+
| [`bpk-component-loading-button`](/packages/bpk-component-loading-button) | [](http://badge.fury.io/js/bpk-component-loading-button) |
|
|
63
64
|
| [`bpk-component-mobile-scroll-container`](/packages/bpk-component-mobile-scroll-container) | [](http://badge.fury.io/js/bpk-component-mobile-scroll-container) |
|
|
64
|
-
| [`bpk-component-modal`](/packages/bpk-component-modal)
|
|
65
|
-
| [`bpk-component-navigation-bar`](/packages/bpk-component-navigation-bar)
|
|
66
|
-
| [`bpk-component-
|
|
67
|
-
| [`bpk-component-
|
|
68
|
-
| [`bpk-component-
|
|
69
|
-
| [`bpk-component-
|
|
70
|
-
| [`bpk-component-
|
|
71
|
-
| [`bpk-component-
|
|
72
|
-
| [`bpk-component-
|
|
73
|
-
| [`bpk-component-
|
|
74
|
-
| [`bpk-component-
|
|
75
|
-
| [`bpk-component-
|
|
76
|
-
| [`bpk-component-
|
|
77
|
-
| [`bpk-component-
|
|
78
|
-
| [`bpk-component-
|
|
79
|
-
| [`bpk-component-
|
|
80
|
-
| [`bpk-component-table`](/packages/bpk-component-table)
|
|
81
|
-
| [`bpk-component-text`](/packages/bpk-component-text)
|
|
82
|
-
| [`bpk-component-textarea`](/packages/bpk-component-textarea)
|
|
83
|
-
| [`bpk-theming`](/packages/bpk-theming)
|
|
84
|
-
| [`bpk-component-ticket`](/packages/bpk-component-ticket)
|
|
85
|
-
| [`bpk-component-tooltip`](/packages/bpk-component-tooltip)
|
|
86
|
-
| [`bpk-react-utils`](/packages/bpk-react-utils)
|
|
65
|
+
| [`bpk-component-modal`](/packages/bpk-component-modal) | [](http://badge.fury.io/js/bpk-component-modal) |
|
|
66
|
+
| [`bpk-component-navigation-bar`](/packages/bpk-component-navigation-bar) | [](http://badge.fury.io/js/bpk-component-navigation-bar) |
|
|
67
|
+
| [`bpk-component-nudger`](/packages/bpk-component-nudger) | [](http://badge.fury.io/js/bpk-component-nudger) |
|
|
68
|
+
| [`bpk-component-pagination`](/packages/bpk-component-pagination) | [](http://badge.fury.io/js/bpk-component-pagination) |
|
|
69
|
+
| [`bpk-component-panel`](/packages/bpk-component-panel) | [](http://badge.fury.io/js/bpk-component-panel) |
|
|
70
|
+
| [`bpk-component-phone-input`](/packages/bpk-component-phone-input) | [](http://badge.fury.io/js/bpk-component-phone-input) |
|
|
71
|
+
| [`bpk-component-popover`](/packages/bpk-component-popover) | [](http://badge.fury.io/js/bpk-component-popover) |
|
|
72
|
+
| [`bpk-component-progress`](/packages/bpk-component-progress) | [](http://badge.fury.io/js/bpk-component-progress) |
|
|
73
|
+
| [`bpk-component-radio`](/packages/bpk-component-radio) | [](http://badge.fury.io/js/bpk-component-radio) |
|
|
74
|
+
| [`bpk-component-rtl-toggle`](/packages/bpk-component-rtl-toggle) | [](http://badge.fury.io/js/bpk-component-rtl-toggle) |
|
|
75
|
+
| [`bpk-component-section-list`](/packages/bpk-component-section-list) | [](http://badge.fury.io/js/bpk-component-section-list) |
|
|
76
|
+
| [`bpk-component-select`](/packages/bpk-component-select) | [](http://badge.fury.io/js/bpk-component-select) |
|
|
77
|
+
| [`bpk-component-slider`](/packages/bpk-component-slider) | [](http://badge.fury.io/js/bpk-component-slider) |
|
|
78
|
+
| [`bpk-component-spinner`](/packages/bpk-component-spinner) | [](http://badge.fury.io/js/bpk-component-spinner) |
|
|
79
|
+
| [`bpk-component-star-rating`](/packages/bpk-component-star-rating) | [](http://badge.fury.io/js/bpk-component-star-rating) |
|
|
80
|
+
| [`bpk-component-switch`](/packages/bpk-component-switch) | [](http://badge.fury.io/js/bpk-component-switch) |
|
|
81
|
+
| [`bpk-component-table`](/packages/bpk-component-table) | [](http://badge.fury.io/js/bpk-component-table) |
|
|
82
|
+
| [`bpk-component-text`](/packages/bpk-component-text) | [](http://badge.fury.io/js/bpk-component-text) |
|
|
83
|
+
| [`bpk-component-textarea`](/packages/bpk-component-textarea) | [](http://badge.fury.io/js/bpk-component-textarea) |
|
|
84
|
+
| [`bpk-theming`](/packages/bpk-theming) | [](http://badge.fury.io/js/bpk-theming) |
|
|
85
|
+
| [`bpk-component-ticket`](/packages/bpk-component-ticket) | [](http://badge.fury.io/js/bpk-component-ticket) |
|
|
86
|
+
| [`bpk-component-tooltip`](/packages/bpk-component-tooltip) | [](http://badge.fury.io/js/bpk-component-tooltip) |
|
|
87
|
+
| [`bpk-react-utils`](/packages/bpk-react-utils) | [](http://badge.fury.io/js/bpk-react-utils) |
|
|
87
88
|
|
|
88
89
|
## List of external packages
|
|
89
90
|
|
|
90
91
|
These components are part of Backpack and are utilised by the components but live in the Foundations repository.
|
|
91
92
|
|
|
92
|
-
| Component
|
|
93
|
-
|
|
94
|
-
| [`bpk-mixins`](https://github.com/Skyscanner/backpack-foundations/tree/main/packages/bpk-mixins)
|
|
95
|
-
| [`bpk-stylesheets`](https://github.com/Skyscanner/backpack-foundations/tree/main/packages/bpk-stylesheets)
|
|
96
|
-
| [`@skyscanner/bpk-svgs`](https://github.com/Skyscanner/backpack-foundations/tree/main/packages/bpk-svgs)
|
|
93
|
+
| Component | Version |
|
|
94
|
+
| ------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------ |
|
|
95
|
+
| [`bpk-mixins`](https://github.com/Skyscanner/backpack-foundations/tree/main/packages/bpk-mixins) | [](http://badge.fury.io/js/bpk-mixins) |
|
|
96
|
+
| [`bpk-stylesheets`](https://github.com/Skyscanner/backpack-foundations/tree/main/packages/bpk-stylesheets) | [](http://badge.fury.io/js/bpk-stylesheets) |
|
|
97
|
+
| [`@skyscanner/bpk-svgs`](https://github.com/Skyscanner/backpack-foundations/tree/main/packages/bpk-svgs) | [](https://badge.fury.io/js/%40skyscanner%2Fbpk-svgs) |
|
|
97
98
|
| [`@skyscanner/bpk-foundations-web`](https://github.com/Skyscanner/backpack-foundations/tree/main/packages/bpk-foundations-web) | [](https://badge.fury.io/js/%40skyscanner%2Fbpk-foundations-web) |
|
|
98
99
|
|
|
99
100
|
## Contact
|
|
@@ -20,7 +20,6 @@
|
|
|
20
20
|
|
|
21
21
|
import PropTypes from 'prop-types';
|
|
22
22
|
import React, { type Node, type Element } from 'react';
|
|
23
|
-
|
|
24
23
|
import AnimateHeight from '../../bpk-animate-height';
|
|
25
24
|
import { withButtonAlignment } from '../../bpk-component-icon';
|
|
26
25
|
import ChevronDownIcon from '../../bpk-component-icon/sm/chevron-down';
|
|
@@ -19,9 +19,8 @@
|
|
|
19
19
|
/* @flow strict */
|
|
20
20
|
|
|
21
21
|
import React from 'react';
|
|
22
|
-
import Autosuggest from 'react-autosuggest';
|
|
23
|
-
|
|
24
22
|
import BpkInput from '../../bpk-component-input';
|
|
23
|
+
import Autosuggest from 'react-autosuggest';
|
|
25
24
|
import { cssModules } from '../../bpk-react-utils';
|
|
26
25
|
|
|
27
26
|
import STYLES from './BpkAutosuggest.module.scss';
|
|
@@ -19,11 +19,10 @@
|
|
|
19
19
|
|
|
20
20
|
import PropTypes from 'prop-types';
|
|
21
21
|
import React, { type Node, Component } from 'react';
|
|
22
|
-
import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
|
|
23
|
-
import { TransitionGroup, CSSTransition } from 'react-transition-group';
|
|
24
|
-
|
|
25
22
|
import { cssModules } from '../../bpk-react-utils';
|
|
26
23
|
import BpkAnimateHeight from '../../bpk-animate-height';
|
|
24
|
+
import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
|
|
25
|
+
import { TransitionGroup, CSSTransition } from 'react-transition-group';
|
|
27
26
|
|
|
28
27
|
import STYLES from './BpkAnimateAndFade.module.scss';
|
|
29
28
|
|
|
@@ -23,14 +23,13 @@
|
|
|
23
23
|
|
|
24
24
|
import PropTypes from 'prop-types';
|
|
25
25
|
import React, { type Node, type StatelessFunctionalComponent } from 'react';
|
|
26
|
-
import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
|
|
27
|
-
|
|
28
26
|
import { withButtonAlignment } from '../../bpk-component-icon';
|
|
29
27
|
import BpkAnimateHeight from '../../bpk-animate-height';
|
|
30
28
|
import BpkCloseButton from '../../bpk-component-close-button';
|
|
31
29
|
import TickCircleIcon from '../../bpk-component-icon/sm/tick-circle';
|
|
32
30
|
import ChevronDownIcon from '../../bpk-component-icon/lg/chevron-down';
|
|
33
31
|
import InfoCircleIcon from '../../bpk-component-icon/sm/information-circle';
|
|
32
|
+
import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
|
|
34
33
|
import { cssModules } from '../../bpk-react-utils';
|
|
35
34
|
|
|
36
35
|
import AnimateAndFade from './AnimateAndFade';
|
|
@@ -20,9 +20,8 @@
|
|
|
20
20
|
|
|
21
21
|
import React from 'react';
|
|
22
22
|
import PropTypes from 'prop-types';
|
|
23
|
-
import { borderRadiusXs } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
|
|
24
|
-
|
|
25
23
|
import { cssModules } from '../../bpk-react-utils';
|
|
24
|
+
import { borderRadiusXs } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
|
|
26
25
|
|
|
27
26
|
import { remToPx } from './utils';
|
|
28
27
|
import STYLES from './BpkBarchartBar.module.scss';
|
|
@@ -20,13 +20,12 @@
|
|
|
20
20
|
|
|
21
21
|
import React, { type Node } from 'react';
|
|
22
22
|
import PropTypes from 'prop-types';
|
|
23
|
+
import { cssModules } from '../../bpk-react-utils';
|
|
23
24
|
import {
|
|
24
25
|
spacingXs,
|
|
25
26
|
lineHeightSm,
|
|
26
27
|
} from '@skyscanner/bpk-foundations-web/tokens/base.es6';
|
|
27
28
|
|
|
28
|
-
import { cssModules } from '../../bpk-react-utils';
|
|
29
|
-
|
|
30
29
|
import { rtlConditionalValue } from './RTLtransforms';
|
|
31
30
|
import { ORIENTATION_X, ORIENTATION_Y } from './orientation';
|
|
32
31
|
import { identity, center, remToPx } from './utils';
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
|
-
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button{display:inline-block;margin:0;padding
|
|
18
|
+
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button{display:inline-block;min-height:2.25rem;margin:0;padding:.375rem 1rem;border:0;border-radius:.5rem;background-image:linear-gradient(-180deg, #00a698 0%, #00a698 100%);background-image:linear-gradient(-180deg, var(--bpk-button-primary-gradient-start-color, #00a698) 0%, var(--bpk-button-primary-gradient-end-color, #00a698) 100%);font-size:1.1875rem;font-weight:700;line-height:1.5rem;text-align:center;text-decoration:none;cursor:pointer;vertical-align:middle;user-select:none;color:#fff;color:var(--bpk-button-primary-text-color, #fff);background-color:#00a698;background-color:var(--bpk-button-primary-background-color, #00a698);font-size:1.1875rem;font-size:var(--bpk-button-font-size, 1.1875rem)}.bpk-no-touch-support .bpk-button:hover:not(:active):not(:disabled){background-image:none;color:#fff;color:var(--bpk-button-primary-hover-text-color, #fff);background-color:#00887c;background-color:var(--bpk-button-primary-hover-background-color, #00887c)}:global(.bpk-no-touch-support) .bpk-button:hover:not(:active):not(:disabled){background-image:none;color:#fff;color:var(--bpk-button-primary-hover-text-color, #fff);background-color:#00887c;background-color:var(--bpk-button-primary-hover-background-color, #00887c)}.bpk-button:active{background-image:none;color:#fff;color:var(--bpk-button-primary-active-text-color, #fff);background-color:#006a61;background-color:var(--bpk-button-primary-active-background-color, #006a61)}.bpk-button:disabled{background-color:#dddde5;background-image:none;color:#b2b2bf;cursor:not-allowed}.bpk-button--large{min-height:3rem;padding:.75rem 1rem;font-size:1.25rem;line-height:1.5rem;font-weight:700}.bpk-button--icon-only{border-radius:.5rem;padding-right:.5625rem;padding-left:.5625rem;border-radius:.5rem}.bpk-button--large-icon-only{border-radius:.5rem;padding-right:.75rem;padding-left:.75rem;border-radius:.5rem}.bpk-button span>svg{display:block}.bpk-button svg{fill:currentColor}
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
|
-
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--destructive{background-image:none;color:#
|
|
18
|
+
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--destructive{background-image:none;color:#084eb2;color:var(--bpk-button-secondary-text-color, #084eb2);background-color:#dddde5;background-color:var(--bpk-button-secondary-background-color, #dddde5);color:#b22e45;color:var(--bpk-button-destructive-text-color, #b22e45);background-color:#dddde5;background-color:var(--bpk-button-destructive-background-color, #dddde5)}.bpk-no-touch-support .bpk-button--destructive:hover:not(:active):not(:disabled){background-image:none;color:#084eb2;color:var(--bpk-button-secondary-hover-text-color, #084eb2);background-color:#cdcdd7;background-color:var(--bpk-button-secondary-hover-background-color, #cdcdd7)}:global(.bpk-no-touch-support) .bpk-button--destructive:hover:not(:active):not(:disabled){background-image:none;color:#084eb2;color:var(--bpk-button-secondary-hover-text-color, #084eb2);background-color:#cdcdd7;background-color:var(--bpk-button-secondary-hover-background-color, #cdcdd7)}.bpk-button--destructive:active{background-image:none;color:#084eb2;color:var(--bpk-button-secondary-active-text-color, #084eb2);background-color:#b2b2bf;background-color:var(--bpk-button-secondary-active-background-color, #b2b2bf)}.bpk-button--destructive:disabled{background-color:#dddde5;background-image:none;color:#b2b2bf}.bpk-no-touch-support .bpk-button--destructive:hover:not(:active):not(:disabled){background-image:none;color:#fff;color:var(--bpk-button-destructive-hover-text-color, #fff);background-color:#d1435b;background-color:var(--bpk-button-destructive-hover-background-color, #d1435b)}:global(.bpk-no-touch-support) .bpk-button--destructive:hover:not(:active):not(:disabled){background-image:none;color:#fff;color:var(--bpk-button-destructive-hover-text-color, #fff);background-color:#d1435b;background-color:var(--bpk-button-destructive-hover-background-color, #d1435b)}.bpk-button--destructive:active{color:#fff;color:var(--bpk-button-destructive-active-text-color, #fff);background-color:#b22e45;background-color:var(--bpk-button-destructive-active-background-color, #b22e45)}.bpk-button--destructive:disabled{background-color:#dddde5;background-image:none;color:#b2b2bf}
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
|
-
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--featured{background-image:#0770e3;background-image:linear-gradient(-180deg, var(--bpk-button-featured-gradient-start-color, #0770e3) 0%, var(--bpk-button-featured-gradient-end-color, #0770e3) 100%);color:#fff;color:var(--bpk-button-featured-text-color, #fff);background-color:#0770e3;background-color:var(--bpk-button-featured-background-color, #0770e3)}.bpk-no-touch-support .bpk-button--featured:hover:not(:active):not(:disabled){background-image:none;
|
|
18
|
+
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--featured{background-image:#0770e3;background-image:linear-gradient(-180deg, var(--bpk-button-featured-gradient-start-color, #0770e3) 0%, var(--bpk-button-featured-gradient-end-color, #0770e3) 100%);color:#fff;color:var(--bpk-button-featured-text-color, #fff);background-color:#0770e3;background-color:var(--bpk-button-featured-background-color, #0770e3)}.bpk-no-touch-support .bpk-button--featured:hover:not(:active):not(:disabled){background-image:none;color:#fff;color:var(--bpk-button-featured-hover-text-color, #fff);background-color:#084eb2;background-color:var(--bpk-button-featured-hover-background-color, #084eb2)}:global(.bpk-no-touch-support) .bpk-button--featured:hover:not(:active):not(:disabled){background-image:none;color:#fff;color:var(--bpk-button-featured-hover-text-color, #fff);background-color:#084eb2;background-color:var(--bpk-button-featured-hover-background-color, #084eb2)}.bpk-button--featured:active{background-image:none;color:#fff;color:var(--bpk-button-featured-active-text-color, #fff);background-color:#042759;background-color:var(--bpk-button-featured-active-background-color, #042759)}.bpk-button--featured:disabled{background-color:#dddde5;background-image:none}
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
|
-
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--link{
|
|
18
|
+
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--link{border-radius:0;background:none;box-shadow:none;padding:0;border:0;background-color:transparent;text-decoration:none;cursor:pointer;appearance:none;color:#0770e3;color:var(--bpk-link-color, #0770e3);padding:.375rem 0}.bpk-no-touch-support .bpk-button--link:hover:not(:active):not(:disabled){text-decoration:underline;color:#084eb2;color:var(--bpk-link-hover-color, #084eb2)}:global(.bpk-no-touch-support) .bpk-button--link:hover:not(:active):not(:disabled){text-decoration:underline;color:#084eb2;color:var(--bpk-link-hover-color, #084eb2)}.bpk-button--link:visited{color:#0770e3;color:var(--bpk-link-visited-color, #0770e3)}.bpk-button--link:active{text-decoration:underline;color:#042759;color:var(--bpk-link-active-color, #042759)}.bpk-no-touch-support .bpk-button--link:hover:not(:active):not(:disabled){background:none;text-decoration:none}:global(.bpk-no-touch-support) .bpk-button--link:hover:not(:active):not(:disabled){background:none;text-decoration:none}.bpk-button--link:active{background:none;text-decoration:none}.bpk-button--link:disabled{background:none;color:#b2b2bf;text-decoration:none}.bpk-button--link-large{padding:.75rem 0}
|
|
@@ -0,0 +1,18 @@
|
|
|
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
|
+
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--link-on-dark{border-radius:0;background:none;box-shadow:none;padding:0;border:0;background-color:transparent;text-decoration:none;cursor:pointer;appearance:none;color:#0770e3;color:var(--bpk-link-color, #0770e3);padding:.375rem 0;color:#fff;color:var(--bpk-button-link-on-dark-text-color, #fff)}.bpk-no-touch-support .bpk-button--link-on-dark:hover:not(:active):not(:disabled){text-decoration:underline;color:#084eb2;color:var(--bpk-link-hover-color, #084eb2)}:global(.bpk-no-touch-support) .bpk-button--link-on-dark:hover:not(:active):not(:disabled){text-decoration:underline;color:#084eb2;color:var(--bpk-link-hover-color, #084eb2)}.bpk-button--link-on-dark:visited{color:#0770e3;color:var(--bpk-link-visited-color, #0770e3)}.bpk-button--link-on-dark:active{text-decoration:underline;color:#042759;color:var(--bpk-link-active-color, #042759)}.bpk-no-touch-support .bpk-button--link-on-dark:hover:not(:active):not(:disabled){background:none;text-decoration:none}:global(.bpk-no-touch-support) .bpk-button--link-on-dark:hover:not(:active):not(:disabled){background:none;text-decoration:none}.bpk-button--link-on-dark:active{background:none;text-decoration:none}.bpk-button--link-on-dark:disabled{background:none;color:#b2b2bf;text-decoration:none}.bpk-button--link-on-dark-large{padding:.75rem 0}.bpk-no-touch-support .bpk-button--link-on-dark:hover:not(:active):not(:disabled){color:rgba(255,255,255,0.8);color:var(--bpk-button-link-on-dark-hover-text-color, rgba(255,255,255,0.8))}:global(.bpk-no-touch-support) .bpk-button--link-on-dark:hover:not(:active):not(:disabled){color:rgba(255,255,255,0.8);color:var(--bpk-button-link-on-dark-hover-text-color, rgba(255,255,255,0.8))}.bpk-button--link-on-dark:active{color:rgba(255,255,255,0.6);color:var(--bpk-button-link-on-dark-active-text-color, rgba(255,255,255,0.6))}.bpk-button--link-on-dark:visited{color:#fff;color:var(--bpk-button-link-on-dark-text-color, #fff)}.bpk-button--link-on-dark:disabled{color:rgba(255,255,255,0.2);color:var(--bpk-button-link-on-dark-disabled-color, rgba(255,255,255,0.2))}
|
|
@@ -0,0 +1,18 @@
|
|
|
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
|
+
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--primary-on-dark{background-image:none;color:#111236;color:var(--bpk-button-primary-on-dark-text-color, #111236);background-color:#fff;background-color:var(--bpk-button-primary-on-dark-background-color, #fff)}.bpk-no-touch-support .bpk-button--primary-on-dark:hover:not(:active):not(:disabled){background-image:none;color:#111236;color:var(--bpk-button-primary-on-dark-hover-text-color, #111236);background-color:#dddde5;background-color:var(--bpk-button-primary-on-dark-hover-background-color, #dddde5)}:global(.bpk-no-touch-support) .bpk-button--primary-on-dark:hover:not(:active):not(:disabled){background-image:none;color:#111236;color:var(--bpk-button-primary-on-dark-hover-text-color, #111236);background-color:#dddde5;background-color:var(--bpk-button-primary-on-dark-hover-background-color, #dddde5)}.bpk-button--primary-on-dark:active{background-image:none;color:#111236;color:var(--bpk-button-primary-on-dark-active-text-color, #111236);background-color:#cdcdd7;background-color:var(--bpk-button-primary-on-dark-active-background-color, #cdcdd7)}.bpk-button--primary-on-dark:disabled{background-color:#dddde5;background-image:none;color:#b2b2bf}
|
|
@@ -0,0 +1,18 @@
|
|
|
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
|
+
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--primary-on-light{background-image:none;color:#fff;color:var(--bpk-button-primary-on-light-text-color, #fff);background-color:#111236;background-color:var(--bpk-button-primary-on-light-background-color, #111236)}.bpk-no-touch-support .bpk-button--primary-on-light:hover:not(:active):not(:disabled){background-image:none;color:#fff;color:var(--bpk-button-primary-on-light-hover-text-color, #fff);background-color:#444560;background-color:var(--bpk-button-primary-on-light-hover-background-color, #444560)}:global(.bpk-no-touch-support) .bpk-button--primary-on-light:hover:not(:active):not(:disabled){background-image:none;color:#fff;color:var(--bpk-button-primary-on-light-hover-text-color, #fff);background-color:#444560;background-color:var(--bpk-button-primary-on-light-hover-background-color, #444560)}.bpk-button--primary-on-light:active{background-image:none;color:#fff;color:var(--bpk-button-primary-on-light-active-text-color, #fff);background-color:#68697f;background-color:var(--bpk-button-primary-on-light-active-background-color, #68697f)}.bpk-button--primary-on-light:disabled{background-color:#dddde5;background-image:none;color:#b2b2bf}
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* See the License for the specific language governing permissions and
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
|
-
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--secondary{background-image:none;color:#
|
|
18
|
+
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--secondary{background-image:none;color:#084eb2;color:var(--bpk-button-secondary-text-color, #084eb2);background-color:#dddde5;background-color:var(--bpk-button-secondary-background-color, #dddde5)}.bpk-no-touch-support .bpk-button--secondary:hover:not(:active):not(:disabled){background-image:none;color:#084eb2;color:var(--bpk-button-secondary-hover-text-color, #084eb2);background-color:#cdcdd7;background-color:var(--bpk-button-secondary-hover-background-color, #cdcdd7)}:global(.bpk-no-touch-support) .bpk-button--secondary:hover:not(:active):not(:disabled){background-image:none;color:#084eb2;color:var(--bpk-button-secondary-hover-text-color, #084eb2);background-color:#cdcdd7;background-color:var(--bpk-button-secondary-hover-background-color, #cdcdd7)}.bpk-button--secondary:active{background-image:none;color:#084eb2;color:var(--bpk-button-secondary-active-text-color, #084eb2);background-color:#b2b2bf;background-color:var(--bpk-button-secondary-active-background-color, #b2b2bf)}.bpk-button--secondary:disabled{background-color:#dddde5;background-image:none;color:#b2b2bf}
|
|
@@ -0,0 +1,18 @@
|
|
|
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
|
+
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--secondary-on-dark{background-image:none;color:#fff;color:var(--bpk-button-secondary-on-dark-text-color, #fff);background-color:rgba(255,255,255,0.1);background-color:var(--bpk-button-secondary-on-dark-background-color, rgba(255,255,255,0.1))}.bpk-no-touch-support .bpk-button--secondary-on-dark:hover:not(:active):not(:disabled){background-image:none;color:#fff;color:var(--bpk-button-secondary-on-dark-hover-text-color, #fff);background-color:rgba(255,255,255,0.15);background-color:var(--bpk-button-secondary-on-dark-hover-background-color, rgba(255,255,255,0.15))}:global(.bpk-no-touch-support) .bpk-button--secondary-on-dark:hover:not(:active):not(:disabled){background-image:none;color:#fff;color:var(--bpk-button-secondary-on-dark-hover-text-color, #fff);background-color:rgba(255,255,255,0.15);background-color:var(--bpk-button-secondary-on-dark-hover-background-color, rgba(255,255,255,0.15))}.bpk-button--secondary-on-dark:active{background-image:none;color:#fff;color:var(--bpk-button-secondary-on-dark-active-text-color, #fff);background-color:rgba(255,255,255,0.2);background-color:var(--bpk-button-secondary-on-dark-active-background-color, rgba(255,255,255,0.2))}.bpk-button--secondary-on-dark:disabled{background-color:#dddde5;background-image:none;color:#b2b2bf}
|